:root {
	--text-blue: #753259;
	--button-blue: #786D51; /* #324162*/ /* 6B85D6 */
	--button-blue-hover: #5A5947;
	--combo-blue: #6087F2;
	--specialmenu-bck: #786D51;
	--specialmenu-hover-bck: white;
	--specialmenu-forecolor: #FCF8F7;
	--required-color: #753259;
	--linkbutton-color: #753259;
	--control-hoover-color: #324162;
	--color-1: #0059BC;
	--color-3: #2C8FFF;
	--color-5: #F0F7FD;
	--color-6: #F04E69;
	--color-9: #252E40;
	--color-10: #00EDBE;
	--color-13: #0035FB;
	--color-14: #023f87;
	--menu-color: var(--color-9);
	--menu-color-mobile: var(--color-1);
	--menu-color-mobile-inactive: #7AA8DD;
	/*    --bottom-panel-color: #6dc8b7;
    --design-strip-color: #7979ff;
    --token-bg-color: #9bede8;
    --token-color: #023e86;
    --heading-type-1-color: #00acbe;
    --competition-memobox-bgcolor: #effaff;*/
}

/*--------------------Font----------------------------*/
/*@font-face
{
    font-family:'futura_t_otbold';
    src:url('../fonts/futuratot-bold-webfont.eot');
    src:url('../fonts/futuratot-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-bold-webfont.woff') format('woff'),
        url('../fonts/futuratot-bold-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-bold-webfont.svg#futura_t_otbold') format('svg');
    font-weight:lighter;
    font-style:normal;
    -webkit-text-size-adjust:100%
}

@font-face
{
    font-family:'futura_t_otregular';
    src:url('../fonts/futuratot-book-webfont.eot');
    src:url('../fonts/futuratot-book-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-book-webfont.woff') format('woff'),
        url('../fonts/futuratot-book-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-book-webfont.svg#futura_t_otregular') format('svg');
    font-weight:normal;
    font-style:normal
}

@font-face
{
    font-family:'futura_t_otdemi';
    src:url('../fonts/futuratot-demi-webfont.eot');
    src:url('../fonts/futuratot-demi-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-demi-webfont.woff') format('woff'),
        url('../fonts/futuratot-demi-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-demi-webfont.svg#futura_t_otdemi') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face
{
    font-family:'futura_t_otmedium';
    src:url('../fonts/futuratot-medi-webfont.eot');
    src:url('../fonts/futuratot-medi-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/futuratot-medi-webfont.woff') format('woff'),
        url('../fonts/futuratot-medi-webfont.ttf') format('truetype'),
        url('../fonts/futuratot-medi-webfont.svg#futura_t_otmedium') format('svg');
    font-weight:normal;
    font-style:normal
}

@font-face {
    font-family: 'stencil_regular';
    src: url('../fonts/36103_Stencil2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}*/


/* DEFAULTS
----------------------------------------------------------*/
html {
/*	height: 100%;*/
	overflow: unset !important;
}

