.btn.btn-vsblue {
  background-color: #0061a0;
  border-color: #0061a0;
  color: #fff;
  border-radius: 0;
  padding: 0.6rem 1.5rem;
  font-weight: 400;
  font-size: 1.3rem;
}

.btn.btn-vsblue:hover {
  background-color: #005cbf;
  border-color: #005cbf;
}

.btn.btn-vsred {
  background-color: #ce0058;
  border-color: #ce0058;
  color: #fff;
  border-radius: 0;
  padding: 0.6rem 1.5rem;
  font-weight: 400;
  font-size: 1.3rem;
}
.btn.btn-vsred :focus {
  box-shadow: none;
  outline: none;
}

.btn.btn-vsred:hover {
  background-color: #d60270;
  border-color: #d60270;
}

.btn.btn-vsblue:focus, .btn.btn-vsred:focus {
  box-shadow: none;
  outline: none;
}

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-container .flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.flip-container .front, .flip-container .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.flip-container .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 1;
}

@media (max-width: 767px) {
  .frame {
    border-top: 2px solid #ce0058;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 15px;
  }
  .frame .title {
    color: #0061a0;
    fill: #0061a0;
    stroke: #0061a0;
    font-size: 1.5rem;
    margin-top: -22px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  .frame .title :link, .frame .title :active, .frame .title :hover {
    color: #0061a0;
  }
  .frame .title span {
    background-color: #ffffff;
    padding: 0 6px;
  }
}
@media (min-width: 768px) {
  .frame {
    border: 2px solid #ce0058;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-bottom: 15px;
  }
  .frame .title {
    color: #0061a0;
    fill: #0061a0;
    stroke: #0061a0;
    font-size: 30px;
    margin-top: -22px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  .frame .title :link, .frame .title :active, .frame .title :hover {
    color: #0061a0;
  }
  .frame .title span {
    background-color: #ffffff;
    padding: 0 6px;
  }
}

.feature-block .flip-container {
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.feature-block .front {
  padding: 18px 16px;
}
.feature-block .back {
  padding: 4px 10px;
}
.feature-block .front, .feature-block .back {
  height: 100px;
  overflow: hidden;
}
.feature-block .front .icon, .feature-block .back .icon {
  margin-top: 6px;
  padding-right: 10px;
  float: left;
  width: 20%;
  max-height: 48px;
  max-width: 48px;
}
.feature-block .front .description, .feature-block .back .description {
  padding-left: 10px;
  float: left;
  width: 80%;
}
.feature-block .front {
  background-color: #0061a0;
  font-size: 1.1rem;
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
}
.feature-block .front :link, .feature-block .front :active, .feature-block .front :hover {
  color: #ffffff;
}
.feature-block .front .icon {
  border-right: solid 1px #ffffff;
}
.feature-block .back {
  border: 1px solid #ffffff;
  font-size: 1rem;
  background-color: #0061a0;
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
}
.feature-block .back :link, .feature-block .back :active, .feature-block .back :hover {
  color: #ffffff;
}
@media (min-width: 576px) and (max-width: 1243px) {
  .feature-block .back {
    font-size: 0.7rem;
  }
}
@media (max-width: 575px) {
  .feature-block .back {
    font-size: 1rem;
  }
}
.feature-block .back .icon {
  border-right: solid 1px #ffffff;
}

.header {
  background-color: #0061a0;
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
  font-weight: 300;
}
.header :link, .header :active, .header :hover {
  color: #ffffff;
}
.header .logo svg {
  fill: #ffffff;
}
@media (min-width: 1200px) {
  .header .logo svg {
    padding-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header .logo svg {
    padding-top: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header .logo svg {
    padding-top: 10px;
  }
}
.header .logo-xs {
  padding-top: 6px;
  padding-bottom: 6px;
}
.header .button-container button {
  margin: 0 auto;
  display: block;
}
.header .v-centre {
  display: flex;
  align-items: center;
}
.header .v-centre .navbar {
  margin-bottom: 0;
  min-height: 0;
}
.header .navbar-header-xs {
  height: 64px;
}
.header .navbar-header-xs .navbar-brand {
  padding-top: 6px;
  padding-bottom: 0;
}
.header .navbar-header-xs .navbar-toggle {
  margin-top: 20px;
}
.header .nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
.header a {
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
  text-decoration: none;
}
.header a :link, .header a :active, .header a :hover {
  color: #ffffff;
}
.header .dropdown-menu > li > a {
  color: #0061a0;
  fill: #0061a0;
  stroke: #0061a0;
}
.header .dropdown-menu > li > a :link, .header .dropdown-menu > li > a :active, .header .dropdown-menu > li > a :hover {
  color: #0061a0;
}
.header .inset-bar {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.header .inset-bar div {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 19.2px;
  background-color: #ffffff;
  color: #0061a0;
  fill: #0061a0;
  stroke: #0061a0;
}
.header .inset-bar div :link, .header .inset-bar div :active, .header .inset-bar div :hover {
  color: #0061a0;
}
.header .inset-bar div.icon svg {
  vertical-align: baseline;
  height: 25.6px;
  padding-top: 3.2px;
  margin-right: 10px;
}
.header .inset-bar div.icon span {
  display: inline-block;
  vertical-align: top;
}
.header .inset-bar div:first-child {
  width: 0;
  height: 0;
  border-bottom: 32px solid #0061a0;
  border-right: 32px solid #ffffff;
}
.header .inset-bar div:last-child {
  width: 0;
  height: 0;
  border-bottom: 32px solid #0061a0;
  border-left: 32px solid #ffffff;
}
.header .right-bar {
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 120%;
}
.header .right-bar-sm {
  padding-top: 35px;
  text-align: center;
  font-size: 120%;
}
.header .no-pad-right {
  padding-right: 0;
}
.header .no-pad {
  padding-right: 0;
  padding-left: 0;
}
.header .navbar-expand {
  background-color: #0061a0;
  border-style: none;
}
.header .navbar-expand .navbar-brand {
  color: #ffffff;
}
.header .navbar-expand .navbar-brand:hover, .header .navbar-expand .navbar-brand:focus {
  color: #0061a0;
}
.header .navbar-expand .navbar-text {
  color: #ffffff;
}
.header .navbar-expand .navbar-nav > li > a {
  color: #ffffff;
}
.header .navbar-expand .navbar-nav > li > a:hover, .header .navbar-expand .navbar-nav > li > a:focus {
  text-decoration: underline;
}
.header .navbar-expand .navbar-nav > .active > a, .header .navbar-expand .navbar-nav > .active > a:hover, .header .navbar-expand .navbar-nav > .active > a:focus {
  color: #0061a0;
  background-color: #ffffff;
}
.header .navbar-expand .navbar-nav > .open > a, .header .navbar-expand .navbar-nav > .open > a:hover, .header .navbar-expand .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #0061a0;
}
.header .navbar-expand .navbar-toggle {
  border-color: #ffffff;
  /*&:hover, &:focus {
      background-color: $bgHighlight;
  }*/
}
.header .navbar-expand .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.header .navbar-expand .navbar-collapse,
.header .navbar-expand .navbar-form {
  border-color: #ffffff;
}
.header .navbar-expand .navbar-link {
  color: #ffffff;
}
.header .navbar-expand .navbar-link:hover {
  color: #0061a0;
}
@media (max-width: 767px) {
  .header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0061a0;
  }
}
.header .navbar-expand {
  font-size: 120%;
}
@media (min-width: 992px) {
  .header .navbar-expand {
    padding-top: 38px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header .navbar-expand {
    padding-top: 10px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header .navbar-expand {
    /*CONDENSES MENU ITEMS IN MD SIZE*/
  }
  .header .navbar-expand .nav > li > a {
    padding: 10px 10px;
  }
}
.header .active-menu {
  text-decoration: underline;
}

.footer {
  background-color: #0061a0;
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
  padding-top: 25px;
  padding-bottom: 25px;
}
.footer :link, .footer :active, .footer :hover {
  color: #ffffff;
}
.footer .social-media {
  text-align: center;
}
.footer .social-media svg {
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
  width: 100%;
  max-width: 60px;
}
.footer .social-media svg :link, .footer .social-media svg :active, .footer .social-media svg :hover {
  color: #ffffff;
}
.footer .small {
  font-size: 75%;
}
.footer .links a {
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
  text-decoration: none;
  font-weight: 300;
}
.footer .links a :link, .footer .links a :active, .footer .links a :hover {
  color: #ffffff;
}
.footer .links > div > div {
  margin-bottom: 8px;
}

div.quote-nav {
  position: relative;
  display: inline-block;
}
div.quote-nav button.quote-nav {
  position: absolute;
  display: block;
  top: 40%;
  z-index: 2;
  background-color: transparent;
  border: none;
}
div.quote-nav button.quote-nav.left {
  left: -2rem;
}
div.quote-nav button.quote-nav.right {
  right: -2rem;
}

.card.solutions {
  border-radius: 0;
  border: none;
}
.card.solutions h5 {
  font-weight: 700;
  font-size: 1.4rem;
}
.card.solutions p {
  font-size: 1.2rem;
}

button.arrow {
  background-color: transparent;
  border: none;
  display: inline-block;
}

.specialism li {
  font-size: 1.5rem;
}

.cost-panel {
  margin-bottom: 1rem;
}
.cost-panel .white-card {
  height: 100%;
}
.cost-panel div.head-block {
  /*min-height: 164px;*/
}
.cost-panel div.head-block p {
  margin-bottom: 0;
}
.cost-panel div.head-block p.title {
  font-size: 2.5rem;
  font-weight: 900;
}
.cost-panel div.head-block p.name {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: -0.9rem;
  min-height: 87px;
}
.cost-panel div.head-block p.description {
  font-size: 1.4rem;
  margin-top: 1rem;
  min-height: 77px;
}
.cost-panel div.head-block p.price {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.cost-panel p.incs {
  font-size: 1.6rem;
}
.cost-panel ul.incs li {
  margin-bottom: 4px;
}
.cost-panel ul.feats {
  column-count: 1;
  margin-top: 1rem;
}
.cost-panel ul.feats2 {
  column-count: 2;
  margin-top: 1rem;
}
.cost-panel ul.feats3 {
  column-count: 3;
  margin-top: 1rem;
}

ul.dashed {
  list-style-type: none;
}

ul.dashed > li {
  text-indent: -15px;
}

ul.dashed > li:before {
  content: "- ";
  text-indent: -15px;
}

#testimonials p.quote {
  font-size: 1.8rem;
}

.blog-header {
  background-image: linear-gradient(to bottom, rgba(149, 203, 231, 0), rgba(0, 0, 0, 0.6)), url("../refresh2022-01/assets/blog-header.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.blog-header div.heading-text {
  text-align: left;
  max-width: 1320px;
  margin: auto;
  top: 50%;
  left: 0;
  bottom: unset;
  right: 0;
  transform: translateY(-50%);
}
.blog-header div.heading-text h1 {
  font-weight: 800;
  display: inline-block;
  padding: 0.4rem 0.1rem;
  text-shadow: #444 0 0 8px;
  margin-bottom: 0.2rem;
  color: #fff !important;
}
@media (min-width: 1770px) {
  .blog-header div.heading-text h1 {
    font-size: 3.95rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  .blog-header div.heading-text h1 {
    font-size: 2.9rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  .blog-header div.heading-text h1 {
    font-size: 2.9rem;
  }
}
@media (min-width: 660px) and (max-width: 899px) {
  .blog-header div.heading-text h1 {
    font-size: 1.9rem;
  }
}
@media (max-width: 659px) {
  .blog-header div.heading-text h1 {
    font-size: 1.4rem;
  }
}
.blog-header div.heading-text h1 span {
  padding: 0.4rem 0.1rem;
  display: inline-block;
}
.blog-header div.heading-text h1.blue, .blog-header div.heading-text span.blue {
  background-color: #0061a0;
}
.blog-header div.heading-text h1.red, .blog-header div.heading-text span.red {
  background-color: #ce0058;
}
.blog-header div.heading-text h2 {
  font-weight: 300;
  margin-bottom: 2rem;
  color: #fff;
}
@media (min-width: 1770px) {
  .blog-header div.heading-text h2 {
    font-size: 3.3rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  .blog-header div.heading-text h2 {
    font-size: 2.7rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  .blog-header div.heading-text h2 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 550px) and (max-width: 899px) {
  .blog-header div.heading-text h2 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 549px) {
  .blog-header div.heading-text h2 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}
.blog-header div.heading-text h3 {
  font-weight: 700;
  margin-bottom: 2.5rem;
  color: #fff;
}
@media (min-width: 1770px) {
  .blog-header div.heading-text h3 {
    font-size: 2rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  .blog-header div.heading-text h3 {
    font-size: 1.7rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  .blog-header div.heading-text h3 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 580px) and (max-width: 899px) {
  .blog-header div.heading-text h3 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 579px) {
  .blog-header div.heading-text h3 {
    display: none;
  }
}
@media (max-width: 1100px) {
  .blog-header div.heading-text a[type=button] {
    display: none;
  }
}

.blog-thumb {
  padding: 1rem;
}
.blog-thumb div {
  padding: 1rem;
  height: 320px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
.blog-thumb div .btn {
  position: absolute;
  bottom: 1rem;
}
.blog-thumb h1, .blog-thumb p {
  color: #fff !important;
}
.blog-thumb h1 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.publish-header {
  padding: 2rem 0;
}

.blog-entry h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.blog-entry .tip-quote {
  text-align: center;
  padding: 3rem;
}
.blog-entry .tip-quote h3 {
  color: #0061a0;
}
.blog-entry .tip-quote p {
  font-size: 1.3rem;
  font-style: italic;
}
.blog-entry div.cta {
  color: white;
  text-align: center;
}
.blog-entry div.cta a, .blog-entry div.cta button {
  color: white;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
}
.blog-entry div.cta a :hover, .blog-entry div.cta button :hover {
  color: white;
}
.blog-entry div.cta.blue {
  background-color: #0061a0;
}
.blog-entry div.cta.red {
  background-color: #ce0058;
}

.phones-matrix .click-area {
  cursor: pointer;
}
.phones-matrix .summary-block {
  padding: 1rem;
  margin-top: 1rem;
  font-size: 1.1rem;
  height: 8rem;
  background-color: #0061a0;
  color: #ffffff;
}
.phones-matrix .summary-block ul li {
  list-style-type: none;
  padding: 0 0.5rem;
}

@media (max-width: 580px) {
  html {
    font-size: 12px;
  }
}

@media (max-width: 580px) {
  .body-wrapper {
    overflow-x: hidden;
  }
}

@media (max-width: 580px) {
  .body-wrapper {
    position: relative;
  }
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

#header {
  z-index: 10;
  position: relative;
}

#sticky-bar {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  z-index: 9;
  opacity: 1;
}
#sticky-bar .contact-number {
  background-color: #ce0058;
  color: #ffffff;
  font-size: 2rem;
}
@media (max-width: 1000px) {
  #sticky-bar .contact-number {
    font-size: 1.3rem;
  }
}
#sticky-bar.sticky-hide {
  opacity: 0;
}

.dull {
  color: #5397e0;
}

.footer-address {
  font-size: 0.9rem;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .font-reduce-xl {
    font-size: 80%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .font-reduce-lg {
    font-size: 80%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .font-reduce-md {
    font-size: 80%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .font-reduce-sm {
    font-size: 80%;
  }
}

@media (max-width: 576px) {
  .font-reduce-xs {
    font-size: 80%;
  }
}

.row.red-jumbo {
  background-color: #ce0058;
  color: #ffffff;
}
.row.red-jumbo p {
  font-size: 2rem;
  font-weight: 600;
}

.red-block {
  background-color: #ce0058;
  color: #ffffff;
  padding: 1.5rem;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

#trusted-by-many .card-body, #voip-sorted .card-body {
  min-height: 190px;
}

.squiggle-tag {
  background-repeat: no-repeat;
  background-size: 12rem;
  padding: 3.5rem 4rem 1rem 4rem;
}
.squiggle-tag.top-left {
  background-position-x: left;
}
.squiggle-tag.top-left.blue {
  background-image: url("../refresh2022-01/assets/corner-top-left-blue.svg");
}
.squiggle-tag.top-left.red {
  background-image: url("../refresh2022-01/assets/corner-top-left-red.svg");
}
.squiggle-tag.top-right {
  background-position-x: right;
}
.squiggle-tag.top-right.blue {
  background-image: url("../refresh2022-01/assets/corner-top-right-blue.svg");
}
.squiggle-tag.top-right.red {
  background-image: url("../refresh2022-01/assets/corner-top-right-red.svg");
}
.squiggle-tag.no-squiggle {
  background-image: none;
}

.quote-tag {
  background-repeat: no-repeat;
  background-size: 5rem;
  padding: 4.5rem 1rem 1rem 3rem;
  background-image: url("../refresh2022-01/assets/quote-tag.svg");
}

h1.red, h2.red, h3.red, h4.red, h5.red {
  color: #ce0058;
}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {
  color: #0061a0;
}

#legal h1 {
  color: #ce0058;
}

h1 {
  font-weight: 800;
  margin-bottom: 2rem;
  font-size: 3.3333rem;
}
@media (max-width: 580px) {
  h1 {
    font-size: 2.6rem;
  }
}

h2 {
  font-weight: 800;
  margin-bottom: 0.3rem;
  font-size: 1.5rem;
}

h4 {
  font-weight: 800;
  margin-bottom: 2rem;
  font-size: 3.33333rem;
}
@media (max-width: 580px) {
  h4 {
    font-size: 2.6rem;
  }
}

p {
  margin-bottom: 1.6rem;
}

p, ul li {
  font-weight: 300;
  font-size: 1.16666rem;
}
p.blue, p span.blue, ul li.blue, ul li span.blue {
  color: #0061a0;
}
p.red, p span.red, ul li.red, ul li span.red {
  color: #ce0058;
}
p.bold, p span.bold, ul li.bold, ul li span.bold {
  font-weight: 700;
}
p.chunky, p span.chunky, ul li.chunky, ul li span.chunky {
  font-weight: 900;
}
p.quote, ul li.quote {
  font-size: 2.2rem;
}
@media (max-width: 684px) {
  p.quote, ul li.quote {
    font-size: 1.6rem;
  }
}
p.cap-block, ul li.cap-block {
  text-transform: uppercase;
  display: inline-block;
  font-weight: 800;
  font-size: 2.5rem;
  text-align: center;
}
p.cap-block.blue, ul li.cap-block.blue {
  background-color: #0061a0;
  color: #ffffff;
}
p.cap-block.red, ul li.cap-block.red {
  background-color: #ce0058;
  color: #ffffff;
}
p.highlight-block, ul li.highlight-block {
  display: inline-block;
  font-size: 1.5rem;
  text-align: center;
  padding: 1rem;
  margin: 1rem 0;
}
p.highlight-block.blue, ul li.highlight-block.blue {
  background-color: #0061a0;
  color: #ffffff;
}
p.highlight-block.red, ul li.highlight-block.red {
  background-color: #ce0058;
  color: #ffffff;
}
p span.highlight, ul li span.highlight {
  color: #ce0058;
  font-weight: 700;
}
p.small-print, ul li.small-print {
  font-size: 1.1rem;
  font-weight: 400;
}

.offwhite-background {
  background-color: #edf1f4;
}

.lightpink-background {
  background-color: #ce0058;
}

.background-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.white-card {
  background-color: #fff;
}

.grecaptcha-badge {
  visibility: hidden;
}

.cursor-pointer {
  cursor: pointer;
}

#contact-form h2 {
  color: #fff;
  font-weight: 300;
  margin-bottom: 1rem;
  font-size: 2.7rem;
}

#cta-carousel .carousel-caption, .contact-form-header {
  text-align: left;
  max-width: 1320px;
  margin: auto;
  top: 50%;
  left: 0;
  bottom: unset;
  right: 0;
  transform: translateY(-50%);
}
#cta-carousel .carousel-caption h1, .contact-form-header h1 {
  font-weight: 800;
  display: inline-block;
  padding: 0.4rem 0.1rem;
  text-shadow: #444 0 0 8px;
  margin-bottom: 0.2rem;
  color: #fff !important;
}
@media (min-width: 1770px) {
  #cta-carousel .carousel-caption h1, .contact-form-header h1 {
    font-size: 4.45rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  #cta-carousel .carousel-caption h1, .contact-form-header h1 {
    font-size: 3.4rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  #cta-carousel .carousel-caption h1, .contact-form-header h1 {
    font-size: 3.4rem;
  }
}
@media (min-width: 660px) and (max-width: 899px) {
  #cta-carousel .carousel-caption h1, .contact-form-header h1 {
    font-size: 2.4rem;
  }
}
@media (max-width: 659px) {
  #cta-carousel .carousel-caption h1, .contact-form-header h1 {
    font-size: 1.9rem;
  }
}
#cta-carousel .carousel-caption h1 span, .contact-form-header h1 span {
  padding: 0.4rem 0.1rem;
  display: inline-block;
}
#cta-carousel .carousel-caption h1.blue, #cta-carousel .carousel-caption span.blue, .contact-form-header h1.blue, .contact-form-header span.blue {
  background-color: #0061a0;
}
#cta-carousel .carousel-caption h1.red, #cta-carousel .carousel-caption span.red, .contact-form-header h1.red, .contact-form-header span.red {
  background-color: #ce0058;
}
#cta-carousel .carousel-caption h2, .contact-form-header h2 {
  font-weight: 300;
  margin-bottom: 2rem;
  color: #fff;
}
@media (min-width: 1770px) {
  #cta-carousel .carousel-caption h2, .contact-form-header h2 {
    font-size: 3.3rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  #cta-carousel .carousel-caption h2, .contact-form-header h2 {
    font-size: 2.7rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  #cta-carousel .carousel-caption h2, .contact-form-header h2 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 550px) and (max-width: 899px) {
  #cta-carousel .carousel-caption h2, .contact-form-header h2 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
  }
}
@media (max-width: 549px) {
  #cta-carousel .carousel-caption h2, .contact-form-header h2 {
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: 500;
  }
}
#cta-carousel .carousel-caption h3, .contact-form-header h3 {
  font-weight: 700;
  margin-bottom: 2.5rem;
  color: #fff;
}
@media (min-width: 1770px) {
  #cta-carousel .carousel-caption h3, .contact-form-header h3 {
    font-size: 2rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  #cta-carousel .carousel-caption h3, .contact-form-header h3 {
    font-size: 1.7rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  #cta-carousel .carousel-caption h3, .contact-form-header h3 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 580px) and (max-width: 899px) {
  #cta-carousel .carousel-caption h3, .contact-form-header h3 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 579px) {
  #cta-carousel .carousel-caption h3, .contact-form-header h3 {
    display: none;
  }
}
@media (max-width: 1100px) {
  #cta-carousel .carousel-caption a.btn, #cta-carousel .carousel-caption button.btn, .contact-form-header a.btn, .contact-form-header button.btn {
    display: none;
  }
}

