CSS File

1.autocomplete-suggestions { border: 1px solid #999; background: #212121; overflow: auto; margin: 0 -60px 0 13px; }

2

3.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer; }

4

5.autocomplete-selected { background: #f0f0f0; }

6

7.autocomplete-suggestions strong { font-weight: normal; color: #DA4408; border-bottom: 1px solid #DA4408; }

8

9.autocomplete-group { padding: 5px; font-weight: bold;}

10

11.autocomplete-group strong { display: block; }

12

13

14/* NOTE */

15/* .place ~ .item:nth-of-type such selection used

16in case of banner or sidebar is placed on one line with items */

17/* NOTE */

18@import "https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic";

19@font-face {

20 font-family: "icomoon";

21 src: url("../images/fonts/icomoon.eot?nddhpi");

22 src: url("../images/fonts/icomoon.eot?nddhpi#iefix")

23 format("embedded-opentype"),

24 url("../images/fonts/icomoon.ttf?nddhpi") format("truetype"),

25 url("../images/fonts/icomoon.woff?nddhpi") format("woff"),

26 url("../images/fonts/icomoon.svg?nddhpi#icomoon") format("svg");

27 font-weight: normal;

28 font-style: normal;

29}

30

31body,

32div,

33dl,

34dt,

35dd,

36ul,

37ol,

38li,

39h1,

40h2,

41h3,

42h4,

43h5,

44h6,

45pre,

46form,

47fieldset,

48input,

49textarea,

50p,

51blockquote,

52th,

53td {

54 margin: 0;

55 padding: 0;

56}

57

58fieldset,

59img {

60 border: 0;

61}

62

63* {

64 outline: none;

65 text-decoration: none;

66}

67

68img,

69object,

70embed {

71 vertical-align: bottom;

72}

73

74*,

75*:before,

76*:after {

77

-webkit-box-sizing: border-box;

78 box-sizing: border-box;

79}

80

81address,

82caption,

83cite,

84code,

85dfn,

86em,

87th,

88var {

89 font-style: normal;

90 font-weight: normal;

91}

92

93ol,

94ul {

95 list-style: none;

96}

97

98caption,

99th {

100 text-align: left;

101}

102

103h1,

104h2,

105h3,

106h4,

107h5,

108h6 {

109 font-size: 100%;

110 font-weight: normal;

111}

112

113p.text {

114 font-size: 1.8rem;

115 font-weight: 300;

116 color: #ccc;

117 margin: 0 0 2.5rem;

118 width: 100%;

119 display: block;

120}

121

122q:before,

123q:after {

124 content: "";

125}

126

127a * {

128 cursor: pointer;

129}

130

131

132html {

133 height: 100%;

134 background: #111111;

135 font-size: 62.5%;

136}

137

138body {

139 font: 400 14px/1.2 "Roboto", Helvetica, sans-serif;

140 min-height: 100%;

141 min-width: 320px;

142 position: relative;

143 color: #ccc;

144

-webkit-text-size-adjust: none;

145

-ms-text-size-adjust: none;

146}

147

148a {

149 color: #ccc;

150 text-decoration: none;

151 cursor: pointer;

152

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

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

154}

155

156

157.no-touch a:hover {

158 color: #DA4408;

159}

160

161

162input,

163select,

164textarea {

165

font-size: 13px;

166 line-height: 1.2;

167 font-family: "Roboto", Helvetica, sans-serif;

168}

169

170.container {

171 margin: 0 auto;

172 overflow: hidden;

173 position: relative;

174 background: linear-gradient(to bottom, #000000 130px, #323232 300px);

175}

176

177.hidden {

178 display: none;

179}

180

181/* .movable-top,

182.movable-bottom {

183 position: relative;

184}

185 */

186.country {

187 margin: 1px 3px 1px 0;

188}

189

190.page-error {

191 padding: 10px;

192 background: transparent;

193 color: #e62117;

194 border: 1px solid #e62117;

195 font-size: 30px;

196 line-height: 34px;

197 text-align: center;

198 margin: 20px 0 0;

199 border-radius: 3px;

200

-webkit-border-radius: 3px;

201}

202

203.icon:before {

204 font-family: "icomoon" !important;

205 speak: none;

206 font-style: normal;

207 font-weight: normal;

208 font-variant: normal;

209 text-transform: none;

210

-webkit-font-smoothing: antialiased;

211

-moz-osx-font-smoothing: grayscale;

212}

213

214.icon-time:before {

215 content: "\e91d";

216}

217

218.icon-categories:before {

219 content: "\e903";

220}

221

222.icon-eye:before {

223 content: "\e909";

224}

225

226.icon-comment:before {

227 content: "\e914";

228}

229

230.icon-calendar:before {

231 content: "\e902";

232}

233

234.icon-info:before {

235 content: "\e90e";

236}

237

238.icon-flag:before {

239 content: "\e90a";

240}

241

242.icon-album:before {

243 content: "\e900";

244}

245

246.icon-share:before {

247 content: "\e91a";

248}

249

250.icon-member:before {

251 content: "\e913";

252}

253

254.icon-add:before {

255 content: "\e917";

256}

257

258.icon-video:before {

259 content: "\e91c";

260}

261

262.icon-categories:before {

263 content: "\e903";

264}

265

266.icon-world:before {

267 content: "\e908";

268}

269

270.icon-model:before {

271 content: "\e915";

272}

273

274/* forms */

275form .section-title {

276 color: #212121;

277 font-size: 18px;

278 font-weight: 500;

279 margin: 1rem 0;

280 display: block;

281}

282

283

284form .section-title.expand,

285form .section-title.collapse {

286 position: relative;

287 cursor: pointer;

288 display: inline-block;

289}

290

291form .section-title.expand:hover,

292form .section-title.collapse:hover {

293 color: #DA4408;

294}

295

296form .section-title.collapse:after,

297form .section-title.expand:after {

298 content: "\e901";

299 display: block;

300 position: absolute;

301 margin-left: 10px;

302

-webkit-backface-visibility: hidden;

303 backface-visibility: hidden;

304 left: 100%;

305 top: 50%;

306

-webkit-transform: translateY(-50%);

307 transform: translateY(-50%);

308 font-family: "icomoon" !important;

309 speak: none;

310 font-style: normal;

311 font-weight: normal;

312 font-variant: normal;

313 text-transform: none;

314 line-height: 1;

315

-webkit-font-smoothing: antialiased;

316

-moz-osx-font-smoothing: grayscale;

317 z-index: 1;

318

font-size: 6px;

319

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

320 transition: -webkit-transform 0.3s;

321 transition: transform 0.3s;

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

323}

324

325form .section-title.collapse:after {

326

-webkit-transform: translateY(-50%) rotate(180deg);

327 transform: translateY(-50%) rotate(180deg);

328}

329

330

331form .row {

332 display: block;

333 position: relative;

334 width: 100%;

335 margin: 0 0 2rem;

336 line-height: 0;

337}

338

339.message-form form .row {

340 width: 100%;

341 max-width: 100%;

342}

343

344

345form .row:last-child {

346 margin: 0;

347}

348

349

350form label {

351 display: block;

352 color: #ccc;

353 margin: 0 0 5px;

354 font-weight: 400;

355 line-height: 1.2;

356

font-size: 14px;

357}

358

359form label.field-label:after {

360 content: ":";

361}

362

363form label.field-label.required:after {

364 content: " (*):";

365}

366

367form .bottom label {

368

font-size: 12px;

369 color: #9f9f9f;

370 margin: 0 0 7px;

371}

372

373form .bottom label.field-label {

374 color: #212121;

375

font-size: 14px;

376 font-weight: 500;

377}

378

379form .button-group .row {

380 margin: 6px 0 0 0;

381}

382

383.button-group {

384 margin: 0 0 2rem;

385}

386

387.two-sections .button-group {

388 margin: 0;

389}

390

391form .button-group .row:first-child {

392 margin: 0;

393}

394

395form .button-group .row label {

396 margin: 0 0 5px;

397 cursor: pointer;

398}

399

400form .radio,

401form .checkbox {

402 display: none;

403}

404

405form .radio + label,

406form .radio + span,

407form .checkbox + label,

408form .checkbox + span {

409 position: relative;

410 padding-left: 24px !important;

411 cursor: pointer;

412}

413

414form .radio + span {

415 line-height: 1.2;

416}

417

418form .checkbox + label::before,

419form .checkbox + span::before {

420 content: "\e904";

421 position: absolute;

422 left: 0;

423 top: -2px;

424 z-index: 2;

425 width: 20px;

426 height: 20px;

427 border-radius: 5px;

428 border: 1px solid #e0dfdf;

429 background-color: #212121;

430 font-family: "icomoon" !important;

431 speak: none;

432 font-style: normal;

433 font-weight: normal;

434 font-variant: normal;

435 text-transform: none;

436 line-height: 1;

437 color: #212121;

438

font-size: 11px;

439 text-align: center;

440 padding: 3px 0 0;

441

-webkit-font-smoothing: antialiased;

442

-moz-osx-font-smoothing: grayscale;

443

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

444 transition: background-color 0.3s, border 0.3s, color 0.3s;

445}

446

447form .checkbox:checked + label::before,

448form .checkbox:checked + span::before {

449 background-color: #DA4408;

450 border: 1px solid #DA4408;

451}

452

453form .radio + span::before,

454form .radio + label::before {

455 content: "";

456 position: absolute;

457 left: 0;

458 top: -2px;

459 z-index: 2;

460 width: 20px;

461 height: 20px;

462 border-radius: 10px;

463 border: 2px solid #e0dfdf;

464 background-color: #212121;

465 padding: 3px 0 0;

466

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

467 transition: background-color 0.3s, border 0.3s, color 0.3s;

468}

469

470form .radio:checked + span::before,

471form .radio:checked + label::before {

472 background-color: #DA4408;

473 border: 5px solid #e0dfdf;

474}

475

476form .submit {

477 text-align: center;

478 color: #ccc;

479 text-transform: uppercase;

480 font-weight: 500;

481

font-size: 14px;

482 padding: 12px 30px;

483 cursor: pointer;

484 border: 0;

485 min-width: 140px;

486

-webkit-appearance: none;

487 background-color: #DA4408;

488

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

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

490

-webkit-box-ordinal-group: 3;

491

-ms-flex-order: 2;

492 order: 2;

493}

494

495

496.no-touch form .submit:hover {

497 background-color: #e0dfdf;

498 color: #212121;

499}

500

501

502.sidebar form .submit {

503 min-width: 154px;

504}

505

506.margin-fix .bottom .submit.active,

507.margin-fix .bottom .submit.right.active,

508form .submit.active {

509 background-color: #DA4408;

510 color: #212121;

511}

512

513.margin-fix .bottom .submit:disabled,

514.margin-fix .bottom .submit.right:disabled,

515form .submit:disabled {

516 pointer-events: none;

517 color: rgba(33, 33, 33, 0.5);

518}

519

520

521form .textfield,

522form .textarea,

523form .selectbox,

524form .file {

525 border: 1px solid #e0dfdf;

526 padding: 12px 20px;

527 color: #ccc;

528 background: #212121;

529 width: 100%;

530 height: 40px;

531}

532

533form .textarea {

534 resize: none;

535 min-height: 120px;

536}

537

538form .selectbox {

539 cursor: pointer;

540 padding: 10px 20px;

541

-moz-appearance: none;

542

-webkit-appearance: none;

543 appearance: none;

544 background-image: url("data:image/svg+xml,%3Csvg viewBox='0,0,51,32' width='10' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.544c-0 0.005-0 0.011-0 0.017 0 1.277 0.486 2.44 1.284 3.315l-0.004-0.004 21.248 22.784c0.767 0.827 1.859 1.343 3.072 1.343s2.305-0.516 3.070-1.34l0.002-0.003 21.248-22.784c0.803-0.873 1.296-2.043 1.296-3.328s-0.492-2.455-1.299-3.332l0.003 0.004c-0.773-0.861-1.89-1.401-3.133-1.401-1.212 0-2.305 0.513-3.073 1.334l-0.002 0.002-18.112 19.456-18.112-19.456c-0.77-0.823-1.862-1.337-3.075-1.337-1.243 0-2.36 0.539-3.13 1.397l-0.003 0.004c-0.794 0.871-1.28 2.034-1.28 3.311 0 0.006 0 0.012 0 0.018v-0.001z'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(to bottom, #111111 0%,#111111 100%);

545 background-repeat: no-repeat, repeat;

546 background-position: right 10px top 50%;

547 background-size: auto;

548}

549

550form .selectbox::-ms-expand {

551 display: none;

552}

553

554form .selectbox:disabled,

555form .selectbox[aria-disabled=true] {

556 color: graytext;

557}

558

559form .selectbox option {

560 font-weight:normal;

561}

562

563form .date {

564 font-size: 0;

565}

566

567form .date .selectbox {

568 width: auto;

569 margin-right: 10px;

570}

571

572form .file {

573 position: absolute;

574 left: 0;

575 top: 0;

576 bottom: 0;

577 padding: 0;

578 opacity: 0;

579

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

580 filter:

alpha(opacity=0);

581 cursor: pointer;

582}

583

584form .file[disabled] {

585 cursor: default;

586}

587

588

589form .textfield.error,

590form .textarea.error,

591form .selectbox.error,

592form .file.error,

593form fieldset.error .textfield,

594form fieldset.error .textarea,

595form fieldset.error .selectbox,

596form fieldset.error .file {

597 border: 2px solid #f30702;

598}

599

600form .file-control {

601 position: relative;

602 width: 100%;

603 margin: 0 0 2rem;

604}

605

606form .file-control .textfield {

607 padding-left: 24px;

608}

609

610form .file-control .button {

611 position: absolute;

612 left: 6px;

613 top: 5px;

614 border-radius: 15px;

615 text-align: center;

616 font-weight: 500;

617 padding: 15px 10px;

618

font-size: 13px;

619 color: #212121;

620 background-color: #e0dfdf;

621}

622

623form .file-control .button.disabled {

624 color: #a2a2a2;

625 background: #f1f1f1;

626}

627

628form .list-selector-popup {

629 position: absolute;

630 width: 100%;

631 height: 160px;

632 left: 0;

633 bottom: 52px;

634 border-radius: 5px;

635

-webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);

636 box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);

637 z-index: 10000;

638 background-color: #f9f9f9;

639}

640

641form .list-selector-popup:after {

642 position: absolute;

643 content: "";

644 width: 10px;

645 height: 10px;

646 background-color: #f9f9f9;

647 left: 50%;

648

-webkit-transform: translateX(-50%) rotate(45deg);

649 transform: translateX(-50%) rotate(45deg);

650

-webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);

651 box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);

652 bottom: -5px;

653 z-index: 10000;

654}

