/* layout-reset.css-ben van ami itt volt */

/* Global */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {margin-top: initial; margin-bottom: 20px; color: inherit; font-family: var(--default-font-1); font-style: normal; font-weight: 400; line-height: 1.2; text-transform: none}
h1, .h1 {font-size: 50px} h2, .h2 {font-size: 38px} h3, .h3 {font-size: 32px} h4, .h4 {font-size: 28px} h5, .h5 {font-size: 24px} h6, .h6 {font-size: 20px}

#content .sectionHeader {margin-top: var(--sh-mt, 0); margin-right: var(--sh-mr, auto); margin-bottom: var(--sh-mb, 40px); margin-left: var(--sh-ml, auto)}
#content .sectionHeader h1, #content .sectionHeader .h1, #content .sectionHeader .h3 {
    display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    background-color: var(--default-color-1); max-width: calc(1540px - 160px); min-height: 75px; margin-top: 0; margin-right: var(--sh-mr, auto); margin-bottom: 0; margin-left: var(--sh-ml, auto); padding: 16px 50px 10px; text-align: center; position: relative;
    clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%)
}
#lSide .sectionHeader {margin-bottom: 50px}
#rSide .sectionHeader h1, #rSide .sectionHeader .h1 {max-width: calc(100% - 50px)}
#content .sectionHeader.redBg h1, #content .sectionHeader.redBg .h1 {background-color: var(--default-color-6)}
#content.twoColumn .sectionHeader h1, #content.twoColumn .sectionHeader .h1 {max-width: 100%}
#content.twoColumn #rSide .sectionHeader .h1 {padding-right: 25px; padding-left: 25px}
#content .sectionHeader.mainh1 {background-color: transparent; margin-bottom: 60px; padding: 0; clip-path: none}
#content .sectionHeader.mainh1 h1 {background-image: url('../art/bg-footer-2560.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; margin-right: auto; margin-left: auto; padding: 20px 50px; clip-path: polygon(35px 0, 100% 0, calc(100% - 35px) 100%, 0 100%)}
#content .sectionHeader.mainh1 h1 {font-size: 30px}
    #content .sectionHeader h1, #content .sectionHeader .h1, #content .sectionHeader .h3 {color: var(--default-color-8); font-size: 50px; font-style: italic; font-weight: 900; line-height: 1.2; text-align: center; text-transform: uppercase}
    #content .sectionHeader .dotsGraph {display: none!important; opacity: 0!important; visibility: hidden!important}
    #content .sectionHeader .btn {position: absolute; top: calc(50% - 22px); right: -5px}
    #content .sectionHeader .btn:hover {background-color: var(--default-color-2)}

#content .newsFull .sectionHeader h1 {width: 100%; padding-top: 26px; padding-bottom: 50px}
#content .newsFull .sectionHeader .datum {background-color: var(--default-color-12); padding: 2px 20px 1px; font-size: 1.25rem; font-weight: 500; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%)}
/*.sectionHeader .datum{clear: both; position: absolute; bottom: -40px; font-size: 1.074vw}*/
#content .wrapper img {max-width: 100%; height: auto}

a {color: var(--default-color-6); text-decoration: underline; cursor: pointer; -webkit-transition: var(--default-transition-1); -moz-transition: var(--default-transition-1); transition: var(--default-transition-1)}
a[class*="phone"] {text-decoration: none}
a:not([href]) {cursor: default}

/* breadcrumb icon-house-fill */
#breadcrumb {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0; padding: 0 25px 10px; color: var(--default-color-2); font-size: 1rem}
#breadcrumb > a {color: inherit; text-decoration: none}
#breadcrumb > a:first-child::before {content: ''; background: transparent url('../art/svg/icon-house-fill.svg') no-repeat center center; background-size: 16px; display: inline-block; width: 16px; height: 16px; margin-right: 5px; position: relative; top: 1px; -webkit-filter: var(--default-filter-2); filter: var(--default-filter-2)}
    #breadcrumb > .sep {display: inline-block; padding: 0 5px; color: inherit!important; text-decoration: none}
    #breadcrumb > .sep::before {content: '/'}

