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;
}
/***************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: #2772a3;
				 height: 40px;
				 margin-bottom: 5px;
			}
			 @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: 180px;
					height: 50px;
					/*background: #2772a3 url(https://sailing_cape_cup.hagyoroland.hu/img/uploads/source/Weboldal_mukodesehez/Weboldalhoz_kep/ssc-uj-01-alahuzva-307x157.png) 50% 0 no-repeat;*/
					background-size: 51%!important;
					margin: 8px 0 0px 0px!important;
					padding: 16px 0 51px!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: 267px;
						height: 78px;
						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: 180px;
					height: 11px;
					background-size: 66%!important;
					margin: 8px 0 0px 0px!important;
					padding: 16px 0 56px!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: 40px;
				 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: 9px;
				}
			}
			 header[role="banner"] #top-header .header-right .loginblock .headerbutton {
				 display: inline-block;
				text-align: center;
				color: white;
				font-weight: 500;
				font-family: 'Rubik';
				font-size: 14px;
			}
			 header[role="banner"] #top-header .header-right .loginblock .headerbutton i{
				 margin-right: 5px;
			}
			@media (max-width: 700px) {
				header[role="banner"] #top-header .header-right .loginblock .headerbutton span{
					 display:none;
				}
			}
			 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;
				 text-align: center;
			}
			 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: 12px 0 0 3px;
			}
			 @media (min-width: 990px) {
				 header[role="banner"] #top-header .header-right .cartBlock a i {
					 padding: 12px 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%, #93c951 50%);
				 background: linear-gradient(to right, rgba(0, 0, 0, 0) 40%, #93c951 50%);
			}
			 header[role="banner"] #top-menu .navigation {
				 display: none;
			}
			.nyelvvalaszto{
				padding: 0 0em !important;
				margin: 12px 6px !important; 
				line-height: 2.3;
				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: #93c951;
					 -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 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: #93c951;
					 background: linear-gradient(472deg, transparent 16px, #93c951 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 10px;
				}
				 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;
						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: 20px;
			}
			 header[role="banner"] #top-menu .navigation .navigation-menu a {
				 text-decoration: none;
			}
			.perjel {
				margin: 0px 0px !important;
				color: #f7f7f757;
				font-size: 28px;
			}
			.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: 4px;
				}
				button#navbar-toggler:focus{
					outline: none;
				}
				button#navbar-toggler>svg{
					width: 25px;
					height: 25px;
				}
				.nyelvvalaszto {
					padding: 3px 3px 0px 3px !important;
					margin: 5px 3px!important;
				}
				.nyelvvalaszto>img{
					max-width: 26px;
				}
				
			}
			.sub-menu{
				position: absolute;
				top: 38px;
				margin-left: 4px;
				line-height: 10px;
				background: #93c951;
				border-radius: 0 0 4px 4px;
				border: 3px solid #2772a3;
				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: 100%;
				text-align: center;
				width: 0;
				position: fixed;
				z-index: 4;
				top: 0;
				right: 0;
				background-color: #92c951;
				overflow-x: hidden;
				transition: 0.5s;
				padding-top: 115px;
			}
			.sidenav>.nav-item {
				position: relative;
			}
			.sidenav a {
				padding: 0px 0px 10px 0px!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: white;
			  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: 790px;
    min-height: 790px;
    height: 100%;
    padding-top: 120px;
    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: 19px;
    line-height: 1.5;
}
.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: #93c951 !important;
    border-color: #93c951 !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: #67952e !important;
    border-color: #67952e !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);*/
}
@media (max-width: 991px) {
	.slider_image{
	    max-width: 60%;
		margin: auto;
	}
	.mbr-iconfont {
		margin-bottom: 1rem;
	}
	.card-wrapper {
		padding: 0.5rem 0rem!important;
		margin-bottom: 2rem;
	}
	.szoveg_logo_mini{
		display: block;
	}
	.szoveg_logo_mini>img {
		width: 40%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	#header1-f {
		padding-top: 120px;
		padding-bottom: 3rem;
		max-height: 800px;
		min-height: 800px;
	}
	.slider_content>div>div>h1 {
		font-size: 30px;
	}
	.slider_content>div>div>h2 {
		font-size: 20px;
	}
	.slider_content>div>div>p{
		font-size: 16px;
	}
	.slider_gomb_div>a {
		font-size: 18px;
	}
	img {
		max-width: 100%;
		height: auto;
	}
}
@media (max-width: 760px) {
	#header1-f {
		padding-top: 147px;
		padding-bottom: 3rem;
		max-height: 860px;
		min-height: 860px;
	}
}
/***************Slider vége********************/
/***************Főoldal blokkok tartalmaihoz********************/
.gallery {
    cursor: pointer;
}
@media (max-width: 991px) {
	.gallery>img {
		width: 100%!important;
		height: auto!important;
	}
	#gallery1-p {
		padding-top: 3rem!important;
		padding-bottom: 5rem!important;
		background-color: #e9e9e9;
	}
	.pillanatok-header {
		font-size: 25px!important;
	}
}
.szoveg_logo_mini {
    display: flex;
	margin-bottom: 35px;
}
.szoveg_logo_mini>img {
    width: 35%;
    margin-right: 23px;
}
#video5-k {
    padding-top: 3rem;
    padding-bottom: 5rem;
    background-color: #ffffff;
}
.video-wrapper>audio{
	max-width: 100%;
}
#video5-k>div>.title-wrapper{
    margin-bottom: 3rem!important;
}
#video5-k>div>.title-wrapper>h3{
    text-align: center;
    margin-bottom: 1rem!important;
    font-family: 'Rubik';
    font-size: 2.2rem;
    line-height: 1.5;
}
#countdown4-l{
	background-color: #29ade4;
	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;
}
.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: 3rem!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: 50%;
    text-align: center;
    color: #ffffff;
    border: 2px solid #ffffff;
    justify-content: center;
    align-content: center;
    transition: all 0.3s;
	padding: 6px;
}
.icons-menu>.soc-item>.social__link>.socicon>img {
    width: 35px;
    height: 35px;
}
.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;
	}
}