655

656form .list-selector-popup:before {

657 position: absolute;

658 content: "";

659 width: 40px;

660 height: 7px;

661 background-color: #212121;

662 left: 50%;

663

-webkit-transform: translateX(-50%);

664 transform: translateX(-50%);

665 bottom: 0;

666 z-index: 10001;

667}

668

669form .list-selector-popup .button-group {

670 overflow-y: scroll;

671 overflow-x: hidden;

672 position: absolute;

673 top: 8px;

674 left: 8px;

675 bottom: 30px;

676 right: 8px;

677}

678

679form .list-selector-popup .button-group .group-title {

680 margin: 0 5px 10px 0;

681 padding: 3px;

682 line-height: 1.2;

683 background: #c8c8c8;

684 font-weight: 800;

685}

686

687form .list-selector-popup .button-group .item {

688 display: inline-block;

689 width: 31%;

690 padding: 3px 0 10px;

691 vertical-align: top;

692}

693

694

695.fancybox-inner form .list-selector-popup .button-group .item {

696 width: 49%;

697}

698

699.fancybox-outer,

700.fancybox-inner {

701 height: auto !important;

702}

703

704form .list-selector-popup .button-group .item label {

705 color: #212121;

706

font-size: 12px;

707 cursor: pointer;

708 position: relative;

709 padding: 0 0 0 25px;

710}

