CSS File

1@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400italic,500,500italic,700,700italic,300,300italic&subset=latin,greek,cyrillic-ext,latin-ext,cyrillic');

2@import url('https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,900italic,900,700italic,300italic,300,100italic,100&subset=latin,cyrillic-ext,cyrillic');

3@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

4@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

5@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap&subset=cyrillic');

6@font-face {

7 font-family: 'Proxima Nova';

8 src: url("/fonts/ProximaNova-Semibold.eot");

9 src: url("/fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/ProximaNova-Semibold.woff2") format("woff2"), url("/fonts/ProximaNova-Semibold.woff") format("woff"), url("/fonts/ProximaNova-Semibold.ttf") format("truetype"), url("/fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold") format("svg");

10 font-weight: 600;

11 font-style: normal;

12}

13

14

15@font-face {

16 font-family: 'Proxima Nova';

17 src: url("/fonts/ProximaNova-Light.eot");

18 src: url("/fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/ProximaNova-Light.woff2") format("woff2"), url("/fonts/ProximaNova-Light.woff") format("woff"), url("/fonts/ProximaNova-Light.ttf") format("truetype"), url("/fonts/ProximaNova-Light.svg#ProximaNova-Light") format("svg");

19 font-weight: 300;

20 font-style: normal;

21}

22

23

24@font-face {

25 font-family: 'Proxima Nova';

26 src: url("/fonts/ProximaNova-Regular.eot");

27 src: url("/fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/ProximaNova-Regular.woff2") format("woff2"), url("/fonts/ProximaNova-Regular.woff") format("woff"), url("/fonts/ProximaNova-Regular.ttf") format("truetype"), url("/fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");

28 font-weight: 400;

29 font-style: normal;

30}

31

32

33@font-face {

34 font-family: 'Proxima Nova';

35 src: url("/fonts/ProximaNova-Extrabld.eot");

36 src: url("/fonts/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("/fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("/fonts/ProximaNova-Extrabld.woff") format("woff"), url("/fonts/ProximaNova-Extrabld.ttf") format("truetype"), url("/fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld") format("svg");

37 font-weight: 800;

38 font-style: normal;

39}

40

41

42p {

43 font-family: 'Inter', sans-serif;

44 font-size: 18px;

45 font-weight: 500;

46}

47

48

49b, strong {

50 font-weight: 700;

51 font-family: 'Fira Sans', sans-serif;

52}

53

54

55td {

56 padding: 12px 10px 14px;

57 vertical-align: middle;

58 border: 1px solid #fff;

59 color: #000 !important;

60 font-size: 1.4rem;

61 font-weight: 500;

62}

63

64

65table {

66 width: 100%;

67 border-collapse: collapse;

68 border: 1px solid #e4e4e4;

69}

70

71

72.pricesrochno {

73 font-size: 15px;

74 color: #a9a9a9;

75 text-transform: uppercase;

76 font-family: 'Proxima Nova', sans-serif;

77}

78

79

80.infodelll {

81 font: 16px/20px 'Proxima Nova', sans-serif;

82 color: #000;

83 padding-top: 8px;

84 padding-bottom: 25px;

85 font-weight: 600;

86 padding: 20px 13px 20px;

87 background: #f7f7f7;

88 text-transform: uppercase;

89 text-align: center;

90}

91

92

93.homedeli {

94 padding: 20px 20px 24px;

95 border-radius: 5px;

96 background-color: #fafafa;

97}

98

99

100.za {

101 font-weight: 100;

102 padding-right: 6px;

103}

104

105

106.za:hover {

107 color: #ffb700;

108}

109

110

111/*

112.z { color: #0064fe;}

113

114.a { color: #fbe939;}

115

116*/

117.maintitle {

118 color: #222;

119 font-size: 28px;

120 font-weight: 800;

121 line-height: normal;

122 padding: 0px 0 0px;

123 font-family: "Oswald", sans-serif;

124 text-transform: uppercase;

125}

126

127

128.blogtitle {

129 color: #222;

130 font-size: 25px;

131 /* font-weight: 700; */

132 line-height: normal;

133 padding: 0px 0px 5px;

134 font-family: "Oswald", sans-serif;

135 /* text-transform: uppercase; */

136 }

137

138

139

140

141

142

143 .caption2 {

144 border-bottom: 1px solid #c7c7c733;

145padding-bottom: 15px;

146 }

147

148

149 .intronewsfon {

150 background-color: #f0f0f0; /* Серый фон */

151 border-radius: 10px; /* Скругленные углы */

152 padding: 15px; /* Внутренний отступ */

153 border-bottom: 1px solid #c7c7c733;

154 padding-bottom: 15px;

155 }

156

157

158

159

160

161.blocktitlebloc {

162 background-color: #fff;

163 border: 1px solid #ece9e9;

164}

165

166

167.pricemute {

168 font-size: 16px !important;

169 color: #737b80;

170 line-height: 1.5;

171 margin: 5px 0;

172 padding-top: 8px;

173 text-align: left;

174 position: relative;

175 font-family: "Oswald", sans-serif;

176 text-transform: uppercase;

177}

178

179

180.wrapperpro {

181 width: 100%;

182 margin: 0px auto;

183 padding: 17px;

184 border-radius: 0px;

185 border: 1px solid #edf5fd;

186 background: #edf5fd;

187}

188

189

190.kalktitle {

191 color: #000;

192 text-transform: uppercase;

193 font-family: "Oswald", sans-serif;

194 font-size: 15px !important;

195 color: #397dba;

196}

197

198

199.formcalk {

200 width: 134px !important;

201 background: #fff;

202 border: 1px solid #d6d6d6;

203 color: #343434;

204 font-family: 'Proxima Nova', sans-serif;

205 font-size: 16px;

206 line-height: 19px;

207 font-weight: 600;

208 padding: 13px 12px;

209 width: 100%;

210 display: block;

211 -webkit-transition: all .3s ease-in-out;

212 border-radius: 4px;

213}

214

215

216.knopkaplint {

217 line-height: 39px !important;

218 margin-left: 19px;

219}

220

221

222input[type="text"][disabled] {

223 background-color: #edf5fd !important;

224 -webkit-text-fill-color: #343434;

225 -webkit-opacity: 1;

226 color: #343434;

227}

228

229

230.catalogpromo {

231 padding: 1px 22px 20px 27px;

232 background: #fff7f0;

233}

234

235

236.textpromo {

237 font-family: 'Inter', sans-serif;

238 font-size: 16px;

239 font-weight: 500;

240}

241

242

243.producttext {

244 color: #0e0e0e;

245 font-size: 16px;

246 font-weight: 500;

247}

248

249

250.header-center {

251 background-color: #1e1f2b;

252}

253

254

255.logo-name {

256 color: #ffffff;

257 font-size: 35px;

258 font-weight: 700;

259 text-transform: uppercase;

260 display: block;

261}

262

263

264.header-phone a:hover {

265 color: #ffb700;

266}

267

268

269.logo a:hover {

270 color: #fff;

271}

272

273

274body {

275 color: #222;

276 min-width: 320px;

277 font-family: 'Inter', sans-serif;

278 font-size: 13px;

279 line-height: 1.5;

280

281}

282

283

284.catalog__productname {

285 font-size: 15px;

286 line-height: 20px;

287 font-weight: 500;

288 color: #434c5d;

289 border: 0;

290}

291

292

293.catalog_price {

294 color: #232028;

295 padding-top: 11px;

296 vertical-align: bottom;

297 position: absolute;

298 bottom: 17px;

299 width: 160px;

300 font-family: "Oswald", sans-serif;

301}

302

303

304.ilpetrakovlink {

305 text-transform: uppercase;

306}

307

308

309.fondev {

310 padding: 7px;

311 color: #fff !important;

312 background: #000;

313 font-family: 'Poppins', sans-serif;

314}

315

316

317.il {

318 text-transform: capitalize;

319 font-style: italic;

320}

321

322

323.overflow-hidden {

324 overflow: hidden

325}

326

327

328.fa {

329 font-size: 14px

330}

331

332

333.header-bottom.fixed {

334 position: fixed;

335 box-shadow: 0 6px 11px -6px rgb(0 0 0 / 10%);

336}

337

338

339.header-bottom {

340 position: absolute;

341 top: 0;

342 left: 0;

343 right: 0;

344 border: solid transparent;

345 border-width: 1px 0;

346 transform: translateZ(0);

347 transition: box-shadow .3s;

348 background-color: #1e1f2b;

349 border-top: 1px solid #ffffff14;

350 border-bottom: 1px solid #ffffff14;

351}

352

353

354#form-language, #form-currency {

355 margin-left: 10px;

356}

