/* layout.css-ben van ami itt volt */
.kepkeret {display: block; max-width: 100%; margin-right: auto; margin-bottom: 15px; margin-left: auto}
.kepkeretbal {float: left; max-width: 100%; margin-right: 15px; margin-bottom: 15px}
.kepkeretjobb {float: right; max-width: 100%; margin-left: 15px; margin-bottom: 15px}
.kepbal {float: left; max-width: 100%; margin: 2px; margin-right: 10px}
.kepjobb {float: right; max-width: 100%; margin: 2px; margin-left: 10px}
#content .kapcsolodo.kereses ul {margin-right: 20px; margin-left: 25px}
.grey {background-color: #a7a7a7!important}

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

/* user popup slide right*/
#lrPopupBlock {}
    #lrPopupBlock form {padding: 40px 20px 20px; position: relative}
        #lrPopupBlock form .close-func {background-color: var(--default-color-6); width: 35px; height: 35px; position: absolute; top: 39px; right: 20px}
        #lrPopupBlock form .close-func::before {background-size: 16px; width: 35px; height: 35px; -webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
        #lrPopupBlock form h2 {margin-bottom: 40px; padding-right: 45px; font-size: 1.75rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase}
        #lrPopupBlock form .form-group {margin-bottom: 15px; padding: 0}
            #lrPopupBlock form .form-group .input {width: 100%}
            #lrPopupBlock form .form-group.btnBlock.login {padding-top: 30px}
                #lrPopupBlock form .form-group.btnBlock .btn {width: 100%; max-width: 220px; font-size: 1.25rem; text-transform: uppercase}
                #lrPopupBlock form .form-group.btnBlock.reglink .btn {background-color: var(--default-color-2); color: var(--default-color-8); font-size: 1rem}
            #lrPopupBlock .form-group.btnBlock.forgetPass {padding: 0 20px}
                #lrPopupBlock .form-group.btnBlock.forgetPass .btn {background-color: var(--default-color-4); display: block; width: 100%; max-width: 220px; margin: 0 auto; color: var(--default-color-11); font-size: 1.125rem; font-weight: 500; text-align: center; text-decoration: none; border-radius: 3px}
        #lrPopupBlock .userName {margin-bottom: 40px; padding-right: 45px; font-size: 1.75rem; line-height: 1.2}
            #lrPopupBlock .userName strong {display: block; margin-bottom: -4px; font-size: 1.125rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase}
        #lrPopupBlock ul {list-style: none; margin: 0; padding: 0}
            #lrPopupBlock ul li {margin: 0; padding: 10px 5px; border-bottom: 1px solid var(--default-color-4)}
                #lrPopupBlock ul li a {display: block; margin: -10px 0; padding: 10px 0; color: inherit; text-decoration: none}
        #lrPopupBlock .btnBox {padding-top: 30px}
            #lrPopupBlock .btnBox .btn {width: 100%; max-width: 220px; font-size: 1.25rem; text-transform: uppercase}
    #lrPopupBlock .alertBox.warning {-ms-flex: 0 0 calc(100% - 40px); flex: 0 0 calc(100% - 40px); max-width: calc(100% - 40px); margin: 0 20px 20px; text-align: center}

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

#content.twoColumn > .wrapper {/*padding-top: 60px*/}
#topSlider + #content.twoColumn > .wrapper {padding-top: var(--cw-pt, 0)}
#content.twoColumn > .wrapper #lSide {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; width: 100%; max-width: 75%; padding-bottom: 40px; padding-left: 30px}
#content.twoColumn > .wrapper #rSide {-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 100%; max-width: 25%; padding-top: 34px; padding-right: 30px; padding-bottom: 40px}

.menuFull {padding-bottom: 100px}
.main-page-blocks {}
.main-page-blocks .outerBox img {display: block; border-radius: 10px}

/* listBlock */
.listBlock {margin-bottom: 60px}
    .listBlock .row {margin-right: -8px; margin-left: -8px; padding-bottom: 1px}
        .listBlock .row .outerBox {float: left; padding-right: 8px; padding-left: 8px; text-align: left}
            .listBlock .row .outerBox .innerBox {
                display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
                /*background-color: var(--default-color-4);*/
                background-color: #e3e3e3; background: linear-gradient(0deg,rgba(227, 227, 227, 1) 0%, rgba(255, 255, 255, 1) 40%);
                height: 100%; padding-top: var(--lb-pt, 0); padding-right: var(--lb-pr, 14px); padding-bottom: var(--lb-pb, 20px); padding-left: var(--lb-pl, 14px); position: relative; z-index: 1; border-radius: var(--default-radius)
            }
                .listBlock .row .outerBox .innerBox .smallPicBox {background-color: var(--default-color-8); margin: 0 -14px; overflow: hidden; position: relative; z-index: 0}
                .listBlock .row .outerBox .innerBox .smallPicBox:not(.noBg)::after {content: ''; background-color: var(--default-color-8); background-image: var(--bgimg); background-position: center center; background-repeat: no-repeat; background-size: 100%; display: block; width: 100%; max-width: 592px; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s}
                .listBlock .row .outerBox .innerBox .smallPicBox::before {content: ''; display: block; width: 100%; padding-top: var(--lb-a-pt, 111.76%); position: relative; z-index: 0}
                    .listBlock .row .outerBox .innerBox .smallPicBox a {background-color: transparent; display: block; font-size: 0; line-height: 0; text-decoration: none}
                    .listBlock .row .outerBox .innerBox:hover .smallPicBox a::after {
                        content: ''; background: linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.1) 75%,rgba(255,255,255,0) 100%); width: 40%; height: 100%;
                        opacity: 0.8; position: absolute; top: 0; left: -60%; z-index: 2; -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg)
                    }
                        .listBlock .row .outerBox .innerBox .smallPicBox img {display: block; width: 100%; max-width: inherit!important; height: 100%!important; margin-bottom: 0; opacity: 1; position: absolute; top: 0; left: 0; z-index: 2; -moz-object-fit: cover; -o-object-fit: cover; object-fit: cover; -moz-object-position: center center; -o-object-position: center center; object-position: center center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s}
                .listBlock .row .outerBox .innerBox .header {display: block; padding-top: 14px; text-decoration: none; text-overflow: ellipsis; overflow: hidden; position: relative; z-index: 1}
                    .listBlock .row .outerBox .innerBox .header h3 {margin-bottom: 0; font-size: var(--lb-h3-fs, 20px); font-weight: 600; line-height: 1.2; text-transform: uppercase}
                        .listBlock .row .outerBox .innerBox .header h3 a {display: block; color: inherit; text-decoration: none}
                    .listBlock .row .outerBox .innerBox .header .date, .listBlock .row .outerBox .innerBox .header .datum {background-color: var(--default-color-12); display: inline-block; margin-top: 3px; margin-bottom: 10px; padding: 1px 16px; font-size: 0.875rem; font-weight: 500; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%)}
                .listBlock .row .outerBox .innerBox .heightBlock1 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 4px; line-height: 1}
                    .listBlock .row .outerBox .innerBox .descBox {width: 100%; padding-top: 2px; line-height: 1.1}
                    .listBlock .row .outerBox .innerBox .szallitas {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; width: 100%; margin-top: auto; padding-left: 20px; color: var(--default-color-10); line-height: 1.2; position: relative}
                    .listBlock .row .outerBox .innerBox .descBox + .szallitas {margin-top: 8px}
                    .listBlock .row .outerBox .innerBox .szallitas::before {content: ''; background: transparent url('../art/svg/icon-check-lg.svg') no-repeat center center; background-size: 18px; display: block; width: 15px; height: 10px; margin-right: 5px; position: absolute; top: 4px; left: 0; filter: var(--default-filter-10)}


                    .listBlock .row .outerBox .innerBox .szallitas.raktaron {}
                    .listBlock .row .outerBox .innerBox .szallitas.nincsderendelheto {color: var(--default-color-14)}
                    .listBlock .row .outerBox .innerBox .szallitas.nincsderendelheto::before {filter: var(--default-filter-14)}
                    .listBlock .row .outerBox .innerBox .szallitas.nincsraktaron {}
                    .listBlock .row .outerBox .innerBox .szallitas.szallitasido {}
                    .listBlock .row .outerBox .innerBox .szallitas.nincsraktaron, .listBlock .row .outerBox .innerBox .szallitas.nemrendelheto {color: var(--default-color-6)}
                        .listBlock .row .outerBox .innerBox .szallitas.nincsraktaron::before, .listBlock .row .outerBox .innerBox .szallitas.nemrendelheto::before {background-image: url('../art/svg/icon-close-round.svg'); filter: var(--default-filter-6)}

                .listBlock .row .outerBox .innerBox .heightBlock2 {
                    display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
                    -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: auto; padding-top: 10px
                }
                    .listBlock .row .outerBox .innerBox .arakBlokk {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 85px); font-size: 18px; line-height: 24px}
                        .listBlock .row .outerBox .innerBox .arakBlokk > *:not(script) {display: block; width: 100%; position: relative; z-index: 1}
                        .listBlock .row .outerBox .innerBox .arakBlokk .ar_akcios {color: var(--default-color-6)}
                        .listBlock .row .outerBox .innerBox .arakBlokk price {font-weight: 900; text-wrap-mode: nowrap}
                        .listBlock .row .outerBox .innerBox .arakBlokk .kedvezmeny, .listBlock .row .outerBox .innerBox .arakBlokk .nagyonmegeri {background-color: var(--default-color-6); min-width: 64px; width: auto; height: 29px; padding: 7px 10px 0; color: var(--default-color-8); font-size: 1rem; font-style: italic; font-weight: 700; letter-spacing: 0.04em; line-height: 1; text-align: center; position: absolute; top: 5px; left: 5px}
                        .listBlock .row .outerBox .innerBox .arakBlokk .nagyonmegeri {background-color: var(--default-color-12); color: var(--default-color-1)}
                        .listBlock .row .outerBox .innerBox .arakBlokk .kedvezmeny + .nagyonmegeri {left: 72px}
                    .listBlock .row .outerBox .innerBox .btnBox {width: 85px; padding: 0; font-size: 0; line-height: 0; text-align: right; position: relative; z-index: 1}
                    .listBlock .row .outerBox .innerBox .favoritesBtn {width: 24px; height: 24px; position: absolute; top: 5px; right: 0; left: auto; z-index: 1}
                    .listBlock .row .outerBox .innerBox .favoritesBtn::before, .listBlock .row .outerBox .innerBox .favoritesBtn::after {background-size: 24px; width: 24px; height: 24px}

                    .listBlock .row .outerBox.kapcsolodo .innerBox .arakBlokk {width: 100%; font-size: 18px; line-height: 24px}
                    .listBlock .row .outerBox.kapcsolodo .innerBox .btnBox {width: 100%; margin: 0 auto; text-align: center; margin-top: 20px;}
                    .listBlock .row .outerBox.kapcsolodo .innerBox .btnBox .cartBtn {width: 70%; margin: 0}

        #lSide .listBlock .row .outerBox, .menuFull.shopping .listBlock .row .outerBox {margin-bottom: 39px}
            #lSide .listBlock .row .outerBox .innerBox, .menuFull.shopping .listBlock .row .outerBox .innerBox {padding-top: var(--lb-pt, 0); padding-right: var(--lb-pr, 10px); padding-bottom: var(--lb-pb, 0); padding-left: var(--lb-pl, 10px)}
                #lSide .listBlock .row .outerBox .innerBox .smallPicBox, .menuFull.shopping .listBlock .row .outerBox .innerBox .smallPicBox {margin: 0 -10px}
                /*#lSide .listBlock .row .outerBox .innerBox .header h3 {font-size: 22px}*/
                #lSide .listBlock .row .outerBox.ajanlo .innerBox .header h3 {font-size: var(--lb-h3-fs, 18px)}
                #lSide .listBlock .row .outerBox .innerBox .heightBlock2, .menuFull.shopping .listBlock .row .outerBox .innerBox .heightBlock2 {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}
                    #lSide .listBlock .row .outerBox .innerBox .arakBlokk, .menuFull.shopping .listBlock .row .outerBox .innerBox .arakBlokk {width: 100%; margin-bottom: 10px; font-size: 17px; line-height: 22px}
                    #lSide .listBlock .row .outerBox .innerBox .btnBox, .menuFull.shopping .listBlock .row .outerBox .innerBox .btnBox {width: 100%; margin-top: auto; margin-bottom: -22.5px}
                        #lSide .listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn, .menuFull.shopping .listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn {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; width: 80%; height: 45px; margin: 0 auto; font-size: 1rem}
                            #lSide .listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn .icon, .menuFull.shopping .listBlock .row .outerBox .innerBox .btnBox .btn.cartBtn .icon {width: 38px; height: 45px; position: relative}

    /* listBlock not sliderList */
    .listBlock .row:not(.slick-slider) {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: none}
        .listBlock .row:not(.slick-slider) .outerBox {margin-bottom: 16px}
        .listBlock .row:not(.slick-slider) .outerBox.col-sm-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; width: 100%; max-width: 16.666667%}
        .listBlock .row:not(.slick-slider) .outerBox.col-sm-3 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 100%; max-width: 25%}
        .listBlock .row:not(.slick-slider) .outerBox.col-sm-4 {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; width: 100%; max-width: 33.333333%}
        .listBlock .row:not(.slick-slider) .outerBox.col-sm-5, .listBlock .row:not(.slick-slider) .outerBox.col-m-2 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 100%; max-width: 20%}

        .listBlock.sliderList .productList:not(.slick-initialized) .outerBox:nth-child(n+7) {display: none}
        .listBlock.sliderList .productList:not(.slick-initialized) .outerBox {-ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%}

    /* listBlock sliderList */
    .listBlock.sliderList .slick-track {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1px; padding-bottom: 1px}
        .listBlock.sliderList .slick-track .outerBox {min-height: inherit; height: auto}
            .listBlock.sliderList .slick-track .outerBox .innerBox .arakBlokk {padding-right: 10px}
            .listBlock.sliderList .row .outerBox .innerBox .heightBlock2 {-webkit-box-orient: initial; -webkit-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial}

    /* listBlock edzesbodypower */
    .listBlock.edzesbodypower .row .outerBox .innerBox, .listBlock.aktualitasok .row .outerBox .innerBox {background: var(--default-color-8)}
    .listBlock.edzesbodypower .row .outerBox .innerBox .smallPicBox::before {padding-top: 75.13%}

    /* listBlock filter */
    .listBlockFilter {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: end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 0 0}
    .listBlockFilter + .lapozo {padding-top: 0}
    	.listBlockFilter a {display: inline-block; padding: 0 14px; color: var(--default-color-2); line-height: 1.2; text-decoration: none}
		.listBlockFilter a.order_selected {color: var(--default-color-6)}

    /* listBlock header */
    .listBlock header.header {
        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); height: 75px; margin: 0 auto 30px; padding-top: 0; text-align: center; position: relative; z-index: 1; clip-path: polygon(15px 0, 100% 0, calc(100% - 15px) 100%, 0 100%)
    }
        .listBlock header.header h5 {margin: 0; color: var(--default-color-8); font-size: 50px; font-style: italic; font-weight: 900; line-height: 1.2; text-transform: uppercase}
            .listBlock header.header h5 a {color: inherit; text-decoration: none}
    .listBlock .otherProductBtn {background-color: var(--default-color-1); display: block; width: 170px; height: 32px; margin: 15px auto 0; padding: 5px 0 0; color: var(--default-color-8); font-size: 20px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none}
    .listBlock header.header + .ws-category-selector {margin-top: -65px}

    /* listBlock infoText */
    .listBlock .infoText {width: 100%; padding: 40px 0 0}

