/***********************************/
/* Generated: 2017-05-08 #j2g6zmpq */
/***********************************/

@font-face {
	font-family: 'telegroteskscreenregular';
	font-weight: 400;
	font-style: normal;
	src: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-regular-webfont.eot');
	src: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-regular-webfont.woff') format('woff'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-regular-webfont.ttf') format('truetype'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-regular-webfont.svg#telegroteskscreenregular') format('svg')
}

@font-face {
	font-family: 'telegroteskscreenthin';
	font-weight: 400;
	font-style: normal;
	src: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-thin-webfont.eot');
	src: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-thin-webfont.eot?#iefix') format('embedded-opentype'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-thin-webfont.woff') format('woff'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-thin-webfont.ttf') format('truetype'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-thin-webfont.svg#telegroteskscreenthin') format('svg')
}

@font-face {
	font-family: 'telegroteskscreenmedium';
	font-weight: 400;
	font-style: normal;
	src: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-medium-webfont.eot');
	src: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-medium-webfont.woff') format('woff'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-medium-webfont.ttf') format('truetype'), url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/font/telegroteskscreen-medium-webfont.svg#telegroteskscreenmedium') format('svg')
}

html {
	height: 100%;
	width: 100%;
	font-size: 12px;
	overflow-x: hidden
}

body {
	margin: 0;
	padding: 0;
	background: #f4f2ed
}

div#fenntart {
	max-width: 1152px;
	min-width: 320px;
	margin: 0 auto;
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-family: 'telegroteskscreenregular';
	color: #333
}

div#fenntart div,
div#fenntart span,
div#fenntart applet,
div#fenntart object,
div#fenntart iframe,
div#fenntart h1,
div#fenntart h2,
div#fenntart h3,
div#fenntart h4,
div#fenntart h5,
div#fenntart h6,
div#fenntart p,
div#fenntart blockquote,
div#fenntart pre,
div#fenntart a,
div#fenntart abbr,
div#fenntart acronym,
div#fenntart address,
div#fenntart big,
div#fenntart cite,
div#fenntart code,
div#fenntart del,
div#fenntart dfn,
div#fenntart em,
div#fenntart img,
div#fenntart ins,
div#fenntart kbd,
div#fenntart q,
div#fenntart s,
div#fenntart samp,
div#fenntart small,
div#fenntart strike,
div#fenntart strong,
div#fenntart sub,
div#fenntart sup,
div#fenntart tt,
div#fenntart var,
div#fenntart b,
div#fenntart u,
div#fenntart i,
div#fenntart center,
div#fenntart dl,
div#fenntart dt,
div#fenntart dd,
div#fenntart ol,
div#fenntart ul,
div#fenntart li,
div#fenntart fieldset,
div#fenntart form,
div#fenntart label,
div#fenntart legend,
div#fenntart table,
div#fenntart caption,
div#fenntart tbody,
div#fenntart tfoot,
div#fenntart thead,
div#fenntart tr,
div#fenntart th,
div#fenntart td,
div#fenntart article,
div#fenntart aside,
div#fenntart canvas,
div#fenntart details,
div#fenntart embed,
div#fenntart figure,
div#fenntart figcaption,
div#fenntart footer,
div#fenntart header,
div#fenntart hgroup,
div#fenntart menu,
div#fenntart nav,
div#fenntart output,
div#fenntart ruby,
div#fenntart section,
div#fenntart summary,
div#fenntart time,
div#fenntart mark,
div#fenntart audio,
div#fenntart video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

div#fenntart article,
div#fenntart aside,
div#fenntart details,
div#fenntart figcaption,
div#fenntart figure,
div#fenntart footer,
div#fenntart header,
div#fenntart hgroup,
div#fenntart menu,
div#fenntart nav,
div#fenntart section {
	display: block
}

div#fenntart body {
	line-height: 1.3
}

div#fenntart ol,
div#fenntart ul {
	list-style: none
}

div#fenntart blockquote,
div#fenntart q {
	quotes: none
}

div#fenntart blockquote:before,
div#fenntart blockquote:after,
div#fenntart q:before,
div#fenntart q:after {
	content: '';
	content: none
}

div#fenntart table {
	border-collapse: collapse;
	border-spacing: 0
}

div#fenntart * {
	color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}

div#fenntart .mobile-test {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden
}

div#fenntart .mt-gblock {
	display: block;
	font-size: 0;
	position:relative;
}

div#fenntart .mt-gblock.mb {
	margin-bottom: 2rem
}

div#fenntart .mt-gblock.cnt {
	padding: 0 1rem
}