357

358

359#form-language .text-language, #form-currency .text-currency {

360 border-radius: 6px;

361 background-color: #e7e9eb;

362 padding: 4px 10px;

363 font-weight: 500;

364 cursor: pointer;

365 user-select: none;

366 display: flex;

367 align-items: center;

368 justify-content: center;

369}

370

371

372.btn-action {

373 height: 45px;

374 color: #ffffff;

375 position: relative;

376 justify-content: center;

377 border-radius: 8px;

378 padding: 0 15px;

379 display: flex;

380 align-items: center;

381}

382

383

384.btn-action:hover {

385 background: #f5f7f9;

386}

387

388

389.language-currency .dropdown {

390 cursor: pointer

391}

392

393

394.currency-select, .language-select {

395 padding: 5px 15px;

396 background: transparent;

397 border: 0;

398 width: 100%;

399 text-align: left;

400}

401

402

403.currency-select:hover, .language-select:hover {

404 background-color: #f5f7f9;

405 color: #0064fe;

406}

407

408

409.login-phone .login-link {

410 color: #222

411}

412

413

414.login-phone .login-link + .login-link {

415 margin-left: 20px

416}

417

418

419.header-top {

420 position: relative;

421 z-index: 54;

422 margin-bottom: 24px;

423 box-shadow: 0 6px 11px -6px rgb(0 0 0 / 10%);

424}

425

426

427.header-job {

428 color: rgba(230, 230, 230, 0.35);

429 }

430

431

432.header-job span {

433 font-weight: 400;

434 display: inline-block;

435 padding-left: 0px;

436}

437

438

439.header-top__block {

440 background-color: #1e1f2b;

441 border-bottom: 1px solid #ffffff14;

442}

443

444

445.header-stock__link {

446 background-repeat: no-repeat;

447 padding-left: 25px;

448}

449

450

451.header-stock__link a {

452 color: #f9a05b;

453 /* font-size: 1.4rem; */

454 font-weight: 700;

455 /* font-family: "Oswald", sans-serif; */

456 text-transform: uppercase;

457}

458

459

460@media (max-width: 576px) {

461 .header-job span, .header-stock__link a, #form-language .text-language, #form-currency .text-currency {

462 font-size: 11px;

463 }

464

465}

466

467

468.header-middle-logo {

469 max-width: 230px;

470}

471

472

473@media (max-width: 576px) {

474 .header-middle-logo img {

475 max-height: 40px;

476 }

477

478}

479

480

481.header-information {

482 justify-content: flex-end;

483 flex-grow: 1

484}

485

486

487.header-navbar {

488 height: 70px;

489 display: flex;

490 align-items: center;

491}

492

493

494.pt5 {

495 padding-top: 14px

496}

497

498

499.pt-20 {

500 padding-top: 20px;

501}

502

503

504.h100 {

505 height: 100%

506}

507

508

509.ml-auto {

510 margin-left: auto;

511}

512

513

514.align-middle {

515 vertical-align: middle

516}

517

518

519.navbar-button {

520 transition: all .2s;

521 display: block;

522 position: relative;

523 color: #ffffff;

524 margin-left: 25px;

525 font-weight: 500;

526 font-size: 14px;

527

528}

529

530

531.navbar-button:hover {

532 color: #0064fe

533}

534

535

536.menu-navigation__icon {

537 position: relative;

538 margin-right: 10px;

539}

540

541

542.menu-navigation__title {

543 font-weight: 500;

544 font-size: 14px;

545}

546

547

548.header-sticky {

549 position: relative;

550}

551

552

553.header-center .header-sticky, .header-bottom .header-navigation {

554 height: 80px;

555 display: flex;

556 align-items: center;

557}

558

559

560.button-menu {

561 background-color: #1e1f2b;

562 white-space: nowrap;

563 border-radius: 0px;

564 font-weight: 500;

565 line-height: 24px;

566 height: 45px;

567 border: 1px solid #5d5d6a;

568 padding: 10px 15px;

569 color: #ffffff;

570 display: flex;

571 align-items: center;

572}

573

574

575.button-menu:hover {

576 /* box-shadow: 0 2px 8px rgb(255 255 255 / 39%); */

577 background-color: #0064fe;

578 color: #fff;

579 border: 1px solid #0064fe;

580}

581

582

583@media (min-width: 768px) {

584 .catalog-icon {

585 margin-right: 10px;

586 }

587

588}

589

590

591.icon-menu {

592 vertical-align: top;

593 fill: currentColor;

594 width: inherit;

595 height: inherit;

596 color: #fff;

597 transition: color .2s ease

598}

599

600

601.text-catalog {

602 display: none

603}

604

605

606@media only screen and (min-width: 768px) {

607 .text-catalog {

608 display: inline-block;

609 font-size: 16px

610 }

611

612}

613

614

615.menu-navigation {

616 position: relative;

617}

618

619

620.menu-navigation.open .login-menu {

621 display: block;

622}

623

624

625.menu-navigation__menu {

626 margin-right: 10px;

627}

628

629

630#search input {

631 background-color: #1e1f2b;

632 border-radius: 0px;

633 font-size: 16px;

634 border: 1px solid #ececec3b;

635 height: 45px;

636 color: #fff;

637}

638

639

640.menu-navigation__search {

641 margin-right: 10px;

642}

643

644

645.menu-navigation__search {

646 flex-grow: 1;

647}

648

649

650#search {

651 width: 100%;

652}

653

654

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

656 .header-navigation .menu-navigation__search {

657 margin-right: 0

658 }

659

660}

661

662

663#search .input-group-btn {

664 position: absolute;

665 right: 0;

666 width: auto;

667}

668

669

670#search .btn {

671 padding: 0 20px;

672 background: transparent;

673 color: #949494;

674 transition: all .3s;

675 height: 45px;

676 border: 0;

677 box-shadow: none;

678}

679

680

681#search .btn:hover {

682 color: #222;

683}

684

685

686.db4 {

687 color: #5a6c7d;

688 font-size: 1.4rem;

689 font-weight: 600;

690}

