@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../../kb/wp-content/themes/uwh/webfonts/pe0qMImSLYBIv1o4X1M8cce9I9tAcVwo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../../kb/wp-content/themes/uwh/webfonts/pe03MImSLYBIv1o4X1M8cc8GBs5tU1ECVZl_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
html {
  scroll-behavior: smooth
}
body {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  line-height: 1.5
}
h3 {
  display: block !important;
  font-size: 1.17em !important;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-weight: 700 !important
}
h4 {
  display: block !important;
  font-size: 1.08em !important;
  margin-top: 1.33em !important;
  margin-bottom: 1.33em !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-weight: 700 !important
}
:root {
  --xxl-container-width: 1300px;
  --bg-grey: #f8f9fa;
  --bg-planbox: #e9ecef;
  --bg-black: #181818;
  --color-link: #0056b3
}
html {
  scroll-behavior: smooth
}
body {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-size: clamp(1rem, 1.6vw, 1.125rem);
  margin-top: 74px
}
.sticky-top {
  top: 74px !important
}
.btn-link, a {
  color: var(--color-link)
}
.packages .card, .rounded-xxl {
  border-radius: 15px
}
.rounded-left-xxl {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important
}
.rounded-right-xxl {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important
}
.rounded-top-xxl {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important
}
.rounded-bottom-xxl {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important
}
@media (min-width:1440px) {
  .container {
    max-width: var(--xxl-container-width) !important
  }
  .h2, h2 {
    font-size: 2.5rem;
    font-weight: 700
  }
  .lead {
    font-size: 1.3rem
  }
}
.bg-black, footer, header {
  background-color: var(--bg-black)
}
header .navbar .nav-link {
  font-size: .875rem
}
header .navbar .navbar-nav .dropdown-menu .container {
  padding: 0
}
header .navbar .navbar-nav .dropdown-menu {
  border: 0;
  background-color: transparent;
  padding: 0
}
header .navbar .navbar-nav .dropdown-menu .dropdown-item {
  padding: .5rem 0;
  color: #fff;
  margin: 0
}
header .navbar .navbar-nav .nav-item.show .nav-link {
  background-color: rgba(0, 0, 0, .5);
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
  border-radius: .25rem
}
@media (min-width:992px) {
  header .navbar .dropdown:after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .25);
    pointer-events: none
  }
  header .navbar .dropdown.show .nav-link {
    position: relative;
    z-index: 12
  }
  header .navbar .dropdown.show:after {
    z-index: 1030;
    opacity: 1;
    visibility: visible;
    position: fixed
  }
  header .navbar .navbar-nav .dropdown-menu {
    background-color: #fff;
    z-index: 1035;
    width: 25rem
  }
  header .navbar .navbar-nav .dropdown-menu .container {
    padding: 15px
  }
  header .navbar .navbar-nav .nav-item.show .nav-link {
    background-color: transparent;
    margin-left: inherit;
    margin-right: inherit;
    padding-right: .5rem;
    padding-left: .5rem;
    margin-bottom: inherit;
    border-radius: inherit
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item {
    width: 100%;
    white-space: normal;
    color: #212529;
    padding: 15px;
    margin-bottom: 1.5rem;
    border-radius: 15px !important
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item:last-child {
    margin-bottom: 0
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: var(--bg-grey) !important;
    border-radius: 15px !important
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item .icon {
    font-size: 1.5em
  }
  header .navbar .navbar-nav .dropdown-menu .dropdown-item .small {
    font-size: .9em
  }
}
footer hr {
  background: linear-gradient(to right, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5), rgba(255, 255, 255, .1));
  height: 1px
}
.icon, .tld {
  display: inline-flex;
  align-self: center;
  font-size: 1em
}
.icon img, .icon svg {
  height: 1em;
  width: 1em;
  fill: currentColor;
  top: .125em;
  position: relative
}
.tld img {
  height: 1rem;
  top: .125em;
  margin-bottom: .5rem;
  position: relative
}
.products .icon svg {
  top: auto !important
}
.icon-2x {
  font-size: 2em
}
.icon-3x {
  font-size: 3em
}
.icon-4x {
  font-size: 4em
}
.icon-5x {
  font-size: 5em
}
.sticky-top {
  top: -1px
}
.sticky-nav {
  font-size: .95rem
}
.sticky-nav .nav-pills .nav-link {
  border-radius: 15px
}
.sticky-nav .nav-pills .nav-link.active {
  color: #fff !important;
  background-color: var(--bg-black) !important
}
.sticky-nav .nav-pills .nav-link:hover {
  background-color: var(--bg-grey);
  color: inherit
}
.loaded {
  animation-name: loaded-fade;
  animation-duration: .3s
}
@keyframes loaded-fade {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.alert-cookies {
  background-color: #121212
}
footer, header {
  background-color: #121212
}
header .navbar .nav-link {
  font-size: .875rem
}
@media (min-width:992px) {
  header .navbar .dropdown:after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .25);
    pointer-events: none
  }
  header .navbar .dropdown.show .nav-link {
    position: relative;
    z-index: 12
  }
  header .navbar .dropdown.show:after {
    z-index: 11;
    opacity: 1;
    visibility: visible;
    position: fixed
  }
}
footer .bottom-box {
  background: rgba(0, 0, 0, .2)
}
section.jumbotron {
  padding: 0;
  margin: 0
}
section.jumbotron .h1 {
  font-size: 2rem;
  font-weight: 700
}
section.jumbotron .lead {
  font-size: 1.25rem;
  font-weight: 400
}
section.jumbotron .hero-polygon {
  clip-path: polygon(1800px 0, 100% 0, 100% 100%, .3% 100%);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%
}
section.jumbotron .hero-trustpilot, section.jumbotron .hero-trustpilot-right {
  min-width: 280px
}
section.jumbotron .hero-trustpilot .trustpilot-logo, section.jumbotron .hero-trustpilot-right .trustpilot-logo {
  max-width: 140px;
  margin-bottom: 8px
}
section.jumbotron .hero-trustpilot .trustpilot-stars, section.jumbotron .hero-trustpilot-right .trustpilot-stars {
  max-width: 240px;
  margin-bottom: 8px
}
section.jumbotron .hero-trustpilot .trustpilot-score, section.jumbotron .hero-trustpilot-right .trustpilot-score {
  font-size: 14px
}
@media (min-width:768px) {
  section.jumbotron .h1 {
    font-size: 2.5rem;
    font-weight: 700
  }
  section.jumbotron li {
    font-size: 1.15rem
  }
  section.jumbotron .btn-lg {
    font-size: 1.2rem;
    padding: .9rem
  }
  section.jumbotron .hero-polygon {
    clip-path: polygon(2500px 0, 100% 0, 100% 100%, .3% 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
  }
  section.jumbotron .hero-trustpilot {
    bottom: 0;
    left: -30px;
    z-index: 10;
    transform: scale(.8, .8)
  }
  section.jumbotron .hero-trustpilot-right {
    bottom: 0;
    right: 0;
    z-index: 10;
    transform: scale(.8, .8)
  }
}
@media (min-width:992px) {
  section.jumbotron .hero-polygon {
    clip-path: polygon(310px 0, 100% 0, 100% 100%, .3% 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 33%
  }
  section.jumbotron .h1 {
    font-size: 2.5rem
  }
  section.jumbotron .lead {
    font-size: 1.4rem
  }
  section.jumbotron .hero-trustpilot {
    bottom: 20px;
    left: -15px;
    z-index: 10;
    transform: scale(1, 1)
  }
  section.jumbotron .hero-trustpilot-right {
    bottom: -30px;
    right: 0;
    z-index: 10;
    transform: scale(.8, .8)
  }
}
@media (min-width:1200px) {
  section.jumbotron .h1 {
    font-size: 3rem
  }
  section.jumbotron .lead, section.jumbotron li {
    font-size: 1.25rem
  }
  section.jumbotron .hero-trustpilot {
    bottom: 1rem;
    left: 0;
    z-index: 10;
    transform: scale(1, 1)
  }
  section.jumbotron .hero-trustpilot-right {
    bottom: 0;
    right: 30px;
    z-index: 10;
    transform: scale(1, 1)
  }
}
.bg-herotrans {
  background: rgba(0, 0, 0, .075)
}
.bg-offer {
  background: rgba(255, 255, 255, .25)
}
.bg-lighterblue {
  background: #008cca
}
.bg-oceanblue2 {
  background: linear-gradient(to right, #003f88, #00509d), #003f88 !important
}
.bg-oceanblue {
  background: linear-gradient(to right, rgba(46, 49, 146, 1), rgba(27, 255, 255, .75)), #2e3192 !important;
  background-color: #2e3192;
  background-size: 200% 100%
}
.bg-victoriapurple {
  background: linear-gradient(to right, rgba(49, 42, 108, 1), rgba(133, 45, 145, 1)) !important;
  background-color: #312a6c;
  background-size: 150% 100%
}
.text-victoriapurple {
  background: linear-gradient(to right, rgba(49, 42, 108, 1), rgba(133, 45, 145, 1));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block
}
.bg-purplelake {
  background: linear-gradient(to right, rgba(102, 45, 140, 1), rgba(237, 30, 121, 1)) !important;
  background-color: #662d8c;
  background-size: 200% 100%;
  background-position: center center
}
.bg-wordpress {
  background: linear-gradient(to right, rgba(0, 160, 210, 1), rgba(0, 113, 186, 1)) !important;
  background-color: #00a0d2;
  background-size: 150% 100%
}
.bg-domains {
  background: linear-gradient(to right, rgba(14, 92, 173, 1), rgba(121, 241, 164, 1)) !important;
  background-color: #0e5cad;
  background-size: 150% 100%
}
.bg-dedicloud {
  background: linear-gradient(to right, rgba(3, 79, 135, 1), rgba(0, 184, 214, 1)) !important;
  background-color: #0e5cad;
  background-size: 150% 100%
}
.bg-ssl {
  background: linear-gradient(to right, rgba(51, 102, 153, 1), rgba(102, 51, 153, 1)) !important;
  background-color: #639;
  background-size: 150% 100%
}
.bg-pleskhosting {
  background: linear-gradient(to right, rgba(19, 126, 160, 1), rgba(83, 188, 230, 1)) !important;
  background-color: #53bce6;
  background-size: 150% 100%
}
.bg-green-web-hosting {
  background: linear-gradient(to bottom right, #00795b, #054534);
  background-size: 150% 100%
}
.bg-green-web-hosting-solid {
  background-color: #054534
}
.bg-grey {
  background-color: var(--bg-grey)
}
.bg-planbox {
  background-color: var(--bg-planbox) !important
}
.bg-green {
  background-color: #82b80f
}
.bg-cpanel {
  background-color: #ff6c2c
}
.bg-plesk {
  background-color: #53bce6
}
.bg-red {
  background-color: #e02130
}
.bg-highlight {
  background-color: #e8faec
}
section.breadcrumbs {
  background-color: #141414
}
section.blog .card {
  transition: all .2s ease-in-out
}
section.blog .card:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  transition: all .2s ease-in-out
}
.btn-custom {
  border: 1px solid rgba(0, 0, 0, .05) !important;
  border-bottom: 3px solid rgba(0, 0, 0, .05) !important;
  background-origin: border-box !important;
  transition: all .2s ease-in-out
}
.btn-custom:hover {
  transition: all .2s ease-in-out
}
.stretched-link-block {
  transform: rotate(0)
}
.bg-grey {
  background-color: #e9e9e9
}
.bg-highlight {
  background-color: #e8faec
}
.icon, .tld {
  display: inline-flex;
  align-self: center;
  font-size: 1em
}
.icon img, .icon svg {
  height: 1em;
  width: 1em;
  fill: currentColor;
  top: .125em;
  position: relative
}
.tld img {
  height: 1rem;
  top: .125em;
  margin-bottom: .5rem;
  position: relative
}
.icon-2x {
  font-size: 2em
}
.icon-3x {
  font-size: 3em
}
.icon-4x {
  font-size: 4em
}
.icon-5x {
  font-size: 5em
}
.wp-block-image {
  padding: 1.25rem;
  margin-bottom: 1rem !important;
  margin-top: 1rem !important
}
.wp-block-image img {
  max-width: 100% !important;
  height: auto !important;
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem
}
.wp-block-image figcaption {
  text-transform: uppercase;
  font-size: .75rem;
  color: #6c757d !important
}
.on-hover {
  position: relative;
  margin: 0 auto;
  max-width: 400px
}
.on-hover img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}
.on-hover .img-primary {
  z-index: 9999;
  transition: opacity .5s linear;
  cursor: pointer
}
.on-hover:hover > .img-primary {
  opacity: 0
}
.kb-alert {
  border-radius: 0 0 .25rem .25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  margin-top: .5rem;
  margin-bottom: .5rem
}
.kb-alert-link {
  font-weight: 700
}
.kb-alert-link:hover:after {
  transform: translate(.6px, -1.2px)
}
.kb-alert-link::after {
  content: url(../../../../../www.unlimitedwebhosting.co.uk/assets/svg/regular/external-link.svg);
  display: inline-block;
  padding: 1px 1px 1px 1px;
  margin-left: 4px;
  width: 18px;
  height: 18px
}
.kb-alert-icon {
  width: .8em;
  height: .8em;
  vertical-align: -.125em;
  overflow: visible !important;
  fill: currentcolor
}
.kb-alert-primary {
  background-color: #d1ecf1;
  border-top: 3px solid #0c5460;
  color: #0c5460
}
.kb-alert-primary hr {
  border-top-color: #9fcdff
}
.kb-alert-primary .alert-link {
  color: #002752
}
.kb-alert-info {
  background-color: #d1ecf1;
  border-top: 3px solid #0c5460;
  color: #0c5460
}
.kb-alert-info hr {
  border-top-color: #abdde5
}
.kb-alert-info .alert-link {
  color: #062c33
}
.kb-alert-warning {
  background-color: #fff3cd;
  border-top: 4px solid #856404;
  color: #856404
}
.kb-alert-warning hr {
  border-top-color: #ffe8a1
}
.kb-alert-warning .alert-link {
  color: #533f03
}
nav[data-toggle=toc] {
  top: 42px
}
@media (max-width:768px) {
  nav[data-toggle=toc] {
    margin-bottom: 42px;
    position: static
  }
  nav[data-toggle=toc] .nav .active .nav {
    display: none
  }
}