@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: 20px;
        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: 130px;
}

.rjheadlogoImg {
    /*height: 110px;*/
    max-width: 100%; 
    object-fit: contain;
    width: 100%;
}



.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;
}










/* ############################  Added on 16-04-2025 ############################  */
/* ############################  New Home page start ############################  */

.bbRojHomeIntroducingTheBackyardDestinationPoolSection {
    /*background-color: #fff;*/
    padding: 30px 0px;
}

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

.bbRojHomeIntroducingTheBackyardDestinationPoolSection .IntroducingText {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 300;
}
.bbRojHomeIntroducingTheBackyardDestinationPoolSection .TheBackyardDestinationPoolText {
    color: #0e4375;
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 30px;
}

.bbRojHomeIntroducingTheBackyardDestinationPoolSection .sectionHead, 
.bbRojHomeIntroducingTheBackyardDestinationPoolSection2 .sectionHead,
.bbRojHomeIntroducingTheBackyardDestinationPoolSection3 .sectionHead{
    font-size: 20px;
    font-weight: 600;
}

.bbRojHomeIntroducingTheBackyardDestinationPoolSection p {
    /*font-size: 16px !important;*/
}

.bbRojHomeIntroducingTheBackyardDestinationPoolSection2 {
    background-color: #f5f5f5;
    padding: 30px 0px;
}

.bbRojHomeIntroducingTheBackyardDestinationPoolSection2 p{
    /*font-size: 16px !important;*/
}

.bbRojHomeIntroducingTheBackyardDestinationPoolSection3 {
    /*background-color: #fff;*/
    padding: 30px 0px;
}
.bbRojHomeIntroducingTheBackyardDestinationPoolSection3 p{
    /*font-size: 16px !important;*/
}




/* Customization Options! section start */

.bbRojHomeCustomizationOptionsSectionMainWrap {
    background-color: #f5f5f5;
    padding: 60px 0px;
}
.bbRojHomeCustomizationOptionsSectionMainWrap .SectionHead{
        font-weight: 600;
}
.bbRojHomeCustomizationOptionsSectionMainWrap hr {
   margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 3px solid #000000;
    opacity: 100;
}

.bbRojHomeCustomizationOptionsSectionMainWrap p{
    /*font-size: 16px !important;*/
}



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


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

@media only screen and (max-width: 768px) and (min-width: 0px){
    
    .bbRojHomeCustomizationOptionscol {
   -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}
    
}

.bbRojHomeCustomizationOptionsrow .card{
    text-align: center;
    background-color: #ffffff00;
    border: none;
}

.bbRojHomeCustomizationOptionsrow .card-title {
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.bbRojHomeCustomizationOptionsrow .card-img-top {
    width: 160px;
    margin: auto;
}
.bbRojHomeCustomizationOptionsrow .card-body {
    margin-top: 30px;
}

/* Customization Options! section end */







/* Gallery Grid section start */


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


.bbRojHomeGalleryGrida {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}
.bbRojHomeGalleryGridb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}
.bbRojHomeGalleryGridc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}

.bbRojHomeGalleryGridrow .bbRojHomeGalleryImg {
    max-width: 100%;
    height: auto;
    height: 100%;
    object-fit: cover;
    padding: 7px;
    width: 100%;
}



@media only screen and (max-width: 768px) and (min-width: 0px){
    
.bbRojHomeGalleryGridrow {
  /*display: flex;*/
  /*flex-direction: column;*/
}

.bbRojHomeGalleryGrida, .bbRojHomeGalleryGridb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}
.bbRojHomeGalleryGridc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
}
    
}


/* Gallery Grid section end */




/* Why Choose Backyard Destination Pool? section start */

