html {
  scroll-behavior: smooth;
}
body{
	font-family: 'Rubik';
}
#fullpage {
	  display: none;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  width: 100vw;
	  height: 100vh;
	  background-size: contain;
	  background-repeat: no-repeat no-repeat;
	  background-position: center center;
	  background-color: black;
}

.page_edit{
	color: #ffffff;
    border: 1px solid white;
    border-radius: 10px;
    padding: 4px 2px;
    margin-left: 12px;
    font-size: 15px;
    background: red;
	text-decoration: none;
	cursor: pointer;
}
.page_edit:hover{
    background: rgb(90, 3, 3);
	text-decoration: none;
}

.project-text-style{
	font-weight: 400;
    font-size: 22px;
}
.project-text-style2{
	font-weight: 600;
    font-size: 40px;
    text-decoration: underline;
}
.project-text-style3{
    font-size: 24px;
	color: #ff2f2f;
    font-style: italic;
    font-weight: 600;
}
@media (max-width: 990px){
	.project-text-style2 {
		font-size: 28px;
	}
	.header1 .col-12{
		max-width: 74%;
	}
}
@media (max-width: 780px){
	.header1 .col-12{
		max-width: 86%;
	}
}
@media (max-width: 590px){
	.header1 .col-12{
		max-width: 100%;
	}
}
/***************Menü ********************/
			header[role="banner"] {
				 height: 70px;
				 width: 100%;
				 position: fixed;
				 top: 0;
				 z-index: 101;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] {
					 height: 117px;
				}
			}
			 header[role="banner"] #top-header {
				 background: #ffffff;
				 height: 30px;
				 margin-bottom: 7px;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] #top-header {
					 padding-top: 0px;
				}
			}
			 header[role="banner"] #top-header > .container {
				 display: flex;
				 padding-left: 0;
			}
			 header[role="banner"] #top-header .logo {
					    display: inline-block;
						width: 200px;
						height: 22px;
						background-size: 74%!important;
						margin: 12px 0 0px 0px!important;
						padding: 16px 0 36px!important;
						-webkit-clip-path: polygon(0 0, 100% 0%, 88% 100%, 18% 100%)!important;
						clip-path: polygon(0 0, 100% 0%, 88% 100%, 18% 100%)!important;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] #top-header .logo {
					background-size: 52%;
					width: 286px;
					height: 69px;
					margin: 10px 0 0px 0;
					-webkit-clip-path: polygon(0 0, 100% 0%, 88% 100%, 18% 100%);
					clip-path: polygon(0 0, 100% 0%, 88% 100%, 18% 100%);
				}

			}
			@media (max-width: 500px) {
				header[role="banner"] #top-header .logo {
					    display: inline-block;
						width: 200px;
						height: 17px;
						background-size: 69%!important;
						margin: 14px 0 0px 0px!important;
						padding: 6px 0 48px!important;
						-webkit-clip-path: polygon(0 0, 100% 0%, 88% 100%, 18% 100%);
						clip-path: polygon(0 0, 100% 0%, 88% 100%, 18% 100%);
				}
			}
			 header[role="banner"] #top-header .header-right {
				 width: 100%;
			}
			 header[role="banner"] #top-header .header-right .header--right {
				 padding-top: 16px;
				 padding-right:15px;
				 justify-content: flex-end;
				 display: flex;
				 width: 100%;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] #top-header .header-right .header--right {
					 padding-top: 0;
				}
			}
			 header[role="banner"] #top-header .header-right .social {
				 display: none;
			}
			 header[role="banner"] #top-header .header-right .social a {
				 text-decoration: none;
			}
			 header[role="banner"] #top-header .header-right .social a:hover {
				 text-decoration: none;
			}
			 @media (min-width: 780px) {
				 header[role="banner"] #top-header .header-right .social {
					 display: flex;
					 margin-top: 32px;
				}
			}
			 header[role="banner"] #top-header .header-right .social .icon {
				 display: flex;
				 align-items: center;
				 justify-content: center;
				 width: 32px;
				 height: 32px;
				 max-height: 32px;
				 max-width: 32px;
				 background: green;
				 color: black;
				 font-size: 1.5rem;
				 padding: 0.5rem;
				 cursor: pointer;
			}
			 header[role="banner"] #top-header .header-right .social .icon:first-child {
				 margin-right: 1rem;
			}
			 header[role="banner"] #top-header .header-right .loginblock {
				position: relative;
				height: 40px;
				text-align: center;
				padding-top: 4px;
				margin-right: 6px;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] #top-header .header-right .loginblock {
					display: flex;
					width: auto;
					padding-top: 0px;
				}
			}
			 header[role="banner"] #top-header .header-right .loginblock .headerbutton {
				display: inline-block;
				text-align: center;
				color: black;
				font-weight: 500;
				font-family: 'Rubik';
				font-size: 14px;
			}
			@media (max-width: 510px){
				 header[role="banner"] #top-header .header-right .loginblock .headerbutton span{
					display: none;
				}
			}


			header[role="banner"] .loginblock {
				position: relative;
				display: inline-block;
			}
			
			header[role="banner"] .headerbutton {
				padding: 5px;
			}
			
			header[role="banner"] .headerbutton i {
				margin-right: 5px;
			}
			
			
			header[role="banner"] .dropdown-content {
				display: none;
				position: absolute;
				background-color: #f9f9f9;
				min-width: 160px;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				z-index: 1;
				right: 0;
				top: 40px;
				border: 1px solid #ddd;
				border-radius: 5px;
			}
			@media (max-width: 990px){
				header[role="banner"] .dropdown-content {
					top: 26px;
				}	
			}
			header[role="banner"] .dropdown-content a {
				color: black;
				padding: 5px 10px;
				font-size: 14px;
				font-weight: 600;
				text-decoration: none;
				display: block;
			}
			
			header[role="banner"] .dropdown-content a:hover {
				background-color: #f1f1f1;
			}


			 header[role="banner"] #top-header .header-right .loginblock .headerbutton i{
				 margin-right: 5px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container {
				 background: green;
				 width: 300px;
				 height: 260px;
				 padding: 20px;
				 position: absolute;
				 right: 0;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container .loginblock-form-header {
				 font-size: 1.2rem;
				 padding-bottom: 10px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container .loginblock-form-row {
				 padding-bottom: 10px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container input[type="text"], header[role="banner"] #top-header .header-right .loginblock .loginblock-container input[type="password"] {
				 width: 100%;
				 border: 1px solid #f0f0f0;
				 padding: 8px;
				 font-size: 14px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container input[type="text"]::-webkit-input-placeholder, header[role="banner"] #top-header .header-right .loginblock .loginblock-container input[type="password"]::-webkit-input-placeholder {
				 text-transform: uppercase;
				 font-size: 14px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container .loginblock-form-button button {
				 background: black;
				 color: white;
				 border: none;
				 display: inline-block;
				 padding: 6px 22px;
				 text-transform: uppercase;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container .loginblock-form-button a {
				 display: inline-block;
				 padding-top: 10px;
				 font-size: 1.2rem;
				 color: black;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container .text-danger {
				 position: relative;
			}
			 header[role="banner"] #top-header .header-right .loginblock .loginblock-container .text-danger:before {
				 position: absolute;
				 top: 0;
				 left: 0;
				 margin-top: -10px;
				 margin-left: -20px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .popover {
				 background: blue;
				 z-index: 200;
				 text-align: left;
				 margin-top: 12px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .popover a {
				 color: yellow;
			}
			 header[role="banner"] #top-header .header-right .loginblock .popover .arrow {
				 border-bottom: 5px solid blue;
			}
			 header[role="banner"] #top-header .header-right .loginblock .popover span.fa-sign-in {
				 margin-right: 0;
			}
			 header[role="banner"] #top-header .header-right .cartBlock {
				height: 40px;
				/*width: 40px;*/
				width: 100%;
				text-align: center;
				display: flex;
			}
			@media (max-width: 990px) {
				header[role="banner"] #top-header .header-right .cartBlock {
				    height: 25px;
					width: auto;
					text-align: center;
					display: flex;
				}
				header[role="banner"] #top-header .header-right .loginblock {
					position: relative;
					height: 23px;
					text-align: center;
					padding-top: 0px;
					margin-right: 6px;
				}
				header[role="banner"] #top-header .header-right .cartBlock a i {
					padding: 0px 0 0 3px!important;
				}
			}
			 header[role="banner"] #top-header .header-right .cartBlock a {
				 width: 100%;
				 height: 100%;
				 display: flex;
				 align-items: flex-start;
				 text-decoration: none;
			}
			 header[role="banner"] #top-header .header-right .cartBlock a i {
				 display: inline-block;
				 padding: 7px 0 0 3px;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] #top-header .header-right .cartBlock a i {
					padding: 7px 0 0 14px;
				}
			}
			 header[role="banner"] #top-header .header-right .cartBlock .cartCount {
				 display: inline-block;
				 font-family: inherit;
				 font-size: 14px;
				 background: blue;
				 color: yellow;
				 border-radius: 15px;
				 min-width: 17px;
				 height: 17px;
				 padding: 0 5px;
			}
			 header[role="banner"] #top-header .header-right .per {
				 width: 15px;
				 height: 38px;
				 background: black;
			}
			 header[role="banner"] #top-header .header--mobile-right {
				 position: absolute;
				 right: 10px;
				 color: black;
			}
			 header[role="banner"] #top-header .header--mobile-right button {
				 outline: none;
				 background: transparent;
				 color: green;
				 border: none;
				 margin-top: 23px;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] #top-header .header--mobile-right {
					 display: none;
				}
			}

			 header[role="banner"] #top-menu {
				 background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 40%, #02b58c 50%);
				     background: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, #02b58c 50%);
			}
			 header[role="banner"] #top-menu .navigation {
				 display: none;
			}
			.nyelvvalaszto{
				padding: 0 0em !important;
				margin: 12px 6px !important; 
				line-height: 1.7;
				cursor: pointer;
			}
			.nyelvvalaszto>img{
				max-width: 28px;
			}
			@media (max-width: 1200px) {
				header[role="banner"] #top-menu .navigation {
					 display: flex;
					 width: 100%;
					 justify-content: flex-end;
				}
				header[role="banner"] #top-menu .navigation .navigation-menu {
					background: #02b58c;
					background: linear-gradient(475deg, transparent 14px, #02b58c 0px);
				}
				header[role="banner"] #top-menu .navigation li {
					 flex: 0 1 auto;
					 padding: 6px 6px;
				}
				header[role="banner"] #top-menu .navigation li a {
						color: white!important;
						margin: 4px 2px !important;
						padding: 0 0.3em !important;
						display: flex;
						align-items: center;
						justify-content: center;
						position: relative;
						font-weight: 500;
						font-family: 'Rubik';
						font-size: 12px;
						line-height: 1.5;
						letter-spacing: 3px;
						transition: color .2s ease-in-out;
				}
				header[role="banner"] #top-menu .navigation .navigation-menu li:first-child {
					padding-left: 10px!important;
				}
				header[role="banner"] #top-menu .navigation li a:hover {
					 color: pink;
					 text-decoration: none;
				}
				 header[role="banner"] #top-menu .navigation li a:hover:before {
					 opacity: 1;
					 transform: translateY(0);
				}
			}
			@media (min-width: 1200px) {
				 header[role="banner"] #top-menu .navigation {
					 display: flex;
					 width: 100%;
					 justify-content: flex-end;
				}
				 header[role="banner"] #top-menu .navigation .navigation-menu {
					     background: #02b58c;
						 background: linear-gradient(475deg, transparent 19px, #02b58c 0px); 
						 /*-webkit-clip-path: polygon(1.5% 0%, 100% 0, 100% 100%, 0% 100%); 
						 clip-path: polygon(1.5% 0%, 100% 0, 100% 100%, 0% 100%);*/;
				}
				 header[role="banner"] #top-menu .navigation li {
					 flex: 0 1 auto;
					 padding: 6px 14px;
				}
				 header[role="banner"] #top-menu .navigation li a {
						 color: white!important;
						 margin: 4px 2px !important;
						 padding: 0 0.3em !important;
						display: flex;
						align-items: center;
						justify-content: center;
						position: relative;
						font-weight: 500;
						font-family: 'Rubik';
						font-size: 14px;
						line-height: 1.5;
						letter-spacing: 3px;
						transition: color .2s ease-in-out;
				}
				 header[role="banner"] #top-menu .navigation li a:hover {
					 color: pink;
					 text-decoration: none;
				}
				 header[role="banner"] #top-menu .navigation li a:hover:before {
					 opacity: 1;
					 transform: translateY(0);
				}
			}
			header[role="banner"] #top-menu .navigation .navigation-menu {
				 display: flex;
				 list-style: none;
				 margin: 0;
				 padding: 0;
				 color: white;
				 letter-spacing: 2px;
			}
			header[role="banner"] #top-menu .navigation .navigation-menu li:first-child {
				 padding-left: 28px;
			}
			 header[role="banner"] #top-menu .navigation .navigation-menu a {
				 text-decoration: none;
			}
			.perjel {
				margin: -3px 0px !important;
				color: #00000021;
				font-size: 20px;
			}
			.mobilmenu_link,.mobilmenu_per{
					display:block;
				}
			@media (min-width: 990px) {
				.mobilmenu_link,.mobilmenu_per{
					display:none;
				}
				.nav-item:hover .htmlCss-sub-menu,
				.nav-item:hover .js-sub-menu{
				  display: block;
				}
			}
			@media (max-width: 990px) {
				header[role="banner"] #top-menu {
					display: none;
					background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 40%, #93c951 50%);
					background: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, #93c951 50%);
				}
				header[role="banner"] #top-header .header-right .header--right {
					padding-top: 5px;
					padding-right: 2px;
				}
				button#navbar-toggler {
					background: transparent;
					border: none;
					padding-top: 0px;
				}
				button#navbar-toggler:focus{
					outline: none;
				}
				button#navbar-toggler>svg{
					width: 25px;
					height: 25px;
				}
				.nyelvvalaszto {
					padding: 3px 3px 0px 3px !important;
					margin: 1px 3px!important;
				}
				.nyelvvalaszto>img{
					max-width: 26px;
				}
				#header1-f {
					padding-top: 120px;
					padding-bottom: 3rem;
					max-height: 560px;
					min-height: 560px;
				}
				header[role="banner"] #top-header {
					height: 35px;
				}
			}
			.sub-menu{
				position: absolute;
				top: 38px;
				margin-left: 4px;
				line-height: 10px;    
				background: #aed03a;
				border-radius: 0 0 4px 4px;
				border: 2px solid #000000;
				display: none;
				z-index: 2;
				list-style: none;
				padding-inline-start: 0px;
			}
			
			.sub-menu li{
			  padding: 0 22px;
			  border-bottom: 1px solid rgba(255,255,255,0.1);
				padding: 0px 14px!important;
			}
			.sub-menu li:hover{
				background: #79a544;
			}
			.sub-menu li:hover a{
				text-decoration:none;
			}
			.sub-menu a{
			  color: #fff;
			  font-size: 14px!important;
				font-weight: 500!important;
				justify-content: left!important;
			}
			.sub-menu .more-arrow{
			  line-height: 40px;
			}
			.sub-menu .more-sub-menu{
			  position: absolute;
			  top: 0;
			  left: 100%;
			  border-radius: 0 4px 4px 4px;
			  z-index: 1;
			  display: none;
			}
			.sub-menu .more:hover .more-sub-menu{
			  display: block;
			}
			.sidenav {
				height: auto;
				text-align: start;
				width: 0;
				position: fixed;
				z-index: 7;
				top: 0;
				right: 0;
				background-color: #92c951;
				overflow-x: hidden;
				transition: 0.5s;
				padding-top: 106px;
				padding-bottom: 50px;
			}
			.sidenav>.nav-item {
				position: relative;
			}
			.sidenav a {
				padding: 0px 0px 10px 15px!important;
				margin-bottom: 10px!important;
				border-bottom: 1px solid #ffffffab;
				text-decoration: none;
				font-size: 16px;
				color: #ffffff;
				display: block;
				font-weight: 500;
				font-family: 'Rubik';
				transition: 0.3s;
			}

			.sidenav a:hover {
			  color: #f1f1f1;
			}

			.sidenav .closebtn {
			  position: absolute;
			  top: 0;
			  right: 25px;
			  font-size: 36px;
			  margin-left: 50px;
			}
			.menux {
			  background-color: transparent;
			  border: none;
			  cursor: pointer;
			  display: flex;
			  padding: 0;
			}
			.line {
			  fill: none;
			  stroke: black;
			  stroke-width: 6;
			  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
				stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
			}
			.line1 {
			  stroke-dasharray: 60 207;
			  stroke-width: 6;
			}
			.line2 {
			  stroke-dasharray: 60 60;
			  stroke-width: 6;
			}
			.line3 {
			  stroke-dasharray: 60 207;
			  stroke-width: 6;
			}
			.opened .line1 {
			  stroke-dasharray: 90 207;
			  stroke-dashoffset: -134;
			  stroke-width: 6;
			}
			.opened .line2 {
			  stroke-dasharray: 1 60;
			  stroke-dashoffset: -30;
			  stroke-width: 6;
			}
			.opened .line3 {
			  stroke-dasharray: 90 207;
			  stroke-dashoffset: -134;
			  stroke-width: 6;
			}
			.js-sub-menu li:first-child {
				padding-left: 10px!important;
			}
			@media (max-width: 990px) {
				.js-sub-menu.sub-menu{
					padding-inline-start: 0px;
					margin-left: 0px;
					line-height: 30px;
					background: #2772a3;
					z-index: 2;
					list-style: none;
					margin-bottom: 0rem;
					border-radius: 0 0 0px 0px;
					border: 0px solid #2772a3;
					position: relative;
					top: -11px;
				}
				.js-sub-menu li:first-child {
					padding-left: 0px!important;
					padding: 0 0px;
					border-bottom: 0px solid rgba(255,255,255,0.1);
				}
				.js-sub-menu li>a{
					padding: 10px 0px 10px 0px!important;
					margin-bottom: 0px!important;
					border-bottom: 1px solid #ffffffab;
					text-decoration: none;
					font-size: 16px;
					color: #ffffff;
					display: block;
					font-weight: 500;
					font-family: 'Rubik';
					transition: 0.3s;
				}
			}

