@import "idcs/ruleset.css";

/* sitemap specific */
#jmap_sitemap > div.jmapcolumn.instance1 > ul > li > span{
display:none;
}

#jmap_sitemap > div.jmapcolumn.instance1 > ul > li:before{
 content: "Δώρα";
}

#jmap_sitemap > div.jmapcolumn.instance2 > ul > li > span{
display:none;
}

#jmap_sitemap > div.jmapcolumn.instance2 > ul > li:before{
 content: "Βασικό μενού";
}

/* sitemap specific */

/* Legend welcome message START */
div.legend-welcome-message {
    padding: 40px 60px 20px;
    margin: 0;
}

div.legend-welcome-message > p {
    color: #356d42;
}
/* Legend welcome message END */

/* Cookiebot cookie css START */
.baywin-cookiesettings {
    color: var(--baywin-white);
    /* position: fixed; */
    /* bottom: 48px; */
    font-size: 16px;
    line-height: 18px;
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    transition: .75s;
    z-index: 9999;
    padding: 2px 0 0 0;
    border-bottom: 1px solid white;
    margin-bottom: -70px;
    width: fit-content;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.CybotCookiebotDialogBodyButton {
  	background-color: #004422;
    border: 1px solid #004422;
}

#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #ot-search-cntr, 
#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch.ot-toggle, 
#onetrust-consent-sdk #onetrust-pc-sdk ot-grp-hdr1 .checkbox, 
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title:after, 
#onetrust-consent-sdk #onetrust-pc-sdk #ot-sel-blk, 
#onetrust-consent-sdk #onetrust-pc-sdk #ot-fltr-cnt, 
#onetrust-consent-sdk #onetrust-pc-sdk #ot-anchor {
    font-size: initial;
}

#onetrust-banner-sdk div, #onetrust-banner-sdk span, #onetrust-banner-sdk h1, #onetrust-banner-sdk h2, #onetrust-banner-sdk h3, #onetrust-banner-sdk h4, #onetrust-banner-sdk h5, #onetrust-banner-sdk h6, #onetrust-banner-sdk p, #onetrust-banner-sdk img, #onetrust-banner-sdk svg, #onetrust-banner-sdk button, #onetrust-banner-sdk section, #onetrust-banner-sdk a, #onetrust-banner-sdk label, #onetrust-banner-sdk input, #onetrust-banner-sdk ul, #onetrust-banner-sdk li, #onetrust-banner-sdk nav, #onetrust-banner-sdk table, #onetrust-banner-sdk thead, #onetrust-banner-sdk tr, #onetrust-banner-sdk td, #onetrust-banner-sdk tbody, #onetrust-banner-sdk .ot-main-content, #onetrust-banner-sdk .ot-toggle, #onetrust-banner-sdk #ot-content, #onetrust-banner-sdk #ot-pc-content, #onetrust-banner-sdk .checkbox, #onetrust-pc-sdk div, #onetrust-pc-sdk span, #onetrust-pc-sdk h1, #onetrust-pc-sdk h2, #onetrust-pc-sdk h3, #onetrust-pc-sdk h4, #onetrust-pc-sdk h5, #onetrust-pc-sdk h6, #onetrust-pc-sdk p, #onetrust-pc-sdk img, #onetrust-pc-sdk svg, #onetrust-pc-sdk button, #onetrust-pc-sdk section, #onetrust-pc-sdk a, #onetrust-pc-sdk label, #onetrust-pc-sdk input, #onetrust-pc-sdk ul, #onetrust-pc-sdk li, #onetrust-pc-sdk nav, #onetrust-pc-sdk table, #onetrust-pc-sdk thead, #onetrust-pc-sdk tr, #onetrust-pc-sdk td, #onetrust-pc-sdk tbody, #onetrust-pc-sdk .ot-main-content, #onetrust-pc-sdk .ot-toggle, #onetrust-pc-sdk #ot-content, #onetrust-pc-sdk #ot-pc-content, #onetrust-pc-sdk .checkbox, #ot-sdk-cookie-policy div, #ot-sdk-cookie-policy span, #ot-sdk-cookie-policy h1, #ot-sdk-cookie-policy h2, #ot-sdk-cookie-policy h3, #ot-sdk-cookie-policy h4, #ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy p, #ot-sdk-cookie-policy img, #ot-sdk-cookie-policy svg, #ot-sdk-cookie-policy button, #ot-sdk-cookie-policy section, #ot-sdk-cookie-policy a, #ot-sdk-cookie-policy label, #ot-sdk-cookie-policy input, #ot-sdk-cookie-policy ul, #ot-sdk-cookie-policy li, #ot-sdk-cookie-policy nav, #ot-sdk-cookie-policy table, #ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy tr, #ot-sdk-cookie-policy td, #ot-sdk-cookie-policy tbody, #ot-sdk-cookie-policy .ot-main-content, #ot-sdk-cookie-policy .ot-toggle, #ot-sdk-cookie-policy #ot-content, #ot-sdk-cookie-policy #ot-pc-content, #ot-sdk-cookie-policy .checkbox, #ot-sync-ntfy div, #ot-sync-ntfy span, #ot-sync-ntfy h1, #ot-sync-ntfy h2, #ot-sync-ntfy h3, #ot-sync-ntfy h4, #ot-sync-ntfy h5, #ot-sync-ntfy h6, #ot-sync-ntfy p, #ot-sync-ntfy img, #ot-sync-ntfy svg, #ot-sync-ntfy button, #ot-sync-ntfy section, #ot-sync-ntfy a, #ot-sync-ntfy label, #ot-sync-ntfy input, #ot-sync-ntfy ul, #ot-sync-ntfy li, #ot-sync-ntfy nav, #ot-sync-ntfy table, #ot-sync-ntfy thead, #ot-sync-ntfy tr, #ot-sync-ntfy td, #ot-sync-ntfy tbody, #ot-sync-ntfy .ot-main-content, #ot-sync-ntfy .ot-toggle, #ot-sync-ntfy #ot-content, #ot-sync-ntfy #ot-pc-content, #ot-sync-ntfy .checkbox{
    font-size: initial;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description{
    font-size: 16px!important;
}

/* Cookiebot cookie css END */


/* New Home CSS START */
.article-list .article {
    padding: 0px;
    border: none;
}

@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
}

/* New Home CSS END*/

/* Top Bar START */

#sp-top-bar {
    padding: 0;
    background: var(--baywin-gray-light);
    height: 47px;
}

#sp-top-bar > .container,
#sp-top-bar > .container > .container-inner,
#sp-top-bar > .container > .container-inner > .row {
    height: 100%;
}

#sp-top-bar #sp-top1,
#sp-top-bar #sp-top2 {
    padding: 0;
    display: flex;
    align-items: center;
}

#sp-top-bar #sp-top2 {
    justify-content: flex-end;
}

.top-links {
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 19px;
    color: var(--baywin-navy)!important;
    font-weight: 400;
}

.top-links:not(:last-child)::after {
  content: "|";
  margin: 0 8px;
}

.top-links.top-link-contact {
    color: var(--baywin-blue-light)!important;
}

.top-links:hover,
.top-links:focus,
.top-links:focus-visible {
    color: var(--baywin-purple-muted)!important;
}

#sp-top-bar .top_text_left {
    color: var(--baywin-navy);
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 19px;
    font-weight: 700;
}

section#sp-header-logos {
    margin-top: 29px;
}


/* Top Bar END */

/* Footer START */
section#sp-bottom,
footer#sp-footer {
    background: var(--baywin-green-dark);
}

section#sp-bottom {
    padding: 50px 0;
    border-top-left-radius: 40px;
}

footer#sp-footer {
    border-bottom-right-radius: 40px;
    margin-top: -2px;
}

footer#sp-footer > .container > .container-inner {
    padding: 0;
    border-top: none;
}

footer#sp-footer > .container > .container-inner > .row {
    position: relative;
}

section#sp-bottom > .container > .container-inner > .row::before {
  content: "";
  width: 100vw;
  height: 148px;
  background-image: url("/images/banners/footer_legend_banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 50px;
}

span.sp-copyright {
    display: block;
    padding: 50px 0;
    text-align: center;
    border-top: 1px solid var(--baywin-lime);
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}

div#sp-bottom1 > div.sp-column {
    height: 100%;
}

div#sp-bottom1 > div.sp-column * img {
    margin: 0 auto;
}

div#sp-bottom1,
div#sp-bottom2,
div#sp-bottom3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

div#sp-bottom1 > div.sp-column {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

span.footer-link-title {
    font-size: 22px;
    line-height: 26px;
    color: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    margin-bottom: 29px!important;
    display: block;
}

ul.footer-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#sp-bottom .sp-module ul>li {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    color: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-weight: 400;
}

a.idcs-copyright-ref,
a.idcs-copyright-ref:hover,
a.idcs-copyright-ref:focus,
a.idcs-copyright-ref:focus-visible {
    font-size: 14px;
    line-height: 16px;
    color: var(--baywin-white)!important;
}
/* Footer END */

/* Main body START */

.entry-header h1,
.article-header h1,
.page-header h1 {
    font-size: 45px!important;
    line-height: 61px;
    font-family: var(--baywin-open-sans);
    font-weight: 300;
    color: var(--baywin-green);
    margin: 0 0 20px 0;
}

div.article-can-edit,
.article-details .article-info {
    display: none!important;
}
/* Main body END */

/* Breadcrumbs START */
#sp-header { 
    height: auto;
    box-shadow: none;
}

.breadcrumb { 
    padding: 0px 15px 0px 15px!important;
    margin: 20px 0 30px;
    background: transparent;
}

.breadcrumb,
.breadcrumb-item,
.breadcrumb-item.active {
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--baywin-black);
}

.breadcrumb-item > a {
    color: var(--baywin-navy);
}


.breadcrumb-item+.breadcrumb-item {
    padding-left: 4px;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "|";
    color: var(--baywin-black);
    margin-top: -2px;
    padding-right: 4px;
}
/* Breadcrumbs END */

/* Homepage Login START */

div.top_login_module > div > div.mod-custom {
    position: relative;
}

div.container.homepage-login-form {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 663px;
    z-index: 2;
    padding-top: 35px;
    padding-bottom: 50px;
}

div.container.homepage-login-form > div.row {
    height: 100%;
}

div.container.homepage-login {
    width: 100%;
    max-width: -webkit-fill-available;
    padding-left: 0;
    padding-right: 0;
}

div.homepage-login-module {
    max-width: 500px;
    position: relative;
    z-index: 3;
}

