інтернет-магазин «Cross-bike»
.uc-btns { display: inline-block; padding: 7px 18px; font-size: 16px; text-decoration: none !important; color: #fff !important; background: #31aee8;
transition: all .3s ease; } .uc-btns:hover { background: #1784b7; transition: all .3s ease; }
.ucv-a2-panel strong { font-size: 22px; color: #208fd6; }
.ucv-a2-panel{background:#777 url(http://content.s2.prom.st/May%202019/48104_gl.png) 50% 17%/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(242, 242, 242,0.2) 20%, rgba(242, 242, 242,0.84) 60%, rgba(242, 242, 242,0.9) 77% );
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.ucv-a2-texts{max-width: 500px; position: relative; z-index:1; } .ucv-a2-header{font-size: 26px; line-height: 32px; color:#31aee8; margin: 0px 0px 5px;} .ucv-a2-sub-header{font-size: 18px; line-height: 32px; color:#222; margin: 0px 0px 10px;} .ucv-a2-text{font-size:14px; line-height: 26px; color:#222; margin: 0px 0px 10px;} .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 #208fd6; background: #208fd6; font-size: 16px;border-radius:2px;} .ucv-a2-link:hover{color: #fff!important; border: 2px solid #1e7db9;background: #1e7db9;}
@media screen and (max-width: 1000px) {
.ucv-a2-panel:before {
content: "";
position: absolute;
background: linear-gradient( to left, rgba(242, 242, 242,0) 0%, rgba(242, 242, 242,0.84) 36%, rgba(242, 242, 242,0.9) 83% );
left: 0;
top: 0;
height: 100%;
width: 100%;
} }
@media screen and (max-width: 700px) { .ucv-a2-texts{ width: auto; text-align: center; box-sizing: border-box; } .ucv-a2-panel {padding: 20px 15px; text-align: center; } .ucv-a2-link { padding: 0 5px; width: auto; }
.ucv-a2-panel:before {
content: "";
position: absolute;
background: rgba(242, 242, 242,0.9);
left: 0;
top: 0;
height: 100%;
width: 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: 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__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: #31aee8; height: 2px; transition: all .2s 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: #31aee8; height: 0; transition: all .4s ease-out .2s; width: 2px; z-index: 5; } .ucv-b1-img-holder:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; background: #31aee8; height: 2px; transition: all .2s ease-out; width: 0; } .ucv-b1-img-holder:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; background: #31aee8; height: 0; transition: all .4s ease-out .2s; width: 2px; z-index: 5; } .ucv-b1-img-holder:hover:after { transition: all .2s 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(255, 255, 255, 0.9); text-align: left; color: #000; 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: 15px; box-sizing: border-box; }
.ucv-b1-name { font-size: 15px; color: #01141d; display: inline-block; margin-top: 10px; } .ucv-b1-name:hover { color: #034568; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; }
.ucv-b1-panel .ucv-b1-wrapper { width: 31.9%; } @media screen and (max-width: 1200px)
{ .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 48%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 48%; } } @media screen and (max-width: 900px) { .ucv-b1-hint-body {} } @media screen and (max-width: 800px) { .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-title {
position: relative;
display: block;
margin-bottom: 20px;
padding-top: 15px;
color: #01141e;
font: 18px/18px 'Scada',Arial,sans-serif;
}
.uc-e4-panel .uc-btns { box-shadow: 0px 0px 5px 1px #fff; }
.uc-e4-panel {
color:#222;
position: relative;
text-align: left;
padding: 30px 20% 30px 20px;
background: #818796 url(http://content.s2.prom.st/May%202019/48104_gl_foot.png) 100% 15%/cover;}
.uc-e4-panel:before {
content: "";
position: absolute;
background: linear-gradient( to left, rgba(242, 242, 242,0.2) 20%, rgba(242, 242, 242,0.8) 64%, rgba(242, 242, 242,0.9) 70% );
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.uc-e4-panel_content { max-width: 600px; position: relative; z-index:1;} .uc-e4-header { margin-bottom: 20px !important; color:#31aee8; }
@media screen and (max-width: 800px) { .uc-e4-panel { padding: 20px 15px; text-align: center; } .uc-e4-panel_content { max-width: 250px; }.uc-e4-panel:before {
content: "";
position: absolute;
background: rgba(242, 242, 242,0.9);
left: 0;
top: 0;
height: 100%;
width: 100%;
}}
.uc-burger_panel {
padding: 20px 5px;
}
.uc-burger_container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.uc-burger_item {
display: flex;
width: 90%;
margin: 10px;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: row-reverse;
}
.uc-burger_number_container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20%;
background: #034568;
text-align: center;
color: #fff;
padding: 10px;
border-radius: 10px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
background: #31aee8;
border-radius: 0 0 10px;
box-shadow: inset 0px 21px 16px -21px rgba(0, 0, 0, 0.78);
}
/* Это стили для сайтов с большим количеством цветовой гаммы
.uc-number-1 {
background: red;
}
.uc-number-2 {
background: blue;
}
.uc-number-3 {
background: aqua;
}
.uc-number-4 {
background: black;
}
*/
.uc-burger_number-header {
font-size: 17px;
color: #fff;
}
.uc-burge_number {
font-size: 40px;
line-height: 0px;
}
.uc-burger_content {
width: 80%;
background: #f1f1f1;
padding: 10px;
border-radius: 0 10px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
display: flex;
flex-direction: column;
justify-content: center;
}
.uc-burger_item:nth-child(even) .uc-burger_content {
justify-content: center;
align-items: flex-end;
border-radius: 0 0 0 10px;
text-align: right;
box-shadow: inset 0px 21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_content-header {
font-size: 20px;
}
.uc-burger_text {
font-size: 15px;
width: 90%;
}
@media screen and (max-width: 900px) {
.uc-burger_item {
width: 100%;
flex-direction: column;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: column;
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
width: 100%;
border-radius: 100px 100px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_item:nth-child(even) .uc-burger_content {
width: 100%;
border-radius: 0 0 100px 100px;
justify-content: center;
align-items: center;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_number_container {
width: 100%;
border-radius: 100px 100px 0 0;
}
.uc-burger_content {
width: 100%;
border-radius: 0 0 100px 100px;
justify-content: center;
align-items: center;
}
.uc-burger_text {
text-align: center;
}
}
.uc-numbers { padding: 20px 5px; text-align: center; } .uc-numbers h2 { text-align: center; margin-bottom: 30px; }
.uc-numbers_wrap {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.uc-numbers-scheme { background: #034568; outline: 1px solid #fff; outline-offset: -5px; display: inline-block; width: 31%; vertical-align: top; margin: 10px 1%; padding: 40px 10px 10px; box-sizing: border-box; text-align: left; color: #fff; transition: all 0.3s; }
.uc-numbers-scheme:hover { background: #01141d; color: #fff; transition: all 0.3s; } .uc-numbers-scheme strong { transition: all .3s ease; display: inline-block; font-size:50px; color: #31aee8; text-shadow: 1px 1px 2px #1d1d1d; }
.uc-numbers-scheme:hover strong { transition: all .3s ease; color: #fff; transform: translateY(-4px); } .uc-numbers-scheme em { color: #fff; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-numbers-scheme:hover em { color: #31aee8; transition: all .3s ease; }
@media screen and (max-width: 1200px) { .uc-numbers-scheme { width: 48%; } }
@media screen and (max-width: 1040px) { .uc-numbers-scheme { width: 90%; margin: 10px; min-height: 80px; } }
.uc-navigation-wrapper { padding: 20px 5px; text-align: center; } .uc-navigation-wrapper .uc-navigation .uc-content:before { display: none; } .ucv-b1-header { padding-bottom: 15px; text-align: center; } .uc-navigation-wrapper .uc-navigation { padding: 0 5px!important; display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-navigation .uc-content {box-shadow: 0 10px 22px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); width: 45%; border-left: 2px solid #034568; display: inline-block; cursor: pointer; list-style-type: none; padding: 10px 5px 10px 10px; margin: 10px 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; overflow: hidden; }
.uc-navigation .uc-content strong { font-family: georgia; font-weight: bold; font-size: 16px; margin-bottom: 5px; line-height: 16px; color: #31aee8; } .uc-navigation .uc-content p { font-size: 14px; text-align: left; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; } .uc-navigation .uc-content:hover { background: #f7f7f7; border-left: 2px solid #31aee8; } .uc-navigation .uc-content:hover strong { color: #034568; } @media screen and (max-width: 989px) { .uc-navigation .uc-content { width: 100%; } }
.uc-infographic {
padding: 20px;
}
.uc-infographic__inner {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.uc-infographic__item {
width: 25%;
display: flex;;
flex-direction: column;
align-items: center;
box-sizing: border-box;
position: relative;
text-align: center;
}
.uc-infographic__subheader {
display: inline-block;
font-size: 1.5rem!important;
color: #ff5666;
position: absolute;
bottom: -10px;
}
.uc-infographic__icon {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 10px;
border: 4px solid #034568;
width: 120px;
height: 120px;
border-radius: 100%;
}
.uc-infographic__icon::before {
content: '';
position: absolute;
bottom: -10px;
height: 30px;
width: 120px;
background: #fff;
}
@media screen and (max-width: 1200px){
.uc-infographic__item {
width: 45%;
}
}
@media screen and (max-width: 700px) {
.uc-infographic__item {
width: 90%;
}
}
Велосипеди для всіх за найкращими цінами
Пропонуємо моделі для дорослих і дітей, що відрізняються за типом, діаметру коліс і в різних цінових категоріях
Продаємо за доступними цінами виключно якісні велосипеди від авторитетних торгових марок. Надаємо гарантію. Доставляємо по всій Україні протягом 2 днів, за Одесі доставляємо у день замовлення.
Побачити модельний ряд
Велосипеди для всієї родини
Пропонуємо на вибір широкий модельний ряд велосипедів для дітей до 3 років — від простих і недорогих моделей, обладнаних батьківською ручкою і козирком до просунутих трансформерів, які з велосипеда перетворюються в прогулянкову коляску. Дитячі триколісні велосипеди Пропонуємо на вибір широкий модельний ряд велосипедів для дітей до 3 років — від простих і недорогих моделей, обладнаних батьківською ручкою і козирком до просунутих трансформерів, які з велосипеда перетворюються в прогулянкову коляску. В нашому магазині можна підібрати і замовити велосипед для дорослих і підлітків, для новачків і профі, віддають перевагу різний стиль їзди. У продажу є гірські, складні, міські велосипеди. У нас кожен зможе вибрати велосипед по своєму смаку і бюджету. Підліткові та дорослі велосипеди Crosser і Azimut В нашому магазині можна підібрати і замовити велосипед для дорослих і підлітків, для новачків і профі, віддають перевагу різний стиль їзди. У продажу є гірські, складні, міські велосипеди. У нас кожен зможе вибрати велосипед по своєму смаку і бюджету. Велосипеди, Azimut відмінно поєднують в собі високу надійність і доступну вартість. Модельний ряд включає в себе велосипеди для любителів і профі, для дорослих і підлітків. В наявності моделі з діаметром коліс від 20 до 29 дюймів в різних дизайнах. Велосипеди, Azimut Велосипеди, Azimut відмінно поєднують в собі високу надійність і доступну вартість. Модельний ряд включає в себе велосипеди для любителів і профі, для дорослих і підлітків. В наявності моделі з діаметром коліс від 20 до 29 дюймів в різних дизайнах.
Вагомі аргументи на користь вибору велосипеда в магазині Cross-bike
Виключне якість
У нашому каталозі ви знайдете тільки якісні велосипеди від брендів з відмінною репутацією Azimut, Crosser, Mustang, Viрer, Zubr.
Гарантійний термін служби
Купуючи будь-дитячий або дорослий велосипед у нашому інтернет-магазині, ви отримуєте на нього гарантійний талон на 12 місяців.
Приваблива вартість
Співпраця з виробниками і надійними постачальниками дозволили запропонувати кращі ціни на якісні велосипеди.
З докладним «портфоліо»
Для полегшення вибору, кожна модель в нашому каталозі представлена з докладним описом характеристики та якісними фото.
Вибирати велосипед
Cross-bike — точно один з кращих онлайн-веломагазинів!
Відмінний вибір
У нас є велосипеди для дорослих і дітей, для новачків і профі. З нашого модельного ряду будь-який бажаючий зможе вибрати і купити велосипед, який буде відповідати його деланиям і можливостям.
Першокласний сервіс
Більше 96% наших клієнтів поставили нам найвищі оцінки, що говорить про високий рівень якості товарів і сервісу. Нам важливо, щоб клієнти були задоволені роботою з нами, тому ми робимо все для цього.
Оцініть всі вигоди покупки велосипеда у нас
1.
Швидка відправка — при оформленні заявки вами до 13:00, замовлений велосипед виїде до вас в цей же день.
2.
Зручна доставка — ми доставляємо службами «Нова Пошта», ДЖАСТІН, «Делівері», також є самовивіз.
3.
Вигоди для одеситів — замовляючи велосипед у нас, ви завжди можете розраховувати на його доставку в цей же день.
4.
Акції та подарунки — ми постійно проводимо акції з хорошими знижками, що дозволяють непогано заощаджувати.
5.
Безкоштовна доставка — при покупці у нашому магазині двох велосипедів ми доставимо їх вам абсолютно безкоштовно.
6.
«Плюшки» для постійних клієнтів — з нами легко можна і поторгуватися, завжди готові обговорити знижку.
За велосипедом
Проста схема замовлення
Заявку в телефонному режимі або через корзину на сайті
Спілкування з менеджером для узгодження всіх деталей
Передоплата на карту банку або розрахунок при отриманні замовлення
Доставка зручній вам транспортною службою або самовивіз
Якісний і недорогий велосипед для себе і близьких — це до нас!
Ми подбали, щоб вибрати і замовити велосипед у нас було максимально просто і вигідно
Якщо вам необхідна консультація, зателефонуйте нам, і ми завжди готові допомогти вам купити велосипед, який буде відповідати всім вашим побажанням.
До вибору велосипеда