/***************Menü vége********************/



/***************Slider********************/
#header1-f{
	z-index: 0;
    background-image: none;
    position: relative;
	display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    /*max-height: 915px;
    min-height: 915px;*/
    height: 100%;
    padding-top: 26px;
    padding-bottom: 3rem;
}
#header1-f>.mbr-overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
	opacity: 0.5;
    background-color: rgb(0, 0, 0);
}
.slider_content>div>div>h1{
	text-align: left;
    color: #ffffff;
	font-family: 'Rubik';
        font-size: 48px;
    font-weight: 400;
    line-height: 1.1;
}
.slider_content>div>div>h2{
	text-align: left;
    color: #ffffff;
	font-family: 'Rubik';
    font-size: 30px;
    line-height: 1.5;
}
.slider_content>div>div>p{
	color: #ffffff;
    text-align: left;
    font-family: 'Rubik';
    font-size: 18px;
    margin-bottom: 0;
}
.slider_content>div>div>p>img{
    max-height: 86px;
    width: auto;
	margin: 16px 0px;
}
.slider_gomb_div{
	margin-left: -0.6rem;
    margin-right: -0.6rem;
    font-size: 0;
	color: #ffffff;
    text-align: left;
	margin-top: 1rem!important;
}
.slider_gomb_div>a{
	background-color: #02b58c !important;
    border-color: #02b58c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
	padding: 0.6rem 1.2rem;
    border-radius: 4px;
	font-family: 'Rubik';
    font-size: 1.1rem;
    line-height: 1.5;
	font-weight: 600;
    border-width: 1px;
    font-style: normal;
    margin: 0.6rem 0.6rem;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}
