<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Base Styles */ /* Clear Elements */ .group:before,  .group:after  {    content:  "";     display:  table;} .group:after  {    clear:  both;} .group  {    zoom:  1;} /* Set up REM style */ /* html  {     font-size:  62.5%; } body  {     font-size:  14px;     font-size:  1.4rem;     background:  #fff;} h1  {     font-size:  24px;     font-size:  2.4rem; } */ /* Older browsers */ html  {     font-size:  12px;     background:  #fff;} @media screen and (min-width: 320px) {     html  {     font-size:  calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); } } @media screen and (min-width: 800px) {     html  {     font-size:  16px; } } /* Border Box */ *,  *:before,  *:after  {     -webkit-box-sizing:  border-box;     -moz-box-sizing:  border-box;     box-sizing:  border-box; } /* Font Styles */ h1  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  30px;     font-size:  1.875em;     color:  #0074d9;     line-height:  1.4;     margin:  0px; } h2  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  25px;     font-size:  1.5625em;     color:  #0074d9;     line-height:  1.4;     margin:  0px; } h3  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  20px;     font-size:  1.25em;     color:  #0074d9;     line-height:  1.4;     margin:  0px; } h4  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  18px;     font-size:  1.125em;     color:  #0074d9;     line-height:  1.4;     margin:  0px; } h5  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  16px;     font-size:  1.0em;     color:  #0074d9;     line-height:  1.4;     margin:  0px; } h6  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  14px;     font-size:  0.875em;     color:  #0074d9;     line-height:  1.4; } p  {    color:  #333333;     font-family:  'Open Sans',  sans-serif;     font-size:  16px;     font-size:  1em;     line-height:  20px;    font-weight:  normal;     font-style:  normal; } a  {    color:  #333333;     font-family:  'Open Sans',  sans-serif;     line-height:  20px;     text-decoration:  none;    font-weight:  normal;     font-style:  normal; } ul li,  ol li,  li  {    color:  #333333;     font-family:  'Open Sans',  sans-serif;     font-size:  16px;     font-size:  1em;     line-height:  20px;    font-weight:  normal;     font-style:  normal; } em  {    color:  #333333;     font-family:  'Open Sans',  sans-serif;    font-size:  16px;     font-size:  1em;     line-height:  20px;     font-weight:  normal;     font-style:  italic; } .row  {    background:  #fff;} .row.no-bg  {    background:  none;} /* Header Bar */ .header-logo-top  {    margin-bottom:  25px;} .header-bar-top-kits  {    width:  100%;     padding:  5px 0;     background:  #d00a11;} .header-kit-inner h4  {    color:  #fff;     text-align:  center;     font-size:  14px;     font-size:  0.875em;} .header-kit-inner a  {    color:  #fff;     font-weight:  bold;} .header-top  {    background:  #222222;     padding:  10px 0;} .header-top .trade-signup  {    text-align:  right;} .header-top .trade-signup a  {    font-family:  'Open Sans',  sans-serif;     font-weight:  600;     font-style:  normal;     font-size:  13px;     font-size:  0.8125em;     color:  #fff; } .navigation-bar ul  {    padding:  0px;     margin:  0px;} .navigation-bar li:not(:last-child)  {    margin-right:  8px;} .navigation-bar li:not(:last-child)  {     border-right:  1px solid rgba(255,  255,  255,  0.75);     padding-right:  8px;     margin-right:  8px; } .navigation-bar li  {     display:  inline-block;     font-size:  13px; } .navigation-bar li a  {    color:  #fff;} .navigation-bar .hikvision-seller  {    padding-left:  1.5rem;     position:  relative;} .navigation-bar .hikvision-seller:before  {     content:  "";     display:  block;     position:  absolute;     left:  0;     top:  0;     width:  1rem;     height:  1rem;     background-image:  url("/hiwatchbyhikvision-co-uk/_img/img/hikvision-icon.png");     background-repeat:  no-repeat;     background-position:  50% 50%;     background-size:  contain;} .navigation-bar .best-price  {    padding-left:  1.5rem;     position:  relative;} .navigation-bar .best-price:before  {     content:  "";     display:  block;     position:  absolute;     left:  0;     top:  0;     width:  1rem;     height:  1rem;     background-image:  url("/hiwatchbyhikvision-co-uk/_img/img/price-icon.png");     background-repeat:  no-repeat;     background-position:  50% 50%;     background-size:  contain;} /* Navigation */ #primary  {     margin:  0px 0px 0px 0px;     width:  100%;     height:  100%;     padding-left:  0px;     text-align:  left; } #primary&gt;li  {     display:  inline-block;     vertical-align:  middle;     list-style-type:  none;     position:  relative;     text-align:  center;     height:  100%;     padding:  0 10px;     border-right:  1px solid #fff;} #primary&gt;li:hover  { } #primary&gt;li&gt;a  {     transition:  all 0.5s ease 0s;     display:  block;     vertical-align:  middle;     transition:  all 0.5s ease 0s;     font-family:  'Open Sans',  sans-serif;     font-weight:  600;     font-style:  normal;     font-size:  14px;     font-size:  0.875em;     color:  #fff;     /*height:  40px;     line-height:  40px;    */ position:  relative;     text-decoration:  none; } #primary&gt;li&gt;a:hover  {    color:  #680d14;} #primary&gt;li:last-of-type&gt;a  {    border-right:  0px;} .menu&gt;li&gt;a.linkActive,  #primary&gt;li.liLinkActive a  {    color:  #680d14;} /* Dropdown LV1 */ #primary&gt;li&gt;ul  {    display:  none;     white-space: nowrap;     list-style:  none;     text-decoration: none;     margin:  0px;} #primary&gt;li:hover&gt;ul  {    display:  block;     position:  absolute;     top:  40px;     left:  0;     z-index:  9999;     background:  #00365b;     padding:  0px; } #primary&gt;li&gt;ul&gt;li  {    padding:  7px 10px !important;     text-align:  left; } #primary&gt;li&gt;ul&gt;li:hover  {    background:  #68b32d;} #primary&gt;li&gt;ul&gt;li&gt;a  {     height:  auto;     display:  block;     border:  none;     font-size:  16px !important;     font-size:  1em !important;     line-height:  20px !important;     color:  #024b8f;     font-family:  'Open Sans',  sans-serif;     text-decoration: none;     font-weight:  600;     padding:  0px; } #primary&gt;li&gt;ul&gt;li&gt;a:hover  {    text-decoration:  none;} #primary li&gt;ul&gt;li  {    position:  relative;} /* Dropdown LV2 */ #primary&gt;li&gt;ul&gt;li&gt;ul  {    display:  none;     white-space: nowrap;     list-style:  none;     text-decoration: none;     margin:  0px;} #primary&gt;li&gt;ul&gt;li:hover&gt;ul  {    display:  block;     position:  absolute;     top:  0px;     left:  200px;     z-index:  1;     background:  #00365b;     padding:  0px; } #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li  {    padding:  7px 10px !important;     text-align:  left; } #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li:hover  {    background:  #68b32d;} #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li a  {     height:  auto;     display:  block;     border:  none;    font-size:  16px !important;     font-size:  1em !important;     line-height:  20px !important;     color:  #024b8f;     font-family:  'Open Sans',  sans-serif;     text-decoration: none;     font-weight:  600;     padding:  0px; } #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li a:hover  {    text-decoration:  none;} #primary li&gt;ul&gt;li&gt;ul&gt;li  {    position:  relative;} /* Dropdown LV3 */ #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li&gt;ul  {    display:  none;     white-space: nowrap;     list-style:  none;     text-decoration: none;     margin:  0px;} #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li:hover&gt;ul  {    display:  block;     position:  absolute;     top:  0px;     left:  200px;     z-index:  1;     background:  #00365b;     padding:  0px; } #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li&gt;ul&gt;li  {    padding:  7px 10px !important;     text-align:  left; } #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li&gt;ul&gt;li:hover  {    background:  #68b32d;} #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li&gt;ul&gt;li a  {     height:  auto;     display:  block;     border:  none;     font-size:  16px !important;     font-size:  1em !important;     line-height:  20px !important;     color:  #024b8f;     font-family:  'Open Sans',  sans-serif;     text-decoration: none;     font-weight:  600;     padding:  0px; } #primary&gt;li&gt;ul&gt;li&gt;ul&gt;li&gt;ul&gt;li a:hover  {    text-decoration:  none;} #primary li&gt;ul&gt;li&gt;ul&gt;li&gt;ul&gt;li  {    position:  relative;} .mobile-trigger  {    display:  none !important;     height:  100%;     position:  relative;     z-index:  150;} body.menu-open  {     color:  black; } body.menu-open &gt; .nav-overlay  {     opacity:  1;     -webkit-transition-property:  opacity;     -moz-transition-property:  opacity;     transition-property:  opacity;     -webkit-transition-duration:  0.3s;     -moz-transition-duration:  0.3s;     transition-duration:  0.3s;     transition-timing-function:  cubic-bezier(0.25,  0.46,  0.45,  0.94); } .nav-overlay  {     position:  fixed;     top:  0;     right:  0;     bottom:  0;     left:  0;     overflow:  auto;     height:  100%;     width:  100%;     backface-visibility:  hidden;     opacity:  0;     -webkit-transition-property:  opacity;     -moz-transition-property:  opacity;     transition-property:  opacity;     -webkit-transition-duration:  0.3s;     -moz-transition-duration:  0.3s;     transition-duration:  0.3s;     transition-timing-function:  cubic-bezier(0.25,  0.46,  0.45,  0.94);     z-index:  0;     background-color:  slategrey; } .nav-overlay ul  {     width:  50%;     display:  block;     margin:  0 auto;     padding:  54px 0; } .nav-overlay ul li  {     list-style:  none;     font-size:  240%;     margin-bottom:  24px;     animation-duration:  249ms;     animation-name:  slideInLeft;     animation-timing-function:  cubic-bezier(0.175,  0.885,  0.32,  1.275);     animation-fill-mode:  backwards;     -webkit-animation-delay:  120ms;     animation-delay:  120ms; } .nav-overlay ul li a  {     text-decoration:  none;     color:  black; } .nav-overlay ul li a:hover  {     color:  orange; } .burger-contain  {     width:  50px;     height:  45px;     margin:  00px auto;     cursor:  pointer;     z-index:  20; } .burger  {     width:  60%;     height:  2px;     background:  #fff;     position:  relative;     margin:  0 auto;     top:  20px;     transition:  0.3s all cubic-bezier(0.27,  0.67,  0.1,  1.12);     transform-origin:  100% 0%; } .burger:before  {     content:  '';     width:  100%;     height:  2px;     background:  #fff;     position:  relative;     display:  block;     top:  -8px;     transition:  0.3s all cubic-bezier(0.17,  0.67,  0.1,  1.23); } .burger:after  {     content:  '';     width:  100%;     height:  2px;     background:  #fff;     position:  relative;     display:  block;     top:  6px;     transition:  0.3s all cubic-bezier(0.17,  0.87,  0.1,  1.13); } .burger.active  {     transform:  scale(1.5);     border-radius:  200%;     height:  25px;     width:  25px;     background:  none;     border:  2px solid #fff;     transform-origin:  50% 0%;     top:  0px;     padding-top:  7px;     padding-left:  0px;     transition:  0.3s all cubic-bezier(0.87,  0.87,  0.1,  1.63); } .burger.active:before  {     transform:  rotate(45deg) scale(0.8);     transform-origin:  50% 50%;     top:  3px;     opacity:  1;     transition:  0.3s all cubic-bezier(0.17,  0.67,  0.1,  1.23);     background:  #fff;     width:  20px; } .burger.active:after  {     transform:  rotate(-45deg) scale(0.8);     transform-origin:  50% 50%;     top:  1px;     opacity:  1;     transition:  0.3s all cubic-bezier(0.17,  0.67,  0.1,  1.23);     background:  #fff;     width:  20px; } /*.menu-open .bottom-header  {    position:  static;}*/ .menu-open  {    position:  relative;} .menu-open .mobile-trigger  { } .menu-open .down-btn  {    z-index:  0;} @keyframes slideInLeft  {     0%  {     transform:  translateX(-100%);     visibility:  visible; } 100%  {     transform:  translateX(0); } } .slideInLeft  {     animation-name:  slideInLeft; } .mobile  {    display:  none;     position:  fixed;     top:  0;     right:  0;     bottom:  0;     left:  0;     z-index:  20;     overflow:  auto;     background:  #707273; } .mobile #mobile-nav  {    margin:  0;     padding:  6em 1.24732em;     display:  block; } .mobile ul#mobile-nav.menu li a  {    transition:  all 0.5s ease 0s;     font-family:  'Droid Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  20px;     font-size:  1.25em;     text-decoration:  none;     color:  #fff; } .mobile ul#mobile-nav.menu li a:hover,  .mobile ul#mobile-nav.menu li a:active  {    color:  #28357a;} .mobile #mobile-nav &gt; li  { } .mobile #mobile-nav li  {    list-style:  none;     margin-bottom:  0.49012em;     padding-bottom:  1em;     width:  80%;     margin-left:  auto;     margin-right:  auto;} /*.mobile #mobile-nav li.has-dropdown &gt; a:after  {    font-family:  'icomoon';     content:  "\e606";     color:  #FFFFFF;     font-size:  0.75em;     margin-left:  0.625em;     vertical-align:  1px; }*/ .mobile #mobile-nav li.dropdown-open  {    padding-bottom:  0; } .mobile #mobile-nav li.dropdown-open &gt; a:after  {    font-family:  'icomoon';     content:  "\e607";     color:  #FFFFFF;     font-size:  0.75em;     margin-left:  0.625em;     vertical-align:  1px; } .mobile #mobile-nav li.dropdown-open ul  {    display:  block;     font-weight:  normal;     background-color:  rgba(226,  200,  162,  0.1); } .mobile #mobile-nav li.dropdown-open ul &gt; li  {    border-bottom:  1px solid #e2c8a2; } .mobile #mobile-nav li.dropdown-open ul &gt; li:first-child  {    border-top:  1px solid #e2c8a2;     padding-top:  0.79012em;     margin-top:  0.79012em; } .mobile #mobile-nav li.dropdown-open ul &gt; li:last-child  {    margin-bottom:  0; } .mobile #mobile-nav li a  {    display:  block;     color:  #FFFFFF;     font-size:  1.60181em; } .mobile #mobile-nav li ul  {    display:  none; } .mobile-trigger  {     text-align:  right;} .header-main  {    background:  url("/hiwatchbyhikvision-co-uk/_img/img/header-bg2.png") no-repeat;     background-color:  #0074d9;     background-position:  70% center;     padding:  2% 0; } .logo-box img  {    width:  240px;} .translate-wrap  {    width:  100%;     display:  block;} .goog-te-banner-frame.skiptranslate  {     display:  none !important; } #google_translate_element  {    display:  none;} body  {    top:  0px !important;} .goog-tooltip  {     display:  none !important; } .goog-tooltip:hover  {     display:  none !important; } .goog-text-highlight  {     background-color:  transparent !important;     border:  none !important;     box-shadow:  none !important; } .language-btn  {    text-align:  right;     margin-bottom:  20px;} .translation-links  {    text-align:  right;     padding:  0px;} .translation-links li  {    list-style-type:  none;     display:  inline-block;} .top-contact-buttons  {    width:  25%;     float:  left; } .tel-btn  {    text-align:  center;     float:  left;     width:  50%; } .tel-btn img  {    height:  35px;} .tel-btn a {     color:  #fff;     font-size:  14px;     font-size:  0.875em;     display: block;     font-weight: 700; } .email-btn  {    text-align:  center;     float:  left;     width:  50%; } .email-btn img  {    height:  35px;} .email-btn h3 {     color:  #fff;     font-size:  14px;     font-size:  0.875em; } .search-box  {    width:  49%;     float:  left;} .search-account-wrap  {    width:  100%;     display:  block;} .search-account-wrap form input  {    width:  80%;     float:  left;     padding:  10px;     border:  0px;} .search-account-wrap form a.ecommerceSearchBtn  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  0px;     font-size:  0em;     transition:  all .2s ease-in-out;     width:  20%;     float:  left;     background:  #004b8d;     padding:  9px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .search-account-wrap form a.ecommerceSearchBtn:hover  {    opacity:  0.8;} .ecommerceSearchControlsCategory  {    display:  none;} .top-account-buttons  {    width:  26%;     float:  left; } .register-btn  {    text-align:  center;     float:  left;     width:  33.33%; } .register-btn img  {    height:  35px;} .register-btn h3 {     color:  #fff;     font-size:  14px;     font-size:  0.875em; } .account-btn  {    text-align:  center;     float:  left;     width:  33.33%; } .account-btn img  {    height:  35px;} .account-btn h3 {     color:  #fff;     font-size:  14px;     font-size:  0.875em; } .basket-btn  {    text-align:  center;     float:  left;     width:  33.33%; } .basket-btn img  {    height:  35px;} .basket-btn h3 {     color:  #fff;     font-size:  14px;     font-size:  0.875em; } .header-category-link  {    background:  #222222;} .contact-number  {    text-align:  right;} .contact-number img  {    display:  inline-block;     width:  28px;     vertical-align:  middle;     margin-right:  10px;} .contact-number p  {    display:  inline-block;     color:  #707273;} body  {     background-attachment:  fixed;     background-color:  #f6f6f6;     background-image:  url("/hiwatchbyhikvision-co-uk/_img/img/hikvision-bg3.png");     background-position:  top 10% center;     background-repeat:  no-repeat; } .why-choose-wrapper  {    width:  100%;     background:  #f6f6f6;     margin:  0 0 20px 0;} .key-points  {    width:  100%;     padding:  1%; } .key-point-item  {    width:  25%;     float:  left;     text-align:  center;     border-right:  1px dashed #242424;     display:  table;} .key-point-item h5  {    font-size:  20px;     font-size:  1.25em;     color:  #292929;     text-transform:  uppercase;     margin:  0px;} .key-point-item:last-of-type h5  {    font-size:  14px;     font-size:  0.875em;     color:  #292929;     text-transform:  uppercase;} .key-point-item p  {    margin:  0px;     color:  #0074d9;     font-size:  12px;     font-size:  0.75em;     text-transform:  uppercase;} .key-point-img  {    float:  left;     width:  20%;     display:  table;} .key-point-img img  {    height:  42px;} .key-point-text  {    float:  left;     width:  80%;     display:  table;} .key-point-text h5  {    color:  #707273;     font-size:  14px;     font-size:  0.875em;} .inner-position  {    vertical-align:  middle;     display:  table-cell;     width:  100%;} .slide-wrapper  {    width:  100%;     padding-top:  6.5%;} .link-box  {    float:  left;     width:  33.33%;     padding:  0.5% 0.5% 0.5% 0;} .link-box:last-of-type {padding-right: 0;} .latest-products  {    margin-bottom:  10px;} .latest-products h2  {    padding-bottom:  15px;     margin-bottom:  10px;     border-bottom:  1px solid #909090;     color:  #0074d9;     font-size:  18px;     font-size:  1.125em;     text-transform:  uppercase;} .link-box-products  {    margin-bottom:  10px;} .featured-products  {    margin-bottom:  10px;} .featured-products h2  {    padding-bottom:  15px;     margin-bottom:  10px;     border-bottom:  1px solid #909090;     color:  #0074d9;     font-size:  18px;     font-size:  1.125em;     text-transform:  uppercase;} .product_tag  {    margin-bottom:  25px;} .product_item  {    width:  19%;     float:  left;     margin:  0 0.5%;     border:  1px solid #cbcbcb;     padding:  15px;     margin-bottom:  20px;} .productCat  {    display:  none;} .productDesc  {    display:  none;} .productName  {    text-align:  center;     margin-top:  15px;     margin-bottom:  15px;} .productName a  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  14px;     font-size:  0.875em;     color:  #0074d9;     text-align:  center;} .productPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  32px;     font-size:  2em;     color:  #333333;} .productPriceVat  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     text-align:  center;     font-size:  16px;     font-size:  1em;     color:  #333333;} .product_view_btn a  {    display:  none;} .detailProductPrice  {    margin-bottom:  15px;} .detailProductPrice:first-of-type {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  36px;     font-size:  2.25em;     color:  #ff0000;     margin:  0px;     margin-bottom: 0px;} .detailProductPrice:last-of-type {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     text-align:  center;     font-size:  16px;     font-size:  1em;     color:  #0074d9;     margin:  0px;     margin-bottom: 20px;} .ecommerceSummaryReviewsItem  {    width:  100%;     display:  block;     float:  left;     text-align:  center;     margin-top:  15px;} .ecommerceStar,  .ecommerceNoStar  {    display:  inline-block;     margin-right:  5px;} .ecommerceStar  {    width:  20px;     height:  20px;     background:  url("/hiwatchbyhikvision-co-uk/_img/img/star.png");} .ecommerceNoStar  {    width:  20px;     height:  20px;     background:  url("/hiwatchbyhikvision-co-uk/_img/img/no-star.png");} .grey-row  {    background:  #0074d9;} .featured-videos  {    margin:  20px 0;} .featured-videos h2  {    padding-bottom:  15px;     margin-bottom:  10px;     border-bottom:  1px solid #fff;     color:  #fff;     font-size:  18px;     font-size:  1.125em;     text-transform:  uppercase;} .footer  {    background:  #222222;     text-align:  center;     padding:  25px 0;} .footer p  {    font-size:  12px;     font-size:  0.75em;} .footer p,  .footer a  {    color:  #b6b6b6;} .footer ul li  {    float:  left;     padding:  0 1.1rem;     width:  auto;     display:  inline-block;     padding:  0 1rem;     border-right:  1px solid rgba(255,  255,  255,  0.3);} .footer ul li a  {    color:  #fff;     display:  block;     font-size:  0.75rem;     opacity:  0.6;} .featured-videos .featured-videos__item  {    padding:  5px;} .featured-videos .prev-arrow  {    width:  5%;     float:  left;     text-align:  center;     height:  100%;     margin-top:  7%;} .featured-videos .slick-list  {    width:  90%;     float:  left;} .featured-videos .next-arrow  {    width:  5%;     float:  left;     text-align:  center;     height:  100%;     margin-top:  7%;} .featured-videos__carousel .prev-arrow,  .featured-videos__carousel .next-arrow  {    cursor:  pointer;} .featured-videos__title p  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     color:  #fff;     font-size:  14px;     font-size:  0.875em; } .inner-content  {    padding:  2% 20px;} .side-bar-main  {    padding:  20px;     background:  #0074d9;} .side-bar-main h2  {    color:  #fff;     font-size:  20px;     font-size:  1.25em;     border-bottom:  2px solid #fff;     padding-bottom:  10px;     margin-bottom:  10px;} .side-bar-main .categoryItem  {    margin-bottom:  10px;} .side-bar-main .categoryItem a  {    color:  #fff;} .shop-products .product_item  {    width:  24%;     margin-bottom:  20px;} .category-desc-wrapper  {    padding:  25px;     background:  #0074d9; } .category-desc-wrapper h2  {    color:  #fff;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #fff;     padding-bottom:  10px;     margin-bottom:  15px; } .category-desc-wrapper p  {    color:  #fff;}.category-desc-wrapper img {width: 100%; } .category__filter  {    padding:  20px;     background:  #f6f6f6;}} .category__filter__sort__label  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     color:  #333;     font-size:  18px;     font-size:  1.125em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  10px;} .category__filter__header  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     color:  #333;     font-size:  18px;     font-size:  1.125em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  10px;} .category__filter__options  {    margin-bottom:  15px;} .category__filter__options__item  {    margin-bottom:  8px;     padding-bottom:  8px;     border-bottom:  1px dotted #333;} .category__filter__options__item a  {    font-size:  14px;     font-size:  0.875em;} .category__filter__sort__input  {    margin-bottom:  15px;} .category__filter__sort__input select#ecommerceSort  {    width:  100%;     border:  1px solid #333;     padding:  8px;} .category__filter__options__selected  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-size:  14px;     font-size:  0.875em;     padding:  8px 0px 8px 15px;     color:  #0074d9;     border-bottom:  1px dotted #0074d9;} .category__filter__options__selected:before  {    content: "?";     margin-right:  10px;} .product-info-side {    padding:  20px;     border: 1px solid #dddddd;} /*.product-side .product-info-side .price-wrap .detailProductPrice p  {    text-align:  center;     font-size:  35px;     font-size:  2.1875em;     margin:  0px;}*/ .detailProductQuantityLabel  {     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .detailProductQuantityInput  {    margin-bottom:  15px;} .detailProductQuantityInput input  {    padding:  10px;     border:  1px solid #ddd;     width:  100%;} .detailProductBuyButton  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #0074d9;     padding:  8px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .detailProductBuyButton:hover  {    opacity:  0.8;} .side-points ul  {    padding:  0px;} .side-points ul li  {    list-style-type:  none;    padding:  8px;     border:  1px solid #ddd;     text-transform:  uppercase;} /*.detailProductPrice  {    padding:  10px;     color:  #0074d9;     margin-bottom:  25px;} .detailProductPrice p  {    color:  #0074d9;}*/ .page-content .inner-content  {    padding:  0px 20px 40px 20px;} .product-img  {    margin-bottom:  20px; } .product-title  {    margin-bottom:  10px;     border-bottom:  1px solid #909090;     margin-bottom:  10px;     padding-bottom:  10px;} .product-title h1  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  25px;     font-size:  1.5625em;     text-transform:  none;     margin:  0px;} .detailProductCat  {    font-family:  'Open Sans',  sans-serif;     font-weight:  600;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin:  10px 0;} .detailProductImage  {     *zoom:  1; } .detailProductImage:before,  .detailProductImage:after  {     content:  " ";     display:  table; } .detailProductImage:after  {     clear:  both; } .detailProductImage #ecom_zoom  {     width:  80%;     display:  block;     margin:  0 auto;     /* Set your desired dimensions */ /* height:  450px;    */ overflow:  hidden;     margin-bottom:  10px;     /* important if you want to use image positioning jQuery */ position:  relative; } .detailProductImage #ecom_zoom .cycle-slide  {     width:  100%;     /* set your height */ padding-top:  100%; } .detailProductImage #ecom_zoom .cycle-slide img  {     width:  100%;     /* this cancels out any max-width you might have set on 'img' element */ max-width:  initial;     height:  auto; } .product__detail  {     *zoom:  1; } .product__detail:before,  .product__detail:after  {     content:  " ";     display:  table; } .product__detail:after  {     clear:  both; } .product__detail .detailProductFeat  {     margin-bottom:  20px; } .product__detail .ecommerceProductOptions  {     margin-bottom:  20px;     *zoom:  1;     display:  none; } .product__detail .ecommerceProductOptions:before,  .product__detail .ecommerceProductOptions:after  {     content:  " ";     display:  table; } .product__detail .ecommerceProductOptions:after  {     clear:  both; } .product__detail .ecommerceProductOptions .productOptions  {     *zoom:  1; } .product__detail .ecommerceProductOptions .productOptions:before,  .product__detail .ecommerceProductOptions .productOptions:after  {     content:  " ";     display:  table; } .product__detail .ecommerceProductOptions .productOptions:after  {     clear:  both; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerTitle  {     font-weight:  bold;     margin-bottom:  10px;     border-bottom:  1px solid #cccccc;     margin-bottom:  10px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerLabel  {     display:  block;     float:  left;     /* you may need to tweak this dependant on length of option label */ width:  30%;     margin-bottom:  5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown  {     display:  block;     float:  left;     /* you may need to tweak this dependant on length of option label */ width:  70%;     margin-bottom:  5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown select  {     width:  100%; } .product__detail .detailProductPrice  {     /* extended from heading 4 styles */ } .product__detail .productHide  {     /* hide unnecessary output - you will alway want this in place */ display:  none; } #carousel  {     /* clear as a precaution */ *zoom:  1;     position:  relative;     padding:  0 24px; } #carousel:before,  #carousel:after  {     content:  " ";     display:  table; } #carousel:after  {     clear:  both; } #carousel .cycle-slide  {     /* set your thumbnail dimensions */ width:  100px;     height:  100px;     /* basics */ display:  block;     overflow:  hidden;     position:  relative;     /* optional - if we set a border the same color as background it looks like margin */ border:  3px solid #cccccc;     margin-right:  5px; } #carousel .cycle-slide.cycle-slide-active  {     /* we can then change the active thumbnail border-color to help highlight which is currently in view */ border-color:  #333; } #carousel .cycle-slide img  {     /* if you have max-width:  100%;     in your css globally,  this can break the resize function. In order to stop this,  the follow CSS will cancel out the max-width and prevent breakage */ max-width:  initial; } #carousel .cycle-prev  {     /* hides text */ text-indent:  -9999px;     /* positions them absolute to the carousel cotainer */ position:  absolute;     left:  0;     top:  50%;     /* gets rid of dotted outline on click */ outline:  0;     margin-top:  -12px;     width:  24px;     display:  block;     height:  24px;     /* remember,  as a background image,  svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image:  url("/patternlibrary-co-uk/_img/arrow-left.svg");     background-position:  center center;     background-repeat:  no-repeat;     /* when you just can't scroll anymore,  lets give the user some feedback */ } #carousel .cycle-prev.disabled  {     opacity:  0.5; } #carousel .cycle-next  {     /* hides text */ text-indent:  -9999px;     /* positions them absolute to the carousel cotainer */ position:  absolute;     right:  0;     top:  50%;     /* gets rid of dotted outline on click */ outline:  0;     margin-top:  -12px;     width:  24px;     display:  block;     height:  24px;     /* remember,  as a background image,  svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image:  url("/patternlibrary-co-uk/_img/arrow-right.svg");     background-position:  center center;     background-repeat:  no-repeat;     /* when you just can't scroll anymore,  lets give the user some feedback */ } #carousel .cycle-next.disabled  {     opacity:  0.5; } #custom-pager  {     display:  none;     *zoom:  1;     /* usually hidden - if used we add padding to push away from edge to match carousel */ padding:  0 24px;     margin-top:  10px; } #custom-pager:before,  #custom-pager:after  {     content:  " ";     display:  table; } #custom-pager:after  {     clear:  both; } #custom-pager span  {     display:  inline-block;     vertical-align:  top;     margin-right:  8px; } #custom-pager span a  {     text-decoration:  none;     outline:  0; } .side-points  {    float:  left;     width:  100%;} .side-points ul  {    padding-left:  0px;} .side-points ul li  {    list-style-type:  none;     font-size:  13px;     color:  #222;    margin-bottom:  5px;} .side-points ul li img  {    margin-right:  5px;     vertical-align:  -3px;} .product-description-wrap  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-description-wrap h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .detailProductDesc p  {    color:  #333; } .product-item__videos  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-item__videos h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .product-spec  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-spec h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .product-features-wrap  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-features-wrap h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .product-quantity-discount  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-quantity-discount h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px;    display: table-caption;    text-align: left !important;} .product-related  {    margin-bottom:  20px;     float:  left;     width:  100%;     display:  block;} .product-related #similarProducts.similarProducts h2  {    color:  #3B3B3B;     font-size:  18px;} .similarProductWrap  {     background:  #fff none repeat scroll 0 0;     border:  1px solid #d2d2d2;     float:  left;     margin-bottom:  20px;     margin-right:  1%;     padding:  17px;     text-align:  center;     width:  24%;     cursor: pointer;} .similarProductWrap:hover  {     border:  1px solid #333; } .similarProductTitle  {    margin-top:  15px;     font-size:  14px;     line-height:  18px;     color:  #133452;} .similarProductImage  {    padding-top:  80%;} .discount__table  {    display:  table;     table-layout:  fixed;     width:  100%;} .disTblRow  {    display:  table-row;     width:  100%;} .disTblCol  {    display:  table-cell;     width:  auto;} .disTblCol  {    /*width:  16.6%;    */ font-size:  12px;     text-align:  center;} .disTblRow  {    background:  #e6e6e6;     color:  #575757;} .disTblRow .disTblCol  {    vertical-align:  middle;     padding:  10px;     border-right:  1px solid #6b6b6b;} .disTblRow .disTblCol:last-of-type  {    border-right:  0px;} .disTblRow:first-of-type .disTblCol,  .disTblRow:last-of-type .disTblCol  {    border-bottom:  0px;} .disTblRow1  {    background:  #3b3b3b; } .disTblRow2  {    background:  #e6e6e6;     color:  #3b3b3b;} .disTblRow3  {    background:  #dcdcdc;     color:  #3b3b3b;} .disTblRow4  {    background:  #b8b8b8;     color:  #3b3b3b;} .disTblRow1 .disTblCol  {    color:  #fff;     vertical-align:  middle;     padding:  10px;     border-right:  1px solid #6b6b6b;} #checkoutMessage p  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     text-align:  center;} #checkoutMessage a#checkoutAddMore  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #707273;     padding:  8px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;     margin-bottom:  15px; } #checkoutMessage a#checkoutAddMore:hover  {    opacity:  0.8;} #checkoutMessage a#checkoutGo  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #0074d9;     padding:  8px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} #checkoutMessage a#checkoutGo:hover  {    opacity:  0.8;} .product-reviews  {    margin-bottom:  20px;     float:  left;     width:  100%;     display:  block;     float:  left;} .ecommerceReviewsItem  {    padding:  20px;     border:  1px solid #ddd;     margin-bottom:  20px;} .ecommerceReviewsTitle h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .ecommerceReviewsItemName  {    font-family:  'Open Sans',  sans-serif;     font-weight:  600;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  15px;} .ecommerceReviewsItemStar  {    margin-bottom:  20px;} .ecommerceReviewsItemComment  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;} .ecommerceReviewsFormWrap  {    padding:  20px;     background:  #f6f6f6;} .ecommerceReviewsFormWrap h2  {    color:  #0074d9;     font-size:  25px;     font-size:  1.5625em;     border-bottom:  2px solid #0074d9;     padding-bottom:  10px;     margin-bottom:  15px; } .ecommerceReviewsLabelName  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputName input  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsLabelEmail  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputEmail input  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsLabelStar  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputStar select  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsLabelComment  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputComment textarea  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsPost a.ecommerceReviewsPostButton  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  0px;     font-size:  0em;     transition:  all .2s ease-in-out;     width:  20%;     background:  #0074d9;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .ecommerceReviewsPost a.ecommerceReviewsPostButton:hover  {    opacity:  0.8;} .ecommerceReviewsError  {    padding:  10px;     border-radius:  5px;     color:  #fff;     background:  #ff0000;     margin-bottom:  20px;}.error {    padding:  10px;     border-radius:  5px;     color:  #fff;     background:  #ff0000;     margin-bottom:  20px;} /* Wizard */ .wizard-wrapper  {    background:  #e2e2e2;     padding:  5% 0;} #wizard-search-question-1:before,  #wizard-search-question-2:before,  #wizard-search-question-3:before,  #wizard-search-question-4:before,  #wizard-search-question-5:before,  #wizard-search-question-1:after,  #wizard-search-question-2:after,  #wizard-search-question-3:after,  #wizard-search-question-4:after,  #wizard-search-question-5:after  {    content:  "";     display:  table;} #wizard-search-question-1:after,  #wizard-search-question-2:after,  #wizard-search-question-3:after,  #wizard-search-question-4:after,  #wizard-search-question-5:after  {    clear:  both;} #wizard-search-question-1,  #wizard-search-question-2,  #wizard-search-question-3,  #wizard-search-question-4,  #wizard-search-question-5  {    zoom:  1;} #wizard-search-question-1,  #wizard-search-question-2,  #wizard-search-question-3,  #wizard-search-question-4,  #wizard-search-question-5  {    width:  100%;     background:  #fff;     box-shadow:  0px 3px 10px 0px rgba(4,  4,  4,  0.1);     margin-bottom:  25px;     display:  table;} #wizard-search-question-5  {    margin-bottom:  40px; } #wizard-search-question-block-1  {    width:  4%;     padding:  33px 1%;     float:  left;     background:  #0074d9;     text-align:  center;     font-family:  'Open Sans',  sans-serif;     font-size:  30px;     font-weight:  700;     font-style:  normal;     color:  #fff;} #wizard-search-question-block-2  {    width:  39%;     padding:  41px 1%;     float:  left;     font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  20px;     font-style:  normal;     color:  #1d1d1d;     text-transform:  uppercase;} #wizard-search-question-block-3  {    width:  48%;     padding:  36px 0;     float:  left;} #wizard-search-question-block-3 select  {    width:  100%;     padding:  10px;     border:  1px solid #c6c6c6;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;} #wizard-search-question-block-4  {    width:  9%;     padding:  36px 0;     float:  left;     text-align:  center; } #wizard-search-question-block-4 a  {    width:  35px;     height:  35px;     background: url("/hiwatchbyhikvision-co-uk/_img/img/question.jpg");     display:  inline-block;} .wizard-search-submit-help  {    box-shadow:  0px 3px 10px 0px rgba(4,  4,  4,  0.1);     width:  60%;     float:  left;     margin-right:  2%;     padding:  2%;     background:  #fff;     text-align:  center;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-size:  20px;     font-size:  1.25em;     font-style:  normal;     color:  #1d1d1d;     text-transform:  uppercase;} .wizard-search-submit-button  {    width:  38%;     float:  left;} .wizard-search-submit-button a  {    transition:  all .2s ease-in-out;     width:  100%;     height:  100%;     padding:  5.8% 0;     display:  block;     background:  #0074d9;     color:  #fff;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-size:  20px;     font-size:  1.25em;     font-style:  normal;     text-transform:  uppercase;     text-align:  center;     text-decoration:  none;} .wizard-search-submit-button a:hover  {    opacity:  0.8;} .wizard-error  {    width:  100%;     padding:  15px;     border:  1px solid #a40000;     background:  #bd1818;     border-radius:  5px;     margin-bottom:  15px;     color:  #fff;    text-align:  center;     float:  left;} .wizard-popup  {    padding:  5%;     background:  #fff;} .wizard-popup h2  {    color:  #1d1d1d;} .mfp-iframe-scaler iframe  {    background:  #fff;} .wizard-search-mini  {    width:  30%;     margin-right:  2%;     float:  left;     margin-bottom:  25px;} .wizard-search-mini #wizard-search-question-block-1,  .wizard-search-mini #wizard-search-question-block-4  {    display:  none;} .wizard-search-mini #wizard-search-question-1,  .wizard-search-mini #wizard-search-question-2,  .wizard-search-mini #wizard-search-question-3,  .wizard-search-mini #wizard-search-question-4,  .wizard-search-mini #wizard-search-question-5  {    padding:  3%;} .wizard-search-mini #wizard-search-question-block-2  {    width:  100%;     text-align:  center;     padding:  1%;     font-size:  15px;} .wizard-search-mini #wizard-search-question-block-3  {    width:  100%;     padding:  1%;} .wizard-search-mini .wizard-search-submit-button  {    width:  100%;} .wizard-search-results  {    width:  68%;     float:  left; } .wizard-search-results .product_tag  {    background:  #fff;     padding:  2%;     margin-bottom:  30px;} .wizard-search-results .wizard-search-submit-help  {    width:  100%; } /*#wizard-search-wrap .wizard-search-results .productName  {    height:  auto !important;} #wizard-search-wrap .wizard-search-results .productDesc  {    height:  auto !important;}*/ .wizard-search-results .product_tag .product_item .product_img a .product_slide  {    height:  auto;     padding-top:  100%;} .wizard-chk-wrap  {    font-family:  'Open Sans';     font-style:  normal;     font-weight:  400;} .wizard-chk-list input,  .wizard-chk-wrap input  {    margin-right:  10px; } a.check-selector  {    float:  left;     transition:  all .2s ease-in-out;     padding:  10px 20px;     background:  #0074d9;     color:  #fff;     font-family:  'Open Sans';     font-style:  normal;     font-weight:  400;     font-size:  14px;     text-transform:  uppercase;     text-align:  center;     text-decoration:  none;} a.check-selector:hover  {    opacity:  0.8;} .wizard-btn  {    float:  left;    transition:  all .2s ease-in-out;     padding:  8px 15px;     background:  #fff;     color:  #ff5f45 !important;     text-decoration:  none;     border-radius:  5px;     margin-right:  10px;} .wizard-btn:hover  {    opacity:  0.8;} @font-face  {     font-family:  'icomoon';     src:  url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.eot?5s88q');     src:  url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.eot?5s88q#iefix') format('embedded-opentype'),  url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.ttf?5s88q') format('truetype'),  url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.woff?5s88q') format('woff'),  url('/hiwatchbyhikvision-co-uk/_img/fonts/icomoon3.svg?5s88q#icomoon') format('svg');     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; } .icon-cameras:before  {     content:  "\e902"; } .icon-dvrs:before  {     content:  "\e903"; } .icon-extras:before  {     content:  "\e904"; } .tool ul.tabs  {    width:  25%;     float:  right;     box-shadow:  0px 3px 10px 0px rgba(4,  4,  4,  0.06);     background:  #202020;     padding:  0px;     margin:  0px;} .tool ul.tabs li  {    transition:  all 0.5s ease 0s;     padding:  5%;     border-left:  4px solid #797979;     text-align:  center;     list-style-type:  none;     border-bottom:  1px solid #585858;     width:  100%;} .tool ul.tabs li#tab1,  .tool ul.tabs li#tab2,  .tool ul.tabs li#tab3  {} .tool ul.tabs li.active,  .tool ul.tabs li:hover  {    border-left:  4px solid #0074d9;     background:  #0b0b0b;} .tool ul.tabs li a  {    font-family:  'Open Sans',  sans-serif;     font-style:  normal;     font-weight:  normal;     font-size:  20px;     color:  #d2d2d2;     text-transform:  uppercase;     text-decoration:  none;     display:  block; } .tool ul.tabs li#tab1  {    padding:  12% 5%;} .tool ul.tabs li#tab1 a:before  {     font-family:  'icomoon' !important;     content:  "\e903";     font-size:  22px ;     line-height:  52px;     display:  block;     width:  100%;} .tool ul.tabs li#tab2 a:before  {     font-family:  'icomoon' !important;     content:  "\e902";     font-size:  50px ;    line-height:  80px;     display:  block;     width:  100%;} .tool ul.tabs li#tab3 a:before  {     font-family:  'icomoon' !important;     content:  "\e904";     font-size:  50px ;    line-height:  80px;     display:  block;     width:  100%;} .tool ul.tabs li#tab4  {    padding:  0px; } .totalPriceBtn  {    transition:  all 0.5s ease 0s;     width:  100%;     background:  #0074d9;     font-family:  'Open Sans',  sans-serif;     font-weight:  normal;     font-style:  normal;     font-size:  18px;     text-transform:  uppercase;     color:  #fff;     padding:  10px 0px;} .totalPriceBtn:hover  {     background:  #0358a3; } .totalPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  normal;     font-style:  normal;     font-size:  38px;     padding-top:  20px;     min-height: 60px;} .totalPriceIncVat  {    font-family:  'Open Sans',  sans-serif;     font-weight:  normal;     font-style:  normal;     font-size:  16px; } #section4 .toolCel3  {    padding:  10px;} #section4 .toolCel3 form  {    transition:  all 0.5s ease 0s;     width:  100%;     background:  #0074d9;     font-family:  'Open Sans',  sans-serif;     font-weight:  normal;     font-style:  normal;     font-size:  18px;     text-transform:  uppercase;     color:  #fff;     padding:  10px 0px;} #section4 .toolCel3 form:hover  {     background:  #0358a3; } #section4 .toolCel3 form a  {    color:  #fff;     display:  block;} .totalPriceNote  {    margin-bottom:  15px;} .tool ul.tabs li.active a,  .tool ul.tabs li.active a:before  {    color:  #0074d9;} .sections  {    width:  75%;     float:  left;     box-shadow:  0px 3px 10px 0px rgba(4,  4,  4,  0.06);} .sections .toolHead  {    width:  100%;     background:  #0074d9;     padding:  15px;} .sections .toolHead .toolCel  {    display:  inline-block;     font-family:  'Open Sans',  sans-serif;     font-weight:  normal;     font-style:  normal;     font-size:  13px;    color:  #fff;     text-transform:  uppercase;} .section  {    background:  #fafafa;     padding:  3%;     display:  none;} .active  {    display:  block;} .toolRow  {    display:  table;     padding:  3%;     border:  2px solid #fff;     transition:  all 0.5s ease 0s;     width:  100%;     background:  #fff;     float:  left;     margin-bottom:  15px;     box-shadow:  0px 3px 10px 0px rgba(4,  4,  4,  0.1); } .toolRow:hover  {    border:  2px solid #016ac6;} .toolCel  {    display:  table-cell;     /*height:  100%;    */ vertical-align:  middle;} .toolCel1  {    width:  16%;     margin-right:  1%;} .toolCel2  {    width:  50%;     padding-left:  2%; } .toolCel3  {    width:  16%;     text-align:  center;     border-left:  1px solid #cdcdcd;} .toolCel3 div:first-of-type  {    height:  30px;} .toolCel3 select  {    font-family:  'Open Sans',  sans-serif;     font-weight:  normal;     font-style:  normal;     font-size:  16px;    color:  #999999;     width:  58px;     height:  35px;     border:  1px solid #c6c6c6;     text-align:  center; } .toolCel4  {    width:  16%;     text-align:  center;     border-left:  1px solid #cdcdcd;} .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:  #0074d9;} .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;     -webkit-transform:  rotate(-44deg);     -moz-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;     -webkit-transform:  rotate(45deg);     -moz-transform:  rotate(45deg);     transform:  rotate(45deg);     border-radius:  2px; } .toolRow .toolCel a  {    font-family:  'Open Sans',  sans-serif;     font-style:  normal;     font-weight:  normal;     font-size:  16px;     color:  #222222;     text-transform:  uppercase;     text-decoration:  none;} .toolRow .toolCel div  {    font-family:  'Open Sans',  sans-serif;     font-style:  normal;     font-weight:  normal;     font-size:  13px;     color:  #999999; } #section4  {    display:  block;} .sectionError  {    padding:  10px;     background:  #d10101;     border-radius:  5px;     text-align:  center;     color:  #fff;     margin-bottom:  20px;} /* Checkout Basket */ .basketOutput  {    margin-bottom: 20px;} .basketHead  {    background:  #fafafa;     border:  1px solid #cccccc;} .basketHead th  {    padding:  15px;     font-family:  'Open Sans',  sans-serif;     color:  #0074d9;} .basketOdd  {    border:  1px solid #cccccc;} .basketOdd td  {    padding:  15px;     text-align:  center;} .basketEven  {    border:  1px solid #cccccc;} .basketEven td  {    padding:  15px;     text-align:  center;} .basketOdd td:first-of-type,  .basketEven td:first-of-type  {    text-align:  left;} .basketSummarySub  {    border: 1px solid #cccccc ;    margin-bottom: 20px;    border-top: 0px;    width: 100%;} .basketSummarySub td {padding: 20px; font-family: 'Open Sans', sans-serif;}.basketSummary {display: block;} .icon-close  {     background: url("/hiwatchbyhikvision-co-uk/_img/img/remove.png");     width:  30px;     height:  30px;     display:  block;     margin:  0 auto; } .icon-newspaper  {     background: url("/hiwatchbyhikvision-co-uk/_img/img/product.png");     width:  30px;     height:  30px;     display:  block;     margin:  0 auto; } #editirFullBasket .basketSummary a  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  0px;     font-size:  0em;     transition:  all .2s ease-in-out;     width:  20%;     background:  #0074d9;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} #editirFullBasket .basketSummary a:hover  {    opacity:  0.8;} p.checkoutSummary  {    width:  100%;     padding:  15px;     text-align:  center;     color:  #fff;     background:  #ff0000;     border-radius:  5px;} #pnlStart tr  {    padding-bottom:  5px;} #pnlStart tr td:nth-of-type(1)  {    width:  30%;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;} #pnlStart tr td:nth-of-type(2)  {    width:  70%;} #pnlStart tr td:nth-of-type(2) input  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     width:  100%;     padding:  10px;     border-radius:  5px;     border:  1px solid #333;} #pnlStart tr td:nth-of-type(2) select  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     width:  100%;     padding:  10px;     border-radius:  5px;     border:  1px solid #333;} #pnlStart tr td:nth-of-type(2) #theCheckbox  {    width:  20px;     padding:  10px;} #pnlStart form p input#button  {    border:  0;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  0px;     font-size:  0em;     transition:  all .2s ease-in-out;     width:  20%;     background:  #0074d9;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} #pnlStart form p input#button:hover  {    opacity:  0.8;} #pnlStepSuccess  {    text-align:  center;     padding:  5% 0;} #pnlStepSuccess form  {    display:  inline-block;     margin-top:  30px;} #pnlStepSuccess form a.btnSagePay  {    border:  0;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     transition:  all .2s ease-in-out;     background:  #0074d9;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} #pnlStepSuccess form a.btnSagePay:hover  {    opacity:  0.8;} #pnlStepSuccess form a.btnPayPal  {    border:  0;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     transition:  all .2s ease-in-out;     background:  #0074d9;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} #pnlStepSuccess form a.btnPayPal:hover  {    opacity:  0.8;} .ecommerceLogin,  .ecommercePassword  {    width:  100%;     padding:  15px;     background:  #f6f6f6;} .ecommerceLoginIntro,  .ecommercePasswordIntro  {    width:  100%;     background:  #0074d9;     padding:  20px;     border-radius:  5px;     color:  #fff;} .ecommerceForm,  .ecommerceForm tbody tr td ,  .ecommerceForm tbody tr {border: 0px !important; } .ecommerceForm tbody tr td:nth-of-type(1)  {    width:  30%;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;} .ecommerceForm tbody tr td:nth-of-type(2)  {    width:  70%; } .ecommerceForm tbody tr td:nth-of-type(2) input  {    width:  100%;     padding:  10px;     border-radius:  5px;     border:  1px solid #333;} .ecommercePasswordFormBtn  {    border:  0;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     transition:  all .2s ease-in-out;     background:  #0074d9;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .ecommercePasswordFormBtn:hover  {    opacity:  0.8;} .ecommercePasswordLink a  {    color:  #0074d9;     text-decoration:  underline;} /* Categories Nav */ .category-navigation-bar  {    padding:  15px 0;} .main-nav  {    width:  100%;} .main-nav .categoriesDesktop  {    width:  100%;} .main-nav .categoriesDesktop &gt; ul  {    padding:  0px;     margin:  0px;     width:  100%;} .account-side  {    padding:  20px;     background:  #f6f6f6; } .account-side h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .account-side .sidenavL1  {    margin-bottom:  10px;} .ecommerceEditDetailsIntro  {    width:  100%;     padding:  20px;     background:  #a3a3a3;     color:  #fff;     text-align:  center; } .ecommerceAccountForm tr td:first-of-type  {    width:  40%; } .ecommerceAccountForm tr td:first-of-type  {    font-family:  Arial,  "Helvetica Neue",  Helvetica,  sans-serif;     font-weight:  600;     color:  #333;     font-size:  14px;     font-size:  0.875em;} .ecommerceAccountForm tr td:first-of-type a  {    font-size:  inherit;} .ecommerceAccountForm tr td:last-of-type  {    width:  60%; } .ecommerceAccountForm tr td:last-of-type input  {    width:  100%;     padding:  10px; } .ecommerceAccountForm tr td:last-of-type select  {    width:  100%;     padding:  10px; } .ecommerceAccountFormBtn  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #0074d9;     padding:  8px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .ecommerceAccountFormBtn:hover  {    opacity:  0.8;} .ecommerceOrderTable tbody tr.tableheadingR  {    background:  #212121;} .ecommerceOrderTable tbody tr td.tableheading  {    font-family:  Arial,  "Helvetica Neue",  Helvetica,  sans-serif;     padding:  20px;     color:  #fff;     font-weight:  600;     font-size:  14px;     font-size:  0.875em;} .ecommerceOrderTable .tablerowR td  {    padding:  20px;     border:  1px solid #d9d9d9;     font-family:  Arial,  "Helvetica Neue",  Helvetica,  sans-serif;     color:  #fff;     font-weight:  600;     color:  #333;     font-size:  16px;     font-size:  1em;} .ecommerceOrderTable.stacktable.small-only  {    display:  none;} @media (min-width: 37.5em)  {     .main-nav  {     display:  block; } } .main-nav .categoriesDesktop  {     position:  relative;     width:  100%;     line-height:  0; } .main-nav .categoriesDesktop &gt; ul  {     display:  -ms-flexbox;     display:  flex; } .main-nav .categoriesDesktop &gt; ul &gt; li  {     -ms-flex-positive:  1;     flex-grow:  1;     float:  left;     list-style:  none;     padding:  20px 0.75em;     line-height:  1;     border-left:  1px solid rgba(185,  185,  185,  0.35);     text-align:  center; } .main-nav .categoriesDesktop &gt; ul &gt; li:first-of-type  {    border-left:  0px;} .main-nav .categoriesDesktop &gt; ul &gt; li &gt; a  {     text-decoration:  none;     text-align:  center;     color:  #fff;     display:  block;     padding:  1em 0em;     font-family:  'Nunito Sans',  sans-serif;     font-weight:  400;     font-size:  16px;     position:  relative; } @media (min-width: 52.5em)  {     .main-nav .categoriesDesktop &gt; ul &gt; li &gt; a  {     padding:  0em 0em; } } .main-nav .categoriesDesktop &gt; ul &gt; li svg  {     height:  1em;     width:  auto;     fill:  #fff;     display:  block;     margin:  auto; } .main-nav .categoriesDesktop &gt; ul &gt; li.liLinkActive  {     background-color:  #7fba23; } .main-nav .categoriesDesktop &gt; ul &gt; li.liLinkActive &gt; a  {     color:  #696969; } .main-nav .categoriesDesktop &gt; ul &gt; li.liLinkActive:hover  { } .main-nav .categoriesDesktop &gt; ul &gt; li.liLinkActive:hover &gt; a  {     color:  #696969; } .main-nav .categoriesDesktop &gt; ul &gt; li.trade-link  {     background-color:  #222; } .main-nav .categoriesDesktop &gt; ul &gt; li.trade-link div[class*="dropdown-promo"]  {     width:  100%; } .main-nav .categoriesDesktop &gt; ul &gt; li:hover  { } .main-nav .categoriesDesktop &gt; ul &gt; li:hover .ecommMenuItems  {     opacity:  1;     display:  block; } .main-nav .categoriesDesktop &gt; ul &gt; li:hover &gt; a  {     color:  #fff; } .no-cssanimations .main-nav .categoriesDesktop &gt; ul &gt; li:hover &gt; ul  {     display:  block; } .cssanimations .main-nav .categoriesDesktop &gt; ul &gt; li:hover &gt; ul  {     visibility:  visible;     animation:  fade-in-down 300ms ease-out forwards; } .main-nav .categoriesDesktop &gt; ul &gt; li &gt; 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 &gt; ul &gt; li &gt; ul  {     display:  none; } .cssanimations .main-nav .categoriesDesktop &gt; ul &gt; li &gt; ul  {     opacity:  0;     visibility:  hidden;     -ms-transform:  translateY(-100%);     transform:  translateY(-100%); } .main-nav .categoriesDesktop &gt; ul &gt; li &gt; ul &gt; li  {     display:  block; } .main-nav .categoriesDesktop &gt; ul &gt; li &gt; ul &gt; 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 &gt; ul &gt; li &gt; ul &gt; 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:  #303a6d; } .main-nav .ecommMenuItem .category-link  {     width:  100%;     margin-bottom:  0.75em;     display:  inline-block; } .main-nav .ecommMenuItem .category-link:hover .category-title  {     color: #303a6d; } .main-nav .ecommMenuItem .category-icon  {     width:  1.5em;     height:  1.5em;     display:  inline-block;     /*display:  none;    */ 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;     text-align:  left !important;} .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 &gt; 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 .dropdown-promo img  {    width:  100% !important;} .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 div.categoriesDesktop ul li a img  {    width:  20px;} .main-nav .categoriesDesktop ul li .ecommMenuItem ul  {    margin:  0;     padding:  0;} .ecommMenuItems p  {    margin:  0px;     float:  right;} #mobile-nav li .ecommMenuItems  {    display:  none;} .dropdown-trigger.close-icon .ecommMenuItems {} .productId  {    display:  none;} .category__list  {    background:  #222; } .category__list ul  {    margin:  0;     padding:  0;     display:  block;     width:  100%; } .category__list ul li  {    list-style-type:  none;     display:  block;     width:  100%; } #navCategory ul li a  {    width:  100%;     display:  block;} #navCategory &gt; ul &gt; li &gt; a  {    padding:  15px;     background:  #0074d9;     color:  #fff;     border-bottom:  1px solid #6c060d;} #navCategory &gt; ul &gt; li &gt; ul  {    padding:  10px 0;     display:  none;} #navCategory ul li ul li a  {    transition:  all 0.5s ease 0s;     padding:  5px 15px;     font-size:  14px;     font-size:  0.875em;     color:  #fff; } #navCategory ul li ul li a:hover  {    color:  #0074d9;} .categoryImageItem  {    width:  32.33%;     float:  left;     margin:  0.5% 0.5%;     border:  1px solid #cbcbcb;     padding:  15px;} .categoryImageItemImage a  {     padding-top:  100%; } .categoryImageItemText  {    text-align:  center;     margin-top:  20px;} .categoryImageItemTextLink  {    display:  block;     font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  14px;     font-size:  0.875em;     color:  #0074d9;     text-align:  center;} .featured-videos__item  {    width:  24%;     float:  left;/*     margin-right: 1%;*/     margin-bottom: 20px;} .featured-videos__item:nth-of-type(4n)  {    margin-right:  0px;} .featured-videos__item a  {    width:  100%; } .featured-videos__item a img  {    width:  100%; } .product_slide  {    padding-top:  100%;} .testimonial-headings h2  {    padding-bottom:  15px;     margin-bottom:  10px;     border-bottom:  1px solid #909090;     color:  #0074d9;     font-size:  18px;     font-size:  1.125em;     text-transform:  uppercase;} .testimonial-intro  {    width:  18%;     float:  left;     margin-right:  2%;     text-align:  center;} .testimonial-intro h2  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  27px;     font-size:  1.6875em;     color:  #191919;     text-transform:  uppercase;} .testimonial-intro p  {    color:  #a3a3a3;     font-size:  12px;     font-size:  0.75em;} .testimonials-output-inner  {    width:  80%;     float:  left; } .testimonial-heading  {    margin-top:  10px;     margin-bottom:  10px;} .testimonial-heading h3  {    color:  #191919;     font-size:  14px;     font-size:  0.875em;} .testimonials-items li  {    padding:  0 10px;} .testimonial-summary-text  {    margin-bottom:  10px;} .testimonial-summary-text p  {    font-size:  13px;     font-size:  0.8125em;     color:  #191919;     margin:  0px;} .testimonial-name p  {    color:  #a3a3a3;     font-size:  12px;     font-size:  0.75em;     margin:  0px;} .testimonial-intro  {    display:  table;} .white-popup  {     position:  relative;     background:  #FFF;/*     padding:  20px;*/     width:  auto;     max-width:  800px;     margin:  20px auto;     border:  5px solid #0074d9; }.popup-heading {padding: 10px; background: #0074d9; color: #fff;}.popup-heading h3 {color: #fff;}.mfp-close-btn-in .mfp-close {color: #fff;}.popup-content {padding: 10px; }.popup-content p span.float--left {float: left; margin-right: 20px; margin-bottom: 20px; width: 30%;} .group-wrapper h1  {    text-align:  center;     margin-bottom:  30px;} .group-wrapper .category-link  {    width:  31.33%;     float:  left;     margin-right:  3%;     margin-bottom:  20px;     border:  1px solid #cbcbcb;     padding:  15px;     background: #fff;     text-align: center;} .group-wrapper .category-title  {    width:  100%;     text-align:  center;     color:  #333;     display:  block;     margin-bottom:  20px;     font-weight:  600;     font-size: 21px; font-size: 1.3125em;} .group-wrapper .category-button  {    margin: 0 auto 20px auto;    display: inline-block;     border:  0px;    transition:  all .2s ease-in-out;         background:  #0074d9;    padding: 0.4em 1.75em;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .group-wrapper .category-button:hover  {    opacity:  0.8;} .group-wrapper .category-icon  {} .why-choose-item  {    width:  100%;     display:  block;} .why-choose-item:nth-of-type(odd) .why-choose-img  {    width:  50%;     float:  left;} .why-choose-item:nth-of-type(odd) .why-choose-text  {    width:  50%;     float:  right;     padding:  25px;     background:  #f1f2f2;} .why-choose-item:nth-of-type(even) .why-choose-img  {    width:  50%;     float:  right;} .why-choose-item:nth-of-type(even) .why-choose-text  {    width:  50%;     float:  left;     padding:  25px;     background:  #f1f2f2;} .why-choose-text p  {    font-size:  14px;     font-size:  0.875em;     line-height:  1.7;} .trade-link  {    float:  right; } #displayLogin  {    float:  right;     margin-right:  10px;} .discountCodeBox  {     color:  white;     text-align:  center;     padding:  1em 1em 0.25em;     background:  #1371c7;     line-height:  1.2; } .discountCodeBox_title  {     font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  26px; } .discountCodeBox_discount  {     display:  block;     margin:  0.5em auto 0;     width:  240px;     border:  2px dotted white;     height:  2.25em;     overflow:  hidden;     position:  relative; } .discountCodeBox_text {font-size: 18px;} .discountCodeBox_discount textarea  {    max-width:  100%;} .discountCodeBox_code  {     display:  block;     border:  none;     outline:  none;     box-shadow:  none;     overflow:  auto;     font-size:  1.65em;     background:  none;     color:  inherit;     resize:  none;     text-align:  center;     line-height:  1em;     height:  2em;     padding:   3px 0.25em;     font-weight: bold; } .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; } .ecommercePag  {     width:  100%;     font-family:  'Open Sans',  sans-serif; } .ecommercePag &gt; 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 &gt; a:hover,  .ecommercePag .pagItemOn:hover  {     color:  #222;     border-color:  #222; } .ecommercePag .pagItemOn  {     padding:  0.5rem;     border-color:  #0074d9;     color:  #0074d9;     font-weight:  700;     box-shadow:  inset 0 0 0 1px #0074d9; } .ecommercePag .pagItemOn:hover  {     border-color:  #0074d9; } .EcommerceSortLabel  {     font-size:  0.8125rem;     font-weight:  700;     color:  #727272;     font-family:  'Open Sans',  sans-serif; } .pag-wrap  {    width:  80%;     float:  left; } .dropdown-wrap  {    width:  20%;     float:  left; } #ecommerceSearchResults .searchWrapTop .EcommerceSortWrap .EcommerceSortInput  {    margin-top:  10px;} #ecommerceSearchResults .searchWrapTop .EcommerceSortWrap .EcommerceSortInput select  {    width:  100%;     padding:  10px;} .ecommerceSearchItem  {    width:  32.33%;     margin-bottom:  20px;     float:  left;     margin:  0 0.5%;     margin-bottom:  20px;     border:  1px solid #cbcbcb;     padding:  15px;} .ecommerceSearchImage a  {    padding-top:  100%;     display:  block;} .ecommerceSearchTitle  {    text-align:  center;} .ecommerceSearchTitle a  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  14px;     font-size:  0.875em;     color:  #0074d9;     text-align:  center;} .ecommerceSearchDescription  {    display:  none;} .ecommerceSearchPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  20px;     font-size:  1.25em;     color:  #333333;     margin:  10px 0;}/* .ecommerceSearchPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     text-align:  center;     font-size:  16px;     font-size:  1em;     color:  #909090;}*/ .ecommerceSearchPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  20px;     font-size:  1.25em;     color:  #333333;} .ecommerceSearchPriceVat  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  20px;     font-size:  1.25em;     color:  #333333;     display: none;} .ecommerceSearchUrl a  {    display:  none;} .ecommerceSearchUrl  {    text-align:  center;} .ecommerceSearchUrl a  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  14px;     font-size:  0.875em;     color:  #909090;     text-align:  center;} .product-description-wrap .brand-logo a  {    text-align:  center;     display:  block;     width:  100%;} .contact-form .defaultForm  {     padding:  25px;     background:  #0074d9; } .contact-form .defaultForm .inputset label  {     color:  #fff; } .contact-form .defaultForm .form_submit .fbElementButton  {    background:  #333;     color:  #fff;     padding: 20px 0;     font-weight: bold;} .defaultForm  {     width:  100%;     *zoom:  1; } .defaultForm:before,  .defaultForm:after  {     content:  " ";     display:  table; } .defaultForm:after  {     clear:  both; } .defaultForm .inputset  {     display:  block;     width:  100%;     position:  relative;     margin-bottom:  0.625em; } .defaultForm .inputset .form_error_specific  {     position:  absolute;     top:  0;     right:  0;     color:  Tomato; } .defaultForm .inputset label  {     display:  block;     width:  100%;     color:  #333333;     font-family:  'Open Sans',  sans-serif;     font-size:  16px;     font-size:  1em; } .defaultForm .inputset label.label  {     display:  inline-block;     color:  #333333;     font-family:  'Open Sans',  sans-serif;     font-size:  16px;     font-size:  1em; } .defaultForm .inputset label.label input  {     width:  initial;     display:  inline-block;     margin-left:  0.625em;     color:  #333333;     font-family:  'Open Sans',  sans-serif;     font-size:  16px;     font-size:  1em; } .defaultForm .inputset input,  .defaultForm .inputset textarea,  .defaultForm .inputset select  {     display:  block;     width:  100%;     padding:  0.625em;     width:  100%; } .defaultForm .inputset textarea  {     height:  10.625em; } .inputset.inputsetcheck label:first-of-type  {     margin-bottom:  0.3125em;     padding-bottom:  0.3125em;     border-bottom:  1px solid #cccccc; } .inputset label.form_header  {     font-weight:  bold;     font-size:  18px; } .defaultForm .form_submit  {     text-align:  right; } .defaultForm .form_submit .fbElementButton  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #0074d9;     padding:  8px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .defaultForm .form_submit .fbElementButton:hover  {    opacity:  0.8;} .defaultForm form#myformNew div#form_wrap label.label.inline  {    color:  #333;     display:  inline-block;} .pagination {     width:  100%;     font-family:  'Open Sans',  sans-serif; } .pagination ul  {    padding:  0px;} .pagination ul li  {    display:  inline-block;} .pagination ul li a  {     display:  block;     font-size:  0.8125rem;     border:  1px solid #aaa;     line-height:  1;     padding:  0.5rem;     color:  #727272;     margin-top:  5px; } .pagination ul li a:hover  {     color:  #222;     border-color:  #222; } .active,  .p_active  {     padding:  0.5rem;     border-color:  #0074d9;     color:  #0074d9;     font-weight:  700;     box-shadow:  inset 0 0 0 1px #0074d9; } .active:hover,  .p_active:hover  {     border-color:  #0074d9; } .inner-page-testimonial  {    margin-bottom:  45px;     padding:  25px;     background:  #f6f6f6;     position:  relative; } .inner-page-testimonial:before  {    content: " “ ";     width:  50px;     height:  50px;     font-size:  78px;     font-size:  4.875em;     color:  #fff;     background:  #a3a3a3;     border-radius:  50%;     text-align:  center;     vertical-align:  middle;     position:  absolute;     top:  0;     left:  50%;     transform:  translate(-50%, -50%); } .content-bar p  {    font-size:  14px;     font-size:  0.875em;} .request-left .defaultForm  {    padding:  20px;     border:  1px solid #f6f6f6;} .request-side  {    width:  100%;     background:  #f6f6f6;     margin-bottom:  20px;} .request-image  {    width:  30%;     float:  left; } .request-text  {    width:  70%;     float:  left;     padding:  25px; }/* .ecommHidePrice .productPriceVat  {    display:  none;}*//* .productPrice a:before {content:"Trade - "; display: inline-block; margin-right: 5px;}*/ .productPrice a,  .formProductLogin1 a  {    display:  block;     border:  0px;     transition:  all .2s ease-in-out;     width:  100%;     background:  #0074d9;     padding:  12px 0px;     text-align:  center;     color:  #ffffff;     font-size:  25px;} .productPrice a:hover,  .formProductLogin1 a:hover  {    opacity:  0.8;} .buy__controls form  {    margin-bottom:  0px;} .side-points ul  {    margin-top:  5px;     margin-bottom:  0px;} .inner-videos .featured-videos__item  {    width:  23%;     margin-right:  2%;     vertical-align:  top;     margin-bottom:  20px;     padding:  10px;     background:  #f6f6f6;     transition:  all .2s ease-in-out;} .inner-videos .featured-videos__item:hover  {    background:  #222222;} .inner-videos .featured-videos__title p  {    color:  #333;} .inner-videos .featured-videos__item:hover .featured-videos__title p  {    color:  #fff;} .video-section h3  {    width:  100%;     padding:  10px;     background:  #0074d9;     color:  #fff;}.documents-wrapper ul {padding: 0px; margin: 0px; }.documents-wrapper ul li {margin-bottom: 10px; width: 50%; float: left; list-style-type: none;}.documents-wrapper ul li img {vertical-align: middle;}.contact-bar-side {padding: 20px; background: #f6f6f6;}.category-bg {background: url("/hiwatchbyhikvision-co-uk/_img/img/category-bg.jpg"); background-size: cover; background-position: center center;}.request-banners img {width: 32.33%;}.inner-content .content-bar table {border: 1px solid #333;}.inner-content .content-bar table tr {border: 1px solid #333;}.inner-content .content-bar table td {border: 1px solid #333;}.request-left .inputset label {font-weight: bold;}.main-nav .categoriesDesktop ul li .ecommMenuItems p {width: 100%; display: block;}.main-nav .categoriesDesktop ul li .ecommMenuItems p img {width: 32.33%; margin-right: 1%;}.wizard-search-submit-help a {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  0px;     font-size:  0em;     transition:  all .2s ease-in-out;display: block;width: 50%;     background:  #004b8d;     padding:  20px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;     margin: 20px auto 0 auto;}.wizard-search-submit-help a:hover  {    opacity:  0.8;}.whitePopup .code {    margin-bottom: 0.75em;    padding: 0.71429em 2.5em;    border: 2px solid #004b8c;    font-size: 17px;    display: none;}.mfp-wrap {    z-index: 99999;}.site_leaver {    z-index: 9999;    position: fixed;    height: 4px;    top: 0;    left: 0;    right: 0;    bottom: auto;}.whitePopup.siteLeavePopup {    max-width: 720px;    text-align: left;    background-color: #0074d9;    background-image: url("/cctv-tek-co-uk/_img/footer-bg.png");    background-position: 50% 50%;    background-repeat: no-repeat;  color: white;  position: relative;padding: 20px;    border: 5px solid #fff;    margin: 0 auto;}.whitePopup.siteLeavePopup p {  font-size: 16px;    text-transform: none;  color: #fff;}.whitePopup.siteLeavePopup p.large {    font-size: 18px;    font-weight: bold;  color: #fff;}.whitePopup.siteLeavePopup .popUpLogo {    padding: 2em;    display: none;    position: absolute;    max-width: 33%;    right: 0;    left: 67%;    bottom: 0;}.whitePopup.siteLeavePopup h1 {    color: white;}.whitePopup.siteLeavePopup a,.whitePopup.siteLeavePopup a:hover{    color: white;}.bottom-bar-image {width: 32.33%; float: left; margin-right: 1%;}.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: #0074d9;    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: #0074d9; }    .faq_button::before {      display: block;      border-radius: 1px;      content: "";      position: absolute;      left: 0;      width: 18px;      top: 7.2px;      height: 3.6px;      background: #0074d9; }    .faq.open .faq_button {      -ms-transform: rotate(405deg);          transform: rotate(405deg); } .group-wrapper .category-link:nth-of-type(3n) {margin-right: 0px !important;}/* Mobile Nav */.pushy-content .logo-wrapper {padding: 30px; text-align: center; background:url('/thegoldenhorse-com/_img/img/homebanner.jpg'); background-size: cover; position: relative;}/*.pushy-content .logo-wrapper a {color: #fff;}.pushy-content .logo-wrapper a:hover {color: #590c0c;}*/.pushy-content .logo-wrapper img {width: 200px; position: relative;}.close-btn a{position: absolute; top: 0; right: 0; display: block; transition: all 0.5s ease 0s; display: inline-block; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal;  color: #293036; padding: 6px 15px !important ; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #333 !important;}.close-btn a:hover {opacity: 0.8; color: #590c0c !important; background: #fff; }.pushy-navigation ul {margin: 0px; padding: 0px;}.pushy-navigation ul li {text-align: center !important; font-size: 16px; font-size: 1em; border-bottom: 1px solid #060e17; transition: all 0.5s ease 0s; width: 100%; padding: 7% 1% !important;}.pushy-navigation ul li a { font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 15px; font-size: 0.9375em; color: #fff; transition: all 0.5s ease 0s;  }.pushy-navigation ul li a:hover {color: #fff; }.pushy-navigation ul li:hover {background: rgba(0,0,0, 0.4); }.mobile-nav-btn {display: none;}.category-bg {background-position: top center;}.productHide {display: none;}.ecommerceProductOptionsInnerTitle {display: none;}/*.productOptions {display: none;}*/.ecommerceProductOptionsInnerLabel, .productOptionsLabel {font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px; color: #0074d9;}.ecommerceProductOptionsInnerDropdown, .productPayment.Method {margin-bottom: 20px;}.ecommerceProductOptionsInnerDropdown select, .productPayment.Method select  {width: 100%; padding: 10px; border-radius: 0px; border: 1px solid #909090; font-size: 14px; font-size: 0.875em; }.link-box {font-size: 0; min-height: 30px;}.link-box:after {content:" "; display: block;}.bgPat {min-height: 20px;}#welcome-popup {text-align: center; padding: 40px;}.mfp-close-btn-in .mfp-close {color: #333 !important;}.account-btn {display: none;}#formTool .tool .sections .section:before,  #formTool .tool .sections .section:after  {    content:  "";     display:  table;}#formTool .tool .sections .section:after  {    clear:  both;}#formTool .tool .sections .section  {    zoom:  1;}/*.toolCel .productPrice {margin-top: 10px;  text-align: left;}.toolCel .productPriceVat {text-align: left; font-size: 16px !important; font-size: 1em; color: #222222 !important; font-weight: bold !important;}.toolCel .productPrice a { color: #fff; width: 100%; max-width: 120px; font-size: 16px; font-size: 1em;}*/.toolCel .productPrice {text-align: left; font-size: 16px !important; font-size: 1em; color: #222222 !important; font-weight: bold !important; margin-top: 10px; }.toolCel .productPriceVat {display: none;}.toolCel .productPrice a {text-align: left; font-size: 16px !important; font-size: 1em; color: #222222 !important; font-weight: bold !important; margin-top: 10px; text-transform: none; padding: 0px; background: none;}.toolCel .productPrice a:hover {opacity: 1;}#s2809271 .kit-buttons, #s2809269 .kit-buttons {display: none;}.kit-buttons { position: fixed; top: 50%; right: 0%;}.kit-buttons a {    display:  block;     border:  0px;     transition:  all .2s ease-in-out;     width:  100%;     background:  #d00a11;     padding:  12px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;     width: 90px;     padding: 10px;      border-bottom-left-radius: 5px;          border-top-left-radius: 5px; /*          transform: translate(40%) rotate(-90deg);*/          -webkit-box-shadow: 0px 2px 23px 0px rgba(161,161,161,1);-moz-box-shadow: 0px 2px 23px 0px rgba(161,161,161,1);box-shadow: 0px 2px 23px 0px rgba(161,161,161,1);}.kit-buttons a:hover  {    opacity:  0.8;}.discount__table__mini__wrap {background: #f6f6f6; padding: 5px; margin-bottom: 10px;}.discount__table__mini {display: table; width: 100%; }.discount__table__mini__wrap h4 {margin-bottom: 10px; width: 100%; display: block; text-align: center; color: #ff0000; font-size: 22px; font-size: 1.375em;}.discount__table__mini__row {display: table-row; width: 100%; }.discount__table__mini__row .disTblCol {display: table-cell; text-align: left; padding: 5px; width: 50%; background: #0074d9; color: #fff; border-bottom: 1px solid #f6f6f6;}.discount__table__mini__row .disTblCol:first-of-type {font-weight: bold;}.div704 h4 {text-align: center; margin-bottom: 10px;}.basket-btn {position: relative; }.basketCount {font-size: 12px; position: absolute; top: -10px; padding: 5px 10px; border-radius: 50%; background: #ff0000; border: 2px solid #fff; color: #fff;}#wizard-search-wrap .product_tag .product_item {width: 49%;}.top-bar-new {text-align: center; padding: 10px 0; background: #51bd4c;}.top-bar-new .row {background: none;}.top-bar-new-inner p {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  18px;     font-size:  1.125em;     color:  #fff;     line-height:  1.4;     margin:  0px;}.tool ul.tabs li .kitBuilderNotLoggedIn .productPrice a {font-size: 18px; margin-bottom: 15px;}.tool ul.tabs li .kitBuilderNotLoggedIn .productPriceCall {margin-top: 15px;}.google-reviews-wrapper {width: 100%; background: #f6f6f6; padding: 55px 0;}.review-item {padding: 20px; background: #fff; border-radius: 5px; width: 100%; display: block; margin-right: 10px;}#map-plug {display: none;}.review-author {font-family: 'Source Sans Pro', sans-serif; color: #282726; font-size: 20px; font-size: 1.25em; font-weight: 700;}#google-reviews {display: block;}.review-stars ul {padding: 0px; margin: 10px 0;}.review-stars ul li {list-style-type: none; display: inline-block; margin-right: 5px;}.review-stars ul li:before{display: block;content: url("/naturalbeautybristolnew-com/_img/img/star1.svg");width: 15px;height: 15px;}.review-text {margin: 0px;}.review-btn {margin-top: 25px; text-align: center;}.review-text {color: #5c514b !important;}#google-reviews {margin-bottom: 20px;}.home-slider .slick-list .slick-track a.slide-wrapper {background-size:  contain !important;} @media all and (max-width: 1000px) and (min-width: 0px)  { .key-point-img  {    width:  18%;    margin-right:  2%;} .key-point-text h5  {    font-size:  12px;     font-size:  0.75em;} } @media all and (max-width: 950px) and (min-width: 0px)  {     .shop-products .product_item  {    width:  49%; } } @media all and (max-width: 900px) and (min-width: 0px)  {     .product_item  {    width:  32.33%;     margin-bottom:  20px;} } @media all and (max-width: 860px) and (min-width: 0px)  {     .key-point-item  {    width:  50%;     margin-bottom:  10px;} .categoryImageItem  {    width:  49%;     margin:  0.5% 0.5%;} .key-point-item  {    border-right:  0px;} .similarProductWrap  {    width:  49%;} } @media all and (max-width: 780px) and (min-width: 0px)  {     .header-bar .header-main .three.columns.logo-box  {    width:  100%;     text-align:  center;} .header-bar .header-main .nine.columns.header-main-right  {    width:  100%;     margin-left:  0;} .translation-links  {    text-align:  center;} .wizard-btn  {    float:  right;     margin-bottom:  10px;} .ecommerceOrderTable.stacktable.small-only  {    display:  table;} .ecommerceOrderTable.stacktable.large-only  {    display:  none;} .ecommerceOrderTable.stacktable.small-only tbody tr.tableheadingR th.st-head-row.st-head-row-main  {    padding:  20px;     color:  #fff;} .ecommerceOrderTable.stacktable.small-only tbody tr.tablerowR th.st-head-row  {    padding:  20px;     color:  #333;     background:  #b1b1b1;} .group-wrapper .category-link  {    width:  48%;     float:  left;     margin-right:  2%; } .group-wrapper .category-link:nth-of-type(3n) {margin-right: 2% !important;} .why-choose-item:nth-of-type(odd) .why-choose-img  {    width:  100%;     padding-top:  50%;} .why-choose-item:nth-of-type(odd) .why-choose-text  {    width:  100%;} .why-choose-item:nth-of-type(even) .why-choose-img  {    width:  100%;     padding-top:  50%;} .why-choose-item:nth-of-type(even) .why-choose-text  {    width:  100%;} .tool ul.tabs  {    width:  100%;     margin-top:  0px !important; } .sections  {    width:  100%; } } @media all and (max-width: 650px) and (min-width: 0px)  {     .mobile-trigger  {    display:  block !important; }.mobile-nav-btn {display: block;}.menu-btn {border: 0px; padding: 15px 35px; width: 100%; text-align: center; display: inline-block; transition: all 0.5s ease 0s; font-family:  'Open Sans',  sans-serif; font-weight: 700; font-style: normal; font-size: 20px; font-size: 1.25em; background: #222222; color: #fff; text-transform: uppercase;}.menu-btn:hover {background: #004b8d; }.pushy-navigation {margin-bottom: 20px; float: left; width: 100%;}.pushy-navigation h3 {text-align: center; }.pushy-navigation ul li .ecommMenuItems {display: none;}.pushy-navigation ul li a {padding: 0 !important;}.pushy-navigation ul li img {width: 20px;} .main-nav  {    display:  none;} .menu-open .burger-contain  {    position:  fixed;     right:  0;     top:  10px; } .menu-open .navigation-bar  {    position:  absolute;     right:  10px;     top:  0;} #primary  {    text-align:  center;} .header-top .trade-signup  {    text-align:  center;} .search-box  {    width:  100%;     margin-bottom:  20px;} .top-account-buttons  {    width:  100%;} .top-contact-buttons  {    width:  100%;     margin-bottom:  20px;} .search-account-wrap  {    width:  100%;     display:  block;} .link-box  {    float:  left;     width:  100%;} .link-box img  {    width:  100%;} .product_item  {    width:  49%; } .side-bar-image img  {    width:  100%;} .product-info-side {    margin-top:  0px !important;} #wizard-search-question-block-1  {    width:  100%;     padding:  4% 1%;     font-size:  16px;} #wizard-search-question-block-2  {    width:  100%;     padding:  4% 1%;     text-align:  center;     font-size:  16px;} #wizard-search-question-block-3  {    width:  100%;     padding:  2%;} #wizard-search-question-block-4  {    width:  100%;     padding:  2% 1%;} .wizard-search-submit-help  {    width:  100%;     padding:  4%;     margin-bottom:  30px;} .wizard-search-submit-button  {    width:  100%; } .wizard-search-submit-button a  {    width:  100%;     padding:  3% 0;} .wizard-search-mini  {    width:  100%;} .wizard-search-results  {    width:  100%;} #pnlStart tr td:nth-of-type(1)  {    width:  100%;     display:  block;} #pnlStart tr td:nth-of-type(2)  {    width:  100%;     display:  block;} #pnlStart form p input#button  {    width:  100%;} .category__filter  {    margin-bottom:  20px;} .ecommerceSearchItem  {    width:  49%; } .toolHead  {    display:  none;} .toolCel  {    height:  auto !important;} .toolCel1  {    width:  100%;     display:  block;     text-align:  center;} .toolCel2  {    width:  100%;     display:  block;     text-align:  center;     margin-bottom:  20px;} .toolCel3  {    width:  49.5%;     text-align:  center;     border-left:  1px solid #cdcdcd;     display:  inline-block;     border-left:  0px;} .toolCel4  {    width:  49.5%;     text-align:  center;     border-left:  1px solid #cdcdcd;     display:  inline-block;} #section4 .toolCel3  {    width:  100%;} .buy__controls  {    float:  left;} .product-side  {    float:  left;} .product-info-side  {    float:  left;} .inner-videos .featured-videos__item  {    width:  48%;}.documents-wrapper ul li {width: 100%;  }.header-top {display: none;}.account-btn {display: inline-block;}.kit-buttons a {padding: 5px 10px; font-size:  16px;     font-size:  1em;     width: auto;          transform: translate(43%) rotate(-90deg);      border-bottom-left-radius: 0px;          border-top-left-radius: 5px; border-top-right-radius: 5px;       }.product-side {margin-bottom: 25px;} } @media all and (max-width: 500px) and (min-width: 0px)  {     .group-wrapper .category-link  {    width:  100%;     float:  left;     margin-right:  0%; } .pag-wrap  {    width:  100%;     float:  left; } .dropdown-wrap  {    width:  100%;     float:  left; } .similarProductWrap  {    width:  100%;     margin-right:  0;} } @media all and (max-width: 480px) and (min-width: 0px)  {     .key-point-item  {    width:  100%;     text-align:  center;} .product_item  {    width:  100%;     border-right:  0px;} .featured-videos__carousel .prev-arrow,  .featured-videos__carousel .next-arrow  {    display:  none !important;} .featured-videos__carousel .slick-list  {    width:  100%;} .shop-products .product_item  {    width:  100%; } .wizard-btn  {    float: none;     margin:  10px auto;     display:  block;} .detailProductImage #ecom_zoom  {     width:  100%; } .categoryImageItem  {    width:  100%;     margin:  0.5% 0%;} .featured-videos__item  {    width:  49.5%;/*     margin-right:  1%;*/     float:  left;} .featured-videos__item:nth-of-type(2n)  {    margin-right:  0px;} .ecommerceSearchItem  {    width:  100%; } .disTblCol  {    font-size:  10px;     font-size:  0.625em;} .inner-videos .featured-videos__item  {    width:  100%;}#wizard-search-wrap .product_tag .product_item {width: 99%;} } @media all and (max-width: 360px) and (min-width: 0px)  {     .featured-videos__item  {    width:  100%;     margin-right:  0%;     float:  left;} }
 
</pre></body></html>