div#fenntart .mt-gblock .mt-card {
	display: block;
	padding: 1.5rem
}

div#fenntart .mt-gblock .mt-card .mt-gblock {
	margin: -.5rem
}

div#fenntart .mt-gblock .mt-nopad {
	padding: 0!important;
	margin: 0!important
}

div#fenntart .mt-gblock .mt-doublepad {
	padding: 0 1rem;
	margin: 0!important
}

div#fenntart .mt-gblock .mt-lpad {
	padding: 0 0 0 1.5rem!important;
	margin: 0!important
}

div#fenntart .mt-gblock .mt-rpad {
	padding: 0 1.5rem 0 0!important;
	margin: 0!important
}

div#fenntart .mt-gblock .mt-spad {
	padding: 0 1.5rem!important;
	margin: 0!important
}

div#fenntart .mt-gblock .mt-mpad {
	padding: 0 .75rem!important;
	margin: 0!important
}

div#fenntart .mt-gblock .mt-g1,
div#fenntart .mt-gblock .mt-g2,
div#fenntart .mt-gblock .mt-g3,
div#fenntart .mt-gblock .mt-g4,
div#fenntart .mt-gblock .mt-g5,
div#fenntart .mt-gblock .mt-g6,
div#fenntart .mt-gblock .mt-g7,
div#fenntart .mt-gblock .mt-g8,
div#fenntart .mt-gblock .mt-g9,
div#fenntart .mt-gblock .mt-g10,
div#fenntart .mt-gblock .mt-g11,
div#fenntart .mt-gblock .mt-g12 {
	display: inline-block;
	padding: 0 .5rem;
	margin: .5rem 0;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

div#fenntart .mt-gblock.mt-middle-valing .mt-g1,
div#fenntart .mt-gblock.mt-middle-valing .mt-g2,
div#fenntart .mt-gblock.mt-middle-valing .mt-g3,
div#fenntart .mt-gblock.mt-middle-valing .mt-g4,
div#fenntart .mt-gblock.mt-middle-valing .mt-g5,
div#fenntart .mt-gblock.mt-middle-valing .mt-g6,
div#fenntart .mt-gblock.mt-middle-valing .mt-g7,
div#fenntart .mt-gblock.mt-middle-valing .mt-g8,
div#fenntart .mt-gblock.mt-middle-valing .mt-g9,
div#fenntart .mt-gblock.mt-middle-valing .mt-g10,
div#fenntart .mt-gblock.mt-middle-valing .mt-g11,
div#fenntart .mt-gblock.mt-middle-valing .mt-g12 {
	vertical-align: middle
}

div#fenntart .mt-gblock .mt-g1,
div#fenntart .mt-gblock.mt-gfixed .mt-g1 {
	width: 8.33%
}

div#fenntart .mt-gblock .mt-g2,
div#fenntart .mt-gblock.mt-gfixed .mt-g2 {
	width: 16.66%
}

div#fenntart .mt-gblock .mt-g3,
div#fenntart .mt-gblock.mt-gfixed .mt-g3 {
	width: 24.99%
}

div#fenntart .mt-gblock .mt-g4,
div#fenntart .mt-gblock.mt-gfixed .mt-g4 {
	width: 33.32%
}

div#fenntart .mt-gblock .mt-g5,
div#fenntart .mt-gblock.mt-gfixed .mt-g5 {
	width: 41.65%
}

div#fenntart .mt-gblock .mt-g6,
div#fenntart .mt-gblock.mt-gfixed .mt-g6 {
	width: 49.98%
}

div#fenntart .mt-gblock .mt-g7,
div#fenntart .mt-gblock.mt-gfixed .mt-g7 {
	width: 58.31%
}

div#fenntart .mt-gblock .mt-g8,
div#fenntart .mt-gblock.mt-gfixed .mt-g8 {
	width: 66.64%
}

div#fenntart .mt-gblock .mt-g9,
div#fenntart .mt-gblock.mt-gfixed .mt-g9 {
	width: 74.97%
}

div#fenntart .mt-gblock .mt-g10,
div#fenntart .mt-gblock.mt-gfixed .mt-g10 {
	width: 83.3%
}

div#fenntart .mt-gblock .mt-g11,
div#fenntart .mt-gblock.mt-gfixed .mt-g11 {
	width: 91.63%
}

div#fenntart .mt-gblock .mt-g12,
div#fenntart .mt-gblock.mt-gfixed .mt-g12 {
	width: 100%
}

