CSS File

1@charset "utf-8";

2

3:root {

4 --primary-color-base: #4285F4;

5 --primary-color-l-5: #5a95f5;

6 --primary-color-l-10: #72a4f7;

7 --primary-color-l-15: #8ab4f8;

8 --primary-color-l-20: #a2c3fa;

9 --primary-color-l-25: #bad3fb;

10 --primary-color-l-30: #d3e2fc;

11 --primary-color-l-35: #ebf2fe;

12 --primary-color-l-40: #9fbced;

13 --primary-color-l-45: #b5cbf1;

14 --primary-color-l-50: #cadaf5;

15 --primary-color-d-5: #2a75f3;

16 --primary-color-d-10: #1266f1;

17 --primary-color-a-01: rgba(66, 133, 244, 0.1);

18 --primary-color-a-02: rgba(66, 133, 244, 0.2);

19 --primary-color-a-03: rgba(66, 133, 244, 0.3);

20 --primary-color-a-04: rgba(66, 133, 244, 0.4);

21 --primary-color-a-05: rgba(66, 133, 244, 0.5);

22 --primary-color-a-06: rgba(66, 133, 244, 0.6);

23 --primary-color-a-07: rgba(66, 133, 244, 0.7);

24 --primary-color-a-08: rgba(66, 133, 244, 0.8);

25 --primary-color-a-09: rgba(66, 133, 244, 0.9);

26 --text-color-base: #222222;

27 --text-color-base-header: var(--text-color-base);

28 --text-color-l-5: #2f2f2f;

29 --text-color-l-10: #3b3b3b;

30 --text-color-l-15: #484848;

31 --text-color-l-20: #555555;

32 --text-color-l-25: #626262;

33 --text-color-l-30: #6e6e6e;

34 --text-color-l-35: #7b7b7b;

35 --text-color-l-40: #888888;

36 --text-color-l-45: #959595;

37 --text-color-l-50: #a1a1a1;

38 --text-color-l-55: #aeaeae;

39 --text-color-l-60: #bbbbbb;

40 --text-color-d-5: #151515;

41 --text-color-d-10: #080808;

42 --text-color-a-01: rgba(34, 34, 34, 0.1);

43 --text-color-a-02: rgba(34, 34, 34, 0.2);

44 --text-color-a-03: rgba(34, 34, 34, 0.3);

45 --text-color-a-04: rgba(34, 34, 34, 0.4);

46 --text-color-a-05: rgba(34, 34, 34, 0.5);

47 --text-color-a-06: rgba(34, 34, 34, 0.6);

48 --text-color-a-07: rgba(34, 34, 34, 0.7);

49 --text-color-a-08: rgba(34, 34, 34, 0.8);

50 --text-color-a-09: rgba(34, 34, 34, 0.9);

51

52 --error-text-color: #EB5757;

53 --error-background-color: rgba(235, 87, 87, 0.1);

54 --lpc-no-image: url('/g/s3/lp/lpc.v4/images/no-image.svg');

55}

56

57

58/*Text font size*/

59:root {

60 --header-title-1-default: 40px;

61 --header-title-2-default: 36px;

62 --header-title-3-default: 32px;

63 --header-title-4-default: 26px;

64 --header-title-5-default: 20px;

65 --header-title-6-default: 16px;

66

67 --header-title-1-media-1-default: 36px;

68 --header-title-1-media-1-max: 72px;

69 --header-title-1-media-1-min: 32px;

70 --header-title-1-media-2-default: 32px;

71 --header-title-1-media-2-max: 64px;

72 --header-title-1-media-2-min: 28px;

73 --header-title-1-media-3-default: 28px;

74 --header-title-1-media-3-max: 54px;

75 --header-title-1-media-3-min: 26px;

76 --header-title-1-media-4-default: 26px;

77 --header-title-1-media-4-max: 40px;

78 --header-title-1-media-4-min: 24px;

79

80 --header-title-2-media-1-default: 32px;

81 --header-title-2-media-1-max: 66px;

82 --header-title-2-media-1-min: 28px;

83 --header-title-2-media-2-default: 28px;

84 --header-title-2-media-2-max: 56px;

85 --header-title-2-media-2-min: 26px;

86 --header-title-2-media-3-default: 26px;

87 --header-title-2-media-3-max: 52px;

88 --header-title-2-media-3-min: 24px;

89 --header-title-2-media-4-default: 24px;

90 --header-title-2-media-4-max: 36px;

91 --header-title-2-media-4-min: 22px;

92

93 --header-title-3-media-1-default: 28px;

94 --header-title-3-media-1-max: 60px;

95 --header-title-3-media-1-min: 24px;

96 --header-title-3-media-2-default: 26px;

97 --header-title-3-media-2-max: 52px;

98 --header-title-3-media-2-min: 22px;

99 --header-title-3-media-3-default: 24px;

100 --header-title-3-media-3-max: 48px;

101 --header-title-3-media-3-min: 20px;

102 --header-title-3-media-4-default: 22px;

103 --header-title-3-media-4-max: 32px;

104 --header-title-3-media-4-min: 20px;

105

106 --header-title-4-media-1-default: 24px;

107 --header-title-4-media-1-max: 54px;

108 --header-title-4-media-1-min: 20px;

109 --header-title-4-media-2-default: 22px;

110 --header-title-4-media-2-max: 44px;

111 --header-title-4-media-2-min: 18px;

112 --header-title-4-media-3-default: 20px;

113 --header-title-4-media-3-max: 40px;

114 --header-title-4-media-3-min: 18px;

115 --header-title-4-media-4-default: 20px;

116 --header-title-4-media-4-max: 30px;

117 --header-title-4-media-4-min: 18px;

118

119 --header-title-5-media-1-default: 20px;

120 --header-title-5-media-1-max: 48px;

121 --header-title-5-media-1-min: 16px;

122 --header-title-5-media-2-default: 20px;

123 --header-title-5-media-2-max: 36px;

124 --header-title-5-media-2-min: 16px;

125 --header-title-5-media-3-default: 18px;

126 --header-title-5-media-3-max: 36px;

127 --header-title-5-media-3-min: 16px;

128 --header-title-5-media-4-default: 18px;

129 --header-title-5-media-4-max: 26px;

130 --header-title-5-media-4-min: 16px;

131

132 --header-title-6-media-1-default: 16px;

133 --header-title-6-media-1-max: 42px;

134 --header-title-6-media-1-min: 16px;

135 --header-title-6-media-2-default: 16px;

136 --header-title-6-media-2-max: 32px;

137 --header-title-6-media-2-min: 16px;

138 --header-title-6-media-3-default: 16px;

139 --header-title-6-media-3-max: 32px;

140 --header-title-6-media-3-min: 16px;

141 --header-title-6-media-4-default: 16px;

142 --header-title-6-media-4-max: 24px;

143 --header-title-6-media-4-min: 16px;

144

145 --header-text-1-default: 20px;

146 --header-text-2-default: 18px;

147 --header-text-3-default: 16px;

148 --header-text-4-default: 15px;

149

150

151 --header-text-1-media-1-default: 18px;

152 --header-text-1-media-1-max: 24px;

153 --header-text-1-media-1-min: 14px;

154 --header-text-1-media-2-default: 18px;

155 --header-text-1-media-2-max: 24px;

156 --header-text-1-media-2-min: 14px;

157 --header-text-1-media-3-default: 17px;

158 --header-text-1-media-3-max: 22px;

159 --header-text-1-media-3-min: 14px;

160 --header-text-1-media-4-default: 16px;

161 --header-text-1-media-4-max: 20px;

162 --header-text-1-media-4-min: 13px;

163

164 --header-text-2-media-1-default: 18px;

165 --header-text-2-media-1-max: 24px;

166 --header-text-2-media-1-min: 14px;

167 --header-text-2-media-2-default: 17px;

168 --header-text-2-media-2-max: 22px;

169 --header-text-2-media-2-min: 14px;

170 --header-text-2-media-3-default: 17px;

171 --header-text-2-media-3-max: 22px;

172 --header-text-2-media-3-min: 14px;

173 --header-text-2-media-4-default: 16px;

174 --header-text-2-media-4-max: 20px;

175 --header-text-2-media-4-min: 13px;

176

177 --header-text-3-media-1-default: 16px;

178 --header-text-3-media-1-max: 20px;

179 --header-text-3-media-1-min: 13px;

180 --header-text-3-media-2-default: 16px;

181 --header-text-3-media-2-max: 20px;

182 --header-text-3-media-2-min: 13px;

183 --header-text-3-media-3-default: 16px;

184 --header-text-3-media-3-max: 20px;

185 --header-text-3-media-3-min: 13px;

186 --header-text-3-media-4-default: 16px;

187 --header-text-3-media-4-max: 20px;

188 --header-text-3-media-4-min: 13px;

189

190 --header-text-4-media-1-default: 15px;

191 --header-text-4-media-1-max: 18px;

192 --header-text-4-media-1-min: 12px;

193 --header-text-4-media-2-default: 15px;

194 --header-text-4-media-2-max: 18px;

195 --header-text-4-media-2-min: 13px;

196 --header-text-4-media-3-default: 15px;

197 --header-text-4-media-3-max: 18px;

198 --header-text-4-media-3-min: 13px;

199 --header-text-4-media-4-default: 15px;

200 --header-text-4-media-4-max: 18px;

201 --header-text-4-media-4-min: 13px;

202

203

204 --header-button-default: 18px;

205 --header-button-media-1-default: 18px;

206 --header-button-media-1-max: 24px;

207 --header-button-media-1-min: 16px;

208 --header-button-media-2-default: 18px;

209 --header-button-media-2-max: 24px;

210 --header-button-media-2-min: 16px;

211 --header-button-media-3-default: 18px;

212 --header-button-media-3-max: 22px;

213 --header-button-media-3-min: 15px;

214 --header-button-media-4-default: 18px;

215 --header-button-media-4-max: 20px;

216 --header-button-media-4-min: 15px;

217

218

219 --block-indent-default: 32px;

220 --block-indent-media-1-default: 32px;

221 --block-indent-media-1-max: 160px;

222 --block-indent-media-1-min: 8px;

223 --block-indent-media-2-default: 32px;

224 --block-indent-media-2-max: 96px;

225 --block-indent-media-2-min: 8px;

226 --block-indent-media-3-default: 24px;

227 --block-indent-media-3-max: 80px;

228 --block-indent-media-3-min: 6px;

229 --block-indent-media-4-default: 24px;

230 --block-indent-media-4-max: 64px;

231 --block-indent-media-4-min: 6px;

232}

233/*

234* {

235 box-sizing: border-box;

236}

237*/

238

239html {

240 font-family: sans-serif;

241 -ms-text-size-adjust: 100%;

242 -webkit-text-size-adjust: 100%;

243}

244body {

245 margin: 0;

246}