.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap {
  background-image: url("../images/WhyChooseBackyardDestinationPoolSectionbg.png");
  /*background-color: #cccccc;*/
  /*height: 500px;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 50px 0px;
}

.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap p {
    font-size: 16px !important;
}
.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap .card-title {
    font-size: 19px;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 600;
}
.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap .card {
    text-align: center;
    background-color: #ffffff00;
    border: none;
}
.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap .SectionHead {
    font-weight: 600;
}
.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 3px solid #000000;
    opacity: 100;
}

.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap .bbRojChooseYourDestinationBtn {
   border: 1px solid #0c3f70;
    background-color: #0c3f70;
    padding: 10px 30px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0px;
        color: #fff;
}
.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap button:not(.primary) {
    box-shadow: none;
}

.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap .bbRojHomeProduct3Btn {
   border: 1px solid #0c3f70;
    background-color: #0c3f70;
    padding: 10px 30px;
    font-size: 23px;
    font-weight: 500;
    border-radius: 0px;
        color: #fff;
        text-transform: uppercase;
}

.bbRojHomeWhyChooseBackyardDestinationPoolSectionMainWrap .bbRojHomeProduct3Btn:hover {
    border: 1px solid #1f62a2;
    background-color: #1f62a2;
}

/* Why Choose Backyard Destination Pool? section end */



.cms-index-index .columns .column.main {
    padding-bottom: 0px;
}

.bbRojHomehorizontallinewrap hr{
   margin-top: 46px !important;
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 3px solid #646464 !important;
    opacity: 100;
}

/* ############################  New Home page end ############################  */




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

/* ############################  End Added on 16-04-2025 ############################  */





/* splashpooldogs Start */

.cms-home.cms-index-index .page-main {
  margin-top: 0px !important;
  margin-bottom: 30px;
}


.navbar .nav-link{
          font-size: 15px;
          color: #fff;
}

.navbar .nav-item.dropdown {
  margin-top: 10px;
  margin-bottom: 10px;
}









/*Gallery page start*/


.spdrjGallerycontainer .col-md-6 {
  /* background-color: red; */

  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;

  position: relative;
  width: 100%;
  min-height: 1px;
}

.spdrjGallerycontainer .col-md-3 {
  /* background-color: rgb(62, 215, 15); */

  -webkit-box-flex: 0;
  -ms-flex: 0 0 27.5%;
  flex: 0 0 27.5%;
  max-width: 27.5%;

  position: relative;
  width: 100%;
  min-height: 1px;
}


@media only screen and (max-width: 768px) and (min-width: 0px){
  .spdrjGallerycontainer .col-md-6 {
      /* background-color: red; */
  
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  
      position: relative;
      width: 100%;
      min-height: 1px;
  }
  
  .spdrjGallerycontainer .col-md-3 {
      /* background-color: rgb(62, 215, 15); */
  
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  
      position: relative;
      width: 100%;
      min-height: 1px;
  }

}

.spdrjGallerycontainer .spdrjgalleryimg {
  width: 100%;
  border-radius: 30px;
  height: 240px;
  object-fit: cover;
  margin-bottom: 25px;
}


.rjDogPoolgallerychooseyourshapebtn {
  padding: 10px 20px 10px 20px;
  background: #aecfff;
  color: #19276c;
  text-transform: uppercase;
  border-radius: 10px;
  margin-right: 0.6em;
  font-weight: 700;
  font-size: 1.8em;
  font-family: "oswald", sans-serif;
  display: flex
;
  align-items: center;
  white-space: nowrap;
  width: fit-content;
  margin: auto;
  border: 1px solid #aecfff00;
}

.rjDogPoolgallerychooseyourshapebtn:hover {
  color: white !important;
  text-decoration: none;
}

.rjgallerychooseyourshapebtn:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0.035 1 0.965'%3E%3Cpath d='M 0.999 0.035 C 0.808 0.054 0.536 0.085 0.487 0.087 C 0.275 0.1 0.148 0.1 0 0.082 L 0 1 L 1 1' fill='%234182e1'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 101%;
  transition: 0.4s ease;
  z-index: -1;
}


.rjDogPoolgallerywavebutton {
  transition: 0.4s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.rjDogPoolgallerywavebutton:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0.035 1 0.965'%3E%3Cpath d='M 0.999 0.035 C 0.808 0.054 0.536 0.085 0.487 0.087 C 0.275 0.1 0.148 0.1 0 0.082 L 0 1 L 1 1' fill='%234182e1'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 101%;
  transition: 0.7s ease;
  z-index: -1;
}

.rjDogPoolgallerywavebutton:hover {
  color: white !important;
  text-decoration: none;
  border: 1px solid #4182e1;
}

.rjDogPoolgallerywavebutton:hover:after {
  top: -60%;
}












/*endorsements page start */


.owl-carousel-one.owl-carousel .owl-nav {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 97%;
          left: 1.5%;
      }

      .owl-carousel-one.owl-carousel .owl-nav button {
         background-color: #ffffff !important;
          padding: 15px 15px !important;
          color: #0b3d6f !important;
      }

      .owl-carousel-one.owl-carousel .owl-prev,
      .owl-carousel-one.owl-carousel .owl-next {
          position: absolute;
          top: 0;
      }

      .owl-carousel-one.owl-carousel .owl-prev {
          left: 0;
      }

      .owl-carousel-one.owl-carousel .owl-next {
          right: 0;
      }

      .owl-carousel-one.owl-carousel .owl-dots {
          position: absolute;
          bottom: 10px;
          width: 100%;
          text-align: center;
      }

      .owl-carousel-one.owl-carousel .owl-dots .owl-dot {
          display: inline-block;
          margin: 0 5px;
      }

      .owl-carousel-one.owl-carousel .owl-dots .owl-dot span {
          width: 10px;
          height: 10px;
          background-color: #ccc;
          display: block;
          border-radius: 50%;
      }

      .owl-carousel-one.owl-carousel .owl-dots .owl-dot.active span {
          background-color: #333;
      }

      .owl-carousel-one.owl-carousel .owl-prev,
      .owl-carousel-one.owl-carousel .owl-next {
          font-size: 34px !important;
          color: #333 !important;
      }





