/* 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;  }/* Fonts font-family: 'Open Sans', sans-serif; font-weight: 700 ;regular = 400semi-bold = 600bold = 700*//* Font Styles */  h1 {font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; font-size: 30px; font-size: 1.875em; color: #1f3873; line-height: 1.4; margin: 0px; text-transform: uppercase;}  h2 {font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; font-size: 25px; font-size: 1.5625em; color: #1f3873; line-height: 1.4; margin: 0px;  text-transform: uppercase;}  h3 {font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; font-size: 20px; font-size: 1.25em; color: #1f3873; line-height: 1.4; margin: 0px; text-transform: uppercase;}  h4 {font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; font-size: 18px; font-size: 1.125em; color: #1f3873; line-height: 1.4; margin: 0px;  text-transform: uppercase;}  h5 {font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; font-size: 16px; font-size: 1.0em; color: #1f3873; line-height: 1.4; margin: 0px; text-transform: uppercase;}  h6 {font-family: 'Montserrat', sans-serif;  font-weight: 800; font-style: normal; font-size: 14px; font-size: 0.875em; color: #1f3873; line-height: 1.4; text-transform: uppercase;}  p {font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal;  color: #1c1c1c;  font-size: 16px; font-size: 1em; line-height: 1.80;}  a {font-family: 'Open Sans', sans-serif; font-weight: 400;font-style: normal; color: #1c1c1c; font-size: 16px;  font-size: 1em; text-decoration: none; line-height: 1.80;}  ul li, ol li, li {font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; color: #1c1c1c; line-height: 1.90;}  em {font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic;  color: #1c1c1c;  font-size: 16px; font-size: 1em; line-height: 1.80; }/* Button Styles */  .blue-btn {transition: all .2s ease-in-out; background: #28357a; color: #fff;  text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; font-size: 1.125em; vertical-align: middle; padding: 15px 30px; display: inline-block;  line-height: 1.2; text-transform: uppercase;}  .blue-btn:hover {opacity: 0.8; color: #fff;}  .white-btn {transition: all .2s ease-in-out; background: #fff; color: #181e49;  text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; vertical-align: middle; padding: 15px 30px; display: inline-block;  line-height: 1.2;  }  .white-btn:hover {opacity: 0.8;}.inner-position {display: table-cell; vertical-align: middle;}.divider {width: 63px; height: 5px; background: #28357a; margin: 20px 0 40px 0;}/* Background */body {    background-attachment: fixed;    background-color: #dfdfdf;    background-image: url("/pcfxonline-com/_img/img/bg-promo.jpg");    background-position: center ;    background-repeat: no-repeat;}/* Header */.top-header {background: #dddddd; }.top-bar-nav ul {padding: 0px; margin: 0px;}.top-bar-nav ul li {list-style-type: none; float: left; border-left: 1px solid #cbcbcb; height: 100%; text-align: center;}.top-bar-nav ul li:last-of-type {border-right: 1px solid #cbcbcb;}.top-bar-nav ul li a {transition: all .2s ease-in-out; color: #707070; font-size: 12px; font-size: 0.75em; display: block; width: 100%; height: 100%; padding: 10px 30px;}.top-bar-nav ul li a:hover {background: #707070; color: #dddddd;}.top-bar-language {text-align: right;}.top-bar-language div {transition: all .2s ease-in-out; padding: 7px 30px; text-align: right; position: relative; height: 100%; display: inline-block; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; font-size: 12px; font-size: 0.75em; color: #707070;}.top-bar-language div:hover {background: #707070; color: #dddddd;}.top-bar-language div img {width: 25px; vertical-align: -5px;}.top-bar-language div ul {display: none; }.top-bar-language div:hover ul, .top-bar-language a:active ul { transition: all .2s ease-in-out;display: block; position: absolute; top: 26px; right: 0; z-index: 100; background: #707070; padding: 15px;}.top-bar-language div ul li {list-style-type: none; float: left; margin: 5px 5px;}.category-nav-wrapper {background: #002e4e;}.header-bar {background: #003b64;  position: relative; z-index: 99; padding: 2% 0;}.logo-wrapper {width: 23%; float: left; padding: 0 2%; display: table;}.logo-wrapper img {width: 310px;}.nav-contact-wrap {width: 77%; float: left; padding: 1%;}.header-contact {text-align: right; color: #fff; font-size: 16px; font-size: 1em; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}.header-contact a {color: #fff; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase;}.header-contact img {margin: 0px 10px; height: 18px; vertical-align: -3px;}.mini-basket {display: table;}.mini-basket #editirMiniBasket span {font-family: 'Open Sans', sans-serif; font-weight: 700 ; font-style: normal; font-size: 15px; font-size: 0.9375em; color: #fff; line-height: 2;}.mini-basket #editirMiniBasket span:before {content: "";  display: inline-block;  height:35px;  width:35px;  background-size: 35px 35px;  background-image: url("/pcfxonline-com/_img/img/cart.svg");  background-repeat: no-repeat;  margin-right: 10px;  margin-bottom: -10px;}.nav{height: 100%;}/* Navigation */  #navCategory ul {  margin: 0px 0px 0px 0px; padding-left: 0px;  text-align: left;  }  #navCategory ul > li {  border-bottom: 0px solid #fff; display: inline-block; vertical-align: middle; list-style-type: none; position: relative; text-align: center; height: 100%; }  #navCategory ul >li:hover {transition: all 0.5s ease 0s; }  #navCategory ul >li a {padding: 10px; display: block; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Open Sans', sans-serif; font-weight: bold; font-style: normal; font-size: 16px; font-size: 1em; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }  #navCategory ul >li a:hover {color: #3C88CC; }  #navCategory ul >li:last-of-type>a {border-right: 0px;}  /* Dropdown LV1 */  #navCategory ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}  #navCategory ul li:hover ul {display: block;  position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; }  #navCategory ul li ul li {padding: 10px 10px !important; text-align: left; display: block; }  #navCategory ul li ul li:hover {background: #061738 ;}  #navCategory ul li ul li a { height: auto;  display: block; border: none; font-size: 16px !important; font-size: 1em !important; line-height: 20px !important; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: normal; text-decoration:none; font-weight: normal; padding: 0px; }  #navCategory ul li ul li a:hover {text-decoration: none;}  #navCategory ul li ul li {position: relative;}.mobile #mobile-nav li {width: 100%; text-align: left;}.mobile.slideRight #mobile-nav.cat-nav #navCategory ul li ul {display: none;}.cat-nav .categoryItem a {transition: all 0.5s ease 0s; padding: 7%; display: block; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Open Sans', sans-serif; font-weight: 700 font-style: normal; font-size: 14px; font-size: 0.875em; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }.cat-nav .categoryItem a:hover {color: #5d73b7;} .cat-nav #ecommerceCategoryGroups a {float: left; transition: all 0.5s ease 0s; padding: 1.5%; display: block; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Open Sans', sans-serif; font-weight: 700 font-style: normal; font-size: 14px; font-size: 0.875em; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }.cat-nav #ecommerceCategoryGroups a:hover {color: #5d73b7;} #mobile-nav.cat-nav #ecommerceCategoryGroups a {float: none !important; transition: all 0.5s ease 0s; padding: 3% 7%; display: block; vertical-align: middle;  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; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }#mobile-nav.cat-nav #ecommerceCategoryGroups a:hover {color: #5d73b7;} /* Navigation */  #categories {  margin: 0px 0px 0px 0px; width: 100%; height: 100%; padding-left: 0px;  text-align: right; display: table;  }  #categories>li {  border-bottom: 0px solid #fff; display: table-cell; vertical-align: middle; list-style-type: none; position: relative; text-align: center; height: 100%; }  #categories>li:hover {transition: all 0.5s ease 0s; }  #categories>li>a { padding: 7% 0%; display: block; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: 'Open Sans', sans-serif; font-weight: 700 font-style: normal; font-size: 14px; font-size: 0.875em; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }  #categories>li>a:hover {color: #5d73b7; }  #categories>li:last-of-type>a {border-right: 0px;}  .menu>li>a.linkActive, #categories>li.liLinkActive a {text-decoration: none; color: #5d73b7;}  /* Dropdown LV1 */  #categories>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}  #categories>li:hover>ul {display: block;  position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; }  #categories>li>ul>li {padding: 7px 10px !important; text-align: left; }  #categories>li>ul>li:hover {background: #68b32d;}  #categories>li>ul>li>a { height: auto;  display: block; border: none; font-size: 16px !important; font-size: 1em !important; line-height: 20px !important; color: #fff; font-family: 'Open Sans', sans-serif; text-decoration:none; font-weight: normal; padding: 0px; }  #categories>li>ul>li>a:hover {text-decoration: none;}  #categories li>ul>li {position: relative;}  /* Dropdown LV2 */  #categories>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}  #categories>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }  #categories>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }  #categories>li>ul>li>ul>li:hover {background: #68b32d;}  #categories>li>ul>li>ul>li a { height: auto;  display: block; border: none;font-size: 16px !important; font-size: 1em !important;  line-height: 20px !important; color: #fff; font-family: 'Open Sans', sans-serif; text-decoration:none; font-weight: normal; padding: 0px; }  #categories>li>ul>li>ul>li a:hover {text-decoration: none;}  #categories li>ul>li>ul>li {position: relative;}  /* Dropdown LV3 */  #categories>li>ul>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}  #categories>li>ul>li>ul>li:hover>ul {display: block;  position: absolute; top: 0px; left: 200px; z-index: 1; background: #00365b; padding: 0px; }  #categories>li>ul>li>ul>li>ul>li {padding: 7px 10px !important; text-align: left; }  #categories>li>ul>li>ul>li>ul>li:hover {background: #68b32d;}  #categories>li>ul>li>ul>li>ul>li a { height: auto;  display: block; border: none; font-size: 16px !important; font-size: 1em !important;  line-height: 20px !important; color: #fff; font-family: 'Open Sans', sans-serif; text-decoration:none; font-weight: normal; padding: 0px; }  #categories>li>ul>li>ul>li>ul>li a:hover {text-decoration: none;}  #categories li>ul>li>ul>li>ul>li {position: relative;}.mobile-trigger {display: none !important;  height: 100%; position: relative; z-index: 150 ;}.menu-open .mobile-trigger {padding: 20px;}.menu-open .burger-contain {float: right;}body.menu-open {  color: black;}body.menu-open > .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: 1; overflow: auto; background: #002e4e; }.mobile #mobile-nav {margin: 0; padding: 8em 1.24732em; display: block; }.mobile ul#mobile-nav.menu li a {transition: all 0.5s ease 0s; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; font-size: 30px; font-size: 1.875em; text-decoration: none; color: #fff; text-transform: uppercase;}.mobile ul#mobile-nav.menu li a:hover, .mobile ul#mobile-nav.menu li a:active {color: #28357a;}.mobile #mobile-nav > li { }.mobile #mobile-nav li {list-style: none; margin-bottom: 0.49012em; padding-bottom: 0.49012em; width: 80%; margin-left: auto; margin-right: auto;}.mobile #mobile-nav li.has-dropdown > 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 > 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 > li {border-bottom: 1px solid #e2c8a2; }.mobile #mobile-nav li.dropdown-open ul > li:first-child {border-top: 1px solid #e2c8a2; padding-top: 0.79012em; margin-top: 0.79012em; }.mobile #mobile-nav li.dropdown-open ul > 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;}.home-banner ul {padding: 0px; margin: 0px;}.owl-theme .owl-controls {  -webkit-tap-highlight-color: transparent;/*  position: absolute; bottom: 2%; width: 100%;*/}.owl-theme .owl-controls .owl-nav [class*='owl-'] {  color: white;  font-size: 14px;  display: inline-block;  cursor: pointer;width: 50px; height: 50px;font-size: 0;transition: all .2s ease-in-out;}.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {opacity: 0.8;  text-decoration: none;}.owl-nav {  margin-top: 10px; width: 50%;}.owl-next {position: absolute; right: 0; background:url("/pcfxonline-com/_img/img/arrow-right.svg") ; background-repeat: no-repeat; background-position: center center;}.owl-prev {position: absolute; right: 55px; background:url("/pcfxonline-com/_img/img/arrow-left.svg") ; background-repeat: no-repeat; background-position: center center;}.owl-dots {    margin: 0 auto;    width: 100%; max-width: 1166px;    position: absolute; bottom: 4%; left: 0; right: 0; text-align: right; padding-right: 4%; }.owl-theme .owl-controls .owl-nav .disabled {  opacity: 1;  cursor: default;}.owl-theme .owl-dots .owl-dot {  display: inline-block;  zoom: 1;  *display: inline;}.owl-theme .owl-dots .owl-dot span {  width: 16px;  height: 16px;  margin: 5px 4px;  border:3px solid #fff;  border-radius: 50%;  display: block;  -webkit-backface-visibility: visible;  -webkit-transition: opacity 200ms ease;  -moz-transition: opacity 200ms ease;  -ms-transition: opacity 200ms ease;  -o-transition: opacity 200ms ease;  transition: opacity 200ms ease;background: #2a2c34;}.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {  background: #002e4e;} .page-content {margin: 0 auto; max-width: 1237px; width: 100%; }.contact-bar {padding: 2% 0;}.contact-bar p {margin: 0; color: #909090;}.contact-bar a {color: #909090;}.reason-boxes {width: 100%; background: #f6f6f6; border: 1px solid #707070;}.reason-box {width: 25%; float: left; padding: 2%;}.reason-box-one, .reason-box-two, .reason-box-three {border-right: 1px solid #707070;}.reason-icon {width: 20%; float: left;}.reason-icon img {width: 45px;}.reason-text {width: 80%; float: left;}.reason-text p {text-transform: uppercase; margin: 0px; font-size: 14px; font-size: 0.875em;}.reason-text p strong {color: #003b64;}.slider-wrapper {padding-top: 20px;}.home-banner ul li {list-style-type: none;}.home-slider-side {}.slider-right-img-top img, .slider-right-img-bottom img {width: 100%;}.slider-right-img-top {margin-bottom: 6.7%;}.home-product-output {padding-top: 4%; padding-bottom: 4%;}.side-col-header {padding: 20px; background: #003b64;}.side-col-header h2 {font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #fff; font-size: 18px; font-size: 1.125em; text-transform: none;}.side-col-list {padding: 20px; background: #061738;}.side-col-list ul {padding: 0px; margin: 0px;}.side-col-list .categoryItem a {transition: all 0.5s ease 0s;  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #fff; font-size: 14px; font-size: 0.875em; padding: 8px 0px;}.side-col-list .categoryItem a:hover {color: #5d73b7;} .latest-products {margin-bottom: 25px;}.latest-products-header, .featured-products-header {border-bottom: 1px solid #909090; width: 100%; color: #002e4e; padding: 0px 0px 10px 0; margin-bottom: 10px;}.latest-products-header h3 , .featured-products-header h3 { font-family: 'Open Sans', sans-serif; font-style: normal;  font-weight: 700; text-transform: none;}.product_item {width: 23.875%; margin-right: 1.5%; margin-bottom: 15px; float: left; /*border: 2px solid #cbcbcb;*/}.product_item:nth-of-type(4) {margin-right: 0%;}.productName {width: 100%; padding: 10px 10px 0 10px; text-align: center;}.productName a {font-family: 'Open Sans', sans-serif; font-style: normal;  font-weight: 700; font-size: 14px; font-size: 0.875em; color: #002e4e;}.productDesc {display: none;}.productProductLinkA {display: none;}.productCat {display: none;}.productPrice {font-family: 'Open Sans', sans-serif; font-style: normal;  font-weight: 400; font-size: 18px; font-size: 1.125em; text-align: center; padding: 10px; color: #909090;}.category-side {margin-bottom: 20px;}.footer {width: 100%; background: #292929;}.footer-top { padding: 40px 0 ;}.footer-logo {display: table;}.footer-address h3 , .footer-contact h3 , .footer-payment h3 {color: #fff;}.footer-address p , .footer-contact p , .footer-payment p, .footer-contact ul li {color: #909090; font-size: 14px; font-size: 0.875em;}.footer-contact a {color: #909090; }.footer-contact img {width: 20px; vertical-align: -2px;}.footer-contact ul li {list-style-type: none;}.footer-contact ul {padding: 0px; }.footer-bottom {border-top: 2px solid #868686;}.footer-copyright p, .footer-credit p, .footer-credit p a {color: #909090;}.footer-copyright {font-size: 14px; font-size: 0.875em; }.footer-credit {font-size: 14px; font-size: 0.875em; text-align: right;}.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;}.nav-contact-wrap form input {width: 80%; float: left; padding: 10px; border: 0px;}.nav-contact-wrap form a.ecommerceSearchBtn {font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em; transition: all .2s ease-in-out; width: 20%; float: left; background: #002e4e; padding: 8px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;}.nav-contact-wrap form a.ecommerceSearchBtn:hover {opacity: 0.8;}.defaultForm {  width: 100%;  *zoom: 1;  background: #dddddd;  padding: 25px;}.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%;  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em;}.defaultForm .inputset label.label {  display: inline-block;  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;  border: 0px;  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em;}.defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select {  display: block;  width: 100%;  padding: 0.625em;  width: 100%;  border: 0px;  font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; font-size: 1em;}.defaultForm .inputset textarea {  height: 10.625em;  border: 0px;}.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 {border: 0px;transition: all .2s ease-in-out; width: 20%; float: left; background: #002e4e; padding: 8px 0px; text-align: center; color: #ffffff; font-size: 14px; font-size: 0.875em;}.defaultForm .form_submit .fbElementButton:hover {opacity: 0.8;}.product-info-side{padding: 20px; background: #dddddd;}.product-side .product-info-side .price-wrap .detailProductPrice p {text-align: center; font-size: 30px; font-size: 1.875em; 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: 0px; width: 100%;}.detailProductBuyButton {display: block; border: 0px;transition: all .2s ease-in-out; width: 100%; background: #002e4e; 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; margin-bottom: 5px;}.detailProductPrice {padding: 10px; background: #707070; color: #fff; margin-bottom: 25px;}.detailProductPrice p {color: #fff;}.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: 100%;  /* 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: 80%;}.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: #e5408e;}#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: #dddddd; margin-bottom: 20px;}.product-description-wrap h2 {color: #3B3B3B; font-size: 18px;}.detailProductDesc p {color: #333; }.product-features-wrap {padding: 20px; background: #dddddd; margin-bottom: 20px;}.product-features-wrap h2 {color: #3B3B3B; font-size: 18px;}.product-quantity-discount {padding: 20px; background: #dddddd; margin-bottom: 20px;}.product-quantity-discount h2 {color: #3B3B3B; font-size: 18px;}.product-related {margin-bottom: 20px;}.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%;}.similarProductWrap:hover {    border: 1px solid #333;}.similarProductTitle {margin-top: 15px; font-size: 14px; line-height: 18px; color: #133452;}.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: 'OpenSansBold'; font-weight: normal; font-style: normal; font-size: 16px; text-align: center;}#checkoutMessage a#checkoutAddMore {background:  #8C8C8C; text-align: center; width: 49%; font-family: 'OpenSansSemibold'; font-weight: normal; font-style: normal; font-size: 12px;  color: #fff; padding: 6px 15px;  display: inline-block; text-transform: uppercase; margin: 0 auto;}#checkoutMessage a#checkoutAddMore:hover {background: #6b6b6b;}#checkoutMessage a#checkoutGo {text-align: center; width: 49%; font-family: 'OpenSansSemibold'; font-weight: normal; font-style: normal; font-size: 12px; background: #bc6e9e; color: #fff; padding: 6px 15px;  display: inline-block; text-transform: uppercase; margin: 0 auto;}#checkoutMessage a#checkoutGo{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#175eac+0,2a7fcd+70,175eac+100 */background: #175eac; /* Old browsers */background: -moz-linear-gradient(-45deg,  #175eac 0%, #2a7fcd 70%, #175eac 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #175eac 0%,#2a7fcd 70%,#175eac 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #175eac 0%,#2a7fcd 70%,#175eac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175eac', endColorstr='#175eac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}#checkoutMessage a#checkoutGo:hover {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#175eac+0,2a7fcd+30,175eac+100 */background: #175eac; /* Old browsers */background: -moz-linear-gradient(-45deg,  #175eac 0%, #2a7fcd 30%, #175eac 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg,  #175eac 0%,#2a7fcd 30%,#175eac 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #175eac 0%,#2a7fcd 30%,#175eac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175eac', endColorstr='#175eac',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}.productId {display: none;}.cat-nav .ecommerceCategoryGroupItemImage, .cat-nav  .ecommerceCategoryGroupItemDescription {display: none;}/* MEDIA QUERIES */ @media all and (max-width: 1145px) and (min-width: 0px) {.cat-nav #ecommerceCategoryGroups a {padding: 1.5% 0.5%; font-size: 12px; font-size: 0.75em;}} @media all and (max-width: 900px) and (min-width: 0px) {.reason-box {width: 50%; }.reason-box-one, .reason-box-two {border-bottom: 1px solid #707070 ;}.logo-wrapper {text-align: center; padding: 5% 0; width: 100% !important;}.logo-wrapper .inner-position {display: block;}.nav-contact-wrap {width: 49% !important; margin-left: 0px; margin-right: 1%; float: left;}.mini-basket {width: 49% !important; float: left; margin-left: 0px; text-align: center;}} @media all and (max-width: 865px) and (min-width: 0px) {.mobile-trigger {display: block !important;  }.cat-nav {display: none;} } @media all and (max-width: 850px) and (min-width: 0px) {.product_item {width: 49.25%; margin-right: 1.5%;}.product_item:nth-of-type(even) {margin-right: 0;}} @media all and (max-width: 768px) and (min-width: 0px) {.mobile-trigger {display: block !important;  }.cat-nav {display: none;}.menu-open .top-header, .menu-open .nav-contact-wrap, .menu-open .mini-basket, .menu-open .header-bar {display: none;}.menu-open .header-bar {padding: 3% 0; text-align: center;}.menu-open .header-bar .inner-position {display: block;}.menu-open .category-nav-wrapper {background: #003b64; }} @media all and (max-width: 650px) and (min-width: 0px) {.row .nine.columns.top-bar-nav {width: 100% !important; float: left;}.top-bar-nav ul li {width: 25%; }.top-bar-nav ul li a {padding: 15px 0px; border-bottom: 1px solid #cbcbcb;}.row .three.columns.top-bar-language {width: 100% !important; float: left; padding: 10px; text-align: center;}.top-bar-language a {border: 1px solid #cbcbcb;}.slider-right-img-top {width: 50%; margin-bottom: 0px; float: left;}.slider-right-img-bottom {width: 50%; margin-bottom: 0px; float: left; }.footer-logo {padding: 5%; text-align: center; width: 100% !important; display: block;} .footer-logo .inner-position {display: block;}.footer-top .three.columns.footer-address {width: 50% !important; float: left;}.footer-top .three.columns.footer-contact {width: 50% !important; float: left;}.footer-top .three.columns.footer-payment {width: 100%; float: left;}.footer-copyright {text-align: center;}.footer-credit {text-align: center;}} @media all and (max-width: 480px) and (min-width: 0px) {.logo-wrapper {width: 100% !important;}.nav-contact-wrap {width: 100% !important; margin-right: 0%; margin-bottom: 15px;}.mini-basket {width: 100% !important;}.product_item {width: 100%; margin-right: 0%;}.reason-box {width: 100%; border-right: 0px; padding: 6%;}.reason-box-three {border-bottom: 1px solid #707070;}.slider-right-img-top {width: 100%; }.slider-right-img-bottom {width: 100%; }.footer-top .three.columns.footer-address {width:100% !important; float: left; margin-bottom: 10px;}.footer-top .three.columns.footer-contact {width:100% !important; float: left; margin-bottom: 10px;}}/* Height Media Q */ @media all and (max-height: 700px) and (min-width: 0px) {.project-banner-text {padding: 50px 0 50px 0 !important;}.project-banner ul li {height: auto !important;}}