.homepage-login .row {
    position: relative;
    height: 663px;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

.homepage-login .left-bg,
.homepage-login .right-bg {
    position: absolute;
    top: 0;
    height: 663px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.homepage-login .left-bg {
    left: 0;
    width: min(1175px, 61.2vw);
    background-image: url("/images/home/home_login_left.png");
    background-position: left center;
    z-index: 2;
}

.homepage-login .right-bg {
    right: 0;
    width: min(1175px, 61.2vw);
    background-image: url("/images/home/home_login_right.jpg");
    background-position: right center;
    z-index: 1;
    background-size: auto;
}

@media (max-width: 1800px)
{
    .homepage-login .right-bg {
        background-position: left center;
        background-size: auto;
    }
}

div.container.homepage-login-form * p.login_title,
div.container.homepage-login-form * p.register-title {
    font-family: var(--baywin-open-sans);
    font-size: 30px;
    line-height: 41px;
    font-weight: 400;
    color: var(--baywin-white);
    margin-bottom: 30px;
}

div.container.homepage-login-form * p.register-title {
    margin-top: 30px;
    margin-bottom: 20px;
}

div.container.homepage-login-form * input[type="text"],
div.container.homepage-login-form * input[type="password"] {
    background: transparent;
    font-family: var(--baywin-open-sans);
    color: var(--baywin-white);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 30px;
    border-radius: 0;
    border-bottom: 1px solid var(--baywin-white);
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0 0 6px 0;
}

div.container.homepage-login-form * input[type="password"]::placeholder,
div.container.homepage-login-form * input[type="text"]::placeholder {
    color: var(--baywin-white);
}

div.container.homepage-login-form * div.mod-login__submit > button,
div.container.homepage-login-form * a.register-button {
    max-width: 149px;
    width: 100%;
    background: var(--baywin-white);
    border: none;
    border-radius: 12px;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    color: var(--baywin-navy);
    padding: 20px;
    margin-bottom: 30px;
}

div.container.homepage-login-form * a.register-button {
    display: block;
    text-align: center;
}

div.container.homepage-login-form * a.mod-login__reset,
div.container.homepage-login-form * a.mod-login__remind {
    background: transparent;
    border: none;
    color: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    text-decoration: underline;
    margin-bottom: 20px;
    padding: 0;
}

div.container.homepage-login-form * p.register-intro {
    color: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 30px;
}

div.container.homepage-login-form * label,
div.container.homepage-login-form * div.mod-login__remember,
div.container.homepage-login-form * a.mod-login__register,
div.container.homepage-login-form * button.input-password-toggle {
    display: none;
}

div.com-users-remind__submit > div.controls > button,
div.com-users-remind__submit > div.controls > button:active,
div.com-users-remind__submit > div.controls > button:hover,
div.com-users-remind__submit > div.controls > button:focus,
div.com-users-remind__submit > div.controls > button:focus-visible,
div.com-users-reset__submit > div.controls > button,
div.com-users-reset__submit > div.controls > button:active,
div.com-users-reset__submit > div.controls > button:hover,
div.com-users-reset__submit > div.controls > button:focus,
div.com-users-reset__submit > div.controls > button:focus-visible {
    max-width: 149px;
    width: 100%;
    background: var(--baywin-green-forest);
    border: none;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    color: var(--baywin-white);
    padding: 20px;
    margin-bottom: 30px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

form.com-users-reset__form > fieldset > legend,
form.com-users-remind__form > fieldset > legend {
    font-size: 20px;
    line-height: 25px;
}

form.com-users-reset__form * div.control-group > div.controls,
form.com-users-remind__form * div.control-group > div.controls {
    margin: 0;
    max-width: 270px;
}

div.com-users-reset__submit > div.controls,
div.com-users-remind__submit > div.controls {
    margin: 0;
}


/* Homepage Login END */

/* Home about legend START */
.article-list .article .featured-article-badge {
    display: none;
}

h2.legend-intro-text,
p.legend-intro-text {
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    color: var(--baywin-black);
    text-align: center;
    margin: 0 auto 50px auto;
    padding: 0;
    font-weight: 400;
}

h2.legend-intro-text {
    max-width: 640px;
}

h2.legend-subtitle {
    font-family: var(--baywin-open-sans);
    font-size: 32px;
    line-height: 43px;
    color: var(--baywin-green);
    text-align: center;
    margin-bottom: 20px;
    padding: 0;
    font-weight: 400;
}

body.itemid-102 * .entry-header h1,
body.itemid-102 * h2.legend-subtitle {
    text-align: center!important;
}

div.legend-buying-container,
div.legend-collect-container,
div.legend-redeem-container {
    display: flex;
    gap: 20px;
}

div.legend-buying-icon,
div.legend-collect-icon,
div.legend-redeem-icon {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    min-width: 80px;
    height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div.legend-buying-icon {
    background: var(--baywin-light-green);
}

div.legend-collect-icon {
    background: var(--baywin-blue-light2);
}

div.legend-redeem-icon {
    background: var(--baywin-fuschia);
}

div.legend-buying-icon > img,
div.legend-collect-icon > img,
div.legend-redeem-icon > img {
    width: 58px;
    height: 53px;
}

div.legend-buying-content,
div.legend-collect-content,
div.legend-redeem-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}

div.legend-buying-content > h3,
div.legend-collect-content > h3,
div.legend-redeem-content > h3 {
    font-family: var(--baywin-open-sans);
    font-size: 25px;
    line-height: 34px;
    font-weight: 700;
    margin: 0;
}

div.legend-buying-content > h3 {
    color: var(--baywin-green);
}

div.legend-collect-content > h3 {
    color: var(--baywin-blue);
}

div.legend-redeem-content > h3 {
    color: var(--baywin-purple-muted);
}

div.legend-buying-content > p,
div.legend-collect-content > p,
div.legend-redeem-content > p {
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: var(--baywin-black);
    margin: 0;
}

div.legend-buying-message,
div.legend-collect-message,
div.legend-redeem-message {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 22px 40px;
    margin-top: 20px;
    min-height: 88px;
    display: flex;
    align-items: center;
}

div.legend-buying-message {
    background: var(--baywin-green-forest);
}

div.legend-collect-message {
    background: var(--baywin-cyan);
}

div.legend-redeem-message {
    background: var(--baywin-purple-muted);
}

div.legend-buying-message > p,
div.legend-buying-message > p > a,
div.legend-buying-message > p > a:hover,
div.legend-buying-message > p > a:focus,
div.legend-buying-message > p > a:focus-visible,
div.legend-collect-message > p,
div.legend-collect-message > p > a,
div.legend-collect-message > p > a:hover,
div.legend-collect-message > p > a:focus,
div.legend-collect-message > p > a:focus-visible,
div.legend-redeem-message > p,
div.legend-redeem-message > p > a,
div.legend-redeem-message > p > a:hover,
div.legend-redeem-message > p > a:focus,
div.legend-redeem-message > p > a:focus-visible {
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    color: var(--baywin-white);
    margin: 0;
    text-align: center;
}
/* Home about legend END */

/* Home support START */
#sp-full-width-above-bottom {
    background-color: var(--baywin-white)!important;
    padding: 20px 20px 50px 20px!important;
}

div.support-image {
    padding-right: 20px;
}

div.support-texts {
    padding-left: 20px;
    padding-right: 0px;
    max-width: 370px;
}

div.support-image > img {
    float: right;
}

div.support-texts > h3 {
    color: var(--baywin-green);
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 20px;
}

p.support-title {
    color: var(--baywin-black);
    font-family: var(--baywin-open-sans);
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 0px;
}

a.support-tel,
a.support-tel:hover,
a.support-tel:focus,
a.support-tel:focus-visible {
    color: var(--baywin-black);
    font-family: var(--baywin-open-sans);
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 20px;
    display: block;
}

a.support-tel:hover,
a.support-tel:focus,
a.support-tel:focus-visible {
    color: var(--baywin-purple-muted);
}

p.support-content {
    color: var(--baywin-black);
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0px;
}

p.support-hours {
    margin-bottom: 35px;
}

a.support-cta,
a.support-cta:hover,
a.support-cta:focus,
a.support-cta:focus-visible {
    display: block;
    color: var(--baywin-white);
    background: var(--baywin-green-forest);
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    padding: 20px 19px;
    min-width: 358px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}
/* Home support END */

/* Home other info START */
div.homepage-other-info {
    margin-top: 80px;
    gap: 40px;
    justify-content: center;
}

div.homepage-other-info > div.homepage-how-it-works {
    max-width: 619px;
    background: var(--baywin-blue);
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    color: var(--baywin-white);
    padding: 40px 50px 50px;
}

div.homepage-other-info > div.homepage-how-it-works > span {
    margin-bottom: 20px;
    font-family: var(--baywin-open-sans);
    font-size: 32px;
    line-height: 43px;
    color: var(--baywin-white);
    font-weight: 400;
}

div.homepage-other-info > div.homepage-how-it-works > p {
    margin: 0;
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    color: var(--baywin-white);
    font-weight: 400;
}

div.homepage-other-info > div.homepage-how-it-works > ul {
    padding-left: 24px;
    margin-bottom: 34px;
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    color: var(--baywin-white);
    font-weight: 400;
}

div.homepage-other-info > div.homepage-how-it-works > a,
div.homepage-other-info > div.homepage-how-it-works > a:hover,
div.homepage-other-info > div.homepage-how-it-works > a:focus,
div.homepage-other-info > div.homepage-how-it-works > a:focus-visible {
    max-width: 149px;
    background: var(--baywin-white);
    color: var(--baywin-navy);
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    text-decoration: none;
    padding: 20px;
    border-radius: 12px;
    display: block;
    text-align: center;
}

div.homepage-other-info > div.homepage-counters {
    max-width: 619px;
    background: var(--baywin-purple-muted);
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    color: var(--baywin-white);
    min-height: 380px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 70px;
    gap: 55px;
}

div.homepage-other-info > div.homepage-counters > p {
    font-family: var(--baywin-open-sans);
    font-size: 25px;
    line-height: 41px;
    color: var(--baywin-white);
    font-weight: 700;
    margin: 0;
}

div.homepage-other-info > div.homepage-counters > p > span {
    font-family: var(--baywin-open-sans);
    font-size: 45px;
    line-height: 34px;
    color: var(--baywin-white);
    font-weight: 700;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    div.homepage-other-info > div.homepage-how-it-works,
    div.homepage-other-info > div.homepage-counters {
        max-width: 500px;
    }
}
/* Home other info END */

/* How it works inner module START */
div.row.mod-how-it-works {
    background: var(--baywin-blue);
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    margin: 50px 0 0 0;
}

div.how-it-works-bg,
div.how-it-works-content {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

div.how-it-works-content {
    max-width: 474px;
    color: var(--baywin-white);
    padding: 50px 40px 50px 50px;
    max-height: 393px;
}

div.how-it-works-content > span {
    margin-bottom: 10px;
    font-family: var(--baywin-open-sans);
    font-size: 25px;
    line-height: 34px;
    color: var(--baywin-white);
    font-weight: 700;
}

div.how-it-works-content > p {
    margin: 0;
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    color: var(--baywin-white);
    font-weight: 300;
}

div.how-it-works-content > ul {
    padding-left: 24px;
    margin-bottom: 30px;
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    color: var(--baywin-white);
    font-weight: 300;
}

div.how-it-works-content > a,
div.how-it-works-content > a:hover,
div.how-it-works-content > a:focus,
div.how-it-works-content > a:focus-visible {
    max-width: 149px;
    background: var(--baywin-white);
    color: var(--baywin-navy);
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    text-decoration: none;
    padding: 20px;
    border-radius: 12px;
    display: block;
    text-align: center;
}

@media (max-width: 1400px) {
    div.how-it-works-content {
        padding: 20px;
    }

    div.how-it-works-content > ul {
        margin-bottom: 10px;
    }
}
/* How it works inner module END */

/* RSForm Register START */
.formResponsive .formHorizontal .rsform-block:before, .formResponsive .formHorizontal .rsform-block:after {
    display: none;
}

.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 20px;
}

.formResponsive .formHorizontal .formControls {
    margin-left: 0;
}

.formResponsive .formHorizontal .formControlLabel {
    text-align: left;
    padding: 0;
    min-width: 290px;
    width: auto;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.rsform-block {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.rsform-block > div.formControls {
    flex: auto;
}

.rsform-block > div.formControls > div.formBody {
    display: flex;
    flex-direction: column;
    max-width: 625px;
}

form#userForm * input[type=text]:not(.form-control),
form#userForm * input[type=email]:not(.form-control),
form#userForm * input[type=url]:not(.form-control),
form#userForm * input[type=date]:not(.form-control),
form#userForm * input[type=password]:not(.form-control),
form#userForm * input[type=search]:not(.form-control),
form#userForm * input[type=tel]:not(.form-control),
form#userForm * input[type=number]:not(.form-control),
form#userForm * select:not(.form-select):not(.form-control) {
    width: -webkit-fill-available;
    padding: 0 8px 2px!important;
    margin: 0;
    border-bottom: 1px solid var(--baywin-gray);
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--baywin-open-sans);
}

form#userForm * select#postal_code,
form#userForm * input#city[type=text]::placeholder,
form#userForm * input#state[type=text]::placeholder {
    color: var(--baywin-blue);
    font-size: 14px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 400;
}

form#userForm * select#postal_code {
    color: var(--baywin-navy);
}

