*{font-family: Arial, Helvetica, sans-serif; font-size: 18px;}

.suti{position: fixed; z-index: 999; padding: 10px; text-align: center; left: 0px; bottom: 0px; width: 100%; background-color: rgba(100,100,100,0.9);}
.suti p{color: white;}
.suti a:link{text-decoration: none; color: white; font-weight: bold;}
.suti a:visited{text-decoration: none; color: white; font-weight: bold;}
.suti a:hover{text-decoration: none; font-weight: bold; color: rgb(202, 158, 46);}
.suti a:active{text-decoration: none; font-weight: bold; color: white;} 

#message, #message1{float: left; display:none; left: 0px; position: relative; z-index: 1; background: rgb(223, 239, 242); width: calc(50% - 24px); border-radius: 10px; margin-top: 15px; margin-left: 6px; margin-right: 6px; padding: 5px 10px 5px 10px;}
#message:after, #message1:after{content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: rgb(223, 239, 242) transparent; border-width: 0 20px 20px; top: -20px; left: 60%; margin-left: -20px;}
#message p, #message1 p{padding: 0px 35px;}
.valid {color: green;}
.valid:before {position: relative; left: -35px; content: "✔";}
.invalid {color: red;}
.invalid:before {position: relative; left: -35px; content: "✖";}

