Макет (Димарі)

.uc-btns { position: relative; display: inline-block; margin-top:10px; padding: 10px 30px; box-sizing: border-box; vertical-align: middle; text-align: center; font: 16px 'Roboto', sans-serif; cursor: pointer; text-decoration: none!important; background: #017e0b; border: 1px solid #017e0b; color: #fff!important; transition: all 300ms ease-in-out; } .uc-btns:hover { background: transparent; color: #017e0b!important; transition: all 300ms ease-in-out; } .uc-title { position: relative; display: block; margin: 30px 0 0!important; background: #f3f3f3; padding: 10px; box-shadow: 0 1px 1px rgba(0,0,0,0.3); color: #565656; text-align: left; font: 22px/22px 'Roboto',Arial,sans-serif; transition: all 500ms ease-in-out; } .uc-title:hover:after { width: 100%; } .ucv-a2-panel strong { font-size: 20px; color: #428FC3; } .ucv-a2-panel { background: #777 url('http://content.s2.prom.st/October%202018/42440_GR2.jpg') center center; background-size: cover; } .ucv-a2-texts { background-color: rgba(63, 63, 63, 0.85); margin: 0; padding: 40px 15px; text-align: center; width: 48%; } .ucv-a2-header { font-size: 30px; line-height: 32px; color: #428FC3; margin: 0px 0px 5px; } .ucv-a2-sub-header { font-size: 18px; line-height: 32px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-text { font-size: 14px; line-height: 26px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #428FC3!important; padding: 0 20px; border: 2px solid #428FC3; font-size: 16px; } .ucv-a2-link:hover { color: #fff!important; border-color: #fff; } @media screen and (max-width: 500px) { .ucv-a2-texts { width: auto; text-align: center!important; } .ucv-a2-panel { padding: 0; background: none; } } .ucv-b1-panel { padding: 20px 0; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-panel h2 { margin-bottom: 20px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px 0.5%; 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: auto !important; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(63, 63, 63,0.8); text-align: left; color: #fff; transition: all .7s 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: 18px; color: #444; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #428FC3; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 46%; text-decoration: none; } @media screen and (max-width: 1000px) { .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: 700px) { .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-infogr strong {font-size: 16px; color: #428FC3;}.uc-infogr { padding: 20px 0; text-align: center; } .uc-infogr_title { padding-bottom: 20px; } .uc-infogr_container { display: flex; flex-flow: row wrap; align-content: center; justify-content: space-around; } .uc-infogr_content { display: flex; margin: 10px 0; width: 46%; justify-content: center; position: relative; color: #fff; } .uc-number { color: #017e0b; font-weight: 600; font-size: 8em; line-height: 0.5; text-shadow: 14px 0 1px white; transition: 0.5s; z-index: 5; margin-top: 5%; } .uc-infogr_content:hover .uc-number { transform: scale(1.1); transition: 0.5s; } .uc-text img { position: relative; width: 70px; margin: 0 auto; padding-bottom: 5px; border-bottom: 2px solid transparent; transition: 0.5s; } .uc-text:hover img { border-color: #53c962; transition: 0.5s; } .uc-text { display: flex; flex-direction: column; justify-content: center; width: 400px; margin-left: -35px; transition: 0.5s; background: #FAFAFA; border: 3px solid #fafafa; box-shadow: 0 0 20px rgba(66, 143, 195,.5); color: #000; padding: 10px; box-sizing: border-box; } .uc-text h3 { margin: 15px 0 0; color: #53c962; font-size: 16px; } .uc-text:hover { box-shadow: 5px 5px 20px #428FC3; transition: 0.5s; } .uc-text p { margin: 10px 0 0 35px; width: 85%; } @media screen and (max-width: 1600px) { .uc-infogr_content { width: 45%; } } @media screen and (max-width: 800px) { .uc-infogr_content { width: 95%; } } .uc-oco-panel { padding: 20px 0px 30px; } .uc-oco-header { text-align: center; padding-bottom: 20px; } .uc-oco-table { border-width: 0px !important; width: 50% !important; table-layout: fixed; float: left; } .uc-oco-table+.uc-oco-table { margin-left: 0%; } .uc-oco-table td { padding: 10px; transition: all 0.5s; } .uc-oco-table img { transition: all 0.4s; } .uc-oco-table tr:hover td { box-shadow: 0 100px 0 #428FC3 inset; transition: all 0.5s; color: #fff; } .uc-oco-table tr:hover img {} .uc-oco-table-col1 { width: 50px; position: relative; height: 50px; padding-left: 15px; transition: all 0.85s; } .uc-oco-table tr:hover .uc-oco-table-col1 { transition: all 0.85s; box-shadow: 0 -100px 0 #3f3f3f inset !important; } .uc-oco-table tr img { position: absolute; top: 50%; left: 50%; } .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(1.0); } .uc-table_ocons2 { -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; -o-transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; transition: opacity .2s ease-in-out, transform .2s ease-in-out .1s; } .uc-oco-table tr:hover .uc-table_ocons { transition: all 0.1s ease 0s; transform: translate(-50%, -50%) scale(0.0); } .uc-oco-table tr:hover .uc-table_ocons2 { -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1100px) { .uc-oco-table { float: none; width: 100% !important; } .uc-oco-table+.uc-oco-table { margin: 0; } } @media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top!important; } } .uc-clear { clear: both; height: 0;} .uc-order-panel { padding: 20px; } .uc-order-block { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; margin: 0 auto; } .uc-order-wrapp { width: 22%; margin: 0%; display: inline-block; vertical-align: top; } .uc-order-arr { width: 120px; height: 120px; border-radius: 100%; margin: 0 auto; position: relative; border: 4px dotted #017e0b; line-height: 160px; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; }.uc-order-wrapp:hover img{ transform: rotateY(-360deg); transition: all 1s ease; } .uc-order-number1 { position: absolute; bottom: -7px; left: -21px; width: 40px; height: 40px; border-radius: 50%; background-color: #017e0b; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number2 { position: absolute; top: 54px; right: -25px; width: 40px; height: 40px; border-radius: 60px; background-color: #017e0b; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number3 { position: absolute; top: 10px; right: -29px; width: 40px; height: 40px; border-radius: 60px; background-color: #017e0b; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-number4 { position: absolute; left: -23px; top: -3px; width: 40px; height: 40px; border-radius: 60px; background-color: #017e0b; border: 3px dotted transparent; line-height: 38px; color: #fff; font-size: 26px; } .uc-order-text { text-align: center; margin: 25px auto; position: relative; } @media screen and (max-width: 1100px) { .uc-order-wrapp { width: 44%;}} @media screen and (max-width: 600px) { .uc-order-wrapp { width: 90%; }} .uc-footer { padding: 10px 20px; text-align: center; } Виробництво димарів будь-яких розмірів Працюємо з індивідуальними замовленнями будь-якої складності! Виробництво димарів з усіма додатковими елементами та комплектуючими. Безкоштовно знімаємо заміри, виробляємо на високоточною сучасної лінії, супроводжуємо гарантією на 12 місяців. Ми утримуємо доступні ціни і пропонуємо знижки від обсягу замовлення! Побачити готові роботи Ми виробляємо В наявності та під замовлення прямі труби, коліна, трійники і додаткові комплектуючі для складання повноцінної системи відводу продуктів згоряння. Одностінні димоходи В наявності і під замовлення прямі труби, коліна, трійники і додаткові комплектуючі для складання повноцінної системи відводу продуктів згоряння. «Сендвіч-труби» з оцинковки, з утеплювачем. Постійно в наявності стандартні розміри, є можливість виробництва за індивідуальними параметрами замовника. Двостінні димарі «Сэндвич-трубы» из оцинковки, с утеплителем. Постоянно в наличии стандартные размеры, есть возможность производства по индивидуальным параметрам заказчика. 4 причины остановиться на нашем ассортименте 1 Разнообразный выбор В наличии и под заказ доступно 56 моделей дымоходов и аксессуаров для их правильной работы. 2 Соответствие стандартам Наши дымоходы отвечают техническим требования и государственным нормативам. 3 Официальная гарантия 1 год гарантии выдаем на все свои дымоходы и в полной мере ее выполняем. 4 Полное совпадение с проектом Подберем стандартный размер или изготовим под заказ детали дымохода под вашу систему. В каталог дымоходных элементов С нами всегда выгодно и удобно Производим дымоходы за считанные дни. Отправляем покупку в любой уголок Украины. Продаем по ценам производства, без наценок. Предлагаем скидки от объема заказа. Реализуем проекты любой сложности и специфики. Бесплатно снимаем замеры на объекте. Перейти к заполнению заявки Как ведется сотрудничество? 1 Вы подаете заявку на производство или покупку 2 Мы отвечаем по заявке и решаем все детали 3 Вы вносите аванс в размере стоимости доставки в обе стороны 4 Ми відправляємо готові вироби і даємо гарантію Відправляємо замовлення протягом 7 днів після підтвердження Працюємо максимально оперативно! Замовити димар під індивідуальну систему опалення ви можете прямо зараз в каталозі нижче!