#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}
header{width:100%;max-width: 1920px;height:auto;}
#header_fix {display:flex;background:#000;box-sizing:border-box;padding: 10px 11% 10px 12%;align-items:center;transition:0ms;width:100%;z-index:10; }
#header_fix.fixed-nav-element {background:#000;position:fixed;top:0;left:0}
#header_top {display:flex;background:#fff;width:100%;box-sizing:border-box;padding: 30px 12%;}
#header_data {width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 0 auto}
#header_data p, #header_data a {display:flex;align-items:center;}
header #header_data p, header #header_data a {margin:0 0 0 20px}
#header_data p img, #header_data a img {margin: 0 5px 0 0}
#header_top * {color:#1730FF;font-size:14px}

#logo{width:205px;margin:0 50px 0 0}
#logo img{max-width:100%}
#header_social{margin:0 50px 0 60px;display:flex;justify-content:flex-start;align-items:flex-start}
#header_social a:not(:last-of-type){margin-right:15px}

.main_block:not(#footer_1) {opacity:0;-moz-transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;-moz-transform:translate3d(0px,70px,0px);-webkit-transform:translate3d(0px,70px,0px);-o-transform:translate(0px,70px);-ms-transform:translate(0px,70px);transform:translate3d(0px,70px,0px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.main_block:not(#footer_1).in-view {opacity:1;-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate3d(0px,0px,0px)}

#main_menu.vertical{height:100%}
#main_menu.vertical .menu_level_1{height:100%}
#main_menu.vertical .menu_block_level_1 a{color:#101010}
#main_menu.vertical .level_1{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:500;color:#888}
#main_menu.vertical .menu_block_level_1{width:100%;box-sizing:border-box;padding:15px 0;margin:0;position:relative;display:flex;justify-content:flex-end;font-weight:400;cursor:pointer}
#main_menu.vertical .menu_block_level_1:last-of-type::after{display:none}
#main_menu.vertical .menu_level_2{display:flex}
.menukep{max-width:100%}
#main_menu.horizontal{z-index:10;width:100%;}
#main_menu.horizontal .menu_level_1{display:flex;justify-content:center;flex-wrap:wrap}
#main_menu.horizontal .menu_block_level_1{margin-left:8px;display:flex;text-align:center;    position: relative;}
#main_menu.horizontal .menu_block_level_1:first-of-type{margin-left:0}
#main_menu.horizontal .level_1{position:relative;box-sizing:border-box;padding:5px 15px;display:flex;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;line-height:16px;color:#fff;border:2px solid transparent;cursor:pointer;transition:300ms;z-index:10;text-align:center;border-radius:30px;}
#main_menu.horizontal .level_1:hover{border-color:#fff}
#main_menu.horizontal .level_1.aktiv_menu{text-decoration:underline}
#main_menu.horizontal .menu_level_2{width:fit-content;width:-moz-max-content;box-sizing:border-box;padding:20px 5px;position: absolute;top: -1000px;left:0;justify-content:flex-start;flex-wrap:wrap;opacity:0;background:#000;z-index:0;/*transition: opacity 200ms linear 0ms,top 0ms linear 200ms;*/}
#main_menu.horizontal .menu_level_2.show_it{top:37px;opacity:1;z-index:1}
#main_menu.horizontal .menu_block_level_2{width:100%;/*min-height:29px;*/min-height:25px;position:relative;display:flex;justify-content:flex-start}	
#main_menu.horizontal .menu_level_2_block {width:200px}
#main_menu.horizontal .level_2 {text-align:center;font-weight:700;color:#fff;font-size:16px;box-sizing:border-box;padding:5px 10px;display:flex;font-family:'Montserrat',sans-serif;border:2px solid transparent;border-radius:30px}
#main_menu.horizontal .menu_block_level_2 a:hover .level_2 {border-color:#fff}
#main_menu.horizontal .menu_block_level_2 a {padding:5px 10px;transition:300ms}
#main_menu.horizontal .menu_block_level_2 a:hover {/*transform:scale(1.05*/)}

.menu_brand_block{width:100%;height:90px;box-sizing:border-box;padding:0 200px;position:absolute;bottom:0;left:0;display:flex;justify-content:flex-start;align-items:center;background:#fff}
.menu_brand_block div{width:calc((100% - 210px) / 8);margin-right:30px;display:flex;justify-content:center;align-items:center}
.menu_brand_block div:last-of-type{margin-right:0}
#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-column-break-after:always;page-break-after:always;break-after:always;page-break-before:always;-webkit-backface-visibility:visible;transform:translateZ(0)}
#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}
#main_menu.horizontal .menu_level_3.show_it{visibility:visible;opacity:1;z-index:1}
#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:#fff}
#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}
.menu a{display:block}
#main_menu_toggle_wrapper{width:35px;height:50px;display:none;justify-content:center;align-items:center;transition:300ms;z-index:10;cursor:pointer}
#main_menu_toggle_wrapper p:last-of-type{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-transform:uppercase;color:#fff}
#main_menu_toggle{width:25px;height:21px;padding:0;color:#fff;cursor:pointer;transition:all 500ms ease;position:relative}
#main_menu_toggle span{width:100%;height:0;position:static;border:1px solid #fff;border-radius:5px;background:#fff;transition:all 500ms ease;display:block}
.close #main_menu_toggle span{position:absolute;border:none;height:3px;width:25px;display:none;background:#fff;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;}
.main_block {position:relative;width:100%}
.head{font-size:45px;font-weight:800;color:#1730FF;text-transform:uppercase;font-family:'Montserrat-bold',sans-serif}
.head_2{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:25px}
.head_3{font-size:22px;font-weight:700;}
.head_4{font-size:15px;font-weight:700;text-align:center;margin-top:10px}
#shadow{width: 100vw;height: 100vh;display: none;position: fixed;top: 0;left: 0;background-color: #000;opacity: 0.3;z-index: 10;}

#slider {width:100%;position:relative;}
#slider .img_block{filter:brightness(0.7);height:100%}
#slider .img_block picture, #slider .img_block a {height:100%}
#slider .img_block picture img, #slider .img_block video  {object-fit:cover;width:100%;height:100%}
#slider .img_descr {position:absolute;bottom:110px;width:100%;box-sizing:border-box;padding:50px 25% 10px 12%;}
.s_head {font-size:3vw;line-height:1.2;font-weight:800;text-transform:uppercase;margin:0 0 30px 0;color:#fff;font-family:'Montserrat-bold',sans-serif}
#slider .img_text, #slider .img_text * {color:#fff}
#slider .img_text {margin-bottom:20px}
#slider .owl_box {position:relative;height: calc(100vh - 100px);overflow: hidden;}
#slider .slick-dots {display:flex;flex-wrap:wrap;position:absolute;bottom:55px;left:calc(12% + 100px);max-width:50%;}
#slider .slick-dots button, #slider .slick-dots button a {color:#fff;cursor:pointer}
#slider .slick-active button, #slider .slick-active button a {text-decoration:underline;font-weight:700}
#slider .slick-dots li {padding:5px;position:relative;min-height:35px;display:flex;align-items:center;margin:0 30px 0 0;cursor:pointer}
#slider .slick-dots li::before {content: '';width: 35px;height: 35px;display:inline-block;background-size: contain;background-position: center;}
#slider .slick-dots li:first-of-type::before {background-image: url(/sources/pics/grafikai-tervezes.svg);}
#slider .slick-dots li:nth-of-type(2)::before {background-image: url(/sources/pics/nyomdai-kivitelezes.svg);}
.slick-arrow{position:absolute;bottom:50px;width:50px;height:50px;z-index: 1;cursor:pointer;}
.slick-arrow:hover{transform:scale(1.05)}
#slider .slick-arrow {filter: brightness(0) invert(1);}
.prev-arrow{left:12%;background-image: url(/sources/pics/arrow-left.svg);background-size: 100%;background-position: center;background-repeat:no-repeat;}
.next-arrow{right:12%;background-image: url(/sources/pics/arrow-right.svg);background-size: 100%;background-position: center;background-repeat:no-repeat;}
.slider_social {position:absolute;bottom:60px;right:calc(12% + 150px);display:flex;flex-wrap:wrap;max-width:150px;}
.slider_social a {margin:0 15px 0 0}

#serv_main {padding:50px 0}
#serv_main .head, #serv_main .text {box-sizing:border-box;padding:0 12% 30px 12%;text-align:center}
#serv_main .basic_sub_galery {display:flex;flex-wrap:wrap;box-sizing:border-box;padding:0 2%;justify-content:center}
#serv_main .basic_sub_galery .img_box {width:calc(10% - 9px);margin:0 10px 20px 0;overflow:hidden}
#serv_main .basic_sub_galery .img_box:nth-of-type(10n){margin:0 0 20px 0;}
#serv_main .basic_sub_galery .img_box img {transition:300ms;}
#serv_main .basic_sub_galery .img_box img:hover {transform:scale(1.05)}

#about_main {box-sizing:border-box;padding:70px 12%;background-color:#000;}
#about_main .head {margin-bottom:40px}
#about_main .basic_cont *:not(.default_button) {color:#fff}
#about_main .cont {display:flex;flex-wrap:wrap;}
#about_main .basic_cont {width:50%;box-sizing:border-box;}
#about_main .basic_cont:nth-of-type(2n) {padding:0 0 20px 100px}
#about_main .basic_cont .default_button, #serv_sub .first .default_button {color:#000;background-color:#fff;margin:25px 0 0 0}
#about_main .basic_cont .default_button::after, #serv_sub .first .default_button::after {filter:none}
#about_main .basic_cont li::before {filter: invert(1);}
#ref_main {box-sizing:border-box;padding:70px 12%}
#ref_main .basic_cont {position:relative;box-sizing:border-box;padding:20px 30px 0 30px}
#ref_main .basic_cont::after {content:"";position:absolute;background-image: url(/sources/pics/idez.svg);width:70px;height:70px;background-size:contain;top:10px;left:10px;z-index:-1;background-repeat:no-repeat}
#ref_main #content {box-sizing:border-box;padding:0 70px}
#ref_main #content .slick-arrow {bottom:50%}
#ref_main #content .next-arrow {right: 0;}
#ref_main #content .prev-arrow {left: 0;}
#site_top {display:flex;flex-wrap:wrap;margin:0 0 20px 0}
#site_top .head {width:calc(100% - 200px)}
#site_top .default_button {margin:10px 0 0 auto}
#ref_main .basic_cont .text {margin-bottom:20px}
#ref_main .basic_sub_galery {margin-top:50px}
#ref_main .basic_sub_galery .slick-track {display: flex;}
#ref_main .basic_sub_galery .slick-track .slick-slide {display: flex;height: auto;align-items: center;justify-content: center;}
#ref_main .img_box img {filter:grayscale(1);transition:300ms}
#ref_main .img_box img:hover {filter:none;}

#why, #gyik {width:100%;background-color:#f5f5f5;box-sizing:border-box;padding:70px 12%}
#gyik {background-color:#fff;}
#why .head {margin-bottom:50px}
#why .cont {display:flex;flex-wrap:wrap;}
#why .cont .basic_cont  {width: calc(25% - 20px);margin: 0 20px 50px 0}
#why .cont .basic_cont:nth-of-type(4n) {margin: 0 0 50px 0}
#why .cont .head_oth {font-size:50px;font-weight:700;}
#gyikcont .text_box {margin-top:15px}
#gyikcont .head_3 {cursor:pointer;position:relative;box-sizing:border-box;padding:0 50px 0 0}
#gyikcont .head_3::after{content:'';width:30px;height:30px;position:absolute;right:0;top:0;bottom:0;margin:auto;background-image:url(/sources/pics/arrow-down.svg);z-index:0;background-size: contain;background-repeat: no-repeat;background-position:center}
#gyikcont .head_3.active {color:#1730FF}
#gyikcont .head_3.active::after {transform:rotate(180deg)}
#gyikcont .sub_page_content {padding: 20px 0;border-bottom:1px solid #DBDEE7;}

#blog_main {width:100%;background-color:#f5f5f5;box-sizing:border-box;padding:70px 12%}
#blog_main .tops {display:flex;flex-wrap:wrap;margin-bottom:40px}
#blog_main .tops .head {width:200px;    text-transform: uppercase;}
#blog_main .tops .top_text {width:calc(100% - 500px);}
#blog_main .tops .buttons {width: 300px;margin:0 0 0 auto;display:flex;justify-content:flex-end}
#bcont .slick-slide {margin: 0 10px;}
#bcont .slick-list {margin: 0 -10px;}
#blog_main .slick-arrow {top: 10vw;bottom:auto}
#blog_main .next-arrow {right: -100px;}
#blog_main .prev-arrow {left: -100px;}
#blog_main .search_box{margin:0 15px 0 0}

#kapcsolat .sub_page_content {width:100%;box-sizing:border-box;padding:70px 12%}
#kapcsolat.subp .sub_page_content {width:100%;box-sizing:border-box;padding:0}
#kapcsolat.subp {display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;padding:70px 12%;}
#kapcsolat .sub_page_content.sub {padding-bottom:20px;width:100%;}
#kapcsolat .sub_page_content.sub.clist {text-align:center;padding: 0 20%;}
#kapcsolat .sub_page_content.norm {text-align:center;width:calc(50% - 15px);margin:30px 30px 0 0}
#kapcsolat .sub_page_content.norm:nth-of-type(2n) {margin:30px 0 0 0}
#kapcsolat .sub_page_content.norm .default_button {margin:0 auto}
#kapcsolat .head {margin-bottom:20px;display: flex;flex-wrap: wrap;    text-transform: uppercase;}
#kapcsolat .top_text{margin-bottom:30px}

.dub_form{width:100%;display:flex;flex-wrap:wrap}
.dub_form input[type="text"],.dub_form input[type="number"],.dub_form input[type="tel"]{width:100%;height:50px;box-sizing:border-box;padding:15px 20px 0 20px;font-size:16px;font-weight:300;color:#000;background:#f5f5f5}
.label_span{position:absolute;left:0;bottom:15px;font-size:16px;font-weight:300;color:#000;transition:bottom 300ms,top 300ms}
.input_label::after{content:'';width:0;height:2px;position:absolute;bottom:0;left:-20px;background:#DBDEE7;transition:width 300ms,background 300ms}
.input_block{position:relative;width:calc(50% - 16px);margin:0 20px 20px 0;background-color:#f5f5f5;overflow: hidden;}
#kgct, #kfke, #kft{margin: 0 0 20px 0;}
#dcc {width:100%;margin:0 0 20px 0}
.input_label{width:100%;height:100%;position:absolute;top:0;left:20px;pointer-events:none}
input:focus + .input_label::after,textarea:focus + .input_label::after{width:100%}
textarea:focus + .input_label::after, textarea + .input_label::after { bottom: -7px;}
.input_label.empty::after,.input_label.format_error::after{width:100%;background:#c60101}
.empty_val {border-bottom: 2px solid #c60101 !important;}
#error_box_contact {margin: -5px 0 10px 0}
#error_box_contact p {text-align:left;font-size:15px;}
#error_box_cont{margin-top:20px}
#error_box_cont * {color:#c60101;font-size:15px;font-weight:700}
#gen_contact_phone, #gen_contact_tel {opacity:0}
#gen_contact_phone:focus, #gen_contact_phone.show, #gen_contact_tel.show, #gen_contact_tel:focus{color:#000;opacity:1}
#upload_block {margin-bottom:20px}
.img-wrap {display:flex;align-items:center}
.img-wrap .close {font-size:25px;margin:0 10px 0 0;color:#c60101;cursor:pointer}
.input_label.valid::after{width:100%}
.textarea_block .input_label.valid::after{width:100%!important}
input:focus + .input_label .label_span,.input_label.valid .label_span{bottom:27px}
.textarea_block .input_label{height:calc(100% - 7px)}
.textarea_block .label_span{top:15px}
textarea:focus + .input_label .label_span, .textarea_block .input_label.valid .label_span{top:7px}
.dub_form .input_block.textarea_block{width:100%;margin:0 0 20px 0;background:#f5f5f5;}
.dub_form textarea{width:100%;box-sizing:border-box;padding:30px 20px 5px 20px;font-size:16px;font-weight:300;color:#000;border:none;resize:none;height:50px;background:transparent}
.mod_checkbox{box-sizing:border-box;padding:0 0 20px 0}
.form_cb_block{display:flex;align-items:center;flex-wrap:wrap}
.form_bottom_box_button{display:flex;justify-content:flex-end;}
.unique_select{box-sizing:border-box;position:relative;display:flex;justify-content:start;align-items:center;width:100%;margin:0 0 20px 0;height:50px;background-color:#f5f5f5;}
.datepicker{box-sizing:border-box;position:relative;display:flex;justify-content:start;align-items:center;background:#fff;z-index:1;width:100%;padding:10px}
.datepicker::placeholder{color:#666465!important;font-weight:400!important}
.unique_select::after{content:'';width:15px;height:15px;position:absolute;right:10px;top:0;bottom:0;margin:auto;background-image:url(/sources/pics/arrow-down.svg);z-index:0;background-size: contain;background-repeat: no-repeat;}
.unique_select.nyitva{z-index:3}
.unique_select.nyitva .value{background:#f5f5f5;padding:10px 20px;}
.unique_select .label{padding-left:10px;font-size:16px;font-weight:300;color:#000}
.unique_select .value{font-size:16px;box-sizing:border-box;padding:10px 20px;font-weight:300;color:#000;width:100%;text-align:left;overflow:hidden;white-space:nowrap}
.unique_select_list{width:100%;box-sizing:border-box;padding:45px 20px 20px;display:none;position:absolute;top:0;left:0;background:#f5f5f5;z-index:1;max-height:150px;overflow:auto;scrollbar-width:0;z-index:-1}
.unique_select_list::-webkit-scrollbar{display:none}
.unique_select_list li{width:100%;height:auto;font-size:16px;font-weight:300;text-align:left;list-style:none;color:#000;cursor:pointer;display:flex;box-sizing:border-box;padding:4px 5px}
.unique_select_list li a{width:100%}
.unique_select_list li.current_value{font-weight:800}
.unique_select_list li label{box-sizing:border-box;padding:7px 0 7px 10px;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;transition:300ms}
.unique_select_list li label:hover{color:#36f}
.portas{width:100%;height:100%;position:absolute;right:0;top:0;z-index:1;cursor:pointer}
#footer_map img {width:100%;height:100%;object-fit:cover;}
footer {width:100%}
#footer_bottom {background-color: #000;box-sizing:border-box;padding:70px 12%}
#flogo img {filter:invert(1);width:95%}
#footer_social {display:flex;width:20%;}
#footer_social a {margin:0 0 10px 15px }
#footer_top {display:flex;flex-wrap:wrap;}
#footer_top .f_right {display:flex;width:calc(100% - 200px);border-bottom:1px solid rgba(255, 255, 255, 0.40);padding-bottom:25px}
#footer_top #basic_info {display:flex;flex-wrap:wrap;width:80%}

.f_left {width:200px;}
.szolg_menu {box-sizing:border-box;padding:25px 0 30px 200px}
.szolg_menu h6 {font-size:18px;margin-bottom:10px}
#fsz_menu .menu_level_1 {display:grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: auto auto;grid-column-gap: 0px;grid-row-gap: 0px;}
#fsz_menu .menu_block_level_1:nth-of-type(1) { grid-area: 1 / 1 / 3 / 2; }
#fsz_menu .menu_block_level_1:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
#fsz_menu .menu_block_level_1:nth-of-type(3) { grid-area: 2 / 2 / 3 / 3; }
#fsz_menu .menu_block_level_1:nth-of-type(4) { grid-area: 1 / 3 / 2 / 4; }
#fsz_menu .menu_block_level_1:nth-of-type(5) { grid-area: 2 / 3 / 3 / 4; }
#fsz_menu .menu_block_level_1:nth-of-type(6) { grid-area: 1 / 4 / 2 / 5; }
#fsz_menu .menu_block_level_1:nth-of-type(7) { grid-area: 2 / 4 / 3 / 5; }
#fsz_menu .menu_block_level_1:nth-of-type(8) { grid-area: 1 / 5 / 2 / 6; }
#fsz_menu .menu_block_level_1:nth-of-type(9) { grid-area: 2 / 5 / 3 / 6; }
#fsz_menu h5 {font-size:14px;font-weight:300}
#fsz_menu h4 {font-size:14px;font-weight:700;color:#1730ff}
#basic_info div {width:25%;box-sizing:border-box;padding:0 10px 0 0;}
#basic_info strong {font-size:18px;}
#basic_info p, #basic_info a {font-size:14px;}
#footer_last  {box-sizing:border-box;padding:20px 0 0 200px;display: flex;flex-wrap: wrap;justify-content: space-between}
#footer_end {width:50%;box-sizing:border-box;padding:0 20px 0 0}  
#footer_last * {font-size:13px;}
#footer_menu {width:50%}
#footer_menu ul {display:flex;flex-wrap:wrap;justify-content: flex-end;}
#footer_menu ul li {display:inline-flex}
#footer_menu ul li:not(:last-of-type)::after {content:"";width:1px;height:100%;background-color:#fff;margin:0 5px;}
#f_subs {background-color:#1730FF;box-sizing:border-box;padding:10px 12%;display:flex;justify-content:center;align-items:center}
#f_subs .default_button {background-color:#000;}
#f_subs p {font-weight:700;color:#fff}
#f_subs  input {border-radius:30px;margin:0 20px;height:38px;width:250px;padding:0 10px}

#bread {display:flex;flex-wrap:wrap;min-width:220px;margin:0 5px 0 0}
#main #bread {margin-bottom:20px}
#main #bread .home img {filter:brightness(1) invert(1)}
#bread * {color:#000;font-size:13px}
header #bread * {color:#fff;}
#bread .home {margin:0 7px 0 0}
#bread .inter {display:flex;}
header #bread .inter img {margin:-2px 0;filter: brightness(0) invert(1);width:25px }
#main #bread .inter img {margin:-2px 0;width:25px }
#serv_sub {width:100%;border-bottom:2px solid #000}
#serv_sub .cont {box-sizing:border-box;padding: 60px 12% 30px 12%}
#serv_sub .cont .main_pic_block {max-width:100%;width:700px;margin:0 auto 20px auto}
#serv_sub .cont .default_button {margin:0 auto}
/*#serv_sub .cont:not(#sub_page_cont_2, .black){padding-top:0}*/
.sub_page_template {width:100%}
.sub_page_template .head {text-transform: none;}
.sub_page_template .cont .sub_page_cont {box-sizing:border-box;padding: 60px 20% 40px 20%}
.sub_page_template .first {width:100%;display:flex;flex-wrap:wrap;height:calc(100vh - 150px);}
.sub_page_template .first.hgt {height:40vh;}
.sub_page_template .first .head_2 {font-size:45px}
.sub_page_template .first .head_3 {margin-bottom:20px}
.sub_page_template .first .default_button {margin-top:20px}
.sub_page_template .first *:not(.default_button) {color:#fff}
.sub_page_template .basic_sub_galery, .sub_page_template .first .main_pic_block {width:50%;height:100%;}
.sub_page_template .basic_sub_galery a, #serv_sub .basic_sub_galery .img_box, #serv_sub .basic_sub_galery div {height:100%}
.sub_page_template .basic_sub_galery img, #serv_sub .basic_sub_galery video, .sub_page_template .first .main_pic_block img, .sub_page_template .first .main_pic_block video {object-fit:cover;width:100%;height:100%}
.sub_page_template .first .descr {width:50%;height:100%;background-color:#1730FF;box-sizing:border-box;padding:80px 8%;display:flex;flex-wrap:wrap;align-content:center;align-items:center}
.sub_page_template .first .descr .head_2, #serv_sub .first .descr .head_3, #serv_sub .first .descr .text {width:100%}
.sub_page_template .first .slick-arrow {bottom:20px}
.sub_page_template .first .next-arrow {right: 20px;}
.sub_page_template .first .prev-arrow {left: 20px;}
.sub_page_template .first .slick-dots {position:absolute;bottom:20px;left:70px;right:70px;width:calc(100% - 140px);height:52px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.sub_page_template .first .slick-dots button {display:none}
.sub_page_template .first .slick-dots li {width:10px;height:1px;background-color:#000;margin:3px}
.sub_page_template .first .slick-dots li.slick-active {background-color:#1730FF;}
.sub_page_template .cont .sub_page_cont:nth-of-type(even) {background-color:#F5F5F5}
.sub_page_template .cont .sub_page_cont.two {display:grid;grid-template-columns:50% 50%;padding: 60px 12% 40px 12%}
.sub_page_template .cont .sub_page_cont .main_pic_block {grid-row:1;grid-column: 2;}
.sub_page_template .cont .sub_page_cont .text_box {rid-row:1;grid-column: 1;box-sizing:border-box;padding:0 40px 0 0}
.sub_page_template .cont .sub_page_cont:nth-of-type(even) .main_pic_block {grid-row:1;grid-column: 1;}
.sub_page_template .cont .sub_page_cont:nth-of-type(even) .text_box {rid-row:1;grid-column: 2;box-sizing:border-box;padding:0 0 0 40px}
.sub_page_template .pdf {margin-bottom:10px}
.sub_page_template .pdf a {position:relative;padding-left:35px;}
.sub_page_template .pdf a::before {content: "";position: absolute;background-image: url(/sources/pics/documentum.svg);width: 27px;height: 32px;top: 0;bottom: 0;left: 0;margin: auto;background-size: contain;background-repeat: no-repeat;}
#serv_sub .cont .head, #serv_sub .cont .top_text {margin-bottom:30px;}
#serv_sub .cont .verti {box-sizing:border-box;padding:0 10%}
#serv_sub .cont .verti .box {margin-bottom:40px}
#serv_sub .cont .verti .head_3 {margin-bottom:20px}
#serv_sub .cont ul {    padding: 0 0 0 35px;position:relative}
#serv_sub .cont ul::before {content:"";position:absolute;width:5px;height:100px;max-height:100%;top:7px;left:0;background-color:#1730FF;}
#serv_sub .cont li {list-style: disc;}
#serv_sub .cont.black {background-color:#000;}
#serv_sub .cont.black *:not(.head) {color:#fff}
#serv_sub .cont.black .line {display:flex;flex-wrap:wrap;}
#serv_sub .cont.black .line .box {width:calc(33.333% - 14px);margin:0 20px 30px 0;}
#serv_sub .cont.black .line .box:nth-of-type(3n) {margin:0 0 30px 0}
#serv_sub .cont.black .line .head_3 {margin-bottom:15px;font-weight:600}
#subpage .head {margin-bottom:20px}
#serv_sub .cont .basic_sub_galery {display:flex;flex-wrap:wrap;width:100%}
#serv_sub .cont .basic_sub_galery .head_3 {margin:10px 0;text-align:center}

#ref_cont {display:flex;flex-wrap:wrap;box-sizing:border-box;padding:60px 12% 50px 12%}
#ref.sub_page_template .cont .sub_page_cont, #serv_sub .cont .basic_sub_galery .img_box {width:calc(33.3333% - 14px);margin:0 20px 50px 0;padding:0;background-color:transparent!important}
#ref.sub_page_template .cont .sub_page_cont:nth-of-type(3n), #serv_sub .cont .basic_sub_galery .img_box:nth-of-type(3n){margin:0 0 50px 0}
#ref_cont .picture {margin-bottom:20px;height:18vw;}
#ref_cont .picture a {height:100%}
#ref_cont .picture img {width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:300ms}
#ref_cont .picture img:hover {filter:none}
#ref_cont .head_3 {margin-bottom:15px} 

.algal{display:flex;flex-wrap:wrap;}
.algal .img_box{width:100%;margin:20px 0 0 0}
.algal .img_box:not(.keskeny){position:relative;margin-top:40px}	
.algal .img_box:not(.keskeny) img{margin:0 auto}
.algal .img_box.keskeny	{width:calc(50% - 10px);margin:40px 20px 0 0;max-height:20vw;overflow:hidden;display:flex;align-items:center;justify-content:center}
.algal .img_box.keskeny a{width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.algal .img_box.keskeny img { min-height: 100%;object-fit: cover;}
.algal .img_box.keskeny:nth-of-type(2n){margin:40px 0 0 0}

#footer_bottom * {color:#fff}
#page_button {width:100%}
#gal_cont {width:100%}

.blog_list .tops {display:flex;flex-wrap:wrap;}
.blog_list .tops .head {width:100%}
.blog_list .tops .top_text {width:calc(100% - 180px)}
.blog_list .tops #search {margin:0 0 20px auto}

.altalanos,.galeria{padding:120px 100px 100px;box-sizing:border-box;width:100%}
#adatvedelem h2{text-transform:lowercase;font-size:30px;line-height:28px;font-weight:800}
.altalanos h1{font-size:30px;line-height:28px;font-weight:800;margin-bottom:30px}
#adatvedelem .down{margin-bottom:50px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
#adatvedelem .down.nyitva img{transform:rotate(180deg)}
.altalanos .pdf{margin-top:30px}
.altalanos .pdf a{font-size:18px;font-weight:600;color:#1730FF;text-decoration:underline}
.altalanos .text{margin-bottom:50px}
.galeria .simple_gal{display:grid;grid-gap:10px;grid-template-columns:repeat(4,calc((100% - 30px) / 4));grid-auto-rows:280px;grid-auto-flow:dense}
.galeria .simple_gal .img_box{width:100%;max-width:100%;grid-row:span 1;box-sizing:border-box;overflow:hidden;justify-self:stretch;align-self:stretch}
.galeria .simple_gal .img_box img{display:block;width:100%;height:100%;object-fit:cover}
.galeria h1{font-size:30px;font-weight:800;margin-bottom:30px}

#subpage{width:100%;box-sizing:border-box;padding:50px 12% 70px 12%;}
.sub_page_template #header_data {display:block;}
.sub_page_template #header_data p {margin:0 0 10px 0}
.sub_page_template #header_data * {color:#000}
.sub_page_template #header_data img {width:30px;height:24px;object-fit:contain;}
.tops .head {margin-bottom:20px;}
.tops .top_text {margin-bottom:20px;}
#req #cont {display:flex;flex-wrap:wrap;box-sizing:border-box;padding:40px 12% 50px 12%;}
#req .basic_cont {width:65%;box-sizing:border-box;padding:30px 40px 30px 0}
#req .basic_cont:nth-of-type(2n) {width:35%;padding: 30px 40px;background-color:#F5F5F5;}
#req .basic_cont img {transition:300ms}
#req .basic_cont .main_pic_block, #req .basic_cont .text {margin-bottom:20px;}
#req .basic_cont .main_pic_block.gray img {filter:grayscale(1);}
#req .basic_cont .main_pic_block.gray img:hover {filter:none;}
#req #ajanl form {max-width:100%!important}

#termekek_oldal {width:100%;box-sizing:border-box;padding:50px 12%}
#termekek_oldal .talalat_oldal_block {width: 100%;display: flex;flex-wrap: wrap}
#termekek_oldal .talalat_oldal_box {width: calc(33.3333% - 14px);margin: 0 20px 50px 0}
#termekek_oldal .talalat_oldal_box:nth-of-type(3n) {margin: 0 0 50px 0}
#termekek_oldal .head_3 {margin-bottom: 15px}


@media only screen
and (min-width : 1921px){
#header_top {  padding: 30px 240px;}
#header_fix {  padding: 10px 240px 10px 240px;}
.s_head {font-size:70px;}
#ref_cont .picture {height:345px;}
.algal .img_box.keskeny {height:380px}
#blog_main .slick-arrow {top: 210px;bottom:auto}

}

@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) {
.s_head {font-size: 50px;}
header #header_data { flex-wrap: wrap;}
header #header_data a, header #header_data p {width: calc(23% - 20px);}
header #header_data a:first-of-type{width:calc(30% - 20px)}
#header_fix {padding: 10px 5% 10px 5%;}
}
@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) {
#main {margin-top: 75px;}
header {position: fixed;transition: 300ms;z-index: 10;display: flex;transition:300ms;background:#fff;top:0}
header.keskeny {}
header #bread {display:none}
#header_fix {  width: 80px;padding: 10px 20px;}
#header_fix.fixed-nav-element {position:relative}
#header_top { padding: 20px 20px;}
#main_menu_toggle_wrapper{display:flex}
#main_menu.horizontal{width:480px;max-width:100%;height:100vh;height:calc(100vh - 80px);box-sizing:border-box;position:fixed;right:-100vw;top:80px;background:#000;transition:300ms;margin:0}
#main_menu.horizontal::-webkit-scrollbar{display: none;}
#main_menu.horizontal .level_1:hover {border-color: transparent;}
.keskeny #main_menu.horizontal{}
#main_menu.horizontal.close{right:0}
#main_menu.horizontal .menu_level_1{width:100%;height:100%;display:block;flex-wrap:wrap;box-sizing: border-box;padding: 50px 10%;overflow-y:auto;}
#main_menu.horizontal .level_1, .keskeny #main_menu.horizontal .level_1, #main_menu.horizontal .level_2{color:#fff;font-size: 36px;line-height:36px;text-align:center;padding: 20px 5px;}
#main_menu.horizontal .menu_block_level_1{width:100%;margin:0;align-items:center;flex-wrap:wrap;transition:300ms}	
#main_menu.horizontal .menu_block_level_1::after{display:none}
#main_menu.horizontal .menu_block_level_1 a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0}
#main_menu.horizontal .menu_level_2{width: 100%;min-width: 100%;padding:0;display: flex!important;position: relative;top: 0;opacity: 1;justify-content: center;z-index: 1;background: transparent;}
#main_menu.horizontal .menu_level_2_block {width: 100%;}
#slider .slick-dots {left: calc(12% + 50px);}
.slider_social {right: calc(12% + 50px);}
#slider .img_descr { padding: 80px 12% 10px 12%;}
#serv_main .basic_sub_galery .img_box {width:calc(16.666% - 15px);margin:0 10px 20px 0;overflow:hidden}
#serv_main .basic_sub_galery .img_box:nth-of-type(10n){margin:0 10px 20px 0;}
#serv_main .basic_sub_galery .img_box:nth-of-type(6n){margin:0  20px 0;}
#ref_main #content {padding: 0;}
#ref_main #content .next-arrow {right: -60px;}
#ref_main #content .prev-arrow {left: -60px;}
#footer_top .f_right {width: 100%;margin: 20px 0 0 0;}
.szolg_menu { padding: 25px 0 30px 0;}
#footer_last {padding: 20px 0 0 0;}
#serv_sub .cont .verti {padding:0;}
.sub_page_template .cont .sub_page_cont {padding: 60px 12% 40px 12%;}
#kapcsolat .sub_page_content.sub.clist {padding: 0 ;}
.blog_page .blog_block_body {   padding: 50px 0 0;}
#footer_map {height:40vw}
#footer_map a {height:100%;}
#footer_map img {width:100%;height:100%;object-fit:cover}
}
@media only screen
and (max-width : 800px) {
#logo {width: auto;margin: 0 20px 0 0;height: 40px;}
header #header_data span {display:none}
header #header_data a, header #header_data p {width:max-content!important;}
header #header_data {justify-content: flex-end;}
header #header_data p img, header #header_data a img {margin: 0;}
#main_menu.horizontal {  height: calc(100vh - 75px); top: 75px;}
#main_menu.horizontal .level_1, .keskeny #main_menu.horizontal .level_1, #main_menu.horizontal .level_2 {   font-size: 30px;line-height: 30px; padding: 15px 5px;}
#header_data .oph {display:none}
#slider .owl_box {  height: calc(100vh - 50px);}
#slider .img_descr {padding: 80px 20px 10px 20px;bottom: 100px;}
.s_head {font-size: 35px;}
.slider_social {  bottom: 20px;right: 20px; }
.prev-arrow{left:20px;}
.next-arrow{right: 20px;}
#slider .slick-dots {bottom:50px; left: 20px;max-width: 100%;width: calc(100% - 40px);justify-content: center;}
.head {font-size: 40px;}
#serv_main .head, #serv_main .text { padding: 0 20px 30px 20px;}
#about_main, #why, #ref_main, #blog_main, #kapcsolat .sub_page_content, #footer_bottom, #kapcsolat.subp, #gyik { padding: 40px 20px;}
#about_main .basic_cont {width: 100%;}
#about_main .basic_cont:nth-of-type(2n) {padding: 40px 0 20px 0;}
#ref_main #content .next-arrow, #bcont .next-arrow {right: calc(50% - 70px);}
#ref_main #content .prev-arrow, #bcont .prev-arrow {left: calc(50% - 70px);}
#ref_main #content .slick-arrow {top: -20px;bottom:auto}
#bcont .slick-arrow {top: -40px;bottom:auto}
#ref_main #content {padding: 20px 0 0 0;}
#bcont {padding-top:20px}
#blog_main .tops .top_text {width: calc(100% - 200px)}
#f_subs {padding:10px 20px}
.sub_page_template .first {  height: calc(100vh - 50px);}
.sub_page_template .first .descr {padding: 40px 20px 40px 30px;}
#serv_sub .cont {padding: 40px 20px 30px 20px;}
.sub_page_template .cont .sub_page_cont.two {  padding: 40px 20px 40px 20px;}
.sub_page_template .cont .sub_page_cont {padding: 40px 20px 30px 20px;}
#ref_cont, #req #cont {   padding: 40px 20px 40px 20px;}
.blog_list .content, .blog_page, #termekek_oldal{ padding: 20px 20px 50px 20px;}

.sub_page_template .first.hgt {height: 50vh;}
#req .basic_cont {width: 100%;  padding: 30px 0 30px 0;}
#req .basic_cont:nth-of-type(2n) {width: 65%;  margin: 0 auto;}
#ref.sub_page_template .cont .sub_page_cont, #serv_sub .cont .basic_sub_galery .img_box, .blog_list article, #termekek_oldal .talalat_oldal_box {width:calc(50% - 10px);}
#ref.sub_page_template .cont .sub_page_cont:nth-of-type(3n), #serv_sub .cont .basic_sub_galery .img_box:nth-of-type(3n), .blog_list article:nth-of-type(3n), #termekek_oldal .talalat_oldal_box:nth-of-type(3n) {margin:0 20px 50px 0}
#ref.sub_page_template .cont .sub_page_cont:nth-of-type(2n), #serv_sub .cont .basic_sub_galery .img_box:nth-of-type(2n), .blog_list article:nth-of-type(2n), #termekek_oldal .talalat_oldal_box:nth-of-type(2n) {margin:0 0 50px 0}
#ref_cont .picture, .blog_block_head {height:35vw;}
#kapcsolat .sub_page_content.norm {width: 100%;margin: 30px 0 0 0!important;}
.sub_page_template .first .head_2 {font-size:35px}
}


@media only screen
and (max-width : 800px)
and (min-width : 481px) {
}
@media only screen
and (max-width : 601px) {
.main_block:not(#footer_1) {opacity:0;-moz-transition:all 700ms ease-out;-webkit-transition:all 700ms ease-out;-o-transition:all 700ms ease-out;transition:all 700ms ease-out;-moz-transform:translate3d(0px,50px,0px);-webkit-transform:translate3d(0px,50px,0px);-o-transform:translate(0px,50px);-ms-transform:translate(0px,50px);transform:translate3d(0px,50px,0px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
#main {margin-top: 55px;}
#main_menu_toggle_wrapper {height: 35px;}
#main_menu.horizontal {  height: calc(100vh - 55px); top: 55px;}
#header_top {padding: 10px 20px 5px 20px ;}
#why .cont .basic_cont  {width: calc(50% - 10px);}
#why .cont .basic_cont:nth-of-type(2n) {margin: 0 0 50px 0}
#serv_main .basic_sub_galery .img_box {width:calc(33.333% - 7px);}
#serv_main .basic_sub_galery .img_box:nth-of-type(6n){margin:0 10px 20px 0;}
#serv_main .basic_sub_galery .img_box:nth-of-type(3n){margin:0 0 20px 0;}
#site_top .head {width: 100%;}
.sub_page_template .cont .sub_page_cont.two {display: block;}
.sub_page_template .cont .sub_page_cont .main_pic_block {margin-bottom: 25px;}
.input_block {   width: 100%;margin: 0 0 20px 0;}
.unique_select {  width: 100%;margin: 0 0 20px 0; }
.dub_form .input_block.textarea_block {width: 100%;}
.dub_form textarea {height: 100px;}
.form_bottom_box_button { flex-wrap: wrap;}
#f_subs {flex-wrap: wrap;}
#f_subs input, #f_subs p {margin: 0 auto 5px auto;}
#serv_sub .cont.black .line .box {width:100%;margin:0 0 30px 0!important;}
.sub_page_template .first {height: auto;}
.sub_page_template .basic_sub_galery, .sub_page_template .first .main_pic_block {width: 100%;height: 50vh;}
.sub_page_template .first .descr {padding: 40px 20px 40px 20px;width: 100%;}
.sub_page_template .first.hgt {height: auto;}
.sub_page_template .first .main_pic_block {height: 30vh;}
.sub_page_template .basic_sub_galery img, #serv_sub .basic_sub_galery video {object-fit: contain}
#blog_main .tops .head, #blog_main .tops .top_text {width: 100%;}
#footer_top .f_right {flex-wrap: wrap;}
#footer_top #basic_info {width: 100%;}
#basic_info div {width: calc(50% - 5px);padding: 0 0 20px 0;margin: 0 10px 0 0;}
#basic_info div:nth-of-type(2n) {margin:0}
#footer_social { width: 100%;  margin: 20px 0 0 0;justify-content: flex-start;}

#fsz_menu .menu_level_1 {display:grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(5, auto);grid-column-gap: 10px;grid-row-gap: 20px;}
#fsz_menu .menu_block_level_1:nth-of-type(1) { grid-area: 1 / 1 / 3 / 2; }
#fsz_menu .menu_block_level_1:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
#fsz_menu .menu_block_level_1:nth-of-type(3){ grid-area: 2 / 2 / 3 / 3; }
#fsz_menu .menu_block_level_1:nth-of-type(4) { grid-area: 1 / 3 / 2 / 4; }
#fsz_menu .menu_block_level_1:nth-of-type(5) { grid-area: 2 / 3 / 3 / 4; }
#fsz_menu .menu_block_level_1:nth-of-type(6) { grid-area: 3 / 1 / 4 / 2; }
#fsz_menu .menu_block_level_1:nth-of-type(7) { grid-area: 3 / 2 / 4 / 3; }
#fsz_menu .menu_block_level_1:nth-of-type(8) { grid-area: 3 / 3 / 4 / 4; }
#fsz_menu .menu_block_level_1:nth-of-type(9) { grid-area: 4 / 1 / 5 / 2; }
.blog_list .tops .top_text {width:100%;margin-bottom:10px}
}
@media only screen
and (max-width : 480px) {
#logo {  height: 45px;}
#logo img {width: 100%;height: 100%;object-fit: contain;}	
.slider_social {top: calc(100vh - 135px);bottom: auto;right: 0;left: 0;margin: 0 auto;width: fit-content;}
.slick-arrow {bottom: 5px;}
#slider .slick-dots {position: relative;bottom: auto;left: auto;max-width: 100%;width: 100%;margin-top:20px}
#slider .slick-dots button, #slider .slick-dots button a {color:#000;}


#slider .owl_box {  height: calc(100vh - 100px);}
#slider .img_descr {  padding: 80px 20px 10px 20px;bottom: 50px;}
.s_head, .head {font-size: 30px;}
.head_2 {font-size: 28px;}
#site_top .default_button {margin: 10px 0;}
#ref_cont .picture, .blog_block_head {height: 65vw;}
#footer_end {width: 100%;    padding: 0 0 20px 0;text-align:center}
#footer_menu {width: 100%;}
#footer_menu ul { justify-content: center;}
#ref.sub_page_template .cont .sub_page_cont, #serv_sub .cont .basic_sub_galery .img_box, .blog_list article, #termekek_oldal .talalat_oldal_box  {width: 100%;margin: 0 0 50px 0!important;}
#req .basic_cont:nth-of-type(2n) {width: 100%;}
#blog_main .tops .buttons {max-width:100%;margin: 0; justify-content: flex-start;}
.blog_list .tops #search {margin: 0 0 20px 0;}
}
@media only screen
and (max-width : 400px) {.head_4 {font-size: 13px;}
#fsz_menu h5 {font-size: 12px;}
header #header_data p, header #header_data a {margin: 0 0 0 10px;}
#logo { margin: 0 10px 0 0;}
}
@media only screen
and (max-width : 350px) {
}
@media only screen
and (min-width : 1025px)
and (max-height : 660px)
and (min-height : 530px) {
}