.modal{display: none; position: fixed; z-index: 1080; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6);}
.modal-content{position: relative; border: 2px solid rgba(0, 119, 154); background-color: #fefefe; margin: auto; padding: 0; max-width: 60%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border: 2px solid rgb(206,187,136);}
@-webkit-keyframes animatetop{from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop{from {top:-300px; opacity:0} to {top:0; opacity:1}}
.close{color: white; float: right; font-size: 48px; font-weight: bold;}
.close:hover, .close:focus{z-index: 1; color: #c41e08; text-decoration: none; cursor: pointer;}
.modal-header{padding: 2px 16px; background-color: rgb(0, 106, 122); color: white; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s;}
.modal-body{padding: 2px 16px; overflow: auto;}
iframe{position: relative; display: block; max-width: 640px; margin: auto;}
.resp-iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

.share_btn{cursor: pointer; margin-left: 10px; height: 38px;}
.share_btn:hover{transform: scale(1.15);}

body{margin: 0; padding: 0; background-color: rgb(255, 255, 255);}
#fejlec{position: -webkit-sticky; position: sticky; top: 0; z-index: 10; max-width: 1200px; margin: auto; box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44);}

.JASZ_fejlec_kep{position: relative; padding: 0; margin: 0; height: 160px; background-image: url("..\\img\\JASZ _hatterkep.jpg"); background-repeat: no-repeat, no-repeat; background-size: 1200px auto; background-position-x: center; background-color: rgb(255,255,255); text-transform: first-letter;}
	.JASZ_fejlec_kep .JASZ_logo{float: left; margin-left: 100px; padding-top: 60px; width: 180px; height: 120px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);}
		.JASZ_fejlec_kep .JASZ_logo img{height: 80px; padding-left: 10px;}
	.JASZ_nyelv_menusor{position: absolute; right: 0px; top: 4px; margin: 0px; display: inline-block;}
	.JASZ_nyelv_menusor img{height: 34px; padding-right: 5px;}
	.JASZ_nyelv_menusor img:hover{transform: scale(1.2);}
	.JASZ_kis_menusor{position: absolute; right: 0px; bottom: 4px; margin: 0px; display: inline-block;}
	.JASZ_kis_menusor img{height: 34px; padding-right: 5px;}
	.JASZ_kis_menusor img:hover{transform: scale(1.2);}

.JASZ_fejlec_menusor{position: relative; max-width: 1200px; margin: auto; background-color: rgb(0,106,122); text-transform: first-letter; text-align: center; border-top: 4px solid rgb(209,159,106);}
	.JASZ_fejlec_menusor ul{margin: auto; padding: 0; list-style: none; display: inline-block;}
	.JASZ_fejlec_menusor ul a:link{text-decoration: none; color: rgb(255,255,255);}
	.JASZ_fejlec_menusor ul a:visited{text-decoration: none; color: rgb(255,255,255);}
	.JASZ_fejlec_menusor ul a:hover{text-decoration: none; color: rgb(209,159,106);}
	.JASZ_fejlec_menusor ul a:active{text-decoration: none; color: rgb(209,159,106);}
	.JASZ_fejlec_menusor li{position: relative; padding: 5px 15px 0px 5px; list-style-type: none; float: left; margin: 3px; border-right: 1px solid rgb(209, 159, 106);}
		.JASZ_fejlec_menusor li:last-child{border-right: none;}
	.JASZ_fejlec_menusor li a{text-decoration:none; padding: 0px;}

.tartalom{position: relative; margin: auto; max-width: 1200px; background-color: rgb(255,255,255); padding: 0px;}
.focim{font-size: 24px; font-weight: bold; color: rgb(255,255,255); background-color: rgb(0,106,122); padding-left: 3px; margin-top: 30px; margin-bottom: 30px;}
.focim_arany{font-size: 24px; font-weight: bold; color: rgb(255,255,255); background-color: rgb(209, 159, 106); padding-left: 3px; margin-top: 10px; margin-bottom: 10px;}

.link{cursor: pointer; color: rgb(0, 106, 122);}
.link:hover{color: red;}

.container{padding: 0px 10px 0px 10px; width: calc(100% - 20px); margin: auto;}
#mixedSlider1, #mixedSlider2, #mixedSlider3, #mixedSlider4, #mixedSlider5, #mixedSlider6{position: relative; width: 100%;}
.MS-content{width: 100%; white-space: nowrap; overflow: hidden; margin: auto;}
.imgTitle{overflow: hidden; font-size: 24px; font-weight: bold; color: rgb(0,106,122); padding-bottom: 10px;}
.imgLead{overflow: hidden; color: rgb(209,159,106);}
.MS-content .item{text-align: justify; display: inline-block; position: relative; width: calc(50% + 1px); padding: 0px 15px 0px 15px; vertical-align: top; overflow: hidden; white-space: normal; margin: 0; border-right: 1px solid rgba(209,159,106,0.3);}
.MS-content .item .szoveg{display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden;}
.MS-controls button{position: absolute; border: none; background-color: transparent; outline: 0; font-size: 50px; transition: 0.15s linear;}
.MS-controls button:hover{transform: scale(1.2);}
.MS-controls .MS-left{left: -30px; top: 40%;}
.MS-controls .MS-right{right: -30px; top: 40%;}

#lablec{position: -webkit-sticky; position: sticky; bottom: 0; z-index: 10; max-width: 1200px; margin: auto;}
.JASZ_lablec{position: relative; max-width: 1200px; margin: auto; background-color: rgb(0,106,122); text-transform: first-letter; text-align: center; border-top: 4px solid rgb(209,159,106); box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44);}
	.JASZ_lablec ul{margin: auto; padding: 0; list-style:none; display: inline-block;}
	.JASZ_lablec ul a:link{text-decoration: none; color: rgb(255,255,255);}
	.JASZ_lablec ul a:visited{text-decoration: none; color: rgb(255,255,255);}
	.JASZ_lablec ul a:hover{text-decoration: none; color: rgb(209,159,106);}
	.JASZ_lablec ul a:active{text-decoration: none; color: rgb(209,159,106);}
	.JASZ_lablec li{position: relative; padding: 5px 5px 0px 5px; list-style-type: none; float: left; margin: 3px; border-right: 1px solid rgb(209, 159, 106);}
		.JASZ_lablec li:last-child{border-right: none;}
	.JASZ_lablec li a{text-decoration:none; padding: 0px;}
	.JASZ_lablec img{height: 34px; padding-right: 5px;}
	.JASZ_lablec img:hover{transform: scale(1.2);}


.bekezdes{text-align: justify; max-width: 1200px; padding: 20px; margin: auto; margin-top: 20px; margin-bottom: 40px; border-radius: 8px 0px 8px 0px; box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44);}


.user_box{position: relative; overflow:hidden; z-index: 1; vertical-align: text-top; background-color: white; margin-right: 30px; max-width: 200px; max-height: 200px; display: inline-block; padding: 5px; text-align: center;}
.user_box:hover{cursor: pointer; transform: scale(1.05); box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44); -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.44);}
.user_box img{display: inline-block; max-width: 120px; max-height: 120px; margin: auto; padding: auto;}


.megtekint_user_kep{display: inline-block; vertical-align: text-top; max-width: 240px;}
.megtekint_user_szoveg{margin: 0px; padding: 0px; text-align: center;}
.megtekint_tisztseg{display: inline-block; vertical-align: text-top; max-width: calc(100% - 250px); margin-left: 40px; text-align: justify;}


