2 background-image: url('../img/header-background.jpg');
3 background-size: cover;
4 background-attachment: fixed;
5 background-position: center center;
9 @include media-breakpoint-up(sm) {
10 margin-bottom: 1078px;
12 @include media-breakpoint-up(md) {
15 @include media-breakpoint-up(lg) {
18 @include media-breakpoint-up(xl) {
26 background-color: white;
27 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
28 @include media-breakpoint-down(sm) {
29 background-color: transparent;
37 @include media-breakpoint-down(sm) {
41 background-color: white;
42 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
44 @include media-breakpoint-down(xs) {
51 border-radius: 4px 0 0 4px;
52 @include media-breakpoint-down(sm) {
54 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
56 @include media-breakpoint-down(xs) {
73 background-color: rgba($blue-grey-900, .08);
74 border-bottom: 2px solid $blue-grey-900;
78 input.radiobtn:not(old) {
82 input.radiobtn:not(old) + label {
83 display: inline-block;
84 background-image: url("/static/img/icons/icon-radiobtn-off.png");
85 background-repeat: no-repeat;
86 background-position: 0 0;
88 @include media-breakpoint-up(lg) {
93 input.radiobtn:not(old):checked + label {
94 background-image: url("/static/img/icons/icon-radiobtn-on.png");
99 background-color: $blue-grey-50;
112 background-color: white;
114 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
118 margin: 0 4px 12px 4px;
120 @include media-breakpoint-up(sm) {
122 margin: 0 8px 16px 8px;
133 @include media-breakpoint-down(lg) {
134 padding-bottom: 24px;
143 @include media-breakpoint-up(lg) {
146 background-position: 0 4px;
152 @include media-breakpoint-down(lg) {
157 @include media-breakpoint-up(lg) {
160 background-position: 0 6px;
163 @include media-breakpoint-up(xl) {
166 background-position: 0 20px;
172 @include media-breakpoint-up(lg) {
181 input[name=amount]:checked + label {
182 background-image: linear-gradient(120deg, rgb(79, 195, 247), rgb(25, 118, 210));
190 border: 1px solid $blue-grey-300;
194 @include media-breakpoint-up(sm) {
197 @include media-breakpoint-up(lg) {
200 border: 1px solid $blue-grey-300;
204 @include media-breakpoint-up(xl) {
209 font-family: 'Ubuntu', sans-serif;
213 color: $blue-grey-300;
214 background-color: $blue-grey-50;
222 @include media-breakpoint-up(lg) {