711

712form .list-selector-popup .filter {

713 position: absolute;

714 bottom: 0;

715 left: 0;

716 right: 0;

717 background: #c8c8c8;

718 border: none;

719}

720

721form .list-selector-popup .filter input {

722 width: 100%;

723 height: 100%;

724 padding: 8px 10px;

725 border: none;

726 background-color: #212121;

727 color: #212121;

728 font-weight: 400;

729 line-height: 14px;

730}

731

732form .bottom {

733 position: relative;

734 display: -webkit-inline-box;

735 display: -ms-inline-flexbox;

736 display: inline-flex;

737

-ms-flex-wrap: wrap;

738 flex-wrap: wrap;

739}

740

741form .bottom a {

742 color: #212121;

743

font-size: 12px;

744 line-height: 20px;

745 text-decoration: none;

746 font-weight: 500;

747 text-transform: uppercase;

748

-webkit-transition: color 0.3s;

749 transition: color 0.3s;

750}

751

752

753form .bottom .links {

754 width: 100%;

755

-webkit-box-ordinal-group: 2;

756

-ms-flex-order: 1;

757 order: 1;

758 margin: 0 0 2.7rem;

759}

760

761

762form .bottom .links p:first-child a {

763 font-weight: bold;

764 color: #DA4408;

765}

766

767

768form .bottom .links p:first-child a:hover {

769 color: #212121;

770}

771

772

773form .bottom .submit.right {

774 float: right;

775 margin: 0 0 0 10px;

776}

777

778

779.no-touch form .bottom a:hover {

780 color: #DA4408;

781}

782

783.no-touch form .bottom .submit.right:hover {

784 background-color: #DA4408;

785 color: #212121;

786}

787

788

789form .captcha-control {

790 width: 100%;

791}

792

793form .captcha-control .image {

794 margin: 0 0 2rem;

795 overflow: hidden;

796}

797

798form .captcha-control .image img {

799 display: block;

800 width: 165px;

801 height: 68px;

802 margin: 0 1rem 1rem 0;

803 float: left;

804}

805

806form .captcha-control .image .textfield {

807 width: 150px;

808}

809

810form [data-name="code"] {

811 margin: 0 0 2rem;

812 min-height: 78px;

813}

814

815form .success {

816 margin: 1rem;

817 padding: 2.5rem 2rem;

818 background: #DA4408;

819 color: #212121;

820 font-weight: 500;

821

font-size: 14px;

822 border-radius: 1.5rem;

823 width: 100%;

824 text-align: center;

825}

826

827.fancybox-outer form .success {

828 width: auto;

829 margin: 3rem;

830}

831

832

833form .generic-error {

834 text-align: center;

835 padding: 10px;

836 color: #f30702;

837 border: 2px solid #f30702;

838

font-size: 14px;

839 font-weight: bold;

840 line-height: 16px;

841 border-radius: 3px;

842

-webkit-border-radius: 3px;

843 margin: 0 0 10px;

844}

845

846form .info-message {

847 display: inline-block;

848 position: relative;

849 margin: 0 1rem 1rem 1rem;

850 padding: 1rem;

851

font-size: 14px;

852 background: #e0dfdf;

853 border-radius: 10px;

854

-webkit-border-radius: 10px;

855}

856

857form .info-message:before {

858 position: absolute;

859 content: "";

860 width: 10px;

861 height: 10px;

862 background-color: #e0dfdf;

863 left: 20px;

864

-webkit-transform: rotate(45deg);

865 transform: rotate(45deg);

866 top: -5px;

867}

868

869form .info-message .bottom {

870 display: block;

871 padding: 1rem 0 0;

872}

873

874form .info-message .submit {

875

font-size: 12px;

876 min-width: auto;

877 margin: 5px 5px 0 0;

878}

879

880

881form .field-error {

882 display: none;

883 padding: 5px 0 0 0;

884 color: #f30702;

885

font-size: 14px;

886 font-weight: 500;

887 line-height: 1.2;

888}

889

890

891form .field-error label {

892 margin: 0;

893}

894

895

896form .smileys-support {

897 position: relative;

898}

899

900

901form .smileys-support .smileys-bar {

902 background: #dfdfdf;

903 padding: 2px 10px 4px;

904 cursor: default;

905 font-size: 0;

906}

907

908form .smileys-support img {

909 cursor: pointer;

910 margin-right: 5px;

911}

912

913form .smileys-support img:last-child {

914 margin: 0;

915}

916

917form .progressbar {

918 position: absolute;

919 z-index: 990;

920 width: 60%;

921 left: 50%;

922 top: 50%;

923

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

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

925 height: 5.0rem;

926 border: 0.2rem solid #DA4408;

927 padding: 0.8rem;

928 border-radius: 2.4rem;

929 background: #212121;

930}

931

932form .progressbar .text {

933 position: absolute;

934 width: 100%;

935 top: 1rem;

936 height: 3rem;

937 font-size: 2.2rem;

938 line-height: 3rem;

939 text-align: center;

940}

941

942form .progressbar.half-done .text {

943 color: #111111;

944}

945

946form .progressbar .progress {

947 width: 0;

948 height: 3rem;

949 background: #DA4408;

950 border-radius: 2rem;

951}

952

953/* toggle button */

954.toggle-button {

955 color: #212121;

956 border: 1px solid #e0dfdf;

957 text-transform: uppercase;

958

font-size: 14px;

959 font-weight: 500;

960 padding: 2.7rem 9px 2.7rem 2.9rem;

961 cursor: pointer;

962 background-color: #111111;

963 display: -webkit-box;

964 display: -ms-flexbox;

965 display: flex;

966

-webkit-box-align: center;

967

-ms-flex-align: center;

968 align-items: center;

969

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

970 transition: background-color 0.3s, color 0.3s, border 0.3s;

971 cursor: pointer;

972}

973

974.toggle-button * {

975 cursor: pointer;

976}

977

978

979.toggle-button input::before {

980 position: absolute;

981 content: "";

982 top: 50%;

983 left: 50%;

984

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

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

986 width: 20px;

987 height: 20px;

988 border: 2px solid #d4d4d4;

989 background-color: #111111;

990 border-radius: 50%;

991 z-index: 1;

992

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

993 transition: border 0.3s, background-color 0.3s;

994}

995

996

997.toggle-button.inversed.active input::before {

998 border: 5px solid #111111;

999 background-color: #DA4408;

1000}