body {
	height: 100%;
	min-width: 340px; /* TODO: mi legyen a max width? A 375 túl nagy. Az én telefonom 360px */
	font-family: Montserrat; /*'futura_t_otdemi',serif;*/
	color: #818285;
	/*overflow-x: hidden;*/
	margin: 0;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p {
    margin-bottom: 10px !important;
    margin-top: 1em !important;
    line-height: 1.6em !important;
    font-size: 9.5pt !important;
    text-indent: 0!important;
}

.justify {
    text-align: justify !important;
}

.left {
    text-align: left !important;
}

.left {
    text-align: right !important;
}

.bold {
    font-weight: bold;
}

.border {
    border: 1px solid;
    padding: 8px;
}

.grouping-panel-margin {
	margin: 12px;
}

.up{
    text-transform :uppercase!important;
}

.underline {
    border-bottom: 1px solid;
}

.doubleunderline {
    border-bottom: 1px double;
}

.tripleunderline {
    border-bottom: 3px solid black;
}

.vertical-middle {
    vertical-align: middle;
    display: table-cell;
}

/* HEADINGS   
----------------------------------------------------------*/

/*h1, h2, h3, h4, h5, h6 
{
    font-size: 1.5em !important;
    color: #888888 !important;
    font-variant: small-caps !important;
    text-transform: none !important;
    font-weight: 200 !important;
    margin-bottom: 0px !important;
}*/

.h1 {
	font-size: 82px;
	font-family: Archivo;
	font-style: normal;
	font-weight: 800;
	line-height: 78px;
	letter-spacing: -3.28px;
	margin-left: 343px;
}

.h2 {
	font-family: Archivo;
	font-size: 66px;
	font-weight: 800;
	line-height: 76px;
	letter-spacing: -0.03em;
}

.h3 {
	font-family: Archivo;
	font-size: 40px;
	font-weight: 900;
	line-height: 55px;
	letter-spacing: 0em;
}

.h4 {
	font-family: Archivo;
	font-size: 28px;
	font-weight: 900;
	line-height: 42px;
	letter-spacing: -0.015em;
}

h5, h6 
{
    font-size: 1em;
}

.t1 {
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 400;
	line-height: 36px;
	letter-spacing: 0.01em;
}

.lead-bold {
	font-family: Archivo;
	font-size: 24px;
	font-weight: 800;
	line-height: 33px;
	letter-spacing: 0.01em;
}


/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 
{
    margin-top: 0px !important;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.item-page {
    margin: auto;
    height: 100%;
    width: 100%;
    overflow: auto;
    display: table;
}

.page {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-color: white;
/*	webkit-box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);
	moz-box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);
	border-radius: 0 0 6px 6px;
*/}

.header-line {
	position: sticky;
	top: 0px;
	display: block;
	background: white;
	z-index: 100;
	border-bottom: 1px solid rgb(200,200,200);
}

#outercontainer {
    height: 80px;
    width: 100%;
}

/*.outercontainer-firstrowcell {
    height: 30px;
    padding: 0px;
}

.outercontainer-secondrowcell {
    padding: 0px;
    vertical-align: top;
}*/

.outercontainer-thirdrow {
	height: 5px;
}

.outercontainer-thirdrowcell {
    height: 5px;
    padding: 0px;
}

.container
{
    /*width: 100%;*/
    margin-left: auto;
    margin-right: auto;
}

.topheader
{
    position: relative;
    margin: 0px;
    padding: 0px;
    float:right;
    min-height:30px;
}

.main
{
/*    padding: 0px 12px;
    margin: 5px;*/
    height:100%;
    /*min-height: 350px !important;*/
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
	display: none;
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    /*height:20px;*/
}

.bottomPanel {
	position: relative;
	width: 100%;
	background-color: var(--color-9) !important;
	color: var(--color-5);
	border: none;
	padding-top: 70px;
}

.bottomPanel-div {
	position: relative;
	top: 45px;
	max-width: 1170px;
	margin: auto;
}

.checkinn_logo {
	/*	left: 80px;
	top: 4px;
	float: left; */
	display: inline-block;
	position: relative;
	background: url('../images/checkinn_logo_footer.png') no-repeat 0 0;
	width: 149px;
	height: 28px;
	text-indent: -9999px;
	background-size: contain;
	margin: 0 40px 0 0;
}

.mtsza_logo {
	/*	left: 80px;
	top: 4px;
	float: left; */
	display: inline-block;
	position: relative;
	background: url('../images/mtsza_logo.png') no-repeat 0 0;
	width: 68px;
	height: 68px;
	text-indent: -9999px;
	background-size: contain;
	margin: 0;
}

.bottomPanel-social {
	display: inline-block;
	vertical-align: top;
}

.social-logo {
	display: inline-block;
}

	.social-logo a {
		display: inline-block;
		z-index: 101;
		text-indent: -9999px;
	/*	background-size: cover;*/
		position: relative;
	}

.header-social {
	margin-right: 18px;
}

.header-social--youtube a {
	width: 22px !important;
	height: 16px;
	background-image: url('../Images/social/youtube.png');
	margin-right: 15px;
	bottom: -1px;
}

.header-social--in a {
	width: 14px !important;
	height: 14px;
	background-image: url('../Images/social/in.png');
	margin-right: 13px;
	bottom: 1px;
}

.header-social--insta a {
	width: 18px !important;
	height: 18px;
	background-image: url('../Images/social/insta.svg');
	margin-right: 14px;
	bottom: -2px;
}

.header-social--fb a {
	width: 7px !important;
	height: 15px;
	background-image: url('../Images/social/fb.png');
	margin-right: 13px;
	bottom: 1px;
}

.header-social--spotify a {
	width: 18px !important;
	height: 18px;
	background-image: url('../Images/social/spotify.png');
	bottom: -1px;
}


.footer-social--youtube a {
	width: 25px !important;
	height: 17px;
	background-image: url('../Images/social/youtube_white.png');
	margin-right: 15px;
	bottom: -1px;
}

.footer-social {
	white-space: nowrap;
}

.footer-social--in a {
	width: 16px !important;
	height: 15px;
	background-image: url('../Images/social/in_white.png');
	margin-right: 13px;
	bottom: 1px;
}

.footer-social--insta a {
	width: 24px !important;
	height: 24px;
	background-image: url('../Images/social/insta_white.png');
	margin-right: 14px;
	bottom: -4px;
}

.footer-social--fb a {
	width: 24px !important;
	height: 24px;
	background-image: url('../Images/social/fb_white.png');
	margin-right: 13px;
	bottom: -4px;
}

.footer-social--spotify a {
	width: 18px !important;
	height: 18px;
	background-image: url('../Images/social/spotify_white.png');
	bottom: -1px;
}

.posy-footer-container {
	display: block;
	margin-bottom: 45px;
}

.posy-footer {
	/*styleName: Lead bold;*/
	font-family: Archivo;
	font-size: 24px;
	font-weight: 800;
	line-height: 33px;
	letter-spacing: 0.01em;
	text-align: left;
}

.checkinnkft-block {
	margin-bottom: 40px;
}

.footer-text, .footer-text a {
	/*white-space: nowrap;*/
	font-family: Montserrat;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.005em;
	text-align: left;
	color: var(--color-5);
}

.cell-footer-menu {
	width: 234px;
	min-height: 200px;
	position: relative;
/*	margin-left: 14px;*/
}

.footer-logo-container {
	/*padding-right: 83px;*/
	white-space: nowrap;
	margin: auto;
	margin-bottom: 60px;
}

.footer-lower {
	margin-top: 80px;
	padding-bottom: 45px;
	margin-left: unset;
	margin-right: unset;
}

.newsletter-title {
	font-family: Archivo !important;
	font-size: 16.75px !important;
	font-weight: 700 !important;
	line-height: 1.6em !important;
}

.newsletter-subtitle p {
	font-family: Montserrat;
	font-size: 16px !important;
	line-height: 1.2em !important;
}

.newsletter-submit {
	font-family: Archivo;
	font-size: 14px;
	padding: 12px;
}

.footer-column {
	/*width: fit-content;*/
	margin-left: auto;
	margin-right: auto;
}

.input-section input[type = text] {
	width: 100%;
}

.input-section div {
	max-width: 290px;
}

.bottomPanel-middle-block {
	display: inline-block;
	width: 500px;
}

.bottomPanel-footer-menu {
	display: inline-block;
	padding-bottom: 20px;
	margin-right: 15px;
}

.footer-copyright {
	display: inline-block;
	/*width: 780px;*/
	height: 39px;
	margin-right: 15px;
}

.policy-mobile, .copyright-mobile {
	display: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset {
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

.invisible {display: none;}

/* MISC  
----------------------------------------------------------*/
/*.float-left {
    float:left;
}

.float-right {
    float:right;
}

.display-inline-table {
    display:inline-table!important;
}*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}


/*------------------------Site.Master-------------------------------*/
.cf:before, .cf:after {content:" ";display:table}
.cf:after {clear:both}
.cf {*zoom:1}
.of_h {overflow:hidden;}

.main-header-back {
    background: url('../images/headerpic_back_city.jpg') no-repeat 0 0;
    height: 90px;
    background-color: white;
    position: relative
}

.main-header-top {
/*	background: url('../images/headerpic_top.png') no-repeat 0 0;
	cursor: pointer;*/
	height: 90px;
	display: inline-block;
	width: 710px;
	left: 159px;
	position: relative;
}

.main-header-back .menu-left,
/*.main-header-back .menu-right {display:block;height:27px;float:left;}*/
.main-header-back .menu-left {width:88px;position:relative;}
/*.main-header-back .menu-right {width:200px;position:relative;}*/

.header-text {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 700;
	background: unset;
	border: unset;
	padding: unset !important;
	line-height: unset !important;
}

.header-table tr td {
	vertical-align: middle;
}
/*.main-header-mobile {
	height: 90px;
	background-color: white;
	background: url('../images/headpic_bgf.jpg') no-repeat 0 0;
	background-position: right;
}*/

.menu-right {
	float: right;
	position: relative;
	display: block;
	text-align: right;
	padding-right: 30px;
}

.dxm-slide-panel {
	display: inline-block
}

.main_menu_container {
	float: left;
	display: inline-block;
	position: relative;
	z-index: 100;
	width: 100%;
	height: 27px;
	background-image: url('../../images/bgfMenuBg.png');
	background-position: right;
	background-repeat: no-repeat;
}
/*.main_menu_container {float:left;display:inline-block;position:relative;z-index:100;left:5px;width:1195px;height:27px;background-image:url('../../images/MenuBg.png');background-position:right;}*/
.main_menu_div {background:#fff;width:100%;display:block;position:relative;height:27px;float:left;}
.main_menu {float:left;width:100%;}
.main_search {float:right;width:74px;}

.notificationtable {
    width: 100%;
}

.notification_div {
	width: 50px;
	text-align: center;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.notificationsubject_td {
    font-weight: bold;
    float: left;
}

.notificationsubject {
    font-weight: bold;
    color: blue;
    cursor: pointer;
}

.notificationarrived_td {
    text-align: right;
}

.notificationimage_td {
    width: 30px !important;
}

.notificationarrived {
    text-align: right;
    font-size: 11px !important;
}

.notificationlastrow {
    border-bottom: 1px solid #8d8d8d;
}

.oksaw_inpopup {
}

.help_td {
    width: 180px;
}

.logoutcounter_td {
	/*border-right: 1px solid black;*/
	/*width: 250px;*/
	padding-left: 10px;
	padding-bottom: 3px;
}

#btnLogout div.dxb {
	padding: 0 !important;
}

.sessiondata_td {
	padding-left: 5px;
}

/*#btnSessionData, #btnSessionData span {
	white-space: normal;
	line-height: 18px !important;
	padding-left: 0px !important;
}*/

.loggedin_td {
	float: right;
	border-right: 1px solid black;
	padding-right: 5px;
}

.helpbutton,
.helpbutton div {
    color: #000;
    cursor: pointer;
    line-height:10px;
    /*font-size: 9px;*/
    font-weight: bold;
    border: 0px none var(--button-blue) !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    max-height:10px!important;
}

.headerBar {
	/*	display: flex;
	justify-content: center;
	align-items: center;*/
	position: relative;
/*	height: 80px;*/
	top: 13px;
}

.innerHeaderBar {
	text-align: center;
	/*float: right;*/
}

.header-social {
	float: right;
	white-space: nowrap;
	position: relative;
	padding-top: 29px;
/*	margin-left: 20px;*/
}

.menuitem-social-block {
	white-space: nowrap;
	width: -webkit-fill-available;
}

.header-menu-container {
	z-index: 12;
	position: relative;
	width: 100% !important;
}

	.header-menu-container .dxm-menuItem {
		width: 100%;
		max-width: 200px;
	}

	.footer-menu-container .dxm-menuItem {
		width: 200px;
	}

.menuitem {
	cursor: pointer;
}

	.menuitem:hover {
/*		color: #999;
		background-color: #9a9b9d;
		background-image: none;
		outline: none;
		text-decoration: none;*/
	}

.menuItemDrop {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right;
}

	.menuItemDrop:hover {
/*		color: #999;
		outline: none;
		text-decoration: none;*/
	}

.menuitem:active {
/*	color: #666666;
	cursor: pointer;*/
}

.mainMenu {
	padding-top: 13px;
	width: 100%;
	max-width: 280px;
	z-index: -100 !important;
}

.app-logo-container {
	display: inline-block;
	margin-left: 30px;
	height: 100%;
	float: left;
	position: relative;
}

.app-header-logo {
	left: 80px;
	top: 4px;
	float: left;
	display: inline-block;
	position: relative;
	z-index: 101;
	background: url('../images/logo.svg') no-repeat 0 0;
	width: 294px;
	height: 27px;
	text-indent: -9999px;
	background-size: contain;
	margin: 0;
/*	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

.navbar-logo
{
    float: left;
    display:block;
    margin:0px;
    }

.navbar-TextMain
{
   
    padding-left: 20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    color: white;
    margin-left: 0px; 
    margin-right: 50px;
}

.gbtc
{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.gbgt
{
    float: left; /*line-height: 27px;*/
    position: relative;
    padding: 0;
    vertical-align: top;
    margin-right: 20px;
}

.menuitem
{
    cursor: pointer;
}

.menuitem:hover
{
    color: #999;
    background-color: transparent;
    background-image: none;
    background-position: 0 -102px;
    background-repeat: repeat-x;
    outline: none;
    text-decoration: none;
}

.menuItemDrop
{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right;
}

.menuItemDrop:hover
{
    color: #999;
    outline: none;
    text-decoration: none;
}

.menuitem:active
{
    color: #666666;
    cursor: pointer;
}

/*-------------------------ASPXControls----------------------*/
.required {
    border-color:var(--required-color) !important;
}

.htmlrequired {
    border: 2px solid var(--required-color) !important;
}

.dxeListBox .dxeHLC, 
.dxeListBox .dxeHC, 
.dxeListBox .dxeHFC
{    
    display:none!important;
}

.dxeListBoxItem .dxeHFC
{
    display:none!important;
    border:0px none!important;
    }
    
.dxeListBox .dxeHD {
    background: none;
    border: none;
}

#lbProductsContainer .dxeListBox td.dxeLTM, 
#lbProductsContainer .dxeListBox td.dxeTM, 
#lbProductsContainer .dxeListBox td.dxeMIM {
    border: none !important;
}

.color-red
{
    color:#ed4339!important;
    }

/*-------------------panel------------------*/

.panel-default {
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .panel-default legend {
        font-family: Arial,sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: normal;
        color: #818285;
        text-align: left;
        padding: 3px 0px 0px 3px;
    }

    .panel-default fieldset {
        border-color: #9F9F9F;
        border-radius:3px;
        margin:0px;
    }


/*-------------------formlayout------------*/
.formlayout-group-caption,
.formlayout-group-caption span {
    text-transform: uppercase;
    font-size: 16px;
    color: #818285;
}

.formlayout-item-caption {
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #818285;
    text-align: center;
}

/*------------------label------------------*/
.label_approved {
    font-family: stencil_regular;
    font-size: 42px;
    color: darkgreen;
    text-transform: uppercase;
    float: right;
    border: solid;
    padding-left: 5px;
    padding-right: 5px;
}

.label_rejected {
    font-family: stencil_regular;
    font-size: 42px;
    color: red;
    text-transform: uppercase;
    float: right;
    border: solid;
    padding-left: 5px;
    padding-right: 5px;
}

.p-task-desc {
    line-height: 15px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.label-required, .label-required:after {
    /*content: "\a*";
    color: red;
    font-size: 18px;*/
}

.label-required-text {
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: red;
}

.label-loggedin {
    color: white;
    font-weight: bold;
}

.label-view {
    float: left !important;
    color: #818285;
    padding-top: 3px;
    padding-right: 5px;
    padding-left: 5px;
}

.label-baseproperty {
    font-family: Arial,sans-serif;
    font-size: 14px;
    color:#818285!important;
    text-align:center;
    color: white;
    padding-left:10px;
}

.label-container
{
    width:150px;
}

.label-container-250 {
    width: 250px;
}

.label-title {
    padding: 15px 0px;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: var(--text-blue);
    text-transform: uppercase;
}

.label-subtitle {
	padding: 15px 0px;
	font-family: Verdana,sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: black;
	text-transform: uppercase;
}

.label-edit
{
    font-family: Arial,sans-serif;
    font-size: 14px;
    color:#818285;
    text-align:center;
    }

.label-data,
.label-default {
    font-family: Arial,sans-serif;
    font-size: 14px;
    color: #000;
    text-align: left;
}

.label-container-100
{
    width:90px;
    padding-right:10px;
    display:inline-block;
    }
    
.label-container-150
{
    width:140px;
    padding-right:10px;
    display:inline-block;
    }

.label-container-200
{
    width:190px;
    padding-right:10px;
    display:inline-block;
    }
    
.label-container-nolimit
{
    padding-right:10px;
    display:inline-block;
    }

.label-padding-left-20 {
    padding-left: 30px;
}
    
.label-padding-left-30
{
    padding-left:30px;
    }
 .label-height-30
 {
     height:30px;
     }
.label-controlinfo {
    font-family: Verdana,sans-serif;
    font-size: 10px;
    color: #333333;
    text-align: left;
}
/*-----------------button------------------*/

/* A csak adott oldalon/fülön használt gombok (Tehát nem a közös (Mentés, Vissza, stb) lebegő gombok) */
.button--custom-button-bottom {
	float: left;
	margin-top: 30px;
}

.button--custom-button-top {
	float: right;
	margin-bottom: 10px;
}

.button-view,
.button-view div {
	width: 16px;
	height: 16px;
	border: 0px none var(--button-blue) !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 2px !important;
	background-image: none;
	background-color: transparent !important;
	cursor: pointer;
	float: left;
}

.button-refresh,
.button-refresh div {
    width: 16px;
    height: 16px !important;
    border: 0px none var(--button-blue) !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    background-image: none !important;
    background-color: transparent !important;
    cursor: pointer;
    float: right;
}

.button-change {
    display: inline-table;
}

.button-link,
.button-link div
{
    color:#ed4339;
    cursor:pointer;
    border:0px none !important;
    background-image:none;
    background-color:transparent!important;
    padding: 0px 0px 0px 0px;
    font-family: Arial,sans-serif;
    font-size: 14px;
    }

.linkbutton,
.linkbutton div {
    color: var(--linkbutton-color);
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none var(--button-blue) !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.linkbutton_readonly,
.linkbutton_readonly div {
    color: #e9e9e9 !important;
    font-size: 12px;
    font-weight: bold;
    border: 0px none var(--button-blue) !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.linkbutton-white,
.linkbutton-white div {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none var(--button-blue) !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.linkbutton-uncolored {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	border: 0px none var(--button-blue) !important;
	background-image: none;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
}

.button-info {
	color: #ed4339;
	cursor: pointer;
	font-size: 12px;
	border: 0px none var(--button-blue) !important;
	background-image: none;
	background-color: transparent;
	padding: 2px 0px 0px 0px;
}

.button-history,
.button-history div {
    color: var(--linkbutton-color);
    font-weight:bold;
    cursor: pointer;
    font-size: 12px;
    border: 0px none var(--button-blue) !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    float: right;
    display: inline;
    margin: 0px 0px 0px 0px;
    text-align: right;
    position: sticky;
    right: 0;
}

.button-header-transparent {
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
	filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.4));
	background-repeat: no-repeat;
	background-color: transparent;
	width: 16px;
	height: 16px;
	position: relative;
	border: none;
	opacity: 0.65;
}

.button-header-transparent div.dxb {
	padding: unset;
}

	.button-header-transparent:hover {
		opacity: 0.85;
	}

	.button-header-transparent:active {
		-webkit-filter: unset;
		filter: unset;
	}

.arrow-up-right-from-square {
	background-image: url('../../images/arrow-up-right-from-square.svg');
}

.arrow-left {
	background-image: url('../../images/arrow-left.svg');
}

/*Ez újabb font awesome csomaggal működik, és akkor nem kell a fenti SVG*/
/*.icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.login::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f007";
}*/

.button-default {
	display: inline-block;
	margin-left: 10px;
	background: var(--button-blue) !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center !important;
	/*padding:5px 10px;*/
	color: #fff;
	-webkit-transition: all 100ms ease-in-out 0;
	-moz-transition: all 100ms ease-in-out 0;
	-ms-transition: all 100ms ease-in-out 0;
	-o-transition: all 100ms ease-in-out 0;
	transition: all 100ms ease-in-out 0;
	cursor: pointer;
}
    
.button-default div {
    padding:5px 10px;
    /*background-color:var(--button-blue);*/
    
    color:#fff;
    line-height:20px;
    font-size:16px;
    text-transform:uppercase;
    border:0px none var(--button-blue) !important;
 }


.button-default td
{
    border:0px none var(--button-blue) !important;
    padding:0px;
    }


.button-default:hover 
{
    background:var(--button-blue-hover) !important;
}

.button-disabled
{
    display:inline-block;
    
    background:#e9e9e9!important;
    border:none;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-align:center!important;
    /*padding:5px 10px;*/
    color:#000;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    cursor:default;
    }

.button-disabled:hover 
{
    background:#e9e9e9!important;
}
    
.button-disabled div
{
    padding:5px 10px;
    border:0px none var(--button-blue) !important;
    color:#fff;
    line-height:20px;
    font-size:16px;
    text-transform:uppercase;
    }
    
.button-default td
{
    border:0px none !important;
    padding:0px;
    }

.button-back {
	width: 72px;
}
.pcmButton {
	/*float:right;*/
}

/*-----------------textbox-----------------*/

.editbox-container
{
    width:100%!important;
    }

.editbox-container table
{
   
    }

.editbox-container-combo
{
    width:100%!important;
    }

.editbox-container-combo table
{
   
    }

    
.editbox-container input
{
    
    }
    
.editbox-container-long
{
    width:500px;
    margin-right:30px;
    }
    
.editbox-container-300
{
    width:300px;
    margin-right:30px;
    }
    
.editbox-container-300 input
{
    width:280px;
    }

.editbox-container-400
{
    width:400px;
    margin-right:30px;
    }

.editbox-container-400 input
{
    width:380px;
    }
    
.editbox-container-400 textarea
{
    width:380px;
    }
    
.editbox-container-long input
{
    width:480px;
    }

.textbox-focused
{
    border-color:var(--control-hoover-color)!important;
    }

.textbox-focused input
{
    border:0px none!important;
    outline-color:#ffffff;
    height:30px;
    }
    
.textbox-focused textarea
{
    border:0px none!important;
    outline-color:#ffffff;
    }

.textbox-default
{
    padding:0px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    height:30px;
    width:100%important;
    }

.textbox-default tr  {
    width:100%important;
}
.textbox-focused input,
.textbox-default input
{
    
    font-family: Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    border:0px none !important;
    height:20px!important;
    -ms-padding:2px 8px;
    -webkit-padding:2px 8px 0px 0px;
    -o-padding:2px 8px;
    -moz-padding:2px 8px!important;
    width:100%important;
    }

    .textbox-default:hover {
        border-color: var(--control-hoover-color);
    }

.textbox-default:focus 
{
    border-color:var(--control-hoover-color);
    }

.textbox-readonly {
	padding: 0px 10px;
	background-color: #fff;
	text-align: left;
	line-height: 20px;
	border-color: #e9e9e9 !important;
	border-radius: 5px 0 5px 0;
	-moz-border-radius: 5px 0 5px 0;
	-webkit-left-radius: 5px 0 5px 0;
	-webkit-transition: all 100ms ease-in-out 0;
	-moz-transition: all 100ms ease-in-out 0;
	-ms-transition: all 100ms ease-in-out 0;
	-o-transition: all 100ms ease-in-out 0;
	transition: all 100ms ease-in-out 0;
	height: 30px;
	width: 100%important;
	border-color: #e9e9e9 !important;
	color: #e9e9e9 !important;
}

.textbox-readonly input
{
    color:#818285!important;
    }

.textbox-readonly:hover
{
    border-color:#e9e9e9!important;
}

.textbox-default:hover
{
    
}

.textbox-errorframe
{

    }

.textbox-errorframe table.dxeInvalid {
    border-color: #ed4339;
    border-width: 2px;
    border-style: solid;
}

.textbox-errorframe div div div div table {
    border-color: #A0A0A0 !important;
    border-width: 1px;
    border-style: solid;
}

.textbox-errorframe,
.textbox-errorframe td.dxeControlsCell
{
    width:100%!important;
    } 
    
.textbox-errorframe td.dxeErrorCell
{
    max-width:0px!important;
    padding-left:0px;
    padding-right:0px;
    }

/*--------------memobox----------------------*/
.memobox-focused
{
    border-color:var(--control-hoover-color)!important;
    }
    
.memobox-focused textarea
{
    border:0px none!important;
    outline-color:#ffffff;
    }

.memobox-default
{
    padding:1px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    width:100%;
    }

.memobox-focused textarea,
.memobox-default textarea,
.memobox-default td
{
    padding:2px 8px;
    font-family: Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    border:0px none !important;
    width:10px;

    }

.memobox-default:hover
{
    border-color:var(--control-hoover-color);
}

.memobox-default:focus 
{
    
    }

.memobox-readonly 
{
    padding: 1px 10px;
    background-color: #fff;
    text-align: left;
    line-height: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-left-radius: 5px 0 5px 0;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    width: 100%;

    border-color: #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.memobox-readonly textarea
{
    color:#818285!important;
    }

.memobox-readonly:hover
{
    border-color:#e9e9e9!important;
}

.memobox-default:hover
{
    
}

.memobox-errorframe
{
    }

.memobox-errorframe,
.memobox-errorframe td.dxeControlsCell
{
    width:100%!important;
    } 
    
.memobox-errorframe td.dxeErrorCell
{
    max-width:0px!important;
    padding-left:0px;
    padding-right:0px;
    }

/*--------------htmleditor----------------------*/
.htmleditor-focused {
    border-color: #24c20a !important;
}

    .htmleditor-focused textarea {
        border: 0px none !important;
        outline-color: #ffffff;
    }

.htmleditor-default {
    /*padding:1px 10px;*/
    background-color: #fff;
    text-align: left;
    line-height: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-left-radius: 5px 0 5px 0;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    width: 100%;
}

    .htmleditor-focused textarea,
    .htmleditor-default textarea,
    .htmleditor-default td {
        /*padding:2px 8px;*/
        font-family: Arial,sans-serif;
        font-size: 14px;
        line-height: 20px;
        border: 0px none !important;
        width: 10px;
    }

    .htmleditor-default:hover {
        border-color: #24c20a;
    }

.htmleditor-readonly:hover {
    border-color: #e9e9e9 !important;
}

.htmleditor-default:focus {
}

.htmleditor-readonly {
    /*padding:1px 10px;*/
    background-color: #fff;
    text-align: left;
    line-height: 20px;
    border: 0px solid #e9e9e9;
    border-radius: 5px 0 5px 0;
    -moz-border-radius: 5px 0 5px 0;
    -webkit-left-radius: 5px 0 5px 0;
    -webkit-transition: all 100ms ease-in-out 0;
    -moz-transition: all 100ms ease-in-out 0;
    -ms-transition: all 100ms ease-in-out 0;
    -o-transition: all 100ms ease-in-out 0;
    transition: all 100ms ease-in-out 0;
    width: 100%;
    border-color: #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.htmleditor-readonly table,
.htmleditor-readonly table td {
    border: none;
}

.htmleditor-readonly-preview {
    border-color: #e9e9e9 !important;
    color: #818285 !important;
}

.htmleditor-readonly textarea {
    color: #818285 !important;
}

.htmleditor-readonly:hover {
    border-color: #e9e9e9 !important;
}

.htmleditor-default:hover {
}

.htmleditor-errorframe {
}

.htmleditor-errorframe,
.htmleditor-errorframe td.dxeControlsCell {
width: 100% !important;
}

.htmleditor-errorframe td.dxeErrorCell {
    max-width: 0px !important;
    padding-left: 0px;
    padding-right: 0px;
}

/*--------------listbox----------------------*/
.listbox-default,
.listbox-default table
{
    border:0px none white;
    background-color:#fff;
    color:#818285;
    font-family: Arial,sans-serif;
    font-size: 14px;
    }
    
/*--------------dateedit---------------------*/

.dateedit-default
{
    display:inline-block;
    padding:0px 0px 0px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    height:30px!important;
    width:100%;
    }

    .dateedit-default input {
        margin: 3px 8px;
        /*padding:2px 8px;*/
        font-family: Arial,sans-serif;
        font-size: 14px;
        height: 20px !important;
    }

.dateedit-button
{
    background-color:#fff;
    background-image:none;
    border:0px;
    }

/*--------------combobox---------------------*/
.combo-default
{
    display:inline-block;
    background-color:#fff;
    text-align:left;
    font-size:16px;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    -ms-padding:2px 8px;
    -webkit-padding:2px 8px 0px 0px;
    -o-padding:2px 8px;
    -moz-padding:2px 8px!important;
    transition:all 100ms ease-in-out 0;
    
    border-collapse:separate;
    }
    
.combo-default:hover
{
    border-color:var(--control-hoover-color);
    }
    
.combo-focused input,
.combo-default input
{
    margin:0px 10px;
    font-size:12px!important;
    line-height:20px;
    border:0px none !important;
    height:21px!important;
    }
.combo-focused
{
    border-color:var(--control-hoover-color);
    }
    
.combo-focused input
{
    border:0px none!important;
    outline-color:#ffffff;
    height:20px;
    }

.combo-readonly 
{
    border: solid #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.combo-readonly input
{
    color:#818285!important;
    }

.combo-readonly:hover
{
    border-color:#e9e9e9!important;
}

.combo-button
{
    /*-webkit-background-clip:content-box!important;*/
    background:#fff;
    border:0px none #fff;
    padding-top:0px;
    padding-bottom:0px;
    z-index:-100;
    }
    
/*--------------fomview--------------------*/
.fomview-default
{
    margin:0px 10px 0px 0px;
    }

/*----------------roundedpanel-----------------*/
.rounded-error {
    background: #ffb2ae;
}

.rounded-information {
    background: #CCFFCC;
}

.rounded-label-red {
    color: red;
}

.rounded-label-green {
    color: darkgreen;
}

/*----------------radio--------------------*/
.radio-default {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    background-image: none;
    border: 2px solid #e9e9e9;
    border-radius: 11px !important;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
}

    .radio-default:hover {
        border-color: #24c20a;
    }

.radio-focused {
    background-color: #fff !important;
}

.radio-readonly {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #e9e9e9;
    background-image: none;
    border-color: #e9e9e9 !important;
    border-radius: 11px !important;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    /*color:#e9e9e9!important;*/
}

.radio-readonly:hover {
    border: 2px solid #e9e9e9;
}

.radio-readonly span {
    /*background-image:none!important;*/
}

.dxEditors_edtRadioButtonChecked, .dxEditors_edtRadioButtonCheckedDisabled {
    background-image: url('../../images/checked.png') !important;
    background-position: 0px 0px;
}

.dxEditors_edtRadioButtonUnchecked, .dxEditors_edtRadioButtonUncheckedDisabled {
    background-image: none !important;
    background-position: 0px 0px;
}
    
/*----------------checkbox-----------------*/
.checkbox-default
{
    padding-top:0px!important;
    padding-left:0px!important;
    padding-right:2px!important;
    padding-bottom:3px!important;
    border:2px solid #e9e9e9;
    width:20px;
    }

.checkbox-default:hover {
    border-color: #24c20a;
}
    
.checkbox-focused
{
    background-color:#fff!important;
    }

.checkbox-readonly {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #e9e9e9;
    border-color: #e9e9e9 !important;
    color: #e9e9e9 !important;
}

.checkbox-readonly:hover {
    border: 2px solid #e9e9e9;
}

.checkbox-readonly span {
    /*background-image:none!important;*/
}

.dxWeb_edtCheckBoxUnchecked
{
    background-image: url('../../images/unchecked.png') !important;
    background-position:0px 0px!important;
    }

.dxWeb_edtCheckBoxGrayed {
    background-image: url('../../images/blankchecked.png') !important;
    background-position: 0px 0px !important;
}

.dxWeb_edtCheckBoxGrayedDisabled {
    background-image: url('../../images/blankchecked.png') !important;
    background-position: 0px 0px !important;
}

.dxWeb_edtCheckBoxUncheckedDisabled {
    background-image: url('../../images/unchecked.png') !important;
    background-position: 0px 0px !important;
}

.dxWeb_edtCheckBoxCheckedDisabled {
    background-image: url('../../images/checked.png') !important;
    background-position: 0px 0px !important;
}

.tree-node span.dxWeb_edtCheckBoxUnchecked
{
    border:1px solid #e9e9e9;
    background-color:#fff!important;
    }
    
.tree-node span.dxWeb_edtCheckBoxChecked
{
    border:1px solid #e9e9e9;
    background-color:#fff!important;
    }
    
.grid-default span.dxWeb_edtCheckBoxChecked
{
    border:2px solid #e9e9e9;
    background-color:transparent!important;
    }
    
.grid-default span.dxWeb_edtCheckBoxUnchecked {
    border:2px solid #e9e9e9;
    background-color:transparent!important;
}

.grid-command-column-custom-button,
.grid-command-column-custom-button img {
	padding: 0 3px !important;
	margin: 0 !important;
}

.dxWeb_edtCheckBoxChecked {
	background-image: url('../../images/checked.png') !important;
	background-position: 0px 0px !important;
}

/*----------------angular radiobutton-------------*/
.angularradio-default {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #999999;
}

    .angularradio-default:hover {
        border: 2px solid var(--control-hoover-color);
    }

    .angularradio-default input {
        min-height: 15px;
        min-width: 18px;
        color: white;
        cursor: default;
    }

.angularradio-focused {
    background-color: #fff !important;
}


/*------------------popup-------------------*/
.popup-default {
    background: #fff;
}
.notificationdiv {
    width: 50px;
    height: 32px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 2px;
    cursor: pointer;
    float: right;
}

.notificationbutton,
.notificationbutton div {
    color: #ed4339;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none var(--button-blue) !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}
/*--------------language combo-------------*/
/*---------------Languageselector--------------*/
.language-switch {
    float: right;
    width: 120px;
    height: 32px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 5px;
    cursor: pointer;
}

#cbLanguage,
#cbLanguage > table,
#cbLanguage tr td,
#cbLanguage input
{
    color:#818285;
    font-family:'futura_t_otregular';
    background:#fff!important;
   }
   
.language-combo-buttonstyle
{
    border: 0px none!important;
    background:#eaeaea!important;
    }
    
.language-combo
{
    border: 0px none!important;
    background:#eaeaea!important;
    color:var(--button-blue) !important;
    font-family:'futura_t_otregular'!important;
    }

.language-combo-listbox
{
    background:#f5f5f5;
    color:#818285;
    border: 1px solid #a4a4a4;
    }
    
.language-combo-itemstyle
{
    color:#818285;
    font-family:'futura_t_otregular';
    background:#f5f5f5;
    }
    
.language-combo-itemstyle-hover
{    
    font-family:'futura_t_otregular';
    font-weight:bold;
    cursor:pointer;
    }

.language-combo-itemstyle-selected
{
    color:var(--combo-blue);
    }

/*-----------------Hyperlink------------------------*/
.blue-link {
    color: blue;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none var(--button-blue) !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.hyperlink-default
{
    color:#ed4339;
    cursor:pointer;
    }
    
.hyperlink-default:hover
{
    color:#ed4339;
    cursor:pointer;
    }
    
/*----------------RequiredFieldValidator------------*/
.required-default
{
    color:#ed4339;
    }

/*----------------DIV Table--------------------*/
.div-row {
   display:flex;
    clear: both;
    overflow: hidden;
    margin-bottom: 2px;
}

.div-row-col2,
.div-row-col3span2 {
    --w: 700px;
    --n: 2;
    --m: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%/(var(--m) + 1) + 0.1%),1fr)); /*this */
    gap: 10px;
    /* clear: both;
    overflow: hidden;*/
    margin-bottom: 2px;
}

.div-row-col3 {
    --w: 700px;
    --n: 3;
    --m: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%/(var(--m) + 1) + 0.1%),1fr)); /*this */
    gap: 10px;
    /* clear: both;
    overflow: hidden;*/
    margin-bottom: 2px;
}

.div-row-col4 {
    --w: 700px;
    --n: 4;
    --m: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%/(var(--m) + 1) + 0.1%),1fr)); /*this */
    gap: 10px;
    /* clear: both;
    overflow: hidden;*/
    margin-bottom: 2px;
}

.div-row-col5 {
    --w: 700px;
    --n: 5;
    --m: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%/(var(--m) + 1) + 0.1%),1fr)); /*this */
    gap: 10px;
    /* clear: both;
    overflow: hidden;*/
    margin-bottom: 2px;
}