247article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

248 display: block;

249}

250

251audio, canvas, progress, video {

252 display: inline-block;

253 vertical-align: baseline;

254}

255

256video {background: var(--text-color-d-10)}

257

258audio:not([controls]), body #lg-zoom-in, body #lg-zoom-out, body #lg-actual-size, body .lg-fullscreen {

259 display: none;

260 height: 0;

261}

262

263.lg-outer .lg .lg-toolbar .lg-close {

264 margin: 0;

265}

266

267[hidden], template {

268 display: none;

269}

270

271._clear {

272 clear: both;

273}

274

275.lpc-block:not(.custom-lpc-block) ol {

276 padding: 0 0 0 1em;

277}

278

279.lpc-block:not(.custom-lpc-block) ul:not(.controls-inner):not(.splide__pagination):not(.drop-block) {

280 list-style: none;

281 padding: 0;

282}

283

284.lpc-block:not(.custom-lpc-block) ul:not(.lpc-elements-text-3__text):not(.controls-inner):not(.splide__pagination):not(.drop-block) li {

285 position: relative;

286 padding-left: 0.8em;

287}

288

289.lpc-block:not(.custom-lpc-block) ul:not(.lpc-elements-text-3__text):not(.controls-inner):not(.splide__pagination):not(.drop-block):not(.lpc-list-no-before) li:before {

290 /*margin-right: 0.4em;*/

291 content: "•";

292 color: currentcolor;

293 position: absolute;

294 margin-left: -0.8em;

295}

296

297.lpc-wrap:not(.custom-lpc-wrap) a:not(.lp-icon-link):not(.lp-button):not([href^="tel:"]):not(.lpc-link-bg) {

298 background: transparent;

299}

300

301.lpc-wrap:not(.custom-lpc-wrap) a:not(.lp-icon-link):not(.lp-button):not(.lp-exceptions-class):not([href^="tel:"]):active, .lpc-wrap:not(.custom-lpc-wrap) a:not(.lp-icon-link):not(.lp-button):not(.lp-exceptions-class):not([href^="tel:"]):hover {

302 outline: 0;

303}

304

305/*.lpc-wrap:not(.custom-lpc-wrap) a:not(.lp-icon-link):not(.lp-button):not(.lp-text-color-not):not([href^="tel:"]):not(.lpc-link-edit) {

306 color: var(--primary-color-base);

307 transition: .3s ease;

308}

309

310.lpc-wrap:not(.custom-lpc-wrap) a:not(.lp-icon-link):not(.lp-button):not(.lp-text-color-not):not([href^="tel:"]):not(.lpc-link-edit):hover {

311 text-decoration: none;

312}*/

313

314.lpc-wrap:not(.custom-lpc-wrap) a:not([class]),

315.lpc-wrap:not(.custom-lpc-wrap) a[class=""] {

316 transition: .3s ease;

317 text-decoration: underline;

318 text-decoration-thickness: 1px;

319 text-underline-offset: 0.25em;

320 text-decoration-color: var(--primary-color-a-03);

321 color: var(--primary-color-base);

322}

323

324.lpc-wrap:not(.custom-lpc-wrap) a:not([class]):hover,

325.lpc-wrap:not(.custom-lpc-wrap) a[class=""]:hover {

326 text-decoration: none;

327}

328

329.lpc-wrap:not(.custom-lpc-wrap) a[href^="tel:"]:not(.lp-button),

330.lpc-wrap:not(.custom-lpc-wrap) a[href^="tel:"]:not(.lp-button):hover {

331 text-decoration: none;

332 color: inherit;

333 cursor: pointer;

334}

335

336.lpc-opacity-block {

337 opacity: 0;

338}

339

340

341img {

342 border: 0;

343}

344

345.lpc-no-image {

346 pointer-events: none;

347 background: var(--lpc-no-image) 50% no-repeat !important;

348}

349

350

351button, input, optgroup, select, textarea {

352 margin: 0;

353 color: inherit;

354 font: inherit;

355}

356

357/*h1,h2,h3,h4,h5,h6 {

358 margin: 0;

359}*/

360

361/*.lp-header-title-0, .lp-header-title-1, .lp-header-title-2, .lp-header-title-3, .lp-header-title-4, .lp-header-title-5, .lp-header-title-6, h1,h2,h3,h4,h5,h6 {

362 line-height: 1.25;

363 font-style: normal;

364 font-weight: 700;

365}*/

366

367/*.lpc-wrap .lp-header-title-0,

368.lpc-wrap .lp-header-title-1,

369.lpc-wrap .lp-header-title-2,

370.lpc-wrap .lp-header-title-3,

371.lpc-wrap .lp-header-title-4,

372.lpc-wrap .lp-header-title-5,

373.lpc-wrap .lp-header-title-6,

374.lpc-wrap .lp-header-title-0:hover,

375.lpc-wrap .lp-header-title-1:hover,

376.lpc-wrap .lp-header-title-2:hover,

377.lpc-wrap .lp-header-title-3:hover,

378.lpc-wrap .lp-header-title-4:hover,

379.lpc-wrap .lp-header-title-5:hover,

380.lpc-wrap .lp-header-title-6:hover,

381.lpc-wrap h1,

382.lpc-wrap h2,

383.lpc-wrap h3,

384.lpc-wrap h4,

385.lpc-wrap h5,

386.lpc-wrap h6,

387.lpc-wrap h1:hover,

388.lpc-wrap h2:hover,

389.lpc-wrap h3:hover,

390.lpc-wrap h4:hover,

391.lpc-wrap h5:hover,

392.lpc-wrap h6:hover {

393 color: var(--text-color-base-header);

394}*/

395

396.lpc-wrap .lp-header-title-0,

397.lpc-wrap .lp-header-title-1,

398.lpc-wrap .lp-header-title-2,

399.lpc-wrap .lp-header-title-3,

400.lpc-wrap .lp-header-title-4,

401.lpc-wrap .lp-header-title-5,

402.lpc-wrap .lp-header-title-6,

403.lpc-wrap h1,

404.lpc-wrap h2,

405.lpc-wrap h3,

406.lpc-wrap h4,

407.lpc-wrap h5,

408.lpc-wrap h6 {

409 color: var(--text-color-base-header);

410}

411

412

413h1.lp-header-title-0,

414h2.lp-header-title-0,

415h3.lp-header-title-0,

416h4.lp-header-title-0,

417h5.lp-header-title-0,

418h6.lp-header-title-0,

419h1.lp-header-title-1,

420h2.lp-header-title-1,

421h3.lp-header-title-1,

422h4.lp-header-title-1,

423h5.lp-header-title-1,

424h6.lp-header-title-1,

425h1.lp-header-title-2,

426h2.lp-header-title-2,

427h3.lp-header-title-2,

428h4.lp-header-title-2,

429h5.lp-header-title-2,

430h6.lp-header-title-2,

431h1.lp-header-title-3,

432h2.lp-header-title-3,

433h3.lp-header-title-3,

434h4.lp-header-title-3,

435h5.lp-header-title-3,

436h6.lp-header-title-3,

437h1.lp-header-title-4,

438h2.lp-header-title-4,

439h3.lp-header-title-4,

440h4.lp-header-title-4,

441h5.lp-header-title-4,

442h6.lp-header-title-4,

443h1.lp-header-title-5,

444h2.lp-header-title-5,

445h3.lp-header-title-5,

446h4.lp-header-title-5,

447h5.lp-header-title-5,

448h6.lp-header-title-5,

449h1.lp-header-title-6,

450h2.lp-header-title-6,

451h3.lp-header-title-6,

452h4.lp-header-title-6,

453h5.lp-header-title-6,

454h6.lp-header-title-6 {

455 margin: 0;

456}

457

458

459.lp-header-title-1,

460.lpc-wrap h1 {

461 margin-top: 0;

462 line-height: 1.2;

463}

464

465

466[data-media-source="media-lg"] .lp-header-title-1,

467[data-media-source="media-lg"] h1 {

468 line-height: 1.2;

469}

470

471[data-media-source="media-md"] .lp-header-title-1,

472[data-media-source="media-md"] h1 {

473 line-height: 1.2;

474}

475

476

477[data-media-source="media-sm"] .lp-header-title-1,

478[data-media-source="media-sm"] h1 {

479 line-height: 1.2;

480}

481

482

483[data-media-source="media-xs"] .lp-header-title-1,

484[data-media-source="media-xs"] h1 {

485 line-height: 1.2;

486}

487

488.lp-header-title-2,

489.lpc-wrap h2 {

490 line-height: 1.2;

491}

492

493[data-media-source="media-lg"] .lp-header-title-2,

494[data-media-source="media-lg"] h2 {

495 line-height: 1.2;

496}

497

498[data-media-source="media-md"] .lp-header-title-2,

499[data-media-source="media-md"] h2 {

500 line-height: 1.2;

501}

502

503[data-media-source="media-sm"] .lp-header-title-2,

504[data-media-source="media-sm"] h2 {

505 line-height: 1.2;

506}

507

508[data-media-source="media-xs"] .lp-header-title-2,

509[data-media-source="media-xs"] h2 {

510 line-height: 1.2;

511}

512

513.lp-header-title-3,

514.lpc-wrap h3 {

515 line-height: 1.2;

516}

517

518[data-media-source="media-lg"] .lp-header-title-3,

519[data-media-source="media-lg"] h3 {

520 line-height: 1.2;

521}

522

523[data-media-source="media-md"] .lp-header-title-3,

524[data-media-source="media-md"] h3 {

525 line-height: 1.2;

526}

527

528[data-media-source="media-sm"] .lp-header-title-3,

529[data-media-source="media-sm"] h3 {

530 line-height: 1.2;

531}

532

533[data-media-source="media-xs"] .lp-header-title-3,

534[data-media-source="media-xs"] h3 {

535 line-height: 1.2;

536}

537

538.lp-header-title-4,

539.lpc-wrap h4 {

540 line-height: 1.2;

541}

542

543[data-media-source="media-lg"] .lp-header-title-4 ,

544[data-media-source="media-lg"] h4 {

545 font-size: 26px;

546 line-height: 1.2;

547}

548

549[data-media-source="media-md"] .lp-header-title-4,

550[data-media-source="media-md"] h4 {

551 line-height: 1.2;

552}

553

554[data-media-source="media-sm"] .lp-header-title-4,

555[data-media-source="media-sm"] h4 {

556 line-height: 1.2;

557}

558

559[data-media-source="media-xs"] .lp-header-title-4,

560[data-media-source="media-xs"] h4 {

561 line-height: 1.2;

562}

563

564.lp-header-title-5,

565.lpc-wrap h5 {

566 line-height: 1.2;

567}

568

569[data-media-source="media-lg"] .lp-header-title-5,

570[data-media-source="media-lg"] h5 {

571 line-height: 1.2;

572}

