﻿body {
  font-family: 'Open Sans', sans-serif;
  color: #707070;
  font-size: 0.875rem;
}

p {
  line-height: 1.5;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

.master-wrapper-page {
  min-height: 100vh;
}

select {
  background-color: white;
}

#goToTop {
  background: rgba(225,225,225,0.75) url(../img/scroll-page.png) no-repeat center 48%;
  box-shadow: none;
}

#goToTop::before {
  content: none;
}

/* #region TITLES */

.page-title {
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px;
  text-transform: uppercase;
}

.home-page-title {
  margin: 0 0 20px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 5px;
  font-size: 1.3750rem;
  color: #333;
  text-transform: uppercase;
  font-family: 'Titillium Web', sans-serif;
}

/* #endregion */

/* #region FORMS */

.button-1.password-recovery-button {
  background-color: #004B8B;
  border: none;
  box-shadow: none;
}

.password-recovery-page .button-1:hover {
  background-color: #004B8B;
  border-color: #004B8B;
  outline-color: #004B8B;
}

/* #endregion */


/* #region JQUERY DIALOG-POPUP */

.ui-dialog-titlebar {
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
  background-color: #f9f9f9;
  padding: 15px 20px;
  font-weight: bold;
}

.ui-dialog-titlebar span {
  color: #004B8B;
}

.ui-dialog-titlebar button {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin: 13px;
  overflow: hidden;
  border: none;
  background: url(../../../../../../Themes/Pavilion/Content/img/close.png) center no-repeat;
  font-size: 0;
  opacity: 0.8;
  transform: scale(1.5);
}

/* #endregion */

.login-page .customer-blocks .title.active,
.registration-page .customer-blocks .main-title.active {
  background-color: #004B8B;
  color: #fff;
}

/*#region Mini shopping cart*/

.mini-shopping-cart input.cart-button {
  color: #004B8B;
  background-color: #fff;
  border: none;
  box-shadow: none;
}

.mini-shopping-cart input.cart-button,
.mini-shopping-cart input.checkout-button {
  padding: 13px 10px;
  white-space: normal;
}

.mini-shopping-cart .picture {
  border: none;
}

.mini-shopping-cart input.cart-button:hover,
.mini-shopping-cart input.checkout-button:hover,
.mini-shopping-cart input[type="button"]:only-child:hover,
.account-page .button-1:hover {
  outline-color: #004B8B;
}

.mini-shopping-cart .item .price {
  display: flex;
  gap: 5px;
  align-items: baseline;
}

.mini-shopping-cart .item .price .old-price {
  color: #707070;
  text-decoration: line-through;
  margin-left: 5px;
}

.mini-shopping-cart .buttons .checkout-button-disabled {
  background-color: #777;
  border: none;
  box-shadow: none;
}

.mini-shopping-cart .buttons .checkout-button-disabled:hover {
  outline-color: transparent;
}

/*#endregion */

.ui-tabs .ui-tabs-nav li a::after {
  background-color: #004B8B;
}

.category-item:hover .title a,
.sub-category-item:hover .title a,
.manufacturer-item:hover .title a {
  color: #004B8B;
}

.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover {
  outline-color: #004B8B;
}

.account-page ul.info + .buttons input:hover {
  background-color: #004B8B;
}

.titlebar button {
  float: right;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border: none;
  background: url(../../../../../../Themes/Pavilion/Content/img/close.png) center no-repeat;
  font-size: 0;
  opacity: 0.8;
}

/* #region TopMenu */
.header__navigation .header-menu .sublist-wrap:not(.mega-menu-responsive .sublist-wrap) {
  box-shadow: none;
}

.header-logo {
  font-size: 0;
}

.header-logo a {
  display: inline-block;
  line-height: 0; /*firefox line-height bug fix*/
  width: 100%;
}

.header-logo a img {
  max-width: 100%;
  background-color: inherit;
}

/* #endregion */

.breadcrumb {
  margin-top: 50px;
  text-align: left;
}

.breadcrumb strong {
  color: #004B8B;
}

@media (min-width: 1025px) {
  .breadcrumb {
    margin-top: 0;
  }
}


/* #region Order progress */

.section.order-completed {
  text-align: left;
}

/* #endregion */

/*#region Categories*/

