Лучшие предложения от компании 'ИнтерАктив'! Мы предлагаем только качественную продукцию. 1 Удобные способы оплаты и доставки. 2 Широкий ассортимент товаров. 3 Можем продемонстрировать возможности представленного товара что есть в ассортименте. 4 Оформить заказ очень легко:

Сделать заказ можно на сайте, а так же по телефону.

Наш специалист ответит на ваши вопросы.

Способы оплаты:наложенный платеж, безналичный расчет, оплата на карту Банка, оплата наличными.

Способы доставки: Новая Почта, Интайм, Деливери, самовывоз.

.uc-btns { display: inline-block, padding: 8px 20px, text-decoration: none !important, font-size: 16px, transition: all 200ms ease-in-out, color: #fff!important, background: #000, border-radius: 2px, } .uc-btns:hover { transition: all 200ms ease-in-out, background: #eab22b, } .uc-title { display: block, margin: 30px 0 0!important, padding-bottom: 7px, position: relative, font: 20px/20px 'Istok Web',sans-serif, } .uc-title:before { position: absolute, left: 0, bottom: 0, content: '', width: 70px, height: 3px, background: #eab22b, } .ucv-a2-panel strong { font-size: 20px, color: #3894D1, } .ucv-a2-panel { background: #777 url('https://ssl.prom.st/p?h=Exo-sIcC17su4eHRZBMGFQ&s=hgchzlqq&u=http%3A%2F%2Fcontent.s2.prom.st%2FJune%25202018%2Ftrub-seo_kanal.png') center, background-size: cover, display: flex, justify-content: center, align-items: flex-start, background-repeat: no-repeat, margin: 120px 0, } .ucv-a2-container { background-color: rgba(59, 67, 72, 0.9), margin: 0, padding: 25px, width: 435px, height: 435px, text-align: center, transform: rotate(45deg), } .ucv-a2-content { transform: rotate(-45deg), display: flex, flex-direction: column, align-items: center, justify-content: center, height: 100%, width: 100%, padding: 10px, box-sizing: border-box, margin: 55px, } .ucv-a2-header { font-size: 26px, line-height: 32px, color: #3894D1, margin: 0px, } .ucv-a2-sub-header { font-size: 17px, line-height: 26px, padding: 7px 15px, color: #fff, margin: 0px, } .ucv-a2-text { position: relative, font-size: 14px, line-height: 22px, color: #fff, margin: 0px, } .ucv-a2-link { display: inline-block, box-sizing: border-box, height: 135px, width: 135px, border-radius: 2px, text-decoration: none!important, text-align: center, background: #3894D1, color: #fff!important, padding: 10px, border: 2px solid #3894D1, font-size: 19px, transform: rotate(45deg), } .ucv-button-container { margin: 30px 0 0!important, } .ucv-button-rot { transform: rotate(-45deg) translatex(-25%) translatey(45%), display: inline-block, word-spacing: normal, } .ucv-a2-link:hover { color: #3894D1!important, border-color: #fff, background: #fff, } @media screen and (max-width: 1200px) { .ucv-a2-texts { width: auto, text-align: left!important, border-radius: 0, } .ucv-a2-container { width: 100%, transform: rotate(0deg), padding: 20px 10px, height: 100%, } .ucv-a2-panel { padding: 0, margin: 0, } .ucv-a2-link { transform: rotate(0deg), height: auto, width: auto, } .ucv-a2-content { transform: rotate(0deg), padding: 20px, margin: 0 auto, } .ucv-button-rot { transform: rotate(0deg), } } .uc-numbers { padding: 20px 15px, text-align: center, } .uc-numbers h2 { text-align: center, margin-bottom: 30px, } .uc-numbers_wrap { justify-content: center, display: flex, flex-wrap: wrap, flex-direction: row, } .uc-numbers-scheme { background: #fff, border: 1px solid rgba(51,51,51,0.2),display: inline-block, width: 31%, vertical-align: top, margin: 10px 1%, padding: 40px 10px 10px, box-sizing: border-box, text-align: left, color: #333, transition: all 0.3s, } .uc-numbers-scheme:hover { background: #fafafa, color: #333, transition: all 0.3s, } .uc-numbers-scheme strong { transition: all .3s ease, display: inline-block, font-size:50px, color: #fff, text-shadow: 1px 1px 2px #1d1d1d, } .uc-numbers-scheme:hover strong { transition: all .3s ease, color: #80cbc4, transform: translateY(-4px), } .uc-numbers-scheme em { color: #fff, transition: all .3s ease, display: inline-block, font-weight: bold, font-style: inherit, } .uc-numbers-scheme:hover em { color: #fff, transition: all .3s ease, } @media screen and (max-width: 1200px) { .uc-numbers-scheme { width: 48%, } } @media screen and (max-width: 700px) { .uc-numbers-scheme { width: 90%, margin: 10px, min-height: 80px, } } .uc-footer { padding: 20px 5px, text-align: center, } .ucv-b1-tiles { text-align: center, position: relative, padding: 20px 10px, } .ucv-b1-header { margin-bottom: 40px, text-align: center, color: #000, } .ucv-b1-tile { display: block, text-align: left, opacity: .99, overflow: hidden, position: relative, border-radius: 3px, box-shadow: 0 0 20px 0 rgba(0,0,0,.05), max-width: 300px, margin: 0 auto, border: 1px solid #ebebeb, box-sizing: border-box, } .ucv-b1-tiles .ucv-b1-tile:before { content: '', background: linear-gradient( to bottom, rgba(59, 67, 72,0) 0%, rgba(59, 67, 72,0.6) 35%, rgba(59, 67, 72,0.8) 60% ), width: 100%, height: 100%, opacity: 0, position: absolute, top: 100%, left: 0, z-index: 2, transition-property: top, opacity, transition-duration: 0.3s, } .ucv-b1-wrapper { display: inline-block, vertical-align: top, margin: 10px .5%, text-decoration: none, } .ucv-b1-tiles .ucv-b1-tile img { display: block, max-width: 100%, backface-visibility: hidden, -webkit-backface-visibility: hidden, } .ucv-b1-wrapper .ucv-b1-name { font-size: 15px, color: #333, display: inline-block, margin-top: 10px, text-align: center, position: relative, z-index: 9, } .ucv-b1-name:hover { color: #3592d0, } .ucv-b1-desc { display: block, margin: 10px 0, position: absolute, visibility: hidden, color: #333, } .ucv-b1-tiles .ucv-b1-wrapper { width: 48%, display: inline-block, } .ucv-b1-details { display: inline-flex, font-size: 16px, padding: 10px, color: #fff, position: absolute, text-align: left, flex-direction: column, justify-content: flex-end, width: 100%, bottom: 0, height: 100%, margin: 0, left: 0, z-index: 3, box-sizing: border-box, } .ucv-b1-tiles .ucv-b1-tile .ucv-b1-details span { display: block, opacity: 0, position: relative, top: 100px, transition-property: top, opacity, transition-duration: 0.3s, transition-delay: 0s, } .ucv-b1-tiles .ucv-b1-tile .ucv-b1-details .ucv-b1-title { line-height: 1, font-weight: 600, font-size: 20px, } .ucv-b1-tiles .ucv-b1-tile .ucv-b1-details .ucv-b1-info { line-height: 1.2, margin-top: 5px, font-size: 14px, word-wrap: break-word, } .ucv-b1-ucv-b1-tiles .ucv-b1-tile:focus::before, .ucv-b1-tiles .ucv-b1-tile:focus span, .ucv-b1-tiles .ucv-b1-tile:hover::before, .ucv-b1-tiles .ucv-b1-tile:hover span { opacity: 1, } .ucv-b1-tiles .ucv-b1-tile:hover::before, .ucv-b1-tiles .ucv-b1-tile:focus::before { top: 0%, } .ucv-b1-tiles .ucv-b1-tile:hover span, .ucv-b1-tiles .ucv-b1-tile:focus span { top: 0, } .ucv-b1-tiles .ucv-b1-tile:hover .ucv-b1-title, .ucv-b1-tiles .ucv-b1-tile:focus .ucv-b1-title { transition-delay: 0.15s, } .ucv-b1-ucv-b1-tiles .ucv-b1-tile:hover .ucv-b1-info, .ucv-b1-ucv-b1-tiles .ucv-b1-tile:focus .ucv-b1-info { transition-delay: 0.25s, } @media screen and (max-width: 1200px) { .ucv-b1-tiles .ucv-b1-wrapper { width:48%, } } @media screen and (max-width: 900px) { .ucv-b1-desc { position: static, visibility: visible, } .ucv-b1-tiles .ucv-b1-wrapper { width: 48%, } .ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 48%, } } @media screen and (max-width:800px) { .ucv-b1-tiles .ucv-b1-wrapper, .ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto, margin-right: 15px, margin-left: 15px, } } .uc-trinumber-panel{padding:20px,} .uc-trinumber-wrapper { display: -webkit-box, display: -ms-flexbox, display: flex, -ms-flex-wrap: wrap, flex-wrap: wrap, -webkit-box-pack: center, -ms-flex-pack: center, justify-content: center, } .uc-trinumber-color1 { background-color: #efefef, } .uc-trinumber-block { position: relative, color: #eab22b, width: 96%, margin-top: 10px, margin: 6px, margin-left: 30px!important, height: 72px, box-shadow: inset 0px 2px 5px rgba(255, 255, 255, .2), 0px 2px 5px rgba(0,0,0, .5), } .uc-trinumber-block:hover .uc-trinumber-num{ transform: rotate(-225deg), box-shadow: inset -2px 0px 0px rgba(52, 52, 52, 0.3), } .uc-trinumber-block:hover .uc-trinumber-numin{ box-shadow: inset 3px -3px 3px rgba(52, 52, 52, .4), inset -3px 3px 3px rgba(255, 255, 255, .2), } .uc-trinumber-block:hover .uc-trinumber-numout{ box-shadow: inset 2px -2px 10px rgba(0, 0, 0, .3), } .uc-trinumber-block:hover .uc-trinumber-number { transform: rotate(225deg), } .uc-trinumber-text-block { /* padding: 44px 0 44px 70px,*/ display: -webkit-box, display: -ms-flexbox, display: flex, height: 72px, } .uc-trinumber-text { margin: auto, color: #333, margin-left: 56px, } .uc-trinumber-num { display: -webkit-box, display: -ms-flexbox, display: flex, -webkit-box-pack: center, -ms-flex-pack: center, justify-content: center, align-items: center, position: absolute, top: 6px, left: -28px, transform: rotate(-45deg), width: 60px, height: 60px, text-align: center, vertical-align: baseline, border-radius: 0 15px 0 15px, box-shadow: inset 2px 0px 0px rgba(52, 52, 52, 0.3), transition: all .3s, } .uc-trinumber-numin { box-shadow: inset -3px 3px 3px rgba(52, 52, 52, .4), inset 3px -3px 3px rgba(255, 255, 255, .2), width: 51px, height: 51px, transition: all .3s, border-radius: 0 15px 0 15px, } .uc-trinumber-numout { background: #fafafa, width: 45px, height: 45px, margin: 3px 0 0 3px, border-radius: 0 15px 0 15px, box-shadow: inset -2px 2px 10px rgba(0, 0, 0, .3), position: relative, } .uc-trinumber-number { position: absolute, transform: rotate(45deg), transition: all 0, margin: 6px 0 0 6px, display: block, line-height: 33px!important, height: 33px, width: 33px, color: #eab22b, font-size: 25px, } @media screen and (max-width: 995px) { .uc-trinumber-block { width: 100%, } }