1001

1002

1003.toggle-button.active {

1004 color: #ccc;

1005 background-color: #DA4408;

1006}

1007

1008.toggle-button.inversed {

1009 border: 1px solid #e4e4e4;

1010 background: #f1f1f1;

1011}

1012

1013.toggle-button.inversed.active {

1014 color: #111111;

1015 border: 1px solid #DA4408;

1016 background-color: #DA4408;

1017}

1018

1019.toggle-button.inversed.active label {

1020 color: #111111;

1021}

1022

1023.toggle-button.done {

1024 pointer-events: none;

1025}

1026

1027.toggle-button.done *,

1028.toggle-button.disabled * {

1029 cursor: default;

1030}

1031

1032/* top links */

1033.top-links {

1034 background: #000;

1035 border-bottom: 2px solid #DA4408;

1036 padding: 6px 20px;

1037

font-size: 12px;

1038}

1039

1040.top-links .center-hold {

1041 display: -webkit-box;

1042 display: -ms-flexbox;

1043 display: flex;

1044

-webkit-box-align: center;

1045

-ms-flex-align: center;

1046 align-items: center;

1047}

1048

1049.member-links {

1050 margin-left: auto;

1051}

1052

1053.network ul {

1054 display: -webkit-box;

1055 display: -ms-flexbox;

1056 display: flex;

1057

-webkit-box-align: center;

1058

-ms-flex-align: center;

1059 align-items: center;

1060}

1061

1062.network li {

1063 margin-right: 20px;

1064}

1065

1066.network li:last-child {

1067 margin: 0;

1068}

1069

1070.network a {

1071 color: #212121;

1072 display: block;

1073 position: relative;

1074 padding-left: 14px;

1075

-webkit-transition: color 0.3s;

1076 transition: color 0.3s;

1077}

1078

1079.network a::before {

1080 position: absolute;

1081 content: "";

1082 width: 9px;

1083 height: 9px;

1084 border-radius: 50%;

1085 z-index: 1;

1086 background-color: #DA4408;

1087 left: 0;

1088 top: 50%;

1089

-webkit-transform: translateY(-50%);

1090 transform: translateY(-50%);

1091}

1092

1093.network a:hover {

1094 color: #DA4408;

1095}

1096

1097.network .more {

1098 display: none;

1099}

1100

1101

1102.member-links ul {

1103 display: -webkit-box;

1104 display: -ms-flexbox;

1105 display: flex;

1106

-webkit-box-align: center;

1107

-ms-flex-align: center;

1108 align-items: center;

1109}

1110

1111.member-links li {

1112 padding: 0 20px 0 0;

1113 color: #212121;

1114}

1115

1116.btn-icon {

1117 position: relative;

1118 padding-left: 39px;

1119}

1120

1121.member-links .btn-icon {

1122 padding-left: 34px;

1123}

1124

1125.btn-icon:before {

1126 font-family: "icomoon" !important;

1127 speak: none;

1128 font-style: normal;

1129 font-weight: normal;

1130 font-variant: normal;

1131 text-transform: none;

1132 line-height: 1;

1133

-webkit-font-smoothing: antialiased;

1134

-moz-osx-font-smoothing: grayscale;

1135 position: absolute;

1136 left: 0;

1137 top: 0;

1138 z-index: 1;

1139}

1140

1141.login-btn:before {

1142 content: "\e913";

1143 top: 50%;

1144 left: 15px;

1145

-webkit-transform: translateY(-50%);

1146 transform: translateY(-50%);

1147

font-size: 14px;

1148}

1149

1150.signup-btn:before {

1151 content: "\e90f";

1152 top: 50%;

1153 left: 15px;

1154

-webkit-transform: translateY(-50%);

1155 transform: translateY(-50%);

1156

font-size: 14px;

1157}

1158

1159.logout-btn:before {

1160 content: "\e916";

1161 top: 50%;

1162 left: 15px;

1163

-webkit-transform: translateY(-50%);

1164 transform: translateY(-50%);

1165

font-size: 14px;

1166}

1167

1168.member-links a {

1169 color: #111111;

1170 background-color: transparent;

1171

-webkit-transition: background-color 0.3s;

1172 transition: background-color 0.3s;

1173 line-height: 30px;

1174 display: block;

1175 display: block;

1176 margin: 0 -20px 0 0;

1177 border-radius: 15px;

1178 padding: 0 15px;

1179}

1180

1181.member-links a.disabled {

1182 color: #212121;

1183}

1184

1185.no-touch .member-links a:hover,

1186.no-touch .member-links a.disabled:hover {

1187 background-color: #DA4408;

1188 color: #212121;

1189}

1190

1191

1192/* header */

1193.header {

1194 z-index: 20;

1195 padding: 20px;

1196 background-color: #000;

1197}

1198

1199.header-inner {

1200 max-width: 1260px;

1201 margin: 0 auto;

1202 padding: 0 10px;

1203 display: -webkit-box;

1204 display: -ms-flexbox;

1205 display: flex;

1206

-webkit-box-align: center;

1207

-ms-flex-align: center;

1208 align-items: center;

1209}

1210

1211.logo {

1212

-webkit-box-ordinal-group: 2;

1213

-ms-flex-order: 1;

1214 order: 1;

1215

-webkit-box-flex: 0;

1216}

1217

1218.logo a {

1219 display: block;

1220}

1221

1222.logo img {

1223 max-width: 300px;

1224}

1225

1226.search {

1227

-webkit-box-ordinal-group: 3;

1228

-ms-flex-order: 2;

1229 order: 2;

1230

-webkit-box-flex: 1;

1231

-ms-flex: 1 1;

1232 flex: 1 1;

1233 display: -webkit-box;

1234 display: -ms-flexbox;

1235 display: flex;

1236

-webkit-box-pack: center;

1237

-ms-flex-pack: center;

1238 justify-content: center;

1239 padding: 0 0 0 100px;

1240}

1241

1242.search form {

1243

-webkit-box-flex: 0;

1244

-ms-flex: 1 1;

1245 flex: 1 1;

1246 position: relative;

1247 padding: 0 10px 0 0;

1248 border-radius: 20px;

1249

-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);

1250 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08);

1251}

1252

1253

1254.search .search-text input {

1255 width: 100%;

1256 border: 0;

1257 background: none;

1258 border-radius: 0;

1259 background-color: #212121;

1260 color: #ccc;

1261

font-size: 13px;

1262 padding: 13px 60px 13px 20px;

1263}

1264

1265

1266.search-text input::-webkit-input-placeholder {

1267 color: #ccc;

1268

-webkit-transition: color 0.3s;

1269 transition: color 0.3s;

1270}

1271

1272.search-text input:-ms-input-placeholder {

1273 color: #ccc;

1274

-webkit-transition: color 0.3s;

1275 transition: color 0.3s;

1276}

1277

1278.search-text input::-ms-input-placeholder {

1279 color: #ccc;

1280

-webkit-transition: color 0.3s;

1281 transition: color 0.3s;

1282}

1283

1284.search-text input::placeholder {

1285 color: #ccc;

1286

-webkit-transition: color 0.3s;

1287 transition: color 0.3s;

1288}

1289

1290.search-text input:focus::-webkit-input-placeholder {

1291 color: transparent;

1292}

1293

1294.search-text input:focus:-ms-input-placeholder {

1295 color: transparent;

1296}

1297

1298.search-text input:focus::-ms-input-placeholder {

1299 color: transparent;

1300}

1301

