@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900;1000&family=Rubik:wght@300&display=swap');

@import url("variables.css");
@import url("helpers.css");
@import url("components/button.css");
@import url("components/message-section.css");
@import url("components/hero.css");
@import url("components/countdown.css");
@import url("components/woocommerce.css");

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?o8siay');
  src:  url('../fonts/icomoon.eot?o8siay#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?o8siay') format('truetype'),
    url('../fonts/icomoon.woff?o8siay') format('woff'),
    url('../fonts/icomoon.svg?o8siay#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
  content: "\e90c";
}
.icon-fi_user-plus:before {
  content: "\e90b";
  color: #fafafa;
}
.icon-log-out:before {
  content: "\e909";
  color: #fafafa;
}
.icon-my-challenge:before {
  content: "\e90a";
  color: #fafafa;
}
.icon-close:before {
  content: "\e908";
  color: #fafafa;
}
.icon-remove:before {
  content: "\e907";
}
.icon-longArrow:before {
    content: "\e904";
    color: #fafafa;
}
.icon-arrowDown:before {
    content: "\e900";
    color: #fff;
}
.icon-arrowRight:before {
    content: "\e901";
    color: #fafafa;
}
.icon-pagLeft:before {
    content: "\e902";
    color: #fafafa;
}
.icon-pagRight:before {
    content: "\e903";
    color: #fafafa;
}
.icon-shopping-cart:before {
    content: "\e905";
    color: #fafafa;
}
.icon-user:before {
    content: "\e906";
    color: #fafafa;
}
.icon-arrow_up:before {
    content: "\e908";
}
.icon-arrow_down:before {
    content: "\e907";
}
i {
    display: inline-block;
    vertical-align: middle;
}
.demo_store {
    background: linear-gradient(304deg, #E52824 4.11%, #CEC71D 120.48%) !important;
}
.demo_store a {
    color: #fff;
    text-decoration: underline;
}
.demo_store a:hover {
    color: #fff;
}

.hide {
    display: none;
}

body {
    background: #0D0D0D;
    font-family: 'Mulish', 'icomoon', sans-serif;
    color: #fff;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6,
span, p {
    color: #FAFAFA;
}
span {
    letter-spacing: 0.54px;
}

h1{
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
}
h2 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 50px;
}
h3 {
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 15px;
}

.subtitle {
    font-size: 30px;
    line-height: 42px;
    font-weight: 600;
}

p {
    line-height: 25px;
    letter-spacing: 0.03em;
}

a {
    transition: 200ms;
    color: var(--l-red);
    text-decoration: none;
}
a:hover {
    color: var(--l-red);
}

ul {
    padding: 0;
    list-style: none;
}

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

.woocommerce-notices-wrapper {
    display: none;
}

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

.pr0 {
    padding-right: 0;
}

header {
    height: 140px;
    margin-bottom: 50px;
}
header .buttonsColumn .userButton, header .buttonsColumn .rgbButton {
    z-index: 3;
}
.introHeader {
    height: 140px;
}

section {
    position: relative;
    margin-bottom: 100px;
}

.subRow {
    margin-top: 20px;
}
.subRow > div {
    margin-bottom: 30px;
}
.subRow h3 {
    margin-bottom: 7px;
}

.noPadding {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.postView section:first-child {
    margin-bottom: 20px;
}
.postViewContent h2,
.postViewContent h3,
.postViewContent h4 {
    margin-top: 50px;
}

.desktopHidden {
    display: none;
}

input[type="text"] {
    width: 100%;
    border-radius: 10px;
    padding: 10px 15px;
    background: #FAFAFA;
    border: none;
}
input:focus {
    outline: none;
}
::placeholder {
    color: #0D0D0D;
    text-align: center;
    font-weight: 400;
}
.subtitle .goBack {
    font-size: 16px;
    margin-left: 10px;
    transition: 200ms;
}
.subtitle:hover .goBack {
    margin-left: 15px;
}
.subtitle .goBack::before {
    transition: 200ms;
}
.subtitle:hover .goBack::before {
    color: #1F8BCD;
}

.userButton {
    margin-left: 30px;
    position: relative;
}
.shoppingCartButton {
    margin-left: 20px;
    z-index: 11;
    position: relative;
    background: transparent;
    border: none;
    padding: 0;
}
.userButton {
    margin-left: 30px;
    z-index: 11;
    position: relative;
    background: transparent;
    border: none;
    padding: 0;
}
.cartCount {
    position: absolute;
    top: -4px;
    right: -5px;
    font-size: 14px;
    line-height: 14px;
    background: var(--l-red);
    width: 21px;
    height: 21px;
    text-align: center;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.miniCart, .accountMenuItem {
    display: none;
    position: absolute;
    right: 0;
    z-index: 10;
    width: auto;
    top: 0;
    top: 140px;
    height: calc(100vh - 140px);
}
.accountMenuItem {
    flex-direction: column;
    top: 50px;
    min-width: 270px;
    text-align: left;
    padding: 30px;
    height: initial;
    background: rgba(148, 148, 148, 0.25);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 4px;
    gap: 14px;
}
.accountMenuItem a {
    color: #fff;
    transition: initial;
}
.accountMenuItem  i {
    font-size: 24px !important;
}
.accountMenuItem a i {
    margin-right: 7px;
}
.accountMenuItem a:hover,
.accountMenuItem a:hover i::before {
    color: var(--l-red);
}
.logOut {
    margin-top: 15px;
}
.userItemWrap{
    position: relative;
}
.miniCart.active{
    display: flex;
    position: fixed;
}
.accountMenuItem.active {
    display: flex;
}
.miniCartWrap span {
    color: var(--l-black);
}
.miniCartWrap {
    width: 100%;
    background-color: var(--l-white);
    padding: 25px;
    overflow: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.miniCartWrap .rgbButton {
    display: inline-block !important;
}
.miniCartProduct {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

.miniCartProduct > a {
    align-items: center;
    display: flex;
}

.miniCartProduct::after {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--l-black);
}
.account-order .miniCartProduct::after {
    display: none;
}
.checkoutOrder .miniCartProduct::after {
    display: none;
}
.accountDetailsRight {
    padding: 0;
}

.miniCartProduct .icon-remove {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--l-black);
}
.miniCartDataInner {
    text-align: left;
    margin-left: 16px;
    max-width: 175px;
}

.miniCartDataInner a,
.miniCartDataInner p {
    margin-top: 0;
    color: var(--l-white);
}

.miniCart .miniCartDataInner a,
.miniCart .miniCartDataInner p {
    color: var(--l-black);
}


.miniCartDataInner p:first-child {
    margin-bottom: 5px;
}
.miniCartProductDesc {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 7px;
}
.miniCartCountBlock .productCount button {
    width: 20px;
    height: 20px;
}
.miniCartCountBlock .minusProduct::before {
    width: 18px;
}
.miniCartCountBlock .plusProduct::before {
    width: 18px;
}
.miniCartCountBlock .plusProduct::after {
    height: 18px;
}

.miniCartCountBlock {
    display: flex;
    align-items: center;
}
.miniCartCountBlock button {
    margin: 0 7px !important;
}
.miniCartProduct img {
    width: 120px;
}
.miniCartDataInner .productCount button::after,
.miniCartDataInner .productCount button::before {
    background: var(--l-black);
}
.miniCartDataInner .productCount span {
    color: var(--l-black);
}
.miniCart .delete-item {
    margin-left: 20px;
}
.miniCart {
    width: 400px;
    z-index: 1001;
}
.cart-table .delete-item i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}
.miniCartTotal {
    padding-top: 15px;
    text-align: center;
}
.miniCartTotal span,
.miniCartTotal p {
    color: var(--l-black);
}
.miniCartTotal > div {
    display: flex;
    justify-content: space-between;
}
.miniCartTotal .rgbButton {
    display: inline-block;
}
.miniCart .button::after {
    background: rgb(0 0 0 / 20%);
}
.miniCartTotal .button:hover {
    color: #FAFAFA;
}
.miniCartButtons {
    margin-top: 55px;
}

.miniCartButtons > .l-button:last-child {
    margin-top: 12px;
}

.buttonsColumn > a:hover i:before,
.buttonsColumn button:hover i:before {
    color: var(--l-red);
}
.buttonsColumn i {
    font-size: 33px;
}
.miniCartContainer {
    display: inline-flex;
}
.miniCartContent h3 {
    background-clip: text;
    text-transform: uppercase;
    text-align: center;
}
.miniCartContent > p {
    text-align: center;
}
.miniCartClose::before,
.miniPopupClose::before,
.ig_close::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 20px;
    height: 2px;
    background: var(--l-black);
}
.miniCartClose::after,
.miniPopupClose::after,
.ig_close::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 2px;
    height: 20px;
    background: var(--l-black);
}
.miniPopupClose::after,
.ig_close::after {
    height: 40px;
    background-color: #000;
}
.miniPopupClose::before,
.ig_close::before {
    width: 40px;
    background-color: #000;
}
.miniCartClose {
    z-index: 10;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 10px;
    cursor: pointer;
}
.miniPopupClose,
.ig_close {
    z-index: 10;
    transform: rotate(45deg);
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 20px;
    cursor: pointer;
}
.miniPopupClose:hover::after, .miniPopupClose:hover::before,
.ig_close:hover::after, .ig_close:hover::before {
    background-color: #fff;
}
.miniCartClose:hover::after, .miniCartClose:hover::before {
    background-color: var(--l-red);
}


/*GRADIENT BUTTON*/
.button {
    border: 1px solid var(--l-white);
    border-radius: 15px;
    color: var(--l-white);
    width: fit-content;
    display: inline-block;
    position: relative;
    padding: 15px 40px;
    font-size: 16px;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
    background: #0d0d0d;
    min-width: 200px;
    transition: 200ms;
    text-align: center;
}

.button:hover {
    background-color: var(--l-white);
    color: var(--l-black);
}
.rgbButton.active .button::after {
    background: #0d0d0d !important;
}
.checkoutFormButtons .rgbButton {
    cursor: pointer;
}
.checkoutFormButtons .rgbButton.active::before {
    background: initial !important;
}
.checkoutFormButtons .rgbButton.active {
    pointer-events: none !important;
    cursor: initial !important;
}

.checkoutFormButtons .rgbButton.active .button{
    background-color: var(--l-white);
    color: var(--l-black);
}

header .button {
    padding: 7px 25px;
    min-width: unset;
    border-radius: 11px;
    background: transparent;
}
header .button::after {
    border-radius: 10px;
}
.rgbButton {
    display: inline-flex;
    position: relative;
}
.rgbButton:hover::before {
    opacity: 1;
}
.cardResult .rgbImg::before {
    content: '';
    pointer-events: none;
    transition: 800ms cubic-bezier(0.22, 0.61, 0.36, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(215deg, rgba(64, 158, 127, 1) 0%, rgba(206, 199, 29, 1) 26.04%, rgba(168, 47, 69, 1) 51.04%, rgba(31, 139, 205, 1) 75%, rgba(161, 136, 213, 1) 100%);
    border-radius: 10px;
    transform: translate3d(0, 0, 0);
    -webkit-filter: blur(30px);
    filter: blur(30px);
    opacity: 0;
}
button:active {
    background-color: transparent;
}

/*MENU*/
.menuContent {
    position: fixed;
    top: 0;
    left: -600px;
    width: 600px;
    height: 100vh;
    background-color: #0d0d0d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    transition: left 0.3s ease;
    z-index: 1002;
}
.menuContent.open {
    left: 0;
    align-items: center;
    text-align: center;
}
.menuContent {
    align-items: center;
    text-align: center;
}
.menu {
    display: none;
}
.menu ul li a {
    font-size: 38px;
}
.menu ul li a:hover {
    color: var(--l-red);
}
.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu li {
    margin: 20px 0;
    text-align: center;
}
.menu a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}
.open .menu {
    display: block;
    overflow: auto;
    scrollbar-width: none;
}
.open .menu::-webkit-scrollbar {
    width: 0;
}