/* favoritesBtn */
.favoritesBtn {background-color: var(--default-color-8); display: block; width: 50px; height: 50px; position: relative; cursor: pointer; border-radius: 50px}
.favoritesBtn::before, .favoritesBtn::after {content: ''; background: transparent url('../art/svg/kedvencek-outline.svg') no-repeat center center; background-size: 35px; display: block; width: 50px; height: 50px; -webkit-filter: var(--default-filter-1); filter: var(--default-filter-1)}
.favoritesBtn.selected::before, .favoritesBtn::after {display: none}
.favoritesBtn.selected::after {background-image: url('../art/svg/kedvencek.svg'); display: block}

/* alkategoriak */
#content .listBlock .alkategoriak {}
    #content .listBlock .alkategoriak ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0 -15px}
        #content .listBlock .alkategoriak ul li {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; width: 100%; max-width: 25%; min-height: 82px; margin-bottom: 15px; padding: 0 15px}
            #content .listBlock .alkategoriak ul li h3 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: 0; font-size: 1.25rem; line-height: 1.2}
                #content .listBlock .alkategoriak ul li h3 a {
                    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-6); width: 100%; height: 100%; padding: 15px 10px 13px; color: var(--default-color-8); text-align: center; text-decoration: none; border-radius: 3px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;
                }