1302.search-text input:focus::placeholder {

1303 color: transparent;

1304}

1305

1306.search .search-text input:focus {

1307 outline: none;

1308}

1309

1310.search .search-button {

1311 position: absolute;

1312 top: 0;

1313 right: 0;

1314 height: 100%;

1315 width: 60px;

1316 background: #DA4408 url("../images/search.svg") center no-repeat;

1317 text-indent: -1000px;

1318 overflow: hidden;

1319 cursor: pointer;

1320 border-radius: 0;

1321

-webkit-transition: background 0.3s;

1322 transition: background 0.3s;

1323}

1324

1325.no-touch .search .search-button:hover {

1326 background-color: #000;

1327}

1328

1329/* navigation */

1330.header + nav {

1331 border: 1px solid #DA4408;

1332 border-left: 0;

1333 border-right: 0;

1334 background-color: #000;

1335}

1336

1337.navigation {

1338 position: relative;

1339}

1340

1341.navigation .button {

1342 display: none;

1343 width: 100%;

1344 padding: 8px 0;

1345 margin: 0;

1346 border: none;

1347 background: transparent;

1348 height: 38px;

1349 cursor: pointer;

1350}

1351

1352.navigation .button .icon {

1353 display: inline-block;

1354 height: 20px;

1355 width: 29px;

1356 position: relative;

1357}

1358

1359.navigation .button .ico-bar {

1360 background: #ccc;

1361 height: 4px;

1362 width: 100%;

1363 position: absolute;

1364

-webkit-transition: 0.1s ease-in-out;

1365 transition: 0.1s ease-in-out;

1366 left: 0;

1367}

1368

1369.navigation .button .ico-bar:first-child {

1370 top: 0;

1371}

1372

1373.navigation .button .ico-bar:nth-child(2) {

1374 top: 8px;

1375}

1376

1377.navigation .button .ico-bar:nth-child(3) {

1378 top: 16px;

1379}

1380

1381.navigation.open .button .ico-bar {

1382 background: #DA4408;

1383 left: 4px;

1384}

1385

1386.navigation.open .button .ico-bar:first-child {

1387 top: -2px;

1388

-webkit-transform: rotate(45deg) translate(5px, 9px);

1389 transform: rotate(45deg) translate(5px, 9px);

1390}

1391

1392.navigation.open .button .ico-bar:nth-child(3) {

1393 top: 14px;

1394

-webkit-transform: rotate(-45deg) translate(2px, -6px);

1395 transform: rotate(-45deg) translate(2px, -6px);

1396}

1397

1398.navigation.open .button .ico-bar:nth-child(2) {

1399 opacity: 0;

1400

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

1401 filter:

alpha(opacity=0);

1402}

1403

1404.navigation {

1405 display: -webkit-box;

1406 display: -ms-flexbox;

1407 display: flex;

1408

-webkit-box-align: center;

1409

-ms-flex-align: center;

1410 align-items: center;

1411 max-width: 1260px;

1412 padding: 0 10px;

1413 width: 100%;

1414 margin: 0 auto;

1415}

1416

1417.navigation .primary {

1418

font-size: 14px;

1419 font-weight: 500;

1420 text-transform: uppercase;

1421 display: -webkit-box;

1422 display: -ms-flexbox;

1423 display: flex;

1424

-webkit-box-flex: 1;

1425

-ms-flex: 1 1;

1426 flex: 1 1;

1427

-webkit-box-pack: justify;

1428

-ms-flex-pack: justify;

1429 justify-content: space-between;

1430

-webkit-box-align: center;

1431

-ms-flex-align: center;

1432 align-items: center;

1433 text-align: center;

1434}

1435

1436.navigation .primary li:first-child {

1437

-webkit-box-flex: 0;

1438

-ms-flex: 0 0 50px;

1439 flex: 0 0 50px;

1440

-ms-flex-item-align: stretch;

1441

-ms-grid-row-align: stretch;

1442 align-self: stretch;

1443}

1444

1445.navigation .primary a {

1446 display: block;

1447 padding: 17px 4px;

1448 text-transform: uppercase;

1449 position: relative;

1450 color: #ccc;

1451

-webkit-transition: color 0.3s;

1452 transition: color 0.3s;

1453 white-space: nowrap;

1454

-webkit-box-flex: 1;

1455

-ms-flex: 1 1;

1456 flex: 1 1;

1457}

1458

1459.navigation .primary a:before {

1460 position: absolute;

1461 content: "";

1462 left: 0;

1463 bottom: 0;

1464 background-color: #DA4408;

1465 height: 3px;

1466 width: 0;

1467

-webkit-transition: width 0.3s;

1468 transition: width 0.3s;

1469}

1470

1471

1472.no-touch .navigation .primary a:hover::before {

1473 width: 100%;

1474}

1475

1476.no-touch .navigation .primary .highlight.drop a:hover::before {

1477 width: auto;

1478}

1479

1480.no-touch .navigation .primary a:hover {

1481 color: #DA4408;

1482}

1483

1484

1485.navigation .primary .selected a {

1486 color: #DA4408;

1487}

1488

1489#item1 {

1490 position: relative;

1491 font-size: 0;

1492 height: 100%;

1493}

1494

1495#item1::after {

1496 position: absolute;

1497 content: "\e90d";

1498 font-family: "icomoon" !important;

1499 speak: none;

1500 font-style: normal;

1501 font-weight: normal;

1502 font-variant: normal;

1503 text-transform: none;

1504 line-height: 1;

1505

-webkit-font-smoothing: antialiased;

1506

-moz-osx-font-smoothing: grayscale;

1507 font-size: 20px;

1508 top: 50%;

1509 left: 50%;

1510

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

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

1512}

1513

1514

1515.navigation .primary .selected a::before {

1516 width: 100%;

1517}

1518

1519.navigation .primary .drop {

1520 position: relative;

1521

-webkit-box-align: center;

1522

-ms-flex-align: center;

1523 align-items: center;

1524}

1525

1526.navigation .primary .drop > a {

1527 position: relative;

1528 background-color: #e0dfdf;

1529 border-radius: 20px;

1530

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

1531 transition: background-color 0.3s, border-radius 0.3s;

1532 padding: 12px 38px 12px 54px;

1533}

1534

1535

1536.navigation .primary .drop > a:after {

1537 position: absolute;

1538 z-index: 1;

1539 content: "\e901";

1540 font-family: "icomoon" !important;

1541 speak: none;

1542 font-style: normal;

1543 font-weight: normal;

1544 font-variant: normal;

1545 text-transform: none;

1546 line-height: 1;

1547

-webkit-font-smoothing: antialiased;

1548

-moz-osx-font-smoothing: grayscale;

1549

font-size: 5px;

1550 top: calc(50% - 1px);

1551 right: 20px;

1552 will-change: transform;

1553

-webkit-backface-visibility: hidden;

1554 backface-visibility: hidden;

1555

-webkit-transform: translateY(-50%) rotate(0);

1556 transform: translateY(-50%) rotate(0);

1557

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

1558 transition: -webkit-transform 0.3s;

1559 transition: transform 0.3s;

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

1561}

1562

1563.navigation .primary .drop > a:before {

1564 position: absolute;

1565 z-index: 1;

1566 content: "\e91b";

1567 font-family: "icomoon" !important;

1568 speak: none;

1569 font-style: normal;

1570 font-weight: normal;

1571 font-variant: normal;

1572 text-transform: none;

1573 line-height: 1;

1574

-webkit-font-smoothing: antialiased;

1575

-moz-osx-font-smoothing: grayscale;

1576 width: auto;

1577 height: auto;

1578 background: transparent;

1579 font-size: 20px;

1580 top: calc(50% - 1px);

1581 bottom: inherit;

1582 left: 20px;

1583

-webkit-transform: translateY(-50%);

1584 transform: translateY(-50%);

1585}

