18 отзывов
Магия Сна – уютно, комфортно и профессионально!
+380 показать номер
+380 показать номер

Батерфляй (угловая поддержка)


Порядок оформления заказа у нас
Чтобы сделать у нас заказ, достаточно позвонить нам по телефону, или оформить интересующие вас товары через корзину на сайте
Правильно подобрать товар, в зависимости от веса, возраста, личных пожеланий, Вам всегда помогут наши консультанты.
Доставка осуществляется службами доставки по вашему адресу в течение 1-3 дней.
Оплачивать товар очень удобно картой банка, наложенным платежом, при получении товара, или, наличными курьеру
Оформить заказ
«МЫ» — ваш надежный партнер
Ценовая политика Цена на наши товары очень привлекательна для покупателей Украины!
Здоровье Наши товары помогают предотвратить искривление позвонка, улучшают качество сна.
Качество Какой товар бы Вы ни выбрали - Вы не ошибетесь, так как главное свойство любого матраса от "Магии сна" - высокое качество исполнения.
Гарантия На все виды товаров предоставляется гарантия. Вам не о чем беспокоится. В случае брака, вам предложат другой товар!
Приобретайте лучшую продукцию только у нас!
.uc-ban1-panel { background: #777 url(https://picua.org/images/2019/05/23/0b45642d9f7289c88ee1dc66ed12c7ee.jpg) center; background-size: cover; padding: 20px; } .uc-ban1-panel strong { color: black; font-size: 20px; } .uc-ban1-texts { background-color: rgba(0,0,0,0.78); width: 400px; padding: 20px; text-align: center; box-sizing: border-box; } .uc-ban1-header { font-size: 24px; line-height: 30px; color: white; margin: 0px 0px 5px; } .uc-ban1-sub-header { font-size: 16px; line-height: 26px; color: white; margin: 0px 0px 10px; } .uc-ban1-text { font-size: 14px; line-height: 24px; color: white; margin: 0px 0px 10px; } .uc-ban1-link { display: inline-block; text-align: center; text-decoration: none !important; color: #fff !important; border: 2px solid #111111 !important; padding: 8px 15px; min-width: 180px; font-size: 17px; } .uc-ban1-link:hover { color: #fff !important; border: 2px solid #4d4b4d !important; } @media screen and (max-width: 700px) { .uc-ban1-texts { margin: 0 auto; width: auto; } } .uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; min-width: 180px; color: black !important; background: #8ed851; transition: all .3s ease; font-size: 16px; margin-top: 10px; } .uc-link:hover { background: #720a42; } .ucv-b1-panel { background: #fff; padding: 20px; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; border: 1px solid #ebebeb; } .ucv-b1-img-holder img { display: block; height: 300px !important; object-fit: cover; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; transform: skew(0); } .ucv-b1-hint { overflow: hidden; transform: skew(-45deg); position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: rgba(0,0,0,0.78); text-align: left; color: black; transition: all .9s cubic-bezier(0.31, 0.57, 0.31, 2.0); overflow: hidden; } .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { font-size: 16px; color: black; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: black; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 30%; text-decoration: none; } @media screen and (max-width: 1200px) { .ucv-b1-panel .ucv-b1-wrapper { width: 46%; } .ucv-b1-panel .ucv-b1-wrapper + .ucv-b1-wrapper + .ucv-b1-wrapper { width: 46%; } } @media screen and (max-width: 1030px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper + .ucv-b1-wrapper + .ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-ico-panel { padding: 20px 15px 20px; } .uc-ico-header { text-align: center; padding-bottom: 20px; } .uc-ico-table { border-width: 0px !important; width: 100% !important; table-layout: fixed; float: left; } .uc-ico-table + .uc-ico-table { margin-left: 0%; } .uc-ico-table td { padding: 10px 15px 10px 10px; transition: all 0.5s; } .uc-ico-table img { transition: all 0.4s; } .uc-ico-table tr:hover td { box-shadow: 0 100px 0 #d8518e inset; transition: all 0.5s; color: black; } .uc-ico-table tr:hover img { transform: translateX(10px); } .uc-ico-table-col1 { width: 70px; padding-left: 15px; transition: all 0.85s; } .uc-ico-table tr:hover .uc-ico-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #c17eab inset !important; } @media screen and (max-width: 1000px) { .uc-ico-table { float: none; width: 100% !important; } .uc-ico-table + .uc-ico-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-ico-table td { vertical-align: top !important; } .uc-ico-table tr:hover td { background: #f7f7f7; box-shadow: none; color: #333; } .uc-ico-table tr:hover .uc-ico-table-col1 { box-shadow: none !important; } } .uc-clear { clear: both; height: 0px; } .uc-numbers { padding: 20px 15px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; } .uc-numbers-scheme { background: #d8518e; display: inline-block; width: 24%; margin: 0.5%; padding: 30px 10px 10px; box-sizing: border-box; transition: all .3s ease; color: black; } .uc-numbers-scheme:hover { background: #c17eab; transition: all .3s ease; color: #d8518e; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 20px; color: #c17eab; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #d8518e; transform: translateY(-6px); } .uc-numbers-scheme em { font-size: 15px; color: #c17eab; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #d8518e; transition: all .3s ease; } @media screen and (max-width: 768px) { .uc-numbers-scheme { width: 100%; margin: 10px; } } .uc-order { padding: 20px; text-align: center; } .uc-order_wrap { display: flex; flex-wrap: wrap; } .uc-order h2 { margin-bottom: 30px; } .uc-order strong { color: #14a4e7; font-size: 16px; } .uc-order-scheme { width: 50%; margin: 0%; padding: 20px; box-sizing: border-box; vertical-align: top; box-shadow: 0 400px 5px blackinset; outline: 1px solid #dcdcdc; outline-offset: -5px; transition: all .6s ease; color: #fff; } .uc-order-scheme:hover { box-shadow: 0 0 5px black inset, 0 -400px 5px #574e59 inset; transition: all .6s ease; } @media screen and (max-width: 768px) { .uc-order-scheme { width: 98%; margin: 5px auto; } } .uc-hover { padding: 20px; text-align: center; } .uc-hover h2 { margin-bottom: 20px; text-align: center; } .uc-hover-wrapper { -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; box-sizing: border-box; margin: 10px 0; padding: 20px; min-height: 80px !important; background: #e3e3e3; display: inline-block; width: 100%; transition: all .6s ease; } .uc-hover-wrapper span { color: #f98900; font-size: 20px; } .uc-hover-wrapper:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: red; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .uc-hover-wrapper:hover:before { left: 0; right: 0; } .uc-hover-wrapper:hover { background: #fff; } .uc-hover-wrapper:hover img { animation: 1500ms ease 0s normal none 1 running swing; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @media screen and (max-width: 1000px) { .uc-hover-wrapper { width: 90%; min-height: 80px !important; margin: 10px; } } .ucv-b4-panel { padding: 20px; background-size: cover; } .ucv-b4-title { text-align: center; margin-bottom: 25px; } .ucv-b4-wrapper { text-align: center; } .ucv-b4-arrow-wrapper { margin-right: 15px; width: 22%; display: inline-block; vertical-align: middle; } .ucv-b4-arrow { height: 20px; background: #d8518e; position: relative; width: 100%; } .ucv-b4-arrow-red { background: #c17eab; } .ucv-b4-arrow.ucv-b4-arrow-red:before { border-top-color: #c17eab; border-bottom-color: #c17eab; } .ucv-b4-arrow.ucv-b4-arrow-red:after { border-left-color: #c17eab; } .ucv-b4-arrow-red .ucv-b4-line { background: #c17eab; } .ucv-b4-arrow:after { content: ""; position: absolute; right: -10px; top: 0; border-left: 10px solid #d8518e; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .ucv-b4-arrow:before { content: ""; position: absolute; left: -10px; top: 0; border-left: 10px solid transparent; border-top: 10px solid #d8518e; border-bottom: 10px solid #d8518e; } .ucv-b4-line { position: absolute; left: 50%; bottom: 50%; width: 2px; height: 50px; background: #d8518e; } .ucv-b4-line:after { content: ""; position: absolute; bottom: -2px; left: -2px; width: 5px; height: 5px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .ucv-b4-line-bottom { top: 50%; } .ucv-b4-line-bottom.ucv-b4-line:after { top: -2px; } .ucv-b4-text, .ucv-b4-image { display: table; width: 100%; height: 100px; } .ucv-b4-image-inner, .ucv-b4-text-inner { display: table-cell; text-align: center } .ucv-b4-image-inner { vertical-align: top; } .ucv-b4-image-inner.ucv-b4-image-inner-bot { vertical-align: bottom; } .ucv-b4-text-inner { vertical-align: middle; } .ucv-b4-number { font-size: 22px; color: #d8518e; display: block; font-weight: bold; } @media screen and (max-width: 1040px) { .ucv-b4-arrow-wrapper { width: 35%; } } @media screen and (max-width: 750px) { .ucv-b4-arrow-wrapper { width: 65%; } } .uc-e1-panel { padding: 20px; text-align: center; background: #fff; } .uc-title { position: relative; display: block; margin-top: 30px; padding-bottom: 15px; box-sizing: border-box; border-bottom: 3px solid #d8518e; color: black; text-align: left; font: bold 18px/18px 'Noto Sans', Arial, sans-serif; }