#content .listBlock .alkategoriak.markaklista {width: 100%}
    #content .listBlock .alkategoriak.markaklista ul {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
        #content .listBlock .alkategoriak.markaklista ul li > a {width: 100%; line-height: 0; text-align: center; text-decoration: none}
/*        #content .listBlock .alkategoriak.markaklista ul li img {-webkit-filter: grayscale(1); filter: grayscale(1)}}*/
#content .listBlock.searchResult .alkategoriak.markaklista {padding-right: 8px; padding-left: 8px}

/* news full */
.blokk.full .tartalom .bigPic {margin-bottom: 20px; text-align: center}
    .blokk.full .tartalom .bigPic a {display: inline-block; margin: 0 auto}
        .blokk.full .tartalom .bigPic a img {width: 100%; max-width: 100%; height: auto}

/* 18 figyelmeztetes */
#elmultam_bg {
	background-color: rgba(0,0,0,0.92); width: 100vw; height: 100vh; opacity: 0; position: fixed; top: 0; left: 0; z-index: 998;
	-webkit-transition: opacity 0.1s,z-index 0.5s ease; -moz-transition: opacity 0.1s,z-index 0.5s ease; transition: opacity 0.1s,z-index 0.5s ease
}
#elmultam_box {width: 100%; height: 100%; opacity: 1; position: fixed; top: 0; left: 0; z-index: 999}
    #elmultam_box .content {
    	background-color: transparent; width: 100%; max-width: 640px; padding: 0; color: var(--default-color-8); font-size: 30px; font-weight: 700; line-height: 1.2; text-align: center;
    	-webkit-transition: opacity 0.5s, top 0.5s ease-in-out; -moz-transition: opacity 0.5s, top 0.5s ease-in-out; transition: opacity 0.5s, top 0.5s ease-in-out
    }
        #elmultam_box .content .number {background-color: var(--default-color-8); display: inline-block; width: 120px; height: 120px; margin-bottom: 20px; color: var(--default-color-1); font-size: 54px; font-weight: 900; line-height: 120px; text-transform: uppercase; border-radius: 50%; box-shadow: inset 0 0 0 10px var(--default-color-6)}
        #elmultam_box .content .text-1 {font-size: 18px; font-weight: 400}
        #elmultam_box .content .text-2 {padding-top: 5px; color: var(--default-color-6); font-size: 36px; letter-spacing: 0.1em}
        #elmultam_box .content .text-3 {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-top: 20px}
            #elmultam_box .content .text-3 .btn {width: 110px; padding: 12px 15px 0}
            #elmultam_box .content .text-3 .btn.nem_18 {background-color: var(--default-color-14); color: var(--default-color-1)}

/* content right side elements */
#rSide .sectionHeader .h1 {font-size: 26px}
#rSide .listBlock.legujabbList .row {padding-top: 22px}
    #rSide .listBlock.legujabbList .row .outerBox {margin-bottom: 4px; padding-right: 2px; padding-left: 2px}
        #rSide .listBlock.legujabbList .row .outerBox .innerBox {background: var(--default-color-8); padding: 0}
            #rSide .listBlock.legujabbList .row .outerBox .innerBox .smallPicBox {margin: 0}
                #rSide .listBlock.legujabbList .row .outerBox .innerBox .smallPicBox::before {padding-top: 83.42%}
            #rSide .listBlock.legujabbList .row .outerBox.col-sm-12 .btn {padding-top: 13px; color: var(--default-color-8); position: relative}
        #rSide .listBlock.legujabbList .row .outerBox .innerBox .heightBlock0 {padding-top: 83.42%; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s}
            #rSide .listBlock.legujabbList .row .outerBox .innerBox .smallPicBox, #rSide .listBlock.legujabbList .row .outerBox .innerBox .product-title {background-color: var(--default-color-8); backface-visibility: hidden; width: 100%; height: 100%; color: var(--default-color-8); overflow: hidden; position: absolute; top: 0; left: 0}
            #rSide .listBlock.legujabbList .row .outerBox .innerBox .product-title {background-color: var(--default-color-1); padding: 8px; text-align: center; font-size: 0.875rem; line-height: 1.2; -webkit-transform: rotateY(180deg); transform: rotateY(180deg)}
#rSide .listBlock.last-viewed-products {padding-top: 0}
    #rSide .listBlock.last-viewed-products .row {width: 100%; margin-right: auto; margin-left: auto; padding-top: 0}
#rSide .listBlock.last-viewed-products .row.slick-initialized {margin-bottom: -19px}
        #rSide .listBlock.last-viewed-products .row .slick-list {padding-bottom: 19px}
        #rSide .listBlock.last-viewed-products .row:not(.slick-initialized) .outerBox:nth-child(n+3){display: none}
        #rSide .listBlock.last-viewed-products .row .outerBox {margin-bottom: 0; padding: 0 4px}
            #rSide .listBlock.last-viewed-products .row .outerBox .innerBox {padding-right: var(--lb-pr, 7px); padding-bottom: var(--lb-pb, 13px); padding-left: var(--lb-pl, 7px)}
                #rSide .listBlock.last-viewed-products .row .outerBox .innerBox .smallPicBox {margin: 0 -7px}
                #rSide .listBlock.last-viewed-products .row .outerBox .innerBox .header h3 {font-size: 1rem}
        #rSide .listBlock.last-viewed-products .row .outerBox .innerBox .arakBlokk {width: 100%; padding-bottom: 10px}
            #rSide .listBlock.last-viewed-products .outerBox .innerBox .arakBlokk .kedvezmeny, #rSide .listBlock.last-viewed-products .outerBox .innerBox .arakBlokk .nagyonmegeri {min-width: auto; height: 27px; padding: 7px 5px 0; font-size: 0.813rem}
            #rSide .listBlock.last-viewed-products .outerBox .innerBox .arakBlokk .kedvezmeny + .nagyonmegeri {top: 35px; left: 5px}
        #rSide .listBlock.last-viewed-products .row .outerBox .innerBox .btnBox {width: 100%; margin-top: auto; margin-bottom: -31.5px}
        	#rSide .listBlock.last-viewed-products .row .outerBox .innerBox .btnBox .btn.cartBtn {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; width: 90%; height: 40px; margin: 0 auto; font-size: 0.938rem}
        		#rSide .listBlock.last-viewed-products .row .outerBox .innerBox .btnBox .btn.cartBtn .icon {width: 38px; height: 40px; position: relative}

#rSide .prodSubCat .sectionHeader {max-width: calc(90% - 50px); margin-bottom: 0}
#content #lSide #prodSubCat {display: none!important}
.modul.prodSubCat {margin-bottom: 40px}
    .modul.prodSubCat ul {list-style: none; background-color: var(--default-color-4); margin: -20px auto 0; padding: 30px 0 0}
        .modul.prodSubCat ul li {padding: 0 15px; border-bottom: 1px solid rgba(0,0,0,0.15); font-size: 1.063rem}
        .modul.prodSubCat ul li:last-child {border-bottom: none}
            .modul.prodSubCat ul li a {display: block; padding: 15px; color: var(--default-color-2); font-weight: 500; text-decoration: none; position: relative; transition: padding-left 0.3s ease-in-out}
            .modul.prodSubCat ul li a::before {content: ''; background: transparent url('../art/svg/icon-arrow-right.svg') no-repeat center center; background-size: 16px; width: 10px; height: 10px; position: absolute; top: 22px; left: 0; -webkit-filter: var(--default-filter-2); filter: var(--default-filter-2); transition: left 0.3s ease-in-out}
            .modul.prodSubCat ul li.aktiv > a {color: var(--default-color-6); padding-left: 20px; font-weight: 600}
            .modul.prodSubCat ul li.aktiv > a::before {-webkit-filter: var(--default-filter-6); filter: var(--default-filter-6)}
                .modul.prodSubCat > ul > li > ul {background-color: rgba(0,0,0,0.075); margin: 0 -15px; padding: 0; border-top: 1px solid rgba(255,255,255,0.3)}
                    .modul.prodSubCat > ul > li > ul > li > a {padding-bottom: 10px; padding-left: 30px}
                    .modul.prodSubCat > ul > li > ul > li > a::before {left: 15px}