.formResponsive select:focus,
.formResponsive select:focus {
    box-shadow: none;
    border-bottom: 1px solid var(--baywin-gray);
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.formResponsive .formError {
    margin: 7px 5px 7px 0;
    color: var(--baywin-fuschia);
    font-weight: normal;
}

form#userForm * p.formDescription {
    color: var(--baywin-navy);
    font-family: var(--baywin-open-sans);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    font-style: italic;
    margin-top: 5px!important;
    margin-bottom: 0!important;
    padding-left: 5px;
}

form#userForm * div.rsfp-progress {
    display: none;
}

form#userForm * .rsform-password-hint span {
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

form#userForm * #termsofuse0-lbl,
form#userForm * #shop0-lbl,
form#userForm * #newsletter_consent0-lbl,
form#userForm * #afm_consent0-lbl {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding-bottom: 5px;
    width: -webkit-fill-available;
    max-width: 625px;
    border-bottom: 1px solid var(--baywin-gray);
}

form#userForm * #termsofuse0-lbl input[type="checkbox"],
form#userForm * #shop0-lbl input[type="checkbox"],
form#userForm * #newsletter_consent0-lbl input[type="checkbox"],
form#userForm * #afm_consent0-lbl input[type="checkbox"] {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    flex: 0 0 25px;
    margin: 0;
}

form#userForm * #termsofuse0-lbl p,
form#userForm * #shop0-lbl p,
form#userForm * #newsletter_consent0-lbl p,
form#userForm * #afm_consent0-lbl p {
    margin: 0;
    color: var(--baywin-navy);
    font-size: 14px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 400;
}

form#userForm * #termsofuse0-lbl p > a,
form#userForm * #shop0-lbl p > a,
form#userForm * #newsletter_consent0-lbl p > a,
form#userForm * #afm_consent0-lbl p > a {
    color: var(--baywin-navy);
}

form#userForm * #termsofuse0-lbl p > a:hover,
form#userForm * #termsofuse0-lbl p > a:focus,
form#userForm * #termsofuse0-lbl p > a:focus-visible,
form#userForm * #shop0-lbl p > a:hover,
form#userForm * #shop0-lbl p > a:focus,
form#userForm * #shop0-lbl p > a:focus-visible,
form#userForm * #newsletter_consent0-lbl p > a:hover,
form#userForm * #newsletter_consent0-lbl p > a:focus,
form#userForm * #newsletter_consent0-lbl p > a:focus-visible,
form#userForm * #afm_consent0-lbl p > a:hover,
form#userForm * #afm_consent0-lbl p > a:focus,
form#userForm * #afm_consent0-lbl p > a:focus-visible {
    color: var(--baywin-purple-muted);
}

form#userForm * p.register-subsection,
form#userForm * p.register-afm {
    font-family: var(--baywin-open-sans);
    font-size: 32px;
    line-height: 43px;
    color: var(--baywin-green);
    font-weight: 400;
    margin: 0;
}

form#userForm * p.register-subtitle {
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    color: var(--baywin-green);
    font-weight: 400;
    margin: 0;
}

div.rsform-block-basic-crops-notes > p,
div.rsform-block-afm-notes > p {
    font-size: 16px;
    line-height: 20px;
}

form#userForm * fieldset.rsfp-fieldset {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.formRequired {
    display: none;
}

form#userForm * #Add_second_main_crop0-lbl,
form#userForm * #Add_second_main_crop1-lbl,
form#userForm * #add_radio_afm20-lbl,
form#userForm * #add_radio_afm21-lbl,
form#userForm * #add_radio_afm30-lbl,
form#userForm * #add_radio_afm31-lbl {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

form#userForm * #Add_second_main_crop0-lbl > input,
form#userForm * #Add_second_main_crop1-lbl > input,
form#userForm * #add_radio_afm20-lbl > input,
form#userForm * #add_radio_afm21-lbl > input,
form#userForm * #add_radio_afm30-lbl > input,
form#userForm * #add_radio_afm31-lbl > input {
    width: 25px;
    height: 25px;
    margin: 0;
}

form#userForm * #Add_second_main_crop0-lbl > span,
form#userForm * #Add_second_main_crop1-lbl > span,
form#userForm * #add_radio_afm20-lbl > span,
form#userForm * #add_radio_afm21-lbl > span,
form#userForm * #add_radio_afm30-lbl > span,
form#userForm * #add_radio_afm31-lbl > span {
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 20px;
    color: var(--baywin-navy);
    font-weight: 400;
}

form#userForm * div.rsform-block-add-radio-afm2 * p.formDescription {
    margin-top: 15px!important;
}

form#userForm * div.rsform-type-submitbutton > span.formControlLabel {
    display: none
}

form#userForm * div.rsform-type-submitbutton > div.formControls > div.formBody {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

form#userForm * div.rsform-type-submitbutton > div.formControls > div.formBody > button[type="submit"] {
    padding: 20px;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    color: var(--baywin-white);
    background: var(--baywin-green-forest);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    min-width: 246px;
}

form#userForm * div.rsform-type-submitbutton > div.formControls > div.formBody > button[type="reset"] {
    padding: 20px;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    color: var(--baywin-purple-muted);
    background: var(--baywin-white);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    min-width: 246px;
    text-shadow: none;
    box-shadow: none;
    border: none;
}

form#userForm * div.rsform-type-submitbutton > div.formControls > div.formBody > button[type="reset"]:hover,
form#userForm * div.rsform-type-submitbutton > div.formControls > div.formBody > button[type="reset"]:focus,
form#userForm * div.rsform-type-submitbutton > div.formControls > div.formBody > button[type="reset"]:focus-visible {
    color: var(--baywin-white);
    background: var(--baywin-purple-muted);
    text-shadow: none;
    box-shadow: none;
    border: none;
}

form#userForm * strong.formRequired {
    margin-left: 0;
    font-weight: normal;
}

form#userForm * p.formRed {
    color: var(--baywin-fuschia);
    font-weight: normal;
}

form#userForm * div.rsform-block-username > div.formControls > div.formBody > span.formValidation > span.formError {
    display: contents;
}

@media(max-width: 590px) {
    form#userForm * div.rsform-type-submitbutton > div.formControls > div.formBody {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

form#userForm.formResponsive textarea {
    margin-top: 10px;
    width: -webkit-fill-available !important;
}
/* RSForm Register END */

/* J2Commerce START */

div.j2store-products-row > div > div.j2store-single-product > .j2store-addtocart-form {
    display: none;
}

div.j2store-product-list > div.row > div {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

select#j2store_sortby {
    background: var(--baywin-cyan);
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    color: var(--baywin-white);
    max-width: 216px;
    padding: 18px 20px!important;
    height: auto;
}

form#productFilters {
    margin-bottom: 20px;
}

div.j2store-products-row * div.j2store-single-product {
    border: 1px solid var(--baywin-gray);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    display: flex;
    flex-direction: column;
    overflow: clip;
    min-height: 465px;
    justify-content: space-between;
    background: var(--baywin-cyan-light);
}

div.j2store-product-images {
    border-top-left-radius: 20px;
}

div.j2store-thumbnail-image {
    background: var(--baywin-white);
}