/* pager */
.lapozo {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0}
    .lapozo > * {background-color: var(--default-color-4); min-width: 36px; height: 36px; padding: 8px 10px 0; margin: 2px; color: var(--default-color-2); font-size: 1.025rem; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; border-radius: 36px}
    .lapozo > .lapoz {min-width: inherit; width: 36px; padding: 0; font-size: 0; line-height: 0}
    .lapozo > span.lapoz {opacity: 0.5; cursor: default}
    .lapozo > .lapoz::before {content: ''; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 14px; display: block; width: 36px; height: 36px; -webkit-filter: var(var(--default-filter-2)); filter: var(var(--default-filter-2))}
    .lapozo > .lapoz:first-child::before {background-image: url('../art/svg/icon-chevron-double-left.svg')}
    .lapozo > .lapoz:last-child::before {background-image: url('../art/svg/icon-chevron-double-right.svg')}
	.lapozo > .page {background-color: var(--default-color-6); color: var(--default-color-8)}
.listBlock .row .lapozo {width: 100%; padding-bottom: 0}

/* backBtn */
.vissza {margin-bottom: 60px; padding: 15px 10px; text-align: right}
	.vissza a {color: var(--default-color-2); text-decoration: none}
		.vissza a:before {content: ''; background: transparent url('../art/svg/icon-chevron-double-left.svg') no-repeat center center; background-size: 12px; display: inline-block; width: 12px; height: 12px; margin-right: 5px; position: relative; top: 1px; left: 0; filter: var(--default-filter-2)}

/* menuFull */
.fck h2, .fck h3, .fck h4, .fck h5, .fck h6 {margin: 0 0 10px; padding: 0}
.fck ul {margin: 0 0 15px 30px}
    .fck ul li {}
.fck ol {margin: 0 0 15px 30px}
    .fck ol li {}
.fck p {margin: 0 0 15px; padding: 0}
.fck > *:not(script):last-child {margin-bottom: 0; padding-bottom: 0}
.fck table.altalanos {border-collapse: collapse; margin-bottom: 30px}
    .fck table.altalanos tbody tr {}
        .fck table.altalanos tbody tr th, .fck table.altalanos tbody tr td {background-color: var(--default-color-9); padding: 7px}
        .fck table.altalanos tbody tr th {background-color: var(--default-color-1); color: var(--default-color-8)}

.idezet {margin-bottom: 30px; padding: 0}

.miniGallery {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 30px}
    .miniGallery a {display: block; width: calc((100% / 10) - 8px); margin: 4px; font-size: 0; line-height: 0; text-decoration: none}
        .miniGallery a img {display: block; width: 100%; max-width: 100%; height: auto; margin: 0}

/* rating stars */
.ratingStarsBlock, .ratingStarsBlock .color {display: block; width: 98px; height: 15px; overflow: hidden; position: relative}
.ratingStarsBlock:before, .ratingStarsBlock .color:before {content: ''; background: transparent url('../art/svg/icon-rating-star.svg') no-repeat center center; background-size: 100%; display: block; width: 98px; height: 15px; position: absolute; z-index: 1; -webkit-filter: var(--default-filter-3); filter: var(--default-filter-3)}
.ratingStarsBlock .color:before {z-index: 2; -webkit-filter: var(--default-filter-6); filter: var(--default-filter-6)}

/* input, select, textarea */
.input, .capcsa_input, select, textarea {
    background-color: var(--default-color-8); width: auto; min-height: 54px; margin: 0; padding: 2px 15px 0; border: 1px solid var(--default-color-3); color: var(--default-color-1); font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.2; outline: none;
    resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; -webkit-transition: all 0.2s linear 0.1s; -moz-transition: all 0.2s linear 0.1s; transition: all 0.2s linear 0.1s;
}
textarea {width: 100%; height: 220px; padding: 15px; line-height: 1.2}
select {background-image: url('../art/icon/icon-arrow-down.svg'); background-position: right 6px top 50%; background-repeat: no-repeat; background-size: 17px; padding-right: 30px; word-wrap: normal}
    option {min-height: 44px}