#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;
	}
}
#features15-n{
    padding-top: 6rem;
    padding-bottom: 5rem;
    background-color: #fafafa;
}
@media (max-width: 992px){
	#features15-n{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}
.promo-card{
	background-color: transparent;
    border: none;
}
.promo-card>a{
	color: black;
}
.promo-card>a:hover{
	color: black;
	text-decoration:none;
}
.promo-card>a>.card-wrapper {
    display: flex;
}
.promo-card>a>.card-wrapper>.promo_icon{
    padding-right: 1.5rem;
    margin: auto!important;
}
.promo-card>a>.card-wrapper>.promo_icon>img{
    max-width: 32px;
}
.promo-card>a>.card-wrapper>.card-box {
    width: 100%;
}
.promo-card>a>.card-wrapper>.card-box>h4{
    font-family: 'Rubik';
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0.5rem!important;
}
.promo-card>a>.card-wrapper>.card-box>h5{
    font-family: 'Rubik';
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0;
}
@media (max-width: 992px){
	#info1-m {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}
#gallery1-p{
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: #ffffff;
}
.pillanatok-header{
    font-family: 'Rubik';
    font-size: 3rem;
    line-height: 1.1;
    color: #232323;
    text-align: center;
    font-weight: 400;
}
#gallery1-p>div>.row{
	margin-left: 0;
    margin-right: 0;
	margin-top: 2rem !important;
}
#gallery1-p>div>.row>.item {
    padding: 0;
    margin: 0;
}
#gallery1-p>div>.row>.item>.item-img>img{
    width:100%;
}