.pager li.previous-page a,
.pager li.next-page a,
.pager li.first-page a,
.pager li.last-page a {
  background-image: url('../img/pager-sprite.png');
}
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover {
  background-image: url('../img/pager-sprite-hover.png');
}

/* #endregion */


/*#region Newsletter*/

.news-list-homepage .title {
  margin-top: 20px;
}

.home-page-body .news-list-homepage .news-items .news-item {
  padding: 35px 45px;
}

.news-body {
  line-height: normal;
}

  .news-body p {
    margin: 5px 0;
    line-height: normal;
  }

/*#endregion*/

/*#region Store locator*/

.all-shops-page .shops-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.shop-page .shop-info a {
  color: #000080;
}

.shop-page .shop-info a :hover {
  color: #000080;
  text-decoration: underline;
}

/*#endregion*/

/*#region Product images gallery */

.gallery .picture img {
  max-height: 390px;
}

/*#endregion*/

/*#region Topic page*/

.topic-page p {
  margin: 5px 0;
}

@media (max-width: 767px) {
  .topic-page__responsive-table {
    overflow-x: auto;
    text-align: left;
  }

  .topic-page__responsive-table tr + tr {
    border-top: 1px solid #ddd;
  }
}

/*#endregion*/

/* #region Theme banner */

@media (min-width: 481px) {
  .theme-banner-small:nth-of-type(6) {
    margin-left: 0;
  }

  .theme-banner-small:nth-of-type(8) {
    display: none;
  }
}

@media all and (min-width: 1025px) {
  .theme-banner-small:nth-of-type(8) {
    display: block;
  }
}

/* #endregion */

input, textarea, select, button {
  font-size: 0.875rem;
}
.page-title h1 {
  font-size: 1.375rem;
}
.link-rss {
  font-size: 0 !important;
}
.fieldset .title,
.section .title {
  font-size: 0.9375rem;
}
.inputs {
  font-size: 0;
}
.inputs label {
  font-size: 0.8125rem;
}
.required {
  font-size: 0.75rem;
}
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
  font-size: 0.8125rem;
}
.field-validation-valid,
.username-available-status {
  font-size: 0.875rem;
}
.cart th, .data-table th,
.forums-table-section th {
  font-size: 0.8125rem;
}
/*********** NOTIFICATIONS & POPUPS  ***********/



.bar-notification {
  font-size: 0.8125rem;
}
.eu-cookie-bar-notification button {
  font-size: 0.75rem;
}
.header-selectors select {
  font-size: 0.8125rem;
}
.language-list {
  font-size: 0;
}
.mini-shopping-cart {
  font-size: 0.8125rem;
}
.mini-shopping-cart .picture {
  font-size: 0;
}
.mini-shopping-cart .name {
  font-size: 0.875rem;
}
.mini-shopping-cart .totals strong {
  font-size: 0.9375rem;
}
.mini-shopping-cart input[type="button"] {
  font-size: 0.8125rem;
}
.store-search-box form {
  font-size: 0;
}
.store-search-box .search-box-button {
  font-size: 0;
}
.newsletter-subscribe {
  font-size: 0;
}
.newsletter-email .newsletter-subscribe-button {
  font-size: 0;
}
.social-sharing {
  font-size: 0;
}
.accepted-payments {
  font-size: 0;
}
.block .title {
  font-size: 0.9375rem;
}
.block .tags ul {
  font-size: 0;
}
.block .tags li,
.product-tags-all-page li {
  font-size: 1rem !important;
}
.poll .buttons input {
  font-size: 0.75rem;
}
.home-page-polls .poll strong {
  font-size: 1rem;
}
.breadcrumb ul {
  font-size: 0;
}
.breadcrumb a,
.breadcrumb strong,
.breadcrumb .delimiter {
  font-size: 0.8125rem;
}
.breadcrumb .delimiter {
  font-size: 0;
}
.breadcrumb li:first-child a {
  font-size: 0;
}
.breadcrumb li:first-child > span:first-child {
  font-size: 0;
}
.contact-vendor-button {
  font-size: 0.75rem;
}
.product-selectors span {
  font-size: 0.8125rem;
}
.item-box .product-title {
  font-size: 0.875rem;
}
.item-box .actual-price {
  font-size: 0.9375rem;
}
.item-box .old-price {
  font-size: 0.8125rem;
}
.item-box .base-price {
  font-size: 0.8125rem;
}
.item-box .tax-shipping-info {
  font-size: 0.8125rem;
}
.item-box .buttons-upper {
  font-size: 0;
}
.item-box .buttons-upper input[type="button"] {
  font-size: 0;
}
.item-box .buttons-lower {
  font-size: 0;
}
.item-box .buttons-lower button {
  font-size: 0;
}
.item-box .buttons-lower button span {
  font-size: 0.8125rem;
}
.category-item .title,
.sub-category-item .title,
.manufacturer-item .title,
.vendor-item .title {
  font-size: 0.9375rem;
}
.sub-category-details .inner-title,
.manufacturer-details .inner-title,
.vendor-details .inner-title {
  font-size: 0.9375rem;
}
.product-grid .title {
  font-size: 1rem;
}
.home-page .product-grid .title {
  font-size: 1.375rem;
}
.pager ul {
  font-size: 0;
}
.pager li > a,
.pager li > span {
  font-size: 0.875rem;
}
.pager li.previous-page a,
.pager li.next-page a,
.pager li.first-page a,
.pager li.last-page a {
  font-size: 0;
}
.pager > ul > li.next-page a,
.pager > ul > li.last-page a {
  color: #555555;
}

