Дизайн интерьера
.uc-btns { display: inline-block; padding: 8px 22px; color: #fff !important; text-decoration: none !important; font-size: 16px; transition: all .3s ease; border-radius: 4px; background: #d9bd2f; box-shadow: -2px 2px 5px 0 #e8e8e8;
}
.uc-btns:hover { transition: all .3s ease; background: #3cbf77; color: #000 !important; }
.ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #3cbf77 !important; padding: 0 22px; min-width: 150px; border: 2px solid #3cbf77; border-radius: 5px; font-size: 16px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.ucv-a2-link:hover { color: #fff!important; border-color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.uc-main-block { /* height: 100%;*/ /* overflow: hidden;*/ }
.uc-video-block { /* width: 100%;*/ /* float: left;*/ margin-bottom: 0px; position: relative; overflow: hidden; height: 450px!important; }
.uc-video-block:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0px; z-index: 1; left: 0; background-color: rgba(75, 75, 75, 0.39); }
.uc-main-container.uc-index-page { /* height: 100% !important;*/ }
.uc-main-container { width: 100%; /* height: 100%;*/ /* float: left;*/ }
.uc-main-container.uc-index-page .uc-video-image { display: none; }
.uc-video-container { width: 100%; /* height: 100%;*/ /* position: absolute;*/ /* top: 0;*/ }
.uc-video-container video { display: block; min-height: 100%; width: 100%; /*потестить значения с min-*/ } /*___TEXT___*/
.uc-video-text { width: 90%; position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.uc-video-block-title, .uc-video-block-text, .uc-main-block-btn { width: 100%; color: #3cbf77; height: auto; text-align: center; margin: 0 auto; }
.uc-video-block-title h2 { font-size: 2.2em; line-height: 35px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 0px; }
.uc-video-block-text { width: 100%; display: inline-block; text-align: center; }
.uc-video-block-text strong { font-size: 1.2em; }
.uc-video-block-text p { font-size: 100%; color: #fff; font-size: 16px; line-height: 22px; padding-bottom: 10px; }
.uc-down-arrow { position: absolute; margin-left: -40px; transition: background .3s linear; }
.uc-bounce { animation-iteration-count: infinite; animation-fill-mode: both; animation-duration: 2s; animation-name: bounce; }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } }
@media screen and (max-width: 1024px) { .uc-main-container.uc-index-page .uc-video-image { width: 100%; height: 400px!important; /* position: absolute;*/ top: 0; left: 0; display: block; background: url(https://content.s3.prom.st/November%202017/32874_tg1.jpg) 50% 50%/cover no-repeat; } .uc-video-container { display: none; } }
@media screen and (max-width: 500px) { .uc-main-container.uc-index-page .uc-video-image { width: auto; } .uc-video-text h2 { font-size: 2em; line-height: normal; letter-spacing: normal; margin-bottom: 5px!important; } .uc-video-text p { line-height: normal; letter-spacing: normal; margin: 0!important; } .uc-down-arrow { display: none; } .uc-video-text { width: 95%; padding: 10px; position: absolute; top: 10%; padding-top: 10px; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } } /* @media screen and (max-height: 580px) and (min-width: 1024px) { .uc-down-arrow { display: none; } }*/
.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; max-width: 300px; height: 300px; margin: 0 auto; border: 1px solid #ebebeb; box-sizing: border-box; }
.ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; }
.ucv-b1-tiles .ucv-b1-tile img { max-width: 100%; max-height: 100%; }
.ucv-b1-wrapper .ucv-b1-name { font-size: 15px; color: #d9bd2f; display: inline-block; margin-top: 10px; text-align: center; position: relative; z-index: 9; }
.ucv-b1-name:hover { color: #3cbf77; }
.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-tile .uc-overlay { width: 200px; height: 200px; background: rgba(255, 255, 255, 0.6); position: absolute; left: 70%; top: 70%; border-radius: 500px; z-index: 10; -moz-transition: all 0.2s linear 0.2s; -o-transition: all 0.2s linear 0.2s; -ms-transition: all 0.2s linear 0.2s; -webkit-transition: all 0.2s linear 0.2s; transition: all 0.2s linear 0.2s; }
.ucv-b1-tile .uc-icon { width: 35px; height: 23px; background: url('https://ssl.prom.st/p?u=http%3A%2F%2Feisenpar.com%2Fview-icon.png&s=xapclqbp&h=7AmHnICUKp_qtDkMhNnupw') 0 0 no-repeat; position: absolute; top: 47px; left: 40px; }
.ucv-b1-details { display: inline-flex; font-size: 16px; padding: 15px; position: relative; 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-tile .uc-caption { display: block; opacity: 0; transition-property: top, opacity; transition-duration: 0.3s; transition-delay: 0s; position: absolute; background-color: rgba(0, 0, 0, 0.8); top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; color: #fff !important; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.ucv-b1-tiles .uc-info { line-height: 1.2; position: absolute; margin-top: 0; left: 0; bottom: 50%; transform: translateY(50%); word-wrap: break-word; width: 100%; max-width: -webkit-calc(100% - 20px); max-width: -o-calc(100% - 20px); max-width: -moz-calc(100% - 20px); max-width: -ms-calc(100% - 20px); max-width: calc(100% - 20px); margin: 40px auto 0px auto; padding: 10px 10px; }
.ucv-b1-tile .uc-img-block { height: 100%; width: 100%; }
.ucv-b1-tile .uc-img-block .uc-img { position: absolute; width: 100%; overflow: hidden; height: 100%; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.ucv-b1-tile .uc-img-block .uc-img-1 { top: 0px; left: 0px; z-index: 2; }
.ucv-b1-tile .uc-img-block .uc-img-2 { top: 20%; left: 0px; z-index: 3; }
.ucv-b1-tile .uc-img-block .uc-img-2 img { -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); -webkit-transform: translateY(-20%); transform: translateY(-20%); }
.ucv-b1-tile .uc-img-block .uc-img-3 { top: 40%; left: 0px; z-index: 4; }
.ucv-b1-tile .uc-img-block .uc-img-3 img { -moz-transform: translateY(-40%); -o-transform: translateY(-40%); -ms-transform: translateY(-40%); -webkit-transform: translateY(-40%); transform: translateY(-40%); }
.ucv-b1-tile .uc-img-block .uc-img-4 { top: 60%; left: 0px; z-index: 5; }
.ucv-b1-tile .uc-img-block .uc-img-4 img { -moz-transform: translateY(-60%); -o-transform: translateY(-60%); -ms-transform: translateY(-60%); -webkit-transform: translateY(-60%); transform: translateY(-60%); }
.ucv-b1-tile .uc-img-block .uc-img-5 { top: 80%; left: 0px; z-index: 6; }
.ucv-b1-tile .uc-img-block .uc-img-5 img { -moz-transform: translateY(-80%); -o-transform: translateY(-80%); -ms-transform: translateY(-80%); -webkit-transform: translateY(-80%); transform: translateY(-80%); }
.ucv-b1-tile:hover .uc-img-block .uc-img { left: 100%; }
.ucv-b1-tile:hover .uc-img-block .uc-img-1 { -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.ucv-b1-tile:hover .uc-img-block .uc-img-2 { -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.ucv-b1-tile:hover .uc-img-block .uc-img-3 { -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.ucv-b1-tile:hover .uc-img-block .uc-img-4 { -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.ucv-b1-tile:hover .uc-img-block .uc-img-5 { -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.ucv-b1-tile:hover .uc-overlay { top: 100%; left: 100%; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.ucv-b1-tile:hover .uc-caption { opacity: 1; }
@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; } }
.ucv-b2-tiles { text-align: center; position: relative; border-bottom: 3px solid #ecedf0; }
.ucv-b2-header { margin-bottom: 20px; text-align: center; }
.ucv-b2-tile { display: block; text-align: left; opacity: .99; overflow: hidden; position: relative; max-width: 755px; height: 300px; margin: 0 auto; border: 1px solid #ebebeb; box-sizing: border-box; }
.ucv-b2-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; }
.ucv-b2-tiles .ucv-b2-tile img { max-width: 800%; max-height: 100%; }
.ucv-b2-wrapper .ucv-b2-name { font-size: 15px; color: #d9bd2f; display: inline-block; margin-top: 10px; text-align: center; position: relative; z-index: 9; }
.ucv-b2-name:hover { color: #3cbf77; }
.ucv-b2-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b2-tiles .ucv-b2-wrapper { width: 99%; display: inline-block; position: relative; }
.ucv-b2-tile .uc-overlay { width: 200px; height: 200px; background: rgba(255, 255, 255, 0.6); position: absolute; left: 91.5%; top: 70%; border-radius: 500px; z-index: 10; -moz-transition: all 0.2s linear 0.2s; -o-transition: all 0.2s linear 0.2s; -ms-transition: all 0.2s linear 0.2s; -webkit-transition: all 0.2s linear 0.2s; transition: all 0.2s linear 0.2s; }
.ucv-b2-tile .uc-icon { width: 35px; height: 23px; background: url('https://ssl.prom.st/p?u=http%3A%2F%2Feisenpar.com%2Fview-icon.png&s=fishjesm&h=5kV2B6CD8r9NfNCFDgZvRA') 0 0 no-repeat; position: absolute; top: 47px; left: 40px; }
.ucv-b2-details { display: inline-flex; font-size: 16px; padding: 15px; position: relative; 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-b2-tile .uc-caption { display: block; opacity: 0; transition-property: top, opacity; transition-duration: 0.3s; transition-delay: 0s; position: absolute; background-color: rgba(0, 0, 0, 0.8); top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; color: #fff !important; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.ucv-b2-tiles .uc-info { line-height: 1.2; position: absolute; margin-top: 0; left: 0; bottom: 50%; transform: translateY(50%); word-wrap: break-word; width: 100%; max-width: -webkit-calc(100% - 20px); max-width: -o-calc(100% - 20px); max-width: -moz-calc(100% - 20px); max-width: -ms-calc(100% - 20px); max-width: calc(100% - 20px); margin: 40px auto 0px auto; padding: 10px 10px; }
.ucv-b2-tile .uc-img-block { height: 100%; width: 100%; }
.ucv-b2-tile .uc-img-block .uc-img { position: absolute; width: 100%; overflow: hidden; height: 100%; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.ucv-b2-tile .uc-img-block .uc-img-1 { top: 0px; left: 0px; z-index: 2; }
.ucv-b2-tile .uc-img-block .uc-img-2 { top: 20%; left: 0px; z-index: 3; }
.ucv-b2-tile .uc-img-block .uc-img-2 img { -moz-transform: translateY(-20%); -o-transform: translateY(-20%); -ms-transform: translateY(-20%); -webkit-transform: translateY(-20%); transform: translateY(-20%); }
.ucv-b2-tile .uc-img-block .uc-img-3 { top: 40%; left: 0px; z-index: 4; }
.ucv-b2-tile .uc-img-block .uc-img-3 img { -moz-transform: translateY(-40%); -o-transform: translateY(-40%); -ms-transform: translateY(-40%); -webkit-transform: translateY(-40%); transform: translateY(-40%); }
.ucv-b2-tile .uc-img-block .uc-img-4 { top: 60%; left: 0px; z-index: 5; }
.ucv-b2-tile .uc-img-block .uc-img-4 img { -moz-transform: translateY(-60%); -o-transform: translateY(-60%); -ms-transform: translateY(-60%); -webkit-transform: translateY(-60%); transform: translateY(-60%); }
.ucv-b2-tile .uc-img-block .uc-img-5 { top: 80%; left: 0px; z-index: 6; }
.ucv-b2-tile .uc-img-block .uc-img-5 img { -moz-transform: translateY(-80%); -o-transform: translateY(-80%); -ms-transform: translateY(-80%); -webkit-transform: translateY(-80%); transform: translateY(-80%); }
.ucv-b2-tile:hover .uc-img-block .uc-img { left: 100%; }
.ucv-b2-tile:hover .uc-img-block .uc-img-1 { -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.ucv-b2-tile:hover .uc-img-block .uc-img-2 { -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.ucv-b2-tile:hover .uc-img-block .uc-img-3 { -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.ucv-b2-tile:hover .uc-img-block .uc-img-4 { -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.ucv-b2-tile:hover .uc-img-block .uc-img-5 { -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.ucv-b2-tile:hover .uc-overlay { top: 100%; left: 100%; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.ucv-b2-tile:hover .uc-caption { opacity: 1; }
@media screen and (max-width: 1050px) { .ucv-b2-tiles .ucv-b2-wrapper { width: 48%; } }
@media screen and (max-width: 768px) { .ucv-b2-desc { position: static; visibility: visible; } .ucv-b2-tiles .ucv-b2-wrapper { width: 51%; } .ucv-b2-tiles .ucv-b2-wrapper+.ucv-b2-wrapper+.ucv-b2-wrapper { width: 51%; } }
@media screen and (max-width: 500px) { .ucv-b2-tiles .ucv-b2-wrapper, .ucv-b2-tiles .ucv-b2-wrapper+.ucv-b2-wrapper+.ucv-b2-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } }
.uc-order { padding: 20px 0; text-align: center; border-bottom: 3px solid #ecedf0; }
.uc-order_wrap { display: flex; flex-wrap: wrap; justify-content: center; }
.uc-order h2 { margin-bottom: 30px; }
.uc-order-scheme { width: 49%; margin: 10px .5%; padding: 20px 15px; box-sizing: border-box; vertical-align: top; box-shadow: 0 0 2px #d9bd2f; transition: all .3s ease; }
.uc-order-scheme:hover { box-shadow: 0 0 7px #3cbf77; transition: all .3s ease; }
@media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; } }
.uc-number { padding: 20px 15px; text-align: left; border-bottom: 3px solid #ecedf0; }
.uc-number h2 { text-align: center; margin-bottom: 30px; }
.uc-number-scheme { display: inline-block; width: 48%; margin: 10px .5%; padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; }
.uc-number-scheme_table { display: table; }
.uc-number-scheme_numb, .uc-number-scheme_text { display: table-cell; vertical-align: middle; }
.uc-number-scheme_numb { width: 68px; }
.uc-number-scheme strong { transition: all .3s ease; display: inline-block; font-size: 60px; color: #3cbf77; }
.uc-number-scheme:hover strong { transition: all .3s ease; color: #d9bd2f; transform: translateY(-4px); }
.uc-number-scheme em { font-size: 15px; color: #636b7c; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; }
.uc-number-scheme:hover em { color: #3cbf77; transition: all .3s ease; }
@media screen and (max-width: 900px) { .uc-number-scheme { width: 98%; margin: 10px auto; min-height: initial; } }
.uc-products { padding: 20px 5px; border-bottom: 3px solid #ecedf0; }
.uc-products__title { text-align: center; }
.uc-products__content { display: flex; justify-content: space-around; width: 100%; flex-wrap: wrap; box-sizing: border-box; }
.uc-products__content-item { display: flex; width: 48%; min-width: 200px; max-height: 200px; margin: 1% 0.5%; border: 1px solid #ccc; border-radius: 10px; // transition: 5s ease-in; box-shadow: 1px 5px 10px #ccc; }
.uc-products__content-item:hover { box-shadow: 5px 10px 15px #ccc; // transition: .75s ease-out; flex-direction: row-reverse; }
.uc-products__content-item img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; height: 100%; min-width: 75px; }
.uc-products__content-item:hover img { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.uc-products__content-item_text { padding: 10px 10px; }
.uc-products__content-item_text strong { padding-bottom: 10px; color: #3cbf77!important; text-decoration: none!important; }
@media screen and (max-width: 1300px) { .uc-products__content-item { width: 98%; } .uc-products__content-item_text { padding: 40px 10px; } .uc-products__content-item:hover { transition: .75s ease-out; flex-direction: row; } .uc-products__content-item:hover img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; } }
.uc-banner-panel { padding: 20px 0 0 50px; border-bottom: 3px solid #ecedf0; }
.uc-banner-color { display: flex; width: 100%; margin-top: 40px; height: auto; background: none; margin-bottom: 0; }
.uc-banner-text { margin-top: -40px; margin-bottom: 40px; margin-left: -30px; width: auto; background-color: #fbf5e9; padding: 30px 35px; box-shadow: 0 20px 30px rgba(0, 0, 0, .3); }
.uc-banner-text h2 { margin: 0; padding: 10px 0; border-top: 1px solid #3cbf77; border-bottom: 1px solid #3cbf77; text-align: center; }
.uc-banner-text span { /*font-weight: bold; font-size: 20px;*/ color: #3cbf77; }
.uc-banner-img { background: url(https://ssl.prom.st/p?u=http%3A%2F%2Fcontent.s2.prom.st%2FSeptember%25202018%2F20093_trade-in.png&s=eawaiogc&h=eLu0yG7W_zlBSN3-KZUraQ) center center/cover; width: 300px; height: 300px; flex-shrink: 0; margin-top: 50px; margin-right: 30px; /*для старого дизайна сделайте значение отрицательным, (выглядит лучше), для нового - наоборот*/ margin-left: -25px; margin-bottom: -40px; box-shadow: 0 20px 30px rgba(0, 0, 0, .3); }
@media screen and (max-width: 900px) { .uc-banner-panel { padding: 0 20px; } .uc-banner-text { margin-right: 20px; } .uc-banner-color { flex-wrap: wrap; flex-direction: column; } .uc-banner-img { width: 240px; height: 240px; margin-top: -70px; margin-right: 0px; align-self: flex-end; } }
.uc-b5-panel { padding: 20px 0; text-align: center; border-bottom: 3px solid #ecedf0; }
.uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; }
.uc-b5-panel h2 { text-align: center; margin-bottom: 30px; }
.uc-b5-header { margin-bottom: 40px; }
.uc-b5-wrapper { display: inline-block; vertical-align: top; width: 19%; margin: 10px 0.5%; }
.uc-b5-arr { width: 25px; font-size: 30px; color: #d9bd2f; vertical-align: middle; padding-top: 10px; }
.uc-b5-arr2 {}
.uc-b5-arr3 {}
.uc-b5-text { margin: 10px 0 0; }
@media screen and (max-width: 1050px) { .uc-b5-wrapper { width: 31%; } .uc-b5-arr { width: 12%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } }
@media screen and (max-width: 800px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } }
.uc-b5-wrapper:hover img { animation: 1500ms ease 0s normal none 1 running flip; }
@keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; }
.uc-footer { padding: 20px 0 0; border-bottom: 3px solid #ecedf0; text-align: center; }
.uc-footer p { margin: 20px 0; }
.uc-photo-block { border-bottom: 3px solid #ecedf0; padding: 20px; }
.uc-photo-block__wrapper { display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: space-around; -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 5px 0; /* width: 80%; УБРАТЬ ШИРИНУ*/ }
.uc-photo-block__photo { background-color: #d9bd2f; border: 1px solid #d9bd2f; line-height: 0; display: block; width: 200px; margin: 0 10px 5px; transition: all .3s ease; position: relative; /* width: 20%;*/ }
.uc-photo-block__photo:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .3s ease; }
.uc-photo-block__photo:hover { transform: translateY(-5px); }
.uc-photo-block__photo:hover:after { box-shadow: inset 0 0 0 10px rgba(255, 255, 255, .5); }
.uc-photo-block__photo img { /* width: 100%;*/ width: 200px; transition: all .3s; }
.uc-photo-block__lightbox { width: 0; height: 0; position: fixed; /* overflow: auto;*/ overflow: hidden; left: 0; top: 0; z-index: 99; text-align: center; background: rgba(0, 0, 0, 0.7); }
.uc-photo-block__lightbox img { opacity: 0; padding: 10px; background: #ffffff; margin-top: 100px; transition: opacity .5s ease-in-out; }
.uc-photo-block__lightbox:target { width: auto; height: auto; bottom: 0; right: 0; }
.uc-photo-block__lightbox:target img { max-height: 90%; opacity: 1; }
.uc-photo-blockimg-holder { margin: 0 0 20px; }
.uc-photo-block-text { text-align: center; margin: 0 auto; }
@media screen and (max-width: 768px) { .uc-photo-block__lightbox img { max-width: 95%; margin-top: 50px; } .uc-photo-blockimg-holder { width: 46%; } .uc-photo-block__photo { margin: 0 auto 5px; } }
@media screen and (max-width: 500px) { .uc-photo-blockimg-holder { width: 100%; } }
.uc-e4-panel { padding: 20px; text-align: center; border-bottom: 3px solid #ecedf0; }
.uc-e4-header { text-align: center; margin-bottom: 20px !important; }
@media screen and (max-width: 750px) { .uc-b3-wrapper { float: left; width: 44%; margin: 0 3% 40px; } }
@media screen and (max-width: 500px) { .uc-b3-wrapper { float: left; width: 100% !important; margin: 0 auto 40px; } } /* 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 { -webkit-transform: translateZ(0); transform: translateZ(0); -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; }
.uc-insta { text-align: center; padding: 20px 0 0; border-bottom: 3px solid #ecedf0; }
.uc-insta img { transition: 0.5s linear; }
.uc-insta img:hover { filter: brightness(1.1); transform: scale(1.2); transition: 0.5s linear; }
Разработка дизайна помещений
Перед началом ремонта, чтобы его результат не отличался от первоначальных представлений, отличным решением будет заказ дизайн-проекта будущего помещения, выполненного по всем вашим пожеланиям.
Работа дизайнера позволит вам увидеть результат ремонта заранее, даст возможность внести корректировки и защитит от возможных ошибок и неточностей.
Просмотреть каталог
Мы готовы предложить Вам:
1.
Дизайн квартиры
2.
Дизайн частного дома.
3.
Дизайн офиса.
4.
Дизайн кухни или столовой
5.
Дизайн спальни и гостиной.
6.
Дизайн детской.
Узнать больше
Заказать дизайн интерьера в Казахстане
Большой опыт
Наша компания уже много лет занимается разработкой дизайн-проектов интерьеров квартир, частных домов и офисов в Казахстане.
Профессионализм
Наши сотрудники – высококвалифицированные мастера своего дела, имеющие за спиной специальное образование, многолетний опыт и сотни выполненных проектом.
Консультация
Дизайнеры нашей компании выполнят все работы в оперативные сроки и всегда будут готовы проконсультировать вас по возникшим вопросам и посоветуют оптимальные решения ваших строительных задач.
Партнерство
Отлаженная схема сотрудничества со строительными и ремонтными компаниями позволяет гарантировать идеальный результат.
Схема работы:
Клиент заполняет форму заказа
→
Получает консультацию специалиста
→
Выбирает вариант оплаты и доставки
→
Мы реализуем услуги
Доставка и оплата
Почему стоит нанять профессионального дизайнера?
Когда вы нанимаете дизайнера, Вы получаете огромную выгоду от работы опытного профессионала, который может решить Ваши проблемы, поможет вам избежать дорогостоящих ошибок и, самое главное, создать привлекательное доступное пространство, разработанное специально для удовлетворения ваших жизненных потребностей.
Как профессиональные дизайнеры интерьера, мы обладаем глубокими знаниями предметов интерьера, материалов и отделки. Кроме того, у нас огромный опыт в области проектирования, планирования, выполнения и управления проектом от начала до конца. Это наша работа, тесно сотрудничать с ремонтниками, строителями, продавцами и другими поставщиками услуг, координировать и организовывать весь процесс.
Когда вы нанимаете дизайнера, Вы получаете огромную выгоду от работы опытного профессионала, который может решить Ваши проблемы, поможет вам избежать дорогостоящих ошибок и, самое главное, создать привлекательное доступное пространство, разработанное специально для удовлетворения ваших жизненных потребностей.
Как профессиональные дизайнеры интерьера, мы обладаем глубокими знаниями предметов интерьера, материалов и отделки. Кроме того, у нас огромный опыт в области проектирования, планирования, выполнения и управления проектом от начала до конца. Это наша работа, тесно сотрудничать с ремонтниками, строителями, продавцами и другими поставщиками услуг, координировать и организовывать весь процесс.