#contacts1-r{
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #29ade4;
}
#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>.container>.row>.card {
    background-color: transparent;
    border: none;
}
#contacts1-r>.container>.row>.card>.card-wrapper {
    padding: 3rem;
    background: #fafafa;
    border-radius: 4px;
}
#contacts1-r>.container>.row>.card>.card-wrapper>div{
    text-align:center;
}
.kapcsolati_icon{
	margin-bottom: 2rem;
}
.kapcsolati_icon>img{
    max-width: 80px;
    width: 80px;
	max-height: 80px;
}
#contacts1-r>.container>.row>.card>.card-wrapper>div>h4{
	font-family: 'Rubik';
    font-size: 3rem;
    line-height: 1.1;
    text-align: center;
    color: #000000;
	margin-top: 30px;
    font-weight: 400;
}
#contacts1-r>.container>.row>.card>.card-wrapper>div>h5{
	font-family: 'Rubik';
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
}
#contacts1-r>.container>.row>.card>.card-wrapper>div>h5>a{
	color: #93c951 !important;
}
@media (max-width: 992px){
	#contacts1-r>.container>.mbr-section-head>h3{
		font-size: 40px;
	}
	#contacts1-r>.container>.mbr-section-head>h4{
		margin-top: 19px!important;
	}
}
/***************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;
}
#palya-page{
    padding-top: 8rem;
    background: white;
    padding-bottom: 70px;
    margin-top: 0px;
}
#webiroda-page{
	padding-top: 8rem;
    background: url(../../img/aside_1_bg.png) left top no-repeat, url(../../img/aside_2_bg.png) left bottom repeat-y;
    padding-bottom: 220px;
    background-position: top;
    margin-top: -20px;
}
@media (max-width: 992px){
	#contacts1-r {
		padding-top: 3rem;
		padding-bottom: 3rem;
		background-color: #29ade4;
	}
	#contacts1-r>.container>.mbr-section-head>h3 {
		font-size: 25px;
	}
	#contacts1-r>.container>.mbr-section-head>h4 {
		font-size: 20px;
	}
	#contacts1-r>.container>.row>.card>.card-wrapper>div>h4 {
		font-size: 20px;
		margin-top: 6px;
	}
	#webiroda-page{
		padding-top: 4rem;
		background: white;
		padding-bottom: 60px;
		background-position: top;
		margin-top: 0px;
	}
	#webiroda-page>div>.row{
		display: block;
	}
	#webiroda-page>div>.row>.webiroda-main {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#webiroda-page>div>.row>.webiroda-aside {
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 50px;
	}
	.adminform>.form-group {
		margin-bottom: 3rem;
		display: block;
	}
	.adminform>.form-group>input {
		width: 100%;
	}
	.webiroda-main>h1{
		font-size: 23px;
		margin-bottom: 26px!important;
	}
	#palya-page{
		padding-top: 3rem;
	}
	h1{
		font-size: 28px;
	}
}


/***************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********************/


/***************Regisztrációs oldal********************/
#regisztation_page {
    background: url(../../img/regisztracios_oldal2_bg.png) no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 170px;
    padding-bottom: 140px;
}
.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;
}

.reg_log_form{
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 50px;
	height: 100%;
	text-align: center;
}
.reg_log_form>h4{
    font-family: 'Rubik';
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    word-wrap: break-word;
    font-weight: bold;
}
.overlay-panel>h4{
    font-family: 'Rubik';
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 22px !important;
    word-wrap: break-word;
    font-weight: 500;
    line-height: 1.2;
}