div.j2store-thumbnail-image > a {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.j2store-img-responsive {
    margin: 0 auto;
}

.j2store-products-row * .j2store-product-list .j2store-single-product {
    margin: 0;
}

h2.product-title,
h2.product-title > a,
h2.product-title > a:hover,
h2.product-title > a:focus,
h2.product-title > a:focus-visible,
div.product-price-container,
div.sale-price {
    color: var(--baywin-navy);
    font-family: var(--baywin-open-sans);
    font-size: 22px!important;
    line-height: 26px;
    font-weight: 700!important;
}

h2.product-title > a:hover,
h2.product-title > a:focus,
h2.product-title > a:focus-visible {
    color: var(--baywin-purple-muted);
}

h2.product-title > a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

h2.product-title {
    padding: 17px 20px 0 20px;
}

div.product-price-container {
    padding: 0 20px 17px 20px;
}

div.pagination > ul.pagination {
    margin-bottom: 30px!important;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

div.pagination > ul.pagination > li.page-item {
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    flex-direction: row;
    border: 1px solid var(--baywin-dark-gray);
    border-radius: 6px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

div.pagination > ul.pagination > li.active.page-item {
    border: 1px solid var(--baywin-blue-dark);
    background: var(--baywin-blue);
}

div.pagination > ul.pagination > li.page-item > a {
    padding: 0;
    display: inherit;
    align-items: center;
    justify-content: center;
    border: none;
    color: var(--baywin-dark-gray2);
}

div.pagination > ul.pagination > li.page-item > span {
    border: none;
    color: var(--baywin-dark-gray2);
    background: transparent;
}

div.pagination > ul.pagination > li.active.page-item > span {
    color: var(--baywin-white);
    background: transparent;
}

.page-item:not(:first-child) .page-link {
    margin: 0;
    padding: 0;
}

ul.pagination * .page-link:focus,
ul.pagination * .page-link:hover {
    background-color: transparent;
    outline: 0;
    box-shadow: none;
}

li.disabled.page-item > span > span {
    color: var(--baywin-gray-light2);
}

body.j2store-single-product-view * div.j2store-single-product > div.page-header {
    padding-bottom: 0;
}

body.j2store-single-product-view * div.j2store-single-product * h1 {
    font-family: var(--baywin-open-sans);
    color: var(--baywin-green);
    font-size: 45px;
    line-height: 61px;
    font-weight: 300;
    margin-bottom: 30px;

}

body.j2store-single-product-view * div.j2store-single-product * div.j2store-mainimage {
    width: 465px;
    height: 465px;
}

@media (max-width: 1399px) and (min-width: 1200px) {
    body.j2store-single-product-view * div.j2store-single-product * div.j2store-mainimage {
        width: 360px;
        height: 360px;
    }
}

@media (min-width: 1200px) {
    #sp-top-bar .sp-module {
        margin-left: 0;
    }
}

body.j2store-single-product-view * div.j2store-single-product * img.j2store-product-main-image {
    width: 100%;
    height: 100%;
    border: 1px solid var(--baywin-gray);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 40px;
}

body.j2store-single-product-view * div.j2store-single-product * div.price-sku-brand-container {
    padding: 0;
    margin: 0;
    border: none;
}

body.j2store-single-product-view * div.j2store-single-product * div.price-sku-brand-container > div {
    padding: 0;
}

body.j2store-single-product-view * div.j2store-single-product * div.price-sku-brand-container * div.product-price-container {
    padding: 0;
}

body.j2store-single-product-view * div.j2store-single-product * div.sale-price {
    font-family: var(--baywin-open-sans);
    font-size: 32px!important;
    line-height: 43px;
    font-weight: 700!important;
    color: var(--baywin-purple-muted);
    margin-bottom: 30px;
}

div.product-qty {
    display: flex;
    flex-direction: column;
}

div.product-qty::before {
    content: 'Επιλέξτε ποσότητα:';
    display: block;
    margin-bottom: 10px;
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

div.product-qty > input[type="text"],
div.product-qty > input[type="number"] {
    min-width: 234px;
    min-height: 67px;
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    padding: 25px 20px!important;
    text-align: left!important;
}

div.j2store-add-to-cart > input.j2store-cart-button,
div.j2store-add-to-cart > input.j2store-cart-button:hover,
div.j2store-add-to-cart > input.j2store-cart-button:active,
div.j2store-add-to-cart > input.j2store-cart-button:focus,
div.j2store-add-to-cart > input.j2store-cart-button:focus-visible {
    max-width: 240px;
    background: var(--baywin-green-forest);
    color: var(--baywin-white);
    font-size: 16px;
    line-height: 22px;
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 20px;
    text-transform: uppercase;
}

div.j2store-add-to-cart {
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex-wrap: wrap;
    margin: 0 0 30px 0;
}

div.product-description {
    margin-top: 30px;
}

p.basic_specs {
    color: var(--baywin-green);
    font-size: 25px;
    line-height: 34px;
    font-weight: 700;
    font-family: var(--baywin-open-sans);
    margin-bottom: 10px;
}

div.product-sdesc * ul,
div.product-sdesc > ul {
    padding-left: 22px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    font-family: var(--baywin-open-sans);
    margin-bottom: 0;
}

div.product-sdesc > a,
div.product-sdesc > p:last-child > a{
    margin: 30px auto 60px;
    display: block;
    max-width: 202px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    font-family: var(--baywin-open-sans);
    text-transform: uppercase;
    color: var(--baywin-white);
    background: var(--baywin-cyan);
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* div.win-points {
    
} */

div.win-points > p {
    margin-bottom: 0;
}

div.win-points > p > a {
    font-size: 24px;
    line-height: 22px;
    color: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    margin-bottom: 0;
    color: var(--baywin-white);

    padding: 30px 30px 30px 50px;
    background: var(--baywin-purple-muted);
    margin-left: -15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

table.j2store-cart-table {
    margin-bottom: 20px;
}

table.j2store-cart-table > thead > tr > th {
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    padding: 10px;
}

table.j2store-cart-table > thead > tr > th {
    border-bottom: 2px solid var(--baywin-light-green);
}

table.j2store-cart-table > tbody > tr > td {
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

table.j2store-cart-table > tbody > tr > td:nth-child(2)
{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
}

table.j2store-cart-table > tbody > tr > td * span.cart-item-title {
    font-weight: 700;
}

table.j2store-cart-table > tbody > tr > td > div.product-qty::before {
    display: none;
}

table.j2store-cart-table > tbody > tr > td > div.product-qty {
    min-width: 137px;
    max-height: 44px;
}

table.j2store-cart-table > tbody > tr > td > div.product-qty > input[type="text"],
table.j2store-cart-table > tbody > tr > td > div.product-qty > input[type="number"] {
    min-width: -webkit-fill-available;
    min-height: auto;
    padding: 12px 20px!important;
    border: 1px solid var(--baywin-gray);
    border-radius: 4px;
}

table.j2store-cart-table > tbody > tr > td > a.j2store-remove,
table.j2store-cart-table > tbody > tr > td > a.j2store-remove:hover,
table.j2store-cart-table > tbody > tr > td > a.j2store-remove:focus,
table.j2store-cart-table > tbody > tr > td > a.j2store-remove:focus-visible {
    margin-bottom: 0;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--baywin-dark-fuschia);
    border: none;
    color: var(--baywin-white);
}

table.j2store-cart-table > tbody > tr > td.cart-line-subtotal {
    vertical-align: middle;
}

table.j2store-cart-table * tbody,
table.j2store-cart-table * td,
table.j2store-cart-table * tfoot,
table.j2store-cart-table * th,
table.j2store-cart-table * thead,
table.j2store-cart-table * tr {
    border-color: var(--baywin-gray);
}

div.j2store-cart-buttons > div.buttons-left >span.cart-continue-shopping-button > input[type=button],
div.j2store-cart-buttons > div.buttons-left >span.cart-update-button > input[type=submit],
div.j2store-cart-buttons > div.buttons-right > span.cart-clear-button > a.btn-danger {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    text-transform: uppercase;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
}

div.j2store-cart-buttons > div.buttons-left >span.cart-continue-shopping-button > input[type=button],
div.j2store-cart-buttons > div.buttons-left >span.cart-continue-shopping-button > input[type=button]:active,
div.j2store-cart-buttons > div.buttons-left >span.cart-continue-shopping-button > input[type=button]:hover,
div.j2store-cart-buttons > div.buttons-left >span.cart-continue-shopping-button > input[type=button]:focus,
div.j2store-cart-buttons > div.buttons-left >span.cart-continue-shopping-button > input[type=button]:focus-visible {
    background-color: var(--baywin-green-forest);
    color: var(--baywin-white);
}

div.j2store-cart-buttons > div.buttons-left >span.cart-update-button > input[type=submit],
div.j2store-cart-buttons > div.buttons-left >span.cart-update-button > input[type=submit]:active,
div.j2store-cart-buttons > div.buttons-left >span.cart-update-button > input[type=submit]:hover,
div.j2store-cart-buttons > div.buttons-left >span.cart-update-button > input[type=submit]:focus,
div.j2store-cart-buttons > div.buttons-left >span.cart-update-button > input[type=submit]:focus-visible {
    background-color: var(--baywin-cyan);
    color: var(--baywin-white);
    margin-left: 20px;
}

div.j2store-cart-buttons > div.buttons-right > span.cart-clear-button > a.btn-danger,
div.j2store-cart-buttons > div.buttons-right > span.cart-clear-button > a.btn-danger:active,
div.j2store-cart-buttons > div.buttons-right > span.cart-clear-button > a.btn-danger:hover,
div.j2store-cart-buttons > div.buttons-right > span.cart-clear-button > a.btn-danger:focus,
div.j2store-cart-buttons > div.buttons-right > span.cart-clear-button > a.btn-danger:focus-visible {
    background-color: var(--baywin-dark-fuschia);
    color: var(--baywin-white);
}

div.j2store-cart * h3 {
    font-size: 32px;
    line-height: 43px;
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    color: var(--baywin-green);
    margin-top: 50px;
    margin-bottom: 20px;
}

table.cart-footer {
    margin-bottom: 20px;
}

table.cart-footer * tbody,
table.cart-footer * td,
table.cart-footer * tfoot,
table.cart-footer * th,
table.cart-footer * thead,
table.cart-footer * tr {
    border-color: var(--baywin-gray);
}

table.cart-footer > tbody > tr > th {
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    padding: 10px;
    text-align: left!important;
}

table.cart-footer > tbody > tr > td {
    vertical-align: middle;
}

div.buttons-right > span.cart-checkout-button > a,
div.buttons-right > span.cart-checkout-button > a:active,
div.buttons-right > span.cart-checkout-button > a:hover,
div.buttons-right > span.cart-checkout-button > a:focus,
div.buttons-right > span.cart-checkout-button > a:focus-visible {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    text-transform: uppercase;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
    background-color: var(--baywin-green-forest);
    color: var(--baywin-white);
}

div#billing-address div.checkout-content * div.buttons * input#button-billing-address,
div#billing-address div.checkout-content * div.buttons * input#button-billing-address:hover,
div#billing-address div.checkout-content * div.buttons * input#button-billing-address:focus,
div#billing-address div.checkout-content * div.buttons * input#button-billing-address:focus-visible {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    text-transform: uppercase;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
    background-color: var(--baywin-green-forest);
    color: var(--baywin-white);
}

div.checkout-content {
    padding-bottom: 0!important;
}

div.checkout-content * div.buttons {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--baywin-gray);
}

div#checkbox_tos + * {
    border: none;
    padding: 0;
}

div#checkbox_tos + * > div > input#button-payment-method {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    text-transform: uppercase;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
    background-color: var(--baywin-green-forest);
    color: var(--baywin-white);
}

div.checkout-heading {
    background: transparent!important;
    border: none!important;
    color: var(--baywin-green)!important;
    font-size: 32px!important;
    line-height: 43px;
    font-weight: 400!important;
    margin-bottom: 0px!important;
    padding: 0!important;
}

div.checkout-heading > a {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 800!important;
    text-transform: uppercase;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
    background-color: var(--baywin-purple-muted);
    color: var(--baywin-white)!important;
}

div.customer-note > h3 {
    display: none;
}

div.customer-note > textarea {
    border: 1px solid rgb(172, 172, 172);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 20px;
    margin-top: 20px;
}

div#checkbox_tos {
    font-size: 20px;
    line-height: 26px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: var(--baywin-black);
}

