@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap');
body {
        font-family: "myriad-pro", sans-serif;
  /*font-family: "Work Sans", sans-serif;*/
  font-optical-sizing: auto;
  /*background-color: #e3f3fc;*/
  background-color: #e3f3fc;
}

.page-wrapper {
    background-color: #e3f3fc;
}
.navbar {
  background-image: url("../images/bg1.jpg");
  background-size: cover;
  background-position: center;
}
.bg-img2 {
  background-image: url("../images/bg2.png");
  background-size: cover;
}
.brand-logo {
  object-fit: contain;
  min-width: 20%;
  max-height: 180px;
  padding: 1.5rem;
}

.newsletter-bg {
  background-image: url("../images/newsletter.jpg");
  background-position: center;
  background-size: cover;

  position: relative;
  z-index: 0;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  /* align-items: center; */

  padding: 1rem;
  text-align: center;
}
.newsletter-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--bs-success-rgb), 0.75);
  z-index: -1;
}

.carousel-indicators button {
  width: 0.8rem !important;
  height: 0.8rem !important;
  margin: 0 8px !important;
  border: 0.3rem solid transparent !important;
  border-radius: 1rem;
  background-color: #fff !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
}
.carousel-indicators button.active {
  background-color: var(--bs-warning) !important;
}

/************ Mini cart start ****************************/

