.responsive-table { overflow-x: auto; margin-bottom: 20px; }

.responsive-table table { width: 100%; border-collapse: collapse; margin: 0; padding: 0; border: 1px solid #ddd; }

.responsive-table th, .responsive-table td { text-align: left; padding: 12px; border: 1px solid #ddd; }

.responsive-table th { background-color: #f4f4f4; font-weight: bold; }

.responsive-table tr:nth-child(even) { background-color: #f9f9f9; }

.responsive-table tr:hover { background-color: #f1f1f1; }

.accordion-container { margin: 20px 0; }

.accordion-item { margin-bottom: 10px; }

.accordion-item p { margin-bottom: 0; }

.accordion-item.open .accordion-header-sp i { transform: rotate(180deg); }

.accordion-header-sp { display: flex; justify-content: flex-start; font-family: "Poppins", Sans-Serif; font-size: 14px; font-weight: bold; color: #5b96ab; background-color: #fff; border: none; cursor: pointer; width: 100%; text-align: left; }

.accordion-header-sp i { transition: all 0.3s; }

.accordion-header-sp:hover { color: #5b96ab; background-color: #fff; }

.accordion-content-sp { display: none; padding: 15px; font-size: 14px; background-color: #fff; }

.profile-running-man { width: 15px; height: 17px; float: left; margin-top: 4px; margin-right: 4px; }

.user-account-form { margin: 20px auto; padding: 20px; border: 1px solid #ddd; border-radius: 5px; background: #f9f9f9; display: flex; flex-wrap: wrap; gap: 10px; }

.user-account-form p { display: none; }

.user-account-form input[type=text], .user-account-form input[type=email], .user-account-form input[type=phone] { padding: 5px 0 !important; border: 0 !important; background: transparent; }

.user-account-form br { display: none; }

.user-account-form h2, .user-account-form h3 { width: 100%; /* Ensure headings take the full width */ margin-bottom: 10px; }

.user-account-form label { width: 100%; /* Labels take the full width */ font-weight: bold; }

.user-account-form .field-group { width: 100%; /* Full width for smaller screens */ display: flex; flex-direction: column; }

.user-account-form .field-group input { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }

@media (min-width: 768px) { .user-account-form .field-group { width: calc(50% - 10px); /* Half width with a gap */ } }

.user-account-form button { /* margin-top: 20px; padding: 10px 20px; background-color: #0073aa; color: #fff; border: none; border-radius: 4px; cursor: pointer; */ margin: 20px 0 0 0; display: inline-block; border-radius: 20px; font-size: 14px; cursor: pointer; background-color: #E5E5E5; margin-right: 10px; padding: 6px 16px; color: #7e7e7e; text-transform: none !important; font-weight: normal; letter-spacing: 0; }

.user-account-form button:hover { /* background-color: #005177; */ background-color: #5A9CAE; box-shadow: none !important; }

.sp-profile-spinner { text-align: center; margin-top: 63px; margin-bottom: 63px; display: none; }

.lds-spinner, .lds-spinner div, .lds-spinner div:after { box-sizing: border-box; }

.lds-spinner { color: currentColor; display: inline-block; position: relative; width: 80px; height: 80px; }

.lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; }

.lds-spinner div:after { content: " "; display: block; position: absolute; top: 3.2px; left: 36.8px; width: 6.4px; height: 17.6px; border-radius: 20%; background: currentColor; }

.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }

.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }

.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }

.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }

.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }

.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }

.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }

.lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }

.lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }

.lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }

.lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }

.lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes lds-spinner { 0% { opacity: 1; }
  100% { opacity: 0; } }

#sp-profile-holder > .sp-profile-spinner { display: block !important; }

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

.circonf { margin: 1em; display: inline-block; width: 2em; height: 2em; border-radius: 50%; border: 4px solid silver; animation: circ-anim 0.7s linear infinite; }

.circonf-1 { border-bottom-color: grey; }

.circonf-2 { border-color: grey; border-bottom-color: transparent; }

.circonf-3 { border-color: grey; border-bottom-color: transparent; border-left-color: transparent; }

.circonf-4 { border: 3px solid grey; position: relative; }

.circonf-4:after { position: absolute; content: ""; width: 80%; height: 80%; background: transparent; top: 50%; left: 50; margin-left: -40%; margin-top: -40%; border-radius: 50%; border: 2px solid grey; box-sizing: border-box; border-bottom-color: transparent; border-left-color: transparent; }

.circonf-5 { border: 3px solid grey; position: relative; border-bottom-color: transparent; border-left-color: transparent; }

.circonf-5:after { position: absolute; content: ""; width: 80%; height: 80%; background: transparent; top: 50%; left: 50; margin-left: -40%; margin-top: -40%; border-radius: 50%; border: 2px solid grey; box-sizing: border-box; border-bottom-color: transparent; border-left-color: transparent; animation: circ-anim 0.35s reverse linear infinite; }