div#checkbox_tos > a {
    color: var(--baywin-green-forest);
}

div#shipping-payment-method {
    border-bottom: 1px solid var(--baywin-gray);
    padding-top: 20px;
    padding-bottom: 30px;
}

div#confirm {
    padding-top: 20px;
}

div.payment * input#point-submit-button {
    font-size: 16px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    text-transform: uppercase;
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border: none;
    background-color: var(--baywin-green-forest);
    color: var(--baywin-white);
}

div.j2storeOrderSummary > h3 {
    font-size: 25px;
    line-height: 34px;
    font-family: var(--baywin-open-sans);
    font-weight: 700;
    color: var(--baywin-green);
    margin-top: 30px;
    margin-bottom: 10px;
}

div.j2storeOrderSummary > div {
    font-size: 20px;
    line-height: 25px;
    font-family: var(--baywin-open-sans);
    color: var(--baywin-black);
    font-weight: 400;
}

body.thank-you-page * h3 > span{
    font-size: 45px!important;
    line-height: 61px;
    font-family: var(--baywin-open-sans);
    font-weight: 300!important;
    color: var(--baywin-green)!important;
    margin-bottom: 30px;
    display: block;
}

p.thank-you-signature {
    font-family: var(--baywin-open-sans);
    line-height: 30px;
    font-size: 24px;
    color: var(--baywin-blue);
    font-weight: 400;
    margin-top: 40px;
}
/* J2Commerce END */

/* Misc START */
p.help-message,
p.help-message > a {
    font-family: var(--baywin-open-sans);
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: var(--baywin-blue);
}

div.article-info {
    display: none;
}
/* Misc END */

/* textarea.bonus_codes {
    min-height:200px!important;
    width:100%!important;
    border:1px solid #dddddd!important;
}

 
.bonus-codes-header{font-size: 22px;font-weight: bold;}
#bc_exist-codes-div,#bc_already-codes-div,#bc_otheruser-codes-div,#bc_notvalid-codes-div{margin-bottom:25px;}
.bonus-codes-header-success{color: #66b512;font-size: 22px;border-top: 1px solid #a1a1a1;padding-top: 10px;}
.bonus-codes-header-error{color: #d30f4b;font-size: 22px;border-top: 1px solid #a1a1a1;padding-top: 10px;}
.bonus-codes-span {display: block;margin-bottom: 10px;font-weight: 700;}
.bonus-code-error{color: #d30f4b;}
.bonus-codes-span-group1{width: 120px;display:inline-block;margin-bottom: 10px;overflow-wrap: break-word;font-weight: 700;}
#reported-codes-div{border: 1px solid #a1a1a1;margin-bottom: 25px;background-color: #f8f8f8;padding: 30px;border-radius: 10px;}
.bonus-codes-report-header-error{color: #d30f4b;font-size: 22px;}
.reported-codes{margin-bottom: 10px;}
.reported-codes-code{width: 120px;display: inline-block;font-weight: 700;}
.reported-codes-success-msg{color:#108000;} */

@media (max-width: 767px) {
    .reported-codes-code{width: 110px;}
    .bonus-codes-span-group1{width: 110px;}
    #reported-codes-div{padding: 20px 20px 20px 20px;}
}

@media (max-width: 410px) {
    #reported-codes-div{padding: 20px 10px 20px 10px;}
}

/** Menu **/

div#sp-menu {
    padding: 0;
}

#sp-menu nav {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    /* border-bottom: 1px solid var(--baywin-gray); */
    height: 48px;
}

.sp-megamenu-parent {
    display: flex!important;
    gap: 45px;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid var(--baywin-gray);
}

.sp-megamenu-parent>li {
    display: flex;
    align-items: center;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:focus > a,
.sp-megamenu-parent > li:focus-visible > a,
span.sp-menu-separator,
span.sp-menu-separator:hover,
span.sp-menu-separator:focus,
span.sp-menu-separator:focus-visible {
    font-family: var(--baywin-open-sans);
    font-size: 18px!important;
    line-height: 24px!important;
    font-weight: 400;
    color: var(--baywin-navy);
    padding: 0!important;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li.active:focus > a,
.sp-megamenu-parent > li.active:focus-visible > a {
    font-weight: 700;
    color: var(--baywin-navy);
}

.sp-megamenu-parent>li:last-child>a {
    padding: 0;
}

.sp-megamenu-parent .sp-dropdown {
    margin: 1px 0 0;
}

#sp-new-logo {
  position: relative;
  padding-bottom: 20px;
}

#sp-new-logo::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  bottom: 0;
  border-bottom: 1px solid var(--baywin-green-forest);
}

.no-padding{padding:0px;}

/* Edit details START */
form#displayform.form-validate.idcs-baywin-form > div.row.form-group > div.col-12 {
    display: flex;
    flex-direction: row;
}

form#displayform.form-validate.idcs-baywin-form > div.row.form-group > div.col-12 > input.idcs-baywin-form-input {
    border-radius: 0;
    border-bottom: 1px solid var(--baywin-gray);
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

div.idcs-baywin-form-label {
    min-width: 300px;
}
/* Edit details END */

/* Newsletter consents START */
form > div.newletter-consents > .newsletter-btn,
form > div.newletter-consents > .newsletter-btn:hover,
form > div.newletter-consents > .newsletter-btn:focus,
form > div.newletter-consents > .newsletter-btn:focus-visible {
    padding: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    background: var(--baywin-green-forest);
    color: var(--baywin-white);
    font-size: 16px;
    line-height: 20px;
    font-family: var(--baywin-open-sans);
    font-weight: 800;
    max-width: 180px;
    width: 100%;
    border: none;
    margin-right: 20px;
}

form > div.newletter-consents > .newsletter-btn:disabled {
    background: var(--baywin-dark-gray)!important;
}

/* Newsletter consents END */