#naptar{width: 50%; margin: auto; margin-bottom: 30px;}
.egy_het{width: 13.2%; float: left; margin: 0.5%; text-align: center;}
.egy_het .datum{color: white;}
.korabbi_rendezvenyek{position: relative; font-size: 14px; width: calc(20% - 10px); min-height: 142px; padding: 3px; margin-right: 10px;  margin-bottom: 10px; float: left; text-align: left; background-color: rgb(230,230,230); border-radius: 6px 0px 6px 0px;}
.bovebben_button{position: absolute; right: 3px; bottom: 3px; border: 0px;}


.reg{position: relative; margin: auto; width: 100%; border-radius: 8px;}
.reginp{position: relative; width: calc(25% - 18px); font-weight: normal; border: 1px solid rgba(47,63,104,0.3); border-radius: 8px; padding: 3px; font-size: 20px; margin: 4px; background-color: rgb(255, 255, 255);}
.reginp:required{-webkit-box-shadow: 0px 6px 12px -7px rgba(255,3,3,1); -moz-box-shadow: 0px 6px 12px -7px rgba(255,3,3,1); box-shadow: 0px 6px 12px -7px rgba(255,3,3,1);}
.reginp_option:required{-webkit-box-shadow: 0px 6px 12px -7px rgba(255,3,3,1); -moz-box-shadow: 0px 6px 12px -7px rgba(255,3,3,1); box-shadow: 0px 6px 12px -7px rgba(255,3,3,1);}
.reginp:disabled{background-color:rgb(218, 218, 218);}
.reginp_option, .reginp_option_nyelv{position: relative; font-weight: normal; width: calc(25% - 18px); border: 1px solid rgba(47,63,104,0.3); border-radius: 8px; padding: 3px; font-size: 20px; margin: 4px; background-color: rgb(255, 255, 255);}


.reginp_option_nyelv{width: calc(25% - 18px);}
.reginp_option_nyelv:required{background-color:rgb(255, 230, 230);}
.reg textarea{resize: none; font-weight: normal; width: calc(33% - 18px);}
.image-upload #selectfile{display: none;}
.image-upload label{height: 0px;}
.regpix{position: relative; float: left; width: 100%; border: 1px solid rgba(108, 139, 186,0.3); border-radius: 8px; padding: 0px; font-size: 20px; margin: 4px; height: 168px; background-color: white; cursor: pointer;}
.regpix img{display: block; margin-left: auto; margin-right:auto; height: 100%;}
.reginp img{display: block; margin-left: auto; margin-right: auto; height: 100%;}
.regp{clear: both; max-width: 100%; margin: 5px; padding: 3px; font-size: 34px; color: rgb(0, 106, 122); text-align: justify;}
.regp:not(:first-child){padding-top: 30px;}
textarea{resize: none;}


.bejelentkezes_kep {height: 34px; padding-right: 5px;}
.bejelentkezes_kep:hover{transform: scale(1.2);}