.menu ul li::before {
    display: none;
}
.menuIcon {
    width: 50px;
    height: 25px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    transition: 200ms;
    position: relative;
}
.menuIcon:hover .line {
    background: var(--l-red);
}
.menuIcon:hover {
    transform: scaleY(1.2);
}
.menuClose {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 51px;
    right: 20px;
    cursor: pointer;
    opacity: 1;
    transition: 400ms;
    transition-delay: 200ms;
    z-index: 2;
}
.lineClose {
    position: absolute;
    width: 3px;
    height: 50px;
    background-color: #fff;
    transform-origin: center;
    left: 23px;
    border-radius: 10px;
    transition: 200ms;
}
.menuClose:hover .lineClose {
    background: var(--l-red);
}
.lineClose.horizontal {
    transform: rotate(45deg);
}
.lineClose.vertical {
    transform: rotate(-45deg);
}
body.overflow{
    overflow: hidden;
}
.overflow{
    overflow: hidden;
}
.line {
    width: 50px;
    height: 3px;
    background-color: #fff;
    transition: 200ms;
    border-radius: 10px;
}
.menuSearch button {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    padding: 10px 20px;
}
.menuSearch button img {
    pointer-events: none;
    transition: 200ms;
}
.menuSearch button:focus-visible {
    outline: none;
}
.menuSearch input {
    width: 360px;
    padding: 10px 25px;
    background: transparent;
    border: 2px solid #BABABA;
    color: #FAFAFA;
}
.menuLogo {
    margin-top: auto;
    margin-bottom: 50px;
    opacity: 0;
}
.menuSearch {
    position: relative;
    margin-bottom: auto;
    margin-top: 50px;
    opacity: 0;
}
.menuContent.open .menuSearch,
.menuContent.open .menuLogo {
    opacity: 1;
}

/*.menuIcon.open .line:nth-child(2) {
    opacity: 0;
}
.menuIcon.open .line:last-child {
    transform: translateY(-11px) rotate(-45deg);
}
.menuIcon.open .line:first-child {
    transform: translateY(11px) rotate(45deg);
}*/
.menuIcon.open:hover {
    transform: none;
}
.menuIcon.open {
    /*    transform: scale(0.9);*/
    opacity: 0;
}
.menuIcon.open::after {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    height: 50px;
    width: 50px;
}


/*LANDING PAGE*/
.landing section::before,
.subscribe input {
    margin: 26px 0;
}


section.preorder {
    padding: 50px 0 100px 0;
    margin-bottom: 0;
}

/*FOOTER*/
footer {
    padding: 50px 0;
}
.footer {
    padding: 50px 0 0;
}
footer a,
footer span,
footer p {
    color: #BABABA;
    text-decoration: none;
}
.copyright {
    font-size: 14px;
    font-weight: 300;
}
footer > .container > .row > div {
    margin-bottom: 30px;
}
.socialLinks img {
    height: 25px;
}
.socialLinks {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
}


/*POST HEADING*/
.postHeading > span {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
    display: block;
}
.postDetails span {
    margin-right: 70px;
}

/*SUBSCRIBE BLOCK*/
.subscribe span {
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
}

/*POST ENTRIES*/
.topJournalEntries,
.contactBlocks {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.entry,
.contactBlock {
    flex-basis: calc(33.33% - 20px);
    text-align: center;
    padding: 50px 30px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.contactBlock {
    padding: 40px 30px;
}

.support .accordion button .icon-wrap::before {
    content: '';
    background: linear-gradient(153deg, rgba(64, 158, 127, 1) 0%, rgba(206, 199, 29, 1) 26.04%, rgba(168, 47, 69, 1) 51.04%, rgba(31, 139, 205, 0.7) 75%, rgba(161, 136, 213, 1) 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 5px;
}

.support .accordion button .icon-wrap::after {
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #0D0D0D;
    left: 2px;
    top: 2px;
    border-radius: 4px;
    z-index: -1;
    transition: 300ms;
}

.support .l-accordion-item::before {
    content: "";
    margin: 0;
}

.carousel-item:hover::after {
    background: #0d0d0d9c;
}
.carousel-item h3 {
    transition: 300ms;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
}
.carousel-item:hover h3 {
    opacity: 0;
    transform: translateY(calc(-50% - 80px));
}
.carousel-item > div {
    opacity: 0;
    transform: translateY(20px);
    transition: 300ms;
    position: absolute;
    left: 0;
    padding: 0 20px;
    bottom: 50%;
    transform: translateY(calc(50% + 70px));
    width: 100%;
}
.carousel-item:hover > div {
    opacity: 1;
    transform: translateY(50%);
}
.entry h3,
.contactBlock h3 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-bottom: 30px;
}
.entry a,
.contactBlock a {
    color: #FAFAFA;
    text-decoration: none;
    font-weight: 800;
    position: relative;
    display: inline-block;
}

.entry a:last-child,
.contactBlock a:last-child {
    margin-right: 30px;
}

.entry a:last-child::after,
.contactBlock a::after {
    content: "\e901";
    background-position: top right;
    width: 40px;
    height: 18px;
    position: absolute;
    top: 2px;
    transition: transform 200ms;
    font-family: 'icomoon';
    font-weight: 300;
    font-size: 16px;
}
.entry a:hover,
.contactBlock a:hover {
    color: var(--l-red);
}
.entry a:hover::after,
.contactBlock a:hover::after {
    color: var(--l-red);
    transform: translateX(4px);
}
.entry p,
.contactBlock p {
    margin: 0 0 30px;
}
.entriesSection h2,
.contactSection {
    text-align: center;
}
.entriesTags {
    justify-content: space-between;
    display: flex;
    margin: 50px 0;
}
.entriesTags input,
.dropdownButton{
    background: #0d0d0d;
    border: 2px solid #FAFAFA;
    color: #FAFAFA;
}
.dropdownButton {
    border-radius: 10px;
    padding: 15px 25px;
    text-align: left;
    position: relative;
}
.tag-filter::after,
select#country::after {
    content: '';
    background: url(../images/arrowDown.svg) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 12px;
}
.entrySearch button {
    background: transparent;
    border: 0;
    position: absolute;
    right: 0;
    padding: 15px 20px;
}
.entrySearch button img {
    pointer-events: none;
    transition: 200ms;
}
.entrySearch button:focus-visible {
    outline: none;
}
.entrySearch {
    width: 48.5%;
    position: relative;
}
.entrySearch input {
    width: 100%;
    padding: 15px 25px;
}
.wp-block-embed__wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.wp-block-image.size-large img {
    height: auto;
    object-fit: contain;
    width: 100%;
}

/*PAGE PAGINATION*/
.pagination a {
    font-size: 18px;
    font-weight: 800;
    margin: 0 8px;
    color: #FAFAFA;
    text-decoration: none;
}
.pagination {
    margin-bottom: 50px;
}
.entrySearch button:hover img {
    filter: invert(70%) sepia(80%) saturate(800%) hue-rotate(325deg);
}

/*POST SLIDE*/
.postSlide {
    min-height: 440px;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    padding: 30px 0;
}

.postView .postDetails span {
    margin: 0 35px;
    color: #BABABA;
}
.postDetails {
    border-bottom: 1px solid #BABABA;
    padding-bottom: 7px;
}
.postViewTags {
    margin-top: 7px;
    color: #BABABA;
}
.postViewContent {
    margin-bottom: 50px;
    max-width: 835px;
}
.postViewContent p {
    text-align: justify;
}

/*JOURNAL SLIDE*/
.journalSlide img {
    width: 100%;
}
.journalSlide .postHeading h1 {
    text-align: left !important;
}
.journal .postDetails {
    border: 0;
}

.tag-filter {
    display: flex;
    position: relative;
    border: 2px solid #FAFAFA;
    padding: 15px 20px;
    cursor: pointer;
    border-radius: 10px;
    width: 50%;
}
.tag-filter label {
    display: flex;
    cursor: pointer;
}
.tag-filter input {
    margin: 0 10px 0 14px;
    cursor: pointer;
}
#tagLabel {
    margin-right: 5px;
}
.tag-list {
    display: none;
    flex-direction: column;
    width: 100%;
    position: absolute;
    background: #0d0d0d;
    border: 2px solid #FAFAFA;
    border-radius: 10px;
    list-style: none;
    padding: 0;
    z-index: 10;
    left: 0;
    top: calc(100% + 15px);
    padding: 10px 15px;
    cursor: auto;
}

.tag-list.active {
    display: block;
}
.tag-list li {
    padding: 10px 5px;
}
.tag-list li::before {
    display: none;
}

/*PRIVACY PAGE*/
.privacyContact p {
    margin: 0;
    color: #BABABA;
}
.privacyContact a {
    display: block;
    margin-top: 15px;
    color: #BABABA;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
}
body.privacy section {
    margin-bottom: 50px;
}

.custom-checkbox-label {
    position: relative;
    padding-left: 30px;
}
.custom-checkbox-label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.custom-checkbox {
    position: absolute;
    top: 2px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: #0d0d0d;
    border: 2px solid #FAFAFA;
    border-radius: 2px;
}
.custom-checkbox-label:hover .custom-checkbox {
    background-color: #0d0d0d;
}
.custom-checkbox-label input[type="checkbox"]:checked ~ .custom-checkbox {
    background: var(--l-red);
    border: 2px solid #FAFAFA;
    border-color: var(--l-red);
}
.custom-checkbox-label input[type="checkbox"]:checked ~ .custom-checkbox::after {
    content: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"%3E%3Cpath d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/%3E%3C/svg%3E');
    color: #0d0d0d;
    position: absolute;
    top: -5px;
    left: 2px;
}

.custom-checkbox-label:hover {
    color: var(--l-red);
}
.custom-checkbox-label:hover .custom-checkbox {
    border-color: var(--l-red);
}

.form-success-message,
.form-fail-message {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.03em;
    text-align: center;
}
.form-success-message {
    color: #5EFF87;
    margin-top: 30px;
}
.form-fail-message {
    color: #EC4650;
    margin-top: 15px;
}
.page-number.active {
    color: var(--l-white);
}
.page-number.active:hover {
    color: var(--l-red);
}
.postHeading a {
    text-decoration: none;
}