691

692

693.vosempalok {

694 background-color: #fafdff;

695 border-radius: 5px;

696 padding: 12px 16px 14px 17px;

697 color: #33475C;

698 border: 1px solid #f2f3f5;

699 display: flex;

700}

701

702

703.desktop-text {

704 display: inline-block;

705 padding-left: 14px;

706}

707

708

709.icon {

710 margin-top: 4px;

711}

712

713

714.count {

715 min-width: 18px;

716 height: 15px;

717 border-radius: 30px;

718 line-height: 15px;

719 font-size: 10px;

720 background-color: #0064fe;

721 position: absolute;

722 top: -8px;

723 right: -8px;

724 font-weight: 500;

725 color: #fff;

726 box-shadow: 0 0 0 2px #0064fe;

727 text-align: center;

728}

729

730

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

732 .count {

733 top: -10px;

734 left: 15px;

735 }

736

737}

738

739

740.btn.active, .btn:active {

741 background-image: none;

742 outline: 0;

743 -webkit-box-shadow: none;

744 box-shadow: none;

745}

746

747

748.btn-cart {

749 border: 0;

750 background: transparent;

751}

752

753

754.btn-cart:hover {

755 color: #0064fe;

756}

757

758

759.login-menu {

760 position: absolute;

761 top: 100%;

762 left: 50%;

763 transform: translateX(-50%);

764 border-radius: 6px;

765 display: none;

766 border: 0;

767 z-index: 1100;

768 min-width: 200px;

769 padding: 10px 0;

770 color: #6c6c6c;

771 background-color: #fff;

772 cursor: default;

773 box-shadow: 0 0 25px 0 rgb(0 0 0 / 15%);

774 margin-top: 4px;

775}

776

777

778.login-menu-list {

779 padding: 0 20px

780}

781

782

783.login-menu-list:hover {

784 background-color: #f5f7f9

785}

786

787

788.login-menu-link {

789 align-items: center;

790 background-color: inherit;

791 color: #757575;

792 cursor: pointer;

793 border: 0;

794 display: flex;

795 height: 36px;

796 line-height: 1;

797 outline: 0;

798 width: 100%;

799 transition: none

800}

801

802

803.login-menu-link-icon {

804 margin-right: 8px;

805}

806

807

808.login-menu-link-text {

809 font-size: 14px;

810 font-weight: 400

811}

812

813

814.menu-container {

815 position: fixed;

816 left: 0;

817 bottom: 0;

818 top: 0;

819 right: 0;

820 background: #fff;

821 max-width: 300px;

822 z-index: 2100

823}

824

825

826.menu-flexnav {

827 display: flex;

828 flex-direction: column;

829 overflow-x: hidden;

830 overflow-y: auto;

831 -webkit-overflow-scrolling: touch;

832 -ms-scroll-chaining: none;

833 overscroll-behavior: contain;

834 max-height: calc(100vh - 85px);

835}

836

837

838.menu-flexnav::-webkit-scrollbar {

839 width: 5px;

840 background-color: rgba(200, 200, 200, 0);

841}

842

843

844.menu-flexnav::-webkit-scrollbar-thumb {

845 border-radius: 4px;

846 background-color: #cdcdcd;

847}

848

849

850.backdrop {

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

852 height: 100%;

853 left: 0;

854 position: absolute;

855 top: 0;

856 width: 100%;

857 opacity: 0;

858 z-index: 1;

859 pointer-events: none

860}

861

862

863.backdrop-transition {

864 transition: opacity .3s

865}

866

867

868.backdrop.opened {

869 opacity: 1;

870 pointer-events: auto

871}

872

873

874.backdrop-fixed {

875 position: fixed;

876 left: 0;

877 right: auto;

878 bottom: 0;

879 z-index: 2100;

880 top: 0

881}

882

883

884.menu-transition {

885 transition: transform .3s;

886 opacity: 1

887}

888

889

890.menu-left {

891 transform: translateX(-105%)

892}

893

894

895.menu-left.opened {

896 transform: translateX(0)

897}

898

899

900.menu-item-parent {

901 min-height: 60px;

902 border-bottom: 1px solid #bfbfbf26;

903}

904

905

906.menu-subchild {

907 display: none;

908 position: fixed;

909 top: 0;

910 bottom: 0;

911 width: 100%;

912 box-sizing: border-box;

913 background: #fff;

914 z-index: 1;

915 overflow-x: hidden;

916 overflow-y: auto;

917 border-left: 1px solid #ece9e9;

918 box-shadow: 6px 2px 11px -6px rgba(0, 0, 0, .1);

919 left: 100%;

920 padding-top: 10px

921}

922

923

924.menu-parent-link {

925 display: flex;

926 align-items: center;

927 justify-content: space-between;

928 height: 100%;

929 min-height: 60px;

930 padding-left: 76px;

931 padding-right: 42px;

932 color: #000;

933 line-height: normal;

934 font-size: 15px;

935 font-weight: 500;

936 position: relative;

937}

938

939

940.menu-arrow-icon {

941 position: absolute;

942 right: 0;

943 top: 50%;

944 transform: translateY(-50%);

945 margin-right: 20px;

946 transition: all .3s

947}

948

949

950@media (min-width: 601px) {

951 .menu-sub:hover {

952 background: #f5f5f5

953 }

954

955

956 .menu-sub:hover .menu-arrow-icon, .menu-sub.subchild:hover .subchild-link, .menu-sub:hover .parent-link {

957 color: #0064fe

958 }

959

960

961 .menu-sub:hover .menu-subchild {

962 display: block

963 }

964

965

966 .menu-sub:hover .menu-arrow-icon {

967 margin-right: 15px;

968 opacity: 1

969 }

970

971}

972

973

974.arrow-icon-gray {

975 color: #999

976}

977

978

979.menu-img {

980 position: absolute;

981 left: 0;

982 top: 50%;

983 transform: translateY(-50%);

984 z-index: 1;

985 margin-left: 25px

986}

987

988

989.menu-item-parent img {

990 max-width: 100%;

991 max-height: 100%;

992 mix-blend-mode: multiply

993}

994

995

996.menu-header {

997 display: flex;

998 align-items: center;

999 background-color: #fff;

1000}

1001

1002

1003.menu-header__title {

1004 position: relative;

1005 background: #0057dc;

1006 border-radius: 0px;

1007 font-size: 20px;

1008 font-weight: 700;

1009 line-height: 24px;

1010 color: #fff;

1011 width: 100%;

1012 padding: 20px;

1013}

1014

1015

1016.alert-success {

1017 color: #000;

1018 background-color: #f2f3f5;

1019 border-color: #0064fe;

1020}

1021

1022

1023.alert {

1024 position: relative;

1025 padding: 10px 15px;

1026 margin-bottom: 20px;

1027 border: 1px solid #f2f3f5;

1028 font-size: 13px;

1029 font-weight: 500;

1030 border-radius: 0px;

1031}

1032

1033

1034.menu-header__title img {

1035 position: absolute;

1036 right: 0;

1037 top: 0;

1038 width: 64px;

1039 height: 64px;

1040}

1041

1042

1043.swiper-viewport {

1044 box-shadow: none;

1045 border: 0

1046}

1047

1048

1049.swiper-viewport, .swiper-container {

1050 border-radius: 8px

1051}

1052

1053

