Фасадные и кровельные работы от компании "GoodFasad"

.uc-banner-panel { padding: 10px 30px 10px 50px; } .uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: #3b93eb; margin-bottom: 45px; } .uc-banner-text { margin-top: -40px; margin-bottom: 40px; margin-left: -30px; width: auto; background-color: #fff; padding: 9px; box-shadow: 0 20px 30px rgba(0,0,0, .3); text-align: center; } .uc-banner-text h2 { margin-bottom: 15px; padding: 10px 0; border-top: 2px solid #3b93eb; border-bottom: 2px solid #3b93eb; } .uc-banner-img { background: url(https://otdelka-trade.ru/upload/iblock/813/813f13e60f00806c819fea7a90462004.jpg) center center/cover; border-radius: 50%; width: 300px; height: 300px; flex-shrink: 0; margin-top: 40px; margin-right: -159px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ margin-left: -30px; margin-bottom: -40px; box-shadow: 0 20px 30px rgba(0,0,0, .3); } @media screen and (max-width: 900px) { .uc-banner-panel { padding: 10px 30px 30px 50px; } .uc-banner-text { margin-right: 20px; } .uc-banner-color { flex-wrap: wrap; flex-direction: column; } .uc-banner-img { width: 200px; height: 200px; margin-top: -85px; margin-right: 40px; align-self: flex-end; } } @media screen and (max-width: 700px) { .uc-banner-panel { padding: 10px 20px 30px 50px; } .uc-banner-text { margin-right: 20px; padding: 20px 20px 40px; } .uc-banner-color { flex-wrap: wrap; flex-direction: column; } .uc-banner-img { width: 150px; height: 150px; margin-top: -60px; margin-right: -15px; align-self: flex-end; } } .uc-link { display: inline-block; padding: 8px 15px; text-decoration: none !important; text-align: center; min-width: 150px; border: 1px solid #4282ce; border-radius: 20px; color: #444!important; background-color: transparent; font-size: 16px; transition: all .3s; margin: 10px; } .uc-link:hover { background: #4282ce; color: #fff!important; transform: translateY(5px); } .uc-panel { padding: 20px 0; text-align: center; } .uc-panel h2 { margin-bottom: 20px; text-align: center; } .uc-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; } .uc-img-holder { display: block; text-align: center; position: relative; overflow: hidden; box-sizing: border-box; max-width: 300px; max-height: 300px; margin: 0 auto; border: 1px solid #ebebeb; transition: all 0.5s linear; } .uc-wrapper img { height: auto!important; } .uc-overlay { position: absolute; border-radius: 500px; background: rgba(255,255,255,0.6); } .uc-icon { width: 35px; height: 23px; position: absolute; top: 39px; left: 33px; } .uc-caption { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; display: flex; padding: 0 20px; align-items: center; box-sizing: border-box; color: #fff!important; background-color: rgba(58, 186, 177, 0.85); -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .uc-name { font-size: 16px; color: #3b93eb; display: inline-block; margin-top: 10px; } .uc-name:hover { color: #444; } .uc-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .uc-panel .uc-wrapper { width: 30%; } @-webkit-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @-ms-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @-o-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @-moz-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } .uc-bubbles .uc-bubble { width: 40px; height: 40px; position: absolute; top: 100%; background: -moz-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: -ms-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: -o-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: -webkit-radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); background: radial-gradient(circle at center center, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.7)); -webkit-border-radius: 100px; border-radius: 100px; } .uc-effect .uc-bubbles .uc-bubble-2 { left: 20px; } .uc-effect .uc-bubbles .uc-bubble-3 { left: 60px; } .uc-effect .uc-bubbles .uc-bubble-4 { left: 90px; } .uc-effect .uc-bubbles .uc-bubble-5 { left: 120px; } .uc-effect .uc-bubbles .uc-bubble-6 { left: 150px; } .uc-effect .uc-bubbles .uc-bubble-7 { left: 250px; } .uc-effect .uc-bubbles .uc-bubble-8 { left: 300px; } .uc-effect .uc-bubbles .uc-bubble-9 { left: 190px; } .uc-effect .uc-bubbles .uc-bubble-10 { left: 220px; } .uc-effect .uc-bubbles .uc-bubble-11 { left: 270px; } .uc-effect .uc-bubbles .uc-bubble-12 { left: 45px; } .uc-effect .uc-bubbles .uc-bubble-13 { left: 15px; } @-webkit-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-ms-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-o-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-moz-keyframes bubble { from { top: 100%; } to { top: -100%; } } @keyframes bubble { from { top: 100%; } to { top: -100%; } } .uc-effect:hover .uc-bubbles .uc-bubble { -moz-animation: bubble 9s infinite; -ms-animation: bubble 9s infinite; -o-animation: bubble 9s infinite; -webkit-animation: bubble 9s infinite; animation: bubble 9s infinite; } .uc-effect:hover .uc-bubbles .uc-bubble-2 { -moz-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; } .uc-effect:hover .uc-bubbles .uc-bubble-3 { -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; -webkit-animation-delay: 6s; animation-delay: 6s; } .uc-effect:hover .uc-bubbles .uc-bubble-4 { -moz-animation-delay: 3.5s; -o-animation-delay: 3.5s; -ms-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } .uc-effect:hover .uc-bubbles .uc-bubble-5 { -moz-animation-delay: 4s; -o-animation-delay: 4s; -ms-animation-delay: 4s; -webkit-animation-delay: 4s; animation-delay: 4s; } .uc-effect:hover .uc-bubbles .uc-bubble-6 { -moz-animation-delay: 7.2s; -o-animation-delay: 7.2s; -ms-animation-delay: 7.2s; -webkit-animation-delay: 7.2s; animation-delay: 7.2s; } .uc-effect:hover .uc-bubbles .uc-bubble-7 { -moz-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .uc-effect:hover .uc-bubbles .uc-bubble-8 { -moz-animation-delay: 2.6s; -o-animation-delay: 2.6s; -ms-animation-delay: 2.6s; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .uc-effect:hover .uc-bubbles .uc-bubble-9 { -moz-animation-delay: 5s; -o-animation-delay: 5s; -ms-animation-delay: 5s; -webkit-animation-delay: 5s; animation-delay: 5s; } .uc-effect:hover .uc-bubbles .uc-bubble-10 { -moz-animation-delay: 6.4s; -o-animation-delay: 6.4s; -ms-animation-delay: 6.4s; -webkit-animation-delay: 6.4s; animation-delay: 6.4s; } .uc-effect:hover .uc-bubbles .uc-bubble-11 { -moz-animation-delay: 8s; -o-animation-delay: 8s; -ms-animation-delay: 8s; -webkit-animation-delay: 8s; animation-delay: 8s; } .uc-effect:hover .uc-bubbles .uc-bubble-12 { -moz-animation-delay: 5.3s; -o-animation-delay: 5.3s; -ms-animation-delay: 5.3s; -webkit-animation-delay: 5.3s; animation-delay: 5.3s; } .uc-effect:hover .uc-bubbles .uc-bubble-13 { -moz-animation-delay: 8.5s; -o-animation-delay: 8.5s; -ms-animation-delay: 8.5s; -webkit-animation-delay: 8.5s; animation-delay: 8.5s; } .uc-effect:hover img { filter: blur(1px); } .uc-effect:hover .uc-caption { top: 0px; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .uc-effect:hover .uc-overlay { -moz-animation: bounce 0.3s linear forwards; -o-animation: bounce 0.3s linear forwards; -ms-animation: bounce 0.3s linear forwards; -webkit-animation: bounce 0.3s linear forwards; animation: bounce 0.3s linear forwards; } @media screen and (max-width: 1100px) { .uc-panel .uc-wrapper { width: 46%; } .uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper { width: 46%; } } @media screen and (max-width: 800px) { .uc-desc { position: static; visibility: visible; } .uc-panel .uc-wrapper { width: 51%; } .uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper { width: 51%; } } @media screen and (max-width: 500px) { .uc-panel .uc-wrapper, .uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-clear {clear:both; height:0px;} .uc-our__history { padding: -8px; text-align: center; } .uc-our__history h2 { padding-bottom: 10px; text-align: center; } .uc-our__history-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .uc-our__history-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 20px 0; } .uc-our__history-block:hover .uc-our__history-year { transform: translateX(20px) scale(0.8, 0.8); transition: all 0.5s ease; } .uc-our__history-year { position: relative; text-align: center; -ms-flex-item-align: center; align-self: center; font-size: 60px; font-weight: bold; color: #3b93eb; background: #EAEAEA; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100px; min-width: 100px; border-radius: 100%; box-shadow: 0 0px 15px #fff, 0 0 0px 10px #4282ce, 0 0 0 0.3em #fff; transition: all 0.5s ease; } .uc-our__history-line { -ms-flex-item-align: center; align-self: center; width: 8%; height: 30px; background: #3b93eb; } .uc-our__history-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: left; background: #EAEAEA; color: #000; padding: 10px 15px; border-radius: 10px; width: 70%; border: 1px solid #ddd; /* -webkit-box-shadow: 2px 1px 16px -2px rgba(21, 40, 55,0.55); box-shadow: 2px 1px 16px -2px rgba(21, 40, 55,0.55); */ } .uc-our__history-subheader { font-size: 26px; color: #156413; } .uc-first__year-line { background: #ea4335; } .uc-second__year-line { background: #34a853; } .uc-third__year-line { background: #fbbc05; } .uc-fourth__year-line { background: #4285f4; } .uc-fifth__year-line { background: #ea4335; } .uc-first__year { color: #ea4335; } .uc-second__year { color: #34a853; } .uc-third__year { color: #fbbc05; } .uc-fourth__year { color: #4285f4; } .uc-fifth__year { color: #ea4335; } @media screen and (max-width:1100px) { .uc-our__history-block { width: 100%; } } @media screen and (max-width:800px) { .uc-our__history-year { min-width: 70px; min-height: 70px; } .uc-our__history-line { width: 13%; } } .uc-b5-panel { padding: 4px 0; text-align: center; background: #EAEAEA; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-panel h2 { margin-bottom: 10px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 20%; margin: 25px 0.5%; } .uc-b5-arr { width: 10px; font-size: 30px; color: #333; vertical-align: middle; padding-top: 20px; } .uc-b5-arr2 {} .uc-b5-arr3 { } .uc-b5-text { margin: 10px 0 0; } .uc-b5-wrapper img { margin: 5px; transition: all 0.5s ease; } .uc-b5-wrapper:hover img { transform: scale(1.5, 1.5); transition: all 0.5s ease; } @media screen and (max-width: 1100px) { .uc-b5-wrapper { width: 25%; } .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; } } .uc-ban1-panel { background: #777 url() center right; background-size: cover; } .uc-ban1-texts { background: rgba(255, 255, 255,0.85); padding: 20px; text-align: center; box-sizing: border-box; } .uc-burger_panel { padding: 20px; background: #EAEAEA; } .uc-burger_panel h2 { text-align: center; } .uc-burger_container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .uc-burger_item { display: flex; width: 100%; margin: 10px; } .uc-burger_item:nth-child(even) { display: flex; flex-direction: row-reverse; } .uc-burger_number_container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 20%; background: #3b93eb; text-align: center; color: #fff; padding: 10px; border-radius: 100px 0 0; box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7); } .uc-burger_item:nth-child(even) .uc-burger_number_container { background: #3b93eb; border-radius: 0 0 100px; box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7); } /* Это стили для сайтов с большим количеством цветовой гаммы .uc-number-1 { background: red; } .uc-number-2 { background: blue; } .uc-number-3 { background: aqua; } .uc-number-4 { background: black; } */ .uc-burger_number-header { font-size: 17px; color: #fff; } .uc-burge_number { font-size: 40px; line-height: 0px; } .uc-burger_content { width: 190%; background: #fff; padding: 15px; border-radius: 0 100px 0 0; box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; justify-content: center; } .uc-burger_item:nth-child(even) .uc-burger_content { justify-content: center; align-items: flex-end; border-radius: 0 0 0 100px; text-align: right; box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7); } .uc-burger_content-header { font-size: 25px; } .uc-burger_text { width: 90%; } @media screen and (max-width: 1100px) { .uc-burger_item { width: 100%; flex-direction: column; } .uc-burger_item:nth-child(even) { display: flex; flex-direction: column; } .uc-burger_item:nth-child(even) .uc-burger_number_container { width: 95%; border-radius: 100px 100px 0 0; box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78); } .uc-burger_item:nth-child(even) .uc-burger_content { width: 95%; border-radius: 0 0 50px 50px; justify-content: center; align-items: center; box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78); } .uc-burger_number_container { width: 95%; border-radius: 100px 100px 0 0; } .uc-burger_content { width: 95%; border-radius: 0 0 100px 100px; justify-content: center; align-items: center; padding: 10px; } .uc-burger_text { text-align: center; } } /* Bob */ @-webkit-keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes uc-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .uc-bob { margin-top: 10px; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-animation-name: uc-bob-float, uc-bob; animation-name: uc-bob-float, uc-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } Красивое и качественное оформление фасадов зданий от компании "GoodFasad" GoodFasad предлагает работы на высоком уровне профессионализма Наша бригада высококвалифицированных специалистов со стажем работы более 19 лет смонтирует сайдинг из разных материалов на поверхности любой геометрии. Мы выполним отделку фасада, утепление, осуществим монтаж стропил и кровли, обшивку труб и другие работы. О нас Почему нас выбирают многие клиенты? Качество по разумной цене Своим клиентам мы гарантируем качество выполненных работ. При этом в нашей компании всегда выгодные цены, гибкая система скидок при заказе «под ключ» или объемном заказе. У нас работают лучшие специалисты За годы своей работы мы вырастили превосходных специалистов, которые знают и любят свою работу. Они обеспечивают профессиональный и индивидуальный подход к каждому заказу, строго соблюдают технологии. Связаться с нами Нам есть чем гордиться! 1 Большая клиентская база Мы гордимся тем, что многие заказчики перешли в разряд постоянных клиентов. Нередко клиенты приходят к нам по рекомендации. 2 Использование новых технологии и материалов В работе мы применяем передовые технологии и разнообразные современные материалы. 3 Бесплатная консультация и замеры После того, как клиент оформил заявку, к нему в удобное время приезжает замерщик. Он помогает выбрать материал и рассчитывает стоимость работ. 4 Сроки и экономия времени Наши сотрудники работают оперативно и четко соблюдают оговоренные с заказчиком сроки, выполняя кровельные работы и многие другие. Доставка и оплата Как мы работаем? Клиент осуществляет звонок по номеру в Контактах. → На объект приезжает замерщик и согласует все детали. → Мы высылаем договор с указанием всех нюансов. → Наша бригада выезжает на объект для выполнения работ. Мы работаем на совесть! Наши мастера осуществляют фасадные работы, а также кровельные работы. Мы работаем по договору и предоставляем 5 лет гарантии. Также наша компания помогает выбрать материалы и доставляет их от партнеров. Перейти в каталог