1586

1587

1588.navigation .primary ul {

1589 position: absolute;

1590 top: 40px;

1591 left: 0;

1592 z-index: 10;

1593 width: 100%;

1594 opacity: 0;

1595 visibility: hidden;

1596

-webkit-transform: translateY(-10px);

1597 transform: translateY(-10px);

1598

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

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

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

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

1602 transition: opacity 0.3s, visibility 0.3s, transform 0.3s,

1603 -webkit-transform 0.3s;

1604 overflow: hidden;

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

1606}

1607

1608

1609.navigation .primary ul li {

1610 display: block;

1611}

1612

1613.navigation .primary ul li a {

1614 background-color: #e0dfdf;

1615 color: #212121;

1616 padding: 12px 5px;

1617

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

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

1619}

1620

1621.navigation .primary ul li a:before {

1622 display: none;

1623}

1624

1625.navigation .primary .drop:focus ul,

1626.navigation .primary .drop:hover ul {

1627 opacity: 1;

1628 visibility: visible;

1629

-webkit-transform: translateY(0);

1630 transform: translateY(0);

1631}

1632

1633

1634.navigation .primary .drop:hover > a {

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

1636 background-color: #DA4408;

1637 color: #212121;

1638}

1639

1640.navigation .primary .drop:hover > a::after {

1641

-webkit-transform: translateY(-50%) rotate(180deg);

1642 transform: translateY(-50%) rotate(180deg);

1643}

1644

1645.no-touch .navigation .primary ul li a:hover {

1646 background-color: #DA4408;

1647 color: #212121;

1648}

1649

1650.navigation .primary ul li a {

1651 padding: 9px 5px;

1652}

1653

1654

1655.navigation .secondary li:first-child {

1656 border-left: none;

1657}

1658

1659.navigation .secondary a {

1660 text-decoration: none;

1661 padding: 17px 6px;

1662 position: relative;

1663 display: block;

1664 white-space: nowrap;

1665}

1666

1667.navigation .secondary a:before {

1668 position: absolute;

1669 content: "";

1670 left: 0;

1671 bottom: 0;

1672 background-color: #DA4408;

1673 height: 3px;

1674 width: 0;

1675

-webkit-transition: width 0.3s;

1676 transition: width 0.3s;

1677}

1678

1679

1680.no-touch .navigation .secondary a:hover {

1681 color: #DA4408;

1682}

1683

1684.no-touch .navigation .secondary a:hover::before {

1685 width: 100%;

1686}

1687

1688

1689/* footer */

1690.footer {

1691 width: 100%;

1692 background-color:#000;

1693}

1694

1695.footer .footer-wrap {

1696 max-width: 1235px;

1697 padding: 3rem 5px;

1698 margin: 0 auto;

1699 overflow: hidden;

1700 display: -webkit-box;

1701 display: -ms-flexbox;

1702 display: flex;

1703

-ms-flex-wrap: wrap;

1704 flex-wrap: wrap;

1705

-webkit-box-orient: vertical;

1706

-webkit-box-direction: normal;

1707

-ms-flex-direction: column;

1708 flex-direction: column;

1709 text-align: center;

1710

font-size: 12px;

1711 font-weight: 400;

1712 color: #9f9f9f;

1713 line-height: 18px;

1714}

1715

1716.footer a {

1717 color: #111111;

1718 text-decoration: underline;

1719}

1720

1721.footer a:hover {

1722 color: #111111;

1723}

1724

1725.footer .nav {

1726 width: 100%;

1727

-webkit-box-ordinal-group: 2;

1728

-ms-flex-order: 1;

1729 order: 1;

1730 display: -webkit-box;

1731 display: -ms-flexbox;

1732 display: flex;

1733

-webkit-box-pack: center;

1734

-ms-flex-pack: center;

1735 justify-content: center;

1736

-webkit-box-align: center;

1737

-ms-flex-align: center;

1738 align-items: center;

1739

-ms-flex-wrap: wrap;

1740 flex-wrap: wrap;

1741 margin: 0 0 3rem;

1742}

1743

1744.footer .nav li {

1745 margin: 0 10px 0 0;

1746}

1747

1748.footer .nav li:last-child {

1749 margin: 0;

1750}

1751

1752.footer .nav a {

1753 display: block;

1754 color: #ccc;

1755

font-size: 14px;

1756 font-weight: 500;

1757 padding: 6px 2rem;

1758 text-transform: uppercase;

1759 background-color: transparent;

1760 text-decoration: none;

1761

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

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

1763}

1764

1765

1766.no-touch .footer .nav a:hover {

1767 color: #fff;

1768 background-color: #DA4408;

1769}

1770

1771

1772.footer .copyright {

1773

-webkit-box-ordinal-group: 4;

1774

-ms-flex-order: 3;

1775 order: 3;

1776 display: -webkit-box;

1777 display: -ms-flexbox;

1778 display: flex;

1779

-webkit-box-pack: center;

1780

-ms-flex-pack: center;

1781 justify-content: center;

1782}

1783

1784.footer .copyright a {

1785 color: #9f9f9f;

1786 padding: 0 4px;

1787 text-decoration: none;

1788}

1789

1790.footer .copyright br {

1791 display: none;

1792}

1793

1794.footer .txt {

1795

-webkit-box-ordinal-group: 3;

1796

-ms-flex-order: 2;

1797 order: 2;

1798 margin: 0 0 15px;

1799}

1800

1801.box {

1802 margin: 0 0 3rem;

1803 width: 100%;

1804}

1805

1806.box.message {

1807

font-size: 14px;

1808 line-height: 16px;

1809 margin-bottom: 400px;

1810}

1811

1812/* headings *****/

1813.headline {

1814 display: -webkit-box;

1815 display: -ms-flexbox;

1816 display: flex;

1817

-webkit-box-align: center;

1818

-ms-flex-align: center;

1819 align-items: center;

1820 margin: 0 0 15px;

1821 padding: 3rem 0 0;

1822 width: 100%;

1823}

1824

1825h1,

1826h2 {

1827 color: #ccc;

1828 font-size: 2.4rem;

1829 font-weight: 400;

1830

-webkit-box-flex: 1;

1831

-ms-flex: 1 1;

1832 flex: 1 1;

1833

-webkit-box-ordinal-group: 1;

1834

-ms-flex-order: 0;

1835 order: 0;

1836}

1837

1838h1 a,

1839h2 a {

1840 text-decoration: underline;

1841}

1842

1843

1844.sort {

1845 position: relative;

1846 border-color: #e0dfdf;

1847 color: #ccc;

1848

font-size: 12px;

1849 font-weight: 500;

1850 letter-spacing: 0.3px;

1851 padding: 8px 10px;

1852 margin: 0 15px 0 0;

1853 min-width: 140px;

1854

-webkit-box-shadow: -1px 1px 5px rgb(207 207 207 / 65%);

1855 box-shadow: -1px 1px 5px rgb(207 207 207 / 65%);

1856

-webkit-transition: background-color 0.3s;

1857 transition: background-color 0.3s;

1858}

1859

1860.sort:last-child {

1861 margin: 0;

1862}

1863