#rSide .listBlock.legujabbList, #rSide .listBlock.titleTextLink {margin-bottom: 40px}
    #rSide .listBlock.legujabbList .sectionHeader, #rSide .listBlock.titleTextLink .sectionHeader {margin-bottom: 20px}
    #rSide .listBlock.titleTextLink .row {width: 92%; margin-right: auto; margin-left: auto; padding-top: 0}
        #rSide .listBlock.titleTextLink .row .outerBox {margin: 0 0 16px; padding: 0 0 8px; border-bottom: 1px solid var(--default-color-4)}
            #rSide .listBlock.titleTextLink .row .outerBox .innerBox {background: transparent; padding: 0; box-shadow: none!important}
                #rSide .listBlock.titleTextLink .row .outerBox .innerBox .smallPicBox {margin: 0; padding: 0 10px}
                #rSide .listBlock.titleTextLink .row .outerBox .innerBox .header {padding-top: 10px}
                    #rSide .listBlock.titleTextLink .row .outerBox .innerBox .header h3 {margin-bottom: 10px; font-size: 1.25rem; text-align: center}
                        #rSide .listBlock.titleTextLink .row .outerBox .innerBox .header h3 .date {background-color: var(--default-color-12); padding: 2px 20px; font-size: 1rem; font-weight: 500; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%)}
                    #rSide .listBlock.titleTextLink .row .outerBox .innerBox .heightBlock1 {font-size: 1rem; line-height: 1.2}
                        #rSide .listBlock.titleTextLink .row .outerBox .innerBox .descBox a {color: var(--default-color-1); text-decoration: none}
    #rSide .listBlock.legujabbList .row {width: 92%; margin-right: auto; margin-left: auto; padding-top: 0}
        #rSide .listBlock.legujabbList .btn {width: 100%; max-width: 200px; margin-top: 16px}
    #rSide .listBlock .allData {text-align: center}
        #rSide .listBlock .allData .btn {width: 100%; max-width: 200px}

/* ws-category-selector */
.ws-category-selector {background-color: var(--default-color-4); /*background-image: url('../art/bg-graph.jpg');*/ background-position: center center; background-repeat: no-repeat; margin: 0 auto 30px; padding: 65px 55px 30px; position: relative; z-index: 0; clip-path: polygon(40px 0, 100% 0, calc(100% - 40px) 100%, 0 100%)}
    .ws-category-selector-list {-ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; margin: 0 -8px; padding: 0; overflow: hidden}
        .ws-category-selector-list li {
            background-color: var(--bgc, var(--default-color-9)); width: calc((100% / 7) - 16px); margin: 0 8px 0; padding: 20px 12px 19px; color: var(--tc, var(--default-color-1)); font-size: 1.125rem; font-weight: 600; line-height: 1.2;
            text-align: center; text-transform: uppercase; word-break: break-word; overflow: hidden; cursor: pointer; border-radius: 6px; -webkit-transition: background-color 0.3s ease, color 0.3s ease
        }
        .ws-category-selector-list:not(.slick-initialized) li:nth-child(n+8) {display: none}
        .ws-category-selector-list li.active {background-color: var(--default-color-1); color: var(--default-color-8)}
    .ws-category-selector-opener {background-color: var(--default-color-6); display: block; width: 60px; height: 60px; margin: 20px auto -55px; border-radius: 60px}
    .ws-category-selector-opener::before {content: ''; background: transparent url('../art/svg/icon-chevron-double-up.svg') no-repeat center center; background-size: 18px; display: block; width: 100%; height: 100%; filter: var(--default-filter-8)}
.ws-category-selector-list.slick-initialized {overflow: inherit}
    .ws-category-selector-list.slick-initialized .slick-track {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap}
        .ws-category-selector-list.slick-initialized .slick-track li {min-height: inherit; height: auto}

/* regisztracio, elfelejtettjelszo */
.regisztracio {}
    .regisztracio > .alertBox.warning {margin-bottom: 20px}
    .regisztracio form {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -8px; margin-left: -8px}
        .regisztracio form fieldset {background-color: var(--default-color-4); width: calc(50% - 16px); margin: 0 8px 20px; padding: 20px; border-radius: 0 0 3px 3px}
        .regisztracio form fieldset:first-of-type {width: calc(100% - 16px)}
            .regisztracio form fieldset legend {background-color: var(--default-color-7); width: calc(100% + 40px); margin: 0 -20px -10px; padding: 10px; color: var(--default-color-8); font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; position: relative; border-radius: 3px 3px 0 0}
            .regisztracio form fieldset table {display: block; width: 100%}
                .regisztracio form fieldset table tbody {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: calc(100% + 16px); margin-right: -8px; margin-left: -8px}
                    .regisztracio form fieldset table tbody tr {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; width: calc(100% - 16px); margin: 0 8px}
                    .regisztracio form fieldset:first-of-type table tbody tr {width: calc(33.33334% - 16px)}
                    .regisztracio form fieldset table tbody tr th {width: 100%; padding: 0}
                    .regisztracio form fieldset table tbody tr td {width: 100%; padding: 0 0 15px}
                        .regisztracio form fieldset table tbody tr td .input {width: 100%}
        .regisztracio form .formGroup.captchaBox {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--default-color-4); width: calc(100% - 16px); margin: 0 8px 0; padding: 20px; border-radius: 3px 3px 0 0}
            .regisztracio form .formGroup.captchaBox > label {-ms-flex: inherit; flex: inherit}
        .regisztracio form fieldset.adatvedele-btn {width: calc(100% - 16px)}
.user.passw {}
    .user.passw form, .user.remove form {background-color: var(--default-color-4); width: 100%; margin: 0; padding: 20px; border-radius: 3px}
    .user.passw form p {text-align: center}
        .user.passw form .hiba {width: 100%; margin-top: 5px}
        .user.passw form .row {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
            .user.passw form .row .formGroup {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex: 0 0 33.33334%; flex: 0 0 33.33334%; max-width: 33.33334%}
                .user.passw form .row .formGroup label {-ms-flex: 100%; flex: 100%; width: 100%}
                .user.passw form .row .formGroup:not(.captchaBox) input {width: 100%}
            .user.passw form .formGroup.btnBox, .user.remove form .formGroup.btnBox {padding-top: 20px}
                .user.passw form .formGroup.btnBox .btn, .user.remove form .formGroup.btnBox .btn {width: 100%; max-width: 220px; font-size: 1.125rem}
            .user.remove form .formGroup.captchaBox {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 240px); margin: 0 auto}
                .user.remove form .formGroup.captchaBox label {-ms-flex: inherit; flex: inherit}
                .user.remove form .formGroup.captchaBox .hiba {max-width: 240px; margin-top: 5px; text-align: center}

/* brand logos */
#brand-logo-list {padding: 0 35px 75px}
    #brand-logo-list .brand-logo-list-content:not(.slick-initialized) {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; margin-bottom: -7px}
        #brand-logo-list .brand-logo-list-content:not(.slick-initialized) .brand-logo-list-box {width: calc(100% / 8); margin: 0 0 7px}
        #brand-logo-list .brand-logo-list-content.slick-initialized .slick-list {margin-right: 20px; margin-left: 20px}
            #brand-logo-list .brand-logo-list-content.slick-initialized .slick-track {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
                #brand-logo-list .brand-logo-list-content .brand-logo-list-box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: inherit; margin: 0; padding: 0 15px}
                    #brand-logo-list .brand-logo-list-content a {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; width: 100%; line-height: 0; text-decoration: none}
                        #brand-logo-list .brand-logo-list-content a img {width: 100%; max-width: 100%; height: auto; -webkit-filter: grayscale(1); filter: grayscale(1)}
        #brand-logo-list .brand-logo-list-content .slick-prev {left: -25px}
        #brand-logo-list .brand-logo-list-content .slick-next {right: -25px}

/* kapcsoalt form */
.company-info-list {list-style: none; margin: 0; padding: 0}
    .company-info-list li {display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; margin-bottom: 5px; padding: 0 15px; font-size: 1.125rem}
        .company-info-list li .title {width: 140px; margin-right: 15px; font-weight: 500}
        .company-info-list li .text {flex: 1}