1054.swiper-button-next:before, .swiper-button-prev:before {

1055 display: none

1056}

1057

1058

1059.swiper-pager .swiper-button-prev, .swiper-pager .swiper-button-next {

1060 width: 50px;

1061 height: 50px;

1062 display: flex;

1063 align-items: center;

1064 justify-content: center;

1065 background: #fff;

1066 border-radius: 50%;

1067 opacity: 1;

1068 color: #0064fe;

1069 transition: all .3s;

1070 box-shadow: 0 .0625rem .4375rem rgba(0, 0, 0, .09)

1071}

1072

1073

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

1075 .swiper-pager .swiper-button-prev, .swiper-pager .swiper-button-next {

1076 display: none

1077 }

1078

1079}

1080

1081

1082.swiper-viewport:hover .swiper-button-next, .swiper-viewport:hover .swiper-button-prev {

1083 opacity: 1

1084}

1085

1086

1087.swiper-button-next:hover, .swiper-button-prev:hover {

1088 color: #fa8077

1089}

1090

1091

1092.swiper-viewport .swiper-button-next {

1093 right: 0

1094}

1095

1096

1097.swiper-viewport .swiper-button-prev {

1098 left: 0

1099}

1100

1101

1102@media (min-width: 1200px) {

1103 .swiper-viewport:hover .swiper-button-next {

1104 right: -20px

1105 }

1106

1107

1108 .swiper-viewport:hover .swiper-button-prev {

1109 left: -20px

1110 }

1111

1112

1113 .swiper-viewport .swiper-button-next {

1114 right: -20px

1115 }

1116

1117

1118 .swiper-viewport .swiper-button-prev {

1119 left: -20px

1120 }

1121

1122}

1123

1124

1125.menu-close {

1126 position: absolute;

1127 left: 100%;

1128 width: 40px;

1129 height: 40px;

1130 align-items: center;

1131 justify-content: center;

1132 cursor: pointer;

1133 display: none;

1134 color: #fff

1135}

1136

1137

1138.menu-left.opened .menu-close {

1139 display: flex

1140}

1141

1142

1143.product-layout {

1144 padding-bottom: 20px;

1145}

1146

1147

1148.product-thumb {

1149 background: #fff;

1150 transition: .2s ease-in-out;

1151 border-radius: 0px;

1152 border: 1px solid #f2f2f08a;

1153 height: 100%;

1154 display: flex;

1155 flex-direction: column;

1156 border-radius: 0px;

1157 background: #fff;

1158 -webkit-box-shadow: 0 2px 12px rgb(232 236 242 / 40%);

1159 box-shadow: 0 2px 12px rgb(232 236 242 / 40%);

1160}

1161

1162

1163.product-thumb:hover {

1164 border-color: #fff;

1165 box-shadow: 0 0 12px rgb(152 162 179 / 15%), 0 0 4px rgb(152 162 179 / 15%), 0 0 2px rgb(152 162 179 / 15%);

1166 z-index: 2;

1167 transition-duration: .5s;

1168 box-shadow: 0 0 0 10px #fff, 0 0 0 13px #3a54d6, 3px 6px 15px 15px rgb(50 65 74 / 30%);

1169}

1170

1171

1172.product-thumb a {

1173 display: block;

1174 text-decoration: none

1175}

1176

1177

1178.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {

1179 border-radius: 0px;

1180}

1181

1182

1183.btn-group-sm > .btn, .btn-sm {

1184 font-size: 13px;

1185 border-radius: 0px;

1186}

1187

1188

1189.product-info {

1190 position: relative;

1191 padding: 24px;

1192 /* border: 1px solid #e4e7f2; */

1193 border-radius: 9px;

1194 background-color: #fff;

1195 box-shadow: 0 2px 12px rgb(232 236 242 / 40%);

1196}

1197

1198

1199.product-prices .form-group {

1200 margin-bottom: 10px;

1201}

1202

1203

1204.product-weight {

1205 margin-top: 20px;

1206 color: #858585;

1207 font-size: 13px;

1208 line-height: 1;

1209 margin-bottom: 0;

1210}

1211

1212

1213.product-price {

1214 font-weight: 700;

1215 display: inline-block;

1216}

1217

1218

1219.price {

1220 position: relative;

1221 display: inline-block;

1222 font-size: 23px;

1223 white-space: nowrap;

1224 color: #222;

1225 vertical-align: bottom;

1226 position: absolute;

1227 bottom: 93px;

1228}

1229

1230

1231.product-title {

1232 color: #222;

1233 margin: 7px 0;

1234 max-height: 57px;

1235 overflow: hidden;

1236 line-height: 19px;

1237 font-size: 13px;

1238 font-weight: 500;

1239}

1240

1241

1242.caption {

1243 display: flex;

1244 flex-direction: column;

1245 height: inherit;

1246 padding: 15px;

1247}

1248

1249

1250.button-group {

1251 margin-top: auto;

1252 display: flex;

1253 justify-content: space-between;

1254 align-items: center;

1255 flex-direction: row-reverse;

1256 padding-top: 60px;

1257 border-radius: 0 0 6px 6px;

1258}

1259

1260

1261.button-group .btn-action-buy {

1262 display: inline-block;

1263 vertical-align: top;

1264 margin: 0;

1265 text-align: center;

1266 color: #9B9B9B;

1267 font-weight: 600;

1268 font-size: 13px;

1269 line-height: 18px;

1270 padding: 8px 15px;

1271 border: 1px solid #eee;

1272 border-radius: 24px;

1273 background: #fff;

1274}

1275

1276

1277@media (min-width: 768px) {

1278 .button-group .btn-action-buy {

1279 font-size: 14px;

1280 padding-left: 20px;

1281 padding-right: 20px;

1282 }

1283

1284}

1285

1286

1287.product-thumb:hover .btn-action-buy {

1288 background: #0064fe;

1289 color: #fff;

1290 border-color: #0064fe;

1291}

1292

1293

1294.button-groupbtn {

1295 color: #414141;

1296 display: -ms-flexbox;

1297 display: flex;

1298 -ms-flex-align: center;

1299 align-items: center;

1300 font-size: 13px

1301}

1302

1303

1304.btn-action-wishlist {

1305 border: 0;

1306 width: 32px;

1307 height: 32px;

1308 display: flex;

1309 align-items: center;

1310 justify-content: center;

1311 border-radius: 8px;

1312 color: #0064fe;

1313 padding: 0;

1314 background: rgb(244 248 255);

1315}

1316

1317

1318.price-old {

1319 position: relative;

1320 color: #000000;

1321 font-size: 16px;

1322 white-space: nowrap;

1323 font-weight: 400;

1324}

1325

1326

1327.price-old:after {

1328 content: "";

1329 display: block;

1330 position: absolute;

1331 left: 0;

1332 top: 43%;

1333 width: 100%;

1334 height: 0;

1335 border-bottom: 2px solid #ff000fd9;

1336 transform: rotate(-7deg);

1337}

1338

1339

1340.price-old, .price-default {

1341 display: inline-block

1342}

1343

1344

1345.price-new {

1346 margin-right: 4px;

1347 color: #000000;

1348 background-color: #ffdb00;

1349 -webkit-box-shadow: 0.125rem 0.125rem #e00751;

1350 box-shadow: 0.125rem 0.125rem #e00751;

1351 font-family: "Oswald", sans-serif;

1352 padding-left: 5px;

1353 padding-right: 5px;

1354}

