@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('../fonts/RobotoCondensed-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
        url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('../fonts/RobotoCondensed-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MYRIADPRO-REGULAR.ttf') format('truetype'),
        url('../fonts/MYRIADPRO-REGULAR.woff') format('woff'),
        url('../fonts/MYRIADPRO-REGULAR.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MYRIADPRO-BOLD.ttf') format('truetype'),
        url('../fonts/MYRIADPRO-BOLD.woff') format('woff'),
        url('../fonts/MYRIADPRO-BOLD.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MYRIADPRO-SEMIBOLD.ttf') format('truetype'),
        url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff'),
        url('../fonts/MYRIADPRO-SEMIBOLD.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
	--dark-blue: #003896;
	--middle-blue: #939cbe;
	--blue: #6687c3;
	--light-blue: #cfdbec;
	--extralight-blue: #F5F5F5;
	--red: #e53c2e;
	--dark-red: #830809;
	--orange: #e85315;
	--green: #92d050;
	--textgray: #9d9e9f;
	--text-darkgray: #3D4849;
    --gray: #eaeaea;
	--popupborder: #46639a;
	--rowbluebg: #e4edf4;
	--rowbluebg: #f0f5f9;
}	
.vmajaxlivesearch {float: right; margin-right: 15px}
.cc-gdpr-component-view {max-width: 800px; margin: auto} 
.gdpr-component-view {max-width: 800px; margin: auto}
body.view-category #fancybox-wrap {max-width: 550px;}
ul.breadcrumb {margin-bottom: 0; padding: 3px 15px; font-size: 15px}
.rsform-submit-button.uk-button-primary {background-color: #92d050 !important}
/*#fancybox-content #fancybox-img {max-width: 550px; height: auto}*/
#jmap_sitemap div.jmapcolumn {
  max-width: 1110px;
  margin: 30px auto;
  padding: 0 15px;
}
img.tanusitvanyok {max-height: 170px; width: auto}
p {margin: 0 0 8px 0 !important}
header {border-bottom: 1px solid #003896}
.category_description img {/*width: auto !important;*/ width:revert-layer}
div.kepbal img {max-width: 90px; float: right; margin-top: 45px}
div.cc-window.cc-banner {padding-top: 2px !important; padding-bottom: 3px !important;}
@media (max-width: 639px) {
	div.cc-window.cc-banner {padding:10px !important}
}
.cc-link.cc-cookie {display: none !important}
.cc-link {color: var(--blue) !important; text-decoration: none !important ; opacity: 1 !important}
.cc-link:hover {color: var(--blue); text-decoration: underline !important;}
div.cc-window:not(.cc-center) span.cc-message {overflow: hidden !important}
header img {width: auto}
.sku .product-fields-title-wrapper {margin: 4px 0 8px 0;}
.fa.fa-facebook {color: #3b5998}
.fa.fa-twitter {color: #1DA1F2}
.fa.fa-linkedin {color: #2867b2}
.fa.fa-youtube {color: #FF0000}
.rsForm .urlapkep {background: var(--light-blue); margin-bottom: 10px; display:flex;justify-content:center; border-bottom: 1px solid var(--dark-blue)}
.rsForm .urlapkep img {height: 16.6vw; width: auto;}
.contact.container {padding-top: 20px;}
.rsForm .wrapper {height: 100%; background: var(--extralight-blue)}
.cameraContent {background: transparent; width: 48% !important; top: 50% !important;  -webkit-transform: translateY(-50%);transform: translateY(-50%); min-width: 250px; }	
.camera_target_content .camera_link {position: relative; z-index: 100}
.camera_target_content .camera_caption {position: relative; z-index: 99}
.camera_caption  {padding: 15px; background: rgba(39, 58, 125, 0.5)}
.camera_target_content.container {background: transparent}
.camera_caption_title {font-size: 32px !important}
.camera_caption_desc  {font-size: 20px !important}
.camera_caption > div {background: transparent !important}
.camera_caption .camera_caption_desc .btn.btn-green, a.btn.btn-green {background: var(--green); padding: 5px 15px; display: inline-block; margin-top: 10px; float: right}
body {margin:0; padding: 0; font-family:'MyriadPro',Arial; font-size:17px }
.container {/*background: white*/}
a {color: var(--blue); text-decoration: none}
a:hover {color: var(--warning); text-decoration: underline}
h1, h2, h3, h4, h6 {color: var(--blue);}

#footer .contact .fa {font-size: 26px; padding-right: 10px;}
.col.pretext {font-size: 14px}
.lang-block.dropdown-menu {min-width: unset}
input.vmajaxlivesearch-box {border-radius: 3px 0 0 3px}
.search-image {border-radius: 0 3px 3px 0}

.custom.kerjenajanlatot {padding: 15px; color: var(--red); font-size: 20px; }
.custom.kerjenajanlatot .btn {margin-top: 10px}

.afterContent2 .wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;}
.afterContent2 a {color:var(--blue);}
.afterContent2 .moduletable.irjon {display: flex; align-items: center; width: 400px; background: var(--green); color: white; padding: 15px; font-size: 48px; line-height: 48px; font-weight: 600;}
.afterContent2 .moduletable.uzenjen {width: calc(100% - 402px); background: var(--light-blue); padding: 15px 15px 10px 15px;}
.afterContent2 .moduletable.uzenjen fieldset {margin: 0}
.afterContent2 .moduletable.uzenjen button#elkuld {width: 200px; text-transform: uppercase;}
input#adatkezeles0 {margin-right: 5px;}
input#adatkezeles0:not(:checked) {background:white}

#cf_form_110 {display: flex; flex-wrap: wrap; justify-content: space-between}
#cf_form_110 div.cf_flt_wrapper { width: calc(25% - 20px); border: 2px solid var(--blue);  background: var(--light-blue);   padding: 10px;margin: 10px}
#cf_form_110 .cf_link a, #cf_form_110 .cf_link a:hover  {color: white}
#cf_form_110 #cf_apply_button_110 {width: 100%; margin: 0 10px}
#cf_form_110 .cf_flt_header_text {color: white; font-weight: normal}
#cf_form_110 .headexpand {display: none !important}

.head.row {padding-top: 5px; align-items: center;}
#dj-megamenu97.dj-megamenu-clean li ul.dj-subtree {
	margin: 0 0 5px 10px !important;
}
#dj-megamenu97.dj-megamenu-clean li ul.dj-subtree > li {list-style: none !important}
#dj-megamenu97.dj-megamenu-clean li ul.dj-submenu > li > a {font-size: 14px !important; line-height: 14px !important;font-weight: 600 !important;}
#dj-megamenu97 .dj-subwrap {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2)}

.headMiddle .hero {width: 100%;/* margin-bottom: -30px */; min-height: 250px; height: 25vw}
.headMiddle .hero p {margin: 0}
.headMiddle .hero .custom img {width: 100%}
.head .nyelv {text-align: right}
#vmajaxlivesearch-118 .search-input-container {float: right !important}
.herotext {background: var(--dark-blue); color: white; display: flex; align-items: center}
.herotext > div {width: 100%}
.herotext h2, .herotext h1, .category-view h1.catTitle, .page-header h1, .componentCotent h1 {color: white; padding: 8px; text-align: center; margin: 0; font-size: 37px; font-weight: 600; text-align: center; background: var(--dark-blue); text-transform: uppercase}
.contact h2{color: white; padding: 15px; text-align: center; margin: 0; font-size: 26px; font-weight: 600; text-align: center; background: var(--green); margin-bottom: 15px; margin-left: auto; margin-right: auto}
#content .component {width: 100%; padding: 0}

.headBottom.row li.nav-item {margin-right: 2px; border:2px solid var(--dark-blue)}
.headBottom.row li.nav-item a {color: var(--dark-blue)}
.headBottom.row li.nav-item:hover {border-color: var(--red)}
.headBottom.row li.nav-item:hover a {color: var(--red)}

#footer {margin-top: 15px}
#footer .container {color: black; background: transparent}
#footer ul {margin-left: 0; margin: 0; list-style: none}
#footer ul.menu.twoColumns {column-count: 2;}
#footer ul.menu.twoColumns li {display: inline-block}
#footer ul.menu.twoColumns .dropdown-divider {border-top: none}
#footer a {color: black; text-decoration: none}
#footer a:hover {text-decoration: underline;}
#footer a.nav-link {padding: 6px 10px;}
#footer .top {background: var(--light-blue); padding-top: 15px; padding-bottom: 15px;}
#footer .row.middle {background: var(--dark-blue); padding-top: 15px; padding-bottom: 15px; color: white;}
#footer .row.middle ul, #footer .bottom ul {display: flex; justify-content: space-evenly}
#footer .row.middle ul li:first-child {font-weight: 700}
#footer .before {background: var(--dark-blue); color: white;}
#footer .before .pretext {padding-top: 8px; padding-bottom: 8px; color: white;}
#footer .before .pretext p {margin: 0}
#footer .bottom {background: var(--dark-blue); padding-top: 5px; padding-bottom: 5px; color: white; font-size: 16px;}
#footer .bottom a {color: white; padding: 0 10px;}
#footer .top .menu {margin-top: -15px; margin-bottom: -15px }
#footer .top .menu p {margin: 0}
/* Home oldal */
.sj-categories.preset01-4 .cat-wrap .content-box {border: 2px solid var(--blue); height: 285px; overflow: hidden; text-align: center; position: relative; margin: 0 !important; z-index: 1; transition: all 0.5s;}
.sj-categories.preset01-4 .cat-wrap .content-box .image-cat {max-height: 250px; margin: 0 auto; display: flex; align-items: center; justify-content: center}
.sj-categories.preset01-4 .cat-wrap .content-box .image-cat img {max-height: 250px}
.sj-categories.preset01-4 .cat-wrap .content-box .cat-title {background: var(--blue); color: white; padding: 0; transition: all 0.5s;}
.sj-categories.preset01-4 .cat-wrap .content-box .cat-title a {color: white; text-decoration: none; line-height: 15px; padding: 5px 0 10px 0; display: inline-block}
.sj-categories.preset01-4 .cat-wrap .content-box .child-cat {width: 100%; height: calc(100% - 35px); background: rgba(255,255,255,0); transition: all 0.5s; position: absolute; bottom: 100%; left: 0; z-index: 2; padding: 10px;}
.sj-categories.preset01-4 .cat-wrap .content-box:hover {border: 2px solid var(--dark-blue);}
.sj-categories.preset01-4 .cat-wrap .content-box:hover .cat-title {background: var(--dark-blue);}
.sj-categories.preset01-4 .cat-wrap .content-box:hover .child-cat {bottom: 35px; left: 0; background: rgba(255,255,255,1)}


/* Kategóriák oldal */
.category-view .category {padding: 5px;}
.category-view .category .spacer h2, .alkalmazasokHead h2 {text-align: center; color: white; background: var(--dark-blue); padding: 5px 15px; font-size: 15px; margin: 0; font-family: 'RobotoCondensed';letter-spacing: -0.4px}
.category-view .category .spacer a {text-decoration: none; border: 1px solid var(--dark-blue); display: block}
.category-view .category .spacer a:hover {border-color: var(--red)}
.category-view .category .spacer a:hover h2, .alkalmazasokItem:hover h2 {background: var(--red)}
.category-view .container > .category_description {font-family: 'RobotoCondensed'; padding-top: 35px;}
.category-view .category_description2 {margin-top: 15px; background: var(--light-blue); padding: 10px 15px;width: 100%}
.category-view .category_description2 h3 {margin: -15px -15px 0px -15px; color: white; padding: 3px 15px; display: block; background: var(--blue); font-family: 'RobotoCondensed'; }
.category-view .row {margin-left: -4px !important; margin-right: -4px !important;}
/* Shop kategória oldal */
.fotorama__stage__shaft {border: 1px solid var(--dark-blue);transition: all 0.5s;}
.fotorama__stage__shaft:hover {border-color: var(--danger);}
.category-view:not(.fokategoria) .category_image.full {display: inline-block; margin: 4px 0;  overflow: hidden; width: 100%}
.category-view .category_image.full a img {width: 100%; height: auto; max-width: unset; max-height: unset;transition: all 0.5s;}
.category-view .category_image.full:hover a img {scale: 1.05}

.category-view .category_image {text-align: center}
.cikkTartalom h2, .category-view .browse-view h1, .category-view .browse-view h2 {text-align: center; color: white; background: var(--blue); padding: 4px 15px; font-size: 26px; font-family: "RobotoCondensed"; }
.cikkTartalom h2 span {font-size: 14px;}
.category-view .browse-view {width: 100%}
.category-view .browse-view .row:nth-child(2n+1) .product {background: var(--extralight-blue)}
.category-view .browse-view .row:nth-child(2n) .product {background: white}
.category-view .browse-view .spacer.product-container {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.category-view .browse-view .spacer.product-container .dataWrapper h2 {font-size: 14px; }
.category-view .browse-view .spacer.product-container .dataWrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom:1px solid #f5f5f5}
.category-view .browse-view .spacer.product-container .dataWrapper .vm-top  {width: calc(100% - 200px); display: flex; flex-wrap: wrap; justify-content: space-between;}
.category-view .browse-view .spacer.product-container .dataWrapper .vm-top .equal {padding: 5px; border-bottom: 1px dotted #666}
.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div {text-align: center; line-height: 1;}
/*.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div.sku  {width: 100px}*/
.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div.sku {font-size: 11px}
/*.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div.top1 {width: 85px}*/
/*.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div.top2, .category-view .browse-view .spacer.product-container .dataWrapper .vm-top div.top3, .category-view .browse-view .spacer.product-container .dataWrapper .vm-top div.top4 {width: calc((100% - 100px - 85px - 30px) / 3)}*/
.category-view .browse-view .spacer.product-container .dataWrapper .vm-action {width: 200px; padding: 0px 10px;}
.category-view .browse-view .spacer.product-container .dataWrapper .vm-top .product-fields {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5px 0}
.category-view .browse-view .spacer.product-container .dataWrapper .sku .product-field-type-E {padding: 5px 0}

.productdetails .vm-product-details-container .addtocart-area {margin-bottom: 30px}
.productdetails .vm-product-details-container .product-fields .product-field {display: flex; flex-wrap: wrap; align-items: center}
.productdetails .vm-product-details-container .product-fields:nth-child(2n+1) {background: var(--extralight-blue)}
.productdetails .vm-product-details-container .product-fields .product-field .product-fields-title-wrapper {min-width: 300px;padding:0; padding-left: 10px}

.productdetails .product-extra {margin-top: 30px}
.productdetails .product-extra .product-fields .product-field {display: flex; flex-wrap: wrap; align-items: center}
.productdetails .product-extra .product-fields .product-field:nth-child(2n+1){background: var(--extralight-blue)}
.productdetails .product-extra .product-fields .product-field .product-fields-title-wrapper {min-width: 300px;padding:0; padding-left: 10px}

.rightTop {display: flex; justify-content: flex-end; align-items: center; font-size: 14px;}
.rightTop a {color: black;}
.rightTop p {margin: 0}

.redMenu {margin-top: -25px; position: relative}
.redMenu .nav.center {justify-content: center}
.redMenu .nav.center li a {width: 300px; margin: 0 1px; background: rgb(198,64,51); background: linear-gradient(0deg, rgba(198,64,51,1) 0%, rgba(131,8,9,1) 100%); color:white; font-weight: 600; font-size: 18px}
.redMenu .nav.center li a:hover {background: rgb(131,8,9); background: linear-gradient(0deg, rgba(131,8,9,1) 0%, rgba(198,64,51,1) 100%); }

.browse-view .productListWrapper {background: var(--extralight-blue); display: flex; flex-wrap: wrap; padding: 10px; justify-content: space-between}
.browse-view .productListWrapper .vmFilter {width: 250px}
.browse-view .productListWrapper .porudctList {width: calc(100% - 250px - 15px);} 
.browse-view .productListWrapper .porudctList .vm-media {max-width: 60px}


.browse-view .productListWrapper .porudctList .dataWrapper .vm-product-media-container {margin-bottom: 0}
.browse-view .productListWrapper .porudctList .dataWrapper .vm-product-media-container img.browseProductImage {max-width: 60px}
.browse-view .vmFilter > .moduletable {padding: 5px; border: 5px solid var(--light-blue); background: white;}
.browse-view .vmFilter > .moduletable h3 {background: var(--light-blue); padding: 0 5px; margin-left: -5px; margin-right: -5px;  margin-top: -5px; text-align: center; font-family: 'RobotoCondensed'; color: white; font-size: 18px;}
.browse-view .vmFilter input.cf_apply_button, .category-view .browse-view .vmFilter input.cf_apply_button:hover {background-color: var(--green) !important; border-color: var(--green) !important;}
.cf_flt_header { font-family: 'RobotoCondensed'; font-size: 15px !important;font-weight:normal !important;color: var(--text-darkgray)}
.browse-view .kerjenAjanlatot {background: var(--light-blue); color: black; font-family: "RobotoCondensed"; padding: 5px; text-align: center;font-size: 20px}

.category_image.full img {max-height: 500px !important;}
.page-virtuemart .category_image.full {background: var(--light-blue);}
.category-view.fokategoria .category_image.full {border-bottom: 1px solid var(--dark-blue)}
.page-virtuemart .category_image.full img {max-height: 25vw !important; width: auto;}
.page-virtuemart .fokategoria .category_image.full img {width: 100%; height: auto;}


#fancybox-outer {background: var(--blue)}
#fancybox-content {padding: 5px;}
#fancybox-content .popupWrapper {display: flex; }
#fancybox-content .popupWrapper > * {width: 50%}
#fancybox-content .popupWrapper h4 {display: flex; background: white; padding: 5px; align-items: center; justify-content: center; margin: 0; text-align: center; font-size: 16px; flex-direction: column; line-height: normal}
#fancybox-content .popupWrapper .showcart {background-color: var(--green); color: #fff; display: flex; width: 50%; align-items: center; text-align: center;justify-content: center; border-radius: 0;}
#fancybox-content .product-related-products {padding-bottom: 0}
#fancybox-content .product-related-products h4 {width: 100%; display: block; color: white; font-weight: 600; margin: 5px 0; text-align: center}
#fancybox-content .product-related-products .wrapper {display: flex; flex-wrap: wrap; justify-content: space-between}
#fancybox-content .product-related-products .wrapper > div {width: calc(50% - 5px); text-align: center; margin: 0; background: var(--dark-blue)}
#fancybox-content .product-related-products .wrapper > div a {color: white; font-family: 'RobotoCondensed'; text-decoration: none; padding-bottom: 10px; display: block;}
#fancybox-content .product-related-products .wrapper > div a img {margin-bottom: 10px;}
#fancybox-content br {display: none}

.felsoTartalom {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; margin-bottom: 10px}
.felsoTartalom .alkatKepek {width: 30%}
.felsoTartalom .alkatKepek .category_image.full {background: transparent;}
.felsoTartalom .alkatKepek .category_image.full a img {padding: 2px}
.felsoTartalom .category_image.more {display: flex; flex-wrap:wrap; justify-content: space-between}
.felsoTartalom .category_image.more a {width: calc(50% - 2px); display: inline-block; margin-bottom: 4px; /*border:1px solid var(--dark-blue);*/ padding: 2px; overflow: hidden }
/*.felsoTartalom .category_image.more a:hover {border-color: var(--danger)}*/
.felsoTartalom .category_image.more a img {width: 100%;transition: all 0.5s;}
.felsoTartalom .category_image.more a:hover img {scale: 1.05} 
.felsoTartalom .alkatLeiras {width: calc(70% - 20px);}

a.egyediIgenyUrlap, a.egyediIgenyUrlap:hover {max-width: 100%;
    background: var(--green);
    color: #fff;
    border: solid var(--geen) 1px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 1px;
    padding: 10px;
    margin: 0 0 0 7px; 
    font-family: 'RobotoCondensed';
    border-radius: 4px;}
 a.egyediIgenyUrlap:hover {text-decoration: none}
 
.contact-form .halfRow {display: flex; flex-wrap: wrap;justify-content: space-between}
.contact-form .halfRow .form-group {width: calc(50% - 1px)}
.contact-form .form-group {margin: 0}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group textarea {width: 100%; background: var(--light-blue); border: none; padding: 5px; margin: 1px; height: 38px;}
 .contact-form .form-group textarea {height: 120px}
.contactFormWrapper, .contactMiscWrapper, .hirlevelWrapper {display: flex; flex-wrap: wrap;justify-content: space-between;}
.contactFormWrapper .contactPhone, .hirlevelWrapper .hirlevelLeft {font-size: 48px;line-height: 48px;font-weight: 600; background: var(--light-blue); white-space: nowrap; width: 400px;display: flex; align-items: center; justify-content: center;}
.hirlevelWrapper .hirlevelLeft {white-space: normal !important; padding: 15px}
.hirlevelWrapper .hirlevelRight {background: var(--light-blue); color: var(--textgray); padding: 15px;}
.acysubbuttons .btn, .acysubbuttons .btn:hover {width: 200px; text-transform: uppercase; background: var(--green);}
.acym_form input {max-width: 100%; width: 100%; border: 0 none; padding: 10px; color: #666; border: 1px solid #e5e5e5;}
.acym_module_form .onefield { margin: 0 0 20px 0 !important;}
.acym_module_form .onefield.fieldacy2, p.acysubbuttons {margin: 0 !important}
.contactFormWrapper .contactForm, .hirlevelWrapper .hirlevelRight {width:calc(100% - 402px)} 
.contactFormWrapper .contactForm .afterContent2 .moduletable.uzenjen {width: 100%}
.contactMiscWrapper {align-items: center; margin-top: 15px;}
.contactMiscWrapper > div {width: calc(50% - 7.5px)}

.item-page .container {margin-top: 20px}
.row.munkatarsak > div {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid var(--gray)}
.row.munkatarsak .col-sm-4:nth-child(1) {padding-right: 6px}
.row.munkatarsak .col-sm-4:nth-child(2) {padding-left: 10px; padding-right: 11px}
.row.munkatarsak .col-sm-4:nth-child(3) {padding-left: 6px;}
.bottomCotent {display: flex; flex-wrap: wrap; margin-top: 20px}
.bottomCotent .moduletable {width: 25%; padding: 0 5px}
.alkalmazasokHead, .alkalmazasokItem {height: 240px; position: relative; overflow: hidden}
.alkalmazasokItem {margin-bottom: 10px; cursor: pointer}
.alkalmazasokHead h2 {margin: 0; display: block; position: absolute; bottom: 0; left: 0; width: 100%;}
.alkalmazasokBody {background: var(--extralight-blue); padding: 10px; position: absolute; bottom: -20px; z-index: 2; height: 0; overflow: hidden; width: 100%}
.alkalmazasokBody ul, .alkalmazasokBody li {margin: 0; padding: 0; list-style: none; font-size: 14px}
.alkalmazasokBody > ul > li {background: var(--light-blue); padding: 5px}
.alkalmazasokBody > ul > li ul li {padding-left: 10px}
.alkalmazasokBody > ul > li ul li a {color: black}
.alkalmazasokItem:hover {overflow: visible}
.alkalmazasokItem:hover .alkalmazasokBody {top: 100%;display: table;}

.container.rsForm h2 {margin: 15px 0 0 0; color: white; padding: 10px 15px; display: block; background: var(--blue); font-family: 'RobotoCondensed'; font-size: 20px}
.uk-grid.equalheight {display: flex; flex-wrap: wrap; margin-top: 0}

.container.rsForm .rsform-block {margin-top: 0 !important; margin-bottom:0 !important; padding-bottom: 15px;}
.container.rsForm .rsform-block.rsform-block-kep,.container.rsForm .rsform-block.rsform-block-elkuld {padding-bottom:0; background: white;}
.container.rsForm .rsform-block.rsform-block-elkuld label {display: none}
.container.rsForm .rsform-block.rsform-block-elkuld .formControls {margin: 0; padding: 0; text-align: center}
.container.rsForm .rsform-block.rsform-block-elkuld .formControls button.btn {margin: 0 auto}
.container.rsForm .rsform-block.rsform-block-kep img {max-height: 250px}
.container.rsForm .rsform-block:after {content: " "; display: block; width: 100%; clear: both}
.container.rsForm .rsform-block label {padding-left: 15px;}
.container.rsForm .rsform-block .uk-form-controls.formControls {padding-right: 15px;}
.container.rsForm .rsform-checkbox.uk-checkbox { margin-right: 5px;}
.container.rsForm .rsform-block-file .uk-form-custom {display: flex}
.container.rsForm .rsform-block-file .uk-form-custom .uk-button.uk-button-default {background: var(--extralight-blue); padding-left: 8px !important; padding-right: 8px !important}
.container.rsForm .rsfp-field-multiple-plus-button {margin-top: 5px}
.container.rsForm .rsform-submit-button {min-width: 200px}

.cikkTartalom img {border: 1px solid var(--dark-blue)}
span.cf_link {font-size: 15px}
.product-fields-title-wrapper strong {font-weight: 600}

.rsform-block-kep {border: 1px solid var(--dark-blue)}
.cc-message span.cc-cookie-settings-toggle, .cc-banner.cc-theme-edgeless .cc-btn { margin: 2px 0 !important; padding: 0 10px !important; height: 30px !important; font-family: 'RobotoCondensed'; font-weight: normal; font-size: 12px !important;border: none !important;text-decoration: none; line-height: 30px; letter-spacing: 1px; border-radius: 4px }
.contentHero { background: var(--light-blue); /*border-bottom:1px solid var(--dark-blue);*/}
.contentHero .container {margin-top: 0; background: none}
.custom.felesHero {display: flex; flex-wrap: wrap; align-items: center}
.custom.felesHero > * {width: 50%; color: white; font-size: 48px; line-height: 48px;}
.custom.felesHero p {margin: 0}
.custom.felesHero img {height: 16.5vw; width: auto}
.uk-textarea {height: 160px}
.rsform.uzenjen .uk-margin.rsform-block.rsform-block-elkuld {margin-top: -10px !important}
.rsform.uzenjen .uk-margin.rsform-block.rsform-block-adatkezeles {margin-top: -20px !important;  color: var(--textgray)} 

.vm-wrap.vm-order-done .post_payment_order_total {display: none !important}

/*#fancybox-wrap {width: 90vw !important; max-width: 500px}*/
#fancybox-content {width: 100% !important}
.fullscreen {background: none !important}
.fotorama--fullscreen {background: rgba(0,0,0,0.6) !important}
.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {background: transparent !important}
.fotorama__nav__shaft {float: left}

.rsform-block-adatkezeles .formControls label {padding-left: 0 !important;}
.slideshowck.camera_wrap {border-bottom: 1px solid var(--dark-blue)}
.view-cart #system-message-container {display: none !important;}

.opc_loader_img {max-width: 16px}
.fotorama__thumb-border {border-color: var(--dark-blue) !important}

.vendor-description.container, .blogContent.container {margin-top: 20px}

.hirekRow.container {margin-top: 15px; padding: 0 15px}
.hirekRow.container .row {margin-right: -5px; margin-left: -5px;}
.hirekRow.container .row > div {padding: 5px;}
.hirekRow.container .row .hirWrapper {text-align: center; border: 1px solid var(--dark-blue); background: var(--light-blue);}
.hirekRow.container .row .hirWrapper:hover {border-color: var(--red)}
.hirekRow.container .row .hirWrapper .page-header h2 {margin:0;padding:0; display: block; width: 100%}
.hirekRow.container .row .hirWrapper .page-header h2 a {color: white; background: var(--dark-blue); padding: 5px 15px; font-size: 15px;
    margin: 0; font-family: 'RobotoCondensed'; letter-spacing: -0.4px; text-decoration: none; display: block; width: 100% }
    .hirekRow.container .row .hirWrapper:hover .page-header h2 a {background-color: var(--red);}
.hirekRow.container .item-image {height: 200px;position: relative; overflow: hidden; float: none}
.hirekRow.container .item-image img {height: 100%; width: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); object-fit: cover;}

.letoltesRow.container {margin-top: 15px; padding: 0 15px}
.letoltesRow.container .row {margin-right: -5px; margin-left: -5px;}
.letoltesRow.container .row > div {padding: 5px;}
.letoltesRow.container .row .letoltesWrapper {text-align: center; border: 1px solid var(--dark-blue); background: var(--light-blue);}
.letoltesRow.container .row .letoltesWrapper:hover {border-color: var(--red)}
.letoltesRow.container .row .letoltesWrapper h2 {margin:0;padding:0; display: block; width: 100%; color: white; background: var(--dark-blue); padding: 5px 15px; font-size: 15px; margin: 0; font-family: 'RobotoCondensed'; letter-spacing: -0.4px; text-decoration: none;}
.letoltesRow.container .row .letoltesWrapper:hover h2 {background-color: var(--red);}
.letoltesRow.container .row .letoltesWrapper ul.tags.inline {padding: 0; margin: 0; background: var(--middle-blue); text-decoration: none; list-style: none; color: white;font-family: 'RobotoCondensed'; font-size: 13px;}
.letoltesRow.container .row .letoltesWrapper a {text-decoration: none}
.dataWrapper .product-field span.product-fields-title-wrapper {line-height: 11px; display: inline-block;}
.category_descriptionOsztott *:empty {display: none}


@media (max-width: 460px) {
    #footer .bottom ul {flex-wrap: wrap}
}
@media (min-width: 576px) {}
@media (max-width: 575px) {
	.felsoTartalom .alkatKepek, .felsoTartalom .alkatLeiras {width: 100%}
	.head .logo {width: 160px !important}
	.head .right  {width: calc(100% - 220px) !important}
	.head .megamenu {width: 60px !important}
}

@media (min-width: 511px) {}
@media (max-width: 510px) {
	.head .logo {width: 160px !important}
	.head .right  {width: 100% !important}
	.head .megamenu {position: absolute; right: 15px; top: 15px;}
	div.rightSearch {margin-bottom: 5px}
    .bottomCotent .moduletable {width: 100%;}

}
@media (min-width: 511px) AND (max-width: 580px) { 
    .bottomCotent .moduletable {width: 50%;}
}
@media (max-width: 580px) { 
	.category-view .browse-view .spacer.product-container .dataWrapper .vm-top {width: 100% !important;}
    .category-view .browse-view .spacer.product-container .dataWrapper .vm-action {width: 100%;}
    .category-view .browse-view .spacer.product-container .dataWrapper .vm-action .addtocart-area {max-width: 180px; margin: 0 auto}
}
@media (max-width: 639px) { 
	.cf_wrapp_all .moduletable form > div {width: calc(50% - 5px)}
}

@media (min-width: 640px) AND (max-width: 767px) { 
    .bottomCotent .moduletable {width: 33.3%;}
}
@media (min-width: 768px) { }
@media (max-width: 767px) { 
	.afterContent2 .moduletable.irjon, .afterContent2 .moduletable.uzenjen {width: 100%}
	#footer .contact, #footer .text {width: 50% !important}
	#footer .top .menu {margin-top: 0; margin-bottom: 0 }
	.browse-view .productListWrapper {flex-direction: column;}
	.browse-view .productListWrapper .vmFilter, .browse-view .productListWrapper .porudctList {width: 100%}
	.cf_wrapp_all .moduletable form {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.cf_wrapp_all .moduletable form > div {width: calc(25% - 5px)}
}
	

@media (min-width: 992px) {}
@media (max-width: 991px) {
	.herotext h2, .herotext h1, .category-view h1.catTitle, .page-header h1, .componentCotent h1 {font-size:28px }
	.afterContent2 .moduletable.irjon {font-size: 28px}
	
}
@media (max-width: 980px) {
	.browse-view .productListWrapper .porudctList .row.productList .product.vm-col.vm-col-1 {width: 100%}
	.category-view .browse-view .spacer.product-container .dataWrapper .vm-top {flex-wrap: wrap}
    .category-view .browse-view .spacer.product-container .dataWrapper .vm-top  {width: calc(100% - 200px);}
	.category-view .browse-view .spacer.product-container .dataWrapper.contentImage .vm-top > div {width: calc(100% - 15px) !important;}
	.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div { text-align: left}
	.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div {display: flex; align-items: center; justify-content: space-between}
	.category-view .browse-view .spacer.product-container .dataWrapper .vm-top > div  {width: calc(50% - 15px) !important}
	.category-view .browse-view .spacer.product-container .dataWrapper .vm-top div .product-fields-title-wrapper {margin: 0 5px 0 0; }

}
@media (min-width: 1200px) {}
@media (max-width: 1199px) {}

/* Sütikezelő css felülírás */
span.cc-cookie-settings-toggler {display: none !important}
.cc-window.cc-floating {flex-direction: row !important;}
.cc-header, .cc-settings-label {display: none !important}
div.cc-center-xtd div.cc-checkbox-container a:not(.cc-btn), div.cc-center-xtd div.cc-checkbox-container a:not(.cc-btn):hover {margin: 0 0 0 10px !important;  flex-basis: unset !important;}
div.cc-center-xtd div.cc-checkbox-container input.cc-cookie-checkbox + span {position: relative !important; left: unset !important; top: unset !important; margin-left: unset !important;}
div.cc-checkboxes-container div.cc-checkbox-container {flex: 1 1 25% !important; padding: 5px !important; margin-bottom: 10px !important}
div.cc-window.cc-floating.cc-center-xtd {width: 100vw !important; max-width: 100vw !important; margin-left: -50vw !important; padding: 5px 10px !important; top: unset !important; bottom: 0;background: black !important; border: none !important; color: white !important; position: fixed}
div.cc-center-xtd span.cc-cookie-settings-toggle {background: black !important}
div.cc-compliance > a.cc-btn.cc-allowall {margin: 0 10px 0 0 !important}
div.cc-center-xtd div.cc-checkboxes-container a.cc-btn.cc-allow {margin-right:0 !important; padding: 5px 10px !important; border: none !important; background: transparent !important;}
span.cc-message-text::before, div.cc-settings-label::before, div.cc-revoke:before {left: -100000px !important; position: absolute;}
div.cc-checkboxes-container div.cc-settings-label + div.cc-checkbox-container {border-radius: 0px;}
div.cc-gdpr-component-view a.cc-btn.cc-allow, div.cc-gdpr-component-view a.cc-btn.cc-allow:hover, div.cc-gdpr-component-view a.cc-btn.cc-allow:focus {border: none !important}
.cc-window.cc-floating {-ms-flex-direction: row !important; flex-direction:  row !important; flex-wrap: wrap; justify-content: center; align-items: center;}
@media (max-width: 650px) {
    div.cc-window.cc-floating.cc-center-xtd {margin-left: 0 !important}
    div.cc-checkboxes-container div.cc-checkbox-container {flex: 1 1 50% !important;}
}
.cc-cookie-settings-toggle.cc-cookie-settings-toggle-xtd {display: inline-block; position: absolute !important; width: auto !important;right: 0;}

ul.tanusitvanyok {padding-left: 0; list-style: none; display: flex; flex-wrap: wrap;}
ul.tanusitvanyok li {width: 25%; text-align: center; margin-bottom: 15px}
@media (min-width: 480px) AND (max-width: 650px) {
    ul.tanusitvanyok li {width: 33.33%;}
}
@media (max-width: 479px) {
    ul.tanusitvanyok li {width: 50%;}
}
/* JCE Popup */
.wf-mediabox-frame:not(.wf-mediabox-fullscreen) .wf-mediabox-body.wf-mediabox-transition {max-width: 420px !important;}
div.mod-languages img {max-width: 18px !important; height: auto}
.moduletable.uzenjen a {color: var(--dark-blue) !important}