.slider_gomb_div>a:hover, .slider_gomb_div>a:focus{
    color: #ffffff !important;
    background-color: #015f4a  !important;
    border-color: #015f4a  !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    text-decoration: none;
}
.slider_gomb_div>.slider_top_button{
	background-color: #f1c40f !important;
    border-color: #f1c40f !important;
    color: #000000 !important;
}
.slider_gomb_div>.slider_top_button:hover, .slider_gomb_div>.slider_top_button:focus{
        background-color: #b9960c !important;
    border-color: #b9960c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    text-decoration: none;
}
#slider_fedo_resz{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -100;
}
#slider_fedo_resz>div{
	    background-position: 50% 50%!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute!important;
    top: 0px;
    left: 0px;
    width: 1903px;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
    margin-top: 0px;
    /* transform: translate3d(0px, -24px, 0px);*/
}
/***************Slider vége********************/
/***************Főoldal blokkok tartalmaihoz********************/
#progarmok-ikonok{
	background-color: #02b58c;
	margin: 0px 0;
	padding: 30px 0;
}
#progarmok-ikonok .promo-block{
	text-align: center;
	color: white;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
}
#progarmok-ikonok .promo-block:not(:last-child){
	border-right: 1px solid #ffffff6e;
}
#progarmok-ikonok .promo-block>header{
	margin: auto;
    margin-top: 14px;
	transition: all 0.2s ease-in-out;
}
#progarmok-ikonok .promo-block>img{
	max-width: 100%;
    height: 60px;
	transition: all 0.2s ease-in-out;
}
#progarmok-ikonok .promo-block:hover>img{
	filter: invert(1);
}
#progarmok-ikonok .promo-block:hover>header{
	text-decoration: none;
	color: black;
}
#progarmok-ikonok .promo-block-parent{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 15px 15px;
	
}
@media(max-width: 990px){
	#progarmok-ikonok .promo-block-parent{
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px 15px;
	}
	#progarmok-ikonok .promo-block:not(:last-child) {
		border-right: 0px solid #ffffff6e;
	}
	
}
@media(max-width: 740px){
	#progarmok-ikonok .promo-block-parent{
		grid-template-columns: repeat(1, 1fr);
	}
}