div#fenntart .mt-block.headline .mt-card {
	padding-top: 0
}

div#fenntart .block-headline-text {
	padding: 0;
	opacity: 0;
	-webkit-animation: headline .5s ease-out .3s 1 normal both;
	-moz-animation: headline .5s ease-out .3s 1 normal both;
	-ms-animation: headline .5s ease-out .3s 1 normal both;
	-o-animation: headline .5s ease-out .3s 1 normal both;
	animation: headline .5s ease-out .3s 1 normal both
}

div#fenntart .block-headline-text h3 {
	font-family: 'telegroteskscreenregular';
	font-weight: 100;
	font-size: 4rem;
	line-height: 5rem;
	margin-bottom: 1.75rem;
	text-align: center
}

div#fenntart .block-headline-text p {
	font-family: 'telegroteskscreenthin';
	font-weight: 400;
	font-size: 2rem;
	line-height: 2.5rem;
	margin: 2rem auto 1rem;
	text-align: center;
	max-width: 79rem
}

div#fenntart .block-headline-text .divider {
	width: 3rem;
	height: 1px;
	background-color: #e20074;
	margin: 0 auto
}

div#fenntart .block-button .mt-button {
	float: right
}

div#fenntart .cards .mt-gblock .mt-card {
	padding: 0;
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s all ease-out;
	-moz-transition: .3s all ease-out;
	-ms-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out
}

div#fenntart .cards .mt-gblock .mt-card:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-moz-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-ms-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-o-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3)
}

div#fenntart .cards .mt-gblock .mt-card:active {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-moz-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-ms-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-o-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3)
}

div#fenntart .cards .mt-gblock .mt-card .inner-content {
	position: relative;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

div#fenntart .cards .mt-gblock .mt-card .inner-content img {
	left: 0;
	right: 0
}

div#fenntart .cards .mt-gblock .mt-card .inner-content:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: .3s all ease-out;
	-moz-transition: .3s all ease-out;
	-ms-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out;
	background-color: transparent;
	z-index: 2
}

div#fenntart .cards .mt-gblock .mt-card .inner-content.klima {
	-webkit-animation: cards .6s ease-out .8s 1 normal both;
	-moz-animation: cards .6s ease-out .8s 1 normal both;
	-ms-animation: cards .6s ease-out .8s 1 normal both;
	-o-animation: cards .6s ease-out .8s 1 normal both;
	animation: cards .6s ease-out .8s 1 normal both
}

div#fenntart .cards .mt-gblock .mt-card .inner-content.edukacio {
	-webkit-animation: cards .6s ease-out 1.3s 1 normal both;
	-moz-animation: cards .6s ease-out 1.3s 1 normal both;
	-ms-animation: cards .6s ease-out 1.3s 1 normal both;
	-o-animation: cards .6s ease-out 1.3s 1 normal both;
	animation: cards .6s ease-out 1.3s 1 normal both
}

div#fenntart .cards .mt-gblock .mt-card .inner-content.digitalis {
	-webkit-animation: cards .6s ease-out 1.8s 1 normal both;
	-moz-animation: cards .6s ease-out 1.8s 1 normal both;
	-ms-animation: cards .6s ease-out 1.8s 1 normal both;
	-o-animation: cards .6s ease-out 1.8s 1 normal both;
	animation: cards .6s ease-out 1.8s 1 normal both
}

div#fenntart .cards .mt-gblock .mt-card .inner-content.sokszinuseg{
	-webkit-animation:cards .6s ease-out 2.3s 1 normal both;
	-moz-animation:cards .6s ease-out 2.3s 1 normal both;
	-ms-animation:cards .6s ease-out 2.3s 1 normal both;
	-o-animation:cards .6s ease-out 2.3s 1 normal both;
	animation:cards .6s ease-out 2.3s 1 normal both
}

div#fenntart .slider {
	opacity: 0;
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
	-webkit-animation: slider .5s ease-out 2.3s 1 normal both;
	-moz-animation: slider .5s ease-out 2.3s 1 normal both;
	-ms-animation: slider .5s ease-out 2.3s 1 normal both;
	-o-animation: slider .5s ease-out 2.3s 1 normal both;
	animation: slider .5s ease-out 2.3s 1 normal both;
	margin: 1.25rem 0 3rem
}

div#fenntart .slider .mt-gblock {
	text-align: center;
	position: relative
}

div#fenntart .slider .mt-gblock .slick-list {
	max-width: 1032px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

div#fenntart .cards .mt-gblock .slick-list {
	overflow: hidden;
}