.block-minicart .items-total {
  float: left;
  margin: 0 10px;
}
.block-minicart .items-total .count {
  font-weight: 700;
}
.block-minicart .subtotal {
  margin: 0 10px 10px;
  text-align: right;
}
.block-minicart .amount .price-wrapper:first-child .price {
  font-size: 18px;
  font-weight: 700;
}
.block-minicart .subtitle {
  display: none;
}
.block-minicart .subtitle.empty {
  display: block;
  font-size: 14px;
  padding: 30px 0 20px;
  text-align: center;
}
.block-minicart dl.product.options.list {
  display: inline-block;
  vertical-align: top;
}
.block-minicart .text.empty {
  text-align: center;
}
.block-minicart .block-content > .actions {
  margin-top: 15px;
}
.block-minicart .block-content > .actions > .secondary {
  text-align: center;
}
.block-minicart .block-content > .actions > .primary {
  margin: 0 10px 15px;
}
.block-minicart .block-content > .actions > .primary .action.primary {
  display: block;
  width: 100%;
}
.block-minicart .block-content > .actions .paypal-logo {
  margin-top: 15px;
  text-align: center;
}
.block-minicart .block-category-link,
.block-minicart .block-product-link,
.block-minicart .block-cms-link,
.block-minicart .block-banners {
  margin: 15px 0 0;
  text-align: center;
}
.minicart-wrapper {
  display: inline-block;
  position: relative;
  float: right;
}
/*.minicart-wrapper:before,*/
/*.minicart-wrapper:after {*/
/*  content: '';*/
/*  display: table;*/
/*}*/
.minicart-wrapper:after {
  clear: both;
}
.minicart-wrapper .action.showcart {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
/*.minicart-wrapper .action.showcart:before {*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*  font-size: 22px;*/
/*  line-height: 28px;*/
/*  color: #757575;*/
/*  content: '\e611';*/
/*  font-family: 'luma-icons';*/
/*  margin: 0;*/
/*  vertical-align: top;*/
/*  display: inline-block;*/
/*  font-weight: normal;*/
/*  overflow: hidden;*/
/*  speak: none;*/
/*  text-align: center;*/
/*}*/
.minicart-wrapper .action.showcart:hover:before {
  color: #333333;
}
.minicart-wrapper .action.showcart:active:before {
  color: #757575;
}
.minicart-wrapper .action.showcart.active {
  display: inline-block;
  text-decoration: none;
}
/*.minicart-wrapper .action.showcart.active:before {*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*  font-size: 22px;*/
/*  line-height: 28px;*/
/*  color: #757575;*/
/*  content: '\e611';*/
/*  font-family: 'luma-icons';*/
/*  margin: 0;*/
/*  vertical-align: top;*/
/*  display: inline-block;*/
/*  font-weight: normal;*/
/*  overflow: hidden;*/
/*  speak: none;*/
/*  text-align: center;*/
/*}*/
.minicart-wrapper .action.showcart.active:hover:before {
  color: #333333;
}
.minicart-wrapper .action.showcart.active:active:before {
  color: #757575;
}
.minicart-wrapper .block-minicart {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  margin-top: 4px;
  min-width: 100%;
  width: 320px;
  z-index: 101;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  right: -10px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.minicart-wrapper .block-minicart li {
  margin: 0;
}
.minicart-wrapper .block-minicart li:hover {
  cursor: pointer;
}
.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
  border-bottom-style: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.minicart-wrapper .block-minicart:before {
  border: 6px solid;
  border-color: transparent transparent #ffffff transparent;
  z-index: 99;
}
.minicart-wrapper .block-minicart:after {
  border: 7px solid;
  border-color: transparent transparent #bbbbbb transparent;
  z-index: 98;
}
.minicart-wrapper .block-minicart:before {
  right: 12px;
  top: -12px;
}
.minicart-wrapper .block-minicart:after {
  right: 11px;
  top: -14px;
}
.minicart-wrapper.active {
  overflow: visible;
}
.minicart-wrapper.active .block-minicart {
  display: block;
}
.minicart-wrapper .block-minicart {
  padding: 25px 20px;
}
.minicart-wrapper .block-minicart .block-title {
  display: none;
}
.minicart-wrapper .product .actions {
  float: right;
  margin: -24px 0 0;
}
.minicart-wrapper .product .actions > .primary,
.minicart-wrapper .product .actions > .secondary {
  display: inline;
}
.minicart-wrapper .product .actions > .primary:not(:last-child),
.minicart-wrapper .product .actions > .secondary:not(:last-child) {
  margin-right: 15px;
}
.minicart-wrapper .action.close {
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
}
.minicart-wrapper .action.close:focus,
.minicart-wrapper .action.close:active {
  background: none;
  border: none;
}
.minicart-wrapper .action.close:hover {
  background: none;
  border: none;
}
.minicart-wrapper .action.close.disabled,
.minicart-wrapper .action.close[disabled],
fieldset[disabled] .minicart-wrapper .action.close {
  pointer-events: none;
  opacity: 0.5;
}
.minicart-wrapper .action.close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.minicart-wrapper .action.close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 14px;
  color: #757575;
  content: '\e616';
  font-family: 'luma-icons';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-wrapper .action.close:hover:before {
  color: inherit;
}
.minicart-wrapper .action.close:active:before {
  color: inherit;
}
.minicart-wrapper .action.showcart {
  white-space: nowrap;
}
.minicart-wrapper .action.showcart .counter.qty {
  background: #ff5501;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  display: inline-block;
  margin: 3px 0 0;
  min-width: 18px;
  overflow: hidden;
  padding: 0 3px;
  text-align: center;
  white-space: normal;
}
.minicart-wrapper .action.showcart .counter.qty.empty {
  display: none;
}
.minicart-wrapper .action.showcart .counter.qty .loader > img {
  max-width: 24px;
}
.minicart-wrapper .action.showcart .counter-number {
  text-shadow: 0 0 7px #000000;
}
.minicart-wrapper .minicart-widgets {
  margin-top: 15px;
}
.minicart-items-wrapper {
  border: 1px solid #cccccc;
  margin: 0 -20px;
  border-left: 0;
  border-right: 0;
  overflow-x: auto;
  padding: 15px;
}
.minicart-items {
  margin: 0;
  padding: 0;
  list-style: none none;
}
.minicart-items .product-item {
  padding: 20px 0;
}
.minicart-items .product-item:not(:first-child) {
  border-top: 1px solid #cccccc;
}
.minicart-items .product-item:first-child {
  padding-top: 0;
}
.minicart-items .product-item-pricing .label {
  display: inline-block;
}
.minicart-items .price-minicart {
  margin-bottom: 5px;
}
.minicart-items .message {
  margin-bottom: 0;
  margin-top: 10px;
}
.minicart-items .product-item-name {
  font-weight: 400;
  margin: 0 0 10px;
}
.minicart-items .product-item-name a {
  color: #006bb4;
}
.minicart-items .product-item-details {
  padding-left: 88px;
}
.minicart-items .product-item-details .price {
  font-weight: 700;
}
.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax {
  margin: 5px 0;
}
.minicart-items .product-item-details .weee[data-label] {
  font-size: 1.1rem;
}
.minicart-items .product-item-details .details-qty {
  margin-top: 10px;
}
.minicart-items .product > .product-item-photo,
.minicart-items .product > .product-image-container {
  float: left;
}
.minicart-items .product .toggle {
  border: 0;
  padding: 0 0 5px 0;
  white-space: nowrap;
}
.minicart-items .product .toggle:after {
  color: #8f8f8f;
  margin: 0 0 0 5px;
  position: static;
}
.minicart-items .product .active > .toggle:after {
  content: '\e621';
}
.minicart-items .product.pricing {
  margin-top: 3px;
}
.minicart-items .product.options .toggle.tooltip {
  display: inline-block;
  text-decoration: none;
}
.minicart-items .product.options .toggle.tooltip > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.minicart-items .product.options .toggle.tooltip:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  color: inherit;
  content: '\e622';
  font-family: 'luma-icons';
  margin: -3px 0 0 7px;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-items .product.options .details {
  display: none;
}
.minicart-items .item-qty {
  text-align: center;
  width: 60px;
}
.minicart-items .update-cart-item {
  font-size: 1.1rem;
  vertical-align: top;
}
.minicart-items .subtitle {
  display: none;
}
.minicart-items .action.edit,
.minicart-items .action.delete {
  display: inline-block;
  text-decoration: none;
}
.minicart-items .action.edit > span,
.minicart-items .action.delete > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 20px;
  color: #757575;
  content: '\e601';
  font-family: 'luma-icons';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-items .action.edit:hover:before,
.minicart-items .action.delete:hover:before {
  color: #333333;
}
.minicart-items .action.edit:active:before,
.minicart-items .action.delete:active:before {
  color: #757575;
}
.minicart-items .action.delete:before {
  content: '\e604';
}

/************ Mini cart end ****************************/


/************ Add to cart end ****************************/
#product_addtocart_form input#qty::-webkit-inner-spin-button,
#product_addtocart_form input#qty::-webkit-outer-spin-button{ 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/************ Add to cart end ****************************/


/************ Modal start ****************************/
body._has-modal {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.modals-overlay {
  z-index: 899;
}
.modal-slide,
.modal-popup {
  bottom: 0;
  left: 0;
  min-width: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s .3s, opacity .3s ease;
  transition: visibility 0s .3s, opacity .3s ease;
}
.modal-slide._show,
.modal-popup._show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap {
  background-color: #ffffff;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
  opacity: 1;
  pointer-events: auto;
}
.modal-slide {
  left: 44px;
  z-index: 900;
}
.modal-slide._show .modal-inner-wrap {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.modal-slide .modal-inner-wrap {
  height: 100%;
  overflow-y: auto;
  position: static;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: auto;
}
.modal-slide._inner-scroll .modal-inner-wrap {
  overflow-y: visible;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-slide._inner-scroll .modal-header,
.modal-slide._inner-scroll .modal-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.modal-slide._inner-scroll .modal-content {
  overflow-y: auto;
}
.modal-slide._inner-scroll .modal-footer {
  margin-top: auto;
}
.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer {
  padding: 0 2.6rem 2.6rem;
}
.modal-slide .modal-header {
  padding-bottom: 2.1rem;
  padding-top: 2.1rem;
}
.modal-popup {
  z-index: 900;
  left: 0;
  overflow-y: auto;
}
.modal-popup.confirm .modal-inner-wrap {
  max-width: 50rem;
}
.modal-popup.confirm .modal-inner-wrap .modal-content {
  padding-right: 7rem;
}
.modal-popup._show .modal-inner-wrap {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.modal-popup .modal-inner-wrap {
  margin: 5rem auto;
  width: 75%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform .2s ease;
}
.modal-popup._inner-scroll {
  overflow-y: visible;
}
.ie11 .modal-popup._inner-scroll {
  overflow-y: auto;
}
.modal-popup._inner-scroll .modal-inner-wrap {
  max-height: 90%;
}
.ie11 .modal-popup._inner-scroll .modal-inner-wrap {
  max-height: none;
}
.modal-popup._inner-scroll .modal-content {
  overflow-y: auto;
}
.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer {
  padding-left: 3rem;
  padding-right: 3rem;
}
.modal-popup .modal-header,
.modal-popup .modal-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.modal-popup .modal-header {
  padding-bottom: 1.2rem;
  padding-top: 3rem;
}
.modal-popup .modal-footer {
  margin-top: auto;
  padding-bottom: 3rem;
  padding-top: 3rem;
}
.modal-popup .modal-footer-actions {
  text-align: right;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-custom .action-close:focus,
.modal-popup .action-close:focus,
.modal-slide .action-close:focus,
.modal-custom .action-close:active,
.modal-popup .action-close:active,
.modal-slide .action-close:active {
  background: none;
  border: none;
}
.modal-custom .action-close:hover,
.modal-popup .action-close:hover,
.modal-slide .action-close:hover {
  background: none;
  border: none;
}
.modal-custom .action-close.disabled,
.modal-popup .action-close.disabled,
.modal-slide .action-close.disabled,
.modal-custom .action-close[disabled],
.modal-popup .action-close[disabled],
.modal-slide .action-close[disabled],
fieldset[disabled] .modal-custom .action-close,
fieldset[disabled] .modal-popup .action-close,
fieldset[disabled] .modal-slide .action-close {
  pointer-events: none;
  opacity: 0.5;
}
.modal-custom .action-close > span,
.modal-popup .action-close > span,
.modal-slide .action-close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 14px;
  color: #757575;
  content: '\e616';
  font-family: 'luma-icons';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
  color: inherit;
}
.modal-custom .action-close:active:before,
.modal-popup .action-close:active:before,
.modal-slide .action-close:active:before {
  color: inherit;
}
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
  color: #1a1a1a;
}
.modal-custom .action-close {
  margin: 15px;
}
.modal-popup {
  pointer-events: none;
}
.modal-popup .modal-title {
  border-bottom: 1px solid #c1c1c1;
  font-weight: 300;
  padding-bottom: 10px;
  font-size: 26px;
  margin-bottom: 0;
  min-height: 1em;
  word-wrap: break-word;
}
.modal-popup .action-close {
  padding: 20px;
}
.modal-slide .action-close {
  margin: 15px;
  padding: 0;
}
.modal-slide .page-main-actions {
  margin-bottom: -12.9rem;
  margin-top: 2.1rem;
}
.modals-overlay {
  background-color: rgba(51, 51, 51, 0.55);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
body._has-modal-custom .modal-custom-overlay {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 899;
}

/************ Modal end ****************************/








/*  ############################      Custom roj style start     ############################  */
/*  #################################################################################### */





@font-face {
    font-family: "Luma-Icons";
    src: url("../fonts/lumaicons/t/68590d1f06ad625cb73b5c34f85b4a1b.eot");
    src: url("../fonts/lumaicons/t/68590d1f06ad625cb73b5c34f85b4a1b.eot?#iefix")format("embedded-opentype"),
    url("../fonts/lumaicons/t/68590d1f06ad625cb73b5c34f85b4a1b.woff2")format("woff2"),
    url("../fonts/lumaicons/t/68590d1f06ad625cb73b5c34f85b4a1b.woff")format("woff"),
    url("../fonts/lumaicons/t/68590d1f06ad625cb73b5c34f85b4a1b.ttf")format("truetype"),
    url("../fonts/lumaicons/t/68590d1f06ad625cb73b5c34f85b4a1b.svg#Luma-Icons")format("svg");
}

a {
    text-decoration: none !important;
}



p {
    margin-top: 0;
    margin-bottom: 1rem;
    /*font-size: 14px !important;*/
    font-family: "myriad-pro", sans-serif;
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
}
.newsletter-bg form#newsletter-validate-detail {
    width: 100%;
    display: flex;
    justify-content: center;
}


/*Mini cart start*/

.block-minicart .block-content > .actions > .primary .action.primary {
    display: block;
    width: 100%;
    background-color: #0b3d6f;
    border: 1px solid #0b3d6f;
    border-radius: 30px;
    color: #fff;
}





.minicart-wrapper .action.showcart:before {
    display: none !important;
}

.minicart-wrapper .action.showcart.active:active:before {
    color: #757575;
    display: none !important;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: #ff5501;
    color: #ffffff;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    display: inline-block;
    margin: 3px 0 0;
    min-width: 18px;
    overflow: hidden;
    padding: 0 3px;
    text-align: center;
    white-space: normal;
    border-radius: 100%;
    padding: 0px 10px;
    position: absolute;
    margin-left: -10px;
    margin-top: -10px;
}

/*Mini cart start*/







/*  ############################ Checkout page style start ############################  */


/*@media (min-width: 768px){*/
/*.page-main {*/
/*    width: 100%;*/
/*}*/
/*}*/
/*@media (min-width: 768px){*/
/*    .page-main {*/
/*    box-sizing: border-box;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    max-width: 1280px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*    width: auto;*/
/*}*/
/*}*/
/*.page-main {*/
/*    -webkit-flex-grow: 1;*/
/*    flex-grow: 1;*/
/*}*/

/*main {*/
/*    display: block;*/
/*}*/



/*@media (min-width: 768px){ */
/*  .opc-wrapper {*/
/*    width: 66.66666667%;*/
/*    float: left;*/
/*    -ms-flex-order: 1;*/
/*    -webkit-order: 1;*/
/*    order: 1;*/
/*    padding-right: 30px;*/
/*}*/
/*}*/

/*@media (min-width: 768px){*/
/*.abs-add-box-sizing-desktop-m, .opc-wrapper {*/
/*    box-sizing: border-box;*/
/*}*/

/*}*/

/*.opc-wrapper {*/
/*    margin: 0 0 20px;*/
/*}*/


/*.opc-wrapper .opc{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none none;*/
/*}*/

/*  ############################ Checkout page style end ############################  */





/*  ############################ Header roj start  ############################  */

.page-header {
    border-bottom: 0px solid #cccccc;
    margin-bottom: 0px;
}

@media (min-width: 768px){
.page-header .panel.header {
    padding-bottom: 0px;
    padding-top: 0px;
}
}

@media (min-width: 767px){
.page-header .header.panel{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;

}
}

@media (max-width: 768px){
.page-header .header.panel{
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;

}
}

@media (min-width: 768px) {
    .page-header .panel.header {
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 100%;
    }
}


.page-header a.level-top.nav-link {
    font-size: 15px;
    color: #fff;
}

.page-header .panel.wrapper {
            border-bottom: 0px solid #e8e8e8;
            background-color: #6e716e;
        }


.minisearch .rounded-circle {
    border-radius: 50% !important;
    margin-top: 5px;
    margin-right: 5px;
}

.block-minicart .subtitle.empty {
    color: #000;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }
}

li.level0.level-top.ui-menu-item.nav-item {
    margin-top: 10px;
    margin-bottom: 10px;
}


@media only screen and (max-width: 768px) and (min-width: 0px){
a.navbar-brand {
    width: 200px;
}


}

.bbRojheadNavuserImg {
    height:30px;
    width:30px;
}
@media only screen and (max-width: 768px) and (min-width: 0px){
    .bbRojheadNavuserImg {
    height: 30px;
    width: 30px;
}

.showcart img {
        height: 30px;
        width: 30px;
        margin-right: 0;
        margin-top: -10px;
    }


    .minicart-wrapper .action.showcart .counter.qty {
        background: #ff5501;
        color: #ffffff;
        height: 24px;
        line-height: 24px;
        border-radius: 2px;
        display: inline-block;
        margin: 3px 0 0;
        min-width: 18px;
        overflow: hidden;
        padding: 0 3px;
        text-align: center;
        white-space: normal;
        border-radius: 100%;
        padding: 0px 10px;
        position: absolute;
        margin-left: -30px;
        margin-top: -20px;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 3.5em;
    height: 2.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    /* background-color: #0b3d6f; */
    border: none;
}

.navbar button:not(.primary) {
    box-shadow: inset 0 0px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3);
}

button.navbar-toggler:hover {
    background: #e1e1e100;
    border: 1px solid #cccccc00;
    color: #333333;
}

}



.page-header .block-minicart .amount .price-wrapper:first-child .price {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.page-header .block-minicart .subtotal {
    margin: 0 10px 10px;
    text-align: right;
    color: #000;
}

.page-header .block-minicart .items-total {
    float: left;
    margin: 0 10px;
    color: #000;
}
.minicart-items .product-item-details .price {
    font-weight: 700;
    color: #000;
}

.minicart-items .product-item-pricing .label {
    display: inline-block;
    color: #000;
}

.block-minicart dl.product.options.list {
    display: inline-block;
    vertical-align: top;
    color: #000;
}

.minicart-items .product .toggle {
    border: 0;
    padding: 0 0 5px 0;
    white-space: nowrap;
    color: #000;
}

/*  ############################ Header roj end  ############################  */





/*  ############################ footer roj end  ############################  */

/*@media (min-width: 768px){*/
/*.page-footer {*/
/*    background: #f4f4f4;*/
/*    margin-top: auto;*/
/*    padding-bottom: 0px;*/
/*}*/
/*}*/

/*@media (min-width: 768px) {*/
/*.footer.content {*/
/*    box-sizing: border-box;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    max-width: 100%;*/
/*    padding-left: 0px;*/
/*    padding-right: 0px;*/
/*    width: auto;*/
/*    padding-top: 0px;*/
/*}*/

/*}*/


/*footer li {*/
/*    font-size: 14px;*/
/*}*/

/*.footer.content {*/
/*    border-top: 1px solid #cecece;*/
/*    padding-top: 0px;*/
/*    padding-left: 0px !important;*/
/*    padding-right: 0px !important;*/
/*}*/

.footer-container .footer-logo {
  position: absolute;
  top: -78px;
  left: 0;
  right: 0;
  z-index: 2;
  display: block;
  margin: auto;
  width: 280px;
  pointer-events: none; }
  @media (max-width: 959px) {
    .footer-container .footer-logo {
      width: 180px;
      top: -15px; } }

.footer {
  padding: 80px 0 20px; }
  .footer #copyright {
    font-size: 0.8rem;
    font-weight: 400; }
  .footer a {
    color: white; }
  .footer .footer-grid {
    position: relative;
    padding: 30px 0 60px; }
    .footer .footer-grid > div p:not(.underline-heading), .footer .footer-grid > div a, .footer .footer-grid > div span {
      font-size: 1.2rem;
      text-align: left;
      font-family: "oswald", sans-serif;
      font-weight: 400; }
    @media (max-width: 959px) {
      .footer .footer-grid > div:nth-child(2) {
        order: 1; } }
  .footer .phone-number {
    margin-bottom: 4px; }
  .footer .social a {
    margin-right: 4px; }
  .footer .pool-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    margin: 0; }
    
    
.underline-heading {
  color: #4182e1;
  font-size: 1.75rem;
  border-bottom: 2px solid #4182e1;
  text-align: left;
  font-family: "oswald", sans-serif;
  padding-bottom: 10px; }

.uk-button {
  border-radius: 8px;
  background: #0055a6;
  color: white;
  font-weight: 400;
  font-size: 1.4rem;
  font-family: "oswald", sans-serif; }

.uk-button-secondary {
  background-color: #4182e1; }

.svg {
  position: absolute;
  width: 0;
  height: 0; }
    
    
    .wave-bottom-border {
  width: 100%;
  height: auto;
  background: #659bb7;
  clip-path: url("#wave-bottom"); }
  @media (max-width: 959px) {
    .wave-bottom-border {
      clip-path: url("#wave-bottom-m"); } }

.wave-bottom-clip {
  width: 100%;
  height: auto;
  clip-path: url("#wave-bottom"); }
  @media (max-width: 959px) {
    .wave-bottom-clip {
      clip-path: url("#wave-bottom-m"); } }

.wave-bottom-border .wave-bottom-clip {
  position: relative;
  bottom: 5px; }

.wave-form-clip {
  clip-path: path("M 2312 687 C 2130.833 668.575 2172.305 666.49 1980.35 676.828 C 1780.961 687.987 1690.107 747.817 1537.216 735.622 C 1350.974 720.767 1323.775 674.139 1050.773 689.734 C 749.521 706.942 564.481 759.505 375.239 760 C 144.958 760.603 71.318 727.624 0 684 L 0 74 C 161.69 91.418 123.7 93.942 302.119 83.164 C 487.503 72.5 572.11 12.175 714.488 24.37 C 887.923 39.226 913.252 85.853 1167.48 70.259 C 1448.18 53.5 1620.333 0.488 1796.562 0.7 C 2011.9 0.61 2079.584 32.368 2309.124 74.561 L 2314 617 Z"); }

.wave-form-2-clip {
  clip-path: path("M 1737.686 713.948 C 1555.694 729.368 1337.883 850.18 1015.805 733.223 C 1015.805 733.223 853.77 671.543 547.394 761.687 C 289.141 837.844 138.18 770.89 81.889 750.526 C -12.267 717.803 -75 713.948 -75 713.948 L -75 276.549 L -75 168.761 L -75 77.624 C -75 77.624 60.651 94.357 182.313 84.49 C 364.304 68.629 582.116 -52.2 904.194 64.774 C 904.194 64.774 1066.921 126.454 1372.605 36.31 C 1630.857 -39.845 1781.818 27.908 1838.109 47.471 C 1932.266 80.195 1994.999 84.49 1994.999 84.49 L 1994.999 168.761 L 1994.999 276.549 L 1994.999 720.373 C 1994.999 720.373 1859.347 703.64 1737.686 713.948 Z"); }

.water-form-image-container,
.water-form-2-image-container {
  width: 100%; }

.wave-bottom,
.water-form-2-section,
.water-form-section {
  width: 100%;
  background-color: #19276c;
  background-image: url("/assets/img/originals/dark-blue-schematic.jpg");
  background-size: cover;
  background-position: center;
  object-fit: cover;
  clip-path: url(#waterForm);
  color: white;
  text-align: center; }
  @media (max-width: 959px) {
    .wave-bottom,
    .water-form-2-section,
    .water-form-section {
      clip-path: url(#waterFormM); } }
  .wave-bottom h2,
  .water-form-2-section h2,
  .water-form-section h2 {
    color: white; }

.water-form-section, .water-form-2-section {
  display: flex;
  align-items: center;
  padding: 100px 0; }
  .water-form-section > .uk-container, .water-form-2-section > .uk-container {
    width: 100%; }

.water-form-2-image-container {
  position: relative; }

.water-form-2-section {
  clip-path: url(#waterForm2);
  background-color: #4182e1;
  background-image: url("/assets/img/originals/water-ripple.jpg");
  min-height: unset;
  padding: 5vw 0; }
  @media (max-width: 959px) {
    .water-form-2-section {
      clip-path: url("#waterForm2M");
      padding: 80px 0 60px; } }

.wave-bottom {
  clip-path: url(#waveBottom);
  min-height: 10vw; }
  @media (max-width: 959px) {
    .wave-bottom {
      clip-path: url(#waveBottomM); } }

.footer.wave-bottom {
  background-image: none; }

/*  ############################ footer roj end  ############################  */









/*  ############################ Home roj start  ############################  */


.cms-index-index .page-main {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}


@media (min-width: 768px){
.cms-index-index .page-main {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}
}


@media (min-width: 768px) {
    .cms-home .page-main {
        width: 100%;
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .cms-page-view .page-main {
        padding-top: 0;
        position: relative;
        padding-left: 0px;
        padding-right: 0px;
    }
}



.bbRojHomePoolSection a.requestaQuote {
    font-size: 16px;
}

.bbRojHomePoolSection a.getaFreeBrochure {
    font-size: 16px;
}

.bbRojHomePoolSectionSeaWaveRow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bbRojHomePoolSectionSeaWaveCol{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}

.bbRojHomePoolSectionSeaWaveImg {
    margin-top: -85px;
    width: 100%;
    position: inherit;
    display: block;
    z-index: 9999;
    top: 0px;
    left: 0px;
}

.bbRojHomePoolSectionherobanner{
    width:100%;
}

@media only screen and (max-width: 768px) and (min-width: 0px){
    .bbRojHomePoolSectionSeaWaveImg {
    margin-top: -20px;
    width: 100%;
    position: inherit;
    display: block;
    z-index: 9999;
    top: 0px;
    left: 0px;
}
}


.bbRojHomePoolSectionCol1 li {
    font-size: 14px;
}

.bbRojHomePoolSectionCol1 ul {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*  ############################ Home roj end  ############################  */




/* ############################ Product listing view page start ############################  */

.action.primary {
    background-image: none;
    background: #48bcd7;
    border: 1px solid #59c4dc;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.action.primary:hover {
    background: #2993ab;
    border: 1px solid #2993ab;
    color: #ffffff;
}

/* ############################ Product listing view page end ############################  */





/* ############################ Product detailed view page start ############################  */

.catalog-product-view .product-add-form .input-group .btn {
    position: relative;
    z-index: 2;
    font-size: 15px;
}

.catalog-product-view .product-add-form button#product-addtocart-button {
    font-size: 15px;
}

.catalog-product-view  ul > li, ol > li {
    margin-top: 0rem;
    margin-bottom: 1rem;
    font-size: 14px;
}


.toolbar select {
    background-color: #dedede;
    box-shadow: none;
    border-radius: 3px;
    font-size: 13px;
    border: 1px solid #dedede;
    color: #000;
}





/* ############################  Product detailed view page start ############################  */



.cms-pool-html.cms-index-index main#maincontent {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
main#maincontent {
    margin-top: 5px;
    /*margin-top: 30px;*/
    margin-bottom: 30px;
}

.breadcrumbs {
    margin-top: 36px !important;
    margin-bottom: 5px !important;
}


.block-minicart a.action.viewcart {
    font-size: 13px;
}


/*  ############################      Custom roj Stle end     ############################  */
/*  #################################################################################### */







/* https://splashpools.com/parts/ inner page header new start */

.splashpoolsrojnavbar {
    background-image: none;
    background-color: #19276c;
}


.splashpoolsrojnavbar .navbar-brand {
    height: 90px;
}

.splashpoolsrojnavbar .splashpoolsrojnavbarb{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.splashpoolsrojnavbar a.level-top.nav-link {
    font-size: 15px;
    color: #19276c;
    
}

.splashpoolsrojnavbar .minicart-wrapper .action.showcart {
    white-space: nowrap;
    width: 30px;
}

/* https://splashpools.com/parts/ inner page header new end */





/* https://splashpools.com/parts/ inner page footer new end */

.splashpoolsRojFooter .footer-grid .underline-heading {
    color: #4182e1;
    font-size: 30px !important;
    border-bottom: 2px solid #4182e1;
    text-align: left;
    font-family: "oswald", sans-serif;
    padding-bottom: 10px;
}

.splashpoolsRojFooter .uk-container {
    max-width: 1350px;
}
/* https://splashpools.com/parts/ inner page footer new end */




@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        width: 100%;
    }
}



.product-item-actions a.action.towishlist {
     display: none !important;
}

.product-item-actions a.action.tocompare {
    display: none !important;
}



.products-grid .product-item-info a.product-item-link {
    font-size: 16px !important;
}

.products-grid .product-item .price-box .price{
    font-weight: 700;
    white-space: nowrap;
    font-size: 18px;
}
.products-grid .action.primary {
    background-image: none;
    background: #48bcd7;
    border: 1px solid #59c4dc;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 15px;
    box-sizing: border-box;
    vertical-align: middle;
}




/* new nav start */

.splashpoolsrojnavbar  a.nav-link {
    color: #19276c;
}

.splashpoolsrojnavbar  .navbar-nav .nav-link.active, 
.splashpoolsrojnavbar  .navbar-nav .nav-link.show {
    color: #19276c;
}
.splashpoolsrojnavbar li.nav-item {
    margin-bottom: 0px;
}


@media only screen and (max-width: 768px) and (min-width: 0px) {
.splashpoolsrojnavbar li.nav-item {
    margin-bottom: 0px;
    width: 100%;
}
}
/* new nav end */





/* product detail view -  This kit contains section start */

.SpRjThiskitcontainsclass button {
   background: #19276c !important;
    border: 0px solid #19276c;
    color: #ffffff !important;
}

.SpRjThiskitcontainsclass button:hover {
    background: #19276c;
    border: 0px solid #19276c;
    color: #ffffff;
}

.SpRjThiskitcontainsclass .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    background-color: #19276c;
    border: 1px solid #19276c;
    color: #fff !important;
}

.SpRjThiskitcontainsclass .accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.SpRjThiskitcontainsclass button:not(.primary) {
    box-shadow: none;
}



/* product detail view -  This kit contains section end */



.catalog-product-view .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: 100%;
}

.catalog-product-view .page-main .product-add-form .field.choice.admin__field.admin__field-option {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}



.products-grid .product-item-info .product-image-wrapper {
    padding-bottom: 75% !important;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    
    font-family: "oswald", sans-serif !important;
    color: #0055a6 !important;
    margin-bottom: 0.75rem !important;
    text-transform: capitalize !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.breadcrumbs .items {
    font-size: 1.2rem;
    color: #707070;
    margin: 0;
    padding: 0;
    list-style: none none;
    font-family: "oswald", sans-serif !important;
}

.breadcrumbs .item:not(:last-child):after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    line-height: 18px;
    content: '\e608';
    font-family: 'luma-icons';
    margin: 0 10px;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    margin-top: 10px;
}






*+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-3xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 7px !important;
}


.rjfootershippingraterow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        margin-top: 90px;
}

.rjfootershippingratecol {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}

.rjfootershippingratecol h5{
color: #4182e1 !important;
}

.rjfootershippingratecol h6{
color: #4182e1 !important;
}

.rjfooterprivacypolicylink{
    
}








.sprjcheckoutbadgesMainWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    margin-top:50px;
    margin-bottom:70px;
}