CSS File

1.select2-container {

2 box-sizing: border-box;

3 display: inline-block;

4 margin: 0;

5 position: relative;

6 vertical-align: middle

7}

8

9.select2-container .select2-selection--single {

10 box-sizing: border-box;

11 cursor: pointer;

12 display: block;

13 height: 28px;

14 user-select: none;

15

-webkit-user-select: none

16}

17

18.select2-container .select2-selection--single .select2-selection__rendered {

19 display: block;

20 padding-left: 8px;

21 padding-right: 20px;

22 overflow: hidden;

23 text-overflow: ellipsis;

24 white-space: nowrap

25}

26

27.select2-container .select2-selection--single .select2-selection__clear {

28 position: relative

29}

30

31.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

32 padding-right: 8px;

33 padding-left: 20px

34}

35

36.select2-container .select2-selection--multiple {

37 box-sizing: border-box;

38 cursor: pointer;

39 display: block;

40 min-height: 32px;

41 user-select: none;

42

-webkit-user-select: none

43}

44

45.select2-container .select2-selection--multiple .select2-selection__rendered {

46 display: inline-block;

47 overflow: hidden;

48 padding-left: 8px;

49 text-overflow: ellipsis;

50 white-space: nowrap

51}

52

53.select2-container .select2-search--inline {

54 float: left

55}

56

57.select2-container .select2-search--inline .select2-search__field {

58 box-sizing: border-box;

59 border: none;

60 font-size: 100%;

61 margin-top: 5px;

62 padding: 0

63}

64

65.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {

66

-webkit-appearance: none

67}

68

69.select2-dropdown {

70 background-color: white;

71 border: 1px solid #aaa;

72 border-radius: 4px;

73 box-sizing: border-box;

74 display: block;

75 position: absolute;

76 left: -100000px;

77 width: 100%;

78 z-index: 1051

79}

80

81.select2-results {

82 display: block

83}

84

85.select2-results__options {

86 list-style: none;

87 margin: 0;

88 padding: 0

89}

90

91.select2-results__option {

92 padding: 6px;

93 user-select: none;

94

-webkit-user-select: none

95}

96

97.select2-results__option[aria-selected] {

98 cursor: pointer

99}

100

101.select2-container--open .select2-dropdown {

102 left: 0

103}

104

105.select2-container--open .select2-dropdown--above {

106 border-bottom: none;

107 border-bottom-left-radius: 0;

108 border-bottom-right-radius: 0

109}

110

111.select2-container--open .select2-dropdown--below {

112 border-top: none;

113 border-top-left-radius: 0;

114 border-top-right-radius: 0

115}

116

117.select2-search--dropdown {

118 display: block;

119 padding: 4px

120}

121

122.select2-search--dropdown .select2-search__field {

123 padding: 4px;

124 width: 100%;

125 box-sizing: border-box

126}

127

128.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {

129

-webkit-appearance: none

130}

131

132.select2-search--dropdown.select2-search--hide {

133 display: none

134}

135

136.select2-close-mask {

137 border: 0;

138 margin: 0;

139 padding: 0;

140 display: block;

141 position: fixed;

142 left: 0;

143 top: 0;

144 min-height: 100%;

145 min-width: 100%;

146 height: auto;

147 width: auto;

148 opacity: 0;

149 z-index: 99;

150 background-color: #fff;

151 filter:

alpha(opacity=0)

152}

153

154.select2-hidden-accessible {

155 border: 0 !important;

156 clip: rect(0 0 0 0) !important;

157

-webkit-clip-path: inset(50%) !important;

158 clip-path: inset(50%) !important;

159 height: 1px !important;

160 overflow: hidden !important;

161 padding: 0 !important;

162 position: absolute !important;

163 width: 1px !important;

164 white-space: nowrap !important

165}

166

167.select2-container--default .select2-selection--single {

168 background-color: #fff;

169 border: 1px solid #aaa;

170 border-radius: 4px

171}

172

173.select2-container--default .select2-selection--single .select2-selection__rendered {

174 color: #444;

175 line-height: 28px

176}

177

178.select2-container--default .select2-selection--single .select2-selection__clear {

179 cursor: pointer;

180 float: right;

181 font-weight: bold

182}

183

184.select2-container--default .select2-selection--single .select2-selection__placeholder {

185 color: #999

186}

187

188.select2-container--default .select2-selection--single .select2-selection__arrow {

189 height: 26px;

190 position: absolute;

191 top: 1px;

192 right: 1px;

193 width: 20px

194}

195

196.select2-container--default .select2-selection--single .select2-selection__arrow b {

197 border-color: #888 transparent transparent transparent;

198 border-style: solid;

199 border-width: 5px 4px 0 4px;

200 height: 0;

201 left: 50%;

202 margin-left: -4px;

203 margin-top: -2px;

204 position: absolute;

205 top: 50%;

206 width: 0

207}

208

209.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {

210 float: left

211}

212

213.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {

214 left: 1px;

215 right: auto

216}

217

218.select2-container--default.select2-container--disabled .select2-selection--single {

219 background-color: #eee;

220 cursor: default

221}

222

223.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {

224 display: none

225}

226

227.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

228 border-color: transparent transparent #888 transparent;

229 border-width: 0 4px 5px 4px

230}

231

232.select2-container--default .select2-selection--multiple {

233 background-color: white;

234 border: 1px solid #aaa;

235 border-radius: 4px;

236 cursor: text

237}

238

239.select2-container--default .select2-selection--multiple .select2-selection__rendered {

240 box-sizing: border-box;

241 list-style: none;

242 margin: 0;

243 padding: 0 5px;

244 width: 100%

245}

246

247.select2-container--default .select2-selection--multiple .select2-selection__rendered li {

248 list-style: none

249}

250

251.select2-container--default .select2-selection--multiple .select2-selection__placeholder {

252 color: #999;

253 margin-top: 5px;

254 float: left

255}

256

257.select2-container--default .select2-selection--multiple .select2-selection__clear {

258 cursor: pointer;

259 float: right;

260 font-weight: bold;

261 margin-top: 5px;

262 margin-right: 10px

263}

264

265.select2-container--default .select2-selection--multiple .select2-selection__choice {

266 background-color: #e4e4e4;

267 border: 1px solid #aaa;

268 border-radius: 4px;

269 cursor: default;

270 float: left;

271 margin-right: 5px;

272 margin-top: 5px;

273 padding: 0 5px

274}

275

276.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

277 color: #999;

278 cursor: pointer;

279 display: inline-block;

280 font-weight: bold;

281 margin-right: 2px

282}

283

284@media (min-width: 1024px) {

285 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {

286 color: #333

287 }

288}

289

290.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,

291.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,

292.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {

293 float: right

294}

295

296.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

297 margin-left: 5px;

298 margin-right: auto

299}

300

301.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

302 margin-left: 2px;

303 margin-right: auto

304}

305

306.select2-container--default.select2-container--focus .select2-selection--multiple {

307 border: solid black 1px;

308 outline: 0

309}

310

311.select2-container--default.select2-container--disabled .select2-selection--multiple {

312 background-color: #eee;

313 cursor: default

314}

315

316.select2-container--default.select2-container--disabled .select2-selection__choice__remove {

317 display: none

318}

319

320.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,

321.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {

322 border-top-left-radius: 0;

323 border-top-right-radius: 0

324}

325

326.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,

327.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {

328 border-bottom-left-radius: 0;

329 border-bottom-right-radius: 0

330}

331

332.select2-container--default .select2-search--dropdown .select2-search__field {

333 border: 1px solid #aaa

334}

335

336.select2-container--default .select2-search--inline .select2-search__field {

337 background: transparent;

338 border: none;

339 outline: 0;

340 box-shadow: none;

341

-webkit-appearance: textfield

342}

343

344.select2-container--default .select2-results>.select2-results__options {

345 max-height: 200px;

346 overflow-y: auto

347}

348

349.select2-container--default .select2-results__option[role=group] {

350 padding: 0

351}