/*Ú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 .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>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: 992px){
	.reg_log_form>h4{
		font-size: 22px;
	}
	.reg_log_form .select_div>select {
		margin-top: 4px;
	}
	.reg_log_form .form__group>.form__label {
		top: -14px;
		font-size: 14px;
	}
	.reg_log_form .form__group>.form__field:placeholder-shown ~ .form__label {
		font-size: 14px;
	}
}
#regisztation_page>.container {
	background-color: #fff;
	border-radius: 10px;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);
	position: relative;
	overflow: hidden;
	width: 900px;
    max-width: 100%;
    min-height: 720px;
}

.form-container {
	position: absolute;
	top: 0;
	height: 100%;
	transition: all 0.6s ease-in-out;
}

.sign-in-container {
	left: 0;
	width: 50%;
	z-index: 2;
}

#regisztation_page>.container.right-panel-active .sign-in-container {
	transform: translateX(100%);
}

.sign-up-container {
	left: 0;
	width: 50%;
	opacity: 0;
	z-index: 1;
}

#regisztation_page>.container.right-panel-active .sign-up-container {
	transform: translateX(100%);
	opacity: 1;
	z-index: 5;
	animation: show 0.6s;
}

@keyframes show {
	0%, 49.99% {
		opacity: 0;
		z-index: 1;
	}
	
	50%, 100% {
		opacity: 1;
		z-index: 5;
	}
}

#regisztation_page .overlay-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	transition: transform 0.6s ease-in-out;
	z-index: 100;
}

#regisztation_page>.container.right-panel-active .overlay-container{
	transform: translateX(-100%);
}

#regisztation_page .overlay {
	    background: rgb(147 201 81);
    background: linear-gradient(340deg, rgb(39 114 163) 35%, rgb(40 136 187) 51%, rgb(147 201 81) 76%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #FFFFFF;
	position: relative;
	left: -100%;
	height: 100%;
	width: 200%;
  	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

#regisztation_page>.container.right-panel-active .overlay {
  	transform: translateX(50%);
}

#regisztation_page .overlay-panel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 20px;
	text-align: center;
	top: 0;
	height: 100%;
	width: 50%;
	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}

#regisztation_page .overlay-left {
	transform: translateX(-20%);
}

#regisztation_page>.container.right-panel-active .overlay-left {
	transform: translateX(0);
}

#regisztation_page .overlay-right {
	right: 0;
	transform: translateX(0);
}

#regisztation_page>.container.right-panel-active .overlay-right {
	transform: translateX(20%);
}
@media (max-width: 992px){
	#regisztation_page>.container {
		width: 100%;
		max-width: 100%;
		min-height: inherit;
		padding-right: 0px;
		padding-left: 0px;
	}
	.form-container {
		position: relative;
		top: 0px;
		height: auto;
		transition: all 0.6s ease-in-out;
	}
	.sign-in-container {
		left: 0;
		width: 100%;
		z-index: 2;
	}
	.reg_log_form {
		padding: 40px 20px;
	}
	.overlay-panel>h4 {
		font-family: 'Rubik';
		font-size: 24px;
	}
	.reg_log_button {
		margin: 12px 10px;
	}
	.reg_log_button2 {
		margin: 30px 10px 10px;
	}
	#regisztation_page .overlay-container {
		position: relative;
		top: 0;
		left: 0%;
		width: 100%;
		height: auto;
		overflow: initial;
	}
	.sign-up-container {
		left: 0;
		width: 100%;
	}
	#regisztation_page .overlay-panel {
		position: relative;
		    display: block;
		align-items: center;
		justify-content: center;
		flex-direction: inherit;
		padding: 40px 20px;
		text-align: center;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	#regisztation_page .overlay {
		position: relative;
		left: 0;
		height: 100%;
		width: 100%;
	}
	regisztation_page>.container.right-panel-active .sign-up-container {
		transform: translateX(0%)!important;
	}
	#regisztation_page>.container.right-panel-active .sign-up-container {
		transform: translateX(0%)!important;
	}
	#regisztation_page>.container.right-panel-active .overlay-container {
		transform: translateX(0%);
	}
}
/***************Regisztrációs oldal vége********************/