.contactBlock form {background-color: var(--default-color-4); width: 100%; margin: 0; padding: 20px; border-radius: 3px 3px 0 0}
    .contactBlock form .hiba {width: 100%; margin-top: 5px}
    .contactBlock form .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
        .contactBlock form .row .formGroup {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex: 0 0 33.33334%; flex: 0 0 33.33334%; max-width: 33.33334%}
        .contactBlock form .graphDesign.adatvedelem {text-align: center}
            .contactBlock form .row .formGroup input {width: 100%}
            .contactBlock form .formGroup:not(.adatvedelem) label {width: 100%}
        .contactBlock form .formGroup.captchaBox {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 576px; margin-right: auto; margin-left: auto;}
            .contactBlock form .formGroup.captchaBox label {-ms-flex: inherit; flex: inherit; width: auto}
            .contactBlock form .formGroup.captchaBox .hiba {-ms-flex: inherit; flex: inherit; width: 100%; text-align: center}
        .contactBlock form .formGroup.btnBox {padding-top: 40px}
            .contactBlock form .formGroup.btnBox .btn {width: 100%; max-width: 220px; font-size: 1.125rem}

/* newsletter */
.nletter.miniBox {
    margin: 0; position: relative; z-index: 0; background: var(--default-color-1) no-repeat -200px 0;
    background-image: image-set(url('../art/bg-nletter.webp') type('image/webp'), url('../art/bg-nletter.jpg') type('image/jpeg')); background-size: cover;
    -webkit-mask-image: url('../art/svg/hirlevelmask.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; -webkit-mask-position: center;
    mask-image: url('../art/svg/hirlevelmask.svg'); mask-repeat: no-repeat; mask-size: 100% 100%; mask-position: center;
}
    .nletter.miniBox .wrapper {padding: 40px 35px; position: relative; z-index: 0}
        .nletter.miniBox .wrapper .nletter-content {padding: 35px}
            .nletter.miniBox .wrapper .nletter-content .mTitle {background-color: var(--default-color-6); margin: 0 0 25px; padding: 16px 50px 10px; color: var(--default-color-8); font-size: 50px; font-style: italic; font-weight: 900; line-height: 1.2; text-align: center; text-transform: uppercase; position: relative; z-index: 0; clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%)}
        .nletter.miniBox .inputBox {margin-bottom: 20px}
            .nletter.miniBox .inputBox .form-group {width: calc(50% - 100px); padding: 0 8px}
            .nletter.miniBox .inputBox .form-group.btnBox {width: 200px}
                .nletter.miniBox .inputBox .form-group .input {width: 100%}
                .nletter.miniBox .inputBox .form-group.btnBox .btn {width: 100%; height: 54px; font-size: 1.125rem; clip-path: none}
        .nletter.miniBox .nletterCat {margin-bottom: 20px; color: var(--default-color-8); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
            .nletter.miniBox .nletterCat .form-group {margin-left: 16px}
        .nletter.miniBox .graphDesign label, .nletter.miniBox .graphDesign.adatvedelem label {color: var(--default-color-8)}
        .nletter.miniBox .form-group.btnBox.unsubscribe p {color: var(--default-color-8); font-size: 0.915rem; text-align: center}
            .nletter.miniBox .form-group.btnBox.unsubscribe p .btn {background-color: transparent; height: auto; padding: 0; font-size: 1rem; clip-path: none}
        .nletter.miniBox .form-group label a {color: var(--default-color-8)}

/* miert a proteinbuilder */
.reasonsblock {background-color: var(--default-color-8); width: 100vw; margin: 0 auto; padding: 130px 35px 95px}
    .reasonsblock .wrapper {padding: 0 55px 55px; position: relative; z-index: 0}
    .reasonsblock .wrapper::after {content: ''; background-color: var(--default-color-6); background-image: url('../art/bg-graph.jpg'); background-position: center center; background-repeat: no-repeat; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; clip-path: polygon(40px 0, 100% 0, calc(100% - 40px) 100%, 0 100%)}
        .reasonsblock .wrapper .mTitle {
            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); height: 75px; margin: 0 auto -2px; padding-top: 0; text-align: center; position: relative; top: -35px; clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%)
        }
            .reasonsblock .wrapper .mTitle h3 {margin: 0; color: var(--default-color-8); font-size: 50px; font-style: italic; font-weight: 900; line-height: 1.2}
        .reasonsblock .wrapper .grid {display: grid; grid-template-columns: auto auto auto auto auto; gap: 0 30px}
            .reasonsblock .wrapper .grid-content {display: grid; grid-template-columns: 60px auto; gap: 0 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--default-color-8); -webkit-user-select: none; -moz-user-select: none; user-select: none}
                .reasonsblock .wrapper .grid-content .picto {background-color: var(--default-color-8); width: 60px; height: 60px; position: relative; z-index: 2; border-radius: 60px}
                .reasonsblock .wrapper .grid-content .picto img {width: 30px; height: 30px; margin: 15px; position: relative; z-index: 3; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s}
                .reasonsblock .wrapper .grid-content .picto::before {
                    content: ''; background: transparent no-repeat center center; background-image: var(--reas-bgimg); background-size: 30px; display: block; width: 60px; height: 60px; line-height: 0; opacity: 0; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); z-index: 1;
                    -webkit-filter: var(--default-filter-8); filter: var(--default-filter-8); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s
                }
                .reasonsblock .wrapper .grid-content .picto::after {content: ''; width: 54px; height: 54px; border: 1px solid var(--default-color-6); position: absolute; top: calc(50% - 27px); left: calc(50% - 27px); z-index: 0; border-radius: 50%; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s}
                .reasonsblock .wrapper .grid-content .text {font-size: 0.875rem; font-style: italic; font-weight: 400; line-height: 1.2}
                    .reasonsblock .wrapper .grid-content .text strong {display: block; width: 100%; font-size: 17px; font-weight: 600}

/* topblokk */
#three-list-display {background-color: var(--default-color-11); margin: 0 0 75px; position: relative}
#three-list-display::before {content: ''; background: transparent url('../art/svg/graph-line.svg') repeat-x center top; display: block; width: 100vw; height: 25px; margin: 0; position: absolute; top: -15px; left: 0; z-index: 1; -webkit-filter: var(--default-filter-11); filter: var(--default-filter-11); -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1)}
    #three-list-display > .wrapper {background: transparent no-repeat left -100px bottom; background-image: image-set(url('../art/three-list-display-before.webp') type('image/webp'), url('../art/three-list-display-before.jpg') type('image/jpeg')); min-height: 555px; padding: 0 35px 55px; position: relative; z-index: 1}
        #three-list-display > .wrapper > .row {display: grid; grid-template-columns: 40% var(--tld-gtc, repeat(3, 1fr)); gap: 0 30px}
        #three-list-display > .wrapper > .row::before {content: ''}
            #three-list-display .topblokk {margin-bottom: 0}
                #three-list-display .topblokk .wrapper {padding-bottom: 60px}
                    #three-list-display .topblokk .sectionHeader {padding-top: 52px}
                        #three-list-display .topblokk .sectionHeader h2 {color: var(--default-color-8); font-size: 27px; font-weight: 700; font-style: italic; line-height: 1; text-transform: uppercase}
                            #three-list-display .topblokk .sectionHeader h2 a {color: inherit; text-decoration: none}
                    #three-list-display .topblokk .tartalom {grid-template-columns: var(--lb-r-gtc, repeat(1fr))}
                        #three-list-display .topblokk .outerBox {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 0}
                            #three-list-display .topblokk .outerBox .innerBox {background: transparent; padding: 0; color: var(--default-color-8)}
                                #three-list-display .topblokk .outerBox .innerBox .header {height: auto!important; padding: 48px 0 0}
                                    #three-list-display .topblokk .outerBox .innerBox .header h3 {font-size: 1.5rem; font-weight: 700; line-height: 1}
                                        #three-list-display .topblokk .outerBox .innerBox .header h3 a {margin-bottom: 2px; color: var(--default-color-8)}
                                        #three-list-display .topblokk .outerBox .innerBox .header h3 .date {padding-top: 4px; padding-bottom: 4px; color: var(--default-color-1); font-size: 0.938rem; font-weight: 500; line-height: 1}
                                    #three-list-display .topblokk .outerBox .innerBox .heightBlock1 {height: auto!important; padding: 0}
                                        #three-list-display .topblokk .outerBox .innerBox .descBox {padding-top: 30px; font-size: 0.938rem; font-weight: 400; line-height: 1.1}
                                    #three-list-display .topblokk .outerBox .innerBox .heightBlock2 {height: auto!important; padding: 0}
                                        #three-list-display .topblokk .outerBox .innerBox .btnBox {width: 100%; padding-top: 38px; text-align: left}
                                            #three-list-display .topblokk .outerBox .innerBox .btnBox .btn::after {content: ''; background: transparent url('../art/svg/icon-chevron-double-right.svg') no-repeat center center; display: inline-block; width: 12px; height: 12px; margin-left: 5px; -webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
                    #three-list-display .topblokk:last-child .tartalom {padding-top: 19px}
                        #three-list-display .topblokk:last-child .outerBox .innerBox .descBox a {color: var(--default-color-8); text-decoration: none}

                    #three-list-display .topblokk .allData {padding-top: 36px}
                        #three-list-display .topblokk .allData a {
                            background-color: var(--default-color-6); display: inline-block; min-width: 33px; min-height: 33px; height: auto; margin: 0; padding: 8px 26px 7px; border: none; color: var(--default-color-8); font-family: inherit; font-size: 1.125rem; font-weight: 600; line-height: 1; text-align: center; text-decoration: none; text-transform: none; outline: none; cursor: pointer;
                            -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1px; -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: none
                        }
                        #three-list-display .topblokk .allData a::after {content: ''; background: transparent url('../art/svg/icon-chevron-double-right.svg') no-repeat center center; display: inline-block; width: 12px; height: 12px; margin-left: 5px; -webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}

        #three-list-display .wrapper .tld-slogen-text {
            display: -webkit-box; display: -ms-flexbox; display: flex; -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-6); width: calc(100% - 80px); max-width: calc(1580px - 80px); min-height: 75px; margin: 40px auto 0; padding: 3px 40px 0; color: var(--default-color-8);
            position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%)
        }
            #three-list-display .wrapper .tld-slogen-text strong {font-size: 3.125rem; font-weight: 900; font-style: italic; line-height: 1; text-transform: uppercase; white-space: nowrap}
            #three-list-display .wrapper .tld-slogen-text p {margin: 0; padding: 0 0 0 37px; font-size: 1.25rem; font-weight: 500; line-height: 1}

