-20% при покупке 3-х и более товаров для плавания
.imageBlock_imgLink-swim {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/swim.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-swim {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/swim-m.jpg);
}
}
-25% и -50% на каждую вторую и третью вещь
.imageBlock_imgLink-student {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/student.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-student {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/student-m.jpg);
}
}
Мужчинам
.imageBlock_imgLink-him {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/bannermen.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-him {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/bannermen-m.jpg);
}
}
Женщинам
.imageBlock_imgLink-her {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/bannerwomen.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-her {
background-image: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/bannerwomen-m.jpg);
}
}
Вступи в Demix Club
получи 500₽
.bannerClubpro {
display: flex;
height: 100px;
background: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/banner-club-bg.jpg) 45% 50% no-repeat;
padding: 0 25px;
align-items: center;
margin: 0 0 50px 0;
}
.bannerClubpro_textBlock {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
flex-grow: 1;
}
.bannerClubpro_text {
font-size: 50px;
line-height: 1;
letter-spacing: -1.6px;
font-style: italic;
color: #fff;
text-transform: uppercase;
}
.bannerClubpro_text-one {
padding: 0 30px 0 0;
}
.bannerClubpro_text-two {
padding: 0 30px 0 0;
}
.bannerClubpro_text-one strong {
font-weight: 700;
}
.bannerClubpro_text-two strong {
font-weight: 900;
}
.bannerClubpro_textNoBR {
white-space: nowrap;
}
.bannerClubpro_textRouble {
font-weight: 700;
font-family: arial, helvetica, sans-serif;
}
.bannerClubpro_button {
flex-shrink: 0;
}
@media only screen and (max-width : 1200px) {
.bannerClubpro_text {
font-size: 40px;
}
}
@media only screen and (max-width : 1024px) {
.bannerClubpro_textBlock {
justify-content: space-between;
}
}
@media only screen and (max-width : 768px) {
.bannerClubpro_text {
font-size: 28px;
}
}
@media only screen and (max-width : 480px) {
.bannerClubpro {
height: 380px;
background: url(http://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/banner-club-bg-m.jpg) 50% 50% no-repeat;
background-size: cover;
flex-direction: column;
padding: 32px 40px;
}
.bannerClubpro_textBlock {
text-align: center;
flex-direction: column;
}
.bannerClubpro_text {
font-size: 32px;
padding: 0;
display: flex;
flex-direction: column;
}
.bannerClubpro_text-one {
}
.bannerClubpro_text-two {
padding: 0 0 25px 0;
}
.bannerClubpro_text-two strong,
.bannerClubpro_text-two span {
font-size: 60px;
}
}