/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */ /* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { font-family: "Helvetica", "Arial", sans-serif; color: #000; font-size: 15px; line-height: 1.4; } h1 { font-size: 34px; } h2 { font-size: 30px; } .grey-bg { background-color: #eeeeee; } .py-5 { padding: 5em; } .py-2 { padding: 2em; } .query-header { margin-top: 0; padding-top: 0; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */ ::-moz-selection { background: #F16E00; text-shadow: none; color: #fff; } ::selection { background: #F16E00; text-shadow: none; color: #fff; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0.2em 0; padding: 0; } .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } .lg-form { /* Chrome, Safari, Edge, Opera */ /* Firefox */ } .lg-form-control-wrap { display: block; } .lg-form-control-wrap.kc_captcha { padding-bottom: 15px; } .lg-form-control-wrap.kc_captcha .captcha-image { border: 0; padding: 0; text-align: left; } .lg-form-control-wrap.kc_captcha .captcha-image label { border: 0; } .lg-form-control-wrap.kc_captcha .captcha-image label svg { margin-top: -15px; } .lg-form-control-wrap.kc_captcha .captcha-image label > input:checked + svg, .lg-form-control-wrap.kc_captcha .captcha-image label > input:focus + svg { border: 0; } .lg-form-control-wrap.kc_captcha .captcha-image label > input:checked + svg path, .lg-form-control-wrap.kc_captcha .captcha-image label > input:focus + svg path { fill: #F16E00; } .lg-form-control-wrap.kc_captcha .captcha-image .cf7ic_instructions { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #000; } .lg-form-control-wrap.kc_captcha .captcha-image .cf7ic_instructions span { color: #F16E00; } .lg-form-control-wrap.select { position: relative; } .lg-form-control-wrap.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .lg-form .row:not(:last-child) { margin-bottom: 30px; } .lg-form input:not([type=submit]):not([type=reset]):not([type=file]):not([type=checkbox]), .lg-form select { max-width: 100%; } .lg-form select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; position: relative; } .select-wrap::after { content: ""; position: absolute; width: 13.45px; height: 13.45px; display: block; border-bottom: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); top: calc(50% - 5px); right: 30px; z-index: 10; } .lg-form select ::-ms-expand { display: none; } .lg-form label { width: 100%; margin-bottom: 2px; } .lg-form label > span:not(.attachment):not(.checkbox) { position: relative; display: flex; background-color: #fff; } .lg-form .checkbox .lg-list-item-label { font-size: 9px; letter-spacing: 0; line-height: 11px; } .lg-form .checkbox input { margin-top: 0px; margin-right: 20px; height: 15px; min-width: 13px; } .lg-form .checkbox label { display: flex; align-items: flex-start; } .lg-form .checkbox .lg-list-item { margin: 0; } .lg-form .checkbox span.lg-list-item-label { background-color: transparent !important; } .lg-form input:not([type=submit]):not([type=reset]):not([type=file]):not([type=checkbox]), .lg-form textarea, .lg-form select { position: relative; z-index: 10; font-size: 14px; border-top: none; border-right: none; border-left: none; border-bottom: 2px solid #ccc; background-color: #fff; padding: 16px 15px 16px; outline: none; transition: border-color 0.1s ease-out; font-weight: bold; } .lg-form input:not([type=submit]):not([type=reset]):not([type=file]):not([type=checkbox]):focus + .lg-form-label, .lg-form input:not([type=submit]):not([type=reset]):not([type=file]):not([type=checkbox]):active + .lg-form-label, .lg-form input:not([type=submit]):not([type=reset]):not([type=file]):not([type=checkbox]).active + .lg-form-label, .lg-form textarea:focus + .lg-form-label, .lg-form textarea:active + .lg-form-label, .lg-form textarea.active + .lg-form-label, .lg-form select:focus + .lg-form-label, .lg-form select:active + .lg-form-label, .lg-form select.active + .lg-form-label { transform: translateY(5px) !important; color: #999999 !important; font-size: 12px; font-weight: bold !important; letter-spacing: 0 !important; } .lg-form input:not([type=submit]):not([type=reset]):not([type=file]):not([type=checkbox]):focus, .lg-form textarea:focus, .lg-form select:focus { border-color: #F16E00 !important; } .lg-form label > span:not(.attachment):not(.checkbox) .lg-form-label { position: absolute; left: 15px; right: 15px; top: 0px; font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 17px; transform: translateY(20px); transition: transform 0.1s ease-out; } .lg-form label > span.attachment { display: flex; flex-direction: row-reverse; justify-content: flex-end; margin-bottom: -15px; } .lg-form label > span.attachment input[type=file] { font-size: 12px; margin-left: 15px; cursor: pointer; outline: none; } .lg-form label > span.attachment input[type=file]::-webkit-file-upload-button { font-size: 12px; background: #fff; outline: none; border: 1px solid #000; cursor: pointer; } .lg-form label > span.attachment .lg-form-label { font-size: 14px; letter-spacing: 0; } .lg-form textarea { width: 100%; min-height: 100px; height: 100px; } .lg-form .lg-submit { width: 100%; background-color: #ff7900; color: #fff; border: 1px solid #ff7900; font-size: 16px; font-weight: bold; letter-spacing: 0; padding: 12px; outline: none; transition: all 0.14s ease-out; margin-top: 10px; text-align: center; } .lg-form .lg-reset { width: 100%; background-color: #fff; color: #000; border: 1px solid #000; font-size: 16px; font-weight: bold; letter-spacing: 0; padding: 12px; outline: none; transition: all 0.14s ease-out; margin-top: 10px; text-align: center; } .lg-form .lg-submit.active, .lg-form .lg-submit:hover, .lg-form .lg-submit:active, .lg-form .lg-submit:focus { background-color: #FF8D26 !important; color: #fff !important; border-color: #FF8D26 !important; } .lg-form .lg-submit:focus { box-shadow: 0 0 0 0.2rem #ffffff85; } .lg-form .lg-reset.active, .lg-form .lg-reset:hover, .lg-form .lg-reset:active, .lg-form .lg-reset:focus { background-color: #fff !important; color: #000 !important; border-color: #000 !important; } .lg-form .lg-reset:focus { box-shadow: 0 0 0 0.2rem #ffffff85; } .lg-form select[aria-required=true] + span.lg-form-label:after, .lg-form textarea[aria-required=true] + span.lg-form-label:after, .lg-form input[aria-required=true] + span.lg-form-label:after { content: "*"; margin-left: -3px; } .lg-form p ~ p:last-child { margin-bottom: 0; } .lg-form input[aria-invalid=true], .lg-form select[aria-invalid=true], .lg-form textarea[aria-invalid=true] { border: 1px solid red !important; } .lg-form .lg-not-valid-tip { position: absolute; top: 100%; font-size: 12px; left: 0px; } .lg-form .lg-response-output { margin: 10px 0 !important; padding: 5px 10px !important; font-size: 14px; } .lg-form.sent .lg-response-output, .lg-form .lg-response-output.custom-valid, .lg-form.failed .lg-response-output, .lg-form .lg-response-output.custom-invalid { background-color: transparent !important; border: 0 !important; color: #000; font-size: 24px; font-weight: bold; letter-spacing: -0.71px; line-height: 30px; } .lg-form.submitting .lg-response-output, .lg-form.invalid .lg-response-output { display: none !important; } .lg-form .ajax-loader { display: none !important; } .lg-form .lg-not-valid.lg-checkbox, .lg-form .lg-not-valid.lg-radio { display: block; margin-bottom: 1.5rem; } .lg-form input::-webkit-outer-spin-button, .lg-form input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .lg-form input[type=number] { -moz-appearance: textfield; } .lg-form .chk-lg .lg-checkbox .lg-list-item label .lg-list-item-label, .lg-form .chk-contact-email .lg-checkbox .lg-list-item label .lg-list-item-label, .lg-form .chk-contact-phone .lg-checkbox .lg-list-item label .lg-list-item-label { font-size: 14px !important; margin-top: 2px; } /*# sourceMappingURL=assets-CF7.css.map */ .radios { margin-bottom: 40px; } .radios label { margin-right: 10px; font-weight: bold; } .results { margin-top: 30px; line-height: 2em; transition: 0.2s; } .submit-results { /* margin-top: 60px; */ border-left: 1px solid #ff790000; transition: 0.2s; } .submit-results.loading { border-left: 1px solid #ff7900; transition: 0.4s; } .loading .results { opacity: 0.4; transition: 0.4s; } .strong-hr { border-top: 2px solid #ccc; } .w-100 { width: 100%; max-width: 100%; } @media screen and (max-width: 991px) { .pre-menu { position: fixed !important; left: 0; right: 0; top: 0; } } .pre-menu__background { background-color: #232323; top: 0; bottom: 0; z-index: -1; } .pre-menu__background--window { left: 50%; transform: translateX(-51vw); width: 102vw; } .pre-menu__background--parent { left: 0; right: 0; } .pre-menu__link { padding: 7px 16px 8px; font-size: 12px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #999999; text-decoration: none !important; transition: background-color 0.2s ease-out; } .pre-menu__link.active { background-color: #000; color: #ff7900; font-weight: bold; } .pre-menu__link:hover, .pre-menu__link:focus, .pre-menu__link:active { background-color: #000; color: #ff7900; } .pre-menu .pre-menu-lng { justify-content: flex-end; } .pre-menu .pre-menu-lng .pre-menu__link.active { position: relative; } .pre-menu .pre-menu-lng .pre-menu__link.active::after { display: block; position: absolute; bottom: 0; height: 2px; width: 15px; border-bottom: 2px solid #ff7900; content: ""; } .d-flex { display: flex !important; } .d-block { display: block !important; } .premenu-container { background-color: #232323; } .black-bg { background: #000; } .dgrey-bg { background-color: #232323; } .logo { width: 50px; } .menu-container { padding-top: 30px; padding-bottom: 30px; } .slogan { color: #ffffff; font-size: 20px; font-weight: bold; max-width: 153px; min-width: 153px; } .logo { margin-right: 15px; } .h-100 { height: 100% important; } .main-menu { min-height: 50px; align-items: center; justify-content: center; margin-top: 20px; } @media screen and (min-width: 1201px) { .main-menu { margin-top: 0; } } .logo-wrapper { justify-content: center; } @media screen and (min-width: 1201px) { .logo-wrapper { justify-content: start; align-items: center; } } a.logo-wrapper { color: #ffffff; text-decoration: none !important; cursor: pointer; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .main-menu a { color: #ffffff; margin: 0px 16px; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-decoration: none !important; cursor: pointer; -webkit-transition: color 0.1s ease-out; transition: color 0.1s ease-out; } .footer { padding: 50px 15px 62px; } .footer a { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: normal; color: #ffffff !important; cursor: pointer; -webkit-transition: all 0.14s ease-out; transition: all 0.14s ease-out; text-decoration: none; } .footer a:hover { color: #ff7900 !important; } .grey-bg div a { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: normal; color: inherit !important; cursor: pointer; -webkit-transition: all 0.14s ease-out; transition: all 0.14s ease-out; text-decoration: none; } .grey-bg div a:hover { color: #ff7900 !important; } .banner { padding: 40px; margin-top: 50px; } .banner-title { color: #fff; font-size: 24px; } @media screen and (min-width: 1201px) { .banner-title { font-size: 30px; } } .banner-button { font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; outline: none !important; border: 2px solid; -webkit-transition: all 0.14s ease-out; transition: all 0.14s ease-out; min-width: auto; padding: 15px 23px; font-size: 14px; background-color: #ff7900 !important; border-color: #ff7900 !important; min-width: 195px; } .banner-button a { color: #fff !important; text-decoration: none; } @media screen and (min-width: 1201px) { .banner-button { font-size: 16px; } } dt { padding-bottom: 8px; } dd { padding-bottom: 16px; } .banner-type-1__title { font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: -0.8px; max-width: 625px; margin-bottom: 0; } @media screen and (min-width: 992px) { .banner-type-1__title { margin-bottom: 20px; } } @media screen and (min-width: 768px) { .banner-type-1__title { margin-bottom: 36px; } } @media screen and (min-width: 992px) { .banner-type-1__title { font-size: 30px; line-height: 1.07; } } @media screen and (max-width: 991px) { .banner-type-1__title { font-size: 18px; line-height: 1.2; } } .banner-type-1__title_63369a50636f8 { /* width: 100%; */ font-size: 18px; } @media screen and (min-width: 992px) { .banner-type-1__title_63369a50636f8 { font-size: 30px; /* width: 80%; */ } } /*# sourceMappingURL=main.css.map */