

/* Start:/bitrix/templates/mlife/css/monoblock-home-section.css?17887184047883*/
.mono-home-promo {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
    gap: 36px;
    align-items: center;
    overflow: hidden;
    width: auto !important;
    max-width: 980px;
    min-height: 0;
    height: auto !important;
    margin: 38px auto !important;
    padding: 44px;
    border-radius: 28px;
    float: none !important;
    clear: both !important;
    color: #eaf4ff;
    background:
        radial-gradient(circle at 5% 0%, rgba(0, 229, 255, .34), transparent 30%),
        radial-gradient(circle at 92% 100%, rgba(141, 98, 255, .48), transparent 35%),
        linear-gradient(135deg, #071a35 0%, #073d68 52%, #25165b 100%);
    box-shadow: 0 32px 80px rgba(13, 32, 69, .22);
}

.mono-home-promo,
.mono-home-promo * {
    box-sizing: border-box;
}

.mono-home-promo::before,
.mono-home-promo::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.mono-home-promo::before {
    top: -170px;
    left: 42%;
    width: 340px;
    height: 340px;
}

.mono-home-promo::after {
    right: -80px;
    bottom: -100px;
    width: 250px;
    height: 250px;
}

.mono-home-promo__content,
.mono-home-promo__media {
    position: relative;
    z-index: 1;
    min-width: 0;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 0;
    float: none !important;
    clear: none !important;
}

.mono-home-promo__content {
    display: block !important;
}

.mono-home-promo__labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
}

.mono-home-promo__labels span {
    display: inline-flex;
    min-height: 34px;
    padding: 7px 13px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    align-items: center;
    color: #ffffff;
    background: rgba(255, 255, 255, .09);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .07em;
    line-height: 1.2;
    text-transform: uppercase;
}

.mono-home-promo__labels span:first-child {
    border-color: #c9f24d;
    color: #10233f;
    background: #c9f24d;
    box-shadow: 0 9px 28px rgba(201, 242, 77, .2);
}

.mono-home-promo__eyebrow {
    display: block !important;
    width: 100% !important;
    max-width: 560px !important;
    height: auto !important;
    margin: 20px 0 16px !important;
    padding: 2px 0 2px 13px !important;
    border-left: 4px solid #c9f24d !important;
    color: #7bf3ff !important;
    background: transparent !important;
    float: none !important;
    clear: both !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .11em !important;
    line-height: 1.4 !important;
    text-align: left !important;
    text-shadow: 0 0 18px rgba(123, 243, 255, .35);
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: normal !important;
}

.mono-home-promo h2 {
    max-width: 760px;
    margin: 0 0 20px;
    color: #ffffff;
    width: 100% !important;
    max-width: 560px;
    float: none !important;
    clear: both !important;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.04;
}