#tamogatok_logo_fooldal{
	padding: 40px 0;
}
@media(max-width: 576px){
	#tamogatok_logo_fooldal{
		padding: 40px 15px;
	}
}
#tamogatok_logo_fooldal>h3{
	text-align: center;
	font-size: 24px;
}
#tamogatok_logo_fooldal>.tamogatok-logos{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 15px 15px;
	margin-top: 30px;
}
#tamogatok_logo_fooldal>.tamogatok-logos>div{
	margin: auto;
}
#tamogatok_logo_fooldal>.tamogatok-logos img{
	width: 84%;
    margin: auto;
    display: block;
}
@media(max-width: 990px){
	#tamogatok_logo_fooldal>.tamogatok-logos {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media(max-width: 600px){
	#tamogatok_logo_fooldal>.tamogatok-logos {
		grid-template-columns: repeat(2, 1fr);
	}
	#tamogatok_logo_fooldal>.tamogatok-logos>div {
		border: 1px solid #02b58d;
	}
}

#balatongreen_bemutatasa{
}

#balatongreen_bemutatasa .balatongreen_bemutatasa_mobilkep{
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    margin-top: 55px;
    margin-right: 15px;
	z-index: 1;
	margin-bottom: 30px;
}
@media(min-width: 990px){
	#balatongreen_bemutatasa .balatongreen_bemutatasa_mobilkep>img:hover {
		transform: scale(1.4);
	}
}
#balatongreen_bemutatasa .balatongreen_bemutatasa_mobilkep>img{
	width: 100%;
	transition: all 0.2s ease-in-out;
}

#balatongreen_bemutatasa .rolunkszoveg {
	margin-left: auto;
    text-align: left;
    margin-top: 4%;
    padding-left: 2%;
}
@media(max-width: 990px){
	#balatongreen_bemutatasa .rolunkszoveg {
		order: -1;
	}
	#balatongreen_bemutatasa .balatongreen_bemutatasa_mobilkep {
		position: relative;
		position: relative;
		top: 0;
		margin-top: 15px;
		margin-right: 15px;
		z-index: 1;
		margin-bottom: 30px;
	}
}
#balatongreen_bemutatasa .rolunkszoveg>h1 {
	font-size: 28px;
	text-align: left;
	padding: 0px 0 15px;
	color:black;
}
@media(max-width: 990px){
	#balatongreen_bemutatasa .rolunkszoveg>h1 {
		font-size: 24px;
		line-height: 31px;
	}
}
#balatongreen_bemutatasa .rolunkszoveg>p {
	line-height: 24px;
	font-size: 15px;
	color: black;
	width: 90%;
	font-weight: 500;
	margin-bottom: 35px;
}
#balatongreen_bemutatasa .slider_top_button{
	background-color: #f1c40f;
    border-color: #f1c40f;
    color: #000000;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    padding: 19px 15px;
    border-radius: 4px;
    font-family: 'Rubik';
    font-size: 16px;
    line-height: 0;
    font-weight: 500;
    border-width: 1px;
    font-style: normal;
    margin: 0.6rem 0.6rem;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    text-decoration: none;
}
#balatongreen_bemutatasa .slider_top_button:hover, #balatongreen_bemutatasa .slider_top_button:focus {
    background-color: #b9960c !important;
    border-color: #b9960c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    text-decoration: none;
}
#balatongreen_bemutatasa a{
    text-decoration: underline;
    font-size: 16px;
}

@media (max-width: 990px) {
	#balatongreen_bemutatasa{
		background: #ededed !important;
	  	height: auto;
	  	padding-bottom: 0px;
	  	padding-top: 40px;
	}
	#balatongreen_bemutatasa .rolunkkep {
		order: 2;
		display: block;
		height: 330px;
		margin-top: 20px;
		margin-bottom: 0px;
		background-size: cover !important;
		background-repeat: no-repeat !important;
	}
}
@media (max-width: 740px) {
	#balatongreen_bemutatasa .rolunkkep {
		height: 210px;
	}
}




#countdown4-l{
	background-color: #aed139;
	display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    min-height: 100vh;
    padding-top: 3rem;
    padding-bottom: 3rem;
	position: relative;
    word-wrap: break-word;
}
@media (max-width: 990px) {
	#countdown4-l{
		padding: 30px 15px;
	}
}
.visszaszamlalo_title{
	text-align: center;
	font-family: 'Rubik';
    font-size: 3rem;
    line-height: 1.1;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 50px;
}
.countdown-cont{
	text-align: center;
	margin-bottom: 3rem!important;
}
@media (min-width: 768px){
	.countdown-cont>.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}
}
.visszaszamlalo_subtitle{
	color: #ffffff;
	text-align: center;
	font-family: 'Rubik';
    font-size: 1.2rem;
    line-height: 1.5;
	font-weight: 400;
	margin-bottom: 1rem!important;
}
.icons-menu{
    justify-content: center!important;
    display: flex;
}
.icons-menu>.soc-item {
    padding-left: 8px;
    padding-right: 8px;
	flex: 0 0 auto;
    width: auto;
}
.icons-menu>.soc-item>.social__link>.socicon{
	font-size: 2rem;
    display: flex;
    border-radius: 22%;
    text-align: center;
    color: #ffffff;
    border: 2px solid #ffffff;
    justify-content: center;
    align-content: center;
    transition: all 0.3s;
    padding: 6px;
    opacity: 0.5;
}
.icons-menu>.soc-item>.social__link>.title{
	font-size: 12px;
    color: white;
}
.icons-menu>.soc-item>.social__link>.socicon>img {
    width: 35px;
    height: 35px;
}
.icons-menu>.soc-item>.social__link:hover{
	text-decoration: none;
}
.icons-menu>.soc-item>.social__link:hover .socicon{
	opacity: 1;
}
.number-wrap{
	color: #ffffff;
	text-align: center;
}
.number-wrap>.number {
  color: #ffffff;
  font-family: 'Rubik';
  font-size: 3rem;
  line-height: 1.1;
  font-weight:bold;
}
.number-wrap>.number>.period{
  display: block;
  font-family: 'Rubik';
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight:500;
}
.countdown-inited>.row>.col-3>.number-wrap{
	display:grid;
}
.number-wrap>.dot{
	display:none;
}
@media (max-width: 992px){
	.visszaszamlalo_title {
		font-size: 25px;
	}
	.number-wrap>.number {
	  color: #ffffff;
	  font-family: 'Rubik';
	  font-size: 25px;
	  line-height: 1.1;
	  font-weight:bold;
	}
	#video5-k>div>.title-wrapper>h3 {
		text-align: start;
		margin-bottom: 1rem!important;
		font-family: 'Rubik';
		font-size: 20px;
		line-height: 1.5;
	}
	.tinyMCE-template>.row {
		display: grid!important;
	}
	.tinyMCE-template>.row>.col-6{
		padding-right: 0px!important;
		padding-left: 0px!important;
	}
	.countdown-inited>.row{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 0px 0px;
	}
}
@media (max-width: 400px){
	.szoveg_logo_mini {
		display: block;
		margin-bottom: 35px;
	}
	.szoveg_logo_mini>img {
		width: 63%;
		margin-right: 25%;
	}
	.perjel {
		margin: 5px 0px !important;
		color: #f7f7f757;
		font-size: 18px;
	}
}