div#fenntart .slider .mt-gblock .slick-list .slick-track {
	height: 260px;
	padding-top: 1.25rem
}

div#fenntart .slider .mt-gblock .slick-list .slick-track,
div#fenntart .slider .mt-gblock .slick-list .slick-track .slick-slide,
div#fenntart .slider .mt-gblock .slick-list .slick-track .slick-slide object {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

div#fenntart .slider .mt-gblock li {
	display: inline-block;
	margin: 0 .5rem;
	text-align: center;
	background-color: #fff;
	width: 246px!important;
	-webkit-transition: .3s all ease-out;
	-moz-transition: .3s all ease-out;
	-ms-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out
}

div#fenntart .slider .mt-gblock li:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-moz-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-ms-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	-o-box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3);
	box-shadow: 0 12px 16px 0 rgba(51, 51, 51, .3)
}

div#fenntart .slider .mt-gblock li .mt-card {
	width: 246px;
	padding: 0;
	position: relative;
	overflow: hidden
}

div#fenntart .slider .mt-gblock li .mt-card a {
	padding: 1.5rem 1.5rem 5.5rem;
	display: block;
	outline: 0;
	z-index: 1;
	position: relative
}

div#fenntart .slider .mt-gblock li .mt-card a .title {
	font-family: 'telegroteskscreenmedium';
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2rem;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 100%;
	min-height: 46px;
	margin-bottom: 1.5rem
}

div#fenntart .slider .mt-gblock li .mt-card a:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

div#fenntart .slider .mt-gblock .prev-arrow , div#fenntart .cards .mt-gblock .prev-arrow {
	background-color: rgba(51, 51, 51, .2);
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	display: block;
	height: 60px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px;
	z-index: 5;
	margin-top: -1.25rem;
	-webkit-transition: .3s all ease-out;
	-moz-transition: .3s all ease-out;
	-ms-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out
}

div#fenntart .cards .mt-gblock .prev-arrow {
	left: -45px;
	-webkit-animation:cards .6s ease-out 2.3s 1 normal both;
	-moz-animation:cards .6s ease-out 2.3s 1 normal both;
	-ms-animation:cards .6s ease-out 2.3s 1 normal both;
	-o-animation:cards .6s ease-out 2.3s 1 normal both;
	animation:cards .6s ease-out 2.3s 1 normal both
}

div#fenntart .slider .mt-gblock .prev-arrow:after, div#fenntart .cards .mt-gblock .prev-arrow:after {
	border: solid 3px #fff;
	border-right: none;
	border-top: none;
	content: '';
	display: block;
	height: 18px;
	left: 50%;
	margin: -9px 0 0 -4px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 18px;
	box-sizing: border-box
}

div#fenntart .slider .mt-gblock .prev-arrow:hover, div#fenntart .cards .mt-gblock .prev-arrow:hover {
	background-color: rgba(51, 51, 51, .5)
}

div#fenntart .slider .mt-gblock .prev-arrow:active, div#fenntart .cards .mt-gblock .prev-arrow:active {
	background-color: rgba(51, 51, 51, .8)
}

div#fenntart .slider .mt-gblock .next-arrow, div#fenntart .cards .mt-gblock .next-arrow {
	background-color: rgba(51, 51, 51, .2);
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	display: block;
	height: 60px;
	right: 0;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px;
	z-index: 5;
	margin-top: -1.25rem;
	-webkit-transition: .3s all ease-out;
	-moz-transition: .3s all ease-out;
	-ms-transition: .3s all ease-out;
	-o-transition: .3s all ease-out;
	transition: .3s all ease-out
}

div#fenntart .cards .mt-gblock .next-arrow {
	right: -45px;
	-webkit-animation:cards .6s ease-out 2.3s 1 normal both;
	-moz-animation:cards .6s ease-out 2.3s 1 normal both;
	-ms-animation:cards .6s ease-out 2.3s 1 normal both;
	-o-animation:cards .6s ease-out 2.3s 1 normal both;
	animation:cards .6s ease-out 2.3s 1 normal both
}

div#fenntart .slider .mt-gblock .next-arrow:after, div#fenntart .cards .mt-gblock .next-arrow:after {
	border: solid 3px #fff;
	border-left: none;
	border-bottom: none;
	content: '';
	display: block;
	height: 18px;
	right: 50%;
	margin: -9px -4px 0 0;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 18px;
	box-sizing: border-box
}

div#fenntart .slider .mt-gblock .next-arrow:hover, div#fenntart .cards .mt-gblock .next-arrow:hover {
	background-color: rgba(51, 51, 51, .5)
}

