/*Hero Banner Begins*/
main #smart-monitor h1.hygiplas-logo {
  font-size: 1.4em;
}
@media (min-width: 640px) {
  main #smart-monitor h1.hygiplas-logo {
    font-size: 2em;
    line-height: 0.66em;
  }
}
main .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
main .hygiplas-logo {
  width: 204px;
  height: auto;
  background-image: url("https://media.nisbets.com/static/content/logos/logo_hygiplas_2.svg");
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 640px) {
  main .hygiplas-logo {
    width: 282px;
  }
}
main div.hero-banner.hb-split .hb-image {
  background-image: url("https://media.nisbets.com/cdn-cgi/image/w=425,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/hygipas_smarttemp_tb.jpg");
}
@media (min-width: 768px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=502,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/hygipas_smarttemp_tb.jpg");
  }
}
@media (min-width: 1024px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/hygipas_smarttemp_tb.jpg");
  }
}
@media (min-width: 1280px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/hygipas_smarttemp_tb.jpg");
  }
}
main div.hero-banner.hb-split .hb-image .stock-message::after {
  border-color: #f2243f;
}

/*Hero Banner Ends*/
/*Anchor Nav Begins*/
#smart-monitor ul.mini-nav {
  text-align: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  font-size: 1em;
}
#smart-monitor ul.mini-nav > li {
  display: inline;
  padding: 0 14px;
  border-left: 1px solid #32374b;
}
#smart-monitor ul.mini-nav > li:last-of-type {
  border-right: 1px solid #32374b;
}
#smart-monitor ul.mini-nav > li > a {
  text-decoration: underline;
}
@media (min-width: 425px) {
  #smart-monitor ul.mini-nav > li {
    padding: 0 20px;
  }
}

/*Anchor Nav Ends*/
/*Strip Banner Begins*/
.strip-banner {
  background-color: #00b17e;
  padding: 10px;
  margin-top: 40px;
  color: #ffffff;
  text-align: center;
}
.strip-banner p {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0;
}
.strip-banner p.title {
  font-size: 1.4em;
  line-height: 1em;
}
@media (min-width: 640px) {
  .strip-banner p.title {
    font-size: 1.5em;
  }
}

/*Strip Banner Ends*/
/*Cards Begins*/
#smart-monitor .card {
  background-color: rgba(50, 55, 75, 0.05);
  -webkit-box-shadow: 2px 2px 5px rgba(50, 55, 75, 0.35);
          box-shadow: 2px 2px 5px rgba(50, 55, 75, 0.35);
}
#smart-monitor .card-large {
  padding: 15px 10px 20px;
  border-radius: 20px;
}
@media (min-width: 1280px) {
  #smart-monitor .card-large {
    padding: 20px 20px 30px;
  }
}
#smart-monitor .card-large img {
  width: 100%;
  height: auto;
  max-width: 90px;
  max-height: 80px;
  margin: 0 auto 10px;
}
@media (min-width: 1280px) {
  #smart-monitor .card-large img {
    max-width: 115px;
    max-height: 100px;
    margin: 0 auto 20px;
  }
}
#smart-monitor .card-large h3 {
  color: #32374b;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
@media (min-width: 1280px) {
  #smart-monitor .card-large h3 {
    font-size: 1.25em;
  }
}
#smart-monitor .card-small {
  padding: 20px 20px 30px;
  border-radius: 20px;
}
#smart-monitor .card-small img {
  width: 100%;
  height: auto;
  max-width: 90px;
  max-height: 65px;
  margin: 0 auto 20px;
}
#smart-monitor .card-small h3 {
  color: #32374b;
  font-size: 1em;
  line-height: 1.2em;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
#smart-monitor .card-plan {
  padding: 20px;
  border-radius: 20px;
}
#smart-monitor .card-plan h3 {
  color: #f2243f;
  font-size: 1.4em;
  line-height: 1.2em;
  font-weight: 800;
  padding: 0 0 10px;
  margin: 0;
  text-transform: uppercase;
  text-decoration: underline;
}
#smart-monitor .card-plan p {
  font-weight: 700;
}
#smart-monitor .card-photo {
  border-radius: 10px;
  overflow: hidden;
}

/*Cards Ends*/
/*Video Banner Begins*/
#smart-monitor .vid-block-container h3 {
  font-size: 1.25em;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}
