Самое важное о работе Demix! Подробнее
.informerBanner {
display: flex;
background: #f6f6f6;
height: 52px;
justify-content: center;
align-items: center;
}
.informerBanner_text {
color: #333;
font-size: 15px;
line-height: 0;
margin-top: -4px;
}
.informerBanner_pin {
width: 41px;
height: 28px;
flex-shrink: 0;
margin: 0 7px 0 0;
}
.informerBanner_arrow {
width: 8px;
height: 13px;
flex-shrink: 0;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgOCAxMyI+DQogICAgPHBhdGggZmlsbD0iIzMzMyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS43NzUgMTIuMzhMNy4zOCA2Ljc3NGEuMzguMzggMCAwIDAgMC0uNTUyTDEuNzc1LjYxOWEuMzguMzggMCAwIDAtLjU1MyAwbC0uNi42MDFhLjM4LjM4IDAgMCAwIDAgLjU1NGw0LjcyNSA0LjcyNUwuNjIgMTEuMjI1YS4zOC4zOCAwIDAgMCAwIC41NTNsLjYwMS42MDFhLjM4LjM4IDAgMCAwIC41NTMgMCIvPg0KPC9zdmc+) 50% 50% no-repeat;
margin: 0 0 0 10px;
}
@media only screen and (max-width : 768px) {
.informerBanner {
height: 48px;
}
.informerBanner_text {
font-size: 13px;
margin-top: -3px;
}
}
@media only screen and (max-width : 480px) {
.informerBanner_pin {
display: none;
}
}
.promo_btn_mb_cent_b{
margin-bottom: 8%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
}
.bannerButton-white{
background-color: #fff;
}
.promoBanner-100 {
background-image: url(https://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w20_21/mainbanner_1920.jpg);
background-position: center;
font-weight: normal;
}
@media only screen and (max-width : 1280px) {
}
@media only screen and (max-width : 1060px) {
.promo_btn_mb_cent_b{
margin-bottom: 80px;
}
}
@media only screen and (max-width : 640px) {
.promoBanner-100 {
background-image: url(https://cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w20_21/mainbanner_320.jpg);
background-position: top;
}
.promo_btn_mb_cent_b{
display: none;
}
}
@media only screen and (max-width : 420px) {
}
100% кэшбэк при покупке
товаров для детей
.imageBlock_imgLink-him2 {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w22/addbanner_LEFT_1920.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-him2 {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w22/addbanner_LEFT_320.jpg);
}
}
Тренировки
на свежем воздухе
.ars_two_btn_b{
display: flex;
justify-content: space-between;
width: 105%;
}
.imageBlock_imgLink-her2 {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w22/addbanner_RIGHT_1920.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-her2 {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w22/addbanner_RIGHT_320.jpg);
}
.ars_two_btn_b .dmxButton{
padding: 0 17px;
}
}
Мужчинам
.imageBlock_imgLink-him {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w20_21/addbanner_Gender-1_1920.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-him {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w20_21/addbanner_inventar_320.jpg);
}
}
Женщинам
.imageBlock_imgLink-her {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w20_21/addbanner_Gender-W_1920.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-her {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w20_21/addbanner_Gender-W_320.jpg);
}
}
Вступи в Demix Club
получи 500₽
.bannerClubpro {
display: flex;
height: 100px;
background: url(//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(//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;
}
}