.inc-o2xm {
width: 100%;
min-height: 100vh;
background-color: #fff;
-webkit-font-smoothing: antialiased;
overflow: clip;
}
.inc-o2xm .d3-btn {
padding: 0.875em 1.25em;
}
.inc-o2xm .inc-o2xm-anim-line {
display: block;
position: relative;
overflow: hidden;
transform: translateY(20px);
}
.inc-o2xm .inc-o2xm-anim-line span {
display: block;
transform: translateY(100%);
}
.inc-o2xm .inc-o2xm-anim-lines {
opacity: 0;
}
.inc-o2xm .inc-o2xm-anim-lines--initialized {
opacity: 1;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line span {
transform: translate(0);
transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--1,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--1 span {
transition-delay: 0.6s;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--2,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--2 span {
transition-delay: 0.7s;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--3,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--3 span {
transition-delay: 0.8s;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--4,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--4 span {
transition-delay: 0.9s;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--5,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--5 span {
transition-delay: 1s;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--6,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--6 span {
transition-delay: 1.1s;
}
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--7,
.inc-o2xm .inc-o2xm-anim-lines--show .inc-o2xm-anim-line--7 span {
transition-delay: 1.2s;
}
.inc-o2xm .inc-o2xm-anim {
opacity: 0;
transform: translateY(20px);
}
.inc-o2xm .inc-o2xm-anim--show {
opacity: 1;
transform: translate(0);
transition: opacity 0.5s linear 0.3s, transform 1s ease 0.3s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line span {
transform: translate(0);
transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--1,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--1 span {
transition-delay: 0.6s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--2,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--2 span {
transition-delay: 0.7s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--3,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--3 span {
transition-delay: 0.8s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--4,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--4 span {
transition-delay: 0.9s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--5,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--5 span {
transition-delay: 1s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--6,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--6 span {
transition-delay: 1.1s;
}
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--7,
.inc-o2xm .inc-o2xm-anim--show .inc-o2xm-anim-line--7 span {
transition-delay: 1.2s;
}
@media screen and (min-width: 768px) {
.inc-o2xm .inc-o2xm-anim--show:nth-child(2) {
transition-delay: 0.4s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(3) {
transition-delay: 0.5s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(4) {
transition-delay: 0.6s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(5) {
transition-delay: 0.7s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(6) {
transition-delay: 0.8s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(7) {
transition-delay: 0.9s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(8) {
transition-delay: 1s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(9) {
transition-delay: 1.1s;
}
.inc-o2xm .inc-o2xm-anim--show:nth-child(10) {
transition-delay: 1.2s;
}
}
.inc-o2xm .inc-o2xm-section__col.inc-o2xm-anim .inc-o2xm-phone--set-app {
transform: scaleY(0);
transform-origin: 50% 100%;
will-change: transform;
}
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim
.inc-o2xm-phone--set-app
.inc-o2xm-phone__header,
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim
.inc-o2xm-phone--set-app
.inc-o2xm-phone__img,
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim
.inc-o2xm-phone--set-app
.inc-o2xm-phone__price,
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim
.inc-o2xm-phone--set-app
.inc-o2xm-phone__footer {
will-change: transform;
opacity: 0;
transform: translateY(20px);
}
.inc-o2xm .inc-o2xm-section__col.inc-o2xm-anim--show .inc-o2xm-phone--set-app {
transform: scaleY(1);
transition: transform 1s ease 0ms;
}
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__header,
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__img,
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__price,
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__footer {
opacity: 1;
transform: translate(0);
transition: opacity 0.5s linear 1.3s, transform 1.3s ease 1s;
}
.inc-o2xm .inc-o2xm-section__col.inc-o2xm-anim--show .inc-o2xm-phone--set-app {
transition-delay: 0.3s;
}
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__header {
transition-delay: 0.6s;
}
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__img {
transition-delay: 0.9s;
}
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__price {
transition-delay: 1.2s;
}
.inc-o2xm
.inc-o2xm-section__col.inc-o2xm-anim--show
.inc-o2xm-phone--set-app
.inc-o2xm-phone__footer {
transition-delay: 1.5s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim {
opacity: 1;
transform: translate(0);
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim .inc-o2xm-phone {
transform: scaleY(0);
transform-origin: 50% 100%;
will-change: transform;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim
.inc-o2xm-phone
.inc-o2xm-phone__header,
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim .inc-o2xm-phone .inc-o2xm-phone__img,
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim .inc-o2xm-phone .inc-o2xm-phone__price,
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim
.inc-o2xm-phone
.inc-o2xm-phone__footer {
will-change: transform;
opacity: 0;
transform: translateY(20px);
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone {
transform: scaleY(1);
transition: transform 1s ease 0ms;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone
.inc-o2xm-phone__header,
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone
.inc-o2xm-phone__img,
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone
.inc-o2xm-phone__price,
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone
.inc-o2xm-phone__footer {
opacity: 1;
transform: translate(0);
transition: opacity 0.5s linear 1.3s, transform 1s ease 1.3s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(1) {
transition-delay: 0.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__header {
transition-delay: 0.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__img {
transition-delay: 0.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__price {
transition-delay: 0.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__footer {
transition-delay: 0.5s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(2) {
transition-delay: 0.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__header {
transition-delay: 0.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__img {
transition-delay: 0.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__price {
transition-delay: 0.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__footer {
transition-delay: 0.6s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(3) {
transition-delay: 0.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__header {
transition-delay: 0.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__img {
transition-delay: 0.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__price {
transition-delay: 0.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__footer {
transition-delay: 0.7s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(4) {
transition-delay: 0.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__header {
transition-delay: 0.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__img {
transition-delay: 0.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__price {
transition-delay: 0.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__footer {
transition-delay: 0.8s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(5) {
transition-delay: 0.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__header {
transition-delay: 0.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__img {
transition-delay: 0.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__price {
transition-delay: 0.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__footer {
transition-delay: 0.9s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(6) {
transition-delay: 0.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__header {
transition-delay: 0.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__img {
transition-delay: 0.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__price {
transition-delay: 0.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__footer {
transition-delay: 1s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(7) {
transition-delay: 0.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__header {
transition-delay: 0.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__img {
transition-delay: 0.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__price {
transition-delay: 1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__footer {
transition-delay: 1.1s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(8) {
transition-delay: 0.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__header {
transition-delay: 0.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__img {
transition-delay: 1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__price {
transition-delay: 1.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__footer {
transition-delay: 1.2s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(9) {
transition-delay: 0.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__header {
transition-delay: 1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__img {
transition-delay: 1.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__price {
transition-delay: 1.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__footer {
transition-delay: 1.3s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(10) {
transition-delay: 1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__header {
transition-delay: 1.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__img {
transition-delay: 1.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__price {
transition-delay: 1.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__footer {
transition-delay: 1.4s;
}
.inc-o2xm .swiper.swiper--phones.inc-o2xm-anim {
opacity: 1;
transform: translate(0);
}
.inc-o2xm .swiper.swiper--phones.inc-o2xm-anim .swiper-slide .inc-o2xm-phone {
transform: scaleY(0);
transform-origin: 50% 100%;
will-change: transform;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__header,
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__img,
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__price,
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__footer {
will-change: transform;
opacity: 0;
transform: translateY(20px);
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-phone {
transform: scaleY(1);
transition: transform 1s ease 0ms;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__header,
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__img,
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__price,
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-phone
.inc-o2xm-phone__footer {
opacity: 1;
transform: translate(0);
transition: opacity 0.5s linear 1.3s, transform 1s ease 1.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone {
transition-delay: 0.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__header {
transition-delay: 0.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__img {
transition-delay: 0.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__price {
transition-delay: 0.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__footer {
transition-delay: 0.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone {
transition-delay: 0.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__header {
transition-delay: 0.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__img {
transition-delay: 0.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__price {
transition-delay: 0.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__footer {
transition-delay: 0.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone {
transition-delay: 0.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__header {
transition-delay: 0.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__img {
transition-delay: 0.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__price {
transition-delay: 0.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__footer {
transition-delay: 0.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone {
transition-delay: 0.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__header {
transition-delay: 0.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__img {
transition-delay: 0.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__price {
transition-delay: 0.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__footer {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone {
transition-delay: 0.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__header {
transition-delay: 0.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__img {
transition-delay: 0.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__price {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__footer {
transition-delay: 1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone {
transition-delay: 0.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__header {
transition-delay: 0.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__img {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__price {
transition-delay: 1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__footer {
transition-delay: 1.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone {
transition-delay: 0.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__header {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__img {
transition-delay: 1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__price {
transition-delay: 1.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__footer {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__header {
transition-delay: 1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__img {
transition-delay: 1.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__price {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__footer {
transition-delay: 1.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone {
transition-delay: 1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__header {
transition-delay: 1.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__img {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__price {
transition-delay: 1.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__footer {
transition-delay: 1.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone {
transition-delay: 1.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__header {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__img {
transition-delay: 1.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__price {
transition-delay: 1.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__footer {
transition-delay: 1.5s;
}
.inc-o2xm .swiper.swiper--services.inc-o2xm-anim {
opacity: 1;
transform: translate(0);
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim
.swiper-slide
.inc-o2xm-service-card-box {
transform: scaleY(0);
transform-origin: 50% 100%;
will-change: transform;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__header,
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__content,
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__price,
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__btn {
opacity: 0;
transform: translateY(20px);
will-change: transform;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-service-card-box {
transform: scaleY(1);
transition: transform 1s ease 0ms;
will-change: transform;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__header,
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__content,
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__price,
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide
.inc-o2xm-service-card-box
.inc-o2xm-service-card-box__btn {
opacity: 1;
transform: translate(0);
transition: opacity 0.5s linear 1.3s, transform 1s ease 1.3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-service-card-box {
transition-delay: 0.6s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-service-card-box__header {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-service-card-box__content {
transition-delay: 0.3009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-service-card-box__price {
transition-delay: 1.5s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-service-card-box__btn {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-service-card-box {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-service-card-box__header {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-service-card-box__content {
transition-delay: 0.6009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-service-card-box__price {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-service-card-box__btn {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-service-card-box {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-service-card-box__header {
transition-delay: 1.5s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-service-card-box__content {
transition-delay: 0.9009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-service-card-box__price {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-service-card-box__btn {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-service-card-box {
transition-delay: 1.5s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-service-card-box__header {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-service-card-box__content {
transition-delay: 1.2009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-service-card-box__price {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-service-card-box__btn {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-service-card-box {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-service-card-box__header {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-service-card-box__content {
transition-delay: 1.5009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-service-card-box__price {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-service-card-box__btn {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-service-card-box {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-service-card-box__header {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-service-card-box__content {
transition-delay: 1.8009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-service-card-box__price {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-service-card-box__btn {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-service-card-box {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-service-card-box__header {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-service-card-box__content {
transition-delay: 2.1009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-service-card-box__price {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-service-card-box__btn {
transition-delay: 3.6s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-service-card-box {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-service-card-box__header {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-service-card-box__content {
transition-delay: 2.4009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-service-card-box__price {
transition-delay: 3.6s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-service-card-box__btn {
transition-delay: 3.9s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-service-card-box {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-service-card-box__header {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-service-card-box__content {
transition-delay: 2.7009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-service-card-box__price {
transition-delay: 3.9s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-service-card-box__btn {
transition-delay: 4.2s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-service-card-box {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-service-card-box__header {
transition-delay: 3.6s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-service-card-box__content {
transition-delay: 3.0009s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-service-card-box__price {
transition-delay: 4.2s;
}
.inc-o2xm
.swiper.swiper--services.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-service-card-box__btn {
transition-delay: 4.5s;
}
@media screen and (min-width: 1024px) {
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(1) {
transition-delay: 0.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__header {
transition-delay: 0.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__img {
transition-delay: 1.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__price {
transition-delay: 1.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(1)
.inc-o2xm-phone__footer {
transition-delay: 1.8s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(2) {
transition-delay: 0.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__header {
transition-delay: 1.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__img {
transition-delay: 1.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__price {
transition-delay: 1.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(2)
.inc-o2xm-phone__footer {
transition-delay: 2.1s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(3) {
transition-delay: 0.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__header {
transition-delay: 1.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__img {
transition-delay: 1.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__price {
transition-delay: 2.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(3)
.inc-o2xm-phone__footer {
transition-delay: 2.4s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(4) {
transition-delay: 1.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__header {
transition-delay: 1.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__img {
transition-delay: 2.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__price {
transition-delay: 2.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(4)
.inc-o2xm-phone__footer {
transition-delay: 2.7s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(5) {
transition-delay: 1.5s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__header {
transition-delay: 2.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__img {
transition-delay: 2.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__price {
transition-delay: 2.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(5)
.inc-o2xm-phone__footer {
transition-delay: 3s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(6) {
transition-delay: 1.8s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__header {
transition-delay: 2.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__img {
transition-delay: 2.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__price {
transition-delay: 3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(6)
.inc-o2xm-phone__footer {
transition-delay: 3.3s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(7) {
transition-delay: 2.1s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__header {
transition-delay: 2.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__img {
transition-delay: 3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__price {
transition-delay: 3.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(7)
.inc-o2xm-phone__footer {
transition-delay: 3.6s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(8) {
transition-delay: 2.4s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__header {
transition-delay: 3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__img {
transition-delay: 3.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__price {
transition-delay: 3.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(8)
.inc-o2xm-phone__footer {
transition-delay: 3.9s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(9) {
transition-delay: 2.7s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__header {
transition-delay: 3.3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__img {
transition-delay: 3.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__price {
transition-delay: 3.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(9)
.inc-o2xm-phone__footer {
transition-delay: 4.2s;
}
.inc-o2xm .inc-o2xm-phones.inc-o2xm-anim--show .inc-o2xm-phone:nth-child(10) {
transition-delay: 3s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__header {
transition-delay: 3.6s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__img {
transition-delay: 3.9s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__price {
transition-delay: 4.2s;
}
.inc-o2xm
.inc-o2xm-phones.inc-o2xm-anim--show
.inc-o2xm-phone:nth-child(10)
.inc-o2xm-phone__footer {
transition-delay: 4.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone {
transition-delay: 0.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__header {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__img {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__price {
transition-delay: 1.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(1)
.inc-o2xm-phone__footer {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone {
transition-delay: 0.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__header {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__img {
transition-delay: 1.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__price {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(2)
.inc-o2xm-phone__footer {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone {
transition-delay: 1.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__header {
transition-delay: 1.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__img {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__price {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(3)
.inc-o2xm-phone__footer {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone {
transition-delay: 1.5s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__header {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__img {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__price {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(4)
.inc-o2xm-phone__footer {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone {
transition-delay: 1.8s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__header {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__img {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__price {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(5)
.inc-o2xm-phone__footer {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone {
transition-delay: 2.1s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__header {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__img {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__price {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(6)
.inc-o2xm-phone__footer {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone {
transition-delay: 2.4s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__header {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__img {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__price {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(7)
.inc-o2xm-phone__footer {
transition-delay: 3.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone {
transition-delay: 2.7s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__header {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__img {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__price {
transition-delay: 3.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(8)
.inc-o2xm-phone__footer {
transition-delay: 3.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone {
transition-delay: 3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__header {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__img {
transition-delay: 3.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__price {
transition-delay: 3.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(9)
.inc-o2xm-phone__footer {
transition-delay: 4.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone {
transition-delay: 3.3s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__header {
transition-delay: 3.6s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__img {
transition-delay: 3.9s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__price {
transition-delay: 4.2s;
}
.inc-o2xm
.swiper.swiper--phones.inc-o2xm-anim--show
.swiper-slide:nth-child(10)
.inc-o2xm-phone__footer {
transition-delay: 4.5s;
}
}
.inc-o2xm .inc-o2xm-header {
position: relative;
background-color: #fff;
color: #fff;
z-index: 2;
}
.inc-o2xm .inc-o2xm-header:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2.8125em;
mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
-webkit-mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
background-color: #fff;
z-index: 1;
backface-visibility: hidden;
transform: scaleY(-1);
margin: -0.0625em 0;
}
.inc-o2xm .inc-o2xm-header__container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 3.125em 1.25em 16rem;
display: flex;
justify-content: center;
z-index: 1;
}
@media (max-width: 768px) {
.inc-o2xm .inc-o2xm-header__heading h1 {
font-size: 38px;
line-height: 0.904;
}
}
.inc-o2xm .inc-o2xm-header__content,
.inc-o2xm .inc-o2xm-header__btn {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-header__btn .d3-btn {
width: auto;
}
.inc-o2xm .inc-o2xm-header__img picture img {
width: 100%;
display: block;
object-fit: cover;
}
.inc-o2xm .inc-o2xm-header__layer {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: auto 51.125em;
background-position: center;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-header__layer--mobile {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_1_sm@2x.webp");
}
.inc-o2xm .inc-o2xm-header__layer--tablet {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_2_sm@2x.webp");
}
.inc-o2xm .inc-o2xm-header__layer--tag {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_3_sm@2x.webp");
top: 24%;
z-index: 2;
}
.inc-o2xm .inc-o2xm-section,
.inc-o2xm .inc-o2xm-section__container {
position: relative;
}
.inc-o2xm .inc-o2xm-section__wrapper {
width: 100%;
}
.inc-o2xm .inc-o2xm-section__wrapper--auto {
margin: 0 auto;
}
.inc-o2xm .inc-o2xm-section__wrapper--360 {
max-width: 22.5em;
}
.inc-o2xm .inc-o2xm-section__wrapper--380 {
max-width: 23.75em;
}
.inc-o2xm .inc-o2xm-section__wrapper--400 {
max-width: 25em;
}
.inc-o2xm .inc-o2xm-section__wrapper--470 {
max-width: 29.375em;
}
.inc-o2xm .inc-o2xm-section__wrapper--750 {
max-width: 46.875em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1060 {
max-width: 66.25em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1200 {
max-width: 75em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1260 {
max-width: 78.75em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1170 {
max-width: 73.125em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1240 {
max-width: 77.5em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1275 {
max-width: 79.6875em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1355 {
max-width: 84.6875em;
}
.inc-o2xm .inc-o2xm-section__wrapper--1455 {
max-width: 90.9375em;
}
.inc-o2xm .inc-o2xm-section__header {
display: flex;
flex-direction: column;
}
.inc-o2xm .inc-o2xm-section__header--center {
justify-content: center;
align-items: center;
}
.inc-o2xm .inc-o2xm-section__header--white {
color: #fff;
}
.inc-o2xm .inc-o2xm-section__header--black {
color: #00001c;
}
.inc-o2xm .inc-o2xm-section__header .inc-o2xm-section__row--2 {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-section--solve-christmas {
background-color: #fff;
background-image: url("/ngexternal/data/o2vanoce/v08/solve-christmas/bg.webp");
background-size: 36.25em auto;
background-repeat: no-repeat;
background-position: bottom center;
z-index: 1;
}
.inc-o2xm .inc-o2xm-section--solve-christmas .inc-o2xm-section__container {
padding: 2.5em 1.25em 29.375em;
}
.inc-o2xm .inc-o2xm-section--solve-christmas .inc-o2xm-section__body {
margin-top: 2.5em;
}
.inc-o2xm .inc-o2xm-section--joy {
background-color: #fff;
z-index: 1;
scroll-margin: 5em;
}
.inc-o2xm .inc-o2xm-section--joy .inc-o2xm-section__container {
padding: 0 1.25em 2.5em;
}
.inc-o2xm .inc-o2xm-section--joy .inc-o2xm-section__body {
margin-top: 3em;
}
.inc-o2xm .inc-o2xm-section--joy .inc-o2xm-section__footer {
text-align: center;
margin-top: 2.5em;
}
.inc-o2xm .inc-o2xm-section--phones {
background-color: #fff;
position: relative;
}
.inc-o2xm .inc-o2xm-section--phones:before,
.inc-o2xm .inc-o2xm-section--phones:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2.8125em;
mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
-webkit-mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
background-color: #fff;
z-index: 1;
backface-visibility: hidden;
margin: -0.0625em 0;
}
.inc-o2xm .inc-o2xm-section--phones:after {
top: auto;
bottom: 0;
transform: scaleY(-1);
}
.inc-o2xm .inc-o2xm-section--phones .inc-o2xm-section__container {
padding: 7.5em 1.25em;
}
.inc-o2xm .inc-o2xm-section--phones .inc-o2xm-section__body {
margin-top: 4em;
}
.inc-o2xm .inc-o2xm-section--app {
background-color: #fff;
z-index: 1;
}
.inc-o2xm .inc-o2xm-section--app .inc-o2xm-section__container {
padding: 2.5em 1.25em;
}
.inc-o2xm .inc-o2xm-section--app .inc-o2xm-section__body {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.875em;
position: relative;
}
.inc-o2xm .inc-o2xm-section--app-connect .inc-o2xm-section__container {
padding: 2.5em 1.25em;
}
.inc-o2xm .inc-o2xm-section--app-connect .inc-o2xm-section__body {
gap: 1.875em;
row-gap: 4em;
}
.inc-o2xm
.inc-o2xm-section--app-connect
.inc-o2xm-section__body
.inc-o2xm-phone {
background: linear-gradient(to bottom, #f1f5f9, #fcfdfe);
}
.inc-o2xm .inc-o2xm-section--banner {
background-color: #fff;
z-index: 2;
display: flex;
justify-content: center;
}
.inc-o2xm .inc-o2xm-section--banner .inc-o2xm-section__container {
padding: 0 1.25em 2.5em;
}
.inc-o2xm .inc-o2xm-section--services {
background-color: #fff;
position: relative;
z-index: 1;
}
.inc-o2xm .inc-o2xm-section--services:after {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 2.8125em;
mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
-webkit-mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
background-color: #fff;
z-index: 1;
backface-visibility: hidden;
margin: -0.0625em 0;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__container {
padding: 2.5em 0;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__header {
padding: 0 1.25em;
max-width: 32.1875em;
width: 100%;
margin: 0 auto;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__header p {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__body {
margin-top: 2.5em;
}
.inc-o2xm .inc-o2xm-section--help {
background-color: #000086;
}
.inc-o2xm .inc-o2xm-section--help .inc-o2xm-section__container {
padding: 6.5em 1.25em 7.5em;
}
.inc-o2xm .inc-o2xm-section--help .inc-o2xm-section__wrapper {
position: relative;
z-index: 1;
}
.inc-o2xm .inc-o2xm-section--help .inc-o2xm-section__header {
position: relative;
z-index: 2;
}
.inc-o2xm .inc-o2xm-section--help .inc-o2xm-section__body {
margin-top: 2em;
}
.inc-o2xm .inc-o2xm-section--card-slider {
background-color: #fff;
z-index: 1;
scroll-margin-top: 5em;
}
.inc-o2xm .inc-o2xm-section--card-slider .inc-o2xm-section__container {
padding: 3em 1.25em 4em;
}
.inc-o2xm .inc-o2xm-section--accessories {
background-color: #d8dbe2;
position: relative;
}
.inc-o2xm .inc-o2xm-section--accessories:before,
.inc-o2xm .inc-o2xm-section--accessories:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2.8125em;
mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
-webkit-mask: url("data:image/svg+xml;utf8,")
no-repeat center/cover;
background-color: #fff;
z-index: 1;
backface-visibility: hidden;
margin: -0.0625em 0;
}
.inc-o2xm .inc-o2xm-section--accessories:after {
top: auto;
bottom: 0;
transform: scaleY(-1);
z-index: 2;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__container {
padding: 6.5em 1.25em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__header {
max-width: 29.6875em;
width: 100%;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__content,
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__btn {
pointer-events: all;
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__img picture {
display: block;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__img picture img {
width: 100%;
object-fit: cover;
will-change: transform;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: auto 62.5625em;
z-index: 1;
will-change: transform;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer--snow {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/header_snow_bg_sm@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/powerbank_sm@2x.webp");
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer--tag {
z-index: 2;
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--tag
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/tag_sm@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pods_sm@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-left {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_left_sm@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-right {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_right_sm@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--beam
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/beam_sm@2x.webp");
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: auto 65.375em;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-label {
display: none;
pointer-events: auto;
color: #fff;
border-radius: 51%;
position: absolute;
top: 50%;
left: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
border-color: #204ff5;
background: #204ff5 radial-gradient(circle, transparent 1%, #204ff5 1%)
center/100%;
transition: background-size 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
border-color 0.45s, color 0.45s, background-color 0.45s;
background-position: center;
background-repeat: no-repeat;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-label p {
margin-top: 0.3125em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-label:hover,
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-label:active,
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-label:focus {
background-size: 15000%;
transition: background-size 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
border-color 0.45s;
background-color: #00008c;
border-color: #00008c;
}
.inc-o2xm .inc-o2xm-section__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-section__bg--dots {
background: #000086 url("/ngexternal/data/o2vanoce/v08/background_dots.webp") 0 0
repeat;
background-attachment: fixed;
}
.inc-o2xm .inc-o2xm-section__bg--ice {
min-height: 800px;
position: fixed;
background: #000086 url("/ngexternal/data/o2vanoce/v08/phones-ice-bg.webp") center
bottom repeat;
background-size: cover;
}
@media screen and (min-width: 992px) {
.inc-o2xm .inc-o2xm-section__bg--ice {
position: absolute;
min-height: 1440px;
}
}
.inc-o2xm .inc-o2xm-section__bubble {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
pointer-events: none;
background-repeat: no-repeat;
z-index: 1;
}
.inc-o2xm .inc-o2xm-section__bubble--1 {
background-image: url("/ngexternal/data/o2vanoce/v08/cmb/bubble_1@2x.webp");
background-size: contain;
width: 3.875em;
height: 3.75em;
top: 1.2%;
left: 39.5%;
border-radius: 51%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.inc-o2xm .inc-o2xm-section__bubble--2 {
background-image: url("/ngexternal/data/o2vanoce/v08/cmb/bubble_2@2x.webp");
background-size: 2.875em 2.9375em;
background-position: calc(50% - 37.5em) calc(50% - 16.875em);
}
.inc-o2xm .inc-o2xm-section__bubble--3 {
background-image: url("/ngexternal/data/o2vanoce/v08/cmb/bubble_3@2x.webp");
background-size: 3.8125em 4.0625em;
background-position: calc(50% - 23.5em) calc(50% + 8.125em);
}
.inc-o2xm .inc-o2xm-section__bubble--4 {
background-image: url("/ngexternal/data/o2vanoce/v08/cmb/bubble_4@2x.webp");
background-size: 4.1875em 4.4375em;
background-position: calc(50% + 24.5em) calc(50% + 13.125em);
}
.inc-o2xm .inc-o2xm-section__bubble--5 {
background-image: url("/ngexternal/data/o2vanoce/v08/cmb/bubble_5@2x.webp");
background-size: 7.625em 7.375em;
background-position: calc(50% + 35.5em) calc(50% + 19.125em);
}
@media screen and (max-width: 37.5em) {
.inc-o2xm .inc-o2xm-section--solve-christmas .inc-o2xm-section__header {
text-align: center;
}
}
@media screen and (min-width: 37.5em) {
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__header {
text-align: center;
}
}
@media screen and (min-width: 48em) {
.inc-o2xm .inc-o2xm-header__container {
padding: 5.625em 1.25em 16rem;
}
.inc-o2xm .inc-o2xm-header__layer {
background-size: auto 47.9375em;
}
.inc-o2xm .inc-o2xm-header__layer--mobile {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_1_md@2x.webp");
}
.inc-o2xm .inc-o2xm-header__layer--tablet {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_2_md@2x.webp");
}
.inc-o2xm .inc-o2xm-header__layer--tag {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_3_md@2x.webp");
}
.inc-o2xm .inc-o2xm-section--solve-christmas {
background-position: right calc(50% - 20.5em) top 5em;
}
.inc-o2xm .inc-o2xm-section--solve-christmas .inc-o2xm-section__container {
padding: 2.5em 1.25em 4.25em 4%;
}
.inc-o2xm .inc-o2xm-section--app .inc-o2xm-section__container {
padding: 3.75em 1.25em 5em 4%;
}
.inc-o2xm .inc-o2xm-section--app .inc-o2xm-section__body {
flex-direction: row;
justify-content: space-between;
}
.inc-o2xm
.inc-o2xm-section--app
.inc-o2xm-section__body
.inc-o2xm-section__col--1 {
flex: 1;
}
.inc-o2xm
.inc-o2xm-section--app
.inc-o2xm-section__body
.inc-o2xm-section__col--2 {
flex: 1;
max-width: 34em;
width: 100%;
}
.inc-o2xm .inc-o2xm-section--app-connect .inc-o2xm-section__container {
padding: 3.75em 1.25em 2.5em 4%;
}
.inc-o2xm .inc-o2xm-section--app-connect .inc-o2xm-section__body {
max-width: 75em;
width: 100%;
justify-content: flex-start;
}
.inc-o2xm
.inc-o2xm-section--app-connect
.inc-o2xm-section__body
.inc-o2xm-section__col--1 {
flex: 0 1 auto;
}
.inc-o2xm
.inc-o2xm-section--app-connect
.inc-o2xm-section__body
.inc-o2xm-section__col--2 {
max-width: 27em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__container {
padding: 8.5em 1.25em 8.5em 4%;
}
}
@media screen and (min-width: 50em) {
.inc-o2xm .inc-o2xm-section--app-connect .inc-o2xm-section__container {
padding: 6.5em 1.25em 6em 4%;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer {
background-size: auto 59.375em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer--snow {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/header_snow_bg_md@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/powerbank_md@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--tag
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/tag_md@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pods_md@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-left {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_left_md@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-right {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_right_md@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--beam
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/beam_md@2x.webp");
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-img {
background-size: auto 59.375em;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .inc-o2xm-section--solve-christmas {
background-size: 48.5625em auto;
background-position: right calc(50% - 20.5em) center;
}
.inc-o2xm .inc-o2xm-section--solve-christmas .inc-o2xm-section__container {
padding: 6.5em 1.25em 12.25em 4%;
}
.inc-o2xm .inc-o2xm-section--joy {
scroll-margin: 9.375em;
}
.inc-o2xm .inc-o2xm-section--joy .inc-o2xm-section__container {
padding: 0 1.25em 2.5em;
}
.inc-o2xm .inc-o2xm-section--card-slider {
scroll-margin-top: 12em;
}
.inc-o2xm .inc-o2xm-section--card-slider .inc-o2xm-section__container {
padding: 0 1.25em 8em;
}
.inc-o2xm .inc-o2xm-section--phones .inc-o2xm-section__container {
padding: 7.5em 1.25em 12.5em;
}
.inc-o2xm .inc-o2xm-section--phones .inc-o2xm-section__body {
margin-top: 2.5em;
}
.inc-o2xm .inc-o2xm-section--app .inc-o2xm-section__container {
padding: 3.75em 1.25em 8.75em 4%;
}
.inc-o2xm .inc-o2xm-section--app-connect .inc-o2xm-section__body {
justify-content: space-between;
}
.inc-o2xm .inc-o2xm-section--banner .inc-o2xm-section__container {
padding: 0 1.25em;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__container {
padding: 7.5em 1.25em;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__wrapper {
margin: 0 auto;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__header {
text-align: center;
}
.inc-o2xm .inc-o2xm-section--services .inc-o2xm-section__body {
margin-top: -1.25em;
}
.inc-o2xm .inc-o2xm-section--help .inc-o2xm-section__container {
padding: 12em 1.25em;
}
.inc-o2xm .inc-o2xm-section--help .inc-o2xm-section__body {
margin-top: 4em;
}
.inc-o2xm .inc-o2xm-section__bubble--1 {
width: 6em;
height: 5.75em;
}
}
@media screen and (min-width: 68.3125em) {
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__header {
max-width: 37.5em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer {
background-size: auto 65.375em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer--snow {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/header_snow_bg_lg@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/powerbank_lg@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label {
width: 9.625em;
height: 9.625em;
top: 50%;
left: 50%;
transform: translate(calc(50% + 145px), calc(50% - 180px));
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label
h3 {
display: flex;
flex-direction: column;
align-items: center;
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label
span:nth-child(2) {
margin-top: 0.3125em;
margin-left: -0.625em;
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label
span:nth-child(3) {
margin-top: 0.125em;
margin-left: 1.25em;
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--tag
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/tag_lg@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--tag
.inc-o2xm-section__layer-label {
width: 9.0625em;
height: 9.0625em;
top: 50%;
left: 50%;
transform: translate(calc(50% - 565px), calc(50% + 100px));
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pods_lg@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-left {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_left_lg@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-right {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_right_lg@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-label {
width: 8.8125em;
height: 8.8125em;
top: 50%;
left: 50%;
transform: translate(calc(50% + 275px), calc(50% + 110px));
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--beam
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/beam_lg@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--beam
.inc-o2xm-section__layer-label {
width: 9.8125em;
height: 9.8125em;
top: 50%;
left: 50%;
transform: translate(calc(50% - 305px), calc(50% - 80px));
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label
h3 {
font-size: 22px;
line-height: 0.846;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-img {
background-size: auto 65.375em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer-label {
display: flex;
}
.inc-o2xm .inc-o2xm-header__layer--mobile {
background-position: calc(50% + 3.125em) center;
}
.inc-o2xm .inc-o2xm-header__layer--tablet {
background-position: calc(50% - 3.125em) center;
}
}
@media screen and (min-width: 84.75em) {
.inc-o2xm .inc-o2xm-header .inc-o2xm-header__heading h1 {
font-size: 90px;
line-height: 1;
}
.inc-o2xm .inc-o2xm-header__layer {
background-size: auto 55.375em;
}
.inc-o2xm .inc-o2xm-header__layer--mobile {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_1_lg@2x.webp");
background-position: center;
}
.inc-o2xm .inc-o2xm-header__layer--tablet {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_2_lg@2x.webp");
background-position: center;
}
.inc-o2xm .inc-o2xm-header__layer--tag {
background-image: url("/ngexternal/data/o2vanoce/v08/header/header_layer_3_lg@2x.webp");
top: 24%;
}
}
@media screen and (min-width: 94.0625em) {
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__container {
padding: 8.75em 1.25em 8.75em 4%;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer {
background-size: auto 65.375em;
}
.inc-o2xm .inc-o2xm-section--accessories .inc-o2xm-section__layer--snow {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/header_snow_bg_xl@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/powerbank_xl@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label {
width: 9.625em;
height: 9.625em;
transform: translate(calc(50% + 235px), calc(50% - 180px));
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label
h3 {
display: flex;
flex-direction: column;
align-items: center;
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label
span:nth-child(2) {
margin-top: 0.3125em;
margin-left: -0.625em;
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--powerbank
.inc-o2xm-section__layer-label
span:nth-child(3) {
margin-top: 0.125em;
margin-left: 1.25em;
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--tag
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/tag_xl@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--tag
.inc-o2xm-section__layer-label {
width: 9.0625em;
height: 9.0625em;
top: 50%;
left: 50%;
transform: translate(calc(50% - 565px), calc(50% + 100px));
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pods_xl@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-left {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_left_xl@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-img--pod-right {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/pod_right_xl@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--pods
.inc-o2xm-section__layer-label {
width: 8.8125em;
height: 8.8125em;
top: 50%;
left: 50%;
transform: translate(calc(50% + 370px), calc(50% + 130px));
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--beam
.inc-o2xm-section__layer-img {
background-image: url("/ngexternal/data/o2vanoce/v08/accessories/beam_xl@2x.webp");
}
.inc-o2xm
.inc-o2xm-section--accessories
.inc-o2xm-section__layer--beam
.inc-o2xm-section__layer-label {
width: 9.8125em;
height: 9.8125em;
top: 50%;
left: 50%;
transform: translate(calc(50% - 280px), calc(50% - 80px));
}
}
.inc-o2xm .inc-o2xm-proofs {
display: grid;
grid-template-columns: 1fr;
gap: 1.25em;
max-width: 21.3125em;
width: 100%;
margin: 0 auto;
}
.inc-o2xm .inc-o2xm-proofs__item {
min-height: 10.25em;
padding: 1.875em;
border-radius: 12px;
background-color: #fff;
box-shadow: 4px 7px 21px #e0e0ed;
position: relative;
}
.inc-o2xm .inc-o2xm-proofs__item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom right;
pointer-events: none;
}
@media screen and (min-width: 37.5em) {
.inc-o2xm .inc-o2xm-proofs {
max-width: 100%;
margin: 0;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 48em) {
.inc-o2xm .inc-o2xm-proofs {
max-width: 37.5em;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .inc-o2xm-proofs {
max-width: 44.375em;
}
}
.inc-o2xm .inc-o2xm-service-card {
padding: 0 2em;
}
.inc-o2xm .inc-o2xm-service-card__img {
height: 25.1875em;
position: relative;
margin: 0 0 -4.375em;
}
.inc-o2xm .inc-o2xm-service-card__img img {
display: block;
}
.inc-o2xm .inc-o2xm-service-card__img-bg {
position: absolute;
top: 0;
left: -15%;
background-image: url("/ngexternal/data/o2vanoce/v08/services/bg@2x.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 29.375em;
height: 24.8125em;
}
.inc-o2xm .inc-o2xm-service-card__img-device {
position: absolute;
top: -0.3125rem;
left: 40%;
}
.inc-o2xm .inc-o2xm-service-card__img-device img {
display: block;
position: relative;
animation: incO2xmFloat 3s ease-in-out infinite;
will-change: transform;
}
.inc-o2xm .inc-o2xm-service-card__img-device:after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%);
background-repeat: no-repeat;
background-size: cover;
animation: incO2xmFloatShadow 3s ease-in-out infinite;
transform-origin: left;
}
.inc-o2xm .inc-o2xm-service-card--1 .inc-o2xm-service-card__img-device:after {
bottom: -0.75em;
width: 5.375em;
height: 1.25em;
transform: translate(-50%);
background-image: url("/ngexternal/data/o2vanoce/v08/services/item_01/shadow@2x.webp");
}
.inc-o2xm .inc-o2xm-service-card--2 .inc-o2xm-service-card__img-device {
left: 30%;
}
.inc-o2xm .inc-o2xm-service-card--2 .inc-o2xm-service-card__img-device img {
animation-delay: 0.8s;
animation-duration: 3.3s;
}
.inc-o2xm .inc-o2xm-service-card--2 .inc-o2xm-service-card__img-device:after {
bottom: -0.5em;
width: 7.25em;
height: 1.875em;
transform: translate(-50%);
background-image: url("/ngexternal/data/o2vanoce/v08/services/item_02/shadow@2x.webp");
animation-delay: 0.8s;
animation-duration: 3.3s;
}
.inc-o2xm .inc-o2xm-service-card--3 .inc-o2xm-service-card__img-device {
left: 32%;
}
.inc-o2xm .inc-o2xm-service-card--3 .inc-o2xm-service-card__img-device img {
animation-delay: 1.6s;
animation-duration: 2.8s;
}
.inc-o2xm .inc-o2xm-service-card--3 .inc-o2xm-service-card__img-device:after {
bottom: -0.9375em;
width: 6.125em;
height: 1.5625em;
transform: translate(-50%);
background-image: url("/ngexternal/data/o2vanoce/v08/services/item_03/shadow@2x.webp");
animation-delay: 1.6s;
animation-duration: 2.8s;
}
.inc-o2xm .inc-o2xm-service-card-box {
box-shadow: 4px 7px 21px #e0e0ed;
background-color: #fff;
border-radius: 12px;
position: relative;
z-index: 1;
width: 21.625em;
}
.inc-o2xm .inc-o2xm-service-card-box__container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1.875em;
}
.inc-o2xm .inc-o2xm-service-card-box__content,
.inc-o2xm .inc-o2xm-service-card-box__price,
.inc-o2xm .inc-o2xm-service-card-box__btn {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-box__qr {
display: inline-flex;
padding: 1.25em;
background-color: #fff;
box-shadow: 4px 7px 21px #e0e0ed;
border-radius: 12px;
}
.inc-o2xm .inc-o2xm-box__connect {
display: inline-flex;
background-color: #fff;
box-shadow: 4px 7px 21px #e0e0ed;
border-radius: 12px;
position: relative;
z-index: 1;
}
.inc-o2xm .inc-o2xm-box__connect img {
margin: -1.75em -1.125em 0 0;
width: 8.9375em;
height: 9.5em;
}
.inc-o2xm .inc-o2xm-app-box,
.inc-o2xm .inc-o2xm-app-box-benefits {
padding: 1.875em 0 0;
box-shadow: 4px 7px 21px #e0e0ed;
border-radius: 25px;
overflow: hidden;
max-width: 29.6875em;
width: 100%;
}
.inc-o2xm .inc-o2xm-app-box__content,
.inc-o2xm .inc-o2xm-app-box__btn,
.inc-o2xm .inc-o2xm-app-box-benefits__content,
.inc-o2xm .inc-o2xm-app-box-benefits__btn {
margin-top: 1.25em;
position: relative;
z-index: 1;
}
.inc-o2xm .inc-o2xm-app-box__header,
.inc-o2xm .inc-o2xm-app-box__content,
.inc-o2xm .inc-o2xm-app-box__btn,
.inc-o2xm .inc-o2xm-app-box-benefits__header,
.inc-o2xm .inc-o2xm-app-box-benefits__content,
.inc-o2xm .inc-o2xm-app-box-benefits__btn {
padding: 0 1.875em;
}
.inc-o2xm .inc-o2xm-app-box__img,
.inc-o2xm .inc-o2xm-app-box-benefits__img {
margin-top: 1.5625em;
display: flex;
justify-content: center;
}
.inc-o2xm .inc-o2xm-app-box__img picture,
.inc-o2xm .inc-o2xm-app-box-benefits__img picture {
display: block;
}
.inc-o2xm .inc-o2xm-app-box__img picture img,
.inc-o2xm .inc-o2xm-app-box-benefits__img picture img {
display: block;
object-fit: cover;
}
.inc-o2xm .inc-o2xm-app-box {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-app-box .inc-o2xm-box__qr {
display: none;
}
.inc-o2xm .inc-o2xm-app-box__header h3 {
font-size: 26px;
line-height: 1.15;
}
.inc-o2xm .inc-o2xm-app-box--connect {
box-shadow: none;
padding: 0;
max-width: 27em;
overflow: visible;
margin-top: 0;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box-row {
display: flex;
align-items: center;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__header {
margin-top: 1.25em;
position: relative;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__header,
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__content,
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__btn {
padding: 0;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-box__connect {
margin-top: 5em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__img {
max-width: 0;
position: relative;
left: -5em;
margin: 0 0 -2.5em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__img:before {
display: none;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__img picture img {
width: auto;
}
.inc-o2xm .inc-o2xm-app-box-benefits {
background-color: #fff;
}
.inc-o2xm .inc-o2xm-app-box-benefits__header h3 {
font-size: 26px;
line-height: 1.15;
}
.inc-o2xm .inc-o2xm-app-box__img {
position: relative;
}
.inc-o2xm .inc-o2xm-app-box__img:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_box_bg_sm@2x.webp");
background-repeat: no-repeat;
background-size: 32.5em 20.125em;
background-position: center;
z-index: -1;
}
.inc-o2xm .inc-o2xm-app-box__img picture {
will-change: transform;
position: relative;
width: 100%;
}
.inc-o2xm .inc-o2xm-app-box__img picture img {
width: 100%;
display: block;
}
.inc-o2xm .inc-o2xm-app-box__img picture:nth-child(2) {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
}
.inc-o2xm .inc-o2xm-app-box-benefits__img {
position: relative;
z-index: 1;
}
.inc-o2xm .inc-o2xm-app-box-benefits__img:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_bg_sm@2x.webp");
background-repeat: no-repeat;
background-size: 32.5em 21.5em;
background-position: center;
z-index: -1;
}
.inc-o2xm .inc-o2xm-app-box-benefits__img picture {
will-change: trasform;
position: relative;
width: 100%;
}
.inc-o2xm .inc-o2xm-app-box-benefits__img picture img {
width: 100%;
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 32.5em 21.5em;
background-position: center;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer--1 {
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_layer_1_sm@2x.webp");
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer--2 {
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_layer_2_sm@2x.webp");
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer--3 {
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_layer_3_sm@2x.webp");
}
@media (max-width: 48em) {
.inc-o2xm .inc-o2xm-app-box-benefits__layer--3 {
transform: translateY(5em);
}
}
@media screen and (min-width: 37.5em) {
.inc-o2xm .inc-o2xm-app-box__header h3 {
font-size: 28px;
line-height: 1.14;
}
.inc-o2xm .inc-o2xm-app-box-benefits {
background-color: #fff;
}
.inc-o2xm .inc-o2xm-app-box-benefits__header h3 {
font-size: 28px;
line-height: 1.14;
}
}
@media screen and (min-width: 48em) {
.inc-o2xm .inc-o2xm-app-box {
box-shadow: none;
padding: 5.625em 0 0;
overflow: visible;
max-width: 25em;
width: 100%;
margin-top: 0;
}
.inc-o2xm .inc-o2xm-app-box .inc-o2xm-box__qr {
display: inline-flex;
}
.inc-o2xm .inc-o2xm-app-box__header,
.inc-o2xm .inc-o2xm-app-box__content,
.inc-o2xm .inc-o2xm-app-box__btn {
padding: 0;
}
.inc-o2xm .inc-o2xm-app-box__header {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-app-box__img {
position: absolute;
top: 4.375em;
left: 8.4375em;
z-index: -1;
margin: 0;
}
.inc-o2xm .inc-o2xm-app-box__img picture img {
width: auto;
object-fit: contain;
}
.inc-o2xm .inc-o2xm-app-box--connect {
padding: 0;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box-row {
align-items: flex-end;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-box__connect {
margin-top: 0;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__img {
width: auto;
height: auto;
top: 0;
left: -1.25em;
margin: 0.625em 0 -1.875em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__img picture img {
width: revert-layer;
height: revert-layer;
}
.inc-o2xm .inc-o2xm-app-box__img {
top: 3.4375em;
left: 4.375em;
}
.inc-o2xm .inc-o2xm-app-box__img:before {
display: none;
}
.inc-o2xm .inc-o2xm-app-box__img picture:nth-child(2) {
transform: none;
left: 0;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .inc-o2xm-app-box-benefits {
padding: 4.375em 0 0;
}
.inc-o2xm .inc-o2xm-app-box-benefits__header,
.inc-o2xm .inc-o2xm-app-box-benefits__content,
.inc-o2xm .inc-o2xm-app-box-benefits__btn {
padding: 0 3.75em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-box__header {
margin-top: 1.875em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-box__connect {
margin-top: 5em;
max-width: 24.5em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-box__connect img {
width: 12em;
height: 12.75em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__img {
margin-top: 0;
position: absolute;
top: 1.25em;
left: 10.875em;
}
.inc-o2xm .inc-o2xm-app-box--connect .inc-o2xm-app-box__btn {
margin-top: 1.875em;
}
.inc-o2xm .inc-o2xm-app-box__img {
top: 4.375em;
left: 8.625em;
}
.inc-o2xm .inc-o2xm-app-box__img:before {
display: none;
}
.inc-o2xm .inc-o2xm-app-box-benefits__img:before {
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_bg_lg@2x.webp");
background-size: 37.875em 24.3125em;
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer {
background-size: 37.875em 24.3125em;
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer--1 {
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_layer_1_lg@2x.webp");
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer--2 {
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_layer_2_lg@2x.webp");
}
.inc-o2xm .inc-o2xm-app-box-benefits__layer--3 {
background-image: url("/ngexternal/data/o2vanoce/v08/app/benefits_banner_layer_3_lg@2x.webp");
}
}
@keyframes incO2xmFloat {
0%,
to {
transform: translateY(0);
}
50% {
transform: translateY(-0.9375em);
}
}
@keyframes incO2xmFloatShadow {
0%,
to {
scale: 1;
}
50% {
scale: 0.85;
}
}
.inc-o2xm .inc-o2xm-card-slider {
display: flex;
flex-direction: column;
box-shadow: 4px 7px 21px #e0e0ed;
border-radius: 28px;
position: relative;
max-width: 27em;
width: 100%;
margin: auto;
}
.inc-o2xm .inc-o2xm-card-slider__col--1 {
background-image: url("/ngexternal/data/o2vanoce/v08/card-slider/bg@2x.webp");
background-repeat: no-repeat;
background-position: top left;
background-size: min(100%, 31.25em) auto;
border-top-left-radius: 28px;
}
.inc-o2xm .inc-o2xm-card-slider__col--2 {
padding: 2.5em;
}
.inc-o2xm .inc-o2xm-card-slider__header {
display: flex;
align-items: center;
gap: 1em;
}
.inc-o2xm .inc-o2xm-card-slider__header picture {
display: none;
}
.inc-o2xm .inc-o2xm-card-slider__header picture img {
display: block;
border-radius: 8px;
}
.inc-o2xm .inc-o2xm-card-slider__header h2 {
font-size: 24px;
line-height: 1.16;
}
.inc-o2xm .inc-o2xm-card-slider__content,
.inc-o2xm .inc-o2xm-card-slider__btn {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-card-slider__img {
max-width: 31.25em;
width: 100%;
}
.inc-o2xm .inc-o2xm-card-slider__img-device {
position: relative;
margin: -1.5625em 0 0;
}
.inc-o2xm .inc-o2xm-card-slider__img-device img {
display: block;
max-width: 100%;
height: auto;
}
@media screen and (min-width: 48em) {
.inc-o2xm .inc-o2xm-card-slider {
flex-direction: row;
gap: 2.5%;
max-width: none;
}
.inc-o2xm .inc-o2xm-card-slider__col--1 {
flex: 1;
max-width: 31.25em;
width: 100%;
background-size: contain;
}
.inc-o2xm .inc-o2xm-card-slider__col--2 {
flex: 1;
padding: 2.5em 6.5% 2.5em 0;
}
.inc-o2xm .inc-o2xm-card-slider__header picture {
display: block;
}
.inc-o2xm .inc-o2xm-card-slider__content {
line-height: 1.375;
}
.inc-o2xm .inc-o2xm-card-slider__img-device {
margin: -1.875em 0 -1em;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .inc-o2xm-card-slider__header h2 {
font-size: 32px;
line-height: 1;
}
}
.inc-o2xm .inc-o2xm-banner {
border-radius: 25px;
background-color: #fff;
box-shadow: 4px 7px 21px #e0e0ed;
max-width: 29.6875em;
width: 100%;
}
.inc-o2xm .inc-o2xm-banner__container {
padding: 2.1875em;
display: flex;
flex-direction: column;
gap: 1.25em;
}
.inc-o2xm .inc-o2xm-banner__col--content {
order: 0;
}
.inc-o2xm .inc-o2xm-banner__col--content p {
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-banner__col--img {
order: 2;
}
.inc-o2xm .inc-o2xm-banner__col--img img {
display: block;
margin: 0 auto;
}
.inc-o2xm .inc-o2xm-banner__col--btn {
order: 1;
}
.inc-o2xm .inc-o2xm-banner__col .d3-btn {
width: auto;
padding: 0.875em 2.1875em;
}
.inc-o2xm .inc-o2xm-banner .inc-o2xm-banner__btn {
margin-top: 20px;
display: none;
}
@media screen and (min-width: 48em) {
.inc-o2xm .inc-o2xm-banner {
max-width: 100%;
}
.inc-o2xm .inc-o2xm-banner__container {
padding: 2.5em;
flex-direction: row;
align-items: center;
}
.inc-o2xm .inc-o2xm-banner__col--content {
order: 0;
}
.inc-o2xm .inc-o2xm-banner__col--img {
order: 1;
margin: -4.25em 0 -6.25em;
}
.inc-o2xm .inc-o2xm-banner__col--btn {
display: none;
}
.inc-o2xm .inc-o2xm-banner .inc-o2xm-banner__btn {
display: block;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .inc-o2xm-banner__col--btn {
display: flex;
flex: none;
order: 2;
}
.inc-o2xm .inc-o2xm-banner .inc-o2xm-banner__btn {
display: none;
}
}
.inc-o2xm .inc-o2xm-phones {
display: grid;
row-gap: 5em;
}
.inc-o2xm .inc-o2xm-phones--sets {
justify-content: center;
}
.inc-o2xm .inc-o2xm-phone {
color: #00001c;
background: #fff;
position: relative;
border-radius: 1.2em;
height: 100%;
display: flex;
flex-direction: column;
}
.inc-o2xm .inc-o2xm-phone:before {
position: absolute;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-phone__header {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: relative;
}
.inc-o2xm .inc-o2xm-phone__header h3 {
margin-top: 0.9375em;
}
.inc-o2xm .inc-o2xm-phone__tag {
position: relative;
border-radius: 14px;
border: 1px solid transparent;
background: linear-gradient(90deg, #d8c281, #ebdbb0, #bda262) padding-box,
linear-gradient(90deg, #bfa566, #c0a565) border-box;
background-clip: padding-box, border-box;
max-width: fit-content;
padding: 0.35em 1.5em;
box-shadow: inset 1px 0 5px #fff;
}
.inc-o2xm .inc-o2xm-phone .inc-o2xm-phone__img img {
transition: transform 0.63s cubic-bezier(0.65, 0, 0.35, 1);
}
.inc-o2xm .inc-o2xm-phone--shadow {
box-shadow: 4px 7px 21px #e0e0ed;
}
.inc-o2xm .inc-o2xm-phone--phone {
padding: 1.875em 0;
}
.inc-o2xm .inc-o2xm-phone--phone:before {
content: "";
display: block;
bottom: 100%;
left: 0;
background-image: url("/ngexternal/data/o2vanoce/v08/top_snow_phone_1@2x.webp");
background-repeat: no-repeat;
background-size: auto 16.2813em;
height: 16.2813em;
padding: 0;
width: 100%;
top: -5em;
transform: none;
}
.inc-o2xm .inc-o2xm-phone--phone .inc-o2xm-phone__hedader {
padding: 0 1.25em;
}
.inc-o2xm .inc-o2xm-phone--phone .inc-o2xm-phone__price {
padding: 0;
margin-bottom: 1.5625em;
}
.inc-o2xm .inc-o2xm-phone--phone .inc-o2xm-phone__footer {
padding: 0 1.25em;
}
.inc-o2xm .inc-o2xm-phone--phone:hover .inc-o2xm-phone__img img {
transform: translate(-110%);
}
.inc-o2xm .inc-o2xm-phone--phone:hover .inc-o2xm-phone__img img + img {
transform: translate(10%);
}
.inc-o2xm .inc-o2xm-phone--set {
padding: 2.5em 0;
max-width: 27em;
width: 100%;
margin: 0 auto;
}
.inc-o2xm .inc-o2xm-phone--set:before {
content: "";
width: 100%;
padding-bottom: 72%;
display: block;
bottom: 100%;
left: 0;
background: #0000 url("/ngexternal/data/o2vanoce/v08/phones-snow.webp") 0 0
no-repeat;
background-size: 108% auto;
background-position: top center;
transform: translateY(65%);
}
.inc-o2xm .inc-o2xm-phone--set .inc-o2xm-phone__header {
max-width: 22em;
width: 100%;
margin: 0 auto;
padding: 0 1.25em;
position: relative;
}
.inc-o2xm .inc-o2xm-phone--set .inc-o2xm-phone__footer {
margin-top: 1.875em;
}
.inc-o2xm .inc-o2xm-phone--set .inc-o2xm-phone__price {
box-shadow: 0 0 20px #e0e0ed;
margin: 0 1.25em;
}
.inc-o2xm
.inc-o2xm-phone--set
.inc-o2xm-phone__price
.inc-o2xm-phone__price-row--1 {
border: 0;
}
.inc-o2xm .inc-o2xm-phone--set .inc-o2xm-phone__footer {
padding: 0 1.25em;
}
.inc-o2xm .inc-o2xm-phone--set-app:before {
background-image: url("/ngexternal/data/o2vanoce/v08/top_snow_phone@2x.webp");
background-repeat: no-repeat;
background-size: auto 18.625em;
height: 18.625em;
padding: 0;
width: 100%;
top: -6.25em;
bottom: auto;
transform: none;
}
.inc-o2xm .inc-o2xm-phone--iphone .inc-o2xm-phone__price-row--1 {
align-items: flex-end;
padding-bottom: 2.375em;
}
.inc-o2xm .inc-o2xm-phone__img {
position: relative;
margin-top: 1.25em;
}
.inc-o2xm .inc-o2xm-phone__img img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.inc-o2xm .inc-o2xm-phone__img--phone {
height: 13.6875em;
}
.inc-o2xm .inc-o2xm-phone__img--phone img {
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 50%;
object-fit: contain;
filter: drop-shadow(9px 4px 10px rgba(1, 2, 35, 0.2));
transform: translate(-80%);
will-change: transform, filter;
}
.inc-o2xm .inc-o2xm-phone__img--phone img + img {
transform: translate(-10%);
}
.inc-o2xm .inc-o2xm-phone__price {
margin-top: 1.25em;
margin-bottom: 1.5625em;
border-radius: 12px;
}
.inc-o2xm .inc-o2xm-phone__price-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.625em;
padding: 0.9375em 7.14%;
}
.inc-o2xm .inc-o2xm-phone__price-row--1 {
border-radius: 12px 12px 0 0;
border: 1px solid #e4e4e5;
border-width: 1px 1px 0 1px;
min-height: 6.25em;
padding-bottom: 2em;
display: flex;
align-items: center;
}
.inc-o2xm .inc-o2xm-phone__price-row--2 {
color: #fff;
background-color: #0050ff;
border-radius: 12px;
margin-top: -1.25em;
min-height: 5em;
}
.inc-o2xm .inc-o2xm-phone__price-col {
display: flex;
flex-direction: column;
}
.inc-o2xm .inc-o2xm-phone__price-col--1 {
text-align: left;
}
.inc-o2xm .inc-o2xm-phone__price-col--2 {
text-align: right;
}
.inc-o2xm .inc-o2xm-phone__footer {
display: flex;
justify-content: center;
margin: auto 0 0;
}
.inc-o2xm .inc-o2xm-phone__footer .d3-btn {
max-width: 13.125em;
padding: 0.875em 1.25em;
width: 100%;
}
@media screen and (min-width: 37.5em) {
.inc-o2xm .inc-o2xm-phones {
column-gap: 1.875em;
}
.inc-o2xm .inc-o2xm-phones--phones {
grid-template-columns: 1fr 1fr;
align-items: flex-start;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .inc-o2xm-phones--phones {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.inc-o2xm .inc-o2xm-phones--sets {
grid-template-columns: 1fr 1fr 1fr;
}
.inc-o2xm .inc-o2xm-phones--sets .inc-o2xm-phone:nth-child(2) {
top: 3.125em;
}
.inc-o2xm .inc-o2xm-phone__footer .d3-btn {
max-width: 13.125em;
padding: 0.875em 1.25em;
}
.inc-o2xm .inc-o2xm-phone--set .inc-o2xm-phone__price .d3-typo--size-3 {
font-size: 12px;
line-height: 16px;
}
}
@media screen and (min-width: 75em) {
.inc-o2xm .inc-o2xm-phone--set .inc-o2xm-phone__price {
margin: 0 2.5em;
}
}
@media screen and (min-width: 80em) {
.inc-o2xm .inc-o2xm-phone--set .inc-o2xm-phone__price .d3-typo--size-3 {
font-size: 14px;
line-height: 18px;
}
}
.inc-o2xm .inc-o2xm-cmb-cards {
display: grid;
gap: 1.25em;
}
.inc-o2xm .inc-o2xm-cmb-card {
border-radius: 16px;
overflow: hidden;
position: relative;
max-width: 32.5em;
width: 100%;
justify-content: center;
justify-self: center;
}
.inc-o2xm .inc-o2xm-cmb-card__container {
position: relative;
display: flex;
justify-content: center;
width: 100%;
gap: 1.25em;
z-index: 1;
}
.inc-o2xm .inc-o2xm-cmb-card__col--1 {
padding: 1.25em;
}
.inc-o2xm .inc-o2xm-cmb-card__col--2 {
display: none;
}
.inc-o2xm .inc-o2xm-cmb-card__header {
color: #fff;
}
.inc-o2xm .inc-o2xm-cmb-card__btn {
margin-top: 1.25em;
text-align: center;
}
.inc-o2xm .inc-o2xm-cmb-card__btn .d3-btn {
max-width: 10.625em;
width: 100%;
padding: 0.875em 0.9375em;
}
.inc-o2xm .inc-o2xm-cmb-card__img {
position: absolute;
top: 0;
right: 0;
max-height: 100%;
display: flex;
align-items: center;
}
.inc-o2xm .inc-o2xm-cmb-card__bg {
overflow: hidden;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.inc-o2xm .inc-o2xm-cmb-card__bg:before,
.inc-o2xm .inc-o2xm-cmb-card__bg:after {
content: "";
display: block;
position: absolute;
}
.inc-o2xm .inc-o2xm-cmb-card__bg:before {
top: -120%;
right: -120%;
bottom: -120%;
left: -120%;
background: -webkit-conic-gradient(
from 0deg at 50% 50%,
transparent,
transparent 10deg,
#3a55f0 30deg,
#98a4f3 55deg,
#3a55f0 80deg,
transparent 120deg,
transparent 170deg,
#3a55f0 190deg,
#98a4f3 215deg,
#3a55f0 240deg,
transparent 280deg,
transparent
);
background: -moz-conic-gradient(
from 0deg at 50% 50%,
transparent,
transparent 10deg,
#3a55f0 30deg,
#98a4f3 55deg,
#3a55f0 80deg,
transparent 120deg,
transparent 170deg,
#3a55f0 190deg,
#98a4f3 215deg,
#3a55f0 240deg,
transparent 280deg,
transparent
);
background: conic-gradient(
from 0deg at 50% 50%,
transparent,
transparent 10deg,
#3a55f0 30deg,
#98a4f3 55deg,
#3a55f0 80deg,
transparent 120deg,
transparent 170deg,
#3a55f0 190deg,
#98a4f3 215deg,
#3a55f0 240deg,
transparent 280deg,
transparent
);
-webkit-animation: spin-border 6s linear infinite;
animation: spin-border 6s linear infinite;
}
.inc-o2xm .inc-o2xm-cmb-card__bg:after {
border-radius: 16px;
content: "";
width: calc(100% - 2px);
height: calc(100% - 2px);
left: 1px;
top: 1px;
background-color: #00006b;
background-image: radial-gradient(
farthest-corner at 20% 0,
#0017a3 0%,
transparent 50%
),
radial-gradient(farthest-corner at 80% 100%, #0017a3 0%, transparent 50%);
}
@-webkit-keyframes spin-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media screen and (min-width: 23.4375em) {
.inc-o2xm .inc-o2xm-cmb-card {
display: flex;
justify-content: flex-start;
}
.inc-o2xm .inc-o2xm-cmb-card__container {
justify-content: flex-start;
}
.inc-o2xm .inc-o2xm-cmb-card__col--2 {
flex: 1;
display: flex;
position: relative;
}
.inc-o2xm .inc-o2xm-cmb-card__btn {
text-align: left;
}
.inc-o2xm .inc-o2xm-cmb-card--1 .inc-o2xm-cmb-card__img {
right: -3.125em;
}
.inc-o2xm .inc-o2xm-cmb-card--2 .inc-o2xm-cmb-card__img {
right: -6.25em;
}
.inc-o2xm .inc-o2xm-cmb-card--3 .inc-o2xm-cmb-card__img {
right: -3.125em;
}
}
@media screen and (min-width: 26.5625em) {
.inc-o2xm .inc-o2xm-cmb-card__col--1 {
padding: 1.875em 0 1.875em 1.875em;
}
}
@media screen and (min-width: 28.125em) {
.inc-o2xm .inc-o2xm-cmb-card {
display: flex;
justify-content: flex-start;
}
.inc-o2xm .inc-o2xm-cmb-card__container {
justify-content: flex-start;
}
.inc-o2xm .inc-o2xm-cmb-card__col--2 {
flex: 1;
display: flex;
position: relative;
}
.inc-o2xm .inc-o2xm-cmb-card__btn {
text-align: left;
}
.inc-o2xm .inc-o2xm-cmb-card .inc-o2xm-cmb-card__img {
right: 0;
}
.inc-o2xm .inc-o2xm-cmb-card--2 .inc-o2xm-cmb-card__img {
right: -3.125em;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .inc-o2xm-cmb-cards {
grid-template-columns: repeat(auto-fit, minmax(25em, 1fr));
}
.inc-o2xm .inc-o2xm-cmb-cards .inc-o2xm-cmb-card {
z-index: 2;
}
.inc-o2xm .inc-o2xm-cmb-cards .inc-o2xm-cmb-card:nth-child(3) {
max-width: 32.5em;
width: 100%;
grid-column: 1/-1;
box-shadow: 0 -6em 6.75em 8.875em #000086;
z-index: 1;
}
.inc-o2xm .inc-o2xm-cmb-card {
border-radius: 16px;
overflow: hidden;
}
.inc-o2xm .inc-o2xm-cmb-card__container {
position: relative;
display: flex;
justify-content: space-between;
gap: 1.25em;
z-index: 1;
}
.inc-o2xm .inc-o2xm-cmb-card__col--1 {
padding: 2.7188em 0 2.7188em 3.4375em;
}
}
.inc-o2xm .d3-btn--cmb {
color: var(--d3-color-black);
border-color: var(--d3-color-sky);
background: var(--d3-color-sky)
radial-gradient(circle, transparent 1%, var(--d3-color-sky) 1%) center/100%;
transition: background-size 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
border-color 0.45s, color 0.45s, background-color 0.45s;
background-position: center;
background-repeat: no-repeat;
}
.inc-o2xm .d3-btn--cmb:hover,
.inc-o2xm .d3-btn--cmb:active,
.inc-o2xm .d3-btn--cmb:focus {
background-size: 15000%;
transition: background-size 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
border-color 0.45s;
background-color: #71bad1;
border-color: #71bad1;
}
.inc-o2xm .d3-btn--cmb:disabled,
.inc-o2xm .d3-btn--cmb.d3-btn--disabled {
background: var(--d3-btn--disabled-solid, #ddd);
border-color: var(--d3-btn--disabled-solid, #ddd);
color: var(--d3-btn--primary-disabled-color, #888);
pointer-events: none;
opacity: 0.7;
}
@media (prefers-reduced-motion: reduce) {
.inc-o2xm .d3-btn--cmb {
transition: border-color 0.45s, color 0.45s;
}
}
.inc-o2xm .inc-o2xm-snow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
background-image: url("/ngexternal/data/o2vanoce/v08/snow_3.webp"),
url("/ngexternal/data/o2vanoce/v08/snow_1.webp"),
url("/ngexternal/data/o2vanoce/v08/snow_2.webp");
animation: incO2xmSnow 5s linear infinite;
animation-play-state: paused;
pointer-events: none;
}
.inc-o2xm .inc-o2xm-snow--animate {
animation-play-state: running;
}
@keyframes incO2xmSnow {
0% {
background-position: 0 0, 0 0, 0 0;
}
to {
background-position: 890px 1780px, 200px 400px, 491px 982px;
}
}
.inc-o2xm .swiper {
position: relative;
}
.inc-o2xm .swiper--card-slider {
overflow: visible;
width: 100%;
height: 100%;
}
.inc-o2xm .swiper--card-slider .swiper-pagination {
position: absolute;
display: flex;
gap: 0.625em;
left: 2.5em;
bottom: 0.5em;
}
.inc-o2xm .swiper--card-slider .swiper-slide {
width: 100% !important;
}
.inc-o2xm
.swiper--card-slider
.swiper-slide
.inc-o2xm-card-slider__img-device
picture {
position: relative;
display: block;
}
.inc-o2xm
.swiper--card-slider
.swiper-slide.swiper-slide-active
.inc-o2xm-card-slider__img-device
picture {
transform: translate(0);
}
.inc-o2xm .swiper--phones {
overflow: visible;
}
.inc-o2xm .swiper--phones .swiper-wrapper {
display: grid;
max-width: 21.3125em;
width: 100%;
margin: 0 auto;
row-gap: 3.75em;
column-gap: 1.875em;
}
.inc-o2xm .swiper--phones .swiper-button-prev,
.inc-o2xm .swiper--phones .swiper-button-next {
transform: translateY(-8em);
}
.inc-o2xm .swiper--phones .swiper-button-prev {
left: -0.9375em;
}
.inc-o2xm .swiper--phones .swiper-button-next {
right: -0.9375em;
}
.inc-o2xm .swiper--services {
overflow: visible;
margin-top: 2.5em;
}
.inc-o2xm .swiper--services .swiper-slide {
width: 25.8438em;
}
.inc-o2xm .swiper--services .swiper-button-prev,
.inc-o2xm .swiper--services .swiper-button-next {
transform: translateY(-11em);
}
.inc-o2xm .swiper--services .swiper-button-prev {
left: 0.3125em;
}
.inc-o2xm .swiper--services .swiper-button-next {
right: 0.3125em;
}
.inc-o2xm .swiper-pagination-bullet {
background-color: #d2dcfd;
width: 3.625em;
height: 0.4375em;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.inc-o2xm .bullet-progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #2351f5;
transform-origin: left;
width: 0;
}
.inc-o2xm .bullet-progress.is-animating {
transition: width 4s linear;
width: 100%;
}
.inc-o2xm .swiper-scrollbar {
position: relative;
}
.inc-o2xm .swiper-pagination-progressbar {
position: relative;
max-width: 8.125em;
width: 100%;
height: 0.4375em;
background-color: #d2dcfd;
border-radius: 7px;
overflow: hidden;
margin: 2.5em auto 0;
}
.inc-o2xm .swiper-pagination-progressbar-fill {
border-radius: 7px;
position: absolute;
width: 100%;
height: 100%;
background: #2351f5;
transform-origin: left;
transform: scaleX(0);
}
.inc-o2xm .swiper-pagination-lock {
display: none;
}
.inc-o2xm .swiper-button-prev,
.inc-o2xm .swiper-button-next {
position: absolute;
color: #fff;
width: 4.0625em;
height: 4.0625em;
border-radius: 51%;
background-color: #0050ff;
display: flex;
justify-content: center;
align-items: center;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: all 0.425s ease;
cursor: pointer;
border: 0;
}
.inc-o2xm .swiper-button-prev {
left: 0;
}
.inc-o2xm .swiper-button-next {
right: 0;
}
.inc-o2xm .swiper-button-disabled {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.inc-o2xm .swiper-button-lock {
display: none;
}
@media screen and (min-width: 37.5em) {
.inc-o2xm .swiper--phones .swiper-wrapper {
max-width: 44.5em;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 48em) {
.inc-o2xm .swiper--card-slider .swiper-pagination {
bottom: 1.875em;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .swiper--phones .swiper-wrapper {
max-width: 100%;
display: flex;
gap: 0;
justify-content: flex-start;
}
.inc-o2xm .swiper--phones .swiper-button-prev,
.inc-o2xm .swiper--phones .swiper-button-next {
transform: translateY(-8em);
}
.inc-o2xm .swiper--phones .swiper-button-prev {
left: -0.9375em;
}
.inc-o2xm .swiper--phones .swiper-button-next {
right: -0.9375em;
}
.inc-o2xm .swiper--phones .swiper-slide {
width: 21.3125em;
}
.inc-o2xm .swiper--services {
overflow: visible;
}
.inc-o2xm .swiper--services:has(.swiper-button-lock) {
margin-top: -1.5em;
}
.inc-o2xm
.swiper--services:has(.swiper-button-lock)
.swiper-slide:nth-child(2) {
margin-top: 5em;
}
}
@media screen and (min-width: 64em) {
.inc-o2xm .d3-btn {
padding: 0.875em 2.1875em;
}
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(
--swiper-wrapper-transition-timing-function,
initial
);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translateZ(0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
> .swiper-wrapper
> .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
> .swiper-wrapper
> .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}