@media (max-width: 1199px)
{
    div.top_text_right {
        display: none;
    }

    #sp-top-bar {
        padding: 10px 20px;
        height: 37px;
    }

    #sp-top-bar #sp-top1 {
        width: 100%;
    }

    #sp-top-bar > .container {
        padding: 0;
        margin: 0;
    }

    #sp-top-bar .top_text_left {
        font-size: 12px;
        line-height: 17px;
    }

    header#sp-header > .container {
        margin: 0;
        width: 100%;
        margin: 0 !important;
        max-width: -webkit-fill-available;
        padding-left: 37px;
        padding-right: 37px;
    }

    header#sp-header > .container > .container-inner > .row {
        margin: 0;
    }

    #sp-menu nav {
        height: 40px;
    }

    .sp-megamenu-parent {
        display: none!important;
    }

    .offcanvas-menu {
        background: #F6F6F6!important;
    }
    
    .offcanvas-menu .offcanvas-inner {
        padding: 20px;
    }

    #offcanvas-toggler {
        display: inline-flex!important;
        width: 30px;
        height: 16px;
        width: 100%;
        justify-content: flex-end;
        margin-left: 0;
    }

    .offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
        background-color: var(--baywin-green-forest);
    }

    .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
        margin-right: 0;
    }

    .offcanvas-inner * span.menu-toggler {
        color: var(--baywin-navy)!important;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span, .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
        font-size: 16px;
        line-height: 22px;
        font-family: var(--baywin-open-sans);
        font-weight: 400;
        color: var(--baywin-navy)!important;
        opacity: 1;
        padding: 0;
        margin-bottom: 20px;
    }

    body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li > ul > li {
        margin-bottom: 20px;
    }

    .offcanvas-menu .offcanvas-inner ul.menu li.active a {
        font-weight: 700;
    }

    div.offcanvas-user-links-container {
        display: flex;
        flex-direction: row;
        gap: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--baywin-green-forest);
        max-width: 260px;
    }

    a.offcanvas-user-links,
    a.offcanvas-user-links:hover,
    a.offcanvas-user-links:active,
    a.offcanvas-user-links:focus,
    a.offcanvas-user-links:focus-visible {
        width: 125px;
        border-radius: 6px;
        color: var(--baywin-white)!important;
        font-family: var(--baywin-open-sans);
        padding: 16px 24px;
        font-weight: 800;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        background: var(--baywin-blue);
    }

    a.offcanvas-user-links.offcanvas-user-link-logout {
        width: fit-content;
    }

    div.offcanvas-bottom-links-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links:active,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links:hover,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links:focus,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links:focus-visible {
        font-size: 14px;
        line-height: 19px;
        font-family: var(--baywin-open-sans);
        font-weight: 400;
        color: var(--baywin-navy)!important;
        opacity: 1;
        padding: 0;
        margin-bottom: 0;
    }

    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links.offcanvas-bottom-link-contact,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links.offcanvas-bottom-link-contact:active,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links.offcanvas-bottom-link-contact:hover,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links.offcanvas-bottom-link-contact:focus,
    div.offcanvas-bottom-links-container > a.offcanvas-bottom-links.offcanvas-bottom-link-contact:focus-visible {
        color: var(--baywin-blue-light)!important;
    }

    .homepage-login .left-bg
    {
        left: 0;
        /* width: min(1175px, 61.2vw); */
        width: 100%;
        background-image: url(/images/home/home_login_mobile.png);
        background-position: center center;
        background-size: cover;
        z-index: 1;
    }

    .homepage-login .right-bg {
        display: none;
    }

    div.container.homepage-login-form {
        padding: 0;
    }

    div.container.homepage-login-form * p.login_title,
    div.container.homepage-login-form * p.register-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    div.container.homepage-login-form * input[type="text"],
    div.container.homepage-login-form * input[type="password"] {
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 17px;
    }

    div.container.homepage-login-form * div.mod-login__submit > button,
    div.container.homepage-login-form * a.register-button {
        border-radius: 6px;
        padding: 14px 20px;
        margin-bottom: 20px;
        max-width: 125px;
        max-height: 50px;
    }

    div.container.homepage-login-form * p.register-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    div.container.homepage-login-form * p.register-intro {
        margin-bottom: 20px;
    }

    .homepage-login .row,
    div.container.homepage-login-form,
    .homepage-login .left-bg, .homepage-login .right-bg,
    div.container.homepage-login-form > div.row > div {
        height: 484px;
    }
    
    div.container.homepage-login-form > div.row > div {
        padding: 30px 20px 20px;
    }

    div.homepage-login-module > form > div.mod-login__pretext > p:first-of-type {
        display: none;
    }

    body.itemid-102 * section#sp-section-4 {
        margin-bottom: 30px!important;
    }

    body.itemid-102 * #sp-main-body {
        padding-top: 0;
    }

    .entry-header h1, .article-header h1, .page-header h1 {
        font-size: 32px!important;
        line-height: 38px;
    }

    .entry-header h1 {
        text-align: center;
    }

    .article-header h1 {
        margin-bottom: 10px;
    }

    h2.legend-intro-text, p.legend-intro-text {
        font-size: 16px;
        line-height: 22px;
    }

    h2.legend-intro-text {
        margin-bottom: 30px;
    }

    h2.legend-subtitle {
        margin-bottom: 10px;
        font-size: 26px;
        line-height: 30px;
    }

    p.legend-intro-text {
        margin-bottom: 30px;
    }

    div.responsive_bayer_logo_pad {
        padding: 0 20px;
    }

    div.responsive_bayer_logo_pad > a > img {
        width: 86px;
        height: 65px;
    }

    div.responsive_bayer_logo_pad > img {
        width: 65px;
        height: 65px;
        padding-top: 0!important;
    }

    #sp-top-bar #sp-top2 {
        display: none;
    }

    section#sp-header-logos {
        margin-top: 20px;
    }

    div.row.legend-intro-services {
        display: flex;
        flex-direction: column;
        align-content: center;
        gap: 30px;
    }

    div.row.legend-intro-services > div.col-lg-4 {
        min-width: 360px;
        max-width: 365px;
        padding: 0;
    }

    div.legend-buying-content, div.legend-collect-content, div.legend-redeem-content {
        gap: 10px;
    }

    div.legend-buying-icon, div.legend-collect-icon, div.legend-redeem-icon {
        height: 106px;
    }

    div.legend-buying-content > h3, div.legend-collect-content > h3, div.legend-redeem-content > h3 {
        font-size: 22px;
        line-height: 28px;
    }

    div.legend-buying-content > p, div.legend-collect-content > p, div.legend-redeem-content > p {
        font-size: 16px;
        line-height: 22px;
    }

    div.legend-buying-message, div.legend-collect-message, div.legend-redeem-message {
        padding: 20px;
        justify-content: center;
        min-height: 59px;
    }

    div.legend-buying-message > p, div.legend-buying-message > p > a, div.legend-buying-message > p > a:hover, div.legend-buying-message > p > a:focus, div.legend-buying-message > p > a:focus-visible, div.legend-collect-message > p, div.legend-collect-message > p > a, div.legend-collect-message > p > a:hover, div.legend-collect-message > p > a:focus, div.legend-collect-message > p > a:focus-visible, div.legend-redeem-message > p, div.legend-redeem-message > p > a, div.legend-redeem-message > p > a:hover, div.legend-redeem-message > p > a:focus, div.legend-redeem-message > p > a:focus-visible {
        font-size: 14px;
        line-height: 19px;
    }

    .article-list .article {
        margin-bottom: 10px;
    }

    #sp-full-width-above-bottom {
        padding: 10px 20px 30px!important;
    }

    div.row.homepage-support {
        display: flex;
        justify-content: center;
    }

    div.support-image {
        display: none;
    }

    div.support-texts > h3 {
        font-size: 26px;
        line-height: 30px;
    }

    p.support-title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    p.support-content {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    p.support-title.support-hours {
        margin-bottom: 20px;
    }
    
    a.support-tel,
    a.support-tel:hover,
    a.support-tel:focus,
    a.support-tel:focus-visible {
        font-size: 22px;
        line-height: 30px;
    }

    a.support-cta,
    a.support-cta:hover,
    a.support-cta:focus,
    a.support-cta:focus-visible {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    div.support-texts {
        padding: 0;
    }

    div.homepage-other-info {
        margin-top: 30px;
    }

    div.homepage-other-info > div.homepage-how-it-works {
        padding: 30px;
        min-height: 380px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    div.homepage-other-info > div.homepage-how-it-works > span {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    div.homepage-other-info > div.homepage-how-it-works > p {
        font-size: 16px;
        line-height: 22px;
    }

    div.homepage-other-info > div.homepage-how-it-works > ul {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    div.homepage-other-info > div.homepage-how-it-works > a, div.homepage-other-info > div.homepage-how-it-works > a:hover, div.homepage-other-info > div.homepage-how-it-works > a:focus, div.homepage-other-info > div.homepage-how-it-works > a:focus-visible {
        padding: 16px 24px;
        font-size: 14px;
        line-height: 19px;
        border-radius: 12px;
    }

    div.homepage-other-info > div.homepage-counters {
        flex-direction: column;
        padding: 30px;
        justify-content: center;
        gap: 30px;
    }

    div.homepage-other-info > div.homepage-counters > img {
        width: 80px;
    }

    div.homepage-other-info > div.homepage-counters > p {
        text-align: center;
    }

    section#sp-bottom > .container > .container-inner > .row::before {
        margin-bottom: 30px;
        margin-left: 22px;
    }

    .baywin-cookiesettings {
        margin-bottom: -35px;
    }

    span.sp-copyright {
        text-align: left;
    }

    div#sp-new-breadcrumb {
        padding: 0 20px;
    }

    .breadcrumb {
        padding: 0!important;
    }

    div.row.mod-how-it-works {
        margin-top: 30px;
    }

    div.how-it-works-bg {
        display: none;
    }
    div.how-it-works-content {
        width: 100%;
        max-width: -webkit-fill-available;
        padding: 30px;
        max-height: 100%;
    }

    div.how-it-works-content > span {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    div.how-it-works-content > p,
    div.how-it-works-content > ul {
        font-size: 16px;
        line-height: 22px;
    }

    div.how-it-works-content > ul {
        margin-bottom: 20px;
    }

    #sp-right .sp-module.login_module {
        padding: 30px 20px;
    }

    .sidebar_login_title {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 14px;
    }

    .sidebar_login_intro {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    #sp-right form.mod-login .mod-login__username input[type="text"], #sp-right form.mod-login .mod-login__password input[type="password"] {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 20px;
    }

    #sp-right form.mod-login .mod-login__submit > button.btn.btn-primary, #sp-right form.mod-login .mod-login__submit > button.btn.btn-primary:hover, #sp-right form.mod-login .mod-login__submit > button.btn.btn-primary:focus, #sp-right form.mod-login .mod-login__submit > button.btn.btn-primary:focus-visible {
        max-width: 125px;
        font-size: 14px;
        line-height: 19px;
        padding: 15px 24px;
    }

    #sp-right form.mod-login .mod-login__options.list-group > a:first-of-type {
        margin-top: 20px!important;
    }

    #sp-right form.mod-login .mod-login__options.list-group > a, #sp-right form.mod-login .mod-login__options.list-group > a:hover, #sp-right form.mod-login .mod-login__options.list-group > a:focus, #sp-right form.mod-login .mod-login__options.list-group > a:focus-visible {
        font-size: 14px;
        line-height: 19px;
    }

    div.mod-login__pretext > p:first-of-type {
        display: none;
    }

    #sp-right .sp-module.member_sidebar_border {
        padding: 20px;
    }

    .member_link_sidebar > a, .member_link_sidebar > a:hover, .member_link_sidebar > a:focus, .member_link_sidebar > a:focus-visible {
        font-size: 22px;
        line-height: 28px;
    }

    .support_sidebar_title {
        margin-bottom: 28px;
        font-size: 22px;
        line-height: 28px;
    }

    .support_sidebar_header,
    .support_sidebar_tel > a {
        font-size: 22px!important;
        line-height: 28px!important;
    }

    p.support_sidebar_content {
        font-size: 16px;
        line-height: 22px;
        margin: 4px 0 5px;
    }

    div.baywin-faq-accordion * span.sppb-panel-title {
        font-size: 22px!important;
        line-height: 28px!important;
    }

    div.baywin-faq-accordion * div.sppb-panel-custom > button::before {
        font-size: 20px!important;
    }

    body.itemid-107 * div.page-content > section.sppb-section {
        padding-bottom: 30px!important;
    }

    div.baywin-faq-accordion * div.sppb-addon-content > p {
        margin-bottom: 10px;
    }

    form#userForm.formResponsive {
        margin-top: 30px!important;
    }
}

@media (max-width: 991px) {
    div.container.homepage-login-form > div.row {
        margin-left: 0;
        margin-right: 0;
    }

    div.container.homepage-login-form > div.row > div {
        width: 100%;
    }

    section#sp-bottom > .container > .container-inner > .row::before {
        margin-left: 0;
    }

    div#sp-bottom1 > div.sp-column * img {
        width: 150px;
        height: 113px;
    }

    div#sp-bottom1, div#sp-bottom2, div#sp-bottom3 {
        flex-direction: column;
        justify-content: center
    }

    div#sp-bottom1 > div.sp-column, div#sp-bottom2 > div.sp-column, div#sp-bottom3 > div.sp-column {
        max-width: 315px;
    }

    div#sp-bottom1 > div.sp-column {
        justify-content: flex-start;
    }

    span.footer-link-title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 20px!important;
    }

    #sp-bottom .sp-module ul>li>a {
        font-size: 16px;
        line-height: 18px;
    }

    .formResponsive .formHorizontal .formControlLabel {
        max-width: 115px;
        width: -webkit-fill-available;
        min-width: auto;
    }

    form#userForm * input[type=text]:not(.form-control), form#userForm * input[type=email]:not(.form-control), form#userForm * input[type=url]:not(.form-control), form#userForm * input[type=date]:not(.form-control), form#userForm * input[type=password]:not(.form-control), form#userForm * input[type=search]:not(.form-control), form#userForm * input[type=tel]:not(.form-control), form#userForm * input[type=number]:not(.form-control), form#userForm * select:not(.form-select):not(.form-control), form#userForm * p.formDescription {
        margin-left: 15px;
    }

    div.rsform-password-hint {
        margin-left: 20px;
    }

    form#userForm * fieldset.rsfp-fieldset {
        margin-left: 20px!important;
    }

    body.j2store-single-product-view * div.j2store-single-product * div.j2store-mainimage {
        width: 250px;
        height: auto;
    }
}

