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://s48.radikal.ru/i119/1701/5c/c670c830f372.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-all{ padding: 20px 15px; border-bottom: 1px solid #e9e9e9; } .uc-block { background: #F8EDE7; text-align: center; width: 48%; box-shadow: 5px 0 10px rgba(0, 0, 0,.05), 0px 5px 10px rgba(0, 0, 0,.05),0px -5px 10px rgba(0, 0, 0,.05), 2px 0 0 #f50 inset; min-height: 70px; display: inline-block; margin-left: 1%; position: relative; box-sizing: border-box; margin-bottom: 25px; } .uc-block:hover{ box-shadow: 5px 0 10px rgba(0, 0, 0,.1), 0px 5px 10px rgba(0, 0, 0,.1),0px -5px 10px rgba(0, 0, 0,.1), 2px 0 0 #0af inset; } .uc-block p{ padding: 1% 110px 1% 5%; text-align: left; } .uc-margin { margin-right: 0px; } .uc-title{ text-align: center; color: #000; } .uc-block2 { position: relative; } .uc-block2:before { content: '✓'; position: absolute; top: 6px; right: 20px; display: inline-block; width: 40px; height: 40px; line-height: 38px; box-sizing: border-box; font-size: 35px; border: 1px solid #0af; text-align: center; color: #f50; transition: .3s; } .uc-block2:hover:before{ border: 1px solid #f50; color: #0af; transition: .3s; transform: scale(1.2); } @media screen and (max-width: 800px) { .uc-block p{ padding: 50px 15px 15px; text-align: center; } .uc-block2:before { top: -0; right: 45%; transition: .3s; }} @media screen and (max-width: 360px) { .uc-block2:before { right: 40%; }} .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: 100% !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: 768px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } .uc-b1-panel { padding: 30px 15px 0; border-bottom: 1px solid #e9e9e9; text-align: center; } .uc-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b1-header { margin-bottom: 40px; } .uc-b1-wrapper { float: left; width: 44%; margin: 0 3% 40px; } .uc-b1-text { margin: 10px 0 0; } @media screen and (max-width: 500px) { .uc-b1-wrapper { float: left; width: 100%; margin: 0 auto 40px; } } .uc-lhover-panel { border-bottom: 1px solid #e9e9e9; padding: 20px 0; text-align: center;} .uc-lhover-item { background: #F8EDE7; padding: 20px 5px; box-shadow: 0 0 5px rgba(0, 170, 255,0.5); transition: all 0.3s; margin: 20px 0.5%; width: 22.5%; min-height: 54px; display: inline-block; vertical-align: top;} .uc-lhover-item:hover { box-shadow: 0 0 5px rgba(0, 170, 255,0.9); } .uc-blink-panel { padding: 20px 15px 20px; border-bottom: 1px solid #e9e9e9; } .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 { background: #0af; color: #ffffff; } .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-radius: 100%; border: 2px solid #0af; text-align: center; color: #FF5500; 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; } } .uc-footer { padding: 10px; text-align: center; border-bottom: 1px solid #e9e9e9; } .uc-footer p { margin: 20px 0; }
tfrdresesetr