1355

1356

1357@media (min-width: 768px) {

1358 .product-list {

1359 flex-grow: 1;

1360 }

1361

1362

1363 .product-list .product-thumb {

1364 display: flex;

1365 flex-direction: row;

1366 align-items: center

1367 }

1368

1369

1370 .product-list .product-thumb .image {

1371 flex-basis: 30%;

1372 margin: 0

1373 }

1374

1375

1376 .product-list .product-thumb .caption {

1377 flex-basis: 70%;

1378 padding-left: 15px

1379 }

1380

1381

1382 .product-list .product-thumb a {

1383 max-width: 372px

1384 }

1385

1386}

1387

1388

1389.rating .star {

1390 color: #ffaa00

1391}

1392

1393

1394.rating span .fa {

1395 font-size: 13px

1396}

1397

1398

1399.rating .star-empty {

1400 color: #d6dbe0

1401}

1402

1403

1404.header-phone {

1405 margin-left: 15px;

1406}

1407

1408

1409.phone-link {

1410 color: #fff;

1411 display: flex;

1412 align-items: center;

1413 text-decoration: none;

1414 font-weight: 700;

1415}

1416

1417

1418.phone-value {

1419 font-size: 16px;

1420 padding-left: 4px;

1421 font-weight: 400;

1422}

1423

1424

1425.btn-default:hover {

1426 color: #fff;

1427 background-color: #000;

1428 border-color: #000;

1429}

1430

1431

1432footer {

1433 font-size: 14px;

1434 line-height: 1.7142857;

1435 background: #1e1f2b;

1436 color: #fff;

1437 padding-top: 32px;

1438 margin-top: 100px;

1439 padding-bottom: 8px;

1440}

1441

1442

1443footer .footer-row {

1444 display: flex;

1445 flex-wrap: wrap;

1446 justify-content: space-between;

1447 flex-direction: column;

1448 align-items: center;

1449 text-align: center

1450}

1451

1452

1453@media only screen and (min-width: 480px) {

1454 footer .footer-row {

1455 flex-direction: row;

1456 text-align: left;

1457 align-items: flex-start

1458 }

1459

1460}

1461

1462

1463footer .footer-column:not(.footer-powered) {

1464 margin-top: 20px;

1465 flex-basis: 25%

1466}

1467

1468

1469@media only screen and (min-width: 998px) {

1470 footer .footer-column {

1471 flex-basis: 25%

1472 }

1473

1474}

1475

1476

1477footer .footer-tel, footer .footer-title {

1478 white-space: nowrap;

1479 font-size: 16px;

1480 font-weight: 500;

1481 margin-bottom: 10px;

1482}

1483

1484

1485footer .footer-link {

1486 color: #848484;

1487 transition: color .2s ease-in-out;

1488 background: 0;

1489 border: 0;

1490 outline: 0;

1491 display: inline-flex;

1492 position: relative;

1493 font-size: 15px;

1494 padding: 0px 0 9px;

1495 font-family: "Ubuntu", Verdana, Arial, Helvetica, sans-serif;

1496}

1497

1498

1499footer .footer-row + .footer-row {

1500 border-top: 1px dotted #7c7e8033;

1501 margin-top: 20px;

1502 padding-top: 18px

1503}

1504

1505

1506@media only screen and (min-width: 998px) {

1507 footer .footer-powered {

1508 display: flex;

1509 flex-basis: 100%;

1510 justify-content: space-between;

1511 }

1512

1513}

1514

1515

1516footer .footer-text {

1517 /* color: #bababa; */

1518 line-height: 1.5;

1519 /* font-weight: 600; */

1520 /* font-size: 17px; */

1521 margin-bottom: 14px;

1522 /* white-space: nowrap; */

1523 font-size: 16px;

1524 font-weight: 500;

1525}

1526

1527

1528footer .footer-link:focus, footer .footer-link:hover {

1529 color: #0064fe

1530}

1531

1532

1533footer .footer-phone {

1534 color: #ffffff;

1535 font-size: 17px;

1536}

1537

1538

1539footer .footer-feedback {

1540 margin-top: 12px

1541}

1542

1543

1544footer .footer-social-icon {

1545 display: inline-flex;

1546 align-items: center;

1547 color: inherit;

1548}

1549

1550

1551footer .footer-social .footer-social-icon {

1552 justify-content: center;

1553 padding-left: 6px;

1554 padding-right: 6px

1555}

1556

1557

1558footer .footer-icon {

1559 font-style: normal;

1560 display: inline-flex;

1561 transition: color .2s ease-in-out;

1562}

1563

1564

1565.main-blocks {

1566 padding-bottom: 30px;

1567}

1568

1569

1570.main-blocks .main-products__title {

1571 color: #222;

1572 font-size: 26px;

1573 font-weight: 700;

1574 line-height: normal;

1575 padding: 0 0 40px

1576}

1577

1578

1579.main-blocks .main-products__title {

1580 padding-bottom: 20px

1581}

1582

1583

1584.content-title {

1585 color: #222;

1586 font-size: 36px;

1587 line-height: 36px;

1588 font-family: "Oswald", sans-serif;

1589 text-transform: uppercase;

1590 padding-top: 12px;

1591}

1592

1593

1594@media (max-width: 768px) {

1595 .content-title {

1596 line-height: 48px;

1597 }

1598

1599}

1600

1601

1602.refine-cat {

1603 margin: 10px auto 0;

1604 text-align: center;

1605 max-width: 1200px

1606}

1607

1608

1609.refine-cat .refine-cat-link {

1610 margin-right: 6px;

1611 border-radius: 8px;

1612 margin-top: 10px;

1613 color: #222;

1614 background: #fff;

1615 border: 1px solid #e7e4e4;

1616 display: inline-block;

1617 text-align: center;

1618 vertical-align: middle;

1619 cursor: pointer;

1620 white-space: nowrap;

1621 padding: 6px 14px;

1622 font-size: 13px;

1623 line-height: 1.62857143;

1624 font-weight: 500

1625}

1626

1627

1628.refine-cat .refine-cat-link:hover {

1629 background: #fafafa

1630}

1631

1632

1633.card {

1634 padding: 30px

1635}

1636

1637

1638.card-info hr {

1639 margin-top: 0;

1640 margin-bottom: 30px

1641}

1642

1643

1644.push-sm {

1645 height: 30px

1646}

1647

1648

1649.push-md {

1650 height: 50px

1651}

1652

1653

1654.push-lg {

1655 height: 70px

1656}

1657

1658

1659.push-xl {

1660 height: 100px

1661}

1662

1663

1664#cart {

1665 position: relative;

1666}

1667

1668

1669#cart .dropdown-menu {

1670 min-width: 480px;

1671 padding: 20px;

1672 border-radius: 8px;

1673 margin-top: 12px;

1674 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15)

1675}

1676

1677

1678#cart li > .text-center {

1679 text-align: center;

1680 font-size: 24px;

1681 font-weight: 700;

1682 color: #dedede;

1683 margin-top: 17px

1684}

1685

1686

1687#cart li p {

1688 margin: 0

1689}

1690

1691

1692#cart .minicart-name {

1693 font-size: 11px;

1694 color: #222;

1695 font-weight: 700

1696}

1697

1698

1699#cart .minicart-table td {