.div-row-col6 {
    --w: 700px;
    --n: 6;
    --m: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%/(var(--m) + 1) + 0.1%),1fr)); /*this */
    gap: 10px;
    /* clear: both;
    overflow: hidden;*/
    margin-bottom: 2px;
}

.div-column,
.div-column-grid {
    float: left;
}

.div-editcolumn {
    min-height: 30px;
}

.div-row-verticalspace {
    padding-top: 8px;
    padding-bottom: 8px;
}

.div-editrow {
    min-height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.labelwidth {
    width: 30%
}

.datawidth {
    width: 70%
}

.labelwidth-10 {
    width: 10%
}

.labelwidth-25 {
    min-width: 25%
}

.labelwidth-33 {
    width: 33%
}

.labelwidth-40 {
    width: 40%
}

.datawidth-40 {
    width: 40%
}

.datawidth-60 {
    width: 60%
}

.labelwidth-50 {
    width: 50%
}

.datawidth-50 {
    width: 50%
}


/*----------------ASPxGridView-----------------*/

.editformcommandbutton {
    float: right;
    color: #ed4339 !important;
    cursor: pointer;
    border: 0px none !important;
    background-image: none;
    background-color: transparent !important;
    padding: 0px 0px 0px 0px;
    font-family: Arial,sans-serif;
    font-size: 14px;
    text-decoration:none!important;
}

.editformcommandbutton::after {
    content: "\00a0\00a0"
}

.comment_preview {
    background-color: white;
}

.comment_alternate {
    background-color: white;
}

.grid-newbutton {
    cursor: pointer;
}

.grid-default
{
    border-color:#f3f3f3;
    }
    
.grid-alternatecolor
{
    background-color:#F8F8F8;
    border-color:#f3f3f3!important;
    }
    
.grid-row
{
    border-color:#f3f3f3!important;
    height:30px;
    }

.grid-header,
.grid-header table {
    background-color: #dedddd;
    border-color: #f3f3f3 !important;
    color: #818285 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px;
    height: 16px !important;
}

.grid-header-small,
.grid-header-small table {
    background-color: #dedddd;
    border-color: #f3f3f3 !important;
    color: #818285 !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    height: 16px !important;
}

.grid-headerpanel
{
    }

.grid-cell
{
    color:#818285;
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    border-color:#f3f3f3!important;
    }

.grid-cell-small {
    color: #818285;
    font-family: Arial, sans-serif !important;
    font-size: 12px;
    border-color: #f3f3f3 !important;
}

.grid-cell-wocolor
{
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    border-color:#f3f3f3!important;
    }
    
.grid-commanditem
{
    border-color:#f3f3f3!important;
    color:#e30018!important;
    text-decoration:none;
    }
    
.grid-commandcolumn
{
    background-image:none;
    border-color:#f3f3f3!important;
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    }
    
.grid-table
{
    border-color:#f3f3f3!important;
    }
    
/*--------------grid-----------------*/
.tree-default
{
    min-width:200px !important;
    }

.tree-node
{
    min-width:200px !important;
    }
    
.tree-node-hover
{
    font-weight:bold;
    background-color:#ffffff!important;
    border: 1px solid #ffffff!important;
    }

.tree-node-selected
{
    font-weight:bold;
    background-color:#ffffff!important;
    border-top:0px none!important;
    border-left:0px none!important;
    border-right:0px none!important;
    border-bottom-color:#8BC349!important;
    border-bottom-width:2px!important;
    border-bottom-style:solid!important;
    }

.tree-node-text
{
    color:#818285;
    font-family: Arial, sans-serif!important;
    font-size: 12px;
    }
    
.tree-node-image
{
    }

/*--------------menu-----------------*/

.menu-closebutton-container {
	display: none;
}

.menu-transparent {
    background-color: transparent!important;
    background-image: none!important;
    border-width:0px!important;
    border-image-width:0px!important;
    padding:0px;
}

.grid-menu {
    float: right !important;
}

.grid-combo {
    float: left !important;
    margin-top: 2px !important;
}

.main-menu
{
    background-color: white!important;
    border:0px!important;
    border-width:0px!important;
    border-image-width:0px!important;
    padding:0px;
/*    color:#818285;*/
}

.main-title {
	/*background-color: aqua;*/
	float: left;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 25px;
	font-size: 1.125em;
	line-height: 1.1em;
	width: calc(100% - 800px);
}

	.main-title h4 {
		margin-top: 0 !important;
	}

.menu-submenu-default
{
    background-color: whitesmoke!important;
    border-top:5px solid #CACACA!important;
    border-bottom:0px!important;
    border-right:0px!important;
    border-left:0px!important;
    padding:0px;
    width:450px;
}

	.menu-submenu-default .dxm-content {
		width: 100%;
	}

.dxm-hovered {
	background-color: white !important;
	border-color: transparent !important;
}

.menu-item-default,
.menu-item-default a {
	font-family: Archivo, serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 15px;
	background: white;
	text-align: left;
	color: var(--menu-color);
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.02em;
	display: inline-block;
	padding: 15px 15px;
	position: relative;
	background: linear-gradient(black,black) bottom center no-repeat;
	background-size: 0% 3px;
	transition: all 0.3s ease-in-out 0s;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

	.menu-item-default a:hover {
		background-size: 100% 3px;
	}

.footer-menu-container .menu-item-default,
.footer-menu-container .menu-item-default a {
	/*//styleName: Header_menu;*/
	font-family: Archivo;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0.01em;
	text-align: left;
	color: var(--color-5) !important;
	padding: 6px 0px;
	background: linear-gradient(white,white) bottom center no-repeat;
	background-size: 0% 3px;
	transition: all 0.3s ease-in-out 0s;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/*.menu-item-hover
  {
    background-color: green;
    color:white;
    border:none 0px none!important;
}*/

.menu-item-checked
{ 
    background-color: Yellow ;
}

.dxmLite .dxm-main .dxm-selected,
.dxmLite .dxm-main .dxm-checked,
.dxmLite.dxm-side-menu-mode .dxm-slide-panel .dxm-selected {
	background-color: transparent !important;
	color: gray !important;
}

.dxmSubMenuGutter {
	background: #f5f5f5 !important;
}
.menu-subitem-default,
.menu-subitem-default a
{
    font-family: futura_t_otregular;
    font-size:18px;
    width:450px;
    border-width:0px!important;
    border-image-width:0px!important;
    background-color: #f5f5f5!important;
    color: #818285!important;
   
}

.menu-subitem-hover,
.menu-subitem-hover a
{
    background: #e9e9e9!important;
    border:0px none!important;
    border-image-width:0px!important;
}
.menu-subitem-checked
{ 
    color: #818285;
}

.dxmSubMenuItemWithImage
{
    background: #f5f5f5!important;
    }

.dxmLite .dxm-popup .dxm-gutter
{
    background-image:none!important;
}

.dxmLite .dxm-popup .dxm-content {
	padding: 0;
}

.dxmLite .dxm-horizontal .dxm-image-l .dxm-content, .dxmLite .dxm-horizontal .dxm-image-r .dxm-content {
	padding: 3px 0 4px 0;
}

.dxm-pImage {
	margin-top: 2px !important;
}

.dxm-spacing {
	height: 0px !important;
	float: right !important;
}

.dxm-popOut {
	visibility: hidden !important;
}

.dxmLite .dxm-popup {
	border: 0px solid #666666 !important;
	background-color: white;
	padding: 0px !important;
	width: 450px;
}

.dxmLite .dxm-main {
	border: 0px solid;
	background-color: transparent;
	padding: 2px;
}

/*li.dxm-item {
	line-height: normal;
}*/

li.dxm-item a span {
	white-space: normal !important;
}

.dxmLite.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item, .dxmLite.dxm-ltr .dxm-popup .dxm-noImage {
	padding-left: 10px;
}

.dxmLite .dxm-vertical .dxm-image-l .dxm-separator, .dxmLite .dxm-vertical .dxm-image-r .dxm-separator, .dxmLite .dxm-popup .dxm-separator {
	padding-top: 0 !important;
}

.dxmLite.dxm-side-menu-mode .dxm-side-menu-button {
	/*border-radius: 3px;*/
	background-color: transparent;
	border: 0;
	float: right;
	cursor: pointer;
	margin-top: -20px;
	right: 18px;
}

/*---------------------------splitter-----------------------*/
.splitter-default
{
    width:100%;
    min-height:400px!important;
    height:100%!important;
    padding-right:0px;
    }
/*-----------------------------tabpage-----------------------*/
.tab-container {
    border: 1px solid #f3f3f3;
    margin-bottom:1px;
    min-height: 300px;
}

.tabpages-default-active {
    border-left:1px solid #f3f3f3!important;
    border-right:1px solid #f3f3f3!important;
    border-top: 1px solid #f3f3f3!important;
    border-bottom: 1px solid white!important;
    background-color:white!important;
}

.tabpages-default-tabstyle {
    border-left:1px solid #f3f3f3!important;
    border-right:1px solid #f3f3f3!important;
    border-top: 1px solid #f3f3f3!important;
    border-bottom: 1px solid white!important;
}

.tabpages-default {
    padding-top:1px;
}

.dxtc-leftIndent,
.dxtc-rightIndent{
    border-bottom: 1px solid #f3f3f3!important;
}
/*-----------------------------dataview----------------------*/
.dataview-default
{
    background-color:#fff;
    border:0px none #fff;
    }
/*---------------------------Page---------------------------*/

#updatePanel
{
    height:100%;
    }

.page-header {
    /*padding-bottom:15px;
    padding-top:15px;*/
    display: table-row;
    height: 20px;
}

.page-container {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;

/*	position: relative;
	width: 100%;
	height: 100%;
	min-width: 320px;
	overflow: hidden;*/
}

.page-content {
    padding: 0px 10px 5px 15px;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 17px;
    background: #fff;
    color: #939598;
    box-sizing: border-box;
    display: table;
    overflow: auto;
    min-height: 430px;
    height: 100% !important;
    width: 100%;
}

.fullheight
{
    height:100%;
    overflow: auto;
    }

.fullwidth {
    width:100%;
}

.page-inner-container {
    background: #fff;
    height: 100%;
    height: 100%;
    display: table-row;
}
.block1 
{
    float:left;width:100%;
}

.page-inner-footer {
    height: 25px;
    width: 100%;
    display: table-row;
}
.page-inner-footer-right {
    float: right;
    display: inline;
    margin: 0px 0px 0px 0px;
    text-align: right;
    padding-right: 10px;
}
.page-inner-footer-left {
    background-color: #fff;
    height: 20px;
    width: 50%;
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
}

.tree-search-container
{
    display:block;
    overflow:hidden;
    min-height:40px;
    width:100%;
    }

.container-buttonarea
{
    min-height:50px;
    vertical-align:middle;
    border:0px solid;
    padding-top:10px;
    text-align:right;
    /*width:100%;*/
	position: fixed;
	right: 44px;
	bottom: 10px;
 }

	.container-buttonarea div.dxbButton {
		box-shadow: 5px 5px 8px rgba(128,128,128, 0.35);

	}

.has-separate-back-button {
	right: 130px;
}

/*---------------Collapsible div---------------*/
.collapsed {
	display: none;
}

.collapsed-container
{
    border-bottom:2px solid var(--control-hoover-color);
    padding-bottom:10px;
    }

/*---------------drag and drop file upload---------------*/
.dropZoneExternal > div,
.dropZoneExternal > img {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
    border: 1px dashed #f17f21 !important;
    cursor: pointer;
}

.dropZoneExternal,
.dragZoneText {
    width: 350px;
    height: 350px;
}

.dropZoneText {
    width: 300px;
    height: 150px;
    color: #fff;
    background-color: #888;
}

#dropZone {
    top: 0;
    padding: 100px 25px;
}

.uploadControlDropZone,
.hidden {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}

.dragZoneText {
    color: #808080;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.uploadControlProgressBar {
    width: 350px !important;
}

.validationMessage {
    padding: 0 20px;
    text-align: center;
}

.uploadControl__doc_controls_zone span {
	display: block;
	padding-top: 8px;
}

.uploadControl {
	width: 300px;
}

.Note {
    width: 500px;
}

/*-------------------popupConfirmCancel-------------------------*/
.popupConfirmCancel {
    border: none !important;
    background-color: Transparent !important;
}

.popupConfirmCancel_RoundPanel {
    /*border: solid 1px #ffb2ae!important;*/
    background-color: white !important;
}


.job-ad-heading1 {
    font-size: 20px;
    color: #778fbf;
}

.job-ad-position {
    font-size: 24px;
    font-weight: bold;
    color: #778fbf;
    text-align: center;
}

.job-ad-partner,
.job-ad-partner div {
    color: #778fbf;
    border: 0px none !important;
    background-image: none;
    background-color: transparent !important;
    padding: 0px 0px 0px 0px;
    font-family: Verdana,sans-serif;
    font-size: 18px;
    font-weight: bold;
}

/*.button-link-white div {
    color: white;
    cursor: pointer;
    
    font-family: Verdana,sans-serif;
    font-size: 12px;
}*/
.job-ad-param-list {
    width: 400px;
    display: inline-block;
}

.job-ad-param-font {
    color: #333333;
    font-size: 15px;
}

    .job-ad-param-font p,
    .job-ad-param-font div,
    .job-ad-param-font div p,
    .job-ad-param-font div ul,
    .job-ad-param-font div ul li {
        font-family: Verdana,sans-serif !important;
        color: #333333 !important;
        font-size: 15px !important;
        max-width: 600px !important;
    }

.job-ad-property {
    color: #333333;
    font-size: 12px;
}

.dxmLite.dxm-ltr .dxm-popup .dxm-gutter .dxm-separator {
	padding-left: 10px !important;
}

.dxm-content.dxm-hasText {
	line-height: 135%;
}

/* Főmenü hover-je épp' cask a szöveg aljáig ért le */
#mnuMainMenu.dxm-main ul.dx .dxm-item {
	background-color: white;
	/*padding-bottom: 10px;*/
/*	padding-left: 25px !important;
	padding-right: 25px;*/
/*	margin-top: 15px;*/
/*	width: 100%;*/
}

	#mnuMainMenu.dxm-main ul.dx .dxm-item a {
		width: fit-content;
	}

	#mnuMainMenu.dxmLite.dxm-side-menu-mode .dxm-slide-panel .dxm-hovered {
		background-color: none !important;
		border-color: none !important;
	}