div#fenntart .slider .mt-gblock .next-arrow:active, div#fenntart .cards .mt-gblock .next-arrow:active {
	background-color: rgba(51, 51, 51, .8)
}

div#fenntart .mt-card {
	padding: 0
}

div#fenntart .mt-card .inner-content h4 {
	font-family: 'telegroteskscreenbold';
	font-weight: 400;
	font-size: 3rem;
	line-height: 3.5rem;
	color: #e20074;
	margin-bottom: .5rem
}

div#fenntart .mt-card .inner-content p {
	font-family: 'telegroteskscreenregular';
	font-weight: 400;
	font-size: 2rem;
	line-height: 2.25rem;
	margin-bottom: 1rem
}

div#fenntart .mt-card .inner-content>strong {
	display: block;
	font-family: 'telegroteskscreenbold';
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2rem;
	margin-bottom: 1.5rem
}

div#fenntart .mt-card .inner-content>ul.mt-gblock {
	margin-bottom: 2rem
}

div#fenntart .mt-card .inner-content>ul.mt-gblock li.width img {
	width: 80%;
	height: auto
}

div#fenntart .mt-card .inner-content>ul.mt-gblock li span {
	display: block;
	text-align: center;
	font-family: 'telegroteskscreenregular';
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2rem
}

div#fenntart .mt-card .inner-content>ul.mt-gblock li strong {
	display: block;
	text-align: center;
	font-family: 'telegroteskscreenbold';
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2rem;
	color: #e20074
}

div#fenntart .mt-card .inner-content.mono p {
	font-size: 1.5rem;
	line-height: 1.75rem;
	margin-bottom: 2.5rem
}

div#fenntart .mt-card .inner-content.mono ul li {
	vertical-align: middle
}

div#fenntart .mt-card .inner-content.mono ul li:nth-child(2) b,
div#fenntart .mt-card .inner-content.mono ul li:nth-child(2) span,
div#fenntart .mt-card .inner-content.mono ul li:nth-child(2) strong {
	text-align: left
}

div#fenntart .mt-card .inner-content.mono ul li:nth-child(2) b {
	display: block;
	font-family: 'telegroteskscreenbold';
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2rem;
	margin-bottom: 1.5rem
}

div#fenntart .mt-card .inner-content .zoom {
	transform-origin: 50% 50%;
	transform: perspective(500px) translate3d(0, 0, 0);
	-webkit-transition: transform .3s ease-out;
	-moz-transition: transform .3s ease-out;
	-ms-transition: transform .3s ease-out;
	-o-transition: transform .3s ease-out;
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out
}

div#fenntart .mt-card a.inner-content {
	position: relative;
	display: block;
	text-decoration: none;
	height: 600px
}

div#fenntart .mt-card a.inner-content h4 {
	position: absolute;
	left: -.5rem;
	top: 0;
	z-index: 10;
	font-family: 'telegroteskscreenbold';
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 2rem
}

div#fenntart .mt-card a.inner-content .zoom {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 2rem
}

div#fenntart .mt-card a.inner-content .zoom img {
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

div#fenntart .mt-card a.inner-content.klima {
	background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-klima.jpg') no-repeat 90% 0
}

div#fenntart .mt-card a.inner-content.edukacio {
	background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-edukacio.jpg') no-repeat top center
}

div#fenntart .mt-card a.inner-content.digitalis {
	background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-digitalis.jpg') no-repeat 0 0
}

div#fenntart .mt-card a.inner-content.sokszinuseg{
	background:url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-sokszinuseg.jpg') no-repeat top center
}

div#fenntart .mt-card a.inner-content span.title {
	font-family: 'telegroteskscreenthin';
	font-weight: 100;
	font-size: 4rem;
	line-height: 5rem;
	padding: .25rem .5rem;
	background-color: rgba(226, 0, 116, .85);
	color: #fff;
	margin: 4rem 2rem;
	position: absolute;
	z-index: 1
}

div#fenntart .mt-card a.inner-content span.title.smaller {
	height: 56px;
	padding-bottom: 0
}

div#fenntart .mt-card a.inner-content span.subtitle {
	font-size: 4rem;
	line-height: 5rem;
	padding: .25rem .5rem;
	margin: 8.5rem 0 0 2rem
}

div#fenntart .mt-card a.inner-content span.subtitle,
div#fenntart .mt-card a.inner-content span.readmore {
	background-color: rgba(226, 0, 116, .85);
	color: #fff;
	position: absolute;
	font-family: 'telegroteskscreenthin';
	font-weight: 100
}