352

353.select2-container--default .select2-results__option[aria-disabled=true] {

354 color: #999

355}

356

357.select2-container--default .select2-results__option[aria-selected=true] {

358 background-color: #ddd

359}

360

361.select2-container--default .select2-results__option .select2-results__option {

362 padding-left: 1em

363}

364

365.select2-container--default .select2-results__option .select2-results__option .select2-results__group {

366 padding-left: 0

367}

368

369.select2-container--default .select2-results__option .select2-results__option .select2-results__option {

370 margin-left: -1em;

371 padding-left: 2em

372}

373

374.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

375 margin-left: -2em;

376 padding-left: 3em

377}

378

379.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

380 margin-left: -3em;

381 padding-left: 4em

382}

383

384.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

385 margin-left: -4em;

386 padding-left: 5em

387}

388

389.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {

390 margin-left: -5em;

391 padding-left: 6em

392}

393

394.select2-container--default .select2-results__option--highlighted[aria-selected] {

395 background-color: #f40050;

396 color: white

397}

398

399.select2-container--default .select2-results__group {

400 cursor: default;

401 display: block;

402 padding: 6px

403}

404

405.select2-container--classic .select2-selection--single {

406 background-color: #f7f7f7;

407 border: 1px solid #aaa;

408 border-radius: 4px;

409 outline: 0;

410 background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);

411 background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);

412 background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);

413 background-repeat: repeat-x;

414 filter:

progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)

415}

416

417.select2-container--classic .select2-selection--single:focus {

418 border: 1px solid #f40050

419}

420

421.select2-container--classic .select2-selection--single .select2-selection__rendered {

422 color: #444;

423 line-height: 28px

424}

425

426.select2-container--classic .select2-selection--single .select2-selection__clear {

427 cursor: pointer;

428 float: right;

429 font-weight: bold;

430 margin-right: 10px

431}

432

433.select2-container--classic .select2-selection--single .select2-selection__placeholder {

434 color: #999

435}

436

437.select2-container--classic .select2-selection--single .select2-selection__arrow {

438 background-color: #ddd;

439 border: none;

440 border-left: 1px solid #aaa;

441 border-top-right-radius: 4px;

442 border-bottom-right-radius: 4px;

443 height: 26px;

444 position: absolute;

445 top: 1px;

446 right: 1px;

447 width: 20px;

448 background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);

449 background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);

450 background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);

451 background-repeat: repeat-x;

452 filter:

progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)

453}

454

455.select2-container--classic .select2-selection--single .select2-selection__arrow b {

456 border-color: #888 transparent transparent transparent;

457 border-style: solid;

458 border-width: 5px 4px 0 4px;

459 height: 0;

460 left: 50%;

461 margin-left: -4px;

462 margin-top: -2px;

463 position: absolute;

464 top: 50%;

465 width: 0

466}

467

468.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {

469 float: left

470}

471

472.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {

473 border: none;

474 border-right: 1px solid #aaa;

475 border-radius: 0;

476 border-top-left-radius: 4px;

477 border-bottom-left-radius: 4px;

478 left: 1px;

479 right: auto

480}

481

482.select2-container--classic.select2-container--open .select2-selection--single {

483 border: 1px solid #f40050

484}

485

486.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {

487 background: transparent;

488 border: none

489}

490

491.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {

492 border-color: transparent transparent #888 transparent;

493 border-width: 0 4px 5px 4px

494}

495

496.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {

497 border-top: none;

498 border-top-left-radius: 0;

499 border-top-right-radius: 0;

500 background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);

501 background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);

502 background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);

503 background-repeat: repeat-x;

504 filter:

progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)

505}

506

507.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {

508 border-bottom: none;

509 border-bottom-left-radius: 0;

510 border-bottom-right-radius: 0;

511 background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);

512 background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);

513 background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);

514 background-repeat: repeat-x;

515 filter:

progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)

516}

517

518.select2-container--classic .select2-selection--multiple {

519 background-color: white;

520 border: 1px solid #aaa;

521 border-radius: 4px;

522 cursor: text;

523 outline: 0

524}

525

526.select2-container--classic .select2-selection--multiple:focus {

527 border: 1px solid #f40050

528}

529

530.select2-container--classic .select2-selection--multiple .select2-selection__rendered {

531 list-style: none;

532 margin: 0;

533 padding: 0 5px

534}

535

536.select2-container--classic .select2-selection--multiple .select2-selection__clear {

537 display: none

538}

539

540.select2-container--classic .select2-selection--multiple .select2-selection__choice {

541 background-color: #e4e4e4;

542 border: 1px solid #aaa;

543 border-radius: 4px;

544 cursor: default;

545 float: left;

546 margin-right: 5px;

547 margin-top: 5px;

548 padding: 0 5px

549}

550

551.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {

552 color: #888;

553 cursor: pointer;

554 display: inline-block;

555 font-weight: bold;

556 margin-right: 2px

557}

558@media (min-width: 1024px) {

559 .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {

560 color: #555

561 }

562}

563

564.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

565 float: right

566}

567

568.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

569 margin-left: 5px;

570 margin-right: auto

571}

572

573.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

574 margin-left: 2px;

575 margin-right: auto

576}

577

578.select2-container--classic.select2-container--open .select2-selection--multiple {

579 border: 1px solid #f40050

580}

581

582.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {

583 border-top: none;

584 border-top-left-radius: 0;

585 border-top-right-radius: 0

586}

587

588.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {

589 border-bottom: none;

590 border-bottom-left-radius: 0;

591 border-bottom-right-radius: 0

592}

593

594.select2-container--classic .select2-search--dropdown .select2-search__field {

595 border: 1px solid #aaa;

596 outline: 0

597}

598

599.select2-container--classic .select2-search--inline .select2-search__field {

600 outline: 0;

601 box-shadow: none

602}

603

604.select2-container--classic .select2-dropdown {

605 background-color: #fff;

606 border: 1px solid transparent

607}

608

609.select2-container--classic .select2-dropdown--above {

610 border-bottom: none

611}

612

613.select2-container--classic .select2-dropdown--below {

614 border-top: none

615}

616

617.select2-container--classic .select2-results>.select2-results__options {

618 max-height: 200px;

619 overflow-y: auto

620}

621

622.select2-container--classic .select2-results__option[role=group] {

623 padding: 0

624}

625

626.select2-container--classic .select2-results__option[aria-disabled=true] {

627 color: grey

628}

629

630.select2-container--classic .select2-results__option--highlighted[aria-selected] {

631 background-color: #3875d7;

632 color: #fff

633}

634

635.select2-container--classic .select2-results__group {

636 cursor: default;

637 display: block;

638 padding: 6px

639}

640

641.select2-container--classic.select2-container--open .select2-dropdown {

642 border-color: #f40050

643}

644

645body,

646div,

647dl,

648dt,

649dd,

650ul,

651ol,

652li,

653h1,

654h2,

655h3,

656h4,

657h5,

658h6,

659pre,

660form,

661fieldset,

662button,

663input,

664p,

665blockquote,

666th,

667td {

668 margin: 0;

669 padding: 0;

670}

671

672fieldset,

673img {

674 border: 0;

675}

676

677img,

678object,

679embed {

680 vertical-align: bottom;

681}

682

683address,

684caption,

685cite,

686code,

687dfn,

688em,

689th,

690var {

691 font-style: normal;

692 font-weight: normal;

693}

694

695ol,

696ul {

697 list-style: none;

698}

699

700caption,

701th {

702 text-align: left;

703}

704

705h1,

706h2,

707h3,

708h4,

709h5,

710h6 {

711 font-size: 100%;

712}

713

714q:before,

715q:after {

716 content: "";

717}

718

719a * {

720 cursor: pointer;

721}

722

723input,

724textarea {

725 outline: none;

726}

727

728a {

729 text-decoration: none;

730 cursor: pointer;

731}

732

