/* Theme Name: Divi Child Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Elegant Themes Author URI: https://www.elegantthemes.com Template: Divi Version: 1.2.4 */ /* =Theme customization starts here ------------------------------------------------------- */ html, body, div, span, object, iframe, a, button, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h6:where(:not([data-visual-tag])),:where([data-visual-tag="h6"])), :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, textarea, option, legend, table, caption, tbody, tfoot, thead, tr, th, td, hgroup, article, aside, figcaption, figure, footer, header, main, menu, nav, section, time, mark, audio, video, details, summary, progress { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: inherit; vertical-align: baseline; background: transparent; font-family: 'Roboto', sans-serif; } div#main-content :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), div#main-content li { font-size: 16px; color: #666666; font-weight: 300; letter-spacing: -0.05rem; } :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) .h1, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) .h2, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) .h3, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) .h4, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) .h5, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + ul.list, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + div.group, :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) + div.icon, .h1 + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h1 .h1, .h1 + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .h1 .h2, .h1 + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .h1 .h3, .h1 + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .h1 .h4, .h1 + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .h1 .h5, .h1 + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .h1 + ul.list, .h1 + div.group, .h1 + div.icon, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) .h1, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) .h2, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) .h3, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) .h4, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) .h5, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + ul.list, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + div.group, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) + div.icon, .h2 + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h2 .h1, .h2 + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .h2 .h2, .h2 + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .h2 .h3, .h2 + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .h2 .h4, .h2 + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .h2 .h5, .h2 + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .h2 + ul.list, .h2 + div.group, .h2 + div.icon, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) .h1, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) .h2, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) .h3, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) .h4, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) .h5, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + ul.list, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + div.group, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) + div.icon, .h3 + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h3 .h1, .h3 + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .h3 .h2, .h3 + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .h3 .h3, .h3 + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .h3 .h4, .h3 + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .h3 .h5, .h3 + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .h3 + ul.list, .h3 + div.group, .h3 + div.icon, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) .h1, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) .h2, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) .h3, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) .h4, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) .h5, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + ul.list, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + div.group, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) + div.icon, .h4 + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h4 .h1, .h4 + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .h4 .h2, .h4 + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .h4 .h3, .h4 + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .h4 .h4, .h4 + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .h4 .h5, .h4 + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .h4 + ul.list, .h4 + div.group, .h4 + div.icon, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) .h1, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) .h2, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) .h3, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) .h4, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) .h5, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + ul.list, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + div.group, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) + div.icon, .h5 + :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h5 .h1, .h5 + :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .h5 .h2, .h5 + :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .h5 .h3, .h5 + :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .h5 .h4, .h5 + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .h5 .h5, .h5 + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .h5 + ul.list, .h5 + div.group, .h5 + div.icon { margin-top: 1rem; } html { box-sizing: border-box; font-family: sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; margin-top: 0px !important; } body { color: #666; font-family: Tahoma, Geneva, sans-serif; font-weight: 400; font-size: 16px; } :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h1, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .h2, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .h3 { color: #204a68; font-family: 'Roboto', sans-serif !important; line-height: 1.5; } :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h1, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-weight: 300; } :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .h4, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .h5 { color: #204a68; font-family: 'Roboto', sans-serif !important; font-weight: 300; } :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h1 { font-size: 2.333rem; } :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-size: 2rem; } :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { font-size: 1.666rem; } :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])).highlighted { line-height: 1.2; font-weight: 300 !important; font-size: 26px; letter-spacing: 0.1px; } :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { font-size: 1.333rem; } :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 1.1rem; } :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h1, :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .h2, :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .h3, :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .h4, :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .h5, :is(h6:where(:not([data-visual-tag])),:where([data-visual-tag="h6"])), .h6 { margin-top: 0; text-shadow: none !important; letter-spacing: -0.05rem; } .align-center { text-align: center; } :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: block; width: 100%; } svg { position: relative; width: 100%; height: 100%; } .hidden { display: none; } .justify { text-align: justify !important; } .center { align-items: center !important; text-align: center !important; } .d-flex { display: flex; } .align-items-center { align-items: center; } .flex-wrap { flex-wrap: wrap; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-stretch { align-items: stretch !important; } .color-white { color: #fff !important; } .gradient-white-blue { background: linear-gradient(to right, #fff, #0994d4) !important; } .bg-white { background: #fff !important; } .justify-content-start { justify-content: flex-start !important; } div.icon { display: inline-flex; position: relative; } textarea.input, input.input, select.input, .input { display: inline-block; position: relative; min-width: 100%; max-width: 100%; min-height: 38px; max-height: 38px; padding: 7px 10px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #666; background: #fff; border-width: 1px; border-style: solid; border-color: #cecece; border-radius: 0; cursor: text; box-shadow: none; white-space: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.15s linear; } textarea.input { min-height: 6rem; max-height: 6rem; } .input:active, .input.active, .input:focus, input.input:active, input.input.active, input.input:focus { background: #fff; border-color: #0994d4; box-shadow: inset 0 0 3px 0 rgba(9, 148, 212, 0.333); } .input.invalid { border-color: #f22; } .input.invalid:active, .input.invalid.active, .input.invalid:focus { background: #fff; border-color: #f22; box-shadow: inset 0 0 3px 0 rgba(255, 34, 34, 0.333); } input.input.valid, .input.valid { border-color: #1cb04b; } .input.valid:active, .input.valid.active, .input.valid:focus, input.input.valid:active, input.input.valid.active, input.input.valid:focus { background: #fff; border-color: #1cb04b; box-shadow: inset 0 0 3px 0 rgba(28, 176, 75, 0.333); } .input::placeholder, input.input::placeholder { color: #bbb; opacity: 1; } .input::-moz-placeholder, input.input::-moz-placeholder { color: #bbb; opacity: 1; } .input::-webkit-input-placeholder, input.input::-webkit-input-placeholder { color: #bbb; opacity: 1; } .input:-ms-input-placeholder, input.input:-ms-input-placeholder { color: #bbb; opacity: 1; } .input-pill, input.input-pill { padding: 7px 17px; border-radius: 9999px; } .select-wrapper { position: relative; width: 100%; display: block; } .input.select { padding-right: 40px; cursor: pointer; color: #666; } .select-wrapper:after { content: ';'; font-size: 1.1em; font-family: ETmodules !important; opacity: 1; left: inherit; top: calc(50% - 10px); right: 10px; position: absolute; height: 20px; width: 20px; line-height: 1; vertical-align: middle; display: flex; align-items: center; transition: all 0.2s ease !important; pointer-events: none; } select.select { color: #666; } select.select option:disabled { color: #bbb !important; } select.select.placeholder { color: #bbb; } select.select.placeholder.selected, select.select.placeholder > option { color: #666; } input.rounded, input.input-rounded, .input-rounded { border-radius: 0.333rem !important; } input.input-w-reset, .input-w-reset { padding: 7px 28px 7px 10px; } div.input-reset { display: none; position: absolute; width: 1rem; height: 1rem; right: 0.5rem; background-color: black; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAMAAABMUIWcAAAAJFBMVEUAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///82jwHrAAAADHRSTlMAAFRUW1teXvr6/PylY3RdAAAAlElEQVR42u3T3QqAIBQDYPMn097/fYNYzVgw6Da9UdwH6jkYFjP+BtYYhhFXAXHLzPMWBYR8i3OpAAK5AgTXpADRzRRAIFeA43vP4SPQI/wl/TN9oXypfbN8u+e/mOAV1DRupyogtcK8tETAzaJLAG5zQSCCOQEFcwEQzAlGse/MDTBHuEv6Z/pC2VLbZtl2z3/xHAfOpwqh2iSdTwAAAABJRU5ErkJggg==); background-position: bottom center; background-repeat: no-repeat; background-size: 1rem; border-radius: 50%; opacity: 0.333; cursor: pointer; z-index: 1; transition: all 0.1s ease; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .input.nobg { background-color: transparent !important; } .border-white { border-color: #fff !important; } div.icon.icon-2x { width: 2rem; height: 2rem; } div.icon svg { fill: #666 !important; stroke: #666 !important; } div.icon.icon-secondary svg { fill: #0994d4 !important; stroke: #0994d4 !important; } .et_pb_section { padding-top: 0 !important; } #page-container { padding-top: 36px !important; } .et_pb_divider.underlined-title:before, .et_pb_divider.underlined-title:after { display: none; } div.loading { display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; background: #fff; overflow: hidden; z-index: 9999; } div.loading > div { width: 8rem; height: 8rem; font-size: 0; background: transparent url(./images/loading.gif) center center no-repeat; background-size: 100%; } hr, .et_pb_divider.underlined-title .et_pb_divider_internal { display: inline-block; width: 20%; height: 5px; margin: 1rem 0 1.5rem; background: linear-gradient(to right, #204a68, #0994d4); border: 0; } .hero hr, .dark hr, hr.white, .hero .et_pb_divider.underlined-title .et_pb_divider_internal { background: rgba(255, 255, 255, 0.666) !important; } .dark .input { color: #fff; background: rgba(255, 255, 255, 0.333); border-color: rgba(255, 255, 255, 0.666); } .dark .input:active, .dark .input.active, .dark .input:focus, .dark input.input.valid { background: rgba(255, 255, 255, 0.5); border-color: #fff; box-shadow: none; } .dark .input.invalid { border-color: #f22; } /* .dark .input::placeholder { color: rgba(255, 255, 255, 0.5) } .dark .input::-moz-placeholder { color: rgba(255, 255, 255, 0.5) } .dark .input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) } .dark .input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) } */ .dark div.input-reset { background-color: white; background-position: top center; opacity: 0.666; } .awards { background: #eee; } .et_fixed_nav #main-header, #main-header { transition: all 0.3s ease; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); position: fixed; } body.et_fixed_nav #main-header, body.admin-bar.et_fixed_nav #main-header, body.admin-bar.et_fixed_nav #main-header.et-fixed-header { top: 0 !important; } #main-header .logo_container a { display: inline-block; } .mobile_menu_bar:before { display: none !important; } .mobile_menu_bar svg { stroke: #0994d4; position: relative; width: 100%; height: 100%; } .et_mobile_menu { top: 100%; border: 0; } #main-header #et-top-navigation { padding: 0 !important; } .hero { background: linear-gradient(45deg, #204a68, #0994d4) !important; } .grad { background: linear-gradient(to bottom, #fff, #eee) !important; } .grey { background: #eee !important; } .dark *, .hero, .dark, .hero :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .hero .h1, .hero :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .hero .h2, .hero :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .hero .h3, .hero :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .hero .h4, .hero :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .hero .h5, .dark :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .dark .h1, .dark :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])), .dark .h2, .dark :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), .dark .h3, .dark :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .dark .h4, .dark :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .dark .h5 { color: #fff; } .et-db #et-boc .et-l .et_pb_row, .et_pb_row { width: calc(100% - 2rem); } .et_pb_row.full-width { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } #main-header .logo_container { display: flex; position: absolute; width: 120px; height: 48px; top: 0; left: calc(3rem / 4); font-size: 0; z-index: 100; align-items: center; } #main-header .mobile_menu_bar { display: flex; position: absolute; width: 48px; height: 48px; top: 0; right: 0; font-size: 0; z-index: 100; cursor: pointer; padding: 0 !important; } /* buttons ---------------------------------------------------------------------------------------*/ .et-db #et-boc .et-l .et_pb_button.btn, .et_pb_button.btn, .et_pb_blurb_description .small-button, .btn { display: inline-flex; position: relative; max-width: 100%; padding: 0.35em 1em !important; font-size: 16px; color: #fff; text-align: center; align-items: center; justify-content: center; background: #666; border-width: 1px; border-style: solid; border-color: #666; border-radius: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.2s ease !important; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: auto; } .btn, .et_pb_button.btn-small, .et_pb_button { text-align: center; } .et-db #et-boc .et-l .et_pb_button.btn:after, .et-db #et-boc .et-l .et_pb_button.btn:before, .et_pb_button.btn:after, .et_pb_button.btn:before { margin: 0; padding: 0; } .btn-pill { border-radius: 9999px; } .et-db #et-boc .et-l .et_pb_custom_button_icon.et_pb_button.btn:after, .et_pb_custom_button_icon.et_pb_button.btn:after, .et_pb_button.btn:not(.et_pb_custom_button_icon):after, .et_pb_button.btn:not(.et_pb_custom_button_icon):before { display: none !important; } .btn span { color: currentColor; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .btn.disabled { background: #bbb !important; border-color: #bbb !important; pointer-events: none !important; } .et-db #et-boc .et-l .et_pb_button.btn:hover, .et_pb_button.btn:hover, .btn:hover { color: #fff; background: #4d4c4c; border-color: #4d4c4c; transition: all 0.2s ease !important; } .et-db #et-boc .et-l .et_pb_button.btn.btn-bordered, .et_pb_button.btn.btn-bordered, .btn.btn-bordered { color: #666; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn.btn-bordered:hover, .et_pb_button.btn.btn-bordered:hover, .btn.btn-bordered:hover { color: #fff; background: #4d4c4c; border-color: #4d4c4c; } .et-db #et-boc .et-l .et_pb_button.btn.btn-inverse:hover, .et_pb_button.btn.btn-inverse:hover, .btn.btn-inverse:hover { color: #4d4c4c; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn-l, .et_pb_button.btn-l, .btn-l, .et-db #et-boc .et-l .et_pb_button.btn-l:hover, .et_pb_button.btn-l:hover, .btn-l:hover { padding: 0.55em 1.375em; border-width: 2px; } .et-db #et-boc .et-l .et_pb_button.btn-xl, .et_pb_button.btn-xl, .btn-xl { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 24px; border-width: 2px; } .et-db #et-boc .et-l .et_pb_button.btn-rounded, .et_pb_button.btn-rounded, .btn-rounded { border-radius: 5px !important; } .et-db #et-boc .et-l .et_pb_button.btn-w-icon span, .et-db #et-boc .et-l .et_pb_button.btn-w-icon svg, .et_pb_button.btn-w-icon span, .et_pb_button.btn-w-icon svg, .btn-w-icon span, .btn-w-icon svg { transition: all 0.2s ease; } .et-db #et-boc .et-l .et_pb_button.btn-w-icon svg + span, .et-db #et-boc .et-l .et_pb_button.btn-w-icon span + svg, .et_pb_button.btn-w-icon svg + span, .et_pb_button.btn-w-icon span + svg, .btn-w-icon svg + span, .btn-w-icon span + svg { margin-left: 0.5em; } .et-db #et-boc .et-l .et_pb_button.btn-w-icon.btn-l svg + span, .et-db #et-boc .et-l .et_pb_button.btn-w-icon.btn-l span + svg, .et_pb_button.btn-w-icon.btn-l svg + span, .et_pb_button.btn-w-icon.btn-l span + svg, .btn-w-icon.btn-l svg + span, .btn-w-icon.btn-l span + svg { margin-left: 0.625em; } .et-db #et-boc .et-l .et_pb_button.btn-w-icon.btn-xl svg + span, .et-db #et-boc .et-l .et_pb_button.btn-w-icon.btn-xl span + svg, .et_pb_button.btn-w-icon.btn-xl svg + span, .et_pb_button.btn-w-icon.btn-xl span + svg, .btn-w-icon.btn-xl svg + span, .btn-w-icon.btn-xl span + svg { margin-left: 0.45em; } .et-db #et-boc .et-l .et_pb_button.btn-custom, .et-db #et-boc .et-l .et_pb_button.btn-custom svg, .et-db #et-boc .et-l .et_pb_button.btn-custom span, .et_pb_button.btn-custom, .et_pb_button.btn-custom svg, .et_pb_button.btn-custom span, .btn-custom span, .btn-custom svg { transition: all 0.2s ease; } .et-db #et-boc .et-l .et_pb_button.btn-custom svg, .et_pb_button.btn-custom svg, .btn-custom svg { min-width: 1.1em; width: 1.1em; min-height: 1.1em; height: 1.1em; fill: currentColor; stroke: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn-custom.btn-l svg, .et_pb_button.btn-custom.btn-l svg, .btn-custom.btn-l svg { min-width: 1.35em; width: 1.35em; min-height: 1.35em; height: 1.35em; } .et-db #et-boc .et-l .et_pb_button.btn-custom svg + span, .et-db #et-boc .et-l .et_pb_button.btn-custom span + svg, .et_pb_button.btn-custom svg + span, .et_pb_button.btn-custom span + svg, .btn-custom svg + span, .btn-custom span + svg { margin-left: 0.5em; } .et-db #et-boc .et-l .et_pb_button.btn-custom.btn-xl svg + span, .et-db #et-boc .et-l .et_pb_button.btn-custom.btn-xl span + svg, .et_pb_button.btn-custom.btn-xl svg + span, .et_pb_button.btn-custom.btn-xl span + svg, .btn-custom.btn-xl svg + span, .btn-custom.btn-xl span + svg { margin-left: 0.45em; } .et-db #et-boc .et-l .et_pb_button.btn.btn-primary, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-primary, .et_pb_button.btn.btn-primary, .dark .et_pb_button.btn.btn-primary, .btn.btn-primary, .dark .btn.btn-primary { color: #fff; background: #204a68; border-color: #204a68; } .et-db #et-boc .et-l .et_pb_button.btn.btn-primary:hover, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-primary:hover, .et_pb_button.btn.btn-primary:hover, .dark .et_pb_button.btn.btn-primary:hover, .btn.btn-primary:hover, .dark .btn.btn-primary:hover { color: #fff; background: #142e41; border-color: #142e41; } .et-db #et-boc .et-l .et_pb_button.btn-primary.btn-bordered, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-primary.btn-bordered, .et-db #et-boc .et-l .dark .btn.btn-primary.btn-bordered, .et_pb_button.btn-primary.btn-bordered, .dark .et_pb_button.btn.btn-primary.btn-bordered, .btn.btn-primary.btn-bordered, .dark .btn.btn-primary.btn-bordered { color: #204a68; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn.btn-primary.btn-bordered:hover, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-primary.btn-bordered:hover, .et-db #et-boc .et-l .dark .btn.btn-primary.btn-bordered:hover, .et_pb_button.btn.btn-primary.btn-bordered:hover, .dark .et_pb_button.btn.btn-primary.btn-bordered:hover, .btn.btn-primary.btn-bordered:hover, .dark .btn.btn-primary.btn-bordered:hover { color: #fff; background: #142e41; border-color: #142e41; } .et-db #et-boc .et-l .et_pb_button.btn.btn-primary.btn-inverse:hover, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-primary.btn-inverse:hover, .et-db #et-boc .et-l .dark .btn.btn-primary.btn-inverse:hover, .et_pb_button.btn.btn-primary.btn-inverse:hover, .dark .et_pb_button.btn.btn-primary.btn-inverse:hover, .btn.btn-primary.btn-inverse:hover, .dark .btn.btn-primary.btn-inverse:hover { color: #142e41; background: transparent; border-color: currentColor; } /* btn-secondary ------------------------------------------------------------------------------------*/ .et-db #et-boc .et-l .et_pb_button.btn.btn-secondary, .et_pb_button.btn.btn-secondary, .btn.btn-secondary { color: #fff; background: #0994d4; border-color: #0994d4; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-secondary, .et-db #et-boc .et-l .dark .btn.btn-secondary, .dark .et_pb_button.btn.btn-secondary, .dark .btn.btn-secondary { color: #fff; background: #0994d4; border-color: #0994d4; } .et-db #et-boc .et-l .et_pb_button.btn.btn-secondary:hover, .et_pb_button.btn.btn-secondary:hover, .btn.btn-secondary:hover { color: #fff; background: #0772a3; border-color: #0772a3; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-secondary:hover, .et-db #et-boc .et-l .dark .btn.btn-secondary:hover, .dark .et_pb_button.btn.btn-secondary:hover, .dark .btn.btn-secondary:hover { color: #fff; background: #0772a3; border-color: #0772a3; } .et-db #et-boc .et-l .et_pb_button.btn.btn-secondary.btn-bordered, .et_pb_button.btn.btn-secondary.btn-bordered, .btn.btn-secondary.btn-bordered { color: #0994d4; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-secondary.btn-bordered, .et-db #et-boc .et-l .dark .btn.btn-secondary.btn-bordered, .dark .et_pb_button.btn.btn-secondary.btn-bordered, .dark .btn.btn-secondary.btn-bordered { color: #0994d4; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn.btn-secondary.btn-bordered:hover, .et_pb_button.btn.btn-secondary.btn-bordered:hover, .btn.btn-secondary.btn-bordered:hover { color: #fff; background: #0772a3; border-color: #0772a3; } .et-db #et-boc .et-l .et_pb_button.btn.btn-secondary.btn-inverse:hover, .et_pb_button.btn.btn-secondary.btn-inverse:hover, .btn.btn-secondary.btn-inverse:hover { color: #0772a3; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-secondary.btn-inverse, .et-db #et-boc .et-l .dark .btn.btn-secondary.btn-inverse, .dark .et_pb_button.btn.btn-secondary.btn-inverse, .dark .btn.btn-secondary.btn-inverse, .et_pb_button.btn.btn-white, .btn.btn-white { color: #0994d4; background: #fff; border-color: #fff; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-secondary.btn-inverse:hover, .et-db #et-boc .et-l .dark .btn.btn-secondary.btn-inverse:hover, .dark .et_pb_button.btn.btn-secondary.btn-inverse:hover, .dark .btn.btn-secondary.btn-inverse:hover, .et_pb_button.btn.btn-white:hover, .btn.btn-white:hover { color: #fff; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-secondary.btn-inverse.btn-bordered, .et-db #et-boc .et-l .dark .btn.btn-secondary.btn-inverse.btn-bordered, .dark .et_pb_button.btn.btn-secondary.btn-inverse.btn-bordered, .dark .btn.btn-secondary.btn-inverse.btn-bordered { color: #fff; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-secondary.btn-inverse.btn-bordered:hover, .et-db #et-boc .et-l .dark .btn.btn-secondary.btn-inverse.btn-bordered:hover, .dark .et_pb_button.btn.btn-secondary.btn-inverse.btn-bordered:hover, .dark .btn.btn-secondary.btn-bordered.btn-inverse:hover { color: #0994d4; background: #fff; border-color: #fff; } /* END btn-secondary ------------------------------------------------------------------------------------*/ /* btn-third ------------------------------------------------------------------------------------*/ .et-db #et-boc .et-l .et_pb_button.btn.btn-third, .et_pb_button.btn.btn-third, .btn.btn-third, .et-db #et-boc .et-l .et_pb_button.btn.btn-third.btn-bordered, .et_pb_button.btn.btn-third.btn-bordered, .btn.btn-third.btn-bordered { color: #0994d4; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn.btn-third.disabled, .et_pb_button.btn.btn-third.disabled, .btn.btn-third.disabled, .et-db #et-boc .et-l .et_pb_button.btn.btn-third.btn-bordered.disabled, .et_pb_button.btn.btn-third.btn-bordered.disabled, .btn.btn-third.btn-bordered.disabled { color: #fff; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-third, .et-db #et-boc .et-l .dark .btn.btn-third, .dark .et_pb_button.btn.btn-third, .dark .btn.btn-third, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-third.btn-bordered, .et-db #et-boc .et-l .dark .btn.btn-third.btn-bordered, .dark .et_pb_button.btn.btn-third.btn-bordered, .dark .btn.btn-third.btn-bordered { color: #fff; background: #84aec2; border-color: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn.btn-third:hover, .et_pb_button.btn.btn-third:hover, .btn.btn-third:hover, .et-db #et-boc .et-l .et_pb_button.btn.btn-third.btn-bordered:hover, .et_pb_button.btn.btn-third.btn-bordered:hover, .btn.btn-third.btn-bordered:hover { color: #fff; background: #0994d4; border-color: #0994d4; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-third:hover, .et-db #et-boc .et-l .dark .btn.btn-third:hover, .dark .et_pb_button.btn.btn-third:hover, .dark .btn.btn-third:hover, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-third.btn-bordered:hover, .et-db #et-boc .et-l .dark .btn.btn-third.btn-bordered:hover, .dark .et_pb_button.btn.btn-third.btn-bordered:hover, .dark .btn.btn-third.btn-bordered:hover { color: #fff; background: rgba(132, 175, 195, 0.5); border-color: #fff; } /* END btn-third ------------------------------------------------------------------------------------*/ /* btn-fourth ------------------------------------------------------------------------------------*/ .et-db #et-boc .et-l .et_pb_button.btn.btn-fourth, .et_pb_button.btn.btn-fourth, .btn.btn-fourth, .et-db #et-boc .et-l .et_pb_button.btn.btn-fourth.btn-bordered, .et_pb_button.btn.btn-fourth.btn-bordered, .btn.btn-fourth.btn-bordered { color: #204a68; background: transparent; border-color: currentColor; } .et-db #et-boc .et-l .et_pb_button.btn.btn-fourth.disabled, .et_pb_button.btn.btn-fourth.disabled, .btn.btn-fourth.disabled, .et-db #et-boc .et-l .et_pb_button.btn.btn-fourth.btn-bordered.disabled, .et_pb_button.btn.btn-fourth.btn-bordered.disabled, .btn.btn-fourth.btn-bordered.disabled { color: #fff; } .et-db #et-boc .et-l .et_pb_button.btn.btn-fourth:hover, .et_pb_button.btn.btn-fourth:hover, .btn.btn-fourth:hover, .et-db #et-boc .et-l .et_pb_button.btn.btn-fourth.btn-bordered:hover, .et_pb_button.btn.btn-fourth.btn-bordered:hover, .btn.btn-fourth.btn-bordered:hover { color: #fff; background: #204a68; border-color: #204a68; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fourth, .et-db #et-boc .et-l .dark .btn.btn-fourth, .dark .et_pb_button.btn.btn-fourth, .dark .btn.btn-fourth, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fourth.btn-bordered, .et-db #et-boc .et-l .dark .btn.btn-fourth.btn-bordered, .dark .et_pb_button.btn.btn-fourth.btn-bordered, .dark .btn.btn-fourth.btn-bordered { color: #fff; background: rgba(132, 175, 195, 0.5); border-color: #fff; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fourth:hover, .et-db #et-boc .et-l .dark .btn.btn-fourth:hover, .dark .et_pb_button.btn.btn-fourth:hover, .dark .btn.btn-fourth:hover, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fourth.btn-bordered:hover, .et-db #et-boc .et-l .dark .btn.btn-fourth.btn-bordered:hover, .dark .et_pb_button.btn.btn-fourth.btn-bordered:hover, .dark .btn.btn-fourth.btn-bordered:hover { color: #fff; background: #84aec2; border-color: currentColor; } /* END btn-fourth ------------------------------------------------------------------------------------*/ /* btn-fifth ------------------------------------------------------------------------------------*/ .et-db #et-boc .et-l .et_pb_button.btn.btn-fifth, .et_pb_button.btn.btn-fifth, .btn.btn-fifth, .et-db #et-boc .et-l .et_pb_button.btn.btn-fifth.btn-bordered, .et_pb_button.btn.btn-fifth.btn-bordered, .btn.btn-fifth.btn-bordered { color: #fff; background: #ff5200; border-color: #ff5200; } .et-db #et-boc .et-l .et_pb_button.btn.btn-fifth.disabled, .et_pb_button.btn.btn-fifth.disabled, .btn.btn-fifth.disabled, .et-db #et-boc .et-l .et_pb_button.btn.btn-fifth.btn-bordered.disabled, .et_pb_button.btn.btn-fifth.btn-bordered.disabled, .btn.btn-fifth.btn-bordered.disabled { color: #fff; } .et-db #et-boc .et-l .et_pb_button.btn.btn-fifth:hover, .et_pb_button.btn.btn-fifth:hover, .btn.btn-fifth:hover, .et-db #et-boc .et-l .et_pb_button.btn.btn-fifth.btn-bordered:hover, .et_pb_button.btn.btn-fifth.btn-bordered:hover, .btn.btn-fifth.btn-bordered:hover { color: #ff5200; background: transparent; border-color: #ff5200; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fifth, .et-db #et-boc .et-l .dark .btn.btn-fifth, .dark .et_pb_button.btn.btn-fifth, .dark .btn.btn-fifth, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fifth.btn-bordered, .et-db #et-boc .et-l .dark .btn.btn-fifth.btn-bordered, .dark .et_pb_button.btn.btn-fifth.btn-bordered, .dark .btn.btn-fifth.btn-bordered { color: #fff; background: rgba(255, 82, 0, 0.5); border-color: #fff; } .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fifth:hover, .et-db #et-boc .et-l .dark .btn.btn-fifth:hover, .dark .et_pb_button.btn.btn-fifth:hover, .dark .btn.btn-fifth:hover, .et-db #et-boc .et-l .dark .et_pb_button.btn.btn-fifth.btn-bordered:hover, .et-db #et-boc .et-l .dark .btn.btn-fifth.btn-bordered:hover, .dark .et_pb_button.btn.btn-fifth.btn-bordered:hover, .dark .btn.btn-fifth.btn-bordered:hover { color: #fff; background: #ff5200; border-color: #fff; } /* END btn-fifth ------------------------------------------------------------------------------------*/ .et-db #et-boc .et-l .et_pb_button:hover, .et-db #et-boc .et-l .et_pb_module .et_pb_button:hover { padding: 0.35em 1em; } .et-db #et-boc .et-l .et_pb_button.btn-l:hover, .et-db #et-boc .et-l .et_pb_module .et_pb_button.btn-l:hover { padding: 0.55em 1.375em; border-width: 2px; } .et-db #et-boc .et-l .et_pb_button:after, .et-db #et-boc .et-l .et_pb_button:before { transition: none !important; } div.button-group { margin-top: 2rem; } div.button-group .btn + .btn { margin-left: 1rem; } .global-footer { background-color: #204a68 !important; } .et-db #et-boc .dark .et_pb_button.btn, .dark .et_pb_button.btn, .dark .btn { color: #204a68; background: #fff; border-color: #fff; } .et-db #et-boc .dark .et_pb_button.btn.disabled, .dark .et_pb_button.btn.disabled, .dark .btn.disabled { color: #204a68 !important; background: rgba(255, 255, 255, 0.333) !important; border-color: transparent !important; } .et-db #et-boc .dark .et_pb_button.btn:hover, .dark .et_pb_button.btn:hover, .dark .btn:hover { color: #204a68; background: #fff; border-color: #fff; } .et-db #et-boc .dark .et_pb_button.btn.btn-bordered, .dark .et_pb_button.btn.btn-bordered, .dark .btn.btn-bordered { color: #fff; background: transparent; border-color: currentColor; } .et-db #et-boc .dark .et_pb_button.btn.btn-bordered:hover, .et-db #et-boc .dark .btn.btn-bordered:hover, .et-db #et-boc .dark .btn.btn-bordered.active, .et-db #et-boc .dark .dark .et_pb_button.btn.btn-bordered.active, .dark .et_pb_button.btn.btn-bordered:hover, .dark .btn.btn-bordered:hover, .dark .btn.btn-bordered.active, .dark .et_pb_button.btn.btn-bordered.active { color: #204a68; background: #fff; border-color: #fff; } .et-db #et-boc .dark .et_pb_button.btn.btn-inverse:hover, .et-db #et-boc .dark .btn.btn-inverse:hover, .dark .et_pb_button.btn.btn-inverse:hover, .dark .btn.btn-inverse:hover { color: #fff; background: transparent; border-color: currentColor; } .et-db #et-boc .dark .et_pb_button.btn:after, .dark .et_pb_button.btn:after, .dark .btn:after { display: none !important; } .et-db #et-boc .dark .btn.btn-w-icon span, .et-db #et-boc .dark .btn.btn-w-icon svg, .et-db #et-boc .dark .btn.btn-w-icon svg path .et-db #et-boc .dark .btn.btn-custom span, .et-db #et-boc .dark .btn.btn-custom svg, .et-db #et-boc .dark .btn.btn-custom svg path, .dark .btn.btn-w-icon span, .dark .btn.btn-w-icon svg, .dark .btn.btn-w-icon svg path, .dark .btn.btn-custom span, .dark .btn.btn-custom svg, .dark .btn.btn-custom svg path { color: #204a68; fill: #204a68; stroke: #204a68; transition: all 0.2s ease; } .et-db #et-boc .dark .btn.btn-w-icon.btn-bordered:hover span, .et-db #et-boc .dark .btn.btn-w-icon.btn-bordered:hover svg, .et-db #et-boc .dark .btn.btn-w-icon.btn-bordered:hover svg path, .et-db #et-boc .dark .btn.btn-custom.btn-bordered:hover span, .et-db #et-boc .dark .btn.btn-custom.btn-bordered:hover svg, .et-db #et-boc .dark .btn.btn-custom.btn-bordered:hover svg path, .dark .btn.btn-w-icon.btn-bordered:hover span, .dark .btn.btn-w-icon.btn-bordered:hover svg, .dark .btn.btn-w-icon.btn-bordered:hover svg path, .dark .btn.btn-custom.btn-bordered:hover span, .dark .btn.btn-custom.btn-bordered:hover svg, .dark .btn.btn-custom.btn-bordered:hover svg path { color: #204a68; fill: #204a68; stroke: #204a68; } .et-db #et-boc .dark .btn.btn-w-icon.btn-bordered span, .et-db #et-boc .dark .btn.btn-w-icon.btn-bordered svg, .et-db #et-boc .dark .btn.btn-w-icon.btn-bordered svg path, .et-db #et-boc .dark .btn.btn-w-icon.btn-inverse:hover, .et-db #et-boc .dark .btn.btn-w-icon.btn-inverse:hover span, .et-db #et-boc .dark .btn.btn-w-icon.btn-inverse:hover svg, .et-db #et-boc .dark .btn.btn-w-icon.btn-inverse:hover svg path, .et-db #et-boc .dark .btn.btn-custom.btn-bordered span, .et-db #et-boc .dark .btn.btn-custom.btn-bordered svg, .et-db #et-boc .dark .btn.btn-custom.btn-bordered svg path, .et-db #et-boc .dark .btn.btn-custom.btn-inverse:hover, .et-db #et-boc .dark .btn.btn-custom.btn-inverse:hover span, .et-db #et-boc .dark .btn.btn-custom.btn-inverse:hover svg, .et-db #et-boc .dark .btn.btn-custom.btn-inverse:hover svg path, .dark .btn.btn-w-icon.btn-bordered span, .dark .btn.btn-w-icon.btn-bordered svg, .dark .btn.btn-w-icon.btn-bordered svg path, .dark .btn.btn-w-icon.btn-inverse:hover, .dark .btn.btn-w-icon.btn-inverse:hover span, .dark .btn.btn-w-icon.btn-inverse:hover svg, .dark .btn.btn-w-icon.btn-inverse:hover svg path, .dark .btn.btn-custom.btn-bordered span, .dark .btn.btn-custom.btn-bordered svg, .dark .btn.btn-custom.btn-bordered svg path, .dark .btn.btn-custom.btn-inverse:hover, .dark .btn.btn-custom.btn-inverse:hover span, .dark .btn.btn-custom.btn-inverse:hover svg, .dark .btn.btn-custom.btn-inverse:hover svg path { color: #fff; fill: #fff; stroke: #fff; } .et-db #et-boc .et_pb_button.btn.btn-green, .et_pb_button.btn.btn-green, .btn.btn-green { color: #fff; background: #1cb04b; border-color: #1cb04b; } .et-db #et-boc .et_pb_button.btn.btn-green:hover, .et_pb_button.btn.btn-green:hover, .btn.btn-green:hover { color: #fff; background: #158438; border-color: #158438; } .et-db #et-boc .et_pb_button.btn.btn-green.btn-bordered, .et_pb_button.btn.btn-green.btn-bordered, .btn.btn-green.btn-bordered { color: #1cb04b; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-green.btn-bordered:hover, .et_pb_button.btn.btn-green.btn-bordered:hover, .btn.btn-green.btn-bordered:hover { color: #fff; background: #158438; border-color: #158438; } .et-db #et-boc .et_pb_button.btn.btn-green.btn-inverse:hover, .et_pb_button.btn.btn-green.btn-inverse:hover, .btn.btn-green.btn-inverse:hover { color: #158438; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-orange, .et_pb_button.btn.btn-orange, .btn.btn-orange { color: #fff; background: #ff5200; border-color: #ff5200; } .et-db #et-boc .et_pb_button.btn.btn-orange:hover, .et_pb_button.btn.btn-orange:hover, .btn.btn-orange:hover { color: #fff; background: #cc4200; border-color: #cc4200; } .et-db #et-boc .et_pb_button.btn.btn-orange.btn-bordered, .et_pb_button.btn.btn-orange.btn-bordered, .btn.btn-orange.btn-bordered { color: #ff5200; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-orange.btn-bordered:hover, .et_pb_button.btn.btn-orange.btn-bordered:hover, .btn.btn-orange.btn-bordered:hover { color: #fff; background: #cc4200; border-color: #cc4200; } .et-db #et-boc .et_pb_button.btn.btn-orange.btn-inverse:hover, .et_pb_button.btn.btn-orange.btn-inverse:hover, .btn.btn-orange.btn-inverse:hover { color: #cc4200; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-magenta, .et_pb_button.btn.btn-magenta, .btn.btn-magenta { color: #fff; background: #da1557; border-color: #da1557; } .et-db #et-boc .et_pb_button.btn.btn-magenta:hover, .et_pb_button.btn.btn-magenta:hover, .btn.btn-magenta:hover { color: #fff; background: #ab1144; border-color: #ab1144; } .et-db #et-boc .et_pb_button.btn.btn-magenta.btn-bordered, .et_pb_button.btn.btn-magenta.btn-bordered, .btn.btn-magenta.btn-bordered { color: #da1557; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-magenta.btn-bordered:hover, .et_pb_button.btn.btn-magenta.btn-bordered:hover, .btn.btn-magenta.btn-bordered:hover { color: #fff; background: #ab1144; border-color: #ab1144; } .et-db #et-boc .et_pb_button.btn.btn-magenta.btn-inverse:hover, .et_pb_button.btn.btn-magenta.btn-inverse:hover, .btn.btn-magenta.btn-inverse:hover { color: #ab1144; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-lime, .et_pb_button.btn.btn-lime, .btn.btn-lime { color: #fff; background: #1cb088; border-color: #1cb088; } .et-db #et-boc .et_pb_button.btn.btn-lime:hover, .et_pb_button.btn.btn-lime:hover, .btn.btn-lime:hover { color: #fff; background: #158466; border-color: #158466; } .et-db #et-boc .et_pb_button.btn.btn-lime.btn-bordered, .et_pb_button.btn.btn-lime.btn-bordered, .btn.btn-lime.btn-bordered { color: #1cb088; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-lime.btn-bordered:hover, .et_pb_button.btn.btn-lime.btn-bordered:hover, .btn.btn-lime.btn-bordered:hover { color: #fff; background: #158466; border-color: #158466; } .et-db #et-boc .et_pb_button.btn.btn-lime.btn-inverse:hover, .et_pb_button.btn.btn-lime.btn-inverse:hover, .btn.btn-lime.btn-inverse:hover { color: #158466; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-blue, .et_pb_button.btn.btn-blue, .btn.btn-blue { color: #fff; background: #005ca8; border-color: #005ca8; } .et-db #et-boc .et_pb_button.btn.btn-blue:hover, .et_pb_button.btn.btn-blue:hover, .btn.btn-blue:hover { color: #fff; background: #004075; border-color: #004075; } .et-db #et-boc .et_pb_button.btn.btn-blue.btn-bordered, .et_pb_button.btn.btn-blue.btn-bordered, .btn.btn-blue.btn-bordered { color: #005ca8; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-blue.btn-bordered:hover, .et_pb_button.btn.btn-blue.btn-bordered:hover, .btn.btn-blue.btn-bordered:hover { color: #fff; background: #004075; border-color: #004075; } .et-db #et-boc .et_pb_button.btn.btn-blue.btn-inverse:hover, .et_pb_button.btn.btn-blue.btn-inverse:hover, .btn.btn-blue.btn-inverse:hover { color: #004075; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-purple, .et_pb_button.btn.btn-purple, .btn.btn-purple { color: #fff; background: #6b1fa6; border-color: #6b1fa6; } .et-db #et-boc .et_pb_button.btn.btn-purple:hover, .et_pb_button.btn.btn-purple:hover, .btn.btn-purple:hover { color: #fff; background: #4f177b; border-color: #4f177b; } .et-db #et-boc .et_pb_button.btn.btn-purple.btn-bordered, .et_pb_button.btn.btn-purple.btn-bordered, .btn.btn-purple.btn-bordered { color: #6b1fa6; background: transparent; border-color: currentColor; } .et-db #et-boc .et_pb_button.btn.btn-purple.btn-bordered:hover, .et_pb_button.btn.btn-purple.btn-bordered:hover, .btn.btn-purple.btn-bordered:hover { color: #fff; background: #4f177b; border-color: #4f177b; } .et-db #et-boc .et_pb_button.btn.btn-purple.btn-inverse:hover, .et_pb_button.btn.btn-purple.btn-inverse:hover, .btn.btn-purple.btn-inverse:hover { color: #4f177b; background: transparent; border-color: currentColor; } .et-db #et-boc .contact-btn > a, .contact-btn > a { display: inline-flex; position: relative; max-width: 100%; padding: 0.35em 1em; font-size: 16px; color: #fff; text-align: center; align-items: center; justify-content: center; background: #666; border-width: 1px; border-style: solid; border-color: #666; border-radius: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.2s ease; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 2rem; color: #0994d4; background: transparent; border-color: currentColor; margin-top: 0; margin-left: 1em; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; } .et-db #et-boc .hero .btn.btn-inverse, .hero .btn.btn-inverse { color: #0994d4; } /*.et-db #et-boc .et_pb_custom_button_icon.et_pb_button.btn, .et_pb_custom_button_icon.et_pb_button.btn{ padding-left:2em !important; } */ .et-db #et-boc .et_pb_custom_button_icon.et_pb_button.btn:before, .et_pb_custom_button_icon.et_pb_button.btn:before { content: attr(data-icon) !important; font-size: 1.1em !important; font-family: ETmodules !important; opacity: 1 !important; left: inherit; top: inherit; position: relative; height: 100%; line-height: 100%; vertical-align: middle; display: flex !important; align-items: center; margin-right: 0.45em; transition: all 0.2s ease !important; } /* END buttons-----------------------------------------------------------------------------------------*/ .padding-bottom-0 { padding-bottom: 0 !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-1 { margin-top: 1rem !important; } .margin-top-2 { margin-top: 2rem !important; } .margin-bottom-1 { margin-bottom: 1rem !important; } .margin-bottom-2 { margin-bottom: 2rem !important; } .margin-left-1x { margin-left: 1rem !important; } .margin-left-2x { margin-left: 2rem !important; } .margin-right-1x { margin-right: 1rem !important; } .margin-right-2x { margin-right: 2rem !important; } .secondary { color: #0994d4 !important; } .uppercase { text-transform: uppercase !important; } .bold, b { font-weight: 700 !important; } #main-header .logo_container a img { position: relative; max-width: 100%; height: 40px; } .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding-top: 0; } .et_search_outer { z-index: 1; } .login-language { display: flex; padding-right: 48px; height: 48px; align-items: center; } .mobile_nav #path1, .mobile_nav #path2, .mobile_nav #path3, .mobile_nav #path4 { transition: all 0.3s ease; } .mobile_nav #path2, .mobile_nav #path3 { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mobile_nav #path1, .mobile_nav #path4 { opacity: 1; } .mobile_nav.opened #path1, .mobile_nav.opened #path4 { opacity: 0; } .mobile_nav.opened #path2 { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .mobile_nav.opened #path3 { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .wpml-ls-legacy-list-horizontal { padding: 0; } #main-header .header-center-menu, .login-language { display: none; } .login-language .wpml-ls-item { border-left: 1px solid #0994d4; } .login-language .wpml-ls-item:first-child { border-left: 0; } div.login-language div.svg-map-icon { display: inline-block; position: relative; width: 50px; height: 24px; margin-right: 5px; } div.login-language div.svg-map-icon svg { fill: #0994d4; } div.login-language ul li { display: inline-block; margin: 0 2px; font-size: 14px; color: #0994d4; } div.login-language ul li a { color: #0994d4; padding: 2px 4px; border-bottom: 2px solid transparent; } .mobile_nav.opened div.login-language { display: flex; width: auto; position: absolute; right: 48px; z-index: 100; padding-right: 0; top: 0; } #top-menu li { margin: 0 1em; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 400; text-align: center; padding: 0; } #header-center-menu .phone > a { font-family: 'Roboto', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 3rem; transition: all 0.3s ease; } #mega-menu-wrap-mobile-menu, #mega-menu-wrap-primary-menu { background: #fff; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item, #mega-menu-wrap-mobile-menu .mega-menu-toggle + #mega-menu-mobile-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { color: #204a68; background: transparent !important; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { color: #204a68; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #0994d4; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { display: block; width: 100%; max-width: 1000px; height: auto; margin: 0; z-index: 9; } #mega-menu-wrap-mobile-menu svg, #mega-menu-wrap-primary-menu svg { fill: #0994d4 !important; stroke: #0994d4 !important; } #mega-menu-wrap-mobile-menu div.row, #mega-menu-wrap-primary-menu div.row { display: flex; position: relative; min-width: 100%; margin-left: -1rem; margin-right: -1rem; flex-direction: row; align-self: stretch; align-items: center; } #mega-menu-wrap-mobile-menu div.col, #mega-menu-wrap-primary-menu div.col { display: flex; position: relative; width: 100%; margin-left: 1rem; margin-right: 1rem; flex-direction: column; align-items: flex-start; text-align: left; word-wrap: anywhere; } #mega-menu-wrap-mobile-menu .mega-menu-toggle, #mega-menu-wrap-primary-menu .mega-menu-toggle { display: none !important; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { float: none; } .mobile_nav.opened .header-main-menu-holder #mega-menu-mobile-menu, .mobile_nav.opened .header-main-menu-holder #mega-menu-primary-menu { display: block !important; } #main-header .mobile_nav.opened .header-center-menu, .mobile_nav.opened .header-center-menu-holder { display: block; } .mobile_nav.opened .header-center-menu-holder { padding: 2rem 0; } #et_mobile_nav_menu, .et_header_style_left #et-top-navigation { width: 100%; } .mobile_nav.opened #menu-scroller { height: calc(100vh - 64px); overflow: hidden; overflow-y: auto; margin-top: 64px !important; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu { background: transparent; float: none; padding: 0; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { padding: 0 0.5em; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item { border-bottom: 1px solid #ddd; } .mobile_nav .submenu-item > a { display: block; } .mobile_nav #mega-menu-wrap-mobile-menu .submenu-item div.col-3, .mobile_nav #mega-menu-wrap-mobile-menu .submenu-item div.col-9 > :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .mobile_nav #mega-menu-wrap-primary-menu .submenu-item div.col-3, .mobile_nav #mega-menu-wrap-primary-menu .submenu-item div.col-9 > :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: none; } .mobile_nav #mega-menu-wrap-mobile-menu .submenu-item div.col-9 > span > b, .mobile_nav #mega-menu-wrap-primary-menu .submenu-item div.col-9 > span > b, .mobile_nav #mega-menu-wrap-mobile-menu .submenu-item div.mtext > span > b { height: 2.666rem; font-weight: 400 !important; line-height: 2.666rem; font-size: 1.25rem !important; font-family: 'Roboto', sans-serif; overflow: hidden; color: #0994d4; text-decoration: none; padding-bottom: 3px; border-bottom-width: 3px; border-style: solid; border-color: transparent; cursor: pointer; transition: all 0.3s ease; } #mobil-header-center-menu li { display: flex; justify-content: center; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a, #mobil-header-center-menu li > a { color: #0994d4; font-family: 'Roboto', sans-serif; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a { color: #204a68; text-decoration: none; padding: 3px 0; transition: all 0.3s ease; outline: 0; font-size: 1.5rem; vertical-align: baseline; background: transparent; font-weight: 400; line-height: 2rem; float: none; } #mobil-header-center-menu li.phone > a { font-size: 1.5rem; font-weight: 400; line-height: 3rem; } #mobil-header-center-menu .contact-btn > a { margin-top: 0 !important; margin-left: 0; font-size: 1.1rem !important; font-weight: 300 !important; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { content: '+'; display: inline-block !important; text-align: right; font-size: 2.5rem; font-family: 'Roboto', sans-serif; font-weight: 300; transition: all 0.2s ease; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after, .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after { transform: rotate(225deg); } .flex-row-holder .row, .referenciak .row { display: flex; position: relative; min-width: 100%; margin-left: -15px; margin-right: -15px; flex-direction: row; align-self: stretch; align-items: center; } .referenciak .row { justify-content: center; } .flex-row-holder .row.wrap { flex-wrap: wrap; } .flex-row-holder .row.column { margin-left: 0; margin-right: 0; flex-direction: column; } .flex-row-holder .row > div, .referenciak .row > div { display: flex; position: relative; width: 100%; margin-left: 15px; margin-right: 15px; flex-direction: column; align-items: flex-start; text-align: left; word-wrap: anywhere; justify-content: space-between; } .flex-row-holder .row > div.col { width: 100%; margin: 0; } .flex-row-holder .row > div.col + div.col { margin-top: 1rem; } .flex-row-holder .row > div.col[class*='col-s-'] { margin-left: 1rem; margin-right: 1rem; } .flex-row-holder .row div.col.col-s-2 { width: calc((100% * 2 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-3 { width: calc((100% * 3 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-4 { width: calc((100% * 4 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-5 { width: calc((100% * 5 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-6 { width: calc((100% * 6 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-7 { width: calc((100% * 7 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-8 { width: calc((100% * 8 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-9 { width: calc((100% * 9 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-10 { width: calc((100% * 10 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-11 { width: calc((100% * 11 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-s-12 { width: calc(100% - (1rem * 2)); } div.slick-slider img { display: inline-block; } .referenciak.oszlopos .row { flex-wrap: wrap; justify-content: flex-start; } div.slick-slider.slick-dotted { margin-bottom: 2rem; } div.slick-slider .slick-dots { display: block; position: absolute; width: 100%; top: 100%; margin-top: 1rem; font-size: 0; text-align: center; z-index: 90; } div.slick-slider .slick-dots li { display: inline-block; position: relative; width: 0.75rem; height: 0.75rem; margin: 0 5px; } div.slick-slider .slick-dots li button { display: block; position: relative; width: 100%; height: 100%; font-size: 0; color: transparent; text-indent: -9999px; line-height: 0 !important; border-radius: 50%; cursor: pointer; background: rgba(0, 0, 0, 0.2); } div.slick-slider .slick-dots li button:hover { background: rgba(0, 0, 0, 0.3); } div.slick-slider .slick-dots li.slick-active button, div.slick-slider .slick-dots li.slick-active button:hover { background: #0994d4 !important; } div.slick-slider .slick-dots li button, div.slick-slider .slick-dots li button:hover { background: transparent; border: 1px solid #0994d4; } .dark div.slick-slider:hover .slick-prev, .dark div.slick-slider:hover .slick-next { opacity: 0.666; } .dark div.slick-slider:hover .slick-prev:hover, .dark div.slick-slider:hover .slick-next:hover { opacity: 1; } .dark div.slick-slider .slick-prev { background-position: bottom left; } .dark div.slick-slider .slick-next { background-position: bottom right; } .dark div.slick-slider .slick-dots li button { background: rgba(255, 255, 255, 0.666); } .dark div.slick-slider .slick-dots li button:hover { background: #fff; } .dark div.slick-slider .slick-dots li.slick-active button, .dark div.slick-slider .slick-dots li.slick-active button:hover { background: #fff !important; } .dark div.slick-slider .slick-dots li button, .dark div.slick-slider .slick-dots li button:hover { background: transparent; border: 1px solid #fff; } .dark div.slick-slider .slick-dots li.slick-active button, .dark div.slick-slider .slick-dots li.slick-active button:hover { border-color: transparent; } .fadeIn { -webkit-animation: fadeIn 1.5s !important; animation: fadeIn 1.5s !important; } .fadeInUp { -webkit-animation: fadeInUp 1.5s !important; animation: fadeInUp 1.5s !important; } .fadeInDown { -webkit-animation: fadeInDown 1.5s !important; animation: fadeInDown 1.5s !important; } .fadeInLeft { -webkit-animation: fadeInLeft 1.5s !important; animation: fadeInLeft 1.5s !important; } .fadeInRight { -webkit-animation: fadeInRight 1.5s !important; animation: fadeInRight 1.5s !important; } .fade { opacity: 0; } .stories a.box { display: flex; align-items: center; justify-content: center; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); overflow: hidden; cursor: pointer; border-radius: 0.333rem; width: 100%; } .referenciak #et-boc .et-l .stories a.box { box-shadow: none; } .stories a.box div.more-large { display: flex; position: absolute; width: 100%; height: 33.3%; left: 0; bottom: 0; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(to bottom, transparent, #204a68); transition: all 0.2s ease; border-radius: 0.333rem; } .stories a.box div.more-large img { width: 50%; } .stories a.box div.more-large span { position: absolute; padding: 0.55em 1.375em; bottom: 0; color: #fff; font-size: 14px; opacity: 0; border: 2px solid #fff; transition: all 0.2s ease; border-radius: 2rem; } .stories a.box:hover div.more-large { height: 100%; } .stories a.box:hover div.more-large span { bottom: 15%; opacity: 1; } .stories a.box.box-small { height: 150px; background: #2ea3f2; flex-direction: column; } .stories a.box.box-small img { width: 50%; transition: all 0.2s ease; } .stories a.box.box-small div.more { position: relative; margin-top: 1rem; padding: 0.175em 1em !important; color: #fff; font-size: 14px; opacity: 1; border: 2px solid #fff; transition: all 0.2s ease; border-radius: 2rem; display: block; } div.modal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; align-items: center; justify-content: center; background: #fff; z-index: 109997; } div.modal-overlay.show { display: flex !important; } div.modal-overlay .contact-overlay { top: 0; background: rgba(0, 0, 0, 0.75); } div.modal-overlay.contact-overlay div.modal-content { flex-direction: column; } div.modal-overlay .row { display: flex; position: relative; min-width: 100%; margin-left: 0; margin-right: 0; flex-direction: column; align-self: stretch; align-items: center; } div.row { margin-left: -0.5rem; margin-right: -0.5rem; } div.modal-overlay div.row + div.row { margin-top: 1rem; } div.modal-overlay div.col { display: flex; position: relative; width: 100%; margin-left: 1rem; margin-right: 1rem; flex-direction: column; align-items: flex-start; text-align: left; word-wrap: anywhere; } div.modal-overlay div.overlay-close { position: absolute; width: 24px; height: 24px; top: 1rem; right: 1rem; font-size: 0; background: transparent url('./images/close.png') bottom center no-repeat; background-size: 24px; cursor: pointer; opacity: 1; z-index: 9998; } div.modal-overlay div.overlay-close:hover { opacity: 1; } div.modal-overlay div.modal-content-wrap { position: relative; width: 100%; height: 100%; border-radius: 0; max-width: 1000px; padding: 2rem; background: #fff; } div.modal-overlay div.tab-content { display: block; position: relative; width: 100%; height: auto; opacity: 0; transition: opacity 0.3s ease; } div.modal-overlay.show div.tab-content { opacity: 1; } div.modal-overlay div.modal-content { display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; } div.modal-overlay div.modal-content div.content { display: flex; width: 100%; max-width: none; height: 100%; padding: 0 !important; flex-direction: column; } div.modal-overlay div.modal-content .flex-row-holder { max-width: 100%; } div.video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } div.video-container iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } div.modal-overlay div.story div.box { display: none; padding: 1rem; font-size: 0.75rem; text-align: center; flex-direction: column; align-self: stretch; justify-content: center; border: 1px solid #204a68; width: 100%; margin: 0; } .modal-content-wrap .the-solution { display: block; padding-top: 0.5rem; } div.story :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { margin-top: 0.5rem; font-size: 0.75rem; } div.story :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { margin-top: 0; padding-left: 0; font-family: 'Unna', serif; font-size: 1.1rem; color: #0994d4; text-align: justify; border-left: 0px solid #0994d4; } div.story :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote-sign { padding-right: 2px; font-size: 0.75rem; text-align: right; } div.story div.box div.info { display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: center; } #function-filter { background: #204a68; padding: 2rem; border-radius: 2rem; } #function-filter .input, #function-filter .input:active, #function-filter .input.active, #function-filter .input:focus { color: #204a68; background: rgba(255, 255, 255, 0.85); border-color: transparent; } #function-filter div.input-reset { background-color: #204a68; background-position: bottom center; } #function-filter .btn { min-width: 100%; width: 100%; min-height: 38px; max-height: 38px; } #function-filter .btn.internal { min-width: 0; width: auto; min-height: 0; max-height: none; padding: 0.35em 0.8em; font-size: 13px; } .btn span { color: currentColor; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .icon.icon-4x, .sor-4-ikon .et_pb_blurb .et_pb_image_wrap { width: 4rem; height: 4rem; } .icon.icon-4x img, .sor-4-ikon .et_pb_blurb .et_pb_image_wrap img { width: 100%; max-width: 100%; display: block; margin: 0; height: auto; } .sor-4-ikon .et_pb_blurb .et_pb_image_wrap img { height: 100%; object-fit: contain; } .function-card { position: relative; width: 100%; height: 226px; background: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); overflow: hidden; transition: all 0.3s ease; border-radius: 0.333rem; } .function-card .front, .function-card .back { display: flex; position: absolute; width: 100%; height: 100%; text-align: center; flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s ease; } .function-card .front .pos, .function-card .back { padding: 1rem; } .function-card:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); } .function-card div.icon :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { margin-top: 0.5rem !important; } .function-card .back { opacity: 0; -webkit-transform: scale(1.25); transform: scale(1.25); } .function-card:hover .back { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .function-card :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { font-size: 15px; } .function-card .back :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { color: #fff; } .flex-row-holder .row > div.function-item { margin: 1rem; } div.col.function-item:nth-child(7n + 1) div.icon svg { fill: #0994d4 !important; stroke: #0994d4 !important; } div.col.function-item:nth-child(7n + 1) .back .btn.btn-secondary, div.col.function-item:nth-child(7n + 1) .back .btn.btn-secondary:hover { color: #fff; background: #0994d4; border-color: #0994d4; } div.col.function-item:nth-child(7n + 2) div.icon svg { fill: #1cb04b !important; stroke: #1cb04b !important; } div.col.function-item:nth-child(7n + 2) .back .btn.btn-secondary, div.col.function-item:nth-child(7n + 2) .back .btn.btn-secondary:hover { color: #fff; background: #1cb04b; border-color: #1cb04b; } div.col.function-item:nth-child(7n + 3) div.icon svg { fill: #ff5200 !important; stroke: #ff5200 !important; } div.col.function-item:nth-child(7n + 3) .back .btn.btn-secondary, div.col.function-item:nth-child(7n + 3) .back .btn.btn-secondary:hover { color: #fff; background: #ff5200; border-color: #ff5200; } div.col.function-item:nth-child(7n + 4) div.icon svg { fill: #da1557 !important; stroke: #da1557 !important; } div.col.function-item:nth-child(7n + 4) .back .btn.btn-secondary, div.col.function-item:nth-child(7n + 4) .back .btn.btn-secondary:hover { color: #fff; background: #da1557; border-color: #da1557; } div.col.function-item:nth-child(7n + 5) div.icon svg { fill: #005ca8 !important; stroke: #005ca8 !important; } div.col.function-item:nth-child(7n + 5) .back .btn.btn-secondary, div.col.function-item:nth-child(7n + 5) .back .btn.btn-secondary:hover { color: #fff; background: #005ca8; border-color: #005ca8; } div.col.function-item:nth-child(7n + 6) div.icon svg { fill: #6b1fa6 !important; stroke: #6b1fa6 !important; } div.col.function-item:nth-child(7n + 6) .back .btn.btn-secondary, div.col.function-item:nth-child(7n + 6) .back .btn.btn-secondary:hover { color: #fff; background: #6b1fa6; border-color: #6b1fa6; } div.col.function-item:nth-child(7n + 7) div.icon svg { fill: #1cb088 !important; stroke: #1cb088 !important; } div.col.function-item:nth-child(7n + 7) .back .btn.btn-secondary, div.col.function-item:nth-child(7n + 7) .back .btn.btn-secondary:hover { color: #fff; background: #1cb088; border-color: #1cb088; } .function-card div.icon + :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { margin-top: 0.5rem !important; } .function-card .tag-line { padding: 5px; width: 100%; text-align: center; color: #fff !important; } #function-search-results { position: relative; min-height: 200px; margin-top: 4rem; } #function-search-results #function-search-results-text, #function-search-results #function-search-buttons { display: none; } #function-search-results-text .flex-row-holder.oszlopos { margin-top: 1rem; } #function-filter div.group .btn.internal { margin: 0.5rem; } #function-filter div.group-big .btn.internal { padding: 0.5em 1em; font-size: 1rem; } #function-filter > div.row:last-child { margin-top: 1rem; } #main-footer { position: relative; width: 100%; height: auto; line-height: inerit; margin: 0 auto; font-size: 0.8rem; text-align: left; background: #204a68; z-index: 1; padding-bottom: 64px; } #main-footer .et_pb_section { padding-bottom: 0; } #main-footer ul.social { } #main-footer :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { color: #fff; font-weight: bold !important; } .footer-title { color: #757575 !important; font-weight: bold !important; } footer ul.social li a { margin-left: 20px; } .link { position: relative; } footer :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { display: block; width: 100%; margin-bottom: 1rem; font-size: 1.1rem !important; font-weight: 300 !important; letter-spacing: 0; } footer a { cursor: pointer; } .link:after { content: ''; position: absolute; width: 0; bottom: 0; border-top: 1px solid #0772a3; transition: width 0.3s ease; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .link:hover:after { width: 100%; } .dark .link:after { border-color: #fff; } #main-footer img.gdpr, #main-footer img.aaa { width: 90%; max-width: 126px; margin-bottom: 2rem; height: auto; } #main-footer img.gdpr { max-width: 140px; margin-bottom: 0rem; } #main-footer ul.social li { display: flex; align-items: center; padding-left: 16px; } #main-footer ul.social li:before { display: inline-block; width: 24px; height: 24px; content: ''; background: #204a68 url(./images/footer-icons/icons-sprite.png) 0 0 no-repeat; } #main-footer ul.social li.icon-facebook:before { background-position: 0 -24px; } #main-footer ul.social li.icon-linkedin:before { background-position: 0 -48px; } #main-footer ul.social li.icon-youtube:before { background-position: 0 -72px; } #main-footer ul.social li > .link { /* width:calc(100% - 30px);*/ width: auto; } #main-footer ul.social li + li { margin-top: 0.9rem; } .flex-row-holder .input-group > div.row { margin-left: -0.5rem; margin-right: -0.5rem; } .flex-row-holder .input-group > div.row + div.row { margin-top: 1rem; } .flex-row-holder .input-group > div.row > div.col { margin-left: 0.5rem; margin-right: 0.5rem; margin-top: 0; } div.checkbox-wrap { display: flex; position: relative; } div.checkbox-wrap label.checkbox { position: relative; margin: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } div.checkbox-wrap label.checkbox input { position: absolute; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; -webkit-appearance: inherit; -moz-appearance: inherit; appearance: inherit; } div.checkbox-wrap label.checkbox span.checkmark { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: #fff; border-width: 1px; border-style: solid; border-color: #cecece; transition: all 0.1s ease; } div.checkbox-wrap label.checkbox svg { position: absolute; width: 18px; height: 18px; top: 0; left: 0; stroke: #0994d4; -webkit-transform: scale(0); transform: scale(0); transition: all 0.15s ease; } div.checkbox-wrap label.checkbox input:checked ~ svg { -webkit-transform: scale(1); transform: scale(1); } div.checkbox-wrap label.checkbox + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { position: relative; margin-left: 24px; top: -2px; font-size: 0.875rem; } .title-with-icon { display: flex; align-items: center; font-size: 8vw !important; font-weight: 500 !important; } div.icon img { width: 100%; height: auto; margin: 0; padding: 0; } .title-with-icon div.icon { width: 3rem; height: 3rem; display: block; } .title-with-icon span { margin-left: 10px; width: calc(100% - 3rem - 10px); } .section { padding: 54px 0; } .section .section-row { padding: 27px 0; } .section-row-text { padding: 1em 0 0 0; } .three-button { display: flex; justify-content: space-around; flex-direction: column; } .button-holder.three-button { margin: 27px 0 0 0; } .button-holder.three-button .et_pb_button { margin: 1rem 0; width: 100%; } .three-button .et_pb_column { margin-right: 0 !important; } .container.section.funkciok-container, .container.section.funkciok-container .section-row { padding-bottom: 0; } div#testimonials-slider { height: 200px; overflow: hidden; } div#testimonials-slider.slick-initialized { height: auto; overflow: inherit; } div#testimonials-slider .row { margin: 0; } div#testimonials-slider div.col { display: flex; position: relative; width: 100%; margin: 0; flex-direction: column; align-items: center; text-align: center; } div#testimonials-slider div.box { display: flex; flex-direction: column; align-items: center; justify-content: center; } div#testimonials-slider div.box img { width: auto; height: 2rem; display: inline-flex; } div#testimonials-slider div.box :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: inline-flex; width: auto; margin-top: 1rem; padding-left: 0; } .et-db #et-boc .et-l .et_pb_text ol, .et-db #et-boc .et-l .et_pb_text ul { padding: 1em 1em 1em 2em; } .et_pb_text_inner :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) + :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { padding-top: 1em; } .flip-hover-boxes .et_pb_column, .service-3-boxes .et_pb_column { background: #fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); overflow: hidden; transition: all 0.3s ease; border-radius: 0.333rem; } .flip-hover-boxes .et_pb_column .et_pb_image_wrap, .service-3-boxes .et_pb_column .et_pb_image_wrap { display: block; margin: auto; padding: 1.5rem; padding-bottom: 0; min-height: 160px; } .service-5-boxes .et_pb_column .et_pb_image_wrap { padding: 1.5rem; min-height: inherit; } .flip-hover-boxes .et_pb_column .et_pb_image_wrap { min-height: inherit; } .flip-hover-boxes .et_pb_column .et_pb_image_wrap img, .service-3-boxes .et_pb_column .et_pb_image_wrap img { max-width: 50vw; position: relative; height: auto; } .flip-hover-boxes .et_pb_main_blurb_image, .service-3-boxes .et_pb_main_blurb_image { margin-bottom: 0; } .flip-hover-boxes .et_pb_blurb_container, .service-3-boxes .et_pb_blurb_container { display: flex; width: 100%; padding: 1.5rem; padding-top: 0; text-align: center; flex-direction: column; align-items: center; transition: all 0.3s ease; position: relative; height: auto; opacity: 1; -webkit-transform: scale(1); transform: scale(1); justify-content: center; } .flip-hover-boxes .et_pb_module_header, .service-3-boxes .et_pb_module_header { margin-top: 0.5rem !important; font-size: 5.333vw !important; color: #204a68 !important; font-weight: 400 !important; text-shadow: none !important; letter-spacing: -0.05rem !important; font-family: 'Roboto', sans-serif !important; text-align: center !important; } .service-5-boxes .et_pb_module_header > span { color: inherit; } .flip-hover-boxes .et_pb_blurb_description, .service-3-boxes .et_pb_blurb_description { margin-top: 0.5rem; text-align: center; } .flip-hover-boxes .et_pb_blurb_description :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .service-3-boxes .et_pb_blurb_description :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: block; width: 100%; color: #666 !important; font-size: 100%; text-align: center; } .flip-hover-boxes.four-boxes .et_pb_blurb_description :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: none; } .et_pb_blurb_description a.bigblue, .et_pb_blurb_description a.smallblue { color: #fff !important; background: #0994d4; border-color: #0994d4; border: 0; border-radius: 2rem; font-weight: 400 !important; margin: 10px 0 0 0; } .flip-hover-boxes .et_pb_blurb_description :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) + .small-button, .service-3-boxes .et_pb_blurb_description :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) + .small-button { margin-top: 1rem; } #reference-slider .slick-list { max-height: 160px; overflow: hidden; } #reference-slider.slick-initialized .slick-list { max-height: initial; } .et_pb_text_inner ul li, .list-bullet-blue ul li, .et_pb_toggle_content ul { list-style: none; } .et_pb_text_inner ul li:before, .list-bullet-blue ul li:before, .et_pb_toggle_content ul li:before { position: absolute; content: '•'; content: '•'; margin-left: -1rem; font-family: sans-serif; font-size: 1.5em; color: #0994d4; } .dark .et_pb_text_inner ul li:before, .dark .et_pb_toggle_content ul li:before { color: #fff; line-height: 1; } .tab.long-text { width: 100%; padding: 0.875rem 1.25rem; font-size: 1.1rem; font-weight: 600; background: transparent; border: 2px solid #fff; margin: 0.5rem 0; text-align: center; cursor: pointer; } .tab.long-text.active { color: #0994d4; background: #fff; } div.tab-content { display: none; position: relative; width: 100%; height: auto; opacity: 0; transition: opacity 0.3s ease; } div.tab-content.show { display: block; } div.tab-content.active { opacity: 1; } .tabs.management .tab-blocks > .row { flex-wrap: wrap; flex-direction: row !important; } .tabs.management a.tab { opacity: 0.5; transition: opacity 0.3s ease; width: calc((100% * 6 / 12) - (0.5rem * 2)); display: block; margin-left: 0.5rem; margin-right: 0.5rem; padding: 0; } .tabs.management a.tab.active { opacity: 1; } .tabs.management .tab :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { padding-top: 0.5rem; font-size: 0.8rem; } .tabs.management .tab :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { font-size: 0.8rem; } .tabs.management .tab :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).secondary { color: #0994d4 !important; margin: 0; } .tabs.management .tab-content > div > .text { text-align: justify; } .tabs.management .row.tc-holder { margin-left: 0rem; margin-right: 0rem; margin-top: 1rem; font-size: 0.8rem; } div.browser { display: flex; position: relative; width: 100%; height: auto; padding-bottom: calc(60% - 2px); background: #eee; box-shadow: 0 0 100px 25px rgba(0, 0, 0, 0.25); overflow: hidden; border-radius: 0.333rem; } div.browser div.browser-top { display: flex; position: absolute; width: 100%; height: 6%; top: 0; left: 0; align-items: center; overflow: hidden; } div.browser div.browser-top div.browser-close, div.browser div.browser-top div.browser-min, div.browser div.browser-top div.browser-max { display: inline-flex; position: relative; width: 1.5%; margin-left: 1%; padding-bottom: 1.5%; border-radius: 50%; } div.browser div.browser-top div.browser-close { background: #da1557; } div.browser div.browser-top div.browser-min { background: #ff5200; } div.browser div.browser-top div.browser-max { background: #1cb04b; } div.browser div.browser-content { display: flex; position: absolute; width: 100%; height: 94%; top: 6%; left: 0; overflow: hidden; } div.browser div.browser-content div.browser-content-wrap { position: relative; width: 100%; height: 100%; } div.browser div.browser-content div.browser-content-wrap iframe { width: 100%; height: 100%; } div.browser.browser-full { margin-top: 30px; padding-bottom: 0; padding-top: 35px; z-index: 1; } #browser-top { margin: 0 !important; position: absolute; top: -35px; width: 100%; height: 35px; } #browser-top > .et_pb_code_inner, #browser-top div.browser-top { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #browser-top div.browser-top { display: flex; align-items: center; overflow: hidden; } #browser-top div.browser-top div.browser-close, #browser-top div.browser-top div.browser-min, #browser-top div.browser-top div.browser-max { display: inline-flex; position: relative; width: 15px; margin-left: 10px; height: 15px; border-radius: 50%; } img.cover, video.cover { position: absolute; object-fit: cover; width: 100%; max-width: none; height: 100% !important; max-height: none; top: auto; } .m-0 { margin: 0 !important; } .tab-content > div > .text { text-align: center; } #mega-menu-wrap-mobile-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu ul.mega-sub-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-row, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-column, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu span.mega-menu-badge, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column, #mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu span.mega-menu-badge, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link { font-family: 'Roboto', sans-serif; } #logo { -webkit-transform: inherit; } div.slick-slider .slick-track { display: flex; align-items: center; } div#testimonials-slider div.box { display: flex; flex-direction: row; align-items: center; justify-content: center; } div#testimonials-slider.horizontal-slider div.box { flex-direction: column; } div#testimonials-slider.horizontal-slider div.box img { height: auto; width: 80%; max-width: 100%; margin: auto; display: block; margin-bottom: 20px; } #main-footer .et_pb_text_inner ul { padding: 0 !important; list-style: none; } #main-footer .et_pb_text_inner ul:not(.social) li::before { display: none; } :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { color: #0994d4; margin-top: 0; padding-left: 0; border-left: 0; } div.review :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { font-family: 'Unna', serif; font-size: 1.5rem; text-align: center; } .funkciok-container div.icon img { width: 100%; height: 100%; margin: 0; padding: 0; object-fit: contain; } div#testimonials-slider div.col.img img { max-width: 66.6%; } div#testimonials-slider div.col.review div.row + div.row { margin-top: 1rem; } :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote-person { width: 100%; padding-right: 2px; font-size: 0.875rem; text-align: right; font-style: italic; } div.review :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote-person { width: auto; padding-right: 0; font-size: 1rem; text-align: center; font-style: normal; } div.review { padding: 2rem; } .testimonials-colored div.review { padding-top: 0; } div#testimonials-slider.horizontal-slider :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote-person { display: block; width: 100%; } .headings-with-icon :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) > a { display: flex; } .headings-with-icon :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) > a > img { margin-right: 0.5rem; transition: all 0.1s ease; } .headings-with-icon :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])):hover > a > img { transform: scale(1.15); } /* sticky menu--------------------------------------------------------------------------*/ div#nav-secondary { display: none; position: fixed; width: 100%; height: 3rem; top: 64px; left: 0; color: #204a68; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); z-index: 97; cursor: default; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.3s ease; } div#nav-secondary.offset { top: -64px; } body.admin-bar div#nav-secondary { top: 96px; } body.admin-bar div#nav-secondary.offset { top: -96px; } div#nav-secondary div.content { position: relative; width: 100%; max-width: 1080px; margin: 0 auto; z-index: 9; align-self: center; display: flex; height: 100%; padding: 0; } div#nav-secondary div.content > div { margin: 0 auto; align-self: center; } div#nav-secondary div.content > div:first-child { margin-left: 0; } div#nav-secondary div.content > div:last-child { margin-right: 0; } div#nav-secondary div.menu ul { display: inline-flex; } div#nav-secondary div.menu ul a { color: #204a68; text-decoration: none; padding-bottom: 3px; border-bottom-width: 3px; border-style: solid; border-color: transparent; cursor: pointer; transition: all 0.3s ease; } div#nav-secondary div.menu ul a:hover, div#nav-secondary div.menu ul a.active { border-color: #0994d4; } div#nav-secondary div.menu ul a.btn-search { padding: 0 !important; border: 0 !important; } div#nav-secondary div.menu ul a.btn-search div.icon { display: block; width: 1.333rem; height: 1.333rem; transition: all 0.1s ease; } div#nav-secondary div.menu ul a.btn-search div.icon:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } div#nav-secondary div.menu ul a.btn-search div.icon svg { fill: #fff !important; stroke: #fff !important; } div#nav-secondary div.menu ul li { margin: 0 0.75em; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 400; text-align: center; } div#nav-secondary div.menu ul li:first-child { margin-left: 0; } div#nav-secondary .btn { margin: 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; } div#nav-secondary div.breadcrumb { display: flex; align-items: center; } div#nav-secondary div.breadcrumb div.icon-wrap { display: inline-flex; position: relative; width: 1.5rem; height: 1.5rem; margin-left: 0.5rem; margin-right: 0.5rem; align-items: center; justify-content: center; background: #eee; border-radius: 6px 0 0 0; } div#nav-secondary div.breadcrumb div.icon-wrap:before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 0px solid transparent; border-top: 5px solid #fff; } div#nav-secondary div.breadcrumb div.icon-wrap:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-left: 0px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } div#nav-secondary div.breadcrumb div.icon-wrap > img { height: calc(100% - 8px); width: auto; object-position: center; object-fit: contain; } div#nav-secondary div.breadcrumb div.icon-wrap div.icon { width: 1rem; height: 1rem; } div#nav-secondary div.breadcrumb span { display: inline-flex; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 15px; } div#nav-secondary.sticky_blue { color: #fff; background: #204a68; } div#nav-secondary.sticky_blue div.content > div { margin: 0 auto; align-self: center; } div#nav-secondary.sticky_blue div.menu ul a { color: #fff; } div#nav-secondary.sticky_blue div.menu ul a:hover, div#nav-secondary.sticky_blue div.menu ul a.active { border-color: #fff; } div#nav-secondary div.demo-banner { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; align-items: center; justify-content: center; max-width: 100%; } div#nav-secondary div.demo-banner a.cta { margin-left: 1em; } div.banner-close { position: absolute; width: 1rem; height: 1rem; right: 1rem; background-color: transparent; background-image: url('./images/close.png'); background-position: bottom center; background-repeat: no-repeat; background-size: 1rem; border-radius: 50%; opacity: 0.666; cursor: pointer; z-index: 98; transition: all 0.1s ease; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } div.banner-close:hover { opacity: 1; } div#nav-secondary div.demo-banner { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; align-items: center; justify-content: center; } footer .comingsoon { padding-left: 0; transition: all 0.3s ease; } footer .comingsoon:after { content: attr(data-soon); position: absolute; left: 0; color: #fff; opacity: 0; transition: all 0.3s ease; } footer .comingsoon:hover { padding-left: 50%; color: #204a68; } footer .comingsoon:hover:after { opacity: 1; } div#consultation-badge { position: fixed; bottom: 2rem; right: 2rem; z-index: 97; border-radius: 50%; overflow: hidden; cursor: pointer; display: none; } div#consultation-badge a { display: block; width: 100%; height: 100%; } div.icon.icon-animated svg, div.icon.icon-animated img { -webkit-transform: scale(0.9); transform: scale(0.9); transition: all 0.15s ease; } div.icon.icon-animated:hover svg, div.icon.icon-animated:hover img { -webkit-transform: scale(1); transform: scale(1); } div.icon.icon-circle { border-width: 1px; border-style: solid; border-color: #666; border-radius: 50%; } div.icon.icon-circle.icon-primary { border-color: #204a68; } div.icon.icon-circle.icon-secondary { border-color: #0994d4; } div.icon.icon-circle.icon-1x { width: 2rem; height: 2rem; padding: 0.5rem; border-width: 1px; } div.icon.icon-circle.icon-2x { width: 3.2rem; height: 3.2rem; padding: 0.6rem; border-width: 1px; } div.icon.icon-circle.icon-3x { width: 4.6rem; height: 4.6rem; padding: 0.8rem; border-width: 2px; } div.icon.icon-circle.icon-4x { width: 6rem; height: 6rem; padding: 1rem; border-width: 2px; } div.icon.icon-circle.icon-5x { width: 7.6rem; height: 7.6rem; padding: 1.3rem; border-width: 2px; } div.icon.icon-circle.icon-fill { background: #666; border: 0 !important; } div.icon.icon-circle.icon-fill svg { fill: #fff !important; stroke: #fff !important; } div.icon.icon-circle.icon-green { border-color: #1cb04b; } div.icon.icon-circle.icon-orange { border-color: #ff5200; } div.icon.icon-circle.icon-magenta { border-color: #da1557; } div.icon.icon-circle.icon-blue { border-color: #005ca8; } div.icon.icon-circle.icon-purple { border-color: #6b1fa6; } div.icon.icon-circle.icon-lime { border-color: #1cb088; } div.icon.icon-circle.icon-fill.icon-green { background: #1cb04b; } div.icon.icon-circle.icon-fill.icon-orange { background: #ff5200; } div.icon.icon-circle.icon-fill.icon-magenta { background: #da1557; } div.icon.icon-circle.icon-fill.icon-blue { background: #005ca8; } div.icon.icon-circle.icon-fill.icon-purple { background: #6b1fa6; } div.icon.icon-circle.icon-fill.icon-lime { background: #1cb088; } #demoForm form { max-width: 100%; } .lego-block .et_pb_text_inner :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { margin-top: 0; margin-bottom: 1rem; } .et_pb_toggle, .et_pb_toggle_close, .et_pb_toggle_open { background-color: transparent; padding: 0; border: 0; } .et_pb_toggle.et_pb_module { margin: 0 !important; } .et_pb_toggle .et_pb_toggle_title { padding: 1rem; font-weight: 300 !important; border-bottom: 1px solid #cecece; cursor: pointer; } .et_pb_toggle_content { padding: 1rem; border-bottom: 1px solid #cecece; } .et_pb_toggle_content ul { padding-bottom: 0; padding-top: 18px; } .referenciak-awards .awards-titles, .awards-tab-images .awards-image { display: none; } .awards-tab-images { display: flex; } .awards-tab-images > :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .awards-tab-images .awards-image-color { width: calc((100% * 4 / 12) - (0.5rem * 2)); margin-left: 0.5rem; margin-right: 0.5rem; } .awards-tab-images > :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { width: calc((100% * 8 / 12) - (0.5rem * 2)); font-weight: 400; } .referenciak .row > div.awards-tab-images { flex-direction: row; margin-top: 1rem; align-items: center; } .accordian { position: relative; width: 100%; height: auto; overflow: hidden; border-radius: 0.333rem; } .accordian .accordian-top { padding: 1rem; font-weight: 600; background: transparent; border-bottom: 1px solid #cecece; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .accordian .accordian-top > :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { display: flex; width: 100%; justify-content: space-between; font-weight: 300 !important; cursor: pointer; } .accordian .accordian-content { height: 0; margin-top: -1px; padding: 0 1rem; border-bottom: 1px solid #cecece; overflow: hidden; transition: all 0.2s ease; position: relative; } .accordian .accordian-content.opened { height: auto; margin-top: 0; padding: 1rem; } .accordian .accordian-container:last-child .accordian-content { border-bottom: 0; } .accordian .accordian-content ul { margin-top: 1rem; } .accordian .accordian-content ul li ul { margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 1rem; } .accordian .accordian-content ul li ul li:before { color: #666; } .dark .accordian .accordian-content ul li:before, .dark .accordian .accordian-content ul li ul li:before { color: #fff; } #mainForm > form, .col.form > form { max-width: 100%; } div#footer-mobile { display: flex; justify-content: center; align-items: center; position: fixed; width: 100%; height: 4rem; bottom: 0; left: 0; background: #eee; overflow: hidden; z-index: 97; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.3s ease; } div#footer-mobile.offset { bottom: calc(4rem * -1); } div#footer-mobile div.group { min-width: 0; flex-direction: row; display: inline-flex; max-width: 100%; align-items: center; overflow: hidden; } div#footer-mobile div.group .btn { margin: 0; font-size: 14px; width: auto !important; } div#footer-mobile div.group .btn + .btn { margin-left: 1rem; } @media all and (max-width: 320px) { div#footer-mobile div.group .btn { font-size: 12px; } } .gdpr-text > a { text-decoration: underline !important; } .form .Response { border: 0 !important; } body.page-template-template-landing-pages .et_pb_section { padding-bottom: 0 !important; } #function-search-buttons .button-group { display: flex !important; } /* NEW function menu */ .hi-megamenu { display: block; width: 100%; } .hi-megamenu .submenu-column { line-height: 1; margin: 0; padding: 0 0 0 1em; } .hi-megamenu a.internal { display: block; width: 100%; line-height: 1; margin: 0; padding: 0; } .hi-megamenu .menu-title { width: 100%; text-align: left; } .hi-megamenu .menu-title.mtitle { line-height: 1.6rem; font-size: 1.25rem !important; font-family: 'Roboto', sans-serif; color: #0994d4; font-weight: normal; position: relative; padding-bottom: 15px; width: 85%; margin-bottom: 10px; } .hi-megamenu .menu-title.mtitle:after { display: block; position: absolute; content: ''; height: 1px; background: #0994d4; width: 25%; left: 0; bottom: 0; } .hi-megamenu .menu-title.stitle, .hi-megamenu .menu-title.stitle b { color: #093758; font-weight: normal; } .hi-megamenu .img > img, .hi-megamenu .after-icon > img { float: left; margin: 0; padding: 0; display: none; } #mega-menu-wrap-mobile-menu .hi-megamenu div.col.col-3::before, #mega-menu-wrap-primary-menu .hi-megamenu div.col.col-3::before, #mega-menu-wrap-mobile-menu .hi-megamenu div.col.col-3::after, #mega-menu-wrap-primary-menu .hi-megamenu div.col.col-3::after { display: none !important; } #mega-menu-wrap-mobile-menu .hi-megamenu div.col.col-3, #mega-menu-wrap-primary-menu .hi-megamenu div.col.col-3 { background: #fff; border-radius: 0; width: auto; height: auto; } .et_pb_row.fedezze-fel .et_pb_column .et_pb_module .et_pb_blurb_content { display: flex; } .et_pb_row.fedezze-fel .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_main_blurb_image { width: 65px !important; margin: 0; } .et_pb_row.fedezze-fel .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_container { padding-left: 20px; width: 100%; word-break: break-word; } .et_pb_row.fedezze-fel .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 1.3rem; line-height: 1.5rem; font-weight: bold; padding-bottom: 0.8rem; } .hide-arrows .et-pb-slider-arrows { display: none; } .wp-faq-schema-wrap.wp-faq-schema-accordion { margin: 36px 0; border-bottom: 1px solid #204a68; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-state-default { background: transparent; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-accordion .ui-accordion-header { margin: 0; border: 0; border-top: 1px solid #204a68; color: #204a68; border-radius: 0; padding: 36px 50px; font-size: 26px; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-accordion .ui-accordion-content { border: 0; padding: 36px 50px; border-top: 1px solid #204a68; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-accordion .ui-accordion-content :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { padding-bottom: 1rem; color: #666; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-accordion .ui-accordion-content :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])):last-child { padding-bottom: 0; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-accordion-header-icon { position: absolute; top: calc(50% - 8px); left: 24px; background-image: url(./images/accordion-arrow.png) !important; background-position: center; background-repeat: no-repeat; transition: all 0.3s ease; display: block; width: 9px; height: 16px; margin: 0; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active { color: #2ea3f2 !important; } .wp-faq-schema-wrap.wp-faq-schema-accordion .ui-accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active .ui-accordion-header-icon { transform: rotate(90deg); transition: all 0.3s ease; } /* Blue form */ .blue-form-holder .textarea.input, .blue-form-holder input.input, .blue-form-holder .input { color: #666; background: #fff; border-width: 1px; border-style: solid; border-color: #cecece; } .blue-form-holder .input:active, .blue-form-holder .input.active, .blue-form-holder .input:focus, .blue-form-holder input.input:active, .blue-form-holder input.input.active, .blue-form-holder input.input:focus { background: #fff; border-color: #0994d4; box-shadow: inset 0 0 3px 0 rgb(9 148 212 / 33%); } .blue-form-holder input.input.valid:active, .blue-form-holder input.input.valid.active, .blue-form-holder input.input.valid:focus, .blue-form-holder .input:active, .blue-form-holder .input.active, .blue-form-holder .input:focus, .blue-form-holder input.input.valid { background: #fff; border-color: #1cb04b; box-shadow: inset 0 0 3px 0 rgb(28 176 75 / 33%); } .blue-form-holder .btn.btn-secondary { color: #0994d4 !important; background: #fff !important; border-color: #fff !important; } .dsm-flipbox.dsm-flipbox-3d .dsm_flipbox_child { overflow: initial !important; } #vallalati-telefonkozpont { align-items: flex-start; } #vallalati-telefonkozpont .separator-line { width: 100%; height: 1px; display: block; background: #ffff; margin: 30px 0; } #vallalati-telefonkozpont .select-wrapper:after { content: '3'; } #vallalati-telefonkozpont .btn.disabled { color: #fff; } .select-wrapper.disabled:after { display: none; } /*responsive -------------------------------------------------------------------------------------------------*/ /* 670 -------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 670px) { :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) { font-size: 8vw; } :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-size: 7vw; } :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { font-size: 6.25vw; } .et_pb_column_1_3 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_1_4 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_1_5 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_1_6 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_2_5 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { font-size: 5.333vw; } .et_pb_column_1_3 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_1_4 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_1_5 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_1_6 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_2_5 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 4.5vw; } .flex-row-holder.stories { flex-wrap: wrap; } .flex-row-holder.stories .row { flex-wrap: wrap; } .flex-row-holder.stories .row > div { /*width:100% !important;*/ margin-top: 1rem; } .flex-row-holder.stories.box-small .row > div { width: calc(100% - 30px) !important; } .et-db #et-boc .et-l .et_pb_button.btn-xl, .et_pb_button.btn-xl, .btn-xl { font-size: 20px; } .et_pb_animation_off_phone { animation: none !important; } .flex-row-holder .row.function-list div.function-item { width: calc((100% * 6 / 12) - (0.5rem * 2)); margin: 0.5rem !important; } .flex-row-holder .row.function-list div.function-item { width: calc((100% * 6 / 12) - (0.25rem)); margin: 0.25rem !important; } .flex-row-holder .row.function-list div.function-item:nth-child(odd) { margin-left: 0 !important; } .flex-row-holder .row.function-list div.function-item:nth-child(even) { margin-right: 0 !important; } } /* END 670 -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1200px) { #wpadminbar { display: none !important; } body.admin-bar div#nav-secondary { top: 64px; } body.admin-bar, body.admin-bar #main-header { margin-top: 0px !important; } } /* 1199 -------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 1199px) { #wpadminbar { display: none !important; } body.admin-bar div#nav-secondary { top: 64px; } .function-card, .product-card, .industry-card { height: auto; } .function-card .front, .function-card .back, .product-card .front, .product-card .back, .industry-card .front, .industry-card .back { position: relative; height: auto; opacity: 1 !important; -webkit-transform: scale(1); transform: scale(1); } .function-card .front .pos { padding: 1rem 0.5rem 0 0.5rem; } .function-card .icon.icon-4x { width: 3rem; height: 3rem; } .function-card :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 4.4vw; } .function-card :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: none !important; } } /* END 1199 -------------------------------------------------------------------------------------------------*/ /* 1024 -------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 1023px) { .slide .row.force.wrap { flex-wrap: wrap; justify-content: center; } .slide .row > div.col-s-4 { width: calc((100% / 4) - (0.5rem * 2)) !important; margin-top: 0.5rem; margin-bottom: 0.5rem; } .flex-row-holder .row, .referenciak .row { margin-left: 0; margin-right: 0; } .awards-tab-images { width: 100% !important; } } /* 980 -------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 980px) { .three-button { display: flex; flex-wrap: wrap; } .three-button .et_pb_column { width: 100% !important; padding: 0 !important; } .three-button .et_pb_button_module_wrapper { flex-direction: column; min-width: 100%; display: inline-flex; align-items: center; } .et_pb_button_module_wrapper { text-align: center !important; } .et_pb_row.flip-hover-boxes { width: 100%; justify-content: center; } .flip-hover-boxes .et_pb_column, .flip-hover-boxes .et_pb_column.et-last-child, .flip-hover-boxes .et_pb_column:last-child { margin: 1% !important; } } /* 767 -------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 767px) { #main-header .container { width: 100%; padding: 0 calc(3rem / 4); height: 48px; } .flex-row-holder .row.column-s { margin-left: 0; margin-right: 0; flex-direction: column; } .m-d-block { display: block !important; } .m-colum { flex-direction: column !important; } .m-colum-reverse { flex-direction: column-reverse !important; } .m-d-none { display: none !important; } .s-center { text-align: center !important; align-items: center !important; } .no-s { display: none !important; } .flex-row-holder.button-group, .three-button .et_pb_button_module_wrapper { flex-direction: column; min-width: 100%; display: inline-flex; align-items: center; } div.button-group .btn + .btn { margin-left: 0rem; margin-top: 1rem; } .flex-row-holder .input-group > div.row { margin-left: 0; margin-right: 0; } #homeForm { padding: 0 1rem; } .flex-row-holder .row { flex-direction: column; } .flex-row-holder .input-group > div.row > div.col + div.col { margin-top: 1rem; } .flex-row-holder .input-group > div.row > div.col { margin: 0 1rem; } .flip-hover-boxes.four-boxes .et_pb_column { width: 47.25% !important; margin-right: 5.5%; } .flex-row-holder.oszlopos .row.function-list { flex-direction: row; } .et_pb_row.flip-hover-boxes.four-boxes .et_pb_column.et_pb_column_1_4.et-last-child, .et_pb_row.flip-hover-boxes.four-boxes .et_pb_column.et_pb_column_1_4:last-child, .et_pb_row.flip-hover-boxes.four-boxes .et_pb_column.et_pb_column_1_4:nth-child(2n) { margin-bottom: 30px !important; } .flip-hover-boxes.four-boxes .et_pb_module_header { font-size: 4.4vw; } .container.section.funkciok-container .section-row.funkciok-title-with-icon div.icon.icon-2x { width: 100%; height: auto; padding: 2rem; max-height: 200px; } .container.section.funkciok-container .section-row.funkciok-title-with-icon div.icon.icon-2x > img { height: auto; } .btn, .et_pb_button.btn-small, .et_pb_button { width: 350px !important; max-width: 100% !important; } .et-waypoint:not(.et_pb_counters), .et_pb_animation_top.et-animated { animation: none !important; opacity: 1 !important; -webkit-animation: none !important; } .formcol1, .formcol2, .formcol3, .formcol1 div, .formcol2 div, .formcol3 div { width: 100% !important; } .formcol3 { margin: 0 !important; } #vallalati-telefonkozpont .separator-line { margin: 30px auto; } } /* END 767 -------------------------------------------------------------------------------------------------*/ /* 768 -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) { .flex-row-holder .row > div.col[class*='col-m-'] { margin-left: 1rem; margin-right: 1rem; } .flex-row-holder .row div.col.col-m-1 { width: calc((100% * 1 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-2 { width: calc((100% * 2 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-3 { width: calc((100% * 3 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-4 { width: calc((100% * 4 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-5 { width: calc((100% * 5 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-6 { width: calc((100% * 6 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-7 { width: calc((100% * 7 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-8 { width: calc((100% * 8 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-9 { width: calc((100% * 9 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-10 { width: calc((100% * 10 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-11 { width: calc((100% * 11 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-m-12 { width: calc((100% * 12 / 12) - (1rem * 2)); } .m-margin-left-1x { margin-left: 1rem !important; } .m-margin-left-2x { margin-left: 2rem !important; } .m-margin-right-1x { margin-right: 1rem !important; } .m-margin-right-2x { margin-right: 2rem !important; } .m-align-items-start { align-items: flex-start !important; } .m-align-items-end { align-items: flex-end !important; } .m-align-items-stretch { align-items: stretch !important; } .m-justify-content-start { justify-content: flex-start !important; } body.admin-bar.single-funkciok #page-container { padding-top: 0px !important; } #main-header .container { position: relative; width: calc(100% - 2rem); max-width: 1000px; margin: 0 auto; z-index: 9; align-self: center; height: 74px; display: flex; padding: 0 !important; justify-content: space-between; } #main-header .logo_container { display: flex; width: 17vw; height: 2rem; font-size: 0; align-items: center; transition: all 0.3s ease; position: relative; left: initial; top: initial; margin: 20px 0 0 0; } .et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a { padding-bottom: 0 !important; } #top-menu, #main-header .header-center-menu { display: flex; } #top-menu-nav, #main-header .header-center-menu, .login-language { height: 100%; display: flex; align-items: center; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; z-index: 9; align-self: center; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { position: fixed; left: 0; background: #fff; top: 64px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); /*box-shadow: 0 4px 5px 0 rgba(0,0,0,0.15); */ width: 100%; max-width: 100%; display: flex; justify-content: center; } body.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, body.admin-bar.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { top: 64px; z-index: 2; } body.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu:before, body.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu:after { position: absolute; content: ''; width: 100%; z-index: 9; display: block; background: #fff; height: 8px; } body.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu:before { /* box-shadow: 0 0 10px 0 rgba(0,0,0,0.15); */ top: -6px; z-index: 1; } body.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu:after { top: -15px; z-index: 4; height: 15px; } body.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu .mega-menu-row { width: 100%; } #top-menu li { font-size: 1.4vw; } #mega-menu-wrap-primary-menu div.col.col-3 { width: calc((100% * 3 / 12) - (1rem * 2)); } #mega-menu-wrap-primary-menu div.col.col-9 { margin-left: 0; margin-right: 0; } #mega-menu-wrap-primary-menu div.col.col-9 { width: calc((100% * 9 / 12) - (1rem * 2)); } #mega-menu-wrap-primary-menu div.col.col-3 { height: 54px; width: 54px; margin-right: 0.666rem; justify-content: center; background: #eee; border-radius: 10px 0 0 0; align-items: center; } li.mega-menu-item .submenu-item a { color: #204a68; cursor: pointer; transition: all 0.3s ease; } li.mega-menu-item div.icon { display: inline-flex; position: relative; } li.mega-menu-item div.icon.icon-2x { width: 2rem; height: 2rem; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item .submenu-column { width: 33%; flex-direction: column; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item .submenu-item { width: 100%; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #header-center-menu .phone > a { font-size: 1.4vw; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link, #header-center-menu > .menu-item > a { white-space: nowrap; } #et_mobile_nav_menu, .et_header_style_left #et-top-navigation { width: auto; } #header-center-menu a.btn.btn-secondary.btn-bordered, #header-center-menu .btn.btn-secondary.btn-bordered > a { margin-top: 0; margin-left: 1em; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; } #mega-menu-wrap-mobile-menu div.col.col-9 > span > b, #mega-menu-wrap-primary-menu div.col.col-9 > span > b { font-size: 13px; } #mega-menu-wrap-mobile-menu div.col.col-9 > :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), #mega-menu-wrap-primary-menu div.col.col-9 > :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { font-size: 12px; font-weight: normal; } #mega-menu-wrap-mobile-menu div.col.col-3:before, #mega-menu-wrap-primary-menu div.col.col-3:before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 0px solid transparent; border-top: 10px solid #fff; } #mega-menu-wrap-mobile-menu div.col.col-3:after, #mega-menu-wrap-primary-menu div.col.col-3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-left: 0px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } #header-center-menu .phone > a { font-weight: 500; } #main-header .clearfix:after { display: none; } div.modal-overlay .row { flex-direction: row; margin-left: -0.5rem; margin-right: -0.5rem; } #footer-contact-form.modal-overlay .row { flex-direction: row; margin-left: 0 !important; margin-right: 0 !important; } div.modal-overlay div.story div.col { margin-left: 0.5rem; margin-right: 0.5rem; } div.modal-overlay div.story div.box { display: flex; } div.modal-overlay div.story div.col.col-4, div.modal-overlay div.col.col-4 { width: calc((100% * 4 / 12) - (0.5rem * 2)); } div.modal-overlay div.story div.col.col-8 { width: calc((100% * 8 / 12) - (0.5rem * 2)); } div.modal-overlay div.story div.col.col-4 .col.center img { margin-bottom: 1rem; } div.story :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { margin-top: 1.5rem; font-size: 1.1rem; border-left: 5px solid #0994d4; padding-left: 2rem; } #homeForm { margin-left: 15px; margin-right: 15px; } div#testimonials-slider .row { display: flex; position: relative; min-width: 100%; margin-left: -1rem; margin-right: -1rem; flex-direction: row; align-self: stretch; align-items: center; } div#testimonials-slider div.col { margin-left: 1rem; margin-right: 1rem; padding-bottom: 0.5rem; } div#testimonials-slider div.box { display: flex; flex-direction: row; align-items: center; justify-content: center; } div#testimonials-slider.horizontal-slider div.box img, div#testimonials-slider div.box img { display: inline-flex; width: 200px; height: auto; } div#testimonials-slider.horizontal-slider div.box img { margin: 0 1rem; width: calc((100% * 3 / 12) - (1rem * 2)); } :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { margin-top: 3rem; padding-left: 2rem; font-size: 1.1rem; color: #0994d4; text-align: justify; } :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote-person { width: 100%; padding-right: 2px; font-size: 1rem; text-align: right; font-style: italic; } div#testimonials-slider.horizontal-slider div.box { flex-direction: row; } div#testimonials-slider.horizontal-slider div.box > div { width: calc((100% * 9 / 12) - (1rem * 2)); margin: 0 1rem; } div#testimonials-slider div.box :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: inline-flex; width: auto; padding-left: 2rem; } div#testimonials-slider.horizontal-slider div.box :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { margin-top: 3rem; padding-left: 2rem; font-size: 1.1rem; color: #0994d4; text-align: justify; border-left: 5px solid #0994d4; } .flip-hover-boxes.four-boxes .et_pb_module_header { font-size: 2.2vw; } .tab.long-text { margin: 1rem 0.5rem; } .tab.long-text:first-child { margin-left: 0; } .tab.long-text:last-child { margin-right: 0; } .tab-content > div { display: flex; justify-content: space-between; align-items: center; } .tab-content > div > .text { width: calc(100% / 12 * 4); padding-right: 1rem; text-align: center; } .tab-content > div > .video { width: calc(100% / 12 * 8); padding-left: 1rem; } .title-with-icon { font-size: 2.666rem !important; } div#testimonials-slider div.box :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { padding-top: 0; } div#testimonials-slider div.col.review div.row + div.row { margin-top: 2rem; } div#testimonials-slider div.col.img img { max-width: 20%; } div.review :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { font-size: 1.75rem; } div#testimonials-slider div.review :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { margin-top: 1rem; } div.review :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote-person { font-size: 1.1rem; } .tabs.management a.tab { width: 100%; margin: 0 1rem; } .tabs.management .tab-blocks > .row { flex-wrap: nowrap; margin-left: -1rem !important; margin-right: -1rem !important; align-items: flex-start; } .tabs.management .tab-content > div > .text { width: 100%; } .tabs.management .tab :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { padding-top: 1rem; font-size: 1.25rem; } .tabs.management .tab-content > div > .text { font-size: 1rem; } .tabs.management .row.tc-holder { margin-top: 2rem; } div#nav-secondary { display: flex; } div#consultation-badge { display: block; } div.slick-slider .slick-dots { margin-top: 2rem; } .flip-hover-boxes.four-boxes .et_pb_column .et_pb_image_wrap img { max-height: 50%; height: 4rem; width: 4rem; top: calc(50% - 4rem); } .awards-tab-images > :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 1.5rem; } .mobile_nav #mega-menu-wrap-primary-menu .submenu-item div.col-9 > span > b { font-weight: 700 !important; } .container.section.funkciok-container .section-row.funkciok-title-with-icon { display: flex; } .container.section.funkciok-container .section-row.funkciok-title-with-icon .title-holder { width: 75%; } .container.section.funkciok-container .section-row.funkciok-title-with-icon div.icon.icon-2x { width: 25%; padding: 0 0 0 2rem; height: auto; max-height: 200px; } .mobile_nav #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #204a68; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link { position: relative; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:hover > a.mega-menu-link:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after { display: block; position: absolute; bottom: 3px; left: 10px; height: 3px; content: ''; width: calc(100% - 20px); bottom: 0; background: #204a68; } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item-has-children:hover > a.mega-menu-link:after, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item.mega-menu-item-has-children > a.mega-menu-link:after { width: calc(100% - 20px - 22px); } #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item .submenu-item:hover a { color: #0994d4; } div#footer-mobile { display: none; } #main-footer { padding-bottom: 0px; } #et_mobile_nav_menu .login-language, #et_mobile_nav_menu #mobil-header-center-menu { display: none !important; } #et_mobile_nav_menu { position: fixed; z-index: 10; top: 0px; left: 0; width: 100%; padding: 0 calc(3rem / 4); background: #fff; } #et_mobile_nav_menu .mobile_nav .mobile_menu_bar { background: #fff; top: 8px; } .dt-shadow-none { box-shadow: none !important; } .service-5-boxes .et_pb_column { height: auto !important; } .formcol1 .row { flex-wrap: wrap; } } /* END 768 -------------------------------------------------------------------------------------------------*/ @media (min-width: 500px) { #vallalati-telefonkozpont .btn { min-width: 350px !important; } } @media (min-width: 769px) { .login-language { padding-right: 0; } #et_mobile_nav_menu { display: none; } .hi-megamenu { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .hi-megamenu .submenu-column { line-height: 1; margin: 0; padding: 0; } .hi-megamenu a.internal { display: flex; width: 100%; align-items: center; line-height: 1; margin: 0; padding: 0; } .hi-megamenu .menu-title { width: 100%; text-align: center; } .hi-megamenu .menu-title.mtitle { font-size: 2rem !important; color: #2ea3f2; } .hi-megamenu .img > img, .hi-megamenu .after-icon > img { display: block; } .hi-megamenu .img { padding-right: 15px; } .hi-megamenu .after-icon { padding-left: 10px; } #mega-menu-wrap-mobile-menu .hi-megamenu div.col.col-3::before, #mega-menu-wrap-primary-menu .hi-megamenu div.col.col-3::before, #mega-menu-wrap-mobile-menu .hi-megamenu div.col.col-3::after, #mega-menu-wrap-primary-menu .hi-megamenu div.col.col-3::after { display: none !important; } #mega-menu-wrap-mobile-menu .hi-megamenu div.col.col-3, #mega-menu-wrap-primary-menu .hi-megamenu div.col.col-3 { background: #fff; border-radius: 0%; width: auto; height: auto; } .hi-megamenu .menu-title.mtitle { width: 100%; padding-top: 15px; } .hi-megamenu .menu-title.mtitle::after { display: none; } .hi-megamenu .menu-title.mtitle > span { position: relative; padding-bottom: 18px; } .hi-megamenu .menu-title.mtitle > span::after { content: ''; display: block; width: 94%; left: 2%; bottom: 0; height: 1px; background: #707070; position: absolute; } .hi-megamenu .submenu-item { padding-bottom: 10px; } #menu-2-8 { color: #0994d4; } .hi-megamenu .menu-title.stitle { padding-top: 7px; padding-bottom: 30px; font-size: 140%; } } /* 981px -------------------------------------------------------------------------------------------------*/ @media (min-width: 981px) { .ml-margin-left-1x { margin-left: 1rem !important; } .ml-margin-left-2x { margin-left: 2rem !important; } .ml-margin-right-1x { margin-right: 1rem !important; } .ml-margin-right-2x { margin-right: 2rem !important; } .ml-align-items-start { align-items: flex-start !important; } .ml-align-items-end { align-items: flex-end !important; } .ml-align-items-stretch { align-items: stretch !important; } .ml-justify-content-start { justify-content: flex-start !important; } .et_pb_gutters3 .sikersztorik .et_pb_column_1_3 .et_pb_module, .et_pb_gutters3.et_pb_row .sikersztorik .et_pb_column_1_3 .et_pb_module { margin-bottom: 6.27%; } .et_pb_button { min-width: 350px; } .dsm-flipbox .et_pb_button { min-width: 100%; } .et_pb_button.btn-small { min-width: 175px; } .flip-hover-boxes .et_pb_module_header, .service-3-boxes .et_pb_module_header { font-size: 1.333rem !important; } .flip-hover-boxes .et_pb_column, .flip-hover-boxes .et_pb_column.et-last-child, .flip-hover-boxes .et_pb_column:last-child { margin: 1% !important; } .flip-hover-boxes.four-boxes .et_pb_column { width: 23% !important; } .three-button { flex-direction: row; flex-wrap: nowrap; } .button-holder.three-button .et_pb_button { width: auto; } .button-holder.three-button .et_pb_button { margin: 0; min-width: calc((100% / 3) - 20px); } .button-holder.three-button .et_pb_button:nth-child(2) { margin: 0 10px; } .service-5-boxes { display: flex; } .service-5-boxes .et_pb_column { margin-right: 1.5%; width: 18.8%; height: auto !important; } .et_pb_row.fedezze-fel { display: flex; } .et_pb_row.fedezze-fel .et_pb_column { display: flex; flex-direction: column; align-content: flex-start; } .et_pb_row.fedezze-fel .et_pb_column .et_pb_module { min-height: 30%; } .et_pb_row.fedezze-fel .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_container { font-size: 0.8rem; word-break: break-word; } .et_pb_row.fedezze-fel .et_pb_column .et_pb_module .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { font-size: 1rem; line-height: 1.2rem; padding-bottom: 0.5rem; } } /* END 981px -------------------------------------------------------------------------------------------------*/ /* 1024 -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1024px) { .flex-row-holder .row > div.col[class*='col-ml-'] { margin-left: 1rem; margin-right: 1rem; } .flex-row-holder .row div.col.col-ml-1 { width: calc((100% * 1 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-2 { width: calc((100% * 2 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-3 { width: calc((100% * 3 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-4 { width: calc((100% * 4 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-5 { width: calc((100% * 5 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-6 { width: calc((100% * 6 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-7 { width: calc((100% * 7 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-8 { width: calc((100% * 8 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-9 { width: calc((100% * 9 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-10 { width: calc((100% * 10 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-11 { width: calc((100% * 11 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-ml-12 { width: calc((100% * 12 / 12) - (1rem * 2)); } .sl-margin-left-1x { margin-left: 1rem !important; } .sl-margin-left-2x { margin-left: 2rem !important; } .sl-margin-right-1x { margin-right: 1rem !important; } .sl-margin-right-2x { margin-right: 2rem !important; } .sl-justify-content-start { justify-content: flex-start !important; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item, #mega-menu-wrap-mobile-menu .mega-menu-toggle + #mega-menu-mobile-menu, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item, #mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #header-center-menu .phone > a { font-size: 1rem; font-size: 0.9rem; font-weight: 300; } div.modal-overlay div.modal-content-wrap { position: relative; width: 80%; max-width: 1000px; max-height: 95%; height: auto; padding: 0; background: #fff; border-radius: 0.333rem; overflow: hidden; overflow-y: auto; display: flex; } div.modal-overlay div.modal-content { overflow: inherit; margin: 2rem; } .three-button .et_pb_column.et_pb_column_1_3 { width: calc(100% / 3) !important; } .title-with-icon { display: flex; align-items: center; font-size: 2.666rem !important; font-weight: 500 !important; } #demoForm.form.col { padding-left: 15px; padding-right: 15px; } .referenciak-awards .awards-titles .awards-title, .awards-tab-images > :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .awards-tab-images .awards-image-color { display: none; } .referenciak-awards .awards-titles .awards-title { opacity: 0; transition: opacity 0.3s ease; } .referenciak-awards .awards-titles, .referenciak-awards .awards-titles .awards-title.active, .awards-tab-images .awards-image, .awards-tab-images.active .awards-image-color, .awards-tab-images:hover .awards-image-color { display: block; } .referenciak-awards .awards-titles .awards-title.active { opacity: 1; transition: opacity 0.3s ease; } .awards-tab-images { padding-bottom: 3px; border-bottom: 3px solid transparent; transition: all 0.2s ease; cursor: pointer; } .awards-tab-images.active .awards-image, .awards-tab-images:hover .awards-image { display: none; } .awards { background: #eee url(./images/awards-bg.png) bottom 90px center no-repeat; } .awards-tab-images .awards-image-color, .awards-tab-images .awards-image { width: 100%; margin: 0; } .referenciak.oszlopos .row.awards-images { align-items: baseline; padding-bottom: 6px; } .awards-tab-images.active { border-bottom: 3px solid #0994d4; transition: all 0.2s ease; } .referenciak-awards .awards-titles .awards-title { text-align: center; margin: 0 0 2rem 0; } #vallalati-telefonkozpont.flex-row-holder .formcol1 div.row + div.row { margin-top: 5px; } .formcol1, .formcol2, .formcol3 { margin-left: 1rem; margin-right: 1rem; } } /* END 1024 -------------------------------------------------------------------------------------------------*/ /* 1025 -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1025px) { #main-header .logo_container { /* width: 180px; */ width: 262px; } } /* END 1025 -------------------------------------------------------------------------------------------------*/ /* 1200 -------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 1200px) { .flex-row-holder .row > div.col[class*='col-l-'] { margin-left: 1rem; margin-right: 1rem; } .et_pb_section + .et_pb_section { padding-top: 54px !important; } .et_pb_section.et_pb_section-no-padding, .et_pb_section.et_pb_section-no-padding > .et_pb_row { padding-top: 0px !important; } .h2-light :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-weight: 300; font-size: 28px; line-height: 60px; } .flex-row-holder .row div.col.col-l-1 { width: calc((100% * 1 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-2 { width: calc((100% * 2 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-3 { width: calc((100% * 3 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-4 { width: calc((100% * 4 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-5 { width: calc((100% * 5 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-6 { width: calc((100% * 6 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-7 { width: calc((100% * 7 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-8 { width: calc((100% * 8 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-9 { width: calc((100% * 9 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-10 { width: calc((100% * 10 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-11 { width: calc((100% * 11 / 12) - (1rem * 2)); } .flex-row-holder .row div.col.col-l-12 { width: calc((100% * 12 / 12) - (1rem * 2)); } .flex-row-holder div.row + div.row { margin-top: 2rem; } .first-row .et_pb_row:not(.browser-full) { padding-top: 112px !important; } .l-margin-left-1x { margin-left: 1rem !important; } .l-margin-left-2x { margin-left: 2rem !important; } .l-margin-right-1x { margin-right: 1rem !important; } .l-margin-right-2x { margin-right: 2rem !important; } .l-align-items-start { align-items: flex-start !important; } .l-align-items-end { align-items: flex-end !important; } .l-align-items-stretch { align-items: stretch !important; } .l-justify-content-start { justify-content: flex-start !important; } div.group { display: inline-flex; max-width: 100%; align-items: center; overflow: hidden; justify-content: space-around; width: 100%; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #main-header .container { width: 100%; max-width: 1080px; padding-left: 0; padding-right: 0; padding-bottom: 0; } body.admin-bar, body.admin-bar #main-header { margin-top: 32px; } body.admin-bar.et_fixed_nav #main-header #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, body.admin-bar.et_fixed_nav #main-header #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { top: 96px; } /* body.admin-bar #page-container { padding-top: 28px !important; } */ :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])), :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h6:where(:not([data-visual-tag])),:where([data-visual-tag="h6"])) { font-weight: 300 !important; } :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .h1, .et_pb_column_1_3 :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .et_pb_column_1_4 :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .et_pb_column_1_5 :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .et_pb_column_1_6 :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .et_pb_column_2_5 :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) { font-size: 2.666rem; } :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-size: 2.333rem; } :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { font-size: 2rem; } :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_1_3 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_1_4 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_1_5 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_1_6 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .et_pb_column_2_5 :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { font-size: 1.5rem; } .et_pb_column_1_3 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_1_4 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_1_5 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_1_6 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .et_pb_column_2_5 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 1.25rem; } div.modal-overlay { top: 64px; background: linear-gradient(45deg, #204a68, #0994d4); } div.modal-overlay div.overlay-close { background-position: top center; } body.admin-bar div.modal-overlay { top: 96px; } .stories a.box.box-small div.more { position: absolute; padding: 0.55em 1.375em !important; color: #fff; font-size: 14px; opacity: 0; border: 2px solid #fff; transition: all 0.2s ease; margin: 0; } .stories a.box.box-small:hover img { width: 55%; opacity: 0; } .stories a.box.box-small:hover div.more { opacity: 1; } div.modal-overlay .only-s { display: none; } div.col.function-item:nth-child(7n + 1) .back { background: #0994d4; } div.col.function-item:nth-child(7n + 1) .back .btn.btn-secondary { color: #0994d4; background: #fff; border-color: #fff; } div.col.function-item:nth-child(7n + 1) .back .btn.btn-secondary:hover { color: #fff; background: transparent; border-color: currentColor; } div.col.function-item:nth-child(7n + 2) div.icon svg { fill: #1cb04b !important; stroke: #1cb04b !important; } div.col.function-item:nth-child(7n + 2) .back { background: #1cb04b; } div.col.function-item:nth-child(7n + 2) .back .btn.btn-secondary { color: #1cb04b; background: #fff; border-color: #fff; } div.col.function-item:nth-child(7n + 2) .back .btn.btn-secondary:hover { color: #fff; background: transparent; border-color: currentColor; } div.col.function-item:nth-child(7n + 3) div.icon svg { fill: #ff5200 !important; stroke: #ff5200 !important; } div.col.function-item:nth-child(7n + 3) .back { background: #ff5200; } div.col.function-item:nth-child(7n + 3) .back .btn.btn-secondary { color: #ff5200; background: #fff; border-color: #fff; } div.col.function-item:nth-child(7n + 3) .back .btn.btn-secondary:hover { color: #fff; background: transparent; border-color: currentColor; } div.col.function-item:nth-child(7n + 4) div.icon svg { fill: #da1557 !important; stroke: #da1557 !important; } div.col.function-item:nth-child(7n + 4) .back { background: #da1557; } div.col.function-item:nth-child(7n + 4) .back .btn.btn-secondary { color: #da1557; background: #fff; border-color: #fff; } div.col.function-item:nth-child(7n + 4) .back .btn.btn-secondary:hover { color: #fff; background: transparent; border-color: currentColor; } div.col.function-item:nth-child(7n + 5) div.icon svg { fill: #005ca8 !important; stroke: #005ca8 !important; } div.col.function-item:nth-child(7n + 5) .back { background: #005ca8; } div.col.function-item:nth-child(7n + 5) .back .btn.btn-secondary { color: #005ca8; background: #fff; border-color: #fff; } div.col.function-item:nth-child(7n + 5) .back .btn.btn-secondary:hover { color: #fff; background: transparent; border-color: currentColor; } div.col.function-item:nth-child(7n + 6) div.icon svg { fill: #6b1fa6 !important; stroke: #6b1fa6 !important; } div.col.function-item:nth-child(7n + 6) .back { background: #6b1fa6; } div.col.function-item:nth-child(7n + 6) .back .btn.btn-secondary { color: #6b1fa6; background: #fff; border-color: #fff; } div.col.function-item:nth-child(7n + 6) .back .btn.btn-secondary:hover { color: #fff; background: transparent; border-color: currentColor; } div.col.function-item:nth-child(7n + 7) div.icon svg { fill: #1cb088 !important; stroke: #1cb088 !important; } div.col.function-item:nth-child(7n + 7) .back { background: #1cb088; } div.col.function-item:nth-child(7n + 7) .back .btn.btn-secondary { color: #1cb088; background: #fff; border-color: #fff; } div.col.function-item:nth-child(7n + 7) .back .btn.btn-secondary:hover { color: #fff; background: transparent; border-color: currentColor; } .function-card .btn { min-height: 38px; max-height: 38px; margin-top: 1rem !important; font-size: 15px; } .function-card:hover .front { opacity: 0; -webkit-transform: scale(0.75); transform: scale(0.75); } .function-card .tag-line { position: absolute; top: 0; left: 0; padding: 5px; width: 100%; text-align: center; } .function-card .front:after { display: block; width: 55px; height: 55px; content: ''; position: absolute; right: 0; bottom: 0; z-index: 10; background: transparent url('./images/funkciokartya-sarok.svg') center no-repeat; background-size: contain; overflow: hidden; border-bottom-right-radius: 0.333rem; } body.admin-bar div.modal-overlay.fullsize-layer, div.modal-overlay.fullsize-layer { top: 0; background: rgba(0, 0, 0, 0.75); } .flip-hover-boxes.four-boxes .et_pb_blurb_description :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { display: block; } .flip-hover-boxes .et_pb_column, .service-3-boxes .et_pb_column { justify-content: flex-end; } .flip-hover-boxes .et_pb_column .et_pb_image_wrap img, .service-3-boxes .et_pb_column .et_pb_image_wrap img { width: 100%; max-width: 100%; max-height: 60%; transition: all 0.3s ease; opacity: 1; } .flip-hover-boxes .et_pb_blurb_content, .service-3-boxes .et_pb_blurb_content { position: relative; width: 100%; height: 312px; background: #fff; } .service-5-boxes .et_pb_blurb_content { height: 300px; } .flip-hover-boxes.four-boxes .et_pb_blurb_content { height: 226px; } .flip-hover-boxes.four-boxes .et_pb_column .et_pb_image_wrap img { max-height: 50%; height: 4rem; width: 4rem; top: calc(50% - 4rem); } .flip-hover-boxes .et_pb_main_blurb_image, .flip-hover-boxes .et_pb_blurb_container, .flip-hover-boxes .et_pb_blurb_description, .service-3-boxes .et_pb_main_blurb_image, .service-3-boxes .et_pb_blurb_container, .service-3-boxes .et_pb_blurb_description { display: flex; position: absolute; width: 100%; height: 100%; padding: 0rem; text-align: center !important; flex-direction: column; align-items: center; transition: all 0.3s ease; left: 0; top: 0; } .service-5-boxes .et_pb_main_blurb_image > a { padding: 1rem; } .flip-hover-boxes .et_pb_main_blurb_image > a, .service-3-boxes .et_pb_main_blurb_image > a, .service-5-boxes .et_pb_main_blurb_image { display: flex; width: 100%; height: 100%; padding: 1.5rem; } .service-5-boxes .et_pb_main_blurb_image > a { padding: 0; } .flip-hover-boxes .et_pb_main_blurb_image, .service-3-boxes .et_pb_main_blurb_image { z-index: 2; } .flip-hover-boxes .et_pb_column .et_pb_image_wrap, .service-3-boxes .et_pb_column .et_pb_image_wrap { display: block; margin: 0; padding: 0rem; padding-bottom: 0; width: 100%; height: 100%; } .service-5-boxes .et_pb_column .et_pb_image_wrap, .service-5-boxes .et_pb_column .et_pb_image_wrap img { width: auto; height: auto; margin-left: auto; margin-right: auto; } .service-5-boxes .et_pb_column .et_pb_image_wrap { height: 100%; } .flip-hover-boxes .et_pb_module_header, .service-3-boxes .et_pb_module_header { font-size: 1.5rem !important; margin-top: 0rem !important; } .flip-hover-boxes .et_pb_blurb_description, .service-3-boxes .et_pb_blurb_description { opacity: 0; display: none; } .flip-hover-boxes .et_pb_blurb_container, .service-3-boxes .et_pb_blurb_container { height: 40%; top: 60%; padding: 1.5rem; z-index: 1; } .service-5-boxes .et_pb_blurb_container { height: 60%; top: 40%; padding: 1rem; z-index: 1; } .flip-hover-boxes.four-boxes .et_pb_blurb_container { height: 50%; top: 50%; padding: 1rem; z-index: 1; } .flip-hover-boxes .et_pb_blurb_content:hover .et_pb_module_header, .service-3-boxes .et_pb_blurb_content:hover .et_pb_module_header { display: none; } .flip-hover-boxes .et_pb_column .et_pb_blurb_content:hover .et_pb_image_wrap img, .service-3-boxes .et_pb_column .et_pb_blurb_content:hover .et_pb_image_wrap img { opacity: 0 !important; transition: all 0.3s ease; } .flip-hover-boxes .et_pb_blurb_content:hover .et_pb_blurb_container, .service-3-boxes .et_pb_blurb_content:hover .et_pb_blurb_container { height: 100%; top: 0; } .flip-hover-boxes .et_pb_column .et_pb_blurb_content:hover .et_pb_blurb_description, .service-3-boxes .et_pb_column .et_pb_blurb_content:hover .et_pb_blurb_description { display: flex; opacity: 1 !important; margin: 0; position: relative; height: auto; } .flip-hover-boxes.four-boxes .et_pb_module_header { font-size: 1.25rem; } .button-holder.three-button .et_pb_button { min-width: 268px; } .d-shadow-none { box-shadow: none !important; } } /* END 1200 -------------------------------------------------------------------------------------------------*/ #force-p-0, .p-top-0 { padding-top: 0 !important; } .p-bottom-0 { padding-bottom: 0 !important; } .azlistingheader { padding-bottom: 220px !important; } .az-letters-wrap { margin-top: -270px; margin-bottom: 100px; } .az-letters > ul.az-links { max-width: 40em; margin: 0 auto; } .az-letters > ul.az-links > li { background-color: transparent; border-radius: 1.1em; width: 2.2em; height: 2.2em; margin: 0.4em 0.25em; } .az-letters > ul.az-links > li a { color: #fff; font-size: 0.8em; } div.letter-section div.back-to-top { text-align: center; } .az-columns { max-width: unset !important; } .az-columns > li:before { display: none; } .az-columns > li > a { color: #204a68; } @media only screen and (max-width: 880px) { .valami-kimaradt { max-width: unset; width: 100% !important; margin: 0 !important; } .valami-kimaradt > div > div { width: calc(100% - 20px) !important; margin: 0 10px 20px 10px !important; } } @media only screen and (max-width: 600px) { .azlistingheader { padding-bottom: 270px !important; } .az-letters-wrap { margin-top: -300px; } } @media only screen and (max-width: 500px) { .azlistingheader { padding-bottom: 320px !important; } .az-letters-wrap { margin-top: -370px; } } @media only screen and (max-width: 395px) { .azlistingheader { padding-bottom: 350px !important; } .az-letters-wrap { margin-top: -400px; } } @media only screen and (max-width: 350px) { .azlistingheader { padding-bottom: 420px !important; } .az-letters-wrap { margin-top: -450px; } } @media only screen and (max-width: 300px) { .azlistingheader { padding-bottom: 270px !important; } .az-letters-wrap { margin-top: -310px; margin-bottom: 40px; } .az-letters > ul.az-links > li { border-radius: 1.1em; width: 1.6em; height: 1.6em; margin: 0.4em 0.15em; } } @media only screen and (max-width: 260px) { .azlistingheader { padding-bottom: 160px !important; } .az-letters-wrap { margin-top: -210px; margin-bottom: 60px; } .az-letters > ul.az-links > li { width: 1em; height: 1em; margin: 0.4em 0.15em; border: 0; } .az-letters > ul.az-links > li a { color: #fff; font-size: 0.8em; border-bottom: 1px solid #fff; } .valami-kimaradt .et_pb_text_inner :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { font-size: 0.9em; } } .az-listing .back-to-top { padding-top: 30px; } .az-listing .back-to-top a { text-transform: unset !important; font-size: 0.9em !important; text-decoration: underline; } .az-listing .back-to-top a:hover { text-decoration: none; } .az-listing .back-to-top a:before, .az-listing .back-to-top a:after { display: none; } .felsosav { background: #0994d4 none; text-align: right; z-index: 10; position: relative; font-size: 13px !important; line-height: 15px !important; font-weight: 300 !important; } .felsosav-kontaktok, .felsosav-nyelv, .felsosav-nyelv > div { display: inline-block; } .felsosav .et_pb_row { padding: 0 !important; } .felsosav a, .felsosav a:visited, .felsosav a:focus, .felsosav a:hover, .felsosav a:active { color: #fff !important; font-size: 13px !important; line-height: 15px !important; font-weight: 300 !important; } .felsosav .svg-map-icon { position: relative; top: 5px; height: 18px; max-width: 42px; fill: #fff !important; right: -6px; } .felsosav-kontaktok li:first-child { margin: 0; } .felsosav-kontaktok li:last-child { margin: 0 40px; } #ssdsd { margin: 0; } .hi-navmenu .mega-sub-menu { background-color: transparent !important; top: 108px !important; box-shadow: 0 0 16px #000 !important; box-shadow: 0 10px 10px silver !important; backdrop-filter: blur(10px); } .hi-navmenu .mega-sub-menu .mega-menu-item { max-width: unset !important; padding: 0 !important; justify-content: center; } .hi_submenu { position: relative; width: 100%; z-index: 3; } .hi_submenu_back { position: absolute; width: 100%; height: 100%; opacity: 0.8; background: #fff none; z-index: 4; } .hi_submenu_tricols { position: relative; display: flex; width: 100%; z-index: 5; max-width: 1000px; margin: 0 auto; padding: 0 0 30px 0; } .hi_submenu_col { display: inline-block; width: 33.33%; /*padding: 20px 70px 0 0;*/ padding: 20px 30px 10px 0; background: transparent none; z-index: 6; } .hi_submenu_withicon, .hi_submenu_withicon a { display: flex; } .hi_submenu_withicon div:nth-child(1) { width: 32px; } .hi_submenu_withicon div:nth-child(2) { width: calc(100% - 32px); } .hi_submenu_withicon a :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .hi_submenu_withicon a:visited :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .hi_submenu_rownormal a :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .hi_submenu_rownormal a:visited :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { color: #204a68 !important; } .hi_submenu_withicon a :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi_submenu_withicon a:visited :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi_submenu_rownormal a :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi_submenu_rownormal a:visited :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi_submenu_more, hi_submenu_more:visited { color: #666 !important; } .hi_submenu_withicon a:hover :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .hi_submenu_withicon a:hover :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi_submenu_rownormal a:hover :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .hi_submenu_rownormal a:hover :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi_submenu_more:hover { color: #2ea3f2 !important; } .hi_submenu_rowwithlist div:nth-child(1) { width: 100%; } .hi_submenu_rowwithlist div:nth-child(2) { width: 100%; } .hi_submenu_rowwithlist { display: block; } .hi_submenu_rowwithlist a { display: inline-block; } .hi_submenu_listtitle { display: flex; } .hi_submenu_listtitle div:nth-child(1) { width: 32px; overflow-y: hidden; height: 20px; } .hi_submenu_listtitle div:nth-child(2) { width: calc(100% - 32px); } .hi_submenu_col a, .hi_submenu_col:visited, .hi_submenu_rowwithlist li a, .hi_submenu_rowwithlist li a:visited { color: #204a68 !important; } .hi_submenu_col a:hover, .hi_submenu_rowwithlist a:hover { color: #2ea3f2 !important; } .hi_submenu_rowwithlist ul { margin: -6px 0 8px 32px; padding: 0; margin-top: 0; } .hi_submenu_rownormal :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { color: inherit; font-size: 13px; line-height: 15px; margin: 0 0 6px 0; padding: 0; letter-spacing: 0px; font-weight: 500 !important; } .hi_submenu_rownormal :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi_submenu_rownormal li { color: inherit; font-size: 12px; line-height: 16px; font-weight: normal; margin: 0; } .hi_submenu_rownormal ul { margin-bottom: 8px; /* margin-top: -11px; */ } .hi_submenu_rownormal li { position: relative; padding: 0 0 0 10px; } .hi_submenu_rownormal li:before { position: absolute; content: '•'; left: 1px; } .hi_submenu_icon { width: 26px; height: 26px; margin: -6px 0 0 0; } .hi_submenu_rowsigno { padding: 45px 32px 20px 32px; background-image: url(/wp-content/themes/divi-child/widgets/hi_submenu_quotation.png); background-repeat: no-repeat; background-position-x: calc(100% - 20px); background-position-y: 19px; background-color: #e6f7ff; border-radius: 12px; margin-right: 20px; } .hi_submenu_signo :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { font-size: 12px; line-height: 16px; font-weight: normal; font-style: italic; padding: 0 10px 0 0; margin: 0; } .hi_submenu_signoname { font-size: 12px; text-align: right; margin: 10px 0 0 0; font-weight: bold; line-height: 14px; } .hi_submenu_signofirm { font-size: 12px; text-align: right; margin: 0; font-weight: normal; line-height: 14px; } .hi_submenu_footer > div { background-repeat: no-repeat; background-position-y: 5px; background-position-x: 0px; padding-left: 70px; max-width: 1000px; } .hi_submenu_footer { width: 100%; justify-content: center; display: flex; z-index: 5; position: relative; } .hi_submenu_footer > div :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { color: inherit; font-size: 16px; padding: 0; margin: 16px 0 0 0; line-height: 16px; } .hi_submenu_footer > div :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { margin: 4px 0 14px 0; font-size: 14px; line-height: 18px; font-weight: 300; } .hi_submenu_col > :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { font-size: 13px; line-height: 15px; margin: 0 0 18px -10px; padding: 0; letter-spacing: 0px; font-weight: 600 !important; } .hi_submenu_colorized { padding-left: 24px; border-radius: 20px; } .hi_submenu_rownormal :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { font-weight: 500 !important; padding-left: 0px; /* padding-bottom: 6px; */ padding-bottom: 0; margin-bottom: 0; } .hi_submenu_colorized .hi_submenu_rownormal :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .hi_submenu_more { font-weight: 400 !important; font-size: 12px; line-height: 14px; } .hi_submenu_more { font-weight: 500 !important; } .nm23 { display: none !important; } .nmn23 .nm23 { display: list-item !important; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children.nm23 > a.mega-menu-link > span.mega-indicator:after, .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li > a > span.mega-indicator:after { content: '\f140' !important; font-family: 'dashicons' !important; font-weight: normal !important; display: inline-block; margin: 0 0 0 6px; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: rotate(0); color: inherit; position: relative; background: transparent; height: auto; width: auto; right: auto; line-height: inherit; font-size: 22px !important; margin: 0 !important; margin-top: -2px !important; } .mobile_nav #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu li.mega-menu-item-has-children.nm23.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after { content: '\f140' !important; transform: rotate(180deg) !important; } .mobile_nav.opened.nmn23 #menu-scroller { box-shadow: 0 0 10px #00000026; width: 100vw; margin-left: -12px; margin-top: 50px !important; } #et_mobile_nav_menu[data-lang='en'] .mobile_nav.opened.nmn23 #menu-scroller { margin-left: -52px; } body.admin-bar .nmn23 .mega-sub-menu { top: 0 !important; } .nmn23 #mega-menu-mobile-menu > li { padding: 10px 20px !important; border-bottom: 0 !important; } .nmn23 #mega-menu-mobile-menu > li:not(:first-child) { padding-top: 30px !important; } .nmn23 #mega-menu-mobile-menu > li > a, .nmn23 #mega-menu-mobile-menu > li.mega-toggle-on > a { font-size: 19px !important; font-weight: 500 !important; color: #496a83 !important; letter-spacing: 0.5px; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu { margin: 0 -20px !important; width: calc(100% + 40px) !important; padding-top: 15px !important; background-color: #f1f1f1 !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu a { color: #496a83 !important; font-weight: 500 !important; text-transform: none !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li > a { padding: 10px 18px 10px 30px !important; font-size: 14px !important; line-height: 17px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.mega-menu-item-has-children > a > span.mega-indicator { display: block !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.mega-menu-item-has-children:not(.inmobilopen) > a ~ .mega-sub-menu { display: none !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.mega-menu-item-has-children.mega-toggle-on > a ~ .mega-sub-menu { display: block !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li > a > span.mega-indicator:after { content: '\f132' !important; transform: rotate(0) !important; font-size: 14px !important; top: 2px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.mega-toggle-on > a > span.mega-indicator:after { content: '\f132' !important; transform: rotate(45deg) !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu .mega-sub-menu { padding-top: 10px !important; padding-bottom: 10px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu .mega-sub-menu, .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu .mega-sub-menu a { background-color: #f7f7f7 !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu .mega-sub-menu a { padding: 4px 20px 4px 40px !important; font-weight: 300 !important; font-size: 14px !important; line-height: 17px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.inmobilopen { padding-top: 10px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.inmobilopen > a { background-color: #f3fbff !important; margin: 10px 10px 0 10px !important; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; padding-top: 20px !important; padding-left: 19px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.inmobilopen > a > span.mega-indicator:after { display: none !important; content: '' !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.inmobilopen > .mega-sub-menu { display: block !important; background-color: #f1f1f1 !important; padding-top: 0 !important; padding-bottom: 30px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.inmobilopen > .mega-sub-menu li { background-color: #f1f1f1 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.inmobilopen > .mega-sub-menu li a { background-color: #f3fbff !important; margin: 0 10px !important; padding-left: 29px !important; } .nmn23 #mega-menu-mobile-menu > li > .mega-sub-menu > li.inmobilopen > .mega-sub-menu li:last-child a { padding-bottom: 30px !important; border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; font-weight: 600 !important; } .nmn23 .hi_submenu_footer { display: none; background-color: #024a68; color: #ffffff; margin: 0 10px; width: calc(100% - 20px); border-radius: 20px; box-shadow: 0 8px 8px silver; margin-top: 40px; } #main-header .mobile_nav.nmn23.opened .hi_submenu_footer { display: block; } .nmn23 .hi_submenu_footer > div { min-height: 80px; display: flex; align-items: center; } .nmn23 .hi_submenu_footer > div :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { margin: 0; } .hi_submenu_colorized .hi_submenu_rownormal { margin-bottom: 8px; } .hi_submenu_colorized .hi_submenu_more { top: -4px; position: relative; } .hi-mainmenu-consultation-holder { margin: 15px 0 0 0; } .btn.hi-mainmenu-consultation { margin: 3px 0 0 0; min-width: unset !important; font-size: 14px !important; padding: 2px 18px !important; background-color: transparent !important; color: #ff5200 !important; border-color: #ff5200 !important; } .btn.hi-mainmenu-consultation:hover { background-color: #ff5200 !important; color: #fff !important; } .felsosav-ajanlo { float: left; margin-top: 7px; color: #fff; } .felsosav-ajanlo a { cursor: pointer; } .felsosav-ajanlo a:hover { text-decoration: none; } .felsosav-ajanlo span { text-decoration: underline; } .felsosav-ajanlo span:hover { text-decoration: none; } .felsosav .header-center-menu li:last-child a { position: relative; display: inline-block; padding: 2px 0 2px 20px; border: 0; border-radius: 0; margin-top: 2px; } .felsosav .header-center-menu li:last-child a:before { position: absolute; content: ' '; background: #0994d4 url(/media/theme/ugyfelportal.png) no-repeat center center; width: 18px; height: 18px; left: 0; top: 0; } .felsosav-nyelv ul li a { top: -1px; position: relative; } .felsosav-nyelv ul li:last-child span { display: inline-block; position: relative; } .felsosav-nyelv ul li:last-child span:before { position: absolute; content: '|'; top: -1px; left: -13px; font-size: 11px; font-weight: 600; } .hi-blur { filter: blur(14px); } .hi-blur * { color: #000 !important; } .hi-blur img { filter: blur(18px); } body.et_fixed_nav #main-header .hi_menu_container #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu:before { z-index: 9; } @media (max-width: 640px) { .hi-mainmenu-consultation-holder { display: none; } .felsosav-kontaktok { display: none; } .felsosav-nyelv { display: none; } .felsosav-ajanlo { text-align: left; height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100vw - 30px); } .hi_menu_container .login-language { display: flex !important; width: auto; position: absolute; right: 48px; z-index: 100; padding-right: 0; top: 0; } .hi_menu_container .header-center-menu-holder { z-index: 1; position: relative; } .hi_menu_container #mobil-header-center-menu .contact-btn > a { position: relative; display: inline-block; margin-top: 30px; padding-left: 30px; background-color: transparent; font-size: 16px; font-weight: 400; } .hi_menu_container #mobil-header-center-menu .contact-btn > a:before { position: absolute; content: ' '; background: transparent url(/media/theme/ugyfelportal-mobil.png) no-repeat center center; width: 22px; height: 22px; left: 5px; top: 6px; } .hi_menu_container #menu-scroller { position: fixed; } .hi-mobilmenu-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.8; } .hi_menu_container #mega-menu-wrap-mobile-menu { background-color: transparent !important; } } @media (max-width: 310px) { .svg-map-icon { display: none !important; } } .mega-sub-menu { backdrop-filter: blur(10px); } #main-header[data-lang='en'] #et-top-navigation { display: block; width: 100%; padding-left: 40px !important; } #main-header[data-lang='en'] .hi-mainmenu-consultation-holder { float: right; } #main-header[data-lang='en'] .mega-sub-menu:before { z-index: 1 !important; } @media only screen and (min-width: 768px) { body.et_fixed_nav #main-header[data-lang='en'] #mega-menu-wrap-primary-menu #mega-menu-primary-menu[data-effect='fade_up'] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu { top: 96px; } } #et_mobile_nav_menu[data-lang='en'] .hi_submenu_footer { display: none !important; } body.new-design #nav-secondary { display: none; } body.new-design .mega-toggle-on .mega-sub-menu:before { box-shadow: inset 0px 0px 8px 0 #00000026; top: 0px !important; height: 10px !important; background-color: #fff !important; z-index: 10 !important; } body.new-design .mega-toggle-on .mega-sub-menu:after { box-shadow: none !important; top: 6px !important; height: 10px !important; background-color: #fff !important; z-index: 11 !important; } body.new-design .mega-toggle-on .mega-sub-menu { top: 93px !important; padding-top: 15px !important; } @media (max-width: 768px) { body.new-design .mobile_nav.nmn23 .mega-toggle-on .mega-sub-menu { top: 0px !important; } } @media (min-width: 981px) { body.new-design #main-header.et-fixed-header { -webkit-box-shadow: 0 0 10px #00000026 !important; box-shadow: 0 0 10px 0 #00000026 !important; } } body.new-design hi-navmenu, body.new-design hi-navmenu:hover, body.new-design hi-navmenu:visited, body.new-design hi-navmenu:focus, body.new-design hi-navmenu:active, body.new-design hi-navmenu a, body.new-design hi-navmenu a:visited, body.new-design hi-navmenu a:hover, body.new-design hi-navmenu a:focus, body.new-design hi-navmenu a:active { outline: none !important; border: 0 !important; } .hi-topblock { margin-top: 100px; /* padding-left: 4% !important; */ /* background-size: contain !important; background-position-x: right !important; background-position-y: top !important; */ padding-bottom: 0 !important; } .hi-topblock :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])), .hi-topblock :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-family: 'Roboto Black', Helvetica, Arial, Lucida, sans-serif !important; font-size: 40px !important; color: #204a68 !important; line-height: 0.95em !important; } .hi-topblock :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { color: #0994d4; font-size: 23px !important; color: #0994d4 !important; font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important; line-height: 1em !important; } .hi-topblock > .et_pb_row { /* max-width: 1134px !important; */ } body.admin-bar .hi-topblock { margin-top: 220px; margin-bottom: 70px; } body:not(.admin-bar) .hi-topblock { margin-top: 139px; margin-bottom: 59px; padding-top: 20px !important; } .et-db #et-boc .et-l .hi-topblock .et_pb_text_0, .et-db #et-boc .et-l .hi-topblock .et_pb_text_1 { width: 100%; } .hi-mtop50 { margin-top: 50px; } /* .hi-self-adjusting1 { margin-top: 350px; } */ #et-boc .et_pb_section.et_pb_with_background.hi-topblock.hi-topblock-noback { background-size: 0 !important; } .hi-topblock-img { position: absolute; top: 0; right: 0; } @media (max-width: 1199px) { .hi-topblock { /* margin-top: 70px; */ background-position-y: center !important; background-size: 30% !important; } body:not(.admin-bar) .hi-topblock { background-position-y: top !important; } } @media (max-width: 981px) { .hi-topblock { margin-top: 100px; margin-bottom: 0; background-position-y: center !important; } .et-db #et-boc .et-l .hi-topblock .et_pb_text_0 { margin-top: 0 !important; } .et-db #et-boc .et-l .hi-topblock .et_pb_text_0, .et-db #et-boc .et-l .hi-topblock .et_pb_text_1 { /* width: 60%; */ margin-left: 0 !important; } } @media (max-width: 767px) { } @media (max-width: 981px) and (min-width: 768px) { .hi-topblock > .et_pb_row > .et_pb_column:nth-child(1) { width: 65% !important; } .hi-topblock > .et_pb_row > .et_pb_column:nth-child(2) { width: 35% !important; } } .hi_submenu_withicon > a > div:nth-child(2) { width: max-content; max-width: 240px; } .hi-topblock-imgdupli { position: absolute; top: 0; right: 0; } .mega-menu-link:before { position: absolute !important; top: 13px !important; right: -7px; content: ''; display: inline-block !important; width: 1px !important; height: 0.9rem !important; border-right: 1px solid #204a68; } li:last-child > .mega-menu-link:before { display: none !important; } .wpml-ls-statics-shortcode_actions { display: none; position: absolute; top: 60px; right: 0; width: 120px; border-radius: 0 0 5px 5px; box-shadow: 0px 5px 5px 0px #0000001a; background: #fff none; padding-top: 11px; overflow: hidden; } div.login-language { height: fit-content; padding: 5px 0 7px 0; margin-top: 13px; justify-content: end; } div.login-language:hover { box-shadow: 0px 5px 5px 0px #0000001a; } div.login-language:hover .wpml-ls-statics-shortcode_actions { display: block; } div.login-language ul li { display: block; text-align: right; padding: 5px 10px 7px 10px; border-left: 0 !important; border-top: 1px solid #eee; width: 100%; } .currLang { padding-right: 2px; } .currLang, div.login-language ul li a span { color: #0994d4; font-size: 14px; } div.login-language ul li a span { transition: all 0.3s ease; white-space: nowrap; } div.login-language ul li a span:hover, div.login-language:hover .currLang { color: #204a68; } div.login-language:hover div.svg-map-icon svg { fill: #204a68; } @media (min-width: 768px) { #main-content { margin-top: 70px; } .hi-maintop { max-height: 640px !important; } .hi-maintop :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) { font-weight: 300; padding-top: 100px; padding-bottom: 76px; font-size: 50px; line-height: 60px; } .hi-maintop img.alignnone { width: 90px; } .hi-maintop :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { margin-top: 0 !important; font-weight: 300 !important; } } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow { position: relative !important; display: inline-block !important; padding-left: 80px !important; } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:hover { padding-left: 90px !important; box-shadow: 0 0 20px 0 rgba(32, 74, 104, 0.333); } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:hover { box-shadow: 0 0 20px 0 rgba(32, 74, 104, 0.333); } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:before { height: 61px !important; margin: -8px !important; width: 52px !important; position: absolute !important; left: 7px !important; justify-content: center; top: 5px !important; } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:hover:before { width: 62px !important; } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:before, .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:hover:before { color: #fff !important; } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow::after, .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:hover::after { position: absolute !important; display: block !important; top: 0px; left: 51px !important; content: '' !important; width: 0px; height: 0px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 0; outline: 0 none; float: none; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } .et_pb_custom_button_icon.et_pb_button.btn.hi-butarrow:hover::after { left: 61px !important; } .hi-butarrowblue { border-color: #0474c2 !important; } .hi-butarrowblue:before { background-color: #0474c2 !important; } .hi-butarrowblue:after { border-left: 16px solid #0474c2; } .hi-butarrowblack { border-color: #122f49 !important; } .hi-butarrowblack:before { background-color: #122f49 !important; } .hi-butarrowblack:after { border-left: 16px solid #122f49; } .hi-specslider .et_pb_slide .et_pb_container { height: fit-content !important; } .hi-specslider .et_pb_slide .et_pb_container > div { display: flex; width: 100%; } .hi-specslider .et_pb_slide .et_pb_container > div > div { float: none !important; position: relative !important; top: 0 !important; margin: 0 !important; align-items: center; display: flex; padding: 0 0 40px 0 !important; } .hi-specslider .et_pb_slide .et_pb_container > div > div:nth-child(1) { order: 2; width: 65%; } .hi-specslider .et_pb_slide .et_pb_container > div > div:nth-child(2) { order: 1; width: 35%; } .hi-specslider .et-pb-controllers { bottom: 0; } .hi-specslider .et_pb_slide_image img { width: 100%; max-height: unset !important; } .hi-specslider ul.list, .hi-specslider ul.list li { list-style: none; font-size: 16px !important; } .hi-specslider ul.list li:before { content: '•'; margin-right: 10px; font-size: 32px; color: #0994d4; position: relative; top: 6px; } .hi-specslider .et-pb-controllers a { width: 10px !important; height: 10px !important; } .hi-specslider .et-pb-controllers a.et-pb-active-control { position: relative; top: -1px; width: 12px !important; height: 12px !important; } .hi-specslider .et-pb-slider-arrows a:before { content: '' !important; display: block !important; width: 74px !important; height: 70px !important; margin: 0 !important; padding: 0 !important; background: transparent none center center no-repeat; } .hi-specslider .et-pb-slider-arrows a.et-pb-arrow-prev { left: 0 !important; } .hi-specslider .et-pb-slider-arrows a.et-pb-arrow-next { right: 0 !important; } .hi-specslider .et-pb-slider-arrows a.et-pb-arrow-prev:before { background-image: url(/media/theme/arrow_left.png); } .hi-specslider .et-pb-slider-arrows a.et-pb-arrow-next:before { background-image: url(/media/theme/arrow_right.png); } .global-footer :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .global-footer .et_pb_text_inner ul li { font-size: 12px !important; } #main-footer ul.social li::before { width: 20px; height: 20px; background-size: 20px auto; margin-left: -26px; } #main-footer ul.social li.icon-facebook::before { background-position: 0px -19px; } #main-footer ul.social li.icon-linkedin::before { background-position: 0 -40px; } #main-footer ul.social li.icon-youtube::before { background-position: 0 -60px; } #main-footer ul.social li { margin-bottom: 22px; } .hi-saidaboutus .box > img { display: none !important; } .hi-saidaboutus .box > div { width: 100% !important; } .hi-saidaboutus .box > div :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote { position: relative; border-width: 3px !important; display: block !important; } .hi-quoted-text, .hi-after-quote { display: inline; } .hi-after-quote { padding-left: 10px; } .hi-saidaboutus .box > div :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])).quote span { font-style: italic !important; color: #204a68 !important; font-size: 20px; font-weight: 300; } .hi-quoted-text:before, .hi-quoted-text:after { position: relative; display: inline-block; font-family: dashicons; font-size: 20px; line-height: 0; color: #0994d4; font-style: normal; } .hi-quoted-text:before { content: '\f122'; top: 0; padding-right: 5px; } .hi-quoted-text:after { content: '\f122'; top: 7px; transform: rotate(180deg); margin-left: -2px; } .hi-saidaboutus { max-width: calc(100vw - 150px) !important; margin: 0 auto; } .hi-saidaboutus .slick-list { position: relative; width: calc(100% - 100px) !important; width: 100% !important; margin: 0 auto !important; } .hi-saidaboutus .slick-arrow { position: absolute; left: unset !important; right: unset !important; width: 27px !important; height: 50px !important; top: calc(50% + 10px); transform: translateY(-50%); } .hi-saidaboutus .slick-arrow:before { position: relative; content: ''; display: none; width: 27px; height: 50px; } .hi-saidaboutus:hover .slick-arrow:before { display: inline-block; } .hi-saidaboutus .slick-arrow.slick-prev { left: 0 !important; left: -50px !important; } .hi-saidaboutus .slick-arrow.slick-prev:before { background-image: url(/media/theme/arrow_left.png); } .hi-saidaboutus .slick-arrow.slick-next { right: 0 !important; right: -50px !important; } .hi-saidaboutus .slick-arrow.slick-next:before { background-image: url(/media/theme/arrow_right.png); } .hi-form { } .hi-form form > :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi-form form > div { display: block; padding: 0; margin: 0 auto 10px auto; max-width: 400px; } .hi-form label { padding: 0; margin: 0; } .hi-form input[type='text'], .hi-form input[type='email'], .hi-form textarea, .hi-form select { border: 1px solid #ddd; border-radius: 5px; transition: all 0.2s ease; padding: 7px 10px; background-color: #fff; margin: 0; } .hi-form textarea { height: 110px; } .hi-form input[type='text'], .hi-form input[type='email'], .hi-form textarea, hi-form select, .hi-form .country-select { width: 100%; } .hi-form input[type='text']::placeholder, .hi-form input[type='email']::placeholder, .hi-form textarea::placeholder { color: #b5b5b5 !important; } .hi-form input[type='text']::-ms-input-placeholder, .hi-form input[type='email']::-ms-input-placeholder, .hi-form textarea::-ms-input-placeholder { color: #b5b5b5 !important; } .hi-form select { cursor: pointer; } .hi-form .flag-dropdown, .hi-form .selected-flag { width: 100% !important; } .hi-form .arrow { visibility: hidden; } .hi-form .selected-flag > div:first-child { display: none; } .hi-form .country-select > input { padding-left: 10px !important; } .hi-contactbadge { padding: 20px 40px; line-height: 50px; font-weight: 300; font-size: 22px; color: #fff; background: #204a68; border-radius: 10px; box-sizing: border-box; max-width: 340px; justify-content: center; display: grid; margin: 130px auto auto auto !important; } .hi-contactbadge:after { position: absolute; bottom: -200px; left: 0; display: block; content: ''; background: transparent url(/media/theme/request-shadow.png) no-repeat center center; background-size: contain; width: 341px; height: 43px; } .hi-contactbadge :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { text-align: center; } .hi-contactbadge :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi-contactbadge :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) a { color: #fff; } .hi-form input[type='checkbox'] { position: relative; -webkit-appearance: none; } .hi-form input[type='checkbox'] ~ span { position: relative; padding-left: 14px; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-size: 15px; line-height: 1.4em !important; display: inline-block; } .hi-form input[type='checkbox'] ~ span:before, .hi-form input[type='checkbox'] ~ span:after { position: absolute; content: ''; font-family: dashicons; font-size: 22px; line-height: 20px; display: block; top: 0; left: -16px; width: 18px; height: 18px; border: 1px solid silver; border-radius: 4px; cursor: pointer; } .hi-form input[type='checkbox'] ~ span:after { border: 0; left: -17px; } .hi-form input[type='checkbox']:checked ~ span:after { content: '\f15e'; } .hi-form input[type='text'][aria-invalid='false']:not(.wpcf7-not-valid):not( :placeholder-shown ), .hi-form input[type='email'][aria-invalid='false']:not(.wpcf7-not-valid):not( :placeholder-shown ), .hi-selbox-ok { border-color: #22ff22 !important; } .hi-form input[type='text'].wpcf7-not-valid, .hi-form input[type='email'].wpcf7-not-valid, .hi-form select.wpcf7-not-valid { border-color: red !important; } .hi-form .wpcf7-not-valid-tip { display: none !important; } .hi-form button[type='submit'], .hi-form button[type='submit']:hover { display: block; position: relative; width: auto; height: auto; margin: 20px auto 0; padding: 3px 20px !important; color: #fff; font-size: 20px; text-decoration: none; text-transform: none; background: #0994d4; border: 0 none !important; outline: 0 none; cursor: pointer; border-radius: 5px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; transition: all 0.2s ease; width: fit-content; min-width: unset; font-weight: 300; padding-left: 30px; padding-right: 30px; } .hi-form button[type='submit']:after, .hi-form button[type='submit']:hover:after { display: none !important; } .hi-form button[type='submit']:disabled, .hi-form button[type='submit']:disabled:hover { background: #0006 !important; cursor: not-allowed; } .hi-requestoffer-titles { padding-bottom: 0 !important; margin-bottom: -40px !important; } .hi-requestoffer-titles :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-weight: 300 !important; font-size: 32px !important; } .hi-requestoffer-titles :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { font-weight: 300 !important; font-size: 26px !important; } .hi-specmaxwidth1 > .et_pb_row { max-width: 880px; } @media (max-width: 980px) { .hi-contactbadge { margin: auto !important; } .hi-contactbadge::after { display: none !important; } } @media (max-width: 600px) { .hi-contactbadge :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi-contactbadge :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) a { font-size: 18px; line-height: 36px; } } /* TABLE beg */ table:is(#compare-table, [data-anchor-id='compare-table']), table:is(#compare-header, [data-anchor-id='compare-header']), table#review-table, table#review-header { display: table; border-collapse: collapse; position: relative; min-width: 100%; width: 100%; height: auto; } .cf { *zoom: 1; } table { border-collapse: collapse; border-spacing: 0; } .cf::before, .cf::after { content: ''; display: table; } table:is(#compare-header, [data-anchor-id='compare-header']) td { width: 15%; height: auto; padding: 10px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 17px; text-align: center; vertical-align: middle; } table:is(#compare-table, [data-anchor-id='compare-table']) *, table:is(#compare-header, [data-anchor-id='compare-header']) *, table#review-table *, table#review-header * { box-sizing: border-box; } table:is(#compare-header, [data-anchor-id='compare-header']) td.ind.rounded { border-radius: 10px 0 0 0; } table:is(#compare-header, [data-anchor-id='compare-header']) td.ind { background: #0994d4; } table:is(#compare-header, [data-anchor-id='compare-header']) td.bus.rounded { border-top: 0 none; border-radius: 0 10px 0 0; } table:is(#compare-header, [data-anchor-id='compare-header']) td.bus { background: #204a68; border-top: 1px solid #fff; border-left: 1px solid #fff; } .cf::after { clear: both; } table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n + 1) td { background: #fff; } .et_pb_module:not(.hi-rt-col-equal) table:is(#compare-header, [data-anchor-id='compare-header']) tr td:first-child, .et_pb_module:not(.hi-rt-col-equal) table:is(#compare-table, [data-anchor-id='compare-table']) tr td:first-child { width: 40%; } table:is(#compare-table, [data-anchor-id='compare-table']) tr td:first-child { padding-left: 10px; } table:is(#compare-table, [data-anchor-id='compare-table']) td { width: 15%; height: 34px; font-size: 14px; vertical-align: middle; border: 1px solid #eee; } table:is(#compare-table, [data-anchor-id='compare-table']) td.available, table:is(#compare-table, [data-anchor-id='compare-table']) td.unavailable { text-indent: -9999px; } table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n + 1) td.available { background: #fff url(/media/theme/available-green.png) center center no-repeat; } table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n) td { background: #f4f4f4; } table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n) td.available { background: #f4f4f4 url(/media/theme/available-green.png) center center no-repeat; } .entry-content table:is(#compare-header, [data-anchor-id='compare-header']) tr td:not(.bus), .entry-table table:is(#compare-header, [data-anchor-id='compare-header']) tr td:not(.bus) { border-top: 0; } .entry-content table:is(#compare-header, [data-anchor-id='compare-header']):not(.variations), .entry-content table:is(#compare-table, [data-anchor-id='compare-table']):not(.variations) { border: 0; margin: 0; min-width: 800px; } .hi-responsive-table > .et_pb_text_inner { overflow-x: auto; } .et_pb_module:not(.hi-table-noresponse) table:is(#compare-table, [data-anchor-id='compare-table']) tr:hover td { color: #fff !important; background: #0994d4 !important; } .et_pb_module:not(.hi-table-noresponse) table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n + 1):hover td.available, .et_pb_module:not(.hi-table-noresponse) table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n + 1) td.available:hover, .et_pb_module:not(.hi-table-noresponse) table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n):hover td.available, .et_pb_module:not(.hi-table-noresponse) table:is(#compare-table, [data-anchor-id='compare-table']) tr:nth-child(2n) td.available:hover { background: #0994d4 url(/media/theme/available-white.png) center center no-repeat !important; } /* TABLE end */ .global-footer.top :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { margin-bottom: 2px; } @media (min-width: 982px) { .hi-twocolpictext, .hi-twocolpictext > .et_pb_column, .hi-twocolpictext > .et_pb_column > .et_pb_module { display: flex; align-items: center; } } footer li a { position: relative; display: inline-block; } footer li a:after { content: ''; display: block; position: absolute; width: 0; bottom: 0; border-top: 1px solid #2ea3f2; transition: width 0.3s ease; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } footer .global-footer.bottom li a:after { border-color: #fff; } footer li a:hover:after { width: 100%; } @media only screen and (max-width: 767px) { .global-footer.top .et_pb_row { display: block !important; } .et_pb_slide_with_image .et_pb_slider_container_inner, .et_pb_slide_with_image .et_pb_slider_container_inner > div { display: block !important; width: 100% !important; } .et_pb_slide_with_image .et_pb_slider_container_inner ul { text-align: left; } .et_pb_slide_with_image .et_pb_slider_container_inner li { text-align: left; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .hi-maintop { max-height: unset !important; } .hi-w100 { width: 100% !important; max-width: calc(100vw - 40px); margin-left: auto; margin-right: auto; } } @media (max-width: 981px) { .hi-maintop.et_pb_section_1 { display: none; } .hi-maintop .et_pb_row_0 .et_pb_column { width: 100%; } .hi-maintop .et_pb_row_1 .et_pb_column { width: 33.33%; float: unset; display: inline-block; } .hi-icons .et_pb_column { width: 100%; display: block; margin: 30px auto 10px auto; } .hi-icons-rowcol3 .et_pb_column { width: 33.33%; float: unset; display: inline-block; } .hi-icons .et_pb_module { width: 50%; display: inline-block; } .hi-icons .hi-icons-text { display: block; } .hi-icons .hi-icons-button .et_pb_module, .hi-icons .hi-icons-text .et_pb_module { width: 100%; } } @media (max-width: 980px) { .hi-maintop .et_pb_row_1 .et_pb_column, .hi-maintop .et_pb_row_3 .et_pb_column { width: 33.33%; } .hi-icons > .et_pb_row { width: 100% !important; } .hi-icons .et_pb_module { width: 50% !important; display: inline-block !important; } .hi-icons .hi-icons-button .et_pb_module, .hi-icons .hi-icons-text .et_pb_module { width: 100%; } .hi-icons .et_pb_column { margin: 0 auto; } .hi-functwocell .et_pb_row { display: grid; grid-template-columns: 35% 65%; } .hi-functwocell .et_pb_column:nth-child(1) { width: 100%; height: 100%; float: unset; display: grid; align-content: center; } .hi-functwocell .et_pb_column:nth-child(1) .et_pb_module { margin-bottom: 0px; } .hi-functwocell .et_pb_column:nth-child(2) { width: 100%; padding-left: 30px; float: unset; } } @media only screen and (max-width: 767px) { .hi-maintop.et_pb_section_1 { display: block; } .hi-maintop.et_pb_section_1 :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) { margin-top: 50px; } .hi-maintop.et_pb_section_1 { padding-bottom: 0 !important; height: max-content; } .et-pb-slider-arrows * { visibility: hidden; } .hi-quatro-col { width: 100% !important; } .hi-quatro-col > .et_pb_column { width: 50% !important; margin-right: 0 !important; } } @media (max-width: 670px) { .hi-icons :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])), .hi-icons-rowcol3 :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 16px; } .hi-functwocell .et_pb_row { display: block; grid-template-columns: unset; } .hi-functwocell .et_pb_column:nth-child(1) { display: block; } .hi-functwocell .et_pb_column:nth-child(1) .et_pb_module { margin-bottom: 30px; text-align: center; } .hi-functwocell .et_pb_column:nth-child(1) .et_pb_module img { max-height: 250px; margin: 0 auto; } .hi-functwocell .et_pb_column:nth-child(2) { display: block; padding-left: 0; } } @media (max-width: 540px) { .hi-icons-rowcol3 .et_pb_column { width: 50%; } .hi-icons-rowcol3 .et_pb_column:last-child { width: 100%; } } .et_pb_accordion .et_pb_toggle .et_pb_toggle_title { position: relative; border-top: 1px solid #204a68; color: #204a68; border-radius: 0; padding: 36px 50px; font-size: 26px; font-weight: normal !important; } .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title { color: #2ea3f2 !important; } .et_pb_accordion .et_pb_toggle .et_pb_toggle_title:before { display: block !important; position: absolute; left: 24px; content: ''; width: 0px; height: 0px; border-style: solid; border-width: 8px 0 8px 9px; border-color: transparent transparent transparent #204a68; transform: rotate(0deg); transition: all 0.3s ease; } .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before { transform: rotate(90deg); } .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_content { padding: 36px 50px; border-top: 1px solid #204a68; } .hi-cards .et_pb_row:not(.hi-cards-not) { display: flex; padding: 0; } .hi-cards .et_pb_row:not(.hi-cards-not) .et_pb_column { border: 1px solid #ddd; flex: 1; margin: 0; width: 33.33%; background: #f6f6f6; margin-left: -1px; margin-top: -1px; padding: 40px 20px; cursor: pointer; transition: all 0.2s ease; position: relative; background: #fff; opacity: 0.9; } .hi-cards .et_pb_row:not(.hi-cards-not) .et_pb_column * { position: static; } .hi-cards .et_pb_row:not(.hi-cards-not) .et_pb_column a { background: transparent; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); } .hi-cards .et_pb_row:not(.hi-cards-not) .et_pb_column.hi-cards-hover { background: #eee; } .hi-cards .et_pb_row:not(.hi-cards-not) .et_pb_column span { color: #0994d4; } .hi-cards .et_pb_column_empty { visibility: hidden !important; } .hi-cards-mobile { display: none !important; } .hi-card-two { max-width: 640px; } @media (max-width: 1200px) { .hi-cards .et_pb_row:not(.hi-cards-not) { display: none; } .hi-cards .et_pb_row.hi-cards-mobile:not(.hi-cards-not) { display: grid !important; grid-template-columns: 50% 50%; max-width: 640px; padding: 50px 0 0 0 !important; } .hi-cards-not ~ .hi-cards-mobile { top: -50px; } .hi-cards .et_pb_row.hi-cards-mobile:not(.hi-cards-not) .et_pb_column { width: 100%; } .hi-cards-not:last-child { margin-bottom: -40px; } } @media (max-width: 640px) { .hi-cards .et_pb_row.hi-cards-mobile:not(.hi-cards-not) { grid-template-columns: 100%; max-width: 340px; } } :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])).cf > img.icon { position: relative; bottom: -10px; } :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) a > img.alignnone { position: relative; bottom: -3px; left: -10px; } .hi-supreme-list .dsm_icon_list_child { margin-bottom: 50px !important; } .hi-supreme-list .dsm_icon_list_text { font-size: 18px; line-height: 24px; font-weight: 300; color: #204a68; } .hi-supreme-list .dsm_icon_list_image img { width: 40px !important; height: auto !important; } .hi-hometrio .et_pb_column { margin: 0 !important; } .hi-hometrio .et_pb_column:nth-child(1) { width: 37% !important; } .hi-hometrio .et_pb_column:nth-child(2) { width: 26% !important; } .hi-hometrio .et_pb_column:nth-child(3) { width: 37% !important; } .hi-hometrio .hi-supreme-list { margin-top: 140px; } .hi-hometrio .hi-supreme-list.left { margin-right: 20px; } .hi-hometrio .hi-supreme-list.right { margin-left: 20px; margin-top: 132px; } .hi-hometrio .hi-supreme-list.left .dsm_icon_list_wrapper { position: absolute; right: 0; } .hi-hometrio .hi-supreme-list.left .dsm_icon_list_text { text-align: right; padding-left: 0; padding-right: 52px; width: 100%; } .hi-hometrio .hi-supreme-list.left .dsm_icon_list_text { padding-left: 8px; padding-right: 0; } .bp-map-holder { position: relative; } .bp-map-bg { display: none; } #bp-map { padding: 0 !important; } #bp-map > .et_pb_row { height: 0; padding: 0; overflow: hidden; width: 0; } .bp-map-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bp-map-bg .et_pb_module { height: 100%; } .bp-map-bg .et_pb_module img { object-fit: cover; overflow: hidden; max-width: unset; width: 100%; height: 100%; } .bp-map-text, .bp-map-text :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])), .bp-map-text a, .bp-map-text a:visited, .bp-map-text a:active, .bp-map-text a:focus { color: #fff !important; } .bp-map-text a:hover { color: #85bbd5 !important; } .bp-map-holder.active .bp-map-bg { display: block; } .bp-map-holder.active #bp-map > .et_pb_row { height: auto; padding: 2% 0; overflow: unset; width: auto; } .bp-map-holder.active .bp-map-classic, .bp-map-holder.active #bp-map { background: transparent none !important; } @media (max-width: 980px) { .bp-map-text .et_pb_text_inner { padding: 0 20px; text-align: center; } #bp-map > .et_pb_row { padding: 2% 0 0 0 !important; } } .hi-inverse.hi-butarrowblue { background: transparent none !important; color: #0772a3 !important; } .hi-inverse.hi-butarrowblue:hover { color: #fff !important; background: #0994d4 none !important; } .hi-inverse.hi-butarrowblack { background: transparent none !important; color: #142e41 !important; } .hi-inverse.hi-butarrowblack:hover { color: #fff !important; background: #204a68 none !important; } .et_pb_button.btn.hi-smaller { padding: 2px 12px !important; width: fit-content !important; min-width: unset; } @media (min-width: 981px) { .hi-tighter > .et_pb_column { width: 50% !important; margin-left: 0 !important; margin-right: 0 !important; } .hi-tighter > .et_pb_column.hi-contentmaxw-500 > .et_pb_module { max-width: 500px; } } :root { --color-tresorit-primary-blue: #00a9e2; --color-product-blue-dark: #0069e4; --drop-shadow-hover: 0 2px 4px 2px rgba(0, 0, 0, 0.16); } .et_pb_section.hi-trybox { background-color: #000; overflow: hidden; padding-top: 100px !important; padding-bottom: 50px !important; } .hi-trybox .et_pb_text :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-weight: 500; } .hi-trybox > .et_pb_row:nth-child(2) { padding: 0; } .hi-trybox-bg { position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; max-width: unset; background: radial-gradient( circle at 18% 20%, var(--color-tresorit-primary-blue) -25%, transparent 15% ), radial-gradient(circle at 15% 60%, #042d7c 0, transparent 35%), radial-gradient( circle at 80% 0, var(--color-product-blue-dark) -10%, transparent 40% ), radial-gradient( circle at 70% 100%, var(--color-tresorit-primary-blue) -25%, transparent 20% ); filter: blur(10px); inset: 0; transform: scale3d(1.05, 1.05, 1); } .hi-trybox-table table { width: fit-content !important; margin: 0 auto !important; border: 0 !important; } .hi-trybox-table table td { white-space: nowrap !important; border: 0 !important; color: #fff !important; } .hi-trybox-table a { width: 260px; border-radius: 8px; border-style: solid; border-width: 2px; border-color: #fff; background-color: #fff; color: var(--color-tresorit-primary-blue); font-size: 18px; line-height: 1.2; padding: 11px 46px 9px; align-items: center; cursor: pointer; display: inline-flex; font-weight: 500; justify-content: center; outline-offset: 4px; text-align: center; text-rendering: optimizeLegibility; transition: 0.2s cubic-bezier(0.2, 0.65, 0.3, 1); -webkit-user-select: none; user-select: none; max-width: calc(100vw - 76px); } .hi-trybox-table td:nth-child(2) a { background-color: transparent; /* color: var(--color-tresorit-primary-blue); */ color: #fff; } .hi-trybox-table a:hover { /* background-color: var(--color-product-blue-dark) !important; border-color: var(--color-product-blue-dark) !important; */ box-shadow: var(--drop-shadow-hover) !important; color: #fff !important; background: #0994d4 !important; border-color: #0994d4 !important; } .hi-trybox-table td div { width: fit-content; margin: 0 auto; padding: 0; font-size: 14px; } .hi-trybox-table td div:before, .et_pb_button.btn.hi-request:before { content: ''; position: relative; top: 2px; left: -6px; display: inline-block !important; width: 16px; height: 16px; background-repeat: no-repeat; background-size: cover; } .hi-trybox-table td:nth-child(1) div:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiA4IDEuMzMzIDEuMzMzTDEwIDYuNjY3bTMuNzQ1LTIuNjc3QTcuOTcgNy45NyAwIDAgMSA4IDEuOTYzYTcuOTcgNy45NyAwIDAgMS01Ljc0NSAyLjAyNkE4LjAwMyA4LjAwMyAwIDAgMCA4IDEzLjc0OGE4LjAwMyA4LjAwMyAwIDAgMCA1Ljc0NS05Ljc1OFoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+'); } .et_pb_button.btn.hi-request:before { background-image: url(/media/theme/secur.png); opacity: 1; top: 1px; } .et_pb_button.btn.hi-request:hover:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiA4IDEuMzMzIDEuMzMzTDEwIDYuNjY3bTMuNzQ1LTIuNjc3QTcuOTcgNy45NyAwIDAgMSA4IDEuOTYzYTcuOTcgNy45NyAwIDAgMS01Ljc0NSAyLjAyNkE4LjAwMyA4LjAwMyAwIDAgMCA4IDEzLjc0OGE4LjAwMyA4LjAwMyAwIDAgMCA1Ljc0NS05Ljc1OFoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+'); } .hi-trybox-table td:nth-child(2) div:before { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAgNi42NjcgMy4wMzUtMS41MThjLjQ0NC0uMjIyLjk2NS4xLjk2NS41OTZ2NC41MWEuNjY3LjY2NyAwIDAgMS0uOTY1LjU5NkwxMCA5LjMzM00zLjMzMyAxMmg1LjMzNEM5LjQwMyAxMiAxMCAxMS40MDMgMTAgMTAuNjY3VjUuMzMzQzEwIDQuNTk3IDkuNDAzIDQgOC42NjcgNEgzLjMzM0MyLjU5NyA0IDIgNC41OTcgMiA1LjMzM3Y1LjMzNEMyIDExLjQwMyAyLjU5NyAxMiAzLjMzMyAxMloiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+'); } @media (max-width: 768px) { .hi-trybox-table td { display: block; width: 300px !important; } .hi-trybox .et_pb_text :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { font-size: calc(24.34286px + 2.47619vw); } .hi-trybox .et_pb_text :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { font-size: 18px; } } .hi-cols1plus2 table:is(#compare-header, [data-anchor-id='compare-header']) td, .hi-cols1plus2 table:is(#compare-table, [data-anchor-id='compare-table']) td { width: 37.5%; } .et_pb_module.hi-cols1plus2 table:is(#compare-header, [data-anchor-id='compare-header']) tr td:first-child, .et_pb_module.hi-cols1plus2 table:is(#compare-table, [data-anchor-id='compare-table']) tr td:first-child { width: 25%; } .hi-tablewicons table td:first-child img { width: 30px; height: 30px; vertical-align: middle; margin-right: 6px; } .hi-cols1plus2 table:is(#compare-table, [data-anchor-id='compare-table']) td { vertical-align: top; } table:is(#compare-header, [data-anchor-id='compare-header']).hi-cols1plus2 td, table:is(#compare-table, [data-anchor-id='compare-table']).hi-cols1plus2 td { width: 37.5%; } .et_pb_module table:is(#compare-header, [data-anchor-id='compare-header']).hi-cols1plus2 tr td:first-child, .et_pb_module table:is(#compare-table, [data-anchor-id='compare-table']).hi-cols1plus2 tr td:first-child { width: 25%; } table.hi-tablewicons td:first-child img { width: 30px; height: 30px; vertical-align: middle; margin-right: 6px; } table:is(#compare-table, [data-anchor-id='compare-table']).hi-cols1plus2 td { /* vertical-align: top; */ } table:is(#compare-header, [data-anchor-id='compare-header']).hi-cols1plus1 td, table:is(#compare-table, [data-anchor-id='compare-table']).hi-cols1plus1 td { width: 70%; } .et_pb_module table:is(#compare-header, [data-anchor-id='compare-header']).hi-cols1plus1 tr td:first-child, .et_pb_module table:is(#compare-table, [data-anchor-id='compare-table']).hi-cols1plus1 tr td:first-child { width: 30%; } .alignnone { vertical-align: middle; margin-bottom: 4px; } .hi-perorbus-cards .et_pb_blurb { /* background: #fff url(/media/theme/hi-perorbus-cards-arrow.png) no-repeat center bottom; */ background: #fff url(/media/theme/arrow-dblue.svg) no-repeat center bottom; background-size: 48px; background-position-y: calc(100% - 30px); max-width: 350px; margin: 0 auto; /* box-shadow: 0 30px 50px #ddd; */ padding: 40px 40px 100px 40px; } .hi-perorbus-cards .et_pb_column:nth-child(1) .et_pb_blurb { margin: 0 10px 0 auto; } .hi-perorbus-cards .et_pb_column:nth-child(2) .et_pb_blurb { margin: 0 auto 0 10px; } .hi-perorbus-cards .et_pb_main_blurb_image { margin-bottom: 0; } .hi-perorbus-cards .et_pb_main_blurb_image img { width: 80px; height: auto; } .hi-perorbus-cards .et_pb_module_header { text-align: center; } .hi-perorbus-cards .et_pb_blurb_description { margin-top: 12px; } .hi-perorbus-cards .et_pb_blurb_description, .hi-perorbus-cards .et_pb_blurb_description :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { color: #62bbe3; font-size: 15px; line-height: 1.3em; font-weight: 300; } @media (max-width: 981px) { .hi-perorbus-cards .et_pb_column:nth-child(1) .et_pb_blurb, .hi-perorbus-cards .et_pb_column:nth-child(2) .et_pb_blurb { margin: 0 auto; } } .hi-perorbus-cards .et_pb_module.et_pb_blurb { transition: all 500ms; top: 0; background-color: transparent; } .hi-perorbus-cards .et_pb_module.et_pb_blurb:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-color: #fff; background-size: 100%; z-index: -1; } .hi-perorbus-cards .et_pb_module.et_pb_blurb:hover { /* margin-top: -15px !important; */ top: -15px; } .hi-perorbus-cards .et_pb_module.et_pb_blurb:hover:after { /* background-image: linear-gradient(#f3fafd, #fff); */ } .hi-perorbus-form { overflow-x: hidden; } @media (min-width: 982px) { .hi-perorbus-form .et_pb_row { display: flex; } } .hi-perorbus-form ul.et_pb_tabs_controls { background-color: transparent; } .hi-perorbus-form ul.et_pb_tabs_controls:after { display: none; } .hi-perorbus-form .et_pb_tabs { border: 0 !important; max-width: 400px; margin: 0 auto; } .hi-perorbus-form .et_pb_tab { padding: 70px 0 0 0; } .hi-perorbus-form .et_pb_tabs_controls li { border: 2px solid #204a68 !important; border-radius: 6px; width: calc(50% - 4px); text-align: center; } .hi-perorbus-form .et_pb_tabs_controls li, .hi-perorbus-form .et_pb_tabs_controls li a { /* background-color: #204a68; color: #fff; */ background-color: #fff; color: #204a68; font-size: 18px; font-weight: 400; transition: all 500ms; border-radius: 6px; } .hi-perorbus-form .et_pb_tabs_controls li:nth-child(1) { margin-right: 4px; } .hi-perorbus-form .et_pb_tabs_controls li:nth-child(2) { margin-left: 4px; } .hi-perorbus-form .et_pb_tabs_controls li.et_pb_tab_active, .hi-perorbus-form .et_pb_tabs_controls li.et_pb_tab_active a { /* background-color: #fff; color: #204a68; */ background-color: #204a68; color: #fff !important; } @media (max-width: 767px) { .hi-perorbus-form .et_pb_tabs_controls li { display: inline-block; } .hi-perorbus-form .et_pb_tabs_controls li a { display: inline-block; } } @media (max-width: 360px) { .hi-perorbus-form .et_pb_tabs_controls li a { font-size: 14px; } } .hi-perorbus-form form :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { margin: 0 0 10px 0; } .hi-perorbus-form .et_pb_tab input[type='text'], .hi-perorbus-form .et_pb_tab input[type='email'], .hi-perorbus-form .et_pb_tab textarea, .hi-perorbus-form select, .hi-perorbus-form .country-select { width: 100%; } .hi-perorbus-form .et_pb_tab input[type='text'], .hi-perorbus-form .et_pb_tab input[type='email'], .hi-perorbus-form .et_pb_tab textarea, .hi-perorbus-form select { border: 1px solid #e3e3e3; border-radius: 6px; } .hi-perorbus-form .et_pb_tab input[type='text'], .hi-perorbus-form .et_pb_tab input[type='email'], .hi-perorbus-form .et_pb_tab textarea { padding: 6px 12px; } .hi-perorbus-form .wpcf7-submit { color: #fff; background: #0994d4; border-color: #0994d4; border-radius: 6px !important; border-width: 2px; max-width: 320px; margin: 0 auto; display: inherit; padding: 4px; min-width: unset; width: 80%; font-weight: 400; } .hi-perorbus-form .wpcf7-submit:hover { color: #0772a3; background: transparent; border-color: currentColor; padding: 4px; } .hi-perorbus-form .wpcf7-submit:hover:after { display: none; } .hi-perorbus-form .et_pb_column:nth-child(1) .et_pb_module.et_pb_text .et_pb_text_inner :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { text-align: center; font-weight: 400 !important; } .hi-perorbus-form .et_pb_column:nth-child(2):after { content: ''; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: #eee; z-index: -1; transform: translateX(100%); } @media (max-width: 981px) { .hi-perorbus-form .et_pb_column:nth-child(2):after { display: none; } } .hi-perorbus-form .et_pb_column:nth-child(2) .et_pb_module.et_pb_text .et_pb_text_inner :is(h2:where(:not([data-visual-tag])),:where([data-visual-tag="h2"])) { line-height: 1.2em; } .hi-perorbus-form .et_pb_column:nth-child(2) .et_pb_module.et_pb_text .et_pb_text_inner :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { color: #27a0d7 !important; font-size: 1.7em; line-height: 1.3em; font-weight: 500 !important; margin-top: 1.2em; letter-spacing: 0.01em; } .hi-perorbus-form .et_pb_column:nth-child(2) .et_pb_module.et_pb_text .et_pb_text_inner :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])), .hi-perorbus-form .et_pb_column:nth-child(2) .et_pb_module.et_pb_text .et_pb_text_inner li { font-size: 1.6em; line-height: 1.3em; font-weight: 400; margin-bottom: 0.8em; } .hi-perorbus-form .et_pb_column:nth-child(2) .et_pb_module.et_pb_text .et_pb_text_inner li { position: relative; padding-left: 24px; } .hi-perorbus-form .et_pb_column:nth-child(2) .et_pb_module.et_pb_text .et_pb_text_inner li:before { content: ''; background: transparent url(/media/theme/circle-tick-dblue.svg) no-repeat center center; width: 28px; height: 28px; background-size: cover; position: absolute; top: 4px; left: 0px; } .hi-perorbus-form .et_pb_column:nth-child(1) { padding-top: 40px; } .hi-perorbus-form .et_pb_column:nth-child(2) { background-color: #eee; padding: 40px 60px; } @media (max-width: 600px) { .hi-perorbus-form .et_pb_column:nth-child(2) { padding: 0; } .hi-perorbus-form .et_pb_column:nth-child(2) .et_pb_module.et_pb_text { transform: scale(0.8); margin-bottom: -80px; } } .hi-perorbus-form :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) .wpcf7-list-item { margin-left: 0; } .hi-perorbus-form :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) .wpcf7-list-item label { display: grid; grid-template-columns: 30px calc(100% - 30px); } .hi-perorbus-form :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) .wpcf7-list-item label > *:nth-child(1) { position: relative; display: block; border: 2px solid #d5d5d5; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; cursor: pointer; } .hi-perorbus-form :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) .wpcf7-list-item label > :nth-child(1):checked::after { position: absolute; content: '\f147'; font-family: dashicons; width: 16px; height: 16px; top: -3px; left: -4px; font-size: 24px; line-height: 1em; color: #0994d4; } .hi-perorbus-form :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) .wpcf7-list-item label > *:nth-child(2) { margin: -1px 0 0 0; } .hi-perorbus-form .flag-dropdown { position: relative; } .hi-perorbus-form .selected-flag { position: absolute; right: 0; top: -20px; } body .et_pb_preload:before { background: #617f94 none center center no-repeat !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: auto !important; height: auto !important; border-radius: 0 !important; } /* body:not(.page-id-23813860) .et_pb_preload:before { background-image: url(/media/theme/homepage-video-loader.jpg) !important; } */ /* body.page-id-23813860 .et_pb_preload:before { background-image: url(/wp-content/uploads/2024/05/home-page-video-loading.jpg) !important; } @media (max-width: 478px) { body.page-id-23813860 .et_pb_preload:before { background-image: url(/wp-content/uploads/2024/05/home-page-video-loading-mobile.jpg) !important; } } */ /* .hi-maintop-background, .hi-maintop-text, .hi-maintop-video { position: absolute; top: 0; left: 0; width: 100%; } .hi-maintop-text h1, .hi-maintop-text h4, .hi-maintop-text h4 img { color: #000; filter: brightness(0); } body.hi-maintop-finished .hi-maintop-text h1, body.hi-maintop-finished .hi-maintop-text h4, body.hi-maintop-finished .hi-maintop-text h4 img { color: #fff; filter: brightness(1); } */ @media (min-width: 982px) { .hi-maintop-header { height: calc(100vh - 106px); } } .hi-maintop-header > .et_pb_row { position: absolute; top: 0; left: 0; width: 100%; max-width: unset; } .hi-maintop-row-text { visibility: hidden; } .hi-maintop-row-spec { margin: 20px 0; display: flex; flex-direction: column; justify-content: center; height: 100%; } .hi-maintop-row-spec .hi-maintop-row-text { visibility: visible; } @media only screen and (max-width: 640px) { .hi-maintop-row-spec { width: 90%; margin-left: 5%; } .hi-maintop-row-spec :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])) { margin-top: 50px !important; line-height: 1.4em !important; } .hi-maintop-row-spec img { width: 90px !important; height: auto !important; } .hi-maintop-row-spec :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { } } .hi-maintop-highlighter { position: absolute; background: transparent none !important; padding-top: 0 !important; top: 0; left: 0; width: 100%; height: 100vh; } .customer-login { white-space: nowrap !important; font-size: 0.9rem !important; font-weight: 300 !important; } div.login-language[data-type='justlogin']:hover { box-shadow: none; } .hi-2rowsH3arrow :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { position: relative; font-weight: 400; width: max-content; margin-left: auto !important; margin-right: auto !important; } .hi-2rowsH3arrow :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"]))::before, .hi-2rowsH3arrow :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"]))::after { border-right: 2px solid; content: ''; display: block; height: 36%; margin-top: 6%; position: absolute; transform: rotate(135deg); right: -32px; top: -16%; width: 0; } .hi-2rowsH3arrow :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"]))::after { margin-top: 10%; transform: rotate(45deg); } @media only screen and (max-width: 670px) { .hi-2rowsH3arrow :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"])) { font-size: 4.2vw; font-weight: 400; } .hi-2rowsH3arrow :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"]))::before, .hi-2rowsH3arrow :is(h3:where(:not([data-visual-tag])),:where([data-visual-tag="h3"]))::after { right: -20px; } } .hi-subsciptions > .et_pb_row { width: 100% !important; max-width: 950px !important; } .hi-subsciptions .et_pb_pricing_table_wrap { align-items: unset; } .hi-subsciptions .et_pb_module.et_pb_pricing { margin: 0 auto; } .hi-subsciptions .et_pb_pricing_table { flex: 1; width: 48% !important; background-color: #fff; border: 0; padding-top: 50px; padding-right: 40px; padding-bottom: 60px; padding-left: 60px; box-shadow: 0px 12px 18px -6px #0000004d; background-size: 80%; } .hi-subsciptions .et_pb_pricing_table:nth-child(1) { margin-right: 2%; background-position: right bottom; } .hi-subsciptions .et_pb_pricing_table:nth-child(2) { margin-left: 2%; background-position: left bottom; } .hi-subsciptions .et_pb_pricing_heading { background: transparent; } .hi-subsciptions .et_pb_pricing_heading { padding-bottom: 0; margin-bottom: -6px; } .hi-subsciptions .et_pb_pricing_tables_0 .et_pb_pricing_heading :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])).et_pb_pricing_title, .hi-subsciptions .et_pb_pricing_tables_1 .et_pb_pricing_heading :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])).et_pb_pricing_title, .hi-subsciptions .et_pb_pricing_tables_2 .et_pb_pricing_heading :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])).et_pb_pricing_title, .hi-subsciptions .et_pb_pricing_tables_3 .et_pb_pricing_heading :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])).et_pb_pricing_title { text-transform: uppercase; font-size: 28px; color: #28567d !important; letter-spacing: 1px; line-height: 1.3em; font-weight: 600; text-align: left; padding-bottom: 15px; /* word-spacing: 100vw; */ white-space: nowrap; font-size: 26px !important; } .hi-subsciptions .et_pb_pricing_tables_2 .et_pb_pricing_heading :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])).et_pb_pricing_title, .hi-subsciptions .et_pb_pricing_tables_3 .et_pb_pricing_heading :is(h1:where(:not([data-visual-tag])),:where([data-visual-tag="h1"])).et_pb_pricing_title { word-spacing: 100vw; white-space: unset; font-size: 28px !important; } .hi-subsciptions .et_pb_pricing_table { background-size: cover; background-position: top left !important; } @media (max-width: 600px) { .hi-subsciptions .et_pb_button_wrapper a { width: 80% !important; max-width: 300px !important; } } .hi-subsciptions .et_pb_frequency_slash { display: none; } .hi-subsciptions .et_pb_pricing_content_top { text-align: left; padding-top: 0; } .hi-subsciptions .et_pb_pricing_content { padding: 40px 0 30px 0; } .hi-subsciptions .et_pb_et_price > span:not(:last-child) { font-size: 70px; line-height: 1.03em; font-weight: 900; color: #28567d !important; } .hi-subsciptions .et_pb_et_price > span:first-child { margin-left: 0; position: static; margin-left: 0 !important; } .hi-subsciptions .et_pb_frequency { font-size: 16px; color: #28567d !important; line-height: 2.2em; } @media (max-width: 981px) { .hi-subsciptions .et_pb_module.et_pb_pricing { max-width: calc(100% - 40px); } .hi-subsciptions .et_pb_pricing_title { font-size: 24px; line-height: 1.2em; } .hi-subsciptions .et_pb_et_price > span:not(:last-child) { font-size: 52px; } .hi-subsciptions .et_pb_frequency { font-size: 15px; display: block; } } @media (max-width: 786px) and (min-width: 768px) { .hi-subsciptions .et_pb_pricing_title { font-size: 22px; } .hi-subsciptions .et_pb_et_price > span:not(:last-child) { font-size: 48px; } .hi-subsciptions .et_pb_frequency { font-size: 13px; } } .hi-subsciptions .et_pb_frequency_slash { margin: 0 5px 0 2px; } .hi-subsciptions .et_pb_pricing li { padding: 0 0 1em 0; } .hi-subsciptions .et_pb_pricing li span { font-size: 18px; } .hi-subsciptions .et_pb_pricing li span:before { display: none; } .hi-subsciptions .et_pb_pricing li img { width: 22px; height: auto; margin: -2px 10px 0 0; } .hi-subsciptions .et_pb_button_wrapper { padding: 0; } .hi-subsciptions .et_pb_button_wrapper a { color: #fff; background: #0994d4; border-color: #0994d4; border-radius: 6px !important; border-width: 2px; max-width: 260px; margin: 0 auto; display: inherit; padding: 4px; min-width: unset; width: 80%; font-weight: 400; margin: 0 auto 0 0; } .hi-subsciptions .et_pb_button_wrapper a, .hi-subsciptions .et_pb_button_wrapper a:hover { padding: 4px; } /* @media (max-width: 768px) { */ @media (max-width: 854px) { .hi-subsciptions .et_pb_pricing_table { display: block !important; margin: 10px auto !important; width: 100% !important; max-width: 450px !important; } .hi-subsciptions .et_pb_pricing_table:nth-child(1) { margin-right: auto !important; } .hi-subsciptions .et_pb_pricing_table:nth-child(2) { margin-left: auto !important; } .hi-subsciptions .et_pb_pricing_title { font-size: 20px; } .hi-subsciptions .et_pb_et_price > span:not(:last-child) { font-size: 66px; } } .hi-dipitabs .dipi-at-tabs .dipi-at-tab, .hi-dipitabs .dipi_advanced_tabs_0 .dipi-at-tabs .dipi-at-tab { background: #fff none !important; border: 2px solid #fff; } .hi-dipitabs .dipi-at-tabs .dipi-at-tab.dipi-at-tab--active, .hi-dipitabs .dipi_advanced_tabs_0 .dipi-at-tabs .dipi-at-tab.dipi-at-tab--active { background: #204a68 none !important; border-color: #204a68 !important; } .hi-dipitabs .dipi-at-tabs .dipi-at-tab:not(.dipi-at-tab--active):hover, .hi-dipitabs .dipi_advanced_tabs_0 .dipi-at-tabs .dipi-at-tab:not(.dipi-at-tab--active):hover { background: transparent none !important; border-color: #204a68 !important; } .hi-dipitabs .dipi-at-tabs .dipi-at-tab:not(.dipi-at-tab--active):hover .dipi-at-tab-title, .hi-dipitabs .dipi_advanced_tabs_0 .dipi-at-tabs .dipi-at-tab:not(.dipi-at-tab--active):hover .dipi-at-tab-title { color: #204a68 !important; } .hi-dipitabs .dipi-at-tabs .dipi-at-tab.dipi-at-tab--active:hover .dipi-at-tab-title, .hi-dipitabs .dipi_advanced_tabs_0 .dipi-at-tabs .dipi-at-tab.dipi-at-tab--active:hover .dipi-at-tab-title { color: #fff !important; } .hi-2cols-left-vcenter { display: flex; } .hi-2cols-left-vcenter > .et_pb_column:nth-child(1) { display: flex; flex-direction: column; justify-content: center; } .hi-advencedtabs .dipi-at-tab { flex-direction: column !important; -webkit-transition-property: border, border-radius, font-size, line-height, color, padding, margin, -webkit-box-shadow !important; transition-property: border, border-radius, font-size, line-height, color, padding, margin, -webkit-box-shadow !important; -o-transition-property: border, border-radius, box-shadow, font-size, line-height, color, padding, margin !important; transition-property: border, border-radius, box-shadow, font-size, line-height, color, padding, margin !important; transition-property: border, border-radius, box-shadow, font-size, line-height, color, padding, margin, -webkit-box-shadow !important; } .hi-advencedtabs .dipi-at-tab > * { text-align: center; } .hi-advencedtabs .dipi-at-tab .dipi-tab-media img { width: 100px !important; height: auto !important; } .hi-advencedtabs .dipi-at-tab:not(.dipi-at-tab--active) { background: transparent none !important; opacity: 0.4; } .hi-advencedtabs .dipi-at-tab .dipi-at-tab-title { margin: -5px 0 0 0; font-size: 20px; line-height: 30px; font-weight: 300; } .hi-advencedtabs .dipi-at-tab .dipi-at-tab-subtitle { color: #0994d4 !important; font-size: 16px; line-height: 24px; font-weight: 300; max-width: 150px; margin: 0 auto; } .hi-advencedtabs .dipi-at-panel-text { padding-left: 15px; border-left: 3px solid #0994d4; } .hi-advencedtabs .dipi-at-panel-text :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { color: #757575; font-size: 14px; font-weight: normal; line-height: 20px; } @media (max-width: 981px) { .hi-dipitabs .dipi_advanced_tabs_item { min-height: 350px; background-size: calc(100% - 10px); } } .global-footer.dark.bottom > .et_pb_row { margin-top: 30px !important; } .hi-specspan { font-size: 14px !important; color: #204a68; line-height: 1.2em; display: inline-block; } .hi-subsciptions .et_pb_pricing_table .et_pb_button_wrapper { position: absolute; width: 100%; display: block; bottom: 60px; left: 0; } .hi-subsciptions .et_pb_pricing_table .et_pb_button_wrapper > a { margin: 0 auto; } .hi-subsciptions .et_pb_pricing_table .et_pb_pricing_content { padding-bottom: 80px; } .hi-pic-vertical-middle { display: flex; } .hi-pic-vertical-middle .et_pb_module.et_pb_image { align-content: center; height: 100%; } .hi-onetab .et_pb_tabs_controls { width: max-content; margin: 0 auto; } .hi-button1, .et_pb_button.btn.hi-button1 { color: #204a68 !important; min-width: unset; width: 260px !important; font-size: 20px !important; font-weight: 500 !important; padding: calc(0.3em - 1px) 1em !important; line-height: 1.7em !important; border-radius: 6px !important; } .hi-button1:hover, .et_pb_button.btn.hi-button1:hover { color: #fff !important; } .hi-hiddenbusiness { display: none; } .hi-wb-onhover:hover { color: #fff !important; border-color: #fff !important; } .hi-perorbus-form textarea { height: 3em; } @media (min-width: 982px) { .hi-perorbus-form > .et_pb_row > .et_pb_column:nth-child(2) > .et_pb_button_module_wrapper { position: absolute; bottom: 40px; width: 100%; left: 0; } } .login-language .btn.hi-smaller { font-size: 13px !important; padding: 8px 10px !important; border-radius: 6px !important; border-width: 1px; line-height: 1.4em !important; font-weight: 400; } .login-language .btn:first-child { margin-right: 10px; } @media (max-width: 814px) { #main-header .logo_container a img { height: 30px; width: auto; max-width: unset; } } @media (max-width: 500px) { .hi-trybox-table td { width: 100% !important; } } .hi-topmenu { background: #204a68 none; z-index: 999; position: relative; padding: 4px 6px; } .hi-topmenu > div { max-width: 1080px; margin: 0 auto; } .hi-topmenu > div > div { display: inline-block; padding: 0; margin: 0; } .hi-topmenu .hitm1 { width: 50%; text-align: left; } .hi-topmenu .hitm2 { width: calc(30% - 8px); text-align: center; } .hi-topmenu .hitm3 { width: 20%; text-align: right; } .hi-topmenu > div, .hi-topmenu > div a { color: #fff !important; font-size: 13px; font-weight: 400; } .hi-topmenu > div a { text-decoration: underline; cursor: pointer; } .hi-topmenu > div a:hover { text-decoration: none; } @media (max-width: 900px) { .hi-topmenu { display: none; } body.admin-bar #page-container, body:not(.admin-bar) #page-container { padding-top: 7px !important; } } .hitmadmin { position: relative; font-weight: bold !important; text-decoration: none !important; } .hitmadmin::before { display: none; position: absolute; content: ' '; /* background: transparent url(/media/theme/user.svg) no-repeat center center; */ background: transparent url(/wp-content/uploads/2024/05/person-nocircle-dblue.svg) no-repeat center center; width: 13px; height: 13px; filter: brightness(0) invert(1); background-size: contain; left: -17px; top: 1px; /* display: inline-block; */ } .hi-subsciptions .dipi-content-toggle__text { position: relative; width: 88px; height: 30px; } .hi-subsciptions .dipi-content-toggle__text > * { display: none; } .hi-subsciptions .dipi-content-toggle__text:before { position: absolute; top: -2px; content: ''; display: inline-block; width: 106px; height: 34px; background: transparent none no-repeat center center; background-size: contain; } .hi-subsciptions .dipi-content-toggle__first-text:before { background-image: url(/wp-content/uploads/2024/05/appstore-badge-nologo.png); top: -1px; right: 0; } .hi-subsciptions .dipi-content-toggle_second-text:before { background-image: url(/wp-content/uploads/2024/05/playstore-badge-nologo.png); } @media (max-width: 970px) { .hi-topmenu .hitm1 { width: 55%; } .hi-topmenu .hitm2 { width: calc(35% - 8px); } .hi-topmenu .hitm3 { width: 10%; } } div#nav-secondary { background: #204a68 none; height: unset; padding: 10px 0; } div#nav-secondary:not(.offset) { top: 104px !important; } div#nav-secondary div.menu ul li { line-height: 1.1em; border-right: 1px solid #fff; margin: 0; padding: 0 8px; align-content: center; display: block; } div#nav-secondary div.menu ul li:last-child { border-right: 0; } div#nav-secondary div.menu ul a { color: #fff; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid; border-bottom-color: transparent; cursor: pointer; transition: border-bottom-color 0.3s ease; font-size: 13px; } div#nav-secondary div.menu ul a:hover { border-bottom-color: #fff; } div.scrolltotop { position: fixed; display: none; width: 30px; height: 30px; bottom: 50px; right: 50px; background: #224b69 url(/media/theme/top-icon.png) top center no-repeat; z-index: 9997; border-radius: 50%; overflow: hidden; cursor: pointer; transition: all 0.3s ease; } div.scrolltotop:hover { background: #0994d4 url(/media/theme/top-icon.png) bottom center no-repeat; } #main-footer .bp-map-holder .et_pb_section:nth-child(2) .et_pb_column:nth-child(1) :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { margin-bottom: 0; } @media (max-width: 846px) { .login-language { transform: scale(0.8); /*margin-right: -30px;*/ } div#footer-mobile div.group { width: 100%; justify-content: center; } div#footer-mobile div.group .btn + .btn { margin-left: 25px; } } @media (max-width: 769px) { .login-language, .mobile_nav.opened div.login-language { display: none; } } @media only screen and (max-width: 767px) { .hi-specslider .et_pb_module { padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; background-position-y: bottom; } } @media (max-width: 500px) { body.page-id-20217719 .hi-advencedtabs .dipi-at-tab .dipi-at-tab-title { font-size: 13px; line-height: 18px; font-weight: 400; } body.page-id-20217719 .hi-advencedtabs .dipi-at-tab .dipi-at-tab-subtitle { font-size: 11px; line-height: 13px; } body.page-id-20217719 .dipi_advanced_tabs_0 .dipi-at-tabs .dipi-at-tab, body.page-id-20217719 .dipi_advanced_tabs_0 .dipi-at-tabs .dipi-at-tab.dipi-at-tab--active { padding-right: 0px !important; padding-left: 0px !important; margin-right: 0px !important; margin-left: 0px !important; } body.page-id-20217719 .dipi-tab-media.dipi-tab-media--normal { padding-left: 1px !important; padding-right: 1px !important; } body.page-id-20217719 .dipi-tab-media.dipi-tab-media--normal img, body.page-id-20217719 .hi-advencedtabs .dipi-at-tab .dipi-tab-media img { max-height: 50px !important; width: auto !important; } } div.login-language.group:hover { box-shadow: none; } .hi-perorbus-form .wpcf7-list-item-label { text-align: left; } .hi-responsive-table table { margin: 0 auto !important; } .hi-overflowx { overflow-x: hidden; } @media only screen and (max-width: 767px) { .hi-maintop-header.et_pb_section_0 { max-height: calc(100vh - 50px); margin-top: 44px !important; } .hi-maintop-row-spec { position: relative !important; top: -60px !important; transform: scale(0.8) !important; } /* .hi-maintop-row-spec h1 { font-size: 3rem !important; } */ .hi-maintop-row-spec :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { font-size: 32px !important; } } @media only screen and (max-width: 640px) { .hi-maintop-row-spec { top: -140px !important; transform: scale(0.6) !important; } } @media only screen and (max-width: 468px) { .hi-maintop-row-spec { top: -100px !important; transform: scale(0.7) !important; } /* .hi-maintop-row-spec h1 { font-size: 2.2rem !important; } */ .hi-maintop-row-spec :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { font-size: 26px !important; } } .hi-inactivecards.hi-cards .et_pb_row:not(.hi-cards-not) .et_pb_column { cursor: default; } .hi-pic-vertical-middle { min-width: 350px; } @media (max-width: 1000px) { #hi-topmenu { display: none; } #top-menu-nav { display: none; } #et_mobile_nav_menu { display: block; } div.login-language { display: none; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu { display: none; } #mega-menu-wrap-mobile-menu #mega-menu-mobile-menu > li.mega-menu-item { display: list-item; } } @media (max-width: 900px) { div#nav-secondary:not(.offset) { top: 75px !important; } } @media (max-width: 1000px) and (min-width: 681px) { .hi-subsciptions .et_pb_pricing_table { flex: 1; width: 48% !important; max-width: 50.5%; margin: 30px -1px 0 0; margin-top: 0 !important; padding-top: 20px; padding-right: 16px; padding-bottom: 24px; padding-left: 24px; } .hi-subsciptions .et_pb_pricing_table:nth-child(1) { margin-right: 2% !important; } .hi-subsciptions .et_pb_pricing_table:nth-child(2) { margin-left: 2% !important; } .hi-subsciptions .et_pb_pricing_title { white-space: break-spaces !important; width: 220px; word-spacing: unset !important; } .hi-subsciptions .et_pb_pricing_table:nth-child(2) { position: relative; background-image: url(/media/theme/semiback.png); } .hi-subsciptions .et_pb_pricing_table:nth-child(2):before { position: absolute; top: 0; right: 0; content: ''; background: transparent url(/media/theme/14freedays.png) no-repeat center center; background-size: contain; width: 100px; height: 100px; } .hi-subsciptions#pricing:nth-child(5) .et_pb_pricing_table_button { width: 300px !important; margin: 0 auto; max-width: calc(100% - 20px) !important; } .hi-subsciptions .et_pb_et_price > span:not(:last-child) { font-size: 52px; } } @media (max-width: 767px) { .et_pb_section_2.hi-alwaysvisible, .et_pb_section_3.hi-alwaysvisible, .et_pb_section_4.hi-alwaysvisible, .et_pb_section_5.hi-alwaysvisible, .et_pb_section_8.hi-alwaysvisible, .hi-alwaysvisible { display: block !important; } .hi-maintop-row-text2 > .et_pb_column { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1000px) and (min-width: 641px) { .hi-cards-mobile-iftrio { grid-template-columns: 33.33% 33.33% 33.33% !important; max-width: unset !important; width: calc(100% - 60px); } .hi-cards-mobile-iftrio :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 17px !important; } .hi-cards-mobile-iftrio :is(p:where(:not([data-visual-tag])),:where([data-visual-tag="p"])) { font-size: 16px !important; } } @media (max-width: 1000px) and (min-width: 541px) { .hi-three-icons { width: calc(100% - 40px) !important; } .hi-three-icons .et_pb_column { width: 33.33% !important; } .hi-three-icons .et_pb_column img { max-height: 75px !important; } .hi-three-icons :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])).secondary { font-size: 20px !important; } .hi-three-icons canvas { height: 18vw !important; width: 18vw !important; max-height: 140px !important; max-width: 140px !important; } .hi-perorbus-cards .et_pb_row:nth-child(2) { display: flex; } .hi-perorbus-cards .et_pb_row:nth-child(2) .et_pb_column { display: inline-block; flex: 1; width: 47.25%; margin-right: 5.5%; margin-bottom: 0; } .hi-perorbus-cards .et_pb_row:nth-child(2) .et_pb_column .et_pb_module { height: 100%; } .hi-perorbus-cards .et_pb_row:nth-child(2) .et_pb_column:last-child { margin-right: 0; } } @media (max-width: 680px) { .hi-subsciptions .et_pb_pricing_table { display: block !important; flex: unset; margin: 10px auto !important; width: 100% !important; max-width: 450px !important; } .hi-subsciptions .et_pb_pricing_table:nth-child(1) { margin-right: auto !important; } .hi-subsciptions .et_pb_pricing_table:nth-child(2) { margin-left: auto !important; } } @media (max-width: 700px) and (min-width: 541px) { .hi-three-icons :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])).secondary { font-size: 18px !important; width: 140px; margin: 0 auto; } } @media (max-width: 680px) and (min-width: 541px) { .hi-three-icons .et_pb_column :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])):nth-child(2) { font-size: 18px; line-height: 20px; margin: 10px 0 0 0; } } @media (max-width: 670px) { .hi-pic-vertical-middle { width: 90% !important; max-width: 350px !important; margin: 0 auto !important; min-width: unset; } .hi-pic-vertical-middle :is(h5:where(:not([data-visual-tag])),:where([data-visual-tag="h5"])) { font-size: 18px; } .hi-pic-vertical-middle .et_pb_image_wrap img { max-width: 34vw; } .hi-maintop-row-text2 > .et_pb_column :is(h4:where(:not([data-visual-tag])),:where([data-visual-tag="h4"])) { line-height: 24px; font-size: 20px !important; } } @media (max-width: 420px) { .hi-pic-vertical-middle { display: block !important; } .hi-pic-vertical-middle .et_pb_column { width: 100% !important; display: block !important; } .hi-pic-vertical-middle .et_pb_module.et_pb_image { text-align: center; } } .mbold, .mbold a { font-weight: bold !important; }