div#fenntart .mt-card a.inner-content span.readmore {
	padding: 4px 31px 5px 6px;
	font-size: 1.5rem;
	line-height: 1.75rem;
	left: 2rem;
	top: 45rem
}

div#fenntart .mt-card a.inner-content span.readmore .arrow {
	width: 12px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	right: 10px;
	top: 15px
}

div#fenntart .mt-card a.inner-content span.readmore .arrow:after {
	content: "";
	border-left: 4px solid #fff;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	width: 0;
	height: 0;
	position: absolute;
	left: 12px;
	top: -3px
}

div#fenntart .mt-card.mt-interact:hover .inner-content .zoom {
	transform: perspective(500px) translate3d(0, 0, 20px)
}

div#fenntart .ripple {
	position: absolute;
	background-color: rgba(51, 51, 51, .5);
	opacity: 0;
	border-radius: 100%;
	transform: scale(0);
	z-index: 0
}

div#fenntart .ripple.animated {
	-webkit-animation-name: ripple;
	-moz-animation-name: ripple;
	-ms-animation-name: ripple;
	-o-animation-name: ripple;
	animation-name: ripple;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s
}

@-webkit-keyframes ripple {
	0% {
		opacity: 1
	}
	100% {
		-webkit-transform: scale(20)
	}
}

@keyframes ripple {
	0% {
		opacity: 1
	}
	100% {
		transform: scale(20)
	}
}

@-webkit-keyframes headline {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes headline {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes cards {
	0% {
		opacity: 0;
		-webkit-transform: scale(.95);
		-moz-transform: scale(.95);
		-ms-transform: scale(.95);
		-o-transform: scale(.95);
		transform: scale(.95)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes cards {
	0% {
		opacity: 0;
		-webkit-transform: scale(.95);
		-moz-transform: scale(.95);
		-ms-transform: scale(.95);
		-o-transform: scale(.95);
		transform: scale(.95)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes slider {
	0% {
		opacity: 0;
		-webkit-transform: scale(.95);
		-moz-transform: scale(.95);
		-ms-transform: scale(.95);
		-o-transform: scale(.95);
		transform: scale(.95)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes slider {
	0% {
		opacity: 0;
		-webkit-transform: scale(.95);
		-moz-transform: scale(.95);
		-ms-transform: scale(.95);
		-o-transform: scale(.95);
		transform: scale(.95)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@media (max-width:1241px) {
	div#fenntart .cards .mt-gblock {
		max-width:calc(100% - 90px);
		margin:0 auto;
	}
}

@media (max-width:1151px) {
	div#fenntart .slider .mt-gblock .slick-list {
		max-width: 774px
	}
	div#fenntart .cards .mt-gblock .mt-card {
		-webkit-transition: none .2s ease-out;
		-moz-transition: none .2s ease-out;
		-ms-transition: none .2s ease-out;
		-o-transition: none .2s ease-out;
		transition: none .2s ease-out
	}
	div#fenntart .cards .mt-gblock .mt-card:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none
	}
	div#fenntart .mt-card a.inner-content.klima {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-klima.jpg') no-repeat 90% 0
	}
	div#fenntart .mt-card a.inner-content.edukacio {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-edukacio.jpg') no-repeat 82% 30%
	}
	div#fenntart .mt-card a.inner-content.digitalis {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-digitalis.jpg') no-repeat 40% 30%
	}
	div#fenntart .mt-card a.inner-content.sokszinuseg{
		/*background:url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-sokszinuseg.jpg') no-repeat 40% 30%*/
		background:url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-sokszinuseg.jpg') no-repeat top center;
	}	
	div#fenntart .mt-card a.inner-content span.title {
		font-size: 2.5rem;
		line-height: 3.5rem;
		padding: .25rem .5rem;
		background-color: rgba(226, 0, 116, .85);
		color: #fff;
		margin: 4rem 2rem;
		position: absolute
	}
	div#fenntart .mt-card a.inner-content span.title.smaller {
		height: 56px;
		padding-bottom: 0
	}
	div#fenntart .mt-card a.inner-content span.subtitle {
		font-size: 2.5rem;
		line-height: 3.5rem;
		padding: .25rem .5rem;
		background-color: rgba(226, 0, 116, .85);
		color: #fff;
		margin: 8.5rem 2rem;
		position: absolute
	}
	div#fenntart .mt-card a.inner-content span.readmore {
		background-color: rgba(226, 0, 116, .85);
		padding: 4px 31px 5px 6px;
		color: #fff;
		position: absolute;
		font-size: 1.5rem;
		line-height: 1.75rem;
		left: 2rem;
		top: 45rem
	}
	div#fenntart .mt-card a.inner-content span.readmore .arrow {
		width: 12px;
		height: 1px;
		background-color: #fff;
		position: absolute;
		right: 10px;
		top: 15px
	}
	div#fenntart .mt-card a.inner-content span.readmore .arrow:after {
		content: "";
		border-left: 4px solid #fff;
		border-top: 4px solid rgba(0, 0, 0, 0);
		border-right: 4px solid rgba(0, 0, 0, 0);
		border-bottom: 4px solid rgba(0, 0, 0, 0);
		width: 0;
		height: 0;
		position: absolute;
		left: 12px;
		top: -3px
	}
	div#fenntart .slider .mt-gblock li {
		-webkit-transition: none .2s ease-out;
		-moz-transition: none .2s ease-out;
		-ms-transition: none .2s ease-out;
		-o-transition: none .2s ease-out;
		transition: none .2s ease-out
	}
	div#fenntart .slider .mt-gblock li:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none
	}
	div#fenntart .slider .mt-gblock .prev-arrow,
	div#fenntart .slider .mt-gblock .next-arrow {
		-webkit-transition: none .2s ease-out;
		-moz-transition: none .2s ease-out;
		-ms-transition: none .2s ease-out;
		-o-transition: none .2s ease-out;
		transition: none .2s ease-out
	}
	div#fenntart .slider .mt-gblock .prev-arrow:hover,
	div#fenntart .slider .mt-gblock .next-arrow:hover {
		background-color: rgba(51, 51, 51, .2)
	}
	div#fenntart .mt-gcontent .mt-gblock .mt-g6 {
		width: 49.98%
	}
}