/*HOME PAGE*/
.slideSection p {
    margin-bottom: 30px;
}
.slideSection > div,
.rgbBorder {
    background: linear-gradient(153deg, rgba(64, 158, 127, 1) 0%, rgba(206, 199, 29, 1) 26.04%, rgba(168, 47, 69, 1) 51.04%, rgba(31, 139, 205, 0.7) 75%, rgba(161, 136, 213, 1) 100%);
    padding: 50px 0;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.slideSection > div {
    margin-bottom: 50px;
}
.slideSection > div::after,
.rgbBorder::after {
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
    background: #0d0d0d;
    border-radius: 4px;
    z-index: -1;
}
.productView h1 {
    text-align: left;
}
.productCards {
    display: flex;
    justify-content: space-between;
}
.productCards > a {
    width: 26%;
    text-align: center;
    text-decoration: none;
}

.productCards img {
    width: 100%;
    height: auto;
    transition: 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cardHover {
    position: relative;
    margin-bottom: 30px;
    transition: 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    overflow: hidden;
}

.cardHover::after {
    content: '';
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #0d0d0d;
    left: 2px;
    top: 2px;
    border-radius: 15px;
    z-index: -1;
}
.cardHover img:nth-child(2) {
    background: unset;
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 60%);
    margin: 0;
    opacity: 0;
    transition: 500ms cubic-bezier(0.22, 0.61, 0.36, 1);
    height: calc(100% - 40px) !important;
}
.productCards > a:hover .cardHover {
    transform: scale(1.1);
}
.productCards > a:hover .cardHover img:first-child {
    opacity: 0;
}
.productCards > a:hover .cardHover img:nth-child(2) {
    opacity: 1;
    transform: translate(-50%, 50%);
}
.reviewText {
    margin: 50px 0;
}
.productReviewTwoSections .rgbBorder,
.productReviewTwoSections .rgbBorder::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.productReviewTwoSections img {
    height: 100%;
}
.productReviewThreeSections .rgbBorder {
    margin: 0;
    border-radius: 0;
    background: none;
    padding: 0;
}
.productReviewThreeSections .rgbBorder::after {
    border-radius: 0;
}
.productReviewThreeSections .rgbBorder:nth-child(2)::after {
    top: 0px;
    height: calc(100% - 1px);
}
.threeSectionsRight {
    background: linear-gradient(153deg, rgba(64, 158, 127, 1) 0%, rgba(206, 199, 29, 1) 26.04%, rgba(168, 47, 69, 1) 51.04%, rgba(31, 139, 205, 0.7) 75%, rgba(161, 136, 213, 1) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom-right-radius: 4px;
    height: 100%;
}
.ingrediensBlock img {
    margin-bottom: 15px;
    width: 200px;
    height: 200px;
    object-fit: contain;
}
.productReviewThreeSections .rgbBorder:last-child::after {
    border-bottom-right-radius: 4px;
}
.productReviewTwoSections h3,
.productReviewThreeSections h3 {
    margin-bottom: 30px;
}
.productReviewThreeSections img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.productReviewTwoSections .rgbBorder:first-child {
    width: calc(58.33333333% + 1px);
}
.productReviewTwoSections .borderFix {
    width: calc(41.66666667% - 1px);
}
.productReviewThreeSections > div:last-child {
    margin-top: -1px;
}
.productReviewThreeSections .rgbBorder:last-child::after {
    height: calc(100% - 1px);
    top: 0px;
}

.ingrediensBlock > .row > div span {
    display: block;
    width: 270px;
    margin: auto;
}
.ingrediensBlock > .row {
    gap: 50px;
}
.ingrediensBlock > .row > div {
    flex: 0 0 calc(33.33% - 40px);
}
.commentSlider .slide p {
    position: relative;
    padding-top: 60px;
}
.commentSlider .slide p::before {
    content: '';
    background: url(../images/quote.svg);
    position: absolute;
    top: 0;
    left: 0;
    width: 51px;
    height: 38px;
}
.commentAuthor {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.commentAuthor img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}
.slick-arrow {
    position: absolute;
    bottom: 100px;
    cursor: pointer;
}
.custom-next-arrow {
    right: 0;
}
.commentSlider {
    position: relative;
}
.commentBox {
    padding: 100px;
    border-radius: 15px;
    border: 2px solid #409E7F;
}
.commentAuthor img,
.commentAuthro span {
    margin-bottom: 7px;
}
footer > .container > .row:first-child > div > .row > div {
    display: flex;
    flex-direction: column;
    text-align: center;
}
footer > .container > .row:first-child > .footerLeftColumn > .row > div:nth-child(1) {
    display: flex;
    align-items: flex-start;
}
footer > .container > .row:first-child > div:nth-child(1) .footerLogo {
    margin-bottom: 15px;
}
.footerLogoColumn a {
    border: 1px solid #BABABA;
    border-radius: 4px;
    padding: 4px 10px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 700;
}
.wcml-vertical-list a.active {
    border-color: #1F8BCD;
}

form.invalid .wpcf7-response-output {
    display: none;
}
button[name="woocommerce_checkout_place_order"].wc-stripe-hide {
    display:none;
}

.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
    color: #e2401c;
    display: block !important;
    font-weight: bold;
    text-transform: initial;
    font-size: 15px;
}
.footerMenuHeading {
    margin-bottom: 15px;
    color: #fff;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0.54px;
}
footer a.blue:hover {
    color: #1F8BCD;
}
footer a.red:hover {
    color: #E52824;
}
footer a.yellow:hover {
    color: #CEC71D;
}
footer a.green:hover {
    color: #409E7F;
}
footer a.purple:hover {
    color: #A188D4;
}
footer > .container > .row:first-child > div a {
    margin-bottom: 7px;
}
.footerLogoColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.copyrightSection {
    font-size: 14px;
    font-weight: 300;
    border-top: 1px solid #BABABA;
    padding: 15px 0;
}
.videoSlide {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    transition: 500ms;
    transform: scale(0.98);
    border-radius: 10px;

}
.videoSlide video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;

}
.custom-video__container::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    background: rgb(30 30 30 / 70%);
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.videoSlide.active .custom-video__container::after {
    opacity: 0;
}
.videoSlide::after {
    content: '\e90c';
    font-size: 100px;
    line-height: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 115px;
    margin-left: 3px;
}
.videoSlide.active::after {
    opacity: 0;
}

video::-webkit-media-controls {
    position: relative;
    z-index: 1;
}



/*INTRO*/
.introSection h3 {
    width: 430px;
}
.introSection {
    text-transform: uppercase;
    margin-bottom: 0 !important;
    height: 100vh;
    overflow: hidden;
}
.introBody img {
    width: 320px;
    margin-bottom: 50px;
}
.introBackground {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    transform: skew(-18deg);
    transform-origin: top right;
    z-index: -1;
}
.introBackground::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(283deg, rgba(168, 47, 69, 0.65) 15.47%, #CEC71D 106.21%);
    background-size: 150% 100%;
    animation: AnimateBG 5s ease;
    background-position: 100% 0;
}
@keyframes AnimateBG {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}

/*CONTACT PAGE*/
.contactDesc {
    margin-bottom: 30px;
}
.entry, .contactBlock {
    border: 1px solid var(--l-white);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.textImage h2,
.textImage p {
    margin-bottom: 30px;
}
.textImage img {
    margin-bottom: 15px;
    width: 100%;
}


/*PARTNERSHIP PAGE*/
.partnerTextBlock h1,
.partnerTextBlock h2 {
    margin-bottom: 15px;
    text-align: left;
}

.partnerTextBlock {
    max-width: 444px;
    text-align: left;
}
.contact-form input, 
.contact-form textarea {
    display: block;
    background: #0d0d0d;
    border: 1px solid #FAFAFA;
    border-radius: 15px;
    color: #BABABA !important;
    padding: 15px 30px;
    width: 100%;
    transition: none !important;
}
.form-control:focus {
    background-color: #0d0d0d;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #BABABA;
    text-align: left;
}
.contact-form .checkbox {
    display: flex;
    padding: 0 0 30px 0;
}
.contact-form input[type="checkbox"] {
    width: 20px;
    margin-right: 15px;
}
.checkbox label {
    font-size: 14px;
}
.contact-form .form-group {
    margin-bottom: 30px;
}
.contact-form label {
    margin-bottom: 10px;
}
.contact-form .button {
    width: 100%;
}
.contact-form .rgbButton {
    display: flex;
}
.wpcf7-list-item {
    margin-left: 0;
}
.checkbox label {
    display: flex;
}

/*SUPPORT PAGE*/
.support h1 {
    margin-bottom: 15px;
}
.trackOrder {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 40px 0 50px;
}
.trackOrder p {
    width: calc(33.33% - 10px);
    margin-right: 10px;
    text-align: right;
    margin-bottom: 0;
}
.trackOrder input {
    width: 33.33%;
    background: transparent;
    border: 1px solid #FAFAFA;
    padding: 12.5px 15px;
    border-radius: 15px;
    color: #FAFAFA;
}
.trackOrder .buttonWrap {
    width: calc(33.33% - 20px);
    margin-left: 20px;
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.accordion > li {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
}
.accordion > li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 15px;
    cursor: pointer;
}
.accordionContent {
    display: none;
}
.accordion-item {
    background: transparent;
    overflow: hidden;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid #FAFAFA;
}
.accordion button {
    position: relative;
    display: flex;
    text-align: left;
    width: 100%;
    padding: 17.5px 86px 17.5px 40px;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    align-items: baseline;
}
.supportAccordion li a {
    padding: 17.5px 86px 17.5px 40px;
    justify-content: initial;
    position: relative;
}
.supportAccordion li a span:first-child {
    margin-right: 40px;
}

.supportAccordion .accordion-title {
    margin-right: 10px;
}

.accordion-item {
    position: relative;
}
.accordion button:hover, .accordion button:focus {
    cursor: pointer;
}
.accordion button:hover::after, .accordion button:focus::after {
    cursor: pointer;
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 86px;
    height: 100%;
    background: transparent;
    border-radius: 0 10px 10px 0;
}
.supportAccordion a .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 20px;
    height: 2px;
    background: #FAFAFA;
}
.supportAccordion a .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 2px;
    height: 20px;
    background: #FAFAFA;
}
.supportAccordion li.active a .icon::after {
    opacity: 0;
}
.accordion a > span:first-child {
    margin-right: 40px;
}
.accordion button[aria-expanded=true] {
    color: #FAFAFA;
}
.accordion button[aria-expanded=true] .icon::after {
    width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
    opacity: 1;
    /*  max-height: 9999px;*/
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.supportAccordion .accordionContent p {
    margin: 20px 36px 40px 103px;
}
.accordion-icon-wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    bottom: -1px;
    width: 86px;
    position: absolute;
    right: -1px;
    top: -1px;
}

/*MEDIA PAGE*/
.textImageContent > div {
    margin-top: 50px;
}
.textImageContent a:hover {
    text-decoration: underline;
}
.media .textImage p {
    margin-bottom: 15px;
}

.carouselSection {
    display: none;
}
.carouselSection h1 {
    margin-bottom: 50px;
}
.slick-list {
    width: 100%;
}

.carousel {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
}

