/* remove hover & click dotted borders ---------------------------------------- */
a,input,button,select,option,a:active,input:active,button:active,select:active,option:active,a:focus,input:focus,button:focus,select:focus,option:focus{outline:none;outline-color:transparent;border:none;border-color:transparent;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}a::-moz-focus-inner,input::-moz-focus-inner,button::-moz-focus-inner,select::-moz-focus-inner,option::-moz-focus-inner{outline:none;outline-color:none;border:none}img{border:none}

html {
	font-size: 1.2rem;
	scroll-behavior: smooth;
}
body {
	font-family: 'Thasadith', sans-serif;
	color: #333;
	background: #282d32;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Oswald', sans-serif;
	margin-bottom: 1rem;
}

/* menü ----------------------------------------------------------------------- */

nav.menu {
	background: rgba(0, 0, 0, 0.75);
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}
@media (min-width: 768px){
	nav.menu {
		background: rgba(0, 0, 0, 0);
	}
}
nav.menu.dark {
	background: rgba(255, 255, 255, 0.95);
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}
.navbar {
	padding: .3rem 1rem;
}
.navbar-brand {
	padding: 0 0 0 0;
}
.menu .navbar-toggler {
	border: none;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	color: #fff;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
.menu.dark .navbar-toggler {
	color: #333;
}
.menu .navbar-toggler:hover {
	color: #5494bb;
}
.menu-modal .modal-dialog {
	margin: 0 0 0 0;
	max-width: 100%;
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0;
	color: #333;
	font-family: 'Oswald', sans-serif;
}
.menu-modal .modal-header {
	border: none;
}
.menu-modal .modal-header .close {
	opacity: 1;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
.menu-modal .modal-header .close:hover {
	opacity: 1;
	color: #5494bb;
}
.menu-modal .modal-content {
	height: 100%;
	min-height: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #333;
	background: rgba(255, 255, 255, 0.97);
	overflow: auto;
	border: none;
}
.menu-modal .modal-body {
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-modal .modal-body a {
	color: #333;
	font-size: 230%;
	text-decoration: none;
	display: block;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
.menu-modal .modal-body a:hover,
.menu-modal .modal-body a.selected {
	color: #5494bb;
}
.menu-modal .modal-header .close {
	margin-top: -0.5rem !important;
}
.menu-modal .modal-footer {
	height: 70px;
	border: none;
}
@media (min-width: 480px){
	.menu-modal .modal-body a {
		font-size: 280%;
	}
}

/* content -------------------------------------------------------------------- */

main {
	padding: 90px 0 30px 0;
	background: #fff;
}
main.startpage {
	padding: 30px 0 0 0;
}
main .startpage_content_1 {
	padding-bottom: 20px;
}
main .workers {
	background-image: url('../images/startpage_workers.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0 0 0 0 !important;
	border-bottom: 2px solid #fff;
}
main .employers {
	background-image: url('../images/startpage_employers.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0 0 0 0 !important;
	border-bottom: 2px solid #fff;
}
main .workers a,
main .employers a {
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	color: #fff !important;
	background: rgba(84, 148, 186, 0.75);
	height: 200px;
	text-decoration: none;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
	text-shadow: 2px 2px 3px #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
main .workers a:hover,
main .employers a:hover {
	background: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	font-size: 2.15rem;
}
@media (min-width: 480px){
	main .workers a,
	main .employers a {
		height: 240px;
	}
}
@media (min-width: 576px){
	main .workers {
		border-right: 1px solid #fff;
	}
	main .employers {
		border-left: 1px solid #fff;
	}
	main .workers a,
	main .employers a {
		height: 290px;
	}
}
@media (min-width: 992px){
	main .workers a,
	main .employers a {
		height: 320px;
	}
}
@media (min-width: 1200px){
	main .workers a,
	main .employers a {
		height: 360px;
	}
}
@media (min-width: 1600px){
	main .workers a,
	main .employers a {
		height: 400px;
	}
}

/* footer --------------------------------------------------------------------- */

footer {
	padding: 50px 0 30px 0;
	background: #282d32;
	color: #bbb;
}
footer .spacer {
	display: inline-block;
	width: 150px;
}
footer a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
footer a:hover {
	color: #5396ba;
	text-decoration: none;
}

/* main tags ------------------------------------------------------------------ */

/* links */

main.content a, main.content a:visited {
	color: #5396ba;
	text-decoration: none;
	background-image: linear-gradient( transparent 2px, #5396ba 2px, #5396ba 4px, transparent 4px ), linear-gradient( transparent 2px, #ccc 2px, #ccc 2px, transparent 4px );
	background-size: 0% 6px, 100% 6px;
	background-position: 0 bottom, 0 bottom;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	border-bottom: 6px solid transparent;
}
main.content a:hover {
	background-size: 100% 6px;
	text-decoration: none;
	color: #13567a;
}
@supports (-ms-ime-align:auto) {
	main.content a, main.content a:visited {
		background-image:
			linear-gradient(#5396ba, #5396ba),
			linear-gradient(#ddd, #ddd);
		background-size: 0% 2px, 100% 2px;
		padding-bottom: 2px;
	}
	main.content a:hover {
		background-size: 100% 2px;
	}
}

/* forms - buttons */

main button, 
main .btn {
	box-shadow: none !important;
	outline: 0 !important;
	border: none !important;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
main .btn-primary {
	background-color: #5396ba;
}
main .btn-primary:hover {
	background-color: #33769a;
}
main .btn-primary:not(:disabled):not(.disabled).active,
main .btn-primary:not(:disabled):not(.disabled):active,
main .show > .btn-primary.dropdown-toggle {
	background-color: #13567a;
}
main .btn-light {
	background-color: #e5e5e5;
}
main .btn-light:hover {
	background-color: #d5d5d5;
}
main .btn-light:not(:disabled):not(.disabled).active,
main .btn-light:not(:disabled):not(.disabled):active,
main .show > .btn-light.dropdown-toggle {
	background-color: #c5c5c5;
}

/* forms - inputs */

main input,
main select,
main textarea {
	box-shadow: none !important;
	outline: 0 !important;
}
main textarea {
	resize: none;
}
main textarea.form-control {
	height: 251px;
}
main .form-control,
main select,
main .custom-select {
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
	color: #333;
}
main .form-control {
	border: 2px solid #ced4da;
}
main .form-control:hover,
main select:hover,
main .custom-select:hover,
main .custom-control-label:hover::before,
main .custom-control-label:active::before,
main .custom-control-label:focus::before,
main .custom-control-label:active:focus::before,
main .custom-control-label:hover:active::before {
	border: 2px solid #5396ba;
}
main .form-control:focus,
main select:active,
main select:focus,
main select:active:focus,
main .custom-select:focus {
	border: 2px solid #13567a;
}
main label {
	font-weight: bold;
}

/* custom checkbox */

main .custom-control-label::before {
	top: -0.1rem;
	width: 1.25rem;
	height: 1.25rem;
}
main .custom-control-label::after {
	top: 0.05rem;
	width: 1.25rem;
	-ms-transform: scale(1.6);
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
}
main .custom-control-label,
main .custom-control-label::before,
main .custom-control-label::after {
	box-shadow: none !important;
	outline: 0 !important;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
main .custom-control-label::before {
	border: 2px solid #bec4ca !important;
}
main .custom-control-label:hover::before {
	border: 2px solid #5396ba !important;
}
main .custom-control-input:checked ~ .custom-control-label::before {
	border-color: #5396ba !important;
	background-color: #5396ba !important;
}

/* bootstrap-select */

main .selectpicker-container label {
	display: block;
}
main .bootstrap-select > .dropdown-toggle::after {
	color: #888;
}
main .bootstrap-select a.dropdown-item, main .bootstrap-select a.dropdown-item:visited {
	color: #333;
	text-decoration: none;
	background: none;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
	padding-bottom: .25rem;
	border: none;
}
main .bootstrap-select a.dropdown-item:hover,
main .bootstrap-select a.dropdown-item.selected,
main .bootstrap-select a[selected="true"] {
	text-decoration: none;
	color: #fff;
	background: #5396ba;
}
@supports (-ms-ime-align:auto) {
	main .bootstrap-select a.dropdown-item, main .bootstrap-select a.dropdown-item:visited {
		background: none;
		padding-bottom: 0;
	}
	main .bootstrap-select a.dropdown-item:hover {
		background: none;
	}
}
main .bootstrap-select .btn {
	padding: .33rem .75rem;
}
main .bootstrap-select .btn:focus {
	outline: none !important;
}
main .bootstrap-select button {
	border: 2px solid #ced4da !important;
	background: none !important;
}
main .bootstrap-select button:hover {
	border: 2px solid #5396ba !important;
	background: none !important;
}
main .bootstrap-select button:active,
main .bootstrap-select button:focus,
main .bootstrap-select button:hover:active,
main .bootstrap-select button:active:focus {
	border: 2px solid #13567a !important;
	background: none !important;
}
main .bootstrap-select button[title="Kérjük, válasszon!"] .filter-option-inner-inner,
main.content .bootstrap-select ul li.disabled span {
	color: #888 !important;
	font-style: italic;
}
main .bootstrap-select li.disabled.selected a.dropdown-item.selected,
main.content .bootstrap-select ul li.disabled.selected span {
	background: #fff !important;
}

/* form placeholders */

::-webkit-input-placeholder {
	color: #888 !important;
}
:-ms-input-placeholder {
	color: #888 !important;
}
::placeholder {
	color: #888 !important;
}

/* form error messages */

main.content .form-group {
	position: relative;
}
main.content .form-group span.error {
	position: absolute;
	bottom: -11px;
	left: 0;
	display: inline-block;
	padding: 0 5px;
	color: #fff;
	background-color: #a00;
	font-size: 0.65rem;
	font-weight: bold !important;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
main.content .form-group .g-recaptcha {
	position: relative;
}
main.content .form-group .g-recaptcha > div {
	width: 302px !important;
	height: 76px !important;
}
main.content .form-group .g-recaptcha span.error {
	left: -2px;
}
main.content .form-group.accept span.error {
	bottom: -15px;
}
main.content input.error,
main.content textarea.error {
	border-color: #a00;
}
main.content .message-warning {
	padding: 20px 20px 0 20px;
	border: 2px solid #a00;
	color: #a00 !important;
	background: #fceaec;
	margin-bottom: 1rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
}
main.content .message-warning h2 {
	font-size: 1.5rem;
}
main.content .message-warning ul {
	color: #a00 !important;
}

main .custom-control-label.error {
	color: #a00;
}
main .custom-control-label.error::before {
	border: 2px solid #a00 !important;
}
main .custom-control-label.error:hover::before {
	border: 2px solid #a00 !important;
}

.form-group div.g-recaptcha {
	display: inline-block;
	border: 2px solid transparent;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
.form-group.error div.g-recaptcha {
	border: 2px solid #a00;
}


/* gallery -------------------------------------------------------------------- */

main.content .row.gallery {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
main.content .row.gallery > [class^="col-"],
main.content .row.gallery > [class*=" col-"] {
	padding-right: 1px;
	padding-left: 1px;
}
main.content .gallery_bg {
	width: 100%;
	height: 253px !important;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
@media (min-width: 576px){
	main.content .gallery_bg {
		height: 253px !important;
	}
}
@media (min-width: 768px){
	main.content .gallery_bg {
		height: 228px !important;
	}
}
@media (min-width: 992px){
	main.content .gallery_bg {
		height: 230px !important;
	}
}
@media (min-width: 1200px){
	main.content .gallery_bg {
		height: 275px !important;
	}
}
main.content .gallery_bg a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-image: none;
	background-size: inherit;
	background-position: inherit;
	background-repeat: inherit;
	background-color: transparent;
	border-bottom: none;
	-webkit-transition: all 250ms ease;
	-moz-transition:	all 250ms ease;
	-ms-transition:		all 250ms ease;
	-o-transition:		all 250ms ease;
	transition:			all 250ms ease;
}
main.content .gallery_bg a:hover {
	background-color: rgba(83,150,186,0.5);
}
@media (min-width: 576px){
	main.content .just-1 .gallery_bg {
		max-width: 253px !important;
	}
}
@media (min-width: 768px){
	main.content .just-1 .gallery_bg {
		max-width: 253px !important;
	}
}
@media (min-width: 992px){
	main.content .just-1 .gallery_bg {
		max-width: 230px !important;
	}
}
@media (min-width: 1200px){
	main.content .just-1 .gallery_bg {
		max-width: 275px !important;
	}
}

/* other ---------------------------------------------------------------------- */

/* line view */

main.content .content-view-children {
	margin-top: 1.75rem;
}
main.content .content-view-line {
	margin-bottom: 1.75rem;
}
main.content .content-view-line h1,
main.content .content-view-line h2,
main.content .content-view-line h3,
main.content .content-view-line h4,
main.content .content-view-line h5,
main.content .content-view-line h6,
main.content .content-view-line p {
	margin-bottom: 0.4rem;
}

/* embed inline */

main.content span.embed-inline {
	display: inline-block;
	margin: 0 0.2rem;
	padding: 0 0.2rem;
	background-color: rgba(0,0,0,.04);
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	border: 1px solid #dee2e6;
}
main.content span.embed-inline a {
	border-bottom: none !important;
}

/* object alignz */

main.content a.float-left {
	margin: 0.25rem 1rem 1rem 0;
}
main.content a.float-right {
	margin: 0.25rem 0 1rem 1rem;
}

main.content .embeddedmedia.float-left,
main.content .embeddedmedia.float-right {
	float: none !important;
	width: 100%;
	margin: 0.25rem 0 1rem 0;
}
@media (min-width: 576px){
	main.content .embeddedmedia.float-left {
		float: left !important;
		margin: 0.25rem 1rem 0.2rem 0;
	}
	main.content .embeddedmedia.float-right {
		float: right !important;
		margin: 0.25rem 0 0.2rem 1rem;
	}
	main.content .embeddedmedia.float-left,
	main.content .embeddedmedia.float-right {
		width: 50%;
	}
}

main.content div.object-center {
	text-align: center;
	margin: 0 0 1rem 0;
	padding: 0;
}
main.content div.object-center.embeddedmedia {
	width: 100%;
}

/* images - float */

main.content .float-left .content-view-embeddedmedia .class-image .attribute-image a {
	margin: 0.25rem 1rem 1rem 0;
}
main.content .float-right .content-view-embeddedmedia .class-image .attribute-image a {
	margin: 0.25rem 0 1rem 1rem;
}

/* images - signs */

main.content a.icon-zoom,
main.content a.icon-link {
	position: relative;
	display: inline-block;
}
main.content a.icon-zoom::before,
main.content a.icon-link::before {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-family: "FontAwesome", sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	text-align: center;
	width: 30px;
	color: rgba(255,255,255,0.7);
	background: rgba(83,150,186,0.7);
	padding: 4px 0;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	-webkit-border-bottom-left-radius: .25rem;
	-moz-border-radius-bottomleft: .25rem;
	border-bottom-left-radius: .25rem;
	-webkit-transition: all 200ms ease;
	-moz-transition:	all 200ms ease;
	-ms-transition:		all 200ms ease;
	-o-transition:		all 200ms ease;
	transition:			all 200ms ease;
}
main.content a.icon-zoom::before {
	content: "\f00e";
}
main.content a.icon-link::before {
	content: "\f0a6";
}
main.content a.icon-zoom:hover::before,
main.content a.icon-link:hover::before {
	color: rgba(83,150,186,1);
	background: rgba(255,255,255,1);
	border-top: 1px solid rgba(0,0,0,0.3);
	border-right: 1px solid rgba(0,0,0,0.3);
}

/* cardz */
main.content .card.float-left {
	margin: 0.25rem 1rem 1rem 0;
}
main.content .card.float-right {
	margin: 0.25rem 0 1rem 1rem;
}
main.content .card .card-body {
	padding-bottom: 0.25rem;
}

/* html elementz in content *************************************************** */

/* lists */

main.content ul {
	/*list-style: circle;*/
	color: #5396ba;
}
main.content ol {
	list-style: decimal;
	color: #5396ba;
}
main.content ol.abc_lower {
	list-style-type: lower-alpha;
}
main.content ol.abc_upper {
	list-style-type: upper-alpha;
}
main.content ol.roman_nums {
	list-style-type: upper-roman;
}
main.content ul li div,
main.content ol li div {
	color: #333;
}
main.content .dropdown-menu ul li a:hover div,
main.content .dropdown-menu ul li a.selected div {
    color: #fff;
}

/* undeline */

main.content u {
	text-decoration: none;
	background-image: linear-gradient( transparent 1px, #bbb 1px, #bbb 2px, transparent 2px ), linear-gradient( transparent 1px, #bbb 1px, #bbb 2px, transparent 2px );
	background-size: 0% 6px, 100% 6px;
	background-position: 0 bottom, 0 bottom;
	background-repeat: no-repeat;
	padding-bottom: 1px;
	border-bottom: 6px solid transparent;
}

/* horizontal rule */

main.content hr {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* tables */

main.content .table tr th.thead-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55;
}
main.content .table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.04);
}
main.content .table-hover tbody tr:hover {
	color: #212529;
	background-color: rgba(0,0,0,.085);
}

/* site specific -------------------------------------------------------------- */

.node_2 h1 {
	display: none;
}
.node_2 h2 {
	font-size: 2.5rem;
}








.gchecking {
	visibility: hidden;
}











h2#toc-227_1 {
	color: #c00;
	font-size: 3rem;
}









.vjs-playing .vjs-big-play-button {
	opacity: 0 !important;
	transition: opacity 0.2s linear !important;
}
.vjs-paused .vjs-big-play-button {
	opacity: 1 !important;
	transition: opacity 0.2s linear !important;
}