.mono-home-promo__content > p:not(.mono-home-promo__eyebrow) {
    display: block !important;
    width: 100% !important;
    max-width: 540px !important;
    height: auto !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    color: #d8e6f5;
    font-size: 17px;
    line-height: 1.55;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.mono-home-promo ul {
    display: grid !important;
    width: 100% !important;
    max-width: 560px !important;
    height: auto !important;
    gap: 9px;
    margin: 0 0 26px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    list-style: none;
}

.mono-home-promo li {
    position: relative;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding-left: 27px;
    margin: 0 !important;
    float: none !important;
    clear: both !important;
    color: #f4f8fd;
    font-size: 16px;
    line-height: 1.45;
}

.mono-home-promo li::before {
    position: absolute;
    top: .4em;
    left: 1px;
    width: 12px;
    height: 7px;
    border-bottom: 3px solid #c9f24d;
    border-left: 3px solid #c9f24d;
    content: "";
    transform: rotate(-45deg);
}

.mono-home-promo__content > a {
    display: inline-flex;
    min-height: 56px;
    padding: 14px 23px;
    border-radius: 14px;
    align-items: center;
    gap: 18px;
    color: #10233f;
    background: #c9f24d;
    box-shadow: 0 15px 34px rgba(201, 242, 77, .2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
    float: none !important;
    clear: both !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.mono-home-promo__content > a:hover,
.mono-home-promo__content > a:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(201, 242, 77, .28);
}

.mono-home-promo__content > a span {
    font-size: 24px;
    line-height: .7;
}

.mono-home-promo__media {
    overflow: hidden;
    margin: 0;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 30px;
    background: rgba(255, 255, 255, .11);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .2);
}

.mono-home-promo__media img {
    display: block;
    width: 100%;
    height: 370px;
    border-radius: 20px;
    object-fit: cover;
    object-position: 50% 58%;
}

.mono-home-promo__media figcaption {
    display: block !important;
    width: auto !important;
    float: none !important;
    margin: 12px 5px 2px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    line-height: 1.45;
}

.mono-home-promo__feature {
    display: none !important;
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    min-width: 135px;
    min-height: 76px;
    padding: 10px 15px;
    border-radius: 18px;
    align-items: center;
    gap: 10px;
    color: #10233f;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 14px 34px rgba(16, 35, 63, .18);
}

.mono-home-promo__feature strong {
    color: #087fdd;
    font-size: 40px;
    line-height: 1;
}

.mono-home-promo__feature span {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .mono-home-promo {
        grid-template-columns: 1fr;
        width: auto !important;
        max-width: none;
        margin-right: 16px !important;
        margin-left: 16px !important;
        padding: 36px;
    }

    .mono-home-promo__media img {
        height: 430px;
    }
}

@media (max-width: 600px) {
    .mono-home-promo {
        gap: 28px;
        min-height: 0;
        margin: 30px 12px !important;
        padding: 28px 20px 20px;
        border-radius: 24px;
    }

    .mono-home-promo h2 {
        font-size: clamp(32px, 10vw, 42px);
    }

    .mono-home-promo__content > a {
        width: 100%;
        justify-content: center;
    }

    .mono-home-promo__media {
        padding: 9px;
        border-radius: 22px;
    }

    .mono-home-promo__media img {
        height: 330px;
        border-radius: 16px;
    }

    .mono-home-promo__feature {
        top: 20px;
        right: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mono-home-promo *,
    .mono-home-promo *::before,
    .mono-home-promo *::after {
        transition-duration: .01ms !important;
    }
}

/* End */


/* Start:/bitrix/templates/mlife/components/bitrix/system.pagenavigation/.default/style.css?17608703471405*/
.navigation {display:block;width:100%;padding:20px 0;clear:both;overflow:hidden;text-align:center;}
.navigation .navprew,
.navigation .navnext,
.navigation .navall {display:inline-block;padding:2px 15px;font-size:14px;line-height:28px;text-transform:uppercase;
color:#737373;margin:0 10px;border:1px solid #737373;display:none;}
.navigation span.num {display:inline-block;padding:0 0px;font-size:18px;line-height:32px;float:left;
}
.navigation span.name {display:inline-block;padding:0 10px 0 0px;font-size:18px;line-height:32px;float:left;color:#000000;
}
.navigation span.num b {display:inline-block;color:#ffffff;padding:0 0px;font-weight: normal;
background:#358de7;font-size:18px;line-height:32px;height:32px;width:32px;
border:1px solid #358de7;
}
.navigation span.num a {display:inline-block;color:#737373;text-decoration:none;padding:0 0px;
font-size:18px;line-height:32px;height:32px;width:32px;
border:1px solid #e1e6c3;background:#ffffff;color:#000000;
}
.navigation span.num a:hover {color:#358de7;border:1px solid #358de7;}

.navigation .navprew, 
.navigation .navnext, 
.navigation .navall a {color:#737373;text-decoration:none;}
.navigation .navprew:hover, 
.navigation .navnext:hover, 
.navigation .navall:hover {color:#00b7f4;border:1px solid #00b7f4;}
.navigation span.navprew:hover, 
.navigation span.navnext:hover {color:#737373;border:1px solid #737373;}

.dissalowLink {opacity:0.3;}
/* End */


/* Start:/bitrix/templates/mlife/components/mlife/mlife.multicatalog.section/new/style.css?17820323053049*/
.catalogList {width:100%;display:block;float:left;}
.catalogkond {width:100%;display:table;border-spacing:0;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.catalogList td {width:33%;border-left:1px solid #cccccc;border-top:1px solid #cccccc;}
/*.catalogList td.stdeltop {border-left:none;}*/
.catalogList .item  .name {display:block;padding:5px 0;font-size:14px;line-height:16px;text-align:left;margin-top:5px;margin-bottom:10px;}
.catalogList .item  .name a {display:block;margin:auto;width:100%;text-decoration:none;color:#0082a7;font-weight:bold;}
.catalogList .item  .name a:hover {text-decoration:underline;}
.catalogList .separator_horizont {width:100%;display:block;height:5px;}
.catalogList .item .image {height:200px;width:100%;display:block;clear:both;overflow:hidden;text-align:center;padding:10px 0;float:left;}
.catalogList .item .imageBl {width:33%;display:block;clear:both;overflow:hidden;text-align:center;padding:10px 0;float:left;}
.catalogList .item .info__right {display:block;float:right;width:65%;}
.catalogList .item .info__right .param {padding:3px 0;border-bottom:1px dotted #ededed;font-size:13px;line-height:16px;}
.catalogList .item .image a {display:block;width:100%;height:100%;position:relative;}
.catalogList .item .image img {max-height:100%;width:auto;}
.catalogList .item .price {color:#000000;padding:5px 0;font-size:18px;display:block;width:100%;clear:both;text-align:left;font-weight:bold;margin:10px 0;color:#0082a7;text-align:center;}
.catalogList .item .more a {display:block;padding:0px;background:#00C26D;
color:#ffffff;text-decoration:none;margin:20px 0 10px 0;width:96px;float:left;text-align:center;height:31px;
font-size:11px;text-transform:uppercase;line-height:31px;border-radius:3px;}
.nav {display:block;width:100%;padding:20px 0;clear:both;font-size:14px;}
.nav .text {padding-bottom:5px;display:block;width:100%;}

.wrapfilterRight {width:290px;display:block;float:right;overflow:hidden;position:relative;}
.catalogFilter {width:290px;display:block;float:right;overflow:hidden;position:relative;clear:both;}
.catalogMainwrap {width:670px;display:block;float:left;position:relative;}

.preload {display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:url('/bitrix/templates/mlife/components/mlife/mlife.multicatalog.section/new/images/loadbg6.png') 0 0 repeat;}
.preload .load {width:100%;height:100%;display:block;background:url('/bitrix/templates/mlife/components/mlife/mlife.multicatalog.section/new/images/load.gif') 50% 50% no-repeat;opacity:0.8;}

.catalogList .item  .name a {color:#358DE7;font-size:18px;line-height:22px;}
.catalogList .item .info__right {color:#000000;}
.catalogList .item .info__right .param {font-weight:normal;border-bottom:0px dotted #ededed;font-size:14px;line-height:16px;}
.catalogList .item .info__right .param b {font-weight:normal;}
.catalogList td {border:1px solid #B4B4B4;border-radius:3px;}
.catalogList .item .price {color:#FF0000;}
.catalogList .item .price .rubles {color:#000000;font-size:16px;font-weight:normal;}
.catalogList table {border-spacing:7px;border:none;}
.catalogList .item .image {margin:0px 5% 10px 5%;border:1px solid #B4B4B4;width:90%;}



/* End */
/* /bitrix/templates/mlife/css/monoblock-home-section.css?17887184047883 */
/* /bitrix/templates/mlife/components/bitrix/system.pagenavigation/.default/style.css?17608703471405 */
/* /bitrix/templates/mlife/components/mlife/mlife.multicatalog.section/new/style.css?17820323053049 */
