Самое важное о работе 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_10_mt_2{
margin-bottom: 12%;
margin-top: 2%;
}
.promoBanner_main-flex_end{
justify-content: flex-end;
}
.promoBanner_main-100{
text-transform: none;
}
.promoBanner-100 {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w14_2/Banners-demix-home.jpg);
background-position: center;
font-weight: normal;
}
.promoBanner-100 .promo_main_txt{
font-size: 76px;
text-transform: uppercase;
}
.promoBanner-100 .promo_main_txt2{
font-size: 30px;
font-weight: 500;
}
@media only screen and (max-width : 1280px) {
.promoBanner-100 .promo_main_txt{
font-size: 44px;
}
.promoBanner-100 .promo_main_txt2{
font-size: 24px;
}
.promo_btn_mb_10_mt_2{
margin-bottom: 10%;
margin-top: 2%;
}
}
@media only screen and (max-width : 1060px) {
.promoBanner_main-100 {
padding-right: 420px;
}
}
@media only screen and (max-width : 1024px) {
.promoBanner_main-100
padding-left: 20px;
}
}
@media only screen and (max-width : 960px) {
.promoBanner_main-100 {
font-size: 30px;
}
}
@media only screen and (max-width : 768px) {
.promoBanner_main-100 {
font-size: 20px;
}
}
@media only screen and (max-width : 640px) {
.promoBanner-100 {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w14_2/Banners-demix-home-MV.jpg);
background-position: top;
}
.promoBanner_main-100 {
padding: 20px 20px 20px 20px;
font-size: 25px;
justify-content: flex-end;
}
.promoBanner-100 .bannerButtonWrap {
display: none;
}
.promoBanner-100 .promo_main_txt {
font-size: 38px;
}
.promoBanner-100 .promo_main_txt2 {
font-size: 20px;
padding-top: 10px;
}
.promoBanner-100 .promo_main_txt span{
color: #bece00;
}
}
@media only screen and (max-width : 420px) {
.promoBanner-100 .promo_main_txt {
font-size: 27px;
}
.promoBanner-100 .promo_main_txt2 {
font-size: 17px;
padding-top: 10px;
}
}
Пока все дома:
время заняться спортом
.ars_two_btn_b{
display: flex;
justify-content: space-between;
}
.imageBlock_imgLink-him {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w13_14/top_left_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/w13_14/top_left_320.jpg);
}
.ars_two_btn_b .dmxButton{
padding: 0 17px;
}
}
Инвентарь
для домашних тренировок
.imageBlock_imgLink-her {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w13_14/top_right_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/w13_14/top_right_320.jpg);
}
}
Вдохновляй на спорт.
Дари подарочную карту
.imageBlock_imgLink-swim {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w5_6/top_right_1920.jpg);
}
@media only screen and (max-width : 800px) {
.imageBlock_imgLink-swim {
background-image: url(//cdn.sptmr.ru/upload/content/cmsgate/ru_demix/dmx/banners/hp/w5_6/top_right_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;
}
}