733input {

734 outline: none;

735

-webkit-appearance: none;

736 border-radius: 0;

737}

738

739textarea {

740 resize: vertical;

741}

742

743* {

744 outline: none;

745}

746

747* {

748 box-sizing: border-box;

749}

750

751*:before,

752*:after {

753 box-sizing: border-box;

754}

755

756i {

757

-webkit-backface-visibility: hidden;

758 backface-visibility: hidden;

759}

760

761figure {

762 margin: 0;

763}

764

765html {

766

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

767

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

768 overflow-x: hidden;

769}

770

771body {

772 background: #e5e5e5;

773 position: relative;

774 color: #1b1a1a;

775 overflow-x: hidden;

776 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

777

font-size: 14px;

778 font-weight: 400;

779 line-height: 1.2;

780}

781

782body.show-nav .navigation {

783 visibility: visible;

784 opacity: 1;

785 transform: translate3d(0, 4px, 0);

786

-webkit-transform: translate3d(0, 4px, 0);

787

-moz-transform: translate3d(0, 4px, 0);

788

-ms-transform: translate3d(0, 4px, 0);

789

-o-transform: translate3d(0, 4px, 0);

790 transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

791 transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

792 transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

793

-webkit-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

794

-moz-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

795

-ms-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

796

-o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

797}

798

799body.show-nav .burger-menu span::after {

800 background: url(../images/close.svg);

801 width: 14px;

802 height: 17px;

803 background-size: cover;

804 background-repeat: no-repeat;

805}

806

807.hidden {

808 display: none;

809}

810

811.container {

812 max-width: 1660px;

813 padding: 0 10px;

814 margin: 0 auto;

815}

816

817.section-row {

818 margin-bottom: 30px;

819}

820

821header {

822 background: #060606;

823 border-top: 5px solid #1b1a1a;

824 border-bottom: 5px solid #1b1a1a;

825 margin-bottom: 30px;

826 position: relative;

827}

828

829@media (max-width: 425px) {

830 header {

831 margin-bottom: 10px;

832 }

833}

834

835.header-wrap {

836 display: -ms-flexbox;

837 display: flex;

838

-ms-flex-align: center;

839 align-items: center;

840}

841

842@media (max-width: 1250px) {

843 .header-wrap {

844

-ms-flex-wrap: wrap;

845 flex-wrap: wrap;

846 }

847}

848

849.logo {

850

-ms-flex-negative: 0;

851 flex-shrink: 0;

852

-ms-flex-positive: 1;

853 flex-grow: 0;

854 min-width: 1px;

855 display: -ms-flexbox;

856 display: flex;

857

-ms-flex-pack: center;

858 justify-content: center;

859 max-width: 100%;

860 position: relative;

861 margin-right: 10px;

862 margin-right: 60px;

863}

864

865@media (max-width: 950px) {

866 .logo {

867 margin-right: 10px;

868 }

869}

870

871.logo a {

872 display: block;

873 max-width: 100%;

874}

875

876@media (max-width: 425px) {

877 .logo a {

878 width: 160px;

879 }

880}

881

882.logo a img {

883 display: block;

884 width: 100%;

885 height: 96px;

886 margin-bottom: -6px;

887}

888

889@media (max-width: 425px) {

890 .logo a img {

891 height: 65px;

892 }

893}

894

895#anim {

896 position: absolute;

897 width: 76px;

898 height: 100px;

899 top: -2px;

900 left: 0;

901 z-index: 4;

902}

903

904@media (max-width: 425px) {

905 #anim {

906 left: -17px;

907 top: -2px;

908 height: 65px;

909 }

910}

911

912.navigation {

913 /* display: -ms-flexbox;

914 display: flex;

915 -ms-flex-align: center;

916 align-items: center;

917 -ms-flex-positive: 1;

918 flex-grow: 1;

919 -ms-flex-negative: 1;

920 flex-shrink: 1;

921 -ms-flex-pack: end;

922 justify-content: flex-end; */

923 margin-right: 20px;

924}

925

926@media (max-width: 900px) {

927 .navigation {

928 position: absolute;

929

-ms-flex-direction: column;

930 flex-direction: column;

931 top: 100%;

932 left: 0;

933 right: 0;

934 background: #1b1a1a;

935 box-shadow: 0px 1px 3px #151515;

936 border-radius: 0px 0px 3px 3px;

937 margin-right: 0;

938 z-index: 10;

939 visibility: hidden;

940 opacity: 0;

941 transform: translate3d(-100%, 4px, 0);

942

-webkit-transform: translate3d(-100%, 4px, 0);

943

-moz-transform: translate3d(-100%, 4px, 0);

944

-ms-transform: translate3d(-100%, 4px, 0);

945

-o-transform: translate3d(-100%, 4px, 0);

946 transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

947 transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

948 transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

949

-webkit-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

950

-moz-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

951

-ms-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

952

-o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

953 }

954}

955

956.navigation ul {

957 display: -ms-flexbox;

958 display: flex;

959

-ms-flex-align: center;

960 align-items: center;

961

-ms-flex-pack: end;

962 justify-content: flex-end;

963}

964

965.navigation .nav-item {

966 margin-right: 20px;

967 position: relative;

968}

969

970@media (max-width: 900px) {

971 .navigation .nav-item {

972 margin-right: 0;

973 width: 100%;

974 }

975}

976

977.navigation .nav-item:last-child {

978 /* margin-right: 0; */

979}

980

981.navigation .nav-item .nav-link {

982 display: block;

983 position: relative;

984 font-weight: 500;

985

font-size: 15px;

986 text-transform: uppercase;

987 color: #ffffff;

988 transition: color 0.3s;

989}

990

991@media (max-width: 900px) {

992 .navigation .nav-item .nav-link {

993 padding: 10px;

994 line-height: 1.2;

995 }

996}

997

998@media (min-width: 1024px) {

999 .navigation .nav-item .nav-link:hover {

1000 color: #f40050;

1001 }

1002

1003 .navigation .nav-item .nav-link:hover::after {

1004 opacity: 1;

1005 }

1006

1007}

1008.navigation .nav-item.selected .nav-link {

1009 color: #f40050;

1010}

1011

1012.navigation .nav-item.selected .nav-link::after {

1013 opacity: 1;

1014}

1015

1016@media (max-width: 1024px) {

1017 .navigation .nav-item .nav-link:hover::after {

1018 opacity: 0;

1019 }

1020}

1021

1022.navigation .nav-item .nav-link::after,

1023.priority-nav-has-dropdown .priority-nav__dropdown-toggle:after {

1024 content: "";

1025 position: absolute;

1026 bottom: -12px;

1027 left: 0;

1028 right: 0;

1029 width: 100%;

1030 height: 2px;

1031 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

1032 border-radius: 1px;

1033 opacity: 0;

1034 transition: opacity 0.3s;

1035

-webkit-transition: opacity 0.3s;

1036

-moz-transition: opacity 0.3s;

1037

-ms-transition: opacity 0.3s;

1038

-o-transition: opacity 0.3s;

1039}

1040

1041@media (max-width: 900px) {

1042 .navigation .nav-item .nav-link::after {

1043 bottom: -0;

1044 }

1045}

1046

1047.navigation .nav-item .nav-link.drop {

1048 display: -ms-flexbox;

1049 display: flex;

1050

-ms-flex-align: center;

1051 align-items: center;

1052}

1053

1054.navigation .nav-item .nav-link.drop svg {

1055 fill: #4b4b4b;

1056 margin-left: 6px;

1057 width: 4px;

1058 height: 5px;

1059}

1060

1061@media (max-width: 1024px) {

1062 .navigation .nav-item .nav-link.drop svg {

1063 display: none;

1064 }

1065}

1066

1067.navigation .nav-item.show .drop-block {

1068 opacity: 1;

1069 visibility: visible;

1070 display: flex;

1071 flex-direction: column;

1072}

1073

1074@media (max-width: 1024px) {

1075 .navigation .nav-item.show .drop-block {

1076 display: none;

1077 opacity: 0;

1078 visibility: hidden;

1079 }

1080}

