:root {
	/* ---------------------------------------
    Fonts
  --------------------------------------- */
	font-size: 16px;

	/* Font Families */
	--font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;

	/* Line height */
	--lh-small: 1.33;
	--lh-default: 1.6;

	/* Font sizes */
	--heading-100: 3rem;
	--heading-200: 2.5rem;
	--heading-300: 1.75rem;
	--heading-400: 1.5rem;
	--heading-500: 1.25rem;
	--heading-600: 1rem;
	--text-default: 1rem;
	--text-small: 0.88rem;
	--text-large: 1.25rem;

	/* ---------------------------------------
    Spacing
  --------------------------------------- */
	--spacing-100: 0.5rem; /*8px*/
	--spacing-200: 1rem;
	--spacing-300: 2rem;
	--spacing-400: 3rem;
	--spacing-500: 4rem;
	--spacing-600: 5rem;
	--spacing-700: 6rem;
	--spacing-800: 7rem;

	/* ---------------------------------------
    Radi
  --------------------------------------- */
	--radi-default: 0.25rem;

	/* ---------------------------------------
    Colors 
  --------------------------------------- */
	--color-white: rgba(255, 255, 255, 1);
	--color-black: rgba(0, 0, 0, 1);

	/* Grays */
	--color-gray-50: rgba(248, 250, 252, 1);
	--color-gray-100: rgba(241, 245, 249, 1);
	--color-gray-200: rgba(226, 232, 240, 1);
	--color-gray-300: rgba(203, 213, 225, 1);
	--color-gray-400: rgba(148, 163, 184, 1);
	--color-gray-500: rgba(100, 116, 139, 1);
	--color-gray-600: rgba(71, 85, 105, 1);
	--color-gray-700: rgba(51, 65, 85, 1);
	--color-gray-800: rgba(30, 41, 59, 1);
	--color-gray-900: rgba(15, 23, 42, 1);

	/* Primary */
	--color-primary-100: rgba(248, 252, 249, 1);
	--color-primary-200: rgba(211, 238, 220, 1);
	--color-primary-300: rgba(167, 220, 186, 1);
	--color-primary-400: rgba(112, 199, 143, 1);
	--color-primary-500: rgba(65, 165, 100, 1);
	--color-primary-600: rgba(59, 150, 91, 1);
	--color-primary-700: rgba(52, 132, 80, 1);
	--color-primary-800: rgba(45, 113, 69, 1);
	--color-primary-900: rgba(36, 91, 55, 1);

	/* Secondary */
	--color-secondary-100: rgba(241, 251, 254, 1);
	--color-secondary-200: rgba(181, 233, 248, 1);
	--color-secondary-300: rgba(102, 210, 240, 1);
	--color-secondary-400: rgba(21, 172, 214, 1);
	--color-secondary-500: rgba(14, 116, 144, 1);
	--color-secondary-600: rgba(13, 105, 130, 1);
	--color-secondary-700: rgba(11, 93, 116, 1);
	--color-secondary-800: rgba(10, 82, 102, 1);
	--color-secondary-900: rgba(7, 60, 74, 1);

	/* Misc */
	--color-info-100: rgba(240, 249, 255, 1);
	--color-info-500: rgba(14, 165, 233, 1);
	--color-info-900: rgba(12, 74, 110, 1);
	--color-warning-100: rgba(255, 251, 235, 1);
	--color-warning-500: rgba(245, 158, 11, 1);
	--color-warning-900: rgba(146, 64, 14, 1);
	--color-danger-100: rgba(254, 242, 242, 1);
	--color-danger-500: rgba(239, 68, 68, 1);
	--color-danger-900: rgba(153, 27, 27, 1);

	/* ---------------------------------------
    Shadows
  --------------------------------------- */
	--shadow-base: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
	--shadow-md: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 4px 6px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
	--shadow-xl: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.04);
	--shadow-2xl: 0px 25px 50px rgba(0, 0, 0, 0.25);
	--shadow-inner: inset 0px 2px 4px rgba(0, 0, 0, 0.06);
}


