Поиск

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 1)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 2)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 3)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 4)
T
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 5)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 6)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 7)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 8)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 9)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 10)

как одеться экстравагантно
и практично одновременно

<style> .buro-share-button { --buro-share-button-bg-color: rgb(99, 212, 63); /* это цвет заливки кнопочечек */ background: none; padding: 0; width: 30px; height: 30px; border: none; cursor: pointer; transition: opacity .3s; opacity: 1; margin: 5px 0; } .buro-share-button:hover { opacity: .8 } .buro-share-button svg { width: 100%; height: 100%; fill: var(--buro-share-button-bg-color); } </style> <div style="display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 150px;"> <button class="buro-share-button dim" data-shareprefix="https://www.facebook.com/sharer/sharer.php?u=" onclick="window.open(this.dataset.shareprefix + encodeURIComponent(document.location.origin+document.location.pathname)); return false;"> <svg viewbox="0 0 512 512" style="display: block"><use xlink:href="https://www.buro247.ru/branding/2021/share.svg#facebook"></use></svg></button> <button class="buro-share-button dim" data-shareprefix="https://t.me/share?url=" onclick="window.open(this.dataset.shareprefix + encodeURIComponent(document.location.origin+document.location.pathname)); return false;"> <svg viewbox="0 0 512 512" style="display: block"><use xlink:href="https://www.buro247.ru/branding/2021/share.svg#telegram"></use></svg></button> <button class="buro-share-button" data-shareprefix="https://vk.com/share.php?url=" onclick="window.open(this.dataset.shareprefix + encodeURIComponent(document.location.origin+document.location.pathname)); return false;"> <svg viewbox="0 0 512 512" style="display: block"><use xlink:href="https://www.buro247.ru/branding/2021/share.svg#vk"></use></svg></button> <button class="buro-share-button" data-shareprefix="http://twitter.com/share?url=" onclick="window.open(this.dataset.shareprefix + encodeURIComponent(document.location.origin+document.location.pathname)); return false;"> <svg viewbox="0 0 512 512" style="display: block"><use xlink:href="https://www.buro247.ru/branding/2021/share.svg#twitter"></use></svg></button> </div>

Сезон зимних праздников приближается, и вопрос «в чем отмечать?» встает все острее. С одной стороны, импульсивные покупки ради одного выхода сегодня совсем не в чести. С другой, разве может парадно-выходной наряд быть многофункциональным? Вопреки всеобщей убежденности в обратном, мы ответим, что вполне может. Главное — выбирать с умом, руководствуясь не мимолетными трендами, а в первую очередь своим собственным стилем. Важно, чтобы вещи вам нравились, гармонично вписывались в гардероб и не были слишком 

привязаны к конкретной тенденции — тогда вероятность их долгой службы значительно повысится.

Предновогодний шопинг — это всегда серьезные траты, которые порой превышают наш обычный бюджет. Не переживать об этом (на очень выгодных условиях) поможет Кредитная СберКарта. Ею и вооружились наши герои — стилист Катя Гуссе и дизайнер Рома Уваров, — когда собирали праздничные образы с утилитарным потенциалом. Об их особенностях и преимуществах они расскажут сами.




Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 11)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-4045,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":15,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 12)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 13)

В плане стиля я очень всеядна. В моем гардеробе есть вещи абсолютно разных стилистических направлений. Если выбирать из существующих, то мне ближе всего бохо и кежуал-шик. А еще я люблю эклектику — смешение стилей, чем неожиданнее, тем лучше. Чистые стили сами по себе тоже очень привлекательны, но мне куда больше нравится сталкивать их друг с другом.


я люблю эклектику — смешение стилей, чем неожиданнее, тем лучше. 

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 14)

Собственно, этот наряд можно назвать эклектичным. Элемент эклектики заключается в сочетании строгого, даже грубоватого костюма с очень нарядным и сугубо женственным блестящим топом. К тому же он отражает мой любимый тренд на эстетику 2000-х: талия у брюк сильно занижена, жакет нарочито объемный, а топ, наоборот, крошечный.

Образ праздничный, но при этом очень практичный. Костюм — основа капсульного гардероба. Меняя топы и обувь, можно создавать совершенно непохожие друг на друга комплекты и по стилистике, и по настроению, и по функционалу.


Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 15)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":20,"y":109,"z":0,"opacity":1,"scaleX":1.45,"scaleY":1.45,"rotationX":0,"rotationY":0,"rotationZ":9}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 16)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 17)
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":0.74,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":555,"y":0,"z":0,"opacity":0.74,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":-180,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 18)
{"points":[{"id":7,"properties":{"x":0,"y":0,"z":0,"opacity":0.74,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":9,"properties":{"x":-554,"y":0,"z":0,"opacity":0.74,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":180,"rotationZ":0}}],"steps":[{"id":8,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 19)
<div class="content buroXsber"> <div class="content__item"> <div class="item__wrapper"> <div class="item__card cardPay afterItem"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__action"> <div class="action__card" draggable="false"> <img draggable="false" width="406" height="342" src="https://www.buro247.ru/images/sberXburo/card.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 20)"> </div> </div> <div class="card__image"> <div class="image__item"> <img draggable="false" width="270" height="115" src="https://www.buro247.ru/images/sberXburo/wireless-02%201.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 21)"> </div> </div> <div class="card__text"> <span class="text__before"> Поднесите карту <br> к терминалу или карточкам <br> и удерживайте, чтобы увидеть больше образов </span> <span class="text__after"> Больше возможностей —<br> больше вариантов<br> для составления образов </span> </div> <div class="card__afterText"> <div class="afterText__item"> <span> <a href="https://clck.ru/YknFb" target="_blank">Кредитная СберКарта</a> такая же многофункциональная, как этот брючный костюм. С ней получится позволить себе непредвиденную покупку, арендовать машину и чувствовать себя уверенно, ведь финансовая «подушка» всегда под рукой. Переживать по поводу процентов при этом не придется — вернуть потраченное можно в течение 120 дней безо всяких процентов. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 254px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/1/Group%2054%20%281%29.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 22)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> В офис </span> </div> <div class="image__item" style="height: 275px" data-mobile-style="height: 224px;"> <img draggable="false" width="300" height="275" src="https://www.buro247.ru/images/sberXburo/1/Group%2058%20%281%29.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 23)"> </div> </div> <div class="card__text"> <span> Добавим к костюму лоферы и белую рубашку — получим образ для деловых встреч, офиса и так далее. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 254px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/1/Group%2054%20%281%29.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 24)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> На ужин </span> </div> <div class="image__item" style="height: 275px" data-mobile-style="height: 224px;"> <img draggable="false" width="300" height="275" src="https://www.buro247.ru/images/sberXburo/1/Group%2059.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 25)"> </div> </div> <div class="card__text"> <span> Если необходимо сбавить строгость, но сохранить элегантность, замените рубашку на водолазку, а лоферы на остроносые ботильоны. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 254px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/1/Group%2054%20%281%29.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 26)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Mix&amp;Match </span> </div> <div class="image__item" style="height: 275px" data-mobile-style="height: 224px;"> <img draggable="false" width="300" height="275" src="https://www.buro247.ru/images/sberXburo/1/Group%2060.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 27)"> </div> </div> <div class="card__text"> <span> И главное, костюм всегда можно разбить, носить брюки и пиджак по-отдельности. Миксовать с топами, трикотажными платьями и прочим. </span> </div> </div> </div> </div> </div> </div>
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-600,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":300,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 28)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 29)

Еще один довольно эклектичный образ. Тут тоже присутствует тренд на 2000-е — мини-юбка с жакетом, клетка — но в более современной интерпретации. И вдруг неожиданно рядом с этой лаконичной «двойкой» появляются не лоферы, не балетки и не лодочки, а сапоги-казаки. Вкупе с элементом многослойности — под жакет мы надели полупрозрачную шелковую блузку навыпуск — все это выглядит очень эффектно.

Здесь тоже справедливо замечание по поводу многофункциональности костюма. При смене деталей будет меняться и суть наряда.


Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 30)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":20,"y":109,"z":0,"opacity":1,"scaleX":1.45,"scaleY":1.45,"rotationX":0,"rotationY":0,"rotationZ":9}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}


ДОПОЛНИТЕ ПРЕДНОВГОДНИЙ ШОПИНГ КЛАССНЫМ ТРЕКЛИСТОМ

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 31)
<iframe frameborder="0" style="border-style: none;" width="100%" height="450" src="https://sber-zvuk.com/embed/playlist?id=6864738"></iframe>