.gallery .picture {
  font-size: 0;
}
.gallery .picture-thumbs {
  font-size: 0;
}
.overview .product-name h1 {
  font-size: 1.5625rem;
}
.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
  font-size: 1.0625rem;
}
.overview .product-price,
.variant-overview .product-price {
  font-size: 1.25rem;
}
.overview .tax-shipping-info,
.variant-overview .tax-shipping-info {
  font-size: 0.8125rem;
}
.back-in-stock-subscription {
  font-size: 0;
}
.product-estimate-shipping .shipping-price {
  font-size: 0.9375rem;
}
.overview .min-qty-notification,
.variant-overview .min-qty-notification {
  font-size: 0;
}
.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
  font-size: 0.875rem;
}
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
  font-size: 0.8125rem;
}

.overview-buttons {
  font-size: 0;
}
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button {
  font-size: 0;
}
.product-social-buttons label {
  font-size: 0.8125rem;
}
.overview-bottom .delivery,
.variant-overview .delivery {
  font-size: 0;
}
.overview-bottom .delivery > div,
.variant-overview .delivery > div {
  font-size: 0.8125rem;
}
.product-collateral .title {
  font-size: 0.9375rem;
}
.product-tags-list {
  font-size: 0;
}
.product-tags-list li {
  font-size: 0.875rem;
}
.variant-picture {
  font-size: 0;
}
.variant-overview .variant-name {
  font-size: 1.25rem;
}
.ui-datepicker {
  font-size: 0.8125rem;
}
.ui-datepicker-header a {
  font-size: 0;
}
.attribute-squares {
  font-size: 0;
}
.back-in-stock-subscription-page .button-1 {
  font-size: 0.75rem;
}
.ui-tabs .ui-tabs-nav li a {
  font-size: 0.8125rem;
}
.mfp-container .shipping-header-item {
  font-size: 0.875rem;
}
.estimate-shipping-radio + label {
  font-size: 0;
}
.mfp-container .apply-shipping-button {
  font-size: 0.8125rem;
}
.product-reviews-page .title {
  font-size: 0.9375rem;
}
.write-review .review-rating label {
  font-size: 0.8125rem;
}
.review-rating ul {
  font-size: 0;
}
.write-review .review-rating li {
  font-size: 0.875rem;
}
.write-review .button-1 {
  font-size: 0.8125rem;
}
.wishlist-content .buttons {
  font-size: 0;
}
.update-wishlist-button,
.wishlist-add-to-cart-button {
  font-size: 0.8125rem;
}
.wishlist-content .tax-shipping-info {
  font-size: 0.8125rem;
}
.compare-products-page .clear-list {
  font-size: 0.8125rem;
}
.compare-products-page .remove-button {
  font-size: 0;
}
.compare-products-table .product-price td {
  font-size: 0.9375rem;
}
.topic-block-title h2 {
  font-size: 1rem;
}
.home-page .topic-block-title h2 {
  font-size: 1.375rem;
}
.enter-password-form {
  font-size: 0;
}
.enter-password-form input[type="password"] {
  font-size: 0.875rem;
}
.enter-password-form input[type="submit"] {
  font-size: 0.8125rem;
}
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
  font-size: 0.8125rem;
}
.email-a-friend-page .title h2 {
  font-size: 0.9375rem;
}
#username-availabilty {
  font-size: 0.8125rem;
}
.vat-status, .vat-note {
  font-size: 0.8125rem;
}
.accept-privacy-policy > * {
  font-size: 0.8125rem;
}
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1 {
  font-size: 0.8125rem;
}
.login-page .customer-blocks .title {
  font-size: 0.8125rem;
}
.login-page .inputs.reversed > * {
  font-size: 0.875rem;
}
.login-modal-window-wrapper .close {
  font-size: 0;
}
.block-account-navigation .listbox {
  font-size: 0;
}
.block-account-navigation .list a {
  font-size: 0.75rem;
}
.account-page .fieldset .title,
.account-page .section .title {
  font-size: 1.125rem;
}
.account-page .email-to-revalidate,
.account-page .email-to-revalidate-note {
  font-size: 0.8125rem;
}
.account-page ul.info + .buttons {
  font-size: 0;
}
.account-page ul.info + .buttons input {
  font-size: 0;
}
.account-page .return-items-button {
  font-size: 0.875rem !important;
}
.recurring-payments .button-2 {
  font-size: 0;
}
.downloadable-products-page td.download {
  font-size: 0;
}
.avatar-page .image {
  font-size: 0;
}
.avatar-page .remove-avatar-button,
.vendorinfo-page .remove-picture-button {
  font-size: 0.8125rem;
}
.order-progress ul {
  font-size: 0;
}
.order-progress a {
  font-size: 0.6875rem;
}
.shopping-cart-page .message-error {
  font-size: 0.8125rem;
}
.shopping-cart-page .button-1,
.checkout-page .button-1 {
  font-size: 0.8125rem;
}
.shopping-cart-page .button-2,
.checkout-page .button-2 {
  font-size: 0.8125rem;
}
.common-buttons {
  font-size: 0;
}
.cart-collaterals .estimate-shipping-button {
  font-size: 0.8125rem;
}
.cart-collaterals .shipping-results strong {
  font-size: 0.8125rem;
}
.cart-collaterals .coupon-code {
  font-size: 0;
}
.cart-total .order-total {
  font-size: 1.125rem;
}
.terms-of-service {
  font-size: 0.8125rem;
}
.cart-footer .checkout-buttons .button-1 {
  font-size: 0.875rem;
}
.checkout-page .address-item li.name {
  font-size: 1rem;
}
.checkout-page .address-item li.country {
  font-size: 1rem;
}
.payment-method .method-list {
  font-size: 0;
}
.payment-method .payment-details {
  font-size: 0.875rem;
}
.confirm-order .buttons .button-1 {
  font-size: 0.9375rem;
}
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
  font-size: 0.9375rem;
}
.order-details-page .order-overview {
  font-size: 0.9375rem;
}
.order-details-page .order-number {
  font-size: 1rem;
}
.order-details-page .actions {
  font-size: 0;
}
.order-details-page .actions input {
  font-size: 0.8125rem;
}
.opc .step-title h2 {
  font-size: 0.9375rem;
}
.opc .back-link {
  font-size: 0;
}
.search-input .button-1 {
  font-size: 0.8125rem;
}
.sitemap-page .entity-title h2 {
  font-size: 0.9375rem;
}
.blogpost-page .page-title h1,
.news-item-page .page-title h1 {
  font-size: 1.5625rem;
}
.post-title,
.news-title {
  font-size: 1.5625rem;
}
.post-date,
.news-date {
  font-size: 0.8125rem;
}
.blog-page .tags label,
.blogpost-page .tags label {
  font-size: 0.8125rem;
}
.blog-page .tags ul,
.blogpost-page .tags ul {
  font-size: 0;
}
.blog-page .tags li,
.blogpost-page .tags li {
  font-size: 0.8125rem;
}
.news-items .buttons {
  font-size: 0;
}
.news-items .read-more {
  font-size: 0.875rem;
}
.new-comment .button-1 {
  font-size: 0.8125rem;
}
.comment-list .title {
  font-size: 0.9375rem;
}
.comment-time {
  font-size: 0.8125rem;
}
.news-list-homepage .title {
  font-size: 1.375rem;
}
.news-list-homepage .news-title {
  font-size: 1rem;
}
.news-list-homepage .view-all a {
  font-size: 0.75rem;
}
.forums-main-page .topic-block-title h2 {
  font-size: 1.375rem;
}
.forum-search-box .search-box-button {
  font-size: 0;
}
.forum-search-box .advanced a {
  font-size: 0.8125rem;
}
.forums-table-section-title {
  font-size: 0.9375rem;
}
.forums-table-section-title > a,
.forums-table-section-title strong {
  font-size: 0.9375rem;
}
.forums-table-section .view-all a {
  font-size: 0.75rem;
}
.forums-table-section .latest-post div {
  font-size: 0.8125rem;
}
.forum-page .forum-name h1,
.forum-topic-page .topic-name h1 {
  font-size: 1.375rem;
}
.forum-actions,
.topic-actions {
  font-size: 0;
}
.forum-actions .actions a,
.topic-actions .actions a {
  font-size: 0.875rem;
}
.topic-post .pm-button,
.profile-info-box .pm-button {
  font-size: 0.8125rem;
}
.topic-post .post-actions {
  font-size: 0;
}
.topic-post .post-actions a {
  font-size: 0.875rem;
}
.topic-post .post-actions .quote-post-button {
  font-size: 0.75rem;
}
.forum-edit-page .inputs.main strong,
.private-message-send-page .inputs.main a {
  font-size: 0.9375rem;
}
.forum-edit-page strong.topic-subject {
  font-size: 0.9375rem;
}
.forum-edit-page .button-1,
.move-topic-page .button-1,
.private-messages .button-1 {
  font-size: 0.8125rem;
}
.forum-edit-page .button-2,
.move-topic-page .button-2,
.private-messages .button-2 {
  font-size: 0.8125rem;
}
.profile-info-box .avatar {
  font-size: 0;
}
.profile-info-box .title {
  font-size: 1.125rem;
}
.profile-page .topic-title {
  font-size: 0.9375rem;
}