@media (max-width: 767px) {
    .formResponsive .formHorizontal .rsform-block {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .formResponsive .formHorizontal .formControlLabel {
        width: 100%;
        max-width: -webkit-fill-available;
    }

    .formResponsive .formHorizontal .formControls {
        width: 100%;
    }

    .formResponsive .formHorizontal .rsform-block.rsform-block-termsofuse,
    .formResponsive .formHorizontal .rsform-block.rsform-block-shop,
    .formResponsive .formHorizontal .rsform-block.rsform-block-newsletter-consent {
        flex-direction: row;
    }

    .formResponsive .formHorizontal .rsform-block.rsform-block-termsofuse > span.formControlLabel,
    .formResponsive .formHorizontal .rsform-block.rsform-block-shop > span.formControlLabel,
    .formResponsive .formHorizontal .rsform-block.rsform-block-newsletter-consent > span.formControlLabel {
        max-width: min-content;
    }

    form#userForm * input[type=text]:not(.form-control), form#userForm * input[type=email]:not(.form-control), form#userForm * input[type=url]:not(.form-control), form#userForm * input[type=date]:not(.form-control), form#userForm * input[type=password]:not(.form-control), form#userForm * input[type=search]:not(.form-control), form#userForm * input[type=tel]:not(.form-control), form#userForm * input[type=number]:not(.form-control), form#userForm * select:not(.form-select):not(.form-control), form#userForm * p.formDescription {
        margin-left: 0;
        max-width: -webkit-fill-available;
        padding: 0 0px 2px!important;
    }

    form#userForm * .rsform-password-hint span {
        font-size: 12px;
        line-height: 16px;
    }

    div.rsform-password-hint {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

    div.rsform-block.rsform-block-shop.rsform-type-checkboxgroup {
        display: flex;
        flex-direction: row;
    }

    div.win-points > p > a {
        color: var(--baywin-white);
    }

    div.row.baywin-login-user-info {
        margin: 30px 0;
    }

    div.login-greeting {
        margin-bottom: 20px;
    }

    div.logout-button > button, div.logout-button > button:active, div.logout-button > button:hover, div.logout-button > button:focus, div.logout-button > button:focus-visible {
        font-size: 14px!important;
        line-height: 19px!important;
        margin-bottom: 30px;
    }

    p.logged_total_pts {
        font-size: 18px!important;
        line-height: 24px!important;
        margin-bottom: 10px!important;
    }

    p.userpoints {
        font-size: 22px!important;
        line-height: 30px!important;
        margin-bottom: 0!important;
    }
}

@media (max-width: 575px) {
    body.j2store-single-product-view * div.j2store-single-product * div.j2store-mainimage {
        margin-bottom: 40px;
    }

    div.row.baywin-login-user-info {
        padding: 20px 30px;
    }

    form > div.newletter-consents {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 460px) {
    section#sp-bottom > .container > .container-inner > .row::before {
        background-image: url("/images/banners/footer_legend_banner_mobile.png");
        height: 70px;
        margin-left: 5px;
        margin-right: 20px;
    }
}

@media (max-width: 400px) {
    div.container.homepage-login-form > div.row > div {
        padding: 10px 20px;
    }

    div.row.legend-intro-services > div.col-lg-4 {
        min-width: auto;
    }

    a.support-cta, a.support-cta:hover, a.support-cta:focus, a.support-cta:focus-visible {
        min-width: auto;
    }
}

/** End Menu **/

.scrollup {border: 1px solid #66b512; background-color: #66b512;}
.scrollup::before {color: #fff;}
.scrollup:hover {border: 1px solid #66b512; background-color: #66b512;}

.sp-module ul.arrow_li > li:before {content: "> ";} 
.title_green_22{font-size:22px; color:#66b512;}
.title_green_18{font-size:18px; color:#66b512; padding-top:10px;}
.forma_link_home > a {color:#66b512;}
.forma_link_home > a:hover {color:#108000;}

#sp-right .sp-module.support_sidebar_border {
    padding:30px 20px;
    border: 2px solid var(--baywin-gray);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    background: var(--baywin-white);
}

.support_sidebar_title {
    font-family: var(--baywin-open-sans);
    font-weight: 700;
    color: var(--baywin-green);
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 24px;
}

.support_sidebar_header {
    font-family: var(--baywin-open-sans);
    font-weight: 700;
    color: var(--baywin-black);
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 0px;
}

.support_sidebar_content {
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    color: var(--baywin-black);
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
}

.support_sidebar_tel {
    font-family: var(--baywin-open-sans);
    font-weight: 700;
    color: var(--baywin-black);
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 29px;
}

.support_sidebar_tel > a {
    color: var(--baywin-black);
}

.support_sidebar_tel > a:hover,
.support_sidebar_tel > a:focus,
.support_sidebar_tel > a:focus-visible {
    color: var(--baywin-purple-muted);
}

.support_sidebar_contact_link {
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-top: 19px;
    margin-bottom: 0;
}

.support_sidebar_contact_link > a {
    color: var(--baywin-navy);
    text-decoration: underline;
}

.support_sidebar_contact_link > a:hover,
.support_sidebar_contact_link > a:focus,
.support_sidebar_contact_link > a:focus-visible {
    color: var(--baywin-purple-muted);
}

p.member_link_sidebar {
    margin: 0;
}

.member_link_sidebar > a,
.member_link_sidebar > a:hover,
.member_link_sidebar > a:focus,
.member_link_sidebar > a:focus-visible { 
    font-size:20px; color:#0091df;
    font-weight:600;
    color: var(--baywin-white);
    font-size: 25px;
    line-height: 34px;
    font-family: var(--baywin-open-sans);
    font-weight: 400;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.member_link_sidebar > a > i.fa.fa-chevron-right {
    font-size: 23px;
}

#sp-right .sp-module.member_sidebar_border {
    background: var(--baywin-purple-muted);
    padding: 27px 20px;
    border: none;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    margin: 30px 0;
}

#sp-right .sp-module.support_sidebar_border {
    margin: 0;
}

div.baywin-faq-accordion * span.sppb-panel-title {
    font-family: var(--baywin-open-sans);
    font-size: 28px;
    line-height: 43px;
    font-weight: 400;
    color: var(--baywin-green-forest);
}

div.baywin-faq-accordion * span.sppb-panel-title:hover,
div.baywin-faq-accordion * span.sppb-panel-title:focus,
div.baywin-faq-accordion * span.sppb-panel-title:focus-visible {
    color: var(--baywin-green);
}

div.baywin-faq-accordion * div.sppb-panel-custom {
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    border-bottom: 1px solid var(--baywin-green-forest-dark)!important;
    border-radius: 0!important;
}

div.baywin-faq-accordion * div.sppb-panel-custom:last-of-type {
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    border-bottom: 0!important;
    border-radius: 0!important;
}

div.baywin-faq-accordion * div.sppb-panel-custom > div.sppb-panel-collapse > div.sppb-panel-body {
    border-top: 0!important;
    padding-top: 5px;
}

div.baywin-faq-accordion * div.sppb-panel-custom > div.sppb-panel-collapse > div.sppb-panel-body * p {
    margin-bottom: 15px;
}

div.baywin-faq-accordion * div.sppb-panel-custom > button {
    padding-left: 0;
    display: flex;
    padding-bottom: 18px;
}

div.baywin-faq-accordion * div.sppb-panel-custom > button::before {
    content: '- ';
    font-size: 28px;
    margin-right: 10px;
}


div.baywin-faq-accordion * div.sppb-container-inner * a {
    color: var(--baywin-blue-dark);
}

body.itemid-107 * div.page-content > section.sppb-section {
    padding-top: 0!important;
}

body.itemid-107 * div.page-content > section.sppb-section > div.sppb-row-container {
    padding-left: 0;
}
/***End FAQ Accordion ***/

/*** Top banner ***/
.top-banner728 > div > div > div > a > img{margin: 0 auto;}
/*** Top banner ***/

/* Logged in section START */

body.itemid-102 * section#sp-section-4 {
    margin-bottom: 50px;
}

div.baywin-login-user-info {
    background: var(--baywin-blue);
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 30px 100px;
    justify-content: space-between;
}

div.baywin-login-user-info > div {
    max-width: 460px;
}

div.login-greeting {
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    border-bottom: 1px solid var(--baywin-white);
    margin-bottom: 30px;
    color: var(--baywin-white);
}

p.logged_total_pts {
    font-size: 30px;
    line-height: 41px;
    font-weight: 400;
    color: var(--baywin-white);
    margin-bottom: 28px;
}

p.userpoints {
    font-size: 30px;
    line-height: 41px;
    font-weight: 700;
    color: var(--baywin-white);
}

div.logout-button > button,
div.logout-button > button:active,
div.logout-button > button:hover,
div.logout-button > button:focus,
div.logout-button > button:focus-visible {
    padding: 20px;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--baywin-navy)!important;
    background: var(--baywin-white)!important;
    background-color: var(--baywin-white)!important;
    border-radius: 12px;
    border: none;
}
/* Logged in section END */

/* Sidebar Cart START */
aside#sp-right * div.sp-module.basket {
    background: var(--baywin-blue);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 30px 20px;
    min-height: 274px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

aside#sp-right * div.basket {
    font-family: var(--baywin-open-sans);
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: var(--baywin-white);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

aside#sp-right > div.sp-column > div.basket::before {
    content: '';
    display: block;
    min-height: 40px;
    background: url("/images/cart.svg");
    background-repeat: no-repeat;
    background-size: 49px 40px;
    margin-bottom: -20px;
}

aside#sp-right * h3.cart-module-title {
    font-family: var(--baywin-open-sans);
    font-size: 25px;
    line-height: 34px;
    font-weight: 400;
    color: var(--baywin-white);
    margin-bottom: -20px;
}

aside#sp-right * div.j2store-minicart-button {
    /* margin-top: 20px; */
    display: flex;
}