В плане стилей я очень всеядна. В моем гардеробе есть вещи из абсолютно разных стилистических направлений.

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 32)
{"points":[{"id":10,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":6}},{"id":12,"properties":{"x":456,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":360,"rotationZ":6}},{"id":16,"properties":{"x":601,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":360,"rotationZ":6}}],"steps":[{"id":11,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}},{"id":17,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 33)
{"points":[{"id":13,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":6}},{"id":15,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":360,"rotationZ":6}}],"steps":[{"id":14,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 34)
<div class="content buroXsber"> <div class="content__item"> <div class="item__wrapper"> <div class="item__card cardPay afterItem"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__action"> <div class="action__card"> <img draggable="false" width="406" height="342" src="https://www.buro247.ru/images/sberXburo/card.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 35)"> </div> </div> <div class="card__image"> <div class="image__item"> <img draggable="false" width="270" height="115" src="https://www.buro247.ru/images/sberXburo/wireless-02%201.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 36)"> </div> </div> <div class="card__afterText"> <div class="afterText__item"> <span> Кстати, о прозрачности, главное преимущество <a href="https://clck.ru/YknFb" target="_blank">Кредитной СберКарты</a> — абсолютная ясность условий ее использования. Если вернуть деньги за это время не удастся, процентная ставка составит 17,9% и всего 9,8% на самое актуальное: траты в категории «Здоровье» и онлайн-покупки в маркетплейсе «СберМегаМаркет». </span> </div> </div> <div class="card__text"> <span class="text__before"> Поднесите карту <br> к терминалу или карточкам <br> и удерживайте, чтобы увидеть больше образов </span> <span class="text__after"> Больше возможностей —<br> больше вариантов<br> для составления образов </span> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 280.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/2/Group%2060.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 37)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> По делам </span> </div> <div class="image__item" style="width: 280.5px;height: 280px" data-mobile-style="width: 204px;"> <img draggable="false" width="280.5" height="292" src="https://www.buro247.ru/images/sberXburo/2/Group%2057.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 38)"> </div> </div> <div class="card__text"> <span> Днем добавляем к костюму плотные колготки, высокие сапоги, черную водолазку — и можно идти по делам. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 280.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/2/Group%2060.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 39)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> На вечеринку </span> </div> <div class="image__item" style="width: 284px;height: 280px" data-mobile-style="width: 204px;"> <img draggable="false" width="284" height="287.5" src="https://www.buro247.ru/images/sberXburo/2/Group%2058.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 40)"> </div> </div> <div class="card__text"> <span> Вечером надеваем полупрозрачную блузку и казаки — и нетривиальный образ для какого-нибудь модного вечернего мероприятия готов. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 280.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/2/Group%2060.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 41)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> На свидание </span> </div> <div class="image__item" style="width: 271.5px; height: 280px" data-mobile-style="width: 204px;"> <img draggable="false" width="279" height="277.5" src="https://www.buro247.ru/images/sberXburo/2/Group%2059.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 42)"> </div> </div> <div class="card__text"> <span> Заменим казаки на изящные лодочки, а блузку на шелковый топ в бельевом стиле — получим наряд для свидания или ужина в ресторане. </span> </div> </div> </div> </div> </div> </div>
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-600,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":300,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 43)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 44)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":20,"y":109,"z":0,"opacity":1,"scaleX":1.45,"scaleY":1.45,"rotationX":0,"rotationY":0,"rotationZ":9}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
В третьем образе отражен другой важный тренд сезона — 1960-е (стиль Твигги, короткие платья А-силуэта, лоферы и прочее). Причем он в чистом виде. Вообще, стилистики шестидесятых многие боятся, ведь оверсайз и длинные юбки куда привычнее приталенных фасонов и мини. И очень зря — универсальности в нем ничуть не меньше.
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 45)

Выбранное мной платье, которое вписывается в капсулу с нарядными вещами, это подтверждает. Отсылка к 1960-м считывается довольно явно, но благодаря цвету, плотности материала и простоте силуэта его можно будет носить и после того, как тренд отыграет. Это же то самое «маленькое черное платье», очень классическое и очень универсальное.

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 46)
<div class="content buroXsber"> <div class="content__item"> <div class="item__wrapper"> <div class="item__card cardPay"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__action"> <div class="action__card"> <img draggable="false" width="406" height="342" src="https://www.buro247.ru/images/sberXburo/card.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 47)"> </div> </div> <div class="card__image"> <div class="image__item"> <img draggable="false" width="270" height="115" src="https://www.buro247.ru/images/sberXburo/wireless-02%201.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 48)"> </div> </div> <div class="card__text"> <span class="text__before"> Поднесите карту <br> к терминалу или карточкам <br> и удерживайте, чтобы увидеть больше образов </span> <span class="text__after"> Больше возможностей —<br> больше вариантов<br> для составления образов </span> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/3/Group%2063.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 49)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Вечерняя классика </span> </div> <div class="image__item" style="width: 222.5px; height: 285px" data-mobile-style="width: 182.5px;height: 225px;"> <img draggable="false" width="222.5" height="264" src="https://www.buro247.ru/images/sberXburo/3/Group%2062.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 50)"> </div> </div> <div class="card__text"> <span> Вечером, если вам хочется выглядеть женственно и изящно, наденьте его с простыми лодочками — беспроигрышный вариант. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/3/Group%2063.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 51)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Женственность днем </span> </div> <div class="image__item" style="width: 265px; height: 285px" data-mobile-style="width: 222.5px; height: 225px;"> <img draggable="false" width="265" height="285" src="https://www.buro247.ru/images/sberXburo/3/Group%2061.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 52)"> </div> </div> <div class="card__text"> <span> Днем носите платье с обувью без каблука, например, с жокейскими сапогами, и плотными колготками. </span> </div> </div> </div> </div> </div> </div>
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-150,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":75,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 53)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 54)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 55)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-4045,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":15,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 56)

Мой стиль никогда не зависел от сезонов, трендов и маркетинговых стратегий, он состоит из того, что свойственно и нравится исключительно мне. Это такой вечный эксперимент — обожаю соединять сложные и простые вещи, винтаж и что-то странное дизайнерское. Предпочтения большинства я никогда не разделял, в вопросах стиля я скорее индивидуалист. Мне интересно искать и находить что-то новое, пробовать и примерять то, чего я никогда не носил, комбинировать это с базой, но, опять же, характерной именно для меня. Эти три образа отлично меня отражают — перед вами то, что я мог бы носить каждый день. На работу, на деловые встречи, какие-то мероприятия — куда угодно.

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 57)

Мне интересно искать и находить что-то новое и примерять 
то, чего я никогда не носил

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 58)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 59)

