.cta01-webshop {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: url(/assets/images/app-cta/bg_webshop-v1616523995.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-v1616523995.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-v1616523998.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-v1620888965.jpg) no-repeat 50%;
	background-size: cover
}

.news01-panel__thumbnail--2 {
	background: url(/assets/images/news/news-3-v1616523998.jpg) no-repeat 50%;
	background-size: cover
}

.news01-panel__thumbnail--3 {
	background: url(/assets/images/news/news-4-v1616523998.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;/*#fbc02d*/
	color: #0060ae/*#fbc02d*/
}

.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 /*#003d6e*/
}

.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: 65px
	} 
	/*.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-v1616523995.jpg) no-repeat 50%;
	}
	.cta02-mobile {
		background: url(/assets/images/app-cta/bg_mobile_mobile-v1620888960.jpg) no-repeat 50%;
	}
	.news01-main__bg-image {
		background: url(/assets/images/news/bg_news_mobile-v1617027198.jpg) no-repeat top;
	}
	.news01-panel__thumbnail--2 {
		background: url(/assets/images/news/news-3_mobile-v1617027198.jpg) no-repeat 50%;
		background-size: cover;
	}
}