1700 vertical-align: middle;

1701 border-top: 0;

1702 border-bottom: 1px solid #ededed;

1703 padding: 13px;

1704 line-height: normal;

1705}

1706

1707

1708#cart .remove-product i {

1709 font-size: 21px

1710}

1711

1712

1713#cart .minicart-img {

1714 width: 20%;

1715 position: relative

1716}

1717

1718

1719#cart .minicart-img .product_quantity {

1720 position: absolute;

1721 width: 20px;

1722 height: 20px;

1723 line-height: 20px;

1724 font-size: 11px;

1725 border-radius: 20px;

1726 background: #e5e8ec;

1727 color: #000;

1728 left: 0;

1729 top: 10px;

1730 letter-spacing: -1px;

1731}

1732

1733

1734#cart td.minicart-product-name {

1735 padding-left: 0

1736}

1737

1738

1739#cart .icon-cart-empty {

1740 margin: 23px 0;

1741 fill: #ece9e9

1742}

1743

1744

1745.remove-product {

1746 cursor: pointer

1747}

1748

1749

1750#content {

1751 min-height: 600px

1752}

1753

1754

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

1756 #content.col-sm-6, #content.col-sm-9 {

1757 -ms-flex: 0 0 100%;

1758 flex: 0 0 100%;

1759 max-width: 100%;

1760 }

1761

1762}

1763

1764

1765.buttons {

1766 margin: 1em 0

1767}

1768

1769

1770.flex-justify {

1771 display: flex;

1772 align-items: center;

1773 justify-content: space-between

1774}

1775

1776

1777.flex-justify p {

1778 margin: 0;

1779 font-size: 26px;

1780 font-weight: 700;

1781 color: #dae1e8;

1782 line-height: 1.3333

1783}

1784

1785

1786.swiper-pagination-bullet {

1787 width: 8px;

1788 height: 8px;

1789 background: #ece9e9;

1790 box-shadow: none

1791}

1792

1793

1794.swiper-pagination-bullet-active {

1795 background: #0064fe

1796}

1797

1798

1799.thumbnails {

1800 margin: 0;

1801 padding: 0;

1802 list-style: none

1803}

1804

1805

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

1807 .thumbnails {

1808 padding-bottom: 50px

1809 }

1810

1811

1812 .buttons-checkout {

1813 flex-grow: 1

1814 }

1815

1816}

1817

1818

1819.fonprod {

1820 /* background: #f2f4f7; */

1821 background: linear-gradient(180deg, #f2f4f7 0%, #daebf700 100%, #daebf700 100%);

1822}

1823

1824

1825.opapodfon {

1826 padding-top: 100px;

1827 /* padding-bottom: 80px; */

1828}

1829

1830

1831.thumbnailphoto {

1832 display: block;

1833 padding: 2px;

1834 margin-bottom: 13px;

1835 line-height: 0;

1836 /* background-color: #fff; */

1837 border: 1px solid #ffffff;

1838 /* border-radius: 1px; */

1839 /* -webkit-transition: border .2s ease-in-out; */

1840 -o-transition: border .2s ease-in-out;

1841 /* transition: border .2s ease-in-out; */

1842 width: 80px;

1843}

1844

1845

1846@media (max-width: 768px) {

1847 .thumbnailphoto {

1848 }

1849

1850

1851 .zoom-gallery {

1852 padding-bottom: 22px;

1853 }

1854

1855

1856 .product-info {

1857 margin-bottom: 30px;

1858 }

1859

1860

1861 .formkalk {

1862 padding-left: 0px;

1863 padding-top: 10px;

1864 padding-bottom: 10px;

1865 }

1866

1867}

1868

1869

1870.row-flex {

1871 display: -ms-flexbox;

1872 display: flex;

1873 -ms-flex-wrap: wrap;

1874 flex-wrap: wrap;

1875 align-items: center;

1876 justify-content: space-between

1877}

1878

1879

1880.col {

1881 -ms-flex-preferred-size: 0;

1882 flex-basis: 0;

1883 -ms-flex-positive: 1;

1884 flex-grow: 1;

1885 max-width: 100%

1886}

1887

1888

1889.product-col {

1890 font-size: 13px;

1891 font-weight: 500

1892}

1893

1894

1895.tool_btn:not(:last-child) {

1896 margin-right: 17px

1897}

1898

1899

1900.tool_btn {

1901 cursor: pointer

1902}

1903

1904

1905.count_rating a:hover, .tool_btn:hover {

1906 color: #034ed2

1907}

1908

1909

1910@media (min-width: 576px) {

1911 .tool_btn svg {

1912 margin-right: 6px

1913 }

1914

1915}

1916

1917

1918@media (max-width: 575px) {

1919 .tool_btn span {

1920 display: none;

1921 }

1922

1923}

1924

1925

1926.product_rating .count_rating {

1927 margin-left: 7px;

1928 font-weight: 500;

1929 font-size: 13px

1930}

1931

1932

1933.col-auto {

1934 -ms-flex: 0 0 auto;

1935 flex: 0 0 auto;

1936 width: auto;

1937 max-width: 100%

1938}

1939

1940

1941.product-item-quantity {

1942 font-weight: 500;

1943 font-size: 13px

1944}

1945

1946

1947.product-control, .product-col, .product_rating {

1948 display: flex;

1949 align-items: center;

1950 flex-wrap: wrap;

1951 /* padding-top: 0px; */

1952}

1953

1954

1955.product-col, .product-col a {

1956 color: #9b9b9b;

1957}

1958

1959

1960.product-quantity, .product_rating {

1961 margin-right: 17px

1962}

1963

1964

1965@media (max-width: 768px) {

1966 .product-quantity {

1967 margin-bottom: 0px;

1968 }

1969

1970}

1971

1972

1973.product-prices .main-price {

1974 /* font-weight: 700; */

1975 /* font-size: 34px; */

1976 /* margin-right: 12px; */

1977 /* line-height: normal; */

1978 /* display: inline-block; */

1979 color: #000;

1980 font-weight: 700;

1981 font-family: "Oswald", sans-serif;

1982 font-size: 38px;

1983}

1984

1985

1986.main-price {

1987 padding-bottom: 28px;

1988 border-bottom: 1px solid #ecf0f8;

1989}

1990

1991

1992.product-prices .special-price {

1993 color: #000000;

1994}

1995

1996

1997.form-list {

1998 margin-bottom: 5px;

1999 line-height: 24px;

2000 font-size: 14px;

2001 padding-bottom: 17px;

2002 border-bottom: 1px solid #ecf0f8;

2003}

2004

2005

2006.price-label-percent {

2007 display: flex;

2008 align-items: center;

2009 line-height: 15px;

2010}

2011

2012

2013.percent-label {

2014 padding: 4px 6px

2015}

2016

2017

2018.special-end {

2019 border-radius: 0 6px 6px 0;

2020 background: #f7f7f7;

2021 color: #96959b;

2022 font-size: 11px;

2023 font-weight: 500;

2024 padding: 4px 6px;

2025 line-height: 13px;

2026}

2027

2028

2029.price-label-percent .sticky-label {

2030 background: #ff2b60;

2031 color: #fff;

2032 font-size: 13px;

2033 font-weight: 600;

2034 line-height: 1;

2035 border-radius: 6px 0 0 6px;

2036}

2037

2038

2039.tab-nav {

2040 padding: 10px 25px;

2041 border-radius: 16px;

2042 background-color: #fff;

2043 box-shadow: 0 3px 12px rgb(0 0 0 / 10%);

2044 margin-bottom: 15px;

2045}

2046

2047

2048.tab-nav .nav-tabs {

2049 border: 0;

2050}

2051

2052

2053.tab-nav .nav-tabs > li {

2054 margin-bottom: 0;

2055}

2056

2057

2058.tab-nav .nav-tabs > li > a, .tab-nav .nav-tabs > li.active > a, .tab-nav .nav-tabs > li.active > a:focus, .tab-nav .nav-tabs > li.active > a:hover {

2059 border: 0;

2060 margin: 0;

2061 padding: 5px 20px 5px 0;

2062}

2063

2064

2065.tab-nav .nav > li > a:focus, .tab-nav .nav > li > a:hover {

2066 background-color: #fff;

2067}

2068

2069

2070.tab-content {

2071 /* padding: 0px; */

2072 border: 0px solid #f3f3f3;

2073 margin-top: 20px;

2074}

2075

2076

2077.product-percent {

2078 margin-bottom: 12px;

2079 margin-top: 0

2080}

2081

2082

2083.stepper {

2084 display: inline-block;

2085 max-width: 100px;

2086 width: 100%;

2087 position: relative

2088}

2089

2090

2091.stepper__input {

2092 height: 46px;

2093 padding: .375rem .75rem;

2094 border: 1px solid #d6dbe0

2095}

2096

2097

2098.stepper__input:focus {

2099 color: #222;

2100 background-color: #fff;

2101 outline: 0

2102}

2103

2104

2105.stepper__input::-webkit-inner-spin-button, .stepper__input::-webkit-outer-spin-button {

2106 -webkit-appearance: none;

2107 -moz-appearance: none;

2108 appearance: none;

2109 margin: 0

2110}

2111

2112

2113.stepper__controls [value="up"], .stepper__controls [value="down"] {

2114 display: inline-block;

2115 padding: 0;

2116 outline: 0;

2117 border: 1px solid #d6dbe0;

2118 background-color: #fff;

2119 height: 50%;

2120 font-size: 13px;

2121 line-height: 0

2122}

2123

2124

2125.stepper__controls [value="up"]:active, .stepper__controls [value="down"]:active {

2126 background: #f9faff;

2127 box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, .2)

2128}