В основе этого образа достаточно базовые брюки, которые мы усилили за счет рубашки с выразительным принтом, винтажной обуви и маленькой сумочки. Все задействованные тут вещи могут отлично работать и по отдельности.

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 60)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":20,"y":109,"z":0,"opacity":1,"scaleX":1.45,"scaleY":1.45,"rotationX":0,"rotationY":0,"rotationZ":9}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 61)
<div class="content buroXsber"> <div class="content__item roman"> <div class="item__wrapper"> <div class="item__card cardPay"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__action"> <div class="action__card"> <img draggable="false" width="406" height="342" src="https://www.buro247.ru/images/sberXburo/card.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 62)"> </div> </div> <div class="card__image"> <div class="image__item"> <img draggable="false" width="270" height="115" src="https://www.buro247.ru/images/sberXburo/wireless-02%201.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 63)"> </div> </div> <div class="card__text"> <span class="text__before"> Поднесите карту <br> к терминалу или карточкам <br> и удерживайте, чтобы увидеть больше образов </span> <span class="text__after"> Больше возможностей —<br> больше вариантов<br> для составления образов </span> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/4/Group%2081.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 64)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Карго в офис </span> </div> <div class="image__item" style="width: 277.5px; height: 269.5px" data-mobile-style="width: 237.5px;height: 219.5px;"> <img draggable="false" width="277.5" height="245.5" src="https://www.buro247.ru/images/sberXburo/4/Group%2083.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 65)"> </div> </div> <div class="card__text"> <span> Брюки можно носить с пиджаком и вязаным жилетом. Добавьте лаконичную рубашку — получите строгий повседневный образ для офиса. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/4/Group%2082.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 66)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Кежуал с рубашкой </span> </div> <div class="image__item" style="width: 260.5px; height: 269.5px" data-mobile-style="width: 237.5px;height: 219.5px;"> <img draggable="false" width="260.5" height="240.5" src="https://www.buro247.ru/images/sberXburo/4/Group%2084.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 67)"> </div> </div> <div class="card__text"> <span> Днем носите платье с обувью без каблука, например, с жокейскими сапогами, и плотными колготками. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/4/Group%2082.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 68)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Рубашка + водолазка </span> </div> <div class="image__item" style="width: 274.5px; height: 269.5px" data-mobile-style="width: 213.5px; height: 190.5px;"> <img draggable="false" width="274.5" height="244.5" src="https://www.buro247.ru/images/sberXburo/4/Group%2085.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 69)"> </div> </div> <div class="card__text"> <span> Еще одно интересное решение: надеть под рубашку лонгслив или водолазку. Не бойтесь взять что-то яркое и контрастное. Цветовой акцент тут не повредит. </span> </div> </div> </div> </div> </div> </div>
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-600,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":300,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 70)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 71)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":20,"y":109,"z":0,"opacity":1,"scaleX":1.45,"scaleY":1.45,"rotationX":0,"rotationY":0,"rotationZ":9}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}

Тут я решил поиграть с принтами, фактурами и цветовой гаммой. Все вещи максимально разношерстные, настолько, что непохожесть друг на друга уходит из минуса в плюс и начинает гармонизировать образ. Разобрать его на отдельные элементы и заставить их работать в сочетаниях поскромнее проще простого.


Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 72)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":20,"y":109,"z":0,"opacity":1,"scaleX":1.45,"scaleY":1.45,"rotationX":0,"rotationY":0,"rotationZ":9}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}


