/home/bdqbpbxa/demo-subdomains/homesearch.goodface.com.ua/frontend/css/ui-kit.css
/* Fonts */
@import "../fonts/MyFontsWebfontsKit.css";
/* Reset */
html,
body,
body * {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-family: "Fieldwork", sans-serif;
font-weight: 300;
color: #000000;
background: var(--grey-bg);
}
body * {
margin: 0;
padding: 0;
outline: 0;
background-repeat: no-repeat;
background-position: center;
font-style: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: "Fieldwork", sans-serif;
font-weight: 300;
}
li {
list-style-type: none;
}
a {
text-decoration: none;
}
img {
border: none;
user-select: none;
-webkit-user-select: none;
-webkit-user-drag: none;
}
input,
textarea {
border-radius: 0;
border: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
textarea {
resize: none;
}
/* Scroll lock */
html.-scroll-lock,
html.-scroll-lock body {
height: calc(var(--window-inner-height) - 1px);
overflow: hidden;
}
html.-scroll-lock body {
position: relative;
}
body.-scroll-lock {
padding-right: var(--scrollbar-width);
}
body.-scroll-lock .header {
padding-right: var(--scrollbar-width);
}
/* Global (Global css and params) */
.screen-reader-response {
display: none !important;
}
.--pc-display {
display: block;
}
.--tablet-display,
.--mobile-display {
display: none;
}
:root {
/* spaces */
--margin-beetwen-content: 60px;
--margin-beetwen-title-text: 15px;
--margin-beetwen-title-content: 40px;
/* colors */
--red: #ff4b51;
--red-hover: #f22930;
--red-darker: #d62b04;
--green: #33bf6b;
--yellow: #feba0b;
--white: #ffffff;
--grey-bg: #f7f7f7;
--grey-10: #dadada;
--grey-30: #a7a7a7;
--light-grey: #989898;
--grey-50: #7b7b7b;
--grey: #535353;
--dark-grey: #303030;
--black: #000000;
}
main > *:first-child {
padding-top: 135px;
}
main > .inner-page-main {
padding-top: 145px;
}
.container {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}
.container.-smaller {
padding: 0 80px;
}
/* Texts */
.super-title,
.super-title * {
font-weight: 700;
font-size: 50px;
line-height: 56px;
}
.title-1,
.title-1 * {
font-weight: 600;
font-size: 38px;
line-height: 44px;
}
.title-2,
.title-2 * {
font-weight: 600;
font-size: 30px;
line-height: 38px;
}
.title-3,
.title-3 * {
font-weight: 600;
font-size: 24px;
line-height: 39px;
}
.title-4,
.title-4 * {
font-weight: 600;
font-size: 22px;
line-height: 30px;
}
.title-5,
.title-5 * {
font-weight: 600;
font-size: 20px;
line-height: 24px;
}
.counter-title,
.counter-title * {
font-weight: 600;
font-size: 65px;
line-height: 80px;
color: var(--red);
}
.text-1,
.text-1 * {
font-weight: 300;
font-size: 18px;
line-height: 29px;
}
.text-2,
.text-2 * {
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.text-3,
.text-3 * {
font-weight: 300;
font-size: 14px;
line-height: 21px;
}
.text-4,
.text-4 * {
font-weight: 300;
font-size: 12px;
line-height: 20px;
}
.pre-title,
.pre-title * {
font-weight: 600;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
}
.benefits-text,
.benefits-text * {
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: var(--red);
}
.--light,
.--light * {
font-weight: 300 !important;
}
.--light strong {
font-weight: 600 !important;
}
.--demi-bold,
.--demi-bold * {
font-weight: 600 !important;
}
.--bold,
.--bold * {
font-weight: 700 !important;
}
.title strong,
.text strong {
font-weight: 600 !important;
}
.check-list li,
.editor li {
position: relative;
padding-left: 27px;
}
.check-list li:not(:first-child) {
margin-top: 1px;
}
.check-list li:before,
.editor li:before {
content: "";
position: absolute;
left: 0;
top: 8px;
display: block;
width: 10px;
height: 9px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDEuNjA2NTRDMTggMi40ODkgMTcuNjAwMyAzLjM0ODg0IDE2LjgwMDggNC4xODYwNEwxNi42NzYzIDQuMzEwNDlMOS42ODQ0OCAxMS42NzU3QzguMTk4NjIgMTMuMjM3IDYuOTMzMzggMTQuNDQzNyA1Ljg4ODc1IDE1LjI5NkM0Ljg0NDEyIDE2LjE0ODMgNC4xMDY4NSAxNi41NzQ1IDMuNjc2OTMgMTYuNTc0NUMzLjIyNDM5IDE2LjU3NDUgMi42NjI0OCAxNi4zNjE0IDEuOTkxMiAxNS45MzUzQzEuMzE5OTIgMTUuNTA5MSAwLjg4NjIzNSAxNS4wNjk4IDAuNjkwMTMyIDE0LjYxNzJDMC41MjQxOTkgMTQuMjQwMSAwLjM2NzY5MyAxMy40NDA2IDAuMjIwNjE2IDEyLjIxODdDMC4wNzM1Mzg3IDEwLjk5NjkgMCA5LjY3MzE2IDAgOC4yNDc2NEMwIDcuNDcwNzcgMC4zMjQzMjQgNi43NTIzNSAwLjk3Mjk3MyA2LjA5MjM5QzEuNjIxNjIgNS40MzI0MyAyLjMzODE1IDUuMTAyNDUgMy4xMjI1NiA1LjEwMjQ1QzMuODY5MjYgNS4xMDI0NSA0LjMxNDI3IDUuNzg1MDQgNC40NTc1NyA3LjE1MDIyQzQuNDcyNjYgNy4zMDg2MSA0LjQ4Mzk3IDcuNDI1NTIgNC40OTE1MSA3LjUwMDk0QzQuNjEyMTkgOC41NDkzNCA0Ljc1MTczIDkuMjgwOTUgNC45MTAxMiA5LjY5NTc4QzUuMDY4NTEgMTAuMTEwNiA1LjI4MzQ3IDEwLjMxOCA1LjU1NSAxMC4zMThDNS42NjgxMyAxMC4zMTggNS44NzkzMiAxMC4xOTU1IDYuMTg4NTYgOS45NTAzNEM2LjQ5NzggOS43MDUyMSA2Ljg2NzM4IDkuMzcxNDYgNy4yOTczIDguOTQ5MDhMMTQuNDgxNSAxLjgzMjgxQzE1LjA4NDkgMS4yMjk0MSAxNS42MjQxIDAuNzczMDk4IDE2LjA5OTMgMC40NjM4NTlDMTYuNTc0NSAwLjE1NDYyIDE2Ljk3OCAwIDE3LjMwOTkgMEMxNy41NTg4IDAgMTcuNzM2IDAuMDk0MjgwMyAxNy44NDE2IDAuMjgyODQxQzE3Ljk0NzIgMC40NzE0MDEgMTggMC43ODgxODMgMTggMS4yMzMxOVYxLjYwNjU0WiIgZmlsbD0iI0ZGNEI1MSIvPgo8L3N2Zz4K");
}
.-apple .check-list li:before,
.-apple .editor li:before {
top: 10px;
}
.check-list.-bigger-check li {
padding-left: 53px;
}
.check-list.-bigger-check li:not(:first-child) {
margin-top: 30px;
}
.check-list.-bigger-check li:before {
width: 33px;
height: 33px;
border-radius: 50%;
border: 2px solid var(--red);
top: -5px;
background: no-repeat 11px 12px / 12px
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDEuNjA2NTRDMTggMi40ODkgMTcuNjAwMyAzLjM0ODg0IDE2LjgwMDggNC4xODYwNEwxNi42NzYzIDQuMzEwNDlMOS42ODQ0OCAxMS42NzU3QzguMTk4NjIgMTMuMjM3IDYuOTMzMzggMTQuNDQzNyA1Ljg4ODc1IDE1LjI5NkM0Ljg0NDEyIDE2LjE0ODMgNC4xMDY4NSAxNi41NzQ1IDMuNjc2OTMgMTYuNTc0NUMzLjIyNDM5IDE2LjU3NDUgMi42NjI0OCAxNi4zNjE0IDEuOTkxMiAxNS45MzUzQzEuMzE5OTIgMTUuNTA5MSAwLjg4NjIzNSAxNS4wNjk4IDAuNjkwMTMyIDE0LjYxNzJDMC41MjQxOTkgMTQuMjQwMSAwLjM2NzY5MyAxMy40NDA2IDAuMjIwNjE2IDEyLjIxODdDMC4wNzM1Mzg3IDEwLjk5NjkgMCA5LjY3MzE2IDAgOC4yNDc2NEMwIDcuNDcwNzcgMC4zMjQzMjQgNi43NTIzNSAwLjk3Mjk3MyA2LjA5MjM5QzEuNjIxNjIgNS40MzI0MyAyLjMzODE1IDUuMTAyNDUgMy4xMjI1NiA1LjEwMjQ1QzMuODY5MjYgNS4xMDI0NSA0LjMxNDI3IDUuNzg1MDQgNC40NTc1NyA3LjE1MDIyQzQuNDcyNjYgNy4zMDg2MSA0LjQ4Mzk3IDcuNDI1NTIgNC40OTE1MSA3LjUwMDk0QzQuNjEyMTkgOC41NDkzNCA0Ljc1MTczIDkuMjgwOTUgNC45MTAxMiA5LjY5NTc4QzUuMDY4NTEgMTAuMTEwNiA1LjI4MzQ3IDEwLjMxOCA1LjU1NSAxMC4zMThDNS42NjgxMyAxMC4zMTggNS44NzkzMiAxMC4xOTU1IDYuMTg4NTYgOS45NTAzNEM2LjQ5NzggOS43MDUyMSA2Ljg2NzM4IDkuMzcxNDYgNy4yOTczIDguOTQ5MDhMMTQuNDgxNSAxLjgzMjgxQzE1LjA4NDkgMS4yMjk0MSAxNS42MjQxIDAuNzczMDk4IDE2LjA5OTMgMC40NjM4NTlDMTYuNTc0NSAwLjE1NDYyIDE2Ljk3OCAwIDE3LjMwOTkgMEMxNy41NTg4IDAgMTcuNzM2IDAuMDk0MjgwMyAxNy44NDE2IDAuMjgyODQxQzE3Ljk0NzIgMC40NzE0MDEgMTggMC43ODgxODMgMTggMS4yMzMxOVYxLjYwNjU0WiIgZmlsbD0iI0ZGNEI1MSIvPgo8L3N2Zz4K");
}
.editor h1,
.editor h2 {
font-weight: 600;
font-size: 30px;
line-height: 38px;
}
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
font-weight: 600;
font-size: 24px;
line-height: 33px;
}
.editor p,
.editor li {
font-weight: 300;
font-size: 16px;
line-height: 28px;
}
.editor a:not(.button) {
padding-bottom: 3px;
color: var(--red);
border-bottom: 1px solid var(--red);
transition: color 0.4s, border 0.4s;
}
.editor.-bigger p,
.editor.-bigger li {
font-weight: 300;
font-size: 18px;
line-height: 29px;
}
.editor strong {
font-weight: 600;
}
.editor h1 + p,
.editor h2 + p,
.editor h3 + p,
.editor h4 + p,
.editor h5 + p,
.editor h6 + p {
margin-top: var(--margin-beetwen-title-text);
}
.editor p + p {
margin-top: 25px;
}
.editor.-bigger p + p {
margin-top: 30px;
}
.editor li {
margin-top: 25px;
}
/* Links */
.link {
transition: color 0.4s;
cursor: pointer;
user-select: none;
}
.link.-white {
color: var(--white);
}
.link.-underline {
padding-bottom: 1px;
margin-bottom: -4px;
border-bottom: 1px solid var(--black);
transition: color 0.4s, border 0.4s;
}
.link.-white.-underline {
border-bottom: 1px solid var(--white);
}
.link-1 {
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: var(--black);
}
.link-2 {
font-size: 16px;
line-height: 28px;
}
.--arrow-link {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: fit-content;
padding-right: 22px;
}
.--arrow-link.-reverse {
padding: 0 0 0 22px;
}
.--arrow-link:after {
content: "";
position: absolute;
right: 0;
margin-top: -2px;
display: inline-block;
width: 12px;
height: 12px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjA2MjUgMTEuMzQzOUM1LjUwNjI1IDExLjI0MzkgNS40NTYyNSAxMS4xMTI2IDUuNDU2MjUgMTAuOTUwMUM1LjQ1NjI1IDEwLjc4NzYgNS41MDYyNSAxMC42NTY0IDUuNjA2MjUgMTAuNTU2NEw5Ljg0Mzc1IDYuMzE4ODdIMC41NjI1QzAuNCA2LjMxODg3IDAuMjY1NjI1IDYuMjY1NzUgMC4xNTkzNzUgNi4xNTk1QzAuMDUzMTI1MSA2LjA1MzI1IDAgNS45MTg4NyAwIDUuNzU2MzdDMCA1LjU5Mzg3IDAuMDUzMTI1MSA1LjQ1OTUgMC4xNTkzNzUgNS4zNTMyNUMwLjI2NTYyNSA1LjI0NyAwLjQgNS4xOTM4NyAwLjU2MjUgNS4xOTM4N0g5Ljg0Mzc1TDUuNjA2MjUgMC45NTYzNzJDNS41MDYyNSAwLjg1NjM3MiA1LjQ1NjI1IDAuNzIxOTk3IDUuNDU2MjUgMC41NTMyNDdDNS40NTYyNSAwLjM4NDQ5NyA1LjUwNjI1IDAuMjUwMTIyIDUuNjA2MjUgMC4xNTAxMjJDNS43MDYyNSAwLjA1MDEyMjMgNS44Mzc1IDAuMDAwMTIyMDcgNiAwLjAwMDEyMjA3QzYuMTYyNSAwLjAwMDEyMjA3IDYuMjkzNzUgMC4wNTAxMjIzIDYuMzkzNzUgMC4xNTAxMjJMMTEuNjA2MyA1LjM2MjYyQzExLjY2ODggNS40MjUxMiAxMS43MTI1IDUuNDg3NjIgMTEuNzM3NSA1LjU1MDEyQzExLjc2MjUgNS42MTI2MiAxMS43NzUgNS42ODEzNyAxMS43NzUgNS43NTYzN0MxMS43NzUgNS44MTg4NyAxMS43NjI1IDUuODg0NSAxMS43Mzc1IDUuOTUzMjVDMTEuNzEyNSA2LjAyMiAxMS42Njg4IDYuMDg3NjIgMTEuNjA2MyA2LjE1MDEyTDYuMzkzNzUgMTEuMzYyNkM2LjI5Mzc1IDExLjQ2MjYgNi4xNjI1IDExLjUwOTUgNiAxMS41MDMyQzUuODM3NSAxMS40OTcgNS43MDYyNSAxMS40NDM5IDUuNjA2MjUgMTEuMzQzOVoiIGZpbGw9IiNGRjRCNTEiLz4KPC9zdmc+Cg==");
}
.-apple .--arrow-link:after {
margin-top: 0;
bottom: 5px;
}
.-apple .header-dropdown__hidden-content .--arrow-link:after {
bottom: 6px;
}
.--arrow-link.-reverse:after {
right: auto;
left: 0;
margin-top: -4px;
transform: rotate(-180deg);
}
.--play-link {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: fit-content;
margin-left: 23px;
}
.--play-link:after {
content: "";
position: absolute;
left: -27px;
top: 0px;
display: inline-block;
width: 14px;
height: 18px;
margin-top: 1px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTcuNzY3M1YwTDEzLjk2IDguODgzNjRMMCAxNy43NjczWk0xLjkwMzY0IDE0LjMwOUwxMC40MzgzIDguODgzNjRMMS45MDM2NCAzLjQ1ODI3VjE0LjMwOVoiIGZpbGw9IiNGRjRCNTEiLz4KPC9zdmc+Cg==");
}
.-apple .--play-link:after {
top: 3px;
}
.--play-link.-white:after {
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDE3Ljc2NzNWMEwxMy45NiA4Ljg4MzY0TDAgMTcuNzY3M1pNMS45MDM2NCAxNC4zMDlMMTAuNDM4MyA4Ljg4MzY0TDEuOTAzNjQgMy40NTgyN1YxNC4zMDlaIiBmaWxsPSIjRkZGRkZGIi8+DQo8L3N2Zz4NCg==");
}
.--rectangle-arrow-link {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
width: fit-content;
padding-right: 23px;
}
.--rectangle-arrow-link:after {
content: "";
position: absolute;
right: 0;
display: inline-block;
width: 17px;
height: 17px;
background: no-repeat center / contain
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0Ljg3NSA4Ljg3MTg3VjEzLjgxMjVDMTQuODc1IDE0LjA5NTggMTQuNzY4NyAxNC4zNDM3IDE0LjU1NjIgMTQuNTU2MkMxNC4zNDM3IDE0Ljc2ODcgMTQuMDk1OCAxNC44NzUgMTMuODEyNSAxNC44NzVIMy4xODc1QzIuOTA0MTcgMTQuODc1IDIuNjU2MjUgMTQuNzY4NyAyLjQ0Mzc1IDE0LjU1NjJDMi4yMzEyNSAxNC4zNDM3IDIuMTI1IDE0LjA5NTggMi4xMjUgMTMuODEyNVYzLjE4NzVDMi4xMjUgMi45MDQxNyAyLjIzMTI1IDIuNjU2MjUgMi40NDM3NSAyLjQ0Mzc1QzIuNjU2MjUgMi4yMzEyNSAyLjkwNDE3IDIuMTI1IDMuMTg3NSAyLjEyNUg4LjEyODEzVjMuMTg3NUgzLjE4NzVWMTMuODEyNUgxMy44MTI1VjguODcxODdIMTQuODc1Wk02Ljc2NDU4IDEwLjk5NjlMNi4wMjA4MyAxMC4yMzU0TDEzLjA2ODggMy4xODc1SDkuMTkwNjNWMi4xMjVIMTQuODc1VjcuODA5MzdIMTMuODEyNVYzLjk0ODk2TDYuNzY0NTggMTAuOTk2OVoiIGZpbGw9IiNGRjRCNTEiLz4KPC9zdmc+Cg==");
}
.-apple .--rectangle-arrow-link:after {
top: 5px;
}
/* Buttons */
.default-button {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
min-width: 165px;
height: 50px;
padding: 2px 15px 0 15px;
border-radius: 5px;
background: var(--red);
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: var(--white);
cursor: pointer;
user-select: none;
transition: background 0.4s, color 0.4s;
}
.-apple .default-button {
padding-bottom: 4px;
}
.default-button.-without-bg {
position: relative;
border: 2px solid var(--red);
border-radius: 5px;
font-size: 18px;
line-height: 100%;
font-weight: 600;
color: var(--red);
background: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 1760px) {
.container {
width: calc(100% - 160px);
max-width: 100%;
margin: 0 80px;
}
}
@media screen and (max-width: 1200px) {
main > *:first-child {
padding-top: 75px;
}
main > .inner-page-main {
padding-top: 75px;
}
}
@media screen and (max-width: 1430px) {
/* Global (Global css and params) */
.container.-smaller {
padding: 0;
}
}
@media screen and (max-width: 1260px) {
/* Global (Global css and params) */
.container {
width: calc(100% - 80px);
margin: 0 40px;
}
/* Texts */
/* Links */
/* Buttons */
}
@media screen and (max-width: 1024px) {
/* Global (Global css and params) */
:root {
/* spaces */
--margin-beetwen-content: 40px;
--margin-beetwen-title-text: 7px;
--margin-beetwen-title-content: 30px;
}
.--pc-display {
display: none;
}
.--tablet-display {
display: block;
}
var {
--margin-beetwen-content: 40px;
}
.container {
width: calc(100% - 40px);
margin: 0 20px;
}
/* Texts */
.mob-super-title,
.mob-super-title * {
font-weight: 700;
font-size: 26px;
line-height: 32px;
}
.mob-title-1,
.mob-title-1 * {
font-weight: 600;
font-size: 24px;
line-height: 29px;
}
.mob-title-2,
.mob-title-2 * {
font-weight: 600;
font-size: 22px;
line-height: 30px;
}
.mob-title-3,
.mob-title-3 * {
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.mob-title-4,
.mob-title-4 * {
font-weight: 600;
font-size: 18px;
line-height: 29px;
}
.mob-title-5,
.mob-title-5 * {
font-weight: 600;
font-size: 26px;
line-height: 100%;
text-align: right;
}
.counter-title,
.counter-title * {
font-weight: 600;
font-size: 26px;
line-height: 32px;
}
.mob-text-1,
.mob-text-1 * {
font-weight: 300;
font-size: 17px;
line-height: 25px;
}
.mob-text-2,
.mob-text-2 * {
font-weight: 300;
font-size: 15px;
line-height: 24px;
}
.mob-text-3,
.mob-text-3 * {
font-weight: 300;
font-size: 16px;
line-height: 26px;
}
.mob-text-4,
.mob-text-4 * {
font-weight: 300;
font-size: 13px;
line-height: 21px;
}
.check-list li,
.editor li {
padding-left: 24px;
}
.check-list li:not(:first-child) {
margin-top: 0;
}
.check-list li:before,
.editor li:before {
top: 2px;
width: 14px;
height: 14px;
}
.-apple .check-list li:before,
.-apple .editor li:before {
top: 5px;
}
.check-list.-bigger-check li {
padding-left: 35px;
}
.check-list.-bigger-check li:not(:first-child) {
margin-top: 20px;
}
.check-list.-bigger-check li:before {
width: 22px;
height: 22px;
top: 0;
background: no-repeat 7px 8px / 8px
url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDEuNjA2NTRDMTggMi40ODkgMTcuNjAwMyAzLjM0ODg0IDE2LjgwMDggNC4xODYwNEwxNi42NzYzIDQuMzEwNDlMOS42ODQ0OCAxMS42NzU3QzguMTk4NjIgMTMuMjM3IDYuOTMzMzggMTQuNDQzNyA1Ljg4ODc1IDE1LjI5NkM0Ljg0NDEyIDE2LjE0ODMgNC4xMDY4NSAxNi41NzQ1IDMuNjc2OTMgMTYuNTc0NUMzLjIyNDM5IDE2LjU3NDUgMi42NjI0OCAxNi4zNjE0IDEuOTkxMiAxNS45MzUzQzEuMzE5OTIgMTUuNTA5MSAwLjg4NjIzNSAxNS4wNjk4IDAuNjkwMTMyIDE0LjYxNzJDMC41MjQxOTkgMTQuMjQwMSAwLjM2NzY5MyAxMy40NDA2IDAuMjIwNjE2IDEyLjIxODdDMC4wNzM1Mzg3IDEwLjk5NjkgMCA5LjY3MzE2IDAgOC4yNDc2NEMwIDcuNDcwNzcgMC4zMjQzMjQgNi43NTIzNSAwLjk3Mjk3MyA2LjA5MjM5QzEuNjIxNjIgNS40MzI0MyAyLjMzODE1IDUuMTAyNDUgMy4xMjI1NiA1LjEwMjQ1QzMuODY5MjYgNS4xMDI0NSA0LjMxNDI3IDUuNzg1MDQgNC40NTc1NyA3LjE1MDIyQzQuNDcyNjYgNy4zMDg2MSA0LjQ4Mzk3IDcuNDI1NTIgNC40OTE1MSA3LjUwMDk0QzQuNjEyMTkgOC41NDkzNCA0Ljc1MTczIDkuMjgwOTUgNC45MTAxMiA5LjY5NTc4QzUuMDY4NTEgMTAuMTEwNiA1LjI4MzQ3IDEwLjMxOCA1LjU1NSAxMC4zMThDNS42NjgxMyAxMC4zMTggNS44NzkzMiAxMC4xOTU1IDYuMTg4NTYgOS45NTAzNEM2LjQ5NzggOS43MDUyMSA2Ljg2NzM4IDkuMzcxNDYgNy4yOTczIDguOTQ5MDhMMTQuNDgxNSAxLjgzMjgxQzE1LjA4NDkgMS4yMjk0MSAxNS42MjQxIDAuNzczMDk4IDE2LjA5OTMgMC40NjM4NTlDMTYuNTc0NSAwLjE1NDYyIDE2Ljk3OCAwIDE3LjMwOTkgMEMxNy41NTg4IDAgMTcuNzM2IDAuMDk0MjgwMyAxNy44NDE2IDAuMjgyODQxQzE3Ljk0NzIgMC40NzE0MDEgMTggMC43ODgxODMgMTggMS4yMzMxOVYxLjYwNjU0WiIgZmlsbD0iI0ZGNEI1MSIvPgo8L3N2Zz4K");
}
.editor h1,
.editor h2 {
font-weight: 600;
font-size: 22px;
line-height: 30px;
}
.editor h3,
.editor h4,
.editor h5,
.editor h6 {
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.editor p,
.editor li {
font-weight: 300;
font-size: 15px;
line-height: 24px;
}
.editor h1 + p,
.editor h2 + p,
.editor h3 + p,
.editor h4 + p,
.editor h5 + p,
.editor h6 + p {
margin-top: 12px;
}
.editor p + p {
margin-top: 24px;
}
.editor li {
margin-top: 15px;
}
/* Links */
.mob-link-1 {
font-size: 17px;
line-height: 25px;
}
.mob-link-2 {
font-size: 15px;
line-height: 23px;
}
.link.-underline {
padding-bottom: 0;
margin-bottom: 0;
line-height: 128%;
}
.--play-link {
margin-left: 26px;
}
.--play-link:after {
left: -27px;
top: -1px;
}
.--arrow-link:after {
margin-top: 0;
}
.-apple .--arrow-link:after {
margin-top: 0;
bottom: 3px;
}
.header-dropdown__hidden-content .--arrow-link:after {
margin-top: -4px;
}
.-apple .header-dropdown__hidden-content .--arrow-link:after {
bottom: 4px;
}
.-apple .--rectangle-arrow-link:after {
top: 7px;
}
/* Buttons */
.default-button {
height: 44px;
font-weight: 600;
font-size: 18px;
line-height: 22px;
min-width: 145px;
}
.default-button.-without-bg {
font-size: 16px;
line-height: 20px;
}
.-apple .default-button {
padding-bottom: 6px;
}
}
@media screen and (max-width: 759px) {
/* Global (Global css and params) */
.--tablet-display {
display: none;
}
.--mobile-display {
display: block;
}
/* Texts */
/* Links */
/* Buttons */
}