@charset "UTF-8";
/*
 * Please do not modify or add new style directly in this stylesheet.
 *
 * This stylesheet is created with preprocessor, any modification here
 * will be overwritten in future processing of the master stylesheet.
 *
 * Please override and add new style to custom.3.0.css whenever necessary
 */
/*
 * ES General Styling
 */
.cat-filter-wrapper {
  padding: 20px 0;
}

.cat-filter .dropdown {
  text-align: center;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
}
.cat-filter .filter {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.cat-filter .filter li {
  background-color: #fff;
  border-bottom: 1px solid #d4d8da;
  color: #005288;
  cursor: pointer;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  margin: 0;
}
.cat-filter .filter li.active {
  color: #f68a33;
}
.cat-filter .filter li .remarks {
  color: #666;
}
.cat-filter .filter .fa, .cat-filter .filter .remarks {
  display: none;
}
.cat-filter .filter-label {
  background-color: #fff;
  border: 1px solid #005288;
  color: #005288;
  font-size: 18px;
  line-height: 40px;
  width: 100%;
  height: 40px;
  padding: 0;
  position: relative;
}
.cat-filter .filter-label i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
}
.cat-filter.open .filter-label {
  background-color: #fff;
  border-bottom: 0;
}
.cat-filter.open .filter-label i:before {
  content: "\f077";
}

.solutions-menu-filter-wrapper {
  background-color: #d4d8da;
  padding: 0 10px 10px;
}

.submenu .solutions-menu-filter-wrapper {
  background: transparent;
  padding: 0 10px 10px;
}

.solutions-menu .cat-filter .filter li {
  color: #666;
}
.solutions-menu .cat-filter .filter li.active {
  color: #f68a33;
}
.solutions-menu .cat-filter .filter .remarks {
  color: #fff;
}
.solutions-menu .cat-filter .filter-label {
  background-color: #d4d8da;
  border-color: #666;
  color: #666;
}

@media (min-width: 768px) {
  .cat-filter {
    overflow: hidden;
    *zoom: 1;
  }
  .cat-filter .dropdown {
    max-width: inherit;
  }
  .cat-filter .filter-label {
    display: none;
  }
  .cat-filter .filter {
    background: transparent;
    border: 0;
    display: block;
    box-shadow: none;
    text-align: center;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: auto;
    top: auto;
  }
  .cat-filter .filter .fa {
    display: inline-block;
  }
  .cat-filter .filter .remarks {
    display: inline-block;
    line-height: 1.2em;
  }
  .cat-filter .filter li {
    background: transparent;
    border: 0;
    display: inline-block;
    height: auto;
    line-height: 50px;
    margin: 0;
    padding: 10px 30px;
  }
  .cat-filter .filter li .filter-item {
    line-height: 1.2em;
    display: inline-block;
    vertical-align: middle;
  }
  .cat-filter .filter li .filter-item .desc span {
    display: inline-block;
    padding: 5px 0;
    margin-top: 3px;
    margin-bottom: 8px;
  }
  .cat-filter .filter li.active {
    color: #f68a33;
  }
  .cat-filter .filter li.active .desc span {
    margin-bottom: 5px;
    border-bottom: 3px solid #f68a33;
  }
  .cat-filter .filter li.active .fa:before {
    content: "";
  }
  .cat-filter .filter li + li {
    border-left-width: 0;
  }

  .notouch .cat-filter .filter li:hover .desc, .desktop .cat-filter .filter li:hover .desc {
    color: #f68a33 !important;
  }

  .solutions-index .cat-filter li .filter-item {
    vertical-align: top;
  }
  .solutions-index .cat-filter li .filter-item .remarks {
    width: 150px;
  }

  .solutions-menu-filter-wrapper {
    background-color: #fff;
    margin: 0 -10px;
    padding: 0;
  }

  .solutions-menu .cat-filter .filter .remarks {
    color: #666;
    display: block;
  }
  .solutions-menu .cat-filter .filter li {
    border: 1px solid #d4d8da;
    display: block;
    height: 70px;
    float: left;
    margin: 0;
    padding: 10px;
  }
  .solutions-menu .cat-filter .filter li .filter-item .desc span {
    padding: 0;
    margin: 0;
  }
  .solutions-menu .cat-filter .filter li.active {
    background-color: #005288;
    border: 0;
    color: #fff;
  }
  .solutions-menu .cat-filter .filter li.active .desc span {
    margin-bottom: 3px;
    border-bottom: 0;
  }
  .solutions-menu .cat-filter .filter li.active .remarks {
    color: #fff;
  }
  .solutions-menu .cat-filter .filter .filter-type-enterprise, .solutions-menu .cat-filter .filter .filter-type-smb {
    width: 40%;
  }
  .solutions-menu .cat-filter .filter .filter-all {
    width: 20%;
  }

  .main-menu .solutions-menu .cat-list > .cat-group > ul {
    height: 240px;
  }

  .main-menu .solutions-menu .cat-list > .facility-cat-group> ul,
  .main-menu .solutions-menu .cat-list > .system-cat-group > ul {
    height: 170px;
  }

  .submenu .solutions-menu .cat-list > .cat-group > ul {
    height: 260px;
  }

  .submenu .solutions-menu .cat-list > .facility-cat-group> ul,
  .submenu .solutions-menu .cat-list > .system-cat-group > ul {
    height: 180px;
  }

  .submenu .solutions-menu .cat-list .cat-item {
    margin: 0 5px;
  }

  .notouch .cat-filter .filter li:hover .remarks, .desktop .cat-filter .filter li:hover .remarks {
    color: #f68a33;
  }
}
.cat-filter .filter .cat-item {
  display: none;
}
.cat-filter .filter .cat-item.filter-active {
  display: inline-block;
}


@media (min-width: 768px){
	.fix1 {
		margin-top:-7%;
	}

}

/*
 * Cat List
 */