.dxm-side-menu-mode .dxm-slide-panel {
	position: unset;
}

.dxmLite.dxm-side-menu-mode .dxm-slide-panel {
	border-right: unset;
	border-left: 1px solid #a8a8a8;
}

.dxmLite.dxm-side-menu-mode .dxm-slide-panel .dxm-hovered {
	background-color: white !important;
	border-color: white !important;
}

#mnuFooterMenu li:hover {
	background-color: transparent !important;
	display: inline !important;
}

.special-menu--container {
	background-color: var(--specialmenu-bck);
	border-radius: 3px 3px 0 0;
	float: right;
	max-height: 34px;
}

/*    .special-menu--container li.dxm-hovered {
        background-color: var(--specialmenu-hover-bck) !important;
    }

	.special-menu--container div div.dxm-popup {
		left: unset !important;
		right: 35px !important;
	}

		.special-menu--container div div.dxm-popup li.dxm-hovered {
			background-color: ghostwhite !important;
		}*/

.special-menu--item div.dxm-content {
	line-height: 20px;
	height: 25px;
}

.special-menu--container .dxm-subMenu .dxm-content span.dx-vam {
    color: var(--specialmenu-forecolor);
    font-weight: bold;
}

/*	.special-menu--item div.dxm-content li.dxm-hovered {
		background-color: magenta !important;
	}*/

