@font-face {
  font-family: 'Gotham Black';
  src: url("../../../foundation/assets/fonts/Gotham-Black.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham Book';
  src: url("../../../foundation/assets/fonts/Gotham-Book.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham Light';
  src: url("../../../foundation/assets/fonts/Gotham-Light.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham Medium';
  src: url("../../../foundation/assets/fonts/Gotham-Medium.otf") format("opentype");
}
.icons-sprite, .icons-account, .icons-address, .icons-auto-category, .icons-auto-product, .icons-basket, .icons-blog, .icons-calendar, .icons-cancel, .icons-chev-right, .icons-collapse, .icons-cross, .icons-download, .icons-ebay, .icons-facebook, .icons-instagram, .icons-linkedin, .icons-lock, .icons-menu, .icons-menu_close, .icons-menu_collapse, .icons-menu_expand, .icons-notification, .icons-paperclip, .icons-pause, .icons-pen-icon, .icons-phone-icon, .icons-resume, .icons-search, .icons-sort-asc, .icons-sort-desc, .icons-twitter, .icons-vimeo, .icons-youtube, .ccio-accordion-active-icon, .ccio-accordion-inactive-icon, #ccio-head-content-v6 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-content-v7 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-account a:after, #ccio-head-basket a:after, #ccio-head-search a:after, #ccio-head-menuCollapseWrapper a:after, #ccio-foot-social-twitter, #ccio-foot-social-facebook, #ccio-foot-social-instagram, #ccio-foot-social-youtube, #ccio-foot-social-blog, #ccio-foot-social-linkedin, #ccio-foot-social-vimeo, #ccio-foot-social-ebay, .ccio-autocomplete-item .ccio-autocomplete-icon-product, .ccio-autocomplete-item .ccio-autocomplete-icon-category, #ccio-bask-secureIcon, .ccio-editIcon, .ccio-crossIcon, .ccio-mem-menuItemChev, .ccio-mem-sortDesc, .ccio-mem-sortAsc, .ccio-phoneIcon, .ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadedDocument, #ccio-head-mobileMenu-close, .ccio-head-mobileMenuGroupExpander, .ccio-head-mobileMenuGroupCollapser, .ccio-attachment-paperclip, .ccio-messageAttachment, .ccio-downloadIcon, .ccio-search-widget-icon-keyword, .ccio-search-widget-icon-categories, .ccio-search-widget-icon-calendar, .ccio-widget-submit-btn .ccio-submit-btn-type-image, #ccio-head-menuCollapse {
  background-image: url('../images/icons-se2cf8b72b0.png');
  background-repeat: no-repeat;
}
.icons-account {
  background-position: 0 0;
  height: 22px;
  width: 21px;
}
.icons-address {
  background-position: 0 -24px;
  height: 20px;
  width: 20px;
}
.icons-auto-category {
  background-position: 0 -46px;
  height: 21px;
  width: 25px;
}
.icons-auto-product {
  background-position: 0 -69px;
  height: 25px;
  width: 25px;
}
.icons-basket {
  background-position: 0 -96px;
  height: 21px;
  width: 20px;
}
.icons-blog {
  background-position: 0 -119px;
  height: 25px;
  width: 25px;
}
.icons-calendar {
  background-position: 0 -146px;
  height: 20px;
  width: 20px;
}
.icons-cancel {
  background-position: 0 -168px;
  height: 25px;
  width: 25px;
}
.icons-chev-right {
  background-position: 0 -195px;
  height: 18px;
  width: 9px;
}
.icons-collapse {
  background-position: 0 -215px;
  height: 22px;
  width: 22px;
}
.icons-cross {
  background-position: 0 -239px;
  height: 18px;
  width: 18px;
}
.icons-download {
  background-position: 0 -259px;
  height: 20px;
  width: 20px;
}
.icons-ebay {
  background-position: 0 -281px;
  height: 25px;
  width: 25px;
}
.icons-facebook {
  background-position: 0 -308px;
  height: 20px;
  width: 20px;
}
.icons-instagram {
  background-position: 0 -330px;
  height: 20px;
  width: 20px;
}
.icons-linkedin {
  background-position: 0 -352px;
  height: 25px;
  width: 25px;
}
.icons-lock {
  background-position: 0 -379px;
  height: 14px;
  width: 10px;
}
.icons-menu {
  background-position: 0 -395px;
  height: 21px;
  width: 21px;
}
.icons-menu_close {
  background-position: 0 -418px;
  height: 43px;
  width: 43px;
}
.icons-menu_collapse {
  background-position: 0 -463px;
  height: 25px;
  width: 37px;
}
.icons-menu_expand {
  background-position: 0 -490px;
  height: 25px;
  width: 37px;
}
.icons-notification {
  background-position: 0 -517px;
  height: 32px;
  width: 32px;
}
.icons-paperclip {
  background-position: 0 -551px;
  height: 32px;
  width: 32px;
}
.icons-pause {
  background-position: 0 -585px;
  height: 25px;
  width: 25px;
}
.icons-pen-icon {
  background-position: 0 -612px;
  height: 18px;
  width: 18px;
}
.icons-phone-icon {
  background-position: 0 -632px;
  height: 32px;
  width: 32px;
}
.icons-resume {
  background-position: 0 -666px;
  height: 25px;
  width: 25px;
}
.icons-search {
  background-position: 0 -693px;
  height: 21px;
  width: 21px;
}
.icons-sort-asc {
  background-position: 0 -716px;
  height: 9px;
  width: 15px;
}
.icons-sort-desc {
  background-position: 0 -727px;
  height: 9px;
  width: 15px;
}
.icons-twitter {
  background-position: 0 -738px;
  height: 25px;
  width: 25px;
}
.icons-vimeo {
  background-position: 0 -765px;
  height: 25px;
  width: 25px;
}
.icons-youtube {
  background-position: 0 -792px;
  height: 25px;
  width: 25px;
}
body {
  margin: 0;
  font-family: var(--body-font-family);
  font-style: var(--body-font-style);
  font-weight: var(--body-font-weight);
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  overflow-x: hidden;
}
.ccio-emphasis {
  font-family: var(--body-font-emphasis-family);
  font-style: var(--body-font-emphasis-style);
  font-weight: var(--body-font-emphasis-weight);
  font-size: var(--body-font-emphasis-size);
}
a {
  text-decoration: var(--link-text-decoration);
  color: var(--link-color);
  font-weight: var(--link-font-weight);
}
a:hover {
  color: var(--link-hover-color);
}
a img {
  outline: none;
}
ul {
  padding: 0;
}
ul li {
  list-style: none;
}
select {
  -webkit-appearance: menulist;
  background-color: white;
  
}
div {
  box-sizing: border-box;
}
br.desktopOnlyBreak {
  display: block;
}
br.mobileOnlyBreak {
  display: none;
}
h1, .ccio-page-contactFormSubmittedSuccessfullyTitle, .ccio-h1 {
  font-family: var(--h1-font-family);
  font-style: var(--h1-font-style);
  font-weight: var(--h1-font-weight);
  font-size: var(--h1-font-size);
  text-transform: var(--h1-text-transform);
  color: var(--h1-color);
  margin: var(--h1-margin);
  line-height: var(--h1-line-height);
}
h2, #ccio-lay-addingToBasket, #ccio-lay-addToBasketError, .ccio-prod-reservedContentTitle, .ccio-h2 {
  font-family: var(--h2-font-family);
  font-style: var(--h2-font-style);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  text-transform: var(--h2-text-transform);
  color: var(--h2-color);
  margin: var(--h2-margin);
}
h3, .ccio-h3 {
  font-family: var(--h3-font-family);
  font-style: var(--h3-font-style);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  text-transform: var(--h3-text-transform);
  color: var(--h3-color);
  margin: var(--h3-margin);
}
.ccio-button, .ccio-search-noDates, #js-addtobasket-button, .payment_button, .zend_form input[type="submit"] {
  display: block;
  background-color: var(--button-background-color);
  color: var(--button-color);
  font-family: var(--button-font-family);
  font-style: var(--button-font-style);
  font-weight: var(--button-font-weight);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  padding: var(--button-padding);
  border-radius: var(--button-border-radius);
  text-align: center;
  text-transform: var(--button-text-transform);
  border: var(--button-border);
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-in;
  cursor: pointer;
  width: fit-content;
}
.ccio-button:hover, .ccio-search-noDates:hover, #js-addtobasket-button:hover, .payment_button:hover, .zend_form input[type="submit"]:hover {
  background-color: var(--button-hover-background-color);
  color: var(--button-hover-color);
}
.ccio-checkboxWrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
input[type="checkbox"] {
  width: 22px !important;
  height: 22px;
  margin-right: 10px;
  flex-shrink: 0;
}
td.ccio-button, td.ccio-search-noDates {
  padding: 0;
  margin: 0;
  width: 100%;
}
.ccio-button-inverse {
  color: var(--button-background-color);
  background-color: var(--button-color);
  border: 1px solid var(--button-background-color);
}
.ccio-button-disabled {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
  cursor: not-allowed;
}
.ccio-button-disabled:hover {
  background-color: var(--button-disabled-background-color);
  color: var(--button-disabled-color);
}
.ccio-click-disabled {
  cursor: not-allowed;
}
.ccio-button-fullWidth, #js-addtobasket-button {
  width: 100%;
}
.ccio-button-square-container {
  width: var(--button-large-square-size, 72px);
  position: relative;
}
.ccio-button-square-container:before {
  content: "";
  display: block;
  padding-top: 100%;
  
}
.ccio-button-square-container .ccio-button, .ccio-button-square-container .ccio-search-noDates {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.ccio-successMessage {
  padding: 10px;
  margin: 10px 0;
  color: darkgreen;
  border: 2px solid darkgreen;
  width: 100%;
}
.ccio-errorMessage {
  padding: 10px;
  margin: 10px 0;
  color: darkred;
  border: 2px solid darkred;
  width: 100%;
}
.ccio-fullWidth, #ccio-prod-divider {
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  padding: 0;
}
.ccio-hidden {
  display: none;
  visibility: hidden;
}
.flex-even {
  flex: 1;
}
.zend_form > dd {
  margin: 0;
}
.zend_form fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}
.zend_form fieldset dl {
  display: flex;
  flex-wrap: wrap;
}
.zend_form fieldset dl dt, .zend_form fieldset dl dd {
  width: 50%;
  margin: 3px 0;
}
.zend_form fieldset dl dt {
  padding-top: 5px;
}
.zend_form fieldset dl input {
  width: 100%;
  font-size: 14px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #a6a6a6;
}
.zend_form fieldset dl select {
  font-size: 14px;
  height: 30px;
  box-sizing: border-box;
  width: 100%;
}
.zend_form ul.errors li {
  padding: 10px;
  margin: 10px 0;
  color: darkred;
  border: 2px solid darkred;
  width: 100%;
}
.zend_form legend {
  width: 100%;
  font-family: 'Gotham Medium', sans-serif;
  font-size: 20px;
  padding: 0;
  margin-top: 15px;
}
#ccio-cookieAcceptance {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d3d3d3;
}
#ccio-cookieAcceptance button {
  margin: 2px 10px !important;
  padding: 5px 10px !important;
  width: auto !important;
}
.ccio-carousel {
  margin: 20px 25px;
}
.ccio-carousel.ccio-fullWidth, .ccio-carousel#ccio-prod-divider {
  margin: 20px 0;
}
.ccio-panelWizardBannerCarousel .ccio-carousel {
  display: block !important;
}
.ccio-panelWizardBannerCarousel .ccio-carousel .ccio-bannerItem {
  display: none;
}
.ccio-panelWizardBannerCarousel .ccio-carousel .ccio-bannerItem:first-child {
  display: block;
}
.ccio-panelWizardBannerCarousel .ccio-carousel.slick-initialized .ccio-bannerItem {
  display: block;
}
.ccio-carousel-item {
  
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: var(--page-carousel-item-align-items, flex-start);
  
  
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
  overflow: hidden;
}
.ccio-carousel-item img {
  align-self: var(--page-carousel-item-align-imgs, center);
}
.ccio-carousel-item-description, .ccio-carousel-item-description p {
  display: var(--page-carousel-item-description-display, block);
  color: var(--page-carousel-item-description-color, #4a4a4a);
  font-size: var(--page-carousel-item-description-font-size, 17px);
  text-align: var(--page-carousel-item-description-align, center);
  margin-block-start: 0;
  margin-block-end: 0;
  width: 100%;
}
.ccio-carousel-item-description {
  flex-grow: 2;
  margin-block-start: var(--page-carousel-item-description-margin-block-start, 0);
}
.ccio-carousel-item-title {
  font-family: var(--h3-font-family);
  margin: 5px 0;
}
.ccio-carousel-item-date {
  display: none;
}
.ccio-carousel-item-img {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.ccio-carousel-item-img-link {
  width: 100%;
}
.ccio-carousel-item-img-link .ccio-carousel-item-img {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.ccio-carousel-item-link {
  margin: 10px 0;
}
.ccio-carousel-item-featured {
  position: relative;
  padding: 0 !important;
}
.ccio-carousel-item-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 50px;
}
.ccio-carousel-item-overlay-contents {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}
.ccio-carousel-item-overlay-contents .ccio-carousel-item-title, .ccio-carousel-item-overlay-contents .ccio-carousel-item-date, .ccio-carousel-item-overlay-contents .ccio-carousel-item-link {
  color: white;
}
.ccio-carousel-item-overlay-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: white;
}
.ccio-carousel-item-corner-ribbon-container {
  overflow: hidden;
  position: relative;
}
.ccio-carousel-item-corner-ribbon {
  color: var(--page-carousel-item-corner-ribbon-color);
  background-color: var(--page-carousel-item-corner-ribbon-background-color);
  margin: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
  min-width: 100px;
  font-family: var(--page-carousel-item-corner-ribbon-font-family);
  font-size: var(--page-carousel-item-corner-ribbon-font-size);
  line-height: var(--page-carousel-item-corner-ribbon-line-height);
  text-align: center;
  z-index: 1000;
}
.ccio-carousel-item-corner-ribbon:before, .ccio-carousel-item-corner-ribbon:after {
  content: '';
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 100%;
  height: 100%;
  background-color: var(--page-carousel-item-corner-ribbon-background-color);
}
.ccio-carousel-item-corner-ribbon:before {
  right: 100%;
}
.ccio-carousel-item-corner-ribbon:after {
  left: 100%;
}
.ccio-carouselSuppressed {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: var(--category-container-margin);
  padding: var(--category-container-padding);
}
.ccio-carouselSuppressed > div {
  max-width: var(--category-wrapper-max-width-desktop);
}
.ccio-carousel-with-sidebar {
  display: flex;
  align-items: center;
  width: 100%;
}
.ccio-carousel-with-sidebar .ccio-carousel {
  width: 66%;
}
.ccio-carousel-sidebar {
  width: 33%;
}
@keyframes slideRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.ccio-slideLeft {
  
  animation: 1s ease-out 0s 1 slideLeft;
}
.ccio-slideRight {
  
  animation: 1s ease-out 0s 1 slideRight;
}
.ccio-slideUp {
  
  animation: 1s ease-out 0s 1 slideUp;
}
.ccio-slideDown {
  
  animation: 1s ease-out 0s 1 slideDown;
}
.slick-track {
  display: flex !important;
  flex-direction: row;
}
.slick-slider:not(.ccio-carousel-manufacturers):not(.ccio-carousel-centered) .slick-track {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.slick-slide {
  flex: 1 1;
  height: inherit !important;
}
.slick-arrow {
  z-index: 999;
}
.slick-dots > li {
  display: none;
}
.slick-dots > li:nth-child(1n + 1) {
  display: inline-block;
}
.slick-dots > li:only-child {
  display: none;
}
.slick-prev {
  left: calc(var(--carousel-arrow-font-size, 36px) * -1) !important;
  width: var(--carousel-arrow-font-size, 36px) !important;
  height: var(--carousel-arrow-font-size, 36px) !important;
}
.ccio-fullWidth > .slick-prev, #ccio-prod-divider > .slick-prev {
  left: calc(var(--carousel-arrow-font-size, 36px) * 0.5) !important;
}
.slick-next {
  right: calc(var(--carousel-arrow-font-size, 36px) * -1) !important;
  width: var(--carousel-arrow-font-size, 36px) !important;
  height: var(--carousel-arrow-font-size, 36px) !important;
}
.ccio-fullWidth > .slick-next, #ccio-prod-divider > .slick-next {
  right: calc(var(--carousel-arrow-font-size, 36px) * 0.5) !important;
}
.slick-prev:before,
.slick-next:before {
  color: var(--pagination-color, darkgrey) !important;
  font-size: var(--carousel-arrow-font-size, 36px) !important;
}
.ccio-panel {
  background: var(--panel-background, #fff);
  border-radius: var(--panel-border-radius, 10px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  margin: var(--panel-margin, 10px);
  padding: var(--panel-padding, 15px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccio-rowInput {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ccio-rowInput > * {
  margin: 10px;
}
.ccio-rowInput button {
  white-space: nowrap;
}
.ccio-email-input {
  display: flex;
  flex-flow: column nowrap;
}
.ccio-checklistItemUploadDocumentChooseFile {
  height: 32px !important;
  padding: 4px 10px !important;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 10px;
}
.ccio-checklistItemUploadDocumentFilename {
  font-style: italic;
}
.ccio-checklistItemTextInput {
  margin-left: 10px;
  margin-right: 10px;
  flex-grow: 1;
}
.ccio-accordion-active-icon {
  background-position: 0 -215px;
  width: 18px !important;
  height: 18px !important;
  margin: 5px !important;
}
.ccio-accordion-inactive-icon {
  background-position: 0 -239px;
  width: 18px;
  height: 18px;
  margin: 5px;
}
.ccio-filePicker, .ccio-filePicker2 {
  padding: 10px;
  border: 1px solid lightslategrey;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0;
}
.ccio-filePicker span, .ccio-filePicker2 span {
  font-weight: normal !important;
}
.ccio-filePicker2 {
  display: flex;
  gap: 20px;
  align-items: center;
}
.ccio-filePicker2-fileName {
  font-style: italic;
}
#ccio-filePicker2-progress {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ccio-filePicker2-progressContent {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ccio-filePicker2-scanSuccess, .ccio-filePicker2-uploadFailed, .ccio-filePicker2-uploadFailedWithMessage, .ccio-filePicker2-scanFailed {
  display: flex;
  gap: 5px;
  align-items: center;
}
.ccio-videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  
  height: 0;
}
.ccio-videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ccio-greyOut {
  filter: opacity(45%);
}
.datepicker-container {
  position: relative;
  width: 160px;
  height: 38px;
  margin: 0 0 3px;
}
.datepicker-container > * {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 3px !important;
  height: 38px !important;
  width: 160px;
  box-sizing: border-box;
}
.datepicker-container .search-datepicker-display {
  z-index: 1;
}
.search-datepicker-display {
  padding-left: 2px;
}
.ccio-mem-cloneOrderInputs .datepicker-container > * {
  width: 100%;
}
.chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: '';
  display: inline-block;
  height: 1.0em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 1.0em;
}
.chevron.right:before {
  left: 0 !important;
  top: 0 !important;
  transform: rotate(45deg);
}
.chevron.bottom:before {
  top: 0;
  transform: rotate(135deg);
}
.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
}
.chevron.topCentered:before {
  top: 0.5em;
}
.ccio-backToTopButton {
  border-top-left-radius: var(--back-to-top-radius, 50px);
  border-top-right-radius: var(--back-to-top-radius, 50px);
  background-color: var(--back-to-top-background-color, #ffffff);
  width: var(--back-to-top-width, 100px);
  height: var(--back-to-top-height, 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.ccio-corner-ribbonContainer {
  overflow: hidden;
  position: relative;
}
.ccio-corner-ribbon {
  color: var(--corner-ribbon-color);
  background: var(--corner-ribbon-background-color);
  margin: 0;
  padding: var(--corner-ribbon-padding);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.ccio-corner-ribbon:before, .ccio-corner-ribbon:after {
  content: '';
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 100%;
  height: 100%;
  background: var(--corner-ribbon-background-color);
}
.ccio-corner-ribbon:before {
  right: 100%;
}
.ccio-corner-ribbon:after {
  left: 100%;
}
.ccio-ticker {
  overflow: hidden;
  background: var(--ticker-background-color, #fff);
  white-space: nowrap;
}
.ccio-prodpicker {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.ccio-prodpicker-evidence {
  display: flex;
  align-items: center;
}
.ccio-prodpicker-evidence > * {
  margin-right: 10px;
}
.ccio-prodpicker-pickers {
  display: flex;
}
.ccio-prodpicker-pickers > * {
  margin-right: 10px;
  padding: 5px;
}
.ccio-prodpicker-product {
  display: none;
}
@media all and (min-width: 1000px) {
  
  .ccio-hiddenOnDesktop {
    display: none !important;
  }
}
@media all and (max-width: 1000px) {
  
  .ccio-checklistItemUploadDocumentChooseFile {
    margin-left: 15px;
    margin-right: 10px;
  }
  
  .ccio-fullWidth, #ccio-prod-divider {
    width: 100%;
    position: inherit;
    left: auto;
    padding: 0;
  }
  
  .zend_form fieldset dl dt, .zend_form fieldset dl dd {
    width: 100%;
  }
  
  .zend_form input[type="submit"] {
    width: 100%;
  }
  
  input[type="checkbox"] {
    width: 32px !important;
    height: 32px;
  }
  
  br.desktopOnlyBreak {
    display: none;
  }
  
  br.mobileOnlyBreak {
    display: block;
  }
  
  h1, .ccio-page-contactFormSubmittedSuccessfullyTitle, h2, #ccio-lay-addingToBasket, #ccio-lay-addToBasketError, .ccio-prod-reservedContentTitle, h3, .ccio-h1, .ccio-h2, .ccio-h3 {
    text-align: center;
  }
  
  .ccio-hiddenOnMobile {
    display: none !important;
  }
  
  .slick-prev {
    left: calc(var(--carousel-arrow-font-size, 36px) / -2) !important;
  }
  
  .slick-next {
    right: calc(var(--carousel-arrow-font-size, 36px) / -2) !important;
  }
  
  .ccio-fullWidth > .slick-prev, #ccio-prod-divider > .slick-prev {
    left: calc(var(--carousel-arrow-font-size, 36px) * 0.25) !important;
  }
  
  .ccio-fullWidth > .slick-next, #ccio-prod-divider > .slick-next {
    right: calc(var(--carousel-arrow-font-size, 36px) * 0.25) !important;
  }
  
  .ccio-carouselSuppressed > div {
    max-width: var(--category-wrapper-max-width-mobile);
  }
  
  .ccio-carousel-with-sidebar {
    flex-direction: column;
  }
  
  .ccio-carousel-with-sidebar .ccio-carousel {
    width: 100%;
  }
  
  .ccio-carousel-sidebar {
    width: 100%;
  }
  
  .ccio-head-searchFormInputsGroup {
    width: 100%;
  }
  
  .ccio-panel {
    background: var(--panel-background, #fff);
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  
  .datepicker-child {
    width: 100%;
  }
  
  .datepicker-container {
    width: 100%;
    margin: 0;
  }
  
  .datepicker-container > * {
    width: 100%;
  }
  
  .ccio-prodpicker-pickers {
    flex-direction: column;
  }
  
  .ccio-prodpicker-pickers > * {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 5px;
  }
  
  .ccio-carousel-item-overlay {
    padding: 15px;
  }
  
  .ccio-carousel-item-overlay-details {
    gap: 0;
  }
  
  .ccio-carousel-item-overlay-contents {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body {
  
  height: 100%;
}
.wrapper {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.wrapper .holdmystuff {
  background: #ffffff;
  max-width: 60%;
  padding: 40px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  -webkit-box-shadow: 0px 0px 80px 0px rgba(30, 30, 30, 0.2);
  -moz-box-shadow: 0px 0px 80px 0px rgba(30, 30, 30, 0.2);
  box-shadow: 0px 0px 80px 0px rgba(30, 30, 30, 0.2);
  font-size: .9em;
}
.wrapper .holdmystuff .holder_svg {
  padding-bottom: 25px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 25px;
}
.wrapper .holdmystuff .holder_svg svg {
  max-width: 40%;
}
.wrapper .holdmystuff p {
  padding-bottom: 20px;
  margin: 0 auto;
}
.wrapper .holdmystuff ul {
  padding: 0px;
  margin: 0 auto;
  list-style-type: none;
}
.wrapper .holdmystuff ul li {
  display: inline-block;
  margin: 0 auto;
  background: #e9e9e9;
  color: #303030;
  padding: 10px;
  text-decoration: none;
  margin-bottom: 1px;
}
.wrapper .holdmystuff ul li a {
  display: table-cell;
}
.slim_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.85);
  z-index: 2000;
  display: none;
  font-size: 1em;
  -webkit-transition: background 0.5s ease 0.06s;
  -moz-transition: background 0.5s ease 0.06s;
  -ms-transition: background 0.5s ease 0.06s;
  -o-transition: background 0.5s ease 0.06s;
  transition: background 0.5s ease 0.06s;
}
.slim_modal.none {
  background: rgba(10, 10, 10, 0);
}
.slim_modal.red {
  background: rgba(228, 30, 58, 0.8);
}
.slim_modal.tan {
  background: rgba(202, 180, 75, 0.8);
}
.slim_modal.green {
  background: rgba(111, 171, 85, 0.8);
}
.slim_modal .sm_content {
  background: whitesmoke;
  text-align: center;
  max-width: 800px;
  position: fixed;
  overflow-y: auto;
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content {
    padding: 20px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content {
    padding: 20px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content {
    padding: 15px;
    width: 80%;
    max-height: 90%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content {
    padding: 15px;
    width: 80%;
    max-height: 90%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content {
    padding: 15px;
    width: 80%;
    max-height: 90%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
.slim_modal .sm_content .sm_content_inner_wrap {
  position: relative;
  margin: 0 auto;
  height: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 1px 0 rgba(30, 30, 30, 0.5);
  -moz-box-shadow: 0px 0px 1px 0 rgba(30, 30, 30, 0.5);
  box-shadow: 0px 0px 1px 0 rgba(30, 30, 30, 0.5);
  z-index: 2000;
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_close_button {
  padding: 10px;
  width: auto;
  display: block;
  background: #efefef;
  cursor: pointer;
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_top, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_bottom, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_all {
  padding: 2em;
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_top h3 span, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_bottom h3 span, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_all h3 span {
  display: block;
  font-size: .7em;
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_top {
  background: rgba(30, 30, 30, 0.02);
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_bottom {
  background: white;
}
.slim_modal .sm_content .sm_icon_menu {
  opacity: 1;
  box-sizing: border-box;
  position: absolute;
  top: 40px;
  background: whitesmoke;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slim_modal .sm_content .sm_icon_menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
}
.slim_modal .sm_content .sm_icon_menu ul li {
  font-size: 1.1em;
  height: 3em;
  line-height: 3em;
  background: #e6e6e6;
  padding: 0px 8px 0px 8px;
  margin-bottom: 1px;
  color: rgba(30, 30, 30, 0.4);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.slim_modal .sm_content .sm_icon_menu ul li.sm_close {
  background: #ffffff;
}
.slim_modal .sm_content .sm_icon_menu ul li:nth-child(2) {
  margin-top: 10px;
}
.slim_modal .sm_content .sm_icon_menu ul li:hover {
  background: #ffffff;
  color: rgba(30, 30, 30, 0.7);
}
.slim_modal .sm_content .sm_icon_menu ul li::last-child {
  border: none;
}
.slim_modal .sm_content .sm_icon_menu.is_right {
  right: 0px;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 70px;
    right: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 70px;
    right: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 15px;
    right: 15px;
    z-index: 1;
    -webkit-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-left: none;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 15px;
    right: 15px;
    z-index: 1;
    -webkit-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-left: none;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 15px;
    right: 15px;
    z-index: 1;
    -webkit-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-left: none;
  }
}
.slim_modal .sm_content .sm_icon_menu.is_left {
  border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -ms-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 70px;
    left: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 70px;
    left: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 15px;
    left: 15px;
    z-index: 1;
    -webkit-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-right: none;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 15px;
    left: 15px;
    z-index: 1;
    -webkit-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-right: none;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 15px;
    left: 15px;
    z-index: 1;
    -webkit-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-right: none;
  }
}
.slim_modal .sm_content .sm_header {
  box-sizing: border-box;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  color: rgba(30, 30, 30, 0.7);
  text-transform: uppercase;
  margin: 0 auto;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content .sm_header {
    position: relative;
    width: 100%;
    background: #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content .sm_header {
    position: relative;
    width: 100%;
    background: #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content .sm_header {
    position: absolute;
    width: 90%;
    background: whitesmoke;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    padding-top: 7.5px;
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content .sm_header {
    position: absolute;
    width: 90%;
    background: whitesmoke;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    padding-top: 7.5px;
    text-align: center;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content .sm_header {
    position: absolute;
    width: 90%;
    background: whitesmoke;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    padding-top: 7.5px;
    text-align: center;
  }
}
.slim_modal .sm_content.pushup {
  -moz-transform: scale(0.98) translateY(20px);
  -o-transform: scale(0.98) translateY(20px);
  -ms-transform: scale(0.98) translateY(20px);
  -webkit-transform: scale(0.98) translateY(20px);
  transform: scale(0.98) translateY(20px);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  opacity: 0;
}
.slim_modal .sm_content.pushup.show {
  -webkit-box-shadow: 0px 20px 80px 0px rgba(30, 30, 30, 0.4);
  -moz-box-shadow: 0px 20px 80px 0px rgba(30, 30, 30, 0.4);
  box-shadow: 0px 20px 80px 0px rgba(30, 30, 30, 0.4);
  opacity: 1;
}
.slim_modal .sm_content.pushdown {
  -moz-transform: scale(0.98) translateY(-20px);
  -o-transform: scale(0.98) translateY(-20px);
  -ms-transform: scale(0.98) translateY(-20px);
  -webkit-transform: scale(0.98) translateY(-20px);
  transform: scale(0.98) translateY(-20px);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  opacity: 0;
}
.slim_modal .sm_content.pushdown.show {
  -webkit-box-shadow: 0px -20px 80px 0px rgba(30, 30, 30, 0.4);
  -moz-box-shadow: 0px -20px 80px 0px rgba(30, 30, 30, 0.4);
  box-shadow: 0px -20px 80px 0px rgba(30, 30, 30, 0.4);
  opacity: 1;
}
.slim_modal .sm_content.show {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slim_modal .sm_content.show .sm_icon_menu {
  -webkit-transition: all 0.5s ease 0.06s;
  -moz-transition: all 0.5s ease 0.06s;
  -ms-transition: all 0.5s ease 0.06s;
  -o-transition: all 0.5s ease 0.06s;
  transition: all 0.5s ease 0.06s;
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_right {
    top: 70px;
    right: 0px;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_right {
    top: 70px;
    right: 0px;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_right {
    top: 15px;
    right: -25px;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_right {
    top: 15px;
    right: -25px;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_right {
    top: 15px;
    right: -25px;
  }
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 70px;
    left: 0px;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 70px;
    left: 0px;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 15px;
    left: -25px;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 15px;
    left: -25px;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 15px;
    left: -25px;
  }
}
.slim_modal .sm_content.show .sm_header {
  -webkit-transition: top 0.5s ease 0.1s;
  -moz-transition: top 0.5s ease 0.1s;
  -ms-transition: top 0.5s ease 0.1s;
  -o-transition: top 0.5s ease 0.1s;
  transition: top 0.5s ease 0.1s;
  opacity: 1;
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content.show .sm_header {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content.show .sm_header {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content.show .sm_header {
    top: -40px;
    z-index: 1;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content.show .sm_header {
    top: -40px;
    z-index: 1;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content.show .sm_header {
    top: -40px;
    z-index: 1;
  }
}
.slim_modal .sm_content.show .sm_header.detached {
  -webkit-transition: opacity 0.5s ease 0.1s;
  -moz-transition: opacity 0.5s ease 0.1s;
  -ms-transition: opacity 0.5s ease 0.1s;
  -o-transition: opacity 0.5s ease 0.1s;
  transition: opacity 0.5s ease 0.1s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: rgba(0, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 320px) {
  
  .slim_modal .sm_content.show .sm_header.detached {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 414px) {
  
  .slim_modal .sm_content.show .sm_header.detached {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 769px) {
  
  .slim_modal .sm_content.show .sm_header.detached {
    top: -60px;
    padding-top: 0;
    z-index: 1;
  }
}
@media only screen and (min-width: 1025px) {
  
  .slim_modal .sm_content.show .sm_header.detached {
    top: -60px;
    padding-top: 0;
    z-index: 1;
  }
}
@media only screen and (min-width: 1401px) {
  
  .slim_modal .sm_content.show .sm_header.detached {
    top: -60px;
    padding-top: 0;
    z-index: 1;
  }
}
.icons-sprite, .icons-account, .icons-address, .icons-auto-category, .icons-auto-product, .icons-basket, .icons-blog, .icons-calendar, .icons-cancel, .icons-chev-right, .icons-collapse, .icons-cross, .icons-download, .icons-ebay, .icons-facebook, .icons-instagram, .icons-linkedin, .icons-lock, .icons-menu, .icons-menu_close, .icons-menu_collapse, .icons-menu_expand, .icons-notification, .icons-paperclip, .icons-pause, .icons-pen-icon, .icons-phone-icon, .icons-resume, .icons-search, .icons-sort-asc, .icons-sort-desc, .icons-twitter, .icons-vimeo, .icons-youtube, .ccio-accordion-active-icon, .ccio-accordion-inactive-icon, #ccio-head-content-v6 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-content-v7 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-account a:after, #ccio-head-basket a:after, #ccio-head-search a:after, #ccio-head-menuCollapseWrapper a:after, #ccio-foot-social-twitter, #ccio-foot-social-facebook, #ccio-foot-social-instagram, #ccio-foot-social-youtube, #ccio-foot-social-blog, #ccio-foot-social-linkedin, #ccio-foot-social-vimeo, #ccio-foot-social-ebay, .ccio-autocomplete-item .ccio-autocomplete-icon-product, .ccio-autocomplete-item .ccio-autocomplete-icon-category, #ccio-bask-secureIcon, .ccio-editIcon, .ccio-crossIcon, .ccio-mem-menuItemChev, .ccio-mem-sortDesc, .ccio-mem-sortAsc, .ccio-phoneIcon, .ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadedDocument, #ccio-head-mobileMenu-close, .ccio-head-mobileMenuGroupExpander, .ccio-head-mobileMenuGroupCollapser, .ccio-attachment-paperclip, .ccio-messageAttachment, .ccio-downloadIcon, .ccio-search-widget-icon-keyword, .ccio-search-widget-icon-categories, .ccio-search-widget-icon-calendar, .ccio-widget-submit-btn .ccio-submit-btn-type-image, #ccio-head-menuCollapse {
  background-image: url('../images/icons-se2cf8b72b0.png');
  background-repeat: no-repeat;
}
.icons-account {
  background-position: 0 0;
  height: 22px;
  width: 21px;
}
.icons-address {
  background-position: 0 -24px;
  height: 20px;
  width: 20px;
}
.icons-auto-category {
  background-position: 0 -46px;
  height: 21px;
  width: 25px;
}
.icons-auto-product {
  background-position: 0 -69px;
  height: 25px;
  width: 25px;
}
.icons-basket {
  background-position: 0 -96px;
  height: 21px;
  width: 20px;
}
.icons-blog {
  background-position: 0 -119px;
  height: 25px;
  width: 25px;
}
.icons-calendar {
  background-position: 0 -146px;
  height: 20px;
  width: 20px;
}
.icons-cancel {
  background-position: 0 -168px;
  height: 25px;
  width: 25px;
}
.icons-chev-right {
  background-position: 0 -195px;
  height: 18px;
  width: 9px;
}
.icons-collapse {
  background-position: 0 -215px;
  height: 22px;
  width: 22px;
}
.icons-cross {
  background-position: 0 -239px;
  height: 18px;
  width: 18px;
}
.icons-download {
  background-position: 0 -259px;
  height: 20px;
  width: 20px;
}
.icons-ebay {
  background-position: 0 -281px;
  height: 25px;
  width: 25px;
}
.icons-facebook {
  background-position: 0 -308px;
  height: 20px;
  width: 20px;
}
.icons-instagram {
  background-position: 0 -330px;
  height: 20px;
  width: 20px;
}
.icons-linkedin {
  background-position: 0 -352px;
  height: 25px;
  width: 25px;
}
.icons-lock {
  background-position: 0 -379px;
  height: 14px;
  width: 10px;
}
.icons-menu {
  background-position: 0 -395px;
  height: 21px;
  width: 21px;
}
.icons-menu_close {
  background-position: 0 -418px;
  height: 43px;
  width: 43px;
}
.icons-menu_collapse {
  background-position: 0 -463px;
  height: 25px;
  width: 37px;
}
.icons-menu_expand {
  background-position: 0 -490px;
  height: 25px;
  width: 37px;
}
.icons-notification {
  background-position: 0 -517px;
  height: 32px;
  width: 32px;
}
.icons-paperclip {
  background-position: 0 -551px;
  height: 32px;
  width: 32px;
}
.icons-pause {
  background-position: 0 -585px;
  height: 25px;
  width: 25px;
}
.icons-pen-icon {
  background-position: 0 -612px;
  height: 18px;
  width: 18px;
}
.icons-phone-icon {
  background-position: 0 -632px;
  height: 32px;
  width: 32px;
}
.icons-resume {
  background-position: 0 -666px;
  height: 25px;
  width: 25px;
}
.icons-search {
  background-position: 0 -693px;
  height: 21px;
  width: 21px;
}
.icons-sort-asc {
  background-position: 0 -716px;
  height: 9px;
  width: 15px;
}
.icons-sort-desc {
  background-position: 0 -727px;
  height: 9px;
  width: 15px;
}
.icons-twitter {
  background-position: 0 -738px;
  height: 25px;
  width: 25px;
}
.icons-vimeo {
  background-position: 0 -765px;
  height: 25px;
  width: 25px;
}
.icons-youtube {
  background-position: 0 -792px;
  height: 25px;
  width: 25px;
}
#ccio-lay-prototypeBanner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background-color: #dd0000;
  color: #FFFFFF;
  font-size: 13px;
  font-family: sans-serif;
}
#ccio-lay-prototypeBanner a {
  display: block;
  background-color: #aaaaaa;
  color: #000000;
  font-size: 13px;
  font-family: sans-serif;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  text-transform: uppercase;
  border: transparent;
  cursor: pointer;
  margin-left: 10px;
}
#ccio-lay-preHeader {
  display: var(--pre-header-display);
  color: var(--pre-header-color);
  background-color: var(--pre-header-background-color);
  justify-content: center;
  align-items: center;
}
#ccio-lay-postHeader {
  display: var(--post-header-display);
  color: var(--post-header-color);
  background-color: var(--post-header-background-color);
  justify-content: center;
  align-items: center;
}
#ccio-lay-header {
  display: flex;
  justify-content: center;
  background-color: var(--header-background-color);
}
#ccio-lay-headerDropdown {
  display: flex;
  justify-content: center;
  background-color: var(--header-dropdown-background-color);
}
#ccio-lay-headerDropdown .ccio-lay-inner {
  padding: 0 !important;
}
.ccio-header-dropdown-menu-item {
  font-size: var(--header-dropdown-menu-item-font-size);
  font-family: var(--header-dropdown-menu-item-font-family);
  color: var(--header-dropdown-menu-item-color);
  line-height: var(--header-dropdown-menu-item-lineheight);
}
#ccio-lay-hoverHeaderDropdown {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: var(--header-dropdown-background-color);
}
#ccio-lay-hoverHeaderDropdown .ccio-lay-inner {
  padding: 0 !important;
  position: absolute;
  z-index: 1000;
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: center;
}
#ccio-lay-hoverHeaderDropdown .ccio-lay-inner:hover #ccio-head-hoverDropdownContent {
  display: block !important;
}
#ccio-lay-content {
  display: flex;
  justify-content: center;
  background-color: var(--content-background-color);
  padding: var(--content-padding);
}
#ccio-lay-contentInner {
  background-color: var(--content-inner-background-color);
}
#ccio-lay-footer {
  display: flex;
  justify-content: center;
  background-color: var(--footer-background-color);
}
.ccio-lay-footer-title {
  font-family: var(--footer-title-font-family);
  font-size: var(--footer-title-font-size);
  color: var(--footer-title-color);
  line-height: var(--footer-title-lineheight);
}
.ccio-lay-footer-bold {
  font-family: var(--footer-bold-font-family);
  font-size: var(--footer-bold-font-size);
  color: var(--footer-bold-color);
  line-height: var(--footer-bold-lineheight);
}
.ccio-lay-footer-light {
  font-family: var(--footer-light-font-family);
  font-size: var(--footer-light-font-size);
  color: var(--footer-light-color);
  line-height: var(--footer-light-lineheight);
}
.ccio-lay-inner {
  width: 100%;
  padding: var(--inner-padding);
}
@media all and (min-width: 1300px) {
  
  .ccio-lay-inner {
    width: 1300px;
  }
}
#ccio-lay-header a, #ccio-lay-headerDropdown a, #ccio-lay-hoverHeaderDropdown a, #ccio-lay-footer a {
  color: inherit;
}
#ccio-lay-header a:hover, #ccio-lay-headerDropdown a:hover, #ccio-lay-hoverHeaderDropdown a:hover, #ccio-lay-footer a:hover {
  color: var(--link-hover-color);
}
#ccio-lay-addingToBasket {
  display: flex;
  align-items: center;
  justify-content: center;
}
#ccio-head-content-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--header-color);
  margin: var(--header-margin);
}
#ccio-head-content-v2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--header-color);
  margin: var(--header-margin);
}
#ccio-head-content-v2 .ccio-head-contentWrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#ccio-head-content-v2 .ccio-head-top {
  display: flex;
  justify-content: space-between;
}
#ccio-head-content-v2 .ccio-head-supportAndNav {
  display: flex;
  align-items: center;
}
#ccio-head-content-v3 {
  padding: 0 10px;
}
#ccio-head-content-v3 #ccio-head-navWrapper {
  justify-content: flex-end;
  color: var(--header-color);
  padding: 5px 0;
}
#ccio-head-content-v3 #ccio-head-menuWrapper {
  color: var(--header-color);
}
#ccio-head-content-v3 #ccio-head-logoWrapper, #ccio-head-content-v3 #ccio-head-menuCollapseWrapper, #ccio-head-content-v3 #ccio-head-navWrapperMobile {
  padding: 35px 0;
}
#ccio-head-content-v3 .ccio-head-contentWrapper {
  display: flex;
  justify-content: space-between;
}
#ccio-head-content-v3 .ccio-head-contentWrapper .ccio-head-menuItem {
  padding: 41px 0;
  display: inline-block;
}
#ccio-head-content-v3 .ccio-head-contentWrapper .ccio-head-hoverMenuItem:hover {
  cursor: default;
}
#ccio-head-content-v3 .ccio-head-contentWrapper .ccio-head-activeHoverItem {
  color: var(--link-hover-color);
}
#ccio-head-content-v4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--header-color);
  margin: var(--header-margin);
}
#ccio-head-content-v4 #ccio-head-navWrapper > * {
  margin-left: calc(var(--header-menu-space, 0px) / 2);
  margin-right: calc(var(--header-menu-space, 0px) / 2);
}
#ccio-head-content-v4 #ccio-head-search {
  display: var(--header-menu-search-display);
}
#ccio-head-content-v5 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: var(--header-color);
  margin: var(--header-margin);
}
#ccio-head-content-v5 #ccio-head-logoWrapper a {
  line-height: normal;
}
#ccio-head-content-v5 #ccio-head-menuWrapper {
  display: flex;
  align-items: flex-end;
}
#ccio-head-content-v5 #ccio-head-navAndSupport {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
#ccio-head-content-v6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  color: var(--header-color);
  margin: var(--header-margin);
}
#ccio-head-content-v6 #ccio-head-searchWrapper {
  width: 33%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#ccio-head-content-v6 #ccio-head-logoWrapper {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ccio-head-content-v6 #ccio-head-navWrapper {
  width: 33%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