1864.sort:before {

1865 font-family: "icomoon" !important;

1866 speak: none;

1867 font-style: normal;

1868 font-weight: normal;

1869 font-variant: normal;

1870 text-transform: none;

1871 line-height: 1;

1872

-webkit-font-smoothing: antialiased;

1873

-moz-osx-font-smoothing: grayscale;

1874 position: absolute;

1875 right: 10px;

1876 top: 50%;

1877

-webkit-transform: translateY(-50%) rotate(0);

1878 transform: translateY(-50%) rotate(0);

1879 z-index: 1;

1880

font-size: 6px;

1881 content: "\e901";

1882 will-change: transform;

1883

-webkit-backface-visibility: hidden;

1884 backface-visibility: hidden;

1885

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

1886 transition: -webkit-transform 0.3s;

1887 transition: transform 0.3s;

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

1889}

1890

1891

1892.sort:focus,

1893.sort:hover {

1894 background-color: #DA4408;

1895 color: #212121;

1896}

1897

1898.sort:hover:before {

1899

-webkit-transform: translateY(-50%) rotate(180deg);

1900 transform: translateY(-50%) rotate(180deg);

1901}

1902

1903.sort .icon {

1904 position: absolute;

1905 left: 10px;

1906 top: 50%;

1907

-webkit-backface-visibility: hidden;

1908 backface-visibility: hidden;

1909

-webkit-transform: translateY(-50%);

1910 transform: translateY(-50%);

1911 z-index: 1;

1912

font-size: 15px;

1913}

1914

1915.sort .type-sort:before {

1916 content: "\e921";

1917}

1918

1919.sort [class*="videos"]:before,

1920.sort .type-video:before {

1921 content: "\e91c";

1922}

1923

1924.sort .type-fav:before {

1925 content: "\e90c";

1926}

1927

1928.sort .type-visibility:before {

1929 content: "\e909";

1930}

1931

1932.sort .type-edit:before {

1933 content: "\e91e";

1934}

1935

1936.sort [class*="release_year"]:before,

1937.sort [class*="post_date"]:before {

1938 content: "\e902";

1939}

1940

1941.sort [class*="duration"]:before {

1942 content: "\e91d";

1943}

1944

1945.sort [class*="dir"]:before,

1946.sort [class*="title"]:before {

1947 content: "\e91e";

1948}

1949

1950.sort [class*="popularity"]:before,

1951.sort [class*="viewed"]:before,

1952.sort [class*="watched"]:before,

1953.sort [class*="last_time"]:before {

1954 content: "\e909";

1955}

1956

1957.sort [class*="albums"]:before {

1958 content: "\e900";

1959}

1960

1961.sort [class*="popularity"] + strong,

1962.sort [class*="viewed"] + strong,

1963.sort [class*="last_time"] + strong {

1964 padding: 0 17px 0 30px;

1965}

1966

1967.sort [class*="dir"]:before,

1968.sort [class*="title"]:before {

1969 content: "\e91e";

1970}

1971

1972.sort [class*="rating"]:before {

1973 content: "\e90b";

1974}

1975

1976.icon type-sort last_content_date,

1977.sort [class*="most_favourited"]:before {

1978 content: "\e90c";

1979}

1980

1981.sort [class*="date"]:before {

1982 content: "\e902";

1983}

1984

1985.sort [class*="comments"]:before,

1986.sort [class*="most_commented"]:before {

1987 content: "\e914";

1988}

1989

1990.sort strong {

1991 padding: 0 17px 0 20px;

1992 display: block;

1993 text-align: center;

1994}

1995

1996.icon.type-visibility + strong {

1997 padding: 0 17px 0 25px;

1998}

1999

2000.sort .icon.total_albums + strong,

2001.sort .icon.type-video + strong {

2002 padding: 0 17px 0 25px;

2003}

2004

2005.sort ul {

2006 position: absolute;

2007 top: 100%;

2008 width: 100%;

2009 right: 0;

2010 z-index: 100;

2011 overflow: hidden;

2012 opacity: 0;

2013 visibility: hidden;

2014

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

2015 transition: opacity 0.3s, visibility 0.3s;

2016

-webkit-box-shadow: -1px 1px 5px rgb(207 207 207 / 65%);

2017 box-shadow: -1px 1px 5px rgb(207 207 207 / 65%);

2018}

2019

2020.sort ul li:first-child {

2021 margin-top: 5px;

2022}

2023

2024.no-touch .sort ul li:first-child {

2025 margin-top: 0;

2026}

2027

2028.sort:hover ul {

2029 opacity: 1;

2030 visibility: visible;

2031

-webkit-transform: translateY(0);

2032 transform: translateY(0);

2033}

2034

2035.sort ul a {

2036 display: block;

2037 padding: 8px 5px;

2038 text-align: center;

2039 background: #000;

2040

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

2041 transition: background 0.3s, color 0.3s;

2042}

2043

2044

2045.no-touch .sort ul a:hover {

2046 color: #111111;

2047 background: #DA4408;

2048 cursor: pointer;

2049}

2050

2051

2052.headline .button,

2053.headline .more {

2054 padding: 7px 15px;

2055 color: #212121;

2056 background-color: #DA4408;

2057 border-radius: 15px;

2058 margin: 2px 0 2px 3px;

2059}

2060

2061.no-touch .headline .more:hover,

2062.no-touch .headline .button:hover {

2063 background-color: #c6c6c6;

2064 color: #212121;

2065}

2066

2067.headline .button.icon {

2068 position: relative;

2069 padding: 7px 15px 7px 25px;

2070}

2071

2072.headline .button.done {

2073 padding: 7px 15px;

2074}

2075

2076.headline .button.icon:before {

2077 position: absolute;

2078 left: 15px;

2079 top: 50%;

2080

-webkit-transform: translateY(-50%);

2081 transform: translateY(-50%);

2082}

2083

2084.headline .button.done:before {

2085 content: "";

2086}

2087

2088.headline .more {

2089 position: relative;

2090}

2091

2092.headline .button.done,

2093.headline .button.disabled {

2094 pointer-events: none;

2095}

2096

2097.headline .button.done *,

2098.headline .button.disabled * {

2099 cursor: default;

2100}

2101

2102.headline .button span {

2103 padding: 0 9px;

2104

-webkit-transition: padding 0.3s;

2105 transition: padding 0.3s;

2106}

2107

2108.toggle-button.done span,

2109.headline .button.done span {

2110 position: relative;

2111 padding: 0 9px 0 23px;

2112}

2113

2114.toggle-button.done span:before,

2115.headline .button.done span:before {

2116 position: absolute;

2117 content: "\e904";

2118

font-size: 12px;

2119 left: 0;

2120 top: 50%;

2121

-webkit-transform: translateY(-50%);

2122 transform: translateY(-50%);

2123 font-family: "icomoon" !important;

2124 speak: none;

2125 font-style: normal;

2126 font-weight: normal;

2127 font-variant: normal;

2128 text-transform: none;

2129

-webkit-font-smoothing: antialiased;

2130

-moz-osx-font-smoothing: grayscale;

2131}

2132

2133.headline .more span {

2134 font-weight: bold;

2135 padding: 0 25px 0 9px;

2136}

2137

2138.headline .more:after {

2139 content: "";

2140 border-left: 4px solid #222222;

2141 border-top: 3px solid transparent;

2142 border-bottom: 3px solid transparent;

2143 display: block;

2144 position: absolute;

2145 top: 10px;

2146 right: 8px;

2147}

2148

2149.headline .more:hover:after {

2150 border-left: 4px solid #111111;

2151}

2152