вечный эксперимент — обожаю соединять сложные и простые вещи, винтаж и что-то странное дизайнерское.

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 73)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":790,"y":-25,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 74)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":713,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 75)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":638,"y":25,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 76)
<div class="content buroXsber"> <div class="content__item roman"> <div class="item__wrapper"> <div class="item__card cardPay afterItem"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__action"> <div class="action__card"> <img draggable="false" width="406" height="342" src="https://www.buro247.ru/images/sberXburo/card.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 77)"> </div> </div> <div class="card__image"> <div class="image__item"> <img draggable="false" width="270" height="115" src="https://www.buro247.ru/images/sberXburo/wireless-02%201.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 78)"> </div> </div> <div class="card__text"> <span class="text__before"> Поднесите карту <br> к терминалу или карточкам <br> и удерживайте, чтобы увидеть больше образов </span> <span class="text__after"> Больше возможностей —<br> больше вариантов<br> для составления образов </span> </div> <div class="card__afterText"> <div class="afterText__item"> <span> С <a href="https://clck.ru/YknFb" target="_blank">Кредитной СберКартой</a> удобно обновлять гардероб к праздникам или новому сезону. Главное — вносить минимальный ежемесячный платеж вовремя, он составляет 3% от потраченной суммы и целиком идет в счет погашения задолженности. А чтобы вы не забыли о платеже, существует система бесплатного СМС-оповещения. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 184px;"> <img width="239.5" height="380" src="https://www.buro247.ru/images/sberXburo/5/Group%2086.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 79)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Чудо-джинсы </span> </div> <div class="image__item" style="width: 268px; height: 270.5px" data-mobile-style="width: 237.5px;height: 225px;"> <img draggable="false" width="268" height="257.5" src="https://www.buro247.ru/images/sberXburo/5/Group%2088.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 80)"> </div> </div> <div class="card__text"> <span> Джинсы с принтом сделают любой базовый образ интереснее. Дополните их водолазкой и свитшотом — получится нескучный комплект на день. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 265.5px;" data-mobile-style="width: 204px;"> <img width="265.5" height="380" src="https://www.buro247.ru/images/sberXburo/5/Group%2087.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 81)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Внимание на кардиган </span> </div> <div class="image__item" style="width: 327.5px; height: 270.5px" data-mobile-style="width: 217.5px;height: 180px;"> <img draggable="false" width="327.5" height="263" src="https://www.buro247.ru/images/sberXburo/5/Group%2089.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 82)"> </div> </div> <div class="card__text"> <span> Кардиган тоже очень выразительный. Чтобы это подчеркнуть, «водрузите» его на черную основу — наденьте с максимально простыми черными джинсами и футболкой. </span> </div> </div> </div> </div> </div> </div>
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-150,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":75,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 83)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 84)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 85)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":20,"y":109,"z":0,"opacity":1,"scaleX":1.45,"scaleY":1.45,"rotationX":0,"rotationY":0,"rotationZ":9}}],"steps":[{"id":2,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}

Третий наряд — самый праздничный из всех. Я вдохновлялся ностальгией по предновогодним утренникам в советском детском саду. Отсюда очаровательный белый воротничок, звериный принт и вся эта теплая прянично-конфетная гамма. Что до универсальности, то тут, как и в предыдущих образах, каждую вещь легко приспособить к повседневности за счет упрощения основы.


ДОПОЛНИТЕ ПРЕДНОВГОДНИЙ ШОПИНГ КЛАССНЫМ ТРЕКЛИСТОМ

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 86)
<iframe frameborder="0" style="border-style: none;" width="100%" height="450" src="https://sber-zvuk.com/embed/playlist?id=6864748"></iframe>
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 87)
{"points":[{"id":4,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":6,"properties":{"x":384,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":17,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":5,"properties":{"duration":0.8,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}},{"id":18,"properties":{"duration":0.8,"delay":0.4,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 88)
{"points":[{"id":10,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":12,"properties":{"x":384,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":15,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":11,"properties":{"duration":1.2,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}},{"id":16,"properties":{"duration":1.2,"delay":0.4,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 89)
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":384,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":13,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":1.6,"delay":0,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}},{"id":14,"properties":{"duration":1.6,"delay":0.4,"bezier":[],"ease":"Power2.easeOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 90)
<div class="content buroXsber"> <div class="content__item roman"> <div class="item__wrapper"> <div class="item__card cardPay"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__action"> <div class="action__card"> <img draggable="false" width="406" height="342" src="https://www.buro247.ru/images/sberXburo/card.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 91)"> </div> </div> <div class="card__image"> <div class="image__item"> <img draggable="false" width="270" height="115" src="https://www.buro247.ru/images/sberXburo/wireless-02%201.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 92)"> </div> </div> <div class="card__text"> <span class="text__before"> Поднесите карту <br> к терминалу или карточкам <br> и удерживайте, чтобы увидеть больше образов </span> <span class="text__after"> Больше возможностей —<br> больше вариантов<br> для составления образов </span> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/6/Group%2090.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 93)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Необычный фасон </span> </div> <div class="image__item" style="width: 270.5px; height: 250px" data-mobile-style="width: 213.5px; height: 200px;"> <img draggable="false" width="270.5" height="252.5" src="https://www.buro247.ru/images/sberXburo/6/Group%2092.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 94)"> </div> </div> <div class="card__text"> <span> Джинсы предельно универсальны, за выразительность тут отвечает силуэт. Поэтому, даже надев их с самой простой футболкой, вы подчеркнете свою индивидуальность. </span> </div> </div> </div> <div class="item__card"> <div class="card__background"> <svg width="442.5" height="572" viewbox="0 0 442.5 572" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#filter0_f_198_12)"><rect x="30" y="30" width="382.5" height="512" rx="40" fill="url(#paint0_linear_198_12)"></rect></g><defs><filter id="filter0_f_198_12" x="0" y="0" width="442.5" height="572" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"></feflood><feblend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feblend><fegaussianblur stddeviation="15" result="effect1_foregroundBlur_198_12"></fegaussianblur></filter><lineargradient id="paint0_linear_198_12" x1="45" y1="35.75" x2="393.5" y2="530.5" gradientunits="userSpaceOnUse"><stop stop-color="#63D43F"></stop><stop offset="1" stop-color="#60D6FB"></stop></lineargradient></defs></svg> </div> <div class="card__before"> <div class="before__item" style="width: 239.5px;" data-mobile-style="width: 204px;"> <img width="254" height="320" src="https://www.buro247.ru/images/sberXburo/6/Group%2091.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 95)"> </div> </div> <div class="card__content"> <div class="card__image"> <div class="image__text"> <span> Жилет = преппи </span> </div> <div class="image__item" style="width: 227.5px; height: 250px" data-mobile-style="width: 200.5px; height: 220px;"> <img draggable="false" width="227.5" height="245.5" src="https://www.buro247.ru/images/sberXburo/6/Group%2093.png" alt="Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 96)"> </div> </div> <div class="card__text"> <span> Жилет можно упростить при помощи менее контрастных брюк (вроде коричневых из первого образа). Получится актуальный базовый комплект в духе преппи. </span> </div> </div> </div> </div> </div> </div>
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-150,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":75,"delay":0,"bezier":[],"ease":"Power0.easeNone","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
<style> /* DESKTOP */ .buroXsber { box-sizing: border-box; } .buroXsber img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .buroXsber * { box-sizing: border-box; } @media screen and (min-width: 850px) { .container, .content.buroXsber { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; } .content.buroXsber { height: 100%; } .content.buroXsber .content__item { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; } .content.buroXsber .content__item .item__wrapper { display: flex; justify-content: flex-start; align-items: flex-start; width: auto; padding: 100px 100px 30px 300px; } .content.buroXsber .content__item .item__card { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 382px; height: 512px; position: relative; } .content.buroXsber .content__item .item__card a { color: inherit; text-decoration: underline; } .content.buroXsber .content__item .item__card .card__background { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; z-index: 1; } .content.buroXsber .content__item .item__card .card__background svg { min-width: 120%; z-index: 1; } .content.buroXsber .content__item .item__card .card__background:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 2; background: #f6f6f6; border-radius: 40px; } .content.buroXsber .content__item .item__card .card__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; height: 100%; padding: 37px 0 0; border-radius: 40px; } .content.buroXsber .content__item .item__card .card__content .card__image, .content.buroXsber .content__item .item__card .card__content .card__text { opacity: 0; will-change: opacity; transition: opacity 0.75s; } .content.buroXsber .content__item .item__card .card__image { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; z-index: 2; margin-bottom: 25px; } .content.buroXsber .content__item .item__card .card__image .image__text { display: flex; justify-content: center; align-items: flex-start; width: 100%; margin-bottom: 15px; } .content.buroXsber .content__item .item__card .card__image .image__text span { text-align: center; width: 283px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 22px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card .card__image .image__item { display: flex; justify-content: center; align-items: flex-start; width: 290px; } .content.buroXsber .content__item .item__card .card__afterText { display: flex; justify-content: center; align-items: flex-start; width: 100%; height: 100%; position: absolute; z-index: 3; background: #f6f6f6; opacity: 0; transition: opacity 0.3s; will-change: opacity; pointer-events: none; border-radius: 40px; } .content.buroXsber .content__item .item__card .card__afterText .afterText__item { display: flex; justify-content: center; align-items: flex-start; margin-top: 205px; } .content.buroXsber .content__item .item__card .card__afterText .afterText__item span { text-align: center; width: 333.5px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 20px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card .card__text { display: flex; justify-content: center; align-items: flex-start; width: 100%; position: relative; z-index: 2; } .content.buroXsber .content__item .item__card .card__text span { text-align: center; width: 330px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 20px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card .card__text .text__after { display: none; } .content.buroXsber .content__item .item__card .card__before { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; border-radius: 40px; will-change: opacity; transition: opacity 0.5s; z-index: 3; } .content.buroXsber .content__item .item__card .card__before .before__item { display: flex; justify-content: center; align-items: center; width: auto; height: auto; z-index: 1; } .content.buroXsber .content__item .item__card .card__before:after { content: ''; width: 100%; height: 100%; position: absolute; background: linear-gradient( 151.01deg, rgba(99, 212, 63, 0.7) 1.01%, rgba(96, 214, 251, 0.7) 97.34% ); border-radius: 40px; z-index: 2; } .content.buroXsber .content__item .item__card .card__action { display: flex; width: 100%; height: 100%; position: absolute; pointer-events: none; z-index: 4; } .content.buroXsber .content__item .item__card .card__action .action__card { display: flex; justify-content: flex-start; align-items: flex-start; width: 406px; height: 342px; margin-left: -206px; margin-top: 85px; pointer-events: all; cursor: pointer; will-change: transform; transition: transform 0.5s; } .content.buroXsber .content__item .item__card .card__action .action__card img { will-change: transform; transition: transform 0.5s; } .content.buroXsber .content__item .item__card.cardPay { padding: 0; z-index: 5; } .content.buroXsber .content__item .item__card.cardPay:after { content: ''; width: 100%; height: 100%; position: absolute; background: linear-gradient( 152.25deg, rgba(99, 212, 63, 0.45) 2.09%, rgba(96, 214, 251, 0.45) 96.82% ); border-radius: 40px; opacity: 0; transition: opacity 1s; will-change: opacity; z-index: 1; } .content.buroXsber .content__item .item__card.cardPay .card__image { margin-top: 120px; margin-bottom: 134px; } .content.buroXsber .content__item .item__card.cardPay .card__image .image__item { width: 270px; } .content.buroXsber .content__item .item__card.cardPay .card__text span { text-align: left; width: 283px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 20px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card.cardPay.payed:after { opacity: 1; } .content.buroXsber .content__item .item__card.cardPay.payed .card__action .action__card img { animation: payedCallback 0.5s; } @keyframes payedCallback { 0% { transform: scale(0.9); } 50% { transform: scale(0.85); } to { transform: scale(1); } } .content.buroXsber .content__item .item__card:not(:last-child) { margin-right: 60px; } .content.buroXsber .content__item.inArea .item__card .card__action .action__card img { transform: scale(0.9); transition: transform 1.5s; } .content.buroXsber .content__item.inArea .item__card.cardPay:after { opacity: 1; } .content.buroXsber .content__item.isPayed .item__card .card__before { opacity: 0; pointer-events: none; } .content.buroXsber .content__item.isPayed .item__card .card__text .text__before { display: none; } .content.buroXsber .content__item.isPayed .item__card .card__text .text__after { display: inline; } .content.buroXsber .content__item.isPayed .item__card .card__afterText { opacity: 1; pointer-events: all; } .content.buroXsber .content__item.isPayed .item__card .card__content .card__image, .content.buroXsber .content__item.isPayed .item__card .card__content .card__text { opacity: 1; } .content.buroXsber .content__item.isPayed .item__card.cardPay .card__action .action__card { transform: translate3d(188px, -61px, 0); } .content.buroXsber .content__item.isPayed .item__card.cardPay .card__action .action__card img { animation: payedCallback 0.5s; } .content.buroXsber .content__item.isPayed .item__card.cardPay.afterItem .card__action .action__card { transform: translate3d(222px, -201px, 0) scale(0.78528); } .content.buroXsber .content__item.isPayed .item__card.cardPay.afterItem .card__action .action__card img { animation: payedCallback 0.5s; } .content.buroXsber .content__item.roman .item__card.cardPay:after { background: linear-gradient( 151.01deg, rgba(99, 212, 63, 0.7) 1.01%, rgba(96, 214, 251, 0.7) 97.34% ); } .item_mobile, .item_tablet { display: none !important; } } @media screen and (max-width: 850px) { .container, .content.buroXsber { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; } .content.buroXsber { height: 100%; } .content.buroXsber .content__item { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; } .content.buroXsber .content__item .item__wrapper { display: flex; justify-content: flex-start; align-items: flex-start; width: auto; padding: 100px 50px 15px 150px; } .content.buroXsber .content__item .item__card { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 310px; height: 415.497383px; position: relative; } .content.buroXsber .content__item .item__card a { color: inherit; text-decoration: underline; } .content.buroXsber .content__item .item__card .card__background { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; z-index: 1; } .content.buroXsber .content__item .item__card .card__background svg { min-width: 120%; z-index: 1; } .content.buroXsber .content__item .item__card .card__background:after { content: ''; width: 100%; height: 100%; position: absolute; z-index: 2; background: #f6f6f6; border-radius: 20px; } .content.buroXsber .content__item .item__card .card__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; height: 100%; padding: 19px 0 0; border-radius: 20px; } .content.buroXsber .content__item .item__card .card__content .card__image, .content.buroXsber .content__item .item__card .card__content .card__text { opacity: 0; will-change: opacity; transition: opacity 0.75s; } .content.buroXsber .content__item .item__card .card__image { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; z-index: 2; margin-bottom: 15px; } .content.buroXsber .content__item .item__card .card__image .image__text { display: flex; justify-content: center; align-items: flex-start; width: 100%; margin-bottom: 20px; } .content.buroXsber .content__item .item__card .card__image .image__text span { text-align: center; width: 229.659686px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 22px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card .card__image .image__item { display: flex; justify-content: center; align-items: flex-start; width: 230px; } .content.buroXsber .content__item .item__card .card__afterText { display: flex; justify-content: center; align-items: flex-start; width: 100%; height: 100%; position: absolute; z-index: 3; background: #f6f6f6; opacity: 0; transition: opacity 0.3s; will-change: opacity; pointer-events: none; border-radius: 20px; } .content.buroXsber .content__item .item__card .card__afterText .afterText__item { display: flex; justify-content: center; align-items: flex-start; margin-top: 135px; } .content.buroXsber .content__item .item__card .card__afterText .afterText__item span { text-align: center; width: 290px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 17px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card .card__text { display: flex; justify-content: center; align-items: flex-start; width: 100%; z-index: 2; } .content.buroXsber .content__item .item__card .card__text span { text-align: center; width: 290px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 17px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card .card__text .text__after { display: none; } .content.buroXsber .content__item .item__card .card__before { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; border-radius: 20px; will-change: opacity; transition: opacity 0.5s; z-index: 3; } .content.buroXsber .content__item .item__card .card__before .before__item { display: flex; justify-content: center; align-items: center; width: auto; height: auto; z-index: 1; } .content.buroXsber .content__item .item__card .card__before:after { content: ''; width: 100%; height: 100%; position: absolute; background: linear-gradient( 151.01deg, rgba(99, 212, 63, 0.7) 1.01%, rgba(96, 214, 251, 0.7) 97.34% ); border-radius: 20px; z-index: 2; } .content.buroXsber .content__item .item__card .card__action { display: flex; width: 100%; height: 100%; position: absolute; pointer-events: none; z-index: 4; } .content.buroXsber .content__item .item__card .card__action .action__card { display: flex; justify-content: flex-start; align-items: flex-start; width: 306px; height: 254px; margin-left: -126px; margin-top: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: all; cursor: pointer; will-change: transform; transition: transform 0.5s; } .content.buroXsber .content__item .item__card .card__action .action__card img { pointer-events: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; will-change: transform; transition: transform 0.5s; } .content.buroXsber .content__item .item__card.cardPay { padding: 0; z-index: 5; } .content.buroXsber .content__item .item__card.cardPay:after { content: ''; width: 100%; height: 100%; position: absolute; background: linear-gradient( 152.25deg, rgba(99, 212, 63, 0.45) 2.09%, rgba(96, 214, 251, 0.45) 96.82% ); border-radius: 20px; opacity: 0; transition: opacity 1s; will-change: opacity; z-index: 1; } .content.buroXsber .content__item .item__card.cardPay .card__image { margin-top: 0; margin-bottom: 74px; } .content.buroXsber .content__item .item__card.cardPay .card__image .image__item { width: 180px; } .content.buroXsber .content__item .item__card.cardPay .card__text span { text-align: left; width: 270.641361px; font-family: Buro-Cyrillic; font-weight: 500; font-size: 20px; line-height: 1; color: #000; } .content.buroXsber .content__item .item__card.cardPay.payed:after { opacity: 1; } .content.buroXsber .content__item .item__card.cardPay.payed .card__action .action__card img { animation: payedCallback 0.5s; } @keyframes payedCallback { 0% { transform: scale(0.9); } 50% { transform: scale(0.85); } to { transform: scale(1); } } .content.buroXsber .content__item .item__card:not(:last-child) { margin-right: 60px; } .content.buroXsber .content__item.inArea .item__card .card__action .action__card img { transform: scale(0.9); transition: transform 1.5s; } .content.buroXsber .content__item.inArea .item__card.cardPay:after { opacity: 1; } .content.buroXsber .content__item.isPayed .item__card .card__before { opacity: 0; pointer-events: none; } .content.buroXsber .content__item.isPayed .item__card .card__text .text__before { display: none; } .content.buroXsber .content__item.isPayed .item__card .card__text .text__after { display: inline; } .content.buroXsber .content__item.isPayed .item__card .card__afterText { opacity: 1; pointer-events: all; } .content.buroXsber .content__item.isPayed .item__card .card__content .card__image, .content.buroXsber .content__item.isPayed .item__card .card__content .card__text { opacity: 1; } .content.buroXsber .content__item.isPayed .item__card.cardPay .card__action .action__card { transform: translate3d(138px, -31px, 0); } .content.buroXsber .content__item.isPayed .item__card.cardPay .card__action .action__card img { animation: payedCallback 0.5s; } .content.buroXsber .content__item.isPayed .item__card.cardPay.afterItem .card__action .action__card { transform: translate3d(152px, -111px, 0) scale(0.78528); } .content.buroXsber .content__item.isPayed .item__card.cardPay.afterItem .card__action .action__card img { animation: payedCallback 0.5s; } .content.buroXsber .content__item.roman .item__card.cardPay:after { background: linear-gradient( 151.01deg, rgba(99, 212, 63, 0.7) 1.01%, rgba(96, 214, 251, 0.7) 97.34% ); } .item_mobile, .item_tablet { display: none !important; } } </style>
<script> (function() { !(function(t, e) { 'function' == typeof define && define.amd ? define([], e()) : 'object' == typeof module && module.exports ? (module.exports = e()) : (function n() { document && document.body ? (t.zenscroll = e()) : setTimeout(n, 9); })(); })(this, function() { 'use strict'; var t = function(t) { return ( t && 'getComputedStyle' in window && 'smooth' === window.getComputedStyle(t)['scroll-behavior'] ); }; if ('undefined' == typeof window || !('document' in window)) return {}; var e = function(e, n, o) { (n = n || 999), o || 0 === o || (o = 9); var i, r = function(t) { i = t; }, u = function() { clearTimeout(i), r(0); }, c = function(t) { return Math.max(0, e.getTopOf(t) - o); }, a = function(o, i, c) { if ((u(), 0 === i || (i && i < 0) || t(e.body))) e.toY(o), c && c(); else { var a = e.getY(), f = Math.max(0, o) - a, s = new Date().getTime(); (i = i || Math.min(Math.abs(f), n)), (function t() { r( setTimeout(function() { var n = Math.min(1, (new Date().getTime() - s) / i), o = Math.max( 0, Math.floor( a + f * (n < 0.5 ? 2 * n * n : n * (4 - 2 * n) - 1), ), ); e.toY(o), n < 1 && e.getHeight() + o < e.body.scrollHeight ? t() : (setTimeout(u, 99), c && c()); }, 9), ); })(); } }, f = function(t, e, n) { a(c(t), e, n); }, s = function(t, n, i) { var r = t.getBoundingClientRect().height, u = e.getTopOf(t) + r, s = e.getHeight(), l = e.getY(), d = l + s; c(t) < l || r + o > s ? f(t, n, i) : u + o > d ? a(u - s + o, n, i) : i && i(); }, l = function(t, n, o, i) { a( Math.max( 0, e.getTopOf(t) - e.getHeight() / 2 + (o || t.getBoundingClientRect().height / 2), ), n, i, ); }; return { setup: function(t, e) { return ( (0 === t || t) && (n = t), (0 === e || e) && (o = e), { defaultDuration: n, edgeOffset: o } ); }, to: f, toY: a, intoView: s, center: l, stop: u, moving: function() { return !!i; }, getY: e.getY, getTopOf: e.getTopOf, }; }, n = document.documentElement, o = function() { return window.scrollY || n.scrollTop; }, i = e({ body: document.scrollingElement || document.body, toY: function(t) { window.scrollTo(0, t); }, getY: o, getHeight: function() { return window.innerHeight || n.clientHeight; }, getTopOf: function(t) { return t.getBoundingClientRect().top + o() - n.offsetTop; }, }); if ( ((i.createScroller = function(t, o, i) { return e( { body: t, toY: function(e) { t.scrollTop = e; }, getY: function() { return t.scrollTop; }, getHeight: function() { return Math.min( t.clientHeight, window.innerHeight || n.clientHeight, ); }, getTopOf: function(t) { return t.offsetTop; }, }, o, i, ); }), 'addEventListener' in window && !window.noZensmooth && !t(document.body)) ) { var r = 'history' in window && 'pushState' in history, u = r && 'scrollRestoration' in history; u && (history.scrollRestoration = 'auto'), window.addEventListener( 'load', function() { u && (setTimeout(function() { history.scrollRestoration = 'manual'; }, 9), window.addEventListener( 'popstate', function(t) { t.state && 'zenscrollY' in t.state && i.toY(t.state.zenscrollY); }, !1, )), window.location.hash && setTimeout(function() { var t = i.setup().edgeOffset; if (t) { var e = document.getElementById( window.location.href.split('#')[1], ); if (e) { var n = Math.max(0, i.getTopOf(e) - t), o = i.getY() - n; 0 <= o && o < 9 && window.scrollTo(0, n); } } }, 9); }, !1, ); var c = new RegExp('(^|\s)noZensmooth(\s|$)'); window.addEventListener( 'click', function(t) { for (var e = t.target; e && 'A' !== e.tagName; ) e = e.parentNode; if ( !( !e || 1 !== t.which || t.shiftKey || t.metaKey || t.ctrlKey || t.altKey ) ) { if (u) { var n = history.state && 'object' == typeof history.state ? history.state : {}; n.zenscrollY = i.getY(); try { history.replaceState(n, ''); } catch (t) {} } var o = e.getAttribute('href') || ''; if (0 === o.indexOf('#') && !c.test(e.className)) { var a = 0, f = document.getElementById(o.substring(1)); if ('#' !== o) { if (!f) return; a = i.getTopOf(f); } t.preventDefault(); var s = function() { window.location = o; }, l = i.setup().edgeOffset; l && ((a = Math.max(0, a - l)), r && (s = function() { history.pushState({}, '', o); })), i.toY(a, null, s); } } }, !1, ); } return i; }); !(function(e, t) { 'object' == typeof exports && 'object' == typeof module ? (module.exports = t()) : 'function' == typeof define && define.amd ? define([], t) : 'object' == typeof exports ? (exports.AOS = t()) : (e.AOS = t()); })(this, function() { return (function(e) { function t(o) { if (n[o]) return n[o].exports; var i = (n[o] = { exports: {}, id: o, loaded: !1 }); return e[o].call(i.exports, i, i.exports, t), (i.loaded = !0), i.exports; } var n = {}; return (t.m = e), (t.c = n), (t.p = 'dist/'), t(0); })([ function(e, t, n) { 'use strict'; function o(e) { return e && e.__esModule ? e : { default: e }; } var i = Object.assign || function(e) { for (var t = 1; t < arguments.length; t++) { var n = arguments[t]; for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]); } return e; }, r = n(1), a = (o(r), n(6)), u = o(a), c = n(7), f = o(c), s = n(8), d = o(s), l = n(9), p = o(l), m = n(10), b = o(m), v = n(11), y = o(v), g = n(14), h = o(g), w = [], k = !1, x = document.all && !window.atob, j = { offset: 120, delay: 0, easing: 'ease', duration: 400, disable: !1, once: !1, startEvent: 'DOMContentLoaded', throttleDelay: 99, debounceDelay: 50, disableMutationObserver: !1, }, O = function() { var e = arguments.length > 0 && void 0 !== arguments[0] && arguments[0]; if ((e && (k = !0), k)) return (w = (0, y.default)(w, j)), (0, b.default)(w, j.once), w; }, _ = function() { (w = (0, h.default)()), O(); }, S = function() { w.forEach(function(e, t) { e.node.removeAttribute('data-aos'), e.node.removeAttribute('data-aos-easing'), e.node.removeAttribute('data-aos-duration'), e.node.removeAttribute('data-aos-delay'); }); }, z = function(e) { return ( e === !0 || ('mobile' === e && p.default.mobile()) || ('phone' === e && p.default.phone()) || ('tablet' === e && p.default.tablet()) || ('function' == typeof e && e() === !0) ); }, A = function(e) { return ( (j = i(j, e)), (w = (0, h.default)()), z(j.disable) || x ? S() : (document .querySelector('body') .setAttribute('data-aos-easing', j.easing), document .querySelector('body') .setAttribute('data-aos-duration', j.duration), document .querySelector('body') .setAttribute('data-aos-delay', j.delay), 'DOMContentLoaded' === j.startEvent && ['complete', 'interactive'].indexOf(document.readyState) > -1 ? O(!0) : 'load' === j.startEvent ? window.addEventListener(j.startEvent, function() { O(!0); }) : document.addEventListener(j.startEvent, function() { O(!0); }), window.addEventListener( 'resize', (0, f.default)(O, j.debounceDelay, !0), ), window.addEventListener( 'orientationchange', (0, f.default)(O, j.debounceDelay, !0), ), window.addEventListener( 'scroll', (0, u.default)(function() { (0, b.default)(w, j.once); }, j.throttleDelay), ), j.disableMutationObserver || (0, d.default)('[data-aos]', _), w) ); }; e.exports = { init: A, refresh: O, refreshHard: _ }; }, function(e, t) {}, , , , , function(e, t) { (function(t) { 'use strict'; function n(e, t, n) { function o(t) { var n = b, o = v; return (b = v = void 0), (k = t), (g = e.apply(o, n)); } function r(e) { return (k = e), (h = setTimeout(s, t)), _ ? o(e) : g; } function a(e) { var n = e - w, o = e - k, i = t - n; return S ? j(i, y - o) : i; } function c(e) { var n = e - w, o = e - k; return void 0 === w || n >= t || n < 0 || (S && o >= y); } function s() { var e = O(); return c(e) ? d(e) : void (h = setTimeout(s, a(e))); } function d(e) { return (h = void 0), z && b ? o(e) : ((b = v = void 0), g); } function l() { void 0 !== h && clearTimeout(h), (k = 0), (b = w = v = h = void 0); } function p() { return void 0 === h ? g : d(O()); } function m() { var e = O(), n = c(e); if (((b = arguments), (v = this), (w = e), n)) { if (void 0 === h) return r(w); if (S) return (h = setTimeout(s, t)), o(w); } return void 0 === h && (h = setTimeout(s, t)), g; } var b, v, y, g, h, w, k = 0, _ = !1, S = !1, z = !0; if ('function' != typeof e) throw new TypeError(f); return ( (t = u(t) || 0), i(n) && ((_ = !!n.leading), (S = 'maxWait' in n), (y = S ? x(u(n.maxWait) || 0, t) : y), (z = 'trailing' in n ? !!n.trailing : z)), (m.cancel = l), (m.flush = p), m ); } function o(e, t, o) { var r = !0, a = !0; if ('function' != typeof e) throw new TypeError(f); return ( i(o) && ((r = 'leading' in o ? !!o.leading : r), (a = 'trailing' in o ? !!o.trailing : a)), n(e, t, { leading: r, maxWait: t, trailing: a }) ); } function i(e) { var t = 'undefined' == typeof e ? 'undefined' : c(e); return !!e && ('object' == t || 'function' == t); } function r(e) { return ( !!e && 'object' == ('undefined' == typeof e ? 'undefined' : c(e)) ); } function a(e) { return ( 'symbol' == ('undefined' == typeof e ? 'undefined' : c(e)) || (r(e) && k.call(e) == d) ); } function u(e) { if ('number' == typeof e) return e; if (a(e)) return s; if (i(e)) { var t = 'function' == typeof e.valueOf ? e.valueOf() : e; e = i(t) ? t + '' : t; } if ('string' != typeof e) return 0 === e ? e : +e; e = e.replace(l, ''); var n = m.test(e); return n || b.test(e) ? v(e.slice(2), n ? 2 : 8) : p.test(e) ? s : +e; } var c = 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ? function(e) { return typeof e; } : function(e) { return e && 'function' == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? 'symbol' : typeof e; }, f = 'Expected a function', s = NaN, d = '[object Symbol]', l = /^\s+|\s+$/g, p = /^[-+]0x[0-9a-f]+$/i, m = /^0b[01]+$/i, b = /^0o[0-7]+$/i, v = parseInt, y = 'object' == ('undefined' == typeof t ? 'undefined' : c(t)) && t && t.Object === Object && t, g = 'object' == ('undefined' == typeof self ? 'undefined' : c(self)) && self && self.Object === Object && self, h = y || g || Function('return this')(), w = Object.prototype, k = w.toString, x = Math.max, j = Math.min, O = function() { return h.Date.now(); }; e.exports = o; }.call( t, (function() { return this; })(), )); }, function(e, t) { (function(t) { 'use strict'; function n(e, t, n) { function i(t) { var n = b, o = v; return (b = v = void 0), (O = t), (g = e.apply(o, n)); } function r(e) { return (O = e), (h = setTimeout(s, t)), _ ? i(e) : g; } function u(e) { var n = e - w, o = e - O, i = t - n; return S ? x(i, y - o) : i; } function f(e) { var n = e - w, o = e - O; return void 0 === w || n >= t || n < 0 || (S && o >= y); } function s() { var e = j(); return f(e) ? d(e) : void (h = setTimeout(s, u(e))); } function d(e) { return (h = void 0), z && b ? i(e) : ((b = v = void 0), g); } function l() { void 0 !== h && clearTimeout(h), (O = 0), (b = w = v = h = void 0); } function p() { return void 0 === h ? g : d(j()); } function m() { var e = j(), n = f(e); if (((b = arguments), (v = this), (w = e), n)) { if (void 0 === h) return r(w); if (S) return (h = setTimeout(s, t)), i(w); } return void 0 === h && (h = setTimeout(s, t)), g; } var b, v, y, g, h, w, O = 0, _ = !1, S = !1, z = !0; if ('function' != typeof e) throw new TypeError(c); return ( (t = a(t) || 0), o(n) && ((_ = !!n.leading), (S = 'maxWait' in n), (y = S ? k(a(n.maxWait) || 0, t) : y), (z = 'trailing' in n ? !!n.trailing : z)), (m.cancel = l), (m.flush = p), m ); } function o(e) { var t = 'undefined' == typeof e ? 'undefined' : u(e); return !!e && ('object' == t || 'function' == t); } function i(e) { return ( !!e && 'object' == ('undefined' == typeof e ? 'undefined' : u(e)) ); } function r(e) { return ( 'symbol' == ('undefined' == typeof e ? 'undefined' : u(e)) || (i(e) && w.call(e) == s) ); } function a(e) { if ('number' == typeof e) return e; if (r(e)) return f; if (o(e)) { var t = 'function' == typeof e.valueOf ? e.valueOf() : e; e = o(t) ? t + '' : t; } if ('string' != typeof e) return 0 === e ? e : +e; e = e.replace(d, ''); var n = p.test(e); return n || m.test(e) ? b(e.slice(2), n ? 2 : 8) : l.test(e) ? f : +e; } var u = 'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ? function(e) { return typeof e; } : function(e) { return e && 'function' == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? 'symbol' : typeof e; }, c = 'Expected a function', f = NaN, s = '[object Symbol]', d = /^\s+|\s+$/g, l = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, m = /^0o[0-7]+$/i, b = parseInt, v = 'object' == ('undefined' == typeof t ? 'undefined' : u(t)) && t && t.Object === Object && t, y = 'object' == ('undefined' == typeof self ? 'undefined' : u(self)) && self && self.Object === Object && self, g = v || y || Function('return this')(), h = Object.prototype, w = h.toString, k = Math.max, x = Math.min, j = function() { return g.Date.now(); }; e.exports = n; }.call( t, (function() { return this; })(), )); }, function(e, t) { 'use strict'; function n(e, t) { var n = new r(o); (a = t), n.observe(i.documentElement, { childList: !0, subtree: !0, removedNodes: !0, }); } function o(e) { e && e.forEach(function(e) { var t = Array.prototype.slice.call(e.addedNodes), n = Array.prototype.slice.call(e.removedNodes), o = t.concat(n).filter(function(e) { return e.hasAttribute && e.hasAttribute('data-aos'); }).length; o && a(); }); } Object.defineProperty(t, '__esModule', { value: !0 }); var i = window.document, r = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver, a = function() {}; t.default = n; }, function(e, t) { 'use strict'; function n(e, t) { if (!(e instanceof t)) throw new TypeError('Cannot call a class as a function'); } function o() { return navigator.userAgent || navigator.vendor || window.opera || ''; } Object.defineProperty(t, '__esModule', { value: !0 }); var i = (function() { function e(e, t) { for (var n = 0; n < t.length; n++) { var o = t[n]; (o.enumerable = o.enumerable || !1), (o.configurable = !0), 'value' in o && (o.writable = !0), Object.defineProperty(e, o.key, o); } } return function(t, n, o) { return n && e(t.prototype, n), o && e(t, o), t; }; })(), r = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i, a = /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i, u = /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i, c = /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i, f = (function() { function e() { n(this, e); } return ( i(e, [ { key: 'phone', value: function() { var e = o(); return !(!r.test(e) && !a.test(e.substr(0, 4))); }, }, { key: 'mobile', value: function() { var e = o(); return !(!u.test(e) && !c.test(e.substr(0, 4))); }, }, { key: 'tablet', value: function() { return this.mobile() && !this.phone(); }, }, ]), e ); })(); t.default = new f(); }, function(e, t) { 'use strict'; Object.defineProperty(t, '__esModule', { value: !0 }); var n = function(e, t, n) { var o = e.node.getAttribute('data-aos-once'); t > e.position ? e.node.classList.add('aos-animate') : 'undefined' != typeof o && ('false' === o || (!n && 'true' !== o)) && e.node.classList.remove('aos-animate'); }, o = function(e, t) { var o = window.pageYOffset, i = window.innerHeight; e.forEach(function(e, r) { n(e, i + o, t); }); }; t.default = o; }, function(e, t, n) { 'use strict'; function o(e) { return e && e.__esModule ? e : { default: e }; } Object.defineProperty(t, '__esModule', { value: !0 }); var i = n(12), r = o(i), a = function(e, t) { return ( e.forEach(function(e, n) { e.node.classList.add('aos-init'), (e.position = (0, r.default)(e.node, t.offset)); }), e ); }; t.default = a; }, function(e, t, n) { 'use strict'; function o(e) { return e && e.__esModule ? e : { default: e }; } Object.defineProperty(t, '__esModule', { value: !0 }); var i = n(13), r = o(i), a = function(e, t) { var n = 0, o = 0, i = window.innerHeight, a = { offset: e.getAttribute('data-aos-offset'), anchor: e.getAttribute('data-aos-anchor'), anchorPlacement: e.getAttribute('data-aos-anchor-placement'), }; switch ( (a.offset && !isNaN(a.offset) && (o = parseInt(a.offset)), a.anchor && document.querySelectorAll(a.anchor) && (e = document.querySelectorAll(a.anchor)[0]), (n = (0, r.default)(e).top), a.anchorPlacement) ) { case 'top-bottom': break; case 'center-bottom': n += e.offsetHeight / 2; break; case 'bottom-bottom': n += e.offsetHeight; break; case 'top-center': n += i / 2; break; case 'bottom-center': n += i / 2 + e.offsetHeight; break; case 'center-center': n += i / 2 + e.offsetHeight / 2; break; case 'top-top': n += i; break; case 'bottom-top': n += e.offsetHeight + i; break; case 'center-top': n += e.offsetHeight / 2 + i; } return a.anchorPlacement || a.offset || isNaN(t) || (o = t), n + o; }; t.default = a; }, function(e, t) { 'use strict'; Object.defineProperty(t, '__esModule', { value: !0 }); var n = function(e) { for ( var t = 0, n = 0; e && !isNaN(e.offsetLeft) && !isNaN(e.offsetTop); ) (t += e.offsetLeft - ('BODY' != e.tagName ? e.scrollLeft : 0)), (n += e.offsetTop - ('BODY' != e.tagName ? e.scrollTop : 0)), (e = e.offsetParent); return { top: n, left: t }; }; t.default = n; }, function(e, t) { 'use strict'; Object.defineProperty(t, '__esModule', { value: !0 }); var n = function(e) { return ( (e = e || document.querySelectorAll('[data-aos]')), Array.prototype.map.call(e, function(e) { return { node: e }; }) ); }; t.default = n; }, ]); }); const deviceType = { isMobile: () => window.innerWidth < 768, isTablet: () => window.innerWidth >= 768 && window.innerWidth < 1024, isDesktop: () => window.innerWidth >= 1024, isNotDesktop: () => window.innerWidth < 1024, }; // получаем координаты элемента в контексте документа function getCoords(elem) { const box = elem.getBoundingClientRect(); return { top: box.top + pageYOffset, left: box.left + pageXOffset, right: box.right + pageXOffset, bottom: box.bottom + pageYOffset, }; } if (document.readyState != 'loading') { initJs(); } else { window.addEventListener('DOMContentLoaded', initJs); } function initJs() { let payCardItems = [ ...document.querySelectorAll('.content.buroXsber .item__card.cardPay'), ], payCardItems__card = [ ...document.querySelectorAll('.content.buroXsber .item__card.cardPay .card__action .action__card'), ], indexOfActiveCard = null, timeToActivePayed = 1000; //Работа интерактивов //Вешаем обработчик события клика по карте в карточке payCardItems.forEach((payCardItem, payCardItemIndex) => { payCardItems__card[payCardItemIndex].setAttribute('data-index', payCardItemIndex); deviceType.isMobile() ? payCardItems__card[payCardItemIndex].addEventListener('touchstart', initClickOnCard) : payCardItems__card[payCardItemIndex].addEventListener('mousedown', initClickOnCard); }); //END //Обрабатываем клик по карте function initClickOnCard(e) { e.preventDefault(); let target = deviceType.isMobile() ? e.touches[0].target : e.currentTarget; console.log(target, "TOUCHSTART", e); let valueY = deviceType.isMobile() ? e.touches[0].pageY : e.pageY, valueX = deviceType.isMobile() ? e.touches[0].pageX : e.pageX; target.setAttribute('data-coord-y', valueY); target.setAttribute('data-coord-x', valueX); target.style.transition = 'none'; window.addEventListener('mouseup', backCardToStart); window.addEventListener('touchend', backCardToStart); indexOfActiveCard = target.dataset.index; deviceType.isMobile() ? false : target.addEventListener('mousemove', moveCard); } //END //Обработка события перетягивания карты deviceType.isMobile() ? window.addEventListener('touchmove', moveCard) : false; function moveCard(e) { if(indexOfActiveCard === null){ return false; } let target = deviceType.isMobile() ? payCardItems__card[indexOfActiveCard] : e.currentTarget, target_y = target.getAttribute('data-coord-y'), target_x = target.getAttribute('data-coord-x'); console.log(target, "TOUCHMOVE", e); let valueY = deviceType.isMobile() ? e.touches[0].pageY : e.pageY, valueX = deviceType.isMobile() ? e.touches[0].pageX : e.pageX; let coordY = valueY - target_y, coordX = valueX - target_x; //Если перетягивание выходит за рамки, ограничиваем if (coordY > 100 || coordY < -100) { coordY = coordY > 0 ? 101 : -101; } if (coordX < -100) { coordX = -101; } //END target.style.transform = `translate3d(${coordX}px, ${coordY}px, 0px)`; target.setAttribute('data-inarea', false); //Если карта находится в нужной интерактивной области, то отменяем ее возвращение назад if (coordX > 100) { target.setAttribute('data-inarea', true); payCardItems[target.dataset.index].parentNode.parentNode.classList.add('inArea'); checkTimeOfNeedPos(target, false); } else { payCardItems[target.dataset.index].parentNode.parentNode.classList.remove('inArea'); checkTimeOfNeedPos(target, true); } //END } //END //Обработка события возвращения карты в исходное положение, если не выполнены условия function backCardToStart() { if(indexOfActiveCard === null){ return false; } let target = payCardItems__card[indexOfActiveCard], indexOfContainer = target.dataset.index; console.log(target, "TOUCHEND"); target.setAttribute('data-coord-y', 0); target.setAttribute('data-coord-x', 0); target.setAttribute('data-inarea', false); target.style.transition = ''; target.style.transform = 'translate3d(0px, 0px ,0px)'; payCardItems[indexOfContainer].classList.remove('payed'); payCardItems[indexOfContainer].parentNode.parentNode.classList.remove('inArea'); target.removeEventListener('mousemove', moveCard); checkTimeOfNeedPos(target, true); indexOfActiveCard = null; } //END //Проверка времени нахождения карты на нужном месте let checkTimeOfNeedPos = (() => { let timeoutCheck = false; return (target, destroy) => { if (destroy) { clearTimeout(timeoutCheck); timeoutCheck = false; return false; } else { if (!timeoutCheck) { timeoutCheck = setTimeout(helperCheck, timeToActivePayed); function helperCheck() { if (target.getAttribute('data-inarea') == 'true') { let indexOfContainer = target.dataset.index; target.removeEventListener('mousemove', moveCard); target.removeEventListener('mousedown', initClickOnCard); target.removeEventListener('touchstart', initClickOnCard); window.removeEventListener('mouseup', backCardToStart); window.removeEventListener('touchend', backCardToStart); target.style.transition = '.5s transform'; target.style.transform = ''; payCardItems[indexOfContainer].parentNode.parentNode.classList.add('isPayed'); payCardItems[indexOfContainer].parentNode.parentNode.classList.remove('inArea'); indexOfActiveCard = null; } } } } }; })(); //END //Меняем стили с десктопных на мобасные let elementsWithInlineStyle = [...document.querySelectorAll(".content.buroXsber [style]")]; if(deviceType.isMobile()){ elementsWithInlineStyle.forEach(elemWithInlineStyle => { let mobileStyles = elemWithInlineStyle.getAttribute("data-mobile-style"); elemWithInlineStyle.removeAttribute("data-mobile-style"); if(mobileStyles){ elemWithInlineStyle.style = mobileStyles; } }); } //END } })(); </script>
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 97)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 98)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 99)

Если вы всегда мечтали о финансовой подушке безопасности или предпочитаете смарт-подход по отношению к деньгам, обратите внимание на новый продукт СберБанка — Кредитную СберКарту. Она выгодно отличается от большинства других кредиток. Беспроцентный период на покупки составляет 120 дней. А если вы все-таки не успеете внести необходимую сумму в срок, процентная ставка будет всегда известна заранее и составит 17,9% на все траты. А на самое важное Сбер вообще снизил ставку: 9,8% в категории трат «Здоровье», что крайне актуально в текущих условиях. И на покупки в «СберМегаМаркете» — маркетплейсе, где можно приобрести почти любые товары. Более подробную информацию о Кредитной СберКарте ищите на сайте СберБанка, как показывает практика, делать покупки с кредитной СберКартой значительно выгоднее.


материал подготовлен при поддержке

Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 100)
Стиль на все случаи жизни: как одеться экстравагантно и практично одновременно? (фото 101)

credits

Креативный директор: Алеся Ериго

Дизайнер: Дарья Афонина

Режиссер, оператор: Максим Никольский

Монтажер: Максим Никольский, Иван Каунов

Фотограф: Евгений Круглов

Ассистент фотографа: Вадим Сыромятников

Гафер: Алексей Воинов



Стилист: Оксана Маркина

Ассистент стилиста: Александра Скопина

Визажист, мастер по волосам: Екатерина Столбова

Продюсер: Тая Тарабрина

Ассистенты продюсера: Анастасия Бармина, Валерия Лебедева

Герои: Рома Уваров, Катя Гуссе

Директор отдела спецпроектов: Михаил Халилуллин


Благодарим ТЦ «Цветной» за предоставленные для съемок одежду и локацию.

Благодарим магазины kixbox, noblesnob и otocyon за предоставленную одежду.


false
767
1300
false
true
true
[object Object]
{"width":1280,"column_width":175,"columns_n":6,"gutter":45,"line":20}
{"mode":"page","transition_type":"slide","transition_direction":"horizontal","transition_look":"belt","slides_form":{}}
{"css":".editor {font-family: Helvetica; font-size: 16px; font-weight: normal; line-height: 24px;}"}