@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition:
all 0.3s ease-in-out 0s,
transform 0.3s ease-in-out 0s,
opacity 0.2s ease-in-out 0s,
visibility 0s linear 0.3s,
z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden {
display: none !important;
}
}
@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition:
all 0.3s ease-in-out 0s,
transform 0.3s ease-in-out 0s,
opacity 0.2s ease-in-out 0s,
visibility 0s linear 0.3s,
z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden {
display: none !important;
}
}
@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition:
all 0.3s ease-in-out 0s,
transform 0.3s ease-in-out 0s,
opacity 0.2s ease-in-out 0s,
visibility 0s linear 0.3s,
z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden {
display: none !important;
}
}
@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition:
all 0.3s ease-in-out 0s,
transform 0.3s ease-in-out 0s,
opacity 0.2s ease-in-out 0s,
visibility 0s linear 0.3s,
z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden {
display: none !important;
}
}
Balios S
Balios S
Add a renowned CYBEX or gb infant car seat and the spacious Cot S Carry Cot to the Balios S to create your 3-in-1 travel system that takes you through the city streets and across the country. Smooth rides are guaranteed wherever your walk takes you: the suspension on the big all-terrain wheels ensures a smooth and agile ride on cobblestones, pavement or out in the country.
Convenience for you, comfort for your baby.
Functions like the reversible seat unit, memory buttons or the one-hand fold mechanism and the full lie-flat position of the backrest make the Balios S your perfect companion.
3-in-1 Travel System
One-hand folding mechanism into compact self-stand
Big all-terrain wheels with smooth suspension
Reversible seat unit
One-hand reclining mechanism with lying position
Functions
360° View