.span-with-table {
	display: contents;
}

.span-with-table table {
	display: block;
}

.dxisControl .dxis-nbBottom {
	padding: 0;
}

.dxis-nbBottom, .dxisControl {
	width: 100% !important;
	max-width: 1700px;
	overflow: hidden;
}


/* ------ >>> Carousel / Banner -------*/

.dxis-nbDotsRight {
	right: 77px;
}

.dxis-prevBtnHorWrapper {
	display: none;
}

.dxis-nextBtnHorWrapper {
	bottom: 0px !important;
	top: unset !important;
	margin-top: unset !important;
	background-color: unset !important;
}

.dxis-nextBtnHor {
	width: 100px;
	background-repeat: no-repeat;
}

#banner a {
	width: calc(100% - 110px);
	height: 100%;
	display: block;
	position: absolute;
	z-index: 2;
}

#banner .carousel-indicators {
	display: unset;
	left: unset;
	right: 0;
	margin-right: 3.4%;
	top: calc(50% - 147px /2);
	height: fit-content;
}

#AboutUs .carousel-indicators {
	display: unset;
	left: unset;
	right: 0;
	margin-right: 3.6%;
	top: calc(50% - 139px /2);
	height: 250px;
}

.carousel-controls {
	display: flex;
	flex-direction: row;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
}

#banner .carousel-indicators li {
	border-top: unset;
	border-bottom: unset;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
	margin-bottom: 11px;
	box-shadow: 2px 2px 4px #777; /* TODO: csak a fehér háttér miatt. Később kivenni! */
}

#AboutUs .carousel-indicators li {
	border-top: unset;
	border-bottom: unset;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: white;
	margin-bottom: 11px;
}

	.carousel-indicators .active {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		/*border: 6px solid rgba(255, 255, 255, 0.5);*/
		/*background: #73B3F8;*/
		background: white;
	}

.carousel-inner {
	margin-bottom: 90px;
}

#banner .carousel-control-prev {
	display: none;
}

#banner .carousel-control-next-container {
	bottom: 0;
	position: absolute;
	/* width: 100%; */
	z-index: 2;
	height: 10px;
	width: 80px;
	right: 0px;
	bottom: 4.9%;
}

#banner .carousel-control-next {
	width: 100%;
	opacity: 0.75;
}

#banner .carousel-control-next-icon {
	background-image: url(../Images/banner/nextPage.svg?v=240910.1);
	width: 80px;
	display: unset;
	/* top: unset; */
	position: absolute;
	/* bottom: 19px; */
	/* right: 34px; */
	right: 19.4%;
}

#AboutUs .carousel-control-next-icon {
	background-image: url('../Images/banner/nextPage.svg?v=240910.1');
	width: 80px;
	display: unset;
	top: unset;
	position: absolute;
	bottom: 19px;
	right: 34px;
}

#content {
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 320px;
	overflow: hidden;
}


#SlideWrapper {
	margin-bottom: 110px;
	margin-left: auto;
	margin-right: auto;
	display: contents;
}

.keskeny {
	display: none;
}

.slide {
	width: 100%;
}

	.carousel-item img {
		width: 100%;
		height: 100%;
	}
/* ------ <<< Carousel / Banner -------*/


/* ------ >>>  Carousel / About us -------*/
section#AboutUs .carousel-item {
	background-color: var(--color-10);
}

section#AboutUs .carousel-indicators {
	display: flex;
	left: unset;
	top: unset;
	height: unset;
	bottom: 13px;
	position: absolute;
	right: 150px
}

	section#AboutUs .carousel-indicators li {
		margin-bottom: unset;
	}

.aboutus-photo {
	float: left;
	width: 40%;
}

	.aboutus-photo img {
		/*width: auto;*/
		height: 480px;
		object-fit: contain;
	}

.aboutus-text-panel {
	color: white;
	/*flex: 1;
	display: flex;*/
	float: right;
	width: 60%;
	padding-left: 30px;
	padding-right: 30px;
}

.aboutus-text-left-placeholder {
	width: 25%;
	min-width: 50px;
}

.aboutus-text-rigt-placeholder {
	width: 25%;
}

.aboutus-text {
	min-width: 500px;
}

.aboutus-title {
	font-family: Archivo;
	font-size: 40px;
	font-weight: 900;
	line-height: 55px;
	letter-spacing: 0em;
	text-align: left;
	margin-top: 60px;
	margin-bottom: 30px;
}

.aboutus-quote {
	font-family: Archivo;
	font-size: 23px;
	line-height: 28px;
	font-weight: 800;
	letter-spacing: 0.01em;
	margin-bottom: 25px;
}

.aboutus-double-quote {
	font-size: 22px;
	line-height: 27px;
	margin-bottom: 5px;
}

.aboutus-author {
	/*styleName: T2;*/
	font-family: Archivo;
	font-size: 20px;
	font-style: italic;
	font-weight: 500;
	line-height: 41px;
}

.aboutus-ezmi {
	font-family: Montserrat;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0.005em;
}

.dxmLite .dxm-item {
	border-width: 0px;
}

/* ------ <<< Aboutus -------*/


/* ------ >>> Posy / Upper -------*/
.posy-upper-block {
	position: relative;
	text-align: center;
	margin-bottom: 71px;
	padding-left: 10px;
	padding-right: 10px;
}

.posy-upper-block-2 {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.posy-upper-title {
	display: inline-block;
	color: var(--color-2, #2C8FFF);
	text-align: center;
}

.posy-upper-illustration, .posy-upper-illustration-upper {
	display: inline-block;
	width: 344px;
	height: 175px;
	background-image: url('../Images/plane.png');
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 74px;
	margin-bottom: -63px;
}

.posy-upper-illustration-upper {
	display: none;
	margin-left: unset;
}

.posy-text {
	color: var(--color-9);
	font-family: Archivo;
	font-size: 28px;
	font-weight: 900;
	line-height: 42px;
	letter-spacing: -0.015em;
	padding-left: 10px;
	padding-right: 10px;
}
/* ------ <<< Posy / Upper -------*/



/* ------ >>> Posy / Lower -------*/

#secPosyLower {
	background: #fff url(../images/posy_lower_background.svg) center top;
	background-size: cover;
	color: var(--color-5);
	min-height: 1460px;
	padding: 0;
	margin-bottom: 115px;
	overflow: hidden;
}

.posy-lower--pic-topleft {
	background-image: url(../Images/posy_lower/_BKS5197.jpg?v=240216.2);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 596px;
	/*	max-height: 588px;*/
	aspect-ratio: calc(596 / 588);
}

.posy-lower--pic-text {
	background-image: url(../Images/posy_lower/text.png?v=230802.2);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 596px;
	/*max-height: 277px;*/
	aspect-ratio: calc(596 / 277);
}

.posy-lower--pic-talk {
	background-image: url('../Images/posy_lower/talk.jpg?v=230802.2');
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 596px;
	/*max-height: 288px;*/
	aspect-ratio: calc(596 / 288);
}

.posy-lower--pic-revit {
	background-image: url('../Images/posy_lower/revit.jpg?v=230802.2');
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 596px;
	/*max-height: 288px;*/
	aspect-ratio: calc(596 / 288);
}

.posy-lower--pic-inno {
	background-image: url('../Images/posy_lower/inno.jpg?v=230802.2');
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 596px;
	/*max-height: 596px;*/
	aspect-ratio: calc(596 / 596);
}

.posy-lower--pic-feszt {
	background-image: url('../Images/posy_lower/feszt.jpg?v=230802.2');
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 596px;
	/*max-height: 596px;*/
	aspect-ratio: calc(596 / 596);
}


/*.posy-lower--container {
	display: grid;
	grid-template-columns: repeat(auto-fit, 100px);
	grid-gap: 30px;
	background-color: #ddd;
}*/

.posy-lower-table {
	margin: 0 auto;
	margin-bottom: 100px;
}

.posy-lower-text-block {
	background-color: white;
	padding: 50px;

	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.posy-lower-illustration-1 {
	background-image: url('../Images/posy_lower/stars1.png');
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	width: 138px;
	height: 146px;
	bottom: 160px;
	left: -50px;
}

.posy-lower-illustration-2 {
	background-image: url('../Images/posy_lower/stars2.png');
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	width: 213px;
	height: 245px;
	right: -200px;
	top: 0;
}

.posy-lower-title, .posy-lower-text {
	padding: 30px;
}

.posy-lower-table td {
	padding: 10px;
}

.posy-lower-title {
	color: var(--color-9);
}

.posy-lower-text {
	color: black;
}


/*.posy-lower--item:nth-child(-n + 5) {
	grid-column: span 2;
}

.posy-lower--item:nth-child(n + 7) {
	grid-column: span 1;
}*/
/*.posy-lower--item {
	border: solid 1px #333;
	color: #fff;
	font-size: 2em;
	text-align: center;
	padding: 10px;
	background-color: #088398;
}*/
/*.posy-lower--container .posy-lower--item-princz {
	background-color: orangered;
	scrollbar-base-color: #89f9dc;
	grid-row-start: 1;
	grid-column-start: 1;
	grid-row-end: 3;
	grid-column-end: 3;
}

.posy-lower--container .posy-lower--item-text {
	background-color: yellowgreen;
	grid-row-start: 1;
	grid-column-start: 3;
	grid-row-end: 2;
	grid-column-end: 5;
}

.posy-lower--container .posy-lower--item-revit {
	background-color: blueviolet;
	grid-row-start: 3;
	grid-column-start: 1;
	grid-row-end: 4;
	grid-column-end: 3;
}

.posy-lower--container .posy-lower--item-talk {
	background-color: palevioletred;
	grid-row-start: 2;
	grid-column-start: 3;
	grid-row-end: 3;
	grid-column-end: 5;
}

.posy-lower--container .posy-lower--item-feszt {
	background-color: royalblue;
	grid-row-start: 3;
	grid-column-start: 3;
	grid-row-end: 4;
	grid-column-end: 4;
}*/
/* ------ <<< Posy / Lower -------*/
.color-3 {
	color: var(--color-3);
}

.color-13 {
	color: var(--color-13);
}

.bgcolor-13 {
	background-color : var(--color-13);
}

/* ------ >>> Counters -------*/
.counters {
	padding-bottom: 30px;
}

	.counters .count-box {
		padding: 30px;
		width: 100%;
	}

		.counters .count-box i {
			display: block;
			font-size: 44px;
			color: #149ddd;
			float: left;
			line-height: 0;
		}

		.counters .count-box span {
			font-size: 48px;
			line-height: 40px;
			display: block;
			font-weight: 700;
			color: #050d18;
			margin-left: 60px;
		}

		.counters .count-box p {
			padding: 15px 0 0 0;
			margin: 0 0 0 60px;
			font-family: "Raleway", sans-serif;
			font-size: 14px;
			color: #122f57;
		}

		.counters .count-box a {
			font-weight: 600;
			display: block;
			margin-top: 20px;
			color: #122f57;
			font-size: 15px;
			font-family: "Poppins", sans-serif;
			transition: ease-in-out 0.3s;
		}

			.counters .count-box a:hover {
				color: #1f5297;
			}

.purecounter {
	font-family: Archivo;
}


.counters-category {
	overflow: hidden;
	color: var(--color-9);
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* T1 */
	font-size: 20px;
	font-family: Archivo;
	font-style: normal;
	font-weight: 400;
	font-variant-caps: all-small-caps;
	line-height: 26px;
	letter-spacing: 0.2px;
}

.counters-student {
	width: 119px;
	height: 100px;
	background-image: url('../Images/counter/student.png');
	margin: 0 auto;
	margin-top: 11px;
	margin-bottom: 59px;
}

.counters-idea {
	width: 131px;
	height: 128px;
	background-image: url('../Images/counter/idea.png');
	margin: 0 auto;
	margin-top: 3px;
	margin-bottom: 40px;
}

.counters-awarded {
	width: 115px;
	height: 93px;
	background-image: url('../Images/counter/awarded.png');
	margin: 0 auto;
	margin-top: 27px;
	margin-bottom: 51px;
}

.counters-scholarship {
	width: 119px;
	height: 100px;
	background-image: url('../Images/counter/scholarship.png');
	margin: 0 auto;
	margin-top: 14px;
	margin-bottom: 57px;
}

.counters .count-box span {
	margin-left: unset !important;
	text-align: center;
	font-family: Archivo;
	font-size: 82px;
	font-weight: 800;
	line-height: 78px;
	letter-spacing: -0.04em;
	text-align: center;
}

/* ------ <<< Counters -------*/


/* ------ >>> Z-gen -------*/

.zgen-text-container {
	display: inline-block;
	width: calc(100% - 700px);
}

#secZgen {
	background: #fff url(../images/zgen-background.svg) center top;
	background-size: cover;
	color: var(--color-5);
	height: 1018px;
	padding: 0;
	margin-bottom: 125px;
}

	#secZgen {
		display: flex;
		justify-content: center;
		align-items: center;
	}

