.listStyleBlock.circleTop, .listStyleBlock, .listStyleBlock.mbMin {
    padding: 0 0 0 2.3rem;
    margin-bottom: 2rem !important;
}

.listStyleBlock:before, .listStyleBlock.circleTop:before {
    width: 1rem;
    height: 1rem;
    top: 2px!important;
}
@media (max-width: 925px) {
    .contentWithScroll.bigHeightForMobile{
        padding-bottom: 200px;
    }
    #bottomText {
        opacity: 0;
    }
}

/* Form outcome shown under the form (replaces browser alerts) */
.defaultForm .formStatus{
  display: none;
  margin: 1.5rem 0 0;
  padding: 0 0 0 1rem;
  border-left: 2px solid #a39586;
  color: #6f6255;
  font-size: 1.9rem;
  line-height: 1.45;
  white-space: pre-line;
}
.defaultForm .formStatus.is-visible{display: block; animation: formStatusIn .35s ease}
.defaultForm .formStatus.is-error{border-left-color: #b0574b; color: #9a4438}
.defaultForm.whiteStyle .formStatus{color: #fafafc; border-left-color: #fafafc}
.defaultForm.whiteStyle .formStatus.is-error{color: #f5c9c1; border-left-color: #f5c9c1}
.defaultForm input.is-invalid{border-bottom-color: #b0574b}
.defaultForm.whiteStyle input.is-invalid{border-bottom-color: #f5c9c1}
@keyframes formStatusIn{from{opacity: 0; transform: translateY(-4px)} to{opacity: 1; transform: none}}
@media (prefers-reduced-motion: reduce){.defaultForm .formStatus.is-visible{animation: none}}

/* Long vacancy texts scroll inside the dialog */
.vacanceDialog .contentBlock{overflow-y: auto; overscroll-behavior: contain}

/* "Opening an account?" entry in the menu: phones only, the header button covers desktop */
#menu .menuList li.menuAccount{display: none}
@media (max-width: 925px){
  #menu .menuList li.menuAccount{display: block; margin-top: 2rem}
  #menu .menuList li.menuAccount a{font-family: TTCommons, sans-serif; font-size: 2.4rem; text-decoration: underline; text-underline-offset: 4px}
}

/* Newsletter error in the footer: #footer p{color} would otherwise win and paint it like a success */
#footer .defaultForm.whiteStyle .formStatus.is-error{color: #4a120c; border-left-color: #4a120c; font-weight: 500}
#footer .defaultForm.whiteStyle input.is-invalid{border-bottom-color: #4a120c}

/* Contact page: two offices, each address opens its photo gallery */
.contactsBlock .officeAddress + .officeAddress{margin-top: 2.4rem}
.contactsBlock .officeCity{margin: 0 0 .4rem; font-weight: 500; color: #a39586; letter-spacing: .08em; text-transform: uppercase; font-size: 1.4rem}
.contactsBlock .officeLink{display: block; color: inherit; text-decoration: none; cursor: zoom-in}
.contactsBlock .officeLink > span:first-child{border-bottom: 1px dashed #a39586; transition: border-color .2s}
.contactsBlock .officeLink:hover > span:first-child,
.contactsBlock .officeLink:focus-visible > span:first-child{border-bottom-style: solid}
.contactsBlock .officePhotos{display: inline-flex; align-items: center; gap: .6rem; margin-top: .8rem; color: #a39586; font-size: 1.5rem}
.contactsBlock .officeLink:focus-visible{outline: 1px solid #a39586; outline-offset: 4px}