2129

2130

2131.stepper-style-1 .stepper__input {

2132 padding-right: 40px;

2133 padding-left: 15px;

2134 border-radius: 8px;

2135 width: inherit

2136}

2137

2138

2139.stepper-style-1 .stepper__controls {

2140 position: absolute;

2141 right: 0;

2142 top: 0;

2143 bottom: -1px;

2144 display: flex;

2145 flex-direction: column;

2146 width: 35px;

2147 z-index: 1

2148}

2149

2150

2151.stepper-style-1 [value="up"] {

2152 border-radius: 0 8px 0 0;

2153 margin-bottom: -1px

2154}

2155

2156

2157.stepper-style-2 {

2158 max-width: 140px

2159}

2160

2161

2162.stepper-style-2 .stepper__input {

2163 padding-left: 3.25rem;

2164 padding-right: 3.25rem;

2165 text-align: center

2166}

2167

2168

2169.stepper-style-2 [value="up"], .stepper-style-2 [value="down"] {

2170 position: absolute;

2171 height: 100%;

2172 top: 0;

2173 bottom: -1px;

2174 width: 2.5rem;

2175 z-index: 1

2176}

2177

2178

2179.stepper-style-2 [value="up"] {

2180 right: 0;

2181 margin-left: -1px

2182}

2183

2184

2185.stepper-style-2 [value="down"] {

2186 left: 0;

2187 margin-right: -1px

2188}

2189

2190

2191.stepper__controls [value="up"]:before {

2192 border-color: transparent transparent #222 transparent;

2193 border-style: solid;

2194 border-width: 0 5px 5px 5px

2195}

2196

2197

2198.stepper__controls [value="down"]:before {

2199 border-color: #222 transparent transparent transparent;

2200 border-style: solid;

2201 border-width: 5px 5px 0 5px

2202}

2203

2204

2205.stepper__controls button:before {

2206 content: '';

2207 display: inline-block;

2208 width: 0;

2209 height: 0

2210}

2211

2212

2213.stepper__controls .stepper-minus {

2214 border-radius: 0 0 8px 0

2215}

2216

2217

2218.stepper__controls .stepper-minus[disabled] {

2219 border-color: #d6dbe0;

2220 color: #6e6e6e;

2221 cursor: default;

2222 box-shadow: none;

2223 text-shadow: none

2224}

2225

2226

2227.stepper__controls .stepper-minus[disabled]:before {

2228 border-color: #bbb transparent transparent transparent

2229}

2230

2231

2232.stepper-style-3 {

2233 max-width: 140px;

2234 padding-left: 2.5rem;

2235 padding-right: 2.5rem

2236}

2237

2238

2239.stepper-style-3 .stepper__input {

2240 position: relative;

2241 z-index: 1;

2242 text-align: center

2243}

2244

2245

2246.stepper-style-3 [value="up"], .stepper-style-3 [value="down"] {

2247 border: 0;

2248 position: absolute;

2249 height: 100%;

2250 top: 0;

2251 bottom: -1px;

2252 width: 2.5rem

2253}

2254

2255

2256.stepper-style-3 [value="up"] {

2257 right: 0;

2258 margin-left: -1px

2259}

2260

2261

2262.stepper-style-3 [value="down"] {

2263 left: 0;

2264 margin-right: -1px

2265}

2266

2267

2268.short-decr__link {

2269 display: block;

2270 margin-top: 7px;

2271 font-size: 13px;

2272 font-weight: 500

2273}

2274

2275

2276#list-view.active, #grid-view.active {

2277 background: #0064fe;

2278 border: 1px solid #0064fe;

2279 color: #fff;

2280}

2281

2282

2283.tab-title {

2284 margin: 0 0 20px

2285}

2286

2287

2288.tags-title {

2289 color: #222;

2290 margin-bottom: 16px

2291}

2292

2293

2294.tags {

2295 display: flex;

2296 align-items: center;

2297 justify-content: flex-start;

2298 flex-wrap: wrap;

2299 margin-bottom: 18px

2300}

2301

2302

2303.tags-link {

2304 flex: 0 0 auto;

2305 padding: 6px 16px;

2306 color: #222;

2307 margin: 0 6px 6px 0;

2308 box-sizing: border-box;

2309 font-size: 13px;

2310 border-radius: 16px;

2311 height: 32px;

2312 background: #f2f3f5;

2313 display: flex;

2314 align-items: center;

2315 font-weight: 500

2316}

2317

2318

2319.price-discount {

2320 font-size: 13px;

2321 font-weight: 500;

2322 color: #a4aab1

2323}

2324

2325

2326.points .price-points {

2327 margin: 8px 0

2328}

2329

2330

2331.mobile-user-blocks {

2332 padding-top: 20px;

2333 padding-right: 10px;

2334 margin-left: auto;

2335 white-space: nowrap

2336}

2337

2338

2339.mobile-user-blocks .m-block {

2340 display: inline-flex;

2341 text-align: center;

2342 outline: 0;

2343 background-color: transparent;

2344 transition: background-color .3s;

2345 cursor: pointer;

2346 text-decoration: none;

2347 box-sizing: border-box;

2348 padding-left: 10px;

2349}