573

574[data-media-source="media-md"] .lp-header-title-5,

575[data-media-source="media-md"] h5 {

576 line-height: 1.2;

577}

578

579[data-media-source="media-sm"] .lp-header-title-5,

580[data-media-source="media-sm"] h5 {

581 font-size: 18px;

582 line-height: 1.2;

583}

584

585[data-media-source="media-xs"] .lp-header-title-5,

586[data-media-source="media-xs"] h5 {

587 line-height: 1.2;

588}

589

590.lp-header-title-6,

591.lpc-wrap h6 {

592 line-height: 1.2;

593}

594

595[data-media-source="media-xs"] .lp-header-title-6,

596[data-media-source="media-xs"] h6 {

597 line-height: 1.2;

598}

599

600[data-elem-type="text"] p {

601 color: inherit;

602 font: inherit;

603}

604

605.decor-wrap p {

606 color: inherit;

607 font: inherit;

608}

609

610.lpc-wrap .lp-header-text-1,

611.lpc-wrap .lp-header-text-2,

612.lpc-wrap .lp-header-text-3,

613.lpc-wrap .lp-header-text-4 {

614 font-weight: 400;

615 line-height: 1.5;

616 color: var(--text-color-base);

617}

618

619.lp-header-text-1 {

620 line-height: 1.6;

621}

622

623[data-media-source="media-lg"] .lp-header-text-1 {

624 line-height: 1.667;

625}

626

627[data-media-source="media-md"] .lp-header-text-1 {

628 font-size: 18px;

629 line-height: 1.667;

630}

631

632[data-media-source="media-sm"] .lp-header-text-1 {

633 line-height: 1.53;

634}

635

636[data-media-source="media-xs"] .lp-header-text-1 {

637 line-height: 1.5;

638}

639

640.lp-header-text-2 {

641 line-height: 1.667;

642}

643

644[data-media-source="media-lg"] .lp-header-text-2 {

645 line-height: 1.53;

646}

647

648[data-media-source="media-md"] .lp-header-text-2 {

649 line-height: 1.53;

650}

651

652[data-media-source="media-sm"] .lp-header-text-2 {

653 line-height: 1.53;

654}

655

656[data-media-source="media-xs"] .lp-header-text-2 {

657 line-height: 1.5;

658}

659

660.lp-header-text-3 {

661 line-height: 1.5;

662}

663

664[data-media-source="media-lg"] .lp-header-text-3,

665[data-media-source="media-xs"] .lp-header-text-3{

666 line-height: 1.2;

667}

668

669.lp-header-text-4 {

670 line-height: 1.333;

671}

672

673.lp-header-text-4 p {

674 font-size: inherit;

675 line-height: inherit;

676}

677

678

679.lpc-wrap .lp-header-title-1,

680.lpc-wrap h1 {

681 font-size: var(--header-title-1-default);

682}

683

684

685[data-media-source="media-lg"] .lp-header-title-1,

686[data-media-source="media-lg"] h1 {

687 font-size: var(--header-title-1-media-1-default);

688}

689

690[data-media-source="media-md"] .lp-header-title-1,

691[data-media-source="media-md"] h1 {

692 font-size: var(--header-title-1-media-2-default);

693}

694

695

696[data-media-source="media-sm"] .lp-header-title-1,

697[data-media-source="media-sm"] h1 {

698 font-size: var(--header-title-1-media-3-default);

699}

700

701

702[data-media-source="media-xs"] .lp-header-title-1,

703[data-media-source="media-xs"] h1 {

704 font-size: var(--header-title-1-media-4-default);

705}

706

707.lpc-wrap .lp-header-title-2,

708.lpc-wrap h2 {

709 font-size: var(--header-title-2-default);

710}

711

712[data-media-source="media-lg"] .lp-header-title-2,

713[data-media-source="media-lg"] h2 {

714 font-size: var(--header-title-2-media-1-default);

715}

716

717[data-media-source="media-md"] .lp-header-title-2,

718[data-media-source="media-md"] h2 {

719 font-size: var(--header-title-2-media-2-default);

720}

721

722[data-media-source="media-sm"] .lp-header-title-2,

723[data-media-source="media-sm"] h2 {

724 font-size: var(--header-title-2-media-3-default);

725}

726

727[data-media-source="media-xs"] .lp-header-title-2,

728[data-media-source="media-xs"] h2 {

729 font-size: var(--header-title-2-media-4-default);

730}

731

732.lpc-wrap .lp-header-title-3,

733.lpc-wrap h3 {

734 font-size: var(--header-title-3-default);

735}

736

737[data-media-source="media-lg"] .lp-header-title-3,

738[data-media-source="media-lg"] h3 {

739 font-size: var(--header-title-3-media-1-default);

740}

741

742[data-media-source="media-md"] .lp-header-title-3,

743[data-media-source="media-md"] h3 {

744 font-size: var(--header-title-3-media-2-default);

745}

746

747[data-media-source="media-sm"] .lp-header-title-3,

748[data-media-source="media-sm"] h3 {

749 font-size: var(--header-title-3-media-3-default);

750}

751

752[data-media-source="media-xs"] .lp-header-title-3,

753[data-media-source="media-xs"] h3 {

754 font-size: var(--header-title-3-media-4-default);

755}

756

757.lpc-wrap .lp-header-title-4,

758.lpc-wrap h4 {

759 font-size: var(--header-title-4-default);

760}

761

762[data-media-source="media-lg"] .lp-header-title-4 ,

763[data-media-source="media-lg"] h4 {

764 font-size: var(--header-title-4-media-1-default);

765}

766

767[data-media-source="media-md"] .lp-header-title-4,

768[data-media-source="media-md"] h4 {

769 font-size: var(--header-title-4-media-2-default);

770}

771

772[data-media-source="media-sm"] .lp-header-title-4,

773[data-media-source="media-sm"] h4 {

774 font-size: var(--header-title-4-media-3-default);

775}

776

777[data-media-source="media-xs"] .lp-header-title-4,

778[data-media-source="media-xs"] h4 {

779 font-size: var(--header-title-4-media-4-default);

780}

781

782.lpc-wrap .lp-header-title-5,

783.lpc-wrap h5 {

784 font-size: var(--header-title-5-default);

785}

786

787[data-media-source="media-lg"] .lp-header-title-5,

788[data-media-source="media-lg"] h5 {

789 font-size: var(--header-title-5-media-1-default);

790}

791

792[data-media-source="media-md"] .lp-header-title-5,

793[data-media-source="media-md"] h5 {

794 font-size: var(--header-title-5-media-2-default);

795}

796

797[data-media-source="media-sm"] .lp-header-title-5,

798[data-media-source="media-sm"] h5 {

799 font-size: var(--header-title-5-media-3-default);

800}

801

802[data-media-source="media-xs"] .lp-header-title-5,

803[data-media-source="media-xs"] h5 {

804 font-size: var(--header-title-5-media-4-default);

805}

806

807.lpc-wrap .lp-header-title-6,

808.lpc-wrap h6 {

809 font-size: var(--header-title-6-default);

810}

811

812[data-media-source="media-lg"] .lp-header-title-6,

813[data-media-source="media-lg"] h6 {

814 font-size: var(--header-title-6-media-1-default);

815}

816[data-media-source="media-md"] .lp-header-title-6,

817[data-media-source="media-md"] h6 {

818 font-size: var(--header-title-6-media-2-default);

819}

820

821[data-media-source="media-sm"] .lp-header-title-6,

822[data-media-source="media-sm"] h6 {

823 font-size: var(--header-title-6-media-3-default);

824}

825[data-media-source="media-xs"] .lp-header-title-6,

826[data-media-source="media-xs"] h6 {

827 font-size: var(--header-title-6-media-4-default);

828}

829

830.lp-header-text-1 {

831 font-size: var(--header-text-1-default);

832}

833

834[data-media-source="media-lg"] .lp-header-text-1 {

835 font-size: var(--header-text-1-media-1-default);

836}

837

838[data-media-source="media-md"] .lp-header-text-1 {

839 font-size: var(--header-text-1-media-2-default);

840}

841

842[data-media-source="media-sm"] .lp-header-text-1 {

843 font-size: var(--header-text-1-media-3-default);

844}

845

846[data-media-source="media-xs"] .lp-header-text-1 {

847 font-size: var(--header-text-1-media-4-default);

848}

849

850.lp-header-text-2 {

851 font-size: var(--header-text-2-default);

852}

853

854[data-media-source="media-lg"] .lp-header-text-2 {

855 font-size: var(--header-text-2-media-1-default);

856}

857

858[data-media-source="media-md"] .lp-header-text-2 {

859 font-size: var(--header-text-2-media-2-default);

860}

861

862[data-media-source="media-sm"] .lp-header-text-2 {

863 font-size: var(--header-text-2-media-3-default);

864}

865

866[data-media-source="media-xs"] .lp-header-text-2 {

867 font-size: var(--header-text-2-media-4-default);

868}

869

870.lp-header-text-3 {

871 font-size: var(--header-text-3-default);

872}

873

874[data-media-source="media-lg"] .lp-header-text-3{

875 font-size: var(--header-text-3-media-1-default);

876}

877[data-media-source="media-md"] .lp-header-text-3{

878 font-size: var(--header-text-3-media-2-default);

879}

880[data-media-source="media-sm"] .lp-header-text-3{

881 font-size: var(--header-text-3-media-3-default);

882}

883[data-media-source="media-xs"] .lp-header-text-3{

884 font-size: var(--header-text-3-media-4-default);

885}

886

887.lp-header-text-4 {

888 font-size: var(--header-text-4-default);

889}

890

891[data-media-source="media-lg"] .lp-header-text-4 {

892 font-size: var(--header-text-4-media-1-default);

893}

894

895[data-media-source="media-lg"] .lp-header-text-4 {

896 font-size: var(--header-text-4-media-2-default);

897}

898

899[data-media-source="media-lg"] .lp-header-text-4 {

900 font-size: var(--header-text-4-media-3-default);

901}

902

903[data-media-source="media-lg"] .lp-header-text-4 {

904 font-size: var(--header-text-4-media-4-default);

905}

906

907

908.lpc-wrap .lp-header-title-1 * ,

909.lpc-wrap .lp-header-title-2 * ,

910.lpc-wrap .lp-header-title-3 * ,

911.lpc-wrap .lp-header-title-4 * ,

912.lpc-wrap .lp-header-title-5 * ,

913.lpc-wrap .lp-header-title-6 * {

914 padding: 0;

915 margin: 0;

916 font: inherit;

917 color: inherit;

918}

919

920

921[data-block-layout] {position: relative;/* z-index: 0;*/}

922

923/*[data-block-layout] img {

924 max-width: initial;

925}*/

926

927

928

929

930

931._hide-block[id^="popup_lp_block"] {

932 display: none;

933}