.butt{
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #006a7a 100%);
	background-color:#599bb3;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	cfont-family:Arial;
	cfont-weight:bold;
	font-size: 18px;
	padding:4px 22px;
	margin: 8px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.butt:hover {
	background:linear-gradient(to bottom, #006a7a 5%, #599bb3 100%);
	background-color:#006a7a;
}
.butt:active {
	position:relative;
	top:1px;
}


.wrapper{margin: 40px auto; max-width: 800px; display: block; text-align: center;}
.wrapper.active .arrow{transform: rotate(45deg) translate(-5px, -5px);}
.wrapper.active .arrow:before{transform: translate(10px, 0);}
.wrapper.active .arrow:after{transform: rotate(90deg) translate(10px, 0);}
.wrapper.active ul{display: block; height: auto; padding: 0px;}
.wrapper .arrow{transform: rotate(0); left: 0;}
.wrapper .arrow:before, .wrapper .arrow:after{background-color: transparent; width: 3px; height: 10px; display: inline-block; position: absolute; border-bottom: 10px solid black; border-radius: 6px; top: 0; right: 0; transform: rotate(0);}
.wrapper .arrow:before{transform: rotate(-135deg);}
.wrapper .arrow:after{transform: rotate(135deg);}
.wrapper.active .arrow{transform: rotate(0); transform: translate(0, -6px);}
.wrapper.active .arrow:before{transform: rotate(-45deg);}
.wrapper.active .arrow:after{transform: rotate(45deg);}
.arrow{width: 13px; height: 13px; display: inline-block; position: relative; bottom: -5px; left: -10px; transition: 0.4s ease; margin-top: 2px; text-align: left; transform: rotate(45deg); float: right;} 
.arrow:before, .arrow:after{position: relative; content: ""; display: inline-block; width: 12px; height: 3px; background-color: #fff; transition: 0.4s ease;}
.arrow:after{position: relative; transform: rotate(90deg); top: -5px; left: 5px;} 
.wrapper .click-text{display: block; text-align: left; cursor: pointer; color: rgba(0, 0, 0, 1); border-bottom: 1px solid rgba(0, 0, 0, 1); transition: 0.15s ease;} //padding: 0 12px 16px; 
.wrapper .click-text:hover{color: rgba(0, 0, 0, 0.3); border-bottom-color: rgba(0, 0, 0, 0.4);}
.wrapper ul{padding: 0 0 10 0; margin: 0; height: 0; display: none;	transition: 0.4s ease; border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.wrapper li{list-style-type: none; margin: 0 auto; padding: 4px 12px; text-align: left;} 
.wrapper li:first-child{margin-top: 12px;}
.wrapper li:last-child{margin-bottom: 12px;}


.switch{position: relative; display: inline-block; width: 60px; height: 34px;}
.switch input{opacity: 0; width: 0; height: 0;}
.slider{position: absolute; cursor: pointer; top: 4px; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.slider:before{position: absolute; content: ""; height: 26px; width: 26px; top: 2px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
input:checked + .slider{background-color: rgb(0, 106, 122);}
input:focus + .slider{box-shadow: 0 0 1px rgb(0, 106, 122);}
input:checked + .slider:before{-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

.edit{width: 28px; margin-top: -8px; margin-right: 8px;}
.edit:hover{transform: scale(1.2);}

@media (max-width: 1000px)  {
				.modal{padding-top: 50%;}
				.modal-content{max-width: 100%;}
				.modal-header{position: -webkit-sticky; position: sticky; top: 0; z-index: 1;}
				#mixedSlider1 .MS-content .item {width: calc(100% + 1px); padding: 0px 5px 0px 5px;}
				#mixedSlider2 .MS-content .item {width: calc(100% + 1px); padding: 0px 5px 0px 5px;}
				#mixedSlider3 .MS-content .item {width: calc(100% + 1px); padding: 0px 5px 0px 5px;}
				#mixedSlider4 .MS-content .item {width: calc(100% + 1px); padding: 0px 5px 0px 5px;}
				#mixedSlider5 .MS-content .item {width: calc(100% + 1px); padding: 0px 5px 0px 5px;}
				#mixedSlider6 .MS-content .item {width: calc(100% + 1px); padding: 0px 5px 0px 5px;}
			    }

@media only screen and (max-width: 800px), (max-aspect-ratio: 5/8){
				.modal{padding-top: 0px;}
				.reginp{width: 100%;}
				.reginp_option{width: 100%;}
				.reginp_option_nyelv{width: calc(50% - 14px);}
				#message{width: 100%;}
				#message1{width: 100%;}
				.megtekint_user_kep{margin: auto; display: block;}
				.megtekint_user_szoveg{text-align: center;}
				.megtekint_tisztseg{margin-top: 30px; max-width: 100%; margin-left: 0px;}
				.megtekint_tisztseg li{list-style-position: outside; margin-left: 0px;}
				.egy_het{width: 100%;}
				#naptar{width: 100%;}
				.megtekint_tisztseg_button{width: 100%; text-align: center;}
				.korabbi_rendezvenyek{width: 100%; margin-bottom: 5px;} 
				#mixedSlider2 .MS-controls button {top: 42px;}
}

@media (max-width: 600px)   {
				*{font-size: 16px;}
				.JASZ_fejlec_menusor ul{margin-top: -14px;}
				.JASZ_fejlec_menusor li{position: relative; padding: 0px 10px 0px 0px;}
			    	.JASZ_fejlec_kep{height: 100px; background-size: 600px auto;}
			    	.JASZ_fejlec_kep .JASZ_logo{margin-left: 0px; width: 140px; height: 120px; padding-top: 30px;}
			    	.JASZ_fejlec_kep .JASZ_logo img{height: 60px;}
			    	.JASZ_kis_menusor img{height: 28px; padding-right: 5px;}
			    }