@font-face {font-family: 'TT Travels'; src:  url('../fonts/fonts/TT-Travel/TT-Travels-Medium.eot?ra05np'); src:  url('../fonts/fonts/TT-Travel/TT-Travels-Medium.eot?ra05np#iefix') format('embedded-opentype'), url('../fonts/fonts/TT-Travel/TT-Travels-Medium.ttf?ra05np') format('truetype'), url('../fonts/fonts/TT-Travel/TT-Travels-Medium.woff?ra05np') format('woff'); font-weight: 400; font-style: normal; }
@font-face {font-family: 'TT Travels'; src:  url('../fonts/fonts/TT-Travel/TT-Travels-Bold.eot?ra05np'); src:  url('../fonts/fonts/TT-Travel/TT-Travels-Bold.eot?ra05np#iefix') format('embedded-opentype'), url('../fonts/fonts/TT-Travel/TT-Travels-Bold.ttf?ra05np') format('truetype'), url('../fonts/fonts/TT-Travel/TT-Travels-Bold.woff?ra05np') format('woff'); font-weight: 500; font-style: normal; }
@font-face {font-family: 'TT Travels'; src:  url('../fonts/fonts/TT-Travel/TT-Travels-ExtraBold.eot?ra05np'); src:  url('../fonts/fonts/TT-Travel/TT-Travels-ExtraBold.eot?ra05np#iefix') format('embedded-opentype'), url('../fonts/fonts/TT-Travel/TT-Travels-ExtraBold.ttf?ra05np') format('truetype'), url('../fonts/fonts/TT-Travel/TT-Travels-ExtraBold.woff?ra05np') format('woff'); font-weight: 600; font-style: normal; }

/* global variables */
:root {
  --primary-color: #221c46;
  --primary-color-light: #362F54;
  --secondary-color: #00eb5e;
  --secondary-color-light: #85FD96;
  --secondary-color-lighter: #C7FCCA;
  --secondary-color-dark: #00330E;
  --tetriary-color: #88DDFB;
  --tetriary-color-dark: #17CCF9;
  --error-color: #B30000;
  --bg-color: #FAF8FF;

  --home-info-1-color: var(--secondary-color);
  --home-info-2-color: #FFDC37;
  --home-info-3-color: #FF7375;
  --home-info-4-color: #17CCF9;


  --font-color: var(--primary-color);
  --shadow-color: rgba(34, 28, 70, 0.2);

  --link-color: #1B51DC;
  --link-color-light: #526CF8;

  --info-bar-bg-color: #F3F3FC;
  --info-bar-border-color: #878DFA;
  --info-bar-border: 1px solid var(--info-bar-border-color);

  --white: #fff;

  --font-family-primary: 'TT Travels', sans-serif;

  --box-shadow-md: 2px 2px 0px 0px var(--shadow-color);
  --box-shadow-lg: 4px 4px 0px 0px var(--shadow-color);
}

/* font family */
html,body,input,textarea,select,.button, .button-mini,.button:hover, .icon-cart > .userCartCount, .icon-no-indent, section.modal p {font-family: var(--font-family-primary), sans-serif; font-weight: 400;}

