CSS File

1/*=========================================================

2Author : Bestwebcreator.

3Template Name: Cryptocash – ICO, Cryptocurrency Website & ICO Landing Page HTML + Dashboard Template

4Version : 1.8

5==============================================================*/

6

7/*=============================================================

8 CSS INDEX

9 =============================

10 01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)

11 02. HEADER DESIGN

12 03. BANNER SECTION

13 04. WHY CHOOSE SECTION

14 05. ABOUT SECTION

15 06. TOKEN SECTION

16 07. TIMELINE SECTION

17 08. MOBILE APP SECTION

18 09. TEAM SECTION

19 10. FAQ SECTION

20 11. CONTACT SECTION

21 12. CLIENT SECTION

22 13. FOOTER SECTION

23 14. ABOUT US PAGE

24 15. SERVICES PAGE

25 16. PRICING PAGE

26 17. START 404 PAGE

27 18. BLOG SECTION

28 19. LOGIN PAGE

29 20. SIDEBAR SECTION

30 21. POST DETAIL SECTION

31 22. CONTACT PAGE

32 23. DIGITAL NETWORK SECTION

33 24. WHITEPAPER SECTION

34 25. TOKEN RATING SECTION

35 26. TOKEN NOTIFICATION POPUP

36

37*=============================================================*/

38

39/*===================================*

4001. GENERAL STYLE

41*===================================*/

42body {

43 background: #ffffff none repeat scroll 0 0;

44 color: #7a7a7a;

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

46 font-size: 16px;

47 font-weight: 400;

48 line-height: 30px;

49}

50html,

51body {

52 height: 100%;

53}

54h1,

55h2,

56h3,

57h4,

58h5,

59h6 {

60 color: #5957cd;

61}

62p {

63 color:#7a7a7a;

64 margin-bottom:30px;

65}

66a {

67 color: #5957cd;

68 text-decoration: none;

69 -webkit-transition: all 0.5s ease;

70 transition: all .5s ease;

71}

72a:hover {

73 color: #ff69c9;

74 text-decoration: none;

75 transition: all .5s ease;

76}

77a:focus {

78 outline: none;

79 text-decoration: none;

80}

81img {

82 max-width: 100%;

83}

84ul,

85li {

86 margin: 0;

87 padding: 0;

88}

89::-webkit-input-placeholder {

90 color: #7a7a7a;

91 font-weight: 400;

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

93}

94:-moz-placeholder {

95 color: #7a7a7a;

96 font-weight: 400;

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

98}

99::-moz-placeholder {

100 color: #7a7a7a;

101 font-weight: 400;

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

103}

104:-ms-input-placeholder {

105 color: #7a7a7a;

106 font-weight: 400;

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

108}

109.form-control:focus {

110 box-shadow: none;

111}

112fieldset {

113 border: 0 none;

114 margin: 0 auto;

115 padding: 0;

116}

117section {

118 padding: 100px 0;

119 position:relative;

120}

121.no-padding {

122 padding: 0

123}

124section.small_pt {

125 padding-top: 50px;

126}

127section.small_pb {

128 padding-bottom: 50px;

129}

130.lg_pt_20 {

131 padding-top: 20px;

132}

133.lg_pt_30 {

134 padding-top: 30px;

135}

136.lg_pt_40 {

137 padding-top: 40px;

138}

139.lg_pt_50 {

140 padding-top: 50px;

141}

142.lg_pb_20 {

143 padding-bottom: 20px;

144}

145.lg_pb_30 {

146 padding-bottom: 30px;

147}

148.lg_pb_40 {

149 padding-bottom: 40px;

150}

151.lg_pb_50 {

152 padding-bottom: 50px;

153}

154.list_none li {

155 list-style:none;

156}

157input {

158 border: 0;

159 padding: 10px 20px;

160 width: 100%;

161}

162button {

163 background-image: -webkit-linear-gradient(left, #ff67cb 0%,#ffcc67 99%);

164 background-image: linear-gradient(to right, #ff67cb 0%,#ffcc67 99%);

165 border: 0;

166 border-radius: 40px;

167 color: #ffffff;

168 cursor: pointer;

169 padding: 10px 20px;

170 text-transform: uppercase;

171 transition: all 0.5s ease 0s;

172}

173button:hover {

174 color:#fff;

175}

176button:focus {

177 outline:none;

178}

179.overflow_hide {

180 overflow: hidden;

181}

182.title_default_light h4,

183.title_default_dark h4{

184 font-size: 26px;

185 font-weight: bold;

186 margin-bottom: 30px;

187 text-transform: capitalize;

188}

189.title_default_light h4,

190.title_default_light p {

191 color:#fff;

192}

193.title_blue_dark h4{

194 color: #0043bb;

195 font-size: 26px;

196 font-weight: bold;

197 margin-bottom: 30px;

198}

199.title_dark h4 {

200 color: #0c0e27;

201 font-size: 26px;

202 font-weight: bold;

203 margin-bottom: 30px;

204}

205.title_purple_dark h4 {

206 color: #6000b5;

207 font-size: 26px;

208 font-weight: bold;

209 margin-bottom: 20px;

210}

211.title_cyan_dark h4 {

212 color: #0e082c;

213 font-size: 26px;

214 font-weight: bold;

215 margin-bottom: 20px;

216}

217.title_border h4 {

218 padding-bottom: 15px;

219 position: relative;

220}

221.title_blue_dark.title_border h4::before {

222 background-color: #0043bb;

223}

224.title_cyan_dark.title_border h4::before {

225 background-color: #280e3b;

226}

227.title_purple_dark.title_border h4::before {

228 background-color: #0e082c;

229}

230.title_dark.title_border h4::before {

231 background-color: #0c0e27;

232}

233.title_border h4::before {

234 background-color: #5957cd;

235 bottom: 0;

236 content: "";

237 height: 2px;

238 left: 0;

239 position: absolute;

240 right: 0;

241 width: 80px;

242}

243.title_border.text-center h4::before {

244 margin:0 auto;

245}

246.title_default_light.title_border h4::before {

247 background-color: #fff;

248}

249.divider {

250 clear:both;

251 display:block;

252 height:20px;

253}

254.background_bg {

255 background-attachment: fixed;

256 background-position: center center;

257 background-repeat: no-repeat;

258 background-size: cover;

259}

260.transparent_bg {

261 background-color: rgba(0, 0, 0, 0) !important;

262}

263.box_shadow_none {

264 box-shadow: none !important;

265}

266.bg_light {

267 background-color: #f7fafc;

268}

269.bg_blue_dark {

270 background-color :#0b267d;

271}

272.bg_light_dark {

273 background-color: #121833;

274}

275.bg_light_dark_blue {

276 background-color: #161d3e;

277}

278.bg_black_dark,

279.v_dark {

280 background-color :#0c0e27;

281}

282.blue_light_bg,

283.v_blue_pro {

284 background-color: #5957cd;

285}

286.light_blue_dark_bg {

287 background-color: #4a49bf;

288}

289.blue_lightdark_bg {

290 background-color: #4241b8;

291}

292.bg_gray {

293 background-color: #f1f1f1;

294}

295.bg_gray2 {

296 background-color: #f8f8ff;

297}

298.bg_gray3 {

299 background-color: #fbfaff;

300}

301.bg_gray4 {

302 background-color: #f7f7f7;

303}

304.pink_bg {

305 background-color: #ff68ca;

306}

307.yellow_bg {

308 background-color: #ffca69;

309}

310.blue_bg,

311.v_royal_blue {

312 background-color: #193dc0;

313}

314.blue_dark_bg {

315 background-color: #081990;

316}

317.purple_bg {

318 background-color: #6000b5;

319}

320.purple_dark_bg {

321 background-color: #3e1084;

322}

323.large_divider {

324 height:100px;

325}

326.small_divider {

327 height:50px;

328}

329.small_space {

330 margin-top:20px;

331}

332.large_space {

333 margin-top: 50px;

334}

335.small_text * {

336

font-size: 14px;

337}

338.container,

339.container-fluid {

340 position: relative;

341 z-index: 5;

342}

343.gradient_box {

344 background:

-webkit-linear-gradient(left, #ff67cb 0%,#ffcc67 99%) !important;

345 background: linear-gradient(to right, #ff67cb 0%,#ffcc67 99%) !important;

346}

347.gradient_box2 {

348 background:

-moz-linear-gradient(180deg, rgba(25,61,192,1) 0%, rgba(10,29,149,1) 50%, rgba(25,61,192,1) 100%); /* ff3.6+ */

349 background:

-webkit-gradient(linear, left top, right top,

color-stop(0%, rgba(25,61,192,1)),

color-stop(50%, rgba(10,29,149,1)),

color-stop(100%, rgba(25,61,192,1))); /* safari4+,chrome */

350 background:

-webkit-linear-gradient(180deg, rgba(25,61,192,1) 0%, rgba(10,29,149,1) 50%, rgba(25,61,192,1) 100%); /* safari5.1+,chrome10+ */

351 background:

-o-linear-gradient(180deg, rgba(25,61,192,1) 0%, rgba(10,29,149,1) 50%, rgba(25,61,192,1) 100%); /* opera 11.10+ */

352 background:

-ms-linear-gradient(180deg, rgba(25,61,192,1) 0%, rgba(10,29,149,1) 50%, rgba(25,61,192,1) 100%); /* ie10+ */

353 background: linear-gradient(270deg, rgba(25,61,192,1) 0%, rgba(10,29,149,1) 50%, rgba(25,61,192,1) 100%); /* w3c */

354}

355.section_gradiant {

356 background:

-webkit-linear-gradient(to bottom, rgba(32,18,111,1) 0%,rgba(5,45,133,1) 100%);

357 background-image: linear-gradient(to bottom, rgba(32,18,111,1) 0%,rgba(5,45,133,1) 100%);

358}

359.section_gradiant2 {

360 background-image: -webkit-linear-gradient(left, #6000b5 0%,#3e2a9c 99%);

361 background-image: linear-gradient(to right, #6000b5 0%,#3e2a9c 99%);

362}

363.section_gradiant3 {

364 background-image: -webkit-linear-gradient(left, #193f88 0%,#0e082c 99%);

365 background-image: linear-gradient(to right, #193f88 0%,#0e082c 99%);

366}

367.v_blue,

368.bg_navy_blue {

369 background-color: #052d85;

370}

371.bg_navy_blue_dark {

372 background-color: #121a6d;

373}

374.v_blue .title_default_dark.title_border h4::before {

375 background-color: #0a257c;

376}

377.v_blue .title_default_dark h4 {

378 color: #0a257c;

379}

380

381/*START LOADER DESIGN*/

382#loader-wrapper {

383 position: fixed;

384 top: 0;

385 left: 0;

386 width: 100%;

387 height: 100%;

388 z-index: 9999;

389}

390#loading-center-absolute {

391 position: absolute;

392 left: 50%;

393 top: 50%;

394 height: 200px;

395 width: 200px;

396 margin-top: -100px;

397 margin-left: -100px;

398 -ms-transform: rotate(-135deg);

399 -moz-transform: rotate(-135deg);

400 -webkit-transform: rotate(-135deg);

401 transform: rotate(-135deg);

402 z-index: 1001;

403}

404.object{

405 -moz-border-radius: 50% 50% 50% 50%;

406 -webkit-border-radius: 50% 50% 50% 50%;

407 border-radius: 50% 50% 50% 50%;

408 position: absolute;

409 border-top: 5px solid #FFF;

410 border-bottom: 5px solid transparent;

411 border-left: 5px solid #FFF;

412 border-right: 5px solid transparent;

413 -webkit-animation: animate 2s infinite;

414 animation: animate 2s infinite;

415}

416#object_one{

417 left: 75px;

418 top: 75px;

419 width: 50px;

420 height: 50px;

421}

422#object_two{

423 left: 65px;

424 top: 65px;

425 width: 70px;

426 height: 70px;

427 -webkit-animation-delay: 0.2s;

428 animation-delay: 0.2s;

429}

430#object_three{

431 left: 55px;

432 top: 55px;

433 width: 90px;

434 height: 90px;

435 -webkit-animation-delay: 0.4s;

436 animation-delay: 0.4s;

437}

438#object_four{

439 left: 45px;

440 top: 45px;

441 width: 110px;

442 height: 110px;

443 -webkit-animation-delay: 0.6s;

444 animation-delay: 0.6s;

445}

446

447@-webkit-keyframes animate {

448

44950% {

450 -ms-transform: rotate(360deg) scale(0.8);

451 -moz-transform: rotate(360deg) scale(0.8);

452 -webkit-transform: rotate(360deg) scale(0.8);

453 transform: rotate(360deg) scale(0.8);

454 }

455}

456

457@keyframes animate {

458

45950% {

460 -ms-transform: rotate(360deg) scale(0.8);

461 -moz-transform: rotate(360deg) scale(0.8);

462 -webkit-transform: rotate(360deg) scale(0.8);

463 transform: rotate(360deg) scale(0.8);

464 }

465}

466#loader-wrapper .loader-section {

467 position: fixed;

468 top: 0;

469 width: 51%;

470 height: 100%;

471 background-color: #4241b8;

472 z-index: 999;

473 -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */

474 -moz-transform: translateX(0);

475 -ms-transform: translateX(0); /* IE 9 */

476 transform: translateX(0); /* Firefox 16+, IE 10+, Opera */

477}

478#loader-wrapper .loader-section.section-left {

479 left: 0;

480}

