ТОО COSMO OIL KAZAKHSTAN
.uc-btns {
display: inline-block;
padding: 8px 30px;
font-size: 16px;
color: #fff !important;
text-decoration: none !important;
border-radius: 5px;
border: 1px solid #fff;
background: #333;
transition: all .3s ease;
}
.uc-btns:hover {
background: #4d4d4d;
transition: all .3s ease;
}
.uc-title {
margin: 30px 0 0 !important;
position: relative;
display: block;
padding: 15px 20px;
background: url(https://byprom-uc.prom.st/production/design_template/626/images/dark-bg.jpg);
color: #da251d;
text-transform: uppercase;
border-radius: 6px 6px 0 0;
font: bold 16px/20px Arial, Helvetica, Sans-Serif;
}
.ucv-a2-panel strong {
font-size: 20px;
color: #da251d;
}
.ucv-a2-panel {
background: #777 url('https://content.s2.prom.st/January%202020/667643cosmooil.jpg') center;
background-size: cover;
display: flex;
align-items: flex-start;
padding: 20px;
}
.ucv-a2-texts {
background: rgba(0, 0, 0, 0.68);
width: 100%;
margin: 0;
padding: 20px 15px 20px 40px;
text-align: left;
border-radius: 0;
}
.ucv-a2-header {
font-size: 26px;
line-height: 32px;
color: #da251d;
margin: 0px 0px 5px;
padding: 7px 60px 7px 15px;
}
.ucv-a2-sub-header {
font-size: 16px;
line-height: 32px;
padding: 7px 15px;
color: #fff;
margin: 0px 0px 10px;
}
.ucv-a2-text {
position: relative;
font-size: 14px;
line-height: 26px;
color: #fff;
margin: 0px 0px 10px;
border-left: 2px solid #da251d;
padding-left: 10px;
}
.ucv-a2-link {
display: inline-block;
height: 37px;
line-height: 37px;
text-decoration: none !important;
text-align: center;
color: #da251d !important;
padding: 0 20px;
border: 2px solid #da251d;
border-radius: 5px;
font-size: 16px;
}
.ucv-a2-link:hover {
color: #fff !important;
border-color: #fff;
}
@media screen and (max-width: 1300px) {
.ucv-a2-texts {
width: auto;
text-align: left !important;
border-radius: 0;
}
.ucv-a2-panel {
padding: 0;
}
}
.ucv-a2-text::after {
content: "";
position: absolute;
top: -10px;
left: -6px;
background: #da251d;
height: 10px;
width: 10px;
border-radius: 100%;
}
.ucv-a2-text::before {
content: "";
position: absolute;
bottom: -10px;
left: -6px;
background: #da251d;
height: 10px;
width: 10px;
border-radius: 100%;
}
.ucv-b1-panel {
padding: 20px 0;
text-align: center;
}
.ucv-b1-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.ucv-b1-header {
margin-bottom: 20px;
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;
border-radius: 5px;
}
.ucv-b1-img-holder__bl {
display: block;
position: relative;
overflow: hidden;
max-width: 300px;
margin: 0 auto;
}
.ucv-b1-img-holder__bl:after {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
background: #da251d;
height: 3px;
transition: all .6s ease-out;
width: 0;
}
.ucv-b1-img-holder__bl:hover:after {
transition: all .2s ease-out;
width: 300px;
}
.ucv-b1-img-holder__bl:hover:before {
transition: all .4s ease-out .2s;
height: 300px;
}
.ucv-b1-img-holder__bl:before {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
background: #da251d;
height: 0;
transition: all .4s ease-out .2s;
width: 3px;
z-index: 5;
}
.ucv-b1-img-holder:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: #da251d;
height: 3px;
transition: all .6s ease-out;
width: 0;
}
.ucv-b1-img-holder:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
right: 0;
background: #da251d;
height: 0;
transition: all .6s ease-out .2s;
width: 3px;
z-index: 5;
}
.ucv-b1-img-holder:hover:after {
transition: all .6s ease-out;
width: 300px;
}
.ucv-b1-img-holder:hover:before {
transition: all .4s ease-out .2s;
height: 300px;
}
.ucv-b1-img-holder img {
display: block;
height: auto !important;
}
.ucv-b1-img-holder:hover .ucv-b1-hint {
left: 0;
}
.ucv-b1-hint {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.68);
text-align: left;
color: #fff;
transition: all 0.6s ease 0s;
overflow: hidden;
}
.ucv-b1-hint-body {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
padding: 10px;
box-sizing: border-box;
font-size: 12px;
}
.ucv-b1-name {
font-size: 18px;
color: #333;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #da251d;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #da251d;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 46%;
}
@media screen and (max-width: 800px) {
.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: 630px) {
.ucv-b1-hint-body {}
}
@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;
}
}
:root {
--infograph-color2: #333;
--infograph-color1: #333;
}
.four-panel {
padding: 20px 10px;
}
.four-panel strong {
color: #da251d;
font-size: 18px;
}
.four-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.four-item {
display: flex;
flex-direction: column;
width: 45%;
border-radius: 5px;
box-shadow: 0px 0px 20px 0px rgba(22, 51, 57, 0.62);
margin: 20px 0;
}
.four-content-1,
.four-content-2,
.four-content-3,
.four-content-4 {
text-align: center;
position: relative;
box-sizing: border-box;
padding: 25px;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.four-content-1:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 15px;
background: var(--infograph-color2);
border-radius: 5px;
}
.four-content-1:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 15px;
height: 100%;
background: var(--infograph-color2);
border-radius: 5px;
}
.four-content-2:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 100%;
height: 15px;
background: var(--infograph-color1);
border-radius: 5px;
}
.four-content-2::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 15px;
height: 100%;
background: var(--infograph-color1);
border-radius: 5px;
}
.four-content-3:after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 15px;
background: var(--infograph-color1);
border-radius: 5px;
}
.four-content-3::before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 15px;
height: 100%;
background: var(--infograph-color1);
border-radius: 5px;
}
.four-content-4::after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 15px;
background: var(--infograph-color2);
border-radius: 5px;
}
.four-content-4::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 15px;
height: 100%;
background: var(--infograph-color2);
border-radius: 5px;
}
.four-header {
font-size: 20px !important;
line-height: 20px;
}
.four-text {}
.four-icon {}
@media screen and (max-width: 1100px) {
.four-item {
width: 100%;
}
.four-content-1:after,
.four-content-1:before,
.four-content-2:after,
.four-content-2:before,
.four-content-3:after,
.four-content-3:before,
.four-content-4:after,
.four-content-4:before {
display: none;
}
.four-content-1,
.four-content-2,
.four-content-3,
.four-content-4 {
padding: 25px 10px;
}
.four-content-1,
.four-content-3 {
border: 15px solid var(--infograph-color2);
border-radius: 5px;
}
.four-content-2,
.four-content-4 {
border: 15px solid var(--infograph-color1);
border-radius: 5px;
}
}
.four-panel img {
margin: auto;
}
.uc-our__history {
padding: 20px;
text-align: center;
}
.uc-our__history h2 {
padding-bottom: 10px;
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;
transition: all 0.8s;
}
.uc-our__history-block .uc-bib {
transition: all 0.8s;
}
.uc-our__history-block:hover .uc-bib {
transform: rotateY(360deg);
}
.uc-our__history-year {
position: relative;
text-align: center;
-ms-flex-item-align: center;
align-self: center;
font-size: 60px;
font-weight: bold;
color: #9c50b8;
background: linear-gradient(to bottom, #f0f0f0 0%, #f9f9f9 50%, #fff 100%);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 85px;
min-width: 85px;
transition: all 0.5s ease;
}
.uc-our__history-block:hover .uc-our__history-year {
box-shadow:
1px 1px #333,
2px 2px #333,
3px 3px #333,
4px 4px #333,
5px 5px #333,
6px 6px #333,
7px 7px #333;
-webkit-transform: translateX(-7px);
transform: translateX(-7px);
}
.uc-our__history-line {
-ms-flex-item-align: center;
align-self: center;
width: 4%;
height: 10px;
background: transparent;
}
.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;
justify-content: center;
text-align: left;
background: linear-gradient(to bottom, #f0f0f0 0%, #f9f9f9 50%, #fff 100%);
padding: 10px;
border-radius: 5px;
width: 80%;
/*border: 1px solid #ddd;*/
box-shadow: 2px 1px 4px -2px rgba(210, 131, 168, 0.55);
*/
}
.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:1300px) {
.uc-our__history-block {
width: 100%;
}
}
@media screen and (max-width:900px) {
.uc-our__history-block {
flex-direction: column;
}
.uc-our__history-line {
-ms-flex-item-align: center;
width: 6%;
height: 15px;
}
.uc-our__history-content {
width: auto;
text-align: center;
}
.uc-our__history-year {
min-height: 60px;
min-width: 60px;
}
/* .uc-our__history-block:hover .uc-our__history-year {
transform: translateY(20px) scale(0.8, 0.8);
transition: all 0.5s ease;
} */
}
.uc-numbers {
padding: 20px;
}
.uc-numbers_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.uc-numbers h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-numbers-scheme {
display: inline-block;
position: relative;
box-sizing: border-box;
width: 31%;
margin: 2% 0;
padding: 40px 10px 10px 20px;
transition: all .6s ease;
border: 8px outset #333;
transition: all .6s ease;
border-radius: 5px;
}
.uc-numbers-scheme strong {
transition: all .6s ease;
display: inline-block;
font-size: 60px;
color: #da251d;
text-shadow: 3px 3px 1px #fff;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
background: #fff;
padding: 10px 20px;
border-radius: 5px;
}
.uc-numbers-scheme:hover strong {
transition: all .6s ease;
color: #da251d;
transform: translateY(0px);
text-shadow: none;
}
.uc-numbers-scheme:hover {
transition: all .3s ease;
border: 8px inset #333;
}
.uc-numbers-scheme em {
font-size: 18px;
color: #da251d;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-numbers-scheme:hover em {
color: #da251d;
transition: all .3s ease;
}
@media screen and (max-width: 1200px) {
.uc-numbers-scheme {
width: 46%;
margin: 2%;
}
}
@media screen and (max-width: 1000px) {
.uc-numbers-scheme {
width: 100%;
margin: 20px auto;
}
}
.uc-bumbers {
padding: 20px 20px 40px;
}
.uc-bumbers_wrap {
display: flex;
flex-wrap: wrap;
filter: drop-shadow(0px 4px 0px black);
}
.uc-bumbers h2 {
text-align: center;
margin-bottom: 30px;
}
.uc-bumbers-scheme {
-webkit-clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
text-align: center;
background: linear-gradient(to bottom, #f0f0f0 0%, #f9f9f9 50%, #fff 100%);
display: inline-block;
box-sizing: border-box;
width: 25%;
margin: 1% auto;
padding: 20px 30px 10px 30px;
transition: all .4s ease;
color: #000;
}
.uc-bumbers-scheme:hover {
transform: translateX(15px);
}
.uc-bumbers-scheme strong {
transition: all .4s ease;
display: inline-block;
font-size: 20px;
color: #da251d;
}
.uc-bumbers-scheme img {
transition: all .4s ease;
}
.uc-bumbers-scheme:hover img {
transform: scale(1.5, 1.5);
}
@media screen and (max-width: 1000px) {
.uc-bumbers-scheme {
width: 50%;
padding: 35px 50px 10px;
}
}
@media screen and (max-width: 800px) {
.uc-bumbers-scheme {
width: 100%;
margin: 10px auto;
}
}
@media screen and (max-width: 500px) {
.uc-bumbers-scheme {
padding: 35px 25px 10px;
}
}
.uc-footer {
padding: 10px 20px;
text-align: center;
}
COSMO OIL KAZAKHSTAN – эксклюзивный официальный дистрибьютор моторного масла Perteks oil (Пертекс Оил) в Казахстане
Perteks oil – эффективное моторное масло, соответствующее строгим критериям качества. Наша компания работает напрямую с заводом-изготовителем, поэтому мы гарантируем надежность продукции, гибкую ценовую политику и широкий ассортимент.
Перейти в каталог
Наша продукция
В нашем магазине вы приобретете моторные масла, которые будут эффективно работать даже в самых тяжелых условиях. Оно будет выполнять свои функции длительное время и обеспечивать заданный ресурс мотора. Моторные масла В нашем магазине вы приобретете моторные масла, которые будут эффективно работать даже в самых тяжелых условиях. Оно будет выполнять свои функции длительное время и обеспечивать заданный ресурс мотора. Трансмиссионные масла - смазочные масла, применяемые для смазки коробок передач, раздаточных коробок, главных передач ведущих мостов, рулевых механизмов, зубчатых и цепных передач (редукторов) всех видов.Трансмиссионные масла Двигатели мототехники также, как и автомобильные, нуждаются в качественных материалах. Масло для мотоциклов отличается своими свойствами от автомобильных. Продукция Perteks для мототехники создается с учетом особенностей работы данного вида транспорта.
Несколько причин заказать масло Perteks в COSMO OIL KAZAKHSTAN
Стоимость
Мы работаем непосредственно с производителем, поэтому предлагаем конкурентные цены на нашу продукцию.
Качество
В наших маслах используются только высококачественные базовые масла и присадки.
Надежность
Масла Perteks прошли проверку по 25 критериям в современной лаборатории лучшими специалистами в этой области.
Гарантия
По договору производитель предоставляет гарантию на выпускаемую продукцию.
В каталог
Аргументы в пользу сотрудничества с COSMO OIL KAZAKHSTAN
Постоянное развитие
Компания была образована в 2019 году как официальный дистрибьютор завода-производителя моторного масла. Мы находимся на этапе развития на рынке страны, с каждым днем увеличиваем клиентскую базу и охват рынка как достойный конкурент. Работаем с большими транспортными компаниями и региональными оптовыми продавцами моторных масел.
Безупречный сервис
Благодаря положительными отзывами клиентов наш продукт становится все популярнее в нашем регионе, и мы этим гордимся. Наша компания дорожит своей репутацией, поэтому вместе с качеством продукта мы предлагаем хороший сервис, гибкие условия сотрудничества и индивидуальный подход.
Почему покупать у нас выгодно?
1
Мы продаем продукцию непосредственно от производителя, работаем без посредников.
2
У нас есть все необходимые документы, подтверждающие качество товара, и сертификаты соответствия экономического союза.
3
Для производства продукции используется сырье, прошедшее многоэтапную проверку качества.
4
Есть гарантия качества на товар от производителя.
5
Наш магазин предлагает широкий ассортимент продукции и следит за ее наличием.
6
Мы обеспечиваем образцовый уровень сервиса, помогаем с выбором, осуществляем оперативную доставку.
Изучить предложения
Простая схема работы
Оформление заказа на сайте или по телефону
Предоплата 100% наличным или безналичным способом
Сбор заказанного товара
Отправка заказа по оговоренным условиям
С COSMO OIL KAZAKHSTAN можно не сомневаться в качестве
Заказывайте лучшие масла от производителя в COSMO OIL KAZAKHSTAN!
Прямое сотрудничество с заводом-изготовителем, официальная гарантия от него и наличие сертификатов не оставляют сомнений в высоком качестве товара из нашего ассортимента. К тому же, мы создаем удобные условия сотрудничества для своих клиентов и готовы ответить на все интересующие их вопросы. За подробной информацией обращайтесь по номеру, указанному на сайте.
Сделать заказ