/* footer */
#footer {background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; margin: 0 auto; padding: 0 35px; overflow: hidden}
    #footer .wrapper {display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 0 30px; position: relative}
        #footer .wrapper a {display: block; color: var(--default-color-9); text-decoration: none}
        #footer .wrapper .active a {color: var(--default-color-6)}

        #footer .wrapper .left-side {padding-top: 45px; padding-bottom: 100px}
            #footer .wrapper .left-side .logo {display: block; width: 220px; height: 40px; margin-bottom: 13px; line-height: 0; text-decoration: none}
                #footer .wrapper .left-side .logo img {width: 100%; height: auto}
            #footer .wrapper .left-side .information-time {margin-bottom: 12px}
            #footer .wrapper .left-side .information-time::before {display: none!important}
            #footer .wrapper .left-side .information-time .sep {width: 100%; height: 1px; font-size: 0; overflow: hidden}
            #footer .wrapper .left-side .text {margin: 0 0 20px; padding: 0; color: var(--default-color-3); font-size: 0.938rem; font-weight: 500; line-height: 26px}
            #footer .wrapper .left-side .navigation {list-style: none; margin: 0 0 17px; padding: 0}
                #footer .wrapper .left-side .navigation li {display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--default-color-9); font-size: 0.938rem; font-weight: 500; line-height: 24px}
                #footer .wrapper .left-side .navigation li::after {content: '|'; display: block; margin: 0 7px}
                #footer .wrapper .left-side .navigation li:last-child::after {display: none}
            #footer .wrapper .left-side .copyright {color: var(--default-color-9); font-size: 0.938rem; font-weight: 500; line-height: 24px}
                #footer .wrapper .left-side .copyright .br {display: block; width: 100%; height: 1px}
                #footer .wrapper .left-side .copyright .sep:before {content: '|'; display: block; margin: 0 7px}
        #footer .wrapper .center-side {padding-top: 77.2px; padding-bottom: 100px}
            #footer .wrapper .center-side ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 30px; list-style: none; margin: 0; padding: 0}
                #footer .wrapper .center-side ul li {list-style: none; margin: 0; padding: 0; font-size: 0.938rem; font-weight: 500; line-height: 24px}
        #footer .wrapper .right-side {padding-top: 48px; padding-bottom: 100px}
            #footer .wrapper .right-side .share-links {margin-bottom: 30px}
                #footer .wrapper .right-side .share-links a {background-color: var(--default-color-8); display: block; width: 50px; height: 50px; position: relative; cursor: pointer; border-radius: 50px}
                #footer .wrapper .right-side .share-links a + a {margin-left: 20px}
                #footer .wrapper .right-side .share-links a::before {content: ''; background: transparent no-repeat center center; background-image: var(--fbg-img); background-size: 25px; display: block; width: 50px; height: 50px; -webkit-filter: var(--default-filter-1); filter: var(--default-filter-1)}
            #footer .wrapper .right-side .credit-card-payment {margin-bottom: 11px}
            #footer .wrapper .right-side .credit-card-payment a + a {margin-left: 10px}
            #footer .wrapper .right-side .credit-card-payment img {width: auto; height: 30px}
            #footer .wrapper .right-side .bank-cards {margin-bottom: 28px; color: var(--default-color-3)}
                #footer .wrapper .right-side .bank-cards .title {margin-right: 10px; font-size: 0.938rem}
                #footer .wrapper .right-side .bank-cards a {}
                #footer .wrapper .right-side .bank-cards a img {width: auto; height: 30px}
            #footer .wrapper .right-side .szep-kartya {color: var(--default-color-8)}
                #footer .wrapper .right-side .szep-kartya .title {width: 100%; margin-bottom: 7px; color: inherit; font-size: 1.25rem; font-weight: 900; font-style: italic; text-align: right; text-transform: uppercase}
                #footer .wrapper .right-side .szep-kartya a.otppay {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
                #footer .wrapper .right-side .szep-kartya a.otppay::before, #footer .wrapper .right-side .szep-kartya a.otppay::after {content: '|'; display: block; margin: 0 10px; color: inherit; font-size: 16px; opacity: 0.4}
            #footer .wrapper .right-side .developed {color: var(--default-color-8); font-size: 0.938rem; font-weight: 500; line-height: 24px; position: absolute; right: 0; bottom: 33px}
        #footer .wrapper .back-to-top-btn {background-color: var(--default-color-8); width: 100px; height: 100px; text-align: center; cursor: pointer; position: absolute; bottom: -52px; left: calc(50% - 50px); border-radius: 50px}
        #footer .wrapper .back-to-top-btn::before {content: ''; background: transparent url('../art/svg/icon-chevron-double-up.svg') no-repeat center top 16px; background-size: 24px; display: inline-block; width: 48px; height: 48px; -webkit-filter: var(--default-filter-6); filter: var(--default-filter-6)}

/* question */
#content .question {max-width: 90%; margin: 0 auto}
#content .menuFull.question {max-width: 100%}
    #content .question .sectionHeader {max-width: calc(90% - 50px); margin-bottom: -20px!important}
    #content .menuFull.question .sectionHeader {max-width: 100%; margin-bottom: 50px!important}
        #content .question .sectionHeader .h1 {font-size: 38px}
    #content .question .sectionHeader + .warning-text {background-color: var(--default-color-4); padding: 40px 0 0; color: var(--default-color-6)}
    #content .question .form {background-color: var(--default-color-4); padding: 40px 20px 20px; border-radius: 3px}
        #content .question .form .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
            #content .question .form .row .formGroup, .commentForm .row .formGroup {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}
                #content .question .form .row .formGroup label, .commentForm .row .formGroup label {width: 100%; padding: 0}
                #content .question .form .row .formGroup .input, .commentForm .row .formGroup .input {width: 100%; min-height: 42px; font-size: 0.913rem}
                #content .question .form .formGroup textarea, .commentForm .row .formGroup textarea {height: 100px}
            #content .question .form .formGroup.captchaBox {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 576px; margin-right: auto; margin-left: auto;}
                #content .question .form .formGroup.captchaBox label {-ms-flex: inherit; flex: inherit; width: auto}
                #content .question .form .formGroup.captchaBox .hiba {-ms-flex: inherit; flex: inherit; width: 100%; text-align: center}
            #content .question .form .formGroup.btnBox {margin-bottom: 0; padding-top: 20px; padding-bottom: 20px}
                #content .question .form .formGroup.btnBox .btn {width: 100%; max-width: 220px; font-size: 1.125rem}
        #content .question .commentBlock {padding-top: 20px}