934

935.lpc_pointer_events_none {

936 pointer-events: none;

937}

938

939.content-lp-wrapper .temp-wrapper .temp-content article {width: 680px;}

940

941._primary-color {

942 color: var(--primary-color-base);

943}

944

945._primary-fill {

946 background: var(--primary-color-base);

947 color: #fff;

948}

949

950._light-fill {

951 background: #fff;

952}

953

954._dark-fill {

955 background: var(--text-color-base);

956 color: #fff;

957}

958

959._svg-primary-fill path:not([fill]):not([stroke]) {

960 fill: var(--primary-color-base);

961}

962

963._svg-dark-fill path:not([fill]) {

964 fill: var(--text-color-base);

965}

966

967._svg-light-fill path:not([fill]) {

968 fill: #fff;

969}

970

971.lp-text-button {

972 font-size: 16px;

973 font-weight: 700;

974 line-height: 1.25;

975}

976

977.lp-link-button {

978 font-size: 16px;

979 line-height: 1;

980}

981

982.lp-label-text,

983.lp-remark-text,

984.lp-alert-text {

985 font-size: 16px;

986 line-height: 1;

987}

988

989@media all and (min-width: 600px) {

990 .lp-label-text,

991 .lp-remark-text,

992 .lp-alert-text {

993 line-height: 1;

994 }

995}

996

997.lp-remark-text {opacity: 0.5;}

998

999.lp-label-text {

1000 font-weight: 400;

1001}

1002

1003.lp-alert-text {

1004 color: #eb5757;

1005}

1006

1007.lp-button {

1008 display: inline-flex;

1009 align-items: center;

1010 justify-content: center;

1011 box-sizing: border-box;

1012 font-size: var(--header-button-default);

1013 font-weight: 400;

1014 line-height: 1.111;

1015 text-decoration: none;

1016 transition: all 0.15s;

1017 border: none;

1018 outline: none;

1019 text-align: center;

1020 /*text-align-last: center;*/

1021 vertical-align: top;

1022}

1023

1024[data-media-source="media-lg"] .lp-button {

1025 font-size: var(--header-button-media-1-default);

1026}

1027[data-media-source="media-md"] .lp-button {

1028 font-size: var(--header-button-media-2-default);

1029}

1030[data-media-source="media-sm"] .lp-button {

1031 font-size: var(--header-button-media-3-default);

1032}

1033[data-media-source="media-xs"] .lp-button {

1034 font-size: var(--header-button-media-4-default);

1035}

1036

1037

1038.lp-button.lpc-pointer-events {

1039 pointer-events: none;

1040}

1041

1042.lpc-pointer-events {

1043 pointer-events: none;

1044}

1045

1046.lp-button__text,

1047.lp-button__ico {

1048 display: inline-block;

1049 vertical-align: middle;

1050}

1051

1052.lp-button__text {

1053 min-width: 50px;

1054 text-align: center;

1055 padding-top: 4px;

1056 padding-bottom: 4px;

1057 text-align: inherit;

1058 text-align-last: inherit;

1059 color:inherit;

1060 text-decoration: inherit;

1061}

1062

1063.lp-button__ico {

1064 font-size: 0;

1065}

1066

1067.lp-button__ico svg {

1068 width: 24px;

1069 height: 24px;

1070}

1071

1072.lp-button__ico+.lp-button__text {

1073 min-width: 74px;

1074 text-align: left;

1075 padding-right: 4px;

1076 padding-left: 4px;

1077}

1078

1079.lp-button._only-icon {

1080 padding: 13px;

1081}

1082

1083[data-media-source="media-md"] .lp-button._only-icon {

1084 padding: 10px;

1085}

1086

1087[data-media-source="media-sm"] .lp-button._only-icon, [data-media-source="media-xs"] .lp-button._only-icon {

1088 padding: 8px;

1089}

1090

1091.lpc-button--type-1 {

1092 background: var(--primary-color-base);

1093 color: #fff;

1094 /*padding: 13px 16px;*/

1095 padding: 0.722em 0.888em;

1096 border-radius: 6px;

1097 /*min-height: 50px;*/

1098 min-height: max(2.778em, 50px);

1099 line-height: 1;

1100 cursor: pointer;

1101}

1102

1103.lpc-button--type-1._v2-text {

1104 /*padding: 8px 32px;*/

1105 padding: 0.445em 1.778em;

1106}

1107

1108.lpc-button--type-1._v2-icon {

1109 padding: 13px;

1110 font-size: 0;

1111}

1112

1113.lpc-button--type-1._v2-icon svg {width: 24px; height: 24px;}

1114