#ccio-head-content-v6 #ccio-head-logoWrapper a {
  line-height: normal;
}
#ccio-head-content-v6 #ccio-head-searchForm {
  position: relative;
}
#ccio-head-content-v6 #ccio-head-submitSearch {
  position: relative;
  right: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
}
#ccio-head-content-v6 #ccio-head-submitSearch .ccio-head-submitSearchButton {
  background-position: 0 -693px;
  width: 16px;
  height: 16px;
}
#ccio-head-content-v7 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  color: var(--header-color);
  margin: var(--header-margin);
}
#ccio-head-content-v7 #ccio-head-searchWrapper {
  min-width: 200px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#ccio-head-content-v7 #ccio-head-logoWrapper {
  width: 33%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ccio-head-content-v7 #ccio-head-navWrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
#ccio-head-content-v7 #ccio-head-logoWrapper a {
  line-height: normal;
}
#ccio-head-content-v7 #ccio-head-searchForm {
  position: relative;
}
#ccio-head-content-v7 #ccio-head-submitSearch {
  position: relative;
  right: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
  height: 16px;
}
#ccio-head-content-v7 #ccio-head-submitSearch .ccio-head-submitSearchButton {
  background-position: 0 -693px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
}
#ccio-head-logoWrapper {
  display: flex;
  align-items: center;
  z-index: 1;
}
#ccio-head-supportPhoneNumber {
  font-family: var(--header-menu-font-family);
  font-style: var(--header-menu-font-style);
  font-weight: var(--header-menu-font-weight);
  font-size: var(--header-menu-font-size);
  text-transform: var(--header-menu-text-transform);
  margin-left: 10px;
  display: var(--header-support-phone-display);
}
.ccio-head-menu {
  font-family: var(--header-menu-font-family);
  font-style: var(--header-menu-font-style);
  font-weight: var(--header-menu-font-weight);
  font-size: var(--header-menu-font-size);
  text-transform: var(--header-menu-text-transform);
}
.ccio-head-menu a {
  margin: 0 10px;
}
#ccio-head-navWrapper {
  display: var(--header-nav-display);
  align-items: var(--header-nav-align-items);
  font-family: var(--header-nav-font-family);
  font-style: var(--header-nav-font-style);
  font-weight: var(--header-nav-font-weight);
  font-size: var(--header-nav-font-size);
  text-transform: var(--header-nav-text-transform);
}
#ccio-head-navWrapperMobile {
  display: none;
}
.ccio-head-navItem a {
  display: flex;
}
.ccio-head-navItem a:after {
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
}
.ccio-head-navItem span:not(.ccio-head-navBadge) {
  padding-right: 4px;
  padding-left: 10px;
  line-height: 24px;
}
#ccio-head-account a:after {
  background-position: 0 0;
}
#ccio-head-basket a:after {
  background-position: 0 -96px;
}
#ccio-head-search a:after {
  background-position: 0 -693px;
}
#ccio-head-menuCollapseWrapper a:after {
  background-position: 0 -395px;
}
.ccio-head-navBadgeContainer {
  position: relative;
}
.ccio-head-navBadge {
  position: absolute;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: var(--header-badge-background-color);
  color: var(--header-badge-color);
  right: -8px;
  top: -8px;
  text-align: center;
  font-family: 'Gotham Medium', sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 12px;
  line-height: 18px;
}
.ccio-head-navBadgeUnreserved {
  background-color: var(--header-badge-unreserved-background-color);
  color: var(--header-badge-unreserved-color);
}
#ccio-head-menuCollapseWrapper {
  display: none;
}
#ccio-head-dropdownContent {
  display: none;
  color: var(--header-dropdown-content-color);
  margin: 10px;
}
.ccio-head-dropdownContent-v4 {
  display: block;
  background-color: var(--header-dropdown-background-color);
}
.ccio-head-dropdownContent-v4 .ccio-header-dropdown-menu-item {
  margin-top: 18px;
}
#ccio-head-hoverDropdownContent {
  display: none;
  color: var(--header-dropdown-content-color);
  margin: 10px;
}
@media all and (min-width: 1300px) {
  
  #ccio-head-hoverDropdownContent {
    width: 1300px;
  }
}
.ccio-head-menuSubItemValues {
  display: flex;
  justify-content: space-around;
}
.ccio-head-menuBar {
  display: none;
}
#ccio-head-menuCollapseBar {
  display: none;
}
#ccio-head-menuCollapseBarContent {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.ccio-head-menuItem i, .ccio-head-menuCollapseItem i {
  display: none;
}
.ccio-head-categoryExpanded {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ccio-head-categoryDivider {
  border-left: solid 1px var(--header-dropdown-content-color);
  margin: 0 20px;
}
.ccio-head-categoryExpandedTitle {
  font-weight: bold;
  margin-bottom: 5px;
}
.ccio-head-categoryImageWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ccio-head-categoryImage {
  max-height: 100px;
}
.ccio-head-categoryImageTitle {
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
}
#ccio-head-searchBar {
  display: none;
}
@media all and (max-width: 1000px) {
  
  #ccio-head-dropdownContent.showOnMobile {
    display: block;
  }
  
  #ccio-head-dropdownContent.showOnMobile #ccio-head-searchBar.showOnMobile {
    display: block;
  }
  
  #ccio-head-dropdownContent.showOnMobile #ccio-head-menuCollapseBar.showOnMobile {
    display: block;
  }
}
@media all and (min-width: 1000px) {
  
  #ccio-head-dropdownContent.showOnDesktop {
    display: block;
  }
  
  #ccio-head-dropdownContent.showOnDesktop #ccio-head-searchBar.showOnDesktop {
    display: block;
  }
  
  #ccio-head-dropdownContent.showOnDesktop #ccio-head-menuCollapseBar.showOnDesktop {
    display: block;
  }
}
#ccio-head-searchForm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#ccio-head-searchBarTitle {
  display: var(--search-bar-title-display);
  color: var(--search-bar-title-color);
  font-size: var(--search-bar-title-font-size);
}
#ccio-head-searchFormInputsWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
#ccio-head-searchFormInputsWrapper input, #ccio-head-searchFormInputsWrapper select {
  padding: 3px;
  font-size: var(--search-bar-font-size);
}
#ccio-head-searchFormInputsWrapper input:not(.ccio-autocomplete-search), #ccio-head-searchFormInputsWrapper select {
  margin: 0 3px;
}
#ccio-head-searchFormInputsWrapper .ccio-autocomplete-search:focus {
  outline: none;
}
#ccio-head-searchFormInputsWrapper input {
  height: 28px;
}
#ccio-head-searchFormInputsWrapper ::placeholder {
  color: black;
  font-size: var(--search-bar-font-size);
}
.ccio-head-searchFormInputsGroup {
  display: flex;
  gap: 5px;
}
#ccio-head-searchCategories {
  height: 38px;
}
#ccio-head-searchFormButtonsWrapper {
  display: flex;
}
#ccio-head-submitSearch {
  order: 1;
  cursor: pointer;
}
.ccio-head-searchText {
  min-width: 130px;
}
.ccio-head-searching {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 130px;
}
.ccio-head-searching img {
  max-height: 17px;
  width: auto;
}
#ccio-head-resetSearch, #ccio-head-resetSearchDates {
  color: var(--search-bar-reset-dates-color);
  border: 0 none;
  background: none;
  font-size: var(--search-bar-font-size);
  order: 0;
  cursor: pointer;
}
.search-picker-disabled {
  background-color: lightgrey !important;
  color: grey !important;
}
.search-picker-disabled::placeholder {
  color: grey !important;
}
#ccio-foot-content-v1, #ccio-foot-content-v2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #4a4a4a;
  margin: 15px 10px;
}
#ccio-foot-circulioLogoWrapper {
  margin: 10px 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#ccio-foot-navLogoWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