1081

1082.navigation .nav-item.show .nav-link {

1083 color: #f40050;

1084}

1085

1086.navigation .nav-item.show .nav-link::after,

1087.priority-nav-has-dropdown .is-open.priority-nav__dropdown-toggle:after {

1088 opacity: 1;

1089}

1090

1091@media (max-width: 1024px) {

1092 .navigation .nav-item.show .nav-link::after,

1093 .priority-nav-has-dropdown .is-open.priority-nav__dropdown-toggle:after {

1094 opacity: 0;

1095 }

1096}

1097

1098.navigation .nav-item.show .nav-link.drop svg {

1099 fill: #ffffff;

1100}

1101

1102.drop-block {

1103 z-index: 5;

1104 top: 100%;

1105 width: 160px;

1106 position: absolute;

1107 left: 0;

1108 background: #1b1a1a;

1109 box-shadow: 0px 1px 3px #151515;

1110 border-radius: 0px 0px 3px 3px;

1111 transform: translate3d(0, 21%, 0);

1112

-webkit-transform: translate3d(0, 21%, 0);

1113

-moz-transform: translate3d(0, 21%, 0);

1114

-ms-transform: translate3d(0, 21%, 0);

1115

-o-transform: translate3d(0, 21%, 0);

1116 visibility: hidden;

1117 opacity: 0;

1118 transition: visibility 0.3s, opacity 0.3s;

1119

-webkit-transition: visibility 0.3s, opacity 0.3s;

1120

-moz-transition: visibility 0.3s, opacity 0.3s;

1121

-ms-transition: visibility 0.3s, opacity 0.3s;

1122

-o-transition: visibility 0.3s, opacity 0.3s;

1123 transition: all .3s;

1124}

1125

1126@media (max-width: 860px) {

1127 .drop-block {

1128 left: -60%;

1129 }

1130}

1131

1132.drop-block a {

1133 display: block;

1134 font-weight: 500;

1135

font-size: 15px;

1136 text-transform: uppercase;

1137 color: #ffffff;

1138 padding: 10px 20px;

1139 display: block;

1140

-webkit-background-clip: text;

1141 background-clip: text;

1142 transition: background 0.3s, color 0.3s;

1143

-webkit-transition: background 0.3s, color 0.3s;

1144

-moz-transition: background 0.3s, color 0.3s;

1145

-ms-transition: background 0.3s, color 0.3s;

1146

-o-transition: background 0.3s, color 0.3s;

1147}

1148

1149.drop-block a.disable {

1150 pointer-events: none;

1151 cursor: default;

1152}

1153@media (min-width: 1024px) {

1154 .drop-block a:hover {

1155 color: transparent;

1156 background-image: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

1157 }

1158}

1159.drop-block a.active {

1160 color: transparent;

1161 background-image: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

1162}

1163

1164.drop-block.second {

1165 transform: translate3d(-50%, 21%, 0);

1166

-webkit-transform: translate3d(-50%, 21%, 0);

1167

-moz-transform: translate3d(-50%, 21%, 0);

1168

-ms-transform: translate3d(-50%, 21%, 0);

1169

-o-transform: translate3d(-50%, 21%, 0);

1170

1171 transform: translate3d(-50%, 40px, 0);

1172

-webkit-transform: translate3d(-50%, 40px, 0);

1173

-moz-transform: translate3d(-50%, 40px, 0);

1174

-ms-transform: translate3d(-50%, 40px, 0);

1175

-o-transform: translate3d(-50%, 40px, 0);

1176}

1177

1178.nav-ul .drop-block.second {

1179 display: flex;

1180 flex-direction: column;

1181

1182}

1183

1184.search {

1185 max-width: 478px;

1186 width: 100%;

1187 min-width: 340px;

1188}

1189

1190@media (max-width: 1250px) {

1191 .search {

1192

-ms-flex-order: 1;

1193 order: 1;

1194 max-width: 100%;

1195 }

1196}

1197

1198@media (max-width: 380px) {

1199 .search {

1200 min-width: auto;

1201 }

1202}

1203

1204.search .search-inner {

1205 display: -ms-flexbox;

1206 display: flex;

1207 position: relative;

1208}

1209

1210@media (max-width: 1250px) {

1211 .search .search-inner {

1212 padding: 8px 10px 5px 10px;

1213 margin: 0 -10px;

1214 background: #1b1a1a;

1215 }

1216}

1217

1218.search input {

1219 width: 100%;

1220 height: 46px;

1221 border: none;

1222 border-radius: 3px;

1223 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

1224

font-size: 12px;

1225 color: #818181;

1226 padding: 5px 40px 5px 15px;

1227}

1228

1229.search .btn {

1230 position: absolute;

1231 right: 20px;

1232 top: 50%;

1233 background: transparent;

1234 border: none;

1235 cursor: pointer;

1236 transform: translate3d(0, -40%, 0);

1237

-webkit-transform: translate3d(0, -40%, 0);

1238

-moz-transform: translate3d(0, -40%, 0);

1239

-ms-transform: translate3d(0, -40%, 0);

1240

-o-transform: translate3d(0, -40%, 0);

1241}

1242

1243.search .btn svg {

1244 fill: #000000;

1245 width: 18px;

1246 height: 18px;

1247 transition: fill 0.3s;

1248

-webkit-transition: fill 0.3s;

1249

-moz-transition: fill 0.3s;

1250

-ms-transition: fill 0.3s;

1251

-o-transition: fill 0.3s;

1252}

1253

1254@media (min-width: 1024px) {

1255 .search .btn:hover svg {

1256 fill: #f40050;

1257 }

1258}

1259

1260.header-wrap .col {

1261 margin-left: 3px;

1262 display: -ms-flexbox;

1263 display: flex;

1264

-ms-flex-positive: 0;

1265 flex-grow: 0;

1266

-ms-flex-negative: 0;

1267 flex-shrink: 0;

1268}

1269

1270@media (max-width: 900px) {

1271 .header-wrap .col {

1272

-ms-flex-positive: 1;

1273 flex-grow: 1;

1274

-ms-flex-negative: 1;

1275 flex-shrink: 1;

1276

-ms-flex-pack: end;

1277 justify-content: flex-end;

1278 }

1279}

1280

1281.header-wrap .col .btn {

1282 margin-left: 3px;

1283 font-weight: 500;

1284

font-size: 15px;

1285 text-transform: uppercase;

1286 color: #ffffff;

1287 display: -ms-flexbox;

1288 display: flex;

1289

-ms-flex-align: center;

1290 align-items: center;

1291

-ms-flex-negative: 0;

1292 flex-shrink: 0;

1293 background-color: #1b1a1a;

1294 border-radius: 3px;

1295 padding: 13px 14px;

1296 position: relative;

1297 z-index: 1;

1298 border: 1px solid #f40050;

1299 border-image-slice: 1;

1300 transition: opacity 0.3s;

1301

-webkit-transition: opacity 0.3s;

1302

-moz-transition: opacity 0.3s;

1303

-ms-transition: opacity 0.3s;

1304

-o-transition: opacity 0.3s;

1305 border-image-slice: 1;

1306}

1307

1308@media (max-width: 1100px) {

1309 .header-wrap .col .btn {

1310 display: none;

1311 }

1312}

1313

1314.header-wrap .col .btn:before {

1315 content: "";

1316 border-radius: 2px;

1317 position: absolute;

1318 width: 100%;

1319 height: 100%;

1320 left: 0;

1321 bottom: 0;

1322 opacity: 1;

1323 z-index: -1;

1324 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

1325

-webkit-border-radius: 2px;

1326

-moz-border-radius: 2px;

1327

-ms-border-radius: 2px;

1328

-o-border-radius: 2px;

1329 transition: opacity 0.3s;

1330

-webkit-transition: opacity 0.3s;

1331

-moz-transition: opacity 0.3s;

1332

-ms-transition: opacity 0.3s;

1333

-o-transition: opacity 0.3s;

1334}