1115.lpc-button--type-1._v2-icon path {fill: #fff;}

1116

1117[data-media-source="media-md"] .lpc-button--type-1 {

1118 /*padding-top: 8px;

1119 padding-bottom: 8px;*/

1120 padding-top: 0.445em;

1121 padding-bottom: 0.445em;

1122}

1123

1124[data-media-source="media-md"] .lpc-button--type-1._v2-text {

1125 /*padding: 8px 24px;*/

1126 padding: 0.445em 1.334em;

1127}

1128

1129[data-media-source="media-md"] .lpc-button--type-1._v2-icon {

1130 padding: 10px;

1131}

1132

1133[data-media-source="media-sm"] .lpc-button--type-1, [data-media-source="media-xs"] .lpc-button--type-1 {

1134 /*padding-top: 8px;

1135 padding-bottom: 8px;*/

1136 padding-top: 0.445em;

1137 padding-bottom: 0.445em;

1138}

1139

1140[data-media-source="media-sm"] .lpc-button--type-1._v2-text, [data-media-source="media-xs"] .lpc-button--type-1._v2-text {

1141 /*padding: 8px 20px;*/

1142 padding: 0.445em 1.111em;

1143}

1144

1145[data-media-source="media-sm"] .lpc-button--type-1._v2-icon, [data-media-source="media-xs"] .lpc-button--type-1._v2-icon {

1146 padding: 8px;

1147}

1148

1149.lpc-button--type-1:hover {

1150 color: #fff;

1151 background: var(--primary-color-l-5);

1152}

1153

1154.lpc-button--type-1:active {

1155 background: var(--primary-color-d-5);

1156}

1157

1158.lpc-button--type-1 svg path {

1159 fill: #fff;

1160}

1161

1162/*.lpc-button--type-2 {

1163 border: 1px solid var(--primary-color-base);

1164 color: var(--primary-color-base);

1165 padding: 13px 16px;

1166 border-radius: 6px;

1167 min-height: 50px;

1168 line-height: 1;

1169 background: none;

1170 cursor: pointer;

1171}*/

1172

1173.lpc-button--type-2 {

1174 color: var(--text-color-base);

1175 background: var(--primary-color-a-02);

1176 /*padding: 13px 16px;*/

1177 padding: 0.722em 0.888em;

1178 border-radius: 6px;

1179 /*min-height: 50px;*/

1180 min-height: max(2.778em, 50px);

1181 line-height: 1;

1182 cursor: pointer;

1183}

1184

1185.lpc-button--type-2._v2-text {

1186 /*padding: 8px 32px;*/

1187 padding: 0.445em 1.778em;

1188}

1189

1190

1191

1192.lpc-button--type-2._v2-icon {

1193 padding: 12px;

1194 font-size: 0;

1195}

1196

1197.lpc-button--type-2._v2-icon svg {

1198 width: 24px;

1199 height: 24px;

1200}

1201

1202/*.lpc-button--type-2._v2-icon path {

1203 fill: var(--primary-color-base);

1204}*/

1205

1206.lpc-button--type-2._v2-icon path {

1207 fill: var(--text-color-base);

1208}

1209

1210

1211[data-media-source="media-md"] .lpc-button--type-2 {

1212 /*padding-top: 8px;

1213 padding-bottom: 8px;*/

1214 padding-top: 0.445em;

1215 padding-bottom: 0.445em;

1216}

1217

1218[data-media-source="media-md"] .lpc-button--type-2._v2-text {

1219 /*padding: 8px 24px;*/

1220 padding: 0.445em 1.334em

1221}

1222

1223[data-media-source="media-md"] .lpc-button--type-2._v2-icon {padding: 9px;}

1224

1225[data-media-source="media-sm"] .lpc-button--type-2, [data-media-source="media-xs"] .lpc-button--type-2 {

1226 /*padding-top: 8px;

1227 padding-bottom: 8px;*/

1228 padding-top: 0.445em;

1229 padding-bottom: 0.445em;

1230}

1231

1232[data-media-source="media-sm"] .lpc-button--type-2._v2-text, [data-media-source="media-xs"] .lpc-button--type-2._v2-text {

1233 /*padding: 8px 20px;*/

1234 padding: 0.445em 1.111em;

1235}

1236

1237[data-media-source="media-sm"] .lpc-button--type-2._v2-icon, [data-media-source="media-xs"] .lpc-button--type-2._v2-icon {padding: 7px;}

1238

1239/*.lpc-button--type-2:hover {

1240 border-color: var(--primary-color-l-5);

1241 color: var(--primary-color-base);

1242 background: var(--primary-color-a-02);

1243}*/

1244

1245.lpc-button--type-2:hover {

1246 background: var(--primary-color-a-03);

1247}

1248

1249

1250.lpc-button--type-2:hover path {

1251 fill: var(--primary-color-l-5);

1252}

1253

1254/*.lpc-button--type-2:active {

1255 border-color: var(--primary-color-d-5);

1256 color: var(--primary-color-d-5);

1257 background: var(--primary-color-a-01);

1258}*/

1259

1260.lpc-button--type-2:active {

1261 background: var(--primary-color-a-03);

1262}

1263

1264/*.lpc-button--type-2:active path {

1265 fill: var(--primary-color-d-5);

1266}

1267

1268.lpc-button--type-2 svg path {

1269 fill: var(--primary-color-base);

1270}*/

1271

1272.lpc-button--type-2:active path {

1273 fill: var(--text-color-base);

1274}

1275

1276.lpc-button--type-2 svg path {

1277 fill: var(--text-color-base);

1278}

1279

1280

1281.lpc-button--type-2._only-icon {

1282 padding: 12px;

1283}

1284

1285[data-media-source="media-md"] .lpc-button--type-2._only-icon {

1286 padding: 9px;

1287}

1288

1289[data-media-source="media-sm"] .lpc-button--type-2._only-icon, [data-media-source="media-xs"] .lpc-button--type-2._only-icon {

1290 padding: 7px;

1291}

1292

1293.lp-button._with-icon .lp-button__ico {

1294 margin-left: 8px;

1295}

1296

1297.lpc-button--type-3 {

1298 color: var(--primary-color-base);

1299 cursor: pointer;

1300 line-height: 1;

1301 text-align: center;

1302 line-height: 1;

1303 padding-top: 8px;

1304 padding-bottom: 8px;

1305}

1306

1307.lpc-button--type-3._v2-text {

1308 padding: 8px 0;

1309}

1310

1311.lpc-button--type-3 .lp-button__text {

1312 min-width: 0;

1313}

1314

1315.lpc-button--type-3 svg path {

1316 fill: var(--primary-color-base);

1317}

1318

1319.lpc-button--type-3._with-icon {

1320 font-weight: 400;

1321}

1322

1323.lpc-button--type-3._with-icon .lp-button__ico {

1324 margin-left: 0;

1325}

1326

1327.lpc-button--type-3._with-icon .lp-button__ico+.lp-button__text {

1328 padding-right: 4px;

1329}

1330

1331.lpc-button--type-3:hover {

1332 color: var(--primary-color-l-5);

1333}

1334

1335.lpc-button--type-3:active {

1336 color: var(--primary-color-d-5);

1337}

1338

1339[data-media-source="media-xs"] .lpc-button--type-3 {

1340 text-align: center;

1341 /*text-align-last: center;*/

1342 display: block;

1343}

1344

1345.lpc-block__img-wrap {

1346 overflow: hidden;

1347 position: relative;

1348}

1349

1350.lpc-block__img-inner {

1351 position: relative;

1352 height: 0;

1353 width: 100%;

1354 display: block;

1355 overflow: hidden;

1356 padding-left: 0 !important;

1357 padding-right: 0 !important;

1358 padding-bottom: 0 !important;

1359}

1360

1361.lpc-block__img-inner._1_1 {

1362 padding-top: 100% !important;

1363}

1364

1365.lpc-block__img-inner._4_3h {

1366 padding-top: calc(100% * 3 / 4) !important;

1367}

1368

1369.lpc-block__img-inner._3_2h {

1370 padding-top: calc(100% * 2 / 3) !important;

1371}

1372

1373.lpc-block__img-inner._16_9h {

1374 padding-top: calc(100% * 9 / 16) !important;

1375}

1376

1377.lpc-block__img-inner._21_9h {

1378 padding-top: calc(100% * 9 / 21) !important;

1379}

1380

1381/*.lpc-block__img-inner._185_1h {

1382 padding-top: calc(100% * 1 / 1.85) !important;

1383}*/

1384

1385.lpc-block__img-inner._239_1h {

1386 padding-top: calc(100% * 1 / 2.39) !important;

1387}

1388

1389

1390

1391

1392.lpc-block__img-inner._4_3v {

1393 padding-top: calc(100% * 4 / 3) !important;

1394}

1395

1396.lpc-block__img-inner._3_2v {

1397 padding-top: calc(100% * 3 / 2) !important;

1398}

1399

1400.lpc-block__img-inner._16_9v {

1401 padding-top: calc(100% * 16 / 9) !important;

1402}

1403

1404/*

1405.lpc-block__img-inner._185_1v {

1406 padding-top: calc(100% * 1.85 / 1) !important;

1407}

1408

1409.lpc-block__img-inner._239_1v {

1410 padding-top: calc(100% * 2.39 / 1) !important;

1411}

1412*/

1413

1414.lpc-block__img-inner img {

1415 position: absolute;

1416 object-fit: cover;

1417 background-size: cover;

1418 top: 0;

1419 left: 0;

1420 right: 0;

1421 bottom: 0;

1422 width: 100% !important;

1423 height: 100% !important;

1424 max-height: 100% !important;

1425}

1426

1427.lpc-block__img-inner._contain img {

1428 object-fit: contain;

1429 background-size: contain;

1430}

1431

1432/*Video block*/

1433

1434.lpc-video-poster {

1435 background-color: #000;

1436}

1437

1438.lpc-block__video-inner {

1439 position: relative;

1440 height: 0;

1441 width: 100%;

1442 display: block;

1443}

1444.lpc-block__video-inner ._lp-video {

1445 position: absolute;

1446 object-fit: cover;

1447 background-size: cover;

1448 top: 0;

1449 left: 0;

1450 right: 0;

1451 bottom: 0;

1452 width: 100%;

1453 height: 100%;

1454}

1455.lpc-block__video-inner._1_1 {

1456 padding-top: 100%;

1457}

1458

1459.lpc-block__video-inner._4_3h {

1460 padding-top: calc(100% * 3 / 4);

1461}

1462

1463.lpc-block__video-inner._3_2h {

1464 padding-top: calc(100% * 2 / 3);

1465}

1466

1467.lpc-block__video-inner._16_9h {

1468 padding-top: calc(100% * 9 / 16);

1469}

1470

1471.lpc-block__video-inner._4_3v {

1472 padding-top: calc(100% * 4 / 3);

1473}

1474

1475.lpc-block__video-inner._3_2v {

1476 padding-top: calc(100% * 3 / 2);

1477}

1478

1479.lpc-block__video-inner._16_9v {

1480 padding-top: calc(100% * 16 / 9);

1481}

1482

1483.lp-block-bg {

1484 position: absolute;

1485 left: 0;

1486 right: 0;

1487 top: 0;

1488 overflow: hidden;

1489 bottom: 0;

1490 background-position: center center;

1491 background-repeat: no-repeat;

1492 background-size: cover;

1493}

1494

1495.lp-block-bg__video {

1496 position: absolute;

1497 width: 100%;

1498 height: 100%;

1499}

1500

1501.lp-block-bg__video video {

1502 width: 100%;

1503 height: 100%;

1504 object-fit: cover;

1505}

1506

1507.lp-block-bg iframe {

1508 position: absolute;

1509 min-width: 100%;

1510 min-height: 100%;

1511 -webkit-transform: scale(1.2);

1512 transform: scale(1.2);

1513}

1514

1515@media all and (min-width: 960px) {

1516 .lp-block-bg._isfixed {

1517 background-attachment: fixed;

1518 }

1519}

1520

1521.lp-block-overlay {

1522 position: absolute;

1523 left: 0;

1524 right: 0;

1525 top: 0;

1526 bottom: 0;

1527 background: rgba(255, 255, 255, 0.5);

1528}

1529

1530._not_fill .lp-block-overlay {

1531 background: rgba(255, 255, 255, 0);

1532}

1533

1534.lp-block-bg_item {

1535 position: absolute;

1536 left: 0;

1537 right: 0;

1538 top: 0;

1539 overflow: hidden;

1540 bottom: 0;

1541 background-position: center center;

1542 background-repeat: no-repeat;

1543 background-size: cover;

1544}

1545

1546.lp-block-bg_item__video {

1547 position: absolute;

1548 width: 100%;

1549 height: 100%;

1550}

1551

1552.lp-block-bg_item__video video {

1553 width: 100%;

1554 height: 100%;

1555 object-fit: cover;

1556}

1557

1558.lp-block-bg_item iframe {

1559 position: absolute;

1560 min-width: 100%;

1561 min-height: 100%;

1562 -webkit-transform: scale(1.2);

1563 transform: scale(1.2);

1564}

1565

1566@media all and (min-width: 960px) {

1567 .lp-block-bg_item._isfixed {

1568 background-attachment: fixed;

1569 }

1570}

1571

1572.lp-block-overlay_item {

1573 position: absolute;

1574 left: 0;

1575 right: 0;

1576 top: 0;

1577 bottom: 0;

1578 background: rgba(255, 255, 255, 0.5);

1579}

1580

1581._not_fill .lp-block-overlay_item {

1582 background: rgba(255, 255, 255, 0);

1583}

1584

1585.svg-icon-dark path {

1586 fill: var(--primary-color-base);

1587}

1588

1589._lp-image-container {

1590 box-sizing: border-box;

1591 overflow: hidden;

1592 display: -webkit-flex;

1593 display: flex;

1594 -webkit-align-items: center;

1595 -moz-align-items: center;

1596 align-items: center;

1597 -webkit-justify-content: center;

1598 -moz-justify-content: center;

1599 justify-content: center;

1600 max-width: 100%;

1601}

1602

1603/*.lpc-wrapp {

1604 margin: 0 auto;

1605 max-width: 100%;

1606 width: 100%;

1607 box-sizing: border-box;

1608 padding: 0 16px;

1609 position: relative;

1610 z-index: 1;

1611}

1612

1613@media all and (min-width: 600px) {

1614 .lpc-wrapp {

1615 max-width: 600px;

1616 padding: 0 12px;

1617 }

1618}

1619

1620@media all and (min-width: 960px) {

1621 .lpc-wrapp {

1622 max-width: 960px;

1623 padding: 0 24px;

1624 }

1625}

1626

1627@media all and (min-width: 1200px) {

1628 .lpc-wrapp {

1629 padding: 0 14px;

1630 max-width: 1180px;

1631 }

1632}

1633

1634@media all and (min-width: 1380px) {

1635 .lpc-wrapp {

1636 max-width: 1320px;

1637 padding: 0 16px;

1638 }

1639}*/

1640

1641.lpc-container-wrap {

1642 position: relative;

1643} /*Нужно для обертки при использовании block_background_item*/

1644

1645.lpc-wrap {

1646 position: relative;

1647 text-align: left;

1648}

1649

1650.lpc-wrap * {

1651 box-sizing: border-box;

1652}

1653

1654.lpc-row {

1655 margin: 0 -16px;

1656 display: -webkit-box;

1657 display: -ms-flexbox;

1658 display: flex;

1659 flex-wrap:wrap;

1660 width: calc(100% + 32px);

1661}

1662

1663[data-media-source="media-xl"] .lpc-row, [data-media-source="media-lg"] .lpc-row {

1664 margin: 0 -16px;

1665 width: calc(100% + 32px);

1666}

1667

1668 [data-media-source="media-md"] .lpc-row {

1669 margin: 0 -12px;

1670 width: calc(100% + 24px);

1671}

1672 [data-media-source="media-sm"] .lpc-row, [data-media-source="media-xs"] .lpc-row {

1673 margin: 0 -8px;

1674 width: calc(100% + 16px);

1675}

1676

1677[data-media-source="media-sm"] .lpc-col-1-sm {

1678 margin-left: 8px;

1679 margin-right: 8px;

1680 width: calc((100% / 12) - 16px); }

1681

1682[data-media-source="media-sm"] .lpc-col-2-sm {

1683 margin-left: 8px;

1684 margin-right: 8px;

1685 width: calc(((100% / 12) * 2) - 16px); }

1686

1687[data-media-source="media-sm"] .lpc-col-3-sm {

1688 margin-left: 8px;

1689 margin-right: 8px;

1690 width: calc(((100% / 12) * 3) - 16px); }

1691

1692[data-media-source="media-sm"] .lpc-col-4-sm {

1693 margin-left: 8px;

1694 margin-right: 8px;

1695 width: calc(((100% / 12) * 4) - 16px); }

1696

1697[data-media-source="media-sm"] .lpc-col-5-sm {

1698 margin-left: 8px;

1699 margin-right: 8px;

1700 width: calc(((100% / 12) * 5) - 16px); }

1701

1702[data-media-source="media-sm"] .lpc-col-6-sm {

1703 margin-left: 8px;

1704 margin-right: 8px;

1705 width: calc(((100% / 12) * 6) - 16px); }

1706

1707[data-media-source="media-sm"] .lpc-col-7-sm {

1708 margin-left: 8px;

1709 margin-right: 8px;

1710 width: calc(((100% / 12) * 7) - 16px); }

1711

1712[data-media-source="media-sm"] .lpc-col-8-sm {

1713 margin-left: 8px;

1714 margin-right: 8px;

1715 width: calc(((100% / 12) * 8) - 16px); }

1716

1717[data-media-source="media-sm"] .lpc-col-9-sm {

1718 margin-left: 8px;

1719 margin-right: 8px;

1720 width: calc(((100% / 12) * 9) - 16px); }

1721

1722[data-media-source="media-sm"] .lpc-col-10-sm {

1723 margin-left: 8px;

1724 margin-right: 8px;

1725 width: calc(((100% / 12) * 10) - 16px); }

1726

1727[data-media-source="media-sm"] .lpc-col-11-sm {

1728 margin-left: 8px;

1729 margin-right: 8px;

1730 width: calc(((100% / 12) * 11) - 16px); }

1731

1732[data-media-source="media-sm"] .lpc-col-12-sm {

1733 margin-left: 8px;

1734 margin-right: 8px;

1735 width: calc(100% - 16px); }

1736

1737[data-media-source="media-xs"] .lpc-col-1-xs {

1738 margin-left: 8px;

1739 margin-right: 8px;

1740 width: calc((100% / 12) - 16px); }

1741

1742[data-media-source="media-xs"] .lpc-col-2-xs {

1743 margin-left: 8px;

1744 margin-right: 8px;

1745 width: calc(((100% / 12) * 2) - 16px); }

1746

1747[data-media-source="media-xs"] .lpc-col-3-xs {

1748 margin-left: 8px;

1749 margin-right: 8px;

1750 width: calc(((100% / 12) * 3) - 16px); }

1751

1752

1753[data-media-source="media-xs"] .lpc-col-4-xs {

1754 margin-left: 8px;

1755 margin-right: 8px;

1756 width: calc(((100% / 12) * 4) - 16px); }

1757

1758[data-media-source="media-xs"] .lpc-col-5-xs {

1759 margin-left: 8px;

1760 margin-right: 8px;

1761 width: calc(((100% / 12) * 5) - 16px); }

1762

1763[data-media-source="media-xs"] .lpc-col-6-xs {

1764 margin-left: 8px;

1765 margin-right: 8px;

1766 width: calc(((100% / 12) * 6) - 16px); }

1767

1768[data-media-source="media-xs"] .lpc-col-7-xs {

1769 margin-left: 8px;

1770 margin-right: 8px;

1771 width: calc(((100% / 12) * 7) - 16px); }

1772

1773[data-media-source="media-xs"] .lpc-col-8-xs {

1774 margin-left: 8px;

1775 margin-right: 8px;

1776 width: calc(((100% / 12) * 8) - 16px); }

1777

1778[data-media-source="media-xs"] .lpc-col-9-xs {

1779 margin-left: 8px;

1780 margin-right: 8px;

1781 width: calc(((100% / 12) * 9) - 16px); }

1782

1783[data-media-source="media-xs"] .lpc-col-10-xs {

1784 margin-left: 8px;

1785 margin-right: 8px;

1786 width: calc(((100% / 12) * 10) - 16px); }

1787

1788[data-media-source="media-xs"] .lpc-col-11-xs {

1789 margin-left: 8px;

1790 margin-right: 8px;

1791 width: calc(((100% / 12) * 11) - 16px); }

1792

1793[data-media-source="media-xs"] .lpc-col-12-xs {

1794 margin-left: 8px;

1795 margin-right: 8px;

1796 width: calc(100% - 16px); }

1797

1798[data-media-source="media-md"] .lpc-col-1-md {

1799 margin-left: 12px;

1800 margin-right: 12px;

1801 width: calc((100% / 12) - 24px); }

1802

1803[data-media-source="media-md"] .lpc-col-2-md {

1804 margin-left: 12px;

1805 margin-right: 12px;

1806 width: calc(((100% / 12) * 2) - 24px); }

1807

1808[data-media-source="media-md"] .lpc-col-3-md {

1809 margin-left: 12px;

1810 margin-right: 12px;

1811 width: calc(((100% / 12) * 3) - 24px); }

1812

1813[data-media-source="media-md"] .lpc-col-4-md {

1814 margin-left: 12px;

1815 margin-right: 12px;

1816 width: calc(((100% / 12) * 4) - 24px); }

1817

1818[data-media-source="media-md"] .lpc-col-5-md {

1819 margin-left: 12px;

1820 margin-right: 12px;

1821 width: calc(((100% / 12) * 5) - 24px); }

1822

1823[data-media-source="media-md"] .lpc-col-6-md {

1824 margin-left: 12px;

1825 margin-right: 12px;

1826 width: calc(((100% / 12) * 6) - 24px); }

1827

1828[data-media-source="media-md"] .lpc-col-7-md {

1829 margin-left: 12px;

1830 margin-right: 12px;

1831 width: calc(((100% / 12) * 7) - 24px); }

1832

1833[data-media-source="media-md"] .lpc-col-8-md {

1834 margin-left: 12px;

1835 margin-right: 12px;

1836 width: calc(((100% / 12) * 8) - 24px); }

1837

1838[data-media-source="media-md"] .lpc-col-9-md {

1839 margin-left: 12px;

1840 margin-right: 12px;

1841 width: calc(((100% / 12) * 9) - 24px); }

1842

1843[data-media-source="media-md"] .lpc-col-10-md {

1844 margin-left: 12px;

1845 margin-right: 12px;

1846 width: calc(((100% / 12) * 10) - 24px); }

1847

1848[data-media-source="media-md"] .lpc-col-11-md {

1849 margin-left: 12px;

1850 margin-right: 12px;

1851 width: calc(((100% / 12) * 11) - 24px); }

1852

1853[data-media-source="media-md"] .lpc-col-12-md {

1854 margin-left: 12px;

1855 margin-right: 12px;

1856 width: calc(100% - 24px); }

1857

1858[data-media-source="media-lg"] .lpc-col-1-lg {

1859 margin-left: 16px;

1860 margin-right: 16px;

1861 width: calc((100% / 12) - 32px); }

1862

1863[data-media-source="media-lg"] .lpc-col-2-lg {

1864 margin-left: 16px;

1865 margin-right: 16px;

1866 width: calc(((100% / 12) * 2) - 32px); }

1867

1868[data-media-source="media-lg"] .lpc-col-3-lg {

1869 margin-left: 16px;

1870 margin-right: 16px;

1871 width: calc(((100% / 12) * 3) - 32px); }

1872

1873[data-media-source="media-lg"] .lpc-col-4-lg {

1874 margin-left: 16px;

1875 margin-right: 16px;

1876 width: calc(((100% / 12) * 4) - 32px); }

1877

1878[data-media-source="media-lg"] .lpc-col-5-lg {

1879 margin-left: 16px;

1880 margin-right: 16px;

1881 width: calc(((100% / 12) * 5) - 32px); }

1882

1883[data-media-source="media-lg"] .lpc-col-6-lg {

1884 margin-left: 16px;

1885 margin-right: 16px;

1886 width: calc(((100% / 12) * 6) - 32px); }

1887

1888[data-media-source="media-lg"] .lpc-col-7-lg {

1889 margin-left: 16px;

1890 margin-right: 16px;

1891 width: calc(((100% / 12) * 7) - 32px); }

1892

1893[data-media-source="media-lg"] .lpc-col-8-lg {

1894 margin-left: 16px;

1895 margin-right: 16px;

1896 width: calc(((100% / 12) * 8) - 32px); }

1897

1898[data-media-source="media-lg"] .lpc-col-9-lg {

1899 margin-left: 16px;

1900 margin-right: 16px;

1901 width: calc(((100% / 12) * 9) - 32px); }

1902

1903[data-media-source="media-lg"] .lpc-col-10-lg {

1904 margin-left: 16px;

1905 margin-right: 16px;

1906 width: calc(((100% / 12) * 10) - 32px); }

1907

1908[data-media-source="media-lg"] .lpc-col-11-lg {

1909 margin-left: 16px;

1910 margin-right: 16px;

1911 width: calc(((100% / 12) * 11) - 32px); }

1912

1913[data-media-source="media-lg"] .lpc-col-12-lg {

1914 margin-left: 16px;

1915 margin-right: 16px;

1916 width: calc(100% - 32px); }

1917

1918[data-media-source="media-xl"] .lpc-col-1-xl {

1919 margin-left: 16px;

1920 margin-right: 16px;

1921 width: calc((100%/12) - 32px); }

1922

1923[data-media-source="media-xl"] .lpc-col-2-xl {

1924 margin-left: 16px;

1925 margin-right: 16px;

1926 width: calc(((100% / 12) * 2) - 32px); }

1927

1928[data-media-source="media-xl"] .lpc-col-3-xl {

1929 margin-left: 16px;

1930 margin-right: 16px;

1931 width: calc(((100% / 12) * 3) - 32px); }

1932

1933[data-media-source="media-xl"] .lpc-col-4-xl {

1934 margin-left: 16px;

1935 margin-right: 16px;

1936 width: calc(((100% / 12) * 4) - 32px); }

1937

1938[data-media-source="media-xl"] .lpc-col-5-xl {

1939 margin-left: 16px;

1940 margin-right: 16px;

1941 width: calc(((100% / 12) * 5) - 32px); }

1942

1943[data-media-source="media-xl"] .lpc-col-6-xl {

1944 margin-left: 16px;

1945 margin-right: 16px;

1946 width: calc(((100% / 12) * 6) - 32px); }

1947

1948[data-media-source="media-xl"] .lpc-col-7-xl {

1949 margin-left: 16px;

1950 margin-right: 16px;

1951 width: calc(((100% / 12) * 7) - 32px); }

1952

1953[data-media-source="media-xl"] .lpc-col-8-xl {

1954 margin-left: 16px;

1955 margin-right: 16px;

1956 width: calc(((100% / 12) * 8) - 32px); }

1957

1958[data-media-source="media-xl"] .lpc-col-9-xl {

1959 margin-left: 16px;

1960 margin-right: 16px;

1961 width: calc(((100% / 12) * 9) - 32px); }

1962

1963[data-media-source="media-xl"] .lpc-col-10-xl {

1964 margin-left: 16px;

1965 margin-right: 16px;

1966 width: calc(((100% / 12) * 10) - 32px); }

1967

1968[data-media-source="media-xl"] .lpc-col-11-xl {

1969 margin-left: 16px;

1970 margin-right: 16px;

1971 width: calc(((100% / 12) * 11) - 32px); }

1972

1973[data-media-source="media-xl"] .lpc-col-12-xl {

1974 margin-left: 16px;

1975 margin-right: 16px;

1976 width: calc(100% - 32px); }

1977

1978.lp-video-block__custom {

1979 position: relative;

1980 font-size: 0;

1981 display: inline-block;

1982 width: 100%;

1983}

1984

1985.lp-video-block__custom-button {

1986 position: absolute;

1987 /*z-index: 1;*/

1988 top: 50%;

1989 left: 50%;

1990 transform: translate(-50%, -50%);

1991 cursor: pointer;

1992 padding: 5px 10px;

1993 border-radius: 6px;

1994 width: 50px;

1995 /*background: var(--content-background-lpc);*/

1996}

1997

1998.lp-video-block__custom-button svg path {

1999 fill: var(--text-color-base);

2000}

2001

2002.lp-video-block__custom-button.hide {

2003 display: none;

2004}

2005

2006.lp-video-block-wrappper video, .lp-video-block-wrappper iframe {

2007 width: 100%;

2008 height: 100%;

2009}

2010

2011.lp-video-block-wrappper {

2012 position: relative;

2013 overflow: hidden;

2014}

2015

2016._slider-arrows {

2017 display: inline-block;

2018 width: 24px;

2019 height: 24px;

2020 position: relative;

2021}

2022

2023._slider-arrows.reverse {

2024 transform: rotate(180deg);

2025}

2026

2027._slider-arrows-inner {

2028 width: 2px;

2029 height: 11px;

2030 background: #fff;

2031 position: absolute;

2032 right: 11px;

2033 border-radius: 1px;

2034 border-width: 0px !important;

2035 padding: 0 !important;

2036 margin: 0 !important;

2037}

2038

2039.lpc-button--type-2 ._slider-arrows-inner {

2040 background: var(--primary-color-base);

2041}

2042

2043._slider-arrows-inner:first-child {

2044 top: 3px;

2045 transform: rotate(45deg);

2046}

2047

2048._slider-arrows-inner:last-child {

2049 bottom: 3px;

2050 transform: rotate(-45deg);

2051}

2052

2053.lpc-simple-dots {

2054 text-align: center;

2055 margin-top: -16px;

2056 font-size: 0;

2057}

2058

2059.lpc-simple-dot-item {

2060 display: inline-block;

2061 width: 16px;

2062 height: 16px;

2063 border-radius: 10px;

2064 background: var(--primary-color-base);

2065 opacity: 0.5;

2066 margin: 16px 8px 0;

2067}

2068

2069[data-media-source="media-xs"] .lpc-simple-dot-item, [data-media-source="media-sm"] .lpc-simple-dot-item {

2070 width: 12px;

2071 height: 12px;

2072}

2073

2074

2075.lpc-simple-dot-item.active { opacity: 1; }

2076

2077.lp-popup-wrapper {

2078 display: none;

2079 opacity: 0;

2080 visibility: hidden;

2081 position: fixed;

2082 left: 0;

2083 right: 0;

2084 top: 0;

2085 bottom: 0;

2086 z-index: 111;

2087}

2088

2089.lp-popup-overlay {

2090 position: absolute;

2091 left: 0;

2092 right: 0;

2093 top: 0;

2094 bottom: 0;

2095 background: rgba(0,0,0,.5);

2096}

2097

2098.lp-popup-wrapper._opened {

2099 display: block;

2100 visibility: visible;

2101 opacity: 1;

2102 transition: opacity 0.2s linear;

2103 z-index:9999;

2104}

2105

2106.lpc-iframe-wrap .lp-popup-wrapper._opened {

2107 display: none;

2108 opacity: 0;

2109 visibility: hidden;

2110}

2111

2112.lp-popup-wrapper._opened ._hide-block {

2113 display: inline-flex;

2114 align-items: center;

2115 justify-content: center;

2116 vertical-align: middle;

2117 text-align: left;

2118 width: 100%;

2119}

2120

2121.lp-popup-wrapper .lp-popup-inner {

2122 position: absolute;

2123 left: 0;

2124 right: 0;

2125 top: 0;

2126 bottom: 0;

2127 text-align: center;

2128 overflow: auto;

2129 padding: 60px 16px;

2130}

2131

2132@media all and (max-width: 808px) {

2133 .lp-popup-wrapper .lp-popup-inner {

2134 padding-left: 14px;

2135 padding-right: 14px;

2136 }

2137}

2138

2139@media all and (max-width: 767px) {

2140 .lp-popup-wrapper .lp-popup-inner {

2141 padding-left: 14px;

2142 padding-right: 14px;

2143 }

2144}

2145

2146@media all and (max-width: 480px) {

2147 .lp-popup-wrapper .lp-popup-inner {

2148 padding-left: 6px;

2149 padding-right: 6px;

2150 }

2151}

2152

2153@media all and (max-width: 480px) {

2154 .lp-popup-wrapper .lp-popup-inner {

2155 padding-left: 6px;

2156 padding-right: 6px;

2157 }

2158}

2159

2160.lp-popup-inner .decor-wrap {

2161 max-width: 100%;

2162 width: 100%;

2163 display: flex;

2164 justify-content: center;

2165}

2166

2167.lp-popup-wrapper .lp-popup-inner:after {

2168 content: "";

2169 display: inline-block;

2170 width: 0;

2171 height: 100%;

2172 vertical-align: middle;

2173}

2174

2175.lp-ui-timer {

2176 display: flex;

2177 margin: 0 -4px;

2178 flex-wrap:wrap;

2179}

2180

2181.lp-ui-timer__item {

2182 /*flex: 0 0 58px;*/

2183 text-align: center;

2184 margin: 0 3px;

2185}

2186

2187

2188@media all and (min-width: 600px) {

2189 .lp-ui-timer__item {

2190 margin: 0 4px;

2191 }

2192}

2193

2194.lp-ui-timer__item-number {

2195 font-style: normal;

2196 font-weight: bold;

2197 /*font-size: 26px;*/

2198 vertical-align: middle;

2199 /*line-height: 1.34;*/

2200 padding: 15px 17px;

2201 box-sizing: border-box;

2202}

2203

2204/*@media (max-width: 600px) {

2205 .lp-ui-timer__item-number {

2206 font-size: 26px !important;

2207 }

2208}*/

2209

2210/*@media (max-width: 495px) {

2211 .lp-ui-timer__item-number {

2212 font-size: 24px !important;

2213 }

2214}*/

2215

2216.lp-ui-timer__item-text {

2217 font-style: normal;

2218 font-weight: normal;

2219 font-size: 14px;

2220 line-height: 20px;

2221 color: #8b9098;

2222}

2223

2224._type-1 .lp-ui-timer__item-number {

2225 background: var(--content-background-lpc);

2226 color: var(--primary-color-base);

2227}

2228

2229._type-2 .lp-ui-timer__item-number {

2230 background: var(--content-background-lpc);

2231 color: var(--primary-color-base);

2232 padding: 14px 16px;

2233 border: 1px solid var(--primary-color-base);

2234}

2235

2236._type-3 .lp-ui-timer__item-number {

2237 background: var(--primary-color-base);

2238 color: #fff;

2239}

2240

2241

2242

2243.lpc-light-mode-block { color: #333; background: #fff; }

2244.lpc-light-mode-block a:not([href^="tel:"]), .lpc-light-mode-block ._primary-color { color: var(--primary-color-base); }

2245/*.lpc-light-mode-block svg path:not([fill]) { fill: var(--primary-color-base); }

2246.lpc-light-mode-block svg defs path:not([fill]) { fill: inherit;}*/

2247

2248.lpc-contacts-7__item-text a[href^="tel:"] {

2249 color: inherit;

2250 font-size: inherit;

2251 font-weight: inherit;

2252}

2253

2254.lpc-dark-mode-block { color: #fff; background: var(--primary-color-base); }

2255.lpc-dark-mode-block a:not([href^="tel:"]), .lpc-dark-mode-block ._primary-color { color: inherit; }

2256.lpc-dark-mode-block svg path:not([fill]) { fill: #fff; }

2257

2258@keyframes placeholder-active {

2259 0% {

2260 background-position: 100% 50%

2261 }

2262

2263 to {

2264 background-position: 0 50%

2265 }

2266}

2267

2268.lp-map-placeholder {

2269 position: relative;

2270 background: 50% 50% / cover no-repeat url("/g/s3/lp/img/lp-map-placeholder-v3.svg");

2271}

2272

2273.lp-map-placeholder:after {

2274 content: '';

2275 position: absolute;

2276 display: block;

2277 z-index: -1;

2278 left: 0;

2279 right: 0;

2280 top: 0;

2281 bottom: 0;

2282 background: linear-gradient(-45deg,transparent 25%, #fff 30%, transparent 63%);

2283 background-size: 400% 100%;

2284 -webkit-animation: placeholder-active 3s ease infinite;

2285 animation: placeholder-active 3s ease infinite;

2286}

2287

2288

2289

2290@keyframes button-bounce {

2291 0% {

2292 transform: translate3d(0, 0, 0);

2293 }

2294 3% {

2295 -webkit-transform: translate3d(0, -12px, 0);

2296 transform: translate3d(0, -12px, 0);

2297 }

2298 7% {

2299 -webkit-transform: translate3d(0, 8px, 0);

2300 transform: translate3d(0, 8px, 0);

2301 }

2302 9% {

2303 -webkit-transform: translate3d(0, -3px, 0);

2304 transform: translate3d(0, -3px, 0);

2305 }

2306 10% {

2307 -webkit-transform: translate3d(0, 0, 0);

2308 transform: translate3d(0, 0, 0);

2309 }

2310 100% {

2311 -webkit-transform: translate3d(0, 0, 0);

2312 transform: translate3d(0, 0, 0);

2313 }

2314}

2315

2316@keyframes button-flash {

2317 0% {

2318 opacity: 1;

2319 }

2320 4% {

2321 opacity: 0.25;

2322 }

2323 12% {

2324 opacity: 1;

2325 }

2326 16% {

2327 opacity: 0.25;

2328 }

2329 20% {

2330 opacity: 1;

2331 }

2332 100% {

2333 opacity: 1;

2334 }

2335}

2336

2337@keyframes button-pulse {

2338 0% {

2339 transform: scale(1);

2340 }

2341 3% {

2342 transform: scale(1.05);

2343 }

2344 6% {

2345 transform: scale(1);

2346 }

2347 9% {

2348 transform: scale(1.05);

2349 }

2350 12% {

2351 transform: scale(1);

2352 }

2353 100% {

2354 transform: scale(1);

2355 }

2356}

2357

2358.button-bounce-animation {

2359 animation: button-bounce 5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;

2360 transform-origin: center bottom;

2361}

2362

2363.button-flash-animation {

2364 animation: button-flash 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;

2365}.s3-input-textarea

2366

2367.button-pulse-animation {

2368 animation: button-pulse 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;

2369}

2370

2371/*Splide slider*/

2372#lp_constructor .splide__track--draggable {

2373 -webkit-touch-callout: default;

2374 -webkit-user-select: auto;

2375 -ms-user-select: auto;

2376 user-select: auto;

2377}

2378

2379.splide__inner {

2380 position: relative;

2381 visibility: visible;

2382}

2383

2384.splide__custom__pagination.splide__pagination:not(.splide__custom__style) {

2385 position: relative;

2386 top: auto;

2387 left: auto;

2388 right: auto;

2389 bottom: auto;

2390 margin: 20px 0 0;

2391}

2392[data-media-source="media-xs"] .splide__custom__pagination.splide__pagination:not(.splide__custom__style),

2393[data-media-source="media-sm"] .splide__custom__pagination.splide__pagination:not(.splide__custom__style) {

2394 margin: 10px 0 0;

2395}

2396

2397.splide__custom__pagination:not(.splide__custom__style) .splide__pagination__page {

2398 width: 16px;

2399 height: 16px;

2400 margin: 6px;

2401 opacity: .3;

2402 transition: all .15s linear;

2403 background: var(--primary-color-base);

2404 min-height: unset;

2405}

2406

2407[data-media-source="media-xs"] .splide__custom__pagination:not(.splide__custom__style) .splide__pagination__page,

2408[data-media-source="media-sm"] .splide__custom__pagination:not(.splide__custom__style) .splide__pagination__page {

2409 width: 10px;

2410 height: 10px;

2411}

2412

2413.splide__custom__pagination:not(.splide__custom__style) .splide__pagination__page:hover,

2414.splide__custom__pagination:not(.splide__custom__style) .splide__pagination__page.is-active {

2415 transform: scale(1);

2416 opacity: 1;

2417 background: var(--primary-color-base);

2418}

2419

2420.splide__custom__arrows .splide__arrow:disabled {

2421 display: none;

2422}

2423

2424.splide__custom__arrows .splide__arrow {

2425 min-width: 44px;

2426 min-height: 44px;

2427 width: auto;

2428 opacity: 1;

2429 background: none;

2430 border-radius: 50px;

2431}

2432

2433.splide .splide__custom__arrows .splide__arrow:focus {

2434 outline: none;

2435}

2436

2437.splide__custom__arrows .splide__arrow:hover {

2438 opacity: 1;

2439 background: none;

2440}

2441

2442/*.splide__custom__arrows .splide__arrow__bg*/

2443.splide__arrow__bg {

2444 position: relative;

2445 overflow: hidden;

2446 border-radius: 50px;

2447 background: rgba(0,0,0, 0.5);

2448 transition: all .15s linear;

2449

2450 display: flex;

2451 align-items: center;

2452 justify-content: center;

2453}

2454

2455.splide__arrow__bg:not(.preview-arrow) {

2456 /*width: 100%;

2457 height: 100%;*/

2458 width: 44px;

2459 height: 44px;

2460}

2461

2462.splide__arrow__icon {

2463 display: block;

2464 padding: 0;

2465 -webkit-mask-image: url('/g/s3/lp/lpc.v4/images/sprite.view.svg#chevron-right-middle');

2466 mask-image: url('/g/s3/lp/lpc.v4/images/sprite.view.svg#chevron-right-middle');

2467 -webkit-mask-size: 30px;

2468 mask-size: 30px;

2469

mask-image-repeat: no-repeat;

2470 -webkit-mask-image-repeat: no-repeat;

2471 width: 30px;

2472 height: 30px;

2473 background-color: #FFF;

2474 position: absolute;

2475}

2476.splide__arrow__icon--prev {

2477 transform: rotate(180deg);

2478}

2479

2480/*.splide__custom__arrows .splide__arrow__bg:before*/

2481.splide__arrow__bg:before {

2482 position: absolute;

2483 top: 0;

2484 left: 0;

2485 right: 0;

2486 bottom: 0;

2487 content: '';

2488 opacity: 0;

2489 pointer-events: none;

2490 transition: all .15s linear;

2491 background: rgba(255,255,255, 0.2);

2492}

2493

2494.splide__custom__arrows .splide__arrow:hover .splide__arrow__bg:before {

2495 opacity: 1;

2496}

2497

2498.splide__arrow.splide__arrow--prev {

2499 left: -22px;

2500}

2501

2502.splide__arrow.splide__arrow--next {

2503 right: -22px;

2504}

2505

2506.splide__arrow__lines {

2507 position: absolute;

2508 width: 24px;

2509 height: 24px;

2510 display: inline-block;

2511}

2512

2513.splide__arrow__lines.reverse__arrows {

2514 transform: rotate(180deg);

2515}

2516

2517.splide__arrow__line:first-child {

2518 top: 3px;

2519 transform: rotate(45deg);

2520}

2521

2522.splide__arrow__line:last-child {

2523 bottom: 3px;

2524 transform: rotate(-45deg);

2525}

2526

2527.splide__arrow__line {

2528 position: absolute;

2529 right: 11px;

2530 height: 11px;

2531 width: 2px;

2532 background: #fff;

2533 border-radius: 1px;

2534 border-width: 0px !important;

2535 padding: 0 !important;

2536 margin: 0 !important;

2537}

2538/*Splide slider*/

2539

2540/*Spoiler*/

2541.spoiler-btn-wrap {

2542 display: none;

2543 text-align: center;

2544}

2545.spoiler-btn-wrap.show_spoiler {

2546 display: block;

2547}

2548.spoiler-margin {

2549 margin: 40px 0 0;

2550}

2551[data-media-source="media-lg"] .spoiler-margin {

2552 margin: 32px 0 0;

2553}

2554[data-media-source="media-md"] .spoiler-margin {

2555 margin: 32px 0 0;

2556}

2557[data-media-source="media-sm"] .spoiler-margin {

2558 margin: 32px 0 0;

2559}

2560[data-media-source="media-xs"] .spoiler-margin {

2561 margin: 32px 0 0;

2562}

2563.spoiler-card-margin {

2564 margin: 40px 0 0;

2565}

2566[data-media-source="media-lg"] .spoiler-card-margin {

2567 margin: 32px 0 0;

2568}

2569[data-media-source="media-md"] .spoiler-card-margin {

2570 margin: 32px 0 0;

2571}

2572[data-media-source="media-sm"] .spoiler-card-margin {

2573 margin: 24px 0 0;

2574}

2575[data-media-source="media-xs"] .spoiler-card-margin {

2576 margin: 24px 0 0;

2577}

2578

2579/*Spoiler*/

2580

2581.popup-row-block {

2582 background: repeating-linear-gradient(145deg, rgba(255,255,255,0.03), rgba(255,255,255,0.03) 10px, rgba(0,0,0,0.07) 10px, rgba(0,0,0,0.07) 20px);

2583}

2584

2585/*Транзишн для текстов в новом конструкторе*/

2586#landing_page_site .lp-header-title-1,

2587#landing_page_site .lp-header-title-2,

2588#landing_page_site .lp-header-title-3,

2589#landing_page_site .lp-header-title-4,

2590#landing_page_site .lp-header-title-5,

2591#landing_page_site .lp-header-title-6,

2592#landing_page_site .lp-header-text-1,

2593#landing_page_site .lp-header-text-2,

2594#landing_page_site .lp-header-text-3,

2595#landing_page_site .lp-header-text-4 {

2596 transition: font-size .3s ease-in-out 0s;

2597}

2598

2599

2600/*Старая версия для слабовидящих https://staff.megagroup.ru/staff/sites/?site_id=1085232*/

2601[data-set-size='normal-size'] .lpc-wrap p,

2602[data-set-size='normal-size'] .lpc-wrap .lp-header-text-1,

2603[data-set-size='normal-size'] .lpc-wrap .lp-header-text-2,

2604[data-set-size='normal-size'] .lpc-wrap .lp-header-text-3,

2605[data-set-size='normal-size'] .lpc-wrap .lp-header-text-4 {

2606 font-size: 1em;

2607}

2608

2609[data-set-size='big-size'] .lpc-wrap p,

2610[data-set-size='big-size'] .lpc-wrap .lp-button,

2611[data-set-size='big-size'] .lpc-wrap .lp-header-text-1,

2612[data-set-size='big-size'] .lpc-wrap .lp-header-text-2,

2613[data-set-size='big-size'] .lpc-wrap .lp-header-text-3,

2614[data-set-size='big-size'] .lpc-wrap .lp-header-text-4 {

2615 font-size: 1.125rem;

2616}

2617

2618[data-set-size='big1-size'] .lpc-wrap p,

2619[data-set-size='big1-size'] .lpc-wrap .lp-button,

2620[data-set-size='big1-size'] .lpc-wrap .lp-header-text-1,

2621[data-set-size='big1-size'] .lpc-wrap .lp-header-text-2,

2622[data-set-size='big1-size'] .lpc-wrap .lp-header-text-3,

2623[data-set-size='big1-size'] .lpc-wrap .lp-header-text-4 {

2624 font-size: 1.5rem;

2625}

2626

2627[data-set-size='big2-size'] .lpc-wrap p,

2628[data-set-size='big2-size'] .lpc-wrap .lp-button,

2629[data-set-size='big2-size'] .lpc-wrap .lp-header-text-1,

2630[data-set-size='big2-size'] .lpc-wrap .lp-header-text-2,

2631[data-set-size='big2-size'] .lpc-wrap .lp-header-text-3,

2632[data-set-size='big2-size'] .lpc-wrap .lp-header-text-4 {

2633 font-size: 2rem;

2634}

2635

2636body[image="hide"] .lpc-block__img-inner {

2637 display: none;

2638}

2639

2640/*Старая версия для слабовидящих https://staff.megagroup.ru/staff/sites/?site_id=1085232*/

2641

2642/*ymaps*/

2643ymaps .baloon-content h1,

2644ymaps .baloon-content h2,

2645ymaps .baloon-content h3,

2646ymaps .baloon-content h4,

2647ymaps .baloon-content h5,

2648ymaps .baloon-content h6 {

2649 line-height: 1;

2650}

2651

2652ymaps .baloon-content {

2653 padding: 10px 10px 0 !important;

2654}

2655

2656.baloon-content h5 {

2657 color: #000;

2658}

2659/*ymaps*/

2660

2661/*s3*/

2662.s3-json-map-wrapper .map-coords-item {max-width: 100%;}

2663

2664.s3-textarea,

2665.bluepopup-wrapper .s3-input-textarea {

2666 min-width: 587px;