2153.headline .button-info {

2154 padding: 7px 15px 7px 30px;

2155 border-radius: 3px;

2156 background-color: #e0dfdf;

2157 border-radius: 15px;

2158 margin: 0 0 0 3px;

2159

-webkit-box-ordinal-group: 3;

2160

-ms-flex-order: 2;

2161 order: 2;

2162 border-radius: 0 15px 15px 0;

2163 margin: 2px 0;

2164 position: relative;

2165}

2166

2167.headline .button-info:before {

2168 content: "\e913";

2169 position: absolute;

2170 left: 15px;

2171 top: 50%;

2172

-webkit-transform: translateY(-50%);

2173 transform: translateY(-50%);

2174 font-family: "icomoon" !important;

2175 speak: none;

2176 font-style: normal;

2177 font-weight: normal;

2178 font-variant: normal;

2179 text-transform: none;

2180

-webkit-font-smoothing: antialiased;

2181

-moz-osx-font-smoothing: grayscale;

2182}

2183

2184.headline .button-info + .button {

2185

-webkit-box-ordinal-group: 2;

2186

-ms-flex-order: 1;

2187 order: 1;

2188 border-radius: 15px 0 0 15px;

2189}

2190

2191

2192.empty-content {

2193 margin: 0 0 3rem;

2194

font-size: 14px;

2195 line-height: 1.2;

2196 padding: 10px 0 0 10px;

2197}

2198

2199.empty-content h2 {

2200 font-size: 1.8rem;

2201 margin: 0 0 10px;

2202}

2203

2204.empty-content a {

2205 text-decoration: underline;

2206}

2207

2208.empty-content p {

2209 margin: 0 0 10px;

2210 line-height: 20px;

2211}

2212

2213.empty-content ul,

2214.empty-content ol {

2215 padding-left: 20px;

2216}

2217

2218.empty-content li {

2219 list-style: disc inside;

2220 line-height: 20px;

2221 margin-bottom: 10px;

2222}

2223

2224.empty-content ol li {

2225 list-style: decimal inside;

2226}

2227

2228/* tags cloud *****/

2229.tags-cloud {

2230 margin: 0 0 3rem;

2231 padding: 3rem 0 0;

2232 display: -webkit-box;

2233 display: -ms-flexbox;

2234 display: flex;

2235

-ms-flex-wrap: wrap;

2236 flex-wrap: wrap;

2237

-webkit-box-pack: center;

2238

-ms-flex-pack: center;

2239 justify-content: center;

2240

-webkit-box-align: center;

2241

-ms-flex-align: center;

2242 align-items: center;

2243 width: 100%;

2244}

2245

2246.tags-cloud a {

2247 padding: 0.8rem 1rem;

2248 background-color: transparent;

2249

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

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

2251 text-transform: uppercase;

2252}

2253

2254

2255.no-touch .tags-cloud a:hover {

2256 color: #fff;

2257 background-color: #DA4408;

2258}

2259

2260

2261.tags-cloud .all {

2262 font-weight: 500;

2263 text-align: center;

2264

font-size: 14px;

2265 color: #212121;

2266 background-color: #e0dfdf;

2267 padding: 12px 20px;

2268 border-radius: 20px;

2269 width: 100%;

2270 margin: 10px 0 0;

2271}

2272

2273/* search cloud *****/

2274.search-cloud {

2275 margin-top: 2rem;

2276 text-align: center;

2277}

2278

2279/* advertisement boxes *****/

2280.spot img,

2281.spot embed,

2282.spot object,

2283.spot iframe {

2284 vertical-align: bottom;

2285 width: 100%;

2286 height: 100%;

2287}

2288

2289/* top ad */

2290div.top {

2291 width: 100%;

2292 margin: 0 auto;

2293 padding: 10px 0 0;

2294 text-align: center;

2295 height:120px;

2296 display: none;

2297}

2298

2299div.top a {

2300 display: block;

2301 width: 100%;

2302}

2303

2304div.top img {

2305 width: 100%;

2306 height: auto;

2307}

2308

2309/* list ads */

2310.place {

2311 float: right;

2312 width: 320px;

2313 overflow: hidden;

2314 background: transparent;

2315 position: relative;

2316

-webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);

2317 box-shadow: -1px 1px 5px rgba(207, 207, 207, 0.65);

2318 background-color: #111111;

2319 border-radius: 5px;

2320 text-align: center;

2321 padding: 66px 0;

2322 font-size: 0;

2323}

2324

2325

2326.sidebar + .main-container .list-albums .place {

2327 padding: 102px 0;

2328}

2329

2330

2331.place ~ .item:nth-of-type(-n + 7) {

2332 width: calc((100% - 362px) / 3);

2333}

2334

2335.margin-fix .place {

2336 margin-top: 10px;

2337}

2338

2339.place .spot {

2340 overflow: hidden;

2341 margin: 0 0 10px;

2342}

2343

2344.place .spot:last-child {

2345 margin: 0;

2346}

2347

2348.place .spot a {

2349 width: 300px;

2350 height: 250px;

2351 background: #c8c8c8;

2352 overflow: hidden;

2353 display: block;

2354}

2355

2356.list-albums .spot,

2357.list-videos .spot,

2358.list-playlists .spot {

2359 display: inline-block;

2360 width: 300px;

2361 height: 250px;

2362}

2363

2364

2365/* bottom adv */

2366.footer-margin {

2367 background-color: #f9f9f9;

2368 background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#000000));

2369 background-image: linear-gradient(to bottom, #323232 0%, #000000 100%);

2370 padding: 2rem 0;

2371}

2372

2373.bottom-adv {

2374 display: -webkit-box;

2375 display: -ms-flexbox;

2376 display: flex;

2377

-webkit-box-pack: justify;

2378

-ms-flex-pack: justify;

2379 justify-content: space-between;

2380

-webkit-box-align: center;

2381

-ms-flex-align: center;

2382 align-items: center;

2383 margin: 0;

2384 width: 100%;

2385}

2386

2387.bottom-adv .spot {

2388 display: inline-block;

2389 vertical-align: top;

2390 width: 300px;

2391 height: 250px;

2392 overflow: hidden;

2393 margin: 1px;

2394}

2395

2396.bottom-adv .spot a {

2397 width: 300px;

2398 height: 250px;

2399 background: #c8c8c8;

2400 overflow: hidden;

2401 display: block;

2402}

2403

2404/* lists *****/

2405.list-comments,

2406.list-subscriptions,

2407.list-playlists,

2408.list-members,

2409.list-messages,

2410.list-models,

2411.list-sponsors,

2412.list-channels,

2413.list-categories,

2414.list-tags,

2415.list-albums,

2416.list-albums-images,

2417.list-videos-screenshots {

2418 width: 100%;

2419}

2420

2421.margin-fix {

2422 margin: -10px 0 0 -10px;

2423 font-size: 0;

2424 line-height: 0;

2425}

2426

2427.margin-fix::after .margin-fix::before {

2428 content: "";

2429 display: table;

2430 width: 100%;

2431 overflow: hidden;

2432 clear: both;

2433}

2434

2435.list-albums-images .margin-fix {

2436 margin-bottom: 20px;

2437}

2438

2439.list-comments .margin-fix {

2440 margin: 0;

2441}

2442

2443.list-tags .margin-fix {

2444 margin: 0;

2445

font-size: 14px;

2446 line-height: 20px;

2447}

2448

2449.list-tags .margin-fix {

2450 display: -webkit-box;

2451 display: -ms-flexbox;

2452 display: flex;

2453}

2454

2455.list-tags .margin-fix .item {

2456