.circonf-6 { border-width: 0px; border-radius: 50%; border-top: 3px solid grey; border-right: 3px solid transparent; }

@keyframes circ-anim { from { transform: rotate(0); }
  to { transform: rotate(360deg); } }

.loading-1 .circle { stroke: #000066; fill: none; stroke-width: 3px; stroke-dashoffset: -3.14em; stroke-dasharray: 3.14em; animation: loading1 1.4s cubic-bezier(0.42, 0, 0.29, 1) infinite; transform: rotate(-90deg); transform-origin: 50%; position: relative; }

@keyframes loading1 { 0% { stroke-dashoffset: 3.14em; }
  50% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -3.14em; } }

.loading-2 .spinner * { box-sizing: border-box; }

.loading-2 .spinner { display: inline-block; animation-name: anim-spinner; animation-duration: 0.7s; animation-iteration-count: infinite; animation-timing-function: linear; }

.loading-2 .spinner .circle { width: 2em; height: 1em; overflow: hidden; }

.loading-2 .spinner .circle-inner { transform: rotate(45deg); border-radius: 50%; border: 0.25em solid #ababab; border-right: 0.25em solid transparent; border-bottom: 0.25em solid transparent; width: 100%; height: 200%; animation-name: anim-circle-1; animation-duration: 0.7s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.25, 0.1, 0.5, 1); }

.loading-2 .spinner .circle-2 { transform: rotate(180deg); }

.loading-2 .spinner .circle-2 .circle-inner { animation-name: anim-circle-2; }

@keyframes anim-circle-1 { from { transform: rotate(60deg); }
  to { transform: rotate(205deg); } }

@keyframes anim-circle-2 { from { transform: rotate(30deg); }
  to { transform: rotate(-115deg); } }

@keyframes anim-spinner { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.loading-3 .loading { background: transparent; width: 2em; height: 2em; position: relative; margin: 0 auto; }

.loading-3 .loading:after { display: block; content: ""; border-radius: 50%; height: 2px; width: 2px; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; box-shadow: 10px 0 0 2px #333, 7px 7px 0 2px #999, 0 10px 0 2px #999, -7px 7px 0 2px #999, -10px 0 0 2px #999, -7px -7px 0 2px #999, 0 -10px 0 2px #333, 7px -7px 0 2px #111; -webkit-animation: rotate 0.7s steps(8) infinite; -o-animation: rotate 0.7s steps(8) infinite; animation: rotate 0.7s steps(8) infinite; }

@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.loading-4 .loading { width: 0.5em; height: 0.5em; background: transparent; margin: 2em; border-radius: 50%; animation: circ-anim .9s linear infinite; box-shadow: 0.6em 0 0 0 #333, -0.3333333333em -0.5em 0 0 #333, -0.3333333333em 0.5em 0 0 #333; }

.loading-5 .svg-wrapper { background: white; width: 1.5em; height: 1.5em; margin: 0 Auto; padding: 5px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1); }

.loading-5 .circle { stroke: #000066; fill: none; stroke-width: 3px; stroke-dashoffset: -2.669em; stroke-dasharray: 2.669em; animation: loading5 1.4s linear infinite, color1 10s linear infinite; transform: rotate(-90deg); transform-origin: 50%; position: relative; }

@keyframes loading5 { 0% { transform: rotate(0);
    stroke-dashoffset: 2.669em; }
  50% { stroke-dashoffset: 0; }
  100% { transform: rotate(360deg);
    stroke-dashoffset: -2.669em; } }

@keyframes color1 { 0% { stroke: #D8334A; }
  10% { stroke: #FC6E51; }
  20% { stroke: #FFCE54; }
  30% { stroke: #A0D468; }
  40% { stroke: #A0CECB; }
  50% { stroke: #4FC1E9; }
  60% { stroke: #8067B7; }
  70% { stroke: #BAA286; }
  80% { stroke: #CCD1D9; }
  90% { stroke: #2ECC71; }
  100% { stroke: #D8334A; } }

.loading-6 svg { width: 3.75em; transform-origin: center; animation: rotate 2s linear infinite; }

.loading-6 circle { fill: none; stroke: #fc2f70; stroke-width: 2; stroke-dasharray: 1, 200; stroke-dashoffset: 0; stroke-linecap: round; animation: dash 1.5s ease-in-out infinite; }

@keyframes rotate { 100% { transform: rotate(360deg); } }

@keyframes dash { 0% { stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px; }
  100% { stroke-dashoffset: -125px; } }

.custom-accordion .accordion-header-wrapper { cursor: pointer; display: flex; align-items: baseline; transition: background-color 0.3s ease; color: #6ea6b8; font-weight: bold; }

.custom-accordion .accordion-header-wrapper i { transition: all 0.3s; }

.custom-accordion .accordion-header-wrapper i { font-size: 16px; float: left; margin-top: -2px; margin-right: 5px; }

.custom-accordion .accordion-header-wrapper.open i.fa-arrow-circle-down { transform: rotate(180deg); }

.custom-accordion .accordion-header-wrapper.open { font-weight: bold; }

.custom-accordion .accordion-collapse { overflow: hidden; max-height: 0; transition: max-height 0.3s ease; }

.custom-accordion .accordion-collapse.show { max-height: 1000px; /* Large enough to fit the content */ }

.custom-accordion .accordion-body { padding: 1rem; }

.accordion-content { overflow: hidden; transition: all 0.3s; }

.accordion-body { overflow: hidden; font-size: 14px; color: #333; }

.accordion-body h3 { margin-bottom: 5px; margin-top: 15px; }

.accordion-body ul li { margin-bottom: 5px; }

.accordion-body p { margin: 8px 0 8px 5px; }

.accordion-body p:first-of-type { margin-top: -8px; }

.cart-collaterals .cart_totals h2 { text-align: center; }

@media (min-width: 768.1px) { .woocommerce .cart-collaterals .cart_totals tr td { border-top: 1px solid rgba(181, 181, 181, 0.2); width: 59% !important; } .woocommerce-cart-form__contents .bundled_table_item td { padding: 0 !important; } .woocommerce-checkout-review-order-table .bundled_table_item td { padding: 0 0 0 15px !important; } .bundled_table_item td { font-size: 12px !important; font-weight: bold; color: #000; } .bundled_table_item .product-name > .bundled-product-name { padding-left: 0 !important; } }

@media (max-width: 768px) { .shop_table_responsive .woocommerce-shipping-totals > td { width: 100% !important; } }

#shopdock-ultra > .sp-sub-item > div.sp-product-name > div.product-quantity { display: none !important; }

.sp-cart-form__cart-item { display: flex; font-family: Poppins; font-size: 12px; line-height: 1.5; }

.sp-cart-form__cart-item .product-remove .sp-cart-remove-item { border: 1px solid #555; color: #aaa; border-radius: 50%; padding: 0 5px; margin-left: -8px; cursor: pointer; }

.sp-cart-form__cart-item .product-remove .sp-cart-remove-item:hover { color: #000; background-color: #aaa; }

.sp-cart-form__cart-item.extra-margin { margin-top: 20px; }

.sp-cart-form__cart-item .product-quantity, .sp-cart-form__cart-item .product-subtotal { font-size: 12px !important; }

.sp-cart-form__cart-item .bundled_table_item_price:after, .sp-cart-form__cart-item .bundled_table_item_subtotal:after { display: none !important; }

.sp-cart-form__cart-item .bundled_table_item .sp-product-name, .sp-cart-form__cart-item .bundled_table_item .product-quantity { display: inline-block; }

.sp-cart-form__cart-item .sp-product-name > span { color: #fff !important; }

.sp-cart-form__cart-item .sp-product-name { padding-left: 9px; }

.sp-cart-form__cart-item .product-thumbnail { width: 60px; border-radius: 10px; overflow: hidden; border: 1px solid transparent !important; background-position: center center; }

.sp-cart-form__cart-item .product-quantity .screen-reader-text { display: none; }

.sp-cart-form__cart-item .product-thumbnail.borderline { border: 1px solid #ddd !important; height: 60px; }

.sp-cart-form__cart-item .product-thumbnail { background-size: cover; }

.sp-cart-form__cart-item .product-thumbnail img { width: 100%; height: auto; }

.sp-cart-form__cart-item .product-remove { width: 15px; }

.sp-cart-form__cart-item dl.variation { display: none; }

.sp-cart-form__cart-item .sp-product-price { display: none; }

#shopdock-ultra .cart-total { margin-top: 19px; }

#shopdock-ultra #view-cart { background-color: #ddd; color: #000; display: block; font-size: 14px; padding: 5px 20px; border-radius: 20px; text-align: center; text-align: center; margin-top: 27px; transition: background-color 0.3s; }

#shopdock-ultra #view-cart:hover { background-color: #fff; }

#shopdock-ultra .button.checkout { display: none; }

#shopdock-ultra .remove_from_cart_button { display: none; }

#shopdock-ultra .cart-item { display: flex; margin-bottom: 20px; align-items: center; }

#shopdock-ultra .cart-item.parent-product { margin-top: 30px; }

#shopdock-ultra .cart-item.bundled-product { margin-left: 70px; margin-top: -10px; font-size: 14px; }

#shopdock-ultra .cart-item .sp-prod-info { line-height: 1; }

#shopdock-ultra .cart-item .sp-prod-info > p:first-of-type { color: #fff; }

#shopdock-ultra .cart-item .sp-prod-info .amount { margin-top: 4px; display: block; font-size: 14px; }

#shopdock-ultra .cart-item img { width: 60px; height: 60px; border: 1px solid #888; border-radius: 5px; margin-right: 10px; }

#shopdock-ultra .cart-item p { margin-bottom: 0; }

#shopdock-ultra .cart-item.bundled-product img { display: none; }

#shopdock-ultra .cart-total { width: 100%; float: none; }

#shopdock-ultra .cart-total > .woocommerce-Price-amount { text-align: right; display: block; border-top: 1px solid #888; border-bottom: 1px solid #888; padding-top: 4px; padding-bottom: 4px; margin-top: 10px; }

#shopdock-ultra .product-details { display: flex; width: 100%; justify-content: space-between; }

.woocommerce-page.sidebar-none .cart-collaterals .cart_totals { width: 35%; }

.sidebar-none .woocommerce table.shop_table.cart { float: left; position: relative; width: 60%; z-index: 1; }

.order-total > td > .includes_tax > span { display: inline !important; }

.order-total > td > .includes_tax { text-align: right; font-size: 14px !important; display: block; margin-top: 15px; line-height: 1.2; }

@media (min-width: 918px) { #sp-dd-toggle { display: none; } }

@media (max-width: 917.9px) { .dropdown-container { position: relative; display: contents; } .dropdown-container #sp-dd-toggle { background-color: #659BAE; color: #fff; padding: 10px 15px; border: none; cursor: pointer; font-size: 16px; width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; } .dropdown-container #sp-dd-toggle span.caret { transition: transform 0.3s; } .dropdown-container #sp-dd-toggle.open span.caret { transform: rotate(-180deg) !important; display: inline-block; } .dropdown-container #sp-dd-toggle:hover { transform: none !important; translate: none !important; } .dropdown-container .sp-dd-menu { display: none; position: absolute; background-color: #fff; border: 1px solid #ccc; min-width: 200px; z-index: 1000; list-style: none; padding: 15px 0 0 0; margin: 0; border: 0; background: rgba(255, 255, 255, 0.9); } .dropdown-container .sp-dd-menu li { padding: 10px; cursor: pointer; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; width: calc(100% - 50px); color: #fff; background-color: #689AAB; } .dropdown-container .sp-dd-menu li:last-of-type { margin-right: 15px; } .dropdown-container .sp-dd-menu li.active { background-color: #0A1012; } }

.sp-booking-box { max-width: 750px; overflow: hidden; border-radius: 10px; }

@media (min-width: 918px) { .sp-booking-box { display: flex; height: 318px; } }

@media (max-width: 917.9px) { .sp-booking-box { display: block; margin-top: -15px; } }

.sp-booking-box .sp-bb-image { position: relative; }

@media (min-width: 918px) { .sp-booking-box .sp-bb-image { width: 50%; background-position-x: -51px; } }

@media (max-width: 917.9px) { .sp-booking-box .sp-bb-image { width: 100%; padding-bottom: 54%; background-position-x: 0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } }

.sp-booking-box .sp-bb-image .sp-bb-diagonal { position: absolute; top: 0; left: 2px; width: 100%; height: 100%; background-color: #55519A; clip-path: polygon(80% 100%, 100% 0%, 100% 100%); }

@media (max-width: 917.9px) { .sp-booking-box .sp-bb-image .sp-bb-diagonal { display: none; } }

.sp-booking-box .sp-bb-text-part { background-color: #55519A; color: #fff; align-content: center; padding-left: 15px; padding-right: 15px; }

@media (min-width: 918px) { .sp-booking-box .sp-bb-text-part { width: calc(50% - 30px); } }

@media (max-width: 917.9px) { .sp-booking-box .sp-bb-text-part { width: calc(100% - 30px); } }

@media (min-width: 918px) { .sp-booking-box .sp-bb-text-part h2 { font-size: 37px; font-weight: 500; margin-top: 10px; } }

@media (max-width: 917.9px) { .sp-booking-box .sp-bb-text-part h2 { font-size: 26px; font-weight: 500; margin-top: 10px; } }

@media (min-width: 918px) { .sp-booking-box .sp-bb-text-part h3 { margin-top: -8px; font-size: 28px; margin-bottom: 13px; } }

@media (max-width: 917.9px) { .sp-booking-box .sp-bb-text-part h3 { margin-top: -5px; font-size: 20px; margin-bottom: 8px; } }

.sp-booking-box .sp-bb-text-part .sp-bb-text1 { font-size: 14px; letter-spacing: 0.1px; }

.sp-booking-box .sp-bb-text-part .sp-bb-text2 { font-size: 14px; letter-spacing: 0.15px; }

.sp-booking-box .sp-bb-text-part .sp-bb-btn { border: 2px solid white; text-align: center; padding: 12px 27px; border-radius: 25px; font-size: 14px; letter-spacing: 0.25px; transition: background-color 0.3s; cursor: pointer; display: inline-block; margin-top: 19px; }

.sp-booking-box .sp-bb-text-part .sp-bb-btn:hover { background-color: rgba(255, 255, 255, 0.2); }

.sp-booking-box .sp-bb-text-part h2, .sp-booking-box .sp-bb-text-part h3, .sp-booking-box .sp-bb-text-part h4, .sp-booking-box .sp-bb-text-part h5 { color: #fff; }

.sp-link-box { display: flex; height: 318px; max-width: 750px; overflow: hidden; border-radius: 10px; margin-bottom: 20px; }

.sp-link-box .sp-lb-text-part { color: #fff; align-content: center; padding: 15px; text-align: center; }

@media (min-width: 918px) { .sp-link-box .sp-lb-text-part { width: 50%; } }

@media (max-width: 917.9px) { .sp-link-box .sp-lb-text-part { width: 100%; } }

.sp-link-box .sp-lb-text-part h2 { color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 0.2px; margin-bottom: 16px; }

.sp-link-box .sp-lb-text-part .sp-lb-text { font-size: 18px; color: #fff; }

.sp-link-box .sp-lb-text-part h2, .sp-link-box .sp-lb-text-part h3, .sp-link-box .sp-lb-text-part h4, .sp-link-box .sp-lb-text-part h5 { color: #fff; }

.sp-link-box .sp-lb-text-part .sp-lb-btn { border: 2px solid white; text-align: center; padding: 12px 27px; border-radius: 25px; font-size: 14px; letter-spacing: 0.25px; transition: background-color 0.3s; cursor: pointer; display: inline-block; color: #fff; margin-top: 32px; }

.sp-link-box .sp-lb-text-part .sp-lb-btn:hover { background-color: rgba(255, 255, 255, 0.2); }

.sp-link-box .sp-lb-text-part .sp-lb-btn:visited { color: #fff; }

.sp-banner-box { padding-bottom: 40px; padding-top: 40px; border-radius: 8px; background-image: linear-gradient(180deg, black 0%, #2d76a1 100%); overflow: hidden; height: 576px; }

.sp-banner-box .sp-ban-top h2 { text-align: center; font-size: 23px; color: #fff; max-width: 255px; width: 100%; margin-left: auto; margin-right: auto; letter-spacing: -0.1px; margin-bottom: 13px; margin-top: 12px; }

.sp-banner-box .sp-ban-top h3 { font-size: 18px; color: #fff; text-align: center; padding-left: 20px; padding-right: 20px; }

.sp-ban-bottom { text-align: center; }

.sp-ban-bottom .sp-bb-btn { border: 2px solid white; text-align: center; padding: 12px 27px; border-radius: 25px; font-size: 14px; letter-spacing: 0.25px; transition: background-color 0.3s; cursor: pointer; display: inline-block; color: #fff; margin-left: auto; margin-right: auto; margin-bottom: 22px; }

.sp-ban-bottom .sp-bb-btn:hover { background-color: rgba(255, 255, 255, 0.2); }

#transparency { text-align: center; }

#controls span { padding-right: 2em; cursor: pointer; }

#cubeContainer { -webkit-perspective: 1400; -ms-perspective: 1400; perspective: 1400; -webkit-perspective-origin: 50% 100px; -moz-perspective-origin: 50% 100px; -ms-perspective-origin: 50% 100px; perspective-origin: 50% 100px; margin: 50px auto 20px auto; width: 100%; height: 300px; }

#cubeContainer #spinner { position: relative; margin: 0 auto; height: 275px; width: 275px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 100px 0; -moz-transform-origin: 50% 100px 0; -ms-transform-origin: 50% 100px 0; transform-origin: 50% 100px 0; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; }

#cubeContainer #Ycube, #cubeContainer #Zcube { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }

#cubeContainer .face { position: absolute; height: 275px; width: 275px; padding: 0px; }

#spinner .one { -webkit-transform: translateZ(225px); -moz-transform: translateZ(225px); -ms-transform: translateZ(225px); transform: translateZ(225px); }

#spinner .two { -webkit-transform: rotateY(90deg) translateZ(225px); -moz-transform: rotateY(90deg) translateZ(225px); -ms-transform: rotateY(90deg) translateZ(225px); transform: rotateY(90deg) translateZ(225px); }

#spinner .three { -webkit-transform: rotateY(180deg) translateZ(225px); -moz-transform: rotateY(180deg) translateZ(225px); -ms-transform: rotateY(180deg) translateZ(225px); transform: rotateY(180deg) translateZ(225px); }

#spinner .four { -webkit-transform: rotateY(-90deg) translateZ(225px); -moz-transform: rotateY(-90deg) translateZ(225px); -ms-transform: rotateY(-90deg) translateZ(225px); transform: rotateY(-90deg) translateZ(225px); }

.trans { opacity: 0.8; }

@media (min-width: 918px) { .sp-main-profile { margin-left: 10px; } }

@media (max-width: 917.9px) { .sp-main-profile h2 { font-size: 20px; } }

.sp-sp-mobile-banner { margin-bottom: 15px; }

@media (min-width: 918px) { .sp-sp-mobile-banner { display: none !important; } }

.sp-sp-holder { width: 100%; }

@media (min-width: 918px) { .sp-sp-holder { display: flex; gap: 20px; } }

.sp-sp-holder .sp-sp-left { width: calc(68% - 22px); max-width: 748px !important; }

@media (max-width: 917.9px) { .sp-sp-holder .sp-sp-left { margin-left: auto !important; margin-right: auto !important; margin-bottom: 15px; } }

@media (min-width: 918px) { .sp-sp-holder .sp-sp-right { width: 32%; } }

@media (max-width: 917.9px) { .sp-sp-holder .sp-sp-right { width: 100%; display: none; } }

@media (max-width: 917.9px) { #sp-profile-layout.pagewidth { margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; } }

.sp-message-holder { background-color: rgba(125, 177, 201, 0.13); min-height: 598px; border-radius: 10px; padding: 30px 30px; }

#message_badge, #offer_badge { background-color: #F8463E; color: #fff; font-size: 11px; display: inline-block; line-height: 1; width: 20px; height: 10px; padding-top: 5px; padding-bottom: 5px; border-radius: 50%; position: absolute; right: -15px; top: -15px; text-align: center; display: none; }

.sp-profile-menu-options > li > span { position: relative; }

.sp-msg-heading, .sp-offer-heading { font-weight: normal; }

.sp-msg-heading.unread, .sp-offer-heading.unread { font-weight: bold; }

.sp-campinfo-page { color: #fff; padding-bottom: 40px; border-radius: 8px; background-image: linear-gradient(180deg, black 0%, #605ba8 91%, #605ba8 95%, #605ba8 99%); min-height: 616px; }

.sp-campinfo-page .campinfo-list .accordion-body { color: #fff !important; line-height: 1.5 !important; }

.sp-campinfo-page .no-products-bought { text-align: center; padding-top: 100px; }

.sp-campinfo-top-image { border-radius: 10px; width: 343px; height: 214px; background-size: cover; }

.sp-top-images { display: flex; gap: 20px; justify-content: center; }

@media (max-width: 917.9px) { .sp-top-images { position: relative; width: calc(100% - 30px); height: 200px; overflow: hidden; margin-left: auto; margin-right: auto; } .sp-campinfo-top-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; z-index: 0; } .sp-campinfo-top-image.active { opacity: 1; z-index: 1; } }

@media (min-width: 918px) { .sp-ci-columns { margin: 43px 30px; display: flex; gap: 20px; } }

@media (max-width: 917.9px) { .sp-ci-columns { margin: 23px 15px; } }

.sp-ci-columns .custom-accordion .accordion-header-wrapper { font-size: 14px; color: #fff; line-height: 1.5; align-items: baseline; }

.sp-ci-columns h3 { font-size: 18px; color: #fff; margin-bottom: 20px; margin-top: 45px; }

@media (min-width: 918px) { .sp-ci-columns .sp-ci-left-col { width: 50%; } }

@media (max-width: 917.9px) { .sp-ci-columns .sp-ci-left-col { width: 100%; } }

.sp-ci-columns .sp-ci-left-col h3:first-of-type { margin-top: 0; }

@media (min-width: 918px) { .sp-ci-columns .sp-ci-right-col { width: 50%; } }

@media (max-width: 917.9px) { .sp-ci-columns .sp-ci-right-col { width: 100%; margin-top: 45px; } }

.sp-ci-columns .sp-ci-right-col h3:first-of-type { margin-top: 0; }

.sp-campinfo-heading { text-align: center; font-weight: 500; color: #fff; }

@media (min-width: 918px) { .sp-campinfo-heading { margin-top: 0px; padding-top: 50px; font-size: 28px; margin-bottom: 34px; } }

@media (max-width: 917.9px) { .sp-campinfo-heading { margin-top: 0px; padding-top: 24px; font-size: 24px; margin-bottom: 21px; } }

.sp-ci-title { text-align: center; font-weight: 500; }

@media (min-width: 918px) { .sp-ci-title { margin-top: 48px; font-size: 31px; } }

@media (max-width: 917.9px) { .sp-ci-title { margin-top: 31px; font-size: 23px; } }

.sp-ci-age-group { text-align: center; text-transform: uppercase; margin-top: 19px; }

.sp-ci-time-period { text-align: center; }

.sp-ci-text { text-align: center; letter-spacing: -0.4px; }

@media (min-width: 918px) { .sp-ci-text { margin-top: 20px; font-size: 20px; } }

@media (max-width: 917.9px) { .sp-ci-text { margin-top: 15px; font-size: 15px; width: calc(100% - 30px); margin-left: auto; margin-right: auto; } }

.sp-profile-file { display: table; margin-bottom: 10px; margin-left: 20px; }

@media (min-width: 918px) { .sp-file-preview { display: table-cell; vertical-align: middle; } .sp-file-metadata { display: table-cell; vertical-align: middle; padding-left: 10px; } }

@media (max-width: 917.9px) { .sp-file-preview { display: block; } .sp-file-metadata { display: block; vertical-align: middle; } }

.sp-file-preview { vertical-align: middle; }

.sp-file-metadata { vertical-align: middle; }

.sp-preview-image { width: 200px; border-radius: 10px; }

.sp-pdf-icon { width: 48px; }

.sp-file-page { color: #fff; padding-bottom: 40px; border-radius: 8px; background-image: linear-gradient(180deg, black 0%, #605ba8 91%, #605ba8 95%, #605ba8 99%); min-height: 616px; }

.no-files-holder > h2 { color: #fff; font-weight: 400; max-width: 403px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 48px; margin-bottom: 35px; }

@media (min-width: 918px) { .no-files-holder > h2 { font-size: 30px; } }

@media (max-width: 917.9px) { .no-files-holder > h2 { width: calc(100% - 30px); font-size: 23px; } }

.no-files-holder > .no-files-big-text { text-align: center; margin-top: 40px; max-width: 662px; margin-left: auto; margin-right: auto; letter-spacing: -0.4px; }

@media (min-width: 918px) { .no-files-holder > .no-files-big-text { font-size: 20px; } }

@media (max-width: 917.9px) { .no-files-holder > .no-files-big-text { width: calc(100% - 30px); font-size: 16px; margin-left: auto; margin-right: auto; } }

.no-files-holder > .no-files-small-text { margin-top: 12px; letter-spacing: -0.5px; text-align: center; margin-bottom: 12px; }

@media (min-width: 918px) { .no-files-holder > .no-files-small-text { font-size: 15px; } }

@media (max-width: 917.9px) { .no-files-holder > .no-files-small-text { width: calc(100% - 30px); font-size: 14px; margin-left: auto; margin-right: auto; } }

.no-files-holder > p { text-align: center; }

.no-files-holder .sp-bb-btn { border: 2px solid white; text-align: center; padding: 12px 27px; border-radius: 25px; font-size: 14px; letter-spacing: 0.25px; transition: background-color 0.3s; cursor: pointer; display: inline-block; color: #fff; margin-left: auto; margin-right: auto; margin-top: 22px; display: inline-block; }

.no-files-holder .sp-bb-btn:hover { background-color: rgba(255, 255, 255, 0.2); }

@media (min-width: 918px) { .no-files-holder .no-files-example-images { display: table; margin-left: auto; margin-right: auto; } }

@media (max-width: 917.9px) { .no-files-holder .no-files-example-images { display: block; margin-left: auto; margin-right: auto; width: calc(100% - 30px); } }

.no-files-holder .no-files-example-images .no-files-img-left { display: table-cell; background-size: cover; border-radius: 10px; width: 472px; max-height: 294px; }

@media (min-width: 918px) { .no-files-holder .no-files-example-images .no-files-img-left { height: 294px; } }

@media (max-width: 917.9px) { .no-files-holder .no-files-example-images .no-files-img-left { padding-bottom: 63%; } }

.no-files-holder .no-files-example-images .no-files-img-spacer { width: 20px; }

@media (max-width: 917.9px) { .no-files-holder .no-files-example-images .no-files-img-spacer { display: none; } }

.no-files-holder .no-files-example-images .no-files-img-right { display: table-cell; background-size: cover; border-radius: 10px; max-width: 214px; max-height: 294px; width: 214px; height: 294px; max-height: 294px; }

@media (max-width: 917.9px) { .no-files-holder .no-files-example-images .no-files-img-right { display: none; } }

.sp-profile-top { text-align: center; margin-top: 66px; }

.sp-profile-top .profile-sp-logo { margin-top: 40px; }

.sp-profile-top h3 { font-style: normal; font-family: "Poppins"; font-weight: 600; background-clip: border-box; background-image: none; font-weight: 600; color: #689AAB; }

@media (min-width: 918px) { .sp-profile-top h3 { font-size: 38px; margin-top: -25px; margin-bottom: 2px; } }

@media (max-width: 917.9px) { .sp-profile-top h3 { font-size: 28px; margin-top: -25px; margin-bottom: 2px; width: calc(100% -30px); margin-left: 15px; margin-right: 15px; } }

.sp-profile-top p { max-width: 390px; margin-left: auto; margin-right: auto; color: #000; font-weight: 500; }

@media (min-width: 918px) { .sp-profile-top p { font-size: 20px; margin-top: 15px; margin-bottom: 10px; } }

@media (max-width: 917.9px) { .sp-profile-top p { font-size: 16px; margin-top: 10px; margin-bottom: 22px; line-height: 1.5; width: calc(100% -30px); margin-left: 15px; margin-right: 15px; } }

.sp-new-order { border-top: 2px solid black; }

.sp-profile-menu-options { list-style-type: none; text-align: center; margin: 30px 0 0 0; padding: 0; }

.sp-profile-menu-options li { margin: 0; display: inline-block; border-radius: 20px; font-size: 14px; cursor: pointer; background-color: #659BAE; color: #fff; margin-right: 10px; padding: 6px 16px; }

.sp-profile-menu-options li span .profile-running-man { fill: #7e7e7e; }

@media (max-width: 480px) { .sp-profile-menu-options li { width: calc(100% - 32px); margin-bottom: 15px; } }

.sp-profile-menu-options li:last-of-type { margin-right: 0px; }

.sp-profile-menu-options li:hover, .sp-profile-menu-options li.active { background-color: #0A1012; color: #fff; }

.sp-profile-menu-options li:hover span .profile-running-man, .sp-profile-menu-options li.active span .profile-running-man { fill: #ffffff; }

.sp-profile-menu-options li i { margin-right: 6px; }

.sp-profile-menu-options li span { display: block; }

.sp-profile-container { max-width: 1200px; margin-top: 30px; margin-left: auto; margin-right: auto; }

.sp-profile-container .sp-profile-menu { overflow: hidden; }

@media (min-width: 918px) { .sp-profile-container .sp-profile-menu { margin-bottom: 20px; } }

@media (max-width: 917.9px) { .sp-profile-container .sp-profile-menu { margin-bottom: -10px; } }

.sp-profile-container .sp-profile-main { transition: opacity 0.5s; border-radius: 10px; overflow: hidden; }

@media (min-width: 918px) { .sp-profile-container .sp-profile-main { padding: 20px; } }

@media (max-width: 917.9px) { .sp-profile-container .sp-profile-main { padding: 15px; margin-top: 25px; } }

.sp-profile-greeting { font-family: "Poppins", Sans-serif; font-size: 40px; font-weight: bold; }

.sp-profile-box { border: 1px solid #ddd; background-color: #fff; border-radius: 10px; padding: 15px 20px; position: relative; margin-bottom: 40px; margin-top: 30px; }

.sp-profile-box .sp-content { margin-top: 10px; margin-bottom: 10px; }

.sp-profile-box .sp-quote-holder { float: left; width: 25px; height: 25px; margin-right: 13px; }

.sp-profile-box .sp-quote-holder svg { width: 30px; height: 30px; fill: #1b3662; }

.sp-profile-box .sp-line-text { display: table; background-color: #fffffa; margin-top: -30px; }

.sp-profile-box .sp-qb-image-holder { display: block; width: 100px; height: 100px; border: 1px solid #ddd; background-size: cover; border-radius: 50%; position: absolute; right: -30px; bottom: -50px; }

.sp-profile-main .gallery { display: flex; gap: 20px; margin-top: 20px; margin-bottom: 20px; }

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ }

.fancybox__content { background-color: #181818; }

.sp-login-message { height: 400px; max-width: 908px; border: 1px solid #ddd; margin-top: 40px; margin-bottom: 40px; margin-left: auto; margin-right: auto; border-radius: 20px; box-shadow: 5px 6px 20px 4px rgba(204, 204, 204, 0.98); display: flex; align-items: center; text-align: center; }

.sp-login-message span { width: 100%; }

.noclick-btn a { pointer-events: none; cursor: default; }

.gf_progressbar_percentage { background-color: #6ea6b8 !important; }

.gform_next_button, input[type=submit].gform_button { background-color: #6ea6b8 !important; padding: 4px 30px !important; border-radius: 20px !important; }

.gform_previous_button { padding: 4px 30px !important; border-radius: 20px !important; }

.sp-crop-container { overflow: hidden; width: 195px; }

.sp-crop-container a { width: 266px; display: block; }

.sp-crop-container a img { height: 60px; margin-top: 10px; width: 266px; margin-bottom: 0; margin-left: 0; margin-right: 0; }

@media (max-width: 679px) { .sp-crop-container { margin-left: auto; margin-right: auto; } }

@media (min-width: 679.1px) { .sp-crop-container { text-align: right; float: right; margin-right: 33px; } }

.sp-spacer-20 { display: block; height: 20px; }