.commentBlock .commentForm {background-color: rgba(0,0,0,0.1); margin-right: 0; margin-left: 0}
    .commentBlock .commentForm h3 {font-size: 22px}

#content .menuFull.question .commentBlock .commentForm {background-color: var(--default-color-4); border-radius: 3px}
    #content .menuFull.question .commentBlock .commentForm .form {padding: 0}

/* egymarka */
#content.twoColumn .egymarka {padding-left: calc(25% + 30px)}
    #content.twoColumn .egymarka .wrapper {text-align: center}

/* overlay, close-func */
.overlay-modal {background-color: rgba(0,0,0,0.7); width: 100vw; height: 100vh; opacity: 0; position: fixed; top: 0; left: 0; z-index: -999; -webkit-transition: opacity 0.1s,z-index 0.5s ease; -moz-transition: opacity 0.1s,z-index 0.5s ease; transition: opacity 0.1s,z-index 0.5s ease}
html.overlay .overlay-modal {opacity: 1; z-index: 100; -webkit-transition: opacity 0.5s,z-index 0.1s ease; -moz-transition: opacity 0.5s,z-index 0.1s ease; transition: opacity 0.5s,z-index 0.1s ease}
html.overlay body {overflow: hidden!important}

.close-func {background-color: var(--default-color-8); display: block; width: 50px; height: 50px; position: relative; cursor: pointer; border-radius: 50px}
.close-func::before {
    content: ''; background: transparent url('../art/svg/icon-x-lg.svg') no-repeat center center; background-size: 22px; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); transform-origin: center;
    -webkit-transition: -webkit-transform 0.25s ease; -moz-transition: -moz-transform 0.25s ease; -ms-transition: -ms-transform 0.25s ease; transition: transform 0.25s ease; -webkit-filter: var(--default-filter-1); filter: var(--default-filter-1)
}

/* slick dots, slick arrow */
.slick-dots {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%; position: relative; bottom: 0; z-index: 2}
    .slick-dots li {width: 31px; height: 31px; margin: 0; padding: 0; line-height: 0; cursor: pointer; border-radius: 31px}
        .slick-dots li button {background-color: var(--default-color-1); width: 100px; max-width: 100%; height: 100%; margin: 0; padding: 0; border: 5px solid var(--default-color-8); cursor: pointer; border-radius: 31px}
.slick-arrow {background-color: var(--default-color-1); height: 44px; width: 44px; opacity: 0; top: calc(50% - 22px); z-index: 88; border-radius: 44px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; box-shadow: 0 0 0 5px var(--default-color-8)}
.slick-prev {left: -22px} .slick-next {right: -22px}
.slick-arrow::before {background-size: 15px; width: 100%; height: 100%; margin: 0; opacity: 1; -webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}

/* staticLinkBanner, facebookBlock, brandFilter */
.staticLinkBanner {margin-bottom: 14px; padding-bottom: 1px}
	.staticLinkBanner .box {margin-bottom: 10px}
		.staticLinkBanner .box a {display: block; line-height: 0; text-align: center}
		.staticLinkBanner .box:nth-child(3) a {background: transparent url('../art/kep-megbizhato-bolt.jpg') no-repeat 0 0; background-size: cover; padding: 30px 0 10px}
		.oneColumn .staticLinkBanner .box:nth-child(3) a {padding-top: 10px}
			.staticLinkBanner .box:nth-child(3) a img {max-width: 160px; vertical-align: middle}
.facebookBlock {background: transparent url('../art/bg-facebook-block.jpg') no-repeat 0 0; max-width: 698px; height: 272px; margin: 0 auto 40px; padding: 20px; position: relative}
	.facebookBlock h4 {margin-bottom: 25px}

.nletter.modify .inputsor *:not(.btn).small, .nletter.modify .inputsor .graphDesign {float: left; width: 50%}
.nletter.modify .inputsor .btn {float: right}
.nletter.modify > .wrapper > .form, .nletter.remove > .wrapper > .form {margin-top: 20px; margin-bottom: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.15); text-align: center}
.nletter.remove > .wrapper > .form {margin-top: 0; padding-top: 20px; border-top: none}
    .nletter.remove > .wrapper > .form .formGroup {text-align: left}

/* listblock video gallery and tiktok */
.listBlock.videoGallery .row {padding-bottom: 20px}
    .listBlock.videoGallery .col-m-5 {width: 20%}
        .listBlock.videoGallery .col-m-5 .header {padding-bottom: 0}
            .listBlock.videoGallery .col-m-5 .header h3 {padding: 10px 0; font-size: 14px; line-height: 1.2}
                .listBlock.videoGallery .col-m-5 .header h3 a {display: block}
.menuFull.videoGallery .videoBox object {width: 100%!important; height: auto!important}
    .menuFull.videoGallery .videoBox object embed, .menuFull.videoGallery .videoBox iframe {width: 100%!important; height: auto!important; aspect-ratio: 16/9}

.listBlock .outerBox.tiktok .innerBox, .listBlock .outerBox.tiktok .innerBox .heightBlock0 {height: auto!important}
    .listBlock .outerBox.tiktok .innerBox .smallPicBox {padding-top: 0}
        .listBlock .outerBox.tiktok .innerBox .smallPicBox > .tiktok-embed {min-width: inherit!important; max-width: 100%!important; margin: 0; z-index: 0}

.productFull .listBlock.videoGallery {overflow: hidden}
.productFull .listBlock.videoGallery > .wrapper > .sliderFor {width: 340px; margin: 0 auto}
    .productFull .listBlock.videoGallery > .wrapper > .sliderFor .outerBox {clear: none!important; width: 340px}

.productFull .listBlock.videoGallery > .wrapper > .sliderFor .slick-slide {opacity: 0.5; -webkit-transform: scale(0.85, 0.8); -moz-transform: scale(0.85, 0.8); -ms-transform: scale(0.85, 0.8); transform: scale(0.85, 0.8); -webkit-transition: transform 0.6s, opacity 0.6s; -moz-transition: transform 0.6s, opacity 0.6s; transition: transform 0.6s, opacity 0.6s}
.productFull .listBlock.videoGallery > .wrapper > .sliderFor .slick-slide.slick-current {opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1)}

/* termek osszehasonlitas */
.forComparisonBlock {text-align: center}
	.forComparisonBlock form a {background-color: #cccccc; display: inline-block; height: 30px; padding: 0 10px; color: #000000; font-size: 0; font-weight: 600; line-height: 30px; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
		.forComparisonBlock form a:before {content: attr(title); font-size: 12px;}

.wsBtnBlock {
	background: transparent url('../art/bg-wsbtnblock.png') no-repeat 0 0; display: block!important; width: 117px; height: 120px; position: fixed; top: calc(100% - 200px); right: 0; z-index: 9;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out;
}
#wsBtnBlock1 {background-image: url('../art/bg-wsbtnblock-newitems.png'); top: calc(100% - 450px)}
#wsBtnBlock2 {background-image: url('../art/bg-tapkieg-turkalo.png'); top: calc(100% - 325px)}
#wsBtnBlock.none {right: -120px}
.stickyHeader #wsBtnBlock.none {right: 0}
.wsBtnBlock.closed {right: -100%!important}
    .wsBtnBlock a {display: block; width: 100%; height: 100%; line-height: 0; position: relative; z-index: 1}
    .wsBtnBlock .close {background-color: red; display: block; width: 32px; height: 32px; cursor: pointer; opacity: 0; position: absolute; top: 10px; left: -10px; z-index: 2; border-radius: 32px}
    .wsBtnBlock .close::after {content: ''; background: transparent url('../art/svg/icon-close-round.svg') no-repeat center center; background-size: 12px; display: block; width: 100%; height: 100%; -webkit-filter: var(--filter-white); filter: var(--filter-white)}

.alertBox.success {margin-bottom: 20px; color: var(--default-color-10); font-size: 1.125rem; font-weight: 600; text-align: center}
	.alertBox.success h4 {margin-bottom: 20px; color: inherit}
.alertBox.information {margin-bottom: 20px; font-size: 1.125rem; font-weight: 500; text-align: center}

fieldset {margin-bottom: 10px; border: none}
	fieldset legend {width: 100%; margin-bottom: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.15); font-size: 18px}
	fieldset.noBorder legend {border-top: none}
		fieldset table {width: 100%}
			fieldset table tr th {width: 20%; padding-top: 5px; padding-bottom: 5px; text-align: left}
			fieldset table tr td {padding-top: 5px; padding-bottom: 5px}
			fieldset .inputsor {padding-top: 5px; padding-bottom: 5px}