@media (max-width:768px) {
	div#fenntart object {
		width: 88px;
		height: 106px;
		display: inline-block;
		vertical-align: middle
	}
	div#fenntart .slider .mt-gblock {
		padding: 0 .5rem
	}
	div#fenntart .slider .mt-gblock li {
		width: 100%!important;
		margin: 0 0 1rem
	}
	div#fenntart .slider .mt-gblock li .mt-card {
		width: 100%
	}
	div#fenntart .slider .mt-gblock li .mt-card a {
		padding: 1rem 1.5rem 1rem 1rem;
		vertical-align: middle;
		text-align: left
	}
	div#fenntart .slider .mt-gblock li .mt-card a .title {
		display: inline-block;
		width: auto;
		text-align: left;
		float: none;
		margin-bottom: 0;
		padding-left: 1rem;
		vertical-align: middle;
		min-height: 0
	}
	div#fenntart .block-headline-text h3 {
		font-size: 2.5rem;
		line-height: 3rem
	}
	div#fenntart .block-headline-text p {
		font-size: 1.5rem;
		line-height: 2rem
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content {
		height: 231px
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content.klima {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-klima.jpg') no-repeat center 70%;
		background-size: 100% auto
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content.edukacio {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-edukacio.jpg') no-repeat 90% 30%;
		background-size: 100% auto
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content.digitalis {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-digitalis.jpg') no-repeat 90% 45%;
		background-size: 100% auto
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content.sokszinuseg{
		background:url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-sokszinuseg.jpg') no-repeat top center;
		background-size:100% auto
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content span.title {
		margin: 2rem 1rem
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content span.readmore {
		top: 14.5rem;
		left: 1rem
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content .multiline {
		margin: 2rem 1rem;
		position: absolute;
		background-color: rgba(226, 0, 116, .85);
		padding: 2px 0 3px
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content .multiline span.smaller {
		position: static;
		margin: 0;
		padding: .25rem .5rem;
		height: auto;
		background-color: rgba(0, 0, 0, 0)
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content .multiline span.subtitle {
		position: static;
		margin: 0;
		padding: .25rem .5rem .25rem 0;
		background-color: rgba(0, 0, 0, 0)
	}
	div#fenntart .cards .mt-gblock {
		max-width:100%;
	}
}

@media (min-width:769px) and (max-width:1151px) {
	div#fenntart .mt-gblock .mt-g1,
	div#fenntart .mt-gblock .mt-g2,
	div#fenntart .mt-gblock .mt-g5,
	div#fenntart .mt-gblock .mt-g7,
	div#fenntart .mt-gblock .mt-g8,
	div#fenntart .mt-gblock .mt-g9,
	div#fenntart .mt-gblock .mt-g10,
	div#fenntart .mt-gblock .mt-g11,
	div#fenntart .mt-gblock .mt-g12 {
		width: 100%
	}
	div#fenntart {
		margin: 0
	}
	div#fenntart .mt-gblock .mt-g3 {
		width: 24.99%
	}
	div#fenntart .mt-gblock .mt-g4 {
		width: 33.32%
	}
	div#fenntart .mt-gblock .mt-g6 {
		width: 49.98%
	}
}

@media (min-width:481px) and (max-width:768px) {
	div#fenntart .mt-gblock .mt-g1,
	div#fenntart .mt-gblock .mt-g2 {
		display: inline-block!important;
		width: 100%
	}
	div#fenntart .mt-gblock .mt-g3,
	div#fenntart .mt-gblock .mt-g4 {
		display: inline-block!important
	}
	div#fenntart .mt-gblock .mt-g5,
	div#fenntart .mt-gblock .mt-g6,
	div#fenntart .mt-gblock .mt-g7,
	div#fenntart .mt-gblock .mt-g8,
	div#fenntart .mt-gblock .mt-g9,
	div#fenntart .mt-gblock .mt-g10,
	div#fenntart .mt-gblock .mt-g11,
	div#fenntart .mt-gblock .mt-g12 {
		display: inline-block!important;
		width: 100%
	}
	div#fenntart {
		margin: 0
	}
	div#fenntart .mt-gblock .mt-g3 {
		width: 49.98%
	}
	div#fenntart .mt-gblock .mt-g4 {
		width: 100%
	}
}