.zgeneration-carousel-container {
	display: inline-block;
	width: 700px;
	width: 650px;
}

.zgen-text-container {
	max-width: 650px;
}

.zgeneration-carousel-inner-container {
	width: 650px;
	margin: 0 auto;
}

.zgen-block {
	height: 650px;
	flex-wrap: nowrap
}

.zgen-text-container {
	margin-right: 20px;
	padding-right: 60px;
}

.zgen-thumbnail {
	width: 650px;
	height: 650px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/*	float: left;*/
}

.zgeneration-carousel-container .dxis-prevBtnHorOutsideWrapper,
.zgeneration-carousel-container .dxis-nextBtnHorOutsideWrapper {
	display: none;
}

.zgeneration-carousel-container .dxis-nextPageBtnHorOutside {
	background-color: transparent !important;
	/*	filter: brightness(0.5) sepia(1) hue-rotate(-46deg) saturate(17);*/
	left: -350px;
	top: 500px;
}

/*zgen popup-on levő imagegallery vezérlőgombjai*/
.zgen-popup .dxis-nextBtnHorWrapper {
	display: none;
}

.zgen-title-top,
.zgen-title-top a:link, .zgen-title-top a:visited, .zgen-title-top a:hover, .zgen-title-top a:active {
	color: var(--color-6);
}

.zgen-title-bottom,
.zgen-title-bottom a:link, .zgen-title-bottom a:visited, .zgen-title-bottom a:hover, .zgen-title-bottom a:active,
.zgen-posy-top, 
.zgen-posy-bottom {
	color: var(--color-9);
}

.zgen-title-bottom {
	margin-bottom: 70px;
}

.zgen-posy-top {
	margin-bottom: 10px;
}

.zgeneration-carousel-container .dxis-selected div {
	padding: 0 !important;
}

.card-behind-zgen-carousel {
	width: 650px;
	height: 650px;
	background-color: #00EDBE;
	opacity: 0.5;
	position: absolute;
	left: -50px;
	top: -50px;
}

.zgen-counter {
	color: black;
	position: absolute;
	margin-left: -90px;
	margin-top: -20px;
}

/* ------ <<< Z-gen -------*/


/* ------ >>> Event -------*/
section#secEvents {
	padding-bottom: 50px;
}

#secEvents .dxisControl .dxis-nbItem {
	width: 500px;
}

.event-carousel-container {
	overflow: hidden;
	max-width: 1720px;
	text-align: center;
	margin: 0 auto;
}

.event-item-container {
	width: 100vw;
}

.event-circle-col {
	width: 140px;
}

.event-circle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 107px;
	height: 107px;
	border-radius: 50%;
	text-align: center;
	margin-right: 34px;
}

.event-circle-text {
	width: 80%;
	font-family: Montserrat;
	font-weight: 300;
	font-size: 27px;
	color: white;
}

.event-circle-text--small {
	width: 80%;
	font-family: Montserrat;
	font-weight: 300;
	font-size: 22px;
	color: white;
}


.event-title-col {
	width: 390px;
	margin: auto 0;
	text-align: left;
}

.event-title {
	font-family: Montserrat;
	font-weight: 300;
	font-size: 27px;
	color: var(--color-9);
	text-align: left;
}

.event-subject-line {
	display: inline-block;
	width: 50px;
	height: 2px;
	bottom: 1px;
	background-color: gray;
}

.event-subject {
	position: relative;
	display: inline-block;
	font-family: Archivo;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--color-9);
	margin-left: 9px;
}

#secEvents .dxWeb_isPrevPageBtnHorOutside {
	background-image: url('../Images/event-previous.png') !important;
	background-size: contain;
	background-position: unset;
	width: 42px;
	height: 81px;
}

#secEvents .dxWeb_isNextPageBtnHorOutside {
	background-image: url('../Images/event-next.png') !important;
	background-position: unset;
	background-size: contain;
	width: 43px;
	height: 81px;
}

.dxisControl .dxis-nextPageBtnHorOutside, .dxisControl .dxis-prevPageBtnHorOutside,
.dxisControl .dxis-nextPageBtnHorOutside, .dxisControl .dxis-prevPageBtnHorOutside {
	margin-top: -70px;
	background-color: rgba(255, 255, 255, 0.75);
}

section#secEvents.dxisControl .dxis-nbSlidePanelWrapper {
	left: 100px !important;
	height: 445px;
}

/* ------ <<< Event -------*/


/* ------ >>> Fullscreen Video -------*/

section#FullScreenVideo {
	padding-bottom: 65px;
}

.fullscreen-video {
	max-width: 100%;
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	margin: 0 auto;
}

.fullscreen-video-container {
	display: inline-block;
	position: relative;
}

.fullscreen-video-overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 10px;
	padding: 5px 5px;
	font-size: 50px;
	color: #FFF;
	background-image: url('../Images/VideoPlayOverlay.svg');
	/*background-position-x: center;
	background-position-y: center;*/
	background-repeat: no-repeat;
	background-size: contain;
	/*width: 100%;
	height: 100%;*/
	width: 55px;
	height: 55px;
	opacity: 0.5;
	z-index: 3;
}

/* ------ <<< Fullscreen Video -------*/
	/* ------ >>> VideoLib -------*/

	section#secVideoLib {
		padding-bottom: 178px;
		display: flex;
		overflow: hidden;
}

.videolib-illustration {
	position: relative;
	background-image: url('../Images/followYoutube.png');
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 446px;
	height: 283px;
	margin-left: 73px;
	/*	box-shadow: 0 15px 25px black;*/
}

.videolib-carousel-container {
	overflow-x: hidden;
	width: calc(100% - (73px + 446px))
}

	.videolib-carousel-container .dxWeb_isPrevPageBtnHorOutside,
	.videolib-carousel-container .dxis-nextBtnHorOutsideWrapper {
		display: none;
	}

	.video-thumbnail-container {
		position: relative;
	}

.video-thumbnail-big {
	width: 560px;
	height: 315px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	float: left;
}

.video-play-button-overlay {
	/*position: absolute;*/
	z-index: 2;
	background-image: url('../Images/VideoPlayOverlay.png');
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	width: 560px;
	height: 315px;
	opacity: 0.8;
	transition: opacity 400ms ease;
}

	.video-play-button-overlay:hover {
		/* HACK: opacity: 1-el villogott*/
		opacity: 0.99;
	}

	.video-play-button-overlay:active {
		opacity: 1;
		transform: scale(95%);
	}

.video-info {
	margin-top: 32px;
}

.video-date {
	font-family: Archivo;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-align: left;
	color: black;
	margin-bottom: 8px;
}

.video-title {
	font-family: Montserrat;
	font-size: 27px;
	font-weight: 300;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: left;
	color: black;
}

.videolib-next-button,
.videolib-next-button-lower,
.zgen-next-button {
	position: absolute;
	background-image: url('../Images/VideoLibNextButton.png');
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	width: 102px;
	height: 32px;
	transition: transform 200ms ease;
	cursor: pointer;
}

.zgen-next-button {
	margin-top: 20px;
}

.videolib-next-button {
	margin-left: 155px;
}

	.videolib-next-button:hover,
	.videolib-next-button-lower:hover,
	.zgen-next-button:hover {
		transform: translateX(-10px);
	}

	.videolib-next-button:active,
	.videolib-next-button-lower:active,
	.zgen-next-button:active {
		opacity: 0.6;
		transition: opacity 10ms;
	}

.videolib-counter-container {
	display: flex;
	margin-left: 130px;
}

.videolib-counter-container-lower {
	display: none;
}

.videolib-counter,
.videolib-counter-lower,
.zgen-counter
{
	font-family: Montserrat;
	font-size: 27px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0em;
}

.featured-video {
	display: none;
	z-index: 11;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	aspect-ratio: 16/9;
	width: 90vw !important;
}

.responsive-iframe {
	width: 100%;
	height: 100%;
}

.responsive-iframe iframe {
	width: 100%;
	height: 100%;
}

.dxis-nbSelectedItem {
	display: none;
}
/* ------ <<< VideoLib -------*/

.button--close-window {
	background-image: url('../Images/close.svg');
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	aspect-ratio: 1;
	float: right;
	margin-bottom: 1%;
	min-height: 25px;
	max-height: 40px;
}

	.button--close-window:active {
		transform: translateX(1px) translateY(1px);
	}


.dxm-menuItem {
	float: left !important;
}

.dxm-item .menu-item-default {
	float: left !important;
}

.menuitem-social-wrapper {
	width: 100%;
	text-align: center;
}

.menuitem-social-wrapper, .menuitem-soical-email {
	display: none;
}

.menuitem-social-block {
	margin-left: auto;
	margin-right: auto;
	width: 152px;
}


.menuitem-horizontal-line {
	width: 100%;
	border-top: 1px solid black;
	margin: 10px 0 13px 0;
}

.menuitem-soical-email {
	/*styleName: H4;*/
	font-family: Archivo;
	font-size: 14px;
	font-weight: 900;
	line-height: 16px;
	letter-spacing: -0.015em;
	text-align: center;
	color: var(--color-6);
}

.footer-menu-container .menu-item-default a:hover {
	background-size: 100% 3px;
}

.footer-menu-container .menu-item-default,
.footer-menu-container .menu-item-default a {
	line-height: 37px;
	float: none !important;
	display: inline !important;
	padding-bottom: 4px !important;
}

/* HACK: Fixen a 2. elemre (valamiért nth-child(3)) van beállítva, mert ez kétsoros menü. Ha jön elé új, akkor át kell sorszámozni: TODO */
.footer-menu-container ul li:nth-child(1),
.footer-menu-container ul li:nth-child(1) a {
	line-height: 21px;
}

.footer-menu-container ul li:nth-child(1) {

}

.footer-menu-container .menu-item-default a::after {
	content: "\a";
	white-space: pre;
}

	.dx-vam, .dx-vat, .dx-vab {
		display: inline !important;
	}

.footer-menu-container ul {
	width: 200px;
	position: absolute;
	background: var(--color-9);
}

.footer-menu-container .dxmLite, 
.footer-menu-container .dxmLite .dxmLite .dxm-item a.dx {
	color: var(--color-5);
}

.row {
	--bs-gutter-x: unset;
}

.posy-lower-table-mobile {
	display: none;
}

#secPosyLower {
	padding-left: 100px;
	padding-right: 100px;
}


/* ------ >>> Rolunk -------*/

#secTeam {
	background: url(../images/rolunk/rolunk_lower_background_wide.png) center top;
	background-size: contain;
	background-repeat: no-repeat;
	color: var(--color-5);
	/*width: 1920px;*/
	padding: 0;
	/*margin-bottom: 125px;*/
}

.team-title {
	letter-spacing: -0.04em !important;
	color: black;
	padding: 165px 0 145px 0;
	text-align: center;
	margin-left: 0;
/*	width: 345px;*/
}

/*.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

	.flex > div {
		flex: 1 0 50%;
	}

		.flex > div:first-child {
			flex: 0 1 100%;
		}*/

.rolunk-container {
	display: flex;
	flex-direction: column;
}

.rolunk-outer {
	gap: 50px;
}

.rolunk-item {
	margin-bottom: 30px;
}

.rolunk-item-3 {
	float: left;
	margin-left: 30px;
}

.rolunk-pic-1, .rolunk-pic-2, .rolunk-pic-3, .rolunk-pic-4, .rolunk-pic-5 {
	float: right;
	position: relative;
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 500px;
	height: 540px;
}

.rolunk-pic-1 {
	background-image: url('../Images/rolunk/princzinger_peter.jpg?v=240620.1');
}

.rolunk-pic-2 {
	background-image: url('../Images/rolunk/illyes_noemi.jpg?v=240620.1');
}

.rolunk-pic-3 {
	background-image: url('../Images/rolunk/toth_korsos_benedek.jpg?v=20250707.1');
}

.rolunk-pic-4 {
	background-image: url('../Images/rolunk/gedei_petra.jpg?v=20250714.1');
}

.rolunk-pic-5 {
	background-image: url('../Images/rolunk/klisoczki_fanni.jpg');
}

.rolunk-text-1, .rolunk-text-2, .rolunk-text-3, .rolunk-text-4, .rolunk-text-5 {
	float: left;
	max-width: 376px;
	width: 376px;
	height: 540px;
	color: white;
	padding: 0 33px;
}

	.rolunk-text-1 div, .rolunk-text-2 div, .rolunk-text-3 div, .rolunk-text-4 div, .rolunk-text-5 div {
		position: relative;
		top: calc(50% - 16px);
	}

.rolunk-text-1 {
	background-color: #0019FF;
}

.rolunk-text-2, .rolunk-text-5 {
	background-color: #00C9FF;
}

.rolunk-text-3 {
	background-color: #5452CA;
}

.rolunk-text-4 {
	background-color: #2C8FFF;
}

.rolunk-text-title {
	margin-bottom: 30px;
}

.rolunk-middle-block {
	gap: 30px;
}

.rolunk-contactus-text {
	margin-left: 0;
	color: black;
	width: 500px;
	height: 540px;
}

.rolunk-contactus-social {
	width: 376px;
	height: 540px;
}

.rolunk-contactus-social {
	padding-left: 30px;
}

.rolunk-email {
	color: var(--color-6);
	display: block;
	text-align: left;
	margin-top: 60px;
}

.rolunk-social {
	white-space: nowrap;
	position: relative;
	text-align: left;
}

.rolunk-contactus-container {
	margin-top: 170px;
}

.rolunk-posy-title-block {
	display: flex;
	flex-direction: row;
}