.fixed-header {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fixed-header > div {
  padding: 3rem 1rem;
}
.fixed-header h1.blue, .fixed-header span.blue {
  background-color: #0061a0;
}
.fixed-header h1.red, .fixed-header span.red {
  background-color: #ce0058;
}
.fixed-header h1.whitebg, .fixed-header span.whitebg {
  background-color: #fff;
  color: #0061a0;
}
.fixed-header h1 {
  font-weight: 800;
  display: inline-block;
  padding: 0.4rem 0.1rem;
  text-shadow: #444 0 0 8px;
  margin-bottom: 0.2rem;
  color: #fff !important;
}
@media (min-width: 1770px) {
  .fixed-header h1 {
    font-size: 4.45rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  .fixed-header h1 {
    font-size: 3.4rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  .fixed-header h1 {
    font-size: 3.4rem;
  }
}
@media (min-width: 660px) and (max-width: 899px) {
  .fixed-header h1 {
    font-size: 2.4rem;
  }
}
@media (max-width: 659px) {
  .fixed-header h1 {
    font-size: 1.9rem;
  }
}
.fixed-header h1 span {
  padding: 0.4rem 0.1rem;
  display: inline-block;
}
.fixed-header h2 {
  font-weight: 300;
  margin-bottom: 2rem;
  color: #fff;
}
@media (min-width: 1770px) {
  .fixed-header h2 {
    font-size: 3.3rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  .fixed-header h2 {
    font-size: 2.7rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  .fixed-header h2 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 550px) and (max-width: 899px) {
  .fixed-header h2 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
  }
}
@media (max-width: 549px) {
  .fixed-header h2 {
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: 500;
  }
}
.fixed-header h3 {
  font-weight: 700;
  margin-bottom: 2.5rem;
  color: #fff;
}
@media (min-width: 1770px) {
  .fixed-header h3 {
    font-size: 2rem;
  }
}
@media (min-width: 1400px) and (max-width: 1770px) {
  .fixed-header h3 {
    font-size: 1.7rem;
  }
}
@media (min-width: 900px) and (max-width: 1399px) {
  .fixed-header h3 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 580px) and (max-width: 899px) {
  .fixed-header h3 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 579px) {
  .fixed-header h3 {
    display: none;
  }
}
.fixed-header h3 span.bluebg {
  background-color: #0061a0;
  color: #fff;
  line-height: 2.7rem;
}
@media (max-width: 1100px) {
  .fixed-header a.btn, .fixed-header button.btn {
    display: none;
  }
}

ul.list-group.info-table li.list-group-item:first-child {
  background-color: #0061a0;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 2rem;
  text-align: center;
}
ul.list-group.info-table li.list-group-item {
  border-width: 3px;
  border-color: #0061a0;
  border-top-width: 0;
}
ul.list-group.info-table img {
  max-height: 120px;
  margin: 0.8rem;
}
ul.list-group.info-table p {
  margin: 0;
  font-size: 1.6rem;
}

.glide button.carousel-control {
  position: absolute;
  display: block;
  top: 35%;
  z-index: 2;
  background-color: transparent;
  border: none;
}
.glide button.carousel-control.left {
  left: -2rem;
}
.glide button.carousel-control.right {
  right: -2rem;
}

#contact-centre-technology .feature-block .title span {
  background-color: #edf1f4;
}

.block-frame {
  border: solid 1.3rem #ce0058;
  padding: 2.2rem 1.2rem 1.5rem 1.2rem;
}
.block-frame > div:first-child {
  margin-top: -4.5rem;
  margin-left: 0.2rem;
}
.block-frame > div:first-child span {
  color: #ce0058;
  font-size: 2rem;
  font-weight: 800;
}
.block-frame .col.img, .block-frame .col.caption {
  background-color: #0061a0;
  color: #ffffff;
  height: 150px;
  overflow: hidden;
}
.block-frame .col.caption div {
  font-size: 1.5rem;
  font-weight: 800;
  border-left: solid 3px white;
  height: 110px;
}

a.arrow {
  text-decoration: none !important;
}
/*# sourceMappingURL=sitev2.css.map */