/* Theme Name: 360 Marketing Theme URI: https://360-marketing.hu Description: A 360 Marketing weboldalának alapértelmezett sablonja Author: 360 Marketing Author URI: https://360-marketing.hu Version: 1.0 */ *{ margin: 0; border: 0; padding: 0; flex-wrap: wrap; text-decoration: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :root { --color-blue: #287faa; --color-dark: #042532; --color-purple: #6c1b9e; --color-silver: #f6f6f6; --color-silver-line: #e2e2e2; --color-blue-a10: rgba(255 24 70 / 10%); } body { padding-top: 80px; font-family: 'Poppins', sans-serif; font-size: 16px; color: var(--color-dark); line-height: 26px; overflow-x: hidden; } body.rwd_menu__opened { overflow: hidden; } body.page-template-packages { background: var(--color-silver); } body.fixed_header.scroll_up { padding-top: 200px; } textarea, input, select, button, code { font-family: 'Poppins', sans-serif; font-size: 16px; outline: none; } h1, h2, h3, h4 { font-weight: normal; line-height: 100%; } hr { margin: 30px 0; border-top: 5px solid #efefed; } hr.white { border-top-color: rgba(255,255,255,0.2); } /* Classes */ .left { float: left; } .right { float: right; } .clear { clear: both; } .inner { max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; } .inner_900 { max-width: 900px; } .inner_800 { max-width: 800px; } .inner_640 { max-width: 640px; } .alignleft { margin: 0 20px 5px 0; float: left; } .alignright { margin: 0 0 5px 20px; float: right; } .aligncenter { margin: 0 auto 20px auto; display: block; } .vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .uppercase { text-transform: uppercase; } .center { text-align: center; } .hide { display: none !important; } .red { color: #ff0000; } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sec_font { font-family: 'Barlow Condensed', sans-serif; } .has_texture { background: url(images/testimonials/texture.png) no-repeat center -100px; } /* Cols */ .row { font-size: 0; } .row > .col { font-size: 16px; vertical-align: top; display: inline-block; } .row > .col_50 { width: 50%; } .row > .col_33 { width: 33.3333333333%; } .row > .col_25 { width: 25%; } .row.row_table { width: 100%; display: table; table-layout: fixed; } .row.row_table > .col { display: table-cell; } /* Animation */ .anim, #services_menu .inner > ul > li > ul.sub-menu, .webshopPackagesWrapper:before { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #content code:before, #content h5:before { -webkit-transition: 7s; -moz-transition: 7s; -o-transition: 7s; transition: 7s; } .anim_cubic { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } /* Button */ .button { height: 50px; padding: 0 35px; font-family: 'Poppins', sans-serif; font-size: 16px !important; font-weight: 700; text-transform: uppercase; text-decoration: none !important; text-align: center; color: white !important; line-height: 50px; background-color: var(--color-blue); display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .button:hover { background: #282724; } .button:disabled { color: white; background: #ccc; } .button.button_small { height: 40px; padding: 0 20px; line-height: 40px; } .button.button_white { color: var(--color-dark) !important; background-color: white; } .button.button_white:hover { color: white !important; background-color: var(--color-blue); } .button.button_white_hover:hover { color: var(--color-dark) !important; background-color: white; } .button.button_blue { color: var(--color-dark) !important; background-color: white; } .button.button_blue:hover { color: white !important; background-color: var(--color-blue); } .button.button_green { background: -moz-linear-gradient(14.15deg, #25CE16 17.65%, #16CE74 83.13%); background: -webkit-linear-gradient(14.15deg, #25CE16 17.65%, #16CE74 83.13%); background: linear-gradient(14.15deg, #25CE16 17.65%, #16CE74 83.13%); } .button.button_gradient { background: -moz-linear-gradient(40.89deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); background: -webkit-linear-gradient(40.89deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); background: linear-gradient(40.89deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); } .button.button_has_icon { padding-left: 45px; background-repeat: no-repeat; background-position: 25px center; background-size: auto 16px; } .button.button_has_shadow { -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25); box-shadow: 0 2px 3px rgba(0,0,0,0.25); } .button.button_has_shadow.button_white:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .button.button_fullwidth { height: auto; padding: 14px 10px; line-height: 20px; display: block; } .button.button_blue { color: white !important; background: var(--color-blue); box-shadow: 0 2px 3px rgba(0 0 0 / 15%); } .button.button_blue:hover { background: var(--color-dark); } .button h4 { margin-bottom: 0 !important; font-size: 16px !important; line-height: 50px !important; } /* Progress bar */ .progress-bar { width: 100%; height: 4px; margin: -4px 0 0 0; display: block; position: absolute; z-index: 1000; opacity: 0; transition: opacity .25s ease; } .progress-amt { top: 0; left: 0; bottom: 0; background-color: #16CE74; position: absolute; transition: width .3s linear; } /* Checkbox and radio */ #content input[type="checkbox"], #content input[type="radio"] { width: 24px; height: 24px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid #828282; clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; vertical-align: middle !important; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } #content input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content input[type="radio"]:checked:before { width: 14px; height: 14px; left: 4px; top: 4px; text-align: center; background: var(--color-blue); position: relative; border-radius: 8px; display: block; content: ''; } #content input[type="checkbox"]:checked:before { width: 14px; height: 14px; left: 4px; top: 4px; text-align: center; background: var(--color-blue); position: relative; display: block; content: ''; } /* ------------- MODAL ------------- */ .white-popup { width: auto; max-width: 340px; margin: 20px auto; padding: 20px; background: white; position: relative; } .white-popup.exitpopup { max-width: 570px; padding: 50px; -moz-linear-gradient(121.14deg, #7720AD 12.17%, #3F0861 83.65%); background: -webkit-linear-gradient(121.14deg, #7720AD 12.17%, #3F0861 83.65%); background: linear-gradient(121.14deg, #7720AD 12.17%, #3F0861 83.65%); -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.25); box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .white-popup.exitpopup .mfp-close { color: white; } .white-popup.exitpopup .title { margin-bottom: 20px; font-size: 50px; font-weight: 700; color: white; line-height: 56px; text-shadow: 0 2px 3px rgba(0,0,0,0.25); } .white-popup.exitpopup .subtitle { margin-bottom: 30px; font-size: 20px; -moz-linear-gradient(12.53deg, #FFC700 17.65%, #FD7900 83.13%); background: -webkit-linear-gradient(12.53deg, #FFC700 17.65%, #FD7900 83.13%); background: linear-gradient(12.53deg, #FFC700 17.65%, #FD7900 83.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .white-popup.exitpopup .add_text { font-weight: 700; color: white; } .white-popup.exitpopup .mailster-form .mailster-wrapper { margin-bottom: 10px; } .white-popup.exitpopup .mailster-form .mailster-email-wrapper input, .white-popup.exitpopup .mailster-form .mailster-firstname-wrapper input, .white-popup.exitpopup .mailster-form .mailster-lastname-wrapper input { width: 100%; height: 50px; padding-left: 15px; color: white; background: #360951; border: 1px solid #a420bb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; } .white-popup.exitpopup .mailster-form .mailster-email-wrapper.error input, .white-popup.exitpopup .mailster-form .mailster-firstname-wrapper.error input, .white-popup.exitpopup .mailster-form .mailster-lastname-wrapper.error input { border-color: var(--color-blue); } .white-popup.exitpopup .mailster-form .mailster-adatkezelesi-tajkoztato-wrapper { margin-bottom: 20px; } .white-popup.exitpopup .mailster-form .mailster-adatkezelesi-tajkoztato-wrapper label { font-size: 15px; color: white; line-height: 24px; } .white-popup.exitpopup .mailster-form .mailster-adatkezelesi-tajkoztato-wrapper input { outline: none; } .white-popup.exitpopup .mailster-form .mailster-submit-wrapper { text-align: center; } .white-popup.exitpopup .mailster-form .mailster-submit-wrapper input { color: var(--color-dark) !important; background: white; } .white-popup.exitpopup .mailster-form .mailster-form-info { font-size: 14px; line-height: 20px; } .white-popup.exitpopup .mailster-form .mailster-form-info p { margin-bottom: 10px; font-weight: 700; } .white-popup.exitpopup .mailster-form .mailster-form-info.error { background: var(--color-blue); } /* -------------- COOKIE -------------- */ #cookie { width: 100%; left: 0; bottom: 0; padding: 24px 240px 24px 30px; background: white; line-height: 1.5; position: fixed; z-index: 100; -moz-box-shadow: 0 -6px 12px rgba(0,0,0,0.17); -webkit-box-shadow: 0 -6px 12px rgba(0,0,0,0.17); box-shadow: 0 -6px 12px rgba(0,0,0,0.17); visibility: hidden; opacity: 0; } #cookie a { color: var(--color-blue); } #cookie a:hover { text-decoration: underline; } #cookie .small { font-size: 12px; color: #aaa; } #cookie .accept { top: 20px; right: 30px; position: absolute; } body.cookie_panel #cookie { visibility: visible; opacity: 1; } #cookie-law-info-bar .cli_settings_button { font-weight: 700; text-decoration: underline; } #cookie-law-info-bar .medium.cli-plugin-button { display: block !important; } /* ------------------- NAVIGATION ------------------- */ #rwd_menu { width: 100%; right: -100%; top: 80px; bottom: 0; font-size: 17px; background: var(--color-blue); position: fixed; z-index: 100; overflow: auto; } #rwd_menu label { font-size: 13px; color: #c1a063; display: block; } #rwd_menu select { min-width: 60px; height: 40px; color: white; background: #a3a3a3; } /* Menu */ #rwd_menu .menu ul li { position: relative; } #rwd_menu .menu ul li.hide_in_rwd { display: none; } #rwd_menu .menu ul li a { color: white; display: block; } /* Primary menu */ #rwd_menu ul.menu.primary_menu { list-style: none; } #rwd_menu ul.menu.primary_menu li { border-bottom: 1px solid rgba(255 255 255 / 10%); list-style: none; } #rwd_menu ul.menu.primary_menu li.menu-item-has-children.open { background: rgba(0 0 0 / 5%); } #rwd_menu ul.menu.primary_menu li a { padding: 15px 20px; font-size: 20px; color: white; line-height: 18px; display: block; position: relative; } #rwd_menu ul.menu.primary_menu li.menu-item-has-children > a:after { width: 16px; height: 16px; right: 20px; top: calc(50% - 8px); background: url(images/icon_arrow_down_white.svg) no-repeat right center; background-size: 100% auto; position: absolute; content: ''; } #rwd_menu ul.menu.primary_menu li.menu-item-has-children.open > a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #rwd_menu ul.menu.primary_menu li ul { background: white; display: none; } #rwd_menu ul.menu.primary_menu li ul li { border-bottom-color: #eee; } #rwd_menu ul.menu.primary_menu li ul li a { font-size: 16px; color: #000; line-height: 20px; } #rwd_menu ul.menu.primary_menu li ul li.menu-item-has-children { padding-top: 0 !important; padding-bottom: 0 !important; } #rwd_menu ul.menu.primary_menu li ul li.menu-item-has-children > a { padding-right: 20px; background: url(images/icon_arrow_down_red.svg) no-repeat right center; background-size: auto 8px; } #rwd_menu ul.menu.primary_menu li ul li.menu-item-has-children.open > a { color: var(--color-blue); background-image: url(images/icon_arrow_up_red.svg); } #rwd_menu ul.menu.primary_menu li ul li ul li a { } #rwd_menu ul.menu.primary_menu li ul li ul li a:hover { text-decoration: underline; } /* Contact */ #rwd_menu .contact { padding: 30px; color: var(--color-dark); background: white; } #rwd_menu .contact .title { margin-bottom: 15px; font-size: 20px; line-height: 1; } #rwd_menu .contact .contact_wrapper { margin: 15px 0; } #rwd_menu .contact .button svg { width: auto; height: 16px; margin-bottom: 4px; margin-right: 2px; vertical-align: middle; fill: var(--color-dark); } #rwd_menu .contact .button:hover svg { fill: white; } body.rwd_menu__opened #rwd_menu { right: 0; } /* --------------- HEADER --------------- */ #header { width: 100%; height: 80px; left: 0; top: 0; background: var(--color-silver); border-bottom: 1px solid var(--color-silver-line); position: fixed; z-index: 100; } #header .inner { height: 100%; } /* Logo */ #header .logo { width: 180px; height: 26px; left: 0; display: block; position: absolute; z-index: 3; } #header .logo img { width: auto; height: 100%; display: block; } /* Menu */ #header ul.menu { right: 0; display: flex; align-items: center; align-content: center; justify-content: end; position: absolute; list-style: none; } #header ul.menu li { margin: 0 20px; } #header ul.menu li:last-child { margin-right: 0; } #header ul.menu li a { height: 20px; font-size: 16px; color: var(--color-dark); line-height: 20px; display: block; } #header ul.menu li a:hover { text-decoration: underline; } #header ul.menu li.current-menu-item a, #header ul.menu li.current_page_item a { font-weight: 700; color: var(--color-blue); } /* English site */ #header ul.menu li.menu-item-2705 a { width: 50px; height: 50px; font-size: 0; background: white url(images/flag_en.svg) no-repeat center; background-size: 22px auto; border: 2px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #header ul.menu li.menu-item-2705 a:hover { border-color: var(--color-blue); } /* RWD button */ #header .rwd_button { width: 50px; height: 50px; right: 20px; top: 15px; background: transparent; position: absolute; cursor: pointer; z-index: 2; } #header .rwd_button .burg { width: 30px; height: 2px; left: 10px; top: 50%; background: var(--color-dark); display: block; position: absolute; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before, #header .rwd_button .burg:after { width: 30px; height: 2px; background: var(--color-dark); position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before { top: -8px; left: 0; } #header .rwd_button .burg:after { top: 8px; right: 0; } body.rwd_menu__opened #header .rwd_button .burg { background: transparent; } body.rwd_menu__opened #header .rwd_button .burg:before { top: 0; -webkit-transform: rotate(45deg); } body.rwd_menu__opened #header .rwd_button .burg:after { top: 0; -webkit-transform: rotate(-45deg); } /* --------------------- SERVICES MENU --------------------- */ #services_menu { height: 120px; background: white; border-bottom: 1px solid var(--color-silver-line); } #services_menu .inner, #services_menu .left, #services_menu .right { height: 100%; } #services_menu .page_post_title { left: 0; font-size: 18px; color: var(--color-dark); position: absolute; } #services_menu .breadcrumb { font-size: 16px; color: var(--color-dark); } #services_menu .breadcrumb a { color: var(--color-blue); } #services_menu .breadcrumb a:hover { text-decoration: underline; } #services_menu ul { height: 100%; display: flex; justify-content: space-between; list-style: none; } #services_menu ul > li { height: 100%; margin: 0 40px; padding-top: 23px; position: relative; } #services_menu ul > li > a { height: 74px; padding-top: 50px; font-size: 16px; color: var(--color-dark); background-repeat: no-repeat; background-position: center top; display: block; } #services_menu ul > li:hover > a { color: var(--color-purple); } #services_menu ul > li > a { min-width: 40px; background-image: url(images/icon_strategy.svg); background-size: auto 40px; } #services_menu ul > li:hover > a { background-image: url(images/icon_strategy_hover.svg); } #services_menu ul > li.menu-item-17 > a { background-image: url(images/icon_web.svg); background-position: center 4px; background-size: auto 32px; } #services_menu ul > li.menu-item-17:hover > a { background-image: url(images/icon_web_hover.svg); } #services_menu ul > li.menu-item-18 > a { background-image: url(images/icon_seo.svg); } #services_menu ul > li.menu-item-18:hover > a { background-image: url(images/icon_seo_hover.svg); } #services_menu ul > li.menu-item-229 > a { background-image: url(images/icon_education.svg); } #services_menu ul > li.menu-item-229:hover > a { background-image: url(images/icon_education_hover.svg); } #services_menu ul > li.menu-item-2134 > a { background-image: url(images/icon_marketing_packages.svg); } #services_menu ul > li.menu-item-2134:hover > a { background-image: url(images/icon_marketing_packages_hover.svg); } #services_menu ul > li > ul.sub-menu { width: 250px; height: auto; left: 50%; top: 100%; margin-left: -125px; text-align: center; background: white; border: 1px solid #e4e4e4; display: block; position: absolute; z-index: 99; opacity: 0; visibility: hidden; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.25); box-shadow: 0 6px 12px rgba(0,0,0,0.25); } #services_menu ul > li > ul.sub-menu:after, #services_menu .inner > ul > li > ul.sub-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; } #services_menu ul > li > ul.sub-menu:after { border-color: rgba(255,255,255,0); border-bottom-color: white; border-width: 10px; margin-left: -10px; } #services_menu ul > li > ul.sub-menu:before { border-color: rgba(228,228,228,0); border-bottom-color: #e4e4e4; border-width: 11px; margin-left: -11px; } #services_menu ul > li > ul.sub-menu li { height: auto; margin: 0; padding-top: 0; display: block; } #services_menu ul > li > ul.sub-menu li a { height: auto; margin-bottom: 0; padding: 10px; font-size: 15px; color: var(--color-dark); line-height: 20px; background: none !important; display: block; cursor: pointer; } #services_menu ul > li > ul.sub-menu li a:hover { text-decoration: underline; } #services_menu ul > li > ul.sub-menu li.menu-item-has-children > a { padding-right: 18px; background: url(images/icon_arrow_down.svg) no-repeat right center !important; background-size: auto 7px; position: relative; } #services_menu ul > li > ul.sub-menu li.menu-item-has-children.open > a { font-weight: 700; color: var(--color-blue); background-image: url(images/icon_arrow_down_red.svg) !important; } #services_menu ul > li:hover > ul.sub-menu { top: 95%; opacity: 1; visibility: visible; } #services_menu ul > li > ul.sub-menu li > ul { width: 100%; left: auto; top: auto; margin-left: 0; background: var(--color-blue); border: none; display: none; position: relative; opacity: 1; visibility: visible; } #services_menu ul > li > ul.sub-menu li > ul > li > a { font-size: 16px; color: white; } /* Scroll up hook */ body.fixed_header.scroll_up #services_menu { width: 100%; left: 0; top: 80px; position: fixed; z-index: 9; } /* ------------- SLIDE ------------- */ #slide { height: 780px; background-image: url(images/slider/bgr.webp); background-image: -webkit-image-set(url(images/slider/bgr.webp) 1x); background-image: image-set(url(images/slider/bgr.png) 1x); background-repeat: no-repeat; background-position: center top; position: relative; } #slide .slide_wrapper { width: 100%; height: 100%; left: 0; top: 0; position: absolute; overflow: hidden; } #slide .slide_wrapper:before { width: 300px; height: 300px; right: 10%; top: -100px; background: #7720AD; background: -moz-linear-gradient(127.09deg, #7720AD 12.17%, #3F0861 83.65%); background: -webkit-linear-gradient(127.09deg, #7720AD 12.17%,#3F0861 83.65%); background: linear-gradient(127.09deg, #7720AD 12.17%,#3F0861 83.65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7720AD', endColorstr='#3F0861',GradientType=1 ); position: absolute; box-shadow: 0px 4px 16px rgba(0,0,0,0.25); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; z-index: 2; } #slide .inner { height: 100%; } #slide .content { max-width: 50%; padding-bottom: 150px; color: white; position: relative; z-index: 3; } #slide .content .text { font-size: 16px; line-height: 26px; } #slide .content .text h1 { margin-bottom: 15px; font-size: 40px; line-height: 50px; text-shadow: 0px 2px 3px rgba(0,0,0,0.25); } #slide .content .text h1 strong { font-weight: 700; } /* Social icons */ #slide .content .social_icons { margin-top: 30px; display: flex; } #slide .content .social_icons .social_icon { margin-right: 20px; font-size: 12px; font-weight: 700; vertical-align: top; display: inline-block; } #slide .content .social_icons .social_icon img { width: auto; height: 40px; margin-bottom: 10px; display: inline-block; } #slide .content .social_icons .social_icon h2 { font-size: 14px; line-height: 16px; } /* Chart */ #slide .big_chart { width: 50%; max-width: 840px; height: auto; right: 0; top: 60px; position: absolute; } #slide .mobile_small { max-width: 100%; height: auto; margin: auto; display: block; } /* ---------------- ABOUT US ---------------- */ #aboutus { padding: 50px 0; } #aboutus h2 { margin-bottom: 20px; font-size: 35px; } #aboutus .aboutus_top_text { margin-bottom: 30px; } #aboutus .aboutus_top_text .col { padding-right: 20px; } #aboutus .aboutus_bottom_text { margin-bottom: 30px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; } /* --------------- TRAPEZE --------------- */ .trapeze { max-width: 1500px; max-height: 560px; margin: 0 auto 50px; font-size: 20px; text-align: center; color: white; line-height: 30px; background: url(images/bgr_trapeze_purple.svg) no-repeat center; background-size: 100% auto; position: relative; } .trapeze:before { padding-top: 38%; display: block; content: ''; } .trapeze .trapeze_wrap { width: 100%; height: 100%; left: 0; top: 0; padding: 0 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; position: absolute; } .trapeze h2, .trapeze h3 { width: 100%; margin-bottom: 10px; font-size: 40px; font-weight: 700; line-height: 120%; } .trapeze p { margin-bottom: 40px; } .trapeze p:last-child { margin-bottom: 0; } .trapeze .circle { position: absolute; content: ''; border-radius: 50%; } .trapeze .circle.circle_1 { width: 60px; height: 60px; left: 50px; bottom: 10%; background: white; box-shadow: 0 0 5px rgba(0 0 0 / 20%); } .trapeze .circle.circle_2 { width: 160px; height: 160px; right: 70px; bottom: -10%; background: linear-gradient(to right, rgba(127,32,172,1) 0%, rgba(249,61,22,1) 100%); } /* ------------------ QUICKLINKS ------------------ */ #quicklinks .quicklinks_wrap { text-align: center; display: flex; } #quicklinks .quicklinks_wrap .quicklink { width: 33.3333333333%; margin-bottom: 50px; text-align: left; vertical-align: top; display: inline-block; } #quicklinks .quicklinks_wrap .quicklink a { font-size: 16px; color: var(--color-dark); } #quicklinks .quicklinks_wrap .quicklink a:hover { color: var(--color-blue); } #quicklinks .quicklinks_wrap .quicklink h2 { margin-bottom: 20px; font-size: 20px; } #quicklinks .quicklinks_wrap .quicklink h2 a { font-size: 20px; } #quicklinks .quicklinks_wrap .quicklink ul { font-size: 14px; margin-left: 20px; } #quicklinks .quicklinks_wrap .quicklink ul li a { color: var(--color-dark); line-height: 26px; } #quicklinks .quicklinks_wrap .quicklink .icon { width: 95px; height: 95px; margin-bottom: 30px; background-color: var(--color-blue); background-repeat: no-repeat; background-position: center; background-size: auto 40px; position: relative; } #quicklinks .quicklinks_wrap .quicklink .icon:before { width: 180px; height: 180px; left: -32px; top: -52px; background: url(images/quicklinks/pattern.png) no-repeat center; background-size: 100%; position: absolute; content: ''; z-index: -1; } #quicklinks .quicklinks_wrap .quicklink:nth-child(2) .icon:before { left: -62px; top: -42px; } #quicklinks .quicklinks_wrap .quicklink:nth-child(3) .icon:before { left: -62px; top: -22px; } #quicklinks .quicklinks_wrap .quicklink.pageid-12 .icon { background-image: url(images/quicklinks/strategia_marketing.svg); } #quicklinks .quicklinks_wrap .quicklink.pageid-13 .icon { background-color: #25ce16; background-image: url(images/quicklinks/strategia_marketing.svg); } #quicklinks .quicklinks_wrap .quicklink.pageid-14 .icon { background-color: var(--color-purple); background-image: url(images/quicklinks/strategia_marketing.svg); } #quicklinks .quicklinks_wrap .quicklink.pageid-15 .icon { background-color: var(--color-purple); background-image: url(images/quicklinks/strategia_marketing.svg); } #quicklinks .quicklinks_wrap .quicklink.pageid-202 .icon { background-color: #ffc700; } #quicklinks .quicklinks_wrap .quicklink.pageid-5 .icon { background-image: url(images/quicklinks/oktatas.svg); } #quicklinks .quicklinks_wrap .quicklink.pageid-5 a:hover { color: var(--color-blue); } /* ------------------------- WANT TO KNOW MORE ------------------------- */ #want_to_know_more { height: 710px; color: white; background-image: url(images/want_to_know_more/bgr.webp); background-image: -webkit-image-set(url(images/want_to_know_more/bgr.webp) 1x); background-image: image-set(url(images/want_to_know_more/bgr.png) 1x); background-repeat: no-repeat; background-position: center; } #want_to_know_more .inner { height: 100%; } #want_to_know_more .text { font-size: 20px; line-height: 30px; } #want_to_know_more h3 { margin-bottom: 10px; font-size: 40px; font-weight: 700; color: white; line-height: 120%; } #want_to_know_more p { margin-bottom: 40px; } #want_to_know_more p:last-child { margin-bottom: 0; } /* --------------------- WHY CHOOSE US --------------------- */ #why_choose_us { padding: 50px 0; } #why_choose_us .chart { max-width: 100%; height: auto; margin: 0 auto 50px; display: block; } #why_choose_us .title { margin-bottom: 30px; font-size: 35px; line-height: 1.3; background: linear-gradient(13.63deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #why_choose_us .text { margin-bottom: 40px; } #why_choose_us .points { font-size: 0; } #why_choose_us .points .point { width: 25%; margin-bottom: 50px; padding: 0 10px; font-size: 16px; line-height: 20px; vertical-align: top; display: inline-block; } #why_choose_us .points .point h3 { margin-bottom: 20px; padding-left: 30px; font-size: 16px; font-weight: 700; line-height: 20px; display: inline-block; position: relative; } #why_choose_us .points .point h3:before { width: 20px; height: 20px; left: 0; top: 0; background: var(--color-blue); position: absolute; content: ''; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.25); box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #why_choose_us .points .point:nth-child(2) h3:before, #why_choose_us .points .point:nth-child(5) h3:before, #why_choose_us .points .point:nth-child(11) h3:before { background: -moz-linear-gradient(4.14deg, #FFC700 17.65%, #FD7900 83.13%); background: -webkit-linear-gradient(4.14deg, #FFC700 17.65%, #FD7900 83.13%); background: linear-gradient(4.14deg, #FFC700 17.65%, #FD7900 83.13%); } #why_choose_us .points .point:nth-child(3) h3:before, #why_choose_us .points .point:nth-child(9) h3:before { background: -moz-linear-gradient(57.8deg, #25CE16 17.65%, #16CE74 83.13%); background: -webkit-linear-gradient(57.8deg, #25CE16 17.65%, #16CE74 83.13%); background: linear-gradient(57.8deg, #25CE16 17.65%, #16CE74 83.13%); } #why_choose_us .points .point:nth-child(8) h3:before { background: -moz-linear-gradient(127.09deg, #7720AD 12.17%, #3F0861 83.65%); background: -webkit-linear-gradient(127.09deg, #7720AD 12.17%, #3F0861 83.65%); background: linear-gradient(127.09deg, #7720AD 12.17%, #3F0861 83.65%); } #why_choose_us .points .point:nth-child(4) h3:before, #why_choose_us .points .point:nth-child(6) h3:before, #why_choose_us .points .point:nth-child(12) h3:before { background: -moz-linear-gradient(79.61deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); background: -webkit-linear-gradient(79.61deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); background: linear-gradient(79.61deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); } /* Team cards */ .teams h1 { font-size: 40px; font-weight: 700; line-height: 120%; text-align: center; padding-bottom: 40px; color: var(--color-blue); } .teams .card-teams { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; margin-bottom: 80px; } @media (max-width: 768px) { .teams .card-teams { grid-template-columns: repeat(1, 1fr); } } .teams .card-teams .card-person { position: relative; border-radius: 15px; background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; overflow: hidden; padding-top: 30px; height: 100%; } .card-person:before { position: absolute; content: ''; left: 0px; top: 0px; width: 0px; height: 100%; border-radius: 15px; box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.30); transition: all 0.3s ease; background-color: var(--color-blue); } .card-person:hover:before { width: 100%; } .card-person:hover .image-wrapper { border: none; transform: scale(1.1); } .card-person:hover h5 { color: #fff; } .card-person:hover p { color: #fff; } .teams .card-teams .card-person .image-wrapper { position: relative; max-width: 210px; max-height: 210px; margin: 0 auto; overflow: hidden; border-radius: 50%; transition: all 0.5s ease; border: 2px solid var(--color-blue); } .teams .card-teams .card-person .person-img { object-fit: cover; height: 100%; width: 100%; } .team-desc { position: relative; padding-top: 30px; } .card-person h5 { color: var(--color-blue); margin: 0 !important; } /* -------------------- TESTIMONIALS -------------------- */ .has_texture { background: url(images/testimonials/texture.png) no-repeat center -100px; } #testimonials { padding: 50px 0; } #testimonials h3, #testimonials h4 { margin-bottom: 40px; font-size: 35px; line-height: 50px; } #testimonials .testimonials_wrap { margin-left: -15px; margin-right: -15px; padding-bottom: 50px; display: flex; } #testimonials .testimonials_wrap .testimonial { width: calc(33.3333333333% - 30px); margin: 100px 15px 0; position: relative; } #testimonials .testimonials_wrap .testimonial:nth-child(-n+3) { margin-top: 0; } #testimonials .testimonials_wrap .testimonial .testimonial_text { height: 100%; padding: 20px 20px 50px; font-size: 15px; font-style: italic; line-height: 22px; background: white; border: 1px solid #ebebeb; display: flex; align-items: center; position: relative; box-shadow: 0 2px 3px rgba(0 0 0 / 25%); border-radius: 3px; } #testimonials .testimonials_wrap .testimonial .testimonial_author { width: 100%; left: 0; top: calc(100% - 40px); position: absolute; } #testimonials .testimonials_wrap .testimonial .testimonial_author .image { width: 80px; height: 80px; margin: 0 auto 10px; padding: 5px; background: white; box-shadow: 0 3px 3px rgba(0 0 0 / 20%); } #testimonials .testimonials_wrap .testimonial .testimonial_author .image img { width: 100%; height: 100%; display: block; } #testimonials .testimonials_wrap .testimonial .testimonial_author .name { font-size: 18px; font-weight: 700; color: var(--color-dark); line-height: 100%; } #testimonials .testimonials_wrap .testimonial .testimonial_author .company { font-size: 14px; color: #727272; } /* ------------------ REFERENCES ------------------ */ #references { padding: 50px 0; } #references h4 { font-size: 35px; line-height: 50px; } .logos_wrap { margin-top: 50px; display: flex; } .logos_wrap .logo { width: 25%; height: 100px; } .logos_wrap .logo:hover { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .logos_wrap .logo img { max-width: fit-content !important; height: auto; max-height: 60px; display: inline-block; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } /* ----------- FAQ ----------- */ #faq { padding: 50px 0; } #faq h3 { margin-bottom: 20px; font-size: 35px; line-height: 50px; } .faq_wrap { margin-bottom: 20px; } .faq_wrap h3 { margin-top: 50px; } .faq_wrap:first-of-type h3 { margin-top: 0; } .faq_wrap .faq_main { margin-bottom: 10px; border: 1px solid var(--color-silver-line); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .faq_wrap .faq_main h5.faq_header { padding: 15px 40px 15px 20px; font-size: 16px; font-weight: 700; color: #222; line-height: 20px; background: url(images/icon_plus.svg) no-repeat calc(100% - 20px) center; background-size: auto 11px; display: block; cursor: pointer; } .faq_wrap .faq_main .faq_content { padding: 0 20px 20px; color: #666; display: none; } .faq_wrap .faq_main .faq_content ul { margin-left: 30px; margin-bottom: 30px; } .faq_wrap .faq_main .faq_content ul li { padding-left: 30px; position: relative; list-style: none; } .faq_wrap .faq_main .faq_content ul li:before { width: 12px; height: 12px; left: 0; top: 7px; border: 2px solid var(--color-blue); display: block; position: absolute; content: ''; border-radius: 12px; } .faq_wrap .faq_main .faq_content :last-child { margin-bottom: 0 !important; } .faq_wrap .faq_main.active .faq_header { color: var(--color-purple); background-image: url(images/icon_minus.svg); } /* ------------------------- FREE CONSULTATION ------------------------- */ #free_consultation { height: 664px; color: white; background-image: url(images/free_consultation/bgr.webp); background-image: -webkit-image-set(url(images/free_consultation/bgr.webp) 1x); background-image: image-set(url(images/free_consultation/bgr.png) 1x); background-repeat: no-repeat; background-position: center; } #free_consultation .inner { height: 100%; } #free_consultation .text { font-size: 20px; line-height: 30px; } #free_consultation h3 { margin-bottom: 10px; font-size: 40px; font-weight: 700; color: white; line-height: 120%; } #free_consultation p { margin-bottom: 40px; } #free_consultation p:last-child { margin-bottom: 0; } /* ------------------ WHO WE ARE ------------------ */ #who_we_are { padding: 50px 0; } #who_we_are .title { max-width: 600px; margin: 0 auto 30px; font-size: 40px; font-weight: 700; line-height: 54px; } #who_we_are .subtitle { max-width: 740px; margin: 0 auto 30px; font-size: 20px; line-height: 30px; } #who_we_are .content-column { padding: 0 20px; } #who_we_are i, #who_we_are h3 { margin-bottom: 10px; font-size: 20px; font-style: normal; display: block; } #who_we_are br { display: none; } /* ------------ TEAM ------------ */ #team { padding-bottom: 50px; } #team .title { padding: 50px; font-size: 35px; line-height: 52px; background: linear-gradient(20.25deg, #5528BB 0%, #9A189F 15.43%, #FF0752 50.14%, #FF2929 79.35%, #FF4F0F 99.74%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #team .team_carousel { max-width: 960px; margin: auto; } #team .team_carousel .item { min-height: 192px; padding-top: 20px; opacity: 0.5; } #team .team_carousel .item .image { width: 80px; height: 80px; margin: 0 auto 20px; padding: 5px; background: white; box-shadow: 0px 6px 12px rgba(0,0,0,0.25); } #team .team_carousel .item .image img { width: 100%; height: 100%; display: block; } #team .team_carousel .item .name { font-size: 20px; } #team .team_carousel .item .post { font-size: 12px; } #team .bio_wrapper { max-width: 730px; margin: auto; padding-top: 50px; } #team .bio_wrapper .bio { display: none; } #team .bio_wrapper #bio-1 { display: block; } #team .team_carousel .item.slick-current { padding-top: 0; opacity: 1; } #team .team_carousel .item.slick-current .image { width: 120px; height: 120px; } #team .slick-arrow { width: 30px; height: 30px; left: -30px; top: 50%; margin-top: -15px; text-indent: -9999px; background: url(images/arrows_carousel.png) no-repeat left top; position: absolute; cursor: pointer; } #team .slick-arrow:hover { background-position: 0 -30px; } #team .slick-arrow.slick-next { left: auto; right: -30px; background-position: -30px 0; } #team .slick-arrow.slick-next:hover { background-position: -30px -30px; } /* ------------------------- FREE CONSULTATION ------------------------- */ #free_consultation2 { height: 710px; color: white; background-image: url(images/free_consultation/bgr2.webp); background-image: -webkit-image-set(url(images/free_consultation/bgr2.webp) 1x); background-image: image-set(url(images/free_consultation/bgr2.png) 1x); background-repeat: no-repeat; background-position: center; } #free_consultation2 .inner { height: 100%; } #free_consultation2 .text { font-size: 20px; line-height: 30px; } #free_consultation2 h3 { margin-bottom: 10px; font-size: 40px; font-weight: 700; line-height: 120%; } #free_consultation2 p { margin-bottom: 40px; } #free_consultation2 p:last-child { margin-bottom: 0; } /* ------------ BLOG ------------ */ #blog { padding: 50px 0; } #blog h3 { margin-bottom: 40px; font-size: 35px; line-height: 120%; } .blog_wrapper { margin-left: -15px; margin-right: -15px; display: flex; } .blog_wrapper article { width: calc(50% - 30px); margin: 0 15px 30px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25); box-shadow: 0 2px 3px rgba(0,0,0,0.25); } .blog_wrapper article:hover { -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.25); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25); box-shadow: 0 10px 20px rgba(0,0,0,0.25); } .blog_wrapper article .thumbnail { display: block; position: relative; overflow: hidden; } .blog_wrapper article .thumbnail img { width: 100% !important; height: auto !important; display: block; } .blog_wrapper article .entry { min-height: 180px; padding: 20px; background: white; } .blog_wrapper article .entry .author_datetime { margin-bottom: 10px; font-size: 12px; line-height: 18px; } .blog_wrapper article .entry .author_datetime .author { font-weight: 700; } .blog_wrapper article .entry .author_datetime .author span { font-weight: normal; color: #999; } .blog_wrapper article .entry h2, .blog_wrapper article .entry h3 { margin-bottom: 5px !important; font-size: 20px !important; font-weight: 700 !important; } .blog_wrapper article .entry h2 a, .blog_wrapper article .entry h3 a { text-decoration: none !important; color: var(--color-dark) !important; } .blog_wrapper article .entry h2 a:hover, .blog_wrapper article .entry h3 a:hover { color: var(--color-blue) !important; } .blog_wrapper article .entry .posted_in { font-size: 12px; font-weight: 700; color: #ccc; } .blog_wrapper article .entry .posted_in span:first-child { color: var(--color-blue); } .blog_wrapper article .entry .excerpt { margin-bottom: 10px; font-size: 16px; line-height: 26px; } .blog_wrapper article .entry .read_more { font-size: 12px; font-weight: 700; text-decoration: none !important; color: var(--color-dark) !important; } .blog_wrapper article .entry .read_more:hover { color: var(--color-blue) !important; } /* If is home */ body.home .blog_wrapper article { width: calc(33.3333333333% - 30px); } /* ------------------ MAILERLITE ------------------ */ body.post-type-archive-blog .ml-embedded { width: calc(100% - 30px); margin: 0 15px 30px !important; background: #711ea5; } /* ------------ HERO ------------ */ #hero { max-height: 500px; min-height: 250px; background-color: #641793; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } #hero:before { padding-top: 30%; display: block; content: ''; } #hero .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(78 13 117 / 30%); position: absolute; } #hero .hero_wrap { height: 100%; display: flex; justify-content: center; align-content: center; } #hero .hero_wrap h1 { font-size: 50px; font-weight: 700; text-shadow: 2px 2px rgba(0 0 0 / 30%); color: white; line-height: 56px; } #hero .rank-math-breadcrumb { width: 100%; margin-bottom: 20px; color: white; } #hero .rank-math-breadcrumb a { text-decoration: underline; color: white; } #hero .rank-math-breadcrumb a:hover { text-decoration: none; } #hero .down { width: 60px; height: 60px; left: 50%; bottom: -30px; background: var(--color-purple); display: block; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-box-shadow: 0 2px 3px rgba(0 0 0 / 20%); -webkit-box-shadow: 0 2px 3px rgba(0 0 0 / 20%); box-shadow: 0 2px 3px rgba(0 0 0 / 20%); } #hero .down:after { width: 100%; height: 100%; background: url(images/icon_arrow_down_white.svg) no-repeat center; background-size: 20px auto; display: block; position: relative; content: ''; -webkit-animation: arrowBounce .5s infinite alternate; -moz-animation: arrowBounce .5s infinite alternate; -ms-animation: arrowBounce .5s infinite alternate; -o-animation: arrowBounce .5s infinite alternate; animation: arrowBounce .5s infinite alternate; } @-webkit-keyframes arrowBounce { from { top: 0%; } to { top: 5%; } } @-moz-keyframes arrowBounce { from { top: 0%; } to { top: 5%; } } /* ---------------- CONTENT ---------------- */ #content { padding: 50px 0; line-height: 26px; } #content.no_padding_top { padding-top: 0; } body.single-szotar #content { padding-bottom: 0; } .row_table #content { padding: 50px; } #content a { text-decoration: underline; color: #18a0fb; } #content a:hover { color: var(--color-dark); } #content a.has_icon { margin: 5px 0; padding-left: 40px; text-decoration: none !important; color: var(--color-dark); display: inline-block; position: relative; } #content a.has_icon:hover { text-decoration: underline !important; color: #000; } #content a.has_icon:before { width: 30px; height: 30px; left: 0; top: -2px; background-repeat: no-repeat; background-position: center; background-size: auto 16px; position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content a.has_icon.linkedin:before { background-color: #0077b5; background-image: url(images/icon_linkedin_white.svg); } #content a.has_icon.facebook:before { background-color: #4267b2; background-image: url(images/icon_facebook_white.svg); } #content h1 { margin-bottom: 20px; font-size: 35px; line-height: 52px; } h1.big { font-size: 50px; font-weight: 700; line-height: 56px; } #content h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; color: #000; line-height: 130%; } #content h2.sticky_title { margin-bottom: 20px; padding: 15px; font-size: 30px; color: white; line-height: 1; background: var(--color-blue); display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content h2.black { color: var(--color-dark); } #content h3 { margin-bottom: 15px; font-size: 25px; font-weight: 700; color: var(--color-blue); } #content h4 { margin-bottom: 15px; font-size: 16px; font-weight: 700; color: var(--color-blue); } #content h5 { margin-bottom: 20px; font-size: 16px; white-space: normal; display: inline-block; position: relative; } #content h5:before { width: 0; height: 100%; left: 0; top: 0; background: #fffa82; position: absolute; content: ''; z-index: -1; } #content h5.reveal:before { width: 100%; } #content ul { margin: 0 0 40px 40px; padding: 0; text-align: left;} #content ul li { position: relative; list-style: none !important; } #content ul li:before { width: 12px; height: 12px; left: -20px; top: 7px; border: 2px solid var(--color-blue); display: block; position: absolute; content: ''; border-radius: 50%; } #content ul li ul { margin-bottom: 0; } #content .checked li:before { top: 0; color: #22c222; border: none; content: '✔'; transform: scale(1.2); border-radius: 0; } #content .x-icons li:before { top: 0; width: 20px; height: 20px; color: #e90e0e; border: none; content: '\00d7'; transform: scale(1.8); border-radius: 0; } #content ul.check li:before { top: 0; color: var(--color-blue); border: none; content: '✔'; border-radius: 0; } #content ul.nomargin { margin-left: 0; } #content ul.nomargin li { padding-left: 0; list-style: none; } #content ul.nomargin li:before { display: none; } #content ol { margin-left: 30px; margin-bottom: 30px; } #content ol li { margin-bottom: 5px; padding-left: 35px; position: relative; list-style: none; counter-increment: item; } #content ol li:before { width: 24px; height: 24px; top: 0; left: 0; font-size: 15px; text-align: center; color: white; background: var(--color-blue); display: inline-block; border-radius: 100%; position: absolute; content: counter(item); } #content img { max-width: 100%; height: auto; } #content p { margin-bottom: 30px; } body.single-blog #content p { font-size: 18px; color: #333; line-height: 30px; } #content code { white-space: normal; display: inline-block; position: relative; } #content code:before { width: 0; height: 100%; left: 0; top: 0; background: #fffa82; position: absolute; content: ''; z-index: -1; } #content code.reveal:before { width: 100%; } #content blockquote { margin-bottom: 30px; padding: 25px 25px 25px 140px; color: white; background: var(--color-blue) url(images/icon_quote.svg) no-repeat 25px center; background-size: auto 50px; position: relative; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.25); box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content blockquote:after { width: 1px; left: 115px; top: 25px; bottom: 25px; background: rgba(255 255 255 / 20%); position: absolute; content: ''; } #content blockquote p { color: white !important; } #content blockquote p:last-child { margin-bottom: 0; } #content blockquote a { color: white !important; } #content blockquote a:hover { text-decoration: none !important; } /* Intro / Outro */ #content .intro_outro_text { margin-bottom: 30px; padding: 30px 30px 30px 70px; font-size: 15px !important; color: #757575; border: 1px solid var(--color-silver-line); position: relative; } #content .intro_outro_text:before { width: 4px; left: 30px; top: 30px; bottom: 30px; background: var(--color-blue); position: absolute; content: ''; } #content .intro_outro_text p:last-child { margin-bottom: 0; } #content .intro_outro_text h4 { font-size: 15px !important; font-weight: normal !important; color: #757575 !important; line-height: 20px; } #content .intro_outro_text h4:last-child { margin-bottom: 0; } /* Blog */ #container .author_datetime_alt { margin-bottom: 30px; padding: 20px 30px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25); box-shadow: 0 2px 3px rgba(0,0,0,0.25); } #container .author_datetime_alt .sep { color: var(--color-blue); } #container .author_datetime_alt .datetime { font-size: 13px; color: #aaa; } #container .author_datetime_alt .categories { font-size: 12px; font-weight: 700; color: var(--color-blue); } #container .author_datetime_alt .categories a { color: var(--color-blue); } #container .author_datetime_alt .categories a:hover { text-decoration: underline; } /* Featured image */ #container .featured_image { margin-bottom: 20px; } #container .featured_image img { width: 100%; height: auto; display: block; } /* Iframe wrapper */ #content .iframe_wrapper { height: 0; margin-bottom: 30px; padding-bottom: 56.25%; padding-top: 25px; position: relative; } #content .iframe_wrapper iframe { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } /* Categories and tags */ #content .cats_tags { margin-bottom: 30px; } #content .cats_tags .title { margin-bottom: 20px; border-bottom: 2px solid var(--color-dark); } #content .cats_tags .title span { padding: 10px; font-size: 20px; color: white; line-height: 1; background: var(--color-dark); display: inline-block; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #content .cats_tags.cats { } #content .cats_tags.cats ul li { min-height: 30px; margin-bottom: 10px; padding-left: 40px; position: relative; } #content .cats_tags.cats ul li a { padding-top: 7px; color: var(--color-dark); line-height: 1; display: block; } #content .cats_tags.cats ul li a:hover { text-decoration: underline; } #content .cats_tags.cats ul li .count { width: 30px; height: 30px; left: 0; top: 0; font-size: 16px; text-align: center; color: white; line-height: 30px; background: var(--color-dark); position: absolute; } #content .cats_tags.cats ul li .count.hirdetes-kezeles { background: #e523bb; } #content .cats_tags.cats ul li .count.strategia-marketing { background: #f46a00; } #content .cats_tags.tags a { margin: 0 10px 10px 0; padding: 10px; color: var(--color-dark); line-height: 1; background: #eaeaea; display: inline-block; float: left; } #content .cats_tags.tags a:hover { color: white; background: var(--color-dark); } /* 404 animation */ #content .animation_404 { width: 450px; margin: 0 auto; position: relative; } #content .animation_404 svg { width: auto; max-width: 100%; height: 300px; position: relative; z-index: 1; } #content .animation_404 .letter { width: 100%; left: -30px; top: -20px; font-size: 300px; color: var(--color-dark); line-height: 1; letter-spacing: -40px; position: absolute; z-index: 2; } /* Custom content 1 */ #content .col_custom_content_1_main { padding-right: 50px; } #content .col_custom_content_1_sidebar { width: 400px; position: relative; } #content .col_custom_content_1_sidebar .panel { padding: 40px 20px; background: -moz-linear-gradient(153.45deg, #7720AD 12.17%, #3F0861 83.65%); background: -webkit-linear-gradient(153.45deg, #7720AD 12.17%, #3F0861 83.65%); background: linear-gradient(153.45deg, #7720AD 12.17%, #3F0861 83.65%); -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.25); box-shadow: 0 6px 12px rgba(0,0,0,0.25); } #content .col_custom_content_1_sidebar .panel .title { margin-bottom: 30px; font-size: 30px; font-weight: 700; color: white; line-height: 1; } #content .col_custom_content_1_sidebar .panel .button { padding: 0 15px; } /* Columns */ #content .oszlop { margin-bottom: 20px; padding: 30px 30px 70px; vertical-align: top; background: #f9f9fb; position: relative; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 2px 3px rgba(0,0,0,0.15); } #content .oszlop + br { display: none; } #content .oszlop:after { clear: both; display: block; content: ''; } #content .oszlop img { width: auto; max-width: 50%; height: auto; max-height: 120px; } #content .oszlop ul { margin-left: 0 !important; margin-bottom: 0 !important; padding: 20px; background: white; border: 1px solid rgba(0,0,0,0.1); } #content .oszlop ul li:before { top: 8px; color: var(--color-blue); line-height: 12px; border: none; content: '✔'; } #content .oszlop .button { bottom: 30px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* CTA */ #content .cta { margin-bottom: 30px; padding: 50px; font-size: 18px; line-height: 120%; color: var(--color-dark); background: white url(images/bgr_patter_blue.png) no-repeat top center; box-shadow: 0 10px 10px rgba(0 0 0 / 10%); } #content .cta a { text-decoration: none; color: white; border-bottom: 1px solid white; } #content .cta a.button { border-bottom: none; } #content .cta h3 { color: var(--color-dark) !important; line-height: 120%; } #content .cta label { font-size: 17px; color: white; } #content .cta.none { padding: 0; background: transparent !important; } #content .cta.none a { color: var(--color-dark); border-bottom-color: var(--color-dark); } #content .cta.none label { color: var(--color-dark); } /* Table */ #content table.simple_table { width: 100%; margin-bottom: 30px; border-collapse: collapse; border-spacing: 0; } #content table.simple_table thead tr th, #content table.simple_table thead tr td { padding: 10px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: white; line-height: 16px; background: var(--color-purple); } #content table.simple_table tbody tr td { padding: 10px; border-bottom: 1px solid var(--color-silver-line); } /* Block */ #content .row { margin-bottom: 30px; } #content .row.blocks { margin-left: -15px; margin-right: -15px; display: flex; } #content .row.blocks br { display: none !important; } #content .col_block { width: 33.3333333333%; margin-top: 30px; padding-left: 15px; padding-right: 15px; vertical-align: top; position: relative; } #content .col_block:nth-child(-n+3) { margin-top: 0; } #content .col_block .block_wrapper { width: 100%; height: 100%; left: 0; top: 0; padding: 30px; background: var(--color-silver); } #content .col_block .block_wrapper p:last-child { margin-bottom: 0 !important; } #content .col_block .block_wrapper h2 { font-size: 25px !important; } #content .col_block .block_wrapper h2 a { text-decoration: none !important; color: var(--color-blue) !important; } #content .col_block .block_wrapper h2 a:hover { color: var(--color-dark) !important; } /* Counter up */ #content .counterup { margin-bottom: 30px; padding: 30px 0; color: white; background: var(--color-purple); } #content .counterup . { font-size: 16px; } #content .counterup .circle_wrap { display: flex; justify-content: space-between; } #content .counterup .circle_wrap .circle { width: 120px; height: 120px; margin: 0 auto 20px; font-size: 30px; font-weight: 700; text-align: center; color: var(--color-blue); line-height: 120px; background: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content .counterup .caption_wrap { display: flex; justify-content: space-between; } #content .counterup .caption_wrap .caption { padding: 0 10px; font-size: 15px; line-height: 18px; flex-grow: 1; flex-basis: 0; } /* Table of contents */ #content .table_of_contents { width: 100%; margin-bottom: 30px; padding: 20px; background: #fbf6fe; border: 1px solid var(--color-purple); position: relative; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 2px 3px rgba(0,0,0,0.15); } #content .table_of_contents .title { margin-bottom: 10px; font-size: 19px; font-weight: 700; } #content .table_of_contents ul { margin-left: 15px !important; margin-bottom: 0 !important; } #content .table_of_contents ul li { padding-left: 0; list-style: decimal; } #content .table_of_contents ul li:before { display: none !important; } #content .table_of_contents ul li a { font-size: 16px; color: #000 !important; } #content .table_of_contents a.collapse { width: 40px; height: 40px; right: 11px; top: 11px; text-indent: -9999px; background: var(--color-purple) url(images/icon_collapse_white.svg) no-repeat center; background-size: auto 20px; position: absolute; } #content .table_of_contents a.collapse:hover { background-color: #54167c; } #content .table_of_contents.minimize { width: 270px; height: 64px; display: inline-block; overflow: hidden; } /* Easy Table of content */ .ez-toc-counter { width: 100%; margin-bottom: 30px; padding: 20px; background: var(--color-silver) !important; border: 1px solid var(--color-silver-line) !important; position: relative; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 2px 3px rgba(0,0,0,0.15); } .ez-toc-counter .ez-toc-title { margin-bottom: 20px; font-size: 19px; font-weight: 700; color: var(--color-dark) !important; } .ez-toc-counter ul { margin-left: 10px !important; margin-bottom: 0 !important; list-style: none; } .ez-toc-counter ul li { padding-left: 30px !important; position: relative; list-style: none; } .ez-toc-counter ul li:before { width: 12px; height: 12px; left: 0; top: 7px; border: 2px solid var(--color-blue); display: block; position: absolute; content: ''; border-radius: 12px; } .ez-toc-counter ul li a { font-size: 16px; color: #000 !important; } /* Packages */ .webshopPackagesListBox { margin-bottom: 30px; } .webshopPackagesWrapper { margin-top: 3px; font-size: 0; background: var(--color-silver); position: relative; z-index: 1; } .webshopPackagesWrapper.empty { background: transparent; } .webshopPackagesWrapper:first-child { margin-top: 0; } .webshopPackagesWrapper:before { width: 0; height: 100%; left: 0; top: 0; background: var(--color-dark); position: absolute; content: ''; z-index: -1; } .webshopPackagesWrapper.active:before { width: 100%; } .webshopPackagesWrapper .webshopPackagesListBodyName { width: calc(100% - 450px); padding: 10px 20px; vertical-align: top; line-height: 24px; display: inline-block; } .webshopPackagesWrapper .webshopPackagesListBodyName a { font-size: 16px; font-weight: 700; text-decoration: none !important; color: var(--color-dark) !important; line-height: 24px; display: inline-block; } .webshopPackagesWrapper.active .webshopPackagesListBodyName a { color: white !important; } .webshopPackagesWrapper .webshopPackagesListBodyName .webshopPackagesListBodyNameTitle { display: flex; } .webshopPackagesWrapper .webshopPackagesListBodyNameInfo { display: none !important; } .webshopPackagesWrapper .webshopPackagesListBodyBasic, .webshopPackagesWrapper .webshopPackagesListBodyAdvanced, .webshopPackagesWrapper .webshopPackagesListBodyProfessional { width: 150px; padding: 10px; font-size: 15px; font-weight: 700; text-align: center; vertical-align: top; color: var(--color-dark); line-height: 100%; display: inline-block; } .webshopPackagesWrapper .webshopPackagesListBodyBasic img, .webshopPackagesWrapper .webshopPackagesListBodyAdvanced img, .webshopPackagesWrapper .webshopPackagesListBodyProfessional img { width: auto; height: 24px !important; margin: auto; display: block; } .webshopPackagesListInfoOuter { padding: 20px 20px 50px; display: none; } .webshopPackagesListInfoOuter .webshopPackagesListInfoTitle { margin-bottom: 15px; font-size: 22px; font-weight: 700; color: var(--color-blue); } /* Jobs */ #content .jobs_wrapper { margin-left: -20px; margin-right: -20px; margin-bottom: 50px; display: flex; } #content .jobs_wrapper .job { width: calc(33.3333333333% - 40px); margin-top: 40px; margin-left: 20px; margin-right: 20px; text-decoration: none !important; color: var(--color-dark); position: relative; -moz-box-shadow: 0 0 20px rgba(0 0 0 / 15%); -webkit-box-shadow: 0 0 20px rgba(0 0 0 / 15%); box-shadow: 0 0 20px rgba(0 0 0 / 15%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #content .jobs_wrapper .job:nth-child(-n+3) { margin-top: 0; } #content .jobs_wrapper .job:after { height: 10px; left: 40px; right: 210px; bottom: 0; background: var(--color-blue); position: absolute; content: ''; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #content .jobs_wrapper .job:hover:after { left: 0; right: 0; } #content .jobs_wrapper .job .job_icon { width: 70px; height: 70px; margin-left: 40px; margin-top: 30px; background-repeat: no-repeat; background-position: center; background-size: auto 42px; } #content .jobs_wrapper .job .entry { min-height: 150px; padding: 30px 40px 0; position: relative; } #content .jobs_wrapper .job .entry .job_application_deadline { margin-bottom: 10px; font-size: 14px; color: #8f999e; font-weight: 700; line-height: 1; } #content .jobs_wrapper .job .entry .job_title { font-size: 24px; color: var(--color-dark); font-weight: 700; line-height: 1; } .job_application_deadline_single { margin-bottom: 20px; font-size: 18px; color: #8f999e; font-weight: 700; line-height: 1; } #content .job_application_deadline_single { margin-top: -20px; margin-bottom: 30px; } #content .jobs_boxes_wrap .jobs_box { margin-bottom: 100px; display: flex; } #content .jobs_boxes_wrap .jobs_box .wrap_left { width: 50%; padding-right: 100px; position: relative; } #content .jobs_boxes_wrap .jobs_box .wrap_left:before { width: 180px; height: 230px; left: -80px; bottom: -60px; background: url(images/bgr_texture.png) no-repeat center; position: absolute; content: ''; z-index: -1; } #content .jobs_boxes_wrap .jobs_box .wrap_left .image { height: 100%; background-color: #420c65; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } #content .jobs_boxes_wrap .jobs_box .wrap_left .image:before { width: 100%; height: 100%; left: 0; bottom: 0; background: #420c65; position: absolute; content: ''; -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); } #content .jobs_boxes_wrap .jobs_box.reveal .wrap_left .image:before { height: 0; } #content .jobs_boxes_wrap .jobs_box .wrap_right { width: 50%; padding: 100px 0; } #content .jobs_boxes_wrap .jobs_box.even .wrap_left { padding-left: 100px; padding-right: 0; order: 2; } #content .jobs_boxes_wrap .jobs_box.even .wrap_left:before { left: auto; right: -80px; } #content .jobs_boxes_wrap .jobs_box.even .wrap_right { order: 1; } /* Notice */ #content .notice { margin-bottom: 30px; padding: 20px 20px 20px 50px; color: white; background: #053a88 url(images/icon_info_white.svg) no-repeat 20px center; background-size: auto 16px; position: relative; border-radius: 5px; } #content .notice.warning { padding: 20px; color: #000; background: var(--color-blue-a10); border: 1px solid var(--color-blue); } #content .notice span { font-weight: 700; } /* Huge buttons */ #content .huge_button { margin-bottom: 20px !important; } #content .huge_button + br { display: none; } #content .facebook_huge_button { padding: 20px 20px 20px 65px; font-size: 17px !important; font-weight: 700; text-decoration: none !important; color: white !important; line-height: 20px; background: #1877f2; display: inline-block; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #content .facebook_huge_button:hover { background-color: var(--color-dark); } #content .facebook_huge_button:before { width: 40px; left: 10px; top: 10px; bottom: 10px; background: white url(images/icon_facebook.svg) no-repeat center; background-size: auto 20px; position: absolute; content: ''; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #content .instagram_huge_button { padding: 20px 20px 20px 65px; font-size: 17px !important; font-weight: 700; text-decoration: none !important; color: white !important; line-height: 20px; background: #dd2a7b; display: inline-block; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #content .instagram_huge_button:hover { background-color: var(--color-dark); } #content .instagram_huge_button:before { width: 40px; left: 10px; top: 10px; bottom: 10px; background: white url(images/icon_instagram.svg) no-repeat center; background-size: auto 20px; position: absolute; content: ''; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #content .linkedin_huge_button { padding: 20px 20px 20px 65px; font-size: 17px !important; font-weight: 700; text-decoration: none !important; color: white !important; line-height: 20px; background: #0A66C2; display: inline-block; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #content .linkedin_huge_button:hover { background-color: var(--color-dark); } #content .linkedin_huge_button:before { width: 40px; left: 10px; top: 10px; bottom: 10px; background: white url(images/icon_linkedin.svg) no-repeat center; background-size: auto 20px; position: absolute; content: ''; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } #content .kapcsolattarto { width: 100%; margin-bottom: 30px; background: var(--color-silver); border: 1px solid var(--color-silver-line); display: flex; position: relative; } #content .kapcsolattarto:before { width: 40%; height: 100%; right: 0; top: 0; background: url(images/nagy-laszlo-seo.jpg) no-repeat right center; background-size: cover; position: absolute; content: ''; opacity: 15%; z-index: 1; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } #content .kapcsolattarto:after { width: 40%; height: 100%; right: 0; top: 0; background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%); background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); background: linear-gradient(to right, rgba(246,246,246,1) 0%,rgba(246,246,246,0) 100%); position: absolute; content: ''; z-index: 2; } #content .kapcsolattarto .image { width: 150px; padding: 10px; } #content .kapcsolattarto .image img { width: 100%; height: auto; display: block; } #content .kapcsolattarto .text { padding: 20px; vertical-align: middle; } #content .kapcsolattarto .text .title { margin-bottom: 10px; font-weight: 700; color: var(--color-dark); line-height: 20px; } #content .kapcsolattarto .text h4 { font-size: 24px; } #content .blog_wrapper .newsletter_in_content { width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; padding: 50px; } #content .blog_wrapper .ml-embedded { width: calc(100% - 30px); margin: 0 auto 30px; background: #711ea5; } /* Pagination */ #content .pagination { padding-top: 20px; font-size: 0; text-align: center; border-top: 1px solid var(--color-silver-line); position: relative; } #content .pagination .pages { right: 0; top: 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 50px; position: absolute; } #content .pagination a, #content .pagination .current { width: 50px; height: 50px; margin: 0 1px; font-size: 16px; font-weight: 700; text-decoration: none; color: var(--color-dark); line-height: 50px; background: var(--color-silver); display: inline-block; } #content .pagination a:hover { color: white; background: var(--color-dark); } #content .pagination .current { color: white; background: var(--color-blue); } /* Price table */ #content .pricetable { margin-bottom: 30px; padding: 50px 0; display: flex; justify-content: center; position: relative; } #content .pricetable:before { height: 100%; left: -1000px; right: -1000px; top: 0; background: var(--color-silver); position: absolute; content: ''; z-index: -1; } #content .pricetable .price_column { width: 33.3333333333%; padding: 30px; text-align: center; background: white; border-right: 1px solid #eee; } #content .pricetable .price_column:first-child { -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; } #content .pricetable .price_column:last-child { border-right: none; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; } #content .pricetable .price_column .price_column_icon { width: 80%; margin: 0 auto 20px; background-color: #fbf6fe; display: flex; justify-content: center; align-items: center; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content .pricetable .price_column .price_column_icon:before { padding-top: 100%; display: block; content: ''; } #content .pricetable .price_column .price_column_icon:after { width: 40%; height: 40%; background: #f3e4fc; position: absolute; content: ''; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content .pricetable .price_column .price_column_icon img { width: auto; height: 100px; display: block; position: relative; z-index: 2; } #content .pricetable .price_column .price_column_title { margin-bottom: 20px; font-size: 18px; font-weight: 700; color: #000; line-height: 20px; } #content .pricetable .price_column .price_column_price_wrap { margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #eee; display: flex; justify-content: center; } #content .pricetable .price_column .price_column_price_wrap .price_column_price { font-size: 22px; font-weight: 700; color: #000; line-height: 100%; } #content .pricetable .price_column .price_column_text { margin-bottom: 20px; padding-bottom: 20px; text-transform: uppercase; font-size: 12px; color: #999; line-height: 16px; border-bottom: 1px solid #eee; } #content .pricetable .price_column .price_column_action_button .button { width: 100%; height: auto; padding: 15px 10px; font-size: 15px !important; line-height: 20px; display: block; } /* Packages */ #content .packages_wrap { margin-left: -15px; margin-right: -15px; display: flex; } #content .packages_wrap .package { width: calc(33.3333333333% - 30px); margin: 30px 15px 0; background: white; position: relative; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #content .packages_wrap .package:nth-child(-n+3) { margin-top: 0; } #content .packages_wrap .package .thumbnail { display: block; overflow: hidden; } #content .packages_wrap .package .thumbnail img { width: 100%; height: auto; display: block; position: relative; transform: scale(1) translateZ(0); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); } #content .packages_wrap .package .thumbnail:hover img { -ms-transform: scale(1.05) translateZ(0); -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } #content .packages_wrap .package .entry { padding: 20px 20px 100px; } #content .packages_wrap .package .entry h2 { margin-bottom: 0 !important; } #content .packages_wrap .package .entry h2 a { font-size: 20px !important; text-decoration: none !important; color: #000; line-height: 100%; display: block; } #content .packages_wrap .package .entry h2 a:hover { text-decoration: underline !important; text-decoration-thickness: 1px; } #content .packages_wrap .package .entry .button { width: auto; height: auto; left: 20px; right: 20px; bottom: 20px; padding: 15px 10px; line-height: 20px; position: absolute; } /* Colleagues */ #content .colleagues { padding: 50px 0; position: relative; } #content .colleagues:before { height: 100%; left: -1000px; right: -1000px; top: 0; background: var(--color-silver); position: absolute; content: ''; z-index: -1; } #content .colleagues .colleagues_wrap { margin-left: -15px; margin-right: -15px; display: flex; } #content .colleagues .colleague { width: calc(33.3333333333% - 30px); margin: 30px 15px 0; padding: 30px; text-align: center; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 2px rgb(0 0 0 / 10%); } #content .colleagues .colleague:nth-child(-n+3) { margin-top: 0; } #content .colleagues .colleague .photo { width: 100%; margin: 0 auto 20px; display: block; position: relative; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0 5px 20px rgb(0 0 0 / 10%); } #content .colleagues .colleague .photo:after { width: 90%; height: 90%; left: 5%; top: 5%; border: 2px solid rgba(255 255 255 / 50%); position: absolute; content: ''; z-index: 2; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #content .colleagues .colleague .photo img { width: 100%; height: auto; display: block; position: relative; z-index: 1; } #content .colleagues .colleague .name { margin-bottom: 10px; font-size: 18px; font-weight: 700; color: #000; line-height: 20px; } #content .colleagues .colleague .text { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } #content .colleagues .colleague .text .post { margin-bottom: 10px; text-transform: uppercase; font-size: 12px; color: #999; line-height: 16px; } #content .colleagues .colleague .button { width: 100%; height: auto; padding: 15px 10px; font-size: 15px !important; line-height: 20px; display: block; } /* References */ #content .references { margin-bottom: 50px; display: flex; } #content .references .reference { margin-top: 20px; background: #f9f9fb; } #content .references .reference:first-child { margin-top: 0; } #content .references .reference .thumbnail { position: relative; overflow: hidden; } #content .references .reference .thumbnail img { width: 100%; height: auto; display: block; position: relative; z-index: 1; } #content .references .reference .thumbnail:after { width: calc(100% + 20px); height: 100%; left: -10px; bottom: 0; position: absolute; content: ''; z-index: 2; box-shadow: inset 0 -10px 10px rgba(0 0 0 / 15%); } #content .references .reference .entry { padding: 30px 30px 90px; position: relative; } #content .references .reference .entry h3 { margin-bottom: 10px !important; } #content .references .reference .entry .ref_text { font-size: 14px; line-height: 20px; } #content .references .reference .entry .button { left: 30px; bottom: 30px; position: absolute; } #content .references.column-2 { margin-left: -10px; margin-right: -10px; } #content .references.column-2 .reference { width: calc(50% - 20px); margin: 20px 10px 0; } #content .references.column-2 .reference:nth-child(-n+2) { margin-top: 0; } /* Lexicon */ #content .abc_wrap { margin-bottom: 30px; display: flex; justify-content: space-between; } #content .abc_wrap .letter { margin: 5px 0 0; } #content .abc_wrap .letter a, #content .abc_wrap .letter span { width: 30px; height: 30px; font-size: 14px; font-weight: 700; color: #999; border: 1px solid var(--color-silver-line); display: flex; justify-content: center; align-items: center; } #content .abc_wrap .letter a { text-decoration: none !important; color: var(--color-green); border-color: var(--color-green); } #content h2.concept_wrap_title { padding-top: 30px; border-top: 1px solid var(--color-silver-line); } #content .concept_wrap a { text-decoration: none !important; } #content .concept_wrap a:hover { text-decoration: underline !important; text-decoration-thickness: 1px; } #content .concept_wrap .concept { margin-bottom: 30px; } #content .concept_tag_wrap { margin-top: 20px; margin-bottom: 20px; display: flex; } #content .concept_tag_wrap a { height: 30px; margin: 0 5px 5px 0; padding: 0 15px; font-size: 13px; text-decoration: none !important; color: #000 !important; line-height: 30px; background: var(--color-silver); border-radius: 15px; } #content .concept_tag_wrap a:hover { color: var(--color-blue) !important; background: var(--color-blue-a10); } #content .prev_next_post { padding-top: 10px; border-top: 1px solid var(--color-silver-line); display: flex; justify-content: space-between; } #content .prev_next_post a { text-decoration: none !important; } #content .prev_next_post a:hover { text-decoration: underline !important; } #content #filter { margin-bottom: 30px; padding: 20px; background: var(--color-silver); border-radius: 10px; } #content #filter label { width: 100%; font-size: 14px; font-weight: 700; display: block; } #content #filter input { width: 100%; height: 50px; padding-left: 15px; border: 1px solid var(--color-silver-line); outline: 1px solid transparent; border-radius: 3px; } #content #filter input:focus { border-color: var(--color-blue); outline-color: var(--color-blue); } /* Notice */ /*#content .notice { margin-bottom: 30px; border: 1px solid var(--color-blue); border-radius: 3px; }*/ /* Breadcrumb */ .rank-math-breadcrumb { font-size: 14px !important; font-weight: 700; line-height: 20px; } .rank-math-breadcrumb p { margin-bottom: 0 !important; font-size: inherit !important; } .rank-math-breadcrumb a { font-weight: 400; } .rank-math-breadcrumb .separator { font-weight: 400; } /* ------------------------ FLEXIBLE CONTENT ------------------------ */ .flexible_content .fullwidth_text { margin: 70px 0; } .flexible_content .fullwidth_text ul li { list-style: disc !important; list-style-position: inside !important; } .flexible_content .fullwidth_text .fullwidth_text_wrap { margin: auto; } .flexible_content .image_and_text .image_and_text_wrap { min-height: 700px; margin: 70px 0; display: flex; } .flexible_content .image_and_text .image_and_text_wrap .wrap_left { width: 45%; background-color: var(--color-dark); background-repeat: no-repeat; background-position: center; background-size: cover; } .flexible_content .image_and_text .image_and_text_wrap .wrap_right { width: 55%; padding-right: calc((100% - 1200px) /2); padding-left: 70px; line-height: 30px; display: flex; align-content: center; } .flexible_content .image_and_text .image_and_text_wrap .wrap_right h2 { width: 100%; } .flexible_content .image_and_text .image_and_text_wrap .wrap_right p:last-child { margin-bottom: 0 !important; } .flexible_content .image_and_text .image_and_text_wrap.inverse .wrap_left { order: 2; } .flexible_content .image_and_text .image_and_text_wrap.inverse .wrap_right { padding-right: 70px; padding-left: calc((100% - 1200px) /2); order: 1; } .flexible_content .contact_person { background: var(--color-dark); } .flexible_content .contact_person .contact_person_wrap { display: flex; } .flexible_content .contact_person .contact_person_wrap .wrap_left { width: 50%; padding-right: 70px; padding-left: calc((100% - 1200px) /2); color: white; display: flex; align-content: center; } .flexible_content .contact_person .contact_person_wrap .wrap_left h2 { color: white !important; } .flexible_content .contact_person .contact_person_wrap .wrap_left p { width: 100%; } .flexible_content .contact_person .contact_person_wrap .wrap_left p:last-child { margin-bottom: 0 !important; } .flexible_content .contact_person .contact_person_wrap .wrap_right { width: 50%; padding: 70px 0; } .flexible_content .contact_person .contact_person_wrap .wrap_right img { width: auto; max-width: fit-content; height: 400px !important; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* --------------- HELPFUL --------------- */ .helpful { margin-bottom: 30px; padding: 20px 0; border-top: 1px solid var(--color-silver-line); border-bottom: 1px solid var(--color-silver-line); display: flex; justify-content: space-between; align-items: center; position: relative; } .helpful .helpful-header { width: 100%; margin: 0 0 10px; } .helpful .helpful-content { font-size: 15px; font-weight: bold; line-height: 16px; order: 2; } .helpful .helpful-controls div { margin-right: 10px; vertical-align: top; display: inline-block; } .helpful .helpful-controls .helpful-button { height: 40px; padding: 0 15px; text-transform: uppercase; color: white; background: #5bb767; border: 1px solid #5bb767; position: relative; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .helpful .helpful-controls .helpful-button.helpful-contra { background: #dC3128; border-color: #dc3128; } .helpful .helpful-controls .helpful-button:hover { color: #333; background: transparent; } .helpful .helpful-controls .helpful-button .helpful-counter { height: 18px; right: -5px; top: -5px; padding: 0 5px; font-size: 12px; color: white; line-height: 18px; background: #333; position: absolute; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } /* Hide Helpful */ body.page-template-jobs .helpful, body.page-template-packages .helpful, body.page-template-thank-you-signrequest .helpful { display: none !important; } /* ----------------------------- NEWSLETTER IN CONTENT ----------------------------- */ .newsletter_in_content { margin-bottom: 30px; padding: 50px 30px; text-align: center; color: white; background-image: url(images/bgr_newsletter.webp); background-image: -webkit-image-set(url(images/bgr_newsletter.webp) 1x); background-image: image-set(url(images/bgr_newsletter.png) 1x); background-repeat: no-repeat; background-position: center; } .newsletter_in_content .this_panel_title { margin-bottom: 20px; font-size: 30px; font-weight: 700; color: white !important; line-height: 100%; } .newsletter_in_content .this_panel_subtitle { margin-bottom: 20px; font-size: 18px; font-weight: 500; background: -webkit-linear-gradient(8.09deg,#ffc700 17.65%,#fd7900 83.13%); background: linear-gradient(8.09deg, #ffc700 17.65%,#fd7900 83.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .newsletter_in_content .mailster-form .mailster-wrapper { margin-bottom: 10px; } .newsletter_in_content .mailster-form .mailster-email-wrapper input { width: 100%; height: 50px; padding-left: 15px; color: white; background: #360951; border: 1px solid #a420bb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; } body.single-szotar .newsletter_in_content { margin-bottom: 0; } /* ------------------------ PREV / NEXT POST ------------------------ */ .prev_next_post_wrap { margin-bottom: 50px; } .prev_next_post_wrap h3 { margin-bottom: 15px; font-size: 25px; font-weight: 700; color: var(--color-blue); } .prev_next_post_wrap .buttons { display: flex; } .prev_next_post_wrap .prev_post, .prev_next_post_wrap .next_post { width: 50%; height: 40px; font-size: 16px; font-weight: 700; text-decoration: none !important; color: var(--color-blue); line-height: 18px; display: flex; align-items: center; position: relative; } .prev_next_post_wrap .prev_post:hover, .prev_next_post_wrap .next_post:hover { text-decoration: underline !important; color: var(--color-dark); } .prev_next_post_wrap .prev_post { padding-left: 50px; padding-right: 20px; } .prev_next_post_wrap .next_post { width: 50%; padding-left: 20px; padding-right: 50px; justify-content: flex-end; } .prev_next_post_wrap .prev_post:before, .prev_next_post_wrap .next_post:before { width: 40px; height: 40px; left: 0; top: 0; background-color: var(--color-purple); background-image: url(images/icon_arrow_left_white.svg); background-repeat: no-repeat; background-position: center; background-size: auto 12px; position: absolute; content: ''; } .prev_next_post_wrap .next_post:before { left: auto; right: 0; background-image: url(images/icon_arrow_right_white.svg); } .prev_next_post_wrap .prev_post h3, .prev_next_post_wrap .next_post h3 { margin-bottom: 0 !important; font-size: 16px !important; color: var(--color-blue) !important; } /* ----------- CTA ----------- */ #cta { margin-bottom: 30px; padding: 40px 100px; background: -moz-linear-gradient(153.45deg, #7720AD 12.17%, #3F0861 83.65%); background: -webkit-linear-gradient(153.45deg, #7720AD 12.17%, #3F0861 83.65%); background: linear-gradient(153.45deg, #7720AD 12.17%, #3F0861 83.65%); -webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.25); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.25); box-shadow: 0 6px 12px rgba(0,0,0,0.25); } #cta .text { margin: 20px 0; font-size: 45px; font-weight: 700; color: white; line-height: 54px; } #cta .subtext { margin: 20px 0; font-size: 22px; line-height: 30px; background: -moz-linear-gradient(4.12deg, #FFC700 17.65%, #FD7900 83.13%); background: -webkit-linear-gradient(4.12deg, #FFC700 17.65%, #FD7900 83.13%); background: linear-gradient(4.12deg, #FFC700 17.65%, #FD7900 83.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* -------------------- BLOCK EDITOR -------------------- */ p.has-text-align-center, h3.has-text-align-center { text-align: center; } .wp-block-columns { margin-top: 30px; margin-bottom: 30px; font-size: 0; } .wp-block-columns .wp-block-column { font-size: 16px; vertical-align: top; display: inline-block; } .wp-block-columns.three_columns .wp-block-column { width: 33.3333333333%; } .wp-block-columns.five_columns .wp-block-column { width: 20%; } .wp-block-columns.five_columns .wp-block-image { line-height: 20px; } .wp-block-columns.five_columns .wp-block-image img { width: 100%; max-width: 60% !important; height: auto; margin-left: auto; margin-right: auto; display: block; } .wp-block-columns.five_columns .wp-block-image figcaption { margin-top: 10px; } /* Facebook hirdetéskezelés */ .facebook_hirdeteskezeles.icons { padding: 70px 0; position: relative; } .facebook_hirdeteskezeles.icons:before { height: 100%; left: -1000px; right: -1000px; top: 0; background: var(--color-silver); position: absolute; content: ''; z-index: -1; } /* --------------- SIDEBAR --------------- */ #sidebar { width: 370px; padding-top: 30px; } #sidebar .widget { margin-bottom: 30px; } #sidebar .widget .widget_title { margin-bottom: 20px; font-size: 20px; line-height: 1; } /* Blog */ #sidebar ul.nav li { list-style: none; } #sidebar ul.nav li a { padding: 15px 0 15px 20px; font-size: 16px; font-weight: 500; color: #697795; line-height: 1; border-left: 3px solid #e5e8ed; display: block; position: relative; } #sidebar ul.nav li a.active { color: #000; border-left-color: var(--color-blue); } /* Easy Table of content */ #sidebar .ez-toc-counter { width: 100%; margin-bottom: 30px; padding: 20px; background: var(--color-silver); border: 1px solid var(--color-silver-line); position: relative; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); box-shadow: 0 2px 3px rgba(0,0,0,0.15); } #sidebar .ez-toc-counter .ez-toc-title { margin-bottom: 20px; font-size: 19px; font-weight: 700; } #sidebar .ez-toc-counter ul { margin-left: 0 !important; margin-bottom: 0 !important; list-style: none; } #sidebar .ez-toc-counter ul li { padding-left: 20px; position: relative; list-style: none; } #sidebar .ez-toc-counter ul li:before { width: 12px; height: 12px; left: 0; top: 7px; border: 2px solid var(--color-blue); display: block; position: absolute; content: ''; border-radius: 12px; } #sidebar .ez-toc-counter ul li a { font-size: 15px; color: #000 !important; } /* ------------------ NEWSLETTER ------------------ */ #newsletter { height: 816px; color: white; background-image: url(images/bgr_newsletter.webp); background-image: -webkit-image-set(url(images/bgr_newsletter.webp) 1x); background-image: image-set(url(images/bgr_newsletter.png) 1x); background-repeat: no-repeat; background-position: center top; } #newsletter .inner { height: 100%; } #newsletter .title { margin-bottom: 20px; font-size: 50px; font-weight: 700; line-height: 56px; } #newsletter .subtitle { margin-bottom: 30px; font-size: 20px; background: -moz-linear-gradient(8.09deg, #ffc700 17.65%, #fd7900 83.13%); background: -webkit-linear-gradient(8.09deg, #ffc700 17.65%, #fd7900 83.13%); background: linear-gradient(8.09deg, #ffc700 17.65%, #fd7900 83.13%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #newsletter .mailster-form { max-width: 620px; margin: auto; } #newsletter .mailster-form .mailster-wrapper { margin-bottom: 10px; } #newsletter .mailster-form .mailster-email-wrapper input { width: 100%; height: 50px; padding-left: 15px; color: white; background: #360951; border: 1px solid #a420bb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; } #newsletter .mailster-form .mailster-email-wrapper.error input { border-color: var(--color-blue); } #newsletter .mailster-form .mailster-adatkezelesi-tajkoztato-wrapper label { line-height: 24px; } #newsletter .mailster-form .mailster-adatkezelesi-tajkoztato-wrapper input { outline: none; } #newsletter .mailster-form .mailster-submit-wrapper input { color: var(--color-dark) !important; background: white; } #newsletter .mailster-form .mailster-form-info { font-size: 14px; line-height: 20px; } #newsletter .mailster-form .mailster-form-info p { margin-bottom: 10px; font-weight: 700; } #newsletter .mailster-form .mailster-form-info.error { background: var(--color-blue); } /* --------------------- RELATED POSTS --------------------- */ #related_posts, .related_posts { padding: 30px 0; } .related_posts { background: var(--color-silver); } #related_posts .title, .related_posts .title { margin-bottom: 30px; font-size: 35px; line-height: 52px; } #related_posts .blog_wrapper, .related_posts .blog_wrapper { margin-bottom: 20px; } /* --------------- FOOTER --------------- */ #footer { padding: 70px 0; background: var(--color-silver); } #footer .footer_wrap { display: flex; } #footer .footer_wrap h3, #footer .footer_wrap h4 { margin-bottom: 20px; font-size: 25px; font-weight: 700; } /* Footer top */ #footer .wrap_left { width: calc(100% - 700px); padding-right: 30px; } #footer .wrap_left a { color: var(--color-dark); } #footer .wrap_left a:hover { text-decoration: underline; } #footer .wrap_left p { margin-bottom: 20px; } #footer .wrap_left .free_parking { background: linear-gradient(to right, #9238b3 0%,#ff0d4a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #footer .wrap_left .contact_wrapper { margin-bottom: 10px; } #footer .wrap_left .action_buttons { margin-bottom: 20px; } #footer .wrap_left .action_buttons .button { padding: 0 20px !important; } #footer .wrap_left .social_buttons { margin-bottom: 20px; } #footer .wrap_left .social_buttons a { width: 50px; height: 50px; margin-right: 10px; padding-top: 13px; text-align: center; background: white; display: inline-block; box-shadow: 0 2px 3px rgba(0,0,0,0.25); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #footer .wrap_left .social_buttons a:hover { background: var(--color-blue); } #footer .wrap_left .social_buttons a svg { width: 24px; height: 24px; fill: var(--color-dark); } #footer .wrap_left .social_buttons a:hover svg { fill: white; } /* Footer center */ #footer .wrap_center { width: 250px; padding-right: 30px; } #footer .wrap_center ul { list-style: none; } #footer .wrap_center ul li { margin-bottom: 10px; } #footer .wrap_center ul li a { text-transform: uppercase; text-decoration: underline; color: var(--color-blue); } #footer .wrap_center ul li a h5, #footer .wrap_center ul li a h6 { font-size: 14px; } /* Footer right */ #footer .wrap_right { width: 450px; } #footer .wrap_right img { width: 100%; height: auto; display: block; } #footer .wrap_right iframe { width: 100%; height: 380px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Footer copyright */ #footer .copyright { margin-top: 20px; font-size: 12px; font-weight: 700; } #footer .copyright h5 { font-size: 12px; font-weight: 700; display: inline-block; } /* -------------------- SOCIAL SHARE -------------------- */ .sticky_footer { width: 100%; left: 0; bottom: 0; background: white; border-top: 1px solid var(--color-silver-line); display: flex; position: fixed; z-index: 99; } .sticky_footer .cta_wrap { padding: 10px; } .sticky_footer .cta_wrap a { width: 100%; height: 40px; font-size: 15px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 40px; color: white; background:#287faa; display: block; } .social_share { height: 40px; display: flex; } .social_share a { background-repeat: no-repeat; background-position: center; background-size: auto 24px; display: block; flex-grow: 1; flex-basis: 0; } .social_share a.facebook { background-color: #4267b2; background-image: url(images/icon_facebook_white.svg); } .social_share a.linkedin { background-color: #007bb5; background-image: url(images/icon_linkedin_white.svg); } .social_share a.whatsapp { background-color: #67c15e; background-image: url(images/icon_whatsapp_white.svg); } .social_share a.messenger { background-color: #007fff; background-image: url(images/icon_messenger_white.svg); } .social_share a.mail { background-color: #000; background-image: url(images/icon_mail_white.svg); } .social_share a span { display: none; } .social_share_blog { display: flex; } .social_share_blog label { width: 100%; font-size: 15px; font-weight: 700; } .social_share_blog a { width: 50px; height: 50px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: auto 24px; display: block; } .social_share_blog a.facebook { background-color: #4267b2; background-image: url(images/icon_facebook_white.svg); } .social_share_blog a.linkedin { background-color: #007bb5; background-image: url(images/icon_linkedin_white.svg); } .social_share_blog a.whatsapp { background-color: #67c15e; background-image: url(images/icon_whatsapp_white.svg); } .social_share_blog a.messenger { background-color: #007fff; background-image: url(images/icon_messenger_white.svg); } .social_share_blog a.mail { background-color: #000; background-image: url(images/icon_mail_white.svg); } .social_share_blog a span { display: none; } /* -------------- FORM -------------- */ .form-row { margin-bottom: 10px !important; } .form-row.form-row-first { width: calc(50% - 5px); float: left; } .form-row.form-row-last { width: calc(50% - 5px); float: right; } .form-row.form-row-wide { width: 100%; float: none; clear: both; } .form-row a { text-decoration: underline; color: #333; } .form-row a:hover { color: #000; } .form-row br { display: none; } .form-row label { font-size: 17px; font-weight: 700; text-align: left; color: #333; display: block; } .form-row label.bold { margin-bottom: 20px; font-size: 18px; text-align: center; } .form-row select, .form-row textarea, .form-row input[type=tel], .form-row input[type=text], .form-row input[type=email], .form-row input[type=number], .form-row input[type=password] { width: 100%; height: 50px !important; padding-left: 10px; font-size: 16px; background-color: var(--color-silver); background-repeat: no-repeat; border: 1px solid var(--color-silver-line); border-radius: 3px; outline: 2px solid transparent; outline-offset: 2px; } .form-row select:focus, .form-row textarea:focus, .form-row input[type=tel]:focus, .form-row input[type=text]:focus, .form-row input[type=email]:focus, .form-row input[type=number]:focus, .form-row input[type=password]:focus { border-color: var(--color-blue); outline-color: var(--color-blue); } .form-row textarea { min-height: 150px; padding: 10px; resize: vertical; } .wpcf7 a { text-decoration: underline; color: #000; } .wpcf7 a:hover { text-decoration: none; } .wpcf7 .wpcf7-list-item { margin: 0 !important; } /* ------------------- RWD DESIGN ------------------- */ @media only screen and (max-width: 1920px) { /* FLEXIBLE CONTENT */ .flexible_content .image_and_text .image_and_text_wrap { min-height: 600px; } } @media only screen and (max-width: 1440px) { /* TRAPEZE */ .trapeze { max-width: auto; margin: 0 20px 50px; } /* ABOUT US */ #aboutus .aboutus_top_text { display: block; } #aboutus .aboutus_top_text .col { width: 100%; padding-right: 0; display: block; } /* FLEXIBLE CONTENT */ .flexible_content .image_and_text .image_and_text_wrap { min-height: 500px; } } @media only screen and (max-width: 1200px) { /* DISPLAY: None */ .hide_in_1200 { display: none !important; } /* DEFAULT */ .p_l_20, .p_l_30 { padding-left: 20px; } .p_r_20, .p_r_30 { padding-right: 20px; } /* HEADER: Logo */ #header .logo { left: 20px; } /* HEADER: Menu */ #header ul.menu { right: 20px; } /* SERVICES MENU */ #services_menu .page_post_title { left: auto; position: relative; } /* SERVICES MENU */ #services_menu { height: auto; } #services_menu .inner { padding-top: 10px; padding-bottom: 10px; } #services_menu .left { float: none; } #services_menu .vertical_middle { top: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* SLIDE */ #slide { background-position: left top; } #slide .slide_wrapper:before { display: none;} #slide .content .text h1 { font-size: 34px; line-height: 40px; } /* TRAPEZE */ .trapeze { font-size: 18px; } .trapeze .trapeze_wrap { padding: 0 50px; } .trapeze h2, .trapeze h3 { font-size: 30px; } .trapeze p { margin-bottom: 20px; } /* WHY CHOOSE US */ #why_choose_us .points .point { width: 33.3333333333%; } /* TESTIMONIALS */ #testimonials .testimonials_wrap { margin-left: -10px; margin-right: -10px; } #testimonials .testimonials_wrap .testimonial { width: calc(33.3333333333% - 20px); margin: 100px 10px 0; } #testimonials .testimonials_wrap .testimonial .wrapper { padding: 20px 20px 0; } /* BLOG */ .blog_wrapper { margin-left: -10px; margin-right: -10px; } .blog_wrapper article { width: calc(50% - 20px); margin: 0 10px 20px; } body.home .blog_wrapper article { width: calc(33.3333333333% - 20px); } /* HERO */ #hero .hero_wrap h1 { font-size: 34px; line-height: 40px; } /* CONTENT: Columns */ /* #content .oszlop_wrap { margin-left: -10px; margin-right: -10px; } #content .oszlop { width: calc(50% - 20px); margin: 20px 10px 0; } #content .oszlop.col_33 { width: calc(33.3333333333% - 20px); } */ /* CONTENT: Newsletter in content */ #content .blog_wrapper .newsletter_in_content { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; padding: 50px; } /* CONTENT: Jobs */ #content .jobs_boxes_wrap .jobs_box { margin-bottom: 75px; } #content .jobs_boxes_wrap .jobs_box .wrap_left { padding-right: 50px; } #content .jobs_boxes_wrap .jobs_box.even .wrap_left { padding-left: 50px; } /* CONTENT: Packages */ #content .packages_wrap { margin-left: -10px; margin-right: -10px; } #content .packages_wrap .package { width: calc(33.3333333333% - 20px); margin: 20px 10px 0; } /* CONTENT: Colleagues */ #content .colleagues .colleagues_wrap { margin-left: -10px; margin-right: -10px; } #content .colleagues .colleague { width: calc(33.3333333333% - 20px); margin: 20px 10px 0; } /* CONTENT: Lexicon */ #content .abc_wrap { justify-content: start; } #content .abc_wrap .letter { margin: 5px 5px 0; } /* FLEXIBLE CONTENT */ .flexible_content .fullwidth_text { margin: 50px 0; } .flexible_content .fullwidth_text .fullwidth_text_wrap { max-width: 100% !important; } .flexible_content .image_and_text .image_and_text_wrap { min-height: 400px; margin: 50px 0; } .flexible_content .image_and_text .image_and_text_wrap .wrap_right { padding-right: 20px; padding-left: 50px; } .flexible_content .image_and_text .image_and_text_wrap.inverse .wrap_right { padding-right: 50px; padding-left: 20px; } .flexible_content .contact_person .contact_person_wrap .wrap_left { padding-right: 50px; padding-left: 20px; } /* SIDEBAR */ #sidebar { width: 320px; } /* SIDEBAR: Blog */ #sidebar ul.nav li a.active { font-size: 16px; } #sidebar ul.nav li a.active:after { border-width: 31px; } /* SOCIAL SHARE */ .social_share_blog { left: 20px; } /* FOOTER: Footer top */ #footer .wrap_left { width: 50%; padding-right: 20px; order: 2; } /* FOOTER: Footer center */ #footer .wrap_center { width: 100%; margin-bottom: 50px; padding-right: 0; order: 1; } /* FOOTER: Footer right */ #footer .wrap_right { width: 50%; order: 3; } } @media only screen and (max-width: 960px) { /* DISPLAY: None */ .hide_in_960 { display: none !important; } /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* COOKIE */ #cookie { padding: 24px 220px 24px 20px; } /* SERVICES MENU */ body.home #services_menu { display: none !important; } #services_menu .page_post_title { font-size: 16px; } /* SLIDE */ #slide { height: auto; padding: 30px 0 60px; background: url(images/slider/bgr_mobile.webp) no-repeat right top; } #slide:after { width: 100%; height: 100px; left: 0; bottom: 0; background: white; position: absolute; content: ''; -webkit-clip-path: polygon(100% 100%, 0% 100%, 0 86%); clip-path: polygon(100% 100%, 0% 100%, 0 50%); } #slide .slide_wrapper { height: auto; left: auto; top: auto; position: relative; } #slide .content { max-width: 100%; top: auto; padding-bottom: 30px; text-align: center; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #slide .content .social_icons { justify-content: center; } #slide .content .social_icons .social_icon { margin: 0 10px; } /* WHY CHOOSE US */ #why_choose_us .points .point { width: 50%; } /* TESTIMONIALS */ #testimonials h2 { font-size: 35px; line-height: 50px; } #testimonials .testimonials_wrap .testimonial { width: calc(50% - 20px); margin: 100px 10px 0; display: block; } #testimonials .testimonials_wrap .testimonial:nth-child(3) { margin-top: 100px; } #testimonials .testimonials_wrap .testimonial:last-child { margin-bottom: 0; } /* BLOG: If is home */ body.home .blog_wrapper article { width: calc(50% - 20px); } body.home .blog_wrapper article:nth-child(3) { display: none; } /* REFERENCES */ #references h2 { font-size: 35px; line-height: 50px; } .logos_wrap { margin-top: 30px; } .logos_wrap .logo { width: 33.3333333333%; } /* CONTENT */ .row_table_container { display: block; } .row_table #content { padding: 0; display: block; } #content h1 { font-size: 5vw; line-height: 1.2; } h1.big { font-size: 6vw; line-height: 1.2; } #content h2, #content h2.sticky_title { font-size: 25px; } /* CONTENT: Columns */ #content .oszlop { width: 100%; margin: 20px 10px 0; } #content .oszlop:nth-child(2) { margin-top: 20px; } #content .oszlop.col_33 { width: calc(50% - 20px); margin: 20px 10px 0 !important; } #content .oszlop.col_33:nth-child(3) { margin-top: 20px; } /* CONTENT: Block */ #content .row.blocks { margin-left: -10px; margin-right: -10px; } #content .col_block { width: 50%; margin-top: 20px; padding-left: 10px; padding-right: 10px; } #content .col_block:nth-child(-n+2) { margin-top: 0; } #content .col_block:nth-child(3n) { margin-top: 20px; } #content .col_block .block_wrapper { padding: 20px; } /* CONTENT: Jobs */ #content .jobs_wrapper { margin-left: -10px; margin-right: -10px; } #content .jobs_wrapper .job { width: calc(50% - 20px); margin-top: 20px; margin-left: 10px; margin-right: 10px; } #content .jobs_wrapper .job:nth-child(-n+3) { margin-top: 20px; } /* CONTENT: Jobs */ #content .jobs_boxes_wrap .jobs_box { margin-bottom: 30px; } #content .jobs_boxes_wrap .jobs_box .wrap_left { width: 100%; margin-bottom: 30px; padding-right: 0; order: 1; } #content .jobs_boxes_wrap .jobs_box .wrap_left .image { height: auto; } #content .jobs_boxes_wrap .jobs_box .wrap_left .image:after { padding-top: 60%; display: block; content: ''; } #content .jobs_boxes_wrap .jobs_box .wrap_right { width: 100%; padding: 0; order: 2; } #content .jobs_boxes_wrap .jobs_box.even .wrap_left { padding-left: 0; padding-right: 0; order: 1; } #content .jobs_boxes_wrap .jobs_box.even .wrap_left:before { left: -80px; right: auto; } #content .jobs_boxes_wrap .jobs_box.even .wrap_right { order: 2; } /* CONTENT: Packages */ #content .packages_wrap .package { width: calc(50% - 20px); } #content .packages_wrap .package:nth-child(3) { margin-top: 20px; } /* CONTENT: Colleagues */ #content .colleagues .colleague { width: calc(33.3333333333% - 20px); margin: 20px 10px 0; } /* CONTENT: References */ #content .references .reference .entry { padding: 20px 20px 80px; } #content .references .reference .entry .button { left: 20px; bottom: 20px; } /* CTA */ #cta { padding: 40px 50px; } #cta .text { font-size: 40px; line-height: 50px; } /* CTA */ #content .cta { padding: 30px; } #content .cta p { font-size: 17px !important; line-height: 30px !important; } /* NEWSLETTER */ #newsletter .title { font-size: 40px; line-height: 44px; } } @media only screen and (max-width: 768px) { /* DISPLAY: None */ .hide_in_768 { display: none !important; } /* MODAL */ .white-popup.exitpopup .title { font-size: 40px; line-height: 44px; } /* ABOUT US */ #aboutus { padding: 30px 0; text-align: center; } #aboutus .aboutus_bottom_text { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } /* TRAPEZE */ .trapeze { font-size: 16px; background: linear-gradient(to right, rgba(114,36,162,1) 0%, rgba(72,8,111,1) 100%); border-radius: 10px; } .trapeze:before { display: none; } .trapeze .trapeze_wrap { width: auto; height: auto; left: auto; top: auto; padding: 100px 20px; position: relative; } .trapeze h2, .trapeze h3 { font-size: 25px; } .trapeze .circle.circle_1 { top: -20px; bottom: auto; } .trapeze .circle.circle_2 { width: 100px; height: 100px; right: 50px; bottom: -50px; } /* QUICKLINKS */ #quicklinks .quicklinks_wrap .quicklink { width: 100%; margin-bottom: 40px; text-align: center; display: block; } #quicklinks .quicklinks_wrap .quicklink ul li { list-style-position: inside; } #quicklinks .quicklinks_wrap .quicklink .icon { width: 100px; height: 100px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } /* WANT TO KNOW MORE */ #want_to_know_more h2 { font-size: 40px; line-height: 44px; } /* WHY CHOOSE US */ #why_choose_us .points .point { width: 100%; } #why_choose_us .points .point:last-child { margin-bottom: 0; } /* TESTIMONIALS */ #testimonials { padding: 30px 0; } /* BLOG: If is home */ body.home .blog_wrapper article { width: 100%; } body.home .blog_wrapper article:nth-child(3) { display: block; } /* REFERENCES */ #references { padding: 30px 0; } .logos_wrap .logo { width: 50%; } /* FREE CONSULTATION */ #free_consultation h2 { font-size: 40px; line-height: 44px; } /* WHO WE ARE */ #who_we_are { padding: 30px 0; } #who_we_are .title { font-size: 40px; line-height: 44px; } /* FREE CONSULTATION 2 */ #free_consultation2 h2 { font-size: 40px; line-height: 44px; } /* BLOG */ #blog { padding: 30px 0; } #blog h2 { margin-bottom: 30px; line-height: 44px; } .blog_wrapper { margin-left: 0; margin-right: 0; } .blog_wrapper article { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; } /* HERO */ #hero .hero_wrap h1 { font-size: 5vw; line-height: 110%; } /* CONTENT */ #content h1 { font-size: 6vw; } h1.big { font-size: 7vw; } #content h2.sticky_title { font-size: 4vw; } /* CONTENT: 404 animation */ #content .animation_404 svg { height: 200px; } #content .animation_404 .letter { left: -20px; top: -10px; font-size: 200px; letter-spacing: -20px; } /* CONTENT: Intro / Outro */ #content .intro_outro_text { padding: 20px 20px 20px 40px; } #content .intro_outro_text:before { left: 20px; top: 20px; bottom: 20px; } /* CONTENT: Newsletter in content */ #content .blog_wrapper .newsletter_in_content { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; padding: 30px 20px; } /* CONTENT: Packages */ .webshopPackagesWrapper .webshopPackagesListBodyName { width: calc(100% - 300px); padding: 10px; } .webshopPackagesWrapper .webshopPackagesListBodyName a { font-size: 15px; } .webshopPackagesWrapper .webshopPackagesListBodyBasic, .webshopPackagesWrapper .webshopPackagesListBodyAdvanced, .webshopPackagesWrapper .webshopPackagesListBodyProfessional { width: 100px; font-size: 14px; } /* CONTENT: Price table */ #content .pricetable { flex-direction: column; align-items: center; } #content .pricetable .price_column { width: 100%; max-width: 300px; margin-bottom: 20px; border-right: none; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; } #content .pricetable .price_column:last-child { margin-bottom: 0; } /* Colleagues */ #content .colleagues .colleagues_wrap { margin-left: 0; margin-right: 0; } #content .colleagues .colleague { width: 100%; max-width: 400px; margin: 20px auto 0; } #content .colleagues .colleague:nth-child(2), #content .colleagues .colleague:nth-child(3) { margin-top: 20px; } /* CONTENT: References */ #content .references.column-2 { margin-left: 0; margin-right: 0; } #content .references.column-2 .reference { width: 100%; margin: 20px 0 0; } #content .references.column-2 .reference:nth-child(2) { margin-top: 20px; } /* FLEXIBLE CONTENT */ .flexible_content .image_and_text .image_and_text_wrap { min-height: inherit; } .flexible_content .image_and_text .image_and_text_wrap .wrap_left { width: 100%; order: 1 !important; } .flexible_content .image_and_text .image_and_text_wrap .wrap_left:before { padding-top: 70%; display: block; content: ''; } .flexible_content .image_and_text .image_and_text_wrap .wrap_right { width: 100%; padding: 20px !important; order: 2 !important; } .flexible_content .contact_person .contact_person_wrap .wrap_left { width: 100%; padding-right: 20px; padding-bottom: 50px; order: 2; } .flexible_content .contact_person .contact_person_wrap .wrap_right { width: 100%; padding: 50px 0; order: 1; } .flexible_content .contact_person .contact_person_wrap .wrap_right img { height: 300px !important; margin: auto; } /* CTA */ #cta { padding: 30px; } #cta .text { font-size: 30px; line-height: 40px; } /* NEWSLETTER */ #newsletter .title { font-size: 40px; line-height: 44px; } /* FOOTER */ #footer { padding: 50px 0; } /* FOOTER: Footer top */ #footer .wrap_left { width: 100%; margin-bottom: 50px; padding-right: 0; } /* FOOTER: Footer right */ #footer .wrap_right { width: 100%; } } @media only screen and (max-width: 640px) { /* MODAL */ .mfp-content { padding: 20px; } .white-popup.exitpopup { padding: 30px; } .white-popup.exitpopup .title { font-size: 30px; line-height: 33px; } .white-popup.exitpopup .subtitle { margin-bottom: 30px; font-size: 16px; } /* COOKIE */ #cookie { padding: 20px; text-align: center; line-height: 1.3; } #cookie .small { margin-bottom: 10px; } #cookie .accept { top: auto; right: auto; display: block; position: relative; } /* SERVICES MENU */ #services_menu .breadcrumb { font-size: 15px; } /* WANT TO KNOW MORE */ #want_to_know_more h2 { font-size: 30px; line-height: 33px; } /* FREE CONSULTATION */ #free_consultation h2 { font-size: 30px; line-height: 33px; } /* WHO WE ARE */ #who_we_are .title { font-size: 30px; line-height: 33px; } /* FREE CONSULTATION 2 */ #free_consultation2 h2 { font-size: 30px; line-height: 33px; } /* TESTIMONIALS */ #testimonials .testimonials_wrap { margin-left: 0; margin-right: 0; padding-bottom: 100px; } #testimonials .testimonials_wrap .testimonial { width: 100%; margin: 100px 0 0; } #testimonials .testimonials_wrap .testimonial:nth-child(2) { margin-top: 100px; } /* HERO */ #hero .hero_wrap h1 { font-size: 6vw; } /* CONTENT */ #content h1 { font-size: 6vw; } h1.big { font-size: 6vw; } #content h2.sticky_title { font-size: 5vw; } /* CONTENT: Columns */ #content .oszlop_wrap { margin-left: 0; margin-right: 0; } #content .oszlop { margin: 20px 0 0 !important; } #content .oszlop.col_33 { width: 100%; margin: 20px 0 0 !important; } #content .oszlop.col_33:nth-child(2) { margin-top: 20px; } /* Counter up */ #content .counterup { padding: 20px 0; } #content .counterup .circle_wrap .circle { width: 80px; height: 80px; font-size: 18px; line-height: 80px; } #content .counterup .caption_wrap .caption { font-size: 13px; } /* CONTENT: Jobs */ #content .jobs_wrapper { margin-left: 0; margin-right: 0; } #content .jobs_wrapper .job { width: 100%; margin-left: 0; margin-right: 0; } #content .jobs_wrapper .job:nth-child(-n+2) { margin-top: 20px; } #content .jobs_wrapper .job:after { left: 30px; right: 40%; } #content .jobs_wrapper .job:hover:after { left: 30px; right: 40%; } #content .jobs_wrapper .job .entry { min-height: auto; padding: 30px 30px 40px; position: relative; } /* CONTENT: Packages */ #content .packages_wrap { margin-left: 0; margin-right: 0; } #content .packages_wrap .package { width: 100%; margin: 20px 0 0; } #content .packages_wrap .package:nth-child(2) { margin-top: 20px; } /* HELPFUL */ .helpful .helpful-content { margin-top: 20px; } /* PREV / NEXT POST */ .prev_next_post_wrap .prev_post, .prev_next_post_wrap .next_post { width: 100%; height: auto; margin: 20px 0; padding-top: 50px; padding-left: 0 !important; padding-right: 0 !important; text-align: center; justify-content: center; } .prev_next_post_wrap .prev_post:before, .prev_next_post_wrap .next_post:before { left: calc(50% - 20px); } .prev_next_post_wrap .next_post:before { left: auto; right: calc(50% - 20px); } /* NEWSLETTER */ #newsletter .title { font-size: 30px; line-height: 33px; } /* FORM */ .form-row.form-row-first, .form-row.form-row-last { width: 100%; float: none; } } @media only screen and (max-width: 480px) { /* DISPLAY: None */ .hide_in_480 { display: none !important; } /* DISPLAY: Block */ .show_in_480 { display: block !important; } .show_in_480_flex { display: flex !important; } /* DEFAULT */ .button { width: 100%; padding: 0 20px; font-size: 15px !important; display: block; -webkit-appearance: none; } /* SLIDE */ #slide { background: #eb320d; } /* SLIDE: Social icons */ #slide .content .social_icons .social_icon { width: 50%; margin: 20px 0 0; } /* REFERENCES */ .logos_wrap .logo img { max-width: 80%; height: auto; } /* SERVICES MENU */ #services_menu .breadcrumb { font-size: 13px; } /* HERO */ #hero .hero_wrap h1 { font-size: 7vw; } /* CONTENT */ #content { padding: 20px 0; } #content h1 { font-size: 8vw; } #content blockquote { padding: 100px 20px 20px; background-position: center 20px; background-size: auto 40px; } #content blockquote:after { width: auto; height: 1px; left: 20px; right: 20px; top: 80px; bottom: auto; } #content .simple_table_wrap { max-width: 480px; overflow-x: scroll; } #content table.simple_table thead tr th, #content table.simple_table thead tr td { font-size: 12px !important; line-height: 16px !important; } #content table.simple_table tbody tr td { font-size: 14px !important; line-height: 16px !important; } /* CONTENT: 404 animation */ #content .animation_404 { width: 100%; } #content .animation_404 svg { height: 200px; } #content .animation_404 .letter { left: -5px; top: 10px; font-size: 150px; letter-spacing: -10px; } /* CONTENT: Columns */ #content .oszlop { padding: 20px 20px 70px; } #content .oszlop .button { width: auto !important; left: 20px; right: 20px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /* CONTENT: Block */ #content .row.blocks { margin-left: 0; margin-right: 0; } #content .col_block { width: 100%; margin-top: 20px !important; padding-left: 0; padding-right: 0; display: block; } #content .col_block:first-child { margin-top: 0 !important; } /* CONTENT: Table of content */ #content .ez-toc-counter { display: none !important; } /* CONTENT: References */ #content .references .entry .button { width: auto !important; right: 20px; } /* CTA */ #content .cta { padding: 30px 20px; } #content .cta p { font-size: 16px !important; line-height: 25px !important; } /* CONTENT: Packages */ .webshopPackagesWrapper .webshopPackagesListBodyName { width: calc(100% - 240px); } .webshopPackagesWrapper .webshopPackagesListBodyName a { font-size: 14px; } .webshopPackagesWrapper .webshopPackagesListBodyBasic, .webshopPackagesWrapper .webshopPackagesListBodyAdvanced, .webshopPackagesWrapper .webshopPackagesListBodyProfessional { width: 80px; font-size: 13px; } /* NEWSLETTER IN CONTENT */ .newsletter_in_content { padding: 30px 20px; } .newsletter_in_content .this_panel_title { font-size: 25px; } /* CTA */ #cta { padding: 20px; } #cta .text { font-size: 25px; line-height: 30px; } #cta .subtext { font-size: 18px; line-height: 20px; } /* FOOTER: Footer left */ #footer .footer_left h3 { margin-bottom: 20px; font-size: 24px; font-weight: 700; } #footer .footer_left .free_parking { margin-bottom: 20px; } #footer .footer_left .cli_manage_current_consent { display: block; } body.single #footer .footer_left { padding-bottom: 70px; } } @media only screen and (max-width: 320px) { /* CTA */ #cta .text { font-size: 20px; line-height: 26px; } } #content p > a{word-wrap: break-word;} /* B24 FORM */ .b24-form-wrapper{ margin:0 !important; } .b24-form-header-padding{ display:none; } .b24-form-content{ padding: 0px 0px !important; } .b24-form-control-string .b24-form-control, .b24-form-control-list .b24-form-control, .b24-form-control-text .b24-form-control, .b24-form-control-select .field-item{ border-radius:0px !important; } .b24-form-btn{ border-radius:50px !important; } .b24-form-field-agreement-link{ font-size:16px !important; color:#000 !important; } .b24-form-sign{ display:none !important; } @media screen and (max-width:700px){ .kerdesed-van{ display:none !important; } .popup-cont{ display:none !important; } } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .popup-cont .popup-close:hover{ cursor:pointer; } .kerdesed-van{ width:350px; position:fixed; bottom:20px; right:20px; z-index:100; } .popup-cont{ width:700px; position:fixed; right:0px; bottom:580px; z-index:10; display:block; } .popup-cont.hide{ display:none; } .popup-cont .laci{ position:absolute; top:0px; left:0px; z-index:1; } .popup-cont .content{ position:absolute; background:#fff; top:50px; left:135px; padding:10px 10px 10px 140px; height:448px; width:550px; -webkit-box-shadow: 0px 0px 10px 0px rgba(40,127,170,1); -moz-box-shadow: 0px 0px 10px 0px rgba(40,127,170,1); box-shadow: 0px 0px 10px 0px rgba(40,127,170,1); } .popup-cont .content2{ position:absolute; top:50px; left:135px; padding:20px 20px 10px 165px; z-index:2; width:550px; font-size:15px; } .popup-cont .content2 p{ margin-bottom:10px !important; } .popup-cont .content h3{ font-size:22px !important; } .popup-cont .content p{ margin:5px; } .popup-cont .form-row input[type=text]::placeholder,.form-row input[type=email]::placeholder{ font-size:15px; } .popup-cont .form-row textarea{ min-height:100px !important; } .popup-cont .button{ width:100%; line-height:41px; height:40px; } .popup-cont .wpcf7-response-output{ position:absolute; top:-90px; } /* Gombkonténer rugalmas elrendezéshez */ .category-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; } /* Alap gombstílus */ .category-button { padding: 10px 14px; background-color: #287FAA; color: #fff !important; text-decoration: none !important; border-radius: 6px; font-size: 14px; white-space: nowrap; transition: background-color 0.2s ease; } /* Hover szín */ .category-button:hover { background-color: #18618D; } /* Aktív gomb kiemelése */ .category-button.active { background-color: #18618D; } /* Csak mobilon: két gomb egy sorban */ @media screen and (max-width: 768px) { .category-button { flex: 1 1 calc(50% - 8px); /* két oszlop, gap figyelembevételével */ text-align: center; box-sizing: border-box; } }