.rolunk-posy-title-left {
	width: 685px;
	height: 732px;
	background-color: transparent;
	display: inline-block;
	vertical-align: top;
}

.rolunk-posy-title-right {
	max-width: 1094px;
	height: 732px;
	background-color: var(--color-13);
	display: inline-block;
	vertical-align: top;
	padding: 40px 40px 40px 226px;
}

.rolunk-posy-title-1 {
	color: white;
	font-family: Montserrat;
	font-size: 27px;
	font-weight: 300;
	line-height: 32px;
	letter-spacing: 0em;
	margin-top: 88px;
	margin-bottom: 34px;
}

.rolunk-posy-title-2 {
	width: 733px;
	height: 414px;
	color: var(--color-10);
	font-family: Archivo;
	font-size: 97px;
	font-weight: 800;
	line-height: 84px;
	letter-spacing: -0.03em;
	text-align: left;

}

#secRolunkPosy {
	background-color: var(--color-5);
	padding: 762px 30px 216px 30px;
	margin-top: 240px;

	/* HACK. TODO: kilógást megszűntetni */
	overflow: hidden;
}

/*.rolunk-posy-text-block-2 {
	width: 832px;
}*/

.rolunk-posy-text-3 {
	color: black;
	margin-left: 0;
	margin-bottom: 53px;
}

.rolunk-posy-text-4 {
	color: var(--color-13);
	margin-left: 0;
}

#secRolunkPosyUpper {
	width: 100%;
	top: -82px;
	position: absolute;
	left: calc(50% - 960px);
}

.rolunk-posy-pic-upper-1 {
	width: 700px;
	height: 590px;
	background-image: url('../Images/rolunk/rolunk_selfy.jpg');
	background-size: contain;
	position: absolute;
	top: -88px;
	left: 126px;
}

.rolunk-posy-pic-lower-1 {
	width: 395px;
	height: 357px;
	background-image: url('../Images/rolunk/rolunk_illustration.png');
	margin-left: 198px;
	background-size: contain;
}

.footer-menu-container .dxm-main ul.dx .dxm-item {
	width: 100% !important;
}

.cell-footer-top-middle {
	min-width: 372px;
}

.bottomPanel .row {
	flex-wrap: nowrap;
	margin-right: unset;
	margin-left: unset;
}

.cell-footer-menu {
	flex: unset !important;
}

/*TODO: ez egy HACK: desktop nézetben a felső horizontal line elemhez valamiért berak egy ilyen üres div-et, ami eltolja  felső menüpontot jobbra */
#mnuMainMenu ul li:nth-child(1),
#mnuMainMenu ul li:nth-child(3) {
	display: none;
}

/* HACK: Utolsó 6 darab li, mert 3 elem és 3 szeparátor. Ezeknek nem kell látszania vízszintes módban. TODO: Vigyázni új elem bekerülésekor! */
#mnuMainMenu ul li:nth-last-child(-n+6) {
	display: none;
}
/* ------ <<< Rolunk -------*/

@media (max-width: 1800px) {
	.footer-menu-container .dxmLite .dxm-vertical .dxm-image-l .dxm-content {
		padding-right: 0 !important;
	}

	.rolunk-middle-block {
		flex-direction: column;
		gap: 0;
	}

	.rolunk-item-3 {
		float: none;
		margin-left: 0;
	}

	.rolunk-posy-title-left {
		flex: 0 0 685px;
	}

	.rolunk-posy-title-right {
		width: 100%;
		flex: 1;
	}
}

@media screen and (max-width: 1510px) {
	/* >>> social ikonok elrejtése */
	.header-social {
		display: none;
	}

	.innerHeaderBar {
		text-align: right;
	}
	/* <<< social ikonok elrejtése */


	.posy-upper-illustration-upper {
		display: block;
		margin: 0 auto 20px auto;
	}

	.posy-upper-illustration {
		display: none;
	}

	.posy-upper-title {
		margin-left: unset;
	}
}

@media screen and (max-width: 1400px) {
	#secEvents .dxisControl .dxis-nbItem {
		width: 400px;
	}

	.posy-lower-table img {
		max-width: 100%;
		display: block;
	}

	#secZgen {
		display: block;
		height: 1200px;
	}

	.zgen-text-container {
		width: 100%;
		margin-bottom: 40px;
	}

	.zgen-block {
		width: 500px;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	.zgeneration-carousel-container .dxisControl {
		height: 500px !important;
	}

	.zgen-text-container {
		margin-right: 0;
		margin-bottom: 30px;
	}

	.zgen-text-container,
	.zgeneration-carousel-container {
		padding: 0;
	}

		.zgeneration-carousel-container, .zgen-thumbnail,
		.zgeneration-carousel-container .dxis-nbItem,
		.zgeneration-carousel-container .dxis-selected,
		.zgeneration-carousel-inner-container,
		.zgeneration-carousel-inner-container .dxis-nbSlidePanelWrapper,
		.zgeneration-carousel-inner-container .dxis-nbSlidePanel,
		.zgeneration-carousel-inner-container .dxis-nbBottom,
		.card-behind-zgen-carousel {
			width: 500px !important;
			height: 500px !important;
		}

			/*	.card-behind-zgen-carousel {
		margin-left: -40px;
		margin-top: -40px;
	}*/


			.zgeneration-carousel-container .dxis-nbBottom {
				border-right: 1px solid rgba(224,224, 224, 1);
				border-bottom: 1px solid rgba(224,224, 224, 1);
			}

	.zgen-title-bottom {
		margin-bottom: 45px;
	}

	.zgen-posy-top {
		font-size: 24px;
		line-height: 30px;
	}

	.zgen-posy-bottom {
		text-align: justify !important;
		margin-bottom: 50px;
	}

	.zgen-counter-container {
		margin-top: 20px;
	}

	.zgen-counter {
		position: relative;
		display: inline-block;
		transform: none;
		margin-left: -50px;
		margin-top: unset;
	}

	.zgen-next-button {
		margin-top: unset;
		position: relative;
		display: inline-block;
		float: right;
	}

	.aboutus-photo img {
		height: 480px;
	}

	.aboutus-text {
		min-width: 400px;
	}

	/*.aboutus-title {
		margin-top: 60px;
		margin-bottom: 50px;

	}*/

	#secRolunkPosyUpper {
		left: unset;
		position: unset;
		top: unset;
		max-width: unset;
		margin-top: 80px;
	}

	#secRolunkPosy {
		padding: 110px 15px 110px 15px;
		margin-top: 100px;
	}

	.rolunk-posy-title-block {
		flex-direction: column;
	}

	.rolunk-posy-title-left {
		height: unset;
	}

	.rolunk-posy-title-left,
	.rolunk-posy-title-right {
		margin: 0 auto;
	}

	.rolunk-posy-title-right {
		max-width: 700px;
		padding: 40px 40px 40px 80px;
	}

	.rolunk-posy-title-1 {
		margin-top: 38px;
	}

	.rolunk-posy-title-2 {
		font-size: 74px;
		width: unset;
	}

	.rolunk-posy-pic-upper-1 {
		top: unset;
		left: unset;
		position: unset;
	}
}

@media screen and (max-width: 1260px) {
	/* ---------- >>> Collapsed menu Ezt abba a media query-be kell betenni, amilyen szélesség a menünek be van állítva összecsukásra ---------- */

	.dxmLite.dxm-side-menu-mode .dxm-slide-panel {
		left: unset !important;
		right: 0 !important;
		/*	width: 255px !important;*/
	}

	.dxm-overlay {
		display: none !important;
	}

	.dxm-slide-panel .dxm-left .dxm-expanded {
		transition: right 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s !important;
	}

	#mnuMainMenu .dxm-side-menu-mode .dxm-slide-panel {
		position: static !important;
	}

	/*	.header-social {
		display: none;
	}*/

	.menuitem-social-wrapper, .menuitem-soical-email {
		display: block;
		margin-bottom: 15px;
	}

		.menuitem-soical-email a:link, .menuitem-soical-email a:visited, .menuitem-soical-email a:hover, .menuitem-soical-email a:active {
			color: var(--color-6) !important;
		}

	.header-menu-container .dxmLite .dxm-vertical .dxm-image-l .dxm-content {
		padding-right: 0 !important;
	}

	.header-menu-container ul {
		display: flex;
		flex-direction: column;
		width: 280px;
		right: 0px;
		position: absolute;
		background: white;
		border-left: 1px solid rgb(240, 240, 240);
		border-bottom: 1px solid rgb(240, 240, 240);
		padding-right: 15px;
	}

	.menu-closebutton-container {
		min-height: 30px;
		text-align: right;
		margin: 13px 20px 0px 0px;
		display: block !important;
	}

		.menu-closebutton-container div, .menu-subclosebutton-container div {
			cursor: pointer;
			border: 0px none !important;
			background-image: url('../Images/menu_close_blue.png');
			background-repeat: no-repeat;
			/*background-size: cover;*/
			background-color: transparent !important;
			padding: 0px 0px 0px 0px;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;
			text-decoration: none;
		}

	#mnuMainMenu ul li:nth-last-child(-n+6) {
		display: list-item;
	}

	.header-menu-container .menu-item-default a {
		font-family: Archivo, serif;
		font-weight: 700;
		font-size: 18px;
		/*		line-height: 15px;*/
		padding-top: 6px;
	}

	.header-menu-container .menu-item-default,
	.header-menu-container .menu-item-default a {
		font-size: 18px;
	}

	/* ---------- <<< Collapsed menu ---------- */



	/*---------- >>> AboutUs max-width: 1260px ----------*/

	/*---------- <<< AboutUs max-width: 1260px ----------*/
}

@media screen and (max-width: 1120px)
{
	section#secVideoLib {
		display: block;
	}

	.videolib-carousel-container {
		width: 100%;
		margin-left: 16px;
	}
}