.spdrjowlcarouselendorsements {
  margin-top: 30px;
}



.spdrjendorsementscard{
      text-align: center;
      padding: 20px 50px;
}
.spdrjendorsementscard img{
  margin: auto;
}

.spdrjendorsementscard h5 {
  font-size: 23px;
  font-weight: 500;
}
.spdrjendorsementscard h6 {
  font-size: 18px;
  font-weight: 500;
}

.spdrjendorsementscard .text-warning {
  font-size: 25px;
}




.spdrjowlcarouselendorsements .fas {
  font-weight: 900;
  padding: 5px;
}

.spdrjowlcarouselendorsements .owl-theme .owl-nav [class*=owl-]:hover {
  background: #ffffff;
  color: #FFF;
  text-decoration: none;
}

/*endorsements page end*/






/* splashpooldogs end */




.navbar .dropdown-item {
  font-size: 16px;
}

ul>li, 
ol>li {
  margin-top: 0rem;
  margin-bottom: 1rem;
  font-size: 16px;
}


footer .bg-info p{
  font-size: 1.4rem !important;
}


.contact-index-index .column:not(.sidebar-additional) .form.contact {
  float: none;
  width: 100% !important;
  margin-top: 30px;
}


.spdrjcontactformcol1 .field {
  margin-top: 20px;
}

.spdrjcontactformcol2 .field {
  margin-top: 20px;
}

.spdrjcontactformcol2 textarea {
  resize: vertical;
  height: 212px;
}

.contact label {
  display: inline-block;
  font-size: 16px;
}


.contact .legend {
  font-size: 30px !important;
  font-weight: 600;
  color: #0b3d6f;
}



.contact input[type="text"] {
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #c2c2c2;
  border-radius: 1px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 42px;
  line-height: 1.42857143;
  padding: 0 9px;
  vertical-align: baseline;
  width: 100%;
  box-sizing: border-box;
}


.contact-index-index .subhead {
  font-size: 2.5rem;
      font-weight: 600;
      font-family: "oswald", sans-serif;
      color: #0055a6;
}

.contact-index-index .callSPLASH {
      font-size: 20px;
}



.spdrjhomebottombannerwrapper {
  padding-top: 30px;
}

.spdrjhomebottombanner {
  height: 450px;
  object-fit: cover;
  width: 100%;
}



@media only screen and (max-width: 768px) and (min-width: 0px){
  
.spdrjhomebottombanner {
  height: 250px;
  object-fit: cover;
  width: 100%;
}

}




/*Footer start*/


.page-footer {
            background: #e3f3fc;
            margin-top: auto;
            padding-bottom: 0px;
        }

.footer.content {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}

.page-footer {
            background: #e3f3fc !important
            margin-top: auto;
            padding-bottom: 0px;
        }

.footer {
    padding: 90px 0 0px;
}
.footer #copyright {
    font-size: 0.8rem;
    font-weight: 400;
    padding-bottom: 30px;
}

/*Footer end */






.bbRojHomePoolSectionherobanner{
    width:100%;
}


.bbRojHomePoolSectionherobannerMob{
    display: none;
}
.bbRojHomePoolSectionherobannerDesktop {
    display: block;
}
@media only screen and (max-width: 768px) and (min-width: 0px){
    .bbRojHomePoolSectionherobannerMob{
    display: block;
}
.bbRojHomePoolSectionherobannerDesktop {
    display: none;
}
}



@media only screen and (max-width: 768px) and (min-width: 0px) {
    
.navbar-collapse .navbar-nav {
    padding: 10px 10px !important;
}

}




/* rj land new start */


.rjspdlandnewsec2Img {
    width: 100%;
}

.rjspdlandnewsec3Img2 {
    margin-top: 50px;
}

.rjspdlandnewsec4 {
    background-color: #19276c;
    padding: 50px;
    color: #fff;
    text-align: center;
}

.rjspdlandnewsec4 h2 {
    color: #fff !important;
}



.rjspdlandnewsec5Img {
    width: 100%;
}


.rjspdlandnewsec1 .rjBuyMyPoolbtn1 {
    font-size: 18px;
    background-color: #4182e1;
    padding: 15px 25px 15px 25px !important;
    /* height: 60px !important; */
    border: 1px solid #4182e1;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "oswald", sans-serif;
}

.rjspdlandnewsec1 .rjBuyMyPoolbtn1:hover {
    background-color: #1f5cb6;
    border: 1px solid #1f5cb6;
}

.rjspdlandnewsec5 .rjBuyMyPoolbtn5 {
    font-size: 18px;
    background-color: #4182e1;
    padding: 15px 25px 15px 25px !important;
    /* height: 60px !important; */
    border: 1px solid #4182e1;
    box-shadow: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "oswald", sans-serif;
}
.rjspdlandnewsec5 .rjBuyMyPoolbtn5:hover {
    background-color: #1f5cb6;
    border: 1px solid #1f5cb6;
}




/* rj land new end */


.sprjcheckoutLogo{
    width: 160px;
}