#ccio-foot-navLogoWrapper img {
  max-height: 100px;
}
#ccio-foot-buttonsWrapper {
  display: none;
}
#ccio-foot-circulioLogo {
  max-height: 20px;
  vertical-align: text-bottom;
}
#ccio-foot-poweredByCirculio {
  font-family: 'Gotham Light', sans-serif;
  font-style: italic;
  font-weight: 200;
  font-size: 12px;
}
#ccio-foot-navWrapper {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #a9a9a9;
}
.ccio-foot-navItemTitle {
  color: var(--foot-navItemTitle-color);
}
.ccio-foot-navItem {
  color: var(--foot-navItem-color);
  font-size: var(--foot-navItem-fontSize);
}
#ccio-foot-contactWrapper {
  margin: 14px 0;
}
#ccio-foot-address {
  margin-top: 10px;
}
#ccio-foot-gutter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ccio-foot-socialWrapper {
  display: flex;
  justify-content: center;
}
.ccio-foot-socialItem {
  width: 25px;
  height: 25px;
  margin: 10px;
}
.ccio-foot-socialItem a {
  display: block;
  width: 100%;
  height: 100%;
}
.ccio-foot-socialItem a span {
  display: none;
}
#ccio-foot-social-twitter {
  background-position: 0 -738px;
}
#ccio-foot-social-facebook {
  background-position: 0 -308px;
}
#ccio-foot-social-instagram {
  background-position: 0 -330px;
}
#ccio-foot-social-youtube {
  background-position: 0 -792px;
}
#ccio-foot-social-blog {
  background-position: 0 -119px;
}
#ccio-foot-social-linkedin {
  background-position: 0 -352px;
}
#ccio-foot-social-vimeo {
  background-position: 0 -765px;
}
#ccio-foot-social-ebay {
  background-position: 0 -281px;
}
#ccio-foot-content-v2 #ccio-foot-navWrapper {
  justify-content: flex-start;
}
#ccio-foot-content-v2 .ccio-foot-navMenu {
  display: flex;
  margin: 10px 0;
}
#ccio-foot-content-v2 .ccio-foot-navItem {
  margin-right: 30px;
}
#ccio-foot-content-v3 #ccio-foot-navLogoWrapper {
  flex-direction: column;
  align-items: flex-start;
}
#ccio-foot-content-v3 #ccio-foot-navWrapper {
  justify-content: space-between;
  padding: 50px 0;
}
#ccio-foot-content-v3 .ccio-foot-navMenu ul {
  margin: 0;
}
@media all and (max-width: 1000px) {
  
  #ccio-head-logoWrapper {
    flex-direction: column;
  }
  
  #ccio-head-supportPhoneNumber {
    padding-top: 5px;
  }
  
  #ccio-foot-navLogoWrapper {
    display: none;
  }
  
  #ccio-head-menuWrapper {
    display: none;
  }
  
  #ccio-head-menuCollapseWrapper {
    display: flex;
  }
  
  #ccio-head-menuCollapseBarContent {
    flex-wrap: wrap;
  }
  
  #ccio-head-menuCollapseBarContent a {
    margin: 10px;
  }
  
  .ccio-head-menuSubItemValues {
    flex-wrap: wrap;
  }
  
  .ccio-head-categoriesExpanded {
    justify-content: left;
  }
  
  .ccio-head-categoryExpanded {
    width: 50%;
    margin-bottom: 10px;
  }
  
  .ccio-head-categoryDivider {
    display: none;
  }
  
  .ccio-head-categoryImageWrapper {
    width: 50%;
  }
  
  .ccio-head-navItem {
    margin: 0 5px;
  }
  
  .ccio-head-navItemText {
    display: none;
  }
  
  #ccio-head-searchForm {
    flex-direction: column;
  }
  
  #ccio-head-searchBarTitle {
    margin-bottom: 5px;
  }
  
  #ccio-head-searchFormInputsWrapper {
    flex-direction: column;
    width: 100%;
  }
  
  .ccio-head-searchFormInputsGroup {
    margin-bottom: 10px;
  }
  
  .ccio-head-searchFormInputsGroup input {
    flex-grow: 1;
  }
  
  #ccio-foot-navWrapper {
    flex-direction: column;
  }
  
  #ccio-foot-gutter {
    flex-direction: column;
  }
  
  .ccio-lay-inner {
    width: 100%;
    padding: 0;
  }
  
  #ccio-head-content-v2 .ccio-head-supportAndNav {
    justify-content: space-between;
    width: 100%;
  }
  
  #ccio-head-content-v3 #ccio-head-logoWrapper, #ccio-head-content-v3 #ccio-head-menuCollapseWrapper, #ccio-head-content-v3 #ccio-head-navWrapperMobile {
    padding: 10px 0;
  }
  
  #ccio-foot-content-v2 .ccio-foot-navItem {
    margin: 0 5px;
    text-align: center;
  }
  
  #ccio-foot-content-v2 #ccio-foot-circulioLogoWrapper {
    margin: 0;
  }
  
  #ccio-foot-content-v3 #ccio-foot-navWrapper {
    justify-content: space-between;
    padding: 30px;
  }
  
  #ccio-foot-content-v3 .ccio-foot-navItemTitle {
    margin-top: 20px;
  }
  
  #ccio-head-content-v3 .ccio-head-contentWrapper {
    justify-content: space-between;
    padding: 20px 0;
  }
  
  #ccio-head-content-v3 .ccio-head-contentWrapper > * {
    width: 100%;
    padding: 0 10px;
  }
  
  #ccio-head-content-v3 #ccio-head-menuCollapseWrapper {
    justify-content: center;
  }
  
  #ccio-head-content-v3 #ccio-head-navWrapperMobile {
    display: flex;
    justify-content: center;
  }
  
  #ccio-head-content-v3 #ccio-head-navWrapper {
    display: none;
  }
  
  #ccio-head-content-v4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--header-color);
    margin: var(--header-margin);
    margin-top: 12px;
  }
  
  #ccio-head-content-v4 #ccio-head-logoWrapper a {
    width: 100%;
  }
  
  #ccio-head-content-v4 #ccio-head-logoWrapper a .ccio-head-logo {
    width: 100%;
  }
  
  #ccio-head-content-v4 #ccio-head-navWrapper {
    width: 100%;
    justify-content: flex-end;
  }
  
  #ccio-head-content-v5 #ccio-head-supportPhoneNumber {
    display: none;
  }
  
  #ccio-head-content-v5 #ccio-head-navAndSupport {
    flex-direction: row;
    align-items: center;
  }
  
  #ccio-head-content-v5 #ccio-head-menuWrapper {
    display: none;
  }
}
.ccio-search-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px;
}
.ccio-search-footer {
  display: flex;
  margin: 10px;
}
.ccio-search-showAll {
  color: var(--pagination-color);
}
.ccio-search-loading {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.ccio-search-sortByLabel {
  margin-right: 5px;
  font-size: 12px;
}
.ccio-search-sortBy {
  line-height: 20px;
  padding: 2px;
}
.ccio-search-sortOptions {
  display: flex;
  align-items: center;
}
#ccio-search-categoryBanner {
  display: flex;
  flex-direction: column;
  padding: 0 10px 10px 10px;
  margin-bottom: 10px;
  background-color: var(--search-category-banner-background-color);
  color: var(--search-category-banner-color);
  text-align: center;
}
#ccio-search-manufacturers {
  display: none;
  margin: 10px 25px;
}
.ccio-search-manufacturer {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.ccio-search-manufacturer img {
  max-height: 30px;
}
.ccio-search-manufacturersBanner {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.ccio-search-manufacturersBanner h2, .ccio-search-manufacturersBanner #ccio-lay-addingToBasket, .ccio-search-manufacturersBanner #ccio-lay-addToBasketError, .ccio-search-manufacturersBanner .ccio-prod-reservedContentTitle {
  width: 100%;
  margin: 0;
  padding: 10px;
  text-align: center;
  background-color: var(--header-background-color);
  color: var(--header-color);
}
.ccio-search-filterSections {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-top: 10px;
}
.ccio-search-filterSections .xxx {
  margin: 0 5px;
}
.ccio-search-filterSections .attribute-disabled {
  color: grey;
}
.ccio-search-filterSections ul.product-ui-wrap li {
  display: flex;
  align-items: center;
}
.ccio-search-filterShowWrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
  margin-right: 15px;
}
.ccio-search-filterSubmitWrapper {
  display: flex;
  justify-content: center;
}
.ccio-search-hiddenByFilter {
  font-family: var(--h2-font-family);
  font-style: var(--h2-font-style);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
}
.ccio-search-gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.ccio-search-galleryProduct {
  width: var(--search-gallery-item-width);
  display: flex;
  align-items: stretch;
  align-content: stretch;
}
.ccio-search-galleryProduct .ccio-event-info {
  padding: 0 10px;
}
.ccio-search-galleryProductContent {
  background-color: var(--search-gallery-item-background-color);
  margin: var(--search-gallery-item-margin, 10px);
  padding: 10px;
  width: 100%;
}
.ccio-search-galleryProductImage {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--search-gallery-item-image-background-color, transparent);
}
.ccio-search-galleryProductImage img {
  max-width: 100%;
  height: auto;
}
.ccio-search-eventLocationContainer, .ccio-search-eventDateContainer {
  display: var(--search-gallery-item-event-location-display, flex);
  flex-flow: row nowrap;
  justify-content: left;
}
.ccio-search-galleryProductPriceAndDates {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: var(--search-gallery-item-price-margin);
  padding: var(--search-gallery-item-price-padding);
}
#ccio-lay-addToBasketDialog .ccio-search-galleryProductDates {
  display: none;
}
.ccio-search-galleryProductPrice {
  text-align: var(--search-gallery-item-price-text-align);
}
.ccio-search-galleryProductForm {
  display: flex;
  justify-content: var(--search-gallery-item-form-justify);
  align-items: center;
  padding: var(--search-gallery-item-form-padding);
}
.ccio-search-galleryProductQuantity {
  padding: 3px;
  min-width: 20px;
}
.ccio-search-galleryProductAddToBasket {
  margin-left: 5px;
}
.ccio-search-galleryProductNotAvailable {
  text-align: center;
  padding: 10px 0;
  border-radius: 10px;
  background-color: var(--search-gallery-not-available-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccio-search-galleryProductName {
  font-size: var(--search-gallery-item-font-size);
  font-weight: var(--search-gallery-item-font-weight);
  padding: 10px;
  display: block;
  color: var(--search-gallery-item-name-color);
}
.ccio-search-galleryProductName:hover {
  color: var(--link-hover-color);
}
.ccio-search-galleryProductName:hover span {
  color: var(--link-hover-color) !important;
}
.ccio-search-galleryProductSku {
  display: none;
}
.ccio-search-galleryProductDescription {
  padding: 0 10px 10px 10px;
  color: var(--search-gallery-item-description-color);
}
.ccio-search-galleryProductDescription p {
  margin: 0;
}
.ccio-search-galleryEventDescription {
  padding: 0 10px 10px 10px;
  color: var(--search-gallery-item-description-color);
}
.ccio-search-galleryEventDescription p {
  margin: 0;
}
.ccio-search-galleryProductManufacturer {
  display: var(--search-gallery-item-manufacturer-display);
  color: var(--search-gallery-item-manufacturer-color);
}
.ccio-product-item-watchlist {
  padding: 10px 0;
}
.ccio-product-item-watchlist .ccio-prod-watchlistDescription {
  display: none;
}
.ccio-search-galleryProduct-v2 .ccio-search-galleryProductPrice {
  margin-left: 10px;
}
.ccio-search-galleryProduct-v2 .ccio-search-galleryProductForm {
  justify-content: flex-start;
}
.ccio-search-galleryProduct-v2 .ccio-search-galleryProductForm a {
  margin: 0;
}
.ccio-search-galleryProduct-v4 .ccio-search-galleryProductPrice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px;
  min-height: 50px;
}
.ccio-search-galleryProduct-v4 .ccio-search-galleryProductDates {
  text-align: right;
}
.ccio-search-galleryProduct-v4 .ccio-search-galleryProductForm {
  padding: 0;
}
.ccio-search-galleryProduct-v4 .ccio-search-galleryProductAddToBasket {
  min-width: 75px;
}
.ccio-search-galleryProduct-v4 .ccio-search-galleryProductQuantity {
  min-width: 50px;
}
.ccio-head-dropdown-search-container {
  display: var(--dropdown-search-container, flex);
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}
.ccio-head-dropdown-search-submit-container {
  display: flex;
}
.ccio-head-dropdown-search-submit-container > input {
  height: 32px;
  border: 0;
  padding-left: 12px;
}
.ccio-head-dropdown-search-submit {
  background-color: var(--dropdown-search-container-submit-bgcolor);
  color: var(--dropdown-search-container-submit-color);
  border: 0;
}
.ui-autocomplete {
  z-index: 9999;
}
.ccio-autocomplete-item {
  margin: 5px 0 5px 0;
}
.ccio-autocomplete-item .ccio-autocomplete-anchor {
  display: flex;
  align-items: center;
}
.ccio-autocomplete-item .ccio-autocomplete-icon {
  width: 25px;
  height: 25px;
  margin: 3px;
}
.ccio-autocomplete-item .ccio-autocomplete-icon-product {
  background-position: 0 -69px;
}
.ccio-autocomplete-item .ccio-autocomplete-icon-category {
  background-position: 0 -46px;
}
.ccio-head-searchFormInputsGroup .tagsinput {
  padding: 3px !important;
  border-radius: 0 !important;
  border: 1px solid #7e7676 !important;
  height: 38px !important;
  min-height: auto !important;
}
.ccio-head-searchFormInputsGroup .tagsinput .tag {
  margin: 0 !important;
  height: 30px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 250px;
}
.ccio-head-searchFormInputsGroup .tag-input {
  outline: none;
  height: 100% !important;
  font-size: 14px !important;
}
.ccio-search-input-container-horizontal-datePickerContainer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: 50%;
}
@media all and (max-width: 1000px) {
  
  .ccio-search-header {
    flex-direction: column;
  }
  
  .ccio-search-sortOptions {
    margin-top: 5px;
  }
  
  .ccio-search-galleryProduct {
    width: var(--search-gallery-item-width-mobile, 50%);
  }
  
  .ccio-search-galleryProductContent {
    margin: 5px;
  }
  
  .ccio-search-galleryProductPriceAndDates {
    flex-direction: column;
  }
  
  .ccio-search-filterSections {
    flex-direction: column;
  }
  
  .ccio-head-searchFormInputsGroup .tagsinput .tag {
    max-width: inherit;
  }
  
  .ccio-search-galleryProduct-v2 button {
    order: 2;
  }
  
  .ccio-search-galleryProduct-v2 .ccio-search-galleryProductForm {
    flex-direction: column;
  }
  
  .ccio-search-input-container-horizontal-datePickerContainer {
    width: 100%;
  }
  
  .ccio-lay-content:has(.ccio-search-widget-horizontal) {
    width: 100%;
  }
}
#ccio-prod-main {
  display: flex;
  flex-flow: column nowrap;
}
#ccio-prod-title {
  font-size: var(--prod-title-font-size);
  color: var(--prod-title-color);
  text-shadow: var(--prod-title-textShadow);
  margin: var(--prod-title-margin);
}
#ccio-prod-title img {
  max-width: 100%;
}
#ccio-prod-hireRatesTitle {
  font-size: var(--prod-hire-rates-title-font-size);
}
.ccio-prod-banner {
  background-color: black;
  background-position: center;
  padding: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  
}
.ccio-prod-bannerContent {
  min-height: var(--prod-banner-content-min-height, 500px);
  display: flex;
  align-items: center;
  justify-content: center;
}
#ccio-prod-bannerDescriptionPanel {
  min-width: 400px;
}
#ccio-prod-bannerSpacer {
  flex-grow: 0;
  flex-basis: 33%;
}
#ccio-prod-info {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--prod-info-background-color);
  padding: 10px;
}
#ccio-prod-imagePanel {
  width: 50%;
}
#ccio-prod-imagePanel .slick-prev {
  left: 0 !important;
  z-index: 1;
}
#ccio-prod-imagePanel .slick-next {
  right: 0 !important;
  z-index: 1;
}
#ccio-prod-imagePanel .ccio-prod-imageContainer {
  display: none;
}
#ccio-prod-imagePanel .ccio-prod-imageContainer:first-child {
  display: block;
}
#ccio-prod-imagePanel.slick-initialized .ccio-prod-imageContainer {
  display: block;
}
#ccio-prod-imageBannerPanel {
  display: none;
  order: 1;
  width: 100%;
  padding: 0;
}
#ccio-prod-imageBannerPanel .slick-dots {
  bottom: 5px !important;
}
#ccio-prod-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.ccio-prod-thumbnail {
  margin: 5px;
  background-color: var(--prod-image-thumbnail-background-color);
  padding: 5px;
  border: 4px solid transparent;
  border-radius: 5px;
  cursor: pointer;
}
.ccio-prod-thumbnailActive {
  border: 4px solid var(--prod-image-thumbnail-selected-color);
}
.ccio-prod-squareThumbnailContainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: 5px;
}
.ccio-prod-squareThumbnail {
  width: 100%;
  background-color: #efefef;
  display: flex;
  align-items: center;
  aspect-ratio: 1;
}
.ccio-prod-squareThumbnail img {
  width: 100%;
  max-height: 100%;
}
.ccio-prod-imageContainer a {
  display: block;
  margin: 15px;
  outline: none;
}
.ccio-prod-imageContainer img {
  margin: auto;
  transition: transform .15s ease;
}
.ccio-prod-imageContainer img:hover {
  transform: scale(1.05);
}
#ccio-prod-descriptionPanel {
  display: flex;
  flex-direction: column;
  padding: 10px 20px;
  width: 50%;
  margin-left: 20px;
}
#ccio-prod-hireRatesTitle {
  display: var(--prod-rates-title-display);
  color: var(--prod-rates-title-color);
  margin: var(--prod-rates-title-margin);
  text-transform: var(--prod-rates-title-text-transform);
}
#ccio-prod-hireRatesDivider {
  display: var(--prod-rates-divider-display);
  width: 100%;
  height: 1px;
  margin: 3px;
  background-color: var(--prod-rates-divider-color);
}
#ccio-prod-ratesLoading, #ccio-prod-relatedLoading, #ccio-page-sectionLoading, #ccio-prod-purchaseOptionsLoading,
#ccio-prod-nextAvailableLoading {
  display: flex;
  align-items: center;
}
#ccio-prod-hireRatesTable {
  width: 100%;
}
.ccio-prod-hireRatesRow, .ccio-prod-hireRatesRowHeader {
  display: flex;
  width: 100%;
  padding: 3px;
  color: var(--prod-hire-rates-color);
  background-color: var(--prod-hire-rates-background-color);
}
.ccio-prod-hireRatesRowHeader {
  display: none;
}
.ccio-prod-hireRates-exVat {
  color: var(--prod-hire-rates-ex-vat);
}
.ccio-prod-hireRates-tax-suffix {
  font-size: var(--prod-hire-rates-tax-font-size);
}
.ccio-prod-ratesColumn {
  width: 40%;
}
.ccio-prod-ratesColumnPrice {
  width: 30%;
  white-space: nowrap;
}
#ccio-prod-calendarDialog .sm_content {
  background-color: white;
}
#ccio-prod-calendarDialog .sm_close_button {
  position: absolute;
  right: 20px;
  border: none;
  font-size: 26px;
  color: #A2A2A2;
}
#ccio-prod-calendarDialog .sm_close_button:after {
  display: none;
}
#ccio-prod-calendarDialog h2, #ccio-prod-calendarDialog #ccio-lay-addingToBasket, #ccio-prod-calendarDialog #ccio-lay-addToBasketError, #ccio-prod-calendarDialog .ccio-prod-reservedContentTitle {
  text-align: left;
  font-size: 36px;
  line-height: 51px;
}
#ccio-prod-calendarDialog .availabilityCalendar {
  max-width: inherit;
}
#ccio-prod-calendarDialog .ccio-dialog-closeCross {
  cursor: pointer;
}
#ccio-prod-nextAvailableTitle {
  margin-top: 10px;
}
.ccio-prod-nextAvailableResult {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
}
.ccio-prod-nextAvailableResult a {
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
}
.ccio-prod-nextAvailableResultAvailability {
  display: flex;
  gap: 30px;
  margin-left: 10px;
}
.ccio-prod-nextAvailableResultStatus-available {
  color: #75c69d;
}
.ccio-prod-nextAvailableResultStatus-unavailable {
  color: #ec1c3c;
}
.ccio-prod-reserved {
  padding: 10px;
  width: 100%;
  display: flex;
  align-items: center;
}
.ccio-prod-reservedContent {
  flex-grow: 1;
  text-align: left;
}
.ccio-prod-reservedContent .ccio-prod-buttons {
  display: flex;
}
.ccio-prod-reservedContent .ccio-prod-buttons a {
  margin-right: 10px;
}
.ccio-prod-reservedImage {
  padding: 10px;
  background-color: var(--prod-accessories-item-background-color);
}
.ccio-prod-reservedImage img {
  max-height: 150px;
}
.ccio-prod-buttons a {
  box-sizing: border-box;
  margin: 10px 0 0;
}
.ccio-prod-basketItem {
  display: flex;
  flex-direction: var(--prod-reserved-item-flex-direction);
  justify-content: space-between;
  margin: 10px 30px 10px 0;
}
#ccio-prod-divider {
  height: var(--prod-divider-height);
  background-color: var(--prod-divider-background-color);
}
#ccio-prod-mobileScrollAnchor {
  display: none;
}
@media all and (max-width: 1000px) {
  
  #ccio-prod-mobileScrollAnchor {
    display: block;
  }
}
#ccio-prod-sections {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#ccio-prod-sectionDetail {
  padding: 10px;
}
#ccio-prod-sectionMenu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
  margin: 0;
  background-color: var(--prod-detail-menu-bgcolor);
  order: var(--prod-detail-menu-order, 0);
}
.ccio-prod-sectionItem {
  padding: var(--prod-detail-menu-padding);
  border-bottom: var(--prod-detail-menu-bottom-border);
  color: var(--prod-detail-menu-color);
  font-family: var(--h3-font-family);
  font-style: var(--h3-font-style);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  white-space: nowrap;
}
.ccio-prod-sectionItemActive {
  color: var(--prod-detail-menu-active-color);
  border-bottom: var(--prod-detail-menu-active-bottom-border);
}
.ccio-prod-section {
  display: none;
}
.ccio-prod-sectionActive {
  display: block;
}
#ccio-prod-description p {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.6em;
}
#ccio-prod-videos {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
#ccio-prod-fullVideoCaption {
  margin: 10px 0 0;
}
#ccio-prod-videoThumbnails {
  display: flex;
  flex-wrap: nowrap;
}
.ccio-prod-videoThumbnailWrapper {
  width: 25%;
  padding: 5px;
}
.ccio-prod-videoThumbnailImage {
  width: 100%;
  height: auto;
}
.ccio-prod-imageGallery {
  display: flex;
  flex-wrap: wrap;
}
.ccio-prod-imageGallery a {
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccio-prod-imageGallery img {
  margin: 5px;
  transition: transform .15s ease;
}
.ccio-prod-imageGallery img:hover {
  transform: scale(1.05);
}
.ccio-prod-galleryImageCaption {
  text-align: right !important;
  background-color: RGBA(0, 0, 0, 0.3) !important;
  box-sizing: border-box;
}
.ccio-prod-galleryImageCaption a {
  color: white !important;
}
#ccio-prod-bomTable-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#ccio-prod-bomTable-container #ccio-prod-bomTable {
  width: 100%;
  max-width: 750px;
}
#ccio-prod-bomTable-container #ccio-prod-bomTable thead th {
  border-bottom: 1px solid black;
}
.ccio-prod-bomDescription {
  text-align: left;
  padding: 10px;
}
.ccio-prod-bomQuantity {
  text-align: right;
  padding: 10px;
}
#availabilityCalendar {
  min-height: 300px;
}
#accessories .ccio-search-galleryProductContent, #related .ccio-search-galleryProductContent {
  background-color: var(--prod-accessories-item-background-color);
}
.ccio-prod-relatedGroupTabs {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 5px;
  gap: 10px;
}
.ccio-prod-relatedGroupTab {
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
  font-family: var(--h3-font-family);
  font-style: var(--h3-font-style);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  color: var(--prod-related-group-tab-color);
  background-color: var(--prod-related-group-tab-background-color);
  cursor: pointer;
}
.ccio-prod-relatedGroupTabActive {
  color: var(--prod-related-group-tab-active-color);
  background-color: var(--prod-related-group-tab-active-background-color);
}
.ccio-prod-related:not(.ccio-prod-relatedActive) {
  display: none !important;
}
.ccio-prod-watchlistDescription {
  font-size: 15px;
  padding: 10px;
  display: block;
  font-weight: bold;
  color: var(--prod-watchlist-description-color);
}
.ccio-prod-buyFormInputs {
  display: flex;
  margin: 20px;
  align-items: center;
  justify-content: center;
}
.ccio-prod-buyFormInputs label, .ccio-prod-buyFormInputs select, .ccio-prod-buyFormInputs input {
  margin: 0 10px;
}
#js-productbasketitemscontainer {
  width: 100%;
}
div.basket-items-text {
  background: none repeat scroll 0 0 #666666;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 20px;
  margin-bottom: 2px;
  text-align: left;
}
#js-productbasketitems {
  width: 100%;
  margin-bottom: 30px;
}
div.basket-item-date {
  background: none repeat scroll 0 0 #00dd1c;
  line-height: 1.3rem;
  padding: 20px;
  margin-bottom: 2px;
  font-size: 1.2rem;
}
div.basket-item-date span {
  color: #000;
  font-size: 1rem;
}
div.basket-item-date .date-title {
  color: #000;
  font-weight: bold;
  width: 29%;
  display: inline-block;
  text-align: right;
}
div.basket-item-date .date-text {
  color: #000;
  font-weight: normal;
  display: inline-block;
  width: 68%;
  text-align: left;
}
div.basket-item-date .date-text a {
  color: #000;
  font-weight: normal;
}
.ccio-search-categoryBannerTitle {
  display: var(--search-category-banner-title-display);
}
.ccio-prod-ratings {
  display: flex;
  align-items: center;
}
#ccio-prod-addedToBasketUpsell .ccio-search-galleryProduct {
  width: var(--prod-upsell-item-width);
}
#ccio-prod-addedToBasketUpsell .ccio-search-galleryProductName {
  font-size: var(--prod-upsell-product-name-font-size);
}
#ccio-prod-addedToBasketUpsell .ccio-search-galleryProductDescription {
  display: none;
}
.testfreaks-section {
  display: none;
}
.testfreaks-section-loaded {
  display: block;
}
#js-express-notes-container, #js-approval-notes-container {
  padding: 5px;
}
#ccio-prod-main .ccio-event-info {
  font-size: var(--h2-font-size);
  margin-top: 10px;
}
#ccio-prod-main .ccio-event-info div {
  margin: 5px 0;
}
.ccio-prod-oneOffEventQuantity {
  display: flex;
  align-items: center;
}
.ccio-prod-oneOffEventQuantity label {
  font-weight: bold;
  margin-right: 5px;
}
.ccio-prod-oneOffEventQuantity select {
  padding: 3px;
}
.ccio-prod-eventNotAvailable {
  margin: 15px 0 !important;
  font-weight: bold;
}
.ccio-prod-purchaseOptionsTitle {
  text-align: center;
}
.ccio-prod-purchaseOptionsLastUpdated {
  text-align: center;
  font-style: italic;
  margin-top: 0;
}
.ccio-prod-purchaseOptionsTable {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
}
.ccio-prod-purchaseOptionsTable tr:nth-child(odd) {
  background-color: #f5f5f5;
}
.ccio-prod-purchaseOptionsTable tr:nth-child(even) {
  background-color: #dbdbdb;
}
.ccio-prod-purchaseOptionsTable td {
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
}
.ccio-prod-purchaseOptionsTable td.ccio-prod-purchaseOptionsShopNowCell {
  vertical-align: middle;
}
.ccio-prod-purchaseOptionsTable .ccio-button, .ccio-prod-purchaseOptionsTable .ccio-search-noDates {
  background-color: #0174b7;
}
.ccio-prod-purchaseOptionsTable .ccio-prod-purchaseOptionsFinance {
  color: red;
  max-width: 400px;
}
@media all and (max-width: 1000px) {
  
  #ccio-prod-main #ccio-page-sections {
    padding: 0 10px;
  }
  
  #ccio-prod-info {
    flex-direction: column;
  }
  
  #ccio-prod-imagePanel {
    width: 100%;
  }
  
  .ccio-prod-mainImage {
    width: 100%;
    height: 100%;
  }
  
  #ccio-prod-descriptionPanel {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  
  .ccio-prod-imageGallery a {
    width: 50%;
    display: block;
    padding: 5px;
    box-sizing: border-box;
  }
  
  .ccio-prod-imageGallery img {
    margin: 0;
    width: 100%;
  }
  
  #accessories .ccio-search-galleryProduct, #related .ccio-search-galleryProduct, #ccio-prod-addedToBasketUpsell .ccio-search-galleryProduct {
    width: 100%;
  }
  
  #ccio-prod-bannerDescriptionPanel {
    min-width: auto;
  }
  
  #ccio-prod-bannerSpacer {
    display: none;
  }
  
  .testfreaks-section-loaded {
    display: flex;
    justify-content: center;
  }
  
  .ccio-prod-reserved {
    padding: 0;
    flex-direction: column;
  }
  
  .ccio-prod-reservedContent {
    width: 100%;
    order: 1;
  }
  
  .ccio-prod-reservedContent .ccio-prod-buttons a {
    flex-grow: 1;
    margin: 5px;
  }
  
  .ccio-prod-reservedContentSubtitle {
    margin: 5px;
  }
  
  .ccio-prod-basketItem {
    flex-direction: column;
    margin: 10px 5px;
  }
  
  #ccio-prod-title {
    font-size: var(--prod-title-font-size-mob);
  }
  
  #ccio-prod-hireRatesTitle {
    font-size: var(--prod-hire-rates-title-font-size-mob);
  }
  
  #ccio-prod-oneOffEventForm button {
    width: 100%;
  }
  
  .ccio-prod-nextAvailableResult {
    grid-template-columns: 1fr 1fr;
  }
  
  .ccio-prod-nextAvailableResultAvailability {
    flex-direction: column;
    gap: 0;
    margin-left: 0;
  }
  
  #ccio-prod-calendarDialog .sm_close_button {
    top: 17px;
  }
  
  #ccio-prod-calendarDialog h2, #ccio-prod-calendarDialog #ccio-lay-addingToBasket, #ccio-prod-calendarDialog #ccio-lay-addToBasketError, #ccio-prod-calendarDialog .ccio-prod-reservedContentTitle {
    font-size: 22px;
    line-height: 32px;
  }
}
#ccio-bask-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
}
#ccio-bask-header h1, #ccio-bask-header .ccio-page-contactFormSubmittedSuccessfullyTitle {
  margin-bottom: 5px;
}
.ccio-bask-section {
  padding: 20px;
  margin: 10px;
  background-color: var(--basket-section-background-color);
  border-bottom: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}