481#loader-wrapper .loader-section.section-right {

482 right: 0;

483}

484.loaded #loading-center-absolute {

485 opacity: 0;

486 visibility:hidden;

487 -webkit-transition: all 0.3s ease-out;

488 transition: all 0.3s ease-out;

489}

490

491/* Loaded */

492.loaded #loader-wrapper .loader-section.section-left {

493 -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */

494 -moz-transform: translateX(-100%);

495 -ms-transform: translateX(-100%); /* IE 9 */

496 transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */

497 -webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

498 transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

499}

500.loaded #loader-wrapper .loader-section.section-right {

501 -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */

502 -ms-transform: translateX(100%); /* IE 9 */

503 -moz-transform: translateX(100%);

504 transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */

505 -webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

506 transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);

507}

508.loaded #loader-wrapper {

509 visibility: hidden;

510 -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */

511 -ms-transform: translateY(-100%); /* IE 9 */

512 -moz-transform: translateY(-100%);

513 transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */

514 -webkit-transition: all 0.5s 1s ease-out;

515 transition: all 0.3s 1s ease-out;

516}

517

518.v_blue #loader-wrapper .loader-section,

519.v_navy_blue #loader-wrapper .loader-section {

520 background-color: #121a6d;

521}

522.v_dark #loader-wrapper .loader-section,

523.v_light_dark #loader-wrapper .loader-section {

524 background-color: #030307;

525}

526.v_blue_light #loader-wrapper .loader-section,

527.v_royal_blue #loader-wrapper .loader-section {

528 background-color: #081990;

529}

530.v_light_purple #loader-wrapper .loader-section {

531 background-color: #4e0094;

532}

533.v_cyan_blue #loader-wrapper .loader-section,

534.v_cyan_blue .spop {

535 background-color: #0e082c;

536}

537

538/*END PRELOADER DESIGN*/

539

540/* THEME DEMO CSS*/

541.color-switch {

542 background: #212121;

543 right: -200px;

544 padding: 20px 0;

545 position: absolute;

546 top: 0;

547 transition: all .4s ease 0s;

548 width: 200px;

549 z-index: 9999999;

550}

551.color-switch p {

552 color: #ffffff;

553 margin: 0;

554 padding: 10px 15px 5px;

555}

556.color_box {

557 padding:0px 15px;

558}

559.switch-active {

560 right: 0;

561}

562.demo ul {

563 position: fixed;

564 right: 0px;

565 top: 35%;

566 z-index:9999;

567}

568.demo ul li {

569 position:relative;

570}

571.demo li a {

572 background: #212121;

573 color: #ffffff;

574 display: block;

575 font-size: 24px;

576 height: 40px;

577 line-height: 44px;

578 text-align: center;

579 width: 40px;

580 transition: all .4s ease 0s;

581}

582.demo li a.bg-green {

583 background-color: #73e080;

584}

585.demo li a.dm {

586 background-color: #F94551;

587}

588.demo .txt {

589 background-color: #018DF1;

590 font-size: 16px;

591}

592.demo li a i {

593 line-height: normal;

594 -webkit-animation: fa-spin 2s infinite linear;

595 animation: fa-spin 2s infinite linear;

596}

597.icon {

598 right: 0;

599 position: absolute;

600 top:0;

601}

602.icon.switch-active {

603 right: 200px;

604}

605.menu_link {

606 left: 0;

607 position: fixed;

608 top: 30%;

609 z-index: 99;

610}

611.menu_link a {

612 color:#fff;

613 padding:10px;

614}

615.color-switch button::after {

616 color: #ffffff;

617 content: "\f122";

618 font-family: "Ionicons";

619

font-size: 14px;

620 opacity: 0;

621}

622.color-switch button {

623 border: 0 none;

624 border-radius: 5px;

625 cursor: pointer;

626 height: 24px;

627 line-height: 24px;

628 margin: 7px 0px 0 0;

629 padding: 0;

630 position: relative;

631 text-align: center;

632 width: 24px;

633}

634.color-switch .active::after {

635 opacity: 1;

636}

