@charset "UTF-8"; /* latin-ext */ @font-face { font-family: 'Red Hat Display'; font-style: normal; font-weight: 400; font-display: swap; src: local("Red Hat Display"), local("RedHatDisplay-Regular"), url("../fonts/red_hat/RedHatDisplay-Regular.ttf") format("truetype"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Red Hat Display'; font-style: normal; font-weight: 400; font-display: swap; src: local("Red Hat Display"), local("RedHatDisplay-Regular"), url("../fonts/red_hat/RedHatDisplay-Regular.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Red Hat Display'; font-style: normal; font-weight: 500; font-display: swap; src: local("Red Hat Display Medium"), local("RedHatDisplay-Medium"), url("../fonts/red_hat/RedHatDisplay-Medium.ttf") format("truetype"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Red Hat Display'; font-style: normal; font-weight: 500; font-display: swap; src: local("Red Hat Display Medium"), local("RedHatDisplay-Medium"), url("../fonts/red_hat/RedHatDisplay-Medium.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Red Hat Display'; font-style: normal; font-weight: 700; font-display: swap; src: local("Red Hat Display Bold"), local("RedHatDisplay-Bold"), url("../fonts/red_hat/RedHatDisplay-Bold.ttf") format("truetype"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Red Hat Display'; font-style: normal; font-weight: 700; font-display: swap; src: local("Red Hat Display Bold"), local("RedHatDisplay-Bold"), url("../fonts/red_hat/RedHatDisplay-Bold.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Segoe UI */ @font-face { font-family: 'Segoe UI'; font-style: normal; font-weight: 400; font-display: swap; src: local("Segoe UI"), url("../fonts/segoe/Segoe_UI.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Segoe UI'; font-style: normal; font-weight: 900; font-display: swap; src: local("Segoe UI Bold"), url("../fonts/segoe/Segoe_UI_Bold.ttf") format("truetype"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .wrapper { box-sizing: border-box; max-width: 1440px; margin: 0 auto; } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; } .row.reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xs-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xs-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xs-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xs-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xs-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xs-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xs-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xs-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xs-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 0; } .col-xs-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-xs-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-xs-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-xs-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-xs-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-xs-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-xs-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-xs-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-xs { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-sm-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-sm-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-sm-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-sm-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-sm-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-sm-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-sm-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-sm-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-sm-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 0; } .col-sm-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-sm-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-sm-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-sm-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-sm-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-sm-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-sm-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-sm-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-sm-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-sm-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-sm-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-sm { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-md-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-md-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-md-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-md-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-md-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-md-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-md-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-md-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-md-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 0; } .col-md-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-md-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-md-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-md-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-md-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-md-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-md-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-md-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-md-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-md-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-md-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-md { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-md { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-lg-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-lg-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-lg-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-lg-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-lg-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-lg-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-lg-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-lg-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-lg-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 0; } .col-lg-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-lg-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-lg-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-lg-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-lg-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-lg-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-lg-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-lg-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-lg-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-lg-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-lg-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-lg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } @media only screen and (min-width: 94rem) { .container { width: 90rem; } .col-xl { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xl-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 8.33333%; -moz-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .col-xl-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 16.66667%; -moz-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .col-xl-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xl-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 33.33333%; -moz-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .col-xl-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 41.66667%; -moz-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .col-xl-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xl-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 58.33333%; -moz-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .col-xl-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 66.66667%; -moz-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .col-xl-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xl-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 83.33333%; -moz-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .col-xl-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 91.66667%; -moz-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .col-xl-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xl-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 0; } .col-xl-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 8.33333%; } .col-xl-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 16.66667%; } .col-xl-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 25%; } .col-xl-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 33.33333%; } .col-xl-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 41.66667%; } .col-xl-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 50%; } .col-xl-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 58.33333%; } .col-xl-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 66.66667%; } .col-xl-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 75%; } .col-xl-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 83.33333%; } .col-xl-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 91.66667%; } .col-xl-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5rem; padding-left: 0.5rem; margin-left: 100%; } .col-xl { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xl { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-xl { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xl { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-xl { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xl { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-xl { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-xl { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-xl { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-xl { order: -1; } .last-xl { order: 1; } } /* MietGesuche */ html { scroll-behavior: smooth; scroll-padding-top: 120px; /* height of sticky header */ } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Red Hat Display', sans-serif; font-size: 16px; font-weight: 400; background-color: white; color: #262637; line-height: 2rem; letter-spacing: .2px; transition: 0.2s; overflow-x: hidden; } body a { text-decoration: none; color: #262637; } body a:focus { outline: unset; } body button { border-width: unset; border-style: unset; border-color: unset; border-image: unset; background-color: unset; cursor: pointer; font-family: "Red Hat Display", sans-serif; } body button:focus { outline: unset; } body li { list-style-type: none; } body input[type="search"]::-webkit-search-decoration, body input[type="search"]::-webkit-search-cancel-button, body input[type="search"]::-webkit-search-results-button, body input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } @media (max-width: 1150px) { .main-content { margin-top: 86px; } } @media screen and (max-width: 768px) { .main-content { margin-top: 67px; } } .Miet { font-family: 'Segoe UI', sans-serif; } .tooltip { font-size: 14px; line-height: 22px; } .bg-color-orange { background-color: #f87c6a !important; } .text-center { text-align: center; } .text-right { text-align: right; } .z-index-100 { z-index: 100; } .active { font-weight: bold !important; } .relative { position: relative; } .bg-gray { background: #f4f4f5; } .bg-dashboard { background-color: #d1cfce40; background-attachment: fixed; background-size: 100% 100%; background-repeat: repeat; min-height: 100vh; } @media (max-width: 1260px) { .bg-dashboard { margin-top: 19px; } } @media (max-width: 991px) { .custom-row { margin-left: -2rem; margin-right: -2rem; margin-bottom: 20px; background: #fff; } .custom-row .box { padding: 1rem; } } @media (max-width: 991px) { .paddingTopBottom { padding-top: 50px; padding-bottom: 20px; } } .margBottom { margin-bottom: 50px; } .justify-center { justify-content: center; } .marTop-05 { margin-top: 5px; } .marTop-1 { margin-top: 10px; } .marLeft-1 { margin-left: 10px; } .p-top-15px { padding-top: 15px; } .p-top-25px { padding-top: 25px; } .display-inline { display: inline-block; } .p-15-25 { padding: 15px 25px !important; } .font-weight-500 { font-weight: 500; } .p-t-45-b-0 { padding-top: 45px !important; padding-bottom: 0 !important; } .p-t-150 { padding-top: 150px; } @media (max-width: 991px) { .p-t-150 { padding-top: 50px; } } .m-b-25 { margin-bottom: 25px; } .mb-2 { margin-bottom: 10px; } .clear { clear: both; } .m-l-0 { margin-left: 0 !important; } @media (min-width: 991px) { .margin-b-25 { margin-bottom: -25px; } } @media (max-width: 1200px) { .margin-row { margin-top: 25px; } } .topnav { position: fixed; width: 100%; top: 0; left: 0; z-index: 10000000; box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.12); background: #FFFFFF; } .topnav .topnav__wrapper { display: flex; padding: 17px 20px 12px 20px; max-width: 1400px; margin: 0 auto; } .topnav .topnav__wrapper .topnav__logo { text-align: left; display: flex; color: #262637; /*.topnav__logo__house { width: 53.3px; height: 57.4px; object-fit: contain; }*/ } .topnav .topnav__wrapper .topnav__logo span { padding-top: 15px; padding-left: 5px; font-size: 24px; font-weight: bold; } @media screen and (max-width: 768px) { .topnav .topnav__wrapper .topnav__logo { /* .topnav__logo__house { width: 35px; height: 38px; } */ } .topnav .topnav__wrapper .topnav__logo span { padding-top: 5px; font-size: 14px; font-weight: bold; } } .topnav .topnav__wrapper .topnav__icon { display: none; } @media screen and (max-width: 1150px) { .topnav .topnav__wrapper .topnav__icon { float: right; display: block; color: #262637; position: absolute; right: 30px; top: 36px; font-size: 25px; } } .topnav .topnav__wrapper .topnav__links { margin-left: auto; } .topnav .topnav__wrapper .topnav__links a#topnav-for-agents-link:hover { cursor: pointer; } .topnav .topnav__wrapper .topnav__links a { display: inline-block; color: #262637; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 19px; margin: 5px; transition: all 0.3s; } .topnav .topnav__wrapper .topnav__links a:hover { color: #707070; transform: translateX(2px); } .topnav .topnav__wrapper .topnav__links .topnav__links--btn { color: #e8515c; transition: all 0.3s; border-radius: 3px; background-color: #fff; font-size: 14px; padding: 5px 22px; cursor: pointer; border: 1px solid #e8515c; max-width: 120px; } @media (max-width: 1151px) { .topnav .topnav__wrapper .topnav__links .topnav__links--btn { margin: 10px auto; } } @media (max-width: 1161px) { .topnav .topnav__wrapper .topnav__links .topnav__links--btn { margin: 10px auto; } } .topnav .topnav__wrapper .topnav__links .topnav__links-btn-blue { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; max-width: 120px; } @media (max-width: 1151px) { .topnav .topnav__wrapper .topnav__links .topnav__links-btn-blue { margin: 10px auto; } } @media (max-width: 1161px) { .topnav .topnav__wrapper .topnav__links .topnav__links-btn-blue { margin: 10px auto; } } .topnav .topnav__wrapper .topnav__links a.active { color: #262637; font-weight: bold; } @media screen and (max-width: 1150px) { .topnav .topnav__wrapper .topnav__links a { display: none; } } .topnav .topnav__wrapper .topnav__langLinks { padding: 20px 14px; } .topnav .topnav__wrapper .topnav__langLinks .active { font-weight: bold; } .topnav .topnav__wrapper .topnav__langLinks a { font-size: 13px; line-height: 1.188rem; } .topnav .topnav__wrapper .topnav__langLinks span { font-weight: bold; font-size: 19px; padding-right: 0; color: gray; } @media screen and (max-width: 1150px) { .topnav .topnav__wrapper .topnav__langLinks { margin-right: 50px; position: absolute; top: 11px; right: 20px; } } @media screen and (max-width: 1150px) { .topnav.responsive .topnav__wrapper { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; overflow-y: scroll; max-height: 100vh; } .topnav.responsive .topnav__wrapper .topnav__links { margin: 50px auto 10px auto; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; /* Subnav button */ /* Style the subnav links */ /* Add a grey background color on hover */ /* When you move the mouse over the subnav container, open the subnav content */ } .topnav.responsive .topnav__wrapper .topnav__links a { display: block; text-align: center; } .topnav.responsive .topnav__wrapper .topnav__links .subnav .subnavbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .topnav.responsive .topnav__wrapper .topnav__links .subnav-content { display: none; position: relative; width: 100%; border: 1px solid; } .topnav.responsive .topnav__wrapper .topnav__links .subnav-content a { float: unset; text-decoration: none; width: 99%; text-align: center; padding: 5px 10px; margin: 0px; font-size: 14px; } .topnav.responsive .topnav__wrapper .topnav__links .subnav-content a:hover { background-color: #eee; color: black; } .topnav.responsive .topnav__wrapper .topnav__links .subnav:hover .subnav-content { display: block; } } @media screen and (min-width: 1151px) { .topnav .topnav__wrapper .topnav__links { /* The subnavigation menu */ /* Subnav button */ /* Add a red background color to navigation links on hover */ /* Style the subnav links */ /* Add a grey background color on hover */ /* When you move the mouse over the subnav container, open the subnav content */ } .topnav .topnav__wrapper .topnav__links .subnav { float: left; overflow: hidden; } .topnav .topnav__wrapper .topnav__links .subnav .subnavbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .topnav .topnav__wrapper .topnav__links .navbar a:hover, .topnav .topnav__wrapper .topnav__links .subnav:hover .subnavbtn { background-color: red; } .topnav .topnav__wrapper .topnav__links .subnav-content { display: none; position: absolute; background-color: #FFF; width: 290px; z-index: 99999999; margin-left: 20px; } .topnav .topnav__wrapper .topnav__links .subnav-content a { float: left; text-decoration: none; width: 99%; text-align: left; padding: 5px 10px; margin: 0px; font-size: 14px; } .topnav .topnav__wrapper .topnav__links .subnav-content a:hover { background-color: #eee; color: black; } .topnav .topnav__wrapper .topnav__links .subnav:hover .subnav-content { display: block; } } @media screen and (max-width: 768px) { .topnav .topnav__wrapper .topnav__langLinks { top: 2px; /* Subnav button */ /* Style the subnav links */ /* Add a grey background color on hover */ /* When you move the mouse over the subnav container, open the subnav content */ } .topnav .topnav__wrapper .topnav__langLinks .active { font-weight: bold; display: none; } .topnav .topnav__wrapper .topnav__langLinks span { font-weight: bold; font-size: 19px; display: none; } .topnav .topnav__wrapper .topnav__langLinks a { font-size: 11px; line-height: 1.3; } .topnav .topnav__wrapper .topnav__langLinks .subnav-md .subnavbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .topnav .topnav__wrapper .topnav__langLinks .subnav-md a { text-decoration: none; width: 99%; text-align: left; padding: 5px 10px; margin: 0px; font-size: 14px; } .topnav .topnav__wrapper .topnav__langLinks .subnav-md a:hover { background-color: #eee; color: black; } .topnav .topnav__wrapper .topnav__langLinks .subnav:hover .subnav-content { display: block; } .topnav .topnav__wrapper .topnav__icon { top: 26px; } } .subnav { cursor: pointer; } .sidenav { height: 100%; width: 400px; position: fixed; z-index: 1; top: 0; left: 0; bottom: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidenav .sidenav__links { margin-top: 160px; min-width: 200px; margin-left: 14px; } .sidenav .sidenav__links a { padding: 8px 30px 8px 32px; text-decoration: none; font-size: 17px; line-height: 1.563rem; color: #262637; display: block; min-width: 330px; transition: 0.1s; margin-bottom: 30px; } .sidenav .sidenav__links span { margin-right: 10px; display: inline-block; width: 32px; text-align: center; } .sidenav .sidenav__links span img { margin-bottom: -5px; } .sidenav .sidenav__links .btn { background: #e8515c; text-align: center; border-radius: 3px; color: #fff; display: none; } .sidenav .sidenav__links .sidenav__links__messg__nummber { border-radius: 14px; background-color: #f4f4f5; padding: 2px 21px; text-align: center; } .sidenav .active, .sidenav a:hover { font-weight: bold; border-right: 2px solid #e8515c; } .sidenav .active span img, .sidenav a:hover span img { filter: sepia(100%) hue-rotate(306deg) saturate(500%); } @media (min-width: 1261px) { .sidenav { padding-top: 100px !important; overflow: hidden; } .sidenav .sidenav__links { margin-top: unset; padding-top: 60px; overflow: auto; height: 100%; } .sidenav .sidenav__links ul { overflow: auto; } } @media (max-width: 1260px) { .sidenav { width: 100%; margin-top: 100px; bottom: unset; height: 55%; box-shadow: 0 4px 4px -3px grey; } .sidenav .sidenav__links { min-width: 200px; max-width: 400px; margin: 50px auto; float: unset; } .sidenav .sidenav__links .btn { display: block; } } @media (max-width: 768px) { .sidenav { margin-top: 80px; height: 45%; } .sidenav .sidenav__links { min-width: 200px; max-width: 300px; margin: 50px auto; float: unset; } .sidenav .sidenav__links a { padding: 8px 30px 8px 32px; font-size: 15px; line-height: 1.25rem; min-width: 300px; margin-bottom: 20px; } } @media screen and (max-height: 450px) { .sidenav { padding-top: 15px; } .sidenav a { font-size: 18px; } } .sideNavHeight { height: 0; display: block; } .openSideNav { font-size: 30px; cursor: pointer; text-align: right; float: right; } @media (min-width: 1260px) { .openSideNav { display: none !important; } } .Wrapper { transition: 0.15s ease; margin-top: 28px; margin-left: 10px; } @media (max-width: 768px) { .Wrapper { margin-top: 13px; } } .Wrapper .navigation-icon img { width: 20px; top: -7px; position: relative; } .Wrapper.active .arrow { transform: rotate(45deg) translate(-5px, -5px); } .Wrapper.active .arrow:before { transform: translate(5px, 0); } .Wrapper.active .arrow:after { transform: rotate(90deg) translate(5px, 0); } .arrow { width: 13px; height: 13px; display: inline-block; position: relative; bottom: -5px; left: -10px; transition: 0.4s ease; margin-top: 2px; text-align: left; transform: rotate(45deg); float: right; } .arrow:before, .arrow:after { position: absolute; content: ''; display: inline-block; width: 12px; height: 3px; background-color: #000; transition: 0.4s ease; } .arrow:after { position: absolute; transform: rotate(90deg); top: -5px; left: 5px; } /* SideNav Sellers */ .sidenav__sellers .sidenav__links a { min-width: 360px; } .sidenav__sellers .sidenav__links .btn { background: #f87c6a; font-size: 16px; } .sidenav__sellers .sidenav__links .sidenav__links__search { margin-bottom: 30px; } .sidenav__sellers .sidenav__links .btn--search { display: inline; background: #e8515c; margin-left: 30px; margin-bottom: 30px; padding: 9px 45px 9px 45px; } .sidenav__sellers .sidenav__links .btn--search img { transform: translateY(3px); padding-right: 18px; } @media (max-width: 570px) { .sidenav__sellers .sidenav__links { min-width: 300px; max-width: 500px; } .sidenav__sellers .sidenav__links .sidenav__links__addOffer { padding: 0 10px; } .sidenav__sellers .sidenav__links .sidenav__links__addOffer .btn { max-width: 100%; font-size: 13px; min-width: unset; } } .headImg { overflow: hidden; position: relative; text-align: center; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../photos/kirill2.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .headImg .headImg__arrow1 { position: absolute; top: 50px; right: 0; } .headImg .headImg__arrow2 { position: absolute; bottom: -18px; left: -61px; } .headImg .headImg__arrow2 img { width: 261px; } @media screen and (max-width: 1150px) { .headImg { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../photos/kirill.jpg"); } } @media screen and (max-width: 768px) { .headImg { margin-top: 67px; } .headImg .headImg__arrow1, .headImg .headImg__arrow2 { display: none; } } .headImg__search, .search__results__search { position: relative; z-index: 100; padding: 80px 10px; text-align: center; color: #fff; } .headImg__search p, .search__results__search p { font-size: 30px; line-height: 4.813rem; } .headImg__search h1, .search__results__search h1 { font-size: 45px; font-weight: 500; line-height: 3.125rem; } .headImg__search h2, .search__results__search h2 { font-size: 40px; font-weight: 500; line-height: 3.125rem; } .headImg__search h5, .search__results__search h5 { font-size: 30px; font-weight: 500; line-height: 3.125rem; margin-bottom: 20px; } .headImg__search .search__results__filters .search-item-container span.label, .search__results__search .search__results__filters .search-item-container span.label { display: none; } .headImg__search .headImg__search__filters, .headImg__search .search__results__filters, .search__results__search .headImg__search__filters, .search__results__search .search__results__filters { margin-bottom: 80px; } .headImg__search .headImg__search__filters form, .headImg__search .search__results__filters form, .search__results__search .headImg__search__filters form, .search__results__search .search__results__filters form { padding: 55px 30px 30px 30px; background: #fff; display: inline; border-radius: 3px; } .headImg__search .headImg__search__filters form select, .headImg__search .search__results__filters form select, .search__results__search .headImg__search__filters form select, .search__results__search .search__results__filters form select { margin: 0px -2px; padding: 12px 60px 12px 20px; font-size: 19px; border: 1px solid #CCC; color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; /* CAUTION: Internet Explorer hackery ahead */ /* Target Internet Explorer 9 to undo the custom arrow */ background-size: 13% 13%; box-shadow: none; } .headImg__search .headImg__search__filters form select::-ms-expand, .headImg__search .search__results__filters form select::-ms-expand, .search__results__search .headImg__search__filters form select::-ms-expand, .search__results__search .search__results__filters form select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } @media screen and (min-width: 0 \0 ) { .headImg__search .headImg__search__filters form select, .headImg__search .search__results__filters form select, .search__results__search .headImg__search__filters form select, .search__results__search .search__results__filters form select { background: none \9; padding: 5px \9; } } .headImg__search .headImg__search__filters form input, .headImg__search .search__results__filters form input, .search__results__search .headImg__search__filters form input, .search__results__search .search__results__filters form input { margin: 0px -2px; padding: 11px 60px 11px 20px; font-size: 19px; border: 1px solid #CCC; color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .headImg__search .headImg__search__filters form .headImg__search__filters__submit, .headImg__search .search__results__filters form .headImg__search__filters__submit, .search__results__search .headImg__search__filters form .headImg__search__filters__submit, .search__results__search .search__results__filters form .headImg__search__filters__submit { text-align: center; color: #fff; background: #e8515c; font-weight: bold; font-size: 19px; padding: 14px 22px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .headImg__search .search__results__filters form, .search__results__search .search__results__filters form { display: block; padding-top: 0px !important; } .headImg__search .search__results__filters .search-item-container, .search__results__search .search__results__filters .search-item-container { display: inline-block !important; } .headImg__search .search__results__filters--mg select#property_type, .headImg__search .search__results__filters--mg input#typeahead-focus, .headImg__search .search__results__filters--mg input#price, .search__results__search .search__results__filters--mg select#property_type, .search__results__search .search__results__filters--mg input#typeahead-focus, .search__results__search .search__results__filters--mg input#price { width: 100% !important; max-width: 300px; box-shadow: none; margin-bottom: 15px; } .headImg__search .search__results__filters--mg form .search-item-container, .search__results__search .search__results__filters--mg form .search-item-container { margin-right: 20px; } @media (min-width: 1200px) { .headImg__search .search__results__filters--mg form .search-item-container, .search__results__search .search__results__filters--mg form .search-item-container { display: block !important; margin-right: 0; } } @media (max-width: 560px) { .headImg__search .search__results__filters--mg form .search-item-container, .search__results__search .search__results__filters--mg form .search-item-container { display: block !important; margin-right: 0; } .headImg__search .search__results__filters--mg form .search-item-container select#property_type, .headImg__search .search__results__filters--mg form .search-item-container input#typeahead-focus, .headImg__search .search__results__filters--mg form .search-item-container input#price, .search__results__search .search__results__filters--mg form .search-item-container select#property_type, .search__results__search .search__results__filters--mg form .search-item-container input#typeahead-focus, .search__results__search .search__results__filters--mg form .search-item-container input#price { max-width: 100%; } .headImg__search .search__results__filters--mg form .search-item-container .headImg__search__filters__submit, .search__results__search .search__results__filters--mg form .search-item-container .headImg__search__filters__submit { width: 190px; } } .headImg__search .search__results__filters--mg form .headImg__search__filters__submit, .search__results__search .search__results__filters--mg form .headImg__search__filters__submit { background: #fff; color: #262637; border-color: #262637; border-radius: 25px; } .headImg__search .headImg__search__link, .search__results__search .headImg__search__link { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #19b277; font-size: 14px; padding: 5px 22px; cursor: pointer; border: none; outline: 0; display: inline-block; font-size: 19px; font-weight: bold; text-align: center; line-height: 2.938rem; } @media (max-width: 1151px) { .headImg__search .headImg__search__link, .search__results__search .headImg__search__link { margin: 10px auto; } } .headImg__search .headImg__search__link :hover, .search__results__search .headImg__search__link :hover { background-color: #555; color: white; } @media (min-width: 1257px) { .headImg__search, .search__results__search { /*input.headImg__search__filters__adress { min-width: 400px; }*/ } } @media (max-width: 1257px) { .headImg__search .headImg__search__filters, .headImg__search .search__results__filters, .search__results__search .headImg__search__filters, .search__results__search .search__results__filters { margin-top: 30px; } .headImg__search .headImg__search__filters form, .headImg__search .search__results__filters form, .search__results__search .headImg__search__filters form, .search__results__search .search__results__filters form { display: inline-table; padding: 10px; } .headImg__search .headImg__search__filters form .search-item-container select, .headImg__search .search__results__filters form .search-item-container select, .search__results__search .headImg__search__filters form .search-item-container select, .search__results__search .search__results__filters form .search-item-container select { margin: 0 -2px 5px 0px; } .headImg__search .headImg__search__filters form .search-item-container .headImg__search__filters__adress, .headImg__search .search__results__filters form .search-item-container .headImg__search__filters__adress, .search__results__search .headImg__search__filters form .search-item-container .headImg__search__filters__adress, .search__results__search .search__results__filters form .search-item-container .headImg__search__filters__adress { display: block; margin: 5px 0px; width: 100%; padding: 15px 69px 15px 20px; } .headImg__search .headImg__search__filters form .search-item-container .headImg__search__filters__price, .headImg__search .search__results__filters form .search-item-container .headImg__search__filters__price, .search__results__search .headImg__search__filters form .search-item-container .headImg__search__filters__price, .search__results__search .search__results__filters form .search-item-container .headImg__search__filters__price { margin: 5px -2px 0 0; padding: 15px 15px 15px 20px; /*width: 167px;*/ } .headImg__search .headImg__search__filters form .search-item-container .headImg__search__filters__submit, .headImg__search .search__results__filters form .search-item-container .headImg__search__filters__submit, .search__results__search .headImg__search__filters form .search-item-container .headImg__search__filters__submit, .search__results__search .search__results__filters form .search-item-container .headImg__search__filters__submit { margin: 5px -2px 0 0; /*width: 190px;*/ font-size: 16px; padding: 18px 22px; } } @media (max-width: 768px) { .headImg__search p, .search__results__search p { font-size: 16px; line-height: 3.313rem; } .headImg__search h1, .search__results__search h1 { font-size: 25px; line-height: 1.938rem; } .headImg__search h2, .search__results__search h2 { font-size: 20px; line-height: 1.938rem; } .headImg__search h5, .search__results__search h5 { font-size: 15px; line-height: 1.563rem; white-space: nowrap; } .headImg__search .headImg__search__link, .search__results__search .headImg__search__link { font-size: 11px; } .headImg__search .headImg__search__filters select#property_type, .search__results__search .headImg__search__filters select#property_type { width: 100%; } .headImg__search .headImg__search__filters, .headImg__search .search__results__filters, .search__results__search .headImg__search__filters, .search__results__search .search__results__filters { margin-top: 0px; } .headImg__search .headImg__search__filters form, .headImg__search .search__results__filters form, .search__results__search .headImg__search__filters form, .search__results__search .search__results__filters form { padding: 10px; display: inline-table; } .headImg__search .headImg__search__filters form .search-item-container select, .headImg__search .search__results__filters form .search-item-container select, .search__results__search .headImg__search__filters form .search-item-container select, .search__results__search .search__results__filters form .search-item-container select { margin: 0 -2px 5px 0px; font-size: 14px; padding: 15px 47px 15px 20px; } .headImg__search .headImg__search__filters form .search-item-container .headImg__search__filters__adress, .headImg__search .search__results__filters form .search-item-container .headImg__search__filters__adress, .search__results__search .headImg__search__filters form .search-item-container .headImg__search__filters__adress, .search__results__search .search__results__filters form .search-item-container .headImg__search__filters__adress { display: block; font-size: 14px; margin: 5px auto; padding: 15px 69px 15px 20px; } .headImg__search .headImg__search__filters form .search-item-container .headImg__search__filters__price, .headImg__search .search__results__filters form .search-item-container .headImg__search__filters__price, .search__results__search .headImg__search__filters form .search-item-container .headImg__search__filters__price, .search__results__search .search__results__filters form .search-item-container .headImg__search__filters__price { margin: 5px -2px 0 0; font-size: 14px; padding: 15px 15px 15px 20px; width: 133px; } .headImg__search .headImg__search__filters form .headImg__search__filters__submit, .headImg__search .search__results__filters form .headImg__search__filters__submit, .search__results__search .headImg__search__filters form .headImg__search__filters__submit, .search__results__search .search__results__filters form .headImg__search__filters__submit { margin: 5px -2px 0 0; width: 133px; font-size: 12px; padding: 16px 10px; } .headImg__search .search__results__filters form, .search__results__search .search__results__filters form { width: 100%; } .headImg__search .search__results__filters form .search-item-container select, .search__results__search .search__results__filters form .search-item-container select { width: 100% !important; } .headImg__search .search__results__filters form .search-item-container input, .search__results__search .search__results__filters form .search-item-container input { width: 100%; } } /* Services*/ .indexContentWrapper .indexContentWrapper__text { font-size: 30px; line-height: 2.813rem; font-weight: 500; letter-spacing: normal; text-align: center; color: #262637; text-align: center; margin: 64px 0px 0px 0px; line-height: 3.188rem; color: #262637; } .indexContentWrapper .indexContentWrapper__text h3 { margin-bottom: 30px; } .indexContentWrapper .indexContentWrapper__text a { color: #e8515c; } .indexContentWrapper .indexContentWrapper__text p { font-size: 24px; margin-bottom: 32px; } .indexContentWrapper .indexContentWrapper__text .indexContentWrapper__paragraph { background: #f87c6a; color: #FFF; } @media (max-width: 768px) { .indexContentWrapper .indexContentWrapper__text { font-size: 15px; line-height: 1.563rem; } .indexContentWrapper .indexContentWrapper__text h3 { font-size: 18px; } .indexContentWrapper .indexContentWrapper__text p { font-size: 16px; } } .services { text-align: center; border-radius: 3px; box-shadow: 0 9px 20px 0 rgba(92, 105, 131, 0.22); } @media (max-width: 1200px) { .services .row { justify-content: center; } } .services .box { margin-top: 34px; margin-bottom: 34px; } .services .box img { margin-bottom: 14px; } .services .box .services__maleIcon { width: 67px; height: 84px; } .services .box h2 { font-size: 30px; margin-bottom: 40px; line-height: 2.625rem; } .services .box .services__text { min-height: 450px; } .services .box .services__text p { margin-bottom: 40px; font-size: 19px; line-height: 1.75rem; text-align: left; color: #707070; padding: 0 36px; position: relative; } .services .box .services__text p:before { content: ''; position: absolute; padding: 9px 6px; top: 0; left: 0; background: url("../svg/arrow-point-to-right-orange.svg"); } .services .box a { text-align: center; font-size: 14px; font-weight: bold; line-height: 1.125rem; padding: 12px 34px; background: #e8515c; color: #fff; border-radius: 3px; } @media (max-width: 1200px) { .services { box-shadow: unset; } .services .box { box-shadow: 0 9px 20px 0 rgba(92, 105, 131, 0.22); max-width: 450px; margin: 50px auto; padding: 24px 8px; } } @media (max-width: 1200px) and (max-width: 991px) { .services .box { box-shadow: 0 9px 20px 0 rgba(92, 105, 131, 0.22); max-width: unset; padding: 24px 100px; } } @media (max-width: 1200px) and (max-width: 991px) and (max-width: 650px) { .services .box { padding: 24px; } } @media (max-width: 1200px) and (max-width: 490px) { .services .box { box-shadow: 0 9px 20px 0 rgba(92, 105, 131, 0.22); max-width: 400px; margin: 50px auto; padding: 24px; } .services .box img { width: 75px; height: 65px; } .services .box h2 { font-size: 15px; font-weight: bold; line-height: 1.313rem; } .services .box .services__text { min-height: 300px; } .services .box .services__text p { font-size: 12px; line-height: 1.125rem; } .services .box .services__text p:before { background: url("../svg/arrow-point-to-right-orange-sm.svg"); padding: 6px 4px; } .services .box a { font-size: 11px; } } /* End Services*/ /* New Offer */ .offer { margin-top: 158px; } .offer .offer__header { text-align: center; font-size: 30px; font-weight: 500; line-height: 3.938rem; color: #707070; margin-bottom: 57px; } .offer .offer--border-top-right { border-top: 1px solid #7070704d; border-right: 1px solid #7070704d; padding: 82px 82px 82px 0; } .offer .offer--border-top { border-top: 1px solid #7070704d; padding: 82px 0px 82px 82px; } @media (max-width: 1050px) { .offer .offer--border-top { padding: 82px 0px 82px 42px; } } .offer .offer__img { float: left; padding-top: 22px; } .offer .offer__info { padding-left: 220px; } .offer .offer__info h5 { font-size: 19px; line-height: 1.563rem; letter-spacing: normal; text-align: left; color: #707070; padding-bottom: 5px; } .offer .offer__info h3 { font-size: 30px; line-height: 2.438rem; letter-spacing: normal; } .offer .offer__info p { font-size: 19px; line-height: 1.625rem; letter-spacing: normal; text-align: left; color: #707070; padding-top: 13px; padding-bottom: 13px; } .offer .offer__info a { font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: left; color: #e8515c; } @media (max-width: 991px) { .offer { padding-right: 0rem; padding-left: 0rem; margin: 0.5rem; } .offer .offer--border-top-right { border-top: 1px solid #7070704d; border-right: unset; padding: 82px; } .offer .offer--border-top { border-top: 1px solid #7070704d; padding: 82px; } } @media (max-width: 661px) { .offer .offer--border-top-right { border-top: 1px solid #7070704d; border-right: unset; padding: 32px; } .offer .offer--border-top { border-top: 1px solid #7070704d; padding: 32px; } .offer .offer__img { float: left; padding-top: 22px; } .offer .offer__img img { width: 99.1px; height: 99.1px; } .offer .offer__info { padding-left: 120px; } .offer .offer__info h5 { font-size: 12px; line-height: 0.9375rem; } .offer .offer__info h3 { font-size: 15px; line-height: 1.188rem; } .offer .offer__info p { font-size: 12px; line-height: 1.063rem; padding-top: 13px; padding-bottom: 13px; } .offer .offer__info a { font-size: 13px; } } /* End New Offer */ /* Purchase Offer */ .background__sub { clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%); } .background { background: url("../background/back.png"); background-position-x: center; background-repeat: no-repeat; background-color: #f4f4f5; position: relative; z-index: 1; overflow: hidden; } .background:before { clip-path: polygon(0 0, 100% 0, 100% 10%, 0 36%); padding: 319px; position: absolute; background-color: white; top: 0; left: 0; right: 0; content: ''; z-index: -11; } .purchaseOffer { padding-top: 88px; padding-bottom: 88px; } @media (min-width: 991px) { .purchaseOffer { padding: 88px; z-index: 22; } } @media (max-width: 420px) { .purchaseOffer { padding: 2rem; } } .purchaseOffer .row { padding: 88px; border-radius: 3px; box-shadow: 0 9px 20px 0 rgba(92, 105, 131, 0.22); background-color: #fff; } .purchaseOffer .row .purchaseOffer__header { font-size: 19px; line-height: 1.625rem; letter-spacing: normal; text-align: center; color: #262637; padding-bottom: 33px; } .purchaseOffer .row h3 { font-size: 30px; line-height: 2.813rem; font-weight: 500; letter-spacing: normal; text-align: center; color: #262637; padding-bottom: 28px; } .purchaseOffer .row h3 span { color: #f87c6a; } .purchaseOffer .row p { font-size: 16px; line-height: 1.5rem; letter-spacing: normal; color: #707070; padding-bottom: 33px; } .purchaseOffer .row a { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #f87c6a; font-size: 14px; padding: 5px 22px; cursor: pointer; font-weight: bold; padding: 12px 21px; } @media (max-width: 1151px) { .purchaseOffer .row a { margin: 10px auto; } } .purchaseOffer .row .purchaseOffer__imgBox { height: 100%; display: flex; } @media (max-width: 991px) { .purchaseOffer .row .purchaseOffer__imgBox { padding-bottom: 20px; } } .purchaseOffer .row .purchaseOffer__imgBox img { width: 277px; margin: auto; } @media (max-width: 661px) { .purchaseOffer .row { padding: 25px 2rem; } .purchaseOffer .row .purchaseOffer__header { font-size: 12px; line-height: 1.125rem; } .purchaseOffer .row h3 { font-size: 15px; padding-bottom: 13px; line-height: 1.375rem; } .purchaseOffer .row h3 span { color: #f87c6a; } .purchaseOffer .row p { font-size: 10px; line-height: 0.9375rem; letter-spacing: normal; color: #707070; padding-bottom: 17px; } .purchaseOffer .row a { padding: 12px 21px; font-size: 11px; white-space: nowrap; } .purchaseOffer .row .purchaseOffer__imgBox { height: 100%; display: flex; } .purchaseOffer .row .purchaseOffer__imgBox img { width: 160px; margin: auto; } } /* End Purchase Offer */ /* Price Box */ .priceBox { padding-bottom: 100px; } @media (max-width: 1200px) { .priceBox .row { justify-content: center; } } .priceBox .priceBox__header { text-align: center; } .priceBox .priceBox__header h3 { font-size: 30px; line-height: 2.813rem; font-weight: 500; letter-spacing: normal; text-align: center; color: #262637; line-height: 3.938rem; } .priceBox .priceBox__header p { font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.375rem; letter-spacing: normal; color: #262637; } .priceBox .col-xs-12:not(:first-of-type) .box { text-align: center; margin: auto; margin-top: 75px; padding: 30px; background: #fff; border-radius: 3px; box-shadow: 0 9px 20px 0 rgba(92, 105, 131, 0.22); } .priceBox .col-xs-12:not(:first-of-type) .box h3 { font-size: 30px; line-height: 2.813rem; font-weight: 500; letter-spacing: normal; text-align: center; color: #262637; line-height: 3.625rem; font-weight: bold; } .priceBox .col-xs-12:not(:first-of-type) .box h5 { font-size: 19px; line-height: 1.375rem; letter-spacing: normal; font-weight: normal; text-align: center; color: #262637; padding-top: 8px; padding-bottom: 23px; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main { background: #f4f4f5; padding-top: 28px; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main h2 { font-size: 35px; font-weight: bold; color: #e8515c; position: relative; line-height: 2.875rem; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main h2 span { position: absolute; font-size: 19px; top: -6px; } @media (max-width: 327px) { .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main h2 span { top: unset; } } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main p { font-size: 19px; line-height: 1.563rem; color: #76767b; padding-bottom: 17px; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main--free { padding: 40px 0; margin: 74px 0 158px 0; } .priceBox .col-xs-12:not(:first-of-type) .box p { padding: 16px 0 60px 0; font-size: 15px; line-height: 1.5rem; color: #76767b; letter-spacing: normal; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox--p { padding-bottom: 38px; } .priceBox .col-xs-12:not(:first-of-type) .box a { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #19b277; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 12px 40px; font-weight: bold; line-height: 1.125rem; } @media (max-width: 1151px) { .priceBox .col-xs-12:not(:first-of-type) .box a { margin: 10px auto; } } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox--btn-empty { color: #e8515c; transition: all 0.3s; border-radius: 3px; background-color: #fff; font-size: 14px; padding: 5px 22px; cursor: pointer; border: 1px solid #e8515c; padding: 12px 40px; font-weight: bold; line-height: 1.125rem; } @media (max-width: 1151px) { .priceBox .col-xs-12:not(:first-of-type) .box .priceBox--btn-empty { margin: 10px auto; } } @media (max-width: 661px) { .priceBox .priceBox__header { text-align: center; } .priceBox .priceBox__header h3 { font-size: 30px; line-height: 2.813rem; font-weight: 500; letter-spacing: normal; text-align: center; color: #262637; line-height: 3.938rem; font-size: 15px; } .priceBox .priceBox__header p { font-size: 12px; line-height: 1.125rem; } .priceBox .col-xs-12:not(:first-of-type) .box { text-align: center; margin-top: 75px; padding: 15px 25px 20px 25px; } .priceBox .col-xs-12:not(:first-of-type) .box h3 { line-height: 1.3; font-size: 20px; text-align: left; } .priceBox .col-xs-12:not(:first-of-type) .box h5 { font-size: 12px; line-height: 1.625rem; padding-top: 3px; padding-bottom: 13px; text-align: left; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main { background: #f4f4f5; padding-top: 8px; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main h2 { font-size: 25px; line-height: 2.063rem; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main p { font-size: 10px; line-height: 0.9375rem; padding-bottom: 10px; padding-top: 6px; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox__main--free { padding: 40px 0; margin: 60px 0 50px 0; } .priceBox .col-xs-12:not(:first-of-type) .box p { padding: 12px 0 13px 0; font-size: 12px; line-height: 1.125rem; } .priceBox .col-xs-12:not(:first-of-type) .box .priceBox--p { padding-bottom: 15px; } .priceBox .col-xs-12:not(:first-of-type) .box a { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #19b277; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 9px 28px; font-size: 10px; } } @media (max-width: 661px) and (max-width: 1151px) { .priceBox .col-xs-12:not(:first-of-type) .box a { margin: 10px auto; } } @media (max-width: 661px) { .priceBox .col-xs-12:not(:first-of-type) .box .priceBox--btn-empty { color: #e8515c; transition: all 0.3s; border-radius: 3px; background-color: #fff; font-size: 14px; padding: 5px 22px; cursor: pointer; border: 1px solid #e8515c; padding: 9px 25px; font-size: 10px; } } @media (max-width: 661px) and (max-width: 1151px) { .priceBox .col-xs-12:not(:first-of-type) .box .priceBox--btn-empty { margin: 10px auto; } } /* End Price Box */ .infoBox { width: 100%; padding: 0 15px; background: #262637; overflow: hidden; position: relative; } .infoBox .infoBox__arrow1 { position: absolute; bottom: -134px; right: 75px; } .infoBox .infoBox__arrow2 { position: absolute; top: 80px; right: -65px; } .infoBox .infoBox__arrow3 { position: absolute; top: -71px; left: 100px; } .infoBox .infoBox__arrow4 { position: absolute; bottom: 61px; left: -50px; } @media (max-width: 932px) { .infoBox .infoBox__arrow1 { bottom: -84px; right: -15px; } .infoBox .infoBox__arrow1 img { width: 100px; } .infoBox .infoBox__arrow2 { right: -22px; } .infoBox .infoBox__arrow2 img { width: 50px; } .infoBox .infoBox__arrow3 { left: -55px; } .infoBox .infoBox__arrow4 { position: absolute; bottom: 61px; left: -50px; } } @media (max-width: 932px) and (max-width: 600px) { .infoBox .infoBox__arrow1 { bottom: -47px; } .infoBox .infoBox__arrow1 img { width: 60px; } .infoBox .infoBox__arrow2 { right: -14px; top: 10px; } .infoBox .infoBox__arrow2 img { width: 32px; } .infoBox .infoBox__arrow3 { left: -29px; top: -55px; } .infoBox .infoBox__arrow3 img { width: 87px; } .infoBox .infoBox__arrow4 { left: -20px; } .infoBox .infoBox__arrow4 img { width: 48px; } } .infoBox .infoBox__text { position: relative; text-align: center; /* For Buyers Page*/ /* End For Buyers Page*/ /* For Agents Page*/ /* End For Agents Page*/ } .infoBox .infoBox__text h3 { font-size: 40px; font-weight: 500; line-height: 3.125rem; color: #fff; padding-top: 65px; padding-bottom: 33px; font-weight: bold; } .infoBox .infoBox__text .infoBox__text__forBuyers { max-width: 684px; margin: auto; } .infoBox .infoBox__text .infoBox__text__forAgents { max-width: 897px; margin: auto; } .infoBox .infoBox__text .infoBox__text__forAgents-p { max-width: 772px; margin: auto; } .infoBox .infoBox__text p { line-height: 1.625rem; letter-spacing: normal; font-size: 19px; color: #fff; padding-bottom: 60px; max-width: 592px; margin: auto; } .infoBox .infoBox__text a.makler-empfehlung-link { color: #fff; } .infoBox .infoBox__text a.register { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 19px; line-height: 1.563rem; padding: 16px 30px; display: inline-block; margin-bottom: 78px !important; } @media (max-width: 1151px) { .infoBox .infoBox__text a.register { margin: 10px auto; } } @media (max-width: 601px) { .infoBox .infoBox__text { /* For Buyers Page*/ /* End For Buyers Page*/ /* For Agents Page*/ /* End For Agents Page*/ } .infoBox .infoBox__text h3 { font-size: 25px; line-height: 2rem; padding-bottom: 18px; } .infoBox .infoBox__text .infoBox__text__forBuyers { max-width: 308px; } .infoBox .infoBox__text .infoBox__text__forAgents { max-width: 332px; } .infoBox .infoBox__text .infoBox__text__forAgents-p { max-width: 298px; margin: auto; } .infoBox .infoBox__text p { font-size: 12px; line-height: 1.125rem; padding-bottom: 18px; max-width: 298px; } .infoBox .infoBox__text a { font-size: 11px; line-height: 0.8125rem; padding: 11px 27px; margin-bottom: 47px !important; } } .infoBox--mg { background-image: url(/photos/banner1.png); background-position: cover; min-height: 450px; display: flex; justify-content: center; } .infoBox--mg .infoBox__text { margin: auto; } .infoBox--mg .infoBox__text .infoBox__text__forAgents-p { padding-bottom: unset; padding-top: 7px; } .infoBox--mg .infoBox__text .infoBox__text__forAgents-p a.register { background: #079e87; border-radius: 28px; } .forBuyersAgents { padding-top: 20px; } @media (max-width: 991px) { .forBuyersAgents { padding-top: 100px; } } .forBuyersAgents h3 { padding-bottom: 10px; } .forBuyersAgents .row .forBuyersAgents__text h1 { font-size: 50px; font-weight: 900; line-height: 3.125rem; color: #262637; padding-bottom: 20px; } .forBuyersAgents .row .forBuyersAgents__text p { font-size: 30px; font-weight: 500; line-height: 3.125rem; color: #262637; padding-bottom: 30px; } .forBuyersAgents .row .forBuyersAgents__text a, .forBuyersAgents .row .forBuyersAgents__text .btn-buyers { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 19px; font-weight: bold; line-height: 1.563rem; padding: 16px 36px; } @media (max-width: 1151px) { .forBuyersAgents .row .forBuyersAgents__text a, .forBuyersAgents .row .forBuyersAgents__text .btn-buyers { margin: 10px auto; } } .forBuyersAgents .row .forBuyersAgents__img { padding-top: 20px; position: relative; /* For Agents part*/ /* End For Agents part*/ /* For Sellers pars*/ /* End For Sellers pars*/ } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(1) { position: absolute; top: 0; right: 11%; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(2) { position: absolute; top: 32%; left: 0; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(2) img { width: 24px; } .forBuyersAgents .row .forBuyersAgents__img .forBuyers__img__icon { position: relative; z-index: 100; width: 211px; margin-left: 18px; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__span { bottom: 0; right: 6px; top: unset !important; left: unset !important; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__icon { position: relative; z-index: 100; width: 152px; margin-left: 10px; margin-top: 25px; } .forBuyersAgents .row .forBuyersAgents__img .forSellers__img__span { top: 46% !important; left: 50px !important; } .forBuyersAgents .row.explanation { margin-top: 80px; } @media (max-width: 991px) { .forBuyersAgents .row.explanation { margin-top: 0; } } .forBuyersAgents .row.explanation .explanation__header { margin-bottom: 80px; } .forBuyersAgents .row.explanation .explanation__header h3 { font-size: 30px; line-height: 2.438rem; letter-spacing: normal; color: #262637; } .forBuyersAgents .row.explanation .explanation__text { padding: 0 60px 0 0; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__circle { width: 64px; height: 64px; border: 3px solid #e8515c; border-radius: 100%; margin-bottom: 31px; color: #e8515c; font-size: 23px; text-align: center; line-height: 3.563rem; font-weight: 700; } .forBuyersAgents .row.explanation .explanation__text h3 { font-size: 30px; line-height: 2.438rem; color: #262637; padding-bottom: 25px; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__header-3 { margin-right: -35px; } .forBuyersAgents .row.explanation .explanation__text p { font-size: 19px; line-height: 1.813rem; color: #262637; padding-bottom: 30px; } @media (max-width: 991px) { .forBuyersAgents .row .forBuyersAgents__text h1 { font-size: 40px; line-height: 2.5rem; padding-bottom: 20px; } .forBuyersAgents .row .forBuyersAgents__text p { font-size: 20px; line-height: 2.063rem; } .forBuyersAgents .row .forBuyersAgents__text a { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 15px; } } @media (max-width: 991px) and (max-width: 1151px) { .forBuyersAgents .row .forBuyersAgents__text a { margin: 10px auto; } } @media (max-width: 991px) { .forBuyersAgents .row .forBuyersAgents__img { /* For Agents part*/ /* End For Agents part*/ } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(1) { right: 0; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(1) img { width: 120px; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(2) img { width: 18px; } .forBuyersAgents .row .forBuyersAgents__img .forBuyers__img__icon { width: 171px; margin-left: 3px; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__span { position: absolute; bottom: 0; right: -10px; top: unset !important; left: unset !important; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__icon { position: relative; z-index: 100; width: 114px; margin-left: 37%; margin-top: 5px; } .forBuyersAgents .row.explanation .explanation__text { padding: 0; /* For Sellers */ /* End For Sellers */ } .forBuyersAgents .row.explanation .explanation__text p { padding-bottom: 66px; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__agents { margin-right: 20px; } .forBuyersAgents .row.explanation .explanation__text h3 { line-height: 4.313rem; padding-bottom: 27px; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__header-3 { line-height: 2.438rem; margin-right: 0; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__header-sellers { line-height: 2.238rem; } } @media (max-width: 715px) { .forBuyersAgents .row .forBuyersAgents__text h1 { font-size: 25px; line-height: 1.563rem; padding-bottom: 16px; } .forBuyersAgents .row .forBuyersAgents__text p { font-size: 15px; line-height: 1.563rem; padding-bottom: 20px; } .forBuyersAgents .row .forBuyersAgents__text a { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 11px; line-height: 0.8125rem; padding: 10px 21px; white-space: nowrap; } } @media (max-width: 715px) and (max-width: 1151px) { .forBuyersAgents .row .forBuyersAgents__text a { margin: 10px auto; } } @media (max-width: 715px) { .forBuyersAgents .row .forBuyersAgents__img { padding-top: 20px; position: relative; /* For Agents part*/ /* End For Agents part*/ } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(1) { position: absolute; top: 0; right: 11%; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(1) img { width: 70px; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(2) { position: absolute; top: 32%; left: 0; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(2) img { width: 10px; } .forBuyersAgents .row .forBuyersAgents__img .forBuyers__img__icon { position: relative; z-index: 100; width: 86px; margin-left: 18px; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__span__arrow { top: 26px !important; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__span { bottom: 0; right: 0px; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__icon { width: 60px; margin-left: 37%; margin-top: 23px; } } @media (max-width: 615px) { .forBuyersAgents .row.explanation .explanation__text h3 { line-height: 1.875rem; padding-bottom: 37px; padding-right: 110px; font-size: 23px; } } @media (max-width: 515px) { .forBuyersAgents .row .forBuyersAgents__img { padding-top: 20px; position: relative; /* For Agents part*/ /* End For Agents part*/ } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(1) { position: absolute; top: 0; right: -20px; } .forBuyersAgents .row .forBuyersAgents__img span:nth-child(1) img { width: 70px; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__span__arrow { top: 46px !important; } .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__span { bottom: 0; right: -15px; } } @media (max-width: 515px) and (max-width: 350px) { .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__span { right: -25px; } } @media (max-width: 515px) { .forBuyersAgents .row .forBuyersAgents__img .forAgents__img__icon { position: relative; z-index: 100; width: 60px; margin-left: 37%; margin-top: 45px; } .forBuyersAgents .row.explanation { margin-bottom: 20px; margin-top: 20px; } .forBuyersAgents .row.explanation .explanation__header { margin-bottom: 22px; } .forBuyersAgents .row.explanation .explanation__header h3 { font-size: 15px; line-height: 1.188rem; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__circle { width: 42px; height: 42px; border: 1px solid #e8515c; margin-bottom: 13px; color: #e8515c; font-size: 14px; line-height: 2.9; font-weight: 500; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__agents { margin-right: 10px; margin-top: 15px; margin-bottom: 10px; } .forBuyersAgents .row.explanation .explanation__text h3 { font-size: 15px; line-height: 1.313rem; padding-right: 133px; padding-bottom: 14px; max-width: 100%; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__header-3 { line-height: 1.188rem; padding-right: 0 !important; padding-bottom: 18px; max-width: 100%; } .forBuyersAgents .row.explanation .explanation__text .explanation__text__header-sellers { line-height: 1.313rem; } .forBuyersAgents .row.explanation .explanation__text p { font-size: 12px; line-height: 1.125rem; padding-bottom: 20px; } } @media (max-width: 460px) { .forBuyersAgents .row { /* For Sellers pars*/ /* End For Sellers pars*/ } .forBuyersAgents .row .forBuyersAgents__img .forSellers__img__span { top: 56% !important; left: 25px !important; } .forBuyersAgents .row.explanation .explanation__text h3 { padding-right: 0; max-width: 258px; } } .forBuyersAgents__text__followup__button { padding: 10px; margin: 60px 0 60px 0; } .forBuyersAgents__text__followup__button a { border-radius: 28px !important; display: inline-block; white-space: unset !important; } @media (max-width: 530px) { .forBuyersAgents__text__followup__button { margin: 30px 0 30px 0; } } .forBuyersAgents__text p.for-tenant-lead-text { font-size: 20px !important; line-height: 24px !important; } .forBuyersAgents__text p.for-tenant-lead-text-disclaimer { margin-top: 40px; font-size: 16px !important; line-height: 18px !important; } a.cta-button { background-color: #20c343 !important; } .FAQ-wrapper { background: #F4F3F3; width: 100%; height: 100%; float: left; } .forBuyersAgents-FAQ-hero { background-image: url(/photos/FAQheroimage.png) !important; } .forBuyersAgents-FAQ h1 { font-size: 50px; font-weight: 900; line-height: 3.125rem; color: #262637; padding-bottom: 50px; } .forBuyersAgents-FAQ .accordionWrapper { padding: 30px; float: left; width: 100%; box-sizing: border-box; margin: auto; margin-bottom: 100px; } .forBuyersAgents-FAQ .accordionWrapper h2 { font-size: 30px; line-height: 2.5rem; padding-bottom: 25px; } .forBuyersAgents-FAQ .accordionWrapper ul { padding-left: 20px; } .forBuyersAgents-FAQ .accordionWrapper ul li { list-style-type: disc; font-size: 15px; line-height: 1.3rem; padding-bottom: 15px; } .forBuyersAgents-FAQ .accordionWrapper ul li a { color: #2b67e2; } .forBuyersAgents-FAQ .accordionWrapper p { font-size: 15px; line-height: 1.3rem; } .forBuyersAgents-FAQ .accordionItem { float: left; display: block; width: 100%; box-sizing: border-box; margin-bottom: 15px; } .forBuyersAgents-FAQ .accordionItemHeading { cursor: pointer; margin: 0px 0px 0px 0px; padding: 10px 30px; background: #fff; color: #162543; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: border-box; border-left: 8px solid #e8515c; display: block; } .forBuyersAgents-FAQ .close .accordionItemContent { height: 0px; transition: height 1s ease-out; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); float: left; display: block; } .forBuyersAgents-FAQ .open .accordionItemContent { padding: 20px 30px; width: 100%; margin: 0px 0px 0px 0px; display: block; -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; transform-origin: top; background: #fff; -webkit-transition: -webkit-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; box-sizing: border-box; box-shadow: 0px 7px 13px #0000001d; } .forBuyersAgents-FAQ .open .accordionItemHeading { margin: 0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-color: #162543; color: #fff; } .forBuyersAgents-FAQ .mb-50 { margin-bottom: 50px; clear: both; } .forBuyersAgents-FAQ .faq-image { width: 100%; max-width: 183px; } .forBuyersAgents-FAQ .forBuyersAgents-FAQ__no-style li { list-style: none !important; } .forBuyersAgents-FAQ .forBuyersAgents-FAQ__btn { display: inline-block; background: #20c343; color: #fff; border-radius: 5px; padding: 7px 15px; font-weight: bold; } @media (max-width: 600px) { .forBuyersAgents-FAQ .accordionWrapper { padding: 30px 0; } .forBuyersAgents-FAQ .accordionWrapper h2 { font-size: 20px; line-height: 2rem; } .forBuyersAgents-FAQ .accordionWrapper .accordionItemHeading, .forBuyersAgents-FAQ .accordionWrapper h3 { font-size: 17px; line-height: 1.5rem; } .forBuyersAgents-FAQ .accordionWrapper p { font-size: 14px; } .forBuyersAgents-FAQ .accordionWrapper .forBuyersAgents-FAQ__btn { font-size: 14px; } .forBuyersAgents-FAQ h1 { font-size: 30px; line-height: 2.3rem; } } .forBuyersAgentsMustDo > div { max-width: 640px; margin: auto; text-align: center; } .forBuyersAgentsMustDo h1 { padding-bottom: 20px; } .forBuyersAgentsMustDo p { font-size: 20px; padding-bottom: 50px; } .forBuyersAgentsMustDo img { width: 100%; } .advantagesAgents-wrap { background-image: url(/photos/maklerhero.png); background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -50px; padding: 45px 0; } @media (max-width: 1151px) { .advantagesAgents-wrap { margin-top: -65px; } } @media (max-width: 991px) { .advantagesAgents-wrap { margin-top: 35px; } } @media (max-width: 450px) { .advantagesAgents-wrap { margin-top: 15px; } } .advantagesAgents-wrap--hero { background-color: #D1CFCE40; padding: 18px 0; margin-bottom: 70px; } .advantagesAgents { padding-top: 0; font-size: 21px; } .advantagesAgents h1 { font-size: 50px; font-weight: 900; line-height: 3.125rem; padding-bottom: 20px; color: #fff; } .advantagesAgents h2 { color: #fff; margin-bottom: 0; font-size: 25px; line-height: 2rem; font-weight: normal; } .advantagesAgents p { font-size: 19px; line-height: 1.8rem; padding-bottom: 10px; } .advantagesAgents a { color: #2b67e2; cursor: pointer; } .advantagesAgents .advantagesAgents__hero { padding-left: 70px; padding-top: 50px; } .advantagesAgents .advantagesAgents__hero h4 { color: #162543; font-size: 30px; font-weight: 1.8rem; padding-bottom: 25px; line-height: 2.5rem; } .advantagesAgents .advantagesAgents__hero h4 span { font-weight: normal; } .advantagesAgents .advantagesAgents__hero p { padding-bottom: 45px; } .advantagesAgents .advantagesAgents__hero ul { margin-left: 35px; } .advantagesAgents .advantagesAgents__hero ul li { padding-bottom: 30px; padding-left: 15px; position: relative; list-style: none; } .advantagesAgents .advantagesAgents__hero ul li:before { content: ''; background-image: url("/svg/checkedcircle.svg"); padding: 19px; background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: -36px; } .advantagesAgents .advantagesAgents__img { margin-top: 20px; margin-bottom: 30px; padding: 0; } .advantagesAgents .advantagesAgents__img img { width: 100%; } .advantagesAgents .advantagesAgents__tenants > div { padding-bottom: 30px; } .advantagesAgents .advantagesAgents__tenants > div h3 { padding-bottom: 15px; } .advantagesAgents .advantagesAgents__tenants > div p { font-size: 24px; line-height: 2.2rem; padding-bottom: 30px; } .advantagesAgents .advantagesAgents__tenants ul { display: flex; justify-content: space-between; margin-left: 20px; list-style-image: url(/svg/arrowfull.svg); } .advantagesAgents .advantagesAgents__tenants ul li { max-width: 400px; margin-right: 40px; padding-left: 5px; } .advantagesAgents .advantagesAgents__tenants ul li:last-of-type { margin-right: 0; } .advantagesAgents hr { margin: auto; opacity: 0.3; } .advantagesAgents ul { margin-left: 50px; margin-bottom: 50px; } .advantagesAgents ul li { list-style-type: disc; } .advantagesAgents .advantagesAgents__resister { text-align: center; max-width: 730px; margin: auto; padding-bottom: 60px; padding-top: 70px; } .advantagesAgents .advantagesAgents__resister h2 { font-size: 30px; line-height: 2.5rem; font-weight: bold; padding-bottom: 25px; color: #162543; text-transform: uppercase; } .advantagesAgents .advantagesAgents__resister a { display: block; background: #079e87; color: #fff; border-radius: 28px; margin: auto; margin-bottom: 38px; margin-top: 20px; font-weight: bold; padding: 14px 50px 16px; font-size: 19px; display: inline-block; } .advantagesAgents span { display: block; margin-bottom: 20px; margin-top: -30px; } @media (max-width: 550px) { .advantagesAgents h1 { font-size: 30px; line-height: 2.2rem; } .advantagesAgents p { font-size: 16px; line-height: 1.8rem; } .advantagesAgents .advantagesAgents__button a { display: block; } } .advantagesAgents.advantagesAgentsVouchers { margin-bottom: 70px; } .advantagesAgents.advantagesAgentsVouchers .row { justify-content: space-between; } .advantagesAgents.advantagesAgentsVouchers .row div { max-width: 650px; } .advantagesAgents.advantagesAgentsVouchers h3 { font-size: 30px; line-height: 2.5rem; padding-bottom: 50px; padding-top: 50px; } .advantagesAgents.advantagesAgentsVouchers ul { margin-left: 20px; margin-bottom: 20px; } .advantagesAgents.advantagesAgentsVouchers ul li { font-size: 19px; line-height: 2rem; padding-bottom: 5px; letter-spacing: 0px; } .advantagesAgents.advantagesAgentsVouchers .advantagesAgents__button { display: block; padding-bottom: 10px; } .advantagesAgents.advantagesAgentsVouchers .advantagesAgents__button a { color: #fff; border-radius: 28px; background: #079e87; margin: auto; margin-bottom: 20px; margin-top: 20px; font-weight: bold; padding: 11px 35px 13px; font-size: 18px; display: block; text-align: center; } @media (max-width: 850px) { .advantagesAgents.advantagesAgentsVouchers .advantagesAgents__button a { font-size: 15px; line-height: 1.2rem; } } @media (max-width: 850px) { .advantagesAgents.advantagesAgentsVouchers .advantagesAgents__button a { font-size: 15px; line-height: 1.2rem; } } .advantagesAgents.advantagesAgentsVouchers img { width: 100%; margin-top: 50px; } .advantagesAgents.advantagesAgentsVouchers img { width: 100%; margin-top: 50px; } .advantagesAgents.advantagesAgentsVouchers img { width: 100%; margin-top: 50px; } .advantagesAgents__threeWays { background-image: url(/photos/maklerbckg1.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 20px; margin-bottom: 440px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap { background: #fff; padding: 77px; padding-bottom: 0; text-align: center; box-shadow: 0px 7px 13px #0000001D; margin-bottom: -460px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap h2 { color: #162543; font-size: 50px; line-height: 4rem; font-weight: bold; padding-bottom: 15px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap p { font-size: 25px; line-height: 2.4rem; padding-bottom: 70px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row { text-align: left; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first { padding-right: 25px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first ol { list-style: none; margin-left: 20px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first ol li { position: relative; counter-increment: li; padding-left: 50px; padding-bottom: 70px; font-size: 25px; line-height: 2rem; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first ol li:before { content: counter(li) "."; color: #E8515C; display: inline-block; margin-left: -1em; position: absolute; left: 0; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first ol li:after { content: ''; position: absolute; padding: 30px; border-radius: 50%; border: 3px solid #E8515C; left: -48px; top: -17px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first h2 { font-size: 30px; line-height: 2.5rem; padding-top: 35px; padding-bottom: 40px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first p { font-size: 19px; line-height: 2rem; padding-bottom: 30px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__last { display: flex; flex-direction: column; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__last img { width: 100%; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__last p { padding-top: 165px; color: #808080; font-size: 18px; line-height: 2rem; letter-spacing: 0px; margin-top: auto; margin-bottom: auto; } .advantagesAgents__sales { background-color: #D1CFCE40; margin-bottom: 20px; padding: 100px 0; } .advantagesAgents__sales img { width: 100%; margin: auto; margin-bottom: 25px; max-width: fit-content; } .advantagesAgents__sales p { font-size: 25px; line-height: 2.5rem; } .advantagesAgents--infoBox { text-align: center; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents { max-width: 1400px; padding: 0 15px; padding-bottom: 45px; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents span { display: block; font-weight: bold; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents span a { color: #33C3E5; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents span a:hover { text-decoration: underline; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents span small { font-size: 19px; line-height: 2rem; font-weight: normal; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents-p a.register { margin-bottom: 20px !important; } @media (min-width: 992px) { .advantagesAgents__sales img { max-width: 640px; } .explanation__text--lg { max-width: 660px; } .explanation__text--sm { max-width: 528px; } .MG-mb-5 { margin-bottom: 50px; } .explanation__text--right { padding-left: 43px; padding-right: 0; } } @media (max-width: 991px) { .advantagesAgents .advantagesAgents__hero { padding-left: 0; padding-top: 50px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__last p { padding-top: 65px; color: #808080; font-size: 18px; line-height: 2rem; letter-spacing: 0px; } .advantagesAgents__sales { padding: 50px 0; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents { font-size: 25px; line-height: 2.5rem; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents a { font-size: 25px; line-height: 2.5rem; padding: 0; } } @media (max-width: 700px) { .advantagesAgents .advantagesAgents__tenants ul { flex-direction: column; } .advantagesAgents .advantagesAgents__tenants ul li { padding-bottom: 25px; max-width: 100%; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap { padding: 27px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap h2 { font-size: 40px; line-height: 3rem; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__last p { padding-top: 65px; color: #808080; font-size: 18px; line-height: 2rem; letter-spacing: 0px; } .advantagesAgents__sales p { font-size: 19px; line-height: 2rem; } } @media (max-width: 530px) { .advantagesAgents__threeWays { padding: 100px 0; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap { padding: 20px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap h2 { font-size: 30px; line-height: 2rem; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first { padding-right: 0; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first ol { margin-left: 5px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first ol li { padding-left: 27px; padding-bottom: 70px; font-size: 18px; line-height: 1.7rem; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__first ol li:after { padding: 20px; left: -35px; top: -8px; } .advantagesAgents__threeWays .advantagesAgents__threeWays__wrap .row .advantagesAgents__threeWays__wrap__last p { padding-top: 65px; color: #808080; font-size: 16px; line-height: 2rem; letter-spacing: 0px; } .advantagesAgents.advantagesAgentsVouchers ul li { font-size: 16px; line-height: 1.5rem; } .advantagesAgents__sales p { font-size: 16px; line-height: 1.6rem; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents { font-size: 20px; line-height: 2rem; padding-bottom: 20px; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents a { font-size: 20px; line-height: 2rem; padding: 0; } .advantagesAgents--infoBox .infoBox__text .infoBox__text__forAgents span small { font-size: 16px; line-height: 1.4rem; } } @media (max-width: 430px) { .advantagesAgents__resister a { padding: 14px 18px 16px; font-size: 16px; } } .forAgents-wrapp { background-image: url(/photos/heroagent.png); background-position: center; background-repeat: no-repeat; background-size: cover; margin-top: -50px; padding: 100px 20px; } .forAgents-wrapp .forBuyersAgents { padding-bottom: 20px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text { background: #fff; padding: 49px 75px; max-width: 820px; margin-left: 0; color: #162543; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text h1 { font-size: 50px; padding-bottom: 20px; line-height: 3rem; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text p { font-size: 23px; line-height: 2rem; max-width: 664px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text ul { list-style-image: url("/svg/arrowfull.svg"); padding-left: 20px; padding-top: 30px; font-size: 19px; line-height: 1.6rem; max-width: 595px; margin-bottom: 25px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text ul li { padding-bottom: 20px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text a { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #079e87; font-size: 14px; padding: 5px 22px; cursor: pointer; font-weight: bold; font-size: 19px; line-height: 1.4rem; padding: 10px 41px 14px; border-radius: 28px; } @media (max-width: 1151px) { .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text a { margin: 10px auto; } } @media (max-width: 1150px) { .forAgents-wrapp { margin-top: -67px; } } @media (max-width: 580px) { .forAgents-wrapp { background-image: url(/photos/heroagentmobile.jpg); padding: 100px 0 200px; } .forAgents-wrapp .forBuyersAgents { padding-bottom: 20px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text { padding: 30px 20px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text h1 { font-size: 30px; padding-bottom: 20px; line-height: 2.4rem; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text p { font-size: 19px; line-height: 1.8rem; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text ul { list-style-image: url("/svg/arrowfull.svg"); padding-left: 20px; padding-top: 30px; font-size: 16px; line-height: 1.3rem; margin-bottom: 25px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text ul li { padding-bottom: 20px; } .forAgents-wrapp .forBuyersAgents .forBuyersAgents__text a { font-size: 16px; line-height: 1.4rem; padding: 8px 30px 12px; } } .landlord-search-box .headImg__search { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background: #0000007d; display: flex; justify-content: center; z-index: 99999999; } .landlord-search-box .headImg__search .headImg__search__filters { position: relative; } .landlord-search-box .headImg__search #close-search { position: absolute; right: 15px; top: 5px; font-size: 30px; line-height: 30px; } .advantagesAgents .desktop-register-btn { padding-top: 0; margin-top: -12px; } .advantagesAgents .desktop-register-btn a { padding: 11px 43px 11px; margin-top: 0; margin-bottom: 0; } @media (min-width: 500px) { .advantagesAgents .desktop-register-btn { display: none; } } /* The container */ .container-checkbox { display: block; position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ } .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; } .container-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 21px; width: 21px; background-color: #eee; } .container-checkbox:hover input ~ .checkmark { background-color: #ccc; } .container-checkbox input:checked ~ .checkmark { background-color: #e8515c !important; } .container-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .container-checkbox input:checked ~ .checkmark:after { display: block; } .container-checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* The container radio */ .container-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Hide the browser's default radio button */ /* Create a custom radio button */ /* On mouse-over, add a background color */ /* When the radio button is checked, add a background */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } .container-radio input { position: absolute; opacity: 0; cursor: pointer; } .container-radio .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.46); border-radius: 50%; } .container-radio:hover input ~ .checkmark { background-color: #ccc; } .container-radio input:checked ~ .checkmark { background-color: #e8515c; } .container-radio input:checked ~ p { font-weight: bold; } .container-radio .checkmark:after { content: ""; position: absolute; display: none; } .container-radio input:checked ~ .checkmark:after { display: block; } .container-radio .checkmark:after { top: 6.9px; left: 7.4px; width: 11px; height: 11px; border-radius: 50%; background: white; } .bg-wrapper-gray { background: #f4f4f5; position: relative; z-index: 1; overflow: hidden; } .bg-wrapper-gray .arrow-bl { position: absolute; top: 80px; right: 17%; width: 174px; } @media (max-width: 850px) { .bg-wrapper-gray .arrow-bl { display: none; } } .bg-wrapper-gray:before { clip-path: polygon(100% 63%, 0% 100%, 100% 100%); padding: 319px; position: absolute; background-color: white; bottom: 0; left: 0; right: 0; content: ""; z-index: -11; } .bg-wrapper-gray:after { content: ""; bottom: 46px; left: 47%; position: absolute; width: 100px; height: 202px; background-size: 100px; /*background: url(../svg/arrow-point-to-right-red-lg.svg) no-repeat;*/ } @media (max-width: 850px) { .bg-wrapper-gray:after { display: none; } } .homeNavigation { padding: 17px 20px 12px 20px; max-width: 1400px; margin-bottom: 40px; } .homeNavigation .topnav__logo { text-align: left; display: flex; color: #262637; /*.topnav__logo__house { width: 53.3px; height: 57.4px; object-fit: contain; }*/ } .homeNavigation .topnav__logo span { padding-top: 15px; padding-left: 5px; font-size: 24px; font-weight: bold; } @media screen and (max-width: 768px) { .homeNavigation .topnav__logo { /* .topnav__logo__house { width: 35px; height: 38px; } */ } .homeNavigation .topnav__logo span { padding-top: 5px; font-size: 14px; font-weight: bold; } } .register { display: flex; justify-content: center; position: relative; } .register .registerInfo { max-width: 314px; margin-right: 90px; margin-top: 90px; } @media (max-width: 850px) { .register .registerInfo { display: none; } } .register .registerInfo .registerInfo__header { display: flex; margin-bottom: 47px; } .register .registerInfo .registerInfo__header img { width: 72px; } .register .registerInfo .registerInfo__header .family { width: 97px; } .register .registerInfo .registerInfo__header span { font-size: 25px; font-weight: bold; line-height: 2.063rem; letter-spacing: normal; color: #262637; padding-top: 34px; } .register .registerInfo .registerInfo__checked { padding-bottom: 26px; } .register .registerInfo .registerInfo__checked .registerInfo__checked__svg { background: #e8515c; width: 21px; height: 21px; float: left; border-radius: 3px; display: flex; } .register .registerInfo .registerInfo__checked .registerInfo__checked__svg img { height: 10px; margin: auto; } .register .registerInfo .registerInfo__checked h5 { font-size: 16px; line-height: 1.375rem; letter-spacing: normal; color: #262637; padding-bottom: 12px; margin-left: 39px; } .register .registerInfo .registerInfo__checked p { font-size: 15px; line-height: 1.375rem; letter-spacing: normal; color: #262637; padding-left: 40px; } .register .registerForm { max-width: 449px; border-radius: 3px; box-shadow: 0 3px 20px 0 rgba(92, 105, 131, 0.22); background-color: #fff; padding: 26px 39px; z-index: 100; } .register .registerForm h3 { font-size: 25px; line-height: 2rem; letter-spacing: normal; color: #262637; padding-bottom: 20px; } .register .registerForm .registerForm__radiobox { display: flex; padding-bottom: 26px; } .register .registerForm .registerForm__radiobox label { width: 102px; } .register .registerForm .registerForm__radiobox label p { font-size: 16px; line-height: 1.563rem; letter-spacing: normal; color: #262637; } .register .registerForm h6 { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; } .register .registerForm h6 span { color: #f87c6a; } .register .registerForm input, .register .registerForm select { padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; } .register .registerForm select { color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; /* CAUTION: Internet Explorer hackery ahead */ /* Target Internet Explorer 9 to undo the custom arrow */ } .register .registerForm select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } @media screen and (min-width: 0 \0 ) { .register .registerForm select { background: none \9; padding: 5px \9; } } .register .registerForm .submit { margin-top: 18px; font-size: 16px; font-weight: bold; background: #e8515c; color: #fff; cursor: pointer; width: 100%; border-radius: 43px; margin-bottom: 10px; display: block; text-align: center; min-height: 45px; } .register .registerForm .submit .agentSubmit { font-size: 14px; } .register .registerForm .registerForm__conditions p { font-size: 15px; line-height: 1.375rem; color: #707070; padding-left: 30px; } .register .registerForm .registerForm__conditions p a { color: #2b67e2; } .register .registerForm .registerForm__conditions p a:hover { text-decoration: underline; } .register .registerForm .registerForm__conditions .checkmark { background-color: #fff; border: 1px solid #d8d8d8; } @media (max-width: 400px) { .register .registerForm { padding: 13px 22px; } .register .registerForm h3 { font-size: 20px; line-height: 1.7rem; } .register .registerForm .registerForm__radiobox { display: flex; padding-bottom: 18px; } .register .registerForm .registerForm__radiobox label p { font-size: 14px; line-height: 1.675rem; } .register .registerForm h6 { font-size: 13px !important; line-height: 1.063rem; padding-bottom: 7px; } .register .registerForm h6 span { color: #f87c6a; } .register .registerForm input { padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; } .register .registerForm .submit { margin-top: 18px; padding-top: 12px; font-weight: bold; padding-bottom: 12px; background: #e8515c; color: #fff; cursor: pointer; width: 100%; border-radius: 43px; margin-bottom: 10px; } .register .registerForm .registerForm__conditions p { font-size: 12px; line-height: 1.3rem; color: #707070; padding-left: 30px; } .register .registerForm .registerForm__conditions p a { color: #e8515c; } .register .registerForm .registerForm__conditions .checkmark { background-color: #fff; border: 1px solid #d8d8d8; } } .register .register__login { margin-top: 23px; font-size: 16px; line-height: 1.25rem; color: #162543; text-align: center; } .register .register__login span a { color: #e8515c; } .register .register__reset-password-messages-success { background: #20c343; color: #FFFFFF; } .register .register__reset-password-messages-fail { color: #e8515c; } .bg-wrapper-white { padding-top: 115px; background: white; width: 100%; } .registration-footer-makler li { font-size: 15px; } .registration-footer-makler h3 { font-size: 20px; padding-bottom: 20px; } .registration-footer-makler h3.mailHeader__text-sm { color: #FFF !important; padding-bottom: 45px; } h3.mailHeader__text-sm { color: #FFF !important; font-size: 22px; padding-bottom: 45px; } h4.mailHeader__text-sm { display: block; font-size: 18px; color: #FFF !important; } ul.list-register-page { margin-left: 20px; font-size: 16px; color: #FFF; } ul.sublist-register-page { margin-left: 20px; font-size: 16px; color: #FFF; } h5.footer-explanation-title { font-size: 18px; padding-bottom: 20px; } .footer-explanation-section-2 p { font-size: 16px; padding-bottom: 15px; } .registerForm__trial { display: none; } @media (max-width: 953px) { .registerForm__trial { display: block; } .registerForm__trial img { max-width: 100%; width: auto; } } .login { padding-top: 200px; padding-bottom: 200px; overflow: hidden; } .login .register { text-align: center; } .login .register .topnav__logo { text-align: left; display: inline-flex; color: #262637; /*.topnav__logo__house { width: 53.3px; height: 57.4px; object-fit: contain; }*/ } .login .register .topnav__logo span { padding-top: 15px; padding-left: 5px; font-size: 24px; font-weight: bold; } @media screen and (max-width: 768px) { .login .register .topnav__logo { /* .topnav__logo__house { width: 35px; height: 38px; } */ } .login .register .topnav__logo span { padding-top: 5px; font-size: 14px; font-weight: bold; } } .login .register .registerForm__resetPasswordText { text-align: center; font-size: 16px; line-height: 1.375rem; color: #262637; padding-bottom: 35px; } .login .register .registerForm { width: 448px; margin-top: 15px; text-align: left; } .login .register .registerForm h3 { text-align: center; font-size: 19px; line-height: 4.75rem; } .login .register .registerForm h6 { font-size: 15px; } .login .register .registerForm p { display: inline-block; } .login .register .registerForm .registerForm__conditions-login { display: block; } .login .register .registerForm .checkmark { top: 7px; } @media (max-width: 468px) { .login .register .registerForm { width: unset; min-width: 90vw; } } @media (max-width: 468px) and (max-width: 400px) { .login .register .registerForm .forgPassword { font-size: 12px; } } .forgPassword { color: #e8515c; font-size: 15px; line-height: 2.3rem; float: right; white-space: nowrap; } a.forgPassword { display: block; margin-top: 10px; text-decoration: underline; } .topInfo { width: 100%; padding: 20px; z-index: 1000; position: relative; display: flex; } @media (max-width: 1262px) { .topInfo { background: #fff; position: fixed; top: 0; } .topInfo .header-text { color: #707070 !important; } } @media (max-width: 600px) { .topInfo .topnav__logo img { max-width: 150px; width: 100%; } } @media (max-width: 400px) { .topInfo .topnav__logo img { max-width: 110px; width: 100%; } .topInfo .header-text { margin-left: 0 !important; } } .topInfo .topnav__logo { text-align: left; display: flex; color: #262637; /*.topnav__logo__house { width: 53.3px; height: 57.4px; object-fit: contain; }*/ } .topInfo .topnav__logo span { padding-top: 15px; padding-left: 5px; font-size: 24px; font-weight: bold; } @media screen and (max-width: 768px) { .topInfo .topnav__logo { /* .topnav__logo__house { width: 35px; height: 38px; } */ } .topInfo .topnav__logo span { padding-top: 5px; font-size: 14px; font-weight: bold; } } .topInfo .topInfo__profile__name { margin-left: auto; margin-top: 16px; } @media (max-width: 768px) { .topInfo .topInfo__profile__name { margin-top: 3px; } } .topInfo .topInfo__profile__name img { margin-bottom: -8px; margin-right: 10px; } .topInfo .topInfo__profile__name .topInfo__profile__name__welcome { line-height: 1.5rem; font-size: 15px; } @media (max-width: 1260px) { .topInfo .topInfo__profile__name .topInfo__profile__name__welcome { display: none; } } .topInfo .topnav__langLinks { padding: 20px 14px; } .topInfo .topnav__langLinks .active { font-weight: bold; } .topInfo .topnav__langLinks a { font-size: 13px; line-height: 1.188rem; } .topInfo .topnav__langLinks span { font-weight: bold; font-size: 19px; padding-right: 0; color: gray; } @media (max-width: 768px) { .topInfo .topnav__langLinks { display: none; } } @media screen and (min-width: 1260px) { .content-wrapper { padding-left: 400px; } } .profile__wrapper { background: url("../photos/building.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; text-align: center; padding: 70px 0 50px 0; } .profile__wrapper:before { content: ''; position: absolute; top: 0; bottom: -8px; left: 0; right: 0; background: url("../photos/darkBg.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .profile__wrapper .profile__wrapper__alert { position: absolute; top: 0; width: 100%; background: #e8515c; transition: 2.5s; } .profile__wrapper .profile__wrapper__alert ~ .profile__wrapper__info { padding-top: 40px; } .profile__wrapper .profile__wrapper__alert ~ .profile__wrapper__edit--alert { top: 90px !important; transition: 0.5s; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__alarm { float: left; color: #fff; margin-left: 30px; padding-top: 18px; padding-bottom: 21px; font-size: 16px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__alarm img { margin-bottom: -10px; margin-right: 10px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__buttons { float: right; margin-right: 30px; padding-top: 17px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__buttons .profile__wrapper__alert__buttons__read { padding: 12px 31px; background: #fff; border-radius: 3px; font-weight: bold; font-size: 14px; margin-right: 32px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__buttons .profile__wrapper__alert__buttons__close { color: #fff; font-size: 16px; } @media (max-width: 541px) { .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__alarm { float: left; color: #fff; margin-left: 5px; padding-top: 19px; padding-bottom: 15px; font-size: 13px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__alarm img { margin-bottom: -6px; margin-right: 5px; width: 27px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__buttons { float: right; margin-right: 10px; padding-top: 17px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__buttons .profile__wrapper__alert__buttons__read { padding: 8px 25px; background: #fff; border-radius: 3px; font-weight: bold; font-size: 11px; margin-right: 10px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__alert__buttons .profile__wrapper__alert__buttons__close { color: #fff; font-size: 16px; } } .profile__wrapper .profile__wrapper__info { position: relative; } .profile__wrapper .profile__wrapper__info__img { width: 113px; } .profile__wrapper .profile__wrapper__info__header { max-width: 324px; font-size: 30px; font-weight: 500; line-height: 2.438rem; color: #fff; margin: auto; } .profile__wrapper .profile__wrapper__info__text { font-size: 15px; line-height: 1.375rem; color: #fff; max-width: 520px; margin: auto; margin-bottom: 40px; } .profile__wrapper .profile__wrapper__info__text a { color: #fff; } .profile__wrapper .profile__wrapper__edit { position: absolute; display: flex; top: 30px; right: 25px; transition: 0.5; } .profile__wrapper .profile__wrapper__edit img { margin-right: 8px; margin-top: -45px; } .profile__wrapper .profile__wrapper__completed { position: absolute; right: 25px; bottom: -12px; } .profile__wrapper .profile__wrapper__completed .profile__wrapper__info__text__percentage { color: #e8515c; font-weight: bold; font-size: 25px; line-height: 2.063rem; } @media (max-width: 991px) { .profile__wrapper { margin-left: -2rem; margin-right: -2rem; } } @media (max-width: 573px) { .profile__wrapper .profile__wrapper__info__img { width: 106px; } .profile__wrapper .profile__wrapper__info__header { max-width: 275px; font-size: 20px; line-height: 1.625rem; } .profile__wrapper .profile__wrapper__info__text { font-size: 12px; line-height: 0.9375rem; max-width: 320px; margin-bottom: 20px; } .profile__wrapper .profile__wrapper__edit { position: absolute; display: flex; top: 15px; right: 25px; } .profile__wrapper .profile__wrapper__edit img { margin-right: 8px; margin-top: -25px; } .profile__wrapper .profile__wrapper__alert .profile__wrapper__edit--alert { top: 90px; } .profile__wrapper .profile__wrapper__completed { position: absolute; right: 25px; bottom: 0px; display: flex; } .profile__wrapper .profile__wrapper__completed .profile__wrapper__info__text__percentage { color: #e8515c; font-weight: bold; font-size: 21px; line-height: 1.063rem; margin-right: 10px; } } .createdRequest { padding: 22px 5px 17px 5px; margin: 26px auto; text-align: center; border-radius: 3px; border: solid 1px #d8d8d8; max-width: 486px; padding-bottom: 50px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); background: #fff; max-width: unset; } .createdRequest .createdRequest__header { margin: 32px 0 55px 0; font-size: 30px; } .createdRequest a { background: #e8515c; color: #fff; padding: 12px 18px; } @media (max-width: 570px) { .createdRequest a { font-size: 12px; } } .createRequest { padding: 22px 5px 17px 5px; margin: 26px auto; text-align: center; border-radius: 3px; border: solid 1px #d8d8d8; max-width: 486px; background-size: auto; min-height: 258px; background: white url(../background/houses.png) no-repeat bottom; } .createRequest .createRequest__header { font-size: 19px; line-height: 1.563rem; color: #262637; margin-bottom: 14px; } .createRequest .createRequest__text { font-size: 15px; line-height: 1.188rem; padding-bottom: 12px; color: #262637; } .createRequest .createRequest__price { font-size: 35px; font-weight: bold; line-height: 2.875rem; color: #262637; margin-bottom: 12px; position: relative; } .createRequest .createRequest__price .e { position: absolute; top: -10px; font-size: 19px; margin-left: -20px; } .createRequest .createRequest__price .inkl { position: absolute; bottom: -5px; font-size: 12px; color: #76767b; margin-left: 5px; } .createRequest .createRequest__add { display: block; padding: 16px; width: 65px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16); background-color: #f87c6a; border-radius: 100%; color: #fff; font-size: 40px; font-weight: bold; margin: auto; cursor: pointer; } @media (max-width: 991px) { .createRequest { max-width: 100%; min-height: unset; width: 100%; height: auto; } } @media (max-width: 573px) { .createRequest .createRequest__header { font-size: 15px; line-height: 1.188rem; margin-bottom: 10px; } .createRequest .createRequest__text, .createRequest .createRequest__text2 { font-size: 12px !important; line-height: 0.9375rem !important; } .createRequest .createRequest__price { font-size: 27px; line-height: 2.188rem; margin-bottom: 12px; } .createRequest .createRequest__price .e { font-size: 14px; margin-left: -13px; } .createRequest .createRequest__add { padding: 12px; width: 55px; font-size: 30px; } } .invite { background: #fff; text-align: center; padding-bottom: 18px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); } .invite .request-select { padding: 0 25px; } .invite .invite__compassion { width: 60px; margin-top: 21px; margin-bottom: 12px; } .invite .invite__offer { font-size: 14px; line-height: 1.375rem; } .invite .invite__header { font-size: 19px; line-height: 1.5rem; color: #262637; margin: 10px 0; padding: 0 2px; } .invite .invite__inform { font-size: 14px; line-height: 1.438rem; color: #76767b; padding: 5px 10px; padding-bottom: 15px; max-width: 271px; margin: auto; text-align: left; } @media (max-width: 991px) { .invite .invite__inform { padding: 20px; max-width: 400px; } } .invite button { color: #e8515c; font-size: 16px; font-weight: bold; line-height: 1.25rem; margin-bottom: 18px; } .invite button.invite-button { background-color: #39AA69; color: #FFF; padding: 10px; max-width: 255px; border-radius: 3px; font-size: 14px; transition: 0.3s; margin: 0 10px 0 10px; margin-top: 10px; } .invite button.invite-button:hover { text-decoration: underline; } @media (max-width: 573px) { .invite { padding: 18px; } .invite .invite__text { padding-left: 14px; padding-top: 20px; } .invite .invite__compassion { width: 60px; margin-top: 21px; margin-bottom: 12px; } .invite .invite__offer { font-size: 12px; line-height: 0.9375rem; } .invite .invite__header { font-size: 15px; line-height: 1.188rem; } .invite .invite__inform { font-size: 12px; line-height: 1.125rem; padding: 10px 0 10px 0; } .invite button { color: #e8515c; font-size: 13px; line-height: 1.063rem; margin-bottom: 0; } .invite button.invite-button { margin: unset; margin-top: 10px; } } .banner { margin-top: 20px; margin-bottom: 20px; background: #262637; padding: 15px 18px; position: relative; overflow: hidden; } .banner img { position: absolute; bottom: 25px; right: 10px; width: 160px; } .banner .banner__info { font-size: 15px; line-height: 1.375rem; color: #fff; } .banner .banner__header { padding: 6px 0 27px 0; font-size: 19px; color: #fff; line-height: 1.563rem; } .banner .baner__priceInfo { font-size: 15px; line-height: 1.375rem; color: #fff; } .banner .banner__price { font-size: 28px; line-height: 2.375rem; color: #fff; margin-bottom: 28px; position: relative; padding-left: 16px; } @media only screen and (min-device-width: 991px) and (max-device-width: 1560px) { .banner .banner__price { padding-bottom: 80px; } } .banner .banner__price span { position: absolute; font-size: 15px; top: -8px; left: 0; } .banner a { color: #e8515c; font-size: 16px; font-weight: bold; line-height: 1.25rem; position: relative; } @media (max-width: 991px) { .banner { padding: 20px; } .banner img { width: 267px; bottom: -5px; } } @media (max-width: 480px) { .banner { padding: 16px 24px; } .banner img { width: 173px; bottom: -5px; } } @media (max-width: 480px) and (max-width: 344px) { .banner img { width: 160px; } } @media (max-width: 480px) { .banner .banner__info { font-size: 12px; line-height: 0.9375rem; } .banner .banner__header { font-size: 15px; color: #fff; line-height: 1.563rem; padding-bottom: 7px; } .banner .baner__priceInfo { font-size: 12px; line-height: 0.9375rem; } .banner .banner__price { font-size: 28px; line-height: 2.375rem; color: #fff; margin-bottom: 12px; } .banner .banner__price span { font-size: 12px; } .banner a { color: #e8515c; font-size: 13px; line-height: 1.063rem; } } .purchaseLoaction { padding: 20px 29px; background: #e8515c; } .purchaseLoaction h5 { font-size: 15px; font-weight: normal; line-height: 1.25rem; color: #fff; } .purchaseLoaction h4 { font-size: 19px; color: #fff; line-height: 1.563rem; padding: 9px 0; } .purchaseLoaction p { font-size: 15px; line-height: 1.463rem; color: #fff; } .purchaseLoaction p span { font-weight: bold; } @media (max-width: 500px) { .purchaseLoaction h5 { font-size: 12px; } .purchaseLoaction h4 { font-size: 15px; } .purchaseLoaction p { font-size: 12px; } } .sellingRequest__wrapper { margin-top: 25px; margin-bottom: 15px; } @media (max-width: 991px) { .sellingRequest__wrapper { display: none; } } .sellingRequest__wrapper .requestWrapper__header { font-size: 25px; line-height: 2.063rem; font-weight: 500; } .is-invalid { border: 1px solid #ec5c62 !important; background: url("../svg/danger.svg") 93% 43% no-repeat #fff !important; } .d-none { display: none; } .invalid-messg { color: #ec5c62 !important; font-size: 14px; text-align: left; display: block; } .invalid-feedback { color: #ec5c62 !important; font-size: 14px; margin-top: -22px; margin-bottom: -2px; } .is-invalid-radio span { border: 1px solid #ec5c62 !important; } .invalid-feedback-radio { color: #ec5c62 !important; font-size: 14px; margin-top: -40px; margin-bottom: 7px; } .invalid-feedback-checkbox { color: #ec5c62 !important; font-size: 14px; margin-left: 0px; } .container--radio--errors .checkmark:after { top: 6.1px; left: 6.2px; } .map { margin-bottom: 50px; position: relative; } .map div { height: 300px; } .map .gm-style-mtc, .map a { display: none; } .map .map__info { position: absolute; bottom: 10px; background: #fff; padding: 12px 30px; font-size: 14px; color: #262637; font-weight: bold; white-space: nowrap; display: block; left: 50%; transform: translateX(-50%); } .requestWrapper { background: #fff; border-radius: 3px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); width: 100%; position: relative; display: flex; min-height: 500px; padding: 20px; } .requestWrapper .requestWrapper__header { font-size: 25px; line-height: 2.063rem; font-weight: 500; position: absolute; top: 17px; left: 30px; } .requestWrapper .createRequest { margin: auto auto; padding: 22px 37px 17px 37px; } .requestWrapper .createRequest .createRequest__text2 { font-size: 15px; line-height: 1.188rem; color: #76767b; padding-bottom: 10px; } .requestWrapper .requestWrapper__info { font-size: 19px; padding-top: 20px; display: block; color: #76767b; margin-top: 50px; margin-bottom: -65px; } @media (max-width: 554px) { .requestWrapper .requestWrapper__info { font-size: 12px; line-height: 0.9375rem; } } @media (max-width: 991px) { .requestWrapper { box-shadow: unset; padding: unset; } } .profile-box { display: block; padding: 17px 31px 33px 31px; } @media (max-width: 991px) { .profile-box { box-shadow: unset; padding: 0; } } .profile-box .requestWrapper__topBar { display: flex; justify-content: space-between; } @media (max-width: 975px) { .profile-box .requestWrapper__topBar { flex-direction: column; } .profile-box .requestWrapper__topBar div { margin-bottom: 1rem; } } .profile-box .requestWrapper__header { position: relative; display: inline-block; left: 0; } .profile-box .requestWrapper__link { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; margin-top: 13px; line-height: 1.125rem; padding: 12px 22px; font-weight: bold; cursor: pointer; } @media (max-width: 1151px) { .profile-box .requestWrapper__link { margin: 10px auto; } } @media (max-width: 1151px) { .profile-box .requestWrapper__link { margin: 13px 0; } } .profile-box .profile-box__switch { clear: both; display: table; text-align: right; float: right; margin-top: 41px; margin-bottom: 27px; /* Rounded sliders */ } .profile-box .profile-box__switch p { display: inline-block; font-size: 15px; color: #76767b; } .profile-box .profile-box__switch .switch { position: relative; display: inline-block; width: 32px; height: 20px; line-height: 1.3rem; margin-left: 10px; } .profile-box .profile-box__switch .switch input { opacity: 0; width: 0; height: 0; } .profile-box .profile-box__switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .profile-box .profile-box__switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 1px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } .profile-box .profile-box__switch input:checked + .slider { background-color: #e8515c; } .profile-box .profile-box__switch input:focus + .slider { box-shadow: 0 0 1px #e8515c; } .profile-box .profile-box__switch input:checked + .slider:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .profile-box .profile-box__switch .slider.round { border-radius: 34px; } .profile-box .profile-box__switch .slider.round:before { border-radius: 50%; } .profile-box .requestWrapper__active { box-shadow: 0 3px 6px 0 rgba(92, 105, 131, 0.15); border-radius: 3px; clear: both; display: table; width: 100%; } .profile-box .requestWrapper__active .requestWrapper__active__edit { padding: 12px 16px 12px 36px; background: rgba(43, 103, 226, 0.05); display: flex; flex-wrap: wrap; justify-content: space-between; } .profile-box .requestWrapper__active .requestWrapper__active__edit .requestWrapper__active__edit__loactionName { display: inline-block; font-size: 19px; font-weight: bold; } .profile-box .requestWrapper__active .requestWrapper__active__edit .requestWrapper__active__edit__loactionName__buttons { margin-left: auto; } .profile-box .requestWrapper__active .requestWrapper__active__edit .requestWrapper__active__edit__loactionName__buttons button { padding-left: 20px; } .profile-box .requestWrapper__active .requestWrapper__active__info { padding: 22px 35px 35px 35px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__header { font-size: 25px; font-weight: 500; line-height: 2.063rem; color: #262637; } .profile-box .requestWrapper__active .requestWrapper__active__info p { font-size: 15px; line-height: 1.375rem; color: #76767b; padding: 23px 0 25px 0; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__tag { display: inline-block; float: left; padding-top: 33px; padding-bottom: 10px; border-radius: 3px; border: solid 2px #e8515c; margin-right: 20px; text-align: center; width: 100%; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__tag p { color: #e8515c; font-size: 16px; line-height: 1.25rem; font-weight: bold; padding: 10px 5px 0 5px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info p { font-size: 15px; line-height: 1.188rem; padding: 0; padding-top: 10px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers { padding-top: 38px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers p { padding: 0; padding-top: 9px; color: #262637; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__header { font-size: 16px; line-height: 1.25rem; color: #262637; padding-bottom: 21px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__address a { color: #e8515c; font-size: 15px; letter-spacing: normal; display: block; } @media (max-width: 1503px) { .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__address { margin-top: 30px; } } @media only screen and (min-device-width: 1200px) and (max-device-width: 1607px) { .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info p { font-size: 12px; line-height: 1.188rem; padding: 0; padding-top: 10px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers { padding-top: 38px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers p { padding: 0; padding-top: 9px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__header { font-size: 13px; line-height: 1.25rem; color: #262637; padding-bottom: 21px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__address a { color: #e8515c; font-size: 12px; letter-spacing: normal; } } @media (max-width: 585px) { .profile-box .profile-box__switch { clear: unset; display: inline-block; margin-top: 17px; margin-bottom: 120px; } .profile-box .profile-box__switch p { font-size: 12px; } .profile-box .profile-box__switch .switch { line-height: 1.1rem; margin-left: 5px; } .profile-box .requestWrapper__active .requestWrapper__active__edit { padding: 12px 14px 12px 18px; } .profile-box .requestWrapper__active .requestWrapper__active__edit .requestWrapper__active__edit__loactionName { font-size: 15px; } .profile-box .requestWrapper__active .requestWrapper__active__edit .requestWrapper__active__edit__loactionName__buttons button { padding-left: 5px; } .profile-box .requestWrapper__active .requestWrapper__active__info { padding: 18px 14px 20px 18px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__header { font-size: 18px; } .profile-box .requestWrapper__active .requestWrapper__active__info p { font-size: 12px; padding: 23px 0 25px 0; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__tag { display: inline-block; float: left; padding-top: 33px; padding-bottom: 10px; border-radius: 3px; border: solid 2px #e8515c; margin-right: 20px; text-align: center; width: 100%; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__tag img { width: 33px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__tag p { color: #e8515c; font-size: 10px; padding: 10px 5px 0 5px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info p { font-size: 12px; padding-top: 6px; } } @media (max-width: 585px) and (max-width: 425px) { .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info p { font-size: 9px; } } @media (max-width: 585px) { .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers { padding-top: 34px; } .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers p { padding: 0; padding-top: 7px; } } @media (max-width: 585px) and (max-width: 425px) { .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers p { font-size: 9px; white-space: nowrap; } } @media (max-width: 585px) { .profile-box .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__address a { font-size: 12px; } } .sample-rental .requestWrapper__header { font-weight: bold; } .sample-rental p.instructions { border: 1px solid #e8515c; background: #e8515c0d; padding: 20px; line-height: 25px; } .sample-rental .sample-rental__simple { margin-top: 40px; } .sample-rental .sample-rental__simple .agents__contact__header { font-size: 19px; font-weight: bold; padding-top: 0; padding-bottom: 10px; } .sample-rental .sample-rental__simple .agents__contact__ol li { line-height: 25px; padding-bottom: 5px; } .sample-rental .sample-rental__simple .agents__contact__ol li a { color: #2b67e2; } .sample-rental .sample-rental__simple .instructions-small { background: #fff; border: 1px solid #D8D8D8; line-height: 22px; } .sample-rental .agents__contact__header { text-transform: uppercase; font-size: 19px; } .sample-rental .mustertext { margin: 0; margin-top: 25px; border-color: #D8D8D8; background: #F4F4F5; } .sample-rental .mustertext a { color: #2b67e2; } .sample-rental .mustertext p { font-size: 16px; line-height: 1.6rem; } .sample-rental .mustertext .mustertext__tipp { padding: 20px; background: #fff; display: flex; } .sample-rental .mustertext .mustertext__tipp span:first-of-type { width: 0; height: 0; border: 8px solid transparent; border-right: 0; border-left: 13px solid #e8515c; display: inline-block; margin-right: 10px; margin-top: 4px; } .sample-rental .mustertext .mustertext__gr-btn { color: #fff; border-radius: 21px; background: #39AA69; padding: 11px 22px; } .sample-rental .sample-rental__sales { padding-top: 15px; font-size: 16px; line-height: 1.6rem; } .sample-rental img { max-width: 155px; width: 100%; margin-top: 15px; margin-bottom: 10px; } @media (max-width: 440px) { .sample-rental .requestWrapper__header { font-size: 20px; line-height: 1.8rem; } .sample-rental p.instructions { font-size: 14px; } } .messagesWrapper { display: block; padding: 0px; } .messagesWrapper .requestWrapper__header { position: relative; display: block; padding: 35px; top: unset; left: unset; } @media (max-width: 991px) { .messagesWrapper .requestWrapper__header { padding-left: 0; } } .messagesWrapper .container-checkbox { padding-bottom: 16px; padding-left: 70px; border-bottom: 1px solid #d8d8d8; margin-bottom: 0; } .messagesWrapper .container-checkbox p { font-size: 15px; line-height: 1.375rem; color: #262637; display: inline-block; } .messagesWrapper .container-checkbox .messagesWrapper__clear { float: right; color: #e8515c; margin-right: 35px; font-size: 16px; } .messagesWrapper .container-checkbox .checkmark { background-color: #fff !important; border: 1px solid #d8d8d8; border-radius: 3px; left: 35px; top: 7px; } @media (max-width: 991px) { .messagesWrapper .container-checkbox { margin-right: -2rem; margin-left: -2rem; } } .messagesWrapper .messagesWrapper__noMessages { text-align: center; padding-top: 100px; } .messagesWrapper .messagesWrapper__noMessages .requestWrapper__info { margin-top: 24px; padding-top: unset; margin-bottom: unset; } @media (min-width: 991px) { .messagesWrapper .messagesWrapper__row { padding: 0 35px; } } .messagesWrapper .messagesWrapper__messCheckbox { width: 100%; height: 100%; margin-right: 0; margin-left: 0; } .messagesWrapper .messagesWrapper__messCheckbox .container-checkbox { border-bottom: unset; top: 50%; } @media (max-width: 991px) { .messagesWrapper .messagesWrapper__messCheckbox .container-checkbox { top: 33px; } } @media (max-width: 991px) and (max-width: 560px) { .messagesWrapper .messagesWrapper__messCheckbox .container-checkbox { top: 25px; } } @media (min-width: 991px) { .messagesWrapper .messagesWrapper__messCheckbox .container-checkbox .checkmark { left: 0; } } .messagesWrapper .messagesWrapper__row-wrapper:Hover { background: rgba(43, 103, 226, 0.05); } @media (max-width: 560px) { .messagesWrapper .messagesWrapper__row-wrapper { margin-left: 0.5rem; } } .messagesWrapper .messagesWrapper__row-wrapper .messagesWrapper__answer .messagesWrapper__answer__messButton { margin-left: 10px; } @media (max-width: 560px) { .messagesWrapper .messagesWrapper__row-wrapper .messagesWrapper__answer .messagesWrapper__answer__messButton { margin-left: 25px; } } .messagesWrapper .messagesWrapper__messages { padding: 20px 6px 12px 20px; } .messagesWrapper .messagesWrapper__messages img { float: left; width: 58px; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messOwner { float: left; margin-left: 10px; margin-top: 5px; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messOwner .messagesWrapper__messages__messOwner__name { font-size: 19px; color: #262637; line-height: 1.563rem; padding-bottom: 5px; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messOwner p { font-size: 15px; color: #262637; line-height: 1.188rem; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messTime { float: right; font-size: 15px; color: #76767b; } @media (max-width: 560px) { .messagesWrapper .messagesWrapper__messages { padding: 20px 10px 12px 15px; } .messagesWrapper .messagesWrapper__messages img { float: left; width: 42px; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messOwner { margin-top: 0px; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messOwner .messagesWrapper__messages__messOwner__name { font-size: 15px; padding-bottom: 0px; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messOwner p { font-size: 12px; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messTime { font-size: 12px; } } @media (max-width: 390px) { .messagesWrapper .messagesWrapper__messages img { float: none; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messOwner { float: none; margin-left: 0; } .messagesWrapper .messagesWrapper__messages .messagesWrapper__messages__messTime { float: none; text-align: left; } } .messagesWrapper .messagesWrapper__messText p { font-size: 12px; color: #76767b; letter-spacing: normal; line-height: 1.375rem; padding-bottom: 16px; } .messagesWrapper .messagesWrapper__answer { text-align: right; padding-top: 20px; } .messagesWrapper .messagesWrapper__answer .messagesWrapper__answer__messButton { color: #262637; transition: all 0.3s; border-radius: 3px; background-color: #fff; font-size: 14px; padding: 5px 22px; cursor: pointer; border: solid 1px #262637; font-weight: bold; white-space: nowrap; margin-top: 15px; } @media (max-width: 1151px) { .messagesWrapper .messagesWrapper__answer .messagesWrapper__answer__messButton { margin: 10px auto; } } @media (max-width: 991px) { .messagesWrapper .messagesWrapper__answer { padding-bottom: 20px; padding-top: 10px; text-align: left; } } .messagesWrapper .messagesWrapper__row--noBorder { padding-bottom: 20px; } .messagesWrapper .messagesWrapper__row--noBorder .messagesWrapper__messCheckbox { border-bottom: 0; } .messagesWrapper .messagesWrapper__row--noBorder .messagesWrapper__col-border { border-bottom: 0; border-bottom: 1px solid #d8d8d8; } .messagesWrapper .messagesWrapper__col-border { border-bottom: 1px solid #d8d8d8; } .account { padding: 18px 24px 34px 43px; background: #fff; border-radius: 3px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); width: 100%; height: 97%; min-height: 500px; } .account .account__myAccount { font-size: 25px; font-weight: 500; line-height: 2.063rem; text-align: left; color: #262637; margin-bottom: 20px; } .account .account__confEmail { margin-top: 20px; display: flex; text-align: center; margin: auto; justify-content: center; padding-top: 37px; padding-bottom: 30px; background: #f4f4f5; } .account .account__confEmail p { font-size: 15px; line-height: 1.75rem; color: #262637; } .account .account__confEmail a { font-size: 15px; line-height: 1.75rem; color: #e8515c; } .account .account__photo { text-align: center; } .account .account__photo img { width: 148px; } @media only screen and (min-device-width: 1260px) and (max-device-width: 1320px) { .account .account__photo img { width: 110px; } } .account .account__photo .account__photo__upload { padding-top: 21px; display: block; color: #e8515c; font-size: 16px; line-height: 1.25rem; cursor: pointer; } .account .account__photo__header, .account .account__data__header { font-size: 19px; line-height: 1.563rem; color: #262637; padding-bottom: 32px; padding-top: 23px; } .account h6 { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; } .account h6 span { color: #f87c6a; } .account input { padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; } .account .account__creditCard { background: #262637; padding: 4px 22px 22px 18px; min-height: 286px; border-radius: 14px; max-width: 530px; margin-bottom: 20px; } .account .account__creditCard .account__creditCard__header { color: #fff; font-size: 19px; font-weight: bold; line-height: 1.563rem; padding-top: 10px; display: inline-block; margin-bottom: 23px; } .account .account__creditCard img { width: 66px; float: right; } .account .account__creditCard h6 { color: #fff; font-size: 15px; line-height: 1.188rem; margin-left: 50px; } .account .account__creditCard .account__creditCard__numbers__inputs { display: flex; margin-left: 50px; } .account .account__creditCard .account__creditCard__numbers__inputs input:not(:last-child) { margin-right: 20px; color: #707070; } .account .account__creditCard .account__creditCard__owner input { margin-left: 50px; color: #707070; max-width: 65%; } .account .account__creditCard .account__creditCard__data { display: inline-block; } .account .account__creditCard .account__creditCard__data select:nth-of-type(1) { margin-left: 40px; background: url(../svg/next.svg) 93%/5% no-repeat #262637; background-size: 13% 30%; } .account .account__creditCard .account__creditCard__data select:nth-of-type(2) { background: url(../svg/next.svg) 98%/5% no-repeat #262637; background-size: 22% 30%; padding: 5px 20px 5px 10px; } .account .account__creditCard .account__creditCard__data select { color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; /* CAUTION: Internet Explorer hackery ahead */ /* Target Internet Explorer 9 to undo the custom arrow */ background-size: 13% 30%; font-size: 16px; border: unset; color: #fff; padding: 5px 12px 5px 10px; } .account .account__creditCard .account__creditCard__data select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } @media screen and (min-width: 0 \0 ) { .account .account__creditCard .account__creditCard__data select { background: none \9; padding: 5px \9; } } .account .account__creditCard .account__creditCard__testNumber { float: right; text-align: center; } .account .account__creditCard .account__creditCard__testNumber h6 { margin-left: 0; display: block; text-align: center; } .account .account__creditCard .account__creditCard__testNumber input { display: inline-block; width: 71px; padding: 7px 0 7px 2px; background-color: #262637; color: #fff; border: unset; } .account .account__creditCard .account__creditCard__testNumber input::placeholder { color: #fff; opacity: 1; /* Firefox */ } .account .account__creditCard .account__creditCard__testNumber input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .account .account__creditCard .account__creditCard__testNumber input::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .account .account__creditCard .account__creditCard__testNumber .account__creditCard__testNumber__questionMark { display: inline-block; color: white; background: #e8515c; width: 20px; height: 20px; border-radius: 100%; } .account .account__creditCard .account__creditCard__testNumber .account__creditCard__testNumber__questionMark p { margin: auto; line-height: 1.375rem; } .account .submit { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 12px 30px; max-width: fit-content; font-weight: bold; } @media (max-width: 1151px) { .account .submit { margin: 10px auto; } } @media (max-width: 991px) { .account { padding: 0; box-shadow: unset; } .account .account__confEmail { display: block; } } @media (max-width: 500px) { .account .account__myAccount { font-size: 20px; } .account .account__confEmail p, .account .account__confEmail a { font-size: 12px; } .account .account__photo__header, .account .account__data__header { font-size: 15px; } .account .account__photo img { width: 82px; } .account .account__photo .account__photo__upload { font-size: 12px; } .account h6 { font-size: 13px; } .account .account__creditCard { padding: 2px 10px 22px 18px; } .account .account__creditCard .account__creditCard__header { font-size: 15px; padding-top: 20px; margin-bottom: 15px; } .account .account__creditCard img { width: 54px; } .account .account__creditCard h6 { font-size: 14px; margin-left: 0px; } .account .account__creditCard .account__creditCard__numbers__inputs { margin-left: 0px; } .account .account__creditCard .account__creditCard__numbers__inputs input:not(:last-child) { margin-right: 7px; } .account .account__creditCard .account__creditCard__owner input { margin-left: 0px; margin-right: 20px; color: #707070; max-width: 100%; } .account .account__creditCard .account__creditCard__data select:nth-of-type(1) { margin-left: -8px; } .account .account__creditCard .account__creditCard__data select { font-size: 12px; } .account .account__creditCard .account__creditCard__data select:nth-of-type(2) { padding: 5px; padding-right: 15px; } .account .account__creditCard .account__creditCard__testNumber input { display: inline-block; width: 71px; padding: 7px 0 7px 2px; font-size: 12px; } .account .account__creditCard .account__creditCard__testNumber .account__creditCard__testNumber__questionMark { display: inline-block; color: white; background: #e8515c; width: 20px; height: 20px; border-radius: 100%; } .account .account__creditCard .account__creditCard__testNumber .account__creditCard__testNumber__questionMark p { margin: auto; line-height: 1.375rem; font-size: 12px; } .account .submit { padding: 12px 30px; float: right; } } .seller__profile__request { margin-top: -20px; } .seller__profile__request .createRequest { background-color: #fff; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); min-height: 175px; } .seller__profile__request .createRequest .createRequest__header { padding-top: 15px; padding-bottom: 15px; } /* Invite friend */ .modal { background-color: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 99999999999999999; overflow-y: auto; } .modal .modal__content { width: 597px; min-height: 614px; margin: 5% auto; padding: 24px; } .modal .modal__content .modal__content__close { text-align: right; float: right; } .modal .modal__content .invite__wrapper__compassion { clear: both; } .modal .modal__content .invite__wrapper__compassion img { width: 94px; margin-top: -5px; } .modal .modal__content .invite__text .invite__header { font-size: 30px; } .modal .modal__content .invite__text .invite__inform { padding: 0 54px; max-width: unset; letter-spacing: normal; text-align: left; } .modal .modal__content .invite__text .invite__text__emails { text-align: left; padding: 0 54px; } .modal .modal__content .invite__text .invite__text__emails .invite__text__emails__header { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; padding-top: 28px; padding-bottom: 13px; } .modal .modal__content .invite__text .invite__text__emails .invite__text__emails__header span { color: #f87c6a; } .modal .modal__content .invite__text .invite__text__emails .invite__text__emails__inputs input { display: block; padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; } .modal .modal__content .invite__text .invite__text__emails .submit { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 12px 30px; max-width: fit-content; font-weight: bold; margin-top: 21px; font-family: "Red Hat Display", sans-serif; } @media (max-width: 1151px) { .modal .modal__content .invite__text .invite__text__emails .submit { margin: 10px auto; } } @media (max-width: 590px) { .modal { background-color: white; -webkit-backdrop-filter: unset; backdrop-filter: unset; } .modal .modal__content { width: 100%; min-height: 614px; margin: 5% auto; padding: 18px 18px 40px 18px; box-shadow: 0 3px 0px 0 rgba(92, 105, 131, 0.22); } .modal .modal__content .modal__content__close { text-align: right; float: right; } .modal .modal__content .invite__wrapper__compassion { clear: both; } } @media (max-width: 590px) and (max-width: 573px) { .modal .modal__content .invite__wrapper__compassion { float: unset; } } @media (max-width: 590px) and (max-width: 573px) { .modal .modal__content .invite__text { display: block; text-align: center; padding-left: unset; padding-top: unset; } } @media (max-width: 590px) { .modal .modal__content .invite__text .invite__header { font-size: 20px; margin-bottom: 10px; } .modal .modal__content .invite__text .invite__inform { padding: 0; max-width: unset; } .modal .modal__content .invite__text .invite__text__emails { padding: 0; } .modal .modal__content .invite__text .invite__text__emails .submit { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 12px 30px; max-width: fit-content; font-weight: bold; margin-top: 21px; font-family: "Red Hat Display", sans-serif; } } @media (max-width: 590px) and (max-width: 1151px) { .modal .modal__content .invite__text .invite__text__emails .submit { margin: 10px auto; } } @media (max-width: 590px) { .modal .modal__content .invite__text .invite__text__emails .submit { display: flex; margin-right: 0; } } .modal .modal__content__agent { width: 100%; right: 0; transform: unset; margin: 5% auto; } @media (min-width: 991px) { .modal .modal__content__agent .addNewBuying__preview { max-width: unset; background: #f3f3f3; padding: 0 !important; } } .modal .modal__content__agent .modal__content__close { margin: 20px; margin-left: 0; } .modal .modal__content__agent .invite { background: #f3f3f3; padding: 20px 0 20px 30px; box-shadow: none; } .modal .modal__content__agent .invite .invite__header { font-size: 16px; text-align: left; } .modal .modal__content__agent .invite .request-select { padding: 0; } .modal .modal__content__agent .profile-modal-wrapper { padding: 20px; background: #fff; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrapper__img { display: flex; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrapper__img img { border-radius: 50%; max-width: 168px; width: 100%; margin-right: 40px; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrapper__img .addNewBuying__preview__header { font-size: 30px; line-height: 2.5rem; padding-top: 40px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request { max-height: unset; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box { box-shadow: none; padding: 0px; display: flex; border: 1px solid #cccc; justify-content: space-between; margin-top: 30px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info h5 { padding-bottom: 20px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap { display: flex; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text { width: 100%; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text p:first-of-type { padding-top: 0; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text p { display: flex; font-size: 12px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text p span { margin-left: auto; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__tag { border: 1px solid #0F2240; margin-right: 15px; margin-bottom: auto; width: 75px; min-width: 75px; padding-top: 15px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__tag img { width: 40px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__tag p { padding-top: 0; font-size: 12px; line-height: 13px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment { padding: 0 10px 0 30px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment h5 { padding-top: 20px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment span { margin-right: 10px; font-size: 11px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__requirements { padding: 0 10px; } .modal .modal__content__agent .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__requirements h5 { padding-top: 20px; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info { margin: 50px 0; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info h5 { padding-bottom: 20px; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info a { font-size: 15px; color: #2b67e2; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info a img { width: 9px; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info p { font-size: 15px; color: #76767b; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info .profile-modal-wrappe__info__time { display: inline-flex; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info .profile-modal-wrappe__info__time input { width: 70px; margin-left: 10px; border: 0; border-bottom: 1px solid #d8d8d8; padding: 0; } .modal .modal__content__agent .profile-modal-wrapper .profile-modal-wrappe__info .addNewBuying__preview__locations { padding-left: 30px; } .modal .modal__content__agent .invite__wrapper__compassion img { width: 94px; margin-top: -22px !important; margin-bottom: 0; } .modal .modal__content__agent div.invite__text .invite__inform__agents { margin-bottom: 15px; } .modal .modal__content__agent div.invite__text .invite__inform, .modal .modal__content__agent div.invite__text .invite__text__emails { padding: 0; } .modal .modal__content__agent div.invite__text textarea { width: 100%; padding: 10px; height: 200px; font-family: 'Red Hat Display',serif; } .modal .modal__content__agent div.invite__text #email-seller-wrapper { margin-top: 10px; } .modal .modal__content__agent div.invite__text #email-seller-wrapper .addNewBuying__preview__header { text-align: left; } .modal .modal__content__agent div.invite__text #email-seller-wrapper input { width: 100%; } .modal .modal__content__agent div.invite__text select { width: 100%; } .modal .modal__content__agent div.invite__text .invite__text__emails form { text-align: center; } .modal .modal__content__agent div.invite__text .invite__text__emails button { width: 100%; max-width: 100%; } .modal .modal__content__agent div.invite__text .invite__inform--pr { padding-left: 0; } .modal .modal__content__agent div.invite__text p { margin-right: 0 !important; } .modal .modal__content__agent .invite__text__emails__inputs { display: flex; margin-top: 10px; } .modal .modal__content__agent .invite__text__emails__inputs .input-clip { background: #f4f4f5; } .modal .modal__content__agent .invite__text__emails__inputs .btn-clip { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #f87c6a; font-size: 14px; padding: 5px 22px; cursor: pointer; margin-left: -5px; border-top-left-radius: unset; border-bottom-left-radius: unset; } @media (max-width: 1151px) { .modal .modal__content__agent .invite__text__emails__inputs .btn-clip { margin: 10px auto; } } @media (max-width: 1151px) { .modal .modal__content__agent .invite__text__emails__inputs .btn-clip { margin: 0; margin-bottom: 18px; } } @media (max-width: 573px) { .modal .modal__content__agent .invite__text .invite__inform, .modal .modal__content__agent .invite__text .invite__text__emails { padding: 0; } .modal .modal__content__agent .invite__text .input-clip { font-size: 12px !important; } .modal .modal__content__agent .invite__text .btn-clip { font-size: 13px; } } .modal .modal__wrapper { margin-right: 30px; margin-left: 30px; } .modal .modal__wrapper .modal__content__widget { width: 100%; max-width: 1409px; padding: 0; } .modal .modal__wrapper .modal__content__widget .widget__map { margin-bottom: 0; } .modal .modal__wrapper .modal__content__widget .widget__map div { height: 858px; } @media (max-width: 780px) { .modal .modal__wrapper .modal__content__widget .widget__map div { height: 500px; } } .modal .modal__wrapper .modal__content__widget .profile-box--widget { padding: 17px 20px 30px 5px; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active__info__header { float: left; font-size: 25px; font-weight: 500; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active { text-align: left; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__edit { padding: 12px 16px 12px 10px; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info { padding: 22px 70px 23px 15px; } @media (max-width: 467px) { .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info { padding: 22px 10px 23px 10px; } } @media (max-width: 1503px) { .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__address { margin-top: 0px; } } @media (max-width: 1503px) and (max-width: 767px) { .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__address { margin-top: 20px; } } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info { display: inline-block; text-align: left; padding-right: 22px; } @media (max-width: 467px) { .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info { padding-right: 10px; } } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers { text-align: left; display: inline-block; padding-top: 0 !important; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers p { padding-top: 7px; } @media (max-width: 585px) { .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info .requestWrapper__active__info__info__nummbers p { padding-top: 2px; } } @media only screen and (min-device-width: 991px) and (max-device-width: 1607px) { .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info__info p { font-size: 12px; line-height: 1.188rem; padding: 0; padding-top: 10px; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info__info__nummbers { padding-top: 38px; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info__info__nummbers p { padding: 0; padding-top: 9px; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info__info__header { font-size: 13px; line-height: 1.25rem; color: #262637; padding-bottom: 21px; } .modal .modal__wrapper .modal__content__widget .profile-box--widget .requestWrapper__active .requestWrapper__active__info__address a { color: #e8515c; font-size: 12px; letter-spacing: normal; } } @media (max-width: 991px) { .modal--agent--widget { background-color: white; -webkit-backdrop-filter: unset; backdrop-filter: unset; position: absolute; top: 70px; overflow: hidden; } .modal--agent--widget .modal__wrapper { margin-right: 0px; margin-left: 0px; position: relative; padding-top: 50px; } .modal--agent--widget .modal__wrapper .modal__content__widget .profile-box--widget { padding: 17px 20px 30px 17px; } .modal--agent--widget .modal__wrapper .profile-box--widget--wrapper { position: absolute; top: 30px; width: calc(100% - 50px); } } @media (max-width: 991px) and (max-width: 768px) { .modal--agent--widget .modal__wrapper .profile-box--widget--wrapper { width: calc(100% - 35px); } } @media (max-width: 991px) { .modal--agent--widget .modal__wrapper .profile-box--widget--wrapper .requestWrapper__active__info__header { padding-left: 10px; } } @media (min-width: 992px) { .modal--agent--widget .picCol-n { display: none; } } /* Magazine Add */ .modal .modal__magazine { padding: 0; } @media (min-width: 620px) { .modal .modal__magazine { width: 600px; } } .modal .modal__magazine .invite__wrapper__compassion { position: relative; background: #262637; } .modal .modal__magazine .invite__wrapper__compassion .invite__compassion { width: 181px; margin-top: 20px; margin-bottom: 20px; } .modal .modal__magazine .invite__wrapper__compassion .modal__content__close { float: unset; position: absolute; top: 20px; right: 20px; } .modal .modal__magazine .invite__wrapper__compassion .modal__content__close img { width: 22px; filter: brightness(10); } .modal .modal__magazine .invite__text { padding: 20px; text-align: left; } .modal .modal__magazine .invite__text .invite__text__header { font-size: 25px; font-weight: 500; padding-bottom: 20px; } .modal .modal__magazine .invite__text .invite__text__order { font-size: 15px; padding-bottom: 0px; font-weight: bold; } .modal .modal__magazine .invite__text .invite__inform { padding: 0; padding-bottom: 15px; } .modal .modal__magazine .invite__text .invite__text__emails { padding: 0; } .modal .modal__magazine .invite__text .invite__text__adds { margin-bottom: 25px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info { display: inline-block; float: right; margin-right: 15px; } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__inform, .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__text__order { font-size: 13px; padding-bottom: 0; } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__inform span, .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__text__order span { color: #e8515c; } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__inform span img, .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__text__order span img { width: 8px; margin-right: 5px; transform: translateY(1px); } @media (max-width: 440px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__inform, .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info .invite__text__order { font-size: 10px; } } @media (max-width: 360px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info { margin-right: 7px; } } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info--fl-l { float: left; margin-left: 15px; } @media (max-width: 360px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info--fl-l { margin-left: 7px; } } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__img { clear: both; margin-left: 15px; display: inline-block; margin-top: 10px; } @media (max-width: 360px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__img { margin-left: 7px; } } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__img .profile__wrapper__info__img { width: 62px; } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info { display: inline-block; font-size: 12px; margin-top: 10px; color: #76767b; line-height: 1rem; max-width: 442px; margin-bottom: 10px; } @media (max-width: 440px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__info { font-size: 10px; } } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__clearfix { clear: both; display: block; overflow-x: hidden; } .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__contact { font-size: 11px; color: #76767b; margin-left: 8px; padding-left: 10px; padding-right: 6px; background: #f5f5f5; line-height: 1.2rem; width: 100%; } @media (max-width: 590px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__contact { font-size: 9px; } } @media (max-width: 508px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__contact { font-size: 8px; } } @media (max-width: 454px) { .modal .modal__magazine .invite__text .invite__text__adds .invite__text__adds__contact { font-size: 7px; } } .modal .modal__magazine .invite__text .selected { border: solid 1px #2b67e2; } @media (max-width: 406px) { .modal .modal__magazine .invite__text { padding: 10px; } } .modal__search { backdrop-filter: unset; position: unset; } @media (max-width: 590px) { .modal__search { position: absolute; } } .modal__search .modal__overlay { background-color: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999; } @media (max-width: 590px) { .modal__search .modal__overlay { background-color: white; -webkit-backdrop-filter: unset; backdrop-filter: unset; position: fixed; top: 0; } } .modal__search .modal__content { position: absolute; top: 0; left: 0; margin: 5% 50%; transform: translateX(-50%); z-index: 999999999999; } .modal__search .modal__content .invite__text p { text-align: justify; color: #262637; line-height: 1.563rem; margin: 20px 20px 0 0 !important; font-size: 14px; } .modal__search .modal__content .invite__inform--search { padding-top: 15px !important; padding-bottom: 20px !important; } .modal__search .modal__content .invite__inform--search-b { padding-bottom: 5px !important; } .modal__search .modal__content .g-recaptcha { margin-top: 15px; margin-bottom: 5px; } .addNewBuying { margin-top: 50px; } .addNewBuying .addNewBuying__purchase__request { text-align: center; } .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__link { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #079e87; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 18px; padding: 5px 12px; font-weight: bold; } @media (max-width: 1151px) { .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__link { margin: 10px auto; } } .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__text { font-size: 16px; line-height: 1.25rem; color: #76767b; padding-top: 17px; padding-bottom: 65px; } @media (max-width: 500px) { .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__text { padding-bottom: 35px; } } .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__text--modified { max-width: 458px; margin: auto; padding-bottom: 80px; } .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__step { font-size: 15px; font-weight: bold; line-height: 1.188rem; color: #707070; padding-bottom: 7px; } .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__header { font-size: 30px; font-weight: 500; line-height: 2.438rem; color: #262637; padding-bottom: 90px; } @media (max-width: 500px) { .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__header { padding-bottom: 45px; } } .addNewBuying .addNewBuying__purchase__request .addNewBuying__purchase__request__header--modifired { padding-bottom: 5px; } .addNewBuying .addNewBuying__checkbox { padding-bottom: 77px; } @media (max-width: 500px) { .addNewBuying .addNewBuying__checkbox { padding-bottom: 45px; } } .addNewBuying .addNewBuying__checkbox .container-checkbox { max-width: 281px; min-height: 195px; display: flex; margin: auto; padding-left: 0; background-color: #fff; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); } .addNewBuying .addNewBuying__checkbox .container-checkbox:hover { border: solid 2px #e8515c; } .addNewBuying .addNewBuying__checkbox .container-checkbox .addNewBuying__checkbox__img { margin: auto; } .addNewBuying .addNewBuying__checkbox .container-checkbox .addNewBuying__checkbox__img img { width: 102px; } .addNewBuying .addNewBuying__checkbox .container-checkbox .addNewBuying__checkbox__img p { font-size: 16px; color: #76767b; text-align: center; font-weight: bold; } .addNewBuying .addNewBuying__checkbox .container-checkbox .checkmark { top: 10px; right: 10px; left: unset; border-radius: 100%; height: 30px; width: 30px; background-color: #fff; opacity: 0.33; border: 3px dashed #262637; } .addNewBuying .addNewBuying__checkbox .container-checkbox input:checked ~ .checkmark { opacity: 1; border: 0px; } .addNewBuying .addNewBuying__checkbox .container-checkbox .checkmark:after { left: 12px; top: 7px; } .addNewBuying .addNewBuying__checkbox .container-checkbox--selected { border: solid 2px #e8515c; } .addNewBuying .addNewBuying__checkbox .container-checkbox--selected img { filter: sepia(100%) hue-rotate(306deg) saturate(500%); } .addNewBuying .addNewBuying__checkbox .container-checkbox--selected p { color: #e8515c !important; } .addNewBuying .addNewBuying__rangeSlider { max-width: 672px; margin: 70px auto; margin-top: 0; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper { margin-bottom: 68px; /* .sliderticks { display: flex; justify-content: space-between; padding: 0 10px 0 5px; } */ } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper label { font-size: 16px; font-weight: bold; line-height: 1.25rem; color: #262637; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper label span { color: #e8515c; font-size: 25px; margin-left: 7px; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper .slider { -webkit-appearance: none; margin-left: -10px; margin-right: -10px; width: 101%; height: 12px; border-radius: 5px; background: #fff; outline: none; opacity: 0.9; -webkit-transition: .2s; transition: opacity .2s; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper .slider:hover { opacity: 1; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 31px; height: 31px; border-radius: 50%; background: #fff; border: 9px solid #f87c6a; cursor: pointer; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper .slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #f87c6a; cursor: pointer; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper .sliderticks { display: flex; justify-content: space-between; padding: 0; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper .sliderticks p { position: relative; display: flex; justify-content: center; text-align: center; height: 10px; line-height: 40px; margin: 0 0 20px 0; } @media (max-width: 550px) { .addNewBuying .addNewBuying__rangeSlider { margin: 40px auto; margin-top: 0; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper { margin-bottom: 25px; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper label { font-size: 13px; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper label span { font-size: 13px; margin-left: 4px; } .addNewBuying .addNewBuying__rangeSlider .addNewBuying__rangeSlider__wrapper .sliderticks { font-size: 12px; } } @media (min-width: 682px) { .addNewBuying .addNewBuying__navButtons--padding { padding-left: 100px; } } .addNewBuying .addNewBuying__navButtons .addNewBuying__next { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #079e87; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 16px; font-weight: bold; padding: 15px 0 14px 20px; } @media (max-width: 1151px) { .addNewBuying .addNewBuying__navButtons .addNewBuying__next { margin: 10px auto; } } .addNewBuying .addNewBuying__navButtons .addNewBuying__next :disabled { background: gray; cursor: default; } .addNewBuying .addNewBuying__navButtons .addNewBuying__next img { width: 19px; margin-right: 39px; } .addNewBuying .addNewBuying__navButtons .addNewBuying__back { font-size: 16px; font-weight: bold; color: #76767b; margin-right: 39px; } .addNewBuying .addNewBuying__navButtons .addNewBuying__back img { width: 19px; } .addNewBuying .addNewBuying__navButtons .addNewBuying__skip { margin-left: 38px; } .addNewBuying .addNewBuying__navButtons .addNewBuying__skip img { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 596px) { .addNewBuying .addNewBuying__navButtons .addNewBuying__back { margin-right: 5px; } .addNewBuying .addNewBuying__navButtons .addNewBuying__skip { margin-left: 5px; } } @media (max-width: 496px) { .addNewBuying .addNewBuying__navButtons .addNewBuying__next img { width: 15px; margin-right: 19px; } .addNewBuying .addNewBuying__navButtons .addNewBuying__next img, .addNewBuying .addNewBuying__navButtons .addNewBuying__back img, .addNewBuying .addNewBuying__navButtons .addNewBuying__skip img { width: 15px; } } .addNewBuying .addNewBuying__wrapper { margin: auto; margin-bottom: 50px; max-width: 780px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__checkboxFeatures { text-align: left; padding-left: 30%; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__checkboxFeatures .container-checkbox { display: inline-block; padding-left: 0; margin-bottom: 17px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__checkboxFeatures .container-checkbox .checkmark { border-radius: 3px; border: solid 1px #76767b; background-color: transparent; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__checkboxFeatures .container-checkbox p { line-height: 1.375rem; font-size: 16px; padding-left: 32px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__checkboxFeatures .container-checkbox input:checked ~ .container-checkbox-text { font-weight: bold; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types { color: #000; transition: all 0.3s; border-radius: 3px; background-color: #fff; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 16px; padding: 15px 25px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); margin: 10px !important; } @media (max-width: 1151px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types { margin: 10px auto; } } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types:hover { box-shadow: unset; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types--active { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #f87c6a; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 16px; padding: 15px 25px; box-shadow: unset; margin: 10px !important; } @media (max-width: 1151px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types--active { margin: 10px auto; } } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location { max-width: 521px; margin: auto; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__area { float: left; width: 65%; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__text { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; margin-bottom: -25px; margin-top: 25px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__text span { color: #f87c6a; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select { color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; /* CAUTION: Internet Explorer hackery ahead */ /* Target Internet Explorer 9 to undo the custom arrow */ background: url("../svg/arrow-point-to-right.svg") 93%/4% no-repeat #fff; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } @media screen and (min-width: 0 \0 ) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select { background: none \9; padding: 5px \9; } } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location input { padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select, .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location input, .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location ng-multiselect-dropdown .multiselect-dropdown { padding: 17px 25px; width: 100%; border: 1px solid #d8d8d8; font-size: 19px; line-height: 1.25rem; margin-top: 22px; border-radius: 3px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select .dropdown-btn, .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location input .dropdown-btn, .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn { display: inherit; border: inherit; padding: 0; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__ZIP--wrapp { float: left; margin-left: 5%; width: 30%; } @media (max-width: 578px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__ZIP--wrapp { margin-top: 20px; } } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__ZIP--wrapp select { background: url("../svg/arrow-point-to-right.svg") 93%/8% no-repeat #fff; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__ZIP { float: left; margin-left: 5%; width: 30%; background: url("../svg/arrow-point-to-right.svg") 93%/8% no-repeat #fff; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .invalid-feedback { clear: both; margin-bottom: -22px; } @media (max-width: 748px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types { font-size: 12px; padding: 15px 15px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types--active { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #f87c6a; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 12px; padding: 15px 15px; } } @media (max-width: 748px) and (max-width: 1151px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types--active { margin: 10px auto; } } @media (max-width: 748px) and (max-width: 456px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types { font-size: 10px; padding: 10px 10px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types--active { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #f87c6a; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 10px; padding: 10px 10px; white-space: nowrap; } } @media (max-width: 748px) and (max-width: 456px) and (max-width: 1151px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__types--active { margin: 10px auto; } } @media (max-width: 524px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__checkboxFeatures { padding-left: 5px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__checkboxFeatures .container-checkbox p { line-height: 1.375rem; font-size: 12px; } } @media (max-width: 450px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__purchase__request .addNewBuying__purchase__request__link { font-size: 13px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__purchase__request .addNewBuying__purchase__request__text { font-size: 12px; padding-top: 9px; padding-bottom: 23px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__purchase__request .addNewBuying__purchase__request__step { font-size: 12px; padding-bottom: 4px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__purchase__request .addNewBuying__purchase__request__header { font-size: 15px; padding-bottom: 47px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__checkbox { padding-bottom: 77px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__checkbox .container-checkbox .addNewBuying__checkbox__img img { width: 74px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__checkbox .container-checkbox .addNewBuying__checkbox__img p { font-size: 12px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__checkbox .container-checkbox .checkmark { height: 17px; width: 17px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__checkbox .container-checkbox .checkmark:after { left: 6px; top: 3px; width: 3px; height: 6px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__next { font-size: 13px; padding: 12px 0 11px 24px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__next img { width: 15px; margin-right: 19px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__text { font-size: 13px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select { color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; /* CAUTION: Internet Explorer hackery ahead */ /* Target Internet Explorer 9 to undo the custom arrow */ background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } } @media screen and (max-width: 450px) and (min-width: 0 \0 ) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select { background: none \9; padding: 5px \9; } } @media (max-width: 450px) { .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location select, .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location input { font-size: 14px; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__ZIP--wrapp select { background: url("../svg/arrow-point-to-right.svg") 93%/10% no-repeat #fff; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewBuying__wrapper__location__ZIP { background: url("../svg/arrow-point-to-right.svg") 93%/10% no-repeat #fff; } .addNewBuying .addNewBuying__wrapper .addNewBuying__wrapper__location .invalid-feedback { clear: both; margin-bottom: -22px; font-size: 12px; } } .addNewBuying .addNewBuying__preview { width: 100%; padding-top: 55px; background: #fff; } @media (min-width: 991px) { .addNewBuying .addNewBuying__preview { max-width: 997px; margin: auto; padding: 50px; } } .addNewBuying .addNewBuying__preview .addNewBuying__preview__main__header { font-size: 25px; font-weight: 500; color: #262637; padding-bottom: 17px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__main__header span { margin-left: 4px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__header { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__header span { color: #f87c6a; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__img { width: 122px; margin-top: 20px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__photo__upload { padding-top: 21px; display: block; color: #e8515c; font-size: 16px; line-height: 1.25rem; cursor: pointer; padding-top: 9px; padding-bottom: 25px; } .addNewBuying .addNewBuying__preview textarea { border: 1px solid #d8d8d8; border-radius: 3px; font-size: 15px; line-height: 1.375rem; width: 80%; padding: 12px 15px; resize: none; color: #76767b; } .addNewBuying .addNewBuying__preview textarea::placeholder { color: #76767b; } .addNewBuying .addNewBuying__preview input { border: 1px solid #d8d8d8; border-radius: 3px; font-size: 15px; line-height: 1.375rem; padding: 12px 15px; resize: none; color: #76767b; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__text { font-size: 15px; line-height: 1.188rem; color: #262637; padding-bottom: 25px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__header--checkbox { margin: 24px 0 12px 0; } .addNewBuying .addNewBuying__preview .container-checkbox { display: inline-block; padding-left: 0; margin-bottom: 17px; } .addNewBuying .addNewBuying__preview .container-checkbox .checkmark { border-radius: 3px; border: solid 1px #76767b; background-color: transparent; } .addNewBuying .addNewBuying__preview .container-checkbox p { line-height: 1.375rem; font-size: 15px; padding-left: 32px; } .addNewBuying .addNewBuying__preview .container-checkbox input:checked ~ .container-checkbox-text { font-weight: bold; } .addNewBuying .addNewBuying__preview label { margin-right: 20px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__wrapper__select { color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; /* CAUTION: Internet Explorer hackery ahead */ /* Target Internet Explorer 9 to undo the custom arrow */ border: 1px solid #d8d8d8; color: #76767b; padding: 4px 33px 4px 13px; font-size: 16px; border-radius: 3px; background: url("../svg/arrow-point-to-right.svg") 93%/13px no-repeat #fff; margin-right: 10px; width: 40%; margin-top: unset; z-index: 2; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__wrapper__select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } @media screen and (min-width: 0 \0 ) { .addNewBuying .addNewBuying__preview .addNewBuying__preview__wrapper__select { background: none \9; padding: 5px \9; } } @media (max-width: 768px) { .addNewBuying .addNewBuying__preview .addNewBuying__preview__wrapper__select { padding: 4px 4px 4px 13px; } } .addNewBuying .addNewBuying__preview .addNewBuying__preview__wrapper__select--noWrapp { width: 40%; } @media (max-width: 991px) { .addNewBuying .addNewBuying__preview .addNewBuying__preview__header--center { text-align: center; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__img { width: 122px; margin-top: 20px; display: flex; margin-left: auto; margin-right: auto; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__photo__upload { text-align: center; } } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request { z-index: 1; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box { border-radius: 3px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); padding: 17px 20px 25px 28px; } @media (max-width: 991px) { .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box { margin-left: 0; margin-right: 0; } } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__tag { display: inline-block; float: left; padding-top: 33px; padding-bottom: 10px; border-radius: 3px; border: solid 2px #e8515c; margin-right: 20px; text-align: center; width: 100%; max-width: 180px; display: block; float: unset; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__tag p { color: #e8515c; font-size: 16px; line-height: 1.25rem; font-weight: bold; padding: 10px 5px 0 5px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info { margin: 20px 0; display: inline-block; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info p { font-size: 15px; line-height: 1.188rem; padding: 0; padding-top: 10px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info p { color: #76767b; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info__nummbers { display: inline-block; padding-left: 14px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info__nummbers p { padding: 0; padding-top: 9px; color: #262637; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info__nummbers p { padding-top: 0px; margin-top: -3px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment { margin-bottom: 25px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment .addNewBuying__preview__header { margin-bottom: 8px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment span { font-size: 15px; line-height: 1rem; color: #f87c6a; display: inline-block; padding: 8px 17px; margin-top: 8px; background: rgba(255, 120, 100, 0.2); } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__requirements { margin-bottom: 20px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__requirements span { padding-right: 30px; font-size: 15px; line-height: 1.33; color: #76767b; display: inline-block; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links { margin-bottom: 20px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links p { font-size: 15px; line-height: 1.188rem; padding: 0; padding-top: 10px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links p { display: block; float: unset; color: #76767b; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links--email { margin-bottom: 0; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links--email p { margin-top: -10px; } .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview { margin-top: 50px; } .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview .addNewBuying__navButtons--preview__buttons { float: right; margin-top: -10px; } @media (max-width: 991px) { .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview .addNewBuying__navButtons--preview__buttons { margin-top: -20px; } } .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview .addNewBuying__navButtons--preview__buttons .addNewBuying__next { background: #20c343; font-size: 20px; padding: 1rem; } .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview .addNewBuying__navButtons--preview__buttons .addNewBuying__save { font-size: 15px; line-height: 1.33; padding: 13px 48px; background: white; color: #76767b; border-radius: 3px; border: solid 1px #76767b; margin-right: 21px; } .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview .addNewBuying__navButtons--preview__buttons .addNewBuying__save-red { font-size: 15px; line-height: 1.33; padding: 1rem; background: red; color: #fff; border-radius: 3px; border: solid 1px red; margin-right: 21px; font-weight: bold; } @media (max-width: 565px) { .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview .addNewBuying__navButtons--preview__buttons { margin-top: -12px; } .addNewBuying .addNewBuying__preview .addNewBuying__navButtons--preview .addNewBuying__navButtons--preview__buttons .addNewBuying__next img { margin-right: 10px; margin-bottom: -3px; } } @media (max-width: 565px) { .addNewBuying .addNewBuying__preview .addNewBuying__purchase__request .addNewBuying__purchase__request__link { font-size: 13px; } .addNewBuying .addNewBuying__preview .addNewBuying__purchase__request .addNewBuying__purchase__request__text { font-size: 12px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__main__header { font-size: 14px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__header { font-size: 13px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__img { width: 82px; margin-top: 6px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__photo__upload { font-size: 12px; } .addNewBuying .addNewBuying__preview textarea { width: 100%; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__text { font-size: 10px; } .addNewBuying .addNewBuying__preview .container-checkbox { display: inline-block; padding-left: 0; margin-bottom: 17px; } .addNewBuying .addNewBuying__preview .container-checkbox .checkmark { border-radius: 3px; border: solid 1px #76767b; background-color: transparent; } .addNewBuying .addNewBuying__preview .container-checkbox p { line-height: 1.375rem; font-size: 12px; padding-left: 32px; } .addNewBuying .addNewBuying__preview .container-checkbox input:checked ~ .container-checkbox-text { font-weight: bold; } .addNewBuying .addNewBuying__preview .container-checkbox { margin-right: 0; } .addNewBuying .addNewBuying__preview .container-checkbox p { padding-left: 27px; } .addNewBuying .addNewBuying__preview .container-checkbox-text--noWrap { white-space: nowrap; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__wrapper__select { font-size: 12px; margin-right: 0; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request { /*max-height: 200px;*/ } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__tag { max-width: 140px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info p { font-size: 12px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .requestWrapper__active__info__info__nummbers p { font-size: 12px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment { margin-bottom: 25px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment .addNewBuying__preview__header { margin-bottom: 0; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment span { font-size: 13px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__requirements { margin-bottom: 20px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__requirements span { font-size: 12px; padding-right: 15px; display: inline-block; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links p { font-size: 12px; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links--email { margin-bottom: 0; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request .box .addNewBuying__preview__links--email p { margin-top: -10px; } } .addNewBuying .addNewBuying__preview__form-element-wrapper { margin-top: 1rem; } .addNewBuying .addNewBuying__preview__form-element-wrapper h4 { max-width: 50%; font-size: 15px; font-weight: normal; } .addNewBuying .addNewBuying__preview__form-element-wrapper__inline-radio-wrapper { display: flex; justify-content: space-between; width: 40%; } .addNewBuying .addNewBuying__preview__form-element-wrapper label { margin: 1rem 0; } .addNewBuying .addNewBuying__preview__radio-question { display: flex; justify-content: space-between; margin-right: 2rem; z-index: 2; } .addNewBuying .addNewBuying__preview__inline-radio-text { padding: 10px 0; } .addNewBuying .addNewBuying__preview__household-people { display: flex; flex-direction: column; margin-top: 2rem; } .addNewBuying .addNewBuying__preview__household-people input { width: 40%; } .addNewBuying .addNewBuying__preview__main-header-subtitle { font-size: 12px; color: gray; margin-top: -18px; } .addNewBuying .addNewBuying__preview__subtitle { font-size: 12px; color: gray; } .addNewBuying .publishAndPay { /* .addNewBuying__preview__text { margin-bottom: 34px; } */ } .addNewBuying .publishAndPay .addNewBuying__purchase__request .addNewBuying__purchase__request__link { font-weight: bold; } .addNewBuying .publishAndPay p.addNewBuying__preview__main__header { font-size: 14px; line-height: 1.5rem; } .addNewBuying .publishAndPay .publishAndPay__price { margin-top: 5px; position: relative; font-size: 35px; font-weight: bold; line-height: 2.875rem; padding-left: 20px; color: #262637; } .addNewBuying .publishAndPay .publishAndPay__price span { position: absolute; left: 0; top: 0; font-size: 19px; line-height: 2rem; } .addNewBuying .publishAndPay .addNewBuying__preview__wrapper--pay { margin-bottom: 6px; margin-top: 8px; } .addNewBuying .publishAndPay .container-radio .checkmark { height: 20px; width: 20px; } .addNewBuying .publishAndPay .container-radio .checkmark:after { top: 6px; left: 6.4px; width: 8px; height: 8px; } .addNewBuying .publishAndPay .container-radio input:checked ~ .checkmark { background-color: #e8515c; font-weight: bold; } .addNewBuying .publishAndPay .container-radio .container-checkbox-text { font-size: 12px; line-height: 1.3rem; } .addNewBuying .publishAndPay .container-radio img { width: 52px; } .addNewBuying .publishAndPay .publishAndPay__creditcards { float: right; margin-top: 24px; margin-right: 10%; } .addNewBuying .publishAndPay .publishAndPay__creditcards img { width: 166px; } .addNewBuying .publishAndPay input { padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; width: 90%; margin-top: -7px; margin-bottom: 0; } .addNewBuying .publishAndPay .publishAndPay__valid { display: flex; width: 90%; } .addNewBuying .publishAndPay .publishAndPay__valid div { display: inline-block; } .addNewBuying .publishAndPay .publishAndPay__valid .publishAndPay__valid__number { text-align: right; width: 35%; margin-left: auto; position: relative; } .addNewBuying .publishAndPay .publishAndPay__valid .publishAndPay__valid__number .addNewBuying__preview__header { padding-right: 15px; } .addNewBuying .publishAndPay .publishAndPay__valid .publishAndPay__valid__number .publishAndPay__valid__number__help { position: absolute; top: 68px; right: 5px; width: 20px; height: 20px; border-radius: 50%; background: #d8d8d8; cursor: pointer; } .addNewBuying .publishAndPay .publishAndPay__valid .publishAndPay__valid__number .publishAndPay__valid__number__help p { font-size: 15px; color: #fff; text-align: center; line-height: 1.4rem; } .addNewBuying .publishAndPay .publishAndPay__valid .publishAndPay__valid__number .publishAndPay__valid__number__help:hover { background: #000; } .addNewBuying .publishAndPay .publishAndPay__button { color: #fff; transition: all 0.3s; border-radius: 3px; display: block; background-color: #19b277; font-size: 16px; padding: 15px 22px; cursor: pointer; font-weight: bold; width: 90%; margin-top: 40px; } .addNewBuying .publishAndPay .publishAndPay__button img { margin-left: 13px; } @media (max-width: 565px) { .addNewBuying .publishAndPay .publishAndPay__creditcards { margin-right: 0; margin-top: 21px; } .addNewBuying .publishAndPay .publishAndPay__creditcards img { width: 100px; } .addNewBuying .publishAndPay input { width: 100%; } .addNewBuying .publishAndPay .publishAndPay__valid { width: 100%; } .addNewBuying .publishAndPay .publishAndPay__valid div { width: 54%; } .addNewBuying .publishAndPay .publishAndPay__valid .publishAndPay__valid__number { width: 41%; } .addNewBuying .publishAndPay .publishAndPay__button { width: 100%; font-size: 14px; padding: 12px 22px; } } .addNewBuying .publishedRequest { margin-bottom: 100px; } .addNewBuying .publishedRequest .profile-box { padding: 0; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info__header { font-size: 16px !important; } .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__typeApartment { margin-top: 44px; margin-bottom: 25px; } .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__typeApartment .addNewBuying__preview__header { margin-bottom: 8px; } .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__typeApartment span { font-size: 15px; line-height: 1rem; color: #f87c6a; display: inline-block; padding: 8px 17px; margin-top: 8px; background: rgba(255, 120, 100, 0.2); } .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__requirements { max-width: 400px; margin-bottom: 20px; } .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__requirements span { padding-right: 30px; font-size: 15px; line-height: 1.33; color: #76767b; display: inline-block; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__tag { display: inline-block; float: left; padding-top: 33px; padding-bottom: 10px; border-radius: 3px; border: solid 2px #e8515c; margin-right: 20px; text-align: center; width: 100%; max-width: 180px; display: inline-block; float: unset; padding-top: 43px; transform: translateY(-13px); } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__tag p { color: #e8515c; font-size: 16px; line-height: 1.25rem; font-weight: bold; padding: 10px 5px 0 5px; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info { margin: 20px 0; display: inline-block; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info p { font-size: 15px; line-height: 1.188rem; padding: 0; padding-top: 10px; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info p { color: #76767b; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info__nummbers { display: inline-block; padding-left: 14px; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info__nummbers p { padding: 0; padding-top: 9px; color: #262637; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info__nummbers p { margin-top: -3px; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__address { margin-top: 20px; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__address a { font-size: 15px !important; } @media (max-width: 586px) { .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info__header, .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__typeApartment span { font-size: 13px !important; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info p, .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__info__nummbers p, .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__requirements span, .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__address a { font-size: 12px !important; } .addNewBuying .publishedRequest .profile-box .addNewBuying__preview__requirements { max-width: 350px; } .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__tag { max-width: 130px; } } @media (max-width: 420px) { .addNewBuying .publishedRequest .profile-box .requestWrapper__active__info__tag { max-width: 100%; display: block; } } .addNewBuying .publishedRequest .map { margin-top: 40px; } .addNewBuying .addNewBuying__navButtons { margin-top: 40px; } .save-buying-request-instructions { font-size: 14px; text-align: left; margin-top: 20px; } .addNewBuying__contact { max-width: 800px; margin: auto; margin-top: 50px; } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__header { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__header span { color: #f87c6a; } .addNewBuying__contact .addNewBuying__contact__box input { padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; font-size: 25px; padding: 18px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__wrapper { display: flex; margin-bottom: 40px; margin-top: 30px; } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__wrapper label { display: inline-block; height: 30px; width: 30px; } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__wrapper label .checkmark { background: #fff; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); border-radius: 3px; } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__wrapper label .checkmark:after { left: 7px; } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__wrapper p { display: inline-block; font-size: 12px; line-height: 1.25rem; letter-spacing: normal; text-align: left; color: #707070; } .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__wrapper p.selling-contact-page { font-size: 17px; margin-top: -6px; } .addNewBuying__contact .addNewBuying__navButtons { text-align: left; margin-left: 15px; } @media (max-width: 450px) { .addNewBuying__contact .addNewBuying__contact__box .addNewBuying__preview__header { font-size: 14px; } .addNewBuying__contact .addNewBuying__contact__box input { font-size: 18px; } } @media (max-width: 991px) { .addNewBuying--margin { margin-top: 0; } } .paymentError { background: #ec5c62; text-align: center; margin-top: 25px; margin-bottom: -15px; padding: 8px 5px; font-size: 12px; font-weight: bold; width: 90%; color: #fff; border-radius: 3px; } @media (max-width: 565px) { .paymentError { width: 100%; font-size: 10px; } } .multiselect-dropdown { background-color: #FFF; display: inline-block; } .multiselect-dropdown .dropdown-list { position: inherit !important; display: flex; top: 10px; } .multiselect-dropdown .dropdown-list .filter-textbox { padding: 0px; } .multiselect-dropdown .dropdown-list .filter-textbox input { box-shadow: none; border-bottom: 1px solid #d8d8d8 !important; border-radius: 0 !important; padding-left: 46px !important; padding-bottom: 10px !important; display: none; /* this is new - Martin asked me to remove search box*/ } .multiselect-dropdown .dropdown-list ul.item1 { display: none; } .multiselect-dropdown .dropdown-list ul.item2 { width: 100%; } .multiselect-dropdown .dropdown-btn:focus { outline-color: #FFF; } .multiselect-dropdown .dropdown-button .selected-item { float: inherit; } span.selected-item.ng-star-inserted { float: inherit !important; } .multiselect-dropdown .selected-item { border: 1px solid #e8515c !important; background-color: #e8515c !important; } .multiselect-item-checkbox div:before { border: 2px solid #e8515c !important; } .multiselect-item-checkbox input[type=checkbox]:checked + div:before { background-color: #e8515c !important; } .dropdown-item.active, .dropdown-item:active { background-color: #e8515c !important; } .multiple-input-wrapper__grid { display: grid; grid-template-columns: 70% 30%; } .multiple-input-wrapper__grid .more-info-button button { padding: 1rem; margin: 0.8rem; color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; cursor: pointer; font-weight: bold; } .multiple-input-wrapper label { display: flex; justify-content: space-between; } @media (max-width: 990px) { .addNewBuying .addNewBuying__preview__form-element-wrapper h4 { display: block !important; max-width: unset !important; } .addNewBuying .addNewBuying__preview .addNewBuying__preview__request { max-height: unset; } } .publishAndPay .addNewBuying__preview__request { max-height: unset !important; } /* adding header explanation, still need to check with Martin if this will work */ .additional-tenant-header-title p, .additional-tenant-header-explanation p { text-align: center; text-align: center !important; margin: 20px auto 10px auto; } .additional-tenant-header-title p { font-size: 20px; } .addNewSelling .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewSelling2__wrapper__location__text { margin-top: 40px; } .addNewSelling .addNewBuying__wrapper .addNewBuying__wrapper__location select { background: url(../svg/arrow-point-to-right.svg) 93%/14px no-repeat #fff; } .addNewSelling .addNewSelling__purchase__request { margin-bottom: 75px; } .addNewSelling .addNewSelling__wrapper--2 { max-width: 880px; } @media (min-width: 992px) { .addNewSelling .addNewSelling__wrapper--2 .addNewSelling__wrapper--2--padding-r { padding-right: 45px; } .addNewSelling .addNewSelling__wrapper--2 .addNewSelling__wrapper--2--padding-l { padding-left: 45px; } } .addNewSelling .addNewSelling__navButtons { padding-right: 130px; } @media (max-width: 596px) { .addNewSelling .addNewSelling__navButtons { padding-right: 100px; } } @media (max-width: 496px) { .addNewSelling .addNewSelling__navButtons { padding-right: 50px; } } .addNewSelling .addNewBuying__wrapper .addNewBuying__wrapper__types { padding: 15px 20px; } .addNewSelling .addNewSelling__request__5 { display: flex; margin-top: -25px; } .addNewSelling .addNewSelling__request__5 .addNewSelling__request__5__checkbox { margin: auto; } .addNewSelling .addNewSelling__request__5 .addNewSelling__request__5__checkbox .addNewBuying__wrapper__checkboxFeatures { padding-left: 5px; } .addNewSelling__5 .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewSelling2__wrapper__location__text--mb { margin-top: 32px; } @media (max-width: 350px) { .addNewSelling__5 .addNewBuying__wrapper .addNewBuying__wrapper__location .addNewSelling2__wrapper__location__text { font-size: 11px; } } .addNewSelling__6 .addNewSelling__6__contact__box input { font-size: 16px; padding: 15px; margin-bottom: 26px; } .addNewSelling__6 .addNewSelling__6__contact__box .addNewBuying__preview__wrapper { margin-top: 0; margin-bottom: 0; } .addNewSelling__6 .addNewSelling__6__contact__box .addNewBuying__preview__wrapper .addNewSelling__6__contact__box__textarea { width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 26px; padding: 15px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); resize: none; } @media (max-width: 450px) { .addNewSelling__6 .addNewSelling__6__contact__box .addNewBuying__preview__header, .addNewSelling__6 .addNewSelling__6__contact__box input, .addNewSelling__6 .addNewSelling__6__contact__box .addNewBuying__preview__wrapper .addNewSelling__6__contact__box__textarea { font-size: 13px; } } .addNewSelling__7 { max-width: 856px; } /* Gallery */ @media (min-width: 991px) { .take__photo { display: none; } } .dz-message, .take__photo { text-align: center; margin-bottom: 20px; cursor: pointer; } .dz-message div, .take__photo div { width: 100px; height: 100px; background: #e8515c; border-radius: 50%; text-align: center; display: flex; margin: auto; justify-content: center; } .dz-message div span, .take__photo div span { background: url(../svg/gallery.svg); width: 54px; height: 50px; background-position: center; background-repeat: no-repeat; padding: 22px; margin: auto; } .dz-message div .take__photo__img, .take__photo div .take__photo__img { background: url(../svg/photo.svg); background-position: center; background-repeat: no-repeat; } .dz-message p, .take__photo p { font-size: 16px; font-weight: bold; color: #262637; } .dz-preview { display: inline-block; margin-left: 15px; } .dz-preview .dz-image img { width: 373px; max-width: 100%; height: auto; } .col-carousel { margin: 70px 0; } /* owl nav */ .owl-prev span, .owl-next span { color: #FFF; } .owl-prev span:hover, .owl-next span:hover { color: #8199A3; } .owl-prev, .owl-next { position: absolute; top: 0; height: 100%; } .owl-prev { left: 7px; } .owl-next { right: 7px; } /* selling-request-preview */ .addNewBuying__purchase__request { text-align: center; } .addNewBuying__purchase__request .addNewBuying__purchase__request__link { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #079e87; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 18px; padding: 5px 12px; font-weight: bold; } @media (max-width: 1151px) { .addNewBuying__purchase__request .addNewBuying__purchase__request__link { margin: 10px auto; } } .addNewBuying__purchase__request .addNewBuying__purchase__request__text { font-size: 16px; line-height: 1.25rem; color: #76767b; padding-top: 17px; padding-bottom: 65px; } @media (max-width: 500px) { .addNewBuying__purchase__request .addNewBuying__purchase__request__text { padding-bottom: 35px; } } @media (max-width: 450px) { .addNewBuying__purchase__request .addNewBuying__purchase__request__link { font-size: 13px; } .addNewBuying__purchase__request .addNewBuying__purchase__request__text { font-size: 12px; padding-top: 9px; padding-bottom: 23px; } } .sellingRequest__preview .sellingRequest__preview__wrapper .sellingRequest__preview__wrapper__mainText { font-size: 15px; line-height: 1.375rem; color: #707070; margin-bottom: 25px; } @media (max-width: 566px) { .sellingRequest__preview .sellingRequest__preview__wrapper .sellingRequest__preview__wrapper__mainText { font-size: 12px; } } .sellingRequest__preview .sellingRequest__preview__wrapper .addNewBuying__preview__typeApartment { margin-bottom: 25px; margin-bottom: 40px; } .sellingRequest__preview .sellingRequest__preview__wrapper .addNewBuying__preview__typeApartment .addNewBuying__preview__header { margin-bottom: 8px; } .sellingRequest__preview .sellingRequest__preview__wrapper .addNewBuying__preview__typeApartment span { font-size: 15px; line-height: 1rem; color: #f87c6a; display: inline-block; padding: 8px 17px; margin-top: 8px; background: rgba(255, 120, 100, 0.2); } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info { margin: 0; display: block; width: 148px; float: left; } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info p { font-size: 15px; line-height: 1.188rem; padding: 0; padding-top: 10px; } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info p { color: #76767b; padding-top: 15px; } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info__nummbers { display: block; padding-left: 14px; float: left; } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info__nummbers p { padding: 0; padding-top: 9px; color: #262637; } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info__nummbers p { margin-top: 5px; padding-top: 5px; } @media (max-width: 767px) { .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info__nummbers { padding-left: 29%; } } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info__nummbers--preview { padding-top: 6px; } .sellingRequest__preview .sellingRequest__preview__wrapper .requestWrapper__active__info__info__nummbers--preview p { margin-top: -3px; } @media (min-width: 992px) { .sellingRequest__preview .addNewBuying__preview__request .box .addNewBuying__preview__header span { display: none; } } .sellingRequest__preview .addNewBuying__preview__request .box .slideDown .addNewBuying__preview__request--border { padding-bottom: 15px; border-bottom: 1px solid #d8d8d8; margin-bottom: 30px; } .sellingRequest__preview .addNewBuying__preview__request .box .slideDown .requestWrapper__active__info__info p, .sellingRequest__preview .addNewBuying__preview__request .box .slideDown .requestWrapper__active__info__info__nummbers p { padding-bottom: 15px !important; } .sellingRequest__preview .addNewBuying__preview__request .box .slideDown .addNewBuying__preview__links .addNewBuying__preview__links__wrapperPrice { position: relative; font-size: 35px; font-weight: bold; padding-left: 20px; text-align: left; color: #262637; margin-top: 15px; } .sellingRequest__preview .addNewBuying__preview__request .box .slideDown .addNewBuying__preview__links .addNewBuying__preview__links__price { position: absolute; top: -12px; left: 0; font-size: 19px; } @media (max-width: 566px) { .sellingRequest__preview .addNewBuying__preview__request .box .slideDown .addNewBuying__preview__links .addNewBuying__preview__links__wrapperPrice { font-size: 26px; } .sellingRequest__preview .addNewBuying__preview__request .box .slideDown .addNewBuying__preview__links .addNewBuying__preview__links__price { font-size: 14px; } } @media (max-width: 991px) { .sellingRequest__preview .addNewBuying__preview__request .box { padding: 0 !important; box-shadow: unset !important; } .sellingRequest__preview .addNewBuying__preview__request .box .addNewBuying__preview__header { padding-bottom: 0; } } .addNewBuying__preview .addNewBuying__navButtons .addNewBuying__navButtons--preview__buttons .addNewBuying__save { padding: 13px 35px; } .addNewBuying__preview .addNewBuying__navButtons .addNewBuying__navButtons--preview__buttons .addNewBuying__next { background: #e8515c; } .addNewBuying__preview .addNewBuying__navButtons .addNewBuying__navButtons--preview__buttons .addNewBuying__next :disabled { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: rgba(229, 229, 229, 0.43); font-size: 14px; padding: 5px 22px; cursor: pointer; } @media (max-width: 1151px) { .addNewBuying__preview .addNewBuying__navButtons .addNewBuying__navButtons--preview__buttons .addNewBuying__next :disabled { margin: 10px auto; } } @media (max-width: 430px) { .addNewBuying__preview .addNewBuying__navButtons { text-align: center; } .addNewBuying__preview .addNewBuying__navButtons .addNewBuying__back { display: none; } .addNewBuying__preview .addNewBuying__navButtons .addNewBuying__navButtons--preview__buttons { float: unset; } } .topInfo__profile__name__agent { width: 33.5px; } .agents__profile { margin-bottom: 40px; } .agents__profile .createRequest a h4 { padding-top: 40px; padding-bottom: 24px; } .agents__profile .createRequest a .createRequest__add { width: 73px; height: 73px; padding: 21px; } .agents__profile .createRequest a .createRequest__add--blue { background: #e8515c; } @media (max-width: 991px) { .agents__profile .createRequest { padding-bottom: 67px; } } .agents__profile--mb { margin-bottom: 0; } @media (min-width: 574px) { .agents__invite .invite__header { max-width: 288px; margin: auto; font-size: 19px; line-height: 1.375rem; } .agents__invite .invite__inform { max-width: 300px; } } .agents__banner { background: #e8515c; } .agents__banner img { width: 90px; } @media (min-width: 1800px) { .agents__banner .banner__info { max-width: 264px; } } .agents__banner a { color: #fff; } @media (max-width: 1716px) { .agents__banner .banner__header { padding: 10px 0 107px 0; } .agents__banner img { bottom: 49px; right: 49px; } } @media (max-width: 991px) { .agents__banner img { width: 160px; } } @media (max-width: 624px) { .agents__banner img { width: 90px; } } .new--offer { white-space: nowrap; background: #f87c6a !important; } .profile__wrapper--agents .profile__wrapper__alert { text-align: right; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__alarm { padding: 16px 0; font-weight: bold; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__alarm p { margin-right: -28px; font-weight: normal; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__buttons { float: unset !important; margin-right: 0 !important; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__buttons .profile__wrapper__alert__buttons__read { margin-top: 26px; color: #e8515c; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__buttons__close { color: #fff; font-size: 16px; float: right; margin-top: 38px; margin-right: 23px; } .profile__wrapper--agents .profile__wrapper__alert ~ .profile__wrapper__edit--alert { top: 110px !important; } @media (max-width: 1530px) { .profile__wrapper--agents .profile__wrapper__alert ~ .profile__wrapper__info { padding-top: 80px; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__alarm { padding: 3px 0; display: block; width: 88%; text-align: left; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__buttons { float: right !important; margin-right: 0 !important; padding-top: 0; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__buttons .profile__wrapper__alert__buttons__read { margin-right: 32px !important; margin-top: 0px; color: #e8515c; margin-bottom: 10px; } .profile__wrapper--agents .profile__wrapper__alert .profile__wrapper__alert__buttons__close { float: unset; } .profile__wrapper--agents .profile__wrapper__alert ~ .profile__wrapper__edit--alert { top: 130px !important; } } @media (max-width: 440px) { .profile__wrapper--agents .profile__wrapper__alert ~ .profile__wrapper__info { padding-top: 120px; } .profile__wrapper--agents .profile__wrapper__alert__alarm { max-width: 264px; padding-left: 10px !important; } .profile__wrapper--agents .profile__wrapper__alert__buttons__close { margin-top: 15px !important; } .profile__wrapper--agents .profile__wrapper__alert ~ .profile__wrapper__edit--alert { top: 182px !important; } } .createdRequest__agents .createRequest__header { padding-top: 25px; padding-bottom: 12px; } .createdRequest__agents .createRequest__text { padding-bottom: 49px; } .createdRequest__agents a { white-space: nowrap; } .purchaseLoaction__agents { margin-top: 25px; background: #262637; } .purchaseLoaction__agents span { float: left; margin-top: 12px; font-size: 30px; color: #fff; padding-right: 10px; } .purchaseLoaction__agents p { line-height: 1.188rem; padding-top: 10px; } .map__agents { margin-bottom: 0; } .requestWrapper .filters { text-align: left; /*width: 100px;*/ height: 40px; border-radius: 3px; /*box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);*/ } .requestWrapper .filters img { margin-left: 15px; margin-top: auto; margin-bottom: auto; } .requestWrapper .filters p { line-height: 2.7rem; margin-left: 5px; font-weight: bold; font-size: 14px; } .requestWrapper .filters label { width: 100%; } @media (max-width: 585px) { .requestWrapper .filters { float: right; margin-top: -10px; margin-bottom: 15px; } } .sellingRequest .sellingWrapper__request .sellingWrapper__request__img { position: relative; } .sellingRequest .sellingWrapper__request .sellingWrapper__request__img img { width: 100%; padding-top: 10px; padding-left: 10px; } @media (min-width: 991px) { .sellingRequest .sellingWrapper__request .sellingWrapper__request__img img { height: 262px; } } .sellingRequest .sellingWrapper__request .sellingWrapper__request__img .sellingWrapper__request__img__option { position: absolute; bottom: 20px; right: 15px; height: 54px; width: 54px; padding: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); text-align: center; } .sellingRequest .sellingWrapper__request .sellingWrapper__request__img .sellingWrapper__request__img__option img { width: 100%; height: 100%; padding: 0; margin-top: 2px; } @media (max-width: 991px) { .sellingRequest .sellingWrapper__request .sellingWrapper__request__img .sellingWrapper__request__img__option { bottom: 30px; right: 35px; } } .sellingRequest .sellingWrapper__request .requestWrapper__active__edit { background: #fff; padding: 5px 16px 5px 5px; } .sellingRequest .sellingWrapper__request .requestWrapper__active__edit .requestWrapper__active__edit__loactionName { line-height: 1.6rem; } .sellingRequest .sellingWrapper__request .requestWrapper__active__info { padding: 0px 12px 10px 5px; } .sellingRequest .sellingWrapper__request .requestWrapper__active__info .sellingWrapper__request__location { display: flex; } .sellingRequest .sellingWrapper__request .requestWrapper__active__info .sellingWrapper__request__location span { margin-top: -1px; padding-right: 8px; } .sellingRequest .sellingWrapper__request .requestWrapper__active__info .sellingWrapper__request__location p { display: inline-block; color: blue; font-size: 15px; line-height: 1rem; padding: 2px; } .sellingRequest .sellingWrapper__request .requestWrapper__active__info p { padding: 15px 0 40px 0; padding-bottom: 5%; } @media only screen and (min-width: 1260px) and (max-width: 1354px) { .sellingRequest .sellingWrapper__request .requestWrapper__active__info p { padding-bottom: 0; padding-top: 0; } } .sellingRequest .sellingWrapper__request .requestWrapper__active__info .requestWrapper__active__info__info { display: inline-block; padding-right: 20px; } @media only screen and (min-width: 1260px) and (max-width: 1354px) { .sellingRequest .sellingWrapper__request .requestWrapper__active__info .requestWrapper__active__info__info span.requestWrapper__active__info__info__nummbers p { padding-top: 0 !important; } } .sellingRequest .sellingWrapper__request .requestWrapper__active__info .requestWrapper__active__info__info--pr-0 { padding-right: 0; } @media (max-width: 991px) { .sellingRequest .sellingWrapper__request .requestWrapper__active__edit, .sellingRequest .sellingWrapper__request .requestWrapper__active__info { padding-left: 15px; padding-right: 15px; } .sellingRequest .sellingWrapper__request .sellingWrapper__request__img img { padding: 15px; padding-bottom: 9px; } } @media (max-width: 585px) { .sellingRequest .sellingWrapper__request .requestWrapper__active__edit { position: relative; } .sellingRequest .sellingWrapper__request .requestWrapper__active__edit .requestWrapper__active__edit__loactionName { margin-top: 33px; } .sellingRequest .sellingWrapper__request .requestWrapper__active__edit .requestWrapper__active__edit__loactionName__buttons { position: absolute; right: 12px; } .sellingRequest .sellingWrapper__request .requestWrapper__active__info .sellingWrapper__request__location p { font-size: 12px; } } .sellingRequestMonopol .requestWrapper__header { top: 40px; } @media (max-width: 991px) { .sellingRequestMonopol .requestWrapper__header { top: -10px; } } @media (min-width: 991px) { .sellingRequestMonopol .row--custom { padding-top: 70px; } } .sellingRequestMonopol .sellingRequestMonopol__selects__headers { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; margin-bottom: -25px; margin-top: 25px; font-size: 15px; letter-spacing: normal; } .sellingRequestMonopol .sellingRequestMonopol__selects__headers span { color: #f87c6a; } .sellingRequestMonopol .sellingRequestMonopol__selects select { color: #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../svg/arrow-point-to-right.svg") 93%/5% no-repeat #fff; /* CAUTION: Internet Explorer hackery ahead */ /* Target Internet Explorer 9 to undo the custom arrow */ background: url("../svg/arrow-point-to-right.svg") 93%/14px no-repeat #fff; padding: 13px 18px; width: 100%; border: 1px solid #d8d8d8; font-size: 16px; line-height: 1.25rem; margin-top: 22px; border-radius: 3px; } .sellingRequestMonopol .sellingRequestMonopol__selects select::-ms-expand { display: none; /* Remove default arrow in Internet Explorer 10 and 11 */ } @media screen and (min-width: 0 \0 ) { .sellingRequestMonopol .sellingRequestMonopol__selects select { background: none \9; padding: 5px \9; } } .sellingRequestMonopol .sellingRequestMonopol__selects .multiselect-dropdown { margin-top: 40px; } .sellingRequestMonopol .sellingRequestMonopol__selects .multiselect-dropdown .dropdown-list { display: flex; top: 10px; } .sellingRequestMonopol .sellingRequestMonopol__selects .multiselect-dropdown .dropdown-list .filter-textbox { padding: 0px; } .sellingRequestMonopol .sellingRequestMonopol__selects .multiselect-dropdown .dropdown-list .filter-textbox input { box-shadow: none; padding-left: 26px !important; font-size: 20px; padding-bottom: 10px !important; display: none; /* this is new - Martin asked me to remove search box*/ } .sellingRequestMonopol .sellingRequestMonopol__selects .multiselect-dropdown .dropdown-list ul.item1 { display: none; } .sellingRequestMonopol .sellingRequestMonopol__selects .multiselect-dropdown .dropdown-list ul.item2 { width: 100%; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice { background: rgba(244, 244, 245, 0.5); padding-left: 18px; padding-right: 18px; margin-bottom: 25px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__header { font-size: 19px; line-height: 1.563rem; letter-spacing: normal; color: #262637; padding-top: 20px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__text { font-size: 14px; color: #707070; line-height: 1.313rem; padding-top: 10px; /*max-width: 254px;*/ padding-right: 10px; float: left; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info { display: inline-block; padding-top: 10px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info p { color: #e8515c; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info .sellingRequestMonopol__zipPrice__info__text { font-size: 14px; letter-spacing: normal; line-height: 1.313rem; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info .sellingRequestMonopol__zipPrice__info__price { font-size: 30px; font-weight: bold; line-height: 1.938rem; color: #e8515c; position: relative; margin-left: 17px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info .sellingRequestMonopol__zipPrice__info__price .sellingRequestMonopol__zipPrice__info__price__span1 { font-size: 19px; position: absolute; top: -5px; left: -15px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info .sellingRequestMonopol__zipPrice__info__price .sellingRequestMonopol__zipPrice__info__price__span2 { font-size: 14px; position: absolute; bottom: -4px; right: -133px; font-weight: normal; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__link { font-size: 16px; font-weight: bold; color: #e8515c; clear: both; display: block; padding-top: 10px; padding-bottom: 10px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .requestMonopol_instructions { margin: 20px 10px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .requestMonopol_instructions p { padding-bottom: 20px; font-size: 14px; color: #707070; } @media only screen and (min-width: 991px) and (max-width: 1700px) { .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__text, .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info { float: unset; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__link { float: right; display: inline-block; padding-top: 39px; } } @media (max-width: 515px) { .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__text, .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info { float: unset; clear: both; display: block; max-width: 100%; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info { display: inline-block; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__link { float: right; display: inline-block; padding-top: 39px; } } .sellingRequestMonopol .sellingRequestMonopolr__checkboxFeatures { margin-top: 20px; margin-bottom: 20px; width: calc(100% - 25px); display: inline-block; } .sellingRequestMonopol .sellingRequestMonopolr__checkboxFeatures .container-checkbox { display: inline-block; padding-left: 0; margin-left: 5px; margin-bottom: 10px; cursor: pointer; width: 100%; } .sellingRequestMonopol .sellingRequestMonopolr__checkboxFeatures .container-checkbox .container-checkbox-checked { background: #19b277 !important; font-weight: bold; } .sellingRequestMonopol .sellingRequestMonopolr__checkboxFeatures .container-checkbox .container-checkbox-text { line-height: 2.5; display: flex; padding: 10px; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); background-color: #fff; font-size: 16px; color: #262637; cursor: pointer; } .sellingRequestMonopol .sellingRequestMonopolr__checkboxFeatures .container-checkbox .container-checkbox-disabled { background-color: #f87c6a; } .sellingRequestMonopol .sellingRequestMonopolr__checkboxFeatures .container-checkbox input:checked ~ .container-checkbox-text { background: #efefef; color: #e8515c; font-weight: bold; } .sellingRequestMonopol .sellingRequestMonopol__next { display: flex; float: right; height: 100%; width: 25px; } .sellingRequestMonopol .sellingRequestMonopol__next img { height: 21px; max-width: 25px; margin: auto; } @media (max-width: 574px) { .sellingRequestMonopol .requestWrapper__header { font-size: 20px; } .sellingRequestMonopol .sellingRequestMonopol__selects__headers, .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__header { font-size: 15px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info .sellingRequestMonopol__zipPrice__text, .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__info .sellingRequestMonopol__zipPrice__info__text, .sellingRequestMonopol .sellingRequestMonopol__selects select { font-size: 12px; } .sellingRequestMonopol .sellingRequestMonopol__zipPrice .sellingRequestMonopol__zipPrice__link { font-size: 13px; } } .agents__contact { margin-bottom: 25px; min-height: 300px; overflow-x: hidden; } .agents__contact p.instructions { margin-top: 10px; margin-bottom: 10px; line-height: 25px; } .agents__contact p.instructions-small { font-size: 14px; line-height: 18px; } .agents__contact div.instructions__text p { margin-top: 20px; margin-bottom: 20px; } .agents__contact form .agents__contact__inline { display: inline-block; margin-right: 15px; float: left; } .agents__contact form h6 { font-size: 16px; line-height: 1.25rem; letter-spacing: normal; color: #262637; padding-bottom: 7px; } .agents__contact form h6 span { color: #f87c6a; } .agents__contact form input { padding: 12px 18px 8px 18px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 18px; } .agents__contact form .agents__contact__addWrapper { float: left; display: inline-block; margin-right: 0; margin-top: 23px; } .agents__contact form .agents__contact__addWrapper .agents__contact__addWrapper__inline { display: inline-block; } .agents__contact form .submit { padding: 12px 25px 10px 25px; font-weight: bold; background: #e8515c; color: #fff; cursor: pointer; font-size: 14px; border-radius: 3px; font-family: "Red Hat Display", sans-serif; } .agents__contact form .createRequest__add { padding: 5px; width: 40px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16); background-color: #f87c6a; border-radius: 50%; color: #fff; font-size: 25px; font-weight: bold; text-align: center; display: inline-block; transform: translateY(2px); margin-left: 10px; } .agents__contact form .agents__contact__excel { clear: both; } .agents__contact form .agents__contact__excel p { font-size: 15px; color: #707070; padding-bottom: 10px; } .agents__contact form .agents__contact__excel .agents__contact__excel__link { color: #e8515c; font-size: 16px; } .agents__contact form .agents__contact__excel .agents__contact__excel__link .agents__contact__excel__link__img { margin-right: 7px; } .agents__contact form .agents__contact__excel .agents__contact__excel__link img { transform: translateY(7px); } @media (max-width: 742px) { .agents__contact form .agents__contact__addWrapper { float: right; margin-top: 0px; margin-bottom: 17px; } .agents__contact form .agents__contact__excel { text-align: right; } } @media (max-width: 559px) { .agents__contact form .agents__contact__inline { width: 100%; } } .agents__contact__header { font-size: 16px; color: #262637; padding: 20px 0 0px 0; } .agents__contact__ol li { line-height: 22px; } .agents__contact__search { display: flex; max-width: 300px; margin-top: -10px; } .agents__contact__search .agents__contact__search__button { margin-left: -34px; margin-top: -10px; } .agents__contact__table .table__responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .agents__contact__table .table__responsive table { width: 100%; max-width: 100%; text-align: left; border-collapse: collapse; } .agents__contact__table .table__responsive table th { min-width: 280px; border-bottom: 1px solid #b7b7b7; font-size: 15px; color: #262637; letter-spacing: normal; } .agents__contact__table .table__responsive table td { font-size: 16px; letter-spacing: normal; color: #707070; line-height: 2.75rem; } .agents__contact__table .table__responsive table .th__name .container-checkbox { display: inline-block; padding-left: 0; margin-bottom: 17px; } .agents__contact__table .table__responsive table .th__name .container-checkbox .checkmark { border-radius: 3px; border: solid 1px #76767b; background-color: transparent; } .agents__contact__table .table__responsive table .th__name .container-checkbox p { line-height: 1.375rem; font-size: 15px; padding-left: 32px; } .agents__contact__table .table__responsive table .th__name .container-checkbox input:checked ~ .container-checkbox-text { font-weight: bold; } .agents__contact__table .table__responsive table .th__name p { display: inline-block; margin-left: 35px; } .agents__contact__table .table__responsive table .th__login { min-width: 130px; } .agents__contact__table .table__responsive table .td__login__date { color: rgba(112, 112, 112, 0.57); } .agents__contact__table .table__responsive table .th__contact { min-width: 180px; } .agents__contact__table .table__responsive table .td__contact .td__contact__invite { color: #e8515c; margin-right: 15px; } .agents__contact__table .table__responsive table .td__contact .td__contact__delete { display: none; } .agents__contact__table .table__responsive table .tr__checked { background: rgba(38, 38, 55, 0.04); } .agents__contact__table .table__responsive table .tr__checked .td__contact .td__contact__delete { display: inline-block; } .col-mr-bottom { display: flex; margin-top: auto; } .col-mr-bottom .sellingRequestMonopol__selects { width: 100%; } @media (max-width: 585px) { .custom-row--mb { margin-bottom: -20px; } .agents__contact__header { font-size: 15px; margin-top: 0px; } .agents__contact form h6 { font-size: 13px; } .agents__contact form input { font-size: 13px; } .agents__contact__table .table__responsive table th { font-size: 13px; } .agents__contact__table .table__responsive table td { font-size: 13px; line-height: 2.925rem; } .agents__contact__table .table__responsive table .th__name .container-checkbox { display: inline-block; padding-left: 0; margin-bottom: 17px; } .agents__contact__table .table__responsive table .th__name .container-checkbox .checkmark { border-radius: 3px; border: solid 1px #76767b; background-color: transparent; } .agents__contact__table .table__responsive table .th__name .container-checkbox p { line-height: 1.375rem; font-size: 15px; padding-left: 32px; } .agents__contact__table .table__responsive table .th__name .container-checkbox input:checked ~ .container-checkbox-text { font-weight: bold; } .agents__contact__table .table__responsive table .th__name .container-checkbox .checkmark { top: 3px; } } .messagesWrapper .messagesNotOpen { background: rgba(43, 103, 226, 0.05); } .billingWrapper { min-height: unset !important; overflow-x: hidden; } .billingWrapper .billingWrapper__text { font-size: 15px; line-height: 1rem; color: #76767b; padding-left: 35px; margin-top: -30px; } @media (max-width: 991px) { .billingWrapper .billingWrapper__text { padding-left: 0; } } @media (max-width: 530px) { .billingWrapper .billingWrapper__text { font-size: 12px; } } .billingWrapper .messagesWrapper__noMessages { padding: 100px 20px; margin: 0 35px 35px 35px; border: 1px solid #7070704d; } @media (max-width: 991px) { .billingWrapper .messagesWrapper__noMessages { margin: 0; } } .billingWrapper .billingWrapper__headers { margin-top: 35px; display: flex; padding: 0 35px 0 55px; } @media (max-width: 991px) { .billingWrapper .billingWrapper__headers { padding: 0; } } .billingWrapper .billingWrapper__headers p { font-size: 15px; font-weight: bold; color: #76767b; margin-left: 10%; } @media (max-width: 1490px) { .billingWrapper .billingWrapper__headers p { margin-left: 7%; } } @media (max-width: 530px) { .billingWrapper .billingWrapper__headers p { font-size: 10px; } } @media (max-width: 387px) { .billingWrapper .billingWrapper__headers p { margin-left: 3%; font-size: 9px; } } .billingWrapper .billingWrapper__headers .billingWrapper__headers__one { margin-right: auto; margin-left: 0; } @media (max-width: 521px) { .billingWrapper--m { margin: 0 !important; } .billingWrapper--m .requestWrapper__header { padding-left: 20px; } .billingWrapper--m .billingWrapper__text { padding-left: 20px; } } .map--margin { margin-bottom: -5px; } @media (max-width: 991px) { .map--margin { margin-left: -2rem; margin-right: -2rem; margin-bottom: -32px; } } .map--margin div { height: 500px; } .banner2 { margin-top: 23px; margin-left: 35px; margin-right: 35px; padding: 24px 14px; background: #262637; } @media (max-width: 991px) { .banner2 { margin-left: 0; margin-right: 0; } } .banner2 .banner2__exp { display: inline-block; max-width: 591px; } .banner2 .banner2__exp img { width: 92px; float: left; margin-right: 14px; margin-top: 12px; } .banner2 .banner2__exp .banner2__exp__header { font-size: 20px; color: #fff; max-width: 485px; display: inline-block; line-height: 1.8rem; } @media only screen and (min-device-width: 1260px) and (max-device-width: 1374px) { .banner2 .banner2__exp .banner2__exp__header { font-size: 16px; max-width: 320px; } } .banner2 .banner2__exp p { font-size: 15px; color: #fff; line-height: 1.4rem; padding-top: 5px; max-width: 334px; display: inline-block; } .banner2 .banner2__exp p .span1, .banner2 .banner2__exp p .span3 { font-weight: bold; } .banner2 .banner2__exp p .span2 { color: #f87c6a; } .banner2 .banner2__action { display: inline-block; padding-left: 20px; } .banner2 .banner2__action .banner2__action__price { text-align: center; color: #fff; display: inline-block; float: left; margin-right: 40px; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__just { font-size: 15px; font-weight: bold; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__money { font-size: 35px; font-weight: bold; position: relative; padding-right: 10px; padding-bottom: 5px; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__money .banner2__action__price__money__€ { position: absolute; top: -5px; font-size: 19px; font-weight: bold; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__money .banner2__action__price__money__number { padding-left: 20px; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__text { font-size: 12px; line-height: 1.2rem; } .banner2 .banner2__action .banner2__action__upgrade { color: #fff; display: inline-block; float: left; } .banner2 .banner2__action .banner2__action__upgrade p { font-weight: bold; font-size: 15px; padding-bottom: 30px; } .banner2 .banner2__action .banner2__action__upgrade .banner2__action__upgrade__button { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #f87c6a; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 14px; font-weight: bold; padding: 13px 15px; } @media (max-width: 1151px) { .banner2 .banner2__action .banner2__action__upgrade .banner2__action__upgrade__button { margin: 10px auto; } } @media (max-width: 1831px) { .banner2 .banner2__action { margin-top: 35px; } .banner2 .banner2__action .banner2__action__price { text-align: left; } } @media (max-width: 683px) { .banner2 .banner2__exp { position: relative; } .banner2 .banner2__exp .banner2__exp__header { font-size: 15px; max-width: 320px; } .banner2 .banner2__exp p { clear: both; font-size: 12px; color: #fff; line-height: 1.4rem; padding-top: 5px; max-width: unset; display: block; } } @media (max-width: 521px) { .banner2 { padding: 20px; } .banner2 .banner2__exp { position: relative; } .banner2 .banner2__exp .banner2__exp__header { position: absolute; left: 100px; line-height: 1.3rem; } } @media (max-width: 521px) and (max-width: 338px) { .banner2 .banner2__exp .banner2__exp__header { line-height: 1.2rem; } } @media (max-width: 521px) { .banner2 .banner2__exp p { padding-top: 30px; } } @media (max-width: 521px) and (max-width: 338px) { .banner2 .banner2__exp p { padding-top: 55px; } } @media (max-width: 521px) { .banner2 .banner2__action { padding-left: 0; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__just { font-size: 13px; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__money { font-size: 30px; } .banner2 .banner2__action .banner2__action__price .banner2__action__price__money .banner2__action__price__money__€ { top: -5px; font-size: 16px; } .banner2 .banner2__action .banner2__action__upgrade { color: #fff; display: inline-block; float: left; padding-top: 20px; } .banner2 .banner2__action .banner2__action__upgrade p { font-weight: bold; font-size: 13px; padding-bottom: 15px; } .banner2 .banner2__action .banner2__action__upgrade .banner2__action__upgrade__button { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #f87c6a; font-size: 14px; padding: 5px 22px; cursor: pointer; font-size: 14px; font-weight: bold; padding: 13px 15px; } } @media (max-width: 521px) and (max-width: 1151px) { .banner2 .banner2__action .banner2__action__upgrade .banner2__action__upgrade__button { margin: 10px auto; } } .agents__billings__table { margin: 35px; } @media (max-width: 991px) { .agents__billings__table { margin: 35px 0; } } .agents__billings__table .table__responsive table { border-collapse: collapse; } .agents__billings__table .table__responsive table tr { border: 1px solid #b7b7b7; } .agents__billings__table .table__responsive table .tr__headers { border: none; } .agents__billings__table .table__responsive table .tr__headers__first { padding-left: 35px; min-width: 220px; } .agents__billings__table .table__responsive table .tr__headers__first--buyers { min-width: 471px; } .agents__billings__table .table__responsive table .tr__border-b { border-bottom: none; } .agents__billings__table .table__responsive table .tr__border-t { border-top: none; } .agents__billings__table .table__responsive table th { min-width: 280px; border-bottom: 1px solid #b7b7b7; color: #76767b; } .agents__billings__table .table__responsive table td { font-size: 16px; color: #76767b; line-height: 2.75rem; } .agents__billings__table .table__responsive table .th__name p { font-size: 19px; line-height: 4.563rem; font-weight: bold; color: #262637; } .agents__billings__table .table__responsive table .th__date { min-width: 150px; } .agents__billings__table .table__responsive table .td__total { font-size: 25px; font-weight: bold; color: #262637; position: relative; } .agents__billings__table .table__responsive table .td__total .td__total__€ { position: absolute; top: 0; font-size: 15px; } .agents__billings__table .table__responsive table .td__total .td__total--pl { padding-left: 10px; } .agents__billings__table .table__responsive table .th__login { min-width: 130px; } .agents__billings__table .table__responsive table .td__login__date { color: rgba(112, 112, 112, 0.57) !important; } .agents__billings__table .table__responsive table .th__contact { min-width: 150px; } .agents__billings__table .table__responsive table .td__contact { text-align: center; } .agents__billings__table .table__responsive table .td__contact .td__contact__invite { color: #e8515c; margin-right: 0px; text-align: center; } .agents__billings__table .table__responsive table .td__contact .td__contact__invite img { transform: translateY(7px); margin-right: 5px; } .agents__billings__table .table__responsive table .table__bill__header { padding-left: 35px; } .agents__billings__table .table__responsive table .table__bill__header p { font-size: 16px; color: #262637; line-height: 2rem; } .agents__billings__table .table__responsive table .table__bill-info, .agents__billings__table .table__responsive table .table__bill-info__price { display: inline-block; } .agents__billings__table .table__responsive table .table__bill-info p, .agents__billings__table .table__responsive table .table__bill-info__price p { line-height: 2rem; } .agents__billings__table .table__responsive table .table__bill-info { padding-right: 50px; } @media (max-width: 521px) { .agents__billings__table .table__responsive table td { font-size: 12px; } .agents__billings__table .table__responsive table .th__name p { font-size: 15px; } .agents__billings__table .table__responsive table .td__total { font-size: 20px; } .agents__billings__table .table__responsive .td__total .td__total__€ { font-size: 12px; } .agents__billings__table .table__responsive table .table__bill__header p { font-size: 12px; } } .mustertext { margin: 10px 20px; border: 1px solid #000; padding: 20px; } .mustertext p { font-size: 14px; line-height: 16px; margin-top: 10px; margin-bottom: 10px; } .main-content__search { padding: 50px; box-sizing: border-box; max-width: 1480px; margin: 0 auto; } @media (min-width: 1151px) { .main-content__search { padding-top: 150px; } } .main-content__search > div.row { position: relative; } .main-content__search .map__search { margin-bottom: 0; } .main-content__search .map__search div { height: 960px; } .main-content__search .map__search--buyer div { height: 1023px; } @media (max-width: 1200px) { .main-content__search .map__search--buyer { margin-top: 80px !important; } } @media (max-width: 991px) { .main-content__search .map__search--buyer { margin-top: 120px !important; } } .main-content__search .noResults { display: flex; height: 100%; } .main-content__search .noResults .noResults__message { margin: auto; text-align: center; } .main-content__search .noResults .noResults__message img { margin-top: 85px; margin-bottom: 25px; } .main-content__search .noResults .noResults__message p { font-size: 19px; color: #76767b; margin-bottom: 35px; } .main-content__search .noResults .noResults__message .noResults__message__notif { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; font-weight: bold; display: inline-block; } @media (max-width: 1151px) { .main-content__search .noResults .noResults__message .noResults__message__notif { margin: 10px auto; } } .main-content__search .search__results { padding-bottom: 20px; } .main-content__search .search__results .search__results__wrapper { display: inline-block; } .main-content__search .search__results .search__results__wrapper .search__results__wrapper__header { font-size: 30px; font-weight: 500; padding-bottom: 6px; } .main-content__search .search__results .search__results__wrapper .search__results__wrapper__header span { font-weight: bold; } .main-content__search .search__results .search__results__wrapper .search__results__wrapper__text { font-size: 16px; color: #76767b; } .main-content__search .search__results .search__results__wrapper .search__results__wrapper__text span { font-weight: bold; } .main-content__search .search__results .profile-box__switch { clear: both; display: table; text-align: right; float: right; margin-top: 41px; margin-bottom: 27px; /* Rounded sliders */ } .main-content__search .search__results .profile-box__switch p { display: inline-block; font-size: 15px; color: #76767b; } .main-content__search .search__results .profile-box__switch .switch { position: relative; display: inline-block; width: 32px; height: 20px; line-height: 1.3rem; margin-left: 10px; } .main-content__search .search__results .profile-box__switch .switch input { opacity: 0; width: 0; height: 0; } .main-content__search .search__results .profile-box__switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .main-content__search .search__results .profile-box__switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 1px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } .main-content__search .search__results .profile-box__switch input:checked + .slider { background-color: #e8515c; } .main-content__search .search__results .profile-box__switch input:focus + .slider { box-shadow: 0 0 1px #e8515c; } .main-content__search .search__results .profile-box__switch input:checked + .slider:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .main-content__search .search__results .profile-box__switch .slider.round { border-radius: 34px; } .main-content__search .search__results .profile-box__switch .slider.round:before { border-radius: 50%; } .main-content__search .search__results .profile-box__switch { margin-top: 51px; } @media (max-width: 1200px) { .main-content__search .search__results { position: inherit; margin-top: -4px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 688px) { .main-content__search .search__results { top: 80px; } .main-content__search .search__results .search__results__wrapper .search__results__wrapper__header { font-size: 20px; padding-bottom: 0; } .main-content__search .search__results .search__results__wrapper .search__results__wrapper__header span { font-weight: bold; } .main-content__search .search__results .search__results__wrapper .search__results__wrapper__text { font-size: 13px; } .main-content__search .search__results .profile-box__switch { margin-top: 62px; margin-bottom: 0; padding-left: 5px; } .main-content__search .search__results .profile-box__switch p { font-size: 13px; display: none; } } @media (max-width: 388px) { .main-content__search .search__results .search__results__wrapper .search__results__wrapper__text { font-size: 10px; } .main-content__search .search__results .profile-box__switch { margin-top: 62px; margin-bottom: 0; padding-left: 0px; } .main-content__search .search__results .profile-box__switch p { font-size: 13px; display: none; } } @media (min-width: 1200px) { .main-content__search .search__results__search__wrap { position: absolute; right: 0; width: 565px; top: 90px; } .main-content__search .search__results__search__wrap form { width: 100%; } } .main-content__search .search__cards--wrapper-mg .search__cards__sellers--active { box-shadow: unset; transition: 0.3s; } .main-content__search .search__cards--wrapper-mg .search__cards__sellers--active:hover { box-shadow: 0 3px 12px 0 rgba(92, 105, 131, 0.22); } .main-content__search .search__cards--wrapper-mg .search__cards { height: unset; display: flex; padding: 20px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info { display: flex; text-align: left; max-width: 550px; width: 100%; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img { margin-right: 10px; min-width: 170px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img .search__cards__info__img__wrap { border-radius: 50%; width: 100px; height: 100px; position: relative; overflow: hidden; min-width: 100px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img .search__cards__info__img__wrap__video-sm { display: block; border: 2px solid #e8515c; overflow: unset; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img .search__cards__info__img__wrap__video-sm:before { content: ''; background: url(/svg/playbutton.svg); width: 35px; height: 35px; background-position: center; background-repeat: no-repeat; z-index: 2; position: absolute; bottom: -1px; left: -2px; background-size: contain; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img .search__cards__info__img__wrap__picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-attachment: scroll; background-position: center; background-repeat: repeat; background-origin: content-box; border-radius: 50%; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img ul { padding-left: 20px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img ul li { list-style-type: disc; line-height: 1.5rem; font-size: 15px; } @media (max-width: 390px) { .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .messagesWrapper__messages__messOwner { margin-top: 5px; } } @media (min-width: 750px) { .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__text--sellers--mrl { margin-left: 15px; margin-right: 15px; } } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__text--sellers { min-height: unset; padding-top: 10px; min-width: 150px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__text--sellers .search__cards__text__loations { color: #1851AC; margin-bottom: 12px; position: relative; padding-left: 22px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__text--sellers .search__cards__text__loations:before { content: ''; background: url(../svg/pointerBlue.svg); padding: 10px; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; background-size: 10px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info-send { display: flex; flex-direction: column; margin-left: auto; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info-send .requestWrapper__active__info__tag { padding-top: 10px; padding-bottom: 0px; border-radius: 3px; border: solid 1px #0f2240; margin-bottom: 20px; text-align: center; width: 70px; min-height: 70px; margin-left: auto; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info-send .requestWrapper__active__info__tag img { width: 35px; height: 35px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info-send .requestWrapper__active__info__tag p { font-size: 11px; line-height: 15px; margin-top: -7px; padding-bottom: 5px; font-weight: bold; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info-send .search__cards__sellers__send { margin-top: auto; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info-send .search__cards__sellers__send .search__cards__sellers__send__button { display: inline-table; position: relative; border-radius: 21px; padding: 5px 25px; white-space: nowrap; } @media (max-width: 750px) { .main-content__search .search__cards--wrapper-mg .search__cards { flex-direction: column; position: relative; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info { display: block; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img { display: flex; margin-bottom: 20px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img ul { margin-left: 25px; margin-top: 10px; padding-right: 70px; } } @media (max-width: 750px) and (max-width: 390px) { .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img { flex-direction: column; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img ul { padding-top: 15px; } } @media (max-width: 750px) { .main-content__search .search__cards--wrapper-mg .search__cards .requestWrapper__active__info__tag { position: absolute; top: 21px; right: 20px; } .main-content__search .search__cards--wrapper-mg .search__cards .search__cards__sellers__send .search__cards__sellers__send__button { margin-top: 25px; } } @media (max-width: 470px) { .main-content__search .search__cards--wrapper-mg .search__cards__info img { width: 100% !important; } .main-content__search .search__cards--wrapper-mg .search__cards__info__img ul { margin-top: 0 !important; padding-left: 5px !important; padding-right: 10px !important; } .main-content__search .search__cards--wrapper-mg .search__cards__info__img ul li { font-size: 13px !important; padding-right: 64px; } } @media (max-width: 470px) and (max-width: 390px) { .main-content__search .search__cards--wrapper-mg .search__cards__info__img ul li { padding-right: 10px; } } @media (max-width: 470px) { .main-content__search .search__cards--wrapper-mg .search__cards .requestWrapper__active__info__tag { top: 21px; } } .main-content__search .search__cards { border-radius: 3px; border: solid 1px #dbdbdb; padding: 37px 15px 28px 15px; height: 500px; } .main-content__search .search__cards .search__cards__info img { display: inline-block; } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner { display: inline-block; margin-left: 10px; margin-top: 5px; transform: translateY(-7px); max-width: 390px; padding-right: 10px; } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner .messagesWrapper__messages__messOwner__name { font-size: 19px; color: #262637; line-height: 1.563rem; padding-bottom: 5px; } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner h3 { line-height: 1.6rem; padding-bottom: 5px; } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner p { font-size: 16px; color: #707070; line-height: 1.188rem; } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner > p { overflow: hidden; } @media only screen and (min-device-width: 1504px) and (max-device-width: 1881px) { .main-content__search .search__cards .search__cards__info { text-align: center; } } @media only screen and (min-device-width: 1200px) and (max-device-width: 1281px) { .main-content__search .search__cards .search__cards__info { text-align: center; } } @media only screen and (min-device-width: 768px) and (max-device-width: 899px) { .main-content__search .search__cards .search__cards__info { text-align: center; } } @media (max-width: 430px) { .main-content__search .search__cards .search__cards__info { text-align: center; } } .main-content__search .search__cards .search__cards__text { clear: both; padding-top: 18px; } .main-content__search .search__cards .search__cards__text p { font-size: 15px; color: #707070; line-height: 1.375rem; letter-spacing: normal; } .main-content__search .search__cards .search__cards__text p .readMore { font-size: 15px; color: #e8515c; } @media (max-width: 599px) { .main-content__search .search__cards .search__cards__info img { width: 100%; } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner { display: inline-block; margin-left: 5px; margin-top: 20px; transform: translateY(-4px); } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner .messagesWrapper__messages__messOwner__name { font-size: 14px; line-height: 1.163rem; padding-bottom: 0px; } .main-content__search .search__cards .search__cards__info .messagesWrapper__messages__messOwner p { font-size: 14px; line-height: 1.288rem; } .main-content__search .search__cards .search__cards__text { padding-top: 5px; } .main-content__search .search__cards .search__cards__text p { font-size: 10px; line-height: 1.175rem; } .main-content__search .search__cards .search__cards__text p .readMore { font-size: 10px; } } .main-content__search .search__cards__sellers { position: relative; } .main-content__search .search__cards__sellers .search__cards__text--sellers { min-height: 206px; } .main-content__search .search__cards__sellers .search__cards__text--sellers p { padding-bottom: 15px; } .main-content__search .search__cards__sellers .search__cards__text--sellers .apartmentTypes { margin-bottom: 0px; overflow: hidden; max-height: 67px; } .main-content__search .search__cards__sellers .search__cards__text--sellers .apartmentTypes span { font-size: 15px; line-height: 1rem; color: #f87c6a; display: inline-block; padding: 5px 17px; margin-top: 3px; background: rgba(255, 120, 100, 0.2); } .main-content__search .search__cards__sellers .search__cards__text--sellers .search__cards__text__loations { display: block; font-size: 15px; line-height: 1.1rem; margin-bottom: 10px; color: #e8515c; } .main-content__search .search__cards__sellers .search__cards__text--sellers .search__cards__text__loations img { width: 10px; margin-right: 10px; transform: translateY(2px); } @media (max-width: 599px) { .main-content__search .search__cards__sellers .search__cards__text--sellers .search__cards__text__loations { font-size: 14px; } } .main-content__search .search__cards__sellers .search__cards__sellers__send { margin-top: 15px; display: flex; flex-wrap: wrap; } .main-content__search .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { color: #262637; transition: all 0.3s; border-radius: 3px; background-color: #fff; font-size: 14px; padding: 5px 22px; cursor: pointer; font-weight: bold; padding: 12px 25px; box-shadow: 0 3px 6px 0 rgba(92, 105, 131, 0.22); } @media (max-width: 1151px) { .main-content__search .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { margin: 10px auto; } } @media (max-width: 1151px) { .main-content__search .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { margin: unset; } } .main-content__search .search__cards__sellers .search__cards__sellers__send img { width: 56px; margin-left: auto; } @media only screen and (min-device-width: 1504px) and (max-device-width: 1723px) { .main-content__search .search__cards__sellers .search__cards__sellers__send img { margin-left: auto; margin-right: auto; margin-top: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 820px) { .main-content__search .search__cards__sellers .search__cards__sellers__send img { margin-left: auto; margin-right: auto; margin-top: 15px; } } @media (max-width: 338px) { .main-content__search .search__cards__sellers .search__cards__sellers__send img { margin-left: auto; margin-right: auto; margin-top: 15px; } } @media (max-width: 599px) { .main-content__search .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { padding: 3px 11px; } .main-content__search .search__cards__sellers .search__cards__sellers__send img { width: 30px; } } .main-content__search .search__cards__sellers .search__cards__sellers__order { position: absolute; top: 0; right: 0; font-size: 14px; font-weight: bold; color: white; background: #f87c6a; padding: 0px 15px; border-bottom-left-radius: 3px; } @media (max-width: 599px) { .main-content__search .search__cards__sellers .search__cards__sellers__order { font-size: 10px; } } .main-content__search .search__cards__sellers--active { box-shadow: 0 3px 12px 0 rgba(92, 105, 131, 0.22); } .main-content__search .search__cards__sellers--active .search__cards__sellers__send .search__cards__sellers__send__button { color: #fff; background: #e8515c; position: absolute; bottom: 10px; } .main-content__search .search__cards__sellers--active:hover { border-color: transparent; } .main-content__search #moreText { display: none; } @media (max-width: 991px) { .main-content__search { padding: 0; margin: 0 0.5rem; } .main-content__search .map__search { margin: 0 -0.5rem; } .main-content__search .noResults { display: flex; height: 100%; margin-bottom: 30px; padding: 15px; } .main-content__search .noResults .noResults__message img { margin-top: 85px; margin-bottom: 15px; } .main-content__search .noResults .noResults__message p { font-size: 15px; margin-bottom: 25px; } .main-content__search .noResults .noResults__message .noResults__message__notif { font-size: 10px; padding: 5px 12px; } } .propertyRequest { position: fixed; bottom: 50px; right: 10px; background: #262637; width: 541px; border-radius: 4px; border: solid 1px #d8d8d8; } .propertyRequest .createRequest { border-radius: 3px; border: unset; margin: 0 auto; filter: invert(1); min-height: 255px; } .propertyRequest .createRequest .createRequest__header, .propertyRequest .createRequest .createRequest__text, .propertyRequest .createRequest .createRequest__price { color: #fff; filter: invert(1); } .propertyRequest .createRequest .inkl { color: #fff; filter: invert(0); font-weight: normal; } .propertyRequest .createRequest .createRequest__add { filter: invert(1); border-radius: 3px; font-size: 19px; width: 200px; padding: 12px; } @media (max-width: 573px) { .propertyRequest { max-width: 380px; } .propertyRequest .createRequest { min-height: 215px; } } @media (max-width: 412px) { .propertyRequest { max-width: 306px; right: 0; } .propertyRequest .createRequest { min-height: 146px; } .propertyRequest .createRequest .createRequest__header { font-size: 13px; } .propertyRequest .createRequest .createRequest__text { font-size: 12px; } .propertyRequest .createRequest .createRequest__price { font-size: 28px; } .propertyRequest .createRequest .createRequest__add { font-size: 11px; width: 90px; padding: 0; } } /*Kenan's css*/ #email { font-size: 16px; padding: 15px; margin-bottom: 26px; width: 100%; border: 1px solid #d8d8d8; line-height: 1.25rem; color: #262637; box-shadow: unset; } #email:focus { outline: #BED0F6 auto 1px; } #request-select { display: none; } select { background: url(../svg/arrow-point-to-right.svg) 93%/14px no-repeat #fff; padding: 17px 25px; width: 100%; border: 1px solid #d8d8d8; font-size: 19px; line-height: 1.25rem; margin-top: 22px; border-radius: 3px; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } /** CSS hack - Kenan did a poor CSS job here so I need to hack this and fix later **/ .search__results__filters select#property_type { background: url(../svg/arrow-point-to-right.svg) 93%/14px no-repeat #fff; width: 120px; margin-top: 0; margin-bottom: 13px; font-size: 17px !important; padding-top: 12px; padding-bottom: 11px; padding-left: 10px; padding-right: 10px; color: #262637; border-radius: 0; margin-left: unset; margin-right: unset; } .search__results__filters select#property_type:focus { outline: #BED0F6 auto 1px; } .search__results__search .search__results__filters form input#typeahead-focus { margin-top: 0; font-size: 17px !important; width: 220px; padding-left: 10px; padding-right: 10px; color: #262637; } .search__results__search .search__results__filters form input#price { width: 130px; padding-left: 10px; padding-right: 10px; font-size: 17px !important; color: #262637; } .search__results__search { padding-top: 0; padding-bottom: 10px; text-align: left; } .search__results__search .search__results__filters { margin-bottom: 20px !important; } .search__results__search .search__results__filters form { padding-left: 0; } .search__results__search .search__results__filters form input { margin: 0; font-size: 14px !important; } .search__results__search .search__results__filters form input:focus { outline: #BED0F6 auto 1px; } .main-content__search .search__cards .search__cards__info img { border-radius: 50%; object-fit: cover; } p.buying-request-preview-data { font-size: 14px; line-height: 20px; } .headImg__search__filters__submit { cursor: pointer; } @media (max-width: 1257px) { .main-content__search .headImg__search__filters, .main-content__search .search__results__filters { margin-top: 0px; margin-bottom: 0 !important; } .main-content__search .headImg__search__filters form, .main-content__search .search__results__filters form { display: inline-table; padding: 10px; } .main-content__search .headImg__search__filters form .search-item-container select, .main-content__search .search__results__filters form .search-item-container select { margin-left: unset; margin-right: unset; } .main-content__search .headImg__search__filters form .search-item-container .headImg__search__filters__adress, .main-content__search .search__results__filters form .search-item-container .headImg__search__filters__adress { display: block; margin: 5px 0px; width: 100%; padding: 11px 60px 11px 20px; } .main-content__search .headImg__search__filters form .search-item-container .headImg__search__filters__price, .main-content__search .search__results__filters form .search-item-container .headImg__search__filters__price { margin: 5px -2px 0 0; padding: 11px 60px 11px 20px; /*width: 167px;*/ } .main-content__search .headImg__search__filters form .search-item-container .headImg__search__filters__submit, .main-content__search .search__results__filters form .search-item-container .headImg__search__filters__submit { margin: 5px -2px 0 0; /*width: 190px;*/ font-size: 16px; padding: 14px 22px; } } @media (max-width: 1199px) { .main-content__search .margin-row { margin-left: 0; margin-right: 0; } .main-content__search .search__results__search { padding: 0px; } .main-content__search .search__results__filters select#property_type { min-width: 238px; } } @media (max-width: 991px) { .main-content__search { padding: 50px 5px 5px !important; } .main-content__search .search__results__filters select#property_type { min-width: 170px !important; } .main-content__search .headImg__search__filters__adress, .main-content__search .headImg__search__filters__price { max-width: 170px !important; } } @media (max-width: 650px) { .main-content__search { padding: 30px 5px 5px !important; } .main-content__search .search__results__filters form { display: grid; padding: 10px; } .main-content__search .search__results__filters select#property_type { min-width: 100% !important; } .main-content__search .headImg__search__filters__adress, .main-content__search .headImg__search__filters__price { max-width: 100% !important; } } .main-content__wrapper { margin: auto; max-width: 90%; } @media (min-width: 1400px) { .main-content__wrapper { width: 1400px; } } .main-content__homepage { box-sizing: border-box; max-width: 2000px; margin: 0 auto; } .main-content__homepage .map__homepage { margin-bottom: 0; } .main-content__homepage .map__homepage div { height: 960px; } .main-content__homepage .map__homepage--buyer div { height: 1023px; } @media (max-width: 1200px) { .main-content__homepage .map__homepage--buyer { margin-top: 80px !important; } } @media (max-width: 991px) { .main-content__homepage .map__homepage--buyer { margin-top: 120px !important; } } .main-content__homepage .noResults { display: flex; height: 100%; } .main-content__homepage .noResults .noResults__message { margin: auto; text-align: center; } .main-content__homepage .noResults .noResults__message img { margin-top: 85px; margin-bottom: 25px; } .main-content__homepage .noResults .noResults__message p { font-size: 19px; color: #76767b; margin-bottom: 35px; } .main-content__homepage .noResults .noResults__message .noResults__message__notif { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; font-weight: bold; display: inline-block; } @media (max-width: 1151px) { .main-content__homepage .noResults .noResults__message .noResults__message__notif { margin: 10px auto; } } .main-content__homepage .search__results { padding-bottom: 30px; } .main-content__homepage .search__results .search__results__wrapper { display: inline-block; } .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__header { font-size: 30px; font-weight: 500; padding-bottom: 18px; } .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__header span { font-weight: bold; } .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__text { font-size: 19px; color: #76767b; } .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__text span { font-weight: bold; } .main-content__homepage .search__results .profile-box__switch { clear: both; display: table; text-align: right; float: right; margin-top: 41px; margin-bottom: 27px; /* Rounded sliders */ } .main-content__homepage .search__results .profile-box__switch p { display: inline-block; font-size: 15px; color: #76767b; } .main-content__homepage .search__results .profile-box__switch .switch { position: relative; display: inline-block; width: 32px; height: 20px; line-height: 1.3rem; margin-left: 10px; } .main-content__homepage .search__results .profile-box__switch .switch input { opacity: 0; width: 0; height: 0; } .main-content__homepage .search__results .profile-box__switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .main-content__homepage .search__results .profile-box__switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 1px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } .main-content__homepage .search__results .profile-box__switch input:checked + .slider { background-color: #e8515c; } .main-content__homepage .search__results .profile-box__switch input:focus + .slider { box-shadow: 0 0 1px #e8515c; } .main-content__homepage .search__results .profile-box__switch input:checked + .slider:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .main-content__homepage .search__results .profile-box__switch .slider.round { border-radius: 34px; } .main-content__homepage .search__results .profile-box__switch .slider.round:before { border-radius: 50%; } .main-content__homepage .search__results .profile-box__switch { margin-top: 51px; } @media only screen and (min-device-width: 1200px) and (max-device-width: 1281px) { .main-content__homepage .search__results .profile-box__switch { margin-top: 38px; } } @media (max-width: 1200px) { .main-content__homepage .search__results { position: inherit; margin-top: 30px; padding-bottom: 0px; padding-left: 10px; } } @media (max-width: 688px) { .main-content__homepage .search__results { top: 80px; } .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__header { font-size: 20px; padding-bottom: 0; } .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__header span { font-weight: bold; } .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__text { font-size: 13px; } .main-content__homepage .search__results .profile-box__switch { margin-top: 62px; margin-bottom: 0; padding-left: 5px; } .main-content__homepage .search__results .profile-box__switch p { font-size: 13px; display: none; } } @media (max-width: 388px) { .main-content__homepage .search__results .search__results__wrapper .search__results__wrapper__text { font-size: 10px; } .main-content__homepage .search__results .profile-box__switch { margin-top: 62px; margin-bottom: 0; padding-left: 0px; } .main-content__homepage .search__results .profile-box__switch p { font-size: 13px; display: none; } } @media (min-width: 1200px) { .main-content__homepage .search__results__homepage__wrap { position: absolute; right: 0; width: 565px; top: 114px; } .main-content__homepage .search__results__homepage__wrap form { width: 100%; } } .main-content__homepage .search__cards--wrapper-mg .search__cards__sellers--active { box-shadow: unset; transition: 0.3s; } .main-content__homepage .search__cards--wrapper-mg .search__cards__sellers--active:hover { box-shadow: 0 3px 12px 0 rgba(92, 105, 131, 0.22); } .main-content__homepage .search__cards--wrapper-mg .search__cards { height: unset; display: flex; padding: 25px; justify-content: space-between; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info { display: flex; text-align: left; max-width: 550px; width: 100%; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img { margin-right: 10px; min-width: 185px; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img ul { padding-left: 20px; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img ul li { list-style-type: disc; line-height: 1.5rem; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info img { border-radius: 50%; } @media (max-width: 380px) { .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info .messagesWrapper__messages__messOwner { margin-top: 80px; } } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__text--sellers { min-height: unset; padding-top: 0; min-width: 150px; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__text--sellers .search__cards__text__loations { color: #1851AC; margin-bottom: 12px; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info-send { display: flex; flex-direction: column; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info-send .requestWrapper__active__info__tag { padding-top: 16px; padding-bottom: 0px; border-radius: 3px; border: solid 1px #0f2240; margin-bottom: 20px; text-align: center; width: 70px; margin-left: auto; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info-send .requestWrapper__active__info__tag img { width: 35px; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info-send .requestWrapper__active__info__tag p { font-size: 11px; line-height: 15px; margin-top: -5px; padding-bottom: 5px; font-weight: bold; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info-send .search__cards__sellers__send { margin-top: auto; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info-send .search__cards__sellers__send .search__cards__sellers__send__button { display: inline-table; position: relative; border-radius: 21px; padding: 5px 25px; white-space: nowrap; } @media (max-width: 750px) { .main-content__homepage .search__cards--wrapper-mg .search__cards { flex-direction: column; position: relative; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info { display: block; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img { display: flex; margin-bottom: 20px; } .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__info .search__cards__info__img ul { margin-left: 25px; margin-top: 10px; } .main-content__homepage .search__cards--wrapper-mg .search__cards .requestWrapper__active__info__tag { position: absolute; top: 40px; right: 20px; } } @media (max-width: 750px) and (max-width: 380px) { .main-content__homepage .search__cards--wrapper-mg .search__cards .requestWrapper__active__info__tag { left: 27px; } } @media (max-width: 750px) { .main-content__homepage .search__cards--wrapper-mg .search__cards .search__cards__sellers__send .search__cards__sellers__send__button { margin-top: 25px; } } @media (max-width: 470px) { .main-content__homepage .search__cards--wrapper-mg .search__cards__info img { width: 55px !important; } .main-content__homepage .search__cards--wrapper-mg .search__cards__info__img ul { margin-top: 0 !important; padding-left: 5px !important; } .main-content__homepage .search__cards--wrapper-mg .search__cards__info__img ul li { font-size: 14px; padding-right: 64px; } } @media (max-width: 470px) and (max-width: 380px) { .main-content__homepage .search__cards--wrapper-mg .search__cards__info__img ul li { padding-right: 10px; } } @media (max-width: 470px) { .main-content__homepage .search__cards--wrapper-mg .search__cards .requestWrapper__active__info__tag { top: 30px; } } .main-content__homepage .search__cards { border-radius: 3px; border: solid 1px #dbdbdb; padding: 37px 15px 28px 15px; height: 500px; } .main-content__homepage .search__cards .search__cards__info img { display: inline-block; width: 58px; } .main-content__homepage .search__cards .search__cards__info .messagesWrapper__messages__messOwner { display: inline-block; margin-left: 10px; margin-top: 5px; transform: translateY(-7px); max-width: 390px; padding-right: 10px; } .main-content__homepage .search__cards .search__cards__info .messagesWrapper__messages__messOwner .messagesWrapper__messages__messOwner__name { font-size: 19px; color: #262637; line-height: 1.563rem; padding-bottom: 5px; } .main-content__homepage .search__cards .search__cards__info .messagesWrapper__messages__messOwner p { font-size: 16px; color: #262637; line-height: 1.188rem; padding-bottom: 10px; } @media only screen and (min-device-width: 1504px) and (max-device-width: 1881px) { .main-content__homepage .search__cards .search__cards__info { text-align: center; } } @media only screen and (min-device-width: 1200px) and (max-device-width: 1281px) { .main-content__homepage .search__cards .search__cards__info { text-align: center; } } @media only screen and (min-device-width: 768px) and (max-device-width: 899px) { .main-content__homepage .search__cards .search__cards__info { text-align: center; } } @media (max-width: 430px) { .main-content__homepage .search__cards .search__cards__info { text-align: center; } } .main-content__homepage .search__cards .search__cards__text { clear: both; padding-top: 18px; } .main-content__homepage .search__cards .search__cards__text p { font-size: 15px; color: #707070; line-height: 1.375rem; letter-spacing: normal; } .main-content__homepage .search__cards .search__cards__text p .readMore { font-size: 15px; color: #e8515c; } @media (max-width: 599px) { .main-content__homepage .search__cards .search__cards__info img { width: 37px; } .main-content__homepage .search__cards .search__cards__info .messagesWrapper__messages__messOwner { display: inline-block; margin-left: 5px; margin-top: 20px; transform: translateY(-4px); } .main-content__homepage .search__cards .search__cards__info .messagesWrapper__messages__messOwner .messagesWrapper__messages__messOwner__name { font-size: 14px; line-height: 1.163rem; padding-bottom: 0px; } .main-content__homepage .search__cards .search__cards__info .messagesWrapper__messages__messOwner p { font-size: 14px; line-height: 1.288rem; } .main-content__homepage .search__cards .search__cards__text { padding-top: 5px; } .main-content__homepage .search__cards .search__cards__text p { font-size: 10px; line-height: 1.175rem; } .main-content__homepage .search__cards .search__cards__text p .readMore { font-size: 10px; } } .main-content__homepage .search__cards__sellers { position: relative; } .main-content__homepage .search__cards__sellers .search__cards__text--sellers { min-height: 206px; } .main-content__homepage .search__cards__sellers .search__cards__text--sellers p { padding-bottom: 15px; } .main-content__homepage .search__cards__sellers .search__cards__text--sellers .apartmentTypes { margin-bottom: 25px; } .main-content__homepage .search__cards__sellers .search__cards__text--sellers .apartmentTypes span { font-size: 15px; line-height: 1rem; color: #f87c6a; display: inline-block; padding: 8px 17px; margin-top: 8px; background: rgba(255, 120, 100, 0.2); } .main-content__homepage .search__cards__sellers .search__cards__text--sellers .search__cards__text__loations { display: block; font-size: 15px; line-height: 1.1rem; margin-bottom: 10px; color: #e8515c; } .main-content__homepage .search__cards__sellers .search__cards__text--sellers .search__cards__text__loations img { width: 10px; margin-right: 10px; transform: translateY(2px); } @media (max-width: 599px) { .main-content__homepage .search__cards__sellers .search__cards__text--sellers .search__cards__text__loations { font-size: 14px; } } .main-content__homepage .search__cards__sellers .search__cards__sellers__send { margin-top: 15px; display: flex; flex-wrap: wrap; } .main-content__homepage .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { color: #262637; transition: all 0.3s; border-radius: 3px; background-color: #fff; font-size: 14px; padding: 5px 22px; cursor: pointer; font-weight: bold; padding: 12px 25px; box-shadow: 0 3px 6px 0 rgba(92, 105, 131, 0.22); } @media (max-width: 1151px) { .main-content__homepage .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { margin: 10px auto; } } @media (max-width: 1151px) { .main-content__homepage .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { margin: unset; } } .main-content__homepage .search__cards__sellers .search__cards__sellers__send img { width: 56px; margin-left: auto; } @media only screen and (min-device-width: 1504px) and (max-device-width: 1723px) { .main-content__homepage .search__cards__sellers .search__cards__sellers__send img { margin-left: auto; margin-right: auto; margin-top: 15px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 820px) { .main-content__homepage .search__cards__sellers .search__cards__sellers__send img { margin-left: auto; margin-right: auto; margin-top: 15px; } } @media (max-width: 338px) { .main-content__homepage .search__cards__sellers .search__cards__sellers__send img { margin-left: auto; margin-right: auto; margin-top: 15px; } } @media (max-width: 599px) { .main-content__homepage .search__cards__sellers .search__cards__sellers__send .search__cards__sellers__send__button { padding: 3px 11px; } .main-content__homepage .search__cards__sellers .search__cards__sellers__send img { width: 30px; } } .main-content__homepage .search__cards__sellers .search__cards__sellers__order { position: absolute; top: 0; right: 0; font-size: 14px; font-weight: bold; color: white; background: #f87c6a; padding: 0px 15px; border-bottom-left-radius: 3px; } @media (max-width: 599px) { .main-content__homepage .search__cards__sellers .search__cards__sellers__order { font-size: 10px; } } .main-content__homepage .search__cards__sellers--active { box-shadow: 0 3px 12px 0 rgba(92, 105, 131, 0.22); } .main-content__homepage .search__cards__sellers--active .search__cards__sellers__send .search__cards__sellers__send__button { color: #fff; background: #e8515c; position: absolute; bottom: 10px; } .main-content__homepage #moreText { display: none; } @media (max-width: 991px) { .main-content__homepage { padding: 0; margin: 0 0.5rem; } .main-content__homepage .map__homepage { margin: 0 -0.5rem; } .main-content__homepage .noResults { display: flex; height: 100%; margin-bottom: 30px; padding: 15px; } .main-content__homepage .noResults .noResults__message img { margin-top: 85px; margin-bottom: 15px; } .main-content__homepage .noResults .noResults__message p { font-size: 15px; margin-bottom: 25px; } .main-content__homepage .noResults .noResults__message .noResults__message__notif { font-size: 10px; padding: 5px 12px; } } .propertyRequest { position: fixed; bottom: 50px; right: 10px; background: #262637; width: 541px; border-radius: 4px; border: solid 1px #d8d8d8; } .propertyRequest .createRequest { border-radius: 3px; border: unset; margin: 0 auto; filter: invert(1); min-height: 255px; } .propertyRequest .createRequest .createRequest__header, .propertyRequest .createRequest .createRequest__text, .propertyRequest .createRequest .createRequest__price { color: #fff; filter: invert(1); } .propertyRequest .createRequest .inkl { color: #fff; filter: invert(0); font-weight: normal; } .propertyRequest .createRequest .createRequest__add { filter: invert(1); border-radius: 3px; font-size: 19px; width: 200px; padding: 12px; } @media (max-width: 573px) { .propertyRequest { max-width: 380px; } .propertyRequest .createRequest { min-height: 215px; } } @media (max-width: 412px) { .propertyRequest { max-width: 306px; right: 0; } .propertyRequest .createRequest { min-height: 146px; } .propertyRequest .createRequest .createRequest__header { font-size: 13px; } .propertyRequest .createRequest .createRequest__text { font-size: 12px; } .propertyRequest .createRequest .createRequest__price { font-size: 28px; } .propertyRequest .createRequest .createRequest__add { font-size: 11px; width: 90px; padding: 0; } } .width-content { max-width: 1200px; } .mailHeader__text { font-size: 50px; font-weight: 500; line-height: 4.063rem; text-align: left; color: #FFF; margin-top: auto; padding-bottom: 45px; padding-top: 60px; } @media (max-width: 650px) { .mailHeader__text { line-height: 2.5rem !important; font-size: 25px; padding-bottom: 25px; padding-top: 40px; } } @media (max-width: 400px) { .mailHeader__text { line-height: 1.7rem !important; font-size: 19px; padding-bottom: 20px; } } .mailHeader { overflow: hidden; position: relative; text-align: center; background-image: url("../photos/image1.png"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 604px; } .mailHeader div { display: flex; height: 100%; } .mailHeader .mailHeader__text-head { color: #fff; line-height: 4.688rem; font-weight: 900; } @media (max-width: 650px) { .mailHeader { height: 300px; } } .mailText { font-size: 19px; line-height: 1.938rem; letter-spacing: normal; text-align: left; color: #262637; padding-bottom: 50px; } .mailText span { font-weight: bold; } .mailText span a { color: #2b67e2; font-weight: normal; } @media (max-width: 650px) { .mailText { line-height: 1.5rem !important; font-size: 15px; padding-bottom: 25px; } } @media (max-width: 400px) { .mailText { line-height: 1.2rem !important; font-size: 12px; } } .bg-div { background-color: rgba(43, 103, 226, 0.03); } .mailText-b { color: #26283d; } .regBtnWrapps { margin-bottom: 65px; } .regBtn { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #2b67e2; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 16px 25px; font-size: 17px; font-weight: bold; } @media (max-width: 1151px) { .regBtn { margin: 10px auto; } } .regBtn img { transform: translateY(2px); } @media (max-width: 400px) { .regBtn { padding: 9px 20px; font-size: 12px; } } .mailPhoto { display: flex; padding: 50px 0 30px 0; } .mailPhoto img { margin: auto; width: 100%; max-width: 937px; } @media (max-width: 700px) { .mailPhoto { padding: 0; margin: 0 -2rem; } } ol { list-style: none; counter-reset: my-awesome-counter; padding-left: 23px; } ol li { counter-increment: my-awesome-counter; } ol li::before { content: counter(my-awesome-counter) ". "; color: #000; font-weight: bold; margin-left: -23px; width: 18px; position: relative; display: inline-block; } .mailHeader__text-sm { font-size: 35px; line-height: 2.188rem; padding-top: 0; } @media (max-width: 650px) { .mailHeader__text-sm { line-height: 1.5rem; font-size: 20px; padding-bottom: 15px; } } @media (max-width: 400px) { .mailHeader__text-sm { line-height: 1.2rem; font-size: 16px; } } .birdWrapp { text-align: center; padding-top: 18px; } .birdWrapp img { width: 100%; max-width: 160px; } .startCond { margin-top: 100px; padding-top: 50px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } @media (max-width: 650px) { .startCond { margin-top: 50px; } } .mailText-g { color: #707070; } .mailExpl .box { display: flex; } .mailExpl .box .mailExpl__img { padding: 0 32px 0 10px; } .mailExpl .box .mailExpl__img img { width: 50px; } .mailExpl .box .mailText { padding-right: 4px; } .mailExpl .box a { text-decoration: underline; } .mailExpl .mailHeader__text { text-align: center; } .mailExpl p:nth-of-type(2) { font-size: 16px; margin-top: -20px; } .mailExpl .mailBox { text-align: center; } .mailExpl .mailBox .mailText { text-align: center; } @media (max-width: 1200px) { .mailExpl > .row { justify-content: center; } } .tipp { padding-top: 80px; } .tipp .mailText { max-width: 510px; } .tipp .mailText-padding { padding-left: 28px; max-width: 524px; } .tipp ul li { position: relative; } .tipp ul li:before { content: ""; z-index: 111; /* margin-left: -19px; */ position: absolute; top: 10px; padding: 6px; left: -25px; background-image: url("../svg/nextArrow.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; } .tipp ul li:after { content: ""; padding: 8px; border-radius: 50%; background-color: #ff7864; position: absolute; top: 8px; left: -27px; z-index: 0; } @media (max-width: 650px) { .tipp ul li:before { top: 7px; } .tipp ul li:after { top: 5px; } } @media (max-width: 400px) { .tipp ul li:before { top: 4px; } .tipp ul li:after { top: 2px; } } .infoBox-mail .infoBox__arrow1 { right: 25px; top: -114px; } .infoBox-mail .infoBox__arrow1 img { width: 319px; } .infoBox-mail .infoBox__arrow4 { bottom: -50px; left: 31px; } .infoBox-mail .infoBox__arrow4 img { width: 160px; } .infoBox-mail .infoBox__text { max-width: 880px; margin: auto; } .infoBox-mail .infoBox__text h3 { font-size: 35px; padding-top: 110px; padding-bottom: 90px; } @media (max-width: 750px) { .infoBox-mail .infoBox__text { max-width: 480px; } .infoBox-mail .infoBox__text h3 { font-size: 20px; padding-top: 60px; padding-bottom: 45px; line-height: 2rem; } .infoBox-mail .infoBox__arrow1 { right: -39px; top: 0px; } .infoBox-mail .infoBox__arrow1 img { width: 100px; } .infoBox-mail .infoBox__arrow4 { bottom: -26px; left: -7px; } .infoBox-mail .infoBox__arrow4 img { width: 50px; } } @media (max-width: 400px) { .infoBox-mail .infoBox__text { max-width: 360px; } .infoBox-mail .infoBox__text h3 { font-size: 16px; line-height: 1.5rem; } .infoBox-mail .infoBox__arrow1 { right: -39px; top: 31px; } .infoBox-mail .infoBox__arrow1 img { width: 70px; } .infoBox-mail .infoBox__arrow4 { bottom: -15px; left: -4px; } .infoBox-mail .infoBox__arrow4 img { width: 33px; } } .qExpl { margin-top: 100px; position: relative; } .qExpl .mailText { max-width: 494px; } .qExpl .mailText li { list-style-type: disc; } .qExpl .qExpl__mailText { padding-bottom: 35px; } .qExpl .qExpl__mailText a { color: #2b67e2; } .qExpl .regBtnWrapps { margin: -93px 0 0 30px; } @media (max-width: 767px) { .qExpl .regBtnWrapps { margin: 0 16px; } } @media (max-width: 650px) { .qExpl { margin-top: 50px; } } @media (max-width: 400px) { .qExpl { margin-top: 25px; } } .qExpl__div { padding-left: 30px; } .qExpl__div .qExpl__div__wrapp { display: flex; margin-left: -17px; } @media (max-width: 650px) { .qExpl__div .qExpl__div__wrapp { margin-left: -11px; } } @media (max-width: 400px) { .qExpl__div .qExpl__div__wrapp { margin-left: -9px; } } .qExpl__div .qExpl__div__wrapp .qExpl__div__wrapp__star { font-size: 35px; display: inline-block; color: #2b67e2; } @media (max-width: 650px) { .qExpl__div .qExpl__div__wrapp .qExpl__div__wrapp__star { font-size: 20px; } } @media (max-width: 400px) { .qExpl__div .qExpl__div__wrapp .qExpl__div__wrapp__star { font-size: 16px; line-height: 23px; padding-right: 2px; } } .qExpl__div .qExpl__div__wrapp .mailHeader__text { color: #2b67e2; } .agents-tips { background: #fff; } .agents-tips .forBuyersAgents-FAQ-hero { background-image: unset !important; background-color: #F4F3F3; padding: 80px 0 140px; margin-bottom: -140px; } .agents-tips .forBuyersAgents-FAQ-hero p { font-size: 19px; line-height: 1.8rem; color: #0f2240; padding-bottom: 20px; } .agents-tips .forBuyersAgents-FAQ-hero h1 { color: #162543; line-height: 3.9rem; } .agents-tips .forBuyersAgents-FAQ-hero .advantagesAgents ul { margin-left: 22px; font-size: 16px; } @media (max-width: 550px) { .agents-tips .forBuyersAgents-FAQ-hero .advantagesAgents h1 { font-size: 30px; line-height: 2.4rem; } } .agents-tips .forBuyersAgents-FAQ .open .accordionItemContent { padding: 50px 50px 20px; } .agents-tips .forBuyersAgents-FAQ .accordionItemHeading { box-shadow: 0px 7px 13px #0000001d; background: #162543; color: #fff; font-size: 30px; line-height: 3rem; padding-top: 8px; display: block; font-weight: bold; } .agents-tips .forBuyersAgents-FAQ .accordionItem { margin-bottom: 50px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper { padding: 0; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper hr { border-top: 1px solid #D5D5D5; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .hr-margin { margin-top: 30px; margin-bottom: 50px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .hr-margin--sm { margin-top: 20px; margin-bottom: 30px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container { display: grid; grid-gap: 6%; grid-template-columns: 47% 47%; padding-bottom: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .grid-row img { max-width: 100%; width: auto; display: block; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container a { color: #2b67e2; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container p { padding-bottom: 25px; font-size: 18px; line-height: 1.6rem; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .ol-p { margin-left: -23px; padding-bottom: 5px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container ol, .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container ul { padding-bottom: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container ol li, .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container ul li { font-size: 18px; line-height: 1.6rem; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit { padding: 40px 40px 15px; background-color: #F4F3F3; margin-top: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit span { display: block; padding-bottom: 15px; font-size: 16px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit span i { color: #e8515c; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit p { font-size: 16px; line-height: 2rem; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit--mb { margin-bottom: 25px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .register { color: #fff; font-weight: bold; display: inline-block; padding: 13px 45px 15px; border-radius: 28px; background: #162543; font-size: 19px; margin-bottom: 30px; margin-top: 30px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container h4 { font-size: 30px; line-height: 2.5rem; color: #162543; padding-bottom: 30px; padding-top: 30px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container h4.pb-0 { font-size: 27px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .pb-0 { padding-bottom: 0; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container h5 { font-size: 18px; line-height: 2rem; color: #162543; padding-bottom: 20px; padding-top: 15px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .potential { padding: 30px 40px 30px; background-color: #e8515c; margin-top: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .potential h5 { color: #fff; padding-top: 0; padding-bottom: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .potential p { color: #fff; padding-bottom: 0px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .potential h4 { color: #fff; padding-bottom: 10px; padding-top: 0; font-size: 25px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .potential ul li { color: #fff; } @media (min-width: 992px) { .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .h5-pt { padding-top: 0; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .h5-mt { margin-top: 0; } } .agents-tips .forBuyersAgents-FAQ .more-text { width: 100%; -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; transform-origin: top; background: #fff; -webkit-transition: -webkit-transform 0.4s ease-out; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; box-sizing: border-box; } .agents-tips .forBuyersAgents-FAQ .more-text .grid-container { display: block; } .agents-tips .forBuyersAgents-FAQ .hide-text { height: 0px; transition: height 1s ease-out; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); float: left; display: block; } .agents-tips .forBuyersAgents-FAQ .more { background: #079e87; color: #fff; text-align: center; padding: 10px 17px; margin: 20px -50px -20px -50px; cursor: pointer; font-weight: bold; } .agents-tips .forBuyersAgents-FAQ .moreButton { background: unset; padding: unset; margin: unset; } @media (max-width: 991px) { .agents-tips .forBuyersAgents-FAQ { padding-top: 20px; } .agents-tips .forBuyersAgents-FAQ .open .accordionItemContent { padding: 50px 20px 20px; } .agents-tips .forBuyersAgents-FAQ .more { margin: 20px -20px -20px -20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container { display: block; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container > div:last-of-type { margin-top: 30px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container p { padding-bottom: 20px; font-size: 16px; line-height: 1.6rem; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container ol li, .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container ul li { font-size: 16px; line-height: 1.6rem; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit { padding: 20px 20px 10px; background-color: #F4F3F3; margin-top: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit span { display: block; padding-bottom: 15px; font-size: 16px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit span i { color: #e8515c; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .fazit p { font-size: 16px; line-height: 2rem; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .register { padding: 10px 25px 12px; font-size: 16px; margin-bottom: 20px; margin-top: 20px; line-height: 1.6rem; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container h4 { font-size: 20px; line-height: 2.2rem; color: #162543; padding-bottom: 20px; padding-top: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container h4.pb-0 { font-size: 20px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .pb-0 { padding-bottom: 0; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .potential { padding: 25px 20px 25px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container .potential h4 { font-size: 20px; line-height: 1.8rem; padding-top: 10px; } .agents-tips .forBuyersAgents-FAQ .accordionWrapper .grid-container h5 { font-size: 16px; line-height: 1.6rem; color: #162543; padding-bottom: 15px; padding-top: 10px; } } .more--link { background: #079e87; color: #fff; text-align: center; padding: 10px 17px; margin: 20px -50px -20px -50px; cursor: pointer; font-weight: bold; display: block; } .micromodal { /**************************\ Basic Modal Styles \**************************/ /**************************\ Demo Animation Style \**************************/ } .micromodal .modal { font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; } .micromodal .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .micromodal .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .micromodal .modal__header { display: flex; justify-content: space-between; align-items: center; } .micromodal .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .micromodal .modal__close { background: transparent; border: 0; } .micromodal .modal__header .modal__close:before { content: "\2715"; } .micromodal .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0, 0, 0, 0.8); width: auto; min-height: auto; } .micromodal .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0, 0, 0, 0.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .micromodal .modal__btn:focus, .micromodal .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .micromodal .modal__btn-primary { background-color: #00449e; color: #fff; } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal .micromodal-slide { display: none; } .micromodal .micromodal-slide.is-open { display: block; } .micromodal .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal .micromodal-slide .modal__container, .micromodal .micromodal-slide .modal__overlay { will-change: transform; } .mietNav .topnav__wrapper { max-width: 1440px; } .mietNav .topnav__wrapper .topnav__logo { margin: auto 0; } .mietNav .topnav__wrapper .topnav__logo .topnav__logo__house { width: unset; } @media (max-width: 450px) { .mietNav .topnav__wrapper .topnav__logo .topnav__logo__house { height: 32px; margin-top: 5px; } } .mietNav .topnav__wrapper .topnav__links a { color: #0f2240; font-weight: bold; padding: 14px 16px; font-size: 16px; margin-top: 7px; } .mietNav .topnav__wrapper .topnav__links { display: flex; width: 100%; } .mietNav .topnav__wrapper .topnav__links .topnav__links__main { margin: auto; } .mietNav .topnav__wrapper .topnav__links .topnav__links__main + div { margin: auto 0; } .mietNav .topnav__wrapper .topnav__links .topnav__links--btn { color: #e8515c; border: none; } .mietNav .topnav__wrapper .topnav__links .topnav__links-btn-red { color: #fff; transition: all 0.3s; border-radius: 30px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; max-width: 125px; } .mietNav .topnav__wrapper .topnav__links .topnav__links-btn-red:hover { color: #fff; background-color: #bf353f; } @media (max-width: 1150px) { .mietNav .topnav__wrapper .topnav__links { display: block; } .mietNav .topnav__wrapper .topnav__links .topnav__links-btn-red { margin: auto; } } .mietNav .topnav__wrapper .topnav__langLinks { padding: 22px 14px 14px 14px; } .mietNav .topnav__wrapper .topnav__langLinks select { background-color: #fff; border: 0; font-size: 16px; font-weight: bold; color: #0f2240; padding: 3px 5px; } @media (max-width: 450px) { .mietNav .topnav__wrapper .topnav__langLinks select { font-size: 12px; } } .miet-gesuche .wrapper { max-width: 1440px; padding: 20px; } .miet-gesuche .headImg { background-image: url(/photos/miet-header.png); } .miet-gesuche .headImg__search { padding: 150px 10px 110px 0; color: #162543; text-align: left; } .miet-gesuche .headImg__search P { background-color: #162543; color: #fff; line-height: 2rem; padding: 10px; text-transform: uppercase; font-size: 20px; margin-bottom: 21px; } .miet-gesuche .headImg__search .headImg__search__wrapp__header { background-color: #ffffff8f; padding: 20px; margin-bottom: 20px; } .miet-gesuche .headImg__search .miet-gesuche__header { max-width: 625px; font-weight: bold; margin-bottom: 20px; font-size: 32px; } .miet-gesuche .headImg__search .miet-gesuche__header span { font-weight: normal; } .miet-gesuche .headImg__search .miet-gesuche__subheader { font-size: 20px; font-weight: bold; } .miet-gesuche .headImg__search .headImg__search__link { border-radius: 30px; /*text-transform: uppercase;*/ background-color: #20c343; padding: 4px 30px; font-size: 22px; width: 100%; max-width: 260px; } @media (max-width: 768px) { .miet-gesuche .headImg__search .headImg__search__link { padding: 0px 42px; max-width: 100%; font-size: 18px; } } .miet-gesuche .headImg__search .headImg__search__link--btn { background-color: #e8515c; } .miet-gesuche .headImg__search .headImg__search__filters { display: block; max-width: 436px; width: 100%; } .miet-gesuche .headImg__search .headImg__search__filters form { padding: 40px; display: block; } .miet-gesuche .headImg__search .headImg__search__filters form > p { font-size: 20px; font-weight: bold; padding-bottom: 30px; color: #162543; } .miet-gesuche .headImg__search .headImg__search__filters form select, .miet-gesuche .headImg__search .headImg__search__filters form input { width: 100%; margin: 0 0 15px 0; } .miet-gesuche .headImg__search .headImg__search__filters form .headImg__search__filters__price { margin-bottom: 45px; } .miet-gesuche .headImg__search .headImg__search__filters form .headImg__search__filters__submit { background-color: #e8515c; /*border-radius: 30px; padding: 15px 45px;*/ } @media (max-width: 991px) { .miet-gesuche .headImg__search { padding: 0; padding-top: 50px; display: flex; } .miet-gesuche .headImg__search > div { margin: auto; } .miet-gesuche .headImg__search .miet-gesuche__header { margin-bottom: 30px; padding: 5px; } .miet-gesuche .headImg__search h5 { white-space: pre-wrap !important; } } .miet-gesuche .headImg__search--p { display: flex; transition: all 0.3s; } .miet-gesuche .headImg__search--p > div { margin-left: auto; } @media (max-width: 991px) { .miet-gesuche .headImg__search--p { padding-bottom: 120px; } .miet-gesuche .headImg__search--p .headImg__search__filters { max-width: 625px; } } .hide { visibility: hidden !important; display: none !important; } .background-gray { background-color: #d1cfce40; } .key-text { padding: 30px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #fff; margin-top: -120px; z-index: 1111; position: relative; } .key-text .key-text__img { text-align: center; } .key-text .key-text__img img { width: 135px; } .key-text .key-text__paragraf { padding-top: 20px; padding-left: 20px; font-size: 20px; color: #465a65; } @media (max-width: 767px) { .key-text { max-width: 625px; margin-left: auto; margin-right: auto; } .key-text .key-text__paragraf { padding-left: 0; } } @media (max-width: 500px) { .key-text .key-text__img img { width: 65px; } .key-text .key-text__paragraf { font-size: 15px; } } .miet-services { border-radius: unset; box-shadow: unset; padding-bottom: 100px !important; } .miet-services .row > div { margin-bottom: 30px; margin-top: 30px; } .miet-services .box { margin-top: 0; margin-bottom: 0; padding-top: 34px; padding-bottom: 34px; height: 100%; position: relative; border: 1px solid #5E707070; transition: transform .2s; } .miet-services .box:hover { border: 1px solid transparent; box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.11); background-color: #fff; transform: scale(1.01); } .miet-services .box .miet-services__text { padding: 0 42px 50px 42px; } .miet-services .box .miet-services__text P { padding-bottom: 20px; color: #162543; } .miet-services .box a { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); background-color: transparent; color: #162543; font-size: 19px; font-weight: bold; } @media (max-width: 500px) { .miet-services .box .miet-services__text { padding: 0 30px 50px 30px; } .miet-services .box .miet-services__text P { padding-bottom: 20px; font-size: 12px; line-height: 1.3rem; } .miet-services .box a { font-size: 13px; } } .miet-services .miet-services__box { border: unset; box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.11); background-color: #fff; } .miet-offer .miet-offer__header { padding-top: 75px; padding-bottom: 60px; line-height: 3.5rem; text-align: center; font-size: 60px; line-height: 5rem; font-weight: normal; color: #162543; } .miet-offer .miet-offer__header span { font-weight: bold; } @media (max-width: 500px) { .miet-offer .miet-offer__header { font-size: 30px; } } .miet-offer .miet-offer__img img { width: 100%; max-width: 100%; } .miet-offer .box { height: 100%; display: flex; flex-direction: column; } .miet-offer .miet-offer__info { box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.11); max-width: 540px; margin: auto; padding: 45px 55px; flex-grow: 1; margin-top: -95px; position: relative; background: #fff; } .miet-offer .miet-offer__info a { color: #162543; font-weight: bold; font-size: 19px; } @media (max-width: 991px) { .miet-offer .miet-offer__info { max-width: unset; margin-left: 25px; margin-right: 25px; } } @media (max-width: 500px) { .miet-offer .miet-offer__header { padding-top: 30px; padding-bottom: 30px; line-height: 1.8rem; } .miet-offer .miet-offer__img { margin: 0 -15px; } .miet-offer .miet-offer__info { margin-left: 0px; margin-right: 0px; padding-left: 40px; padding-right: 40px; } .miet-offer .miet-offer__info .miet-heading-red { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #e8515c; padding-bottom: 5px; } } @media (max-width: 500px) and (max-width: 500px) { .miet-offer .miet-offer__info .miet-heading-red { font-size: 12px !important; line-height: 1.2rem; } } @media (max-width: 500px) { .miet-offer .miet-offer__info .miet-heading-black { font-size: 40px; font-weight: bold; color: #162543; padding-bottom: 13px; } .miet-offer .miet-offer__info .miet-heading-black span { font-weight: bold; } } @media (max-width: 500px) and (max-width: 500px) { .miet-offer .miet-offer__info .miet-heading-black { font-size: 20px; } } @media (max-width: 500px) { .miet-offer .miet-offer__info .miet-text { padding-bottom: 13px; } .miet-offer .miet-offer__info a { font-size: 13px; } } .miet-heading-red { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #e8515c; padding-bottom: 15px; } @media (max-width: 500px) { .miet-heading-red { font-size: 12px !important; line-height: 1.2rem; } } .miet-heading-black { font-size: 40px; font-weight: bold; color: #162543; padding-bottom: 28px; } .miet-heading-black span { font-weight: bold; } @media (max-width: 500px) { .miet-heading-black { font-size: 20px; } } .miet-text { font-size: 16px; color: #162543; padding-bottom: 25px; } .miet-text span { font-weight: bold; } @media (max-width: 500px) { .miet-text { font-size: 12px; line-height: 1.5rem; } } .miet-purchace img { width: 100%; } .miet-purchace .box .miet-heading-red { font-size: 19px; } .miet-purchace .box .miet-heading-black { line-height: 3.4rem; } .miet-purchace .box .miet-text { line-height: 1.5rem; margin-bottom: 50px; } @media (max-width: 991px) { .miet-purchace .box { padding: 20px; } } @media (max-width: 500px) { .miet-purchace .box .miet-heading-black { line-height: 1.5rem; } } .miet-button { background-color: #e8515c; border-radius: 30px; padding: 15px 45px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; } @media (max-width: 500px) { .miet-button { font-size: 12px; padding: 10px 42px; } } .mietInfoBox { background-image: url(/photos/MietInfo.png), linear-gradient(#e8515c, #e8515c); background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 150px; } .mietInfoBox .mietInfoBox__heading { text-align: center; } .mietInfoBox .mietInfoBox__heading .miet-heading { text-align: center; font-size: 60px; line-height: 5rem; font-weight: normal; color: #fff; padding-top: 120px; padding-bottom: 30px; } .mietInfoBox .mietInfoBox__heading .miet-heading span { font-weight: bold; } @media (max-width: 500px) { .mietInfoBox .mietInfoBox__heading .miet-heading { font-size: 30px; } } .mietInfoBox .mietInfoBox__heading > p { color: #fff; font-size: 20px; } @media (max-width: 500px) { .mietInfoBox .mietInfoBox__heading .miet-heading { padding-top: 50px; padding-bottom: 15px; line-height: 3rem; } .mietInfoBox .mietInfoBox__heading > p { font-size: 16px; } } .mietInfoBox .box { display: flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom: -100px; } .mietInfoBox .box .box__info { position: relative; padding: 30px; padding-top: 70px; background: #fff; width: 422px; min-height: 465px; margin-top: 100px; box-shadow: 0 9px 20px 0 rgba(160, 104, 108, 0.22); } .mietInfoBox .box .box__info .box__info__heading { font-size: 20px; line-height: 1.5rem; padding-bottom: 12px; font-weight: bold; color: #162543; } .mietInfoBox .box .box__info .mietInfoBox__price { color: #e8515c; font-size: 35px; font-weight: bold; line-height: 3.3rem; position: relative; } .mietInfoBox .box .box__info .mietInfoBox__price span { position: absolute; font-size: 19px; top: -7px; } .mietInfoBox .box .box__info .mietInfoBox__info { font-size: 19px; color: #162543; margin-bottom: 40px; } .mietInfoBox .box .box__info .miet-text { margin-bottom: 50px; padding-left: 25px; } .mietInfoBox .box .box__info .miet-text li { position: relative; text-align: left; } .mietInfoBox .box .box__info .miet-text li:after { content: ""; z-index: 111; /* margin-left: -19px; */ position: absolute; top: 10px; padding: 6px; left: -25px; background-image: url(/svg/miet-svg/miet-check.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .mietInfoBox .box .box__info .miet-button { background-color: #20c343; } .mietInfoBox .box .box__info > span { position: absolute; top: -20px; left: 25px; font-size: 20px; color: #fff; padding: 13px 32px; text-transform: uppercase; border-radius: 3px; background-color: #c03942; } .mietInfoBox .box .box__info:nth-of-type(2) { display: flex; } .mietInfoBox .box .box__info:nth-of-type(2) h2 { margin: auto; } @media (max-width: 500px) { .mietInfoBox .box .box__info { margin-top: 55px; } .mietInfoBox .box .box__info .box__info__heading { padding-bottom: 0px; } .mietInfoBox .box .box__info .mietInfoBox__price { font-size: 25px; line-height: 2.5rem; } .mietInfoBox .box .box__info .mietInfoBox__price span { font-size: 13px; } .mietInfoBox .box .box__info .mietInfoBox__info { font-size: 13px; color: #162543; margin-bottom: 25px; } .mietInfoBox .box .box__info .miet-text { margin-bottom: 50px; padding-left: 20px; } .mietInfoBox .box .box__info .miet-text li:after { content: ""; position: absolute; top: 6px; } .mietInfoBox .box .box__info > span { font-size: 15px; padding: 10px 24px; } } .miet-gesuche .miet-login-now { padding-top: 150px; padding-bottom: 115px; max-width: 825px; } .miet-gesuche .miet-login-now div { text-align: center; } .miet-gesuche .miet-login-now div .miet-heading { text-align: center; font-size: 60px; line-height: 5rem; font-weight: normal; color: #162543; padding-bottom: 50px; } .miet-gesuche .miet-login-now div .miet-heading span { font-weight: bold; } @media (max-width: 500px) { .miet-gesuche .miet-login-now div .miet-heading { font-size: 30px; } } .miet-gesuche .miet-login-now div p { font-size: 19px; line-height: 1.7rem; color: #162543; padding-bottom: 60px; } .miet-gesuche .miet-login-now div .miet-button { background-color: #20c343; } @media (max-width: 500px) { .miet-gesuche .miet-login-now { padding-top: 70px; } .miet-gesuche .miet-login-now div .miet-heading { text-align: center; font-size: 60px; line-height: 5rem; font-weight: normal; color: #162543; padding-bottom: 25px; line-height: 2rem; } .miet-gesuche .miet-login-now div .miet-heading span { font-weight: bold; } } @media (max-width: 500px) and (max-width: 500px) { .miet-gesuche .miet-login-now div .miet-heading { font-size: 30px; } } @media (max-width: 500px) { .miet-gesuche .miet-login-now div p { font-size: 16px; line-height: 1.5rem; color: #162543; padding-bottom: 40px; } } .miet-footer { background-color: #d1cfce40; } .miet-footer .wrapper { max-width: 1400px; } .miet-footer .footer__header { font-size: 20px; line-height: 1.29; color: #162543; } .miet-footer .info-links { display: flex; } .miet-footer .info-links .footer__header { margin-bottom: 28px; } .miet-footer .footer__links { display: flex; flex-direction: column; max-width: 250px; } .miet-footer .footer__links a { flex: 1 1 40%; padding-bottom: 20px; } .miet-footer .footer__links a:not(:last-of-type) { padding-bottom: 20px; } .miet-footer .footer__about .footer__about__text { font-size: 16px; color: #162543; max-width: 405px; } .miet-footer .footer__about .footer__about__text span { font-weight: bold; } @media (max-width: 500px) { .miet-footer .footer__about .footer__about__text { font-size: 12px; line-height: 1.5rem; } } @media (max-width: 767px) { .miet-footer .footer__about { margin-top: 0px; margin-bottom: 50px; } .miet-footer .footer__links { margin-top: 30px; } } @media (max-width: 635px) { .miet-footer .privacy span:not(:last-of-type) { display: inline-block; } } @media (max-width: 480px) { .miet-footer p { font-size: 12px; line-height: 1.5rem; padding-top: 17px; } .miet-footer .privacy span { font-size: 12px; } } .miet-footer .privacy { position: relative; padding-top: 60px; padding-bottom: 20px; } .miet-footer .privacy .footer__langLinks { position: absolute; right: 25px; bottom: 5px; } .miet-footer .privacy .footer__langLinks select { border: 0; font-size: 16px; font-weight: bold; color: #0f2240; padding: 3px 5px; background: transparent; } @media (max-width: 500px) { .miet-footer .privacy .footer__langLinks { right: unset; left: -2px; bottom: 35px; } .miet-footer .privacy .footer__langLinks select { font-size: 12px; padding-left: 0; } } @media (min-width: 768px) { .miet-footer .footer__links { margin-left: auto; margin-right: auto; } .footer__about__wrap { display: flex; } .footer__about { margin-left: auto; } } .angular-editor-button .background:before { padding: 0; } .angular-editor { padding-bottom: 25px; text-align: left; } .angular-editor button { color: #0F2240; } .swiper-button-next, .swiper-button-prev { -moz-border-radius: 15px; border-radius: 50px; padding: 24px; border: 2px solid #707070; } .swiper-button-next::after, .swiper-button-prev::after { color: gray; font-size: 12px !important; font-weight: bold; } .bg-wrapper-miet-login { background-color: #d1cfce40; background-image: url("/photos/miet-info.png"), linear-gradient(#e8515c, #e8515c); background-attachment: fixed; background-size: 50% 50%; background-repeat: repeat-y; } @media (max-width: 500px) { .bg-wrapper-miet-login .topnav__logo img { height: 38px; } } .bg-wrapper-miet-login .register { justify-content: center; } .bg-wrapper-miet-login .register .registerForm { max-width: unset; padding-left: 80px; padding-right: 80px; } .bg-wrapper-miet-login .register .registerForm .registerForm__resetPasswordText { max-width: 435px; padding-bottom: 25px; } .bg-wrapper-miet-login .register .registerForm form { width: 430px; margin: auto; } .bg-wrapper-miet-login .register .registerForm form .registerForm__radiobox { justify-content: space-between; } .bg-wrapper-miet-login .register .registerForm form .registerForm__radiobox label { width: 100%; } .bg-wrapper-miet-login .register .registerForm form .registerForm__radiobox label input:checked ~ .checkmark { background-color: #e8515c; } .bg-wrapper-miet-login .register .registerForm form .submit { background: #e8515c; padding: 10px; } .bg-wrapper-miet-login .register .registerInfo { margin-right: 0; padding-left: 62px; margin-top: 50px; max-width: 470px; } .bg-wrapper-miet-login .register .registerInfo .registerInfo__checked .registerInfo__checked__svg { background: #e8515c; } .bg-wrapper-miet-login .register .registerInfo .registerInfo__checked h5, .bg-wrapper-miet-login .register .registerInfo p { color: #162543; } .bg-wrapper-miet-login .register .register__login span a { color: #e8515c; text-decoration: underline; } .bg-wrapper-miet-login .register .container-checkbox input:checked ~ .checkmark { background-color: #e8515c !important; } @media (max-width: 953px) { .bg-wrapper-miet-login { background-size: 100% 50%; } .bg-wrapper-miet-login .register .registerInfo, .bg-wrapper-miet-login .register .register__login { display: none; } } @media (max-width: 600px) { .bg-wrapper-miet-login .register .registerForm { padding-left: 15px; padding-right: 15px; } } @media (max-width: 510px) { .bg-wrapper-miet-login .register .z-index-100 { width: 100%; } .bg-wrapper-miet-login .register .registerForm form { width: 100%; overflow: hidden; } .bg-wrapper-miet-login .register .registerForm form .container-radio input { width: 20px; } } .bg-wrapper-miet-login .agent_guarantee div { text-align: left; line-height: 24px; font-size: 13px; margin-left: 25px; background: #f4f4f5; padding: 25px; max-width: 320px; margin-top: 90px; } .bg-wrapper-miet-login .agent_guarantee div img { display: block; width: 35px; margin-top: 25px; margin-bottom: 15px; } .bg-wrapper-miet-login .agent_guarantee div a { text-decoration: underline; color: #2b67e2; } @media (max-width: 700px) { .bg-wrapper-miet-login .agent_guarantee div { max-width: 100%; margin-left: unset; margin-top: 20px; margin-bottom: 20px; } } .agentRegister-info { background-color: #fff; } .agentRegister-info { background-color: #fff; padding: 60px 20px; margin-top: 70px; } .agentRegister-info .label { padding: 10px 20px; color: #e8515c; background-color: #E8515C30; font-weight: bold; display: inline-block; font-size: 16px; } .agentRegister-info .footer-explanation-section-1 { color: inherit; } .agentRegister-info .footer-explanation-title { font-size: 35px; line-height: 2.8rem; margin-top: 30px; } .agentRegister-info .register-info-bottom { font-size: 16px; text-transform: uppercase; line-height: 1.5rem; padding-bottom: 20px; padding-top: 10px; } .agentRegister-info p, .agentRegister-info ol { font-size: 15px; line-height: 1.3rem; padding-bottom: 17px; font-size: 14px; } .agentRegister-info p li, .agentRegister-info ol li { padding-bottom: 5px; } .agentRegister-info p a, .agentRegister-info ol a { color: #e8515c; } .agentRegister-info hr { border-top: 1px solid #70707036; margin-bottom: 25px; margin-top: 10px; } @media (min-width: 768px) { .agentRegister-info .footer-explanation-section-2--wrap { border-left: 1px solid #70707036; } .agentRegister-info .footer-explanation-section-1 { padding-right: 50px; } .agentRegister-info .footer-explanation-section-2 { padding-left: 50px; } } .agentRegister-info-button { text-align: center; max-width: 420px; width: 100%; padding: 20px; background: url("../svg/notification.svg"); border-radius: 3px; background-position: center; background-size: cover; background-repeat: no-repeat; position: fixed; right: 30px; bottom: 50px; z-index: 999; } .agentRegister-info-button p { color: #fff; } .agentRegister-info-button a { margin-top: 18px; font-size: 16px; font-weight: bold; background: #e8515c; color: #fff; cursor: pointer; padding: 5px 35px; border-radius: 43px; margin-bottom: 10px; display: inline-block; text-align: center; min-height: 45px; } @media (max-width: 500px) { .agentRegister-info-button { max-width: 260px; } .agentRegister-info-button p { font-size: 14px; line-height: 22px; } .agentRegister-info-button a { margin-top: 16px; font-size: 14px; margin-bottom: 0; padding: 3px 20px; min-height: unset; } } .mieter-profil .addNewBuying { margin-top: 0; } @media (max-width: 565px) { .mieter-profil .addNewBuying .addNewBuying__preview .addNewBuying__preview__header { font-size: 17px; } } .mieter-profil hr { opacity: 0.25; margin: 5px 10px; } .mieter-profil .row-custom { display: flex; } .mieter-profil .row-custom .profile-modal-wrapper { width: 72%; } .mieter-profil .row-custom .invite-wrap { width: 28%; } .mieter-profil .row-custom .invite-wrap .invite { position: -webkit-sticky; position: sticky; top: 100px; } @media (max-width: 1200px) { .mieter-profil .row-custom .profile-modal-wrapper { width: 100%; } .mieter-profil .row-custom .invite-wrap { width: 100%; } } .mieter-profil .col-xs-12 { margin-bottom: 20px; } @media (min-width: 991px) { .mieter-profil .addNewBuying .addNewBuying__preview { max-width: 100%; margin: auto; padding: 0; } } @media (min-width: 1200px) { .mieter-profil .invite:before { content: ''; background: #D1CFCE40; position: absolute; width: 100vw; top: -94px; bottom: 0; left: 0; z-index: -1; } } .mieter-profil .invite { padding: 20px 0px 20px 30px; box-shadow: none; position: relative; z-index: 1; } .mieter-profil .invite .invite__header { font-size: 16px; text-align: left; } .mieter-profil .invite div.invite__text textarea { width: 100%; padding: 10px; height: 200px; font-family: 'Red Hat Display', serif; border-radius: 0; } .mieter-profil .invite div.invite__text textarea:focus { outline-color: #BED0F6; } .mieter-profil .invite div.invite__text .or { margin: auto !important; text-align: center; } .mieter-profil .invite div.invite__text #email-seller-wrapper { margin-top: 10px; } .mieter-profil .invite div.invite__text #email-seller-wrapper .addNewBuying__preview__header { text-align: left; } .mieter-profil .invite div.invite__text #email-seller-wrapper input { width: 100%; box-shadow: unset; border-radius: 0; margin-bottom: 10px; } .mieter-profil .invite div.invite__text select { width: 100%; box-shadow: none; } .mieter-profil .invite div.invite__text select:focus { outline-color: #BED0F6; } .mieter-profil .invite div.invite__text p { margin-right: 0 !important; text-align: left; color: #262637; line-height: 1.4rem; margin: 20px 20px 0 0 !important; font-size: 14px; } .mieter-profil .invite div.invite__text p a { color: #2b67e2; } .mieter-profil .invite div.invite__text ol { text-align: left; color: #262637; line-height: 1.4rem; font-size: 14px; } .mieter-profil .invite .invite__text__emails { text-align: left; padding: 0; } .mieter-profil .invite .invite__text__emails .submit { color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 12px 30px; font-weight: bold; margin-top: 21px; font-family: "Red Hat Display", sans-serif; width: 100%; } .mieter-profil .invite .invite__text__emails--lm .submit { color: #e8515c; transition: all 0.3s; border-radius: 3px; border: 1px solid #e8515c; font-size: 14px; padding: 5px 22px; cursor: pointer; padding: 12px 30px; font-weight: bold; margin-top: 21px; font-family: "Red Hat Display", sans-serif; width: 100%; } .mieter-profil .invite .request-select { padding: 0; } .mieter-profil .profile-modal-wrapper { background: #fff; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img { display: flex; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img > div:first-of-type { margin-right: 2rem; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img .search__cards__info__img__wrap { border-radius: 50%; width: 170px; height: 170px; position: relative; min-width: 100px; display: block; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img .search__cards__info__img__video { border: 4px solid #e8515c; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img .search__cards__info__img__video:before { content: ''; background: url(/svg/playbutton.svg); width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; z-index: 2; position: absolute; bottom: -1px; left: -2px; background-size: contain; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img .search__cards__info__img__wrap__picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-attachment: scroll; background-position: center; background-repeat: repeat; background-origin: content-box; border-radius: 50%; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img .addNewBuying__preview__header { font-size: 30px; line-height: 2.2rem; margin-top: 10px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img .buying-request-preview-data--profile { font-size: 15px; line-height: 1.4rem; color: #707070; } @media (max-width: 670px) { .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img { flex-direction: column; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img img { max-width: 111px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrapper__img .addNewBuying__preview__header { font-size: 26px; line-height: 2.2rem; padding-top: 30px; } } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request { max-height: unset; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box { box-shadow: none; padding: 0 15px; display: flex; border: 1px solid #cccc; justify-content: space-between; margin-top: 30px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info h5 { padding-bottom: 20px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap { display: flex; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text { width: 100%; max-width: 160px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text p:first-of-type { padding-top: 0; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text p { display: flex; font-size: 14px; padding-top: 7px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__info__wrap__text p span { margin-left: auto; } @media (max-width: 400px) { .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap { flex-wrap: wrap; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__info__wrap .requestWrapper__active__info__tag { margin-bottom: 5px; } } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__tag { border: 1px solid #0f2240; padding-top: 10px; padding-bottom: 0px; border-radius: 3px; margin-bottom: 20px; text-align: center; width: 70px; min-height: 70px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__tag img { width: 35px; height: 35px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .requestWrapper__active__info__info .requestWrapper__active__info__tag p { font-size: 11px; line-height: 15px; margin-top: -7px; padding-bottom: 5px; font-weight: bold; padding-top: 0; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment { margin-bottom: 10px; } @media (min-width: 768px) { .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment { padding: 0 10px 0 30px; } } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment h5 { padding-top: 20px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__typeApartment span { margin-right: 10px; font-size: 11px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__requirements { padding: 0 10px; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__requirements .addNewBuying__preview__requirements--cols { line-height: 1.5rem; } .mieter-profil .profile-modal-wrapper .addNewBuying__preview__request .box .addNewBuying__preview__requirements h5 { padding-top: 20px; font-size: 17px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info { margin: 50px 0 25px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info h5 { padding-bottom: 20px; font-size: 17px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info h5 a { color: #e8515c; font-size: 14px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .info-input { padding-bottom: 10px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .info-input input { max-width: 55px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .info-input-lg input { max-width: 90px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info a { font-size: 15px; color: #2b67e2; display: block; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info a img { width: 9px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info p { font-size: 15px; color: #76767b; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .profile-modal-wrappe__info__time { display: inline-flex; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .profile-modal-wrappe__info__time input { width: 70px; margin-left: 10px; border: 0; border-bottom: 1px solid #d8d8d8; padding: 0; } @media (min-width: 768px) { .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .addNewBuying__preview__locations { padding-left: 30px; } } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .addNewBuying__preview__brief-intro--pl-0 { padding-left: 0.5rem !important; } @media (min-width: 768px) { .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .addNewBuying__preview__brief-intro { padding-left: 30px; } } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .addNewBuying__preview__brief-intro .addNewBuying__preview__brief-intro__sub { color: #262637; padding-bottom: 30px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .addNewBuying__preview__brief-intro--currently .addNewBuying__preview__brief-intro__sub { display: flex; align-items: baseline; padding-bottom: 15px; } .mieter-profil .profile-modal-wrapper .profile-modal-wrappe__info .addNewBuying__preview__brief-intro--currently .addNewBuying__preview__brief-intro__sub span { margin-left: auto; color: #76767b; padding-left: 20px; white-space: nowrap; } #email { font-size: 16px; padding: 15px; margin-bottom: 26px; width: 100%; border: 1px solid #d8d8d8; border-radius: 3px; line-height: 1.25rem; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); } select { background: url(../svg/arrow-point-to-right.svg) 93%/14px no-repeat #fff; padding: 17px 25px; width: 100%; border: 1px solid #d8d8d8; font-size: 19px; line-height: 1.25rem; margin-top: 22px; border-radius: 3px; box-shadow: 0 3px 3px 0 rgba(92, 105, 131, 0.22); -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .profile-modal-wrappe__info__profiles { display: flex; margin: 20px 0; } .profile-modal-wrappe__info__profiles .profile-modal-wrapper__img img { width: 100px !important; height: 100px !important; } .profile-modal-wrappe__info__profiles .profile-modal-wrapper__img ~ div { width: 100%; } .profile-modal-wrappe__info__profiles .profile-modal-wrapper__img ~ div p { padding-bottom: 0 !important; } @media (max-width: 600px) { .profile-modal-wrappe__info__profiles .profile-modal-wrapper__img img { max-width: 80px !important; margin-right: 10px !important; max-height: 80px !important; } .profile-modal-wrappe__info__profiles .info-input-lg { white-space: normal !important; text-align: right !important; } } @media (max-width: 600px) { .profile-modal-wrappe__info__job-info .info-input-lg { white-space: normal !important; text-align: right !important; } } .modal-button-contact { position: fixed; bottom: 3%; left: 21px; color: #fff; transition: all 0.3s; border-radius: 3px; background-color: #e8515c; font-size: 14px; cursor: pointer; padding: 12px 30px; font-weight: bold; width: calc(100% - 42px); display: block; font-family: "Red Hat Display", sans-serif; } @media (min-width: 1200px) { .modal-button-contact { display: none; } } #inviteModal .close { display: none; } @media (max-width: 1200px) { #inviteModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; max-width: 100%; padding: 0; overflow: auto; background: #f3f3f3; } #inviteModal .close { display: block; color: #aaaaaa; text-align: right; font-size: 45px; font-weight: bold; margin-top: 10px; } #inviteModal .invite { position: relative; top: unset; padding: 100px 30px 20px 30px; background: #f3f3f3; } } @media (max-width: 1200px) and (max-width: 573px) { #inviteModal .invite .invite__text { padding-left: 0; padding-top: 0; } #inviteModal .invite .invite__text label, #inviteModal .invite .invite__text p { margin-right: 0 !important; } #inviteModal .invite .invite__text .invite__text__emails .submit { width: 100%; max-width: 100%; } } #inviteModal #provider { margin-top: 0; } #inviteModal select { font-size: 16px; } .tenant-avatar { margin-top: unset !important; border-radius: 50%; width: 96px; height: 96px; margin-right: 40px; } #mieterAlert { display: none; z-index: 99999999999; opacity: 0; position: fixed; top: 10%; left: 50%; transform: translateX(-50%); background: #19b277; color: #fff; padding: 10px 25px; transition: 0.5s; } #mieterAlert span { margin-left: 15px; cursor: pointer; } .mieter-profil__tearms { text-align: left; } @media (min-width: 580px) { .mieter-profil__tearms { margin-top: -15px; } } .mieter-profil .invite div.invite__text .mieter-profil__tearms p { margin: 0 !important; } .preview-request { display: flex; background-color: #FFFFFF; color: #000000; margin-top: 150px; } .preview-request .main-content { width: 100%; margin-top: 0 !important; } .preview-request .sidebar { max-width: 400px; width: 100%; background-color: #F5F5F5; padding: 20px; } .preview-request .profile-header { display: flex; justify-content: center; } .preview-request .profile-image { width: 240px; height: 240px; object-fit: cover; border-radius: 50%; aspect-ratio: 1; } .preview-request .profile-info { display: flex; flex-direction: column; } .preview-request .read-more-badge { font-size: 8px; line-height: 10px; color: #ffffff; font-weight: bold; border-radius: 25px; background-color: #E8515C; padding: 4px 10px; } .preview-request .arrow-icon { width: 20px; height: 20px; margin-top: 5px; margin-left: 0; } .preview-request .qr-code { margin: 0 auto; } .preview-request .section-title { font-size: 20px; line-height: 26px; font-weight: bold; } .preview-request .section-divider { width: 40px; border-bottom: 4px solid #E8515C; margin-top: 5px; margin-bottom: 10px; } .preview-request .info-row, .preview-request .info-row-flex { display: flex; gap: 10px; padding-bottom: 10px; } .preview-request .info-row-flex { justify-content: space-between; align-items: center; } .preview-request .info-label { font-size: 16px; line-height: 20px; font-weight: bold; padding-bottom: 5px; } .preview-request .info-label-flex { font-size: 16px; line-height: 20px; color: #525252; } .preview-request .info-value { font-size: 16px; line-height: 20px; color: #525252; } .preview-request .info-value-flex { font-weight: bold; } .preview-request .info-value span { display: block; padding-bottom: 5px; } .preview-request .icon-container { display: flex; width: 20px; } .preview-request .icon-container-block { display: block; } .preview-request .small-icon { width: 18px; height: 18px; margin: auto; } .preview-request .attribute-tags { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 10px; } .preview-request .attribute-tag { font-size: 16px; line-height: 16px; color: #E8515C; display: inline-block; padding: 4px 8px; margin: 0; background-color: #FFE3DF; } .preview-request .equipment-list { display: flex; flex-wrap: wrap; gap: 5px; } .preview-request .equipment-column { flex: 1; } .preview-request .equipment-item { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 5px; } .preview-request .equipment-item .small-icon { margin-left: 0; margin-right: 10px; } .preview-request .equipment-text { font-size: 14px; line-height: 18px; } .preview-request .location-item { font-size: 16px; line-height: 20px; color: #525252; margin-bottom: 10px; } .preview-request .location-icon { width: 16px; margin-right: 10px; } .preview-request .main-content { padding: 20px; } .preview-request .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .preview-request .header-title { font-size: 24px; line-height: 30px; font-weight: bold; } .preview-request .logo { width: 200px; } .preview-request .divider { border-bottom: 1px solid #cccccc; } .preview-request .divider-red { border-bottom: 4px solid #E8515C; width: 40px; margin-top: -2px; } .preview-request .preview-request-my { margin: 20px 0; } .preview-request .title { font-size: 20px; line-height: 24px; font-weight: bold; margin-top: 15px; } .preview-request .summary { font-size: 16px; line-height: 20px; color: #525252; margin-top: 10px; } .preview-request .summary-link { color: #2D5ABF; } .preview-request .info-table { width: 100%; margin-top: 10px; border-collapse: collapse; } .preview-request .info-cell { padding: 5px; } .preview-request .household-summary { margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #E8515C; background-color: #F5F5F5; padding: 6px 14px; font-weight: bold; font-size: 18px; line-height: 22px; display: flex; gap: 30px; } .preview-request .household-number { color: #E8515C; } .preview-request .tenants-table { width: 100%; border-collapse: collapse; } .preview-request .tenant-cell { width: 100px; text-align: center; vertical-align: top; padding-top: 10px; border-bottom: 1px solid #cccccc; } .preview-request .tenant-photo { width: 100px; height: 100px; border-radius: 100%; object-fit: cover; } .preview-request .tenant-info { vertical-align: top; padding-left: 20px; padding-top: 10px; border-bottom: 1px solid #cccccc; } .preview-request .tenant-name { font-size: 16px; line-height: 20px; font-weight: bold; padding-bottom: 10px; } .preview-request .tenant-detail, .preview-request .tenant-detail-small { padding-bottom: 10px; display: flex; gap: 10px; justify-content: space-between; } .preview-request .tenant-detail-small { padding-bottom: 5px; } .preview-request .tenant-label { font-size: 16px; line-height: 20px; color: #525252; } .preview-request .tenant-value { font-size: 16px; line-height: 20px; font-weight: bold; color: #525252; } .preview-request .residence-photos { display: flex; flex-wrap: wrap; gap: 15px; } .preview-request .residence-photo { width: 200px; height: 200px; object-fit: cover; } @media (max-width: 768px) { .preview-request { margin-top: 100px; flex-direction: column; padding: 10px; } .preview-request .header { flex-direction: column-reverse; gap: 20px; } .preview-request .sidebar { max-width: 100%; padding: 15px; } .preview-request .logo { display: none; } .preview-request .title { font-size: 16px; line-height: 20px; font-weight: bold; margin-top: 15px; } .preview-request .summary { font-size: 14px; line-height: 18px; color: #525252; margin-top: 10px; } .preview-request .summary-link { color: #2D5ABF; } .preview-request .section-title { font-size: 18px; } .preview-request .info-label, .preview-request .info-value { font-size: 14px; } .preview-request .header-title { font-size: 20px; } .preview-request .tenants-table { display: flex; } .preview-request .tenants-table tbody { width: 100%; } .preview-request .tenants-table tr { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #cccccc; } .preview-request .tenants-table tr .tenant-cell { display: flex; } .preview-request .tenants-table tr .tenant-cell img { margin: auto 0; width: 100px; height: 100px; } .preview-request .tenants-table tr td { border-bottom: 0; } .preview-request .tenants-table tr .tenant-info--main { width: calc(100% - 100px); } .preview-request .tenants-table tr .tenant-info--sub { width: 100%; } .preview-request .tenant-info { padding-left: 10px; } .preview-request .tenant-name { font-size: 14px; line-height: 18px; } .preview-request .tenant-label { font-size: 14px; line-height: 18px; } .preview-request .tenant-detail, .preview-request .tenant-detail-small { flex-direction: column; gap: 2px; } .preview-request .tenant-detail-small { padding-bottom: 10px; } .preview-request .residence-photo { width: 100px; height: 100px; } } @media (max-width: 468px) { .preview-request { margin-top: 100px; flex-direction: column; margin-top: 50px; padding: 10px; } .preview-request .info-table { display: flex; flex-direction: column; } .preview-request .info-table tr { display: flex; flex-direction: column; } } .preview-request--public { margin-top: 0px; } .preview-request--public .sidebar { max-width: 300px; width: 100%; background-color: #F5F5F5; padding: 20px; } .preview-request--public .profile-image { width: 220px; height: 220px; } .preview-request--public .section-title { font-size: 18px; line-height: 24px; font-weight: bold; } .preview-request--public .info-row, .preview-request--public .info-row-flex { display: flex; gap: 10px; padding-bottom: 10px; } .preview-request--public .info-row-flex { justify-content: space-between; } .preview-request--public .info-label { font-size: 14px; line-height: 18px; font-weight: bold; padding-bottom: 5px; } .preview-request--public .info-label-flex { font-size: 14px; line-height: 18px; color: #525252; } .preview-request--public .info-value { font-size: 14px; line-height: 18px; color: #525252; } .preview-request--public .info-value-flex { font-weight: bold; } .preview-request--public .info-value span { display: block; padding-bottom: 5px; } .preview-request--public .icon-container { display: flex; width: 20px; } .preview-request--public .icon-container-block { display: block; } .preview-request--public .small-icon { width: 16px; height: 16px; margin: auto; } .preview-request--public .attribute-tags { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 10px; } .preview-request--public .attribute-tag { font-size: 14px; line-height: 14px; color: #E8515C; display: inline-block; padding: 4px 8px; margin: 0; background-color: #FFE3DF; } .preview-request--public .equipment-list { display: flex; flex-wrap: wrap; gap: 5px; } .preview-request--public .equipment-column { flex: 1; } .preview-request--public .equipment-item { display: flex; align-items: center; justify-content: flex-start; padding-bottom: 5px; } .preview-request--public .equipment-item .small-icon { margin-left: 0; margin-right: 10px; } .preview-request--public .equipment-text { font-size: 12px; line-height: 16px; } .preview-request--public .location-item { font-size: 14px; line-height: 18px; color: #525252; margin-bottom: 10px; } .preview-request--public .location-icon { width: 14px; margin-right: 10px; } .preview-request--public .main-content { padding: 20px; } .preview-request--public .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .preview-request--public .header-title { font-size: 22px; line-height: 28px; font-weight: bold; } .preview-request--public .logo { width: 200px; } .preview-request--public .divider { border-bottom: 1px solid #cccccc; } .preview-request--public .divider-red { border-bottom: 4px solid #E8515C; width: 40px; margin-top: -2px; } .preview-request--public .preview-request-my { margin: 20px 0; } .preview-request--public .title { font-size: 18px; line-height: 22px; font-weight: bold; margin-top: 15px; } .preview-request--public .summary { font-size: 14px; line-height: 18px; color: #525252; margin-top: 10px; } .preview-request--public .summary-link { color: #2D5ABF; } .preview-request--public .info-table { width: 100%; margin-top: 10px; border-collapse: collapse; } .preview-request--public .info-cell { padding: 5px; } .preview-request--public .household-summary { margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid #E8515C; background-color: #F5F5F5; padding: 6px 14px; font-weight: bold; font-size: 16px; line-height: 20px; display: flex; gap: 30px; } .preview-request--public .household-number { color: #E8515C; } .preview-request--public .tenants-table { width: 100%; border-collapse: collapse; } .preview-request--public .tenant-photo { width: 100px; height: 100px; } .preview-request--public .tenant-name { font-size: 14px; line-height: 18px; } .preview-request--public .tenant-label { font-size: 14px; line-height: 18px; } .preview-request--public .tenant-value { font-size: 14px; line-height: 18px; } .preview-request--public .residence-photo { width: 150px; height: 150px; object-fit: cover; } @media (max-width: 768px) { .preview-request--public { margin-top: 0; flex-direction: column; padding: 10px; } .preview-request--public .header { flex-direction: column-reverse; gap: 20px; } .preview-request--public .sidebar { max-width: 100%; padding: 15px; } .preview-request--public .title { font-size: 16px; line-height: 20px; } .preview-request--public .summary { font-size: 14px; line-height: 18px; } .preview-request--public .section-title { font-size: 18px; } .preview-request--public .info-label, .preview-request--public .info-value { font-size: 14px; } .preview-request--public .header-title { font-size: 20px; } .preview-request--public .tenants-table { display: flex; } .preview-request--public .tenants-table tbody { width: 100%; } .preview-request--public .tenants-table tr { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #cccccc; } .preview-request--public .tenants-table tr .tenant-cell { display: flex; } .preview-request--public .tenants-table tr .tenant-cell img { margin: auto 0; width: 100px; height: 100px; } .preview-request--public .tenants-table tr td { border-bottom: 0; } .preview-request--public .tenants-table tr .tenant-info--main { width: calc(100% - 100px); } .preview-request--public .tenants-table tr .tenant-info--sub { width: 100%; } .preview-request--public .tenant-info { padding-left: 10px; } .preview-request--public .tenant-name { font-size: 14px; line-height: 18px; } .preview-request--public .tenant-label { font-size: 14px; line-height: 18px; } .preview-request--public .tenant-detail, .preview-request--public .preview-request .tenant-detail-small, .preview-request .preview-request--public .tenant-detail-small { flex-direction: column; gap: 2px; } .preview-request--public .tenant-detail-small { padding-bottom: 10px; } .preview-request--public .residence-photo { width: 100px; height: 100px; } } @media (max-width: 468px) { .preview-request--public { margin-top: 0; } .preview-request--public .main-content { padding: 0; } } .request-profil { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 9999; background: white; overflow: auto; padding-top: 100px; } .mieter-req-prev { max-width: 716px; margin: auto; } .mieter-req-prev__header { text-align: center; margin-top: 45px; margin-bottom: 50px; } .mieter-req-prev__header h1 { font-size: 35px; line-height: 45px; color: #262637; padding-bottom: 15px; } .mieter-req-prev__header p { font-size: 16px; line-height: 20px; color: #707070; } .mieter-req-prev h2 { font-size: 25px; line-height: 35px; color: #262637; padding-bottom: 15px; padding-top: 25px; } .mieter-req-prev h3 { font-size: 20px; line-height: 35px; color: #262637; padding-bottom: 15px; } .mieter-req-prev h4 { font-size: 16px; line-height: 25px; color: #262637; padding-bottom: 15px; } .mieter-req-prev__about { display: flex; padding-top: 20px; margin-bottom: 50px; } .mieter-req-prev__about div:last-of-type { width: 100%; } .mieter-req-prev__about__img { border-radius: 50%; width: 150px; height: 150px; position: relative; min-width: 150px; display: block; margin-right: 35px; margin-top: 50px; } .mieter-req-prev__about__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-attachment: scroll; background-position: center; background-repeat: repeat; background-origin: content-box; border-radius: 50%; } .mieter-req-prev__about p { margin-top: -10px; margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; border-radius: 10px; min-height: 150px; } .mieter-req-prev__about p:first-of-type { min-height: 70px; } .mieter-req-prev__info { display: flex; justify-content: space-between; margin-bottom: 30px; } .mieter-req-prev__info__double { display: flex; flex-direction: column; justify-content: space-between; width: 48%; } .mieter-req-prev__info__double__persons p { display: flex; justify-content: space-between; margin-bottom: 20px; padding-right: 20px; } .mieter-req-prev__info__double__persons p span { border: 1px solid #ccc; display: inline-block; min-width: 70px; text-align: center; } .mieter-req-prev__info__single { display: flex; flex-direction: column; width: 49%; } .mieter-req-prev__info__double > div, .mieter-req-prev__info__single { border: 2px solid #ccc; padding: 10px; } .mieter-req-prev__info__single--other p { line-height: 1.375rem; font-size: 15px; } .mieter-req-prev__info__single--other > div:not(:last-of-type) { padding-bottom: 15px; } .mieter-req-prev__info__single--other div { display: flex; justify-content: space-between; } .mieter-req-prev__info__single--other label:last-of-type { margin-right: 0; } .mieter-req-prev__info__single--other__textarea { flex-direction: column; } .mieter-req-prev__info__single--other__textarea p { padding-bottom: 10px; font-weight: bold; } .mieter-req-prev__info__single--other__textarea textarea { border: 1px solid #d8d8d8; border-radius: 3px; font-size: 15px; line-height: 1.375rem; width: 80%; padding: 12px 15px; resize: none; color: #76767b; } .mieter-req-prev__info .container-checkbox { display: block; padding-left: 0; margin-bottom: 17px; margin-right: 20px; } .mieter-req-prev__info .container-checkbox .checkmark { border-radius: 3px; border: solid 1px #76767b; background-color: transparent; } .mieter-req-prev__info .container-checkbox .checkmark:after { display: none !important; } .mieter-req-prev__info .container-checkbox .checkmark__check { left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; display: none; } .mieter-req-prev__info .container-checkbox p { line-height: 1.375rem; font-size: 15px; padding-left: 32px; } .mieter-req-prev__info .container-checkbox input:checked ~ .container-checkbox-text { font-weight: bold; } .mieter-req-prev__info .container-checkbox .container-checkbox-text { display: flex; justify-content: space-between; } .mieter-req-prev__info .container-checkbox .container-checkbox-text__date span { padding: 1px 5px; min-width: 60px; display: inline-block; border: 1px solid #d8d8d8; box-shadow: 0px 3px 3px #5C698338; text-align: center; } .mieter-req-prev__info .container-checkbox .container-checkbox-text__date span:first-of-type { margin-right: 5px; } .mieter-req-prev__info .container-checkbox input:checked ~ .checkmark .checkmark__check { display: block; } .mieter-req-prev .mieter-req-prev--radios { flex-direction: column; } .mieter-req-prev .mieter-req-prev--radios p { max-width: 485px; } .mieter-req-prev .mieter-req-prev--radios > div { padding-bottom: 20px; } .mieter-req-prev .mieter-req-prev--radios div { display: flex; justify-content: space-between; } .mieter-req-prev .mieter-req-prev--radios div .mieter-req__container-radio { margin: auto 0; } .mieter-req-prev .mieter-req-prev--radios div .container-checkbox { margin-bottom: 0; } .mieter-req-prev__tenant { border: 2px solid #ccc; border-radius: 10px; margin-bottom: 50px; } .mieter-req-prev__tenant h2 { background-color: #f2f2f2; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 15px 25px; } .mieter-req-prev__tenant__wrapp { padding: 25px; display: grid; grid-template-columns: 30% 30% 30%; grid-gap: 5%; } .mieter-req-prev__tenant__wrapp .text-center { text-align: center; } .mieter-req-prev__tenant__wrapp div label { font-size: 15px; } .mieter-req-prev__tenant__wrapp div input { background: transparent; padding: 7px 14px 4px 14px; border: 1px solid #d8d8d8; border-radius: 3px; font-size: 16px; line-height: 1.25rem; margin-bottom: 10px; width: 100%; margin-top: unset; } .mieter-req-prev__tenant__wrapp div img { border-radius: 50%; width: 120px; height: 120px; object-fit: cover; margin-top: 21px; } .mieter-req-prev__text ol li { padding-bottom: 20px; } .mieter-req-prev .signature-wrapp { display: flex; justify-content: space-between; } .mieter-req-prev .signature { max-width: 30%; width: 30%; margin-top: 80px; } .mieter-req-prev .signature p:first-of-type { border-bottom: 1px solid #000; } .mieter-req-prev .signature p:last-of-type { font-weight: bold; text-align: left; } .page-break { page-break-after: always; } footer { padding-top: 110px; } footer .footer__header { font-size: 24px; font-weight: bold; line-height: 1.29; letter-spacing: normal; color: #262637; } footer p { font-size: 19px; line-height: 1.875rem; letter-spacing: normal; color: #262637; padding-top: 27px; } @media (max-width: 767px) { footer .footer__about { margin-top: 30px; margin-bottom: 23px; } } footer .footer__about .footer__about__text { color: #76767b; padding-right: 29px; } @media (max-width: 991px) { footer .footer__about .footer__about__text { padding-right: 0px; } } footer .footer__links { max-width: 240px; } footer .footer__links a { display: block; font-size: 19px; line-height: 1.563rem; letter-spacing: normal; text-align: left; color: #262637; padding-bottom: 20px; } footer .footer__links a:not(:last-of-type) { padding-bottom: 57px; } footer .privacy { padding-top: 80px; } @media (max-width: 635px) { footer .privacy { padding-top: 40px; } footer .privacy span:not(:last-of-type) { display: block; } } footer .privacy span { padding-right: 10px; color: #76767b; } footer .privacy span a { font-size: 15px; line-height: 1.188rem; letter-spacing: normal; color: #76767b; } footer .privacy span:first-of-type { padding-right: 0; } footer .privacy .privacy__langLinks { padding: 20px 14px; padding: unset; display: inline-block; float: right; } footer .privacy .privacy__langLinks .active { font-weight: bold; } footer .privacy .privacy__langLinks a { font-size: 13px; line-height: 1.188rem; } footer .privacy .privacy__langLinks span { font-weight: bold; font-size: 19px; padding-right: 0; color: gray; } @media (max-width: 480px) { footer { padding-top: 40px; } footer .footer__header { font-size: 16px; line-height: 1.25rem; } footer p { font-size: 12px; line-height: 0.9375rem; padding-top: 17px; } footer .footer__links a { font-size: 12px; line-height: 0.9375rem; } footer a:not(:last-of-type) { padding-bottom: 20px; padding-top: 7px; } footer .privacy span a { font-size: 10px; line-height: 1.188rem; } }