.ribbon-position {
  pointer-events: none;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
  height: 45px;
  border: none;
  background-image: none;
  padding: 0 28px 0 48px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  outline: 1px solid transparent;
  transition: all 0.2s ease;
  position: relative;
  isolation: isolate;
}

.overview .add-to-cart-button::before,
.variant-overview .add-to-cart-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 16px;
  height: 25px;
  background: url('../img/flyout-cart.png') no-repeat center center;
  background-size: contain;
  filter: brightness(0) saturate(100%) invert(1) contrast(1000%) !important;
}

.inputs:has(span.field-validation-error) input.input-validation-error,
.inputs:has(span.field-validation-error) textarea.input-validation-error,
.input-container:has(+ span.field-validation-error) input.input-validation-error,
.js-mobIdAuth-container:has(.js-mobIdAuth-messageId:not(.hidden)) input,
.js-smartId-container:has(.js-smartId-messageId:not(.hidden)) input,
.coupon-box:has(.message-failure.field-validation-error) .coupon-code-entry,
.coupon-box.has-error .discount-coupon-code,
.js-emailAuth-container:has(.js-emailAuth-message .field-validation-error:not(:empty)) input.email,
.js-emailAuth-container:has(.js-emailAuth-message .field-validation-error:not(:empty)) input.password,
.login-page form:has(.message-error:not(:empty)) input.email,
.login-page form:has(.message-error:not(:empty)) input.password,
.login-page form:has(.message-error:not(:empty)) input.username,
.inputs:has(.custom-error-message) .loyalty-card-field input:not(.close.button-1),
.terms-of-service:has(.termsAndConditionsError:not(.hidden)) #read-terms,
.customer-discount-add-field input.input-validation-error{
  background: url(../../../../../../Themes/Pavilion/Content/img/error-exclamation-mark.png);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-right: 35px;
  border-color: #e74c3c;
}
.transport-specification:has(.field-validation-error) .select2-container::after,
.inputs:has(span[data-valmsg-for="ShippingMethod"].field-validation-error)::after,
.inputs:has(span[data-valmsg-for="Enquiry"].field-validation-error)::after
{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../../../../../../../Nop.Web/Plugins/EhituseABC/Web/Content/Login/img/error-exclamation-mark.png');
  background-repeat: no-repeat;
  background-size: 16px 16px;
  margin-right: 5px;
  vertical-align: middle;
}