8 отзывов
Контакты
"СпецСнабжение и РЕМОНТ"
+7 показать номер
Александр
РоссияЛенинградская областьСанкт-ПетербургГражданский проспект, д.111

"СпецСнабжение и РЕМОНТ"


.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: #3c3c3c; box-shadow: -2px 2px 5px 0 #e8e8e8; }
.uc-btns:hover { transition: all .3s ease; background: #bb001d; color: #000 !important;
}
.ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #fff !important; padding: 0 22px; min-width: 150px; border: 2px solid #bb001d; 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: #bb001d!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: #bb001d; height: auto; text-align: center; margin: 0 auto; } .uc-video-block-title h2 { font-size: 2.2em;
line-height: 55px; 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: 28px; 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: #3c3c3c; display: inline-block; margin-top: 10px; text-align: center; position: relative; z-index: 9; }
.ucv-b1-name:hover { color: #bb001d; }
.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=kkvtgoak&h=_n41JNELvZdqfM2EIQGJkg') 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: #3c3c3c; display: inline-block; margin-top: 10px; text-align: center; position: relative; z-index: 9; }
.ucv-b2-name:hover { color: #bb001d; }
.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=fqpdzeeo&h=LxJziR6pc-sGkDd6WkE5Hw') 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 #3c3c3c; transition: all .3s ease; }
.uc-order-scheme:hover { box-shadow: 0 0 7px #bb001d; 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: #bb001d; }
.uc-number-scheme:hover strong { transition: all .3s ease; color: #3c3c3c; 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: #bb001d; 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:150px;
}
.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:#3c3c3c!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 #bb001d; border-bottom: 1px solid #bb001d; text-align: center; }
.uc-banner-text span { /*font-weight: bold; font-size: 20px;*/ color: #bb001d; }
.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=ycpsnimu&h=yGo6gQu3LDoKGs3h1FQAAA) 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: #3c3c3c; 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: #3c3c3c; border: 1px solid #3c3c3c; 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; }

«СпецСнабжение и РЕМОНТ» ИП Овдиенко А.Н.
Продукция оптом и в розницу Является торгующей организацией в Ленинградской области. По продаже запасных частей для автотракторной, дорожно-строительной, сельскохозяйственной, коммунальной и другой спецтехники.
К ассортименту продукции
/*Шрифты*/ @import url('https://fonts.googleapis.com/css?family=Comfortaa');
/*Коды для тиу*/ h2[class="b-title"]+ .b-content__body { margin:0; padding:0; }
.lending { width: 100%; color: black; }
/*Блок с логотипом и описанием*/ .name-company-block { width: 100%; height: 350px; background-image: url('https://i.ibb.co/3pp7vxg/5px-S1-Rf7-M5k.jpg'); background-size: cover; background-position: 50%; border-radius: 10px;
}
.name-company-background { background: rgba(0, 0, 0, 0.3); height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px;
}
.name-company-logo img{ height: 75px; filter: invert(1); }
.name-company-info { font-family: 'Comfortaa', cursive; font-size: 27px; text-align: center; width: 500px; line-height: 37px; font-weight: bold; color: white;
}
/*Блок с текстом о компании*/ .company-opisanie { padding-top: 50px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; border-bottom: 1px dashed white; }
.company-opisanie span { display: block; font-family: 'Comfortaa', cursive; font-size: 25px; text-align: center; font-weight: bolder; margin-bottom: 20px; }
.company-opisanie p { text-align: justify; }
/*Блок с текстом предложения*/ .company-deal { padding-top: 50px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; background: #2dcf96; color: white; border-radius: 10px; }
.company-deal span { display: block; font-family: 'Comfortaa', cursive; font-size: 25px; text-align: center; font-weight: bolder; margin-bottom: 20px; }
.company-deal p { text-align: justify; }
/*Блок преимуществ*/
.block-features { background-size: cover; background-position: 50%;
}
.block-features .zagolovok { display: block; font-family: 'Comfortaa', cursive; font-size: 25px; text-align: center; font-weight: bolder; margin-bottom: 20px;
}
.features { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: baseline; }
.feature { width: 300px; padding: 5px;
}
.feature span { font-family: 'Comfortaa', cursive; font-size: 14px; font-weight: bold; text-align: center; display: block; transition: all 0.7s ease-in-out; }
.feature p { font-size: 13px; text-align: center; }
.feature img { width: 60px; transition: all 0.7s ease-in-out;
}
.feature .for-image { text-align: center; display: block; }
.feature:hover {
}
.feature:hover img { transform: scale(1.3) rotate(360deg);
}
.block-features-fon { padding-top: 50px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px; }
/*Блок контактов*/
.block-contact { padding-top: 50px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; background: #333; color: white; border-radius: 10px; }
.block-contact .zagolovok { display: block; font-family: 'Comfortaa', cursive; font-size: 25px; text-align: center; font-weight: bolder; margin-bottom: 20px;
}
.contacts { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.contact { padding: 5px; width: 200px;
}
.contact span { font-family: 'Comfortaa', cursive; font-size: 18px; font-weight: bold; text-align: center; display: block; transition: all 0.7s ease-in-out; margin-bottom: 15px; }
.contact p { font-size: 14px; text-align: center; }
.contact img { width: 64px; transition: all 0.7s ease-in-out; filter: invert(1);
}
.contact .for-image { text-align: center; display: block; }
Наши контакты
Телефон
+7 (952) 385-13-70
Почта
ovdiena@bk.ru
Адрес
Россия. Санкт-Петербург. Гражданский проспект, д.111