/* route planner */
.terkepkeret {width: 100%; height: 400px; overflow: hidden; position: relative}
.adp, .adp table, .adp-directions {width: 100%}

@media (-moz-touch-enabled: 0), (hover: hover){
    #hbefore .language-selector a:hover {padding-right: 7px; color: var(--default-color-6)}
    #hbefore .language-selector a:hover::before {width: 100%; height: 100%}
    #hbefore .language-selector a:hover::after {left: 4px}
    #hbefore .navigation-selector li:not(.active) a:hover {opacity: 1}
    #hbefore .information-time a:hover {opacity: 0.8}
    #navigation .topNav li:not(.active):hover {background-color: var(--default-color-1); top: 5px}
    #navigation .submenu li a:not(.aktiv):hover {background-color: var(--default-color-1); color: var(--default-color-8)}
    #navigation .icon:hover {background-color: #000000; color: #ffffff}
    #hafter .funcBlock .icon:hover, #hafter .funcBlock .favoritesBtn:hover {background-color: var(--default-color-1)}
    #hafter .funcBlock .icon:hover::before, #hafter .funcBlock .favoritesBtn:hover::before, #hafter .funcBlock .favoritesBtn:hover::after {-webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
    #lrPopupBlock form .form-group.btnBlock.reglink .btn:hover {background-color: var(--default-color-2)}
    #lrPopupBlock .form-group.btnBlock.forgetPass .btn:hover {background-color: var(--default-color-1); color: var(--default-color-8)}
    #lrPopupBlock ul li:not(.active) a:hover {padding-left: 10px; color: var(--default-color-6)}
    .listBlockFilter a:not(.order_selected):hover {color: inherit; opacity: 0.75}
    #content .listBlock .alkategoriak ul li h3 a:hover {background-color: var(--default-color-2)}
    #content .listBlock .alkategoriak.markaklista ul li:hover img, #brand-logo-list .brand-logo-list-content a:hover img {
        opacity: 0.5; -webkit-transition: var(--default-transition-1); -moz-transition: var(--default-transition-1); transition: var(--default-transition-1); -webkit-filter: none; filter: none
    }
    #brand-logo-list .brand-logo-list-content a:hover img {opacity: 1}
    .modul.prodSubCat ul li:not(.aktiv) > a:hover {background-color: transparent; padding-left: 25px; color: var(--default-color-6)}
    .modul.prodSubCat ul li:not(.aktiv) > a:hover::before {left: 10px}
    .modul.prodSubCat > ul > li > ul > li:not(.aktiv) > a:hover {padding-left: 35px}
    .modul.prodSubCat > ul > li > ul > li:not(.aktiv) > a:hover::before {left: 20px}
    .listBlock .row .outerBox .innerBox:hover .smallPicBox a::after {-webkit-animation: shine 1s ease; animation: shine 1s ease}
    .listBlock .row .outerBox .innerBox .header h3 a:hover {color: var(--default-color-6)}
    #rSide .listBlock.legujabbList .row .outerBox .innerBox:hover .heightBlock0 {-webkit-transform: rotateY(180deg); transform: rotateY(180deg)}
    #rSide .listBlock.titleTextLink .row .outerBox .innerBox .header h3 a:hover {color: var(--default-color-6)}
    #rSide .listBlock.titleTextLink .row .outerBox .innerBox .descBox a:hover {color: var(--default-color-6)}
    .ws-category-selector-list li:not(.active):hover {background-color: var(--default-color-6); color: var(--default-color-8)}
    .reasonsblock .wrapper .grid-content:hover .picto img {opacity: 0; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg)}
    .reasonsblock .wrapper .grid-content:hover .picto::before {opacity: 1; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg)}
    .reasonsblock .wrapper .grid-content:hover .picto::after {background-color: var(--default-color-1)}
    .nletter.miniBox .inputBox .form-group.btnBox .btn:hover {background-color: var(--default-color-2)}
    #three-list-display .topblokk .outerBox .innerBox .header h3 a:hover {color: var(--default-color-6)}
    #three-list-display .topblokk .outerBox .innerBox .btnBox .btn:hover {}
    #three-list-display .topblokk:last-child .outerBox .innerBox .descBox a:hover {color: var(--default-color-6)}
    #three-list-display .topblokk .allData a:hover {background-color: var(--default-color-2)}
    #footer .wrapper .right-side .share-links a:hover {background-color: var(--default-color-6)}
    #footer .wrapper .right-side .share-links a:hover::before {-webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
    #footer .wrapper a:hover {color: var(--default-color-3)}
    .close-func:hover::before {-webkit-transform: translate(-50%, -50%) rotate(180deg); -moz-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg)}
    .slick-slider:hover .slick-arrow {opacity: 1}
    .slick-prev:hover, .slick-next:hover {background-color: var(--default-color-6); opacity: 1}
    .slick-prev:hover::before, .slick-next:hover::before {-webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
    .slick-dots li button:hover {background-color: var(--default-color-3); border-color: var(--default-color-8); border-width: 3px; transition: var(--default-transition-1)}
    .forComparisonBlock form a:hover {background-color: var(--default-color-6); color: var(--default-color-8)}
    .wsBtnBlock:hover .close {opacity: 1}
    #elmultam_box .content .text-3 .btn:hover {background-color: var(--default-color-10)}
    #elmultam_box .content .text-3 .btn.nem_18:hover {background-color: var(--default-color-6); color: var(--default-color-8)}
}

/* mediaqueries */

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

@media (max-width: 2047px) {
    .listBlock .row .outerBox .innerBox .header h3 {font-size: 0.977vw}
    .listBlock .row .outerBox .innerBox .heightBlock1 {font-size: 0.781vw}
        .listBlock .row .outerBox .innerBox .descBox + .szallitas {margin-top: 0.391vw}
        .listBlock .row .outerBox .innerBox .arakBlokk {font-size: 0.879vw; line-height: 1.172vw}
    #content .sectionHeader h1, #content .sectionHeader .h1, #content .sectionHeader .h3, .listBlock header.header h5, .nletter.miniBox .wrapper .nletter-content .mTitle, .reasonsblock .wrapper .mTitle h3 {font-size: 2.441vw}
    #rSide .sectionHeader .h1 {font-size: 1.466vw}
    #three-list-display > .wrapper > .row {grid-template-columns: 31.25vw var(--tld-gtc, repeat(3, 1fr))}
        #three-list-display .topblokk .sectionHeader h2 {font-size: 1.318vw}
        #three-list-display .topblokk .outerBox .innerBox .header h3 {font-size: 1.172vw}
    #three-list-display .wrapper .tld-slogen-text strong {font-size: 2.441vw}
    #three-list-display .wrapper .tld-slogen-text p {font-size: 1.074vw}
    .btn.cartBtn {width: 2.686vw; height: 2.686vw}
        .btn.cartBtn .icon::after {background-size: 1.855vw}
}
@media (max-width: 1680px) {
    #rSide .sectionHeader .h1 {font-size: 1.548vw}
    .listBlock .row .outerBox .innerBox .header h3 {font-size: 1.125rem}
    .listBlock .row .outerBox .innerBox .heightBlock1 {font-size: 0.813rem}
    .listBlock.edzesbodypower .row .outerBox .innerBox .heightBlock1 {font-size: 1rem}
    .listBlock .row .outerBox .innerBox .arakBlokk {width: calc(100% - 55px); font-size: 1rem; line-height: 20px}
    .listBlock .row .outerBox .innerBox .btnBox {width: 55px}
    .btn.cartBtn {width: 55px; height: 40px; margin: 0; padding: 0}
        .btn.cartBtn .icon::after {background-size: 30px}
    #content.twoColumn .listBlock .row:not(.slick-slider) .outerBox.col-sm-2 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}
}


/*Szabolcs*/
.pb20{padding-bottom: 20px!important}
.pt30{padding-top: 30px!important}
.pt40{padding-top: 40px!important}
.pt50{padding-top: 50px!important}
.pt60{padding-top: 60px!important}


.gmap {margin: 0 auto 40px; text-align: center;}
.gmap iframe{max-width: 95%;}