1335

1336@media (min-width: 1024px) {

1337 .header-wrap .col .btn:hover::before {

1338 opacity: 0;

1339 }

1340}

1341

1342.header-wrap .col .btn:first-child {

1343 margin-left: 0;

1344}

1345

1346.header-wrap .col .btn svg {

1347 width: 18px;

1348 height: 16px;

1349 fill: #ffffff;

1350 margin-right: 10px;

1351}

1352

1353.header-wrap .col .btn.black-btn {

1354 background: #1b1a1a;

1355 width: 56px;

1356 height: 46px;

1357

-ms-flex-pack: center;

1358 justify-content: center;

1359 padding: 0;

1360 position: relative;

1361 z-index: 1;

1362 border: none;

1363

-ms-flex-negative: 1;

1364 flex-shrink: 1;

1365}

1366

1367@media (max-width: 1100px) {

1368 .header-wrap .col .btn.black-btn {

1369 display: -ms-flexbox;

1370 display: flex;

1371 }

1372}

1373

1374@media (max-width: 860px) {

1375 .header-wrap .col .btn.black-btn {

1376 /* display: none; */

1377 }

1378}

1379

1380@media (max-width: 425px) {

1381 .header-wrap .col .btn.black-btn {

1382 width: 50px;

1383 }

1384}

1385

1386.header-wrap .col .btn.black-btn:before {

1387 content: "";

1388 border-radius: 2px;

1389 position: absolute;

1390 width: 100%;

1391 height: 100%;

1392 left: 0;

1393 bottom: 0;

1394 opacity: 0;

1395 z-index: -1;

1396 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

1397

-webkit-border-radius: 2px;

1398

-moz-border-radius: 2px;

1399

-ms-border-radius: 2px;

1400

-o-border-radius: 2px;

1401 transition: opacity 0.3s;

1402

-webkit-transition: opacity 0.3s;

1403

-moz-transition: opacity 0.3s;

1404

-ms-transition: opacity 0.3s;

1405

-o-transition: opacity 0.3s;

1406

-webkit-transform: translateZ(0);

1407}

1408

1409.header-wrap .col .btn.black-btn::after {

1410 display: none;

1411}

1412

1413@media (min-width: 1024px) {

1414 .header-wrap .col .btn.black-btn:hover::before {

1415 opacity: 1;

1416 }

1417 .header-wrap .col .btn.black-btn:hover::before {

1418 opacity: 0;

1419 }

1420}

1421

1422.header-wrap .col .btn.black-btn svg {

1423 margin-right: 0;

1424}

1425

1426.header-wrap .col .btn.black-btn svg.arrow {

1427 margin-left: 6px;

1428 width: 4px;

1429 height: 5px;

1430 fill: #4b4b4b;

1431}

1432

1433@media (max-width: 860px) {

1434 .header-wrap .col .btn.user-btn {

1435 display: -ms-flexbox;

1436 display: flex;

1437 }

1438}

1439

1440.header-wrap .col .btn.burger-menu {

1441 display: none;

1442}

1443

1444@media (max-width: 900px) {

1445 .header-wrap .col .btn.burger-menu {

1446 display: -ms-flexbox;

1447 display: flex;

1448 }

1449}

1450

1451.header-wrap .col .member-btn {

1452 margin-left: 3px;

1453 padding: 1px;

1454 border: 1px solid #1b1a1a;

1455 border-radius: 3px;

1456 display: -ms-flexbox;

1457 display: flex;

1458

-ms-flex-align: center;

1459 align-items: center;

1460 cursor: pointer;

1461 position: relative;

1462}

1463

1464.header-wrap .col .member-btn .user-btn {

1465 width: 42px;

1466 height: 42px;

1467 position: relative;

1468}

1469

1470.header-wrap .col .member-btn .user-btn img {

1471 width: 100%;

1472 height: 100%;

1473 border-radius: 3px;

1474 overflow: hidden;

1475}

1476

1477.header-wrap .col .member-btn .user-btn .notification {

1478 position: absolute;

1479 right: 0;

1480 top: -2px;

1481 background: #ff1640;

1482 width: 22px;

1483 height: 22px;

1484 color: #ffffff;

1485

font-size: 12px;

1486 display: -ms-flexbox;

1487 display: flex;

1488

-ms-flex-pack: center;

1489 justify-content: center;

1490

-ms-flex-align: center;

1491 align-items: center;

1492 border-radius: 50%;

1493

-webkit-border-radius: 50%;

1494

-moz-border-radius: 50%;

1495

-ms-border-radius: 50%;

1496

-o-border-radius: 50%;

1497}

1498

1499.header-wrap .col .member-btn .user-btn svg {

1500 fill: #4b4b4b;

1501 height: 22px;

1502}

1503

1504.header-wrap .col .member-btn span {

1505 display: -ms-flexbox;

1506 display: flex;

1507

-ms-flex-align: center;

1508 align-items: center;

1509

-ms-flex-pack: center;

1510 justify-content: center;

1511 width: 42px;

1512 height: 42px;

1513 margin-left: 8px;

1514}

1515

1516@media (max-width: 530px) {

1517 .header-wrap .col .member-btn span {

1518 width: 18px;

1519 margin-left: 0;

1520 }

1521

1522 .header-wrap .col .member-btn span svg {

1523 display: none;

1524 }

1525

1526 .header-wrap .col .member-btn span .arrow {

1527 display: block;

1528 }

1529}

1530

1531.header-wrap .col .member-btn span svg {

1532 width: 18px;

1533 height: 18px;

1534 fill: #fff;

1535}

1536

1537.header-wrap .col .member-btn span svg.arrow {

1538 margin-left: 6px;

1539 width: 4px;

1540 height: 5px;

1541}

1542

1543.header-wrap .col .member-btn .drop-block {

1544 transition: -webkit-transform 0.3s;

1545 transition: transform 0.3s;

1546 transition: transform 0.3s, -webkit-transform 0.3s;

1547

-webkit-transition: transform 0.3s;

1548

-moz-transition: transform 0.3s;

1549

-ms-transition: transform 0.3s;

1550

-o-transition: transform 0.3s;

1551}

1552

1553@media (max-width: 530px) {

1554 .header-wrap .col .member-btn .drop-block {

1555 left: -87px;

1556 }

1557}

1558

1559@media (max-width: 320px) {

1560 .header-wrap .col .member-btn .drop-block {

1561 left: -247px;

1562 width: 320px;

1563 }

1564}

1565

1566.header-wrap .col.show-memder .member-btn {

1567 border-color: #ff1640;

1568}

1569

1570.header-wrap .col.show-memder .member-btn .member-drop {

1571 opacity: 1;

1572 visibility: visible;

1573 transform: translate3d(0, 28px, 0);

1574

-webkit-transform: translate3d(0, 28px, 0);

1575

-moz-transform: translate3d(0, 28px, 0);

1576

-ms-transform: translate3d(0, 28px, 0);

1577

-o-transform: translate3d(0, 28px, 0);

1578}

1579

1580@media (max-width: 425px) {

1581 .header-wrap .col.show-memder .member-btn .member-drop {

1582 transform: translate3d(0, 2%, 0);

1583

-webkit-transform: translate3d(0, 2%, 0);

1584

-moz-transform: translate3d(0, 2%, 0);

1585

-ms-transform: translate3d(0, 2%, 0);

1586

-o-transform: translate3d(0, 2%, 0);

1587 }

1588}

1589

1590@media (max-width: 320px) {

1591 .header-wrap .col.show-memder .member-btn .member-drop {

1592 transform: translate3d(0, 30%, 0);

1593

-webkit-transform: translate3d(0, 30%, 0);

1594

-moz-transform: translate3d(0, 30%, 0);

1595

-ms-transform: translate3d(0, 30%, 0);

1596

-o-transform: translate3d(0, 30%, 0);

1597 }

1598}

1599