#regisztracio_cta{
	/*background-attachment: fixed;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0px 0;
	padding: 40px 0 30px;
    height: 300px;
	position: relative;
}
#regisztracio_cta .dark-layout{
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
	opacity: 0.5;
    background-color: rgb(0, 0, 0);
}
#regisztracio_cta header{
	text-align: center;
	margin-bottom: 0px;
	padding: 20px 0 10px;
	color: white;
	font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
#regisztracio_cta .regisztracio_cta_container{
	text-align: center;
	margin: auto;
	width: 67%;
	margin-bottom: 15px;
}
#regisztracio_cta .regisztracio_cta_container>p{
	text-align: center;
	color: #f5f5f5;
	font-size: 15px;
}
@media (max-width: 990px){
	#regisztracio_cta .regisztracio_cta_container>p{
		text-align: start;
	}
}
#regisztracio_cta footer{
	text-align: center;
}
#regisztracio_cta .slider_top_button{
	background-color: #f1c40f;
    border-color: #f1c40f;
    color: #000000;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    padding: 19px 15px;
    border-radius: 4px;
    font-family: 'Rubik';
    font-size: 16px;
    line-height: 0;
    font-weight: 500;
    border-width: 1px;
    font-style: normal;
    margin: 0.6rem 0.6rem;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    text-decoration: none;
}
#regisztracio_cta .slider_top_button:hover, #regisztracio_cta .slider_top_button:focus {
    background-color: #b9960c !important;
    border-color: #b9960c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    text-decoration: none;
}
@media (max-width: 920px){
	#regisztracio_cta header{
	  text-align: start;
	}
	#regisztracio_cta .regisztracio_cta_container{
	  text-align: start;
	  margin: auto;
	  width: 100%;
	  margin-bottom: 10px;
	  margin-left: 0;
	}
	#regisztracio_cta header {
		text-align: start;
		font-size: 24px;
		text-transform: math-auto;
	}
	#regisztracio_cta footer{
	  text-align: start;
	  margin-right: 0;
	  margin-top: 22px;
	  margin-left: auto;
	}
}
@media (max-width: 720px){
	#regisztracio_cta footer{
		margin-left: 0;
	}
	#regisztracio_cta{
		padding: 30px 0 30px;
        height: auto;
	}
}





#content11-13{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #aed039;
}
.align-center {
    text-align: center;
}
.regisztracio_hamarosan_button{
    background-color: #02b58c !important;
    border-color: #02b58c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
    font-family: 'Rubik';
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 400;
    border-width: 1px;
    font-style: normal;
    margin: 0.6rem 0.6rem;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}
.regisztracio_hamarosan_button:hover, .regisztracio_hamarosan_button:focus{
    color: #ffffff !important;
    background-color: #015f4a !important;
    border-color: #015f4a !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
	text-decoration:none;
}

#info1-m{
	z-index: 0;
    background-image: none;
    position: relative;
	padding-top: 6rem;
    padding-bottom: 6rem;
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
#info1-m>.mbr-overlay{
	opacity: 0.5;
    background-color: rgb(0, 0, 0);
	background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    pointer-events: none;
}
#info1-m>.mbr-overlay>.container{
	text-align: center;
	position: relative;
    word-wrap: break-word;
}
@media (max-width: 992px){
	#info1-m img{
		width: 75%!important;
		height: auto!important;
	}
	.slider_content>div>div>h1 {
		font-size: 32px;
	}
	.slider_content>div>div>h2 {
		font-size: 24px;
	}
	#features13-10 {
		padding-top: 3rem;
		padding-bottom: 3rem;
		background-color: #ffffff;
	}
	#features13-10 .ball_oldali_szoveg>h4 {
		font-size: 32px;
	}
	#features13-10 .ball_oldali_szoveg>p {
		text-align: left;
		font-weight: 400;
		font-family: 'Rubik';
		font-size: 18px;
		line-height: 1.5;
	}
	#features13-10 .ball_oldali_szoveg img {
		width: 100%;
		height: auto;
	}
	#features13-10 .ball_oldali_szoveg a {
    word-break: break-all;
	}
	.ball_oldali_szoveg {
		margin-bottom: 60px;
	}
	#info1-m {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	#content11-13 {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
#features15-n{
    padding-top: 6rem;
    padding-bottom: 5rem;
    background-color: #fafafa;
}
@media (max-width: 992px){
	#features15-n{
		padding-top: 1rem;
		padding-bottom: 2rem;
	}
}
#contacts1-r{
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: white;
}

#contacts1-r .right-area{
	padding-left: 80px;
}
@media (max-width: 990px){
	#contacts1-r .right-area{
		padding-left: 15px;
		margin-top: 40px;
	}
	
	#contacts1-r {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}
#contacts1-r .right-area .regform-group {
    margin: 16px 0 10px;
}
#contacts1-r .right-area .slider_gomb_div{
	background-color: #02b58c !important;
    border-color: #02b58c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
    font-family: 'Rubik';
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 600;
    border-width: 1px;
    font-style: normal;
    margin: 0.6rem 0.1rem;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}

#contacts1-r .left-area>header>p{
	margin-bottom: 0rem;
    font-size: 15px;
}

#contacts1-r .contact_card{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px 15px;
	margin-top: 15px;
}

@media (max-width: 576px){
	#contacts1-r .contact_card{
		grid-template-columns: repeat(1, 1fr);
	}	
}

#contacts1-r>.container>.mbr-section-head>h3{
    font-family: 'Rubik';
    font-size: 3rem;
    line-height: 1.1;
    text-align: center;
    color: #ffffff;
    font-weight: 400;
}
#contacts1-r>.container>.mbr-section-head>h4{
    font-family: 'Rubik';
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}
#contacts1-r>.container>.row{
    margin-top: 2rem !important;
}
#contacts1-r .contact_card>.card-wrapper {
    padding: 15px 15px;
    background: #fafafa;
    text-align: center;
    border: 2px solid #02b58c;
}
.kapcsolati_icon{
	margin-bottom: 2rem;
}
.kapcsolati_icon>img{
    max-width: 80px;
    width: 80px;
	max-height: 80px;
}
#contacts1-r .contact_card>.card-wrapper>h4{
	font-family: 'Rubik';
    font-size: 22px;
    text-align: center;
    color: #000000;
    margin-top: 20px;
    font-weight: 400;
}
#contacts1-r .contact_card>.card-wrapper>h5{
	font-family: 'Rubik';
    font-size: 18px;
    font-weight: 500;
}
#contacts1-r .contact_card>.card-wrapper>h5>a{
	color: #93c951 !important;
}
@media (max-width: 992px){
	#contacts1-r>.container>.mbr-section-head>h3{
		font-size: 32px;
	}
	#contacts1-r>.container>.mbr-section-head>h4{
		margin-top: 19px!important;
		font-size: 20px;
	}
	#contacts1-r .contact_card>.card-wrapper>h4 {
		font-size: 26px;
	}
}


#latest_blog_section {
    background: #f0f1f5;
    padding: 50px 0;
}
#latest_blog_section>.container>header {
    display: flex;
    margin-bottom: 50px;
}

#latest_blog_section>.container>header>.button-div {
    margin: auto;
    margin-right: 0;
}
#latest_blog_section .latest_blog_button {
    color: black;
    border: 2px solid #02b58c;
    padding: 6px 15px;
    font-weight: 400;
	transition: all 0.2s ease-in-out;
}
#latest_blog_section .latest_blog_button:hover{
	text-decoration: none;
    color: white;
    background: #02b58c;
}
#latest_blog_section>.container>header h2 {
    font-size: 28px;
}
#latest_blog_section .latest_blogs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 15px;
}
#latest_blog_section .latest_blogs img {
	width: 100%;
    height: 221px;
    object-fit: contain;
    background: #02b58c96;
}
#latest_blog_section .latest_blogs .main-block{
	margin-top: 15px;
}
#latest_blog_section .latest_blogs .main-block>h4{
    font-size: 20px;
}
#latest_blog_section .latest_blogs .main-block>p{
    font-size: 14px;
}
#latest_blog_section .footer-block>a {
	color: #02b58c;
    border-bottom: 1px solid;
    font-weight: 500;
}
#latest_blog_section .footer-block>a:hover{
    color: #047058;
    text-decoration: none;
}
@media (max-width: 768px){
	#latest_blog_section .latest_blogs {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 500px){
	#latest_blog_section .latest_blogs {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 30px 15px;
	}
}
@media (max-width: 740px){
	#latest_blog_section>.container>header {
		display: block;
		margin-bottom: 50px;
	}
	#latest_blog_section>.container>header h2 {
		font-size: 24px;
		margin-bottom: 25px;
	}
}



/***************Főoldal blokkok tartalmaihoz vége********************/
h1{
	font-family: 'Rubik';
    font-size: 2.2rem;
    line-height: 1.5;
    margin-bottom: 2rem !important;
    word-wrap: break-word;
    font-weight: bold;
}
@media (max-width: 992px){
	h1{
		font-size: 22px;
		line-height: 21px;
	}	
}
#palya-page{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #fbfbfb;
}
@media (max-width: 992px){
	#palya-page{
		padding-top: 1rem;
		padding-bottom: 2rem;
		background-color: #fbfbfb;
	}
}

