39 отзывов

Автозапчасти

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

Автозапчасти

.uc-btns { display: inline-block; padding: 8px 20px; color: #fff!important; text-decoration: none !important; font-size: 16px; transition: all 100ms ease-in-out; background: #0af;} .uc-btns:hover { transition: all 100ms ease-in-out; background: #5e636f; color: #fff!important; } .ucv-a2-panel strong { font-size: 20px; color: #00AAFF; } .ucv-a2-panel{background:#777 url(http://content.s3.prom.st/february/24172gl.png) 50% 50%/cover no-repeat;} .ucv-a2-texts{background-color: rgba(94, 99, 111, 0.9); width:100%; padding:20px 0px; text-align: center;} .ucv-a2-header{font-size: 26px; line-height: 32px; color:#00AAFF; margin: 0px 0px 5px;} .ucv-a2-sub-header{font-size: 18px; line-height: 32px; color:#fff; margin: 0px 0px 10px;} .ucv-a2-text{font-size:14px; line-height: 26px; color:#fff; margin: 0px 0px 10px;} .ucv-a2-link{display: inline-block; border-radius: 3px; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #00AAFF!important; padding: 0 22px; min-width: 150px; border: 2px solid #00AAFF; font-size: 16px;} .ucv-a2-link:hover{color: #fff!important; border-color:#fff; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;} @media screen and (max-width: 500px) { .ucv-a2-texts{ width: auto; text-align: center; box-sizing: border-box; } .ucv-a2-panel { padding: 0; background-size: cover; } .ucv-a2-link { padding: 0 5px; width: auto; } } .ucv-b1-panel { border-bottom: 1px solid #e9e9e9; padding: 20px 0; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; border: 1px solid #ebebeb; } .ucv-b1-img-holder img { display: block; } .ucv-b1-img-holder:hover .ucv-b1-hint { transform: scale(1.0); } .ucv-b1-hint { transform: scale(0.0); position: absolute; top: 0; left: 0%; width: 100%; height: 100%; background: rgba(94, 99, 111, 0.85); text-align: left; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; } .ucv-b1-hint-body { box-shadow: 0px 0px 4px 2px rgba(255,255,255,0.6); position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { font-size: 15px; color: #3F3F3F; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #E36159; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 48%; } @media screen and (max-width: 768px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 51%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } } @media screen and (max-width: 500px) { .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-footer { padding: 10px; text-align: center; border-bottom: 1px solid #e9e9e9; } .uc-footer p { margin: 20px 0; } .ucv-b4-title { text-align: center; margin-bottom: 25px; } .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: #0af; position: relative; width: 100%; } .ucv-b4-arrow-red { background: #FF5500; } .ucv-b4-arrow.ucv-b4-arrow-red:before { border-top-color: #FF5500; border-bottom-color: #FF5500; } .ucv-b4-arrow.ucv-b4-arrow-red:after { border-left-color: #FF5500; } .ucv-b4-arrow-red .ucv-b4-line { background: #0af; } .ucv-b4-arrow:after { content: ""; position: absolute; right: -10px; top: 0; border-left: 10px solid #0af; 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 #0af; border-bottom: 10px solid #0af; } .ucv-b4-line { position: absolute; left: 50%; bottom: 50%; width: 2px; height: 50px; background: #0af; } .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%; background: #FF5500!important;} .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 { font-size: 22px; color: #FF5500; display: block; font-weight: bold; }.ucv-b4-numbers { font-size: 22px; color: #0af; display: block; font-weight: bold; } @media screen and (max-width: 1300px) { .ucv-b4-arrow-wrapper { width: 35%; } } @media screen and (max-width: 1000px) { .ucv-b4-arrow-wrapper { width: 65%; } } .uc-f16-table tr:hover td { background: #f7f7f7; } .uc-f16-table tr:hover img { transform: translateX(10px); } .uc-f16-table img { transition: all 0.3s; } .uc-f16-panel { padding: 20px 15px 20px; border-bottom: 1px solid #e9e9e9;} .uc-f16-header { text-align: center; } .uc-f16-table { border-width: 0px !important; width: 100% !important; table-layout: fixed; } .uc-f16-table td { padding: 5px; transition: all 0.3s; } .uc-f16-table-col1 { width: 60px; padding-left: 15px; } .uc-lhover-panel { padding: 20px; text-align: center;border-bottom: 1px solid #e9e9e9; } .uc-lhover-item {background: #F8EDE7; padding: 20px; box-shadow: 0 0 5px rgba(0, 170, 255, 0.5); transition: all 0.3s; margin: 30px auto; } .uc-lhover-item span { font-size: 18px; color: #FF5500; } .uc-lhover-item:hover { box-shadow: 0 0 5px #0af; } .uc-arr-panel { padding: 20px 15px 20px; border-bottom: 1px solid #e9e9e9; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: center; } .uc-arr-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-arr-table td { padding: 10px; } .uc-arr-table+.uc-arr-table { margin-left: 4%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; border-radius: 100%; border: 2px solid #0af; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker { background: rgba(51,51,51,0.1); } .uc-arr-table-marker img { transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker img { transform: translateX(5px) } @media screen and (max-width: 900px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } .uc-box { text-align: center; overflow: hidden; padding: 20px 10px; border-bottom: 1px solid #e9e9e9;} .uc-box__icons { background: #F8EDE7; width:48%; margin: 20px 1%; min-height: 80px; float: left; box-shadow: 0 0 5px #00acc1; border-radius: 4px; padding: 20px 50px; box-sizing: border-box; transition: all .2s ease; vertical-align: top; } .uc-box__icons:hover { transition: all .2s ease; box-shadow: 0 0 10px #007584; } @media screen and ( max-width: 900px ) { .uc-box__icons { width: 90%; margin: 20px 5%; } }