aside#sp-right * div.j2store-minicart-button > a,
aside#sp-right * div.j2store-minicart-button > a:hover,
aside#sp-right * div.j2store-minicart-button > a:focus,
aside#sp-right * div.j2store-minicart-button > a:focus-visible {
    padding: 20px;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--baywin-navy)!important;
    background: var(--baywin-white)!important;
    background-color: var(--baywin-white)!important;
    border-radius: 12px;
    border: none;
}
/* Sidebar Cart END */

/*** Login sidebar***/
.sidebar_login_title {
    font-family: var(--baywin-open-sans);
    color: var(--baywin-white);
    font-size: 25px;
    font-weight: 400;
    line-height: 34px;
}

.sidebar_login_intro {
    font-family: var(--baywin-open-sans);
    color: var(--baywin-white);
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

#sp-right .sp-module.login_module {
    padding: 25px 20px;
    background-color: var(--baywin-blue);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

#sp-right form.mod-login  .mod-login__username label,
#sp-right form.mod-login  .mod-login__password label,
#sp-right form.mod-login  .mod-login__password button.input-password-toggle,
#sp-right form.mod-login  .mod-login__remember {
    display: none;
}

#sp-right form.mod-login .mod-login__options.list-group > a span.icon-register{
    display: none;
}

#sp-right form.mod-login .mod-login__options.list-group > a.mod-login__register {
    display: none;
}

/* .top_login_module form.mod-login .mod-login__options.list-group > a{
    background-color: transparent;
    color: #0091df;
    line-height: 20px;
    border: none;
    padding-left: 0;
    padding-right: 0;
} */

/* .login_module #login-form > ul > li > a {color: #d30f4b;line-height: 20px;} */
#sp-right form.mod-login .mod-login__options.list-group > a,
#sp-right form.mod-login .mod-login__options.list-group > a:hover,
#sp-right form.mod-login .mod-login__options.list-group > a:focus,
#sp-right form.mod-login .mod-login__options.list-group > a:focus-visible {
    color: var(--baywin-white)!important;
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    text-decoration: underline;
    line-height: 19px;
    margin: 0;
    border: none;
    background: transparent;
    padding: 0;
    font-weight: 300;
}

#sp-right form.mod-login .mod-login__options.list-group > a:first-of-type {
    margin-top: 30px;
    margin-bottom: 16px;
}

#sp-right form.mod-login .mod-login__options.list-group > a:hover {
    color: #d30f4b;
}

#sp-right form.mod-login .mod-login__options.list-group > a::before {
    font-family: Font Awesome\ 5 Free;
    content: "";
    margin-right: 8px;
}

#sp-right form.mod-login .mod-login__submit > button.btn.btn-primary,
#sp-right form.mod-login .mod-login__submit > button.btn.btn-primary:hover,
#sp-right form.mod-login .mod-login__submit > button.btn.btn-primary:focus, 
#sp-right form.mod-login .mod-login__submit > button.btn.btn-primary:focus-visible {
    margin: 0; 
    max-width: 149px;
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 20px;
    color: var(--baywin-navy);
    background: var(--baywin-white);
    font-size: 16px;
    font-weight: 800;
    font-family: var(--baywin-open-sans);
}

#sp-right form.mod-login .mod-login__username input[type="text"],
#sp-right form.mod-login .mod-login__password input[type="password"] {
    border-bottom: 1px solid var(--baywin-white);
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 0;
    background: transparent;
    color: var(--baywin-white);
    font-size: 16px;
    padding: 6px 0;
    margin-bottom: 30px;
    font-weight: 300;
}

#sp-right form.mod-login .mod-login__password input[type="password"]::placeholder,
#sp-right form.mod-login .mod-login__username input[type="text"]::placeholder { 
    /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--baywin-white);  opacity: 1; /* Firefox */
}

#sp-right form.mod-login .mod-login__username input[type="text"]:-ms-input-placeholder,
#sp-right form.mod-login .mod-login__password input[type="password"]:-ms-input-placeholder { 
    /* Internet Explorer 10-11 */  color: var(--baywin-white);
}

#sp-right form.mod-login .mod-login__username input[type="text"]::-ms-input-placeholder,
#sp-right form.mod-login .mod-login__password input[type="password"]::-ms-input-placeholder { 
    /* Microsoft Edge */  color: var(--baywin-white);
}

/*** End Login sidebar ***/

/*** Sidebar ****/
div#sp-right > .sp-column >.sp-module{margin-top: 50px;}
/*** End Sidebar ****/

.steps{
    font-family: var(--baywin-open-sans);
    font-size: 32px;
    line-height: 43px;
    font-weight: 400;
    color: var(--baywin-green);
    margin-bottom: 20px;
}

#sp-bellow-1, #sp-bellow-2, #sp-bellow-3{box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15);}
.bellow_content{padding:20px 5px;}
.faq_link > a{color:#66b512;}
.faq_link > a:hover{color:#108000;}

.pad-top{padding-top:5px;}

/* ========= Products =========== */

.baywin-products .baywin-products-logo {
    margin: 0 auto;
}


.product-link{color:#66b512; font-weight:700;}
.product-link:hover{color:#108000;}
.title-products{font-size:22px; color:#0091df; padding-bottom:5px;}
.color-grey{background-color:#b1b1b1;}
.color-md-grey{background-color:#757575;}
.color-dark-grey{background-color:#575757;}
.color-darkest-grey{background-color: #444549;}
#bayer-products-1-blocks{display: inline-block; width: 310px; color: #fff;}
#bayer-products-2-blocks{display: inline-block; width: 153px; color: #fff;}
#bayer-products-3-blocks{display: inline-block; width: 100px; color: #fff;}
#bayer-products-4-blocks{display: inline-block; width: 75px; color: #fff;}
#points-bayer-1-products{color:#0091df; font-weight:700; font-size:15px;}
#points-bayer-2-products{color:#0091df; font-weight:700; font-size:15px;padding-right: 35px;padding-left: 35px;}
#points-bayer-3-products{color:#0091df; font-weight:700; font-size:15px;padding-right: 15px;padding-left: 15px;}
#points-bayer-4-products{color:#0091df; font-weight:700; font-size:14px;padding-right: 2px;padding-left: 10px;margin-left: -6px;}
.points{color:#0091df; font-weight:700;}
.table.table-borderless > tbody > tr > th, .table.table-borderless > tbody > tr > td{vertical-align: middle; border-top: 1px solid #fff;}
/* ========= End Products =========== */

/*** Revive Banners START ***/

#sp-right .sp-column .mod-custom ins > a > img {
    margin: 0 auto;
}

/*#revive-0-0 > a > img {*/
/*    margin: 0 auto;*/
/*}*/

/*** Revive Banners END ***/

/*** User's Info ***/
.status{font-weight: 700; padding-top:20px;}
.error_msg{padding-top:5px; color:#d30f4b;}
.idcs-baywin-form .desc_msg {
    color: #0091df;
    font-size: 12px;
    margin-top: 0px;
    font-style: italic;
}
/*** End User's Info ***/

/* Checkout page */
#billing-address .checkout-heading, #billing-address-existing, #akeeba-renderjoomla label, #billing-existing {display: none;}

#submituserdata.btn.btn-primary{border-color: #66b512;background-color: #66b512;border-radius: 0px; padding: 10px 30px; color:#fff;margin-top: 18px;}
#submituserdata.btn.btn-primary:hover{border-color: #108000;background-color: #108000;border-radius: 0px; padding: 10px 30px; color:#fff;}

span.badge.bg-danger.featured-article-badge {
    display: none;
}

/* Dedicated login page START */
body.itemid-155.view-login * div.com-users-login.login > div.row {
    padding: 30px 20px;
    background: var(--baywin-blue);
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > label {
    color: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.has-danger > label > span.form-control-feedback,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > label.invalid > span.form-control-feedback {
    color: var(--baywin-light-pink);
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > input[type="text"],
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > input[type="text"].form-control-danger,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > div.password-group > div.input-group > input[type="password"],
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > div.password-group > div.input-group > input[type="password"].form-control-danger,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > div.password-group > div.input-group > input[type="text"]#password {
    color: var(--baywin-white);
    background: transparent;
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    border-bottom: 1px solid var(--baywin-white);
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div > div.password-group > div.input-group > button.input-password-toggle {
    background: transparent;
    color: var(--baywin-white);
    border-bottom: 1px solid var(--baywin-white);
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.com-users-login__remember {
    display: none;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.mb-3 {
    margin-bottom: 30px!important;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.com-users-login__submit {
    margin-bottom: 30px;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.com-users-login__submit > div > button,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.com-users-login__submit > div > button:active,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.com-users-login__submit > div > button:hover,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.com-users-login__submit > div > button:focus,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > form.com-users-login__form > div.com-users-login__submit > div > button:focus-visible {
    border-radius: 12px;
    color: var(--baywin-navy);
    background: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    border: 0;
    padding: 20px;
    max-width: 149px;
    font-weight: 800;
    text-transform: uppercase;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__reset,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__reset:hover,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__reset:focus,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__reset:focus-visible,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__remind,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__remind:hover,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__remind:focus,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__remind:focus-visible {
    font-family: var(--baywin-open-sans);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    background: transparent;
    color: var(--baywin-white);
    text-decoration: underline;
    border: 0;
    padding: 0;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__reset {
    margin-bottom: 16px;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__remind {
    margin-bottom: 30px;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__register,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__register:hover,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__register:focus,
body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__register:focus-visible {
    border-radius: 12px;
    color: var(--baywin-white);
    background: var(--baywin-white);
    font-family: var(--baywin-open-sans);
    font-size: 1px;
    line-height: 22px;
    font-weight: 400;
    border: 0;
    padding: 20px;
    max-width: 149px;
    font-weight: 800;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

body.itemid-155.view-login * div.com-users-login.login > div.row > div > div.com-users-login__options > a.com-users-login__register::after {
    content: "ΕΓΓΡΑΦΗ";
    color: var(--baywin-navy);
    font-family: var(--baywin-open-sans);
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    min-height: 1px;
    position: absolute;
}

/* Dedicated login page END */

/* Tablet Mask for images START */
div.tablet-mask {
    border: 12px solid var(--baywin-green-forest-dark);
    border-radius: 12px;
    border-bottom: 30px solid var(--baywin-green-forest-dark);
    position: relative;
    margin-bottom: 25px;
}

div.tablet-mask::after {
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 3px solid var(--baywin-white);
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}

div.tablet-mask > img {
    width: 100%;
    /* border-radius: 20px; */
}

hr.dark-green {
    border-top: 1px solid var(--baywin-green-forest-dark);
}
/* Tablet Mask for images END */