@media (min-width:1px) and (max-width:480px) {
	div#fenntart .mt-gblock .mt-g1,
	div#fenntart .mt-gblock .mt-g2,
	div#fenntart .mt-gblock .mt-g3,
	div#fenntart .mt-gblock .mt-g4,
	div#fenntart .mt-gblock .mt-g5,
	div#fenntart .mt-gblock .mt-g6,
	div#fenntart .mt-gblock .mt-g7,
	div#fenntart .mt-gblock .mt-g8,
	div#fenntart .mt-gblock .mt-g9,
	div#fenntart .mt-gblock .mt-g10,
	div#fenntart .mt-gblock .mt-g11,
	div#fenntart .mt-gblock .mt-g12 {
		display: inline-block!important;
		width: 100%
	}
	div#fenntart {
		margin: 0
	}
	div#fenntart .slider .mt-gblock {
		padding: 0 .5rem
	}
	div#fenntart .slider .mt-gblock li {
		width: 100%;
		margin: 0 0 1rem
	}
	div#fenntart .slider .mt-gblock li .mt-card {
		width: 100%
	}
	div#fenntart .mt-block>h2 {
		font-size: 2.5rem;
		line-height: 3rem
	}
	div#fenntart .mt-gcontent .mt-gblock .mt-g4,
	div#fenntart .mt-gcontent .mt-gblock .mt-g6 {
		width: 100%!important
	}
	div#fenntart .mt-gcontent h3 {
		font-size: 1.5rem;
		line-height: 1.75rem
	}
	div#fenntart .mt-gcontent p {
		font-size: 1.25rem;
		line-height: 1.5rem
	}
	div#fenntart .mt-button.mt-filled {
		width: auto;
		margin: 0;
		text-align: center
	}
	div#fenntart .mt-button.mt-filled span {
		width: auto
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content.klima {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-klima.jpg') no-repeat 10% 90%;
		background-size: 100% auto
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content.edukacio {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-edukacio.jpg') no-repeat 80% 30%;
		background-size: 100% auto
	}
	div#fenntart .cards .mt-gblock .mt-card .inner-content.digitalis {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-digitalis.jpg') no-repeat 40% 30%;
		background-size: 100% auto
	}
	/*div#fenntart .cards .mt-gblock .mt-card .inner-content.sokszinuseg{
		background:url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-sokszinuseg.jpg') no-repeat 40% 30%;
		background-size:100% auto
	}*/
}

@media (min-width:481px) and (max-width:768px) and (max-width:640px) {
	div#fenntart .cards .mt-gblock .mt-card .inner-content.digitalis {
		background: url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-digitalis.jpg') no-repeat 90% 30%;
		background-size: 120% auto
	}
	/*div#fenntart .cards .mt-gblock .mt-card .inner-content.sokszinuseg{
		background:url('/static-tr/alkalmazasok/lp/inwb-fenntart-lp-202304/static/img/fenntart-sokszinuseg.jpg') no-repeat 90% 30%;
		background-size:120% auto
	}*/
}