#smart-monitor .vid-ban {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px rgba(50, 55, 75, 0.25);
          box-shadow: 0 3px 6px rgba(50, 55, 75, 0.25);
  height: 135px;
}
@media (min-width: 768px) {
  #smart-monitor .vid-ban {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 220px;
  }
}
@media (min-width: 1024px) {
  #smart-monitor .vid-ban {
    height: 348px;
  }
}
#smart-monitor .vid-ban-smarttemp {
  background-image: url("https://media.nisbets.com/cdn-cgi/image/w=280,h=135,q=75,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/smarttemp_video_still.jpg");
}
@media (min-width: 768px) {
  #smart-monitor .vid-ban-smarttemp {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=354,h=220,q=75,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/smarttemp_video_still.jpg");
  }
}
@media (min-width: 1024px) {
  #smart-monitor .vid-ban-smarttemp {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=231,h=168,q=75,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/smarttemp_video_still.jpg");
  }
}
@media (min-width: 1280px) {
  #smart-monitor .vid-ban-smarttemp {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=295,h=168,q=75,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/hygiplas_smarttemp/assets/images/smarttemp_video_still.jpg");
  }
}
#smart-monitor .vid-ban-overlay {
  text-align: center;
  width: calc(100% - 20px);
  height: 135px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  padding: 10px;
}
@media (min-width: 768px) {
  #smart-monitor .vid-ban-overlay {
    height: 220px;
  }
}
@media (min-width: 1024px) {
  #smart-monitor .vid-ban-overlay {
    height: 348px;
  }
}
#smart-monitor .vid-ban-overlay .video-btn {
  position: relative;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#smart-monitor .vid-ban-overlay .video-btn-image {
  max-width: 70px;
}
@media (min-width: 1024px) {
  #smart-monitor .vid-ban-overlay .video-btn-image {
    max-width: 98px;
  }
}
#smart-monitor .vid-ban-overlay .video-btn span.cta {
  font-size: 1em;
  font-weight: 600;
  color: #ffffff;
  margin: auto 0;
}
#smart-monitor .lazyload-2x .mq-2x-1,
#smart-monitor .mq-2x-2,
#smart-monitor .mq-2x-3,
#smart-monitor .mq-2x-4 {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  #smart-monitor .lazyload-2x .mq-2x-4 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  #smart-monitor .lazyload-2x .mq-2x-4 {
    display: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  #smart-monitor .lazyload-2x .mq-2x-3 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  #smart-monitor .lazyload-2x .mq-2x-3 {
    display: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  #smart-monitor .lazyload-2x .mq-2x-2 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-resolution: 192dpi) and (min-width: 1280px), only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
  #smart-monitor .lazyload-2x .mq-2x-2 {
    display: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-resolution: 192dpi) and (min-width: 1280px), only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
  #smart-monitor .lazyload-2x .mq-2x-1 {
    display: block;
  }
}

.modal-dialog {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  margin: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 582px;
  }
}
.modal-content {
  border: none;
}

