.login-container {
max-width:100%;
width:30rem;
padding:7rem 3rem;
box-sizing:border-box;
margin:0 auto;
background-color:#ffffff;
color:#191616
}
.login-container .svgIcon {
fill:#191616
}
.login-container .form__input-wrapper {
display:inline-block;
position:relative;
width:calc(100% - 30px);
margin-left:30px;
background-color:inherit;
margin-bottom:23px
}
.login-container .form__icons:not(.form__preview) {
color:#191616;
position:absolute;
transform:translateY(-50%);
top:20px;
left:-30px
}
.login-container .form__icons.form__preview svg {
fill:#009141
}
.login-container .form .form__icon_left,
.login-container .form__icon_left {
left:0
}
.login-container .form select {
border-bottom:1px solid #191616
}
.login-container.ops .login-form__more-options {
text-align:center
}
.login-container.ops .login-form__registerLink a:hover {
text-decoration:underline
}
.login-container.ops .login-form__forget-password {
color:#009141
}
.login-container.ops .login-form__forget-password:hover {
text-decoration:underline
}
.login-container.ops .reg-container__required-fields--login {
text-align:left
}
.login-form__signIn {
color:#191616;
text-align:center;
margin:0;
font-weight:300;
font-size:32px;
display:block
}
.login-form__welcomeMsg {
margin:.6rem 0 4rem 0;
color:#191616;
opacity:.65;
text-align:center
}
.login-form__more-options {
margin:0 0 18px;
display:block;
text-align:right
}
.login-form__registerLink {
display:block;
margin:20px auto 70px;
text-align:center
}
.login-form__forget-password {
font-size:12px;
font-weight:300;
color:#191616;
text-decoration:none
}
.login-form__register {
color:#009141;
font-weight:400;
font-size:16px
}
.login-form__submit {
margin:0 auto 2.5rem;
width:100%;
box-sizing:border-box;
padding:.8rem 0;
display:block;
height:auto
}
.login-container .login-form__socialButtons {
display:block;
width:100%;
font-size:14px;
color:#191616;
text-align:center
}
.login-container .login-form__socialButtons .login-form__socialButtons__buttons {
display:flex;
flex-direction:column
}
.login-container .login-form__socialButtons .login-form__socialButtons__buttons .Facebook_Login_Container {
display:flex;
justify-content:center;
align-items:center
}
.login-container .login-form__socialButtons .login-form__socialButtons__buttons .Facebook_Login_Container .button__Social__facebook {
display:flex;
justify-content:center;
align-items:center;
border:1px solid #dadce0;
width:248px;
min-width:248px;
height:38px;
margin-top:35px;
cursor:pointer;
background-color:#fff;
color:#3c4043;
margin-left:1px;
border-radius:4px;
font-weight:500;
letter-spacing:.3px
}
.login-container .login-form__socialButtons .login-form__socialButtons__buttons .Facebook_Login_Container .button__Social__facebook:hover {
background-color:#f9faff;
border:1px solid #dbe1ee
}
.login-container .login-form__socialButtons .login-form__socialButtons__buttons .button__Social__google {
display:flex;
justify-content:center;
align-items:center;
margin-top:35px;
cursor:pointer;
background-color:inherit
}
.login-container .login-form__socialButtons .login-form__socialButtons__title {
display:block;
width:100%;
text-align:center;
margin:50px 0 15px
}
.login-container .login-form__socialButtons .GFbLoginIcon {
width:30px;
height:30px;
margin-right:7px
}
.login-container .login-form__socialButtons .FBIcon {
width:21px;
height:21px
}
.consentsList,
.consentsList li {
list-style:none;
margin:0;
padding:0
}
.consentsList .form__validationChannel-js,
.consentsList .form__validationTos-js {
display:none
}
.consentsList .reg-container__required-fields {
margin:15px 0 30px 0;
font-size:12px
}
.consentsList ul {
list-style:none
}
.consentsList a {
color:#191616
}
.reg-container {
width:30rem;
height:auto;
padding:7rem 3rem;
box-sizing:border-box;
margin:0 auto;
max-width:100%;
text-align:center;
background-color:#ffffff;
color:#191616
}
.reg-container .svgIcon {
fill:#191616
}
.reg-container__LogIn {
font-size:16px;
font-weight:400;
color:#191616;
text-align:center;
margin:30px auto;
display:block
}
.reg-container__header {
color:#191616;
text-align:center;
margin:0;
font-weight:300;
font-size:32px;
display:block
}
.reg-container a {
color:#009141
}
.reg-container .active-tab,
.reg-container .inactive-tab {
display:inline-block;
color:#706f6f;
cursor:pointer;
font-weight:400
}
.reg-container .active-tab {
color:#191616;
font-weight:500
}
.reg-container .form__input-wrapper {
margin-bottom:2.5rem
}
.reg-container__input {
padding:0 .5rem
}
.reg-container__label,
.reg-container__invalid-info {
left:.5rem
}
.reg-container__submit {
margin:0 auto 1rem;
width:100%;
box-sizing:border-box;
padding:.8rem 0;
display:block;
height:auto
}
.reg-container__input-wrappers-city {
display:flex;
flex-wrap:nowrap;
justify-content:space-between
}
.reg-container__input-wrappers-city>.form__input-wrapper:first-child {
width:30%
}
.reg-container__input-wrappers-city>.form__input-wrapper:last-child {
width:66%
}
.reg-container__required-fields {
margin:0 0 2rem 0;
font-size:13px;
color:#5b5858
}
.reg-container__required-fields--reminder {
margin-top:10px;
margin-bottom:0;
text-align:center
}
.reg-container__required-fields--login {
margin-top:-10px;
margin-bottom:10px;
text-align:center
}
.reg-container__select {
outline:0;
box-shadow:none;
overflow:hidden;
cursor:pointer
}
.reg-container select::-ms-expand {
display:none
}
.reg-container .custom-checkbox {
width:15px;
height:15px
}
.reg-container .custom-checkbox span {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.reg-container .custom-checkbox input {
margin:0
}
.reg-container .form__input-wrapper {
display:inline-block;
position:relative;
width:calc(100% - 30px);
margin-left:30px;
background-color:inherit;
margin-bottom:23px
}
.reg-container .form__icons:not(.form__preview) {
color:#191616;
position:absolute;
transform:translateY(-50%);
top:20px;
left:-30px
}
.reg-container .form__icons.form__preview {
top:20px
}
.reg-container .form__icons.form__preview svg {
fill:#009141
}
.reg-container .form .form__icon_left,
.reg-container .form__icon_left {
left:0
}
.reg-container .form select {
border-bottom:1px solid #191616;
background-repeat:no-repeat;
background-image:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/solid/caret-down.svg);
background-position:center right;
-webkit-appearance:none;
background-size:8px
}
.reg-container .svgIcon--phone {
transform:rotate(100deg)
}
.reg-container .checkBoxes__container input:checked+label .checkBoxes__checkIcon {
left:14px;
top:9px
}
.reg-container .checkBoxes__container input+label .checkBoxes__checkIcon svg {
width:13px;
height:13px
}
.reg-container .reg-container__required-fields {
margin:10px 0 30px;
font-size:12px
}
.reg-container .checkBoxes__container input+label:before {
width:20px;
height:20px
}
.reg-container .checkBoxes__container input+label {
margin-left:-10px;
padding:8px 10px 12px 43px;
color:inherit
}
.reg-container .consentsList ul {
padding:0 0 0 34px
}
.reg-container .consentsList .standalone-channel {
margin-left:30px;
text-align:left
}
.reg-container .simpleLabels {
min-height:16px;
color:#191616;
position:relative;
left:-15px
}
.reg-container.ops .reg-container__LogIn a:hover {
text-decoration:underline
}
.reg-container.ops .reg-container__required-fields {
text-align:left
}
.reg-container.ops .consentsList a {
text-decoration:underline !important
}
.reg-standard__account-type,
.reg-company__account-type {
margin:20px auto 70px;
text-align:center
}
.reg-standard__account-type span,
.reg-company__account-type span {
color:#d1d1d1;
margin:0 4px
}
.reg-container__input-wrappers-home>.form__input-wrapper:first-child,
.reg-container__input-wrappers-home>.form__input-wrapper:last-child {
width:42%
}
.reg-container .form .reg-container__input-wrappers-home>.form__input-wrapper.form__input-wrapper__tin {
min-width:110px;
width:30%
}
.reg-container .form .reg-container__input-wrappers-home>.form__input-wrapper.form__input-wrapper__prefix {
min-width:95px;
width:27%
}
.reg-container .form .reg-container__input-wrappers-home>.form__input-wrapper.form__input-wrapper__country {
min-width:70px;
width:18%
}
.reg-container__input-wrappers-home {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.form__input-info-birthdate {
display:block;
text-align:left;
font-size:12px !important
}
.breadcrumbs-wrapper {
margin:0;
width:100%;
height:70px;
background:#F4F4F4
}
@media only screen and (max-width: 599px) {
.breadcrumbs-wrapper {
height:70px
}
}
.breadcrumbs-wrapper--middle {
height:inherit;
max-width:1400px;
margin:0 auto
}
.breadcrumbs {
list-style:none;
display:inline-flex;
margin:0;
padding:30px 0;
width:100%
}
@media only screen and (max-width: 599px) {
.breadcrumbs {
padding:0;
line-height:70px
}
}
@media only screen and (max-width: 768px)and (min-width: 600px) {
.breadcrumbs {
padding:50px 20px 45px;
width:calc(100% - 40px)
}
}
.breadcrumbs__piece {
margin-right:5px;
font-size:15px;
font-weight:400;
color:#303030;
cursor:pointer;
display:inline-flex;
white-space:nowrap
}
.breadcrumbs__piece .separator {
margin-left:5px
}
@media only screen and (max-width: 599px) {
.breadcrumbs__piece {
display:none
}
}
.breadcrumbs__piece a {
text-decoration:none;
color:#303030
}
@media screen and (min-width: 600px) {
.breadcrumbs__piece a {
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap
}
}
@media screen and (min-width: 600px)and (max-width: 1600px) {
.breadcrumbs__piece a {
max-width:35vw
}
}
@media screen and (min-width: 1601px) {
.breadcrumbs__piece a {
max-width:40vw
}
}
.breadcrumbs__piece--previous {
display:none
}
@media only screen and (max-width: 599px) {
.breadcrumbs__piece--previous {
display:flex;
margin:0
}
.breadcrumbs__piece--previous a {
display:inline-flex;
padding:0 14px 0 20px;
height:100%
}
.breadcrumbs__piece--previous a span {
display:flex;
align-items:center;
justify-content:center
}
}
.breadcrumbs__piece--last {
cursor:default;
color:#009141;
overflow:hidden;
text-overflow:ellipsis;
display:inline-block;
font-size:15px;
font-style:normal;
font-weight:400;
letter-spacing:0.2px
}
@media only screen and (max-width: 599px) {
.breadcrumbs__piece--last {
display:block;
margin:2px 5px 0 0
}
}
.banner-discounts {
margin:0 auto;
height:auto
}
.banner-discounts__list {
width:100%;
height:100%
}
.banner-discounts__wrapper {
width:100%;
display:flex;
justify-content:center;
padding:0;
margin:0;
box-sizing:border-box;
position:relative
}
.banner-discounts a:not(.banner-discounts__wrapper) {
position:absolute;
bottom:8%;
left:10%;
text-decoration:none;
width:230px;
box-sizing:border-box;
padding:16px
}
.banner-discounts figure {
margin:0;
width:100%
}
.banner-discounts__image img {
box-sizing:border-box;
padding:0;
margin:0
}
.banner-discounts__image_placeholder {
background-color:#f2f2f2
}
.banner-discounts__image_placeholder img {
display:flex;
max-height:680px;
width:100%
}
.banner-discounts__info {
position:absolute;
left:10%;
bottom:33%;
width:80%
}
.banner-discounts__title {
margin:0;
padding:0;
font-weight:300;
color:#FFFFFF;
display:block;
font-size:48px
}
.banner-discounts__title.banner-discounts__title__small {
line-height:1.5;
font-size:14px;
margin-top:10px
}
.banner-discounts__text {
color:#FFFFFF;
margin:.8rem 0 0;
padding:0
}
.banner-discounts__size {
position:absolute;
font-size:30px;
color:gray;
text-align:center;
top:50%;
left:50%;
transform:translate(-50%, -50%);
margin:0
}
.banner-discounts .slick-track {
height:100%
}
.banner-discounts .slick-arrow {
background-color:#FFFFFF;
padding:20px
}
.banner-discounts .slick-arrow:hover {
background-color:#FFFFFF
}
.banner-discounts .slick-arrow:before {
color:#fff;
position:absolute;
right:0;
left:10px;
top:47%;
transform:translateY(-50%);
font-size:20px
}
@media only screen and (max-width: 599px) {
.banner-discounts .slick-arrow:before {
font-size:15px
}
}
.banner-discounts .slick-prev,
.banner-discounts .slick-next {
font-size:0;
line-height:0;
position:absolute;
top:51%;
display:block;
width:30px;
height:155px;
padding:0;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
cursor:pointer;
border:none;
outline:none;
background-color:#FFFFFF;
opacity:.6;
z-index:8
}
.banner-discounts .slick-prev :hover,
.banner-discounts .slick-next :hover {
background-color:#FFFFFF
}
.banner-discounts .slick-list {
padding:0 !important;
height:100%
}
.banner-discounts .slick-prev:hover,
.banner-discounts .slick-next:hover {
outline:none
}
.banner-discounts .slick-prev.slick-disabled:before,
.banner-discounts .slick-next.slick-disabled:before,
.banner-discounts .slick-prev.slick-disabled,
.banner-discounts .slick-next.slick-disabled {
outline:none;
display:none
}
.banner-discounts .slick-prev:before,
.banner-discounts .slick-next:before {
color:#d5d5d5;
fill:#d5d5d5;
opacity:.8
}
.banner-discounts .slick-prev {
left:0;
border-radius:0 25px 25px 0
}
.banner-discounts [dir=rtl] .slick-prev {
right:0;
left:auto
}
.banner-discounts .slick-next {
right:0;
border-radius:25px 0 0 25px
}
.banner-discounts .slick-arrow.slick-next:before {
left:3px
}
.banner-discounts [dir=rtl] .slick-next:before,
.banner-discounts .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.banner-discounts .slick-next:before,
.banner-discounts [dir=rtl] .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.banner-discounts .slick-prev:before,
.banner-discounts .slick-next:before {
width:4px;
height:4px;
content:" "
}
.banner-discounts [dir=rtl] .slick-next {
right:auto;
left:0
}
.banner-discounts [dir=rtl] .slick-next:before,
.banner-discounts .slick-prev:before,
.banner-discounts .slick-next:before,
.banner-discounts [dir=rtl] .slick-prev:before {
width:10px;
height:10px
}
.banner-discounts .slick-arrow:hover:before {
border-color:#009141
}
@media screen and (max-width: 480px) {
.banner-discounts .banner-discounts__info {
bottom:55%
}
.banner-discounts .banner-discounts__title {
font-size:20px
}
}
.headerSection__banner {
display:block;
width:100%;
margin:0 auto;
height:fit-content;
max-width:1400px;
margin:0 auto;
box-sizing:border-box;
flex-direction:column;
justify-content:space-between;
position:relative;
background-color:#FFFFFF
}
.headerSection__banner .banner-discounts {
background-color:#FFFFFF !important
}
.headerSection__banner .banner-discounts__wrapper {
height:fit-content;
width:79.9% !important;
float:right;
margin-left:auto;
margin-right:0
}
.headerSection__banner .banner-discounts__image_placeholder img {
max-height:534px !important
}
@media screen and (max-width: 1600px) {
.headerSection__banner {
padding-left:3%;
padding-right:3%
}
}
.banner-discounts__title {
font-size:28px
}
.banner-discounts__title.banner-discounts__title__small {
font-size:13px
}
.banner-discounts__info {
bottom:unset;
top:80px
}
@media screen and (max-width: 480px) {
.banner-discounts__image {
width:100%;
object-fit:cover;
object-position:center
}
}
@media screen and (max-width: 1390px) {
.headerSection__banner .banner-discounts__wrapper {
width:100% !important
}
}
@media screen and (max-width: 1390px) {
.headerSection__banner .banner-discounts__wrapper {
width:100% !important
}
}
.discounts__header {
padding:20px 0;
font-weight:normal
}
.discounts__container {
margin-bottom:30px;
display:flex;
flex-wrap:wrap
}
.discounts__item {
width:40%;
padding:20px 20px 0 0;
margin-right:60px;
display:flex;
height:80px
}
.discounts__name {
text-transform:uppercase;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.discounts__info {
padding:7px;
font-size:15px;
width:calc(100% - 100px - 60px)
}
.discounts__date {
color:#959494;
padding-top:5px
}
.discounts__value {
margin-right:10px;
width:100px;
max-height:50px;
padding:20px 10px 0 10px;
text-align:center;
color:#FFFFFF;
border:2px solid #fcfffe;
background-color:#009141;
font-size:20px
}
.discounts__value.discounts-clickable {
cursor:pointer
}
.discounts__value.discounts-clickable:hover {
background-color:#009141;
border:2px solid #009141;
color:#FFFFFF
}
.discounts__value__details {
font-size:17px
}
.discounts__row {
display:grid;
grid-auto-flow:column;
grid-column-gap:5%;
padding-bottom:5px;
border-bottom:1px solid #f2f2f2;
margin-bottom:5px;
font-size:13px;
font-weight:300;
align-items:center
}
.discounts__row:last-of-type {
border-bottom:none;
margin-bottom:20px
}
@media screen and (min-width: 769px) {
.discounts__row {
grid-template-columns:50% 20% 20%
}
}
@media screen and (max-width: 768px) {
.discounts__row {
grid-template-columns:30% 30% 30%
}
}
.discounts__rowTitle {
font-size:15px;
text-align:left;
font-weight:400
}
@media(min-width: 769px) {
.discounts__mobile {
display:none
}
}
@media screen and (max-width: 1200px) {
.discounts__header {
text-align:center
}
.discounts__item {
width:90%;
margin-left:auto;
margin-right:auto
}
}
@media screen and (max-width: 768px) {
.discounts__row {
flex-wrap:wrap
}
.discounts__row__header {
display:none
}
.discounts__rowTitle {
width:auto !important
}
.discounts__cell {
padding-right:20px;
padding-top:10px;
width:auto !important
}
.discounts__details-container {
padding:20px
}
}
@media only screen and (max-width: 480px) {
.discounts__item {
width:90%;
padding:20px 0 20px 0;
height:70px
}
.discounts__value {
width:100px;
font-size:17px
}
.discounts__info {
padding:5px;
font-size:14px
}
.discounts__date {
padding-top:5px
}
}
.banner-discounts {
margin:0 auto;
height:auto
}
.banner-discounts__list {
width:100%;
height:100%
}
.banner-discounts__wrapper {
width:100%;
display:flex;
justify-content:center;
padding:0;
margin:0;
box-sizing:border-box;
position:relative
}
.banner-discounts a:not(.banner-discounts__wrapper) {
position:absolute;
bottom:8%;
left:10%;
text-decoration:none;
width:230px;
box-sizing:border-box;
padding:16px
}
.banner-discounts figure {
margin:0;
width:100%
}
.banner-discounts__image img {
box-sizing:border-box;
padding:0;
margin:0
}
.banner-discounts__image_placeholder {
background-color:#f2f2f2
}
.banner-discounts__image_placeholder img {
display:flex;
max-height:680px;
width:100%
}
.banner-discounts__info {
position:absolute;
left:10%;
bottom:33%;
width:80%
}
.banner-discounts__title {
margin:0;
padding:0;
font-weight:300;
color:#FFFFFF;
display:block;
font-size:48px
}
.banner-discounts__title.banner-discounts__title__small {
line-height:1.5;
font-size:14px;
margin-top:10px
}
.banner-discounts__text {
color:#FFFFFF;
margin:.8rem 0 0;
padding:0
}
.banner-discounts__size {
position:absolute;
font-size:30px;
color:gray;
text-align:center;
top:50%;
left:50%;
transform:translate(-50%, -50%);
margin:0
}
.banner-discounts .slick-track {
height:100%
}
.banner-discounts .slick-arrow {
background-color:#FFFFFF;
padding:20px
}
.banner-discounts .slick-arrow:hover {
background-color:#FFFFFF
}
.banner-discounts .slick-arrow:before {
color:#fff;
position:absolute;
right:0;
left:10px;
top:47%;
transform:translateY(-50%);
font-size:20px
}
@media only screen and (max-width: 599px) {
.banner-discounts .slick-arrow:before {
font-size:15px
}
}
.banner-discounts .slick-prev,
.banner-discounts .slick-next {
font-size:0;
line-height:0;
position:absolute;
top:51%;
display:block;
width:30px;
height:155px;
padding:0;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
cursor:pointer;
border:none;
outline:none;
background-color:#FFFFFF;
opacity:.6;
z-index:8
}
.banner-discounts .slick-prev :hover,
.banner-discounts .slick-next :hover {
background-color:#FFFFFF
}
.banner-discounts .slick-list {
padding:0 !important;
height:100%
}
.banner-discounts .slick-prev:hover,
.banner-discounts .slick-next:hover {
outline:none
}
.banner-discounts .slick-prev.slick-disabled:before,
.banner-discounts .slick-next.slick-disabled:before,
.banner-discounts .slick-prev.slick-disabled,
.banner-discounts .slick-next.slick-disabled {
outline:none;
display:none
}
.banner-discounts .slick-prev:before,
.banner-discounts .slick-next:before {
color:#d5d5d5;
fill:#d5d5d5;
opacity:.8
}
.banner-discounts .slick-prev {
left:0;
border-radius:0 25px 25px 0
}
.banner-discounts [dir=rtl] .slick-prev {
right:0;
left:auto
}
.banner-discounts .slick-next {
right:0;
border-radius:25px 0 0 25px
}
.banner-discounts .slick-arrow.slick-next:before {
left:3px
}
.banner-discounts [dir=rtl] .slick-next:before,
.banner-discounts .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.banner-discounts .slick-next:before,
.banner-discounts [dir=rtl] .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.banner-discounts .slick-prev:before,
.banner-discounts .slick-next:before {
width:4px;
height:4px;
content:" "
}
.banner-discounts [dir=rtl] .slick-next {
right:auto;
left:0
}
.banner-discounts [dir=rtl] .slick-next:before,
.banner-discounts .slick-prev:before,
.banner-discounts .slick-next:before,
.banner-discounts [dir=rtl] .slick-prev:before {
width:10px;
height:10px
}
.banner-discounts .slick-arrow:hover:before {
border-color:#009141
}
@media screen and (max-width: 480px) {
.banner-discounts .banner-discounts__info {
bottom:55%
}
.banner-discounts .banner-discounts__title {
font-size:20px
}
}
@media screen and (min-width: 799px) {
.headerSection__bannerBg {
width:100%;
height:fit-content;
background-color:#FFFFFF !important;
margin-top:0 !important
}}
@media screen and (max-width: 599px) {
.headerSection__bannerBg {
display:none;
}}
.headerSection__banner {
display:block;
width:100%;
margin:0 auto;
height:fit-content;
max-width:1400px;
margin:0 auto;
box-sizing:border-box;
flex-direction:column;
justify-content:space-between;
position:relative;
background-color:#FFFFFF
}
.headerSection__banner .banner-discounts {
background-color:#FFFFFF !important
}
.headerSection__banner .banner-discounts__wrapper {
height:fit-content;
width:79.9% !important;
float:right;
margin-left:auto;
margin-right:0
}
.headerSection__banner .banner-discounts__image_placeholder img {
max-height:534px !important
}
@media screen and (max-width: 1600px) {
.headerSection__banner {
padding-left:3%;
padding-right:3%
}
}
.banner-discounts__title {
font-size:28px
}
.banner-discounts__title.banner-discounts__title__small {
font-size:13px
}
.banner-discounts__info {
bottom:unset;
top:80px
}
@media screen and (max-width: 480px) {
.banner-discounts__image {
width:100%;
object-fit:cover;
object-position:center
}
}
@media screen and (max-width: 1390px) {
.headerSection__banner .banner-discounts__wrapper {
width:100% !important
}
}
@media screen and (max-width: 1390px) {
.headerSection__banner .banner-discounts__wrapper {
width:100% !important
}
}
.discounts__header {
padding:20px 0;
font-weight:normal
}
.discounts__container {
margin-bottom:30px;
display:flex;
flex-wrap:wrap
}
.discounts__item {
width:40%;
padding:20px 20px 0 0;
margin-right:60px;
display:flex;
height:80px
}
.discounts__name {
text-transform:uppercase;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.discounts__info {
padding:7px;
font-size:15px;
width:calc(100% - 100px - 60px)
}
.discounts__date {
color:#959494;
padding-top:5px
}
.discounts__value {
margin-right:10px;
width:100px;
max-height:50px;
padding:20px 10px 0 10px;
text-align:center;
color:#FFFFFF;
border:2px solid #fcfffe;
background-color:#009141;
font-size:20px
}
.discounts__value.discounts-clickable {
cursor:pointer
}
.discounts__value.discounts-clickable:hover {
background-color:#009141;
border:2px solid #009141;
color:#FFFFFF
}
.discounts__value__details {
font-size:17px
}
.discounts__row {
display:grid;
padding-bottom:5px;
border-bottom:1px solid #f2f2f2;
font-size:13px;
font-weight:300;
align-items:center
}
.discounts__row.coupons__row {
display:flex;
align-items:flex-start;
flex-direction:column;
grid-row-gap:20px
}
.discounts__row:not(.coupons__row) {
grid-auto-flow:column;
grid-column-gap:5%;
margin-bottom:5px
}
@media screen and (min-width: 769px) {
.discounts__row:not(.coupons__row) {
grid-template-columns:50% 20% 20%
}
}
@media screen and (max-width: 768px) {
.discounts__row:not(.coupons__row) {
grid-template-columns:30% 30% 30%
}
}
.discounts__row:last-of-type {
border-bottom:none;
margin-bottom:20px
}
.discounts__rowTitle {
font-size:15px;
text-align:left;
font-weight:400
}
@media(min-width: 769px) {
.discounts__mobile {
display:none
}
}
@media screen and (max-width: 1200px) {
.discounts__header {
text-align:center
}
.discounts__item {
width:90%;
margin-left:auto;
margin-right:auto
}
}
@media screen and (max-width: 768px) {
.discounts__row {
flex-wrap:wrap
}
.discounts__row__header:not(.coupons__row__header) {
display:none
}
.discounts__rowTitle {
width:auto !important
}
.discounts__cell {
padding-right:20px;
padding-top:10px;
width:auto !important
}
.discounts__details-container {
padding:20px
}
}
@media only screen and (max-width: 480px) {
.discounts__item {
width:90%;
padding:20px 0 20px 0;
height:70px
}
.discounts__value {
width:100px;
font-size:17px
}
.discounts__info {
padding:5px;
font-size:14px
}
.discounts__date {
padding-top:5px
}
}
.recommended-products-box {
max-width:1080px;
margin:0 auto
}
@media screen and (max-width: 768px) {
.recommended-products-box {
display:flex;
flex-direction:column
}
}
.recommended-products-box--with-padding {
padding:0 3%
}
.recommended-products-box--wide {
max-width:1400px
}
.recommended-products-box .recommended-products-box-border {
margin:40px 0 20px;
text-align:center;
border-bottom:1px solid #d1d1d1
}
.recommended-products-box__title {
background-color:#ffffff;
padding:0 20px;
bottom:-15px;
position:relative;
font-size:24px;
line-height:1;
display:inline-block;
color:#191616
}
.recommended-products-box__list {
margin:20px auto 0;
width:95%;
display:flex;
flex-wrap:wrap;
align-items:flex-start
}
@media only screen and (max-width: 599px) {
.recommended-products-box__list {
margin:10px 25px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.recommended-products-box__list {
margin:10px 30px
}
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.recommended-products-box__list {
margin:15px 0
}
}
@media only screen and (min-width: 992px)and (max-width: 1199px) {
.recommended-products-box__list {
margin:20px 0
}
}
@media screen and (max-width: 768px) {
.recommended-products-box__list {
align-self:center
}
}
.recommended-products-box__list .slick-track {
align-items:flex-start !important
}
.recommended-products-box__link {
display:flex;
height:100%;
width:25%;
align-items:center;
justify-content:center;
flex-wrap:wrap;
position:relative;
margin:0 30px
}
.recommended-products-box__item {
width:95%;
max-width:290px;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
transition:all .3s linear;
margin:30px auto 0;
padding-bottom:15px;
background-color:#ffffff
}
@media screen and (min-width: 769px) {
.recommended-products-box__item {
width:290px;
max-width:none
}
}
.recommended-products-box__item:hover {
transform:scale(1.05);
box-shadow:0px 0px 30px 0px rgba(0,0,0,.2)
}
.recommended-products-box__item:hover+.product-flags {
top:18px;
left:-5px
}
.recommended-products-box__item:hover .recommended-products-box__add-to-cart-btn {
visibility:visible;
opacity:1
}
.recommended-products-box .product-flags {
position:absolute;
top:30px;
left:0;
right:0;
z-index:1;
text-align:left;
transition:all .3s linear;
width:95%;
max-width:290px;
margin:auto
}
@media screen and (min-width: 769px) {
.recommended-products-box .product-flags {
width:290px;
max-width:none
}
}
.recommended-products-box .product-flags span {
margin:0 5px 5px 0;
display:inline-block;
font-size:12px;
line-height:18px;
font-weight:400;
width:max-content;
max-width:96%;
padding:3px 12px;
box-sizing:border-box
}
.recommended-products-box__flags--discount span {
display:block !important
}
.recommended-products-box__image {
margin:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:fit-content;
height:fit-content;
min-height:224px
}
.recommended-products-box__image img {
max-height:224px;
max-width:90%;
width:auto;
height:auto;
margin:0 auto
}
.recommended-products-box__image img {
border-radius:calc(1*4px) !important
}
.recommended-products-box__name {
font-size:14px;
font-weight:400;
letter-spacing:1.2px;
margin:12px 0;
width:90%;
text-align:center;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden
}
.recommended-products-box__item-prices {
display:flex;
justify-content:center;
align-items:center
}
.recommended-products-box__price,
.recommended-products-box__redprice {
font-size:18px;
font-weight:500;
line-height:26px
}
.recommended-products-box__redprice,
.recommended-products-box__oldprice {
margin:0 10px
}
.recommended-products-box__redprice {
font-size:14px;
color:#c10f0f
}
.recommended-products-box__oldprice {
font-size:12px;
font-weight:500;
line-height:18px;
text-decoration:line-through
}
.recommended-products-box__minprice {
width:90%;
display:block;
text-align:center
}
.recommended-products-box__minprice span {
word-break:break-word;
white-space:break-spaces;
font-size:12px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
letter-spacing:normal
}
.recommended-products-box__add-to-cart-btn {
visibility:hidden;
opacity:0;
box-sizing:border-box;
width:90%;
padding:10px 26px;
font-size:14px;
line-height:24px;
font-weight:400;
margin-top:25px;
transition:all .3s linear
}
.recommended-products-box .slick-list {
padding:100px 0 !important;
margin:-100px 0 !important
}
.recommended-products-box .slick-track {
margin:0
}
.recommended-products-box .slick-next {
right:-4%
}
.recommended-products-box .slick-prev {
left:-4%
}
.recommended-products-box [dir=rtl] .slick-next:before,
.recommended-products-box .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(135deg);
-webkit-transform:rotate(135deg)
}
.recommended-products-box .slick-next:before,
.recommended-products-box [dir=rtl] .slick-prev:before {
border:solid #d5d5d5;
border-width:0 1px 1px 0;
display:inline-block;
padding:7px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
.recommended-products-box .slick-prev:before,
.recommended-products-box .slick-next:before {
width:4px;
height:4px;
top:14px;
content:" "
}
.recommended-products-box .slick-next:before {
left:12px
}
.recommended-products-box .slick-prev:before {
left:18px
}
.recommended-products-box [dir=rtl] .slick-prev {
right:0;
left:auto
}
.recommended-products-box button.slick-prev.slick-arrow.slick-disabled,
.recommended-products-box button.slick-arrow.slick-disabled {
display:none !important
}
.recommended-products-box.slider .slick-prev,
.recommended-products-box.slider .slick-next {
background:#FFFFFF
}
.recommended-products-box.slider .slick-prev:hover,
.recommended-products-box.slider .slick-next:hover {
background:#FFFFFF
}
.recommended-products-box.slider .slick-prev:hover:before,
.recommended-products-box.slider .slick-next:hover:before {
border-color:#009141
}
.recommended-products-box .wishListInfoPopup {
z-index:102
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box__list,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box__list {
width:unset
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box__link,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box__link {
margin:0 10px;
display:flex
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box__item,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box__item {
margin:30px 0px 0px
}
@media screen and (min-width: 769px) {
.popup-dialog.after-adding-to-cart-popup .recommended-products-box__item,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box__item {
width:220px
}
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box__item:hover,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box__item:hover {
box-shadow:0px 0px 10px 0px rgba(0,0,0,.2)
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box__price,
.popup-dialog.after-adding-to-cart-popup .recommended-products-box__redprice,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box__price,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box__redprice {
font-size:14px;
line-height:24px;
letter-spacing:1.2px
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box .slick-list,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box .slick-list {
padding:100px 0 50px 0px !important
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box .slick-next,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box .slick-next {
width:40px;
height:40px;
right:10px
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box .slick-prev,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box .slick-prev {
width:40px;
height:40px;
left:10px
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box .slick-prev:before,
.popup-dialog.after-adding-to-cart-popup .recommended-products-box .slick-next:before,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box .slick-prev:before,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box .slick-next:before {
width:12px;
height:12px;
top:12px;
padding:0px;
border-width:0 3px 3px 0px
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box .slick-next:before,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box .slick-next:before {
left:10px
}
.popup-dialog.after-adding-to-cart-popup .recommended-products-box .slick-prev:before,
.product-item__cartPopup .product-item__cartPopup--container .recommended-products-box .slick-prev:before {
left:15px
}
.popup-dialog.after-adding-to-cart-popup {
z-index:101;
bottom:0;
top:0;
right:0;
left:0;
margin:auto;
position:fixed;
box-sizing:border-box
}
.popup-dialog.after-adding-to-cart-popup .custom-checkbox {
width:15px;
height:15px
}
@media screen and (max-width: 699px) {
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper {
min-width:280px;
max-width:730px;
overflow-y:auto;
max-height:85vh;
padding:30px 50px;
width:auto !important;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}}
@media screen and (min-width: 700px) {
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper {
min-width:350px;
max-width:730px;
overflow-y:auto;
max-height:85vh;
padding:30px 50px;
width:auto !important;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper .main-title {
font-size:18px;
text-align:left;
display:block;
font-weight:500
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper .main-title.newPopupHeaderTitle {
font-size:24px;
line-height:32px;
letter-spacing:1.4px;
font-weight:500
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper a.remember-choice {
display:block;
position:relative;
max-width:410px;
margin:70px auto 20px;
text-decoration:none;
text-align:center
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper span.close.remember-choice {
text-decoration:underline;
display:block;
font-weight:500;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
cursor:pointer;
width:auto
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper .checkBoxes__container {
text-align:left
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper .checkBoxes__container input+label::before {
top:20px;
left:0
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper .checkBoxes__container input+label {
width:calc(80% - 20px)
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper .checkBoxes__container input+label .checkBoxes__checkIcon svg {
width:13px;
height:13px
}
.popup-dialog.after-adding-to-cart-popup .popup-dialog-wrapper .checkBoxes__container input:checked+label .checkBoxes__checkIcon {
left:1px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added {
padding-top:15px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-item {
width:100%;
display:flex;
align-items:center;
height:150px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-image {
width:142px;
height:142px;
display:flex;
justify-content:center;
align-items:center
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-image img {
max-width:142px;
max-height:142px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-details {
flex-grow:1;
padding:0px 22px 0px 30px;
display:flex;
flex-direction:column;
height:100%
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-details-header {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
font-weight:700;
column-gap:40px;
row-gap:8px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-details-header div:first-child {
font-size:16px;
letter-spacing:1.8px;
line-height:24px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-details-header div:last-child {
font-size:18px;
line-height:26px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__added-details-info {
text-align:left;
font-size:14px;
letter-spacing:1.2px;
margin-top:24px
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__buttons {
display:flex;
flex-direction:row-reverse;
justify-content:space-between;
align-items:flex-end;
margin-top:35px;
position:relative;
z-index:2
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__buttons a.remember-choice {
width:287px
}
@media only screen and (max-width: 699px) {
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__buttons .remember-choice {
text-decoration:none !important
}}
@media only screen and (min-width: 700px) {
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__buttons .remember-choice {
margin:0 !important;
text-decoration:none !important
}}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__buttons .remember-choice.stay-on-page {
display:flex !important;
align-items:center
}
.popup-dialog.after-adding-to-cart-popup .after-add-to-cart-popup__buttons .remember-choice.stay-on-page .svgIcon {
transform:rotate(180deg)
}
.popup-dialog.after-adding-to-cart-popup .remember-choice {
margin:5px 0
}
.my-card {
width:100%;
box-sizing:border-box;
display:flex;
align-items:flex-start;
flex-wrap:wrap;
justify-content:space-between;
padding-left:22px;
padding-right:8%;
font-weight:700;
letter-spacing:1.8px
}
.my-card__text {
max-width:350px;
margin-bottom:40px
}
.my-card__title {
margin:0 0 40px;
font-size:32px;
line-height:42px
}
.my-card__description {
font-size:14px;
font-weight:400;
line-height:24px;
letter-spacing:1.2px;
color:#888
}
.my-card__card {
width:100%;
max-width:555px;
border-radius:20px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,.2)
}
.my-card__number-box {
padding:97px 40px 15px;
background-color:#fff;
border-bottom:2px solid #e5e5e5;
border-radius:20px 20px 0 0
}
.my-card__number-title {
font-size:16px;
line-height:24px;
color:#009141
}
.my-card__number {
font-size:32px;
line-height:42px;
color:#1a1616
}
.my-card__barcode {
padding:40px 40px 32px;
display:flex;
justify-content:center
}
body.customerProfileNoScroll {
overflow-y:hidden !important;
overflow:hidden
}
.customer {
position:relative
}
.customer__blockContent.hide-on-mobile {
display:block
}
.customer .form__input-wrapper:focus-within>label {
color:#5a6a56
}
.customer .form input:focus,
.customer .form select:focus {
border-bottom:1px solid #5a6a56
}
.customer .form input,
.customer .form select {
border-bottom:1px solid #191616;
color:#191616 !important;
background-color:#ffffff !important
}
.customer .customer__emptySection {
width:100%
}
.customer .customer__emptySection ol {
padding:30px 20px 30px 71px;
margin:0;
box-sizing:border-box;
counter-reset:my-counter;
list-style:none
}
.customer .customer__emptySection ol li {
position:relative;
counter-increment:my-counter;
margin-bottom:30px;
color:#959494;
font-size:14px;
font-weight:400;
line-height:1.8
}
.customer .customer__emptySection ol li:before {
content:counter(my-counter);
border-radius:50%;
padding:8px 11px 7px;
font-size:12px;
color:#009141;
background-color:#f5f4f4;
position:absolute;
font-weight:600;
left:-51px;
line-height:normal;
top:-2px
}
.customer .loyaltyProgram .customer__emptySectionImage .icon {
top:39px;
left:34px
}
.customer .loyaltyProgram .customer__emptySectionImage .icon .svgIcon {
width:44px;
height:33px
}
.customer .customer__emptySectionImage {
width:115px;
height:115px;
border:1px solid #e5e5e5;
text-align:center;
position:relative;
margin:40px auto
}
.customer .customer__emptySectionImage--bg:before,
.customer .customer__emptySectionImage--bg {
background:#ffffff;
height:121px;
position:absolute;
background-color:#ffffff;
width:57px;
left:28px;
top:-3px
}
.customer .customer__emptySectionImage--bg:before {
content:" ";
transform:rotate(90deg);
left:-1px;
top:0
}
.customer .customer__emptySectionImage .icon {
fill:#e5e5e5;
position:absolute;
top:37px;
left:39px
}
.customer .customer__emptySectionImage .icon .svgIcon {
width:37px;
height:37px
}
.customer .customer__emptySectionImage .icon--small {
fill:#e5e5e5;
position:absolute;
background-color:#fff;
bottom:30px;
right:35px
}
.customer .customer__emptySectionImage .icon--small .svgIcon {
width:19px;
height:19px
}
.customer .customer__sectionTitle,
.customer .customer__emptySectionTitle {
color:#a9a8a8;
display:block;
font-size:14px;
font-weight:400;
max-width:90%
}
.customer .customer__sectionTitle--center,
.customer .customer__emptySectionTitle--center {
text-align:center;
margin:0 auto
}
.customer .customer__sectionTitle--left,
.customer .customer__emptySectionTitle--left {
margin:0 0 10px 22px
}
.customer .customer__sectionTitle--bold,
.customer .customer__emptySectionTitle--bold {
margin-top:45px;
color:#191616;
font-weight:500
}
.customer .customer__emptySectionButton {
display:block;
width:265px;
margin:40px auto;
text-decoration:none;
box-sizing:border-box
}
.customer__flexboxContainer {
display:flex
}
@media screen and (min-width: 600px) {
.customer__flexboxContainer {
margin-top:40px
}
}
.customer__content {
max-width:100%;
min-width:62%;
min-height:500px
}
.customer__content--width {
width:100%
}
.customer .customer__addresses .customer__contentBox {
min-height:100px
}
@media screen and (min-width: 600px) {
.customer .popupBackground-js {
background-color:rgba(0,0,0,.5);
bottom:0;
left:0;
overflow:hidden;
padding:10%;
position:fixed;
right:0;
top:0;
z-index:100;
content:" "
}
}
.customer .customer__contentSection {
display:block;
position:relative;
margin:0 22px 45px;
max-width:100%
}
.customer .customer__contentSection ul>li>span,
.customer .customer__contentSection ul>li>a {
color:#706f6f
}
.customer .customer__contentSection--edit {
position:absolute;
color:#009141;
top:0;
right:-5px;
padding:0 5px;
cursor:pointer
}
.customer .customer__contentSection--edit .svgIcon__pen {
width:16px;
height:16px;
fill:#009141
}
.customer .customer__contentSection.customer__contentBox {
border:1px solid #d6d6d6;
padding:20px 30px 18px;
box-sizing:border-box
}
.customer .customer__contentSection.customer__contentBox .customer__contentBoxTitle {
display:none;
visibility:hidden
}
.customer .customer__contentSection.customer__contentBox--color {
border-color:#009141
}
.customer .customer__contentSection.customer__contentBox .customer__contentPreview>span {
color:#999
}
.customer .customer__contentSection.customer__contentBox .customer__contentPreview>span:first-of-type {
display:block;
height:45px;
line-height:27px;
font-size:18px;
font-weight:300;
color:#191616
}
.customer .customer__contentSection.customer__contentBox .customer__contentSection--edit {
bottom:15px;
right:15px;
top:unset
}
.customer .customer__contentSection.customer__contentBox.editSection-js {
margin:0;
border-color:#ffffff;
position:absolute;
background-color:#ffffff;
z-index:101
}
@media screen and (min-width: 600px) {
.customer .customer__contentSection.customer__contentBox.editSection-js {
position:fixed !important;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
}
.customer .customer__contentSection.customer__contentBox.editSection-js .customer__contentBoxTitle {
cursor:pointer;
display:block;
visibility:visible;
padding:0 0 40px;
position:relative;
font-size:18px;
font-weight:500
}
.customer .customer__contentSection.customer__contentBox.editSection-js .customer__contentSection--edit {
color:#009141;
position:absolute;
padding:12px;
border-radius:50%;
bottom:unset;
width:43px;
height:43px;
text-align:center;
box-sizing:border-box
}
.customer__title {
text-transform:uppercase;
font-size:14px;
font-weight:500;
color:#191616;
display:block;
padding-bottom:35px
}
.customer__title--smallLetters {
text-transform:none;
font-size:12px
}
.customer__title--color {
color:#009141;
text-transform:none
}
@media screen and (max-width: 599px) {
.customer .customer__breadcrumbs--desktop {
display:none;
visibility:hidden
}
}
.customer .customer__breadcrumbs--mobile {
background-color:#F4F4F4;
color:#303030;
font-size:14px
}
@media screen and (min-width: 600px) {
.customer .customer__breadcrumbs--mobile {
display:none;
visibility:hidden
}
}
.customer .customer__breadcrumbs--mobile>span {
padding:27px 0;
display:inline-block;
margin:0 22px
}
.customer .customer__breadcrumbs--mobile>span>svg {
margin:0 15px -4px -5px
}
.customer .customer__menu {
background-color:#ffffff;
transition:200ms;
z-index:9
}
.customer .customer__menu .mobileLogout {
display:none
}
@media screen and (min-width: 769px) {
.customer .customer__menu {
margin-right:5%;
padding-left:3%
}
}
@media screen and (min-width: 769px) {
.customer .customer__menu li.active-js .customer__menu--submenu {
display:block;
background-color:#ffffff;
padding:5px 0 5px 30px;
margin:9px 0 -10px -30px
}
.customer .customer__menu>ul>li.active-js {
border-left:5px solid #009141
}
.customer .customer__menu>ul>li {
border-left:5px solid #ffffff
}
.customer .customer__menu li .customer__menu--submenu .active-js {
color:#009141
}
}
.customer .customer__menu--label {
display:flex;
align-items:center;
justify-content:flex-start
}
.customer .customer__menu--label svg {
margin-right:20px
}
.customer .customer__menu--submenu {
display:none
}
@media screen and (min-width: 600px) {
.customer .customer__menu>ul {
border-right:1px solid #d6d6d6
}
}
.customer .customer__menu ul {
list-style:none;
padding:5px 0 5px 43px;
font-size:14px;
color:#959494;
margin:0
}
@media screen and (min-width: 600px) {
.customer .customer__menu ul {
padding:5px 0 0 2px;
box-sizing:border-box;
min-width:210px
}
}
.customer .customer__menu ul>li {
padding:10px 0 10px 23px
}
.customer .customer__menu ul>li:first-of-type {
padding-top:10px
}
.customer .customer__menu ul>li li {
padding:10px 0 10px 23px
}
.customer .customer__menu ul>li li:first-of-type {
padding-top:10px
}
.customer .customer__menu ul li {
cursor:pointer
}
.customer .customer__submenu {
font-size:14px
}
.customer .customer__submenu ul {
margin:0;
padding:0;
list-style:none;
position:relative
}
.customer .customer__submenu li {
color:#a9a8a8;
display:inline-block;
padding:20px 17px 20px 22px
}
@media screen and (min-width: 769px) {
.customer .customer__submenu li {
padding-bottom:30px
}
.customer .customer__submenu li.active-js {
position:absolute;
left:0
}
}
@media screen and (min-width: 769px) {
.customer .customer__submenu {
font-weight:400;
margin-bottom:6px
}
}
@media screen and (min-width: 769px) {
.customer .customer__submenu--mobile {
display:none;
visibility:hidden
}
}
@media screen and (min-width: 600px) {
.customer .customer__addresses .customer__contentSection.customer__contentBox {
min-height:140px
}
.customer .customer__contentSection.customer__contentBox.editSection-js .customer__contentSection--edit {
top:18px
}
.customer .customer__contentSection.customer__contentSection--hidden.editSection-js .customer__contentSection--edit {
padding:15px;
top:18px;
left:unset;
right:15px
}
.customer .customer__contentSection.customer__contentSection--hidden.editSection-js .customer__contentSection--edit .svgIcon {
width:16px;
height:16px
}
}
.customer .customer__contentSection .customer__contentSection--inner {
font-size:14px
}
.customer .customer__contentSection .customer__hiddenForm-js.editMode-js>.form__input-wrapper,
.customer .customer__contentSection .customer__hiddenForm-js.editMode-js>button,
.customer .customer__contentSection .customer__hiddenForm-js.editMode-js>.form__checkBox {
display:inline-block;
visibility:visible
}
.customer .customer__contentSection .customer__hiddenForm-js.editMode-js .customer__contentPreview {
display:none;
visibility:hidden
}
.customer .customer__contentSection .customer__hiddenForm-js>.form__input-wrapper,
.customer .customer__contentSection .customer__hiddenForm-js>button,
.customer .customer__contentSection .customer__hiddenForm-js>.form__checkBox {
display:none;
visibility:hidden
}
.customer .customer__contentSection .customer__hiddenForm-js>.form__input-wrapper {
margin-bottom:13px
}
.customer .customer__contentSection .customer__hiddenForm-js>.form__input-wrapper.form__input-lastSmall {
padding-bottom:15px
}
.customer .customer__contentSection .customer__hiddenForm-js .secondary-action-button {
margin-top:0
}
.customer .customer__contentSection .customer__hiddenForm-js .customer__contentPreview {
display:block;
visibility:visible;
line-height:2
}
.customer .customer__contentSection .customer__hiddenForm-js .customer__contentPreview label {
display:block;
font-size:11px;
color:#d6d6d6
}
.customer .customer__contentSection .customer__hiddenForm-js .customer__contentPreview input:disabled {
font-size:26px;
color:#aeadad;
background-color:rgba(0,0,0,0);
border:none
}
.customer .customer__contentSection.customer__contentSection--hidden {
border:none
}
@media screen and (min-width: 600px) {
.customer .customer__contentSection.customer__contentSection--hidden.editSection-js .customer__contentSection--edit {
font-size:16px;
color:#009141
}
}
.customer .customer__contentSection.customer__contentSection--hidden .customer__contentSection--edit {
display:inline-block
}
@media screen and (min-width: 600px) {
.customer .customer__contentSection.customer__contentSection--hidden .customer__contentSection--edit {
color:#009141;
fill:#009141;
font-size:40px;
background-color:rgba(0,0,0,0);
cursor:pointer;
position:absolute;
top:55px;
left:128px
}
.customer .customer__contentSection.customer__contentSection--hidden .customer__contentSection--edit .svgIcon {
width:48px;
height:48px
}
}
.customer .smallBoxesSection .customer__title {
padding-bottom:25px;
margin:-40px 0 0 22px
}
@media screen and (min-width: 600px) {
.customer .smallBoxesSection .customer__title {
margin:-25px 0 0 22px;
width:100%;
box-sizing:border-box
}
}
.customer .smallBoxesSection .customer__contentBox {
position:relative
}
.customer .smallBoxesSection .customer__contentSection.customer__contentBox {
margin-bottom:35px
}
.customer .smallBoxesSection .customer__contentSection.customer__contentBox span {
display:block;
font-size:14px
}
.customer .smallBoxesSection .customer__contentSection.customer__contentBox span:nth-child(1) {
font-size:18px;
font-weight:300
}
.customer .smallBoxesSection .customer__contentSection.customer__contentBox span:nth-child(2) {
padding:15px 0
}
.customer .smallBoxesSection .customer__contentSection.customer__contentBox span:nth-child(2):first-letter {
text-transform:uppercase
}
.customer .smallBoxesSection .customer__contentSection.customer__contentBox span:nth-child(3) {
opacity:.5
}
.customer .smallBoxesSection .customer__contentSection.customer__contentBox .paymentOrDeliveryStatus {
font-size:14px !important;
padding:0 !important;
opacity:.5;
color:#191616;
font-weight:400 !important;
display:block
}
.customer .smallBoxesSection .customer__contentBoxButton {
cursor:pointer;
fill:#009141;
position:absolute;
padding:12px;
bottom:3px;
right:5px
}
.customer .smallBoxesSection .customer__contentBoxButton .svgIcon {
width:15px;
height:15px
}
.customer .complaints .complaints__productBox,
.customer .complaints .reviews__productBox,
.customer .complaints .wishList__productBox,
.customer .customerReviews .complaints__productBox,
.customer .customerReviews .reviews__productBox,
.customer .customerReviews .wishList__productBox,
.customer .wishList .complaints__productBox,
.customer .wishList .reviews__productBox,
.customer .wishList .wishList__productBox {
margin:20px 25px 40px;
position:relative;
max-width:375px;
box-sizing:border-box
}
.customer .complaints .wishList__removeProduct span,
.customer .customerReviews .wishList__removeProduct span,
.customer .wishList .wishList__removeProduct span {
font-size:19px;
color:#939292;
fill:#939292;
position:absolute;
right:-15px;
top:-16px;
padding:15px;
cursor:pointer
}
.customer .complaints .complaints__product,
.customer .complaints .reviews__product,
.customer .complaints .wishList__product,
.customer .customerReviews .complaints__product,
.customer .customerReviews .reviews__product,
.customer .customerReviews .wishList__product,
.customer .wishList .complaints__product,
.customer .wishList .reviews__product,
.customer .wishList .wishList__product {
text-decoration:none;
display:flex;
padding-bottom:35px;
border-bottom:1px solid #e5e5e5
}
.customer .complaints .complaints__product,
.customer .customerReviews .complaints__product,
.customer .wishList .complaints__product {
padding-bottom:10px
}
.customer .complaints .complaints__productDetails,
.customer .complaints .reviews__productDetails,
.customer .complaints .wishList__productDetails,
.customer .customerReviews .complaints__productDetails,
.customer .customerReviews .reviews__productDetails,
.customer .customerReviews .wishList__productDetails,
.customer .wishList .complaints__productDetails,
.customer .wishList .reviews__productDetails,
.customer .wishList .wishList__productDetails {
margin-left:15px;
width:calc(100% - 145px)
}
.customer .complaints .complaints__productDetails span:not(.product__price):not(.min-price-value),
.customer .complaints .reviews__productDetails span:not(.product__price):not(.min-price-value),
.customer .complaints .wishList__productDetails span:not(.product__price):not(.min-price-value),
.customer .customerReviews .complaints__productDetails span:not(.product__price):not(.min-price-value),
.customer .customerReviews .reviews__productDetails span:not(.product__price):not(.min-price-value),
.customer .customerReviews .wishList__productDetails span:not(.product__price):not(.min-price-value),
.customer .wishList .complaints__productDetails span:not(.product__price):not(.min-price-value),
.customer .wishList .reviews__productDetails span:not(.product__price):not(.min-price-value),
.customer .wishList .wishList__productDetails span:not(.product__price):not(.min-price-value) {
display:block;
color:#191616;
font-size:14px;
max-width:100%;
overflow:hidden;
max-height:23px;
font-weight:500;
white-space:nowrap;
text-overflow:ellipsis;
margin-bottom:8px
}
.customer .complaints .complaints__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .complaints .reviews__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .complaints .wishList__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .customerReviews .complaints__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .customerReviews .reviews__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .customerReviews .wishList__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .wishList .complaints__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .wishList .reviews__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice,
.customer .wishList .wishList__productDetails span:not(.product__price):not(.min-price-value).product__previousPrice {
margin-bottom:0;
color:#999fa2;
font-weight:400
}
.customer .complaints .complaints__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .complaints .reviews__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .complaints .wishList__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .customerReviews .complaints__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .customerReviews .reviews__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .customerReviews .wishList__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .wishList .complaints__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .wishList .reviews__productDetails span:not(.product__price):not(.min-price-value).product__name,
.customer .wishList .wishList__productDetails span:not(.product__price):not(.min-price-value).product__name {
max-width:90%
}
.customer .complaints .complaints__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .complaints .reviews__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .complaints .wishList__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .customerReviews .complaints__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .customerReviews .reviews__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .customerReviews .wishList__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .wishList .complaints__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .wishList .reviews__productDetails span:not(.product__price):not(.min-price-value) a,
.customer .wishList .wishList__productDetails span:not(.product__price):not(.min-price-value) a {
color:#191616;
text-decoration:none
}
.customer .complaints .complaints__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .complaints .reviews__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .complaints .wishList__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .customerReviews .complaints__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .customerReviews .reviews__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .customerReviews .wishList__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .wishList .complaints__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .wishList .reviews__productDetails span:not(.product__price):not(.min-price-value) .min-price,
.customer .wishList .wishList__productDetails span:not(.product__price):not(.min-price-value) .min-price {
width:100%;
text-align:left
}
.customer .complaints .complaints__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .complaints .reviews__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .complaints .wishList__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .customerReviews .complaints__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .customerReviews .reviews__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .customerReviews .wishList__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .wishList .complaints__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .wishList .reviews__productDetails span:not(.product__price):not(.min-price-value) .min-price-value,
.customer .wishList .wishList__productDetails span:not(.product__price):not(.min-price-value) .min-price-value {
word-break:break-word;
white-space:break-spaces;
font-size:12px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
letter-spacing:normal;
margin-right:0
}
.customer .complaints .complaints__productDetails .wishList__cartAdd,
.customer .complaints .reviews__productDetails .wishList__cartAdd,
.customer .complaints .wishList__productDetails .wishList__cartAdd,
.customer .customerReviews .complaints__productDetails .wishList__cartAdd,
.customer .customerReviews .reviews__productDetails .wishList__cartAdd,
.customer .customerReviews .wishList__productDetails .wishList__cartAdd,
.customer .wishList .complaints__productDetails .wishList__cartAdd,
.customer .wishList .reviews__productDetails .wishList__cartAdd,
.customer .wishList .wishList__productDetails .wishList__cartAdd {
width:30px;
height:30px;
padding:8px;
justify-content:center;
display:flex;
position:absolute;
bottom:14px;
right:0px
}
.customer .complaints .complaints__productDetails .wishList__cartAdd svg,
.customer .complaints .reviews__productDetails .wishList__cartAdd svg,
.customer .complaints .wishList__productDetails .wishList__cartAdd svg,
.customer .customerReviews .complaints__productDetails .wishList__cartAdd svg,
.customer .customerReviews .reviews__productDetails .wishList__cartAdd svg,
.customer .customerReviews .wishList__productDetails .wishList__cartAdd svg,
.customer .wishList .complaints__productDetails .wishList__cartAdd svg,
.customer .wishList .reviews__productDetails .wishList__cartAdd svg,
.customer .wishList .wishList__productDetails .wishList__cartAdd svg {
fill:#FFFFFF
}
.customer .complaints .complaints__productDetails .wishList__textButton,
.customer .complaints .reviews__productDetails .wishList__textButton,
.customer .complaints .wishList__productDetails .wishList__textButton,
.customer .customerReviews .complaints__productDetails .wishList__textButton,
.customer .customerReviews .reviews__productDetails .wishList__textButton,
.customer .customerReviews .wishList__productDetails .wishList__textButton,
.customer .wishList .complaints__productDetails .wishList__textButton,
.customer .wishList .reviews__productDetails .wishList__textButton,
.customer .wishList .wishList__productDetails .wishList__textButton {
font-size:16px;
position:absolute;
bottom:14px;
color:#191616;
line-height:32px;
letter-spacing:1.4px;
font-weight:500
}
.customer .complaints .complaints__productDetails .wishList__actionButton,
.customer .complaints .reviews__productDetails .wishList__actionButton,
.customer .complaints .wishList__productDetails .wishList__actionButton,
.customer .customerReviews .complaints__productDetails .wishList__actionButton,
.customer .customerReviews .reviews__productDetails .wishList__actionButton,
.customer .customerReviews .wishList__productDetails .wishList__actionButton,
.customer .wishList .complaints__productDetails .wishList__actionButton,
.customer .wishList .reviews__productDetails .wishList__actionButton,
.customer .wishList .wishList__productDetails .wishList__actionButton {
position:absolute;
bottom:14px;
padding:8px 16px;
font-size:12px;
width:calc(100% - 180px)
}
.customer .complaints .complaints__productDetails .complaint__statusText,
.customer .complaints .complaints__productDetails p.reviews__reviewText,
.customer .complaints .reviews__productDetails .complaint__statusText,
.customer .complaints .reviews__productDetails p.reviews__reviewText,
.customer .complaints .wishList__productDetails .complaint__statusText,
.customer .complaints .wishList__productDetails p.reviews__reviewText,
.customer .customerReviews .complaints__productDetails .complaint__statusText,
.customer .customerReviews .complaints__productDetails p.reviews__reviewText,
.customer .customerReviews .reviews__productDetails .complaint__statusText,
.customer .customerReviews .reviews__productDetails p.reviews__reviewText,
.customer .customerReviews .wishList__productDetails .complaint__statusText,
.customer .customerReviews .wishList__productDetails p.reviews__reviewText,
.customer .wishList .complaints__productDetails .complaint__statusText,
.customer .wishList .complaints__productDetails p.reviews__reviewText,
.customer .wishList .reviews__productDetails .complaint__statusText,
.customer .wishList .reviews__productDetails p.reviews__reviewText,
.customer .wishList .wishList__productDetails .complaint__statusText,
.customer .wishList .wishList__productDetails p.reviews__reviewText {
display:none;
line-height:2;
font-size:14px;
margin:10px 0 0 -115px
}
.customer .complaints .complaints__productDetails .complaint__statusText span,
.customer .complaints .reviews__productDetails .complaint__statusText span,
.customer .complaints .wishList__productDetails .complaint__statusText span,
.customer .customerReviews .complaints__productDetails .complaint__statusText span,
.customer .customerReviews .reviews__productDetails .complaint__statusText span,
.customer .customerReviews .wishList__productDetails .complaint__statusText span,
.customer .wishList .complaints__productDetails .complaint__statusText span,
.customer .wishList .reviews__productDetails .complaint__statusText span,
.customer .wishList .wishList__productDetails .complaint__statusText span {
display:inline-block;
font-weight:400
}
.customer .complaints .complaints__productDetails .complaint__statusText span:nth-child(odd),
.customer .complaints .reviews__productDetails .complaint__statusText span:nth-child(odd),
.customer .complaints .wishList__productDetails .complaint__statusText span:nth-child(odd),
.customer .customerReviews .complaints__productDetails .complaint__statusText span:nth-child(odd),
.customer .customerReviews .reviews__productDetails .complaint__statusText span:nth-child(odd),
.customer .customerReviews .wishList__productDetails .complaint__statusText span:nth-child(odd),
.customer .wishList .complaints__productDetails .complaint__statusText span:nth-child(odd),
.customer .wishList .reviews__productDetails .complaint__statusText span:nth-child(odd),
.customer .wishList .wishList__productDetails .complaint__statusText span:nth-child(odd) {
width:111px;
opacity:.5
}
.customer .complaints .complaints__productDetails .complaint__statusText span:nth-child(even),
.customer .complaints .reviews__productDetails .complaint__statusText span:nth-child(even),
.customer .complaints .wishList__productDetails .complaint__statusText span:nth-child(even),
.customer .customerReviews .complaints__productDetails .complaint__statusText span:nth-child(even),
.customer .customerReviews .reviews__productDetails .complaint__statusText span:nth-child(even),
.customer .customerReviews .wishList__productDetails .complaint__statusText span:nth-child(even),
.customer .wishList .complaints__productDetails .complaint__statusText span:nth-child(even),
.customer .wishList .reviews__productDetails .complaint__statusText span:nth-child(even),
.customer .wishList .wishList__productDetails .complaint__statusText span:nth-child(even) {
width:50%
}
.customer .complaints .complaints__productDetails span.complaint__moreDetails,
.customer .complaints .complaints__productDetails span.review__link,
.customer .complaints .reviews__productDetails span.complaint__moreDetails,
.customer .complaints .reviews__productDetails span.review__link,
.customer .complaints .wishList__productDetails span.complaint__moreDetails,
.customer .complaints .wishList__productDetails span.review__link,
.customer .customerReviews .complaints__productDetails span.complaint__moreDetails,
.customer .customerReviews .complaints__productDetails span.review__link,
.customer .customerReviews .reviews__productDetails span.complaint__moreDetails,
.customer .customerReviews .reviews__productDetails span.review__link,
.customer .customerReviews .wishList__productDetails span.complaint__moreDetails,
.customer .customerReviews .wishList__productDetails span.review__link,
.customer .wishList .complaints__productDetails span.complaint__moreDetails,
.customer .wishList .complaints__productDetails span.review__link,
.customer .wishList .reviews__productDetails span.complaint__moreDetails,
.customer .wishList .reviews__productDetails span.review__link,
.customer .wishList .wishList__productDetails span.complaint__moreDetails,
.customer .wishList .wishList__productDetails span.review__link {
font-size:14px;
margin-top:70px;
text-decoration:underline;
font-weight:400;
color:#009141;
fill:#009141;
margin-bottom:0;
cursor:pointer
}
.customer .complaints .complaints__productDetails span.complaint__moreDetails a,
.customer .complaints .complaints__productDetails span.review__link a,
.customer .complaints .reviews__productDetails span.complaint__moreDetails a,
.customer .complaints .reviews__productDetails span.review__link a,
.customer .complaints .wishList__productDetails span.complaint__moreDetails a,
.customer .complaints .wishList__productDetails span.review__link a,
.customer .customerReviews .complaints__productDetails span.complaint__moreDetails a,
.customer .customerReviews .complaints__productDetails span.review__link a,
.customer .customerReviews .reviews__productDetails span.complaint__moreDetails a,
.customer .customerReviews .reviews__productDetails span.review__link a,
.customer .customerReviews .wishList__productDetails span.complaint__moreDetails a,
.customer .customerReviews .wishList__productDetails span.review__link a,
.customer .wishList .complaints__productDetails span.complaint__moreDetails a,
.customer .wishList .complaints__productDetails span.review__link a,
.customer .wishList .reviews__productDetails span.complaint__moreDetails a,
.customer .wishList .reviews__productDetails span.review__link a,
.customer .wishList .wishList__productDetails span.complaint__moreDetails a,
.customer .wishList .wishList__productDetails span.review__link a {
color:#009141
}
.customer .complaints .complaints__productDetails span.complaint__moreDetails .svgIcon,
.customer .complaints .complaints__productDetails span.review__link .svgIcon,
.customer .complaints .reviews__productDetails span.complaint__moreDetails .svgIcon,
.customer .complaints .reviews__productDetails span.review__link .svgIcon,
.customer .complaints .wishList__productDetails span.complaint__moreDetails .svgIcon,
.customer .complaints .wishList__productDetails span.review__link .svgIcon,
.customer .customerReviews .complaints__productDetails span.complaint__moreDetails .svgIcon,
.customer .customerReviews .complaints__productDetails span.review__link .svgIcon,
.customer .customerReviews .reviews__productDetails span.complaint__moreDetails .svgIcon,
.customer .customerReviews .reviews__productDetails span.review__link .svgIcon,
.customer .customerReviews .wishList__productDetails span.complaint__moreDetails .svgIcon,
.customer .customerReviews .wishList__productDetails span.review__link .svgIcon,
.customer .wishList .complaints__productDetails span.complaint__moreDetails .svgIcon,
.customer .wishList .complaints__productDetails span.review__link .svgIcon,
.customer .wishList .reviews__productDetails span.complaint__moreDetails .svgIcon,
.customer .wishList .reviews__productDetails span.review__link .svgIcon,
.customer .wishList .wishList__productDetails span.complaint__moreDetails .svgIcon,
.customer .wishList .wishList__productDetails span.review__link .svgIcon {
margin-bottom:-4px;
transition:300ms
}
.customer .complaints .complaints__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .complaints .complaints__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .complaints .reviews__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .complaints .reviews__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .complaints .wishList__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .complaints .wishList__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .customerReviews .complaints__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .customerReviews .complaints__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .customerReviews .reviews__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .customerReviews .reviews__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .customerReviews .wishList__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .customerReviews .wishList__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .wishList .complaints__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .wishList .complaints__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .wishList .reviews__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .wishList .reviews__productDetails span.review__link .svgIcon.rotateUp-js,
.customer .wishList .wishList__productDetails span.complaint__moreDetails .svgIcon.rotateUp-js,
.customer .wishList .wishList__productDetails span.review__link .svgIcon.rotateUp-js {
transform:rotate(-90deg);
transition:300ms
}
.customer .complaints .complaints__productDetails span.complaint__moreDetails,
.customer .complaints .reviews__productDetails span.complaint__moreDetails,
.customer .complaints .wishList__productDetails span.complaint__moreDetails,
.customer .customerReviews .complaints__productDetails span.complaint__moreDetails,
.customer .customerReviews .reviews__productDetails span.complaint__moreDetails,
.customer .customerReviews .wishList__productDetails span.complaint__moreDetails,
.customer .wishList .complaints__productDetails span.complaint__moreDetails,
.customer .wishList .reviews__productDetails span.complaint__moreDetails,
.customer .wishList .wishList__productDetails span.complaint__moreDetails {
margin-top:30px
}
.customer .complaints .complaints__productDetails span.complaint__link,
.customer .complaints .reviews__productDetails span.complaint__link,
.customer .complaints .wishList__productDetails span.complaint__link,
.customer .customerReviews .complaints__productDetails span.complaint__link,
.customer .customerReviews .reviews__productDetails span.complaint__link,
.customer .customerReviews .wishList__productDetails span.complaint__link,
.customer .wishList .complaints__productDetails span.complaint__link,
.customer .wishList .reviews__productDetails span.complaint__link,
.customer .wishList .wishList__productDetails span.complaint__link {
color:#939292;
fill:#939292;
margin-top:0;
padding:15px;
cursor:pointer;
position:absolute;
top:-17px;
right:-17px
}
.customer .complaints .complaints__productDetails span.complaint__type,
.customer .complaints .reviews__productDetails span.complaint__type,
.customer .complaints .wishList__productDetails span.complaint__type,
.customer .customerReviews .complaints__productDetails span.complaint__type,
.customer .customerReviews .reviews__productDetails span.complaint__type,
.customer .customerReviews .wishList__productDetails span.complaint__type,
.customer .wishList .complaints__productDetails span.complaint__type,
.customer .wishList .reviews__productDetails span.complaint__type,
.customer .wishList .wishList__productDetails span.complaint__type {
font-size:12px;
font-weight:400;
text-transform:uppercase;
display:inline
}
.customer .complaints .complaints__productDetails span.complaint__type>span,
.customer .complaints .reviews__productDetails span.complaint__type>span,
.customer .complaints .wishList__productDetails span.complaint__type>span,
.customer .customerReviews .complaints__productDetails span.complaint__type>span,
.customer .customerReviews .reviews__productDetails span.complaint__type>span,
.customer .customerReviews .wishList__productDetails span.complaint__type>span,
.customer .wishList .complaints__productDetails span.complaint__type>span,
.customer .wishList .reviews__productDetails span.complaint__type>span,
.customer .wishList .wishList__productDetails span.complaint__type>span {
margin-left:2px;
font-size:12px;
font-weight:400;
text-transform:capitalize;
text-overflow:ellipsis;
white-space:nowrap;
display:inline-block;
margin-bottom:-3px;
max-width:50%
}
.customer .complaints .complaints__productDetails .complaint__printout,
.customer .complaints .reviews__productDetails .complaint__printout,
.customer .complaints .wishList__productDetails .complaint__printout,
.customer .customerReviews .complaints__productDetails .complaint__printout,
.customer .customerReviews .reviews__productDetails .complaint__printout,
.customer .customerReviews .wishList__productDetails .complaint__printout,
.customer .wishList .complaints__productDetails .complaint__printout,
.customer .wishList .reviews__productDetails .complaint__printout,
.customer .wishList .wishList__productDetails .complaint__printout {
cursor:pointer
}
.customer .complaints .complaints__productDetails .complaint__printout-icon,
.customer .complaints .reviews__productDetails .complaint__printout-icon,
.customer .complaints .wishList__productDetails .complaint__printout-icon,
.customer .customerReviews .complaints__productDetails .complaint__printout-icon,
.customer .customerReviews .reviews__productDetails .complaint__printout-icon,
.customer .customerReviews .wishList__productDetails .complaint__printout-icon,
.customer .wishList .complaints__productDetails .complaint__printout-icon,
.customer .wishList .reviews__productDetails .complaint__printout-icon,
.customer .wishList .wishList__productDetails .complaint__printout-icon {
margin-left:2px;
width:15px;
height:15px
}
.customer .complaints .wishList__productDetails,
.customer .customerReviews .wishList__productDetails,
.customer .wishList .wishList__productDetails {
min-height:145px
}
.customer .complaints .complaints__image,
.customer .complaints .reviews__image,
.customer .customerReviews .complaints__image,
.customer .customerReviews .reviews__image,
.customer .wishList .complaints__image,
.customer .wishList .reviews__image {
width:160px
}
.customer .complaints .wishList__image,
.customer .customerReviews .wishList__image,
.customer .wishList .wishList__image {
width:130px
}
.customer .complaints .wishList__image img,
.customer .customerReviews .wishList__image img,
.customer .wishList .wishList__image img {
width:auto !important;
max-width:130px
}
.customer .complaints .complaints__image,
.customer .complaints .reviews__image,
.customer .complaints .wishList__image,
.customer .customerReviews .complaints__image,
.customer .customerReviews .reviews__image,
.customer .customerReviews .wishList__image,
.customer .wishList .complaints__image,
.customer .wishList .reviews__image,
.customer .wishList .wishList__image {
position:relative;
margin:0;
height:130px;
padding:0;
text-align:center;
font-size:50px;
color:#e5e5e5;
overflow:hidden
}
.customer .complaints .complaints__image img,
.customer .complaints .reviews__image img,
.customer .complaints .wishList__image img,
.customer .customerReviews .complaints__image img,
.customer .customerReviews .reviews__image img,
.customer .customerReviews .wishList__image img,
.customer .wishList .complaints__image img,
.customer .wishList .reviews__image img,
.customer .wishList .wishList__image img {
height:auto;
max-height:130px;
width:100%;
position:absolute;
top:50%;
transform:translate(-50%, -50%)
}
.customer .complaints .complaints__image svg,
.customer .complaints .reviews__image svg,
.customer .complaints .wishList__image svg,
.customer .customerReviews .complaints__image svg,
.customer .customerReviews .reviews__image svg,
.customer .customerReviews .wishList__image svg,
.customer .wishList .complaints__image svg,
.customer .wishList .reviews__image svg,
.customer .wishList .wishList__image svg {
position:absolute;
top:50%;
transform:translate(-50%, -50%)
}
.customer .complaints span.complaints__lightText,
.customer .customerReviews span.complaints__lightText,
.customer .wishList span.complaints__lightText {
opacity:.5;
font-weight:400;
margin-top:8px
}
.customer .customer__dateHourSpace {
display:inline !important;
padding:0 7px
}
@media screen and (min-width: 600px) {
.customer .customerReviews {
margin-top:20px
}
}
.customer .customerReviews .customer__title {
margin-left:22px
}
.customer .customerPagination {
list-style:none;
margin:0 0 0 22px;
padding:0;
display:flex;
justify-content:center
}
.customer .customerPagination li {
display:inline-block;
margin:0;
color:rgba(25,22,22,.5);
padding:0;
cursor:pointer
}
.customer .customerPagination li.active span {
color:#191616
}
.customer .customer__orderContent {
color:#191616;
position:absolute;
top:0;
background-color:#ffffff;
right:0;
left:0
}
.customer .customer__orderContent .orderContent__setIcon {
margin-bottom:-2px;
fill:#706f6f
}
.customer .customer__orderContent .orderContent__showSet {
display:block;
font-size:14px;
font-weight:400;
cursor:pointer
}
.customer .customer__orderContent .orderContent__productsRow.orderContent__setElement {
display:none;
max-height:159px
}
.customer .customer__orderContent .orderContent__productsRow.orderContent__setElement.elementVisible-js {
animation:showSetAnimation .5s;
animation-fill-mode:both;
display:flex
}
@keyframes showSetAnimation {
from {
height:0
}
to {
height:210px
}
}
@media screen and (min-width: 768px) {
.customer .customer__orderContent {
left:240px;
width:calc(100% - 250px);
z-index:11;
top:125px
}
}
.customer .customer__orderContent .form__input-info[for=defectDate] {
top:-5px;
font-size:11px
}
.customer .customer__orderContent .form__icons {
fill:#009141
}
.customer .customer__orderContent textarea {
height:auto
}
.customer .customer__orderContent .form .form__icon_padding {
padding-left:25px
}
.customer .customer__orderContent .customer__title {
padding-bottom:25px
}
.customer .customer__orderContent .orderContent {
padding:25px;
box-sizing:border-box
}
.customer .customer__orderContent .orderContent__infoBox {
margin-bottom:30px
}
.customer .customer__orderContent .orderContent__infoBox>span {
display:block
}
.customer .customer__orderContent .orderContent__infoBox .orderContent__lightText {
font-size:14px;
color:#adabab;
line-height:2;
font-weight:400
}
.customer .customer__orderContent .orderContent__infoBox .orderContent__lightText .orderContent__boldText {
color:#191616
}
.customer .customer__orderContent .orderContent__productDetails {
font-weight:500;
font-size:14px;
width:calc(100% - 130px)
}
.customer .customer__orderContent .orderContent__productTitle {
display:block;
color:#191616;
font-size:14px;
max-width:100%;
overflow:hidden;
max-height:70px;
font-weight:500;
white-space:nowrap;
text-overflow:ellipsis;
margin-bottom:20px
}
.customer .customer__orderContent .orderContent__productTitle a {
text-decoration:none;
color:#191616;
max-height:20px
}
.customer .customer__orderContent .orderContent__productDetails span.orderContent__productAttributes {
font-size:12px;
color:#a9a7a7;
display:block;
line-height:1.2;
white-space:normal
}
.customer .customer__orderContent .orderContent__productPrice {
display:block
}
.customer .customer__orderContent .orderContent__bottomText {
display:inline-block
}
.customer .customer__orderContent .orderContent__complainBtn {
display:block;
margin:20px 0 5px;
text-decoration:underline;
color:#009141;
fill:#009141;
font-weight:400;
cursor:pointer;
white-space:nowrap
}
.customer .customer__orderContent .orderContent__complainBtn svg {
margin:0 3px -4px 0
}
.customer .customer__orderContent .orderContent__summary div {
display:flex;
justify-content:space-between;
align-items:center;
font-size:14px
}
.customer .customer__orderContent .orderContent__summary div span:nth-child(2) {
font-weight:500
}
.customer .customer__orderContent .orderContent__summary .orderContent__finalPrice {
font-weight:500;
font-size:18px;
margin:40px 0
}
.customer .customer__orderContent .orderContent__status {
margin:37px 0;
font-size:14px;
justify-content:space-between;
display:flex
}
.customer .customer__orderContent .orderContent__status span:first-letter {
text-transform:uppercase
}
.customer .customer__orderContent .orderContent__status span:first-of-type {
color:#a9a7a7
}
.customer .customer__orderContent .orderContent__status span:last-of-type {
color:#009141;
font-weight:500
}
.customer .customer__orderContent .orderContent__btn {
width:100%;
margin:0 0 20px
}
.customer .customer__orderContent .orderContent__productsRow {
border-bottom:1px solid #d1d1d1;
padding:14px 0;
max-height:210px;
box-sizing:border-box;
display:flex
}
.customer .customer__orderContent .orderContent__productsRow.orderContent__titleRow {
height:auto;
padding:0
}
.customer .customer__orderContent .orderContent__productsRow.orderContent__titleRow span:nth-child(2) {
min-width:190px
}
.customer .customer__orderContent .orderContent__productImage {
width:100px;
height:130px;
overflow:hidden;
margin-right:22px;
flex-shrink:0
}
.customer .customer__orderContent .orderContent__productImage img {
width:auto;
min-width:100px;
max-width:100%
}
.customer .customer__orderContent .checkBoxes__container--radio {
display:flex;
justify-content:flex-start;
margin:30px 0 25px -10px
}
.customer .customer__orderContent .orderContent__link {
text-decoration:underline;
color:#009141
}
.customer .customer__orderContent .orderContent__docsToPrint {
font-size:14px;
margin:-10px -4px 23px
}
.customer .customer__orderContent .orderContent__docsToPrint__item {
display:block;
padding:0 0 5px 5px;
margin-bottom:5px
}
.customer .customer__orderContent .orderContent__docsToPrint__item svg {
width:14px;
margin:0 3px -3px 0;
fill:#706f6f
}
.customer .customer__orderContent .form__input-wrapper .quantityField__label {
display:block;
margin-bottom:10px
}
.customer .customer__orderContent .form__input-wrapper.min-js .button-minus-add-product svg {
fill:#ddd;
transition:200ms
}
.customer .customer__orderContent .form__input-wrapper.max-js .button-plus-add-product svg {
fill:#ddd;
transition:200ms
}
.customer .customer__orderContent .form__input-wrapper .button-minus-add-product,
.customer .customer__orderContent .form__input-wrapper .button-plus-add-product {
cursor:pointer;
outline:none;
background-color:#ffffff;
border:none;
color:#191616;
width:55px;
height:55px;
display:inline-block;
font-weight:700;
margin:0
}
.customer .customer__orderContent .form__input-wrapper .button-minus-add-product {
font-size:23px
}
.customer .customer__orderContent .form__input-wrapper .button-minus-add-product svg {
transition:200ms;
margin-bottom:-2px;
fill:#191616
}
.customer .customer__orderContent .form__input-wrapper .button-plus-add-product {
font-size:20px
}
.customer .customer__orderContent .form__input-wrapper .button-plus-add-product svg {
margin-bottom:-2px;
transition:200ms;
fill:#191616
}
.customer .customer__orderContent .form__input-wrapper .quantity-field {
border:1px solid #d1d1d1;
background-color:#ffffff;
color:#191616;
width:70px;
height:55px;
text-align:center;
padding:0;
box-sizing:border-box;
font-size:17px;
font-weight:500;
left:-2px;
margin-right:-4px;
display:inline-block;
position:relative
}
.customer .popupDialog__complain {
overflow:hidden
}
.customer .popupDialog__complain .popupDialog__wrapper {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
max-height:80vh;
overflow-y:scroll
}
.customer .popupDialog__complain .form__input-info[for=defectDate] {
top:-5px;
font-size:11px
}
.customer .popupDialog__complain .form__icons {
fill:#009141
}
.customer .popupDialog__complain textarea {
height:auto
}
.customer .popupDialog__complain .form .form__icon_padding {
padding-left:25px
}
.customer .popupDialog__complain .checkBoxes__container--radio {
display:flex;
justify-content:flex-start;
margin:30px 0 25px -10px
}
.customer .popupDialog__complain .form__input-wrapper .quantityField__label {
display:block;
margin-bottom:10px
}
.customer .popupDialog__complain .form__input-wrapper.min-js .button-minus-add-product svg {
fill:#ddd;
transition:200ms
}
.customer .popupDialog__complain .form__input-wrapper.max-js .button-plus-add-product svg {
fill:#ddd;
transition:200ms
}
.customer .popupDialog__complain .form__input-wrapper .button-minus-add-product,
.customer .popupDialog__complain .form__input-wrapper .button-plus-add-product {
cursor:pointer;
outline:none;
background-color:#ffffff;
border:none;
color:#191616;
width:55px;
height:55px;
display:inline-block;
font-weight:700;
margin:0
}
.customer .popupDialog__complain .form__input-wrapper .button-minus-add-product {
font-size:23px
}
.customer .popupDialog__complain .form__input-wrapper .button-minus-add-product svg {
transition:200ms;
margin-bottom:-2px;
fill:#191616
}
.customer .popupDialog__complain .form__input-wrapper .button-plus-add-product {
font-size:20px
}
.customer .popupDialog__complain .form__input-wrapper .button-plus-add-product svg {
margin-bottom:-2px;
transition:200ms;
fill:#191616
}
.customer .popupDialog__complain .form__input-wrapper .quantity-field {
border:1px solid #d1d1d1;
background-color:#ffffff;
color:#191616;
width:70px;
height:55px;
text-align:center;
padding:0;
box-sizing:border-box;
font-size:17px;
font-weight:500;
left:-2px;
margin-right:-4px;
display:inline-block;
position:relative
}
.customer .complain__product {
display:flex;
margin:35px 0 20px;
padding:12px 0;
border-bottom:1px solid #d1d1d1
}
.customer .complain__product figure svg {
display:none;
visibility:hidden
}
.customer .complain__product figure img {
display:inline-block;
visibility:visible
}
.customer .complain__product figure.noImage-js img {
display:none;
visibility:hidden
}
.customer .complain__product figure.noImage-js svg {
display:inline-block;
visibility:visible;
height:40px;
margin-top:25px
}
.customer .complain__product .complain__productTitle {
font-weight:500;
color:#191616;
display:block;
font-size:14px
}
.customer .complain__product .complain__lightText {
font-weight:400;
color:#adabab;
font-size:13px
}
.customer .complain__product figure {
width:85px;
height:100px;
overflow:hidden;
margin:0 15px 0 0;
display:inline-block
}
.customer .complain__product img {
width:150px;
height:auto
}
.customer .complain__product p {
margin:0
}
.customer .customer__consents {
font-size:14px
}
@media screen and (max-width: 599px) {
.customer .customer__consents {
margin-top:20px
}
}
.customer .customer__consents .primary-action-button,
.customer .customer__consents .secondary-action-button {
display:block;
margin:15px 0 30px;
width:100%
}
.customer .customer__consents ul {
margin:0;
padding:0;
list-style:none
}
.customer .customer__consents li {
line-height:1.8
}
.customer .customer__consents span {
display:block
}
.customer .customer__consents .consentWithdraw__warning {
color:#ce283e;
font-size:12px;
margin-top:15px
}
.customer .customer__consents .consentAccepted__date {
color:#959494
}
.customer .customer__consents .acceptedConsents li {
margin-bottom:30px
}
.customer .customer__consents .consentChannel {
margin-top:10px
}
.customer .customer__consents .consentDetails {
display:none;
margin-bottom:-10px
}
.customer__socialButton {
color:#000;
font-size:14px;
text-transform:uppercase;
font-weight:400;
display:block;
margin-bottom:20px;
padding:17px;
text-align:center;
cursor:pointer;
letter-spacing:1px;
box-shadow:0px 1px 1px 1px #d3d3d3
}
.customer__socialButton:hover {
background-color:#f0f8ff
}
.customer__socialButton__google {
background-color:#fff
}
.customer__socialButton__google .GFbLoginIcon {
margin:0 5px -7px 0;
height:26px;
width:26px
}
.customer__socialButton__facebook {
background-color:#fff
}
.customer__socialButton__facebook .GFbLoginIcon {
margin:0 5px -8px 0;
height:28px;
width:28px
}
@media screen and (min-width: 600px) {
.customer .complaints.complaints__emptySectionMargin {
margin-top:-52px
}
.customer .complaints {
margin-top:-60px
}
}
.customer .showOrder-js {
cursor:pointer
}
.customer .orderContent__additionalInformation .customer__title__attachments {
padding-top:25px;
text-align:left !important
}
.customer .orderContent__additionalInformation .attachmentsFile {
display:block;
text-decoration:none
}
.customer .orderContent__additionalInformation .attachmentsFile .attachmentsFile__name {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:75%;
display:inline-block;
margin-bottom:-9px
}
.customer .orderContent__additionalInformation .attachmentsFile .svgIcon {
margin-bottom:-3px
}
.customer .customer__history {
width:100%;
padding:0 20px;
box-sizing:border-box;
text-align:center
}
.customer .customer__history__row {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
padding-bottom:5px;
border-bottom:1px solid #f2f2f2;
margin-bottom:5px;
font-size:13px;
font-weight:300;
align-items:center
}
.customer .customer__history__row:last-of-type {
border-bottom:none;
margin-bottom:20px
}
.customer .customer__history__rowTitle {
font-size:15px;
width:35%;
text-align:left;
font-weight:400
}
.customer .popupDialog__complain .popupDialog__wrapper {
max-width:700px;
padding-bottom:0
}
.customer .complain__product {
width:40%;
padding:0;
margin:40px 0;
vertical-align:top;
display:inline-block;
border:none
}
.customer .complain__product figure {
width:100%;
height:auto;
margin:0 0 20px
}
.customer .complain__form {
width:calc(60% - 84px);
display:inline-block;
margin:40px
}
.customer .complain__form>strong {
display:block;
margin-bottom:20px
}
.customer .complain__form textarea {
margin-top:10px;
padding:10px
}
.customer .customer__orderContent .checkBoxes__container--radio {
margin-top:0
}
.customer .form__attachement-input-container {
position:relative
}
.customer .form__attachementsLabel--btn {
cursor:pointer
}
.customer .form__attachement-input-container--hidden {
display:none
}
.customer .form__attachement-input-container-attachments {
width:fit-content;
border:1px solid #d1d1d1;
border-radius:20px;
padding:5px 30px 5px 15px;
margin-top:10px
}
.customer .form__attachement-input-container-attachments .addAttachementInComplaint {
display:none;
border:none
}
.customer .form__attachement-input-container-attachments .svgIcon {
vertical-align:text-bottom
}
.customer .form__attachement-input-container-attachments .svgIcon:last-child {
vertical-align:top;
padding-left:4px;
position:relative;
bottom:2px
}
.customer .form__clear-attachement-input {
position:absolute;
top:11px;
cursor:pointer
}
@media screen and (min-width: 769px) {
.customer .closeCustomerMenuButton {
display:none
}
}
.customer .noLabel {
margin-bottom:0 !important
}
.customer .loginSvgA {
top:45px !important;
z-index:8
}
.customer .loginSvgB {
top:25px !important;
z-index:8
}
.customer .banner-discounts__image,
.customer .banner-discounts__image img,
.customer .popupDialog__wrapper,
.customer__contentBox.editSection-js {
border-radius:calc(1*16px) !important
}
.customer__contentBox,
.customer .discounts__value {
border-radius:calc(1*8px) !important
}
.customer .orderContent__productImage img,
.customer .wishList__image img,
.customer .complain__product img,
.customer .complaints__image img,
.customer .reviews__image img,
.customer .quantity-field {
border-radius:calc(1*4px) !important
}
.newsletter1 {
display:flex;
justify-content:space-between;
max-width:1400px;
margin:0 auto;
width:100%;
transition:.4s;
box-sizing:border-box;
padding:42px 0
}
@media screen and (min-width: 971px) {
.newsletter1 {
align-items:flex-start
}
}
@media screen and (max-width: 970px) {
.newsletter1 {
align-items:center
}
}
@media only screen and (max-width: 599px) {
.newsletter1 {
justify-content:center;
flex-wrap:wrap
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter1 {
justify-content:center;
flex-wrap:wrap
}
}
.newsletter1 .checkBoxes__container input+label {
margin-left:-10px
}
.newsletter1 .newsletter1__form>.form__validation-info-js {
margin:5px 0 0
}
@media only screen and (min-width: 1200px) {
.newsletter1-wrapper {
width:100%;
background-color:rgba(45,176,40,0.74);
position: relative;
top: 28%;
}}
@media only screen and (max-width: 599px) {
.newsletter1-wrapper {
width:100%;
background-color:rgba(45,176,40,0.74);
position: relative;
}}
.newsletter1-wrapper .page-padding {
box-sizing:border-box
}
.newsletter1__title {
font-weight:normal;
color:#ffffff;
font-size:24px;
margin-top:0
}
@media only screen and (max-width: 599px) {
.newsletter1__title {
text-align:center;
font-size:18px
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter1__title {
text-align:center;
font-size:18px
}
}
.newsletter1__text {
font-size:14px;
font-weight:300;
color:#ffffff
}
@media only screen and (max-width: 599px) {
.newsletter1__text {
font-size:14px;
text-align:center
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter1__text {
font-size:14px;
text-align:center
}
}
.newsletter1__text-content {
line-height:.9
}
.newsletter1__form {
margin-bottom:0
}
@media screen and (min-width: 971px) {
.newsletter1__form {
width:60%
}
}
@media screen and (max-width: 970px) {
.newsletter1__form {
width:65%
}
}
.newsletter1__form .newsletter1__input-container {
max-width:495px;
width:calc(100% - 205px);
height:50px;
padding:25px;
box-sizing:border-box
}
.newsletter1__form-wrapper {
display:flex;
flex-direction:row-reverse;
flex-wrap:wrap
}
.newsletter1__form-wrapper .form__invalidEmail {
width:100%;
margin-top:5px
}
@media screen and (min-width: 971px) {
.newsletter1__form-wrapper .form__invalidEmail {
margin-left:35px
}
}
@media screen and (max-width: 970px) {
.newsletter1__form-wrapper .form__invalidEmail {
margin-left:0
}
}
.newsletter1__input-container input[type=email] {
color:#000000;
font-size:14px;
border:1px solid #F2F2F2;
box-sizing:border-box;
margin:0;
outline:none;
max-width:unset !important;
width:calc(100% - 245px);
padding:15px 20px 14px;
background-color:#FFFFFF;
text-align:left;
float:right
}
.newsletter1__btn-subscribe {
padding:15px 12px;
height:50px;
min-width:200px;
display:inline-block;
box-sizing:border-box;
font-size:14px;
float:right;
margin-left:10px
}
.newsletter1-warning {
color:red;
font-size:12px;
display:block;
z-index:-1;
margin:5px 0
}
.newsletter1-warning.email {
z-index:1;
position:absolute
}
@media only screen and (max-width: 599px) {
.newsletter1-warning.email {
text-align:left;
position:relative;
width:80%;
padding-left:0
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter1-warning.email {
padding-left:6%
}
}
@media only screen and (min-width: 2400px) {
.newsletter1-warning.email {
padding-left:1%
}
}
.newsletter1__consents {
margin-top:15px;
font-size:14px;
transition:max-height .2s ease-out;
overflow:hidden;
color:#ffffff
}
@media screen and (min-width: 971px) {
.newsletter1__consents {
float:left;
max-width:calc(100% - 35px);
margin-left:35px
}
}
@media screen and (max-width: 970px) {
.newsletter1__consents {
max-width:700px;
float:right
}
}
.newsletter1__consents .consentsList a,
.newsletter1__consents .checkBoxes__container input+label {
color:#ffffff
}
.newsletter1__consents-list {
list-style-type:none;
padding:0
}
.newsletter1__consents__channels-list {
list-style-type:none;
margin-top:5px
}
.newsletter1__consents-required {
font-size:12px;
font-weight:300;
margin:6px 0 6px 42px
}
.newsletter1__consents__checkbox-label {
cursor:pointer
}
@media only screen and (max-width: 599px) {
.newsletter1__consents {
font-size:12px;
margin:0
}
}
@media only screen and (min-width: 600px)and (max-width: 768px) {
.newsletter1__consents {
font-size:12px
}
}
@media screen and (max-width: 970px) {
.newsletter1 {
flex-direction:column
}
.newsletter1>div {
margin-bottom:20px
}
.newsletter1 .newsletter1__form {
display:grid;
margin:0 auto;
grid-auto-rows:auto
}
.newsletter1 .newsletter1__form .newsletter1__input-container {
width:100%;
display:block;
margin:0 auto
}
.newsletter1 .newsletter1__btn-subscribe {
display:block;
margin:20px auto 0;
width:200px;
order:2;
float:right
}
.newsletter1 .newsletter1__form>.form__validation-info-js {
margin:5px auto 0;
width:100%;
max-width:495px
}
}
@media screen and (max-width: 360px) {
.newsletter1 {
padding:42px 5px
}
}
.newsletter1 .showConsents-js {
border-radius:calc(1*8px) !important
}
.regulations.container {
max-width:1400px;
width:100%;
text-align:left
}
.regulations .content {
padding:40px 12%;
font-size:13px
}
.regulations .content h2 {
font-weight:100;
font-size:1.8em
}
.regulations .content .files__title {
font-size:1.15em;
margin:2em 0 .5em;
font-weight:500
}
.regulations .content h3 {
font-size:1.15em;
margin:2em 0 .5em;
font-weight:500
}
.regulations .content p {
margin:1.5em 0 .2em;
word-break:break-word
}
.regulations .content ul {
margin:5px 0 15px;
padding:0 15px
}
.regulations .content ol {
margin:5px 0 15px;
padding:0 15px
}
.regulations .content img {
width:100%;
height:auto;
max-width:100%
}
.regulations span.date {
font-size:.82em
}
.regulations aside.files {
margin-top:25px
}
@media only screen and (max-width: 800px) {
.regulations.container {
text-align:left
}
.regulations .content {
padding:20px 9%
}
}
@media only screen and (min-width: 900px) {
.regulations {
display:flex
}
}
.regulations-sizeTable.sizeTable .heading {
text-transform:uppercase;
margin-top:50px !important;
color:#191616;
word-break:break-word;
font-size:18px
}
.regulations-sizeTable.sizeTable .heading-bottom {
font-size:16px;
margin-top:40px !important
}
.regulations-sizeTable.sizeTable .text {
color:#191616;
word-break:break-word;
margin-bottom:20px !important;
font-size:15px
}
.regulations-sizeTable.sizeTable .text-bottom {
font-size:13px
}
.regulations-sizeTable.sizeTable .table {
margin:0 auto;
border-collapse:collapse;
border-spacing:0;
width:100%
}
.regulations-sizeTable.sizeTable .table-firstRow td {
background-color:#b0b0b0
}
.regulations-sizeTable.sizeTable .table tr:not(.table-firstRow) td.table-firstCol {
background-color:#dadada
}
.regulations-sizeTable.sizeTable .table tr:not(.table-firstRow) td:not(.table-firstCol) {
background-color:#fff
}
.regulations-sizeTable.sizeTable .table td {
border:1px solid #000;
text-align:center;
line-height:20px;
height:40px;
width:auto;
padding:0 10px;
color:#000;
font-size:16px
}
@media screen and (min-width: 370px) {
.regulations-sizeTable.sizeTable .table td {
min-width:80px
}
}
.regulations-sizeTable img {
display:block;
margin:30px auto 60px;
height:auto !important;
width:auto !important;
max-width:80% !important
}
.container-blog {
background:#ffffff;
max-width:1400px;
margin:40px auto 0 auto
}
.container-blog a {
text-decoration:none
}
.container-blog .product-list__paginationSelect {
position:relative
}
.container-blog .firstPost {
display:flex;
width:100%;
margin:0 0 60px 0
}
.container-blog .firstPost__post {
width:100%;
display:flex
}
.container-blog .firstPost__post .data-container {display:flex;flex-direction:column;width: 90%;height:auto;padding: 30px 0 30px 10px;}
.container-blog .firstPost__post .data-container .content {color: #000;font-size:18px;font-style:normal;font-weight:400;line-height:26px;word-break:break-word}
.container-blog .firstPost__post .data-container .tags {
display:flex;
position:relative;
margin-top:auto
}
.container-blog .firstPost__post .data-container .tags .tag {text-align:left;font-size:14px;padding-top:10px;color: #000;}
.container-blog .firstPost__post .data-container .tags .dot {
margin:0 2px;
vertical-align:super
}
.container-blog .firstPost__post .data-container .title {font-weight: 600;text-align:left;font-size:30px;color:#191616;line-height:36px;letter-spacing:1.2px;text-overflow:ellipsis;overflow:hidden;margin:0 0 30px 0}
.container-blog .firstPost__post .data-container .title:hover {
cursor:pointer
}
.container-blog .firstPost__post .image-container {display: block;height:auto;width: 46.7%;}
.container-blog .firstPost__post .image-container a {overflow:hidden;display: flex;justify-content: left;align-items: left;width: 131%;}
.container-blog .firstPost__post .image-container a .image {
max-width:70%;
max-height:100%;
width:100%;
height:auto
}
.container-blog .allPosts {
width:100%;
height:14px;
border-bottom:1px solid #d1d1d1;
text-align:center;
margin:35px 0 50px 0;
word-break:break-word
}
.container-blog .allPosts .text {
padding:0 20px;
background-color:#ffffff;
font-size:24px
}
.container-blog .otherPosts {
width:100%;
display:flex;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
flex-flow:row wrap;
align-items:normal
}
.container-blog .otherPosts__post {
height:auto;
margin-bottom:70px;
width:31%
}
.container-blog .otherPosts__post .image-container {
width:100%;
height:auto
}
.container-blog .otherPosts__post .image-container a {
overflow:hidden;
display:flex;
justify-content:center;
align-items:center
}
.container-blog .otherPosts__post .image-container a .image {width:100%;/* height:240px; *//* max-height:240px; */}
.container-blog .otherPosts__post .data-container {
display:flex;
flex-direction:column;
padding:10px 0 0px 0px
}
.container-blog .otherPosts__post .data-container .title {font-weight: 600;text-align:left;font-size: 22px;color:#191616;line-height: 28px;letter-spacing:1.2px;text-overflow:ellipsis;overflow:hidden;margin:0 0 10px 0}
.container-blog .otherPosts__post .data-container .title:hover {
cursor:pointer
}
.container-blog .otherPosts__post .data-container .content {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color: #000;font-size:14px;font-style:normal;font-weight:400;line-height:26px;word-break:break-word}
.container-blog .otherPosts__post .data-container .tags {
display:flex;
position:relative;
margin-top:auto
}
.container-blog .otherPosts__post .data-container .tags .tag {text-align:left;font-size:14px;padding-top:10px;color: #000;}
.container-blog .otherPosts__post .data-container .tags .dot {
margin:0 2px;
vertical-align:super
}
.container-blog .otherPosts__post .nextPage {
display:flex;
width:100%;
height:200px;
transition:200ms;
justify-content:center;
align-items:center
}
.container-blog .otherPosts__post .nextPage .nextPage_text {
text-align:center;
font-size:20px;
margin:0 auto;
height:auto;
font-weight:600;
background-color:#F4F4F4;
color:#191616;
display:inline-block;
padding:10px 5px 10px 10px
}
.container-blog .otherPosts__post .nextPage .nextPage_text svg {
fill:#191616;
width:20px;
height:20px;
vertical-align:middle
}
.container-blog .otherPosts__post .nextPage .nextPage_text:hover {
background-color:#009141;
color:#FFFFFF;
cursor:pointer
}
.container-blog .otherPosts__post .nextPage .nextPage_text:hover svg {
fill:#FFFFFF
}
.container-blog .pagination-container {
width:100%;
display:flex;
justify-content:space-between;
margin:0 0 30px 0
}
.container-blog .pagination-container .pagination {
margin:0;
list-style:none;
padding:0 0 10px 0;
display:inline-flex;
justify-content:center
}
.container-blog .pagination-container .pagination .pagination__mobile-icon {
margin-top:3px !important
}
.container-blog .pagination-container .product-list__pagination .pagination__link {
border:none;
margin:0 5px
}
.container-blog .pagination-container .product-list__pagination .pagination__link--active {
background-color:unset !important
}
.container-blog .pagination-container .product-list__pagination .pagination__link--active a span {
font-weight:900
}
.container-blog .pagination-container .product-list__pagination .pagination__link a span {
color:#009141;
font-size:14px;
line-height:1.71;
letter-spacing:1.2px
}
.container-blog .pagination-container .product-list__pagination .pagination__link-dots {
color:#009141;
padding-top:2px
}
.container-blog .pagination-container .articlesCount__title {
color:#191616
}
@media screen and (min-width: 769px) {
.container-blog .pagination__desktopHide {
display:none
}
}
.container-blog .productsList__products--bottom--currentPage {
width:60px;
height:40px;
border:1px solid #d1d1d1;
color:#191616;
font-size:14px;
font-weight:normal;
line-height:1.71;
letter-spacing:1.2px;
text-align:center;
padding:8px 30px 8px 15px;
margin-left:15px;
position:relative;
cursor:pointer
}
.container-blog .productsList__products--bottom--currentPage svg {
fill:#706f6f;
position:absolute;
top:10px;
transform:rotate(90deg);
right:5px
}
.container-blog .productsList__products--bottom--selectPage {
display:none;
list-style-type:none;
transition:opacity 600ms,visibility 600ms;
z-index:10;
position:absolute;
right:0;
max-height:500px;
box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
z-index:1;
overflow-y:auto;
width:70px;
padding:10px 15px
}
.container-blog .productsList__products--bottom--selectPage li {
width:100%;
padding:5px 0;
text-align:center;
color:#191616
}
.container-blog .productsList__products--bottom--selectPage li:hover {
color:#009141
}
.container-blog .productsList__products--bottom--selectPage .selectedOption {
font-weight:600 !important
}
.container-blog .productsList__products--bottom--selectPage .selectedOption:hover {
color:#191616 !important
}
.container-blog img,
.container-blog .recentPost-read,
.container-blog .nextPage_text,
.container-blog .productsList__products--bottom--selectPage,
.container-blog .productsList__products--bottom--currentPage {
border-radius:calc(1*8px) !important
}
@media screen and (max-width: 768px) {
.container-blog .firstPost {
display:block;
width:auto;
margin:0 35px 10px 35px
}
.container-blog .firstPost .firstPost__post {
margin-bottom:70px;
display:block;
width:100%
}
.container-blog .firstPost .firstPost__post .image-container {width: 100%;height:auto}
.container-blog .firstPost .firstPost__post .image-container a {overflow:hidden;display:flex;justify-content: left;align-items: left;}
.container-blog .firstPost .firstPost__post .image-container a .image {width: 100%;height:auto;max-height: 100%;}
.container-blog .firstPost .firstPost__post .data-container {
display:flex;
flex-direction:column;
padding:10px 0 0px 0px;
width:100%
}
.container-blog .firstPost .firstPost__post .data-container .title {font-weight: 600;text-align:left;font-size: 22px;color:#191616;line-height:24px;letter-spacing:1.2px;text-overflow:ellipsis;overflow:hidden;margin:0 0 10px 0}
.container-blog .firstPost .firstPost__post .data-container .title:hover {
cursor:pointer
}
.container-blog .firstPost .firstPost__post .data-container .content {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color: #000;font-size:14px;font-style:normal;font-weight:400;line-height:26px;word-break:break-word}
.container-blog .firstPost .firstPost__post .data-container .tags {
display:flex;
position:relative;
margin-top:auto
}
.container-blog .firstPost .firstPost__post .data-container .tags .tag {text-align:left;font-size:14px;padding-top:10px;color: #000;}
.container-blog .firstPost .firstPost__post .data-container .tags .dot {
margin:0 2px;
vertical-align:super
}
.container-blog {
width:100%
}
.container-blog .allPosts .text {
font-size:20px
}
.container-blog .otherPosts {
display:block;
width:auto;
margin:0 35px 10px 35px
}
.container-blog .otherPosts__post {
width:100%;
height:auto
}
.container-blog .otherPosts__post .image-container {
width:100%;
height:auto
}
.container-blog .otherPosts__post .image-container .image {
max-width:100%;
display:block;
height:240px;
max-height:240px
}
.container-blog .otherPosts__post .image-container .nextPage {
display:none
}
.pagination-container {
font-size:14px !important
}
.pagination-container .product-list__pagination {
display:block;
margin:0 auto
}
.pagination-container .pagination {
margin:auto;
width:auto
}
.pagination-container .pagination__link:not(.pagination__mobile) {
display:none
}
.pagination-container .pagination__mobile {
display:block;
text-align:center;
margin:0;
width:20px;
height:20px
}
.pagination-container .pagination__mobile a {
width:20px;
height:20px
}
.pagination-container .pagination__mobile a * {
width:20px;
height:20px
}
.pagination-container .pagination__mobile a span {
display:inline-block
}
.pagination-container .pagination__mobile svg {
width:20px;
height:20px
}
.pagination-container .pagination__mobile-last a span {
margin-bottom:2px
}
.pagination-container .pagination__mobile-icon:first-of-type svg {
margin-bottom:5px
}
.pagination-container .pagination__mobile-icon {
margin-left:0 !important;
margin-right:0 !important
}
.pagination-container .pagination__mobile-last>a>span {
color:#191616 !important
}
.pagination-container .pagination__mobile-current {
color:#009141 !important
}
}
@media screen and (max-width: 768px) {
.container-blog .product-list__paginationSelect {
display:none
}
.container-blog .pagination-container .articlesCount {
display:none
}
.container-blog .pagination-container {
justify-content:center
}
}
.allPosts-mobile {
visibility:hidden;
display:none
}
.container-post {
background:#ffffff;
max-width:1400px;
margin:40px auto 0 auto
}
.container-post .breadcrumbs-blog {
visibility:visible;
width:100% !important;
padding:0;
margin:0;
font-size:15px
}
.container-post a {
text-decoration:none
}
.container-post .allPosts {
color:#009141;
vertical-align:middle;
display:inline-flex
}
.container-post .allPosts:hover {
cursor:pointer
}
.container-post .allPosts svg {
fill:#009141
}
.container-post .info-container {
margin-top:40px;
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:row
}
@media screen and (min-width: 769px) {
.container-post .info-container:not(.info-container-no-picture) {
width:calc(100% - (46% + 25px))
}
}
@media screen and (min-width: 769px) {
.container-post .info-container-no-picture {
width:100%;
justify-content:flex-start
}
.container-post .info-container-no-picture .socialmedia {
margin-left:60px
}
}
.container-post .title {
width:100%;
margin-top:40px;
display:block;
font-size:38px;
color:#191616;
font-weight:600;
word-break:break-word;
margin-bottom:0px
}
.container-post .date {
display:block;
font-size:15px;
color:#706f6f
}
.container-post .socialmedia {
display:flex;
align-items:center;
justify-content:flex-end;
margin-top:1px
}
.container-post .socialmedia-header {
font-size:16px;
font-weight:bold;
font-stretch:normal;
font-style:normal;
line-height:1.71;
letter-spacing:1.2px;
color:#191616;
display:block
}
.container-post .socialmedia a {
display:block;
width:17px;
height:17px;
margin-left:20px;
margin-top:-2px;
cursor:pointer
}
.container-post .socialmedia a svg {
fill:#191616;
transition:300ms;
width:17px;
height:17px
}
@media screen and (min-width: 769px) {
.container-post .socialmedia a:hover svg {
fill:#009141
}
}
@media screen and (max-width: 768px) {
.container-post .socialmedia a:active svg {
fill:#009141
}
}
.container-post .post {
width:100%;
margin-top:40px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between
}
.container-post .post__textContainer {
width:100%
}
.container-post .post__textContainer__tags {
width:46%;
position:relative;
display:inline-flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
flex-flow:row wrap;
margin-bottom:40px;
margin-left:0
}
.container-post .post__textContainer__tags__tag {
background-color:#f2f2f2;
font-size:12px;
color:#706f6f;
width:auto;
padding:5px 10px;
margin:0 10px 10px 0
}
.container-post .post__textContainer__content {
height:auto;
width:100% !important;
float:none !important;
margin-bottom:30px;
word-break:break-word
}
.container-post .post__textContainer__content p span {
color:#191616 !important
}
.container-post .post__textContainer__content>* {
word-break:break-word !important
}
.container-post .post__textContainer .post__imageContainer {
width:46%;
float:right;
display:inline-block;
margin-left:25px;
margin-bottom:5px
}
.container-post .post__textContainer .post__imageContainer .image {
width:100%;
height:auto
}
.container-post .nextPost {
color:#009141;
display:inline-block;
margin:0 20px 40px 0;
font-size:15px
}
.container-post .nextPost:hover {
cursor:pointer
}
.container-post .nextPost svg {
vertical-align:middle;
fill:#009141
}
.container-post .image {
border-radius:calc(1*16px) !important
}
.container-post .post__textContainer__tags__tag {
border-radius:calc(1*4px) !important
}
@media screen and (max-width: 1023px) {
.container-post .info-container {
width:100%
}
}
@media screen and (max-width: 768px) {
.breadcrumbs-blog {
visibility:hidden;
display:none
}
.allPosts-mobile {
visibility:visible;
display:inline-flex;
height:110px;
width:100%;
margin-top:30px;
background-color:#F4F4F4;
font-weight:600
}
.allPosts-mobile .allPosts-mobile-text {
vertical-align:middle;
padding:50px 0 0 20px
}
.allPosts-mobile .allPosts-mobile-text svg {
vertical-align:middle;
fill:#191616
}
.container-post {
width:100%;
display:block;
height:auto;
margin-bottom:40px
}
.container-post .allPosts {
visibility:hidden;
display:none
}
.container-post .title {
width:calc(100% - 40px);
padding:0 20px 0 20px;
word-wrap:break-word;
font-size:20px
}
.container-post .info-container {
width:calc(100% - 40px);
margin:40px auto
}
.container-post .info-container .date {
font-size:15px
}
.container-post .info-container .socialmedia-header {
display:none
}
.container-post .post {
flex-direction:column-reverse
}
.container-post .post__textContainer {
width:calc(100% - 40px);
padding:0 20px 0 20px
}
.container-post .post__textContainer__tags {
width:auto;
margin:10px 0
}
.container-post .post__content {
word-wrap:break-word
}
.container-post .post__content div,
.container-post .post__content h2,
.container-post .post__content h3,
.container-post .post__content p {
overflow:hidden;
line-height:1.6
}
.container-post .post__imageContainer {
width:100% !important;
margin:0 auto 5px;
clear:both
}
.container-post .post__imageContainer .image {
margin:10px 0;
height:auto;
max-height:none;
max-width:100%
}
.container-post #prevPost {
float:left;
margin-left:20px
}
.container-post #nextPost {
float:right
}
}
@media screen and (max-width: 374px) {
.container-post .info-container {
flex-direction:column;
margin:40px 20px 0;
align-items:flex-start
}
.container-post .info-container .socialmedia {
margin-top:20px
}
.container-post .info-container .socialmedia a {
margin-left:0;
margin-right:20px
}
}
.form__input-info-select {
margin:5px 5px 10px 0;
font-weight:400;
padding:3px 10px;
display:inline-block;
cursor:pointer;
transition:200ms;
color:#191616;
background-color:unset;
border-bottom:1px solid #d1d1d1
}
.form__input-info-select text {
font-weight:400;
color:#191616
}
.form__input-info-select svg {
right:0;
position:absolute;
fill:#009141
}
.form__input-info-select .contact-list {
list-style:none;
transition:opacity 600ms,visibility 600ms;
z-index:10;
position:absolute;
display:none;
background-color:#ffffff;
box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
z-index:1;
overflow-y:auto;
max-height:190px;
min-width:220px;
padding:10px 15px
}
.form__input-info-select .contact-list li {
background-color:#ffffff;
transition:all 300ms ease;
color:#191616;
cursor:pointer;
font-size:14px;
font-weight:400;
text-align:left;
margin-top:5px;
padding:12px;
text-decoration:none
}
.form__input-info-select .contact-list li:hover {
color:#009141
}
.form__input-info-select .contact-list li:hover label {
color:#009141
}
.form__input-info-select:hover {
border-bottom:1px solid #009141
}
.form__input-info-select:hover label {
color:#009141 !important
}
.error-input-department {
border-bottom:1px solid #ce283e !important
}
.contactSection {
width:85%;
max-width:1400px;
margin:150px auto
}
.contactSection__grid {
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:150px 100px
}
.contactSection__cell__form {
justify-self:end
}
.contactSection__cell__form.noMap {
grid-area:1/2/2/3;
justify-self:start
}
.contactSection__cell__banner .contactSection__contactData {
margin-top:80px
}
.contactSection .contact-form__submit {
width:100%;
display:block;
box-sizing:border-box;
margin-bottom:-11px
}
.contactSection .titleBox__title {
display:flex;
align-items:center;
justify-content:center;
background:#ffffff;
width:calc(100% - 80px);
height:80px;
box-sizing:border-box;
padding:30px;
text-align:center
}
.contactSection .titleBox__arrowContainer {
background:#ffffff;
height:80px;
width:80px;
box-sizing:border-box;
padding:32px 0;
text-align:center
}
.contactSection .titleBox__arrowContainer svg {
width:15px;
height:15px
}
.contactSection__imgContainer {
position:relative;
background-color:#ffffff;
width:100%
}
.contactSection__imgContainer img {
width:100%;
height:auto
}
.contactSection__imgContainer__titleBox {
position:absolute;
width:60%;
bottom:4px;
right:0;
display:flex
}
.contactSection__imgContainer--imgText {
position:absolute;
top:52%;
left:50%;
transform:translate(-50%, -50%);
width:90%;
height:100%;
word-wrap:break-word
}
.contactSection__mapContainer {
background:#ffffff;
width:100%;
height:100%;
min-height:500px
}
.contactSection__title {
font-size:40px;
font-weight:300;
margin-bottom:80px
}
.contactSection__contactData {
display:flex;
flex-direction:row;
flex-wrap:wrap
}
.contactSection__contactData>div {
width:50%;
display:flex;
box-sizing:border-box;
margin-bottom:40px
}
.contactSection__contactData>div.fullWidth {
width:100%
}
.contactSection__contactData .contactData__icon {
padding-right:18px
}
.contactSection__contactData .contactData__icon svg {
margin-bottom:-3px
}
.contactSection__contactData .contactData__icon--rotate {
margin-right:18px;
padding-right:0px;
-moz-transform:scaleX(-1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform:scaleX(-1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform:scaleX(-1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform:scaleX(-1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform:scaleX(-1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg)
}
.contactSection__contactData .contactData__content {
font-size:14px;
line-height:2;
color:#706f6f;
margin-top:-5px
}
.contactSection__contactData .contactData__content a {
color:#706f6f;
text-decoration:none
}
.contactSection .contactForm {
max-width:460px
}
.contactSection .contactForm.form input,
.contactSection .contactForm.form select,
.contactSection .contactForm.form textarea {
border-color:#d1d1d1;
color:#191616;
padding-left:10px
}
.contactSection .contactForm.form input:focus,
.contactSection .contactForm.form select:focus,
.contactSection .contactForm.form textarea:focus {
border-color:#5a6a56
}
.contactSection .contactForm .form__input-textareaInfo {
top:-14px
}
.contactSection .contactForm .form__input-textareaWrapper {
margin-top:32px
}
.contactSection .contactForm textarea {
border:1px solid;
padding:15px 20px;
height:170px
}
.contactSection .contactForm textarea:focus {
border:1px solid #5a6a56
}
.contactSection .contactForm .checkBoxes__container {
margin:-5px 0 2px
}
.contactSection .contactForm .checkBoxes__container input:checked+label .checkBoxes__checkIcon {
left:2px
}
.contactSection .contactForm .checkBoxes__container input+label:before {
left:0
}
.contactSection .contactForm .checkBoxes__container input+label {
padding:10px 10px 10px 27px
}
.contactSection .contactForm .custom-checkbox {
width:19px;
height:19px
}
.contactSection .form__checkbox__sendCopy {
font-size:14px;
font-weight:500
}
.contactSection select {
padding-right:15px;
padding-left:10px
}
.contactSection .form__attachementsLabel--btn {
cursor:pointer
}
.contactSection .form__attachement-input-container--hidden {
display:none
}
.contactSection .form__attachement-input-container-attachments {
width:fit-content;
border:1px solid #d1d1d1;
border-radius:20px;
padding:5px 15px;
margin-top:10px
}
.contactSection .form__attachement-input-container-attachments .addAttachementInContact {
display:none;
border:none
}
.contactSection .form__attachement-input-container-attachments .svgIcon {
vertical-align:middle
}
.contactSection__imgContainer,
.contactSection__imgContainer img,
.contactSection__imgContainer__titleBox {
border-radius:calc(1*16px) !important
}
.contactSection .titleBox__title {
border-top-left-radius:calc(1*16px) !important;
border-bottom-left-radius:calc(1*16px) !important
}
.contactSection .titleBox__arrowContainer {
border-top-right-radius:calc(1*16px) !important;
border-bottom-right-radius:calc(1*16px) !important
}
@media only screen and (max-width: 1000px) {
.contactSection {
margin:100px auto
}
.contactSection__cell__map {
grid-area:2/1/3/4
}
.contactSection__cell__banner .contactSection__imgContainer,
.contactSection__cell__banner.hide-on-mobile {
display:none
}
.contactSection__grid {
grid-gap:100px 20px
}
.contactSection__contactData>div {
width:100%
}
}
.bannerName {
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
margin:0;
font-size:30px;
color:gray
}
@media only screen and (min-width: 490px) {
.reminder-container {
width:30rem
}
}
.reminder-container {
height:auto;
background-color:#ffffff;
color:#191616;
box-sizing:border-box;
margin:0 auto;
padding:8rem 3rem 22rem
}
.reminder-container .svgIcon {
fill:#191616
}
.reminder-container .reminder-header {
color:#191616;
text-align:center;
margin:0;
font-weight:300;
font-size:32px;
display:block
}
.reminder-container .reminder-info {
margin:1.5rem 0 4rem 0;
color:#191616;
opacity:.65;
text-align:center
}
.reminder-container .primary-action-button {
margin:0 auto 2.5rem;
width:100%;
box-sizing:border-box;
padding:.8rem 0;
display:block;
height:auto
}
.reminder-container .form__icons {
top:20px
}
.form__preview svg {
fill:#009141
}
.product-item__cartPopup {
width:100vw;
height:100%;
position:fixed;
background-color:rgba(0,0,0,.5);
top:50%;
transform:translateY(-50%);
left:0;
z-index:101;
margin-top:0
}
.product-item__cartPopup--container {
overflow-y:auto;
padding:30px 50px;
width:720px;
top:50%;
left:50%;
transform:translate(-50%, -50%);
position:fixed;
background-color:#ffffff;
max-height:85vh
}
.product-item__cartPopup--container header {
font-size:24px;
line-height:32px;
letter-spacing:1.4px;
font-weight:500;
margin-bottom:30px
}
.product-item__cartPopup--closePopup {
position:absolute;
top:30px;
right:30px;
fill:#191616
}
.product-item__cartPopup--closePopup:hover {
cursor:pointer;
fill:#009141
}
.product-item__cartPopup .product-details,
.product-item__cartPopup .productDetails {
margin:0 !important
}
.product-item__cartPopup .product-details-wrapper,
.product-item__cartPopup .productDetails-wrapper {
display:block;
margin:unset
}
.product-item__cartPopup .product-details__add-to-cart,
.product-item__cartPopup .productDetails__add-to-cart {
width:100%;
padding:unset;
box-sizing:content-box
}
.product-item__cartPopup .product-details-details--productName,
.product-item__cartPopup .product-details__name,
.product-item__cartPopup .productDetails-details--productName,
.product-item__cartPopup .productDetails__name {
font-size:16px;
margin:0px 0px 16px 0px;
margin-top:0px;
margin-bottom:16px;
letter-spacing:1.8px;
line-height:24px;
font-weight:700
}
.product-item__cartPopup .product-details .productDetails-attributes,
.product-item__cartPopup .productDetails .productDetails-attributes {
margin-top:20px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group {
min-height:unset;
margin:unset;
display:flex;
flex-direction:row;
align-items:center;
flex-wrap:wrap
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group.units-container,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group.units-container {
margin-top:10px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group.units-container .attribute-name,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group.units-container .attribute-name {
margin-bottom:0px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group.units-container input.unitId,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group.units-container input.unitId {
margin-bottom:0px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attribute-name,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attribute-name {
width:30%;
margin:0px 0px 10px 0px;
white-space:wrap
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attribute-name.quantity-title,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attribute-name.quantity-title {
margin-bottom:0px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .quantity-field,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .quantity-field {
width:69px;
height:50px;
border-right:none;
border-left:none;
position:initial;
margin:unset
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .quantity-field:focus,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .quantity-field:focus {
border-top:2px solid #eee;
border-bottom:2px solid #eee
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .button-minus-add-product,
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .button-plus-add-product,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .button-minus-add-product,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .button-plus-add-product {
width:50px;
height:50px;
border:2px solid #eee;
font-size:18px;
line-height:26px;
transition:300ms
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .button-minus-add-product:hover,
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .button-plus-add-product:hover,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .button-minus-add-product:hover,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .button-plus-add-product:hover {
border:2px solid #009141
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .button-minus-add-product:hover svg,
.product-item__cartPopup .product-details .productDetails-attributes .input-group .product-details__quantity .button-plus-add-product:hover svg,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .button-minus-add-product:hover svg,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .product-details__quantity .button-plus-add-product:hover svg {
fill:#009141
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attributes-select.button-option.attributeId,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attributes-select.button-option.attributeId {
width:60%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
padding:0px;
margin:0px 0px 10px 0px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attributes-select.button-option.attributeId .button-option,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attributes-select.button-option.attributeId .button-option {
height:50px;
padding:0px 15px;
display:flex;
align-items:center;
justify-content:center;
margin:0px 5px 10px 0px;
line-height:1.71;
letter-spacing:1.2px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attributes-select.button-option.attributeId .button-option.button-option-variants,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attributes-select.button-option.attributeId .button-option.button-option-variants {
height:auto
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attributes-select.button-option.attributeId.units-container,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attributes-select.button-option.attributeId.units-container {
margin-top:10px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attr-poly,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attr-poly {
display:flex;
flex-direction:row;
align-items:center;
width:100%;
min-height:75px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attr-poly .attr-values,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attr-poly .attr-values {
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center;
margin-bottom:10px;
flex-wrap:wrap;
max-width:70%
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attr-ed,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attr-ed {
display:flex;
flex-direction:row;
align-items:center;
width:100%;
min-height:75px;
margin-top:0px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attr-ed-name,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attr-ed-name {
width:30%;
margin-bottom:10px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attr-ed-wrapper,
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attr-ed-wrapper {
width:70%;
margin-bottom:10px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group .attr-ed-wrapper input[name=attributeEditable],
.product-item__cartPopup .productDetails .productDetails-attributes .input-group .attr-ed-wrapper input[name=attributeEditable] {
margin-bottom:0 !important;
width:100%
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group input[type=button],
.product-item__cartPopup .productDetails .productDetails-attributes .input-group input[type=button] {
display:inline-flex;
height:50px;
padding:1px 15px;
align-items:center;
justify-content:center;
margin:0px 5px 10px 0px;
line-height:1.71;
letter-spacing:1.2px
}
.product-item__cartPopup .product-details .productDetails-attributes .input-group input[name=attributeEditable],
.product-item__cartPopup .productDetails .productDetails-attributes .input-group input[name=attributeEditable] {
margin:14px 0 25px;
padding-bottom:10px
}
.product-item__cartPopup .product-details .productDetails-attributes .attribute-name,
.product-item__cartPopup .product-details .productDetails-attributes .attr-ed-name,
.product-item__cartPopup .product-details .productDetails-attributes--quantity__title,
.product-item__cartPopup .productDetails .productDetails-attributes .attribute-name,
.product-item__cartPopup .productDetails .productDetails-attributes .attr-ed-name,
.product-item__cartPopup .productDetails .productDetails-attributes--quantity__title {
font-size:16px;
font-weight:500;
letter-spacing:1.2px;
line-height:24px
}
.product-item__cartPopup .product-details .productDetails-attributes--quantity input,
.product-item__cartPopup .productDetails .productDetails-attributes--quantity input {
font-size:18px;
line-height:26px;
font-weight:500
}
.product-item__cartPopup .product-details .product-details__detailsWrapper,
.product-item__cartPopup .productDetails .product-details__detailsWrapper {
display:flex;
flex-direction:row-reverse;
justify-content:space-between;
gap:40px
}
.product-item__cartPopup .product-details .product-details__detailsWrapper--addToCart,
.product-item__cartPopup .productDetails .product-details__detailsWrapper--addToCart {
flex-grow:1
}
.product-item__cartPopup .product-details .product-details__detailsWrapper--productImage,
.product-item__cartPopup .productDetails .product-details__detailsWrapper--productImage {
width:200px;
min-width:200px
}
.product-item__cartPopup .product-details .product-details__detailsWrapper--productImage img,
.product-item__cartPopup .productDetails .product-details__detailsWrapper--productImage img {
margin:auto;
height:auto;
width:auto;
max-width:100%;
max-height:100%;
display:block
}
.product-item__cartPopup .product-details .product-details__detailsWrapper--productImage svg,
.product-item__cartPopup .productDetails .product-details__detailsWrapper--productImage svg {
width:200px;
height:auto
}
.product-item__cartPopup .product-details .productDetails-details--prices,
.product-item__cartPopup .productDetails .productDetails-details--prices {
display:flex;
align-items:baseline;
column-gap:16px;
flex-wrap:wrap;
margin:unset
}
.product-item__cartPopup .product-details .productDetails-details--prices .price,
.product-item__cartPopup .product-details .productDetails-details--prices .red-price,
.product-item__cartPopup .productDetails .productDetails-details--prices .price,
.product-item__cartPopup .productDetails .productDetails-details--prices .red-price {
font-size:20px;
line-height:26px;
font-weight:700;
margin-right:unset
}
.product-item__cartPopup .product-details .productDetails-details--prices .price span,
.product-item__cartPopup .product-details .productDetails-details--prices .red-price span,
.product-item__cartPopup .productDetails .productDetails-details--prices .price span,
.product-item__cartPopup .productDetails .productDetails-details--prices .red-price span {
font-size:inherit !important;
font-weight:inherit !important
}
.product-item__cartPopup .product-details .productDetails-details--prices .old-price,
.product-item__cartPopup .productDetails .productDetails-details--prices .old-price {
font-size:12px;
line-height:18px;
letter-spacing:normal;
margin:unset !important
}
.product-item__cartPopup .product-details .productDetails-details--prices .old-price span,
.product-item__cartPopup .productDetails .productDetails-details--prices .old-price span {
font-size:inherit !important;
font-weight:inherit !important;
margin:unset !important
}
.product-item__cartPopup .product-details .productDetails-details--prices .min-price,
.product-item__cartPopup .productDetails .productDetails-details--prices .min-price {
min-width:100%;
margin:unset !important
}
.product-item__cartPopup .product-details .productDetails-details--prices .unit-price span,
.product-item__cartPopup .productDetails .productDetails-details--prices .unit-price span {
font-size:16px !important
}
.product-item__cartPopup .product-details__info-container,
.product-item__cartPopup .productDetails__info-container {
margin-top:0px
}
.product-item__cartPopup .product-details__prices,
.product-item__cartPopup .productDetails__prices {
margin:unset
}
.product-item__cartPopup .product-details__prices div.input-group,
.product-item__cartPopup .productDetails__prices div.input-group {
margin:unset
}
.product-item__cartPopup .product-details__prices .prices .min-price,
.product-item__cartPopup .productDetails__prices .prices .min-price {
margin-top:0px
}
.product-item__cartPopup .product-details__actionButtons,
.product-item__cartPopup .productDetails__actionButtons {
display:flex;
justify-content:space-between
}
.product-item__cartPopup .productDetails-buttons {
height:unset;
margin:35px 0px 0px 0px !important
}
.product-item__cartPopup .productDetails-buttonsAndDetails .productDetails-buttons {
flex-direction:row !important;
align-items:flex-end
}
.product-item__cartPopup .productDetails-buttonsAndDetails .stay-on-page {
cursor:pointer;
display:flex;
align-items:center
}
.product-item__cartPopup .productDetails-buttonsAndDetails .stay-on-page svg {
transform:rotate(180deg)
}
.product-item__cartPopup .productDetails-buttonsAndDetails .primary-action-button {
width:287px !important;
margin:unset !important
}
.product-item__cartPopup .btn-pure-ui {
border:none;
display:flex;
background:rgba(0,0,0,0);
color:#009141;
font-size:12px;
text-align:right;
line-height:1.3;
cursor:pointer;
padding:12px 4px 12px 0px
}
.product-item__cartPopup .btn-pure-ui:hover {
background:rgba(0,0,0,0);
color:#009141
}
.lookbookSection {
width:85%;
max-width:1400px;
margin:50px auto 150px
}
.lookbook__imageContainerMosaic {
position:relative;
vertical-align:top
}
.lookbook__imageContainerMosaic:nth-child(5n+1) {
display:inline-block;
width:40%;
margin-right:calc(10% - 5px)
}
.lookbook__imageContainerMosaic:nth-child(5n+2) {
display:inline-block;
width:49%
}
.lookbook__imageContainerMosaic:nth-child(5n+3) {
width:90%
}
.lookbook__imageContainerMosaic:nth-child(5n+4) {
display:inline-block;
width:44%;
margin-right:calc(15% - 5px)
}
.lookbook__imageContainerMosaic:nth-child(5n) {
display:inline-block;
width:40%
}
.lookbook__imageContainerMosaic img {
max-width:100%;
max-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.lookbook__imagePlaceholder {
background-color:#f2f2f2
}
.lookbook__imagePlaceholderSize {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
color:gray;
text-align:center
}
.lookbook__productsToggleButton {
position:absolute;
right:0;
bottom:0;
padding:20px;
background:#ffffff;
width:250px;
text-align:center;
cursor:pointer
}
.lookbook__productsContainer {
position:absolute;
right:0;
bottom:59px;
background:#fff;
width:250px
}
.lookbook__productsContainer--mosaic {
max-height:calc(100% - 59px);
overflow-y:auto
}
.lookbook__product {
position:relative;
padding:20px 0;
border-bottom:1px solid #d1d1d1;
background-color:#ffffff
}
.lookbook__productName {
color:#d1d1d1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-bottom:10px
}
.lookbook__productPrice {
font-size:18px;
font-weight:700;
display:inline-block;
width:calc(100% - 50px)
}
@media screen and (min-width: 769px) {
.lookbook__productMinPrice {
padding-bottom:20px
}
}
@media screen and (max-width: 768px) {
.lookbook__productMinPrice {
padding-bottom:25px
}
}
.lookbook__checkProductLink {
position:absolute;
right:0;
bottom:20px;
color:#009141
}
.lookbook__checkProductLinkNotLogged {
color:#009141;
text-overflow:ellipsis;
margin-bottom:10px
}
.lookbook__nameList,
.lookbook__nameListImg {
margin-bottom:10px;
font-size:48px;
font-weight:700;
font-stretch:normal;
font-style:normal;
line-height:1.33;
letter-spacing:5px;
text-align:center
}
.lookbook__nameListImg span {
font-weight:300
}
.lookbook__imageContainerList {
width:37vw;
height:37vw;
max-height:620px;
max-width:620px;
margin-left:3%;
margin-right:2%;
margin-top:5%;
float:right;
position:relative
}
.lookbook__imageContainerList:nth-child(2n+1) {
float:left;
margin-right:3%;
margin-left:2%
}
.lookbook__imageContainerList img {
max-width:100%;
max-height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}
.lookbook__imageContainerList-buyProduct {
z-index:10;
position:absolute;
border-radius:100%;
transform:translate(-50%, -50%);
cursor:pointer;
transition:.3s
}
.lookbook__imageContainerList-buyProduct_left::after {
position:absolute;
top:11px;
left:4px;
height:24px;
width:31px;
content:"";
padding:2px;
background-color:rgba(0,0,0,0);
transform:translate(-50%, -50%)
}
.lookbook__imageContainerList-buyProduct_right::after {
position:absolute;
top:11px;
left:21px;
height:24px;
width:26px;
content:"";
padding:2px;
background-color:rgba(0,0,0,0);
transform:translate(-50%, -50%)
}
.lookbook__imageContainerList-buyProduct-Plus {
height:26px;
width:26px;
background-color:#bbb5b5;
opacity:.7;
text-align:center;
line-height:23px;
font-size:26px;
border:1px solid #fff;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.lookbook__imageContainerList-buyProduct-Plus_left::after {
position:absolute;
top:11px;
left:4px;
height:24px;
width:31px;
content:"";
padding:2px;
background-color:rgba(0,0,0,0);
transform:translate(-50%, -50%)
}
.lookbook__imageContainerList-buyProduct-Plus_right::after {
position:absolute;
top:11px;
left:21px;
height:24px;
width:26px;
content:"";
padding:2px;
background-color:rgba(0,0,0,0);
transform:translate(-50%, -50%)
}
.lookbook__imageContainerList-buyProduct-Plus::before {
content:"+"
}
.lookbook__imageContainerList-buyProduct-Plus:hover {
opacity:1;
background-color:#aaa4a4
}
.lookbook__imageContainerList-buyProduct-Point {
opacity:.7;
width:24px;
height:24px;
border:2px solid #fff
}
.lookbook__imageContainerList-buyProduct-Point:hover {
border:2px solid #cb6724;
opacity:1
}
.lookbook__imageContainerList-buyProduct-Point:hover::before {
background-color:#cb6724
}
.lookbook__imageContainerList-buyProduct-Point::before {
content:"";
background-color:#fff;
margin:4px;
width:16px;
height:16px;
border-radius:50%;
position:absolute;
transition:.3s
}
.lookbook__imageContainerList_addAllBtn {
display:flex;
justify-content:flex-end;
gap:17px;
align-items:center;
height:60px;
width:98%
}
.lookbook__imageContainerList_addAllBtn .removeFromWishList-js,
.lookbook__imageContainerList_addAllBtn .addToWishList-js,
.lookbook__imageContainerList_addAllBtn .cartAdd {
background-color:rgba(0,0,0,.12);
width:48px;
height:48px;
padding-left:4px;
padding-top:4px
}
.lookbook__imageContainerList_addAllBtn svg {
cursor:pointer;
border:2px solid #fff !important;
fill:#fff;
width:20px;
height:20px;
padding:10px;
opacity:.7
}
.lookbook__imageContainerList--name {
color:#000;
background-color:#f6f6f6;
position:absolute;
bottom:0;
width:calc(100% - 20px);
padding:20px 0 20px 20px
}
.lookbook__imageContainerList--item {
background-size:cover;
width:100%;
height:100%;
padding:0px !important
}
.lookbook__imageContainerList--item:hover {
filter:opacity(0.7)
}
.clearClass {
clear:both
}
.wishListInfoPopup,
.addToCartInfoPopup {
position:fixed;
min-height:40px;
width:auto;
padding:10px 20px;
background-color:#ffffff;
border:1px solid #d1d1d1;
z-index:100;
box-shadow:2px 2px 3px 0 #b0b0b0;
color:#191616;
font-size:15px;
line-height:40px;
cursor:pointer
}
.wishListInfoPopup span,
.addToCartInfoPopup span {
color:#009141
}
.lookbookFirstPopupHover {
transition:.25s;
z-index:11
}
.lookbookFirstPopupHover:hover .product-item-lookbook {
opacity:1;
visibility:visible
}
.product-item-lookbook {
position:relative;
top:-125px;
transition:.25s;
opacity:0;
visibility:hidden
}
.product-item-lookbook_left {
transform:translate(-380px);
left:-10px
}
@media screen and (max-width: 1400px) {
.product-item-lookbook_left {
transform:translate(-327px)
}
}
@media screen and (max-width: 1200px) {
.product-item-lookbook_left {
transform:translate(-294px)
}
}
@media screen and (max-width: 1075px) {
.product-item-lookbook_left {
transform:translate(-180px)
}
}
.product-item-lookbook_right {
left:36px
}
@media screen and (max-width: 1075px) {
.product-item-lookbook_right {
transform:translate(-60px);
left:0
}
}
.product-item-lookbook .product-item__placeholder {
width:338px;
min-height:472px;
height:fit-content;
box-shadow:0px 3px 8px 0px rgba(97,96,96,.13);
background-color:#ffffff;
padding:0 20px 10px 20px;
transition:all .25s linear
}
@media screen and (max-width: 1400px) {
.product-item-lookbook .product-item__placeholder {
width:285px;
min-height:385px
}
}
@media screen and (max-width: 1200px) {
.product-item-lookbook .product-item__placeholder {
width:250px
}
}
.product-item-lookbook .product-item__link {
margin:0 auto 15px auto;
height:300px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap
}
.product-item-lookbook .product-item__image {
width:auto;
max-width:100%;
max-height:300px;
display:block;
margin:auto
}
.product-item-lookbook .product-item__image img {
max-width:initial;
max-height:initial;
position:static;
top:0;
left:0;
transform:none;
max-width:245px;
max-height:290px
}
.product-item-lookbook .product-item__description {
white-space:inherit !important
}
.product-item-lookbook .product-item__description h2 {
padding:0;
margin-bottom:0;
margin-top:0;
white-space:initial;
word-break:break-word;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-align:center;
width:100%;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:24px;
letter-spacing:1.2px;
color:#191616
}
.product-item-lookbook .product-item__priceAndExtraButton-LB {
width:100%;
margin:3px auto;
height:fit-content;
min-height:42px;
position:relative;
font-size:16px;
font-weight:500;
line-height:24px;
letter-spacing:1.2px;
text-align:center
}
.product-item-lookbook .product-item__priceAndExtraButton-LB .lookbook-min-price {
display:flex;
justify-content:center;
margin:0 auto
}
.product-item-lookbook .product-item__priceAndExtraButton-LB .lookbook-min-price span {
width:85%;
text-align:center;
word-break:break-word;
white-space:break-spaces;
font-size:12px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
letter-spacing:normal
}
.product-item-lookbook .product-item__priceAndExtraButton-LB .lookbook-prices {
display:flex;
justify-content:center;
gap:15px
}
.product-item-lookbook .product-item__priceAndExtraButton-LB .lookbook-prices .redPrice {
color:#d5140a
}
.product-item-lookbook .product-item__priceAndExtraButton-LB .lookbook-prices .oldPrice {
font-size:14px;
font-weight:400;
margin:0 0 3px;
display:inline-block;
text-decoration:line-through;
color:#191616
}
.product-item-lookbook .product-item__buyBtnAndWishList {
display:flex;
justify-content:space-between;
margin-top:15px
}
.product-item-lookbook .product-item__addToCart {
width:70%
}
.product-item-lookbook .product-item__addToCart-ops {
width:100%
}
.product-item-lookbook .product-item__noImage {
margin:12px !important;
padding:35% 40%
}
@media screen and (min-width: 769px) {
.lookbook__imageContainerMosaic .lookbook__productsContainer {
width:290px
}
}
@media screen and (max-width: 768px) {
.lookbook__imageContainerMosaic .lookbook__productsContainer {
width:100%
}
}
.lookbook__imageContainerMosaic .lookbook__productsContainer .lookbook__product {
padding:10px 20px
}
.lookbook__imageContainerMosaic .lookbook__productsContainer .lookbook__product .lookbook__checkProductLink {
right:20px
}
.product-item__placeholder {
border-radius:calc(1*16px) !important
}
.lookbookSection svg.addHeart,
.lookbookSection svg.removeHeart,
.lookbookSection .lookbook__imageContainerList__addToWishList,
.lookbookSection svg.cartAddSvg,
.lookbookSection .cartAdd,
.lookbookSection .addToWishList {
border-radius:calc(1*8px) !important
}
.comparerContainer {
background:#ffffff;
max-width:1400px;
margin:40px auto
}
.comparerContainer #firstRow {
background:#ffffff !important
}
.comparerContainer .slick-list,
.comparerContainer .slick-track {
display:flex
}
.comparerContainer .slick-slide {
height:auto
}
.comparerContainer .row {
width:100%;
display:block;
display:flex;
flex-direction:row
}
.comparerContainer .row section {
width:100%;
display:inherit
}
.comparerContainer .row .comparerSlider__manyItems {
max-width:75%
}
.comparerContainer .groupInfo {
background-color:#ffffff
}
.comparerContainer.four-items .lastProduct {
border-right:none !important
}
.comparerContainer .noProducts {
width:100%;
margin-bottom:40px
}
.comparerContainer .noProducts .title {
display:block;
font-size:24px;
line-height:32px;
color:#191616
}
.comparerContainer .noProducts .noProductsLinks {
display:block;
margin-top:20px;
font-size:14px;
line-height:24px;
color:#009141
}
.comparerContainer .noProducts .noProductsLinks:hover {
cursor:pointer
}
.comparerContainer .topSection-info {
border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
border-top:none;
border-left:none;
width:25%
}
.comparerContainer .topSection-info .title {
display:block;
font-size:20px;
line-height:32px;
color:#191616;
padding-right:10px
}
.comparerContainer .topSection-info .removeComparer {
display:block;
margin-top:20px;
font-size:14px;
line-height:24px;
color:#009141
}
.comparerContainer .topSection-info .removeComparer:hover {
cursor:pointer
}
.comparerContainer .topSection-productInfo {
width:35%;
border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
border-top:none;
border-left:none;
position:relative
}
.comparerContainer .topSection-productInfo .productImage {
height:150px;
position:relative
}
.comparerContainer .topSection-productInfo .productImage a {
cursor:initial
}
.comparerContainer .topSection-productInfo .productImage .itemPrev,
.comparerContainer .topSection-productInfo .productImage .itemNext {
position:absolute;
border-radius:50%;
background-color:#FFFFFF;
width:30px;
height:30px;
top:50%;
border:none;
transition:200ms
}
.comparerContainer .topSection-productInfo .productImage .itemPrev:hover,
.comparerContainer .topSection-productInfo .productImage .itemNext:hover {
background-color:#009141;
border:none !important
}
.comparerContainer .topSection-productInfo .productImage .itemPrev:hover .svgIcon,
.comparerContainer .topSection-productInfo .productImage .itemNext:hover .svgIcon {
fill:#009141 !important;
border:none !important
}
.comparerContainer .topSection-productInfo .productImage .itemPrev {
left:5px
}
.comparerContainer .topSection-productInfo .productImage .itemNext {
right:5px
}
.comparerContainer .topSection-productInfo .productImage .svgItemPrev {
padding-left:0px !important;
margin-left:-9px !important;
margin-top:-3px !important;
fill:#d5d5d5 !important
}
.comparerContainer .topSection-productInfo .productImage .svgItemNext {
float:right;
margin-top:-3px !important;
fill:#d5d5d5 !important;
padding-top:0 !important;
margin-right:-7px !important
}
.comparerContainer .topSection-productInfo .productImage img {
display:block;
margin:0 auto;
max-height:150px;
object-fit:contain;
max-width:50%;
cursor:pointer !important
}
.comparerContainer .topSection-productInfo .productImage .svgIcon {
width:43px;
height:34px;
fill:#e5e5e5;
margin:0 auto;
display:block;
padding-top:58px;
padding-left:40px
}
.comparerContainer .topSection-productInfo .addMoreProducts {
margin-top:10px;
display:block;
color:#706f6f;
text-align:center;
font-size:14px;
line-height:24px;
margin-left:40px;
font-weight:400
}
.comparerContainer .topSection-productInfo .showMoreProducts {
font-weight:500;
font-size:14px;
line-height:24px;
color:#009141;
margin-top:15px;
margin-left:40px;
text-align:center
}
.comparerContainer .topSection-productInfo .showMoreProducts>a:hover {
cursor:pointer
}
.comparerContainer .topSection-productInfo .removeItem {
position:absolute;
top:10px;
right:37px;
background-color:#009141;
-webkit-mask:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
mask:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/light/times.svg) no-repeat 50% 50%;
width:15px;
height:15px
}
.comparerContainer .topSection-productInfo .removeItem:hover {
cursor:pointer
}
.comparerContainer .topSection-productInfo .productName {
font-size:16px;
line-height:24px;
height:50px;
margin-top:10px;
margin-left:40px;
margin-right:28px;
color:#191616;
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical
}
.comparerContainer .topSection-productInfo .productPrices {
display:flex;
align-items:center;
justify-content:flex-start;
flex-wrap:wrap;
width:100%;
height:60px
}
.comparerContainer .topSection-productInfo .productPrice {
font-size:18px;
display:inline;
font-weight:bold;
color:#191616;
margin-left:40px
}
.comparerContainer .topSection-productInfo .productPrice .currency {
color:#191616
}
.comparerContainer .topSection-productInfo .redPrice {
color:#d5140a
}
.comparerContainer .topSection-productInfo .redPrice .currency {
color:#d5140a
}
.comparerContainer .topSection-productInfo .previousPrice {
font-size:14px;
font-weight:400;
display:inline;
text-decoration:line-through;
color:#191616;
margin-left:40px
}
.comparerContainer .topSection-productInfo .previousPrice .currency {
color:#191616
}
.comparerContainer .topSection-productInfo .comparerMinPrice {
width:100%;
margin-left:40px
}
.comparerContainer .topSection-productInfo .comparerMinPrice span {
word-break:break-word;
white-space:break-spaces;
font-size:12px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
letter-spacing:normal;
margin-right:0;
text-align:left
}
.comparerContainer .topSection-productInfo .currency {
font-size:12px;
line-height:18px;
color:#191616;
font-weight:bold
}
.comparerContainer .topSection-productInfo .buttons {
margin:30px 32px 50px 40px;
width:calc(100% - 72px);
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start
}
.comparerContainer .topSection-productInfo .buttons .disableCartButton {
visibility:hidden
}
.comparerContainer .topSection-productInfo .buttons .addToCartButton {
width:75%;
min-height:24px;
text-transform:uppercase;
font-size:14px;
line-height:24px;
font-weight:400;
background-color:#009141;
color:#FFFFFF;
border:1px solid #fcfffe;
transition:200ms;
text-align:center;
padding:8px 0
}
.comparerContainer .topSection-productInfo .buttons .addToCartButton:hover {
background-color:#009141;
color:#FFFFFF;
border:1px solid #009141;
cursor:pointer
}
.comparerContainer .topSection-productInfo .buttons .addToFavouriteButton {
width:40px;
height:40px;
background-color:#ffffff;
transition:200ms
}
.comparerContainer .topSection-productInfo .buttons .addToFavouriteButton .favouriteIcon {
width:27px;
height:24px;
display:block;
margin:7px auto 0;
fill:#009141;
z-index:1
}
.comparerContainer .topSection-productInfo .buttons .addToFavouriteButton .favouriteIcon:hover {
cursor:pointer
}
.comparerContainer .topSection-productInfo .buttons .addToFavouriteButton .favouriteIcon .svgIcon {
width:27px;
height:24px
}
.comparerContainer .lastAttribute {
border-bottom:1px solid #d1d1d1
}
.comparerContainer .property {
border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
border-top:none;
border-left:none;
width:25%
}
.comparerContainer .property .propertyName {
font-size:16px;
color:#191616;
font-weight:400;
line-height:24px;
text-align:left;
padding:18px 10px;
text-transform:capitalize
}
.comparerContainer .property .groupName {
color:#706f6f;
font-size:14px;
font-weight:bold;
padding:8px 0 8px 10px;
text-transform:capitalize
}
.comparerContainer .propertyValueContainer {
width:35%;
border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
border-top:none;
border-left:none
}
.comparerContainer .propertyValueContainer .rating {
width:calc(100% - 80px);
margin:18px 40px
}
.comparerContainer .propertyValueContainer .rating .stars {
width:13px;
height:13px
}
.comparerContainer .propertyValueContainer .rating .productRating--color {
fill:#009141
}
.comparerContainer .propertyValueContainer .rating .ratingCount {
font-size:14px;
color:#706f6f;
line-height:24px;
font-weight:400;
margin-left:12px
}
.comparerContainer .propertyValueContainer .propertyValue {
width:calc(100% - 80px);
margin:18px 40px;
font-size:14px;
line-height:24px;
color:#191616;
font-weight:300;
word-break:break-word
}
.comparerContainer .propertyValueContainer .delivery {
color:#009141
}
.comparerContainer .wishListInfoPopup-comparer {
position:fixed;
min-height:40px;
width:auto;
padding:10px 20px;
background-color:#ffffff;
border:1px solid #d1d1d1;
z-index:102;
box-shadow:2px 2px 3px 0 #b0b0b0;
color:#191616;
font-size:15px;
line-height:40px
}
.comparerContainer .wishListInfoPopup-comparer span {
color:#009141
}
.comparerContainer .choose-attribute-popup .form-container {
position:absolute;
top:50%;
transform:translate(0, -50%);
left:0;
right:0;
margin:auto
}
@media screen and (min-width: 769px) {
.comparerContainer .choose-attribute-popup .form-container {
width:55rem !important;
max-width:unset !important;
padding:3rem 4rem 2rem !important
}
}
.comparerContainer .choose-attribute-popup .form-container .attr-popup-title {
width:100%;
text-align:left;
font-size:18px;
font-weight:600;
font-stretch:normal;
font-style:normal;
line-height:1.44;
letter-spacing:normal;
color:#191616;
margin-bottom:25px;
display:block
}
.comparerContainer .choose-attribute-popup .form__header {
opacity:unset !important
}
.comparerContainer .choose-attribute-popup .close-button {
margin-top:17px
}
.comparerContainer .choose-attribute-popup .close-button svg:hover {
cursor:pointer;
fill:#009141;
transition:200ms
}
.comparerContainer .choose-attribute-popup .form-container {
padding:20px
}
@media screen and (max-width: 768px) {
.comparerContainer .choose-attribute-popup .form-container {
max-height:80%;
overflow-y:scroll;
overflow-x:hidden
}
}
.comparerContainer .choose-attribute-popup .input-group {
width:100%;
display:flex;
flex-direction:row;
align-items:center;
flex-wrap:wrap
}
.comparerContainer .choose-attribute-popup .attributes-select {
display:grid;
width:100%;
grid-template-columns:20% 20% 20% 20% 20%;
column-gap:6px;
grid-row-gap:10px;
max-width:unset
}
.comparerContainer .choose-attribute-popup .attributes-select .button-option {
display:flex;
align-items:center;
justify-content:center;
min-height:50px;
padding-left:15px;
padding-right:15px;
font-size:14px;
font-weight:normal;
font-stretch:normal;
font-style:normal;
line-height:1.71;
letter-spacing:1.2px;
text-align:center;
color:#191616;
border:2px solid #ffffff;
cursor:pointer;
transition:300ms;
margin-right:5px
}
.comparerContainer .choose-attribute-popup .attributes-select .button-option.active {
border:2px solid #009141
}
.comparerContainer .choose-attribute-popup .attributes-select .button-option:not(.active):hover {
border-color:#706f6f
}
.comparerContainer .choose-attribute-popup .attributes-select .button-option-variants {
height:auto;
font-size:13px;
padding:0 6px;
width:fit-content;
margin:0 auto
}
.comparerContainer .choose-attribute-popup .attributes-select .button-option-variants .button-option-variants-content {
display:flex;
flex-direction:column;
align-items:center;
padding:10px 0
}
.comparerContainer .choose-attribute-popup .attributes-select .button-option-variants .button-option-variants-content__color {
width:50px;
height:50px;
border:1px solid #706f6f;
border-radius:50%;
margin-bottom:5px;
background-size:cover !important
}
.comparerContainer .choose-attribute-popup .attributes-select .button-option-variants .button-option-variants-content__text {
line-height:1em;
width:65px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.comparerContainer .choose-attribute-popup .attribute-name,
.comparerContainer .choose-attribute-popup .attr-ed-name {
color:#191616;
width:30%;
font-size:14px;
font-weight:bold;
line-height:1.43;
letter-spacing:normal;
margin-bottom:10px
}
.comparerContainer .choose-attribute-popup .attribute-name::first-letter,
.comparerContainer .choose-attribute-popup .attr-ed-name::first-letter {
text-transform:capitalize
}
.comparerContainer .choose-attribute-popup .attr-popup-button {
width:50%;
margin:0 auto;
height:16px;
font-size:14px;
font-weight:normal;
font-stretch:normal;
font-style:normal;
line-height:16px;
letter-spacing:1.2px;
text-align:center;
margin-top:20px
}
.comparerContainer .choose-attribute-popup .button-option[data-selected=true] {
border:2px solid #009141 !important
}
.comparerContainer .choose-attribute-popup .attr-values {
display:grid;
grid-template-columns:20% 20% 20% 20% 20%;
column-gap:6px;
grid-row-gap:10px;
width:100%;
background-color:#ffffff !important
}
.comparerContainer .choose-attribute-popup .attr-values .button-option {
display:flex;
align-items:center;
justify-content:center;
min-height:50px;
background-color:#ffffff !important;
padding-left:15px;
padding-right:15px;
font-size:14px;
font-weight:normal;
font-stretch:normal;
font-style:normal;
line-height:1.71;
letter-spacing:1.2px;
text-align:center;
color:#191616;
transition:300ms;
margin-right:5px;
cursor:pointer;
border:2px solid #ffffff
}
.comparerContainer .choose-attribute-popup .attr-values .button-option:not(.active):hover {
border-color:#706f6f
}
.comparerContainer .choose-attribute-popup .attr-values .button-option.active {
border:2px solid #009141
}
.comparerContainer .choose-attribute-popup--quantity {
width:180px;
height:50px;
font-size:14px;
font-weight:600;
display:flex;
flex-direction:row;
width:100%;
align-items:center;
margin:20px 0
}
.comparerContainer .choose-attribute-popup--quantity__title {
color:#191616;
width:30%;
font-size:14px;
font-weight:bold;
line-height:1.43;
letter-spacing:normal
}
.comparerContainer .choose-attribute-popup--quantity__box {
width:70%;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:center
}
.comparerContainer .choose-attribute-popup--quantity button {
border:2px solid #d1d1d1;
text-align:center;
width:50px;
height:50px;
background-color:#ffffff;
position:relative;
transition:300ms
}
.comparerContainer .choose-attribute-popup--quantity button:hover {
cursor:pointer;
border-color:#009141
}
.comparerContainer .choose-attribute-popup--quantity button:hover svg {
fill:#009141
}
.comparerContainer .choose-attribute-popup--quantity button svg {
position:absolute;
left:0;
right:0;
margin:auto;
top:50%;
transform:translate(0, -50%);
fill:#191616
}
.comparerContainer .choose-attribute-popup--quantity input {
width:65px;
height:44px;
text-align:center;
border-top:2px solid #d1d1d1;
border-bottom:2px solid #d1d1d1 !important;
background-color:#ffffff
}
@media only screen and (max-width: 1350px) {
.comparerContainer .fourItems .removeItem {
right:20px
}
.comparerContainer .fourItems .productName {
margin-left:20px;
margin-right:20px
}
.comparerContainer .fourItems .buttons {
width:calc(100% - 30px);
margin-bottom:20px;
margin-right:10px;
margin-left:20px
}
.comparerContainer .fourItems .productPrice,
.comparerContainer .fourItems .previousPrice,
.comparerContainer .fourItems .min-price {
margin-left:20px;
display:block
}
.comparerContainer .twoItems {
width:50%
}
.comparerContainer .propertyValueContainer .propertyValue,
.comparerContainer .propertyValueContainer .rating {
margin-left:20px;
margin-right:20px
}
.comparerContainer .propertyValueContainer .rating {
width:calc(100% - 40px)
}
}
.comparerContainer .addToCartButton {
border-radius:calc(1*8px) !important
}
.comparerContainer img {
border-radius:calc(1*4px) !important
}
.advancedSearch {
max-width:1100px;
height:auto;
margin:40px auto;
user-select:none;
line-height:1.5em
}
.advancedSearch select {
-webkit-appearance:none;
-moz-appearance:none;
text-indent:1px;
text-overflow:""
}
.advancedSearch input[type=checkbox] {
visibility:hidden;
width:0;
height:0
}
.advancedSearch .form__invalid-input {
visibility:hidden
}
.advancedSearch .title {
font-size:17px;
font-weight:600;
color:#191616;
margin-bottom:20px;
text-transform:uppercase
}
.advancedSearch .search {
width:100%;
height:40px;
display:flex
}
.advancedSearch .search .searchInput {
width:50%;
height:42px;
padding-left:20px;
font-size:14px;
color:#706f6f;
border:1px solid #d1d1d1;
border-right:none
}
.advancedSearch .search .searchCategory {
width:30%;
height:42px;
font-size:14px;
color:#706f6f;
border:1px solid #d1d1d1;
border-right:none;
padding:0 10px;
background-color:#ffffff;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-indent:5px;
background-position-x:97%;
transition:200ms
}
.advancedSearch .search .searchCategory option:checked {
color:#000 !important
}
.advancedSearch .search .searchCategory:hover {
background-image:url("https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/solid/caret-up.svg") !important
}
.advancedSearch .search .searchButton {
width:20%;
height:22px;
background-color:#009141;
color:#FFFFFF;
border:1px solid #fcfffe;
text-align:center;
text-decoration:none;
text-transform:uppercase;
padding:11px 0 7px;
font-size:14px;
cursor:pointer;
transition:200ms
}
.advancedSearch .search .searchButton:hover {
background-color:#009141;
color:#FFFFFF;
border:1px solid #009141;
transition:200ms
}
.advancedSearch .searchType {
padding:30px 0 30px 15px;
border-bottom:1px solid #d1d1d1;
display:block;
flex-direction:row;
width:calc(100% - 15px);
list-style:none
}
.advancedSearch .searchType li {
display:inline
}
.advancedSearch .searchType li>* {
cursor:pointer
}
.advancedSearch .searchType li input {
visibility:hidden;
display:none
}
.advancedSearch .searchType li .option {
font-size:14px;
color:#191616;
border-radius:50%;
background-color:#ffffff;
border:80% solid #191616
}
.advancedSearch .searchType li label {
margin:0 30px 0 5px;
font-size:14px
}
.advancedSearch .searchType li label:before {
height:15px;
width:16px;
margin-right:10px;
border-radius:50%;
border:1px solid #d1d1d1;
background-color:#ffffff;
content:"";
display:inline-block
}
.advancedSearch .searchType li.selected label:before {
border-color:#009141;
-webkit-box-shadow:inset 0 0 0 5px #009141;
-moz-box-shadow:inset 0 0 0 5px #009141;
box-shadow:inset 0 0 0 5px #009141;
background-color:#61ad83
}
.advancedSearch .propertyContainer {
width:100%;
padding:30px 0;
border-bottom:1px solid #d1d1d1
}
.advancedSearch .propertyContainer .checkboxContainer {
width:100%;
display:grid;
grid-template-columns:25% 25% 25% 25%
}
.advancedSearch .propertyContainer .checkboxContainer span:not(.search-disabled):hover,
.advancedSearch .propertyContainer .checkboxContainer span:not(.search-disabled) input:hover,
.advancedSearch .propertyContainer .checkboxContainer span:not(.search-disabled) label:hover,
.advancedSearch .propertyContainer .checkboxContainer span:not(.search-disabled) input+label::before {
cursor:pointer
}
.advancedSearch .propertyContainer .checkboxContainer span {
flex:0 1 25%;
margin:10px 0;
font-size:14px;
color:#191616
}
.advancedSearch .propertyContainer .checkboxContainer span.search-disabled {
opacity:.5;
cursor:not-allowed
}
.advancedSearch .propertyContainer .checkboxContainer span.search-disabled * {
cursor:not-allowed
}
.advancedSearch .propertyContainer .checkboxContainer span .checkIcon {
position:relative;
top:-14px;
left:-25px
}
.advancedSearch .propertyContainer .checkboxContainer span .checkIcon svg {
width:12px;
height:12px;
fill:#ffffff
}
.advancedSearch .propertyContainer .checkboxContainer span label {
margin-left:10px;
display:inline-flex
}
.advancedSearch .propertyContainer .checkboxContainer span input:checked+label:before {
text-align:center;
background-color:#009141;
overflow:hidden;
border:solid 1px #009141
}
.advancedSearch .propertyContainer .checkboxContainer span input:checked+label .checkIcon {
fill:#61ad83
}
.advancedSearch .propertyContainer .checkboxContainer span input:checked+label .checkIcon svg {
fill:#61ad83
}
.advancedSearch .propertyContainer .checkboxContainer span input+label:before {
content:" ";
display:inline-block;
position:relative;
width:15px;
min-width:15px;
height:15px;
min-height:15px;
border-radius:4px;
background-color:rgba(0,0,0,0);
color:#d1d1d1;
border:1px solid #d1d1d1;
transition:all 200ms ease;
margin-right:10px;
background-color:#ffffff
}
.advancedSearch .propertyContainer .checkboxContainer:after {
content:"";
flex:1 0 25%
}
.advancedSearch .propertyContainer .productFeaturesContainer {
display:flex;
width:100%;
flex-direction:row;
flex-wrap:wrap
}
.advancedSearch .propertyContainer .productFeaturesContainer .priceContainer {
width:25%
}
.advancedSearch .propertyContainer .productFeaturesContainer .priceContainer span {
display:block
}
.advancedSearch .propertyContainer .productFeaturesContainer .priceContainer span .price {
width:100%;
font-size:14px;
margin-bottom:10px;
color:#191616;
display:block
}
.advancedSearch .propertyContainer .productFeaturesContainer .priceContainer span input[type=number] {
height:40px;
width:60%;
font-size:14px;
color:#706f6f;
border:1px solid #d1d1d1;
margin-bottom:20px;
text-align:right;
padding-right:42px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box
}
.advancedSearch .propertyContainer .productFeaturesContainer .priceContainer span .currency {
position:relative;
top:0;
left:-40px;
width:fit-content;
margin:0;
color:#706f6f;
font-size:14px
}
.advancedSearch .propertyContainer .productFeaturesContainer .productFeatures {
width:75%;
margin-top:15px;
grid-template-columns:33% 33% 33%
}
.advancedSearch .propertyContainer .productFeaturesContainer .productFeatures span {
flex:0 1 33%;
margin:10px 0;
font-size:14px;
color:#191616
}
.advancedSearch .propertyContainer .productFeaturesContainer .productFeatures span label {
margin-left:10px
}
.advancedSearch .propertyContainer .productFeaturesContainer .productFeatures:after {
content:"";
flex:0 1 33%
}
.advancedSearch .propertyContainer .productFeaturesContainer .hidePricesFeatures {
width:100%
}
.advancedSearch .lastProperty {
border:none
}
.advancedSearch .advanced-search-input {
border-top-left-radius:calc(1*8px) !important;
border-bottom-left-radius:calc(1*8px) !important
}
.advancedSearch .searchButton {
border-top-right-radius:calc(1*8px) !important;
border-bottom-right-radius:calc(1*8px) !important
}
.advancedSearch #priceFrom,
.advancedSearch #priceTo {
border-radius:calc(1*8px) !important
}
.regulations.container {
max-width:1400px;
width:100%;
text-align:left
}
.regulations .content {
padding:40px 12%;
font-size:13px
}
.regulations .content h2 {
font-weight:100;
font-size:1.8em
}
.regulations .content .files__title {
font-size:1.15em;
margin:2em 0 .5em;
font-weight:500
}
.regulations .content h3 {
font-size:1.15em;
margin:2em 0 .5em;
font-weight:500
}
.regulations .content p {
margin:1.5em 0 .2em;
word-break:break-word
}
.regulations .content ul {
margin:5px 0 15px;
padding:0 15px
}
.regulations .content ol {
margin:5px 0 15px;
padding:0 15px
}
.regulations .content img {
width:100%;
height:auto;
max-width:100%
}
.regulations span.date {
font-size:.82em
}
.regulations aside.files {
margin-top:25px
}
@media only screen and (max-width: 800px) {
.regulations.container {
text-align:left
}
.regulations .content {
padding:20px 9%
}
}
@media only screen and (min-width: 900px) {
.regulations {
display:flex
}
}
.mblist-container {
width:100%;
height:fit-content;
min-height:100vh;
display:block;
background-color:#ffffff
}
.mblist-container.mblist-darkTheme .mblist-item:hover {
box-shadow:0 10px 30px 10px rgba(255,255,255,.12) !important
}
.mblist-header {
max-width:1400px;
display:block;
width:100%;
font-size:36px;
color:#191616;
text-align:left;
margin:60px auto 30px
}
.mblist-wrapper {
display:grid;
grid-row-gap:50px;
max-width:1400px;
margin:0 auto 60px;
padding:30px 0
}
@media screen and (min-width: 1025px) {
.mblist-wrapper {
grid-template-columns:30% 30% 30%;
grid-column-gap:3.33%
}
}
@media screen and (min-width: 500px)and (max-width: 1024px) {
.mblist-wrapper {
grid-template-columns:49% 49%;
grid-column-gap:2%
}
}
@media screen and (max-width: 499px) {
.mblist-wrapper {
grid-template-columns:100%
}
}
.mblist-item {
border:1px solid #e6e6e6;
transition:all .3s linear;
background-color:#ffffff;
cursor:pointer;
min-height:290px
}
.mblist-item:hover {
border:1px solid #d0d0d0;
box-shadow:0 10px 30px 10px rgba(0,0,0,.12)
}
.mblist-item:hover .mblist-item--name {
color:#009141
}
.mblist-item--imgContainer {
display:flex;
width:100%;
height:180px;
align-items:center;
justify-content:center;
margin-top:20px
}
.mblist-item--imgContainer img {
display:block;
max-width:95%;
width:auto;
max-height:180px;
height:auto
}
.mblist-item--imgContainer svg {
display:block;
fill:#191616;
width:200px;
height:100px
}
.mblist-item--name {
color:#191616;
font-size:22px;
width:90%;
display:block;
margin:30px auto;
text-align:left;
transition:.3s
}
.mblist-item {
border-radius:calc(1*16px) !important
}
.mblist-item img {
border-radius:calc(1*8px) !important
}
.reportContent {
background-color:#ffffff
}
.reportContent-form {
height:fit-content;
margin:60px auto 90px;
border:1px solid #d1d1d1;
background-color:#ffffff
}
@media screen and (min-width: 769px) {
.reportContent-form {
width:fit-content;
max-width:744px;
padding:32px 64px
}
}
@media screen and (max-width: 768px) {
.reportContent-form {
width:calc(100% - 66px);
border:none;
padding:20px 32px 32px;
margin-top:0
}
}
.reportContent-header {
display:block;
width:100%;
color:#191616;
text-align:left;
font-size:32px;
font-style:normal;
font-weight:500;
line-height:42px;
letter-spacing:.8px;
margin-bottom:24px
}
.reportContent-description {
display:block;
color:#706f6f;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:24px;
letter-spacing:1.2px;
margin-bottom:32px
}
.reportContent select {
width:100%;
border:1px solid #d1d1d1;
padding:12px;
color:#191616;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:24px;
letter-spacing:1.2px;
-webkit-appearance:none !important;
-moz-appearance:none !important;
background-repeat:no-repeat;
background-image:url(https://static.comarchesklep.pl/files/fonts/fontawesome-pro-5.9.0-web/svgs/solid/caret-down.svg);
background-position:center right 12px;
background-size:10px;
margin-bottom:24px;
text-overflow:ellipsis;
overflow:hidden !important;
white-space:nowrap;
padding-right:25px
}
.reportContent select * {
color:#191616;
padding:15px;
text-align:left;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:24px;
letter-spacing:1.2px;
white-space:normal;
word-break:break-all
}
@media screen and (max-width: 768px) {
.reportContent select * {
width:100%
}
}
.reportContent .select-wrapper {
position:relative;
margin-bottom:23px !important
}
.reportContent .select-wrapper .form__invalid-input {
bottom:5px !important
}
.reportContent .select-wrapper select.form__validation-error-js {
border:1px solid #da2442
}
.reportContent .select-label {
background-color:#ffffff;
padding:5px;
color:#706f6f;
font-style:normal;
font-weight:400;
line-height:10px;
letter-spacing:.143px;
position:absolute
}
.reportContent .select-label--choosen {
left:10px;
top:-10px;
font-size:10px
}
.reportContent .select-label--notChoosen {
left:5px;
top:20%;
font-size:14px
}
.reportContent .form__input-wrapper {
margin-bottom:32px;
position:relative
}
.reportContent .form__input-wrapper input {
height:36px;
margin-bottom:0;
font-size:14px
}
.reportContent .form__input-wrapper input::placeholder {
font-size:14px
}
.reportContent .form__input-wrapper .form__invalid-input {
position:absolute;
bottom:-20px;
left:0
}
.reportContent .form__input-wrapper.form__validation-error-js input {
border-bottom:1px solid #da2442
}
.reportContent textarea {
font-size:14px;
height:150px;
padding:5px
}
.reportContent textarea:-moz-placeholder,
.reportContent textarea::-moz-placeholder,
.reportContent textarea:-ms-input-placeholder,
.reportContent textarea::-webkit-input-placeholder,
.reportContent textarea::placeholder {
font-size:14px !important
}
.reportContent textarea.form__validation-error-js {
border:1px solid #da2442
}
.reportContent .form__required-fields-info {
color:#191616;
font-size:12px;
font-style:normal;
font-weight:300;
line-height:18px
}
.reportContent .reportReviewBtn {
margin:32px auto 0;
text-align:center;
display:block
}
@media screen and (min-width: 769px) {
.reportContent .reportReviewBtn {
width:400px
}
}
@media screen and (max-width: 768px) {
.reportContent .reportReviewBtn {
width:60%
}
}
.reportContent-statementTop label {
padding-bottom:0 !important;
display:block !important;
width:fit-content !important
}
.reportContent-statementTop label::before {
left:0 !important
}
.reportContent-statementTop p {
bottom:-25px !important
}
.reportContent-statementBottom {
margin-bottom:16px !important
}
.reportContent-statementBottom label::before {
left:0 !important
}
.reportContent-statementBottom .checkbox-name {
color:#191616;
font-size:12px;
font-style:normal;
font-weight:400;
line-height:18px
}
.reportContent-statementTop .checkBoxes__checkIcon,
.reportContent-statementBottom .checkBoxes__checkIcon {
left:3px !important;
top:8px !important
}
.reportContent-statementText {
color:#191616;
font-size:12px;
font-style:normal;
font-weight:400;
line-height:18px
}
.product-item:not(.product-item-pl) {
display:inline-block;
height:fit-content !important;
width:270px;
position:relative;
text-align:center;
font-size:18px;
color:#191616;
transition:all .3s linear
}
@media screen and (max-width: 768px) {
.product-item:not(.product-item-pl) {
padding-bottom:10px
}
}
@media screen and (min-width: 769px) {
.product-item:not(.product-item-pl) {
padding-bottom:0;
margin-bottom:0
}
}
.product-item:not(.product-item-pl) .red-price {
color:#d5140a;
font-weight:600;
font-size:22px
}
.product-item:not(.product-item-pl) .price {
color:#191616;
font-weight:600;
font-size:22px
}
.product-item:not(.product-item-pl) .price.notify-about-availability {
white-space:normal
}
.product-item:not(.product-item-pl) .old-price {
color:#191616;
font-size:14px;
opacity:1;
font-weight:400;
white-space:nowrap
}
.product-item:not(.product-item-pl) .loginToSeePrice {
font-size:14px
}
.product-item:not(.product-item-pl) .product-item__description {
white-space:nowrap;
height:fit-content
}
.product-item:not(.product-item-pl) .product-item__link {
display:block;
height:300px;
width:100%;
position:relative
}
.product-item:not(.product-item-pl) .product-flags {
position:absolute;
top:5px;
left:5px;
z-index:1;
text-align:left
}
.product-item:not(.product-item-pl) .product-flags span {
margin:0 5px 5px 0;
display:inline-block;
height:25px;
font-size:9px;
font-weight:400;
width:max-content;
padding:8px 10px;
box-sizing:border-box;
text-transform:uppercase
}
.product-item:not(.product-item-pl) .product-item__image {
margin:0 auto;
width:95%;
height:100%;
display:flex;
align-items:center;
justify-content:center
}
.product-item:not(.product-item-pl) .product-item__image img {
max-height:95%;
max-width:100%;
width:auto;
height:auto
}
.product-item:not(.product-item-pl) .product-item__description {
width:100%;
height:20%;
bottom:0
}
.product-item:not(.product-item-pl) .product-item__description p {
padding:5px;
margin:0
}
.product-item:not(.product-item-pl) .product-item__description p:first-child {
font-size:14px;
padding-top:12px;
color:#191616;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
padding-bottom:10px
}
.product-item:not(.product-item-pl) .product-item__description h2 {
font-size:14px;
padding:17px 5px 15px 5px;
color:#191616;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
margin:0
}
.product-item:not(.product-item-pl) .product-item__description .notify-about-availability {
margin-top:5px;
display:block;
font-size:12px;
font-weight:600
}
.product-item:not(.product-item-pl) .product-item__description .min-price span {
word-break:break-word;
white-space:break-spaces;
font-size:12px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
letter-spacing:normal
}
.product-item:not(.product-item-pl) .product-item__description .old-price {
margin-left:10px
}
@media only screen and (min-width: 769px)and (max-width: 991px) {
.product-item:not(.product-item-pl) {
height:300px;
width:200px
}
.product-item:not(.product-item-pl) .price,
.product-item:not(.product-item-pl) .red-price {
font-size:15px
}
.product-item:not(.product-item-pl) .product-item__image img {
max-height:239px;
max-width:150px
}
}
.product-item:not(.product-item-pl) .product-item__noImage {
width:100%;
height:100%;
background-color:#f4f4f4;
fill:#dbdbdb;
box-sizing:border-box
}
.product-item:not(.product-item-pl) .product-item__noImage svg {
width:50px;
height:50px
}
.product-item:not(.product-item-pl) .product-item.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display:block
}
.product-item:not(.product-item-pl) .product-item.hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display:none
}
.product-item:not(.product-item-pl) .product-item.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(1) {
display:none
}
.product-item:not(.product-item-pl) .product-item.hover:hover img:not(.product-item__phantom-img):not(.tmpImage):nth-child(2) {
display:block
}
.product-item:not(.product-item-pl) .product-item:not(.product-item__new) .min-price {
display:block;
width:100%
}
.product-item:not(.product-item-pl) .product-item__heartIcon {
fill:#191616;
width:27px;
height:24px;
z-index:1
}
.product-item:not(.product-item-pl) .product-item__heartIcon:hover {
cursor:pointer
}
.product-item:not(.product-item-pl) .wishlistButton {
position:absolute;
right:8px;
top:8px;
z-index:2;
width:27px;
height:24px
}
.product-item:not(.product-item-pl) .product-item__addToCart-grid {
visibility:visible;
margin:16px auto 10px;
width:90%;
padding-top:8px;
padding-left:unset;
padding-bottom:8px;
padding-right:unset;
text-align:center
}
.product-item:not(.product-item-pl):hover .product-item__addToCart-grid {
visibility:visible
}
.product-item:not(.product-item-pl).product-item-rec_hover {
transition:all .3s cubic-bezier(.17,.84,.44,1);
}
.product-item:not(.product-item-pl).product-item-rec_hover:hover {
box-shadow:0 0 10px 0 rgba(0,0,0,.2);
border-style: solid;
border-color: #009141b0;
border-width: 1px;
background-color: white;
}
@media screen and (min-width: 769px) {
.product-item:not(.product-item-pl).product-item-rec_hover:hover {
transform:scale(1.05);
/*! transition-delay:.1s */
}
}
.recommended-products2 {
max-width:1480px;
margin:0 auto
}
.recommended-products2 .recommended-products-border {
max-width:1400px;
text-align:center;
border-bottom:1px solid #d1d1d1
}
@media screen and (max-width: 768px) {
.recommended-products2 .recommended-products-border {
margin:1px auto;
}
}
@media screen and (min-width: 769px) {
.recommended-products2 .recommended-products-border {
margin:0 auto 65px
}
}
.recommended-products2 .recommended-products-title {
background-color:#ffffff;
padding:0 20px;
bottom:-13px;
position:relative;
font-size:24px;
display:inline-block;
color:#191616
}
.recommended-products2__list {
display:grid;
list-style-type:none;
justify-items:center;
padding:0
}
@media screen and (max-width: 768px) {
.recommended-products2__list {
margin:30px 0
}
}
@media screen and (min-width: 769px) {
.recommended-products2__list {
margin:30px 0 0
}
}
@media screen and (min-width: 1075px) {
.recommended-products2__list {
grid-template-columns:24% 24% 24% 24%;
grid-column-gap:1.33%
}
}
@media screen and (min-width: 600px)and (max-width: 1074px) {
.recommended-products2__list {
grid-template-columns:32% 32% 32%;
grid-column-gap:2%
}
}
@media screen and (max-width: 599px) {
.recommended-products2__list {
grid-template-columns:48% 48%;
grid-column-gap:2%;
margin-left: 1%;
}
}
.recommended-products2__list li {
margin:20px 0;
padding:0;
text-align:center;
width:100%
}
.recommended-products2__list li .product-item {
width:100%;
height:100%
}
.recommended-products2__list li .product-item__image {
width:fit-content;
height:fit-content
}
.recommended-products2__list li .product-item__image img {
max-width:95%;
width:auto;
height:auto;
margin:0 auto
}
.recommended-products2__list li .product-item__link {
height:280px
}
.recommended-products2__list li .product-item__description {
height:130px
}
.recommended-products2__list li .product-item .product-flags {
top:0
}
.recommended-products2__list li .product-item .loginToSeePrice {
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:95%;
margin-left:auto;
margin-right:auto
}
.recommended-products2__list li .product-item .old-price {
margin-left:10px
}
.recommended-products2__list li .product-item .min-price {
display:block;
width:100%
}
.recommended-products2__list li .product-item .min-price span {
word-break:break-word;
white-space:break-spaces;
font-size:12px;
line-height:1.5;
font-style:normal;
font-stretch:normal;
font-weight:normal;
color:#706f6f;
letter-spacing:normal
}
.recommended-products2__list li .product-item.hover img:nth-child(1) {
display:block
}
.recommended-products2__list li .product-item.hover img:nth-child(2) {
display:none
}
.recommended-products2__list li .product-item.hover:hover img:nth-child(1) {
display:none
}
.recommended-products2__list li .product-item.hover:hover img:nth-child(2) {
display:block
}
.recommended-products2__list .notify-about-availability {
font-weight:600;
position:absolute;
left:0;
right:0;
bottom:10px
}
@media screen and (min-width: 769px) {
.recommended-products2__list .notify-about-availability {
font-size:15px
}
}
@media screen and (max-width: 768px) {
.recommended-products2__list .notify-about-availability {
font-size:14px
}
}
.recommended-products2 .product-item:not(.product-item-pl) {
padding-bottom:20px;
border-style: solid;
border-width: 1px;
border-color: #c8c8c891;
}
@media screen and (max-width: 768px) {
.recommended-products2 .product-item:not(.product-item-pl) img {
max-height:95% !important;
max-width:100% !important;
width:auto;
height:auto
}
}
.recommended-products2 .product-item__image img {
border-radius:calc(1*4px) !important
}
.widgetContainerleftTop,
.widgetContainerrightTop,
.widgetContainerrightBottom,
.widgetContainerleftBottom {
position:fixed;
display:grid;
grid-template-columns:1fr auto;
max-height:250px;
margin:0 !important;
transition:width .3s ease;
z-index:9999;
min-height:205px;
background-color:#ffffff;
color:#191616
}
.widgetContainerleftTop__visibleContent,
.widgetContainerrightTop__visibleContent,
.widgetContainerrightBottom__visibleContent,
.widgetContainerleftBottom__visibleContent {
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-around;
background-color:#009141;
padding:10px;
min-height:185px
}
.widgetContainerleftTop__visibleContent--title,
.widgetContainerrightTop__visibleContent--title,
.widgetContainerrightBottom__visibleContent--title,
.widgetContainerleftBottom__visibleContent--title {
position:relative;
writing-mode:vertical-rl;
text-align:center;
max-height:160px;
margin:0px;
text-transform:uppercase;
font-size:14px;
font-style:normal;
font-weight:700;
line-height:24px;
letter-spacing:2px;
color:#FFFFFF
}
.widgetContainerleftTop__hiddenContent,
.widgetContainerrightTop__hiddenContent,
.widgetContainerrightBottom__hiddenContent,
.widgetContainerleftBottom__hiddenContent {
background-color:#ffffff;
box-shadow:0px 0px 10px 0px rgba(0,0,0,.1);
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-around
}
@media screen and (min-width: 769px) {
.widgetContainerleftTop__hiddenContent,
.widgetContainerrightTop__hiddenContent,
.widgetContainerrightBottom__hiddenContent,
.widgetContainerleftBottom__hiddenContent {
transition:width .5s ease;
overflow-x:hidden
}
}
.widgetContainerleftTop__hiddenContent--bannerImg,
.widgetContainerrightTop__hiddenContent--bannerImg,
.widgetContainerrightBottom__hiddenContent--bannerImg,
.widgetContainerleftBottom__hiddenContent--bannerImg {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
max-width:205px
}
.widgetContainerleftTop__hiddenContent--bannerImg img,
.widgetContainerrightTop__hiddenContent--bannerImg img,
.widgetContainerrightBottom__hiddenContent--bannerImg img,
.widgetContainerleftBottom__hiddenContent--bannerImg img {
width:45px;
height:45px;
max-width:205px;
max-height:205px
}
.widgetContainerleftTop__hiddenContent--bannerText,
.widgetContainerrightTop__hiddenContent--bannerText,
.widgetContainerrightBottom__hiddenContent--bannerText,
.widgetContainerleftBottom__hiddenContent--bannerText {
overflow:auto;
max-height:130px;
max-width:250px;
width:100%;
margin:0px;
padding:0px 12%;
min-height:54px;
color:#191616;
text-align:center;
font-size:18px;
font-style:normal;
font-weight:700;
line-height:26px;
cursor:default;
overflow-x:hidden
}
.widgetContainerleftTop__hiddenContent--bannerText::-webkit-scrollbar,
.widgetContainerrightTop__hiddenContent--bannerText::-webkit-scrollbar,
.widgetContainerrightBottom__hiddenContent--bannerText::-webkit-scrollbar,
.widgetContainerleftBottom__hiddenContent--bannerText::-webkit-scrollbar {
width:4px;
border-radius:50%
}
.widgetContainerleftTop__hiddenContent--bannerText::-webkit-scrollbar-track,
.widgetContainerrightTop__hiddenContent--bannerText::-webkit-scrollbar-track,
.widgetContainerrightBottom__hiddenContent--bannerText::-webkit-scrollbar-track,
.widgetContainerleftBottom__hiddenContent--bannerText::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0)
}
.widgetContainerleftTop__hiddenContent--bannerText::-webkit-scrollbar-thumb,
.widgetContainerrightTop__hiddenContent--bannerText::-webkit-scrollbar-thumb,
.widgetContainerrightBottom__hiddenContent--bannerText::-webkit-scrollbar-thumb,
.widgetContainerleftBottom__hiddenContent--bannerText::-webkit-scrollbar-thumb {
background-color:rgba(142,142,142,.5);
outline:none;
border-radius:2px
}
.widgetContainerleftTop__hiddenContent--bannerText::-webkit-scrollbar-thumb:hover,
.widgetContainerrightTop__hiddenContent--bannerText::-webkit-scrollbar-thumb:hover,
.widgetContainerrightBottom__hiddenContent--bannerText::-webkit-scrollbar-thumb:hover,
.widgetContainerleftBottom__hiddenContent--bannerText::-webkit-scrollbar-thumb:hover {
background-color:#8e8e8e
}
.widgetContainerleftTop__hiddenContent--bannerLink,
.widgetContainerrightTop__hiddenContent--bannerLink,
.widgetContainerrightBottom__hiddenContent--bannerLink,
.widgetContainerleftBottom__hiddenContent--bannerLink {
display:inline-flex;
padding:8px 29px;
justify-content:center;
align-items:flex-start;
max-width:185px;
border:1px solid #fcfffe;
background-color:#009141;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:24px;
letter-spacing:1.2px;
text-transform:uppercase;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
cursor:pointer
}
.widgetContainerleftTop__hiddenContent--bannerLink:hover,
.widgetContainerrightTop__hiddenContent--bannerLink:hover,
.widgetContainerrightBottom__hiddenContent--bannerLink:hover,
.widgetContainerleftBottom__hiddenContent--bannerLink:hover {
background-color:#009141;
color:#FFFFFF;
border:1px solid #009141
}
.widgetContainerleftTop__hiddenContent--bannerLinkHidden,
.widgetContainerrightTop__hiddenContent--bannerLinkHidden,
.widgetContainerrightBottom__hiddenContent--bannerLinkHidden,
.widgetContainerleftBottom__hiddenContent--bannerLinkHidden {
display:none
}
.widgetContainerleftTop__hiddenContent--bannerContent,
.widgetContainerrightTop__hiddenContent--bannerContent,
.widgetContainerrightBottom__hiddenContent--bannerContent,
.widgetContainerleftBottom__hiddenContent--bannerContent {
display:flex;
align-items:center;
justify-content:space-around;
flex-direction:column;
height:100%;
padding:0 10px;
color:#191616
}
.widgetContainerleftTop__hiddenContent--closeButton,
.widgetContainerrightTop__hiddenContent--closeButton,
.widgetContainerrightBottom__hiddenContent--closeButton,
.widgetContainerleftBottom__hiddenContent--closeButton {
display:none
}
.widgetContainerleftTop:hover .widgetContainerleftTop__hiddenContent,
.widgetContainerleftTop:hover .widgetContainerrightTop__hiddenContent,
.widgetContainerleftTop:hover .widgetContainerrightBottom__hiddenContent,
.widgetContainerleftTop:hover .widgetContainerleftBottom__hiddenContent,
.widgetContainerrightTop:hover .widgetContainerleftTop__hiddenContent,
.widgetContainerrightTop:hover .widgetContainerrightTop__hiddenContent,
.widgetContainerrightTop:hover .widgetContainerrightBottom__hiddenContent,
.widgetContainerrightTop:hover .widgetContainerleftBottom__hiddenContent,
.widgetContainerrightBottom:hover .widgetContainerleftTop__hiddenContent,
.widgetContainerrightBottom:hover .widgetContainerrightTop__hiddenContent,
.widgetContainerrightBottom:hover .widgetContainerrightBottom__hiddenContent,
.widgetContainerrightBottom:hover .widgetContainerleftBottom__hiddenContent,
.widgetContainerleftBottom:hover .widgetContainerleftTop__hiddenContent,
.widgetContainerleftBottom:hover .widgetContainerrightTop__hiddenContent,
.widgetContainerleftBottom:hover .widgetContainerrightBottom__hiddenContent,
.widgetContainerleftBottom:hover .widgetContainerleftBottom__hiddenContent {
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-around
}
.widgetContainerleftTop:hover .widgetContainerleftTop__hiddenArrow,
.widgetContainerleftTop:hover .widgetContainerrightTop__hiddenArrow,
.widgetContainerleftTop:hover .widgetContainerrightBottom__hiddenArrow,
.widgetContainerleftTop:hover .widgetContainerleftBottom__hiddenArrow,
.widgetContainerrightTop:hover .widgetContainerleftTop__hiddenArrow,
.widgetContainerrightTop:hover .widgetContainerrightTop__hiddenArrow,
.widgetContainerrightTop:hover .widgetContainerrightBottom__hiddenArrow,
.widgetContainerrightTop:hover .widgetContainerleftBottom__hiddenArrow,
.widgetContainerrightBottom:hover .widgetContainerleftTop__hiddenArrow,
.widgetContainerrightBottom:hover .widgetContainerrightTop__hiddenArrow,
.widgetContainerrightBottom:hover .widgetContainerrightBottom__hiddenArrow,
.widgetContainerrightBottom:hover .widgetContainerleftBottom__hiddenArrow,
.widgetContainerleftBottom:hover .widgetContainerleftTop__hiddenArrow,
.widgetContainerleftBottom:hover .widgetContainerrightTop__hiddenArrow,
.widgetContainerleftBottom:hover .widgetContainerrightBottom__hiddenArrow,
.widgetContainerleftBottom:hover .widgetContainerleftBottom__hiddenArrow {
display:block
}
.widgetContainerleftTop:hover .widgetContainerleftTop__visibleArrow,
.widgetContainerleftTop:hover .widgetContainerrightTop__visibleArrow,
.widgetContainerleftTop:hover .widgetContainerrightBottom__visibleArrow,
.widgetContainerleftTop:hover .widgetContainerleftBottom__visibleArrow,
.widgetContainerrightTop:hover .widgetContainerleftTop__visibleArrow,
.widgetContainerrightTop:hover .widgetContainerrightTop__visibleArrow,
.widgetContainerrightTop:hover .widgetContainerrightBottom__visibleArrow,
.widgetContainerrightTop:hover .widgetContainerleftBottom__visibleArrow,
.widgetContainerrightBottom:hover .widgetContainerleftTop__visibleArrow,
.widgetContainerrightBottom:hover .widgetContainerrightTop__visibleArrow,
.widgetContainerrightBottom:hover .widgetContainerrightBottom__visibleArrow,
.widgetContainerrightBottom:hover .widgetContainerleftBottom__visibleArrow,
.widgetContainerleftBottom:hover .widgetContainerleftTop__visibleArrow,
.widgetContainerleftBottom:hover .widgetContainerrightTop__visibleArrow,
.widgetContainerleftBottom:hover .widgetContainerrightBottom__visibleArrow,
.widgetContainerleftBottom:hover .widgetContainerleftBottom__visibleArrow {
display:none
}
.widgetContainerleftTop__hiddenArrow,
.widgetContainerrightTop__hiddenArrow,
.widgetContainerrightBottom__hiddenArrow,
.widgetContainerleftBottom__hiddenArrow {
display:none
}
.widgetContainerleftTop__hiddenArrow svg path,
.widgetContainerrightTop__hiddenArrow svg path,
.widgetContainerrightBottom__hiddenArrow svg path,
.widgetContainerleftBottom__hiddenArrow svg path {
fill:#FFFFFF
}
.widgetContainerleftTop__visibleArrow svg path,
.widgetContainerrightTop__visibleArrow svg path,
.widgetContainerrightBottom__visibleArrow svg path,
.widgetContainerleftBottom__visibleArrow svg path {
fill:#FFFFFF
}
.widgetContainerleftTop {
top:20%
}
.widgetContainerrightTop {
top:20%;
right:0px
}
.widgetContainerrightTop__hiddenContent {
order:2
}
.widgetContainerleftBottom {
bottom:20%;
left:0px
}
.widgetContainerrightBottom {
bottom:20%;
right:0px
}
.widgetContainerrightBottom__hiddenContent {
order:2
}
@media screen and (min-width: 769px) {
.widgetContainer--hide {
visibility:hidden
}
}
.widgetContainerrightBottom,
.widgetContainerrightTop {
border-top-left-radius:calc(1*8px) !important;
border-bottom-left-radius:calc(1*8px) !important
}
.widgetContainerrightBottom__visibleContent,
.widgetContainerrightTop__visibleContent {
border-top-left-radius:calc(1*8px) !important;
border-bottom-left-radius:calc(1*8px) !important
}
.widgetContainerrightBottom__hiddenContent--bannerLink,
.widgetContainerrightTop__hiddenContent--bannerLink {
border-radius:calc(1*8px) !important
}
.widgetContainerleftBottom,
.widgetContainerleftTop {
border-top-right-radius:calc(1*8px) !important;
border-bottom-right-radius:calc(1*8px) !important
}
.widgetContainerleftBottom__visibleContent,
.widgetContainerleftTop__visibleContent {
border-top-right-radius:calc(1*8px) !important;
border-bottom-right-radius:calc(1*8px) !important
}
.widgetContainerleftBottom__hiddenContent--bannerLink,
.widgetContainerleftTop__hiddenContent--bannerLink {
border-radius:calc(1*8px) !important
}
/* Quick returns */
.refunds-container{color:#191616}
.refunds-view{max-width:980px;margin:0 auto 60px}
.refunds-view--intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.refunds-intro__title,.refunds-lookup__title,.refunds-card__title{margin:0 0 18px;color:#191616;font-weight:500}
.refunds-intro__title{font-size:32px}
.refunds-intro__lead,.refunds-lookup__lead,.refunds-card__text{margin:0 0 24px;color:#706f6f;line-height:1.6}
.refunds-steps{margin:0;padding:0;list-style:none}
.refunds-steps__item{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;line-height:1.5}
.refunds-steps__number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#009141;color:#FFFFFF;font-weight:500}
.refunds-intro__hint{margin:28px 0 0;font-weight:500}
.refunds-card,.refunds-lookup{padding:32px;border:1px solid #d1d1d1;background:#ffffff}
.refunds-card__button,.refund-form-submit-js{width:100%}
.refunds-lookup{max-width:560px;margin:0 auto}
.refunds-lookup__loginPrompt{margin:20px 0 0;color:#706f6f;text-align:center}
.refunds-lookup__loginLink{border:0;padding:0;background:none;color:#009141;cursor:pointer;text-decoration:underline}
.customer .customer__orderContent .orderContent__returnInfo{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:14px 16px;border:1px solid #d1d1d1;color:#191616;font-size:13px;line-height:1.5}
.customer .customer__orderContent .orderContent__returnInfo .svgIcon{flex:0 0 20px;fill:#009141}
.customer .customer__orderContent .orderContent__complainBtns{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 5px}
.customer .customer__orderContent .orderContent__complainBtn{display:inline-flex;align-items:center;gap:6px;border:1px solid #d1d1d1;background:#ffffff;color:#009141;fill:#009141;font-weight:400;cursor:pointer;white-space:nowrap;padding:8px 12px;font-size:13px;text-decoration:none}
.customer .customer__orderContent .orderContent__complainBtn svg{flex:0 0 16px;margin:0}
.customer .complain__product .complain__productInfo{display:block}
.customer .complain__product .complain__lightText{display:block;margin-top:6px}
.customer .complain__quantity{display:flex;align-items:center;margin-top:16px}
.customer .complain__quantity .quantity-field{width:60px}
.customer .refundMethodWrapper-js .form__input-info{top:-8px;font-size:11px}
.customer .complain__successView{max-width:520px;margin:0 auto;padding:50px 0;text-align:center;color:#191616}
.customer .complain__successView p{line-height:1.6}
.customer .complain__successIcon{fill:#009141;margin-bottom:18px}
.customer .complain__successTitle{margin:0 0 16px;font-weight:500}
.customer .complain__successInfoBox{display:flex;align-items:flex-start;gap:10px;margin:22px 0;padding:16px;border:1px solid #d1d1d1;background:#ffffff;text-align:left}
.customer .complain__successInfoBox .svgIcon{flex:0 0 20px;fill:#009141}
.customer .complain__successInfoBox strong{display:block;margin-top:4px}
.customer .complain__successStepsTitle{margin:24px 0 0;font-size:16px;font-weight:500}
.customer .complain__successSteps{margin:18px auto 28px;padding-left:24px;text-align:left;line-height:1.7}
.customer .complain__successActions{text-align:center}
.customer .form__attachementsLabel--btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #d1d1d1;background:#ffffff;color:#191616;padding:10px 16px;cursor:pointer}
.customer .form__attachement-input-container-attachments .addAttachementInComplaint-js{display:none;border:none}
.customer .form__clear-attachement-input{position:absolute;top:8px;right:8px;border:0;background:none;cursor:pointer}
/* Quick returns visual polish */
.refunds-container{max-width:1180px;margin:0 auto 70px;padding-top:34px;padding-bottom:20px}
.refunds-view{max-width:none}
.refunds-view--intro{grid-template-columns:minmax(0,1fr) 360px;gap:28px}
.refunds-intro{position:relative;padding:44px 46px;border:1px solid rgba(0,145,65,.18);background:linear-gradient(135deg,rgba(0,145,65,.09),rgba(255,255,255,.98) 48%,#ffffff);border-radius:16px;overflow:hidden}
.refunds-intro:after{content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px;border:34px solid rgba(0,145,65,.08);border-radius:50%;pointer-events:none}
.refunds-intro__title{max-width:680px;margin-bottom:14px;font-size:34px;line-height:1.16;letter-spacing:0}
.refunds-intro__lead{max-width:650px;margin-bottom:30px;font-size:17px;color:#706f6f}
.refunds-steps{display:grid;gap:12px;max-width:760px}
.refunds-steps__item{position:relative;align-items:center;margin:0;padding:16px 18px;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 28px rgba(25,22,22,.06)}
.refunds-steps__number{position:relative;z-index:1;box-shadow:0 8px 18px rgba(0,145,65,.22)}
.refunds-steps__item span:last-child{color:#191616}
.refunds-steps__item strong{font-weight:700}
.refunds-intro__hint{display:inline-flex;align-items:center;margin-top:26px;padding:10px 14px;border-radius:999px;background:rgba(0,145,65,.1);color:#006b33;font-size:13px;font-weight:700}
.refunds-card{padding:34px 28px;border:1px solid rgba(0,145,65,.25);border-radius:16px;box-shadow:0 18px 44px rgba(25,22,22,.1)}
.refunds-card__title{font-size:22px;line-height:1.25}
.refunds-card__text{font-size:14px}
.refunds-card__button,.refund-form-submit-js{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px}
.refunds-lookup{padding:38px;border-radius:16px;border-color:rgba(0,145,65,.2);box-shadow:0 18px 44px rgba(25,22,22,.08)}
.refunds-lookup__title{font-size:28px;line-height:1.2}
.refunds-lookup__lead{font-size:15px}
.refund-form-js .form__input-wrapper{margin-bottom:24px}
.refunds-lookup__loginPrompt{padding:16px;border:1px solid rgba(0,145,65,.18);border-radius:10px;background:rgba(0,145,65,.06);line-height:1.55}
.refunds-lookup__loginLink{font-weight:700}
.loginRegister.popup-dialog-js--loginRegister{align-items:center;justify-content:center;padding:24px;background:rgba(25,22,22,.48)}
.loginRegister.popup-dialog-js--loginRegister:not(.hidden-js){display:none}
.loginRegister__wrapper{position:relative;width:100%;max-width:520px;max-height:90vh;overflow:auto;background:#ffffff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.login-register-close-button{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:50%;background:#f5f5f5;cursor:pointer}
.login-register-close-button .svgIcon{fill:#191616}
.loginRegister .login-container{width:100%;padding:46px 42px 34px;background:#ffffff}
.loginRegister--login-only .login-form__registerLink{display:none}
.loginRegister .login-form__signIn{display:block;margin-right:44px;font-size:24px;line-height:1.25}
/* Quick returns popup fixes */
.customer .popupDialog__complain .complain__product figure{display:flex;align-items:center;justify-content:center;background:#f7f7f7;border-radius:10px;overflow:hidden}
.customer .popupDialog__complain .complain__product img.productImage-js{display:block;width:100%;max-width:120px;height:auto;max-height:120px;object-fit:contain}
.customer .popupDialog__complain .complain__product figure.noImage-js{background:#f2f2f2}