.sppb-row-container {max-width:1170px!important;padding-left:0px;padding-right:0px;}
body {color:var(--color-gray-600);font-family:var(--font-family)!important;font-size:var(--text-default);line-height:var(--lh-default: 1.6);/*padding-top:24px;*/}
h1, h2, h3, h4, h5, h6 {color:var(--gray-900);font-family:var(--font-family)!important;}
.oohover{cursor:pointer;}
.boxlink-style {transition: all 0.2s;}
.boxlink-style:hover {box-shadow: 0px 10px 32px 0px rgba(24, 39, 75, 0.10) !important;}
.btn, .sppb-btn {padding:var(--spacing-200) var(--spacing-300)!important;font-size:var(--text-default)!important;font-weight:500!important;border-radius:2px!important;transition:all .2s!important;transition-timing-function: ease-in-out!important;text-shadow:none!important;}
.btn-default, .sppb-btn-default {color:#fff;background-color:var(--color-primary-500);border-color:var(--color-primary-500);}
.btn-default, .sppb-btn-default {color:var(--color-white)!important;background-color:var(--color-primary-500)!important;border-color:var(--color-primary-500)!important;}
.btn-default:hover, .sppb-btn-default:hover {color:var(--color-white)!important;background-color:var(--color-primary-600)!important;border-color:var(--color-primary-600)!important;box-shadow: var(--shadow-xl)!important;}
.btn-default.focus, .btn-default:focus {color:var(--color-white)!important;background-color:var(--color-primary-700)!important;border-color:var(--color-primary-700)!important;box-shadow: var(--shadow-xl)!important;}
.btn-default.active, .btn-default:active {color:var(--color-white)!important;background-color:var(--color-primary-700)!important;border-color:var(--color-primary-700)!important;box-shadow: var(--shadow-xl)!important;}
.btn-primary, .sppb-btn-primary {border-color:var(--color-secondary-500)!important;background-color:var(--color-secondary-500)!important;}
.btn-primary:hover, .sppb-btn-primary:hover {border-color:var(--color-secondary-600)!important;background-color:var(--color-secondary-600)!important;box-shadow: var(--shadow-xl)!important;}
.btn-primary.focus, .btn-primary:focus {color:var(--color-white)!important;background-color:var(--color-secondary-700)!important;border-color:var(--color-secondary-700)!important;box-shadow: var(--shadow-xl)!important;}
.btn-primary.active, .btn-primary:active {color:var(--color-white)!important;background-color:var(--color-secondary-700)!important;border-color:var(--color-secondary-700)!important;box-shadow: var(--shadow-xl)!important;}
.btn-outline {border-color:var(--color-primary-500);background: var(--color-white);color: var(--color-primary-500);}
.btn-outline:hover {border-color:var(--color-primary-600);background: var(--color-primary-600);color: var(--color-white);}
#sp-header {background:transparent;box-shadow:none;transition:all 0.2s;height:78px;}
#sp-header .container {background:#fff;max-width:1140px;border-radius:var(--radi-default);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)}
#sp-header.menu-fixed .container {box-shadow:none;}
#sp-header.menu-fixed {background:#fff;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);padding-top: 0;}
#sp-header .logo {height:78px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height:40px;font-size:14px;font-weight:600;font-family:var(--font-family);color:var(--color-gray-500);padding:0 5px;margin:0 10px;letter-spacing:0;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {color: var(--color-gray-900);}
.sp-megamenu-parent > li {line-height:78px;}
.sp-megamenu-parent > li.active > a {position:relative;}

.sp-megamenu-parent > li.active > a::before {
	content:"";
	width:100%;
	position:absolute;
	bottom:0;
	height:3px;
	background-color:var(--color-primary-500);
	left:0;
	right:0;
}
#offcanvas-toggler {line-height:78px;}
#featured-boxok {z-index:10!important;}

#sp-bottom .sp-module .sp-module-title {text-transform:none;font-weight:600;font-size:14px;line-height:22px;color:#000000;}
#sp-also-menu-sav .container {border-top:1px solid var(--color-gray-200);padding:30px 0;}

.sp-module ul > li > a::before {font-family: FontAwesome;content: " ";margin-right: 0;}
.sp-module ul > li {border-bottom: none !important;}

#sp-also-menu ul li {display:inline-block;margin-right:32px;}
#sp-also-menu-sav a {color:#41a564;}
#sp-also-menu-sav a:hover {color:#33804e;}


.menu-link-hatter {
	background:var(--color-primary-500);
	padding:4px 32px !important;
	border-radius: 2px;
	color: #fff !important;
}
.menu-link-hatter:hover {background:var(--color-primary-600);}


input {width:100%;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 48px;
	padding: 6px 12px;
	font-size: 16px!important;
	border: 2px solid var(--color-gray-300);
	-webkit-box-shadow: none;
	box-shadow:none;
	border-radius.2px;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: var(--color-primary-500);
	-webkit-box-shadow: none;
	box-shadow: none;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
	border-color: var(--color-primary-500);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.menu-popup-search input {max-width:75%;float:left;}
.menu-popup-search .btn-default {float:right;padding:11px 28px !important;}
.menu-popup-search .fas.fa-search {font-size:22px;}



.sp-page-title h2 {
	font-size: 20px;
	line-height: 32px;
	color: var(--color-gray-300);
	font-weight: normal;
}
.sp-page-title h3 {
	font-size: 40px;
	font-weight: bold;
	line-height: 53px;
	margin-top:0px;
}
.sp-page-title {padding:200px 0 64px 0;margin-top:-102px;background-position: center center !important;background-size:cover;position:relative;}
.header-wrapper {margin-top:24px;}
#sp-main-body {padding:48px 0;}

.view-article #sp-title, .view-article #sp-right {display:none;}
.view-article #sp-main-body .container .col-md-8, .view-article #sp-main-body .container .col-md-12 {
	flex: 0 0 100%;
	max-width: 100%;
}
#sp-main-body .row:first-child {display:flex;flex-wrap:wrap;}

.article-header-image-content .full-image img {object-fit:cover;width:100%;height:400px;}
.article-header-image-content .full-image {width:100%;margin-bottom:0;}
.article-header-image-content {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
	background: url("/images/design/hero.jpg") 50% 50% / cover;
	/*height: 400px;*/
}
.article-header-wrap {
	width: 100%;
	display: flex;
	min-height: 210px;
	position: relative;
	margin-bottom: 48px;
}



.view-article #sp-main-body .container .col-md-8 .article-details .article-header-wrap .article-header-image-content::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(15,23,42,0.7);
	opacity: 0.55;
	z-index: 1;
}

