.cta01-webshop {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(/assets/images/app-cta/bg_webshop-v1523024680.jpg) no-repeat 50%;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 235px;
position: relative
}
.msie .cta01-webshop {height: 235px
}
.cta01-layer {background-color: #000;
bottom: 0;
left: 0;
opacity: .4;
position: absolute;
right: 0;
top: 0
}
.cta01-hero {color: #fff;
text-align: center;
width: 90%;
z-index: 10
}
.cta01-hero__icon {height: 46px;
width: 46px
}
.cta01-hero__text {font-size: 20px
}
.cta01-hero__button.button--secondary {border: none;
color: #ed1c24
}
.cta02-mobile {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(/assets/images/app-cta/bg_mobile-v1523024680.jpg) no-repeat 50%;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 235px;
position: relative
}
.msie .cta02-mobile {height: 235px
}
.cta02-layer {background-color: #000;
bottom: 0;
left: 0;
opacity: .4;
position: absolute;
right: 0;
top: 0
}
.cta02-hero {color: #fff;
margin: 0 auto;
text-align: center;
width: 90%;
z-index: 10
}
.cta02-hero__icon {height: 46px;
width: 28px
}
.cta02-hero__text {font-size: 20px
}
.cta02-download {display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.cta02-download__link {display: inline-block;
margin: 0 21px 0 9px;
text-align: center
}
.cta02-download__app {display: block;
margin-bottom: 12px
}
.cta02-download__barcode {display: none
}
.cta03-counter {margin: 60px 5px
}
.cta03-counter__row {margin-bottom: 25px
}
.cta03-counter__col {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px
}
.cta03-counter__ring {border: 4px solid;
border-radius: 50%;
display: block;
height: 45px;
width: 45px
}
.cta03-counter__ring--1 {border-color: #fbc02d
}
.cta03-counter__ring--2, .cta03-counter__ring--3 {border-color: #ff6d00
}
.cta03-counter__text-block {display: inline-block;
line-height: 1.2;
margin-left: 10px
}
.cta03-counter__num {font-size: 42px
}
.cta03-panel__col {padding: 0 10px
}
.cta03-panel {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 0;
text-align: center
}
.cta03-panel__title {margin-bottom: 10px
}
.cta03-panel__icon {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ed1c24;
border-radius: 50%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 55px;
flex: 0 0 55px;
height: 55px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 10px;
width: 55px
}
.cta03-panel__card-icon {height: 33px;
width: 33px
}
.news01-news {padding: 25px 0
}
.news01-main {border-radius: 4px;
display: block;
overflow: hidden;
padding: 0 10px;
position: relative
}
.news01-main__bg-image {background: url(/assets/images/news/bg_news-v1523024680.jpg) no-repeat top;
background-size: cover;
height: 164px;
left: 10px;
position: absolute;
right: 10px;
top: 0
}
.news01-main__text {background-color: #fff;
-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
margin-top: 159px;
padding: 25px 10px
}
.news01-main__title {color: #008afa;
line-height: 1.44;
margin-bottom: 6px
}
.news01-main__headline {color: #003d6e;
font-weight: 500;
line-height: 1.5;
max-height: 7.5em;
overflow: hidden
}
.news01-news-list {-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
margin: 0 10px
}
.news01-panel {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
overflow: hidden
}
.news01-panel:not (:last-child ){border-bottom: 1px solid #d7dade
}
.news01-panel__thumbnail {display: inline-block;
height: 100%;
margin-right: 10px;
min-width: 60px
}
.news01-panel__thumbnail--1 {background: url(/assets/images/news/news-2-v1523024680.jpg) no-repeat 50%;
background-size: cover
}
.news01-panel__thumbnail--2 {background: url(/assets/images/news/news-3-v1523024680.jpg) no-repeat 50%;
background-size: cover
}
.news01-panel__thumbnail--3 {background: url(/assets/images/news/news-4-v1523024680.jpg) no-repeat 50%;
background-size: cover
}
.news01-panel__text {display: inline-block;
overflow: hidden
}
.news01-panel__title {color: #008afa
}
.news01-panel__headline {color: #7389a1;
display: none
}
.news01-link {color: #008afa;
display: block;
margin: 0 auto;
text-align: center;
text-transform: uppercase
}
.news01-link__icon {height: 13px;
margin-left: 20px;
width: 16px
}
.swp01-image {display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 250px
}
.swp01-image img {min-width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.swp01-text-box {background-color: #fff;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 30px 50px;
position: relative;
text-align: center;
width: 100%
}
.swp01-swiper__slide--azure .swp01-text-box {background-color: #008afa;
color: #008afa
}
.swp01-swiper__slide--orange-yellow .swp01-text-box {background-color: #0060ae;
color: #0060ae
}
.swp01-swiper__slide--azure .swp01-text-box:before,.swp01-swiper__slide--orange-yellow .swp01-text-box:before {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100px
}
.swp01-text-box__title {color: #ed1c24;
font-size: 20px;
line-height: 1.2
}
.swp01-swiper__slide--azure .swp01-text-box__title,.swp01-swiper__slide--orange-yellow .swp01-text-box__title {
color: #fff
}
.swp01-text-box__subtitle {color: #0060ae;
font-size: 18px;
line-height: 1.44;
margin-bottom: 5px
}
.swp01-swiper__slide--azure .swp01-text-box__subtitle {color: #c2e3fd
}
.swp01-swiper__slide--orange-yellow .swp01-text-box__subtitle {color: #fff
}
.swp01-text-box__text {color: #00233e;
font-size: 16px;
margin-bottom: 20px
}
.swp01-swiper__slide--azure .swp01-text-box__text,.swp01-swiper__slide--orange-yellow .swp01-text-box__text {
color: #fff 
}
.swp01-text-box__list {color: #00233e;
font-size: 16px;
list-style: none;
margin-bottom: 20px
}
.swp01-text-box__list-icon {color: #ff6d00;
height: 10px;
margin-right: 5px;
width: 16px
}
.swp01-text-box .button {-ms-flex-item-align: center;
align-self: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: auto 0 0
}
.swp01-swiper__slide--azure .swp01-text-box .button:hover {background-color: #ed1c24
}
.swp01-swiper__slide {position: relative
}
.swp01-swiper__slide-border {bottom: 0;
height: 50px;
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10
}
.swp01-swiper__slide-border.swp01-swiper__slide-border--mobile {bottom: auto;
display: block;
top: -50px
}
.swp01-swiper__slide-border.swp01-swiper__slide-border--desktop {color: #fff;
display: none
}
.swp01-swiper__slide-border:before {background: transparent;
border-bottom: 50px solid currentColor;
border-radius: 49%;
bottom: -51px;
content: "";
height: 750px;
left: -50%;
position: absolute;
right: -50%
}
.swp01-swiper__slide-col {display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 1px
}
.swp01-swiper__slide-col--text {-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: -10px 0 0;
z-index: 1
}
.swp01-swiper .swiper__button {border: none;
-webkit-box-shadow: 0 5px 12px 0 #0001;
box-shadow: 0 5px 12px 0 #0001
}
.swp01-swiper .swiper__button--prev {border-bottom-left-radius: 0;
border-top-left-radius: 0;
left: -1px
}
.swp01-swiper .swiper__button--next {border-bottom-right-radius: 0;
border-top-right-radius: 0;
right: -1px
}
.swp02-swiper-service {background: #fff;
padding: 30px 0 35px
}
.swp02-heading {margin-bottom: 30px;
padding: 0 10px;
text-align: center
}
.swp02-heading__text {font-size: 16px;
font-weight: 500;
line-height: 1.5
}
.swp02-swiper-service .swiper__slide {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.swp02-swiper__icon {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 110px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 15px;
width: 110px
}
.swp02-swiper__slide-1 .swp02-swiper__icon {background-color: #fbc02d
}
.swp02-swiper__slide-2 .swp02-swiper__icon {background-color: #a0f
}
.swp02-swiper__slide-3 .swp02-swiper__icon {background-color: #8bc34a
}
.swp02-swiper__slide-4 .swp02-swiper__icon {background-color: #64b5f6
}
.swp02-swiper__slide-5 .swp02-swiper__icon {background-color: #ec407a
}
.swp02-swiper__icon-inner {height: 46px;
width: 46px
}
.swp02-swiper__title {font-size: 18px;
text-align: center
}
.swp02-swiper__text {font-size: 14px;
margin-bottom: 10px;
text-align: center;
width: 100%
}
.swp02-link {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #008afa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: uppercase
}
.swp02-link__item {text-align: center;
width: 150px
}
.swp02-link__icon {height: 13px;
margin-left: 16px;
width: 16px
}
.swp02-swiper-service .button {-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .07);
height: 40px;
width: 40px;
z-index: 1
}
.swp02-swiper-service .swiper__button--prev {border-bottom-left-radius: 0;
border-top-left-radius: 0;
left: -1px
}
.swp02-swiper-service .swiper__button--next {border-bottom-right-radius: 0;
border-top-right-radius: 0;
right: -1px
}
.swp02-swiper-service .swiper__button.swiper__button {top: 30px;
-webkit-transform: translate(0);
transform: translate(0)
}
@media ( min-width :768px) {.cta01-webshop {
min-height: 395px
}
.msie .cta01-webshop {
height: 395px
}
.cta01-hero__text {
font-size: 32px
}
.cta02-mobile {
min-height: 395px
}
.msie .cta02-mobile {
height: 395px
}
.cta02-hero__text {
font-size: 32px
}
.cta02-download__barcode {
display: block;
margin: 0 auto
}
.cta03-counter__row {
margin-bottom: 85px
}
.cta03-counter__col {
margin-bottom: 0
}
.cta03-counter__ring {
margin: 0 auto 20px
}
.cta03-counter__text-block {
display: block;
text-align: center;
width: 100%
}
.cta03-counter__num {
font-size: 52px
}
.cta03-panel__col {
padding: 0 5px
}
.news01-main {
min-height: 407px;
padding: 0
}
.news01-main__bg-image {
bottom: 0;
left: 0;
min-height: 407px;
right: 0
}
.news01-main__bg-layer {
background-image: -webkit-gradient(linear, left bottom, left top, from(#000),
to(transparent));
background-image: linear-gradient(0deg, #000, transparent);
bottom: 0;
height: 255px;
left: 0;
position: absolute;
right: 0
}
.news01-main__text {
background-color: transparent;
bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0;
padding: 0 20px 25px;
position: absolute
}
.news01-main__title {
color: #fff;
line-height: 1.5
}
.news01-main__headline {
color: #fff;
line-height: 1.44;
margin-top: 0;
max-height: 2.88em
}
.news01-news-list {
margin: 0
}
.news01-panel {
height: 146px
}
.news01-panel__thumbnail {
height: 146px;
min-width: 146px
}
.news01-panel__headline {
display: block
}
.swp01-image {
height: 100%
}
.swp01-image.swp01-image--full {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.swp01-text-box {
background-color: transparent;
padding: 70px;
text-align: left
}
.swp01-swiper__slide--azure .swp01-text-box:before,
.swp01-swiper__slide--orange-yellow .swp01-text-box:before {
background-image: -webkit-gradient(linear, left top, right top, from(currentColor),
to(transparent));
background-image: linear-gradient(90deg, currentColor, transparent);
right: -100px
}
.swp01-swiper__slide-col--image+.swp01-swiper__slide-col--text .swp01-text-box:before
{
background-image: -webkit-gradient(linear, left top, right top, from(transparent),
to(currentColor));
background-image: linear-gradient(90deg, transparent, currentColor);
left: -100px;
right: auto
}
.swp01-text-box__title {
font-size: 32px
}
.swp01-text-box__subtitle {
font-size: 24px
}
.swp01-text-box__text {
font-size: 18px
}
.swp01-text-box__list {
font-size: 20px
}
.swp01-text-box .button {
-ms-flex-item-align: start;
align-self: flex-start;
margin: 0
}
.swp01-swiper__slide {
height: 440px
}
.swp01-swiper__slide-border.swp01-swiper__slide-border--mobile {
display: none
}
.swp01-swiper__slide-border.swp01-swiper__slide-border--desktop {
display: block
}
.swp01-swiper__slide-col--text {
margin: 0;
position: relative;
z-index: 1
}
.swp02-heading {
padding: 0 80px
}
.swp02-heading__text {
font-size: 18px
}
.swp02-swiper__title {
font-size: 20px
}
.swp02-swiper__text {
font-size: 16px;
margin-bottom: 20px;
padding: 0 30px
}
.swp02-link__item {
width: auto
}
.swp02-swiper-service .swiper__button.swiper__button {
top: 85px
}
}
@media ( min-width :992px) {.cta03-panel {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 15px
}
.cta03-panel__title {
display: inline-block;
margin: 0 10px
}
.cta03-panel__icon {
margin: 0
}
.cta03-panel__button {
margin-left: auto
}
.news01-main, .news01-main__bg-image {
min-height: 439px
}
.news01-main__headline {
max-height: 4.32em
}
.news01-panel__text {
max-height: 131px
}
.swp01-text-box {
padding: 50px 70px
}
.swp01-text-box__title {
font-size: 40px
}
.swp01-text-box__subtitle {
font-size: 32px
}
.swp01-text-box__list {
font-size: 22px
}
}
@media ( min-width :1280px) {.news01-main, .news01-main__bg-image {
height: 482px
}
.news01-main__title {
line-height: 1.22
}
.news01-main__headline {
line-height: 1.5;
max-height: 3em
}
.news01-panel {
height: 160px
}
.news01-panel__thumbnail {
height: 160px;
min-width: 160px
}
.swp01-text-box {
padding: 55px 80px
}
.swp01-swiper .swiper__button--prev {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
left: 10px
}
.swp01-swiper .swiper__button--next {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
right: 10px
}
.swp02-swiper__text {
margin-bottom: 50px
}
.swp02-swiper-service .swiper__button--prev {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
left: 10px
}
.swp02-swiper-service .swiper__button--next {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
right: 10px
}
}
@media ( min-width :1440px) {.cta03-panel {
padding: 15px 25px
}
}
@media ( min-width :1600px) {.swp02-heading__text {
font-size: 20px
}
.swp02-swiper__title {
font-size: 22px
}
.swp02-swiper__text {
font-size: 18px;
margin-bottom: 55px
}
}
@media ( min-width :1920px) {.swp01-text-box__title {
font-size: 50px;
line-height: 1.16
}
.swp01-text-box__subtitle {
font-size: 42px;
line-height: 1.19
}
.swp01-text-box__text {
font-size: 28px;
margin-bottom: 15px
}
.swp01-swiper__slide {
height: 500px
}
.swp02-swiper-service .xl-3 {
width: 20%
}
}
@media ( max-width :767px) {.swp01-swiper__slide-col--text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.swp01-swiper__slide-col--image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.swp01-swiper .swiper__button {
background-color: #008afa;
border: 1px solid #fff;
bottom: 50px;
color: #fff;
top: auto;
-webkit-transform: translate(0);
transform: translate(0)
}
.cta01-webshop {
background: url(/assets/images/app-cta/bg_webshop_mobile-v1564137719.jpg) no-repeat 50%;
}
.cta02-mobile {
background: url(/assets/images/app-cta/bg_mobile_mobile-v1564140036.jpg) no-repeat 50%;
}
.news01-main__bg-image {
background: url(/assets/images/news/bg_news_mobile-v1564137719.jpg) no-repeat top;
}
.news01-panel__thumbnail--2 {
background: url(/assets/images/news/news-3_mobile-v1564137720.jpg) no-repeat 50%;
background-size: cover;
}
}