@charset "UTF-8";
/*Breakpoints*/
/*Fonts*/
*:not(:before):not(:after):not(i):not(em) {
  font-family: "Open Sans", sans-serif;
}

.fas,
.far,
.fa {
  font-style: normal;
  font-family: "Font Awesome 6 Pro" !important;
}

.far {
  font-weight: 400;
}

.fab {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400;
}

/*Colors*/
/*div {
    width: toRem(400);
    height: toRem(400);
}*/
/*
@media only screen and (min-width: 1600px) {}
*/
/*Defaults*/
::-moz-selection {
  background-color: #00509d !important;
  color: #ffffff !important;
}

::selection {
  background-color: #00509d !important;
  color: #ffffff !important;
}

a:focus {
  outline: none;
}

html {
  font-size: 16px;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  box-sizing: border-box;
  line-height: 1.75;
  color: #000;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
  float: left;
  width: 100%;
  overflow-x: hidden;
}
body p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 15px 0;
  color: #000;
}
body .Normal,
body .NormalDisabled,
body .NormalDeleted {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
  color: #000;
}
body ul,
body ol {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  margin-left: 0;
}
body ul li,
body ol li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
}
body strong {
  font-weight: bold;
}

a,
a:link,
a:visited {
  transition: all 0.25s ease-in-out;
  text-decoration: none;
  color: #00366a;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

a:hover,
a:active,
a:focus {
  color: #004d98;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}

img,
image,
picture {
  outline: none !important;
}

.text-center {
  text-align: center;
}

/*Spacings*/
.top-spacing10 {
  margin-top: 10px;
}

.top-spacing15 {
  margin-top: 15px;
}

.top-spacing20 {
  margin-top: 20px;
}

.top-spacing25 {
  margin-top: 25px;
}

.top-spacing30 {
  margin-top: 30px;
}

.top-spacing35 {
  margin-top: 35px;
}

.top-spacing40 {
  margin-top: 40px;
}

.top-spacing45 {
  margin-top: 45px;
}

.top-spacing50 {
  margin-top: 50px;
}

.top-spacing55 {
  margin-top: 55px;
}

.top-spacing60 {
  margin-top: 60px;
}

.top-spacing65 {
  margin-top: 65px;
}

.top-spacing70 {
  margin-top: 70px;
}

.top-spacing75 {
  margin-top: 75px;
}

.top-spacing80 {
  margin-top: 80px;
}

.bot-spacing10 {
  margin-bottom: 10px;
}

.bot-spacing15 {
  margin-bottom: 15px;
}

.bot-spacing20 {
  margin-bottom: 20px;
}

.bot-spacing25 {
  margin-bottom: 25px;
}

.bot-spacing30 {
  margin-bottom: 30px;
}

.bot-spacing35 {
  margin-bottom: 35px;
}

.bot-spacing40 {
  margin-bottom: 40px;
}

.bot-spacing45 {
  margin-bottom: 45px;
}

.bot-spacing50 {
  margin-bottom: 50px;
}

.bot-spacing55 {
  margin-bottom: 55px;
}

.bot-spacing60 {
  margin-bottom: 60px;
}

.bot-spacing65 {
  margin-bottom: 65px;
}

.bot-spacing70 {
  margin-bottom: 70px;
}

.bot-spacing75 {
  margin-bottom: 75px;
}

.bot-spacing80 {
  margin-bottom: 80px;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}

.container {
  width: 100% !important;
  max-width: 1470px !important;
}

/*.container.main {
	max-width: 1396px !important;
	padding-left: 15px;
	padding-right: 15px;
	@media only screen and (max-width: 640px) {
		padding-left: 0;
		padding-right: 0;
	}
}*/
/*480*/
/*576*/
/*768*/
/*992*/
/*1200*/
/*1480*/
/*SITE TITLES*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #00366a;
  font-family: "Open Sans", sans-serif;
  margin: 15px 0;
  padding: 0;
  line-height: 1.25;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  margin: 0;
  color: #00366a;
  font-family: "Open Sans", sans-serif;
  padding: 0;
}
h1 span span,
h2 span span,
h3 span span,
h4 span span,
h5 span span,
h6 span span {
  color: #00366a;
}
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
  margin: 15px 0 30px 0;
}

h1 {
  font-size: 1.56rem;
  font-weight: bold;
}
h1 span {
  font-size: 1.56rem;
  font-weight: bold;
}

h2 {
  font-size: 1.4rem;
  font-weight: 600;
}
h2 span {
  font-size: 1.4rem;
  font-weight: 600;
}

h3 {
  font-size: 1.25rem;
  font-weight: 600;
}
h3 span {
  font-size: 1.25rem;
  font-weight: 600;
}

h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
h4 span {
  font-size: 1.1rem;
  font-weight: 600;
}

.title span {
  margin: 0;
}

/*SITE BUTTONS*/
.button-1,
a.button-1,
.simple-checkout-page .simple-checkout-data .button-1,
#simple-checkout-secondary-address-block .button-1 {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  background: #00366a;
  border-radius: 0px;
  color: #ffffff;
  letter-spacing: 0px;
  padding: 10px 50px;
  line-height: 30px;
  font-weight: 400;
  text-transform: none;
  transition: all 0.2s ease-in-out;
  outline: none !important;
  border: none !important;
  display: inline-block;
}
.button-1:hover, .button-1:focus,
a.button-1:hover,
a.button-1:focus,
.simple-checkout-page .simple-checkout-data .button-1:hover,
.simple-checkout-page .simple-checkout-data .button-1:focus,
#simple-checkout-secondary-address-block .button-1:hover,
#simple-checkout-secondary-address-block .button-1:focus {
  background: #00488e;
  outline: none;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.button-2,
a.button-2,
.simple-checkout-page .simple-checkout-data .button-2,
#simple-checkout-secondary-address-block .button-2 {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  background: #3c1151;
  border-radius: 0px;
  color: #ffffff;
  letter-spacing: 0px;
  padding: 10px 50px;
  line-height: 30px;
  font-weight: 400;
  text-transform: none;
  transition: all 0.2s ease-in-out;
  outline: none !important;
  border: none !important;
  display: inline-block;
}
.button-2:hover, .button-2:focus,
a.button-2:hover,
a.button-2:focus,
.simple-checkout-page .simple-checkout-data .button-2:hover,
.simple-checkout-page .simple-checkout-data .button-2:focus,
#simple-checkout-secondary-address-block .button-2:hover,
#simple-checkout-secondary-address-block .button-2:focus {
  background: #52176f;
  outline: none;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.two-col-row {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  /*@media only screen and (min-width: 1200px) {
      margin-top: 80px;
      margin-bottom: 80px;
  }*/
}
.two-col-row .side-2,
.two-col-row .center-2 {
  float: left;
  width: 100%;
  padding: 0;
  min-height: 1px;
}
@media only screen and (max-width: 1199px) {
  .two-col-row .side-2,
.two-col-row .side-2-filters {
    float: left;
    width: 100%;
    max-width: 360px;
    position: fixed;
    top: 0;
    left: -400px;
    bottom: 0;
    height: 100%;
    transition: all 0.3s ease-in-out;
    background: #ffffff;
    z-index: 999999;
    overflow-y: auto;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  }
  .two-col-row .side-2 .mobile-util,
.two-col-row .side-2-filters .mobile-util {
    float: left;
    width: 100%;
  }
  .two-col-row .side-2 .mobile-util .close-filter,
.two-col-row .side-2-filters .mobile-util .close-filter {
    float: right;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1rem;
    background: #f3f3f4;
    margin: 10px 15px 10px 0;
  }
  .two-col-row .side-2.active,
.two-col-row .side-2-filters.active {
    left: 0;
    transition: all 0.3s ease-in-out;
  }
  .two-col-row .side-2.account {
    padding-left: 15px;
  }
}

.accMobileBtn {
  float: left;
  margin-right: auto;
  margin-top: 10px;
  border: 1px solid #f3f3f4;
  line-height: 28px;
  padding: 0 10px;
  height: 30px;
  color: #f3f3f4;
  background-position-y: 2px;
  filter: #f3f3f4;
  font-size: 0.875rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.accMobileBtn .mobile-menu-btn {
  position: relative;
  float: left;
  width: 30px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 5px;
}
.accMobileBtn .mobile-menu-btn .bar {
  width: 20px;
  height: 2px;
  background: #000000;
  position: absolute;
  left: calc(50% - 15px);
  bottom: 13px;
}
.accMobileBtn .mobile-menu-btn:before, .accMobileBtn .mobile-menu-btn:after {
  content: "";
  width: 20px;
  height: 2px;
  background: #000000;
  position: absolute;
  left: calc(50% - 15px);
}
.accMobileBtn .mobile-menu-btn:before {
  bottom: 19px;
}
.accMobileBtn .mobile-menu-btn:after {
  bottom: 7px;
}
@media only screen and (min-width: 768px) {
  .accMobileBtn {
    display: none;
  }
}

.filter-fade {
  position: fixed;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1200px) {
  .filter-fade {
    display: none !important;
  }
}

.freeze {
  max-height: 100vh;
  overflow: hidden;
}

/*************************/
/*       MAINSITE        */
/*************************/
.admin-header-links {
  float: left;
  width: 100%;
  background: #3c1151;
  color: #ffffff;
  line-height: 30px;
  height: 30px;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 3;
  left: 0;
}
.admin-header-links a {
  color: #ffffff;
}
.admin-header-links a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1199px) {
  .header {
    float: left;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 45;
    background: #ffffff;
    box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3);
  }
  .header .top-alert {
    float: left;
    width: 100%;
    background: #00366a;
    color: #ffffff;
    height: 40px;
    line-height: 30px;
    padding: 5px 0;
    font-size: 13px;
    letter-spacing: 0px;
  }
  .header .top-alert .top-content {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }
  .header .top-alert a {
    color: #ffffff;
  }
  .header .top-alert a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  .header .top-alert a i {
    font-size: 1rem;
    margin-right: 5px;
  }
  .header .header-top {
    float: left;
    width: 100%;
    padding: 10px 0;
  }
  .header .header-content {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 60px;
  }
  .header .header-content .mobile-menu-btn {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f3f3f4;
    font-size: 1.125rem;
    color: #00366a;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 360px) {
  .header .header-content .mobile-menu-btn {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-content .header-logo {
    float: left;
    width: auto;
    margin: 0 auto;
  }
  .header .header-content .header-logo a {
    float: left;
    width: auto;
  }
  .header .header-content .header-logo img {
    max-width: 120px;
    max-height: 40px;
    width: auto;
    height: auto;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 400px) {
  .header .header-content .header-logo img {
    max-width: 160px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 540px) {
  .header .header-content .header-logo img {
    max-width: 220px;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-links-wrapper {
    float: left;
    width: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .header .header-links {
    float: left;
    width: auto;
  }
  .header .header-links > ul {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .header .header-links > ul > li {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
  }
  .header .header-links > ul > li > a,
.header .header-links > ul > li > div:not(.flyout-cart) {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.125rem;
    background: #f3f3f4;
    color: #00366a;
    position: relative;
  }
  .header .header-links > ul > li > a .cart-qty,
.header .header-links > ul > li > div:not(.flyout-cart) .cart-qty {
    float: left;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background: #00366a;
    color: #ffffff;
    font-size: 8px;
    position: absolute;
    right: 0px;
    top: 0px;
    box-shadow: 0 0 1px 2px rgba(255, 255, 255, 0.7);
  }
  .header .header-links > ul > li > a:hover,
.header .header-links > ul > li > div:not(.flyout-cart):hover {
    background: #00366a;
    color: #ffffff;
    cursor: pointer;
  }
  .header .header-links > ul > li > a:hover .cart-qty,
.header .header-links > ul > li > div:not(.flyout-cart):hover .cart-qty {
    background: #ffffff;
    color: #00366a;
  }
  .header .header-links > ul > li.customer-li {
    display: none;
  }
  .header .header-links > ul > li:hover > a {
    background: #00366a;
    color: #ffffff;
  }
}
@media only screen and (max-width: 1199px) {
  .header .search-box.store-search-box {
    float: left;
    position: fixed;
    width: 100%;
    padding: 15px 50px;
    background: #ffffff;
    top: -160px;
    z-index: 456;
    height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }
  .header .search-box.store-search-box.active {
    top: 70px;
  }
  .header .search-box.store-search-box .close-search {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
  }
  .header .search-box.store-search-box .ui-autocomplete {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    background: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 234;
  }
  .header .search-box.store-search-box .ui-autocomplete li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f3f3f4;
  }
  .header .search-box.store-search-box .ui-autocomplete li a {
    float: left;
    width: 100%;
    padding: 10px 15px;
    color: #00366a;
    font-size: 0.875rem;
    font-weight: 500;
    background: #ffffff;
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
  }
  .header .search-box.store-search-box .ui-autocomplete li a:hover {
    color: #ffffff;
    background: #00366a;
    cursor: pointer;
    text-decoration: none;
  }
  .header .search-box.store-search-box .ui-autocomplete li a img {
    max-width: 20px;
    height: auto;
  }
  .header .search-box.store-search-box .ui-autocomplete li:nth-last-child(1) {
    border-bottom: none;
  }
}
@media only screen and (max-width: 1199px) {
  .header #small-search-box-form {
    float: left;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 425px;
    position: relative;
  }
  .header #small-search-box-form .search-box-text {
    height: 60px;
    background: #f3f3f4;
    border: none;
    line-height: 30px;
    padding: 10px 80px 10px 60px;
    color: #00366a;
    width: 100%;
  }
  .header #small-search-box-form .search-box-text:hover, .header #small-search-box-form .search-box-text:focus {
    border: none;
    outline: none;
  }
  .header #small-search-box-form .search-box-text::placeholder {
    color: #00366a;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .header #small-search-box-form .search-box-text {
    width: 425px;
  }
}
@media only screen and (max-width: 1199px) {
  .header #small-search-box-form .search-box-button {
    width: 60px;
    height: 60px;
    border: none;
    background: #f3f3f4;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
  }
  .header #small-search-box-form .search-box-button:hover {
    cursor: pointer;
    background: #00366a;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
  }
}
@media only screen and (max-width: 1199px) {
  .header #small-search-box-form .searh-tooltip {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #00366a;
    font-size: 24px;
    line-height: 24px;
    margin: auto 0;
  }
  .header #small-search-box-form .searh-tooltip .content-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 0;
  }
  .header #small-search-box-form .searh-tooltip .content {
    display: none;
    position: absolute;
    top: 0;
    width: 140px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    padding: 10px;
    font-size: 0.875rem;
    line-height: 1.3;
    box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .header #small-search-box-form .searh-tooltip {
    left: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .header #small-search-box-form .searh-tooltip:hover {
    color: #00488e;
  }
}
@media only screen and (max-width: 1199px) {
  .header #small-search-box-form .searh-tooltip.active {
    color: #00488e;
  }
  .header #small-search-box-form .searh-tooltip.active .content {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .header {
    float: left;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 45;
    background: #ffffff;
    box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3);
  }
  .header .top-alert {
    float: left;
    width: 100%;
    background: #00366a;
    color: #ffffff;
    height: 40px;
    line-height: 30px;
    padding: 5px 0;
    font-size: 13px;
    letter-spacing: 0px;
  }
  .header .top-alert .top-content {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }
  .header .top-alert a {
    color: #ffffff;
  }
  .header .top-alert a:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  .header .top-alert a i {
    font-size: 1rem;
    margin-right: 5px;
  }
  .header .header-top {
    float: left;
    width: 100%;
    padding: 25px 0;
  }
  .header .header-content {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
  .header .header-content .mobile-menu-btn {
    display: none;
  }
  .header .header-content .header-logo img {
    max-height: 40px;
    width: auto;
    height: auto;
  }
  .header .header-links-wrapper {
    float: left;
    width: auto;
  }
  .header .header-links {
    float: left;
    width: auto;
  }
  .header .header-links > ul {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .header .header-links > ul > li {
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    /*user account*/
  }
  .header .header-links > ul > li > a,
.header .header-links > ul > li > div:not(.flyout-cart) {
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 1.25rem;
    background: #f3f3f4;
    color: #00366a;
    position: relative;
  }
  .header .header-links > ul > li > a .cart-qty,
.header .header-links > ul > li > div:not(.flyout-cart) .cart-qty {
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #00366a;
    color: #ffffff;
    font-size: 13px;
    position: absolute;
    right: 5px;
    top: 5px;
    box-shadow: 0 0 1px 2px rgba(255, 255, 255, 0.7);
  }
  .header .header-links > ul > li > a:hover,
.header .header-links > ul > li > div:not(.flyout-cart):hover {
    background: #00366a;
    color: #ffffff;
    cursor: pointer;
  }
  .header .header-links > ul > li > a:hover .cart-qty,
.header .header-links > ul > li > div:not(.flyout-cart):hover .cart-qty {
    background: #ffffff;
    color: #00366a;
  }
  .header .header-links > ul > li.search-li {
    display: none;
  }
  .header .header-links > ul > li:hover > a {
    background: #00366a;
    color: #ffffff;
  }
  .header .header-links > ul > li.customer-li .icon-account {
    position: relative;
  }
  .header .header-links > ul > li.customer-li .icon-account .user-info {
    display: none;
  }
  .header .header-links > ul > li.customer-li .icon-account .account-menu {
    width: 140px;
    background: #ffffff;
    padding: 0;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 4;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
    display: none;
  }
  .header .header-links > ul > li.customer-li .icon-account .account-menu a {
    float: left;
    width: 100%;
    padding: 10px 10px;
    background: #f3f3f4;
    color: #000;
    font-size: 0.875rem;
    line-height: 1.3;
  }
  .header .header-links > ul > li.customer-li .icon-account .account-menu a:hover {
    background: #00366a;
    color: #ffffff;
  }
  .header .header-links > ul > li.customer-li .icon-account .account-menu a + a {
    border-top: 1px solid #ccc;
  }
  .header .search-box.store-search-box {
    margin-left: auto;
    float: left;
    width: auto;
    position: relative;
  }
  .header .search-box.store-search-box .close-search {
    display: none;
  }
  .header .search-box.store-search-box .ui-autocomplete {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    background: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
    z-index: 234;
  }
  .header .search-box.store-search-box .ui-autocomplete li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f3f3f4;
  }
  .header .search-box.store-search-box .ui-autocomplete li a {
    float: left;
    width: 100%;
    padding: 10px 15px;
    color: #00366a;
    font-size: 0.875rem;
    font-weight: 500;
    background: #ffffff;
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
  }
  .header .search-box.store-search-box .ui-autocomplete li a:hover {
    color: #ffffff;
    background: #00366a;
    cursor: pointer;
    text-decoration: none;
  }
  .header .search-box.store-search-box .ui-autocomplete li a img {
    max-width: 20px;
    height: auto;
  }
  .header .search-box.store-search-box .ui-autocomplete li:nth-last-child(1) {
    border-bottom: none;
  }
  .header #small-search-box-form {
    float: left;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 425px;
    position: relative;
  }
  .header #small-search-box-form .search-box-text {
    height: 60px;
    background: #f3f3f4;
    border: none;
    line-height: 30px;
    padding: 10px 80px 10px 60px;
    color: #00366a;
  }
  .header #small-search-box-form .search-box-text:hover, .header #small-search-box-form .search-box-text:focus {
    border: none;
    outline: none;
  }
  .header #small-search-box-form .search-box-text::placeholder {
    color: #00366a;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1024px) {
  .header #small-search-box-form .search-box-text {
    width: 425px;
  }
}
@media only screen and (min-width: 1200px) {
  .header #small-search-box-form .search-box-button {
    width: 60px;
    height: 60px;
    border: none;
    background: #f3f3f4;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
  }
  .header #small-search-box-form .search-box-button:hover {
    cursor: pointer;
    background: #00366a;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
  }
}
@media only screen and (min-width: 1200px) {
  .header #small-search-box-form .searh-tooltip {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #00366a;
    font-size: 24px;
    line-height: 24px;
    margin: auto 0;
  }
  .header #small-search-box-form .searh-tooltip .content-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: 0;
  }
  .header #small-search-box-form .searh-tooltip .content {
    display: none;
    position: absolute;
    top: 0;
    width: 140px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    padding: 10px;
    font-size: 0.875rem;
    line-height: 1.3;
    box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1024px) {
  .header #small-search-box-form .searh-tooltip {
    left: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .header #small-search-box-form .searh-tooltip:hover {
    color: #00488e;
  }
}
@media only screen and (min-width: 1200px) {
  .header #small-search-box-form .searh-tooltip.active {
    color: #00488e;
  }
  .header #small-search-box-form .searh-tooltip.active .content {
    display: block;
  }
}
.header-menu-wrapper {
  float: left;
  width: 100%;
  background: #f3f3f4;
}

.master-wrapper-content {
  float: left;
  width: 100%;
  min-height: calc(100vh - 550px);
}
.master-wrapper-content .master-column-wrapper {
  float: left;
  width: 100%;
}
.master-wrapper-content .master-column-wrapper .page {
  float: left;
  width: 100%;
}
.master-wrapper-content .master-column-wrapper .page .page-body {
  float: left;
  width: 100%;
}

.master-wrapper-page {
  float: left;
  width: 100%;
  overflow-x: hidden;
}

.master-wrapper-content {
  margin-top: 210px;
}

.admin-header-links ~ .header {
  top: 30px;
}

.admin-header-links ~ .header ~ .master-wrapper-content {
  margin-top: 240px;
}

@media only screen and (max-width: 1199px) {
  .header {
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.3);
  }
  .master-wrapper-content {
    margin-top: 120px;
  }
  .admin-header-links ~ .header ~ .master-wrapper-content {
    margin-top: 150px;
  }
}
.topic-page ul,
.topic-page ul li {
  list-style-type: disc;
}

.flyout-cart {
  z-index: 25;
  display: none;
  width: 220px;
  position: absolute !important;
  top: 100%;
  right: 50%;
  transform: translateX(50%);
}
@media only screen and (min-width: 768px) {
  .flyout-cart {
    width: 280px;
  }
}
.flyout-cart.active {
  display: block;
}
.flyout-cart .mini-shopping-cart {
  float: left;
  width: 100%;
  z-index: 66;
  padding: 15px;
  background: #ffffff;
  position: relative;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.flyout-cart .mini-shopping-cart .desktop-close {
  float: left;
  width: 100%;
}
.flyout-cart .mini-shopping-cart .desktop-close .close-flyout {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  float: right;
  color: #000;
  transition: all 0.2s ease-in-out;
  background: #f3f3f4;
  margin: 0 0 7px 0;
}
.flyout-cart .mini-shopping-cart .desktop-close .close-flyout:hover {
  color: #ffffff;
  background: #00366a;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .flyout-cart .mini-shopping-cart .desktop-close {
    display: none;
  }
}
.flyout-cart .mini-shopping-cart .count {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
}
.flyout-cart .mini-shopping-cart .count a {
  font-size: 1rem;
  color: #00366a;
}
.flyout-cart .mini-shopping-cart .items {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  max-height: 170px;
  overflow-y: auto;
  /*&::-webkit-scrollbar {
      display: none;
  }*/
}
.flyout-cart .mini-shopping-cart .items::-webkit-scrollbar {
  height: 12px;
  width: 2px;
  background: rgba(204, 204, 204, 0.3);
}
.flyout-cart .mini-shopping-cart .items::-webkit-scrollbar-thumb {
  background: #000;
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.flyout-cart .mini-shopping-cart .items .item {
  float: left;
  width: 100%;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px solid #ccc;
}
.flyout-cart .mini-shopping-cart .items .item:last-child {
  border-bottom: none;
}
.flyout-cart .mini-shopping-cart .items .item .picture {
  float: left;
  width: 60px;
  margin: 0 10px 0 0;
}
.flyout-cart .mini-shopping-cart .items .item .picture img {
  float: left;
  width: 100%;
  height: auto;
}
.flyout-cart .mini-shopping-cart .items .item .product {
  float: left;
  width: calc(100% - 70px);
}
.flyout-cart .mini-shopping-cart .items .item .product .name {
  float: left;
  width: 100%;
  margin: 10px 0 10px 0;
}
.flyout-cart .mini-shopping-cart .items .item .product .name a {
  color: #000;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
  float: left;
  text-transform: uppercase;
  font-weight: 600;
}
.flyout-cart .mini-shopping-cart .items .item .product .name a:hover {
  color: #00366a;
  text-decoration: none;
}
.flyout-cart .mini-shopping-cart .items .item .product .attributes {
  float: left;
  width: 100%;
  font-size: 11px;
  line-height: 1.1;
  color: #ccc;
  margin: 3px 0;
}
.flyout-cart .mini-shopping-cart .items .item .product .price {
  float: left;
  width: auto;
  font-size: 11px;
  line-height: 1.1;
  color: #00366a;
  font-weight: 400;
  margin: 0 0 10px 0;
}
.flyout-cart .mini-shopping-cart .items .item .product .price span {
  font-size: 11px;
  font-weight: 600;
  color: #00366a;
  margin-left: 5px;
}
.flyout-cart .mini-shopping-cart .items .item .product .quantity {
  float: left;
  width: auto;
  font-size: 11px;
  line-height: 1.1;
  color: #000;
  margin: 0 0 10px 0;
}
.flyout-cart .mini-shopping-cart .items .item .product .quantity span {
  font-size: 11px;
  font-weight: 600;
  color: #000;
}
.flyout-cart .mini-shopping-cart .totals {
  float: left;
  width: 100%;
  margin: 0 0 7px 0;
  font-size: 14px;
  line-height: 1.1;
  color: #000;
  font-weight: 400;
  border-top: 1px solid #ccc;
  padding: 20px 0;
  line-height: 18px;
  text-align: center;
  font-size: 1rem;
  position: relative;
  z-index: 4;
}
.flyout-cart .mini-shopping-cart .totals span,
.flyout-cart .mini-shopping-cart .totals strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: #00366a;
}
.flyout-cart .mini-shopping-cart .totals::before {
  position: absolute;
  content: "";
  width: 88%;
  height: 10px;
  background: #fff;
  z-index: -1;
  left: 6%;
  top: 0;
  float: left;
  box-shadow: 0px -8px 21px -3px rgba(0, 0, 0, 0.3);
}
.flyout-cart .mini-shopping-cart .totals::after {
  content: "";
  float: left;
  width: 100%;
  height: 21px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 45;
}
.flyout-cart .mini-shopping-cart .buttons {
  float: left;
  width: 100%;
  margin: 0;
}
.flyout-cart .mini-shopping-cart .buttons .cart-button {
  background: #00366a;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
.flyout-cart .mini-shopping-cart .buttons .cart-button:hover {
  background: #004384;
  color: #ffffff;
}
@media only screen and (min-width: 1px) {
  .flyout-cart {
    position: fixed !important;
    top: 0;
    right: -450px;
    bottom: 0;
    transform: none;
    height: 100vh;
    z-index: 5678;
    display: block !important;
    transition: all 0.2s ease-in-out;
  }
  .flyout-cart .mini-shopping-cart {
    height: 100vh;
  }
  .flyout-cart .mini-shopping-cart .items {
    max-height: calc(100vh - 300px);
  }
  .flyout-cart.visible {
    right: 0;
    transition: all 0.2s ease-in-out;
  }
}

.flyout-fade {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 4567;
}
@media only screen and (max-width: 1023px) {
  .flyout-fade .flyout-offer {
    display: none !important;
  }
}
.flyout-fade .flyout-offer {
  position: fixed;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  padding: 15px;
  width: calc(100% - 450px);
  max-width: 1400px;
  z-index: 4568;
  box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3);
}
.flyout-fade .flyout-offer .title {
  float: left;
  width: 100%;
  color: #00366a;
}