.video-modal-body {
  padding: 20px 20px 15px;
  position: relative;
}
@media (min-width: 640px) {
  .video-modal-body .row {
    margin-right: 0;
  }
}
.video-modal-head {
  background-color: #32374b;
  padding: 20px;
}
.video-modal-head p {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 1.75em;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
.video-modal-head button {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ffffff;
  float: none;
  background: none;
  border: none;
  font-size: 1em;
}
.video-modal-head button .glyphicon {
  font-weight: 500;
}
.video-modal-head button .glyphicon::before {
  content: "\e014";
}

/*Video Banner Ends*/
/*Table Begins*/
#smart-monitor .table-responsive {
  border: 1px solid rgba(50, 55, 75, 0.2);
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 10px;
}
@media (min-width: 640px) {
  #smart-monitor .table-responsive {
    border: none;
    margin: 20px 0 0;
  }
}
#smart-monitor .table-responsive .plan-grid {
  max-width: 1240px;
  overflow-x: auto;
  border: none;
}
#smart-monitor .table-responsive .plan-grid tr:nth-child(even) td {
  background-color: rgba(50, 55, 75, 0.1);
}
@media (min-width: 1024px) {
  #smart-monitor .table-responsive .plan-grid tr:nth-child(even) td {
    background: none;
  }
}
#smart-monitor .table-responsive .plan-grid th {
  border: none;
}
#smart-monitor .table-responsive .plan-grid td {
  border-top: none;
  padding: 7px 10px;
  vertical-align: middle;
}
@media (min-width: 640px) {
  #smart-monitor .table-responsive .plan-grid td {
    padding: 10px 10px 10px 10px;
  }
}
@media (min-width: 1024px) {
  #smart-monitor .table-responsive .plan-grid td {
    padding: 17px 0;
    border-bottom: 1px solid rgba(50, 55, 75, 0.2);
  }
}
#smart-monitor .table-responsive .plan-grid .benefit {
  font-size: 1em;
  line-height: 1.2em;
  width: 400px;
}
@media (min-width: 640px) {
  #smart-monitor .table-responsive .plan-grid .benefit {
    font-size: 1.2em;
    line-height: 1.182em;
    width: 610px;
  }
}
@media (min-width: 1024px) {
  #smart-monitor .table-responsive .plan-grid .benefit {
    font-size: 1.375em;
    line-height: 1.182em;
  }
}
#smart-monitor .table-responsive .plan-grid .save {
  text-align: center;
  font-size: 1em;
  color: #00a89c;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 768px) {
  #smart-monitor .table-responsive .plan-grid .save {
    font-size: 1.25em;
  }
}
#smart-monitor .table-responsive .plan-grid .save img {
  margin-bottom: 5px !important;
}
#smart-monitor .table-responsive .plan-grid img.tick {
  width: 29px;
  height: 25px;
  margin: 0 auto;
}
#smart-monitor .table-responsive .plan-flash {
  width: 100px;
  background: #ffbe00;
  color: #ffffff;
  text-align: center;
  margin: 0 auto 18px;
}
@media (min-width: 640px) {
  #smart-monitor .table-responsive .plan-flash {
    width: 100px;
  }
}
@media (min-width: 768px) {
  #smart-monitor .table-responsive .plan-flash {
    width: 140px;
  }
}
#smart-monitor .table-responsive .plan-flash .button {
  background-color: #f2243f;
  color: #ffffff;
  font-weight: 500;
  padding: 6px 0 9px;
}
#smart-monitor .table-responsive .plan-flash .button :hover {
  text-decoration: underline;
  color: #ffffff !important;
}
#smart-monitor .table-responsive .plan-title {
  padding: 5px 0;
  border-bottom: 4px solid #f2243f;
}
#smart-monitor .table-responsive .plan-title h3 {
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 700;
  text-shadow: 1px 1px 1px #32374b;
  color: #ffffff;
  margin: 0;
}
@media (min-width: 640px) {
  #smart-monitor .table-responsive .plan-title h3 {
    font-size: 1.3em;
  }
}
@media (min-width: 768px) {
  #smart-monitor .table-responsive .plan-title h3 {
    font-size: 1.625em;
  }
}
#smart-monitor .table-responsive .plan-price {
  background-color: #f2243f;
  padding: 5px 0 10px;
}
@media (min-width: 768px) {
  #smart-monitor .table-responsive .plan-price {
    padding: 10px 0 12px;
  }
}
#smart-monitor .table-responsive .plan-price p {
  margin: 0;
  font-weight: 700;
}
#smart-monitor .table-responsive .plan-price-line-1 {
  font-size: 0.8em;
  line-height: 0.9em;
}
@media (min-width: 768px) {
  #smart-monitor .table-responsive .plan-price-line-1 {
    font-size: 1.25em;
    line-height: 0.9em;
  }
}
#smart-monitor .table-responsive .plan-price-line-2 {
  font-size: 1.8em;
  line-height: 0.9em;
}
@media (min-width: 768px) {
  #smart-monitor .table-responsive .plan-price-line-2 {
    font-size: 2.6em;
    line-height: 0.9em;
  }
}
#smart-monitor .table-responsive .plan-price-line-3 {
  font-size: 0.8em;
  line-height: 0.9em;
}
@media (min-width: 768px) {
  #smart-monitor .table-responsive .plan-price-line-3 {
    font-size: 1.25em;
    line-height: 0.9em;
  }
}

.bg-bronze {
  background: transparent -webkit-gradient(linear, left top, right top, from(#BB6A1A), color-stop(23%, #EBCCAD), color-stop(74%, #D28C47), to(#DCA570)) 0% 0% no-repeat;
  background: transparent linear-gradient(90deg, #BB6A1A 0%, #EBCCAD 23%, #D28C47 74%, #DCA570 100%) 0% 0% no-repeat;
}
.bg-silver {
  background: transparent -webkit-gradient(linear, left top, right top, from(#A8A9AD), color-stop(22%, #E3E3E3), color-stop(72%, #606060), to(#B4B5B8)) 0% 0% no-repeat;
  background: transparent linear-gradient(90deg, #A8A9AD 0%, #E3E3E3 22%, #606060 72%, #B4B5B8 100%) 0% 0% no-repeat;
}
.bg-gold {
  background: transparent -webkit-gradient(linear, left top, right top, from(#AE8625), color-stop(22%, #F7EF8A), color-stop(68%, #D2AC47), to(#EDC967)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #AE8625 0%, #F7EF8A 22%, #D2AC47 68%, #EDC967 100%) 0% 0% no-repeat padding-box;
}

/*Table Ends*/
/*Contact Details Begins*/
#smart-monitor .contact {
  text-align: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
#smart-monitor .contact li {
  display: inline;
  font-size: 1.25em;
  font-weight: 700;
  padding: 0 14px;
}
#smart-monitor .contact-icon {
  display: inline;
  margin-right: 10px;
  max-width: 40px;
  max-height: 38px;
  width: 100%;
  height: 100%;
}

/*Contact Details Ends*/