.view-article #sp-main-body {padding:0;}
.article-header-wrap-all {margin-top:-102px;}

.article-header-title-wrap {position:absolute;z-index:1;bottom:13%;}

.header-all {position:relative;}
.article-header h1 {font-size:40px;color:#fff;}


.entry-header {position:inherit;display:flex;flex-direction:column;margin-bottom:0;width:100%;}
.entry-header h2 {margin:0 0 16px 0;font-size:20px;line-height:27px;}
.entry-header h2 a {color:var(--color-gray-900);}
.entry-header h2 a:hover {color:var(--color-primary-600);}

.view-article #sp-main-body .container .col-md-8 .article-details .article-body-wrap .article-body-content .article-info {
	border-top: solid 1px var(--color-gray-200);
	border-bottom: solid 1px var(--color-gray-200);
	padding: 15px 0;
	margin:0 0 24px 0;
}
.view-article #sp-main-body .container .col-md-8 .article-details .article-body-wrap .article-body-content .article-info dd:first-child {
	margin-left: 0;
}
.view-article #sp-main-body .container .col-md-8 .article-details .article-body-wrap .article-body-content .article-info dd {
	font-size: 16px;
	margin: 0 10px;
	padding-right: 32px;
	border-right: solid 1px var(--color-gray-200);
}
.view-article #sp-main-body .container .col-md-8 .article-details .article-body-wrap .article-body-content .article-info dd:last-child {
	padding-right: 0;
	border-right: 0;
}
.article-details .article-info {margin-bottom:1rem;}
.article-info > dd {color:var(--color-gray-500);text-transform:none;line-height:22px;font-size:14px;}
.article-info .fa {display:none;}
.article-info .category-name {font-weight:600;}

.layout-blog #sp-main-body {background:var(--color-gray-50);}



.items-row-default-style-col {display:flex;}
.blog-default .entry-image {margin-bottom:0px;width:100%;}
.blog .entry-image.intro-image img {object-fit:cover;height:200px;width:100%;border-top-left-radius:4px;border-top-right-radius:4px;}

.blog-default article.item {
	border: 1px solid var(--color-gray-200);
	border-radius: var(--radi-default);
	margin-bottom: 30px;
}