.carousel-item {
    border: 1px solid var(--l-white);
    border-radius: 15px;
    margin: 0 15px;
    padding: 30px 20px;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.carouselArrows {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
}
.carouselArrows .slick-arrow {
    position: initial;
    bottom: 100px;
    cursor: pointer;
}
.slick-arrow img {
    width: 40px;
}
.carousel-item a {
    color: #FAFAFA;
}
.carousel-item i {
    transition: 200ms;
    margin-left: 5px;
}
.carousel-item a:hover i {
    margin-left: 12px;
}

/*SHOPPING CART*/
.cart-table {
    width: 100%;
    text-align: center;
    position: relative;
}
.productName {
    width: 200px;
}
.productName img {
    width: 195px;
    height: auto;
}
.productName p {
    margin: 0;
}
.productNameColumn {
    width: 200px;
    display: flex;
    justify-content: center;
}
.cart-container {
    margin-top: 50px;
}
.minusProduct::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 20px;
    height: 2px;
    background: #FAFAFA;
}
.plusProduct::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 20px;
    height: 2px;
    background: #FAFAFA;
}
.plusProduct::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 2px;
    height: 20px;
    background: #FAFAFA;
}
.productCount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productCount p {
    margin-bottom: 0 !important;
}

.productCount button {
    position: relative;
    border: 0;
    background: transparent;
    width: 24px;
    height: 24px;
    margin: 0 12px;
}
.productCount button:hover::after,
.productCount button:hover::before {
    background: var(--l-red);
}
.cartTotal {
    display: flex;
    justify-content: end;
}
.cartTotal > div {
    width: 330px;
    margin-right: 20px;
}
.cartTotal > div > div {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    align-items: center;
}
.cart-actions {
    margin-top: 50px !important;
}
.backButton i {
    transform: rotate(180deg);
    margin-right: 15px;
    transition: 200ms;
}
.backButton:hover i::before {
    color: var(--l-red);
}
.backButton i::before {
    transition: 200ms;
}
.backButton:hover {
    color: var(--l-red);
}
.backButton:hover i {
    transform: rotate(180deg) translateX(5px);
}
.backButton {
    color: #FAFAFA;
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.cart-table td:nth-child(2) {
    width: 395px;
    text-align: left;
}

.delete-item {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.delete-item .icon-remove:hover {
    color: var(--l-red);
}
.form-row > div {
    margin-bottom: 30px;
}

.checkoutForm input, .checkoutForm select,
.inputDesign input, .inputDesign select {
    background: #0d0d0d !important;
    color: #BABABA;
/*    height: calc(100% - 4px);*/
    border-radius: 13px;
    padding: 12px 15px;
    border: 0;
    margin: 2px;
    width: calc(100% - 4px);
    font-size: 18px;
    transition: initial;
}
.checkoutForm .accordion button {
    padding: 12.5px 15px 12.5px 20px;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.checkoutForm input::placeholder,
.inputDesign input::placeholder {
    color: #BABABA !important;
    text-align: left;
}
.checkoutForm label,
.inputDesign label {
    margin-bottom: 10px;
}
.checkoutForm input:focus,
.checkoutForm select:focus,
.inputDesign input:focus,
.inputDesign select:focus{
    background-color: #0d0d0d;
    border-color: var(--l-white);
    color: #BABABA;
    box-shadow: initial;
}

.checkoutForms {
    justify-content: space-between;
    display: flex;
    gap: 40px;
}
.accountInputs .rgbInput {
    margin: 0;
}
.accountInputsButton .button {
    margin-top: 15px;
}

.accountInputs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 50px;
    overflow: hidden;
    height: 0;
    transition: 600ms;
    position: relative;
    opacity: 0;
    margin: 0;
}
.accountInputs.active {
    overflow: visible;
    height: 275px;
    opacity: 1;
    margin-bottom: 50px;
}
.accordion-content .rgbInput {
    margin-bottom: initial;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #0d0d0d inset !important;
    -webkit-text-fill-color: #BABABA !important;
}
.checkoutOrder {
    padding: 30px;
    align-self: flex-start;
    width: 40%;
    position: relative;
    text-align: center;
}
.checkoutTable .cartYourOrder {
    border-bottom: 1px solid #BABABA;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    justify-content: space-between;
}
.checkoutTable .miniCartProduct {
    align-items: flex-start;
    display: flex;
    margin-bottom: initial;
}
.checkoutTable .cartYourOrder .delete-item {
    height: 30px;
}
.checkoutTable {
    width: 100%;
}
.checkoutPriceTable td {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.checkoutOrder .subtitle {
    margin-bottom: 10px;
    display: block;
}
.woocommerce-shipping-totals.shipping {
    display: flex;
    flex-direction: column;
    margin-right: -100%;
    margin-top: 20px;
}

fieldset#wc-woocommerce_payments-upe-form {
    padding: 0 !important;
}
#wcpay-upe-element, .wcpay-upe-element {
    padding: 0 !important;
}
button#place_order {
    left: 50%;
    transform: translateX(-50%);
}
#shipping_method label {
    margin-left: 10px;
}
.cartYourOrder label {
    margin-left: 5px;
}
.shop_table.woocommerce-checkout-review-order-table {
    /*margin-bottom: 30px;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    overflow: hidden;
}
.cartYourOrder li::before {
    content: '';
    margin: 0;
}
.cartYourOrder > div,
.checkoutTotal > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.cartYourOrder > div {
    border-bottom: 1px solid #BABABA;
}
.cartYourOrder .miniCartDataInner {
    max-width: initial;
}
.cartYourOrder .delete-item {
    width: 30px;
    margin-left: 10px;
}
.cartYourOrder hr {
    margin: 15px 0;
}

.checkoutPriceTable > td > span:first-of-type:after {
    content: ":";
}

.checkoutPriceTable > div,
.checkoutPriceTotal {
    display: flex;
    justify-content: space-between;
}
.checkoutPriceTotal {
    padding-top: 15px;
    border-top: 1px solid #BABABA;
}
.checkoutPriceTotal.pre-order {
    border: none;
}
.checkoutPriceTotal td {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.checkoutPriceTotal td > span:first-of-type {
    text-align: left;
}

.checkoutPriceTotal td > span:first-of-type:after {
    content: ":";
}

.checkoutPriceTotal td span:last-of-type {
    text-align: right;
}

.checkoutPriceTotal td span:last-of-type > small {
    display: block;
    font-size: 14px;
}

.doubleInput {
    display: flex;
    gap: 30px;
}
.doubleInput > div {
    width: 50%;
}
.accordion-content label {
    color: #FAFAFA;
    text-transform: initial !important;
}
.accordion-content input,
.accordion-content select {
    height: initial;
}
.accordion li i {
    font-size: 30px;
}
.accordion li.active i {
    transform: rotate(180deg);
}

.checkoutInputWrap,
.billingAddress {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.checkoutInputWrap > .row > p {
    width: 100%;
}

.woocommerce-input-wrapper input,
.woocommerce-input-wrapper select {
    border-style: solid;
    border-width: 1px;
}

.form-row.woocommerce-validated input.input-text {
    box-shadow: unset;
}

.form-row.woocommerce-invalid input.input-text {
    box-shadow: unset;
}

.form-row.woocommerce-invalid input.input-text {
    border-color: #e2401c;
}

.form-control.error {
    border-color: #e2401c;
}

input[name='checkout_billing_email'].error {
    border-style: solid;
    border-width: 1px;
}

.checkout-email-error.active {
    display: block;
    font-size: 18px;
    text-transform: initial;
    color: #e2401c;
}

.checkoutSubmit .checkbox {
    display: flex;
    margin-bottom: 30px;
}
.checkoutSubmit .checkbox input {
    margin-right: 15px;
    width: 20px;
}
.checkoutSubmit button,
.checkoutSubmit .rgbButton {
    width: 100%;
}
.checkoutForm {
    padding: 0;
    width: calc(60% - 40px);
}
.checkoutFormButtonsWrapper {
    display: flex;
    margin-bottom: 50px;
}
.checkoutFormButtons {
    display: flex;
    gap: 20px;
}
.checkoutForm label {
    margin-bottom: 5px;
    letter-spacing: 0.54px;
}
.rgbInput {
    position: relative;
    overflow: hidden;
    height: 55px;
    margin-bottom: 30px;
}

.rgbInput input {
    border: 1px solid var(--l-white);
    border-radius: 15px;
    margin: 0;
    width: 100%;
}

.loginFormWrapper .rgbInput {
    margin-bottom: 15px;
}

.paymentDetails {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
    gap: 30px;
    flex-direction: column;
}
.paymentDetails > div {
    border-radius: 8px;
    display: flex;
    align-items: center;
    min-height: 45px;
    min-width: 90px;
}
.wc_payment_method::before {
    display: none;
}
.paymentDetails input[type="radio"] {
    display: none;
}
.paymentDetails label:not(.checkbox) {
    border: 1px solid var(--l-white);
    border-radius: 15px;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px 25px !important;
    position: relative;
    min-height: 40px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.payment_box.payment_method_stripe_cc.wc-stripe-no-methods {
    padding: 15px 0;
}
.p-FieldLabel {
    color: #FAFAFA;
}
.paymentDetails input[type="radio"] {
    display: none;
}
.difDetails {
    padding: 0 20px 30px;
}
.accordion-content .rgbButton button {
    color: #fff;
    font-size: 16px;
    padding: 10px 40px;
    border-radius: 8px;
    justify-content: center;
}
.accordion-content .rgbButton button::after {
    border-radius: 6px;
}
.payButton {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
.payButton button {
    width: 100%;
}
span.wc-stripe-card-icons-container {
    margin-left: 10px;
}
ul.payment_methods li[class*=payment_method_stripe_] label>img:first-of-type {
    margin-left: 10px;
}
body .payButton .rgbButton {
    display: initial;
}
body #place_order.wc-stripe-hide {
    padding: 15px 40px !important;
    position: relative !important;
    z-index: initial !important;
    height: initial !important;
    opacity: initial !important;
}
.checkoutForm .button:hover::before {
    transform: rotate(81deg) scaleY(8) scale(1.6);
}
.checkoutFormButtons button,
.payButton button {
    font-size: 18px;
}
.shippingDataWrapper p {
    margin: 0 !important;
}
.checkoutShippingData {
    display: flex;
    justify-content: space-between;
}
.checkoutForm .accordion .accordion-content {
    overflow: initial;
}
.shippingDataWrapper {
    display: flex;
    flex-direction: column;
    gap: 7px;
}




.slider-nav img,
.slider-for img {
    width: 100%;
}

.productData h3 {
    margin-bottom: 30px;
}

.productData .product-data-flag {
    height: 23px;
}

.productDataInner,
.productDataCount {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.productDataPrice > span:first-child {
    margin-right: 60px;
}
span.productVAT {
    font-size: 14px;
}

.productDataPrice .productCount {
    margin-left: 55px;
}
.productDataPrice > span:nth-child(2) {
    font-size: 30px;
    display: flex;
    flex-direction: column;
}
.productDataPrice {
    display: flex;
    align-items: center;
}
.productDataCount .productCount {
    margin-right: 30px;
}
.productDataCount {
    justify-content: space-between;
}
.productDataCount > button {
    background: #1F8BCD;
    border: none;
    border-radius: 15px;
    padding: 15px 10px;
    min-width: 200px;
    color: #FAFAFA;
    border: 2px solid #1F8BCD;
    transition: 200ms;
}
.productData p {
    margin: 50px 0;
}

.productData p img {
    margin-right: 6px;
}

.productIngredients {
    display: flex;
    gap: 40px 4%;
    margin-bottom: 70px;
    flex-wrap: wrap;
    width: 100%;
}
.productIngredients > div img {
    height: 45px;
    object-fit: contain;
}

.productIngredients > div span {
    font-size: 12px;
    margin-top: 10px;
}

.productIngredients > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}
.productIngredients > div {
    max-width: 75px;
    text-align: center;
}
.productData .accordion .accordion-item {
    border: none;
    border-top: 1px solid #BABABA !important;
    border-radius: 0 !important;
}
body .productData .accordion button > span:first-child {
    margin-left: 0;
}
body .productData .accordion {
    gap: 0;
}
body .productData .accordion button {
    padding: 12px 9px;
    height: initial;
    align-items: center;
    justify-content: space-between;
}
body .productData .accordion button .accordion-title {
    padding: 0;
}
body .accordion button i {
    font-size: 30px;
}
body .accordion button[aria-expanded=true] i {
    transform: rotate(180deg);
}
body .accordion button[aria-expanded=true] i::before {
    color: #1F8BCD;
}
body .accordion button[aria-expanded=true] i.red::before {
    color: #E52824;
}
body .accordion button[aria-expanded=true] i.yellow::before {
    color: #CEC71D;
}
body .accordion button[aria-expanded=true] i.green::before {
    color: #409E7F;
}
body .accordion button[aria-expanded=true] i.purple::before {
    color: #A188D4;
}
body .productData .accordion .accordion-content p {
    margin-left: 10px;
}
body .productData .accordion .accordion-content span {
    margin-bottom: 15px;
    margin-top: 25px;
    margin-left: 10px;
    display: block;
}
.imageLeftSection img {
    max-width: 500px;
    margin-right: 50px;
}
.imageLeftSection > .container > .row > div {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.imageLeftSection > .container > .row > div:first-child span{
    display: none;
}

/*LIST OF PRODUCTS*/
.pic1::before {
    background: url(../images/products/anti-allergy.png);
}
.pic2::before {
    background: url(../images/products/energy.png);
}
.prlxPic {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: calc(100vh);
    align-items: center;
    background-repeat: no-repeat;
    background-image: url(images/products/anti-allergy.png);
    background-attachment: initial;
    background-position: calc(50% - 296px) center;
    background-size: 660px;
}
.prlxTxt {
    width: 50%;
    height: max-content;
}
.prlxWrap > .row {
    align-items: center;
}
div#end {
    bottom: -278px;
    position: absolute;
}
div#start {
    position: absolute;
    top: 275px;
}
.imageLeftSection > .container > .row > div:last-child {
    width: 40%;
}
.listOfProducts {
    margin-top: -100px;
}
.prlxTxtButtons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.prlxTxtButtons a,
.prlxTxtButtons button {
    min-width: 200px;
}