/***************Webiroda********************/
.nevezolap>.webiroda-aside {
    position: fixed;
    max-width: 20%;
    right: 20%;
}
@media(max-width: 1700px){
	.nevezolap>.webiroda-aside {
		right: 18%;
	}	
}
@media(max-width: 1550px){
	.nevezolap>.webiroda-aside {
		max-width: 22%;
		right: 15%;
	}	
}
@media(max-width: 1400px){
	.nevezolap>.webiroda-aside {
		max-width: 25%;
		right: 11%;
	}	
}
@media(max-width: 1200px){
	.nevezolap>.webiroda-aside {
		max-width: 28%;
		right: 7%;
	}	
}
@media(max-width: 990px){
	.nevezolap>.webiroda-aside {
		position: inherit;
		max-width: 100%;
		right: 0;
	}	
}
.webiroda-aside>ul{
    background: white;
    list-style: none;
	padding-inline-start: 0px;
	border: 1px solid #e9aa37;
}
.webiroda-aside>ul>li{
    padding: 5px 10px 5px 10px;
	cursor:pointer;
}
.webiroda-aside>ul>li>a{
    color: #000000;
    font-weight: 500;
    text-decoration: none;
}
.webiroda-aside>ul>li:hover{
    background: #21658f;
}
.webiroda-aside>ul>li:hover a{
    color: #ffffff;
    text-decoration: none;
}
.webiroda-aside>ul>li>a:hover{
    color: #ffffff;
    text-decoration: none;
}
.webiroda-aside>ul>.webiroda_aside_menu_top {
    background: #e9aa37;
    color: white;
    padding: 10px 10px 10px 15px;
    margin-bottom: 10px;
    font-size: 20px;
}
.webiroda-aside>ul>.webiroda_aside_menu_botton{
	background: #e7e7e79e;
    border-top: 1px solid #21658f;
    margin-top: 10px;
    padding: 5px 10px 6px 10px;
}
.webiroda_aside_menu_botton>a{
	color: black;
}
.webiroda-aside>ul>.webiroda_aside_menu_botton:hover{
	background: #93c951!important;
}
.webiroda_aside_menu_botton:hover a{
	color: white;
	text-decoration:none;
}
.adminform {
    padding: 10px 15px 0px 15px;
}
.adminform>.form-group{
    margin-bottom: 0rem;
    display: flex;
    width: 100%;
}
.webiroda-main>h1{
	font-family: 'Rubik';
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 15px!important;
    word-wrap: break-word;
    font-weight: bold;
}
.nevezes_kapcs_input>input.active{
	pointer-events: none;
    opacity: 0.5;
    background: #ebebebde;
    cursor: no-drop;
}
.nevezes_kapcs_input_adoszam>input.active{
	pointer-events: none;
    opacity: 0.5;
    background: #ebebebde;
    cursor: no-drop;
}
.webiroda-main>#login_data>h2{
	font-size: 24px;
    background: #93c951;
    color: white;
    padding: 10px 10px 10px 15px;
    margin-bottom: 10px;
}
#login_data{
    padding: 0px 0px 40px 0px;
    box-shadow: 0px 0px 7px 1px #93c95191;
}
.nevezes_input{
	margin-bottom: 25px!important;
    margin-top: 10px!important;
    width: 100%!important;
    position: relative;
    display: flex;
}
.nevezes_input>.form__group:nth-child(1){
	padding-right: 60px;
}
.nevezes_input>.form__group:nth-child(2){
    padding-left: 0px;
}
@media(max-width: 992px){
	.nevezes_input{
		display: block!important;
	}
	.nevezes_input>.form__group:nth-child(1) {
		padding-right: 0!important;
		margin-bottom: 30px!important;
	}
	.adminform>.form-group {
		text-align: initial!important;
	}
}
/*.nevezes_input>.form-group>label{
    font-weight: 600;
    margin: auto 16px auto 0px;
	width: auto;
}
.nevezes_input>.form-group>input{
    border: none;
    border-bottom: 2px solid #2777a8;
    padding: 8px 10px;
    margin: 8px 0;
    width: 100%;
    font-size: 16px;
    transition: all .8s;
}*/
.foto_input{
	border-bottom: 0px solid #2777a8!important;
}
.adminform>.form-group>label{
    font-weight: 600;
    margin: auto 0px auto 0px;
	width: 36%;
	text-align: start;
}
.image_change_form{
	border-top: 1px solid black;
    padding-top: 15px;
    margin-top: 15px;
}
.image_change_form .nowimage{
	display: grid;
    text-align: initial;
}
.person-szponzor-div{
	text-align: center;
	cursor: pointer;
	float: left;
    width: 45%;
    padding: 1% 1.5%;
    position: relative;
    background: #2772a3 none repeat scroll 0 0;
    transition: all .5s;
    margin-right: 20px;
	margin-bottom: 25px;
}
.more-person-szponzor{
	text-align: center;
	cursor: pointer;
	float: left;
    width: 45%;
    padding: 1% 1.5%;
    position: relative;
    background: #e9aa37 none repeat scroll 0 0;
	transition: all .5s;
	margin-bottom: 25px;
}
.person-szponzor-div>.sponzor_img {
    text-align: center;
	margin-bottom: 14px;
}
.person-szponzor-div>.sponzor_nev {
    color: white;
    font-size: 20px;
}
.person-szponzor-div>.sponzor_szerkesztes {
    margin-top: 5px;
	display: flex;
}
.person-szponzor-div>.sponzor_szerkesztes>a{
    color: #ffffff;
    text-decoration: underline;
    background-color: transparent;
}
.person-szponzor-div>.sponzor_szerkesztes>a.delete {
    margin-left: auto;
    background-color: white;
    border-radius: 6px;
}
.person-szponzor-div>.sponzor_img>img{
       max-width: 119px;
    min-height: 119px;
	    max-height: 119px;
    margin-left: 0px;
    border: 1px solid #93c951;
    object-fit: cover;
}
.person-szponzor-div>.szemelyzet_img {
    text-align: center;
	margin-bottom: 14px;
}
.person-szponzor-div>.szemelyzet_img>img{
   max-width: 119px;
   min-height: 85px;
    max-height: 87px;
    margin-left: 0px;
    border: 1px solid #93c951;
    object-fit: cover;
}
.sponzor_titulus {
    color: white;
}
.more-person-szponzor:hover{
	background: #c7902d none repeat scroll 0 0;
	text-decoration: none;
}
.more-person-szponzor>.add-plus-icon {
	margin: auto;
    margin-top: 5%;
    font-size: 500%;
    line-height: 1;
    color: #FFF;
    padding: 0;
}
.more-person-szponzor>.resztvevok-text {
    font-size: 26px;
    line-height: 1.2em;
    padding: 0 4%;
    margin-top: 18px;
    color: #FFF;
}
@media(max-width: 992px){
	.more-person-szponzor {
		float: inherit!important;
		display: flow-root!important;
		width: 100%!important;
	}
	.person-szponzor-div {
		text-align: center!important;
		cursor: pointer!important;
		float: inherit!important;
		width: 100%!important;
	}
}
.adminform>.form-group>input{
    border: none;
    border-bottom: 2px solid #2777a8;
    padding: 8px 10px;
    margin: 8px 0;
    width: 64%;
    font-size: 16px;
    transition: all .8s;
}
.adminform>.form-group>input:focus, .adminform>.form-group>input:hover, .adminform>.form-group>input:active, .nevezes_input>.form-group>input:focus, .nevezes_input>.form-group>input:hover, .nevezes_input>.form-group>input:active{
    outline: none;
    border-bottom: 2px solid #93c951;
}
.adminform>.form-group>select{
    border: none;
    border-bottom: 2px solid #2777a8;
    padding: 8px 10px;
    margin: 8px 0;
    width: 64%;
    font-size: 16px;
    transition: all .8s;
}
.adminform>.form-group>select:focus, .adminform>.form-group>select:hover, .adminform>.form-group>select:active{
    outline: none;
    border-bottom: 2px solid #93c951;
}
.adminelvalaszto-first{
	margin-top: -10px!important;
}