.blog-default-style-content {padding:24px 24px 16px;display:flex;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.article-info {order:2;border-top:1px solid var(--color-gray-200);padding:16px 0 0 0;display:flex;/*justify-content:space-between;*/margin:0 -8px 0;}
.entry-header .article-info {justify-content:space-between;}
.article-info-term {display:none;}

.blog-default-style-content .tags {display:none;}
.tags a {margin-right:16px;}
.tags {margin-bottom:48px;}



#sp-right .sp-column, .article-body-right {padding:24px;background:#fff;border-radius:4px;border:1px solid var(--color-gray-200);}
#sp-right .sp-module, .article-body-right .sp-module {border-bottom: 1px solid var(--color-gray-200);padding-bottom:16px;margin-top:32px;}
#sp-right .sp-module:first-child, .article-body-right .sp-module:first-child {margin-top:0;border-bottom:none;padding-bottom:0;}
#sp-right .sp-module:last-child, .article-body-right .sp-module:last-child {border-bottom:none;padding-bottom:0px;}

.sp-module .sp-module-title {margin:0px 0 16px;font-size:16px;text-transform:none;line-height:21px;}

#sp-bottom {border-top:1px solid var(--color-gray-200);}
.search-modd-right .btn-default {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--color-gray-500) !important;
	position: absolute;
	top:0px;
	right:0px;
	padding: 13px !important;
}
.search.search-modd-right {position:relative;}
.search-modd-right .fas.fa-search {font-size:22px;}
.search-modd-right button:hover {box-shadow:none !important;color:var(--color-primary-500);}
.sp-module ul > li > a {line-height:26px;}
.pagination-wrapper {text-align:center;margin-bottom:24px;}
.pagination > li > a {border-radius:var(--radi-default) !important;margin-right:8px;font-family:Inter;font-weight:bold;margin-left:0;/*padding:12px 19px;*/}
.pagination {margin:0;}
.pagination > li > a:hover, .pagination > li > span:hover {color:#fff;background-color:var(--color-primary-600);border-color:var(--color-primary-600);}
.category.list-striped li {border-bottom:1px solid var(--color-gray-300);padding-bottom:14px;margin-bottom:12px;}
.category.list-striped li a {color:var(--color-gray-900);}
.category.list-striped li a:hover {color:var(--color-primary-600);}
.tag-category ul {list-style-type:none;padding-inline-start:0;}
blockquote {font-size:18px;font-weight:300;font-style:italic;line-height:32px;}



/* Large Display */
@media (min-width: 1200px) {
	.view-article #sp-main-body .container .col-md-8 .article-details .article-body-wrap/*, .view-article #sp-main-body .container .col-md-8 .article-details .article-header-title-wrap */{
	width: 1140px;
	margin: 0 auto;
}
}



/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
#sp-bottom {padding:32px 0px 0px 0px!important;}
#sp-bottom .col-sm-6 {margin-bottom:32px;}
#sp-also-menu-sav .container {padding:30px 15px;}

}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
#sp-bottom {padding:32px 0px 0px 0px!important;}
#sp-bottom .col-sm-6 {margin-bottom:32px;}
#sp-also-menu-sav .container {padding:30px 15px;}
#sp-main-body .container .col-sm-8, #sp-main-body .container .col-sm-4 {width:100%;}
.article-header .vizsgalat_cim {text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;}
	#sp-main-body #vizsgalatok-all .row:first-child {display:block!important;flex-wrap:unset!important;}
	.vizsgalat-adatlap-head .col-md-3 {margin-bottom:15px;}
}
	
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
#sp-bottom {padding:32px 0px 0px 0px!important;}
#sp-bottom .col-sm-6 {margin-bottom:32px;}
#sp-also-menu-sav .container {padding:30px 15px;}
/*.sppb-addon-articles .sppb-col-sm-4 {width:33.33333%;}*/
.article-header .vizsgalat_cim {text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;}
	#sp-main-body #vizsgalatok-all .row:first-child {display:block!important;flex-wrap:unset!important;}
	.vizsgalat-adatlap-head .col-md-3 {margin-bottom:15px;}
	#vizsgalatok-all {padding:0!important;}
}

/* Smartphones */
@media only screen and (max-width: 480px) {
	#sp-header .row {display: flex;}
	#sp-menu {order:3;}
	body {padding-top:0;}
	#sp-bottom {padding:32px 0px 0px 0px!important;}
	#sp-also-menu ul li {display:block;margin-right:0;text-align:center;}
	.sp-page-title h3 {font-size:24px;line-height: 32px;}
	.sp-page-title {padding:160px 0 64px 0;}
	.article-header .vizsgalat_cim {text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;}
	#sp-main-body #vizsgalatok-all .row:first-child {display:block!important;flex-wrap:unset!important;}
	.vizsgalat-adatlap-head .col-md-3 {margin-bottom:15px;}
	#vizsgalatok-all {padding:0!important;}
}