/* Google fonts */ /* Inter */ @font-face { font-family: "Inter"; font-weight: 100; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-t.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 200; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-e-l.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 300; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-l.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-r.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 500; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-m.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-s-b.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-b.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 800; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-e-b.woff2") format("woff2"); } @font-face { font-family: "Inter"; font-weight: 900; font-style: normal; font-display: swap; src: url("../../g/fonts/inter/inter-bl.woff2") format("woff2"); } /* \Inter */ /* Roboto */ @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-t.eot"); src: url("../../g/fonts/roboto/roboto-t.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-t.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-t.woff") format("woff"), url("../../g/fonts/roboto/roboto-t.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-t.svg") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-t-i.eot"); src: url("../../g/fonts/roboto/roboto-t-i.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-t-i.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-t-i.woff") format("woff"), url("../../g/fonts/roboto/roboto-t-i.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-t-i.svg") format("svg"); font-weight: 100; font-style: italic; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-l.eot"); src: url("../../g/fonts/roboto/roboto-l.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-l.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-l.woff") format("woff"), url("../../g/fonts/roboto/roboto-l.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-l.svg") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-l-i.eot"); src: url("../../g/fonts/roboto/roboto-l-i.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-l-i.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-l-i.woff") format("woff"), url("../../g/fonts/roboto/roboto-l-i.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-l-i.svg") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-r.eot"); src: url("../../g/fonts/roboto/roboto-r.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-r.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-r.woff") format("woff"), url("../../g/fonts/roboto/roboto-r.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-r.svg") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-i.eot"); src: url("../../g/fonts/roboto/roboto-i.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-i.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-i.woff") format("woff"), url("../../g/fonts/roboto/roboto-i.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-i.svg") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-m.eot"); src: url("../../g/fonts/roboto/roboto-m.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-m.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-m.woff") format("woff"), url("../../g/fonts/roboto/roboto-m.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-m.svg") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-m-i.eot"); src: url("../../g/fonts/roboto/roboto-m-i.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-m-i.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-m-i.woff") format("woff"), url("../../g/fonts/roboto/roboto-m-i.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-m-i.svg") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-b.eot"); src: url("../../g/fonts/roboto/roboto-b.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-b.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-b.woff") format("woff"), url("../../g/fonts/roboto/roboto-b.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-b.svg") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-b-i.eot"); src: url("../../g/fonts/roboto/roboto-b-i.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-b-i.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-b-i.woff") format("woff"), url("../../g/fonts/roboto/roboto-b-i.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-b-i.svg") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-bl.eot"); src: url("../../g/fonts/roboto/roboto-bl.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-bl.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-bl.woff") format("woff"), url("../../g/fonts/roboto/roboto-bl.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-bl.svg") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: "Roboto"; src: url("../../g/fonts/roboto/roboto-bl-i.eot"); src: url("../../g/fonts/roboto/roboto-bl-i.eot@") format("embedded-opentype"), url("../../g/fonts/roboto/roboto-bl-i.woff2") format("woff2"), url("../../g/fonts/roboto/roboto-bl-i.woff") format("woff"), url("../../g/fonts/roboto/roboto-bl-i.ttf") format("truetype"), url("../../g/fonts/roboto/roboto-bl-i.svg") format("svg"); font-weight: 900; font-style: italic; } /* \Roboto */ /* End of Google fonts */ :root { --primary-color-base: #ff9900; --primary-color-a-005: rgba(255, 153, 0, 0.05); --primary-color-l-5: #ffa31a; --primary-color-l-10: #ffad33; --primary-color-l-15: #ffb84d; --primary-color-l-20: #ffc266; --primary-color-l-25: #ffcc80; --primary-color-l-30: #ffd699; --primary-color-l-35: #ffe0b3; --primary-color-l-40: #ffebcc; --primary-color-l-45: #fff5e5; --primary-color-l-50: #ffffff; --primary-color-l-55: #ffffff; --primary-color-l-60: #ffffff; --primary-color-d-5: #e68a00; --primary-color-d-10: #cc7a00; --primary-color-a-01: rgba(255, 153, 0, 0.1); --primary-color-a-02: rgba(255, 153, 0, 0.2); --primary-color-a-03: rgba(255, 153, 0, 0.3); --primary-color-a-04: rgba(255, 153, 0, 0.4); --primary-color-a-05: rgba(255, 153, 0, 0.5); --primary-color-a-06: rgba(255, 153, 0, 0.6); --primary-color-a-07: rgba(255, 153, 0, 0.7); --primary-color-a-08: rgba(255, 153, 0, 0.8); --primary-color-a-09: rgba(255, 153, 0, 0.9); --text-color-base: #151e2d; --text-color-a-005: rgba(21, 30, 45, 0.05); --text-color-l-5: #1d2a3e; --text-color-l-10: #253550; --text-color-l-15: #2d4161; --text-color-l-20: #354c73; --text-color-l-25: #3e5884; --text-color-l-30: #466495; --text-color-l-35: #4e6fa7; --text-color-l-40: #5b7cb3; --text-color-l-45: #6d8abb; --text-color-l-50: #7e98c3; --text-color-l-55: #90a6cb; --text-color-l-60: #a1b4d3; --text-color-d-5: #0d121c; --text-color-d-10: #05070a; --text-color-a-01: rgba(21, 30, 45, 0.1); --text-color-a-02: rgba(21, 30, 45, 0.2); --text-color-a-03: rgba(21, 30, 45, 0.3); --text-color-a-04: rgba(21, 30, 45, 0.4); --text-color-a-05: rgba(21, 30, 45, 0.5); --text-color-a-06: rgba(21, 30, 45, 0.6); --text-color-a-07: rgba(21, 30, 45, 0.7); --text-color-a-08: rgba(21, 30, 45, 0.8); --text-color-a-09: rgba(21, 30, 45, 0.9); } /*** Start css of 15736309_ ***/ .lp-button--type-1 { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgba(255,153,0,1); border-style: none; border-width: 0px; border-enabled: 1; font-size: 22px; font-weight: 700; color: rgba(255,255,255,1); font-transparent: 100%; background-color: rgba(255,153,0,1); box-shadow: 0 15px 36px -13px rgba(255,167,42,1); } .lp-button--type-1:hover { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgb(224, 224, 224); background-color: rgba(255,153,0,1); box-shadow: 0 0 0 0 rgba(255,167,42,1); color: rgba(255,255,255,1); font-transparent: 100%; } .lp-button--type-1:focus { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgb(255, 173, 20); background-color: rgb(255, 173, 20); box-shadow: 0 0 0 0 rgb(255, 187, 62); color: rgba(255,255,255,1); } .lp-button--type-1:active { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgb(184, 184, 184); background-color: rgba(255,153,0,1); box-shadow: 0 0 0 0 rgba(255,167,42,1); color: rgba(255,255,255,1); font-transparent: 100%; } .lp-button--type-2 { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgba(255,153,0,1); border-style: solid; border-width: 2px; border-transparent: 100%; border-enabled: 1; font-size: 22px; color: rgba(43,43,43,1); font-transparent: 100%; font-weight: 700; background-color: rgba(255,167,42,0); } .lp-button--type-2:hover { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgba(255,153,0,1); background-color: rgba(255,153,0,1); color: rgba(255,255,255,1); font-transparent: 100%; } .lp-button--type-2:focus { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgb(255, 173, 20); background-color: rgba(255, 187, 62, 0); color: rgba(43,43,43,1); } .lp-button--type-2:active { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-color: rgba(255,153,0,1); background-color: rgba(255,153,0,1); color: rgba(255,255,255,1); font-transparent: 100%; } body .lp-card--type { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-color: rgba(241,249,254,1); border-style: none; border-width: 0px; border-transparent: 100%; border-enabled: 1; background-color: rgba(241,249,254,1); box-shadow: 7px 8px 30px -21px rgba(152,172,184,0); } body .lp-container-type { background-color: rgba(255,255,255,0); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: rgba(255,255,255,1); border-style: none; border-width: 0px; border-transparent: 100%; border-enabled: 1; box-shadow: 0 0 0 0 rgba(255,255,255,1); } body .lp-image-type { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-color: rgba(204,204,204,1); border-style: none; border-width: 0px; border-enabled: 1; } .lp-header-title-1 { font-family: Inter, sans-serif; font-size: 60px; font-weight: 700; line-height: 100%; } @media screen and (max-width: 1279px) { .lp-header-title-1 { font-size: 40px; } } @media screen and (max-width: 991px) { .lp-header-title-1 { font-size: 30px; } } @media screen and (max-width: 767px) { .lp-header-title-1 { font-size: 24px; } } @media screen and (max-width: 479px) { .lp-header-title-1 { font-size: 24px; font-weight: 700; } } .lp-header-title-2 { font-family: Inter, sans-serif; font-size: 48px; line-height: 110%; } @media screen and (max-width: 1279px) { .lp-header-title-2 { font-size: 36px; } } @media screen and (max-width: 991px) { .lp-header-title-2 { font-size: 28px; } } @media screen and (max-width: 767px) { .lp-header-title-2 { font-size: 22px; } } @media screen and (max-width: 479px) { .lp-header-title-2 { font-size: 22px; } } .lp-header-title-3 { font-family: Inter, sans-serif; font-size: 36px; line-height: 120%; } @media screen and (max-width: 1279px) { .lp-header-title-3 { font-size: 30px; } } @media screen and (max-width: 991px) { .lp-header-title-3 { font-size: 24px; } } @media screen and (max-width: 767px) { .lp-header-title-3 { font-size: 20px; } } @media screen and (max-width: 479px) { .lp-header-title-3 { font-size: 20px; } } .lp-header-title-4 { font-family: Inter, sans-serif; font-size: 30px; line-height: 90%; } @media screen and (max-width: 1279px) { .lp-header-title-4 { font-size: 22px; } } @media screen and (max-width: 991px) { .lp-header-title-4 { font-size: 20px; } } @media screen and (max-width: 767px) { .lp-header-title-4 { font-size: 18px; } } @media screen and (max-width: 479px) { .lp-header-title-4 { font-size: 18px; } } .lp-header-title-5 { font-family: Inter, sans-serif; font-size: 24px; line-height: 100%; } @media screen and (max-width: 1279px) { .lp-header-title-5 { font-size: 22px; } } @media screen and (max-width: 991px) { .lp-header-title-5 { font-size: 20px; } } @media screen and (max-width: 767px) { .lp-header-title-5 { font-size: 20px; } } @media screen and (max-width: 479px) { .lp-header-title-5 { font-size: 18px; } } .lp-header-title-6 { font-family: Roboto, sans-serif; font-size: 20px; font-weight: 700; } @media screen and (max-width: 1279px) { .lp-header-title-6 { font-size: 20px; } } @media screen and (max-width: 991px) { .lp-header-title-6 { font-size: 20px; } } @media screen and (max-width: 767px) { .lp-header-title-6 { font-size: 18px; } } @media screen and (max-width: 479px) { .lp-header-title-6 { font-size: 18px; } } .lp-header-text-1 { font-family: Roboto, sans-serif; font-size: 20px; } @media screen and (max-width: 1279px) { .lp-header-text-1 { font-size: 20px; } } @media screen and (max-width: 991px) { .lp-header-text-1 { font-size: 18px; } } @media screen and (max-width: 767px) { .lp-header-text-1 { font-size: 18px; } } @media screen and (max-width: 479px) { .lp-header-text-1 { font-size: 18px; line-height: 130%; } } .lp-header-text-2 { font-family: Roboto, sans-serif; font-size: 20px; } @media screen and (max-width: 1279px) { .lp-header-text-2 { font-size: 20px; } } @media screen and (max-width: 991px) { .lp-header-text-2 { font-size: 18px; } } @media screen and (max-width: 767px) { .lp-header-text-2 { font-size: 16px; } } @media screen and (max-width: 479px) { .lp-header-text-2 { font-size: 16px; line-height: 130%; } } .lp-header-text-3 { font-family: Roboto, sans-serif; font-size: 20px; line-height: 130%; } @media screen and (max-width: 1279px) { .lp-header-text-3 { font-size: 20px; } } @media screen and (max-width: 991px) { .lp-header-text-3 { font-size: 18px; } } @media screen and (max-width: 767px) { .lp-header-text-3 { font-size: 16px; line-height: 120%; } } @media screen and (max-width: 479px) { .lp-header-text-3 { font-size: 16px; line-height: 120%; } } .lp-header-text-4 { font-size: 18px; font-family: Roboto, sans-serif; line-height: 120%; } @media screen and (max-width: 1279px) { .lp-header-text-4 { font-size: 16px; } } @media screen and (max-width: 991px) { .lp-header-text-4 { font-size: 15px; } } @media screen and (max-width: 767px) { .lp-header-text-4 { font-size: 14px; } } @media screen and (max-width: 479px) { .lp-header-text-4 { font-size: 14px; } } .lp-blocks-fon { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: rgba(204,204,204,1); border-style: none; border-width: 0px; background-color: rgba(255,255,255,1); } .lp-blocks-fon:hover { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: rgb(224, 224, 224); background-color: rgba(175, 115, 255, 0.07); } .lp-blocks-fon:focus { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: rgb(224, 224, 224); background-color: rgba(175, 115, 255, 0.07); } .lp-blocks-fon:active { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-color: rgb(184, 184, 184); background-color: rgba(129, 54, 255, 0.07); } .lp-form-tpl__field-text { border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-color: rgba(204,204,204,1); border-style: solid; border-width: 1px; border-transparent: 100%; border-enabled: 1; } .lp-form-tpl__field-text:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-color: rgb(224, 224, 224); } .lp-form-tpl__field-text:focus { border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-color: rgb(224, 224, 224); } .lp-form-tpl__field-text:active { border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-color: rgb(184, 184, 184); } .lp-form-tpl__field-multi_select._opened .lp-form-tpl__field-multi_select__input, .lp-form-tpl__field-multi_select._opened .lp-form-tpl__field-select__input, .lp-form-tpl__field-select._opened .lp-form-tpl__field-multi_select__input, .lp-form-tpl__field-select._opened .lp-form-tpl__field-select__input, .lp-form-tpl__field-multi_select__list,.lp-form-tpl__field-select__list { border-color: rgba(204,204,204,1); border-style: solid; border-width: 1px; border-transparent: 100%; } /*** End css of 15736309_ ***/