/***************Lábléc********************/
.footer-bs {
    background-color: #3c3d41;
    padding: 33px 30px 0;
    color: rgba(255,255,255,1.00);
    margin-bottom: 0px;
}
@media (max-width: 992px){
	.footer-bs {
		padding: 33px 0px 0;
	}
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 18px;
    margin-bottom: 20px;
}
.fotter_logo{
    max-width: 60%;
    margin-bottom: 30px;
}
.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 16px;
    margin-bottom: 20px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00); display: flex;}
.footer-bs .footer-social a img{ 
    max-width: 16px;
    margin-right: 7px;
}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
	font-size: 14px;
    margin-bottom: 20px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}
/***************Lábléc vége********************/



.cikk_horizont {
    margin-top: 50px;
    margin-bottom: 60px;
}
.cikk_horizont>.cikkbox {
    display: grid;
    grid-template-columns: 45% 53%;
    grid-gap: 15px 25px;
    background: white;
    margin-bottom: 25px;
    border: 1px solid black;
}
.cikk_horizont>.cikkbox>.imgbox{
    background: #02b58c99;
}
.cikk_horizont>.cikkbox>.imgbox>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 343px;
}
.cikk_horizont>.cikkbox>.cikkmain {
    padding: 0px 30px 30px 0px;
}
.cikk_horizont>.cikkbox>.cikkmain>header{
    padding-top: 0px;
}
.cikk_horizont>.cikkbox>.cikkmain>header>h3 {
    font-size: 30px;
    padding: 25px 0 6px;
    color: #02b58c;
    font-weight: 500;
    font-style: normal;
}
.cikk_horizont>.cikkbox>.cikkmain>footer {
    background: transparent;
    margin-top: 50px;
}
.cikk_horizont>.cikkbox>.cikkmain>footer>.tinyMCE_button_1 {
    background: #02b58c;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    padding: 10px 25px;
    border: 2px solid #02b58c;
    transition: all .5s;
}
div#plaginator {
    display: flex;
}
.paginator_div {
        background: #02b58c;
    margin-right: 14px;
    padding: 5px 14px;
    border: 1px solid #02b58c;
	transition: all .3s;
}
.paginator_div>a {
    color: white;
    font-size: 18px;
    font-weight: 500;
	transition: all .3s;
}
.paginator_div:hover {
     background: #ebebeb;
    border: 1px solid #02b58c;
}
.paginator_div:hover a{
    color: black;
}
.paginator_div.active {
    background: #ebebeb;
    border: 1px solid #02b58c;
}
.paginator_div.active>a {
    color: black;
}
@media(max-width: 992px){
	.cikk_horizont>.cikkbox {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px 25px;
	}
	.cikk_horizont>.cikkbox>.cikkmain {
		padding: 0px 15px 10px 15px;
	}
	.cikk_horizont>.cikkbox>.cikkmain>header>h3 {
		font-size: 25px;
		padding: 12px 0 15px;
		color: #354da1;
		font-weight: 500;
		font-style: normal;
	}
	.cikk_horizont>.cikkbox>.cikkmain>footer {
		background: transparent;
		margin-top: 24px;
	}
}


/*Galléria*/
.gallery_horizont.row {
  margin: 10px -16px;
}
.gallery_horizont {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 15px;
    margin-top: 30px;
}
@media(max-width: 768px){
	.gallery_horizont {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media(max-width: 580px){
	.gallery_horizont {
		grid-template-columns: repeat(1, 1fr);
	}
}
.gallery_horizont>.galleria_div {
    background: #02b58c85;
	border: 1px solid #02b58c85;
	display: flex;
}

/* Add padding BETWEEN each column */
.gallery_horizont,
.gallery_horizont > .column {
  padding: 8px;
}
.gallery_horizont .content>h4{
    font-size: 18px;
    padding: 10px 15px;
}
.gallery_horizont .content>p{
    padding: 0px 15px;
}
/* Create three equal columns that floats next to each other */
.gallery_horizont>.column {
  float: left;
  width: 33.33%;
  display: none;  /*Hide all elements by default */
}

/* Clear floats after rows */ 
.gallery_horizont:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.gallery_horizont .content {
    margin: auto;
}

/* The "show" class is added to the filtered elements */
.gallery_horizont .show {
  display: block;
}

/* Style the buttons */
#myBtnContainer .btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

#myBtnContainer .btn:hover {
  background-color: #ddd;
}

#myBtnContainer .btn.active {
  background-color: #666;
  color: white;
  outline: none;
  box-shadow: none;
}
@media(max-width: 992px){
	#myBtnContainer {
		border: 2px solid #07b68e;
	}
	.gallery_horizont>.column {
		float: inherit;
		width: 100%;
	}
}

