@charset "UTF-8";
.cta .bigicon {
  max-width: 240px; }

@media only screen and (max-device-width: 568px) {
  .forms .recaptcha {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  .forms form {
    padding-bottom: 300px; } }

/* geo-location css */
#geotool {
  top: 0;
  float: right;
  width: auto;
  height: 26px;
  border: none;
  font-size: 16px;
  background-color: #f8f8f8; }

#inputText {
  background-color: red; }

#geocity {
  padding-bottom: 4px;
  color: #aa0023;
  cursor: pointer;
  cursor: hand; }

#geo {
  margin-left: 10px;
  height: 23px;
  color: #aa0023; }

#changeLcation {
  width: 250px; }

#chagneLocation input {
  color: #aa0023;
  width: 100%;
  border-style: solid;
  padding-left: 2px; }

#chagneLocation button {
  color: #fff;
  background-color: #b71234;
  width: 100%;
  margin-top: 10px; }

.popover-content {
  width: 180px; }

/* nav-bar css */
.nav-bars {
  height: 127px;
  position: fixed;
  width: 100%;
  z-index: 111;
  /* MEGA MENU POSITIONING STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* DROPDOWN GENERAL STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* TOP LINKS INSIDE DROPDOWN STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */ }
  .nav-bars #headerwrapper {
    max-width: 1200px;
    margin: 0 auto; }
  .nav-bars a:hover {
    text-decoration: none; }
  .nav-bars .left {
    float: left !important; }
  .nav-bars .right {
    float: right !important; }
  .nav-bars .clearfix:before, .nav-bars .clearfix:after {
    content: " ";
    display: table; }
  .nav-bars .clearfix:after {
    clear: both; }
  .nav-bars .contain-to-grid {
    width: 100%;
    background: #333333; }
  .nav-bars .contain-to-grid .top-bar {
    margin-bottom: 0; }
  .nav-bars .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0; }
  .nav-bars .fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%; }
  .nav-bars .fixed.expanded:not(.top-bar) .title-area {
    position: fixed;
    width: 100%;
    z-index: 99; }
  .nav-bars .fixed.expanded:not(.top-bar) .top-bar-section {
    margin-top: 2.8125rem;
    z-index: 98; }
  .nav-bars .top-bar {
    background: #333333;
    height: 2.8125rem;
    line-height: 2.8125rem;
    margin-bottom: 0;
    position: relative; }
  .nav-bars .top-bar ul {
    list-style: none;
    margin-bottom: 0; }
  .nav-bars .top-bar .row {
    max-width: none; }
  .nav-bars .top-bar form,
  .nav-bars .top-bar input,
  .nav-bars .top-bar select {
    margin-bottom: 0; }
  .nav-bars .top-bar input,
  .nav-bars .top-bar select {
    font-size: 0.75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem; }
  .nav-bars .top-bar .button, .nav-bars .top-bar button {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-bottom: 0.4125rem;
    padding-top: 0.4125rem; }
  @media only screen and (max-width: 767px) {
    .nav-bars {
      height: 124px;
      position: relative;
      height: 100%; }
      .nav-bars .headerpadding {
        padding-top: 0; }
      .nav-bars .top-bar .button, .nav-bars .top-bar button {
        position: relative;
        top: -1px; } }
  .nav-bars .top-bar .title-area {
    margin: 0;
    position: relative; }
  .nav-bars .top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    margin: 0; }
  .nav-bars .top-bar .name h1, .nav-bars .top-bar .name h2, .nav-bars .top-bar .name h3, .nav-bars .top-bar .name h4, .nav-bars .top-bar .name p, .nav-bars .top-bar .name span {
    font-size: 1.0625rem;
    line-height: 2.8125rem;
    margin: 0; }
  .nav-bars .top-bar .name h1 a, .nav-bars .top-bar .name h2 a, .nav-bars .top-bar .name h3 a, .nav-bars .top-bar .name h4 a, .nav-bars .top-bar .name p a, .nav-bars .top-bar .name span a {
    color: white;
    display: block;
    font-weight: normal;
    padding: 0 0.9375rem;
    width: 75%; }
  .nav-bars .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
  .nav-bars .top-bar .toggle-topbar a {
    color: white;
    display: block;
    font-size: 0.8125rem;
    font-weight: bold;
    height: 2.8125rem;
    line-height: 2.8125rem;
    padding: 0 0.9375rem;
    position: relative;
    text-transform: uppercase; }
  .nav-bars .top-bar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%; }
  .nav-bars .top-bar .toggle-topbar.menu-icon a {
    color: white;
    height: 34px;
    line-height: 33px;
    padding: 0 2.5rem 0 0.9375rem;
    position: relative; }
  .nav-bars .top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 0.9375rem;
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    width: 16px; }
  .nav-bars .top-bar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .nav-bars .top-bar.expanded {
    background: transparent;
    height: auto; }
  .nav-bars .top-bar.expanded .title-area {
    background: #333333; }
  .nav-bars .top-bar.expanded .toggle-topbar a {
    color: #888888; }
  .nav-bars .top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .nav-bars .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
    .nav-bars .top-bar.expanded .top-bar-section .dropdown {
      clip: initial; }
    .nav-bars .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
      padding: 0; } }
  .nav-bars .top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out;
    background-color: #f8f8f8; }
  .nav-bars .top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%; }
    .nav-bars .top-bar-section ul .NavItem {
      font-size: 20px !important;
      text-transform: uppercase; }
  .nav-bars .top-bar-section .divider,
  .nav-bars .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .nav-bars .top-bar-section ul li {
    background: #333333; }
  .nav-bars .top-bar-section ul li > a {
    color: white;
    display: block;
    font-family: "gothambook", sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    padding-left: 0.9375rem;
    padding: 12px 0 12px 0.9375rem;
    text-transform: none;
    width: 100%; }
  .nav-bars .top-bar-section ul li > a.button {
    font-size: 0.8125rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    background-color: #008CBA;
    border-color: #007095;
    color: white; }
  .nav-bars .top-bar-section ul li > a.button:hover, .nav-bars .top-bar-section ul li > a.button:focus {
    background-color: #007095; }
  .nav-bars .top-bar-section ul li > a.button:hover, .nav-bars .top-bar-section ul li > a.button:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > a.button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
  .nav-bars .top-bar-section ul li > a.button.secondary:hover, .nav-bars .top-bar-section ul li > a.button.secondary:focus {
    background-color: #b9b9b9; }
  .nav-bars .top-bar-section ul li > a.button.secondary:hover, .nav-bars .top-bar-section ul li > a.button.secondary:focus {
    color: #333333; }
  .nav-bars .top-bar-section ul li > a.button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: white; }
  .nav-bars .top-bar-section ul li > a.button.success:hover, .nav-bars .top-bar-section ul li > a.button.success:focus {
    background-color: #368a55; }
  .nav-bars .top-bar-section ul li > a.button.success:hover, .nav-bars .top-bar-section ul li > a.button.success:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > a.button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white; }
  .nav-bars .top-bar-section ul li > a.button.alert:hover, .nav-bars .top-bar-section ul li > a.button.alert:focus {
    background-color: #cf2a0e; }
  .nav-bars .top-bar-section ul li > a.button.alert:hover, .nav-bars .top-bar-section ul li > a.button.alert:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > a.button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: white; }
  .nav-bars .top-bar-section ul li > a.button.warning:hover, .nav-bars .top-bar-section ul li > a.button.warning:focus {
    background-color: #cf6e0e; }
  .nav-bars .top-bar-section ul li > a.button.warning:hover, .nav-bars .top-bar-section ul li > a.button.warning:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > a.button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
  .nav-bars .top-bar-section ul li > a.button.info:hover, .nav-bars .top-bar-section ul li > a.button.info:focus {
    background-color: #61b6d9; }
  .nav-bars .top-bar-section ul li > a.button.info:hover, .nav-bars .top-bar-section ul li > a.button.info:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > button {
    font-size: 0.8125rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    background-color: #008CBA;
    border-color: #007095;
    color: white; }
  .nav-bars .top-bar-section ul li > button:hover, .nav-bars .top-bar-section ul li > button:focus {
    background-color: #007095; }
  .nav-bars .top-bar-section ul li > button:hover, .nav-bars .top-bar-section ul li > button:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > button.secondary {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
  .nav-bars .top-bar-section ul li > button.secondary:hover, .nav-bars .top-bar-section ul li > button.secondary:focus {
    background-color: #b9b9b9; }
  .nav-bars .top-bar-section ul li > button.secondary:hover, .nav-bars .top-bar-section ul li > button.secondary:focus {
    color: #333333; }
  .nav-bars .top-bar-section ul li > button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: white; }
  .nav-bars .top-bar-section ul li > button.success:hover, .nav-bars .top-bar-section ul li > button.success:focus {
    background-color: #368a55; }
  .nav-bars .top-bar-section ul li > button.success:hover, .nav-bars .top-bar-section ul li > button.success:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: white; }
  .nav-bars .top-bar-section ul li > button.alert:hover, .nav-bars .top-bar-section ul li > button.alert:focus {
    background-color: #cf2a0e; }
  .nav-bars .top-bar-section ul li > button.alert:hover, .nav-bars .top-bar-section ul li > button.alert:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: white; }
  .nav-bars .top-bar-section ul li > button.warning:hover, .nav-bars .top-bar-section ul li > button.warning:focus {
    background-color: #cf6e0e; }
  .nav-bars .top-bar-section ul li > button.warning:hover, .nav-bars .top-bar-section ul li > button.warning:focus {
    color: white; }
  .nav-bars .top-bar-section ul li > button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
  .nav-bars .top-bar-section ul li > button.info:hover, .nav-bars .top-bar-section ul li > button.info:focus {
    background-color: #61b6d9; }
  .nav-bars .top-bar-section ul li > button.info:hover, .nav-bars .top-bar-section ul li > button.info:focus {
    color: white; }
  .nav-bars .top-bar-section ul li:hover:not(.has-form) > a {
    background-color: #555555;
    color: white;
    background: #222222; }
  .nav-bars .top-bar-section ul li.active > a {
    background: #008CBA;
    color: white; }
  .nav-bars .top-bar-section ul li.active > a:hover {
    background: #0078a0;
    color: white; }
  .nav-bars .top-bar-section .has-form {
    padding: 0.9375rem; }
  .nav-bars .top-bar-section .has-dropdown {
    position: relative; }
  .nav-bars .top-bar-section .has-dropdown > a:after {
    border: inset 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    border-left-style: solid;
    margin-right: 0.9375rem;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0; }
  .nav-bars .top-bar-section .has-dropdown.moved {
    position: static; }
  .nav-bars .top-bar-section .has-dropdown.moved > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
    width: 100%; }
  .nav-bars .top-bar-section .has-dropdown.moved > a:after {
    display: none; }
  .nav-bars .top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%; }
  .nav-bars .top-bar-section .dropdown li {
    height: auto;
    width: 100%; }
  .nav-bars .top-bar-section .dropdown li a {
    font-weight: normal;
    padding: 8px 0.9375rem; }
  .nav-bars .top-bar-section .dropdown li a.parent-link {
    font-weight: normal; }
  .nav-bars .top-bar-section .dropdown li.title h5, .nav-bars .top-bar-section .dropdown li.parent-link {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem; }
  .nav-bars .top-bar-section .dropdown li.title h5 a, .nav-bars .top-bar-section .dropdown li.parent-link a {
    color: white;
    display: block; }
  .nav-bars .top-bar-section .dropdown li.title h5 a:hover, .nav-bars .top-bar-section .dropdown li.parent-link a:hover {
    background: none; }
  .nav-bars .top-bar-section .dropdown li.has-form {
    padding: 8px 0.9375rem; }
  .nav-bars .top-bar-section .dropdown li .button,
  .nav-bars .top-bar-section .dropdown li button {
    top: auto; }
  .nav-bars .top-bar-section .dropdown label {
    color: #777777;
    font-size: 0.625rem;
    font-weight: bold;
    margin-bottom: 0;
    padding: 8px 0.9375rem 2px;
    text-transform: uppercase; }
  .nav-bars .js-generated {
    display: block; }
  @media only screen and (min-width: 768px) {
    .nav-bars .top-bar {
      background: #333333;
      overflow: visible; }
    .nav-bars .top-bar:before, .nav-bars .top-bar:after {
      content: " ";
      display: table; }
    .nav-bars .top-bar:after {
      clear: both; }
    .nav-bars .top-bar .toggle-topbar {
      display: none; }
    .nav-bars .top-bar .title-area {
      float: left; }
    .nav-bars .top-bar .name h1 a,
    .nav-bars .top-bar .name h2 a,
    .nav-bars .top-bar .name h3 a,
    .nav-bars .top-bar .name h4 a,
    .nav-bars .top-bar .name h5 a,
    .nav-bars .top-bar .name h6 a {
      width: auto; }
    .nav-bars .top-bar input,
    .nav-bars .top-bar select,
    .nav-bars .top-bar .button,
    .nav-bars .top-bar button {
      font-size: 0.875rem;
      height: 1.75rem;
      position: relative;
      top: 0.53125rem; }
    .nav-bars .top-bar .has-form > .button,
    .nav-bars .top-bar .has-form > button {
      font-size: 0.875rem;
      height: 1.75rem;
      position: relative;
      top: 0.53125rem; }
    .nav-bars .top-bar.expanded {
      background: #333333; }
    .nav-bars .contain-to-grid .top-bar {
      margin: 0 auto;
      margin-bottom: 0;
      max-width: 62.5rem; }
    .nav-bars .top-bar-section {
      transition: none 0 0;
      left: 0 !important; }
    .nav-bars .top-bar-section ul {
      display: inline;
      height: auto !important;
      width: auto; }
    .nav-bars .top-bar-section ul li {
      float: left; }
    .nav-bars .top-bar-section ul li .js-generated {
      display: none; }
    .nav-bars .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #222222;
      color: white; }
    .nav-bars .top-bar-section li:not(.has-form) a:not(.button) {
      background: #333333;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
    .nav-bars .top-bar-section li:not(.has-form) a:not(.button):hover {
      background-color: #555555;
      background: #222222; }
    .nav-bars .top-bar-section li.active:not(.has-form) a:not(.button) {
      background: #008CBA;
      color: white;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
    .nav-bars .top-bar-section li.active:not(.has-form) a:not(.button):hover {
      background: #0078a0;
      color: white; }
    .nav-bars .top-bar-section .has-dropdown > a {
      padding-right: 2.1875rem !important; }
    .nav-bars .top-bar-section .has-dropdown > a:after {
      border: inset 5px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
      border-top-style: solid;
      margin-top: -2.5px;
      top: 1.40625rem; }
    .nav-bars .top-bar-section .has-dropdown.moved {
      position: relative; }
    .nav-bars .top-bar-section .has-dropdown.moved > .dropdown {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px;
      overflow: hidden;
      position: absolute !important;
      width: 1px;
      display: block; }
    .nav-bars .top-bar-section .has-dropdown.hover > .dropdown, .nav-bars .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .nav-bars .top-bar-section .has-dropdown > a:focus + .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .nav-bars .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 0.1875rem;
      right: 5px; }
    .nav-bars .top-bar-section .dropdown {
      left: 0;
      background: transparent;
      min-width: 100%;
      top: auto; }
    .nav-bars .top-bar-section .dropdown li a {
      background: #333333;
      color: white;
      line-height: 2.8125rem;
      padding: 12px 0.9375rem;
      white-space: nowrap; }
    .nav-bars .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
      background: #333333;
      color: white; }
    .nav-bars .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
      background-color: #555555;
      color: white;
      background: #222222; }
    .nav-bars .top-bar-section .dropdown li label {
      background: #333333;
      white-space: nowrap; }
    .nav-bars .top-bar-section .dropdown li .dropdown {
      left: 100%;
      top: 0; }
    .nav-bars .top-bar-section > ul > .divider,
    .nav-bars .top-bar-section > ul > [role="separator"] {
      border-right: solid 1px #4e4e4e;
      border-bottom: none;
      border-top: none;
      clear: none;
      height: 2.8125rem;
      width: 0; }
    .nav-bars .top-bar-section .has-form {
      background: #333333;
      height: 2.8125rem;
      padding: 0 0.9375rem; }
    .nav-bars .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
    .nav-bars .top-bar-section .right li .dropdown li .dropdown {
      right: 100%; }
    .nav-bars .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
    .nav-bars .top-bar-section .left li .dropdown li .dropdown {
      left: 100%; }
    .nav-bars .no-js .top-bar-section ul li:hover > a {
      background-color: #555555;
      background: #222222;
      color: white; }
    .nav-bars .no-js .top-bar-section ul li:active > a {
      background: #008CBA;
      color: white; }
    .nav-bars .no-js .top-bar-section .has-dropdown:hover > .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .nav-bars .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; } }
  .nav-bars .accordion {
    margin-bottom: 0;
    margin-left: 0; }
  .nav-bars .accordion:before, .nav-bars .accordion:after {
    content: " ";
    display: table; }
  .nav-bars .accordion:after {
    clear: both; }
  .nav-bars .accordion .accordion-navigation, .nav-bars .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
  .nav-bars .accordion .accordion-navigation.active > a, .nav-bars .accordion dd.active > a {
    background: #e8e8e8;
    color: #222222; }
  .nav-bars .accordion .accordion-navigation > a, .nav-bars .accordion dd > a {
    background: #EFEFEF;
    color: #222222;
    display: block;
    font-family: "gothambook", sans-serif;
    font-size: 1rem;
    padding: 1rem; }
  .nav-bars .accordion .accordion-navigation > a:hover, .nav-bars .accordion dd > a:hover {
    background: #e3e3e3; }
  .nav-bars .accordion .accordion-navigation > .content, .nav-bars .accordion dd > .content {
    display: none;
    padding: 0.9375rem; }
  .nav-bars .accordion .accordion-navigation > .content.active, .nav-bars .accordion dd > .content.active {
    background: white;
    display: block; }
  .nav-bars .off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: hidden; }
  .nav-bars .off-canvas-wrap.move-right, .nav-bars .off-canvas-wrap.move-left, .nav-bars .off-canvas-wrap.move-bottom, .nav-bars .off-canvas-wrap.move-top {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }
  .nav-bars .inner-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease; }
  .nav-bars .inner-wrap:before, .nav-bars .inner-wrap:after {
    content: " ";
    display: table; }
  .nav-bars .inner-wrap:after {
    clear: both; }
  .nav-bars .tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333333;
    color: white;
    height: 2.8125rem;
    line-height: 2.8125rem;
    position: relative; }
  .nav-bars .tab-bar h1, .nav-bars .tab-bar h2, .nav-bars .tab-bar h3, .nav-bars .tab-bar h4, .nav-bars .tab-bar h5, .nav-bars .tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  .nav-bars .tab-bar h1, .nav-bars .tab-bar h2, .nav-bars .tab-bar h3, .nav-bars .tab-bar h4 {
    font-size: 1.125rem; }
  .nav-bars .left-small {
    height: 2.8125rem;
    position: absolute;
    top: 0;
    width: 2.8125rem;
    border-right: solid 1px #1a1a1a;
    left: 0; }
  .nav-bars .right-small {
    height: 2.8125rem;
    position: absolute;
    top: 0;
    width: 2.8125rem;
    border-left: solid 1px #1a1a1a;
    right: 0; }
  .nav-bars .tab-bar-section {
    height: 2.8125rem;
    padding: 0 0.625rem;
    position: absolute;
    text-align: center;
    top: 0; }
  .nav-bars .tab-bar-section.left {
    text-align: left; }
  .nav-bars .tab-bar-section.right {
    text-align: right; }
  .nav-bars .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .nav-bars .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .nav-bars .tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }
  .nav-bars .tab-bar .menu-icon {
    color: white;
    display: block;
    height: 2.8125rem;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    transform: translate3d(0, 0, 0);
    width: 2.8125rem; }
  .nav-bars .tab-bar .menu-icon span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    width: 1rem; }
  .nav-bars .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }
  .nav-bars .tab-bar .tab-bar-section.icons a {
    float: right; }
  .nav-bars .left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    top: 0; }
  .nav-bars .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars .right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    top: 0; }
  .nav-bars .right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars .top-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate(0, -100%);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    height: 18.75rem; }
  .nav-bars .top-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars .bottom-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate(0, 100%);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    height: 18.75rem; }
  .nav-bars .bottom-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars ul.off-canvas-list {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .nav-bars ul.off-canvas-list .accordion {
      padding-left: 0px;
      padding-right: 5px; }
      .nav-bars ul.off-canvas-list .accordion .panel-body {
        width: 80%; }
        .nav-bars ul.off-canvas-list .accordion .panel-body ul li .parentlink a {
          font-size: inherit;
          padding-left: 0 !important; }
          .nav-bars ul.off-canvas-list .accordion .panel-body ul li .parentlink a.opener {
            height: 24px;
            width: 24px;
            margin-bottom: 0;
            background-image: url(/images/blueup.svg) !important;
            background-repeat: no-repeat; }
            .nav-bars ul.off-canvas-list .accordion .panel-body ul li .parentlink a.opener.collapsed {
              background-image: url(/images/bluedown.svg) !important; }
      .nav-bars ul.off-canvas-list .accordion .parent-link {
        text-transform: uppercase; }
    .nav-bars ul.off-canvas-list li label {
      background: #444444;
      border-bottom: none;
      border-top: 1px solid #5e5e5e;
      color: #999999;
      display: block;
      font-size: 0.75rem;
      font-weight: bold;
      margin: 0;
      padding: 0.3rem 0.9375rem;
      text-transform: uppercase; }
    .nav-bars ul.off-canvas-list.residential-active .accordion .panel-body ul li .parentlink a.opener {
      background-image: url(/images/redup.svg) !important;
      background-repeat: no-repeat; }
      .nav-bars ul.off-canvas-list.residential-active .accordion .panel-body ul li .parentlink a.opener.collapsed {
        background-image: url(/images/reddown.svg) !important; }
  .nav-bars .move-right > .inner-wrap {
    -webkit-transform: translate3d(15.625rem, 0, 0);
    -moz-transform: translate3d(15.625rem, 0, 0);
    -ms-transform: translate(15.625rem, 0);
    -o-transform: translate3d(15.625rem, 0, 0);
    transform: translate3d(15.625rem, 0, 0); }
  .nav-bars .move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .move-left > .inner-wrap {
    -webkit-transform: translate3d(-15.625rem, 0, 0);
    -moz-transform: translate3d(-15.625rem, 0, 0);
    -ms-transform: translate(-15.625rem, 0);
    -o-transform: translate3d(-15.625rem, 0, 0);
    transform: translate3d(-15.625rem, 0, 0); }
  .nav-bars .move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .move-top > .inner-wrap {
    -webkit-transform: translate3d(0, -18.75rem, 0);
    -moz-transform: translate3d(0, -18.75rem, 0);
    -ms-transform: translate(0, -18.75rem);
    -o-transform: translate3d(0, -18.75rem, 0);
    transform: translate3d(0, -18.75rem, 0); }
  .nav-bars .move-top .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .move-top .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .move-bottom > .inner-wrap {
    -webkit-transform: translate3d(0, 18.75rem, 0);
    -moz-transform: translate3d(0, 18.75rem, 0);
    -ms-transform: translate(0, 18.75rem);
    -o-transform: translate3d(0, 18.75rem, 0);
    transform: translate3d(0, 18.75rem, 0); }
  .nav-bars .move-bottom .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .move-bottom .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .offcanvas-overlap .left-off-canvas-menu, .nav-bars .offcanvas-overlap .right-off-canvas-menu,
  .nav-bars .offcanvas-overlap .top-off-canvas-menu, .nav-bars .offcanvas-overlap .bottom-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003; }
  .nav-bars .offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .offcanvas-overlap .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .offcanvas-overlap-left .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003; }
  .nav-bars .offcanvas-overlap-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .offcanvas-overlap-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .offcanvas-overlap-right .left-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003; }
  .nav-bars .offcanvas-overlap-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .offcanvas-overlap-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .offcanvas-overlap-top .bottom-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003; }
  .nav-bars .offcanvas-overlap-top .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .offcanvas-overlap-top .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .offcanvas-overlap-bottom .top-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003; }
  .nav-bars .offcanvas-overlap-bottom .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: background 300ms ease;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1002; }
  @media only screen and (min-width: 768px) {
    .nav-bars .offcanvas-overlap-bottom .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }
  .nav-bars .no-csstransforms .left-off-canvas-menu {
    left: -15.625rem; }
  .nav-bars .no-csstransforms .right-off-canvas-menu {
    right: -15.625rem; }
  .nav-bars .no-csstransforms .top-off-canvas-menu {
    top: -18.75rem; }
  .nav-bars .no-csstransforms .bottom-off-canvas-menu {
    bottom: -18.75rem; }
  .nav-bars .no-csstransforms .move-left > .inner-wrap {
    right: 15.625rem; }
  .nav-bars .no-csstransforms .move-right > .inner-wrap {
    left: 15.625rem; }
  .nav-bars .no-csstransforms .move-top > .inner-wrap {
    right: 18.75rem; }
  .nav-bars .no-csstransforms .move-bottom > .inner-wrap {
    left: 18.75rem; }
  .nav-bars .left-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease; }
  .nav-bars .left-submenu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars .left-submenu .back > a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
  .nav-bars .left-submenu .back > a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e; }
  .nav-bars .left-submenu .back > a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline; }
  .nav-bars .left-submenu.move-right, .nav-bars .left-submenu.offcanvas-overlap-right, .nav-bars .left-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .nav-bars .right-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease; }
  .nav-bars .right-submenu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars .right-submenu .back > a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
  .nav-bars .right-submenu .back > a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e; }
  .nav-bars .right-submenu .back > a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline; }
  .nav-bars .right-submenu.move-left, .nav-bars .right-submenu.offcanvas-overlap-left, .nav-bars .right-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .nav-bars .top-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate(0, -100%);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    top: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease; }
  .nav-bars .top-submenu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars .top-submenu .back > a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
  .nav-bars .top-submenu .back > a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e; }
  .nav-bars .top-submenu.move-bottom, .nav-bars .top-submenu.offcanvas-overlap-bottom, .nav-bars .top-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate(0, 0%);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0); }
  .nav-bars .bottom-submenu {
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    background: #333333;
    bottom: 0;
    box-sizing: content-box;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 15.625rem;
    height: 18.75rem;
    z-index: 1002;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate(0, 100%);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease; }
  .nav-bars .bottom-submenu * {
    -webkit-backface-visibility: hidden; }
  .nav-bars .bottom-submenu .back > a {
    background: #444;
    border-bottom: none;
    border-top: 1px solid #5e5e5e;
    color: #999999;
    font-weight: bold;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
    margin: 0; }
  .nav-bars .bottom-submenu .back > a:hover {
    background: #303030;
    border-bottom: none;
    border-top: 1px solid #5e5e5e; }
  .nav-bars .bottom-submenu.move-top, .nav-bars .bottom-submenu.offcanvas-overlap-top, .nav-bars .bottom-submenu.offcanvas-overlap {
    -webkit-transform: translate3d(0, 0%, 0);
    -moz-transform: translate3d(0, 0%, 0);
    -ms-transform: translate(0, 0%);
    -o-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0); }
  .nav-bars .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
    content: "\BB";
    margin-left: .5rem;
    display: inline; }
  .nav-bars .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
    content: "\AB";
    margin-right: .5rem;
    display: inline; }
  .nav-bars .top-bar-section .has-dropdown.megamenu {
    position: relative; }
  .nav-bars .top-bar-section .has-dropdown.megamenu a {
    position: relative; }
  .nav-bars .top-bar-section .has-dropdown.megamenu.moved {
    position: static; }
  .nav-bars .top-bar-section .has-dropdown.megamenu.moved > a:after {
    display: block; }
  .nav-bars .m-menu {
    border-top: 1px solid #4E4E4E; }
  .nav-bars .m-menu a {
    display: block;
    opacity: .5;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease; }
  .nav-bars .m-menu a:hover {
    opacity: 1; }
  .nav-bars .column li:not(:first-child) a {
    border-top: 1px solid #262626; }
  .nav-bars .column li:not(:last-child) a {
    border-bottom: 1px solid #4E4E4E; }
  .nav-bars .column li a:hover i {
    right: 3px; }
  .nav-bars .info-wrap h3 {
    width: 100%;
    padding-bottom: 5px;
    color: black;
    padding: 0px;
    font-size: 21px;
    text-transform: uppercase; }
  .nav-bars .info {
    display: none; }
  .nav-bars .info-visible {
    display: block;
    color: black; }
  .nav-bars .dt {
    margin-top: 50px;
    text-align: center;
    font-size: 2em;
    padding: 0 20px; }
  .nav-bars .p {
    color: black;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%; }
  .nav-bars .logobar {
    background: black; }
  .nav-bars .accordion .accordion-navigation > .content.active,
  .nav-bars .accordion dd > .content.active {
    background: transparent; }
  .nav-bars .accordion.dropdown {
    width: 200px !important; }
  .nav-bars .parentlink {
    width: 100%;
    float: left;
    display: block !important;
    clear: left; }
  .nav-bars .accordion-navigation.active .parentlink {
    background: transparent; }
  .nav-bars .accordion-navigation li {
    width: 70%; }
  .nav-bars .accordion-navigation .panel-body {
    float: left;
    padding: 0; }
  .nav-bars .accordion-navigation .opener {
    margin: 8px 0; }
  .nav-bars .off-canvas-wrap .accordion .accordion-navigation .parentlink a {
    color: #0A0A0A; }
    .nav-bars .off-canvas-wrap .accordion .accordion-navigation .parentlink a:hover {
      color: #00a9e0; }
  .nav-bars .off-canvas-wrap .accordion-navigation ul {
    clear: both;
    display: inline;
    height: auto !important;
    width: auto;
    display: block;
    font-size: 20px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    margin-left: 40px; }
    .nav-bars .off-canvas-wrap .accordion-navigation ul li {
      width: 100%; }
  .nav-bars.residential-active .accordion .accordion-navigation .parentlink a:hover {
    color: #b71234; }
  .nav-bars .top-bar-section li.active:not(.has-form) a:not(.button),
  .nav-bars .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background-color: white;
    color: #6d6e71; }
  .nav-bars a {
    color: #6d6e71; }
  .nav-bars a:hover,
  .nav-bars a:focus {
    color: #00a9e0; }
  .nav-bars .button.alert {
    background: #00a9e0;
    padding: 0.4125rem;
    width: auto;
    position: absolute;
    right: 0;
    padding: 0; }
  .nav-bars.residential-active .button.alert {
    background: #b71234; }
  .nav-bars .button.alert:hover {
    background: #00a9e0; }
  .nav-bars.residential-active .button.alert:hover {
    background: #b71234; }
  .nav-bars .dropdown.segmentdropdown {
    display: none;
    /*  padding: 15px;*/
    background: #333333;
    list-style: none;
    position: absolute;
    right: 0;
    top: 17px;
    text-align: center;
    background-color: white;
    border-left: 1px solid #6d6e71;
    border-right: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
    z-index: 1002;
    width: 50%;
    padding: 5px 0;
    text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .nav-bars .dropdown.business a {
      text-align: center;
      width: 100%;
      display: block; } }
  .nav-bars .off-canvas-wrap.searchhidden {
    display: none !important; }
  .nav-bars .off-canvas-wrap.searchhidden.show {
    display: block !important; }
  .nav-bars .quicklinks {
    display: none;
    padding: 15px;
    margin: 0;
    background: #333333;
    list-style: none;
    float: right;
    position: absolute;
    right: 0; }
  .nav-bars .quicklinks li {
    background: #333333; }
  .nav-bars .off-canvas-wrap,
  .nav-bars .quicklink-bar {
    overflow: visible; }
  .nav-bars .off-canvas-wrap.first {
    z-index: 2; }
  .nav-bars ul.off-canvas-list li a {
    white-space: nowrap; }
  .nav-bars .top-bar-section .has-dropdown > a + .dropdown.m-menu {
    width: 525px;
    min-width: 525px;
    height: 325px;
    min-height: 325px; }
  .nav-bars .megamenu ul.m-menu {
    background-color: white;
    border-left: 1px solid #6d6e71;
    border-right: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
    padding-left: 10px;
    padding-right: 5px; }
  .nav-bars .megamenu ul.m-menu .row {
    margin: 0;
    background-color: white;
    padding: 25px 0 30px 0; }
  .nav-bars .top-bar-section .m-menu ul li {
    background: white;
    background-color: white; }
  .nav-bars .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background-color: white;
    color: #6d6e71;
    /*border: none;*/
    opacity: 1;
    line-height: 41px;
    font-size: 16px; }
  .nav-bars .top-bar-section .has-dropdown.megamenu ul li:hover a,
  .nav-bars .top-bar-section .has-dropdown.megamenu .dropdown li:not(.has-form):not(.active) > a:not(.button),
  .nav-bars .top-bar-section .has-dropdown.megamenu ul li a {
    background-color: white;
    color: #6d6e71;
    border: none;
    opacity: 1;
    line-height: 41px;
    font-size: 16px;
    padding: 0; }
  .nav-bars .top-bar-section .m-menu img {
    width: 270px;
    height: 150px;
    padding: 0;
    margin: 0; }
  .nav-bars .btn-userdefined {
    position: relative;
    display: inline-block;
    margin: 15px 0 0 0;
    padding: 0px 30px;
    font: normal normal 16px/16px;
    font-family: "gothambook", sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em;
    width: auto;
    cursor: pointer;
    background: #aa0023;
    border: 1px solid #aa0023;
    color: white;
    line-height: 48px; }
  .nav-bars .btn-userdefined:hover {
    color: #aa0023;
    background: white; }
  .nav-bars .top-bar-section ul li.accordion-navigation {
    background-color: white; }
  .nav-bars .top-bar-section ul li.accordion-navigation .content.active {
    padding-right: 0px; }
  .nav-bars .top-bar-section ul li.accordion-navigation .parentlink a {
    background: white;
    color: #6d6e71; }
  .nav-bars .top-bar-section ul li.accordion-navigation .parentlink a:hover {
    background: white;
    color: #00a9e0; }
  .nav-bars.residential-active .top-bar-section ul li.accordion-navigation .parentlink a:hover {
    background: white;
    color: #b71234; }
  .nav-bars .top-bar-section ul.dropdown {
    border-left: 1px solid #6d6e71;
    border-right: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71; }
  .nav-bars .topsection section > a {
    width: 50%;
    text-align: center;
    display: block;
    float: left;
    color: black;
    text-transform: uppercase;
    font-weight: BOLD;
    line-height: 30px; }
  .nav-bars .topsection section > a:not(.active),
  .nav-bars .triggerdropdown:not(.active) {
    color: #6d6e71; }
  .nav-bars .triggerdropdown:not(.active) i {
    color: #00a9e0; }
  .nav-bars .triggerdropdown .headercaret {
    width: 14px;
    height: 7px;
    background-repeat: no-repeat;
    padding: 5px;
    display: inline-block;
    background-image: url(/images/whitedown.svg); }
  .nav-bars .triggerdropdown.open .headercaret {
    background-image: url(/images/whiteup.svg); }
  .nav-bars.residential-active .triggerdropdown .headercaret {
    background-image: url(/images/bluedown.svg); }
  .nav-bars.residential-active .triggerdropdown.open .headercaret {
    background-image: url(/images/blueup.svg); }
  .nav-bars .topsection section > a.active {
    background-color: #00a9e0;
    color: white; }
  .nav-bars.residential-active .topsection section > a.active {
    background-color: #b71234; }
  .nav-bars .topsection {
    border-bottom: 2px solid #00a9e0;
    background-color: white; }
  .nav-bars.residential-active .topsection {
    border-bottom: 2px solid #b71234; }
  .nav-bars .quicklink-bar .right {
    width: 100%; }
  .nav-bars .quicklink-bar a.showlinks {
    text-align: left;
    background: white;
    color: #6d6e71;
    text-transform: uppercase;
    font-family: "gothammedium", sans-serif;
    width: 100%;
    display: block;
    padding: 0 10px;
    line-height: 30px;
    border: 1px solid #6d6e71; }
    .nav-bars .quicklink-bar a.showlinks .showlinktext {
      float: right; }
  .nav-bars .quicklink-bar a.showlinks.open {
    background: #6d6e71;
    color: white; }
  .nav-bars .quicklink-bar .quicklinks {
    background-color: white;
    border-left: 1px solid #6d6e71;
    border-right: 1px solid #6d6e71;
    border-bottom: 1px solid #6d6e71;
    z-index: 120; }
  .nav-bars .dropdown.business li,
  .nav-bars .quicklink-bar .quicklinks li {
    background-color: white;
    border: none;
    opacity: 1;
    line-height: 25px;
    font-size: 16px;
    padding: 0; }
  .nav-bars .dropdown.business li a,
  .nav-bars .quicklink-bar .quicklinks li a {
    background-color: white;
    color: #6d6e71;
    /* border: none; */
    opacity: 1;
    line-height: 41px;
    font-size: 16px; }
  .nav-bars .showlinks .headercaret {
    width: 14px;
    height: 7px;
    background-repeat: no-repeat;
    padding: 5px;
    display: inline-block;
    background-image: url(/images/greydown.svg); }
  .nav-bars .showlinks.open .headercaret {
    background-image: url(/images/whiteup.svg); }
  .nav-bars .mainNav,
  .nav-bars .mainNav .inner-wrap,
  .nav-bars .mainNav .inner-wrap .tab-bar {
    height: 80px;
    padding-top: 5px;
    background-color: white; }
  .nav-bars .tab-bar-section {
    height: 60px;
    left: 0px !important;
    padding-right: 60px; }
  .nav-bars .tab-bar-section a {
    display: inline-block;
    float: left; }
  .nav-bars .tab-bar-section .logo {
    float: left;
    margin: 8px 0;
    width: 58px;
    height: auto; }
  .nav-bars .tab-bar-section.icons img {
    padding: 20px 14px;
    width: 60px;
    height: 60px;
    border-radius: 0; }
  .nav-bars .mainNav .right-small {
    border: none;
    width: 70px;
    z-index: 1; }
  .nav-bars .tab-bar .menu-icon {
    background-image: url(/images/ham.png);
    background-repeat: no-repeat;
    margin: 16px 22px; }
  .nav-bars .tab-bar .menu-icon.open {
    background-image: url(/images/closeham.png); }
  @media only screen and (max-width: 767px) {
    .nav-bars .right-off-canvas-menu {
      width: 0% !important;
      background: white; }
      .nav-bars .right-off-canvas-menu.move-left {
        width: 100% !important;
        right: inherit;
        left: -100%;
        overflow: hidden;
        display: block;
        position: relative; }
    .nav-bars ul.off-canvas-list li a {
      color: black;
      text-transform: uppercase; }
    .nav-bars ul.off-canvas-list li .panel-body a {
      text-transform: capitalize; } }
  .nav-bars .desktop .topsection {
    height: 31px;
    padding: 0;
    border-bottom: 1px solid #00a9e0; }
    .nav-bars .desktop .topsection .top-bar-section li:not(.has-form):not(.active) > a:not(.button),
    .nav-bars .desktop .topsection .top-bar-section > .left > li > a {
      line-height: 30px !important;
      padding: 0 30px !important;
      text-transform: uppercase; }
    .nav-bars .desktop .topsection .top-bar-section .right,
    .nav-bars .desktop .topsection .top-bar-section .has-form,
    .nav-bars .desktop .topsection .top-bar-section .has-form .row.collapse div {
      height: 30px; }
    .nav-bars .desktop .topsection .top-bar-section .searcharea {
      position: static; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea input,
      .nav-bars .desktop .topsection .top-bar-section .searcharea a {
        top: 0;
        float: right;
        width: auto;
        height: 26px;
        border: none;
        font-size: 16px; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea input {
        padding-left: 3px;
        border: solid 1px #00a9e0;
        margin: 2px;
        line-height: 14px; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea a.carticon {
        position: relative; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea input::-webkit-input-placeholder {
        color: #BBBDC0;
        font-size: 14px; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea input::-moz-placeholder {
        color: #BBBDC0;
        font-size: 14px; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea input:-ms-input-placeholder {
        color: #BBBDC0;
        font-size: 14px; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea input:-moz-placeholder {
        color: #BBBDC0;
        font-size: 14px; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea a.search {
        padding: 0; }
        .nav-bars .desktop .topsection .top-bar-section .searcharea a.search img {
          padding: 0;
          width: 30px;
          vertical-align: top; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea a:not(.search) img {
        border-radius: 0;
        margin: 5px 0px 5px 15px;
        width: auto;
        height: 20px;
        border: 0;
        background-color: transparent;
        vertical-align: top; }
      .nav-bars .desktop .topsection .top-bar-section .searcharea a.headericon img {
        margin-right: 0; }
    .nav-bars .desktop .topsection .top-bar-section .cart-number {
      position: absolute;
      display: block;
      font-size: 14px;
      color: white;
      line-height: 10px;
      width: 13px;
      text-align: center;
      top: 8px;
      left: 21px; }
  .nav-bars.residential-active .desktop .topsection {
    border-bottom: 1px solid #b71234; }
    .nav-bars.residential-active .desktop .topsection .searcharea input {
      border: solid 1px #bbbdc0; }
  .nav-bars .desktop .topsection .top-bar-section .has-form a {
    line-height: 16px !important;
    color: white; }
  .nav-bars .top-bar,
  .nav-bars .top-bar ul li,
  .nav-bars .top-bar .top-bar-section ul li,
  .nav-bars .top-bar-section li:not(.has-form):not(.active) > a:not(.button) {
    background-color: white;
    color: #6d6e71;
    opacity: 1;
    line-height: 41px;
    font-size: 16px;
    font-family: "gothambook", sans-serif; }
  .nav-bars .top-bar .top-bar-section ul:not(.accordion) li:not(.accordion-navigation) a:after {
    border-top-color: #00a9e0; }
  .nav-bars .top-bar .top-bar-section ul:not(.accordion) > li.active:not(.accordion-navigation) > a {
    background-color: #00a9e0 !important;
    color: white;
    font-family: "gothambook", sans-serif;
    font-size: 16px;
    text-transform: uppercase; }
  .nav-bars .top-bar .top-bar-section ul:not(.accordion) li.active:not(.accordion-navigation) a:after {
    border-top-color: white; }
  .nav-bars .mid-row {
    height: 96px;
    background: white;
    border-bottom: 1px solid #bbbdc0; }
    .nav-bars .mid-row .top-bar-section ul.accordion li > a.opener {
      padding: 0 !important;
      margin: 9px; }
    .nav-bars .mid-row .top-bar-section li:not(.has-form):not(.active) > a:not(.button):after {
      display: none; }
    .nav-bars .mid-row .top-bar-section .parentlink {
      background: white;
      padding-right: 5px; }
      .nav-bars .mid-row .top-bar-section .parentlink a {
        margin-top: 4px;
        padding: 0 0.9375rem;
        float: left;
        background-color: white !important;
        color: #6d6e71; }
      .nav-bars .mid-row .top-bar-section .parentlink a.opener {
        height: 22px;
        width: 22px;
        float: right;
        margin: 11px 0;
        clear: right;
        background-color: inherit;
        box-shadow: none;
        background-image: url(/images/menu_close.svg);
        background-repeat: no-repeat; }
        .nav-bars .mid-row .top-bar-section .parentlink a.opener.collapsed {
          background-color: inherit;
          background-image: url(/images/menu_open.svg); }
    .nav-bars .mid-row .top-bar-section .has-dropdown .dropdown .panel-collapse .panel-body ul li {
      padding-left: 15px; }
    .nav-bars .mid-row li.name {
      height: auto; }
    .nav-bars .mid-row img.logo {
      width: 86px;
      height: 65px;
      margin: 15px 30px 15px 0px; }
  .nav-bars.residential-active .mid-row {
    border-bottom: 1px solid #bbbdc0; }
  .nav-bars.residential-active .top-bar .top-bar-section ul:not(.accordion) li:not(.accordion-navigation) a:after {
    border-top-color: #b71234; }
  .nav-bars.residential-active .top-bar .top-bar-section ul:not(.accordion) > li.active:not(.accordion-navigation) > a {
    background-color: #b71234 !important; }
  .nav-bars .contain-to-grid {
    background: transparent !important; }
  .nav-bars .mid-row .right > li {
    float: right;
    clear: right;
    margin: 50px 15px 13px 0px;
    line-height: 25px;
    height: 25px; }
  .nav-bars .mid-row .right > li img {
    border-radius: 0;
    margin: 0; }
  .nav-bars .mid-row .right > li > a {
    line-height: 25px !important;
    text-transform: uppercase;
    font-weight: bold; }
  .nav-bars .mid-row .right > li.has-dropdown {
    line-height: 30px;
    height: 32px;
    border: 1px solid #00a9e0; }
  .nav-bars.residential-active .mid-row .right > li.has-dropdown {
    border: 1px solid #b71234; }
  .nav-bars .mid-row .right > li.has-dropdown > a {
    line-height: 30px !important;
    padding: 0 20px !important;
    text-transform: uppercase; }
  .nav-bars .mid-row .right > li.has-dropdown .dropdown {
    border-top: 1px solid #00a9e0;
    padding: 1px;
    background-color: white; }
  .nav-bars.residential-active .mid-row .right > li.has-dropdown .dropdown {
    border-top: 1px solid #b71234; }
  .nav-bars .mid-row .left {
    float: left;
    margin-top: 54px; }
  .nav-bars.residential-active .top-bar-section .has-dropdown.hover > .dropdown,
  .nav-bars.residential-active .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    border-top: 1px solid #b71234; }
  .nav-bars .top-bar-section .has-dropdown.hover > .dropdown,
  .nav-bars .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    border-top: 1px solid #00a9e0; }
  .nav-bars.residential-active .topsection .top-bar-section li.has-dropdown i {
    color: #00a9e0 !important; }
  .nav-bars .top-bar-section li.has-dropdown i,
  .nav-bars .topsection .top-bar-section li.has-dropdown:hover i {
    color: white !important; }
  .nav-bars .top-bar-section .has-dropdown.megamenu ul li:hover > a {
    color: #00a9e0 !important; }
  .nav-bars .top-bar-section li:not(.has-form):not(.active):hover > a:not(.button) {
    color: #00a9e0; }
  .nav-bars.residential-active .top-bar-section .has-dropdown.megamenu ul li:hover > a {
    color: #b71234 !important; }
  .nav-bars.residential-active .top-bar-section li:not(.has-form):not(.active):hover > a:not(.button) {
    color: #b71234; }
  .nav-bars .topsection .top-bar-section li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #b71234;
    color: white; }
  .nav-bars.residential-active .topsection .top-bar-section li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #00a9e0;
    color: white; }
  .nav-bars .topsection .top-bar-section li:not(.has-form):not(.active):hover > a:not(.button) {
    color: white; }
  .nav-bars .top-bar-section li.has-dropdown:not(.has-form):not(.active) > a:not(.button):before {
    content: "";
    background-image: url(/images/carrotblue.png);
    background-repeat: no-repeat;
    height: 10px;
    width: 18px;
    padding: 0;
    position: absolute;
    left: 50%;
    z-index: 100;
    transform: translatex(-50%);
    top: 32px;
    display: none; }
  .nav-bars.residential-active .top-bar-section li.has-dropdown:not(.has-form):not(.active) > a:not(.button):before {
    background-image: url(/images/carrot.png); }
  .nav-bars .top-bar-section li.has-dropdown:not(.has-form):not(.active):hover > a:before {
    display: block; }
  .nav-bars .topsection .top-bar-section li.has-dropdown:not(.has-form):not(.active):hover > a:before,
  .nav-bars .desktop .mid-row .right > li.has-dropdown.quickTasks a:before {
    display: none; }
  .nav-bars .topsection .top-bar-section li.has-dropdown,
  .nav-bars .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
  .nav-bars .desktop .mid-row .right > li.has-dropdown.quickTasks > a,
  .nav-bars .desktop .mid-row .right > li.has-dropdown.quickTasks > ul > li:hover a {
    background-color: white !important;
    color: #00a9e0; }
  .nav-bars.residential-active .topsection .top-bar-section li.has-dropdown,
  .nav-bars.residential-active .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
  .nav-bars.residential-active .desktop .mid-row .right > li.has-dropdown.quickTasks > a,
  .nav-bars.residential-active .desktop .mid-row .right > li.has-dropdown.quickTasks > ul > li:hover a {
    color: #b71234; }
  .nav-bars .desktop .mid-row .right > li.has-dropdown.quickTasks:hover > a {
    background-color: #00a9e0 !important;
    color: white; }
  .nav-bars.residential-active .desktop .mid-row .right > li.has-dropdown.quickTasks:hover > a {
    background-color: #b71234 !important; }
  .nav-bars .topsection .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    color: #00a9e0 !important; }
  .nav-bars .headercaret {
    width: 14px;
    height: 7px;
    background-repeat: no-repeat;
    padding: 5px;
    display: inline-block; }
  .nav-bars li .headercaret {
    background-image: url(/images/bluedown.svg); }
  .nav-bars li:hover .headercaret {
    background-image: url(/images/whiteup.svg); }
  .nav-bars li.quickTasks .headercaret {
    background-image: url(/images/bluedown.svg); }
  .nav-bars li.quickTasks:hover .headercaret {
    background-image: url(/images/whiteup.svg); }
  .nav-bars.residential-active li.quickTasks .headercaret {
    background-image: url(/images/reddown.svg); }
  .nav-bars.residential-active li.quickTasks:hover .headercaret {
    background-image: url(/images/whiteup.svg); }
  .nav-bars .top-bar .top-bar-section ul:not(.accordion) li.has-dropdown a:after {
    display: none; }
  .nav-bars .top-bar .top-bar-section ul:not(.accordion) li.has-dropdown a caret-up {
    display: none; }
  .nav-bars .top-bar .top-bar-section ul:not(.accordion) li.has-dropdown:hover a caret-up {
    display: inline; }
  .nav-bars .top-bar .top-bar-section ul:not(.accordion) li.has-dropdown:hover a caret-down {
    display: none; }
  .nav-bars .mobile-nav {
    position: relative;
    width: 100%; }
    .nav-bars .mobile-nav a.carticon {
      position: relative; }
    .nav-bars .mobile-nav .cart-number {
      top: 22px;
      right: 28px;
      position: absolute;
      display: block;
      font-size: 10px;
      color: white;
      line-height: 10px;
      width: 13px;
      text-align: center; }
  .nav-bars .sidebar-footer.colorsection {
    padding: 15px; }
    .nav-bars .sidebar-footer.colorsection .footer-instructions {
      text-align: left;
      clear: both; }
      .nav-bars .sidebar-footer.colorsection .footer-instructions a {
        float: none;
        clear: none; }
    .nav-bars .sidebar-footer.colorsection p {
      color: black; }
    .nav-bars .sidebar-footer.colorsection a h2 {
      line-height: 20px;
      font-size: 20px; }
    .nav-bars .sidebar-footer.colorsection a img {
      /*height: 17px;*/
      padding: 0 3px;
      margin: 11px 0; }
    .nav-bars .sidebar-footer.colorsection input {
      width: 80%; }
    .nav-bars .sidebar-footer.colorsection .headericons h2 {
      float: left;
      margin-top: 11px;
      margin-bottom: 11px;
      line-height: 27px;
      margin-left: 6px;
      color: #0a0a0a; }
    .nav-bars .sidebar-footer.colorsection .headericons img {
      height: 27px;
      padding: 0 3px;
      margin: 11px 0;
      float: left;
      clear: left; }
    .nav-bars .sidebar-footer.colorsection .social {
      float: none;
      padding-top: 15px;
      position: inherit;
      bottom: inherit; }
      .nav-bars .sidebar-footer.colorsection .social a {
        margin: 0 4px; }
      .nav-bars .sidebar-footer.colorsection .social::before {
        clear: both; }
  .nav-bars .right-off-canvas-menu .searcharea {
    padding: 0 15px 15px 15px;
    height: 30px; }
    .nav-bars .right-off-canvas-menu .searcharea input {
      width: 100%;
      border: 1px solid #BBBDC0;
      height: 32px;
      padding-left: 3px; }
  @media only screen and (max-width: 425px) {
    .nav-bars .right-off-canvas-menu .searcharea input {
      width: 85%; } }
  @media only screen and (min-width: 768px) and (max-width: 1200px) {
    .nav-bars .top-bar .title-area {
      padding-left: 0; }
    .nav-bars .mid-row .right > li {
      margin: 10px 15px 3px 0; }
    .nav-bars .mid-row .left {
      margin-top: 9px !important;
      clear: right; } }
  @media only screen and (min-width: 768px) and (max-width: 950px) {
    .nav-bars .top-bar-section ul .NavItem {
      font-size: 16px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 950px) {
    .nav-bars .mid-row img.logo {
      margin: 15px 0px; } }
  .nav-bars .right-off-canvas-menu .accordion a:hover {
    background-color: transparent !important;
    color: #00a9e0; }
  .nav-bars .off-canvas-wrap .accordion-navigation .content ul {
    margin: 0 0 0 30px; }
  .nav-bars .off-canvas-wrap .accordion-navigation .content ul li a {
    padding: 0; }

@media only screen and (max-width: 767px) {
  .headerpadding {
    padding-top: 0; } }

.simpleheader {
  height: 127px;
  position: fixed;
  width: 100%;
  z-index: 1030; }
  .simpleheader #headerwrapper {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #bbbdc0; }
    .simpleheader #headerwrapper img {
      margin: 15px;
      height: 94px; }

@media only screen and (max-width: 767px) {
  .simpleheader {
    position: relative; } }

/** 
 *  Master Slider
 * 	Core css file
 */
.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .master-slider a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  .master-slider * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
  .master-slider.ms-fullheight {
    height: 100%; }

.swiper-single .ms-bullets,
.swiper-single .ms-nav-next,
.swiper-single .ms-nav-prev {
  display: none !important; }

.swiper-single .ms-grab-cursor {
  cursor: default !important; }

.ms-layout-partialview .ms-view {
  overflow: visible;
  background-color: transparent; }

.ms-layout-partialview .ms-container {
  overflow: hidden; }

.master-slider img, .ms-slide-bgvideocont video {
  max-width: none; }

.ms-ie img {
  border: none; }

.ms-ie8 * {
  opacity: inherit;
  filter: inherit; }

.ms-ie7 {
  zoom: 1; }

.ms-moz .ms-slide-bgcont > img {
  transform: translateX(0px); }

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0; }

.ms-slide-auto-height {
  display: table; }

.ms-loading-container .ms-loading, .ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url(/images/loading-2.gif) no-repeat center white;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0.9; }

/* grab cursor */
.ms-no-swipe, .ms-def-cursor {
  cursor: auto !important; }

.ms-grab-cursor {
  cursor: url(/images/grab.png), move; }

.ms-grabbing-cursor {
  cursor: url(/images/grabbing.png), move; }

.ms-ie .ms-grab-cursor, .ms-ie .ms-grabbing-cursor {
  cursor: move; }

.ms-view {
  margin: 0px auto;
  overflow: hidden;
  background: black;
  position: relative;
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px; }
  .ms-view .ms-slide-container {
    position: relative; }

.ms-slide {
  position: absolute;
  height: 100%;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px); }

.ms-wk .ms-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
  position: absolute;
  overflow: hidden;
  width: 100%; }

.ms-slide .ms-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 110; }

.ms-ie .ms-slide-link {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat; }

.ms-slide .ms-slide-bgvideocont {
  z-index: 105;
  height: 100%; }

.ms-wk .ms-slide .ms-slide-bgvideocont, .ms-wk .ms-slide-bgvideocont > video {
  -webkit-transform: translateZ(0.3px);
  transform: translateZ(0.3px); }

.ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0px; }

.ms-inner-controls-cont, .ms-container {
  position: relative;
  margin: 0 auto; }

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ms-slide .ms-layer, .ms-fixed-layers .ms-layer {
  position: absolute;
  pointer-events: auto; }

.ms-slide .ms-slide-layers, .ms-fixed-layers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 109;
  top: 0px;
  pointer-events: none; }

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 111;
  background: black;
  padding: 0;
  margin: 0;
  border: none; }

.ms-parallax-layer {
  width: 100%;
  position: absolute;
  top: 0; }

.ms-scroll-parallax-cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.ms-wk .ms-scroll-parallax-cont {
  -webkit-transform: translateZ(0.4px);
  transform: translateZ(0.4px); }

/*.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{}
.ms-scroll-parallax .ms-slide-bgcont{}*/
/*-----------------------------------------------------------*/
.ms-action-layer {
  cursor: pointer; }

.ms-btn-container {
  position: absolute; }

.ms-btn {
  text-decoration: none;
  display: inline-block;
  color: black;
  position: relative;
  padding: 8px 15px;
  cursor: pointer;
  white-space: nowrap; }

.ms-default-btn {
  background: #0074A2;
  border-radius: 5px;
  color: #FFF; }
  .ms-default-btn:hover {
    background-color: #0098D5; }
  .ms-default-btn:active {
    top: 1px; }

.ms-btn-s {
  padding: 14px 17px;
  font-size: 80%;
  line-height: 0; }

.ms-btn-m {
  padding: 12px 40px; }

.ms-btn-n {
  padding: 8px 25px;
  font-size: 95%; }

.ms-btn-l {
  padding: 17px 50px;
  font-size: 120%; }

.ms-btn-round {
  border-radius: 5px; }

.ms-btn-circle {
  border-radius: 100px; }

.ms-btn-outline-round {
  border-radius: 5px; }

.ms-btn-outline-circle {
  border-radius: 100px; }

/*-----------------------------------------------------------*/
.ms-layer.video-box {
  background: black; }
  .ms-layer.video-box iframe {
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    z-index: 111; }

.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 112; }

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 113; }

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 113; }
  .ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 0.75em;
    display: inline-block;
    /*background: url(video-close-btn.png) no-repeat 0px 3px;*/
    padding-left: 15px;
    height: 15px;
    color: #DBDBDB;
    margin-top: 7px; }

.ms-wk .ms-slide .ms-slide-vcbtn, .ms-wk .ms-slide .ms-slide-layers, .ms-wk .ms-slide .ms-slide-vpbtn, .ms-wk .ms-slide .ms-slide-video {
  -webkit-transform: translateZ(0.44px);
  transform: translateZ(0.44px); }

.ms-wk .ms-slide-link {
  -webkit-transform: translateZ(0.44px);
  transform: translateZ(0.44px); }

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left; }

/* controls */
.ms-thumb-list {
  overflow: hidden;
  position: absolute; }
  .ms-thumb-list.ms-dir-h {
    width: 100%; }
  .ms-thumb-list.ms-dir-v {
    height: 100%;
    top: 0; }

.ms-thumbs-cont {
  position: relative; }

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }
  .ms-thumb-frame img {
    width: 100%;
    height: auto; }

.ms-thumb-frame-selected {
  opacity: 1; }

.ms-tabs .ms-thumb-frame {
  background-color: #F6f6f6;
  text-shadow: 0 1px 1px white;
  color: #222;
  border: solid 1px white;
  border-width: 0 1px 1px 0;
  overflow: visible;
  position: relative;
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.ms-tabs.ms-dir-h .ms-thumb-frame {
  margin-top: 12px; }

.ms-tabs.ms-dir-v .ms-thumb-frame {
  margin-left: 12px; }

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
  margin-left: 0px; }

.ms-tabs.ms-dir-h.ms-align-top {
  z-index: 140; }
  .ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
    margin-top: -12px; }

.ms-tabs .ms-thumb {
  padding: 20px 20px; }

.ms-tabs .ms-thumb-frame-selected {
  opacity: 1;
  background: #EDEDED; }

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  top: 0px;
  left: 50%;
  margin-left: -12px;
  border-bottom: solid 12px #F6f6f6;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent; }

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  top: -12px;
  border-bottom-color: #EDEDED; }

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
  bottom: 0px;
  top: auto;
  border-bottom: 0px;
  border-top: solid 12px #F6f6f6; }

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  bottom: -12px;
  border-top-color: #EDEDED; }

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-right: solid 12px #EDEDED;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent; }

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  left: -12px;
  border-right-color: #EDEDED; }

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: solid 12px #EDEDED; }

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  right: -12px;
  border-left-color: #EDEDED; }

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd {
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white; }

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
  right: 0;
  left: auto; }

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid transparent;
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px; }

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid transparent;
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px;
  border-width: 5px 0px 5px 5px;
  border-left-color: #FFF;
  left: 7px; }

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white; }

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.5);
  text-align: center;
  color: white;
  bottom: 0;
  top: auto; }

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid transparent;
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0; }

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid transparent;
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0;
  border-width: 5px 5px 0px 5px;
  border-top-color: #FFF;
  top: 7px; }

/* vertical thumblist arrows */
.ms-bullet {
  cursor: pointer;
  float: left; }

.ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px; }

.ms-bullets.ms-dir-v {
  position: absolute;
  top: 50%; }
  .ms-bullets.ms-dir-v .ms-bullet {
    float: none; }

.ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%; }

.ms-sbar {
  position: absolute; }
  .ms-sbar.ms-dir-h {
    left: 10px;
    right: 10px;
    top: 5px; }
  .ms-sbar.ms-dir-v {
    top: 10px;
    bottom: 10px;
    right: 5px; }
  .ms-sbar .ms-bar {
    height: 4px;
    background: #333;
    border-radius: 4px; }
  .ms-sbar.ms-dir-v .ms-bar {
    width: 4px; }
  .ms-sbar .ms-bar {
    position: relative;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms; }

.ms-timerbar {
  width: 100%;
  bottom: 0px;
  position: absolute; }

.ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer; }

.ms-time-bar {
  -webkit-transition: width 120ms linear;
  -moz-transition: width 120ms linear;
  -ms-transition: width 120ms linear;
  -o-transition: width 120ms linear;
  transition: width 120ms linear; }

.ms-ie7 .ms-tooltip-arrow {
  height: 0px; }

.ms-slide-info {
  position: absolute; }
  .ms-slide-info.ms-dir-v {
    top: 0; }
  .ms-slide-info.ms-dir-h {
    width: 100%; }

@keyframes point-anim {
  0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 1; }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: 0; } }

@-webkit-keyframes point-anim {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.5);
    opacity: 0; } }

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none; }

/*
 * SmartTab plugin v2.0
 * jQuery Tab Control Plugin
 * 
 * by Dipu Raj
 * http://techlaboratory.net/smarttab
 * 
 * License 
 * http://creativecommons.org/licenses/by-sa/3.0/  
 */
.stMain {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  color: #666666;
  border-top: 5px solid #fff;
  font-family: 'gothambook',Tahoma,arial,sans-serif;
  font-size: 100%;
  /*width:99.997%;*/ }

.stContainer {
  display: block;
  margin: 0;
  padding: 0;
  border: 0px solid #CCC;
  height: auto;
  overflow: hidden;
  position: relative; }

.stMain div.tabContent {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0px;
  border: 0px solid #D4D4D4;
  background-color: #FFF;
  text-align: left;
  height: auto;
  width: 100%; }

.stMain ul.tabAnchor {
  position: absolute;
  top: 100%;
  display: block;
  list-style-type: none;
  /*  position:relative;*/
  padding: 0;
  margin: 0;
  padding-left: 0px;
  /*  border-left: 1px solid #D4D4D4;*/
  clear: both;
  /*  overflow: hidden;*/
  z-index: 100;
  width: 100%;
  border-top: 3px solid white; }
  .stMain ul.tabAnchor li {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    width: 33.33%;
    border-right: 2px solid white !important; }
    .stMain ul.tabAnchor li a {
      border-right: 2px solid white !important; }
      .stMain ul.tabAnchor li a:hover {
        border-right: 2px solid white !important; }
    .stMain ul.tabAnchor li:hover {
      border-right: 2px solid white !important; }
    .stMain ul.tabAnchor li:last-child, .stMain ul.tabAnchor li:hover:last-child {
      border-right: 0px solid transparent !important; }
    .stMain ul.tabAnchor li a:last-child, .stMain ul.tabAnchor li a:hover:last-child {
      border-right: 0px solid transparent !important; }
    .stMain ul.tabAnchor li:hover {
      opacity: 1;
      background: none !important; }
    .stMain ul.tabAnchor li a {
      display: block;
      margin: 0;
      margin-right: 0px;
      padding: 0px;
      height: auto;
      opacity: .4;
      transition: visibility 0s 2s, opacity .5s linear;
      font-size: 18px;
      color: #666;
      text-decoration: none;
      outline-style: none;
      background: #f6f6f6;
      /* Old browsers */ }
      .stMain ul.tabAnchor li a small {
        font-size: 15px; }
      .stMain ul.tabAnchor li a:hover {
        color: #FFF;
        background: #fff;
        opacity: 1 !important; }
      .stMain ul.tabAnchor li a.sel {
        opacity: 1 !important; }

/*#tabs.stMain{margin-bottom: 76px !important}*/
.loader {
  position: absolute;
  left: 48%;
  top: 40%;
  display: block;
  margin: 0;
  padding: 5px;
  padding-top: 35px;
  font-size: 10px;
  color: #666;
  text-decoration: none;
  outline-style: none;
  border: 1px solid #D4D4D4;
  background: #f6f6f6  no-repeat 10px 10px; }

a.stLinks {
  margin: 0;
  padding: 0px;
  color: #666;
  text-decoration: none;
  outline-style: none;
  border: 0px solid #D4D4D4;
  background-color: #f6f6f6; }
  a.stLinks:hover {
    color: #FFF;
    background-color: #00A7DB; }

.offer {
  display: none; }

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

.showhim:hover .offer {
  display: block; }

.showhim:hover .teaser {
  display: none; }

#L1H1 #tabs {
  margin-bottom: 90px; }

a.carouselmaxwidth img {
  max-width: 100%; }

@font-face {
  font-family: gothambook;
  src: url(/fonts/Gotham-Book-webfont.eot);
  src: url(/fonts/Gotham-Book-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Gotham-Book-webfont.woff2) format("woff2"), url(/fonts/Gotham-Book-webfont.woff) format("woff"), url(/fonts/Gotham-Book-webfont.ttf) format("truetype"), url(/fonts/Gotham-Book-webfont.svg#gothambook) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: gothambook_italic;
  src: url(/fonts/Gotham-BookItalic-webfont.eot);
  src: url(/fonts/Gotham-BookItalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Gotham-BookItalic-webfont.woff2) format("woff2"), url(/fonts/Gotham-BookItalic-webfont.woff) format("woff"), url(/fonts/Gotham-BookItalic-webfont.ttf) format("truetype"), url(/fonts/Gotham-BookItalic-webfont.svg#gothambook_italic) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: gothammedium;
  src: url(/fonts/Gotham-Medium-webfont.eot);
  src: url(/fonts/Gotham-Medium-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Gotham-Medium-webfont.woff2) format("woff2"), url(/fonts/Gotham-Medium-webfont.woff) format("woff"), url(/fonts/Gotham-Medium-webfont.ttf) format("truetype"), url(/fonts/Gotham-Medium-webfont.svg#gothammedium) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: gothammedium_italic;
  src: url(/fonts/Gotham-MediumItalic-webfont.eot);
  src: url(/fonts/Gotham-MediumItalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Gotham-MediumItalic-webfont.woff2) format("woff2"), url(/fonts/Gotham-MediumItalic-webfont.woff) format("woff"), url(/fonts/Gotham-MediumItalic-webfont.ttf) format("truetype"), url(/fonts/Gotham-MediumItalic-webfont.svg#gothammedium_italic) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: gothambold;
  src: url(/fonts/Gotham-Bold-webfont.eot);
  src: url(/fonts/Gotham-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Gotham-Bold-webfont.woff2) format("woff2"), url(/fonts/Gotham-Bold-webfont.woff) format("woff"), url(/fonts/Gotham-Bold-webfont.ttf) format("truetype"), url(/fonts/Gotham-Bold-webfont.svg#gothambold) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: gothambold_italic;
  src: url(/fonts/Gotham-BoldItalic-webfont.eot);
  src: url(/fonts/Gotham-BoldItalic-webfont.eot?#iefix) format("embedded-opentype"), url(/fonts/Gotham-BoldItalic-webfont.woff2) format("woff2"), url(/fonts/Gotham-BoldItalic-webfont.woff) format("woff"), url(/fonts/Gotham-BoldItalic-webfont.ttf) format("truetype"), url(/fonts/Gotham-BoldItalic-webfont.svg#gothambold_italic) format("svg");
  font-weight: normal;
  font-style: normal; }

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  position: relative;
  direction: ltr; }
  .royalSlider > * {
    float: left; }

#slider-with-blocks-1 {
  width: 100%; }

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0); }

.backgroundcover {
  background-size: 100% 100%; }

.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden; }

.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent; }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent; }
  .rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent; }

.rsArrow, .rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow, .rsNav, .rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsMinW .rsArrow {
  display: none !important; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }
  .rsVideoFrameHolder.rsVideoActive {
    opacity: 1; }

.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

/* ios controls over video bug, shifting video */
.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15; }

img.rsImg {
  max-width: none; }

.grab-cursor {
  /*cursor:url(/images/grab.png) 8 8, move; */ }

.grabbing-cursor {
  /*cursor:url(grabbing.png) 8 8, move;*/ }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  /*background: url(blank.gif);*/ }

/*item Specific changable CSS*/
.rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left; }

.normalfont {
  font-family: 'gothambook'; }

.boldfont {
  font-family: 'gothambold'; }

.bContainer {
  position: relative; }

.rsABlock {
  position: relative;
  display: block;
  left: auto;
  top: auto; }

.blockHeadline {
  font-size: 42px;
  line-height: 50px; }

.blockSubHeadline {
  font-size: 32px;
  line-height: 40px; }

.txtCent {
  text-align: center;
  width: 100%; }

.slide4 .bContainer {
  top: 36%; }

.bContainer {
  position: relative; }

@media screen and (min-width: 0px) and (max-width: 960px) {
  .rsContent {
    font-size: 22px;
    line-height: 28px; }
  .blockHeadline {
    font-size: 32px;
    line-height: 32px; }
  .blockSubHeadline {
    font-size: 26px;
    line-height: 32px; } }

@media screen and (min-width: 0px) and (max-width: 500px) {
  .rsContent {
    font-size: 18px;
    line-height: 26px; }
  .blockHeadline {
    font-size: 24px;
    line-height: 32px; }
  .blockSubHeadline {
    font-size: 22px;
    line-height: 32px; } }

/******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsMinW {
  background: #000;
  color: #FFF; }
  .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
    background: #000;
    color: #FFF; }
  .rsMinW .rsArrow {
    height: 32px;
    width: 32px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21; }
  .rsMinW .rsArrowLeft {
    right: 37px;
    bottom: 7px; }
  .rsMinW .rsArrowRight {
    right: 7px;
    bottom: 7px; }
  .rsMinW .rsArrowIcn {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    cursor: pointer;
    background: url("/images/rs-minimal-white.png") transparent;
    border-radius: 2px; }
  .rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -68px -36px; }
  .rsMinW.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -68px -68px; }
  .rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -100px -36px; }
  .rsMinW.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -100px -68px; }
  .rsMinW .rsArrowDisabled .rsArrowIcn {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    *display: none; }
  .rsMinW .rsBullets {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 35;
    padding-top: 4px;
    height: auto;
    text-align: center;
    line-height: 6px;
    overflow: hidden; }
  .rsMinW .rsBullet {
    width: 40px;
    height: 36px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 14px 14px;
    background-color: #383838;
    color: #fff;
    cursor: pointer;
    opacity: .8;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif; }
    .rsMinW .rsBullet:hover {
      opacity: 1; }
    .rsMinW .rsBullet span {
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #383838;
      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); }

/***************
*
*  1. Arrows
*
****************/
/***************
*
*  2. Bullets
*
****************/
.rsNavSelected {
  background: #b71234 !important;
  opacity: 1; }

/***************
*
*  3. Thumbnails
*
****************/
.rsMinW .rsThumbsHor {
  width: 100%;
  height: 72px; }

.rsMinW .rsThumbsVer {
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%; }

.rsMinW.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%; }

.rsMinW .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px; }
  .rsMinW .rsThumb img {
    width: 100%;
    height: 100%; }
  .rsMinW .rsThumb.rsNavSelected {
    background: #333; }
    .rsMinW .rsThumb.rsNavSelected img {
      filter: alpha(opacity=40);
      opacity: 0.7; }
    .rsMinW .rsThumb.rsNavSelected span.thumbIco {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border: 2px solid #FFF;
      border: 2px solid rgba(255, 255, 255, 0.9);
      -webkit-backface-visibility: hidden; }

.rsMinW .rsTmb {
  display: block; }

.rsMinW .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21; }

.rsMinW.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0; }

.rsMinW .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("/images/rs-minimal-white.png"); }

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px; }

.rsMinW .rsThumbsArrowDisabled {
  display: none !important; }

.rsMinW .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative; }

.rsMinW .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #000;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  *display: inline;
  *zoom: 1; }
  .rsMinW .rsTab:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .rsMinW .rsTab:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #cfcfcf; }
  .rsMinW .rsTab:active {
    border: 1px solid #D9D9DD;
    background-color: #f4f4f4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; }
  .rsMinW .rsTab.rsNavSelected {
    color: #000;
    border: 1px solid #999;
    text-shadow: 1px 1px #838383;
    box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
    background: #ACACAC;
    background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
    background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
    background-image: linear-gradient(to bottom, #ACACAC, #BBB); }

.rsMinW .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer; }

.rsMinW .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("/images/rs-minimal-white.png") 0 0 transparent; }
  .rsMinW .rsFullscreenIcn:hover {
    opacity: 0.8; }

.rsMinW.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0; }

.rsMinW .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer; }

.rsMinW .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: url(/images/rs-minimal-white.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }

.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9); }

.rsMinW .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px; }

.rsMinW .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }
  .rsMinW .rsCloseVideoBtn.rsiOSBtn {
    top: -38px;
    right: -6px; }

.rsMinW .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("/images/rs-minimal-white.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000; }
  .rsMinW .rsCloseVideoIcn:hover {
    background-color: rgba(0, 0, 0, 0.9); }

.rsMinW .rsPreloader {
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px; }

.rsMinW .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px; }

/* Thumbnails arrow icons */
/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsMinW .rsThumb {
    width: 59px;
    height: 44px; }
  .rsMinW .rsThumbsHor {
    height: 44px; }
  .rsMinW .rsThumbsVer {
    width: 59px; } }

/***************
*
*  4. Tabs
*
****************/
/***************
*
*  5. Fullscreen button
*
****************/
/***************
*
*  6. Play/close video button
*
****************/
/***************
*
*  7. Preloader
*
****************/
/***************
*
*  8. Global caption
*
****************/
/**
 *  Master Slider
 *  Default Skin
 */
.ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn {
  width: 50px;
  height: 51px;
  background: url(/images/light-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px; }

.ms-skin-default .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(/images/light-skin-1.png) no-repeat -24px -28px;
  top: 18px;
  right: 30px; }

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
  width: 30px;
  background: url(/images/light-skin-1.png);
  background-position: -89px -18px;
  height: 56px;
  cursor: pointer;
  top: 48%;
  left: 0;
  margin-top: -20px;
  position: absolute;
  z-index: 110; }

.ms-skin-default .ms-nav-next {
  right: 0;
  left: auto;
  background-position: -89px -95px; }

.ms-skin-default .ms-bullet {
  width: 17px;
  height: 17px;
  background: url(/images/light-skin-1.png) no-repeat;
  margin: 4px;
  background-position: -30px -113px; }

.ms-skin-default .ms-bullet-selected {
  background-position: -30px -80px; }

.ms-skin-default .ms-time-bar {
  height: 3px;
  background: #FFFFFF;
  border-top: solid 1px rgba(0, 0, 0, 0.41); }

.ms-skin-default .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
  max-width: 200px; }

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px; }

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px; }

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px; }

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px; }

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px; }

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px; }

.ms-skin-default .ms-tooltip-point {
  cursor: pointer; }
  .ms-skin-default .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105; }
  .ms-skin-default .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: point-anim 1.5s infinite;
    -moz-animation: point-anim 1.5s infinite;
    -webkit-animation: point-anim 1.5s infinite;
    -o-animation: point-anim 1.5s infinite; }

.ms-skin-default .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0 white;
  margin-left: -1px; }

/* controls */
/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet {
    background-image: url("/images/light-skin-1-retina.png");
    background-size: 152px 225px; } }

.padright-4px {
  padding-right: 4px; }

.padleft-4px {
  padding-left: 4px; }

.ms-slide-red {
  background-color: #aa0023; }

.ms-slide-teal {
  background-color: #27bbb2; }

.ms-slide-darkred {
  background-color: #831525; }

.ms-slide-yellow {
  background-color: #ffcb08; }

.arrow_box_red_2left, .arrow_box_red_2right, .arrow_box_wht_2left, .arrow_box_wht_2right, .arrow_box_darkgrey_2left, .arrow_box_darkgrey_2right {
  position: relative;
  padding: 0;
  background: #ffffff;
  border: 4px solid #ffffff;
  vertical-align: top; }

.arrow_box_darkgrey_2left, .arrow_box_darkgrey_2right {
  background-color: #6D6E71;
  border-color: #6D6E71;
  color: #fff; }

.arrow_box_red_2left, .arrow_box_red_2right {
  background-color: #aa0023;
  border-color: #aa0023;
  color: #ffffff; }

.arrow_box_red_2left:after, .arrow_box_red_2left:before {
  right: 100%;
  top: 23%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box_wht_2left:after, .arrow_box_wht_2left:before {
  right: 100%;
  top: 23%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box_darkgrey_2left:after, .arrow_box_darkgrey_2left:before {
  right: 100%;
  top: 23%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box_red_2right:after, .arrow_box_red_2right:before {
  left: 100%;
  top: 23%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box_wht_2right:after, .arrow_box_wht_2right:before {
  left: 100%;
  top: 23%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box_darkgrey_2right:after, .arrow_box_darkgrey_2right:before {
  left: 100%;
  top: 23%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box_red_2left:after, .arrow_box_wht_2left:after, .arrow_box_darkgrey_2left:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 16px;
  margin-top: -16px; }

.arrow_box_red_2left:after {
  border-right-color: #aa0023; }

.arrow_box_darkgrey_2left:after {
  border-right-color: #6D6E71; }

.arrow_box_red_2right:after, .arrow_box_wht_2right:after, .arrow_box_darkgrey_2right:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 16px;
  margin-top: -16px; }

.arrow_box_red_2right:after {
  border-left-color: #aa0023; }

.arrow_box_darkgrey_2right:after {
  border-left-color: #6D6E71; }

.arrow_box_red_2left:before, .arrow_box_wht_2left:before, .arrow_box_darkgrey_2left:before {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 20px;
  margin-top: -20px; }

.arrow_box_red_2left:before {
  border-right-color: #aa0023; }

.arrow_box_darkgrey_2left:before {
  border-right-color: #6D6E71; }

.arrow_box_red_2right:before, .arrow_box_wht_2right:before, arrow_box_darkgrey_2right:before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 20px;
  margin-top: -20px; }

.arrow_box_red_2right:before {
  border-left-color: #aa0023; }

.arrow_box_darkgrey_2right:before {
  border-left-color: #6D6E71; }

h3.swiper {
  font-family: 'gothambold';
  font-size: 34px;
  line-height: 32px;
  text-transform: uppercase; }

.swipercopy {
  font-family: 'gothammedium';
  font-size: 1em;
  line-height: 1.4em;
  margin: 10px 0; }

.swiper-image-container img {
  width: 100%; }

.swipercompcontent {
  width: 100%;
  height: auto;
  min-height: 426px;
  max-height: 100%; }

.swipercontentdiv {
  padding: 5px 15px 0 15px; }

.margbtm8px {
  margin-bottom: 8px; }

.swipercontentdiv .btn-userdefined a {
  color: #fff;
  text-decoration: none;
  padding: 8px 30px;
  display: inline-block; }
  .swipercontentdiv .btn-userdefined a:hover {
    color: #aa0023; }

.master-slider .swipercontentdiv {
  padding: 55px 25px 25px; }

#masterslider6col .ms-slide img {
  width: 100%; }

.arrow_box_red_2left .btn-userdefined, .arrow_box_red_2right .btn-userdefined {
  border: 0;
  background-color: #fff;
  padding: 0; }

.arrow_box_wht_2left .btn-userdefined, .arrow_box_wht_2right .btn-userdefined {
  border: 0;
  padding: 0; }

.arrow_box_darkgrey_2left .btn-userdefined, .arrow_box_darkgrey_2right .btn-userdefined {
  border: 0;
  padding: 0; }

.arrow_box_red_2left .btn-userdefined:hover, .arrow_box_red_2right .btn-userdefined:hover {
  background-color: #aa0023; }

.arrow_box_darkgrey_2left .btn-userdefined:hover, .arrow_box_darkgrey_2right .btn-userdefined:hover {
  border: none; }

.arrow_box_red_2left .btn-userdefined a, .arrow_box_red_2right .btn-userdefined a {
  color: #aa0023; }

.arrow_box_red_2left .btn-userdefined a:hover, .arrow_box_red_2right .btn-userdefined a:hover {
  color: #fff;
  border: 1px solid #ffffff;
  padding: 7px 29px; }

.arrow_box_wht_2left .btn-userdefined a:hover, .arrow_box_wht_2right .btn-userdefined a:hover {
  border: 1px solid #aa0023;
  padding: 7px 29px; }

.arrow_box_darkgrey_2left .btn-userdefined a:hover, .arrow_box_darkgrey_2right .btn-userdefined a:hover {
  border: 1px solid #6D6E71;
  padding: 7px 29px; }

.swipercomponent {
  padding: 0 15px; }

@media (max-width: 1041px) {
  h3.swiper {
    font-family: 'gothambold';
    font-size: 29px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0; }
  .swipercopy {
    font-family: 'gothammedium';
    font-size: 1.2rem;
    line-height: 1.3em; }
  .swipercomponent {
    padding: 0; }
  .master-slider .swipercontentdiv {
    padding: 25px; } }

@media (max-width: 894px) {
  h3.swiper {
    font-family: 'gothambold';
    font-size: 26px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0; }
  .swipercontentdiv {
    padding: 20px 15px; } }

@media (max-width: 805px) {
  h3.swiper {
    font-family: 'gothambold';
    font-size: 23px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0; } }

@media (max-width: 767px) {
  .swiperContainer img {
    max-width: 100%; }
  .swiperContainer .col-xs-8, .swiperContainer .col-xs-4 {
    width: auto; }
  .swiperContainer .swipercompcontent {
    min-height: 0; }
  .swiperContainer .btn-userdefined {
    float: none;
    display: inline; }
  .swiperContainer .swipercontentdiv .btn-userdefined {
    display: inline-block; }
  h3.swiper {
    font-family: 'gothambold';
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 0; }
  .swipercopy {
    font-family: 'gothammedium';
    font-size: 14px;
    line-height: 1.4em; }
  .padright-4px {
    padding-right: 0 !important;
    padding-bottom: 0px !important; }
  .padleft-4px {
    padding-left: 0 !important; }
  .arrow_box_red_2left:after, .arrow_box_red_2left:before {
    display: none; }
  .arrow_box_wht_2left:after, .arrow_box_wht_2left:before {
    display: none; }
  .arrow_box_darkgrey_2left:after, .arrow_box_darkgrey_2left:before {
    display: none; }
  .arrow_box_red_2right:after, .arrow_box_red_2right:before {
    display: none; }
  .arrow_box_wht_2right:after, .arrow_box_wht_2right:before {
    display: none; }
  .arrow_box_darkgrey_2right:after, .arrow_box_darkgrey_2right:before {
    display: none; } }

@media (max-width: 500px) {
  h3.swiper {
    font-family: 'gothambold';
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase; }
  .swipercopy {
    font-family: 'gothambook';
    font-size: 14px;
    line-height: 1.4em;
    padding: 4% 0; }
  .swipercontentdiv {
    text-align: center; }
  .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    opacity: 1 !important;
    display: block !important; }
  p.p1 {
    font-size: 1em; } }

ul.resp-tabs-list {
  margin: 0px;
  padding: 0px; }

.resp-tabs-list li {
  font-family: 'gothambold';
  font-size: 14px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  width: 33.2%;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  letter-spacing: 1.5px; }
  .resp-tabs-list li:nth-child(2) {
    margin-left: 1px;
    margin-right: 1px; }
  .resp-tabs-list li:hover {
    background-color: #AA0023 !important;
    color: #FFF; }

.resp-tabs-container {
  padding: 0px;
  background-color: #f5f5f5;
  clear: left; }

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none; }

.resp-tab-content {
  display: none;
  padding: 20px 30px 50px 30px;
  font-size: 14px; }

.resp-tab-active {
  border: 0px solid #5AB1D0 !important;
  border-bottom: none;
  margin-bottom: -1px !important;
  padding: 13px 15px !important;
  border-top: 0px solid #5AB1D0 !important;
  border-bottom: 0px #fff solid !important;
  border-bottom: none;
  background-color: #AA0023 !important;
  color: #FFF;
  position: relative; }
  .resp-tab-active:after {
    top: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(170, 0, 35, 0);
    border-top-color: #AA0023;
    border-width: 15px;
    margin-left: -15px; }

.resp-content-active, .resp-accordion-active {
  display: block; }

h2.resp-accordion {
  font-size: 13px;
  border: 0px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px; }

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important; }

h2.resp-tab-title:last-child {
  border-bottom: 0px solid #c1c1c1 !important;
  background: blue; }

h2.resp-tab-active {
  background: #DBDBDB;
  /* !important;*/ }

/*-----------Accordion styles-----------*/
.resp-easy-accordion h2.resp-accordion {
  display: block; }

.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }
  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
    /* !important;*/ }

.resp-jfit {
  width: 100%;
  margin: 0px; }

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

h2.resp-accordion {
  text-transform: uppercase;
  font-family: 'gothambold';
  font-size: 1.0em;
  padding-left: 9% !important;
  border: 1px solid #ddd !important; }
  h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
    /* !important;*/ }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
  ul.resp-tabs-list {
    display: none; }
  h2.resp-accordion {
    display: block; }
  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container {
    border: none;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }
  .resp-accordion-closed {
    display: none !important; }
  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; } }

.col-centered {
  float: none;
  margin: 0 auto; }

h1.support {
  font-size: 36px;
  text-align: center;
  text-transform: uppercase; }
  h1.support.notifications {
    font-family: 'gothambold';
    font-size: 1.75em;
    line-height: 34px;
    text-align: left;
    letter-spacing: -1px; }
  h1.support.serviceTypeDetail {
    display: inline-block;
    margin-bottom: 100px; }
    h1.support.serviceTypeDetail img {
      max-height: 105px;
      overflow: hidden;
      max-width: 100%; }

/* Begin: Service Type Detail */
#supportAcctBilling {
  margin: 3em 0; }
  #supportAcctBilling h5 {
    text-transform: uppercase;
    margin: 2em 2em 0.5em 2em; }
  #supportAcctBilling #parentHorizontalTab {
    margin: 3.5em 0 0 1em !important; }

.resp-tabs-list li {
  cursor: default !important; }

/* End: Service Type Detail */
/* Begin: Service Types */
.serviceTypes {
  margin: 1.8em auto 0 auto; }

h1.support {
  margin-top: 80px;
  margin-bottom: 30px;
  line-height: 30px; }

article.hentry {
  width: 100%; }

@media (max-width: 768px) {
  h1.support {
    font-size: 2em;
    margin-top: 10px;
    margin-bottom: -10px;
    line-height: 30px; }
  h2.resp-accordion {
    display: block;
    float: left;
    width: 100%;
    top: -77px; }
  #supportAcctBilling h5, #supportAcctBilling .narrowDivider {
    position: relative;
    top: 35px; }
  .resp-tab-content {
    margin-top: 0; }
  img.support {
    width: auto;
    max-width: 100%;
    margin: 0; } }

.serviceTypes div {
  text-align: center;
  padding-bottom: 1.5em; }

.serviceTypes span {
  width: 6.75em;
  height: 6.75em;
  border-radius: 50%;
  border: 5px solid #aa0023;
  position: absolute;
  top: .2em;
  left: 2.2em;
  display: none;
  cursor: pointer; }

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

/* End: Service Types */
/* Begin: Main Content*/
.mainContent {
  margin: 5em 0 4.8em 0; }
  .mainContent img {
    max-width: 100%; }

.ctaBottomWrapper {
  margin-bottom: 3.5em; }
  .ctaBottomWrapper div {
    text-align: center; }

/* Begin: Service Notifications */
.serviceNotifications, .videoPlaylist {
  background: #f5f5f5;
  padding-left: 1em;
  margin-bottom: 2em;
  /* min-height:488px; /*500px;*/
  max-height: 498px;
  overflow-y: hidden;
  overflow-x: hidden; }

.serviceNotifications {
  height: 498px;
  padding-right: 15px; }
  .serviceNotifications h1 {
    color: #282828;
    text-transform: uppercase; }
  .serviceNotifications ul {
    display: inline-block;
    list-style-type: none;
    padding-left: 0; }
    .serviceNotifications ul li {
      margin-bottom: 3.75em; }
  .serviceNotifications p {
    font-family: 'gothambook';
    font-size: 14px;
    line-height: 17px; }

.videoPlaylist h1, .serviceNotifications h2, .videoPlaylist h2, .serviceNotifications h3, .videoPlaylist h3 {
  color: #282828;
  text-transform: uppercase; }

.notificationsWrapper {
  max-height: 275px;
  overflow-y: scroll;
  margin-top: .5em; }

h3.dateStamp {
  font-family: 'gothambold';
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 4px; }

.serviceNotifications ul li:after {
  content: "";
  position: relative;
  left: 0em;
  bottom: 0em;
  height: 1px;
  width: 70%;
  border-bottom: 2px solid #969696;
  float: left; }

.glyphicon.glyphicon-menu-down {
  color: #AA0023; }

.narrowDivider {
  display: block;
  width: 22px;
  height: 4px;
  margin: 0;
  padding: 0;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 4px solid #aa0023;
  border-left: none !important;
  margin-bottom: 11px; }

.moreNotificationsLink {
  margin: 1.35em 0;
  text-transform: uppercase; }

/* End: Service Notifications */
/* End: Main Content*/
/* Begin: Media Queries */
/* col-xs */
@media (max-width: 767px) {
  .serviceTypes {
    /*border-top:5px dashed red;*/ }
    .serviceTypes span {
      display: none !important; }
    .serviceTypes img {
      max-width: 70%; }
  .mainContent {
    margin: 0; }
    .mainContent img {
      max-width: 100%; }
  .vidPanel {
    display: none; }
  .serviceNotifications {
    width: 100%; }
  .ctaBottomWrapper {
    margin: 0; }
  #videoPlayer {
    display: none; }
  #videoPlayerXs {
    display: block; }
    #videoPlayerXs iframe {
      max-width: 100%;
      min-height: auto; } }

/* col-sm */
@media (min-width: 768px) and (max-width: 991px) {
  .serviceTypes {
    /*border-top:5px dashed green;*/ }
    .serviceTypes a.hoverState {
      width: 6.75em;
      height: 6.75em;
      border-radius: 50%;
      border: 5px solid #aa0023;
      position: absolute;
      /* absolute*/
      top: -133px;
      /*0.15em;*/
      left: 5px;
      /* 1.64em; */
      display: block;
      cursor: pointer; }
  .vidPanel {
    min-height: 488px !important; }
    .vidPanel iframe {
      width: 100%;
      min-height: 488px;
      margin: 0;
      padding: 0; }
    .vidPanel.col-sm-6 .rsNav {
      position: relative;
      top: -85px;
      float: right;
      right: 2px; }
  .ctaBottomWrapper {
    margin-bottom: 3.5em; }
  #videoPlayer {
    display: block !important; }
  #videoPlayerXs {
    display: none !important; } }

/* col-md */
@media (min-width: 992px) and (max-width: 1199px) {
  .serviceTypes {
    /*border-top:5px dashed blue;*/ }
    .serviceTypes .hover {
      width: 6.75em;
      height: 6.75em;
      border-radius: 50%;
      border: 5px solid #aa0023;
      position: relative;
      top: -9em;
      left: 2.05em;
      display: none;
      cursor: pointer; }
  .ctaBottomWrapper {
    margin-bottom: 2em; }
  #videoPlayer {
    display: block !important; }
  #videoPlayerXs {
    display: none !important; }
  .vidPanel iframe {
    width: 100%;
    min-height: 488px;
    margin: 0;
    padding: 0; }
  .vidPanel.col-md-6 .rsNav {
    position: relative;
    top: -95px;
    float: right;
    right: 2px; } }

/* col-lg */
@media (min-width: 1200px) {
  .serviceTypes {
    /*border-top:5px dotted black;*/ }
    .serviceTypes .hover {
      width: 6.75em;
      height: 6.75em;
      border-radius: 50%;
      border: 5px solid #aa0023;
      position: absolute;
      top: 0.15em;
      left: 3.1em;
      display: none;
      cursor: pointer; }
  #videoPlayer {
    display: block !important; }
  #videoPlayerXs {
    display: none !important; }
  .vidPanel iframe {
    width: 100%;
    min-height: 488px;
    margin: 0;
    padding: 0; }
  .vidPanel.col-md-6 .rsNav {
    position: relative;
    top: -80px;
    float: right;
    right: 2px; } }

@media (max-width: 640px) {
  .ctaBottomWrapper div.col-xs-4 a img {
    max-width: 100%;
    border: 4px solid #f5f5f5; }
    .ctaBottomWrapper div.col-xs-4 a img:hover {
      border: 4px solid #AA0023; } }

/* End: Media Queries */
/* Begin: Support - Billing */
.resp-tabs-container {
  height: 500px;
  overflow: hidden; }
  .resp-tabs-container hr {
    margin-left: 2.75em; }

@media (max-width: 768px) {
  .resp-tabs-container {
    height: auto; }
  h2.resp-accordion {
    top: 0 !important; }
  h1.support {
    font-size: 2em;
    margin-top: 10px;
    margin-bottom: 20px; }
  .resp-tab-content {
    padding-top: 30px; } }

.resp-tab-content {
  height: 405px;
  overflow-y: scroll;
  width: 99%;
  margin-top: 1em; }

/* End: Support - Billing */
/* Begin: Royal Slider for Support Pgs */
#slider-with-blocks-1 {
  width: 100%; }

.rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left; }

.bContainer {
  position: relative; }

.rsABlock {
  position: relative;
  display: block;
  left: auto;
  top: auto; }

.blockHeadline {
  font-size: 42px;
  line-height: 50px; }

.blockSubHeadline {
  font-size: 32px;
  line-height: 40px; }

.txtCent {
  text-align: center;
  width: 100%; }

.slide2 {
  /*background: #ffbc11;*/
  color: #000; }
  .slide2 .bContainer {
    /*top: 24px;*/ }
  .slide2 .txtCent {
    line-height: 44px; }
  .slide2 .blockHeadline {
    line-height: 66px; }

.slide3 {
  /*background: #45aab8;*/
  color: #FFF; }
  .slide3 .bContainer {
    /*top: 24px;*/ }
  .slide3 span {
    line-height: 44px; }

.slide4 .bContainer {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  top: 24px; }

@media screen and (min-width: 0px) and (max-width: 960px) {
  .rsContent {
    font-size: 22px;
    line-height: 28px; }
  .blockHeadline {
    font-size: 32px;
    line-height: 32px; }
  .blockSubHeadline {
    font-size: 26px;
    line-height: 32px; } }

@media screen and (min-width: 0px) and (max-width: 500px) {
  /*.royalSlider,
  .rsOverflow {
      height: auto !important;
  }*/
  .rsContent {
    font-size: 18px;
    line-height: 26px; }
  .blockHeadline {
    font-size: 24px;
    line-height: 32px; }
  .blockSubHeadline {
    font-size: 22px;
    line-height: 32px; } }

/*.rsOverflow {
    min-height:480px!important;
}*/
/* End: Royal Slider Styling for Support Pages */
.lpchat-container {
  background-color: #FFF !important;
  width: 100% !important;
  height: auto !important; }

img.bigicon, img.lpchat-image {
  border: 1px solid Transparent !important;
  width: 100% !important;
  height: auto !important;
  max-width: 240px !important; }

img:hover.bigicon, img:hover.lpchat-image {
  border: 1px solid #AA0023 !important; }

.ctaBottomWrapper {
  margin-top: 50px; }

.ctscols {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center; }

@media only screen and (max-width: 768px) {
  #container {
    width: 90%;
    margin: 0 auto; } }

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

.modal-article-content {
  max-height: 800px;
  padding: 30px;
  overflow: scroll;
  overflow-x: hidden; }

@media only screen and (max-device-width: 568px) {
  .forms .recaptcha {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0; }
  .forms form {
    padding-bottom: 300px; } }

article {
  float: left;
  background: #ffffff;
  margin: 0;
  padding: 0; }
  article.leftpic {
    width: 65%;
    background-image: url(/images/strongalaska.jpg);
    background-size: cover; }
  article.rightcta {
    background-color: #FFF;
    width: 35%; }

.arrow_box_comm {
  position: relative;
  padding: 0;
  background: #ffffff;
  border: 4px solid #ffffff;
  vertical-align: top; }
  .arrow_box_comm:after, .arrow_box_comm:before {
    right: 100%;
    top: 23%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .arrow_box_comm:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 16px;
    margin-top: -16px; }
  .arrow_box_comm:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 20px;
    margin-top: -20px; }

h3.community {
  font-family: 'gothambold';
  font-size: 34px;
  line-height: 32px;
  text-transform: uppercase; }

.communitycopy {
  font-family: 'gothammedium';
  font-size: 1em;
  line-height: 1.4em;
  margin: 10px 0; }

.communitycompcontent {
  width: 100%;
  height: auto;
  padding: 5%;
  min-height: 426px;
  max-height: 100%; }

#community .col-xs-8 {
  max-width: 100%;
  overflow-x: hidden; }

@media (max-width: 1041px) {
  h3.community {
    font-family: 'gothambold';
    font-size: 29px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0px; }
  .communitycopy {
    font-family: 'gothammedium';
    font-size: 1.2rem;
    line-height: 1.3em;
    margin: 4% 0; } }

@media (max-width: 894px) {
  h3.community {
    font-family: 'gothambold';
    font-size: 26px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0px; } }

@media (max-width: 805px) {
  h3.community {
    font-family: 'gothambold';
    font-size: 23px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0px; } }

@media (max-width: 768px) {
  .communityContainer img {
    max-width: 100%; }
  .communityContainer .col-xs-8 {
    width: auto; }
  .communityContainer .col-xs-4 {
    width: 100%; }
  .communityContainer .communitycompcontent {
    min-height: 0;
    margin: 10px 0; }
  .communityContainer .btn-userdefined {
    float: none;
    display: inline; }
  h3.community {
    font-family: 'gothambold';
    font-size: 2rem;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 0; }
  .communitycopy {
    font-family: 'gothammedium';
    font-size: 14px;
    line-height: 1.4em;
    margin: 4% 0; }
  .communitycompcontent {
    text-align: center; } }

@media (max-width: 500px) {
  h3.community {
    font-family: 'gothambold';
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase; }
  .communitycopy {
    font-family: 'gothambook';
    font-size: 14px;
    line-height: 1.4em;
    padding: 4% 0; } }

/*
 * YouTube TV
 */
/*
 * Base Canvas
 */
.videoWrapper {
  text-align: center; }

.ytv-canvas {
  display: block;
  background: #282828;
  overflow: hidden;
  font-family: arial, sans-serif; }
  .ytv-canvas ::-webkit-scrollbar {
    border-left: 1px solid #000;
    width: 10px; }
  .ytv-canvas ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1); }

/*
 * Video
 */
.ytv-video {
  position: absolute;
  top: 0;
  right: 300px;
  bottom: 0;
  left: 0;
  height: 100%; }
  .ytv-video iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    display: block; }

/*
 * List
 */
.ytv-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 300px; }

.ytv-list-inner {
  overflow: auto;
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch; }

.ytv-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.ytv-list .ytv-active a {
  border-left: 2px solid #fff;
  background: rgba(255, 255, 255, 0.05); }

.ytv-list a {
  display: block;
  text-decoration: none;
  font-size: 11px;
  color: #FEFEFE;
  padding: 10px;
  padding-left: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-left: 2px solid transparent; }
  .ytv-list a b {
    max-height: 45px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis; }

.ytv-list li:first-child a {
  border-top: none; }

.ytv-list li:last-child a {
  border-bottom: none; }

.ytv-list a:hover {
  background: rgba(255, 255, 255, 0.05); }

.ytv-list-header .ytv-playlists a:hover {
  background: rgba(255, 255, 255, 0.05); }

.ytv-list a:active, .ytv-list-header .ytv-playlists a:active {
  background: rgba(0, 0, 0, 0.05); }

.ytv-list .ytv-content {
  padding-left: 125px; }

.ytv-list .ytv-thumb-stroke {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  z-index: 2;
  outline: 1px solid rgba(255, 255, 255, 0.1); }

.ytv-list .ytv-thumb {
  float: left;
  position: relative;
  outline: 1px solid rgba(0, 0, 0, 0.5); }
  .ytv-list .ytv-thumb img {
    width: 120px;
    display: block; }
  .ytv-list .ytv-thumb span {
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #eee;
    background: rgba(0, 0, 0, 0.7);
    font-size: 11px;
    font-weight: bold;
    padding: 0px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

.ytv-views {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  font-weight: normal;
  opacity: 0.3; }

.ytv-list-header {
  height: 52px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .ytv-list-header a {
    background: rgba(255, 255, 255, 0.05);
    position: relative;
    z-index: 10; }
  .ytv-list-header img {
    width: 30px;
    vertical-align: middle; }

.ytv-list .ytv-playlists .ytv-thumb img {
  width: 30px;
  vertical-align: middle; }

.ytv-list-header span {
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold; }

/*
 * Playlists
 */
.ytv-playlists {
  z-index: 9;
  position: absolute;
  background: #282828;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  display: none; }
  .ytv-playlists img {
    float: left; }

.ytv-list-header img {
  float: left; }

.ytv-playlists a span {
  white-space: nowrap;
  padding-left: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }

.ytv-list-header a span {
  white-space: nowrap;
  padding-left: 10px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis; }

.ytv-list-header > a span {
  line-height: 30px; }

.ytv-list-header .ytv-playlists a {
  background: none; }

.ytv-playlist-open .ytv-playlists {
  display: block; }

/*
 * Modifiers
 */
.ytv-relative {
  position: relative;
  width: 100%;
  height: 100%; }

.ytv-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important; }

.ytv-arrow {
  height: 10px;
  width: 0;
  position: relative;
  top: 10px;
  right: 5px;
  border: 10px solid transparent;
  float: right;
  border-top-color: rgba(0, 0, 0, 0.4);
  display: none; }

.ytv-has-playlists .ytv-arrow {
  display: inline-block; }

.ytv-playlist-open .ytv-arrow {
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.4);
  top: -10px; }

.ytv-list-header a:after, .ytv-clear:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.promoheading {
  color: #282828;
  font-family: 'gothambold';
  font-size: 38px;
  text-align: center;
  margin: 86px auto 10px;
  text-transform: uppercase;
  letter-spacing: -1px; }

.promosubheading {
  color: #282828;
  font-family: 'gothammedium';
  font-size: 22px;
  text-align: center;
  margin: 10px auto 50px;
  text-transform: uppercase;
  letter-spacing: -.5px; }

.promodescription {
  color: #282828;
  font-family: 'gothammedium';
  font-size: 22px;
  margin: 10px auto 40px;
  width: 84%; }

.promohero {
  margin-bottom: 40px; }

.promocta {
  margin-bottom: 20px; }

img:hover.cta_red {
  border: 1px inset #AA0023; }

.promofineprint {
  color: #282828;
  font-family: 'gothammedium';
  font-size: 12px;
  line-height: 18px;
  margin: 114px auto 20px; }
  .promofineprint .cta-item {
    padding: 10px 0;
    text-align: center;
    width: 100%; }

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

.col-centered {
  display: inline-block;
  float: none;
  margin-right: -4px;
  /* inline-block space fix */
  text-align: left;
  /* reset the text-align */
  padding-left: 15px;
  padding-right: 15px; }

h1.promolanding {
  font-family: 'gothambold';
  font-size: 38px; }

h3.heroCopyHeadline {
  text-transform: uppercase;
  font-size: 2.35em;
  font-weight: bold; }

/* Begin: Overrides for Samsung Landing Page  */
#promolandingherosamsungpreregister, #promolandingherosamsungregister {
  margin-top: 5em; }

.landingpageherocomponent {
  margin: 4em 2em; }
  .landingpageherocomponent .heroCopy {
    font-size: 1.45em;
    margin-bottom: 1.3em;
    line-height: 1.3em; }

#promolandingherosamsungpreregister #cta, #promolandingherosamsungregister #cta {
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%; }

.col-xs-12 img.promohero {
  display: block;
  margin: 40px auto 50px; }

.ctscols:first-child {
  text-align: right; }

.ctscols:nth-child(3) {
  text-align: left; }

/* End: Overrides for Samsung Landing Page  */
.offercta-link {
  text-decoration: none;
  border: 5px solid #cfcfcf;
  padding: 15px 25px;
  text-align: center;
  display: block;
  min-height: 126px; }
  .offercta-link:hover {
    text-decoration: none;
    border-color: #b51031; }
  .offercta-link .offercta-copy-wrapper {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
  .offercta-link .offercta-copy {
    display: block;
    font-family: 'gothambook', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
    color: #000; }
  .offercta-link .offercta-subcopy {
    display: block;
    font-family: 'gothambook', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #b51031; }
  .offercta-link .offercta-link-wrap-outer {
    display: table;
    width: 100%; }
  .offercta-link .offercta-link-wrap-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }

.offercta-link-square {
  padding: 35px 25px 25px;
  width: 210px;
  max-width: 210px;
  height: 200px;
  max-height: 200px;
  margin: 8px auto; }
  .offercta-link-square .offercta-copy-wrapper {
    display: block;
    text-align: center; }
  .offercta-link-square .offercta-copy {
    font-size: 18px; }
  .offercta-link-square .offercta-subcopy {
    font-size: 14px; }

@media (max-width: 1200px) {
  .offercta-link-horizontal {
    height: 180px;
    text-align: center !important; }
    .offercta-link-horizontal .offercta-copy-wrapper {
      display: block !important;
      clear: both !important;
      text-align: center !important; } }

@media (max-width: 805px) {
  .offercta-link {
    text-align: left; }
  .offercta-link-wrap-inner {
    text-align: left; } }

.offerhero-component {
  /* EQUAL HIEGHT DIVs USAGE
        <div class="row">
          <div class="row-height">
            <div class="col-xs-2 col-xs-height col-xs-middle">
              <div class="inside"></div>
            </div>
            <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
              <div class="inside"></div>
            </div>
          </div>
        </div>
        */
  /* content styles */
  /*.inside {
                margin-top: 20px;
                margin-bottom: 20px;

            }*/
  /* columns of same height styles */ }
  .offerhero-component .arrow_box_darkgrey_left,
  .offerhero-component .arrow_box_darkgrey_right {
    position: relative;
    padding: 0;
    background: #6D6E71;
    border: 4px solid #6D6E71;
    vertical-align: top; }
  .offerhero-component .arrow_box_white_left,
  .offerhero-component .arrow_box_white_right {
    position: relative;
    padding: 0;
    background: #fff;
    border: 4px solid #fff;
    vertical-align: top; }
  .offerhero-component .arrow_box_white_left:after, .offerhero-component .arrow_box_red_left:before, .offerhero-component .arrow_box_darkgrey_left:before,
  .offerhero-component .arrow_box_white_right:after, .offerhero-component .arrow_box_red_right:before, .offerhero-component .arrow_box_darkgrey_right:before {
    right: 100%;
    top: 23%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .offerhero-component .arrow_box_white_left:after,
  .offerhero-component .arrow_box_white_right:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px; }
  .offerhero-component .arrow_box_white_left:before .arrow_box_white_right:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 20px;
    margin-top: -20px; }
  .offerhero-component .arrow_box_red_left,
  .offerhero-component .arrow_box_red_right {
    position: relative;
    padding: 0;
    background: #AA0023;
    border: 4px solid #AA0023;
    vertical-align: top; }
  .offerhero-component .arrow_box_red_left:after, .offerhero-component .arrow_box_red_left:before,
  .offerhero-component .arrow_box_red_right:after, .offerhero-component .arrow_box_red_right:before {
    right: 100%;
    top: 23%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .offerhero-component .arrow_box_red_left:after,
  .offerhero-component .arrow_box_red_right:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #AA0023;
    border-width: 16px;
    margin-top: -16px; }
  .offerhero-component .arrow_box_red_left:before,
  .offerhero-component .arrow_box_red_right:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #AA0023;
    border-width: 20px;
    margin-top: -20px; }
  .offerhero-component .arrow_box_darkgrey_left:after,
  .offerhero-component .arrow_box_darkgrey_right:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #6D6E71;
    border-width: 16px;
    margin-top: -16px; }
  .offerhero-component .arrow_box_darkgrey_left:before,
  .offerhero-component .arrow_box_darkgrey_right:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #6D6E71;
    border-width: 20px;
    margin-top: -20px; }
  .offerhero-component .arrow_box_red_left:after, .offerhero-component .arrow_box_red_left:before {
    left: 100%;
    border-left-color: #aa0023;
    border-right-color: transparent; }
  .offerhero-component .arrow_box_white_left:after, .offerhero-component .arrow_box_white_left:before {
    left: 100%;
    border-left-color: #fff;
    border-right-color: transparent; }
  .offerhero-component .arrow_box_darkgrey_left:after, .offerhero-component .arrow_box_darkgrey_left:before {
    left: 100%;
    border-left-color: #6D6E71;
    border-right-color: transparent; }
  .offerhero-component .promoredback,
  .offerhero-component .promodarkgreyback {
    color: #FFF; }
  .offerhero-component .offerlanding_arrow_box_comm {
    border: 0; }
  .offerhero-component .inside-full-height {
    /*
          // if you want to give content full height give him height: 100%;
          // with content full height you can't apply margins to the content
          // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
          */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  .offerhero-component .content {
    height: 100%; }
  .offerhero-component .promopadding {
    padding: 3%;
    text-align: center; }
  .offerhero-component .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .offerhero-component .col-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .offerhero-component .col-top {
    vertical-align: top; }
  .offerhero-component .col-middle {
    vertical-align: middle; }
  .offerhero-component .col-bottom {
    vertical-align: bottom; }
  .offerhero-component .mainpromocopy {
    border-right: 0px solid white;
    padding: 6%; }
  .offerhero-component .promocopy {
    font-size: 1.2em;
    line-height: 24px; }
  .offerhero-component .offerhero {
    width: 108%; }
  .offerhero-component .promoredback {
    background: none; }
  .offerhero-component .arrow_box_red_left .btn-userdefined,
  .offerhero-component .arrow_box_red_right .btn-userdefined {
    background-color: #fff; }
    .offerhero-component .arrow_box_red_left .btn-userdefined:hover,
    .offerhero-component .arrow_box_red_right .btn-userdefined:hover {
      background-color: #aa0023;
      border-color: #fff; }
      .offerhero-component .arrow_box_red_left .btn-userdefined:hover a,
      .offerhero-component .arrow_box_red_right .btn-userdefined:hover a {
        color: #fff; }
    .offerhero-component .arrow_box_red_left .btn-userdefined a,
    .offerhero-component .arrow_box_red_right .btn-userdefined a {
      color: #aa0023; }
    .offerhero-component .arrow_box_red_left .btn-userdefined a:hover,
    .offerhero-component .arrow_box_red_right .btn-userdefined a:hover {
      color: #fff; }
  .offerhero-component .arrow_box_darkgrey_left .btn-userdefined,
  .offerhero-component .arrow_box_darkgrey_right .btn-userdefined {
    background-color: #fff;
    border-color: #fff; }
    .offerhero-component .arrow_box_darkgrey_left .btn-userdefined:hover,
    .offerhero-component .arrow_box_darkgrey_right .btn-userdefined:hover {
      background-color: #6D6E71;
      border-color: #fff; }
      .offerhero-component .arrow_box_darkgrey_left .btn-userdefined:hover a,
      .offerhero-component .arrow_box_darkgrey_right .btn-userdefined:hover a {
        color: #fff; }
    .offerhero-component .arrow_box_darkgrey_left .btn-userdefined a,
    .offerhero-component .arrow_box_darkgrey_right .btn-userdefined a {
      color: #6D6E71; }
    .offerhero-component .arrow_box_darkgrey_left .btn-userdefined a:hover,
    .offerhero-component .arrow_box_darkgrey_right .btn-userdefined a:hover {
      color: #fff; }
  .offerhero-component .offerlandinglegalcopy {
    padding: 0 26px 26px;
    font-size: 16px; }
  @media (max-width: 1041px) {
    .offerhero-component .richtext-headline-white,
    .offerhero-component .richtext-headline-red,
    .offerhero-component .richtext-headline-black {
      font-family: 'gothambold';
      font-size: 29px;
      line-height: 1em;
      text-transform: uppercase;
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .offerhero-component .content,
    .offerhero-component .richtext-body {
      font-family: 'gothambook';
      font-size: 1.2em;
      line-height: 1.3em; } }
  @media (max-width: 894px) {
    .offerhero-component .richtext-headline-white,
    .offerhero-component .richtext-headline-red,
    .offerhero-component .richtext-headline-black {
      font-family: 'gothambold';
      font-size: 26px;
      line-height: 1em;
      text-transform: uppercase;
      margin-bottom: 0px;
      padding-bottom: 0px; } }
  @media (max-width: 805px) {
    .offerhero-component .richtext-headline-white,
    .offerhero-component .richtext-headline-red,
    .offerhero-component .richtext-headline-black {
      font-family: 'gothambold';
      font-size: 23px;
      line-height: 1em;
      text-transform: uppercase;
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .offerhero-component .content img {
      max-width: 100%; } }
  @media (max-width: 500px) {
    .offerhero-component .richtext-headline-white,
    .offerhero-component .richtext-headline-red,
    .offerhero-component .richtext-headline-black {
      font-family: 'gothambold';
      font-size: 1.5rem;
      line-height: 1em;
      text-transform: uppercase; }
    .offerhero-component .content,
    .offerhero-component .richtext-body {
      font-family: 'gothambook';
      font-size: 1em;
      line-height: 1.3em;
      padding: 4% 0; } }
  @media (min-width: 480px) {
    .offerhero-component .row-xs-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .offerhero-component .col-xs-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .offerhero-component .col-xs-top {
      vertical-align: top; }
    .offerhero-component .col-xs-middle {
      vertical-align: middle; }
    .offerhero-component .col-xs-bottom {
      vertical-align: bottom; } }
  @media (min-width: 768px) {
    .offerhero-component .promocopy {
      font-size: 14px; }
    .offerhero-component .mainpromocopy {
      border-right: 6px solid white;
      padding: 4%;
      width: 100% !important; }
    .offerhero-component .promopadding {
      padding: 5%;
      text-align: left; }
    .offerhero-component .row-sm-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .offerhero-component .col-sm-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .offerhero-component .col-sm-top {
      vertical-align: top; }
    .offerhero-component .col-sm-middle {
      vertical-align: middle; }
    .offerhero-component .col-sm-bottom {
      vertical-align: bottom; } }
  @media (min-width: 992px) {
    .offerhero-component .row-md-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .offerhero-component .col-md-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .offerhero-component .col-md-top {
      vertical-align: top; }
    .offerhero-component .col-md-middle {
      vertical-align: middle; }
    .offerhero-component .col-md-bottom {
      vertical-align: bottom; }
    .offerhero-component .offerhero {
      width: 100%; } }
  @media (min-width: 1200px) {
    .offerhero-component .row-lg-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .offerhero-component .col-lg-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .offerhero-component .col-lg-top {
      vertical-align: top; }
    .offerhero-component .col-lg-middle {
      vertical-align: middle; }
    .offerhero-component .col-lg-bottom {
      vertical-align: bottom; } }
  .offerhero-component .gradientdiv {
    border-top: 0 solid transparent !important; }
  .offerhero-component img.bottomborder {
    width: 100% !important;
    height: auto !important; }
  .offerhero-component .offersidepicright {
    float: none !important;
    border-left: 0px solid white !important; }
  .offerhero-component .promoredbar {
    width: 20px;
    height: 4px;
    background-color: #AA0023;
    margin: 20px auto 12px 0; }
  .offerhero-component .promowhitebar {
    width: 20px;
    height: 4px;
    background-color: #FFF;
    margin: 20px auto 12px 0; }

.deviceCompareWrapper h1 {
  font: "gothambold", sans-serif;
  font-size: 24px;
  color: #6d6e71;
  float: left; }

.deviceCompareWrapper .notvisible {
  visibility: hidden; }

.deviceCompareWrapper .share-wrapper {
  float: right;
  margin-top: 15px;
  margin-left: 20px; }
  .deviceCompareWrapper .share-wrapper a {
    text-decoration: none;
    color: #6d6e71;
    font-size: 15px;
    line-height: 20px;
    margin-left: 20px; }

.deviceCompareWrapper .btn-red {
  color: #ffffff;
  background-color: #b71234;
  border-color: #b71234;
  font-family: 'gothammedium';
  line-height: 40px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none; }

.deviceCompareWrapper .btn-red:hover,
.deviceCompareWrapper .btn-red:focus,
.deviceCompareWrapper .btn-red.focus,
.deviceCompareWrapper .btn-red:active,
.deviceCompareWrapper .btn-red.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-red {
  color: #b71234;
  background-color: white;
  border-color: #b71234;
  border: 1px solid #b71234;
  text-decoration: none;
  line-height: 38px; }

.deviceCompareWrapper .btn-red:active,
.deviceCompareWrapper .btn-red.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-red {
  background-image: none; }

.deviceCompareWrapper .btn-red.disabled,
.deviceCompareWrapper .btn-red[disabled],
.deviceCompareWrapper fieldset[disabled] .btn-red,
.deviceCompareWrapper .btn-red.disabled:hover,
.deviceCompareWrapper .btn-red[disabled]:hover,
.deviceCompareWrapper fieldset[disabled] .btn-red:hover,
.deviceCompareWrapper .btn-red.disabled:focus,
.deviceCompareWrapper .btn-red[disabled]:focus,
.deviceCompareWrapper fieldset[disabled] .btn-red:focus,
.deviceCompareWrapper .btn-red.disabled.focus,
.deviceCompareWrapper .btn-red[disabled].focus,
.deviceCompareWrapper fieldset[disabled] .btn-red.focus,
.deviceCompareWrapper .btn-red.disabled:active,
.deviceCompareWrapper .btn-red[disabled]:active,
.deviceCompareWrapper fieldset[disabled] .btn-red:active,
.deviceCompareWrapper .btn-red.disabled.active,
.deviceCompareWrapper .btn-red[disabled].active,
.deviceCompareWrapper fieldset[disabled] .btn-red.active {
  background-color: #e74c3c;
  border-color: #e74c3c; }

.deviceCompareWrapper .btn-red .badge {
  color: #e74c3c;
  background-color: #ffffff; }

.deviceCompareWrapper .btn-white {
  color: #b71234;
  background-color: white;
  border-color: #b71234;
  font-family: 'gothammedium'; }

.deviceCompareWrapper .btn-white:hover,
.deviceCompareWrapper .btn-white:focus,
.deviceCompareWrapper .btn-white.focus,
.deviceCompareWrapper .btn-white:active,
.deviceCompareWrapper .btn-white.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-white {
  color: #fff;
  background-color: #b71234;
  border-color: #FFF;
  text-decoration: none; }

.deviceCompareWrapper .btn-white:active,
.deviceCompareWrapper .btn-white.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-white {
  background-image: none; }

.deviceCompareWrapper .btn-white.disabled,
.deviceCompareWrapper .btn-white[disabled],
.deviceCompareWrapper fieldset[disabled] .btn-white,
.deviceCompareWrapper .btn-white.disabled:hover,
.deviceCompareWrapper .btn-white[disabled]:hover,
.deviceCompareWrapper fieldset[disabled] .btn-white:hover,
.deviceCompareWrapper .btn-white.disabled:focus,
.deviceCompareWrapper .btn-white[disabled]:focus,
.deviceCompareWrapper fieldset[disabled] .btn-white:focus,
.deviceCompareWrapper .btn-white.disabled.focus,
.deviceCompareWrapper .btn-white[disabled].focus,
.deviceCompareWrapper fieldset[disabled] .btn-white.focus,
.deviceCompareWrapper .btn-white.disabled:active,
.deviceCompareWrapper .btn-white[disabled]:active,
.deviceCompareWrapper fieldset[disabled] .btn-white:active,
.deviceCompareWrapper .btn-white.disabled.active,
.deviceCompareWrapper .btn-white[disabled].active,
.deviceCompareWrapper fieldset[disabled] .btn-white.active {
  background-color: #e74c3c;
  border-color: #e74c3c; }

.deviceCompareWrapper .btn-white .badge {
  color: #e74c3c;
  background-color: #ffffff; }

.deviceCompareWrapper .btn-yellow {
  color: black;
  background-color: #ffcb08;
  border-color: #ffcb08;
  font-family: 'gothammedium';
  line-height: 40px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none; }

.deviceCompareWrapper .btn-yellow:hover,
.deviceCompareWrapper .btn-yellow:focus,
.deviceCompareWrapper .btn-yellow.focus,
.deviceCompareWrapper .btn-yellow:active,
.deviceCompareWrapper .btn-yellow.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-yellow {
  color: #ffcb08;
  background-color: black;
  border-color: black;
  border: 1px solid black;
  text-decoration: none;
  line-height: 38px; }

.deviceCompareWrapper .device-compare-grid {
  width: 100%; }
  .deviceCompareWrapper .device-compare-grid tr:nth-child(even) {
    background: #f5f5f5; }
  .deviceCompareWrapper .device-compare-grid th {
    text-transform: uppercase;
    color: #6d6e71;
    font-size: 18px;
    text-align: right; }
  .deviceCompareWrapper .device-compare-grid th, .deviceCompareWrapper .device-compare-grid td {
    width: 20%;
    vertical-align: top;
    padding: 5px 10px;
    border-right: 1px solid #bbbdc0; }
  .deviceCompareWrapper .device-compare-grid td {
    font-size: 15px;
    color: #6d6e71; }
  .deviceCompareWrapper .device-compare-grid td:last-child {
    border: none; }
  .deviceCompareWrapper .device-compare-grid .item-remove {
    float: right; }

.deviceCompareWrapper .device-compare-item img {
  clear: both;
  margin: 0 auto;
  display: block;
  max-height: 204px; }

.deviceCompareWrapper .device-compare-item .item-name {
  min-height: 60px;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px; }

.deviceCompareWrapper .device-compare-item .item-contract-details {
  margin-bottom: 0px; }

.deviceCompareWrapper .device-compare-item .item-contract-details,
.deviceCompareWrapper .device-compare-item .item-upgrade-details {
  font-size: 13px;
  line-height: 14px;
  color: #6d6e71; }

.deviceCompareWrapper .device-compare-item .item-upgrade-price {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #00a9e0; }

.deviceCompareWrapper .device-compare-item .item-contract-price {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #6d6e71; }

.deviceCompareWrapper .device-compare-item .item-full-retail-price {
  font-style: italic; }

.deviceCompareWrapper .device-compare-item p {
  font-size: 13px;
  text-align: left; }

.deviceCompareWrapper .device-compare-item-add img {
  clear: both;
  margin: 11px auto 20px;
  display: block;
  width: 119px;
  height: auto; }

.deviceCompareWrapper .device-compare-item-add .compare-device-add-button {
  width: 100%;
  border: 1px solid grey;
  text-decoration: none !important;
  display: block;
  text-align: center;
  color: grey;
  font: 15px/40px "gothambook", sans-serif;
  background: #f5f5f5; }

@media print {
  .deviceCompareWrapper * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }
  .deviceCompareWrapper .deviceCompareWrapper:before {
    content: "main containter"; }
  .deviceCompareWrapper .share-wrapper,
  .deviceCompareWrapper .item-remove,
  .deviceCompareWrapper .btn-red,
  .deviceCompareWrapper .device-compare-item-add {
    display: none; } }

@media print {
  .container {
    display: block !important; }
  .bs-component,
  .backgroundcover.footerpicbottom,
  .unavcontainer.btmdotted {
    display: none; } }

#billboard .gci-pager-wrap {
  display: none; }

@media only screen and (min-width: 768px) {
  #billboard {
    display: block;
    margin-bottom: 32px;
    height: auto;
    overflow: hidden;
    position: relative; }
    #billboard .gci-pager-wrap {
      display: block;
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 6px;
      z-index: 100;
      height: 19px; }
      #billboard .gci-pager-wrap .gci-pager {
        display: inline-block;
        line-height: 11px;
        height: 20px;
        width: auto;
        background: #888888;
        background: rgba(0, 0, 0, 0.35);
        padding: 4px; }
        #billboard .gci-pager-wrap .gci-pager a {
          color: white;
          text-decoration: none;
          vertical-align: top;
          display: inline-block;
          font-size: 2px;
          line-height: 11px;
          height: 11px;
          width: 11px;
          background: white;
          margin: 0 3px; }
          #billboard .gci-pager-wrap .gci-pager a.activeSlide {
            background: #AA0023;
            color: #AA0023; } }

.deviceCompareWrapper h1 {
  font: "gothambold", sans-serif;
  font-size: 24px;
  color: #6d6e71;
  float: left; }

.deviceCompareWrapper .notvisible {
  visibility: hidden; }

.deviceCompareWrapper .share-wrapper {
  float: right;
  margin-top: 15px;
  margin-left: 20px; }
  .deviceCompareWrapper .share-wrapper a {
    text-decoration: none;
    color: #6d6e71;
    font-size: 15px;
    line-height: 20px;
    margin-left: 20px; }

.deviceCompareWrapper .btn-red {
  color: #ffffff;
  background-color: #b71234;
  border-color: #b71234;
  font-family: 'gothammedium';
  line-height: 40px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none; }

.deviceCompareWrapper .btn-red:hover,
.deviceCompareWrapper .btn-red:focus,
.deviceCompareWrapper .btn-red.focus,
.deviceCompareWrapper .btn-red:active,
.deviceCompareWrapper .btn-red.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-red {
  color: #b71234;
  background-color: white;
  border-color: #b71234;
  border: 1px solid #b71234;
  text-decoration: none;
  line-height: 38px; }

.deviceCompareWrapper .btn-red:active,
.deviceCompareWrapper .btn-red.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-red {
  background-image: none; }

.deviceCompareWrapper .btn-red.disabled,
.deviceCompareWrapper .btn-red[disabled],
.deviceCompareWrapper fieldset[disabled] .btn-red,
.deviceCompareWrapper .btn-red.disabled:hover,
.deviceCompareWrapper .btn-red[disabled]:hover,
.deviceCompareWrapper fieldset[disabled] .btn-red:hover,
.deviceCompareWrapper .btn-red.disabled:focus,
.deviceCompareWrapper .btn-red[disabled]:focus,
.deviceCompareWrapper fieldset[disabled] .btn-red:focus,
.deviceCompareWrapper .btn-red.disabled.focus,
.deviceCompareWrapper .btn-red[disabled].focus,
.deviceCompareWrapper fieldset[disabled] .btn-red.focus,
.deviceCompareWrapper .btn-red.disabled:active,
.deviceCompareWrapper .btn-red[disabled]:active,
.deviceCompareWrapper fieldset[disabled] .btn-red:active,
.deviceCompareWrapper .btn-red.disabled.active,
.deviceCompareWrapper .btn-red[disabled].active,
.deviceCompareWrapper fieldset[disabled] .btn-red.active {
  background-color: #e74c3c;
  border-color: #e74c3c; }

.deviceCompareWrapper .btn-red .badge {
  color: #e74c3c;
  background-color: #ffffff; }

.deviceCompareWrapper .btn-white {
  color: #b71234;
  background-color: white;
  border-color: #b71234;
  font-family: 'gothammedium'; }

.deviceCompareWrapper .btn-white:hover,
.deviceCompareWrapper .btn-white:focus,
.deviceCompareWrapper .btn-white.focus,
.deviceCompareWrapper .btn-white:active,
.deviceCompareWrapper .btn-white.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-white {
  color: #fff;
  background-color: #b71234;
  border-color: #FFF;
  text-decoration: none; }

.deviceCompareWrapper .btn-white:active,
.deviceCompareWrapper .btn-white.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-white {
  background-image: none; }

.deviceCompareWrapper .btn-white.disabled,
.deviceCompareWrapper .btn-white[disabled],
.deviceCompareWrapper fieldset[disabled] .btn-white,
.deviceCompareWrapper .btn-white.disabled:hover,
.deviceCompareWrapper .btn-white[disabled]:hover,
.deviceCompareWrapper fieldset[disabled] .btn-white:hover,
.deviceCompareWrapper .btn-white.disabled:focus,
.deviceCompareWrapper .btn-white[disabled]:focus,
.deviceCompareWrapper fieldset[disabled] .btn-white:focus,
.deviceCompareWrapper .btn-white.disabled.focus,
.deviceCompareWrapper .btn-white[disabled].focus,
.deviceCompareWrapper fieldset[disabled] .btn-white.focus,
.deviceCompareWrapper .btn-white.disabled:active,
.deviceCompareWrapper .btn-white[disabled]:active,
.deviceCompareWrapper fieldset[disabled] .btn-white:active,
.deviceCompareWrapper .btn-white.disabled.active,
.deviceCompareWrapper .btn-white[disabled].active,
.deviceCompareWrapper fieldset[disabled] .btn-white.active {
  background-color: #e74c3c;
  border-color: #e74c3c; }

.deviceCompareWrapper .btn-white .badge {
  color: #e74c3c;
  background-color: #ffffff; }

.deviceCompareWrapper .btn-yellow {
  color: black;
  background-color: #ffcb08;
  border-color: #ffcb08;
  font-family: 'gothammedium';
  line-height: 40px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none; }

.deviceCompareWrapper .btn-yellow:hover,
.deviceCompareWrapper .btn-yellow:focus,
.deviceCompareWrapper .btn-yellow.focus,
.deviceCompareWrapper .btn-yellow:active,
.deviceCompareWrapper .btn-yellow.active,
.deviceCompareWrapper .open > .dropdown-toggle.btn-yellow {
  color: #ffcb08;
  background-color: black;
  border-color: black;
  border: 1px solid black;
  text-decoration: none;
  line-height: 38px; }

.deviceCompareWrapper .device-compare-grid {
  width: 100%; }
  .deviceCompareWrapper .device-compare-grid tr:nth-child(even) {
    background: #f5f5f5; }
  .deviceCompareWrapper .device-compare-grid th {
    text-transform: uppercase;
    color: #6d6e71;
    font-size: 18px;
    text-align: right; }
  .deviceCompareWrapper .device-compare-grid th, .deviceCompareWrapper .device-compare-grid td {
    width: 20%;
    vertical-align: top;
    padding: 5px 10px;
    border-right: 1px solid #bbbdc0; }
  .deviceCompareWrapper .device-compare-grid td {
    font-size: 15px;
    color: #6d6e71; }
  .deviceCompareWrapper .device-compare-grid td:last-child {
    border: none; }
  .deviceCompareWrapper .device-compare-grid .item-remove {
    float: right; }

.deviceCompareWrapper .device-compare-item img {
  clear: both;
  margin: 0 auto;
  display: block;
  max-height: 204px; }

.deviceCompareWrapper .device-compare-item .item-name {
  min-height: 60px;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px; }

.deviceCompareWrapper .device-compare-item .item-contract-details {
  margin-bottom: 0px; }

.deviceCompareWrapper .device-compare-item .item-contract-details,
.deviceCompareWrapper .device-compare-item .item-upgrade-details {
  font-size: 13px;
  line-height: 14px;
  color: #6d6e71; }

.deviceCompareWrapper .device-compare-item .item-upgrade-price {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #00a9e0; }

.deviceCompareWrapper .device-compare-item .item-contract-price {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #6d6e71; }

.deviceCompareWrapper .device-compare-item .item-full-retail-price {
  font-style: italic; }

.deviceCompareWrapper .device-compare-item p {
  font-size: 13px;
  text-align: left; }

.deviceCompareWrapper .device-compare-item-add img {
  clear: both;
  margin: 11px auto 20px;
  display: block;
  width: 119px;
  height: auto; }

.deviceCompareWrapper .device-compare-item-add .compare-device-add-button {
  width: 100%;
  border: 1px solid grey;
  text-decoration: none !important;
  display: block;
  text-align: center;
  color: grey;
  font: 15px/40px "gothambook", sans-serif;
  background: #f5f5f5; }

@media print {
  .deviceCompareWrapper * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important; }
  .deviceCompareWrapper .deviceCompareWrapper:before {
    content: "main containter"; }
  .deviceCompareWrapper .share-wrapper,
  .deviceCompareWrapper .item-remove,
  .deviceCompareWrapper .btn-red,
  .deviceCompareWrapper .device-compare-item-add {
    display: none; } }

@media print {
  .container {
    display: block !important; }
  .bs-component,
  .backgroundcover.footerpicbottom,
  .unavcontainer.btmdotted {
    display: none; } }

.fastphone-module-container {
  border: 1px solid #bbbdc0;
  margin: 0 4px 4px; }
  .fastphone-module-container .fastphone-module-details {
    background: #E9E9E9;
    border-bottom: 1px solid #bbbdc0;
    overflow: hidden;
    text-align: center; }
  .fastphone-module-container .fastphone-module-list {
    list-style: none;
    padding: 0;
    margin: 1em 2em 0;
    text-align: right; }
    .fastphone-module-container .fastphone-module-list:after {
      content: "";
      display: table;
      clear: both; }
  .fastphone-module-container .fastphone-module-list-item {
    clear: both; }
  .fastphone-module-container .fastphone-module-list-label {
    font-weight: bold;
    float: left; }
  .fastphone-module-container .btn {
    margin: 1em;
    display: block; }
  .fastphone-module-container .fastphone-module-price {
    font-family: gothammedium;
    font-size: 28px;
    color: #00A9DF;
    margin: .5em 0 .2em; }
  .fastphone-module-container .fastphone-module-name {
    font-family: gothammedium;
    font-size: 24px;
    color: #6D6E71;
    margin: .5em; }
  .fastphone-module-container .modal {
    /*.selection {	
	padding-right: 35px;
}*/ }
    .fastphone-module-container .modal .btn-red {
      color: #ffffff;
      background-color: #B71234;
      border-color: #B71234;
      font-family: 'gothammedium';
      line-height: 40px;
      width: 100%;
      display: block;
      text-align: center;
      text-decoration: none; }
    .fastphone-module-container .modal .btn-red:hover,
    .fastphone-module-container .modal .btn-red:focus,
    .fastphone-module-container .modal .btn-red.focus,
    .fastphone-module-container .modal .btn-red:active,
    .fastphone-module-container .modal .btn-red.active,
    .fastphone-module-container .modal .open > .dropdown-toggle.btn-red {
      color: #B71234;
      background-color: #fff;
      border-color: #B71234;
      border: 1px solid #B71234;
      text-decoration: none;
      line-height: 38px; }
    .fastphone-module-container .modal .btn-red:active,
    .fastphone-module-container .modal .btn-red.active,
    .fastphone-module-container .modal .open > .dropdown-toggle.btn-red {
      background-image: none; }
    .fastphone-module-container .modal .btn-red.disabled,
    .fastphone-module-container .modal .btn-red[disabled],
    .fastphone-module-container .modal fieldset[disabled] .btn-red,
    .fastphone-module-container .modal .btn-red.disabled:hover,
    .fastphone-module-container .modal .btn-red[disabled]:hover,
    .fastphone-module-container .modal fieldset[disabled] .btn-red:hover,
    .fastphone-module-container .modal .btn-red.disabled:focus,
    .fastphone-module-container .modal .btn-red[disabled]:focus,
    .fastphone-module-container .modal fieldset[disabled] .btn-red:focus,
    .fastphone-module-container .modal .btn-red.disabled.focus,
    .fastphone-module-container .modal .btn-red[disabled].focus,
    .fastphone-module-container .modal fieldset[disabled] .btn-red.focus,
    .fastphone-module-container .modal .btn-red.disabled:active,
    .fastphone-module-container .modal .btn-red[disabled]:active,
    .fastphone-module-container .modal fieldset[disabled] .btn-red:active,
    .fastphone-module-container .modal .btn-red.disabled.active,
    .fastphone-module-container .modal .btn-red[disabled].active,
    .fastphone-module-container .modal fieldset[disabled] .btn-red.active {
      background-color: #e74c3c;
      border-color: #e74c3c; }
    .fastphone-module-container .modal .modal-open .modal {
      padding-left: 0px !important;
      padding-right: 0px !important;
      overflow-y: scroll; }
    .fastphone-module-container .modal .vertical-alignment-helper {
      display: table;
      height: 100%;
      width: 100%;
      pointer-events: none;
      /* This makes sure that we can still click outside of the modal to close it */ }
    .fastphone-module-container .modal .vertical-align-center {
      /* To center vertically */
      display: table-cell;
      vertical-align: middle;
      pointer-events: none; }
    .fastphone-module-container .modal .modal-content {
      /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
      /*width:inherit;*/
      height: inherit;
      /* To center horizontally */
      margin: 0 auto;
      pointer-events: all;
      width: 401px;
      border-radius: 0px;
      box-shadow: none; }
    .fastphone-module-container .modal .modal-body {
      padding: 30px 30px 15px;
      min-height: 250px; }
    .fastphone-module-container .modal .close-modal {
      position: absolute;
      right: 15px;
      top: 15px; }
    .fastphone-module-container .modal .modal-footer {
      padding: 0 30px 30px; }
    .fastphone-module-container .modal .selection h1,
    .fastphone-module-container .modal .suggested h1 {
      margin: 0 0 30px;
      font-size: 24px;
      color: #bcbec0;
      text-transform: uppercase; }
    .fastphone-module-container .modal .selection-text {
      float: left;
      width: 184px; }
    .fastphone-module-container .modal .selection img {
      float: left;
      width: 150px;
      padding-right: 30px; }
    .fastphone-module-container .modal .selection-text h2 {
      font-family: "gothambook", sans-serif;
      font-size: 24px;
      line-height: 24px;
      color: black;
      margin-top: 0; }
    .fastphone-module-container .modal .suggested p,
    .fastphone-module-container .modal .selection-text p {
      font-family: "gothammedium", sans-serif;
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 0px;
      color: #6d6e71; }
    .fastphone-module-container .modal .selection-text p.cost {
      font-size: 30px;
      color: #00a9e0;
      line-height: 30px;
      font-family: "gothammedium", sans-serif;
      margin-top: 30px; }
    .fastphone-module-container .modal .suggested {
      border-left: 1px solid #bcbec0;
      padding: 0 35px 0 25px; }
      .fastphone-module-container .modal .suggested img {
        margin: 0 auto 20px;
        display: block; }
      .fastphone-module-container .modal .suggested .btn-red {
        width: 200px;
        margin: 20px auto 0; }
    .fastphone-module-container .modal .modal-footer {
      border-top: none; }
      .fastphone-module-container .modal .modal-footer a {
        font-family: "gothammedium", sans-serif;
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 0px;
        color: #b71234;
        float: left;
        padding-left: 20px;
        padding-right: 0 !important; }
        .fastphone-module-container .modal .modal-footer a:first-child {
          border-right: 1px solid #b71234;
          padding-left: 0px;
          padding-right: 20px !important; }
    .fastphone-module-container .modal .selection,
    .fastphone-module-container .modal .suggested {
      width: 100%; }
    .fastphone-module-container .modal .modal-backdrop {
      z-index: 0; }
    @media screen and (max-width: 830px) {
      .fastphone-module-container .modal .modal-content {
        width: 402px; }
      .fastphone-module-container .modal .modal-body {
        padding: 15px 15px 0; }
      .fastphone-module-container .modal .selection,
      .fastphone-module-container .modal .suggested {
        width: 100%;
        padding: 0px; }
        .fastphone-module-container .modal .selection h1,
        .fastphone-module-container .modal .suggested h1 {
          margin: 0 0 15px; }
      .fastphone-module-container .modal .selection {
        border-right: 0px solid #bcbec0;
        border-bottom: 1px solid #bcbec0;
        margin-bottom: 15px;
        padding-bottom: 15px; }
        .fastphone-module-container .modal .selection img {
          width: 25%; }
      .fastphone-module-container .modal .modal-footer {
        padding: 20px 30px 15px; }
      .fastphone-module-container .modal .selection-text {
        width: 75%; } }

.col-sm-3:first-child .fastphone-module-container {
  margin-left: 0; }

.col-sm-3:last-child .fastphone-module-container {
  margin-right: 0; }

.phone-plan-selector {
  margin-bottom: 1em; }
  .phone-plan-selector .col-sm-height {
    vertical-align: top; }
  .phone-plan-selector .phone-plan-feature-description {
    font-family: "gothambook", sans-serif;
    font-size: 14px; }
  .phone-plan-selector .phone-plan-feature-headline {
    font-family: "gothammedium", sans-serif;
    font-size: 32px; }
  .phone-plan-selector .phone-plan-selection-headline {
    font-family: "gothammedium", sans-serif;
    font-size: 32px; }
  .phone-plan-selector .phone-plan-selection-description {
    font-family: "gothambook", sans-serif;
    font-size: 14px; }
  .phone-plan-selector .phone-plan-selection-panel {
    background: white;
    background: -moz-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(100%, #b6b7b7));
    background: -webkit-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    background: -o-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    background: -ms-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    background: linear-gradient(to bottom, #ffffff 12%, #b6b7b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b7b7',GradientType=0 );
    padding: 20px; }
  .phone-plan-selector .phone-plan-feature-image {
    max-width: 100%; }
  .phone-plan-selector .phone-plan-feature-panel-content {
    margin: 20px;
    min-height: 240px; }
    .phone-plan-selector .phone-plan-feature-panel-content:after {
      content: "";
      display: table;
      clear: both; }
  .phone-plan-selector .phone-plan-selection-image {
    margin: 1em auto 1.5em;
    display: block;
    max-width: 100%; }
  .phone-plan-selector .phone-plan-selection-button-group:after {
    content: "";
    display: table;
    clear: both; }
  .phone-plan-selector .phone-plan-selection-button-group .button-container {
    width: 49%;
    margin-right: 1%;
    float: left; }
  .phone-plan-selector .phone-plan-selector-button {
    border: 4px solid white;
    padding: 5px;
    text-align: center;
    color: #6d6e71;
    width: 100%;
    margin: 30px 2px 8px 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    text-decoration: none;
    height: 89px; }
    .phone-plan-selector .phone-plan-selector-button .center-wrap {
      display: table;
      width: 100%;
      height: 100%; }
      .phone-plan-selector .phone-plan-selector-button .center-wrap .center-inner {
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
    .phone-plan-selector .phone-plan-selector-button .price {
      font-family: Gotham, 'gothambold';
      font-weight: bold;
      font-size: 28px;
      font-size: 2.8rem;
      margin: 0;
      color: #6d6e71;
      -webkit-transform: translateZ(0px);
      text-decoration: none !important;
      text-decoration-skip: objects; }
    .phone-plan-selector .phone-plan-selector-button .price_small {
      font-family: "gothammedium", sans-serif;
      font-size: 13px;
      font-size: 1.2rem;
      line-height: 1em;
      color: #6d6e71;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      -moz-transform: translateZ(0);
      transform: translateZ(0);
      text-decoration: none; }
  .phone-plan-selector .phone-plan-selector-button:hover,
  .phone-plan-selector .phone-plan-selector-button-active {
    border: 4px solid #b71234;
    background: #fff;
    text-decoration: none;
    outline: none; }
    .phone-plan-selector .phone-plan-selector-button:hover .price,
    .phone-plan-selector .phone-plan-selector-button-active .price {
      color: #00a9e0; }
  .phone-plan-selector .modal .selection-text h2 {
    font-family: "gothambook", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: black;
    margin-top: 0; }
  .phone-plan-selector .modal p.cost {
    font-size: 30px;
    color: #00a9e0;
    line-height: 30px;
    font-family: "gothammedium", sans-serif;
    margin-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .phone-plan-selector .phone-plan-selector-button {
      height: auto;
      margin: 5px 5px 10px; }
      .phone-plan-selector .phone-plan-selector-button .price {
        white-space: normal; }
    .phone-plan-selector .phone-plan-selection-button-group .button-container {
      width: 100%; } }
  @media screen and (max-width: 480px) {
    .phone-plan-selector .modal .modal-content {
      width: auto; } }

.show-smallworld,
.show-nolimits {
  display: none; }

.IsInEditingMode .show-smallworld,
.IsInEditingMode .show-nolimits {
  display: block; }

.display-smallworld .show-smallworld {
  display: block; }

.display-nolimits .phone-plan-feature-panel {
  background: #6d6e71;
  color: white; }

.display-nolimits .show-nolimits {
  display: block; }

#NewsReleaseListing:after {
  content: "";
  display: table;
  clear: both; }

#NewsReleaseListing h1 {
  font-size: 1.9em;
  text-align: left;
  -moz-animation: none; }

#NewsReleaseListing article {
  padding-bottom: 50px; }

@media (max-width: 768px) {
  #NewsReleaseListing {
    padding: 0 10px; } }

.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }
  .flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc; }
    .flip-clock-wrapper a:hover {
      color: #fff; }
  .flip-clock-wrapper ul {
    list-style: none; }
  .flip-clock-wrapper.clearfix {
    *zoom: 1; }
    .flip-clock-wrapper.clearfix:before {
      content: " ";
      display: table; }
    .flip-clock-wrapper.clearfix:after {
      content: " ";
      display: table;
      clear: both; }

/* Main */
.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }
  .flip-clock-meridium a {
    color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em; }
  .flip-clock-wrapper:before {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .flip-clock-wrapper:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
    clear: both; }
  .flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    background: #000; }
    .flip-clock-wrapper ul li {
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      line-height: 87px;
      text-decoration: none !important; }
      .flip-clock-wrapper ul li:first-child {
        z-index: 2; }
      .flip-clock-wrapper ul li a {
        display: block;
        height: 100%;
        -webkit-perspective: 200px;
        -moz-perspective: 200px;
        perspective: 200px;
        margin: 0 !important;
        overflow: visible !important;
        cursor: default !important; }
        .flip-clock-wrapper ul li a div {
          z-index: 1;
          position: absolute;
          left: 0;
          width: 100%;
          height: 50%;
          font-size: 80px;
          overflow: hidden;
          outline: 1px solid transparent; }
          .flip-clock-wrapper ul li a div .shadow {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 2; }
          .flip-clock-wrapper ul li a div.up {
            -webkit-transform-origin: 50% 100%;
            -moz-transform-origin: 50% 100%;
            -ms-transform-origin: 50% 100%;
            -o-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
            top: 0; }
            .flip-clock-wrapper ul li a div.up:after {
              content: "";
              position: absolute;
              top: 44px;
              left: 0;
              z-index: 5;
              width: 100%;
              height: 3px;
              background-color: #000;
              background-color: rgba(0, 0, 0, 0.4); }
          .flip-clock-wrapper ul li a div.down {
            -webkit-transform-origin: 50% 0;
            -moz-transform-origin: 50% 0;
            -ms-transform-origin: 50% 0;
            -o-transform-origin: 50% 0;
            transform-origin: 50% 0;
            bottom: 0;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px; }
          .flip-clock-wrapper ul li a div div.inn {
            position: absolute;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 200%;
            color: #ccc;
            text-shadow: 0 1px 2px #000;
            text-align: center;
            background-color: #333;
            border-radius: 6px;
            font-size: 70px; }
          .flip-clock-wrapper ul li a div.up div.inn {
            top: 0; }
          .flip-clock-wrapper ul li a div.down div.inn {
            bottom: 0; }
    .flip-clock-wrapper ul.play li.flip-clock-before {
      z-index: 3; }
  .flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }
  .flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5; }

/* Skeleton */
/* PLAY */
.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }
  .flip-clock-divider:first-child {
    width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }
  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }
  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }
  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }
  100% {
    transform: rotateX(0deg); } }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }
  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }
  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }
  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

/* SHADOW */
/*DOWN*/
@-webkit-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

#SupportingOrganization h1 {
  text-align: left;
  font-size: 1.9em; }

#SupportingOrganization .list-group .list-group-item {
  height: 64px;
  font-size: 24px; }
  #SupportingOrganization .list-group .list-group-item img {
    max-height: 64px;
    margin-right: 10px; }

#SupportingOrganization .organization img.CompanyPhoto {
  max-width: 250px;
  padding: 0 0 10px 10px;
  float: right; }

@media (max-width: 568px) {
  #SupportingOrganization .list-group {
    height: inherit;
    font-size: 20px; }
    #SupportingOrganization .list-group .list-group-item {
      font-size: 20px;
      line-height: 22px;
      height: inherit; }
      #SupportingOrganization .list-group .list-group-item img {
        display: none; }
  #SupportingOrganization .organization img.CompanyPhoto {
    max-width: 50%; } }

h2.hubheadlinewhite {
  font-family: 'gothammedium';
  font-size: 40px;
  color: white;
  line-height: 44px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  min-height: 44px; }

h2.hubheadlinered {
  font-family: 'gothammedium';
  font-size: 48px;
  color: #b71234;
  line-height: 57px;
  min-height: 44px;
  text-transform: uppercase; }

h2.hubheadlineredbold55 {
  font-family: 'gothambold';
  font-size: 55px;
  color: #b71234;
  line-height: 57px;
  margin-top: 0; }

h2.hubheadlineblack {
  font-family: 'gothammedium';
  font-size: 48px;
  color: #000000;
  line-height: 57px;
  min-height: 44px;
  text-transform: uppercase; }

h2.hubheadlinedrkgray {
  font-family: 'gothammedium';
  font-size: 48px;
  color: #6D6E71;
  line-height: 57px;
  min-height: 44px;
  text-transform: uppercase; }

h2.hubheadlineredbold34 {
  font-family: 'gothambold';
  font-size: 34px;
  color: #b71234;
  margin-top: 0; }

h2.hubheadlinewhitebold34 {
  font-family: 'gothambold';
  font-size: 34px;
  color: white;
  margin-top: 0; }

h3.hubsubheadwhite {
  font-family: 'gothammedium';
  font-size: 24px;
  line-height: 30px;
  min-height: 30px;
  color: white;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

h3.hubsubheadred {
  font-family: 'gothammedium';
  font-size: 24px;
  line-height: 30px;
  min-height: 30px;
  color: #b71234;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

h3.hubsubheadredbold13 {
  font-family: 'gothambold';
  font-size: 13px;
  line-height: 20px;
  color: #b71234;
  margin-top: 0px; }

h3.hubsubheadredbold34 {
  font-family: 'gothambold';
  font-size: 34px;
  line-height: 30px;
  color: #b71234; }

h3.hubsubheadwhitebold34 {
  font-family: 'gothambold';
  font-size: 34px;
  line-height: 30px;
  color: white; }

h3.hubsubheadA4graybold34 {
  font-family: 'gothambold';
  font-size: 34px;
  line-height: 30px;
  color: #a4a4a4; }

h3.hubsubheadred21 {
  font-family: 'gothammedium';
  font-size: 21px;
  line-height: 28px;
  color: #b71234;
  margin-top: 5px; }

.hubsubheadred21 {
  font-family: 'gothammedium';
  font-size: 21px;
  line-height: 28px;
  color: #b71234; }

h3.hubsubheadblack {
  font-family: 'gothammedium';
  font-size: 24px;
  line-height: 30px;
  min-height: 30px;
  color: #BBBDC0;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

h3.hubsubheaddrkgray {
  font-family: 'gothammedium';
  font-size: 24px;
  line-height: 30px;
  min-height: 30px;
  color: #6D6E71;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

h3.hubsubheaddrkgray21 {
  font-family: 'gothammedium';
  font-size: 21px;
  line-height: 29px;
  color: #6f6f71;
  letter-spacing: 75%; }

h3.A4gray55bold {
  font-family: 'gothambold';
  font-size: 55px;
  line-height: 29px;
  color: #A4A4A4;
  letter-spacing: 75%; }

h4.hubsubheadredbold13 {
  font-family: 'gothambold';
  font-size: 13px;
  line-height: 30px;
  color: #b71234;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

p.hubcopy {
  font-size: 16px;
  line-height: 20px; }

.hubbtn {
  padding: 0 2.45rem;
  font-size: 16px;
  display: inline-block;
  line-height: 3.9rem;
  font-family: 'gothammedium';
  text-transform: uppercase;
  letter-spacing: .1em;
  border: 1px solid transparent; }

.hubdarkbtn {
  color: white;
  background-color: #b71234; }

.hubdarkbtn:hover {
  background-color: white;
  color: #b71234; }

.hublightbtn {
  background-color: white;
  color: #b71234; }

.hublightbtn:hover {
  color: white;
  background-color: #b71234; }

.hubbluebtn {
  background-color: #15a8e0;
  color: white; }

.hubbluebtn:hover {
  color: #15a8e0;
  background-color: white; }

.hubyellowbtn {
  color: #000;
  background-color: #ffcd00;
  border-color: #ffcd00; }

.hubyellowbtn:hover {
  color: #000;
  background-color: #fceeb9;
  border-color: #fceeb9; }

#hubvimeorowcontainer {
  display: table; }

#hubvimeorowcontainer .hubvimeorowcell {
  display: table-cell;
  width: 50%; }

.white3pxborderleft {
  border-left: 3px solid white; }

.white3pxborderright {
  border-right: 3px solid white; }

/* RED BACKGROUND / WHITE TEXT */
.hubwhitegraygrad {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+12,b6b7b7+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(100%, #b6b7b7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 12%, #b6b7b7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b7b7',GradientType=0 );
  /* IE6-9 */ }

.hubtriocomponent {
  height: 328px; }

.hub-ms-slide-6col-right {
  padding: 40px 10px 10px 0; }

.padding-30px-topbottom {
  padding-top: 30px;
  padding-bottom: 30px; }

.button60percleft {
  margin: 40px auto 20px 60%; }

.topmargin40 {
  margin-top: 40px; }

.topmargin80 {
  margin-top: 80px; }

.rightmargin40 {
  margin-right: 40px; }

.leftmargin40 {
  margin-left: 40px; }

.leftmargin30 {
  margin-left: 30px; }

.nobelow480 {
  display: block; }

.yesbelow480 {
  display: none; }

.buttonfloatright {
  float: right;
  margin-right: 70px; }

img.faqicon {
  width: 96px; }

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  padding-bottom: 14px; }

h3.hubsubheadwhite21 {
  color: white !important;
  font-family: 'gothambook';
  font-size: 17px !important;
  line-height: 26px !important; }

.backblue {
  background-color: #00a9e0; }

.backteal {
  background-color: #27bbb2; }

.backdarkred {
  background-color: #831525; }

.backyellow {
  background-color: #ffcb08; }

.backred {
  background-color: #b71234; }

.grayback {
  background-color: #d7d7d7; }

.grayback {
  background-color: #d7d7d7; }

.offwhiteback {
  background-color: whitesmoke; }

@media only screen and (max-width: 1184px) {
  .nobelow1184 {
    display: none; } }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .trio-leftdiv {
    padding-left: 34px; }
  .padleft-50px {
    padding-left: 0; }
  .padright-50px {
    padding-right: 0; }
  .nobelow992 {
    display: none; }
  h2.hubheadlinewhite {
    font-family: 'gothammedium';
    font-size: 40px;
    color: white;
    line-height: 44px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .leftmargin40sm {
    margin-left: unset;
    text-align: center; }
  .topmargin80 {
    margin-top: 20px; }
  .white8pxbottomborder {
    border-bottom: 8px solid white; }
  .white3pxborderleft {
    border-left: 0 solid white; }
  .white3pxborderright {
    border-right: 0 solid white; }
  .marginbottom12px {
    margin-bottom: 12px; }
  h3.hubsubheaddrkgray21 {
    font-family: 'gothambook';
    font-size: 17px;
    line-height: 26px;
    color: white;
    letter-spacing: 75%; }
  .hubtriocomponent {
    height: unset; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .hubslide1 {
    background-image: none !important;
    background-color: #b71234;
    color: white !important; }
  .hubslide2 {
    background-image: none !important;
    background-color: #b71234;
    color: white !important; }
  .hubslide3 {
    background-image: none !important;
    background-color: #b71234;
    color: white !important; }
  .ms-slide {
    background-image: none !important; }
  .nobelow480 {
    display: none; }
  .yesbelow480 {
    display: block; }
  h3.hubsubheadwhite {
    display: none; }
  .backblueunder480 {
    background-color: #00a9e0; }
  .hub-ms-slide-padding {
    padding: 30px;
    text-align: center; }
  .vimeorowcol {
    padding: 15px 17px; }
  .hubsubheadred21 {
    font-size: 18px; } }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .nobelow320 {
    display: none; } }

.faqComponent h2 {
  color: #555;
  font-family: "myriad-pro-n3", "myriad-pro", Calibri, Tahoma, Trebuchet, sans-serif;
  font-size: 2.25em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.16666666666667;
  margin: .5em 0; }

.faqComponent dl.accordion {
  border-bottom: #d6d6d6 1px solid;
  margin: 32px 0; }
  .faqComponent dl.accordion dt {
    padding: 8px 0 8px 20px;
    font-family: "gothammedium", sans-serif;
    font-style: normal;
    color: #AA0023;
    font-size: 1.28571em;
    border-top: #d6d6d6 1px solid;
    background: url("/images/arrow-open.png") left center no-repeat;
    cursor: pointer; }
    .faqComponent dl.accordion dt.collapsed {
      background: url("/images/arrow-closed.png") left center no-repeat; }
  .faqComponent dl.accordion dd {
    margin: 0;
    padding: 0 0 12px 20px; }

.faqComponent.backLightGrey dl.accordion dd {
  margin: 0 20px 20px 20px;
  padding: 20px;
  background-color: #bbbdc0; }

.faqEditMargin {
  margin: 0 15px; }

#printme {
  display: none; }

.hideonarticleonly {
  display: block !important; }

/*will only show print icon when launched from Support pages, and will hide on article only pages*/
.articleonly {
  max-width: none !important; }

@media print {
  body {
    width: 100%; }
  .nav-bars, .container.footer {
    display: none !important; }
  .headerpadding {
    padding: 0 !important; }
    .headerpadding .bs-docs-section {
      /* display:none!important; */ }
  .resp-tab-content {
    font-size: 12px; }
  .btn-toolbar, .hideonprint, .footerpanel, .panel-footer {
    display: none; }
  .show-for-print {
    visibility: visible; }
  .footderdivs {
    display: none; }
  .modal-dialog {
    width: 100%; }
  .yesundertwelve {
    display: none; }
  .modal {
    visibility: visible !important;
    overflow: visible;
    width: 100% !important;
    overflow-y: visible !important; }
  .modal-content {
    overflow: visible;
    width: 100% !important;
    page-break-before: always;
    border: 0px Transparent solid !important; }
  .modal-article-content {
    max-height: none !important;
    padding: 30px;
    overflow: visible !important;
    overflow-x: visible !important;
    width: 100% !important;
    display: block;
    page-break-before: always; }
    .modal-article-content h1 {
      font-size: 30px; }
  .modal-dialog {
    overflow: visible !important;
    overflow-x: visible !important;
    width: 100% !important;
    display: block;
    page-break-before: always; }
  #sidebar {
    display: none; }
  article.hentry {
    width: 100%; }
    article.hentry img {
      width: 60%;
      height: auto !important; }
  #main {
    width: 100% !important; }
  button.close {
    display: none; }
  #printme {
    display: block !important; }
  .hideonarticleonly {
    display: none !important; } }

.hero-carousel {
  /*RED THEME*/
  /* controls */
  /* retina */
  /* END RED THEME */ }
  .hero-carousel .hub-red-skin-container {
    padding: 0 50px;
    background-color: #b71234; }
  .hero-carousel .hub-lgrey-skin-container {
    padding: 0 50px;
    background-color: #BBBDC0; }
  .hero-carousel .hub-dgrey-skin-container {
    padding: 0 50px;
    background-color: #6D6E71; }
  .hero-carousel .hub-classic-skin-container {
    padding: 0; }
    .hero-carousel .hub-classic-skin-container .hub-ms-skin-red .ms-nav-next,
    .hero-carousel .hub-classic-skin-container .hub-ms-skin-red .ms-nav-prev {
      background: url(/images/light-skin-1.png);
      width: 30px;
      height: 60px;
      background-position: -89px -16px;
      cursor: pointer;
      top: 48%;
      left: 0;
      margin-top: -20px;
      position: absolute;
      z-index: 110;
      opacity: 1 !important;
      display: block; }
    .hero-carousel .hub-classic-skin-container .hub-ms-skin-red .ms-nav-next {
      background-position: -89px -93px;
      right: 0;
      left: inherit; }
    .hero-carousel .hub-classic-skin-container .ms-bullets-count {
      border-bottom: 40px solid transparent;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      height: 1px;
      width: auto;
      margin-top: 28%; }
  .hero-carousel .hub-dgrey-skin-container .ms-nav-next,
  .hero-carousel .hub-dgrey-skin-container .ms-nav-prev {
    background: url(/images/hub-drkgray-theme.png);
    width: 30px;
    background-position: -90px -7px;
    height: 76px;
    cursor: pointer;
    top: 45%;
    left: 0;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
    opacity: 1 !important;
    display: block; }
  .hero-carousel .hub-lgrey-skin-container .ms-nav-next,
  .hero-carousel .hub-lgrey-skin-container .ms-nav-prev {
    background: url(/images/hub-ltgray-theme.png);
    width: 30px;
    background-position: -90px -7px;
    height: 76px;
    cursor: pointer;
    top: 45%;
    left: 0;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
    opacity: 1 !important;
    display: block; }
  .hero-carousel .hub-ms-skin-red .hub-ms-slide .hub-ms-slide-vpbtn,
  .hero-carousel .hub-ms-skin-red .hub-ms-video-btn {
    width: 50px;
    height: 51px;
    background: url(/images/hub-light-skin-red.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px; }
  .hero-carousel .hub-ms-skin-red .hub-ms-slide .hub-ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(/images/hub-light-skin-red.png) no-repeat -24px -28px;
    top: 18px;
    right: 30px; }
  .hero-carousel .ms-nav-next, .hero-carousel .ms-nav-prev {
    width: 30px;
    background: url(/images/hub-light-skin-red.png);
    background-position: -90px -7px;
    height: 76px;
    cursor: pointer;
    top: 45%;
    left: 0;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
    opacity: 1 !important;
    display: block; }
  .hero-carousel .hub-ms-skin-red .ms-nav-next {
    right: -1px;
    left: auto;
    background-position: -89px -84px; }
  .hero-carousel .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 0;
    right: 45%;
    margin-right: auto;
    margin-left: auto;
    min-height: 1em;
    display: block;
    width: auto !important; }
  .hero-carousel .ms-bullets-count {
    border-bottom: 40px solid white;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    height: 1px; }
  .hero-carousel .hub-ms-skin-red .ms-bullet {
    width: 17px;
    height: 17px;
    background: url(/images/hub-light-skin-red.png) no-repeat;
    margin-top: 12px !important;
    background-position: -30px -113px; }
  .hero-carousel .hub-ms-skin-red .ms-bullet-selected {
    background-position: -30px -81px; }
  .hero-carousel .hub-ms-skin-red .hub-ms-time-bar {
    height: 3px;
    background: #FFFFFF;
    border-top: solid 1px rgba(0, 0, 0, 0.41); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .hero-carousel .hub-ms-skin-red .ms-slide .ms-slide-vpbtn,
    .hero-carousel .hub-ms-skin-red .ms-video-btn,
    .hero-carousel .hub-ms-skin-red .ms-slide .ms-slide-vcbtn,
    .hero-carousel .hub-ms-skin-red .ms-nav-next,
    .hero-carousel .hub-ms-skin-red .ms-nav-prev,
    .hero-carousel .hub-ms-skin-red .ms-bullet {
      background-image: url(/images/light-skin-1-retina-red.png);
      background-size: 152px 225px; } }
  .hero-carousel .padright-4px {
    padding-right: 4px; }
  .hero-carousel .padleft-4px {
    padding-left: 4px; }
  .hero-carousel .hub-ms-slide-red {
    background-color: #aa0023; }
  .hero-carousel .hub-ms-slide-yellow {
    background-color: #ffcb08; }
  .hero-carousel .swiper-single .ms-bullets,
  .hero-carousel .swiper-single .ms-nav-next,
  .hero-carousel .swiper-single .ms-nav-prev {
    display: none !important; }
  .hero-carousel .swiper-single .ms-slide,
  .hero-carousel .swiper-single .ms-grab-cursor,
  .hero-carousel .swiper-single .ms-grabbing-cursor {
    cursor: auto; }

@media (max-width: 1042px) {
  .hero-carousel h3.swiper {
    font-family: 'gothambold';
    font-size: 29px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0; }
  .hero-carousel .swipercopy {
    font-family: 'gothammedium';
    font-size: 1.2rem;
    line-height: 1.3em; }
  .hero-carousel .swipercomponent {
    padding: 0; }
  .hero-carousel .hub-master-slider .swipercontentdiv {
    padding: 25px; } }

@media (max-width: 894px) {
  .hero-carousel h3.swiper {
    font-family: 'gothambold';
    font-size: 26px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0; }
  .hero-carousel .swipercontentdiv {
    padding: 20px 15px; } }

@media (max-width: 805px) {
  .hero-carousel h3.swiper {
    font-family: 'gothambold';
    font-size: 23px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0; }
  .hero-carousel .trio-leftdiv {
    padding: 15px; }
  .hero-carousel .trio-rightdiv {
    padding: 15px;
    text-align: center; } }

@media (max-width: 767px) {
  .hero-carousel .swiperContainer img {
    max-width: 100%; }
  .hero-carousel .swiperContainer .col-xs-8 {
    width: auto; }
  .hero-carousel .swiperContainer .col-xs-4 {
    width: auto; }
  .hero-carousel .swiperContainer .swipercompcontent {
    min-height: 0; }
  .hero-carousel .swiperContainer .btn-userdefined {
    float: none;
    display: inline; }
  .hero-carousel .swiperContainer .swipercontentdiv .btn-userdefined {
    display: inline-block; }
  .hero-carousel h3.swiper {
    font-family: 'gothambold';
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 0; }
  .hero-carousel .swipercopy {
    font-family: 'gothammedium';
    font-size: 14px;
    line-height: 1.4em; }
  .hero-carousel .padright-4px {
    padding-right: 0;
    padding-bottom: 0px; }
  .hero-carousel .padleft-4px {
    padding-left: 0; }
  .hero-carousel .arrow_box_red_2left:after, .hero-carousel .arrow_box_red_2left:before,
  .hero-carousel .arrow_box_wht_2left:after, .hero-carousel .arrow_box_wht_2left:before,
  .hero-carousel .arrow_box_red_2right:after, .hero-carousel .arrow_box_red_2right:before,
  .hero-carousel .arrow_box_wht_2right:after, .hero-carousel .arrow_box_wht_2right:before {
    display: none; }
  .hero-carousel .ms-bullets-count {
    border-bottom: 40px solid transparent;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    height: 1px;
    width: auto;
    margin-top: 28%; } }

@media (max-width: 500px) {
  .hero-carousel h3.swiper {
    font-family: 'gothambold';
    font-size: 18px;
    line-height: 1.2em;
    text-transform: uppercase; }
  .hero-carousel .swipercopy {
    font-family: 'gothambook';
    font-size: 14px;
    line-height: 1.4em;
    padding: 4% 0; }
  .hero-carousel .swipercontentdiv {
    text-align: center; }
  .hero-carousel .hub-ms-skin-red .hub-ms-nav-next,
  .hero-carousel .hub-ms-skin-red .hub-ms-nav-prev {
    opacity: 1;
    display: block; }
  .hero-carousel p.p1 {
    font-size: 1em; } }

.hero-carousel {
  /*HUB SWIPER THEMES*/
  /* RED BACKGROUND / WHITE TEXT */
  /* controls */ }
  .hero-carousel .hub-ms-skin-red .hub-ms-nav-next-red,
  .hero-carousel .hub-ms-skin-red .hub-ms-nav-prev-red {
    width: 30px;
    background: url(/images/hub-light-skin-red.png);
    background-position: -90px -7px;
    height: 76px;
    cursor: pointer;
    top: 45%;
    left: 0;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
    opacity: 1; }
  .hero-carousel .hub-ms-skin-red .hub-ms-nav-next-red {
    right: 0;
    left: auto;
    background-position: -89px -84px; }
  .hero-carousel .hub-ms-skin-red .ms-bullet-red {
    width: 17px;
    height: 17px;
    background: url(/images/hub-light-skin-red.png) no-repeat;
    margin: 4px;
    background-position: -30px -113px; }
  .hero-carousel .hub-master-slider-pillars {
    border-right: 50px #b71234 solid;
    border-left: 50px #b71234 solid; }
  .hero-carousel .hubslide1 {
    background-image: url(/images/nextgenservice1Gig.jpg);
    background-position: center; }
  .hero-carousel .hubslide2 {
    background-image: url(/images/first1Gig.jpg); }
  .hero-carousel .hubslide3 {
    background-image: url(/images/anchorage1Gig.jpg); }
  .hero-carousel .hub-ms-slide-padding {
    padding: 40px 50px; }
  .hero-carousel .ms-slide {
    background-size: cover;
    background-position: center center; }
  .hero-carousel .ms-slide.ms-slide-lightgray {
    background-color: #BBBDC0; }
  .hero-carousel .ms-slide.ms-slide-white {
    background-color: #ffffff; }
  .hero-carousel .ms-slide.ms-slide-red {
    background-color: #B71234; }
  .hero-carousel .ms-slide.ms-slide-yellow {
    background-color: #ffcb08; }
  .hero-carousel .ms-slide.ms-slide-darkred {
    background-color: #831525; }
  .hero-carousel .ms-slide.ms-slide-teal {
    background-color: #27bbb2; }

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .hero-carousel .hub-red-skin-container,
  .hero-carousel .hub-lgrey-skin-container,
  .hero-carousel .hub-dgrey-skin-container {
    padding: 0 30px; } }

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .hero-carousel .hub-ms-slide-6col-right {
    padding: 40px; }
  .hero-carousel .ms-nav-next, .hero-carousel .ms-nav-prev {
    width: 30px;
    background: url(/images/hub-light-skin-red.png);
    background-position: -90px -7px;
    height: 76px;
    cursor: pointer;
    top: 23%;
    left: 0;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
    opacity: .60 !important;
    display: block; } }

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .hero-carousel .hub-red-skin-container,
  .hero-carousel .hub-lgrey-skin-container,
  .hero-carousel .hub-dgrey-skin-container {
    padding: 0 0;
    background-color: transparent; }
  .hero-carousel .hubslide1 {
    background-image: none !important;
    background-color: #b71234;
    color: white !important; }
  .hero-carousel .hubslide2 {
    background-image: none !important;
    background-color: #b71234;
    color: white !important; }
  .hero-carousel .hubslide3 {
    background-image: none !important;
    background-color: #b71234;
    color: white !important; }
  .hero-carousel .ms-slide {
    background-image: none !important; }
  .hero-carousel .nobelow480 {
    display: none; }
  .hero-carousel .yesbelow480 {
    display: block; }
  .hero-carousel h3.hubsubheadwhite {
    display: none; }
  .hero-carousel .backblueunder480 {
    background-color: #00a9e0; }
  .hero-carousel .hub-ms-slide-padding {
    padding: 0;
    text-align: left; }
  .hero-carousel .ms-slide-content-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px 35px 0 35px;
    margin: 0; }
    .hero-carousel .ms-slide-content-container h2 {
      font-size: 16px;
      line-height: 18px; }
  .hero-carousel .vimeorowcol {
    padding: 15px 17px; }
  .hero-carousel .hubsubheadred21 {
    font-size: 18px; } }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .hero-carousel .nobelow320 {
    display: none; } }

.newsrelease-widget {
  height: 100%; }
  .newsrelease-widget .newsrelease-widget-title {
    font-size: 36px;
    font-family: 'gothammedium';
    margin: 0 auto 0 auto;
    text-align: center; }
  .newsrelease-widget .newsrelease-widget-break {
    background-color: white;
    width: 90%; }
  .newsrelease-widget .newsrelease-widget-list-item {
    list-style: none; }
  .newsrelease-widget .newsrelease-widget-list-item-link {
    font-family: 'gothambook';
    font-size: 17px;
    line-height: 26px; }
    .newsrelease-widget .newsrelease-widget-list-item-link:before {
      content: "» "; }
  .newsrelease-widget .newsReleaseEdit {
    display: block;
    min-height: 500px; }
  .newsrelease-widget.yellow .newsrelease-widget-title {
    color: black; }
  .newsrelease-widget.yellow .newsrelease-widget-break {
    background-color: black; }
  .newsrelease-widget.yellow .newsrelease-widget-list-item {
    color: black; }
  .newsrelease-widget.yellow .newsrelease-widget-list-item-link {
    color: black; }
    .newsrelease-widget.yellow .newsrelease-widget-list-item-link:hover {
      color: black; }

.text-component {
  /*padding: 15px; 

    h1{
        margin: 5px;
        padding: 0px;
        color: inherit;
    }
    h2 {
    font-size: 30px;
    line-height: 30px;
    margin-top: 0;
    font-family: "gothammedium",sans-serif;
    text-transform: uppercase;
     color: inherit;
    }

    ul, ol {
    margin-top: 0;
    margin-bottom: 10.5px;
}
   h1, h2, ul, ol, a, p, div, button {
         color: inherit;
    }
   */ }
  .text-component .btn-userdefined {
    float: none;
    display: inline-block;
    color: #333;
    word-spacing: .1em;
    letter-spacing: 1px;
    background: #fff;
    border-color: #333; }
    .text-component .btn-userdefined a {
      color: #333; }
  .text-component .btn-userdefined:hover {
    color: #fff;
    background: #aa0023;
    border-color: #fff; }
    .text-component .btn-userdefined:hover a,
    .text-component .btn-userdefined:hover a:hover {
      color: #fff;
      text-decoration: none; }
  .text-component .btn-userdefined-red {
    color: #fff;
    background: #aa0023;
    border-color: #fff; }
  .text-component .btn-userdefined-red:hover {
    color: #aa0023;
    background: #fff;
    border-color: #aa0023; }
  .text-component img {
    max-width: 100%;
    height: auto; }

.text-component-red {
  background: #b71234; }
  .text-component-red a {
    color: #fff; }

.iphone6 .grayback {
  background: #F8F8F8 none repeat scroll 0% 0%; }
  .iphone6 .grayback img {
    max-width: 100%;
    height: auto; }

.iphone6 .inside-full-height {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.iphone6 .row {
  margin-bottom: 6px; }

.iphone6 .content {
  color: black;
  padding: 0 32px; }

.iphone6 .row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%; }

.iphone6 .col-height {
  display: table-cell;
  float: none;
  height: 100%; }

.iphone6 .col-top {
  vertical-align: top; }

.iphone6 .col-middle {
  vertical-align: middle; }

.iphone6 .col-bottom {
  vertical-align: bottom; }

.iphone6 h3.community {
  font-family: "gothambold";
  font-size: 34px;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: -.5px; }

.iphone6 .bigmargbtm {
  margin-bottom: 96px; }

.iphone6 .bigmargtop {
  margin-top: 48px; }

.iphone6 .bigpadtop {
  padding-top: 78px; }

.iphone6 .bigpadright {
  padding-right: 23%; }

.iphone6 .communitycompcontent {
  width: 100%;
  font-family: "gothammedium";
  font-size: 14px;
  line-height: 18px; }

.iphone6 .bigback {
  background-color: #f8f8f8;
  background-image: url(~/media/images/gci/offer/apple/ihonecloseup.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 75%; }

.iphone6 .appleunderswipertext {
  font-family: 'gothambook';
  font-size: 21px;
  line-height: 25px;
  margin: 30px auto;
  text-align: center; }

.iphone6 .maincopy {
  padding: 26px;
  font-size: 21px;
  width: 632px; }

@media (max-width: 768px) {
  .iphone6 .bigmargbtm {
    margin-bottom: 0px; }
  .iphone6 .bigmargtop {
    margin-top: 0px; }
  .iphone6 .bigpadright {
    padding-right: 0; }
  .iphone6 .bigpadtop {
    padding-top: 22px; }
  .iphone6 .bigback {
    background-color: #f8f8f8;
    background-image: none; }
  .iphone6 h3.community {
    font-family: "gothambold";
    font-size: 34px;
    line-height: 32px;
    text-transform: uppercase;
    margin-top: 0px; }
  .iphone6 .communitycompcontent {
    padding: 0 0 0 0;
    font-family: "gothammedium";
    font-size: 14px;
    line-height: 18px; } }

@media (max-width: 768px) {
  .iphone6 .content {
    text-align: center; }
  .iphone6 .textcenteredonmobile {
    text-align: center; }
  .iphone6 img.imgcenteredonmobile {
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 480px) {
  .iphone6 .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .iphone6 .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .iphone6 .col-xs-top {
    vertical-align: top; }
  .iphone6 .col-xs-middle {
    vertical-align: middle; }
  .iphone6 .col-xs-bottom {
    vertical-align: bottom; } }

@media (min-width: 768px) {
  .iphone6 .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .iphone6 .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .iphone6 .col-sm-top {
    vertical-align: top; }
  .iphone6 .col-sm-middle {
    vertical-align: middle; }
  .iphone6 .col-sm-bottom {
    vertical-align: bottom; } }

@media (min-width: 992px) {
  .iphone6 .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .iphone6 .col-md-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .iphone6 .col-md-top {
    vertical-align: top; }
  .iphone6 .col-md-middle {
    vertical-align: middle; }
  .iphone6 .col-md-bottom {
    vertical-align: bottom; } }

@media (min-width: 1200px) {
  .iphone6 .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .iphone6 .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .iphone6 .col-lg-top {
    vertical-align: top; }
  .iphone6 .col-lg-middle {
    vertical-align: middle; }
  .iphone6 .col-lg-bottom {
    vertical-align: bottom; } }

#stickycontact {
  display: none;
  /* by default, stickycontact is hidden. we delay visibility until chat button load */
  right: -157px;
  position: fixed;
  top: 45%;
  width: 213px;
  z-index: 111;
  -webkit-transition: right ease-out .3s;
  -moz-transition: right ease-out .3s;
  -o-transition: right ease-out .3s;
  transition: right ease-out .3s; }
  #stickycontact.fullhover {
    right: 0px; }
  #stickycontact #stickyChat {
    display: none; }
  #stickycontact a.stickyItem {
    background-image: url("/images/sticky_bg.png");
    width: 100%;
    height: 52px;
    display: block;
    position: relative;
    left: 0px; }
    #stickycontact a.stickyItem:last-child {
      border-bottom: 0px solid transparent;
      background-image: url("/images/sticky_bgbottom.png");
      background-color: transparent;
      left: 0;
      padding-bottom: 4px;
      height: 57px; }
    #stickycontact a.stickyItem:first-child {
      border-bottom: 0px solid transparent;
      background-image: url("/images/sticky_bgtop.png");
      background-color: transparent;
      left: 0;
      padding-top: 4px;
      height: 57px;
      box-shadow: 0px 0px 0px 0px transparent;
      z-index: 20;
      bottom: 0px;
      margin-top: 0px; }
    #stickycontact a.stickyItem.popOut div {
      padding-left: 16px; }
      #stickycontact a.stickyItem.popOut div p {
        font-size: 12px; }
  #stickycontact a p {
    font-family: gothammedium;
    font-size: 16px;
    line-height: 49px;
    color: #fff;
    display: block;
    float: left;
    margin: 0;
    padding-left: 4px; }
  #stickycontact a img {
    float: left;
    padding: 6px 6px 6px 13px; }

@media screen and (max-width: 768px) {
  #stickycontact {
    top: initial;
    left: 0px;
    bottom: 0px;
    width: 100%;
    box-shadow: 0px 4px 20px 4px #000;
    background-color: #00a9e0;
    height: 50px; }
    #stickycontact a {
      height: 50px;
      background-image: none;
      width: 100%;
      float: left;
      background-color: #00a9e0;
      left: 0px;
      border-bottom: 0px;
      border-left: 1px solid #fff;
      box-shadow: 0px 0px 0px 0px transparent;
      padding-top: 0px;
      bottom: 0px;
      margin-top: 0px; }
      #stickycontact a.stickyItem {
        background-image: none; }
        #stickycontact a.stickyItem:last-child, #stickycontact a.stickyItem:first-child {
          background-image: none; }
      #stickycontact a:last-child, #stickycontact a:first-child {
        height: 50px;
        background-image: none;
        width: 33%;
        float: left;
        background-color: #00a9e0;
        left: 0px;
        border-bottom: 0px;
        border-left: 1px solid #fff;
        box-shadow: 0px 0px 0px 0px transparent;
        padding-top: 0px;
        bottom: 0px;
        margin-top: 0px; }
        #stickycontact a:last-child .wrapper, #stickycontact a:first-child .wrapper {
          overflow: hidden; }
      #stickycontact a .wrapper {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        text-align: center; }
    #stickycontact.fourelem a {
      width: 24.5%; }
      #stickycontact.fourelem a:last-child, #stickycontact.fourelem a:first-child {
        width: 24.5%; }
      #stickycontact.fourelem a p {
        display: none; }
    #stickycontact.threeelem a {
      width: 33%; }
      #stickycontact.threeelem a:last-child, #stickycontact.threeelem a:first-child {
        width: 33%; }
    #stickycontact.twoelem a {
      width: 49%; }
      #stickycontact.twoelem a:last-child, #stickycontact.twoelem a:first-child {
        width: 49%; }
    #stickycontact a:first-child {
      border-left: 0px; }
    #stickycontact a:nth-child(2) {
      border-top: 0px; }
    #stickycontact a .wrapper {
      margin: 0 auto; }
    #stickycontact a img {
      padding: 6px 3px;
      float: none; }
    #stickycontact a p {
      padding-left: 0;
      font-size: 18px;
      display: none; } }

@media screen and (max-width: 400px) {
  #stickycontact {
    height: 40px;
    width: 100%; }
    #stickycontact a {
      height: 40px; }
      #stickycontact a .wrapper {
        text-align: center; }
      #stickycontact a:last-child, #stickycontact a:first-child {
        height: 40px; }
      #stickycontact a img {
        padding: 0px;
        width: 36px;
        height: 36px;
        float: none; }
      #stickycontact a p {
        line-height: 36px;
        font-size: 12px;
        display: none; } }

@media screen and (max-width: 376px) {
  #stickycontact {
    height: 40px;
    width: 375px; } }

@media screen and (max-width: 321px) {
  #stickycontact {
    height: 40px;
    width: 320px; } }

h2.hubheadlinewhitebold34 {
  font-size: 31px;
  text-transform: uppercase; }

ul.videobullets {
  width: 88%;
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  ul.videobullets li {
    font-family: "gothambook";
    font-size: 21px;
    color: white;
    margin-bottom: 16px;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 30px; }
    ul.videobullets li:before {
      content: "»";
      padding-right: 7px; }

ul.newsbullets {
  width: 88%;
  list-style: none;
  margin-left: 30px;
  padding-left: 0; }
  ul.newsbullets li {
    font-family: "gothambook";
    font-size: 16px;
    color: white;
    margin-bottom: 10px;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 22px; }
    ul.newsbullets li:before {
      content: "»";
      padding-right: 7px; }

.donthave {
  font-family: "gothambold";
  font-size: 20px;
  text-transform: uppercase;
  color: #00a9e0; }

.donthavecopy {
  font-family: "gothammedium";
  font-size: 14px;
  color: #231f20; }

.donthavecopyred {
  font-family: "gothambold";
  font-size: 14px;
  color: #b71234; }

h1.speed-header {
  font-family: "gothambold";
  font-size: 34px;
  line-height: 35px;
  color: #b71234;
  text-align: left; }

.speed-subheader {
  font-family: "gothammedium";
  font-size: 18px;
  line-height: 18px;
  color: #231f20;
  text-align: left; }

.speed-labels {
  font-family: "gothammedium";
  font-size: 18px;
  color: #6d6e71;
  margin-bottom: 0px; }

.speed-animation {
  background: white;
  padding: 20px;
  float: left;
  width: 100%;
  font-size: 20px; }
  .speed-animation .buttons .button {
    text-align: center;
    float: left;
    width: 33%;
    line-height: 120%;
    font-size: 75%;
    font-family: "gothambold"; }
    .speed-animation .buttons .button .icon {
      margin-bottom: 10px; }
  .speed-animation .progress-bars .progress-wrapper.sonic .time {
    font-family: "gothambold"; }
  .speed-animation .buttons .button small {
    font-size: 80%; }
  .speed-animation .buttons .button .icon {
    height: 50px;
    width: 50px;
    padding: 0 5px;
    /* margin: 0 auto 5px; */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #bcbec0;
    margin: 0 auto; }
    .speed-animation .buttons .button .icon img {
      width: 100%;
      height: 100%; }
  .speed-animation .buttons .button:hover, .speed-animation .buttons .button.active {
    color: #00a9e0;
    cursor: pointer; }
  .speed-animation .buttons .button:hover .icon, .speed-animation .buttons .button.active .icon {
    background-color: #00a9e0; }
  .speed-animation .progress-bars .progress-wrapper .progress-bar {
    width: 85%;
    overflow: visible !important;
    margin-bottom: 30px;
    position: relative;
    float: left;
    clear: left;
    height: 24px;
    background: #f7f7f7;
    /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMyYmFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzMyYmFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzAwOTFjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #f7f7f7 1%, #f7f7f7 42%, #d1d1d1 92%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f7f7f7), color-stop(42%, #f7f7f7), color-stop(92%, #d1d1d1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f7f7f7 1%, #f7f7f7 42%, #d1d1d1 92%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f7f7f7 1%, #f7f7f7 42%, #d1d1d1 92%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f7f7f7 1%, #f7f7f7 42%, #d1d1d1 92%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f7f7f7 1%, #f7f7f7 42%, #d1d1d1 92%);
    /* W3C */
    overflow: visible !important;
    -moz-border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px; }
    .speed-animation .progress-bars .progress-wrapper .progress-bar .progress {
      position: absolute;
      top: 0;
      left: 0;
      height: 24px;
      width: 24px;
      -moz-border-radius: 15px 0 0 15px;
      -webkit-border-radius: 15px 0 0 15px;
      border-radius: 15px 0 0 15px;
      overflow: visible !important;
      background: #c9cbcc;
      /* Old browsers */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMyYmFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzMyYmFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzAwOTFjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: -moz-linear-gradient(top, #c9cbcc 1%, #c9cbcc 42%, #a1a2a4 92%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #c9cbcc), color-stop(42%, #c9cbcc), color-stop(92%, #a1a2a4));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #c9cbcc 1%, #c9cbcc 42%, #a1a2a4 92%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #c9cbcc 1%, #c9cbcc 42%, #a1a2a4 92%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #c9cbcc 1%, #c9cbcc 42%, #a1a2a4 92%);
      /* IE10+ */
      background: linear-gradient(to bottom, #c9cbcc 1%, #c9cbcc 42%, #a1a2a4 92%);
      /* W3C */ }
  .speed-animation .progress-bars .progress-wrapper.sonic .progress {
    background: #32bae6;
    /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMyYmFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzMyYmFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzAwOTFjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #32bae6 1%, #32bae6 42%, #0091c0 92%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #32bae6), color-stop(42%, #32bae6), color-stop(92%, #0091c0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #32bae6 1%, #32bae6 42%, #0091c0 92%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #32bae6 1%, #32bae6 42%, #0091c0 92%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #32bae6 1%, #32bae6 42%, #0091c0 92%);
    /* IE10+ */
    background: linear-gradient(to bottom, #32bae6 1%, #32bae6 42%, #0091c0 92%);
    /* W3C */ }
  .speed-animation .progress-bars .progress-wrapper.sonic .time {
    color: #00a9e0; }
  .speed-animation .progress-bars .label {
    display: block;
    background-color: #6d6e71;
    width: 50px;
    text-align: center;
    z-index: 50;
    position: absolute;
    right: -25px;
    overflow: visible !important;
    color: white;
    border-radius: 0.5em; }
  .speed-animation .progress-bars .sonic .label {
    background-color: #b71234; }
  .speed-animation .progress-bars .label:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 19px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #6d6e71; }
  .speed-animation .progress-bars .sonic .label:before {
    content: "";
    border-bottom: 6px solid #b71234; }
  .speed-animation .progress-bars .time {
    float: right;
    width: 15%;
    font-size: 80%;
    font-weight: 500;
    padding: 0 0 0 10px;
    line-height: 110%; }

/*           .speed-animation .buttons {
 *     float: left;
 *     width: 100%;
 * }
 * @media (min-width: 768px) {
 *     .speed-animation .buttons {
 *         width: 40%;
 *     }
 * } */
@media (min-width: 768px) {
  .speed-animation .buttons .button {
    font-size: 80%; } }

@media (min-width: 992px) {
  .speed-animation .buttons .button {
    font-size: 90%; } }

@media (min-width: 1200px) {
  .speed-animation .buttons .button {
    font-size: 100%; } }

@media (min-width: 768px) {
  .speed-animation .buttons .button .icon {
    height: 75px;
    width: 75px;
    /*padding: 0 9px; */ } }

@media (min-width: 992px) {
  .speed-animation .buttons .button .icon {
    height: 100px;
    width: 100px;
    /*padding: 0 12px; */ } }

@media (min-width: 1200px) {
  .speed-animation .buttons .button .icon {
    height: 100px;
    width: 100px;
    /*padding: 0 12px; */ } }

/*       .speed-animation .progress-bars {
 *     float: right;
 *     width: 100%;
 *     margin: 0 0 10px;
 * }
 * @media (min-width: 768px) {
 *     .speed-animation .progress-bars {
 *         width: 60%;
 *         margin: 0;
 *     }
 * } */
@media (max-width: 768px) {
  .speed-animation .progress-bars .progress-wrapper {
    margin: 10px 0 0; } }

@media (min-width: 768px) {
  .speed-animation .progress-bars .progress-wrapper .progress-bar {
    height: 20px;
    width: 85%; } }

@media (min-width: 992px) {
  .speed-animation .progress-bars .progress-wrapper .progress-bar {
    height: 25px;
    width: 85%; } }

@media (min-width: 1200px) {
  .speed-animation .progress-bars .progress-wrapper .progress-bar {
    height: 30px;
    margin-bottom: 30px;
    width: 85%; } }

@media (min-width: 768px) {
  .speed-animation .progress-bars .progress-wrapper .progress-bar .progress {
    height: 20px;
    width: 20px; } }

@media (min-width: 992px) {
  .speed-animation .progress-bars .progress-wrapper .progress-bar .progress {
    height: 25px;
    width: 25px; } }

@media (min-width: 1200px) {
  .speed-animation .progress-bars .progress-wrapper .progress-bar .progress {
    height: 30px;
    width: 30px; } }

@media (min-width: 768px) {
  .speed-animation .progress-bars .progress-wrapper.sonic .time {
    font-size: 110%; } }

@media (min-width: 768px) {
  .speed-animation .progress-bars .label {
    margin: 1px 0 3px; } }

@media (min-width: 992px) {
  .speed-animation .progress-bars .label {
    margin: 15px 0 6px; } }

@media (min-width: 768px) {
  .speed-animation .progress-bars .time {
    width: 15%; } }

@media (min-width: 992px) {
  .speed-animation .progress-bars .time {
    width: 15%; } }

@media (min-width: 1200px) {
  .speed-animation .progress-bars .time {
    width: 15%; } }

/*.backblue {
  background-color: #00a9e0;
}
    */
.cd-pagination {
  width: 98%;
  max-width: 790px;
  margin: 2.6em auto 4.5em;
  text-align: center; }
  .cd-pagination.move-buttons {
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
    -webkit-padding-start: 0 !important; }
  .cd-pagination li {
    /* hide numbers on small devices */
    display: none;
    margin: 0 .15em;
    min-width: 40px; }
    .cd-pagination li.button {
      /* make sure prev next buttons are visible */
      display: inline-block; }
  .cd-pagination a, .cd-pagination span {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* use padding and font-size to change buttons size */
    padding: .6em .8em;
    font-size: 1.6rem; }
  .cd-pagination a {
    border: 1px solid #e6e6e6;
    border-radius: 0.15em;
    min-width: 37px; }

.no-touch .cd-pagination a:hover {
  background-color: #f2f2f2; }

.cd-pagination a:hover {
  text-decoration: none;
  background-color: #DDD; }

.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9); }

.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none; }
  .cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
    opacity: .4; }

.cd-pagination .button:first-of-type a::before {
  content: '\00ab  '; }

.cd-pagination .button:last-of-type a::after {
  content: ' \00bb'; }

.cd-pagination .current {
  /* selected number */
  background-color: #DDD;
  border: 1px solid #AA0023;
  color: #ffffff;
  pointer-events: none;
  border-radius: 0.15em; }

.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6; }
  .cd-pagination.no-space:after {
    content: "";
    display: table;
    clear: both; }
  .cd-pagination.no-space li {
    margin: 0;
    float: left;
    border-right: 1px solid #e6e6e6; }
    .cd-pagination.no-space li:last-of-type {
      border-right: none; }
  .cd-pagination.no-space a, .cd-pagination.no-space span {
    float: left;
    border-radius: 0;
    padding: .8em 1em;
    border: none; }
  .cd-pagination.no-space li:first-of-type a {
    border-radius: 0.25em 0 0 0.25em; }
  .cd-pagination.no-space li:last-of-type a {
    border-radius: 0 0.25em 0.25em 0; }

.cd-pagination.move-buttons:after {
  content: "";
  display: table;
  clear: both; }

.cd-pagination.move-buttons .button:first-of-type {
  float: left; }

.cd-pagination.move-buttons .button:last-of-type {
  float: right; }

.cd-pagination.no-space.move-buttons {
  width: 90%;
  max-width: 768px;
  display: block;
  overflow: hidden; }
  .cd-pagination.no-space.move-buttons li {
    float: none;
    border: none; }
  .cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
    float: none; }

.cd-pagination.custom-icons .button a {
  position: relative; }

.cd-pagination.custom-icons .button:first-of-type a {
  padding-left: 2.4em; }

.cd-pagination.custom-icons .button:last-of-type a {
  padding-right: 2.4em; }

.cd-pagination.custom-icons .button:first-of-type a::before, .cd-pagination.custom-icons .button:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
  background: transparent url(/images/cd-icon-arrow-1.svg) no-repeat center center; }

.cd-pagination.custom-icons .button:first-of-type a::before {
  left: .8em; }

.cd-pagination.custom-icons .button:last-of-type a::after {
  right: .8em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
  vertical-align: middle; }

.cd-pagination.custom-buttons .button a {
  /* set custom width */
  width: 40px;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  background-image: url(/images/cd-icon-arrow-2.svg);
  background-repeat: no-repeat;
  background-position: center center; }

.cd-pagination.custom-buttons .button:last-of-type a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block; } }

@media only screen and (min-width: 1170px) {
  .cd-pagination {
    margin: 2em auto 2em; } }

/* --------------------------------

    No space - remove distance between list items

    -------------------------------- */
/* --------------------------------

    move buttons - move prev and next buttons to the sides

    -------------------------------- */
/* --------------------------------

    custom icons - customize the small arrow inside the next and prev buttons

    -------------------------------- */
/* --------------------------------

    custom buttons - replace prev and next buttons text with a custom icon

    -------------------------------- */
.no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {
  -webkit-transform: scale(0.9) rotate(180deg);
  -moz-transform: scale(0.9) rotate(180deg);
  -ms-transform: scale(0.9) rotate(180deg);
  -o-transform: scale(0.9) rotate(180deg);
  transform: scale(0.9) rotate(180deg); }

.cd-pagination.no-space.custom-buttons .button:last-of-type a {
  border-radius: 0.25em 0 0 0.25em; }

.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
  padding: 0 1.4em;
  height: 50px;
  line-height: 50px;
  overflow: hidden; }

.cd-pagination.animated-buttons .button a {
  position: relative;
  padding: 0 2em; }

.cd-pagination.animated-buttons .button:first-of-type a::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  right: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

.cd-pagination.animated-buttons .button:last-of-type a::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  right: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(-50%) rotate(180deg);
  -moz-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  -o-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg); }

.cd-pagination.animated-buttons i {
  display: block;
  height: 100%;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

/* --------------------------------

    animated buttons - animate the text inside prev and next buttons

    -------------------------------- */
.no-touch .cd-pagination.animated-buttons .button a:hover i {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }

.no-touch .cd-pagination.animated-buttons .button:first-of-type a:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50px);
  -moz-transform: translateX(-50%) translateY(-50px);
  -ms-transform: translateX(-50%) translateY(-50px);
  -o-transform: translateX(-50%) translateY(-50px);
  transform: translateX(-50%) translateY(-50px); }

.no-touch .cd-pagination.animated-buttons .button:last-of-type a:hover::after {
  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
  transform: translateX(-50%) rotate(180deg) translateY(50px); }

.wMargin {
  padding-left: 15px;
  padding-right: 15px; }

.col-sm-4 > #lpChatButton {
  width: auto;
  float: none;
  text-align: center; }
  .col-sm-4 > #lpChatButton img {
    max-width: 100%;
    height: auto; }

.IsInEditingMode .page-editor-fieldset {
  border: 2px solid #dedede;
  margin: 5px;
  padding: 5px; }

.IsInEditingMode .page-editor-legend {
  width: auto;
  margin: 0 0 0 10px;
  padding: 0 10px; }

.IsInEditingMode .page-editor-field-list img {
  max-width: 100%;
  height: auto; }

.IsInEditingMode .page-editor-field-list dd {
  margin: 0.5em; }

.RichTextCont img {
  max-width: 100%;
  height: auto; }

.editable-multiline-text {
  white-space: pre-wrap; }

.richtext-headline-black {
  font-family: "gothammedium", sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: .94em;
  color: #000000;
  margin-bottom: .3em; }

.richtext-headline-white {
  font-family: "gothammedium", sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: .94em;
  color: #FFFFFF;
  margin-bottom: .3em; }

.richtext-headline-red {
  font-family: "gothammedium", sans-serif;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: .94em;
  color: #B71234;
  margin-bottom: .3em; }

.richtext-subhead-black {
  font-family: "gothammedium", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.166em;
  color: #000000;
  margin-bottom: .3em; }

.richtext-subhead-white {
  font-family: "gothammedium", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.166em;
  color: #FFFFFF;
  margin-bottom: .3em; }

.richtext-subhead-red {
  font-family: "gothammedium", sans-serif;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.166em;
  color: #B71234;
  margin-bottom: .3em; }

.richtext-body {
  font-family: "gothambook", sans-serif;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.16em; }

.richtext-white {
  color: #ffffff; }

.richtext-black {
  color: #000000; }

.richtext-red {
  color: #B71234; }

.richtext-dark-gray {
  color: #6D6E71; }

.richtext-light-gray {
  color: #a4a4a4; }

.richtext-blue {
  color: #00A9e0; }

.Disclaimer {
    font-size: 13px;
}
/* Begin: Universal User Defined Button */
.btn-userdefined {
  position: relative;
  display: inline-block;
  margin: 15px 0 0 0;
  padding: 8px 30px;
  font: normal normal 16px/16px;
  font-family: 'gothammedium', Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: .20em;
  width: auto;
  cursor: pointer;
  background: #aa0023;
  border: 1px solid #aa0023;
  color: #fff; }
  .btn-userdefined:hover {
    background: #fff;
    border: 1px solid #aa0023;
    color: #aa0023; }
    .btn-userdefined:hover a {
      color: #aa0023; }
  .btn-userdefined a {
    color: #fff;
    text-decoration: none; }

/* End: Universal User Defined Button */
.headline-XLarge {
  font-family: 'gothammedium';
  font-size: 55px;
  font-size: 5.5rem;
  line-height: 1.04em;
  margin-top: 0;
  letter-spacing: 75%; }

.headline-Large {
  font-family: 'gothammedium';
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.189em;
  margin-top: 0; }

.headline-Medium {
  font-family: 'gothammedium';
  font-size: 34px;
  font-size: 3.4rem;
  margin-top: 0; }

.headline-Shadow {
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); }

.subheadline-XLarge {
  font-family: 'gothammedium';
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.13em; }

.subheadline-Large {
  font-family: 'gothammedium';
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2em; }

.subheadline-Medium {
  font-family: 'gothammedium';
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.25em; }

.subheadline-Small {
  font-family: 'gothammedium';
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.535em; }

.headline-Bold {
  font-family: 'gothambold' !important; }

.subheadline-Shadow {
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); }

.hubcopy {
  font-family: 'gothammedium';
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px; }

.hubsubheadred21 {
  font-family: 'gothammedium';
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 28px;
  color: #b71234; }

.hubbtn {
  padding: 0px 2.45rem;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  line-height: 3.9rem;
  font-family: 'gothammedium';
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .1em;
  /*font-weight: bold;*/ }
  .hubbtn:hover {
    text-decoration: none; }

.hubdarkbtn {
  color: white;
  background-color: #b71234; }
  .hubdarkbtn:hover {
    background-color: white;
    color: #b71234;
    border: 1px solid #b71234; }

.hubyellowbtn {
  color: black;
  background-color: #ffcb08;
  border: 1px solid #ffcb08; }
  .hubyellowbtn:hover {
    background-color: black;
    color: #ffcb08;
    border: 1px solid #ffcb08; }

.hublightbtn {
  background-color: white;
  color: #b71234; }
  .hublightbtn:hover {
    color: white;
    background-color: #b71234;
    border: 1px solid white; }

.hubbluebtn {
  background-color: #15a8e0;
  color: white; }
  .hubbluebtn:hover {
    color: #15a8e0;
    background-color: white;
    border: 1px solid #15a8e0; }

.hublightbluebtn {
  background-color: white;
  color: #15a8e0; }
  .hublightbluebtn:hover {
    color: white;
    background-color: #15a8e0;
    border: 1px solid #15a8e0; }

.bigpadright {
  padding-right: 23%; }

@media (max-width: 768px) {
  .textcenteredonmobile {
    text-align: center; }
  /*.nomobile {
        display: none;
    }

    .yesmobile {
        display: block;
    }*/ }

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

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

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

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

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

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

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

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

.devicePickerWrapper {
  margin: 20px 0;
  background: -webkit-linear-gradient(white, #d7d7d7);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #d7d7d7);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #d7d7d7);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #d7d7d7);
  /* Standard syntax */ }
  .devicePickerWrapper.WhiteBackground {
    background: -webkit-linear-gradient(white, white);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, white);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, white);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, white);
    /* Standard syntax */
    background-color: white; }
  .devicePickerWrapper .title {
    text-transform: uppercase;
    font-family: "gothammedium", sans-serif;
    font-size: 21px;
    color: #6d6e71;
    float: left;
    padding-left: 25px; }
  .devicePickerWrapper a.cta {
    font-family: "gothambold", sans-serif;
    font-size: 17px;
    color: #b71234;
    padding-right: 25px; }
    .devicePickerWrapper a.cta.top {
      float: right; }
    .devicePickerWrapper a.cta.bottom {
      text-align: center;
      display: none; }
  .devicePickerWrapper .devicePickerContainer {
    padding: 0 45px;
    height: 338px;
    margin: 0px;
    position: relative; }
    .devicePickerWrapper .devicePickerContainer .devicePickerComponent {
      background: -webkit-linear-gradient(white, #d7d7d7);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(white, #d7d7d7);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(white, #d7d7d7);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(white, #d7d7d7);
      /* Standard syntax */
      height: 338px;
      padding: 0 0 16px 0; }
      .devicePickerWrapper .devicePickerContainer .devicePickerComponent.WhiteBackground {
        background: -webkit-linear-gradient(white, white);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(white, white);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(white, white);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(white, white);
        /* Standard syntax */
        background-color: white; }
      .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide {
        background-color: white;
        width: 174px;
        height: 321px;
        margin-right: 5px;
        margin-left: 5px;
        text-align: center; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide img {
          height: 178px;
          margin: 15px auto 20px auto;
          max-width: 170px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .name {
          font-family: "gothambook", sans-serif;
          font-size: 15px;
          line-height: 17px;
          color: black;
          padding: 0 5px; }
          .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .name.TwoLines {
            height: 34px; }
          .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .name.ThreeLines {
            height: 70px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .listPrice {
          font-family: "gothammedium", sans-serif;
          font-size: 15px;
          color: #6d6e71;
          margin: 10px 0;
          line-height: 15px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .contractPrice a {
          font-family: "gothambold", sans-serif;
          font-size: 21px;
          color: #00a9e0;
          line-height: 22px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide sup {
          font-size: inherit;
          top: -0.2em; }
    .devicePickerWrapper .devicePickerContainer .ms-nav, .devicePickerWrapper .devicePickerContainer .ms-nav-prev, .devicePickerWrapper .devicePickerContainer .ms-nav-next {
      background: url(/images/red-paddles.png);
      width: 30px;
      height: 328px;
      cursor: pointer;
      top: -3px;
      position: absolute;
      z-index: 110;
      opacity: 1 !important;
      display: block; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-prev {
      background-position: -4px -0px;
      left: 14px; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-next {
      right: 14px;
      left: auto;
      background-position: 34px 0px; }
    .devicePickerWrapper .devicePickerContainer.ClassicPaddles {
      background-color: #b71234;
      margin: 0 18px;
      padding: 0 30px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-classic, .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-prev, .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-next {
        background: url(/images/hub-light-skin-red.png);
        width: 30px;
        height: 76px;
        cursor: pointer;
        top: 45%;
        margin-top: -20px;
        position: absolute;
        z-index: 110;
        opacity: 1 !important;
        display: block; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-prev {
        background-position: -90px -7px;
        left: 30px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-next {
        right: 30px;
        left: auto;
        background-position: -89px 139px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme {
        background-color: #6d6e71; }
        .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-classic-grey, .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-prev, .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-next {
          background: url(/images/hub-drkgray-theme.png); }
        .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-prev {
          background-position: -90px -7px; }
        .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-next {
          background-position: -89px 139px; }
    .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-grey, .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-prev, .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-next {
      background: url(/images/grey-paddles.png); }
    .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-prev {
      background-position: -4px -0px; }
    .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-next {
      background-position: 34px 0px; }

@media only screen and (max-width: 480px) {
  .devicePickerWrapper .title {
    float: none;
    text-align: center;
    padding-left: 0; }
  .devicePickerWrapper a.cta.top {
    display: none; }
  .devicePickerWrapper a.cta.bottom {
    text-align: center;
    display: block;
    padding-bottom: 15px;
    padding-right: 0;
    margin-top: 10px; }
  .devicePickerWrapper .devicePickerContainer {
    padding: 0 40px; }
    .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide {
      width: 137px;
      margin-right: 4px;
      margin-left: 4px; }
      .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .contractPrice {
        font-size: 19px; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-prev {
      width: 25px;
      left: 10px; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-next {
      width: 25px;
      right: 10px; }
    .devicePickerWrapper .devicePickerContainer.ClassicPaddles {
      height: 322px;
      margin: 0 5px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-prev {
        width: 25px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-next {
        width: 25px; } }

.pdp {
  /*  PRODUCT RELATED  */
  /*.pick_price {
        border: 4px solid white;
        padding: 15px;
        text-align: center;
        color: #6d6e71;
        width: 49%;
        margin: 30px 2px 30px 0;
        -webkit-transform: translateZ(0px);
        text-decoration: none;
    }

        .pick_price:hover {
            border: 4px solid #b71234;
            background: #fff;

        }*/
  /*  END PRODUCT RELATED  */
  /*  BUTTONS DECLARATION  */
  /*  END BUTTONS DECLARATION  */
  /*  ACCORDIAN BOOTSTRAP OVERRIDES  */
  /*  END ACCORDIAN BOOTSTRAP OVERRIDES  */
  /* STICKY FOOTER for TRIO 4-4-4 column blocks */
  /* END */
  /* columns of same height styles */
  /* END COLUMNS OF EQUAL HEIGHT */
  /* Large Devices, Wide Screens */
  /* Medium Devices, Desktops */
  /* Small Devices, Tablets */
  /* Extra Small Devices, Phones */
  /* Custom, iPhone Retina */
  /*  CUSTOM CHECKBOX STYLING  */
  /* scroll fixes */ }
  .pdp button {
    border: 0 solid Transparent; }
  .pdp span.what-is-this {
    background: #b4b4b4;
    display: inline-block;
    width: 1em;
    height: 1em;
    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em;
    text-align: center;
    line-height: 1em;
    padding: .1em;
    font-size: 10px; }
    .pdp span.what-is-this a {
      color: #fff;
      text-decoration: none; }
  .pdp .carousel_box {
    padding: 14px; }
  .pdp .redback {
    background: #b71234; }
  .pdp .whitelightgraygrad {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #ffffff 12%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); }
  .pdp .back_f5 {
    background: #f5f5f5; }
    .pdp .back_f5 .backpadding {
      padding: 32px; }
  .pdp .box_gray {
    border: 1px solid #bcbec0;
    margin-bottom: 16px; }
  .pdp .leftalign {
    text-align: left; }
  .pdp .small_pad_right {
    padding-right: 28%; }
  .pdp .big_pad_right {
    padding-right: 35%; }
  .pdp .fullwhhtpad {
    width: 100%;
    height: 100%;
    padding: 20px; }
  .pdp .fullbtmpad {
    width: 100%;
    height: 100%;
    padding-bottom: 20px; }
  .pdp .accessory-pdp-price {
    margin: 1em 0 0;
    font-size: 28px;
    font-family: gothammedium;
    color: #00A9DF; }
  .pdp h1.wirelessblue {
    font-family: 'gotham bold';
    color: #00a9e0;
    font-size: 40px;
    line-height: 44px;
    margin: 0; }
  .pdp h1.trioblueh1 {
    font-family: 'gotham bold';
    color: #00a9e0;
    font-size: 55px;
    line-height: 55px; }
  .pdp h1.triowhiteh1 {
    font-family: 'gothammedium';
    color: #FFF;
    font-size: 25px;
    line-height: 27px;
    margin: 15px auto 0;
    letter-spacing: -.02em; }
  .pdp h1.triograyh1 {
    font-family: 'gothammedium';
    color: #6d6e71;
    font-size: 34px;
    line-height: 34px;
    margin: 15px auto 0; }
  .pdp h1.epicwhiteh1 {
    font-family: 'gothammedium';
    color: #FFF;
    font-size: 55px;
    line-height: 55px;
    margin: 25px;
    text-align: left; }
  .pdp h1.triogreyh1 {
    font-family: 'gothammedium';
    color: #a4a4a4;
    font-size: 25px;
    line-height: 27px;
    margin: 15px auto 0px; }
  .pdp h2.prod_name {
    font-family: 'gothambook';
    font-size: 36px;
    line-height: 40px;
    margin: 0px 0px 20px 0px; }
  .pdp h3.triograyh3 {
    font-family: 'gothammedium';
    font-size: 20px;
    color: #6d6e71;
    margin: 0px auto 15px; }
  .pdp h3.specs_head {
    font-family: 'gothammedium';
    font-size: 18px;
    color: #6d6e71;
    text-transform: uppercase;
    margin: 0; }
  .pdp h3.wirelessgray {
    font-family: 'gothammedium';
    color: #6d6e71;
    font-size: 21px;
    line-height: 23px;
    margin: 0; }
  .pdp h3.wirelessltgray {
    font-family: 'gothammedium';
    margin: 0 auto 20px;
    color: #bcbec0;
    font-size: 20px; }
  .pdp h3.white {
    font-family: 'gothammedium';
    color: #fff;
    font-size: 21px;
    line-height: 26px;
    margin: 25px;
    text-align: left; }
  .pdp h4.specs_subhead {
    font-family: 'gothammedium';
    font-size: 16px;
    color: #6d6e71;
    margin: 0 0 15px; }
  .pdp h4.panel-title a {
    text-decoration: none; }
  .pdp h4.prod_attr_head {
    font-family: 'gothammedium';
    font-size: 16px;
    margin: 10px 0 8px 0;
    color: #6d6e71; }
  .pdp h4.price {
    font-family: Gotham, 'gothambold';
    font-weight: bold;
    font-size: 28px;
    margin: 0px;
    color: #6d6e71;
    -webkit-transform: translateZ(0px);
    text-decoration: none !important;
    text-decoration-skip: objects; }
    .pdp h4.price:visited {
      font-family: Gotham, 'gothambold';
      font-weight: bold;
      font-size: 28px;
      margin: 0px;
      color: #6d6e71;
      -webkit-transform: translateZ(0px);
      text-decoration: none !important;
      text-decoration-skip: objects; }
  .pdp .specs {
    font-family: 'gothambook';
    font-size: 15px;
    line-height: 18px;
    color: #6d6e71; }
  .pdp .specs_head {
    font-family: 'gothammedium';
    font-size: 18px;
    color: #6d6e71; }
  .pdp .prod_name {
    font-family: 'gothambook';
    font-size: 36px; }
  .pdp .prod_copy {
    padding-right: 40px; }
  .pdp ul.prod_info li {
    font-family: 'gothambook';
    color: #6d6e71; }
  .pdp table.specsinfo td {
    vertical-align: top; }
  .pdp .prod_protprice {
    font-family: 'gothammedium';
    font-size: 24px;
    color: #00a9e0; }
  .pdp .btn-pickprice:hover h4.price {
    color: #00a9e0;
    text-decoration: none; }
  .pdp .pick_price:focus h4.price {
    text-decoration: none; }
  .pdp .price_small {
    font-family: 'gothammedium';
    font-size: 13px;
    line-height: 13px;
    color: #6d6e71;
    -webkit-transform: translateZ(0px);
    text-decoration: none; }
  .pdp .pick_price:focus .price_small, .pdp .pick_price:hover .price_small, .pdp .pick_price:active .price_small {
    text-decoration: none; }
  .pdp p.prod_desc, .pdp .prod_desc {
    font-family: 'gothambook';
    font-size: 14px;
    line-height: 17px;
    color: #6d6e71; }
  .pdp .storcolors {
    margin-top: -15px; }
  .pdp .specschecks {
    display: inline-block; }
    .pdp .specschecks.specschecks-protectionplans {
      width: 50%;
      margin-bottom: 1em; }
  .pdp .prod_attr {
    font-family: 'gothammedium';
    font-size: 14px;
    line-height: 22px;
    color: #6d6e71;
    -webkit-transform: translateZ(0px); }
  .pdp .prod_attr_label {
    padding-left: 20px; }
  .pdp .prod_attr_specs {
    padding-right: 40px; }
  .pdp .prod_smallprint {
    font-family: 'gothambook';
    font-size: 12px !important;
    line-height: 14px !important;
    color: #6d6e71; }
  .pdp .btn-group {
    width: 100%; }
  .pdp .btn-pickprice {
    border: 4px solid white;
    padding: 15px;
    text-align: center;
    color: #6d6e71;
    width: 49%;
    margin: 30px 0 30px 0;
    -webkit-transform: translateZ(0px);
    text-decoration: none; }
    .pdp .btn-pickprice:hover, .pdp .btn-pickprice:focus, .pdp .btn-pickprice:active, .pdp .btn-pickprice.btn-pickprice-selected {
      border: 4px solid #b71234;
      background: #fff;
      text-decoration: none;
      outline: none; }
  .pdp .open > .dropdown-toggle.btn-pickprice {
    border: 4px solid #b71234;
    background: #fff;
    text-decoration: none;
    outline: none; }
  .pdp .btn-pickprice:active, .pdp .btn-pickprice.active {
    border: 4px solid #b71234;
    background: #fff;
    outline: none; }
  .pdp .open > .dropdown-toggle.btn-pickprice {
    border: 4px solid #b71234;
    background: #fff;
    outline: none; }
  .pdp .btn-pickprice:hover h4.price, .pdp .btn-pickprice:focus h4.price, .pdp .btn-pickprice:active h4.price {
    color: #00a9e0;
    outline: none; }
  .pdp .open > .dropdown-toggle.btn-pickprice h4.price {
    color: #00a9e0;
    outline: none; }
  .pdp .btn-wireless {
    display: inline-block;
    margin: 0 auto;
    font-weight: normal;
    font-family: 'gothammedium';
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 30px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .pdp .btn-wireless:hover {
      text-decoration: none; }
  .pdp .btn-red {
    color: #ffffff;
    background-color: #b71234;
    border-color: #b71234;
    font-family: 'gothammedium'; }
    .pdp .btn-red:hover, .pdp .btn-red:focus, .pdp .btn-red.focus, .pdp .btn-red:active, .pdp .btn-red.active {
      color: #b71234;
      background-color: white;
      border-color: #b71234;
      text-decoration: none; }
  .pdp .open > .dropdown-toggle.btn-red {
    color: #b71234;
    background-color: white;
    border-color: #b71234;
    text-decoration: none; }
  .pdp .btn-red:active, .pdp .btn-red.active {
    background-image: none; }
  .pdp .open > .dropdown-toggle.btn-red {
    background-image: none; }
  .pdp .btn-red.disabled, .pdp .btn-red[disabled] {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-red.disabled:hover, .pdp .btn-red[disabled]:hover {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red:hover {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-red.disabled:focus, .pdp .btn-red[disabled]:focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red:focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-red.disabled.focus, .pdp .btn-red[disabled].focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red.focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-red.disabled:active, .pdp .btn-red[disabled]:active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red:active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-red.disabled.active, .pdp .btn-red[disabled].active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red.active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-red .badge {
    color: #e74c3c;
    background-color: #ffffff; }
  .pdp .btn-white {
    color: #B71234;
    background-color: white;
    border-color: #b71234;
    font-family: 'gothammedium'; }
    .pdp .btn-white:hover, .pdp .btn-white:focus, .pdp .btn-white.focus, .pdp .btn-white:active, .pdp .btn-white.active {
      color: #fff;
      background-color: #b71234;
      border-color: #FFF;
      text-decoration: none; }
  .pdp .open > .dropdown-toggle.btn-white {
    color: #fff;
    background-color: #b71234;
    border-color: #FFF;
    text-decoration: none; }
  .pdp .btn-white:active, .pdp .btn-white.active {
    background-image: none; }
  .pdp .open > .dropdown-toggle.btn-white {
    background-image: none; }
  .pdp .btn-white.disabled, .pdp .btn-white[disabled] {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-white.disabled:hover, .pdp .btn-white[disabled]:hover {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white:hover {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-white.disabled:focus, .pdp .btn-white[disabled]:focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white:focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-white.disabled.focus, .pdp .btn-white[disabled].focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white.focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-white.disabled:active, .pdp .btn-white[disabled]:active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white:active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-white.disabled.active, .pdp .btn-white[disabled].active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white.active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-white .badge {
    color: #e74c3c;
    background-color: #ffffff; }
  .pdp a.accordion-toggle {
    color: #6D6E71; }
  .pdp .panel-body {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding: 10px 30px 10px 32px; }
  .pdp .panel-default {
    border-color: #ecf0f1; }
    .pdp .panel-default > .panel-heading {
      color: #2c3e50;
      background-color: #f5f5f5;
      border-color: #ecf0f1; }
      .pdp .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ecf0f1;
        background-color: #f5f5f5; }
      .pdp .panel-default > .panel-heading .badge {
        color: #ecf0f1;
        background-color: #2c3e50; }
  .pdp .panel-title {
    font-family: 'gothammedium';
    font-size: 24px;
    color: #6d6e71;
    margin-left: 16px; }
  .pdp .panel-group .panel-heading + .panel-collapse > .panel-body, .pdp .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ecf0f1; }
  .pdp .panel-collapse p {
    font-family: 'gothambook';
    font-size: 15px;
    color: #6d6e71; }
  .pdp .panel-group {
    margin-top: 0; }
  .pdp .fiftycont {
    height: 100%;
    width: 100%;
    display: table;
    text-align: center; }
  .pdp .foot {
    display: table-row;
    vertical-align: bottom !important;
    height: 1px;
    text-align: center;
    height: 1px; }
  .pdp .inside {
    margin-top: 20px;
    margin-bottom: 20px; }
  .pdp .inside-full-height {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  .pdp .content {
    height: 100%; }
  .pdp .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .pdp .col-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .pdp .col-top {
    vertical-align: top; }
  .pdp .col-middle {
    vertical-align: middle; }
  .pdp .col-bottom {
    vertical-align: bottom; }
  @media (min-width: 480px) {
    .pdp .row-xs-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-xs-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-xs-top {
      vertical-align: top; }
    .pdp .col-xs-middle {
      vertical-align: middle; }
    .pdp .col-xs-bottom {
      vertical-align: bottom; } }
  @media (min-width: 768px) {
    .pdp .row-sm-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-sm-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-sm-top {
      vertical-align: top; }
    .pdp .col-sm-middle {
      vertical-align: middle; }
    .pdp .col-sm-bottom {
      vertical-align: bottom; }
    .pdp .leftalign {
      text-align: center; } }
  @media (min-width: 992px) {
    .pdp .row-md-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-md-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-md-top {
      vertical-align: top; }
    .pdp .col-md-middle {
      vertical-align: middle; }
    .pdp .col-md-bottom {
      vertical-align: bottom; } }
  @media (min-width: 1200px) {
    .pdp .row-lg-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-lg-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-lg-top {
      vertical-align: top; }
    .pdp .col-lg-middle {
      vertical-align: middle; }
    .pdp .col-lg-bottom {
      vertical-align: bottom; } }
  @media only screen and (max-width: 480px) {
    .pdp h3.triograyh3 {
      font-size: 18px; }
    .pdp h1.triogreyh1 {
      font-family: 'gothambold';
      color: #a4a4a4;
      font-size: 30px;
      line-height: 33px; }
    .pdp .specs {
      line-height: 22px; }
    .pdp .specs_head {
      font-size: initial; }
    .pdp .small_pad_right {
      padding-right: 15px;
      border-right: 1px solid #666; }
    .pdp .big_pad_right {
      padding-right: 0;
      padding-left: 15px; }
    .pdp .btn-pickprice {
      width: 100%;
      margin: 15px auto; }
    .pdp .prod_copy {
      padding-bottom: 15px;
      border-bottom: 1px solid #666; } }
  .pdp .glyphicon-plus, .pdp .glyphicon-minus {
    font-family: 'gothamlight' !important;
    content: '+' !important;
    font-size: 34px;
    top: -2px; }
  .pdp .modal .selection-text {
    float: right;
    width: 184px; }
  .pdp .modal .selection img {
    float: left;
    max-width: 150px;
    max-height: 250px;
    padding-right: 30px; }
  .pdp .modal .selection-text h2 {
    font-family: "gothambook", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: black;
    margin-top: 0; }
  .pdp .modal .selection-text p {
    font-family: "gothammedium", sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
    color: #6d6e71; }
  .pdp .modal .selection-text p.cost {
    font-size: 30px;
    color: #00a9e0;
    line-height: 30px;
    font-family: "gothammedium", sans-serif;
    margin-top: 30px; }
  .pdp .modal .selection,
  .pdp .modal .suggested {
    height: 310px !important; }
  .pdp .modal .modal-backdrop {
    z-index: 0; }
  @media screen and (max-width: 830px) {
    .pdp .modal .selection img {
      width: 25%; }
    .pdp .modal .selection-text {
      width: 75%; } }

.pdp {
  /* HTML SIZES FOR REM settings */ }
  @media screen and (min-width: 500px) {
    .pdp html {
      font-size: 8px; } }
  @media screen and (min-width: 570px) {
    .pdp html {
      font-size: 8px; } }
  @media screen and (min-width: 620px) {
    .pdp html {
      font-size: 8px; } }
  @media screen and (min-width: 680px) {
    .pdp html {
      font-size: 9px; } }
  @media screen and (min-width: 720px) {
    .pdp html {
      font-size: 10px; } }
  @media screen and (min-width: 800px) {
    .pdp html {
      font-size: 9.25px; } }
  @media screen and (min-width: 860px) {
    .pdp html {
      font-size: 9.40px; } }
  @media screen and (min-width: 920px) {
    .pdp html {
      font-size: 9.50px; } }
  @media screen and (min-width: 1000px) {
    .pdp html {
      font-size: 9.65px; } }
  @media screen and (min-width: 1060px) {
    .pdp html {
      font-size: 9.8px; } }
  @media screen and (min-width: 1200px) {
    .pdp html {
      font-size: 10px; } }
  .pdp button {
    border: 0 solid Transparent; }
  .pdp .slider {
    display: block !important; }
  .pdp .storchecks {
    display: table;
    padding-right: 0;
    width: 90%; }
  .pdp .storcolors {
    margin-top: 5px; }
  .pdp .slide-cont {
    height: 480px;
    max-height: 480px;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .pdp .slide-cont img {
      position: relative;
      top: 50% !important;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .pdp .slider-nav-thumbs img {
    position: relative;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .pdp span.what-is-this {
    background: #b4b4b4;
    display: inline-block;
    width: 1em;
    height: 1em;
    -moz-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em;
    text-align: center;
    line-height: 1em;
    padding: .1em;
    font-size: 10px;
    font-size: 1rem; }
    .pdp span.what-is-this a {
      color: #fff;
      text-decoration: none; }
  .pdp .redback {
    background: #b71234; }
  .pdp .whitelightgraygrad {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(100%, #e9e9e9));
    background: -webkit-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #ffffff 12%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #ffffff 12%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); }
  .pdp .back_f5 {
    background: #f5f5f5; }
  .pdp .box_gray {
    border: 1px solid #bcbec0;
    margin-bottom: 16px; }
  .pdp .leftalign {
    text-align: left; }
  .pdp .small_pad_right {
    padding-right: 28%; }
  .pdp .big_pad_right {
    padding-right: 35%; }
  .pdp .fullwhhtpad {
    width: 100%;
    height: 100%;
    padding: 20px; }
  .pdp .fullbtmpad {
    width: 100%;
    height: 100%;
    padding-bottom: 20px; }
  .pdp h1.wirelessblue {
    font-family: 'gotham bold';
    color: #00a9e0;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.1em;
    margin: 0; }
  .pdp h1.trioblueh1 {
    font-family: 'gotham bold';
    color: #00a9e0;
    font-size: 55px;
    font-size: 5.5rem;
    line-height: 1em; }
  .pdp h1.triowhiteh1 {
    font-family: 'gothammedium';
    color: #FFF;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.08m;
    margin: 15px auto 0;
    letter-spacing: -.02em; }
  .pdp h1.triograyh1 {
    font-family: 'gothammedium';
    color: #6d6e71;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1em;
    margin: 15px auto 0; }
  .pdp h1.epicwhiteh1 {
    font-family: 'gothammedium';
    color: #FFF;
    font-size: 55px;
    font-size: 5.5rem;
    line-height: 1em;
    margin: 25px;
    text-align: left; }
  .pdp h1.triogreyh1 {
    font-family: 'gothammedium';
    color: #a4a4a4;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.08em;
    margin: 15px auto 0; }
  .pdp h2.prod_name {
    font-family: 'gothambook';
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.111em;
    margin: 0 0 20px 0; }
  .pdp h3.triograyh3 {
    font-family: 'gothammedium';
    font-size: 20px;
    font-size: 2rem;
    color: #6d6e71;
    margin: 0 auto 15px; }
  .pdp h3.specs_head {
    font-family: 'gothammedium';
    font-size: 18px;
    font-size: 1.8rem;
    color: #6d6e71;
    text-transform: uppercase;
    margin: 0; }
  .pdp h3.wirelessgray {
    font-family: 'gothammedium';
    color: #6d6e71;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.0952em;
    margin: 0; }
  .pdp h3.wirelessltgray {
    font-family: 'gothammedium';
    margin: 0 auto 20px;
    color: #bcbec0;
    font-size: 20px;
    font-size: 2rem; }
  .pdp h3.white {
    font-family: 'gothammedium';
    color: #fff;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.238em;
    margin: 25px;
    text-align: left; }
  .pdp h4.specs_subhead {
    font-family: 'gothammedium';
    font-size: 17px;
    font-size: 1.7rem;
    color: #6d6e71;
    margin: 5px 0 15px; }
  .pdp h4.panel-title a {
    text-decoration: none; }
  .pdp h4.prod-attr-head {
    font-family: 'gothammedium';
    font-size: 16px;
    font-size: 1.6rem;
    margin: 10px 0 8px 0;
    color: #6d6e71; }
  .pdp h4.price {
    font-family: Gotham, 'gothambold';
    font-weight: bold;
    font-size: 28px;
    font-size: 2.8rem;
    margin: 0;
    color: #6d6e71;
    -webkit-transform: translateZ(0px);
    text-decoration: none !important;
    text-decoration-skip: objects; }
    .pdp h4.price:visited {
      font-family: Gotham, 'gothambold';
      font-weight: bold;
      font-size: 28px;
      font-size: 2.8rem;
      margin: 0;
      color: #6d6e71;
      -webkit-transform: translateZ(0px);
      text-decoration: none !important;
      text-decoration-skip: objects; }
  .pdp .specs {
    font-family: 'gothambook';
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2em;
    color: #6d6e71; }
  .pdp .specs_head {
    font-family: 'gothammedium';
    font-size: 18px;
    color: #6d6e71; }
  .pdp .prod_name {
    font-family: 'gothambook';
    font-size: 36px;
    font-size: 3.6rem; }
  .pdp .prod_copy {
    padding-right: 20px; }
  @media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
    .pdp .prod_copy {
      height: auto !important; } }
  @media screen and (min-width: 0) {
    .pdp .prod_copy {
      height: auto !important; } }
  .pdp ul.prod_info li {
    font-family: 'gothambook';
    color: #6d6e71; }
  .pdp table.specsinfo td {
    vertical-align: top; }
  .pdp .glyphicon-plus {
    font-family: 'gothamlight' !important;
    content: '+' !important;
    font-size: 34px;
    top: -2px; }
  .pdp .glyphicon-minus {
    font-family: 'gothamlight' !important;
    content: '-' !important;
    font-size: 34px;
    font-size: 3.4rem;
    top: -2px; }
  .pdp .specschecks {
    width: 100%; }
    .pdp .specschecks input[type=checkbox] {
      visibility: hidden;
      width: 1px; }
    .pdp .specschecks label {
      cursor: pointer;
      position: relative;
      float: right;
      width: 16px;
      height: 16px;
      left: 4px;
      top: 6px;
      border: 2px solid #bcbec0;
      background: #FFF; }
      .pdp .specschecks label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: #b81234;
        top: 2px;
        left: 2px; }
      .pdp .specschecks label:hover::after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        opacity: 0.3; }
    .pdp .specschecks input[type=checkbox]:checked + label {
      border: 2px solid #b81234 !important;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1; }
      .pdp .specschecks input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1; }
    .pdp .specschecks input[type="radio"], .pdp .specschecks input[type="checkbox"] {
      margin: 0;
      line-height: normal; }
    .pdp .specschecks .specschecks-item {
      display: table-row;
      padding-bottom: .2re; }
      m .pdp .specschecks .specschecks-item:after {
        content: "";
        display: table;
        clear: both; }
    .pdp .specschecks .specschecks-item-text {
      display: table-cell;
      vertical-align: top; }
    .pdp .specschecks .specschecks-item-checkbox {
      display: table-cell;
      vertical-align: top; }
    .pdp .specschecks span.wirelessplanBCopy {
      position: absolute;
      margin: -8.55px 0 0 28px;
      color: #6d6e71 !important; }
  .pdp .prod_protprice {
    font-family: 'gothammedium';
    font-size: 24px;
    font-size: 2.4rem;
    color: #00a9e0; }
  .pdp .btn-pickprice:hover h4.price {
    color: #00a9e0;
    text-decoration: none; }
  .pdp .pick_price:focus h4.price {
    text-decoration: none; }
  .pdp .price_small {
    font-family: 'gothammedium';
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1em;
    color: #6d6e71;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    text-decoration: none; }
  .pdp .pick_price:focus .price_small, .pdp .pick_price:hover .price_small, .pdp .pick_price:active .price_small {
    text-decoration: none; }
  .pdp p.prod_desc, .pdp .prod_desc {
    font-family: 'gothambook';
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    color: #6d6e71; }
  .pdp .prod_attr {
    font-family: 'gothammedium';
    font-size: 14px;
    line-height: 1.57em;
    color: #6d6e71;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    padding-right: 15px; }
  .pdp .prod_smallprint {
    font-family: 'gothambook';
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.1666em !important;
    color: #6d6e71; }
  .pdp .cta-smallprint-right {
    font-family: 'gothammedium';
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    float: right; }
  .pdp .specs-content {
    padding: 32px; }
  .pdp .addtoselections {
    margin: 20px 0 !important; }
  .pdp .device-carousel {
    height: 620px !important;
    overflow: hidden;
    margin: 0 auto; }
  .pdp .carousel_box {
    height: auto; }
  .pdp .cta-butt {
    margin-top: 40px; }
  .pdp .btn-cont {
    /* width: 49%;
        float: left; */ }
    .pdp .btn-cont:first-child {
      /* padding-right: 1%;*/ }
  .pdp .pdp.btn-group {
    width: 100%; }
  .pdp .btn-pickprice {
    border: 4px solid white;
    padding: 15px;
    text-align: center;
    color: #6d6e71;
    width: 100%;
    margin: 30px 0px 8px 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    text-decoration: none;
    height: 89px !important; }
    .pdp .btn-pickprice:hover, .pdp .btn-pickprice:focus, .pdp .btn-pickprice:active {
      border: 4px solid #b71234;
      background: #fff;
      text-decoration: none;
      outline: none; }
  .pdp .open > .dropdown-toggle.btn-pickprice {
    border: 4px solid #b71234;
    background: #fff;
    text-decoration: none;
    outline: none; }
  .pdp .open > .dropdown-toggle.btn-pickprice h4.price {
    color: #00a9e0;
    outline: none; }
  .pdp .btn-wireless {
    display: inline-block;
    margin: 0 auto;
    font-weight: normal;
    font-family: 'gothammedium';
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 30px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .pdp .btn-wireless:hover {
      text-decoration: none; }
  .pdp .btn-red {
    color: #ffffff;
    background-color: #b71234;
    border-color: #b71234;
    font-family: 'gothammedium'; }
    .pdp .btn-red:hover, .pdp .btn-red:focus, .pdp .btn-red.focus, .pdp .btn-red:active, .pdp .btn-red.active {
      color: #b71234;
      background-color: white;
      border-color: #b71234;
      text-decoration: none; }
  .pdp .open > .dropdown-toggle.btn-red {
    color: #b71234;
    background-color: white;
    border-color: #b71234;
    text-decoration: none;
    background-image: none; }
  .pdp fieldset[disabled] .btn-red {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red:hover {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red.focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red:active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-red.active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-red .badge {
    color: #e74c3c;
    background-color: #ffffff; }
  .pdp .btn-white {
    color: #B71234;
    background-color: white;
    border-color: #b71234;
    font-family: 'gothammedium'; }
    .pdp .btn-white:hover, .pdp .btn-white:focus, .pdp .btn-white.focus, .pdp .btn-white:active, .pdp .btn-white.active {
      color: #fff;
      background-color: #b71234;
      border-color: #FFF;
      text-decoration: none; }
  .pdp .open > .dropdown-toggle.btn-white {
    color: #fff;
    background-color: #b71234;
    border-color: #FFF;
    text-decoration: none;
    background-image: none; }
  .pdp fieldset[disabled] .btn-white {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white:hover {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white:focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white.focus {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white:active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp fieldset[disabled] .btn-white.active {
    background-color: #e74c3c;
    border-color: #e74c3c; }
  .pdp .btn-white .badge {
    color: #e74c3c;
    background-color: #ffffff; }
  .pdp a.accordion-toggle {
    color: #6D6E71; }
  .pdp .panel-body {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding: 10px 30px 10px 32px; }
  .pdp .panel-default {
    border-color: #ecf0f1; }
    .pdp .panel-default > .panel-heading {
      color: #2c3e50;
      background-color: #f5f5f5;
      border-color: #ecf0f1; }
      .pdp .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ecf0f1;
        background-color: #f5f5f5; }
      .pdp .panel-default > .panel-heading .badge {
        color: #ecf0f1;
        background-color: #2c3e50; }
  .pdp .panel-title {
    font-family: 'gothammedium';
    font-size: 24px;
    font-size: 2.4rem;
    color: #6d6e71;
    margin-left: 16px; }
  .pdp .panel-group .panel-heading + .panel-collapse > .panel-body, .pdp .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0 solid #ecf0f1; }
  .pdp .panel-collapse p {
    font-family: 'gothambook';
    font-size: 15px;
    color: #6d6e71;
    margin-right: 30px; }
  .pdp .prod_smallprint p {
    font-family: 'gothambook';
    font-size: 12px !important;
    font-size: 1.2rem !important;
    line-height: 1.1666em !important;
    color: #6d6e71; }
  .pdp .panel-group {
    margin-top: 0; }
  .pdp .fiftycont {
    height: 100%;
    width: 100%;
    display: table;
    text-align: center; }
  .pdp .foot {
    display: table-row;
    vertical-align: bottom !important;
    height: 1px;
    text-align: center; }
  .pdp .inside {
    margin-top: 20px;
    margin-bottom: 20px; }
  .pdp .inside-full-height {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  .pdp .content {
    height: 100%;
    /* max-height: 680px; */
    overflow: hidden; }
  .pdp .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .pdp .col-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .pdp .col-top {
    vertical-align: top; }
  .pdp .col-middle {
    vertical-align: middle; }
  .pdp .col-bottom {
    vertical-align: bottom; }
  @media (min-width: 480px) {
    .pdp .row-xs-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-xs-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-xs-top {
      vertical-align: top; }
    .pdp .col-xs-middle {
      vertical-align: middle; }
    .pdp .col-xs-bottom {
      vertical-align: bottom; } }
  @media (min-width: 768px) {
    .pdp .row-sm-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-sm-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-sm-top {
      vertical-align: top; }
    .pdp .col-sm-middle {
      vertical-align: middle; }
    .pdp .col-sm-bottom {
      vertical-align: bottom; }
    .pdp .leftalign {
      text-align: center; } }
  @media (min-width: 992px) {
    .pdp .row-md-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-md-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-md-top {
      vertical-align: top; }
    .pdp .col-md-middle {
      vertical-align: middle; }
    .pdp .col-md-bottom {
      vertical-align: bottom; } }
  @media (min-width: 1200px) {
    .pdp .row-lg-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .pdp .col-lg-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .pdp .col-lg-top {
      vertical-align: top; }
    .pdp .col-lg-middle {
      vertical-align: middle; }
    .pdp .col-lg-bottom {
      vertical-align: bottom; } }
  @media only screen and (max-width: 1200px) {
    .pdp h4.price {
      font-size: 23px;
      font-size: 2.3rem; }
      .pdp h4.price:visited {
        font-size: 23px;
        font-size: 2.3rem; }
    .pdp .price_small {
      font-size: 11px;
      font-size: 1.1rem; }
    .pdp .cta-smallprint-left, .pdp .cta-smallprint-right {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.1818em; } }
  @media screen and (max-width: 830px) {
    .pdp .modal .modal-content .selection,
    .pdp .modal .modal-content .suggested {
      height: auto !important; } }
  @media only screen and (max-width: 1024px) {
    .pdp .cta-smallprint-left, .pdp .cta-smallprint-right {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.1818em;
      float: none;
      text-align: center; }
    .pdp #color-checkboxes-container, .pdp #storage-checkboxes-container {
      padding-right: 0;
      margin-bottom: 30px; }
    .pdp .prod_attr {
      padding-right: 0; }
    .pdp .btn-cont {
      width: 100%;
      margin: 0; } }
  @media only screen and (max-width: 768px) {
    .pdp #color-checkboxes-container, .pdp #storage-checkboxes-container {
      padding-right: 5%;
      margin-bottom: 30px; }
    .pdp #pdp .btn-group {
      margin: 24px auto 0; }
    .pdp .btn-pickprice {
      margin: 5px auto; }
    .pdp .btn-cont:first-child {
      padding-right: 0 !important; }
    .pdp .cta-smallprint-right, .pdp cta-smallprint-left {
      float: none;
      text-align: center !important;
      margin: 10px auto; }
    .pdp .specs-content {
      padding: 15px; } }
  @media only screen and (max-width: 480px) {
    .pdp .modal .modal-content {
      width: 100%; }
    .pdp .cta-butt {
      margin: 5px auto 10px auto;
      text-align: center; }
    .pdp table.specsinfo {
      display: block; }
    .pdp .specsinfo thead, .pdp .specsinfo tbody, .pdp .specsinfo th, .pdp .specsinfo td, .pdp .specsinfo tr {
      display: block; }
    .pdp .specsinfo thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .pdp .specsinfo tr {
      border-bottom: 10px solid transparent; }
    .pdp .specsinfo td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 0; }
      .pdp .specsinfo td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 100%;
        padding-right: 10px;
        white-space: nowrap; }
    .pdp .device-carousel {
      width: 100% !important;
      height: 580px;
      overflow: hidden;
      margin: 0 auto; }
    .pdp h3.triograyh3 {
      font-size: 18px;
      font-size: 1.8rem; }
    .pdp h1.triogreyh1 {
      font-family: 'gothambold';
      color: #a4a4a4;
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.1em; }
    .pdp .specs {
      line-height: 22px; }
    .pdp .specs_head {
      font-size: initial; }
    .pdp .addtoselections {
      margin: 10px auto !important;
      text-align: center; }
    .pdp .small_pad_right {
      padding-right: 15px;
      border-right: 1px solid #666; }
    .pdp .big_pad_right {
      padding-right: 0;
      padding-left: 15px; }
    .pdp .btn-pickprice {
      width: 100%;
      margin: 0 auto; }
    .pdp .prod_copy {
      padding-bottom: 15px;
      border-bottom: 1px solid #666;
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.6em;
      padding-right: 15px;
      height: auto !important; } }

.pricing-box {
  padding-left: 1px;
  padding-right: 1px; }

.specschecks-item-text span {
  font-weight: normal;
  color: #00a9e0; }

.pdp hr {
  margin: 1px 0;
  border-top: 1px solid #e4e4e4; }

/*@import "master/_slick.scss";*/
.pdp .variable-width .slick-slide p {
  background: #fff;
  height: 100px;
  color: #3498db;
  margin: 5px;
  line-height: 100px; }

.pdp .center .slick-center h3 {
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  color: #e67e22;
  opacity: 1;
  transform: scale(1.08); }

.pdp .center h3 {
  opacity: 0.8;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }

.pdp .features {
  display: block;
  list-style-type: none;
  margin-top: 30px;
  padding: 0;
  text-align: center; }
  .pdp .features li {
    margin: 20px 0; }

.pdp .margin-40 {
  margin-bottom: 40px; }

.pdp .more, .pdp .button.first {
  margin-top: 40px; }

.pdp .slider-nav-thumbs {
  margin: 0 4px; }

.pdp .slick-slide {
  outline: none !important;
  max-width: 300px; }
  .pdp .slick-slide .image {
    padding: 10px; }
  .pdp .slick-slide img {
    border: 0 solid #FFF !important;
    display: block;
    width: 100%;
    margin: 2px auto;
    max-width: 64px; }
    .pdp .slick-slide img.slick-loading {
      border: 0; }

.pdp .slick-slider {
  margin: 10px auto 30px !important;
  max-width: 300px; }

.pdp .slider-nav .slick-current {
  border: 1px solid #000 !important;
  outline: none !important;
  border-radius: 0; }

.pdp .slick-track {
  min-width: 294px;
  text-align: center; }

.pdp .slider-nav {
  width: 294px;
  margin: 0 auto; }
  .pdp .slider-nav .thumb:hover {
    border: 1px solid #666 !important;
    outline: none; }
  .pdp .slider-nav .slick-list.draggable {
    padding: 0 0 !important; }

.pdp .slider-nav-thumbs {
  max-width: 66px !important;
  min-width: 66px !important;
  height: 66px;
  border: 1px solid #cacbcd;
  float: none;
  display: inline-block; }
  .pdp .slider-nav-thumbs img {
    width: auto !important;
    height: auto;
    margin-top: -1px;
    max-width: 59px;
    max-height: 59px; }

.pdp .slider-for .slick-current.slick-active {
  border: 0 solid white !important;
  outline: none;
  height: 480px;
  overflow: hidden; }

.pdp .slider-for DIV img {
  width: auto;
  max-width: 98%;
  margin: 0 auto;
  max-height: 450px; }

@media (max-width: 420px) {
  .pdp ul.nav li a {
    display: block;
    font-size: 14px; } }

@media (max-width: 768px) {
  .pdp .blue h3 {
    font-size: 24px; }
  .pdp .button.first {
    margin-top: 40px; }
  .pdp .buttons {
    padding: 0 0 20px; }
    .pdp .buttons .button {
      float: left;
      font-size: 12px;
      margin: 1%;
      width: 48%; }
  .pdp .center {
    margin-left: -40px;
    margin-right: -40px; }
    .pdp .center .slick-center h3 {
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      -webkit-transform: scale(1);
      color: #e67e22;
      opacity: 1;
      transform: scale(1); }
    .pdp .center h3 {
      -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
      -o-transform: scale(0.95);
      -webkit-transform: scale(0.95);
      opacity: 0.8;
      transform: scale(0.95);
      transition: all 300ms ease; }
  .pdp .fixed-header .header-content {
    width: auto; } }

/*
@import "master/_slick-theme.scss";
@import "master/_slick-theme-overrides";
    */
.devicePickerWrapper {
  margin: 20px 0;
  background: -webkit-linear-gradient(white, #d7d7d7);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #d7d7d7);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #d7d7d7);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #d7d7d7);
  /* Standard syntax */ }
  .devicePickerWrapper.WhiteBackground {
    background: -webkit-linear-gradient(white, white);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, white);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, white);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, white);
    /* Standard syntax */
    background-color: white; }
  .devicePickerWrapper .title {
    text-transform: uppercase;
    font-family: "gothammedium", sans-serif;
    font-size: 21px;
    color: #6d6e71;
    float: left;
    padding-left: 25px; }
  .devicePickerWrapper a.cta {
    font-family: "gothambold", sans-serif;
    font-size: 17px;
    color: #b71234;
    padding-right: 25px; }
    .devicePickerWrapper a.cta.top {
      float: right; }
    .devicePickerWrapper a.cta.bottom {
      text-align: center;
      display: none; }
  .devicePickerWrapper .devicePickerContainer {
    padding: 0 45px;
    height: 338px;
    margin: 0px;
    position: relative; }
    .devicePickerWrapper .devicePickerContainer .devicePickerComponent {
      background: -webkit-linear-gradient(white, #d7d7d7);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(white, #d7d7d7);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(white, #d7d7d7);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(white, #d7d7d7);
      /* Standard syntax */
      height: 338px;
      padding: 0 0 16px 0; }
      .devicePickerWrapper .devicePickerContainer .devicePickerComponent.WhiteBackground {
        background: -webkit-linear-gradient(white, white);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(white, white);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(white, white);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(white, white);
        /* Standard syntax */
        background-color: white; }
      .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide {
        background-color: white;
        width: 174px;
        height: 321px;
        margin-right: 5px;
        margin-left: 5px;
        text-align: center; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide img {
          height: 178px;
          margin: 15px auto 20px auto;
          max-width: 170px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .name {
          font-family: "gothambook", sans-serif;
          font-size: 15px;
          line-height: 17px;
          color: black;
          padding: 0 5px; }
          .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .name.TwoLines {
            height: 34px; }
          .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .name.ThreeLines {
            height: 70px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .listPrice {
          font-family: "gothammedium", sans-serif;
          font-size: 15px;
          color: #6d6e71;
          margin: 10px 0;
          line-height: 15px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .contractPrice a {
          font-family: "gothambold", sans-serif;
          font-size: 21px;
          color: #00a9e0;
          line-height: 22px; }
        .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide sup {
          font-size: inherit;
          top: -0.2em; }
    .devicePickerWrapper .devicePickerContainer .ms-nav, .devicePickerWrapper .devicePickerContainer .ms-nav-prev, .devicePickerWrapper .devicePickerContainer .ms-nav-next {
      background: url(/images/red-paddles.png);
      width: 30px;
      height: 328px;
      cursor: pointer;
      top: -3px;
      position: absolute;
      z-index: 110;
      opacity: 1 !important;
      display: block; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-prev {
      background-position: -4px -0px;
      left: 14px; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-next {
      right: 14px;
      left: auto;
      background-position: 34px 0px; }
    .devicePickerWrapper .devicePickerContainer.ClassicPaddles {
      background-color: #b71234;
      margin: 0 18px;
      padding: 0 30px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-classic, .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-prev, .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-next {
        background: url(/images/hub-light-skin-red.png);
        width: 30px;
        height: 76px;
        cursor: pointer;
        top: 45%;
        margin-top: -20px;
        position: absolute;
        z-index: 110;
        opacity: 1 !important;
        display: block; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-prev {
        background-position: -90px -7px;
        left: 30px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-next {
        right: 30px;
        left: auto;
        background-position: -89px 139px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme {
        background-color: #6d6e71; }
        .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-classic-grey, .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-prev, .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-next {
          background: url(/images/hub-drkgray-theme.png); }
        .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-prev {
          background-position: -90px -7px; }
        .devicePickerWrapper .devicePickerContainer.ClassicPaddles.greyTheme .ms-nav-next {
          background-position: -89px 139px; }
    .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-grey, .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-prev, .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-next {
      background: url(/images/grey-paddles.png); }
    .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-prev {
      background-position: -4px -0px; }
    .devicePickerWrapper .devicePickerContainer.greyTheme .ms-nav-next {
      background-position: 34px 0px; }

@media only screen and (max-width: 480px) {
  .devicePickerWrapper .title {
    float: none;
    text-align: center;
    padding-left: 0; }
  .devicePickerWrapper a.cta.top {
    display: none; }
  .devicePickerWrapper a.cta.bottom {
    text-align: center;
    display: block;
    padding-bottom: 15px;
    padding-right: 0;
    margin-top: 10px; }
  .devicePickerWrapper .devicePickerContainer {
    padding: 0 40px; }
    .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide {
      width: 137px;
      margin-right: 4px;
      margin-left: 4px; }
      .devicePickerWrapper .devicePickerContainer .devicePickerComponent .slick-slide .contractPrice {
        font-size: 19px; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-prev {
      width: 25px;
      left: 10px; }
    .devicePickerWrapper .devicePickerContainer .ms-nav-next {
      width: 25px;
      right: 10px; }
    .devicePickerWrapper .devicePickerContainer.ClassicPaddles {
      height: 322px;
      margin: 0 5px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-prev {
        width: 25px; }
      .devicePickerWrapper .devicePickerContainer.ClassicPaddles .ms-nav-next {
        width: 25px; } }

.categoryLanding {
  min-height: 300px;
  /* Large Devices, Wide Screens */
  /* Medium Devices, Desktops */
  /* Small Devices, Tablets */ }
  .categoryLanding .editmode {
    margin: 20px 0;
    padding: 30px;
    background-color: #bbbdc0; }
  .categoryLanding .waiting {
    padding-top: 50px;
    text-align: center;
    font-size: 22px;
    font-family: "gothambold", sans-serif; }
    .categoryLanding .waiting img {
      margin-left: 20px; }
  .categoryLanding .comparemsg {
    width: 100%;
    padding: 10px 15px; }
  .categoryLanding .compareTitle {
    font-family: "gothammedium", sans-serif;
    color: #6d6e71;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .categoryLanding .compareSelect {
    margin-left: 0; }
    .categoryLanding .compareSelect select {
      width: 190px;
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      font-family: "gothammedium", sans-serif;
      font-size: 14px;
      color: #6d6e71;
      font-weight: normal;
      border: 1px solid #bcbec0; }
      .categoryLanding .compareSelect select:nth-child(-n+2) {
        margin-bottom: 10px; }
    .categoryLanding .compareSelect .btn-clear {
      color: #6d6e71;
      background-color: #f5f5f5;
      border: solid 1px #bcbec0;
      font-family: "gothambook", sans-serif;
      padding: 6px 12px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2.5em;
      height: 50px;
      width: 190px;
      text-align: center;
      vertical-align: middle; }
      .categoryLanding .compareSelect .btn-clear:hover, .categoryLanding .compareSelect .btn-clear:focus, .categoryLanding .compareSelect .btn-clear.focus, .categoryLanding .compareSelect .btn-clear:active, .categoryLanding .compareSelect .btn-clear.active {
        background-color: white;
        text-decoration: none;
        color: #b71234;
        cursor: pointer; }
    .categoryLanding .compareSelect .open > .dropdown-toggle.btn-clear {
      background-color: white;
      text-decoration: none;
      color: #b71234;
      cursor: pointer; }
    .categoryLanding .compareSelect .btn-clear:active, .categoryLanding .compareSelect .btn-clear.active {
      background-image: none; }
    .categoryLanding .compareSelect .open > .dropdown-toggle.btn-clear {
      background-image: none; }
    .categoryLanding .compareSelect .btn-clear.disabled, .categoryLanding .compareSelect .btn-clear[disabled] {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect fieldset[disabled] .btn-clear {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect .btn-clear.disabled:hover, .categoryLanding .compareSelect .btn-clear[disabled]:hover {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect fieldset[disabled] .btn-clear:hover {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect .btn-clear.disabled:focus, .categoryLanding .compareSelect .btn-clear[disabled]:focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect fieldset[disabled] .btn-clear:focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect .btn-clear.disabled.focus, .categoryLanding .compareSelect .btn-clear[disabled].focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect fieldset[disabled] .btn-clear.focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect .btn-clear.disabled:active, .categoryLanding .compareSelect .btn-clear[disabled]:active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect fieldset[disabled] .btn-clear:active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect .btn-clear.disabled.active, .categoryLanding .compareSelect .btn-clear[disabled].active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect fieldset[disabled] .btn-clear.active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .categoryLanding .compareSelect .btn-clear .badge {
      color: #e74c3c;
      background-color: #ffffff; }
  .categoryLanding .compareWrapper {
    height: 90px;
    border: solid 1px #bcbec0;
    padding: 10px; }
    .categoryLanding .compareWrapper .compare {
      float: left;
      border-right: solid 1px #bcbec0;
      width: 144px;
      height: 70px;
      overflow: hidden; }
      .categoryLanding .compareWrapper .compare.noBorder {
        border-right: none; }
      .categoryLanding .compareWrapper .compare .compareImg {
        float: left;
        margin-right: 5px;
        margin-left: 10px; }
        .categoryLanding .compareWrapper .compare .compareImg.noMargin {
          margin-left: 0; }
        .categoryLanding .compareWrapper .compare .compareImg img {
          width: 39px;
          height: 67px; }
      .categoryLanding .compareWrapper .compare .compareName {
        float: left;
        margin-right: 10px;
        width: 72px;
        height: 64px;
        line-height: 16px;
        font-family: "gothambook", sans-serif;
        font-size: 14px;
        color: #6d6e71;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden; }
      .categoryLanding .compareWrapper .compare .compareClose {
        float: left;
        line-height: 10px;
        margin-left: 50%;
        margin-top: -61px; }
  .categoryLanding .showing {
    color: #6d6e71;
    font-size: 14px;
    display: none;
    margin-bottom: 10px;
    margin-top: 10px; }
    .categoryLanding .showing .filter {
      margin-right: 10px; }
      .categoryLanding .showing .filter img {
        margin-left: 3px; }
  .categoryLanding .btn-compare {
    float: right;
    padding: 5px;
    font-size: 14px;
    display: inline-block;
    width: 190px;
    line-height: 3.9rem;
    font-family: "gothammedium", sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    background-color: #f5f5f5;
    color: #6d6e71;
    border-right: solid 1px #bcbec0;
    border-left: solid 1px #bcbec0;
    border-bottom: solid 1px #bcbec0;
    text-align: center;
    margin-bottom: 10px; }
    .categoryLanding .btn-compare:hover {
      background-color: white;
      color: #b81234;
      cursor: pointer; }
    .categoryLanding .btn-compare.disabled:hover {
      background-color: #f5f5f5; }
  .categoryLanding .smcolpad {
    padding-right: .45%;
    padding-left: 0; }
  .categoryLanding .smcolpad:nth-child(3n+2) {
    padding-left: .45%;
    padding-right: .45%; }
  .categoryLanding .smcolpad:nth-child(3n+0) {
    padding-left: .45%;
    padding-right: 0; }
  .categoryLanding .content .device {
    margin-bottom: .45%;
    margin-top: .45%;
    font-family: "gothammedium", sans-serif; }
    .categoryLanding .content .device a:hover, .categoryLanding .content .device a:focus {
      text-decoration: none; }
    .categoryLanding .content .device .sash {
      position: absolute; }
    .categoryLanding .content .device .deviceImage {
      margin: 15px auto;
      text-align: center; }
      .categoryLanding .content .device .deviceImage img {
        height: 200px; }
    .categoryLanding .content .device .details {
      background-color: #f5f5f5;
      padding: 20px 28px 57px 28px;
      color: #6d6e71;
      text-decoration: none; }
      .categoryLanding .content .device .details .showprices {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: -5px; }
      .categoryLanding .content .device .details .name {
        font-size: 24px;
        display: block;
        color: black;
        font-family: "gothambook", sans-serif;
        height: 54px;
        line-height: 25px; }
      .categoryLanding .content .device .details .footer {
        font-size: 14px;
        text-align: left;
        color: #6d6e71;
        line-height: 17px; }
      .categoryLanding .content .device .details .left {
        width: 48%;
        float: left;
        padding-right: 10px; }
        .categoryLanding .content .device .details .left .price {
          font-size: 24px;
          line-height: 40px;
          color: #6d6e71; }
      .categoryLanding .content .device .details .right {
        width: 48%;
        float: left; }
        .categoryLanding .content .device .details .right .price {
          color: #00a9e0;
          font-size: 28px;
          line-height: 40px; }
          .categoryLanding .content .device .details .right .price .footer {
            font-size: 14px;
            text-align: left; }
      .categoryLanding .content .device .details .retailPrice {
        font-size: 12px;
        display: block; }
      .categoryLanding .content .device .details .compare {
        font-size: 12px;
        text-transform: uppercase; }
        .categoryLanding .content .device .details .compare input[type="checkbox"] {
          margin-right: 0;
          height: 16px;
          width: 16px; }
  .categoryLanding .categoryLinks {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px; }
    .categoryLanding .categoryLinks a {
      font-family: "gothambold", sans-serif;
      font-size: 16px;
      color: black; }
  .categoryLanding .deviceborder {
    border: solid 1px #bcbec0;
    position: relative;
    overflow: hidden; }
  .categoryLanding .catpagecheckbox input[type=checkbox] {
    visibility: hidden; }
  .categoryLanding .catpagecheckbox {
    width: 18px;
    height: 18px;
    background: transparent;
    float: left;
    margin: 20px 10px 0 -4px;
    position: relative; }
  .categoryLanding .catpagecheckbox label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 4px;
    top: -4px;
    border: 2px solid #bcbec0;
    background: #FFF; }
  .categoryLanding .catpagecheckbox label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #b81234;
    top: 2px;
    left: 2px; }
  .categoryLanding .catpagecheckbox label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3; }
  .categoryLanding .catpagecheckbox input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  .categoryLanding .catpagecheckbox input[type=checkbox]:checked + label {
    border: 2px solid #b81234 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  .categoryLanding input[type="radio"], .categoryLanding input[type="checkbox"] {
    margin: 6px 10px 0 6px;
    margin-top: 1px \9;
    line-height: normal; }
  .categoryLanding span.compareCopy {
    position: absolute;
    margin: -3.55px 0 0 22px;
    color: #6d6e71 !important; }
  @media only screen and (max-width: 1200px) {
    .categoryLanding .btn-clear {
      padding: 5px 5px !important;
      margin-top: 4px; }
    .categoryLanding .btn-compare {
      margin-top: 10px;
      margin-bottom: 20px;
      border-top: solid 1px #bcbec0; }
    .categoryLanding .compareWrapper {
      height: auto !important; }
    .categoryLanding .compareWrapper .compare {
      width: 50%; }
    .categoryLanding .compareWrapper .compare:nth-child(2n+2) {
      border-right: none; }
    .categoryLanding .smcolpad:nth-child(even) {
      padding-left: .5%;
      padding-right: initial; }
    .categoryLanding .smcolpad:nth-child(odd) {
      padding-right: .5%;
      padding-left: initial; } }
  @media (max-width: 1199) {
    .categoryLanding .btn-clear {
      padding: 5px 5px !important;
      margin-top: 6px; } }
  @media (min-width: 768px) and (max-width: 1200px) {
    .categoryLanding div.cs-skin-slide {
      width: 47.5%; } }
  @media only screen and (max-width: 1024) {
    .categoryLanding .content .device {
      margin-bottom: .25%;
      margin-top: .25%;
      font-family: "gothammedium", sans-serif; }
      .categoryLanding .content .device a:hover, .categoryLanding .content .device a:focus {
        text-decoration: none; }
      .categoryLanding .content .device .sash {
        position: absolute; }
      .categoryLanding .content .device .deviceImage {
        margin: 15px auto;
        text-align: center; }
        .categoryLanding .content .device .deviceImage img {
          height: 200px; }
      .categoryLanding .content .device .details {
        background-color: #f5f5f5;
        padding: 20px 28px 57px 28px;
        color: #6d6e71;
        text-decoration: none; }
        .categoryLanding .content .device .details .name {
          font-size: 24px;
          display: block;
          color: black;
          font-family: "gothambook", sans-serif;
          height: 54px;
          line-height: 25px; }
        .categoryLanding .content .device .details .footer {
          font-size: 14px;
          text-align: left;
          color: #6d6e71;
          line-height: 17px; }
        .categoryLanding .content .device .details .left {
          width: 49.5%;
          float: left;
          padding-right: 1%; }
          .categoryLanding .content .device .details .left .price {
            font-size: 24px;
            line-height: 40px;
            color: #6d6e71; }
        .categoryLanding .content .device .details .right {
          width: 49.5%;
          float: left; }
          .categoryLanding .content .device .details .right .price {
            color: #00a9e0;
            font-size: 28px;
            line-height: 40px; }
            .categoryLanding .content .device .details .right .price .footer {
              font-size: 14px;
              text-align: left; }
        .categoryLanding .content .device .details .retailPrice {
          font-size: 12px;
          display: block; }
        .categoryLanding .content .device .details .compare {
          font-size: 12px;
          text-transform: uppercase; }
          .categoryLanding .content .device .details .compare input[type="checkbox"] {
            margin-right: 0;
            height: 16px;
            width: 16px; } }
  @media only screen and (max-width: 992px) {
    .categoryLanding .compareSelect select {
      width: 47.1%;
      margin-right: 1.7% !important; }
    .categoryLanding .content .device .details {
      padding: 20px 20px 57px 20px; }
    .categoryLanding .content .device {
      margin-bottom: 0.56%;
      margin-top: 1%; }
    .categoryLanding .btn-clear {
      padding: 7px 5px; } }
  @media only screen and (max-width: 768px) {
    .categoryLanding .categoryLanding .content .device .details {
      padding: 20px 28px 80px 28px; }
    .categoryLanding .btn-clear {
      margin-bottom: 20px;
      margin-right: 2%;
      padding: 8px 5px !important; }
    .categoryLanding .compareTitle {
      padding: 0 15px; }
    .categoryLanding .showing {
      padding: 0 15px; }
    .categoryLanding .compareSelect {
      padding: 0 15px; }
      .categoryLanding .compareSelect select {
        width: 100%;
        margin-bottom: 10px; }
      .categoryLanding .compareSelect .btn-clear {
        height: inherit;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: inherit;
        text-align: center; }
    .categoryLanding .content .device {
      /*width: 100%;*/ }
      .categoryLanding .content .device .details {
        padding: 20px 28px; }
        .categoryLanding .content .device .details .name {
          font-size: 22px; }
        .categoryLanding .content .device .details .left .price {
          font-size: 22px; }
        .categoryLanding .content .device .details .right .price {
          font-size: 26px; }
        .categoryLanding .content .device .details .footer {
          font-size: 12px; }
    .categoryLanding .smcolpad {
      padding-left: 15px !important;
      padding-right: 15px !important; } }

.accessoryLanding {
  min-height: 300px;
  /*first select dropdown*/
  /*all other select dropdowns*/ }
  .accessoryLanding .editmode {
    margin: 20px 0;
    padding: 30px;
    background-color: #bbbdc0; }
  .accessoryLanding .waiting {
    padding-top: 50px;
    text-align: center;
    font-size: 22px;
    font-family: "gothambold", sans-serif; }
    .accessoryLanding .waiting img {
      margin-left: 20px; }
  .accessoryLanding .selectmarg {
    margin: 0 9.9px 8px 0; }
  .accessoryLanding .selectmargright {
    margin: 0 9.9px 0 0; }
  .accessoryLanding .selectpad:first-child {
    padding-right: .45%;
    padding-left: 0; }
  .accessoryLanding .selectpad {
    padding-right: .45%;
    padding-left: .45%; }
  .accessoryLanding .filterTitle {
    font-family: "gothammedium", sans-serif;
    color: #6d6e71;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .accessoryLanding .filterSelect {
    margin-left: 0; }
    .accessoryLanding .filterSelect select {
      width: 190px;
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      font-family: "gothammedium", sans-serif;
      font-size: 14px;
      color: #6d6e71;
      font-weight: bold; }
    .accessoryLanding .filterSelect .btn-clear {
      height: 32px;
      font-size: 13px;
      display: inline-block;
      font-family: "gothambook", sans-serif;
      text-transform: uppercase;
      letter-spacing: .05em;
      color: #bbbdc0;
      background-color: #f5f5f5;
      color: #6d6e71;
      border: solid 1px #6d6e71;
      width: 100%; }
      .accessoryLanding .filterSelect .btn-clear:hover {
        background-color: white;
        border: solid 1px #b81234;
        text-decoration: none;
        cursor: pointer; }
  .accessoryLanding .hubbtn {
    line-height: 3.1rem;
    padding: 0 3.5rem; }
  .accessoryLanding .showing {
    color: #6d6e71;
    font-size: 14px;
    display: none;
    margin-bottom: 10px;
    margin-top: 10px; }
    .accessoryLanding .showing .filter {
      margin-right: 10px; }
      .accessoryLanding .showing .filter img {
        margin-left: 3px; }
  .accessoryLanding .content .accessory {
    margin-bottom: 0.45%;
    margin-top: 0.45%;
    font-family: "gothammedium", sans-serif; }
    .accessoryLanding .content .accessory .sash {
      position: absolute; }
    .accessoryLanding .content .accessory a:hover {
      text-decoration: none; }
    .accessoryLanding .content .accessory .accessoryImage {
      margin: 15px auto;
      text-align: center;
      height: 218px; }
      .accessoryLanding .content .accessory .accessoryImage img {
        height: 200px; }
    .accessoryLanding .content .accessory .details {
      font-family: "gothambook", sans-serif;
      background-color: #f5f5f5;
      padding: 20px 28px;
      height: 190px;
      color: #6d6e71; }
      .accessoryLanding .content .accessory .details .name {
        font-size: 24px;
        display: block;
        color: black;
        height: 115px;
        line-height: 25px; }
      .accessoryLanding .content .accessory .details .retailPrice {
        color: #00a9e0;
        font-size: 28px;
        line-height: 20px; }

/* The ribbons */
.corner-ribbon {
  width: 297px;
  position: absolute;
  top: 25px;
  left: -100px;
  text-align: center;
  line-height: 21px;
  letter-spacing: 1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  padding: 10px 0; }

/* Custom styles */
.corner-ribbon.sticky {
  position: fixed; }

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

/* Different positions */
.corner-ribbon .top-left {
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.corner-ribbon .top-right {
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.corner-ribbon .bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.corner-ribbon .bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

@media (max-width: 767px) {
  .accessoryLanding {
    padding-right: 15px;
    padding-left: 15px; }
    .accessoryLanding .filterTitle {
      padding: 0 0 10px; }
    .accessoryLanding .showing {
      padding: 0 10px; }
    .accessoryLanding .filterSelect {
      padding: 0; }
      .accessoryLanding .filterSelect select {
        width: 100%;
        margin-bottom: 15px; }
      .accessoryLanding .filterSelect .btn-clear {
        height: inherit;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: inherit;
        text-align: center; }
    .accessoryLanding .content .accessory {
      width: 100%; } }

.accessoryLanding {
  /*.selectmarg {
    margin: 0 .45%;
}
.selectmargright {
    margin: 0 .45% 0 0;
}*/
  /* Large Devices, Wide Screens */
  /* Medium Devices, Desktops */
  /* Small Devices, Tablets */ }
  .accessoryLanding .editmode {
    margin: 20px 0;
    padding: 30px;
    background-color: #bbbdc0; }
  .accessoryLanding .waiting {
    padding-top: 50px;
    text-align: center;
    font-size: 22px;
    font-family: "gothambold", sans-serif; }
    .accessoryLanding .waiting img {
      margin-left: 20px; }
  .accessoryLanding .comparemsg {
    width: 100%;
    padding: 10px 15px; }
  .accessoryLanding .compareTitle {
    font-family: "gothammedium", sans-serif;
    color: #6d6e71;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .accessoryLanding .compareSelect {
    margin-left: 0; }
    .accessoryLanding .compareSelect select {
      width: 190px;
      height: 40px;
      padding-left: 10px;
      padding-right: 10px;
      font-family: "gothammedium", sans-serif;
      font-size: 14px;
      color: #6d6e71;
      font-weight: normal;
      border: 1px solid #bcbec0; }
      .accessoryLanding .compareSelect select:nth-child(-n+2) {
        margin-bottom: 10px; }
    .accessoryLanding .compareSelect .btn-clear {
      color: #6d6e71;
      background-color: #f5f5f5;
      border: solid 1px #bcbec0;
      font-family: "gothambook", sans-serif;
      padding: 6px 12px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 2.5em;
      height: 50px;
      width: 190px;
      text-align: center;
      vertical-align: middle; }
      .accessoryLanding .compareSelect .btn-clear:hover, .accessoryLanding .compareSelect .btn-clear:focus, .accessoryLanding .compareSelect .btn-clear.focus, .accessoryLanding .compareSelect .btn-clear:active, .accessoryLanding .compareSelect .btn-clear.active {
        background-color: white;
        text-decoration: none;
        color: #b71234;
        cursor: pointer; }
    .accessoryLanding .compareSelect .open > .dropdown-toggle.btn-clear {
      background-color: white;
      text-decoration: none;
      color: #b71234;
      cursor: pointer; }
    .accessoryLanding .compareSelect .btn-clear:active, .accessoryLanding .compareSelect .btn-clear.active {
      background-image: none; }
    .accessoryLanding .compareSelect .open > .dropdown-toggle.btn-clear {
      background-image: none; }
    .accessoryLanding .compareSelect .btn-clear.disabled, .accessoryLanding .compareSelect .btn-clear[disabled] {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect fieldset[disabled] .btn-clear {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect .btn-clear.disabled:hover, .accessoryLanding .compareSelect .btn-clear[disabled]:hover {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect fieldset[disabled] .btn-clear:hover {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect .btn-clear.disabled:focus, .accessoryLanding .compareSelect .btn-clear[disabled]:focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect fieldset[disabled] .btn-clear:focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect .btn-clear.disabled.focus, .accessoryLanding .compareSelect .btn-clear[disabled].focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect fieldset[disabled] .btn-clear.focus {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect .btn-clear.disabled:active, .accessoryLanding .compareSelect .btn-clear[disabled]:active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect fieldset[disabled] .btn-clear:active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect .btn-clear.disabled.active, .accessoryLanding .compareSelect .btn-clear[disabled].active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect fieldset[disabled] .btn-clear.active {
      background-color: #f6f6f6;
      border-color: #f6f6f6; }
    .accessoryLanding .compareSelect .btn-clear .badge {
      color: #e74c3c;
      background-color: #ffffff; }
  .accessoryLanding .compareWrapper {
    height: 90px;
    border: solid 1px #bcbec0;
    padding: 10px; }
    .accessoryLanding .compareWrapper .compare {
      float: left;
      border-right: solid 1px #bcbec0;
      width: 144px;
      height: 70px;
      overflow: hidden; }
      .accessoryLanding .compareWrapper .compare.noBorder {
        border-right: none; }
      .accessoryLanding .compareWrapper .compare .compareImg {
        float: left;
        margin-right: 5px;
        margin-left: 10px; }
        .accessoryLanding .compareWrapper .compare .compareImg.noMargin {
          margin-left: 0; }
        .accessoryLanding .compareWrapper .compare .compareImg img {
          width: 39px;
          height: 67px; }
      .accessoryLanding .compareWrapper .compare .compareName {
        float: left;
        margin-right: 10px;
        width: 72px;
        height: 64px;
        line-height: 16px;
        font-family: "gothambook", sans-serif;
        font-size: 14px;
        color: #6d6e71;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden; }
      .accessoryLanding .compareWrapper .compare .compareClose {
        float: left;
        line-height: 10px;
        margin-left: 50%;
        margin-top: -61px; }
  .accessoryLanding .showing {
    color: #6d6e71;
    font-size: 14px;
    display: none;
    margin-bottom: 10px;
    margin-top: 10px; }
    .accessoryLanding .showing .filter {
      margin-right: 10px; }
      .accessoryLanding .showing .filter img {
        margin-left: 3px; }
  .accessoryLanding .btn-compare {
    float: right;
    padding: 5px;
    font-size: 14px;
    display: inline-block;
    width: 190px;
    line-height: 3.9rem;
    font-family: "gothammedium", sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    background-color: #f5f5f5;
    color: #6d6e71;
    border-right: solid 1px #bcbec0;
    border-left: solid 1px #bcbec0;
    border-bottom: solid 1px #bcbec0;
    text-align: center;
    margin-bottom: 10px; }
    .accessoryLanding .btn-compare:hover {
      background-color: white;
      color: #b81234;
      cursor: pointer; }
    .accessoryLanding .btn-compare.disabled:hover {
      background-color: #f5f5f5; }
  .accessoryLanding .smcolpad {
    padding-right: .45%;
    padding-left: 0; }
  .accessoryLanding .smcolpad:nth-child(3n+2), .accessoryLanding .smcolpad:nth-child(3n+3) {
    padding-left: .45%;
    padding-right: .45%; }
  .accessoryLanding .smcolpad:nth-child(3n+0) {
    padding-left: .45%;
    padding-right: 0; }
  .accessoryLanding .content .device {
    margin-bottom: .45%;
    margin-top: .45%;
    font-family: "gothammedium", sans-serif; }
    .accessoryLanding .content .device a:hover, .accessoryLanding .content .device a:focus {
      text-decoration: none; }
    .accessoryLanding .content .device .sash {
      position: absolute; }
    .accessoryLanding .content .device .deviceImage {
      margin: 15px auto;
      text-align: center; }
      .accessoryLanding .content .device .deviceImage img {
        height: 200px; }
    .accessoryLanding .content .device .details {
      background-color: #f5f5f5;
      padding: 20px 28px 57px 28px;
      color: #6d6e71;
      text-decoration: none; }
      .accessoryLanding .content .device .details .showprices {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: -5px; }
      .accessoryLanding .content .device .details .name {
        font-size: 24px;
        display: block;
        color: black;
        font-family: "gothambook", sans-serif;
        height: 54px;
        line-height: 25px; }
      .accessoryLanding .content .device .details .footer {
        font-size: 14px;
        text-align: left;
        color: #6d6e71;
        line-height: 17px; }
      .accessoryLanding .content .device .details .left {
        width: 48%;
        float: left;
        padding-right: 10px; }
        .accessoryLanding .content .device .details .left .price {
          font-size: 24px;
          line-height: 40px;
          color: #6d6e71; }
      .accessoryLanding .content .device .details .right {
        width: 48%;
        float: left; }
        .accessoryLanding .content .device .details .right .price {
          color: #00a9e0;
          font-size: 28px;
          line-height: 40px; }
          .accessoryLanding .content .device .details .right .price .footer {
            font-size: 14px;
            text-align: left; }
      .accessoryLanding .content .device .details .retailPrice {
        font-size: 12px;
        display: block; }
      .accessoryLanding .content .device .details .compare {
        font-size: 12px;
        text-transform: uppercase; }
        .accessoryLanding .content .device .details .compare input[type="checkbox"] {
          margin-right: 0;
          height: 16px;
          width: 16px; }
  .accessoryLanding .deviceborder {
    border: solid 1px #bcbec0;
    position: relative;
    overflow: hidden; }
  .accessoryLanding .catpagecheckbox input[type=checkbox] {
    visibility: hidden; }
  .accessoryLanding .catpagecheckbox {
    width: 18px;
    height: 18px;
    background: transparent;
    float: left;
    margin: 20px 10px 0 -4px;
    position: relative; }
  .accessoryLanding .catpagecheckbox label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 4px;
    top: -4px;
    border: 2px solid #bcbec0;
    background: #FFF; }
  .accessoryLanding .catpagecheckbox label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #b81234;
    top: 2px;
    left: 2px; }
  .accessoryLanding .catpagecheckbox label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3; }
  .accessoryLanding .catpagecheckbox input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  .accessoryLanding .catpagecheckbox input[type=checkbox]:checked + label {
    border: 2px solid #b81234 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; }
  .accessoryLanding input[type="radio"], .accessoryLanding input[type="checkbox"] {
    margin: 6px 10px 0 6px;
    margin-top: 1px \9;
    line-height: normal; }
  .accessoryLanding span.compareCopy {
    position: absolute;
    margin: -3.55px 0 0 22px;
    color: #6d6e71 !important; }
  @media only screen and (max-width: 1200px) {
    .accessoryLanding {
      /*all other select dropdowns*/ }
      .accessoryLanding .selectpad {
        padding-right: .45%;
        padding-left: .45%; }
      .accessoryLanding .btn-clear {
        margin-top: 4px; }
      .accessoryLanding .btn-compare {
        margin-top: 10px;
        margin-bottom: 20px;
        border-top: solid 1px #bcbec0; }
      .accessoryLanding .compareWrapper {
        height: auto !important; }
      .accessoryLanding .compareWrapper .compare {
        width: 50%; }
      .accessoryLanding .compareWrapper .compare:nth-child(2n+2) {
        border-right: none; }
      .accessoryLanding .selectpad:last-child {
        padding-left: .45%;
        padding-right: initial; }
      .accessoryLanding .selectpad:first-child {
        padding-right: .45%;
        padding-left: initial; } }
  @media (max-width: 1199) {
    .accessoryLanding .btn-clear {
      padding: 5px 5px !important;
      margin-top: 6px; } }
  @media (min-width: 768px) and (max-width: 1200px) {
    .accessoryLanding div.cs-skin-slide {
      width: 100%; }
    .accessoryLanding .btn-clear {
      padding: 0;
      padding-top: 0;
      text-align: center;
      margin-top: 0; } }
  @media only screen and (max-width: 1024) {
    .accessoryLanding {
      /*first select dropdown*/
      /*all other select dropdowns*/ }
      .accessoryLanding .selectpad:first-child {
        padding-right: 0;
        padding-left: 0; }
      .accessoryLanding .selectpad {
        padding-right: 0;
        padding-left: 0; }
      .accessoryLanding .content .device {
        margin-bottom: .25%;
        margin-top: .25%;
        font-family: "gothammedium", sans-serif; }
        .accessoryLanding .content .device a:hover, .accessoryLanding .content .device a:focus {
          text-decoration: none; }
        .accessoryLanding .content .device .sash {
          position: absolute; }
        .accessoryLanding .content .device .deviceImage {
          margin: 15px auto;
          text-align: center; }
          .accessoryLanding .content .device .deviceImage img {
            height: 200px; }
        .accessoryLanding .content .device .details {
          background-color: #f5f5f5;
          padding: 20px 28px 57px 28px;
          color: #6d6e71;
          text-decoration: none; }
          .accessoryLanding .content .device .details .name {
            font-size: 24px;
            display: block;
            color: black;
            font-family: "gothambook", sans-serif;
            height: 54px;
            line-height: 25px; }
          .accessoryLanding .content .device .details .footer {
            font-size: 14px;
            text-align: left;
            color: #6d6e71;
            line-height: 17px; }
          .accessoryLanding .content .device .details .left {
            width: 49.5%;
            float: left;
            padding-right: 1%; }
            .accessoryLanding .content .device .details .left .price {
              font-size: 24px;
              line-height: 40px;
              color: #6d6e71; }
          .accessoryLanding .content .device .details .right {
            width: 49.5%;
            float: left; }
            .accessoryLanding .content .device .details .right .price {
              color: #00a9e0;
              font-size: 28px;
              line-height: 40px; }
              .accessoryLanding .content .device .details .right .price .footer {
                font-size: 14px;
                text-align: left; }
          .accessoryLanding .content .device .details .retailPrice {
            font-size: 12px;
            display: block; }
          .accessoryLanding .content .device .details .compare {
            font-size: 12px;
            text-transform: uppercase; }
            .accessoryLanding .content .device .details .compare input[type="checkbox"] {
              margin-right: 0;
              height: 16px;
              width: 16px; } }
  @media only screen and (max-width: 992px) {
    .accessoryLanding .compareSelect select {
      width: 47.1%;
      margin-right: 1.7% !important; }
    .accessoryLanding .content .device .details {
      padding: 20px 20px 57px 20px; }
    .accessoryLanding .content .device {
      margin-bottom: 0.56%;
      margin-top: 1%; } }
  @media only screen and (max-width: 768px) {
    .accessoryLanding .smcolpad {
      padding-right: 0 !important;
      padding-left: 0 !important;
      padding-bottom: 8px; }
    .accessoryLanding .selectpad:first-child {
      padding-right: 0;
      padding-left: 0; }
    .accessoryLanding .selectpad {
      padding-right: 0;
      padding-left: 0; }
    .accessoryLanding .content .device .details {
      padding: 20px 28px 80px 28px; }
    .accessoryLanding .btn-clear {
      margin-bottom: 20px;
      margin-right: 2%;
      padding: 8px 5px !important; }
    .accessoryLanding .compareTitle {
      padding: 0 15px; }
    .accessoryLanding .showing {
      padding: 0 15px; }
    .accessoryLanding .compareSelect {
      padding: 0 15px; }
      .accessoryLanding .compareSelect select {
        width: 100%;
        margin-bottom: 10px; }
      .accessoryLanding .compareSelect .btn-clear {
        height: inherit;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: inherit;
        text-align: center; }
    .accessoryLanding .content .device {
      /*width: 100%;*/ }
      .accessoryLanding .content .device .details {
        padding: 20px 28px; }
        .accessoryLanding .content .device .details .name {
          font-size: 22px; }
        .accessoryLanding .content .device .details .left .price {
          font-size: 22px; }
        .accessoryLanding .content .device .details .right .price {
          font-size: 26px; }
        .accessoryLanding .content .device .details .footer {
          font-size: 12px; } }

.scratchPad {
  /* scroll fixes */ }
  .scratchPad .modal-open .modal {
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow-y: scroll; }
  .scratchPad .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
    /* This makes sure that we can still click outside of the modal to close it */ }
  .scratchPad .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none; }
  .scratchPad .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    /*width:inherit;*/
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
    width: 602px;
    border-radius: 0px;
    box-shadow: none; }
  .scratchPad .modal-body {
    padding: 30px; }
    .scratchPad .modal-body h1 {
      margin: 0 0 30px;
      font-size: 24px;
      color: #bcbec0; }
    .scratchPad .modal-body p.subtitle {
      color: #bcbec0;
      margin: 30px 0 10px; }
    .scratchPad .modal-body .btn-change {
      height: 32px;
      width: 140px;
      margin: 0 10px;
      border: 1px solid #bcbec0;
      background-color: whitesmoke;
      color: #6d6e71;
      display: block;
      text-align: center;
      float: left; }
    .scratchPad .modal-body select {
      float: left;
      height: 32px;
      width: 320px; }
  .scratchPad .close-modal {
    position: absolute;
    right: 15px;
    top: 15px; }
  .scratchPad .modal-footer {
    padding: 0 30px 30px; }
  @media screen and (max-width: 830px) {
    .scratchPad .modal-content {
      width: 402px; }
    .scratchPad .modal-body {
      padding: 15px 35px 0; } }

.featureModule {
  height: 100%;
  min-height: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .featureModule .foverlay {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0; }
  .featureModule.sideSpacer {
    margin: 0 8px; }
  .featureModule.leftSideSpacer {
    margin: 0 0 0 8px; }
  .featureModule.rightSideSpacer {
    margin: 0 8px 0 0; }
  .featureModule.backred {
    background-color: #b71234; }
  .featureModule.backblue {
    background-color: #00a9e0; }
  .featureModule.backgcigray {
    background-color: #bbbdc0; }
  .featureModule.backwhite {
    background-color: white; }
  .featureModule.backdarkgrey {
    background-color: #6d6e71; }
  .featureModule.backdarkred {
    background-color: #831525; }
  .featureModule.backteal {
    background-color: #27bbb2; }
  .featureModule.backyellow {
    background-color: #ffcb08; }
  .featureModule.backwhitegraygrad {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(100%, #b6b7b7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 12%, #b6b7b7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b7b7',GradientType=0 );
    /* IE6-9 */ }
  .featureModule .featureImage {
    text-align: center; }
    .featureModule .featureImage img {
      max-width: 100%; }
    .featureModule .featureImage.noPadding {
      padding: 0; }
      .featureModule .featureImage.noPadding img {
        width: 100%; }
  .featureModule .copyWrapper {
    position: relative;
    bottom: 0px;
    width: 100%; }
  .featureModule .copy {
    padding: 15px;
    text-align: center;
    z-index: 2;
    position: relative; }
    .featureModule .copy h2 {
      font-size: 30px;
      line-height: 30px;
      margin-top: 0;
      font-family: "gothammedium", sans-serif;
      text-transform: uppercase; }
      .featureModule .copy h2.BusinessHeading {
        font-family: "gothambook", sans-serif;
        font-size: 30px;
        line-height: 30px; }
    .featureModule .copy .featureCopy {
      line-height: 18px; }
      .featureModule .copy .featureCopy.BusinessCopy {
        font-family: "gothambook", sans-serif;
        font-size: 16px; }
      .featureModule .copy .featureCopy.narrowCopy {
        margin: 0 60px; }
  .featureModule .iconImage img {
    padding: 5px 0 20px; }
  .featureModule .copyleft {
    text-align: left; }
  .featureModule .featureLink {
    z-index: 2;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 0 15px 15px 15px; }
    .featureModule .featureLink a {
      text-transform: uppercase; }
  .featureModule.backgroundImage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center; }
    .featureModule.backgroundImage .copy {
      min-height: 265px; }
    .featureModule.backgroundImage .copyleft {
      text-align: left; }
    .featureModule.backgroundImage .featureImage {
      display: none; }
    @media only screen and (max-width: 768px) {
      .featureModule.backgroundImage .copy {
        min-height: 100%; } }
  @media only screen and (max-width: 768px) {
    .featureModule .copy {
      min-height: 100%; }
    .featureModule .featureLink {
      z-index: 2;
      position: relative; }
    .featureModule .copyWrapper {
      position: relative; } }
  @media only screen and (min-width: 768px) and (max-width: 1100px) {
    .featureModule .copyWrapper {
      position: relative; }
    .featureModule .copy h2 {
      line-height: 26px;
      font-size: 25px; } }
  .featureModule .overlay {
    width: 100%;
    height: 321px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    pointer-events: none;
    padding: 0; }
    .featureModule .overlay.short {
      height: 323px; }
    .featureModule .overlay.overlayred {
      background-color: #b71234; }
    .featureModule .overlay.overlayteal {
      background-color: #27bbb2; }
    .featureModule .overlay.overlaydarkgray {
      background-color: #6d6e71; }
    .featureModule .overlay.overlayblack {
      background-color: black;
      opacity: 0.7; }
    .featureModule .overlay.overlayblue {
      background-color: #00a9e0; }

.featureModuleShort {
  padding: 0 15px; }
  .featureModuleShort.backred {
    background-color: #b71234; }
  .featureModuleShort.backblue {
    background-color: #00a9e0; }
  .featureModuleShort.backwhite {
    background-color: white; }
  .featureModuleShort.backdarkgrey {
    background-color: #6d6e71; }
  .featureModuleShort.backwhitegraygrad {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(100%, #b6b7b7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 12%, #b6b7b7 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b7b7',GradientType=0 );
    /* IE6-9 */ }
  .featureModuleShort .copy {
    float: left;
    width: 66%; }
    .featureModuleShort .copy h2 {
      margin-bottom: 10px;
      font-family: 'gothambold'; }
    .featureModuleShort .copy .featureCopy {
      min-height: 83px;
      font-family: 'gothammedium'; }
  .featureModuleShort .copyleft {
    text-align: left; }
  .featureModuleShort .featureImage {
    float: right;
    width: 33%; }
  .featureModuleShort .featureLink {
    float: left; }
  .featureModuleShort .btn-userdefined {
    margin: inherit; }

.featureModuleEdit {
  padding: 25px; }

.overlayFeatureModule {
  position: relative;
  min-height: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .overlayFeatureModule .featureImage {
    display: none; }
    .overlayFeatureModule .featureImage.show {
      display: block; }
  .overlayFeatureModule .ofoverlay {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0; }
  .overlayFeatureModule .overlayFeatureContent {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .overlayFeatureModule .overlayFeatureContent .copy {
      min-height: 125px; }

@media (max-width: 768px) {
  .overlayFeatureModule.backgroundImage {
    background-image: none !important; }
    .overlayFeatureModule.backgroundImage .featureImage {
      display: block;
      max-width: 100%;
      padding: 0; }
      .overlayFeatureModule.backgroundImage .featureImage img {
        width: 100%; } }

@media screen and (max-width: 600px) {
  .overlayFeatureModule .overlayFeatureContent {
    position: relative; }
  .overlayFeatureModule.backgroundImage {
    background-image: none !important; }
    .overlayFeatureModule.backgroundImage .featureImage {
      display: block;
      max-width: 100%;
      padding: 0; } }

.dropcontainer {
  position: relative;
  font-size: 14px;
  color: #6d6e71; }

.trigger {
  color: #6d6e71;
  padding: 10px;
  font-size: 14px;
  width: 190px;
  background: #fff url(/images/select-arrow-open.png) 98% center no-repeat;
  display: block;
  border: 1px solid #bcbec0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-family: "gothammedium", sans-serif;
  float: left;
  margin: 0 10px 10px 0; }

.trigger:hover {
  color: #6d6e71;
  background: #fff url(/images/select-arrow-open.png) 98% center no-repeat;
  text-decoration: none; }

.activetrigger {
  color: #6d6e71;
  padding: 10px;
  font-size: 14px;
  width: 190px;
  background: #fff url(/images/select-arrow-close.png) 98% center no-repeat;
  display: block;
  border: 1px solid #bcbec0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 10px 10px 0; }

.activetrigger:hover, .activetrigger:focus {
  background: #fff url(/images/select-arrow-close.png) 98% center no-repeat;
  color: #6d6e71;
  text-decoration: none;
  margin: 0 10px 10px 0;
  border: 1px solid #bcbec0;
  text-decoration: none;
  font-family: "gothammedium", sans-serif;
  font-size: 14px; }

.activetrigger:active {
  background: #fff url(/images/select-arrow-close.png) 98% center no-repeat;
  color: #6d6e71;
  text-decoration: none;
  font-size: 14px; }

.dropcontainer ul {
  font-size: 14px;
  border: 1px solid #bcbec0;
  border-top: none;
  background: #fff;
  list-style-type: none;
  padding: 10px;
  margin: 0;
  width: 190px;
  float: left;
  position: absolute;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 44px; }

.dropcontainer ul li {
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.dropcontainer ul li:hover {
  background: #f5f5f5;
  outline: none;
  text-decoration: none; }

.dropcontainer ul li:first-child {
  display: none; }

.dropcontainer ul li:last-child {
  border-bottom: none; }

.dropdownhidden {
  display: none; }

.dropdownvisible {
  height: auto; }

.dropdownvisible a {
  text-decoration: none; }

.multiLineComponent {
  margin-bottom: 20px; }
  .multiLineComponent.backdarkred {
    background-color: #831525; }
  .multiLineComponent.backteal {
    background-color: #27bbb2; }
  .multiLineComponent.backyellow {
    background-color: #ffcb08; }
  .multiLineComponent .headline {
    font-size: 21px;
    line-height: 22px;
    font-family: "gothambook", sans-serif;
    color: black;
    margin-bottom: 20px;
    margin-top: 20px; }
  .multiLineComponent .subheadline, .multiLineComponent p {
    font-size: 14px;
    line-height: 18px;
    font-family: "gothambook", sans-serif;
    color: black; }
  .multiLineComponent ul {
    padding-left: 18px; }
  .multiLineComponent li {
    font-size: 14px;
    line-height: 18px;
    font-family: "gothambook", sans-serif;
    color: black; }
  .multiLineComponent.circle ul li {
    list-style-type: circle; }
  .multiLineComponent.decimal ul li {
    list-style-type: decimal; }
  .multiLineComponent.disc ul li {
    list-style-type: disc; }
  .multiLineComponent.chevron ul {
    padding-left: 0;
    list-style: none; }
    .multiLineComponent.chevron ul li:before {
      content: "\00BB \0020"; }
  .multiLineComponent.square ul li {
    list-style-type: square; }
  .multiLineComponent.arrow ul li {
    list-style-image: url("/images/arrow-closed.png"); }
  .multiLineComponent.none ul li {
    list-style-type: none; }

.keyValueComponent {
  color: black;
  font-size: 14px;
  line-height: 18px;
  font-family: "gothammedium", sans-serif; }
  .keyValueComponent.vimeorowcol {
    padding: 20px; }
  .keyValueComponent h2 {
    font-size: 20px;
    line-height: 22px;
    font-family: "gothammedium", sans-serif;
    color: black;
    margin-top: 0;
    text-transform: uppercase; }
  .keyValueComponent h3 {
    font-size: 15px;
    line-height: 17px;
    font-family: "gothambook", sans-serif;
    color: black; }
  .keyValueComponent .key {
    font-family: "gothambold", sans-serif;
    margin-right: 5px;
    display: inline-block; }
  .keyValueComponent .value {
    display: inline-block; }
  .keyValueComponent table {
    font-size: 15px;
    line-height: 17px;
    font-family: "gothambook", sans-serif;
    width: 100%; }
    .keyValueComponent table tr {
      border-bottom: solid 1px black; }
      .keyValueComponent table tr:last-child {
        border-bottom: none; }
      .keyValueComponent table tr td {
        width: 50%;
        padding: 4px; }
    .keyValueComponent table.Bold tr:first-child {
      font-family: "gothammedium", sans-serif;
      border-bottom: none; }
  .keyValueComponent.Totals h2 {
    color: #6d6e71; }
  .keyValueComponent.Totals h3 {
    color: #6d6e71; }
  .keyValueComponent.Totals table td:first-child {
    width: 75%;
    color: #6d6e71;
    font-family: "gothambook", sans-serif;
    font-size: 20px;
    line-height: 22px; }
  .keyValueComponent.Totals table td:last-child {
    color: #00a9e0;
    font-family: "gothambold", sans-serif;
    text-align: right;
    padding-right: 5px;
    font-size: 20px;
    line-height: 22px; }
  .keyValueComponent.Totals table tr:nth-last-of-type(-n+2) {
    border-bottom: none; }
  .keyValueComponent.Totals table tr:last-child {
    height: 55px; }

.keyValueComponentEdit {
  display: inline-block;
  margin-right: 30px; }
  .keyValueComponentEdit .key {
    font-weight: bold; }

.wirelessAvailability,
.phonePlanAvailability {
  margin: 10px 0; }
  .wirelessAvailability a.prefix,
  .phonePlanAvailability a.prefix {
    font-size: 14px;
    line-height: 18px;
    font-family: "gothammedium", sans-serif;
    color: #b71234; }

#WirelessAvailabilityModal .modal,
#PhonePlanAvailabilityModal .modal {
  top: 5%; }

#WirelessAvailabilityModal .modal-header,
#PhonePlanAvailabilityModal .modal-header {
  border-bottom: 0px; }

#WirelessAvailabilityModal .modal-backdrop,
#PhonePlanAvailabilityModal .modal-backdrop {
  z-index: 0; }

#WirelessAvailabilityModal .modal-dialog,
#PhonePlanAvailabilityModal .modal-dialog {
  top: 10%; }

#WirelessAvailabilityModal .modal-content,
#PhonePlanAvailabilityModal .modal-content {
  overflow: hidden; }

#WirelessAvailabilityModal .close-modal,
#PhonePlanAvailabilityModal .close-modal {
  position: absolute;
  right: 15px;
  top: 15px;
  line-height: 1; }

#WirelessAvailabilityModal .modal-body,
#PhonePlanAvailabilityModal .modal-body {
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  padding: 0px 7px 0px 15px;
  margin-bottom: 15px;
  margin-top: 50px; }

#WirelessAvailabilityModal table,
#PhonePlanAvailabilityModal table {
  border: solid 1px #fff;
  text-transform: capitalize;
  height: 100%;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-family: "gothammedium", sans-serif; }

#WirelessAvailabilityModal td, #WirelessAvailabilityModal th,
#PhonePlanAvailabilityModal td,
#PhonePlanAvailabilityModal th {
  padding: 7px; }

#WirelessAvailabilityModal th,
#PhonePlanAvailabilityModal th {
  background-color: #831525;
  color: white; }

#WirelessAvailabilityModal td.check,
#PhonePlanAvailabilityModal td.check {
  text-align: center; }

#WirelessAvailabilityModal tr,
#PhonePlanAvailabilityModal tr {
  background-color: #bbbdc0;
  color: black; }
  #WirelessAvailabilityModal tr:nth-child(even),
  #PhonePlanAvailabilityModal tr:nth-child(even) {
    background-color: white; }
  #WirelessAvailabilityModal tr.prefix,
  #PhonePlanAvailabilityModal tr.prefix {
    background-color: #6d6e71; }
    #WirelessAvailabilityModal tr.prefix a,
    #PhonePlanAvailabilityModal tr.prefix a {
      color: white;
      text-decoration: none; }

#WirelessAvailabilityModal td + td,
#WirelessAvailabilityModal th + th,
#PhonePlanAvailabilityModal td + td,
#PhonePlanAvailabilityModal th + th {
  border-left: 1px solid white; }

#WirelessAvailabilityModal tr + tr,
#PhonePlanAvailabilityModal tr + tr {
  border-top: 1px solid white; }

.zipContainer {
  border-bottom: 1px solid #bcbec0;
  padding: 15px 0;
  margin-bottom: 15px; }
  .zipContainer input[type="text"] {
    width: 95%;
    padding: 6px;
    margin: 0 10px;
    border: 1px solid #6d6e71; }

.wirelessPlanBuilder {
  /* hover style just for information */
  /* plan builder*/
  /*.devices div {
        overflow: visible !important;
    }*/ }
  .wirelessPlanBuilder .unbeatableSmallPrint {
    font-size: 13px;
    padding: 30px 0 0;
    line-height: 20px;
    display: none;
    margin: 0 0 0 60px; }
  .wirelessPlanBuilder .wirelessplanBcheckbox {
    width: 18px;
    height: 18px;
    background: transparent;
    float: left;
    margin: 14px 10px 0 -4px;
    position: relative; }
    .wirelessPlanBuilder .wirelessplanBcheckbox input[type=checkbox] {
      visibility: hidden;
      margin: 6px 10px 0 6px;
      margin-top: 1px \9;
      line-height: normal; }
    .wirelessPlanBuilder .wirelessplanBcheckbox label {
      cursor: pointer;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 4px;
      top: -4px;
      border: 2px solid #bcbec0;
      background: #FFF; }
      .wirelessPlanBuilder .wirelessplanBcheckbox label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: #b81234;
        top: 2px;
        left: 2px; }
      .wirelessPlanBuilder .wirelessplanBcheckbox label:hover::after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        opacity: 0.3; }
    .wirelessPlanBuilder .wirelessplanBcheckbox span.wirelessplanBCopy {
      position: absolute;
      margin: -8.55px 0 0 28px;
      color: #6d6e71 !important; }
    .wirelessPlanBuilder .wirelessplanBcheckbox input[type=checkbox]:checked + label {
      border: 2px solid #b81234 !important;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1; }
      .wirelessPlanBuilder .wirelessplanBcheckbox input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1; }
    .wirelessPlanBuilder .wirelessplanBcheckbox input[type="radio"] {
      margin: 6px 10px 0 6px;
      margin-top: 1px \9;
      line-height: normal; }
  .wirelessPlanBuilder .cs-skin-slide.cs-active::before {
    height: 143px;
    width: 230px;
    border: 1px solid #aba9a9;
    top: -51px;
    left: -1px;
    opacity: .98;
    -moz-box-shadow: 0 0 2px #c9c9c9;
    -webkit-box-shadow: 0 0 2px #c9c9c9;
    box-shadow: 0 0 2px #c9c9c9; }
  .wirelessPlanBuilder .plan-summary {
    background: whitesmoke;
    padding: 30px;
    border: 1px solid #bcbec0;
    overflow: hidden; }
    .wirelessPlanBuilder .plan-summary span {
      float: right; }
    .wirelessPlanBuilder .plan-summary p {
      float: left; }
  .wirelessPlanBuilder .build-plan {
    padding-right: 20px; }
    .wirelessPlanBuilder .build-plan .header-holder {
      width: 100%;
      display: block;
      position: relative; }
      .wirelessPlanBuilder .build-plan .header-holder .number {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 20px;
        color: white;
        background-color: #6d6e71;
        border-radius: 15px;
        display: block;
        padding: 0 10px;
        float: left;
        margin: 15px; }
      .wirelessPlanBuilder .build-plan .header-holder h1 {
        float: left;
        margin-top: 0;
        line-height: 30px;
        font-size: 24px;
        margin: 0 auto;
        color: #6d6e71;
        text-transform: uppercase;
        position: absolute;
        left: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        .wirelessPlanBuilder .build-plan .header-holder h1.business {
          float: none;
          position: inherit;
          left: inherit;
          top: inherit;
          -webkit-transform: inherit;
          -moz-transform: inherit;
          -ms-transform: inherit;
          -o-transform: inherit;
          transform: inherit; }
    .wirelessPlanBuilder .build-plan div {
      clear: both;
      overflow: hidden; }
    .wirelessPlanBuilder .build-plan .plan-select, .wirelessPlanBuilder .build-plan .data-amount, .wirelessPlanBuilder .build-plan .plans, .wirelessPlanBuilder .build-plan .add-on-data, .wirelessPlanBuilder .build-plan .devices, .wirelessPlanBuilder .build-plan .unbeatable-data, .wirelessPlanBuilder .build-plan .unbeatable-device-holder {
      border-bottom: 1px solid #bcbec0;
      padding-bottom: 30px;
      margin-bottom: 15px; }
    .wirelessPlanBuilder .build-plan img {
      float: left; }
  .wirelessPlanBuilder .plans p, .wirelessPlanBuilder .data-amount p, .wirelessPlanBuilder .devices p, .wirelessPlanBuilder .unbeatable-data p {
    float: left;
    clear: both;
    margin-left: 60px;
    font-family: "gothambook", sans-serif; }
  .wirelessPlanBuilder .devices p {
    margin-bottom: 0 !important; }
  .wirelessPlanBuilder .data-amount p:first-of-type {
    max-width: 630px; }
  .wirelessPlanBuilder .plan-select .hideplans {
    margin-left: 50px; }
  .wirelessPlanBuilder .plan-select .hideplans a {
    display: block;
    float: left; }
    .wirelessPlanBuilder .plan-select .hideplans a div {
      width: 291px;
      height: 86px;
      background-color: whitesmoke;
      background-repeat: no-repeat;
      border: 2px solid #bcbec0;
      background-position: bottom center;
      margin: 20px 10px 0 60px; }
  .wirelessPlanBuilder .plan-select .simply-share div {
    background-image: url("/images/simplyShare.png"); }
  .wirelessPlanBuilder .plan-select .fast-phone div {
    background-image: url("/images/fastPhone.png"); }
  .wirelessPlanBuilder .plan-select .unbeatable div {
    background-image: url("/images/unbeatable.png"); }
  .wirelessPlanBuilder .plan-select a.selected div, .wirelessPlanBuilder .plan-select a:hover div {
    background-position: top center;
    background-color: white;
    border-color: #b71234; }
  .wirelessPlanBuilder .plan-holder, .wirelessPlanBuilder .data-size-holder, .wirelessPlanBuilder .unbeatable-data-holder {
    margin: 25px 80px; }
  .wirelessPlanBuilder .plan div, .wirelessPlanBuilder .data-size div {
    width: 90px;
    height: 90px;
    background-color: whitesmoke;
    border: 2px solid #bcbec0;
    margin: 0 10px 10px 0;
    padding: 22px 0;
    float: left;
    clear: none !important;
    overflow: visible; }
  .wirelessPlanBuilder .plan div {
    width: 166px;
    height: 266px; }
  .wirelessPlanBuilder .plan :last-child div {
    margin-right: 0; }
  .wirelessPlanBuilder .plan .gb {
    font-size: 22px;
    line-height: 1.2;
    font-family: "gothambold", sans-serif;
    font-weight: bold;
    color: #bcbec0;
    width: 100%;
    text-align: center;
    margin: 0;
    display: block; }
  .wirelessPlanBuilder .data-size .gb {
    font-size: 22px;
    line-height: 1.2;
    font-family: "gothambold", sans-serif;
    font-weight: bold;
    color: #bcbec0;
    width: 100%;
    text-align: center;
    margin: 0;
    display: block; }
  .wirelessPlanBuilder .data-size .cost {
    font-size: 14px;
    line-height: 1.2;
    font-family: "gothammedium", sans-serif;
    color: #bcbec0;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 0; }
  .wirelessPlanBuilder .data-size.selected div, .wirelessPlanBuilder .data-size:hover div {
    background-color: white;
    border-color: #b71234; }
  .wirelessPlanBuilder .data-size.selected .gb, .wirelessPlanBuilder .data-size:hover .gb {
    color: #00a9e0; }
  .wirelessPlanBuilder .data-size.selected .cost, .wirelessPlanBuilder .data-size:hover .cost {
    color: #6d6e71; }
  .wirelessPlanBuilder .data-size:last-child div {
    margin-right: 0; }
  .wirelessPlanBuilder .device {
    margin-bottom: 10px;
    position: relative;
    overflow: visible !important;
    padding: 10px 0; }
    .wirelessPlanBuilder .device h4 {
      width: 100%;
      display: none;
      color: #6d6e71 !important;
      font-family: "gothammedium", sans-serif;
      font-size: 18px; }
    .wirelessPlanBuilder .device .cs-select {
      max-width: 230px;
      width: 230px; }
    .wirelessPlanBuilder .device .rm-device {
      position: absolute;
      top: 15px;
      right: 10px; }
    .wirelessPlanBuilder .device:first-child .type h4, .wirelessPlanBuilder .device:first-child .coverage h4, .wirelessPlanBuilder .device:first-child .cost h4 {
      display: block;
      text-transform: uppercase; }
    .wirelessPlanBuilder .device:first-child .rm-device {
      top: 55px; }
    .wirelessPlanBuilder .device .type, .wirelessPlanBuilder .device .coverage {
      float: left;
      width: 40%;
      clear: none; }
    .wirelessPlanBuilder .device .type select {
      width: 70%;
      height: 30px; }
    .wirelessPlanBuilder .device .coverage span, .wirelessPlanBuilder .device .type select option {
      line-height: 30px;
      font-size: 15px;
      font-family: "gothambook", sans-serif;
      color: #6d6e71; }
    .wirelessPlanBuilder .device .cost {
      width: 20%;
      line-height: 30px;
      color: #00a9e0;
      font-size: 18px;
      font-family: "gothambold", sans-serif;
      clear: none;
      float: left; }
    .wirelessPlanBuilder .device .alert {
      padding: 5px;
      float: right;
      margin-bottom: -5px; }
  .wirelessPlanBuilder .add-device {
    margin-top: 20px; }
    .wirelessPlanBuilder .add-device .type {
      float: left;
      width: 40%;
      clear: none; }
    .wirelessPlanBuilder .add-device p {
      width: 60%;
      float: right;
      clear: none;
      margin: 15px 0 0 0;
      font-style: italic; }
  .wirelessPlanBuilder .add-devices, .wirelessPlanBuilder .add-unbeatable-devices, .wirelessPlanBuilder .unbeatable-header-copy {
    margin: 20px 0 0 60px; }
  .wirelessPlanBuilder .device-add-button {
    width: 230px;
    border: 1px solid #bcbec0;
    text-decoration: none !important;
    display: block;
    text-align: center;
    color: #6d6e71;
    font: 15px/40px "gothambook", sans-serif;
    background: whitesmoke;
    margin-top: 20px;
    text-transform: uppercase; }
    .wirelessPlanBuilder .device-add-button.disabled {
      color: #bcbec0; }
  .wirelessPlanBuilder .add-on-data p, .wirelessPlanBuilder .add-data {
    margin-left: 60px; }
  .wirelessPlanBuilder .select {
    margin-left: 60px; }
    .wirelessPlanBuilder .select .btn-holder {
      width: 40%;
      float: left; }
    .wirelessPlanBuilder .select p {
      float: left;
      line-height: 40px;
      left: 40%;
      font-family: "gothammedium", sans-serif; }
  .wirelessPlanBuilder .plan-summary .btn-red,
  .wirelessPlanBuilder .build-plan .btn-red,
  .wirelessPlanBuilder .plan-summary .hubyellowbtn,
  .wirelessPlanBuilder .build-plan .hubyellowbtn {
    width: 230px;
    line-height: 40px;
    display: block;
    text-align: center;
    text-transform: uppercase; }
  .wirelessPlanBuilder .plan-summary h1, .wirelessPlanBuilder #myModal .selection h1 {
    margin-top: 0;
    font-family: "gothammedium", sans-serif;
    font-size: 24px;
    color: #6d6e71;
    text-transform: uppercase; }
  .wirelessPlanBuilder .plan-summary h4, .wirelessPlanBuilder #myModal .selection h4 {
    float: left;
    clear: both;
    font-family: "gothammedium", sans-serif;
    font-size: 18px;
    color: #6d6e71; }
  .wirelessPlanBuilder .plan-summary span, .wirelessPlanBuilder #myModal .selection span {
    width: 23%;
    float: left;
    clear: none;
    color: #00a9e0;
    font-family: "gothambook", sans-serif;
    font-size: 15px;
    text-align: right; }
    .wirelessPlanBuilder .plan-summary span.discount, .wirelessPlanBuilder #myModal .selection span.discount {
      color: black;
      font-weight: bold; }
    .wirelessPlanBuilder .plan-summary span.total, .wirelessPlanBuilder #myModal .selection span.total {
      font-family: "gothambold", sans-serif;
      margin-top: 10px; }
  .wirelessPlanBuilder .plan-summary p, .wirelessPlanBuilder #myModal .selection p {
    width: 77%;
    float: left;
    clear: both;
    color: #6d6e71;
    font-family: "gothambook", sans-serif;
    font-size: 15px;
    margin-bottom: 0; }
    .wirelessPlanBuilder .plan-summary p:last-child, .wirelessPlanBuilder #myModal .selection p:last-child {
      width: 100%;
      font-style: italic;
      margin-top: 20px; }
    .wirelessPlanBuilder .plan-summary p.total, .wirelessPlanBuilder #myModal .selection p.total {
      font-family: "gothambold", sans-serif;
      margin-top: 10px; }
  .wirelessPlanBuilder .plan-summary .plan-footer, .wirelessPlanBuilder #myModal .selection .plan-footer {
    float: left; }
    .wirelessPlanBuilder .plan-summary .plan-footer .disclamer, .wirelessPlanBuilder #myModal .selection .plan-footer .disclamer {
      float: left; }
    .wirelessPlanBuilder .plan-summary .plan-footer p, .wirelessPlanBuilder #myModal .selection .plan-footer p {
      width: 100%; }
      .wirelessPlanBuilder .plan-summary .plan-footer p:last-child, .wirelessPlanBuilder #myModal .selection .plan-footer p:last-child {
        width: 100%;
        font-style: italic;
        margin-top: 20px; }
  .wirelessPlanBuilder .plan-summary .btn-red, .wirelessPlanBuilder .plan-summary .hubyellowbtn, .wirelessPlanBuilder #myModal .selection .btn-red, .wirelessPlanBuilder #myModal .selection .hubyellowbtn {
    margin: 20px 0 10px; }
  .wirelessPlanBuilder #myModal #ModalFastPhone h4 {
    float: none; }
  .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhoneData {
    margin-top: 10px; }
    .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhoneData h5 {
      float: right;
      font-family: "gothammedium", sans-serif;
      font-size: 18px;
      color: #6d6e71; }
      .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhoneData h5:first-child {
        float: left; }
    .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhoneData p {
      clear: both; }
    .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhoneData span {
      float: left;
      text-align: right; }
  .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhonePlan {
    border: 2px solid #b71234;
    padding: 10px; }
    .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhonePlan h4 {
      float: none; }
    .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhonePlan h5 {
      font-size: 15px;
      font-family: "gothammedium", sans-serif;
      color: #6d6e71; }
      .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhonePlan h5.cost {
        width: 100%;
        font-family: "gothambold", sans-serif;
        font-size: 28px;
        color: #00a9e0;
        text-align: center; }
    .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhonePlan span.days {
      text-align: center;
      color: black;
      font-size: 14px;
      line-height: 1.2;
      font-weight: bold;
      width: 100%;
      display: block;
      margin-bottom: 10px; }
    .wirelessPlanBuilder #myModal #ModalFastPhone #ModalFastPhonePlan hr {
      margin-top: 5px;
      margin-bottom: 5px; }
  .wirelessPlanBuilder #myModal #ModalFastPhone span {
    float: none; }
  .wirelessPlanBuilder #myModal #ModalFastPhone p {
    width: 74%; }
  .wirelessPlanBuilder #myModal .btn-red, .wirelessPlanBuilder #myModal .hubyellowbtn {
    margin: 20px auto 10px; }
  .wirelessPlanBuilder #ModalSimplyShare p {
    width: 75%; }
  .wirelessPlanBuilder .add-on-data p {
    float: left;
    clear: both; }
  .wirelessPlanBuilder .add-on-data h4, .wirelessPlanBuilder .add-data div {
    width: 40%;
    float: left; }
  .wirelessPlanBuilder .add-on-data h4:last-of-type, .wirelessPlanBuilder .add-data .cost {
    width: 60%;
    float: left; }
  .wirelessPlanBuilder .add-data .wirelessplanBcheckbox {
    margin: 6px 0; }
    .wirelessPlanBuilder .add-data .wirelessplanBcheckbox label {
      top: 1px; }
    .wirelessPlanBuilder .add-data .wirelessplanBcheckbox span.wirelessplanBCopy {
      line-height: 18px;
      margin: -3.55px 0 0 28px; }
  .wirelessPlanBuilder .add-data .cost {
    color: #00a9e0;
    font-family: "gothambold", sans-serif;
    font-size: 18px; }
  .wirelessPlanBuilder .plan-holder .plan h5 {
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    color: #bcbec0;
    width: 100%; }
  .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan div h5.cost {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    width: 100%; }
  .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan hr, .wirelessPlanBuilder .plan-holder .plan hr {
    margin: 5px 0; }
  .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan p, .wirelessPlanBuilder .plan-holder .plan p {
    font-size: 14px;
    line-height: 1.2;
    margin: 5px 0 0;
    float: left;
    clear: both;
    color: #bcbec0; }
  .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan span, .wirelessPlanBuilder .plan-holder .plan span {
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    float: left;
    clear: both;
    color: #bcbec0;
    text-align: left; }
  .wirelessPlanBuilder .plan-summary-simply-share-wrapper span {
    text-align: right; }
  .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan span:first-of-type {
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    display: block;
    float: none; }
  .wirelessPlanBuilder .plan-holder .plan span:first-of-type {
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    display: block;
    float: none; }
  .wirelessPlanBuilder .plan-holder .plan div {
    padding: 10px; }
  .wirelessPlanBuilder .plan-holder .plan.selected div, .wirelessPlanBuilder .plan-holder .plan:hover div {
    background-color: white;
    border-color: #b71234; }
  .wirelessPlanBuilder .plan-holder .plan.selected h5, .wirelessPlanBuilder .plan-holder .plan:hover h5 {
    color: #00a9e0; }
  .wirelessPlanBuilder .plan-holder .plan.selected span, .wirelessPlanBuilder .plan-holder .plan.selected p, .wirelessPlanBuilder .plan-holder .plan:hover span, .wirelessPlanBuilder .plan-holder .plan:hover p {
    color: #6d6e71; }
  .wirelessPlanBuilder .plan-summary-fast-phone h5 {
    width: 50%;
    font-size: 15px;
    font-family: "gothammedium", sans-serif;
    color: #6d6e71;
    float: left;
    clear: both; }
    .wirelessPlanBuilder .plan-summary-fast-phone h5:last-of-type {
      width: 50%;
      float: left;
      clear: right; }
  .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan div {
    background-color: white;
    border-color: #b71234;
    width: 230px;
    float: none;
    background-color: white;
    border: 2px solid #b71234;
    padding: 10px;
    float: left;
    clear: both; }
    .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan div span, .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan div p {
      width: 100%;
      color: #6d6e71;
      font-size: 18px; }
  .wirelessPlanBuilder .plan-summary-fast-phone .selected-plan h5 {
    color: #00a9e0;
    font-size: 28px; }
  .wirelessPlanBuilder .plan-summary-fast-phone .final-data-amount {
    width: 50%;
    float: left;
    font-family: "gothammedium", sans-serif;
    font-size: 18px;
    color: #6d6e71; }
  .wirelessPlanBuilder .plan-summary-fast-phone .final-data-cost {
    width: 50%;
    float: left;
    font-family: "gothambold", sans-serif;
    font-size: 18px;
    color: #00a9e0; }
  .wirelessPlanBuilder .data-size-mobile, .wirelessPlanBuilder .unbeatable-mobile {
    display: none;
    margin: 0 15px 15px;
    width: 90%;
    line-height: 30px;
    height: 30px;
    font-size: 14px; }
    .wirelessPlanBuilder .data-size-mobile option p, .wirelessPlanBuilder .unbeatable-mobile option p {
      color: #6d6e71; }
      .wirelessPlanBuilder .data-size-mobile option p span, .wirelessPlanBuilder .unbeatable-mobile option p span {
        color: #00a9e0; }
  .wirelessPlanBuilder .device-holder {
    display: none; }
  @media (max-width: 991px) {
    .wirelessPlanBuilder #planSearchBtn {
      margin: 10px;
      width: 95%; } }
  @media (max-width: 768px) {
    .wirelessPlanBuilder .type, .wirelessPlanBuilder .cost, .wirelessPlanBuilder .coverage {
      font-size: 14px; }
    .wirelessPlanBuilder .build-plan .header-holder h1 {
      font-size: 21px; }
    .wirelessPlanBuilder .data-size-mobile {
      display: block; }
    .wirelessPlanBuilder .data-size-holder {
      display: none; }
    .wirelessPlanBuilder .add-devices {
      margin: 20px 0 0 15px; }
      .wirelessPlanBuilder .add-devices .device {
        background-color: whitesmoke;
        padding: 5px;
        margin: 5px 0;
        overflow: hidden !important; }
        .wirelessPlanBuilder .add-devices .device .cs-skin-slide.cs-active::before {
          top: 0px;
          width: 101%; }
        .wirelessPlanBuilder .add-devices .device .cs-skin-slide .cs-options {
          top: 200%; }
        .wirelessPlanBuilder .add-devices .device div {
          width: 100%;
          max-width: 100%; }
        .wirelessPlanBuilder .add-devices .device h4 {
          display: block; }
        .wirelessPlanBuilder .add-devices .device .rm-device {
          top: 10px; }
        .wirelessPlanBuilder .add-devices .device .statecheck {
          width: 50% !important; }
          .wirelessPlanBuilder .add-devices .device .statecheck .wirelessplanBcheckbox {
            margin: 5px 0 !important; }
      .wirelessPlanBuilder .add-devices .type select {
        width: 100%; }
      .wirelessPlanBuilder .add-devices .cost h4 {
        width: 20%;
        float: left;
        margin-top: 5px; }
    .wirelessPlanBuilder .add-device {
      width: 100%; }
      .wirelessPlanBuilder .add-device .type {
        width: 100%; }
        .wirelessPlanBuilder .add-device .type .device-add-button {
          width: 100%;
          text-transform: uppercase; }
      .wirelessPlanBuilder .add-device p {
        width: 100%; }
    .wirelessPlanBuilder .plan-select .simply-share, .wirelessPlanBuilder .plan-select .fast-phone {
      margin: 0 auto; }
    .wirelessPlanBuilder .plan-select a {
      width: 100%; }
      .wirelessPlanBuilder .plan-select a div {
        margin: 5px auto !important; }
    .wirelessPlanBuilder .plan-holder, .wirelessPlanBuilder .data-size-holder, .wirelessPlanBuilder .unbeatable-data-holder {
      margin: 25px 0 20px 15px; }
    .wirelessPlanBuilder .plans p, .wirelessPlanBuilder .data-amount p, .wirelessPlanBuilder .devices p, .wirelessPlanBuilder .add-on-data p, .wirelessPlanBuilder .add-data, .wirelessPlanBuilder .unbeatable-data p {
      margin-left: 15px; }
    .wirelessPlanBuilder .select {
      margin-left: 15px; }
    .wirelessPlanBuilder .plan-summary .btn-red,
    .wirelessPlanBuilder .build-plan .btn-red,
    .wirelessPlanBuilder .plan-summary .hubyellowbtn,
    .wirelessPlanBuilder .build-plan .hubyellowbtn,
    .wirelessPlanBuilder .select .btn-holder {
      width: 100%; } }
  @media (max-width: 390px) {
    .wirelessPlanBuilder .build-plan .header-holder h1 {
      font-size: 20px;
      line-height: 22px; }
    .wirelessPlanBuilder .hideplans a div {
      width: 100% !important; }
    .wirelessPlanBuilder .device h4, .wirelessPlanBuilder .device, .wirelessPlanBuilder .device .cost {
      font-size: 14px; }
    .wirelessPlanBuilder .add-unbeatable-devices {
      margin: 20px 10px; } }
  .wirelessPlanBuilder .statecheck div,
  .wirelessPlanBuilder div.cs-options,
  .wirelessPlanBuilder .type DIV {
    clear: none !important;
    overflow: visible !important; }
  .wirelessPlanBuilder div.cs-select, .wirelessPlanBuilder .cs-select div {
    clear: none !important;
    overflow: visible !important; }
  .wirelessPlanBuilder .statecheck {
    clear: none;
    position: relative;
    float: left;
    width: 50%; }
    .wirelessPlanBuilder .statecheck:last-child {
      clear: none; }
  .wirelessPlanBuilder .type div, .wirelessPlanBuilder div.type {
    clear: none !important;
    overflow: visible !important; }
  .wirelessPlanBuilder div.cs-skin-slide {
    width: 230px; }
  .wirelessPlanBuilder .modal .selection .selection-text h2 {
    font-family: "gothambook", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: black;
    margin-top: 0; }
  .wirelessPlanBuilder .modal .selection .selection-text p {
    font-family: "gothammedium", sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
    color: #6d6e71; }
  .wirelessPlanBuilder .modal .selection .selection-text p.cost {
    font-size: 30px;
    color: #00a9e0;
    line-height: 30px;
    font-family: "gothammedium", sans-serif;
    margin-top: 30px; }

/* Default custom select styles */
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 190px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #bcbec0; }

.selectmarg {
  margin: 0 9.9px 8px 0; }

.selectmargright {
  margin: 0 9.9px 8px 0; }

div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */ }

.cs-select select {
  display: none; }

.cs-select:hover {
  border: 1px solid #b81234; }

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1.15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cs-select > span {
  padding-right: 3em; }
  .cs-select > span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\2713';
  margin-left: 1em; }

.cs-select > span::after {
  content: '\25BE';
  right: 1.5em; }

.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

/* Placeholder and selected option */
div.cs-active {
  z-index: 200; }

/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden; }

.cs-select.cs-active .cs-options {
  visibility: visible; }

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .cs-select ul span {
    padding: 1em; }
  .cs-select ul li.cs-focus span {
    background-color: #ddd; }

.cs-select li.cs-optgroup ul {
  padding-left: 1em; }

.cs-select li.cs-optgroup > span {
  cursor: default; }

/* Optgroup and optgroup label */
@media (min-width: 768px) and (max-width: 833px) {
  .selectmarg {
    margin: 0 2% 8px 0; }
  .selectmargright {
    margin: 0 2% 8px 0; } }

@media (max-width: 767px) {
  .selectmarg, .selectmargright {
    margin: 0 0 8px 0; }
  .selectmarg:nth-child(odd), .selectmargright:nth-child(odd) {
    margin: 0 1.5% 8px 0; }
  div.cs-select {
    width: 100%;
    max-width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #bcbec0; } }

div.cs-skin-slide {
  color: #6d6e71;
  font-size: .875em;
  font-family: "gothambook", sans-serif;
  width: 190px; }
  div.cs-skin-slide::before {
    content: '';
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    border: #eee solid 1px; }

@media screen and (max-width: 30em) {
  div.cs-skin-slide {
    font-size: 1em;
    width: 250px; } }

.cs-skin-slide.cs-active::before {
  /*-webkit-transform: scale3d(1.1,3.5,1);
	transform: scale3d(1.1,3.5,1);*/
  height: 180px;
  width: 202px;
  border: 1px solid #aba9a9;
  top: -52px;
  left: -6px;
  opacity: .98;
  -moz-box-shadow: 0 0 2px #c9c9c9;
  -webkit-box-shadow: 0 0 2px #c9c9c9;
  box-shadow: 0 0 2px #c9c9c9; }

.cs-skin-slide.modalsm.cs-active::before {
  top: -93px;
  left: -6px;
  height: 160px; }

.cs-skin-slide.modalposition.cs-active::before {
  top: -94px; }

.cs-select.modalposition.cs-active .cs-options {
  background: transparent;
  width: 100%;
  height: 566%;
  padding: 0;
  top: -28%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.cs-skin-slide.modalsm .cs-options {
  background: transparent;
  width: 100%;
  height: 566%;
  padding: 0;
  top: -14%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.cs-skin-slide > span {
  height: 30px;
  line-height: 2px;
  -webkit-transition: text-indent 0.3s, opacity 0.3s;
  transition: text-indent 0.3s, opacity 0.3s;
  background: #fff !important;
  font-size: .875em; }

.cs-skin-slide.cs-active > span {
  text-indent: -290px;
  opacity: 0; }

.cs-skin-slide.cs-active > span::after {
  font-family: Arial;
  content: '▼';
  color: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: .6em;
  transform: scale(1.75, 1);
  -webkit-transform: scale(1.75, 1);
  display: inline-block;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.cs-skin-slide > span::after {
  font-family: Arial;
  content: '▼';
  color: inherit;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: .6em;
  transform: scale(1.75, 1);
  -webkit-transform: scale(1.75, 1);
  display: inline-block; }

.cs-skin-slide .cs-options {
  background: transparent;
  width: 100%;
  height: 545%;
  padding: 0 0;
  top: 123%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.cs-skin-slide.cs-active .cs-options {
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.cs-skin-slide .cs-options li {
  opacity: 0;
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.cs-skin-slide.cs-active {
  height: 30px; }
  .cs-skin-slide.cs-active .cs-options li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
    .cs-skin-slide.cs-active .cs-options li:first-child {
      -webkit-transition-delay: 0.05s;
      transition-delay: 0.05s; }
    .cs-skin-slide.cs-active .cs-options li:nth-child(2) {
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s; }
    .cs-skin-slide.cs-active .cs-options li:nth-child(3) {
      -webkit-transition-delay: 0.15s;
      transition-delay: 0.15s; }
    .cs-skin-slide.cs-active .cs-options li:nth-child(4) {
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    .cs-skin-slide.cs-active .cs-options li:nth-child(5) {
      -webkit-transition-delay: 0.25s;
      transition-delay: 0.25s; }

.cs-skin-slide .cs-options li span {
  text-transform: capitalize;
  font-size: .8em;
  padding: 6px 2px 1px 10px; }
  .cs-skin-slide .cs-options li span:hover {
    color: #b81234;
    background: transparent; }

.cs-skin-slide .cs-options li.cs-focus span, .cs-skin-slide .cs-options li.cs-selected span {
  color: #b81234;
  background: transparent; }

.cs-skin-slide .cs-options li.cs-focus span, .cs-skin-slide .cs-options li.cs-selected span {
  font-family: 'gothammedium'; }

.cs-skin-slide .cs-options li.cs-focus span:before, .cs-skin-slide .cs-options li.cs-selected span:before {
  content: '» '; }

.cs-skin-slide .cs-selected span::after {
  content: ''; }

@media screen and (max-width: 30em) {
  .cs-skin-slide .cs-options {
    padding-top: 0; } }

/* more options need more delay declaration */
[class^="icon-"] span:before, [class*=" icon-"] span:before {
  font-family: 'icomoon';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-size: 1.5em; }

.icon-camera span::before {
  content: '\e00b'; }

.icon-money span::before {
  content: '\e008'; }

.icon-heart span::before {
  content: '\e00a'; }

.icon-food span::before {
  content: '\e009'; }

.icon-shirt span::before {
  content: '\e00c'; }

.cs-options ul li:first-child span {
  font-family: 'gothambold';
  font-size: .95em; }

@media screen and (max-width: 30em) {
  .cs-skin-slide > span {
    height: 60px;
    line-height: 2; } }

@media (max-width: 1067px) {
  div.cs-select {
    max-width: 100%; } }

@media screen and (max-width: 768px) {
  div.cs-skin-slide {
    width: 49%; }
  .cs-skin-slide > span {
    height: 36px;
    font-size: 1em; }
  .cs-skin-slide.cs-active::before {
    width: 105%; } }

@media only screen and (max-width: 480px) {
  .cs-skin-slide > span::after {
    margin-top: -8px; }
  div.cs-skin-slide {
    width: 100%; }
  .cs-skin-slide > span {
    height: 36px;
    font-size: 1em; }
  .cs-select span {
    padding: .05em .75em; }
  .cs-skin-slide.cs-active {
    height: 38px; }
  .cs-skin-slide .cs-options {
    background: transparent;
    width: 97%;
    height: 429%;
    padding: 0 0;
    top: 243%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); }
  .cs-skin-slide.cs-active::before {
    height: 187px;
    width: 102%;
    border: 1px solid #aba9a9;
    top: -1px;
    left: -4px; }
  .cs-select.modalposition.cs-active .cs-options {
    background: transparent;
    width: 100%;
    height: 504%;
    padding: 0;
    top: 9%;
    left: 52%; }
  .cs-skin-slide.modalposition.cs-active::before {
    height: 187px;
    top: -91px; }
  .cs-skin-slide.modalsm.cs-active::before {
    height: 187px;
    top: -136px;
    left: -4px; }
  .cs-skin-slide.modalsm .cs-options {
    height: 566%;
    top: -56%;
    left: 52%; }
  .modalmoveup {
    top: -46px; } }

/* IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .cs-skin-slide .cs-options li {
    transition: none;
    transform: none; }
  *::-ms-backdrop, .cs-active.cs-skin-slide .cs-options li {
    transform: none; } }

.cs-skin-slide.iefix.cs-active::before {
  top: -5px; }

.cs-skin-slide.iefix.cs-active .cs-options {
  top: 10px;
  left: 0; }

.cs-skin-slide.modalsm.iefix.cs-active::before {
  top: -5px; }

.cs-skin-slide.modalsm.iefix.cs-active .cs-options {
  top: 10px;
  left: 0; }

.cs-skin-slide.modalposition.iefix.cs-active::before {
  top: -5px; }

.cs-skin-slide.modalposition.iefix.cs-active .cs-options {
  top: 10px;
  left: 0; }

.quarterTile.backred {
  background-color: #b71234; }

.quarterTile.backblue {
  background-color: #00a9e0; }

.quarterTile.backwhite {
  background-color: white; }

.quarterTile.backdarkgrey {
  background-color: #6d6e71; }

.quarterTile.backdarkred {
  background-color: #831525; }

.quarterTile.backteal {
  background-color: #27bbb2; }

.quarterTile.backyellow {
  background-color: #ffcb08; }

.quarterTile.backwhitegraygrad {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #ffffff), color-stop(100%, #b6b7b7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 12%, #b6b7b7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 12%, #b6b7b7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b7b7',GradientType=0 );
  /* IE6-9 */ }

.quarterTile .tile {
  padding: 30px 15px;
  text-align: center;
  font-family: "gothammedium", sans-serif;
  font-size: 2.0rem;
  line-height: 1.13em;
  text-transform: uppercase; }
  .quarterTile .tile .qImg {
    width: 100%;
    text-align: center; }
  .quarterTile .tile a {
    font-family: "gothammedium", sans-serif;
    font-size: 3.4rem;
    line-height: 1.13em;
    margin: 5px 0;
    display: block; }
    .quarterTile .tile a:hover {
      text-decoration: none; }
      .quarterTile .tile a:hover.richtext-white {
        color: white; }
      .quarterTile .tile a:hover.richtext-black {
        color: black; }
      .quarterTile .tile a:hover.richtext-light-gray {
        color: #bbbdc0; }
      .quarterTile .tile a:hover.richtext-red {
        color: #b71234; }
      .quarterTile .tile a:hover.richtext-blue {
        color: #00a9e0; }
      .quarterTile .tile a:hover.richtext-dark-gray {
        color: #6d6e71; }

.usage-selection {
  overflow: hidden;
  background-color: whitesmoke;
  padding: 20px 0;
  margin-top: 8px; }
  .usage-selection .col-lg-12,
  .usage-selection .col-xs-9,
  .usage-selection .col-xs-3 {
    padding: 0 15px !important; }
  .usage-selection p,
  .usage-selection button,
  .usage-selection span {
    font-family: "gothambook", sans-serif !important;
    color: #6d6e71;
    font-size: 15px; }
  .usage-selection label {
    display: block;
    font-family: "gothammedium", sans-serif;
    color: #6d6e71;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0px;
    position: relative; }
    .usage-selection label a span {
      position: absolute;
      display: inline-block;
      font-size: 17px;
      color: white;
      text-transform: uppercase;
      width: 40px;
      padding: 0;
      text-align: center;
      font-family: "gothammedium", sans-serif;
      font-weight: normal;
      top: 0px;
      background-color: #bcbec0; }
    .usage-selection label span.sd {
      right: 82px; }
    .usage-selection label span.hd {
      right: 41px; }
    .usage-selection label span.fourk {
      right: 0px; }
    .usage-selection label a.selected span {
      background-color: #6d6e71; }
  .usage-selection .dropdown {
    margin-bottom: 20px; }

/* === Usage Slider Styling === */
.usage-slider .rslider {
  padding: 0; }
  .usage-slider .rslider .slider-bar {
    margin: 0 0 50px 0; }
    .usage-slider .rslider .slider-bar p {
      text-transform: uppercase;
      font-size: 14px;
      line-height: 1.2;
      margin-bottom: 20px; }

/*.usage-slider .rslider .slider-bar .ico-image img
{
  width: 100%;
}*/
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .slider.slider-horizontal {
    width: 100%;
    max-width: 390px;
    height: 13px; }
    .slider.slider-horizontal .slider-track {
      height: 13px;
      width: 100%;
      margin-top: -5px;
      top: 50%;
      left: 0; }
    .slider.slider-horizontal .slider-selection,
    .slider.slider-horizontal .slider-track-low,
    .slider.slider-horizontal .slider-track-high {
      height: 100%;
      top: 0;
      bottom: 0; }
    .slider.slider-horizontal .slider-tick,
    .slider.slider-horizontal .slider-handle {
      margin: 0; }

.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #ccc; }

.slider-handle {
  position: absolute;
  width: 16px;
  height: 25px; }
  .slider-handle.custom {
    background: url("/images/slider-handle.png") no-repeat; }
    .slider-handle.custom::before {
      line-height: 16px;
      content: '';
      color: #726204; }

.slider.slider-horizontal .slider-handle.custom {
  margin-left: -7px;
  top: -18px; }

.slider-tick {
  position: absolute;
  width: 1px;
  height: 13px;
  opacity: 0.8; }
  .slider-tick.custom {
    background: white; }
    .slider-tick.custom::before {
      line-height: 16px;
      color: #726204; }
  .slider-tick.in-selection {
    border: 1px solid whitesmoke;
    background: transparent;
    opacity: 1; }

.slider-selection {
  position: absolute;
  background-color: green; }
  .slider-selection.tick-slider-selection {
    background-color: #bcbec0; }

.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* === Usage definition box === */
.data-amount {
  clear: both;
  overflow: hidden; }
  .data-amount h1 {
    font-size: 24px;
    font-family: "gothammedium", sans-serif;
    text-transform: uppercase;
    color: #6d6e71;
    margin-bottom: 30px; }
  .data-amount .amountgb {
    border: 2px solid #bcbec0;
    line-height: 1.8;
    border-left-style: none;
    position: relative; }
    .data-amount .amountgb:before {
      position: absolute;
      content: " ";
      height: 72px;
      width: 1px;
      background: black;
      right: -1px;
      top: -1px;
      z-index: 1; }
    .data-amount .amountgb:last-child:before {
      height: 0px;
      width: 0px; }
    .data-amount .amountgb:first-child {
      border-left-style: solid;
      border-right-style: none; }
    .data-amount .amountgb.active {
      border-color: #b71234;
      border-left-width: 2px;
      border-style: solid;
      border-right-width: 2px;
      color: #00a9e0; }
      .data-amount .amountgb.active span {
        color: #00a9e0; }
    .data-amount .amountgb span {
      font-family: "gothammedium", sans-serif;
      font-size: 20px;
      color: #bcbec0; }
  .data-amount .progress {
    margin-top: 8px;
    margin-bottom: 45px;
    border-radius: 0;
    box-shadow: none;
    background: white;
    height: 25px; }
    .data-amount .progress .progress-bar {
      box-shadow: none;
      background-color: #00a9e0; }

/* == Button styles == */
.data-amount .redbtn {
  border-radius: 0;
  background-color: #b71234;
  font-size: 16px;
  color: white;
  font-family: "gothammedium", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 30px;
  margin-bottom: 28px; }

.data-amount .redbtn:hover {
  background-color: #b71234; }

.data-amount p a {
  color: #b71234; }

.definition-box {
  overflow: hidden;
  background-color: #bcbec0;
  margin-top: 8px;
  padding: 5px 10px;
  margin-bottom: 50px; }
  .definition-box h2 {
    font-family: "gothammedium", sans-serif;
    font-size: 20px;
    color: black;
    text-transform: uppercase; }
  .definition-box p {
    font-family: "gothambook", sans-serif;
    font-size: 15px;
    color: black; }

table.definition-list th {
  font-family: "gothammedium", sans-serif;
  font-size: 15px;
  color: black;
  text-transform: uppercase;
  font-weight: normal;
  padding-left: 0 !important; }

table.definition-list tbody tr td {
  font-family: "gothambook", sans-serif;
  font-size: 15px;
  color: black;
  font-weight: normal;
  border-color: #6d6e71;
  padding-left: 0; }

table.definition-list tbody tr:first-child td {
  border-top: 0; }

table.definition-list > thead > tr > th {
  border: 0; }

/* == Mobile styling for data amount == */
.list-group.amountgb-mobile {
  border: 2px solid #bcbec0; }

.list-group.amountgb-mobile li {
  border-radius: 0;
  background: transparent !important;
  border-color: #bcbec0;
  /*border-width: 2px;*/
  position: relative; }

.list-group.amountgb-mobile li:before {
  position: absolute;
  content: "";
  width: 169.8%;
  height: 1px;
  background-color: #000000;
  bottom: -2px;
  right: 0;
  z-index: 1; }

.list-group.amountgb-mobile li.list-group-item.active:before {
  width: 171%; }

.list-group.amountgb-mobile li span {
  color: #bcbec0;
  font-size: 22px;
  font-family: "gothammedium", sans-serif !important; }

.list-group.amountgb-mobile li.list-group-item.active {
  border-color: #b71234;
  border-width: 3px; }

.list-group.amountgb-mobile li.list-group-item.active span {
  color: #00a9e0; }

/* == Media queries for mobile == */
@media only screen and (min-width: 0px) and (max-width: 768px) {
  .slider.slider-horizontal {
    max-width: 100%; }
  .usage-selection label {
    font-size: 15px; }
  .slider.slider-horizontal .slider-track {
    height: 7px; }
  .slider-handle.custom {
    background: url("/images/slider-handle-mobile.png") no-repeat; }
  .slider.slider-horizontal .slider-handle.custom {
    margin-left: -5px;
    top: -16px; }
  .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    font-size: 13px !important;
    font-family: "gothambook", sans-serif !important; }
  .definition-box {
    padding-top: 30px;
    margin-top: 20px; }
  .usage-selection label a span {
    font-size: 15px;
    width: 33px;
    top: 0; }
    .usage-selection label a span.sd {
      right: 68px; }
    .usage-selection label a span.hd {
      right: 34px; } }

@media only screen and (min-width: 0px) and (max-width: 360px) {
  .usage-selection label a span {
    font-size: 15px;
    width: 30px;
    top: 36px; }
    .usage-selection label a span.sd {
      right: 62px; }
    .usage-selection label a span.hd {
      right: 31px; } }

@media only screen and (min-width: 0px) and (max-width: 500px) {
  .usage-slider .rslider .slider-bar {
    margin-bottom: 20px; }
  .usage-slider .rslider .slider-bar .ico-image img {
    width: 60px; }
  .usage-selection label {
    margin-bottom: 15px; }
  .slider.slider-horizontal .slider-tick-label-container {
    margin-top: 6px !important; } }

.data-amount .mobile-vbar {
  position: relative; }

.pvertical {
  position: absolute;
  top: 59px;
  display: inline-block;
  width: 219px;
  height: 100px !important;
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin: 0 !important;
  left: -10px; }
  .pvertical.wireless {
    top: 170px;
    width: 415px;
    left: -158px; }

@media only screen and (min-width: 0px) and (max-width: 500px) {
  .pvertical {
    left: -25px; }
  .list-group.amountgb-mobile li::before {
    width: 175.5%; }
  .list-group.amountgb-mobile li.list-group-item.active:before {
    width: 177.4%; } }

/* columns of same height styles 
  used in vertical progress bar
*/
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%; }

.col-height {
  display: table-cell;
  float: none;
  height: 100%; }

.col-top {
  vertical-align: top; }

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

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

@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-xs-top {
    vertical-align: top; }
  .col-xs-middle {
    vertical-align: middle; }
  .col-xs-bottom {
    vertical-align: bottom; } }

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-sm-top {
    vertical-align: top; }
  .col-sm-middle {
    vertical-align: middle; }
  .col-sm-bottom {
    vertical-align: bottom; } }

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-md-top {
    vertical-align: top; }
  .col-md-middle {
    vertical-align: middle; }
  .col-md-bottom {
    vertical-align: bottom; } }

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .col-lg-top {
    vertical-align: top; }
  .col-lg-middle {
    vertical-align: middle; }
  .col-lg-bottom {
    vertical-align: bottom; } }

@media (min-width: 768px) {
  .data-amount .col-sm-2 {
    width: 14.286%; } }

.catpagecheckbox label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: #b81234;
  top: 2px;
  left: 2px; }

.catpagecheckbox label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3; }

.catpagecheckbox input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

.catpagecheckbox input[type=checkbox]:checked + label {
  border: 2px solid #b81234 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1; }

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

.myselection {
  color: #666; }
  .myselection .modal .modal-header {
    border: none; }
  .myselection .modal .headline {
    margin: 0 0 20px 0; }
  .myselection .modal .myselectionmenu {
    margin-top: 10px;
    margin-bottom: 20px; }
  .myselection .modal .checkout-modal-cta-container .checkout-modal-cta-description {
    margin-top: 40px; }
  .myselection .modal .checkout-modal-cta-container > div:first-of-type {
    margin-top: 0px; }
  .myselection a {
    padding: 0; }
    .myselection a:focus {
      padding: 0; }
    .myselection a:hover {
      padding: 0;
      cursor: pointer; }
  .myselection .backred {
    background: #b71234; }
  .myselection .colorred {
    color: #b71234;
    font-weight: bold; }
  .myselection .gciproduct {
    border: 1px lightgray solid;
    margin: 10px 0; }
    .myselection .gciproduct .tileleft {
      line-height: 250px;
      text-align: center;
      min-height: 250px;
      padding: 0 15px; }
      .myselection .gciproduct .tileleft img {
        max-height: 180px;
        max-width: 170px; }
    .myselection .gciproduct .tileright {
      background-color: #f5f5f5;
      min-height: 250px;
      padding: 15px; }
      .myselection .gciproduct .tileright .name {
        font-size: 1.3em; }
      .myselection .gciproduct .tileright .remove {
        margin-top: -10px;
        font-size: 1em; }
      .myselection .gciproduct .tileright .pricecolumn {
        text-align: right;
        padding: 10% 0 0; }
      .myselection .gciproduct .tileright .row.rowwithmargin {
        margin: 20px 0 0; }
      .myselection .gciproduct .tileright .estimated {
        text-align: right;
        padding: 10% 0; }
    .myselection .gciproduct .pricefixed {
      color: #00A9E0;
      font-weight: bold;
      width: 100px;
      display: inline-block; }
    .myselection .gciproduct .pricefullrow {
      color: #00A9E0;
      font-weight: bold;
      display: inline-block;
      width: 100%;
      text-align: right; }
    .myselection .gciproduct .details {
      margin-top: 20px; }
    .myselection .gciproduct.summary {
      background-color: #f5f5f5;
      padding: 30px;
      border: none; }
      .myselection .gciproduct.summary .totalscolumn {
        padding: 50px 0 0; }
        .myselection .gciproduct.summary .totalscolumn > div {
          text-align: right; }
      .myselection .gciproduct.summary .details {
        margin: 0; }
      .myselection .gciproduct.summary .currentselection {
        margin-top: 10px;
        font-size: 0.7em; }
    .myselection .gciproduct.fastphone .estimated, .myselection .gciproduct.simpleshare .estimated {
      padding: 0; }
    .myselection .gciproduct.fastphone .details, .myselection .gciproduct.simpleshare .details {
      margin: 0; }
    .myselection .gciproduct .detailscontent {
      display: none; }
      .myselection .gciproduct .detailscontent p {
        text-align: justify; }
      .myselection .gciproduct .detailscontent .row > div {
        padding: 0 5px; }
    .myselection .gciproduct.accessory .tileleft, .myselection .gciproduct.internetplan .tileleft, .myselection .gciproduct.phoneplan .tileleft {
      line-height: 150px;
      min-height: 150px; }
      .myselection .gciproduct.accessory .tileleft img, .myselection .gciproduct.internetplan .tileleft img, .myselection .gciproduct.phoneplan .tileleft img {
        max-height: 150px; }
    .myselection .gciproduct.accessory .tileright, .myselection .gciproduct.internetplan .tileright, .myselection .gciproduct.phoneplan .tileright {
      min-height: 150px; }
      .myselection .gciproduct.accessory .tileright .pricecolumn, .myselection .gciproduct.internetplan .tileright .pricecolumn, .myselection .gciproduct.phoneplan .tileright .pricecolumn {
        padding: 5% 0 0; }
    .myselection .gciproduct.noproduct {
      margin-top: 15px; }
  .myselection #float-container {
    padding: 0 5px 0 10px; }
    .myselection #float-container #floating-estimate {
      border: 1px solid lightgray;
      margin-top: 14px;
      max-width: 350px;
      position: absolute; }
      .myselection #float-container #floating-estimate.fixed {
        position: fixed;
        top: 0px; }
      .myselection #float-container #floating-estimate > div:first-child {
        margin-top: -25px; }
      .myselection #float-container #floating-estimate .details, .myselection #float-container #floating-estimate .title {
        text-align: center; }
      .myselection #float-container #floating-estimate .fineprint p {
        margin-top: -15px; }
      .myselection #float-container #floating-estimate .prices {
        margin-top: 20px;
        text-align: right; }
      .myselection #float-container #floating-estimate .share-link-descriptor {
        padding-top: 20px; }
  .myselection .myselectiontop .right {
    padding: 0 30px; }
    .myselection .myselectiontop .right .callnow {
      padding: 0 10px; }
    .myselection .myselectiontop .right .findlocation {
      padding: 0 6px 0 2px; }
  .myselection .myselectionmenu {
    /*margin-top: 10px;*/ }
    .myselection .myselectionmenu.widerow > div:first-child {
      padding-top: 15px; }
    .myselection .myselectionmenu .rightbutton {
      color: white;
      display: inline-block;
      font-family: 'gothammedium';
      font-size: 1.6rem;
      letter-spacing: .1em;
      line-height: 3.9rem;
      padding: 0px 2.45rem;
      text-align: center;
      text-transform: uppercase; }
      .myselection .myselectionmenu .rightbutton:last-child {
        margin: 0; }
    .myselection .myselectionmenu .btn-modal {
      color: white;
      padding: 0px 2.45rem;
      font-size: 1.6rem;
      display: inline-block;
      line-height: 3.9rem;
      font-family: 'gothammedium';
      text-transform: uppercase;
      text-align: center;
      letter-spacing: .1em; }
      .myselection .myselectionmenu .btn-modal:hover {
        text-decoration: none; }
    .myselection .myselectionmenu .menuicon {
      max-height: 40px; }
    .myselection .myselectionmenu form {
      display: inline-block; }
    .myselection .myselectionmenu .continueshopping {
      color: #999;
      text-decoration: none;
      font-size: .9em;
      font-weight: 600; }
  .myselection .gcistore {
    background-color: #f5f5f5;
    padding: 0 0 30px 30px; }
    .myselection .gcistore img {
      width: 100%;
      height: auto; }
    .myselection .gcistore .addressrow {
      margin-top: 30px; }
    .myselection .gcistore .signupcol {
      text-align: center; }
      .myselection .gcistore .signupcol h1 {
        margin: 10px 0 0; }
    .myselection .gcistore .btn-signupnow {
      display: block;
      line-height: 50px;
      font-weight: bold;
      background-color: white;
      border: #b71234 solid 1px;
      margin: 10px 20% 0; }
      .myselection .gcistore .btn-signupnow:hover {
        background-color: #b71234;
        border: white solid 1px;
        color: white; }
  .myselection .mysheroimg {
    width: 100%; }
  .myselection .mysicon {
    max-height: 30px; }
  .myselection .sectiontitle {
    color: white;
    padding: 5px 20px 5px;
    font-weight: bold; }
  .myselection .sectiontext {
    text-align: center;
    padding: 10px 0 0; }
  .myselection .sectionphone {
    font-weight: bold; }
  .myselection .section-business {
    margin-top: 5px; }
    .myselection .section-business .sectiontitle {
      background-color: #00A9E0; }
    .myselection .section-business .sectionphone {
      color: #00A9E0; }
  .myselection .section-residential {
    margin-top: 5px; }
    .myselection .section-residential .sectiontitle {
      background-color: #b71234; }
    .myselection .section-residential .sectionphone {
      color: #b71234; }
  .myselection.business .sectionphone {
    color: #00A9E0; }
  .myselection.business .rightbutton {
    background-color: #6d6e71; }
  .myselection.business .btn-modal {
    background-color: #6d6e71; }
  .myselection.residential .sectionphone {
    color: #b71234; }
  .myselection.residential .rightbutton {
    background-color: #b71234; }
  .myselection.residential .btn-modal {
    background-color: #b71234; }
  .myselection .discount .description {
    margin: 50px 0 0;
    width: 80%; }
  .myselection .discount .pricefixed {
    color: #b71234;
    font-style: italic; }
  .myselection .discount .tileleft {
    padding: 0 15px 0 0;
    text-align: left;
    line-height: 150px;
    min-height: 150px; }
  .myselection .discount .tileright {
    min-height: 150px; }
  @media print {
    .myselection {
      zoom: 0.8; }
      .myselection + .devicePickerWrapper {
        display: none;
        visibility: hidden; }
      .myselection .addremove {
        display: none;
        visibility: hidden; }
      .myselection .myselectiontop {
        display: none;
        visibility: hidden; }
      .myselection .myselectionmenu {
        display: none;
        visibility: hidden; }
      .myselection .section-business .sectiontitle {
        /*background-color: $myselection_bkcolor_blue !important;*/
        color: black !important;
        border: 1px solid lightgray; }
      .myselection .section-business .sectionphone {
        color: #00A9E0 !important; }
        .myselection .section-business .sectionphone::after {
          content: "" !important; }
      .myselection .section-residential .sectiontitle {
        /*background-color: $myselection_bkcolor_red !important;*/
        color: black !important;
        border: 1px solid lightgray; }
      .myselection .section-residential .sectionphone {
        color: #b71234 !important; }
        .myselection .section-residential .sectionphone::after {
          content: "" !important; }
      .myselection .remove {
        display: none;
        visibility: hidden; }
      .myselection .blockquote-reverse {
        border: none;
        margin: 50px 0 0;
        padding: 0; }
      .myselection .detailscontent {
        display: block !important; }
      .myselection .col-sm-3 {
        width: 25%;
        float: left; }
      .myselection .col-sm-9 {
        width: 75%;
        float: left; }
      .myselection .printtitle {
        display: block !important;
        visibility: visible !important; }
      .myselection .tileright {
        border-left: 1px solid lightgray;
        background-color: #f5f9f8 !important; }
      .myselection .summary {
        background-color: #f5f9f8 !important;
        border: 1px solid lightgray !important; } }

.inputError {
  border: 1px solid red; }

.InternetPlanOverview .col-sm-height {
  display: table-cell;
  float: none;
  height: 100%; }

.InternetPlanOverview .col-sm-top {
  vertical-align: top; }

.InternetPlanOverview .InputContent {
  padding: 30px;
  margin-right: 4px;
  min-height: 300px;
  height: 100%; }
  .InternetPlanOverview .InputContent.backblue {
    color: #00a9df; }
  .InternetPlanOverview .InputContent p {
    color: white;
    font-family: "gothammedium", sans-serif;
    font-size: 1.9rem;
    line-height: 1.3em;
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left; }
  .InternetPlanOverview .InputContent.backgray {
    background-color: whitesmoke; }
    .InternetPlanOverview .InputContent.backgray p {
      color: black; }
  .InternetPlanOverview .InputContent input[type="text"] {
    margin: 4px 0 8px; }
  .InternetPlanOverview .InputContent .form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dce4ec;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #2c3e50;
    display: block;
    font-size: 15px;
    height: 43px;
    line-height: 1.42857;
    padding: 10px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-bottom: 10px; }
  .InternetPlanOverview .InputContent .form-control, .InternetPlanOverview .InputContent input {
    border-width: 2px;
    box-shadow: none; }
  .InternetPlanOverview .InputContent .input-sm {
    border-radius: 3px;
    font-size: 13px;
    height: 33px;
    line-height: 1.5;
    padding: 6px 9px; }

.InternetPlanOverview .btn-grayflat {
  text-transform: uppercase;
  color: #000;
  background-color: #d7d7d7;
  border-color: black;
  font-family: "gothammedium", sans-serif;
  border-radius: 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #666;
  white-space: nowrap;
  padding: 5px 30px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.InternetPlanOverview .btn-graydflat:hover,
.InternetPlanOverview .btn-grayflat:focus,
.InternetPlanOverview .btn-grayflat.focus,
.InternetPlanOverview .btn-grayflat:active,
.InternetPlanOverview .btn-grayflat.active,
.InternetPlanOverview .open > .dropdown-toggle.btn-red {
  color: #b71234;
  background-color: #d1d1d1;
  border-color: #000;
  text-decoration: none; }

.InternetPlanOverview .btn-grayflat:active,
.InternetPlanOverview .btn-grayflat.active,
.InternetPlanOverview .open > .dropdown-toggle.btn-grayflat {
  background-image: none; }

.InternetPlanOverview .btn-redflat {
  color: #ffffff;
  background-color: #b71234;
  border-color: #b71234;
  font-family: 'gothammedium';
  width: 99%;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 5px 15px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.InternetPlanOverview .btn-redflat:hover,
.InternetPlanOverview .btn-redflat:focus,
.InternetPlanOverview .btn-redflat.focus,
.InternetPlanOverview .btn-redflat:active,
.InternetPlanOverview .btn-redflat.active,
.InternetPlanOverview .open > .dropdown-toggle.btn-red {
  color: #b71234;
  background-color: white;
  border-color: #b71234;
  text-decoration: none; }

.InternetPlanOverview .btn-redflat:active,
.InternetPlanOverview .btn-redflat.active,
.InternetPlanOverview .open > .dropdown-toggle.btn-redflat {
  background-image: none; }

.InternetPlanOverview .btn-yellowflat {
  color: black;
  background-color: #ffcb08;
  border-color: #ffcb08;
  font-family: 'gothammedium';
  width: 99%;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 5px 15px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.InternetPlanOverview .btn-yellowflat:hover,
.InternetPlanOverview .btn-yellowflat:focus,
.InternetPlanOverview .btn-yellowflat.focus,
.InternetPlanOverview .btn-yellowflat:active,
.InternetPlanOverview .btn-yellowflat.active {
  color: #ffcb08;
  background-color: black;
  border-color: black;
  text-decoration: none; }

.InternetPlanOverview .btn-yellowflat:active,
.InternetPlanOverview .btn-yellowflat.active,
.InternetPlanOverview .open > .dropdown-toggle.btn-yellowflat {
  background-image: none; }

.InternetPlanOverview .row .planspad {
  padding-right: 5px;
  padding-left: 5px; }
  .InternetPlanOverview .row .planspad:last-child {
    padding-right: 0; }
  .InternetPlanOverview .row .planspad:first-child {
    padding-left: 0; }

.InternetPlanOverview .row .inside {
  margin: 0 5px 5px 0; }
  .InternetPlanOverview .row .inside.planborder {
    border: 1px solid #bbbdc0; }
  .InternetPlanOverview .row .inside .top {
    height: 150px;
    line-height: 150px;
    font-family: "gothammedium", sans-serif;
    text-align: center; }
    .InternetPlanOverview .row .inside .top img {
      max-width: 280px;
      max-height: 150px; }
    .InternetPlanOverview .row .inside .top span {
      padding: 20px 35px;
      font-size: 2.6rem;
      line-height: 1em;
      color: #b71234;
      text-transform: uppercase;
      display: inline-block;
      vertical-align: middle; }
  .InternetPlanOverview .row .inside .plangray {
    background: #E9E9E9;
    padding: 20px 10px 12px 10px;
    border-top: 1px solid #bbbdc0;
    font-family: "gothambook", sans-serif;
    color: #000;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.8em;
    text-align: center; }
    .InternetPlanOverview .row .inside .plangray .blueprice {
      color: #00a9e0;
      font-family: "gothammedium", sans-serif;
      font-size: 34px; }
    .InternetPlanOverview .row .inside .plangray .tagline {
      font-family: "gothammedium", sans-serif;
      font-size: 26px;
      color: #b71234;
      text-transform: uppercase;
      height: 34px;
      line-height: 34px; }
    .InternetPlanOverview .row .inside .plangray p.tagline {
      margin: 0 0 4px; }
    .InternetPlanOverview .row .inside .plangray table.planspecs {
      width: 90%;
      margin: 10px auto;
      font-family: "gothambook", sans-serif;
      font-size: 19px;
      line-height: 20px;
      font-size: 1.8rem;
      line-height: 1.8em; }
      .InternetPlanOverview .row .inside .plangray table.planspecs .alignleft {
        text-align: left; }
      .InternetPlanOverview .row .inside .plangray table.planspecs td.specsnumbers {
        text-align: right;
        font-weight: bold;
        font-family: "gothammedium", sans-serif; }

.InternetPlanOverview .row #PlanOverviewDetails {
  background-color: #f1f1f1; }
  .InternetPlanOverview .row #PlanOverviewDetails h4 {
    text-transform: uppercase; }
  .InternetPlanOverview .row #PlanOverviewDetails a {
    cursor: pointer; }
  .InternetPlanOverview .row #PlanOverviewDetails .glyphicon-minus, .InternetPlanOverview .row #PlanOverviewDetails .glyphicon-plus {
    color: #6d6e71;
    content: "-" !important;
    font-family: "gothamlight" !important;
    font-size: 24px;
    top: -2px; }
  .InternetPlanOverview .row #PlanOverviewDetails .panel {
    margin-top: 0; }
    .InternetPlanOverview .row #PlanOverviewDetails .panel .panel-body {
      background-color: #f1f1f1; }

.InternetPlanOverview .row .NotFound {
  margin: 20px;
  font-family: "gothambold", sans-serif;
  font-size: 16px;
  color: black; }

.InternetPlanOverview .row .featureModule {
  height: 100%; }
  .InternetPlanOverview .row .featureModule h2 {
    font-family: "gothammedium", sans-serif;
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.3em;
    margin: 0 10px 20px 10px; }
  .InternetPlanOverview .row .featureModule h3 {
    font-family: "gothambook", sans-serif;
    font-size: 21px;
    font-size: 2.16rem;
    line-height: 1.4em;
    letter-spacing: -.7px;
    margin-top: 0; }
  .InternetPlanOverview .row .featureModule.overlayFeatureModule {
    min-height: 300px; }
  .InternetPlanOverview .row .featureModule.business h2 {
    font-family: "gothambook", sans-serif;
    font-size: 30px;
    line-height: 32px; }
  .InternetPlanOverview .row .featureModule.business h3 {
    font-family: "gothambook", sans-serif;
    font-size: 16px;
    line-height: 18px; }

@media (max-width: 990px) {
  .InternetPlanOverview .row .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .InternetPlanOverview .featureModule.sideSpacer {
    margin: 5px 0; }
  .InternetPlanOverview .InternetPlanOverview .row .planspad {
    padding: 0; } }

.InternetPlanOverview .modal .selection-text {
  float: left;
  width: 184px; }

.InternetPlanOverview .modal .selection-text h2 {
  font-family: "gothambook", sans-serif;
  font-size: 24px;
  line-height: 24px;
  color: black;
  margin-top: 0; }

.InternetPlanOverview .modal .suggested p,
.InternetPlanOverview .modal .selection-text p {
  font-family: "gothammedium", sans-serif;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 0px;
  color: #6d6e71; }

.InternetPlanOverview .modal .selection-text p.cost {
  font-size: 30px;
  color: #00a9e0;
  line-height: 30px;
  font-family: "gothammedium", sans-serif;
  margin-top: 30px; }

.download-link-component .download-link {
  font-family: 'gothammedium';
  font-size: 16pt;
  color: #b71234;
  vertical-align: middle; }

.download-link-component .download-link-icon {
  margin-right: 10px; }

@media only screen and (max-width: 640px) {
  .download-link-component .download-link {
    font-size: 12pt; } }

.multiButtonCTA {
  padding: 25px 25px 0 25px;
  min-height: 275px; }
  .multiButtonCTA h2 {
    font-size: 34px;
    line-height: 36px;
    font-family: "gothambook", sans-serif;
    text-transform: uppercase;
    margin-top: 0; }
  .multiButtonCTA h3 {
    font-size: 23px;
    line-height: 21px;
    font-family: "gothammedium", sans-serif;
    text-transform: uppercase;
    margin-top: 0; }
  .multiButtonCTA .ctaCopy {
    font-size: 16px;
    line-height: 18px;
    font-family: "gothambook", sans-serif; }
  .multiButtonCTA .ctaLinks {
    display: block;
    margin-top: 20px; }
    .multiButtonCTA .ctaLinks .hubbtn {
      width: 240px;
      margin: 0px 10px 20px 0; }
      .multiButtonCTA .ctaLinks .hubbtn.hubyellowbtn {
        background-color: #ffcb08;
        color: black;
        border-color: #ffcb08; }
        .multiButtonCTA .ctaLinks .hubbtn.hubyellowbtn:hover {
          color: #ffcb08;
          background-color: black;
          border-color: #ffcb08; }
      .multiButtonCTA .ctaLinks .hubbtn.hublightbtn {
        background-color: white;
        color: #00a9e0; }
        .multiButtonCTA .ctaLinks .hubbtn.hublightbtn:hover {
          background-color: #00a9e0;
          color: white;
          border-color: rgba(17, 17, 17, 0.78); }
  .multiButtonCTA.backblue {
    background-color: #00a9e0; }
  .multiButtonCTA.backdarkgrey {
    background-color: #6d6e71; }
  .multiButtonCTA.backgcigray {
    background-color: #bbbdc0; }
  .multiButtonCTA.backyellow {
    background-color: #ffcb08; }
  .multiButtonCTA.backteal {
    background-color: #27bbb2; }
  .multiButtonCTA.sideSpacer {
    margin: 0 8px; }
  .multiButtonCTA.leftSideSpacer {
    margin: 0 0 0 8px; }
  .multiButtonCTA.rightSideSpacer {
    margin: 0 8px 0 0; }
  .multiButtonCTA .close-modal {
    position: absolute;
    right: 15px;
    top: 15px; }
  .multiButtonCTA .buttonWrap {
    margin-left: 20px; }

.multiButtonCTAEdit {
  padding: 25px; }

h2 {
  font-weight: bold; }

.tvChannelLineup {
  /*
     //pad images
        .channelLineup tbody tr td:nth-child(n+3){
       img{ padding-left: 10px;}
    }*/ }
  @media print {
    .tvChannelLineup .printhide {
      display: none; }
    .tvChannelLineup #simpleTable {
      display: block; }
    .tvChannelLineup .tdgreyout {
      display: none; }
      .tvChannelLineup .tdgreyout img {
        display: none; } }
  .tvChannelLineup #printPdf, .tvChannelLineup .channelLineup thead tr th, .tvChannelLineup .planbtn {
    cursor: pointer; }
  .tvChannelLineup .tdhighlight {
    background-color: #ffee8e;
    font-weight: bold; }
  .tvChannelLineup .tdgreyout {
    font-style: italic;
    background-color: #eeeeee; }
    .tvChannelLineup .tdgreyout img {
      opacity: 0.2;
      filter: alpha(opacity=20);
      /* MSIE */ }
  .tvChannelLineup input {
    width: 95%;
    padding: 6px;
    margin: 0 10px;
    border: 1px solid #6d6e71; }
  .tvChannelLineup .currentlyViewingCopy {
    font-family: "gothammedium", sans-serif;
    color: #6d6e71;
    font-size: 19px;
    line-height: 22px;
    margin: 0 0 15px 0; }
    .tvChannelLineup .currentlyViewingCopy .notFound {
      display: none; }
    .tvChannelLineup .currentlyViewingCopy #currentLocation {
      font-family: "gothammedium", sans-serif;
      text-transform: capitalize; }
  .tvChannelLineup .waiting {
    margin: 20px auto 50px;
    text-align: center; }
  .tvChannelLineup .learnMoreCopy {
    margin: 15px 0 25px;
    font-family: "gothammedium", sans-serif;
    font-size: 16px;
    color: #6d6e71;
    line-height: 18px; }
  .tvChannelLineup table {
    width: 100%; }
    .tvChannelLineup table th {
      font-family: "gothammedium", sans-serif;
      color: #6d6e71;
      font-size: 15px;
      padding: 5px 10px;
      text-transform: uppercase; }
    .tvChannelLineup table tr {
      background-color: white;
      font-family: "gothambook", sans-serif;
      font-size: 16px;
      color: #6d6e71; }
      .tvChannelLineup table tr .chanres {
        text-align: right;
        padding-right: 10px;
        font-family: gothambold; }
      .tvChannelLineup table tr image {
        margin-right: 5px; }
    .tvChannelLineup table td {
      padding: 5px 10px; }
  @media (max-width: 990px) {
    .tvChannelLineup .currentlyViewingCopy {
      margin: 10px; }
    .tvChannelLineup #location {
      margin: 5px 10px; }
    .tvChannelLineup #searchLineup {
      margin: 10px; }
    .tvChannelLineup .learnMoreCopy {
      margin: 10px; }
    .tvChannelLineup h2 {
      margin: 10px; } }
  @media (min-width: 901px) and (max-width: 1200px) {
    .tvChannelLineup h2 {
      margin: 20px 12px; } }

.overlayPosition {
  /* IE 10 & 11 target for mix-blend-mode */
  /* END IE 10 & 11 target for mix-blend-mode */
  /* IE 9 target for mix-blend-mode */
  /* END IE 9 target for mix-blend-mode */ }
  .overlayPosition .bannerback {
    background-size: cover;
    position: relative;
    display: block;
    width: 100%;
    height: 435px;
    z-index: 0; }
    .overlayPosition .bannerback.bannerback_right {
      background-position: right; }
    .overlayPosition .bannerback.bannerback_left {
      background-position: left; }
    .overlayPosition .bannerback.bannerback_center {
      background-position: center; }
    .overlayPosition .bannerback .bancopy {
      position: absolute;
      z-index: -1;
      margin-top: 0;
      padding: 20.183% 7% 11.01% 12%; }
      .overlayPosition .bannerback .bancopy h2 {
        font-size: 30px;
        line-height: 32px;
        font-family: "gothambook", sans-serif; }
      .overlayPosition .bannerback .bancopy h3 {
        font-size: 1.5rem;
        line-height: 1.8rem; }
    .overlayPosition .bannerback.short {
      height: 323px; }
      .overlayPosition .bannerback.short .bancopy {
        padding: 20px; }
    .overlayPosition .bannerback .overlay {
      width: 100%;
      height: 436px;
      position: absolute;
      z-index: -2;
      top: 0;
      left: 0;
      pointer-events: none;
      padding: 0; }
      .overlayPosition .bannerback .overlay.short {
        height: 323px; }
      .overlayPosition .bannerback .overlay.overlayred {
        background-color: #b71234; }
      .overlayPosition .bannerback .overlay.overlayteal {
        background-color: #27bbb2; }
      .overlayPosition .bannerback .overlay.overlaydarkgray {
        background-color: #6d6e71; }
      .overlayPosition .bannerback .overlay.overlayblack {
        background-color: black;
        opacity: 0.7; }
      .overlayPosition .bannerback .overlay.overlayblue {
        background-color: #00a9e0; }
  .overlayPosition .hubbtn {
    font-size: 1.6rem;
    letter-spacing: 1.3px;
    padding: 0 2.45rem;
    font-family: "gothammedium";
    text-decoration: none;
    display: inline-block;
    margin-top: 20px !important;
    margin-left: 0 !important;
    line-height: 3.9rem; }
    .overlayPosition .hubbtn.hubyellowbtn {
      background-color: #ffcb08;
      color: black;
      border-color: #ffcb08; }
      .overlayPosition .hubbtn.hubyellowbtn:hover {
        color: #ffcb08;
        background-color: black;
        border: 1px solid #ffcb08; }
    .overlayPosition .hubbtn.hublightbtn {
      color: #b71234;
      background-color: white; }
      .overlayPosition .hubbtn.hublightbtn:hover {
        background-color: #b71234;
        color: white;
        border: 1px solid #b71234; }
    .overlayPosition .hubbtn.hublightbluebtn {
      color: #00a9e0;
      background-color: white; }
      .overlayPosition .hubbtn.hublightbluebtn:hover {
        background-color: #00a9e0;
        color: white;
        border: 1px solid rgba(17, 17, 17, 0.78); }
  .overlayPosition.sideSpacer {
    padding: 0 8px; }
  .overlayPosition.leftSideSpacer {
    padding: 0 0 0 8px; }
  .overlayPosition.rightSideSpacer {
    padding: 0 8px 0 0; }
  .overlayPosition .mobile {
    display: none; }
  .overlayPosition.ms-slide .row .col-xs-12 {
    min-height: 0; }
  @media (min-width: 1280px) {
    .overlayPosition .bannerback .bancopy h3 {
      font-size: 1.5rem;
      line-height: 1.8rem; } }
  @media (max-width: 768px) {
    .overlayPosition .bannerback .bancopy h3 {
      font-size: 1.4rem;
      line-height: 1.7rem; }
    .overlayPosition .bannerback.bannerback_right {
      width: 100%;
      height: 0px;
      padding-top: 44.666%;
      background-image: url("back.jpg");
      background-position: right;
      background-size: cover; }
    .overlayPosition .bannerback.bannerback_left {
      width: 100%;
      height: 0px;
      padding-top: 44.666%;
      background-image: url("back.jpg");
      background-position: left;
      background-size: cover; }
    .overlayPosition .bannerback.bannerback_center {
      width: 100%;
      height: 0px;
      padding-top: 44.666%;
      background-image: url("back.jpg");
      background-position: center;
      background-size: cover; } }
  @media (max-width: 991px) {
    .overlayPosition .bannerback .bancopy h3 {
      font-size: 1.5rem;
      line-height: 1.8rem; }
    .overlayPosition .mobile {
      display: block;
      padding: 4.5%; }
    .overlayPosition .mobile_overlayred {
      background-color: #b71234; }
    .overlayPosition .mobile_overlayteal {
      background-color: #27bbb2; }
    .overlayPosition .mobile_overlaydarkgray {
      background-color: #6d6e71; }
    .overlayPosition .mobile_overlayblack {
      background-color: black; }
    .overlayPosition .mobile_overlayblue {
      background-color: #00a9e0; } }
  @media (max-width: 460px) {
    .overlayPosition .mobile {
      padding: 8%; } }
  @media (max-width: 768px) {
    .overlayPosition .bannerback_right {
      width: 100%;
      height: 0px;
      padding-top: 44.666%;
      background-image: url("back.jpg");
      background-position: right;
      background-size: cover; }
    .overlayPosition .bannerback_left {
      width: 100%;
      height: 0px;
      padding-top: 44.666%;
      background-image: url("back.jpg");
      background-position: left;
      background-size: cover; }
    .overlayPosition .bannerback_center {
      width: 100%;
      height: 0px;
      padding-top: 44.666%;
      background-image: url("back.jpg");
      background-position: center;
      background-size: cover; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .overlayPosition .overlayred,
    .overlayPosition .overlayteal,
    .overlayPosition .overlaydarkgray,
    .overlayPosition .overlayblack,
    .overlayPosition .overlayblue {
      mix-blend-mode: none;
      opacity: .7; } }
  .overlayPosition :root .overlayred {
    mix-blend-mode: none \0/IE9;
    background-color: #b71234 \0/IE9;
    opacity: .7 \0/IE9; }
  .overlayPosition :root .overlayteal {
    mix-blend-mode: none \0/IE9;
    background-color: #00A9E0 \0/IE9;
    opacity: .7 \0/IE9; }
  .overlayPosition :root .overlaydarkgray {
    mix-blend-mode: none \0/IE9;
    background-color: #6d6e71 \0/IE9;
    opacity: .7 \0/IE9; }
  .overlayPosition :root .overlayblack {
    mix-blend-mode: none \0/IE9;
    background-color: black \0/IE9;
    opacity: .7 \0/IE9; }
  .overlayPosition :root .overlayblue {
    mix-blend-mode: none \0/IE9;
    background-color: #00a9e0 \0/IE9;
    opacity: .7 \0/IE9; }

.content-teaser-container {
  margin-bottom: 6px;
  /* columns of same height styles */
  /*  END EQUAL HEIGHT DIVS  */
  /*  CATALOGUE DESKTOP START:  */
  /*  CATALOGUE - IPAD VERT - START:  */
  /*  CATALOGUE ≤ IPAD VERT - END  */ }
  .content-teaser-container:after {
    content: "";
    display: table;
    clear: both; }
  .content-teaser-container .content-teaser-category-title {
    font-weight: bold;
    vertical-align: middle;
    margin-top: 20px;
    color: black;
    font-family: "gothammedium", sans-serif; }
  .content-teaser-container .bancopy {
    width: 100%;
    position: absolute;
    z-index: 4;
    bottom: 0;
    padding: 2% 2% 2%;
    display: block !important; }
  .content-teaser-container .blueover,
  .content-teaser-container .tealover,
  .content-teaser-container .grayover, .content-teaser-container .blackover {
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    pointer-events: none;
    mix-blend-mode: multiply;
    padding: 0;
    opacity: .8;
    display: block !important; }
  .content-teaser-container .blueover {
    background-color: #00a9e0; }
  .content-teaser-container .tealover {
    background-color: #27bbb2; }
  .content-teaser-container .grayover {
    background-color: #6d6e71; }
  .content-teaser-container .blackover {
    background-color: black;
    opacity: .6; }
  .content-teaser-container .maincont {
    border-left: 2px solid whitesmoke;
    background-position: center;
    background-size: cover;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 1; }
  .content-teaser-container .catnav {
    background: #BBBDC0 none repeat scroll 0% 0%;
    border-right: 6px solid whitesmoke;
    text-align: center;
    font-family: gothambook;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 34px;
    height: 560px !important; }
  .content-teaser-container .btn-white,
  .content-teaser-container .btn-yellow {
    padding: 0 2.45rem;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    line-height: 3.9rem;
    font-family: 'gothammedium';
    text-transform: uppercase;
    letter-spacing: .1em; }
  .content-teaser-container .btn-white {
    color: #b71234;
    background-color: white;
    border: solid 1px white; }
  .content-teaser-container .btn-white:hover, .content-teaser-container .btn-white:focus, .content-teaser-container .btn-white.focus, .content-teaser-container .btn-white:active, .content-teaser-container .btn-white.active, .content-teaser-container .open > .dropdown-toggle.btn-white {
    color: white;
    background-color: #b71234;
    border: solid 1px white; }
  .content-teaser-container .btn-yellow {
    color: black;
    background-color: #ffcb08;
    border: solid 1px #ffcb08; }
  .content-teaser-container .btn-yellow:hover, .content-teaser-container .btn-yellow:focus, .content-teaser-container .btn-yellow.focus, .content-teaser-container .btn-yellow:active, .content-teaser-container .btn-yellow.active, .content-teaser-container .open > .dropdown-toggle.btn-yellow {
    color: #ffcb08;
    background-color: black;
    border: solid 1px #ffcb08; }
  .content-teaser-container #container2, .content-teaser-container #container3, .content-teaser-container #container4, .content-teaser-container #container5, .content-teaser-container #container6, .content-teaser-container #container7, .content-teaser-container #container8 {
    display: none;
    overflow: visible; }
  .content-teaser-container .hrtease {
    width: 84%;
    border-top: 1px black solid; }
  @media (min-width: 992px) {
    .content-teaser-container #divLinks {
      min-height: 560px; } }
  @media (max-width: 991px) {
    .content-teaser-container .content-teaser-item {
      position: static;
      height: auto; }
    .content-teaser-container .dropdown-menu {
      position: relative;
      width: 100%; }
    .content-teaser-container .mobilepic {
      width: 100%; }
    .content-teaser-container .bannerback {
      min-height: unset;
      height: auto !important;
      width: 100%;
      height: 0px;
      background-image: url("picture.png");
      background-position: center;
      background-size: cover; } }
  .content-teaser-container .inside {
    margin-top: 20px;
    margin-bottom: 20px; }
  .content-teaser-container .inside-full-height {
    /*
          // if you want to give content full height give him height: 100%;
          // with content full height you can't apply margins to the content
          // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
          */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  .content-teaser-container .content {
    /*padding: 12px 3px;*/ }
  .content-teaser-container .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%; }
  .content-teaser-container .col-height {
    display: table-cell;
    float: none;
    height: 100%; }
  .content-teaser-container .col-top {
    vertical-align: top; }
  .content-teaser-container .col-middle {
    vertical-align: middle; }
  .content-teaser-container .col-bottom {
    vertical-align: bottom; }
  @media (min-width: 480px) {
    .content-teaser-container .row-xs-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .content-teaser-container .col-xs-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .content-teaser-container .col-xs-top {
      vertical-align: top; }
    .content-teaser-container .col-xs-middle {
      vertical-align: middle; }
    .content-teaser-container .col-xs-bottom {
      vertical-align: bottom; } }
  @media (min-width: 768px) {
    .content-teaser-container .row-sm-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .content-teaser-container .col-sm-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .content-teaser-container .col-sm-top {
      vertical-align: top; }
    .content-teaser-container .col-sm-middle {
      vertical-align: middle; }
    .content-teaser-container .col-sm-bottom {
      vertical-align: bottom; } }
  @media (min-width: 992px) {
    .content-teaser-container .row-md-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .content-teaser-container .col-md-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .content-teaser-container .col-md-top {
      vertical-align: top; }
    .content-teaser-container .col-md-middle {
      vertical-align: middle; }
    .content-teaser-container .col-md-bottom {
      vertical-align: bottom; } }
  @media (min-width: 1200px) {
    .content-teaser-container .row-lg-height {
      display: table;
      table-layout: fixed;
      height: 100%;
      width: 100%; }
    .content-teaser-container .col-lg-height {
      display: table-cell;
      float: none;
      height: 100%; }
    .content-teaser-container .col-lg-top {
      vertical-align: top; }
    .content-teaser-container .col-lg-middle {
      vertical-align: middle; }
    .content-teaser-container .col-lg-bottom {
      vertical-align: bottom; } }
  .content-teaser-container ul.teasecats li {
    line-height: 42px;
    vertical-align: middle; }
  .content-teaser-container ul.teasecats li a:hover, .content-teaser-container ul.teasecats li a:active {
    color: white !important;
    text-decoration: none;
    font-family: "gothambook", sans-serif; }
  .content-teaser-container ul.teasecats li a {
    text-decoration: none;
    color: #0a0a0a; }
  .content-teaser-container ul.teasecats li a.teasecat-active {
    color: #fff;
    font-family: "gothambook", sans-serif; }
  @media (max-width: 992px) {
    .content-teaser-container .blueover, .content-teaser-container .tealover, .content-teaser-container .grayover, .content-teaser-container .blackover {
      display: none !important; }
    .content-teaser-container ul.teasecats {
      position: static;
      top: 74px;
      z-index: 1000;
      display: none;
      width: 330px;
      padding: 2px 5px;
      list-style: outside none none;
      font-size: 17px;
      text-align: left;
      background-color: white;
      background-clip: padding-box;
      border-width: 0px 1px 1px;
      border-style: solid;
      border-color: #666;
      opacity: 0.96;
      overflow: hidden;
      border-radius: 0px;
      box-shadow: 0px 0px 0px transparent;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      visibility: visible;
      opacity: 0;
      transition: visibility 0s, opacity 0.5s linear; }
    .content-teaser-container ul.teasecats li a:hover, .content-teaser-container ul.teasecats li a:active {
      color: #222 !important;
      text-decoration: none;
      font-family: 'gothambold' !important; }
    .content-teaser-container .btn-teasecats {
      color: #000 !important;
      background-color: #fff !important;
      border-color: #000 !important;
      text-transform: uppercase;
      width: 330px;
      /*padding: 4px 15px;*/
      outline: none;
      margin: 35px auto 10px auto;
      font-family: 'gothammedium';
      font-size: 21px; }
    .content-teaser-container .btn-teasecats:focus, .content-teaser-container .btn-teasecats:active {
      outline: none; }
    .content-teaser-container .dropdown {
      background: #fff !important;
      text-align: center; } }
  .content-teaser-container .caret_teasecats {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #333;
    margin-top: -3px; }
  .content-teaser-container .bannerpicmobile {
    display: none; }
  .content-teaser-container h2.white {
    font-family: "gothambook", sans-serif;
    font-size: 31px;
    line-height: 36px;
    font-weight: normal;
    margin: 0 0 6px;
    color: white;
    text-align: left; }
  .content-teaser-container h3.white {
    font-family: "gothambook", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: white;
    text-align: left;
    margin-top: 0px; }
  .content-teaser-container h3.section_title {
    font-family: "gothammedium", sans-serif;
    font-size: 34px;
    background: whitesmoke;
    padding: 8px 16px;
    margin-bottom: 0;
    color: black;
    margin-top: 0; }
  @media (max-width: 400px) {
    .content-teaser-container h3.white {
      font-size: 11px; } }
  @media (min-width: 1280px) {
    .content-teaser-container h3.white {
      font-size: 16px; } }
  @media (max-width: 991px) {
    .content-teaser-container .bannerback {
      width: 100%;
      height: 0px;
      background-image: none;
      background-position: center;
      background-size: cover; }
    .content-teaser-container .bannerpicmobile {
      display: block; }
    .content-teaser-container .teasecatsmobile {
      border: 0px solid red; }
    .content-teaser-container ul.teasecats {
      visibility: visible;
      opacity: 1; }
    .content-teaser-container .bancopy {
      position: static;
      padding: 5%;
      height: auto; }
    .content-teaser-container .catnav {
      background: none;
      border-right: 0 solid red;
      height: auto !important; }
    .content-teaser-container .dropdown-menu > li > a {
      display: block;
      padding: 4px 15px;
      clear: both;
      font-weight: normal;
      line-height: 2em;
      color: #444;
      white-space: nowrap;
      text-transform: uppercase;
      font-size: 18px;
      text-align: center;
      font-family: 'gothammedium'; }
    .content-teaser-container .mobile_bluebox {
      background-color: #00A9E0; }
    .content-teaser-container .mobile_tealbox {
      background-color: #27BBB2; }
    .content-teaser-container .mobile_graybox {
      background-color: #6d6e71; }
    .content-teaser-container .mobile_blackbox {
      background-color: #000; } }
  @media (max-width: 460px) {
    .content-teaser-container .mobile_bluebox, .content-teaser-container .mobile_tealbox, .content-teaser-container .mobile_graybox .mobile_blackbox {
      padding: 8%; } }

.affix {
  top: 150px; }

@media (max-width: 991px) {
  .affix {
    position: relative; } }

.builderStep {
  display: none; }

.directionControl {
  position: relative;
  margin: 30px 0;
  text-align: right; }

.boxPrice {
  color: #b71234;
  font-size: 14px; }

.boxName {
  font-weight: bold;
  font-size: 25px; }

.box {
  border-top: 1px solid #efefef;
  padding: 40px 20px; }

.box:first-child {
  margin-top: 40px; }

.stepHolder {
  margin: 40px 20px; }
  .stepHolder .selected a {
    font-weight: bold;
    color: black !important; }
  .stepHolder .selected span {
    border: 5px solid darkGray;
    color: black; }
  .stepHolder .completed a {
    font-weight: bold;
    color: green !important; }
  .stepHolder .completed span {
    border-color: green;
    color: green;
    padding: 10px 17px !important; }
  .stepHolder div span {
    border-radius: 30px;
    border: 5px solid lightGray;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    color: darkGray;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 20px; }
  .stepHolder div a {
    text-decoration: underline;
    color: lightGray !important; }

.tvPlanBuilder .select .btn-red {
  width: 230px;
  line-height: 40px;
  display: block;
  text-align: center;
  text-transform: uppercase; }

.tvPlanBuilder .tv-step {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 50px; }
  .tvPlanBuilder .tv-step h2 {
    font-family: "gothammedium", sans-serif;
    font-size: 34px;
    color: black;
    margin: 10px 0; }
  .tvPlanBuilder .tv-step p {
    font-family: "gothambook", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: black;
    margin-left: 30px; }

.tvPlanBuilder .tv-step:first-child {
  margin-top: 0; }

.tvPlanBuilder .plan-holder {
  width: 100%; }
  .tvPlanBuilder .plan-holder .plan {
    opacity: .5;
    border: solid 4px #b71234;
    text-align: center;
    width: 230px;
    margin: 0 5px 5px 0;
    float: left;
    cursor: pointer; }
    .tvPlanBuilder .plan-holder .plan .images {
      height: 132px;
      padding-top: 10px;
      background: #bbbdc0;
      /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#bbbdc0, white);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#bbbdc0, white);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#bbbdc0, white);
      /* For Firefox 3.6 to 15 */
      background: linear-gradient(#bbbdc0, white);
      /* Standard syntax */ }
      .tvPlanBuilder .plan-holder .plan .images img {
        height: 110px;
        margin: 0 auto; }
    .tvPlanBuilder .plan-holder .plan .details {
      padding-top: 10px;
      background-color: whitesmoke; }
      .tvPlanBuilder .plan-holder .plan .details .price {
        font-family: "gothammedium", sans-serif;
        font-size: 34px;
        line-height: 34px;
        color: #6d6e71; }
      .tvPlanBuilder .plan-holder .plan .details .monthly {
        font-family: "gothammedium", sans-serif;
        font-size: 21px;
        line-height: 30px;
        color: #6d6e71; }
      .tvPlanBuilder .plan-holder .plan .details .legal {
        font-family: "gothambook", sans-serif;
        font-size: 10pt;
        color: #6d6e71;
        margin: 10px 0; }
    .tvPlanBuilder .plan-holder .plan.selected {
      opacity: 1; }
      .tvPlanBuilder .plan-holder .plan.selected .details .price {
        color: #00a9e0; }
      .tvPlanBuilder .plan-holder .plan.selected:hover {
        opacity: 1; }
    .tvPlanBuilder .plan-holder .plan:hover {
      opacity: .75; }
      .tvPlanBuilder .plan-holder .plan:hover .details .price {
        color: #00a9e0; }
  .tvPlanBuilder .plan-holder .plan:first-child {
    margin-left: 0; }
  .tvPlanBuilder .plan-holder .plan:last-child {
    margin-right: 0; }

.tvPlanBuilder .tivo-wrapper {
  width: 100%;
  padding: 20px;
  background-color: whitesmoke; }
  .tvPlanBuilder .tivo-wrapper table {
    font-family: "gothammedium", sans-serif;
    font-size: 21px;
    color: #6d6e71;
    text-transform: uppercase;
    width: 100%; }
    .tvPlanBuilder .tivo-wrapper table th {
      color: #b71234;
      padding-bottom: 12px; }
    .tvPlanBuilder .tivo-wrapper table td {
      padding: 5px 0; }
      .tvPlanBuilder .tivo-wrapper table td.price {
        color: #00a9e0;
        text-transform: lowercase; }
      .tvPlanBuilder .tivo-wrapper table td select {
        padding: 3px 5px;
        font-size: 16px;
        min-width: 300px; }

.tvPlanBuilder .tivoLegal {
  font-family: "gothambook", sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: black;
  font-style: italic; }

.tvPlanBuilder .premium-wrapper {
  width: 100%; }
  .tvPlanBuilder .premium-wrapper .premium {
    height: 220px;
    float: left;
    width: 225px;
    margin-right: 5px;
    text-align: center;
    background-color: whitesmoke;
    margin-bottom: 5px;
    border: solid 2px whitesmoke;
    cursor: pointer; }
    .tvPlanBuilder .premium-wrapper .premium.selected {
      border: solid 2px #b71234; }
    .tvPlanBuilder .premium-wrapper .premium .images {
      height: 115px;
      padding-top: 20px; }
      .tvPlanBuilder .premium-wrapper .premium .images img {
        max-width: 200px;
        max-height: 90px;
        margin: 0 auto; }
    .tvPlanBuilder .premium-wrapper .premium .price {
      font-family: "gothammedium", sans-serif;
      font-size: 24px;
      line-height: 30px;
      color: #00a9e0; }
    .tvPlanBuilder .premium-wrapper .premium .legal, .tvPlanBuilder .premium-wrapper .premium label {
      font-family: "gothammedium", sans-serif;
      font-size: 16px;
      color: black;
      margin-bottom: 10px; }

.tvPlanBuilder .order-summary {
  background-color: whitesmoke;
  border: solid 1px #bbbdc0;
  margin-left: 5px;
  padding: 0 20px; }
  .tvPlanBuilder .order-summary h2 {
    font-family: "gothambook", sans-serif;
    font-size: 34px;
    color: black; }
  .tvPlanBuilder .order-summary h3 {
    font-family: "gothammedium", sans-serif;
    font-size: 18px;
    color: #6d6e71; }
  .tvPlanBuilder .order-summary #summary-plan-name,
  .tvPlanBuilder .order-summary #summary-tivo-name,
  .tvPlanBuilder .order-summary #summary-premium-name {
    font-family: "gothammedium", sans-serif;
    font-size: 16px;
    color: #b71234;
    float: left; }
  .tvPlanBuilder .order-summary .summary-total {
    font-family: "gothammedium", sans-serif;
    font-size: 16px;
    color: #6d6e71;
    width: 50%;
    float: left;
    margin-top: 20px;
    line-height: 24px; }
  .tvPlanBuilder .order-summary #summary-plan-cost,
  .tvPlanBuilder .order-summary #summary-tivo-cost,
  .tvPlanBuilder .order-summary #summary-premium-cost,
  .tvPlanBuilder .order-summary #summary-total-monthly-cost,
  .tvPlanBuilder .order-summary #summary-total-purchase-cost {
    font-family: "gothammedium", sans-serif;
    font-size: 16px;
    color: #00a9e0;
    float: right;
    width: 30%; }
  .tvPlanBuilder .order-summary #summary-total-monthly-cost,
  .tvPlanBuilder .order-summary #summary-total-purchase-cost {
    margin-top: 20px; }
  .tvPlanBuilder .order-summary .addBtn {
    margin-top: 30px;
    margin-bottom: 15px; }
  .tvPlanBuilder .order-summary .summaryText {
    font-family: "gothammedium", sans-serif; }

.tvPlanBuilder #myModal h3 {
  font-family: "gothammedium", sans-serif;
  font-size: 18px;
  color: #6d6e71;
  margin-top: 10px;
  margin-bottom: 0; }

.tvPlanBuilder #myModal #modal-monthly-name,
.tvPlanBuilder #myModal #modal-monthly-purchase-name {
  font-family: "gothammedium", sans-serif;
  font-size: 16px;
  color: #6d6e71;
  width: 50%;
  margin-top: 20px;
  line-height: 22px;
  float: left; }

.tvPlanBuilder #myModal #modal-summary-plan-name,
.tvPlanBuilder #myModal #modal-tivo-name,
.tvPlanBuilder #myModal #modal-premium,
.tvPlanBuilder #myModal #modal-premium-name {
  font-family: "gothammedium", sans-serif;
  font-size: 16px;
  width: 70%;
  text-transform: uppercase;
  float: left; }

.tvPlanBuilder #myModal #modal-summary-plan-cost,
.tvPlanBuilder #myModal #modal-tivo-cost,
.tvPlanBuilder #myModal #modal-premium-cost,
.tvPlanBuilder #myModal #modal-monthly-cost,
.tvPlanBuilder #myModal #modal-monthly-purchase-cost {
  font-family: "gothammedium", sans-serif;
  font-size: 16px;
  color: #00a9e0;
  float: right;
  margin-top: 10px;
  width: 30%; }

.tvPlanBuilder #myModal #modal-monthly-cost,
.tvPlanBuilder #myModal #modal-monthly-purchase-cost {
  margin-top: 20px; }

@media (max-width: 565px) {
  .tvPlanBuilder .tv-step h2 {
    font-size: 27px;
    margin: 5px; }
  .tvPlanBuilder .tv-step p {
    margin-left: 0;
    font-size: 14px; }
  .tvPlanBuilder .plan-holder {
    width: 100%; }
    .tvPlanBuilder .plan-holder .plan {
      float: none;
      width: 100%; }
  .tvPlanBuilder .premium-wrapper {
    width: 100%; }
    .tvPlanBuilder .premium-wrapper .premium {
      float: none;
      width: 100%; } }

@media (max-width: 600px) {
  .tvPlanBuilder .tivo-wrapper table {
    font-size: 17px; }
    .tvPlanBuilder .tivo-wrapper table td select {
      width: 220px;
      min-width: 220px;
      font-size: 14px; }
  .tvPlanBuilder .tivoLegal {
    margin: 5px; } }

@media (max-width: 560px) {
  .tvPlanBuilder .tivo-wrapper {
    padding: 15px; }
    .tvPlanBuilder .tivo-wrapper table {
      font-size: 14px; }
      .tvPlanBuilder .tivo-wrapper table td select {
        font-size: 13px;
        width: 180px;
        min-width: 180px; } }

@media (max-width: 400px) {
  .tvPlanBuilder .tivo-wrapper {
    padding: 5px; }
    .tvPlanBuilder .tivo-wrapper table {
      font-size: 12px; }
      .tvPlanBuilder .tivo-wrapper table td select {
        font-size: 11px;
        width: 155px;
        min-width: 180px; } }

@media (max-width: 768px) {
  .tvPlanBuilder .plan-holder, .tvPlanBuilder .premium-wrapper, .tvPlanBuilder .tivo-wrapper {
    margin-left: 10px;
    margin-right: 10px;
    width: inherit; } }

@media screen and (min-width: 566px) and (max-width: 840px), screen and (min-width: 992px) and (max-width: 1200px) {
  .tvPlanBuilder .plan-holder .plan {
    width: 49%; }
  .tvPlanBuilder .premium-wrapper .premium {
    width: 49%; } }

.contextual-navigation .left {
  float: left !important; }

.contextual-navigation .right {
  float: right !important; }

.contextual-navigation .alignleft {
  float: left;
  margin: 5px 18px 20px 0; }

.contextual-navigation .alignright {
  float: right;
  margin: 5px 0 20px 18px; }

.contextual-navigation #control-wrapper {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  z-index: 10000; }

.contextual-navigation .dropdown {
  background: #fff !important;
  padding-left: 0px !important; }

.contextual-navigation .contextcontrol {
  width: 16.66%;
  display: block;
  float: left;
  border-top: 1px solid #b71234;
  border-bottom: 1px solid #b71234;
  font-size: 14px; }

.contextual-navigation .js-generated {
  display: block; }

.contextual-navigation .mini-search {
  display: none; }

.contextual-navigation body.mobile .parallax-section, .contextual-navigation .off-canvas-wrap.move-left .parallax-section {
  background-attachment: scroll !important;
  background-position: 50% 0 !important; }

.contextual-navigation .mobile-slide-menu {
  display: block; }

.contextual-navigation div.left-small, .contextual-navigation div.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0; }

.contextual-navigation div.tab-bar {
  background: transparent;
  color: #666;
  height: 30px;
  line-height: 2.8125rem;
  position: relative;
  position: absolute;
  top: 35px;
  width: 30px;
  right: 5%;
  z-index: 20000; }
  .contextual-navigation div.tab-bar a i {
    font-size: 30px;
    vertical-align: middle;
    color: #656565 !important; }
  .contextual-navigation div.tab-bar h1, .contextual-navigation div.tab-bar h2, .contextual-navigation div.tab-bar h3, .contextual-navigation div.tab-bar h4, .contextual-navigation div.tab-bar h5, .contextual-navigation div.tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  .contextual-navigation div.tab-bar h1, .contextual-navigation div.tab-bar h2, .contextual-navigation div.tab-bar h3, .contextual-navigation div.tab-bar h4 {
    font-size: 13px; }

.contextual-navigation div.left-small {
  border-right: solid 1px #1a1a1a;
  box-shadow: 1px 0 0 #4d4d4d;
  left: 0; }

.contextual-navigation div.right-small {
  border-left: solid 1px #4d4d4d;
  box-shadow: -1px 0 0 #1a1a1a;
  right: 0; }

.contextual-navigation div.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0; }
  .contextual-navigation div.tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .contextual-navigation div.tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .contextual-navigation div.tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

.contextual-navigation a.menu-icon {
  width: 30px;
  height: 30px;
  display: block;
  line-height: 30px;
  padding: 0;
  color: white;
  position: relative; }
  .contextual-navigation a.menu-icon span {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0;
    left: 0.8125rem;
    top: 0.3125rem;
    -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
    box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }
  .contextual-navigation a.menu-icon:hover span {
    -webkit-box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3;
    box-shadow: 0 10px 0 1px #b3b3b3, 0 16px 0 1px #b3b3b3, 0 22px 0 1px #b3b3b3; }

@media only screen and (min-width: 1300px) {
  .contextual-navigation .inner-wrap > .box-layout {
    max-width: 1200px !important; }
  .contextual-navigation .box-layout #header-wrapper, .contextual-navigation .box-layout .small-nav {
    max-width: 1200px !important; } }

.contextual-navigation .contextnav {
  margin: 0 auto;
  height: 30px; }

.contextual-navigation table.contextnav a {
  text-decoration: none;
  letter-spacing: 0.08em;
  color: #6d6e71; }
  .contextual-navigation table.contextnav a:hover {
    text-decoration: underline;
    color: #b71234; }

.contextual-navigation .contentnavcont {
  position: absolute;
  width: 1200px;
  z-index: 2;
  background: #fff;
  border-top: 1px solid #b71234;
  border-bottom: 1px solid #b71234;
  margin-bottom: 50px;
  padding-left: 1%; }

.contextual-navigation .contentnavlink {
  line-height: 35px; }

.contextual-navigation table.contextnav td {
  vertical-align: top; }

.contextual-navigation .spacer {
  height: 20px; }

.contextual-navigation .cathead {
  padding: 5px 0;
  width: 200px;
  font-size: 15px; }

.contextual-navigation #contentNavContent {
  display: none; }

.contextual-navigation .subcats {
  font-size: 13px; }

.contextual-navigation .cathead a, .contextual-navigation .subcats a {
  color: #6d6e71; }

.contextual-navigation .contextnavheight {
  height: 42px; }

.tvplanoverview .HeroRow {
  height: 300px; }
  .tvplanoverview .HeroRow #found, .tvplanoverview .HeroRow #notFound {
    display: none; }
  .tvplanoverview .HeroRow #currentLocation {
    text-transform: capitalize; }
  .tvplanoverview .HeroRow .InputContent {
    padding: 30px;
    margin-right: 4px;
    min-height: 300px;
    height: 100%; }
    .tvplanoverview .HeroRow .InputContent.backblue {
      color: #00a9df; }
    .tvplanoverview .HeroRow .InputContent p {
      color: white;
      font-family: "gothammedium", sans-serif;
      font-size: 1.9rem;
      line-height: 1.3em;
      margin-bottom: 15px;
      margin-top: 0;
      text-align: left; }
    .tvplanoverview .HeroRow .InputContent.backgray {
      background-color: whitesmoke; }
      .tvplanoverview .HeroRow .InputContent.backgray p {
        color: black; }
    .tvplanoverview .HeroRow .InputContent input[type="text"] {
      margin: 4px 0 8px; }
    .tvplanoverview .HeroRow .InputContent .form-control {
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #dce4ec;
      border-radius: 4px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      color: #2c3e50;
      display: block;
      font-size: 15px;
      height: 43px;
      line-height: 1.42857;
      padding: 10px 15px;
      transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
      width: 100%;
      margin-bottom: 10px; }
    .tvplanoverview .HeroRow .InputContent .form-control, .tvplanoverview .HeroRow .InputContent input {
      border-width: 2px;
      box-shadow: none; }
    .tvplanoverview .HeroRow .InputContent .input-sm {
      border-radius: 3px;
      font-size: 13px;
      height: 33px;
      line-height: 1.5;
      padding: 6px 9px; }
    .tvplanoverview .HeroRow .InputContent p {
      color: #fff;
      font-family: "gothammedium",sans-serif;
      font-size: 1.9rem;
      line-height: 1.3em;
      margin-bottom: 15px;
      margin-top: 0;
      text-align: left; }
    .tvplanoverview .HeroRow .InputContent.backgray p {
      color: black; }
  .tvplanoverview .HeroRow .HeroItem:nth-child(2) {
    padding: 0 4px 0 3px; }
  .tvplanoverview .HeroRow .overlayFeatureModule {
    min-height: 300px; }

.tvplanoverview .waiting {
  margin: 20px auto 50px;
  text-align: center; }

.tvplanoverview .LocationNotFound {
  margin: 20px;
  font-family: "gothambold", sans-serif;
  font-size: 16px;
  color: #000000; }

.tvplanoverview .btn-grayflat, .tvplanoverview .btn-yellow {
  text-transform: uppercase;
  color: #000;
  background-color: #d7d7d7;
  border-color: black;
  font-family: "gothammedium", sans-serif;
  border-radius: 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #666;
  white-space: nowrap;
  padding: 5px 30px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tvplanoverview .btn-yellow {
  background-color: #ffcb08;
  border: 1px solid #ffcb08; }

.tvplanoverview .btn-graydflat:hover,
.tvplanoverview .btn-grayflat:focus,
.tvplanoverview .btn-grayflat.focus,
.tvplanoverview .btn-grayflat:active,
.tvplanoverview .btn-grayflat.active,
.tvplanoverview .open > .dropdown-toggle.btn-red {
  color: #b71234;
  background-color: #d1d1d1;
  border-color: #000;
  text-decoration: none; }

.tvplanoverview .btn-yellow:hover,
.tvplanoverview .btn-yellow:focus,
.tvplanoverview .btn-yellow.focus,
.tvplanoverview .btn-yellow:active,
.tvplanoverview .btn-yellow.active,
.tvplanoverview .open > .dropdown-toggle.btn-yellow {
  color: #ffcb08;
  background-color: black;
  border-color: black;
  text-decoration: none; }

.tvplanoverview #PlanOverviewContent .narrowItem .details {
  padding: 30px 20px !important; }

.tvplanoverview #PlanOverviewContent .plan {
  /* width: 395px; 
            margin-left: 7px; */
  float: left;
  margin-bottom: 10px; }
  .tvplanoverview #PlanOverviewContent .plan:first-child {
    margin-left: 0; }
  .tvplanoverview #PlanOverviewContent .plan:nth-child(2) {
    padding: 0 7px; }
  .tvplanoverview #PlanOverviewContent .plan:nth-child(3) {
    padding: 0 7px 0 0; }
  .tvplanoverview #PlanOverviewContent .plan .images {
    height: 200px;
    text-align: center;
    padding-top: 20px;
    background: -webkit-linear-gradient(#d7d7d7, white);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d7d7d7, white);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d7d7d7, white);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d7d7d7, white);
    /* Standard syntax */ }
    .tvplanoverview #PlanOverviewContent .plan .images img {
      height: 160px; }
  .tvplanoverview #PlanOverviewContent .plan .details {
    padding: 30px 75px;
    /* height: 365px; */
    color: white;
    text-align: center; }
    .tvplanoverview #PlanOverviewContent .plan .details .channels, .tvplanoverview #PlanOverviewContent .plan .details .price {
      font-family: "gothammedium", sans-serif;
      font-size: 38px;
      text-transform: uppercase;
      line-height: 34px;
      margin-bottom: 20px; }
    .tvplanoverview #PlanOverviewContent .plan .details .copy a, .tvplanoverview #PlanOverviewContent .plan .details .copy a:hover {
      color: white;
      text-decoration: underline; }
    .tvplanoverview #PlanOverviewContent .plan .details .price {
      margin-bottom: 3px; }
    .tvplanoverview #PlanOverviewContent .plan .details .monthly {
      font-family: "gothammedium", sans-serif;
      font-size: 20px;
      margin-bottom: 25px;
      line-height: 23px;
      text-transform: uppercase; }
    .tvplanoverview #PlanOverviewContent .plan .details .extraprice {
      font-family: "gothambook", sans-serif;
      font-size: 12pt;
      margin-bottom: 20px; }
    .tvplanoverview #PlanOverviewContent .plan .details .copy {
      font-family: "gothambook", sans-serif;
      font-size: 20px;
      margin-bottom: 35px;
      line-height: 22px; }
    .tvplanoverview #PlanOverviewContent .plan .details .hubbtn {
      background-color: white;
      color: #b71234;
      text-transform: uppercase; }
      .tvplanoverview #PlanOverviewContent .plan .details .hubbtn:hover {
        color: white;
        background-color: #b71234; }

.tvplanoverview #PlanOverviewContent.planbackbusiness .plan {
  border: solid 2px #bbbdc0; }
  .tvplanoverview #PlanOverviewContent.planbackbusiness .plan .images {
    background: inherit;
    background-color: white; }
  .tvplanoverview #PlanOverviewContent.planbackbusiness .plan .details {
    border-top: solid 2px #bbbdc0;
    padding: 15px 75px;
    height: 320px;
    background-color: whitesmoke; }
    .tvplanoverview #PlanOverviewContent.planbackbusiness .plan .details .channels, .tvplanoverview #PlanOverviewContent.planbackbusiness .plan .details .monthly, .tvplanoverview #PlanOverviewContent.planbackbusiness .plan .details .copy {
      color: black; }
    .tvplanoverview #PlanOverviewContent.planbackbusiness .plan .details .price {
      color: #00a9e0; }
    .tvplanoverview #PlanOverviewContent.planbackbusiness .plan .details .extraprice {
      display: none; }

.tvplanoverview #PlanOverviewContent.planbackred .plan .details {
  background-color: #b71234; }

.tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details {
  background-color: whitesmoke; }
  .tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details .channels {
    color: black; }
  .tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details .price {
    color: #00a9e0; }
  .tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details .monthly {
    color: black; }
  .tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details .extraprice {
    color: black; }
  .tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details .copy {
    color: black; }
  .tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details .hubbtn {
    color: white;
    background-color: #b71234;
    text-transform: uppercase; }
    .tvplanoverview #PlanOverviewContent.planbackgcigray .plan .details .hubbtn:hover {
      background-color: white;
      color: #b71234; }

.tvplanoverview #myModal #modal-summary-plan-name {
  font-family: "gothammedium", sans-serif;
  font-size: 16px;
  width: 70%;
  text-transform: uppercase;
  float: left; }

.tvplanoverview #myModal #modal-summary-plan-cost {
  font-family: "gothammedium", sans-serif;
  font-size: 16px;
  color: #00a9e0;
  float: right;
  margin-top: 10px;
  text-align: right;
  width: 30%; }

@media (max-width: 830px) {
  .tvplanoverview .HeroRow {
    height: inherit; }
    .tvplanoverview .HeroRow .col-sm-4 {
      width: 100%; }
    .tvplanoverview .HeroRow .HeroItem:nth-child(2) {
      margin: 3px 0; }
    .tvplanoverview .HeroRow .InputContent {
      width: 100%;
      min-height: 100%;
      height: inherit; }
  .tvplanoverview #PlanOverviewContent .plan {
    width: 100%;
    height: inherit; }
    .tvplanoverview #PlanOverviewContent .plan .details {
      height: inherit; } }

.modal .btn-red {
  color: #ffffff;
  background-color: #B71234;
  border-color: #B71234;
  font-family: 'gothammedium';
  line-height: 40px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none; }

.modal .btn-red:hover,
.modal .btn-red:focus,
.modal .btn-red.focus,
.modal .btn-red:active,
.modal .btn-red.active,
.modal .open > .dropdown-toggle.btn-red {
  color: #B71234;
  background-color: #fff;
  border-color: #B71234;
  border: 1px solid #B71234;
  text-decoration: none;
  line-height: 38px; }

.modal .btn-red:active,
.modal .btn-red.active,
.modal .open > .dropdown-toggle.btn-red {
  background-image: none; }

.modal .btn-red.disabled,
.modal .btn-red[disabled] {
  background-color: #e74c3c;
  border-color: #e74c3c; }

.modal .modal-open .modal {
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow-y: scroll; }

.modal .vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
  /* This makes sure that we can still click outside of the modal to close it */ }

.modal .vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none; }

.modal .modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  /*width:inherit;*/
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
  border-radius: 0;
  box-shadow: none; }
  .modal .modal-content.wide {
    width: 800px; }
  .modal .modal-content.narrow {
    width: 400px; }

.modal .modal-body {
  padding: 30px 30px 15px; }

.modal .close-modal {
  position: absolute;
  right: 15px;
  top: 15px; }

.modal .selection.showborder {
  border-right: 1px solid #bcbec0;
  padding-right: 15px; }

.modal .selection h1,
.modal .suggested h1 {
  margin: 0 0 30px;
  font-size: 24px;
  color: #bcbec0;
  text-transform: uppercase; }

.modal .suggested {
  border-left: 1px solid #bcbec0;
  padding: 0 35px 0 25px;
  text-align: center; }
  .modal .suggested p {
    font-family: "gothammedium", sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
    color: #6d6e71; }
  .modal .suggested h1 {
    margin-top: 2.5em;
    font-size: 28px;
    color: #b71234; }
  .modal .suggested .btn-red {
    width: 200px;
    margin: 20px auto 0; }

.modal .modal-footer {
  border-top: none;
  padding: 0 30px 30px; }
  .modal .modal-footer a {
    font-family: "gothammedium", sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0px;
    color: #b71234;
    float: left;
    padding-left: 20px;
    padding-right: 0 !important; }
    .modal .modal-footer a:first-child {
      border-right: 1px solid #b71234;
      padding-left: 0;
      padding-right: 20px !important; }

.modal .modal-backdrop {
  z-index: 0; }

@media screen and (max-width: 830px) {
  .modal .modal-content.narrow, .modal .modal-content.wide {
    width: 400px; }
  .modal .modal-body {
    padding: 15px 15px 0; }
  .modal .selection,
  .modal .suggested {
    width: 100%;
    padding: 0px;
    height: auto !important; }
    .modal .selection h1,
    .modal .suggested h1 {
      margin: 0 0 15px; }
  .modal .suggested {
    border: none; }
  .modal .selection.showborder {
    border-right: 0px solid #bcbec0;
    border-bottom: 1px solid #bcbec0;
    margin-bottom: 15px;
    padding-bottom: 15px; }
  .modal .modal-footer {
    padding: 20px 30px 15px; }
  .modal .selection-text {
    width: 75%; } }

@media screen and (max-width: 400px) {
  .modal .modal-content.narrow, .modal .modal-content.wide {
    width: 100%; }
  .modal .modal-footer a {
    float: none;
    display: block;
    padding-left: 0;
    text-align: center;
    padding-right: 0;
    margin-bottom: 10px; }
    .modal .modal-footer a:first-child {
      border-right: none;
      padding-right: 0; } }

.phoneplanoverview .HeroRow {
  height: 300px; }
  .phoneplanoverview .HeroRow #found, .phoneplanoverview .HeroRow #notFound {
    display: none; }
  .phoneplanoverview .HeroRow #currentLocation {
    text-transform: capitalize; }
  .phoneplanoverview .HeroRow .InputContent {
    padding: 30px;
    margin-right: 4px;
    min-height: 300px;
    height: 100%; }
    .phoneplanoverview .HeroRow .InputContent.backblue {
      color: #00a9df; }
    .phoneplanoverview .HeroRow .InputContent p {
      color: white;
      font-family: "gothammedium", sans-serif;
      font-size: 1.9rem;
      line-height: 1.3em;
      margin-bottom: 15px;
      margin-top: 0;
      text-align: left; }
    .phoneplanoverview .HeroRow .InputContent.backgray {
      background-color: whitesmoke; }
      .phoneplanoverview .HeroRow .InputContent.backgray p {
        color: black; }
    .phoneplanoverview .HeroRow .InputContent input[type="text"] {
      margin: 4px 0 8px; }
    .phoneplanoverview .HeroRow .InputContent .form-control {
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #dce4ec;
      border-radius: 4px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      color: #2c3e50;
      display: block;
      font-size: 15px;
      height: 43px;
      line-height: 1.42857;
      padding: 10px 15px;
      transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
      width: 100%;
      margin-bottom: 10px; }
    .phoneplanoverview .HeroRow .InputContent .form-control, .phoneplanoverview .HeroRow .InputContent input {
      border-width: 2px;
      box-shadow: none; }
    .phoneplanoverview .HeroRow .InputContent .input-sm {
      border-radius: 3px;
      font-size: 13px;
      height: 33px;
      line-height: 1.5;
      padding: 6px 9px; }
    .phoneplanoverview .HeroRow .InputContent p {
      color: black;
      font-family: "gothammedium",sans-serif;
      font-size: 1.9rem;
      line-height: 1.3em;
      margin-bottom: 15px;
      margin-top: 0;
      text-align: left; }
  .phoneplanoverview .HeroRow .HeroItem:nth-child(1) {
    background-color: whitesmoke; }
  .phoneplanoverview .HeroRow .overlayFeatureModule {
    min-height: 300px; }

.phoneplanoverview .waiting {
  margin: 20px auto 50px;
  text-align: center; }

.phoneplanoverview .LocationNotFound {
  margin: 20px;
  font-family: "gothambold", sans-serif;
  font-size: 16px;
  color: #000000; }

.phoneplanoverview .btn-grayflat, .phoneplanoverview .btn-yellow {
  text-transform: uppercase;
  color: #000;
  background-color: #d7d7d7;
  border-color: black;
  font-family: "gothammedium", sans-serif;
  border-radius: 0px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #666;
  white-space: nowrap;
  padding: 5px 30px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.phoneplanoverview .btn-yellow {
  background-color: #ffcb08;
  border: 1px solid #ffcb08; }

.phoneplanoverview .btn-graydflat:hover,
.phoneplanoverview .btn-grayflat:focus,
.phoneplanoverview .btn-grayflat.focus,
.phoneplanoverview .btn-grayflat:active,
.phoneplanoverview .btn-grayflat.active,
.phoneplanoverview .open > .dropdown-toggle.btn-red {
  color: #b71234;
  background-color: #d1d1d1;
  border-color: #000;
  text-decoration: none; }

.phoneplanoverview .btn-yellow:hover,
.phoneplanoverview .btn-yellow:focus,
.phoneplanoverview .btn-yellow.focus,
.phoneplanoverview .btn-yellow:active,
.phoneplanoverview .btn-yellow.active,
.phoneplanoverview .open > .dropdown-toggle.btn-yellow {
  color: #ffcb08;
  background-color: black;
  border-color: #ffcb08;
  text-decoration: none; }

.phoneplanoverview #PlanOverviewContent .plan {
  background-color: whitesmoke;
  margin-left: 5px;
  float: left;
  margin-top: 4px;
  margin-bottom: 10px;
  text-align: center;
  padding-bottom: 15px; }
  .phoneplanoverview #PlanOverviewContent .plan.leftsideSpacer {
    margin-left: 8px; }
  .phoneplanoverview #PlanOverviewContent .plan .details {
    padding: 15px;
    color: black; }
    .phoneplanoverview #PlanOverviewContent .plan .details .title {
      font-family: "gothambook", sans-serif;
      font-size: 34px;
      text-transform: uppercase;
      line-height: 36px;
      margin-bottom: 20px; }
    .phoneplanoverview #PlanOverviewContent .plan .details .price {
      font-family: "gothammedium", sans-serif;
      font-size: 34px;
      text-transform: uppercase;
      line-height: 36px;
      margin-bottom: 20px;
      color: #00a9e0; }
    .phoneplanoverview #PlanOverviewContent .plan .details .copy {
      font-family: "gothambook", sans-serif;
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 22px; }
  .phoneplanoverview #PlanOverviewContent .plan .hubbtn {
    background-color: #b71234;
    color: white;
    text-transform: uppercase;
    border: solid 1px #b71234;
    margin-bottom: 20px; }
    .phoneplanoverview #PlanOverviewContent .plan .hubbtn:hover {
      color: #b71234;
      background-color: white; }

.phoneplanoverview #myModal h3 {
  font-family: "gothammedium", sans-serif;
  font-size: 18px;
  color: #6d6e71;
  margin-top: 10px;
  margin-bottom: 0; }

.phoneplanoverview #myModal #modal-summary-plan-name {
  font-family: "gothammedium", sans-serif;
  font-size: 16px;
  width: 70%;
  text-transform: uppercase;
  float: left;
  margin-top: 10px; }

.phoneplanoverview #myModal #modal-summary-plan-cost {
  font-family: "gothammedium", sans-serif;
  font-size: 16px;
  color: #00a9e0;
  float: right;
  margin-top: 10px;
  width: 30%;
  text-align: right; }

@media (max-width: 830px) {
  .phoneplanoverview .HeroRow {
    height: inherit; }
    .phoneplanoverview .HeroRow .col-sm-4 {
      width: 100%; }
    .phoneplanoverview .HeroRow .HeroItem:nth-child(2) {
      margin: 3px 0; }
    .phoneplanoverview .HeroRow .InputContent {
      width: 100%;
      min-height: 100%;
      height: inherit; }
    .phoneplanoverview .HeroRow .featureModule {
      min-height: inherit; }
  .phoneplanoverview #PlanOverviewContent .plan {
    width: 100%;
    height: inherit; }
    .phoneplanoverview #PlanOverviewContent .plan .details {
      height: inherit; } }

.gciforms {
  margin-bottom: 6px;
  font-family: 'gothammedium', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px; }
  .gciforms.modalform {
    margin-top: -150px; }
  .gciforms.business {
    font-family: 'gothambook', "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .gciforms fieldset legend {
    font-size: 34px; }
  .gciforms .scfDroplistBorder.Location select {
    text-transform: capitalize; }
    .gciforms .scfDroplistBorder.Location select option {
      text-transform: capitalize; }
  .gciforms .successMsg {
    margin: 30px 15px;
    font-size: 28px; }
  .gciforms input[type=submit] {
    font-size: 1.6rem;
    letter-spacing: 1.3px;
    padding: 0 2.45rem;
    font-family: "gothammedium";
    text-decoration: none;
    display: inline-block;
    margin-left: 0 !important;
    line-height: 3.9rem;
    text-transform: uppercase;
    border-radius: 0; }
  .gciforms.forms-hubyellowbtn input[type=submit] {
    background-color: #ffcb08;
    color: black;
    border-color: #ffcb08; }
    .gciforms.forms-hubyellowbtn input[type=submit]:hover {
      color: #ffcb08;
      background-color: black;
      border: 1px solid #ffcb08; }
  .gciforms.forms-hubredbtn input[type=submit] {
    color: white;
    background-color: #b71234; }
    .gciforms.forms-hubredbtn input[type=submit]:hover {
      background-color: white;
      color: #b71234;
      border: 1px solid #b71234; }
  .gciforms.forms-hubbluebtn input[type=submit] {
    color: white;
    background-color: #00a9e0; }
    .gciforms.forms-hubbluebtn input[type=submit]:hover {
      background-color: white;
      color: #00a9e0; }
  .gciforms.forms-hublightbtn input[type=submit] {
    color: #b71234;
    background-color: white; }
    .gciforms.forms-hublightbtn input[type=submit]:hover {
      background-color: #b71234;
      color: white;
      border: 1px solid #b71234; }
  .gciforms.forms-forms-hublightbluebtn input[type=submit] {
    color: #00a9e0;
    background-color: white; }
    .gciforms.forms-forms-hublightbluebtn input[type=submit]:hover {
      background-color: #00a9e0;
      color: white;
      border: 1px solid #00a9e0; }
  .gciforms.forms-text-center .form-submit-border {
    text-align: center; }
  .gciforms.forms-text-left .form-submit-border {
    text-align: left; }
  .gciforms.forms-text-right .form-submit-border {
    text-align: right; }
  .gciforms .form-control {
    border-radius: 0;
    border-color: #bbbdc0;
    border-width: 1px; }
  .gciforms .control-label {
    color: black; }
  .gciforms .has-success .control-label {
    color: black; }
  .gciforms .has-success .form-control {
    border-color: #bbbdc0;
    border-width: 1px; }
  .gciforms .scfSubmitSummary {
    margin: 30px 15px;
    font-size: 28px; }
  .gciforms .termsAgreement .checkbox input[type=checkbox] {
    margin-left: -30px; }
  .gciforms .required-field .checkbox:after {
    content: ""; }

/*@import "master/_geolocation.scss";*/
#storefindermap {
  margin: 0px;
  padding: 0px;
  height: 100%; }

.storeinfoside {
  background-color: #fff;
  color: #aa0023;
  display: inline-block;
  height: 80%;
  padding: 20px; }

.storeinfoside a {
  color: #ffcb08; }

#storeContainer {
  background-color: #aa0023;
  height: 900px; }

@media only screen and (max-width: 459px) {
  #storefindermap {
    height: 44%; }
  .storeinfoside {
    padding-top: 1px; } }

@media only screen and (max-height: 600px) {
  #storefindermap {
    height: 40%; } }

@media only screen and (max-height: 780px) {
  #storeContainer {
    height: 540px; } }

@media only screen and (max-height: 1051px) {
  #storeContainer {
    height: 600px; } }

.search-bar-module .search-bar {
  border: solid 1px #bbbdc0;
  font-family: inherit;
  font-size: inherit; }

.search-bar-module .btn.hubdarkbtn {
  color: white;
  background-color: #b71234; }

.search-bar-module .btn.hubdarkbtn:hover {
  background-color: white;
  color: #b71234; }

.search-bar-module .btn.hublightbtn {
  background-color: white;
  color: #b71234; }

.search-bar-module .btn.hublightbtn:hover {
  color: white;
  background-color: #b71234; }

.search-bar-module .btn.hubbluebtn {
  background-color: #15a8e0;
  color: white; }

.search-bar-module .btn.hubbluebtn:hover {
  color: #15a8e0;
  background-color: white; }

.search-bar-module .btn.hubyellowbtn {
  color: #000;
  background-color: #ffcd00;
  border-color: #ffcd00; }

.search-bar-module .btn.hubyellowbtn:hover {
  color: #000;
  background-color: #fceeb9;
  border-color: #fceeb9; }

.search-bar-module-administration {
  padding: 1px 0px 1px 10px; }
  .search-bar-module-administration ul {
    list-style-type: none; }
    .search-bar-module-administration ul li {
      margin-bottom: 20px; }
  .search-bar-module-administration .btn-search-bar {
    font-family: 'gothambook', "Helvetica Neue", Helvetica, Arial, sans-serif; }

.tableMobile {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed; }

.tableMobile caption {
  font-size: 1.5em;
  margin: .5em 0 .75em; }

.tableMobile tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em; }

.tableMobile th,
.tableMobile td {
  padding: .625em;
  text-align: center; }

.tableMobile th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase; }

@media screen and (max-width: 600px) {
  .tableMobile {
    border: 0; }
  .tableMobile caption {
    font-size: 1.3em; }
  .tableMobile thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .tableMobile tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em; }
  .tableMobile td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right; }
  .tableMobile td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase; }
  .tableMobile td:last-child {
    border-bottom: 0; } }

.categoryLanding .compare-filter-container {
  padding-left: 0px !important;
  padding-right: 0px !important; }
  .categoryLanding .compare-filter-container .compare-filters {
    padding-right: 0px !important; }

.categoryLanding .compare-container {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.categoryLanding .btn-container {
  padding-left: 0px !important;
  padding-right: 0px !important; }
  .categoryLanding .btn-container .btn-clear, .categoryLanding .btn-container .btn-compare {
    font-size: 0.8rem !important; }
  .categoryLanding .btn-container .btn-compare {
    line-height: 2.4rem !important; }

@media (min-width: 1400px) {
  .categoryLanding .btn-container {
    padding-left: 0px !important;
    padding-right: 0px !important; }
    .categoryLanding .btn-container .btn-clear, .categoryLanding .btn-container .btn-compare {
      font-size: 0.8rem !important; } }