.adminelvalaszto {
    background: #29ade4;
    color: white;
    padding: 10px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 53px 0 0px;
	width: 100%;
    text-align: start;
}
.webiroda_form_footer {
    margin-top: 35px;
    padding: 0 15px;
}
.webiroda_type_div{
	margin-top: 25px;
}
.webiroda_form_footer>button{
    color: #fff;
    background-color: #29ade4;
    border-color: #29ade4;
	transition: all .2s;
}
.webiroda_form_footer>button:hover{
    color: #fff;
    background-color: #306a91;
    border-color: #306a91;
}
strong#siker_valasz {
    font-size: 16px;
    color: black;
}
.nevezpi_lap_header{
    display:flex;
}
.nevezpi_lap_header>strong#siker_valasz {
    font-size: 16px;
    margin: auto;
    margin-right: 0;
}
.nevezpi_lap_header>.color_white{
    color: white!important;
}
.nevezpi_lap_header>.color_red{
    color: #ff0000!important;
    /*text-shadow: -1px 0px 2px white;*/
}
/***************Webiroda vége********************/




.submneublokk {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px 40px;
}
.submneublokk>.szolgblokk_box {
    background-color: #ffffff;
    padding: 25px 20px 25px;
    border: 2px solid #93c951;
    margin-bottom: 30px;
}
.submneublokk>.szolgblokk_box>h3 {
    color: #000000;
    font-weight: 700;
    font-size: 24px;
}
.submneublokk>.szolgblokk_box>.text_area {
    font-size: 16px;
    margin: 15px 0px 20px;
}
.submneublokk>.szolgblokk_box>.footer_area>a {
    padding: 6px 15px;
}
@media(max-width: 992px){
	.submneublokk {
		margin-top: 50px;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0px 40px;
	}
}