/*Támogatók*/
.header-logos {
	display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 0px 0px;
    margin:0 auto;
    z-index: 2;
}
.header-logos img{
    max-height: 29px;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
}
.header-logos img:hover{
    transform: scale(1.8);
    margin: 11px 10px 0;
}
.footer-logos-title{
	margin-bottom: 13px;
    font-size: 14px;
}
.footer-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 15px;
    margin-bottom: 25px;
}
.slider_content {
	padding: 128px 0 24px;
}
@media(max-width: 992px){
	.slider_content {
		padding: 80px 15px 24px;
	}	
}
@media(max-width: 1200px){
	.footer-logos {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media(max-width: 370px){
	.footer-logos {
		grid-template-columns: repeat(2, 1fr);
	}
	.footer-logos>div{
		grid-template-columns: repeat(2, 1fr);
		text-align: center;
	}
}
@media(max-width: 992px){
	.tamogatok_slider {
		background: #ffffff7a;
		flex: 0 0 23.333333%;
		text-align: center;
		padding: 0px;
		margin: 33px 15px 15px;
	}
	.slider-logos {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 0px 0px;
		padding: 0 0px 15px;
	}
	.tamogatok_slider img {
		max-height: 80px;
	}
	.slider-logos>div:last-child {
		margin-top: 0px;
		padding-top: 6px;
	}
	.slider-logos>div:nth-child(3) {
		padding-top: 6px;
	}
	.tamogatok_second_logo {
		margin: 15px 15px 15px;
		width: auto;
	}
}
@media (max-width: 990px){
	.header-logos {
		 display:none;
	}
}
@media (max-width: 590px){
	.tamogatok_slider img {
		max-height: 58px;
	}
	.header-logos {
		margin-right: 11px;
	}
	.cartBlock{
		width: auto!important;
	}
}
@media (max-width: 350px){
	.tamogatok_slider img {
		max-height: 52px;
	}
	.tamogatok_slider h3 {
		font-size: 18px;
	}
}

@media (max-width: 990px){
	#header1-f {
		min-height: auto;
        max-height: none;
	}
}
@media (max-width: 760px){
	.tamogatok_slider {
		background: #ffffff7a;
		flex: 0 0 100%;
		text-align: center;
		padding: 0px;
		margin: 33px 15px 15px;
	}
	.slider-logos {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px 0px;
		padding: 10px 0px 15px
	}
	.tamogatok_second_logo {
		margin: 0;
	}
}
@media (max-width: 480px){
	.tamogatok_slider {
		background: #ffffff7a;
		flex: 0 0 93%;
		text-align: center;
		padding: 0px;
		margin: 11px;
	}
	#header1-f {
		overflow: hidden;
	}
}

#regisztation_page .col-lg-4{
	background: #02b58c;
    padding-top: 160px;
    padding-bottom: 100px;
}
@media (max-width: 990px){
	#regisztation_page .col-lg-4{
		padding-top: 60px;
		padding-bottom: 25px;
		order: 2;
		display: none;
	}
}
#regisztation_page .col-lg-4>.aside_blocks {
    width: 38%;
    margin-left: auto;
    margin-bottom: 50px;
}
@media (max-width: 1600px){
	#regisztation_page .col-lg-4>.aside_blocks {
		width: 50%;
	}	
}
@media (max-width: 1350px){
	#regisztation_page .col-lg-4>.aside_blocks {
		width: 70%;
	}	
}
@media (max-width: 990px){
	#regisztation_page .col-lg-4>.aside_blocks {
		width: 100%;
	}	
}
#regisztation_page .col-lg-4>.aside_blocks>.aside_block {
    margin-left: auto;
    display: block;
    border: 2px solid white;
    margin-bottom: 50px;
    border-radius: 14px;
    padding: 25px 15px;
}
#regisztation_page .col-lg-4>.aside_blocks>.aside_block h6 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
    color: white;
	word-break: break-all;
}
#regisztation_page .col-lg-4>.aside_blocks>.aside_block .tinyMCE_button_1{
	margin: 0.6rem 0;
    font-size: 18px;
    line-height: 0.5;
    padding: 12px 15px;
    font-weight: 400;
    border: 1px solid white!important;
}
#regisztation_page .col-lg-8{
	padding: 150px 15px 50px;
	background: #efefef;
}
@media (max-width: 990px){
	#regisztation_page .col-lg-8{
		padding: 95px 15px 26px;
	}
}
#regisztation_page .col-lg-8>.sign-in-container {
    width: 70%;
    padding-left: 15px;
}
@media (max-width: 1500px){
	#regisztation_page .col-lg-8>.sign-in-container {
		width: 85%;
		padding-left: 15px;
	}	
}
@media (max-width: 1250px){
	#regisztation_page .col-lg-8>.sign-in-container {
		width: 92%;
		padding-left: 15px;
	}	
}
@media (max-width: 990px){
	#regisztation_page .col-lg-8>.sign-in-container {
		width: 100%;
		padding-left: 0px;
	}	
}
/*Új input stilusa*/
.reg_log_form .form__group {
	position: relative;
    padding: 15px 0 0;
    margin-top: 4px;
    margin-bottom: 11px;
    width: 100%;
}
.reg_log_form .form__group.adatvedelmi_div a {
	color: #02b58c;
    text-decoration: underline;
}
.reg_log_form .select_div {
	margin-top: 18px!important;
    margin-bottom: 30px!important;
}
.reg_log_form .select_div>select{
    margin-top: 15px;
	border: 2px solid #9b9b9b;
	transition: 0.2s;
}
.reg_log_form .select_div>select>option:hover{
    background: #2772a3;
    color: white;
}
.reg_log_form .select_div>select:focus{
    margin-top: 15px;
	border: 2px solid #9b9b9b;
	border-image: linear-gradient(to right, #2772a3, #93c951);
    border-image-slice: 1;    
	outline: none;
    box-shadow: none;
}
.reg_log_form .form__group>.form__field {
	font-family: 'Rubik';
    width: 100%;
    border: 0;
    border-bottom: 2px solid #9b9b9b;
    outline: 0;
    font-size: 17px;
    color: #000;
    padding: 10px 0 0;
	 background: transparent;
	 transition: border-color 0.2s;
}
.reg_log_form .form__group>.form__field:read-only {
	background: #70707014;
    cursor: no-drop;
    pointer-events: none;
}
.reg_log_form .form__group>.form__field::placeholder {
	 color: transparent;
}
.reg_log_form .form__group>.form__field:placeholder-shown ~ .form__label {
	font-size: 15px;
    cursor: text;
    top: 24px;
	color: #9b9b9b;
}
.reg_log_form .form__group>.form__label {
	 position: absolute;
	     top: -6px;
    display: block;
    transition: 0.2s;
    font-size: 1rem;
    color: #000000;
	    font-weight: 500;
}
.reg_log_form .form__group>.form__field:focus {
	padding-bottom: 0px;
    font-weight: 600;
    border-width: 3px;
    border-image: linear-gradient(to right, #2772a3, #93c951);
    border-image-slice: 1;
}
.reg_log_form .form__group>.form__field:focus ~ .form__label {
	 position: absolute;
	 top: 0;
	 display: block;
	 transition: 0.2s;
	 font-size: 16px;
    color: #2777a8;
    font-weight: 700;
}
/* reset input */
.reg_log_form .form__group>.form__field:required, .form__field:invalid {
	box-shadow: none;
}
.reg_log_form>h4{
	margin-bottom: 20px;
}
.reg_log_form>.regform-group {
    margin: 33px 0 20px;
}
@media (max-width: 990px){
	.reg_log_form>.regform-group {
		margin: 33px 0 20px;
		display: grid;
		text-align: center;
	}
}
/*.reg_log_form>input{
	border: none;
    border-bottom: 2px solid #2777a8;
    padding: 8px 10px;
    margin: 8px 0;
    width: 100%;
	font-size: 16px;
	transition: all .8s;
}
.reg_log_form>input:focus,.reg_log_form>input:hover{
	outline: none;
	border-bottom: 2px solid #93c951;
}*/
@media (max-width: 990px){
	.reg_log_form>h4{
		font-size: 22px;
	}
	.reg_log_form .select_div>select {
		margin-top: 4px;
	}
	.reg_log_form .form__group>.form__label {
		top: -2px;
		font-size: 14px;
	}
	.reg_log_form .form__group>.form__field:placeholder-shown ~ .form__label {
		font-size: 12px;
	}
	.reg_log_form .form__group>.form__field:focus ~ .form__label{
		font-size: 12px;
		
	}
	.reg_log_form .form__group {
		margin-bottom: 10px;
	}
}

.reg_log_button{
	background-color: #93c951 !important;
    border-color: #93c951 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    padding: 6px 43px;
    border-radius: 4px;
    font-family: 'Rubik';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    border-width: 1px;
    font-style: normal;
    margin: 10px 10px 10px;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    transition: all .8s;
}
.reg_log_button:hover{
	color: #ffffff !important;
    background-color: #67952e !important;
    border-color: #67952e !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    text-decoration: none;
}
.reg_log_button2 {
    background-color: #2777a8 !important;
	border-color: #2777a8 !important;
	color: #ffffff !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    padding: 6px 43px;
    border-radius: 4px;
    font-family: 'Rubik';
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    border-width: 1px;
    font-style: normal;
    margin: 10px 10px 0px;
    white-space: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    transition: all .8s;
}
.reg_log_button2:hover{
	color: #ffffff !important;
    background-color: #164460 !important;
    border-color: #164460 !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
    text-decoration: none;
}

.reg_log_button:focus, .reg_log_button2:focus{
	outline: none;
}
.reg_log_button3{
	font-family: 'Rubik';
	font-style: normal;
	color: #93c951;
	margin-top: 15px;
}
@media (max-width: 1500px){
	#bizti~img{
		width: 30%!important;
	}
}
@media (max-width: 700px){
	#bizti~img{
		width: 40%!important;
	}
}
@media (max-width: 400px){
	#bizti~img{
		width: 60%!important;
	}
}
.login_data_page .row{
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}
@media (max-width: 1500px){
	.login_data_page h1{
		font-size: 22px;
		line-height: 1.5;
		margin-bottom: 1rem !important;
	}
	.login_data_page .reg_log_form>h4 {
		font-size: 20px;
		margin-bottom: 25px;
	}
}
.leadottNevezes{
    border: 2px solid #02b58c;
    padding: 5px;
    margin: 0 0 30px;
    display: block;
    width: fit-content;
}