@media screen and (max-width: 991px) {
	.h2 {
		font-size: 46px;
		line-height: 54px;
	}

	#secPosyLower {
		padding-left: 50px;
		padding-right: 50px;
	}

	.posy-lower--pic-topleft, .posy-lower--pic-text, .posy-lower--pic-talk, .posy-lower--pic-revit, .posy-lower--pic-inno {
		margin-bottom: 15px;
	}

	.posy-lower--pic-topleft, .posy-lower--pic-text, .posy-lower--pic-talk, .posy-lower--pic-revit, .posy-lower--pic-inno, .posy-lower--pic-feszt {
		max-width: unset;
	}

	.posy-lower-illustration-1, .posy-lower-illustration-2 {
		display: none;
	}

	.posy-lower-table {
		display: none;
	}

	.posy-lower-table-mobile {
		display: flex;
		flex-direction: column;
	}

		.posy-lower-table-mobile img {
			margin-bottom: 20px;
		}

	.posy-lower-title .h4 {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -0.015em;
	}

	.bottomPanel .row {
		flex-wrap: wrap;
	}

	.cell-footer-top-middle {
		text-align: center;
		margin-top: 80px;
		margin-bottom: 80px;
	}

	.cell-footer-menu {
		margin: 0 auto;
	}

	.footer-menu-container .dxmLite,
	.footer-menu-container .dxmLite .dxmLite .dxm-item a.dx {
		text-align: center;
	}

	.footer-logo-container {
		padding-right: 0;
		/*text-align: center;*/
		/*margin-left: 27px;*/
		margin-bottom: 64px;
	}

	.footer-lower {
		margin-top: 64px;
	}

	.policy-mobile, .copyright-mobile {
		display: block;
		text-align: center;
	}

	.copyright-mobile {
		margin-top: 42px;
	}

	.footer-text, .footer-text a {
		font-size: 14px;
	}

	.policy-desktop, .copyright-desktop {
		display: none;
	}

	.footer-social {
		margin-top: -13px;
		margin-bottom: 30px;
	}

	#secRolunkPosy {
		padding: 62px 30px 216px 30px;
	}

	.rolunk-posy-pic-upper-1 {
		max-width: 375px;
		height: 314px;
	}

	.rolunk-posy-lower-block {
		flex-direction: column;
		
		max-width: 375px;
		margin: 0 auto;
	}

	.rolunk-posy-text-block-2 {
		max-width: 375px;
		order: 2;
	}

	.rolunk-posy-text-3 {
		font-size: 24px;
		line-height: 30px;
		letter-spacing: -0.015em;
	}

	.rolunk-posy-text-4 {
		font-size: 28px;
		line-height: 42px;
		letter-spacing: -0.015em;
	}

	.rolunk-posy-pic-block {
		order: 1;
		flex-direction: column;
		width: 345px;
	}

	.rolunk-posy-pic-lower-1 {
		width: 214px;
		height: 193px;
		margin-left: 0;
	}

	.rolunk-posy-pic-upper-1 {
		width: 374px;
		aspect-ratio: calc(870 / 700);
	}

	.rolunk-posy-title-left {
		flex: none;
		width: 374px;
	}

	.rolunk-posy-title-right {
		width: 374px;
		height: 433px;
		flex: none;
		padding: 15px;
	}

	.rolunk-posy-title-1 {
		font-family: Montserrat;
		font-size: 20px;
		font-weight: 300;
		line-height: 32px;
		letter-spacing: 0em;
		text-align: left;
		margin: 0;
		padding: 0;
		margin-top: 50px;
		margin-bottom: 20px;
	}

	.rolunk-posy-title-2 {
		font-family: Archivo;
		font-size: 46px;
		font-weight: 800;
		line-height: 50px;
		letter-spacing: -0.03em;
		text-align: left;
		margin: 0;
		padding: 0;
		width: unset;
	}



	#secTeam {
		background: url(../images/rolunk/rolunk_lower_background.png) center top;
		background-repeat: no-repeat;
		background-size: contain;

		/* HACK. TODO: kilógást megszűntetni */
		overflow: hidden;
	}

	.rolunk-pic-1, .rolunk-pic-2, .rolunk-pic-3, .rolunk-pic-4, .rolunk-pic-5 {
		width: 345px;
		height: 375px;
		background-size: cover;
	}

	.rolunk-item {
		/*display: flex;*/
		flex-direction: column;
		margin: 0 15px 20px 15px;
		width: 345px;
		margin: 0 auto 20px auto;
	}


	.rolunk-text-1, .rolunk-text-2, .rolunk-text-3, .rolunk-text-4, .rolunk-text-5 {
		width: 345px;
		height: 270px;
		padding: 0 30px;
	}

		.rolunk-text-1 div, .rolunk-text-2 div, .rolunk-text-3 div, .rolunk-text-4 div, .rolunk-text-5 div {
			top: 20px;
		}

	.rolunk-text-title {
		font-size: 28px !important;
		line-height: 36px !important;
	}

	.rolunk-text-body {
		font-size: 20px;
		line-height: 30px;
	}

	.rolunk-contactus-text {
		font-family: Archivo;
		font-size: 46px;
		font-weight: 800;
		line-height: 50px;
		letter-spacing: -0.03em;
		text-align: center;
	}

	.rolunk-contactus-text {
		width: 100%;
		height: 100%;
	}

	.rolunk-email, .rolunk-social {
		text-align: center;
	}

	.rolunk-contactus-social {
		height: 100%;
		text-align: center;
		padding-left: 0;
		text-align: center;
	}

	.team-title {
		letter-spacing: -0.04em !important;
		color: black;
		padding: 75px 0 65px 0;
		text-align: center;
		margin-left: 0;
	}

	#mnuFooterMenu ul li.dxm-selected div {
		width: 100%;
		text-align: center;
	}

	/*.newsletter-form {
		margin-bottom: 80px;
	}*/

	.newsletter-form div {
		/*width: fit-content;*/
		margin: auto;
	}

		.newsletter-form ._form-content {
			width: 100%;
		}

	.newsletter-title {
		margin: auto;
	}

	.input-section label {
		margin-left: auto;
		margin-right: auto;
		max-width: 290px;
	}

	.aboutus-quote {
		font-size: 18px;
		line-height: 23px;
		font-weight: 600;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 768px) {
	.szeles {
		display: none;
	}

	.keskeny {
		display: block;
	}

	#banner a {
		width: 100%;
		height: calc(100% - 110px);
	}

	#banner .carousel-indicators {
		display: flex;
		left: 8%;
		bottom: 4.9%;
		height: 10px;
		width: fit-content;
		top: unset;
		margin-bottom: 0;
		margin-left: 0;
	}

		#banner .carousel-indicators li {
			margin-right: 14px;
		}

	#banner .carousel-control-next {
		display: flex;
		width: 80px;
		height: 10px;
		right: 60%;
	}

	.carousel-control-next-icon {
		bottom: unset;
		right: unset;
	}

	.event-circle-col {
		width: 104px;
	}

	.event-circle {
		width: 79px;
		height: 79px;
		margin-right: 23px;
	}

	.event-circle-text {
		font-family: Montserrat;
		font-size: 20px;
		font-weight: 300;
		line-height: 26px;
		letter-spacing: 0em;
		text-align: center;
	}

	.event-circle-text--small {
		width: 80%;
		font-family: Montserrat;
		font-weight: 300;
		font-size: 18px;
		color: white;
	}

	.event-title-col {
		float: left;
		margin-top: -10px;
	}

	.event-title {
		font-weight: 300;
		font-size: 24px;
	}

	.event-subject-line {
		display: inline-block;
		width: 50px;
		height: 2px;
		bottom: 1px;
		background-color: gray;
	}

	.event-subject {
		position: relative;
		display: inline-block;
		color: var(--color-9);
		margin-left: 9px;
		font-size: 12px;
		line-height: 40px;
		width: 185px;
	}

	#secEvents .dxWeb_isPrevPageBtnHorOutside {
		display: none;
	}

	#secEvents .dxWeb_isNextPageBtnHorOutside {
		width: 18px;
		height: 33px;
	}

	#secEvents .dxisControl .dxis-nextPageBtnHorOutside,
	#secEvents .dxisControl .dxis-nextPageBtnHorOutside {
		margin-top: -62px;
	}


	/*---------- >>> AboutUs max-width: 768px ----------*/

	.aboutus-text-left-placeholder, .aboutus-text-rigt-placeholder {
		display: none;
	}

	section#AboutUs {
		position: relative;
		bottom: 0px;
	}

		section#AboutUs .carousel-indicators {
			height: 35px;
			bottom: 46px;
			position: absolute;
			display: flex;
			height: unset;
			bottom: 13px;
			position: absolute;
			width: fit-content;
			margin-left: 23px;
			left: 0;
		}

	.aboutus-photo,
	.aboutus-photo img {
		/*width: 500px;*/
		height: auto;
		float: unset;
	}

	section#AboutUs .carousel-item {
		background-color: var(--color-10);
		/*width: 500px;*/
		width: 100%;
	}

	#AboutUs .carousel-item img {
		object-fit: contain;
		object-position: center;
		overflow: hidden;
		height: 300px;
	}

	section#AboutUs {
		margin: 0 auto;
		/*width: 500px;*/
		width: calc(100% - 200px);
	}

	.aboutus-title {
		font-size: 30px;
		line-height: 34px;
		margin-top: 30px;
		margin-bottom: 16px;
	}

	.aboutus-photo {
		width: unset;
	}

	.aboutus-text-panel {
		padding-left: 12px;
		padding-right: 12px;
		height: 380px;
		width: unset;
	}

	.aboutus-quote {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 15px;
	}

	.aboutus-double-quote {
		margin-bottom: 5px;
	}

	.aboutus-author {
		font-size: 16px;
	}

	.aboutus-text {
		min-width: unset;
		height: 650px;
	}

	/*---------- <<< AboutUs max-width: 768px ----------*/
}

@media all and (min-width:320px) and (max-width:667px) {
	.newsletter-title {
		margin: auto !important;
	}
}

@media screen and (max-width: 609px) {
	/*---------- >>> AboutUs max-width: 609px ----------*/

	.aboutus-photo,
	.aboutus-photo img,
	section#AboutUs .carousel-item,
	section#AboutUs {
		width: 100%;
		min-width: 375px;
	}

	.aboutus-title {
		font-size: 26px;
		line-height: 30px;
		margin-top: 15px;
		margin-bottom: 12px;
	}

	.aboutus-quote {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.aboutus-author {
		font-size: 16px;
		line-height: 15px;
	}

	/*---------- <<< AboutUs max-width: 609px ----------*/


	.bottomPanel div {
		min-width: unset;
	}

	.h1 {
		font-size: 46px;
		line-height: 50px;
		letter-spacing: -0.04em;
	}

	#outercontainer {
		height: 50px;
	}

	.app-header-logo {
		left: 16px;
		width: 205px;
		height: 19px;
	}

	#secPosyLower {
		padding-left: unset;
		padding-right: unset;
	}

	.posy-upper-block {
		margin-bottom: 15px;
	}

	.posy-lower-text-block {
		padding: unset;
		max-width: 440px;
	}

	.posy-lower-table,
	.posy-lower-table-mobile img {
		width: 100%;
		max-width: 600px;
		min-width: 375px;
	}

	.posy-lower-title {
		font-size: 24px;
	}

	.posy-text {
		font-size: 24px;
		line-height: 30px;
	}

	.posy-upper-illustration, .posy-upper-illustration-upper {
		width:267px;
		height: 141px;
	}

	.videolib-counter-container {
		display: none;
	}

	.videolib-counter-container-lower {
		display: flex;
	}

	.videolib-illustration {
		margin-left: 0;
		width: 85%;

	}

	.videolib-next-button-lower {
		width: 102px;
		margin-left: 0;
		right: 19px;
	}

	.videolib-counter-lower {
		margin-left: 20px;
	}

	.videolib-carousel-container {
		width: 100%;
		margin-left: 16px;
	}

	.video-play-button-overlay {
		display: none;
	}

	.video-play-button-overlay, .video-thumbnail-big {
		width: calc(100% - 32px) !important;
		aspect-ratio: 560/315 !important;
	}

	.dxis-nbItem,
	.dxis-nbItem .dxis-selected,
	.dxis-selected,
	.dxis-nbSelectedItem,
	.dxisControl {
	/*	width: calc(100% - 32px) !important;*/
		aspect-ratio: 560/315 !important;
	}

	#secZgen {
		height: 1050px;
	}

	.zgeneration-carousel-container .dxisControl {
		height: 330px !important;
	}

	.zgen-block {
		width: 330px;
	}

	.zgen-counter {
		margin-left: unset;
	}


	.zgeneration-carousel-container, .zgen-thumbnail,
	.zgeneration-carousel-container .dxis-nbItem,
	.zgeneration-carousel-container .dxis-selected,
	.zgeneration-carousel-inner-container,
	.zgeneration-carousel-inner-container .dxis-nbSlidePanelWrapper,
	.zgeneration-carousel-inner-container .dxis-nbSlidePanel,
	.zgeneration-carousel-inner-container .dxis-nbBottom,
	.card-behind-zgen-carousel {
		width: 330px !important;
		height: 330px !important;
	}

	.card-behind-zgen-carousel {
		left: -10px;
		top: -10px;
	}

	#secRolunkPosyUpper {
		left: unset;
		position: unset;
		top: unset;
		margin-top: 80px;
	}

	#secRolunkPosy {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 100px;
	}

	.rolunk-posy-title-block {
		flex-direction: column;
	}

	.rolunk-posy-title-left {
		height: unset;
	}

		.rolunk-posy-title-left,
		.rolunk-posy-title-right {
			margin: 0 auto;
		}

	.rolunk-posy-pic-upper-1 {
		top: unset;
		left: unset;
		position: unset;
	}
}

@media screen and (max-width: 503px) {
	/* ------ >>> Teljes képernyős menü -------- */

	#mnuMainMenu.dxm-main ul {
		top: 0;
		z-index: 102;
	}

	.header-menu-container {
		z-index: 102;
	}

	#mnuMainMenu ul li:nth-child(3) {
		display: block;
		margin-top: 40px;
	}

	#mnuMainMenu.dxm-main ul li:nth-child(1) {
		position: absolute;
		display: block;
		top: 0px;
		left: -26px;
		margin-top: 16px;
	}

	.menu-closebutton-container {
		margin-top: 2px;
	}

	#mnuMainMenu.dxm-main ul.dx .dxm-item:nth-child(1) a {
		width: 205px;
		display: block;
	}

	.header-menu-container .dxm-main dxm-vertical {
		text-align: right;
		width: 100% !important;
		height: 100%;
		position: fixed;
		left: 0;
		margin-left: 0;
	}


	/*ul*/
	.header-menu-container .dxm-vertical ul {
		margin: 0px auto;
		float: none;
		text-align: center;
		padding-right: 50px;
		padding-left: 50px;
		position: relative;
		right: unset;
		width: 100% !important;
		height: 100%;
		position: fixed;
		left: 0;
	}

	/*li */
	.header-menu-container .dxm-main ul.dx .dxm-item {
		padding-bottom: 10px;
		float: left;
		background-color: white;
		padding-left: 25px !important;
		padding-right: 25px !important;
		width: 100% !important;
		display: inline-block;
	}

	/*fontos lehet, a mobilos menü alján levő email és social rész helyes közpre rakásához, mert emiatt van félrecsúszva, azaz ezzel kellene kikapcsolni */
	/*.dxm-item { padding-left: 0 !important;  }*/

	.menuitem-horizontal-line {
		width: calc(100% - 20px);
		border-top: 1px solid black;
		margin: 10px 0 13px 0;
		position: absolute;
		left: 0;
		margin-left: 10px;
		margin-right: 0px;
		z-index: 1;
	}

	.menuitem-soical-email {
		margin-top: 30px;
		text-align: left;
	}

	.menuitem-social-block {
		margin-left: 0;
		margin-right: 0;
	}

	.header-menu-container .dxmLite,
	.header-menu-container .dxmLite .dxm-item a.dx {
		color: var(--menu-color-mobile) !important;
	}

		.header-menu-container .dxmLite .dxm-main .dxm-selected,
		.header-menu-container .dxmLite .dxm-main .dxm-checked,
		.header-menu-container .dxmLite.dxm-side-menu-mode .dxm-slide-panel .dxm-selected {
			color: var(--menu-color-mobile-inactive) !important;
		}

	/* ------ <<< Teljes képernyős menü -------- */
}

@media screen and (max-width: 400px) {
	.rolunk-posy-lower-block {
		width: 345px;
	}

	.cell-footer-top-middle {
		min-width: unset;
	}

	.aboutus-photo,
	.aboutus-photo img,
	section#AboutUs .carousel-item,
	section#AboutUs {
		width: 100%;
		max-width: 345px;
		min-width: unset;
	}

	.posy-lower-table,
	.posy-lower-table-mobile img {
		width: 100%;
		max-width: 345px;
		min-width: unset;
	}

	/*.aboutus-text-panel {
		height: 44vh;
	}*/

	.aboutus-quote {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 15px;
	}

	.aboutus-author {
		font-size: 13px;
	}

	.posy-lower-text-block {
		max-width: 335px; /*TODO: különben kilóg 375px-nél is*/
	}

	.rolunk-posy-pic-upper-1 {
		width: 345px;
		height: 291px;
	}

	.rolunk-posy-title-left {
		width: 345px;
	}

	.rolunk-posy-title-right {
		width: 345px;
	}

	#AboutUs .carousel-control-next-icon {
		background-image: url('../Images/banner/nextPage_short.svg?v=240910.1');
		bottom: 24px;
		right: 7px;
	}
}

/*@media screen and (orientation:portrait) {
	body {
		background-color: aqua;
	}
}
*/
@media screen and (orientation:landscape) {
	.featured-video {
		width: 70vw !important;
	}
}


/*
	@media only screen and (hover: none) and (pointer: coarse) {
	}*/