1600.header-wrap .col .lang-wrapp {

1601 margin-left: 3px;

1602 position: relative;

1603}

1604

1605@media (max-width: 1023px) {

1606 .header-wrap .col .lang-wrapp {

1607 display: none;

1608 }

1609}

1610

1611.header-wrap .col .lang-wrapp .black-btn svg {

1612 margin-left: 11px;

1613 width: 4px;

1614 height: 5px;

1615}

1616

1617.header-wrap .col .lang-wrapp.show .btn.black-btn .arrow {

1618 fill: #ffffff;

1619}

1620

1621.header-wrap .col .lang-wrapp.show .btn.black-btn::before {

1622 opacity: 1;

1623}

1624

1625.header-wrap .col .lang-wrapp.show .lang-block {

1626 opacity: 1;

1627 visibility: visible;

1628 transform: translate3d(0, 17%, 0);

1629

-webkit-transform: translate3d(0, 17%, 0);

1630

-moz-transform: translate3d(0, 17%, 0);

1631

-ms-transform: translate3d(0, 17%, 0);

1632

-o-transform: translate3d(0, 17%, 0);

1633}

1634

1635.burger-menu span:after {

1636 content: "";

1637 width: 18px;

1638 height: 12px;

1639 display: block;

1640 background: url(../images/hamburger.svg);

1641 background-size: cover;

1642 background-repeat: no-repeat;

1643 z-index: 10;

1644 position: relative;

1645}

1646

1647.lang-block {

1648 position: absolute;

1649 top: 100%;

1650 right: 0;

1651 z-index: 1;

1652 opacity: 0;

1653 visibility: hidden;

1654 white-space: normal;

1655 z-index: 11;

1656 transform: translate3d(0, 33%, 0);

1657

-webkit-transform: translate3d(0, 33%, 0);

1658

-moz-transform: translate3d(0, 33%, 0);

1659

-ms-transform: translate3d(0, 33%, 0);

1660

-o-transform: translate3d(0, 33%, 0);

1661 transition: visibility 0.3s, opactiy 0.3s, -webkit-transform 0.3s;

1662 transition: transform 0.3s, visibility 0.3s, opactiy 0.3s;

1663 transition: transform 0.3s, visibility 0.3s, opactiy 0.3s, -webkit-transform 0.3s;

1664

-webkit-transition: transform 0.3s, visibility 0.3s, opacitiy 0.3s;

1665

-moz-transition: transform 0.3s, visibility 0.3s, opacitiy 0.3s;

1666

-ms-transition: transform 0.3s, visibility 0.3s, opacitiy 0.3s;

1667

-o-transition: transform 0.3s, visibility 0.3s, opacitiy 0.3s;

1668}

1669

1670.lang-block .hold {

1671 width: 300px;

1672 padding: 10px;

1673 display: -ms-flexbox;

1674 display: flex;

1675

-ms-flex-wrap: wrap;

1676 flex-wrap: wrap;

1677 background-color: #ffffff;

1678 margin: -4px;

1679 background: #1b1a1a;

1680 box-shadow: 0px 1px 3px #151515;

1681 border-radius: 0px 0px 3px 3px;

1682}

1683

1684.lang-block .hold .item {

1685 padding: 10px;

1686}

1687

1688.lang-block .hold a {

1689 display: -ms-flexbox;

1690 display: flex;

1691

-ms-flex-align: center;

1692 align-items: center;

1693 color: #ffffff;

1694 text-overflow: ellipsis;

1695 white-space: nowrap;

1696 overflow: hidden;

1697 transition: background 0.3s, color 0.3s;

1698}

1699

1700@media (min-width: 1024px) {

1701 .lang-block .hold a:hover {

1702 color: #f40050;

1703 }

1704}

1705

1706.lang-block .hold a img {

1707 margin-right: 5px;

1708}

1709

1710.heading-bottom {

1711 margin-top: 10px;

1712}

1713

1714@media (max-width: 425px) {

1715 .heading-bottom {

1716 margin-top: 5px;

1717 }

1718}

1719

1720.heading {

1721 margin-bottom: 10px;

1722}

1723

1724@media (max-width: 425px) {

1725 .heading {

1726 margin-bottom: 5px;

1727 }

1728}

1729

1730@media (max-width: 425px) {

1731 .heading.second {

1732 margin: 0 -10px 5px -10px;

1733 }

1734}

1735

1736@media (max-width: 425px) {

1737 .heading.second .heading-top {

1738 padding: 0 10px;

1739 }

1740}

1741

1742.heading-top {

1743 font-weight: 300;

1744 font-size: 30px;

1745 color: #1b1a1a;

1746}

1747

1748.heading-top span {

1749

font-size: 14px;

1750 color: #818181;

1751}

1752

1753@media (max-width: 440px) {

1754 .heading-top span {

1755 display: none;

1756 }

1757}

1758

1759@media (max-width: 425px) {

1760 .heading-top {

1761 font-size: 18px;

1762 }

1763}

1764

1765.heading-top a {

1766 color: #ff1640;

1767}

1768@media (min-width: 1024px) {

1769 .heading-top a:hover {

1770 text-decoration: underline;

1771 }

1772}

1773

1774.heading-bottom {

1775 background: #ffffff;

1776 border-radius: 3px;

1777 padding: 0 5px;

1778}

1779

1780.heading-bottom.show .row .hide-btn {

1781 display: none;

1782}

1783

1784.heading-bottom.active .row .hide-btn {

1785 display: none;

1786}

1787

1788.heading-bottom .row-flex {

1789 display: -ms-flexbox;

1790 display: flex;

1791}

1792

1793@media (max-width: 1023px) {

1794 .heading-bottom .row-flex {

1795 display: none;

1796 }

1797}

1798

1799.heading-bottom .row {

1800 display: -ms-flexbox;

1801 display: flex;

1802

-ms-flex-align: center;

1803 align-items: center;

1804

-ms-flex-wrap: wrap;

1805 flex-wrap: wrap;

1806 padding: 10px 0;

1807 border-bottom: 1px solid #f2f2f2;

1808}

1809

1810.heading-bottom .row:last-child {

1811 border-bottom: none;

1812}

1813

1814.heading-bottom .row .title {

1815 margin: 0 10px;

1816 width: 20px;

1817 text-align: center;

1818}

1819

1820@media (max-width: 425px) {

1821 .heading-bottom .row .title {

1822 margin: 0 2px;

1823 }

1824}

1825

1826.heading-bottom .row .title svg {

1827 width: 18px;

1828 height: 14px;

1829 fill: #4b4b4b;

1830}

1831

1832.heading-bottom .row .title .icon-categories {

1833 width: 14px;

1834 height: 16px;

1835}

1836

1837.heading-bottom .row .title .icon-star {

1838 width: 18px;

1839 height: 16px;

1840}

1841

1842.heading-bottom .row .row-item {

1843 padding: 3px;

1844}

1845

1846.heading-bottom .row .row-item a {

1847 display: block;

1848 color: #4b4b4b;

1849 background: #f2f2f2;

1850 border: 1px solid #f2f2f2;

1851 box-sizing: border-box;

1852 border-radius: 20px;

1853 padding: 4px 5px;

1854 border-radius: 20px;

1855 padding: 6px 13px;

1856 position: relative;

1857

font-size: 12px;

1858 z-index: 1;

1859 overflow: hidden;

1860 transition: color 0.3s;

1861}

1862

1863.heading-bottom .row .row-item a::before {

1864 content: "";

1865 border-radius: 2px;

1866 position: absolute;

1867 width: 100%;

1868 height: 100%;

1869 left: 0;

1870 bottom: 0;

1871 opacity: 0;

1872 z-index: -1;

1873 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

1874

-webkit-border-radius: 2px;

1875

-moz-border-radius: 2px;

1876

-ms-border-radius: 2px;

1877

-o-border-radius: 2px;

1878 transition: opacity 0.3s;

1879

-webkit-transition: opacity 0.3s;

1880

-moz-transition: opacity 0.3s;

1881

-ms-transition: opacity 0.3s;

1882

-o-transition: opacity 0.3s;

1883

-webkit-transform: translateZ(0);

1884}

