4 отзыва

YouVilla

+7 показать номер

YouVilla


.uc-btns { display: inline-block; padding: 8px 30px; font-size: 16px; color: #fff!important; text-decoration: none!important; background: #fe776e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all .3s ease; }
.uc-btns:hover { background: #9bd450; transition: all .3s ease; }
.ucv-a2-panel strong { font-size: 20px; color: #005847; }
.ucv-a2-panel { background: #fff url('http://dizainvfoto.ru/wp-content/uploads/2017/10/primer-krasivogo-landshafnogo-dizajna-uchastka.jpg') center 20%; background-size: cover; display: flex; align-items: flex-start; }
.ucv-a2-texts { margin: 0 0 0 55%; padding: 20px 40px 20px 5px; width: 45%; text-align: right; border-radius: 0; background-color: rgba(255, 255, 255, 0.8); border: 2px solid #005847; width: 80%; } .ucv-a2-header { font-size: 26px; line-height: 32px; text-align: right; color: #005847; margin: 0px 0px 5px; padding: 7px 0px 7px 60px; } .ucv-a2-sub-header { font-size: 18px; line-height: 32px; padding: 7px 0 7px 15px; color: #000; margin: 0px 0px 10px; } .ucv-a2-text { position: relative; font-size: 14px; line-height: 26px; color: #000; margin: 0px 0px 10px; border-left: 2px solid #9bd450; padding-left: 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #fff!important; padding: 0 20px; background: #fe776e; font-size: 16px; } .ucv-a2-link:hover { background: #28a1d6; } @media screen and (max-width: 880px) { .ucv-a2-texts { width: auto; text-align: left!important; border-radius: 0; } .ucv-a2-panel { padding: 0; } } .ucv-a2-text::after { content: ""; position: absolute; top: -10px; left: -6px; background: #9bd450; height: 10px; width: 10px; border-radius: 100%; } .ucv-a2-text::before { content: ""; position: absolute; bottom: -10px; left: -6px; background: #9bd450; height: 10px; width: 10px; border-radius: 100%; }
.ucv-b4-panel { border-bottom: 2px solid #ccc; padding: 25px 0px; }
.ucv-b4-title { text-align: center; margin-bottom: 25px !important; }
.ucv-b4-wrapper { text-align: center; }
.ucv-b4-arrow-wrapper { margin-right: 2%; width: 20%; display: inline-block; vertical-align: middle; }
.ucv-b4-arrow { height: 20px; background: #9bd450; position: relative; width: 100%; }
.ucv-b4-arrow-red { background: #fe776e; }
.ucv-b4-arrow.ucv-b4-arrow-red:before { border-top-color: #fe776e; border-bottom-color: #fe776e; }
.ucv-b4-arrow.ucv-b4-arrow-red:after { border-left-color: #fe776e; }
.ucv-b4-arrow-red .ucv-b4-line { background: #fe776e; }
.ucv-b4-arrow:after { content: ""; position: absolute; right: -10px; top: 0; border-left: 10px solid #9bd450; 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 #9bd450; border-bottom: 10px solid #9bd450; }
.ucv-b4-line { position: absolute; left: 50%; bottom: 50%; width: 2px; height: 50px; background: #9bd450; }
.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 { padding-bottom: 6px; font-size: 30px; color: #9bd450; display: block; font-weight: bold; }
@media screen and (max-width: 1200px) { .ucv-b4-arrow-wrapper { width: 35%; } }
@media screen and (max-width: 750px) { .ucv-b4-arrow-wrapper { width: 65%; } .ucv-b4-arrow-wrapper__margin { margin-top: 45px; } }
.ucv-b1-tiles { text-align: center; position: relative; }
.ucv-b1-header { margin-bottom: 20px; text-align: center; }
.ucv-b1-tile { display: block; text-align: left; opacity: .99; overflow: hidden; position: relative; 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(0, 88, 71,0) 0%, rgba(0, 88, 71,0.6) 35%, rgba(0, 88, 71,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: #fe776e; display: inline-block; margin-top: 10px; text-align: center; position: relative; z-index: 9; }
.ucv-b1-name:hover { color: #9bd450; }
.ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-tiles .ucv-b1-wrapper { width: 31.8%; display: inline-block; }
.ucv-b1-details { display: inline-flex; font-size: 16px; padding: 15px; 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: 1050px) { .ucv-b1-tiles .ucv-b1-wrapper { width:48%; } }
@media screen and (max-width: 768px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-tiles .ucv-b1-wrapper { width: 51%; } .ucv-b1-tiles .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } }
@media screen and (max-width: 500px) { .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-blink-panel { padding: 20px 15px 20px; }
.uc-blink-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.uc-blink-header { text-align: center; padding-bottom: 20px; }
.uc-blink-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; }
.uc-blink-table tr:hover .uc-blink-table-marker { color: #9bd450; }
.uc-blink-table td { padding-bottom: 10px; }
.uc-blink-table+.uc-blink-table { margin-left: 4%; }
.uc-blink-table-col1 { width: 60px; }
.uc-blink-table-marker { width: 40px; height: 40px; margin: 0px auto; line-height: 41px; border: 2px solid #005847; text-align: center; color: #fe776e; font-size: 30px; transition: all 0.3s; }
@media screen and (max-width: 768px) { .uc-blink-table { float: none; width: 100% !important; } .uc-blink-table+.uc-blink-table { margin: 0; } }
@media screen and (max-width: 500px) { .uc-blink-table td { vertical-align: top!important; } }
.uc-clear { clear: both; height: 0px; }
.uc-oco-panel { padding: 20px; }
.uc-oco-header { text-align: center; padding-bottom: 20px; }
.uc-oco-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; }
.uc-oco-table+.uc-oco-table { margin-left: 4%; }
.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 #005847 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 #9bd450 inset !important; }
@media screen and ( max-width: 500px) { .uc-oco-table td { vertical-align: top !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: 1000px) { .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-oco-table tr:hover .uc-oco-table-col1 { box-shadow: none !important; } .uc-oco-table tr:hover td { box-shadow: none !important; color: #333; } }
.uc-order-panel { padding: 20px; }
.uc-order-panel h2 { text-align: center; }
.uc-order-block { box-sizing: border-box; display: table; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; }
.uc-order-wrapp { width: 20%; margin: 2% 2% 0; display: inline-block; vertical-align: top; }
.uc-order-arr { width: 100px; height: 100px; margin: 0 auto; position: relative; border: 4px dotted #005847; line-height: 125px; 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; background-color: #9bd450; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; }
.uc-order-number2 { position: absolute; top: 54px; right: -25px; width: 40px; height: 40px; background-color: #9bd450; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; }
.uc-order-number3 { position: absolute; top: 10px; right: -29px; width: 40px; height: 40px; background-color: #9bd450; border: 3px dotted #fff; line-height: 38px; color: #fff; font-size: 26px; }
.uc-order-number4 { position: absolute; left: -23px; top: -3px; width: 40px; height: 40px; background-color: #9bd450; border: 3px dotted #fff; 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%; } } }
:root { --infograph-color2: #9bd450; --infograph-color1: #fe776e; }
.four-panel { padding: 20px 10px; }
.four-panel h2 { margin-bottom: 20px; text-align: center; }
.four-container { display: flex; flex-wrap: wrap; justify-content: space-around; }
.four-item { display: flex; flex-direction: column; width: 40%; padding: 30px; box-shadow: 15px 15px 44px 5px rgba(0, 0, 0, 0.38); margin: 20px 0; }
.four-content-1, .four-content-2, .four-content-3, .four-content-4 { text-align: center; position: relative; padding: 20px; display: flex; flex-direction: column; align-items: center; height: 100%; }
.four-content-1:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color2); }
.four-content-1:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 20px; height: 100%; background: var(--infograph-color2); }
.four-content-2:after { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color1); }
.four-content-2::before { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 100%; background: var(--infograph-color1); }
.four-content-3:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color1); }
.four-content-3::before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 20px; height: 100%; background: var(--infograph-color1); }
.four-content-4::after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 100%; height: 20px; background: var(--infograph-color2); }
.four-content-4::before { content: ''; position: absolute; bottom: 0; right: 0; width: 20px; height: 100%; background: var(--infograph-color2); }
.four-header { font-size: 24px; }
.four-text {}
.four-icon {}
@media screen and (max-width: 1100px) {
.four-item { width: 80%; }
.four-content-1:after, .four-content-1:before, .four-content-2:after, .four-content-2:before, .four-content-3:after, .four-content-3:before, .four-content-4:after, .four-content-4:before { display: none; }
.four-content-1, .four-content-3 { border: 35px solid var(--infograph-color2); }
.four-content-2, .four-content-4 { border: 35px solid var(--infograph-color1); } }
.uc-b5-panel { padding: 20px; text-align: center; }
.uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.uc-b5-header { margin-bottom: 20px; }
.uc-b5-wrapper { display: inline-block; vertical-align: top; width: 20%; margin-bottom: 10px; }
.uc-b5-img { margin: 15px; transition: all 0.5s ease; }
.uc-b5-wrapper:hover img { transform: scale(1.5, 1.5); margin: 15px; transition: all 0.5s ease; }
.uc-b5-arr { width: 30px; font-size: 30px; vertical-align: middle; padding-top: 30px; }
.uc-b5-arr2 {}
.uc-b5-arr3 {}
.uc-b5-text { margin: 10px 0 0; }
@media screen and (max-width: 1050px) { .uc-b5-wrapper { width: 27%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } }
@media screen and (max-width: 700px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } }
/*-----------------------------------------FOOTER-------------------------------*/
.uc-footer { padding: 20px 0 0; text-align: center; }
.uc-footer p { margin: 20px 0; }
YouVilla — агенство дизайна и благоустройства в Казани
Услуги ландшафтных дизайнеров и проектировщиков
Озеленение дачных и приусадебных участков по привлекательным ценам и в короткие сроки. Гарантия качества на долгие года.
К ассортименту услуг
Несколько фактов о нас
более 10 летработаем в Казани
30+услуг в каталоге
75%клиентов приходит по рекомендации
85%клиентов довольны нашими услугами
YouVilla — почему именно мы?
Профессиональный подход
Агентство дизайна и благоустройства YouVilla уже около 10-ти лет оказывает качественные и профессиональные услуги по озеленению территорий и ландшафтному дизайну.
Выгодное сотрудничество
YouVilla в 2015 году заручилась поддержкой инженерной группы, которая занималась проектированием и монтажом систем для автоматического полива и садового освещения.
Высококлассные специалисты
Все наши сотрудники регулярно проходят курсы по повышению квалификации в области ландшафтного дизайна и озеленения территорий.
Качество на высшем уровне
За 10 лет работы мы не получили ни одного негативного отзыва. Мы не только оказываем профессиональные услуги по озеленению территорий, но и проводим мастер-классы по проектированию частных участков для любителей загородной жизни.
Приступить к заказу
Как оформить услугу?
1
Заполняйте заявку на сайте или звоните по телефону
2
Звонок от менеджера для согласования всех деталей и оформление заказа
3
Оплата услуги удобным для клиента способом
4
Выполнение всех оговоренных работ
YouVilla — выбор довольных клиентов!
Убедитесь в качестве наших услуг и Вы, звоните нам!
Желаете изменить свой сад к лучшему, но не знаете как? Не беда, к Вам на помощь спешат высокоспециализированные ландшафтные дизайнеры и инженеры-проектировщики, что бы создать придомовой участок Вашей мечты.
Сделать заказ