.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: #2772a3e0;
}
.cikk_horizont>.cikkbox>.imgbox>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 300px;
}
.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: #354da1;
    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: #0160a7;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    padding: 10px 25px;
    border: 2px solid #0160a7;
    transition: all .5s;
}
div#plaginator {
    display: flex;
}
.paginator_div {
    background: #2772a3;
    margin-right: 14px;
    padding: 5px 14px;
    border: 1px solid #2772a3;
	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 #2772a3;
}
.paginator_div:hover a{
    color: black;
}
.paginator_div.active {
    background: #ebebeb;
    border: 1px solid #2772a3;
}
.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;
	}
}


/*NEvezési lap kiegészítő stlúsa*/
input[name='kapitany_szaml_adoszam']{
	background: #f3f3f3!important;
    pointer-events: none!important;
}
input[name='kapitany_szaml_adoszam']~label{
    pointer-events: none!important;
}

input[name='kapitany_szaml_adoszam'].active{
	background: #f3f3f300!important;
    pointer-events: inherit!important;
}
input[name='kapitany_szaml_adoszam']~label.active{
    pointer-events: inherit!important;
}

input[name='kapitany_szaml_nev'],
input[name='kapitany_szaml_irany'],
input[name='kapitany_szaml_varos'],
input[name='kapitany_szaml_utca'],
input[name='kapitany_szaml_cim'],
input[name='kapitany_igazolo_number']{
	background: #f3f3f3!important;
    pointer-events: none!important;
}
input[name='kapitany_szaml_nev']~label,
input[name='kapitany_szaml_irany']~label,
input[name='kapitany_szaml_varos']~label,
input[name='kapitany_szaml_utca']~label,
input[name='kapitany_szaml_cim']~label,
input[name='kapitany_igazolo_number']~label{
    pointer-events: none!important;
}
input[name='kapitany_szaml_nev'].active,
input[name='kapitany_szaml_irany'].active,
input[name='kapitany_szaml_varos'].active,
input[name='kapitany_szaml_utca'].active,
input[name='kapitany_szaml_cim'].active,
input[name='kapitany_igazolo_number'].active{
	background: #f3f3f300!important;
    pointer-events: inherit!important;
}
input[name='kapitany_szaml_nev']~label.active,
input[name='kapitany_szaml_irany']~label.active,
input[name='kapitany_szaml_varos']~label.active,
input[name='kapitany_szaml_utca']~label.active,
input[name='kapitany_szaml_cim']~label.active,
input[name='kapitany_igazolo_number']~label.active{
    pointer-events: inherit!important;
}

/*Támogatók*/
.header-logos {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0px 11px;
    z-index: 2;
    margin: 6px auto 0;
}
.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;
}
.tamogatok_slider {
    background: #ffffff7a;
    flex: 0 0 23.333333%;
    text-align: center;
	padding: 0;
}
.tamogatok_slider h3{
    background: #93c951;
    padding: 5px 0;
    color: white;
    font-size: 21px;
}
.slider-logos {
    padding-bottom: 15px;
}
.slider-logos>div:last-child {
	margin-top: 15px;
}
.tamogatok_slider img{
    max-height: 100px;
}
@media(max-width: 1200px){
	.footer-logos {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media(max-width: 992px){
	.tamogatok_slider {
		background: #ffffff7a;
		flex: 1 0 23.333333%;
		text-align: center;
		padding: 0px;
		margin: 33px 15px 15px;
	}
	.slider-logos {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0px 0px;
		padding: 0 15px 15px;
	}
	.tamogatok_slider img {
		max-height: 80px;
	}
	.header-logos {
		margin-top: 2px;
		display:none;
	}
	.tinyMCE-template>.egyedi_row>.col-6 {
		flex: 0 0 100%!important;
		max-width: 100%!important;
	}
	.slider-logos>div:last-child {
		margin-top: 0px;
	}
}
@media (max-width: 470px){
	.tamogatok_slider img {
		max-height: 58px;
	}
	.header-logos {
		/*display: none;*/
		    margin-right: 11px;
	}
	#header1-f {
		max-height: 735px;
	}
}
@media (max-width: 350px){
	.tamogatok_slider img {
		max-height: 52px;
	}
	.tamogatok_slider h3 {
		font-size: 18px;
	}
}