.input.xsmall {min-height: 30px; line-height: 28px}
.input.small, select.small {min-height: 42px; font-size: 0.913rem}
select.small {background-position: right 6px top 7px}
	select.small option {min-height: 36px}
.input.big {min-height: 52px; padding-right: 20px; padding-left: 20px; font-size: 16px; line-height: 50px}

/*input[type="radio"] {margin-right: 10px; position: relative; top: -1px}*/

.form .formGroup:not(.btnBox) {margin-bottom: 16px}
.form .row .formGroup {padding-right: 8px; padding-left: 8px}

.formGroup.captchaBox {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: none; padding: 0}
    .formGroup.captchaBox > *:not(script) {-webkit-box-flex: 0; -ms-flex: 1; flex: 1}
    .formGroup.captchaBox label {padding: 0 10px 0 0}
    .formGroup.captchaBox .capcsa_input {min-width: inherit; width: 80px!important; max-width: 80px; min-height: 54px; font-size: 1rem}
    .formGroup.captchaBox img {background-color: var(--default-color-8); width: 90px; max-width: 90px!important; height: 54px!important; margin-left: 5px; padding: 8px}
    .formGroup.captchaBox .hiba {-ms-flex: 100%; flex: 100%}

.form .inputsor .text {background-color: var(--default-color-5); display: block; min-height: 54px; margin: 0; padding: 17.5px 15px 0; border: 1px solid var(--default-color-3); color: var(--default-color-1); font-size: 1rem; font-weight: 400; line-height: 1.2; border-radius: 3px}

form .hiba, .form .hiba, .alertBox.warning {background-color: var(--default-color-6); margin-top: 5px; padding: 7px 14px; color: var(--default-color-8); font-size: 1rem; font-weight: 500; border-radius: 2px}
.form .inputsor .hiba {margin-top: 5px}

/* select 2 */
.select2-container {display: block; width: 100%!important}
    .select2-container .selection {
        background-color: var(--default-color-8); display: block; width: 100%; min-height: 54px; margin: 0; padding: 0 30px 0 15px; border: 1px solid var(--default-color-3); color: var(--default-color-1);
        font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.2; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px;
    }
        .select2-container .select2-selection {background-color: transparent!important; width: 100%; height: 52px!important; border: none!important}
            .select2-container .select2-selection__rendered {padding: 17px 0!important; color: inherit!important; line-height: inherit!important}
                .select2-container .select2-selection__arrow {background-image: url('../art/icon/icon-arrow-down.svg'); background-position: right 6px top 50%; background-repeat: no-repeat; background-size: 17px; width: 30px!important; height: 100%!important}
                    .select2-container .select2-selection__arrow b {display: none}
.select2-container .dropdown-wrapper {}
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: var(--default-color-1)!important}

