Наша компания

.uc-title { position: relative; margin: 30px 0 20px 0; padding: 15px 20px 15px 20px; line-heigth: 20px; text-align: left; border-bottom: 1px solid #b3b3b3; border-radius: 6px 6px 0 0; color: #000000; font-size: 16px; font-weight: bold; line-height: 20px; overflow: hidden; text-transform: uppercase; } .uc-btns { display: inline-block; padding: 9px 40px; font-size: 16px; text-decoration: none !important; color: #fff !important; transition: all .3s ease; background:#333; cursor: pointer; text-align: center; position: relative; transition: all 300ms ease-in-out; vertical-align: middle; border-radius: 5px; } .uc-btns:hover { background: #4d4d4d; } .uc-footer { padding: 20px; text-align: center; } .uc-footer h2 {margin:20px 0!important;} .ucv-a2-panel strong { font-size: 22px; color: #FFFFFF; } .ucv-a2-panel{background:#777 url(https://i.ibb.co/7Jvv779/DTE6z25xz5-Aceetn-S84k8b-CGbx-SNej1-De71j-Cbs-K5-Fca-N8me-FSKpd1-Qq-KKyhkc-TSe.jpg ) center right/cover no-repeat; position: relative; text-align: left; padding: 30px 20% 30px 20px;} .ucv-a2-panel:before { content: ""; position: absolute; background: linear-gradient( to left, rgba(51, 51, 51,0.1) 0%, rgba(51, 51, 51,0.7) 60%, rgba(51, 51, 51,0.8) 70% ); left: 0; top: 0; height: 100%; width: 100%; } .ucv-a2-texts{max-width: 540px; position: relative; padding-left:30px;} .ucv-a2-header{font-size: 26px; line-height: 32px; color:#00963F; 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;text-decoration: none!important; text-align: center; color: #00963F!important; padding: 7px 30px; border: 2px solid #00963F; border-radius: 3px; font-size: 16px; border-radius: 5px;} .ucv-a2-link:hover{color: #fff!important; border: 2px solid #fff; background:none;} @media screen and (max-width: 500px) { .ucv-a2-texts{ width: auto; text-align: center; box-sizing: border-box; } .ucv-a2-panel {padding: 20px 15px; text-align: center; } .ucv-a2-link { width: auto; } } :root { --infograph-color2: #333; --infograph-color1: #8d8d8d; } .four-panel { padding: 20px 10px; } .uc-our__history { padding: 20px; text-align: center; border-bottom:1px solid #232323; } .uc-our__history h2 { margin: 20px 0!important; 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: 15px 0; } .uc-our__history-block:hover .uc-our__history-year { transform: translateX(40px) /*scale(0.8, 0.8)*/; transition: all 0.5s ease; } .uc-our__history-year { position: relative; text-align: left; -ms-flex-item-align: center; align-self: center; font-size: 16px; font-weight: bold; color: #000000; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; box-sizing: border-box; width: 250px; height: 100%; border-left: 5px solid #808080; padding: 20px; transition: all 0.5s ease; } .uc-our__history-line { -ms-flex-item-align: center; align-self: center; width: 8%; height: 5px; background: #00963F; } .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; box-sizing: border-box; justify-content: center; text-align: left; background: #232323; color: #fff; padding: 10px 15px; border-radius: 1px; width: 56%; height: 100%; border: 1px solid #ddd; } .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:1000px) { .uc-our__history-block { width: 100%; } } @media screen and (max-width:800px) { .uc-our__history-block { flex-direction: column; align-items: center; } .uc-our__history-year { text-align: center; border-left: none; border-top: 5px solid #ffc702; } .uc-our__history-line { -ms-flex-item-align: center; width: 5px; height: 20px; } .uc-our__history-content { width: 100%; text-align: center; } .uc-our__history-block:hover .uc-our__history-year { transform: translateY(20px) /*scale(0.8, 0.8)*/; transition: all 0.5s ease; } } .uc-arr-panel { padding: 20px; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: justify; margin: 20px 0!important; } .uc-arr-table { border-width: 0px !important; width: 100% !important; table-layout: fixed; float: left; } .uc-arr-table td { padding: 7px; } .uc-arr-table+.uc-arr-table { margin-left: 0%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; text-align: justify; font-size: 30px; transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker { } .uc-arr-table-marker img { transition: all 1s; transform: translateX(0px) scale(0.9) rotate(0); } .uc-arr-table tr:hover .uc-arr-table-marker img { transform: translate(10px, 0) scale(1.0) rotateX(370deg); } @media screen and (max-width: 1000px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } @media screen and (max-width: 500px) { .uc-arr-table td { vertical-align: top!important; } } .uc-numbers { padding: 20px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; color:#60b2e5; } .uc-numbers-scheme { background: linear-gradient(to bottom,#f0f0f0 0%, #f9f9f9 50%, #fff 100%); border: 1px solid #ddd; display: inline-block; width: 23%; margin: 1%; padding: 40px 10px 10px 20px; box-sizing: border-box; transition: all .3s ease;} .uc-numbers-scheme:hover { background: #333; color:#fff; transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 65px; color: #8d8d8d; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #00963F; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 17px; color: #8bed61; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #77eaff; transition: all .3s ease; } @media screen and (max-width: 1170px) { .uc-numbers-scheme { width: 48%; margin: 1%; } } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } Поставка, продажа масел, антифризов и жидкостей MATUS TOO является официальным дистрибьютором ООО "Завод смазочных материалов "Девон" на территории Казахстана. Критерием для закупки товарно-материальных ценностей ООО "Завод смазочных материалов "Девон" является обеспечение потребностей Компании в товарах и услугах на условиях минимизации стоимости, повышения качества и сокращения сроков поставки товаров/услуг. Перейти в каталог Основными критериями для принятия положительного решения о сотрудничестве являются: 1 Успешное прохождение проверки службы безопасности 2 Стабильно высокое качество поставляемой продукции 3 Удобные условия оплаты за поставляемую продукцию, отсрочка платежа 4 Конкурентная цена 5 Условия поставки, сроки поставки В широком ассортименте: ✓ Моторные масла Devon ✓ Гидравлические масла Devon ✓ Трансмиссионные масла Devon Линейка импортозамещающих смазочных материалов. Вся продукция соответствует системе международного стандарта качества ISO 9001-2015. Масла используются для легковых автомобилей, коммерческой и специализированной техники, промышленного оборудования. ✓ Смазки Devon Предназначены для смазывания узлов скольжения, трения и ограниченного качения, эксплуатируемые в сложных условиях на машинах и механизмах, которые подвержены ударным нагрузкам. ✓ Тормозные жидкости Витекс ✓ Антифриз Витекс Жидкости с температурой замерзания ниже точки замерзания воды. Антифриз обладает не только более низкой температурой замерзания, но и более низким коэффициентом расширения при замерзании. .uc-title { position: relative; margin: 30px 0 20px 0; padding: 15px 20px 15px 20px; line-heigth: 20px; text-align: left; border-bottom: 1px solid #b3b3b3; border-radius: 6px 6px 0 0; color: #000000; font-size: 16px; font-weight: bold; line-height: 20px; overflow: hidden; text-transform: uppercase; } .uc-btns { display: inline-block; padding: 9px 40px; font-size: 16px; text-decoration: none !important; color: #fff !important; transition: all .3s ease; background:#333; cursor: pointer; text-align: center; position: relative; transition: all 300ms ease-in-out; vertical-align: middle; border-radius: 5px; } .uc-btns:hover { background: #4d4d4d; } .uc-footer { padding: 20px; text-align: center; } .uc-footer h2 {margin:20px 0!important;} .ucv-a2-panel strong { font-size: 22px; color: #FFFFFF; } .ucv-a2-panel{background:#777 url(https://i.ibb.co/7Jvv779/DTE6z25xz5-Aceetn-S84k8b-CGbx-SNej1-De71j-Cbs-K5-Fca-N8me-FSKpd1-Qq-KKyhkc-TSe.jpg ) center right/cover no-repeat; position: relative; text-align: left; padding: 30px 20% 30px 20px;} .ucv-a2-panel:before { content: ""; position: absolute; background: linear-gradient( to left, rgba(51, 51, 51,0.1) 0%, rgba(51, 51, 51,0.7) 60%, rgba(51, 51, 51,0.8) 70% ); left: 0; top: 0; height: 100%; width: 100%; } .ucv-a2-texts{max-width: 540px; position: relative; padding-left:30px;} .ucv-a2-header{font-size: 26px; line-height: 32px; color:#00963F; 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;text-decoration: none!important; text-align: center; color: #00963F!important; padding: 7px 30px; border: 2px solid #00963F; border-radius: 3px; font-size: 16px; border-radius: 5px;} .ucv-a2-link:hover{color: #fff!important; border: 2px solid #fff; background:none;} @media screen and (max-width: 500px) { .ucv-a2-texts{ width: auto; text-align: center; box-sizing: border-box; } .ucv-a2-panel {padding: 20px 15px; text-align: center; } .ucv-a2-link { width: auto; } } :root { --infograph-color2: #333; --infograph-color1: #8d8d8d; } .four-panel { padding: 20px 10px; } .uc-our__history { padding: 20px; text-align: center; border-bottom:1px solid #232323; } .uc-our__history h2 { margin: 20px 0!important; 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: 15px 0; } .uc-our__history-block:hover .uc-our__history-year { transform: translateX(40px) /*scale(0.8, 0.8)*/; transition: all 0.5s ease; } .uc-our__history-year { position: relative; text-align: left; -ms-flex-item-align: center; align-self: center; font-size: 16px; font-weight: bold; color: #000000; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; box-sizing: border-box; width: 250px; height: 100%; border-left: 5px solid #808080; padding: 20px; transition: all 0.5s ease; } .uc-our__history-line { -ms-flex-item-align: center; align-self: center; width: 8%; height: 5px; background: #00963F; } .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; box-sizing: border-box; justify-content: center; text-align: left; background: #232323; color: #fff; padding: 10px 15px; border-radius: 1px; width: 56%; height: 100%; border: 1px solid #ddd; } .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:1000px) { .uc-our__history-block { width: 100%; } } @media screen and (max-width:800px) { .uc-our__history-block { flex-direction: column; align-items: center; } .uc-our__history-year { text-align: center; border-left: none; border-top: 5px solid #ffc702; } .uc-our__history-line { -ms-flex-item-align: center; width: 5px; height: 20px; } .uc-our__history-content { width: 100%; text-align: center; } .uc-our__history-block:hover .uc-our__history-year { transform: translateY(20px) /*scale(0.8, 0.8)*/; transition: all 0.5s ease; } } .uc-arr-panel { padding: 20px; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align: justify; margin: 20px 0!important; } .uc-arr-table { border-width: 0px !important; width: 100% !important; table-layout: fixed; float: left; } .uc-arr-table td { padding: 7px; } .uc-arr-table+.uc-arr-table { margin-left: 0%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; text-align: justify; font-size: 30px; transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker { } .uc-arr-table-marker img { transition: all 1s; transform: translateX(0px) scale(0.9) rotate(0); } .uc-arr-table tr:hover .uc-arr-table-marker img { transform: translate(10px, 0) scale(1.0) rotateX(370deg); } @media screen and (max-width: 1000px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } @media screen and (max-width: 500px) { .uc-arr-table td { vertical-align: top!important; } } .uc-numbers { padding: 20px; text-align: left; } .uc-numbers_wrap { display: flex; flex-wrap: wrap; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; color:#60b2e5; } .uc-numbers-scheme { background: linear-gradient(to bottom,#f0f0f0 0%, #f9f9f9 50%, #fff 100%); border: 1px solid #ddd; display: inline-block; width: 23%; margin: 1%; padding: 40px 10px 10px 20px; box-sizing: border-box; transition: all .3s ease;} .uc-numbers-scheme:hover { background: #333; color:#fff; transition: all .3s ease; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size: 65px; color: #8d8d8d; } .uc-numbers-scheme:hover strong { transition: all .3s ease; color: #00963F; transform: translateY(-7px); } .uc-numbers-scheme em { font-size: 17px; color: #8bed61; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #77eaff; transition: all .3s ease; } @media screen and (max-width: 1170px) { .uc-numbers-scheme { width: 48%; margin: 1%; } } @media screen and (max-width: 800px) { .uc-numbers-scheme { width: 100%; margin: 10px 0; } } Как у нас заказать? 1. Вы оформляете заявку на сайте или по телефону. 2. Мы связываемся и уточняем детали заказа. 3. Вы вносите 100% предоплату в оговоренном размере. 4. Мы отправляем Вам заказанную продукцию.