2350

2351

2352.m-block a {

2353 position: relative;

2354 display: flex

2355}

2356

2357

2358.mobile-user-blocks .m-block svg {

2359 color: #999

2360}

2361

2362

2363.buttons-checkout {

2364 flex-grow: 1;

2365}

2366

2367

2368#button-cart {

2369 font-size: 15px;

2370 font-weight: 700;

2371 height: 46px;

2372 border-radius: 6px;

2373}

2374

2375

2376.seo-text p {

2377 color: #a8a8a8;

2378 font-weight: 400;

2379 font-size: 15px

2380}

2381

2382

2383.how-order__block {

2384 padding: 25px 0 0;

2385 border-radius: 8px;

2386 overflow: hidden;

2387 background: #fff;

2388 margin-bottom: 28px;

2389 position: relative;

2390 border: 1px solid #ececec;

2391}

2392

2393

2394.how-order__title {

2395 color: #222;

2396 font-size: 13px;

2397 display: flex;

2398 text-align: center;

2399 line-height: 1.4;

2400 font-weight: 700;

2401 position: relative;

2402 padding-bottom: 20px;

2403 overflow: hidden;

2404 padding-left: 15px;

2405 padding-right: 15px;

2406 min-height: 63px;

2407 align-items: center;

2408 justify-content: center

2409}

2410

2411

2412@media (min-width: 768px) {

2413 .how-order__title {

2414 font-size: 15px;

2415 }

2416

2417}

2418

2419

2420.how-order__title::after {

2421 content: '';

2422 position: absolute;

2423 width: 80%;

2424 left: 10%;

2425 height: 1px;

2426 background: #f1f1f2;

2427 bottom: 0;

2428 border-radius: 8px;

2429}

2430

2431

2432.how-order__image {

2433 width: 100%;

2434 padding: 50px

2435}

2436

2437

2438.image-additional {

2439 display: inline-block

2440}

2441

2442

2443.image-additional .thumbnail {

2444 margin: 0 5px 5px 0

2445}

2446

2447

2448@media (max-width: 480px) {

2449 .checkout-cart-btns .pull-left, .checkout-cart-btns .pull-right {

2450 float: none !important

2451 }

2452

2453

2454 .checkout-cart-btns .btn {

2455 width: 100%

2456 }

2457

2458

2459 .checkout-cart-btns .pull-left .btn {

2460 margin-bottom: 10px

2461 }

2462

2463}

2464

2465

2466.checkout-checkout .check-btn-quantity .input-group {

2467 min-width: 170px;

2468 max-width: 200px

2469}

2470

2471

2472.contacts h4:first-child {

2473 margin-top: 0

2474}

2475

2476

2477.contacts table {

2478 color: #777;

2479 border: 0;

2480 border-collapse: collapse;

2481 font-weight: 500;

2482 font-size: 15px

2483}

2484

2485

2486.contacts table td {

2487 padding-bottom: 10px;

2488 line-height: 21px;

2489 vertical-align: top

2490}

2491

2492

2493.contacts table td span {

2494 color: #121212;

2495 font-size: 17px;

2496 line-height: 25px;

2497 font-weight: 600

2498}

2499

2500

2501.fa.big-icon {

2502 height: 54px;

2503 width: 54px;

2504 line-height: 54px;

2505 font-size: 29px;

2506 border-radius: 36px;

2507 background: #666;

2508 color: #fff;

2509 text-align: center

2510}

2511

2512

2513body .fa.big-icon {

2514 background: #0064fe

2515}

2516

2517

2518.fa.big-icon.s45 {

2519 height: 45px;

2520 width: 45px;

2521 line-height: 45px;

2522 font-size: 18px

2523}

2524

2525

2526.contacts table td .fa.big-icon {

2527 margin: 0 20px 20px 0

2528}

2529

2530

2531.viewed-module {

2532 margin-bottom: 50px

2533}

2534

2535

2536.viewed-caption {

2537 display: -webkit-box;

2538 display: -webkit-flex;

2539 display: -moz-box;

2540 display: -ms-flexbox;

2541 display: flex;

2542 background: #fff;

2543 -webkit-box-align: center;

2544 -webkit-align-items: center;

2545 -moz-box-align: center;

2546 -ms-flex-align: center;

2547 align-items: center;

2548 height: 115px;

2549 margin-bottom: 12px;

2550 white-space: normal;

2551 color: #222;

2552 transition: .2s ease-in-out;

2553 border-radius: 0px;

2554 border: 1px solid #ededed;

2555}

2556

2557

2558.viewed-caption:hover {

2559 color: #005bff

2560}

2561

2562

2563.viewed-image {

2564 -webkit-box-flex: 45;

2565 -webkit-flex: 45;

2566 -moz-box-flex: 45;

2567 -ms-flex: 45;

2568 flex: 45;

2569 text-align: center

2570}

2571

2572

2573.viewed-info {

2574 padding: 6px 20px 6px 0;

2575 -webkit-box-flex: 55;

2576 -webkit-flex: 55;

2577 -moz-box-flex: 55;

2578 -ms-flex: 55;

2579 flex: 55

2580}

2581

2582

2583.viewed-name {

2584 word-wrap: break-word;

2585 word-break: break-word;

2586 line-height: 19px;

2587 display: block;

2588 overflow: hidden;

2589 font-size: 13px;

2590 font-weight: 500;

2591 max-height: 75px;

2592}

2593

2594

2595.viewed-price__block {

2596 font-size: 18px;

2597 line-height: 18px;

2598 font-weight: 700;

2599 margin: 7px 0 0;

2600 white-space: nowrap;

2601 color: #222

2602}

2603

2604

2605a, button {

2606 -webkit-tap-highlight-color: transparent;

2607 -webkit-transition: all .2s ease-in-out;

2608 transition: all .2s ease-in-out;

2609}

2610

2611

2612.delivery-wrap {

2613 padding: 50px 0;

2614}

2615

2616

2617.delivery-wrap .delivery-title {

2618 font-size: 24px;

2619 margin-bottom: 30px;

2620}

2621

2622

2623.delivery-wrap .delivery-section__advantages_icon-blue {

2624 background-color: rgba(58, 134, 192, .08);

2625}

2626

2627

2628.delivery-wrap .delivery-section__advantages_icon-green {

2629 background-color: rgba(72, 151, 20, .08);

2630}

2631

2632

2633.delivery-wrap .delivery-section__advantages_icon-yellow {

2634 background-color: rgba(212, 131, 1, .08);

2635}

2636

2637

2638.delivery-section__advantages_text-title {

2639 font-weight: 700;

2640 font-size: 16px;

2641 line-height: normal;

2642}

2643

2644

2645.delivery-section__advantages_text-descr {

2646 font-size: 15px;

2647 line-height: normal;

2648}

2649

2650

2651@media (min-width: 768px) {

2652 .delivery-wrap .delivery-title {

2653 font-size: 36px;

2654 }

2655

2656

2657 .delivery-section__advantages_text-title {

2658 font-size: 20px;

2659 }

2660

2661}

2662

2663

2664.delivery-wrap .delivery-section__advantages_item {

2665 display: -webkit-box;

2666 display: -webkit-flex;

2667 display: -ms-flexbox;