#vp_check{width:150px;height:100px;position:fixed;bottom:0;left:0;display:grid;grid-auto-flow:rows;grid-row-gap:10px;align-content:center;align-items:center;background-color:#fff;z-index:10} #vp_check p{width:100%;font-size:15px;font-weight:600;text-align:center;color:red} #shadow{width: 100vw;height: 100vh;display: none;position: fixed;top: 0;left: 0;background-color: #000;opacity: 0.3;z-index: 10;} header {flex-wrap:wrap;width:100%;max-width:1920px;position:fixed;display:flex;justify-content:flex-start;align-items:center;background-color:transparent;transition:300ms;z-index:10} header .hdr {width:100%;min-height:50px;max-height:80px;box-sizing:border-box;padding:10px var(--size-min) 5px var(--size-min);display:flex;justify-content:flex-start;align-items:center;background-color:transparent;transition:300ms;z-index:10} header .h_top {display:flex;justify-content:space-between;background-color:var(--foszin);box-sizing:border-box;padding:5px var(--size-min) 5px var(--size-min);align-items:center} header .h_top * {line-height:1;} #h_group {display:flex;align-items:center;font-size:14px;color:var(--feher)} #h_group svg {margin:0 5px 0 0;width:20px} header .h_top .h_tel a, header .h_top .h_tel span {color:var(--feher);font-size:14px;} .default_button.hdrb {background-color: var(--aktiv-color);border-color: var(--aktiv-color);padding:5px 12px;font-size:14px;margin:0 10px 0 auto} header.log_horizontal .hdr {max-height:80px;} header.log_vertical .hdr{max-height:120px;} header.keskeny .hdr {background-color:var(--feher);padding:5px var(--size-min);} .mn_vertical.mobil {background-color:var(--kieg-szin);} #logo {height: 60px;width: auto;margin: 0 20px 0 0;display: flex;align-items: center;} #logo a {display: inline-flex;align-items: center;justify-content: flex-start;height: 100%;} #logo img {height: 100%;width: auto;object-fit: contain;display: block;} #menu_blokk {max-width: 100%;display: flex;justify-content: flex-end;align-items: center;transition: 300ms;width: 100%;} #menu_blokk.horizontal_middle {justify-content: center;} #menu_blokk.horizontal_right{justify-content: flex-end;} #menu_blokk.horizontal_left {justify-content: flex-start;} #mobil_unit{max-width:100%;width:100%;display:flex;justify-content:flex-end;align-items:center} #mobil_unit.close{right:0} header .social_icons { margin: 0 0 0 20px;min-width: fit-content;min-width: max-content;} #kosar_side_wrapper{margin-left:15px} #client_bar_cont {display:flex} #client_bar_cont h6{display:none;margin-right:10px} #client_bar_cont h6 span{margin-left:5px} #client_bar_cont h4{font-size:14px;color:#fff} #my_profil{width:18px;margin:0 0 0 10px} #my_profil img{width:100%} #logout_button{width:18px;margin-left:10px} #logout_button img{width:100%} #side_panel{width:390px;max-width:100%;height:660px;max-height:100vh;box-sizing:border-box;padding:150px 0 10px;position:fixed;top:0;right:-390px;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;background:#f8b332;transition:300ms;overflow-y:auto;z-index:10} #side_panel.close{right:0} #side_panel::before{content:'';width:125px;height:63px;position:absolute;top:65px;left:50%;transform:translateX(-50%)} #new_lang_block h4{width:40px;text-transform:uppercase} #new_lang_block.keskeny h4{color:var(--text-color)} #new_lang_block.keskeny{justify-content:center} #header_left{margin-left:20px;display:flex;justify-content:flex-start;align-items:center} #header_extra{margin:0 30px 0 5px;display:flex;justify-content:flex-start;align-items:center} #header_extra h1{font-size:12px} #to_the_shop{position:relative;font-size:12px;font-weight:800;color:var(--text-color)} #to_the_shop.aktiv{color:var(--text-color)} #to_the_shop.aktiv::before{content:'';width:100%;height:2px;position:absolute;left:0;bottom:-7px;display:flex;background:var(--text-color)} #kosar_side{display:flex;justify-content:flex-start;align-items:center} #kosar_side img,#login_text img{width:25px} #kosar_side p{margin-left:5px;font-size:13px;font-weight:700;text-transform:uppercase} #login_button{display:flex;justify-content:flex-start;align-items:center;margin-left:5px} #login_text{display:flex;align-items:center;color:#000;cursor:pointer} #login_welcome{display:none;margin-left:10px;font-size:13px;line-height:10px;text-transform:uppercase} #login_welcome span{display:none;font-weight:700} .login_button{cursor:pointer} #kosar_es_szam{position:relative;display:flex;justify-content:flex-start;align-items:center} #kosar_es_szam span{width:18px;height:18px;position:absolute;top:-10px;right:-10px;display:flex;justify-content:space-around;align-items:center;font-size:11px;font-weight:600;color:var(--text-color);background:var(--feher);border-radius:50%;border:1px solid var(--text-color)} .alt_theme #kosar_es_szam span{background:var(--text-color)} /* Nyelvváltó */ #lang_select_block{width:fit-content;height:auto;margin:0 0 0 20px;position:relative;} #lang_select_block .lang_disp{width:auto;height:40px;position:relative;display:flex;justify-content:center;align-items:center;font-size:18px;letter-spacing:1px;font-weight: 300;color:var(--text-color);text-decoration:none;transition:background-color 300ms;z-index:2; padding-left: 10px;cursor:pointer} #lang_select_block .lang_disp i{width:15px;height:14px;margin-left:7px;display:flex;justify-content:center;align-items:center;} #lang_select_block .lang_disp.open i{rotate:-180deg} #lang_select_list{width:100%;margin:0;padding: 35px 0 5px 10px;position:absolute;top:0;display:none;border: 1px solid var(--text-color);z-index:1; background-color: var(--kieg-szin);} #lang_select_list div{margin-bottom:2px;list-style:none;} #lang_select_list button{font-size:18px;letter-spacing:1px;color:var(--text-color);font-weight: 300;text-decoration:none;cursor:pointer} /* Nyelvváltó */ header.mn_vertical #logo {margin:0 auto 0 0} #menu_blokk.vertical #main_menu {width:100%} #menu_blokk.vertical{width:480px;max-width:100%;height:calc(100vh - 105px);box-sizing:border-box;position:absolute;right:-100vw;top:105px;background:var(--kieg-szin);transition:300ms;margin:0;padding: 30px 20px 50px 20px;overflow:auto} #menu_blokk.vertical::-webkit-scrollbar{display: none;} .keskeny #menu_blokk.vertical {padding-top:0;top:70px;height:calc(100vh - 70px);} #menu_blokk.vertical.close{right:0} /* ======================================== KÖZÖS MENÜ STÍLUSOK ======================================== */ .menu a {display: block;} .menukep {max-width: 100%;} .menu_desc {text-align: left;font-size: 14px;margin-bottom: 10px;} .menu_desc * {font-size: 14px;} /* ======================================== HORIZONTÁLIS MENÜ ======================================== */ #main_menu.horizontal {z-index: 10;display: flex;align-items: center;width: 100%;} /* 1. szint wrapper */ #main_menu.horizontal .menu_level_1 {display: flex;width: 100%;align-items: center;flex-wrap: nowrap;} #main_menu.horizontal .menu_items_wrapper {display: flex;flex: 1;justify-content: flex-end;flex-wrap: nowrap;} #menu_blokk.horizontal_middle .menu_items_wrapper {justify-content: center;} #menu_blokk.horizontal_right .menu_items_wrapper{justify-content: flex-end;} #menu_blokk.horizontal_left .menu_items_wrapper {justify-content: flex-start;} /* 1. szint elemek */ #main_menu.horizontal .menu_block_level_1 {margin-left: 8px;display: flex;text-align: center;position: relative;flex-shrink: 0;white-space: nowrap;} #main_menu.horizontal .menu_block_level_1:first-of-type { margin-left: 0;} /* 1. szint linkek */ .menu_block_level_1 .level_1 {position: relative;box-sizing: border-box;padding: 5px 15px;display: flex;flex-direction: column;font-size: 18px;font-weight: 400;color: var(--text-color);cursor: pointer;transition: color 300ms, font-weight 300ms;z-index: 10;min-width: fit-content;justify-content: center;} #main_menu.horizontal .level_1::before {content: attr(data-text);font-weight: 600;height: 0;visibility: hidden;overflow: hidden;user-select: none;pointer-events: none;display: block;line-height: 0;} #main_menu .aktiv_menu, .menu_block_level_1 .level_1:hover {color: var(--foszin) !important;font-weight: 600 !important;} #main_menu.horizontal a .level_1::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--foszin);transition: width 300ms;} #main_menu.horizontal a .level_1:hover::after {width: 100%;} #main_menu.horizontal a .level_1.aktiv_menu::after {width: 100%;} /* 2. szint dropdown */ #main_menu.horizontal .menu_level_2 {width: 100%;min-width: 250px;box-sizing: border-box;padding: 20px;position: absolute;top: -1000px;left: 0;opacity: 0;background: var(--kieg-szin);transition: opacity 300ms, top 0ms 300ms;z-index: -1;} #main_menu.horizontal .menu_level_2.show_it {top: 40px;opacity: 1;z-index: 1;transition: opacity 300ms, top 0ms;} #main_menu.horizontal .menu_level_2_block {display: flex;flex-direction: column;width: 100%;} /* 2. szint elemek */ #main_menu.horizontal .menu_block_level_2 {width: 100%;min-height: 25px;position: relative;display: flex;justify-content: flex-start;margin: 5px 0;} #main_menu.horizontal .menu_block_level_2 h5 {display: flex;justify-content: flex-start;align-items: center;font-size: 18px;font-weight: 400;color: var(--text-color);text-align: left;} #main_menu.horizontal a .level_2::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--foszin);transition: width 300ms;} /* 3. szint */ #main_menu.horizontal .menu_level_3 {width: calc(100% - 800px);padding: 46px 0 0;position: absolute;top: 154px;right: 220px;column-count: 2;visibility: hidden;z-index: 0;opacity: 0;transition: opacity 300ms, visibility 0ms 300ms;} #main_menu.horizontal .menu_level_3.show_it {visibility: visible; opacity: 1; z-index: 1; transition: opacity 300ms, visibility 0ms;} #main_menu.horizontal .menu_level_3 .menu_desc {position: absolute; top: 0; left: 0;} #main_menu.horizontal .menu_level_3 .menu_desc h6 {font-size: 28px; color: var(--text-color);} #main_menu.horizontal .menu_block_level_3 {width: 100%; margin-bottom: 10px; position: relative; display: flex; justify-content: flex-start; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; -webkit-backface-visibility: visible; transform: translateZ(0);} #main_menu.horizontal .level_3 {min-height: 18px; font-size: 13px; font-weight: 500; text-align: left; transition: font-weight 300ms, font-size 300ms;} #main_menu.horizontal .level_3:hover {font-size: 14px; font-weight: 600;} /* Színes háttér variánsok */ .menu_block_level_1 a.color {background-color: var(--foszin);} .menu_block_level_1 a.color:hover {background-color: var(--aktiv-color);} .menu_block_level_1 a.color .level_1::after {display: none;} .menu_block_level_1 a.color .level_1, #main_menu a.color .aktiv_menu.level_1 {color:var(--feher)!important;} .menu_block_level_1 a.color:hover .level_1 {color: var(--text-color)!important;} /* ======================================== OVERFLOW MENÜ (... gomb) ======================================== */ .menu_overflow {position: relative; flex-shrink: 0; margin-left: 10px;} .menu_overflow .overflow_trigger {background: none; border: none; cursor: pointer; padding: 5px 15px; font-size: 20px; font-weight: 700; color: var(--text-color); transition: color 300ms; display: flex; align-items: center;} .menu_overflow .overflow_trigger:hover {color: var(--foszin);} .menu_overflow_dropdown {display: none; position: absolute; top: calc(100% + 5px); right: 0; background: var(--kieg-szin, #fff); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; min-width: 200px; border-radius: 4px; padding: 10px 0;} .menu_overflow_dropdown.show_it {display: block;} .menu_overflow_dropdown .menu_block_level_1 {display: block !important; margin-left: 0; margin-bottom: 0;} .menu_overflow_dropdown .level_1 {padding: 8px 20px;} /* ======================================== VERTIKÁLIS MENÜ ======================================== */ #main_menu.vertical {width: 100%; height: max-content; max-height: 100%;} #main_menu.vertical .menu_level_1 {height: 100%; display: flex; flex-direction: column;} #main_menu.vertical .menu_block_level_1 {width: 100%; box-sizing: border-box; padding: 5px 0; margin: 0; position: relative;} #main_menu.vertical .menu_block_level_1 a {color: var(--text-color);} #main_menu.vertical .level_1 {position: relative; box-sizing: border-box; padding: 5px; display: flex; font-size: 19px; font-weight: 400; color: var(--text-color); cursor: pointer; transition: 300ms; z-index: 10; justify-content: center; text-align: center;} #main_menu.vertical .level_1:hover, #main_menu.vertical .level_1.aktiv {color: var(--foszin); font-weight: 600;} #main_menu.vertical .menu_level_2 {box-sizing: border-box; padding: 0; display: none; flex-direction: column; justify-content: center; flex-wrap: wrap;} #main_menu.vertical .menu_level_2.show_it {display: flex;} #main_menu.vertical .menu_level_2 .level_2 {width: fit-content; position: relative; box-sizing: border-box; padding: 5px; display: flex; font-size: 17px; font-weight: 400; color: var(--text-color); cursor: pointer; transition: 300ms; z-index: 10; justify-content: center; text-align: center; margin: 0 auto;} #main_menu.vertical .level_2:hover, #main_menu.vertical .level_2.aktiv {color: var(--foszin); font-weight: 600;} /* Nyitó gomb (mobilon) */ .open_k_sz {width: 30px; height: 30px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; transition: transform 300ms;} .open_k_sz::before, .open_k_sz::after {content: ''; position: absolute; background: var(--text-color); transition: 300ms;} .open_k_sz::before {width: 100%; height: 2px; top: 50%; left: 0;} .open_k_sz::after {width: 2px; height: 100%; left: 50%; top: 0;} .open_k_sz.rotate {transform: translateY(-50%) rotate(45deg);} #main_menu_toggle_wrapper{width:35px;height:50px;display:none;justify-content:center;align-items:center;transition:300ms;z-index:10;cursor:pointer;margin:0 0 0 20px} #main_menu_toggle_wrapper.show {display:flex;} #main_menu_toggle_wrapper p:last-of-type{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-transform:uppercase;color:var(--text-color)} #main_menu_toggle{width:25px;height:21px;padding:0;color:var(--text-color);cursor:pointer;transition:all 500ms ease;position:relative} #main_menu_toggle span{width:100%;height:0;position:static;border:1px solid var(--text-color);border-radius:5px;background:var(--text-color);transition:all 500ms ease;display:block} .close #main_menu_toggle span{position:absolute;border:none;height:3px;width:25px;display:none;background:var(--text-color);transition:all 500ms ease} .close #main_menu_toggle span:first-of-type{margin-bottom:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:block;top:8px;right:0;transition:all 500ms ease} .close #main_menu_toggle span:last-of-type{margin-top:0;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);display:block;top:8px;left:0;transition:all 500ms ease} #main_menu_toggle span:first-of-type{display:block;top:10px;right:6px;margin-bottom:3px;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all 500ms ease} #main_menu_toggle span:last-of-type{display:block;top:10px;left:9px;margin-top:3px;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all 500ms ease} #main_page{box-sizing:border-box;} .head {font-size:42px;line-height:1.1;font-weight:600} .head_2 {font-size:35px;line-height:1.1;font-weight:600} .head_3 {font-size:30px;line-height:1.1;font-weight:600} .head_4 {font-size:26px;line-height:1.1;font-weight:600} .head_5 {font-size:22px;line-height:1.1;font-weight:600} .head_6 {font-size:20px;line-height:1.1;font-weight:600} .default_button{width:fit-content;width:-moz-fit-content;max-width:100%;box-sizing:border-box;padding:10px 20px;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-family:var(--font2);font-size:18px;font-weight:400;color:var(--feher);border:1px solid var(--foszin);background-color:var(--foszin);cursor:pointer;text-align: center;transition:300ms} .default_button:hover,.default_button a:hover{background-color:var(--aktiv-color);border-color:var(--aktiv-color)} .default_button a{width:100%;height:100%;position:relative;display:inline-flex;justify-content:center;align-items:center;color:#303030;transition:color 300ms} .lin_bottom{width:100%;display:flex;flex-wrap:wrap;margin:20px 0 0 0} .lin_bottom .default_button{margin:5px 10px 5px 0} .default_button.icon_rear {padding:10px 50px 10px 20px;} .default_button.icon_rear::after {content:"";width:30px;height:20px;position:absolute;top:0;bottom:0;right:15px;margin:auto 0;background-image: var(--bg-right-arrow);background-size: contain;background-position: right center;background-repeat:no-repeat;} .small {border-radius:var(--border-radius-small);overflow:hidden} .middle {border-radius:var(--border-radius-normal);overflow:hidden} .large {border-radius:var(--border-radius-big);overflow:hidden} .small.top {border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;} .middle.top {border-radius:var(--border-radius-normal) var(--border-radius-normal) 0 0;} .large.top {border-radius:var(--border-radius-big) var(--border-radius-big) 0 0;} .small.bot {border-radius:0 0 var(--border-radius-small) var(--border-radius-small);} .middle.bot {border-radius:0 0 var(--border-radius-normal) var(--border-radius-normal);} .large.bot {border-radius:0 0 var(--border-radius-big) var(--border-radius-big);} .small.left {border-radius:var(--border-radius-small) 0 0 var(--border-radius-small);} .middle.left {border-radius:var(--border-radius-normal) 0 0 var(--border-radius-normal);} .large.left {border-radius:var(--border-radius-big) 0 0 var(--border-radius-big);} .small.right {border-radius:0 var(--border-radius-small) var(--border-radius-small) 0;} .middle.right {border-radius:0 var(--border-radius-normal) var(--border-radius-normal) 0;} .large.right {border-radius:0 var(--border-radius-big) var(--border-radius-big) 0;} .main_block {width:100%;} .size-basic {width:100%;box-sizing:border-box;padding:50px var(--size-basic);margin:50px 0} .size-small {width:100%;box-sizing:border-box;padding:50px var(--size-small);margin:50px 0} .slick-arrow{position:absolute;width:50px;height:50px;z-index: 1;cursor:pointer;background-color:var(--foszin);top: calc(50% - 25px);} .slick-arrow:hover{transform:scale(1.05);background-color:var(--aktiv-color);} .prev-arrow{background-image: var(--bg-left-arrow);background-size: 30%;background-position: 45% center;background-repeat:no-repeat;left:50px;} .next-arrow{background-image: var(--bg-right-arrow);background-size: 30%;background-position: 55% center;background-repeat:no-repeat;right:50px} .tops.mb_40 {margin-bottom:40px;padding: 0 var(--size-basic);} .just_hor {width:100%;box-sizing: border-box;padding: 50px 0;margin: 20px 0;} .social_icons {display:flex;flex-wrap:wrap;margin:20px 0 0 0} .social_icons a {height:30px;margin:0 15px 10px 0;display:inline-block} header .social_icons a {margin:5px} .social_icons a img {} .text img, .blog_text img {width:auto;margin: 0 auto;} .light-bg {background-color:var(--kieg-szin)} .main_page_slider {width:100%;margin-top:115px;margin-bottom:50px} .main_page_slider.stilus_3 {margin-top:0;} .main_page_slider .owl_box {height:92vh;display:flex!important;flex-wrap:wrap;align-items:center;align-content: center;flex-direction: row-reverse;position:relative;box-sizing: border-box;padding: 0 20px;} .main_page_slider.stilus_3 .owl_box {height:100vh;} .main_page_slider.stilus_2 .owl_box, .main_page_slider.stilus_3 .owl_box {padding:0;} .main_page_slider .img_descr {position:absolute;top:0;left:0;bottom:0;margin:auto;width:45%;height:max-content;box-sizing:border-box;padding:10vh 50px 10vh var(--size-basic);line-height:1.4;z-index:1; display: flex;flex-wrap: wrap;align-content: center;align-items: center;} .main_page_slider:not(.stilus_2) .img_text, .main_page_slider:not(.stilus_2) .shead {text-shadow: 1px 1px 2px var(--text-color), 0 0 0.5em var(--text-color), 0 0 0.1em var(--text-color);color:var(--feher);} .main_page_slider.stilus_3 .img_descr {padding: calc(10vh + 75px) 50px 10vh var(--size-basic);} .main_page_slider.stilus_2 .img_descr {position:relative;width:40%;} .main_page_slider .img_descr .link {width:100%;height:100%} .main_page_slider .img_descr .shead {min-width:190%;font-size: clamp(40px, 4vw, 100px);line-height:1.05;margin-bottom:15px} .main_page_slider:not(.stilus_2) .img_descr .head_3 {font-weight:600;text-shadow: 1px 1px 2px var(--text-color), 0 0 0.5em var(--text-color), 0 0 0.1em var(--text-color);color:var(--feher);} .main_page_slider .img_descr .img_text {width:100%} .main_page_slider .img_descr .default_button {margin-top:15px} .main_page_slider .img_block {width:100%;height:92vh;overflow:hidden;} .main_page_slider.stilus_3 .img_block {height:100vh} .main_page_slider.stilus_2 .img_block {width:60%;} .main_page_slider .img_block .link {width:100%;height: 100%;display:block} .main_page_slider .img_block picture {height:100%;width:100%;display:block} .main_page_slider .img_block img {object-fit:cover;} .main_page_slider .img_block video {object-fit:cover;width:100%;height: 100%;} .main_page_slider .slick-arrow{bottom:50px;top:auto} .main_page_slider .prev-arrow{right:calc(var(--size-small) + 70px);left:auto} .main_page_slider .next-arrow{right: var(--size-small);left:auto} .bas_block .cnt {width:100%;box-sizing:border-box;padding:50px var(--size-big);margin:50px 0} .bas_block .cnt.flex {padding:50px var(--size-basic);display:flex;flex-wrap:wrap;align-items:center;align-content:center} .main_block:nth-of-type(odd) .bas_block .cnt.flex {flex-direction:row-reverse} .main_block:nth-of-type(odd) .bas_block .cnt.flex .text_box { padding: 20px 50px 20px 0;} .bas_block .cnt.flex .main_pic_block {width:50%} .bas_block .cnt.flex .text_box {width:50%;box-sizing:border-box;padding:20px 0 20px 50px;height:max-content} .stilus_1 .bas_block .cnt { background-image: linear-gradient(to right, var(--foszin) 40%, var(--kieg-szin) 40%);} .stilus_2 .bas_block .cnt { background-image: linear-gradient(to right, var(--kieg-szin) 60%, var(--foszin) 60%);} .stilus_1_other .bas_block .cnt { background-image: linear-gradient(to right, var(--kiemelt) 40%, var(--kieg-szin) 40%);} .stilus_2_other .bas_block .cnt { background-image: linear-gradient(to right, var(--kieg-szin) 60%, var(--kiemelt) 60%);} .stilus_3 .bas_block .cnt { background-color: var(--kieg-szin);} .stilus_4 .bas_block .cnt { background-color: var(--kieg-szin)} .stilus_6 .bas_block .cnt {border:5px solid var(--kiemelt);width:60%;margin-left:auto;margin-right:auto;padding:50px var(--size-min)} .stilus_7 .bas_block .cnt {background-color: var(--foszin);border:5px solid var(--foszin);width:60%;margin-left:auto;margin-right:auto;padding:50px} .stilus_7 .bas_block .cnt.flex, .stilus_6 .bas_block .cnt.flex {width:70%} .stilus_7 .bas_block .cnt .head_2, .stilus_7 .bas_block .cnt .head_3, .stilus_7 .bas_block .cnt .text *, .other_color.foszin-bg * {color:var(--feher)} .stilus_7 .bas_block .cnt .default_button {background-color:varvar(--kiemelt)} .stilus_7 .bas_block .cnt:not(.flex), .stilus_6 .bas_block .cnt:not(.flex) {text-align:center} .stilus_7 .bas_block .cnt:not(.flex) .default_button, .stilus_6 .bas_block .cnt:not(.flex) .default_button, .other_color .default_button {margin:20px auto 0 auto} .stilus_6 .bas_block .cnt .default_button, .stilus_7 .bas_block .cnt .default_button, .other_color .default_button {background-color:var(--aktiv-color);color:var(--feher);border-color:var(--aktiv-color)} .stilus_6 .bas_block .cnt .default_button:hover, .stilus_7 .bas_block .cnt .default_button:hover, .other_color .default_button:hover {background-color:var(--aktiv-color2);border-color:var(--aktiv-color2)} .bas_block .cnt .head_2 {margin-bottom:15px} .bas_block .cnt .head_3 {margin-bottom:15px} .bas_block .cnt .default_button {margin-top:20px} .stilus_2 .bas_block .cnt.flex {flex-direction:row-reverse} .stilus_2 .bas_block .cnt.flex .text_box {padding:20px 50px 20px 0} .main_block.stilus_5 .simple_gal {box-sizing:border-box;padding: 0 var(--size-basic);margin:0} .main_block.stilus_5 .bas_block .cnt {margin:0} .main_block.stilus_5 .simple_gal .img_block img {width:150px;margin:0} .main_block.stilus_5 .simple_gal .img_desc .head_5 {margin-bottom:10px} .tops {width:100%;box-sizing:border-box;padding:0 var(--size-small);} #main:not(.main_page) .tops:not(.flex) * {text-align:center} .tops.size-basic {padding: 0 var(--size-basic);} .tops .head_2, .tops .head {margin-bottom:15px;} .tops .head_3 {margin-bottom:15px;} .stilus_1:not(.blog_list, .blist_main) .tops {display:flex;flex-wrap:wrap;padding:0;align-items:center;align-content:center} .stilus_1:not(.blog_list, .blist_main) .tops .top_textbox {width:55%} .stilus_1.clear .tops {align-items:flex-end;align-content:flex-end;} .stilus_1.clear .tops .top_textbox {margin-bottom:-50px} .stilus_1:not(.blog_list, .blist_main) .top_text {width:45%;box-sizing:border-box;padding:0 0 0 50px} .se_cont, .owl-cont {margin-top:50px} .se_cont .sub_page_cont{display:grid;grid-template-columns: 55% 45%;margin:25px 0} .se_cont .sub_page_cont:nth-of-type(2n){grid-template-columns: 45% 55%;} .se_cont .sub_page_cont .main_pic_block{grid-column:1;height: max-content;overflow:hidden} .se_cont .sub_page_cont .text_box{grid-column:2;display:flex;flex-wrap:wrap;align-content:center;align-items:center;box-sizing:border-box;padding:20px 0 20px 50px} .se_cont .sub_page_cont:nth-of-type(2n) .main_pic_block{grid-column:2;grid-row:1} .se_cont .sub_page_cont:nth-of-type(2n) .text_box{grid-column:1;grid-row:1;padding:20px 50px 20px 0} .lft_rght.stilus_3 {background-color:var(--kieg-szin)} .lft_rght .sub_page_cont .head_2{margin-bottom:15px;width:100%} .lft_rght .sub_page_cont .head_2 span {color: var(--foszin);font-size: 45px;font-family: 'Helvetica', serif;} .lft_rght .sub_page_cont .head_3{margin-bottom:15px;width:100%} .lft_rght .sub_page_cont .text {width:100%} .lft_rght .sub_page_cont .lin_bottom{margin:20px 0 0 0} .se_cont .sub_page_cont .text_box.nopad {padding:20px 0!important} .clear .se_cont .sub_page_cont { display: block;} .clear .se_cont { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; column-gap: 60px;} .clear .se_cont .sub_page_cont { margin-bottom: 40px; } .clear .se_cont .sub_page_cont:nth-child(odd) { grid-column: 1; } .clear .se_cont .sub_page_cont:nth-child(even) { grid-column: 2; margin-top: 60px; /* eltolás lefelé az első páros elemnél */ } .clear .se_cont .sub_page_cont:nth-child(2) { margin-top: 60px; } .clear .se_cont .sub_page_cont .text_box {padding: 0 !important;align-items: flex-start;align-content: flex-start;} .lft_rght.clear.stilus_1 .top_text {padding:0} .lft_rght.clear.stilus_1 .top_textbox {box-sizing:border-box;padding:0 50px 0 0 } .lft_rght.stilus_2 .sub_page_cont .head_2 {box-sizing:border-box;/*padding:0 0 0 30px;border-left:5px solid var(--foszin)*/} .se_cont .sub_page_cont:last-of-type {margin-bottom:0} .lft_rght.size-basic {margin-bottom:0} .owl-cont .text_box {box-sizing:border-box;padding: 30px;background-color:var(--kieg-szin)} .owl-cont .slick-list {margin:0 -10px;} .owl-cont .slick-slide { margin: 10px 10px 0 10px} .owl-cont .main_pic_block {height:25vw} .owl-cont .main_pic_block picture, .owl-cont .main_pic_block a {width:100%;height:100%;} .owl-cont .main_pic_block img {object-fit:cover} .stilus_3 .owl-cont .slick-slide.one, .stilus_3 .owl-cont .slick-slide.six {margin-top:60px} .stilus_3 .owl-cont .slick-slide.two {margin-top:80px} .stilus_3 .owl-cont .slick-slide.three {margin-top:20px} .stilus_3 .owl-cont .slick-slide.seven {margin-top:20px} .stilus_3 .owl-cont .slick-slide.four {margin-top:100px} .stilus_3 .owl-cont .slick-slide.ten, .stilus_3 .owl-cont .slick-slide.eight {margin-top:30px} .stilus_3 .owl-cont .slick-slide.five {margin-top:0} .lft_rght .slick-arrow {top:15vw} .lft_rght .prev-arrow {left:-70px} .lft_rght .next-arrow {right:-70px} .top_text.button {margin:50px 0 0 0} .button_sp.under {display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0 20px 0} .button_sp.under .default_button {margin: 15px 10px 0 10px } .res {background-color:var(--kieg-szin)} .res.stilus_2 {background-color:var(--feher)} .res_cont {display: grid;grid-template-columns: repeat(10, 1fr);grid-template-rows: repeat(3, auto);grid-column-gap: 10px;grid-row-gap: 10px;margin-top:40px} .rsb {min-height:0;background-color:var(--feher);box-sizing:border-box;padding:15%;display:flex;flex-wrap:wrap;align-content:center;align-items:center} .res_cont .rsb:empty { display: none;} .res.stilus_2 .rsb {background-color:var(--kieg-szin)} .rsb.bg-color, .res.stilus_2 .rsb.bg-color {background-color:var(--foszin);} .item_1 { grid-area: 1 / 1 / 3 / 4; } .item_2 { grid-area: 1 / 4 / 3 / 7; } .item_3 { grid-area: 1 / 7 / 2 / 9; } .item_4 { grid-area: 1 / 9 / 2 / 11; } .item_5 { grid-area: 2 / 7 / 3 / 9; } .item_6 { grid-area: 2 / 9 / 3 / 11; } .item_7 { grid-area: 3 / 1 / 4 / 3; } .item_8 { grid-area: 3 / 3 / 4 / 5; } .item_9 { grid-area: 3 / 5 / 4 / 7; } .item_10 { grid-area: 3 / 7 / 4 / 9; } .item_11 { grid-area: 3 / 9 / 4 / 11; } .supbox {display:flex;width:100%} .supbox sup {font-weight:700} .res_cont .text {width:100%} .res_cont .head_2 {transition: font-size 0.3s ease;} .min {display: grid;grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, auto); } .min .item_1, .min .item_2, .min .item_3, .min .item_4 {display: block; } .min .item_1 { grid-column: 1 / 2; grid-row:1} .min .item_2 { grid-column: 2 / 3;grid-row:1 } .min .item_3 { grid-column: 3 / 4;grid-row:1 } .min .item_4 { grid-column: 4 / 5;grid-row:1 } .res.stilus_3 .rsb, .res.stilus_3 .rsb.bg-color {background-color:transparent;} .lotof .breaks {display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-end;box-sizing:border-box;padding:0 0 30px 0} .lotof .head_cnt {padding:0 0 30px 0 ;box-sizing:border-box;} .lotof .head_cnt .head_3 {margin-top:15px} .lotof .breaks .head_cnt {width:40%;padding:0 40px 0 0 ;} .lotof .breaks .main_pic_block {width:60%} .lotof .flex {display:flex;flex-wrap:wrap;padding-top:30px} .lotof .flex .text_one {width:50%;box-sizing:border-box;padding:0 15px 0 0} .lotof .flex .text_two {width:50%;box-sizing:border-box;padding: 0 0 0 15px} .img_gallery {width:100%; padding-bottom: 100px;} .img_gallery .slick-slide {margin:2.5px} .img_gallery .img_pair {display: grid!important;grid-template-columns: repeat(2, 1fr);gap: 5px;grid-auto-rows: 15vw;} .img_gallery .img_pair .img_box {width:100%;cursor:pointer} .img_gallery .img_pair .img_box:nth-of-type(1) {grid-row: span 2 / span 2;} .img_gallery .img_pair .img_box:nth-of-type(3) {grid-column-start: 2;} .img_gallery .slick-slide:nth-of-type(3n) .img_pair .img_box:nth-of-type(1), .img_gallery .slick-slide.slick-cloned:nth-of-type(3n) .img_pair .img_box:nth-of-type(1) {grid-column: span 2 / span 2;grid-row:1} .img_gallery .slick-slide:nth-of-type(3n) .img_pair .img_box:nth-of-type(2), .img_gallery .slick-slide.slick-cloned:nth-of-type(3n) .img_pair .img_box:nth-of-type(2) {grid-row-start: 2;} .img_gallery .slick-slide:nth-of-type(3n) .img_pair .img_box:nth-of-type(3), .img_gallery .slick-slide.slick-cloned:nth-of-type(3n) .img_pair .img_box:nth-of-type(3) {grid-row-start: 2;} .img_gallery .img_pair img {width:100%;height:100%;object-fit:cover} .img_gallery .slick-arrow{bottom:40px;top:auto} .img_gallery .prev-arrow{left:calc(50% - 60px);} .img_gallery .next-arrow{right: calc(50% - 60px);} .gyik .tops {margin-bottom:50px} .q_cont_flex {display:flex;flex-wrap:wrap;} .q_cont_flex .main_pic_block {width:50%;height:max-content} .q_cont {width:100%;box-sizing:border-box;padding:0 var(--size-small);} .q_cont.half {width:50%;padding:0 0 0 40px} .gk_cont {width:100%} .gy_head {width:100%;box-sizing:border-box;padding:20px 50px 20px 0;position:relative;border-bottom: 2px solid;cursor:pointer} .gy_head::after {content:'';width:30px;height:30px;position:absolute;top:20px;right:0;background-image: var(--bg-down-arrow);background-size: 100%;background-position: center;background-repeat:no-repeat;} .gy_text {width:100%;box-sizing:border-box;padding:20px 0} .gy_text .lin_bottom {margin-top:10px} .main_pic_block.full {width:100%;margin-bottom:40px} .top_box .main_pic_block.full {margin-bottom:0} .ref_gal, .t_cnt {width:100%} .ref_gal .slick-list {padding: 0px 50px!important; } .ref_gal .img_desc {margin-top: 10px} .ref_gal .slick-track {display: flex;} .ref_gal .slick-track .slick-slide {display: flex;height: auto;align-items: center;justify-content: center;} .ref_gal .slick-track .slick-slide:not(.slick-active) {opacity:0.5} .ref_gal .img_box {width:100%;box-sizing:border-box;padding:10px 10%} .ref_gal .img_box a {width:100%;height:100%} .t_cnt.go .slick-arrow {top:150px} .t_cnt .slick-list {padding: 0px 10%!important; } .t_cnt .slick-slide {margin:0 10px;opacity:0.5} .stilus_2 .t_cnt .slick-slide {opacity:0} .t_cnt .slick-slide.slick-active {opacity:1;} .t_cnt .t_top {display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px} .t_cnt .t_top .main_pic_block {width: 35%;aspect-ratio: 1 / 1;border-radius: 50%;border: 5px solid var(--sale-color);overflow: hidden; } .base .t_cnt .t_top .main_pic_block {width:70px;} .t_cnt .t_top .main_pic_block picture {width:100%;height:100%} .t_cnt .t_top .main_pic_block img {width:100%;height:100%;object-fit:cover} .t_cnt .t_top .head_6 {width:65%;box-sizing:border-box;padding:0 0 0 15px;text-align:left} .base .t_cnt .t_top .head_6 {width:calc(100% - 70px)} .t_cnt .t_top .right_site {width:calc(100% - 50px);box-sizing:border-box;padding:0 0 0 5px;} .t_cnt .t_top .right_site .sml {font-size:14px;} .t_cnt.go .t_top .head_6 {width:100%;padding:0;text-align: left;} .t_cnt .sub_page_cont {background-color:var(--kieg-szin);box-sizing:border-box;padding:30px 20px} .rate {color:#ffc247;font-size: 1.5em;letter-spacing: 10px;} .t_cnt .sub_page_cont .text, .t_cnt .sub_page_cont .text *{font-size:15px;} .t_cnt .sub_page_cont .text {margin-top:5px} .t_cnt .slick-arrow {top:120px} .t_cnt .next-arrow {right: 4%;} .t_cnt .prev-arrow {left: 4%;} .review-text p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;transition: all 0.3s ease;margin-bottom: 10px;} .review-text.expanded p {-webkit-line-clamp: unset;overflow: visible;} .toggle-review, .toggle-rev {background: none;border: none;color: var(--foszin);cursor: pointer;font-size: 14px;padding: 0;margin-top: -5px;} .toggle-rev {margin-top:0} .toggle-review:hover, .toggle-rev:hover {text-decoration: underline;} .base .review-text .text{overflow: hidden;transition: max-height 300ms ease;} .base .review-text.expanded .text{max-height: none !important;} .pr_list .cnt {display:flex;flex-wrap:wrap;} .cnt .sub_box {margin:0 20px 40px 0} .inrow_2 .sub_box:nth-of-type(2n), .inrow_3 .sub_box:nth-of-type(3n), .inrow_4 .sub_box:nth-of-type(4n), .inrow_0 .sub_box:nth-of-type(4n), .inrow_5 .sub_box:nth-of-type(5n), .inrow_6 .sub_box:nth-of-type(6n) {margin:0 0 40px 0} .inrow_2 .sub_box {width:calc(50% - 10px);} .inrow_3 .sub_box {width:calc(33.333% - 15px);} .inrow_4 .sub_box, .inrow_0 .sub_box {width:calc(25% - 15px);} .inrow_5 .sub_box {width:calc(20% - 16px);} .inrow_6 .sub_box {width:calc(16.666% - 17px);} .pr_list .main_pic_block img, .pr_list .main_pic_block video, .pr_cont_main .main_pic_block img, .pr_cont_main .main_pic_block video {object-fit:cover} .pr_list .main_pic_block, .pr_cont_main .main_pic_block {position:relative;background-color:var(--feher)} .more_pict {position:absolute;bottom:10px;left:10px;width:25px;height:26px;background-color:var(--kieg-szin);box-sizing:border-box;padding:3px} .inrow_2 .main_pic_block, .inrow_2 .main_pic_block.horizontal {height:16vw} .inrow_3 .main_pic_block, .inrow_3 .main_pic_block.horizontal {height:14vw} .inrow_0 .main_pic_block, .inrow_4 .main_pic_block, .inrow_0 .main_pic_block.horizontal, .inrow_4 .main_pic_block.horizontal {height:12vw} .inrow_5 .main_pic_block, .inrow_5 .main_pic_block.horizontal {height:10vw} .inrow_6 .main_pic_block, .inrow_5 .main_pic_block.horizontal {height:8vw} .inrow_2 .main_pic_block.cube {height:30vw} .inrow_3 .main_pic_block.cube {height:20vw} .inrow_0 .main_pic_block.cube, .inrow_4 .main_pic_block.cube {height:14vw} .inrow_5 .main_pic_block.cube {height:12vw} .inrow_6 .main_pic_block.cube {height:9vw} .inrow_2 .main_pic_block.vertical {height:45vw} .inrow_3 .main_pic_block.vertical {height:30vw} .inrow_0 .main_pic_block.vertical, .inrow_4 .main_pic_block.vertical {height:22vw} .inrow_5 .main_pic_block.vertical {height:18vw} .inrow_6 .main_pic_block.vertical {height:14vw} .prod_cont, .blog_cont {width:100%} .bas.size-small {margin-top:0;padding-top:0} .sub_box {position:relative} .pr_labels {position:absolute;top:10px;left:10px;display: flex;flex-wrap: wrap;max-width: calc(100% - 20px); z-index: 1;} .pr_label {background-color:var(--foszin);width:fit-content;width:max-content;padding:5px 10px;margin: 0 3px 5px 3px;font-size:12px;} .hidden {display: none;} .pr_list .text_box {padding: 25px 0 0 0} .pr_list .text_box .head_4, .pr_list .text_box .head_5 {margin-bottom:15px;font-weight:500} .pr_list .text_box .default_button {margin-top:15px} .text_box .price {margin-top: 15px;font-weight: 700;} .pr_list.stilus_4 .sub_box {background-color:var(--kieg-szin);border: 1px solid var(--kieg-szin);box-sizing: border-box;} .pr_list.stilus_4 .text_box {box-sizing:border-box;padding:25px 25px 30px 25px} .prod_cont .slick-slider, .blog_cont .slick-slider {margin:0 -10px} .prod_cont .slick-slide, .blog_cont .slick-slide {margin:0 10px} .prod_cont .slick-arrow, .blog_cont .slick-arrow {top:30%} .prod_cont .next-arrow, .blog_cont .next-arrow {right:-12%} .prod_cont .prev-arrow, .blog_cont .prev-arrow {left:-12%} .blog_cont .next-arrow {right:-8%} .blog_cont .prev-arrow {left:-8%} .blog_cont.bas.stilus_3 {background-color: var(--kieg-szin);} .ext_cont {width:100%;box-sizing:border-box} .ext_cont.size-basic {margin:0} .top_box .button_sp {display:flex;flex-wrap:wrap;justify-content:center} .stilus_1 .top_box .button_sp {justify-content: flex-start;} .top_box .button_sp .default_button {margin:15px 10px 10px 10px} .stilus_1 .top_box .button_sp .default_button {margin:15px 15px 10px 0} .ext_cont .head_2, .ext_cont .head_3, .ext_cont .head_4 {margin-bottom:15px} .other_color {border:5px solid var(--kiemelt);width:80%;margin-left:auto;margin-right:auto;padding:50px var(--size-min); margin-top: 30px;margin-bottom: 40px;} .other_color.smaller {width:70%} .other_color.bg-color {background-color: var(--kiemelt)} .other_color.foszin-bg {background-color: var(--foszin);border:5px solid var(--foszin);text-align:center} .other_color .text_box {text-align:center} .other_color.bg-color .head_2, .other_color.bg-color .head_3, .other_color.bg-color .head_4, .other_color.bg-color .text * {color:var(--feher)} .vert_cont {display: flex;flex-wrap: wrap;gap: 20px;text-align: center;} .vert_cont * {text-align:center} .vert_box { flex: 1 1 calc((100% / 3) - 15px);box-sizing: border-box;margin-top:40px} .single_box {padding:40px var(--size-min) 0 var(--size-min) } .ext_last .default_button {margin:25px auto 0 auto} .light-bg .ext_last.nomarg {padding-bottom:5px} .ext_last.nomarg .default_button {margin-top:-20px;margin-bottom:70px} .stilus_1_other.imp {background-color: var(--kieg-szin);} .light-bg .test .t_cnt .sub_page_cont, .stilus_1_other .test .t_cnt .sub_page_cont {background-color:var(--feher);} .light-bg .test .t_cnt .t_top .main_pic_block, .stilus_1_other .test .t_cnt .t_top .main_pic_block { border: 2px solid var(--aktiv-color);box-sizing: border-box;} .ext_subpage {width:100%;padding-top:120px} .top_box, .top_box:not(.flex) .ex_top {width:100%;box-sizing:border-box;padding:0 var(--size-basic) 20px var(--size-basic);text-align:center} .ext_subpage.stilus_3 .top_box {position:relative;padding:0 var(--size-min) 20px var(--size-min);} .ext_subpage.stilus_3 .top_box .ex_top { position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 75%;margin: auto;height: max-content;padding-top: 5px;max-height: 100%;} .ext_subpage.stilus_3 .top_box .ex_top * {text-shadow: 1px 1px 2px var(--text-color), 0 0 0.5em var(--text-color), 0 0 0.1em var(--text-color);color:var(--feher);} .ext_cont .text_box:not(.half) {width:100%;box-sizing:border-box;padding:0 var(--size-small)} .ext_cont .text_box:not(.half) .default_button {margin:30px auto 0 auto} .ext_cont .text_box:not(.half) .head_2, .ext_cont .text_box:not(.half) .head_3 {text-align:center} .top_box.flex, .ext_cont .flex {display:flex;flex-wrap:wrap;} .top_box.flex {padding: 0 var(--size-small) 20px var(--size-small);align-items: center;} .top_box.flex .ex_top {width:40%;box-sizing: border-box;padding: 20px 40px 20px 0;z-index:1;position:relative} .top_box.flex .ex_top .head {width:calc(100% + 150px)} .top_box.flex .ex_top * {text-align:left} .top_box.flex .main_pic_block {width:60%} .top_box .ex_top .head_2, .top_box .ex_top .head_3, .top_box .ex_text {margin-top:20px} .top_box:not(.flex) .top_text {margin-top:20px} .ext_subpage .gyik .tops *{text-align:left!important} .ext_subpage .gyik .tops {padding:0 var(--size-small);display:block} .ext_subpage .gyik .tops * {width:100%!important} .ext_cont .flex .main_pic_block {width:50%; height: max-content;} .flex .text_box.half {width:50%;box-sizing:border-box;padding:0 0 0 40px} .ext_cont:nth-of-type(even) .flex {} .ext_cont:nth-of-type(odd) .flex {flex-direction:row-reverse} .ext_cont:nth-of-type(odd) .flex .main_pic_block {} .ext_cont:nth-of-type(odd) .flex .text_box.half {padding:0 40px 0 0} .stilus_1 .ext_cont:nth-of-type(odd) .flex {flex-direction: unset} .stilus_1 .ext_cont:nth-of-type(odd) .flex .text_box.half {padding:0 0 0 40px} .stilus_1 .ext_cont:nth-of-type(even) .flex {flex-direction:row-reverse} .stilus_1 .ext_cont:nth-of-type(even) .flex .text_box.half {padding:0 40px 0 0} .stilus_1 .ext_cont.foszin-bal-bg { background-image: linear-gradient(to right, var(--foszin) 40%, var(--kieg-szin) 40%);} .stilus_1 .ext_cont.foszin-jobb-bg { background-image: linear-gradient(to right, var(--kieg-szin) 60%, var(--foszin) 60%);} .stilus_1 .ext_cont.kieg-bal-bg {background-image: linear-gradient(to right, var(--kiemelt) 40%, var(--kieg-szin) 40%);} .stilus_1 .ext_cont.kieg-jobb-bg { background-image: linear-gradient(to right, var(--kieg-szin) 60%, var(--kiemelt) 60%);} .ext_cont.light-bg {margin-top: 30px;} .ext_cont .text_box .default_button {margin-top:15px} .ext_cont.img-big .flex, .ext_cont.textbox-big .flex {align-content:center;align-items:center} .ext_cont.img-big .flex .text_box.half {width:45%;box-sizing:border-box;padding:40px;background-color:var(--kieg-szin);height: max-content;} .ext_cont.img-big .flex .main_pic_block {width:70%;margin:0 -15% 0 0} .ext_cont.img-big:nth-of-type(odd) .flex .main_pic_block {margin:0 0 0 -15%} .ext_cont.img-big:nth-of-type(odd) .flex .text_box.half { z-index: 1;} .ext_cont.img-big .flex {align-content:center;align-items:center} .ext_cont.textbox-big .flex .text_box.half {width:70%;box-sizing:border-box;padding:40px;margin:0 0 0 -15%;background-color:var(--kieg-szin);height: max-content; z-index: 1} .ext_cont.textbox-big .flex .main_pic_block {width:45%;} .ext_cont.textbox-big:nth-of-type(odd) .flex .main_pic_block {} .ext_cont.textbox-big:nth-of-type(odd) .flex .text_box.half { margin:0 -15% 0 0; } .sp_contact .tops {margin-top:150px;margin-bottom:0} /*.sp_contact .ext_cont {padding:40px 0} .sp_contact .ext_cont:first-of-type {margin-top:0} .sp_contact .ext_cont:first-of-type {padding:0 0 40px 0}*/ .sp_contact.size-basic {margin-bottom:0;} .contact .top {margin-bottom:30px} .ext_cont .text_box.full {padding:0} .ext_cont .text_box.full iframe {width:100%;height:70vh;} .simple_gal {display:flex;flex-wrap:wrap;margin-top:30px} .simple_gal .img_box {margin:0 20px 40px 0} .galrow_2 .img_box:nth-of-type(2n), .galrow_3 .img_box:nth-of-type(3n), .galrow_4 .img_box:nth-of-type(4n), .galrow_0 .img_box:nth-of-type(4n) {margin:0 0 40px 0} .galrow_2 .img_box {width:calc(50% - 10px);} .galrow_3 .img_box {width:calc(33.333% - 15px);} .galrow_4 .img_box, .galrow_0 .img_box {width:calc(25% - 15px);} .simple_gal .img_desc {margin-top:25px} .simple_gal .img_desc .default_button {margin-top:15px} /* BLOG */ .b_arr {margin:0 0 0 5px;font-size:26px} .see_all {margin:40px auto 0 auto} .blog_list {width:100%;box-sizing:border-box;padding:150px var(--size-small) 70px var(--size-small)} .blog_list .tops, .pr_list .tops, .blist_main .tops {margin-bottom:40px} .label_filter_wrapper {margin-top:30px;text-align: left;} .label_group_name {margin-bottom:10px;} .label_filter {display:flex;flex-wrap:wrap;} .label_button {margin:0 10px 10px 0} .label_button.active {background-color:var(--aktiv-color);font-weight:700;border-color:var(--aktiv-color) } .bcontent {width:100%;display:flex;flex-wrap:wrap;} .brow_1 .article {width:100%;margin:0 0 20px 0} .brow_1 .article {display:flex;align-items:center;align-content:center;width:100%;flex-wrap:wrap;} .brow_1 .article {box-sizing:border-box;padding:30px var(--size-min);position:relative} .stilus_3 .brow_1 .article::after {content:'';width:160%;height:100%;position:absolute;top:0;left:-30%;background-image: linear-gradient(to right, var(--foszin) 40%, var(--kieg-szin) 40%);z-index:-2} .stilus_3 .brow_1 .article:nth-of-type(even)::after {background-image: linear-gradient(to right, var(--kieg-szin) 60%, var(--kieg-szin) 40%);} .brow_1 .article .blog_block_head {width:50%;} .brow_1 .article .blog_block_body {width:50%;padding:20px 0 20px 40px;box-sizing:border-box;} .brow_0 .article, .brow_3 .article {width: calc(33.333% - 15px);margin: 0 15px 40px 0;} .brow_2 .article {width:calc(50% - 10px);margin: 0 15px 40px 0;} .brow_4 .article {width:calc(25% - 15px);margin: 0 15px 40px 0;} .brow_5 .article {width:calc(20% - 30px);margin: 0 15px 40px 0;} .brow_6 .sub_box {width:calc(16.666% - 30px);} .brow_2 .article:nth-of-type(2n), .brow_3 .article:nth-of-type(3n), .brow_4 .article:nth-of-type(4n), .brow_0 .article:nth-of-type(4n), .brow_5 .article:nth-of-type(5n), .brow_06 .article:nth-of-type(6n) {margin:0 0 40px 0} .blog_block_main_pic {margin-bottom:25px;height:18vw} .blog_block_main_pic img {object-fit:cover;} .blog_block_body .head_3 {margin-bottom:15px;} .article .default_button {margin-top:15px} .blog_all_button {margin: 40px auto 0 auto} .stilus_4 .article {background-color:var(--kieg-szin)} .stilus_4 .blog_block_body {box-sizing:border-box;padding:0 25px 30px 25px} .profile_image {width:25px;height:25px;border-radius:50%;overflow:hidden;margin: 0 5px 5px 0 } .author {display:flex;flex-wrap: wrap;align-items: center;margin-bottom:10px} .author * {font-size:14px;font-weight:500} .author p {margin:0 15px 0 0;display: flex;align-items: center;} /* BLOG */ #bread {margin-bottom:15px} .blog_page {width:100%;box-sizing:border-box;padding:120px var(--size-basic) 70px var(--size-basic)} .blog_page.stilus_4 { padding: 150px var(--size-big) 70px var(--size-big);} .blog_block_top { width:100%;margin-bottom:40px;position:relative} .blog_block_top .center {width:auto;max-width:100%;margin:0 auto} .blog_block_top.twoo {display:flex;flex-wrap:wrap;margin-bottom:10px} .blog_block_top.twoo .first_pics {width:calc(50% - 10px);margin:0 20px 30px 0;height: 100%;position:relative} .blog_block_top.twoo .first_pics:nth-of-type(2) {margin:0 0 30px 0} .blog_page .head {margin-bottom: 30px} .blog_body .blog_text {margin-bottom: 30px} .blog_body .blog_text a {text-decoration:underline;color:var(--foszin)} .stilus_3 .blog_block.cont {display:flex;flex-wrap:wrap} .stilus_3 .blog_body .blog_text {box-sizing:border-box;padding:0} .stilus_3 .blog_block_top {width:50%} .stilus_3 .blog_body {width:50%;box-sizing:border-box;padding:0 0 0 40px} .blog_body .blog_text img {max-width:100%;margin:0 auto;object-fit: none;height:auto} .blog_body .flex {display:flex;flex-wrap:wrap;margin:0 0 30px 0} .blog_plus_box:not(.flex) {box-sizing:border-box;padding:0 var(--size-small) } .blog_other_pic {width:30%;height: max-content;} .flex .blog_other_txt {width:70%;box-sizing:border-box;padding: 0 0 0 20px} .blog_plus_textbox {width:100%;box-sizing:border-box;padding:20px var(--size-basic)} .blog_plus_textbox .head_4 {margin-bottom:15px} .flex .blog_plus_textbox {width:70%;padding:0 0 0 30px} .img_overlay {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px); color: var(--feher);padding: 20px var(--size-small);box-sizing: border-box;} .img_overlay .head_4 {color: var(--feher);} .bgal_style1 .img_box {position:relative} .algal {display:flex;flex-wrap:wrap;margin-top:30px} .algal .img_box a, .algal .img_block {width:100%;height:100%} .algal .img_box , .algal.b_inrow_2 .img_box {width:calc(50% - 10px);margin: 0 20px 20px 0;position:relative;cursor:pointer;} .algal .img_block , .algal.b_inrow_2 .img_block {height:30vw} .algal .img_box:nth-of-type(2n) , .algal.b_inrow_2 .img_box:nth-of-type(2n) {margin:0 0 20px 0} .algal.b_inrow_3 .img_box {width:calc(33.333% - 15px);} .algal.b_inrow_3 .img_block {height:30vw} .algal.b_inrow_3 .img_box:nth-of-type(2n) {margin:0 20px 20px 0} .algal.b_inrow_3 .img_box:nth-of-type(3n) {margin:0 0 20px 0} .algal .img_box img {object-fit:cover;} .masonry, .masonry.b_inrow_3 {column-count: 3;column-gap: 15px;margin: 20px 0 50px 0;} .masonry.b_inrow_2 {column-count: 2;} .masonry.b_inrow_4 {column-count: 4;} .brick {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;min-height:100px;cursor:pointer;box-sizing:border-box;margin:0 0 15px 0} .contact {background-color:var(--kieg-szin);margin-bottom:0} .contact .size-basic {margin-bottom:0} .contact .head_2 {margin:0 0 20px 0} .contact .text a {text-decoration:underline} .marg:not(.right_cnt) {margin-top:50px} .dub_form{width:100%;position:relative;} .input_block input[type="text"],.input_block input[type="number"], .input_block option {width:100%;height:50px;padding:25px 20px 0 20px;font-size:14px;font-weight:400;color:var(--text-color);background:transparent; box-sizing: border-box;} .input_block input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px var(--feher) inset;-webkit-text-fill-color: var(--text-color)!important;text-shadow: 0 0 0 var(--text-color);} .input_block input:-internal-autofill-selected {color:var(--text-color)!important;} .label_span{position:absolute;width:calc(100% - 30px);left:20px;bottom:12px;font-size:14px;font-weight:400;color:var(--text-color);transition:bottom 300ms,top 300ms} .input_label::after{content:'';width:0;height:2px;position:absolute;bottom:0;left:0;background:var(--text-color);transition:background 300ms} input:focus + .input_label::after, textarea:focus + .input_label::after{width:100%} .input_block{width:100%;min-width:1px;position:relative;height: 50px;margin-bottom:15px;box-sizing:border-box; } .form_select{width:100%;min-width:1px;height:45px;background-color:var(--kieg-szin);} .check_block{display:flex;flex-wrap:wrap;width:100%;margin-bottom:15px;justify-content:space-around} .form_title{font-size:20px;width:100%;margin: 0 0 0 0;font-weight:600} .check_block{display:flex;flex-wrap:wrap;width:100%;margin-bottom:15px;justify-content:space-around} .input_label{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none} textarea:focus + .input_label::after, .textarea_block .input_label::after { } .sel::after {content:'';width:0;height:2px;position:absolute;bottom:0;left:0;background:var(--text-color);transition:background 300ms} .input_label.empty::after,.input_label.format_error::after, .input_block:has(select.other_select.empty_val)::after {width:100%;background:#c60101} .sel.select-has-value::after {width:100%;background:var(--text-color);} .input_label.valid::after{width:100%} .textarea_block .input_label.valid::after{width:100%!important} input:focus + .input_label .label_span, input + .input_label.valid .label_span{bottom:25px} .textarea_block .input_label {height: calc(100% - 2px);} .textarea_block .label_span{top:15px} textarea:focus + .input_label .label_span, textarea + .input_label.valid .label_span{top:5px} .dub_form .input_block.textarea_block{width:100%;min-width:1px;height:unset;margin:15px 0 0;overflow:visible} .dub_form textarea{width:100%;min-height:100px;display:block;font-size:14px;font-weight:400;color:var(--text-color);background-color:transparent;border:none;resize:none;box-sizing:border-box;padding:30px 20px 0 20px} .dub_form .input_block.textarea_block.other {width:calc(66% - 5px)} .other_input_block {margin-top:20px} .other_input_block label {font-size: 14px;font-weight: 400;} .other_select {width:100%;height:100%;padding:25px 40px 0 20px;font-size:14px;font-weight:400;color:var(--text-color);background:transparent; border:none; box-sizing: border-box;z-index:1;position:relative; appearance: none;background-image: url(/sources/pics/down-arrow.svg);background-repeat: no-repeat;background-position: right 20px center;background-size: 20px;} .select_label {position: absolute;width: calc(100% - 30px);left: 20px;bottom: 12px;font-size: 14px;font-weight: 400;color: var(--text-color);transition: bottom 300ms, top 300ms;z-index:0} .select-has-value .select_label {bottom:25px} .other_select.empty_val {} .input_block.multi {background-color:transparent!important;height:auto;border:none!important} .pill-checklist {display: flex;flex-wrap: wrap;gap: .5rem;margin-top:10px} .chk-pill {display: inline-flex;align-items: center;gap: .5rem;border: 1px solid transparent;font-size: 14px;padding: .4rem .8rem;cursor: pointer;user-select: none;transition: background .2s, border-color .2s;} .form_style_1 .input_block .chk-pill {border: 1px solid var(--text-color);} .form_style_2 .input_block .chk-pill {border-bottom: 1px solid var(--text-color);} .form_style_3 .input_block .chk-pill {background-color: var(--feher);} .chk-pill input { display: none; } .chk-pill span { display: inline-block; } .form_style_1 .input_block .chk-pill:hover { background: var(--feher);opacity:0.8 } .form_style_1 .input_block .chk-pill.is-checked{ background: var(--feher); } .form_style_2 .input_block .chk-pill:hover { border-bottom: 1px solid var(--aktiv-color); opacity:0.8} .form_style_2 .input_block .chk-pill.is-checked{border-bottom: 1px solid var(--aktiv-color);} .form_style_3 .input_block .chk-pill:hover {background: var(--aktiv-color);opacity:0.8 } .form_style_3 .input_block .chk-pill.is-checked {background: var(--aktiv-color); } .input_block.multi .select_label {position: relative;left: 0;bottom: auto;} .input_block.multi .select_label.empty {border-bottom:2px solid #c60101;} .textarea_block .input_label::after{display:none} .form_and{width:100%;margin: 30px 0 0;display: flex;} .mod_checkbox{padding:0 0 20px 0;display:flex;} .form_cb_block{padding:0 10px 0 0;display:flex;align-items:center;flex-wrap:wrap;} .form_bottom{width: 100%;margin:45px 0 0;display: grid;grid-template-columns: 1fr 190px;} .mod_checkbox p, .nylk li, .nylk p {font-size: 12px;font-weight: 400;color: var(--text-color);} .mod_checkbox p a {text-decoration:underline;font-size:12px;color: var(--text-color);} .nylk {margin-bottom:20px} .mod_checkbox span{width:24px;height:24px;margin:0 10px 0 0;display:inline-block;position:relative;flex-shrink:0;border:2px solid var(--text-color);} .mod_checkbox input{display:none} .mod_checkbox span.checked::before{content:''; width: 18px;height: 6px;position: absolute;top: 7px;left: 3px;border-bottom:2px solid var(--text-color);border-left:2px solid var(--text-color);transform:rotate(-45deg)} .error_box_contact{width:100%;color:#c60101!important;font-size:13px;font-weight:600;text-align:right;margin:5px 0 0} .error_box_contact * {text-align:right;} .error_box_contact p{color:#c60101;font-weight:600;font-size:13px} .form_style_1 .input_block {border:1px solid var(--text-color);} .form_style_1 .form_select{border: 1px solid var(--text-color);} .form_style_2 .input_block {border-bottom:1px solid var(--text-color);margin-bottom:5px} .form_style_2 .form_select{border-bottom: 1px solid var(--text-color);} .form_style_3 .input_block {background-color:var(--feher);} .form_style_3 .form_select, .form_style_3 .mod_checkbox span {background-color:var(--feher);} .flex_form .dub_form {display:flex;flex-wrap:wrap} .flex_form .input_block {width:calc(50% - 10px);margin-right:20px} .flex_form .input_block:nth-of-type(2n) {margin-right:0} .contact .breaks {display:flex;flex-wrap:wrap;width:100%} .breaks .left_cnt {width:45%;background-color:var(--foszin);padding:50px 50px 70px var(--size-small);box-sizing:border-box; display: flex;flex-wrap: wrap;align-items: center;align-content: center;} .breaks .left_cnt .head_2 {width:100%;} .breaks .left_cnt .text {width:100%} .breaks .right_cnt {width:55%;padding:50px var(--size-small) 50px 50px;box-sizing:border-box;} .simple_page {margin-top:100px} .simple_page .sub_page_cont {margin:40px 0 } .simple_page .sub_page_cont .head_3 {margin-bottom:20px} .doc_download {margin-top:20px} .doc_download .file {margin-top:20px;text-decoration:underline} .doc_list_cont.size-basic {margin-top:0} .doc_list_cont .sub_page_cont {margin-bottom:30px} .doc_list_cont .sub_page_cont .head_2, .doc_list_cont .sub_page_cont .text {margin-bottom:20px} .doc_list_cont .sub_page_cont .dc_line:nth-of-type(odd) {background-color:var(--kieg-szin)} .doc_list_cont .sub_page_cont .dc_line {padding: 10px 5px 6px 5px;display: flex;justify-content: space-between;align-items: center;align-content: center;} .doc_list_cont .sub_page_cont .dc_line i {margin:0 10px 0 0} .doc_list_cont .sub_page_cont .dc_line a {box-sizing:border-box;padding:10px} .doc_list_cont .sub_page_cont .download-icon {margin:0 0 0 auto} footer {width:100%} #footer {width:100%} #footer_logo {max-width:100%;width: fit-content;} #footer_logo .fl_img {height:50px;max-width:100%;width: fit-content;filter: brightness(0) invert(1);} #footer_logo .fl_img.vertical {height:100px} .footer_datas {border-top:1px solid var(--foszin);margin-top:20px;padding-top:30px} footer.ok_subs .footer_datas {border-top: none;margin-top: 25px;padding-top: 0;} footer.ok_subs .footer_data_2, footer.ok_subs .footer_data_3 {margin-top:20px} .f_top {width:100%;box-sizing:border-box;padding: 50px var(--size-small) 20px var(--size-small);} footer.ok_subs .f_top {display:flex;flex-wrap:wrap} .f_top .left {width:55%} .f_top .subs_box {width:45%} #footer_last {width:100%;box-sizing:border-box;padding: 20px var(--size-small);display:flex;flex-wrap:wrap;} #footer_end {margin:0 20px 0 0 } #footer_menu {display: flex;flex-wrap:wrap;margin: 0 0 0 auto;} #footer_menu .simple_menu_item {margin:0 0 0 20px ;position:relative} #footer_menu .simple_menu_item:not(:last-of-type)::after {content:'';position:absolute;background-color:var(--feher);width:2px;height:100%;top:0;right:-10px} #footer_menu .simple_menu_item a:hover {text-decoration:1px underline var(--foszin)} #footer_bottom {background-color:var(--kiemelt-other)} #footer_bottom .head_6, #footer_bottom p, #footer_bottom a {color:var(--feher);} #footer_bottom p, #footer_bottom a {font-size:14px} .footer_datas {display: flex;flex-wrap: wrap;gap: 15px;justify-content: space-between;} footer.ok_subs .footer_datas {display: block;} /*footer.ok_subs .footer_datas {display: grid;grid-template-columns: 1fr 1fr;}*/ .footer_datas > div[class^="footer_data_"] {flex: 1 1 calc(100% / var(--footer-cols));min-width: 200px;box-sizing: border-box;} .footer_datas .head_6 {margin-bottom: 0.5rem;font-size:16px; text-align: left;} #footer_bottom .social_icons {margin:0;} footer.ok_subs #footer_bottom .social_icons {margin-top:40px} #buttons {margin:10px 0 15px 0} #buttons .b_opt {border:2px solid var(--foszin);box-sizing:border-box;padding:5px 10px;margin:0 6px 10px 0;cursor:pointer} #buttons .b_opt.active {border:2px solid var(--aktiv-color);background:var(--aktiv-color);} .blog_page .blog_text p, .blog_page .blog_text h1, .blog_page .blog_text h2, .blog_page .blog_text h3, .blog_page .blog_text h4, .blog_page .blog_text h5, .blog_page .blog_text h6, .blog_page .blog_text ul, .blog_page .blog_text ol, .blog_page .blog_text blockquote {margin-bottom: 20px;} .blog_page .blog_text li {margin-bottom: 8px;} .blog_page .blog_text li:last-child {margin-bottom: 0;} @media only screen and (min-width : 1921px){ .lft_rght .slick-arrow { top: 300px;} .owl-cont .main_pic_block { height: 500px;} .img_gallery .img_pair {grid-auto-rows: 300px;} .inrow_2 .main_pic_block, .inrow_2 .main_pic_block.horizontal {height:320px} .inrow_3 .main_pic_block, .inrow_3 .main_pic_block.horizontal {height:290px} .inrow_0 .main_pic_block, .inrow_4 .main_pic_block, .inrow_0 .main_pic_block.horizontal, .inrow_4 .main_pic_block.horizontal {height:225px} .inrow_5 .main_pic_block, .inrow_5 .main_pic_block.horizontal {height:185px} .inrow_6 .main_pic_block, .inrow_6 .main_pic_block.horizontal {height:150px} .inrow_2 .main_pic_block.cube {height:580px} .inrow_3 .main_pic_block.cube {height:380px} .inrow_0 .main_pic_block.cube, .inrow_4 .main_pic_block.cube {height:280px} .inrow_5 .main_pic_block.cube {height:240px} .inrow_6 .main_pic_block.cube {height:180px} .inrow_2 .main_pic_block.vertical {height:750px} .inrow_3 .main_pic_block.vertical {height:570px} .inrow_0 .main_pic_block.vertical, .inrow_4 .main_pic_block.vertical {height:420px} .inrow_5 .main_pic_block.vertical {height:350px} .inrow_6 .main_pic_block.vertical {height:280px} .algal .img_box , .algal.b_inrow_2 .img_box {height:570px} .blog_block_main_pic {height:495px} } @media only screen and (max-width : 1920px) and (min-width : 1660px) { } @media only screen and (max-width : 1680px) and (min-width : 1601px) { } @media only screen and (max-width : 1680px) and (min-width : 1537px) { } @media only screen and (max-width : 1600px) and (min-width : 1537px) { } @media only screen and (max-width : 1680px) and (min-width : 1441px) { } @media only screen and (max-width : 1536px) and (min-width : 1441px) { } @media only screen and (max-width : 1440px) { } @media only screen and (max-width : 1440px) and (min-width : 1367px) { } @media only screen and (max-width : 1440px) and (min-width : 1025px) { } @media only screen and (max-width : 1440px) and (min-width : 801px) { } @media only screen and (max-width : 1366px) { } @media only screen and (max-width : 1366px) and (min-width : 1281px) { } @media only screen and (max-width : 1366px) and (min-width : 1025px) { } @media only screen and (max-width : 1366px) and (min-width : 801px) { } @media only screen and (max-width : 1280px) and (min-width : 1025px) { } @media only screen and (max-width : 1280px) { .brow_6 .article {width: calc(20% - 30px);} .brow_06 .article:nth-of-type(6n) {margin: 0 15px 40px 0;} .brow_06 .article:nth-of-type(5n) {margin: 0 0 40px 0;} } @media only screen and (max-width : 1024px) and (min-width : 801px) { } @media only screen and (max-width : 1024px) and (min-width : 401px) { } @media only screen and (max-width : 1024px) { header {justify-content:space-between;} #lang_select_block {margin:0 0 0 auto} #main_menu_toggle_wrapper{display:flex;margin:0 0 0 20px} #menu_blokk{width:480px;max-width:100%;height:calc(100vh - 105px);box-sizing:border-box;position:fixed;right:-100vw;top:105px;background:var(--kieg-szin);transition:right 300ms;margin:0;overflow-y:auto;z-index:1000} #menu_blokk::-webkit-scrollbar{display:none} #menu_blokk.close{right:0} #menu_blokk #main_menu{display:flex;height:100%;width:100%} #menu_blokk #main_menu .menu_level_1{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box;margin:auto;padding:10px 20px 50px 20px} #menu_blokk .menu_items_wrapper{flex-direction:column;width:100%} #menu_blokk .menu_block_level_1{width:100%;margin:0 0 10px 0;align-items:center;flex-wrap:wrap;transition:background 300ms} #menu_blokk .menu_block_level_1::after{display:none} #menu_blokk .menu_block_level_1 a{display:flex;justify-content:center;align-items:center;padding:0;margin:0 auto} #menu_blokk .menu_block_level_1.oksz_added .level_1::after{content:":";position:relative;display:inline-block} #menu_blokk .level_1,#menu_blokk .level_2,#menu_blokk .menu_level_2 span{font-size:25px;line-height:25px;text-align:center;padding:10px} #menu_blokk #main_menu.horizontal .menu_level_2{width:100%;min-width:100%;padding:0;display:none;position:static;top:auto;opacity:1;justify-content:center;z-index:1;background:transparent} #menu_blokk #main_menu.horizontal .menu_level_2.show_it{display:flex;flex-direction:column} #menu_blokk .menu_level_2_block{width:100%} #menu_blokk .menu_block_level_2{margin:0} .keskeny #menu_blokk{padding-top:0;top:100px;height:calc(100vh - 100px)} .menu_overflow{display:none!important} #main_menu.horizontal a .level_1::after,#main_menu.horizontal a .level_1:hover::after{display:none;width:0} #main_menu.horizontal .menu_block_level_2 span, #main_menu.vertical .menu_block_level_2 span{text-align:center;padding:5px 0} .menu_items_wrapper {display: block;} .stilus_6 .bas_block .cnt, .stilus_7 .bas_block .cnt {width: 70%;} .tops { padding: 0;} .stilus_1:not(.blog_list) .tops .top_textbox {width: 100%;} .stilus_1:not(.blog_list) .top_text {width: 100%;padding: 0;} .top_box:not(.flex) .ex_top { padding: 0 0 20px 0;} .ext_cont .text_box:not(.half) {padding:0} .tops.mb_40 {padding: 0 var(--size-basic);} .prod_cont .next-arrow, .blog_cont .next-arrow {right: -8%;} .prod_cont .prev-arrow, .blog_cont .prev-arrow {left: -8%;} .galrow_2 .img_box:nth-of-type(2n), .galrow_3 .img_box:nth-of-type(3n), .galrow_4 .img_box:nth-of-type(4n), .galrow_0 .img_box:nth-of-type(4n) {margin:0 20px 40px 0} .galrow_2 .img_box:nth-of-type(2n), .galrow_3 .img_box:nth-of-type(2n), .galrow_4 .img_box:nth-of-type(3n), .galrow_0 .img_box:nth-of-type(3n) {margin: 0 15px 40px 0;} .galrow_3 .img_box {width: calc(50% - 15px);} .galrow_4 .img_box,.galrow_0 .img_box {width: calc(33.333% - 15px);} .brow_4 .article {width: calc(33.333% - 15px);} .brow_5 .article, .brow_6 .article {width: calc(25% - 30px);} .brow_2 .article:nth-of-type(2n), .brow_3 .article:nth-of-type(3n), .brow_4 .article:nth-of-type(4n), .brow_0 .article:nth-of-type(4n), .brow_5 .article:nth-of-type(5n), .brow_06 .article:nth-of-type(5n) {margin:0 15px 40px 0} .brow_2 .article:nth-of-type(2n), .brow_3 .article:nth-of-type(3n), .brow_4 .article:nth-of-type(3n), .brow_0 .article:nth-of-type(3n), .brow_5 .article:nth-of-type(4n), .brow_6 .article:nth-of-type(5n) {margin: 0 0 40px 0;} .inrow_4 .sub_box, .inrow_0 .sub_box {width: calc(33.333% - 20px);} .inrow_0 .main_pic_block, .inrow_4 .main_pic_block, .inrow_0 .main_pic_block.horizontal, .inrow_4 .main_pic_block.horizontal {height: 15vw;} .inrow_0 .main_pic_block.vertical, .inrow_4 .main_pic_block.vertical {height: 30vw;} .inrow_0 .main_pic_block.cube, .inrow_4 .main_pic_block.cube {height: 20vw;} .inrow_5 .main_pic_block, .inrow_5 .main_pic_block.horizontal, .inrow_6 .main_pic_block, .inrow_6 .main_pic_block.horizontal {height: 12vw} .inrow_5 .main_pic_block.cube, .inrow_6 .main_pic_block.cube {height: 15vw;} .inrow_5 .main_pic_block.vertical, .inrow_6 .main_pic_block.vertical {height: 22vw;} .inrow_5 .sub_box, .inrow_6 .sub_box {width: calc(25% - 15px);} .inrow_2 .sub_box:nth-of-type(2n), .inrow_3 .sub_box:nth-of-type(3n), .inrow_4 .sub_box:nth-of-type(4n), .inrow_0 .sub_box:nth-of-type(4n), .inrow_5 .sub_box:nth-of-type(5n), .inrow_6 .sub_box:nth-of-type(6n) {margin:0 20px 40px 0} .inrow_2 .sub_box:nth-of-type(2n), .inrow_3 .sub_box:nth-of-type(3n), .inrow_4 .sub_box:nth-of-type(3n), .inrow_0 .sub_box:nth-of-type(3n), .inrow_5 .sub_box:nth-of-type(4n), .inrow_6 .sub_box:nth-of-type(5n) {margin: 0 0 40px 0;} .owl-cont .main_pic_block {height: 45vw} .lft_rght .slick-arrow {top: 22vw;} .other_color.smaller, .stilus_6 .bas_block .cnt, .stilus_7 .bas_block .cnt {width: 80%;} .blog_cont .next-arrow {right:-4%} .blog_cont .prev-arrow {left:-4%} } @media only screen and (max-width : 800px) { .main_page_slider .img_descr {width:60%;padding:10vh 50px 10vh 50px;} .main_page_slider.stilus_3 .img_descr {padding: calc(10vh + 75px) 50px 10vh 50px;} .main_page_slider .img_descr .shead {min-width: 150%;} .main_page_slider.stilus_2 .img_descr .shead {min-width:280%;} .main_page_slider.stilus_2 .img_descr .img_text, .main_page_slider.stilus_2 .img_descr .head_3 {width:200%;text-align:left} .stilus_6 .bas_block .cnt, .stilus_7 .bas_block .cnt {width: 90%;} .img_gallery .img_pair {grid-auto-rows: 20vw;} .q_cont {padding:0} .t_cnt .slick-list {padding: 0px 5% !important;} .prod_cont .next-arrow, .blog_cont .next-arrow {right: -20px;} .prod_cont .prev-arrow, .blog_cont .prev-arrow {left: -20px;} .t_cnt .next-arrow {right: 20px;} .t_cnt .prev-arrow {left: 20px;} .vert_box {flex: 0 0 calc(50% - 15px);max-width: calc(50% - 15px);} .other_color {width: 90%;} .brow_1 .article { padding: 30px 0;} .brow_2 .article:nth-of-type(2n), .brow_3 .article:nth-of-type(3n), .brow_4 .article:nth-of-type(3n), .brow_0 .article:nth-of-type(3n), .brow_5 .article:nth-of-type(4n), .brow_6 .article:nth-of-type(5n) {margin: 0 15px 40px 0;} .brow_5 .article,.brow_6 .article {width: calc(33.333% - 15px);} .brow_4 .article,.brow_3 .article,.brow_0 .article {width: calc(50% - 8px);} .brow_0 .article:nth-of-type(2n), .brow_3 .article:nth-of-type(2n), .brow_4 .article:nth-of-type(2n), .brow_5 .article:nth-of-type(3n), .brow_6 .article:nth-of-type(3n) {margin: 0 0 40px 0;} .inrow_2 .sub_box:nth-of-type(2n), .inrow_3 .sub_box:nth-of-type(3n), .inrow_4 .sub_box:nth-of-type(3n), .inrow_0 .sub_box:nth-of-type(3n), .inrow_5 .sub_box:nth-of-type(4n), .inrow_6 .sub_box:nth-of-type(5n) {margin: 0 20px 40px 0;} .inrow_3 .sub_box, .inrow_4 .sub_box, .inrow_0 .sub_box {width: calc((100% - 20px) / 2);} .inrow_0 .main_pic_block, .inrow_4 .main_pic_block, .inrow_0 .main_pic_block.horizontal, .inrow_4 .main_pic_block.horizontal, .inrow_3 .main_pic_block, .inrow_3 .main_pic_block.horizontal {height: 25vw} .inrow_0 .main_pic_block.cube, .inrow_4 .main_pic_block.cube, .inrow_3 .main_pic_block.cube {height: 33vw;} .inrow_0 .main_pic_block.vertical, .inrow_4 .main_pic_block.vertical, .inrow_3 .main_pic_block.vertical{height: 50vw;} .inrow_5 .sub_box, .inrow_6 .sub_box {width: calc((100% - 40px) / 3);} .inrow_5 .main_pic_block.cube, .inrow_6 .main_pic_block.cube {height: 22vw;} .inrow_5 .main_pic_block, .inrow_5 .main_pic_block.horizontal, .inrow_6 .main_pic_block, .inrow_6 .main_pic_block.horizontal { height: 18vw;} .inrow_5 .main_pic_block.vertical, .inrow_6 .main_pic_block.vertical {height: 34vw;} .inrow_2 .sub_box:nth-of-type(2n), .inrow_3 .sub_box:nth-of-type(2n), .inrow_4 .sub_box:nth-of-type(2n), .inrow_0 .sub_box:nth-of-type(2n), .inrow_5 .sub_box:nth-of-type(3n), .inrow_6 .sub_box:nth-of-type(3n) {margin: 0 0 40px 0;} /*.sp_contact .ext_cont{padding: 0 0 40px 0;}*/ .sp_contact.size-basic { margin-top: 40px;} .masonry.b_inrow_4 {column-count: 2;} .q_cont_flex .main_pic_block {width:100%;} .q_cont.half {width:100%;padding:40px 0 0 0} .other_color.smaller, .stilus_6 .bas_block .cnt, .stilus_7 .bas_block .cnt {width: 90%;} .top_box.flex .ex_top {width: 100%;box-sizing: border-box;padding: 0 0 20px 0;} .top_box.flex .ex_top .head {width:100%} .top_box.flex .ex_top * {text-align:center} .top_box.flex .main_pic_block {width: 100%;margin: 0 0 30px 0;} .stilus_3 .blog_body .blog_text {padding:0 } .stilus_3 .blog_block_top {width: 100%;} .stilus_3 .blog_body {width: 100%; padding: 0;} .f_top .left, .f_top .subs_box {width: 100%;} .form_style_1 .input_block .chk-pill:hover {opacity:1;background:transparent } .form_style_2 .input_block .chk-pill:hover {opacity:1;border-bottom: 1px solid var(--text-color);} .form_style_3 .input_block .chk-pill:hover {opacity:1 ;background-color: var(--feher);} .form_style_1 .input_block .chk-pill.is-checked{ background: var(--feher); } .form_style_2 .input_block .chk-pill.is-checked{border-bottom: 1px solid var(--aktiv-color);} .form_style_3 .input_block .chk-pill.is-checked {background: var(--aktiv-color); } .galrow_2 .img_box:nth-of-type(2n), .galrow_3 .img_box:nth-of-type(2n) {margin: 0 0 40px 0!important;} .blog_block_main_pic { height: 25vw;} } @media only screen and (max-width : 800px) and (min-width : 481px) { } @media only screen and (max-width : 601px) { header .social_icons {display:none} .head {font-size:35px;text-align:center} .head_2 {font-size:30px;text-align:center} .head_3 {font-size:28px;text-align:center} .article .head_3, .sub_box .head_3, .sub_box .head_4 {text-align: initial; } .head_4 {font-size:24px;text-align:center} #logo {height: 45px;} #logo.vertical{height:70px;} #menu_blokk { height: calc(100vh - 95px); top: 95px;} .keskeny #menu_blokk{top:92px;height:calc(100vh - 92px);} .bas_block .cnt.flex .text_box .default_button, .ext_cont .text_box .default_button {margin-left:auto;margin-right:auto} .main_page_slider .head_3 {font-size:22px} .main_page_slider .img_descr {width: 80%; } .main_page_slider .img_descr .shead {min-width: 120%;} .main_page_slider .prev-arrow {right: calc(var(--size-small) + 40px);} .bas_block .cnt.flex .main_pic_block {width: 100%;} .bas_block .cnt.flex .text_box {width: 100%;padding: 30px 0 0 0;} .main_block:nth-of-type(odd) .bas_block .cnt.flex .text_box {padding: 20px 0;} .lin_bottom{justify-content:center} .stilus_1 .bas_block .cnt, .stilus_2 .bas_block .cnt, .stilus_1 .ext_cont.foszin-bal-bg, .stilus_1 .ext_cont.foszin-jobb-bg {background-image: linear-gradient(to bottom, var(--foszin) 40%, var(--kieg-szin) 40%);} .stilus_1_other .bas_block .cnt, .stilus_2_other .bas_block .cnt, .stilus_1 .ext_cont.kieg-bal-bg, .stilus_1 .ext_cont.kieg-jobb-bg {background-image: linear-gradient(to bottom, var(--kiemelt) 40%, var(--kieg-szin) 40%);} .stilus_2 .bas_block .cnt.flex .text_box {padding: 30px 0 20px 0;} .stilus_6 .bas_block .cnt, .stilus_7 .bas_block .cnt {padding:30px 20px} .lft_rght .sub_page_cont .head_2 span {font-size: 35px} .se_cont .sub_page_cont {display: block;} .se_cont .sub_page_cont .text_box { padding: 30px 0 20px 0;} .se_cont .sub_page_cont:nth-of-type(2n) .text_box {padding: 30px 0 20px 0;} .clear .se_cont .sub_page_cont {margin: 0 0 40px 0;min-height: auto;} .clear .se_cont {grid-template-columns: 1fr;} .clear .se_cont .sub_page_cont:nth-child(even) {grid-column: 1;margin-top: 0;} .size-basic {margin:0; padding: 30px var(--size-basic);} .lotof .flex .text_one {width: 100%; padding: 0 0 20px 0;} .lotof .flex .text_two {width: 100%; padding: 0;} .img_gallery .img_pair {grid-auto-rows: 30vw} .simple_gal .img_box {width:calc(50% - 10px)!important;margin:0 20px 40px 0!important} .simple_gal .img_box:nth-of-type(2n) {margin:0 0 40px 0!important} .ext_cont .flex .main_pic_block {width: 100%;} .flex .text_box.half, .ext_cont:nth-of-type(odd) .flex .text_box.half {width: 100%; padding: 30px 0 0 0;} .vert_box {flex: none;max-width: 100%;width:100%} .ext_cont:nth-of-type(odd) .flex {flex-direction: column;} .ext_cont.img-big .flex .main_pic_block, .ext_cont.img-big:nth-of-type(odd) .flex .main_pic_block, .ext_cont.textbox-big .flex .main_pic_block {width: 100%;margin: 0 0 20px 0;} .ext_cont.img-big .flex .text_box.half, .ext_cont.textbox-big .flex .text_box.half {padding: 20px;width: 100%;text-align:center} .ext_cont.img-big .flex .text_box.half *, .ext_cont.textbox-big .flex .text_box.half * {text-align:center} .ext_cont.textbox-big .flex .text_box.half {margin:0;width:100%} .res_cont {display: grid;grid-template-columns: repeat(2, 1fr); } .res_cont > div { grid-area: unset;} .lotof .breaks .head_cnt {width: 100%;padding: 0;} .lotof .breaks .main_pic_block {width: 100%;margin: 30px 0 0 0;} .form_and { flex-wrap: wrap;} .form_cb_block {padding: 0} .flex_form .input_block {width: 100%;margin-right: 0;} #footer_last {justify-content:center;flex-direction: column-reverse;} #footer_end {margin: 0;width: 100%;text-align: center;margin: 20px auto 0 auto;} #footer_end p {text-align:center} #footer_menu { margin: 0 auto;flex-wrap: wrap;justify-content: center;} .slick-arrow {width: 30px;height: 30px;} .next-arrow {right: 20px;} .prev-arrow {left: 20px;} .img_gallery .next-arrow {right: calc(50% - 35px);} .img_gallery .prev-arrow {left: calc(50% - 35px);} .blog_list, .blog_page, .ext_subpage {padding-top:100px} .owl-cont .main_pic_block {height: 90vw;} .q_cont .head_3 {font-size: 22px;text-align: left;} .img_overlay {position: relative;bottom: auto;left: auto;} .img_overlay .head_4 {font-size: 20px;} .pr_list, .simple_page, .doc_list {margin-top:120px} .breaks .left_cnt {width:100%;padding:50px var(--size-small);} .breaks .right_cnt {width:100%;padding:50px var(--size-small);} .just_hor { padding: 30px 0;margin: 0;} .size-small { padding: 30px var(--size-small);margin: 20px 0;} .bas_block .cnt.flex, .bas_block .cnt {padding: 30px var(--size-basic);margin: 20px 0;} .contact {margin-top:50px} .stilus_1 .ext_cont:nth-of-type(even) .flex .text_box.half {padding: 20px 0 0 0;} .stilus_1 .ext_cont:nth-of-type(odd) .flex .text_box.half {padding: 20px 0 0 0;} .algal.b_inrow_3 .img_box {width:calc(50% - 10px);} .algal.b_inrow_3 .img_block {height:50vw} .algal.b_inrow_3 .img_box:nth-of-type(2n) {margin:0 0 20px 0} .algal.b_inrow_3 .img_box:nth-of-type(3n) {margin:0 20px 20px 0} .lf_cont .flex .text_box {width: 100%;padding: 0 !important;} .lf_cont .flex .main_pic_block {width: 100%;margin-bottom: 30px;} .brick {margin: 0 0 10px 0} .masonry, .masonry.b_inrow_3 {column-count: 2;column-gap: 10px;} .brand_intro_title {font-size:28px} } @media only screen and (max-width : 480px) { .default_button.hdrb {margin:0 5px} .head {font-size:30px} .head_2 {font-size:26px;} .head_3 {font-size:24px;} .head_4 {font-size:21px;} .head_5 {font-size:20px;text-align:center} .head_6 {font-size:19px;text-align:center} .article .head_3, .sub_box .head_3 , .sub_box .head_4 {text-align: center; } .main_page_slider {margin-bottom:0} .main_page_slider .img_descr .shead {font-size:32px} .main_page_slider .owl_box, .main_page_slider.stilus_3 .owl_box {height: auto;} .main_page_slider .img_descr {width: 100%;padding: 20px 0 50px 0;position:relative} .main_page_slider.stilus_2 .img_descr {width: 90%} .main_page_slider.stilus_3 .img_descr {width: 100%;padding: 20px var(--size-basic) 50px var(--size-basic);position:relative} .main_page_slider .img_block, .main_page_slider.stilus_3 .img_block { height: 55vh;} .main_page_slider .img_block img { object-position: 80% center;} .main_page_slider .img_descr .shead, .main_page_slider.stilus_2 .img_descr .shead,.main_page_slider .img_descr .img_text .main_page_slider.stilus_2 .img_descr .img_text, .main_page_slider .img_descr .head_3, .main_page_slider.stilus_2 .img_descr .head_3 {min-width: 100%;width:100%;text-align:center} .main_page_slider.stilus_2 .img_descr .default_button, .main_page_slider .img_descr .default_button {margin:15px auto 0 auto} .main_page_slider:not(.stilus_2) .img_text, .main_page_slider:not(.stilus_2) .shead, .main_page_slider:not(.stilus_2) .img_descr .head_3 {text-shadow: none;color:var(--text-color);} .main_page_slider.stilus_2 .img_block {width: 95%;margin: 0 auto;} .main_page_slider.stilus_3 .img_descr {padding: 20px 5% 80px 5%;} .main_block.stilus_5 .simple_gal .img_block img {margin: 0 auto} .img_gallery .img_pair {grid-auto-rows: 40vw;} .prod_cont .next-arrow, .blog_cont .next-arrow{right: -3%;} .prod_cont .prev-arrow, .blog_cont .prev-arrow {left: -3%;} .t_cnt .next-arrow, .next-arrow {right: 1%;} .t_cnt .prev-arrow, .prev-arrow {left: 1%;} .cnt .sub_box, .bcontent .article {width:100%!important;margin:0 0 40px 0!important} .cnt .sub_box .main_pic_block.horizontal, .cnt .sub_box .main_pic_block, .prod_cont .sub_box .main_pic_block.horizontal, .prod_cont .sub_box .main_pic_block {height: 52vw;} .cnt .sub_box .main_pic_block.vertical, .prod_cont .sub_box .main_pic_block.vertical {height:100vw} .cnt .sub_box .main_pic_block.cube, .prod_cont .sub_box .main_pic_block.cube {height: 65vw; } .blog_other_pic {width:100%;} .blog_plus_box:not(.flex) {padding:0 } .flex .blog_other_txt {width:100%;padding: 20px} .flex .blog_plus_textbox {width: 100%;padding: 30px 0 0 0;} .algal .img_box, .algal.b_inrow_2 .img_box {width: 100%;margin: 0 0 20px 0;} .algal .img_block, .algal.b_inrow_2 .img_block {height: 60vw; border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .masonry.b_inrow_2, .masonry.b_inrow_4 {column-count: 1;} .blog_list, .blog_page, .ext_subpage {padding-top: 80px;} .ext_subpage.stilus_3 .top_box .ex_top {position: relative;width:100%} .ext_subpage.stilus_3 .top_box .ex_top * {text-shadow: none;color: var(--text-color);} .blog_list .tops, .pr_list .tops, .blist_main .tops {margin-bottom: 20px;} .pr_list, .simple_page, .doc_list {margin-top: 110px;} .article .default_button {margin-left:auto;margin-right:auto} .brow_1 .article .blog_block_head {width: 100%;} .brow_1 .article .blog_block_body {width: 100%;padding: 0;} .stilus_3 .brow_1 .article::after { background-image: linear-gradient(to bottom, var(--foszin) 40%, var(--kieg-szin) 40%);} .algal.b_inrow_3 .img_box {width: 100%;} .algal.b_inrow_3 .img_block {height: 80vw } .algal.b_inrow_3 .img_box:nth-of-type(3n) {margin: 0 0 20px 0;} .simple_gal .img_desc { text-align: center;} .simple_gal .img_desc .default_button {margin: 15px auto 0 auto;} .blog_block_main_pic { height: 50vw;} } @media only screen and (max-width : 414px) { } @media only screen and (max-width : 350px) { .simple_gal .img_box {width: 100% !important; margin: 0 0 40px 0 !important;} } @media only screen and (min-width : 1025px) and (max-height : 660px) and (min-height : 530px) { }