/* GLOBAL SETTINGS */
body{font-size:11px;font-family: proxima-nova, sans-serif ;}
input, input:focus{outline: none !important;box-shadow: none !important;}
input:focus::placeholder {color: transparent !important;}

/* HEADER */
header{position:relative;}
/* TOP BAR */
.top-bar{top:0;max-height:53px;z-index:2000;overflow:hidden;background-color:#ECEAEA;}
.logo-spacer{width:7rem;}
/* TOP BAR - SEARCH */
.search-bar{padding:6px 0 0 1.8rem;}
.search-bar input{padding:0.6rem 1.5rem;border-radius:0.7rem;border:0px;}
.search-bar input::placeholder{color: #999;opacity:1;font-style:italic;}
.search-bar button{border-radius:0.7rem;border:0px;border-left:1px Solid #DEDEDE;background-color: #FFFFFF;}
.search-bar button i{margin:0 7px 0 5px;}
/* TOP BAR - SEARCH */
.quick-links{padding:10px 0 8px 0;}
.quick-links .col{border-right:1px Solid #CDCDCD;}
.quick-links .col:last-child{border-right:0;}
.quick-links i{font-size:1.5em;margin-bottom:2px;}
.quick-links a, .quick-links a:visited{color:#333;text-decoration: none;}
.quick-links a:hover{text-decoration: underline;}

/* MAIN MENU */
.main-menu{top:53px;max-height:47px;z-index:2000;background-color:#312F30;}
/* NAV BAR - MEDIUM / LARGE SCREENS */
.nav-item{padding:0.5rem 0;}
.nav-item:hover{background-color:#3B444A;}
.nav-divider{border-right: 1px solid #3B444A;}
.nav-item .nav-link{font-size:1.2em;font-weight:600;color:#fff;}
.nav-item .nav-link:hover{color:#fff;}
.nav-item.active{background-color:#3B444A;}
.nav-item.active .nav-link{color:#fff;}
.nav-item.business-type{background-color:#4CA8A7;}
.nav-item.business-type:hover{background-color:#4CA8A7;}

/* NAV BAR - SMALLER SCREENS */
.small-nav{float:right;margin-right:0;max-width:100px;padding:0;z-index:2000;}
.small-nav .nav-item{padding:6px 12px 6px 14px;}
.small-nav i{margin-left:10px;}

/* SUB NAV MENUS */
.sub-nav-wrapper{z-index:1000;width:100%;background-color:#3B444A;}
.sub-nav{z-index:1000;padding-top:10px;color:#fff;font-size:1.2em;padding-top:25px;}
.sub-nav-column{margin-bottom:25px;padding:0 10px 0 40px;border-right:0 Solid #696F72;}
.sub-nav-title{margin-bottom:15px;padding:0 30px;}
.sub-nav-title h2{padding:5px 10px;background-color:#312F30;font-size:1.4em;}
.business-type .sub-nav-title h2{background-color:#489997;}
.sub-nav a, .sub-nav a:visited{display:block;margin-bottom:25px;color:#FFFFFF;line-height:1.2em;font-weight:600;text-decoration: none;}
.sub-nav a:last-child{margin-bottom:2px;}
.sub-nav a span.sub-nav-item:hover{text-decoration: underline;}
.sub-nav a span{padding-right:5px;}
.sub-nav a span.filtered{padding-right:0;color: #4CA8A7 !important;font-size:0.8em;}
.sub-nav.business-type{padding-top:20px;background-color:#4CA8A7;}
.sub-nav.business-type .sub-nav-column{border-right:0 Solid #9AC5CC;}

.modal-backdrop {z-index: 4000 !important;opacity: 0.6 !important;}
.coming-soon {opacity:0.3;}

/* LOGO */
.logo-wrapper{top:0;z-index:3000;max-height:0;}
.logo-wrapper img{margin-top:-113px;max-height:106px;}

/* MAIN CONTENT AREA */
main{position:relative;top:14px;}
.trust-bar{
  margin-bottom:13px;
  background-color:#ffffff;
  font-size:1.4em;
}
.trust-bar svg{
  margin-left:20px;
  fill:#C04263;
}
/* PRODUCT BLOCK */
.product-block{
  top:200px;
  background-color:#f1f5f9;
}
/* PRODUCT SELECTOR */
.product-selector{
  padding-top:10px;
}
.product-info{
  padding-top:10px;
}
.start-here{
  margin:5px 0 4px 0;
  max-height:48px;
}
/* PRODUCT SELECTORS */
.product-selector h1 {padding-left:5px;}
.product-selector p {padding-left:5px;font-size:16px;}
.option-title {background-color: #FFFFFF;font-size:1.4em;}
[id^=option-] .option-title-body > div:nth-child(1) {color:#888888;}
[id^=option-] .option-title-body > div:nth-child(2) {color:#333333;}
[id^=option-] .option-title > i {font-size: 1.75em;color:#666;}
[id^=option-].disabled .option-title {background-color:inherit;cursor:inherit;}
[id^=option-].disabled .option-title i {display:none;}
.option-fields .input-group{width:inherit;}
.option-field {padding:0.5rem;border:1px solid #dee2e6;background-color:#FFFFFF;cursor:pointer;}
.option-field img {width: 100%;}
.option-title {cursor: pointer;}
.option-title.active ~ .option-fields {display: flex !important;}
.option-field.active {border: 3px solid #d73d6b !important;}
.option-title-body > div:first-child {margin-right: 0.5em !important;}
.option-body > div:nth-child(1) {margin-top: 0.5rem;}
.option-select-title{font-size:1.2em;color:black;}
.units,.units:hover{border-color:#ced4da;background-color:#fff;color:inherit;}

/* PRODUCT PRICE GRID */
#price-grid {background-color:#FFFFFF;border-bottom:0px !important;font-size: 0.85rem;}
#price-grid #vat-msg {vertical-align:middle !important; font-weight:normal;color:#AAA !important;}
#price-grid i{display:none;}
#price-grid .bg-white {background-color: white;}
#price-grid .table{margin-bottom:0;}
#price-grid .table thead th:nth-child(n+2) {background-color: #312F30 !important;border-color:#FFFFFF !important;color:#FFFFFF;}
/* #price-grid .table .price-box{cursor:pointer;} */
/* PRICE(HOVER) */
#price-grid .table tbody tr td.add-color[data-pos="1"]:hover{background-color:rgb(193, 33, 82) !important;color:#FFFFFF;border-color:#FFFFFF !important;cursor:pointer;}
#price-grid .table tbody tr td.add-color[data-pos="2"]:hover{background-color:rgb(193, 33, 82) !important;color:#FFFFFF;border-color:#FFFFFF !important;cursor:pointer;}
#price-grid .table tbody tr td.add-color[data-pos="3"]:hover{background-color:rgb(193, 33, 82) !important;color:#FFFFFF;border-color:#FFFFFF !important;cursor:pointer;}
/* PRICE (SELECTED) */
#price-grid .table tbody tr td.add-color.active[data-pos="1"]{background-color:rgb(193, 33, 82) !important;color:#FFFFFF;border-color:#FFFFFF !important;}
#price-grid .table tbody tr td.add-color.active[data-pos="2"]{background-color:rgb(193, 33, 82) !important;color:#FFFFFF;border-color:#FFFFFF !important;}
#price-grid .table tbody tr td.add-color.active[data-pos="3"]{background-color:rgb(193, 33, 82) !important;color:#FFFFFF;border-color:#FFFFFF !important;}
/* COL HEADER (HOVER AND SELECTED) */
#price-grid .table thead th.add-color[data-pos="1"] { background:linear-gradient(rgb(193, 33, 82) 30%, rgb(193, 33, 82) 100%) !important; color:#fff; border-color: white !important; }
#price-grid .table thead th.add-color[data-pos="2"] { background:linear-gradient(rgb(193, 33, 82) 30%, rgb(193, 33, 82) 100%) !important; color:#fff; border-color: white !important; }
#price-grid .table thead th.add-color[data-pos="3"] { background:linear-gradient(rgb(193, 33, 82) 30%, rgb(193, 33, 82) 100%) !important; color:#fff; border-color: white !important; }
/* COL BODY (HOVER) */
#price-grid .table tbody tr td.add-color[data-pos="1"] { background: rgba(193, 33, 82,0.2) ; border-color: white !important; }
#price-grid .table tbody tr td.add-color[data-pos="2"] { background: rgba(193, 33, 82,0.2) ; border-color: white !important; }
#price-grid .table tbody tr td.add-color[data-pos="3"] { background: rgba(193, 33, 82,0.2) ; border-color: white !important; }
/* LOADING SPINNER */
#price-grid-spinner{font-size:40px;width:100%;text-align: center;color:rgb(193, 33, 82);opacity:0.8;}
#price-grid-spinner i{margin-left:19%;}

/* PRODUCT SEPERATOR */
.separator {height: 0;}
.separator.add-sep {height:20px;border-bottom:1px Solid #C4C4C4;}

/* PRODUCT IMAGES SLIDESHOW */
.slideshow-container {position: relative;padding: 8px 0 20px 0;}
.slideshow-dots{text-align:center;padding-bottom:15px;}
.productImage, .productImage2 {display: none;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -24px;padding: 10px 16px;background-color: rgba(255,255,255,0.6);color: rgba(193, 33, 82,0.4);font-weight: bold;font-size: 18px;transition: 0.4s ease;border-radius: 0 50px 50px 0;user-select: none;text-decoration:none;}
.next {right: 0;border-radius: 50px 0 0 50px;}
.prev:hover, .next:hover {color:rgb(193, 33, 82,1);background-color: rgba(255,255,255,0.9);}
.dot, .dot2 {cursor: pointer;height: 10px;width: 10px;margin: 0 2px;background-color: rgba(0,0,0,0.1);border-radius: 50%;display: inline-block;transition: background-color 0.4s ease;}
.dot.active, .dot2.active, .dot:hover, .dot2:hover {background-color: rgba(0,0,0,0.35);}
.fade {animation-name: fade;animation-duration: 1.5s;animation-fill-mode: forwards;}
@keyframes fade {rom {opacity: .4;} to {opacity: 1;}}







/* RESPONSIVE CSS FOR VIEWPORTS GREATER THAN BOOTSTRAP XS */
/* BOOTSTRAP S */
@media (min-width: 576px) {
  .trust-bar{margin-top:-4px;}
  .quick-links{padding:10px 0 8px 0;}
  .quick-links i{font-size:1.5em;margin-bottom:2px;}
  .logo-wrapper img{margin-top:-111px;max-height:107px;}
  .sub-nav-wrapper{padding-top:0;}
  .sub-nav{padding-top:35px;}
  .sub-nav.business-type{padding-top:35px;}
  .sub-nav-column{margin-bottom:0;padding-bottom:25px;}
  .sub-nav.business-type .sub-nav-column-1, .sub-nav .sub-nav-column-1{border-width:1px;}
  .sub-nav.business-type .sub-nav-column-3, .sub-nav .sub-nav-column-3{border-width:1px;}
  .option-title {font-size:1.4em;}
  .option-select-title{font-size:1.1em;}
  .trust-bar{font-size:1.4em;}

/* BOOTSTRAP MD */
@media (min-width: 768px) {
  body{font-size:12px;}
  .top-bar{max-height:57px;}
  .logo-spacer{width:8rem;}
  .main-menu{top:57px;max-height:49px;}
  .logo-wrapper img{margin-top:-121px;max-height:115px;}
  main{position:relative;top:14px;}
  .option-title {font-size:1.3em;}
  .option-select-title{font-size:1em;}
  .trust-bar{font-size:1.3em;}

/* BOOTSTRAP LG */
@media (min-width: 992px) {
  body{font-size:13px;}
  .top-bar{position:fixed;max-height:59px;}
  .logo-spacer{width:8.6rem;}
  .search-bar{padding:8px 15px 0 1.8rem;}
  .main-menu{position:fixed;top:59px;max-height:57px;}
  .nav-item{padding:0.1rem 0;}
  .nav-link {line-height: 1.2rem;}
  .logo-wrapper{position:fixed;}
  .logo-wrapper img{margin-top:0;max-height:122px;}
  .sub-nav-wrapper{position:fixed;top:115px;}
  .sub-nav{padding-bottom:25px;}
  .sub-nav-column{padding-bottom:2px;}
  .sub-nav.business-type .sub-nav-column-2, .sub-nav .sub-nav-column-2{border-width:1px;}
  main{position:relative;top:127px;}
  .option-title {font-size:1.2em;}
  .option-select-title{font-size:0.9em;}
  .trust-bar{font-size:1.2em;}
}
/* BOOTSTRAP XL */
@media (min-width: 1200px) {
  body{font-size:14px;}
  .top-bar{max-height:74px;}
  .logo-spacer{width:10rem;}
  .search-bar{padding:17px 15px 0 1.8rem;}
  .quick-links{padding:15px 0 10px 0;}
  .quick-links i{font-size:1.8em;margin-bottom:3px;}
  .main-menu{top:74px;max-height:57px;}
  .nav-item{padding:0.5rem 0;}
  .nav-link {line-height:var(--bs-body-line-height);}
  .logo-wrapper img{max-height:139px;}
  .sub-nav-wrapper{top:131px;}
  main{position:relative;top:147px;}
  .option-title {font-size:1.1em;}
  .option-select-title{font-size:0.80em;}
  .trust-bar{font-size:1.1em;}
}
/* BOOTSTRAP XXL */
@media (min-width: 1400px) {
  .top-bar{max-height:79px;}
  .logo-spacer{width:11rem;}
  .search-bar{padding:17px 15px 0 2.2rem;}
  .quick-links{padding:15px 0;}
  .quick-links i{font-size:1.8em;margin-bottom:3px;}
  .main-menu{top:79px;max-height:57px;}
  .logo-wrapper img{max-height:145px;}
  .sub-nav-wrapper{position:fixed;top:136px;}
  main{position:relative;top:155px;}
  .option-title {font-size:1.1em;}
  .option-select-title{font-size:0.80em;}
}