* {font-family: 'Scope One';}
body{font-size: 24px; margin: 0px; padding: 0px; background: rgba(255,255,255,1));}
#fejlec{position: -webkit-sticky; position: sticky; top: 0; z-index: 10; background-color: rgb(255,255,255); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20); -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20);}
a{text-decoration: none; color: rgb(0,0,0);}

#menu{display: block;}
#mobilmenu{position: absolute; top: 8px; right: 8px; display: none;}
#fejlec ul{list-style-type: none; margin: 0; padding: 0;}
#fejlec li{display: inline; margin: 10px; padding: 30px;}
#fejlec li:hover{cursor: pointer;}
#fejlec li:hover > a:link{font-weight: bold; box-shadow: 0px 2px 0px 0px rgba(0,0,0,1); -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,1);}
#fejlec li:hover > a:visited{font-weight: bold; box-shadow: 0px 2px 0px 0px rgba(0,0,0,1); -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,1);}
#fejlec li:hover > a:active{font-weight: bold; box-shadow: 0px 2px 0px 0px rgba(0,0,0,1); -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,1);}
#fejlec li a{text-decoration: none; color: rgb(0,0,0);}
#fejlec .logo{width: 120px;}


#modal_torzs .mobilmenu ul{list-style-type: none; margin: 0; padding: 0; padding-left: 0px;}
#modal_torzs .mobilmenu li{display: block; text-align: center; width: 100%; margin: 0px; padding: 30px 0px 30px 0px; margin-top: 10px; cursor: pointer;}
#modal_torzs .mobilmenu li a{text-decoration: none; color: rgb(0,0,0);}
#modal_torzs .mobilmenu li:hover{background-color: rgb(225, 225, 232);}

#Xtartalom{position: relative; width: calc(100% - 50px); padding: 30px 0px 30px 50px; margin: 0px;}
#tartalom{position: relative; padding: 30px 0px 30px 50px; margin: 0px;}
#tartalom .egesz{position: relative; display: inline-block; vertical-align: text-top; font-size: 22px; text-align: justify; word-wrap: break-word; width: calc(100% - 40px);}
#tartalom .egesz span{font-weight: bold; display: block; padding-bottom: 30px; margin: 10px;}

.fele, #fele{position: relative; display: inline-block; vertical-align: text-top; font-size: 22px; text-align: justify; word-wrap: break-word; width: calc(50% - 40px); text-align-last: center;}
.fele span{font-weight: bold; display: block; padding-bottom: 30px;}
.fele img{max-width: 100%;}

.harmada{position: relative; display: inline-block; vertical-align: text-top; font-size: 22px; text-align: center; word-wrap: break-word; width: calc(33% - 20px);}
.harmada span{font-weight: bold; display: block; padding-bottom: 10px;}
.harmada img{max-width: 100%; max-height: 100%;}
.harmada:hover > a img{box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.75);}

/* BLOG */
.blog_cikk{position: relative; max-width: calc(100% - 50px); padding: 0px 150px 0px 100px; margin: 0px 0px 30px 0px; 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);}
.Xblog_cikk{position: relative; max-width: 100%; padding: 0px 150px 0px 100px; margin: 0px;}
.cim{padding: 30px 0px 0px 0px; margin: 0px; font-size: 22px; font-weight: bold; text-align: justify; word-wrap: break-word;}
.bekezdes{position: relative; padding: 0px; margin: 0px; font-size: 18px; text-align: justify; word-wrap: break-word;}
.gombsor{margin: 0px; padding: 0px;}
.olvass_tovabb{position: relative; font-size: 16px; padding: 0px 5px 0px 5px; margin: 0px; cursor: pointer; margin-right: 5px;}


.butt{position: relative; border: 1px solid rgba(91,36,39,0.3); border-radius: 8px; padding: 5px 15px 5px 15px; font-size: 20px; margin: 4px; background-color: rgb(255, 255, 255);}
.butt:hover{background-color: rgb(223, 241, 242); cursor: pointer; color: rgb(91,36,39);}
.alert:hover{background-color: rgb(250, 230, 231); cursor: pointer;}

/* MODAL */
.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(179,178,175); background-color: #fefefe; margin: auto; padding: 0; max-width: 100%; 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(179,178,175);}
@-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: black; 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; box-shadow: 0px -1px 16px 0px rgba(0,0,0,0.20); -webkit-box-shadow: 0px -1px 16px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px -1px 16px 0px rgba(0,0,0,0.20); min-height: 56px; background-color: rgb(255,255,255);}
.modal-body{padding: 2px 16px; overflow: auto; min-height: 56px;}
iframe{position: relative; display: block; max-width: 640px; margin: auto;}
.resp-iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}


#lablec{position: relative; font-size: 16px; width: 100%; padding-left: 50px; background-color: rgb(255,255,255); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20); -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.20);}
#nev{width: 448px; text-align: left; text-align-last: left;}
#email{width: 400px; text-align: left; text-align-last: left;}
#lablec #elfogad{font-size: 16px;}
#lablec #submit{font-size: 16px;}
#fele{margin-top: 22px;}

#szolgaltatasok_mobil{display: none;}
#szolgaltatasok_pc{display: block;}

hr{width: 80%; border: 0; height: 0; box-shadow: 0 0 1px 1px rgba(0,0,0,0.10);}
hr:after {content: "\00a0";}

/* MEGJELENÉS MOBILON */
@media screen and (max-aspect-ratio: 1/1)  {
	body{font-size: 18px;}
	#menu{display: none;}
	#mobilmenu{display: block;}

	#szolgaltatasok_mobil{display: block;}
	#szolgaltatasok_pc{display: none;}

	#fejlec .logo{width: 80px;}

	.modal{padding-top: 0px;}
	.modal-content{max-width: 100%;}
	.modal-header{position: -webkit-sticky; position: sticky; top: 0; z-index: 1;}
	.note-video-clip{max-width: 100%;}
	.modal-content img{max-width: 100%;}

	#tartalom {width: 100%; margin: 0px; padding: 0px;}
	#tartalom .egesz{width: calc(100% - 20px); margin: 10px; text-align: justify;}
	#tartalom .fele{width: calc(100% - 20px); margin: 10px; text-align: justify;}
	#tartalom .harmada{width: calc(100% - 20px); margin: 10px;}

	.blog_cikk{max-width: calc(100% - 10px); padding: 0px 20px 5px 20px; margin: 0px 5px 30px 5px;}

	#lablec{font-size: 16px;}
	#fele{font-size: 16px; width: calc(100% - 20px); margin-right: 20px; margin-top: 0px;}
	#lablec .fele{font-size: 16px; width: calc(100% - 20px); margin-right: 20px;}
	#nev{font-size: 16px; width: 300px;}
	#email{font-size: 16px; width: 250px;}
	#lablec .harmada{font-size: 16px; width: calc(100% - 20px); margin: 10px;}
}