@charset "UTF-8";/* ---------------------------------------------- *  Big Mama Styles!  Here we collate all of our partials into one file ready to be processed and generate that  beautiful CSS.\* ---------------------------------------------- *//* - Index-------------------------------------------------  - Susy ...................................... 1.0.  - Breakpoint ................................ 2.0.  - Modular Scale ............................. 3.0.  - Mixins .................................... 4.0.  - Variables ................................. 5.0.  - Reset ..................................... 6.0.  - Base ...................................... 7.0.  - Grid ...................................... 8.0.  - Typography ................................ 9.0.  - Nav ...................................... 10.0.  - Header ................................... 11.0.  - Content .................................. 12.0.  - Footer ................................... 13.0.*//* -----------------------------------------  1.0. Susy----------------------------------------- *//* -----------------------------------------  2.0. Breakpoint----------------------------------------- *//* -----------------------------------------  3.0. Modular Scale----------------------------------------- *//* -----------------------------------------  4.0. Mixins----------------------------------------- *//* -----------------------------------------  5.0. Variables----------------------------------------- *//* -----------------------------------------  6.0. Reset----------------------------------------- *//* ---------------------------------------------- *  Partial: reset  Reset the fuck out of everything. Phwouah!\* ---------------------------------------------- */* {  box-sizing: border-box; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }html, body {  height: 100%; }a img {  border: none; }blockquote {  quotes: none; }blockquote:before, blockquote:after {  content: '';  content: none; }table {  border-collapse: collapse;  border-spacing: 0; }caption, th, td {  text-align: left;  font-weight: normal;  vertical-align: middle; }/* -----------------------------------------  8.0. Grid----------------------------------------- *//* ---------------------------------------------- *  Partial: grid  We're using Susy. Please visit http://susy.readthedocs.org/en/latest/install/  Due to using Susy, we're going to need the Ruby gems installed. Please a see a guide here: [TBD].  Usage  =====\* ---------------------------------------------- *//* - Index-------------------------------------------------  - Global defaults     ............................. 1.0.  - Grid makeup         ............................. 2.0.*//* ---------------------------------------------- *  1.0 Global defaults\* ---------------------------------------------- *//* ---------------------------------------------- *  1.0 Grid makeup\* ---------------------------------------------- */.contain {  max-width: 1080px;  margin-left: auto;  margin-right: auto;  min-width: 1080px; }  .contain:after {    content: " ";    display: block;    clear: both; }  .contain--table {    display: table;    width: 100%;    max-width: 1080px;    min-width: 1080px;    margin: 0 auto; }/* -----------------------------------------  7.0. Base----------------------------------------- */@keyframes fade-in {  0% {    opacity: 0; }  100% {    opacity: 1; } }@keyframes fade-in-up {  0% {    transform: translateY(20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-down {  0% {    transform: translateY(-20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-up-big {  0% {    transform: translateY(100px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-down-big {  0% {    transform: translateY(-100px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes pulse {  0% {    transform: scale(1);    opacity: 1; }  50% {    transform: scale(1.05);    opacity: 1; } }/*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */.animsition,.animsition-overlay {  position: relative;  opacity: 0;  animation-fill-mode: both; }/** * overlay option */.animsition-overlay-slide {  position: fixed;  z-index: 1;  width: 100%;  height: 100%;  background-color: #ddd; }/* loading option */.animsition-loading,.animsition-loading:after {  width: 32px;  height: 32px;  position: fixed;  top: 50%;  left: 50%;  margin-top: -16px;  margin-left: -16px;  border-radius: 50%;  z-index: 100; }.animsition-loading {  background-color: transparent;  border-top: 5px solid rgba(0, 0, 0, 0.2);  border-right: 5px solid rgba(0, 0, 0, 0.2);  border-bottom: 5px solid rgba(0, 0, 0, 0.2);  border-left: 5px solid #eee;  transform: translateZ(0);  animation-iteration-count: infinite;  animation-timing-function: linear;  animation-duration: .8s;  animation-name: animsition-loading; }@keyframes animsition-loading {  0% {    transform: rotate(0deg); }  100% {    transform: rotate(360deg); } }@keyframes fade-in {  0% {    opacity: 0; }  100% {    opacity: 1; } }.fade-in {  animation-name: fade-in; }@keyframes fade-out-up {  0% {    transform: translateY(0);    opacity: 1; }  100% {    transform: translateY(-500px);    opacity: 0; } }.fade-out-up {  animation-name: fade-out-up; }/* ---------------------------------------------- *  Partial: base  Here you place the base defaults to any project\* ---------------------------------------------- */*, *:before, *:after {  box-sizing: border-box; }html {  font-size: 100%;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;          text-size-adjust: 100%; }body {  color: #222;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 14px;  line-height: 1.6;  margin: 0; }  @media (min-width: 57.5em) {    body {      font-size: 16px; } }html, body {  height: 100%;  min-height: 100%; }small {  font-size: 0.85em; }ul li {  list-style: none; }ol li {  list-style: none; }img, object, embed {  height: auto;  max-width: 100%; }blockquote {  color: #FFFFFF;  font-size: 1.1em;  font-style: italic;  margin: 0 0 1.250em 1.250em;  padding: 0.625em 1.250em 1.250em; }  blockquote p:last-child {    margin-bottom: 0; }/*********************************************  - 2.0 -  LINKS*********************************************//* - 2.1. - BASE LINK STYLES  ------------------------------------------ */a {  color: blue;  cursor: pointer;  text-decoration: none;  /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ }  a:hover {    color: purple; }  a:focus {    color: green; }  a:focus, a:active {    outline: none; }/* - 2.2. - HEADER LINKS   ------------------------------------------ */h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {  color: blue; }/*********************************************  - 3.0 -  Helpers*********************************************/.hide {  display: none; }.center-align {  text-align: center; }.container {  width: 100%;  margin: auto;  padding: 0 1.5rem;  max-width: 1130px;  position: relative; }  .container:before, .container:after {    content: "";    display: table; }  .container:after {    clear: both; }section {  padding: 0.25em 0;  background-color: #fff; }  section:before, section:after {    content: "";    display: table; }  section:after {    clear: both; }  @media (min-width: 37.5em) {    section {      padding: 0.3em 0; } }.main-wrap {  background-color: #fff;  box-shadow: 0 0 82px 0 rgba(0, 0, 0, 0.35);  width: 100%;  margin: auto;  max-width: 1130px;  min-height: 70vh; }  .previewFrame .main-wrap {    min-height: 0; }.section-title {  width: 100%;  display: block;  padding-bottom: 1em;  padding-top: 1em;  margin-bottom: 1.5em;  border-bottom: 1px solid rgba(34, 34, 34, 0.3); }  .section-title h2 {    margin-bottom: 0;    line-height: 1.1;    text-transform: uppercase;    font-weight: 700;    font-size: 14px;    color: #333; }body {  background-attachment: fixed;  background-image: url("/cctvseller-co-uk/_img/images/hikvision-bg.jpg");  background-position: center 5px;  background-repeat: no-repeat;  background-color: #f4f4f4; }/* -----------------------------------------  9.0. Typography----------------------------------------- *//* ---------------------------------------------- *  Partial: typography  I set all typographic styles here. First we list our variables such as fonts (maybe we're using some @font-face) and  additionally and maps we might want to use. Then we specificy the typographic scales we want.\* ---------------------------------------------- */@font-face {  font-family: 'font-name';  src: url("/cctvseller-co-uk/_img/fonts/font-name.eot");  src: url("/cctvseller-co-uk/_img/fonts/font-name.eot?#iefix") format("embedded-opentype"), url("/cctvseller-co-uk/_img/fonts/font-name.woff") format("woff"), url("/cctvseller-co-uk/_img/fonts/font-name.ttf") format("truetype"); }h1, h2, h3, h4, h5, h6 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-style: normal;  color: inherit;  text-rendering: optimizeLegibility;  margin: 2em 0 0.75em;  line-height: 1.5; }  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {    margin-top: 0; }h1, .h1 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 1.75rem; }h2, .h2 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 1.5rem;  font-weight: 700; }h3, .h3 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 1.3125rem;  font-weight: 700; }h4, .h4 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 1.125rem; }h5, .h5 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 1rem; }h6, .h6 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 0.9375rem; }p, .p {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 0.875rem;  line-height: 1.7;  color: #333;  text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }  p:not(:last-child), .p:not(:last-child) {    margin-bottom: 1.4rem; }strong, b {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-style: normal;  font-weight: 700; }em {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-style: normal; }/* -----------------------------------------  10.0. Nav----------------------------------------- *//* ---------------------------------------------- *  Partial: nav  All navigation styles here. This is sort that we can try keep things seperated and easy to maintain. You can  include all global navigation styles here. \* ---------------------------------------------- */.main-nav {  display: none; }  @media (min-width: 39.375em) {    .main-nav {      display: table-cell; } }  .main-nav .categoriesDesktop {    position: relative;    width: 100%;    line-height: 0; }    .main-nav .categoriesDesktop > ul {      display: -ms-flexbox;      display: flex; }      .main-nav .categoriesDesktop > ul > li {        -ms-flex-positive: 1;            flex-grow: 1;        float: left;        list-style: none;        padding: 0 0.25em;        line-height: 1;        border-left: 1px solid rgba(255, 255, 255, 0.35);        text-align: center; }        .main-nav .categoriesDesktop > ul > li > a {          text-decoration: none;          text-align: center;          color: #FFFFFF;          display: block;          padding: 1em 0.5em;          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;          font-weight: normal;          font-size: 12px;          position: relative; }          @media (min-width: 60em) {            .main-nav .categoriesDesktop > ul > li > a {              padding: 1.5em 2em; } }        .main-nav .categoriesDesktop > ul > li:first-child a {          padding-top: 0.8em; }          @media (min-width: 60em) {            .main-nav .categoriesDesktop > ul > li:first-child a {              padding-top: 1.2em; } }        .main-nav .categoriesDesktop > ul > li svg {          height: 1.25em;          width: auto;          fill: #fff;          display: block;          position: relative;          top: 1px;          margin: auto; }          @media (min-width: 53.125em) and (max-width: 60em) {            .main-nav .categoriesDesktop > ul > li svg {              top: 0; } }        .main-nav .categoriesDesktop > ul > li.liLinkActive {          background-color: #7fba23; }          .main-nav .categoriesDesktop > ul > li.liLinkActive > a {            color: #696969; }          .main-nav .categoriesDesktop > ul > li.liLinkActive:hover {            background-color: #7fba23; }            .main-nav .categoriesDesktop > ul > li.liLinkActive:hover > a {              color: #696969; }        .main-nav .categoriesDesktop > ul > li.trade-link {          background-color: #222; }          .main-nav .categoriesDesktop > ul > li.trade-link div[class*="dropdown-promo"] {            width: 100%; }        .main-nav .categoriesDesktop > ul > li.retail-link {          background-color: firebrick; }          .main-nav .categoriesDesktop > ul > li.retail-link:hover {            background-color: red; }        .main-nav .categoriesDesktop > ul > li:hover {          background-color: #222; }          .main-nav .categoriesDesktop > ul > li:hover .ecommMenuItems {            opacity: 1;            display: block; }          .main-nav .categoriesDesktop > ul > li:hover > a {            color: #FFFFFF; }          .no-cssanimations .main-nav .categoriesDesktop > ul > li:hover > ul {            display: block; }          .cssanimations .main-nav .categoriesDesktop > ul > li:hover > ul {            visibility: visible;            animation: fade-in-down 300ms ease-out forwards; }        .main-nav .categoriesDesktop > ul > li > ul {          position: absolute;          top: 100%;          padding: 1rem 0.5rem;          min-width: 10em;          background-color: rgba(80, 80, 80, 0.95);          box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);          left: 0;          text-align: left; }          .no-cssanimations .main-nav .categoriesDesktop > ul > li > ul {            display: none; }          .cssanimations .main-nav .categoriesDesktop > ul > li > ul {            opacity: 0;            visibility: hidden;            -ms-transform: translateY(-100%);                transform: translateY(-100%); }          .main-nav .categoriesDesktop > ul > li > ul > li {            display: block; }            .main-nav .categoriesDesktop > ul > li > ul > li a {              display: block;              white-space: nowrap;              padding: 0.5em 1em;              font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;              color: #fff;              font-size: 14px; }            .main-nav .categoriesDesktop > ul > li > ul > li:hover a {              color: #7fba23; }.main-nav .ecommMenuItems {  position: absolute;  left: 0;  top: 0;  width: 100%;  background-color: #fff;  z-index: 200;  top: 100%;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 8px 30px 0 rgba(0, 0, 0, 0.25);  padding: 2em;  text-align: left;  display: none;  opacity: 0; }.main-nav .overview-link {  margin-bottom: 1em; }  .main-nav .overview-link a {    color: #222;    font-size: 15px;    font-weight: 700; }.main-nav .ecommMenuItem {  display: inline-block;  vertical-align: top;  width: 24%;  margin-bottom: 2em;  padding-right: 1em; }  @media (min-width: 37.5em) {    .main-nav .ecommMenuItem {      width: 32%; } }  @media (min-width: 52.5em) {    .main-nav .ecommMenuItem {      width: 24%; } }  .main-nav .ecommMenuItem h3 {    font-size: 15px;    font-weight: 700; }  .main-nav .ecommMenuItem a {    font-size: 14px;    color: #333; }  .main-nav .ecommMenuItem li:not(:last-child) {    margin-bottom: 5px; }  .main-nav .ecommMenuItem li a:hover {    color: blue; }  .main-nav .ecommMenuItem .category-link {    width: 100%;    margin-bottom: 0.75em;    display: inline-block; }    .main-nav .ecommMenuItem .category-link:hover .category-title {      color: blue; }  .main-nav .ecommMenuItem .category-icon {    width: 1.5em;    height: 1.5em;    display: inline-block;    vertical-align: middle; }  .main-nav .ecommMenuItem .category-title {    font-size: 15px;    font-weight: 700;    width: calc(100% - 2em);    padding-left: 0.75em;    display: inline-block;    vertical-align: middle; }.main-nav .dropdown-promo {  width: 100%; }  .main-nav .dropdown-promo:before, .main-nav .dropdown-promo:after {    content: "";    display: table; }  .main-nav .dropdown-promo:after {    clear: both; }  .main-nav .dropdown-promo > div[class*="dropdown-promo"] {    float: left;    display: inline-block; }  .main-nav .dropdown-promo .dropdown-promo__main {    width: 49%; }  .main-nav .dropdown-promo div[class*="promo__sub"] {    width: 25%;    margin-left: 0.5%; }.main-nav #AccessControl p {  display: inline-block;  width: 74%; }  @media (min-width: 37.5em) {    .main-nav #AccessControl p {      width: 65%; } }  @media (min-width: 52.5em) {    .main-nav #AccessControl p {      width: 74%; } }.main-nav #Alarms p {  display: inline-block;  width: 74%; }  @media (min-width: 37.5em) {    .main-nav #Alarms p {      width: 65%; } }  @media (min-width: 52.5em) {    .main-nav #Alarms p {      width: 74%; } }.mobile-nav {  opacity: 0;  visibility: hidden;  z-index: -1;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: white;  padding: 8em 0 4em;  overflow-y: scroll;  -ms-transform: translateX(-100%);      transform: translateX(-100%);  -ms-overflow-style: -ms-autohiding-scrollbar;  transition: opacity 250ms ease-out, transform 400ms ease-out; }  .mobile-nav::-webkit-scrollbar {    width: 0 !important; }  .show-menu .mobile-nav {    opacity: 1;    visibility: visible;    z-index: 1000;    -ms-transform: translateX(0);        transform: translateX(0);    transition: opacity 250ms ease-out, transform 400ms ease-out; }  @media (min-width: 39.375em) {    .mobile-nav {      opacity: 0;      visibility: hidden;      z-index: -1; } }  .mobile-nav nav {    overflow: hidden;    margin: auto;    -webkit-backface-visibility: hidden;            backface-visibility: hidden;    width: 100%; }    .mobile-nav nav > ul {      height: 100%;      -webkit-backface-visibility: hidden;              backface-visibility: hidden; }    .mobile-nav nav li {      display: block;      background-color: #FFFFFF;      border-bottom: 1px solid #ddd; }      .mobile-nav nav li .home-icon {        height: 1.5em;        margin-top: 5px; }      .mobile-nav nav li.parent > a {        display: block;        vertical-align: middle; }        .mobile-nav nav li.parent > a:after {          content: "";          background-image: url("/cctvseller-co-uk/_img/images/svg/cross.svg");          background-position: 50% 50%;          background-size: contain;          background-repeat: no-repeat;          color: #222;          display: inline-block;          height: 0.75em;          width: 0.75em;          float: right;          position: relative;          top: 5px;          line-height: 1;          font-size: 16px;          -ms-transform: rotate(0deg);              transform: rotate(0deg);          transition: transform 300ms ease-out; }      .mobile-nav nav li.parent.open > a:after {        -ms-transform: rotate(225deg);            transform: rotate(225deg); }      .mobile-nav nav li a {        background-color: #fff;        padding: 0.5rem 2rem;        display: block;        font-size: 14px;        line-height: 1.75;        color: #222;        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }        @media (min-width: 30em) {          .mobile-nav nav li a {            line-height: 2.5; } }        .mobile-nav nav li a:hover {          color: #999;          background-color: #f4f4f4;          text-decoration: none; }      .mobile-nav nav li > a {        font-weight: 700; }      .mobile-nav nav li.open > ul {        display: block; }      .mobile-nav nav li > ul {        padding-bottom: 2em;        display: none; }        .mobile-nav nav li > ul li a {          font-size: 13px;          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;          line-height: 1.5;          font-weight: 300;          color: rgba(255, 255, 255, 0.7); }          .mobile-nav nav li > ul li a:hover {            color: #fff; }  .mobile-nav .ecommMenuItems {    padding-bottom: 1em;    display: none; }    .mobile-nav .ecommMenuItems a {      padding-left: 3em; }    .mobile-nav .ecommMenuItems ul {      display: none; }  .mobile-nav .open .ecommMenuItems {    display: block; }  .mobile-nav .category-link {    width: 100%;    display: inline-block; }    .mobile-nav .category-link:hover .category-title {      color: blue; }  .mobile-nav .category-icon {    width: 1.5em;    height: 1.5em;    display: inline-block;    vertical-align: middle; }  .mobile-nav .category-title {    font-size: 13px;    width: calc(100% - 2em);    padding-left: 0.75em;    display: inline-block;    vertical-align: middle; }  .mobile-nav .overview-link a {    font-size: 13px;    font-weight: 700; }  .mobile-nav .dropdown-promo {    display: none; }/* -----------------------------------------  11.0. Header----------------------------------------- */.show-menu header {  z-index: 1005;  position: fixed;  top: 0;  left: 0;  width: 100%; }.top-bar {  background-color: #222;  padding: 0.3em; }  .show-menu .top-bar {    display: none; }  .top-bar__links {    vertical-align: middle;    width: 65%;    float: left;    display: none; }    @media (min-width: 60em) {      .top-bar__links {        display: inline-block; } }    .top-bar__links li:not(:last-child) {      border-right: 1px solid rgba(255, 255, 255, 0.75);      padding-right: 8px;      margin-right: 8px; }  .top-bar__signup {    vertical-align: middle;    float: right;    text-align: right;    width: 100%; }    .top-bar__signup > div {      font-size: 13px; }      @media (min-width: 51.25em) {        .top-bar__signup > div {          display: inline-block;          font-size: 13px; } }    .top-bar__signup .sign-up {      margin-bottom: 6px; }      @media (min-width: 27.5em) {        .top-bar__signup .sign-up {          margin-bottom: 0;          display: inline-block; } }    .top-bar__signup li:not(:last-child) {      border-right: 1px solid rgba(255, 255, 255, 0.75);      padding-right: 8px;      margin-right: 8px; }    @media (min-width: 27.5em) {      .top-bar__signup li {        border-right: 1px solid rgba(255, 255, 255, 0.75);        padding-right: 8px;        margin-right: 8px; } }    @media (min-width: 60em) {      .top-bar__signup {        display: inline-block;        width: 34%; } }  .top-bar .uk-spec {    padding-left: 1.5rem;    position: relative; }    .top-bar .uk-spec:before {      content: "";      display: block;      position: absolute;      left: 0;      top: 0;      width: 1rem;      height: 14px;      background-image: url("/cctvseller-co-uk/_img/images/svg/uk-flag.svg");      background-repeat: no-repeat;      background-position: 50% 50%;      background-size: contain; }  .top-bar .hikvision-seller {    padding-left: 1.5rem;    position: relative; }    .top-bar .hikvision-seller:before {      content: "";      display: block;      position: absolute;      left: 0;      top: 0;      width: 1rem;      height: 1rem;      background-image: url("/cctvseller-co-uk/_img/images/hikvision-icon.png");      background-repeat: no-repeat;      background-position: 50% 50%;      background-size: contain; }  .top-bar .login a:first-child {    border-right: 1px solid rgba(255, 255, 255, 0.75);    padding-right: 8px;    margin-right: 8px; }  .top-bar .login .loginSpacer {    display: none; }  @media (min-width: 27.5em) {    .top-bar .login {      display: inline-block; } }  .top-bar a {    color: #FFFFFF; }    .top-bar a:hover {      text-decoration: underline; }  .top-bar li {    display: inline-block;    font-size: 13px; }    .top-bar li:not(:last-child) {      margin-right: 8px; }header {  position: relative;  width: 100%; }.main-bar {  background-color: #7fba23;  padding-bottom: 1rem; }  .main-bar .container {    position: static; }  .main-bar svg {    fill: #FFFFFF; }  .main-bar__content {    width: 100%;    margin-top: 0.75rem; }    .main-bar__content-top {      width: 100%; }      @media (min-width: 50em) {        .main-bar__content-top {          padding-bottom: 0.75em; } }  .main-bar__basket {    width: 100%;    margin-top: 0.8rem;    text-align: center; }    @media (min-width: 39.375em) {      .main-bar__basket {        border-radius: 4px;        display: inline-block;        width: 9.5rem;        text-align: right; } }    @media (min-width: 50em) {      .main-bar__basket {        padding: 0em 0 0 1em; } }  .main-bar__logo {    width: 40%;    display: inline-block;    vertical-align: middle;    line-height: 0;    position: relative;    top: -2px; }    .main-bar__logo svg {      max-width: 95%; }    @media (min-width: 39.375em) {      .main-bar__logo {        width: 25%; } }  .main-bar__search {    padding: 2em 1em 2em 5em;    background-color: #7fba23;    display: inline-block;    z-index: 10;    width: 100%;    -ms-transform: translateY(-500px);        transform: translateY(-500px);    position: absolute;    vertical-align: middle;    top: 0;    left: 0;    transition: all 500ms ease-out; }    @media (min-width: 39.375em) {      .main-bar__search {        position: relative;        padding: 0 1.5em;        top: auto;        left: auto;        width: calc(75% - 10.5rem);        display: inline-block;        vertical-align: middle;        -ms-transform: none;            transform: none;        text-align: center; } }    .main-bar__search form {      position: relative; }    .main-bar__search input {      padding-right: 3.5em;      font-size: 14px;      border-radius: 4px;      border: 0;      margin-bottom: 0; }      @media (min-width: 39.375em) {        .main-bar__search input {          padding-right: 0; } }    .main-bar__search a {      position: absolute;      right: 1em;      top: 50%;      -ms-transform: translateY(-50%);          transform: translateY(-50%); }  .main-bar .ecommerceSearchBtn {    text-indent: 100%;    white-space: nowrap;    overflow: hidden;    width: 1.5em;    height: 1.5em; }    .main-bar .ecommerceSearchBtn:before {      content: "";      background-image: url("/cctvseller-co-uk/_img/images/svg/search.svg");      background-size: contain;      background-repeat: no-repeat;      background-position: 50% 50%;      display: inline-block;      width: 1.5em;      height: 1.5em;      position: absolute;      right: 0;      top: 0; }.basket-title {  display: inline-block;  font-size: 14px;  text-align: center;  vertical-align: middle; }  .basket-title__text, .basket-title .basket-icon {    font-weight: 700;    display: inline-block;    vertical-align: middle;    color: #fff;    line-height: 1;    font-size: 1em; }  .basket-title__text {    display: none; }    @media (min-width: 60em) {      .basket-title__text {        display: inline-block; } }  @media (min-width: 39.375em) {    .basket-title {      display: block;      width: 100%; } }  @media (min-width: 66.25em) {    .basket-title {      font-size: 16px; } }.basket-icon {  height: 2em;  width: 2em;  fill: #fff;  margin-right: 5px; }  @media (min-width: 39.375em) {    .basket-icon {      height: 1.5em;      width: 1.5em; } }#editirMiniBasket {  display: inline-block;  vertical-align: middle;  padding-top: 5px; }  @media (min-width: 39.375em) {    #editirMiniBasket {      text-align: right;      display: inline-block;      padding-top: 0; } }  @media (min-width: 60em) {    #editirMiniBasket {      text-align: left; } }  #editirMiniBasket:hover .basketArrow {    -ms-transform: translateX(5px);        transform: translateX(5px); }  #editirMiniBasket:hover .basketCount {    box-shadow: 0 2px 6px 1px rgba(255, 255, 255, 0.5); }  #editirMiniBasket a {    color: #fff;    display: block; }    #editirMiniBasket a:hover {      text-decoration: underline; }  #editirMiniBasket .basketIcon, #editirMiniBasket .basketCount, #editirMiniBasket .basketText, #editirMiniBasket .basketArrow {    display: inline-block;    vertical-align: middle; }  #editirMiniBasket .basketWrap {    padding-top: 0.25rem;    display: inline-block; }  #editirMiniBasket .basketIcon, #editirMiniBasket .basketArrow {    background-size: contain;    background-position: 50% 50%;    background-repeat: no-repeat; }  #editirMiniBasket .basketIcon {    height: 2em;    width: 2em;    background-image: url("/cctvseller-co-uk/_img/images/svg/basket.svg");    position: relative;    left: -3px; }  #editirMiniBasket .basketArrow {    height: 1.2em;    width: 1.2em;    position: relative;    transition: transform 200ms ease-out;    top: 0.25rem;    background-image: url("/cctvseller-co-uk/_img/images/svg/arrow.svg"); }  #editirMiniBasket .basketCount {    font-size: 0.875rem;    padding: 2px 5px 3px;    min-height: 27px;    min-width: 27px;    border-radius: 27px;    background-color: #cd1919;    color: white;    font-weight: 700;    box-shadow: 0 2px 7px 0 rgba(34, 34, 34, 0.1);    left: -0.5rem;    position: relative;    top: -0.25rem;    text-align: center;    transition: box-shadow 300ms ease-out; }  #editirMiniBasket .basketText {    font-weight: 700;    font-size: 0.875rem;    position: relative;    top: 0.25rem;    color: #fff; }.main-bar__usp {  display: none; }  @media (min-width: 50em) {    .main-bar__usp {      display: block;      display: -ms-flexbox;      display: flex;      -ms-flex-pack: justify;          justify-content: space-between; } }.usp-item {  display: inline-block; }  @media (min-width: 50em) {    .usp-item {      width: 24.5%; }      .flexbox .usp-item {        width: auto; } }  .usp-item svg, .usp-item img {    width: 1.6em;    max-height: 1.6em;    display: inline-block;    vertical-align: middle; }  .usp-item .usp-text {    display: inline-block;    width: calc(100% - 3em);    padding-left: 1em;    vertical-align: middle;    color: #fff;    font-weight: 700;    font-size: 0.8125em; }    .flexbox .usp-item .usp-text {      white-space: nowrap; }.nav-bar {  background-color: #727272;  transition: all 300ms ease-out; }  .show-menu .nav-bar {    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent);    background-color: transparent; }.main-nav {  width: 100%;  display: none;  vertical-align: middle;  transition: width 300ms ease-out; }  @media (min-width: 39.375em) {    .main-nav {      display: inline-block; } }.top-social {  display: none;  width: 8em;  vertical-align: middle;  text-align: right; }  @media (min-width: 57.5em) {    .top-social {      display: inline-block; } }  .top-social__inner {    display: inline-block; }.social__icon {  height: 2em;  width: 2em;  margin-left: 0.35em;  display: inline-block;  vertical-align: middle;  transition: transform 200ms ease-out; }  .social__icon svg {    height: 2em;    width: 2em;    fill: #fff; }  .social__icon:hover {    -ms-transform: scale(1.2);        transform: scale(1.2); }.nav-button, .search-button {  display: inline-block;  width: 28%;  text-align: left;  vertical-align: middle; }  @media (min-width: 39.375em) {    .nav-button, .search-button {      display: none; } }.search-button {  text-align: right;  cursor: pointer; }  @media (min-width: 39.375em) {    .search-button {      text-align: center; } }  .search-button svg {    height: 1.75rem; }.search-button__close {  cursor: pointer;  position: absolute;  left: 1em;  top: 50%;  -ms-transform: translateY(-50%);      transform: translateY(-50%);  line-height: 0;  opacity: 0.8; }  @media (min-width: 39.375em) {    .search-button__close {      display: none; } }  .search-button__close svg {    height: 1.75rem; }.search-in .main-bar__search {  -ms-transform: translateY(0px);      transform: translateY(0px); }.search-in .search-button__close {  display: block; }  @media (min-width: 39.375em) {    .search-in .search-button__close {      display: none; } }  .search-in .search-button__close:hover {    opacity: 1; }/* -----------------------------------------  12.0. Content----------------------------------------- *//* Slider */.slick-slider {  position: relative;  display: block;  box-sizing: border-box;  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -ms-touch-action: pan-y;  touch-action: pan-y;  -webkit-tap-highlight-color: transparent; }.slick-list {  position: relative;  overflow: hidden;  display: block;  margin: 0;  padding: 0; }  .slick-list:focus {    outline: none; }  .slick-list.dragging {    cursor: pointer;    cursor: hand; }.slick-slider .slick-track,.slick-slider .slick-list {  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }.slick-track {  position: relative;  left: 0;  top: 0;  display: block; }  .slick-track:before, .slick-track:after {    content: "";    display: table; }  .slick-track:after {    clear: both; }  .slick-loading .slick-track {    visibility: hidden; }.slick-slide {  float: left;  height: 100%;  min-height: 1px;  display: none; }  [dir="rtl"] .slick-slide {    float: right; }  .slick-slide img {    display: block; }  .slick-slide.slick-loading img {    display: none; }  .slick-slide.dragging img {    pointer-events: none; }  .slick-initialized .slick-slide {    display: block; }  .slick-loading .slick-slide {    visibility: hidden; }  .slick-vertical .slick-slide {    display: block;    height: auto;    border: 1px solid transparent; }.slick-arrow.slick-hidden {  display: none; }.slick-dots {  position: absolute;  width: 100%;  bottom: 3%;  text-align: right;  right: 5%; }  .slick-dots li {    display: inline-block;    margin-left: 0.35em;    height: 1em;    width: 1em;    position: relative;    border-radius: 50%;    background-color: rgba(255, 255, 255, 0.1);    transition: transform 300ms ease-out;    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.8);    cursor: pointer; }    .slick-dots li.slick-active {      background-color: white;      box-shadow: inset 0 0 0 3px rgba(34, 34, 34, 0.4); }  .slick-dots button {    font-size: 0;    height: 2em;    width: 2em;    background-color: transparent;    border: 0;    outline: 0; }/* Magnific Popup CSS */.mfp-bg {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1042;  overflow: hidden;  position: fixed;  background: #0b0b0b;  opacity: 0.8; }.mfp-wrap {  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1043;  position: fixed;  outline: none !important;  -webkit-backface-visibility: hidden; }.mfp-container {  text-align: center;  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  padding: 0 8px;  box-sizing: border-box; }.mfp-container:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle; }.mfp-align-top .mfp-container:before {  display: none; }.mfp-content {  position: relative;  display: inline-block;  vertical-align: middle;  margin: 0 auto;  text-align: left;  z-index: 1045; }.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {  width: 100%;  cursor: auto; }.mfp-ajax-cur {  cursor: progress; }.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {  cursor: zoom-out; }.mfp-zoom {  cursor: pointer;  cursor: zoom-in; }.mfp-auto-cursor .mfp-content {  cursor: auto; }.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;      user-select: none; }.mfp-loading.mfp-figure {  display: none; }.mfp-hide {  display: none !important; }.mfp-preloader {  color: #CCC;  position: absolute;  top: 50%;  width: auto;  text-align: center;  margin-top: -0.8em;  left: 8px;  right: 8px;  z-index: 1044; }.mfp-preloader a {  color: #CCC; }.mfp-preloader a:hover {  color: #FFF; }.mfp-s-ready .mfp-preloader {  display: none; }.mfp-s-error .mfp-content {  display: none; }button.mfp-close,button.mfp-arrow {  overflow: visible;  cursor: pointer;  background: transparent;  border: 0;  -webkit-appearance: none;  display: block;  outline: none;  padding: 0;  z-index: 1046;  box-shadow: none;  -ms-touch-action: manipulation;      touch-action: manipulation; }button::-moz-focus-inner {  padding: 0;  border: 0; }.mfp-close {  width: 44px;  height: 44px;  line-height: 44px;  position: absolute;  right: 0;  top: 0;  text-decoration: none;  text-align: center;  opacity: 0.65;  padding: 0 0 18px 10px;  color: #FFF;  font-style: normal;  font-size: 28px;  font-family: Arial, Baskerville, monospace; }.mfp-close:hover,.mfp-close:focus {  opacity: 1; }.mfp-close:active {  top: 1px; }.mfp-close-btn-in .mfp-close {  color: #333; }.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {  color: #FFF;  right: -6px;  text-align: right;  padding-right: 6px;  width: 100%; }.mfp-counter {  position: absolute;  top: 0;  right: 0;  color: #CCC;  font-size: 12px;  line-height: 18px;  white-space: nowrap; }.mfp-arrow {  position: absolute;  opacity: 0.65;  margin: 0;  top: 50%;  margin-top: -55px;  padding: 0;  width: 90px;  height: 110px;  -webkit-tap-highlight-color: transparent; }.mfp-arrow:active {  margin-top: -54px; }.mfp-arrow:hover,.mfp-arrow:focus {  opacity: 1; }.mfp-arrow:before,.mfp-arrow:after {  content: '';  display: block;  width: 0;  height: 0;  position: absolute;  left: 0;  top: 0;  margin-top: 35px;  margin-left: 35px;  border: medium inset transparent; }.mfp-arrow:after {  border-top-width: 13px;  border-bottom-width: 13px;  top: 8px; }.mfp-arrow:before {  border-top-width: 21px;  border-bottom-width: 21px;  opacity: 0.7; }.mfp-arrow-left {  left: 0; }.mfp-arrow-left:after {  border-right: 17px solid #FFF;  margin-left: 31px; }.mfp-arrow-left:before {  margin-left: 25px;  border-right: 27px solid #3F3F3F; }.mfp-arrow-right {  right: 0; }.mfp-arrow-right:after {  border-left: 17px solid #FFF;  margin-left: 39px; }.mfp-arrow-right:before {  border-left: 27px solid #3F3F3F; }.mfp-iframe-holder {  padding-top: 40px;  padding-bottom: 40px; }.mfp-iframe-holder .mfp-content {  line-height: 0;  width: 100%;  max-width: 900px; }.mfp-iframe-holder .mfp-close {  top: -40px; }.mfp-iframe-scaler {  width: 100%;  height: 0;  overflow: hidden;  padding-top: 56.25%; }.mfp-iframe-scaler iframe {  position: absolute;  display: block;  top: 0;  left: 0;  width: 100%;  height: 100%;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #000; }/* Main image in popup */img.mfp-img {  width: auto;  max-width: 100%;  height: auto;  display: block;  line-height: 0;  box-sizing: border-box;  padding: 40px 0 40px;  margin: 0 auto; }/* The shadow behind the image */.mfp-figure {  line-height: 0; }.mfp-figure:after {  content: '';  position: absolute;  left: 0;  top: 40px;  bottom: 40px;  display: block;  right: 0;  width: auto;  height: auto;  z-index: -1;  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);  background: #444; }.mfp-figure small {  color: #BDBDBD;  display: block;  font-size: 12px;  line-height: 14px; }.mfp-figure figure {  margin: 0; }.mfp-bottom-bar {  margin-top: -36px;  position: absolute;  top: 100%;  left: 0;  width: 100%;  cursor: auto; }.mfp-title {  text-align: left;  line-height: 18px;  color: #F3F3F3;  word-wrap: break-word;  padding-right: 36px; }.mfp-image-holder .mfp-content {  max-width: 100%; }.mfp-gallery .mfp-image-holder .mfp-figure {  cursor: pointer; }@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {  /**       * Remove all paddings around the image on small screen       */  .mfp-img-mobile .mfp-image-holder {    padding-left: 0;    padding-right: 0; }  .mfp-img-mobile img.mfp-img {    padding: 0; }  .mfp-img-mobile .mfp-figure:after {    top: 0;    bottom: 0; }  .mfp-img-mobile .mfp-figure small {    display: inline;    margin-left: 5px; }  .mfp-img-mobile .mfp-bottom-bar {    background: rgba(0, 0, 0, 0.6);    bottom: 0;    margin: 0;    top: auto;    padding: 3px 5px;    position: fixed;    box-sizing: border-box; }  .mfp-img-mobile .mfp-bottom-bar:empty {    padding: 0; }  .mfp-img-mobile .mfp-counter {    right: 5px;    top: 3px; }  .mfp-img-mobile .mfp-close {    top: 0;    right: 0;    width: 35px;    height: 35px;    line-height: 35px;    background: rgba(0, 0, 0, 0.6);    position: fixed;    text-align: center;    padding: 0; } }@media all and (max-width: 900px) {  .mfp-arrow {    -ms-transform: scale(0.75);        transform: scale(0.75); }  .mfp-arrow-left {    -ms-transform-origin: 0;        transform-origin: 0; }  .mfp-arrow-right {    -ms-transform-origin: 100%;        transform-origin: 100%; }  .mfp-container {    padding-left: 6px;    padding-right: 6px; } }/* Custom Checkout */@font-face {  font-family: 'icomoon';  src: url("/cctvseller-co-uk/_img/fonts/icomoon3.eot?5cauq6");  src: url("/cctvseller-co-uk/_img/fonts/icomoon3.eot?5cauq6#iefix") format("embedded-opentype"), url("/cctvseller-co-uk/_img/fonts/icomoon3.woff?5cauq6") format("woff");  font-weight: normal;  font-style: normal; }[class^="icon-"],[class*=" icon-"] {  /* use !important to prevent issues with browser extensions that change fonts */  font-family: "icomoon" !important;  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }.custom-output {  background: #e2e2e2;  padding-bottom: 30px;  position: relative; }/* Section Clear */.section:before,.section:after {  content: "";  display: table; }.section:after {  clear: both; }.section {  zoom: 1; }.tool ul.tabs {  width: 25%;  float: right;  box-shadow: 0px 3px 10px 0px rgba(4, 4, 4, 0.06);  background-color: #ececec;  padding: 0px;  margin: 0px; }.tool ul.tabs li {  transition: all 0.5s ease 0s;  padding: 8% 5%;  border-left: 2px solid #797979;  text-align: center;  list-style-type: none;  border-bottom: 1px solid #999;  width: 100%; }  .tool ul.tabs li#tab4 {    border-bottom: none; }.tool ul.tabs li.active,.tool ul.tabs li:hover {  border-left: 2px solid #9ad937;  background-color: #0F1922; }.tool ul.tabs li a {  font-weight: 700;  font-size: 0.875rem;  color: #949494;  text-transform: uppercase;  text-decoration: none;  display: block; }.tool ul.tabs li a:before {  font-family: 'icomoon' !important;  font-size: 2rem;  font-weight: 400;  display: block;  width: 100%;  color: #949494; }.tool ul.tabs li#tab1 a:before {  content: "\e900"; }.tool ul.tabs li#tab2 a:before {  content: "\e901"; }.tool ul.tabs li#tab3 a:before {  content: "\e902"; }.tool ul.tabs li#tab4 {  padding: 0px; }  .tool ul.tabs li#tab4:hover .totalPrice {    color: #fff; }.totalPriceBtn {  transition: all 0.5s ease 0s;  width: 100%;  background: #7fba23;  font-size: 0.8125rem;  font-weight: 700;  text-transform: uppercase;  color: #fff;  padding: 1rem 0px; }.totalPriceBtn:hover {  background-color: #628f1b; }.totalPrice {  font-size: 2rem;  font-weight: 700;  padding-top: 1rem;  color: #222; }.totalPriceIncVat {  font-size: 0.7rem;  font-weight: 400; }#section4 .toolCel3 {  padding: 10px; }#section4 .toolCel3 form {  transition: all 0.5s ease 0s;  width: 100%;  background-color: #7fba23;  font-weight: 700;  font-size: 0.9375rem;  text-transform: uppercase;  color: #fff;  padding: 10px 0px; }#section4 .toolCel3 form:hover {  background-color: #628f1b; }#section4 .toolCel3 form a {  color: #fff;  display: block;  margin-bottom: 0; }.totalPriceNote {  margin-bottom: 15px;  font-size: 0.8125rem; }.tool ul.tabs li.active a,.tool ul.tabs li.active a:before {  color: white; }.sections {  width: 75%;  float: left; }.sections .toolHead {  width: 100%;  background: #7fba23;  padding: 15px; }.sections .toolHead .toolCel {  display: inline-block;  font-size: 13px;  color: #fff;  text-transform: uppercase;  font-weight: 700;  font-size: 0.75rem; }.section {  border: 1px solid #ccc;  padding: 3%;  display: none; }  .section h2 {    font-size: 1.75rem; }.active {  display: block; }.toolRow {  display: table;  padding: 3%;  border: 1px solid #e5e5e5;  transition: all 0.5s ease 0s;  width: 100%;  background: #fff;  float: left;  margin-bottom: 15px; }.toolRow:hover {  border-color: #222; }.toolCel {  display: table-cell;  height: 100%;  vertical-align: middle; }.toolCel1 {  width: 16%;  margin-right: 1%;  line-height: 0; }.toolCel2 {  width: 50%;  padding-left: 2%; }.toolCel3 {  width: 16%;  text-align: center;  border-left: 1px solid #fff; }.toolCel3 div:first-of-type {  height: 30px; }.toolCel3 select {  font-size: 0.875rem;  color: #727272;  width: 58px;  border: 1px solid #c6c6c6;  text-align: center;  margin-bottom: 0;  font-weight: 700;  padding: 0.5rem;  border-radius: 0; }  .toolCel3 select:focus {    border-radius: 0;    box-shadow: 0;    border-color: #222;    outline: transparent; }.toolCel4 {  width: 16%;  text-align: center;  border-left: 1px solid #fff; }.toolCel4 div:first-of-type {  height: 30px; }.toolCel4 div:last-of-type {  font-size: 0; }/* hide checkbox and radio inputs from modern browsers */.toolCel4 div input.toolFormField {  opacity: 0;  position: absolute; }.toolCel4 div {  position: relative; }/* set default styles for the checkboxes and radio buttons */.toolCel4 .checkbox {  width: 35px;  height: 35px;  border: 1px solid #c6c6c6;  display: inline-block;  cursor: pointer;  position: relative; }.toolCel4 div input.toolFormField + label {  font-size: 0; }.toolCel4 div input.toolFormField + label span.checkbox {  background: #fff; }.toolCel4 div input.toolFormField:checked + label span.checkbox {  background: #727272; }.toolCel4 div input.toolFormField:checked + label span.checkbox:after {  content: "";  position: absolute;  bottom: 7px;  left: 9px;  width: 5px;  height: 13px;  background: #fff;  z-index: 1;  -ms-transform: rotate(-44deg);      transform: rotate(-44deg);  border-radius: 2px; }.toolCel4 div input.toolFormField:checked + label span.checkbox:before {  content: "";  position: absolute;  top: 7px;  right: 11px;  width: 5px;  height: 20px;  background: #fff;  z-index: 1;  -ms-transform: rotate(45deg);      transform: rotate(45deg);  border-radius: 2px; }.toolRow .toolCel a {  text-decoration: none;  font-size: 0.9375rem;  font-weight: 700;  margin-bottom: 0.75rem;  line-height: 1.2;  color: #222; }.toolRow .toolCel div {  font-weight: 700;  color: #727272;  font-size: 0.75rem; }#section4 {  display: block; }.sectionError {  padding: 10px;  background: #d10101;  border-radius: 5px;  text-align: center;  color: #fff;  margin-bottom: 20px; }#navInsmenu ul#menu li#menu4 a {  font-weight: bold; }@media all and (max-width: 755px) and (min-width: 0px) {  .tool ul.tabs {    width: 100%;    margin-top: 0px !important;    margin-bottom: 1rem; }    .tool ul.tabs .tab {      float: left;      border-left: 1px solid #797979;      border-top: 1px solid #797979; }      .tool ul.tabs .tab.active, .tool ul.tabs .tab:hover {        border-left: 1px solid #797979; }    .tool ul.tabs #tab1, .tool ul.tabs #tab2, .tool ul.tabs #tab3 {      width: 33.3%;      float: left; }    .tool ul.tabs #tab4 {      float: left;      width: 100%;      border-top: none; }    .tool ul.tabs #tab3, .tool ul.tabs #tab4 {      border-right: 1px solid #797979; }  .sections {    width: 100%; }    .sections .toolCel1 {      width: 30%; }    .sections .toolCel2 {      width: 50%; }    .sections .toolCel3 {      width: 10%; }    .sections .toolCel4 {      width: 10%; }    .sections .toolHead .toolCel3, .sections .toolHead .toolCel4 {      display: none; } }@media all and (max-width: 600px) and (min-width: 0px) {  .sections .toolRow {    float: none;    display: block; }  .sections .toolHead {    display: none; }  .sections .toolCel1 {    width: 100%;    display: block;    text-align: center; }  .sections .toolCel2 {    width: 100%;    display: block;    text-align: center;    margin-bottom: 20px; }  .sections .toolCel3 {    width: 49.5%;    text-align: center;    border-left: 1px solid #cdcdcd;    display: inline-block;    border-left: 0px; }  .sections .toolCel4 {    width: 49.5%;    text-align: center;    border-left: 1px solid #cdcdcd;    display: inline-block; }  #section4 .toolCel3 {    width: 100%; } }@media all and (max-width: 400px) and (min-width: 0px) {  .tool ul.tabs #tab1, .tool ul.tabs #tab2, .tool ul.tabs #tab3, .tool ul.tabs #tab4 {    float: none;    width: 100%;    border-top: none;    border-right: 1px solid #797979; }  .tool ul.tabs #tab1 {    border-top: 1px solid #797979; } }.notForTradeUsers, .noInvoices {  background-color: #fcd9b0;  padding: 1em;  border: 1px solid #e98000;  font-size: 0.875rem;  color: #e98000; }  .notForTradeUsers a, .noInvoices a {    color: #e98000; }    .notForTradeUsers a:hover, .noInvoices a:hover {      text-decoration: underline; }  @media (min-width: 26.25em) {    .notForTradeUsers, .noInvoices {      padding: 2rem 3rem; } }/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger {  display: inline-block;  cursor: pointer;  transition-property: opacity, -webkit-filter;  transition-property: opacity, filter;  transition-property: opacity, filter, -webkit-filter;  transition-duration: 0.15s;  transition-timing-function: linear;  font: inherit;  color: inherit;  text-transform: none;  background-color: transparent;  border: 0;  margin: 0;  outline: none;  overflow: visible; }.hamburger:hover {  opacity: 0.7; }.hamburger-box {  width: 40px;  height: 24px;  display: inline-block;  position: relative; }.hamburger-inner {  display: block;  top: 50%;  margin-top: -2px; }.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {  width: 40px;  height: 4px;  background-color: #fff;  border-radius: 4px;  position: absolute;  transition-property: transform;  transition-duration: 0.15s;  transition-timing-function: ease; }.hamburger-inner::before, .hamburger-inner::after {  content: "";  display: block; }.hamburger-inner::before {  top: -10px; }.hamburger-inner::after {  bottom: -10px; }/* * 3DX */.hamburger--collapse .hamburger-inner {  top: auto;  bottom: 0;  transition-duration: 0.15s;  transition-delay: 0.15s;  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse .hamburger-inner::after {  top: -20px;  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }.hamburger--collapse .hamburger-inner::before {  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }.hamburger--collapse.is-active .hamburger-inner {  transform: translate3d(0, -10px, 0) rotate(-45deg);  transition-delay: 0.32s;  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }.hamburger--collapse.is-active .hamburger-inner::after {  top: 0;  opacity: 0;  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }.hamburger--collapse.is-active .hamburger-inner::before {  top: 0;  -ms-transform: rotate(-90deg);      transform: rotate(-90deg);  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }/* * Elastic *//* ---------------------------------------------- *  Partial: buttons  This is a work-in-progress. Please deploy your own method or use my exaple below.   Namespace structure  [interaction][-Button][-Variant]\* ---------------------------------------------- */.button {  display: inline-block; }  .button a {    padding: 0.4em 1.75em;    font-size: 14px;    font-weight: 700;    color: #222;    background-color: #FFFFFF;    transition: all 300ms ease-out;    display: inline-block;    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.15);    text-align: center;    min-width: 150px;    white-space: nowrap;    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }    .button a:hover {      background-color: #222;      color: #FFFFFF; }.border-button a {  border: 2px solid currentColor;  background-color: transparent; }.border-button.base a {  border-color: #696969;  color: #FFFFFF; }  .border-button.base a:hover {    background-color: #696969; }.border-button.comp a {  border-color: #7fba23;  color: #FFFFFF; }  .border-button.comp a:hover {    background-color: #7fba23;    color: #FFFFFF;    text-shadow: none; }.border-button.white a {  border-color: #FFFFFF;  color: #FFFFFF; }  .border-button.white a:hover {    background-color: #FFFFFF;    color: #222;    text-shadow: none; }.solid-button a {  border: none; }.solid-button.base a {  background-color: #696969;  color: #FFFFFF; }  .solid-button.base a:hover {    background-color: #505050; }.solid-button.comp a {  background-color: #7fba23;  color: #FFFFFF; }  .solid-button.comp a:hover {    background-color: #628f1b;    color: #FFFFFF;    text-shadow: none; }.solid-button.white a {  background-color: #FFFFFF;  color: #696969; }  .solid-button.white a:hover {    background-color: #cccccc;    color: #696969;    text-shadow: none; }.solid-button.black a {  background-color: #3c3c3c;  color: #FFFFFF; }  .solid-button.black a:hover {    background-color: #222;    color: #FFFFFF;    text-shadow: none; }.solid-button.grad::before {  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1;  opacity: 0;  transition: opacity 400ms ease-out;  background-color: #999;  background-image: linear-gradient(to right, #696969, #999); }.solid-button.grad::after {  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1;  opacity: 1;  transition: opacity 400ms ease-out;  background-color: #696969;  background-image: linear-gradient(to right, #999, #696969); }.solid-button.grad a {  background-color: transparent;  color: #fff;  position: relative;  z-index: 3; }  .solid-button.grad a:hover {    color: #fff;    text-shadow: none; }.solid-button.grad:hover::before {  opacity: 1; }.solid-button.grad:hover::after {  opacity: 0; }.solid-button.grad.grad-dark::before {  background-color: #696969;  background-image: linear-gradient(to right, #005865, #00808c); }.solid-button.grad.grad-dark::after {  background-color: #333;  background-image: linear-gradient(to right, #00808c, #005865); }.simple-button {  margin-bottom: 0.5rem;  padding: 0.4em 1.75em;  font-size: 14px;  font-weight: 700;  transition: all 300ms ease-out;  display: inline-block;  text-align: center;  white-space: nowrap;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  background-color: #3c3c3c;  color: #FFFFFF; }  .simple-button:hover {    background-color: #222;    color: #FFFFFF;    text-shadow: none; }input {  line-height: normal; }input, textarea, keygen, select, button {  text-rendering: auto;  color: initial;  letter-spacing: normal;  word-spacing: normal;  text-transform: none;  text-indent: 0px;  text-shadow: none;  display: inline-block;  text-align: start;  margin: 0em 0em 0em 0em;  font: 13.3333px Arial;  border-radius: 4px; }[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {  display: block;  box-sizing: border-box;  width: 100%;  padding: 0.75rem;  border: 1px solid #cacaca;  margin: 0 0 1rem;  font-family: inherit;  font-size: 0.875rem;  color: #0a0a0a;  background-color: #FFFFFF;  box-shadow: none;  border-radius: 4px;  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;  -webkit-appearance: none;  -moz-appearance: none; }  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {    outline: none; }  [type='text']:focus, [type='text']:hover, [type='password']:focus, [type='password']:hover, [type='date']:focus, [type='date']:hover, [type='datetime']:focus, [type='datetime']:hover, [type='datetime-local']:focus, [type='datetime-local']:hover, [type='month']:focus, [type='month']:hover, [type='week']:focus, [type='week']:hover, [type='email']:focus, [type='email']:hover, [type='number']:focus, [type='number']:hover, [type='search']:focus, [type='search']:hover, [type='tel']:focus, [type='tel']:hover, [type='time']:focus, [type='time']:hover, [type='url']:focus, [type='url']:hover, [type='color']:focus, [type='color']:hover, textarea:focus, textarea:hover {    border-color: #999; }  [type='text']:active, [type='password']:active, [type='date']:active, [type='datetime']:active, [type='datetime-local']:active, [type='month']:active, [type='week']:active, [type='email']:active, [type='number']:active, [type='search']:active, [type='tel']:active, [type='time']:active, [type='url']:active, [type='color']:active, textarea:active {    border-color: #222; }textarea {  max-width: 100%;  height: auto;  min-height: 8em;  max-height: 8em;  overflow: auto; }label {  display: block;  margin: 0;  font-size: 0.875rem;  font-weight: normal;  line-height: 1.8;  color: #0a0a0a; }input[type="submit"] {  padding: 0.8em 3em;  font-size: 18px;  color: #FFFFFF;  border: none;  background-color: #999;  transition: all 300ms ease-out;  display: inline-block;  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);  text-align: center;  min-width: 150px;  border-radius: 0;  white-space: nowrap;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-weight: 600;  cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none; }  input[type="submit"]:hover {    background-color: #333;    color: #FFFFFF;    text-decoration: none; }input[type="file"] {  width: 100%;  padding: 1rem;  border: 1px solid #cacaca;  margin-bottom: 2em;  border-radius: 0; }label.inline {  position: relative;  padding: 0 0 0.25rem 1.5rem;  margin-top: 0.25rem;  line-height: 1; }input[type="radio"] {  position: absolute;  left: 0;  top: 0; }.inputset {  position: relative; }.form_error_wrap {  display: none; }.form_error_specific {  color: red;  position: absolute;  top: 3px;  right: 2px;  font-size: 0.8125rem; }select {  width: 100%;  padding: 0.75rem;  border: 1px solid #cacaca;  margin: 0 0 1rem;  background-color: #FFFFFF;  outline: none; }  select:focus, select:hover {    border-color: #999; }  select:active {    border-color: #222; }/*Blog*/.blog-page {  padding: 0; }  .blog-page .main-content__wrap {    background: #f8f8f8;    max-width: none; }  .blog-page #listNews {    -ms-flex-pack: start;        justify-content: flex-start;    width: 100%;    background: #f8f8f8;    padding: 4em 2em; }    @media (min-width: 48em) {      .blog-page #listNews {        padding: 6em 4em; } }  .blog-page .listNewsItem {    -ms-flex-preferred-size: 100%;        flex-basis: 100%;    margin: 1.5% auto;    text-align: left; }    @media (min-width: 30em) {      .blog-page .listNewsItem {        -ms-flex-preferred-size: 49%;            flex-basis: 49%; } }    @media (min-width: 37.5em) {      .blog-page .listNewsItem {        padding-bottom: 2rem; } }    @media (min-width: 75em) {      .blog-page .listNewsItem {        -ms-flex-preferred-size: 32%;            flex-basis: 32%;        margin: 0.5%; } }    @media (min-width: 75em) {      .blog-page .listNewsItem {        -ms-flex-preferred-size: 24%;            flex-basis: 24%; } }#displayIndividualBlogStory {  background-color: #fff; }#displayBlogStory {  width: 100%;  padding: 4em 2.5em;  margin: auto;  max-width: 970px; }  @media (min-width: 48em) {    #displayBlogStory {      padding: 6em 4em; } }  #displayBlogStory h1 {    color: #696969;    font-size: 2.0736em; }    @media (min-width: 30em) {      #displayBlogStory h1 {        font-size: 2.48832em; } }    @media (min-width: 57.5em) {      #displayBlogStory h1 {        font-size: 3.58318em; } }.blogSummaryImageStory {  margin-bottom: 3em;  position: relative;  line-height: 0; }  .blogSummaryImageStory img {    position: relative;    z-index: 5;    width: 100%;    line-height: 0;    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); }  .blogSummaryImageStory:after {    content: "";    display: inline-block;    width: 100%;    height: 100%;    position: absolute;    z-index: 2;    top: 0.75em;    left: 0.75em;    background-color: #999;    line-height: 0; }.main-content {  max-width: 1000px;  margin: auto; }  .main-content ul {    list-style-type: disc;    margin-left: 1.25rem;    line-height: 1.6;    margin-bottom: 1rem; }    .main-content ul li {      display: list-item; }  .main-content ol {    list-style-type: decimal;    margin-left: 1.25rem;    line-height: 1.6;    margin-bottom: 1rem; }    .main-content ol li {      display: list-item; }.main-wrap {  padding: 2em 0; }  .main-wrap:before, .main-wrap:after {    content: "";    display: table; }  .main-wrap:after {    clear: both; }  .d14999 .main-wrap {    padding: 0; }  .d15000 .main-wrap, .d15001 .main-wrap {    background-image: url("/cctvseller-co-uk/_img/images/category-bg.jpg");    background-repeat: no-repeat;    background-size: cover;    background-position: 50% 50%; }    .d15000 .main-wrap .breadcrumb-section, .d15001 .main-wrap .breadcrumb-section {      background-color: transparent; }  .main-wrap .category-groups {    background: transparent; }    .main-wrap .category-groups h1 {      text-shadow: 0 0 15px white; }  .main-wrap table.base {    border-collapse: collapse;    margin-bottom: 1em; }    .main-wrap table.base td {      padding: 0.5em;      border: 1px solid #ccc; }    .main-wrap table.base h5 {      font-weight: 600;      margin-bottom: 0; }.breadcrumb-section {  padding-bottom: 1rem;  color: #999; }  .breadcrumb-section a {    font-size: 0.8125rem;    color: #999;    font-weight: 700; }    .breadcrumb-section a:last-child {      color: #7fba23; }    .breadcrumb-section a:hover {      text-decoration: underline; }    .breadcrumb-section a::first-letter {      text-transform: uppercase; }  .breadcrumb-section::first-letter {    text-transform: uppercase; }@media (min-width: 43.75em) {  .kit-builder-link {    display: inline-block;    width: 47%;    margin: 1%; } }.kit-builder-link a {  display: block; }.quote-contact {  width: 100%;  padding-top: 1rem; }  .quote-contact:before, .quote-contact:after {    content: "";    display: table; }  .quote-contact:after {    clear: both; }  @media (min-width: 46.875em) {    .quote-contact {      width: 48%;      float: right;      margin-bottom: 2rem; } }.quote-email, .quote-phone {  width: 100%;  margin-bottom: 1rem; }.quote-banners {  width: 100%;  display: none; }  .quote-banners:before, .quote-banners:after {    content: "";    display: table; }  .quote-banners:after {    clear: both; }  @media (min-width: 46.875em) {    .quote-banners {      display: block; } }  .quote-banners a {    display: block; }.quote-banner {  width: 50%;  float: left;  padding-right: 0.5rem; }.quote-image {  line-height: 0;  border-radius: 50%; }  @media (min-width: 21.875em) {    .quote-image {      display: inline-block;      width: 30%;      vertical-align: top; } }  @media (min-width: 27.5em) {    .quote-image {      width: 20%; } }  @media (min-width: 46.875em) {    .quote-image {      width: 35%; } }@media (min-width: 21.875em) {  .quote-text {    display: inline-block;    width: 67%;    vertical-align: top;    padding-left: 1rem; } }@media (min-width: 27.5em) {  .quote-text {    width: 77%; } }@media (min-width: 46.875em) {  .quote-text {    width: 63%; } }.quote-text h4 {  font-weight: 700; }.quote-form-wrap {  margin-top: 2rem; }  .quote-form-wrap .defaultForm {    padding: 1em;    border: 1px solid rgba(34, 34, 34, 0.3); }    @media (min-width: 26.25em) {      .quote-form-wrap .defaultForm {        padding: 3em; } }    @media (min-width: 46.875em) {      .quote-form-wrap .defaultForm {        padding: 2rem; } }  .quote-form-wrap label {    font-size: 0.8125rem;    font-weight: 700; }  .quote-form-wrap label.form_header {    font-size: 1.5rem;    padding: 1rem 0 0.25rem; }  .quote-form-wrap .inputsetItem0 label.form_header {    padding-top: 0; }  .quote-form-wrap .inputsetItem6 {    padding-bottom: 1rem; }.quote-form {  width: 100%;  float: left;  padding-top: 1rem; }  @media (min-width: 46.875em) {    .quote-form {      width: 44%;      float: left; } }  .quote-form h4 {    font-weight: 700; }  @media (min-width: 46.875em) {    .quote-form .quote-image {      width: 35%;      display: inline-block;      vertical-align: top;      margin-bottom: 0; } }  @media (min-width: 46.875em) {    .quote-form .quote-text {      width: 63%;      padding-left: 1rem;      display: inline-block;      vertical-align: top; } }.content-page {  padding-top: 2em; }  .content-page ul, .content-page ol {    padding-left: 1rem; }    .content-page ul li, .content-page ol li {      margin: 0.5rem 0;      font-size: 0.875rem; }  .content-page ul li {    list-style-type: disc; }  .content-page ol li {    list-style-type: decimal; }/*Terms*/@media (min-width: 46.875em) {  .left-section {    width: 32.39437%;    float: left;    margin-right: 1.40845%; } }@media (min-width: 46.875em) {  .right-section {    width: 66.19718%;    float: right;    margin-right: 0; } }.terms-title {  padding: 2rem 1rem;  background-color: #f4f4f4;  margin-bottom: 1rem; }  .terms-title h1 {    color: #7fba23;    font-size: 1.5rem;    line-height: 1;    margin-bottom: 0;    font-weight: 700; }.terms-section {  margin: 1rem 0; }  .terms-section hr {    margin-bottom: 1rem;    opacity: 0.5; }  .terms-section strong {    color: #7fba23; }  .terms-section p {    margin-bottom: 0.75rem;    padding-bottom: 0.75rem;    border-bottom: 1px solid #ddd;    font-size: 0.8125rem; }  .terms-section.terms-about p {    border-bottom: none;    padding-bottom: 0; }ul.info-nav {  background-color: #f4f4f4;  border: 1px solid #bbb;  margin-top: 1rem;  padding-left: 0; }  @media (min-width: 46.875em) {    ul.info-nav {      margin-top: 0; } }  ul.info-nav li {    border-bottom: 1px solid #bbb;    list-style: none; }    ul.info-nav li:last-child {      border-bottom: 0; }    ul.info-nav li:hover {      background-color: #dbdbdb; }      ul.info-nav li:hover a {        color: #71a91a; }    ul.info-nav li a {      color: #222;      display: block;      padding: 0.75rem 1rem;      font-size: 0.9375rem; }/*About timeline*/#s1869676 .main-wrap {  padding-bottom: 0; }section.timeline-sec {  padding-bottom: 0; }.timeline-intro {  padding: 0 1.5rem 1.5rem; }@media (min-width: 500px) {  .timeline-intro {    padding: 0 3rem 3rem; } }.timeline {  background-color: #7fba23;  padding: 1.5rem;  width: 100%;  float: left; }@media (min-width: 420px) {  .timeline {    padding: 3rem; } }.timeline__list {  width: 100%;  position: relative;  float: left;  padding-top: 2rem; }.timeline__list::before {  content: "";  display: block;  position: absolute;  top: 0;  bottom: 0;  left: 0;  width: 1px;  background-color: #fff;  margin-left: -0.5px; }@media (min-width: 500px) {  .timeline__list::before {    left: 50%; } }.timeline__item {  width: 100%;  margin: 1em 0;  position: relative;  float: left; }@media (min-width: 500px) {  .timeline__item:nth-child(odd) .timeline__item-inner {    float: left; }  .timeline__item:nth-child(even) .timeline__item-inner {    float: right; } }.timeline__item-inner {  position: relative;  width: calc(100% - 2rem);  padding: 1rem;  margin-left: 2rem;  background-color: #fff;  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1); }@media (min-width: 500px) {  .timeline__item-inner {    margin-left: 0;    width: calc(50% - 2rem); } }@media (min-width: 700px) {  .timeline__item-inner {    padding: 2rem;    width: calc(50% - 3rem); } }.timeline__item-inner::before {  content: "";  position: absolute;  top: 50%;  height: 1px;  width: 2rem;  background-color: #fff;  right: 100%; }@media (min-width: 700px) {  .timeline__item-inner::before {    width: 3rem; } }.timeline__item-inner::after {  content: "";  position: absolute;  top: 50%;  height: 6px;  width: 6px;  border-radius: 3px;  background-color: #fff;  margin-top: -3px;  right: calc(100% + 2rem);  margin-right: -3px; }@media (min-width: 500px) {  .timeline__item:nth-child(even) .timeline__item-inner::before {    right: 100%; }  .timeline__item:nth-child(even) .timeline__item-inner::after {    right: calc(100% + 2rem);    margin-right: -3px; } }@media (min-width: 700px) {  .timeline__item:nth-child(even) .timeline__item-inner::after {    right: calc(100% + 3rem); } }@media (min-width: 500px) {  .timeline__item:nth-child(odd) .timeline__item-inner::before {    left: 100%; }  .timeline__item:nth-child(odd) .timeline__item-inner::after {    left: calc(100% + 2rem);    margin-left: -3px; } }@media (min-width: 700px) {  .timeline__item:nth-child(odd) .timeline__item-inner::after {    left: calc(100% + 3rem); } }.timeline__item p.timeline__date {  font-size: 0.9375rem;  font-weight: 700;  color: #727272;  margin-bottom: 0.25rem; }.timeline__info {  font-size: 0.8125rem; }@media (min-width: 700px) {  .timeline__info {    font-size: 0.875rem; }  .timeline__item p.timeline__date {    font-size: 1.125rem; } }/*Videos and downloads*/.videos-container > h3 {  width: 100%;  padding: 10px;  background: #7fba23;  color: #fff; }.videos-container {  margin-bottom: 30px; }.videos-wrapper:before, .videos-wrapper:after {  content: "";  display: table; }.videos-wrapper:after {  clear: both; }.videos-wrapper {  zoom: 1; }.videos-wrapper {  margin-bottom: 20px;  padding-bottom: 20px; }.videos-wrapper .video-item {  transition: all .2s ease-in-out;  width: 21%;  margin: 2% 2%;  background: #f4f4f4;  padding: 15px;  float: left; }.videos-wrapper .video-item:hover {  background: #c4c4c4; }.videos-wrapper .video-item .video-thumb {  position: relative; }.videos-wrapper .video-item .video-thumb a.popup-youtube:before {  content: url("/cctvseller-co-uk/_img/play-btn.png");  position: absolute;  top: 40%;  left: 40%;  width: 35px;  height: 35px; }.videos-wrapper .video-item .video-title h3 {  transition: all .2s ease-in-out;  font-size: 13px;  font-size: 0.8125rem;  font-weight: 700;  color: #7fba23; }.videos-wrapper .video-item:hover .video-title h3 {  color: #222; }.documents-container h3 {  width: 100%;  padding: 10px;  background: #7fba23;  color: #fff; }.document-wrapper:before, .document-wrapper:after {  content: "";  display: table; }.document-wrapper:after {  clear: both; }.document-wrapper {  zoom: 1; }.document-wrapper .document-item {  width: 50%;  float: left;  padding: 5px; }.document-wrapper .document-item a {  transition: all .2s ease-in-out;  font-size: 13px;  font-size: 0.8125rem;  font-weight: 700;  color: #7fba23; }.document-wrapper .document-item a:hover {  color: #222; }.document-wrapper .document-item a img {  vertical-align: -5px; }@media all and (max-width: 768px) and (min-width: 0px) {  .videos-wrapper .video-item {    width: 29.33%; }  .document-wrapper .document-item {    width: 100%; } }@media all and (max-width: 550px) and (min-width: 0px) {  .videos-wrapper .video-item {    width: 46%; } }@media all and (max-width: 480px) and (min-width: 0px) {  .videos-wrapper .video-item {    width: 100%;    margin: 2% 0; } }.main-contact {  text-align: right;  margin-bottom: 0.5em; }  .main-contact__item {    display: inline-block;    margin-left: 1em; }  .main-contact .contact-icon, .main-contact .contact-text {    display: inline-block;    vertical-align: middle; }  .main-contact .contact-icon {    fill: #a4a4a4;    height: 1em;    width: auto;    margin-right: 0.25em; }  .main-contact .contact-text {    font-size: 0.8125rem;    color: #a4a4a4;    font-weight: 600; }    .main-contact .contact-text a {      color: #a4a4a4; }.banner-wrap {  margin-bottom: 0.5em;  overflow: hidden;  max-height: 345px; }  @media (min-width: 37.5em) {    .banner-wrap {      margin-bottom: 0;      width: 74.64789%;      float: left;      margin-right: 1.40845%; } }@media (min-width: 37.5em) {  .side-banners {    width: 23.94366%;    float: right;    margin-right: 0; } }.side-banners > div {  float: left;  width: 49%;  height: 0;  padding-bottom: 31.906976744186043%;  background-size: cover;  background-repeat: no-repeat;  background-position: 50% 50%; }  @media (min-width: 37.5em) {    .side-banners > div {      float: left;      width: 49%;      height: 0;      padding-bottom: 31.906976744186043%; } }  @media (min-width: 37.5em) {    .side-banners > div {      float: none;      width: 100%;      padding-bottom: 64.15094339622641%; } }  .side-banners > div img {    width: 100%;    height: auto; }.side-banner__top {  margin-right: 2%; }  @media (min-width: 37.5em) {    .side-banner__top {      margin-bottom: 3.75%;      margin-right: 0; } }.trending-products, .featured-products {  margin-bottom: 1em; }  .trending-products .vatText, .featured-products .vatText {    font-size: 0.8125rem;    color: #727272;    font-weight: 400; }  .trending-products .productCat, .trending-products .productId, .trending-products .productDesc, .trending-products .product_view_btn, .featured-products .productCat, .featured-products .productId, .featured-products .productDesc, .featured-products .product_view_btn {    display: none; }  .trending-products .product_img, .featured-products .product_img {    margin-bottom: 1em; }  .trending-products .productName, .featured-products .productName {    font-size: 0.75rem;    margin-bottom: 1em; }    .trending-products .productName a, .featured-products .productName a {      color: #555;      line-height: 1; }  .trending-products .productPrice, .featured-products .productPrice {    font-size: 1.125rem;    color: #222;    line-height: 1;    margin-bottom: 5px; }  .trending-products .productPriceVat, .trending-products .productPriceVat a, .featured-products .productPriceVat, .featured-products .productPriceVat a {    font-size: 1.125rem;    color: #222;    line-height: 1.1;    letter-spacing: -0.5px;    display: none;}.trending-product__wrap .product_tag {  width: 100%;  display: -ms-flexbox;  display: flex;  -ms-flex-pack: justify;      justify-content: space-between;  -ms-flex-wrap: wrap;      flex-wrap: wrap; }.trending-product__wrap .product_item {  display: inline-block;  padding: 1em;  border: 1px solid #e5e5e5;  text-align: center;  vertical-align: top;  width: 100%;  margin-bottom: 1em;  cursor: pointer; }  .no-flexbox .trending-product__wrap .product_item {    margin: 1.5% 1%; }  .trending-product__wrap .product_item:hover {    border-color: #000; }  .trending-product__wrap .product_item:nth-child(n+6) {    display: none; }  @media (min-width: 21.875em) {    .trending-product__wrap .product_item {      width: 47.5%;      -ms-flex-preferred-size: 49%;          flex-basis: 49%; }      .trending-product__wrap .product_item:nth-child(5) {        display: none; } }  @media (min-width: 50em) {    .trending-product__wrap .product_item {      margin-bottom: 0;      width: 18%;      -ms-flex-preferred-size: 19%;          flex-basis: 19%; }      .trending-product__wrap .product_item:nth-child(5) {        display: inline-block; }      .no-flexbox .trending-product__wrap .product_item {        margin: 0 0.75%; } }.trending-product__wrap .product_img {  height: 0;  padding-bottom: 75%;  margin-bottom: 1em;  background-position: center center;  background-size: contain !important;  background-repeat: no-repeat; }  @media (min-width: 21.875em) {    .trending-product__wrap .product_img {      padding-bottom: 100%; } }.featured-promos .container {  display: -ms-flexbox;  display: flex;  -ms-flex-pack: justify;      justify-content: space-between;  width: 100%;  -ms-flex-wrap: wrap;      flex-wrap: wrap; }.featured-promos__tile {  margin: auto;  margin-top: 0;  display: inline-block;  vertical-align: top; }  @media (min-width: 30em) {    .featured-promos__tile {      width: 33%;      -ms-flex-preferred-size: 32.5%;          flex-basis: 32.5%; } }  .featured-promos__tile:first-child {    margin-right: auto; }  .featured-promos__tile:last-child {    margin-left: auto; }  .featured-promos__tile img {    width: 100%; }  .featured-promos__tile a {    display: block; }.featured-products .product_item {  width: 98%;  margin: 0 1% 3%;  float: left;  padding: 1em;  border: 1px solid #e5e5e5;  text-align: center;  background-color: #fff;  cursor: pointer; }  .featured-products .product_item:hover {    border-color: #000; }  @media (min-width: 21.875em) {    .featured-products .product_item {      width: 48%;      margin: 0 1% 2%; } }  @media (min-width: 30em) {    .featured-products .product_item {      width: 31.25%; } }  @media (min-width: 43.75em) {    .featured-products .product_item {      width: 24%;      margin: 0 0.5% 1%; } }.featured-videos {  position: relative;  background-color: #d1d1d1;  padding: 1.6em 0; }  .featured-videos__item {    padding: 0 0.5em; }  .featured-videos__image {    margin-bottom: 0.5em; }  .featured-videos__title {    font-size: 0.8125rem;    font-weight: 700;    line-height: 1.2; }  .featured-videos__carousel {    padding: 0 1em;    margin-bottom: 1rem; }  .featured-videos .slick-prev, .featured-videos .slick-next {    position: absolute;    top: 50%;    -ms-transform: translateY(-50%);        transform: translateY(-50%);    z-index: 10;    font-size: 0;    line-height: 0;    display: block;    margin-top: -.75rem;    padding: 0;    cursor: pointer;    color: transparent;    border: none;    outline: none;    background: transparent;    text-align: center; }    .featured-videos .slick-prev:before, .featured-videos .slick-next:before {      content: "";      width: 1rem;      height: 0;      padding-bottom: 230.63063063063063%;      display: block;      background-color: transparent;      background-repeat: no-repeat;      background-position: 50% 50%;      background-size: contain;      position: relative;      opacity: 0.5; }    .featured-videos .slick-prev:hover:before, .featured-videos .slick-next:hover:before {      opacity: 1; }  .featured-videos .slick-prev {    left: -0.5rem; }    .featured-videos .slick-prev:before {      background-image: url("/cctvseller-co-uk/_img/images/svg/left-arrow.svg"); }  .featured-videos .slick-next {    right: -0.5rem; }    .featured-videos .slick-next:before {      background-image: url("/cctvseller-co-uk/_img/images/svg/right-arrow.svg"); }  .featured-videos .featured-videos__item img {    opacity: 0.9;    transition: transform 300ms ease-out, opacity 200ms ease-out; }    .featured-videos .featured-videos__item img:hover {      -ms-transform: scale(1.05);          transform: scale(1.05);      opacity: 1; }/* Ecommerce Forms */.signup {  padding-top: 2em; }  .signup .container {    max-width: 700px; }  .signup .error {    background-color: #fcbca6;    padding: 1em;    border: 1px solid firebrick;    font-size: 0.875rem;    color: firebrick; }    @media (min-width: 26.25em) {      .signup .error {        padding: 2rem 3rem; } }  .signup .errorTitle {    font-weight: 700;    margin-bottom: 5px; }  .signup .errorItem {    padding: 2px 0; }  .signup #pnlStepSuccess2,  .signup .success {    padding: 1em;    background-color: palegreen;    border: 1px solid darkgreen;    color: darkgreen;    font-size: 0.875rem;    font-weight: 700; }    @media (min-width: 26.25em) {      .signup #pnlStepSuccess2,      .signup .success {        padding: 2rem 3rem; } }  .signup .ecommerceEditDetailsIntro,  .signup .ecommercePasswordIntro {    font-size: 0.875rem;    font-weight: 700; }#ecommerceAccountForm,.ecommerceLogin,.ecommercePassword {  padding: 1em;  border: 1px solid rgba(34, 34, 34, 0.3);  margin: auto;  max-width: 700px;  margin-top: 0.5em;  text-align: center; }  @media (min-width: 26.25em) {    #ecommerceAccountForm,    .ecommerceLogin,    .ecommercePassword {      padding: 3em; } }  #ecommerceAccountForm td input,  .ecommerceLogin td input,  .ecommercePassword td input {    margin: 0.5rem 0;    font-size: 0.8125rem; }.ecommerceLoginIntro {  font-weight: 700;  font-size: 1.5rem; }.ecommercePasswordIntro,.ecommercePasswordLink {  font-size: 0.8125rem;  line-height: 1.2; }.ecommerceAccountForm {  width: 100%; }  .ecommerceAccountForm td {    font-size: 0.8125rem; }    .ecommerceAccountForm td:first-child {      font-size: 0.8125rem;      padding-right: 1em;      font-weight: 700; }  .ecommerceAccountForm tr:last-child td {    text-align: center; }  .ecommerceAccountForm a {    display: inline-block;    padding: 0.75em 3em;    font-size: 0.875rem;    color: #FFFFFF;    background-color: #3c3c3c;    font-weight: 700;    margin-top: 1em;    margin-bottom: 1.5em; }    .ecommerceAccountForm a:hover {      background-color: #222; }.create-account {  padding: 2em;  text-align: center; }.registerCustomer {  padding: 1em;  border: 1px solid rgba(34, 34, 34, 0.3);  margin: 2em auto;  max-width: 700px; }  @media (min-width: 26.25em) {    .registerCustomer {      padding: 3em; } }  .registerCustomer form h2:not(:first-of-type) {    padding-top: 2rem;    margin-top: 2rem;    border-top: 1px solid rgba(34, 34, 34, 0.35); }  .registerCustomer form > p {    margin-top: 2rem; }  .registerCustomer table {    width: 100%; }    .registerCustomer table:before, .registerCustomer table:after {      content: "";      display: table; }    .registerCustomer table:after {      clear: both; }    .registerCustomer table tbody {      width: 100%; }      .registerCustomer table tbody:before, .registerCustomer table tbody:after {        content: "";        display: table; }      .registerCustomer table tbody:after {        clear: both; }    .registerCustomer table .col1 {      width: 40%; }    .registerCustomer table .col2 {      width: 60%; }    .registerCustomer table td input,    .registerCustomer table td select {      margin: 0.5rem 0;      font-size: 0.8125rem; }    .registerCustomer table td:first-child {      font-size: 0.8125rem;      padding-right: 1em;      font-weight: 700; }  .registerCustomer input#button {    display: inline-block;    padding: 0.75em 3em;    font-size: 0.875rem;    color: #FFFFFF;    background-color: #3c3c3c;    font-weight: 700;    margin-bottom: 1.5em; }    .registerCustomer input#button:hover {      background-color: #222; }.ecommerceEditDetails {  padding-bottom: 3em; }.ecommerceOrderTable {  font-size: 0.875rem; }  .ecommerceOrderTable .tableheading {    font-weight: 700; }  .ecommerceOrderTable td {    border: border-collapse;    border: 1px solid #ccc;    padding: 0.3rem; }    @media (min-width: 26.25em) {      .ecommerceOrderTable td {        padding: 0.5rem; } }/* Category Overview */.category-groups .container {  text-align: center; }.category-groups h1 {  font-weight: 700; }.category-groups .category-link {  display: inline-block;  vertical-align: top;  margin: 0.5em 0;  background-color: #fff;  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.07);  border-radius: 4px;  padding: 1em;  width: 100%;  padding-bottom: 5px;  text-align: center;  border: 1px solid #ddd;  overflow: hidden; }  @media (min-width: 31.25em) {    .category-groups .category-link {      width: 47.5%;      margin: 1%;      padding: 2em; } }  @media (min-width: 50em) {    .category-groups .category-link {      width: 30.75%; } }  .category-groups .category-link:hover {    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);    border: 1px solid #999; }    .category-groups .category-link:hover .category-button {      background-color: #9ad937; }      .category-groups .category-link:hover .category-button:hover {        background-color: #7fba23; }.category-groups .category-title {  font-size: 1.125rem;  font-weight: 700;  margin-bottom: 0.5rem;  color: #222;  display: block; }  @media (min-width: 26.25em) {    .category-groups .category-title {      font-size: 1.3125rem; } }.category-groups .category-button {  margin-bottom: 0.5rem;  padding: 0.4em 1.75em;  font-size: 14px;  font-weight: 700;  transition: all 300ms ease-out;  display: inline-block;  text-align: center;  white-space: nowrap;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  background-color: #3c3c3c;  color: #FFFFFF; }  .category-groups .category-button:hover {    background-color: #222;    color: #FFFFFF;    text-shadow: none; }.category-groups .category-icon {  width: 100%;  display: block; }.cat-promo {  background-color: #fff;  width: 100%;  margin: auto;  max-width: 1130px; }.cat-promo-tiles {  width: 100%;  margin: 1.5em 0; }  .cat-promo-tiles:before, .cat-promo-tiles:after {    content: "";    display: table; }  .cat-promo-tiles:after {    clear: both; }.cat-promo-tile {  width: 100%;  margin: 1%;  display: block;  line-height: 0;  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }  @media (min-width: 27.5em) {    .cat-promo-tile {      width: 30.5%;      display: inline-block; } }/* Product Listing */.product_tagLine {  background: #7fba23;  color: white;  padding: 0.25em;  margin-top: 0.25em; }  .product_tagLine img {    width: 16px;    display: inline-block;    margin-right: 0.2em; }.product-filters {  position: fixed;  top: 0;  right: 0;  -ms-transform: translateX(100%);      transform: translateX(100%);  width: 90%;  height: 100%;  background-color: #f4f4f4;  overflow-y: scroll;  z-index: 1000;  max-width: 300px;  transition: transform 600ms ease-out; }  .product-filters.open {    box-shadow: -3px 0 12px 0 rgba(34, 34, 34, 0.1), -6px 0 20px 0 rgba(34, 34, 34, 0.15);    -ms-transform: translateX(0);        transform: translateX(0); }  @media (min-width: 52.5em) {    .product-filters {      width: 23.94366%;      float: left;      margin-right: 1.40845%;      position: relative;      top: auto;      right: auto;      -ms-transform: none;          transform: none;      z-index: 1;      max-width: none;      box-shadow: none;      overflow-y: visible; } }  .product-filters__heading {    padding: 1.5rem;    background-color: #dbdbdb; }    .product-filters__heading h4 {      color: #222;      font-weight: 700;      margin-bottom: 0;      line-height: 1.1;      display: inline-block;      vertical-align: middle;      width: calc(100% - 1.8rem); }      @media (min-width: 52.5em) {        .product-filters__heading h4 {          width: 100%; } }    .product-filters__heading .close-button {      display: inline-block;      width: 1.5rem;      height: 1.5rem;      padding-left: 0.5rem;      vertical-align: middle;      -ms-transform: rotate(45deg);          transform: rotate(45deg); }      @media (min-width: 52.5em) {        .product-filters__heading .close-button {          display: none; } }  .product-filters #navCategory {    display: none; }  .product-filters .category__filter {    padding: 1.5rem; }    .product-filters .category__filter__header {      font-size: 0.875rem;      font-weight: 700;      padding-right: 1.5rem;      position: relative; }      .product-filters .category__filter__header:not(:first-child) {        margin-top: 1.5rem; }      .product-filters .category__filter__header:first-of-type {        margin-top: 0; }      .product-filters .category__filter__header:before {        content: "";        display: block;        height: 0.75rem;        width: 0.75rem;        position: absolute;        right: 0;        top: 6px;        -ms-transform: rotate(0deg);            transform: rotate(0deg);        transition: transform 400ms ease-out;        -ms-transform-origin: 50% 50%;            transform-origin: 50% 50%;        background-position: 50% 50%;        background-size: contain;        background-repeat: no-repeat;        background-image: url("/cctvseller-co-uk/_img/images/svg/down-arrow.svg"); }      .product-filters .category__filter__header a {        color: transparent; }      .product-filters .category__filter__header.selected {        position: relative;        padding-right: 0; }        .product-filters .category__filter__header.selected:before {          background-image: none; }        .product-filters .category__filter__header.selected a {          overflow: hidden;          text-indent: -1000%;          white-space: nowrap;          display: inline-block;          float: right;          width: 0.75rem;          position: relative;          color: transparent; }          .product-filters .category__filter__header.selected a:before {            content: "";            display: block;            height: 0.75rem;            width: 0.75rem;            position: absolute;            right: 0;            top: 50%;            -ms-transform: translateY(-50%) rotate(45deg);                transform: translateY(-50%) rotate(45deg);            background-position: 50% 50%;            background-size: contain;            background-repeat: no-repeat;            background-image: url("/cctvseller-co-uk/_img/images/svg/cross.svg"); }      .product-filters .category__filter__header.closed:before {        -ms-transform: rotate(180deg);            transform: rotate(180deg); }    .product-filters .category__filter__options {      margin-bottom: 1.5rem; }      .product-filters .category__filter__options__selected {        font-size: 0.875rem;        color: #222;        font-weight: 700;        padding-left: 1.5rem;        margin-top: 0.5rem;        position: relative; }        .product-filters .category__filter__options__selected:before {          content: "";          display: block;          height: 0.75rem;          width: 0.75rem;          position: absolute;          left: 0;          top: 50%;          -ms-transform: translateY(-50%);              transform: translateY(-50%);          background-position: 50% 50%;          background-size: contain;          background-repeat: no-repeat;          background-image: url("/cctvseller-co-uk/_img/images/svg/tick.svg"); }    .product-filters .category__filter__options__item a {      font-size: 0.8125rem;      color: #727272;      display: inline-block;      margin: 0.25rem 0;      padding: 0.25rem;      width: 100%; }      .product-filters .category__filter__options__item a:hover {        color: #222; }    .product-filters .category__filter__options__item:not(:last-of-type) {      border-bottom: 1px solid #ccc; }.quote-box {  line-height: 0;  border-top: 1rem solid #fff; }.product-listing__inner {  max-width: 100%;  margin-left: auto;  margin-right: auto;  position: relative; }  .product-listing__inner:after {    content: " ";    display: block;    clear: both; }.product-listing__wrap {  position: relative;  padding: 1.5rem 0;  text-align: center; }  @media (min-width: 37.5em) {    .product-listing__wrap {      padding: 1.5rem;      text-align: left; } }  @media (min-width: 52.5em) {    .product-listing__wrap {      width: 74.64789%;      float: right;      margin-right: 0; } }  .product-listing__wrap .filter-button {    display: inline-block;    opacity: 0.75;    line-height: 0;    position: relative;    top: -3px;    cursor: pointer;    width: 2rem; }    @media (min-width: 37.5em) {      .product-listing__wrap .filter-button {        margin-left: 0;        margin-right: 2rem;        display: inline-block; } }    @media (min-width: 52.5em) {      .product-listing__wrap .filter-button {        display: none; } }    .product-listing__wrap .filter-button:hover {      opacity: 1; }    .product-listing__wrap .filter-button:after {      content: "Filter";      font-size: 0.8125rem;      color: #727272;      font-weight: 700;      display: inline-block;      line-height: 1.2; }    .product-listing__wrap .filter-button svg {      fill: #FFFFFF;      padding: 0.5rem;      border: 1px solid #222;      width: 2rem;      height: 2rem;      line-height: 0;      background-color: #222; }  .product-listing__wrap h2 {    line-height: 1;    vertical-align: top;    margin-top: 0.25rem;    margin-bottom: 1rem; }    @media (min-width: 23.75em) {      .product-listing__wrap h2 {        margin-top: 0;        margin-bottom: 0.75rem; } }    @media (min-width: 37.5em) {      .product-listing__wrap h2 {        width: 40%;        display: inline-block;        padding-bottom: 0.75em; } }  .product-listing__wrap form {    margin-bottom: 1.5rem;    position: relative;    text-align: center; }    .product-listing__wrap form[name="pageFooter"] {      display: inline-block; }    @media (min-width: 37.5em) {      .product-listing__wrap form {        display: inline-block;        vertical-align: top;        width: calc(49% - 1rem);        float: right; } }    .product-listing__wrap form[name="pageFooter"] {      margin-top: 2rem;      width: 100%; }  .product-listing__wrap .pagination {    width: 100%; }    @media (min-width: 37.5em) {      .product-listing__wrap .pagination {        text-align: right; } }    .product-listing__wrap .pagination ul li {      display: inline-block;      font-size: 0.8125rem;      border: 1px solid #aaa;      line-height: 1;      margin-bottom: 3px; }      .product-listing__wrap .pagination ul li.active {        padding: 0.5rem;        border-color: #7fba23;        color: #7fba23;        font-weight: 700;        box-shadow: inset 0 0 0 1px #7fba23; }        .product-listing__wrap .pagination ul li.active:hover {          border-color: #7fba23; }      .product-listing__wrap .pagination ul li.p_active {        display: none;        padding: 0.5rem;        border-color: #eee;        color: #eee; }        .product-listing__wrap .pagination ul li.p_active:hover {          color: #eee;          border-color: #eee; }      .product-listing__wrap .pagination ul li a {        color: #727272;        padding: 0.5rem;        display: block; }        .product-listing__wrap .pagination ul li a:hover {          color: #222; }      .product-listing__wrap .pagination ul li:hover {        border-color: #222; }  .product-listing__wrap .view-type-switch {    display: none;    text-align: right;    font-weight: bold;    margin-bottom: 0.5em; }    @media (min-width: 40em) {      .product-listing__wrap .view-type-switch {        display: block; } }  .product-listing__wrap .view-type-switch_inner {    display: inline-block;    vertical-align: middle;    cursor: pointer;    font-size: 1.44em; }    .product-listing__wrap .view-type-switch_inner::after, .product-listing__wrap .view-type-switch_inner::before {      display: inline-block;      line-height: 1;      font-family: FontAwesome;      padding: 0.25em;      transition: all 0.3s; }    .product-listing__wrap .view-type-switch_inner::before {      content: "\f03a";      background: white;      color: #7fba23; }      .list-view .product-listing__wrap .view-type-switch_inner::before {        background: #7fba23;        color: white; }    .product-listing__wrap .view-type-switch_inner::after {      content: "\f009";      background: #7fba23;      color: white; }      .list-view .product-listing__wrap .view-type-switch_inner::after {        background: white;        color: #7fba23; }  .product-listing__wrap .product_item {    position: relative;    padding: 1rem;    margin: 0 0 1rem;    border: 1px solid #e5e5e5;    text-align: center;    padding-bottom: 1rem; }    .product-listing__wrap .product_item_container {      max-width: 100%;      margin-left: auto;      margin-right: auto;      position: relative;      float: left;      width: 100%; }      .product-listing__wrap .product_item_container:after {        content: " ";        display: block;        clear: both; }    @media (min-width: 40em) and (max-width: 57.5em) {      .product-listing__wrap .product_item {        width: 48.57143%;        float: left;        margin-right: 2.85714%; }        .product-listing__wrap .product_item:nth-child(2n) {          width: 48.57143%;          float: right;          margin-right: 0; } }    @media (min-width: 57.5em) {      .product-listing__wrap .product_item {        width: 31.42857%;        float: left;        margin-right: 2.85714%; }        .product-listing__wrap .product_item:nth-child(3n+1) {          width: 31.42857%;          float: right;          margin-right: 0; } }    @media (min-width: 40em) {      .list-view .product-listing__wrap .product_item {        display: block;        float: none;        width: 100%; } }    @media (min-width: 23.75em) {      .product-listing__wrap .product_item {        padding: 1rem;        text-align: left; } }    .product-listing__wrap .product_item:hover {      border-color: #222; }  .product-listing__wrap .product_img {    margin-bottom: 0.5rem; }    @media (min-width: 23.75em) {      .product-listing__wrap .product_img {        margin-bottom: 0;        display: inline-block;        width: 100%;        vertical-align: top;        text-align: center; } }    @media (min-width: 40em) {      .list-view .product-listing__wrap .product_img {        width: 30%; } }  .product-listing__wrap .product_info {    font-size: 0.8125rem;    vertical-align: top;    text-align: left; }    @media (min-width: 30em) {      .list-view .product-listing__wrap .product_info {        width: 60%;        padding: 0 4% 0 0;        display: inline-block; } }    @media (min-width: 40em) {      .list-view .product-listing__wrap .product_info {        width: 44%;        padding: 0 2%; } }  .product-listing__wrap .brand-logo {    width: 100%;    margin: 0.25rem 0; }    .product-listing__wrap .brand-logo img {      max-width: 125px; }  .product-listing__wrap .productName {    font-size: 0.9375rem;    font-weight: 700;    margin-bottom: 0.75rem;    line-height: 1.2; }    .product-listing__wrap .productName a {      color: #222; }  .product-listing__wrap .productCat,  .product-listing__wrap .productId {    display: none; }  .product-listing__wrap .productKeyFeatures li {    padding-left: 0.8rem;    position: relative; }    .product-listing__wrap .productKeyFeatures li:before {      content: "";      height: 4px;      width: 4px;      border-radius: 50%;      display: inline-block;      background-color: #696969;      position: absolute;      left: 0;      top: 8px; }  .product-listing__wrap .productDesc {    color: #555;    display: none; }    @media (min-width: 23.75em) {      .product-listing__wrap .productDesc {        display: block; } }  .product-listing__wrap .product_priceblock {    text-align: left; }    @media (min-width: 30em) {      .list-view .product-listing__wrap .product_priceblock {        display: inline-block;        vertical-align: top;        width: 38%; } }    @media (min-width: 40em) {      .list-view .product-listing__wrap .product_priceblock {        width: 25%; } }  .product-listing__wrap .ecommHidePrice {    margin-bottom: 0.5rem; }    @media (min-width: 23.75em) {      .product-listing__wrap .ecommHidePrice {        font-size: 1.5rem; } }    @media (min-width: 37.5em) {      .product-listing__wrap .ecommHidePrice {        right: 0; } }  .product-listing__wrap .vatText {    font-size: 0.8125rem;    color: #727272;    font-weight: 400; }  .product-listing__wrap .productPriceVat, .product-listing__wrap .productPriceVat a {    font-size: 1.125rem;    font-weight: 700;    color: #222;    line-height: 1.1;    margin: 0.75em 0; }    .list-view .product-listing__wrap .productPriceVat, .list-view .product-listing__wrap .productPriceVat a {      margin: 0; }  .product-listing__wrap .uspPoints {    margin-bottom: 0.5rem; }  .product-listing__wrap .uspItem {    padding-left: 1.75rem;    position: relative;    margin-bottom: 0.4rem;    line-height: 1.4; }  .product-listing__wrap .usp-icon {    position: absolute;    left: 0;    top: 0;    width: 1.2rem;    height: 1.2rem; }    .product-listing__wrap .usp-icon img[src*="flag"] {      top: -2px;      position: relative; }  .product-listing__wrap .usp-text {    font-size: 0.8125rem; }  .product-listing__wrap .productAdd a,  .product-listing__wrap .product_view_btn a {    display: inline-block;    vertical-align: top;    border-radius: 4px;    padding: 0.65rem 0.85rem;    text-align: center;    border: 1px solid #ddd;    overflow: hidden;    box-shadow: none;    border: none;    background-color: #7fba23;    color: #FFFFFF;    width: 100%;    font-size: 0.8125rem;    font-weight: 400;    line-height: 1; }    .product-listing__wrap .productAdd a:hover,    .product-listing__wrap .product_view_btn a:hover {      background-color: #628f1b;      text-decoration: none; }  .product-listing__wrap .productAdd {    margin-bottom: 0.5rem; }    .product-listing__wrap .productAdd a {      background-color: #696969; }      .product-listing__wrap .productAdd a:hover {        background-color: #505050; }/* Product Page */.product-item__wrap {  width: 100%;  position: relative;  overflow: hidden; }  .product-item__wrap:before, .product-item__wrap:after {    content: "";    display: table; }  .product-item__wrap:after {    clear: both; }@media (min-width: 46.875em) {  .product-item__details {    width: 66.19718%;    float: left;    margin-right: 1.40845%; } }@media (min-width: 60em) {  .product-item__details {    width: 74.64789%;    float: left;    margin-right: 1.40845%; } }.product-item__add {  padding: 1rem;  border: 1px solid #ccc;  margin-bottom: 1rem;  background-color: #fff;  box-shadow: 0 4px 6px 0 rgba(34, 34, 34, 0.05); }  @media (min-width: 46.875em) {    .product-item__add {      width: 32.39437%;      float: right;      margin-right: 0; } }  @media (min-width: 60em) {    .product-item__add {      width: 23.94366%;      float: right;      margin-right: 0; } }  .product-item__add.scrolled {    position: fixed;    top: 0;    left: 0; }  .product-item__add .ecommerceProductOptionsInnerTitle,  .product-item__add .productHide {    display: none; }  .product-item__add .detailProductPrice, .product-item__add .detailProductPrice a {    margin-bottom: 0.5rem;    line-height: 1.2;    color: #222;    font-size: 1.125rem;    position: relative; }  .product-item__add .detailProductPrice:before {    content: "";    background-image: url("/cctvseller-co-uk/_img/images/hikvision-authorized-wholesaler.jpg");    background-repeat: no-repeat;    background-size: contain;    display: block;    width: 170px;    height: 45px; }  .product-item__add .detailProductQuantityLabel,  .product-item__add .ecommerceProductOptionsInnerLabel,  .product-item__add .productOptionsLabel {    font-size: 0.8125rem;    font-weight: 700;    color: #727272; }    .product-item__add .detailProductQuantityLabel::first-letter,    .product-item__add .ecommerceProductOptionsInnerLabel::first-letter,    .product-item__add .productOptionsLabel::first-letter {      text-transform: uppercase; }  .product-item__add .detailProductQuantityInput input[type='text'] {    padding: 0.5rem;    font-size: 0.875rem; }  .product-item__add .detailProductBtn a {    display: inline-block;    vertical-align: top;    border-radius: 4px;    padding: 0.75rem 1rem;    text-align: center;    border: 1px solid #ddd;    overflow: hidden;    box-shadow: none;    border: none;    background-color: #7fba23;    color: #FFFFFF;    font-size: 0.8125rem;    font-weight: 700;    width: 100%;    line-height: 1; }    .product-item__add .detailProductBtn a:hover {      background-color: #628f1b;      text-decoration: none; }  .product-item__add .productPrice {    color: #222;     font-size: 1.75rem;    font-weight: 700;  }  .product-item__add .productPriceVat {    font-size: 1.3125rem;    color: #222;  display: none;}  .product-item__add .vatText {    font-size: 0.8125rem;    color: #8c8c8c;    font-weight: 400; }  .product-item__add .productPriceVat {    font-size: 1.75rem;    font-weight: 700; }  .product-item__add .uspPoints {    margin-bottom: 0.5rem; }  .product-item__add .uspItem {    padding-left: 1.75rem;    position: relative;    margin-bottom: 0.4rem;    line-height: 1.4; }  .product-item__add .usp-icon {    position: absolute;    left: 0;    top: 0;    width: 1.2rem;    height: 1.2rem; }    .product-item__add .usp-icon img[src*="flag"] {      top: -2px;      position: relative; }  .product-item__add .usp-text {    font-size: 0.8125rem; }.product-item__price {  margin-bottom: 1rem; }.product-item__options select {  padding: 0.5rem;  font-size: 0.875rem; }.product-item__top {  width: 100%;  margin-bottom: 2rem;  border: 1px solid #ccc; }  @media (min-width: 31.25em) {    .product-item__top {      padding: 1rem; } }.product-item__image {  margin: auto;  padding: 1rem; }  @media (min-width: 60em) {    .product-item__image {      max-width: none;      width: 50%;      display: inline-block;      vertical-align: top; } }  .product-item__image #ecom_zoom {    margin-bottom: 0.75rem;    max-width: 400px;    margin: auto; }    @media (min-width: 60em) {      .product-item__image #ecom_zoom {        max-width: none; } }  .product-item__image #cycle-1 {    width: 100%; }    .product-item__image #cycle-1 .cycle-slide {      width: 100%;      border: 1px solid transparent;      transition: 200ms border ease-out; }      .product-item__image #cycle-1 .cycle-slide img {        width: 100%;        height: auto; }      .product-item__image #cycle-1 .cycle-slide-active:hover {        cursor: crosshair;        border: 1px solid rgba(0, 0, 0, 0.5); }  .product-item__image #carousel {    width: 100%;    position: relative;    padding-bottom: 2rem; }    .product-item__image #carousel #cycle-2 {      width: 100%;      overflow: hidden; }    .product-item__image #carousel .cycle-slide {      background-color: #fff;      border: 1px solid #ddd;      width: 75px;      height: 75px;      display: block;      overflow: hidden;      position: relative;      margin-right: 5px;      cursor: pointer; }      .product-item__image #carousel .cycle-slide:hover {        border-color: #999; }  .product-item__image #custom-pager {    display: none; }  .product-item__image .cycle-prev {    position: absolute;    bottom: 0;    left: 0;    width: 1.25rem;    height: 1.25rem;    display: inline-block;    overflow: hidden;    text-indent: -1000%;    white-space: nowrap;    opacity: 0.75; }    .product-item__image .cycle-prev:hover {      opacity: 1; }    .product-item__image .cycle-prev:before {      content: "";      display: block;      height: 100%;      width: 100%;      background-position: 50% 50%;      background-size: contain;      background-repeat: no-repeat;      background-image: url("/cctvseller-co-uk/_img/images/svg/left-arrow.svg"); }  .product-item__image .cycle-next {    position: absolute;    bottom: 0;    left: 2rem;    width: 1.25rem;    height: 1.25rem;    display: inline-block;    overflow: hidden;    text-indent: -1000%;    white-space: nowrap;    opacity: 0.75; }    .product-item__image .cycle-next:hover {      opacity: 1; }    .product-item__image .cycle-next:before {      content: "";      display: block;      height: 100%;      width: 100%;      background-position: 50% 50%;      background-size: contain;      background-repeat: no-repeat;      background-image: url("/cctvseller-co-uk/_img/images/svg/right-arrow.svg"); }.product-item__info {  padding: 1rem; }  @media (min-width: 60em) {    .product-item__info {      width: 48%;      display: inline-block;      vertical-align: top; } }.product-item__logo {  width: 100%;  margin: 0.25rem 0; }  .product-item__logo img {    max-width: 125px; }.product-item__title h1 {  font-size: 1.125rem;  margin-bottom: 0.75rem;  line-height: 1.1;  font-weight: 700; }.product-item__cat h4 {  font-size: 0.9375rem;  color: #727272;  margin-bottom: 0.25rem; }.product-item__id .detailProductCodeLabel {  display: none; }.product-item__id .detailProductCodeValue {  font-size: 0.9375rem;  color: #727272;  margin-bottom: 0.75rem; }.product-item__desc .detailProductDesc {  font-size: 0.8125rem; }.product-item__desc ul {  list-style-type: disc;  margin-left: 1rem;  line-height: 1.6;  margin-bottom: 1rem; }  .product-item__desc ul li {    display: list-item;    list-style-type: disc;    margin: 0.1rem 0; }.product-item__desc ol {  list-style-type: decimal;  margin-left: 1rem;  line-height: 1.6;  margin-bottom: 1rem; }  .product-item__desc ol li {    display: list-item;    list-style-type: decimal;    margin: 0.1rem 0; }.product-item__features li {  padding-left: 1.2rem;  position: relative;  font-size: 0.9375rem;  margin-bottom: 5px; }  .product-item__features li:before {    content: "";    height: 6px;    width: 6px;    border-radius: 50%;    display: inline-block;    background-color: #7fba23;    position: absolute;    left: 0;    top: 9px; }.product-item__bottom > div {  margin-bottom: 2rem;  padding-bottom: 2rem;  border-bottom: 1px solid #eee; }  .product-item__bottom > div h2 {    font-size: 1.125rem; }.product-item .productSpecification {  display: inline;  margin-right: 2rem; }  .product-item .productSpecification a {    padding-left: 1.5em;    position: relative;    color: #222; }    .product-item .productSpecification a:hover {      text-decoration: underline;      color: #7fba23; }    .product-item .productSpecification a:before {      content: "";      display: block;      height: 1em;      width: 1em;      position: absolute;      left: 0;      top: 0;      background-position: 50% 50%;      background-size: contain;      background-repeat: no-repeat;      background-image: url("/cctvseller-co-uk/_img/images/svg/pdf.svg"); }.product-item .ecommerceReviewsItemWrap {  margin-bottom: 2rem; }.product-item .ecommerceReviewsFormWrap div[class^="ecommerceReviewsLabel"] {  font-size: 0.8125rem;  font-weight: 700;  color: #727272; }  .product-item .ecommerceReviewsFormWrap div[class^="ecommerceReviewsLabel"]::first-letter {    text-transform: uppercase; }.product-item .ecommerceReviewsFormWrap input,.product-item .ecommerceReviewsFormWrap select,.product-item .ecommerceReviewsFormWrap textarea {  font-size: 0.875rem;  border-radius: 4px; }.product-item .ecommerceReviewsPost a {  display: inline-block;  vertical-align: top;  border-radius: 4px;  padding: 0.75rem 1rem;  text-align: center;  border: 1px solid #ddd;  overflow: hidden;  box-shadow: none;  border: none;  background-color: #7fba23;  color: #FFFFFF;  font-size: 0.8125rem;  font-weight: 700;  line-height: 1; }  .product-item .ecommerceReviewsPost a:hover {    background-color: #628f1b;    text-decoration: none; }.product-item .ecommerceReviewsError,.product-item .ecommerceReviewsSuccess {  padding: 1rem;  background-color: #7fba23;  font-size: 0.875rem;  font-weight: 700;  color: #fff;  margin-bottom: 1rem; }.product-item .ecommerceReviewsError {  background-color: firebrick; }.product-item .ecommerceReviewsItem {  padding-bottom: 1rem;  margin-bottom: 1rem;  border-bottom: 1px solid #ddd; }.product-item .ecommerceReviewsItemName {  font-size: 0.875rem;  font-weight: 700; }.product-item .ecommerceReviewsItemComment {  font-size: 0.8125rem; }.product-item .ecommerceReviewsItemStar {  width: 100%; }.product-item .ecommerceStar {  width: 1rem;  height: 1rem;  display: inline-block;  margin-right: 2px;  background: url("/cctvseller-co-uk/_img/images/svg/star.svg"); }.product-item .ecommerceNoStar {  display: none; }.product-item .similarProducts {  width: 100%; }  .product-item .similarProducts h2 {    line-height: 1.1;    font-size: 1.125rem; }.product-item .similarProductWrap {  display: inline-block;  vertical-align: top;  width: 48%;  margin: 0.5%;  border: 1px solid #e5e5e5;  padding: 1em;  text-align: center; }  @media (min-width: 21.875em) {    .product-item .similarProductWrap {      width: 31%; } }  @media (min-width: 30em) {    .product-item .similarProductWrap {      width: 23%; } }  .product-item .similarProductWrap a {    display: block; }.product-item .similarProductTitle {  font-size: 0.75rem; }.product-videos__carousel {  padding: 0 1.5em;  margin-bottom: 1rem; }  .product-videos__carousel .featured-videos__item {    position: relative;    opacity: 0.9;    transition: transform 300ms ease-out, opacity 200ms ease-out; }    .product-videos__carousel .featured-videos__item:hover {      -ms-transform: scale(1.05);          transform: scale(1.05);      opacity: 1; }  .product-videos__carousel .featured-videos__image {    margin-bottom: 0; }    .product-videos__carousel .featured-videos__image a {      position: relative;      display: block; }      .product-videos__carousel .featured-videos__image a:after {        content: "►";        display: inline-block;        border-radius: 50%;        position: absolute;        top: 50%;        left: 50%;        -ms-transform: translate(-50%, -50%);            transform: translate(-50%, -50%);        background-color: transparent;        font-size: 2.5rem;        color: #fff;        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);        z-index: 10;        opacity: 0.9;        transition: all 100ms linear; }      .product-videos__carousel .featured-videos__image a:hover:after {        opacity: 1;        font-size: 2.75rem;        text-shadow: 0 3px 12px rgba(0, 0, 0, 0.8); }.product-videos__carousel .slick-next,.product-videos__carousel .slick-prev,.testimonials .slick-next,.testimonials .slick-prev {  position: absolute;  top: 50%;  -ms-transform: translateY(-50%);      transform: translateY(-50%);  z-index: 10;  font-size: 0;  line-height: 0;  display: block;  padding: 0;  cursor: pointer;  color: transparent;  border: none;  outline: none;  background: transparent;  text-align: center; }  .product-videos__carousel .slick-next:before,  .product-videos__carousel .slick-prev:before,  .testimonials .slick-next:before,  .testimonials .slick-prev:before {    content: "";    width: 1rem;    height: 0;    padding-bottom: 230.63063063063063%;    display: block;    background-color: transparent;    background-repeat: no-repeat;    background-position: 50% 50%;    background-size: contain;    position: relative;    opacity: 0.5; }  .product-videos__carousel .slick-next:hover:before,  .product-videos__carousel .slick-prev:hover:before,  .testimonials .slick-next:hover:before,  .testimonials .slick-prev:hover:before {    opacity: 1; }.product-videos__carousel .slick-prev,.testimonials .slick-prev {  left: 0; }  .product-videos__carousel .slick-prev:before,  .testimonials .slick-prev:before {    background-image: url("/cctvseller-co-uk/_img/images/svg/left-arrow.svg"); }.product-videos__carousel .slick-next,.testimonials .slick-next {  right: 0; }  .product-videos__carousel .slick-next:before,  .testimonials .slick-next:before {    background-image: url("/cctvseller-co-uk/_img/images/svg/right-arrow.svg"); }#checkoutMessage {  padding: 1rem;  text-align: center; }  @media (min-width: 35em) {    #checkoutMessage {      padding: 2rem; } }  #checkoutMessage a {    display: inline-block;    vertical-align: top;    margin: 0.25rem;    border-radius: 4px;    padding: 0.75rem 1rem;    text-align: center;    border: 1px solid #ddd;    overflow: hidden;    box-shadow: none;    border: none;    background-color: #7fba23;    color: #FFFFFF;    font-size: 0.8125rem;    font-weight: 700;    line-height: 1; }    #checkoutMessage a:hover {      background-color: #628f1b;      text-decoration: none; }.product-item__bottom .product-item__questions {  border-bottom: 0; }  .product-item__bottom .product-item__questions label {    font-size: 0.8125rem;    font-weight: 700;    color: #727272; }.form_submit input {  display: inline-block;  vertical-align: top;  margin: 0.5rem 0 0;  border-radius: 4px;  padding: 0.75rem 1rem;  text-align: center;  border: 1px solid #ddd;  overflow: hidden;  box-shadow: none;  border: none;  background-color: #7fba23;  color: #FFFFFF;  font-size: 0.8125rem;  font-weight: 700;  line-height: 1; }  .form_submit input:hover {    background-color: #628f1b;    text-decoration: none; }/*Basket*/#editirFullBasket {  padding: 1rem;  border: 1px solid #ccc; }  @media (min-width: 0em) and (max-width: 30em) {    #editirFullBasket {      overflow-x: scroll; } }  @media (min-width: 46.875em) {    #editirFullBasket {      padding: 2rem; } }  #editirFullBasket .col1 {    text-align: left; }  #editirFullBasket td,  #editirFullBasket th {    text-align: center; }  #editirFullBasket .col8 {    text-align: right; }table.basketOutput {  width: 100%;  min-width: 400px;  table-layout: fixed; }  table.basketOutput .basketHead,  table.basketOutput tr {    border-bottom: 1px solid #e5e5e5; }  table.basketOutput td,  table.basketOutput th {    padding: 0.5rem;    font-size: 0.75rem;    line-height: 1.2; }    @media (min-width: 35em) {      table.basketOutput td,      table.basketOutput th {        font-size: 0.8125rem;        padding: 0.75rem; } }  table.basketOutput th {    font-weight: 700;    color: #727272;    font-size: 0.75rem; }    @media (min-width: 46.875em) {      table.basketOutput th {        font-size: 0.8125rem; } }    table.basketOutput th.col8 {      font-size: 0; }      @media (min-width: 40em) {        table.basketOutput th.col8 {          font-size: 0.75rem; } }      @media (min-width: 46.875em) {        table.basketOutput th.col8 {          font-size: 0.8125rem; } }  table.basketOutput td {    color: #222; }    table.basketOutput td a {      color: #222; }      table.basketOutput td a:hover {        text-decoration: underline; }  table.basketOutput .basketSummarySub td {    font-weight: 700;    font-size: 0.875rem; }    @media (min-width: 46.875em) {      table.basketOutput .basketSummarySub td {        font-size: 0.9375rem; } }    table.basketOutput .basketSummarySub td:nth-child(1) {      text-align: left !important; }    table.basketOutput .basketSummarySub td:nth-child(5) {      display: none; }  table.basketOutput .col1 {    width: 35%; }  table.basketOutput .col7 {    display: none; }  table.basketOutput .col8 {    text-align: right; }  table.basketOutput .icon-close {    width: 0.75rem;    height: 0.75rem;    display: inline-block;    opacity: 0.5;    transition: opacity 200ms linear;    background-image: url("/cctvseller-co-uk/_img/images/svg/delete-black.svg");    background-repeat: no-repeat;    background-position: 50% 50%;    background-size: contain; }    table.basketOutput .icon-close:hover {      opacity: 1; }.basketSummary {  text-align: right;  padding-top: 0.5rem; }  .basketSummary form {    display: inline-block; }    .basketSummary form[name="goDiscount"] {      display: block;      width: 100%; }    .basketSummary form .ddlDiscountWrap {      display: inline-block;      vertical-align: bottom;      text-align: left; }      .basketSummary form .ddlDiscountWrap input {        margin-bottom: 0; }    .basketSummary form .ddlDiscountLabel {      font-weight: 700;      color: #727272;      font-size: 0.75rem; }    .basketSummary form .ddlDiscountQuestion input[type="text"] {      padding: 0.6rem; }    .basketSummary form a {      display: inline-block;      margin-top: 0;      vertical-align: bottom !important; }  .basketSummary .btnSubmit {    display: inline-block;    vertical-align: top;    margin: 0.5rem 0 0;    border-radius: 4px;    padding: 0.75rem 1rem;    text-align: center;    border: 1px solid #ddd;    overflow: hidden;    box-shadow: none;    border: none;    background-color: #7fba23;    color: #FFFFFF;    font-size: 0.8125rem;    font-weight: 700;    line-height: 1; }    .basketSummary .btnSubmit:hover {      background-color: #628f1b;      text-decoration: none; }  .basketSummary .btnSage {    background-color: #42A940;    position: relative;    right: -4px; }    .basketSummary .btnSage:hover {      background-color: #348432; }  .basketSummary .btnPayPal {    /*display: none;*/    background-color: #003087; }    .basketSummary .btnPayPal:hover {      background-color: #001e54; }/*Sage Form*/.sage-form .checkoutSummary {  padding: 1em;  background-color: palegreen;  border: 1px solid darkgreen;  color: darkgreen;  font-size: 0.875rem;  font-weight: 700; }  @media (min-width: 26.25em) {    .sage-form .checkoutSummary {      padding: 2rem 3rem; } }.sage-form form {  padding: 1em;  border: 1px solid rgba(34, 34, 34, 0.3);  margin: auto;  max-width: 700px;  margin-top: 0.5em;  text-align: center; }  @media (min-width: 26.25em) {    .sage-form form {      padding: 3em; } }.sage-form {  margin: 2em auto;  max-width: 700px; }  .sage-form form h2:first-of-type {    margin-top: 0; }  .sage-form form h2:not(:first-of-type) {    padding-top: 2rem;    margin-top: 2rem;    border-top: 1px solid rgba(34, 34, 34, 0.35); }  .sage-form form > p {    margin-top: 2rem; }  .sage-form table {    width: 100%; }    .sage-form table:before, .sage-form table:after {      content: "";      display: table; }    .sage-form table:after {      clear: both; }    .sage-form table tbody {      width: 100%; }      .sage-form table tbody:before, .sage-form table tbody:after {        content: "";        display: table; }      .sage-form table tbody:after {        clear: both; }    .sage-form table .col1 {      width: 40%; }    .sage-form table .col2 {      width: 60%; }    .sage-form table td input,    .sage-form table td select {      margin: 0.5rem 0;      font-size: 0.8125rem; }    .sage-form table td:first-child {      font-size: 0.8125rem;      padding-right: 1em;      font-weight: 700; }  .sage-form input#button {    display: inline-block;    padding: 0.75em 3em;    font-size: 0.875rem;    color: #FFFFFF;    background-color: #3c3c3c;    font-weight: 700;    margin-bottom: 1.5em; }    .sage-form input#button:hover {      background-color: #222; }  .sage-form .error {    background-color: #fcbca6;    padding: 1em;    border: 1px solid firebrick;    font-size: 0.875rem;    color: firebrick; }    @media (min-width: 26.25em) {      .sage-form .error {        padding: 2rem 3rem; } }  .sage-form .errorTitle {    font-weight: 700;    margin-bottom: 5px; }  .sage-form .errorItem {    padding: 2px 0; }.btnSagePay {  display: inline-block;  vertical-align: top;  margin: 0.5rem 0 0;  border-radius: 4px;  padding: 0.75rem 1rem;  text-align: center;  border: 1px solid #ddd;  overflow: hidden;  box-shadow: none;  border: none;  background-color: #42A940;  color: #FFFFFF;  font-size: 0.8125rem;  font-weight: 700;  line-height: 1; }  .btnSagePay:hover {    background-color: #348432;    text-decoration: none; }/*Ecommerce Search*/.searchWrapBottom,.searchWrapTop {  width: 100%; }  .searchWrapBottom:before, .searchWrapBottom:after,  .searchWrapTop:before,  .searchWrapTop:after {    content: "";    display: table; }  .searchWrapBottom:after,  .searchWrapTop:after {    clear: both; }  .searchWrapBottom form,  .searchWrapTop form {    display: inline-block;    vertical-align: bottom; }  .searchWrapBottom form[name="searchFooter"],  .searchWrapBottom form[name="searchHeader"],  .searchWrapTop form[name="searchFooter"],  .searchWrapTop form[name="searchHeader"] {    width: 100%;    margin-bottom: 0.5rem; }    @media (min-width: 35em) {      .searchWrapBottom form[name="searchFooter"],      .searchWrapBottom form[name="searchHeader"],      .searchWrapTop form[name="searchFooter"],      .searchWrapTop form[name="searchHeader"] {        width: calc(100% - 200px);        margin-bottom: 0; } }  .searchWrapBottom form[name="ecommerceSearch"],  .searchWrapTop form[name="ecommerceSearch"] {    width: 190px; }    .searchWrapBottom form[name="ecommerceSearch"] select,    .searchWrapTop form[name="ecommerceSearch"] select {      padding: 0.5rem;      margin-bottom: 0; }.searchWrapTop {  margin-bottom: 2rem; }.searchWrapBottom {  margin-top: 2rem;  float: left;  width: 100%; }.ecommercePag {  width: 100%; }  .ecommercePag > a,  .ecommercePag .pagItemOn {    display: inline-block;    font-size: 0.8125rem;    border: 1px solid #aaa;    line-height: 1;    padding: 0.5rem;    color: #727272;    margin-top: 5px; }    .ecommercePag > a:hover,    .ecommercePag .pagItemOn:hover {      color: #222;      border-color: #222; }  .ecommercePag .pagItemOn {    padding: 0.5rem;    border-color: #7fba23;    color: #7fba23;    font-weight: 700;    box-shadow: inset 0 0 0 1px #7fba23; }    .ecommercePag .pagItemOn:hover {      border-color: #7fba23; }.EcommerceSortLabel {  font-size: 0.8125rem;  font-weight: 700;  color: #727272; }.ecommerceSearchItem {  position: relative;  padding: 1rem;  border: 1px solid #e5e5e5;  text-align: center;  float: left;  background-color: #fff;  width: 98%;  margin: 0 1% 3%; }  @media (min-width: 21.875em) {    .ecommerceSearchItem {      width: 48%;      margin: 0 1% 2%; } }  @media (min-width: 30em) {    .ecommerceSearchItem {      width: 31.25%; } }  @media (min-width: 43.75em) {    .ecommerceSearchItem {      width: 24%;      margin: 0 0.5% 1%; } }  .ecommerceSearchItem:hover {    border-color: #222; }.ecommerceSearchImage {  margin-bottom: 1rem; }  .ecommerceSearchImage a {    display: block; }.ecommerceSearchTitle {  font-size: 0.75rem;  margin-bottom: 1rem; }  .ecommerceSearchTitle a {    color: #555; }.ecommerceSearchPrice {  font-size: 1.3125rem;  color: #222;  line-height: 1.1;  letter-spacing: -0.5px; }.ecommerceSearchDescription,.ecommerceSearchUrl {  display: none; }.ddlShippingOptionsWrap {  width: 238px;  text-align: left;  margin-left: auto;  margin-top: 1em; }.ddlShippingOptionsLabel {  font-weight: 700;  color: #727272;  font-size: 0.75rem; }.testimonials_three {  max-width: 550px; }.testimonials_featured, .testimonials_page {  max-width: 100%;  margin-left: auto;  margin-right: auto; }  .testimonials_featured:after, .testimonials_page:after {    content: " ";    display: block;    clear: both; }  .testimonials_featured .testimonial, .testimonials_page .testimonial {    position: relative; }    @media (min-width: 57.5em) {      .testimonials_featured .testimonial, .testimonials_page .testimonial {        box-sizing: border-box;        width: 50%;        float: left;        padding-left: 0.69444%;        padding-right: 0.69444%; } }    .testimonials_featured .testimonial_icon, .testimonials_page .testimonial_icon {      position: absolute;      top: -1.5em;      right: 0;      bottom: auto;      left: 0;      margin: 0 auto;      text-align: center;      font-size: 0.69444em;      opacity: 0.5; }    .testimonials_featured .testimonial_company, .testimonials_page .testimonial_company {      padding-bottom: 1em; }    .testimonials_featured .testimonial_inner, .testimonials_page .testimonial_inner {      max-width: 100%;      margin-left: auto;      margin-right: auto;      background: #f5f5f5;      padding: 2em 1em;      margin-bottom: 2em;      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }      .testimonials_featured .testimonial_inner:after, .testimonials_page .testimonial_inner:after {        content: " ";        display: block;        clear: both; }    @media (min-width: 30em) {      .testimonials_featured .testimonial_left, .testimonials_page .testimonial_left {        box-sizing: border-box;        width: 25%;        float: left;        padding-left: 0.69444%;        padding-right: 0.69444%; }      .testimonials_featured .testimonial_right, .testimonials_page .testimonial_right {        box-sizing: border-box;        width: 75%;        float: left;        padding-left: 0.69444%;        padding-right: 0.69444%; } }.testimonials_featured {  background: #7fba23;  color: white;  padding-top: 2em;  margin-bottom: 4em;  margin-right: -1.5em;  margin-left: -1.5em;  max-width: none; }  .testimonials_featured .testimonial {    width: 100%;    padding: 0; }    .testimonials_featured .testimonial_text {      font-size: 1.44em; }      .testimonials_featured .testimonial_text p {        color: white; }    .testimonials_featured .testimonial_title {      font-size: 2.0736em;      line-height: 1.2;      text-transform: capitalize;      text-align: center;      font-weight: bold; }    .testimonials_featured .testimonial_inner {      background: transparent;      box-shadow: none;      margin: 0;      padding: 1em 1em 2em; }    @media (min-width: 40em) {      .testimonials_featured .testimonial_right {        padding: 2em; } }.testimonials .testimonial {  padding: 0 1em; }  @media (min-width: 57.5em) {    .testimonials .testimonial {      padding: 0 30px; } }  .testimonials .testimonial_image {    margin: 1em auto;    border-radius: 50%;    background-position: center center;    background-size: cover;    max-width: 250px;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }    .testimonials .testimonial_image::after {      content: "";      display: block;      padding-bottom: 100%; }  .testimonials .testimonial_text p {    font-size: 1em;    font-style: italic; }    .testimonials .testimonial_text p::after, .testimonials .testimonial_text p::before {      font-family: FontAwesome;      display: inline-block;      font-size: 0.69444em;      vertical-align: top;      padding: 0 0.35em; }    .testimonials .testimonial_text p::before {      content: '\f10d'; }    .testimonials .testimonial_text p::after {      content: '\f10e'; }  .testimonials .testimonial_name {    font-weight: bold;    font-size: 1.2em; }  .testimonials .testimonial_company {    opacity: 0.7; }.invoice_table {  background: #FFFFFF;  width: 100%;  min-width: 480px;  font-size: 0.83333em; }  @media (min-width: 0em) and (max-width: 40em) {    .invoice_table_wrap {      max-width: 100%;      overflow-x: scroll; } }  .invoice_table .TblCol:nth-child(5n + 6) {    font-style: italic; }  .invoice_table .TblCol {    display: inline-block;    vertical-align: middle;    width: 20%;    padding: 1em;    border: 1px solid rgba(34, 34, 34, 0.2); }    .invoice_table .TblCol a {      font-size: 0;      text-decoration: none;      color: #7fba23; }      .invoice_table .TblCol a::after {        content: '\f15c';        font-family: FontAwesome;        font-size: 21px; }  .invoice_table-telephone .TblCol {    width: 25%; }  .invoice_table .TblColHead {    border: 1px solid rgba(255, 255, 255, 0.2);    background: #222;    color: white;    font-weight: 600;    line-height: 1; }.contact_box {  background: #EBE9E5;  padding: 1.44em;  color: #444444; }  .contact_box h4 {    font-weight: 600;    margin: 0;    font-size: 1.2em;    margin-bottom: 0.2em; }  .contact_box a {    color: #7fba23;    font-weight: bold; }    .contact_box a:hover {      color: #9ad937; }.contact_add, .contact_email, .contact_phone {  padding-bottom: 1em;  margin-bottom: 1em;  border-bottom: 1px solid #444; }  .contact_add_part:first-child, .contact_email_part:first-child, .contact_phone_part:first-child {    padding-bottom: 0.5em; }@media (min-width: 57.5em) {  .contact_left, .contact_right {    box-sizing: border-box;    width: 50%;    float: left;    padding-left: 0.69444%;    padding-right: 0.69444%; } }.faq {  display: inline-block;  font-size: 17px;  width: 100%;  background: white;  position: relative;  margin-bottom: 1em;  text-align: left;  border-bottom: 1px solid #ccc;  transition: transform 0.3s;  -ms-transform: scale(0.98);      transform: scale(0.98); }  .faq_header {    font-size: 1.2em;    font-weight: bold;    padding: 1em;    color: #FFFFFF;    background: #7fba23;    margin-bottom: 0.83333em; }  .faq_wrap {    max-width: 100%;    margin-left: auto;    margin-right: auto;    padding: 0 0 1em; }    .faq_wrap:after {      content: " ";      display: block;      clear: both; }  .faq.open {    -ms-transform: scale(1);        transform: scale(1); }  .faq_question {    position: relative;    font-size: 1em;    line-height: 1.2;    -webkit-user-select: none;       -moz-user-select: none;        -ms-user-select: none;            user-select: none;    font-weight: 600;    padding: 1em;    cursor: pointer;    transition: background 0.3s, color 0.3s;    opacity: 0.85;    z-index: 2; }    .faq_question:hover {      opacity: 1; }  .faq_answer {    display: none;    font-size: 0.83333em;    padding: 0.66em 1em 1em; }    .faq_answer ul {      padding-left: 1em;      list-style-position: inside; }      .faq_answer ul li {        list-style-type: disc; }    .faq_answer p {      margin-bottom: 0; }      .faqsWrap-wide .faq_answer p {        margin-bottom: 0.5em; }    .faq_answer h3 {      margin-top: 0.5em;      margin-bottom: 0.5em; }  .faq_button {    position: absolute;    top: 1em;    -ms-transform-origin: center center;        transform-origin: center center;    -ms-transform: rotate(0deg);        transform: rotate(0deg);    right: 0.6em;    z-index: 3;    transition: transform 0.3s;    cursor: pointer;    height: 18px;    width: 18px; }    .faq_button::after {      display: block;      border-radius: 1px;      content: "";      position: absolute;      left: 7.2px;      width: 3.6px;      top: 0;      height: 18px;      background: #7fba23; }    .faq_button::before {      display: block;      border-radius: 1px;      content: "";      position: absolute;      left: 0;      width: 18px;      top: 7.2px;      height: 3.6px;      background: #7fba23; }    .faq.open .faq_button {      -ms-transform: rotate(405deg);          transform: rotate(405deg); }.discountCodeBox {  color: white;  text-align: center;  padding: 1em 1em 0.25em;  background: #42a940;  line-height: 1.2; }  .discountCodeBox_title {    font-weight: 600;    font-size: 1.728em; }  .discountCodeBox_discount {    display: block;    margin: 0.5em auto 0;    width: 150px;    border: 2px dotted white;    height: 2.25em;    overflow: hidden;    position: relative; }  .discountCodeBox_code {    display: block;    border: none;    outline: none;    box-shadow: none;    overflow: auto;    font-size: 1.25em;    background: none;    color: inherit;    resize: none;    text-align: center;    line-height: 1em;    height: 1em;    padding: 0.25em; }  .discountCodeBox_copy {    position: absolute;    top: 0.15em;    left: auto;    right: 0.15em;    bottom: auto;    width: 25px;    cursor: pointer; }    .no-clipboard .discountCodeBox_copy {      display: none; }    .discountCodeBox_copy_inner {      width: 100%;      position: relative; }      .discountCodeBox_copy_inner::after {        content: "";        display: block;        padding-bottom: 100%; }      .discountCodeBox_copy_inner svg {        position: absolute;        left: 0;        right: 0;        top: 0;        bottom: 0;        width: 100%;        height: 100%; }.discount_success {  padding-top: 0.25em;  line-height: 1;  opacity: 0;  font-size: 0.83333em;  transition: opacity 0.5s; }  .discount_success-visible {    opacity: 1; }.discount_close {  position: absolute;  top: 0.5em;  right: 0.5em;  color: white;  font-size: 2em;  cursor: pointer; }/* -----------------------------------------  13.0. Footer----------------------------------------- */footer {  width: 100%;  background-color: #222;  text-align: center;  color: #fff;  padding: 1.8em 1em; }  footer .container {    max-width: 100%; }.footer-cards {  margin-bottom: 1em; }  .footer-cards img {    width: 2.6em; }.footer-links {  display: inline-block;  margin-bottom: 0.5em;  text-align: center; }  .footer-links:before, .footer-links:after {    content: "";    display: table; }  .footer-links:after {    clear: both; }  .footer-links li {    display: block;    padding: 0.5rem;    text-align: center;    width: 100%; }    @media (min-width: 43.75em) {      .footer-links li {        width: auto;        display: inline-block;        padding: 0 1rem;        border-right: 1px solid rgba(255, 255, 255, 0.3); } }    @media (min-width: 50em) {      .footer-links li {        padding: 0 1.1rem; } }    .footer-links li:last-child {      border-right: 0; }    .footer-links li a {      color: #fff;      display: block;      font-size: 0.75rem;      opacity: 0.6; }      .footer-links li a:hover {        opacity: 1; }.footer-content {  font-size: 0.75rem;  color: #888;  max-width: 750px;  display: block;  margin: auto; }  .footer-content p {    color: #888;    font-size: 0.75rem; }  .footer-content a {    color: #fff;    opacity: 0.6; }    .footer-content a:hover {      opacity: 1; }.new-bar .top-tel {width: 43%; margin-left: 2%; display: inline-block; vertical-align: middle;}.new-bar .top-tel-text h3 {color: #fff; margin-bottom: 0px;}.new-bar .top-tel-text p {color: #fff;}.new-bar .top-tel-text {width: 50%; float: left;}.new-bar .top-tel-img {width: 50%; float: left;}.new-bar .top-tel-img img {vertical-align: middle; width: 100%;}.new-bar .main-bar__search {width: 22%;}.new-bar .main-bar__basket {width: 6%; }.new-bar .main-bar__basket .basketText {display: none !important;}.new-bar .main-bar__basket .basketArrow {display: none !important;}.show-menu .top-tel {display: none;}.show-menu .main-bar__basket {display: none;}.top-tel-text {width: 20%; display: inline-block;}.top-tel-text h3 {color: #fff; margin-bottom: 0px; font-size: 1.2em;}.top-tel-text p {color: #fff;}.main-bar__search {    width: calc(55% - 10.5rem);}.main-contact {display: none;}.container {padding-top: 15px;}#tblRegisterTermsCol2 {font-size: 0.8125rem;} @media all and (max-width: 850px) and (min-width: 0px) {.top-tel {width: 100%; margin-top: 20px; margin-left: 0;}.top-tel-text {text-align: center;}.top-tel-img {text-align: center;}.new-bar .main-bar__search {width: 50%;}.new-bar .main-bar__basket {width: 45%; }.new-bar .main-bar__logo {margin: 0 auto !important; display: block;}} @media all and (max-width: 760px) and (min-width: 0px) {.top-tel-text {display: none;}.main-bar__search {    width: calc(75% - 10.5rem);}} @media all and (max-width: 630px) and (min-width: 0px) {.new-bar .main-bar__logo {margin: 0 auto !important; display: inline-block;}} @media all and (max-width: 622px) and (min-width: 0px) {.top-tel {width: 100%; margin-top: 20px;}.new-bar .main-bar__basket {width: 100%;}} @media all and (max-width: 355px) and (min-width: 0px) {.top-tel-text {text-align: center; width: 100%; margin-bottom: 20px;}.top-tel-img {text-align: center; width: 100%;}}