1885

1886@media (min-width: 1024px) {

1887 .heading-bottom .row .row-item a:hover {

1888 color: #ffffff;

1889 }

1890

1891 .heading-bottom .row .row-item a:hover::before {

1892 opacity: 1;

1893 }

1894}

1895

1896@media (max-width: 500px) {

1897 .heading-bottom .row .row-item.hide-item {

1898 display: none;

1899 }

1900}

1901

1902.heading-bottom .row .btn-open {

1903 font-size: 20px;

1904 background: transparent;

1905 border: none;

1906 width: 18px;

1907 height: 18px;

1908 display: -ms-flexbox;

1909 display: flex;

1910 margin-left: 8px;

1911

-ms-flex-pack: center;

1912 justify-content: center;

1913

-ms-flex-align: center;

1914 align-items: center;

1915 cursor: pointer;

1916 border-radius: 50%;

1917

-webkit-border-radius: 50%;

1918

-moz-border-radius: 50%;

1919

-ms-border-radius: 50%;

1920

-o-border-radius: 50%;

1921}

1922

1923.heading-bottom .row .btn-open:nth-of-type(2) {

1924 display: none;

1925}

1926

1927.heading-bottom .row .btn-open svg {

1928 width: 18px;

1929 height: 18px;

1930 fill: #f40050;

1931}

1932

1933.heading-bottom .hide-block {

1934 display: none;

1935}

1936

1937.heading-bottom .block {

1938 display: none;

1939}

1940

1941@media (max-width: 500px) {

1942 .heading-bottom .holder {

1943 width: 100%;

1944 display: -ms-flexbox;

1945 display: flex;

1946 margin-bottom: 6px;

1947 }

1948}

1949

1950.heading-bottom .btn {

1951 margin-left: 3px;

1952 font-weight: 500;

1953

font-size: 15px;

1954 text-transform: uppercase;

1955 color: #ffffff;

1956 display: -ms-flexbox;

1957 display: flex;

1958

-ms-flex-align: center;

1959 align-items: center;

1960

-ms-flex-negative: 0;

1961 flex-shrink: 0;

1962 background-color: #ffffff;

1963 border-radius: 3px;

1964 padding: 9px 14px;

1965 position: relative;

1966 z-index: 1;

1967 border: 1px solid #f40050;

1968 border-image-slice: 1;

1969 transition: opacity 0.3s;

1970

-webkit-transition: opacity 0.3s;

1971

-moz-transition: opacity 0.3s;

1972

-ms-transition: opacity 0.3s;

1973

-o-transition: opacity 0.3s;

1974 border-image-slice: 1;

1975}

1976

1977.heading-bottom .btn svg {

1978 fill: #ffffff;

1979 width: 18px;

1980 height: 17px;

1981 margin-right: 5px;

1982}

1983

1984.heading-bottom .btn:before {

1985 content: "";

1986 border-radius: 2px;

1987 position: absolute;

1988 width: 100%;

1989 height: 100%;

1990 left: 0;

1991 bottom: 0;

1992 opacity: 1;

1993 z-index: -1;

1994 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

1995

-webkit-border-radius: 2px;

1996

-moz-border-radius: 2px;

1997

-ms-border-radius: 2px;

1998

-o-border-radius: 2px;

1999 transition: opacity 0.3s;

2000

-webkit-transition: opacity 0.3s;

2001

-moz-transition: opacity 0.3s;

2002

-ms-transition: opacity 0.3s;

2003

-o-transition: opacity 0.3s;

2004}

2005

2006@media (min-width: 1024px) {

2007 .heading-bottom .btn:hover {

2008 color: #4b4b4b;

2009 }

2010

2011 .heading-bottom .btn:hover svg {

2012 fill: #4b4b4b;

2013 }

2014

2015 .heading-bottom .btn:hover::before {

2016 opacity: 0;

2017 }

2018}

2019

2020.sort-wrapp {

2021 display: -ms-flexbox;

2022 display: flex;

2023 padding: 15px 10px;

2024 border-bottom: 1px solid #f2f2f2;

2025}

2026

2027@media (max-width: 1100px) {

2028 .sort-wrapp {

2029 flex-direction: column;

2030 }

2031

2032 .sort-wrapp .title {

2033 margin: 0 0 5px;

2034 }

2035}

2036

2037

2038@media (max-width: 1023px) {

2039 .sort-wrapp {

2040

-ms-flex-wrap: wrap;

2041 flex-wrap: wrap;

2042 flex-direction: row;

2043 }

2044}

2045

2046@media (max-width: 900px) {

2047 .sort-wrapp {

2048

-ms-flex-align: center;

2049 align-items: center;

2050

-ms-flex-pack: justify;

2051 justify-content: space-between;

2052 }

2053}

2054

2055@media (max-width: 454px) {

2056 .sort-wrapp {

2057 padding: 4px 5px;

2058 }

2059}

2060

2061.sort-wrapp .title {

2062

font-size: 12px;

2063 color: #818181;

2064}

2065

2066.sort-inner {

2067 display: -ms-flexbox;

2068 display: flex;

2069 position: relative;

2070}

2071

2072.sort-inner.show .sort-block {

2073 visibility: visible;

2074 opacity: 1;

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

2076

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

2077

-moz-transform: translate3d(0, 0, 0);

2078

-ms-transform: translate3d(0, 0, 0);

2079

-o-transform: translate3d(0, 0, 0);

2080 margin-left: 0;

2081}

2082

2083.sort-inner.show .sort-btn {

2084 color: #818181;

2085 border-bottom-color: #ffffff;

2086 border-radius: 22px 22px 0 0;

2087

-webkit-border-radius: 22px 22px 0 0;

2088

-moz-border-radius: 22px 22px 0 0;

2089

-ms-border-radius: 22px 22px 0 0;

2090

-o-border-radius: 22px 22px 0 0;

2091 transition: color 0.3s;

2092

-webkit-transition: color 0.3s;

2093

-moz-transition: color 0.3s;

2094

-ms-transition: color 0.3s;

2095

-o-transition: color 0.3s;

2096}

2097

2098.sort-inner.show .sort-btn svg {

2099 transform: rotate(180deg);

2100

-webkit-transform: rotate(180deg);

2101

-moz-transform: rotate(180deg);

2102

-ms-transform: rotate(180deg);

2103

-o-transform: rotate(180deg);

2104}

2105

2106.sort-inner.show .sort-btn svg.icon {

2107 transform: rotate(0deg) !important;

2108

-webkit-transform: rotate(0deg) !important;

2109

-moz-transform: rotate(0deg) !important;

2110

-ms-transform: rotate(0deg) !important;

2111

-o-transform: rotate(0deg) !important;

2112}

2113

2114.sort-inner .sort-btn {

2115 display: none;

2116

-ms-flex-align: center;

2117 align-items: center;

2118

-ms-flex-pack: justify;

2119 justify-content: space-between;

2120 width: 170px;

2121 padding: 10px 17px;

2122 background-color: transparent;

2123 border: 1px solid #d7d7d7;

2124 border-radius: 22px;

2125

-webkit-border-radius: 22px;

2126

-moz-border-radius: 22px;

2127

-ms-border-radius: 22px;

2128

-o-border-radius: 22px;

2129 transition: border-radius 0.3s;

2130

-webkit-transition: border-radius 0.3s;

2131

-moz-transition: border-radius 0.3s;

2132

-ms-transition: border-radius 0.3s;

2133

-o-transition: border-radius 0.3s;

2134}

2135

2136@media (max-width: 900px) {

2137 .sort-inner .sort-btn {

2138 display: -ms-flexbox;

2139 display: flex;

2140 }

2141}

2142

