/*=============================================
=            Normaliser            =
=============================================*/
  /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
  /* Document
   ========================================================================== */
  /* Last update 16.04.2018 */
  /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
  html {
      line-height: 1.15;
      /* 1 */
      -webkit-text-size-adjust: 100%;
      /* 2 */
      box-sizing: border-box;
  }

  *,
  *::before,
  *::after {
      box-sizing: inherit;
  }

  /* Sections
   ========================================================================== */
  /**
 * Remove the margin in all browsers.
 */
  body {
      margin: 0;
      font-size: 100%;
      /* Ion Pulbere 11.04.2018*/
  }

  /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  h1 {
      font-size: 2em;
      margin: 0.67em 0;
  }

  /* Grouping content
   ========================================================================== */
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  hr {
      box-sizing: content-box;
      /* 1 */
      height: 0;
      /* 1 */
      overflow: visible;
      /* 2 */
  }

  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  pre {
      font-family: monospace, monospace;
      /* 1 */
      font-size: 1em;
      /* 2 */
  }

  /* Text-level semantics
   ========================================================================== */
  /**
 * Remove the gray background on active links in IE 10.
 */
  a {
      background-color: transparent;
  }

  /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  abbr[title] {
      border-bottom: none;
      /* 1 */
      text-decoration: underline;
      /* 2 */
      text-decoration: underline dotted;
      /* 2 */
  }

  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  b,
  strong {
      font-weight: bolder;
  }

  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  code,
  kbd,
  samp {
      font-family: monospace, monospace;
      /* 1 */
      font-size: 1em;
      /* 2 */
  }

  /**
 * Add the correct font size in all browsers.
 */
  small {
      font-size: 80%;
  }

  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  sub,
  sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
  }

  sub {
      bottom: -0.25em;
  }

  sup {
      top: -0.5em;
  }

  /* Embedded content
   ========================================================================== */
  /**
 * Remove the border on images inside links in IE 10.
 */
  img {
      border-style: none;
      max-width: 100%;
      /* 16.04.2018 by Ion Pulbere IP */
  }

  /* Forms
   ========================================================================== */
  /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
  button,
  input,
  optgroup,
  select,
  textarea {
      font-family: inherit;
      /* 1 */
      font-size: 100%;
      /* 1 */
      line-height: 1.15;
      /* 1 */
      margin: 0;
      /* 2 */
  }

  /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  button,
  input {
      /* 1 */
      overflow: visible;
  }

  /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  button,
  select {
      /* 1 */
      text-transform: none;
  }

  /**
 * Correct the inability to style clickable types in iOS and Safari.
 */
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
      -webkit-appearance: button;
  }

  /**
 * Remove the inner border and padding in Firefox.
 */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
      border-style: none;
      padding: 0;
  }

  /**
 * Restore the focus styles unset by the previous rule.
 */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
      outline: 1px dotted ButtonText;
  }

  /**
 * Correct the padding in Firefox.
 */
  fieldset {
      padding: 0.35em 0.75em 0.625em;
  }

  /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
  legend {
      box-sizing: border-box;
      /* 1 */
      color: inherit;
      /* 2 */
      display: table;
      /* 1 */
      max-width: 100%;
      /* 1 */
      padding: 0;
      /* 3 */
      white-space: normal;
      /* 1 */
  }

  /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  progress {
      vertical-align: baseline;
  }

  /**
 * Remove the default vertical scrollbar in IE 10+.
 */
  textarea {
      overflow: auto;
  }

  /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
  [type="checkbox"],
  [type="radio"] {
      box-sizing: border-box;
      /* 1 */
      padding: 0;
      /* 2 */
  }

  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
      height: auto;
  }

  /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  [type="search"] {
      -webkit-appearance: textfield;
      /* 1 */
      outline-offset: -2px;
      /* 2 */
  }

  /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
  [type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
  }

  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  ::-webkit-file-upload-button {
      -webkit-appearance: button;
      /* 1 */
      font: inherit;
      /* 2 */
  }

  /* Interactive
   ========================================================================== */
  /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
  details {
      display: block;
  }

  /*
 * Add the correct display in all browsers.
 */
  summary {
      display: list-item;
  }

  /* Misc
   ========================================================================== */
  /**
 * Add the correct display in IE 10+.
 */
  template {
      display: none;
  }

  /**
 * Add the correct display in IE 10.
 */
  [hidden] {
      display: none;
  }

  /*=====  End of Normaliser  ======*/
  /*=============================================
    =            Slider with Video            =
    =============================================*/
  .rvln-slide-with-video {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .rvln-slide-with-video > .video-content {
      border: 10px solid #fff;
  }

  .rvln-slide-with-video > .video-content iframe {
      width: 640px;
      height: 400px;
      margin-bottom: -5px;
  }

  /*=====  End of Slider with Video  ======*/
  /*=============================================
=            Customise Theme            =
=============================================*/
  #description {
      font-size: 14px;
  }

  html,
  body {
      border-width: 0 !important;
  }

  .block.category.event,
  .footer.content,
  .header.content,
  .page-header .header.panel,
  .page-wrapper > .breadcrumbs,
  .page-wrapper > .page-bottom,
  .page-wrapper > .widget,
  .top-container,
  footer .container,
  .navigation,
  .page-main,
  .cms-cosy_power_homepage .page-main .container,
  #brands-slider-demo-10 {
      max-width: 85% !important;
  }

  .cms-cosy_power_homepage .page-main {
      max-width: 100% !important;
  }

  /* .page-main,  */
  /*=====  End of Customise Theme  ======*/
  a {
      transition: 350ms;
  }

  a:hover,
  a:hover span,
  .footer-middle a:hover {
      color: #ff6600 !important;
      text-decoration: none !important;
  }

  /* .best-selling-sec{
    padding-top: 0;
} */
  /*=============================================
=            Footer            =
=============================================*/
  .footer-bottom {
      background-color: #0c0c0c !important;
  }

  .footer-middle {
      background-color: #121214 !important;
  }

  .footer-top {
      background-color: #ececec !important;
  }

  .footer-bottom > .container {
      display: flex;
      justify-content: space-between;
      /* flex-wrap: wrap; */
      align-items: center;
  }

  .footer-bottom > .container .custom-block {
      order: 3;
  }

  .footer-bottom > .container .custom-block p {
      margin-bottom: 0;
  }

  .footer-bottom > .container address {
      font-size: 12px;
  }

  .footer-middle .block .block-title strong {
      color: #F60 !important;
  }

  .footer-middle,
  .footer-middle p,
  .footer-middle a,
  .footer-middle ul li em.porto-icon-right-dir.theme-color,
  .footer-bottom {
      color: #B0AFAF !important;
  }

  /*=====  End of Footer  ======*/
  .footer-middle {
      font-size: 14px;
  }

  .block-contact-footer .logo-footer {
      margin-bottom: 3em;
  }

  .footer-middle .block ul {
      margin-top: 10px;
  }

  .footer-middle .block {
      max-width: 300px;
  }

  .footer-middle .col-lg-3:not(:first-of-type) .block {
      margin: 0 auto;
  }

  /* footer top */
  .footer-top .homepage-bar > .container {
      width: 100%;
      max-width: 100% !important;
  }

  .footer-top .homepage-bar > .container .row {
      /* border: 1px solid #c1c1c1; */
      padding: 1em;
  }

  .footer-top .homepage-bar > .container .row .col-lg-4 em::before {
      color: #f60;
  }

  .footer-top .homepage-bar > .container .row .col-lg-4 h3 {
      color: #1a1a1a !important;
      font-weight: 700 !important;
  }

  .footer-top .homepage-bar > .container .row .col-lg-4 {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .homepage-bar .col-lg-4:not(:first-of-type) {
      border-left: 1px solid #c1c1c1 !important;
  }

  /* colors */
  .price-container .price {
      color: #f60 !important;
  }

  .page-header,
  .minicart-wrapper .block-minicart,
  .product.data.items > .item.title.active > .switch,
  .product.data.items > .item.title.active > .switch:focus,
  .product.data.items > .item.title.active > .switch:hover,
  .authentication-dropdown,
  .login-container,
  .form.password.reset,
  .form.send.confirmation,
  .form.password.forget,
  .form.create.account,
  .form.form-edit-account,
  .form-address-edit,
  .form-newsletter-manage,
  .featured-box .box-content,
  .history .featured-box .box-content,
  .form.search.advanced,
  .homepage-grid-banner .ribbon::before,
  .cms-index-index .testimonial-arrow-down,
  #newsletter_popup,
  .iwd-one-page-checkout-sidebar .iwd-opc-block-summary,
  .block-header-customer-login {
      border-top-color: #106fc8;
  }

  a,
  a:hover,
  .page-header a,
  .page-header a:hover,
  .page-header .panel.header .header.links > li > a,
  .minicart-wrapper .action.showcart::before,
  .minicart-wrapper .action.showcart.active::before,
  .owl-theme .owl-controls .owl-nav [class*="owl-"],
  .recent-posts .post-date .day,
  .minicart-wrapper .action.showcart:hover::before,
  .minicart-wrapper .action.showcart:active::before,
  .minicart-wrapper .action.showcart.active::before,
  .minicart-wrapper .action.showcart.active:hover::before,
  .sorter-action::before,
  .pages a.page,
  .pages a.page,
  .sorter-action:hover::before,
  .product-options-bottom .price-box .price-container .price,
  .product-info-price .price-box .price-container .price,
  .product-info-main .product-info-price .price-wrapper .price,
  .product.data.items > .item.title.active > .switch,
  .product.data.items > .item.title.active > .switch:focus,
  .product.data.items > .item.title.active > .switch:hover,
  .minicart-items .action.edit::before,
  .minicart-items .action.delete::before,
  .page-main > .page-title-wrapper .page-title,
  .cart.table-wrapper .product-item-name > a,
  .cart.table-wrapper .product-item-name > a:hover,
  .cart.table-wrapper .col.subtotal .price,
  .cart.table-wrapper .actions-toolbar > .action-edit:hover::before,
  .cart.table-wrapper .actions-toolbar > .action-delete:hover::before,
  .cart.table-wrapper .actions-toolbar > .action-edit::before,
  .cart.table-wrapper .actions-toolbar > .action-delete::before,
  .paypal-review-discount .block > .title strong,
  .cart-discount .block > .title strong,
  .minicart-items .action.edit:hover::before,
  .minicart-items .action.delete:hover::before,
  .authentication-wrapper button.action-auth-toggle,
  .modal-custom .action-close::before,
  .modal-popup .action-close::before,
  .modal-slide .action-close::before,
  .abs-action-button-as-link:hover,
  .abs-action-remove:hover,
  .abs-discount-block .action.check:hover,
  .popup .actions-toolbar .action.cancel:hover,
  .paypal-button-widget .paypal-button:hover,
  .bundle-options-container .action.back:hover,
  .block.related .action.select:hover,
  .cart.table-wrapper .actions-toolbar > .action-delete:hover,
  .cart.table-wrapper .action.help.map:hover,
  .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover,
  .opc-wrapper .edit-address-link:hover,
  .opc-block-shipping-information .shipping-information-title .action-edit:hover,
  .action-auth-toggle:hover,
  .checkout-payment-method .payment-method-billing-address .action-cancel:hover,
  .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover,
  .checkout-agreements-block .action-show:hover,
  .gift-options .actions-toolbar .action-cancel:hover,
  .gift-summary .action-edit:hover,
  .gift-summary .action-delete:hover,
  .gift-wrapping-title .action-remove:hover,
  .wishlist.split.button > .action:hover,
  .abs-add-fields .action.remove:hover,
  .paypal-review-discount .action.check:hover,
  .cart-discount .action.check:hover,
  .form-giftregistry-share .action.remove:hover,
  .form-giftregistry-edit .action.remove:hover,
  .form-add-invitations .action.remove:hover,
  .form-create-return .action.remove:hover,
  .form.send.friend .action.remove:hover,
  .opc-progress-bar-item._complete > span,
  .checkout-payment-method .payment-option-title .action-toggle,
  .checkout-payment-method .payment-option-title .action-toggle::after,
  .opc-block-shipping-information .shipping-information-title .action-edit::before,
  .opc-block-shipping-information .shipping-information-title .action-edit:hover::before,
  .block-collapsible-nav .item.current a,
  .block-collapsible-nav .item.current strong,
  .block-collapsible-nav .item a:hover,
  .block-collapsible-nav .item a:active,
  .block-collapsible-nav .item a:focus,
  .magento-rma-returns-returns .page-main .page-title-wrapper .page-title,
  .magento-rma-returns-view .page-main .page-title-wrapper .page-title,
  .magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
  .account .page-main .page-title-wrapper .page-title,
  [class^="sales-guest-"] .page-main .page-title-wrapper .page-title,
  .sales-guest-view .page-main .page-title-wrapper .page-title,
  .magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
  .fieldset > .legend,
  p .alternative-font,
  .entry-content h3,
  .history h4,
  .nav-toggle::before,
  .block-search .label::before,
  .nav-toggle:hover::before,
  .block-search .label:hover::before,
  .fotorama .fotorama-sprite,
  .fotorama__fullscreen .fotorama .fotorama__zoom-out,
  .fotorama__fullscreen .fotorama .fotorama__zoom-in,
  .fotorama .fotorama__arr .fotorama__arr__arr,
  .fotorama .fotorama__fullscreen-icon,
  .fotorama .fotorama__thumb__arr,
  .page-header.type5 .search-area > a,
  .page-header.type5 .search-area > a:hover,
  .page-header.type5 .minicart-wrapper .action.showcart::before,
  .page-header.type5 .minicart-wrapper .action.showcart.active::before,
  .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty,
  .page-header.type5 .block-search .action.search::before,
  .block-search .action.search::before,
  .filterproducts-tab .data.items > .item.title[aria-expanded="true"] a.switch,
  .page-header.type7 .minicart-wrapper .action.showcart .counter.qty,
  .qty.field .qty-changer > a:hover,
  .post-holder .post-date .day,
  .widget.block-recent-posts ul li a,
  .post-list .post-content .post-read-more,
  .post-header .post-title a,
  a:visited,
  .alink:visited,
  a:active,
  .alink:active,
  .block-category-event > div.event-desc,
  .block-category-event .event-ticker .dates > div > span.desc,
  #ln_slider_price .ui-slider-handle,
  .table.grouped .price-box .price,
  .abs-action-remove,
  .abs-discount-block .action.check,
  .popup .actions-toolbar .action.cancel,
  .paypal-button-widget .paypal-button,
  .bundle-options-container .action.back,
  .block.related .action.select,
  .cart.table-wrapper .actions-toolbar > .action-delete,
  .cart.table-wrapper .action.help.map,
  .checkout-index-index .modal-popup .modal-footer .action-hide-popup,
  .opc-wrapper .edit-address-link,
  .opc-block-shipping-information .shipping-information-title .action-edit,
  .action-auth-toggle,
  .checkout-payment-method .payment-method-billing-address .action-cancel,
  .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address,
  .checkout-agreements-block .action-show,
  .gift-options .actions-toolbar .action-cancel,
  .gift-summary .action-edit,
  .gift-summary .action-delete,
  .gift-wrapping-title .action-remove,
  .wishlist.split.button > .action,
  .abs-add-fields .action.remove,
  .paypal-review-discount .action.check,
  .cart-discount .action.check,
  .form-giftregistry-share .action.remove,
  .form-giftregistry-edit .action.remove,
  .form-add-invitations .action.remove,
  .form-create-return .action.remove,
  .form.send.friend .action.remove,
  .minicart-items .product-item-name a,
  .product-item-info .product.name a:hover {
      color: #106FC8;
  }

  .page-header.type16 .minicart-wrapper .action.showcart .counter.qty {
      background-color: #f60 !important;
  }

  .page-header {
      border-width: 0 !important;
  }

  .page-wrapper .panel.wrapper {
      /* background-color: #116fc8 !important; */
      /* background-color: #106fc8 !important; */
      background-color: #6c6c6c !important;
      /* background-color: #f60 !important; */
  }

  .page-wrapper .panel.wrapper a,
  .page-wrapper .panel.wrapper span {
      color: #fff !important;
  }

  /* logo */
  .logo img {
      height: auto !important;
      width: 250px !important;
  }

  .footer-bottom .logo img {
      height: auto !important;
      max-width: 150px !important;
  }

  /* menu  */
  .section-item-content.nav-sections-item-content {
      background-color: #1a1a1a !important;
  }

  .section-item-content.nav-sections-item-content nav ul {
      background-color: transparent !important;
  }

  .page-header {
      background-color: #fff !important;
  }

  .header.content .block.block-search {
      margin-right: auto !important;
      margin-left: 5% !important;
      width: 40% !important;
  }

  .header.content {
      padding: .5em 0 !important;
  }

  .page-wrapper > .breadcrumbs a,
  .page-wrapper > .breadcrumbs {
      color: #2F2C2C !important;
      transition: 350ms;
  }

  .page-wrapper > .breadcrumbs a:hover {
      color: #ff6600 !important;
  }

  /*=============================================
=            Menu 14.02.2022            =
=============================================*/
  .page-header.type16 .navigation li.level0 > .level-top {
      color: #fff !important;
  }

  .sticky-logo {
      display: none !important;
  }

  .footer-bottom a {
      color: #FFFFFF;
  }

  .footer-bottom {
      padding: 10px 0;
  }

  .page-wrapper > .breadcrumbs {
      background-color: #fff !important;
  }

  /*=====  End of Menu 14.02.2022  ======*/
  /*=============================================
=            404            =
=============================================*/
  .auto-page404 {
      text-align: center;
  }

  .auto-page404 img {
      margin-top: 40px;
  }

  /*=====  End of 404  ======*/
  /*=============================================
=            MEGA MENU            =
=============================================*/
  .cp_menu-mega {
      padding: 1em;
      display: flex;
      justify-content: flex-start;
      align-items: center;
  }

  .cp_menu-mega .menu-right-block {
      max-width: 120px;
  }

  .navigation.sw-megamenu > ul > li.level0:hover > .level-top {
      background-color: #1a1a1a !important;
      color: #ff6600 !important;
  }

  .page-header.type16 .navigation li.level0:hover {
      background-color: #1a1a1a !important;
  }

  /* sticky */
  .sticky-header .navigation.sw-megamenu > ul {
      width: 98% !important;
      padding: 7px 0 !important;
  }

  .sticky-header .sections.nav-sections {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }

  .sticky-header .minicart-wrapper .action.showcart::before {
      color: #fff !important;
  }

  /*=====  End of MEGA MENU  ======*/
  /* breadcrumbs */
  .page-wrapper > .breadcrumbs .items {
      max-width: 100% !important;
  }

  .action.primary {}

  .sidebar .block-category-list .block-title {
      background-color: #1a1a1a !important;
      color: #fff !important;
      border: 1px solid #1a1a1a !important;
  }

  .sidebar .block-category-list .block-content {
      border: 1px solid #1a1a1a !important;
  }

  /*=============================================
=            Home Category Section            =
=============================================*/
  .category-grid-cp .category-item {
      position: relative;
      transition: 350ms !important;
  }

  .category-grid-cp .category-item::after {
      width: 100% !important;
      height: 100% !important;
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      pointer-events: none !important;
      background: rgba(0, 0, 0, 0.1) !important;
  }

  .big-banner {
      grid-area: big-banner;
      background: url('/assets/images/v4.png');
      background-color: #646464;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }

  .small-banner-top {
      grid-area: small-banner-top;
      background: url('/assets/images/b1.png');
      background-color: #1f4c66;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }

  .small-banner-bottom {
      grid-area: small-banner-bottom;
      background: url('/assets/images/s2.png');
      background-color: #867b22;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }

  .medium-banner {
      grid-area: medium-banner;
      background: url('/assets/images/o1.png');
      background-color: #a99f9a;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }

  .category-grid-cp {
      width: 100%;
      min-height: 500px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-gap: 10px;
      grid-template-areas:
          "big-banner big-banner small-banner-top medium-banner"
          "big-banner big-banner small-banner-bottom medium-banner"
      ;
  }

  .category-grid-cp .category-item .btn {
      padding: .8em 1.5em;
      font-weight: bold;
      border-radius: 50px;
      text-transform: uppercase;
      background-color: #f60;
      color: #fff;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  }

  .category-grid-cp .category-item .btn:hover {
      color: #f60;
      ;
      background-color: #1a1a1a;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
      box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
  }

  .category-grid-cp .header-category {
      margin-left: 2px;
      color: #fff;
      font-weight: bold;
      font-size: 2.5em;
      text-transform: uppercase;
  }

  .category-grid-cp .cta-category-item {
      position: absolute;
      left: 4em;
      bottom: 7em;
      z-index: 2;
  }

  .category-grid-cp .category-item:hover {
      background-position: -10% 5% !important;
      transition: background 350ms cubic-bezier(.68, -0.55, .27, 1.55);
  }

  .category-grid-cp .category-item:hover .btn {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
      box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
  }

  /*=====  End of Home Category Section  ======*/
  /*=============================================
=            Victron Home Section            =
=============================================*/
  .home-victron-section .row {
      align-items: center;
  }

  .home-victron-section .victron-image {
      max-width: 450px;
      margin: auto;
  }

  .home-victron-section h2 {
      font-weight: 700;
      font-size: 2.5em;
      line-height: 1.2;
      color: #000;
      font-family: Montserrat, sans-serif;
      /* text-transform: uppercase; */
  }

  .home-victron-section p {
      color: #777;
      font-family: "Open Sans";
      font-weight: 400;
      font-size: 16px;
      line-height: 1.5;
      font-style: normal;
  }

  .home-victron-section a.btn {
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      background-color: #f60;
      color: #fff;
      transition: 350ms;
      font-size: 14px;
      font-weight: 700;
      border: 1px solid rgba(0, 0, 0, 0.09);
      border-bottom-color: rgba(0, 0, 0, 0.09);
      border-radius: 50px;
      padding: 12px 25px;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      text-transform: uppercase;
      margin-top: 1.5em;
      transition: 350ms !important;
  }

  .home-victron-section a.btn:hover {
      background-color: #1a1a1a;
      color: #ff6600 !important;
  }

  /*=====  End of Victron Home Section  ======*/
  /*=============================================
  =            Filterproducts Title            =
  =============================================*/
  .filterproduct-title .content strong {
      font-weight: 700;
      font-size: 20px;
      line-height: 1.2;
      display: flex;
      align-items: center;
  }

  .cp-home-f-b-sec {
      padding-top: 50px;
      padding-bottom: 50px;
  }

  .home-featured-section {
      background-color: #eee;
  }

  .cp-home-f-b-sec .filterproduct-title {
      background: none !important;
  }

  .cp-home-f-b-sec .filterproduct-title > .content {
      background: transparent !important;
  }

  .filterproduct-title .content strong:after {
      content: "";
      background: #ff6600;
      flex: 1;
      height: .1em;
      margin-left: 15px;
  }

  .home-featured-section .product-item-info {
      background-color: transparent !important;
  }

  /*=====  End of Filterproducts Title  ======*/
  /*=============================================
  =            MAIN SLIDER            =
  =============================================*/
  #banner-slider-demo-24 .item {
      position: relative;
      min-height: 600px;
      display: flex;
      align-items: center;
  }

  #banner-slider-demo-24 .cp-s-full-background::after {
      width: 100% !important;
      height: 100% !important;
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      pointer-events: none !important;
      background-image: linear-gradient(to left, rgba(16, 111, 201, .5), rgba(26, 26, 26, .95));
  }

  #banner-slider-demo-24 .cp-s-background::after {
      width: 50% !important;
      height: 100% !important;
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      pointer-events: none !important;
      background-image: linear-gradient(to left, rgba(16, 111, 201, 0), rgba(26, 26, 26, .95));
  }

  #banner-slider-demo-24 .item .container {
      position: relative;
      z-index: 2;
  }

  #banner-slider-demo-24 .slide-content {
      flex: 1 !important;
      max-width: 100% !important;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
  }

  #banner-slider-demo-24 a.btn.tocart {
      margin-top: 0 !important;
      background-color: #f60 !important;
      transition: 350ms !important;
  }

  #banner-slider-demo-24 a.btn.tocart:hover {
      background-color: #141a1f !important;
  }

  /* header slide*/
  #banner-slider-demo-24 .slide-content h2 {
      color: #fff;
      font-size: 3.5em;
      font-weight: 500;
      margin-bottom: 10px;
      text-align: left !important;
  }

  #banner-slider-demo-24 .slide-content p {
      font-size: 2em;
      color: #fff;
      max-width: 550px;
      text-align: left;
      margin-bottom: 1.8em;
  }

  #banner-slider-demo-24 .owl-item.active .slide-content h2 {
      -webkit-animation-duration: 500ms;
      animation-duration: 500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-name: fadeInDown;
      animation-delay: 0.3s;
  }

  #banner-slider-demo-24 .owl-item.active .slide-content p {
      -webkit-animation-duration: 1000ms;
      animation-duration: 1000ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-name: fadeInDown;
      animation-delay: 0.4s;
  }

  #banner-slider-demo-24 .owl-item.active .slide-content a.btn.tocart {
      -webkit-animation-duration: 1500ms;
      animation-duration: 1500ms;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      animation-name: fadeIn;
      animation-delay: 0.3s;
  }

  /*=====  End of MAIN SLIDER  ======*/
  /*=============================================
  =            Brand Slider            =
  =============================================*/
  #brands-slider-demo-10.owl-carousel {
      padding: 30px 0 !important;
      margin: auto;
  }

  #brands-slider-demo-10.owl-carousel .owl-stage {
      display: flex;
      align-items: center;
  }

  .brands-section-home > .block {
      margin-bottom: 0 !important;
  }

  .brands-section-home {
      border-top: 2px solid #f4f4f4;
  }

  /*=====  End of Brand Slider  ======*/
  /*=============================================
=            Custom Support            =
=============================================*/
  .custom-support {
      padding-top: 0 !important;
  }

  .custom-support .col-md-4 {
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .custom-support .col-md-4 .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-left: 0;
      text-align: center;
  }

  .custom-support .col-md-4 .content a.btn {
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      background-color: #fff;
      transition: 350ms;
  }

  .custom-support .col-md-4 .content a.btn:hover {
      background-color: #1a1a1a;
  }

  /*=====  End of Custom Support  ======*/
  /*=============================================
=            Testimonials block            =
=============================================*/
  .title-testimonial {
      font-weight: 700;
      font-size: 20px;
      line-height: 1.2;
      width: 100%;
      text-align: center;
      color: #313131;
      text-transform: uppercase;
      font-family: Montserrat, sans-serif;
      margin-bottom: 2em;
  }

  .testimonialsection-main {
      background-color: #fff;
      padding: 30px 0 50px;
  }

  /*=====  End of Testimonials block  ======*/
  /*=============================================
=            Slider With Diagram            =
=============================================*/
  .rvln-slide-diagrame .image-content {
      max-width: 900px;
      /* border: 10px solid #1a1a1a;
     */
      border-width: 0;
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      filter: grayscale(59%);
      text-align: center;
      top: auto;
      bottom: auto;
  }

  .rvln-slide-diagrame {
      position: static !important;
  }

  .rvln-slide-diagrame .image-content img {
      border: 10px solid #1a1a1a;
  }

  .diagrame-item-box {
      background-color: rgba(0, 0, 0, 0.73);
      padding: 40px 30px 50px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 20px 20px;
      min-width: 400px;
      transition: 350ms;
  }

  .diagrame-item-box a {
      top: 10px;
      margin-right: auto !important;
      margin-left: 70px;
      line-height: 25px !important;
  }

  .diagrame-item-box h2 {
      font-size: 25px !important;
      margin-top: 0;
  }

  .rvln-slide-diagrame .slide-content {
      margin-top: 20px;
      margin-bottom: 20px;
      flex-direction: row !important;
      /* flex-wrap: wrap; */
      justify-content: center !important;
      align-items: center;
      position: relative;
      z-index: 2;
  }

  #banner-slider-demo-24 .rvln-slide-diagrame a.btn.tocart:hover {
      background-color: #4f9fdc !important;
      color: #fff !important;
  }

  #banner-slider-demo-24 .rvln-slide-diagrame a.btn.tocart:hover span {
      color: #fff !important;
  }

  .diagrame-item-box:hover {
      background-color: rgb(1, 1, 1);
  }

  /*=====  End of Slider With Diagram  ======*/
  /*=============================================
    =            Contact page            =
    =============================================*/
  .contact-index-index .page-wrapper > .container {
      max-width: 100%;
      padding: 0;
  }

  .contact-index-index .page-wrapper > .container #store_map {
      min-height: 450px !important;
  }

  .contact-index-index > .page-wrapper {
      display: flex;
      flex-direction: column;
  }

  .contact-index-index > .page-wrapper > .container {
      order: 1;
  }

  .contact-index-index > .page-wrapper > #maincontent {
      order: 0;
      margin-top: 50px;
  }

  .contact-index-index > .page-wrapper > footer.page-footer {
      order: 4;
  }

  .contact-index-index .page-main .contact-info [class^="porto-icon-"] {
      background-color: #fd6e09;
  }

  .contact-index-index > .page-wrapper > #maincontent a {
      color: #fd6e09;
  }

  .contact-index-index > .page-wrapper > #maincontent .action.primary {
      background: #fd6e09;
      border: 1px solid #fd6e09;
  }

  /*=====  End of Contact page  ======*/
  /* menu */
  .sw-megamenu.navigation li.classic .subchildmenu > li:hover > .subchildmenu {
      background-color: #fff !important;
  }

  /* Section Suppor */
  .custom-support-rvln-block {
      padding-top: 50px !important;
  }

  .custom-support-rvln-block .col-md-4 .content a.btn:hover {
      background-color: #1a1a1a !important;
      color: #ff6600 !important;
  }

  .custom-support-rvln-block .col-md-4 .content a.btn {
      background-color: #ff6600 !important;
      color: #fff !important;
      margin-bottom: 0;
      margin-top: auto;
  }

  .custom-support-rvln-block div.content > h2 {
      text-transform: uppercase;
      line-height: 1.5 !important;
  }

  .custom-support-rvln-block .container .row {
      align-items: center;
  }

  .custom-support-rvln-block .content {
      min-height: 174px;
  }

  /* about us Page */
  .page-title-cp {
      color: #f60;
      font-weight: 600;
  }

  .btn-cp-primary {
      color: #fff;
      background-color: #f60;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      background-color: #f60;
      color: #fff;
      transition: 350ms;
      font-size: 14px;
      font-weight: 700;
      border: 1px solid rgba(0, 0, 0, 0.09);
      border-bottom-color: rgba(0, 0, 0, 0.09);
      border-radius: 50px !important;
      padding: 12px 25px;
      text-transform: uppercase;
      margin-top: 1.5em;
      transition: 350ms !important;
  }

  .btn-cp-primary:hover {
      color: #f60 !important;
      background-color: #1a1a1a !important;
  }

  .simple-page-cp h3 {
      color: #f60;
  }

  .rvln-row-cp {
      margin-top: 10px;
      display: flex;
      align-items: center;
  }

  .rvln-row-cp i {
      margin-bottom: 0 !important;
  }

  .rvln-row-cp p {
      margin-left: 10px !important;
  }

  .contact-index-index .page-main .action.submit.primary {
      color: #fff;
      background-color: #f60;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
      background-color: #f60;
      color: #fff;
      transition: 350ms;
      font-size: 14px;
      font-weight: 700;
      border: 1px solid rgba(0, 0, 0, 0.09);
      border-bottom-color: rgba(0, 0, 0, 0.09);
      border-radius: 50px !important;
      padding: 12px 25px;
      text-transform: uppercase;
      margin-top: 1.5em;
      transition: 350ms !important;
      display: flex;
      align-items: center;
  }

  .contact-index-index .page-main .action.submit.primary:hover {
      color: #f60 !important;
      background-color: #1a1a1a !important;
  }

  .simple-page-cp li {
      font-size: 14px;
      line-height: 24px;
  }

  .simple-page-cp ol {
      padding-left: 15px;
  }

  .cp-download-form img {
      max-width: 20px;
      margin-right: 8px;
  }

  .cp-download-form {
      display: flex;
      align-items: center;
      color: #f60 !important;
      text-transform: uppercase;
  }

  .cp-download-form:hover {
      color: #000 !important;
  }

  .cms-terms-and-conditions-cp h1.page-title {
      display: none !important;
  }

  .home-featured-section .product-item-photo > a,
  .home-best-selling .product-item-photo > a {
      height: 200px;
      display: block !important;
  }

  .home-featured-section .product-item-photo > a img,
  .home-best-selling .product-item-photo > a img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain;
      opacity: 1 !important;
      padding: 15px !important;
  }

  .home-featured-section .product-item-photo > a img {
      background-color: #fff;
  }

  .home-best-selling .product-item-photo > a img {
      background-color: #eeeeee;
  }

  /* sidebar single product */
  .pc-item-single-prod-side {
      display: flex;
      justify-content: flex-start;
  }

  .pc-item-single-prod-side h3,
  .pc-item-single-prod-side p {
      margin-left: 10px !important;
  }

  .pc-item-single-prod-side .icon-rvln {
      margin-top: 8px;
  }

  .product.alert.stock a {
      font-size: 16px;
      color: #f60 !important;
      display: flex;
      justify-content: flex-start;
      font-weight: bold;
      margin-bottom: 15px;
      text-decoration: underline !important;
  }

  .product.alert.stock a:hover {
      color: #1070ca !important;
  }

  /*=============================================
    =            Installers Page 18.02.2022            =
    =============================================*/
  #map_cp {
      position: relative;
      overflow: hidden;
      min-height: 700px;
  }

  .cp-map-wrap {
      border: 3px solid #1a1a1a;
      background-color: #1a1a1a;
  }

  .category-inst {
      display: flex;
      justify-content: center;
      margin: 0;
      padding: 15px;
      list-style: none;
      font-size: 16px;
      padding-bottom: 10px;
      padding-bottom: 30px;
      flex-wrap: wrap;
  }

  /* .category-inst .map-cat:not(:last-of-type){
        margin-right: 15px;
    } */
  .category-inst .map-cat {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      margin-bottom: 0;
      margin-bottom: 20px;
      margin-left: 10px;
      margin-right: 10px;
  }

  .category-inst .map-cat span {
      height: 20px;
      width: 20px;
      min-height: 20px;
      min-width: 20px;
      display: block;
      margin-right: 8px;
  }

  .map-cat-1 span {
      background-color: #005f73;
  }

  .map-cat-2 span {
      background-color: #ee9b00;
  }

  .map-cat-3 span {
      background-color: #9b2226;
  }

  .map-cat-4 span {
      background-color: #ff6600;
  }

  .cp-map-wrap-legend h2 {
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 15px;
      margin-top: 30px;
  }

  .cp-map-wrap-legend p {
      text-align: center;
      color: #bfbfbf;
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 0;
      padding-left: 15px;
      padding-right: 15px;
  }

  .cp-map-wrap-legend p a {
      color: #f60;
      text-decoration: underline !important;
      transition: 350ms;
  }

  .cp-map-wrap-legend p a:hover {
      color: #fff !important;
  }

  /*=====  End of Installers Page 18.02.2022  ======*/
  /*=============================================
    =            Slide one 18.02.2022            =
    =============================================*/
  .cp-slider-one-new .diagrame-item-box img {
      max-width: 280px;
      margin-bottom: 20px;
      margin-top: 15px;
  }

  .cp-slider-one-new .diagrame-item-box h2 {
      font-size: 28px !important;
      border-bottom: 2px solid #1a1a1a;
      padding-bottom: 5px;
  }

  .cp-slider-one-new .diagrame-item-box h2 span {
      color: #ff6600;
  }

  .cp-slider-one-new .diagrame-item-box {
      min-width: 360px;
  }

  .cp-slider-one-new .diagrame-item-box a {
      margin-left: 50px;
  }

  .cp-slider-one-new .diagrame-item-box h2 {
      color: #1a1a1a !important;
  }

  .cp-slider-one-new .diagrame-item-box,
  .cp-slider-one-new .diagrame-item-box:hover {
      background-color: #fff;
  }

  /*=====  End of Slide one 18.02.2022  ======*/
  /*=============================================
= 23.12.2022 MODAL ION =
=============================================*/
  .cosy-christmas-notice {
      color: #fff;
  }

  .cosy-christmas-notice {
      padding: 0;
      text-align: center;
  }

  .cosy-christmas-notice > * {
      font-weight: 400;
      line-height: 1.4;
  }

  .cosy-pop-up {
      display: none;
      position: fixed;
      z-index: 19999;
      top: 10%;
      left: 0;
      right: 0;
      color: black;
      margin: 1em;
      padding: 0.5em;
      text-align: center;
  }

  .cosy-pop-up .dismiss {
      text-align: right;
  }

  .cosy-pop-up .dismiss-row a {
      width: 140px;
      display: inline-block;
      font-weight: bold;
      padding: 0.5rem;
      background: #443f3e;
      color: #fff !important;
      text-decoration: none !important;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 350ms;
  }

  .cosy-pop-up .dismiss-row a:hover {
      background: #636363 !important;
      color: #fff !important;
  }

  .cosy-pop-up .content {
      /* padding: 0 20px; */
      text-align: left;
      /* background: #f7f7f7; */
      padding: 0;
      max-width: 700px;
      display: inline-block;
      background-color: #fff;
      border: 5px solid #fff;
  }

  .cosy-pop-up .content a {
      text-decoration: underline;
      color: black;
      font-size: 1.6rem;
      cursor: pointer;
  }

  .cosy-pop-up .content .dismiss-row {
      text-align: center;
      margin-top: 13px;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
  }

  .cosy-pop-up .content {
      box-shadow: 1px 0px 8px 4px rgba(255, 255, 255, 0.75);
      -webkit-box-shadow: 1px 0px 8px 4px rgba(255, 255, 255, 0.75);
      -moz-box-shadow: 1px 0px 8px 4px rgba(255, 255, 255, 0.75);
  }

  .mobile-blackfriday {
      display: none;
  }

  #cosy-backdrop {
      display: none;
      background: rgba(0, 0, 0, 0.5);
      z-index: 19998;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
  }

  /*===== End of 23.12.2022 MODAL ION ======*/
  /*=============================================
=            MEDIA QUERY            =
=============================================*/
  @media only screen and (max-width: 1755px) {
      .custom-shape.custom-shape-type1 {
          z-index: -1 !important;
      }
  }

  @media only screen and (max-width: 1723px) {
      #layer-product-list .products.wrapper.grid > .products .product-item-info.type1 > .product-item-photo {
          width: auto;
      }
  }

  @media only screen and (max-width: 1588px) {
      .diagrame-item-box {
          min-width: 340px;
      }

      .diagrame-item-box a {
          margin-left: 38px;
      }
  }

  @media only screen and (max-width: 1300px) {
      .category-grid-cp {
          grid-template-columns: repeat(2, 1fr);
          grid-template-areas:
              "big-banner small-banner-top "
              "small-banner-bottom medium-banner"
          ;
      }

      .medium-banner {
          background-position: 85% 80%;
      }

      .category-grid-cp .category-item:hover {
          background-position: 85% 100% !important;
      }

      .category-grid-cp .medium-banner:hover {
          background-position: 102% 100% !important;
      }
  }

  @media only screen and (max-width: 1150px) {

      .block.category.event,
      .footer.content,
      .header.content,
      .page-header .header.panel,
      .page-wrapper > .breadcrumbs,
      .page-wrapper > .page-bottom,
      .page-wrapper > .widget,
      .top-container,
      footer .container,
      .navigation,
      .page-main,
      .cms-cosy_power_homepage .page-main .container,
      #brands-slider-demo-10 {
          max-width: 95% !important;
      }

      /* 21.02.2022 Start*/
      .cp-slider-one-new .diagrame-item-box {
          min-width: 300px;
      }

      .cp-slider-one-new .diagrame-item-box {
          padding: 25px 15px 50px;
      }

      .cp-slider-one-new .diagrame-item-box img {
          max-width: 250px;
      }

      .cp-slider-one-new .diagrame-item-box a {
          margin-left: 30px;
      }

      .cp-slider-one-new .diagrame-item-box h2 {
          font-size: 24px !important;
      }

      /* 21.02.2022 End*/
  }

  @media only screen and (max-width: 1050px) {

      /* video slide */
      .rvln-slide-with-video > .video-content iframe {
          width: 450px;
          height: 350px;
      }
  }

  @media only screen and (max-width: 1000px) {

      .footer-middle .col-lg-3:not(:first-of-type) .block,
      .footer-middle .col-lg-3 .block {
          margin: 1em 0;
      }

      .footer-bottom > .container {
          flex-direction: column;
      }

      .footer-bottom > .container > * {
          margin-top: 10px;
          margin-left: 0 !important;
          margin-right: 0 !important;
      }

      .footer-bottom > .container > .logo {
          margin-right: 0 !important;
      }

      /* top footer */
      .footer-top .homepage-bar > .container .row {
          flex-direction: column;
          align-items: center;
      }

      .footer-top .homepage-bar > .container .row {
          flex-direction: column;
          align-items: center;
      }

      .footer-top .homepage-bar > .container .row .col-lg-4 {
          border: 1px solid #c1c1c1 !important;
          width: 100%;
          max-width: 100%;
          justify-content: flex-start;
      }

      .footer-top .homepage-bar > .container .row {
          border-width: 0 !important;
      }

      .footer-top {
          background-color: transparent !important;
      }

      #banner-slider-demo-24 .item {
          min-height: 550px;
      }

      .rvln-slide-diagrame .slide-content {
          flex-wrap: wrap;
      }
  }

  @media only screen and (max-width: 991px) {
      .home-victron-section .row .col-lg-6:first-of-type {
          order: 2;
      }

      .home-victron-section h2 {
          text-align: center;
      }

      .home-victron-section p {
          text-align: center;
      }

      .home-victron-section .row .col-lg-6:last-of-type > div {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 45px 0 !important;
      }
  }

  @media only screen and (max-width: 980px) {

      /* video slider */
      .rvln-slide-with-video > .video-content {
          width: 100%;
          margin-top: 15px;
          margin-bottom: 15px;
      }

      #banner-slider-demo-24 .slide-content {
          width: 100%;
          flex: none !important;
      }

      .rvln-slide-with-video > .video-content iframe {
          width: 100%;
          height: 200px;
      }

      #banner-slider-demo-24 .slide-content p {
          margin-bottom: 1em;
      }

      #banner-slider-demo-24 .item > .container {
          min-height: 500px;
          display: flex;
          align-items: center;
      }

      #banner-slider-demo-24 .item {
          min-height: 500px;
      }

      .container.rvln-slide-with-video {
          align-items: flex-start;
          flex-direction: column;
      }
  }

  @media only screen and (max-width: 831px) {
      .header.content .block.block-search {
          max-width: 200px !important;
          margin-left: 1% !important;
      }

      .diagrame-item-box {
          margin: 10px;
      }

      .rvln-slide-diagrame .slide-content {
          margin-bottom: 10px;
      }
  }

  @media only screen and (max-width: 767px) {

      /* .header.content .block.block-search {
      max-width: 100% !important;
      margin-left: 5% !important;
      float: right !important;
    } */
      .category-inst {
          justify-content: flex-start;
      }

      .header.content {
          display: flex !important;
          align-items: center;
      }

      .header.content > * {
          float: none !important;
      }

      .header.content > .action.nav-toggle {
          order: 4;
          margin: 0 10px 0 20px !important;
          flex-grow: 1;
          text-align: right;
      }

      .header.content > .action.nav-toggle::before {
          font-size: 30px !important;
          color: #1a1a1a !important;
      }

      .header.content > .minicart-wrapper {
          order: 3;
          position: absolute !important;
          top: 6px !important;
          right: 50px !important;
          z-index: 5;
      }

      .header.content > .minicart-wrapper .block-minicart::before {
          right: 60px !important;
          border-bottom-color: #106FC8 !important;
      }

      .header.content > .minicart-wrapper .block-minicart::after {
          right: 60px !important;
      }

      .header.content > .minicart-wrapper .block-minicart {
          top: 90% !important;
          border-color: #1474ce !important;
          right: -55px !important;
      }

      .header.content .block.block-search {
          min-width: 50px !important;
          margin-right: auto !important;
          position: absolute !important;
          right: 80px;
          z-index: 5;
      }

      .header.content .block.block-search #search_mini_form .field .control {
          position: absolute;
          bottom: -50px;
          width: 300px;
          right: 0;
      }

      /* mobile menu */
      .navigation.sw-megamenu .level0:first-of-type a {
          padding: 13px 36px 13px 15px !important;
      }

      .section-item-content.nav-sections-item-content,
      .navigation.sw-megamenu > ul > li.level0:hover > .level-top,
      .page-header.type16 .navigation li.level0:hover {
          background-color: #fff !important;
      }

      .navigation {
          max-width: 100% !important;
      }

      .nav-sections-item-title {
          width: 50% !important;
          padding: 0 !important;
          display: flex !important;
          justify-content: center;
          align-items: center;
      }

      .nav-sections-item-title a {
          font-size: 1.4em !important;
          display: block !important;
          text-transform: uppercase;
      }

      .nav-sections-item-title a:hover {
          color: #fff !important;
      }

      .nav-sections-item-title.active a:hover {
          color: #106FC9 !important;
      }

      .nav-sections-item-title.active {
          background-color: #fff !important;
      }

      header.page-header .nav-sections-item-title,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus,
      .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus,
      .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
          background-color: #106FC9;
      }

      /* .nav-sections-item-title{
      height: 72px !important;
    } */
      .navigation.sw-megamenu > ul > li.level0:hover > .level-top {
          color: #106FC9 !important;
      }

      .navigation li.level0 > a.ui-state-active,
      .navigation li.level0 > a.ui-state-active + .submenu {
          background-color: #fff;
      }

      .navigation .submenu:not(:first-child) ul {
          padding-left: 0;
      }

      .navigation .subchildmenu a {
          font-size: 14px !important;
          text-transform: capitalize !important;
      }

      .page-header {
          border-bottom: 2px solid #f5f5f5 !important;
      }

      .breadcrumbs {
          display: block;
      }

      .sidebar .block-category-list {
          padding: 10px 0;
      }

      .sidebar .block-category-list > .block-title,
      .sidebar .block-category-list > .block-content {
          padding-left: 10px;
      }

      .page-header.type16 .navigation li.level0 > .level-top {
          color: #000 !important;
      }

      .nav-sections .header.links a:hover {
          color: #fc6500 !important;
      }

      .rvln-slide-diagrame .image-content {
          bottom: 15%;
      }

      nav.navigation.sw-megamenu div.submenu {
          padding-left: 20px;
          padding-right: 15px;
          margin-right: 15px;
      }
  }

  /* modal Ion 23.12.2022 */
  @media only screen and (max-width: 600px) {
      .cosy-xmax-descktop {
          display: none !important;
      }

      .cosy-xmax-mobile {
          display: inline !important;
      }

      .mobile-blackfriday {
          display: block;
      }

      .descktop-blackfriday {
          display: none;
      }
  }

  @media only screen and (max-width: 595px) {

      /* .header.content .block.block-search {
      display: none !important;
    } */
      .rvln-slide-diagrame .image-content {
          position: static;
      }

      .logo img {
          width: 200px !important;
      }

      .footer-bottom .logo img {
          height: auto !important;
          max-width: 150px !important;
      }

      #banner-slider-demo-24 .item {
          min-height: 520px;
      }

      #banner-slider-demo-24 .owl-controls {
          display: none !important;
      }
  }

  @media only screen and (max-width: 500px) {
      .category-grid-cp {
          grid-template-columns: repeat(1, 1fr);
          grid-template-areas:
              "big-banner"
              "small-banner-top"
              "small-banner-bottom"
              "medium-banner"
          ;
      }

      .category-grid-cp .category-item {
          min-height: 250px;
      }

      /* slider */
      #banner-slider-demo-24 .cp-s-background::after {
          width: 100% !important;
      }

      .cp-slider-one-new .diagrame-item-box {
          min-width: auto;
      }

      /* 21.02.2022 */
      .container.rvln-slide-with-video.rvln-slide-diagrame {
          padding: 0 !important;
      }

      .cp-slider-one-new .diagrame-item-box {
          padding: 35px 25px 50px;
      }

      /* modal ion 23.12.2022 */
      .cosy-pop-up {
          position: absolute !important;
          top: 80px;
      }
  }

  /* MIN */
  @media only screen and (min-width: 767px) {
      .navigation.sw-megamenu > ul {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-end;
      }

      .navigation.sw-megamenu > ul > li:last-of-type {
          margin-right: 0;
          margin-left: auto;
          order: 3;
      }

      .navigation.sw-megamenu > ul > li:nth-of-type(3) {
          order: 1;
      }

      .inst-item {
          order: 2;
      }

      .navigation.sw-megamenu .level0:first-of-type a {
          padding-left: 20px !important;
      }

      .navigation.sw-megamenu > ul {
          margin-left: -20px;
      }
  }

  @media only screen and (min-width: 991px) {
      .home-victron-section {
          margin-top: 80px;
          margin-bottom: 80px;
      }
  }

  /*=====  End of MEDIA QUERY  ======*/
  /* Hide payment method */
  body.checkout-index-index .payment-group .payment-method .payment-method-title #cashondelivery,
  body.checkout-index-index .payment-group .payment-method .payment-method-title #cashondelivery *,
  body.checkout-index-index .payment-group .payment-method .payment-method-title #cashondelivery + label,
  body.checkout-index-index .payment-group .payment-method .payment-method-title #cashondelivery + label * {
      pointer-events: none !important;
      color: #ddd !important;
  }