#ccio-bask-secure {
  display: flex;
  align-items: center;
}
#ccio-bask-secureIcon {
  background-position: 0 -379px;
  width: 15px;
  height: 15px;
  margin: 5px;
}
.ccio-editIcon {
  background-position: 0 -612px;
  width: 18px;
  height: 18px;
  margin: 5px;
}
.ccio-editIcon:hover {
  color: var(--link-hover-color);
  filter: invert(50%) sepia(100%) hue-rotate(-45deg) saturate(100);
}
.ccio-crossIcon {
  background-position: 0 -239px;
  width: 18px;
  height: 18px;
  margin: 5px;
}
.ccio-crossIcon:hover {
  color: var(--link-hover-color);
  filter: invert(50%) sepia(100%) hue-rotate(-45deg) saturate(100);
}
.ccio-editIconSpacerForBuy {
  width: 28px;
}
.ccio-editIcon-color {
  color: var(--link-hover-color);
  filter: invert(50%) sepia(100%) hue-rotate(-45deg) saturate(100);
}
#ccio-bask-help {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 10px 5px 10px;
}
.ccio-bask-changeBasketDatesLink, .ccio-bask-changeAllBasketDatesLink {
  display: var(--basket-change-all-dates-link, flex);
  align-items: center;
  justify-content: flex-end;
}
.ccio-bask-changeAllBasketDatesLink {
  justify-content: center;
  margin: 0 0 10px 0;
}
.ccio-bask-accordion:not(.ccio-bask-accordion-last) {
  margin-bottom: 20px;
}
.ccio-bask-accordion-last, .ccio-single-group {
  margin-bottom: 50px !important;
}
.ccio-bask-group-dates-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  margin: 10px 0;
}
.ccio-bask-group-dates-container h3 {
  margin: 0;
}
.ccio-bask-group-dates-column {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.ccio-bask-group-title {
  text-transform: uppercase;
  font-size: var(--basket-group-title-font-size);
}
.ccio-bask-group-dates {
  padding-left: 20px;
}
.ccio-bask-group-row {
  display: flex;
}
.ccio-bask-group-column {
  display: flex;
  flex-direction: column;
}
.ccio-bask-group-hiredatelabel {
  font-weight: bold;
  font-size: var(--basket-group-hiredatelabel-font-size);
}
.ccio-bask-group-deliverydatelabel {
  font-weight: normal;
  font-size: var(--basket-group-deliverydate-font-size);
}
.ccio-bask-group-deliverydate {
  font-weight: normal;
}
#bulkUpdatePanel {
  display: var(--basket-change-all-dates-panel, block);
  margin: 10px 0 10px 0;
}
#bulkUpdatePanel .ui-accordion-header {
  background-color: var(--basket-panel-header-background-color, #f6f6f6);
  color: var(--basket-panel-header-color, black);
}
#bulkUpdatePanel .ui-accordion-header.ui-state-active {
  background-color: var(--basket-panel-active-header-background-color, #007fff);
  color: var(--basket-panel-active-header-color, white);
  border-color: var(--basket-panel-active-header-background-color, #007fff);
}
.changeAllDatesModalContentContainer {
  display: flex;
  flex-flow: column nowrap;
}
#ccio-bask-changeAllDates-closeModalButton {
  margin-top: 25px;
  align-self: flex-end;
}
.ccio-bask-changeAllDates {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ccio-bask-changeAllDates .datepicker-container {
  margin: 0;
}
.ccio-bask-changeAllDates .ccio-button, .ccio-bask-changeAllDates .ccio-search-noDates {
  height: 34px;
}
.ccio-bask-changeAllDates-description {
  text-align: left;
}
.ccio-bask-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: var(--basket-row-background-color);
  border: var(--basket-row-border);
  -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
  margin-bottom: 15px;
  padding: 20px;
}
.ccio-bask-row input[type="text"], .ccio-bask-row select {
  padding: 3px;
  margin: 10px;
  width: 100%;
}
.ccio-bask-rowUnreserved {
  background-color: var(--basket-row-unreserved-background-color) !important;
}
.ccio-bask-rowBody {
  flex-grow: 1;
}
.ccio-bask-rowTitle {
  font-size: var(--basket-rowTitle-font-size);
}
.ccio-bask-rowTitle a {
  color: #000000;
}
.ccio-bask-rowAccessoriesTitle {
  text-decoration: underline !important;
}
.ccio-bask-rowAccessoriesItems {
  display: none;
  margin-left: 10px;
}
.ccio-bask-deliverySubtitle {
  font-weight: bold;
  margin-right: 10px;
}
.ccio-bask-deliverySubtitle:after {
  content: ":";
}
.ccio-bask-rowContent {
  display: flex;
  align-items: center;
}
.ccio-bask-group-header {
  text-align: center;
  font-weight: bold !important;
  border: 1px solid black !important;
}
.ccio-bask-card-body {
  padding: 0 !important;
}
.ccio-bask-rowPrice {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: var(--basket-row-price-font-weight);
  font-size: var(--basket-row-price-font-size);
}
.ccio-bask-rowUnitPrice {
  font-size: var(--basket-row-unit-price-font-size);
}
.ccio-bask-rowUnitPrice .ccio-bask-unitPrice {
  font-weight: var(--basket-unit-price-font-weight);
}
.ccio-bask-rowDateWrapper {
  white-space: nowrap;
}
.ccio-bask-rowDate {
  white-space: nowrap;
  margin-left: 5px;
  font-family: var(--body-font-emphasis-family);
  font-style: var(--body-font-emphasis-style);
  font-weight: var(--body-font-emphasis-weight);
  font-size: var(--body-font-emphasis-size);
}
.ccio-bask-rowDateNote {
  margin-left: 10px;
  font-style: italic;
}
.ccio-bask-rowContentInner {
  margin: 10px;
}
.ccio-bask-rowChangeDates.ccio-button, .ccio-bask-rowChangeDates.ccio-search-noDates, .ccio-bask-rowRemoveItem.ccio-button, .ccio-bask-rowRemoveItem.ccio-search-noDates {
  margin-top: 5px;
  color: var(--button-color) !important;
}
.ccio-bask-rowImage {
  margin: 20px 20px 0 0;
}
#ccio-bask-promoForm {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.ccio-bask-warning {
  background-color: var(--basket-warning-background-color);
  border: 2px solid black;
}
.ccio-bask-inlineWarning {
  margin: 10px 0;
  padding: 5px;
}
.ccio-bask-unreservedWarning {
  margin: 10px 0;
  display: none;
}
.ccio-bask-expressWarning {
  margin: 10px 0;
}
.ccio-bask-checkoutCheckbox {
  margin: 10px 0;
}
#ccio-bask-promoAndReasonWrapper {
  margin-right: 30px;
  max-width: 50%;
}
#ccio-bask-reasonContent, #ccio-bask-projectNameContent {
  flex-direction: column;
  align-items: flex-start;
}
#ccio-bask-reasonContent input, #ccio-bask-reasonContent select, #ccio-bask-projectNameContent input, #ccio-bask-projectNameContent select {
  margin: 10px 0;
  box-sizing: border-box;
}
#ccio-bask-totalsWrapper {
  margin-left: 30px;
  max-width: 50%;
  display: flex;
  flex-direction: column;
}
#ccio-bask-checkoutForm {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: left;
  margin-top: 10px;
}
#ccio-bask-totalsTable {
  font-size: var(--basket-rowPrice-font-size);
}
#ccio-bask-totalsTable td {
  text-align: right;
  margin: 5px;
}
.ccio-bask-depositDueDate {
  color: var(--basket-deposit-due-date-color);
}
.ccio-bask-buyFormInputs {
  display: flex;
  margin: 20px;
  align-items: center;
  justify-content: center;
}
.ccio-bask-buyFormInputs label, .ccio-bask-buyFormInputs select, .ccio-bask-buyFormInputs input {
  margin: 0 10px;
}
.ccio-basket-orderItemChecklistForm {
  margin: 0 auto;
  border: solid 1px black;
  padding: 10px;
}
.ccio-basket-orderItemChecklistForm input, .ccio-basket-orderItemChecklistForm select {
  margin: 10px 0 !important;
  box-sizing: border-box;
}
.ccio-bask-orderItemsSlim .ccio-single-group .card-body:first-child {
  border-top: 1px solid black;
}
.ccio-bask-orderItemsSlim .ccio-bask-row-slim {
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
.ccio-bask-orderItemsSlim .ccio-bask-row-slim:first-child {
  border-top: none;
}
.ccio-bask-orderItemsSlim .ccio-bask-row-slim:last-child {
  border-bottom: 1px solid black;
}
.ccio-bask-orderItemsSlim .ccio-bask-row-slim + .ccio-bask-row-slim {
  border-top: 0;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowContentSlim {
  justify-content: space-around;
  align-items: center;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowContentSlim a {
  color: black;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowImageSlimContainer {
  width: 10%;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowImageSlimContainer a {
  display: block;
  width: 100%;
  height: 100%;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowImageSlimContainer img {
  width: 100%;
  padding: 3px;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowImageSlim {
  margin: 0;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowTitleAndAccessories {
  width: 50%;
  padding: 10px;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowInfoContainer {
  width: 40%;
  padding: 10px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowInfoContainer > * {
  margin-right: 10px;
  margin-left: 10px;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowPrice {
  min-width: 100px;
}
.ccio-bask-orderItemsSlim .ccio-bask-buyFormInputs {
  margin: 0;
}
.ccio-bask-orderItemsSlim .ccio-bask-buyFormInputs label, .ccio-bask-orderItemsSlim .ccio-bask-buyFormInputs select, .ccio-bask-orderItemsSlim .ccio-bask-buyFormInputs input {
  margin: 0 10px 0 0;
}
.ccio-bask-orderItemsSlim .ccio-bask-quantityWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowRemoveItemCross {
  margin: 20px 20px 20px 20px;
  font-size: var(--basket-item-remove-background-color, 28px);
}
.ccio-bask-orderItemsSlim .ccio-bask-rowRemoveItemCross:hover {
  color: var(--link-hover-color);
}
.ccio-bask-orderItemsSlim .ccio-bask-rowContentType_product_buy .ccio-bask-rowTitleAndAccessories {
  width: 40%;
}
.ccio-bask-orderItemsSlim .ccio-bask-rowContentType_product_buy .ccio-bask-rowInfoContainer {
  width: 50%;
}
.ccio-bask-orderItemsSlim .ccio-bask-slimRowDates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 20px;
}
#ccio-bask-securityChoices {
  display: flex;
  justify-content: space-between;
}
.ccio-bask-securityTable {
  width: 100%;
}
.ccio-bask-securityTable td {
  padding: 5px 0;
}
#ccio-bask-deliveryLoading {
  display: flex;
  align-items: center;
}
#ccio-bask-delivery input, #ccio-bask-delivery select {
  padding: 3px;
}
#ccio-bask-deliveryOutInWrapper {
  display: flex;
  margin: 10px 0;
}
#ccio-bask-deliveryOutInWrapper .ui-widget {
  font-family: inherit !important;
}
.ccio-bask-deliveryOutIn {
  width: 50%;
  flex-grow: 1;
}
#ccio-bask-deliveryInboundSpacer {
  width: 20px;
}
.ccio-bask-deliveryAccordionTitle {
  display: block;
  background-color: var(--basket-delivery-accordian-title-background-color) !important;
  color: var(--basket-delivery-accordian-title-color) !important;
  padding: 6px;
  margin-top: 8px;
  text-transform: uppercase;
  border: transparent;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease-in;
  cursor: pointer;
}
.ccio-bask-deliveryOrCollectionRadio {
  display: var(--basket-delivery-accordion-title-radio-buttons-display);
}
.ccio-bask-deliveryAccordionContent {
  display: flex;
  flex-direction: column;
  background-color: var(--basket-delivery-accordian-content-background-color);
  padding: 15px;
}
.ccio-bask-deliveryRadioGroupWrapper {
  margin: 10px;
}
.ccio-bask-deliveryRadioGroup {
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.ccio-bask-deliveryInputGroup {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.ccio-bask-collectionInputGroup {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.ccio-bask-collectionInputGroup div {
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}
.ccio-bask-collectionPointMap {
  margin-top: 10px;
}
.ccio-bask-addressLookupWrapper {
  display: flex;
  justify-content: center;
}
#ccio-bask-deliverySubmitWrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
#ccio-bask-deliveryCostPreviewWrapper {
  margin-left: 10px;
}
.ccio-bask-billingAddress {
  display: flex;
  align-items: center;
}
.ccio-bask-billingAddress * {
  margin-right: 5px;
}
.ccio-bask-billingAddressLabel {
  font-weight: bold;
}
.ccio-bask-billingAddressChange {
  margin-left: 10px;
}
.ccio-bask-deliveryDescription {
  margin-top: 10px;
}
.ccio-bask-outboundForInbound {
  margin-top: 15px;
}
#ccio-bask-payment {
  display: flex;
  width: 100%;
  justify-content: center;
}
#ccio-bask-paymentContent {
  flex-grow: 1;
}
.ccio-bask-paymentDesc {
  background-color: var(--basket-payment-desc-background-color);
  border: 1px solid var(--basket-payment-desc-color);
  border-radius: 4px;
  padding: 10px;
  font-style: italic;
  color: var(--basket-payment-desc-color);
  margin: 10px 0;
}
.ccio-bask-paymentDesc p {
  margin: 0;
}
#ccio-bask-paymentBasketSummary {
  max-width: 33%;
}
.ccio-bask-paymentOptionDivider {
  display: block;
  margin: 50px 0;
}
.payment_content {
  margin-top: 10px;
}
.payment_pleaseWait {
  width: 100%;
  height: 400px;
  text-align: center;
  position: relative;
}
.payment_pleaseWaitInner {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.payment_subHeading {
  margin-top: 15px;
  font-family: var(--body-font-emphasis-family);
  font-style: var(--body-font-emphasis-style);
  font-weight: var(--body-font-emphasis-weight);
  font-size: var(--body-font-emphasis-size);
}
.payment_inputOk {
  border: 2px solid green !important;
  background: rgba(0, 128, 0, 0.15) !important;
}
#secureTrading_cardInput, #trustPayments_cardInput, #paypalMainContent {
  display: flex;
  flex-wrap: wrap;
}
.payment_amountDueLabel, .payment_amountDue {
  width: 50%;
  font-family: var(--h2-font-family);
  font-style: var(--h2-font-style);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
}
.payment_form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  width: 100%;
}
.payment_inputGroup {
  width: 100%;
  display: flex;
  margin: 5px 0;
  align-items: center;
  position: relative;
}
.payment_label {
  width: 50%;
}
.payment_input {
  width: 50%;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
}
label.payment_input {
  width: 100%;
  margin-left: 50%;
  display: flex;
  align-items: center;
}
.payment_splitInput {
  margin: 0;
  padding: 0;
  display: flex;
  box-sizing: border-box;
}
.payment_splitInputItem {
  padding: 5px;
  width: 50%;
}
.payment_buttonWrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.payment_cardImages {
  position: absolute;
  right: 5px;
  bottom: 1px;
}
.payment_customerNotice {
  background-color: var(--member-payment-banner-background-color);
  border: 1px solid var(--member-payment-banner-color);
  border-radius: 4px;
  padding: 10px;
  font-style: italic;
  color: var(--member-payment-banner-color);
  margin: 10px 0;
  width: 100%;
}
.payment_customerNotice p {
  margin: 0;
}
#payment_paypalButtonContainer {
  margin: 20px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.payment_doNotCloseBrowser {
  font-style: italic;
  margin-top: 5px;
}
#trustPayments .payment_form {
  padding: 15px;
  border: 1px solid black;
  border-radius: 5px;
  background-color: whitesmoke;
}
#trustPayments .payment_logo {
  background-color: white;
  height: 52px;
  width: auto;
}
#trustPayments .payment_buttonWrapper {
  margin-top: 5px;
  align-items: center;
  justify-content: flex-start;
}
#trustPayments .payment_buttonWrapper * {
  height: 32px;
  margin-right: 10px;
}
#stripeCardInput {
  margin: 10px 0;
}
#ccio-bask-thankyou {
  display: flex;
  width: 100%;
  justify-content: center;
}
#ccio-bask-thankyouOrderSummary {
  max-width: 33%;
}
#ccio-bask-thankyouContent {
  flex-grow: 1;
}
#ccio-bask-orderReference {
  margin: 10px 0;
}
#ccio-bask-thankyouDetails {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#ccio-bask-changeDatesProduct {
  display: flex;
  align-items: center;
  justify-content: center;
}
#ccio-bask-summaryTitle {
  white-space: nowrap;
  margin-bottom: 10px;
}
.ccio-bask-summaryItem, .ccio-baskSummaryTotal {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 10px 0;
}
.ccio-bask-summaryItemName, .ccio-baskSummaryTotalName {
  min-width: 150px;
  margin-right: 10px;
}
#ccio-bask-summaryTitle, .ccio-bask-summaryItemPrice, .ccio-baskSummaryTotalPrice, .ccio-bask-summaryOrderTotal {
  font-family: var(--body-font-emphasis-family);
  font-style: var(--body-font-emphasis-style);
  font-weight: var(--body-font-emphasis-weight);
  font-size: var(--body-font-emphasis-size);
}
.ccio-bask-summaryItemPrice, .ccio-baskSummaryTotalPrice {
  white-space: nowrap;
}
.ccio-bask-summaryItemDates {
  font-style: italic;
  white-space: nowrap;
  font-size: 13px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ccio-bask-summaryPaymentsTable, .ccio-bask-summaryShipmentsTable, .ccio-bask-summaryInvoicesTable {
  width: 100%;
}
.ccio-bask-summaryPaymentsTable th, .ccio-bask-summaryShipmentsTable th, .ccio-bask-summaryInvoicesTable th {
  padding: 5px 0;
  text-align: left;
  font-size: 14px;
}
.ccio-bask-summaryPaymentsTable td, .ccio-bask-summaryShipmentsTable td, .ccio-bask-summaryInvoicesTable td {
  padding: 5px 0;
}
.ccio-bask-message {
  padding: 10px;
  text-align: center;
  width: 100%;
  background-color: #fbe6d1;
  border: 1px solid #e88913;
  border-radius: 4px;
  margin-bottom: 10px;
}
.ccio-bask-checkoutBtnWrapper {
  display: flex;
  margin-top: 10px;
  gap: 10px;
}
.ccio-bask-edit-address {
  color: var(--button-color) !important;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.ccio-bask-invalidAddress {
  padding-top: 14px;
  padding-bottom: 14px;
}
.ccio-bask-addressInvalidWarning {
  font-size: 9px;
  color: #666;
  padding-top: 14px;
  clear: both;
}
.ccio-bask-securityInsuranceExceeded {
  padding: 10px;
}
.ccio-bask-amountsDue-spacer {
  padding-top: 24px;
}
@media all and (max-width: 1000px) {
  
  .ccio-bask-row {
    flex-direction: column;
  }
  
  .ccio-bask-downloadQuoteBtn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  
  .ccio-bask-edit-address {
    margin-top: 5px;
    margin-left: 0;
  }
  
  .ccio-bask-changeAllDates {
    flex-flow: column;
    align-items: center;
  }
  
  .ccio-bask-changeAllDates .ccio-button, .ccio-bask-changeAllDates .ccio-search-noDates {
    width: 100%;
  }
  
  .ccio-bask-deliveryRadioGroup {
    flex-flow: column nowrap;
    align-items: center;
  }
  
  .ccio-bask-addressInvalidWarning {
    padding-top: 5px;
  }
  
  .ccio-bask-rowBody {
    width: 100%;
  }
  
  .ccio-bask-rowContent {
    flex-direction: column;
  }
  
  .ccio-bask-rowPrice {
    width: 100%;
    margin-top: 10px;
  }
  
  .ccio-bask-rowChangeDates {
    width: 100%;
    box-sizing: border-box;
  }
  
  .ccio-bask-rowContent {
    align-items: flex-start;
  }
  
  .ccio-bask-rowDateWrapper {
    white-space: normal;
    width: 100%;
  }
  
  .ccio-bask-rowDateNote {
    display: inline-block;
  }
  
  #ccio-bask-promoAndReasonWrapper {
    margin-right: 0;
    max-width: 100%;
  }
  
  #ccio-bask-totalsWrapper {
    margin-left: 0;
    max-width: fit-content;
  }
  
  .ccio-bask-row input[type="text"] {
    width: 100%;
    height: 34px;
    box-sizing: border-box;
  }
  
  #ccio-bask-checkoutForm {
    align-items: flex-start;
  }
  
  .ccio-bask-checkoutBtnWrapper {
    width: 100%;
    flex-direction: column-reverse;
  }
  
  .ccio-bask-checkoutBtnWrapper button {
    margin-left: 0;
    margin-bottom: 10px;
  }
  
  #ccio-bask-checkoutBtn, #ccio-bask-clearBtn {
    width: 100%;
  }
  
  #ccio-bask-reason, #ccio-bask-projectName {
    margin: 10px 0;
  }
  
  #ccio-bask-header {
    text-align: center;
    margin: 10px;
  }
  
  #ccio-bask-header h1, #ccio-bask-header .ccio-page-contactFormSubmittedSuccessfullyTitle {
    margin: 0;
  }
  
  .ccio-bask-section {
    margin: 10px 0;
  }
  
  .ccio-bask-section .ccio-button, .ccio-bask-section .ccio-search-noDates, .ccio-bask-section img {
    width: 100%;
    box-sizing: border-box;
  }
  
  #ccio-bask-securityChoices {
    flex-direction: column;
  }
  
  #ccio-bask-deliveryOutInWrapper {
    flex-direction: column;
  }
  
  .ccio-bask-deliveryOutIn {
    width: 100%;
  }
  
  .ccio-bask-collectionInputGroup {
    flex-direction: column;
  }
  
  .ccio-bask-collectionInputGroup div {
    width: 100%;
  }
  
  .ccio-bask-addressLookupButtonWrapper {
    width: fit-content !important;
  }
  
  #ccio-bask-payment {
    flex-direction: column;
  }
  
  #ccio-bask-paymentBasketSummary {
    max-width: 100%;
  }
  
  .payment_inputGroup {
    flex-direction: column;
  }
  
  .payment_label, .payment_input, .payment_button {
    width: 100%;
  }
  
  label.payment_input {
    margin-left: 0;
  }
  
  .payment_buttonWrapper {
    margin-top: 10px;
  }
  
  #ccio-bask-messages {
    margin: 10px;
  }
  
  #ccio-bask-thankyou {
    flex-direction: column;
  }
  
  #ccio-bask-thankyouOrderSummary {
    max-width: 100%;
  }
  
  #ccio-bask-thankyouDetails {
    align-items: flex-start;
    flex-direction: column;
  }
  
  .ccio-basket-orderItemChecklistForm {
    margin: 10px 0;
  }
  
  .ccio-bask-billingAddress {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .ccio-bask-billingAddressChange {
    margin-left: 0;
    margin-top: 10px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowContentSlim {
    flex-flow: column;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowControlsContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 2px;
    min-height: 80px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowControlsContainer a {
    margin: 0 5px 0 0;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-orderItemSlimEdit {
    order: 1;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-orderItemSlimRemove {
    margin-bottom: 15px !important;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowImageAndTitleWrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowImageSlimContainer {
    width: 33% !important;
    padding: 10px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowTitleAndAccessories {
    width: 67% !important;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowInfoContainer {
    width: 100% !important;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowInfoContainer > * {
    margin-right: 10px;
    margin-left: 10px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowInfoContainer .ccio-bask-rowPrice {
    width: unset;
    align-items: flex-end;
    justify-content: center;
    margin-top: 0;
    order: 4;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-group-header, .ccio-bask-orderItemsSlim .ccio-bask-card-body {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-quantityWrapper {
    align-items: flex-start;
    min-width: 90px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-deliveryAccordionTitle {
    text-align: center;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-group-dates-container {
    align-items: flex-start;
    justify-content: space-between;
    margin: 30px 10px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-group-column {
    align-items: flex-start;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowTitleSlim {
    font-size: 18px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-changeBasketDatesLink {
    width: 10%;
    justify-content: flex-start;
    margin-bottom: 0;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-buyFormInputs * {
    margin: 2px !important;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-buyFormInputs input {
    padding: 4px 2px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-slimPromoName {
    max-width: 160px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-slimRowDates {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.icons-sprite, .icons-account, .icons-address, .icons-auto-category, .icons-auto-product, .icons-basket, .icons-blog, .icons-calendar, .icons-cancel, .icons-chev-right, .icons-collapse, .icons-cross, .icons-download, .icons-ebay, .icons-facebook, .icons-instagram, .icons-linkedin, .icons-lock, .icons-menu, .icons-menu_close, .icons-menu_collapse, .icons-menu_expand, .icons-notification, .icons-paperclip, .icons-pause, .icons-pen-icon, .icons-phone-icon, .icons-resume, .icons-search, .icons-sort-asc, .icons-sort-desc, .icons-twitter, .icons-vimeo, .icons-youtube, .ccio-accordion-active-icon, .ccio-accordion-inactive-icon, #ccio-head-content-v6 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-content-v7 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-account a:after, #ccio-head-basket a:after, #ccio-head-search a:after, #ccio-head-menuCollapseWrapper a:after, #ccio-foot-social-twitter, #ccio-foot-social-facebook, #ccio-foot-social-instagram, #ccio-foot-social-youtube, #ccio-foot-social-blog, #ccio-foot-social-linkedin, #ccio-foot-social-vimeo, #ccio-foot-social-ebay, .ccio-autocomplete-item .ccio-autocomplete-icon-product, .ccio-autocomplete-item .ccio-autocomplete-icon-category, #ccio-bask-secureIcon, .ccio-editIcon, .ccio-crossIcon, .ccio-mem-menuItemChev, .ccio-mem-sortDesc, .ccio-mem-sortAsc, .ccio-phoneIcon, .ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadedDocument, #ccio-head-mobileMenu-close, .ccio-head-mobileMenuGroupExpander, .ccio-head-mobileMenuGroupCollapser, .ccio-attachment-paperclip, .ccio-messageAttachment, .ccio-downloadIcon, .ccio-search-widget-icon-keyword, .ccio-search-widget-icon-categories, .ccio-search-widget-icon-calendar, .ccio-widget-submit-btn .ccio-submit-btn-type-image, #ccio-head-menuCollapse {
  background-image: url('../images/icons-se2cf8b72b0.png');
  background-repeat: no-repeat;
}
.icons-account {
  background-position: 0 0;
  height: 22px;
  width: 21px;
}
.icons-address {
  background-position: 0 -24px;
  height: 20px;
  width: 20px;
}
.icons-auto-category {
  background-position: 0 -46px;
  height: 21px;
  width: 25px;
}
.icons-auto-product {
  background-position: 0 -69px;
  height: 25px;
  width: 25px;
}
.icons-basket {
  background-position: 0 -96px;
  height: 21px;
  width: 20px;
}
.icons-blog {
  background-position: 0 -119px;
  height: 25px;
  width: 25px;
}
.icons-calendar {
  background-position: 0 -146px;
  height: 20px;
  width: 20px;
}
.icons-cancel {
  background-position: 0 -168px;
  height: 25px;
  width: 25px;
}
.icons-chev-right {
  background-position: 0 -195px;
  height: 18px;
  width: 9px;
}
.icons-collapse {
  background-position: 0 -215px;
  height: 22px;
  width: 22px;
}
.icons-cross {
  background-position: 0 -239px;
  height: 18px;
  width: 18px;
}
.icons-download {
  background-position: 0 -259px;
  height: 20px;
  width: 20px;
}
.icons-ebay {
  background-position: 0 -281px;
  height: 25px;
  width: 25px;
}
.icons-facebook {
  background-position: 0 -308px;
  height: 20px;
  width: 20px;
}
.icons-instagram {
  background-position: 0 -330px;
  height: 20px;
  width: 20px;
}
.icons-linkedin {
  background-position: 0 -352px;
  height: 25px;
  width: 25px;
}
.icons-lock {
  background-position: 0 -379px;
  height: 14px;
  width: 10px;
}
.icons-menu {
  background-position: 0 -395px;
  height: 21px;
  width: 21px;
}
.icons-menu_close {
  background-position: 0 -418px;
  height: 43px;
  width: 43px;
}
.icons-menu_collapse {
  background-position: 0 -463px;
  height: 25px;
  width: 37px;
}
.icons-menu_expand {
  background-position: 0 -490px;
  height: 25px;
  width: 37px;
}
.icons-notification {
  background-position: 0 -517px;
  height: 32px;
  width: 32px;
}
.icons-paperclip {
  background-position: 0 -551px;
  height: 32px;
  width: 32px;
}
.icons-pause {
  background-position: 0 -585px;
  height: 25px;
  width: 25px;
}
.icons-pen-icon {
  background-position: 0 -612px;
  height: 18px;
  width: 18px;
}
.icons-phone-icon {
  background-position: 0 -632px;
  height: 32px;
  width: 32px;
}
.icons-resume {
  background-position: 0 -666px;
  height: 25px;
  width: 25px;
}
.icons-search {
  background-position: 0 -693px;
  height: 21px;
  width: 21px;
}
.icons-sort-asc {
  background-position: 0 -716px;
  height: 9px;
  width: 15px;
}
.icons-sort-desc {
  background-position: 0 -727px;
  height: 9px;
  width: 15px;
}
.icons-twitter {
  background-position: 0 -738px;
  height: 25px;
  width: 25px;
}
.icons-vimeo {
  background-position: 0 -765px;
  height: 25px;
  width: 25px;
}
.icons-youtube {
  background-position: 0 -792px;
  height: 25px;
  width: 25px;
}
#ccio-mem-layout {
  display: flex;
  width: 100%;
}
#ccio-mem-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.ccio-mem-section {
  padding: 20px;
  margin: 10px;
  background-color: var(--member-section-background-color);
  border-bottom: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}
.ccio-mem-section .ccio-pagination {
  margin-top: 10px;
}
.ccio-mem-sectionTitle {
  font-family: var(--h2-font-family);
  font-style: var(--h2-font-style);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  white-space: nowrap;
}
.ccio-mem-videoContainer {
  padding: 20px;
  width: 100%;
  overflow: hidden;
}
.ccio-mem-videoContainer video {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.ccio-mem-videoExtras {
  display: flex;
  justify-content: space-between;
}
.ccio-mem-orderFileChecklist {
  padding: 10px 20px;
}
.ccio-mem-orderTitleContainer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.ccio-mem-orderTitleContainer > * {
  margin: 0 5px 0 5px;
}
.ccio-mem-orderTitleContainer .ccio-mem-orderTitle {
  font-family: var(--h3-font-family);
  font-style: var(--h3-font-style);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
}
.ccio-mem-orderTitleContainer .ccio-mem-orderNumber {
  font-family: var(--body-font-emphasis-family);
  font-style: var(--body-font-emphasis-style);
  font-weight: var(--body-font-emphasis-weight);
  font-size: var(--body-font-emphasis-size);
}
.ccio-mem-unassignOperativeConfirmationDialogForm {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
.ccio-mem-unassignOperativeConfirmationDialogForm > textarea {
  width: 100%;
}
.ccio-mem-unassignOperativeConfirmationDialogForm > * {
  margin-bottom: 16px;
}
.ccio-mem-jobSummaryShortAddress {
  margin-left: 14px;
  color: var(--job-summary-address-font-color, #000);
}
.ccio-mem-jobSummaryShortAddress:hover {
  color: var(--link-hover-color);
}
.ccio-mem-JobSummaryContainer {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  color: black;
}
.ccio-mem-JobSummaryContainer .ccio-ruush-shootSummaryDateTime {
  align-self: stretch;
}
.ccio-mem-jobAddressSummary {
  display: flex;
  flex-flow: row nowrap;
  height: 16px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
}
.ccio-mem-addressTitle {
  font-family: var(--h3-font-family);
  font-style: var(--h3-font-style);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  margin-bottom: 5px;
}
.ccio-mem-orderCompleteNewMemberBanner {
  background-color: var(--member-new-member-banner-background-color);
  border: 1px solid var(--member-new-member-banner-color);
  border-radius: 4px;
  padding: 10px;
  font-style: italic;
  color: var(--member-new-member-banner-color);
  margin: 10px 0;
}
.ccio-mem-paymentPendingBanner, .ccio-mem-addressRequiredBanner {
  background-color: var(--member-payment-banner-background-color);
  border: 1px solid var(--member-payment-banner-color);
  border-radius: 4px;
  padding: 10px;
  font-style: italic;
  color: var(--member-payment-banner-color);
  margin: 10px 0;
}
.ccio-mem-paymentPendingBanner p, .ccio-mem-addressRequiredBanner p {
  margin: 0;
}
.ccio-mem-generalMemberMessageBanner, .ccio-mem-supportingDocumentsImageCaptureDesc {
  background-color: var(--member-general-message-banner-background-color);
  border: 1px solid var(--member-general-message-banner-color);
  border-radius: 4px;
  padding: 10px;
  font-style: italic;
  color: var(--member-general-message-banner-color);
  margin: 10px 0;
}
.ccio-mem-orderSummaryRow {
  margin: 5px 0;
}
.ccio-mem-orderContentsSummaryRow {
  margin: 0 5px;
}
.ccio-mem-menuItem {
  padding: 5px;
  margin: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--member-menu-item-color);
}
.ccio-mem-menuItem span {
  white-space: nowrap;
}
.ccio-mem-menuItemActive {
  background-color: var(--member-menu-active-background-color);
  color: var(--member-menu-active-color);
}
.ccio-mem-menuItemChev {
  background-position: 0 -195px;
  height: 18px;
  width: 9px;
  margin-left: 20px;
}
.ccio-mem-orderCancelled {
  text-decoration: line-through !important;
}
#ccio-mem-ordersTable {
  text-align: left;
  border-collapse: collapse;
}
#ccio-mem-ordersTable th, #ccio-mem-ordersTable td {
  padding: 3px;
  border: var(--member-order-history-border);
}
#ccio-mem-ordersTableHeader {
  background-color: var(--member-order-history-heading-background-color);
  color: var(--member-order-history-heading-color);
}
#ccio-mem-ordersTableHeader th a {
  color: var(--member-order-history-heading-color);
}
.ccio-mem-ordersTableRow {
  background-color: var(--member-order-history-row-background-color);
  color: var(--member-order-history-row-color);
}
.ccio-mem-uploadFilesReminderContainer {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 24px;
}
.ccio-mem-fileUploadChooser {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccio-mem-fileUploadPolicyText {
  text-align: left;
}
.ccio-mem-uploadFilesReminderDescription {
  margin: 28px 0 28px 0;
}
.ccio-mem-sortableColumn {
  display: flex;
  align-items: center;
}
.ccio-mem-sortDesc {
  background-position: 0 -727px;
  width: 15px;
  height: 9px;
}
.ccio-mem-sortAsc {
  background-position: 0 -716px;
  width: 15px;
  height: 9px;
}
.ccio-mem-payBalanceButton {
  margin-bottom: 5px;
  background-color: var(--button-emphasis-background-color);
  color: var(--button-emphasis-color);
}
.ccio-mem-marketingOptionsItem {
  margin: 10px 0;
}
.ccio-mem-marketingOptionWrapper {
  display: flex;
  align-items: center;
}
.ccio-mem-detailsTableLegend {
  font-family: var(--h2-font-family);
  font-style: var(--h2-font-style);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  margin: 10px 0;
}
.ccio-mem-detailsTable {
  text-align: left;
}
.ccio-mem-detailsTable td {
  padding: 3px 0;
}
.ccio-mem-detailsTable th {
  font-family: var(--body-font-emphasis-family);
  font-style: var(--body-font-emphasis-style);
  font-weight: var(--body-font-emphasis-weight);
  font-size: var(--body-font-emphasis-size);
}
.ccio-mem-externalMembershipNumber {
  padding: 6px;
  box-sizing: border-box;
}
#ccio-mem-orderDetailsButtons {
  display: flex;
  margin: 5px 0;
}
#ccio-mem-orderDetailsButtons > a {
  margin: 5px 5px 5px 0;
}
#ccio-mem-orderDetailsAddresses {
  display: flex;
  justify-content: space-around;
}
#ccio-mem-loginOrSignUp {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
#ccio-mem-loginOrSignUp input[type="email"], #ccio-mem-loginOrSignUp input[type="password"] {
  padding: 5px;
  margin-bottom: 10px;
}
#ccio-mem-loginOrSignUp label {
  margin: 5px 0;
}
#ccio-mem-login {
  margin-left: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  width: 50%;
}
.ccio-mem-passwordLabelContainer, .ccio-mem-usernameLabelContainer {
  width: 20%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ccio-mem-loginSignUpContainer {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.ccio-page-signUp {
  width: 100%;
  min-width: 450px;
  min-height: 325px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 0 20px 0 20px;
}
.ccio-page-signUp input[type="email"], .ccio-page-signUp input[type="password"] {
  padding: 10px;
  border: none;
  background-color: #f4f4f4;
  font-size: 17px;
}
.ccio-page-signUp label {
  margin: 5px 0;
}
.ccio-page-signUp .g-recaptcha {
  margin-left: 0;
}
#ccio-mem-signUp {
  margin-right: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 1;
  width: 50%;
}
.ccio-mem-signUp-title {
  text-align: center;
}
.ccio-mem-loginForm, .ccio-mem-signUpForm {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
.ccio-mem-loginForm .ccio-email-input, .ccio-mem-signUpForm .ccio-email-input {
  flex-grow: 1;
  width: 80%;
}
.ccio-mem-signUpFormLegacy {
  align-items: flex-end;
}
#ccio-mem-orWrapperWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#ccio-mem-orWrapper {
  background-color: var(--member-login-or-signup-or-background-color);
  border-radius: 50%;
  height: 100px;
  min-height: 100px;
  width: 100px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ccio-mem-orBorder {
  flex-grow: 1;
  width: 1px;
  height: 100%;
  background-color: black;
  margin: 10px 0;
}
#ccio-mem-or {
  font-family: serif;
  font-size: 40px;
  font-style: italic;
}
#ccio-mem-forgotPass {
  margin: 10px 0;
}
.ccio-mem-signupFormNote {
  width: 100%;
  background-color: var(--member-signup-note-background-color);
  border: 1px solid var(--member-signup-note-color);
  border-radius: 4px;
  padding: 5px;
  font-style: italic;
  color: var(--member-signup-note-color);
}
.ccio-mem-signupFormDescription {
  background-color: var(--member-signup-note-background-color);
  border-bottom: 1px solid var(--member-signup-note-color);
  border-left: 1px solid var(--member-signup-note-color);
  border-right: 1px solid var(--member-signup-note-color);
  border-radius: 0 0 4px 4px;
  padding: 5px;
  margin: 0;
  font-style: italic;
  color: var(--member-signup-note-color);
}
.deliveryAddress-element {
  display: none;
}
.company-element {
  display: none;
}
#newMemberForm .ccio-mem-marketingOptionsItem {
  margin: 0 0 10px 0;
}
#newMemberForm > dl > dd {
  margin: 0;
}
#ccio-mem-membershipTermsWrapper {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 10px 0;
}
#ccio-mem-membershipTermsWrapper input {
  width: auto;
}
.ccio-mem-watchlist {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
}
.ccio-mem-watchlist-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  align-self: center;
  width: 100%;
}
#ccio-mem-claimsTable {
  width: 100%;
  border-collapse: collapse;
}
#ccio-mem-claimsTable th {
  background-color: var(--member-claims-table-header-background-color);
  color: var(--member-claims-table-header-color);
  padding: 5px;
}
#ccio-mem-claimsTable td {
  border: 1px solid var(--member-claims-table-header-background-color);
  background-color: white;
  padding: 7px;
}
.ccio-mem-redeemVoucherFormInputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 10px 0;
}
.ccio-mem-redeemVoucherFormInputs input, .ccio-mem-redeemVoucherFormInputs select {
  padding: 5px;
  border-radius: 5px;
  border-width: 1px;
}
.ccio-mem-redeemVoucherFormInputs select {
  width: 100%;
}
#ccio-mem-redeemVoucherCode {
  width: 100%;
}
.ccio-mem-voucherCodeSelection {
  width: 100%;
}
.ccio-mem-redeemVoucherSubmitWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
#ccio-mem-redeemVoucherClaimExpired {
  display: none;
  margin: 10px 10px 10px 0;
}
#ccio-mem-redeemVoucherSubmit {
  margin: 20px 0;
}
#ccio-mem-redeemFormContainer {
  border: solid 3px black;
  padding: 20px;
}
.ccio-mem-redeemVoucherDescription {
  margin-top: 12px;
  margin-bottom: 12px;
}
.ccio-mem-redeemVoucherDescription ol li {
  list-style: decimal;
}
.ccio-mem-redeemVoucherDescription ol {
  margin: 25px;
}
#ccio-mem-bacsInputWrapper {
  display: flex;
  gap: 10px;
}
#ccio-mem-bacsInputWrapper > * {
  width: 100%;
}
#ccio-mem-giftInputWrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#ccio-mem-giftInputWrapper > * {
  width: 100%;
  box-sizing: border-box;
}
.ccio-mem-updateContactDetailsContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}
.ccio-mem-updateContactDetails {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 20px;
}
.ccio-mem-updateContactDetails label {
  margin: 4px 0;
}
.ccio-mem-updateContactDetails input {
  width: 100%;
  font-size: 14px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #a6a6a6;
}
.ccio-mem-updateContactDetails select {
  font-size: 14px;
  height: 30px;
  box-sizing: border-box;
  width: 100%;
}
.ccio-mem-updateContactSubmitContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.g-recaptcha {
  margin-bottom: 10px;
}
.ccio-mem-cloneOrderInputs {
  display: flex;
}
.ccio-mem-cloneOrderInputs div {
  flex-grow: 0;
  margin: 0 5px;
}
.ccio-mem-cancelOrderConfirmationDialogButtons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ccio-phoneIcon {
  background-position: 0 -632px;
  width: 32px;
  height: 32px;
  margin: 5px;
  filter: var(--phone-icon-filter, invert(100%));
}
.ccio-phoneIcon:hover {
  color: var(--link-hover-color);
}
.ccio-operative-dashboard-content {
  flex: 1 0 auto;
  flex-flow: column nowrap;
  padding: 20px 0 20px 20px;
  display: flex;
  justify-content: center;
}
.ccio-operative-account-dashboard-mainsection {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ccio-operative-viewAll-container {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.ccio-operative-contentHeader {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
}
.ccio-operative-job-summary-container {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
  flex: 1;
}
.ccio-operative-job-summary-container .ccio-ruush-panel {
  width: 28%;
  align-self: flex-start;
}
.ccio-operative-jobIconWrapper {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-image: linear-gradient(to right, #ff4e50 0%, #f9d423 100%);
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccio-job-transitionStateContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 24px;
}
.ccio-job-brief-container {
  display: flex;
  flex-flow: column wrap;
}
.ccio-job-brief-input-container {
  display: flex;
  flex-flow: column nowrap;
  justify-items: flex-start;
}
.ccio-job-deliverable-cell, .ccio-job-deliverable-cell > .ccio-downloadIcon,
.ccio-job-deliverable-cell, .ccio-job-deliverable-cell > .ccio-ruush-deliverableIcon {
  margin: 8px 0;
}
.ccio-job-deliverable-cell {
  min-height: 43px;
}
.ccio-playIcon {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-top: 12.5px;
  margin-bottom: 12.5px;
}
.ccio-download-summary-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  margin-bottom: 12px;
}
.ccio-ruush-feedback-wrapped-container {
  display: flex;
  flex-flow: column nowrap;
  width: 100% !important;
  padding: 12px;
  align-items: center;
  justify-content: center;
}
.ccio-ruush-feedback-wrapped-container .ccio-job-feedback-container {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.ccio-download-summary-title {
  font-size: 28px;
  padding-bottom: 12px;
}
.ccio-download-summary-section-title {
  margin-bottom: 0px;
}
.ccio-job-deliverable-button-disabled > .ccio-playIcon, .ccio-job-deliverable-button-expired > .ccio-playIcon {
  border-left-color: var(--job-deliverable-disabled-color, #aaa);
}
.ccio-job-deliverable-icon-expired {
  background-color: var(--job-deliverable-expired-bgcolor, #a5a5a5);
}
.ccio-job-deliverable-cell {
  
  border-radius: 6px;
  border: 1px solid #d7d5d5;
  padding: 10px 16px;
  background-color: #f5f5f5;
  white-space: nowrap;
}
.ccio-job-deliverable-button-waitingForUpload, .ccio-job-deliverable-button-disabled {
  
  background-image: none !important;
  cursor: default;
  background-color: var(--job-deliverable-disabled-bgcolor, #fafafa) !important;
}
.ccio-job-deliverable-button-waitingForUpload:hover, .ccio-job-deliverable-button-disabled:hover {
  transition: none;
}
.ccio-job-deliverable-button-disabled {
  background-image: none !important;
  cursor: default;
}
.ccio-job-deliverable-disabled > *:not(.ccio-job-deliverable-cell-label) {
  background-color: var(--job-deliverable-disabled-bgcolor, #fafafa);
  color: var(--job-deliverable-disabled-color, #aaa);
}
.ccio-job-deliverable-expired > * {
  background-color: var(--job-deliverable-expired-bgcolor, #a5a5a5);
  background-image: none !important;
  color: var(--job-deliverable-expired-color, #fff);
  pointer-events: none;
}
.ccio-job-deliverable-waitingForUpload .ccio-job-deliverable-cell, .ccio-job-deliverable-provideChecklistData .ccio-job-deliverable-cell, .ccio-job-deliverable-uploadable .ccio-job-deliverable-cell {
  background-color: var(--job-deliverable-next-bgcolor, #000);
  color: var(--job-deliverable-next-color, #fff);
}
.ccio-operative-expanderContainer {
  width: 22px;
  height: 22px;
}
.ccio-operative-icon-shoot {
  width: 20px;
  height: 20px;
}
.ccio-operative-icon-editing {
  width: 20px;
  height: 20px;
  filter: invert(100%);
}
.ccio-operative-profile-summary-close-container {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}
.ccio-operative-profile-summary-close {
  border-radius: 50%;
  padding: 0;
}
.ccio-operative-profile-summary-container {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-flow: row nowrap;
  gap: 16px;
}
.ccio-operative-profile-summary-info {
  width: 65%;
}
.ccio-operative-profile-summary-profileImageContainer {
  width: 35%;
}
.ccio-operative-profile-summary-profileImageContainer .ccio-operative-profile-summary-picture {
  width: 100%;
  object-fit: contain;
  border-radius: 20px;
}
.ccio-operative-profile-container {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-flow: column nowrap;
}
.ccio-operative-profile-banner {
  display: flex;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 520px;
  
  background-image: var(--operative-profile-banner-desktop, var(--operative-profile-default-banner-bg, linear-gradient(90deg, #1810b0 0%, #090979 35%, #00d4ff 100%)));
}
.ccio-operative-profile-banner .ccio-operative-profile-bannerInner {
  width: 100vw;
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 120px 0 120px;
}
.ccio-operative-profile-bannerDescriptionPanel {
  min-width: 400px;
  display: flex;
}
.ccio-operative-profile-PageTitleContainer {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
}
.ccio-operative-profile-header {
  display: flex;
  width: 100%;
  align-items: center;
  flex-flow: row nowrap;
  flex: 1;
}
.ccio-operative-profile-header > * {
  flex: 1;
  padding: 24px;
}
.ccio-operative-profile-header > *:first-child {
  flex: none;
}
.ccio-operative-profile-picture-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 0 48px 0;
  width: var(--operative-profile-sidebar-width, 410px);
}
.ccio-operative-profile-picture {
  border-radius: var(--operative-profile-picture-border-radius, 5%);
  min-height: 410px;
  width: var(--operative-profile-sidebar-width, 410px);
}
.ccio-operative-profile-detail {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-flow: row nowrap;
  margin-bottom: 24px;
}
.ccio-operative-profile-detail .ccio-operative-profile-sidebar {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  background-color: var(--operative-profile-sidebar-bgcolor, #fff7ea);
  min-width: 320px;
  padding: 24px;
  flex: none;
  width: var(--operative-profile-sidebar-width, 410px);
  border-radius: 5%;
}
.ccio-operative-profile-detail .ccio-operative-profile-main {
  flex: 1;
}
.ccio-operative-profile-skills-header-section {
  color: var(--operative-profile-skills-header-section-color, #fcb63e);
}
.ccio-operative-profile-page-title {
  font-family: var(--operative-profile-page-title-font-family, sans-serif);
  font-size: var(--operative-profile-page-title-font-size, 70px);
  color: var(--operative-profile-page-title-color, #fff);
}
.ccio-operative-profile-page-subtitle {
  font-family: var(--operative-profile-page-subtitle-font-family, sans-serif);
  font-size: var(--operative-profile-page-subtitle-font-size, 30px);
  color: var(--operative-profile-page-subtitle-color, #fff);
}
.ccio-operative-profile-summary-header-title {
  font-family: var(--operative-profile-header-title-font-family, sans-serif);
  font-size: 36px;
}
.ccio-operative-profile-container {
  margin-top: 38px;
}
.ccio-operative-profile-container .ccio-operative-profile-header-title {
  font-family: var(--operative-profile-header-title-font-family, sans-serif);
  font-size: var(--operative-profile-header-title-font-size, 102px);
}
.ccio-operative-profile-header-container {
  padding: 48px;
  padding-left: 100px;
}
.ccio-operative-profile-header-description {
  font-family: var(--operative-profile-header-description-font-family, sans-serif);
  font-size: var(--operative-profile-header-description-font-size, 19px);
}
.ccio-operative-profile-skills-container, .ccio-operative-profile-video-container {
  padding: 48px;
  padding-left: 100px;
}
.ccio-operative-profile-video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-evenly;
  gap: 10px;
  margin: 24px 0;
}
.ccio-operative-profile-section {
  padding-bottom: 24px;
  font-size: var(--operative-profile-font-size, 20px);
}
.ccio-operative-profile-section:last-child {
  padding-bottom: 0;
}
.ccio-operative-profile-section h3 {
  font-family: var(--operative-profile-section-title-font-family, sans-serif);
  font-size: var(--operative-profile-section-title-font-size, 40px);
  margin: 0;
}
.ccio-operative-profile-section ul {
  margin: 0;
  margin-block: 0;
}
.ccio-operative-profile-section p {
  margin-top: 0;
}
.ccio-operative-profile-skills {
  display: flex;
  flex-flow: row wrap;
  margin-top: 12px;
}
.ccio-operative-profile-skills .ccio-operative-skill {
  border: 1px solid black;
  border-radius: 12px;
  padding: 12px 18px 12px 18px;
  margin: 12px 12px 0 0;
  text-align: center;
}
.ccio-operative-profile-video {
  border-radius: 10px;
  object-fit: cover;
  overflow-clip-margin: content-box;
  overflow-clip: clip;
  width: 100%;
}
.ccio-operative-profile-video-player {
  grid-column-start: 1;
  grid-column-end: 5;
}
.ccio-operative-profile-video-thumbnail {
  cursor: pointer;
}
.ccio-operative-profile-banner-widget-container {
  position: absolute;
  width: 450px;
  top: -100px;
  right: 200px;
}
.ccio-operative-profile-banner-widget-container .ccio-ruush-widget {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.ccio-operative-profile-banner-widget-section .ccio-operative-profile-banner-copy-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.ccio-operative-profile-banner-copied-text {
  margin: var(--operative-profile-banner-copied-text-margin, 0 20px 0 0);
  color: var(--operative-profile-banner-copied-text-color, black);
  font-family: var(--operative-profile-banner-copied-text-font-family, sans-serif);
  font-size: var(--operative-profile-banner-copied-text-font-size, 16px);
}
.ccio-ruush-panel .card-header, .ccio-ruush-panel .card {
  color: black !important;
}
.ccio-ruush-panel-color .card-header, .ccio-ruush-panel-color .card {
  color: white !important;
}
.ccio-mem-uploadDeliverableFileSelect {
  margin: 24px 0 24px 0;
}
.ccio-ruush-shootSummary .card-header, .ccio-ruush-shootSummary .card {
  background-color: transparent !important;
  border: none !important;
  padding: 20px !important;
}
.ccio-ruush-shootSummary .ui-accordion-content {
  padding: 0 20px 20px 20px !important;
  overflow: hidden !important;
}
.ccio-ruush-shootSummary .card-header.ui-accordion-header-collapsed .ccio-ruush-orderExpanded {
  display: none;
}
.ccio-ruush-shootSummary .card-header:not(.ui-accordion-header-collapsed) .ccio-ruush-orderCollapsed {
  display: none;
}
.ccio-operative-client-name {
  font-family: var(--h2-font-family);
  font-style: var(--h2-font-style);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  white-space: nowrap;
}
.ccio-ruush-account-shoot-cell {
  min-height: 40px;
}
.ccio-ruush-account-shoot-cell-highlight {
  background-color: #ffefce !important;
  border-color: #ee8443 !important;
  color: #e16012 !important;
}
.ccio-operative-job-table-container {
  display: flex;
  width: 100%;
  flex-flow: row wrap;
}
.ccio-operative-job-table-container .ccio-ruush-panel {
  width: 100%;
}
.ccio-operative-dashboard-content {
  flex: 1 0 auto;
  padding: 20px 0 20px 20px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.ccio-operative-empty-list {
  padding: 115px 0 115px 0;
  text-decoration: underline;
  text-align: center;
  width: 100%;
}
#ccio-operative-serviceAreas-map {
  height: 450px;
}
.ccio-operative-serviceAreaForm {
  display: flex;
  width: 100%;
  gap: 10px;
  margin: 20px 0;
}
.ccio-operative-serviceAreaForm #ccio-operative-serviceAreas-address-input {
  flex-grow: 1;
}
.ccio-operative-serviceAreaForm input:not(input[type="submit"]), .ccio-operative-serviceAreaForm select {
  box-sizing: border-box;
  margin: 0 !important;
  font-size: 16px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid grey;
  font-family: Arial, sans-serif;
}
.ccio-operative-serviceAreaForm input[type="submit"] {
  margin: 0;
}
.ccio-operative-serviceArea-delete {
  margin: 0 10px;
}
.ccio-operative-serviceAreas-areas {
  margin: 20px 0;
  display: flex;
  gap: 20px;
}
.ccio-operative-serviceArea {
  display: flex;
  padding: 20px;
}
.ccio-operative-skills {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.ccio-operative-skill-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  width: 20%;
  margin-bottom: 40px;
}
.ccio-operative-skill-item-title {
  font-weight: bold;
}
.ccio-operative-skill-item-thumbnail {
  width: 150px;
  height: 100px;
  border: 1px solid lightgrey;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccio-operative-skill-item-buttons {
  min-height: 40px;
  display: flex;
  align-items: center;
}
.ccio-operative-skill-type-pending {
  color: #726f6f;
  background-color: #eeeaea;
  border-radius: 5px;
  padding: 10px;
}
.ccio-operative-skill-type-activated {
  color: white;
  background-color: black;
  border-radius: 5px;
  padding: 10px;
}
#ccio-operative-activateSkillForm, #ccio-operative-generateInvoiceForm {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#ccio-operative-activateSkillForm textarea, #ccio-operative-activateSkillForm input, #ccio-operative-generateInvoiceForm textarea, #ccio-operative-generateInvoiceForm input {
  width: 100%;
}
#ccio-operative-activateSkillForm label, #ccio-operative-generateInvoiceForm label {
  margin-bottom: 3px;
}
#ccio-operative-activateSkillFormButtons, #ccio-operative-generateInvoiceButtons {
  display: flex;
  gap: 10px;
}
.ccio-operative-activateSkillFormGroup, .ccio-operative-generateInvoiceFormGroup {
  width: 100%;
  text-align: left;
}
.ccio-operative-activateSkillFilePicker {
  display: flex;
  gap: 10px;
  align-items: center;
}
.ccio-operative-activateSkillFilePicker .ccio-checklistItemUploadDocumentChooseFile {
  margin-left: 0;
}
.ccio-operative-activateSkillFilePickerLabel {
  font-weight: bold;
  white-space: nowrap;
}
#ccio-operative-generateInvoiceModal * {
  text-align: left;
}
.ccio-operative-incomeProjectTable th {
  text-align: left;
}
.ccio-operative-incomeProjectCell {
  border-radius: 5px;
  border: 1px solid #d7d5d5;
  padding: 10px;
  margin: 10px;
  white-space: nowrap;
}
.ccio-operative-incomeProjectMenuCell {
  position: relative;
  margin-bottom: 3px;
}
.ccio-operative-incomeMenu {
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 1;
  color: black;
  background-color: white;
  right: 0;
  margin: 5px 0 0 0 !important;
  white-space: nowrap;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid darkgrey;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(50, 50, 50, 0.25);
}
.ccio-operative-incomeMenu > div, .ccio-operative-incomeMenu a {
  width: 100%;
  padding: 10px !important;
  margin: 0 !important;
  color: black !important;
  align-items: flex-start;
}
.ccio-operative-incomeThisMonth {
  font-size: 24px;
  margin-bottom: 10px;
}
.ccio-operative-incomeStats {
  display: flex;
  justify-content: space-between;
}
.ccio-operative-incomeStat {
  min-width: 20%;
}
.ccio-operative-incomeStatValue {
  color: white;
  background-color: black;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
}
.ccio-operative-incomeHr {
  width: 100%;
  margin: 30px 0;
}
.ccio-member-fundsValue {
  font-size: 32px;
  line-height: 32px;
}
.ccio-member-fundsDescription {
  margin-bottom: 5px;
}
.ccio-member-giftVoucherForm {
  display: flex;
  gap: 10px;
  width: 50%;
}
.ccio-member-giftVoucherForm input[name="uuid"] {
  flex-grow: 1;
}
.ccio-mem-onboardingChecklistItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 10px 0;
  width: 100%;
}
.ccio-mem-onboardingChecklistItem span {
  font-weight: bold;
  margin: 2px 0;
}
.ccio-mem-onboardingChecklistItem textarea {
  width: 100%;
  box-sizing: border-box;
}
.ccio-mem-onboardingChecklistItem select {
  padding: 8px;
  border-radius: 5px;
}
.ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadDocumentItems {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadDocumentItem {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadDocumentChooseFile {
  margin-left: 0;
}
.ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadedDocument {
  background-position: 0 -551px;
  width: 32px;
  height: 32px;
  margin: 0;
  filter: invert(100%);
}
.ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadDocumentAttachment {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid lightslategrey;
  margin: 8px 0;
}
@media all and (max-width: 1000px) {
  
  #ccio-mem-layout {
    flex-direction: column;
  }
  
  .ccio-mem-section {
    margin: 10px 0;
  }
  
  .ccio-mem-section .ccio-button, .ccio-mem-section .ccio-search-noDates {
    width: 100%;
    box-sizing: border-box;
  }
  
  .ccio-mem-orderHistoryDesktopOnly {
    display: none;
  }
  
  .ccio-mem-detailsTable {
    width: 100%;
  }
  
  .ccio-mem-externalMembershipNumber {
    width: 100%;
  }
  
  #ccio-mem-loginOrSignUp {
    flex-direction: column;
    padding: 10px;
  }
  
  .ccio-operative-job-summary-container {
    flex-flow: column nowrap;
  }
  
  .ccio-operative-job-summary-container .ccio-ruush-panel {
    width: 100%;
  }
  
  #ccio-mem-signUp, #ccio-mem-login {
    width: 100%;
    align-items: center;
    margin: 0;
  }
  
  #ccio-mem-signUp h1, #ccio-mem-signUp .ccio-page-contactFormSubmittedSuccessfullyTitle, #ccio-mem-signUp h2, #ccio-mem-signUp #ccio-lay-addingToBasket, #ccio-mem-signUp #ccio-lay-addToBasketError, #ccio-mem-signUp .ccio-prod-reservedContentTitle, #ccio-mem-login h1, #ccio-mem-login .ccio-page-contactFormSubmittedSuccessfullyTitle, #ccio-mem-login h2, #ccio-mem-login #ccio-lay-addingToBasket, #ccio-mem-login #ccio-lay-addToBasketError, #ccio-mem-login .ccio-prod-reservedContentTitle {
    margin: 10px 0;
  }
  
  .ccio-mem-signUpForm, .ccio-mem-loginForm {
    align-items: flex-start;
    width: 100%;
  }
  
  .ccio-mem-signUpForm input, .ccio-mem-loginForm input {
    width: 100%;
    box-sizing: border-box;
  }
  
  .ccio-page-signUp {
    width: 100%;
    min-width: unset;
    min-height: unset;
    padding: 0 10px 0 10px;
  }
  
  .ccio-page-signUp .g-recaptcha {
    margin: 0;
  }
  
  .ccio-page-signUp h2, .ccio-page-signUp #ccio-lay-addingToBasket, .ccio-page-signUp #ccio-lay-addToBasketError, .ccio-page-signUp .ccio-prod-reservedContentTitle {
    margin-top: 16px;
  }
  
  .ccio-mem-loginSignUpContainer {
    width: 100%;
    border-bottom: 1px solid #c1c1c1;
  }
  
  .ccio-mem-recaptcha-submit {
    flex-flow: column nowrap;
  }
  
  #ccio-mem-orWrapperWrapper {
    flex-direction: row;
  }
  
  #ccio-mem-orWrapper {
    margin: 20px 0;
  }
  
  .ccio-mem-orBorder {
    flex-grow: 1;
    height: 1px;
    width: 100%;
    background-color: black;
    margin: 0 10px;
  }
  
  #ccio-mem-forgottenPassword {
    margin: 10px;
  }
  
  #ccio-mem-signupTitle {
    text-align: center;
    margin: 5px;
  }
  
  #ccio-mem-orderDetailsAddresses {
    flex-direction: column;
  }
  
  .ccio-mem-redeemVoucherFormInputs {
    grid-template-columns: 1fr;
  }
  
  .ccio-mem-voucherCodeSelection {
    width: 100%;
  }
  
  .ccio-mem-redeemVoucherSubmitWrapper {
    width: 100% !important;
    flex-direction: column;
  }
  
  #ccio-mem-redeemVoucherSubmit {
    width: 100% !important;
    margin-top: 15px;
  }
  
  .ccio-mem-updateContactDetailsContainer {
    flex-direction: column;
  }
  
  .ccio-mem-resetpasswordContainer {
    padding-left: 10px;
    padding-right: 20px;
  }
  
  .ccio-mem-resetpasswordContainer #ChangePassword {
    width: 80%;
  }
  
  .ccio-mem-cloneOrderInputs input {
    width: 100%;
    flex-grow: 1;
  }
  
  #ccio-mem-orderDetailsButtons {
    flex-direction: column;
  }
  
  .ccio-mem-unassignOperativeConfirmationDialogForm {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
  }
  
  .ccio-mem-unassignOperativeConfirmationDialogForm > * {
    margin-bottom: 12px;
  }
  
  .ccio-operative-profile-summary-container {
    flex-flow: column nowrap;
  }
  
  .ccio-operative-profile-PageTitleContainer {
    padding-left: 0;
    justify-content: center;
    align-items: flex-start;
  }
  
  .ccio-operative-serviceAreaForm {
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
  }
  
  .ccio-operative-serviceAreas-areas {
    flex-direction: column;
  }
  
  .ccio-operative-serviceArea-address {
    flex-grow: 1;
  }
  
  #ccio-operative-skillsContent .ccio-operative-dashboard-content {
    padding: 0 !important;
  }
  
  .ccio-operative-account-dashboard-mainsection .ccio-content-layout-tab-menu {
    flex-flow: column !important;
    align-items: center;
  }
  
  .ccio-operative-skill-item {
    width: 50%;
  }
  
  .ccio-member-giftVoucherForm {
    width: 100%;
  }
  
  .ccio-mem-supportingDocumentsImageCaptureDesc {
    display: none;
  }
  
  .ccio-mem-sectionTitle {
    white-space: normal;
  }
  
  .ccio-mem-updateContactDetails {
    padding: 0;
  }
  
  .ccio-mem-updateContactSubmitContainer {
    margin-top: 20px;
  }
  
  .ccio-operative-profile-banner {
    
    background-image: var(--operative-profile-banner-mobile, var(--operative-profile-default-banner-bg, linear-gradient(90deg, #1810b0 0%, #090979 35%, #00d4ff 100%)));
    height: 680px;
  }
  
  .ccio-operative-profile-banner .ccio-operative-profile-bannerInner {
    flex-flow: column nowrap;
    padding: 0 10px 0 10px;
    top: var(--operative-profile-bannerInner-top-mob, 200px);
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  
  .ccio-operative-profile-bannerDescriptionPanel {
    min-width: 0;
  }
  
  .ccio-operative-profile-header, .ccio-operative-profile-detail {
    flex-flow: column nowrap;
    width: 100%;
  }
  
  .ccio-operative-profile-picture-container {
    width: 100%;
    padding: 0;
  }
  
  .ccio-operative-profile-picture {
    max-width: 90%;
    min-height: 100%;
  }
  
  .ccio-operative-profile-detail {
    align-items: center;
  }
  
  .ccio-operative-profile-detail .ccio-operative-profile-sidebar {
    min-width: 0;
    padding: 0 12px 0 12px;
    width: 90%;
  }
  
  .ccio-operative-profile-detail .ccio-operative-profile-main {
    padding-left: 0;
    width: 90%;
  }
  
  .ccio-operative-profile-header-container {
    width: 90%;
    padding: 10px 10px 10px 0;
  }
  
  .ccio-operative-profile-page-title {
    font-family: var(--operative-profile-page-title-font-family-mob, sans-serif);
    font-size: var(--operative-profile-page-title-font-size-mob, 28px);
    color: var(--operative-profile-page-title-color-mob, #fff);
    margin: 0;
  }
  
  .ccio-operative-profile-page-subtitle {
    font-family: var(--operative-profile-page-subtitle-font-family-mob, sans-serif);
    font-size: var(--operative-profile-page-subtitle-font-size-mob, 15px);
    color: var(--operative-profile-page-subtitle-color, #fff);
    margin: 0;
  }
  
  .ccio-operative-profile-skills-container, .ccio-operative-profile-video-container {
    padding: 8px;
    width: 100%;
  }
  
  .ccio-operative-profile-section {
    padding: 0;
    margin: 24px 0 24px 0;
    font-size: var(--operative-profile-font-size-mob, 14px);
    width: 100%;
  }
  
  .ccio-operative-profile-section h3 {
    font-size: var(--operative-profile-section-title-font-size-mob, 28px);
    text-align: left;
  }
  
  .ccio-operative-profile-container {
    margin-top: 10px;
  }
  
  .ccio-operative-profile-container .ccio-operative-profile-header-title {
    font-size: var(--operative-profile-header-title-font-size-mob, 36px);
  }
  
  .ccio-operative-profile-video-player {
    width: 100%;
    margin: 0;
  }
  
  .ccio-operative-profile-banner-widget-container {
    width: 90%;
    top: 0;
    left: 0;
    position: relative;
  }
  
  .ccio-operative-profile-banner-container {
    background-position: top;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    height: 800px;
    background-size: 500px;
  }
  
  .ccio-operative-profile-banner-container-short {
    height: 680px;
  }
  
  .ccio-operative-profile-banner-container-long {
    height: 800px;
  }
  
  .ccio-operative-profile-bannerContent {
    width: 90%;
    padding-left: 10px;
  }
  
  .ccio-operative-profile-banner-widget-section {
    width: 90%;
    position: relative;
    bottom: 0;
    left: 0;
  }
  
  .ccio-operative-profile-banner-widget-section .ccio-operative-profile-banner-copy-container {
    flex-flow: column;
    padding: 0 10px 0 10px;
  }
  
  .ccio-operative-profile-banner-widget-section .ccio-operative-profile-banner-copy-container button {
    width: 100%;
  }
}
#ccio-home-pageContent p {
  margin: 0;
}
#ccio-home-pageContent img {
  max-width: 100%;
  display: block;
}
.ccio-home-manufacturersSubText {
  display: flex;
  align-content: center;
  justify-content: center;
  font-weight: 500;
}
.ccio-home-manufacturer {
  height: 40px;
}
.ccio-home-manufacturer img {
  max-height: 30px;
}
#ccio-home-customContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#ccio-home-customContent .featuredProducts {
  display: flex;
  flex-direction: row;
}
#ccio-home-customContent .featuredProduct {
  max-width: 561px;
  margin: 10px;
  flex: 1 1;
}
#ccio-home-customContent .featuredProduct img {
  max-width: 100%;
}
#ccio-home-customContent .featuredProduct h3 {
  font-family: var(--featured-product-title-font);
  font-size: var(--featured-product-title-font-size);
}
@media all and (max-width: 1000px) {
  
  #ccio-home-customContent .featuredProducts {
    flex-direction: column;
  }
  
  .ccio-home-manufacturersSubText {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.ccio-category-description {
  text-align: center;
}
.ccio-categoriesContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin: var(--category-container-margin);
  padding: var(--category-container-padding);
}
.ccio-categoryWrapper {
  max-width: var(--category-wrapper-max-width-desktop);
}
.ccio-category {
  display: flex;
  justify-content: center;
  align-items: var(--category-item-align);
  flex-direction: column;
  overflow: hidden;
  margin: var(--category-item-margin);
}
.ccio-categoryImageWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--category-background-color);
  margin: var(--category-image-margin);
  padding: var(--category-image-padding);
  width: var(--category-image-width);
  height: var(--category-image-height);
}
.ccio-categoryImage {
  max-width: 100%;
  max-height: 100%;
}
.ccio-categoryTitle {
  display: var(--category-title-display);
  color: var(--category-title-color);
  background-color: var(--category-title-background-color);
  font-size: var(--category-title-font-size);
  text-align: var(--category-title-text-align);
}
.ccio-categoryIntro, .ccio-categoryIntro p {
  display: var(--category-intro-display);
  color: var(--category-intro-color);
  font-size: 17px;
  text-align: var(--category-intro-text-align);
  margin: 0 0 5px;
}
@media all and (max-width: 1024px) {
  
  .ccio-categoryWrapper {
    max-width: var(--category-wrapper-max-width-tablet);
  }
}
@media all and (max-width: 1000px) {
  
  .ccio-categoryImageWrapper {
    max-width: var(--category-image-width-mobile);
    max-height: var(--category-image-height-mobile);
  }
  
  .ccio-categoryWrapper {
    max-width: var(--category-wrapper-max-width-mobile);
  }
}
#ccio-blog-content, .ccio-blog-content {
  display: flex;
  padding: 10px 0;
}
#ccio-blog-article h1, #ccio-blog-article .ccio-page-contactFormSubmittedSuccessfullyTitle {
  font-family: var(--h2-font-family);
  font-style: var(--h2-font-style);
  font-weight: var(--h2-font-weight);
  font-size: var(--h2-font-size);
  text-transform: var(--h2-text-transform);
  color: var(--h2-color);
  margin: var(--h2-margin);
}
#ccio-blog-article img {
  max-width: 100%;
  height: 100%;
}
.ccio-blog-articleImageWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ccio-blog-articleImage {
  max-width: 100%;
}
.ccio-blog-item {
  margin-bottom: 10px;
}
.ccio-blog-item-content {
  display: flex;
  align-items: center;
}
.ccio-blog-item-thumbnail {
  margin-right: 15px;
}
.ccio-videoEmbedContainer, .ccio-blog-videoEmbedContainer, .blog-video-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.ccio-videoEmbedContainer iframe, .ccio-blog-videoEmbedContainer iframe, .blog-video-embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 1000px) {
  
  #ccio-blog-content, .ccio-blog-content {
    flex-direction: column;
  }
  
  #ccio-blog-articles, #ccio-blog-article, .ccio-blog-articles, .ccio-blog-article {
    margin: 0 10px;
  }
}
#ccio-page-content {
  
}
.ccio-content-layout-row-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  width: 100%;
}
.ccio-content-layout-row-container-wrapped {
  flex-flow: row wrap;
}
.ccio-content-layout-row-banner {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
}
.ccio-page-image-text-row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
}
.ccio-content-layout-column-container {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
.ccio-content-layout-row-container {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.ccio-layout-panel-content {
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
}
.ccio-layout-panel-foreground-container {
  position: absolute;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-items: center;
}
.ccio-layout-panel-foreground-container .ccio-layout-panel-foreground {
  width: 40%;
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.ccio-content-layout-right-aside {
  width: 50%;
  order: 1;
}
.ccio-content-layout-left-aside {
  width: 50%;
  order: -1;
}
.ccio-content-layout-left-aside-panels {
  width: 50%;
}
.ccio-content-layout-right-aside-panels {
  width: 50%;
}
.ccio-banner-overlay {
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 999;
  margin-top: 0;
  pointer-events: none;
}
.ccio-bannerItem {
  height: var(--page-banner-default-height) !important;
}
.ccio-bannerItemOverlay {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.ccio-bannerItemOverlayTextContainer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 100%;
  margin-top: 0;
}
@media all and (min-width: 1300px) {
  
  .ccio-bannerItemOverlayTextContainer {
    width: 1300px;
  }
}
.ccio-bannerItemOverlay-left {
  justify-content: flex-start;
}
.ccio-bannerItemOverlay-right {
  justify-content: flex-end;
}
.ccio-bannerItemOverlay-center {
  justify-content: center;
}
.ccio-bannerItemOverlayText {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.ccio-content-2-columns {
  width: 50%;
}
.ccio-page-breadcrumbs {
  margin: 10px 0;
}
.ccio-page-breadcrumbs * {
  margin: 0 5px;
}
#ccio-page-mobileScrollAnchor {
  display: none;
}
#ccio-page-sections {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
#ccio-page-sectionDetail {
  padding: 10px 0;
}
#ccio-page-sectionMenu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
  margin: 0;
  background-color: var(--prod-detail-menu-bgcolor);
  order: var(--prod-detail-menu-order, 0);
}
.ccio-page-sectionItem:not(.ccio-mem-menuItem, .hop-button) {
  padding: var(--prod-detail-menu-padding);
  border-bottom: var(--prod-detail-menu-bottom-border);
  color: var(--prod-detail-menu-color);
  font-family: var(--h3-font-family);
  font-style: var(--h3-font-style);
  font-weight: var(--h3-font-weight);
  font-size: var(--h3-font-size);
  white-space: nowrap;
}
.ccio-page-sectionItemActive:not(.ccio-mem-menuItem, .hop-button) {
  color: var(--prod-detail-menu-active-color);
  border-bottom: var(--prod-detail-menu-active-bottom-border);
}
.ccio-page-section {
  display: none;
}
.ccio-page-sectionActive {
  display: block;
}
.collapse {
  display: none;
}
.ccio-panelWizardProductImageCarousel {
  padding: var(--page-panel-image-carousel-padding, 0);
}
.faqs {
  margin-bottom: 20px;
}
.faqs h1, .faqs .ccio-page-contactFormSubmittedSuccessfullyTitle {
  font-size: 32px !important;
}
.faqs h2, .faqs #ccio-lay-addingToBasket, .faqs #ccio-lay-addToBasketError, .faqs .ccio-prod-reservedContentTitle {
  font-size: 24px !important;
}
.faqs > a {
  display: block;
  margin-top: 20px;
}
.ccio-page-contactFormWrapper {
  display: flex;
  justify-content: center;
}
.ccio-page-contactForm {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 750px;
}
.ccio-page-contactForm > * {
  width: 100%;
  box-sizing: border-box;
}
.ccio-page-contactForm label {
  margin-top: 10px;
  font-weight: bold;
}
.ccio-page-contactForm input:not([type="submit"]), .ccio-page-contactForm textarea {
  padding: 6px;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  background-color: #f9f9f9;
  box-sizing: border-box;
}
.ccio-page-contactForm .g-recaptcha {
  margin-top: 10px;
}
.ccio-page-contactFormNameWrapper, .ccio-page-contactFormEmailAndPhoneWrapper {
  display: flex;
  gap: 10px;
}
.ccio-page-contactFormNameWrapper > *, .ccio-page-contactFormEmailAndPhoneWrapper > * {
  width: 100%;
}
.ccio-page-contactFormEmailWrapper, .ccio-page-contactFormPhoneWrapper {
  display: flex;
  flex-direction: column;
}
.ccio-page-contactFormSubmitWrapper {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}
.ccio-page-contactFormSubmitWrapper .ccio-successMessage, .ccio-page-contactFormSubmitWrapper .ccio-errorMessage {
  margin: 0;
}
.ccio-page-contactFormSubmittedSuccessfully {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  width: 100%;
}
.ccio-page-contactFormSubmittedSuccessfullyTitle {
  text-align: center;
}
.ccio-page-productAttribute-specifications .ccio-page-productAttributeRow {
  display: flex;
  padding: 10px 0;
  border-bottom: solid 1px black;
}
.ccio-page-productAttribute-specifications .ccio-page-productAttributeRow .ccio-page-productAttributeKey {
  width: 25%;
  text-transform: uppercase;
  font-weight: bold;
}
.ccio-page-productAttribute-specifications .ccio-page-productAttributeRow .ccio-page-productAttributeValue {
  width: 75%;
}
.ccio-page-productAttribute-specifications:last-child {
  border-bottom: none;
}
.u_body {
  min-height: 0 !important;
}
.ccio-imageGallery:not(.slick-initialized) {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.ccio-imageGallery:not(.slick-initialized) .ccio-carousel-item {
  margin: 0;
}
@media all and (max-width: 1000px) {
  
  .ccio-content-2-columns {
    width: 100%;
  }
  
  .ccio-content-layout-row-banner {
    flex-flow: column nowrap;
  }
  
  .ccio-page-image-text-row {
    flex-flow: column nowrap;
    align-items: center;
  }
  
  #ccio-page-mobileScrollAnchor {
    display: block;
  }
  
  #ccio-page-sectionMenu {
    order: 0;
    padding: 18px;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  
  #ccio-page-sectionMenuFader {
    display: none;
  }
  
  .ccio-page-sectionItem {
    min-width: 45%;
    width: fit-content;
    padding: 8px 4px 8px 4px;
    box-sizing: border-box;
    text-align: center;
  }
  
  #ccio-page-sections {
    flex-direction: column;
  }
  
  #ccio-page-sectionDetail {
    order: 1;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0;
  }
  
  .ccio-bannerItem {
    height: var(--page-banner-default-height-mobile) !important;
  }
  
  .ccio-panelWizardCustomHtml, .ccio-panelWizardUnlayer {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .ccio-bannerItemOverlay-left, .ccio-bannerItemOverlay-right, .ccio-bannerItemOverlay-center {
    justify-content: center;
  }
  
  .ccio-bannerItemOverlayTextContainer {
    padding: 2%;
  }
  
  .ccio-panelWizardProductImageCarousel {
    padding: 0;
  }
  
  .faqs {
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .ccio-page-contactFormNameWrapper, .ccio-page-contactFormEmailAndPhoneWrapper {
    flex-direction: column;
  }
  
  .ccio-layout-panel-foreground-container {
    position: relative;
    flex-flow: column nowrap;
    padding-top: 0;
  }
  
  .ccio-layout-panel-foreground-container .ccio-layout-panel-foreground {
    width: 100%;
  }
  
  .ccio-page-productAttribute-specifications .ccio-page-productAttributeRow {
    flex-direction: column;
  }
  
  .ccio-page-productAttribute-specifications .ccio-page-productAttributeRow .ccio-page-productAttributeKey, .ccio-page-productAttribute-specifications .ccio-page-productAttributeRow .ccio-page-productAttributeValue {
    width: 100%;
  }
  
  .ccio-imageGallery:not(.slick-initialized) {
    grid-template-columns: 1fr 1fr;
  }
}
.ccio-approval-section {
  padding: 20px;
  margin: 10px;
  background-color: var(--approval-section-background-color);
  border-bottom: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
  box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.25);
}
.ccio-approval-table {
  width: 100%;
  border-collapse: collapse;
}
.ccio-approval-table th {
  background-color: var(--approval-table-header-background-color);
  color: var(--approval-table-header-color);
  padding: 5px;
}
.ccio-approval-table td {
  border: 1px solid var(--approval-table-header-background-color);
  background-color: white;
  padding: 7px;
}
.ccio-pagination {
  display: flex;
  font-size: var(--pagination-font-size);
  align-items: center;
}
.ccio-pagination div {
  margin-right: 10px;
}
.ccio-pagination-list {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ccio-pagination-number {
  display: inline-block;
  padding: 3px 8px;
  border: 2px solid transparent;
  border-radius: 0;
  text-decoration: none;
  color: var(--pagination-color);
}
.ccio-pagination-numberActive {
  border-color: transparent;
  background-color: var(--pagination-color);
  color: var(--pagination-active-color);
}
:root {
  --link-color: #cc0000;
  --link-hover-color: #cc0000;
  --link-text-decoration: none;
  --link-font-weight: inherit;
  --button-background-color: #009bd3;
  --button-color: #FFFFFF;
  --button-line-height: 17px;
  --button-padding: 10px 20px;
  --button-border: transparent;
  --button-border-radius: 15px;
  --button-disabled-background-color: rgba(0, 155, 216, 0.51);
  --button-disabled-color: #FFFFFF;
  --button-hover-background-color: #cc0000;
  --button-hover-color: #FFFFFF;
  --button-emphasis-background-color: #cc0000;
  --button-emphasis-color: #FFFFFF;
  --button-text-transform: uppercase;
  --corner-ribbon-color: white;
  --corner-ribbon-background-color: #009bd3;
  --corner-ribbon-padding: 8px 0;
  --body-font-family: 'Gotham Book', sans-serif;
  --body-font-style: normal;
  --body-font-weight: 200;
  --body-font-size: 14px;
  --body-line-height: normal;
  --body-font-emphasis-family: 'Gotham Medium', sans-serif;
  --body-font-emphasis-style: normal;
  --body-font-emphasis-weight: 200;
  --body-font-emphasis-size: 14px;
  --h1-font-family: 'Gotham Black', sans-serif;
  --h1-font-style: normal;
  --h1-font-weight: 200;
  --h1-font-size: 30px;
  --h1-text-transform: none;
  --h1-color: inherit;
  --h1-margin: 20px 0;
  --h1-line-height: normal;
  --h2-font-family: 'Gotham Medium', sans-serif;
  --h2-font-style: normal;
  --h2-font-weight: 200;
  --h2-font-size: 20px;
  --h2-text-transform: none;
  --h2-color: inherit;
  --h2-margin: 10px 0;
  --h3-font-family: 'Gotham Medium', sans-serif;
  --h3-font-style: normal;
  --h3-font-weight: 200;
  --h3-font-size: 16px;
  --h3-text-transform: none;
  --h3-color: inherit;
  --h3-margin: 10px 0;
  --button-font-family: 'Gotham Light', sans-serif;
  --button-font-style: normal;
  --button-font-weight: 200;
  --button-font-size: 13px;
  --header-nav-display: flex;
  --header-nav-align-items: center;
  --header-nav-font-family: 'Gotham Book', sans-serif;
  --header-nav-font-style: normal;
  --header-nav-font-weight: 200;
  --header-nav-font-size: 14px;
  --header-nav-text-transform: none;
  --header-menu-font-family: 'Gotham Book', sans-serif;
  --header-menu-font-style: normal;
  --header-menu-font-weight: 200;
  --header-menu-font-size: 14px;
  --header-menu-text-transform: none;
  --header-menu-search-display: block;
  --dropdown-search-container: flex;
  --dropdown-search-container-submit-bgcolor: white;
  --dropdown-search-container-submit-color: black;
  --inner-padding: 0;
  --content-padding: 0;
  --content-background-color: transparent;
  --content-inner-background-color: #ffffff;
  --header-color: #4a4a4a;
  --header-background-color: #e6e6e6;
  --header-dropdown-background-color: #000000;
  --header-dropdown-content-color: #ffffff;
  --header-badge-background-color: #000000;
  --header-badge-color: #e6e6e6;
  --header-badge-unreserved-background-color: #cc0000;
  --header-badge-unreserved-color: #e6e6e6;
  --header-margin: 15px 10px;
  --header-support-phone-display: block;
  --header-dropdown-menu-item-font-size: 32px;
  --header-dropdown-menu-item-font-family: 'gilroy-semibold', sans-serif;
  --header-dropdown-menu-item-color: white;
  --header-dropdown-menu-item-lineheight: 32px;
  --pre-header-display: none;
  --pre-header-color: white;
  --pre-header-background-color: black;
  --post-header-display: none;
  --post-header-color: white;
  --post-header-background-color: black;
  --footer-background-color: #e6e6e6;
  --foot-navItemTitle-color: #000000;
  --foot-navItem-color: #666;
  --foot-navItem-fontSize: inherit;
  --footer-title-font-size: 22px;
  --footer-title-font-family: 'Gotham Book', sans-serif;
  --footer-title-color: #000000;
  --footer-title-lineheight: inherit;
  --footer-bold-font-size: 17px;
  --footer-bold-font-family: 'Gotham Book', sans-serif;
  --footer-bold-color: #000000;
  --footer-bold-lineheight: inherit;
  --footer-light-font-size: 14px;
  --footer-light-font-family: 'Gotham Book', sans-serif;
  --footer-light-color: #000000;
  --footer-light-lineheight: normal;
  --featured-product-title-font: 'Gotham Medium', sans-serif;
  --featured-product-title-font-size: 24px;
  --category-container-padding: 20px;
  --category-container-margin: 10px 0 0;
  --category-background-color: #e6e6e6;
  --category-title-display: block;
  --category-title-color: #000;
  --category-title-background-color: inherit;
  --category-title-font-size: 18px;
  --category-title-text-align: left;
  --category-intro-display: block;
  --category-intro-color: #4a4a4a;
  --category-wrapper-max-width-desktop: 275px;
  --category-wrapper-max-width-tablet: 275px;
  --category-wrapper-max-width-mobile: 275px;
  --category-item-margin: 15px;
  --category-item-align: center;
  --category-intro-text-align: center;
  --category-image-padding: 10px;
  --category-image-margin: 10px;
  --category-image-width: 100%;
  --category-image-height: 100%;
  --category-image-width-mobile: 100%;
  --category-image-height-mobile: 100%;
  --search-category-banner-background-color: transparent;
  --search-category-banner-color: #000000;
  --search-category-banner-title-display: none;
  --search-gallery-item-width: 33.33%;
  --search-gallery-item-width-mobile: 50%;
  --search-gallery-item-background-color: #e6e6e6;
  --search-gallery-item-margin: 10px;
  --search-gallery-item-name-color: #000000;
  --search-gallery-item-description-color: #4a4a4a;
  --search-gallery-item-font-size: 15px;
  --search-gallery-item-font-weight: 600;
  --search-gallery-item-price-margin: 10px 0;
  --search-gallery-item-price-padding: 0;
  --search-gallery-item-price-text-align: center;
  --search-gallery-item-manufacturer-display: inline-block;
  --search-gallery-item-image-background-color: transparent;
  --search-gallery-item-form-justify: center;
  --search-gallery-item-form-padding: 10px 0;
  --search-gallery-not-available-background-color: #dddddd;
  --search-bar-title-display: none;
  --search-bar-title-color: inherit;
  --search-bar-title-font-size: inherit;
  --search-bar-font-size: 12px;
  --search-bar-reset-dates-color: white;
  --carousel-arrow-font-size: 36px;
  --pagination-color: #cc0000;
  --pagination-active-color: #ffffff;
  --pagination-font-size: 12px;
  --prod-watchlist-description-color: #000;
  --prod-info-background-color: #fff;
  --prod-title-font-size: 30px;
  --prod-title-font-size-mob: 22px;
  --prod-hire-rates-title-font-size: 32px;
  --prod-hire-rates-title-font-size-mob: 22px;
  --prod-title-color: inherit;
  --prod-title-textShadow: none;
  --prod-title-margin: inherit;
  --prod-detail-section-background-color: #e6e6e6;
  --prod-detail-menu-color: #000000;
  --prod-detail-menu-bgcolor: transparent;
  --prod-detail-menu-active-color: #cc0000;
  --prod-detail-menu-bottom-border: #ddd 5px solid;
  --prod-detail-menu-active-bottom-border: #cc0000 5px solid;
  --prod-detail-menu-padding: 15px;
  --prod-rates-divider-display: none;
  --prod-rates-divider-color: #d9e0e0;
  --prod-rates-title-display: none;
  --prod-rates-title-color: inherit;
  --prod-rates-title-margin: inherit;
  --prod-rates-title-text-transform: none;
  --prod-hire-rates-color: #000000;
  --prod-hire-rates-ex-vat: #cc0000;
  --prod-hire-rates-background-color: transparent;
  --prod-hire-rates-tax-font-size: 12px;
  --prod-accessories-item-background-color: #cccccc;
  --prod-divider-background-color: #d9e0e0;
  --prod-divider-height: 50px;
  --prod-reserved-item-flex-direction: column;
  --prod-upsell-item-width: 25%;
  --prod-upsell-product-name-font-size: 18px;
  --prod-related-group-tab-active-color: #FFFFFF;
  --prod-related-group-tab-active-background-color: #009bd3;
  --prod-related-group-tab-color: #cccdcf;
  --prod-related-group-tab-background-color: #f3f4f4;
  --prod-banner-content-min-height: 500px;
  --calendar-max-width: 900px;
  --calendar-bg-color: white;
  --calendar-font-family: 'Gotham Book', sans-serif;
  --calendar-select-start-color: #003676;
  --calendar-select-start-background-color: #003676;
  --calendar-select-end-color: #003676;
  --calendar-select-end-background-color: #003676;
  --calendar-hire-dates-bg-color: #003676;
  --calendar-hire-dates-fg-color: white;
  --calendar-delivery-dates-bg-color: #00c0fb;
  --calendar-delivery-dates-fg-color: white;
  --calendar-selected-start-background-color: #3f98d2;
  --calendar-select-start-foreground-color: white;
  --calendar-deselected-start-background-color: #9bcdee;
  --calendar-selected-end-background-color: #3f98d2;
  --calendar-select-end-foreground-color: white;
  --calendar-deselected-end-background-color: #9bcdee;
  --calendar-select-start-fg-color: white;
  --calendar-select-end-fg-color: white;
  --calendar-clear-dates-background-color: #cc0000;
  --calendar-clear-dates-foreground-color: white;
  --calendar-next-img-url: url("https://s3-eu-west-1.amazonaws.com/circulio-assets/calendar-default-images/next-icon-arrow-black.png");
  --calendar-prev-img-url: url("https://s3-eu-west-1.amazonaws.com/circulio-assets/calendar-default-images/prev-icon-arrow-black.png");
  --price-inc-vat-color: black;
  --price-inc-vat-font: 'Gotham Book', sans-serif;
  --price-inc-vat-font-size: 16px;
  --price-ex-vat-color: #003676;
  --price-ex-vat-font: 'Gotham Book', sans-serif;
  --price-ex-vat-font-size: 16px;
  --datesprice-quantity-title-font: 'Gotham Book', sans-serif;
  --datesprice-quantity-title-fontSize: 16px;
  --datesprice-quantity-title-color: black;
  --datesprice-title-color: white;
  --datesprice-title-bgcolor: #003676;
  --datesprice-title-padding: 10px 5px 10px 5px;
  --datesprice-price-row-bg-color: #9bcdee;
  --datesprice-delivery-dates-padding: 5px;
  --datesprice-hire-dates-bg-color: #003676;
  --category-calendar-product-details-color: white;
  --category-calendar-next-img-url: url("https://s3-eu-west-1.amazonaws.com/circulio-assets/calendar-default-images/next-icon-arrow-black.png");
  --category-calendar-prev-img-url: url("https://s3-eu-west-1.amazonaws.com/circulio-assets/calendar-default-images/prev-icon-arrow-black.png");
  --calendar-unavailable-bg-color: white;
  --calendar-pricing-border-color: white;
  --basket-row-background-color: #e6e6e6;
  --basket-row-border: none;
  --basket-row-unreserved-background-color: #da6565;
  --basket-warning-background-color: #f7f7af;
  --basket-section-background-color: #e6e6e6;
  --basket-delivery-accordian-title-background-color: #cc0000;
  --basket-delivery-accordian-title-color: #FFFFFF;
  --basket-delivery-accordion-title-radio-buttons-display: none;
  --basket-delivery-accordian-content-background-color: white;
  --basket-deposit-due-date-color: #cc0000;
  --basket-rowTitle-font-size: 25px;
  --basket-rowPrice-font-size: 20px;
  --basket-change-all-dates-panel: block;
  --basket-change-all-dates-link: flex;
  --basket-panel-header-background-color: #f6f6f6;
  --basket-panel-header-color: black;
  --basket-panel-active-header-background-color: #007fff;
  --basket-panel-active-header-color: white;
  --basket-payment-desc-background-color: #f7e7cd;
  --basket-payment-desc-color: #92531f;
  --basket-row-price-font-size: 14px;
  --basket-row-price-font-weight: 200;
  --basket-group-title-font-size: 18px;
  --basket-group-hiredatelabel-font-size: 18px;
  --basket-group-deliverydate-font-size: 18px;
  --member-section-background-color: #e6e6e6;
  --member-new-member-banner-background-color: #f2dede;
  --member-new-member-banner-color: #a94442;
  --member-payment-banner-background-color: #f7e7cd;
  --member-payment-banner-color: #92531f;
  --member-menu-item-color: #cc0000;
  --member-menu-active-background-color: #cc0000;
  --member-menu-active-color: #e6e6e6;
  --member-order-history-heading-background-color: #cc0000;
  --member-order-history-heading-color: #FFFFFF;
  --member-order-history-row-background-color: transparent;
  --member-order-history-row-color: #000000;
  --member-order-history-border: 1px solid #4b4f54;
  --member-login-or-signup-or-background-color: #e6e6e6;
  --member-signup-note-background-color: #f7f7af;
  --member-signup-note-color: #61630d;
  --member-claims-table-header-background-color: #cc0000;
  --member-claims-table-header-color: #FFFFFF;
  --member-general-message-banner-background-color: #f2ebde;
  --member-general-message-banner-color: #a96642;
  --page-banner-default-height: 300px;
  --page-banner-default-height-mobile: 200px;
  --page-carousel-item-description-display: block;
  --page-carousel-item-description-color: #4a4a4a;
  --page-carousel-item-description-align: center;
  --page-carousel-item-description-font-size: 17px;
  --page-carousel-item-description-margin-block-start: 0;
  --page-panel-image-carousel-padding: 0;
  --page-carousel-item-align-items: flex-start;
  --page-carousel-item-align-imgs: center;
  --page-carousel-item-corner-ribbon-color: white;
  --page-carousel-item-corner-ribbon-background-color: black;
  --page-carousel-item-corner-ribbon-font-family: 'Gotham Book', sans-serif;
  --page-carousel-item-corner-ribbon-font-size: 18px;
  --page-carousel-item-corner-ribbon-line-height: 20px;
  --approval-section-background-color: #e6e6e6;
  --approval-table-header-background-color: #cc0000;
  --approval-table-header-color: #FFFFFF;
  --back-to-top-radius: 50px;
  --back-to-top-background-color: #ffffff;
  --back-to-top-width: 100px;
  --back-to-top-height: 50px;
  --help-table-conversation-hover-background: #cc0000;
}
:root {
  --body-font-family: 'futura-pt', sans-serif;
  --body-font-size: 16px;
  --body-font-weight: 400;
  --body-font-emphasis-family: 'futura-pt', sans-serif;
  --body-font-emphasis-weight: bold;
  --body-font-emphasis-size: 16px;
  --h1-font-family: 'futura-pt-bold', sans-serif;
  --h1-font-size: 36px;
  --h2-font-family: 'futura-pt-bold', sans-serif;
  --h3-font-family: 'futura-pt-bold', sans-serif;
  --button-font-family: 'futura-pt', sans-serif;
  --button-font-weight: 600;
  --button-font-size: 16px;
  --header-nav-font-family: 'futura-pt', sans-serif;
  --header-menu-font-family: 'futura-pt', sans-serif;
  --featured-product-title-font: 'futura-pt', sans-serif;
  --calendar-font-family: 'futura-pt', sans-serif;
  --price-inc-vat-font: 'futura-pt', sans-serif;
  --price-ex-vat-font: 'futura-pt', sans-serif;
  --datesprice-quantity-title-font: 'futura-pt', sans-serif;
  --link-color: #24D8C3;
  --link-hover-color: #24D8C3;
  --pagination-color: #24D8C3;
  --button-background-color: #24D8C3;
  --button-disabled-background-color: rgba(24, 216, 195, 0.51);
  --button-color: white;
  --button-hover-background-color: #ea5b5b;
  --button-hover-color: white;
  --button-border-radius: 0;
  --button-emphasis-background-color: #d9b301;
  --button-emphasis-color: white;
  --button-text-transform: none;
  --header-color: white;
  --header-background-color: black;
  --header-margin: 30px 10px;
  --header-dropdown-background-color: black;
  --header-dropdown-content-color: white;
  --header-nav-text-transform: none;
  --header-menu-text-transform: uppercase;
  --header-menu-font-weight: bold;
  --header-badge-background-color: #FF4139;
  --pre-header-display: flex;
  --pre-header-color: white;
  --pre-header-background-color: #24D8C3;
  --footer-background-color: black;
  --foot-navItemTitle-color: white;
  --foot-navItem-color: white;
  --category-title-display: flex;
  --category-title-font-size: 13px;
  --category-title-color: white;
  --category-title-background-color: #24D8C3;
  --page-carousel-item-align-items: center;
  --page-carousel-item-description-align: flex-start;
  --page-carousel-item-description-font-size: 15px;
  --page-carousel-item-description-margin-block-start: 20px;
  --search-bar-title-display: block;
  --search-bar-reset-dates-color: white;
  --search-gallery-item-background-color: white;
  --search-gallery-item-width: 25%;
  --search-gallery-item-price-padding: 0 10px;
  --search-gallery-item-form-padding: 10px;
  --calendar-pricing-border-color: transparent;
  --calendar-daysOfWeek-Title-bgcolor: transparent;
  --calendar-select-start-fg-color: #24D8C3;
  --calendar-select-start-background-color: #f3fdfc;
  --calendar-select-end-fg-color: #24D8C3;
  --calendar-select-end-background-color: #f3fdfc;
  --calendar-selected-start-background-color: #24D8C3;
  --calendar-selected-end-background-color: #24D8C3;
  --datesprice-title-color: black;
  --datesprice-title-bgcolor: transparent;
  --datesprice-price-row-bg-color: transparent;
  --calendar-hire-dates-fg-color: #24D8C3;
  --calendar-hire-dates-bg-color: #f3fdfc;
  --calendar-delivery-dates-bg-color: #24D8C3;
  --calendar-deselected-start-background-color: #f3fdfc;
  --calendar-deselected-end-background-color: #f3fdfc;
  --datesprice-delivery-dates-bg-color: #24D8C3;
  --datesprice-delivery-dates-fg-color: white;
  --datesprice-hire-dates-bg-color: #f3fdfc;
  --datesprice-hire-dates-fg-color: #24D8C3;
  --prod-rates-title-display: block;
  --prod-rates-title-color: #24D8C3;
  --prod-detail-menu-active-bottom-border: none;
  --prod-detail-menu-bottom-border: none;
  --prod-detail-menu-active-color: #24D8C3;
  --prod-divider-height: 1px;
  --prod-divider-background-color: black;
  --prod-accessories-item-background-color: transparent;
  --prod-title-font-size: 40px;
  --prod-hire-rates-title-font-size: 20px;
  --prod-related-group-tab-active-background-color: #24D8C3;
  --prod-hire-rates-ex-vat: #24D8C3;
  --basket-section-background-color: transparent;
  --basket-row-background-color: transparent;
  --basket-row-border: 1px solid black;
  --basket-delivery-accordian-title-color: black;
  --basket-delivery-accordian-title-background-color: white;
  --basket-delivery-accordion-title-radio-buttons-display: inline;
  --basket-row-price-font-size: 16px;
  --basket-row-price-font-weight: 400;
  --basket-row-unit-price-font-size: 12px;
  --basket-unit-price-font-weight: 600;
  --basket-rowTitle-font-size: 16px;
  --basket-rowPrice-font-size: 16px;
  --basket-payment-desc-background-color: transparent;
  --basket-payment-desc-color: black;
  --member-section-background-color: transparent;
  --member-row-background-color: transparent;
  --member-menu-active-color: #24D8C3;
  --member-menu-active-background-color: transparent;
  --member-menu-item-color: black;
  --member-order-history-heading-background-color: transparent;
  --member-order-history-heading-color: black;
  --member-order-history-border: none;
  --member-new-member-banner-background-color: transparent;
  --member-new-member-banner-color: black;
  --member-payment-banner-background-color: transparent;
  --member-payment-banner-color: black;
  --member-signup-note-background-color: #24D8C305;
  --member-signup-note-color: #24D8C3;
  --category-wrapper-max-width-desktop: 33%;
  --category-background-color: white;
  --widget-border-radius: 0;
  --search-widget-title-display: none;
  --search-input-horizontal-label-display: flex;
  --search-input-label-fontSize: 20px;
  --search-input-label-fontWeight: 600;
  --search-widget-icon-display: none;
  --search-input-label-textTransform: uppercase;
}
#ccio-head-mobileMenu {
  display: none;
  min-width: 75%;
  background-color: black;
  color: white;
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
}
#ccio-head-mobileMenu-close {
  width: 43px;
  height: 43px;
  margin: 10px;
  background-position: 0 -418px;
}
#ccio-head-mobileMenu-wrapper {
  margin: 20px 0;
}
.ccio-head-mobileMenuGroupLevel1, .ccio-head-mobileMenuItemLevel1 {
  font-size: 24px;
  letter-spacing: 1px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.ccio-head-mobileMenuGroupLevel2, .ccio-head-mobileMenuItemLevel2 {
  display: none;
  font-size: 22px;
  letter-spacing: 1px;
  padding: 10px 0;
  margin-left: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.ccio-head-mobileMenuItemLevel3 {
  display: none;
  font-size: 18px;
  padding: 5px 10px;
  margin-left: 10px;
  text-transform: none;
  font-weight: normal;
}
.ccio-head-mobileMenuItemLevel1 {
  display: block;
  margin: 10px 0;
}
.ccio-head-mobileMenuItemDivider {
  margin: 30px auto;
  width: 80%;
  height: 1px;
  background-color: #423f3f;
}
.ccio-head-mobileMenuItemExtra {
  font-size: 22px;
  letter-spacing: 1px;
  padding: 10px 0;
  margin-left: 15px;
  display: block;
}
.ccio-head-mobileMenuGroupTitle {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.ccio-head-mobileMenuGroupExpander {
  background-position: 0 -490px;
  width: 37px;
  height: 25px;
  margin-left: 10px;
}
.ccio-head-mobileMenuGroupCollapser {
  display: none;
  background-position: 0 -463px;
  width: 37px;
  height: 25px;
  margin-left: 10px;
}
.icons-sprite, .icons-account, .icons-address, .icons-auto-category, .icons-auto-product, .icons-basket, .icons-blog, .icons-calendar, .icons-cancel, .icons-chev-right, .icons-collapse, .icons-cross, .icons-download, .icons-ebay, .icons-facebook, .icons-instagram, .icons-linkedin, .icons-lock, .icons-menu, .icons-menu_close, .icons-menu_collapse, .icons-menu_expand, .icons-notification, .icons-paperclip, .icons-pause, .icons-pen-icon, .icons-phone-icon, .icons-resume, .icons-search, .icons-sort-asc, .icons-sort-desc, .icons-twitter, .icons-vimeo, .icons-youtube, .ccio-accordion-active-icon, .ccio-accordion-inactive-icon, #ccio-head-content-v6 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-content-v7 #ccio-head-submitSearch .ccio-head-submitSearchButton, #ccio-head-account a:after, #ccio-head-basket a:after, #ccio-head-search a:after, #ccio-head-menuCollapseWrapper a:after, #ccio-foot-social-twitter, #ccio-foot-social-facebook, #ccio-foot-social-instagram, #ccio-foot-social-youtube, #ccio-foot-social-blog, #ccio-foot-social-linkedin, #ccio-foot-social-vimeo, #ccio-foot-social-ebay, .ccio-autocomplete-item .ccio-autocomplete-icon-product, .ccio-autocomplete-item .ccio-autocomplete-icon-category, #ccio-bask-secureIcon, .ccio-editIcon, .ccio-crossIcon, .ccio-mem-menuItemChev, .ccio-mem-sortDesc, .ccio-mem-sortAsc, .ccio-phoneIcon, .ccio-mem-onboardingChecklistItem .ccio-checklistItemUploadedDocument, #ccio-head-mobileMenu-close, .ccio-head-mobileMenuGroupExpander, .ccio-head-mobileMenuGroupCollapser, .ccio-attachment-paperclip, .ccio-messageAttachment, .ccio-downloadIcon, .ccio-search-widget-icon-keyword, .ccio-search-widget-icon-categories, .ccio-search-widget-icon-calendar, .ccio-widget-submit-btn .ccio-submit-btn-type-image, #ccio-head-menuCollapse {
  background-image: url('../images/icons-se2cf8b72b0.png');
  background-repeat: no-repeat;
}
.icons-account {
  background-position: 0 0;
  height: 22px;
  width: 21px;
}
.icons-address {
  background-position: 0 -24px;
  height: 20px;
  width: 20px;
}
.icons-auto-category {
  background-position: 0 -46px;
  height: 21px;
  width: 25px;
}
.icons-auto-product {
  background-position: 0 -69px;
  height: 25px;
  width: 25px;
}
.icons-basket {
  background-position: 0 -96px;
  height: 21px;
  width: 20px;
}
.icons-blog {
  background-position: 0 -119px;
  height: 25px;
  width: 25px;
}
.icons-calendar {
  background-position: 0 -146px;
  height: 20px;
  width: 20px;
}
.icons-cancel {
  background-position: 0 -168px;
  height: 25px;
  width: 25px;
}
.icons-chev-right {
  background-position: 0 -195px;
  height: 18px;
  width: 9px;
}
.icons-collapse {
  background-position: 0 -215px;
  height: 22px;
  width: 22px;
}
.icons-cross {
  background-position: 0 -239px;
  height: 18px;
  width: 18px;
}
.icons-download {
  background-position: 0 -259px;
  height: 20px;
  width: 20px;
}
.icons-ebay {
  background-position: 0 -281px;
  height: 25px;
  width: 25px;
}
.icons-facebook {
  background-position: 0 -308px;
  height: 20px;
  width: 20px;
}
.icons-instagram {
  background-position: 0 -330px;
  height: 20px;
  width: 20px;
}
.icons-linkedin {
  background-position: 0 -352px;
  height: 25px;
  width: 25px;
}
.icons-lock {
  background-position: 0 -379px;
  height: 14px;
  width: 10px;
}
.icons-menu {
  background-position: 0 -395px;
  height: 21px;
  width: 21px;
}
.icons-menu_close {
  background-position: 0 -418px;
  height: 43px;
  width: 43px;
}
.icons-menu_collapse {
  background-position: 0 -463px;
  height: 25px;
  width: 37px;
}
.icons-menu_expand {
  background-position: 0 -490px;
  height: 25px;
  width: 37px;
}
.icons-notification {
  background-position: 0 -517px;
  height: 32px;
  width: 32px;
}
.icons-paperclip {
  background-position: 0 -551px;
  height: 32px;
  width: 32px;
}
.icons-pause {
  background-position: 0 -585px;
  height: 25px;
  width: 25px;
}
.icons-pen-icon {
  background-position: 0 -612px;
  height: 18px;
  width: 18px;
}
.icons-phone-icon {
  background-position: 0 -632px;
  height: 32px;
  width: 32px;
}
.icons-resume {
  background-position: 0 -666px;
  height: 25px;
  width: 25px;
}
.icons-search {
  background-position: 0 -693px;
  height: 21px;
  width: 21px;
}
.icons-sort-asc {
  background-position: 0 -716px;
  height: 9px;
  width: 15px;
}
.icons-sort-desc {
  background-position: 0 -727px;
  height: 9px;
  width: 15px;
}
.icons-twitter {
  background-position: 0 -738px;
  height: 25px;
  width: 25px;
}
.icons-vimeo {
  background-position: 0 -765px;
  height: 25px;
  width: 25px;
}
.icons-youtube {
  background-position: 0 -792px;
  height: 25px;
  width: 25px;
}
.ccio-help-contactUsForm {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ccio-help-contactUsForm input:not([type="submit"]), .ccio-help-contactUsForm select, .ccio-help-contactUsForm textarea {
  padding: 7px;
  border: 1px solid darkgrey;
  border-radius: 5px;
}
.ccio-help-contactUsForm input[type="text"], .ccio-help-contactUsForm textarea {
  width: 50%;
}
#ccio-help-chat-conversation > .sm_content {
  background-color: white;
}
#ccio-help-chat-conversation-content {
  height: 100%;
}
.ccio-help-chat-messages {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ccio-help-chat-messages .ccio-help-messagesContainer {
  flex: 1;
}
.ccio-help-conversationsTable {
  text-align: left;
}
.ccio-help-conversationsTable tbody td {
  border-collapse: collapse;
  padding: 12px;
}
.ccio-help-conversationsTable tbody tr {
  cursor: pointer;
}
.ccio-help-conversationsTable tbody tr:nth-child(odd) {
  background-color: #ccc;
}
.ccio-help-conversationsTable tbody tr:nth-child(even) {
  background-color: #e7e7e7;
}
.ccio-help-conversationsTable tbody tr:hover {
  background: var(--help-table-conversation-hover-background, #cc0000);
  transition: 0.4s;
  background-size: 200% auto;
}
.ccio-help-messagesTitleBar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ccio-help-messagesTitleBar h2, .ccio-help-messagesTitleBar #ccio-lay-addingToBasket, .ccio-help-messagesTitleBar #ccio-lay-addToBasketError, .ccio-help-messagesTitleBar .ccio-prod-reservedContentTitle, .ccio-help-messagesTitleBar h3 {
  text-align: left !important;
  margin: 0;
}
.ccio-help-messagesClose {
  padding: 5px;
  margin-left: 10px;
}
.ccio-help-messagesContainer {
  display: flex;
  overflow-y: auto;
  flex-direction: column-reverse;
}
.ccio-help-messagesContainer .ccio-help-messageHeader {
  font-size: 10px;
  color: #0a0a0a;
}
.ccio-help-messagesContainer .ccio-help-messageContainer {
  max-width: 75%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column nowrap;
  background-color: white;
  color: black;
  margin: 12px 18px 12px 18px;
}
.ccio-help-messagesContainer .ccio-help-messageContainer .ccio-help-message {
  background-color: #eee;
  color: #212121;
  padding: 16px;
  border-radius: 5px;
}
.ccio-help-messagesContainer .ccio-help-messageContainer .ccio-help-messageFromMe {
  background-color: black;
  color: white;
}
.ccio-help-messagesContainer .ccio-help-messageFromMeContainer {
  align-self: end;
}
.ccio-help-sendMessageForm {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border-radius: 10px;
  border: 2px solid #aaa;
  margin: 8px 0;
  gap: 10px;
}
.ccio-help-sendMessageForm input:not([type=text]) {
  margin: 0;
}
.ccio-help-sendMessageForm .ccio-filePicker {
  padding: 2px;
}
.ccio-attachment-paperclip {
  background-position: 0 -551px;
  width: 32px;
  height: 32px;
  border: 0;
  background-color: transparent;
  filter: invert(50%);
}
.ccio-attachment-paperclip:hover {
  box-shadow: 0 0.5em 0.5em -0.4em yellow;
  transform: translateY(-0.25em);
  background-color: transparent;
}
#ccio-help-file-attachment-label-id {
  display: none;
  padding: 0 10px;
}
.ccio-help-message-input {
  border: 1px solid #d7d5d5;
  border-radius: 6px;
  flex-grow: 1;
  min-width: 0;
  padding: 10px;
}
.ccio-help-messageContainer-read {
  opacity: 0.8;
}
.ccio-help-messageContainer-unread {
  font-weight: 600;
}
.ccio-help-messageContainer-unread .ccio-help-message {
  border-left: 5px solid red;
}
.ccio-help-messageContainer-hidden {
  display: none;
}
.ccio-help-messageFileDownload {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 5px;
}
.ccio-messageAttachment {
  background-position: 0 -551px;
  width: 32px;
  height: 32px;
  border: 0;
  background-color: transparent;
}
.ccio-downloadIcon {
  background-position: 0 -259px;
  width: 20px;
  height: 20px;
}
#ccio-help-file-attachment-id {
  padding: 2px !important;
  gap: 5px !important;
}
#ccio-help-file-attachment-id .ccio-filePicker2-scanSuccessMsg, #ccio-help-file-attachment-id .ccio-filePicker2-fileName {
  display: none !important;
}
@media all and (max-width: 1000px) {
  
  .ccio-help-sections {
    padding: 10px;
  }
  
  #helpFaqs h3 {
    text-align: left;
  }
  
  .sendChatMessage, .ccio-help-messagesClose {
    width: auto !important;
  }
  
  .ccio-help-contactUsForm > div {
    width: 100% !important;
  }
  
  .ccio-help-contactUsForm input[type="text"], .ccio-help-contactUsForm input[type="submit"], .ccio-help-contactUsForm textarea, .ccio-help-contactUsForm select {
    width: 100%;
    box-sizing: border-box;
  }
  
  .ccio-help-conversations-desktopOnly {
    display: none;
  }
}
.ccio-widget-container {
  width: var(--widget-width-desktop, 33%);
}
.ccio-widget {
  margin: 10px;
  padding: 15px;
  background: var(--widget-background, white);
  border-radius: var(--widget-border-radius, 5px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  pointer-events: all;
}
.ccio-autocomplete-search, .ccio-search-widget-categories {
  width: calc(100% - 10px);
}
.ccio-search-widget-horizontal {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px;
}
.ccio-search-widget-horizontal input, .ccio-search-widget-horizontal select {
  margin: 0;
  height: 38px;
  font-size: 21px;
  padding: 0;
}
.tagsinput .tag {
  width: 100%;
}
.ccio-search-widget-vertical {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.ccio-search-widget-vertical > * {
  width: 100%;
  margin: 10px 0 10px 0;
}
.ccio-search-widget-vertical input, .ccio-search-widget-vertical select {
  margin: 0 !important;
  height: 32px;
  font-size: 18px;
  padding: 2px;
}
.ccio-search-widget-vertical select {
  color: #7d7c7c;
}
.ccio-search-widget-vertical select option {
  color: black;
}
.ccio-search-widget-vertical input[type=submit] {
  width: 100% !important;
  padding: 10px;
  height: unset;
}
.ccio-search-widget-vertical .datepicker-container {
  height: 38px;
  width: 100%;
}
.ccio-search-widget-vertical .datepicker-container .search-datepicker-display, .ccio-search-widget-vertical .datepicker-container .search-datepicker {
  width: 100%;
  margin: 0 !important;
}
.ccio-search-widget-vertical input:focus {
  outline: none;
}
.ccio-search-widget-vertical input:disabled {
  background-color: var(--widget-input-disabled-bgcolor, white);
}
.ccio-search-widget-vertical input[type=submit]:disabled {
  background-color: var(--widget-input-disabled-bgcolor, #7d7c7c);
  cursor: wait;
}
.ccio-search-widget-description {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ccio-search-input-container {
  border: var(--search-input-container-border, solid black 1px);
}
.ccio-search-input-container label {
  display: var(--search-input-horizontal-label-display, flex);
}
.ccio-search-input-container-vertical {
  border: var(--search-input-container-vertical-border, solid #ccc 1px);
  padding-left: 6px;
}
.ccio-search-input-container-vertical input, .ccio-search-input-container-vertical select {
  border: var(--search-input-vertical-border, none);
}
.ccio-search-input-container-vertical .tagsinput {
  border: var(--search-input-horizontal-border, none);
}
.ccio-search-input-container-vertical label {
  display: var(--search-input-horizontal-label-display, flex);
}
.ccio-search-input-container-horizontal {
  border: var(--search-input-container-horizontal-border, none);
}
.ccio-search-input-container-horizontal input, .ccio-search-input-container-horizontal select {
  border: var(--search-input-horizontal-border, none);
  width: 100%;
  outline: none;
}
.ccio-search-input-container-horizontal .tagsinput {
  border: var(--search-input-horizontal-border, none);
  width: 100%;
  outline: none;
}
.ccio-search-input-container-horizontal label {
  display: var(--search-input-horizontal-label-display, none);
}
.ccio-search-widgetHorizontalKeyword {
  width: 50%;
  border-right: var(--search-widget-horizontal-border-right, 2px solid black);
}
.ccio-search-widgetInputLabel {
  display: flex;
  align-items: center;
  font-size: var(--search-input-label-fontSize, 17px);
  font-weight: var(--search-input-label-fontWeight, 200);
  text-transform: var(--search-input-label-textTransform, none);
}
.ccio-search-widget-icon {
  width: 20px;
  height: 20px;
  margin: 3px;
  display: var(--search-widget-icon-display, block);
}
.ccio-search-widget-icon-keyword {
  background-position: 0 -24px;
  filter: var(--search-widget-icon-keyword-filter, none);
}
.ccio-search-widget-icon-categories {
  background-position: 0 -46px;
  filter: var(--search-widget-icon-keyword-filter, none);
  height: 21px;
}
.ccio-search-widget-icon-calendar {
  background-position: 0 -146px;
  filter: var(--search-widget-icon-calendar-filter, none);
}
.ccio-search-widgetTitle {
  display: var(--search-widget-title-display, flex);
  align-items: center;
  justify-content: center;
  color: var(--h2-color) !important;
  font-size: var(--h2-font-size) !important;
}
.ccio-resetSearchDates {
  color: var(--h2-color);
  border: 0 none;
  background: none;
  font-size: var(--search-widget-resetSearchDates-fontSize, 21px);
  text-decoration: var(--search-widget-resetSearchDates-textDecoration, none);
  text-transform: var(--search-widget-resetSearchDates-textTransform, uppercase);
  margin: var(--search-widget-resetSearchDates-margin, 0);
  order: 0;
  cursor: pointer;
}
.ccio-widget-submit-btn {
  margin: 5px;
  width: 64px;
  height: 64px;
  background-color: var(--widget-submit-btn-bgcolor, black) !important;
}
.ccio-widget-submit-btn:hover {
  border: 1px var(--widget-submit-btn-bgcolor, black) solid;
  background-color: var(--widget-submit-btn-bgcolor-hover, white) !important;
}
.ccio-widget-submit-btn:hover .ccio-submit-btn-type-image {
  filter: var(--widget-submit-btn-image-filter-hover, brightness(0));
}
.ccio-widget-submit-btn .ccio-submit-btn-type-image {
  background-position: 0 -693px;
  width: 21px;
  height: 21px;
}
@media all and (max-width: 1000px) {
  
  .ccio-widget-container {
    width: var(--widget-width-mob, 100%);
  }
  
  .ccio-search-widget-horizontal {
    flex-flow: column;
  }
  
  .ccio-search-widget-horizontal input {
    font-size: 85%;
    margin-top: 0;
  }
  
  .ccio-search-widgetInputLabel {
    display: flex;
    align-items: center;
    font-size: 85%;
    font-weight: var(--search-input-label-fontWeight, 200);
    text-transform: var(--search-input-label-textTransform, none);
  }
  
  .ccio-search-widgetHorizontalKeyword {
    width: 100%;
    border-right: none;
  }
  
  .ccio-widget-submit-btn {
    margin: 12px 0 0 0;
    width: 100%;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .ccio-search-widgetTitle {
    font-size: calc(var(--h2-font-size) * 0.8) !important;
  }
}
.xdsoft_datetimepicker {
  box-shadow: 0 0 25px rgba(49, 40, 7, 0.05) !important;
}
.xdsoft_datepicker {
  width: 300px !important;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  padding: 10px 0 !important;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 58px !important;
}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
  margin: 0 10px !important;
  opacity: 1 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled {
  opacity: 0.2 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month:not(.xdsoft_disabled) {
  opacity: 1 !important;
}
.xdsoft_datetimepicker .xdsoft_label {
  font-size: 16px !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 0 !important;
  text-align: center !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  border: none !important;
  padding: 10px 2px !important;
  font-family: 'Manrope-Bold', sans-serif !important;
  font-size: 14px !important;
  background: white !important;
  border-radius: 5px !important;
  color: black !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
  background: black !important;
  color: white !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  color: grey !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: white !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  box-shadow: none !important;
}
@media all and (max-width: 380px) {
  
  .xdsoft_datepicker {
    width: 250px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    padding: 10px 1px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_label {
    font-size: 14px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_monthpicker {
    padding: 0 !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    margin: 0 !important;
    opacity: 1 !important;
  }
}
#ccio-lay-contentInner {
  display: flex;
  flex-direction: column;
}
.ui-widget {
  font-family: var(--body-font-family);
}
input[type="checkbox"] {
  accent-color: #24D8C3;
}
.ccio-page-contactForm input:not(input[type=button]):not(input[type=radio]):not(.ccio-ruush-widgetInput):not(.payment_input):not(input[type=submit]),
.ccio-page-contactForm textarea, .ccio-page-contactForm select:not(.ccio-ruush-widgetInput):not(.payment_input) {
  border-radius: 20px;
  border: 1px solid lightslategrey;
  padding: 10px 16px !important;
  margin: 8px 0;
  box-sizing: border-box;
  width: 100%;
  background-color: white;
}
.ccio-page-contactForm .select2-container {
  border-radius: 20px !important;
  box-sizing: border-box !important;
}
.ccio-page-contactForm .select2-selection {
  border-radius: 20px !important;
  padding: 5px 10px !important;
  margin: 8px 0 !important;
  box-sizing: border-box !important;
  height: auto !important;
  border: 1px solid lightslategrey !important;
}
.ccio-page-contactForm .select2-selection__arrow {
  top: 13px !important;
  right: 11px !important;
}
.ccio-page-contactForm textarea {
  font-family: 'futura-pt', sans-serif;
  font-size: 16px;
  border-radius: 10px;
}
.ccio-page-contactForm textarea::placeholder {
  color: #8c8c8c;
}
.ccio-page-contactForm input:not(input[type=submit]):not(input[type=button]):not(input[type=radio]):read-write, .ccio-page-contactForm textarea:read-write {
  background: transparent;
}
.ccio-page-contactForm input[type=submit] {
  border-radius: 20px;
  background-color: black;
  color: white;
}
.ccio-page-contactForm .ccio-button, .ccio-page-contactForm .ccio-search-noDates {
  border-radius: 20px;
}
.ccio-page-contactForm .ccio-filePicker, .ccio-page-contactForm .ccio-filePicker2 {
  border-radius: 20px;
}
.ccio-page-contactForm .datepicker-container {
  margin: 8px 0;
}
.ccio-page-contactForm .ccio-errorMessage, .ccio-page-contactForm .ccio-successMessage {
  border-radius: 20px;
}
.select2-results__option {
  font-size: 14px;
}
.select2-results__option:nth-of-type(odd) {
  background-color: #F7F7F7;
}
.select2-results__option--highlighted.select2-results__option--selectable {
  background-color: black !important;
}
#ccio-lay-header a, #ccio-lay-headerDropdown a, #ccio-lay-hoverHeaderDropdown a, #ccio-lay-footer a {
  color: white;
}
#ccio-head-supportPhoneNumber a {
  color: white;
}
#ccio-head-logoWrapper a, .ccio-head-logo {
  height: 30px;
}
.ccio-head-navItem a:after {
  display: none;
}
.ccio-head-navItem img {
  height: 19px;
}
.ccio-head-navItemText {
  display: none;
}
.ccio-head-hoverMenuItem:hover {
  color: inherit !important;
}
.ccio-head-activeHoverItem {
  color: inherit !important;
}
.ccio-head-activeHoverItem span {
  border-bottom: 2px solid var(--link-hover-color);
}
#ccio-lay-hoverHeaderDropdown .ccio-lay-inner {
  display: none;
  background-color: black;
}
#ccio-head-dropdownContent {
  margin: 0;
}
#ccio-head-searchBar {
  margin: 10px;
}
#ccio-head-hoverDropdownContent {
  padding: 20px 0;
  height: 375px;
  align-items: stretch;
  justify-content: center;
}
#ccio-head-hoverDropdownContent .ccio-head-menuBar {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
#ccio-head-hoverDropdownContent .ccio-head-menuBar .ccio-head-menuSubItem {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#ccio-head-hoverDropdownContent .ccio-head-menuBar .ccio-head-menuSubItem .ccio-head-menuSubItemValues {
  min-height: 286px;
  width: 100%;
}
#ccio-head-hoverDropdownContent .ccio-head-menuBar .ccio-head-menuSubItem .ccio-head-menuSubItemValues .ccio-head-categoryExpanded {
  width: auto;
}
#ccio-head-hoverDropdownContent .ccio-menuBar-button {
  margin: 12px 0 12px 0;
  color: white;
}
.ccio-head-categoryDivider {
  border-left: none;
}
.ccio-categoryTitle {
  min-width: 50%;
  padding: 10px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
.ccio-head-categoryImage {
  max-height: 150px;
}
.ccio-head-categoryExpandedTitle {
  margin-bottom: 10px;
}
.ccio-head-categoryExpandedItem {
  margin-bottom: 5px;
  white-space: nowrap;
}
.ccio-head-categoriesImages, .ccio-head-categoryProducts {
  width: fit-content !important;
  margin: auto;
}
#ccio-lay-postHeaderContent {
  padding: 10px;
  text-align: center;
}
#ccio-lay-postHeaderContent span {
  display: inline;
}
#ccio-head-supportPhoneNumber {
  display: none;
  white-space: nowrap;
}
.ccio-autocomplete-item .ccio-autocomplete-icon-category {
  height: 21px;
}
.ccio-requestQuote {
  border-radius: 100px;
  color: #24D8C3 !important;
  border: none;
}
.ccio-requestQuote:hover {
  background-color: #24D8C3 !important;
  color: white !important;
}
.ccio-requestQuoteMobile {
  border-radius: 100px;
  color: #24D8C3 !important;
  border: none;
  padding: 15px 20px;
  margin: 10px;
}
.ccio-requestQuoteMobile:hover {
  background-color: #24D8C3 !important;
  color: white !important;
}
#ccio-head-menuCollapse {
  background-position: 0 -395px;
  width: 21px;
  height: 21px;
  margin: 0;
}
#ccio-head-mobileMenu {
  min-height: 100vh;
}
@media all and (max-width: 1000px) {
  
  #ccio-head-logoWrapper a, .ccio-head-logo {
    max-height: 20px;
    margin-top: 1px;
  }
  
  #ccio-head-navWrapperMobile {
    margin: 0 5px;
  }
  
  .ccio-categoriesContainer {
    padding: 0;
  }
}
@media all and (max-width: 1200px) {
  
  .ccio-requestQuote {
    display: none;
  }
}
@media all and (min-width: 1000px) {
  
  .ccio-head-navItem {
    margin: 0 10px;
  }
  
  .ccio-head-menu a {
    margin: 0;
    padding: 41px 25px !important;
  }
  
  .ccio-head-menu :first-child {
    padding-left: 0 !important;
  }
  
  .ccio-head-menu :last-child {
    padding-right: 0 !important;
  }
}
#ccio-lay-preFooter {
  margin-top: 100px;
  padding: 30px;
  display: flex;
  justify-content: center;
  background-color: #24D8C3;
}
#ccio-lay-preFooterInner {
  display: flex;
  justify-content: space-between;
}
.ccio-preFooterItem {
  text-align: center;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.ccio-foot-logo {
  height: 20px;
}
.ccio-foot-navItemTitle {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}
#ccio-foot-supportPhone {
  font-weight: bold;
  color: #24D8C3;
}
#ccio-foot-supportEmail {
  margin-top: 10px;
}
#ccio-foot-supportEmail a {
  color: #24D8C3;
}
#ccio-foot-poweredByCirculio {
  color: white;
}
.ccio-foot-socialItem {
  width: 20px;
  height: 20px;
}
@media all and (max-width: 1000px) {
  
  #ccio-lay-preFooter {
    margin-top: 50px;
  }
  
  #ccio-lay-preFooterInner {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  
  #ccio-foot-navLogoWrapper {
    display: flex;
  }
}
body:has(#ccio-search-main), #ccio-lay-content:has(#ccio-search-main), #ccio-lay-contentInner:has(#ccio-search-main) {
  background-color: #fafafa;
}
.ccio-search-galleryProductName {
  text-align: left;
}
#ccio-prod-divider {
  width: 100%;
  left: 0;
}
.ccio-search-galleryProductQuantityLabel {
  display: none;
}
.ccio-search-noDates {
  margin: 0 auto;
}
.ccio-search-galleryProductAddToBasket, .ccio-search-noDates {
  width: 100%;
  box-sizing: border-box;
}
.calendar--view__month {
  border: black 1px solid !important;
}
.v2-monthViewByDay-daysOfTheWeek {
  border-top: black 1px solid;
  border-bottom: black 1px solid;
}
.calendar--month-selector {
  padding: 5px;
}
.hireStartDate, .hireEndDate {
  border: black 1px solid !important;
}
.day.v2-day {
  color: black;
}
.layout-v2 .calendarIntervalLabel {
  margin-top: 3px;
}
#js-select-hire-dates-text {
  font-weight: bold;
}
.layout-v2 .hire-dates-container {
  border: black 1px solid !important;
  padding: 10px;
}
#ccio-prod-imagePanel .slick-slide img {
  max-width: 100%;
  height: fit-content;
}
#ccio-prod-imagePanel .ccio-prod-imageContainer a {
  margin: 0;
}
.hireStartDateDeselected .hireStartDateTextLabel {
  color: #24D8C3 !important;
}
.hireEndDateDeselected .hireEndDateText1 {
  color: #24D8C3 !important;
}
.v2-monthViewByDay-daysOfTheWeek {
  border-top: none;
  border-bottom: none;
}
.ccio-page-breadcrumbs * {
  color: black;
}
.ccio-page-breadcrumbs a:last-child {
  color: #24D8C3;
}
@media all and (max-width: 1000px) {
  
  #ccio-prod-imagePanel .slick-prev {
    display: none !important;
  }
  
  #ccio-prod-imagePanel .slick-next {
    display: none !important;
  }
}
.ccio-bask-message {
  background-color: transparent;
  color: black;
  border: 1px solid black;
  border-radius: 0;
  margin: 20px 0;
}
.ccio-bask-group-title {
  text-transform: none;
  font-weight: normal;
  padding: 3px;
}
.ccio-bask-group-hiredatelabel {
  background-color: #f3fdfc;
  color: #24D8C3;
}
.ccio-bask-group-deliverydatelabel {
  background-color: #24D8C3;
  color: white;
}
.ccio-bask-group-hiredatelabel, .ccio-bask-group-hiredate,
.ccio-bask-group-deliverydatelabel, .ccio-bask-group-deliverydate {
  padding: 3px;
  font-weight: normal;
  font-family: futura-pt, sans-serif !important;
  font-size: 14px !important;
}
.ccio-bask-row {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ccio-bask-rowImage {
  max-width: 100px;
}
.ccio-bask-group-header {
  margin: 0 !important;
  border-radius: 0 !important;
}
.ccio-bask-accordion:not(.ccio-bask-accordion-last) {
  margin-bottom: 0;
}
.ccio-bask-accordion:not(.ccio-bask-accordion-last) .ccio-bask-row-slim:last-child {
  border-bottom: none !important;
}
.ccio-bask-orderItemsSlim .ui-widget-content {
  border: none !important;
  border-radius: 0 !important;
}
.ccio-baskSummaryTotal, .ccio-baskSummaryTotalPrice, .ccio-bask-summaryItemPrice {
  font-size: 15px !important;
}
#ccio-bask-changeDates .layout-v2 .calendarContainer {
  padding-bottom: 10px;
}
.ccio-bask-defaultCollectionPreDescription, .ccio-bask-deliveryPreDescription {
  font-weight: bold;
}
@media all and (min-width: 1000px) {
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowImageSlimContainer {
    padding-left: 20px;
  }
  
  .ccio-bask-orderItemsSlim .ccio-bask-rowTitleAndAccessories {
    padding-left: 40px;
  }
}
.ccio-bask-rowTitle {
  text-transform: uppercase;
  font-family: 'futura-pt-bold', sans-serif;
}
.ccio-bask-rowTitleSlim {
  text-transform: uppercase;
  font-family: 'futura-pt-bold', sans-serif;
}
.ccio-bask-section {
  box-shadow: none;
  _webkit-box-shadow: none;
}
.ccio-bask-deliveryAccordionContent {
  border: 1px solid black !important;
  border-top: none !important;
}
#ccio-bask-deliveryForm .ui-accordion .ui-accordion-header {
  border: 1px solid black;
}
#ccio-bask-deliveryForm .ui-accordion .ui-accordion-header:nth-child(3) {
  margin-top: 20px;
}
#ccio-bask-deliveryForm .ui-state-active {
  border: 2px solid black !important;
  color: #24D8C3 !important;
  font-weight: bold;
}
#ccio-bask-itemsSummary, #ccio-bask-summary, #ccio-bask-paymentContent, #ccio-bask-thankyouContent, #ccio-bask-summaryPayments, #ccio-bask-summaryInvoices {
  border: 1px solid black;
}
.ccio-bask-totalTitle td {
  padding-top: 10px;
  text-transform: uppercase;
  font-family: 'futura-pt-bold', sans-serif;
}
.ccio-bask-totalSubtitle td {
  font-size: 16px;
}
.ccio-bask-totalTitleAmount {
  font-family: 'futura-pt', sans-serif !important;
}
.ccio-bask-buyFormInputs {
  margin: 0 !important;
}
.ccio-bask-buyFormInputs input {
  margin: 0 !important;
}
.ccio-bask-group-hiredatelabel {
  font-family: futura-pt-bold, sans-serif;
  font-size: 16px;
}
.ccio-bask-group-hiredate {
  font-size: 16px;
}
.ccio-bask-group-deliverydatelabel {
  font-family: futura-pt, sans-serif;
  font-size: 16px;
}
.ccio-bask-group-deliverydate {
  font-family: futura-pt, sans-serif;
  font-size: 16px;
}
#ccio-bask-itemsSummary, #ccio-bask-summary, #ccio-bask-paymentContent, #ccio-bask-thankyouContent, #ccio-bask-summaryPayments, #ccio-bask-summaryInvoices {
  border: none;
}
.ccio-bask-summaryPaymentsTable, .ccio-bask-summaryInvoicesTable {
  border-collapse: collapse;
}
.ccio-bask-summaryPaymentsTable th, .ccio-bask-summaryPaymentsTable td, .ccio-bask-summaryInvoicesTable th, .ccio-bask-summaryInvoicesTable td {
  padding: 8px;
}
.ccio-bask-summaryPaymentsTableHeader, .ccio-bask-summaryInvoicesTableHeader {
  border: 1px solid black;
}
.ccio-bask-section hr:not(.ccio-bask-paymentOptionDivider) {
  display: none;
}
#ccio-bask-itemsSummary hr {
  display: block;
}
#ccio-bask-summaryTitle {
  font-size: 18px;
}
.ccio-bask-summaryItemDates {
  font-style: normal;
  justify-content: flex-start;
  gap: 20px;
  margin-bottom: 2px;
}
.ccio-bask-summaryItemDateLabel {
  padding: 3px;
  color: white;
  background-color: #24D8C3;
}
.ccio-bask-summaryItemDate {
  padding: 3px;
}
.ccio-bask-summaryOrderSubtotal .ccio-baskSummaryTotalName, .ccio-bask-summaryOrderTax .ccio-baskSummaryTotalName, .ccio-bask-summaryOrderInsurance .ccio-baskSummaryTotalName,
.ccio-bask-summaryOrderTotal .ccio-baskSummaryTotalName, .ccio-bask-summaryOrderDeposit .ccio-baskSummaryTotalName {
  text-transform: uppercase;
  font-weight: bold;
}
@media all and (max-width: 1000px) {
  
  #ccio-bask-deliveryRow, #ccio-bask-securityRow, #ccio-bask-totalsAndCheckout {
    margin: 0 10px;
  }
  
  .ccio-bask-group-hiredate {
    font-size: 14px;
  }
  
  .ccio-bask-group-deliverydate {
    font-size: 14px;
  }
}
.ccio-mem-section {
  border: none;
  box-shadow: none;
  _webkit-box-shadow: none;
}
.ccio-mem-supportingDocumentsImageCaptureDesc {
  display: none;
}
.ccio-mem-signupFormDescription {
  font-weight: 500;
}
.ccio-mem-loginForm, .ccio-mem-signUpForm {
  align-items: center;
}
.ccio-page-signUp, .ccio-page-login {
  padding: 50px;
}
.ccio-page-signUp .ccio-rowInput, .ccio-page-login .ccio-rowInput {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  width: 300px;
}
.ccio-page-signUp .ccio-rowInput > *, .ccio-page-login .ccio-rowInput > * {
  margin: 0;
  width: 100%;
}
.ccio-page-signUp .ccio-rowInput .g-recaptcha, .ccio-page-login .ccio-rowInput .g-recaptcha {
  margin: 10px 0;
}
.ccio-page-signUp .ccio-rowInput input:not([type="submit"]), .ccio-page-login .ccio-rowInput input:not([type="submit"]) {
  border: 1px solid black;
  background-color: white;
  font-size: 14px;
}
.ccio-mem-menuItem {
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px solid lightgrey;
}
.ccio-mem-menuItem:last-child {
  border-bottom: none;
}
#ccio-mem-ordersTable {
  width: 100%;
}
#ccio-mem-ordersTable th, #ccio-mem-ordersTable td {
  padding: 8px;
}
#ccio-mem-ordersTable #ccio-mem-ordersTableHeader {
  border: 1px solid black;
}
#ccio-mem-ordersTable .ccio-button, #ccio-mem-ordersTable .ccio-search-noDates {
  padding: 0;
  background-color: transparent;
  color: #24D8C3;
}
#ccio-mem-ordersTable .ccio-mem-sortAsc, #ccio-mem-ordersTable .ccio-mem-sortDesc {
  filter: invert(1);
}
.ccio-mem-orderCancelled {
  text-decoration: none !important;
  color: #FF4139;
}
.ccio-mem-orderCompleteNewMemberBanner, .ccio-mem-paymentPendingBanner, .ccio-mem-addressRequiredBanner, .ccio-bask-paymentDesc {
  border-radius: 0;
  font-style: normal;
}
.ccio-mem-orderSummaryRow {
  margin: 10px 0;
}
.ccio-mem-marketingOptionWrapper {
  align-items: flex-start;
}
.ccio-mem-saveMarketingOptions {
  background-color: black;
  border-radius: 26px;
  padding: 13px 40px;
  margin-top: 30px;
}
@media all and (max-width: 1000px) {
  
  .ccio-page-signUp, .ccio-page-login {
    padding: 25px 0;
  }
}
.ccio-bannerItemOverlayText {
  align-items: flex-start;
}
.ccio-carousel-item-title {
  color: #24D8C3;
}
.ccio-carousel-item-link {
  font-weight: bold;
}
.ccio-proframe-homepageBanner .ccio-bannerItemOverlayText {
  width: 50%;
}
.ccio-proframe-nouveautes .slick-list {
  padding: 30px 20px;
}
.ccio-proframe-nouveautes .ccio-carousel-item {
  background-color: #F8F7F7;
  border: 4px solid white;
  border-radius: 20px;
  box-shadow: 3px 6px 25px rgba(0, 0, 0, 0.12);
  padding: 20px;
  transition: transform 0.3s ease;
}
.ccio-proframe-nouveautes .ccio-carousel-item:hover {
  transform: translateY(-4px);
  cursor: pointer;
}
.ccio-proframe-nouveautes .ccio-carousel-item-img {
  max-width: 100%;
  height: 160px;
  object-fit: contain;
  display: block;
  margin: 20px auto;
}
.ccio-proframe-nouveautes .ccio-carousel-item-description p {
  font-family: futura-pt-bold, sans-serif;
  font-weight: normal !important;
  font-size: 16px !important;
  color: #000 !important;
  margin-bottom: 5px;
}
.ccio-proframe-nouveautes .ccio-carousel-item-description p:hover {
  color: #24D8C3 !important;
}
.ccio-proframe-nouveautes .ccio-carousel-item-description span {
  font-size: 14px !important;
  color: #333 !important;
  font-weight: normal !important;
}
.ccio-panelWizardNewsCarousel h2, .ccio-panelWizardNewsCarousel #ccio-lay-addingToBasket, .ccio-panelWizardNewsCarousel #ccio-lay-addToBasketError, .ccio-panelWizardNewsCarousel .ccio-prod-reservedContentTitle {
  display: none;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
  margin: 0;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-highlight-imageWrapper {
  z-index: 1;
  margin: -5px;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-highlight-contentWrapper {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  height: 100%;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-title {
  color: white;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-description {
  margin-block-start: 0;
  color: white;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-date {
  display: block;
  color: #24D8C3;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-link {
  display: none;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div {
  box-shadow: 3px 6px 25px rgba(0, 0, 0, 0.12);
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div:first-child {
  border-radius: 20px;
  background-color: black;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 100%;
  align-items: normal;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div:nth-child(2) {
  background-color: #F8F7F7;
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div:nth-child(2) .ccio-carousel-item-highlight-contentWrapper {
  border-left: 4px solid white;
  border-right: 4px solid white;
  border-bottom: 4px solid white;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div:nth-child(2) .ccio-carousel-item-title {
  color: black;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div:nth-child(2) .ccio-carousel-item-description {
  color: black;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item {
  margin: 0;
  cursor: pointer;
}
.ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-img {
  width: 100%;
  height: 100%;
}
.ccio-proframe-sponsors {
  justify-content: space-between;
  align-items: center;
}
.ccio-proframe-sponsors .ccio-carousel-item-img {
  max-width: 100px;
}
.slick-dots li button:before {
  font-size: 12px !important;
}
@media all and (max-width: 1000px) {
  
  .ccio-proframe-homepageBanner .ccio-bannerItemOverlayText {
    width: 100%;
  }
  
  .ccio-proframe-homepageBanner .ccio-bannerItemOverlayText img {
    width: 100%;
    height: 100%;
  }
  
  #ccio-head-account {
    display: none;
  }
  
  #ccio-head-menuCollapseWrapper {
    width: 52px;
    justify-content: center;
  }
  
  .ccio-proframe-nouveautes {
    margin: 0;
  }
  
  .ccio-panelWizardNewsCarousel .ccio-carouselSuppressed {
    grid-template-columns: 1fr;
  }
  
  .ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div:first-child {
    grid-template-columns: 1fr;
  }
  
  .ccio-panelWizardNewsCarousel .ccio-carouselSuppressed > div:nth-child(2) {
    grid-template-rows: 1fr;
  }
  
  .ccio-panelWizardNewsCarousel .ccio-carouselSuppressed .ccio-carousel-item-title {
    text-align: left;
  }
}