2143.sort-inner .sort-btn svg {

2144 width: 5px;

2145 height: 4px;

2146 transform: rotate(0deg);

2147

-webkit-transform: rotate(0deg);

2148

-moz-transform: rotate(0deg);

2149

-ms-transform: rotate(0deg);

2150

-o-transform: rotate(0deg);

2151 transition: -webkit-transform 0.3s;

2152 transition: transform 0.3s;

2153 transition: transform 0.3s, -webkit-transform 0.3s;

2154

-webkit-transition: transform 0.3s;

2155

-moz-transition: transform 0.3s;

2156

-ms-transition: transform 0.3s;

2157

-o-transition: transform 0.3s;

2158}

2159

2160.sort-block {

2161 display: -ms-flexbox;

2162 display: flex;

2163 flex-wrap: wrap;

2164 position: relative;

2165 padding-left: 20px;

2166}

2167

2168@media (max-width: 1100px) {

2169 .sort-block:first-of-type {

2170 padding-left: 0;

2171 }

2172}

2173

2174@media (max-width: 900px) {

2175 .sort-block {

2176 position: absolute;

2177

-ms-flex-direction: column;

2178 flex-direction: column;

2179 top: 100%;

2180 left: 0;

2181 right: 0;

2182 width: 100%;

2183 background-color: #ffffff;

2184 border: 1px solid #d7d7d7;

2185 border-top: none;

2186 border-radius: 0 0 20px 20px;

2187

-webkit-border-radius: 0 0 20px 20px;

2188

-moz-border-radius: 0 0 20px 20px;

2189

-ms-border-radius: 0 0 20px 20px;

2190

-o-border-radius: 0 0 20px 20px;

2191 visibility: hidden;

2192 opacity: 0;

2193 z-index: 10;

2194 transform: translate3d(0, 25%, 0);

2195

-webkit-transform: translate3d(0, 25%, 0);

2196

-moz-transform: translate3d(0, 25%, 0);

2197

-ms-transform: translate3d(0, 25%, 0);

2198

-o-transform: translate3d(0, 25%, 0);

2199 transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

2200 transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

2201 transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

2202

-webkit-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

2203

-moz-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

2204

-ms-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

2205

-o-transition: transform 0.3s, opacity 0.3s, visibility 0.3s;

2206 }

2207}

2208

2209@media (max-width: 900px) {

2210 .sort-block.hide {

2211 display: none;

2212 }

2213}

2214

2215.sort-block::after {

2216 content: "/";

2217 position: absolute;

2218 color: #d7d7d7;

2219 font-size: 28px;

2220 font-weight: 100;

2221 top: -10px;

2222 left: -5px;

2223}

2224

2225.sort-block:first-of-type:after {

2226 display: none;

2227}

2228

2229.sort-block .sort-item {

2230 margin-right: 20px;

2231}

2232

2233@media (max-width: 1050px) {

2234 .sort-block .sort-item {

2235 margin-right: 10px;

2236 white-space: nowrap;

2237 overflow: hidden;

2238 text-overflow: ellipsis;

2239 }

2240}

2241

2242@media (max-width: 992px) {

2243 .sort-block .sort-item {

2244 margin-right: 0;

2245 padding: 7px 6px;

2246 }

2247

2248 .sort-block {

2249 padding-left: 10px;

2250 margin-left: 10px;

2251 }

2252}

2253

2254.sort-block .sort-item a {

2255 cursor: pointer;

2256 display: block;

2257

font-size: 12px;

2258 color: #1b1a1a;

2259 position: relative;

2260 transition: color 0.3s, background 0.3s;

2261

-webkit-transition: color 0.3s, background 0.3s;

2262

-moz-transition: color 0.3s, background 0.3s;

2263

-ms-transition: color 0.3s, background 0.3s;

2264

-o-transition: color 0.3s, background 0.3s;

2265 background: linear-gradient(90deg, #1b1a1a 0%, #1b1a1a 100%);

2266

-webkit-background-clip: text;

2267

-webkit-text-fill-color: transparent;

2268}

2269

2270@media (min-width: 1024px) {

2271 .sort-block .sort-item a:hover {

2272 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

2273

-webkit-background-clip: text;

2274

-webkit-text-fill-color: transparent;

2275 }

2276 .sort-block .sort-item a:hover {

2277 color: #1b1a1a;

2278 }

2279}

2280

2281@media (min-width: 1024px) {

2282 .sort-block .sort-item a:hover::after {

2283 opacity: 1;

2284 }

2285 .sort-block .sort-item a:hover::after {

2286 opacity: 0;

2287 }

2288}

2289

2290.sort-block .sort-item a::after {

2291 content: "";

2292 position: absolute;

2293 bottom: -5px;

2294 left: 0;

2295 right: 0;

2296 width: 100%;

2297 height: 2px;

2298 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

2299 border-radius: 1px;

2300 opacity: 0;

2301 transition: opacity 0.3s;

2302

-webkit-transition: opacity 0.3s;

2303

-moz-transition: opacity 0.3s;

2304

-ms-transition: opacity 0.3s;

2305

-o-transition: opacity 0.3s;

2306}

2307

2308.sort-block .sort-item.active a {

2309 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

2310

-webkit-background-clip: text;

2311

-webkit-text-fill-color: transparent;

2312}

2313

2314.sort-block .sort-item.active a::after {

2315 opacity: 1;

2316}

2317

2318@media (max-width: 767px) {

2319 .sort-block .sort-item.active a::after {

2320 opacity: 0;

2321 }

2322}

2323

2324.thumb-wrapper {

2325 display: -ms-flexbox;

2326 display: flex;

2327

-ms-flex-wrap: wrap;

2328 flex-wrap: wrap;

2329 margin: 0 -2px 15px -2px;

2330}

2331

2332@media (max-width: 425px) {

2333 .thumb-wrapper {

2334 margin: 0 -10px 15px -10px;

2335 }

2336}

2337

2338.thumb-wrapper .empty-content {

2339 text-align: center;

2340 display: block;

2341 width: 100%;

2342}

2343

2344.thumb-wrapper>form {

2345 display: -ms-flexbox;

2346 display: flex;

2347

-ms-flex-wrap: wrap;

2348 flex-wrap: wrap;

2349 width: 100%;

2350}

2351

2352.thumb-wrapper .bottom,

2353.thumb-wrapper .item-control .item-control-holder {

2354 display: flex;

2355 align-items: center;

2356 justify-content: center;

2357 flex-wrap: wrap;

2358 width: 100%;

2359 margin: 5px 0 0;

2360}

2361

2362.thumb-wrapper .bottom .submit,

2363.thumb-wrapper .item-control .toggle-button {

2364 cursor: pointer;

2365 display: flex;

2366

-ms-flex-align: center;

2367 align-items: center;

2368 background: #f2f2f2;

2369 border: 1px solid #d7d7d7;

2370 border-radius: 3px;

2371 font-weight: 500;

2372

font-size: 14px;

2373 text-transform: uppercase;

2374 color: #4b4b4b;

2375 padding: 13px 14px;

2376 margin-left: 3px;

2377 position: relative;

2378 z-index: 1;

2379 padding: 8px 14px;

2380 text-transform: none;

2381}

2382

2383.thumb-wrapper .item-control .toggle-button {

2384 padding: 5px 10px;

2385 margin-top: 5px;

2386}

2387

2388@media (min-width: 1024px) {

2389 .thumb-wrapper .bottom .submit:hover,

2390 .thumb-wrapper .item-control .toggle-button:hover {

2391 border-radius: 3px;

2392 background: linear-gradient(90deg, #f40050 0%, #ff2a10 100%);

2393

-webkit-border-radius: 3px;

2394

-moz-border-radius: 3px;

2395

-ms-border-radius: 3px;

2396

-o-border-radius: 3px;

2397 transition: opacity 0.3s;

2398

-webkit-transition: opacity 0.3s;

2399

-moz-transition: opacity 0.3s;

2400

-ms-transition: opacity 0.3s;

2401

-o-transition: opacity 0.3s;