/**
 * 2021-05-06 10:24:05 */
body {
  /*font-family: 'Open Sans', 'Frutiger W01',Arial, 'Helvetica Neue', Helvetica, sans-serif;*/
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
}
/* Class for elements in custom content */
.headings-font,
.main-font,
h1,
h2,
h3,
h4,
h5,
.section-title,
.products-list .product-name,
.filter .block-subtitle,
.feature .heading,
.uaccordion .heading,
.block .block-title,
#opc-login h3,
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,
.product.data.items > .item.title > .switch,
.footer .heading,
#subscribe-form label,
.caption .heading {
  /* font-family: 'Frutiger W01',Arial, 'Helvetica Neue', Helvetica, sans-serif;*/
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 400;
}
body {
  background-color: #fff;
  color: #333;
}
a {
  color: #333;
}
a:hover,
.sideacco li.current > a,
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
  color: #3ec2df;
}
.action.primary {
  background-color: #eee;
  color: #333;
}
.action.primary:hover,
.action.primary:focus {
  background-color: #3ec2df;
  color: #fff;
}
.product-view .action.primary,
.action.primary.checkout {
  background-color: #333;
  color: #fff;
}
.product-view .action.primary:hover,
.action.primary.checkout:hover {
  background-color: #3ec2df;
  color: #fff;
}
.links > li > a:hover {
  background-color: #de2666;
  color: #fff !important;
}
.sticker.new {
  background-color: rgba(91, 210, 236, 0.85);
  color: #fff;
}
.sticker.sale {
  background-color: rgba(241, 43, 99, 0.85);
  color: #fff;
}
.sticker.custom {
  background-color: rgba(146, 210, 19, 0.85);
  color: #fff;
}
.opc-progress-bar-item._active:before,
.opc-progress-bar-item._active > span:before,
.opc-wrapper .shipping-address-item.selected-item:after,
.filter-title strong[data-count]:after,
.main-color--bg {
  background-color: #5bd2ec;
}
.opc-wrapper .shipping-address-item.selected-item,
.main-color--border {
  border-color: #5bd2ec;
}
.fotorama__thumb-border {
  border-color: #333;
}
.swatch-option.selected,
.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected,
.swatch-option:not(.disabled):hover,
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover {
  outline-color: #333;
}
.price-box .price {
  color: #2dc4e6;
}
.special-price .price,
.special-price .price-label {
  color: #F70046;
}
.page-product-configurable .product-info-price .special-price .price {
  color: #2dc4e6;
}
.old-price .price,
.old-price .price-label,
.old-price,
.old.price {
  color: #ccc;
}
.rating-summary .rating-result > span:before,
.review-control-vote label:before {
  color: #333;
}
.additional-bg-color,
.cart-summary,
.opc-block-summary,
.opc-estimated-wrapper,
.bundle-options-container .block-bundle-summary,
.block-collapsible-nav .content,
.checkout-agreements li {
  background-color: #f5f5f5;
}
.minicart-wrapper .action.showcart .counter:not(.ib),
.header-container .skip-link .counter,
.dropdown-block .dropdown-heading .counter {
  background-color: #5bd2ec;
}
.modes-mode,
.sorter-action,
.pages .page,
.pages .action,
.pages .action.previous,
.pages .action.next {
  background-color: #f5f5f5;
  color: #333;
}
.modes-mode:before,
.sorter-action:before,
.pages .action:before,
.pages .action.previous:before,
.pages .action.next:before {
  color: #333;
}
.modes-mode:hover,
.sorter-action:hover,
.pages .page:hover,
.pages .action:hover {
  background-color: #333;
  color: #fff;
}
.modes-mode:hover:before,
.sorter-action:hover:before,
.pages .action:hover:before,
.pages .action.previous:hover:before,
.pages .action.next:hover:before {
  color: #fff;
}
.modes-mode.active,
.pages .current .page {
  background-color: #e5e5e5;
  color: #333;
}
.modes-mode.active:before {
  color: #333;
}
/* Add-to links */
.addto-links .ic,
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
.slider-pagination1 .owl-controls .owl-page span,
.slider-pagination2 .owl-controls .owl-page span,
#cboxPrevious,
#cboxNext,
#cboxClose,
.uaccordion-style1 .opener,
.collapsible .opener,
.qty-button,
#scroll-to-top {
  background-color: #f5f5f5;
  color: #333;
}
/* Add-to links */
.addto-links .ic:hover,
.addto-links .feature-icon-hover:hover .ic,
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,
.uaccordion-style1 .opener:hover,
.collapsible .opener:hover,
.qty-button:hover,
#scroll-to-top:hover {
  background-color: #333;
  color: #fff;
}
/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page.active span,
.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span,
.slider-pagination2 .owl-controls .owl-page.active span,
.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span {
  background-color: #e5e5e5;
  color: #333;
}
.ib {
  background-color: #de2666;
  color: #fff;
}
.ib-hover:hover,
.feature-icon-hover:hover .ib {
  background-color: #5bd2ec;
  color: #fff;
}
.ib-ef-1:hover,
.feature-icon-hover:hover .ib-ef-1 {
  background-color: #5bd2ec;
  color: #fff;
}
.ib-ef-1:after {
  box-shadow: 0 0 0 4px #5bd2ec;
}
.ib-ef-2 {
  box-shadow: 0 0 0 4px #de2666;
}
.ib-ef-2:after {
  background-color: #de2666;
}
.ib-ef-2a:hover,
.feature-icon-hover:hover .ib-ef-2a {
  color: #fff;
}
.ib-ef-2b:hover,
.feature-icon-hover:hover .ib-ef-2b {
  color: #de2666;
}
.ib-ef-3 {
  box-shadow: 0 0 0 4px #de2666;
}
.ib-ef-3:after {
  background-color: #de2666;
}
.ib-ef-3a:hover,
.feature-icon-hover:hover .ib-ef-3a {
  color: #de2666;
}
.ib-ef-3b {
  color: #de2666;
}
.ib-ef-3b:hover,
.feature-icon-hover:hover .ib-ef-3b {
  color: #fff;
}
.ib.icon-color-productview {
  background-color: #eee;
  color: #333;
}
.ib-hover.icon-color-productview:hover,
.feature-icon-hover:hover .ib.icon-color-productview {
  background-color: #5bd2ec !important;
  color: #fff !important;
}
.cap {
  background-color: rgba(91, 210, 236, 0.85);
}
.page-wrapper {
  border-top-color: #fff;
  border-top-style: solid;
  border-top-width: 5px;
}
.inner-container {
  padding-left: 15px;
  padding-right: 15px;
}
.main.container {
  width: 100%;
  max-width: none;
}
.main.container > .inner-container {
  padding-left: 0;
  padding-right: 0;
}
.header-regular .block-search.expanding._active {
  width: 185px;
}
.header-regular .block-search .input-text,
.header-regular .block-search .action.search .icon,
.header-regular .block-search.expanding .input-text {
  background-color: #fff;
  color: #bbb;
}
.header-regular .block-search .input-text:hover,
.header-regular .block-search .input-text:focus,
.header-regular .block-search .action.search:hover .icon,
.header-regular .block-search .action.search:focus .icon,
.header-regular .block-search.expanding._active .input-text {
  background-color: #fff;
  color: #333;
}
.header-regular .block-search.expanding._active .action.search .icon {
  color: #333;
}
.block-search .action.search .icon {
  background-color: transparent !important;
  color: #bbb;
}
.header-regular .block-search .input-text {
  border-color: #ddd;
}
.header-regular .block-search .input-text:hover,
.header-regular .block-search .input-text:focus {
  border-color: #eee;
}
.header-regular .block-search .action.search,
.header-regular .block-search .action.search:before,
.header-regular .block-search .input-text::-webkit-input-placeholder,
.header-regular .block-search .input-text:-moz-placeholder,
.header-regular .block-search .input-text::-moz-placeholder,
.header-regular .block-search .input-text:-ms-input-placeholder,
.header-regular .block-search .input-text::placeholder {
  color: #bbb;
}
.header-regular .block-search .action.search:hover,
.header-regular .block-search .action.search:focus,
.header-regular .block-search .action.search:hover:before,
.header-regular .block-search .action.search:focus:before,
.header-regular .block-search .input-text:hover::-webkit-input-placeholder,
.header-regular .block-search .input-text:focus::-webkit-input-placeholder,
.header-regular .block-search .input-text:hover:-moz-placeholder,
.header-regular .block-search .input-text:focus:-moz-placeholder,
.header-regular .block-search .input-text:hover::-moz-placeholder,
.header-regular .block-search .input-text:focus::-moz-placeholder,
.header-regular .block-search .input-text:hover:-ms-input-placeholder,
.header-regular .block-search .input-text:focus:-ms-input-placeholder,
.header-regular .block-search .input-text:hover::placeholder,
.header-regular .block-search .input-text:focus::placeholder {
  color: #333;
}
.header-regular .block-search .input-text {
  box-shadow: none;
}
.header-regular .block-search .input-text:focus {
  box-shadow: 0 0 5px rgba(81, 167, 232, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.header-container .dropdown-block .dropdown-content,
.header-container .dropdown-block.filled-heading.open .dropdown-heading .inner-heading,
.header-container .dropdown-block.open .dropdown-heading.cover .inner-heading,
.header-container .block-search .search-autocomplete ul li {
  background-color: #fff;
  color: #333;
}
.header-container .dropdown-block.filled-heading.open .dropdown-heading .icon:not(.ib),
.header-container .dropdown-block.open .dropdown-heading.cover .icon:not(.ib) {
  color: #333;
}
.header-container .dropdown-block .dropdown-content a,
.header-container .dropdown-block .dropdown-content .action:before,
.header-container .dropdown-block.filled-heading.open .dropdown-heading a,
.header-container .dropdown-block.open .dropdown-heading.cover a {
  color: #333;
}
.header-container .dropdown-block .dropdown-content a:hover,
.header-container .dropdown-block .dropdown-content .action:hover:before,
.header-container .dropdown-block.filled-heading.open .dropdown-heading a:hover,
.header-container .dropdown-block.open .dropdown-heading.cover a:hover,
.header-container .block-search .search-autocomplete ul li:hover,
.header-container .block-search .search-autocomplete ul li.selected {
  color: #aaa;
}
.dropdown-block.show-pointer .dropdown-content:before {
  border-bottom-color: #fff;
}
.dropdown-block.show-border .dropdown-content:after {
  border-bottom-color: ;
}
.dropdown-block.show-border .dropdown-content,
.dropdown-block.show-border.filled-heading.open .dropdown-heading {
  border-color: ;
}
.dropdown-block .dropdown-heading .icon {
  color: #333;
}
.dropdown-block .dropdown-heading .icon.ib {
  background-color: #f55856;
}
.header-top .local-height,
.header-top .dropdown-block .dropdown-heading,
.header-top .links > li > * {
  line-height: 40px;
}
.header-top .dropdown-block .dropdown-heading {
  max-height: 40px;
}
.header-top {
  line-height: 40px;
}
.header-primary {
  padding-top: 5px;
  padding-bottom: 5px;
}
.header-primary .local-font,
.header-primary .dropdown-block .dropdown-heading,
.header-primary .links > li > * {
  line-height: 40px;
}
.header-primary .dropdown-block .dropdown-heading {
  max-height: 40px;
}
.cat-label-label1 {
  background-color: #5bd2ec;
  color: #fff;
}
.cat-label-label2 {
  background-color: #d52462;
  color: #fff;
}
li.level0 > a > span > .cat-label-label1.pin-bottom:before {
  border-top-color: #5bd2ec;
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
  border-top-color: #d52462;
}
li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label {
  background-color: #ff7214;
  color: #fff;
}
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before {
  border-top-color: #ff7214;
}
.navi .nav-panel--dropdown {
  background-color: #fff;
  color: #333;
}
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {
  background-color: #fff !important;
}
.nav-regular .nav-panel--dropdown .nav-item > a:hover {
  background-color: #F0F8FF;
}
.navi .nav-panel--dropdown a {
  color: #333;
}
.navi .nav-panel--dropdown a:hover {
  color: #00a9c7;
}
.nav-regular .nav-panel--dropdown {
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.nav-mobile div.nav-panel--dropdown,
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  z-index: 1;
  position: relative;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav-container {
  background-color: #0087c1;
}
.sticky-header .nav-container,
.sticky-header .navi-wrapper,
.sticky-header .nav-regular:not(.nav-vert) {
  background-color: #fff;
}
.sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a,
.sticky-header .nav-regular .nav-item--homeicon a,
.sticky-header .nav-regular .nav-item--homeicon.active a,
.sticky-header .nav-holder .dropdown-block .dropdown-heading,
.sticky-header .nav-holder .dropdown-block .dropdown-heading .icon:not(.ib),
.sticky-header .nav-holder .dropdown-block .dropdown-heading a,
.sticky-header .nav-holder .block-search.expanding:not(._active) .action.search .icon {
  color: #333;
}
.sticky-header .nav-border-bottom {
  border-bottom: none;
}
.nav-mobile .nav-item > a,
.header-mobile .skip-content .links > li > a {
  line-height: 50px;
}
.navi-wrapper,
.nav-regular {
  background-color: #0087c1;
}
.nav-regular:not(.nav-vert) .nav-item.level0 > a,
.nav-holder .dropdown-block .dropdown-heading,
.nav-holder .dropdown-block .dropdown-heading .icon:not(.ib),
.nav-holder .dropdown-block .dropdown-heading a,
.nav-holder .block-search.expanding .action.search .icon {
  color: #fff;
}
.navi .nav-item--homeicon a {
  color: #fff !important;
}
.nav-mobile .nav-item.level0 > a,
.header-mobile .skip-content .links > li > a {
  background-color: #f8f8f8;
  color: #333;
  padding: 0 10px;
}
.nav-mobile .nav-item.level0 > .opener {
  color: #333;
}
.navi.nav-mobile ul.level0 .nav-item > a {
  background-color: #f8f8f8;
  color: #333;
}
.nav-mobile ul.level0 .nav-item > .opener {
  color: #333;
}
.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
  background-color: #00a8e2;
  color: #fff;
}
.nav-mobile .nav-item.level0.current > a,
.header-mobile .skip-content .links > li.current > a {
  background-color: #333;
  color: #fff;
}
.nav-mobile .nav-item.level0.current > .opener {
  color: #fff;
}
.navi.nav-mobile ul.level0 .nav-item.current > a {
  background-color: #333;
  color: #fff;
}
.nav-mobile ul.level0 .nav-item.current > .opener {
  color: #fff;
}
.nav-regular:not(.nav-vert) .nav-item.level0:hover > a {
  background-color: #00a8e2;
  color: #fff;
}
.nav-mobile .nav-item.level0 > a:hover,
.header-mobile .skip-content .links > li > a:hover {
  background-color: #5bd2ec;
  color: #fff;
}
.nav-mobile .nav-item.level0 > a:hover + .opener {
  color: #fff;
}
.navi.nav-mobile ul.level0 .nav-item > a:hover {
  background-color: #5bd2ec;
  color: #fff;
}
.nav-mobile ul.level0 .nav-item > a:hover + .opener {
  color: #fff;
}
.nav-vert .nav-item.level0 > a {
  background-color: #f8f8f8;
  color: #333;
}
.sideacco .nav-item > a {
  background-color: #f8f8f8;
  color: #333;
}
.sideacco .nav-item > .opener {
  color: #333;
}
.nav-vert .nav-item.level0.active > a {
  background-color: #333;
  color: #f5f5f5;
}
.sideacco .nav-item.current > a {
  background-color: #333;
  color: #f5f5f5;
}
.sideacco .nav-item.current > .opener {
  color: #f5f5f5;
}
.nav-vert .nav-item.level0:hover > a {
  background-color: #5bd2ec;
  color: #fff;
}
.sideacco .nav-item > a:hover {
  background-color: #5bd2ec;
  color: #fff;
}
.sideacco .nav-item > a:hover + .opener {
  color: #fff;
}
.navi.nav-vert-triggerable {
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.navi-wrapper .menu-trigger,
.nav-regular .nav-item.level0 > a {
  line-height: 50px;
}
.navi-wrapper .navi.nav-vert-triggerable {
  top: 50px;
}
.nav-holder > * {
  line-height: 50px;
  max-height: 50px;
}
.nav-holder .dropdown-block .dropdown-heading {
  line-height: 50px;
  max-height: 50px;
}
.menu-trigger,
.nav-vert .nav-item.level0 > a {
  line-height: 36px;
}
.vertnav-trigger + .navi.nav-vert-triggerable {
  top: 36px;
}
.sideacco .nav-item > a {
  line-height: 36px;
}
.sideacco .nav-item.parent > a {
  padding-right: 36px;
}
.sideacco .nav-item > .opener {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.nav-mobile .nav-item {
  margin-top: 1px !important;
}
.nav-mobile {
  background-color: #eee;
}
.menu-trigger .menu-trigger-inner {
  background-color: #0087c1;
  color: #fff;
}
.menu-trigger .menu-trigger-inner:hover {
  background-color: #00a8e2;
  color: #fff;
}
.menu-trigger.active .menu-trigger-inner {
  background-color: #00a8e2;
  color: #fff;
}
.menu-trigger .menu-trigger-inner .trigger-icon .line {
  background-color: #fff;
}
.menu-trigger .menu-trigger-inner:hover .trigger-icon .line {
  background-color: #fff;
}
.menu-trigger.active .menu-trigger-inner .trigger-icon .line {
  background-color: #fff;
}
.vertnav-trigger .menu-trigger-inner {
  background-color: #f7f7f7;
  color: #333;
}
.vertnav-trigger .menu-trigger-inner .trigger-icon .line {
  background-color: #333;
}
.vertnav-trigger,
.nav-regular .nav-item.level0 > a,
.nav-holder .dropdown-block .dropdown-heading {
  font-family: Bitter;
  font-size: 16px;
  text-transform: uppercase;
}
.nav-regular .nav-item > a {
  font-size: 16px;
}
.nav-regular .nav-submenu--mega .nav-item > a {
  font-size: 14px;
  text-transform: none;
}
.nav-regular .nav-submenu--mega > .nav-item > a {
  font-family: Bitter;
  font-size: 16px;
  text-transform: uppercase;
}
.nav-mobile li.nav-item > a {
  font-size: 16px;
}
.mobnav-trigger,
.nav-mobile .nav-item.level0 > a,
.header-mobile .skip-content .links > li > a {
  font-size: 18px;
  text-transform: uppercase;
}
.nav-mobile .nav-item.level1 > a {
  font-size: 18px;
  text-transform: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Menu */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 14px;
  }
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 6px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
  /* Menu */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 14px;
  }
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 4px;
  }
}
@media only screen and (max-width: 959px) {
  /* Menu */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 13px;
  }
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 3px;
  }
}
.header-container-micro {
  background-color: rgba(0, 0, 0, 0.02);
}
.header-mobile.header-container,
.header-mobile .header-m-container,
.header-mobile .nav-container {
  padding-top: 0;
  padding-bottom: 0;
}
.header-mobile .skip-link {
  background-color: #fafafa;
  color: #333;
}
.header-mobile .skip-link.skip-active {
  background-color: #f5f5f5;
  color: #3ec2df;
}
.header-mobile .skip-link:hover {
  background-color: #5bd2ec;
  color: #fff;
}
.header-mobile .skip-content--style {
  background-color: #f5f5f5;
  color: #333;
}
.header-mobile .skip-content--style a {
  color: #333;
}
.header-mobile .skip-content--style a:hover {
  color: #3ec2df;
}
.main.container {
  background-color: #fff;
}
.truncated .item-options {
  background-color: #fff;
}
/* Slider arrows */
.slideshow-wrapper .owl-controls .owl-buttons div,
.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page span,
.slideshow-wrapper.slider-pagination2 .owl-controls .owl-page span,
.slideshow-wrapper.slider-pagination2 .owl-controls .owl-page.active span,
.slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span {
  background-color: #fff;
  color: #333;
}
/* Slider arrows */
.slideshow-wrapper .owl-controls.clickable .owl-buttons div:hover,
.slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page:hover span {
  background-color: #000;
  color: #fff;
}
.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page.active span,
.slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span {
  background-color: #de2666;
}
.footer .button {
  background-color: #e5e5e5;
  color: #555;
}
.footer .button:hover,
.footer .button:focus {
  background-color: #a5db00;
  color: #fff;
}
.footer .ib,
.footer span.icon {
  background-color: #de2666;
  color: #fff;
}
.footer .ib-hover:hover,
.footer span.icon-hover:hover,
.footer .feature-icon-hover:hover .ib,
.footer .feature-icon-hover:hover span.icon {
  background-color: #444 !important;
  color: #fff !important;
}
/* Slider arrows */
.footer .slider-arrows1 .owl-controls .owl-buttons div,
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-arrows2 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-pagination1 .owl-controls .owl-page span,
.footer .slider-pagination2 .owl-controls .owl-page span,
.footer .uaccordion-style1 .opener,
.footer .collapsible .opener {
  background-color: #f5f5f5;
  color: #333;
}
/* Slider arrows */
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,
.footer .uaccordion-style1 .opener:hover,
.footer .collapsible .opener:hover {
  background-color: #5bd2ec;
  color: #fff;
}
.footer-top {
  color: #fff;
}
.footer-top a {
  color: #fff;
}
.footer-primary-container {
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer-primary {
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-bottom {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-bottom a {
  color: #fff;
}
.footer-bottom a:hover {
  color: #fff;
}
.social-links .ib,
.social-links a > span.icon {
  background-color: #bbb;
  color: #fff;
}
.social-links .ib-hover:hover,
.social-links a > span.icon-hover:hover {
  background-color: #ff7214 !important;
  color: #fff !important;
}
/* Sticky header */
.sticky-header .sticky-container,
.dropdown-block.filled-heading.open .dropdown-heading,
.dropdown-block.open .dropdown-heading.filled,
.dropdown-block.open .dropdown-heading.cover,
.dropdown-block.open .dropdown-content,
.search-autocomplete {
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
/**
 * 2021-05-06 10:24:05 */
/* w:1200, b:1200*/
.lte-ie8 .container {
  max-width: 1170px;
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  /* Item grid
        -------------------------------------------------------------- */
  .itemgrid .item {
    width: 23%;
    clear: none !important;
  }
  .itemgrid > li:nth-of-type(4n+1) {
    clear: left !important;
  }
  /* Item grid - adaptive
        -------------------------------------------------------------- */
  /* Item grid: 2 columns */
  .itemgrid-adaptive.itemgrid-2col .item {
    width: 31.3333%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) {
    clear: left !important;
  }
  /* Item grid: 3 columns */
  .itemgrid-adaptive.itemgrid-3col .item {
    width: 23%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) {
    clear: left !important;
  }
  /* Item grid: 4 columns */
  .itemgrid-adaptive.itemgrid-4col .item {
    width: 18%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) {
    clear: left !important;
  }
  /* Item grid: 5 columns */
  .itemgrid-adaptive.itemgrid-5col .item {
    width: 14.6666%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) {
    clear: left !important;
  }
  /* Item grid: 6 columns */
  .itemgrid-adaptive.itemgrid-6col .item {
    width: 12.2857%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) {
    clear: left !important;
  }
  /* Item grid: 7 columns */
  .itemgrid-adaptive.itemgrid-7col .item {
    width: 10.5%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) {
    clear: left !important;
  }
  /* Hide */
  .hide-below-1280 {
    display: inherit !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 970px;
  }
  /* Item grid
        -------------------------------------------------------------- */
  .itemgrid .item {
    width: 31.3333%;
    clear: none !important;
  }
  .itemgrid > li:nth-of-type(3n+1) {
    clear: left !important;
  }
  /* Item grid - adaptive
        -------------------------------------------------------------- */
  /* Item grid: 2 columns */
  .itemgrid-adaptive.itemgrid-2col .item {
    width: 48%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(2n+1) {
    clear: left !important;
  }
  /* Item grid: 3 columns */
  .itemgrid-adaptive.itemgrid-3col .item {
    width: 31.3333%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(3n+1) {
    clear: left !important;
  }
  /* Item grid: 4 columns */
  .itemgrid-adaptive.itemgrid-4col .item {
    width: 23%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(4n+1) {
    clear: left !important;
  }
  /* Item grid: 5 columns */
  .itemgrid-adaptive.itemgrid-5col .item {
    width: 18%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(5n+1) {
    clear: left !important;
  }
  /* Item grid: 6 columns */
  .itemgrid-adaptive.itemgrid-6col .item {
    width: 14.6666%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(6n+1) {
    clear: left !important;
  }
  /* Item grid: 7 columns */
  .itemgrid-adaptive.itemgrid-7col .item {
    width: 12.2857%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(7n+1) {
    clear: left !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 750px;
  }
  /* 2 columns - left
        -------------------------------------------------------------- */
  .page-layout-2columns-left .column.main {
    width: 75%;
  }
  .page-layout-2columns-left .sidebar-main {
    width: 25%;
  }
  .page-layout-2columns-left .sidebar-additional {
    width: 25%;
  }
  /* 2 columns - right
        -------------------------------------------------------------- */
  .page-layout-2columns-right .column.main {
    width: 75%;
  }
  .page-layout-2columns-right .sidebar-main {
    width: 25%;
  }
  .page-layout-2columns-right .sidebar-additional {
    width: 25%;
  }
  /* 3 columns
        -------------------------------------------------------------- */
  .page-layout-3columns .column.main {
    width: 75%;
    float: right;
  }
  .page-layout-3columns .sidebar-main {
    width: 25%;
    float: left;
  }
  .page-layout-3columns .sidebar-additional {
    width: 25%;
    padding-right: 2%;
    padding-left: 0;
    clear: left;
    float: left;
  }
  /* Item grid
        -------------------------------------------------------------- */
  .itemgrid .item {
    width: 31.3333%;
    clear: none !important;
  }
  .itemgrid > li:nth-of-type(3n+1) {
    clear: left !important;
  }
  /* Item grid - adaptive
           Between breakpoints S and M decrease number of columns
           if default number of columns is 4 or higher.
        -------------------------------------------------------------- */
  /* Item grid: 4 columns */
  .itemgrid-adaptive.itemgrid-4col .item {
    width: 31.3333%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(3n+1) {
    clear: left !important;
  }
  /* Item grid: 5 columns */
  .itemgrid-adaptive.itemgrid-5col .item {
    width: 23%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(4n+1) {
    clear: left !important;
  }
  /* Item grid: 6 columns */
  .itemgrid-adaptive.itemgrid-6col .item {
    width: 18%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(5n+1) {
    clear: left !important;
  }
  /* Item grid: 7 columns */
  .itemgrid-adaptive.itemgrid-7col .item {
    width: 14.6666%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(6n+1) {
    clear: left !important;
  }
  /* Item grid: 8 columns */
  .itemgrid-adaptive.itemgrid-8col .item {
    width: 12.2857%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-8col > li:nth-of-type(7n+1) {
    clear: left !important;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    max-width: none !important;
    width: 100%;
  }
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-5,
  .grid12-6,
  .grid12-7,
  .grid12-8,
  .grid12-9,
  .grid12-10,
  .grid12-11,
  .grid12-12,
  .grid-full {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .columns .column.main,
  .columns .sidebar-main,
  .columns .sidebar-additional {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .v-grid-container {
    display: block;
  }
  .v-grid {
    float: inherit;
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  /* Item grid
        -------------------------------------------------------------- */
  .itemgrid .item {
    width: 31.3333%;
    clear: none !important;
  }
  .itemgrid > li:nth-of-type(3n+1) {
    clear: left !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
  /* Item grid
        -------------------------------------------------------------- */
  .itemgrid .item {
    width: 48%;
    clear: none !important;
  }
  .itemgrid > li:nth-of-type(2n+1) {
    clear: left !important;
  }
}
@media only screen and (max-width: 479px) {
  .category-products-grid.hover-effect .item .addto-links,
  .category-products-grid .item .addto-links {
    display: none !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  /* Item grid
        -------------------------------------------------------------- */
  .itemgrid .item {
    width: 48%;
    clear: none !important;
  }
  .itemgrid > li:nth-of-type(2n+1) {
    clear: left !important;
  }
}
@media only screen and (max-width: 319px) {
  /* Disable hover effect */
  .category-products-grid.hover-effect .item:hover {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1%;
    padding-right: 1%;
    box-shadow: none !important;
    border-color: #f5f5f5;
  }
  .category-products-grid.hover-effect .item .display-onhover {
    display: block !important;
  }
  .category-products-grid.hover-effect.single-line-name .item .product-name {
    overflow: visible;
    white-space: normal;
  }
  /* Item grid
        -------------------------------------------------------------- */
  /* Always show 1 column */
  /* Important: added ".itemgrid" class to override other styles */
  .itemgrid.itemgrid-adaptive .item {
    width: 98%;
    clear: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .hide-below-1024 {
    display: none !important;
  }
}
@media only screen and (max-width: 959px) {
  .hide-below-960 {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .hide-below-768 {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .hide-below-480 {
    display: none !important;
  }
}
@media only screen and (max-width: 319px) {
  .hide-below-320 {
    display: none !important;
  }
}