/* grafikus select */
select.unique {display: none}
.unique-select {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
    .unique-select .opt {background-color: var(--default-color-8); margin: 4px; padding: 10px 12px 8px; border: 1px solid var(--default-color-5); font-weight: 500; cursor: pointer; border-radius: 6px; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out}
    .unique-select .opt.selected {background-color: var(--default-color-7); color: var(--default-color-8); cursor: default; box-shadow: 0 4px 8px #00000014}

/* .btn, .btnLink */
.btn, .btndisabled {
	background-color: var(--default-color-6); display: inline-block; min-width: 44px; min-height: 44px; height: auto; margin: 0; padding: 2px 35px 0; border: none; color: var(--default-color-8); font-family: inherit; font-size: 1rem; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none;
	text-transform: none; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
    clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%)
}
.btndisabled {background-color: var(--default-color-14); cursor: default}
a.btn {padding-top: 14px}
div.btn, div.btndisabled {padding-top: 16px}
.btn.invers {background-color: #d90d0d}
.btn.xsmall {min-height: 30px; padding: 0 10px; font-size: 12px; font-weight: 400}
a.btn.xsmall {padding-top: 5px}
.btn.small {min-height: 42px; padding: 6px 35px 4px; font-size: 18px; font-weight: 600; line-height: 1}
a.btn.small {padding: 13px 25px 4px}
.btn.default {font-size: 16px; font-weight: 600}
.btn.big {min-height: 52px; padding-right: 40px; padding-left: 40px; font-size: 18px; font-weight: 700}
.btn.noGraph {background-color: transparent; min-height: inherit; padding: 0; color: var(--default-color-2); font-weight: 500}

.btn.cartBtn {background-color: var(--default-color-6); min-width: inherit; width: 85px; min-height: inherit; height: 55px; margin: 0; padding: 0; font-size: 0; position: relative; border-radius: 0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s}
    .btn.cartBtn .icon {display: block; width: 100%; height: 100%; line-height: 0; position: absolute; top: 0; left: 0}
    .btn.cartBtn .icon::after {content: ''; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 38px; display: block; width: 100%; height: 100%; -webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
    .btn.cartBtn.shopping .icon::after {background-image: url('../art/svg/kosarba.svg')}
    .btn.cartBtn.details .icon::after {background-image: url('../art/svg/kosar.svg')}

/* checkbox + radio */
.graphDesign {position: relative}
	.graphDesign input {display: none; width: 0; height: 0; position: absolute; top: 0; left: 0}
	.graphDesign label {display: inline-block; min-height: 22px; padding-top: 0; padding-left: 32px; color: var(--default-color-1); font-size: 0.915rem; cursor: pointer; position: relative}
    .graphDesign.adatvedelem label {padding-top: 3px}
		.graphDesign label:before {content: ''; background-color: var(--default-color-8); display: inline-block; width: 22px; height: 22px; border: 1px solid var(--default-color-3); position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
		.graphDesign label:after {content: ''; background-color: var(--default-color-1); width: 10px; height: 10px; opacity: 0; position: absolute; top: 6px; left: 6px; z-index: 2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}
		.graphDesign.radio label:before, .graphDesign.radio label:after {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}
		.graphDesign input[type=checkbox]:checked + label:before, .graphDesign input[type=radio]:checked + label:before {color: var(--default-color-1)}
		.graphDesign input[type=checkbox]:checked + label:after, .graphDesign input[type=radio]:checked + label:after {opacity: 1}

.graphDesign.adatvedelem {max-width: 572px; margin-right: auto; margin-left: auto; line-height: 1.2; text-align: center}
    .graphDesign.adatvedelem label {text-align: left}
    .graphDesign.adatvedelem label a {color: var(--default-color-6); font-weight: 500; text-decoration: underline}
    .graphDesign.adatvedelem .hiba {margin: 5px 0 0}

/* cartInformation */
#cartInformation {background-color: rgba(0,0,0,0.75); width: 100%; height: 100%; padding: 0 18px; position: fixed; top: 0; left: 0; z-index: 99999}
	#cartInformation > div {
        display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
        background-color: var(--default-color-8); width: 100%; max-width: 434px; margin: 20px auto 0; padding: 20px; color: var(--default-color-1); border-radius: 3px
    }
        #cartInformation h3 {width: 100%; font-size: 1.375rem; font-weight: 700}
		#cartInformation p {width: 100%; padding: 0 0 20px}
		#cartInformation p:before {content: attr(data-pc)}
		#cartInformation a {color: #ffffff; cursor: pointer}
		#cartInformation a.shopping {background-color: #8a8a8a}
		#cartInformation a.cash {margin-left: auto}

.kosarmininfo {background-color: var(--default-color-6); margin: 0 0 30px 0; padding: 10px 5px; color: var(--default-color-8)}

/* progressbar */
.progress {background-color: #f5f5f5; width: 100%; height: 10px; margin-bottom: 10px; overflow: hidden; position: absolute; bottom: -10px; left: -20px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)}
    .progress-bar-striped, .progress-striped .progress-bar {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg,rgba(255,255,255, .25) 25%,transparent 25%,transparent 50%,rgba(255,255,255, .25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px; background-size: 40px 40px;
    }
    .progress-bar.active, .progress.active .progress-bar {-webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1.5s linear infinite}
    .progress-bar {
        background-color: var(--default-color-6, #d90d0d); float: left; width: 100%; height: 100%; color: var(--default-color-8); font-size: 12px; line-height: 10px; text-align: center;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease
    }

/* animation */
@-webkit-keyframes progress-bar-stripes {0% {background-position: 80px 0} 100% {background-position: 0 0}}
@keyframes progress-bar-stripes {0% {background-position: 80px 0} 100% {background-position: 0 0}}

@-webkit-keyframes slideInDown {from {-webkit-transform: translate3d(0,-100%,0); visibility: visible} to {-webkit-transform: translate3d(0,0,0)}}
@keyframes slideInDown {from {transform: translate3d(0,-100%,0); visibility: visible} to {transform: translate3d(0,0,0)}}

@-webkit-keyframes shine {0% {left: -60%} 100% {left: 120%}}
@keyframes shine {0% {left: -60%} 100% {left: 120%}}

/* layout-flex.css-ben van ami itt volt */

.marginAuto {margin: 0 auto}
.margin10 {margin: 10px} .margin20 {margin: 20px} .margin30 {margin: 30px} .margin40 {margin: 40px} .margin50 {margin: 50px} .margin60 {margin: 60px} .margin70 {margin: 70px} .margin80 {margin: 80px}
.marginT10 {margin-top: 10px} .marginT20 {margin-top: 20px} .marginT30 {margin-top: 30px} .marginT40 {margin-top: 40px} .marginT50 {margin-top: 50px} .marginT60 {margin-top: 60px} .marginT70 {margin-top: 70px} .marginT80 {margin-top: 80px}
.marginR10 {margin-right: 10px} .marginR20 {margin-right: 20px} .marginR30 {margin-right: 30px} .marginR40 {margin-right: 40px} .marginR50 {margin-right: 50px} .marginR60 {margin-right: 60px} .marginR70 {margin-right: 70px} .marginR80 {margin-right: 80px}
.marginB10 {margin-bottom: 10px} .marginB20 {margin-bottom: 20px} .marginB30 {margin-bottom: 30px} .marginB40 {margin-bottom: 40px} .marginB50 {margin-bottom: 50px} .marginB60 {margin-bottom: 60px} .marginB70 {margin-bottom: 70px} .marginB80 {margin-bottom: 80px}
.marginL10 {margin-left: 10px} .marginL20 {margin-left: 20px} .marginL30 {margin-left: 30px} .marginL40 {margin-left: 40px} .marginL50 {margin-left: 50px} .marginL60 {margin-left: 60px} .marginL70 {margin-left: 70px} .marginL80 {margin-left: 80px}

.padding10 {padding: 10px} .padding20 {padding: 20px} .padding30 {padding: 30px} .padding40 {padding: 40px} .padding50 {padding: 50px} .padding60 {padding: 60px} .padding70 {padding: 70px} .padding80 {padding: 80px}
.paddingT10 {padding-top: 10px} .paddingT20 {padding-top: 20px} .paddingT30 {padding-top: 30px} .paddingT40 {padding-top: 40px} .paddingT50 {padding-top: 50px} .paddingT60 {padding-top: 60px} .paddingT70 {padding-top: 70px} .paddingT80 {padding-top: 80px}
.paddingR10 {padding-right: 10px} .paddingR20 {padding-right: 20px} .paddingR30 {padding-right: 30px} .paddingR40 {padding-right: 40px} .paddingR50 {padding-right: 50px} .paddingR60 {padding-right: 60px} .paddingR70 {padding-right: 70px} .paddingR80 {padding-right: 80px}
.paddingB10 {padding-bottom: 10px} .paddingB20 {padding-bottom: 20px} .paddingB30 {padding-bottom: 30px} .paddingB40 {padding-bottom: 40px} .paddingB50 {padding-bottom: 50px} .paddingB60 {padding-bottom: 60px} .paddingB70 {padding-bottom: 70px} .paddingB80 {padding-bottom: 80px}
.paddingL10 {padding-left: 10px} .paddingL20 {padding-left: 20px} .paddingL30 {padding-left: 30px} .paddingL40 {padding-left: 40px} .paddingL50 {padding-left: 50px} .paddingL60 {padding-left: 60px} .paddingL70 {padding-left: 70px} .paddingL80 {padding-left: 80px}

.cPointer {cursor: pointer} .cDefault {cursor: default}
.colorGreen {color: var(--default-colo-7)} .colorRed {color: var(--default-color-6)}
.fsize12 {font-size: 0.75rem} .fsize14 {font-size: 0.875rem} .fsize16 {font-size: 1rem} .fsize18 {font-size: 1.125rem}
.fweight400 {font-weight: 400} .fweight500 {font-weight: 500} .fweight600 {font-weight: 600} .fweight700 {font-weight: 700}
.textCenter {text-align: center} .textJustify {text-align: justify} .textLeft {text-align: left} .textRight {text-align: right} .textDecorNone {text-decoration: none} .textUppercase {text-transform: uppercase} .textNone {text-transform: none}

.posRelative {position: relative} .posAbsolute {position: absolute} .posFixed {position: fixed} .posStatic {position: static} .posSticky {position: sticky}
.zIndex1 {z-index: 1} .zIndex2 {z-index: 2} .zIndex3 {z-index: 3} .zIndex4 {z-index: 4} .zIndex5 {z-index: 5} .zIndex6 {z-index: 6} .zIndex7 {z-index: 7} .zIndex8 {z-index: 8}
.zIndex9 {z-index: 9} .zIndex10 {z-index: 10} .zIndex11 {z-index: 11} .zIndex12 {z-index: 12} .zIndex99 {z-index: 99} .zIndex999 {z-index: 999} .zIndexn999 {z-index: -999} .zIndex9999 {z-index: 9999} .zIndexn9999 {z-index: -9999}

.noMailHidden {display: none!important}

td[align="left"] {text-align: left}
td[align="center"] {text-align: center}
td[align="right"] {text-align: right}

.spotlight {cursor: pointer}

/* trans */
.trans {border-bottom: 1px dashed #ff4444}
.suff {border-bottom: 1px dashed #80fa01}
.font16valignmiddle{font-size: 16px; vertical-align: middle;}

/* layout-flex.css-ben van ami itt volt */

@media (-moz-touch-enabled: 0), (hover: hover){
    a:hover {color: var(--default-color-11); text-decoration: none}
    #breadcrumb > a:hover {color: var(--default-color-6)!important}
    .lapozo > a:hover {background-color: var(--default-color-1); color: var(--default-color-8)}
    .lapozo > a.lapoz:hover::before {-webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
    .vissza a:hover {color: var(--default-color-6)}
    .unique-select .opt:not(.selected):hover {background-color: var(--default-color-5)}
    .btn:hover {background-color: var(--default-color-1); color: var(--default-color-8)}
    .btn.invers:hover {background-color: #ff0000; color: inherit}
    .btn.cartBtn:hover {background-color: var(--default-color-1)}
    .btn.noGraph:hover {background-color: transparent; color: var(--default-color-6)}
    .btn.grey:hover {background-color: #ff0000!important}
    .graphDesign.adatvedelem label a:hover {color: var(--default-color-2); text-decoration: none}
}