.icon-wrapper {
  background-color: #fff;
  display: inline-block;
  width: 80px;
  height: 80px;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.icon-wrapper i.service60 {
  position: absolute;
  left: 10px;
  top: 10px;
}

/*
 * Category list for solutions, case studies and event
 */
.cat-list ul, .cat-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cat-list .cat-item-list {
  margin: 0 10px;
  margin-top: 0;
}
.cat-list .cat-item.filter-active, .cat-list .cat-group.filter-active {
  display: block;
}
.cat-list .cat-item {
  padding: 0;
}
.cat-list .cat-item a {
  display: inline-block;
  text-decoration: none;
}
.cat-list .cat-item a span {
  display: inline-block;
  line-height: 1.1;
  padding-top: 6px;
  padding-bottom: 6px;
}
.cat-list .cat-item a .fa-chevron-right {
  font-size: .8em;
  margin-left: 5px;
}
.cat-list .cat-item.current > a {
  color: #f68a33;
}
.cat-list .cat-item.current > a span {
  border-bottom: 5px solid #f68a33;
  padding-bottom: 1px;
}
.cat-list .cat-item.current > a .fa-chevron-right {
  color: #f68a33;
}
.cat-list .cat-subcat {
  background-color: #d4d8da;
  padding: 0;
  margin: 10px 0;
}
.cat-list .cat-subcat:first-child {
  margin-top: 0;
}
.cat-list .cat-subcat span {
  display: block;
  padding: 2px 5px;
}
.cat-list .cat-divider {
  background-color: #d4d8da;
  padding: 0 0 5px 0;
  margin: 10px 0;
}
.cat-list .cat-divider:first-child {
  margin-top: 0;
}

.cat-list-filterable .cat-item, .cat-list-filterable .cat-group {
  display: none;
}

.cat-list-2 a.cat-name {
  background-color: #ebf0f2;
  display: block;
  height: auto;
  font-size: 18px;
  line-height: 40px !important;
  text-align: left;
  padding: 10px;
  position: relative;
}
.cat-list-2 a.cat-name .icon-wrapper {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
}
.cat-list-2 a.cat-name .icon-wrapper i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
}
.cat-list-2 a.cat-name .icon-wrapper + span {
  margin-left: 45px !important;
}
.cat-list-2 a.cat-name span:last-child {
  display: inline-block;
  line-height: 1.1;
  padding: 0 30px 0 0;
  vertical-align: middle;
}
.cat-list-2 a.cat-name + ul {
  display: none;
  padding: 10px 0;
}
.cat-list-2 a.cat-name:before {
  content: "\f054";
  display: inline-block;
  font: normal normal normal 24px/1 FontAwesome;
  line-height: 40px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.cat-list-2 .cat-group h2 {
  text-align: left;
  padding-left: 10px;
  padding-top: 20px;
  margin-top: 0;
}
.cat-list-2 .cat-group .cat-desc {
  text-align: left;
  padding: 0 10px 20px 10px;
}
.cat-list-2 .cat-group .row {
  margin: 0;
}
.cat-list-2 .cat-group .row > div {
  padding: 0;
}
.cat-list-2 .cat-group > ul {
  padding-bottom: 10px;
}
.cat-list-2 .cat-group.expandable a.cat-name:before {
  content: "\f078";
}
.cat-list-2 .cat-group.expandable ul {
  display: none;
}
.cat-list-2 .cat-group.expandable ul a, .cat-list-2 .cat-group.expandable ul a .fa-chevron-right {
  color: #005288;
}
.cat-list-2 .cat-group.expandable.expanded ul {
  display: block;
}
.cat-list-2 .cat-group.expandable.expanded a.cat-name {
  background-color: #005288;
  color: #fff;
}
.cat-list-2 .cat-group.expandable.expanded a.cat-name:before {
  color: #f68a33;
  content: "\f077";
}

.notouch .cat-list .cat-item > a:hover, .desktop .cat-list .cat-item > a:hover {
  color: #f68a33;
}
.notouch .cat-list .cat-item > a:hover .fa-chevron-right, .desktop .cat-list .cat-item > a:hover .fa-chevron-right {
  color: #f68a33;
}
.notouch .cat-list-2 .cat-group.expandable .cat-name:hover, .desktop .cat-list-2 .cat-group.expandable .cat-name:hover {
  color: #f68a33;
}
.notouch .cat-list-2 .cat-group.expandable ul a:hover, .notouch .cat-list-2 .cat-group.expandable ul a:hover .fa-chevron-right, .desktop .cat-list-2 .cat-group.expandable ul a:hover, .desktop .cat-list-2 .cat-group.expandable ul a:hover .fa-chevron-right {
  color: #f68a33;
}

@media (min-width: 768px) {
  .cat-list .cat-item {
    margin: 5px;
  }
  .cat-list .cat-subcat {
    margin: 10px 0;
    padding: 0;
  }
  .cat-list .cat-divider {
    margin: 10px 0;
  }
}
/*
 * Cat Tab
 */
.cattab-wrapper {
  margin-bottom: 20px;
}
.cattab-wrapper .filter-active-off {
  display: none;
}
.cattab-wrapper .line-break-md {
  display: none !important;
}
@media (min-width: 768px) {
  .cattab-wrapper .line-break-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .cattab-wrapper .line-break-md {
    display: none !important;
  }
}

.cattab li {
  background-color: #fff;
  border: 1px solid #d4d8da;
  border-width: 0 1px 1px 1px;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}
.cattab li.active a, .cattab li.active a:focus {
  background-color: #f68a33;
  border: 0;
  color: #fff;
  pointer-events: none;
}
.cattab li a {
  border: 0 !important;
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: left;
  margin: 0;
}
.cattab li a h3 {
  margin: 0;
  padding-left: 50px;
  line-height: 40px;
}
.cattab li .icon-wrapper {
  display: inline-block;
  background: transparent;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
.cattab li .icon-wrapper i {
  position: relative;
  left: 0;
  top: 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: scale(0.66667, 0.66667);
  -ms-transform: scale(0.66667, 0.66667);
  -webkit-transform: scale(0.66667, 0.66667);
  transform: scale(0.66667, 0.66667);
}

.cattab-content.tab-content .tab-pane {
  display: none;
}
.cattab-content.tab-content .tab-pane.active {
  display: block;
}

.cattab-content.tab-content.cat-list-filterable .tab-pane {
  display: none;
}
.cattab-content.tab-content.cat-list-filterable .tab-pane.active.filter-active {
  display: block;
}

@media (min-width: 768px) {
  .cattab .nav-tabs {
    border: 0;
    display: block;
    text-align: center;
    position: relative;
  }
  .cattab li {
    background-color: transparent;
    border: 0;
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }
  .cattab li a {
    color: #005288;
    text-align: center;
    width: 110px;
    height: 110px;
    padding: 5px;
  }
  .cattab li a h3 {
    display: block;
    font-size: 13px;
    line-height: 28px;
    margin: 5px 0;
    padding: 0;
  }
  .cattab li a h3 span {
    display: inline-block;
    line-height: 1.1;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    white-space: normal;
  }
  .cattab li .icon-wrapper {
    background: transparent;
    display: inline-block;
    width: 60px;
    height: 60px;
    position: relative;
    left: auto;
    top: auto;
  }
  .cattab li .icon-wrapper i {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    position: relative;
    left: 0;
    top: 0;
  }

  .notouch .cattab a:hover, .desktop .cattab a:hover {
    background-color: transparent;
    color: #f68a33;
  }
}
/*
 * Drop Down
 */
.cattab.dropdown.open .dropdown-label {
  background-color: #fff;
  border-bottom-color: #d4d8da;
}
.cattab.dropdown.open .dropdown-label:before {
  content: "\f077";
}
.cattab.dropdown.open .nav-tabs {
  display: block;
}
.cattab.dropdown .dropdown-label {
  background-color: #fff;
  border: 1px solid #005288;
  color: #005288;
  font-size: 18px;
  line-height: 40px;
  width: 100%;
  height: 40px;
  padding: 0;
  position: relative;
}
.cattab.dropdown .dropdown-label:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f078";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
}
.cattab.dropdown .nav-tabs {
  border: 0;
  display: none;
  width: 100%;
  text-align: center;
  position: absolute;
  margin: 0;
  z-index: 1000;
}

.cattab.dropdown li a {
  text-align: center;
}
.cattab.dropdown li a h3 {
  padding-left: 0;
}
.cattab.dropdown li .icon-wrapper {
  display: none;
}
.cattab.dropdown.mobile-has-icons li a {
  text-align: left;
}
.cattab.dropdown.mobile-has-icons li a h3 {
  padding-left: 50px;
}
.cattab.dropdown.mobile-has-icons li .icon-wrapper {
  display: inline-block;
}

@media (min-width: 768px) {
  .cattab.dropdown .dropdown-label {
    display: none;
  }
  .cattab.dropdown .nav-tabs {
    border: 0;
    display: block;
    text-align: center;
    position: relative;
  }

  .cattab.dropdown li a, .cattab.dropdown.mobile-has-icons li a {
    text-align: center;
  }
  .cattab.dropdown li a h3, .cattab.dropdown.mobile-has-icons li a h3 {
    padding-left: 0;
  }
  .cattab.dropdown li .icon-wrapper, .cattab.dropdown.mobile-has-icons li .icon-wrapper {
    display: inline-block;
  }
}
/*
 * Accordion Panel
 */
.accordion-panel-group .panel, .accordion-panel-group .panel-body {
  border: 0 !important;
}
.accordion-panel-group .panel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion-panel-group .panel-body {
  padding: 20px;
}
.accordion-panel-group .panel-heading {
  background-color: #ebf0f2;
  padding: 0;
}
.accordion-panel-group .panel-heading a {
  padding: 20px 40px 20px 20px;
  display: block;
  position: relative;
}
.accordion-panel-group .panel-heading a .panel-title {
  color: #fff;
  font-size: 20px;
  margin: 0;
}
.accordion-panel-group .panel-heading a p {
  color: #666;
  font-size: 14px;
  margin: 0;
}
.accordion-panel-group a[data-toggle="collapse"]::before {
  color: #f68a33;
  content: "\f077";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  font: normal normal normal 24px/1 FontAwesome;
}
.accordion-panel-group a.collapsed[data-toggle="collapse"]::before {
  color: #005288;
  content: "\f078";
}
.accordion-panel-group a.accordion-toggle, .accordion-panel-group a[data-toggle="collapse"] {
  background-color: #005288;
  color: #fff;
}
.accordion-panel-group a.accordion-toggle p, .accordion-panel-group a[data-toggle="collapse"] p {
  color: #fff;
}
.accordion-panel-group a.accordion-toggle.collapsed, .accordion-panel-group a.collapsed[data-toggle="collapse"] {
  background: transparent;
  color: #005288;
}
.accordion-panel-group a.accordion-toggle.collapsed .panel-title, .accordion-panel-group a.collapsed[data-toggle="collapse"] .panel-title {
  color: #005288;
}
.accordion-panel-group a.accordion-toggle.collapsed p, .accordion-panel-group a.collapsed[data-toggle="collapse"] p {
  color: #666;
}
.accordion-panel-group a.uncollapsible .panel-title {
  color: #005288;
}
.accordion-panel-group a.uncollapsible::before {
  content: "\f054";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  font: normal normal normal 24px/1 FontAwesome;
}

.tc .accordion-panel-group .panel-heading a p {
  margin-top: .25em;
}

.notouch .accordion-panel-group a.uncollapsible:hover:before,
.notouch .accordion-panel-group a.uncollapsible:hover h3, .notouch .accordion-panel-group a[data-toggle="collapse"]:hover:before,
.notouch .accordion-panel-group a[data-toggle="collapse"]:hover h3, .desktop .accordion-panel-group a.uncollapsible:hover:before,
.desktop .accordion-panel-group a.uncollapsible:hover h3, .desktop .accordion-panel-group a[data-toggle="collapse"]:hover:before,
.desktop .accordion-panel-group a[data-toggle="collapse"]:hover h3 {
  color: #f68a33;
}

@media (min-width: 768px) {
  .accordion-panel-group .panel-heading a .panel-title {
    font-size: 24px;
  }
}
/* jplist style */
.jplist .card-panel {
  height: auto;
  margin-bottom: 20px;
  *zoom: 1;
}
.jplist .card-panel:after {
  content: "";
  display: table;
  clear: both;
}
.jplist .card-filter-sort {
  text-align: center;
}
.jplist .drop-down {
  border-color: #999;
  display: block;
  width: auto;
  height: auto;
  float: none;
  text-align: left;
  position: relative;
  margin: 5px 0;
}
.jplist .drop-down .panel {
  background: transparent;
  color: #999;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  float: none;
  padding: 0 30px;
}
.jplist .drop-down .panel::before {
  color: #999;
  content: "\f078";
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -9px;
  font: normal normal normal 18px/1 FontAwesome;
}
.jplist .drop-down .panel.collapsed::before {
  content: "\f077";
}
.jplist .drop-down ul {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
  position: absolute;
  left: 0;
  top: 35px;
}
.jplist .drop-down ul li {
  width: 100%;
  text-align: center;
  float: none;
  padding: 5px 10px 5px 10px;
}
.jplist .paging-wrapper {
  clear: both;
  text-align: center;
  padding: 7px 0;
  margin: 5px 0;
}
.jplist .paging-wrapper .paging-results, .jplist .paging-wrapper .paging {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.jplist .paging-wrapper .paging {
  margin-right: 0;
}
.jplist .paging-wrapper .paging span {
  color: #005288;
}
.jplist .paging-wrapper .paging .current {
  color: #f68a33;
}

@media (min-width: 768px) {
  .jplist .drop-down {
    display: block;
    float: left;
  }
  .jplist .drop-down .panel {
    text-align: left;
    padding: 0 0 0 10px;
  }
  .jplist .drop-down ul li {
    text-align: left;
    padding: 5px 10px;
  }
  .jplist .paging-wrapper {
    clear: none;
    float: right;
  }
  .jplist .drop-down.hlist {
    width: 100%;
    border: 0;
    display: block;
    float: none;
    margin-bottom: 20px;
  }
  .jplist .drop-down.hlist .panel {
    display: none;
  }
  .jplist .drop-down.hlist ul {
    background: transparent;
    border: 0;
    display: block !important;
    box-shadow: none;
    float: none;
    padding: 0;
    position: relative;
    left: auto;
    top: auto;
    text-align: center;
  }
  .jplist .drop-down.hlist ul li {
    background: transparent !important;
    border: none;
    color: #005288;
    font-size: 19px;
    width: auto !important;
    margin: 5px 20px;
    padding: 8px 0;
    float: none;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  .jplist .drop-down.hlist ul li.active {
    padding-bottom: 3px;
    border-bottom: 5px solid #f68a33;
  }

  .jplist .events-sort {
    width: 160px;
  }
}
.notouch .jplist .drop-down ul li:hover, .desktop .jplist .drop-down ul li:hover {
  background-color: #f68a33;
  color: #fff;
  width: 100%;
}
@media (min-width: 768px) {
  .notouch .jplist .drop-down.hlist ul li:hover, .desktop .jplist .drop-down.hlist ul li:hover {
    color: #f68a33;
  }
}

.card-data {
  clear: both;
}

.card {
  margin-bottom: 20px;
}

.card-inner {
  display: block;
  width: 100%;
  padding: 15px;
  position: relative;
  overflow: hidden;
  background-color: #ebf0f2;
}
.card-inner .sort-date {
  display: none;
}
.card-inner .card-name {
  height: 40px;
  overflow: hidden;
}
.card-inner .card-desc {
  height: 48px;
  overflow: hidden;
}
.card-inner .card-venue {
  height: 32px;
  overflow: hidden;
}
.card-inner .card-audience {
  font-size: 12px;
  font-style: italic;
  color: #005288;
  margin-top: 10px;
}
.card-inner .card-type {
  color: #999;
  font-size: 12px;
  text-align: right;
  width: 45%;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.card-inner .card-thumb img {
  display: block;
  margin: 0 auto;
}
.card-inner h3 {
  font-size: 18px;
  font-weight: bold;
}
.card-inner .card-info {
  background-color: #fff;
}
.card-inner .card-info h4 {
  background-color: #005288;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding: 10px;
}
.card-inner .card-info .card-info-content {
  padding: 10px;
}
.card-inner .card-info .card-info-content li {
  margin-bottom: .5em;
}
.card-inner .cta {
  margin-top: 20px;
}
.card-inner .cta a .fa-chevron-right {
  font-size: .8em;
  margin-left: 5px;
}
.card-inner .card-additional {
  display: none;
}

.links-horizontal ul {
  text-align: left;
}
.links-horizontal li {
  display: block;
  margin: 15px;
}
.links-horizontal a img {
  display: inline;
  vertical-align: middle;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .card p {
    display: block;
  }
  .card .card-thumb {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 42.8571428%;
  }
  .card .card-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  .page--case-studies .jplist-card-filtered .card {
    width: 100%;
  }
  .page--case-studies .jplist-card-filtered .card-content {
    overflow: hidden;
    *zoom: 1;
  }
  .page--case-studies .jplist-card-filtered .card-thumb {
    display: none;
  }
  .page--case-studies .jplist-card-filtered .card-additional {
    display: block;
    width: 66.66666667%;
    float: left;
    padding-left: 20px;
  }
  .page--case-studies .jplist-card-filtered .card-summary {
    display: block;
    width: 33.33333333%;
    float: left;
    overflow: hidden;
    position: relative;
  }
  .page--case-studies .jplist-card-filtered .card-inner {
    height: auto !important;
  }
  .page--case-studies .jplist-card-filtered .cta {
    float: left;
  }
  .page--case-studies .jplist-card-filtered .card-type {
    position: relative;
    float: right;
    right: auto;
    bottom: auto;
    margin-top: 20px;
  }

  .links-horizontal ul {
    text-align: center;
  }
  .links-horizontal li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
.submenu-placeholder {
  position: relative;
  width: 100%;
  height: 40px;
  z-index: 5000;
}

.parent--solutions-broadband .submenu .submenu-menubar ul.nav > li > a span span {
  width: 80px;
}

.submenu {
  background: #ebf0f2 url(/images/3.0/submenu-bg.png) left top repeat-x;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  z-index: 90;
}
.submenu .container-980 {
  padding: 0;
}
.submenu nav {
  background: #ebf0f2 url(/images/3.0/submenu-bg.png) left top repeat-x;
  padding: 0;
  *zoom: 1;
}
.submenu nav:after {
  content: "";
  display: table;
  clear: both;
}
.submenu nav ul {
  *zoom: 1;
}
.submenu nav ul:after {
  content: "";
  display: table;
  clear: both;
}
.submenu .submenu-menubar ul.nav > li {
  width: auto;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
}
.submenu .submenu-menubar ul.nav > li > a {
  background: transparent;
  border-bottom: none;
  border-right: 1px solid #d4d8da;
  display: block;
  float: left;
  font-size: 16px;
  line-height: 35px;
  padding: 0 10px 0 0;
}
.submenu .submenu-menubar ul.nav > li > a span {
  display: inline-block;
  line-height: 1.1em;
  vertical-align: middle;
}
.submenu .submenu-menubar ul.nav > li > a .fa {
  color: #005288;
  font-size: .8em;
  margin-left: 5px;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider {
  height: 40px;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider ul {
  display: inline-block;
  white-space: nowrap;
  text-align: left;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider ul li {
  display: none;
  padding: 0 15px;
  height: 40px;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider ul li.current {
  color: #005288;
  display: inline-block;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider ul li.current span {
  border-bottom: none;
  padding-bottom: 8px;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper {
  width: 75%;
  position: relative;
  padding: 0;
  float: left;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper .submenu-slider-left, .submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper .submenu-slider-right {
  font-size: 16px;
  display: none;
  width: 30px;
  opacity: .3;
  position: absolute;
  top: 0;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper .submenu-slider-left .fa, .submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper .submenu-slider-right .fa {
  position: relative;
  top: 3px;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper .submenu-slider-left {
  background: url(/images/3.0/submenu-slider-left-arrow-bg.png) left center no-repeat;
  background-size: contain;
  text-align: left;
  left: 0;
  padding-right: 10px;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper .submenu-slider-right {
  background: url(/images/3.0/submenu-slider-right-arrow-bg.png) right center no-repeat;
  background-size: contain;
  text-align: right;
  right: 0;
  padding-left: 10px;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper.submenu-slider-left-on .submenu-slider-left {
  opacity: .8;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper.submenu-slider-right-on .submenu-slider-right {
  opacity: .8;
}
.submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper.submenu-slider-arrows-on .submenu-slider-left, .submenu .submenu-menubar ul.nav > li .submenu-slider-wrapper.submenu-slider-arrows-on .submenu-slider-right {
  display: block;
}
.submenu .submenu-menubar > .fa-chevron-down {
  color: #005288;
  display: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.submenu .submenu-fullmenu {
  display: none;
}
.submenu .solutions-menu .submenu-menubar .submenu-cat-mobile-default {
  display: none;
}
.submenu .solutions-menu .submenu-menubar .submenu-cat-holder {
  display: inline-block;
}
.submenu .events-menu .submenu-menubar ul.nav > li {
  float: left;
}
.submenu .events-menu .submenu-menubar ul.nav > li > a {
  padding-right: 20px;
  margin-right: 0;
}
.submenu .events-menu .submenu-menubar ul.nav > li:last-child > a {
  border: 0;
}
.submenu.expanded .submenu-fullmenu {
  display: block;
  -moz-box-shadow: rgba(153, 153, 153, 0.5) 1px 1px 3px;
  -webkit-box-shadow: rgba(153, 153, 153, 0.5) 1px 1px 3px;
  box-shadow: rgba(153, 153, 153, 0.5) 1px 1px 3px;
  padding-bottom: 20px;
}
.submenu.expanded .submenu-menubar ul.nav > li > a {
  color: #f68a33;
  border-right: none;
}
.submenu.expanded .submenu-menubar ul.nav > li > a .fa-chevron-right:before {
  color: #f68a33;
  content: "\f078";
}
.submenu.expanded .submenu-menubar ul.nav > li .submenu-slider-wrapper {
  display: none;
}
.submenu .cat-list {
  margin: 0;
}
.submenu .cat-list .cat-group {
  padding: 0;
}
.submenu .cat-list .cat-name {
  margin: 10px 10px 0;
  display: block;
  font-size: 18px;
  white-space: nowrap;
}
.submenu .cat-list .cat-name span .menu-icon {
  background-color: #fff;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.submenu .cat-list .cat-name span span {
  display: inline-block;
  white-space: normal;
  line-height: 20px;
  vertical-align: middle;
}
.submenu .cat-list .current > .cat-name {
  color: #f68a33;
}

.notouch .submenu .submenu-menubar ul.nav > li > a:hover .fa, .desktop .submenu .submenu-menubar ul.nav > li > a:hover .fa {
  color: #f68a33;
}

@media (max-width: 767px) {
  .submenu .expandable > a {
    background: transparent;
    padding: 0;
  }
  .submenu .expandable > a .menu-icon {
    display: inline-block !important;
    position: relative;
  }
  .submenu .expandable > a .fa-angle-down {
    line-height: 40px;
  }
  .submenu .expandable ul {
    background: transparent !important;
  }
  .submenu.affix.expanded {
    position: absolute !important;
  }
  .submenu .cat-list .cat-item.current > a span {
    padding-bottom: 8px;
    border-bottom: none;
  }
  .submenu.expanded .solutions-menu .submenu-menubar .submenu-cat-mobile-default {
    display: inline-block;
  }
  .submenu.expanded .solutions-menu .submenu-menubar .submenu-cat-holder {
    display: none;
  }
}
@media (min-width: 768px) {
  .submenu-placeholder {
    height: 60px;
  }

  .submenu {
    height: 60px;
  }
  .submenu .submenu-menubar ul.nav > li {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
  }
  .submenu .submenu-menubar ul.nav > li > a {
    font-size: 21px;
    line-height: 60px;
    margin-right: 10px;
  }
  .submenu .submenu-menubar ul.nav > li > a span span {
    width: auto !important;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider {
    height: 60px;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul {
    padding: 0 10px;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul li {
    display: inline-block;
    height: 60px;
    line-height: 64px;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul li a {
    display: inline-block;
    text-decoration: none;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul li a span {
    display: inline-block;
    line-height: 1.1;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul li a .fa-chevron-right {
    font-size: .8em;
    margin-left: 5px;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul li.current > a {
    color: #f68a33;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul li.current > a span {
    border-bottom: 5px solid #f68a33;
    padding-bottom: 3px;
  }
  .submenu .submenu-menubar ul.nav > li .submenu-slider ul li.current > a .fa-chevron-right {
    color: #f68a33;
  }
  .submenu .case-studies-menu .submenu-menubar ul.nav > li .submenu-slider ul li, .submenu .events-menu .submenu-menubar ul.nav > li .submenu-slider ul li {
    display: none;
  }
  .submenu .case-studies-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current, .submenu .events-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current {
    display: inline-block;
  }
  .submenu .case-studies-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a, .submenu .events-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a {
    color: #005288;
  }
  .submenu .case-studies-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a span, .submenu .events-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a span {
    border-bottom: 0;
    padding-bottom: 8px;
  }
  .submenu.affix {
    top: 0;
    width: 100%;
  }
  .submenu .cat-list {
    padding: 0 10px;
  }

  .notouch .submenu .case-studies-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a, .notouch .submenu .events-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a, .desktop .submenu .case-studies-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a, .desktop .submenu .events-menu .submenu-menubar ul.nav > li .submenu-slider ul li.current a {
    pointer-events: none;
  }
}
.table-mobile {
  display: block;
}

.table-desktop {
  display: none;
}

.table-price > thead > tr > th,
.table-price > tbody > tr > th,
.table-price > tfoot > tr > th,
.table-price > thead > tr > td,
.table-price > tbody > tr > td,
.table-price > tfoot > tr > td {
  border-width: 0;
  vertical-align: middle;
}
.table-price thead th {
  background-color: #005288;
  color: #fff;
  font-weight: normal;
}
.table-price thead th + th {
  font-size: 28px;
  text-align: center;
}
.table-price thead th + th .dollar {
  font-size: 18px;
  margin-right: .1em;
  position: relative;
  top: -2px;
}
.table-price tbody th {
  background-color: #ebf0f2;
}
.table-price tbody td {
  text-align: center;
}
.table-price tbody td.highlight {
  color: #005288;
  font-size: 18px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .table-mobile {
    display: none;
  }

  .table-desktop {
    display: block;
  }

  .table-price > thead > tr > th,
  .table-price > tbody > tr > th,
  .table-price > tfoot > tr > th,
  .table-price > thead > tr > td,
  .table-price > tbody > tr > td,
  .table-price > tfoot > tr > td {
    border: 2px solid #fff;
    border-width: 2px 0;
  }
  .table-price tbody th {
    background-color: #d4d8da;
  }
}
/*
 * Solutions Icons
 */
/* Services 60 icons: e.g. .service30 .service-broadband */
[class^="service30"],
[class*=" service30"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  *margin-right: .3em;
  line-height: 30px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/solutions-30.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="service30-"]:last-child,
[class*=" service30-"]:last-child {
  *margin-left: 0;
}

/* Services 40x40 icons: e.g. .service40 .service-broadband */
[class^="service40"],
[class*=" service40"] {
  display: inline-block;
  width: 40px;
  height: 40px;
  *margin-right: .3em;
  line-height: 40px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/solutions-40.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="service40-"]:last-child,
[class*=" service40-"]:last-child {
  *margin-left: 0;
}

/* Services 40x40 icons: e.g. .service50 .service-broadband */
[class^="service50"],
[class*=" service50"] {
  display: inline-block;
  width: 50px;
  height: 50px;
  *margin-right: .3em;
  line-height: 50px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/solutions-50.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="service50-"]:last-child,
[class*=" service50-"]:last-child {
  *margin-left: 0;
}

/* Services 40x40 icons: e.g. .service50 .service-broadband */
[class^="service60"],
[class*=" service60"] {
  display: inline-block;
  width: 60px;
  height: 60px;
  *margin-right: .3em;
  line-height: 60px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/solutions-60.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="service60-"]:last-child,
[class*=" service60-"]:last-child {
  *margin-left: 0;
}

.service-broadband {
  background-position: 0px 0;
}

.service-cloud {
  background-position: -100px 0;
}

.service-data {
  background-position: -200px 0;
}

.service-facility {
  background-position: -300px 0;
}

.service-voice {
  background-position: -400px 0;
}

.service-system {
  background-position: -500px 0;
}

.service-mobile {
  background-position: -600px 0;
}

.service-epayment {
  background-position: -700px 0;
}

.service-conference {
  background-position: -800px 0;
}

.service-secure {
  background-position: -900px 0;
}

.notouch a:hover .service-broadband,
.desktop a:hover .service-broadband,
.download-faq .filter li:hover .filter-item .service-broadband,
.submenu .cat-list .current > .cat-name .service-broadband {
  background-position: 0px -100px;
}
.notouch a:hover .service-cloud,
.desktop a:hover .service-cloud,
.download-faq .filter li:hover .filter-item .service-cloud,
.submenu .cat-list .current > .cat-name .service-cloud {
  background-position: -100px -100px;
}
.notouch a:hover .service-data,
.desktop a:hover .service-data,
.download-faq .filter li:hover .filter-item .service-data,
.submenu .cat-list .current > .cat-name .service-data {
  background-position: -200px -100px;
}
.notouch a:hover .service-facility,
.desktop a:hover .service-facility,
.download-faq .filter li:hover .filter-item .service-facility,
.submenu .cat-list .current > .cat-name .service-facility {
  background-position: -300px -100px;
}
.notouch a:hover .service-voice,
.desktop a:hover .service-voice,
.download-faq .filter li:hover .filter-item .service-voice,
.submenu .cat-list .current > .cat-name .service-voice {
  background-position: -400px -100px;
}
.notouch a:hover .service-system,
.desktop a:hover .service-system,
.download-faq .filter li:hover .filter-item .service-system,
.submenu .cat-list .current > .cat-name .service-system {
  background-position: -500px -100px;
}
.notouch a:hover .service-mobile,
.desktop a:hover .service-mobile,
.download-faq .filter li:hover .filter-item .service-mobile,
.submenu .cat-list .current > .cat-name .service-mobile {
  background-position: -600px -100px;
}

.notouch a:hover .service-epayment,
.desktop a:hover .service-epayment,
.download-faq .filter li:hover .filter-item .service-epayment,
.submenu .cat-list .current > .cat-name .service-epayment {
  background-position: -700px -100px;
}

.notouch a:hover .service-conference,
.desktop a:hover .service-conference,
.download-faq .filter li:hover .filter-item .service-conference,
.submenu .cat-list .current > .cat-name .service-conference {
  background-position: -800px -100px;
}

.notouch a:hover .service-secure,
.desktop a:hover .service-secure,
.download-faq .filter li:hover .filter-item .service-secure,
.submenu .cat-list .current > .cat-name .service-secure {
  background-position: -900px -100px;
}

.cattab .nav-tabs li.active a .service-broadband,
.cattab .nav-tabs li.active a:hover .service-broadband,
.cattab .nav-tabs li.active a:focus .service-broadband,
.download-faq .filter li.active:hover .filter-item .service-broadband,
.download-faq .filter .active .filter-item .service-broadband {
  background-position: 0px -200px;
}
.cattab .nav-tabs li.active a .service-cloud,
.cattab .nav-tabs li.active a:hover .service-cloud,
.cattab .nav-tabs li.active a:focus .service-cloud,
.download-faq .filter li.active:hover .filter-item .service-cloud,
.download-faq .filter .active .filter-item .service-cloud {
  background-position: -100px -200px;
}
.cattab .nav-tabs li.active a .service-data,
.cattab .nav-tabs li.active a:hover .service-data,
.cattab .nav-tabs li.active a:focus .service-data,
.download-faq .filter li.active:hover .filter-item .service-data,
.download-faq .filter .active .filter-item .service-data {
  background-position: -200px -200px;
}
.cattab .nav-tabs li.active a .service-facility,
.cattab .nav-tabs li.active a:hover .service-facility,
.cattab .nav-tabs li.active a:focus .service-facility,
.download-faq .filter li.active:hover .filter-item .service-facility,
.download-faq .filter .active .filter-item .service-facility {
  background-position: -300px -200px;
}
.cattab .nav-tabs li.active a .service-voice,
.cattab .nav-tabs li.active a:hover .service-voice,
.cattab .nav-tabs li.active a:focus .service-voice,
.download-faq .filter li.active:hover .filter-item .service-voice,
.download-faq .filter .active .filter-item .service-voice {
  background-position: -400px -200px;
}
.cattab .nav-tabs li.active a .service-system,
.cattab .nav-tabs li.active a:hover .service-system,
.cattab .nav-tabs li.active a:focus .service-system,
.download-faq .filter li.active:hover .filter-item .service-system,
.download-faq .filter .active .filter-item .service-system {
  background-position: -500px -200px;
}
.cattab .nav-tabs li.active a .service-mobile,
.cattab .nav-tabs li.active a:hover .service-mobile,
.cattab .nav-tabs li.active a:focus .service-mobile,
.download-faq .filter li.active:hover .filter-item .service-mobile,
.download-faq .filter .active .filter-item .service-mobile {
  background-position: -600px -200px;
}

.cattab .nav-tabs li.active a .service-epayment,
.cattab .nav-tabs li.active a:hover .service-epayment,
.cattab .nav-tabs li.active a:focus .service-epayment,
.download-faq .filter li.active:hover .filter-item .service-epayment,
.download-faq .filter .active .filter-item .service-epayment {
  background-position: -700px -200px;
}

.cattab .nav-tabs li.active a .service-conference,
.cattab .nav-tabs li.active a:hover .service-conference,
.cattab .nav-tabs li.active a:focus .service-conference,
.download-faq .filter li.active:hover .filter-item .service-conference,
.download-faq .filter .active .filter-item .service-conference {
  background-position: -800px -200px;
}

.cattab .nav-tabs li.active a .service-secure,
.cattab .nav-tabs li.active a:hover .service-secure,
.cattab .nav-tabs li.active a:focus .service-secure,
.download-faq .filter li.active:hover .filter-item .service-secure,
.download-faq .filter .active .filter-item .service-secure {
  background-position: -900px -200px;
}

/*
 * Industry Icon
 */
/* Industries 30x30 icons: e.g. .industry30 .industry-broadband */
[class^="industry30"],
[class*=" industry30"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  *margin-right: .3em;
  line-height: 30px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/industries-30.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="industry30-"]:last-child,
[class*=" industry30-"]:last-child {
  *margin-left: 0;
}

/* Industries 40x40 icons: e.g. .industry40 .industry-broadband */
[class^="industry40"],
[class*=" industry40"] {
  display: inline-block;
  width: 40px;
  height: 40px;
  *margin-right: .3em;
  line-height: 40px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/industries-40.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="industry40-"]:last-child,
[class*=" industry40-"]:last-child {
  *margin-left: 0;
}

/* Industries 40x40 icons: e.g. .industry50 .industry-broadband */
[class^="industry50"],
[class*=" industry50"] {
  display: inline-block;
  width: 50px;
  height: 50px;
  *margin-right: .3em;
  line-height: 50px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/industries-50.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="industry50-"]:last-child,
[class*=" industry50-"]:last-child {
  *margin-left: 0;
}

/* Industries 40x40 icons: e.g. .industry50 .industry-broadband */
[class^="industry60"],
[class*=" industry60"] {
  display: inline-block;
  width: 60px;
  height: 60px;
  *margin-right: .3em;
  line-height: 60px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/industries-60.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="industry60-"]:last-child,
[class*=" industry60-"]:last-child {
  *margin-left: 0;
}

.industry-building-construction {
  background-position: 0px 0;
}

.industry-banking-finance {
  background-position: -100px 0;
}

.industry-carrier-business {
  background-position: -200px 0;
}

.industry-customer-service {
  background-position: -300px 0;
}

.industry-education {
  background-position: -400px 0;
}

.industry-general {
  background-position: -500px 0;
}

.industry-hotels-tourism {
  background-position: -600px 0;
}

.industry-information-technology {
  background-position: -700px 0;
}

.industry-others {
  background-position: -800px 0;
}

.industry-retail {
  background-position: -900px 0;
}

.notouch a:hover .industry-building-construction,
.desktop a:hover .industry-building-construction,
.download-faq .filter li:hover .filter-item .industry-building-construction,
.submenu .cat-list .current > .cat-name .industry-building-construction {
  background-position: 0px -100px;
}
.notouch a:hover .industry-banking-finance,
.desktop a:hover .industry-banking-finance,
.download-faq .filter li:hover .filter-item .industry-banking-finance,
.submenu .cat-list .current > .cat-name .industry-banking-finance {
  background-position: -100px -100px;
}
.notouch a:hover .industry-carrier-business,
.desktop a:hover .industry-carrier-business,
.download-faq .filter li:hover .filter-item .industry-carrier-business,
.submenu .cat-list .current > .cat-name .industry-carrier-business {
  background-position: -200px -100px;
}
.notouch a:hover .industry-customer-service,
.desktop a:hover .industry-customer-service,
.download-faq .filter li:hover .filter-item .industry-customer-service,
.submenu .cat-list .current > .cat-name .industry-customer-service {
  background-position: -300px -100px;
}
.notouch a:hover .industry-education,
.desktop a:hover .industry-education,
.download-faq .filter li:hover .filter-item .industry-education,
.submenu .cat-list .current > .cat-name .industry-education {
  background-position: -400px -100px;
}
.notouch a:hover .industry-general,
.desktop a:hover .industry-general,
.download-faq .filter li:hover .filter-item .industry-general,
.submenu .cat-list .current > .cat-name .industry-general {
  background-position: -500px -100px;
}
.notouch a:hover .industry-hotels-tourism,
.desktop a:hover .industry-hotels-tourism,
.download-faq .filter li:hover .filter-item .industry-hotels-tourism,
.submenu .cat-list .current > .cat-name .industry-hotels-tourism {
  background-position: -600px -100px;
}
.notouch a:hover .industry-information-technology,
.desktop a:hover .industry-information-technology,
.download-faq .filter li:hover .filter-item .industry-information-technology,
.submenu .cat-list .current > .cat-name .industry-information-technology {
  background-position: -700px -100px;
}
.notouch a:hover .industry-others,
.desktop a:hover .industry-others,
.download-faq .filter li:hover .filter-item .industry-others,
.submenu .cat-list .current > .cat-name .industry-others {
  background-position: -800px -100px;
}
.notouch a:hover .industry-retail,
.desktop a:hover .industry-retail,
.download-faq .filter li:hover .filter-item .industry-retail,
.submenu .cat-list .current > .cat-name .industry-retail {
  background-position: -900px -100px;
}

.cattab .nav-tabs li.active a .industry-building-construction,
.cattab .nav-tabs li.active a:hover .industry-building-construction,
.cattab .nav-tabs li.active a:focus .industry-building-construction,
.download-faq .filter li.active:hover .filter-item .industry-building-construction,
.download-faq .filter .active .filter-item .industry-building-construction {
  background-position: 0px -200px;
}
.cattab .nav-tabs li.active a .industry-banking-finance,
.cattab .nav-tabs li.active a:hover .industry-banking-finance,
.cattab .nav-tabs li.active a:focus .industry-banking-finance,
.download-faq .filter li.active:hover .filter-item .industry-banking-finance,
.download-faq .filter .active .filter-item .industry-banking-finance {
  background-position: -100px -200px;
}
.cattab .nav-tabs li.active a .industry-carrier-business,
.cattab .nav-tabs li.active a:hover .industry-carrier-business,
.cattab .nav-tabs li.active a:focus .industry-carrier-business,
.download-faq .filter li.active:hover .filter-item .industry-carrier-business,
.download-faq .filter .active .filter-item .industry-carrier-business {
  background-position: -200px -200px;
}
.cattab .nav-tabs li.active a .industry-customer-service,
.cattab .nav-tabs li.active a:hover .industry-customer-service,
.cattab .nav-tabs li.active a:focus .industry-customer-service,
.download-faq .filter li.active:hover .filter-item .industry-customer-service,
.download-faq .filter .active .filter-item .industry-customer-service {
  background-position: -300px -200px;
}
.cattab .nav-tabs li.active a .industry-education,
.cattab .nav-tabs li.active a:hover .industry-education,
.cattab .nav-tabs li.active a:focus .industry-education,
.download-faq .filter li.active:hover .filter-item .industry-education,
.download-faq .filter .active .filter-item .industry-education {
  background-position: -400px -200px;
}
.cattab .nav-tabs li.active a .industry-general,
.cattab .nav-tabs li.active a:hover .industry-general,
.cattab .nav-tabs li.active a:focus .industry-general,
.download-faq .filter li.active:hover .filter-item .industry-general,
.download-faq .filter .active .filter-item .industry-general {
  background-position: -500px -200px;
}
.cattab .nav-tabs li.active a .industry-hotels-tourism,
.cattab .nav-tabs li.active a:hover .industry-hotels-tourism,
.cattab .nav-tabs li.active a:focus .industry-hotels-tourism,
.download-faq .filter li.active:hover .filter-item .industry-hotels-tourism,
.download-faq .filter .active .filter-item .industry-hotels-tourism {
  background-position: -600px -200px;
}
.cattab .nav-tabs li.active a .industry-information-technology,
.cattab .nav-tabs li.active a:hover .industry-information-technology,
.cattab .nav-tabs li.active a:focus .industry-information-technology,
.download-faq .filter li.active:hover .filter-item .industry-information-technology,
.download-faq .filter .active .filter-item .industry-information-technology {
  background-position: -700px -200px;
}
.cattab .nav-tabs li.active a .industry-others,
.cattab .nav-tabs li.active a:hover .industry-others,
.cattab .nav-tabs li.active a:focus .industry-others,
.download-faq .filter li.active:hover .filter-item .industry-others,
.download-faq .filter .active .filter-item .industry-others {
  background-position: -800px -200px;
}
.cattab .nav-tabs li.active a .industry-retail,
.cattab .nav-tabs li.active a:hover .industry-retail,
.cattab .nav-tabs li.active a:focus .industry-retail,
.download-faq .filter li.active:hover .filter-item .industry-retail,
.download-faq .filter .active .filter-item .industry-retail {
  background-position: -900px -200px;
}

/*
 * Support Icons
 */
/* HKBN 30x30 icons: e.g. .icon30-2bapp */
[class^="icon30"],
[class*=" icon30"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  *margin-right: .3em;
  line-height: 30px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/icon-30.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="icon30-"]:last-child,
[class*=" icon30-"]:last-child {
  *margin-left: 0;
}

.shop .icon30-2bapp {
  background-position: 0px 0;
}
.shop .icon30-calendar {
  background-position: -50px 0;
}
.shop .icon30-cashier {
  background-position: -100px 0;
}
.shop .icon30-dailystorage {
  background-position: -150px 0;
}
.shop .icon30-darkfibre {
  background-position: -200px 0;
}
.shop .icon30-directline {
  background-position: -250px 0;
}
.shop .icon30-emailremover {
  background-position: -300px 0;
}
.shop .icon30-eseefax {
  background-position: -350px 0;
}
.shop .icon30-game {
  background-position: -400px 0;
}
.shop .icon30-idd0030 {
  background-position: -450px 0;
}
.shop .icon30-information {
  background-position: -500px 0;
}
.shop .icon30-intlcallforward {
  background-position: -550px 0;
}
.shop .icon30-login {
  background-position: -600px 0;
}
.shop .icon30-monthlystorage {
  background-position: -650px 0;
}
.shop .icon30-password {
  background-position: -700px 0;
}
.shop .icon30-pdia {
  background-position: -750px 0;
}
.shop .icon30-realtimestorage {
  background-position: -800px 0;
}
.shop .icon30-redeem {
  background-position: -850px 0;
}
.shop .icon30-registration {
  background-position: -900px 0;
}
.shop .icon30-return {
  background-position: -950px 0;
}
.shop .icon30-siptrunk {
  background-position: -1000px 0;
}
.shop .icon30-sms {
  background-position: -1050px 0;
}
.shop .icon30-speedtest {
  background-position: -1100px 0;
}
.shop .icon30-voicemail {
  background-position: -1150px 0;
}
.shop .icon30-webmail {
  background-position: -1200px 0;
}
.shop .icon30-wifi {
  background-position: -1250px 0;
}
.shop .icon30-datacentre {
  background-position: -1300px 0;
}
.shop .icon30-metronet {
  background-position: -1350px 0;
}
.shop .icon30-ita {
  background-position: -1400px 0;
}
.shop .icon30-infiniteVoice {
  background-position: -1450px 0;
}
.shop .icon30-bymail {
  background-position: -1500px 0;
}
.shop .icon30-inperson {
  background-position: -1550px 0;
}
.shop .icon30-creditcard {
  background-position: -1600px 0;
}
.shop .icon30-pps {
  background-position: -1650px 0;
}
.shop .icon30-conveniencestore {
  background-position: -1700px 0;
}
.shop .icon30-internetbanking {
  background-position: -1750px 0;
}
.shop .icon30-atm {
  background-position: -1800px 0;
}
.shop .icon30-jet {
  background-position: -1850px 0;
}
.shop .icon30-infiniteserver {
  background-position: -1900px 0;
}
.shop .icon30-infinitewifi {
  background-position: -1950px 0;
}
.shop .icon30-infinitebackup {
  background-position: -2000px 0;
}
.shop .icon30-cheque {
  background-position: -2050px 0;
}
.shop .icon30-mobileoffice {
  background-position: -2100px 0;
}
.shop .icon30-mop {
  background-position: -2150px 0;
}
.shop .icon30-servicecharge {
  background-position: -2200px 0;
}

.shop .icon30-reg {
  background-position: -2250px 0;
}

.shop .icon30-sim {
  background-position: -2300px 0;
}

.shop .icon30-letv {
  background-position: -2350px 0;
}

.shop .icon30-craditcardpay {
  background-position: -2400px 0;
}

.shop .icon30-mobphone {
  background-position: -2450px 0;
}

.shop .icon30-fps {
  background-position: -2500px 0;
}

* .icon30-2bapp, .panel-heading a.collapsed .icon30-2bapp {
  background-position: 0px -50px;
}
* .icon30-calendar, .panel-heading a.collapsed .icon30-calendar {
  background-position: -50px -50px;
}
* .icon30-cashier, .panel-heading a.collapsed .icon30-cashier {
  background-position: -100px -50px;
}
* .icon30-dailystorage, .panel-heading a.collapsed .icon30-dailystorage {
  background-position: -150px -50px;
}
* .icon30-darkfibre, .panel-heading a.collapsed .icon30-darkfibre {
  background-position: -200px -50px;
}
* .icon30-directline, .panel-heading a.collapsed .icon30-directline {
  background-position: -250px -50px;
}
* .icon30-emailremover, .panel-heading a.collapsed .icon30-emailremover {
  background-position: -300px -50px;
}
* .icon30-eseefax, .panel-heading a.collapsed .icon30-eseefax {
  background-position: -350px -50px;
}
* .icon30-game, .panel-heading a.collapsed .icon30-game {
  background-position: -400px -50px;
}
* .icon30-idd0030, .panel-heading a.collapsed .icon30-idd0030 {
  background-position: -450px -50px;
}
* .icon30-information, .panel-heading a.collapsed .icon30-information {
  background-position: -500px -50px;
}
* .icon30-intlcallforward, .panel-heading a.collapsed .icon30-intlcallforward {
  background-position: -550px -50px;
}
* .icon30-login, .panel-heading a.collapsed .icon30-login {
  background-position: -600px -50px;
}
* .icon30-monthlystorage, .panel-heading a.collapsed .icon30-monthlystorage {
  background-position: -650px -50px;
}
* .icon30-password, .panel-heading a.collapsed .icon30-password {
  background-position: -700px -50px;
}
* .icon30-pdia, .panel-heading a.collapsed .icon30-pdia {
  background-position: -750px -50px;
}
* .icon30-realtimestorage, .panel-heading a.collapsed .icon30-realtimestorage {
  background-position: -800px -50px;
}
* .icon30-redeem, .panel-heading a.collapsed .icon30-redeem {
  background-position: -850px -50px;
}
* .icon30-registration, .panel-heading a.collapsed .icon30-registration {
  background-position: -900px -50px;
}
* .icon30-return, .panel-heading a.collapsed .icon30-return {
  background-position: -950px -50px;
}
* .icon30-siptrunk, .panel-heading a.collapsed .icon30-siptrunk {
  background-position: -1000px -50px;
}
* .icon30-sms, .panel-heading a.collapsed .icon30-sms {
  background-position: -1050px -50px;
}
* .icon30-speedtest, .panel-heading a.collapsed .icon30-speedtest {
  background-position: -1100px -50px;
}
* .icon30-voicemail, .panel-heading a.collapsed .icon30-voicemail {
  background-position: -1150px -50px;
}
* .icon30-webmail, .panel-heading a.collapsed .icon30-webmail {
  background-position: -1200px -50px;
}
* .icon30-wifi, .panel-heading a.collapsed .icon30-wifi {
  background-position: -1250px -50px;
}
* .icon30-datacentre, .panel-heading a.collapsed .icon30-datacentre {
  background-position: -1300px -50px;
}
* .icon30-metronet, .panel-heading a.collapsed .icon30-metronet {
  background-position: -1350px -50px;
}
* .icon30-ita, .panel-heading a.collapsed .icon30-ita {
  background-position: -1400px -50px;
}
* .icon30-infiniteVoice, .panel-heading a.collapsed .icon30-infiniteVoice {
  background-position: -1450px -50px;
}
* .icon30-bymail, .panel-heading a.collapsed .icon30-bymail {
  background-position: -1500px -50px;
}
* .icon30-inperson, .panel-heading a.collapsed .icon30-inperson {
  background-position: -1550px -50px;
}
* .icon30-creditcard, .panel-heading a.collapsed .icon30-creditcard {
  background-position: -1600px -50px;
}
* .icon30-pps, .panel-heading a.collapsed .icon30-pps {
  background-position: -1650px -50px;
}
* .icon30-conveniencestore, .panel-heading a.collapsed .icon30-conveniencestore {
  background-position: -1700px -50px;
}
* .icon30-internetbanking, .panel-heading a.collapsed .icon30-internetbanking {
  background-position: -1750px -50px;
}
* .icon30-atm, .panel-heading a.collapsed .icon30-atm {
  background-position: -1800px -50px;
}
* .icon30-jet, .panel-heading a.collapsed .icon30-jet {
  background-position: -1850px -50px;
}
* .icon30-infiniteserver, .panel-heading a.collapsed .icon30-infiniteserver {
  background-position: -1900px -50px;
}
* .icon30-infinitewifi, .panel-heading a.collapsed .icon30-infinitewifi {
  background-position: -1950px -50px;
}
* .icon30-infinitebackup, .panel-heading a.collapsed .icon30-infinitebackup {
  background-position: -2000px -50px;
}
* .icon30-cheque, .panel-heading a.collapsed .icon30-cheque {
  background-position: -2050px -50px;
}
* .icon30-mobileoffice, .panel-heading a.collapsed .icon30-mobileoffice {
  background-position: -2100px -50px;
}
* .icon30-mop, .panel-heading a.collapsed .icon30-mop {
  background-position: -2150px -50px;
}
* .icon30-servicecharge, .panel-heading a.collapsed .icon30-servicecharge {
  background-position: -2200px -50px;
}

* .icon30-reg, .panel-heading a.collapsed .icon30-reg {
  background-position: -2250px -50px;
}

* .icon30-sim, .panel-heading a.collapsed .icon30-sim {
  background-position: -2300px -50px;
}

* .icon30-letv, .panel-heading a.collapsed .icon30-letv {
  background-position: -2350px -50px;
}

* .icon30-craditcardpay, .panel-heading a.collapsed .icon30-craditcardpay {
  background-position: -2400px -50px;
}

* .icon30-mobphone, .panel-heading a.collapsed .icon30-mobphone {
  background-position: -2450px -50px;
}

* .icon30-fps, .panel-heading a.collapsed .icon30-fps {
  background-position: -2500px -50px;
}



.panel-heading a .icon30-2bapp {
  background-position: 0px -150px;
}
.panel-heading a .icon30-calendar {
  background-position: -50px -150px;
}
.panel-heading a .icon30-cashier {
  background-position: -100px -150px;
}
.panel-heading a .icon30-dailystorage {
  background-position: -150px -150px;
}
.panel-heading a .icon30-darkfibre {
  background-position: -200px -150px;
}
.panel-heading a .icon30-directline {
  background-position: -250px -150px;
}
.panel-heading a .icon30-emailremover {
  background-position: -300px -150px;
}
.panel-heading a .icon30-eseefax {
  background-position: -350px -150px;
}
.panel-heading a .icon30-game {
  background-position: -400px -150px;
}
.panel-heading a .icon30-idd0030 {
  background-position: -450px -150px;
}
.panel-heading a .icon30-information {
  background-position: -500px -150px;
}
.panel-heading a .icon30-intlcallforward {
  background-position: -550px -150px;
}
.panel-heading a .icon30-login {
  background-position: -600px -150px;
}
.panel-heading a .icon30-monthlystorage {
  background-position: -650px -150px;
}
.panel-heading a .icon30-password {
  background-position: -700px -150px;
}
.panel-heading a .icon30-pdia {
  background-position: -750px -150px;
}
.panel-heading a .icon30-realtimestorage {
  background-position: -800px -150px;
}
.panel-heading a .icon30-redeem {
  background-position: -850px -150px;
}
.panel-heading a .icon30-registration {
  background-position: -900px -150px;
}
.panel-heading a .icon30-return {
  background-position: -950px -150px;
}
.panel-heading a .icon30-siptrunk {
  background-position: -1000px -150px;
}
.panel-heading a .icon30-sms {
  background-position: -1050px -150px;
}
.panel-heading a .icon30-speedtest {
  background-position: -1100px -150px;
}
.panel-heading a .icon30-voicemail {
  background-position: -1150px -150px;
}
.panel-heading a .icon30-webmail {
  background-position: -1200px -150px;
}
.panel-heading a .icon30-wifi {
  background-position: -1250px -150px;
}
.panel-heading a .icon30-datacentre {
  background-position: -1300px -150px;
}
.panel-heading a .icon30-metronet {
  background-position: -1350px -150px;
}
.panel-heading a .icon30-ita {
  background-position: -1400px -150px;
}
.panel-heading a .icon30-infiniteVoice {
  background-position: -1450px -150px;
}
.panel-heading a .icon30-bymail {
  background-position: -1500px -150px;
}
.panel-heading a .icon30-inperson {
  background-position: -1550px -150px;
}
.panel-heading a .icon30-creditcard {
  background-position: -1600px -150px;
}
.panel-heading a .icon30-pps {
  background-position: -1650px -150px;
}
.panel-heading a .icon30-conveniencestore {
  background-position: -1700px -150px;
}
.panel-heading a .icon30-internetbanking {
  background-position: -1750px -150px;
}
.panel-heading a .icon30-atm {
  background-position: -1800px -150px;
}
.panel-heading a .icon30-jet {
  background-position: -1850px -150px;
}
.panel-heading a .icon30-infiniteserver {
  background-position: -1900px -150px;
}
.panel-heading a .icon30-infinitewifi {
  background-position: -1950px -150px;
}
.panel-heading a .icon30-infinitebackup {
  background-position: -2000px -150px;
}
.panel-heading a .icon30-cheque {
  background-position: -2050px -150px;
}
.panel-heading a .icon30-mobileoffice {
  background-position: -2100px -150px;
}
.panel-heading a .icon30-mop {
  background-position: -2150px -150px;
}
.panel-heading a .icon30-servicecharge {
  background-position: -2200px -150px;
}

.panel-heading a .icon30-reg {
  background-position: -2250px -150px;
}

.panel-heading a .icon30-sim {
  background-position: -2300px -150px;
}

.panel-heading a .icon30-letv {
  background-position: -2350px -150px;
}

.panel-heading a .icon30-craditcardpay {
  background-position: -2400px -150px;
}

.panel-heading a .icon30-mobphone {
  background-position: -2450px -150px;
}

.panel-heading a .icon30-fps {
  background-position: -2500px -150px;
}

.notouch .panel-heading a:hover .icon30-2bapp, .notouch a:hover .icon30-2bapp, .desktop .panel-heading a:hover .icon30-2bapp, .desktop a:hover .icon30-2bapp {
  background-position: 0px -100px;
}
.notouch .panel-heading a:hover .icon30-calendar, .notouch a:hover .icon30-calendar, .desktop .panel-heading a:hover .icon30-calendar, .desktop a:hover .icon30-calendar {
  background-position: -50px -100px;
}
.notouch .panel-heading a:hover .icon30-cashier, .notouch a:hover .icon30-cashier, .desktop .panel-heading a:hover .icon30-cashier, .desktop a:hover .icon30-cashier {
  background-position: -100px -100px;
}
.notouch .panel-heading a:hover .icon30-dailystorage, .notouch a:hover .icon30-dailystorage, .desktop .panel-heading a:hover .icon30-dailystorage, .desktop a:hover .icon30-dailystorage {
  background-position: -150px -100px;
}
.notouch .panel-heading a:hover .icon30-darkfibre, .notouch a:hover .icon30-darkfibre, .desktop .panel-heading a:hover .icon30-darkfibre, .desktop a:hover .icon30-darkfibre {
  background-position: -200px -100px;
}
.notouch .panel-heading a:hover .icon30-directline, .notouch a:hover .icon30-directline, .desktop .panel-heading a:hover .icon30-directline, .desktop a:hover .icon30-directline {
  background-position: -250px -100px;
}
.notouch .panel-heading a:hover .icon30-emailremover, .notouch a:hover .icon30-emailremover, .desktop .panel-heading a:hover .icon30-emailremover, .desktop a:hover .icon30-emailremover {
  background-position: -300px -100px;
}
.notouch .panel-heading a:hover .icon30-eseefax, .notouch a:hover .icon30-eseefax, .desktop .panel-heading a:hover .icon30-eseefax, .desktop a:hover .icon30-eseefax {
  background-position: -350px -100px;
}
.notouch .panel-heading a:hover .icon30-game, .notouch a:hover .icon30-game, .desktop .panel-heading a:hover .icon30-game, .desktop a:hover .icon30-game {
  background-position: -400px -100px;
}
.notouch .panel-heading a:hover .icon30-idd0030, .notouch a:hover .icon30-idd0030, .desktop .panel-heading a:hover .icon30-idd0030, .desktop a:hover .icon30-idd0030 {
  background-position: -450px -100px;
}
.notouch .panel-heading a:hover .icon30-information, .notouch a:hover .icon30-information, .desktop .panel-heading a:hover .icon30-information, .desktop a:hover .icon30-information {
  background-position: -500px -100px;
}
.notouch .panel-heading a:hover .icon30-intlcallforward, .notouch a:hover .icon30-intlcallforward, .desktop .panel-heading a:hover .icon30-intlcallforward, .desktop a:hover .icon30-intlcallforward {
  background-position: -550px -100px;
}
.notouch .panel-heading a:hover .icon30-login, .notouch a:hover .icon30-login, .desktop .panel-heading a:hover .icon30-login, .desktop a:hover .icon30-login {
  background-position: -600px -100px;
}
.notouch .panel-heading a:hover .icon30-monthlystorage, .notouch a:hover .icon30-monthlystorage, .desktop .panel-heading a:hover .icon30-monthlystorage, .desktop a:hover .icon30-monthlystorage {
  background-position: -650px -100px;
}
.notouch .panel-heading a:hover .icon30-password, .notouch a:hover .icon30-password, .desktop .panel-heading a:hover .icon30-password, .desktop a:hover .icon30-password {
  background-position: -700px -100px;
}
.notouch .panel-heading a:hover .icon30-pdia, .notouch a:hover .icon30-pdia, .desktop .panel-heading a:hover .icon30-pdia, .desktop a:hover .icon30-pdia {
  background-position: -750px -100px;
}
.notouch .panel-heading a:hover .icon30-realtimestorage, .notouch a:hover .icon30-realtimestorage, .desktop .panel-heading a:hover .icon30-realtimestorage, .desktop a:hover .icon30-realtimestorage {
  background-position: -800px -100px;
}
.notouch .panel-heading a:hover .icon30-redeem, .notouch a:hover .icon30-redeem, .desktop .panel-heading a:hover .icon30-redeem, .desktop a:hover .icon30-redeem {
  background-position: -850px -100px;
}
.notouch .panel-heading a:hover .icon30-registration, .notouch a:hover .icon30-registration, .desktop .panel-heading a:hover .icon30-registration, .desktop a:hover .icon30-registration {
  background-position: -900px -100px;
}
.notouch .panel-heading a:hover .icon30-return, .notouch a:hover .icon30-return, .desktop .panel-heading a:hover .icon30-return, .desktop a:hover .icon30-return {
  background-position: -950px -100px;
}
.notouch .panel-heading a:hover .icon30-siptrunk, .notouch a:hover .icon30-siptrunk, .desktop .panel-heading a:hover .icon30-siptrunk, .desktop a:hover .icon30-siptrunk {
  background-position: -1000px -100px;
}
.notouch .panel-heading a:hover .icon30-sms, .notouch a:hover .icon30-sms, .desktop .panel-heading a:hover .icon30-sms, .desktop a:hover .icon30-sms {
  background-position: -1050px -100px;
}
.notouch .panel-heading a:hover .icon30-speedtest, .notouch a:hover .icon30-speedtest, .desktop .panel-heading a:hover .icon30-speedtest, .desktop a:hover .icon30-speedtest {
  background-position: -1100px -100px;
}
.notouch .panel-heading a:hover .icon30-voicemail, .notouch a:hover .icon30-voicemail, .desktop .panel-heading a:hover .icon30-voicemail, .desktop a:hover .icon30-voicemail {
  background-position: -1150px -100px;
}
.notouch .panel-heading a:hover .icon30-webmail, .notouch a:hover .icon30-webmail, .desktop .panel-heading a:hover .icon30-webmail, .desktop a:hover .icon30-webmail {
  background-position: -1200px -100px;
}
.notouch .panel-heading a:hover .icon30-wifi, .notouch a:hover .icon30-wifi, .desktop .panel-heading a:hover .icon30-wifi, .desktop a:hover .icon30-wifi {
  background-position: -1250px -100px;
}
.notouch .panel-heading a:hover .icon30-datacentre, .notouch a:hover .icon30-datacentre, .desktop .panel-heading a:hover .icon30-datacentre, .desktop a:hover .icon30-datacentre {
  background-position: -1300px -100px;
}
.notouch .panel-heading a:hover .icon30-metronet, .notouch a:hover .icon30-metronet, .desktop .panel-heading a:hover .icon30-metronet, .desktop a:hover .icon30-metronet {
  background-position: -1350px -100px;
}
.notouch .panel-heading a:hover .icon30-ita, .notouch a:hover .icon30-ita, .desktop .panel-heading a:hover .icon30-ita, .desktop a:hover .icon30-ita {
  background-position: -1400px -100px;
}
.notouch .panel-heading a:hover .icon30-infiniteVoice, .notouch a:hover .icon30-infiniteVoice, .desktop .panel-heading a:hover .icon30-infiniteVoice, .desktop a:hover .icon30-infiniteVoice {
  background-position: -1450px -100px;
}
.notouch .panel-heading a:hover .icon30-bymail, .notouch a:hover .icon30-bymail, .desktop .panel-heading a:hover .icon30-bymail, .desktop a:hover .icon30-bymail {
  background-position: -1500px -100px;
}
.notouch .panel-heading a:hover .icon30-inperson, .notouch a:hover .icon30-inperson, .desktop .panel-heading a:hover .icon30-inperson, .desktop a:hover .icon30-inperson {
  background-position: -1550px -100px;
}
.notouch .panel-heading a:hover .icon30-creditcard, .notouch a:hover .icon30-creditcard, .desktop .panel-heading a:hover .icon30-creditcard, .desktop a:hover .icon30-creditcard {
  background-position: -1600px -100px;
}
.notouch .panel-heading a:hover .icon30-pps, .notouch a:hover .icon30-pps, .desktop .panel-heading a:hover .icon30-pps, .desktop a:hover .icon30-pps {
  background-position: -1650px -100px;
}
.notouch .panel-heading a:hover .icon30-conveniencestore, .notouch a:hover .icon30-conveniencestore, .desktop .panel-heading a:hover .icon30-conveniencestore, .desktop a:hover .icon30-conveniencestore {
  background-position: -1700px -100px;
}
.notouch .panel-heading a:hover .icon30-internetbanking, .notouch a:hover .icon30-internetbanking, .desktop .panel-heading a:hover .icon30-internetbanking, .desktop a:hover .icon30-internetbanking {
  background-position: -1750px -100px;
}
.notouch .panel-heading a:hover .icon30-atm, .notouch a:hover .icon30-atm, .desktop .panel-heading a:hover .icon30-atm, .desktop a:hover .icon30-atm {
  background-position: -1800px -100px;
}
.notouch .panel-heading a:hover .icon30-jet, .notouch a:hover .icon30-jet, .desktop .panel-heading a:hover .icon30-jet, .desktop a:hover .icon30-jet {
  background-position: -1850px -100px;
}
.notouch .panel-heading a:hover .icon30-infiniteserver, .notouch a:hover .icon30-infiniteserver, .desktop .panel-heading a:hover .icon30-infiniteserver, .desktop a:hover .icon30-infiniteserver {
  background-position: -1900px -100px;
}
.notouch .panel-heading a:hover .icon30-infinitewifi, .notouch a:hover .icon30-infinitewifi, .desktop .panel-heading a:hover .icon30-infinitewifi, .desktop a:hover .icon30-infinitewifi {
  background-position: -1950px -100px;
}
.notouch .panel-heading a:hover .icon30-infinitebackup, .notouch a:hover .icon30-infinitebackup, .desktop .panel-heading a:hover .icon30-infinitebackup, .desktop a:hover .icon30-infinitebackup {
  background-position: -2000px -100px;
}
.notouch .panel-heading a:hover .icon30-cheque, .notouch a:hover .icon30-cheque, .desktop .panel-heading a:hover .icon30-cheque, .desktop a:hover .icon30-cheque {
  background-position: -2050px -100px;
}
.notouch .panel-heading a:hover .icon30-mobileoffice, .notouch a:hover .icon30-mobileoffice, .desktop .panel-heading a:hover .icon30-mobileoffice, .desktop a:hover .icon30-mobileoffice {
  background-position: -2100px -100px;
}
.notouch .panel-heading a:hover .icon30-mop, .notouch a:hover .icon30-mop, .desktop .panel-heading a:hover .icon30-mop, .desktop a:hover .icon30-mop {
  background-position: -2150px -100px;
}
.notouch .panel-heading a:hover .icon30-servicecharge, .notouch a:hover .icon30-servicecharge, .desktop .panel-heading a:hover .icon30-servicecharge, .desktop a:hover .icon30-servicecharge {
  background-position: -2200px -100px;
}

.notouch .panel-heading a:hover .icon30-reg, .notouch a:hover .icon30-reg, .desktop .panel-heading a:hover .icon30-reg, .desktop a:hover .icon30-reg {
  background-position: -2250px -100px;
}

.notouch .panel-heading a:hover .icon30-sim, .notouch a:hover .icon30-sim, .desktop .panel-heading a:hover .icon30-sim, .desktop a:hover .icon30-sim {
  background-position: -2300px -100px;
}

.notouch .panel-heading a:hover .icon30-letv, .notouch a:hover .icon30-letv, .desktop .panel-heading a:hover .icon30-letv, .desktop a:hover .icon30-letv {
  background-position: -2350px -100px;
}

.notouch .panel-heading a:hover .icon30-craditcardpay, .notouch a:hover .icon30-craditcardpay, .desktop .panel-heading a:hover .icon30-craditcardpay, .desktop a:hover .icon30-craditcardpay {
  background-position: -2400px -100px;
}

.notouch .panel-heading a:hover .icon30-mobphone, .notouch a:hover .icon30-mobphone, .desktop .panel-heading a:hover .icon30-mobphone, .desktop a:hover .icon30-mobphone {
  background-position: -2450px -100px;
}

.notouch .panel-heading a:hover .icon30-fps, .notouch a:hover .icon30-fps, .desktop .panel-heading a:hover .icon30-fps, .desktop a:hover .icon30-fps {
  background-position: -2500px -100px;
}

/*
 * Account Services Icons
 */
/* HKBN 60 icons: e.g. .myaccount60-2bapp */
[class^="myaccount60"],
[class*=" myaccount60"] {
  display: inline-block;
  width: 60px;
  height: 60px;
  *margin-right: .3em;
  line-height: 60px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/myaccount-60.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="myaccount60-"]:last-child,
[class*=" myaccount60-"]:last-child {
  *margin-left: 0;
}

/* HKBN 40 icons: e.g. .myaccount40-2bapp */
[class^="myaccount40"],
[class*=" myaccount40"] {
  display: inline-block;
  width: 40px;
  height: 40px;
  *margin-right: .3em;
  line-height: 40px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/myaccount-40.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="myaccount40-"]:last-child,
[class*=" myaccount40-"]:last-child {
  *margin-left: 0;
}

/* HKBN 40 icons: e.g. .myaccount30-2bapp */
[class^="myaccount30"],
[class*=" myaccount30"] {
  display: inline-block;
  width: 30px;
  height: 30px;
  *margin-right: .3em;
  line-height: 30px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/myaccount-30.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="myaccount30-"]:last-child,
[class*=" myaccount30-"]:last-child {
  *margin-left: 0;
}

* .myaccount-myaccount,
.panel-heading a.collapsed .myaccount-myaccount,
.panel-heading a.uncollapsible .myaccount-myaccount {
  background-position: 0px 0;
}
* .myaccount-broadband,
.panel-heading a.collapsed .myaccount-broadband,
.panel-heading a.uncollapsible .myaccount-broadband {
  background-position: -100px 0;
}
* .myaccount-voice,
.panel-heading a.collapsed .myaccount-voice,
.panel-heading a.uncollapsible .myaccount-voice {
  background-position: -200px 0;
}
* .myaccount-login,
.panel-heading a.collapsed .myaccount-login,
.panel-heading a.uncollapsible .myaccount-login {
  background-position: -300px 0;
}
* .myaccount-estatement,
.panel-heading a.collapsed .myaccount-estatement,
.panel-heading a.uncollapsible .myaccount-estatement {
  background-position: -400px 0;
}
* .myaccount-payment,
.panel-heading a.collapsed .myaccount-payment,
.panel-heading a.uncollapsible .myaccount-payment {
  background-position: -500px 0;
}
* .myaccount-others,
.panel-heading a.collapsed .myaccount-others,
.panel-heading a.uncollapsible .myaccount-others {
  background-position: -600px 0;
}
* .myaccount-cloud,
.panel-heading a.collapsed .myaccount-cloud,
.panel-heading a.uncollapsible .myaccount-cloud {
  background-position: -700px 0;
}

.panel-heading a .myaccount-myaccount {
  background-position: 0px -200px;
}
.panel-heading a .myaccount-broadband {
  background-position: -100px -200px;
}
.panel-heading a .myaccount-voice {
  background-position: -200px -200px;
}
.panel-heading a .myaccount-login {
  background-position: -300px -200px;
}
.panel-heading a .myaccount-estatement {
  background-position: -400px -200px;
}
.panel-heading a .myaccount-payment {
  background-position: -500px -200px;
}
.panel-heading a .myaccount-others {
  background-position: -600px -200px;
}
.panel-heading a .myaccount-cloud {
  background-position: -700px -200px;
}

.notouch .panel-heading a:hover .myaccount-myaccount,
.notouch a:hover .myaccount-myaccount,
.desktop .panel-heading a:hover .myaccount-myaccount,
.desktop a:hover .myaccount-myaccount {
  background-position: 0px -100px;
}
.notouch .panel-heading a:hover .myaccount-broadband,
.notouch a:hover .myaccount-broadband,
.desktop .panel-heading a:hover .myaccount-broadband,
.desktop a:hover .myaccount-broadband {
  background-position: -100px -100px;
}
.notouch .panel-heading a:hover .myaccount-voice,
.notouch a:hover .myaccount-voice,
.desktop .panel-heading a:hover .myaccount-voice,
.desktop a:hover .myaccount-voice {
  background-position: -200px -100px;
}
.notouch .panel-heading a:hover .myaccount-login,
.notouch a:hover .myaccount-login,
.desktop .panel-heading a:hover .myaccount-login,
.desktop a:hover .myaccount-login {
  background-position: -300px -100px;
}
.notouch .panel-heading a:hover .myaccount-estatement,
.notouch a:hover .myaccount-estatement,
.desktop .panel-heading a:hover .myaccount-estatement,
.desktop a:hover .myaccount-estatement {
  background-position: -400px -100px;
}
.notouch .panel-heading a:hover .myaccount-payment,
.notouch a:hover .myaccount-payment,
.desktop .panel-heading a:hover .myaccount-payment,
.desktop a:hover .myaccount-payment {
  background-position: -500px -100px;
}
.notouch .panel-heading a:hover .myaccount-others,
.notouch a:hover .myaccount-others,
.desktop .panel-heading a:hover .myaccount-others,
.desktop a:hover .myaccount-others {
  background-position: -600px -100px;
}
.notouch .panel-heading a:hover .myaccount-cloud,
.notouch a:hover .myaccount-cloud,
.desktop .panel-heading a:hover .myaccount-cloud,
.desktop a:hover .myaccount-cloud {
  background-position: -700px -100px;
}

/*
 * Misc & Service Pledge Icons
 */
/* Misc 40x40 icons: e.g. .misc40 .misc-casestudius */
[class^="misc40"],
[class*=" misc40"] {
  display: inline-block;
  width: 40px;
  height: 40px;
  *margin-right: .3em;
  line-height: 40px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/misc-40.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="misc40-"]:last-child,
[class*=" misc40-"]:last-child {
  *margin-left: 0;
}

.misc-w-case-studies {
  background-position: 0px -200px;
}

.misc-w-envelope {
  background-position: -100px -200px;
}

.misc-w-coverage {
  background-position: -200px -200px;
}

.misc-w-event {
  background-position: -300px -200px;
}

.misc-w-home {
  background-position: -400px -200px;
}

.misc-w-offer {
  background-position: -500px -200px;
}

.misc-w-services {
  background-position: -600px -200px;
}

.misc-w-coverage-home {
  background-position: -700px -200px;
}

.misc-w-phone {
  background-position: -800px -200px;
}

.misc-w-click {
  background-position: -900px -200px;
}

.notouch a:hover .misc-w-case-studies,
.desktop a:hover .misc-w-case-studies {
  background-position: 0px -100px;
}
.notouch a:hover .misc-w-envelope,
.desktop a:hover .misc-w-envelope {
  background-position: -100px -100px;
}
.notouch a:hover .misc-w-coverage,
.desktop a:hover .misc-w-coverage {
  background-position: -200px -100px;
}
.notouch a:hover .misc-w-event,
.desktop a:hover .misc-w-event {
  background-position: -300px -100px;
}
.notouch a:hover .misc-w-home,
.desktop a:hover .misc-w-home {
  background-position: -400px -100px;
}
.notouch a:hover .misc-w-offer,
.desktop a:hover .misc-w-offer {
  background-position: -500px -100px;
}
.notouch a:hover .misc-w-services,
.desktop a:hover .misc-w-services {
  background-position: -600px -100px;
}
.notouch a:hover .misc-w-coverage-home,
.desktop a:hover .misc-w-coverage-home {
  background-position: -700px -100px;
}
.notouch a:hover .misc-w-phone,
.desktop a:hover .misc-w-phone {
  background-position: -800px -100px;
}
.notouch a:hover .misc-w-click,
.desktop a:hover .misc-w-click {
  background-position: -900px -100px;
}
.notouch .btn:hover .misc-w-case-studies,
.desktop .btn:hover .misc-w-case-studies {
  background-position: 0px 0;
}
.notouch .btn:hover .misc-w-envelope,
.desktop .btn:hover .misc-w-envelope {
  background-position: -100px 0;
}
.notouch .btn:hover .misc-w-coverage,
.desktop .btn:hover .misc-w-coverage {
  background-position: -200px 0;
}
.notouch .btn:hover .misc-w-event,
.desktop .btn:hover .misc-w-event {
  background-position: -300px 0;
}
.notouch .btn:hover .misc-w-home,
.desktop .btn:hover .misc-w-home {
  background-position: -400px 0;
}
.notouch .btn:hover .misc-w-offer,
.desktop .btn:hover .misc-w-offer {
  background-position: -500px 0;
}
.notouch .btn:hover .misc-w-services,
.desktop .btn:hover .misc-w-services {
  background-position: -600px 0;
}
.notouch .btn:hover .misc-w-coverage-home,
.desktop .btn:hover .misc-w-coverage-home {
  background-position: -700px 0;
}
.notouch .btn:hover .misc-w-phone,
.desktop .btn:hover .misc-w-phone {
  background-position: -800px 0;
}
.notouch .btn:hover .misc-w-click,
.desktop .btn:hover .misc-w-click {
  background-position: -900px 0;
}
/* Misc 80x80 icons: e.g. .misc40 .misc-servicepledge */
[class^="servicepledge80"],
[class*=" servicepledge80"] {
  display: inline-block;
  width: 80px;
  height: 80px;
  *margin-right: .3em;
  line-height: 80px;
  vertical-align: middle;
  background-image: url("/images/3.0/_icons/servicepledge-80.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -99999px;
}

[class^="servicepledge80-"]:last-child,
[class*=" servicepledge80-"]:last-child {
  *margin-left: 0;
}

.servicepledge-guaranteed-services {
  background-position: 0px 0;
}

.servicepledge-14-day-cooling-off-period {
  background-position: -100px 0;
}

.servicepledge-service-provisioning {
  background-position: -200px 0;
}

.servicepledge-service-restoration {
  background-position: -300px 0;
}

.servicepledge-enquiry-call-answering {
  background-position: -400px 0;
}

.servicepledge-complaint-handling {
  background-position: -500px 0;
}

.servicepledge-services-guideline {
  background-position: -800px 0;
}

.servicepledge-account-login {
  background-position: -600px 0;
}

.servicepledge-payment-methods {
  background-position: -700px 0;
}

.active a .servicepledge-guaranteed-services, .notouch .active a:hover .servicepledge-guaranteed-services, .desktop .active a:hover .servicepledge-guaranteed-services {
  background-position: 0px -200px;
}
.active a .servicepledge-14-day-cooling-off-period, .notouch .active a:hover .servicepledge-14-day-cooling-off-period, .desktop .active a:hover .servicepledge-14-day-cooling-off-period {
  background-position: -100px -200px;
}
.active a .servicepledge-service-provisioning, .notouch .active a:hover .servicepledge-service-provisioning, .desktop .active a:hover .servicepledge-service-provisioning {
  background-position: -200px -200px;
}
.active a .servicepledge-service-restoration, .notouch .active a:hover .servicepledge-service-restoration, .desktop .active a:hover .servicepledge-service-restoration {
  background-position: -300px -200px;
}
.active a .servicepledge-enquiry-call-answering, .notouch .active a:hover .servicepledge-enquiry-call-answering, .desktop .active a:hover .servicepledge-enquiry-call-answering {
  background-position: -400px -200px;
}
.active a .servicepledge-complaint-handling, .notouch .active a:hover .servicepledge-complaint-handling, .desktop .active a:hover .servicepledge-complaint-handling {
  background-position: -500px -200px;
}

.active a .servicepledge-services-guideline, .notouch .active a:hover .servicepledge-services-guideline, .desktop .active a:hover .servicepledge-services-guideline {
  background-position: -800px -200px;
}

.active a .servicepledge-account-login, .notouch .active a:hover .servicepledge-account-login, .desktop .active a:hover .servicepledge-account-login {
  background-position: -600px -200px;
}
.active a .servicepledge-payment-methods, .notouch .active a:hover .servicepledge-payment-methods, .desktop .active a:hover .servicepledge-payment-methods {
  background-position: -700px -200px;
}

.notouch a:hover .servicepledge-guaranteed-services,
.desktop a:hover .servicepledge-guaranteed-services {
  background-position: 0px -100px;
}
.notouch a:hover .servicepledge-14-day-cooling-off-period,
.desktop a:hover .servicepledge-14-day-cooling-off-period {
  background-position: -100px -100px;
}
.notouch a:hover .servicepledge-service-provisioning,
.desktop a:hover .servicepledge-service-provisioning {
  background-position: -200px -100px;
}
.notouch a:hover .servicepledge-service-restoration,
.desktop a:hover .servicepledge-service-restoration {
  background-position: -300px -100px;
}
.notouch a:hover .servicepledge-enquiry-call-answering,
.desktop a:hover .servicepledge-enquiry-call-answering {
  background-position: -400px -100px;
}
.notouch a:hover .servicepledge-complaint-handling,
.desktop a:hover .servicepledge-complaint-handling {
  background-position: -500px -100px;
}

.notouch a:hover .servicepledge-services-guideline,
.desktop a:hover .servicepledge-services-guideline {
  background-position: -800px -100px;
}


.notouch a:hover .servicepledge-account-login,
.desktop a:hover .servicepledge-account-login {
  background-position: -600px -100px;
}
.notouch a:hover .servicepledge-payment-methods,
.desktop a:hover .servicepledge-payment-methods {
  background-position: -700px -100px;
}

.hkbn-logo {
  width: 180px;
}
@media (min-width: 768px) {
  .hkbn-logo {
    width: 238px;
  }
}
@media (min-width: 920px) {
  .hkbn-logo {
    width: 308px;
  }
}

.hkbn-menu {
  line-height: 20px;
}

@media (min-width: 768px) {
  .main-header {
    height: 94px;
  }
  .main-header .main-menu {
    margin-top: 34px;
  }
  .main-header .main-menu > ul > li > a {
    padding: 0 5px;
  }
  .main-header .why-hkbn-link {
    width: 80px;
  }
  .main-header .account-services-link {
    width: 100px;
  }
  .main-header .signup-link, .main-header .renew-link {
    display: none;
  }
}
@media (min-width: 800px) {
  .main-header .main-menu > ul > li > a {
    font-size: 16px;
  }
  .main-header .why-hkbn-link {
    width: auto;
  }
}
@media (min-width: 860px) {
  .main-header .main-menu > ul > li > a {
    padding: 0 8px;
  }
  .main-header .why-hkbn-link {
    width: auto;
  }
  .main-header .account-services-link {
    width: auto;
  }
}
@media (min-width: 920px) {
  .main-header {
    height: 110px;
  }
  .main-header .main-menu {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .main-menu {
    padding-bottom: 82px;
  }
  .main-menu .index-link a {
    background-color: #999 !important;
    color: #fff !important;
    display: block;
    height: 40px;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    margin: 1px 0;
    padding: 10px;
  }
  .main-menu .index-link a img {
    display: none !important;
  }
  .main-menu > ul > li > a {
    padding-left: 10px;
  }
  .main-menu .expandable ul li a {
    padding-left: 15px !important;
  }

  .enterprise-solutions-link {
    display: none;
  }
}
@media (min-width: 768px) {
  .submenu .cat-list .cat-name,
  .megamenu-group .solutions-menu > div > div.row > div > ul > li > a {
    pointer-events: none;
  }
}
.main-body > header {
  background-color: #ebf0f2;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
}
.main-body > header .container-980 {
  text-align: center;
  padding: 0 20px;
  line-height: 180px;
}
.main-body > header .header-group {
  color: #fff !important;
  display: inline-block;
  vertical-align: middle;
}
.main-body > header .header-group h1 {
  font-size: 24px;
  font-weight: normal;
}
.main-body > header .header-group hr {
  border-top-color: #f68a33;
  border-top-width: 3px;
  margin: 5px 0;
}
.main-body > header .header-group p {
  font-size: 14px;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  .main-body > header {
    height: 255px;
  }
  .main-body > header .container-980 {
    text-align: left;
    line-height: 255px;
  }
  .main-body > header .header-group h1 {
    font-size: 36px;
    font-weight: normal;
  }
  .main-body > header .header-group p {
    font-size: 18px;
  }
}

.page--solutions .main-body > header {
  background-image: url(/images/3.0/_banners/768/solutions.jpg);
}
@media (min-width: 768px) {
  .page--solutions .main-body > header {
    background-image: url(/images/3.0/_banners/1920/solutions.jpg);
  }
  .page--solutions .main-body > header .header-group {
    max-width: 420px;
  }
}

@media (min-width: 768px) {
  body[class*="parent--solutions--"] .main-body > header .container-980 {
    text-align: center;
  }
}

.page--solutions--broadband--broadband .main-body > header {
  background-image: url(/images/3.0/_banners/768/broadband--business-broadband.jpg);
}
@media (min-width: 768px) {
  .page--solutions--broadband--broadband .main-body > header {
    background-image: url(/images/3.0/_banners/1920/broadband--business-broadband.jpg);
  }
}

.page--solutions--broadband--dia .main-body > header {
  background-image: url(/images/3.0/_banners/768/broadband--dia.jpg);
}
@media (min-width: 768px) {
  .page--solutions--broadband--dia .main-body > header {
    background-image: url(/images/3.0/_banners/1920/broadband--dia.jpg);
  }
}

.page--solutions--broadband--pdia .main-body > header {
  background-image: url(/images/3.0/_banners/768/broadband--pdia.jpg);
}
@media (min-width: 768px) {
  .page--solutions--broadband--pdia .main-body > header {
    background-image: url(/images/3.0/_banners/1920/broadband--pdia.jpg);
  }
}

.page--solutions--broadband--ip-transit .main-body > header {
  background-image: url(/images/3.0/_banners/768/broadband--ip-transit.jpg);
}
@media (min-width: 768px) {
  .page--solutions--broadband--ip-transit .main-body > header {
    background-image: url(/images/3.0/_banners/1920/broadband--ip-transit.jpg);
  }
}

.page--solutions--cloud--infinite-server .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud--infinite-server.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--infinite-server .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud--infinite-server.jpg);
  }
}

.page--solutions--cloud--infinite-wifi .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud--infinite-wifi.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--infinite-wifi .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud--infinite-wifi.jpg);
  }
}

.page--solutions--cloud--infinite-backup .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud--infinite-backup.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--infinite-backup .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud--infinite-backup.jpg);
  }
}

.page--solutions--cloud--business-email .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud--business-email.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--business-email .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud--business-email.jpg);
  }
}

.page--solutions--cloud--cloud-monitoring .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud-monitoring.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--cloud-monitoring .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud-monitoring.jpg);
  }
}

.page--solutions--cloud--cloud-protect .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud-protect.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--cloud-protect .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud-protect.jpg);
  }
}

.page--solutions--cloud--iot .main-body > header {
  background-image: url(/images/3.0/_banners/768/IoT.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--iot .main-body > header {
    background-image: url(/images/3.0/_banners/1920/IoT.jpg);
  }
}

.page--solutions--cloud--cloud-xconnect .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud-xconnect.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--cloud-xconnect .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud-xconnect.jpg);
  }
}

.page--solutions--cloud--cloud-fibrecloud .main-body > header {
  background-image: url(/images/3.0/_banners/768/fibrecloud.jpg);
}
@media (min-width: 768px) {
  .page--solutions--cloud--cloud-fibrecloud .main-body > header {
    background-image: url(/images/3.0/_banners/1920/fibrecloud.jpg);
  }
}

.page--solutions--conferencing--audio-conferencing .main-body > header {
  background-image: url(/images/3.0/_banners/768/audio-conferencing.jpg);
}
@media (min-width: 768px) {
  .page--solutions--conferencing--audio-conferencing .main-body > header {
    background-image: url(/images/3.0/_banners/1920/audio-conferencing.jpg);
  }
}

.page--solutions--data--sdnet2 .main-body > header {
  background-image: url(/images/3.0/_banners/768/sdnet2.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--sdnet2 .main-body > header {
    background-image: url(/images/3.0/_banners/1920/sdnet2.jpg);
  }
}


.page--solutions--data--p2p-ethernet .main-body > header {
  background-image: url(/images/3.0/_banners/768/point-to-point-ethernet.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--p2p-ethernet .main-body > header {
    background-image: url(/images/3.0/_banners/1920/point-to-point-ethernet.jpg);
  }
}


.page--solutions--data--sdwan .main-body > header {
  background-image: url(/images/3.0/_banners/768/sdwan.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--sdwan .main-body > header {
    background-image: url(/images/3.0/_banners/1920/sdwan.jpg);
  }
}

.page--solutions--security--asuresecurity .main-body > header {
  background-image: url(/images/3.0/_banners/768/asuresecurity.jpg);
}
@media (min-width: 768px) {
  .page--solutions--security--asuresecurity .main-body > header {
    background-image: url(/images/3.0/_banners/1920/asuresecurity.jpg);
  }
}

.page--solutions--security--pc-secure .main-body > header {
  background-image: url(/images/3.0/_banners/768/pc-secure.jpg);
}
@media (min-width: 768px) {
  .page--solutions--security--pc-secure .main-body > header {
    background-image: url(/images/3.0/_banners/1920/pc-secure.jpg);
  }
}

.page--solutions--system--cabling-and-networking .main-body > header {
  background-image: url(/images/3.0/_banners/768/cabling-and-networking.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--cabling-and-networking .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cabling-and-networking.jpg);
  }
}

.page--solutions--system--hr-pro .main-body > header {
  background-image: url(/images/3.0/_banners/768/hr-pro.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--hr-pro .main-body > header {
    background-image: url(/images/3.0/_banners/1920/hr-pro.jpg);
  }
}

.page--solutions--system--unified-communication-system .main-body > header {
  background-image: url(/images/3.0/_banners/768/unified-communication-system.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--unified-communication-system .main-body > header {
    background-image: url(/images/3.0/_banners/1920/unified-communication-system.jpg);
  }
}

.page--solutions--voice--cloud-recording .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud-recording.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--cloud-recording .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud-recording.jpg);
  }
}

.page--solutions--voice--cloud-voice .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud-voice.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--cloud-voice .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud-voice.jpg);
  }
}

.page--solutions--voice--i2fax .main-body > header {
  background-image: url(/images/3.0/_banners/768/i2fax.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--i2fax .main-body > header {
    background-image: url(/images/3.0/_banners/1920/i2fax.jpg);
  }
}

.page--solutions--voice--ivoicemail .main-body > header {
  background-image: url(/images/3.0/_banners/768/iVoiceMail.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--ivoicemail .main-body > header {
    background-image: url(/images/3.0/_banners/1920/iVoiceMail.jpg);
  }
}

.page--solutions--epayment--octopus-payment-service .main-body > header {
  background-image: url(/images/3.0/_banners/768/octopus-ePaymentService.jpg);
}
@media (min-width: 768px) {
  .page--solutions--epayment--octopus-payment-service .main-body > header {
    background-image: url(/images/3.0/_banners/1920/octopus-ePaymentService.jpg);
  }
}

.page--solutions--voice--cloud-video .main-body > header {
  background-image: url(/images/3.0/_banners/768/cloud-video.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--cloud-video .main-body > header {
    background-image: url(/images/3.0/_banners/1920/cloud-video.jpg);
  }
}

.page--solutions--conferencing--video-conferencing .main-body > header {
  background-image: url(/images/3.0/_banners/768/video-conferencing.jpg);
}
@media (min-width: 768px) {
  .page--solutions--conferencing--video-conferencing .main-body > header {
    background-image: url(/images/3.0/_banners/1920/video-conferencing.jpg);
  }
}

.page--solutions--conferencing--web-conferencing .main-body > header {
  background-image: url(/images/3.0/_banners/768/web-conferencing.jpg);
}
@media (min-width: 768px) {
  .page--solutions--conferencing--web-conferencing .main-body > header {
    background-image: url(/images/3.0/_banners/1920/web-conferencing.jpg);
  }
}

.page--solutions--data--metro-ip-vpn .main-body > header {
  background-image: url(/images/3.0/_banners/768/data--metro-ip-vpn.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--metro-ip-vpn .main-body > header {
    background-image: url(/images/3.0/_banners/1920/data--metro-ip-vpn.jpg);
  }
}

.page--solutions--data--metronet .main-body > header {
  background-image: url(/images/3.0/_banners/768/data--metronet.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--metronet .main-body > header {
    background-image: url(/images/3.0/_banners/1920/data--metronet.jpg);
  }
}

.page--solutions--data--dwdm .main-body > header {
  background-image: url(/images/3.0/_banners/768/data--dwdm.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--dwdm .main-body > header {
    background-image: url(/images/3.0/_banners/1920/data--dwdm.jpg);
  }
}

.page--solutions--data--dark-fibre .main-body > header {
  background-image: url(/images/3.0/_banners/768/data--dark-fibre.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--dark-fibre .main-body > header {
    background-image: url(/images/3.0/_banners/1920/data--dark-fibre.jpg);
  }
}

.page--solutions--data--international-ip-vpn .main-body > header {
  background-image: url(/images/3.0/_banners/768/data--international-ip-vpn.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--international-ip-vpn .main-body > header {
    background-image: url(/images/3.0/_banners/1920/data--international-ip-vpn.jpg);
  }
}

.page--solutions--data--iplc .main-body > header {
  background-image: url(/images/3.0/_banners/768/data--iplc.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--iplc .main-body > header {
    background-image: url(/images/3.0/_banners/1920/data--iplc.jpg);
  }
}

.page--solutions--data--iepl .main-body > header {
  background-image: url(/images/3.0/_banners/768/data--iepl.jpg);
}
@media (min-width: 768px) {
  .page--solutions--data--iepl .main-body > header {
    background-image: url(/images/3.0/_banners/1920/data--iepl.jpg);
  }
}

.page--solutions--facility--data-centre .main-body > header {
  background-image: url(/images/3.0/_banners/768/facility--data-centre.jpg);
}
@media (min-width: 768px) {
  .page--solutions--facility--data-centre .main-body > header {
    background-image: url(/images/3.0/_banners/1920/facility--data-centre.jpg);
  }
}

.page--solutions--facility--bcp .main-body > header {
  background-image: url(/images/3.0/_banners/768/facility--bcp.jpg);
}
@media (min-width: 768px) {
  .page--solutions--facility--bcp .main-body > header {
    background-image: url(/images/3.0/_banners/1920/facility--bcp.jpg);
  }
}

.page--solutions--epayment--alipay .main-body > header {
  background-image: url(/images/3.0/_banners/768/epayment--alipay.jpg);
}

@media (min-width: 768px) {
  .page--solutions--epayment--alipay .main-body > header {
    background-image: url(/images/3.0/_banners/1920/epayment--alipay.jpg);
  }
}


.page--solutions--msoffer--tc .main-body > header {
  background-image: url(/images/3.0/_banners/768/msoffer.jpg);
}

@media (min-width: 768px) {
  .page--solutions--msoffer--tc .main-body > header {
    background-image: url(/images/3.0/_banners/1920/msoffer.jpg);
  }
}

.page--solutions--ss--tc .main-body > header {
  background-image: url(/images/3.0/_banners/768/ss-catalogue_tc.jpg);
}

@media (min-width: 768px) {
  .page--solutions--ss--tc .main-body > header {
    background-image: url(/images/3.0/_banners/1920/ss-catalogue_tc.jpg);
  }
}

.page--solutions--ss--en .main-body > header {
  background-image: url(/images/3.0/_banners/768/ss-catalogue_en.jpg);
}

@media (min-width: 768px) {
  .page--solutions--ss--en .main-body > header {
    background-image: url(/images/3.0/_banners/1920/ss-catalogue_en.jpg);
  }
}

.page--solutions--dbiz--tc .main-body > header {
  background-image: url(/images/3.0/_banners/768/dbiz_m_tc.png);
}

@media (min-width: 768px) {
  .page--solutions--dbiz--tc .main-body > header {
    background-image: url(/images/3.0/_banners/1920/dbiz_tc.png);
  }
}

.page--solutions--iot--tc .main-body > header {
  background-image: url(/images/3.0/_banners/768/iot_m_tc.jpg);
}


@media (min-width: 768px) {
  .page--solutions--iot--tc .main-body > header {
    background-image: url(/images/3.0/_banners/1920/iot_tc.jpg);
  }
}
.page--solutions--iot--en .main-body > header {
  background-image: url(/images/3.0/_banners/768/iot_m_en.jpg);
}

@media (min-width: 768px) {
  .page--solutions--iot--en .main-body > header {
    background-image: url(/images/3.0/_banners/1920/iot_en.jpg);
	height: 300px;
  }
}

.page--solutions--msoffer--en .main-body > header {
  background-image: url(/images/3.0/_banners/768/msoffer_en.jpg);
}

@media (min-width: 768px) {
  .page--solutions--msoffer--en .main-body > header {
    background-image: url(/images/3.0/_banners/1920/msoffer_en.jpg);
	height: 300px;
  }
}

.page--solutions--cloudtraining--en .main-body > header {
  background-image: url(/images/3.0/_banners/768/CloudTraining_en.png);
}

@media (min-width: 768px) {
  .page--solutions--cloudtraining--en .main-body > header {
    background-image: url(/images/3.0/_banners/1920/CloudTraining_en.png);
  }
}

.page--solutions--mytvsuperad--tc .main-body > header {
  background-image: url(/images/3.0/_banners/768/mytvsuperad.jpg);
}

@media (min-width: 768px) {
  .page--solutions--mytvsuperad--tc .main-body > header {
    background-image: url(/images/3.0/_banners/1920/mytvsuperad.jpg);
  }
}

.page--solutions--mytvsuperad--en .main-body > header {
  background-image: url(/images/3.0/_banners/768/mytvsuperad_en.jpg);
}

@media (min-width: 768px) {
  .page--solutions--mytvsuperad--en .main-body > header {
    background-image: url(/images/3.0/_banners/1920/mytvsuperad_en.jpg);
  }
}

.page--solutions--voice--infinite-voice .main-body > header {
  background-image: url(/images/3.0/_banners/768/voice--infinite-voice.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--infinite-voice .main-body > header {
    background-image: url(/images/3.0/_banners/1920/voice--infinite-voice.jpg);
  }
}



.page--solutions--voice--enterprise-sip-trunk .main-body > header {
  background-image: url(/images/3.0/_banners/768/voice--enterprise-sip-trunk.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--enterprise-sip-trunk .main-body > header {
    background-image: url(/images/3.0/_banners/1920/voice--enterprise-sip-trunk.jpg);
  }
}

.page--solutions--voice--business-line .main-body > header {
  background-image: url(/images/3.0/_banners/768/voice--business-line.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--business-line .main-body > header {
    background-image: url(/images/3.0/_banners/1920/voice--business-line.jpg);
  }
}

.page--solutions--voice--mobileoffice-plus .main-body > header {
  background-image: url(/images/3.0/_banners/768/voice--mobileoffice-plus.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--mobileoffice-plus .main-body > header {
    background-image: url(/images/3.0/_banners/1920/voice--mobileoffice-plus.jpg);
  }
}

.page--solutions--voice--idd0030 .main-body > header {
  background-image: url(/images/3.0/_banners/768/voice--idd0030.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--idd0030 .main-body > header {
    background-image: url(/images/3.0/_banners/1920/voice--idd0030.jpg);
  }
}

.page--solutions--voice--webcall .main-body > header {
  background-image: url(/images/3.0/_banners/768/voice-webcall.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--webcall .main-body > header {
    background-image: url(/images/3.0/_banners/1920/voice-webcall.jpg);
  }
}


.page--solutions--voice--international-call-forwarding .main-body > header {
  background-image: url(/images/3.0/_banners/768/voice--international-call-forwarding.jpg);
}
@media (min-width: 768px) {
  .page--solutions--voice--international-call-forwarding .main-body > header {
    background-image: url(/images/3.0/_banners/1920/voice--international-call-forwarding.jpg);
  }
}


.page--solutions--system--si-sol .main-body > header {
  background-image: url(/images/3.0/_banners/768/system_integration_banner.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--si-sol .main-body > header {
    background-image: url(/images/3.0/_banners/1920/system_integration_banner.jpg);
  }
}

.page--solutions--icg .main-body > header {
  background-image: url(/images/3.0/_banners/768/ICG_banner.jpg);
}
@media (min-width: 768px) {
  .page--solutions--icg .main-body > header {
    background-image: url(/images/3.0/_banners/1920/ICG_banner.jpg);
  }
}

.page--corp--staff--offer .main-body > header {
  background-image: url(/images/3.0/_banners/768/ES_CorpStaff_Landing.jpg);
}
@media (min-width: 768px) {
  .page--corp--staff--offer .main-body > header {
    background-image: url(/images/3.0/_banners/1920/ES_CorpStaff_Landing.jpg);
  }
}


.page--corp--staff--offer_en .main-body > header {
  background-image: url(/images/3.0/_banners/768/ES_CorpStaff_Landing_en.jpg);
}
@media (min-width: 768px) {
  .page--corp--staff--offer_en .main-body > header {
    background-image: url(/images/3.0/_banners/1920/ES_CorpStaff_Landing_en.jpg);
  }
}

.page--solutions--system--it-advisor .main-body > header {
  background-image: url(/images/3.0/_banners/768/system--it-advisor.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--it-advisor .main-body > header {
    background-image: url(/images/3.0/_banners/1920/system--it-advisor.jpg);
  }
}

.page--solutions--system--si-solution .main-body > header {
  background-image: url(/images/3.0/_banners/768/managed--it-services.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--si-solution .main-body > header {
    background-image: url(/images/3.0/_banners/1920/managed--it-services.jpg);
  }
}

.page--solutions--system--vul-manage .main-body > header {
  background-image: url(/images/3.0/_banners/768/system--vulnerability-management.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--vul-manage .main-body > header {
    background-image: url(/images/3.0/_banners/1920/system--vulnerability-management.jpg);
  }
}

.page--solutions--system--wifi .main-body > header {
  background-image: url(/images/3.0/_banners/768/system--wifi.jpg);
}
@media (min-width: 768px) {
  .page--solutions--system--wifi .main-body > header {
    background-image: url(/images/3.0/_banners/1920/system--wifi.jpg);
  }
}

.page--solutions--mgm--mgm-landing .main-body > header.tc {
  background-image: url(/images/3.0/_banners/768/mgm--mgmlanding.jpg);
}
@media (min-width: 768px) {
  .page--solutions--mgm--mgm-landing .main-body > header.tc {
    background-image: url(/images/3.0/_banners/1920/mgm--mgmlanding.jpg);
  }
}

.page--solutions--mgm--mgm-landing .main-body > header.en {
  background-image: url(/images/3.0/_banners/768/mgm--mgmlanding_en.jpg);
}
@media (min-width: 768px) {
  .page--solutions--mgm--mgm-landing .main-body > header.en {
    background-image: url(/images/3.0/_banners/1920/mgm--mgmlanding_en.jpg);
  }
}

.page--solutions--mobile--hkbn-mobile .main-body > header {
  background-image: url(/images/3.0/_banners/768/mobile--hkbn-mobile.jpg);
}
@media (min-width: 768px) {
  .page--solutions--mobile--hkbn-mobile .main-body > header {
    background-image: url(/images/3.0/_banners/1920/mobile--hkbn-mobile.jpg);
  }
}

.page--solutions--mobile--hkbn-abm .main-body > header {
  background-image: url(/images/3.0/_banners/768/abm_m.png);
}
@media (min-width: 768px) {
  .page--solutions--mobile--hkbn-abm .main-body > header {
    background-image: url(/images/3.0/_banners/1920/abm.png);
  }
}


.page--solutions--mobile--global-pocket-wifi .main-body > header {
  background-image: url(/images/3.0/_banners/768/Global_Pocket_Wi-Fi_banner_mobile.jpg);
}
@media (min-width: 768px) {
  .page--solutions--mobile--global-pocket-wifi .main-body > header {
    background-image: url(/images/3.0/_banners/1920/Global_Pocket_Wi-Fi_banner.jpg);
  }
}

.page--solutions--mobile--global-phone .main-body > header {
  background-image: url(/images/3.0/_banners/768/Global_Mobile_data_banner.jpg);
}
@media (min-width: 768px) {
  .page--solutions--mobile--global-phone .main-body > header {
    background-image: url(/images/3.0/_banners/1920/Global_Mobile_data_banner.jpg);
  }
}

.page--case-studies .main-body > header {
  background-image: url(/images/3.0/_banners/768/casestudies.jpg);
}
@media (min-width: 768px) {
  .page--case-studies .main-body > header {
    background-image: url(/images/3.0/_banners/1920/casestudies.jpg);
  }
  .page--case-studies .main-body > header .header-group {
    max-width: 420px;
  }
}

.parent--why-hkbn .main-body > header {
  background-image: url(/images/3.0/_banners/768/whyhkbn.jpg);
}
@media (min-width: 768px) {
  .parent--why-hkbn .main-body > header {
    background-image: url(/images/3.0/_banners/1920/whyhkbn.jpg);
  }
  .parent--why-hkbn .main-body > header .header-group {
    max-width: 420px;
  }
}



.page--why-hkbn--meet-our-team .main-body > header {
  background-image: url(/images/3.0/_banners/768/meet_our_team.jpg);
}
@media (min-width: 768px) {
  .page--why-hkbn--meet-our-team .main-body > header {
    background-image: url(/images/3.0/_banners/1920/meet_our_team.jpg);
  }
  .page--why-hkbn--meet-our-team .main-body > header .header-group {
    max-width: 420px;
  }
}


.page--why-hkbn--service-pledge .main-body > header {
  background-image: url(/images/3.0/_banners/768/service_pledge.jpg);
}
@media (min-width: 768px) {
  .page--why-hkbn--service-pledge .main-body > header {
    background-image: url(/images/3.0/_banners/1920/service_pledge.jpg);
  }
  .page--why-hkbn--service-pledge .main-body > header .header-group {
    max-width: 420px;
  }
}

.page--network-coverage  .main-body > header {
  background-image: url(/images/3.0/_banners/768/networkcoverage.jpg);
}
@media (min-width: 768px) {
  .page--network-coverage  .main-body > header {
    background-image: url(/images/3.0/_banners/1920/networkcoverage.jpg);
  }
  .page--network-coverage  .main-body > header .header-group {
    max-width: 420px;
  }
}

.page--why-hkbn--your-trusted-partner .main-body > header {
  background-image: url(/images/3.0/_banners/768/you_trust_partner.jpg);
}
@media (min-width: 768px) {
  .page--why-hkbn--your-trusted-partner .main-body > header {
    background-image: url(/images/3.0/_banners/1920/you_trust_partner.jpg);
  }
  .page--why-hkbn--your-trusted-partner .main-body > header .header-group {
    max-width: 420px;
  }
}

.parent--support .main-body > header {
  background-image: url(/images/3.0/_banners/768/support.jpg);
}
@media (min-width: 768px) {
  .parent--support .main-body > header {
    background-image: url(/images/3.0/_banners/1920/support.jpg);
  }
  .parent--support .main-body > header .header-group {
    max-width: 420px;
  }
}

.parent--account-services .main-body > header {
  background-image: url(/images/3.0/_banners/768/account-services.jpg);
}
@media (min-width: 768px) {
  .parent--account-services .main-body > header {
    background-image: url(/images/3.0/_banners/1920/account-services.jpg);
  }
  .parent--account-services .main-body > header .header-group {
    max-width: 420px;
  }
}

.parent--contact-us .main-body > header {
  background-image: url(/images/3.0/_banners/768/contactus.jpg);
}
@media (min-width: 768px) {
  .parent--contact-us .main-body > header {
    background-image: url(/images/3.0/_banners/1920/contactus.jpg);
  }
  .parent--contact-us .main-body > header .header-group {
    max-width: 420px;
  }
}

@media (min-width: 768px) {
  .tc.parent--contact-us .main-body > header .header-group {
    max-width: 440px;
  }
}

.main-body {
  *zoom: 1;
}
.main-body:after {
  content: "";
  display: table;
  clear: both;
}

.main-banner + .main-body {
  background: url(/images/3.0/banner-nav-bg.png) left top repeat-x;
}

.main-body + .main-body h1 {
  color: #005288;
  font-weight: normal;
  margin-top: 2em;
}

.main-body h2 {
  color: #005288;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
}

.enquiry-now h2 {
  text-align: center !important;
}

.enquiry-now .container-980 {
  padding: 20px 10px;
}
.enquiry-now .row.hr div {
  padding-bottom: 5px;
}

.page--sitemap h1 {
  color: #005288;
  font-weight: normal;
}
.page--sitemap h2 {
  font-weight: normal;
}
.page--sitemap h2 a {
  position: relative;
}
.page--sitemap h2 a:after {
  content: "\f054";
  display: inline-block;
  font: normal normal normal 21px/1 FontAwesome;
  line-height: 40px;
  margin-left: 10px;
}
.page--sitemap .main-body .container-980 {
  padding: 0 20px;
}
.page--sitemap .main-body .cat-list .cat-item-list {
  margin: 0;
}
.page--sitemap .main-body .cat-list .cat-item-list a {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  #enquiry-thankyou {
    min-height: 300px;
  }

  .page--sitemap h2 {
    text-align: left;
  }
  .page--sitemap .main-body .cat-list .cat-item-list a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}


.art_pc{
			display:none;
}
		
.art_m{
	display:block;
	width:100%;
	word-break: break-all;
}
		
.art_m_img{
	float:right;   
	
}
		
  
@media (min-width: 768px){
		
.art_pc{
	display:block;
}
.art_m{
	display:none;
}
}