/*MY METHOD*/
.subSliderHeading {
    text-align: left;
}
.subSliderOther p {
    width: 300px;
    text-align: left;
}
.my-method .postSlide {
    padding: 50px 60px;
}
.myMethodSection .blockLeft img {
    margin-top: 50px;
    width: 100%;
}
.myMethodSection .blockRight img {
    margin-bottom: 100px;
    border-radius: 4px;
}
.my-method section:first-child {
    margin-bottom: 0 !important;
}
.my-method .rgbBorder {
    padding: 20px 40px;
    border-radius: 16px;
}
.my-method .rgbBorder::after {
    border-radius: 15px;
}
.my-method .textImage .row:first-child {
    margin-bottom: 50px;
}
.myMethodSection .rgbBorder {
    margin-bottom: 30px;
    min-height: 120px;
    align-items: center;
    display: flex;
}
.drops {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.drops > div {
    display: flex;
    align-items: center;
}
.drops img {
    background: initial;
    width: 90px;
}
.drops .energy span {
    color: #E52824;
}
.drops .anti-allergy span {
    color: #1F8BCD;
}
.drops .immune span {
    color: #CEC71D;
}
.drops .face-lotion span {
    color: #409E7F;
}
.drops p {
    width: 360px;
}
.drops img {
    margin-right: 10px;
}
.dropsSection h3 {
    margin-bottom: 50px;
}
.rgbBorderBanner .rgbButton {
    width: 100%;
}
.rgbBorderBanner .rgbButton button,
.rgbBorderBanner .rgbButton a {
    width: 100%;
}
.rgbBorderBanner .rgbBorder {
    padding: 50px 0;
}
.myMethodSection .blockRight img:last-child {
    display: none;
}
.prlxTxt {
    display: block !important;
}
.prlxTxt h1 {
    margin-bottom: 30px;
    text-align: left;
    font-size: 48px;
    font-weight: 600;
}
.prlxTxt p {
    margin-bottom: 30px;
}
.simpleButton {
    display: inline-block;
    color: #FAFAFA;
    padding: 15px 55px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
}
.simpleButton:hover {
    color: #FAFAFA;
    background-color: #0d0d0d !important;
}
.simpleButton.black {
    background-color: #000;
    border: 2px solid #000;
}
.simpleButton.black:hover {
    border-color: #E52824;
    background: #E52824 !important;
}
.simpleButton.blue {
    background-color: #1F8BCD;
    border: 2px solid #1F8BCD;
}
.simpleButton.red {
    background-color: #E52824;
    border: 2px solid #E52824;
}
.simpleButton.yellow {
    background-color: #CEC71D;
    border: 2px solid #CEC71D;
}
.simpleButton.green {
    background-color: #409E7F;
    border: 2px solid #409E7F;
}
.simpleButton.purple {
    background-color: #A188D4;
    border: 2px solid #A188D4;
}
.anchorLinks {
    margin-top: 50px;
    display: flex;
    gap: 30px;
    justify-content: center;
    z-index: 5;
}
.anchorLinks a {
    border-color: var(--l-white);
    color: #fff;
    min-width: 120px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid;
    font-size: 16px;
    padding: 4px;
}
.prlxWrap > .row {
    position: relative;
}
.prlxHeading {
    position: absolute;
    top: 0;
    left: 0;
}
.prlxWrap img {
    display: none;
}
.videoWrap video {
    width: 100%;
}

.hidden {
    display: none;
}
.ig_popup.ig_inspire {
    background: linear-gradient(304deg, #E52824 4.11%, #CEC71D 120.48%);
    font-family: Mulish !important;
    border-radius: 4px;
}
.ig_form_els.ig_form_els_first input {
    text-align: center;
}
body .ig_form_els.ig_form_els_first input:-webkit-autofill, 
body .ig_form_els.ig_form_els_first input:-webkit-autofill:hover, 
body .ig_form_els.ig_form_els_first input:-webkit-autofill:focus, 
body .ig_form_els.ig_form_els_first input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
}
body .ig_popup.ig_inspire .ig_close:hover {
    opacity: 1;
}
.ig_form_bottom .ig_form_container.layout_bottom {
    background: initial !important;
}
.ig_popup.ig_inspire .ig_headline {
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    padding-bottom: 0;
    margin-bottom: 15px;
}
body .ig_popup.ig_inspire .ig_headline {
    color: #FAFAFA;
}
body .ig_popup.ig_inspire .ig_close {
    background-color: initial;
    right: 15px;
    top: 12px;
    background-image: none;
    opacity: 1;
}
.ig_message p {
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 42px;
}
.ig_popup.ig_inspire .ig_message p:first-child {
    margin-bottom: 50px;
}
body .ig_embed_form_container.ig_clear_fix.ig_half {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body .ig_popup {
    width: 90%;
    max-width: 895px;
}

@media only screen and (min-width: 1440px) {
    body .ig_popup {
        max-width: 895px;
    }
}
@media only screen and (max-width: 644px) {
    body .ig_popup {
        width: 90%;
        font-size: 13px;
    }
}
 
body .ig_form_bottom .ig_form_container.layout_bottom .ig_half .ig_form_els {
    width: 78%;
    max-width: 460px;
    margin-bottom: 30px;
}
input.ig_button {
    border-radius: 10px !important;
}
body .mfp-bg {
    background: rgba(13, 13, 13, 0.25);
    opacity: initial;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
body .ig_form_els.ig_form_els_last {
    width: initial !important;
}
body .ig_form_els.ig_form_els_last input {
    letter-spacing: 0.54px;
    padding: 15px 45px !important;
    font-size: 18px !important;
    line-height: 140% !important;
    height: initial !important;
    border-radius: 15px !important;
    font-weight: 600 !important;
}


#popup {
    background-color: var(--l-white);
    border-radius: 15px;
    position: fixed;
    bottom: 20px;
    margin: 20px 20px 0 20px;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
}
#popup p {
    color: var(--l-black);
    margin: 0;
}
.popup {
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(304deg, #E52824 4.11%, #CEC71D 120.48%);
    padding: 50px;
    text-align: center;
    transition: 500ms;
    width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.popup.active {
    z-index: 101;
}
.popup h2 {
    font-weight: 800;
    margin-bottom: 15px;
}
.popupInput {
    margin-top: 30px;
    width: 460px;
}
.popupInput input {
    margin: 30px 0;
    text-align: center;
}
.popupNotify {
    width: 280px;
    margin: auto;
}
.overlay {
    z-index: -2;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(13, 13, 13, 0.25);
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transition: 500ms;
}
.overlay.active {
    z-index: 100;
    opacity: 1;
}
.cky-notice p, .cky-notice span {
    color: #0d0d0d !important;
}

.wcml-vertical-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*FORM PAGES*/
.loginForm {
    max-width: 460px;
    position: relative;
    padding: 50px 0;
}
.loginForm * {
    z-index: 1;
}
.loginFormWrapper {
    margin-bottom: 30px;
}
.loginForm > form {
    padding: 0 60px;
}
.loginForm h1, .buttonWrapper {
    text-align: center;
    margin-bottom: 30px;
}
.loginForm h1 {
    font-size: 48px;
    font-weight: 600;
    margin: 0 20px 30px;
}
.formAdditional {
    border-top: 1px solid #BABABA;
    padding-top: 15px;
    text-align: center;
    margin:0 30px;
}
.formAdditional a {
    color: #FAFAFA;
    text-decoration: underline;
}
.formAdditional a:hover {
    color: var(--l-red);
}
.myOrders {
    width: 545px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.myOrders {
    width: auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 25px 30px;
    justify-content: center;
    border: 1px solid #BABABA;
    border-radius: 4px;
}
.billingAddress {
    border: 2px solid #BABABA;
    border-radius: 4px;
    padding: 50px;
    gap: 30px;
}
.checkbox {
    display: flex;
}
.checkbox input {
    width: 20px;
    margin: 2px 10px 0 0;
    height: 20px;
}
.checkbox label {
    margin-bottom: 0;
    line-height: 25px;
    font-size: 18px;
    width: 100%;
}
.wideButton button {
    width: 100%;
}
.addressData .rgbInput {
    margin-bottom: 0;
}
.inputSpan {
    color: #BABABA;
    font-style: italic;
    margin-top: 10px;
    display: block;
}
.pswChange {
    margin: 20px 0 0 0;
    text-transform: uppercase;
}
.addShippingAddress > div > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 27px;
}
.addShippingAddress > div > div a:hover {
    text-decoration: underline;
}
.addShippingAddress > div span {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #BABABA;
}
.addShippingAddress {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.addShippingAddress p {
    margin-bottom: 0;
}
.addShippingAddress > div {
    border-bottom: 1px solid #BABABA;
}
.billingAddressWrapper {
    align-items: baseline;
    gap: 30px;
}
.lostPassword h2,
.lostPassword p {
    margin-bottom: 30px;
}
.lostPassword {
    max-width: 630px;
    text-align: center;
}
.lostPasswordInput {
    max-width: 450px;
    margin: auto;
}
.lostPasswordInput input,
.lostPasswordInput input::placeholder {
    text-align: center;
}

.wcml_currency_switcher a {
    cursor: pointer;
    position: relative;
    width: 50px;
    text-align: center;
}

.account-order {
    margin-bottom: 50px;
    border: 2px solid #BABABA;
    border-radius: 4px;
    padding: 50px;
    text-align: center;
}

.checkoutOrder .cartPayment {
    display: none;
}
.success-message-wrap {
    background: #409E7F;
    padding: 15px 20px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.success-message-wrap p {
    margin: 0;
}
.success-message {
    overflow: hidden;
    transition: 0.6s;
    position: relative;
    margin-bottom: 40px;
}
.success-message-wrap button {
    background: initial;
    border: none;
    display: flex;
}
.success-message-wrap button:hover i::before {
    color: #0d0d0d;
}
.error.desc {
    color: red;
    font-size: 16px;
    line-height: normal;
}
.data01 {
    border: 1px solid #FAFAFA;
    border-radius: 4px;
    padding: 10px 20px;
    position: relative;
    overflow-x: auto;
}
.data01-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #FAFAFA;
}
.data01-header, .data01-row {
    display: flex;
    justify-content: space-between;
    min-width: 700px;
}
.data01-header > div, .data01-row > div {
    width: 16.66%;
}
.data01-row span {
    display: none;
}
.data01-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-row .desc {
    margin: 0;
    font-size: 13px;
}
.wc-stripe_cc-container.wc-stripe-gateway-container.has_tokens {
    margin-top: 16px !important;
}

input[type=radio]+label.wc-stripe-label-payment-type {
    height: 50px;
    justify-content: flex-start !important;
}
label.wc-stripe-label-payment-type {
    align-items: center;
    color: #FAFAFA !important;
    margin-bottom: 0 !important;
    display: flex !important;
    justify-content: flex-start;
    position: relative;
}

label.wc-stripe-label-payment-type:first-of-type {
    margin-bottom: 16px !important;
}

.wc-stripe_cc-container label::before {
    content: "\e900" !important;
    color: #fff !important;
    top: 7px;
    left: -33px;
    font-family: 'icomoon';
    font-size: 25px;
    line-height: normal;
}
label.wc-stripe-label-payment-type:before {
    background: initial !important;
    border: 0 !important;
    box-shadow: initial !important;
    transform: translateY(-6px) !important;
    margin-left: 16px !important;
    margin-right: 20px !important;
}
.wc-stripe_cc-container label::before {
    content: "\e900" !important;
    color: #fff !important;
    top: 7px;
    left: -33px;
    font-family: 'icomoon';
    font-size: 25px;
    line-height: normal;
}

.wc-stripe-saved-methods-container.wc-stripe_cc-saved-methods-container {
    margin-top: 16px;
}

li[class*=payment_method_stripe] .select2-container .select2-selection--single {
    background-color: unset;
    border: 1px solid var(--l-white);
    border-radius: 15px;
    padding: 3px 25px !important;
    height: unset !important;
}

li[class*=payment_method_stripe] .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;
    right: 12px !important;
}

.p-FieldLabel {
    color: #FAFAFA !important;
}

/*MY CHALLENGE*/
.mc-slider.slick-slider,
.mc-slider .slick-slide {
    display: flex !important;
    justify-content: center;
}
/*.mc-slider .slick-list {
    width: 500px;
}*/
.mc-slider .slick-slide {
    opacity: 0;
    transition: 300ms;
}
.mc-slider .slick-active {
    opacity: 1 !important;
}
.mc-slider {
    min-height: 525px;
    position: relative;
    padding: 27px 0;
}
.mc-slider::before {
    content: '';
    background: url(../images/mc-card-left.png) no-repeat;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 403px;
    height: 516px;
    position: absolute;
    z-index: -2;
    margin: 40px 0;
}
.mc-slider::after {
    content: '';
    background: url(../images/mc-card-right.png) no-repeat;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 403px;
    height: 516px;
    position: absolute;
    z-index: -1;
    margin: 40px 0;
}
.myChallenge .slick-arrow {
    border: 0;
    background: initial;
    color: #FAFAFA;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.54px;
    top: 50%;
    bottom: initial;
    transform: translateY(-50%);
    transition: 200ms;
}
.myChallenge .slick-arrow:hover {
    color: #1F8BCD;
}
.myChallenge {
    position: relative;
    width: 500px;
    display: none;
    text-align: center;
}
.myChallenge .custom-prev-arrow::before,
.myChallenge .custom-next-arrow::after {
    content: "\e904";
    font-family: 'icomoon';
    display: inline-block;
    font-size: 12px;
    height: 17px;
    transition: margin 200ms;
}

.myChallenge .custom-prev-arrow::before {
    transform: rotate(180deg);
    margin-right: 5px;
}

.myChallenge .custom-next-arrow::after {
    margin-left: 5px;
}

.myChallenge .custom-prev-arrow:hover::before {
    margin-right: 10px;
    margin-left: -5px;
}

.myChallenge .custom-next-arrow:hover::after {
    margin-right: -5px;
    margin-left: 10px;
}
.progress-bar {
    height: 6px;
    margin-bottom: 15px;
    background: #FAFAFA;
    border-radius: 0.375rem;
    overflow: visible;
}
.mc-slider-data {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.mc-slider-data > div {
    width: 400px;
}
.result-text {
    text-align: center;
}
.progress {
    transition: 800ms;
    width: 0%;
}

.frontSide img {
    top: 0;
    position: absolute;
    z-index: -1;
}

.myCard {
    background: initial;
    width: 300px;
    height: 460px;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}
.myCard img {
    width: 300px;
    height: auto;
}

.title {
  font-size: 1.5em;
  font-weight: 900;
  text-align: center;
  margin: 0;
}
button.slick-disabled {
    display: none !important;
}

.innerCard {
    position: relative;
    text-align: center;
    transition: transform 0.8s;
    -webkit-transition: -webkit-transform 0.8s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    cursor: pointer;
}

.myCard.active .innerCard {
  transform: rotateY(180deg) translateZ(0);
  -webkit-transform: rotateY(180deg) translateZ(0);
}

.frontSide,
.backSide {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 300px;
    height: 460px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 15px;
    color: white;
    font-weight: 700;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 55%, #FAFAFA 100%);
}

.backSide,
.backSide::before {
    background: linear-gradient(180deg, rgb(13 13 13) 73.59%, #FAFAFA 100%);
}

.backSide {
  transform: rotateY(180deg) translateZ(0);
  -webkit-transform: rotateY(180deg) translateZ(0);
}

.backSide {
    justify-content: space-between;
}

.level p,
.level span {
    color: #0D0D0D;
    text-transform: uppercase;
}
.myChallenge .slick-list {
    padding: 40px 0;
}
.cardTitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    padding: 0 15px;
}
.cardDesk {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 35px;
}
.backSideContent {
    padding: 30px 20px 20px;
}
.cardIcon {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.cardIcon img {
    width: 50px;
    height: auto;
}
.cardOther {
    font-size: 14px;
    font-weight: 300;
    line-height: 140%;
}

.rgb-animate {
    animation-iteration-count: infinite;
    animation-duration: 30s;
    animation-name: rgb_anim;
}

@keyframes rgb_anim {
    from {
        filter: hue-rotate(0deg);
    }
    50% {
        filter: hue-rotate(360deg);
    }
    to {
        filter: hue-rotate(0deg);
    }
}
.rgb-animate.rgb1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -3;
}

.rgb1 {
    min-height: 50vh;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: black;
}

.rgb1 {
    background: #de6161;
    background: -webkit-linear-gradient(
        to right bottom,
        #2657eb,
        #de6161
    );
    background: linear-gradient(
        to right bottom,
        #2657eb,
        #de6161
    );
}

.rgb-animate::after {
    content: '';
    background: linear-gradient(180deg, #0d0d0d 0%, rgba(0, 0, 0, .4) 50%, #0d0d0d 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.myChallengeResult > div:first-child {
    display: flex;
    justify-content: center;
}
.cardResult {
    width: 300px;
    text-align: center;
}
.cardResult img {
    width: 300px;
    height: 460px;
    position: relative;
}
.mcr-buttons {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 50px;
}
.mcr-buttons .rgbButton {
    width: 50%;
}
.myChallengeResult .button {
    min-width: initial;
    width: 100%;
    padding: 6px 20px;
    border-radius: 11px;
}
.myChallengeResult .button::after {
    border-radius: 10px;
}
.myChallengeResult .button {
    text-transform: uppercase;
}
.myChallengeResult .rgbImg::before {
    opacity: 1;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    transition: 1s;
    z-index: -1;
}
.rgbImg {
    position: relative;
}
.myChallengeResult > div:last-child .rgbButton {
    margin-bottom: 15px;
}
.videoWrap {
    margin-top: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
}


.woocommerce-order > p {
    font-size: 24px;
    font-weight: 700;
}
.woocommerce-order > ul {
    width: 100%;
    padding-left: 10px;
    margin-bottom: 50px;
}
.woocommerce-order {
    display: flex;
    flex-wrap: wrap;
}
section.woocommerce-order-details {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    width: 60%;
}
.woocommerce-order > section {
    border: 1px solid #FAFAFA;
    padding: 15px 25px;
    border-radius: 10px;
}
section.woocommerce-customer-details {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 40%;
}
tr.woocommerce-table__line-item.order_item {
    border-bottom: 1px solid #373737;
    height: 40px;
}
tr.woocommerce-table__line-item.order_item td:nth-child(1) {
    width: 50%;
}
tr.woocommerce-table__line-item.order_item td:nth-child(2) {
    width: 50%;
}
.shop_table.order_details tfoot tr {
    border-bottom: 1px solid #373737;
    height: 40px;
}
.shop_table.order_details tfoot tr:last-child {
    border-bottom: 0;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    width: 100%;
}


.google-btn {
    width: 100%;
    height: 50px;
    background-color: #4285f4;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25);
    display: block;
    margin: 30px auto;
    cursor: pointer;
    border-radius: 15px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.google-btn:hover {
    background-color: #3972d1;
}
.google-btn .google-icon-wrapper {
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    width: 50px;
    height: 50px;
    border-radius: 2px;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.google-btn .btn-text {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2px;
    text-align: center;
    padding-top: 13px;
    margin-right: 0;
}
.btn-facebook {
    background: #3b5998;
    border-radius: 0;
    color: #fff;
    display: block;
    margin: 30px auto;
    font-size: 14px;
    letter-spacing: 0.2px;
    width: 100%;
    height: 50px;
    padding: 15px 5px;
    border-radius: 15px;
}
.btn-facebook:hover {
    background: #324c83;
}
.lostPasswordInput p.error {
    margin-bottom: 10px;
}
.privacy-subitems img {
    margin-right: 7px;
    width: 30px;
}
.privacy-subitems li::before {
    display: none;
}
.privacy-subitems li {
    margin: 10px 15px;
}
.privacy-subcolumns img {
    width: 50px;
    margin-bottom: 20px;
}
.privacy-subcolumns {
    margin-top: 30px;
    margin-bottom: 30px;
}
.privacy-subcolumns h4 {
    font-weight: bold;
}
.privacy-subitems h4 img {
    margin-top: -8px;
}
.privacy-subitems h4 {
    margin-top: 30px;
    font-weight: bold;
}
.with-heading {
    margin-bottom: 30px;
}
.cardStatus {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    line-height: 48px;
    border-radius: 10px;
    background: #0D0D0DB2;
    font-weight: 600;
    text-transform: uppercase;
}

.productSlider .slider-nav .slick-slide:hover {
    cursor: pointer;
    background: #181818;
    border-radius: 15px;
}
.productSlider .slider-nav .slick-current {
    background: #181818;
    border-radius: 15px;
}
.productSlider .slider-nav .slick-track {
    display: flex;
    gap: 10px;
}

/*Fotorama Slider*/
.fotorama__arr,
.fotorama__fullscreen-icon {
    display: block !important;
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.fotorama__arr--disabled {
    opacity: .1 !important;
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none !important;
}
.fotorama__fullscreen-icon {
    background: rgba(0, 0, 0, 0) !important;
    width: 100% !important;
    height: 100% !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 10 !important;
}
.fotorama__thumb-border {
    height: 96px;
    border-width: 2px;
    margin-top: 2px;
    border-radius: 10px;
    border-color: var(--l-white);
}
.fotorama__thumb {
    background-color: inherit !important;
    border-radius: 10px;
}
body .fotorama__wrap .fotorama__pointer {
    border-radius: 10px !important;
}
body .fotorama__stage .fotorama__img {
    border-radius: 10px !important;
}
body .fotorama__nav.fotorama__nav--thumbs {
    border-radius: 10px !important;
}
.fotorama__thumb-border {
    background-image: inherit !important; 
}
.fotorama__video-close::before, .fotorama__video-close::after {
    z-index: 1;
    display: block;
    position: absolute;
    content: "";
    top: 14px;
    right: 0;
    width: 30px;
    height: 2px;
    background: #FAFAFA;
    cursor: pointer;
}
.fotorama__video-close::before {
    transform: rotate(45deg);
}
.fotorama__video-close::after {
    transform: rotate(-45deg);
}
.fullscreen .fotorama__video-close {
    transform: none !important;
    opacity: 1 !important;
    background: none !important;
    width: 30px !important;
    height: 30px !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 0 !important;
}



@media screen and (max-width: 576px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        padding: 0 20px;
    }
    html header {
        height: 80px;
        margin-bottom: 30px;
    }
    header .logoColumn img {
        width: 70px;
    }
    header .menuIcon {
        width: 32px;
        height: 23px;
    }
    header .line {
        width: 32px;
    }
    body .postViewContent {
        margin-bottom: 20px;
    }
    .subscribe {
        padding: 0 50px;
    }
    body footer {
        padding: 20px 0 0 !important;
    }
    footer img {
        width: 70px;
    }
    body .journal .postDetails {
        border: 0;
    }
    body .journalSlide img {
        display: none;
    }
    body .shoppingCartButton {
        margin-left: 10px;
    }
    body .userButton {
        margin-left: 0px;
    }
    body .buttonsColumn i {
        font-size: 20px;
    }
    body .subscribe span {
        font-size: 22px;
        line-height: 28px;
    }
    body .cardHover img:nth-child(2) {
        width: 50%;
        height: auto;
    }
    body .introHeader {
        height: 90px;
    }
    body .introHeader img {
        width: 54px;
    }
    body .introBody h2 {
        font-size: 38px;
        line-height: 54px;
        margin-bottom: 15px !important;
    }
    body .introBody img {
        width: 200px;
        margin-bottom: 15px;
    }
    body .introBody h3 {
        width: 100%;
        font-size: 28px;
        line-height: 39px;
    }
    body .introSection {
        margin-bottom: 0;
    }
    html body .carousel-item {
        min-height: 56vw !important;
    }
    html body .productName {
        width: 110px;
    }
    html body .productName img {
        width: 110px;
        height: auto;
    }
    body .productIngredients {
        justify-content: center;
    }
    body .productView {
        text-align: center;
    }
    body .contact-form .rgbButton {
        max-width: 100% !important;
    }
    body .miniCart {
	    width: calc(100% - 30px);
        right: 15px;
        left: 15px;
	    width: calc(100% - 30px);
	}
    body .checkoutFormButtons {
        flex-direction: column;
        align-items: center;
    }
    body .checkoutFormButtons .rgbButton,
    body .checkoutFormButtons .rgbButton .button {
        width: 100%;
    }
    body .payButton {
        flex-direction: initial;
        justify-content: center;
    }
    body .difDetails {
        display: flex;
        justify-content: center;
    }
    body .loginFormWrapper, {
        padding: 0 30px;
    }
    body .loginForm > form {
        padding: 0 20px;
    }
    body .formAdditional {
        margin: 0 20px;
    }
    body .billingAddress {
        padding: 30px;
    }
    body .account-order {
        padding: 30px;
    }
    body .miniCartProduct img {
        width: 90px;
    }
    body .checkoutOrder {
        padding: 15px;
    }
    body .popupInput,
    body .popupNotify {
        width: 100%;
    }
    body .popupInput .subtitle {
        font-size: 20px;
        line-height: 24px;
    }
    body .miniCart {
        top: 80px;
        height: calc(100vh - 95px);
    }
    body .myChallenge .slick-arrow {
        position: initial;
    }
    html body .mc-slider-data {
        margin-top: 10px;
    }
    html body .mc-slider {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    body h2 {
        margin-bottom: 25px !important;
        font-size: 32px;
        line-height: 36px;
    }
    body h3 {
        margin-bottom: 25px !important;
        font-size: 24px;
        line-height: 34px;
    }

    body section {
        margin-bottom: 50px !important;
    }
    body .postSlide {
        min-height: 1px;
        margin-bottom: 20px;
    }
    body .postDetails {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    body.postView .postDetails span {
        margin: 0 5px 0 0;
        font-size: 12px;
    }
    body .postViewTags {
        margin-top: 7px;
        font-size: 12px;
    }
    body .menuIcon {
        z-index: 1;
    }
    body .menuContent {
        left: -100%;
        width: 100%;
        padding: 0 30px;
    }
    body .entry,
    body .contactBlock {
        flex-basis: 100% !important;
        margin: 0;
    }
    body .entriesTags {
        margin: 0 0 30px 0;
        display: block;
    }
    body .dropdownButton {
        margin-bottom: 15px;
    }
    body .dropdownButton,
    body .entrySearch {
        width: 100%;
    }
    body .entry:last-child,
    body .contactBlock:last-child {
        margin-bottom: 10px;
    }
    body .pagination {
        margin-top: 20px;
    }
    .landing header > div > div:first-child {
        display: none;
    }
    .landing header > div > div {
        width: 50%;
    }
    .landing header > div > div:nth-child(2) {
        text-align: left !important;
    }
    body .tag-filter {
        width: 100%;
        margin-bottom: 15px;
    }
    body .productReviewTwoSections img {
        height: unset;
        width: 100%;
        border-radius: 4px;
    }
    body .productCards {
        flex-wrap: wrap;
        gap: 30px 20px;
    }
    body .productCards > a {
        width: calc(50% - 10px) !important;
    }
    body .slideSection .slide {
        padding: 0 20px;
    }
    body .slideSection > div, .rgbBorder {
        padding: 30px 0;
    }
    body .productReviewTwoSections .rgbBorder:first-child {
        width: 100%;
        margin-bottom: 30px;
    }
    body .reviewText {
        padding: 35px 15px;
    }
    body .productReviewTwoSections .borderFix {
        width: 100%;
        margin-bottom: 30px;
    }
    body .productReviewThreeSections > div:first-child {
        margin-bottom: 30px;
    }
    body .threeSectionsRight {
        background: unset;
    }
    body .productReviewThreeSections .rgbBorder {
        border-radius: 4px;
        background: linear-gradient(153deg, rgba(64, 158, 127, 1) 0%, rgba(206, 199, 29, 1) 26.04%, rgba(168, 47, 69, 1) 51.04%, rgba(31, 139, 205, 0.7) 75%, rgba(161, 136, 213, 1) 100%);
        padding: 0;
        margin-bottom: 30px;
    }
    body .productReviewThreeSections .rgbBorder::after,
    body .productReviewThreeSections .rgbBorder:last-child::after {
        border-radius: 4px;
    }
    body .productReviewThreeSections .rgbBorder:nth-child(2)::after {
        top: 2px;
        height: calc(100% - 4px);
    }
    body .desktopHidden {
        display: flex;
        margin-bottom: 30px;
    }
    body .productReviewThreeSections > div:first-child {
        display: none;
    }
    body .productReviewTwoSections .rgbBorder,
    body .productReviewTwoSections .rgbBorder::after {
        border-radius: 4px;
    }
    body .productReviewThreeSections img {
        border-radius: 4px;
    }
    body .commentBox {
        padding: 35px 15px;
    }
    body footer > .container > .row:first-child > .footerLeftColumn > .row > div:nth-child(1) {
        align-items: center;
    }
    body footer > .container > .row > .footerRightColumn > .row > .col-md-4:not(:last-of-type) {
        margin-bottom: 30px;
    }

    body .socialLinks img {
        width: 30px;
    }
    body .socialLinks a {
        margin: 0 10px;
    }
    body .socialLinks {
        margin: 15px 0;
    }
    body .productReviewThreeSections .rgbBorder:last-child::after {
        height: calc(100% - 4px);
        top: 2px;
    }
    body .menuSearch {
        width: 100%;
    }
    body .menuSearch > div {
        display: flex;
        width: calc(100% - 60px);
        position: relative;
    }
    body .menuSearch input {
        width: 100%;
    }
    body .ingrediensBlock > .row > div span,
    body .ingrediensBlock img {
        width: 100%;
    }
    body .ingrediensBlock > .row > div {
        flex: 0 0 calc(50% - 10px);
    }
    body .ingrediensBlock > .row {
        gap: 20px;
        align-items: end;
    }
    body .ingrediensBlock .subtitle {
        font-size: 20px;
        line-height: 26px;
    }
    body .productCards > a:hover .cardHover {
        transform: unset;
    }
    body .cardHover {
        margin-bottom: 12px;
    }
    body .topJournalEntries {
        gap: 30px;
    }
    body .introBackground {
        width: 68%;
        transform: skew(-9deg);
    }
    body .contactBlock {
        padding: 20px 30px;
    }
    body .contactBlock p {
        margin: 0 0 15px 0;
    }
    body .entry h3,
    body .contactBlock h3 {
        font-size: 20px;
    }
    body .textImage {
        text-align: center;
    }
    body .textImageContent {
        margin-bottom: 30px;
    }
    body .trackOrder p,
    body .trackOrder input,
    body .trackOrder .buttonWrap {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    body .trackOrder {
        gap: 15px;
    }
    body .accordion button > span:first-child {
        margin-right: 10px;
    }
    body .accordion .accordion-content p {
        margin: 10px 10px 10px 45px;
    }
    body .checkoutForm .accordion .accordion-content p {
        margin: 0;
    }
    body .carousel-item {
        min-height: 36vw !important;
    }
    body .cart-table thead {
        display: none;
    }
    body .cart-table tbody tr td:nth-child(3),
    body .cart-table tbody tr td:nth-child(4),
    body .cart-table tbody tr td:nth-child(5) {
        display: none !important;
    }
    body .cartTotal > div {
        margin-right: 0;
    }
    .mobileDataInner {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 15px;
    }
    body .cart-table td:nth-child(2) {
        width: initial;
        text-align: center;
    }
    body .productName {
        width: 140px;
        margin-right: 10px;
        display: flex;
    }
    body .productName img {
        width: 140px;
        height: auto;
    }
    body .cart-container .minusProduct::before {
        width: 16px;
    }
    body .cart-container .plusProduct::before {
        width: 16px;
    }
    body .cart-container .plusProduct::after {
        height: 16px;
    }
    body .cart-table td:nth-child(2) {
        padding-right: 25px;
    }
    body .productData h3 {
        font-size: 24px;
    }
    body .imageLeftSection img {
        width: 100%;
    }
    body .productSlider {
        margin-bottom: 30px;
    }
    body .subSliderOther p {
        width: 100%;
    }
    body .my-method .postSlide {
        padding: 30px;
    }
    body .my-method .postSlide {
        margin-bottom: 30px;
    }
    body .anchorLinks {
        flex-direction: column;
    }
    body .shoppingCartButton:hover .miniCart {
        display: none;
    }
    body .doubleInput {
        flex-direction: column;
    }
    body .doubleInput > div {
        width: 100%;
    }
    body .myOrders {
        flex-direction: column;
        padding: 30px;
    }
    body .cartTotal > div {
        width: 100%;
    }
    body .productCount {
        margin-bottom: 15px;
    }
    body .copyrightSection {
        text-align: center;
    }
    body .checkoutInputWrap > .row > div {
        width: 100%;
    }
    body .checkoutInputWrap > .row {
        gap: 15px;
    }
    body .accountInputsButton {
        display: flex;
        justify-content: center;
    }
    body .payButton {
        flex-direction: row;
        justify-content: center;
    }
    body .mc-slider {
        min-height: 325px;
        padding: 0;
    }
    body .mc-slider::before {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 270px;
        height: 350px;
        margin: 0;
        background-size: contain;
    }
    body .mc-slider::after {
        top: 50%;
        transform: translate(-50%,-50%);
        width: 270px;
        height: 350px;
        margin: 0;
        background-size: contain;
    }
    body .myCard {
        width: 200px;
        height: 307px;
    }
    body .frontSide,
    body .backSide {
        width: 200px;
        height: 307px;
    }
    body .frontSide img {
        width: 200px;
        height: 307px;
    }
    body .level p,
    body .level span {
        font-size: 16px !important;
        line-height: normal !important;
    }
    body .backSideContent {
        padding: 20px 10px 10px;
    }
    body .cardIcon {
        margin-bottom: 10px;
    }
    body .cardIcon img {
        width: 30px;
        height: auto;
    }
    body .cardTitle {
        font-size: 9px;
    }
    body .cardDesk {
        font-size: 10px;
    }
    body .cardOther {
        font-size: 9px;
    }
    body .mc-slider-data {
        margin-top: 20px;
    }
    body .myChallenge {
        width: 330px;
    }
    body .mcr-buttons {
        margin-top: 20px;
    }
    body .myChallengeResult > div:last-child {
        margin-top: 50px;
    }
    .shareButtonWrap {
        display: flex;
        justify-content: center;
    }
    body .mc-slider {
        min-height: 325px;
        padding: 0;
    }
    body .mc-slider::before {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 270px;
        height: 350px;
        margin: 0;
        background-size: contain;
    }
    body .mc-slider::after {
        top: 50%;
        transform: translate(-50%,-50%);
        width: 270px;
        height: 350px;
        margin: 0;
        background-size: contain;
    }
    body .myCard {
        width: 200px;
        height: 307px;
    }
    body .frontSide,
    body .backSide {
        width: 200px;
        height: 307px;
    }
    body .frontSide img {
        width: 200px;
        height: 307px;
    }
    body .level p,
    body .level span {
        font-size: 16px !important;
        line-height: normal !important;
    }
    body .backSideContent {
        padding: 20px 10px 10px;
    }
    body .cardIcon {
        margin-bottom: 10px;
    }
    body .cardIcon img {
        width: 30px;
        height: auto;
    }
    body .cardTitle {
        font-size: 9px;
    }
    body .cardDesk {
        font-size: 10px;
    }
    body .cardOther {
        font-size: 9px;
    }
    body .mc-slider-data {
        margin-top: 20px;
    }
    body .myChallenge {
        width: 330px;
    }
    section.preorder {
        padding: 0;
    }
    body .mcr-buttons {
        margin-top: 20px;
    }
    body .myChallengeResult > div:last-child {
        margin-top: 50px;
    }
    .shareButtonWrap {
        display: flex;
        justify-content: center;
    }
    .woocommerce-order > section {
        width: 100%;
        border-radius: 10px !important;
    }
    body .woocommerce-customer-details {
        border: 1px solid #FAFAFA;
        border-radius: 10px;
    }
    body .data01 {
        border: initial;
    }
    body .data01-header {
        display: none;
    }
    body .data01-header > div,
    body .data01-row > div {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #373737;
        margin-bottom: 10px;
    }
    body .data01-body {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    body .data01-header,
    body .data01-row {
        min-width: initial;
        border: 1px solid #FAFAFA;
        border-radius: 10px;
        padding: 10px 15px;
        flex-direction: column;
    }
    body .data01-row span {
        display: initial;
    }
    body .data01-cell.actions {
        border: 0;
        margin-bottom: 0;
        justify-content: center;
    }
    body .checkoutInputWrap .accordion .accordion-content p {
        margin: 0;
    }
    body .supportAccordion li a {
        padding: 15px 86px 15px 15px;
    }
    body .supportAccordion li a span:first-child {
        margin-right: 20px;
    }
    body .supportAccordion .accordionContent p{
        margin: 20px 36px 40px 55px;
    }
    body .cardStatus {
        width: 150px;
        line-height: 36px;
        font-size: 14px;
    }
    body .copyrightSection > div {
        flex-direction: column;
    }
    body .socialLinks {
        justify-content: center;
    }
    body .custom-video__control {
        font-size: 3em;
    }
}

@media screen and (max-width: 992px) {
    .journal .postHeading > span {
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 20px;
    }
    .journal .postHeading h1 {
        margin-bottom: 20px;
    }
    body h1 {
        font-size: 40px;
        line-height: 56px;
        margin-bottom: 15px;
    }
    .journal .postHeading .postDetails span {
        margin: 0;
    }
    .journal .postHeading .postDetails {
        display: block;
    }
    .journal .postHeading .postDetails span {
        margin: 0;
        display: block;
        text-align: left !important;
    }
    body .subtitle {
        font-size: 22px;
        line-height: 28px;
    }
    body .productCards > a {
        width: 150px;
    }
    body .threeSectionsRight .rgbBorder > div {
        padding: 35px 15px;
    }
    body .buttonsColumn .rgbButton {
        display: none;
    }
    body.coming-soon .buttonsColumn .rgbButton {
        display: unset;
    }
    header > .row > div {
        width: 33.33%;
    }
    body .entry,
    body .contactBlock {
        flex-basis: calc(50% - 20px);
    }
    body .productDataPrice {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    body .productDataInner {
        display: block;
    }
    body .productDataPrice {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    body .productCount {
        margin-left: 0;
    }
    body .productDataPrice > span:first-child {
        margin-right: 60px;
    }
    body .productDataCount {
        justify-content: space-between;
        margin-top: 30px;
    }
    body .imageLeftSection > .container > .row > div {
        width: 100%;
        text-align: center;
    }
    body .imageLeftSection > .container > .row > div:first-child span {
        display: block;
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 45px;
    }
    body .imageLeftSection > .container > .row > div:nth-child(2) h2 {
        display: none;
    }
    body .imageLeftSection img {
        margin-right: 0;
        margin: auto;
        margin-bottom: 15px;
    }
    body .myMethodSection .blockLeft img {
        display: none;
    }
    .tablet-hide {
        display: none;
    }
    body .myMethodSection .blockRight img {
        margin-bottom: 50px;
    }
    body .rgbBorderBanner .rgbBorder {
        padding: 30px 20px;
        text-align: center;
    }
    .rgbBorderBanner .subtitle {
        margin-bottom: 30px;
        display: block;
    }
    body .myMethodSection .blockRight img:last-child {
        display: block;
        margin-bottom: 0;
    }
    body .imageLeftSection > .container > .row > div:last-child {
        width: 100%;
    }
    body .prlxPic {
        display: none !important;
    }
    body .prlxHeading {
        position: relative;
        text-align: center;
    }
    .prlxWrap {
        margin-bottom: 50px;
    }
    body .prlxWrap img {
        display: block;
    }
    body .partnerTextBlock {
        max-width: 100%;
    }
    body .contact-form .rgbButton {
        max-width: 300px;
        margin: auto;
    }
    .prlxTxtButtons {
        justify-content: center;
    }
    body .imageLeftSection {
        margin-top: 0;
    }
    body .checkoutOrder {
        width: 100%;
    }
    body .checkoutForm {
        width: 100%;
    }
    body .checkoutFormButtonsWrapper {
        justify-content: center;
    }
    body .payButton button {
        max-width: 300px;
        width: 100%;
        margin: auto;
    }
    body .billingAddressWrapper .doubleInput > div {
        width: 100%;
    }
    body .doubleInput {
        flex-direction: column;
    }
    body .popup {
        width: 90%;
    }
    body .wideButton .button:hover::before {
        transform: rotate(81deg) scaleY(8) scale(1.7);
    }
}

@media screen and (max-width: 1200px) {
    body .productDataPrice > span:first-child {
        margin-right: 30px;
    }
    body .productDataPrice .productCount {
        margin-left: 35px;
    }
    body .cart-table td:nth-child(2) {
        width: 295px;
    }
}

@media screen and (min-width: 992px) {
    body .carousel-item {
        min-height: 19vw !important;
    }
}

@media screen and (min-width: 767px) {
    .introBackground {
        width: 68%;
    }
    body .carousel-item {
        min-height: 25vw;
    }
    .mobileDataInner {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .introBackground {
        width: 65%;
    }
    body .carousel-item {
        min-height: 17vw !important;
    }
}

@media screen and (min-width: 1400px) {
    .productReviewTwoSections img {
        width: 100%;
    }
    .container {
        max-width: 1184px;
    }
    .introBackground {
        width: 60%;
    }
}

.woocommerce form .form-row .required {
    color: var(--l-white);
    text-decoration: none;
}