637.default {

638 background-image: -webkit-linear-gradient(left, #ff67cb 0%,#ffcc67 99%);

639 background-image: linear-gradient(to right, #ff67cb 0%,#ffcc67 99%);

640}

641.green {

642 background-image: -webkit-linear-gradient(left, #40f8a6 0%,#43B1FB 99%);

643 background-image: linear-gradient(to right, #40f8a6 0%,#43B1FB 99%);

644}

645.orange {

646 background-image: -webkit-linear-gradient(left, #f46b45 0%, #eea849 99%);

647 background-image: linear-gradient(to right, #f46b45 0%, #eea849 99%);

648}

649.lightgreen {

650 background-image: -webkit-linear-gradient(left, #de934b 0%, #56d6a7 99%);

651 background-image: linear-gradient(to right, #de934b 0%, #56d6a7 99%);

652}

653.redpink {

654 background-image: -webkit-linear-gradient(left, #FC3465 0%, #C300D8 99%);

655 background-image: linear-gradient(to right, #FC3465 0%, #C300D8 99%);

656}

657.lightpurple {

658 background-image: -webkit-linear-gradient(left, #25cc9c 0%,#9e50e4 99%);

659 background-image: linear-gradient(to right, #25cc9c 0%,#9e50e4 99%);

660}

661

662/* BTN START */

663.btn {

664 border: 0 none;

665 border-radius: 5px;

666 font-size: 16px;

667 font-weight:500;

668 height: 54px;

669 line-height: 54px;

670 padding: 0 25px;

671 position: relative;

672 text-transform: uppercase;

673 vertical-align: middle;

674}

675.btn.btn-radius {

676 border-radius: 40px;

677}

678.btn span {

679 background: #5957cd none repeat scroll 0 0;

680 border-radius: 100%;

681 color: #ffffff;

682 display: inline-block;

683 font-size: 20px;

684 height: 35px;

685 line-height: 38px;

686 margin-left: -20px;

687 margin-right: 13px;

688 padding-left: 2px;

689 position:relative;

690 text-align: center;

691 transition: all 0.5s ease 0s;

692 vertical-align: middle;

693 width: 35px;

694}

695.btn span::after {

696 -webkit-animation: rounded 2.5s infinite ;

697 -moz-animation: rounded 2.5s infinite ;

698 -o-animation: rounded 2.5s infinite ;

699 -ms-transition:rounded 2.5s infinite ;

700 animation: rounded 2.5s infinite ;

701 border: 1px solid #5957cd;

702 border-radius: 100%;

703 bottom: -5px;

704 content: "";

705 display: block;

706 left: -5px;

707 opacity: 0;

708 position: absolute;

709 right: -5px;

710 top: -5px;

711 z-index:-1;

712}

713.btn span::after {

714 animation-delay: 0.8s

715}

716.btn.btn-lg {

717 padding: 0 40px;

718}

719@keyframes rounded {

7200%

721{

722 opacity:0;

723 -webkit-transform: scale(0.5);

724 -moz-transform: scale(0.5);

725 transform: scale(0.5);

726}

72750%

728{

729 opacity:1;

730}

731100%

732{

733 opacity:0;

734 -webkit-transform: scale(1.2);

735 -moz-transform: scale(1.2);

736 transform: scale(1.2);

737}

738}

739.btn em {

740 display: inline-block;

741

742 font-size: 24px;

743 line-height: 24px;

744 margin-right: 10px;

745 vertical-align: middle;

746}

747.btn.active.focus,

748.btn.active:focus,

749.btn.active:hover,

750.btn:active:focus,

751.btn:active:hover,

752.btn.active,

753.btn:active,

754.btn.focus:active,

755.btn:focus,

756.btn.active:not(:disabled):not(.disabled),

757.btn:active:not(:disabled):not(.disabled) {

758 background-image: -webkit-linear-gradient(left, #ff67cb 0%,#ffcc67 51%,#ff67cb);

759 background-image: linear-gradient(to right, #ff67cb 0%,#ffcc67 51%,#ff67cb);

760 box-shadow:none;

761 outline:none;

762}

763.btn-default {

764 background-size: 200% auto;

765 background-image: -webkit-linear-gradient(left, #ff67cb 0%,#ffcc67 51%,#ff67cb);

766 background-image: linear-gradient(to right, #ff67cb 0%,#ffcc67 51%,#ff67cb);

767 border: 0;

768 color: #fff;

769 outline:none;

770 text-transform:uppercase;

771 z-index:2;

772 transition: all 0.5s ease 0s;

773}

774.btn-default:hover {

775 background-position: right center;

776}

777.btn-default:hover,.btn-border:hover {

778 color:#fff;

779}

780.btn-default.active.focus,

781.btn-default.active:focus,

782.btn-default.active:hover,

783.btn-default:active:focus,

784.btn-default:active:hover,

785.btn-default.active,

786.btn-default:active,

787.btn-default.focus:active,

788.btn-default:focus,

789.btn.active:not(:disabled):not(.disabled),

790.btn:active:not(:disabled):not(.disabled) {

791 background-image: -webkit-linear-gradient(left, #ffcc67 0%,#ff67cb 51%,#ffcc67);

792 background-image: linear-gradient(to right, #ffcc67 0%,#ff67cb 51%,#ffcc67);

793 box-shadow:none;

794 color: #fff;

795 outline:none;

796}

797.btn-border {

798 background-image: -webkit-linear-gradient(left, #ffcc67 0%,#ff67cb 99%);

799 background-image: linear-gradient(to right, #ffcc67 0%,#ff67cb 99%);

800 border: 0;

801 color: #fff;

802 outline:none;

803 text-transform:uppercase;

804 z-index:2;

805}

806.btn-border::after {

807 background-color: #5957cd;

808 border-radius: 5px;

809 bottom: 0;

810 content: "";

811 left: 0;

812 margin: 2px;

813 position: absolute;

814 right: 0;

815 top: 0;

816 transition: all 0.5s ease 0s;

817 z-index: -1;

818}

819.btn-border.btn-white-bg::after {

820 background-color: #fff;

821}

822.btn-border.btn-white-bg {

823 color: #5957cd;

824}

825.btn-border.btn-white-bg:hover,

826.btn-border.btn-white-bg:focus {

827 color: #fff;

828}

829.btn-border.btn-radius::after {

830 border-radius: 40px;

831}

832.btn-border:hover:after,

833.btn-border:focus:after {

834 opacity :0;

835}

836.btn.btn-border:hover,

837.btn.btn-border.active.focus,

838.btn.btn-border.active:focus,

839.btn.btn-border.active:hover,

840.btn.btn-border:active:focus,

841.btn.btn-border:active:hover,

842.btn.btn-border.active,

843.btn.btn-border:active,

844.btn.btn-border.focus:active,

845.btn.btn-border:focus {

846 background-image: -webkit-linear-gradient(left, #ffcc67 0%,#ff67cb 99%);

847 background-image: linear-gradient(to right, #ffcc67 0%,#ff67cb 99%);

848}

849

850.btn i {

851 font-size: 30px;

852 line-height: 24px;

853 margin-left: 5px;

854 padding-top: 4px;

855 vertical-align: middle;

856}

857.btn i.fa {

858 font-size: 16px;

859 margin-left: 0;

860 margin-right: 10px;

861 margin-top: -2px;

862 padding: 0;

863}

864.btn-primary {

865 background: rgba(0, 0, 0, 0);

866 color: #5957cd;

867 -moz-transition: all 0.5s ease 0s;

868 -webkit-transition: all 0.5s ease 0s;

869 transition: all 0.5s ease 0s;

870}

871.btn-primary:hover,

872.btn-primary.active.focus,

873.btn-primary.active:focus,

874.btn-primary.active:hover,

875.btn-primary:active:focus,

876.btn-primary:active:hover,

877.btn-primary.active,

878.btn-primary:active,

879.btn-primary.focus:active,

880.btn-primary:focus,

881.btn-primary.active:focus:not(:disabled):not(.disabled),

882.btn-primary:active:focus:not(:disabled):not(.disabled),

883.btn-primary.active:not(:disabled):not(.disabled),

884.btn-primary:active:not(:disabled):not(.disabled) {

885 background: rgba(0, 0, 0, 0) !important;

886 box-shadow :none;

887 color: #5957cd;

888 padding-left: 30px;

889}

890.btn-info {

891 background: #5957cd none repeat scroll 0 0;

892 height: auto;

893 line-height: normal;

894 padding: 12px 30px;

895}

896.btn-info:hover,

897.btn-info.active,

898.btn-info:focus,

899.btn-info.active:not(:disabled):not(.disabled),

900.btn-info:active:not(:disabled):not(.disabled),

901.btn-info.active:focus:not(:disabled):not(.disabled),

902.btn-info:active:focus:not(:disabled):not(.disabled) {

903 background: #4241b8;

904 box-shadow: none;

905}

906.box_shadow,

907.box_shadow:hover,

908.box_shadow.active,

909.box_shadow:focus,

910.box_shadow.active:focus:not(:disabled):not(.disabled),

911.box_shadow:active:focus:not(:disabled):not(.disabled),

912.box_shadow.active:not(:disabled):not(.disabled),

913.box_shadow:active:not(:disabled):not(.disabled) {

914 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);

915}

916.btn-border-white {

917 border: 2px solid #ffffff;

918 color: #ffffff;

919}

920.btn-border-white:hover,

921.btn-border-white.active.focus,

922.btn-border-white.active:focus,

923.btn-border-white.active:hover,

924.btn-border-white:active:focus,

925.btn-border-white:active:hover,

926.btn-border-white.active,

927.btn-border-white:active,

928.btn-border-white.focus:active,

929.btn-border-white:focus,

930.btn.btn-border-white.active:not(:disabled):not(.disabled),

931.btn.btn-border-white:active:not(:disabled):not(.disabled) {

932 background-color: #ffffff;

933 background-image: none;

934 color: #000000;

935}

936.btn-white,

937button.btn-white {

938 background: rgba(255,255,255,0.20);

939 color: #fff;

940}

941.btn-white:hover,

942.btn-white.active.focus,

943.btn-white.active:focus,

944.btn-white.active:hover,

945.btn-white:active:focus,

946.btn-white:active:hover,

947.btn-white.active,

948.btn-white:active,

949.btn-white.focus:active,

950.btn-white:focus,

951.btn.btn-white.active:not(:disabled):not(.disabled),

952.btn.btn-white:active:not(:disabled):not(.disabled) {

953 background: rgba(255,255,255,0.20);

954}

955.scrollup {

956 border-radius: 4px;

957 bottom: 30px;

958 color: #ffffff;

959 display: none;

960 font-size: 30px;

961 height: 40px;

962 line-height: 40px;

963 position: fixed;

964 right: 20px;

965 text-align: center;

966 width: 40px;

967 z-index: 99;

968}

969.btn + .btn:last-child {

970 margin-left: 10px;

971}

972.angle_top {

973 border-right: 100vw solid rgba(0, 0, 0, 0);

974 border-top: 100px solid #ffffff;

975 display: block;

976 height: 0;

977 position: absolute;

978 right: 0;

979 top: 0;

980 width: 0;

981 z-index: 1;

982}

983.angle_bottom {

984 border-bottom: 100px solid #ffffff;

985 border-left: 100vw solid rgba(0, 0, 0, 0);

986 bottom: 0;

987 display: block;

988 height: 0;

989 position: absolute;

990 right: 0;

991 width: 0;

992 z-index: 9;

993}

994

995.bounceimg{

996 -webkit-animation: bounceimg 1s ease-in-out 0s infinite alternate;

997 animation: bounceimg 1s ease-in-out 0s infinite alternate;

998}

999@-webkit-keyframes bounceimg {

1000from {

1001 -webkit-transform: translateY(0px);

1002 transform: translateY(0px);

1003}

1004to {

1005 -webkit-transform: translateY(-20px);

1006 transform: translateY(-20px);

1007}

1008}

1009

1010@keyframes bounceimg {

1011from {

1012 -webkit-transform: translateY(0px);

1013 transform: translateY(0px);

1014}

1015to {

1016 -webkit-transform: translateY(-20px);

1017 transform: translateY(-20px);

1018}

1019}

1020

1021.v_blue .btn-info ,

1022.v_navy_blue .btn-info {

1023 background-color: #0d469f;

1024}

1025.v_blue .btn-info:hover,

1026.v_blue .btn-info.active,

1027.v_blue .btn-info:focus,

1028.v_blue .btn-info.active:not(:disabled):not(.disabled),

1029.v_blue .btn-info:active:not(:disabled):not(.disabled),

1030.v_blue .btn-info.active:focus:not(:disabled):not(.disabled),

1031.v_blue .btn-info:active:focus:not(:disabled):not(.disabled),

1032.v_navy_blue .btn-info:hover,

1033.v_navy_blue .btn-info.active,

1034.v_navy_blue .btn-info:focus,

1035.v_navy_blue .btn-info.active:not(:disabled):not(.disabled),

1036.v_navy_blue .btn-info:active:not(:disabled):not(.disabled),

1037.v_navy_blue .btn-info.active:focus:not(:disabled):not(.disabled),

1038.v_navy_blue .btn-info:active:focus:not(:disabled):not(.disabled) {

1039 background-color: #0b267d;

1040}

1041.v_dark .btn-border::after {

1042 background-color: #0c0e27;

1043}

1044.v_dark .btn-info,

1045.v_light_dark .btn-info {

1046 background-color: #0c0e27;

1047}

1048.v_dark .btn-info:hover,

1049.v_dark .btn-info.active,

1050.v_dark .btn-info:focus,

1051.v_dark .btn-info.active:not(:disabled):not(.disabled),

1052.v_dark .btn-info:active:not(:disabled):not(.disabled),

1053.v_dark .btn-info.active:focus:not(:disabled):not(.disabled),

1054.v_dark .btn-info:active:focus:not(:disabled):not(.disabled),

1055.v_light_dark .btn-info:hover,

1056.v_light_dark .btn-info.active,

1057.v_light_dark .btn-info:focus,

1058.v_light_dark .btn-info.active:not(:disabled):not(.disabled),

1059.v_light_dark .btn-info:active:not(:disabled):not(.disabled),

1060.v_light_dark .btn-info.active:focus:not(:disabled):not(.disabled),

1061.v_light_dark .btn-info:active:focus:not(:disabled):not(.disabled) {

1062 background-color: #161d3e;

1063}

1064.v_navy_blue .btn-border::after {

1065 background-color: #052d85;

1066}

1067.bg_light .angle_top {

1068 border-top-color: #f7fafc;

1069}

1070.bg_light .angle_bottom {

1071 border-bottom-color: #f7fafc;

1072}

1073.v_light_purple .btn-border.btn-white-bg {

1074 color: #280e3b;

1075}

1076.v_light_purple .btn-border.btn-white-bg:hover,

1077.v_light_purple .btn-border.btn-white-bg:focus {

1078 color: #fff;

1079}

1080.v_light_purple .btn-white:hover,

1081.v_light_purple .btn-white.active.focus,

1082.v_light_purple .btn-white.active:focus,

1083.v_light_purple .btn-white.active:hover,

1084.v_light_purple .btn-white:active:focus,

1085.v_light_purple .btn-white:active:hover,

1086.v_light_purple .btn-white.active,

1087.v_light_purple .btn-white:active,

1088.v_light_purple .btn-white.focus:active,

1089.v_light_purple .btn-white:focus,

1090.v_light_purple .btn.btn-white.active:not(:disabled):not(.disabled),

1091.v_light_purple .btn.btn-white:active:not(:disabled):not(.disabled) {

1092 background: rgba(255,255,255,0.20);

1093 color: #00fdfa;

1094}

1095/* BTN END */

1096/*===================================*

1097 01.END GENERAL STYLE

1098*===================================*/

1099

1100/*===================================*

110102. HEADER DESIGN

1102*===================================*/

1103header {

1104 height: 110px;

1105 padding: 25px 50px;

1106 transition: all 0.4s ease 0s;

1107}

1108.hb_box_shadow {

1109 box-shadow: 0 0 1px rgba(255,255,255,0.3);

1110}

1111.navbar {

1112 padding: 0;

1113}

1114.navbar-brand {

1115 margin: 0;

1116 padding: 0;

1117}

1118.modal-open header.fixed-top {

1119 padding: 5px 0 !important;

1120}

1121.nav-fixed,

1122header.active,

1123.spop {

1124 background-color: #4241b8;

1125 box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

1126}

1127header.nav-fixed {

1128 height: 70px;

1129 padding: 5px 0;

1130}

1131.nav-fixed .navbar-brand img {

1132 max-width: 180px;

1133}

1134header.no-sticky {

1135 left: 0;

1136 position: absolute;

1137 right: 0;

1138}

1139header .navbar-nav a {

1140 color: #ffffff;

1141}

1142.navbar-expand-lg .navbar-nav > li {

1143 padding: 0 12px;

1144}

1145.navbar-expand-lg .navbar-nav > li:last-child {

1146 padding-right: 0;

1147}

1148header a:hover,

1149.navbar-nav li a.active,

1150.navbar-nav .dropdown-menu li.active a {

1151 color: #ff69c9;

1152}

1153.navbar-expand-lg .navbar-nav .nav-link {

1154 padding: 15px 0;

1155 font-weight:500;

1156 position:relative;

1157 text-transform:uppercase;

1158}

1159.navbar-expand-lg .navbar-nav .nav-link.nav_icon {

1160 background-color: rgba(255,255,255,0.2);

1161 height: 32px;

1162 width: 32px;

1163 border-radius: 100%;

1164 line-height: 32px;

1165 padding: 0;

1166 text-align: center;

1167 margin: 15px 0;

1168}

1169.navbar-expand-lg .navbar-nav > li > .nav-link.active:before {

1170 background-color: #ff69c9;

1171 bottom: 10px;

1172 content: "";

1173 height: 1px;

1174 left: 0;

1175 position: absolute;

1176 right: 0;

1177 width: 100%;

1178}

1179.navbar-expand-lg .nav_btn > li {

1180 margin-left: 15px;

1181 padding: 0;

1182}

1183.navbar-expand-lg .nav_btn > li:first-child {

1184 margin: 0;

1185}

1186.navbar-expand-lg .navbar-nav.nav_btn a {

1187 border:0;

1188 height: auto;

1189 line-height: normal;

1190}

1191.navbar-expand-lg .navbar-nav.nav_btn a.btn {

1192 padding: 10px 25px;

1193}

1194.dropdown-toggle::after,.dropdown-toggler::after {

1195 border: 0 none;

1196 content: "";

1197 font-family: ionicons;

1198 height: auto;

1199 line-height: normal;

1200 margin-left: 5px;

1201 vertical-align: middle;

1202 width: auto;

1203}

1204.navbar-nav .dropdown-menu {

1205 background-color: #4241b8;

1206 border: 0;

1207 border-radius: 0;

1208 margin: 0;

1209 padding: 0px;

1210}

1211.dropdown-item:focus,

1212.dropdown-item:hover {

1213 background-color: rgba(0, 0, 0, 0);

1214 color: #ff69c9;

1215 padding: 10px;

1216}

1217.navbar-expand-lg .navbar-nav li {

1218 position:relative;

1219}

1220.navbar-expand-lg .navbar-nav .dropdown-item {

1221 color: #ffffff;

1222

font-size:14px;

1223 font-weight:500;

1224 padding: 3px 10px;

1225 text-transform:capitalize;

1226}

1227.navbar-expand-lg .navbar-nav .dropdown-item:hover {

1228 color:#ff69c9;

1229}

1230.navbar-expand-lg .navbar-nav .dropdown-item.active,

1231.navbar-expand-lg .navbar-nav .dropdown.show > a {

1232 background-color: transparent;

1233 color:#ff69c9;

1234}

1235.lng_dropdown .dd.ddcommon {

1236 cursor:pointer;

1237 padding-right: 10px;

1238 position: relative;

1239 width: 70px !important;

1240}

1241.arrow::before {

1242 color: #ffffff;

1243 content: "";

1244 font-family: ionicons;

1245 position: absolute;

1246 right: 0;

1247 top: 0;

1248}

1249.lng_dropdown .divider {

1250 display: none;

1251}

1252.lng_dropdown .ddTitleText img,

1253.lng_dropdown .ddChild li img {

1254 border-radius: 100%;

1255 display: inline-block;

1256 height: 20px;

1257 width: 20px;

1258}

1259.lng_dropdown .ddTitleText {

1260 cursor: pointer;

1261}

1262.lng_dropdown .ddlabel {

1263 color: #ffffff;

1264 display: inline-block;

1265 margin-left: 8px;

1266 vertical-align: middle;

1267}

1268.lng_dropdown .border {

1269 border: 0 none !important;

1270}

1271.lng_dropdown .ddChild {

1272 background-color: #4241b8;

1273 left: -9px;

1274 margin-top: 0;

1275 padding: 5px 9px;

1276 top: 100% !important;

1277}

1278.lng_dropdown .ddChild li {

1279 cursor:pointer;

1280 line-height: normal;

1281 list-style: outside none none;

1282 padding: 2px 0;

1283}

1284.logo_dark {

1285 display:none;

1286}

1287

1288.v_blue .nav-fixed,

1289.v_blue header.active,

1290.v_blue .navbar-nav .dropdown-menu,

1291.v_blue .lng_dropdown .ddChild,

1292.v_blue .spop,

1293.v_navy_blue .nav-fixed,

1294.v_navy_blue header.active,

1295.v_navy_blue .navbar-nav .dropdown-menu,

1296.v_navy_blue .lng_dropdown .ddChild,

1297.v_navy_blue .spop {

1298 background-color: #121a6d;

1299}

1300.v_dark .nav-fixed,

1301.v_dark header.active,

1302.v_dark .navbar-nav .dropdown-menu,

1303.v_dark .lng_dropdown .ddChild,

1304.v_dark .spop,

1305.v_light_dark .nav-fixed,

1306.v_light_dark header.active,

1307.v_light_dark .navbar-nav .dropdown-menu,

1308.v_light_dark .lng_dropdown .ddChild,

1309.v_light_dark .spop {

1310 background-color: #262d4e;

1311}

1312.v_blue_light .nav-fixed,

1313.v_blue_light header.active,

1314.v_blue_light .navbar-nav .dropdown-menu,

1315.v_blue_light .lng_dropdown .ddChild,

1316.v_blue_light .spop,

1317.v_royal_blue .nav-fixed,

1318.v_royal_blue header.active,

1319.v_royal_blue .navbar-nav .dropdown-menu,

1320.v_royal_blue .lng_dropdown .ddChild,

1321.v_royal_blue .spop {

1322 background-color: #081990;

1323}

1324.v_light_purple .nav-fixed,

1325.v_light_purple header.active,

1326.v_light_purple .navbar-nav .dropdown-menu,

1327.v_light_purple .lng_dropdown .ddChild,

1328.v_light_purple .spop {

1329 background-color: #3e1084;

1330}

1331.v_cyan_blue .nav-fixed,

1332.v_cyan_blue header.active,

1333.v_cyan_blue .navbar-nav .dropdown-menu,

1334.v_cyan_blue .lng_dropdown .ddChild {

1335 background-color: #193d85;

1336}

1337.v_light_purple header {

1338 padding: 10px 0;

1339 height: auto;

1340}

1341/*===================================*

134202. END HEADER DESIGN

1343*===================================*/

1344

1345/*===================================*

134603. BANNER SECTION

1347*===================================*/

1348.banner_effect {

1349 bottom: 0;

1350 height: 100%;

1351 left: 0;

1352 position: absolute;

1353 right: 0;

1354 top: 0;

1355}

1356.transparent_effect {

1357 height: 100%;

1358 opacity: 0.4;

1359 position: absolute;

1360 top: 0;

1361}

1362.transparent_effect.fixed {

1363 position: fixed;

1364 z-index:1;

1365}

1366.banner_rouded_bg {

1367 border-radius: 0 0 400px;

1368 height: 100%;

1369 left: 0;

1370 overflow: hidden;

1371 position: absolute;

1372 top: 0;

1373 -moz-transform: skewY(3deg);

1374 -webkit-transform: skewY(3deg);

1375 transform: skewY(3deg);

1376 transform-origin: right top 0;

1377 width: 100%;

1378 z-index: -1;

1379}

1380.section_banner {

1381 background-position: left bottom;

1382 background-size: cover;

1383 padding: 200px 0 100px;

1384 position: relative;

1385 overflow:hidden;

1386}

1387.banner_full_height {

1388 min-height: 100vh;

1389 height:100%;

1390}

1391.section_banner.banner_shape {

1392 padding-bottom: 200px;

1393}

1394.banner_bg1 {

1395 background-image:url('../images/banner_bg1.png');

1396}

1397.banner_text h1 {

1398 color: #ffffff;

1399 font-weight: bold;

1400 margin-bottom:25px;

1401}

1402.banner_text_s2 h1 {

1403 font-weight: normal;

1404 margin-bottom: 25px;

1405}

1406.banner_text h3 {

1407 color: #ffffff;

1408 font-weight: bold;

1409 margin-bottom:20px;

1410}

1411.banner_text p {

1412 color:#fff;

1413}

1414.banner_image_right {

1415 min-width: 690px;

1416}

1417.banner_image_left {

1418 left: -25%;

1419 min-width: 690px;

1420 position: relative;

1421}

1422.btn_group .btn {

1423 display: inline-block;

1424}

1425.social_icon {

1426 display: inline-block;

1427 vertical-align: middle;

1428}

1429.social_icon li {

1430 float:left;

1431 margin-right:10px;

1432}

1433.social_icon li a i {

1434 background-color: #ffffff;

1435 border-radius: 100%;

1436 display: block;

1437 height: 30px;

1438 line-height: 30px;

1439 text-align: center;

1440 width: 30px;

1441}

1442.social_bg_tran li a i {

1443 background-color: rgba(255,255,255,0.10);

1444}

1445.banner_inner .alert {

1446 border: 0 none;

1447 border-radius: 5px 5px 0 0;

1448 display: table;

1449 font-weight:normal;

1450 margin: 0 auto;

1451 padding: 8px 25px 5px;

1452}

1453.alert-warning {

1454 background-color: #ffc66c;

1455 color: #000000;

1456}

1457.section_banner .tk_counter_inner {

1458 border:0;

1459}

1460.tk_counter_inner .progress,

1461.tk_counter_inner .progress-bar {

1462 border-radius: 20px;

1463 color: #5957cd;

1464

font-size: 14px;

1465 text-align: right;

1466}

1467.tk_counter_inner .progress-bar {

1468 padding-right: 12px;

1469}

1470.tk_counter_inner .progress {

1471 background-color: transparent;

1472 border: 1px solid #fff;

1473 height: 23px;

1474 margin-bottom: 40px;

1475 margin-top: 50px;

1476 overflow: visible;

1477 position: relative;

1478}

1479.tk_counter_inner .progress-bar {

1480 background: #fff;

1481 font-weight: 600;

1482}

1483.token_box .progress-bar-success {

1484 background-color: #05B5FF;

1485}

1486.progress .progress_label {

1487 background-color: #000000;

1488 bottom: -6px;

1489 color: #ffffff;

1490 line-height: 1;

1491 position: absolute;

1492 top: -6px;

1493 width: 1px;

1494}

1495.progress .progress_label strong {

1496

font-size: 14px;

1497 font-weight: 600;

1498 left: 50%;

1499 margin-top: 5px;

1500 position: absolute;

1501 top: 100%;

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

1503 -ms-transform: translateX(-50%);

1504 -moz-transform: translateX(-50%);

1505 transform: translateX(-50%);

1506 white-space: nowrap;

1507}

1508.progress_max_val {

1509 color: #ffffff;

1510

font-size: 14px;

1511 font-weight: 600;

1512 padding: 0 5px;

1513 position: absolute;

1514 right: 0;

1515 top: -30px;

1516}

1517.progress_min_val {

1518 color: #ffffff;

1519

font-size: 14px;

1520 font-weight: 600;

1521 padding: 0 5px;

1522 position: absolute;

1523 left: 0;

1524 top: -30px;

1525}

1526.icon_list li {

1527 line-height: normal;

1528 padding: 0 5px;

1529}

1530.icon_list li i {

1531 color: #ffffff;

1532 font-size: 20px;

1533}

1534.bg-white .tk_countdown_time {

1535 background-color: #ffffff;

1536 border: 1px solid #5857ee;

1537 border-radius: 5px;

1538 box-shadow: none;

1539}

1540.bg-white .progress-bar {

1541 background: #5957cd;

1542}

1543.bg-white .progress {

1544 border-color: #5957cd;

1545}

1546.bg-white .tk_counter,

1547.bg-white .progress_min_val,

1548.bg-white .progress_max_val,

1549.bg-white .progress .progress_label {

1550 color:#5957cd;

1551}

1552.bg-white .progress,

1553.bg-white .progress-bar {

1554 color:#fff;

1555}

1556.bg-white .tk_text {

1557 color:#7a7a7a;

1558}

1559.bg-white .icon_list li i {

1560 color: #7a79d7;

1561}

1562.banner_cl_logo {

1563 margin-top: 20px;

1564}

1565.tk_counter_inner .progress-bar.gradient {

1566 background:

-webkit-linear-gradient(left, #ff67cb 0%,#ffcc67 99%);

1567 background: linear-gradient(to right, #ff67cb 0%,#ffcc67 99%);

1568}

1569.banner_rounded_bg {

1570 height: 561px;

1571 left: 50%;

1572 min-width: 561px;

1573 position: absolute;

1574 top: -20%;

1575 width: 561px;

1576 z-index: -1;

1577 -moz-transform: translateX(-50%);

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

1579 transform: translateX(-50%);

1580}

1581.banner_rounded_bg img{

1582 -webkit-animation: swing 100s infinite linear;

1583 -moz-animation: swing 100s infinite linear;

1584 -o-animation: swing 100s infinite linear;

1585 animation: swing 100s infinite linear;

1586}

1587.banner_img {

1588 text-align: right;

1589}

1590.banner_rounded_shape::before {

1591 background-color: rgba(8, 22, 139, 0.3);

1592 border-radius: 100%;

1593 content: "";

1594 height: 968px;

1595 left: -160px;

1596 opacity: 1;

1597 position: absolute;

1598 right: 0;

1599 top: -165px;

1600 transform: skew(-1deg);

1601 width: 1240px;

1602 z-index: 0;

1603}

1604.banner_rounded_shape::after {

1605 background-color: rgba(8, 22, 139, 0.3);

1606 border-radius: 100%;

1607 content: "";

1608 height: 968px;

1609 left: -200px;

1610 opacity: 1;

1611 position: absolute;

1612 right: 0;

1613 top: -205px;

1614 transform: skew(-1deg);

1615 width: 1240px;

1616 z-index: 0;

1617}

1618.banner_section {

1619 padding-bottom: 200px;

1620 padding-top: 120px;

1621}

1622.banner_wave {

1623 bottom: 0;

1624 left: 0;

1625 position: absolute;

1626 right: 0;

1627 fill: #ffffff;

1628}

1629.banner-shape {

1630 position: absolute;

1631 top: 0;

1632 left: 0;

1633}

1634.banner_pattern {

1635 position: absolute;

1636 top: 150px;

1637 left: 50px;

1638}

1639.scrolldown {

1640 position: absolute;

1641 bottom: 20px;

1642 right: 0;

1643 left: 0;

1644 margin: 0 auto;

1645 text-align: center;

1646}

1647.scrolldown a {

1648 border: 1px solid #fff;

1649 border-radius: 100%;

1650 color: #fff;

1651 display: block;

1652 line-height: 50px;

1653 margin: 0 auto;

1654 font-size: 30px;

1655 height: 50px;

1656 width: 50px;

1657}

1658.vertical_social {

1659 background-color: #0E082C;

1660 position: fixed;

1661 left: 0px;

1662 top: 50%;

1663 padding: 10px 0px;

1664 text-align: center;

1665 -moz-transform: translateY(-50%);

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

1667 transform: translateY(-50%);

1668 z-index:100;

1669}

1670.vertical_social li {

1671 padding: 3px 15px;

1672}

1673.vertical_social li a {

1674 color: #fff;

1675 display: block;

1676}

1677.vertical_social li a:hover {

1678 color: #ff69c9;

1679}

1680.bg-white-tran,

1681.tk_countdown.bg-white-tran {

1682 background-color: rgba(255,255,255,0.10);

1683}

1684.presale_status {

1685 padding: 20px 40px;

1686 border-left: 1px solid rgba(255,255,255,0.10)

1687}

1688.token_countdown {

1689 padding: 20px;

1690}

1691@keyframes move_wave {

1692 0% {

1693 transform: translateX(0) translateZ(0)

1694 }

1695 50% {

1696 transform: translateX(-25%) translateZ(0)

1697 }

1698 100% {

1699 transform: translateX(-50%) translateZ(0)

1700 }

1701}

1702@keyframes move_wave_reverse {

1703 0% {

1704 transform: translateX(0) translateZ(0) scaleY(1)

1705 }

1706 50% {

1707 transform: translateX(25%) translateZ(0) scaleY(0.55)

1708 }

1709 100% {

1710 transform: translateX(50%) translateZ(0) scaleY(1)

1711 }

1712}

1713.waveWrapper {

1714 overflow: hidden;

1715 position: absolute;

1716 left: 0;

1717 right: 0;

1718 bottom: 0;

1719 margin: auto;

1720 height: 100px;

1721}

1722.wave {

1723 position: absolute;

1724 left: 0;

1725 width: 200%;

1726 height: 100%;

1727 background-repeat: repeat no-repeat;

1728 background-position: 0 bottom;

1729 transform-origin: center bottom;

1730}

1731.waveTop {

1732 background-size: 50% 100px;

1733 background-image: url('../images/wave.png');

1734 animation: move_wave_reverse 10s linear infinite;

1735 right: 0;

1736 left: auto;

1737}

1738.waveMiddle {

1739 background-size: 50% 100px;

1740 background-image: url('../images/wave.png');

1741 animation: move_wave 10s linear infinite;

1742}

1743.icon_title {

1744 display: block;

1745 font-weight: 600;

1746 margin-bottom: 10px;

1747 text-transform: capitalize;

1748}

1749.currency_icon li {

1750 display: inline-block;

1751 margin-right: 20px;

1752 color: #fff

1753}

1754.currency_icon li i {

1755 font-size: 20px;

1756 margin-right: 10px;

1757}

1758.banner_token {

1759 padding: 20px;

1760 border-radius: 10px 10px 0 0;

1761}

1762.token_col {

1763 width: 40%;

1764 padding: 0 15px;

1765}

1766.progress_col {

1767 width: 40%;

1768 padding: 0 15px;

1769}

1770.btn_col {

1771 width: 20%;

1772 padding: 0 15px;

1773}

1774.banner_partner_logo {

1775 padding: 30px;

1776 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);

1777 margin-top: -50px;

1778}

1779

1780.v_light_purple .tk_counter_inner .progress-bar {

1781 background-color: #461e74;

1782 color: #fff;

1783 font-weight: normal;

1784}

1785.v_cyan_blue .tk_counter_inner .progress-bar {

1786 color: #0c0e27;

1787 font-weight: 500;

1788}

1789

1790/*===================================*

179103. END BANNER SECTION

1792*===================================*/

1793

1794/*===================================*

179504. WHY CHOOSE SECTION

1796*===================================*/

1797.box_wrap {

1798 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

1799 margin-top: 30px;

1800 padding: 20px 15px;

1801 transition: all 0.5s ease 0s;

1802}

1803.radius_box {

1804 border-radius: 5px;

1805}

1806.box_wrap h4,

1807.work_inner h4 {

1808 color: #7a7a7a;

1809 font-size: 22px;

1810 font-weight: 600;

1811 margin-bottom: 20px;

1812 margin-top: 20px;

1813}

1814.box_wrap p {

1815 margin:0;

1816}

1817.ripple_effect_left_bottom {

1818 position: absolute;

1819 bottom: 0;

1820 left: 0;

1821 width: 700px;

1822 height: 700px;

1823 overflow: hidden;

1824}

1825.ripple_effect_right_top {

1826 position: absolute;

1827 top: 0;

1828 right: 0;

1829 width: 700px;

1830 height: 700px;

1831 overflow: hidden;

1832}

1833.ripple_effect_right_top .circle_bg1 {

1834 border-radius: 100%;

1835 height: 100%;

1836 width: 100%;

1837 position: absolute;

1838 right: -350px;

1839 top: -350px;

1840 left: auto;

1841 bottom: auto;

1842}

1843.circle_bg1 {

1844 border-radius: 100%;

1845 height: 100%;

1846 width: 100%;

1847 position: absolute;

1848 left: -350px;

1849 bottom: -350px;

1850}

1851.circle_bg1 span{

1852 display: block;

1853 position: absolute;

1854 top: 0;

1855 right: 0;

1856 bottom: 0;

1857 left: 0;

1858 border-radius: 50%;

1859 height: 100%;

1860 width: 100%;

1861 -moz-transform: scale(0);

1862 -webkit-transform: scale(0);

1863 transform: scale(0);

1864 -webkit-animation-name:ripple;

1865 -moz-animation-name:ripple;

1866 -o-animation-name:ripple;

1867 animation-name:ripple;

1868 -webkit-animation-duration:4s;

1869 -moz-animation-duration:4s;

1870 -o-animation-duration:4s;

1871 animation-duration:4s;

1872 -webkit-animation-delay:6s;

1873 -moz-animation-delay:6s;

1874 -o-animation-delay:6s;

1875 animation-delay:6s;

1876 -webkit-animation-iteration-count:infinite;

1877 -moz-animation-iteration-count:infinite;

1878 -o-animation-iteration-count:infinite;

1879 animation-iteration-count:infinite;

1880 -webkit-animation-timing-function:linear;

1881 -moz-animation-timing-function:linear;

1882 -o-animation-timing-function:linear;

1883 animation-timing-function:linear;

1884 border:1px solid rgba(255,255,255,0.2);

1885}

1886.circle_bg1 span:nth-child(2) {

1887 -webkit-animation-delay:5s;

1888 -moz-animation-delay:5s;

1889 -o-animation-delay:5s;

1890 animation-delay:5s;

1891}

1892.circle_bg1 span:nth-child(3) {

1893 -webkit-animation-delay:4s;

1894 -moz-animation-delay:4s;

1895 -o-animation-delay:4s;

1896 animation-delay:4s;

1897}

1898.circle_bg1 span:nth-child(4) {

1899 -webkit-animation-delay:3s;

1900 -moz-animation-delay:3s;

1901 -o-animation-delay:3s;

1902 animation-delay:3s;

1903}

1904.circle_bg1 span:nth-child(5) {

1905 -webkit-animation-delay:2s;

1906 -moz-animation-delay:2s;

1907 -o-animation-delay:2s;

1908 animation-delay:2s;

1909}

1910.circle_bg1 span:nth-child(6) {

1911 -webkit-animation-delay:1s;

1912 -moz-animation-delay:1s;

1913 -o-animation-delay:1s;

1914 animation-delay:1s;

1915}

1916

1917@-webkit-keyframes ripple{

1918 0% {-webkit-transform:scale(0.1);transform:scale(.01); opacity:1;}

1919 50% {-webkit-transform:scale(.5);transform:scale(.5); opacity:1;}

1920 100% {-webkit-transform:scale(1);transform:scale(1); opacity:0;}

1921}

1922@-moz-keyframes ripple {

1923 0% {-moz-transform:scale(0.1);transform:scale(.01); opacity:1;}

1924 50% {-moz-transform:scale(.5);transform:scale(.5); opacity:1;}

1925 100% {-moz-transform:scale(1);transform:scale(1); opacity:0;}

1926}

1927@-o-keyframes ripple {

1928 0% {-o-transform:scale(0.1);transform:scale(.01); opacity:1;}

1929 50% {-o-transform:scale(.5);transform:scale(.5); opacity:1;}

1930 100% {-o-transform:scale(1);transform:scale(1); opacity:0;}

1931}

1932@keyframes ripple{

1933 0% {transform:scale(0.1);transform:scale(0.1); opacity:1;}

1934 50% {transform:scale(.5);transform:scale(.5); opacity:1;}

1935 100% {transform:scale(1);transform:scale(1); opacity:0;}

1936}

1937

1938.circle_bg1 span::before {

1939 background-color: rgba(255, 255, 255, 0.2);

1940 border-radius: 100%;

1941 content: "";

1942 height: 15px;

1943 position: absolute;

1944 width: 15px;

1945}

1946.circle_bg1 span:first-child:before {

1947 right: 10px;

1948 top: 230px;

1949}

1950.circle_bg1 span:nth-child(2):before {

1951 right: 100px;

1952 top: 89px;

1953}

1954.circle_bg1 span:nth-child(3):before {

1955 right: 240px;

1956 top: 7px;

1957}

1958.circle_bg1 span:nth-child(4):before {

1959 right: 100px;

1960 top: 89px;

1961}

1962.ripple_effect_right_top .circle_bg1 span:first-child:before {

1963 left: 8px;

1964 bottom: 236px;

1965 top: auto;

1966}

1967.ripple_effect_right_top .circle_bg1 span:nth-child(2):before {

1968 left: 100px;

1969 bottom: 89px;

1970 top: auto;

1971}

1972.ripple_effect_right_top .circle_bg1 span:nth-child(3):before {

1973 left: 240px;

1974 bottom: 7px;

1975 top:auto;

1976}

1977.ripple_effect_right_top .circle_bg1 span:nth-child(4):before {

1978 left: 100px;

1979 bottom: 89px;

1980 top: auto;

1981}

1982.circle_bg1.circle_bg_color1 span::before {

1983 background-color: #21d397;

1984}

1985.box_wrapper {

1986 padding: 20px 15px;

1987 position: relative;

1988 margin-top: 20px;

1989 transition: all 0.5s ease-in-out;

1990}

1991.icon_box {

1992 float: left;

1993 margin-right: 20px;

1994}

1995.box_desc {

1996 overflow: hidden;

1997}

1998.box_desc h4 {

1999 font-size: 18px;

2000 font-weight: 600;

2001}

2002.box_desc p {

2003 margin: 0;

2004}

2005.box_wrapper:hover {

2006 background-color: #fff;

2007}

2008.box_wrapper:before {

2009 border-right: 1px solid #5957cd;

2010 border-top: 1px solid #5957cd;

2011 content: "";

2012 height: 0px;

2013 position: absolute;

2014 right: 0;

2015 opacity: 0;

2016 top: 0;

2017 width: 0px;

2018 visibility: hidden;

2019 transition: all 0.3s ease-in-out;

2020}

2021.box_wrapper:after {

2022 bottom: 0;

2023 border-left: 1px solid #5957cd;

2024 border-bottom: 1px solid #5957cd;

2025 content: "";

2026 height: 0px;

2027 left: 0;

2028 opacity: 0;

2029 position: absolute;

2030 width: 0px;

2031 visibility: hidden;

2032 transition: all 0.3s ease-in-out;

2033}

2034.box_wrapper:hover:before,

2035.box_wrapper:hover:after {

2036 height: 40px;

2037 opacity: 1;

2038 width: 40px;

2039 visibility: visible;

2040}

2041.presale_txt mark {

2042 border-radius: 4px;

2043 color: #fff;

2044 padding: 0 8px;

2045}

2046

2047.v_blue_pro .box_wrap {

2048 background-color: #4a49bf;

2049}

2050.v_blue_pro .box_wrap h4,

2051.v_blue_pro .box_wrap p,

2052.v_dark .box_wrap h4,

2053.v_dark .box_wrap p,

2054.v_royal_blue .box_wrap h4,

2055.v_royal_blue .box_wrap p,

2056.v_navy_blue .box_wrap h4,

2057.v_navy_blue .box_wrap p {

2058 color: #ffffff;

2059}

2060.v_dark .box_wrap {

2061 background-color: #121833;

2062}

2063.v_light_purple .box_desc h4 {

2064 color: #6000b5

2065}

2066.v_light_purple .box_wrapper:hover:before,

2067.v_light_purple .box_wrapper:hover:after {

2068 border-color: #6000b5

2069}

2070

2071/*===================================*

207204. END WHY CHOOSE SECTION

2073*===================================*/

2074

2075/*===================================*

207605. ABOUT SECTION

2077*===================================*/

2078.about_section {

2079 padding: 100px 50px 100px 80px;

2080}

2081.about_shape::before {

2082 background-color: #5957cd;

2083 border-radius: 0 150px 150px 0;

2084 bottom: 0;

2085 content: "";

2086 left: 25px;

2087 position: absolute;

2088 right: -15px;

2089 top: 0;

2090 z-index: -1;

2091}

2092.about_img img {

2093 margin: 0 auto;

2094}

2095.about_img_shape::before {

2096 background-color: #ffffff;

2097 border-radius: 150px 0 0 150px;

2098 bottom: 0;

2099 content: "";

2100 left: 0;

2101 margin-left: -15px;

2102 margin-right: -25px;

2103 position: absolute;

2104 right: 0;

2105 top: 0;

2106 z-index: -1;

2107}

2108.about_shape .btn-primary {

2109 color: #fff;

2110}

2111.about_shape .btn-primary:hover,

2112.about_shape .btn-primary.active.focus,

2113.about_shape .btn-primary.active:focus,

2114.about_shape .btn-primary.active:hover,

2115.about_shape .btn-primary:active:focus,

2116.about_shape .btn-primary:active:hover,

2117.about_shape .btn-primary.active,

2118.about_shape .btn-primary:active,

2119.about_shape .btn-primary.focus:active,

2120.about_shape .btn-primary:focus,

2121.about_shape .btn-primary.active:focus:not(:disabled):not(.disabled),

2122.about_shape .btn-primary:active:focus:not(:disabled):not(.disabled),

2123.about_shape .btn-primary.active:not(:disabled):not(.disabled),

2124.about_shape .btn-primary:active:not(:disabled):not(.disabled) {

2125 color: #fff;

2126}

2127.about_shape .btn span::after,

2128.btn.text-white span::after {

2129 border-color: #fff;

2130}

2131.highlight_txt {

2132 color: #5957cd;

2133 font-weight:500;

2134 margin-bottom: 20px;

2135}

2136.v_light_purple .highlight_txt,

2137.text-purple,

2138.text-purple.btn-primary:hover,

2139.text-purple.btn-primary.active.focus,

2140.text-purple.btn-primary.active:focus,

2141.text-purple.btn-primary.active:hover,

2142.text-purple.btn-primary:active:focus,

2143.text-purple.btn-primary:active:hover,

2144.text-purple.btn-primary.active,

2145.text-purple.btn-primary:active,

2146.text-purple.btn-primary.focus:active,

2147.text-purple.btn-primary:focus,

2148.text-purple.btn-primary.active:focus:not(:disabled):not(.disabled),

2149.text-purple.btn-primary:active:focus:not(:disabled):not(.disabled),

2150.text-purple.btn-primary.active:not(:disabled):not(.disabled),

2151.text-purple.btn-primary:active:not(:disabled):not(.disabled) {

2152 color: #6000b5;

2153}

2154.btn.text-purple span::after {

2155 border-color: #6000b5;

2156}

2157.btn.text-purple span {

2158 background-color: #6000b5;

2159}

2160

2161/*About Us 2*/

2162.about_shape_bg {

2163 background-image: url("../images/about_bg.png");

2164 background-position: center top;

2165 background-repeat: no-repeat;

2166}

2167.work_icon {

2168 float: left;

2169 margin-right: 15px;

2170}

2171.work_icon i {

2172 color: #5957cd;

2173 font-size: 30px;

2174}

2175.work_inner {

2176 overflow: hidden;

2177}

2178.work_inner h4 {

2179 margin-top:0;

2180}

2181.work_inner p {

2182 margin: 0;

2183}

2184.rounded_shape::before {

2185 background-image: url("../images/rounded_shape.png");

2186 content: "";

2187 height: 644px;

2188 left: 0;

2189 position: absolute;

2190 top: 60%;

2191 width: 289px;

2192 z-index: 2;

2193}

2194.video_wrap img {

2195 border-radius: 10px;

2196}

2197.video_wrap::before {

2198 border: 3px solid #ff67cb;

2199 border-radius: 10px;

2200 bottom: 30px;

2201 content: "";

2202 left: -30px;

2203 position: absolute;

2204 right: -30px;

2205 top: -30px;

2206 z-index: -1;

2207}

2208.video_wrap {

2209 position: relative;

2210}

2211.bg_navy_blue.video_bg {

2212 bottom: 0;

2213 height: 150px;

2214 left: 0;

2215 position: absolute;

2216 right: 0;

2217 width: 100%;

2218}

2219.video_text {

2220 left: 0;

2221 position: absolute;

2222 right: 0;

2223 text-align: center;

2224 top: 50%;

2225 -moz-transform: translateY(-50%);

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

2227 transform: translateY(-50%);

2228}

2229.video_text a {

2230 color: #ffffff;

2231 display: inline-block;

2232}

2233.video_text span {

2234 display: block;

2235 font-size: 24px;

2236 font-weight: bold;

2237 padding-top: 30px;

2238}

2239.video_text i {

2240 border-radius: 100%;

2241 color: #ffffff;

2242 display: inline-block;

2243 font-size: 50px;

2244 height: 85px;

2245 line-height: 90px;

2246 padding-left: 6px;

2247 width: 85px;

2248}

2249

2250.v_blue .work_icon i,

2251.v_blue .work_inner h4,

2252.v_blue .work_inner p,

2253.v_light_dark .work_icon i,

2254.v_light_dark .work_inner h4,

2255.v_light_dark .work_inner p {

2256 color: #ffffff;

2257}

2258.about_logo_icon {

2259 background-color: #ffffff;

2260 border: 3px solid #0043bb;

2261 border-radius: 100%;

2262 display: table;

2263 height: 65px;

2264 left: 0;

2265 line-height: 58px;

2266 margin: 0 auto;

2267 padding-right: 2px;

2268 position: absolute;

2269 right: 0;

2270 text-align: center;

2271 top: 50%;

2272 -moz-transform: translateY(-50%);

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

2274 transform: translateY(-50%);

2275 width: 65px;

2276}

2277/*===================================*

227805. END ABOUT SECTION

2279*===================================*/

2280

2281/*===================================*

228206. TOKEN SECTION

2283*===================================*/

2284.section_token {

2285 position:relative;

2286}

2287.tk_countdown_time {

2288 background-color: #5957cd;

2289 border-radius: 9px;

2290 box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

2291 padding: 10px;

2292}

2293.tk_countdown {

2294 background-color: #4241B8;

2295 background-position: right center;

2296 background-repeat: no-repeat;

2297 border-radius: 10px;

2298 padding: 35px;

2299}

2300.banner_coundown {

2301 max-width: 460px;

2302 padding: 10px

2303}

2304.banner_coundown .tk_countdown_time {

2305 padding: 10px 0 0 0;

2306}

2307.token_countdown_bg {

2308 background-image:url('../images/token_countdown_bg.png');

2309}

2310.countdown_shape {

2311 background-image: url("../images/counter_bg.png");

2312}

2313.tk_counter_inner {

2314 margin: 0 auto;

2315 max-width: 390px;

2316 width: 100%;

2317}

2318.counter_box {

2319 color:#fff;

2320 display:inline-block;

2321 position:relative;

2322 width:25%;

2323}

2324.counter_box .tk_counter {

2325 display: block;

2326 font-size: 40px;

2327 font-weight: 600;

2328 padding: 10px;

2329}

2330.counter_medium .counter_box .tk_counter {

2331 font-weight: 500;

2332}

2333.counter_box .tk_counter::after {

2334 content: ":";

2335 font-size: 20px;

2336 font-weight: 600;

2337 left: 100%;

2338 position: absolute;

2339 top: 10px;

2340 -moz-transform: translateX(-50%);

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

2342 transform: translateX(-50%);

2343}

2344.counter_box:last-child .tk_counter:after {

2345 content: normal;

2346}

2347.counter_box .tk_text {

2348 display: block;

2349

font-size: 12px;

2350 font-weight: 500;

2351 text-transform: uppercase;

2352}

2353.tk_countdown .btn {

2354 margin: 15px 0;

2355}

2356.pr_box h6 {

2357 color: #ffcb68;

2358}

2359.pr_box p {

2360 color:#fff;

2361

font-size:14px;

2362 font-weight: 500;

2363 line-height: normal;

2364 margin: 0;

2365 text-transform: uppercase;

2366}

2367.pr_box {

2368 margin-top:40px;

2369 text-align: center;

2370}

2371.token_sale .pr_box:first-child {

2372 margin: 0;

2373}

2374.token_chart {

2375 position: relative;

2376}

2377.chart_list li {

2378 margin-bottom: 15px;

2379}

2380.chart_list li:last-child {

2381 margin:0;

2382}

2383.chart_list h6 {

2384 color: #444;

2385 font-weight:normal;

2386}

2387.chart_list .progress {

2388 border-radius: 0;

2389 font-weight: 600;

2390}

2391.chart_list .progress-bar {

2392 display: block;

2393 line-height: 18px;

2394}

2395.chart_list .bg-orange {

2396 background-color: #f6c59e;

2397}

2398.bg-orange .progress-bar {

2399 background-color: #f69040;

2400}

2401.chart_list .bg-green {

2402 background-color: #b7dfc9;

2403}

2404.bg-green .progress-bar {

2405 background-color: #78c596;

2406}

2407.chart_list .bg-red {

2408 background-color: #f4b8b9;

2409}

2410.bg-red .progress-bar {

2411 background-color: #f17776;

2412}

2413.chart_list .bg-blue {

2414 background-color: #82d3e2;

2415}

2416.bg-blue .progress-bar {

2417 background-color: #0eadc9;

2418}

2419.chart_list .bg-purple {

2420 background-color: #a9abd2;

2421}

2422.bg-purple .progress-bar {

2423 background-color: #5b5da8;

2424}

2425.chart_icon {

2426 left: 50%;

2427 position: absolute;

2428 right: 0;

2429 top: 50%;

2430 -moz-transform: translateY(-50%) translateX(-50%);

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

2432 transform: translateY(-50%) translateX(-50%);

2433 z-index: -1;

2434 text-align: center;

2435}

2436.chart_bx {

2437 background-color: #ffffff;

2438 display: inline-block;

2439 margin-right: 5px;

2440 height: 7px;

2441 vertical-align: middle;

2442 width: 7px;

2443}

2444.list_chart li {

2445 display: inline-block;

2446 padding: 0 5px;

2447

font-size:14px;

2448 font-weight: 500;

2449}

2450.list_chart li span{

2451 color: #fff;

2452}

2453.color1 {

2454 background-color: #f69040;

2455}

2456.color2 {

2457 background-color: #78c596;

2458}

2459.color3 {

2460 background-color: #f17776;

2461}

2462.color4 {

2463 background-color: #0eadc9;

2464}

2465.color5 {

2466 background-color: #4241b8;

2467}

2468.color6 {

2469 background-color: #4449cc;

2470}

2471.color7 {

2472 background-color: #00e1f4;

2473}

2474.color8 {

2475 background-color: #d26187;

2476}

2477.color9 {

2478 background-color: #d4b630;

2479}

2480.color10 {

2481 background-color: #0052ce;

2482}

2483.color11 {

2484 background-color: #5b5da8;

2485}

2486.color12 {

2487 background-color: #9a46cc;

2488}

2489.color13 {

2490 background-color: #d3b62f;

2491}

2492

2493.chart_list_info li {

2494 background-color: #121a6d;

2495 border-radius: 5px;

2496 padding: 10px 20px;

2497 margin-bottom: 10px;

2498}

2499.chart_list_info li:last-child {

2500 margin-bottom: 0;

2501}

2502.chart_list_info li p {

2503 color: #fff;

2504 margin: 0;

2505}

2506.chart_list_info li p span {

2507 color: #ffcc67;

2508}

2509.token_info {

2510 border-radius: 10px;

2511}

2512.token_info .tk_countdown_time {

2513 background-color: rgba(0, 0, 0, 0);

2514 border-radius: 0;

2515 box-shadow: none;

2516 padding: 0;

2517}

2518.token_list_info {

2519 border-radius: 0 10px 10px 0;

2520 padding: 50px 50px 50px 100px;

2521 position: relative;

2522 overflow: hidden;

2523}

2524.token_list_shape::before {

2525 background-color: #193dc0;

2526 bottom: 0;

2527 content: "";

2528 left: -20px;

2529 position: absolute;

2530 top: 0;

2531 transform: skewX(-5deg);

2532 width: 40px;

2533}

2534.token_info .tk_counter_inner {

2535 padding: 40px 30px;

2536 max-width: 100%;

2537}

2538.token_info .tk_counter_inner .btn {

2539 margin: 15px 0;

2540}

2541.sale_info h6 {

2542 color: #ffcb68;

2543 margin: 0;

2544}

2545.sale_info p {

2546 color: #ffffff;

2547

font-size: 14px;

2548 font-weight: 500;

2549 margin: 0;

2550}

2551.sale_info p span {

2552 color: #65f479;

2553}

2554.sale_info {

2555 margin-top: 30px;

2556}

2557.token_list_info .col-md-6:nth-child(-n+2) .sale_info {

2558 margin-top: 0;

2559}

2560.chart_info_list {

2561 margin-left: 40px;

2562}

2563.chart_info_list span {

2564

font-size: 14px;

2565 font-weight: 500;

2566}

2567.token_bg {

2568 background-image: url("../images/token_bg2.png");

2569 background-position: center center;

2570 background-repeat: no-repeat;

2571}

2572.token_info_table .table td {

2573 border: 0 none;

2574

font-size: 14px;

2575 font-weight: 500;

2576 line-height: normal;

2577 padding: 12px 20px;

2578 vertical-align: middle;

2579}

2580.table-dark {

2581 background-color: #0c0e27;

2582}

2583.table-blue {

2584 background-color: #0b1f98;

2585 color: #ffffff;

2586}

2587.table-navy-blue {

2588 background-color: #052d85;

2589 color: #ffffff;

2590}

2591.table-navy-blue.table tr:nth-child(2n),

2592.v_navy_blue .token_detail li {

2593 background-color: #121a6d;

2594}

2595.token_info_table .table td:first-child,

2596.token_info_table_s2 .table td:first-child {

2597 color: #ffcb68;

2598 font-size: 16px;

2599}

2600.token_info_table table tr:nth-child(2n) {

2601 background-color: #262d4e;

2602}

2603.token_dt {

2604 height: 100%;

2605 padding: 40px 30px;

2606}

2607.token_dt .tk_counter_inner {

2608 margin: 0;

2609}

2610.token_dt .progress {

2611 margin-bottom: 60px;

2612}

2613.tk_border_white {

2614 border: 3px solid #fff;

2615}

2616.token_detail {

2617 padding-left: 30px;

2618}

2619.token_detail li h4 {

2620 color: #ffffff;

2621 font-size: 22px;

2622 font-weight: 600;

2623}

2624.token_detail li span {

2625 color: #ffcb68;

2626}

2627.token_detail li {

2628 background-color: #262d4e;

2629 border-radius: 5px;

2630 margin-bottom: 9px;

2631 padding: 14px;

2632}

2633.token_detail li:last-child {

2634 margin-bottom: 0px;

2635}

2636.token_info_table_s2 .table td {

2637 border-color: #193dc0;

2638

font-size: 14px;

2639 font-weight: 500;

2640 padding: 10px 15px;

2641 text-align: right;

2642}