.ajaxCart {
  box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3) !important;
}
.ajaxCart .k-window-titlebar {
  background: #ffffff !important;
  min-height: 50px !important;
}
.ajaxCart .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action.k-button {
  background: none;
}
.ajaxCart .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action.k-button:before {
  content: "\f00d";
  font-size: 1rem;
  font-family: "Font Awesome 6 Pro";
  line-height: 16px;
}
.ajaxCart .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action.k-button span {
  display: none !important;
}
.ajaxCart .k-window-titlebar .k-window-titlebar-actions .k-window-titlebar-action.k-button span svg {
  display: none !important;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowTitle {
  font-family: "Open Sans", sans-serif;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartItem .productAddedToCartWindowImage {
  width: 100px !important;
  height: 100px !important;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartItem .productAddedToCartWindowDescription {
  margin: 0 0 0 120px !important;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartItem .productAddedToCartWindowDescription h1 a {
  font-family: "Open Sans", sans-serif;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartItem .productAddedToCartWindowDescription .price {
  font-family: "Open Sans", sans-serif;
  color: #00366a;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartItem .productAddedToCartWindowDescription .attributeInfo,
.ajaxCart .productAddedToCartWindow .productAddedToCartItem .productAddedToCartWindowDescription .quantity {
  font-family: "Open Sans", sans-serif;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowSummary {
  font-family: "Open Sans", sans-serif;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowSummary .continueShoppingLink {
  color: #00366a;
  font-family: "Open Sans", sans-serif;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowSummary .shoppingCartButtonWrapper .button-1.productAddedToCartWindowCheckout {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  background: #00366a;
  border-radius: 0px;
  color: #ffffff;
  letter-spacing: 0px;
  padding: 10px 50px;
  line-height: 30px;
  font-weight: 400;
  text-transform: none;
  transition: all 0.2s ease-in-out;
  outline: none !important;
  border: none !important;
  display: inline-block;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowSummary .shoppingCartButtonWrapper .button-1.productAddedToCartWindowCheckout:hover, .ajaxCart .productAddedToCartWindow .productAddedToCartWindowSummary .shoppingCartButtonWrapper .button-1.productAddedToCartWindowCheckout:focus {
  background: #00488e;
  outline: none;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: white;
  opacity: 1;
  margin: 0 7px;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #00366a;
}

.swiper-button-next,
.swiper-button-prev {
  background: transparent;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  font-size: 1.25rem;
  line-height: 50px;
  text-align: center;
  float: left;
}
.swiper-button-next i,
.swiper-button-prev i {
  color: #000000;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
  color: #000000;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #00366a;
  /*&:after {
      color: $color1;
  }*/
}

.home-slider {
  float: left;
  width: 100%;
  position: relative;
  max-width: 1920px;
  left: 50%;
  transform: translateX(-50%);
}
.home-slider .item {
  float: left;
  width: 100%;
  position: relative;
}
.home-slider .item img {
  width: 100%;
  height: auto;
  float: left;
}
.home-slider .item .content-wrapper {
  float: left;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .home-slider .item .content-wrapper {
    /*top: 50%;
    transform: translateY(-50%);*/
    bottom: 60px;
    padding: 0 30px;
  }
}
@media only screen and (min-width: 768px) {
  .home-slider .item .content-wrapper {
    bottom: 100px;
    max-width: 1440px;
  }
}
.home-slider .item .content {
  float: right;
  width: 100%;
  max-width: 785px;
  text-align: right;
}
.home-slider .item .content .title {
  float: left;
  width: 100%;
  letter-spacing: 0px;
  font-size: 2.1875rem;
  line-height: 1.3428571429;
  color: #00366a;
  margin: 0 0 50px 0;
  padding-bottom: 0;
  z-index: 2;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .home-slider .item .content .title {
    font-size: 1.375rem;
  }
}
@media only screen and (max-width: 639px) {
  .home-slider .swiper-pagination {
    text-align: center;
    width: 100% !important;
  }
  .home-slider .swiper-pagination .swiper-pagination-bullet {
    background: #ffffff;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
  .home-slider .swiper-pagination {
    text-align: right;
    width: 40% !important;
  }
}
@media only screen and (min-width: 1024px) {
  .home-slider .swiper-pagination {
    text-align: right;
    width: 62% !important;
  }
}

/*home content sections*/
.home-section {
  float: left;
  width: 100%;
  padding: 50px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.home-section > .container {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.home-section.grey {
  background: #f3f3f4;
}
.home-section .title {
  float: left;
  width: 100%;
  color: #00366a;
  font-weight: bold;
  font-size: 1.5625rem;
  line-height: 1.36;
  margin: 15px 0;
}
.home-section.no-gap .container {
  gap: 0;
}

.exposed-list {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 15px;
}
.exposed-list .item {
  float: left;
  width: 100%;
  background: #f3f3f4;
  padding: 25px;
}
.exposed-list .item .image {
  float: left;
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  overflow: hidden;
  text-align: center;
  justify-content: center;
}
.exposed-list .item .image img {
  object-fit: contain;
  object-position: center;
}
.exposed-list .item .title {
  float: left;
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  color: #00366a;
  font-weight: 600;
  letter-spacing: 0px;
  margin: 30px 0 5px 0;
}
.exposed-list .item .description {
  float: left;
  width: 100%;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  letter-spacing: 0px;
  color: #808285;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #808285;
}
.exposed-list .item > a,
.exposed-list .item .link-text {
  display: inline-block;
  color: #00366a;
  text-decoration: underline;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  letter-spacing: 0px;
  padding: 0 20px 0 0;
  position: relative;
  margin: 0 0 10px 0;
}
.exposed-list .item > a:after,
.exposed-list .item .link-text:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 0.8125rem;
}
.exposed-list .item:hover {
  background: #e5e5e5;
}
.exposed-list .item:hover .link-text {
  text-decoration: underline;
}
@media only screen and (min-width: 1024px) {
  .exposed-list {
    grid-gap: 30px;
    grid-template-columns: calc(33.33333% - 20px) calc(33.33333% - 20px) calc(33.33333% - 20px);
  }
}

.split-content {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 15px;
}
@media only screen and (min-width: 1024px) {
  .split-content {
    grid-gap: 60px;
    grid-template-columns: calc(50% - 30px) calc(50% - 30px);
  }
}
.split-content .column {
  float: left;
  width: 100%;
}
.split-content .column > .title,
.split-content .column .html-widget > .title {
  float: left;
  width: 100%;
  color: #00366a;
  font-size: 1.5625rem;
  line-height: 1.36;
  letter-spacing: 0px;
  font-weight: bold;
  margin: 30px 0;
}

.facts-list {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.facts-list .item {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
}
.facts-list .item .icon {
  float: left;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background: #00366a;
  color: #ffffff;
  font-size: 1.35rem;
}
.facts-list .item .content {
  float: left;
  width: calc(100% - 115px);
  color: #808285;
}
.facts-list .item .content .title {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0px;
  font-weight: bold;
  margin: 3px 0;
}
.facts-list .item .content .text {
  float: left;
  width: 100%;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0px;
  font-weight: 400;
}

/******************************************************************************************************************************/
/*****************************************************************************************************************************/
.html-widget {
  float: left;
  width: 100%;
  margin: 0;
}

.breadcrumb {
  float: left;
  width: 100%;
  margin: 15px 0 40px 0 !important;
  padding: 15px 0 15px 25px !important;
  border-bottom: 1px solid #f3f3f4;
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    margin: 15px 0 !important;
  }
}
.breadcrumb ul {
  float: left;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
.breadcrumb ul:before {
  content: "\f015";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: -25px;
  top: -3px;
  font-size: 14px;
  color: #00366a;
}
.breadcrumb ul li {
  float: left;
  width: auto;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  letter-spacing: 0px;
  color: #00366a;
  font-weight: 400;
}
.breadcrumb ul li a,
.breadcrumb ul li strong {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  letter-spacing: 0px;
  color: #00366a;
  font-weight: 400;
}
.breadcrumb ul li a:hover,
.breadcrumb ul li strong:hover {
  color: #3c1151;
}
.breadcrumb ul li .current-item {
  font-weight: 400 !important;
  color: #00366a !important;
}
.breadcrumb ul li .delimiter {
  margin: 0 2px 0 2px;
  color: #00366a !important;
}

.mobile-back-button {
  float: left;
  width: auto;
  padding: 0;
  margin: 0 0 0px 0;
  display: none;
}
.mobile-back-button a {
  float: left;
  width: auto;
  padding: 0 0 0 0px;
  position: relative;
  color: #000000;
  font-size: 0.875rem;
  line-height: 40px;
}
.mobile-back-button a > span {
  display: inline-block;
}
.mobile-back-button a:before {
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 0.875rem;
}
.mobile-back-button a:hover {
  color: #00366a;
}
.mobile-back-button .delimiter {
  display: none;
}
@media only screen and (min-width: 767px) {
  .mobile-back-button a {
    font-size: 1rem;
  }
  .mobile-back-button a:before {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 992px) {
  .mobile-back-button {
    display: none;
  }
}

.footer {
  float: left;
  width: 100%;
  background: #00366a;
  position: relative;
  z-index: 2;
}
.footer a {
  font-family: "Open Sans", sans-serif;
  color: #cfcfcf;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3846153846;
  letter-spacing: 0;
  display: inline-block;
}
.footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.footer p {
  color: #cfcfcf;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3846153846;
  letter-spacing: 0;
}
.footer .footer-upper {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding-top: 40px;
  justify-content: space-between;
  padding-bottom: 40px;
}
@media only screen and (max-width: 540px) {
  .footer .footer-upper {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
}
.footer .footer-upper .footer-block {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .footer .footer-upper .footer-block {
    width: calc(50% - 15px);
  }
}
@media only screen and (min-width: 1200px) {
  .footer .footer-upper .footer-block {
    width: auto;
    max-width: calc(19.5% - 12px);
    min-width: 17%;
  }
  .footer .footer-upper .footer-block.payments-certificates {
    max-width: calc(22% - 12px);
  }
}
.footer .footer-upper .footer-block.aboutus {
  padding-top: 15px;
}
.footer .footer-upper .footer-block .title {
  float: left;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: 0.4px;
  color: #ffffff;
  font-weight: 600;
  margin: 12px 0;
  text-transform: none;
  margin: 15px 0;
  font-family: "Open Sans", sans-serif;
}
.footer .footer-upper .footer-block .content {
  float: left;
  width: 100%;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.6923076923;
  letter-spacing: 0.26px;
}
.footer .footer-upper .footer-block ul.list {
  float: left;
  width: 100%;
  margin: 0 0 8px 0;
  padding: 0 0 0 17px;
  list-style-type: disc;
}
@media only screen and (max-width: 991px) {
  .footer .footer-upper .footer-block ul.list {
    display: none;
  }
}
.footer .footer-upper .footer-block ul.list li {
  float: left;
  width: 100%;
  margin: 0 0 4px 0;
  padding: 0;
  color: #cfcfcf;
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.3846153846;
  list-style-type: disc;
}
@media only screen and (max-width: 991px) {
  .footer .footer-upper .footer-block ul.list {
    list-style-type: none !important;
  }
  .footer .footer-upper .footer-block ul.list li {
    list-style-type: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .footer .footer-upper {
    gap: 0;
  }
  .footer .footer-upper .footer-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .footer .footer-upper .footer-block a,
.footer .footer-upper .footer-block p,
.footer .footer-upper .footer-block li {
    text-align: center;
  }
  .footer .footer-upper .footer-block .title {
    text-align: center;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 0;
    padding: 12px 0;
    font-size: 0.9375rem;
    line-height: 1.3333333333;
    letter-spacing: 1.5px;
    margin-top: -1px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 5px;
  }
  .footer .footer-upper .footer-block .title:before {
    content: "\f067";
    font-family: "Font Awesome 6 Pro";
    font-size: 0.625rem;
    line-height: 1;
  }
  .footer .footer-upper .footer-block .title:hover {
    cursor: pointer;
  }
  .footer .footer-upper .footer-block .content {
    display: none;
    text-align: center;
    padding: 0 20px 20px 20px;
  }
  .footer .footer-upper .footer-block .title.active {
    color: #ffffff;
    border-bottom: 1px solid transparent;
  }
  .footer .footer-upper .footer-block .title.active:before {
    content: "\f068";
  }
  .footer .footer-upper .footer-block .title.active + .content {
    color: #cfcfcf;
  }
  .footer .footer-upper .footer-block .title.active + .content a,
.footer .footer-upper .footer-block .title.active + .content p,
.footer .footer-upper .footer-block .title.active + .content li {
    color: #cfcfcf;
  }
  .footer .footer-upper .footer-block ul.networks {
    justify-content: center;
  }
  .footer .footer-upper .footer-block .payments,
.footer .footer-upper .footer-block .certificates {
    justify-content: center;
  }
  .footer .footer-upper .footer-block.about-us {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .footer .footer-upper .footer-block .content {
    display: block !important;
  }
}
.footer .footer-upper .social-links {
  float: left;
  width: auto;
  margin: 15px 0;
}
@media only screen and (max-width: 991px) {
  .footer .footer-upper .social-links {
    margin: 15px auto;
  }
}
.footer .footer-upper .social-links ul {
  float: left;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 150px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footer .footer-upper .social-links ul li {
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
}
.footer .footer-upper .social-links a {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.25rem;
  color: #ffffff;
}
.footer .footer-upper .social-links a:hover {
  transform: scale(1.045);
}
.footer .footer-lower {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  color: #cfcfcf;
  font-size: 0.8125rem;
  line-height: 1.1538461538;
  font-weight: 600;
  padding: 40px 0;
  border-top: 1px solid #cfcfcf;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 540px) {
  .footer .footer-lower {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    padding: 40px 15px;
  }
}
.footer .footer-lower a {
  color: #cfcfcf;
  font-size: 0.8125rem;
  line-height: 1.1538461538;
  font-weight: 600;
}
.footer .footer-lower .payment-methods {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0 0 10px 0;
}
.footer .footer-lower .payment-methods img,
.footer .footer-lower .payment-methods svg {
  height: 30px;
  width: auto;
  background: #ffffff;
  padding: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 991px) {
  .footer .footer-lower .payment-methods {
    justify-content: center;
  }
}
.footer .footer-lower .links {
  float: left;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (max-width: 991px) {
  .footer .footer-lower {
    justify-content: center;
    gap: 11px;
  }
  .footer .footer-lower .copyright {
    order: 3;
  }
  .footer .footer-lower .links {
    flex-direction: column;
    justify-content: center;
    flex-direction: column;
    gap: 11px;
  }
  .footer .footer-lower .links a {
    width: auto;
    margin: 0 auto;
  }
  .footer .footer-lower .authors {
    float: left;
    width: 100%;
    text-align: center;
  }
}

/**********************
    CATEGORY PAGE
***********************/
.page-title {
  float: left;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  align-content: center;
}
.page-title h1 {
  float: left;
  width: auto;
  color: #00366a;
  font-size: 1.5625rem;
  line-height: 1.36;
  letter-spacing: 0px;
  font-weight: 600;
  margin: 0 0 30px 0;
}
.page-title .product-count {
  display: inline-block;
  background: rgba(204, 204, 204, 0.5);
  color: #f3f3f4;
  border-radius: 30px;
  font-size: 0.8125rem;
  line-height: 20px;
  padding: 0 10px;
  letter-spacing: 0.65px;
  font-weight: bold;
}

.col-one .page-title {
  margin: 30px 0 15px 0;
}

.col-two .page-title {
  margin: 40px 0 15px 0;
}

@media only screen and (max-width: 1199px) {
  .category-page-breadcrumb {
    display: none !important;
  }
}
.product-filter .filter-button {
  border: 1px solid #00366a;
  line-height: 30px;
  padding: 0 10px;
  height: 30px;
  color: #00366a;
  background-position-y: 2px;
  filter: #00366a;
  font-size: 0.875rem;
  float: right;
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 44;
  background: #ffffff;
}
.product-filter .filter-button i {
  font-size: 0.875rem;
}
@media only screen and (min-width: 1200px) {
  .product-filter {
    display: none !important;
  }
}

/*grid + product box*/
.products-wrapper {
  float: left;
  width: 100%;
}
.products-wrapper .no-result {
  float: left;
  width: 100%;
  margin: 20px 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #00366a;
  line-height: 1.3;
}

.product-grid:not(.related-products-grid) {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.product-grid:not(.related-products-grid) .item-grid {
  display: grid;
  grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);
  grid-gap: 15px 15px;
}
@media only screen and (min-width: 992px) {
  .product-grid:not(.related-products-grid) .item-grid {
    grid-template-columns: calc(33.3333% - 10px) calc(33.3333% - 10px) calc(33.3333% - 10px);
    grid-gap: 15px 15px;
  }
}
.item-grid {
  float: left;
  width: 100%;
}

.home-page-product-grid {
  margin: 15px 0;
}
.home-page-product-grid .item-grid {
  /*@media only screen and (min-width: 1200px) {
      grid-template-columns: calc(33.3333% - (30px / 3)) calc(33.3333% - (30px / 3)) calc(33.3333% - (30px / 3));
  }*/
}
@media only screen and (min-width: 1200px) {
  .home-page-product-grid .item-grid {
    grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) !important;
  }
}

.product-selectors {
  display: none;
}

.category-page .item-grid {
  display: grid;
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  grid-gap: 35px 10px;
}
@media only screen and (min-width: 992px) {
  .category-page .item-grid {
    grid-template-columns: calc(33.3333% - 6.6666666667px) calc(33.3333% - 6.6666666667px) calc(33.3333% - 6.6666666667px);
    grid-gap: 35px 10px;
  }
}

.notice-section {
  float: left;
  width: 100%;
  text-align: center;
  border-top: 1px solid #808285;
  padding: 30px 0;
  margin: 30px 0;
}
@media only screen and (min-width: 1200px) {
  .notice-section {
    padding-left: 200px;
    padding-right: 200px;
  }
}
.notice-section .title {
  float: left;
  width: 100%;
  margin: 25px 0;
  color: #00366a;
  font-weight: bold;
  font-size: 1.5625rem;
  line-height: 1.36;
}
.notice-section p {
  clear: both;
  font-weight: #000000;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  margin-bottom: 25px;
}
.notice-section .button-1 {
  text-decoration: none;
}

.item-box {
  float: left;
  width: 100%;
}

.product-item {
  float: left;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
  border: 1px solid #f3f3f4;
  padding: 25px;
  transition: all 0.2s ease-in-out;
}
.product-item .picture {
  float: left;
  width: 100%;
  height: auto;
}
.product-item .picture a,
.product-item .picture .image-wrapper {
  float: left;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: flex;
  overflow: hidden;
  position: relative;
  margin: 0 0 15px 0;
  background: #ffffff;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.product-item .picture img {
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.product-item .details {
  float: left;
  width: 100%;
}
.product-item .details .codes {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.product-item .details .codes .code {
  float: left;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 1.3;
  letter-spacing: 0px;
  color: #808285;
  font-weight: 400;
}
.product-item .details .product-title {
  float: left;
  width: 100%;
  margin: 15px 0 25px 0;
  padding: 0 0 24px 0;
  border-bottom: 1px solid #808285;
}
.product-item .details .product-title a,
.product-item .details .product-title .title-text {
  float: left;
  width: 100%;
  font-weight: 600;
  font-size: 1.0625rem;
  line-height: 1.3529411765;
  letter-spacing: 0px;
  color: #00366a;
  margin: 0;
}
.product-item .details .product-title a:hover,
.product-item .details .product-title .title-text:hover {
  color: #00488e;
  text-decoration: underline;
}
.product-item .details .login-price {
  float: left;
  width: 100%;
  float: left;
  width: 100%;
  color: #808285;
  font-size: 0.8125rem;
  line-height: 2.1538461538;
  letter-spacing: 0px;
  font-weight: 400;
}
.product-item .details .login-price a {
  text-decoration: underline;
  font-weight: 600;
}
.product-item .details .login-price a i {
  font-size: 1rem;
}
.product-item .details .login-price a:hover {
  color: #00488e;
}
.product-item .details .add-info {
  float: left;
  width: 100%;
}
.product-item .details .add-info .prices {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.product-item .details .add-info .prices .old-price {
  text-decoration: line-through;
  color: #808285;
}
.product-item .details .add-info .prices .actual-price {
  font-weight: bold;
  color: #00366a;
}
.product-item .details .add-info .buttons {
  display: none;
  float: left;
  width: 100%;
  flex-wrap: wrap;
  gap: 10px;
}
.product-item .details .add-info .buttons .button-1,
.product-item .details .add-info .buttons .button-2 {
  padding: 10px !important;
  font-size: 0.875rem !important;
}
.product-item:hover {
  transition: all 0.2s ease-in-out;
  border: 1px solid #00366a;
}

.category-grid.sub-category-grid {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f3f3f4;
  margin: 0 0 45px 0;
}
@media only screen and (min-width: 360px) {
  .category-grid.sub-category-grid {
    grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);
  }
}
@media only screen and (min-width: 1024px) {
  .category-grid.sub-category-grid {
    grid-template-columns: calc(33.3333% - 10px) calc(33.3333% - 10px) calc(33.3333% - 10px);
  }
}
.category-grid.sub-category-grid .item-box {
  float: left;
  width: 100%;
}
.category-grid.sub-category-grid .item-box .image-wrapper {
  float: left;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  border: 1px solid #f3f3f4;
  transition: all 0.2s ease-in-out;
}
.category-grid.sub-category-grid .item-box .image {
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
  max-height: 100%;
}
.category-grid.sub-category-grid .item-box .title {
  float: left;
  width: 100%;
  font-size: 1rem;
  margin: 0;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .category-grid.sub-category-grid .item-box .title {
    font-size: 1.25rem;
  }
}
.category-grid.sub-category-grid .item-box .link {
  float: left;
  width: 100%;
}
.category-grid.sub-category-grid .item-box .link:hover {
  /*.title {
      background: $color1;
      color: $white;
      transition: all 0.2s ease-in-out;
  }*/
}
.category-grid.sub-category-grid .item-box .link:hover .image-wrapper {
  border: 1px solid #00366a;
  transition: all 0.2s ease-in-out;
}
.category-grid.sub-category-grid .item-box .link:hover .image-wrapper .image {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}

/*quantity buttons*/
*:not(.product-details-page) .productQuantity {
  float: left;
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  align-content: center;
}
*:not(.product-details-page) .productQuantity .pqButton {
  float: left;
  width: 22px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  border: none;
  color: #000000;
  font-size: 0.9375rem;
  box-sizing: border-box;
  transition: all 0.25s ease-in-out;
}
*:not(.product-details-page) .productQuantity .pqButton i {
  font-weight: 400 !important;
}
*:not(.product-details-page) .productQuantity .pqButton:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #00366a;
  transition: all 0.25s ease-in-out;
}
*:not(.product-details-page) .productQuantity .qty-input {
  float: left;
  width: calc(100% - 50px);
  height: 52px;
  line-height: 52px;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
}

.product-details-page .productQuantity {
  float: left;
  width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: center;
  align-items: center;
}
.product-details-page .productQuantity .pqButton {
  float: left;
  width: 22px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  border: none;
  color: #000000;
  font-size: 0.6875rem;
  box-sizing: border-box;
  transition: all 0.25s ease-in-out;
}
.product-details-page .productQuantity .pqButton i {
  font-weight: 400 !important;
}
.product-details-page .productQuantity .pqButton:hover {
  cursor: pointer;
  color: #ffffff !important;
  background: #00366a;
  transition: all 0.25s ease-in-out;
}
.product-details-page .productQuantity .qty-input {
  float: left;
  width: 50px;
  max-width: 50px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
}
@media only screen and (min-width: 1200px) {
  .product-details-page .productQuantity {
    width: 120px;
  }
  .product-details-page .productQuantity .qty-input {
    width: 50px;
  }
}

/*product details*/
.product-essential {
  float: left;
  width: 100%;
}
.product-essential .gallery {
  float: left;
  width: 100%;
}
.product-essential .gallery .picture-gallery {
  float: left;
  width: 100%;
}
.product-essential .gallery .picture-gallery .picture {
  float: left;
  width: 100%;
}
.product-essential .gallery .picture-gallery .picture a {
  float: left;
  width: auto;
  max-width: 100%;
}
.product-essential .gallery .picture-gallery .picture img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.product-essential .gallery .picture-gallery .picture-thumbs {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.product-essential .gallery .picture-gallery .picture-thumbs .thumb-item {
  float: left;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  display: flex;
  position: relative;
  border: 1px solid #f3f3f4;
}
.product-essential .gallery .picture-gallery .picture-thumbs .thumb-item img {
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  width: auto;
  height: auto;
}
.product-essential .gallery .picture-gallery .picture-thumbs .thumb-item:hover {
  cursor: pointer;
}
.product-essential .gallery .picture-gallery .simbolic-images {
  float: left;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.25;
  border: 1px solid #f3f3f4;
  padding: 7px 15px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 10px 0 20px 0;
}
.product-essential .gallery a[data-fslightbox] {
  position: relative;
}
.product-essential .gallery a[data-fslightbox]:after {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-size: 2rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #ffffff;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.product-essential .gallery a[data-fslightbox]:hover:after {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.product-essential .overview {
  float: left;
  width: 100%;
  max-width: 830px;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: 0px;
}
.product-essential .overview .product-name {
  float: left;
  width: 100%;
}
.product-essential .overview .product-name h1 {
  float: left;
  width: 100%;
  font-size: 1.5625rem;
  line-height: 1.36;
  font-weight: 600;
  color: #00366a;
  letter-spacing: 0px;
  margin: 0 0 20px 0;
}
.product-essential .overview .sku-line {
  float: left;
  width: 100%;
  padding: 12px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: 0px;
  color: #000;
  margin: 0 0 20px 0;
}
.product-essential .overview .short-description {
  float: left;
  width: 100%;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: 0px;
  color: #000;
  margin: 0 0 20px 0;
}
.product-essential .overview .register-block {
  float: left;
  width: 100%;
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.product-essential .overview .register-block .register-cta {
  float: left;
  width: 100%;
  background: #f3f3f4;
  padding: 15px 20px;
  color: #808285;
  font-size: 0.8125rem;
}
.product-essential .overview .register-block .register-cta .login-cta-btn {
  font-size: 0.8125rem;
  margin-right: 5px;
  padding-left: 30px;
  padding-right: 30px;
}
.product-essential .overview .register-block .register-cta .login-cta-btn i {
  margin-right: 5px;
}
.product-essential .overview .register-block .why-reqiester {
  float: left;
  width: 100%;
  background: #f3f3f4;
  padding: 15px 20px;
}
.product-essential .overview .register-block .why-reqiester .title {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.375;
  margin: 0 0 15px 0;
  color: #00366a;
}
.product-essential .overview .register-block .why-reqiester ul {
  float: left;
  width: 100%;
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
}
.product-essential .overview .register-block .why-reqiester ul li {
  float: left;
  width: 100%;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  margin: 0;
  padding: 0 0 0 0;
}
.product-essential .overview .register-block .why-reqiester ul li:before {
  content: "\f00c";
  color: #00366a;
  font-size: 1rem;
  font-family: "Font Awesome 6 Pro";
  margin-right: 10px;
}
@media only screen and (min-width: 768px) {
  .product-essential .overview .register-block .why-reqiester ul li {
    width: 50%;
    padding-right: 15px;
  }
}
.product-essential .overview .register-block .why-reqiester .register-cta-btn {
  background: transparent;
  position: relative;
  font-size: 0.8125rem;
  line-height: 30px;
  display: inline-block;
}
.product-essential .overview .register-block .why-reqiester .register-cta-btn:after {
  content: "\f30b";
  font-family: "Font Awesome 6 Pro";
  margin-left: 10px;
}
.product-essential .overview .register-block .why-reqiester .register-cta-btn i {
  margin-right: 10px;
}
.product-essential .overview .register-block .why-reqiester .register-cta-btn:hover {
  text-decoration: underline;
}
.product-essential .overview .register-block .why-reqiester .register-cta-btn:hover i, .product-essential .overview .register-block .why-reqiester .register-cta-btn:hover:after {
  text-decoration: none;
}
.product-essential .overview .purchase-block {
  float: left;
  width: 100%;
  padding: 15px;
  background: #f3f3f4;
}
.product-essential .overview .prices {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}
.product-essential .overview .prices .non-discounted-price label {
  width: auto;
  margin: 0 5px 0 0;
}
.product-essential .overview .prices .old-product-price {
  float: left;
  width: 100%;
  text-decoration: line-through;
}
.product-essential .overview .prices .old-product-price span {
  display: none;
}
.product-essential .overview .prices .old-product-price span + span {
  display: block;
}
.product-essential .overview .prices .product-price {
  float: left;
  width: 100%;
  font-size: 2rem;
  line-height: 1.34375;
  letter-spacing: 0px;
  color: #00366a;
  font-weight: bold;
  letter-spacing: 0px;
}
.product-essential .overview .prices .product-price label {
  display: none;
}
@media only screen and (max-width: 768px) {
  .product-essential .overview .prices .product-price {
    font-size: 1.5rem;
  }
}
.product-essential .overview .prices .product-price.call-for-price span {
  background: #00366a;
  color: #ffffff;
  font-size: 1rem;
  padding: 10px 20px;
}
.product-essential .overview .availability {
  float: left;
  width: 100%;
}
.product-essential .overview .availability .stock {
  float: left;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  align-content: center;
}
.product-essential .overview .availability .stock .indicator {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ec0d0d;
}
.product-essential .overview .availability .stock .indicator.is-in-stock {
  background: #00a859;
}
.product-essential .overview .availability .stock .value {
  display: inline-block;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  color: #000;
  max-width: calc(100% - 20px);
}
.product-essential .overview .add-to-cart {
  float: left;
  width: 100%;
}
.product-essential .overview .add-to-cart .add-to-cart-panel {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  border-top: 1px solid #808285;
  padding-top: 20px;
  margin-top: 20px;
  /*qty-input*/
}
.product-essential .overview .add-to-cart .add-to-cart-panel .qty-label {
  display: none;
}
.product-essential .overview .min-qty-notification {
  float: left;
  width: auto;
  margin: 15px 0 15px 0;
  background: #ccc;
  padding: 4px 8px;
  border-radius: 8px;
}
.product-essential .overview .min-qty-notification + .add-to-cart-panel {
  margin-top: 5px;
}
.product-essential .overview .product-estimate-shipping {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}
.product-essential .overview .product-estimate-shipping .open-estimate-shipping-popup {
  float: left;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  background: #808285;
  color: #ffffff;
  padding: 10px 15px;
}
.product-essential .overview .product-estimate-shipping .open-estimate-shipping-popup .shipping-title .shipping-price-title {
  margin-right: 3px;
}
.product-essential .overview .product-estimate-shipping .open-estimate-shipping-popup i.fa-solid {
  margin-left: 5px;
}
.product-essential .overview .product-estimate-shipping .open-estimate-shipping-popup:hover {
  background: #8d8f91;
}
.product-essential .overview .product-estimate-shipping .shipping-title {
  float: left;
  width: auto;
}
.product-essential .overview .product-estimate-shipping .estimated-delivery {
  float: left;
  width: auto;
}
@media only screen and (min-width: 720px) {
  .product-essential {
    display: grid;
    grid-template-columns: 340px calc(100% - 360px);
    grid-gap: 20px;
  }
}

.estimate-shipping-popup-zoom-in .mfp-content {
  background: #ffffff;
  width: calc(100% - 30px);
  max-width: 580px;
  color: #000;
  box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.3);
}
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup {
  float: left;
  width: 100%;
}
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup .ship-to-title {
  float: left;
  width: 100%;
  padding: 15px 15px 0 15px;
  font-size: 1.25rem;
}
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup .estimate-shipping-row.shipping-address {
  float: left;
  width: 100%;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup .estimate-shipping-row.shipping-address .estimate-shipping-row-item {
  float: left;
  width: 100%;
}
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup .estimate-shipping-row.shipping-address .estimate-shipping-row-item input {
  padding: 10px 25px 10px 20px;
  height: 50px;
}
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup .estimate-shipping-row.shipping-address .estimate-shipping-row-item select,
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup .estimate-shipping-row.shipping-address .estimate-shipping-row-item input {
  float: left;
  width: calc(100% - 15px);
}
.estimate-shipping-popup-zoom-in .mfp-content .estimate-shipping-popup .estimate-shipping-row.shipping-address .estimate-shipping-row-item .required {
  float: left;
  margin-left: 3px;
}
.estimate-shipping-popup-zoom-in .mfp-content .choose-shipping-title {
  float: left;
  width: 100%;
  padding: 15px 15px 0 15px;
  font-size: 1.25rem;
}
.estimate-shipping-popup-zoom-in .mfp-content .shipping-options {
  float: left;
  width: 100%;
  padding: 15px;
}
.estimate-shipping-popup-zoom-in .mfp-content .shipping-options .shipping-options-header {
  display: none;
}
.estimate-shipping-popup-zoom-in .mfp-content .shipping-options .shipping-options-body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.estimate-shipping-popup-zoom-in .mfp-content .shipping-options .shipping-options-body .estimate-shipping-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  border: 1px solid #f3f3f4;
  padding: 10px;
}
.estimate-shipping-popup-zoom-in .mfp-content .shipping-options .shipping-options-body .estimate-shipping-row label {
  float: left;
}
.estimate-shipping-popup-zoom-in .mfp-content .shipping-options .shipping-options-body .estimate-shipping-row.active {
  background: #f3f3f4;
}
.estimate-shipping-popup-zoom-in .mfp-content .shipping-options .shipping-options-body .estimate-shipping-row:hover {
  cursor: pointer;
}
.estimate-shipping-popup-zoom-in .mfp-content .apply-shipping-button-container {
  float: left;
  width: 100%;
  padding: 15px;
}

.full-description {
  float: Left;
  width: 100%;
  margin: 15px 0;
  border: 1px solid #f3f3f4;
  padding: 15px;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: 0px;
  color: #000;
  background: #f3f3f4;
}
.full-description * {
  font-size: 0.875rem;
  line-height: 1.3571428571;
  letter-spacing: 0px;
  color: #000;
}

.product-collateral {
  float: Left;
  width: 100%;
  margin: 15px 0;
}
.product-collateral .product-specs-box {
  float: Left;
  width: 100%;
  margin: 15px 0;
}
.product-collateral .product-specs-box .title {
  float: Left;
  width: 100%;
  position: relative;
}
.product-collateral .product-specs-box .title > strong,
.product-collateral .product-specs-box .title > span {
  float: left;
  width: auto;
  background: #808285;
  color: #ffffff;
  padding: 10px 20px;
  line-height: 20px;
  font-size: 1rem;
  border-bottom: 1px solid #ffffff;
  font-weight: 600;
}
.product-collateral .product-specs-box .title:after {
  content: "";
  width: 100%;
  bottom: 0;
  height: 1px;
  background: #808285;
  position: absolute;
  left: 0;
}
.product-collateral .product-specs-box .table-wrapper {
  float: Left;
  width: 100%;
}
.product-collateral .product-specs-box .table-wrapper table {
  width: 100%;
}
.product-collateral .product-specs-box .table-wrapper table tr th,
.product-collateral .product-specs-box .table-wrapper table tr td {
  padding: 0.5rem;
  border: 1px solid #f3f3f4;
}
.product-tags-box {
  float: Left;
  width: 100%;
  margin: 15px 0;
}
.product-tags-box .title {
  float: left;
  width: 100%;
  margin: 15px 0;
  font-size: 1.25rem;
  font-weight: bold;
}

.product-tags-list {
  float: left;
  width: 100%;
}
.product-tags-list ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.product-tags-list ul li {
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
}
.product-tags-list ul li.tag a {
  border: 1px solid #f3f3f4;
  padding: 5px 8px;
  line-height: 20px;
  font-size: 1rem;
  color: #000;
}
.product-tags-list ul li.tag a:hover {
  background: #f3f3f4;
}
.product-tags-list ul li.tag span {
  display: none;
}
.product-tags-list ul li.separator {
  display: none;
}

/*swiper related*/
.swiper-section,
.related-products-grid.product-grid {
  float: left;
  width: 100%;
}
.swiper-section .title,
.related-products-grid.product-grid .title {
  float: left;
  width: 100%;
  text-align: center;
  color: #00366a;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 24, 54;
  letter-spacing: 0px;
  margin: 30px 0;
}
.swiper-section .swiper,
.related-products-grid.product-grid .swiper {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  *:not(.home-slider) > .swiper .swiper-button-prev,
*:not(.home-slider) > .swiper .swiper-button-next {
    display: none;
  }
  *:not(.home-slider) > .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #cccccc;
    width: 6px;
    height: 6px;
  }
  *:not(.home-slider) > .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00366a;
  }
}

@media only screen and (min-width: 900px) {
  .emailafriend-page .product-essential {
    width: 390px;
    padding-right: 30px;
  }
  .emailafriend-page .form-side {
    width: calc(100% - 420px);
    margin-left: 30px !important;
    margin: 0 0 15px 0;
    padding: 15px calc(50% - 485px);
  }
}

.to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #00366a;
  color: #000;
  transition: all 0.2s ease-in-out;
  z-index: 999;
  display: none;
  line-height: 42px;
  text-align: center;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}
.to-top:hover {
  background: #000000;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.to-top.visible {
  display: block;
}
@media only screen and (min-width: 1200px) {
  .to-top {
    transform: none;
    left: unset;
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1660px) {
  .to-top {
    bottom: 75px;
    right: 15px;
  }
}

/*Sidebar, filters*/
/*sidebar blocks*/
.block {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  /*list - checkbox*/
  /*PRICE RANGE*/
}
.block.filter-block {
  float: left;
  width: 100%;
  padding: 15px;
  border: 1px solid #00366a;
  margin: 0 !important;
}
.block.filter-block .title {
  float: left;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 600;
  background: transparent !important;
}
.block.filter-block .title .toggleControl {
  font-size: 0.875rem !important;
  line-height: 1.3571428571 !important;
  font-weight: 600 !important;
  color: #00366a !important;
  background: transparent;
  position: relative;
  text-decoration: none;
  padding-left: 0 !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #808285;
  margin-bottom: 15px !important;
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
}
.block.filter-block .title .toggleControl:after {
  content: "\f077" !important;
  font-family: "Font Awesome 6 Pro" !important;
  background: none !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px;
  text-align: center;
  border: 1px solid #808285;
  float: right;
  font-size: 14px;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin: 0 !important;
}
.block.filter-block .title .clearFilterOptions {
  margin-top: 0 !important;
  top: calc(50% - 9px) !important;
  transform: translateY(-50%);
}
.block.filter-block + .block.filter-block {
  margin-top: 20px !important;
}
.block .filtersGroupPanel {
  padding: 0 !important;
  float: left;
  width: 100%;
}
.block ul.checkbox-list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.block ul.checkbox-list li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
.block ul.checkbox-list li label {
  color: #000;
  font-size: 0.75rem;
}
.block ul.checkbox-list li.checkbox-item label:before {
  background: transparent !important;
}
.block ul.checkbox-list li.checkbox-item label:after {
  background: none !important;
}
.block .priceRangeMinMaxPanel {
  display: none;
}
.block .price-range-slider {
  background: transparent !important;
  border: 1px solid transparent !important;
  height: 5px;
  margin: 10px 15px 10px 4px !important;
  position: relative;
}
.block .price-range-slider .ui-slider-range {
  background: #00366a;
  border: 1px solid #00366a;
  height: 5px;
  top: -1px;
  position: relative;
}
.block .price-range-slider .ui-slider-handle {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #00366a !important;
  border: 8px solid #00366a !important;
  top: -7px !important;
  position: absolute;
}
.block .priceRangeCurrentPricesPanel {
  float: left;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.8571428571;
  letter-spacing: 0px;
  color: #3c1151;
  margin-top: 5px;
  text-align: left;
}
.block .priceRangeCurrentPricesPanel .currentMinPrice,
.block .priceRangeCurrentPricesPanel .currentMaxPrice {
  float: none !important;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.8571428571;
  letter-spacing: 0px;
  color: #000;
}
.block .specification-attribute-slider .ui-slider-range {
  background: #00366a;
}
.block .specification-attribute-slider .ui-slider-handle {
  top: -7px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #00366a !important;
  border: 1px solid #00366a !important;
}

@media only screen and (max-width: 767px) {
  .filtersPanel {
    float: left;
    width: 100%;
    padding: 0 15px;
  }
}

.block.block-category-navigation,
.block.block-manufacturer-navigation,
.block.block-account-navigation,
.block-recently-viewed-products,
.block-popular-tags {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  background: #f3f3f4;
  padding: 15px;
}
.block.block-category-navigation .title,
.block.block-manufacturer-navigation .title,
.block.block-account-navigation .title,
.block-recently-viewed-products .title,
.block-popular-tags .title {
  float: left;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  padding-left: 0 !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 15px !important;
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
}
.block.block-category-navigation .title:after,
.block.block-manufacturer-navigation .title:after,
.block.block-account-navigation .title:after,
.block-recently-viewed-products .title:after,
.block-popular-tags .title:after {
  content: "\f077" !important;
  font-family: "Font Awesome 6 Pro" !important;
  background: #ffffff !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px;
  text-align: center;
  border: 1px solid #ffffff;
  float: right;
  font-size: 14px;
  position: absolute;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
  margin: 0 !important;
}
.block.block-category-navigation .listbox,
.block.block-manufacturer-navigation .listbox,
.block.block-account-navigation .listbox,
.block-recently-viewed-products .listbox,
.block-popular-tags .listbox {
  float: left;
  width: 100%;
}
.block.block-category-navigation ul.list,
.block.block-manufacturer-navigation ul.list,
.block.block-account-navigation ul.list,
.block-recently-viewed-products ul.list,
.block-popular-tags ul.list {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.block.block-category-navigation ul.list li,
.block.block-manufacturer-navigation ul.list li,
.block.block-account-navigation ul.list li,
.block-recently-viewed-products ul.list li,
.block-popular-tags ul.list li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  color: #000;
  letter-spacing: 0px;
}
.block.block-category-navigation ul.list li ul.sublist,
.block.block-manufacturer-navigation ul.list li ul.sublist,
.block.block-account-navigation ul.list li ul.sublist,
.block-recently-viewed-products ul.list li ul.sublist,
.block-popular-tags ul.list li ul.sublist {
  display: none;
}
.block.block-category-navigation a,
.block.block-manufacturer-navigation a,
.block.block-account-navigation a,
.block-recently-viewed-products a,
.block-popular-tags a {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  color: #000;
  letter-spacing: 0px;
}
.block.block-category-navigation a:hover,
.block.block-manufacturer-navigation a:hover,
.block.block-account-navigation a:hover,
.block-recently-viewed-products a:hover,
.block-popular-tags a:hover {
  color: #00366a;
  text-decoration: underline;
}
.block.block-category-navigation .view-all,
.block.block-manufacturer-navigation .view-all,
.block.block-account-navigation .view-all,
.block-recently-viewed-products .view-all,
.block-popular-tags .view-all {
  float: left;
  width: 100%;
  margin: 5px 0 0;
  font-size: 0.75rem;
  line-height: 1.4166666667;
}

.block-recently-viewed-products .list {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.block-recently-viewed-products .list li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}
.block-recently-viewed-products .list li .product-picture {
  float: left;
  width: 50px;
  padding: 0 10px 10px 0;
  text-align: center;
}
.block-recently-viewed-products .list li .product-picture img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.block-recently-viewed-products .list li .product-name {
  float: left;
  width: calc(100% - 50px);
  line-height: 1.1;
  font-size: 0.875rem;
}

.nopAjaxFilters7Spikes:not(.no-filters) ~ .block-category-navigation {
  margin-top: 20px;
}

.tags {
  float: left;
  width: 100%;
  padding: 0;
}
.tags > label {
  display: none;
}
.tags ul {
  float: left;
  width: 100%;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tags ul li {
  margin: 0;
  padding: 0;
  height: auto;
}
.tags ul li.separator {
  display: none;
}
.tags ul li a {
  background: #f3f3f4;
  border: 1px solid #ccc;
  padding: 4px 8px;
  display: inline-block;
  line-height: 24px;
  color: #000;
  font-size: 0.875rem;
}
.tags ul li a:hover {
  text-decoration: none;
  background: #00366a;
  color: #ffffff;
}

/*************************/
/*         MISC          */
/*************************/
.account-page form .fieldset:nth-child(1) .form-fields:nth-child(1) .inputs:nth-child(1) {
  margin-top: 0 !important;
}
.account-page form .fieldset:nth-child(1) .form-fields:nth-child(1) .inputs:nth-child(1) label {
  margin-top: 0 !important;
}

/*nagradne točke*/
.reward-points-overview {
  float: left;
  width: 100%;
}
.reward-points-overview .current-balance {
  float: left;
  width: 100%;
  background: gold;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  margin: 0 0 10px;
}
.reward-points-overview .min-balance {
  float: left;
  width: 100%;
}

.reward-points-history {
  float: left;
  width: 100%;
}
.reward-points-history .title {
  float: left;
  width: 100%;
  margin: 20px 0 5px 0;
  font-size: 18px;
}

.pager {
  float: left;
  width: 100%;
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pager ul {
  list-style-type: none;
  padding-left: 0;
  float: left;
  width: auto;
  max-width: 100%;
}
.pager ul li {
  margin: 0 3px;
  float: left;
  width: auto;
}
.pager ul li > a,
.pager ul li > span {
  padding: 5px 12px;
  font-weight: 600;
}
.pager ul li.current-page > a,
.pager ul li.current-page > span,
.pager ul li:hover > a,
.pager ul li:hover > span {
  background: #00366a;
  color: #ffffff !important;
  cursor: pointer;
}

/*product review comment*/
.product-review-item {
  float: left;
  width: 100%;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px !important;
}
.product-review-item .review-item-head {
  float: left;
  width: 100%;
}
.product-review-item .review-item-head .product-review-box .rating div {
  font-size: 0 !important;
}
.product-review-item .review-content {
  float: left;
  width: 100%;
}
.product-review-item:nth-child(1) {
  margin-top: 0 !important;
}

.write-review {
  float: left;
  width: 100%;
  padding: 15px;
  background: #f3f3f4;
  margin: 15px 0;
}
.write-review .title {
  float: left;
  width: 100%;
  font-size: 1.25rem;
}
.write-review .review-rating {
  float: left;
  width: 100%;
}
.write-review .review-rating .rating-wrapper {
  float: left;
  width: 100%;
  margin-top: 0;
}
.write-review .review-rating .rating-wrapper .rating-options {
  float: left;
  width: 100%;
  display: flex !important;
  flex-wrap: wrap;
  gap: 2px;
}
.write-review .review-rating .rating-wrapper .rating-options label {
  width: 18px !important;
  height: 18px !important;
  background: url("../img/zvezdice.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 500% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.write-review .review-rating .rating-wrapper .rating-options label:before, .write-review .review-rating .rating-wrapper .rating-options label:after {
  display: none !important;
}
.write-review .review-rating .rating-wrapper .rating-options label:hover {
  background: url("../img/zvezdice2.png");
  background-repeat: no-repeat;
  background-position: center;
}
.write-review .review-rating .rating-wrapper .rating-options[data-rating="20"] label[for=addproductrating_1] {
  background: url("../img/zvezdice2.png");
  background-repeat: no-repeat;
  background-position: center;
}
.write-review .review-rating .rating-wrapper .rating-options[data-rating="40"] label[for=addproductrating_1],
.write-review .review-rating .rating-wrapper .rating-options[data-rating="40"] label[for=addproductrating_2] {
  background: url("../img/zvezdice2.png");
  background-repeat: no-repeat;
  background-position: center;
}
.write-review .review-rating .rating-wrapper .rating-options[data-rating="60"] label[for=addproductrating_1],
.write-review .review-rating .rating-wrapper .rating-options[data-rating="60"] label[for=addproductrating_2],
.write-review .review-rating .rating-wrapper .rating-options[data-rating="60"] label[for=addproductrating_3] {
  background: url("../img/zvezdice2.png");
  background-repeat: no-repeat;
  background-position: center;
}
.write-review .review-rating .rating-wrapper .rating-options[data-rating="80"] label[for=addproductrating_1],
.write-review .review-rating .rating-wrapper .rating-options[data-rating="80"] label[for=addproductrating_2],
.write-review .review-rating .rating-wrapper .rating-options[data-rating="80"] label[for=addproductrating_3],
.write-review .review-rating .rating-wrapper .rating-options[data-rating="80"] label[for=addproductrating_4] {
  background: url("../img/zvezdice2.png");
  background-repeat: no-repeat;
  background-position: center;
}
.write-review .review-rating .rating-wrapper .rating-options[data-rating="100"] label {
  background: url("../img/zvezdice2.png");
  background-repeat: no-repeat;
  background-position: center;
}

/*manufacturers*/
.manufacturer-grid {
  float: left;
  width: 100%;
}
.manufacturer-grid .item-grid {
  float: left;
  width: calc(100% + 30px);
  margin: 0 -15px;
}
.manufacturer-grid .item-grid .item-box {
  float: left;
  width: 100%;
  padding: 0 15px;
  margin: 15px 0;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  transition: all 0.5s ease-in-out;
  min-height: 130px;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item .title {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item .title a {
  float: left;
  width: 100%;
  font-size: 1rem;
  color: #000000;
  text-transform: uppercase;
  font-weight: 400;
  padding: 15px;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item .title a:hover {
  color: #00366a;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item .picture {
  float: left;
  width: 100%;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item .picture a {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0 15px 15px 15px;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item .picture a img {
  display: inline-block;
  max-width: 100%;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item:hover {
  border: 1px solid #00366a;
  transition: all 0.5s ease-in-out;
}
.manufacturer-grid .item-grid .item-box .manufacturer-item:hover .title a {
  color: #00366a;
}

.sitemap-page .entity {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.sitemap-page .entity .entity-title {
  float: left;
  width: 100%;
}
.sitemap-page .entity .entity-body {
  float: left;
  width: 100%;
}
.sitemap-page .entity .entity-body ul {
  float: left;
  width: calc(100% + 30px);
  margin: 0 -15px;
  list-style-type: none;
  padding: 0;
}
.sitemap-page .entity .entity-body ul li {
  float: left;
  width: 100%;
  padding: 15px;
}
.sitemap-page .entity .entity-body ul li a {
  float: left;
  width: 100%;
  text-align: center;
  padding: 10px;
  color: #000;
  background: #f3f3f4;
}
.sitemap-page .entity .entity-body ul li a:hover {
  color: #ffffff;
  background: #00366a;
}
@media only screen and (min-width: 600px) {
  .sitemap-page .entity .entity-body ul li {
    width: 50%;
  }
  .sitemap-page .entity .entity-body ul li:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 900px) {
  .sitemap-page .entity .entity-body ul li {
    width: 25%;
  }
  .sitemap-page .entity .entity-body ul li:nth-child(2n+1) {
    clear: none;
  }
  .sitemap-page .entity .entity-body ul li:nth-child(4n+1) {
    clear: both;
  }
}

/*login*/
.html-login-page,
.html-registration-page,
.html-email-a-friend-page {
  min-height: 100vh;
}
.html-login-page body,
.html-registration-page body,
.html-email-a-friend-page body {
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  width: 100%;
}
.html-login-page .master-wrapper-content .master-column-wrapper,
.html-registration-page .master-wrapper-content .master-column-wrapper,
.html-email-a-friend-page .master-wrapper-content .master-column-wrapper {
  background: none;
}

.columnsLogin {
  float: left;
  width: 100%;
  background: linear-gradient(to right, rgba(0, 54, 106, 0.7), rgba(60, 17, 81, 0.7)), url("../img/login-bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  min-height: 100vh;
}

.login-page,
.registration-page,
.lrboxpage {
  float: left;
  width: 100%;
}
.login-page .lp-content,
.registration-page .lp-content,
.lrboxpage .lp-content {
  float: left;
  width: calc(100% + 30px);
  min-height: 100vh;
  margin: 0 -15px;
  background: #ffffff;
  padding: 15px;
}
@media only screen and (min-width: 768px) {
  .login-page .lp-content,
.registration-page .lp-content,
.lrboxpage .lp-content {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1215686275);
    border-radius: 8px;
    width: 90%;
    margin: 40px auto;
    min-height: unset;
    max-width: 820px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
.login-page .lp-content .links,
.registration-page .lp-content .links,
.lrboxpage .lp-content .links {
  float: left;
  width: 100%;
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.login-page .lp-content .links .link,
.registration-page .lp-content .links .link,
.lrboxpage .lp-content .links .link {
  background: none;
  padding: 0;
  margin: 0;
  color: #000000;
  display: inline-block;
  border: none;
  box-shadow: none;
  font-size: 0.8125rem;
  line-height: 2.3076923077;
  letter-spacing: 0.26px;
  color: #ccc;
  text-transform: uppercase;
  font-weight: bold;
}
.login-page .lp-content .links .link:hover,
.registration-page .lp-content .links .link:hover,
.lrboxpage .lp-content .links .link:hover {
  color: #000;
}
.login-page .lp-content .links .link.active,
.registration-page .lp-content .links .link.active,
.lrboxpage .lp-content .links .link.active {
  color: #000;
  text-decoration: underline;
}
.login-page .lp-content .logo,
.registration-page .lp-content .logo,
.lrboxpage .lp-content .logo {
  float: left;
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.login-page .lp-content .logo img,
.registration-page .lp-content .logo img,
.lrboxpage .lp-content .logo img {
  max-height: 80px;
  max-width: 280px;
  height: auto;
  width: auto;
}
.login-page .lp-content .page-title,
.registration-page .lp-content .page-title,
.lrboxpage .lp-content .page-title {
  float: left;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.login-page .lp-content .page-title h1,
.registration-page .lp-content .page-title h1,
.lrboxpage .lp-content .page-title h1 {
  margin: 15px 0 45px 0;
  color: #000;
  font-size: 2.5rem;
  line-height: 1.25;
  font-weight: 400;
  width: 100%;
}
.login-page .lp-content .page-body,
.registration-page .lp-content .page-body,
.lrboxpage .lp-content .page-body {
  float: left;
  width: 100%;
}
.login-page .lp-content .page-body .login-side,
.registration-page .lp-content .page-body .login-side,
.lrboxpage .lp-content .page-body .login-side {
  float: left;
  width: 100%;
}
.login-page .lp-content .page-body .login-side form,
.registration-page .lp-content .page-body .login-side form,
.lrboxpage .lp-content .page-body .login-side form {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.login-page .lp-content .page-body .login-side .fieldset,
.registration-page .lp-content .page-body .login-side .fieldset,
.lrboxpage .lp-content .page-body .login-side .fieldset {
  float: Left;
  width: 100%;
}
.login-page .lp-content .page-body .login-side .title,
.registration-page .lp-content .page-body .login-side .title,
.lrboxpage .lp-content .page-body .login-side .title {
  float: left;
  width: 100%;
  max-width: 600px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
}
.login-page .lp-content .page-body .login-side .form-fields,
.registration-page .lp-content .page-body .login-side .form-fields,
.lrboxpage .lp-content .page-body .login-side .form-fields {
  float: left;
  width: 100%;
  max-width: 600px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
}
.login-page .lp-content .page-body .login-side .form-fields .inputs,
.registration-page .lp-content .page-body .login-side .form-fields .inputs,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs {
  float: left;
  width: 100%;
  margin: 0px 0 12px 0;
}
.login-page .lp-content .page-body .login-side .form-fields .inputs label,
.registration-page .lp-content .page-body .login-side .form-fields .inputs label,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs label {
  margin-bottom: 2px;
  color: #000000;
}
.login-page .lp-content .page-body .login-side .form-fields .inputs label *,
.registration-page .lp-content .page-body .login-side .form-fields .inputs label *,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs label * {
  color: #000000;
}
.login-page .lp-content .page-body .login-side .form-fields .inputs .read,
.registration-page .lp-content .page-body .login-side .form-fields .inputs .read,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs .read {
  color: #000000;
  line-height: 1.75;
}
.login-page .lp-content .page-body .login-side .form-fields .inputs input,
.registration-page .lp-content .page-body .login-side .form-fields .inputs input,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs input {
  max-width: 100% !important;
}
@media only screen and (max-width: 600px) {
  .login-page .lp-content .page-body .login-side .form-fields .inputs input,
.registration-page .lp-content .page-body .login-side .form-fields .inputs input,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs input {
    line-height: 38px;
  }
}
.login-page .lp-content .page-body .login-side .form-fields .inputs.reversed label,
.registration-page .lp-content .page-body .login-side .form-fields .inputs.reversed label,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs.reversed label {
  font-size: 0.875rem;
  color: #000;
  margin: 0;
}
.login-page .lp-content .page-body .login-side .form-fields .date-picker-wrapper,
.registration-page .lp-content .page-body .login-side .form-fields .date-picker-wrapper,
.lrboxpage .lp-content .page-body .login-side .form-fields .date-picker-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  .login-page .lp-content .page-body .login-side .form-fields,
.registration-page .lp-content .page-body .login-side .form-fields,
.lrboxpage .lp-content .page-body .login-side .form-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .login-page .lp-content .page-body .login-side .form-fields .inputs,
.registration-page .lp-content .page-body .login-side .form-fields .inputs,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs {
    width: calc(50% - 6px);
  }
  .login-page .lp-content .page-body .login-side .form-fields .inputs.fwm, .login-page .lp-content .page-body .login-side .form-fields .inputs.remember,
.registration-page .lp-content .page-body .login-side .form-fields .inputs.fwm,
.registration-page .lp-content .page-body .login-side .form-fields .inputs.remember,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs.fwm,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs.remember {
    width: 100%;
  }
  .login-page .lp-content .page-body .login-side .form-fields .inputs select,
.registration-page .lp-content .page-body .login-side .form-fields .inputs select,
.lrboxpage .lp-content .page-body .login-side .form-fields .inputs select {
    max-width: calc(100% - 2px);
  }
}
.login-page .lp-content .page-body .login-side .inputs.accept-consent,
.registration-page .lp-content .page-body .login-side .inputs.accept-consent,
.lrboxpage .lp-content .page-body .login-side .inputs.accept-consent {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.login-page .lp-content .page-body .login-side .inputs.accept-consent label,
.registration-page .lp-content .page-body .login-side .inputs.accept-consent label,
.lrboxpage .lp-content .page-body .login-side .inputs.accept-consent label {
  width: auto;
  max-width: 100%;
  margin: 0 5px 0 0 !important;
}
.login-page .lp-content .page-body .login-side .inputs.accept-consent .read,
.registration-page .lp-content .page-body .login-side .inputs.accept-consent .read,
.lrboxpage .lp-content .page-body .login-side .inputs.accept-consent .read {
  transition: all 0.2s ease-in-out;
}
.login-page .lp-content .page-body .login-side .inputs.accept-consent .read:hover,
.registration-page .lp-content .page-body .login-side .inputs.accept-consent .read:hover,
.lrboxpage .lp-content .page-body .login-side .inputs.accept-consent .read:hover {
  color: #00366a;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.login-page .lp-content .page-body .login-side .buttons,
.registration-page .lp-content .page-body .login-side .buttons,
.lrboxpage .lp-content .page-body .login-side .buttons {
  float: left;
  width: 100%;
  max-width: 400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.login-page .lp-content .page-body .login-side .buttons .login-button,
.login-page .lp-content .page-body .login-side .buttons .register-next-step-button,
.login-page .lp-content .page-body .login-side .buttons .send-email-a-friend-button,
.registration-page .lp-content .page-body .login-side .buttons .login-button,
.registration-page .lp-content .page-body .login-side .buttons .register-next-step-button,
.registration-page .lp-content .page-body .login-side .buttons .send-email-a-friend-button,
.lrboxpage .lp-content .page-body .login-side .buttons .login-button,
.lrboxpage .lp-content .page-body .login-side .buttons .register-next-step-button,
.lrboxpage .lp-content .page-body .login-side .buttons .send-email-a-friend-button {
  display: inline-block;
  width: auto;
  text-align: center;
  font-weight: bold;
  white-space: unset;
  font-family: "Open Sans", sans-serif;
}
.login-page .lp-content .page-body .login-side .remember,
.registration-page .lp-content .page-body .login-side .remember,
.lrboxpage .lp-content .page-body .login-side .remember {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin: -5px 0 0 0 !important;
}
.login-page .lp-content .page-body .login-side .remember label,
.registration-page .lp-content .page-body .login-side .remember label,
.lrboxpage .lp-content .page-body .login-side .remember label {
  width: auto !important;
  font-size: 0.5rem !important;
  color: #ccc !important;
  letter-spacing: 0.4px;
}
.login-page .lp-content .page-body .login-side .remember label:before, .login-page .lp-content .page-body .login-side .remember label:after,
.registration-page .lp-content .page-body .login-side .remember label:before,
.registration-page .lp-content .page-body .login-side .remember label:after,
.lrboxpage .lp-content .page-body .login-side .remember label:before,
.lrboxpage .lp-content .page-body .login-side .remember label:after {
  border-radius: 50%;
}
.login-page .lp-content .page-body .login-side .remember .forgot-password,
.registration-page .lp-content .page-body .login-side .remember .forgot-password,
.lrboxpage .lp-content .page-body .login-side .remember .forgot-password {
  float: left;
  width: auto;
  font-size: 0.5rem;
  color: #ccc;
  letter-spacing: 0.4px;
  text-decoration: underline;
  position: relative;
  clear: both;
}
.login-page .lp-content .page-body .login-side .remember .forgot-password a,
.registration-page .lp-content .page-body .login-side .remember .forgot-password a,
.lrboxpage .lp-content .page-body .login-side .remember .forgot-password a {
  font-size: 0.5rem;
  color: #ccc;
  letter-spacing: 0.4px;
  text-decoration: underline;
}
.login-page .lp-content .page-body .login-side .remember .forgot-password a:hover,
.registration-page .lp-content .page-body .login-side .remember .forgot-password a:hover,
.lrboxpage .lp-content .page-body .login-side .remember .forgot-password a:hover {
  color: #00366a;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .login-page .lp-content .page-body .login-side .remember,
.registration-page .lp-content .page-body .login-side .remember,
.lrboxpage .lp-content .page-body .login-side .remember {
    margin: -12px 0 0 0 !important;
  }
  .login-page .lp-content .page-body .login-side .remember label,
.registration-page .lp-content .page-body .login-side .remember label,
.lrboxpage .lp-content .page-body .login-side .remember label {
    font-size: 0.625rem !important;
    letter-spacing: 0.5px !important;
  }
  .login-page .lp-content .page-body .login-side .remember .forgot-password,
.registration-page .lp-content .page-body .login-side .remember .forgot-password,
.lrboxpage .lp-content .page-body .login-side .remember .forgot-password {
    font-size: 0.625rem;
    letter-spacing: 0.5px;
  }
  .login-page .lp-content .page-body .login-side .remember .forgot-password a,
.registration-page .lp-content .page-body .login-side .remember .forgot-password a,
.lrboxpage .lp-content .page-body .login-side .remember .forgot-password a {
    font-size: 0.625rem;
    letter-spacing: 0.5px;
  }
}
.login-page .lp-content .page-body .login-side.register-fields .form-fields .inputs > label,
.registration-page .lp-content .page-body .login-side.register-fields .form-fields .inputs > label,
.lrboxpage .lp-content .page-body .login-side.register-fields .form-fields .inputs > label {
  margin: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .login-page .lp-content .page-body .login-side.register-fields .company-specific,
.registration-page .lp-content .page-body .login-side.register-fields .company-specific,
.lrboxpage .lp-content .page-body .login-side.register-fields .company-specific {
    margin: 30px 0;
    float: left;
    width: 100%;
  }
}
.login-page .lp-content .page-body .login-side #Newsletter + label:before, .login-page .lp-content .page-body .login-side #Newsletter + label:after,
.registration-page .lp-content .page-body .login-side #Newsletter + label:before,
.registration-page .lp-content .page-body .login-side #Newsletter + label:after,
.lrboxpage .lp-content .page-body .login-side #Newsletter + label:before,
.lrboxpage .lp-content .page-body .login-side #Newsletter + label:after {
  border-radius: 50%;
}
.login-page .lp-content .page-body .captcha-box,
.registration-page .lp-content .page-body .captcha-box,
.lrboxpage .lp-content .page-body .captcha-box {
  margin: 10px 0 0 0;
}
.login-page .lp-content .page-body .captcha-box *,
.registration-page .lp-content .page-body .captcha-box *,
.lrboxpage .lp-content .page-body .captcha-box * {
  margin: 0 0 5px 0;
}
.login-page .lp-content .page-body .message-error.validation-summary-errors,
.registration-page .lp-content .page-body .message-error.validation-summary-errors,
.lrboxpage .lp-content .page-body .message-error.validation-summary-errors {
  text-align: center;
}
.login-page .lp-content .page-body .external-authentication,
.registration-page .lp-content .page-body .external-authentication,
.lrboxpage .lp-content .page-body .external-authentication {
  float: left;
  width: 100%;
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  margin-top: -20px;
}
.login-page .lp-content .page-body .external-authentication .title,
.registration-page .lp-content .page-body .external-authentication .title,
.lrboxpage .lp-content .page-body .external-authentication .title {
  float: left;
  width: 100%;
  color: #f3f3f4;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  position: relative;
  text-align: center;
  margin: 15px 0;
}
.login-page .lp-content .page-body .external-authentication .ExtendedAuthentication,
.registration-page .lp-content .page-body .external-authentication .ExtendedAuthentication,
.lrboxpage .lp-content .page-body .external-authentication .ExtendedAuthentication {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.login-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social,
.registration-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social,
.lrboxpage .lp-content .page-body .external-authentication .ExtendedAuthentication .social {
  float: left;
  width: 100%;
}
.login-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks,
.registration-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks,
.lrboxpage .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks {
  float: left;
  width: auto;
  max-width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.login-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li,
.registration-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li,
.lrboxpage .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li {
  float: left;
  width: auto;
  margin: 5px;
}
.login-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li a,
.registration-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li a,
.lrboxpage .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li a {
  float: left;
  width: auto;
  line-height: 30px;
  height: auto !important;
  padding: 0 15px;
  min-width: 115px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .login-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li,
.registration-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li,
.lrboxpage .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li {
    width: 100%;
    margin: 5px 0;
  }
  .login-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li a,
.registration-page .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li a,
.lrboxpage .lp-content .page-body .external-authentication .ExtendedAuthentication .social ul.networks li a {
    width: 90%;
    margin: 0 5%;
  }
}
.login-page .lp-content .page-body .external-authentication .social-login-blocks,
.registration-page .lp-content .page-body .external-authentication .social-login-blocks,
.lrboxpage .lp-content .page-body .external-authentication .social-login-blocks {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}
.login-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block,
.registration-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block,
.lrboxpage .lp-content .page-body .external-authentication .social-login-blocks .social-login-block {
  float: left;
  width: auto;
}
.login-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn,
.registration-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn,
.lrboxpage .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn {
  background: #ccc;
  width: 40px;
  height: 40px;
  float: left;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
}
.login-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn.social-facebook-button,
.registration-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn.social-facebook-button,
.lrboxpage .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn.social-facebook-button {
  background: #ffffff url("../img/fb-login.png");
  background-position: center;
  background-repeat: no-repeat;
}
.login-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn.social-google-button,
.registration-page .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn.social-google-button,
.lrboxpage .lp-content .page-body .external-authentication .social-login-blocks .social-login-block .exoauth_btn.social-google-button {
  background: #ffffff url("../img/google-login.png");
  background-position: center;
  background-repeat: no-repeat;
}
.login-page .lp-content .page-body .checkoutAsGuest,
.registration-page .lp-content .page-body .checkoutAsGuest,
.lrboxpage .lp-content .page-body .checkoutAsGuest {
  float: left;
  width: 100%;
  text-align: center;
  max-width: 400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
  margin: 15px 0;
}
.login-page .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton,
.registration-page .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton,
.lrboxpage .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton {
  display: inline-block;
  width: 76%;
  margin: 0 12%;
  background: #808285 !important;
  letter-spacing: 1.4px;
  font-weight: bold;
  font-size: 0.875rem !important;
  color: #ffffff !important;
}
.login-page .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton:hover,
.registration-page .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton:hover,
.lrboxpage .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton:hover {
  background: #f3f3f4 !important;
  border-color: #f3f3f4 !important;
  color: #000 !important;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .login-page .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton,
.registration-page .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton,
.lrboxpage .lp-content .page-body .checkoutAsGuest .checkoutAsGuestButton {
    width: 90%;
    margin: 0 5%;
    white-space: unset;
  }
}
.login-page .lp-content .page-body .checkout-as-guest-or-register-block,
.registration-page .lp-content .page-body .checkout-as-guest-or-register-block,
.lrboxpage .lp-content .page-body .checkout-as-guest-or-register-block {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 30px 15px;
  background: #ccc;
}
.login-page .lp-content .page-body .checkout-as-guest-or-register-block .title,
.registration-page .lp-content .page-body .checkout-as-guest-or-register-block .title,
.lrboxpage .lp-content .page-body .checkout-as-guest-or-register-block .title {
  float: left;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}
.login-page .lp-content .page-body .checkout-as-guest-or-register-block .text,
.registration-page .lp-content .page-body .checkout-as-guest-or-register-block .text,
.lrboxpage .lp-content .page-body .checkout-as-guest-or-register-block .text {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.login-page .lp-content .page-body .checkout-as-guest-or-register-block .buttons,
.registration-page .lp-content .page-body .checkout-as-guest-or-register-block .buttons,
.lrboxpage .lp-content .page-body .checkout-as-guest-or-register-block .buttons {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.login-page .lp-content .page-body .backToStore,
.registration-page .lp-content .page-body .backToStore,
.lrboxpage .lp-content .page-body .backToStore {
  float: left;
  width: 100%;
  text-align: center;
  max-width: 400px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  clear: both;
  margin: 15px 0 30px 0;
}
.login-page .lp-content .page-body .backToStore .backToStoreLink,
.registration-page .lp-content .page-body .backToStore .backToStoreLink,
.lrboxpage .lp-content .page-body .backToStore .backToStoreLink {
  display: inline-block;
  width: 76%;
  margin: 0 12%;
  color: #000 !important;
  letter-spacing: 1.4px;
  font-weight: bold;
  font-size: 0.875rem !important;
  box-shadow: 0px 3px 6px rgba(157, 157, 156, 0.1411764706);
}
.login-page .lp-content .page-body .backToStore .backToStoreLink:hover,
.registration-page .lp-content .page-body .backToStore .backToStoreLink:hover,
.lrboxpage .lp-content .page-body .backToStore .backToStoreLink:hover {
  cursor: pointer;
  color: #ffffff !important;
}
@media only screen and (max-width: 767px) {
  .login-page .lp-content .page-body .backToStore .backToStoreLink,
.registration-page .lp-content .page-body .backToStore .backToStoreLink,
.lrboxpage .lp-content .page-body .backToStore .backToStoreLink {
    width: 90%;
    margin: 0 5%;
  }
}
.login-page .is-company,
.registration-page .is-company,
.lrboxpage .is-company {
  display: none !important;
}
.login-page .company-registration-wrapper,
.registration-page .company-registration-wrapper,
.lrboxpage .company-registration-wrapper {
  width: 100%;
  max-width: 600px;
}
@media only screen and (min-width: 640px) {
  .login-page .company-registration-wrapper,
.registration-page .company-registration-wrapper,
.lrboxpage .company-registration-wrapper {
    margin: 0 calc(50% - 300px);
  }
}
.login-page .company-registration-wrapper .validation-alert,
.registration-page .company-registration-wrapper .validation-alert,
.lrboxpage .company-registration-wrapper .validation-alert {
  float: left;
  width: 100%;
  text-align: center;
  color: #00366a;
}
.login-page .company-registration-wrapper .page-title,
.registration-page .company-registration-wrapper .page-title,
.lrboxpage .company-registration-wrapper .page-title {
  display: none;
}
.login-page .company-registration-wrapper .customerdata .inputs input,
.registration-page .company-registration-wrapper .customerdata .inputs input,
.lrboxpage .company-registration-wrapper .customerdata .inputs input {
  max-width: calc(100% - 2px) !important;
}
.login-page .company-registration-wrapper .custom-attributes > .checkbox-label,
.registration-page .company-registration-wrapper .custom-attributes > .checkbox-label,
.lrboxpage .company-registration-wrapper .custom-attributes > .checkbox-label {
  display: none;
}
.login-page .company-registration-wrapper .custom-attributes .checkbox-label + .option-list,
.registration-page .company-registration-wrapper .custom-attributes .checkbox-label + .option-list,
.lrboxpage .company-registration-wrapper .custom-attributes .checkbox-label + .option-list {
  margin: 0;
}
.login-page .company-registration-wrapper .custom-attributes .checkbox-label + .option-list li,
.registration-page .company-registration-wrapper .custom-attributes .checkbox-label + .option-list li,
.lrboxpage .company-registration-wrapper .custom-attributes .checkbox-label + .option-list li {
  margin: 0;
}
.login-page .company-registration-wrapper .buttons,
.registration-page .company-registration-wrapper .buttons,
.lrboxpage .company-registration-wrapper .buttons {
  float: left;
  width: 100%;
  max-width: 100% !important;
  transform: none !important;
}

.password-recovery-page form {
  float: left;
  width: 100%;
  background: #f3f3f4;
  padding: 30px;
}

.html-registration-page .master-wrapper-content,
.html-login-page .master-wrapper-content {
  margin-top: 0;
}

.eu-cookie-bar-notification {
  float: left;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999999;
  font-size: 0.875rem;
  color: #ccc;
  line-height: 1.35;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}
.eu-cookie-bar-notification .content {
  float: left;
  width: 100%;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.eu-cookie-bar-notification .content .text {
  float: left;
  width: auto;
  max-width: 100%;
  margin: 0;
  text-align: center;
}
.eu-cookie-bar-notification .content .buttons-more {
  float: left;
  width: auto;
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  align-content: center;
}
.eu-cookie-bar-notification .content .buttons-more .ok-button {
  padding: 5px 10px !important;
  margin: 0;
}
/*notifications*/
#bar-notification {
  z-index: 99999999;
  position: fixed;
  top: 0;
}

.bar-notification {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999999;
  background: rgba(0, 54, 106, 0.35);
  color: #ffffff;
  padding: 15px 70px 15px 15px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  text-align: center;
}
.bar-notification p {
  color: #ffffff;
  margin: 0;
}
.bar-notification .close {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 5px;
  right: 15px;
}
.bar-notification .close:before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
}
.bar-notification .close:hover {
  cursor: pointer;
}
.bar-notification a {
  color: #ffffff;
  font-weight: 600;
}
.bar-notification a:hover {
  text-decoration: underline;
}
.bar-notification.error {
  background: #ec0d0d;
}
.bar-notification.success {
  background: #00366a;
}
.bar-notification.success p,
.bar-notification.success a,
.bar-notification.success * {
  color: #ffffff;
}

.order-details-page .page-title {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: 10px;
}
.order-details-page .page-title h1 {
  margin-right: auto;
}
.order-details-page .button-2.print-order-button {
  display: none;
}

.no-data .text {
  float: left;
  width: 100%;
  padding: 15px;
  background: #ccc;
  margin-bottom: 15px;
  font-weight: bold;
}
.no-data .product-grid {
  float: left;
  width: 100%;
}
.no-data .product-grid .title {
  float: left;
  width: 100%;
  margin: 15px 0;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 6px;
  font-weight: 600;
  text-transform: uppercase;
}

.modal .modal-dialog {
  max-width: 720px;
  width: 90%;
}
@media only screen and (max-width: 768px) {
  .modal .modal-dialog {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.modal .modal-dialog .modal-content {
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
}
.modal .modal-dialog .modal-content .modal-header {
  padding-bottom: 0;
  border-bottom: none;
}
.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-body {
  border-radius: 0 !important;
}
.modal .modal-dialog .modal-content .modal-title {
  font-size: 1.25rem;
}
.modal .modal-dialog .modal-content .btn-close,
.modal .modal-dialog .modal-content .close {
  outline: none;
  border: none;
  box-shadow: none;
  width: 40px;
  height: 40px;
}
.modal .modal-dialog .modal-content .btn-close:hover, .modal .modal-dialog .modal-content .btn-close:focus,
.modal .modal-dialog .modal-content .close:hover,
.modal .modal-dialog .modal-content .close:focus {
  outline: none;
  border: none;
  box-shadow: none;
  background: #00366a;
  color: #ffffff;
}
.modal .modal-dialog .modal-content img {
  max-width: 100%;
  height: auto;
}
.modal .modal-dialog .modal-content .form-group input[type=file] {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  max-width: 100%;
}

#uploadProductsShoppingCart #uploadProductsShoppingCartForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px;
}
#uploadProductsShoppingCart #uploadProductsShoppingCartForm label {
  font-size: 1rem;
}
#uploadProductsShoppingCart .download-sample-file {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  margin: 20px 0 0 0;
}

.responsive-video {
  float: left;
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
}
.responsive-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*BLOG*/
.blog-search-box {
  margin: 0;
}
.blog-search-box .listbox {
  padding: 0;
  margin: 10px 0 0 0;
}

#rich-blog-search-form {
  margin: 0;
}
#rich-blog-search-form .search-box-button {
  position: relative;
  background: #00366a;
  color: #ffffff;
}
#rich-blog-search-form .search-box-button:before {
  content: "\e812";
  font-family: "fontello";
  font-size: 1rem;
}
#rich-blog-search-form .search-box-button:hover {
  background: #3c1151;
}

.blog-posts {
  float: left;
  width: 100%;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr;
}
.blog-posts .item {
  float: left;
  width: 100%;
}
.blog-posts .item a {
  float: left;
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
}
.blog-posts .item a img {
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: all 0.2s ease-in-out;
}
.blog-posts .item a .content {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 12px;
  background: rgba(255, 255, 255, 0.7607843137) 0% 0% no-repeat padding-box;
  z-index: 2;
}
.blog-posts .item a .content .meta {
  float: left;
  width: 100%;
  font-style: italic;
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  letter-spacing: 0.52px;
  color: #000;
  margin: 0 0 3px 0;
}
.blog-posts .item a .content .title {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25;
  color: #000;
  letter-spacing: 0px;
  margin: 0;
}
.blog-posts .item a .content .description {
  float: left;
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: 0px;
  color: #000;
  display: none;
}
.blog-posts .item a:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}
.blog-posts .item a:hover .title {
  color: #00366a;
}
@media only screen and (min-width: 640px) {
  .blog-posts {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 992px) {
  .blog-posts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.blog-month-list .sublist {
  margin: 0;
}

.modern-slider-wrapper {
  float: left;
  width: 100%;
}
.modern-slider-wrapper .slider-title {
  float: left;
  width: 100%;
  margin: 15px 0;
  text-align: center;
  font-size: 3.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  color: #00366a;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  .modern-slider-wrapper .slider-title {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .modern-slider-wrapper .slider-title {
    font-size: 1.875rem;
  }
}

.modern-slider {
  float: left;
  width: 100vw;
  padding: 15px 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.modern-slider .lb-gallery {
  float: left;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  display: flex;
}
.modern-slider .lb-gallery img {
  object-fit: cover;
  object-position: center;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
  min-width: 100%;
  height: auto;
}
.modern-slider .lb-gallery:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1024px) {
  .modern-slider .swiper-pagination {
    display: block !important;
    bottom: 0 !important;
  }
  .modern-slider .swiper {
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .modern-slider .swiper-button-prev,
.modern-slider .swiper-button-next {
    display: block !important;
  }
}
@media only screen and (min-width: 1600px) {
  .modern-slider .swiper-button-prev {
    left: 300px;
  }
  .modern-slider .swiper-button-next {
    right: 300px;
  }
}

.registration-result-page .result {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.k-window.ajaxFilters {
  height: auto !important;
  box-shadow: 0px 6px 16px 6px rgba(0, 0, 0, 0.3);
}
.k-window.ajaxFilters .k-window-titlebar {
  background: #ffffff;
}

.ui-dialog.ui-corner-all.ui-widget.kolektor-popup {
  background: #00366a;
  color: #000;
  border-radius: 16px 0 16px 16px !important;
  max-width: 500px !important;
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-titlebar {
  float: left;
  width: 100%;
  display: flex;
  justify-content: end;
  padding: 10px;
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-titlebar .ui-dialog-titlebar-close {
  float: right;
  color: #ffffff !important;
  position: relative;
  top: 0 !important;
  right: 0 !important;
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  content: "\e817" !important;
  color: #ffffff !important;
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-content {
  position: relative;
  padding-top: 90px !important;
  text-align: center;
  padding: 15px !important;
  font-size: 1.25rem;
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-content:before {
  content: "";
  width: 190px;
  height: 190px;
  position: absolute;
  bottom: calc(100% - 95px);
  left: calc(50% - 95px);
  z-index: 2;
  background: url("../img/modal-header-img.png");
  background-size: cover;
  background-position: center;
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-content *:not(.button-4) {
  font-size: 1.25rem;
}
@media only screen and (min-width: 600px) {
  .ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-content {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media only screen and (min-width: 1px) {
  .ui-dialog.ui-corner-all.ui-widget.kolektor-popup .ui-dialog-content {
    padding-top: 100px !important;
  }
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .button-4 {
  text-transform: uppercase;
  font-size: 1rem;
  background: #ffffff !important;
  line-height: 26px;
  padding: 7px 15px;
  border-radius: 8px;
  display: inline-block;
  color: #000000;
}
.ui-dialog.ui-corner-all.ui-widget.kolektor-popup .button-4:hover {
  background: #00366a !important;
  color: #ffffff;
}

.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(5px);
  opacity: 1 !important;
  position: fixed;
  width: 100%;
  height: 100%;
}

/*SEARCH*/
.search-page .search-input {
  background-color: #f3f3f4;
  padding: 30px;
  border-radius: 0px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  max-width: 600px;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.search-page .search-input .fieldset .form-fields {
  display: flex;
  flex-direction: column;
}
.search-page .search-input .fieldset .form-fields .inputs {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.search-page .search-input .fieldset .form-fields .inputs .checkbox-container {
  display: flex;
  align-items: center;
}
.search-page .search-input .fieldset .form-fields .inputs input[type=text],
.search-page .search-input .fieldset .form-fields .inputs select {
  margin-bottom: 5px;
}
.search-page .search-input .fieldset .form-fields .reversed {
  flex-direction: row;
  align-items: center;
}
.search-page .search-input .fieldset .form-fields .reversed label {
  width: auto;
}
.search-page .advanced-search {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.order-completed {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.order-completed .buttons {
  float: left;
  width: 100%;
}
.order-completed .details {
  float: left;
  width: auto;
  max-width: 100%;
  border: 1px solid #ccc;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 4px;
  margin: 15px 0;
}
@media only screen and (max-width: 600px) {
  .order-completed .details {
    width: 100%;
  }
}
.order-completed .details .order-number {
  float: left;
  width: 100%;
  font-size: 1.25rem;
  margin: 0 0 10px 0;
}
.order-completed .details .details-link {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
}
.order-completed .buttons {
  float: left;
  width: 100%;
}

/*import products*/
.import-cart-items {
  float: left;
  width: 100%;
  margin: 30px 0 60px 0;
  padding: 30px;
  border: 1px solid #f3f3f4;
  border-radius: 0px;
  text-align: center;
}

.return-request-page .section {
  float: left;
  width: 100%;
}
.return-request-page .section .title {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}
.return-request-page .section .table-wrapper {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}
.return-request-page .section .table-wrapper table th {
  background: #00366a;
  color: #ffffff;
  white-space: nowrap;
}
.return-request-page .section .table-wrapper table td {
  min-width: 120px;
}

.order-details-page .request-customer-message {
  float: left;
  width: 100%;
  padding: 30px;
  background: #f3f3f4;
  margin: 0 0 15px 0;
}
.order-details-page .request-customer-message > strong {
  font-size: 1.25rem;
  margin: 0 0 15px 0;
}
.order-details-page .request-customer-message .request-details-area {
  float: left;
  width: 100%;
}
.order-details-page .request-customer-message ~ .buttons {
  float: left;
  width: 100%;
}

/*480*/
@media (min-width:576px) {
  .manufacturer-grid .item-grid .item-box {
    float: left;
    width: 50%;
  }
  .manufacturer-grid .item-grid .item-box:nth-child(2n+1) {
    clear: both;
  }
}
/*576*/
/*768*/
@media (min-width:992px) {
  .manufacturer-grid .item-grid .item-box {
    float: left;
    width: 33.33333%;
  }
  .manufacturer-grid .item-grid .item-box:nth-child(2n+1) {
    clear: none;
  }
  .manufacturer-grid .item-grid .item-box:nth-child(3n+1) {
    clear: both;
  }
}
/*992*/
@media (min-width:1200px) {
  .two-col-row {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
  .two-col-row .center-2 {
    width: calc(100% - 360px);
    padding: 0 15px;
  }
  .two-col-row .side-2 {
    display: block;
    width: 360px;
    padding: 0 15px;
  }
  .two-col-row .side-2 .mobileUtil {
    display: none;
  }
  .two-col-row .mobile-util {
    display: none;
  }
}
/*1200*/
/*1480*/
body.modal-open {
  padding-right: 0 !important;
  overflow: unset !important;
}

.fadeOverlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 123;
}

@media only screen and (max-width: 1199px) {
  .site-mobile-menu {
    position: fixed;
    top: 0;
    left: -450px;
    bottom: 0;
    height: 100vh;
    width: 300px;
    z-index: 234;
    background: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
  }
  .site-mobile-menu.active {
    left: 0;
    transition: all 0.2s ease-in-out;
  }
  .site-mobile-menu .mobile-menu-header {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 40px;
    align-content: center;
    align-items: center;
    height: 60px;
    padding: 10px 0;
    border-bottom: 1px solid #00366a;
    position: relative;
    margin-bottom: 15px;
  }
  .site-mobile-menu .mobile-menu-header .close-menu {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
    text-align: center;
    margin: 0 0 0 calc(100% - 50px);
    position: absolute;
    right: 10px;
    top: 10px;
    background: #f3f3f4;
  }
  .site-mobile-menu .mobile-menu-header .close-menu:hover {
    cursor: pointer;
    color: #00366a;
  }
  .site-mobile-menu .user-area {
    float: left;
    width: 100%;
    padding: 5px 15px;
    margin-bottom: 15px;
  }
  .site-mobile-menu .user-area .header-links {
    float: left;
    width: 100%;
  }
  .site-mobile-menu .user-area .header-links ul {
    width: 100%;
  }
  .site-mobile-menu .user-area .header-links ul li,
.site-mobile-menu .user-area .header-links ul li.search-li {
    display: none;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li {
    display: block !important;
    width: 100%;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li .icon-account {
    width: 100%;
    height: auto;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    line-height: 1.3;
    gap: 1px 10px;
    padding: 10px;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li .icon-account:hover, .site-mobile-menu .user-area .header-links ul li.customer-li .icon-account:focus {
    background: #f3f3f4;
    color: #000;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li .user-info {
    display: inline-block;
    font-size: 14px;
    color: #000;
    font-weight: 600;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li .account-menu {
    width: 100%;
    display: block;
    border-left: 3px solid #ccc;
    margin-top: 10px;
    text-align: left;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li .account-menu a {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background: #f3f3f4;
    color: #000;
    font-size: 0.875rem;
    line-height: 1.3;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li .account-menu a:hover {
    background: #00366a;
    color: #ffffff;
  }
  .site-mobile-menu .user-area .header-links ul li.customer-li .account-menu a + a {
    border-top: 1px solid #ccc;
  }
  .site-mobile-menu .languages {
    float: left;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #00366a;
  }
  .site-mobile-menu .languages .language-selector select {
    display: none;
  }
  .site-mobile-menu .main-menu-wrapper {
    float: left;
    width: 100%;
    display: block;
    background: none;
    margin: 15px 0;
  }
  .site-mobile-menu ul.main-menu {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    list-style-type: none;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
  }
  .site-mobile-menu ul.main-menu > li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .site-mobile-menu ul.main-menu > li > a,
.site-mobile-menu ul.main-menu > li > span:not(.more) {
    display: inline-block;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.2857142857;
    letter-spacing: 0;
    color: #000;
    position: relative;
    width: 100%;
    background: #f3f3f4;
    min-height: 40px;
    padding: 0px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    /*&:after {
        content: "\e80b";
        font-family: $icons;
        width: 40px;
        text-align: center;
        display: inline-block;
        font-weight: 400;
        display: none;
    }*/
  }
  .site-mobile-menu ul.main-menu > li > a.with-subcategories,
.site-mobile-menu ul.main-menu > li > span:not(.more).with-subcategories {
    max-width: calc(100% - 40px);
  }
  .site-mobile-menu ul.main-menu > li .more {
    width: 40px;
    text-align: center;
    display: inline-block;
    min-height: 40px;
    height: 100%;
    background: #f3f3f4;
    display: flex;
    flex-wrap: wrap;
    line-height: 40px;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-left: 1px solid #ccc;
  }
  .site-mobile-menu ul.main-menu > li .more:hover {
    background: #00366a;
  }
  .site-mobile-menu ul.main-menu > li.has-sublist > a:after,
.site-mobile-menu ul.main-menu > li.has-sublist > span:after {
    display: none;
  }
  .site-mobile-menu ul.main-menu > li .plus-button {
    display: none;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap {
    position: fixed;
    width: 320px;
    top: 0;
    left: -360px;
    background: #ffffff;
    height: 100vh;
    overflow-y: auto;
    padding: 0 15px;
    z-index: 235;
    transition: all 0.2s ease-in-out;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap.active-sublist {
    left: 0;
    transition: all 0.2s ease-in-out;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist .sublist-header {
    float: left;
    width: calc(100% + 30px);
    padding: 10px 20px 10px 0;
    height: 50px;
    margin: 0 -15px 15px -15px;
    display: flex;
    justify-content: start;
    align-items: center;
    align-content: center;
    border-bottom: 1px solid #00366a;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist .step-back-button {
    float: left;
    width: 100%;
    width: 40px;
    height: 30px;
    text-align: left;
    line-height: 30px;
    margin-left: 15px;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist .step-back-button span {
    display: none;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    /*.more {
        width: 40px;
        text-align: center;
        display: inline-block;
    }*/
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist li > a,
.site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist li > span:not(.more) {
    display: inline-block;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.2857142857;
    color: #000;
    position: relative;
    background: #f3f3f4;
    min-height: 40px;
    padding: 0px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 100%;
  }
  .site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist li > a.with-subcategories,
.site-mobile-menu ul.main-menu > li .sublist-wrap ul.sublist li > span:not(.more).with-subcategories {
    max-width: calc(100% - 40px);
  }
}
/*desktop-menu*/
@media only screen and (min-width: 1200px) {
  .fadeOverlay:not(.show-desktop) {
    display: none !important;
  }
  .mobile-menu-header {
    display: none;
  }
  ul.main-menu {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  ul.main-menu > li {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
  }
  ul.main-menu > li > a,
ul.main-menu > li > span.with-subcategories {
    line-height: 60px;
    font-size: 1rem;
    color: #000;
    letter-spacing: 0;
    padding: 0 10px;
    background: transparent;
    display: inline-block;
    font-weight: 600;
  }
  ul.main-menu > li > .more {
    display: none;
  }
  ul.main-menu > li .sublist-header,
ul.main-menu > li .step-back-button {
    display: none;
  }
  ul.main-menu > li > .sublist-wrap {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 40px 0;
    width: calc(25vw - 40px);
  }
  /*editing*/
  /*.main-menu {
      > li.has-sublist {
          > .sublist-wrap {
              display: block !important;
              > ul.sublist {
                  > .back-button + .has-sublist {
                      > .sublist-wrap {
                          display: block !important;
                          > .sublist {
                              > li.has-sublist {
                                  > .sublist-wrap {
                                      display: block !important;
                                      li {
                                          .sublist-wrap {
                                              display: block !important;
                                          }
                                      }
                                  }
                              }
                          }
                      }
                  }
              }
          }
      }
  }*/
}
@media only screen and (min-width: 1200px) and (min-width: 1440px) {
  ul.main-menu > li > .sublist-wrap {
    width: 360px;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li > .sublist-wrap:before {
    content: "";
    width: 200vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 12px 14px -11px rgba(0, 0, 0, 0.3);
    min-height: 450px;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li .plus-button {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  ul.main-menu > li ul.sublist {
    width: calc((100vw - 60px) / 4);
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1441px) {
  ul.main-menu > li ul.sublist {
    width: 360px;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist ::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: #f3f3f4;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist ::-webkit-scrollbar-thumb {
    background: #00366a;
    -webkit-border-radius: 1ex;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist ::-webkit-scrollbar-corner {
    background: #f3f3f4;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    /*&:hover {
        > a {
            color: $color1;
            background: $color1;
            color: $white;
            i {
                margin-left: 8px;
                transition: all 0.2s ease-in-out;
            }
        }
        > .sublist-wrap {
            display: block;
        }
    }*/
  }
  ul.main-menu > li ul.sublist li a {
    font-weight: 500;
    padding: 0;
    margin: 0;
    padding-right: 28px;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0px;
    color: #000;
    position: relative;
    background: #efefef;
    float: left;
    width: 100%;
    padding: 15px 15px;
    /*&.with-subcategories {
        &:after {
            content: '\e80b';
            font-size: 1rem;
            position: absolute;
            right: 2px;
            top: 0;
            line-height: 20px;
            font-family: $icons;
            transition: all 0.2s ease-in-out;
        }
    }*/
  }
  ul.main-menu > li ul.sublist li a:hover {
    background: #00366a;
    color: #ffffff;
  }
  ul.main-menu > li ul.sublist li a i {
    margin-left: 5px;
    transition: all 0.2s ease-in-out;
  }
  ul.main-menu > li ul.sublist li .sublist-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    max-width: 380px;
    padding: 40px 0;
    height: 100%;
    min-height: 370px;
    width: calc(25vw - 40px);
    z-index: 2;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1440px) {
  ul.main-menu > li ul.sublist li .sublist-wrap {
    width: 360px;
    min-height: calc(100vh - 680px);
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist li .sublist-wrap ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 3px;
    overflow: auto;
    padding-left: 5px;
    align-content: start;
    align-items: start;
    height: 370px;
    /*@media only screen and (min-width: 1440px) {
        width: calc(1446px / 4);
    }*/
    /*width: calc(100% + 40px);
    padding-left: 45px;
    margin-left: -40px;*/
    /*&:before {
        content: "";
        position: absolute;
        top: 40px;
        bottom: 40px;
        width: 40px;
        left: -35px;
        z-index: 2;
        background: linear-gradient(to right, rgba($black, 0), rgba($black, 0.1));
    }*/
  }
  ul.main-menu > li ul.sublist li .sublist-wrap ul .sublist-wrap {
    z-index: 3;
  }
  ul.main-menu > li ul.sublist li .sublist-wrap ul .sublist-wrap .sublist-wrap {
    z-index: 4;
  }
  ul.main-menu > li ul.sublist li .sublist-wrap ul ::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: #f3f3f4;
  }
  ul.main-menu > li ul.sublist li .sublist-wrap ul ::-webkit-scrollbar-thumb {
    background: #00366a;
    -webkit-border-radius: 1ex;
  }
  ul.main-menu > li ul.sublist li .sublist-wrap ul ::-webkit-scrollbar-corner {
    background: #f3f3f4;
  }
  ul.main-menu > li ul.sublist li .sublist-wrap ul li {
    float: left;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist li.has-sublist {
    display: flex;
  }
  ul.main-menu > li ul.sublist li.has-sublist > a {
    width: calc(100% - 40px);
  }
  ul.main-menu > li ul.sublist li.has-sublist > .more {
    display: block;
    float: left;
    width: 40px;
    padding: 15px 10px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: 0px;
    color: #000;
    position: relative;
    background: #efefef;
    border-left: 1px solid #ccc;
    height: auto;
  }
  ul.main-menu > li ul.sublist li.has-sublist > .more:hover {
    background: #00366a;
    color: #ffffff;
    cursor: pointer;
    border-left-color: #00366a;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist li.expand-menu > a {
    color: #00366a;
    background: #00366a;
    color: #ffffff;
  }
  ul.main-menu > li ul.sublist li.expand-menu > a i {
    margin-left: 8px;
    transition: all 0.2s ease-in-out;
  }
  ul.main-menu > li ul.sublist li.expand-menu > .more {
    background: #00366a;
    color: #ffffff;
    border-left-color: #00366a;
    height: auto;
  }
  ul.main-menu > li ul.sublist li.expand-menu > .sublist-wrap {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li ul.sublist li:not(.has-sublist) .more {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li:nth-child(1) > a,
ul.main-menu > li:nth-child(1) .single-item-categories {
    background: #00366a;
    color: #ffffff;
    padding-left: 60px;
    position: relative;
    padding-right: 20px;
    transition: all 0.2s ease-in-out;
  }
  ul.main-menu > li:nth-child(1) > a:before,
ul.main-menu > li:nth-child(1) .single-item-categories:before {
    content: "\f0c9";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.5rem;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  ul.main-menu > li:nth-child(1) > a:hover,
ul.main-menu > li:nth-child(1) .single-item-categories:hover {
    background: #00488e;
    transition: all 0.2s ease-in-out;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li:hover > a,
ul.main-menu > li:hover > span.with-subcategories {
    background: #00366a;
    color: #ffffff;
    cursor: pointer;
  }
  ul.main-menu > li:hover > .sublist-wrap {
    display: block;
  }
  ul.main-menu > li:hover > .single-item-categories {
    background: #00488e !important;
    transition: all 0.2s ease-in-out;
  }
}
@media only screen and (min-width: 1200px) {
  ul.main-menu > li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .more {
    display: none;
  }
  ul.main-menu > li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li.has-sublist a {
    width: 100% !important;
  }
  ul.main-menu > li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li .sublist-wrap ul li {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .user-area {
    display: none !important;
  }
}
.master-column-wrapper form,
.master-column-wrapper .register-new-card,
.modal form,
.modal .register-new-card,
.ui-dialog form,
.ui-dialog .register-new-card {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.master-column-wrapper form label,
.master-column-wrapper .register-new-card label,
.modal form label,
.modal .register-new-card label,
.ui-dialog form label,
.ui-dialog .register-new-card label {
  font-size: 0.875rem;
  margin: 10px 0 5px 0;
  float: left;
  width: 100%;
}
.master-column-wrapper form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.master-column-wrapper form textarea,
.master-column-wrapper .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.master-column-wrapper .register-new-card textarea,
.modal form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.modal form textarea,
.modal .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.modal .register-new-card textarea,
.ui-dialog form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.ui-dialog form textarea,
.ui-dialog .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.ui-dialog .register-new-card textarea {
  border: 1px solid #00366a;
  padding: 0px 20px;
  width: calc(100% - 2px);
  max-width: 540px;
  font-size: 0.9375rem;
  color: #000000;
  line-height: 48px;
  border-radius: 0px;
  font-weight: 500;
  float: left;
}
.master-column-wrapper form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input)::placeholder,
.master-column-wrapper form textarea::placeholder,
.master-column-wrapper .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input)::placeholder,
.master-column-wrapper .register-new-card textarea::placeholder,
.modal form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input)::placeholder,
.modal form textarea::placeholder,
.modal .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input)::placeholder,
.modal .register-new-card textarea::placeholder,
.ui-dialog form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input)::placeholder,
.ui-dialog form textarea::placeholder,
.ui-dialog .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input)::placeholder,
.ui-dialog .register-new-card textarea::placeholder {
  color: #000000;
  font-weight: 600;
}
@media only screen and (max-width: 600px) {
  .master-column-wrapper form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.master-column-wrapper form textarea,
.master-column-wrapper .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.master-column-wrapper .register-new-card textarea,
.modal form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.modal form textarea,
.modal .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.modal .register-new-card textarea,
.ui-dialog form input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.ui-dialog form textarea,
.ui-dialog .register-new-card input:not(.button-1):not(.button-2):not(.button-3):not(.qty-input),
.ui-dialog .register-new-card textarea {
    line-height: 38px;
  }
}
.master-column-wrapper form input.button-1, .master-column-wrapper form input.button-2, .master-column-wrapper form input.button-3,
.master-column-wrapper form textarea.button-1,
.master-column-wrapper form textarea.button-2,
.master-column-wrapper form textarea.button-3,
.master-column-wrapper .register-new-card input.button-1,
.master-column-wrapper .register-new-card input.button-2,
.master-column-wrapper .register-new-card input.button-3,
.master-column-wrapper .register-new-card textarea.button-1,
.master-column-wrapper .register-new-card textarea.button-2,
.master-column-wrapper .register-new-card textarea.button-3,
.modal form input.button-1,
.modal form input.button-2,
.modal form input.button-3,
.modal form textarea.button-1,
.modal form textarea.button-2,
.modal form textarea.button-3,
.modal .register-new-card input.button-1,
.modal .register-new-card input.button-2,
.modal .register-new-card input.button-3,
.modal .register-new-card textarea.button-1,
.modal .register-new-card textarea.button-2,
.modal .register-new-card textarea.button-3,
.ui-dialog form input.button-1,
.ui-dialog form input.button-2,
.ui-dialog form input.button-3,
.ui-dialog form textarea.button-1,
.ui-dialog form textarea.button-2,
.ui-dialog form textarea.button-3,
.ui-dialog .register-new-card input.button-1,
.ui-dialog .register-new-card input.button-2,
.ui-dialog .register-new-card input.button-3,
.ui-dialog .register-new-card textarea.button-1,
.ui-dialog .register-new-card textarea.button-2,
.ui-dialog .register-new-card textarea.button-3 {
  width: auto;
}
.master-column-wrapper form input:focus, .master-column-wrapper form input:focus-visible,
.master-column-wrapper form textarea:focus,
.master-column-wrapper form textarea:focus-visible,
.master-column-wrapper .register-new-card input:focus,
.master-column-wrapper .register-new-card input:focus-visible,
.master-column-wrapper .register-new-card textarea:focus,
.master-column-wrapper .register-new-card textarea:focus-visible,
.modal form input:focus,
.modal form input:focus-visible,
.modal form textarea:focus,
.modal form textarea:focus-visible,
.modal .register-new-card input:focus,
.modal .register-new-card input:focus-visible,
.modal .register-new-card textarea:focus,
.modal .register-new-card textarea:focus-visible,
.ui-dialog form input:focus,
.ui-dialog form input:focus-visible,
.ui-dialog form textarea:focus,
.ui-dialog form textarea:focus-visible,
.ui-dialog .register-new-card input:focus,
.ui-dialog .register-new-card input:focus-visible,
.ui-dialog .register-new-card textarea:focus,
.ui-dialog .register-new-card textarea:focus-visible {
  /*border-color: $color1;
  box-shadow: 0 1px 1px rgba($color1, 0.075) inset, 0 0 8px rgba($color1, 0.6);*/
  box-shadow: none;
  border-color: #00366a;
  outline: 0 none;
}
.master-column-wrapper form select,
.master-column-wrapper .register-new-card select,
.modal form select,
.modal .register-new-card select,
.ui-dialog form select,
.ui-dialog .register-new-card select {
  border: 1px solid #00366a;
  float: left;
  font-size: 0.9375rem;
  line-height: 28px;
  height: 50px;
  border-radius: 0px;
  min-width: 90px;
}
@media only screen and (max-width: 600px) {
  .master-column-wrapper form select,
.master-column-wrapper .register-new-card select,
.modal form select,
.modal .register-new-card select,
.ui-dialog form select,
.ui-dialog .register-new-card select {
    height: 40px;
    line-height: 18px;
  }
}
.master-column-wrapper form input[type=checkbox],
.master-column-wrapper .register-new-card input[type=checkbox],
.modal form input[type=checkbox],
.modal .register-new-card input[type=checkbox],
.ui-dialog form input[type=checkbox],
.ui-dialog .register-new-card input[type=checkbox] {
  width: auto;
}
.master-column-wrapper form .inputs,
.master-column-wrapper .register-new-card .inputs,
.modal form .inputs,
.modal .register-new-card .inputs,
.ui-dialog form .inputs,
.ui-dialog .register-new-card .inputs {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}
.master-column-wrapper form .inputs.nmrg label,
.master-column-wrapper .register-new-card .inputs.nmrg label,
.modal form .inputs.nmrg label,
.modal .register-new-card .inputs.nmrg label,
.ui-dialog form .inputs.nmrg label,
.ui-dialog .register-new-card .inputs.nmrg label {
  margin-top: 0;
}
.master-column-wrapper form .required,
.master-column-wrapper .register-new-card .required,
.modal form .required,
.modal .register-new-card .required,
.ui-dialog form .required,
.ui-dialog .register-new-card .required {
  float: left;
  margin-left: 2px;
  width: 0;
  color: #00366a;
}
.master-column-wrapper form label[for=Newsletter],
.master-column-wrapper .register-new-card label[for=Newsletter],
.modal form label[for=Newsletter],
.modal .register-new-card label[for=Newsletter],
.ui-dialog form label[for=Newsletter],
.ui-dialog .register-new-card label[for=Newsletter] {
  width: auto;
}
.master-column-wrapper form label[for=Newsletter] + input[type=checkbox],
.master-column-wrapper .register-new-card label[for=Newsletter] + input[type=checkbox],
.modal form label[for=Newsletter] + input[type=checkbox],
.modal .register-new-card label[for=Newsletter] + input[type=checkbox],
.ui-dialog form label[for=Newsletter] + input[type=checkbox],
.ui-dialog .register-new-card label[for=Newsletter] + input[type=checkbox] {
  margin: 15px 5px 0 5px;
}
.master-column-wrapper form .buttons,
.master-column-wrapper .register-new-card .buttons,
.modal form .buttons,
.modal .register-new-card .buttons,
.ui-dialog form .buttons,
.ui-dialog .register-new-card .buttons {
  margin: 15px 0;
  float: left;
  width: 100%;
}
.master-column-wrapper form .buttons input:not(.button-1):not(.button-2):not(.button-3),
.master-column-wrapper .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3),
.modal form .buttons input:not(.button-1):not(.button-2):not(.button-3),
.modal .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3),
.ui-dialog form .buttons input:not(.button-1):not(.button-2):not(.button-3),
.ui-dialog .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3) {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: #ffffff;
  padding: 6px 30px;
  line-height: 28px;
  outline: none !important;
}
.master-column-wrapper form .buttons input:not(.button-1):not(.button-2):not(.button-3):hover, .master-column-wrapper form .buttons input:not(.button-1):not(.button-2):not(.button-3):focus,
.master-column-wrapper .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3):hover,
.master-column-wrapper .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3):focus,
.modal form .buttons input:not(.button-1):not(.button-2):not(.button-3):hover,
.modal form .buttons input:not(.button-1):not(.button-2):not(.button-3):focus,
.modal .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3):hover,
.modal .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3):focus,
.ui-dialog form .buttons input:not(.button-1):not(.button-2):not(.button-3):hover,
.ui-dialog form .buttons input:not(.button-1):not(.button-2):not(.button-3):focus,
.ui-dialog .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3):hover,
.ui-dialog .register-new-card .buttons input:not(.button-1):not(.button-2):not(.button-3):focus {
  outline: none;
}
.master-column-wrapper form .form-fields,
.master-column-wrapper .register-new-card .form-fields,
.modal form .form-fields,
.modal .register-new-card .form-fields,
.ui-dialog form .form-fields,
.ui-dialog .register-new-card .form-fields {
  font-size: 0.875rem;
  float: left;
  width: 100%;
}
.master-column-wrapper form .form-fields div,
.master-column-wrapper .register-new-card .form-fields div,
.modal form .form-fields div,
.modal .register-new-card .form-fields div,
.ui-dialog form .form-fields div,
.ui-dialog .register-new-card .form-fields div {
  font-size: 0.875rem;
  margin: 10px 0 5px 0;
  float: left;
  width: 100%;
}
.master-column-wrapper form .form-fields .gender,
.master-column-wrapper .register-new-card .form-fields .gender,
.modal form .form-fields .gender,
.modal .register-new-card .form-fields .gender,
.ui-dialog form .form-fields .gender,
.ui-dialog .register-new-card .form-fields .gender {
  margin-top: 0;
}
.master-column-wrapper form .form-fields .gender label,
.master-column-wrapper .register-new-card .form-fields .gender label,
.modal form .form-fields .gender label,
.modal .register-new-card .form-fields .gender label,
.ui-dialog form .form-fields .gender label,
.ui-dialog .register-new-card .form-fields .gender label {
  margin: 5px 0;
}
.master-column-wrapper form .fieldset,
.master-column-wrapper .register-new-card .fieldset,
.modal form .fieldset,
.modal .register-new-card .fieldset,
.ui-dialog form .fieldset,
.ui-dialog .register-new-card .fieldset {
  float: left;
  width: 100%;
}
.master-column-wrapper form .fieldset > .title,
.master-column-wrapper .register-new-card .fieldset > .title,
.modal form .fieldset > .title,
.modal .register-new-card .fieldset > .title,
.ui-dialog form .fieldset > .title,
.ui-dialog .register-new-card .fieldset > .title {
  float: left;
  width: 100%;
  margin: 0px 0 0 0;
}
.master-column-wrapper form .fieldset > .title + .form-fields > .inputs:nth-child(1),
.master-column-wrapper .register-new-card .fieldset > .title + .form-fields > .inputs:nth-child(1),
.modal form .fieldset > .title + .form-fields > .inputs:nth-child(1),
.modal .register-new-card .fieldset > .title + .form-fields > .inputs:nth-child(1),
.ui-dialog form .fieldset > .title + .form-fields > .inputs:nth-child(1),
.ui-dialog .register-new-card .fieldset > .title + .form-fields > .inputs:nth-child(1) {
  margin-top: 0;
}
.master-column-wrapper form .fieldset + .fieldset > .title,
.master-column-wrapper .register-new-card .fieldset + .fieldset > .title,
.modal form .fieldset + .fieldset > .title,
.modal .register-new-card .fieldset + .fieldset > .title,
.ui-dialog form .fieldset + .fieldset > .title,
.ui-dialog .register-new-card .fieldset + .fieldset > .title {
  margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
  input,
textarea {
    font-size: 16px !important;
  }
}
select {
  border: 1px solid #00366a;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: 12px;
  border-radius: 0px;
  padding: 10px 25px 10px 20px;
  height: 50px;
}
@media only screen and (max-width: 600px) {
  select {
    background-position-y: 7px;
  }
}
select option {
  border-radius: 0;
  padding: 10px !important;
  line-height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select:active,
select:focus {
  outline: none;
  color: #00366a;
  background: #ffffff;
  border-color: #00366a;
}

.dropdown {
  width: 90% !important;
  max-width: 220px !important;
  float: left;
}
.dropdown .dropdown-toggle {
  background: #ffffff;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border-radius: 0px;
  border-color: #ccc;
  font-size: 0.875rem;
}
.dropdown .dropdown-toggle:hover {
  border: 1px solid #ccc;
  transition: all 0.5s ease-in-out;
}
.dropdown .dropdown-toggle:focus {
  outline: none !important;
}
.dropdown .dropdown-menu {
  border-radius: 0;
}
.dropdown .dropdown-menu li {
  font-size: 0.75rem;
}
.dropdown .dropdown-menu li a {
  border-radius: 0;
}

/* Chrome, Safari, Edge, Opera */
/*
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/
/* Firefox */
/*input[type=number] {
    -moz-appearance: textfield;
}*/
input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label {
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 26px !important;
  line-height: 24px !important;
}
input[type=checkbox] + label:before {
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-radius: 0px !important;
  border: 1px solid #00366a;
  background: #ffffff;
  position: absolute;
  left: 2px !important;
  top: 5px !important;
  margin: 0 !important;
}
input[type=checkbox] + label:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 6 Pro";
  width: 14px !important;
  height: 14px !important;
  background: #ffffff;
  position: absolute;
  left: 3px !important;
  top: 3px !important;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  font-weight: 900;
  text-align: center;
  line-height: 19px !important;
  color: #f3f3f4;
  font-size: 0.675rem !important;
  margin: 0 !important;
}
input[type=checkbox] + label:hover {
  cursor: pointer;
}
input[type=checkbox] + label:hover:after {
  opacity: 0.3;
  transition: all 0.5s ease-in-out;
}

input[type=checkbox]:checked + label:after {
  opacity: 1;
  background: transparent;
  color: #000;
  transition: all 0.5s ease-in-out;
}

input[type=radio] {
  display: none;
}

input[type=radio] + label {
  position: relative;
  padding-left: 26px;
  line-height: 24px;
}
input[type=radio] + label:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #00366a;
  box-shadow: 0 0 2px rgba(243, 243, 244, 0.3);
  background: #ffffff;
  position: absolute;
  left: 2px;
  top: 5px;
}
input[type=radio] + label:after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00366a;
  position: absolute;
  left: 6px;
  top: 9px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
input[type=radio] + label:hover {
  cursor: pointer;
}
input[type=radio] + label:hover:after {
  opacity: 0.3;
  transition: all 0.5s ease-in-out;
}

input[type=radio]:checked + label:after {
  opacity: 1;
  color: #00366a;
  background: #00366a;
  transition: all 0.5s ease-in-out;
}

input[type=file] {
  border: none !important;
  background: #f3f3f4 !important;
  transition: all 0.2s ease-in-out;
}
input[type=file]:hover {
  transition: all 0.2s ease-in-out;
}

input[type=file]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  margin-top: 10px;
  line-height: 20px;
  margin-bottom: 10px;
  transition: background-color 200ms;
}

/* file upload button hover state */
input[type=file]::file-selector-button:hover {
  background-color: #f3f4f6;
}

/* file upload button active state */
input[type=file]::file-selector-button:active {
  background-color: #e5e7eb;
}

/*.master-column-wrapper{
    form{
        label{font-size:14px; margin:10px 0 5px 0; float:left; width:100%;}
        input, textarea{border:1px solid $grey2; padding:0px 15px; width:100%; max-width:540px; font-size:0.875rem; line-height:36px;
            &.button-1, &.button-2, &.button-3{width:auto;}
        }
        input[type="checkbox"]{width:auto;}
        .inputs{float:left; width:100%; margin:0 0 10px 0;}

        //special
        label[for=Newsletter]{width:auto;
            & + input[type="checkbox"]{margin:15px 5px 0 5px;}
        }
        .buttons{margin:15px 0;
            input{padding:10px 60px; line-height:1.1;}
        }
    }
}*/
.write-review .inputs input {
  max-width: 850px;
}
.write-review .inputs textarea {
  max-width: 850px;
}
.write-review .review-rating {
  float: left;
  width: 100%;
  /*background:$grey2; padding:15px; border:1px solid $grey2;*/
  max-width: 360px;
}
.write-review .review-rating .name-description {
  float: left;
  width: 100%;
}
.write-review .review-rating .rating-wrapper {
  float: left;
  width: 100%;
}
.write-review .review-rating .rating-wrapper .label {
  float: left;
  width: 50%;
  display: none;
}
.write-review .review-rating .rating-wrapper .label.last {
  text-align: right;
}
.write-review .review-rating .rating-wrapper .rating-options {
  float: left;
  display: none;
}
.write-review .review-rating .rating-wrapper .ratingStars {
  float: left;
  width: 100%;
  padding: 0;
  /*calc(50% - 125px);*/
}
.write-review .review-rating .rating-wrapper .ratingStars .star {
  float: left;
  width: 40px;
  height: 40px;
  position: relative;
  margin: 5px;
  padding: 0;
  text-align: center;
}
.write-review .review-rating .rating-wrapper .ratingStars .star:before {
  content: "\e81c";
  /*'\f005';*/
  line-height: 40px;
  font-size: 30px;
  font-family: "Font Awesome 6 Pro";
  opacity: 0.6;
  transition: all 0.5s ease-in-out;
}
.write-review .review-rating .rating-wrapper .ratingStars .star:hover {
  cursor: pointer;
}
.write-review .review-rating .rating-wrapper .ratingStars .star:hover:before {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.write-review .review-rating .rating-wrapper .ratingStars .star.colored {
  opacity: 1;
}
.write-review .review-rating .rating-wrapper .ratingStars .star.colored:before {
  content: "\e81c";
  /*'\f005';*/
  color: gold;
}
.write-review .review-rating .rating-wrapper .ratingStars .star.colored:hover {
  color: #e6c200;
}
.write-review .review-comment-message .manjko .missingPoints {
  color: #00366a;
}

.product-review-helpfulness .vote-options .vote:hover {
  color: #00366a;
  cursor: pointer;
}

.product-review-list,
.my-product-reviews-list-page {
  float: left;
  width: 100%;
  margin: 0;
}
.product-review-list > .title,
.my-product-reviews-list-page > .title {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
  margin: 20px 0 15px 0;
  font-size: 1.1rem;
}
.product-review-list .product-review-item,
.my-product-reviews-list-page .product-review-item {
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
  margin: 0 0 25px 0;
  border-bottom: 1px solid #ccc;
}
.product-review-list .product-review-item .review-item-head,
.my-product-reviews-list-page .product-review-item .review-item-head {
  float: left;
  width: 100%;
}
.product-review-list .product-review-item .review-item-head .author,
.my-product-reviews-list-page .product-review-item .review-item-head .author {
  float: left;
  width: auto;
  margin: 2px 10px 2px 0;
}
.product-review-list .product-review-item .review-item-head .author .user,
.my-product-reviews-list-page .product-review-item .review-item-head .author .user {
  float: left;
  width: auto;
  font-size: 0.875rem;
}
.product-review-list .product-review-item .review-item-head .author .separator,
.my-product-reviews-list-page .product-review-item .review-item-head .author .separator {
  float: left;
  width: auto;
  font-size: 0.875rem;
  margin: 0 10px;
}
.product-review-list .product-review-item .review-item-head .author .date,
.my-product-reviews-list-page .product-review-item .review-item-head .author .date {
  float: left;
  width: auto;
  font-size: 0.875rem;
}
.product-review-list .product-review-item .review-item-head .review-title,
.my-product-reviews-list-page .product-review-item .review-item-head .review-title {
  float: left;
  width: 100%;
}
.product-review-list .product-review-item .review-item-head .product-review-box,
.my-product-reviews-list-page .product-review-item .review-item-head .product-review-box {
  float: left;
  width: auto;
  margin: 0;
}
.product-review-list .product-review-item .review-item-head .product-review-box > span,
.my-product-reviews-list-page .product-review-item .review-item-head .product-review-box > span {
  font-size: 12px;
  float: left;
  margin-right: 15px;
  color: #000;
  height: 24px;
  line-height: 24px;
}
.product-review-list .product-review-item .review-item-head .product-review-box .rating,
.my-product-reviews-list-page .product-review-item .review-item-head .product-review-box .rating {
  float: left;
  display: block;
  width: 79px;
  height: 24px;
  background: url("../img/zvezdice.png") no-repeat center left;
}
.product-review-list .product-review-item .review-item-head .product-review-box .rating > div,
.my-product-reviews-list-page .product-review-item .review-item-head .product-review-box .rating > div {
  background: url("../img/zvezdice2.png") no-repeat center left;
  height: 24px;
  display: block;
}
.product-review-list .product-review-item .review-content,
.my-product-reviews-list-page .product-review-item .review-content {
  float: left;
  width: 100%;
}
.product-review-list .product-review-item .review-content .review-title,
.my-product-reviews-list-page .product-review-item .review-content .review-title {
  float: left;
  width: 100%;
}
.product-review-list .product-review-item .review-content .review-text,
.my-product-reviews-list-page .product-review-item .review-content .review-text {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.product-review-list .product-review-item .review-content .review-info,
.my-product-reviews-list-page .product-review-item .review-content .review-info {
  float: left;
  width: 100%;
  font-size: 0.875rem;
}
.product-review-list .product-review-item .review-content .review-info label,
.my-product-reviews-list-page .product-review-item .review-content .review-info label {
  margin: 0;
}
.product-review-list .product-review-item .review-content .product-review-helpfulness,
.my-product-reviews-list-page .product-review-item .review-content .product-review-helpfulness {
  float: left;
  width: 100%;
  font-size: 0.875rem;
}
.product-review-list .product-review-item .review-content .product-review-helpfulness .result,
.my-product-reviews-list-page .product-review-item .review-content .product-review-helpfulness .result {
  margin: 0;
}
.product-review-list .product-review-item:nth-last-child(1),
.my-product-reviews-list-page .product-review-item:nth-last-child(1) {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.product-review-list .moreReviews,
.my-product-reviews-list-page .moreReviews {
  display: none;
  float: left;
  width: 100%;
}
.product-review-list .showMoreToggleWrapper,
.my-product-reviews-list-page .showMoreToggleWrapper {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  text-align: center;
}
.product-review-list .showMoreToggleWrapper .showMoreToggle,
.my-product-reviews-list-page .showMoreToggleWrapper .showMoreToggle {
  float: left;
  width: 60px;
  padding: 7px;
  background: #ccc;
  color: #ccc;
  transition: all 0.25s ease-in-out;
  margin: 0 calc(50% - 30px);
}
.product-review-list .showMoreToggleWrapper .showMoreToggle:hover,
.my-product-reviews-list-page .showMoreToggleWrapper .showMoreToggle:hover {
  /*color:$color1;*/
  background: #00366a;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

.validation-summary-errors ul {
  color: #ec0d0d;
  font-size: 0.9rem;
  padding-left: 15px;
}

.captcha-box {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
}

.registration-page .vat-note {
  float: left;
  width: 100%;
  font-size: 0.75rem;
  color: #ccc;
}
.registration-page .addSeparator {
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}
.registration-page .addSeparator:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  max-width: 540px;
  bottom: 0;
  left: 0;
  position: absolute;
}
.registration-page .addSeparator.rowAlign:after {
  left: 15px;
}

.vat-note {
  float: left;
  width: 100%;
  font-size: 0.75rem;
  color: #ccc;
}

.vat-status {
  font-size: 0.75rem;
  color: #ccc;
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
}

.field-validation-error {
  font-size: 0.75rem;
  color: #ec0d0d;
}

.ui-dialog.ui-corner-all.ui-widget {
  top: 50% !important;
  left: 50% !important;
  z-index: 9999999;
  position: fixed;
  transform: translate(-50%, -50%);
  width: 96% !important;
  max-width: 780px !important;
}

.ui-dialog {
  border-radius: 0;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
}
.ui-dialog * {
  box-sizing: border-box;
}
.ui-dialog .ui-dialog-titlebar {
  background: none;
  border: none;
  color: #000;
  font-size: 1.25rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: start;
  align-items: start;
  padding: 15px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  width: calc(100% - 60px);
  font-family: "Open Sans", sans-serif;
  padding-right: 10px;
  margin: 0 0 8px 0;
  line-height: 34px;
  font-weight: 600;
}
.ui-dialog .ui-dialog-titlebar .ui-button,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  outline: none;
  border: none;
  box-shadow: none;
  width: 40px;
  height: 40px;
}
.ui-dialog .ui-dialog-titlebar .ui-button:hover, .ui-dialog .ui-dialog-titlebar .ui-button:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  outline: none;
  border: none;
  box-shadow: none;
  background: #00366a;
  color: #ffffff;
}
.ui-dialog .ui-dialog-titlebar .ui-button:before,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  /*width: 10px;
  height: 10px;
  background: none;
  position: relative;
  left: 50%;
  top: 50%;
  opacity: 0;
  color: $black;
  opacity: 1;
  font-size: 1rem;
  transform: translate(-50%, -50%);
  transition: all 0.25s ease-in-out;
  font-weight: 900;
  text-align: center;
  line-height: 10px;*/
  text-indent: 0 !important;
}
.ui-dialog .ui-dialog-titlebar .ui-button:focus,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
  outline: none !important;
}
.ui-dialog .ui-dialog-titlebar .ui-button .ui-button-icon,
.ui-dialog .ui-dialog-titlebar .ui-button .ui-button-icon-space,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon-space {
  background: none;
  display: none;
}
.ui-dialog .ui-dialog-content {
  min-height: 120px !important;
  padding: 15px;
}
.ui-dialog .ui-dialog-content .page-title {
  font-size: 1.25rem;
  margin: 0;
}
.ui-dialog .ui-dialog-content .page-title h1 {
  font-size: 1.25rem;
  font-family: "Open Sans", sans-serif;
}
.ui-dialog .ui-dialog-content .page-body {
  float: left;
  width: 100%;
  font-family: "Open Sans", sans-serif;
}
.ui-dialog .product-item {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: start;
  align-content: start;
  gap: 10px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #f3f3f4;
  padding: 10px 0;
  margin: 0 0 10px 0;
}
.ui-dialog .product-item .picture {
  width: 80px;
  height: 80px;
  border: 1px solid #f3f3f4;
}
.ui-dialog .product-item .picture a {
  float: left;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  display: flex;
}
.ui-dialog .product-item .picture a img {
  object-fit: contain;
  max-width: 100%;
}
.ui-dialog .product-item .details {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 90px);
}
.ui-dialog .product-item .details .product-title {
  float: left;
  width: 100%;
  border: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.ui-dialog .product-item .details .product-title a {
  float: left;
  width: 100%;
  border: none;
}
.ui-dialog .product-item .details .description {
  float: left;
  width: 100%;
}
.ui-dialog .customerdata {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
}
.ui-dialog .customerdata .inputs {
  float: left;
  width: 100%;
}
.ui-dialog .customerdata .inputs label {
  float: left;
  width: 100%;
}

.fns-customerrequests-popupwindow-page {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.fns-customerrequests-popupwindow-page .result {
  margin-bottom: 15px;
  font-size: 1.25rem;
  font-weight: 600;
}
.fns-customerrequests-popupwindow-page .fns-customerrequests-popup-body {
  text-align: center;
  width: 100%;
}

.send-rfq-form {
  float: left;
  width: 100%;
}
.send-rfq-form .product-essential {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
}
.send-rfq-form .product-essential .item-box2 {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: start;
  align-content: start;
  gap: 10px;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #f3f3f4;
  padding: 10px 0;
  margin: 0 0 10px 0;
}
.send-rfq-form .product-essential .item-box2 .gallery {
  float: left;
  width: 80px;
  height: auto;
}
.send-rfq-form .product-essential .item-box2 .picture {
  width: 80px;
  height: 80px;
  border: 1px solid #f3f3f4;
}
.send-rfq-form .product-essential .item-box2 .picture a {
  float: left;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  display: flex;
}
.send-rfq-form .product-essential .item-box2 .picture a img {
  object-fit: contain;
  max-width: 100%;
}
.send-rfq-form .product-essential .item-box2 .overview {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 90px);
}
.send-rfq-form .product-essential .item-box2 .overview .product-name {
  float: left;
  width: 100%;
  border: none;
  margin: 0 0 10px 0;
  padding: 0;
}
.send-rfq-form .product-essential .item-box2 .overview .product-name a {
  float: left;
  width: 100%;
  border: none;
}
.send-rfq-form .product-essential .item-box2 .overview .short-description {
  float: left;
  width: 100%;
}

.fns-customerrequests-ajax-loading-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1104;
  background: rgba(255, 255, 255, 0.7);
}

@keyframes spinAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fns-customerrequests-ajax-loading-block .loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%);
  background-image: url("../img/loader.svg");
  animation: spinAnimation 3s linear infinite;
  transform-origin: center;
}

.html-registration-page .ui-dialog .ui-dialog-titlebar {
  min-height: 35px;
}
.html-registration-page .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}

/*480*/
/*576*/
/*768*/
/*992*/
/*1200*/
/*1480*/
.loadingoverlay {
  position: fixed !important;
  top: 90px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
  background: rgba(255, 255, 255, 0.8) !important;
}
.loadingoverlay .loadingoverlay_element {
  width: 40px !important;
  height: 40px !important;
}

.order-summary-content {
  position: relative;
  font-family: "Open Sans", sans-serif;
}
.order-summary-content * {
  font-family: "Open Sans", sans-serif;
}
.order-summary-content .message-error {
  float: left;
  width: 100%;
  margin: 0 0 25px 0;
  padding: 10px 20px;
  background: #f3f3f4;
  border-radius: 8px;
  border-left: 5px solid #ec0d0d;
}
.order-summary-content .message-error ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.order-summary-content .message-error ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.order-summary-content form {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: auto;
}
.order-summary-content form .table-wrapper {
  width: 100%;
  padding-right: 30px;
  grid-area: 1/1/span 2;
}
.order-summary-content form .table-wrapper .cart {
  width: 100%;
}
.order-summary-content form .table-wrapper .cart colgroup col {
  display: block;
}
.order-summary-content form .table-wrapper .cart thead tr,
.order-summary-content form .table-wrapper .cart tbody tr {
  display: grid;
  grid-template-columns: 1fr 2fr 150px 1fr 1fr;
  gap: 20px;
}
.order-summary-content form .table-wrapper .cart thead tr th,
.order-summary-content form .table-wrapper .cart thead tr tr,
.order-summary-content form .table-wrapper .cart tbody tr th,
.order-summary-content form .table-wrapper .cart tbody tr tr {
  display: block;
}
.order-summary-content form .table-wrapper .cart thead tr .sku {
  display: none;
}
.order-summary-content form .table-wrapper .cart thead tr .unit-price {
  display: none;
  text-align: center;
}
.order-summary-content form .table-wrapper .cart thead tr .quantity {
  text-align: center;
}
.order-summary-content form .table-wrapper .cart thead tr .subtotal {
  text-align: center;
}
.order-summary-content form .table-wrapper .cart thead tr .remove-from-cart {
  text-align: center;
}
.order-summary-content form .table-wrapper .cart tbody tr {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.order-summary-content form .table-wrapper .cart tbody tr td a {
  color: #000;
}
.order-summary-content form .table-wrapper .cart tbody tr .sku {
  display: none;
}
.order-summary-content form .table-wrapper .cart tbody tr .product {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.order-summary-content form .table-wrapper .cart tbody tr .product .message-error ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.order-summary-content form .table-wrapper .cart tbody tr .product .message-error ul li {
  color: red;
}
.order-summary-content form .table-wrapper .cart tbody tr .unit-price {
  display: none;
  justify-content: center;
  align-items: center;
}
.order-summary-content form .table-wrapper .cart tbody tr .unit-price .td-title {
  display: none;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .td-title {
  display: none;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity {
  width: 100%;
  display: flex;
  position: relative;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity div {
  height: 40px;
  width: 40px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity div:before {
  font-size: 14px;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .up {
  position: absolute;
  right: 0;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .up:before {
  content: "+";
  font-family: "Font Awesome 6 Pro";
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .down {
  position: absolute;
  left: 0;
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .down:before {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
}
.order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity input {
  border: none;
  width: 100%;
  padding: 0;
  text-align: center;
  outline: none;
}
.order-summary-content form .table-wrapper .cart tbody tr .subtotal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-summary-content form .table-wrapper .cart tbody tr .subtotal .td-title {
  display: none;
}
.order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart input {
  display: none;
}
.order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart button {
  position: relative;
  width: 40px;
  height: 40px;
  border: none;
  background-color: white;
  padding: 0;
}
.order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart button:before {
  position: absolute;
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.order-summary-content form .cart-options {
  width: 100%;
  order: 3;
  display: flex;
  flex-direction: column;
  text-align: unset;
  grid-column-end: 2;
}
.order-summary-content form .cart-options .common-buttons {
  margin: 0;
  order: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  gap: 10px;
}
.order-summary-content form .cart-options .estimate-shipping-button {
  display: none;
}
.order-summary-content form .cart-options .checkout-attributes {
  order: 1;
  width: 100%;
  margin: 5px 0 15px 0;
}
.order-summary-content form .cart-options .checkout-attributes select {
  min-height: 40px;
}
.order-summary-content form .cart-options .selected-checkout-attributes {
  display: none;
}
.order-summary-content form .cart-footer {
  width: 100%;
  background: #f1f1f1;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: auto;
}
.order-summary-content form .cart-footer .cart-collaterals .deals {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 5px;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box div,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box div {
  align-items: center;
  align-content: center;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .title,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .title {
  grid-area: 1/span 2;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .hint,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .hint {
  display: none;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .coupon-code,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .coupon-code {
  grid-area: 2/span 2;
  display: flex;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .coupon-code input,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .coupon-code input {
  width: 75%;
  height: 100%;
  padding: 0;
  max-height: 40px;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .coupon-code .button-2,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .coupon-code .button-2 {
  background-color: black;
  padding: 10px 20px;
  border-radius: 0;
  color: white;
  line-height: 20px;
  max-height: 40px;
  min-width: 60px;
  flex: 1;
}
@media only screen and (max-width: 1500px) {
  .order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .coupon-code,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .coupon-code {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .coupon-code input,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .coupon-code input {
    width: 100%;
  }
  .order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .coupon-code .button-2,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .coupon-code .button-2 {
    width: 100%;
  }
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .message-success,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .message-success {
  grid-area: 3/span 2;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .message-failure,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .message-failure {
  grid-area: 3/span 2;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .current-code,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .current-code {
  grid-area: 4/span 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .current-code button,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .current-code button {
  width: auto;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
}
.order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .current-code button:before,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .current-code button:before {
  content: "Odstrani";
  color: #000;
}
.order-summary-content form .cart-footer .totals {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.order-summary-content form .cart-footer .totals .total-info .cart-total {
  width: 100%;
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody {
  display: flex;
  flex-direction: column;
  gap: 5px;
  /*label {
      margin: 0;
  }*/
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody tr {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody .giftcard-summary {
  position: relative;
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody .giftcard-summary .cart-total-left {
  width: 60%;
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody .giftcard-summary .cart-total-left .remove-gift-card-button {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50%;
  width: auto;
  border: none;
  background: none;
  padding: 0;
  display: inline-flex;
  align-items: end;
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody .giftcard-summary .cart-total-left .remove-gift-card-button:before {
  content: "Odstrani";
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody .giftcard-summary .cart-total-left .giftcard-remaining {
  display: block;
}
.order-summary-content form .cart-footer .totals .total-info .cart-total tbody .cart-total-right {
  padding: 10px 0 5px 0;
  text-align: right;
}
.order-summary-content form .cart-footer .totals .terms-of-service {
  font-family: "Open Sans", sans-serif;
}
.order-summary-content form .cart-footer .totals .terms-of-service label {
  display: inline;
  float: none;
  padding-top: 2px !important;
}
.order-summary-content form .cart-footer .totals .terms-of-service a {
  cursor: pointer;
  display: inline;
  font-size: 0.875rem;
  color: #00366a;
  text-decoration: none;
}
.order-summary-content form .cart-footer .totals .terms-of-service a:hover {
  text-decoration: underline;
}
.order-summary-content form .cart-footer .totals .terms-of-service:before {
  content: "";
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  top: -13px;
  height: 1px;
  background: #ccc;
  float: left;
}
.order-summary-content form .cart-footer .totals .checkout-buttons {
  display: flex;
  justify-content: center;
  width: 100%;
}
.order-summary-content form .cart-footer .totals .checkout-buttons button {
  max-width: 80%;
  width: 100%;
  font-size: 1.5rem;
}

@media only screen and (max-width: 900px) {
  .order-summary-content form {
    display: flex;
    flex-wrap: wrap;
  }
  .order-summary-content form .table-wrapper {
    width: 100%;
    padding: 0;
  }
  .order-summary-content form .table-wrapper .cart {
    width: 100%;
  }
  .order-summary-content form .table-wrapper .cart colgroup col {
    display: block;
  }
  .order-summary-content form .table-wrapper .cart thead tr,
.order-summary-content form .table-wrapper .cart tbody tr {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eee;
  }
  .order-summary-content form .table-wrapper .cart thead {
    display: none; /* Hide table headers on mobile */
  }
  .order-summary-content form .table-wrapper .cart tbody tr {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    padding: 20px;
    border-bottom: 1px solid #eee;
    gap: 10px;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .sku {
    display: none;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .product-picture {
    grid-area: 2/1/span 2;
    align-content: center;
    display: flex;
    align-items: center;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .product {
    grid-area: 1/span 3;
    display: grid;
  }
  .order-summary-content form .table-wrapper .cart tbody tr td {
    padding: 0;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity,
.order-summary-content form .table-wrapper .cart tbody tr .subtotal,
.order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .subtotal {
    grid-area: 2/3/span 2/span 2;
    justify-content: center;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity {
    grid-area: 2/2/span 2;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity div {
    transform: none;
    width: 30px; /* Adjust button size */
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .up {
    cursor: pointer;
    position: static;
    order: 2;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .up:before {
    content: "+";
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .down {
    cursor: pointer;
    position: static;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity .down:before {
    content: "-";
  }
  .order-summary-content form .table-wrapper .cart tbody tr .quantity .product-quantity input {
    order: 1;
    height: 100%;
    width: 25%;
    text-align: center;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart {
    grid-area: 1/4;
    justify-content: flex-end;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart button {
    width: 40px;
    height: 100%;
    border: none;
    background: none;
    position: relative;
  }
  .order-summary-content form .table-wrapper .cart tbody tr .remove-from-cart button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
  }
  .order-summary-content form .cart-options {
    order: 3;
    width: 100%;
    padding: 10px;
  }
  .order-summary-content form .cart-footer {
    width: 100%;
  }
  .order-summary-content form .cart-footer .cart-collaterals .deals .coupon-box .coupon-code input,
.order-summary-content form .cart-footer .cart-collaterals .deals .giftcard-box .coupon-code input {
    width: 100%;
  }
}
/*SIMPLE CHECKOUT*/
.simple-checkout-data-left {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  /*display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 10px;*/
  padding: 20px 0;
}
.simple-checkout-data-left * {
  font-family: "Open Sans", sans-serif;
}
.simple-checkout-data-left .inputs {
  width: calc(50% - 5px) !important;
  position: relative;
  /*input {
      box-sizing: border-box;
      padding: 0 20px;
      border: 1px solid #ddd;
      border-radius: 4px;
      height: 40px;
  }
  select {
      box-sizing: border-box;
      padding: 0 20px;
      height: 40px;
      background: none;
      border: 1px solid #ddd;
      border-radius: 4px;
  }*/
}
@media only screen and (max-width: 600px) {
  .simple-checkout-data-left .inputs {
    width: 100%;
  }
}
.simple-checkout-data-left .inputs .col-form-label {
  margin: 0;
  text-transform: uppercase;
}
.simple-checkout-data-left .inputs input,
.simple-checkout-data-left .inputs textarea,
.simple-checkout-data-left .inputs select {
  max-width: 100%;
}
.simple-checkout-data-left .inputs .label-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  align-content: center;
}
.simple-checkout-data-left .inputs .label-wrapper .ico-help {
  display: none;
}
.simple-checkout-data-left .inputs span.required {
  right: 1px !important;
}
.simple-checkout-data-left .inputs:first-of-type {
  grid-area: 1/span 2;
  width: 100% !important;
}
.simple-checkout-data-left .inputs:first-of-type h3 {
  font-size: 1.375rem;
}
.simple-checkout-data-left .inputs:nth-of-type(2) {
  grid-area: 2/span 2;
  width: 100% !important;
}
.simple-checkout-data-left .inputs:nth-of-type(14) {
  grid-area: 4/2;
}
.simple-checkout-data-left .inputs:nth-of-type(8) {
  grid-area: 6/span 2;
}
.simple-checkout-data-left .inputs:nth-of-type(9) {
  grid-area: 7/span 2;
}
@media only screen and (max-width: 991px) {
  .simple-checkout-data-left .required {
    margin: 0 !important;
    right: 1px !important;
    font-size: 0.75rem;
  }
}
.simple-checkout-data-left .inputs.secondary-address {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  height: 100%;
  width: 100% !important;
}
.simple-checkout-data-left .inputs.secondary-address .labelforinputs {
  width: 100%;
}
.simple-checkout-data-left .inputs.secondary-address .labelforinputs .control-label {
  margin: 10px 0;
  width: 100%;
  border: 1px solid #ddd;
  height: 50px;
  border-radius: 0px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #f9f9f9;
  color: #333;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
}
.simple-checkout-data-left .inputs.secondary-address .labelforinputs .control-label:hover {
  background-color: #e6e6e6;
  border-color: #ccc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}
.simple-checkout-data-left .inputs.secondary-address .labelforinputs .control-label:active {
  background-color: #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.simple-checkout-data-left .inputs.secondary-address input[type=checkbox] + .labelforinputs {
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.simple-checkout-data-left .inputs.secondary-address input[type=checkbox] + .labelforinputs:before {
  content: "";
  width: 14px !important;
  height: 14px !important;
  border-radius: 0px !important;
  border: 1px solid #00366a;
  background: #ffffff;
  position: absolute;
  left: 12px !important;
  top: 27px !important;
  margin: 0 !important;
}
.simple-checkout-data-left .inputs.secondary-address input[type=checkbox] + .labelforinputs:after {
  content: "\f00c" !important;
  font-family: "Font Awesome 6 Pro";
  width: 14px !important;
  height: 14px !important;
  background: #ffffff;
  position: absolute;
  left: 13px !important;
  top: 24px !important;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  font-weight: 900;
  text-align: center;
  line-height: 19px !important;
  color: #f3f3f4;
  font-size: 0.675rem !important;
  margin: 0 !important;
}
.simple-checkout-data-left .inputs.secondary-address input[type=checkbox] + .labelforinputs:hover {
  cursor: pointer;
}
.simple-checkout-data-left .inputs.secondary-address input[type=checkbox] + .labelforinputs:hover:after {
  opacity: 0.3;
  transition: all 0.5s ease-in-out;
}
.simple-checkout-data-left .inputs.secondary-address input[type=checkbox]:checked + .labelforinputs:after {
  opacity: 1;
  background: transparent;
  color: #000;
  transition: all 0.5s ease-in-out;
}
.simple-checkout-data-left .record-usesecondary-address {
  float: left;
  width: 100%;
}
.simple-checkout-data-left .record-usesecondary-address .secondary-address-description {
  float: left;
  width: 100%;
  padding: 10px 90px 10px 10px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.simple-checkout-data-left .record-usesecondary-address .secondary-address-description .secondary-address-description-message {
  float: left;
  width: 100%;
}
.simple-checkout-data-left .record-usesecondary-address .secondary-address-description .edit-secondary-address-button {
  float: left;
  background: #00366a;
  color: #ffffff;
  padding: 5px 20px;
  font-size: 0.875rem;
  line-height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: auto;
  display: block !important;
  border-radius: 4px !important;
}
.simple-checkout-data-left .coupon-box .buttons,
.simple-checkout-data-left .giftcard-box .buttons {
  width: 100%;
}
.simple-checkout-data-left .coupon-box .buttons input,
.simple-checkout-data-left .giftcard-box .buttons input {
  width: 100%;
}
.simple-checkout-data-left .coupon-box,
.simple-checkout-data-left .giftcard-box {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
  max-width: 400px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.simple-checkout-data-left .coupon-box .label-wrapper,
.simple-checkout-data-left .giftcard-box .label-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.simple-checkout-data-left .coupon-box .label-wrapper .col-form-label,
.simple-checkout-data-left .giftcard-box .label-wrapper .col-form-label {
  font-weight: bold;
  color: #333;
}
.simple-checkout-data-left .coupon-box .label-wrapper .ico-help,
.simple-checkout-data-left .giftcard-box .label-wrapper .ico-help {
  cursor: pointer;
  color: #999;
}
.simple-checkout-data-left .coupon-box .label-wrapper .ico-help:hover,
.simple-checkout-data-left .giftcard-box .label-wrapper .ico-help:hover {
  color: #666;
}
.simple-checkout-data-left .coupon-box .label-wrapper .ico-help i,
.simple-checkout-data-left .giftcard-box .label-wrapper .ico-help i {
  font-size: 1rem;
}
.simple-checkout-data-left .coupon-box .couponblock,
.simple-checkout-data-left .giftcard-box .couponblock {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  /*> input {
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;

      font-size: 1rem;
      transition: border-color 0.3s;
      width: 100% !important;
      &:focus {
          border-color: #007bff;
          outline: none;
      }
  }*/
}
.simple-checkout-data-left .coupon-box .couponblock input,
.simple-checkout-data-left .giftcard-box .couponblock input {
  width: 100% !important;
}
.simple-checkout-data-left .coupon-box .couponblock .buttons,
.simple-checkout-data-left .giftcard-box .couponblock .buttons {
  display: flex;
  justify-content: flex-end;
  /*.button-2 {
      padding: 10px 20px;
      background-color: #007bff;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 1rem;
      transition: background-color 0.3s;

      &:hover {
          background-color: #0056b3;
      }

      &:focus {
          outline: none;
      }
  }*/
}
.simple-checkout-data-left .coupon-box .couponblock .current-code,
.simple-checkout-data-left .giftcard-box .couponblock .current-code {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.simple-checkout-data-left .coupon-box .couponblock .current-code .remove-discount-button,
.simple-checkout-data-left .giftcard-box .couponblock .current-code .remove-discount-button {
  border-radius: 50%;
  margin: 0;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.simple-checkout-data-left .coupon-box .couponblock .current-code::before,
.simple-checkout-data-left .giftcard-box .couponblock .current-code::before {
  position: absolute;
  right: 5px;
  content: "X";
  pointer-events: none;
  color: black;
}
.simple-checkout-data-left .coupon-box .couponblock .message,
.simple-checkout-data-left .giftcard-box .couponblock .message {
  margin-top: 10px;
  font-size: 0.9rem;
}
.simple-checkout-data-left .coupon-box .couponblock .message.message-failure,
.simple-checkout-data-left .giftcard-box .couponblock .message.message-failure {
  color: #d9534f;
}

.simple-checkout-data-rigth * {
  font-family: "Open Sans", sans-serif;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block {
  border: none;
  padding: 0;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list {
  list-style-type: none;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li::marker {
  content: "";
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li::marker {
  content: "";
}
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block {
  border: none;
  padding: 0;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo {
  padding: 0;
  border: none;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .payment-info .info table {
  margin: 0;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body {
  padding: 0;
  border: none;
}

body ul li {
  list-style: none;
}

.simple-checkout-data-rigth {
  padding: 20px 20px 20px 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.simple-checkout-data-rigth h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #333;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method,
.simple-checkout-data-rigth .shipping-payment-method .payment-method {
  margin-bottom: 30px;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-title,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-title,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-title,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-title h3,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-title h3,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-title h3,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-title h3 {
  font-weight: bold;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .please-wait,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .please-wait,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .please-wait,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .please-wait {
  display: block;
  margin: 10px 0;
  color: #666;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #fff;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .method-description,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .payment-logo,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .payment-details,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .method-description,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .payment-logo,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .payment-details,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .method-description,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .payment-logo,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .payment-details,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .method-description,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .payment-logo,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .payment-details {
  margin-right: 10px;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .payment-details,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .payment-details,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .payment-details,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .method-name,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .payment-details {
  display: flex;
  align-items: center;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .method-name label,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .payment-details label,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .method-name label,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .payment-details label,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .method-name label,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .payment-details label,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .method-name label,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .payment-details label {
  margin-left: 5px;
  font-weight: normal;
  color: #333;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .method-name input,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .payment-details input,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .method-name input,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .payment-details input,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .method-name input,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .payment-details input,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .method-name input,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .payment-details input {
  margin-right: 10px;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .method-list li .payment-logo img,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .method-list li .payment-logo img,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .method-list li .payment-logo img,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .method-list li .payment-logo img {
  width: 50px;
  height: auto;
}
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .shipping-block .message-error,
.simple-checkout-data-rigth .shipping-payment-method .shipping-method .payment-block .message-error,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .shipping-block .message-error,
.simple-checkout-data-rigth .shipping-payment-method .payment-method .payment-block .message-error {
  color: #d9534f;
  margin-top: 10px;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info {
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
  display: none;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table td {
  padding: 10px;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table td label {
  font-weight: bold;
  color: #333;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table td input,
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table td select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transition: border-color 0.3s;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table td input:focus,
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table td select:focus {
  border-color: #007bff;
  outline: none;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table td .field-validation-valid {
  color: #d9534f;
  font-size: 0.9rem;
}
.simple-checkout-data-rigth .simple-checkout-paymentinfo .section.payment-info .info table tr td:first-child {
  width: 30%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content {
  padding: 20px;
  border-radius: 5px;
  background-color: #fff;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .button-cart-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .button-cart-top h3 {
  margin: 0;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .button-cart-top .editcart {
  padding: 10px 20px;
  background-color: #00366a;
  color: #fff !important;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: auto 0;
  line-height: 20px;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .button-cart-top .editcart:hover {
  background-color: #3c1151 !important;
  text-decoration: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .button-cart-top .editcart:focus {
  outline: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart {
  width: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr {
  position: relative;
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 2fr;
  padding: 0 0 15px 0;
  border: none;
  border-bottom: 1px solid #ddd;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr td {
  display: flex;
  align-items: center;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .remove-from-cart {
  border: none;
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  top: 0;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .remove-from-cart input {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .sku {
  display: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .product-picture {
  grid-area: 2;
  border: none;
  padding: 0;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .product {
  border: none;
  grid-area: 1/1/1/span 5;
  width: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .product a {
  color: black;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .unit-price {
  display: none;
  border-width: 0 0 1px 0;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty {
  grid-area: 2/3;
  align-content: center;
  border: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty::before {
  display: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty .ui-spinner {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty .ui-spinner .qty-input {
  border: none;
  margin: 0;
  order: 2;
  flex-grow: 1;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty .ui-spinner .ui-button {
  border: none;
  position: relative;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty .ui-spinner .ui-button .ui-button-icon-space {
  display: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty .ui-spinner .ui-button .ui-button-icon {
  left: 50%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty .ui-spinner .ui-spinner-button.ui-spinner-up {
  order: 3;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .qty .ui-spinner .ui-spinner-button.ui-spinner-down {
  order: 1;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart tbody tr .subtotal {
  display: flex;
  justify-content: center;
  grid-area: 2/4;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes {
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl {
  margin: 0;
  padding: 0;
  width: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dt {
  font-weight: bold;
  margin-bottom: 5px;
  color: #00366a;
  width: 100%;
  text-align: left;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dt .text-prompt {
  margin-right: 5px;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dt .required {
  color: #ec0d0d;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dd {
  margin: 0;
  padding: 0 0 10px 0;
  width: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dd select {
  width: auto;
  padding: 8px;
  border: 1px solid #f3f3f4;
  border-radius: 5px;
  transition: border-color 0.3s;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dd select:focus {
  border-color: #00366a;
  outline: none;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dd input,
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .selected-checkout-attributes .checkout-attributes dl dd textarea {
  max-width: 100%;
  width: 100%;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart-footer .totals .total-info table.cart-total {
  width: 100%;
  border-collapse: collapse;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart-footer .totals .total-info table.cart-total tr td {
  padding: 10px 0;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart-footer .totals .total-info table.cart-total tr td label {
  font-weight: bold;
  color: #333;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart-footer .totals .total-info table.cart-total tr td .value-summary {
  font-weight: bold;
  color: #333;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart-footer .totals .total-info table.cart-total tr td .value-summary.strong {
  font-size: 1.2rem;
  color: #007bff;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart-footer .totals .total-info table.cart-total tr.order-total td {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.simple-checkout-data-rigth .simple-checkout-order-summary-body .order-summary-content .cart-footer .totals .total-info table.cart-total tr.earn-reward-points td {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  color: #28a745;
}
.simple-checkout-data-rigth .simple-checkout-confirm .buttons {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.simple-checkout-data-rigth .simple-checkout-confirm .buttons .confirm-order-button {
  padding: 15px 30px;
  background-color: #28a745;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1.2rem;
  transition: background-color 0.3s;
}
.simple-checkout-data-rigth .simple-checkout-confirm .buttons .confirm-order-button:hover {
  background-color: #218838;
}
.simple-checkout-data-rigth .simple-checkout-confirm .buttons .confirm-order-button:focus {
  outline: none;
}

.simple-checkout-secondary-address-table {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 10px;
  font-family: "Open Sans", sans-serif;
}
.simple-checkout-secondary-address-table * {
  font-family: "Open Sans", sans-serif;
}
.simple-checkout-secondary-address-table .inputs {
  width: 100% !important;
  position: relative;
  /*select {
      box-sizing: border-box;
      padding: 0 20px;
      height: 40px;
      background: none;
      border: 1px solid #ddd;
      border-radius: 4px;
  }*/
}
.simple-checkout-secondary-address-table .inputs .labelforinputs {
  margin: 0;
  text-transform: uppercase;
}
.simple-checkout-secondary-address-table .inputs input {
  border: 1px solid #00366a;
  padding: 0px 20px;
  width: calc(100% - 2px);
  max-width: 540px;
  font-size: 0.9375rem;
  color: #000000;
  line-height: 48px;
  border-radius: 0px;
  letter-spacing: 0.75px;
  font-weight: 500;
}
.simple-checkout-secondary-address-table .inputs .required {
  position: absolute;
  right: 0;
  top: 0;
}
.simple-checkout-secondary-address-table .inputs:first-of-type {
  grid-area: 1/span 2;
}
.simple-checkout-secondary-address-table .inputs:first-of-type h3 {
  font-size: 1.375rem;
}
.simple-checkout-secondary-address-table .inputs:nth-of-type(12) {
  grid-area: 3/2;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Open Sans", sans-serif !important;
}

.ui-resizable-handle {
  cursor: default;
  pointer-events: none;
}

.fnsscpopaddressform {
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 50% !important;
  height: 100% !important;
}
.fnsscpopaddressform .ui-dialog-titlebar,
.fnsscpopaddressform .ui-dialog-content {
  overflow-x: hidden;
}

.ui-widget-overlay.ui-front {
  background-color: black;
  opacity: 0.6;
}

/*WISHLIST*/
/*.page.wishlist-page,
.page.shopping-cart-page {
    .no-data {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 600;
        color: $grey3;
        background-image: radial-gradient($grey2, $white, white);
        &:after {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 16rem;
            content: "\f656";
            font-family: $icons;
            margin: 10px 0 60px 0;
        }
    }
}
*/
.page.wishlist-page,
.page.shopping-cart-page.empty {
  margin: 0 auto;
  padding: 120px 0;
  border-radius: 8px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 800px;
}
.page.wishlist-page .page-title h1,
.page.shopping-cart-page.empty .page-title h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #00366a;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.page.wishlist-page .page-body,
.page.shopping-cart-page.empty .page-body {
  font-size: 1rem;
  color: #808285;
  text-align: left;
  width: 100%;
  text-align: center;
}
.page.wishlist-page .page-body .data,
.page.shopping-cart-page.empty .page-body .data {
  margin-bottom: 16px;
  font-weight: bold;
  color: #f3f3f4;
}
.page.wishlist-page:before,
.page.shopping-cart-page.empty:before {
  content: "";
  display: block;
  background: url(../img/empty.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 100%;
  opacity: 0.1;
  z-index: -1;
  border-radius: 8px;
}
@media (max-width: 600px) {
  .page.wishlist-page,
.page.shopping-cart-page.empty {
    padding: 10px;
  }
  .page.wishlist-page .page-title h1,
.page.shopping-cart-page.empty .page-title h1 {
    font-size: 1.5rem;
  }
  .page.wishlist-page .page-body,
.page.shopping-cart-page.empty .page-body {
    font-size: 0.9rem;
  }
}

.address-list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1100px) {
  .address-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .address-list {
    grid-template-columns: 1fr;
  }
}
.address-list .address-item {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.address-list .address-item .title {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 20px 0 20px;
}
.address-list .address-item .info {
  list-style: none;
  padding: 20px;
  border-bottom: 2px solid #ddd;
  margin: 0;
}
.address-list .address-item .info li label {
  font-weight: bold;
}
.address-list .address-item .buttons {
  display: flex;
  gap: 10px;
  padding: 20px;
  justify-content: space-between;
  /*button {
      padding: 0;
      border: none;
      color: #0078d4;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.3s;

      &:hover {
          background: none;
      }
  }*/
}
@media only screen and (max-width: 768px) {
  .address-list .address-item {
    width: 100%;
  }
}

.address-list-page .add-button {
  display: flex;
  margin-top: 20px;
  /*button {
      padding: 10px 20px;
      border: none;
      background-color: #0078d4;
      color: white;
      border-radius: 4px;
      cursor: pointer;
      font-size: 16px;
      transition: background-color 0.3s;

      &:hover {
          background-color: #005a9e;
      }
  }*/
}

.order-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
@media only screen and (max-width: 1100px) {
  .order-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .order-list {
    grid-template-columns: 1fr;
  }
}
.order-list .order-item {
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #e1e1e1;
}
.order-list .order-item .title {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.order-list .order-item .info {
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
}
.order-list .order-item .info li {
  margin-bottom: 5px;
}
.order-list .order-item .info li .order-status.pending {
  color: #00366a;
}
.order-list .order-item .info li .order-status.completed {
  color: #3c1151;
}
.order-list .order-item .info li .order-status.cancelled {
  color: #ec0d0d;
}
.order-list .order-item .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  /*.order-details-button {
      background-color: $color1;
      color: #fff;
      border: none;
      border-radius: 5px;
      padding: 10px 20px;
      cursor: pointer;
      transition: background-color 0.3s ease;

      &:hover {
          background-color: lighten($color1, 7%);
      }
  }*/
}
.order-list .order-item .buttons .button-1,
.order-list .order-item .buttons .button-2 {
  padding: 10px 20px;
}

.order-details-page {
  margin-bottom: 60px;
}
.order-details-page * {
  font-family: "Open Sans", sans-serif;
}
.order-details-page .page-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 20px;
}
.order-details-page .page-title h1 {
  margin: 0;
}
.order-details-page .page-title .print-order-button {
  margin-left: auto;
}
.order-details-page .page-title .button-2 {
  background-color: #00366a;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.order-details-page .page-title .button-2:hover {
  background-color: #001c37;
}
.order-details-page .order-overview {
  margin-bottom: 20px;
}
.order-details-page .order-overview .order-number {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.order-details-page .order-overview .order-overview-content {
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-details-page .order-details-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.order-details-page .order-details-area .billing-info-wrap,
.order-details-page .order-details-area .shipping-info-wrap {
  flex: 1;
  margin-right: 20px;
}
.order-details-page .order-details-area .billing-info-wrap:last-child,
.order-details-page .order-details-area .shipping-info-wrap:last-child {
  margin-right: 0;
}
.order-details-page .order-details-area .billing-info-wrap .title,
.order-details-page .order-details-area .shipping-info-wrap .title {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.order-details-page .order-details-area .billing-info-wrap .info-list,
.order-details-page .order-details-area .shipping-info-wrap .info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-details-page .order-details-area .billing-info-wrap .info-list li,
.order-details-page .order-details-area .shipping-info-wrap .info-list li {
  margin-bottom: 0px;
}
.order-details-page .order-details-area .payment-method-info,
.order-details-page .order-details-area .shipping-method-info {
  margin-top: 20px;
}
.order-details-page .order-details-area .payment-method-info .title,
.order-details-page .order-details-area .shipping-method-info .title {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.order-details-page .order-details-area .payment-method-info .info-list,
.order-details-page .order-details-area .shipping-method-info .info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-details-page .order-details-area .payment-method-info .info-list li .label,
.order-details-page .order-details-area .shipping-method-info .info-list li .label {
  font-weight: bold;
}
.order-details-page .products {
  margin-top: 20px;
  margin-bottom: 20px;
}
.order-details-page .products .title {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.order-details-page .table-wrapper {
  overflow-x: auto;
}
.order-details-page .table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.order-details-page .table-wrapper table th,
.order-details-page .table-wrapper table td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #eaeaea;
}
.order-details-page .table-wrapper table th {
  background-color: #00366a;
  color: #fff;
}
.order-details-page .table-wrapper table td {
  white-space: nowrap;
}
.order-details-page .table-wrapper table td .td-title {
  display: none;
}
@media only screen and (min-width: 768px) {
  .order-details-page .table-wrapper table td {
    min-width: 120px;
  }
}
.order-details-page .table-wrapper table .picture img {
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
.order-details-page .cart-total {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.order-details-page .cart-total td {
  padding: 10px;
  border-top: 1px solid #eaeaea;
}
.order-details-page .cart-total td:first-child {
  text-align: left;
}
.order-details-page .cart-total td:last-child {
  text-align: right;
}
.order-details-page .options {
  padding: 10px;
}
.order-details-page .actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}
@media only screen and (max-width: 600px) {
  .order-details-page .page-title {
    flex-direction: column;
    align-items: flex-start;
  }
  .order-details-page .page-title .button-2 {
    width: 100%;
    text-align: center;
  }
  .order-details-page .order-details-area {
    flex-direction: column;
  }
  .order-details-page .order-details-area .billing-info-wrap,
.order-details-page .order-details-area .shipping-info-wrap {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .order-details-page .cart-total td {
    text-align: left;
  }
  .order-details-page .table-wrapper {
    overflow: visible;
  }
  .order-details-page .cart-total td:nth-child(even) span {
    text-align: right;
  }
  .order-details-page .products .data-table {
    display: block;
  }
  .order-details-page .products .data-table thead {
    display: none;
  }
  .order-details-page .products .data-table tbody {
    display: block;
  }
  .order-details-page .products .data-table tr {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
  }
  .order-details-page .products .data-table td {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border: none;
  }
  .order-details-page .products .data-table td .td-title {
    display: block;
    font-weight: bold;
    margin-right: 10px;
  }
  .order-details-page .products .data-table td .sku-number,
.order-details-page .products .data-table td .product-unit-price,
.order-details-page .products .data-table td .product-quantity,
.order-details-page .products .data-table td .product-subtotal {
    text-align: right;
  }
  .order-details-page .products .data-table td .picture img {
    width: 60px;
    height: auto;
  }
}
@media only screen and (min-width: 601px) {
  .order-details-page .order-details-area {
    background: #f3f3f4;
    padding: 30px;
  }
  .order-details-page .order-details-area .billing-info-wrap {
    /*display: flex;
    flex-wrap: wrap;
    gap: 45px;
    .payment-method-info {
        margin: 0;
    }*/
  }
}

.news-list.home {
  float: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  margin: 25px 0;
}
.news-list.home .item {
  float: left;
  width: 100%;
}
.news-list.home .item .image {
  float: left;
  width: 100%;
  overflow: hidden;
  display: flex;
  aspect-ratio: 16/9;
  background: #ccc;
}
.news-list.home .item .image img {
  object-fit: cover;
  object-position: center;
}
.news-list.home .item .title {
  float: left;
  width: 100%;
  margin: 15px 0;
  font-weight: 600;
  color: #00366a;
  font-size: 1.0625rem;
  line-height: 1.3529411765;
}
.news-list.home .item .description {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  color: #808285;
}
@media only screen and (min-width: 768px) {
  .news-list.home {
    grid-template-columns: calc(50% - 7.5px);
  }
}
@media only screen and (min-width: 1200px) {
  .news-list.home {
    grid-template-columns: calc(25% - 11.25px) calc(25% - 11.25px) calc(25% - 11.25px) calc(25% - 11.25px);
  }
}

.cmspages-selectors {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  display: none;
}

.cmspage-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 20px;
}
@media only screen and (max-width: 1100px) {
  .cmspage-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .cmspage-list {
    grid-template-columns: 1fr;
  }
}
.cmspage-list .cmspage-box {
  background-color: #f3f3f4;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cmspage-list .cmspage-box:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cmspage-list .cmspage-box:hover .cmspage-item .picture a img {
  transform: scale(1.1);
}
.cmspage-list .cmspage-box .cmspage-item {
  display: flex;
  flex-direction: column;
  margin: 0;
  height: 100%;
  justify-content: space-between;
}
.cmspage-list .cmspage-box .cmspage-item .picture {
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 16/9;
  margin: 0;
}
.cmspage-list .cmspage-box .cmspage-item .picture a {
  display: block;
  height: 100%;
}
.cmspage-list .cmspage-box .cmspage-item .picture a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  min-height: 200px;
}
.cmspage-list .cmspage-box .cmspage-item .details {
  padding: 15px;
}
.cmspage-list .cmspage-box .cmspage-item .details .cmspage-title {
  font-size: 1.2em;
  margin-bottom: 10px;
  padding: 0;
  font-weight: 600;
}
.cmspage-list .cmspage-box .cmspage-item .details .cmspage-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
  color: #00366a;
  text-decoration: none;
  transition: color 0.3s ease;
  font-weight: 600;
}
.cmspage-list .cmspage-box .cmspage-item .details .cmspage-title .cmspage-date {
  font-size: 0.9em;
  color: #808285;
  display: none;
}
.cmspage-list .cmspage-box .cmspage-item .details .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.95em;
  color: #808285;
}
.cmspage-list .cmspage-box .cmspage-item .cmspage-details {
  margin-top: auto;
  padding: 20px 15px;
  border-top: 1px solid #f3f3f4;
  display: none;
}
.cmspage-list .cmspage-box .cmspage-item .cmspage-details .buttons {
  margin: 0;
  padding: 0;
}
.cmspage-list .cmspage-box .cmspage-item .cmspage-details .buttons .read-more {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  background: #00366a;
  border-radius: 0px;
  color: #ffffff;
  letter-spacing: 0px;
  padding: 10px 50px;
  line-height: 30px;
  font-weight: 400;
  text-transform: none;
  transition: all 0.2s ease-in-out;
  outline: none !important;
  border: none !important;
  display: inline-block;
}
.cmspage-list .cmspage-box .cmspage-item .cmspage-details .buttons .read-more:hover, .cmspage-list .cmspage-box .cmspage-item .cmspage-details .buttons .read-more:focus {
  background: #00488e;
  outline: none;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.block.block-cmspage-navigation {
  float: left;
  width: 100%;
  margin: 0px 0 15px 0;
  border: 1px solid #f3f3f4;
  padding: 15px;
}
.block.block-cmspage-navigation .title {
  float: left;
  width: 100%;
}
.block.block-cmspage-navigation .title .cmspagegroupline {
  float: left;
  width: 100%;
}
.block.block-cmspage-navigation .title .cmspagegroupline a {
  float: left;
  width: auto;
}
.block.block-cmspage-navigation .title .cmspagegroupline.active a {
  color: #00366a;
  font-weight: bold;
}
.block.block-cmspage-navigation .listbox {
  float: left;
  width: 100%;
}
.block.block-cmspage-navigation ul.list {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.block.block-cmspage-navigation ul.list li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  color: #000;
  letter-spacing: 0px;
}
.block.block-cmspage-navigation ul.list li ul.sublist {
  display: none;
}
.block.block-cmspage-navigation a {
  font-size: 0.75rem;
  line-height: 1.4166666667;
  color: #000;
  letter-spacing: 0px;
}
.block.block-cmspage-navigation a:hover {
  color: #00366a;
  text-decoration: underline;
}
.block.block-cmspage-navigation .view-all {
  float: left;
  width: 100%;
  margin: 5px 0 0;
  font-size: 0.75rem;
  line-height: 1.4166666667;
}

.search-input .search-button {
  width: 100%;
  text-align: center;
}

.cmspagepost-page .page-title {
  float: left;
  width: 100%;
  display: block;
  margin: 0 0 15px 0;
}
.cmspagepost-page .page-title * {
  margin: 0;
}
.cmspagepost-page .page-title .cmspage-date {
  float: left;
  width: 100%;
  margin: 8px 0 0;
  text-align: left;
  color: #808285;
  font-style: italic;
}
.cmspagepost-page img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.cmspagepost-page h2 {
  font-size: 1.35rem;
}
.cmspagepost-page h3 {
  font-size: 1.25rem;
}
.cmspagepost-page h4 {
  font-size: 1.125rem;
}
.cmspagepost-page h2,
.cmspagepost-page h3,
.cmspagepost-page h4 {
  color: #00366a;
  font-weight: 600;
}
.cmspagepost-page * {
  font-family: "Open Sans", sans-serif;
}
.cmspagepost-page blockquote {
  font-family: "Open Sans", sans-serif;
  font-size: 1.125rem;
  font-style: italic;
  color: #555555;
  padding: 20px 50px 20px 70px;
  margin: 20px 0;
  border-left: 10px solid #00366a;
  background: #f3f3f4;
  position: relative;
}
.cmspagepost-page blockquote cite {
  display: none;
  text-align: right;
  font-size: 0.8em;
  color: #808285;
  margin-top: 10px;
}
.cmspagepost-page ul,
.cmspagepost-page ul li {
  list-style-type: disc;
}

.cmspage-page .basic-search,
.cmspage-page .advanced-search {
  float: left;
  width: 100%;
  background: #f3f3f4;
  padding: 30px;
  margin: 0;
}

.search-results,
.cmspage-list {
  float: left;
  width: 100%;
}

/*
.article-main-container,
.article-detail-main-container {
    float: left;
    width: 100%;
    .side-2 {
        .block {
            float: left;
            width: 100%;
            margin: 0 0 0 0;
            padding: 0;
            .title {
                float: left;
                width: 100%;
                border: none;
                padding: 0;
            }
            &.block-popular-pagetags {
                display: block;
            }
            a {
                float: left;
                width: 100%;
                padding: 0;
                margin: 0 0 1px 0;
                line-height: lh(20, 25);
                font-size: toRem(20);
                letter-spacing: 0px;
                font-weight: 400;
                color: $grey1;
                &:hover,
                &:active,
                &:focus {
                    color: $black;
                    background: none;
                }
                &:after {
                    display: none;
                }
            }
            ul.listbox {
                float: left;
                width: 100%;
                margin: 0 0 12px 0;
                padding: 0;
                list-style-type: none;
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                li {
                    float: left;
                    width: 100%;
                    padding: 0;
                    margin: 0 0 1px 0;
                    line-height: lh(20, 25);
                    font-size: toRem(20);
                    letter-spacing: 0px;
                    font-weight: 400;
                    color: $grey1;
                    label {
                        &:before {
                            width: 18px;
                            height: 18px;
                            margin-top: -12px !important;
                        }
                        &:after {
                            width: 18px;
                            height: 18px;
                            top: 2px;
                        }
                    }
                    a {
                        color: $grey1;
                        &:hover {
                            color: $black;
                        }
                    }
                    &.active {
                        > a {
                            color: $black;
                            font-weight: bold;
                            &:hover {
                                text-decoration: underline;
                            }
                        }
                        li {
                            a {
                                color: $black;
                                font-weight: bold;
                                &:hover {
                                    text-decoration: underline;
                                }
                            }
                        }
                    }
                    ul.sublist {
                        float: left;
                        width: 100%;
                        margin: 12px 0 5px 0;
                        padding: 0 0 0 15px;
                        list-style-type: none;
                        display: flex;
                        flex-wrap: wrap;
                        gap: 12px;
                        li {
                            position: relative;
                            padding-left: 25px;
                            list-style: none;
                            margin: 0;
                            padding: 0;
                            &:before {
                                display: none;
                            }
                            a {
                                line-height: lh(17, 25);
                                font-size: toRem(17);
                            }
                        }
                    }
                }
                .active.last {
                    > a {
                        text-decoration: underline;
                        font-weight: bold;
                    }
                }
            }

            .listbox {
                margin: 0;
            }
            ul.tags {
                float: left;
                width: 100%;
                margin: 0;
                padding: 0;
                list-style-type: none;
                li {
                    float: left;
                    width: 100%;
                    margin: 0 0 2px 0;
                    padding: 0;
                    a {
                        font-size: 1rem;
                        line-height: 2.05;
                        color: $black;
                        &:hover,
                        &:active,
                        &:focus {
                            color: $color1;
                        }
                    }
                    &:nth-last-child(1) {
                        margin: 0;
                    }
                }
            }
        }
        .search-input {
            display: none;
        }
    }
}
.realted-row {
    float: left;
    width: 100%;
    margin: 30px 0;
    .title {
        float: left;
        width: 100%;
        font-size: 2rem;
        text-align: center;
        margin: 15px 0;
        text-transform: uppercase;
    }
}

.super-simple-real-search-wrapper {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 30px 0;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid $black;
    input {
        float: left;
        width: 100%;
        line-height: 30px;
        padding: 10px 20px 10px 60px;
        background: $white;
        font-size: 1rem;
        font-weight: 400;
        color: $black;
        border: none;
        height: 50px;
    }
    .ssrs-button {
        float: left;
        width: 50px;
        height: 50px;
        line-height: 48px;
        text-align: center;
        border: none;
        outline: none;
        background: $white;
        color: $black;
        transition: all 0.3s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 1.25rem;
        //border-right: 1px solid $black;
        &:hover {
            background: $white;
            transition: all 0.3s ease-in-out;
            cursor: pointer;
        }
    }
}
.cmspagegroup-description {
    float: left;
    width: 100%;
    border-bottom: 1px solid $grey2;
    padding-bottom: 30px;
    margin: 30px 0;
}
.cmspages-selectors {
    display: none;
}
.cmspage-list {
    float: left;
    width: 100%;
    .item-box {
        float: left;
        width: 100%;
        .item {
            float: left;
            width: 100%;
            margin: 0 0 30px 0;
            border-bottom: 1px solid $grey2;
            padding-bottom: 30px;
            .image {
                float: left;
                width: 250px;
                aspect-ratio: 1/1;
                overflow: hidden;
                display: flex;
                img {
                    object-fit: cover;
                    object-position: center;
                    transform: scale(1);
                    transition: all 0.2s ease-in-out;
                }
            }
            .content {
                float: left;
                width: calc(100% - 250px);
                position: relative;
                padding: 0 0 40px 0;
                .title {
                    float: left;
                    width: 100%;
                    margin: 0 0 15px 0;
                    color: $color3;
                    font-weight: 600;
                }
                .description {
                    float: left;
                    width: 100%;
                    margin: 0 0 25px 0;
                    color: $black;
                    p {
                        color: $black;
                    }
                }
                .buttons {
                    .button-2 {
                        padding-right: 25px;
                        i {
                            font-size: 1rem;
                            margin-left: 0px;
                            margin-right: 5px;
                            transition: all 0.2s ease-in-out;
                        }
                    }
                }
            }
            &:hover {
                .image {
                    img {
                        transform: scale(1.1);
                        transition: all 0.2s ease-in-out;
                    }
                }
                .content {
                    .buttons {
                        .button-2 {
                            background: $color1;
                            i {
                                margin-left: 5px;
                                margin-right: 0px;
                                transition: all 0.2s ease-in-out;
                            }
                        }
                    }
                }
            }
            @media only screen and (max-width: 600px) {
                .image {
                    width: 100%;
                    margin-bottom: 15px;
                }
                .content {
                    width: 100%;
                }
            }
            @media only screen and (min-width: 601px) {
                .content {
                    padding-left: 15px;
                    .buttons {
                        padding: 0;
                    }
                }
            }
        }
        &:nth-last-child(1) {
            .item {
                border-bottom: none;
            }
        }
    }
}

.cmspagepost-page {
    float: left;
    width: 100%;
    .page-title {
        float: left;
        width: 100%;
        margin: 0;
        h1 {
            margin-top: 0;
        }
        .cmspage-date {
            float: left;
            width: 100%;
            font-size: 0.75rem;
            color: $black;
            background: $grey2;
            padding: 7px;
            margin: 15px 0 15px 0;
            font-weight: 400;
        }
        .cmspage-author {
            float: left;
            width: 100%;
            margin: 5px 0 15px 0;
            font-weight: bold;
        }
    }
    .page-body {
        float: left;
        width: 100%;
        .post-body {
            float: left;
            width: 100%;
            img {
                max-width: 100%;
                height: auto;
                display: block;
                clear: both;
                margin-bottom: 10px;
            }
            blockquote {
                float: left;
                width: 100%;
                background: $grey2;
                padding: 15px;
                border-left: 7px solid $color1;
            }
        }
    }
}

.cmspage-page {
    .search-input {
        .advanced-search {
            margin-top: 0;
            .inputs.reversed {
                margin-top: 0;
                label {
                    margin-top: 0;
                }
            }
        }
        .buttons {
            .button-1 {
                color: $color3;
                letter-spacing: 1.3px;
                padding: 10px 30px;
                line-height: 30px;
            }
        }
    }
}
*/
/*480*/
/*576*/
/*768*/
/*992*/
@media (min-width:1200px) {
  /*.articles-content,
  .articles-detail-content {
      padding: 2rem 0;
      .side-2 {
          width: 300px;
      }
      .center-2 {
          width: calc(100% - 300px);
          padding-left: 30px;
      }
  }*/
}
/*1200*/
/*1480*/
.not-found-page {
  margin: 0 auto;
  padding: 120px 0;
  border-radius: 8px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 800px;
}
.not-found-page .page-title h1 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #00366a;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.not-found-page .page-body {
  font-size: 1rem;
  color: #808285;
  text-align: left;
  width: 100%;
  text-align: center;
}
.not-found-page .page-body .topic-block {
  width: 100%;
}
.not-found-page .page-body .topic-block .topic-block-body {
  padding: 20px;
  font-size: 1rem;
  color: #808285;
}
.not-found-page .page-body .topic-block .topic-block-body p {
  margin-bottom: 16px;
  font-weight: bold;
  color: #00366a;
}
.not-found-page .page-body .topic-block .topic-block-body p strong {
  font-weight: bolder;
}
.not-found-page .page-body .topic-block .topic-block-body ul {
  list-style-type: none;
  padding: 0;
}
.not-found-page .page-body .topic-block .topic-block-body ul li {
  line-height: 1.6;
}
.not-found-page:before {
  content: "";
  display: block;
  background: url(../img/404svg.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 100%;
  opacity: 0.1;
  z-index: -1;
  border-radius: 8px;
}
@media (max-width: 600px) {
  .not-found-page {
    padding: 10px;
  }
  .not-found-page .page-title h1 {
    font-size: 1.5rem;
  }
  .not-found-page .page-body {
    font-size: 0.9rem;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-collapse: collapse;
}

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm td,
.table-sm th {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6;
}

.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > td,
.table-primary > th {
  background-color: #b8daff;
}

.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > td,
.table-secondary > th {
  background-color: #d6d8db;
}

.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > td,
.table-success > th {
  background-color: #c3e6cb;
}

.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > td,
.table-info > th {
  background-color: #bee5eb;
}

.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > td,
.table-warning > th {
  background-color: #ffeeba;
}

.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > td,
.table-danger > th {
  background-color: #f5c6cb;
}

.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > td,
.table-light > th {
  background-color: #f8f9fa;
}

.table-light td,
.table-light th,
.table-light thead th {
  border-color: #e9ecef;
}

.table-hover .table-light:hover {
  background-color: #e2e6ea;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #e2e6ea;
}

.table-dark,
.table-dark > td,
.table-dark > th {
  background-color: #343a40;
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #454d55;
}

.table-hover .table-dark:hover {
  background-color: #23272b;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #23272b;
}

/*************/
/*    IOS    */
/*************/
/*480*/
/*576*/
/*768*/
/*992*/
/*1200*/
/*1480*/

/*# sourceMappingURL=style.css.map */