/* dark font color */
html,body,input,textarea,select,.button:not(.button-unimportant),.button:not(.button-unimportant):hover, .button:not(.button-unimportant):focus, body > footer ol li.copy a:hover, body > footer ol li a, .form ::-webkit-input-placeholder, .form :-ms-input-placeholder, .form :-moz-placeholder, .form ::-moz-placeholder {color:#353f49;}

/* body background */
#navbar a:not(.icon), #navbar li li, #navbar > ol > li {border-color: transparent;}

/* ultra light background - even odd */
.budget-slider:nth-child(even) {background-color: #fdfdfd;}

/* light background */
.categories-categories::after, .button-unimportant, .icon-home, .icons-active .icon, .box footer {background-color: #f9f9f9;}

/* background hover */
.categories li div li.current, .button-unimportant:hover, .button-unimportant.current, .page-login .box > header, .icons-active a:hover .icon, #navbar > ul > li:not(.home) > .icon:hover, .actions:not(.actions-tabs) li > label:hover, .icon:not(.icon-important).current, #navbar > ul > li > .icon:not(.ajax-loading):not(.icon-clean):not(.icon-important):not(.current):hover {background-color: #d9dee4;}
#navbar li > ul > li:hover, .icobar .icon:hover {background-color: #DEF3FB}
#navbar li > ul {border: solid 1px #D1CFD7}

.benefit > header > a::after, .benefit > header > span::after {background: linear-gradient(to right, rgba(var(--primary-color),0) 0%, rgba(var(--primary-color),1) 75%);}
.benefit > header > a::before, .benefit > header > span::before {background: linear-gradient(to right, rgba(var(--primary-color)1,1) 0%, rgba(var(--primary-color),0) 75%);}

.benefit:hover > header > a::after {background: linear-gradient(to right, rgba(var(--primary-color),0) 0%, rgba(var(--primary-color),1) 50%);}
.benefit:hover > header > a::before {background: linear-gradient(to right, rgba(var(--primary-color),1) 0%, rgba(var(--primary-color),0) 50%);}

/* a hover colors */
.budget a {color: #18b5fd;}
.budget a:hover {color: #2d3395;}

/* content and user action background */
#budget-about > .content, .benefit > .content > .description, .page-login .box .content input, .form input, .form textarea, .form select, .box:not(#home-promo):not(#home-basics), .toolbar-search .field-string input {background-color: var(--white);}
.actions-tabs .icon:hover, .box header h2 .icon:hover, .button .icon:hover {background-color: transparent;}
.categories-toolbar .current .icon:not(.icon-clean):not(.icon-important), .button .icon {border-color: transparent;}

/* promoted icons and buttons */
.icon-important, #navbar .icon-home.current {border-color:transparent; background-color: transparent; color: var(--primary-color);position: relative; transition: background-color 0.3s ease-in;}
.toolbar-filters .field-string input:focus, .toolbar-filters .field-select select:focus, .box .content input:focus, .box .content textarea:focus, .box .content select:focus, .toolbar-search .field-string input {border-color: var(--primary-color); transition: border-color 0.2s linear;}
.calc-action:hover, #toolbar li div li label:hover, #toolbar li div li.current a, #toolbar .current, #toolbar .current .icon,.categories .current div {background-color:#0F266D;}
.text a:not(.button) {color: #00708e;}
.text a:not(.button):hover {color: #00a7d4;}

/* messages */
.messages span {color: #7a7a7a;}
.messages span.errName, .message .errName {color: var(--error-color);}

/* current navbar */
.toolbar-filters .field-string input, .toolbar-filters .field-select select {border-color: #cdd3da;}
.toolbar-filters, #lunch-searchbar .actions li:hover > input + label, .icon:not(.icon-important).current, .icon:not(.ajax-loading):not(.icon-clean):not(.icon-important):hover, #navbar > ul > li > .icon:not(.ajax-loading):not(.icon-clean):not(.icon-important):not(.current):hover, .actions:not(.actions-tabs) li > a.current:not(.button), .actions:not(.actions-tabs) li > input[checked] + label, #navbar > ul > li  ul, #navbar > ol > li  ul {background-color: #cdd3da;}
#navbar li li {background-color: #FFFFFF;}

/* colors */
.grid-cols > .grid-row > div, .actions .lunch-searchbar-name > div, .content-details .grid-cols > .grid-row > div, .box .content input, .box .content textarea, .announcement:not(:last-child), .hr, .button-unimportant, #budget-about-info .content:first-child, #budget-about-basics, #budget-about .content-tabs, .table-budget td:nth-child(2), .thumb,  .box .content, .box footer, .form input, .form textarea, .form select, .actions li > a:not(.button), .dcm-form .grid-cols {border-color:transparent;}

/* header */
body > header h1 a, body > header h1 a:hover {width: 100%; height: 100%; overflow: hidden;float: left;}
.form-login .field-submit .errName, .visitor > body > header {text-align: left;}
.visitor > body .form > header h1 {display: inline-block;margin-top: 31px; font-size:42px; color:var(--white);font-weight:500;}
.visitor > body .form > header .subheader-title:before {content:''; background: url(../img/plx-X-Mark.svg) 0 0 no-repeat; height:26px; width:26px;display: inline-block;margin-right: 10px; margin-top:6px; }

section.modal div.title {display:flex; flex-direction: row; align-items: center; justify-content: center;}
section.modal p.xmark {content:''; background: url(../img/plx-X-Mark.svg) 0 0 no-repeat; height:26px; width:26px;display: inline-block;margin-right: 10px; margin-top:3px;}
section.modal div.title p {font-weight: bold;}
section.modal {font-weight: bold;}
div.ngdialog.ngdialog-theme-default .ngdialog-content {border-radius: 0px; width: 600px; background:#ffffff}
#add-evoucher-input {border-color: #0d3349; width: 80%}

#add-evoucher-info {color: #874810; margin-bottom:16px}

.grecaptcha-badge.hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.visitor > body .form > header .subheader-title-error:before {content:''; background: url(../img/plx-X-Mark-Error.svg) 0 0 no-repeat; height:26px; width:26px;display: inline-block;margin-right: 10px; margin-top:6px; }

/* footer */
body > footer, body > footer a {background-color: transparent;color: var(--white);font-size:13px; line-height: 21px;}

/* page login */
html {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.page-login #content {text-align: left;}

.page-login .field-submit {margin-bottom: 5px;}

.page-login h1, body > footer > ol li.copy {text-align: center;}

body > footer > ul, body > footer > ol {margin: 19px 0 5px;}
body > footer > ol {margin-top: 0;}
body > footer > ol li a, body > footer > ol li a:hover {background: url(../img/Pluxee_Logo_DarkBlue_RGB.svg) 0 0 no-repeat;height:40px;width:120px;display: block;background-size: contain;overflow: hidden;text-indent: 100%;white-space: nowrap;float: right;text-align: center;padding: 0;margin: 0;}

.participant > body > header h1 {margin: 11px 5px;}

.content-details-vouchers .button-mini:hover, .content-details-vouchers .button-mini:visited, .content-details-vouchers .button-mini:visited:hover {border-color: #d9dee4;background: #a6498f;}
.content-details-vouchers .button-mini:visited:hover {background-color: #d9dee4;}

.form-big .field-submit .button + .messages {float: none;}
.page-login .field-submit .messages {width: 100%;text-align: center;}
.page-login .messages li {padding: 13px 0;}
.form-login .field-string {width:auto;}

.form-login form .field-string:nth-child(3) .control::before {content:'-';font-size: 29px;position: relative;top: 6px;}
#cart-summary .information-clause-1 {margin-bottom: 6px; margin-top: 20px; font-size: 12px; line-height:16px}
#cart-summary .information-clause-2 {margin-bottom: 6px; font-size: 12px; line-height:16px}
#cart-summary .content-list .field {margin-bottom: 6px; line-height:20px}
#home-basics footer .actions, .page-benefit-details #benefit-order .content .calc .calc-month, #benefit-order-forms .formular header span:last-child, #cart .content-tabs .content-list-item .content-details .grid-cols .grid-row div:first-child, #cart .content-tabs .content-list-item .content-details .grid-cols .grid-row div:nth-child(3), #cart-summary .content-list .order header div span, #orders .content .order header div li {display:none;}
#orders .content-list .order header div h3 {padding-top:7px;}
#orders .formular-benefits-form {display: none}
#orders .field--e-mail {margin-left: 15px}
body > footer > ul li a, body > footer > ul li a:hover {width:146px; height:47px;}
body > footer > ol {margin-top:33px;}
.participant body > header h1 a,.participant body > header h1 a:hover {display: none;}
.form-login header {margin-bottom:10px; color:var(--white);}
.form-login header h2 {font-size:32px;padding-bottom:20px;font-weight:500;line-height: 1.2;}
.form-login header p {font-size:16px; line-height:1.5;}
.visitor body {display:flex; justify-content:center;align-items:center; flex-direction:column;}
.visitor footer {display:flex; justify-content:center;}
.visitor:not(.page-service) footer ol {display:none;}
.form-login .field-submit ul {display:flex; flex-direction: column; align-items:center;}
.participant body > header, .box footer {background: var(--white);}
.visitor:not(.page-service) .button:not(.button-unimportant) {background-color: var(--secondary-color); color: var(--primary-color); border: 3px solid var(--primary-color); font-size:16px; font-weight:500;height:48px;line-height: 48px;}
.visitor .button:not(.button-unimportant):hover, #budgets-basics footer:hover, .box.benefit footer .icon-important:hover, #benefit-order footer > ol li button:hover, #cart footer ol li:first-child .button:hover, #cart .content-list-item .actions li > a:hover, #bottombar .button:not(.button-unimportant):hover, #terms-of-service-rules .content footer ul li:hover a, #faq .content-list-item header .actions li a:hover, #orders .content.orders .announcement > div ol li a.button:hover, #cart .announcement ol li a:hover, #benefit-order-basics .announcement ol li a:hover,  #cart .cart-more-benefits a:hover, #cart .box footer li a:hover  {background-color: var(--secondary-color-light); transition: background-color .15s; box-shadow: var(--box-shadow-lg);}
#budgets-basics .budget:hover {cursor: pointer}
.visitor .button:not(.button-unimportant):active {background-color: var(--secondary-color-dark); border-color: var(--secondary-color-dark); transition: background-color .15s; box-shadow: var(--box-shadow-md); color:var(--white)}
.page-login .form-big .field, .page-login .field-string input {width: 400px;}
.page-login .label {display:block; color:var(--white);text-align:left;}
.page-login .label label {font-size:14px;line-height: 22px;}
.form.form-big img {display: block; margin-left:auto; margin-right:auto;margin-bottom:40px;margin-top:20px}
.visitor footer img {position: absolute;bottom: 0;}
html:not(.sticky) #navbar {position: absolute;right: 0; width: 100%;color: var(--primary-color);border-bottom: 1px solid var(--secondary-color-light);}
nav a, .page-benefit-details #benefit-order .content .calc thead,#benefit-order footer ul li div span  {color:var(--primary-color); font-size:16px;}
header {height:64px;}
.visitor header {height: auto;}
#home-basics {background-color: transparent;color:var(--primary-color);}
#home-basics .text {padding-left: 25px;}
#home-basics h1 {font-size:80px;line-height: 80px;}
#home-basics h2 {font-size: 40px;font-weight: 400;line-height: 40px;}
#home-basics p {font-size:18px;line-height: 25px;}
#home-basics footer {border-color:transparent; background-color:transparent;}
html.participant, html.page-service {background-color:var(--bg-color); }
.box header { background-color: var(--primary-color); border-color:transparent; color:var(--white);}
#budgets-basics header h2 {font-weight: 600;}
nav ul { float:left;}
.benefit:hover > header > a {background-color:var(--primary-color)}
#budgets-basics footer, .box.benefit footer .icon-important, #benefit-order calculator .calc-button .calc-action, #terms-of-service-rules .content footer ol li a, #benefit-order footer > ol li button, #cart footer ol li:last-child .button, #orders .order-item .content .grid-row .button, #calc-table table tr td .calc-button button, #orders .content.orders .announcement > div ol li a.button, #cart .announcement ol li a, #benefit-order-basics .announcement ol li a, nav .icon-cart, #cart .box footer li a, #cart section.box:nth-child(3) footer > div, #my-agreements section div a.button, #password-change section a.button {background-color: var(--secondary-color); color:var(--primary-color);border:3px solid var(--primary-color);}
.box.benefit footer {background-color:#EFEEFB; border-color: var(--white);color: var(--primary-color);}
body > footer > ol li.copy {display: flex; align-items:center;}
body > footer > ol li.copy div {color:var(--primary-color); margin-right:15px;}
.page-loading body::before, .icon-loading::before,.calc table tbody td:nth-child(4) {display: none;}
html.sticky #navbar {background: var(--white);position: fixed;z-index: 9999;}
.box .content select, .box .content select option, .box .content td:hover select, .box .content td:hover input, .box .content td input, .box:not(.form-login) .content input {border-color:var(--primary-color); border-width:1px;font-weight: 600;color: var(--primary-color);}
.calc-amount select {height:36px;}
#benefit-order footer ul li div strong, #cart .price {color:var(--primary-color);font-size:20px;}
.actions-budgets li div strong {color:var(--primary-color); font-size:30px;}
.actions-budgets li div.total-budget {padding-top:8px;}
#benefit-order footer ul li div span, #cart footer ul li div span {padding-right:10px;}
#benefit-order .calc-quantity button {height: 36px;width: 36px;font-size: 26px;}
.calc button.calc-action {margin:0 4px;}
#budgets-basics .budget {display:flex; flex-direction: column-reverse;}
.budget big strong, .budget big span {font-size: 40px;line-height: 40px;color: var(--primary-color); font-weight:500;}
.budget big strong {padding-right:5px;}
.budget big {font-weight: 600;display: flex;}
.budget > span, .table-budget td:nth-child(1) {width: auto;}
.budget > span, .actions-budgets li div span {color:var(--primary-color);}
#cart footer ol li:first-child .button, #terms-of-service-rules .content footer ul li a {background-color:var(--white); border: 3px solid var(--primary-color); color:var(--primary-color)}
#cart .box > header .actions-tabs .active, #cart .actions .active > a:not(.button), #cart .box > header,#orders .box > header .actions-tabs .active, #orders .actions .active > a:not(.button), #orders .box > header {background-color:var(--primary-color); color:var(--white);}
#cart .content-list-item .actions li > a {background-color:#eceff8;font-weight:400;font-size:16px;}
#cart footer .price, #cart-summary .order, #orders #EVOUCHER_EMAIL h1,#orders .content-details-order .grid-33 h4 {display: none;}
.box .content .control:hover input:not([disabled]) {border-color:var(--primary-color);}
#cart-summary.content {color:var(--primary-color);}
.dcm-form h1 {border-color:transparent;}
#cart footer ol li.actions-budgets {display: flex;justify-content: center;flex-direction: column;align-items: flex-end;}
#cart footer ol li.actions-budgets > div {display: flex; align-items: center;margin-right:10px; font-size:25px;color:var(--primary-color);}
#orders .box {background-color:transparent !important;}
#orders .box .order-summary {color:var(--primary-color); width:75%;}
#orders .box .order-summary h1, #faq .faq-info h1 {font-size:32px;line-height:64px;}
#orders .box .order-summary p, #faq .faq-info {font-size:16px;line-height:26px;padding-bottom:10px;}
#faq .faq-info {text-align:center;}
#orders .order .order-item {background-color: var(--white); color:var(--primary-color);}
#orders .order-item .content .grid-row .button-disabled {border-color: #B5B2BC; background-color: #EFEFEF; color: #B5B2BC; cursor: not-allowed;}
#orders .formular input {border-color:var(--primary-color); border-width:1px;}
#orders .content-details ul:not(.vouchers) li {list-style: none;}
.page-service #rules-title {color:var(--primary-color); font-size:24px;line-height: 40px;}
.page-service #rules-info p {color:var(--primary-color); font-size:16px;line-height: 25px;}
#terms-of-service-rules > .content {padding: 0;}
#terms-of-service-rules > .content #rules-title {padding:29px 30px 0 30px;}
#terms-of-service-rules > .content #rules-info, #terms-of-service-rules .content .content {padding:12px 30px 10px 30px;}
#terms-of-service-rules .content .field-checkbox {color:var(--primary-color);font-size:16px;font-weight:400}
#terms-of-service-rules .content footer {display:block;}
#terms-of-service-rules .content footer ul, #terms-of-service-rules .content footer ol {width:50%;}
#terms-of-service-rules .content footer ul li, #terms-of-service-rules .content footer ol li, #terms-of-service-rules .content footer ol li a {width:100%;}
#terms-of-service-rules .content footer ol li, #terms-of-service-rules .content footer ol li a {text-align: center;}
.budget > big {width:auto;}
#home-promo.slides-count-3 > footer li {width:15px;height:15px;border-radius:30px;display:inline-block;background-color:var(--white);margin-right:8px;}
#home-promo footer {background-color:transparent;}
#home-promo > footer ul {padding-top: 13px;display: flex;justify-content: center;}
#home-promo > footer li > a {color:transparent}
#home-promo > footer li {animation-duration: 24s;animation-iteration-count: infinite;animation-timing-function: linear;animation-delay: 0s;}
#home-promo > footer li:nth-child(1) {animation-name: home-promo-li-1;}
#home-promo > footer li:nth-child(2) {animation-name: home-promo-li-2;}
#home-promo > footer li:nth-child(3) {animation-name: home-promo-li-3;}
@keyframes home-promo-li-1 {0% {background-color:var(--white); } 1% {background-color:var(--primary-color);} 33% {background-color:var(--primary-color)} 34% {background-color:#fff;}}
@keyframes home-promo-li-2 {33% {background-color:var(--white); } 34% {background-color:var(--primary-color);} 66% {background-color:var(--primary-color)} 67% {background-color:#fff; }}
@keyframes home-promo-li-3 {66% {background-color:var(--white);  } 67% {background-color:var(--primary-color);} 99% {background-color:var(--primary-color)} 100% {background-color:#fff;}}
body > footer > img {width: 100%;height: 15px;}
#benefit-description, #cart .content-details-cart, #orders .content.orders .announcement, #faq .content-list-item .content-details-show {color:var(--primary-color);}
#orders .content.orders .announcement > div ol li a.button:hover {background-color:var(--primary-color);}
#benefit-description a {color: var(--link-color); text-decoration: underline;font-weight: 500;}
#home-info {display: flex; color:var(--primary-color); flex-direction: column;align-items:center;margin-bottom:65px;padding-top: 20px;padding-bottom: 20px;width: 103%; margin-left: -28px;}
#home-info h2 {font-size:28px;line-height: 28px;font-weight: 600; margin-bottom:25px}
#home-info ul {display:flex; width:100%;justify-content: space-around;font-size:16px;align-items:stretch}
#home-info ul li {width: 265px;line-height: 20px; padding-top:24px;padding-bottom:20px;padding-right:30px;padding-left:30px;box-sizing:content-box;}
#home-info ul li:first-child {flex-grow:10;background-color:var(--home-info-1-color);}
#home-info ul li:nth-child(2) {background-color:var(--home-info-2-color);}
#home-info ul li:nth-child(3) {background-color:var(--home-info-3-color);}
#home-info ul li:nth-child(4) {background-color:var(--home-info-4-color);}
#home-info a, #EVOUCHER_EMAIL a {color:var(--link-color); text-decoration: underline;}
#home-info ul li:not(:first-child){flex-grow:9;display:flex;}
#home-info img {width:45px;height:45px;}
#home-info ul li > div {display: flex; align-items: center;}
#home-info ul li .marker {font-weight: 600; font-size:70px;padding-right:10px;color:rgba(255,255,255,0.3);z-index:1;}
#home-info ul li .info-content {z-index:2;}
#faq .content-list-item header { background-color:#EFEEFB;color:var(--primary-color);}
#faq .content-list-item header h3 {font-weight:400; font-size:17px; line-height: 34px;}
#faq .content-list-item header .actions li a {color:var(--white);background-color:var(--primary-color);}
#faq .faq-info, #benefits > .announcement, #cart .announcement > span, #cart .announcement div div {color:var(--primary-color);}
#faq .faq-info > p {margin-bottom:20px;}
#faq .faq-info > p:last-child {margin-top:20px;}
#faq .faq-info .faq-phone-img {height:35px;}
#faq .faq-info .faq-email-img {height:27px;padding: 4px;box-sizing: content-box;}
#faq .faq-info img {margin-bottom:10px;}
#faq .faq-info ul {display: flex;justify-content: center;}
#faq .faq-info ul li { width:320px}
#faq .faq-info ul li > div {display: flex;flex-direction: column;}
#faq .faq-info ul li p {text-align: center;}
#faq .faq-info ul li:nth-child(2) div div p:last-child {font-size:14px;}
#benefit-order .content-tabs #benefit-order-basics .benefit-info {color:var(--primary-color); font-size:16px;line-height: 24px;}
.categories-categories::after {cursor: pointer; color: var(--white);background: var(--primary-color);}
.toolbar .actions li .switch-clear-filters, .toolbar .actions li .switch-clear-filters:hover {color: var(--link-color);background: transparent; text-decoration: underline;font-weight: 600;}
#toolbar ul.categories li > div, #orders .content .announcement, #cart .content .grid-row div:last-child,#benefit .benefit header span div small {display: none;}
#benefits-list .benefit .content .description, #benefit-order footer div.price  {color:var(--primary-color);}
.calc-value {font-weight: 600; color:var(--primary-color); }
#benefit-description .text ul, #benefit-description .text ol {padding-left:30px;}
#benefit-description .benefit-description-extended {padding-top:5px;}
.text > *:not(:first-child) {margin-top:7px;}
#cart img, #orders img { object-fit: cover; }
#toolbar ul.categories > li p {display:none;}
#cart-summary .content-list .field:last-child{font-size:12px;}
#cart-summary .content-list .field:last-child a, .page-service .field a {color:var(--link-color);}
.page-service .field:last-child {font-size:12px; margin-top:15px; color:var(--primary-color);}
#terms-of-service-rules .content .content strong {line-height: 18px}
.subheader-title {display:flex;}
.subheader-title-error {display:flex;}
.field .errName {color: var(--error-color); font-weight: 500;}
.calc-action:hover,.calc-action, #bottombar .button:not(.button-unimportant), #cart .content-list-item .actions li > a, #cart footer ol li:first-child .button, #faq .content-list-item header .actions li a, #cart .cart-more-benefits a {background-color: var(--white); color: var(--primary-color); border: 3px solid var(--primary-color); font-size: 16px; font-weight: 500;}
.button:not(.button-unimportant) {border-color:transparent; background-color: transparent; color: var(--primary-color);position: relative; transition: background-color 0.3s ease-in; font-size: 16px;font-weight: 500;}
#toolbar .icon, .categories li:hover div {background-color: var(--primary-color); color:var(--white);}
#toolbar .icon:hover, .categories li:hover div:hover { background-color: #2D264E; box-shadow: var(--box-shadow-md); color:var(--white);}
.button:not(.button-mini), .button:not(.button-mini):hover {font-size:16px;}
#orders .order .order-item header {background-color: var(--tetriary-color); border-color: transparent; color: var(--primary-color);}
#cart .content-list-item header {color: var(--primary-color); background-color: var(--white)}
#terms-of-service-rules .content footer ol {margin-right: -1px;}
#terms-of-service-rules .content footer ol li a, #terms-of-service-rules .content footer ul li a {font-size: 16px;font-weight: 500;}
#home-promo > footer li > a:hover {background-color: transparent;}
#home-info h3 {font-size:26px; font-weight: 400;line-height:28px;}
#home-info p {font-size:26px; font-weight:500;}
#navbar sup{font-size: 13px;font-weight: 500;background-color: var(--secondary-color);border-radius: 10px;}
.icon-cart > .userCartCount {font-size: 13px;font-weight: 500;}
#navbar > ol > li:not(:last-child) .icon {border: 3px solid var(--primary-color);}
.icon-cart:before{padding-top:4px;}
.actions.actions-budgets li div div {text-align: left;}
#searchbar {display:flex; justify-content: space-between;}
#searchbar-input, add-evoucher-input {height:47px}
#searchbar ul li div div {margin-top:3px;}
.actions-filters select {  height: 47px; width: 150px; background-color: #fff; border: 1px solid var(--primary-color);padding:0 10px;}
.searchbar-input .control {width:100%;}
.actions-filters {width:150px;}
#searchbar .form-big input { padding-left:10px}
#cart {display: flex; flex-direction: row;}
.dcm-form h2 {line-height:35px;}
#cart .box footer ol {display: flex; flex-direction: column;width:100%;}
.cart-more-benefits {padding: 0 20px;}
.cart-more-benefits a {width: 100%;text-align: center;}
.box {width:auto;}
#cart .box footer {height: 64px;display: flex;justify-content: flex-end;}
#cart .box footer li a {width: 300px; display: flex; justify-content: center; align-items: center}
#cart .box footer li {list-style-type: none;}
#cart footer ol li.actions-budgets > span {margin-bottom:10px; margin-right:10px;}
#cart section.box:nth-child(3) {height:max-content}
#cart section.box:nth-child(3) footer {height:128px; flex-direction: column;}
#cart #toolbar {width:0;}
.empty-box-announcement {width:100%;}
.empty-box-announcement .announcement {padding:19px}
.order-button .icon {margin:0;}
#cart section.box:nth-child(3) footer > div a {display: flex;justify-content: center;}
#EVOUCHER_EMAIL input {width:300px}
#promoted-benefits {display: flex; flex-wrap: nowrap;}

  /* banery komunikacyjne */
.page-login .banner {margin-bottom: 0;}
.banner { background-color: var(--info-bar-bg-color); color:var(--primary-color); font-weight: 400; text-align: left; margin-bottom:20px;border: var(--info-bar-border); box-shadow: var(--box-shadow-lg)}
.banner a {color: var(--link-color); text-decoration: underline}
.banner h3 {font-size:24px; font-weight: 500;}
.banner img {padding-right:15px;}
.banner-content p {font-size:14px;}
.banner-content p strong {white-space: nowrap;}
.banner-expiry-date {padding: 20px;}
.banner-expiry-date h2 {font-size:25px;line-height: 20px;font-weight: 600;}
.banner-expiry-date .banner-content {font-size:25px;line-height: 28px;display: flex;align-items: center;justify-content: left;}
.banner-expiry-date .icon {width: 40px;height: 40px;font-size: 30px;line-height: 32px;padding-right:50px;}

.banner-platform-changes {padding:17px;}
.banner-platform-changes .banner-content {font-size:18px; line-height: 26px;display: flex;align-items: center;justify-content: left;}
.banner-platform-changes .icon {width:48px; height:43px; font-size:40px; line-height:41px;padding-right:50px; color: var(--link-color);}

#login-banner {width:96%; margin-top:10px;}

#orders .order .content-details-show.hidden {display: block;}
.orders .button-details-show {display: none;}
nav .orders div > div { width:190px;}
nav .orders .sublabel {font-size:11px;padding-left:12px;position:absolute;top:51px; white-space:nowrap;}
nav .more-vouchers .sublabel {font-size:11px;padding-left:12px;position:absolute;top:51px; white-space:nowrap;}

.hidden {
  visibility: hidden;
}

.display-none {
  display: none !important;
}

.display-block {
  display: block;
}

.display-flex {
  display: flex;
  justify-content: space-between;
}

/* eVoucher links */
.links {
  color: white;
  transition: color 0.4s ease;
  text-decoration: underline;
}
.links:hover {
  color: var(--secondary-color);
}

.links-disabled {
  pointer-events: none;
  color: grey;
  text-decoration: none;
  cursor: default;
}

/* text */
.center {
  display: block;
  text-align: center;
}
.white {
  color: white;
}
.secondary {
  color: var(--secondary-color);;
}
.error {
  color: var(--home-info-3-color);
}

/* password */
.password-wrapper {
  position: relative;
}

.password-wrapper .toggle-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: inherit;
  font-size: 1rem;
}

.password-wrapper .toggle-retyped-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: inherit;
  font-size: 1rem;
}


/* eVoucher agreements */
.agreement-li {
  background-color: rgba(30, 30, 30, 0.2);
  color: white;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  transition: background-color 0.3s;
  position: relative;
}

.agreement-li:hover {
  background-color: rgba(50, 50, 50, 0.6);
}

.agreement-checkbox {
  margin-top: 0.3125rem;
  transform: scale(1.2);
  accent-color: var(--secondary-color);
  height: 1rem !important;
}

.obligatory-agreement {
  position: absolute;
  top: 0.5rem;
  right: 0.3125rem;
  color: var(--error-color);
  font-size: 1.5625rem;
}

/* margin */
.mt-1 { margin-top: 1rem; }

.mt-2 { margin-top: 2rem; }

.mt-2_5 { margin-top: 2.5rem; }

.ml-0_5 { margin-left: 0.5rem; }
.ml-19px { margin-left: 19px; }

.mr-0_5 { margin-right: 0.5rem; }

/* input validation errors */
.input-validation-error {
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--home-info-3-color);
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  display: inline-block;
  max-width: 100%;
}

/* input validation success */
.input-validation-info {
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--primary-color);
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  display: inline-block;
  max-width: 100%;
}

/* form */
.form-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

/* eVoucher links */
.links {
  color: white;
  transition: color 0.4s ease;
  text-decoration: underline;
}
.links:hover {
  color: var(--secondary-color);
}

/* text */
.center {
  display: block;
  text-align: center;
}
.white {
  color: white;
}
.primary {
  color: var(--primary-color);
}
.grey {
  color: grey;
}
.fs-1 {
  font-size: 1rem;
}
.fs-1_25 {
  font-size: 1.25rem;
}
.fs-1_5 {
  font-size: 1.5rem;
}
.fs-2_5 {
  font-size: 2.5rem;
}
.fs-11px {
  font-size: 11px;
}

.bold {
  font-weight: bold;
}

/* button */
.transparent-white {
  background-color: transparent !important;
  color: white !important;
  border-color: white !important;
}

.transparent-white:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
}

.transparent {
  background-color: transparent !important;
}

.spinner {
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid white;
  border-top: 0.125rem solid black;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  display: inline-block;
  vertical-align: middle;
}

.spinner-margin
{
  margin-left: 5px;
}

.spinner-grey
{
  border: 0.125rem solid #B5B2BC;
  border-top: 0.125rem solid var(--primary-color);
}

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

/* password */
.password-wrapper {
  position: relative;
}

.password-wrapper .toggle-password {
  position: absolute;
  top: 65%;
  right: 10px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: inherit;
  font-size: 1rem;
}

.password-wrapper .toggle-retyped-password {
  position: absolute;
  top: 65%;
  right: 10px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: inherit;
  font-size: 1rem;
}


/* eVoucher agreements */
.agreement-li {
  background-color: rgba(30, 30, 30, 0.2);
  color: white;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  transition: background-color 0.3s;
  position: relative;
}

.obligatory-agreement-not-checked {
  border-color: var(--error-color);
  margin-bottom: 0px;
}

#agreementObligatoryError.input-validation-error {
  display: block;
  margin-bottom: 1rem;
}

#gdprClause {
  flex-direction: column;
}

#toggleGdprClause {
  font-style: italic;
}

.sticky-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.sticky-footer img {
  display: block;
  width: 100%;
  height: auto;
}

.footer-fade-overlay {
  position: absolute;
  top: -3vh;
  left: 0;
  width: 100%;
  height: 3vh;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
  pointer-events: none;
}

#content div.content {
  padding-bottom: 40px;
}

.agreement-li:hover {
  background-color: rgba(50, 50, 50, 0.6);
}

.agreement-checkbox {
  margin-top: 0.3125rem;
  transform: scale(1.2);
  accent-color: var(--secondary-color);
  height: 1rem !important;
}

.obligatory-agreement {
  position: absolute;
  top: 0.5rem;
  right: 0.3125rem;
  color: var(--home-info-3-color);
  font-size: 1.5625rem;
}

.obligatory-agreement-not-checked {
  border-color: var(--home-info-3-color);
}

#my-agreements h2 {
  font-size: revert
}

#my-agreements div.content {
  padding-bottom: 20px
}

#my-agreements div.agreement-item {
  padding-bottom: 10px;
  padding-top: 10px
}

#my-agreements div.agreement-item:last-child {
  padding-bottom: 30px;
}

#my-agreements div.agreement-confirm-date span {
  color: #716E7C;
  font-style: italic;
}

#my-agreements h2.information-clause-header {
  border-top: 1px dotted #d9dee4;
  border-bottom: none;
}

#my-agreements div.information-clause-content {
  font-size: 13px;
}

#password-change .logout-info {
  padding-bottom: 20px;
}

/* margin */
.mt-0_5 { margin-top: 0.5rem; }
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mt-2_5 { margin-top: 2.5rem; }
.mt-4 { margin-top: 4rem;}

.ml-0_5 { margin-left: 0.5rem; }

.mr-0_5 { margin-right: 0.5rem; }

.mb-0_1 { margin-bottom: 0.1rem; }

/* width */
.w-100prc {
  width: 100%;
}
.w-11 {
  width: 11rem;
}

/* border-radius */
.br-0_3 {
  border-radius: 0.3rem;
}

/* input validation errors */
.input-validation-error {
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--error-color);
  text-align:left;
  padding: 0.3rem 0.5rem;
  font-size: 0.75rem;
  display: inline-block;
  max-width: 100%;
}

/* form */
.form-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.center-horizontally {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
}

/* tooltip */
.custom-tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.custom-tooltip {
  visibility: hidden;
  background-color: var(--primary-color);
  color: #fff;
  text-align: center;
  padding: 6px 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.custom-tooltip-top {
  bottom: 100%;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.custom-tooltip-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: var(--primary-color) transparent transparent transparent;
}

.custom-tooltip-right {
  top: 50%;
  left: 100%;
  width: 250px;
  transform: translateY(-50%);
}

.custom-tooltip-right::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent var(--primary-color) transparent transparent;
}


.custom-tooltip-wrapper:hover .custom-tooltip {
  visibility: visible;
}

.expired-voucher {
  opacity: 0.4;
  pointer-events: none;
  filter: grayscale(100%);
}

.budgets-scroll {
  max-height: 236px;
  overflow-y: auto;
}

/* modal */
.modal-button-primary {
  background-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  border: 3px solid;
}

.modal-button-primary:hover {
  background-color: rgba(0, 235, 94, 0.5) !important;
}

.modal-button-secondary {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  border: 3px solid;
}

.modal-button-secondary:hover {
  background-color: rgba(0, 235, 94, 0.5) !important;
}

.cover-video #cover-video, .page-login:not(.cover-video) #cover-video {display: block;position: absolute;top:0%;left:0%;height: 100%;width: 100%;overflow:hidden;display:inline-block;background-position:center;background-repeat:no-repeat;background-size: cover;z-index:-1;}
.cover-video #cover-video video, .page-login:not(.cover-video) #cover-video video {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 0;}

/* rwd */

@media (min-width: 375px) {
  .participant > body > header h1 {margin: 11px auto;}
}

@media (max-width: 479px) {
  #navbar > ol:last-child::before {display: none;}
  #navbar > ol:last-child:hover > li > a {display:block;}
  #navbar > ol:last-child {margin-right:10px;}
  .field--e-mail input {width: 275px;}
  #cart .actions-budgets {display: block;}
}
@media (max-width: 600px) {
  #cart .content-list-item .actions li > a {font-size:14px;}
  #cart footer ol li:last-child .button {padding-right:0;}
  .box header > div {padding-left:3px; padding-right:3px;}
  .box header > div {font-size:13px;}
  #cart footer ol {width: 100%; float: none; display: flex; flex-direction: column; align-items: center;}
  #cart footer ol li {width:100%}
  #cart footer ol li a {width:100%; text-align:center;}
  #home-basics .text {padding-left:0;}
  #home-info {margin-bottom:60px; margin-top:60px;}
  #navbar > ul .benefit-list, #navbar > ul .orders, #navbar > ul .faq, #navbar > ol:last-child:hover > li.cart,#navbar > ol > li.cart {display: none;}
  #navbar > ul > li .label, #navbar > ol > li .label {display: block;}
  #navbar > ol > li {background-color: var(--white);z-index: 9999;display: none;}
  #navbar sup {right:0;}
  #navbar > ol:last-child {position: initial;}
  #navbar > ul {width: 87%;display: flex;justify-content: space-between;}

  #navbar > ol:last-child > li.user-menu-hidden:not(.cart) {display:none;}
  #navbar > ol:last-child > li:not(.cart) {display: block;clear: both;float: right;width: 100%;background-color:var(--white);}
  #navbar > ol:last-child::before {display: block;right: 0;left: auto;z-index: 5;}
  #navbar > ol:hover > li {display: block;}
  .visitor.page-service body {height:auto;}
}

@media (min-width: 601px) {
  #navbar > ol .benefit-list, #navbar > ol .orders, #navbar > ol .faq, #navbar > ul li.cart {display:none;}
}

@media (max-width: 639px) {
  .page-login .form {float: none;max-width: 300px; margin: 0 auto 0; position: relative;}
  .form-login > header h2 {margin: 6px auto; font-size: 19px; line-height: 21px; font-weight: 400; float: left; width: 100%;}
  .form-login .content .field-submit button {width:310px; font-size:18px;}
  .form-login .content .field-string:nth-child(2){margin-bottom:0;}
  .form-login form .field-string:nth-child(3) .control::before {line-height: 10px}
  .page-login #content {height:560px;}
  .participant body > header h1 a, .participant body > header h1 a:hover {text-align:center; width:100%;}
  .page-login .form-big .field, .page-login .field-string input {width:310px;}
  .visitor > body > header h1 {font-size:48px; line-height: 48px;}
  .navigator {top:0; left:7px}
  .categories {left:67px;}
  .order-summary {margin-top:50px;margin-left:6px;}
  #cart {margin-top:50px}
  #orders .navigator, #cart .navigator {top:-55px;}
  #cart .navigator {left:0;}
  body{margin-bottom:0;}
  #toolbar p > a {font-size: 11px; color: var(--white)}
  #toolbar ul.categories > li.categories-hidden {display:none;}
  #toolbar ul.categories > li {cursor: pointer; display: flex;align-items: center;background-color: var(--primary-color);color: var(--white);}
  #toolbar ul.categories > li p {display: block; width:100px;}
  #toolbar ul.categories > li.current {background-color:#0F266D}
  .participant nav .home img {height:30px; margin-top:9px}
  .banner-expiry-date, .banner-platform-changes {padding: 15px;}
  .banner-expiry-date h2 {font-size:24px;}
  .banner-expiry-date .banner-content {font-size:18px;}
  .banner-expiry-date .icon {font-size: 50px;width:52px;height: 52px;padding-right: 52px;line-height: 50px}
  .banner-platform-changes .banner-content {font-size:15px;}
  header {height: 48px;}
  #navbar sup, .icon-cart > .userCartCount {font-size:11px}
  #home-info ul li .info-content {width:65%;}
  #home-info ul li:first-child {text-align: center;}
  #home-info {margin-left:0;}
}
@media (min-width: 639px) and (max-width: 1023px) {
  #searchbar-input, #add-evoucher-input {width:100%}
}

@media (min-width: 640px) {
  .participant > body > header h1 {margin: 13px;}
  .visitor:not(.page-service) body #content {height:580px; width:400px; box-sizing: content-box;}
  .form-login .content .field-submit button {width:400px;}
  #budgets-basics .content {height:auto}
  #orders .navigator, #cart .navigator {left: 10px;position: absolute;top: 77px;}
  .participant nav .home img {height: 40px;margin-top: 9px;}
  #navbar .home { padding-right:0;}
}

@media (min-width: 640px) and (max-width: 1023px) {
  #navbar li .label, #navbar li .label:hover {line-height: 64px;height: 64px}
  nav .icon { height:64px;line-height: 64px;}
  nav ol li:last-child {height:64px;}
  #home-info {margin: 0 auto; width:80%;padding-top:0;}
  #navbar li .label {font-size:16px;}
  #searchbar-input, #add-evoucher-input {width:100%;}
}

@media (max-width:751px) {
  nav div .sublabel {display: none;}
  nav .orders div > div {width:auto;}
  #navbar sup {right:0;}
}

@media (max-width: 767px) {
  body > footer, body > footer > ul, body > footer > ol, body > footer li {width: 100%; text-align: center;}
  body > footer > ul li a, body > footer > ul li a:hover {text-align: center; display: inline-block;float: none;}
  .form-big .field-submit span {width: 100%;display: inline-block; margin-top: 13px;}
  .page-login .form {background-size: cover; float: none;}
  .page-login .box header h2 {text-align: center; width: 100%;}
  .form-big input {height: 48px;}
  .page-login .form .field-submit .messages {clear: both;float: left;width: 100%;}
  body > footer {margin-top:30px;}
  #navbar sup {top:7px;}
  .participant nav ul li:last-child {height:48px;}
  .participant nav ul li:last-child a {font-size:15px; line-height:48px;padding:0 10px;}
  #budgets-basics .content > div {flex-direction:row-reverse; justify-content: center;}
  #budgets-basics .content > div big {margin-right:20px;}
  #home .box:not(#home-basics) .content {min-height:150px}
  #budgets-basics > footer > a {max-width:none;}
  .budgets-1 .budget {margin-top:45px;}
  #orders .box .order-summary h1 {line-height: 37px;margin-bottom:10px;}
  body > footer > ol li.copy {justify-content: center;margin-bottom:10px;}
  #searchbar .actions.actions-tools {left:125px}
  #home-info ul li:last-child div img {width: 30px;}
  #faq .faq-info ul {flex-direction: column; align-items:center;}
  #faq .faq-info ul li:last-child {margin-top:20px;}
  #navbar > ul > li .label, #navbar > ol > li .label {display: block;}
  #home-info ul li {width:100%;}
}

@media (min-width: 768px) {
  body > footer > ul li a, body > footer > ul li a:hover {margin-left: 29px;}
  .page-loading {background-image: none;}
  .page-login .messages li {float: left; padding-right: 15px;}
  .page-login .field-submit .messages {margin-top: 24px; width: auto;}
  .visitor:not(.page-error) > header::after {left:0;background-position: 100% 0;}
  body > footer > ul, body > footer > ol {width: auto;}
  body > footer > ol {float: left;margin-top: 29px; margin-bottom: 29px;}
  body > footer > ol {float: right; margin-top: 44px}
  .form-login .field-submit .errName.errShow { max-width: 100%; }
  #navbar ol {margin-right:30px;}
  body {margin-bottom: 100px;}
  #navbar sup {top:7px; right:35px;}
}

@media (max-width: 1200px) and (min-width: 768px) {
  #home-info {width: calc(100% - 328px);float:left;margin-left:0;}
  #home-info ul li {width:80%;}
  #home-info ul li:first-child {text-align: center}
  #home-info ul li .info-content {padding-right:5px;}
  #home-info ul li:not(:first-child) {justify-content: center;}
  #navbar sup {right:36px;}

}

@media (max-width: 888px) and (min-width: 641px){
  .banner-expiry-date, .banner-platform-changes {padding: 26px;}
  .banner-expiry-date h2 {font-size:28px;}
  .banner-expiry-date .banner-content {font-size:22px;}
  .banner-expiry-date .icon {font-size: 91px;}
  .banner-platform-changes .banner-content {font-size:16px;}
}

@media (min-width: 1024px) {
  .form-login .field {margin-bottom: 5px;}
  #navbar span:not(.icon):not(.userCartCount) {height: 74px; line-height: 74px;}
  .icon-cart > .userCartCount {padding-top:4px;font-size: 11px;}
  .participant nav .home img {height: 50px;margin-top: 9px;}
  header {height:74px;}
  #cart section.box:nth-child(3) { min-width: 550px;}
  #cart section.box:nth-child(2) footer {display: none}
}

@media (max-width:1023px){
  .participant nav ul li:last-child a {font-size:17px; line-height:48px;padding:0 10px;}
  nav ol li:last-child {height: 48px;display: flex;align-items: center;}
  #orders .box .order-summary {width:100%;}
  #orders .order-item > .content {font-size:14px;}
  #benefit header .actions li a, #benefit .calc-value {font-size:16px}
  #cart .actions-budgets li div strong {line-height: 20px;}
  nav ol li:last-child {height: inherit}
  nav .orders .sublabel {top:42px;}
  nav .more-vouchers .sublabel {top:42px;}
  #cart {flex-direction: column-reverse;}
  #cart section.box:nth-child(3) footer > div {display: none;}
}

@media (max-width: 1199px) and (min-width: 1024px) {
  #home #bottombar {text-align:center;}
  #orders .box .order-summary {width:100%;}
  #home #budgets-basics {float:left;margin-top:0;}
}

@media (max-width: 1200px) {
  #home-info{height:397px;justify-content: space-evenly;}
  #home-info ul{flex-direction: column;align-items: center;}
  #home-info ul li {padding-bottom:24px;}
}

@media (min-width: 640px) and (max-width: 1199px) {
  #promoted-benefits{width:100%}
}

@media (min-width: 1620px) {
  #orders .navigator, #cart .navigator { left:29px; top:93px;}
}

@media (max-width: 1365px) {
  .actions-tools .switch .label {display: block;}
}