.four_box_registatison{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 15px;
}
.four_box_registatison>a{
    border: 2px solid #02b58c;
    display: block;
    padding: 26px 15px;
    color: black;
    text-align: center;
    transition: all .5s;
}
.four_box_registatison>a:hover,.four_box_registatison>a:focus{
    color: #0056b3;
    text-decoration: none;
    background: #02b58c;
    color: white;
}
.four_box_registatison>a>h3{
    font-size: 18px;
	margin-bottom: 0px;
}
.four_box_registatison_under {
    text-align: center;
    border-top: 1px solid #0000006b;
    padding-top: 15px;
    margin-top: 50px!important;
}
@media (max-width: 750px){
	.four_box_registatison{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px 15px;
	}
}
.jelszomezok{
	display:none;
}
.next_pass{
	cursor:pointer;
}
.icon-eye{
	position: absolute;
    right: 0;
    bottom: 9px;
}
.bi-eye{
	text-decoration: line-through;
    color: #8b8888;
}



.tamogatok_slideBar {
	display: none;
    position: fixed;
    z-index: 5;
    right: 0;
    top: 130px;
    background: #00000082;
    padding: 22px 10px 15px 15px;
}

.tamogatok_slideBar .tamogatok_first_logo {
	margin: 5px 0;
	max-height: 60px;
}
.tamogatok_slideBar .slider-logos {
    padding-bottom: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 15px;
}
.tamogatok_slideBar .slider-logos>div{
    background: white;
	padding: 5px;
	text-align: center;
}
.tamogatok_slideBar h3{
    font-size: 16px;
    color: white;
    margin-bottom: 15px;
}

@media (max-width: 780px){
	.tamogatok_slideBar {
		position: absolute;
	}
	.tamogatok_slideBar .slider-logos {
		grid-template-columns: repeat(1, 1fr);
	}
}


.tamogatok_close {
	background: white;
    border-radius: 100%;
    padding: 0px 7px;
    display: block;
    width: fit-content;
    margin-top: -30px;
    margin-left: -21px;
    font-size: 16px;
    border: 1px solid #7b7b7b;
    cursor: pointer;
}
.tamogatok_close b{
	font-weight: 400;
}


#video_block{
	padding: 40px 0;
	background: #f3f3f3;
}
#video_block header>h3 {
    text-align: center;
    font-size: 28px;
	font-weight: 500;
}
#video_block .promo-block-parent{
    display: grid;
    grid-template-columns: repeat(3 ,1fr);
    grid-gap: 15px 15px;
    margin-top: 30px;
}
@media (max-width: 1200px){
	#video_block .promo-block-parent{
		grid-template-columns: repeat(2 ,1fr);
	}
}
@media (max-width: 990px){
	#video_block{
		padding: 40px 15px;
	}
}
@media (max-width: 670px){
	#video_block .promo-block-parent{
		grid-template-columns: repeat(1 ,1fr);
	}
}
.video-container {
    position: relative;
    height: 215px;
}

.video-container~.main_text{
	padding: 10px 0;
}
.video-container~.main_text>h4{
	font-size: 20px;
}

.video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.video-cover .demo-icon{
    position: absolute;
    left: 0;
    bottom: 12px;
}

.video-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-button {
    position: absolute;
    font-size: 50px;
    color: white;
    background: none;
    border: none;
    cursor: pointer;
}


.kiallitok_aloldal{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 15px;
    margin-top: 30px;
}
.kiallitok_aloldal .kiallito-div{
	border: 2px solid transparent;
	transition: all 0.2s ease-in-out;
}
.kiallitok_aloldal .kiallito-div:hover{
	border: 2px solid #02b58c;
}
.kiallitok_aloldal img{
    width: 100%;
}

@media (max-width: 1200px){
	.kiallitok_aloldal{
		grid-template-columns: repeat(2 ,1fr);
	}
}
@media (max-width: 670px){
	.kiallitok_aloldal{
		grid-template-columns: repeat(1 ,1fr);
	}
}

.popup-form{
	min-width: 310px;
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 30px 20px 20px;
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	z-index: 1000;
}
.popup-form.active {
	display: block;
}
.popup-form .close-btn {
	float: right;
    cursor: pointer;
    position: absolute;
	top: -1px;
    right: 8px;
    font-size: 21px;
}
.popup-darker{
	display: none;
	position: fixed;
    background-color: #00000061;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
}
.popup-darker.active {
	display: block;
}