CSS File

1@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Open+Sans');

2.alignleft {

3 float: left;

4 margin-right: 15px;

5}

6

7.alignright {

8 float: right;

9 margin-left: 15px;

10}

11

12.aligncenter {

13 display: block;

14 margin: 0 auto 15px;

15}

16

17a {

18 -webkit-transition: 0.3s;

19 transition: 0.3s;

20}

21

22a:focus,

23a:hover {

24 outline: 0 solid;

25 text-decoration: none;

26}

27

28ul,

29ol {

30 margin: 0;

31 padding: 0;

32 list-style: none;

33}

34

35button:focus {

36 outline: 0;

37}

38

39img {

40 max-width: 100%;

41 height: auto;

42}

43

44h1,

45h2,

46h3,

47h4,

48h5,

49h6 {

50 color: #292929;

51 /* font-family: 'Libre Baskerville', serif; */

52 font-weight: inherit;

53 margin: 0 0 15px;

54 line-height: 1.4em;

55}

56

57/*h1 { font-size: 2em; margin: .67em 0 }

58h2 { font-size: 1.5em; margin: .75em 0 }

59h3 { font-size: 1.17em; margin: .83em 0 }

60h5 { font-size: .83em; margin: 1.5em 0 }

61h6 { font-size: .75em; margin: 1.67em 0 }*/

62

63html,

64body {

65 height: 100%

66}

67

68body {

69 /* font-family: 'Open Sans', sans-serif; */

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

71

font-size: 14px;

72 line-height: 1.6em;

73 font-weight: 400;

74 color: #6f6f6f;

75}

76

77a:hover,

78a:focus {

79 text-decoration: none;

80 outline: 0;

81}

82

83/* Remove Chrome Input Field's Unwanted Yellow Background Color */

84

85input:-webkit-autofill,

86input:-webkit-autofill:hover,

87input:-webkit-autofill:focus {

88 -webkit-box-shadow: 0 0 0px 1000px white inset !important;

89}

90

91/*--------------------

92 CONTENT POSITION

93---------------------*/

94

95.fix {

96 overflow: hidden;

97}

98

99.relative {

100 position: relative;

101 overflow: hidden;

102}

103

104.absulute {

105 position: absolute;

106}

107

108.v-center {

109 position: absolute;

110 left: 0;

111 top: 50%;

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

113 transform: translateY(-50%);

114 width: 100%;

115 z-index: 9;

116}

117

118.h-center {

119 left: 50%;

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

121 transform: translateX(-50%);

122}

123

124.h-center-reverse {

125 right: 50%;

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

127 transform: translateX(50%);

128}

129

130.content-center {

131 -webkit-box-align: center;

132 -ms-flex-align: center;

133 align-items: center;

134 display: -webkit-box;

135 display: -ms-flexbox;

136 display: flex;

137 -webkit-box-orient: vertical;

138 -webkit-box-direction: normal;

139 -ms-flex-direction: column;

140 flex-direction: column;

141 height: 100%;

142 -webkit-box-pack: center;

143 -ms-flex-pack: center;

144 justify-content: center;

145 left: 0;

146 position: absolute;

147 top: 0;

148 width: 100%;

149}

150

151.flex-v-center {

152 display: -webkit-box;

153 display: -ms-flexbox;

154 display: flex;

155 -webkit-box-align: center;

156 -ms-flex-align: center;

157 align-items: center;

158}

159

160.social-bookmark li {

161 display: inline;

162}

163

164.social-bookmark li a {

165 display: inline-block;

166 margin: 0 2px;

167 text-align: center;

168}

169

170.inline li {

171 display: inline;

172}

173

174.inline-block li {

175 display: inline-block;

176 padding: 5px 15px;

177}

178

179.inline-block {

180 display: inline-block;

181}

182

183/*-----------------------

184 SECTION TITLE

185------------------------*/

186

187.area-title,

188.section-title {

189 margin-bottom: 80px;

190 position: relative;

191}

192

193.area-title h2 {

194 color: #1a264a;

195 line-height: 1;

196 margin-bottom: 45px;

197 padding-bottom: 35px;

198 position: relative;

199 text-transform: uppercase;

200}

201

202.area-title h2 span {

203 color: #545096;

204}

205

206.icon-and-border {

207 background: #fff none repeat scroll 0 0;

208 border-radius: 50%;

209 color: #545096;

210 display: inline-block;

211 height: 40px;

212 left: 0;

213 margin: auto;

214 padding-top: 8px;

215 position: absolute;

216 right: 0;

217 text-align: center;

218 top: 45px;

219 width: 40px;

220}

221

222.area-title h2::after {

223 border-bottom: 2px dashed #1a264a;

224 bottom: 0;

225 content: "";

226 height: 2px;

227 left: 50%;

228 position: absolute;

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

230 transform: translateX(-50%);

231 width: 50%;

232}

233

234.sky-gray-bg .area-title .icon-and-border {

235 background: #e5eff6;

236}

237

238.gray-bg .area-title .icon-and-border {

239 background: #f5f4f4 none repeat scroll 0 0;

240}

241

242/*------------------------

243 READ MORE BUTTON

244--------------------------*/

245

246.read-more {

247 background: #ffffff none repeat scroll 0 0;

248 border: 2px solid;

249 border-radius: 5px;

250 color: #545096;

251 display: inline-block;

252 font-weight: 500;

253 margin-top: 10px;

254 padding: 10px 29px;

255 text-transform: uppercase;

256}

257

258.read-more:hover {

259 background: #545096 none repeat scroll 0 0;

260 border-color: #545096;

261 color: #fff;

262}

263

264/*--------------------

265 PADDING

266---------------------*/

267

268.no-padding {

269 padding: 0;

270}

271

272.padding-20 {

273 padding: 20px;

274}

275

276.padding-30 {

277 padding: 30px;

278}

279

280.padding-50 {

281 padding: 50px;

282}

283

284.padding-top {

285 padding-top: 100px;

286}

287

288.padding-bottom {

289 padding-bottom: 100px;

290}

291

292.section-padding {

293 padding: 100px 0;

294}

295

296.padding-100-70 {

297 padding-top: 100px;

298 padding-bottom: 70px;

299}

300

301.padding-100-50 {

302 padding-top: 100px;

303 padding-bottom: 50px;

304}

305

306.padding-100-40 {

307 padding-top: 100px;

308 padding-bottom: 40px;

309}

310

311.padding-100-30 {

312 padding-top: 100px;

313 padding-bottom: 30px;

314}

315

316.padding-50-50 {

317 padding: 50px 0;

318}

319

320.padding-150-150 {

321 padding: 150px 0;

322}

323

324/*--------------------

325 MARGIN

326---------------------*/

327

328.no-margin {

329 margin: 0;

330}

331

332.mt100 {

333 margin-top: 100px;

334}

335

336.mt70 {

337 margin-top: 70px;

338}

339

340.mt50 {

341 margin-top: 50px;

342}

343

344.mt30 {

345 margin-top: 30px;

346}

347

348.mt20 {

349 margin-top: 20px;

350}

351

352.mb100 {

353 margin-bottom: 100px;

354}

355

356.mb70 {

357 margin-bottom: 70px;

358}

359

360.mb50 {

361 margin-bottom: 50px;

362}

363

364.mb30 {

365 margin-bottom: 30px;

366}

367

368.mb20 {

369 margin-bottom: 20px;

370}

371

372.mb0 {

373 margin-bottom: 0;

374}

375

376@media only screen and (min-width: 1200px) {

377 /*----------------------------------

378 MEDIUM LAYOUT: 1280px

379 -----------------------------------*/

380 .lg-mb0 {

381 margin-bottom: 0px;

382 }

383 .lg-mb20 {

384 margin-bottom: 20px;

385 }

386 .lg-mb30 {

387 margin-bottom: 30px;

388 }

389 .lg-mb40 {

390 margin-bottom: 40px;

391 }

392 .lg-mb50 {

393 margin-bottom: 50px;

394 }

395 .lg-mb70 {

396 margin-bottom: 70px;

397 }

398 .lg-mb100 {

399 margin-bottom: 100px;

400 }

401 /*----------------*/

402 .lg-mt0 {

403 margin-top: 0px;

404 }

405 .lg-mt20 {

406 margin-top: 20px;

407 }

408 .lg-mt30 {

409 margin-top: 30px;

410 }

411 .lg-mt40 {

412 margin-top: 40px;

413 }

414 .lg-mt50 {

415 margin-top: 50px;

416 }

417 .lg-mt70 {

418 margin-top: 70px;

419 }

420 .lg-mt100 {

421 margin-top: 100px;

422 }

423 /*----------------*/

424 .lg-padding20 {

425 padding: 20px;

426 }

427 .lg-padding30 {

428 padding: 30px;

429 }

430 .lg-padding40 {

431 padding: 40px;

432 }

433 .lg-padding50 {

434 padding: 50px;

435 }

436 .lg-padding70 {

437 padding: 70px;

438 }

439 .lg-padding100 {

440 padding: 100px;

441 }

442 /*--------------------

443 FONT

444 ----------------------*/

445 .lg-center {

446 text-align: center;

447 }

448 .lg-font h1 {

449 font-size: 32px;

450 }

451 .lg-font h2 {

452 font-size: 26px;

453 }

454 .lg-font h3 {

455 font-size: 24px;

456 }

457 .lg-font h4 {

458 font-size: 18px;

459 }

460 .lg-font h5 {

461 font-size: 16px;

462 }

463 .lg-font h6 {

464

font-size: 14px;

465 }

466}

467

468@media only screen and (min-width: 992px) and (max-width: 1200px) {

469 /*----------------------------------

470 MEDIUM LAYOUT: 1280px

471 -----------------------------------*/

472 .md-mb0 {

473 margin-bottom: 0px;

474 }

475 .md-mb20 {

476 margin-bottom: 20px;

477 }

478 .md-mb30 {

479 margin-bottom: 30px;

480 }

481 .md-mb40 {

482 margin-bottom: 40px;

483 }

484 .md-mb50 {

485 margin-bottom: 50px;

486 }

487 .md-mb70 {

488 margin-bottom: 70px;

489 }

490 .md-mb100 {

491 margin-bottom: 100px;

492 }

493 /*----------------*/

494 .md-mt0 {

495 margin-top: 0px;

496 }

497 .md-mt20 {

498 margin-top: 20px;

499 }

500 .md-mt30 {

501 margin-top: 30px;

502 }

503 .md-mt40 {

504 margin-top: 40px;

505 }

506 .md-mt50 {

507 margin-top: 50px;

508 }

509 .md-mt70 {

510 margin-top: 70px;

511 }

512 .md-mt100 {

513 margin-top: 100px;

514 }

515 /*----------------*/

516 .md-padding20 {

517 padding: 20px;

518 }

519 .md-padding30 {

520 padding: 30px;

521 }

522 .md-padding40 {

523 padding: 40px;

524 }

525 .md-padding50 {

526 padding: 50px;

527 }

528 .md-padding70 {

529 padding: 70px;

530 }

531 .md-padding100 {

532 padding: 100px;

533 }

534 /*--------------------

535 FONT

536 ----------------------*/

537 .md-center {

538 text-align: center;

539 }

540 .md-font h1 {

541 font-size: 28px;

542 }

543 .md-font h2 {

544 font-size: 24px;

545 }

546 .md-font h3 {

547 font-size: 20px;

548 }

549 .md-font h4 {

550 font-size: 16px;

551 }

552 .md-font h5 {

553

font-size: 14px;

554 }

555 .md-font h6 {

556

font-size: 12px;

557 }

558}

559

560@media (min-width: 768px) and (max-width: 991px) {

561 /*----------------------------------

562 TABLET LAYOUT: 768px

563 -----------------------------------*/

564 .sm-mb0 {

565 margin-bottom: 0px;

566 }

567 .sm-mb20 {

568 margin-bottom: 20px;

569 }

570 .sm-mb30 {

571 margin-bottom: 30px;

572 }

573 .sm-mb40 {

574 margin-bottom: 40px;

575 }

576 .sm-mb50 {

577 margin-bottom: 50px;

578 }

579 .sm-mb70 {

580 margin-bottom: 70px;

581 }

582 .sm-mb100 {

583 margin-bottom: 100px;

584 }

585 /*----------------*/

586 .sm-mt0 {

587 margin-top: 0px;

588 }

589 .sm-mt20 {

590 margin-top: 20px;

591 }

592 .sm-mt30 {

593 margin-top: 30px;

594 }

595 .sm-mt40 {

596 margin-top: 40px;

597 }

598 .sm-mt50 {

599 margin-top: 50px;

600 }

601 .sm-mt70 {

602 margin-top: 70px;

603 }

604 .sm-mt100 {

605 margin-top: 100px;

606 }

607 /*----------------*/

608 .sm-padding20 {

609 padding: 20px;

610 }

611 .sm-padding30 {

612 padding: 30px;

613 }

614 .sm-padding40 {

615 padding: 40px;

616 }

617 .sm-padding50 {

618 padding: 50px;

619 }

620 .sm-padding70 {

621 padding: 70px;

622 }

623 .sm-padding100 {

624 padding: 100px;

625 }

626 /*--------------------

627 FONT

628 ----------------------*/

629 .sm-center {

630 text-align: center;

631 }

632 .sm-font h1 {

633 font-size: 28px;

634 }

635 .sm-font h2 {

636 font-size: 24px;

637 }

638 .sm-font h3 {

639 font-size: 20px;

640 }

641 .sm-font h4 {

642 font-size: 16px;

643 }

644 .sm-font h5 {

645

font-size: 14px;

646 }

647 .sm-font h6 {

648

font-size: 12px;

649 }

650}

651

652@media only screen and (max-width: 767px) {

653 /*----------------------------------

654 MOBILE LAYOUT: 320px

655 -----------------------------------*/

656 .xs-mb0 {

657 margin-bottom: 0px;

658 }

659 .xs-mb20 {

660 margin-bottom: 20px;

661 }

662 .xs-mb30 {

663 margin-bottom: 30px;

664 }

665 .xs-mb40 {

666 margin-bottom: 40px;

667 }

668 .xs-mb50 {

669 margin-bottom: 50px;

670 }

671 .xs-mb70 {

672 margin-bottom: 70px;

673 }

674 .xs-mb100 {

675 margin-bottom: 100px;

676 }

677 /*----------------*/

678 .xs-mt0 {

679 margin-top: 0px;

680 }

681 .xs-mt20 {

682 margin-top: 20px;

683 }

684 .xs-mt30 {

685 margin-top: 30px;

686 }

687 .xs-mt40 {

688 margin-top: 40px;

689 }

690 .xs-mt50 {

691 margin-top: 50px;

692 }

693 .xs-mt70 {

694 margin-top: 70px;

695 }

696 .xs-mt100 {

697 margin-top: 100px;

698 }

699 /*----------------*/

700 .xs-padding20 {

701 padding: 20px;

702 }

703 .xs-padding30 {

704 padding: 30px;

705 }

706 .xs-padding40 {

707 padding: 40px;

708 }

709 .xs-padding50 {

710 padding: 50px;

711 }

712 .xs-padding70 {

713 padding: 70px;

714 }

715 .xs-padding100 {

716 padding: 100px;

717 }

718 /*--------------------

719 FONT

720 ----------------------*/

721 .xs-center {

722 text-align: center;

723 }

724 .xs-font h1 {

725 font-size: 26px;

726 }

727 .xs-font h2 {

728 font-size: 22px;

729 }

730 .xs-font h3 {

731 font-size: 18px;

732 }

733 .xs-font h4 {

734

font-size: 14px;

735 }

736 .xs-font h5 {

737

font-size: 12px;

738 }

739 .xs-font h6 {

740

font-size: 10px;

741 }

742

743}

744

745/*--------------------

746 WIDTH

747---------------------*/

748

749.width100,

750.width100 img {

751 width: 100%;

752}

753

754/*----------------------

755 ALIGN

756-----------------------*/

757

758.left,

759.right,

760.center {

761 position: relative;

762}

763

764.left {

765 text-align: left;

766}

767

768.right {

769 text-align: right;

770}

771

772.center {

773 text-align: center;

774}

775

776/*-----------------------

777 COLOR

778------------------------*/

779

780.white,

781.white h1,

782.white h2,

783.white h3,

784.white h4,

785.white h5,

786.white h6,

787.white a,

788.white small {

789 color: #ffffff;

790}

791

792/*--------------------

793 BACKGROUND

794---------------------*/

795

796.green-bg {

797 background: #f6fafb;

798}

799

800.bg-light-gray {

801 background-color: #f7f7f7;

802}

803

804/*-------------------*/

805

806.gray-bg {

807 background: #FAFDFB;

808}

809

810.sky-gray-bg {

811 background: #FAFDFB;;

812}

813

814.blue-bg {

815 background: #545096;

816}

817

818.dark-blue-bg {

819 background: #1291CA;

820}

821

822.dark-bg {

823 background: rgba(0, 0, 0, .85);

824 color: #ffffff;

825}

826

827.deep-dark-bg {

828 background: rgba(0, 0, 0, .9);

829 color: #ffffff;

830}

831

832.area-bg {

833 height: 100%;

834 left: 0;

835 position: absolute;

836 top: 0;

837 width: 100%;

838}

839

840.area-bg::after,

841.area-bg::before {

842 content: "";

843 height: 100%;

844 left: 0;

845 position: absolute;

846 top: 0;

847 width: 100%;

848}

849

850.area-bg::before {

851 background: #545096 none repeat scroll 0 0;

852}

853

854/*-----------------------

855 SHADOW & BORDER

856------------------------*/

857

858.shadow {

859 -webkit-box-shadow: 0 0 3px #dddddd;

860 box-shadow: 0 0 3px #dddddd;

861}

862

863.shadow10 {

864 -webkit-box-shadow: 0 0 10px #dddddd;

865 box-shadow: 0 0 3px #dddddd;

866 -webkit-transition: 0.3s;

867 transition: 0.3s;

868}

869

870.shadow10:hover {

871 -webkit-transform: translateY(-5px);

872 transform: translateY(-5px);

873}

874

875.border {

876 border: 1px solid #dddddd;

877}

878

879.border-left {

880 border-left: 1px solid #dddddd;

881}

882

883.border-right {

884 border-right: 1px solid #dddddd;

885}

886

887.border-bottom {

888 border-bottom: 1px solid #dddddd;

889}

890

891.border-top {

892 border-top: 1px solid #dddddd;

893}

894

895.border-righ-bottom {

896 border-right: 1px solid #dddddd;

897 border-bottom: 1px solid #dddddd;

898}

899

900.border-xs {

901 border: 1px solid #dddddd;

902}

903

904.b-radious-10 {

905 border-radius: 10px;

906}

907

908.b-radious-20 {

909 border-radius: 20px;

910}

911

912.b-radious-50 {

913 border-radius: 50px;

914}

915

916/*--------------------------

917 2. TOP AREA

918---------------------------*/

919

920.top-area {

921 height: 100%;

922 position: relative;

923 width: 100%;

924 overflow: hidden;

925}

926

927.welcome-text-area {

928 height: 100%;

929 overflow: hidden;

930 padding-top: 100px;

931 width: 100%;

932}

933

934.top-area .area-bg {

935 background: rgba(0, 0, 0, 0) no-repeat scroll center center / cover;

936}

937

938.top-area .area-bg::after {

939 background: rgba(0, 0, 0, 0) url("assets/site_new/img/home/home-wave.svg") no-repeat scroll center center / cover;

940 bottom: -59px;

941 height: 166px;

942 top: auto;

943 z-index: 9;

944}

945

946/*----------------------

947 TOP BAR

948-----------------------*/

949

950.search-collapse-area {

951 background: #545096 none repeat scroll 0 0;

952 border-top: 1px solid;

953}

954

955.search-form {

956 -webkit-box-sizing: border-box;

957 box-sizing: border-box;

958 height: 70px;

959 margin-bottom: 20px;

960 margin-top: 20px;

961 position: relative;

962}

963

964.search-form input,

965.search-form button {

966 background: transparent none repeat scroll 0 0;

967 border: 0 none;

968 height: 50px;

969 left: 10px;

970 padding: 10px;

971 position: absolute;

972 top: 10px;

973 width: calc(100% - 87px);

974 -webkit-transition: 0.3s;

975 transition: 0.3s;

976}

977

978.search-form button {

979 font-size: 25px;

980 left: auto;

981 right: 10px;

982 width: 50px;

983}

984

985.search-form button:hover {

986 background: #fff none repeat scroll 0 0;

987 color: #545096;

988}

989

990.search-form::before {

991 border: 2px solid #fff;

992 content: "";

993 height: 100%;

994 left: 0;

995 position: absolute;

996 top: 0;

997 width: 100%;

998}

999

1000.sign-up {

1001 border: 2px solid;

1002 border-radius: 50px;

1003 letter-spacing: 2px;

1004 padding: 7px 30px;

1005}

1006

1007.search-and-signup-button {

1008 padding: 34px 0 34px 34px;

1009 -webkit-transition: all 0.3s ease 0s;

1010 transition: all 0.3s ease 0s;

1011}

1012

1013.search-and-signup-button button {

1014 background: transparent none repeat scroll 0 0;

1015 border: 0 none;

1016 font-size: 20px;

1017 line-height: 1;

1018 position: relative;

1019 top: 3px;

1020}

1021

1022.is-sticky .search-and-signup-button {

1023 padding: 16px 34px;

1024 padding-right: 0;

1025}

1026

1027

1028/*---------------------------------

1029 2.1 MAINMENU AREA

1030-----------------------------------*/

1031

1032.header-top-area {

1033 left: 0;

1034 position: absolute;

1035 top: 0;

1036 width: 100%;

1037 z-index: 999;

1038}

1039

1040.mainmenu-area {

1041 position: relative;

1042 -webkit-transition: all 0.3s ease 0s;

1043 transition: all 0.3s ease 0s;

1044 z-index: 9999;

1045 background: #fff;

1046 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

1047 box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

1048}

1049

1050.navbar-header {

1051 margin-top: 14px;

1052 -webkit-transition: all 0.3s ease 0s;

1053 transition: all 0.3s ease 0s;

1054}

1055

1056.navbar {

1057 border-bottom: 0 none;

1058 border-top: 0 none;

1059 margin-bottom: 0;

1060}

1061

1062.navbar-brand > img {

1063 -webkit-transition: all 0.3s ease 0s;

1064 transition: all 0.3s ease 0s;

1065}

1066

1067.is-sticky .navbar-brand > img {

1068 max-width: 80%;

1069}

1070

1071/*ul#nav {

1072 float: right;

1073 -webkit-transition: 0.3s;

1074 transition: 0.3s;

1075}*/

1076

1077ul#nav {

1078 float: none;

1079 -webkit-transition: all 0.3s ease 0s;

1080 transition: all 0.3s ease 0s;

1081}

1082

1083.stellarnav.dark {

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

1085}

1086

1087.navbar-header {

1088 position: relative;

1089 z-index: 9999;

1090}

1091

1092ul#nav li a {

1093 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

1094 /* font-family: 'Libre Baskerville', serif; */

1095

font-size: 14px;

1096 font-weight: 500;

1097 letter-spacing: 1px;

1098 padding: 40px 5px;

1099 text-transform: uppercase;

1100 -webkit-transition: all 0.3s ease 0s;

1101 transition: all 0.3s ease 0s;

1102}

1103

1104ul#nav li a:hover,

1105ul#nav li.active a {

1106 text-decoration: overline;

1107}

1108

1109.is-sticky ul#nav li a {

1110 padding: 20px 5px;

1111}

1112

1113

1114.is-sticky .navbar-header {

1115 margin-top: -2px;

1116}

1117

1118.is-sticky .mainmenu-area {

1119 background: #545096;

1120 -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

1121 box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

1122 z-index: 99999;

1123}

1124

1125.menu-toggle.full {

1126 border: 1px solid;

1127 height: 40px;

1128 letter-spacing: 2px;

1129 padding-top: 8px;

1130 position: absolute;

1131 right: 15px;

1132 text-align: center;

1133 top: 20px;

1134 width: 110px;

1135 z-index: 9999;

1136}

1137.menu-toggle.full i{color: #000;}

1138

1139.is-sticky .menu-toggle.full {

1140 top: 8px;

1141}

1142

1143ul#nav li ul a,

1144.is-sticky ul#nav li ul a {

1145 border-bottom: 1px solid #1a1a1a;

1146 padding: 10px;

1147 padding-left: 15px;

1148}

1149

1150.home-three .search-and-signup-button {

1151 padding: 38px 0 34px 34px;

1152}

1153

1154.home-three .is-sticky .search-and-signup-button {

1155 padding: 20px 0 16px 34px;

1156}

1157

1158/*-----------------------------------

1159 3. WELCOME SLIDER AREA

1160-------------------------------------*/

1161

1162.welcome-slider-area {

1163 color: #fff;

1164 overflow: hidden;

1165 width: 100%;

1166 position: relative;

1167}

1168

1169.welcome-single-slide {

1170 height: 750px;

1171 width: 100%;

1172}

1173

1174.slide-bg-overlay {

1175 height: 100%;

1176 left: 0;

1177 opacity: 0.6;

1178 position: absolute;

1179 top: 0;

1180 width: 100%;

1181}

1182

1183.slide-bg-overlay::after {

1184 background: #000 none repeat scroll 0 0;

1185 content: "";

1186 height: 100%;

1187 left: 0;

1188 opacity: 0.7;

1189 position: absolute;

1190 top: 0;

1191 width: 100%;

1192}

1193

1194.slide-bg-one {

1195 background: rgba(0, 0, 0, 0) url("assets/site_new/img/slider/slide-1.jpg") no-repeat scroll center center / cover;

1196}

1197

1198.slide-bg-two {

1199 background: rgba(0, 0, 0, 0) url("assets/site_new/img/slider/slide_1.jpg") no-repeat scroll center center / cover;

1200}

1201

1202.slide-bg-three {

1203 background: rgba(0, 0, 0, 0) url("assets/site_new/img/slider/slide_2.jpg") no-repeat scroll center center / cover;

1204}

1205

1206.owl-item.active .welcome-single-slide .welcome-text h4 {

1207 -webkit-animation: 1s ease 1s normal both 1 running fadeInUp;

1208 animation: 1s ease 1s normal both 1 running fadeInUp;

1209}

1210

1211.owl-item.active .welcome-single-slide .welcome-text h1 {

1212 -webkit-animation: 1s ease 1.5s normal both 1 running fadeInUp;

1213 animation: 1s ease 1.5s normal both 1 running fadeInUp;

1214}

1215

1216.owl-item.active .welcome-single-slide .welcome-text p {

1217 -webkit-animation: 1s ease 2s normal both 1 running fadeInUp;

1218 animation: 1s ease 2s normal both 1 running fadeInUp;

1219 ;

1220}

1221

1222.owl-item.active .welcome-single-slide .home-button {

1223 -webkit-animation: 1s ease 2.5s normal both 1 running fadeInUp;

1224 animation: 1s ease 2.5s normal both 1 running fadeInUp;

1225}

1226

1227.welcome-slider-area .owl-nav {

1228 bottom: -100px;

1229 position: absolute;

1230 right: 20px;

1231 -webkit-transition: all 0.3s ease 0s;

1232 transition: all 0.3s ease 0s;

1233}

1234

1235.welcome-slider-area:hover .owl-nav {

1236 bottom: 20px;

1237}

1238

1239.welcome-slider-area .owl-nav > div {

1240 background: #545096 none repeat scroll 0 0;

1241 bottom: 0;

1242 display: inline-block;

1243 font-size: 35px;

1244 height: 50px;

1245 margin-left: 10px;

1246 padding-top: 5px;

1247 right: 0;

1248 text-align: center;

1249 -webkit-transition: all 0.3s ease 0s;

1250 transition: all 0.3s ease 0s;

1251 width: 50px;

1252}

1253

1254.welcome-slider-area .owl-nav > div:hover {

1255 background: #fff none repeat scroll 0 0;

1256 color: #545096;

1257}

1258

1259/*----------------------------

1260 3. WELCOME TEXT AREA

1261------------------------------*/

1262

1263.welcome-area {

1264 -webkit-box-align: end;

1265 -ms-flex-align: end;

1266 align-items: flex-end;

1267 display: -webkit-box;

1268 display: -ms-flexbox;

1269 display: flex;

1270 -webkit-box-orient: vertical;

1271 -webkit-box-direction: normal;

1272 -ms-flex-direction: column;

1273 flex-direction: column;

1274 font-size: 18px;

1275 height: 100%;

1276 -webkit-box-pack: center;

1277 -ms-flex-pack: center;

1278 justify-content: center;

1279 width: 100%;

1280}

1281

1282.welcome-mockup img {

1283 width: 100%;

1284}

1285

1286

1287.welcome-text h4 {

1288 font-size: 20px;

1289}

1290

1291.welcome-text h1 {

1292 font-size: 40px;

1293 margin-bottom: 30px;

1294}

1295

1296.home-button {

1297 padding-top: 50px;

1298}

1299

1300.home-button a {

1301 border: 2px solid;

1302 border-radius: 50px;

1303

font-size: 14px;

1304 font-weight: 500;

1305 letter-spacing: 1px;

1306 margin-right: 15px;

1307 padding: 13px 20px;

1308 text-align: center;

1309 text-transform: uppercase;

1310}

1311

1312.home-button a:hover,

1313.sign-up:hover {

1314 background: #ffffff none repeat scroll 0 0;

1315 border-color: #ffffff;

1316 color: #1aabec;

1317}

1318

1319

1320/*--------------------------------

1321 4. SERVICE TOP AREA

1322---------------------------------*/

1323

1324.qs-box {

1325 position: relative;

1326}

1327

1328.qs-box-icon i {

1329 margin-bottom: 20px;

1330}

1331

1332.qs-box-icon i {

1333 border: 1px solid #545096;

1334 color: #292929;

1335 font-size: 30px;

1336 height: 60px;

1337 padding-top: 15px;

1338 text-align: center;

1339 -webkit-transition: all 0.3s ease 0s;

1340 transition: all 0.3s ease 0s;

1341 width: 60px;

1342}

1343

1344.qs-box:hover .qs-box-icon i {

1345 background: #545096 none repeat scroll 0 0;

1346 border-color: #545096;

1347 color: #ffffff;

1348}

1349

1350.qs-box-icon img {

1351 width: 50px;

1352}

1353

1354.features-top-area .qs-box h3 {

1355 font-size: 18px;

1356 font-weight: 500;

1357 text-transform: capitalize;

1358}

1359

1360.qs-box.pos-icon-left {

1361 padding-left: 80px;

1362 text-align: left;

1363}

1364

1365.qs-box.pos-icon-left .qs-box-icon {

1366 left: 0;

1367 position: absolute;

1368 top: 0;

1369}

1370

1371.qs-box.pos-icon-right {

1372 padding-right: 80px;

1373 text-align: right;

1374}

1375

1376.qs-box.pos-icon-right .qs-box-icon {

1377 right: 0;

1378 position: absolute;

1379 top: 0;

1380}

1381

1382/*--------------------------------

1383 5. APP AREA

1384----------------------------------*/

1385

1386.high-light {

1387 color: #292929;

1388 font-weight: 500;

1389 margin-bottom: 30px;

1390}

1391

1392.app-area-mockup-bg {

1393 background: rgba(0, 0, 0, 0) url("assets/site_new/img/mockups/app-area-mockup.png") no-repeat scroll center bottom / contain;

1394 bottom: 0;

1395 height: 80%;

1396 position: absolute;

1397 right: 8%;

1398 width: 30%;

1399}

1400

1401.app-area .area-title h2::after {

1402 left: 0;

1403 -webkit-transform: inherit;

1404 transform: inherit;

1405}

1406

1407.app-area .icon-and-border {

1408 background: #e5eff6 none repeat scroll 0 0;

1409 left: 0;

1410 right: auto;

1411}

1412

1413.app-area .qs-box-icon i {

1414 border-radius: 50%;

1415 color: #545096;

1416}

1417

1418/*--------------------------------

1419 6. VIDEO AREA

1420---------------------------------*/

1421

1422.video-area .area-bg::before {

1423 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

1424}

1425

1426.video-area .area-bg {

1427 background: rgba(0, 0, 0, 0) url("assets/site_new/img/video/video-area-bg.jpg") no-repeat scroll center top / cover;

1428}

1429

1430.video-area .area-bg::after {

1431 background: rgba(0, 0, 0, 0) linear-gradient(120deg, transparent 50%, #545096 50%) repeat scroll 0 0;

1432 opacity: 0.9;

1433}

1434

1435.video-play-button {

1436 -webkit-box-align: center;

1437 -ms-flex-align: center;

1438 align-items: center;

1439 display: -webkit-box;

1440 display: -ms-flexbox;

1441 display: flex;

1442 height: 50px;

1443 padding-left: 60px;

1444 position: relative;

1445}

1446

1447.video-area-popup {

1448 background: transparent none repeat scroll 0 0;

1449 border: 1px solid;

1450 border-radius: 50%;

1451 color: #fff;

1452 font-size: 30px;

1453 height: 50px;

1454 left: 0;

1455 line-height: 1;

1456 position: absolute;

1457 text-align: center;

1458 top: 0;

1459 -webkit-transition: all 0.3s ease 0s;

1460 transition: all 0.3s ease 0s;

1461 width: 50px;

1462}

1463

1464.video-area-popup:hover {

1465 background: #fff none repeat scroll 0 0;

1466 border-color: #fff;

1467 color: #545096;

1468}

1469

1470.video-area-popup-new {

1471 background: transparent none repeat scroll 0 0;

1472 border: 1px solid;

1473 border-radius: 50%;

1474 color: #fff;

1475 font-size: 24px;

1476 height: 50px;

1477 left: 0;

1478 line-height: 1;

1479 text-align: center;

1480 top: 0;

1481 /*-webkit-transition: all 0.3s ease 0s;*/

1482 /*transition: all 0.3s ease 0s;*/

1483 width: 50px;

1484 position: absolute;

1485 left: 120px;

1486 top: 40px;

1487}

1488

1489.video-area-popup-new:hover {

1490 background: #fff none repeat scroll 0 0;

1491 border-color: #fff;

1492 color: #545096;

1493}

1494

1495.video-play-button h3 {

1496 border-bottom: 1px solid;

1497 /* font-family: "Open Sans", sans-serif; */

1498 margin-bottom: 0;

1499 text-transform: uppercase;

1500}

1501

1502/*--------------------------------

1503 7. WORK AREA

1504---------------------------------*/

1505

1506.line-border {

1507 border-bottom: 1px solid #545096;

1508 border-left: 1px solid #545096;

1509 border-right: 1px solid #545096;

1510 height: 50px;

1511 left: 50%;

1512 position: absolute;

1513 top: 100%;

1514 width: 100%;

1515 z-index: 1;

1516}

1517

1518.line-border::before {

1519 border-right: 1px solid #545096;

1520 border-top: 1px solid #545096;

1521 content: "";

1522 height: 10px;

1523 left: -9px;

1524 position: absolute;

1525 top: 3px;

1526 -webkit-transform: rotate(-45deg);

1527 transform: rotate(-45deg);

1528 -webkit-transform-origin: center top 0;

1529 transform-origin: center top 0;

1530 width: 10px;

1531}

1532

1533.line-border::after {

1534 -webkit-animation: 1s ease 0s normal none infinite running dot_animation;

1535 animation: 1s ease 0s normal none infinite running dot_animation;

1536 background: #545096 none repeat scroll 0 0;

1537 border-radius: 50%;

1538 content: "";

1539 height: 25px;

1540 position: absolute;

1541 right: -13px;

1542 top: -15px;

1543 width: 25px;

1544}

1545

1546.left .line-border {

1547 left: auto;

1548 right: 50%;

1549}

1550

1551.left .line-border::before {

1552 left: auto;

1553 right: -2px;

1554}

1555

1556.left .line-border::after {

1557 left: -13px;

1558 right: auto;

1559}

1560

1561@-webkit-keyframes dot_animation {

1562 0% {

1563 -webkit-box-shadow: 0 0 0 0px rgba(17, 147, 212, 1);

1564 box-shadow: 0 0 0 0px rgba(17, 147, 212, 1);

1565 }

1566 100% {

1567 -webkit-box-shadow: 0 0 0 10px rgba(17, 147, 212, 0);

1568 box-shadow: 0 0 0 10px rgba(17, 147, 212, 0);

1569 }

1570}

1571

1572

1573

1574@keyframes dot_animation {

1575 0% {

1576 -webkit-box-shadow: 0 0 0 0px rgba(17, 147, 212, 1);

1577 box-shadow: 0 0 0 0px rgba(17, 147, 212, 1);

1578 }

1579 100% {

1580 -webkit-box-shadow: 0 0 0 10px rgba(17, 147, 212, 0);

1581 box-shadow: 0 0 0 10px rgba(17, 147, 212, 0);

1582 }

1583}

1584

1585/*--------------------------------

1586 8. SCREENSHOT AREA

1587---------------------------------*/

1588

1589/*.screenshot-slider-mockup {

1590 left: calc(50% - 2px);

1591 position: absolute;

1592 top: 50%;

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

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

1595 z-index: 9;

1596}

1597

1598.screenshot-slider-mockup img {

1599 display: block;

1600 margin: 0 auto;

1601 width: 71%;

1602}*/

1603

1604.screenshot-slider {

1605 background: rgba(0, 0, 0, 0) url("assets/site_new/img/screenshot/screenshot-mobile-mockup.png") no-repeat scroll center center / auto 100%;

1606}

1607

1608.screenshot-slider-2 {

1609 background: rgba(0, 0, 0, 0) url("assets/site_new/img/screenshot/screenshot-mobile-mockup.png") no-repeat scroll right center / auto 100%;

1610}

1611

1612/* .screenshot-area .single-screenshot {

1613 margin: 70px 0 80px;

1614 border: 1px solid #ccc;

1615} */

1616

1617.screenshot-area .screenshot-slider-2 .single-screenshot {

1618 margin: 40px 16px 50px 0;

1619}

1620

1621.screenshot-area .owl-carousel .owl-item img {

1622 margin: 0 auto;

1623 max-width: 100%;

1624 width: auto;

1625}

1626

1627/*--------------------------------

1628 9. DOWNLOAD AREA

1629---------------------------------*/

1630

1631.download-area .area-bg::after {

1632 background: rgba(0, 0, 0, 0) url("assets/site_new/img/mockups/hand-mockup.png") no-repeat scroll center 106% / auto 80%;

1633}

1634

1635.download-area.section-padding {

1636 padding: 200px 0;

1637}

1638

1639.download-button {

1640 border: 1px solid;

1641 border-radius: 5px;

1642 display: inline-block;

1643

font-size: 12px;

1644 letter-spacing: 1px;

1645 margin-top: 20px;

1646 padding: 0 0 10px 30px;

1647 position: relative;

1648 text-align: center;

1649 text-transform: capitalize;

1650 width: 210px;

1651}

1652

1653.download-button i {

1654 font-size: 30px;

1655 left: 14px;

1656 position: absolute;

1657 top: 16px;

1658 width: 0;

1659}

1660

1661.download-button span {

1662 display: block;

1663 font-size: 26px;

1664 line-height: 1;

1665}

1666

1667

1668.download-button:hover {

1669 background: #fff none repeat scroll 0 0;

1670 border-color: #fff;

1671 color: #545096;

1672}

1673

1674/*-------------------------------

1675 10. TEAM AREA

1676--------------------------------*/

1677

1678.member-thumb img {

1679 display: block;

1680 margin: 0 auto;

1681 width: 80%;

1682}

1683

1684.member-name-and-designation h3 {

1685 font-size: 30px;

1686 padding-bottom: 10px;

1687 position: relative;

1688 text-transform: uppercase;

1689}

1690

1691.member-name-and-designation h3::after {

1692 border-bottom: 4px double #545096;

1693 bottom: 0;

1694 content: "";

1695 height: 4px;

1696 left: 0;

1697 position: absolute;

1698 width: 150px;

1699}

1700

1701.member-name-and-designation h3 span {

1702 display: block;

1703

font-size: 15px;

1704}

1705

1706.member-details-content .social-bookmark li a {

1707 border-radius: 50%;

1708 -webkit-box-shadow: 0 0 0 2px #545096 inset;

1709 box-shadow: 0 0 0 2px #545096 inset;

1710 color: #1a264a;

1711 font-size: 22px;

1712 height: 50px;

1713 margin: 0 5px;

1714 padding-top: 13px;

1715 text-align: center;

1716 width: 50px;

1717}

1718

1719.member-details-content .social-bookmark li a:hover {

1720 -webkit-box-shadow: 0 0 0 30px #545096 inset;

1721 box-shadow: 0 0 0 30px #545096 inset;

1722 color: #fff;

1723}

1724

1725

1726.team-member-thumb-menu ul {

1727 text-align: center;

1728}

1729

1730.team-member-thumb-menu ul li {

1731 display: inline-block;

1732 margin: 0 7px;

1733 position: relative;

1734}

1735

1736.team-member-thumb-menu ul li::after {

1737 background: #545096 none repeat scroll 0 0;

1738 content: "";

1739 height: 100%;

1740 left: 0;

1741 opacity: 0;

1742 position: absolute;

1743 top: 0;

1744 -webkit-transition: all 0.3s ease 0s;

1745 transition: all 0.3s ease 0s;

1746 visibility: hidden;

1747 width: 100%;

1748}

1749

1750.team-member-thumb-menu ul li.active::after {

1751 opacity: 0.5;

1752 visibility: visible;

1753}

1754

1755/*---------------------------------

1756 11. INFO AREA

1757----------------------------------*/

1758

1759.info-area .read-more {

1760 margin-top: 30px;

1761}

1762

1763.author-designation {

1764 margin-bottom: 30px;

1765}

1766

1767.author-designation h4 {

1768 margin-bottom: 5px;

1769}

1770

1771.testmonial-author-details {

1772 font-style: italic;

1773}

1774

1775/*---------------------------------

1776 12. TESTMONIAL AREA

1777----------------------------------*/

1778

1779.author-image {

1780 border-radius: 50%;

1781 height: 120px;

1782 margin: 0 auto 20px;

1783 overflow: hidden;

1784 width: 120px;

1785}

1786

1787.testmonial-area .owl-controls {

1788 height: 20px;

1789 margin-top: 30px;

1790 position: relative;

1791}

1792

1793.testmonial-area .owl-dots {

1794 left: 50%;

1795 position: absolute;

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

1797 transform: translateX(-50%);

1798}

1799

1800.testmonial-area .owl-dots > div {

1801 border: 1px solid #9d9f9f;

1802 border-radius: 50%;

1803 display: inline-block;

1804 height: 15px;

1805 margin: 0 5px;

1806 -webkit-transition: all 0.3s ease 0s;

1807 transition: all 0.3s ease 0s;

1808 width: 15px;

1809}

1810

1811.testmonial-area .owl-dots > div.active {

1812 background: #545096 none repeat scroll 0 0;

1813 border-color: #545096;

1814}

1815

1816/*---------------------------------

1817 13. PRICE AERA

1818-----------------------------------*/

1819

1820.single-price {

1821 background: #ffffff none repeat scroll 0 0;

1822 /* -webkit-box-shadow: 0 0 10px #dddfe0; */

1823 /* box-shadow: 0 0 10px #dddfe0; */

1824 margin-bottom: 30px;

1825 -webkit-transition: all 0.3s ease 0s;

1826 transition: all 0.3s ease 0s;

1827 border: 1px solid #f7f7f7 !important;

1828}

1829

1830.price-hidding {

1831 padding: 30px 30px 15px;

1832}

1833

1834#trial_pack:hover {

1835 background: #545096;

1836 color: white !important;

1837}

1838

1839.price-rate {

1840 background: #f8fafc none repeat scroll 0 0;

1841 padding: 25px 0;

1842}

1843

1844.price-rate h2 {

1845 color: #545096;

1846 /* font-family: open sans; */

1847 font-size: 70px;

1848 margin-bottom: 0;

1849}

1850

1851.price-rate h2 sup {

1852 top: -1.85em;

1853 font-size: 20px;

1854}

1855

1856.price-rate h2 sub {

1857 font-size: 18px;

1858}

1859

1860.price-details {

1861 padding: 30px 0 20px;

1862}

1863

1864.price-details li {

1865 padding: 10px 10px 10px 25px;

1866}

1867

1868.buy-now-button {

1869 padding: 25px 0 50px;

1870}

1871

1872.buy-now-button a {

1873 border-radius: 50px;

1874 letter-spacing: 2px;

1875}

1876

1877.single-price:hover {

1878 -webkit-box-shadow: 0 0 20px #dddddd;

1879 box-shadow: 0 0 20px #dddddd;

1880 -webkit-transform: translateY(-5px);

1881 transform: translateY(-5px);

1882}

1883

1884/*--------------------------------

1885 14. BLOG AREA

1886----------------------------------*/

1887

1888.single-blog {

1889 -webkit-transition: all 0.3s ease 0s;

1890 transition: all 0.3s ease 0s;

1891 background: #fff;

1892}

1893

1894.single-blog:hover {

1895 -webkit-box-shadow: 0 0 20px #ddd;

1896 box-shadow: 15px 10px 30px #ddd, -15px 0px 30px #ddd;

1897}

1898

1899

1900.blog-details h4 a {

1901 color: #292929;

1902

font-size: 14px;

1903}

1904

1905.single-blog a:hover {

1906 color: #545096;

1907

1908}

1909

1910.blog-details h4 a:hover {

1911 color: #545096;

1912}

1913

1914.blog-meta {

1915 margin-bottom: 20px;

1916}

1917

1918.blog-meta a {

1919 color: #6f6f6f;

1920 margin-right: 15px;

1921}

1922

1923.blog-meta i {

1924 margin-right: 5px;

1925 position: relative;

1926 top: 2px;

1927}

1928

1929.blog-details a.readmore {

1930 display: inline-block;

1931 font-size: 18px;

1932 letter-spacing: 1px;

1933 margin-top: 15px;

1934 color: #545096

1935}

1936

1937.blog-details a.readmore:hover {

1938 text-decoration: underline;

1939}

1940

1941/*---------------------------------

1942 15. CONTACT AREA

1943----------------------------------*/

1944

1945.contact-area .area-bg::before {

1946 background: #45b9f2 none repeat scroll 0 0;

1947 width: 50%;

1948}

1949

1950.contact-area .area-bg::after {

1951 background: rgba(0, 0, 0, 0) url("assets/site_new/img/mockups/map-mockup.png") no-repeat scroll left 4% center / auto 39%;

1952}

1953

1954.contact-area h2 {

1955 margin-bottom: 30px;

1956}

1957

1958.contact-form input,

1959.contact-form textarea {

1960 /* border-radius:15px; */

1961 /* -moz-border-radius:15px; */

1962 /* -webkit-border-radius:15px; */

1963

1964 box-shadow: none !important;

1965 -webkit-box-shadow: none !important;

1966 margin-bottom: 20px;

1967 min-height: 50px;

1968 padding: 10px;

1969}

1970

1971.contact-form button {

1972 background: #545096 none repeat scroll 0 0;

1973 border: 0 none;

1974 color: #fff;

1975 letter-spacing: 1px;

1976 padding: 15px 20px;

1977 text-transform: uppercase;

1978 -webkit-transition: all 0.3s ease 0s;

1979 transition: all 0.3s ease 0s;

1980}

1981

1982.contact-form button:hover {

1983 background: #292929 none repeat scroll 0 0;

1984 color: #ffffff;

1985}

1986

1987

1988.subscriber-form {

1989 background: #fff none repeat scroll 0 0;

1990 border: 1px solid;

1991 border-radius: 50px;

1992 font-size: 18px;

1993 height: 70px;

1994 margin-bottom: 50px;

1995 position: relative;

1996 text-transform: capitalize;

1997}

1998

1999.subscriber-form input {

2000 background: transparent none repeat scroll 0 0;

2001 border: 0 none;

2002 border-radius: 50px;

2003 color: black;

2004 height: 100%;

2005 left: 0;

2006 letter-spacing: 1px;

2007 padding: 10px 11% 10px 30px;

2008 position: absolute;

2009 top: 0;

2010 width: 80%;

2011}

2012

2013.subscriber-form button {

2014 background: #2abaef none repeat scroll 0 0;

2015 border: 0 none;

2016 border-radius: 50px;

2017 height: 100%;

2018 position: absolute;

2019 right: 0;

2020 text-transform: uppercase;

2021 top: 0;

2022 -webkit-transition: all 0.3s ease 0s;

2023 transition: all 0.3s ease 0s;

2024 width: 30%;

2025}

2026

2027.subscriber-form button:hover {

2028 background: #545096 none repeat scroll 0 0;

2029}

2030

2031label.mt10 {

2032 bottom: -62px;

2033 left: 0;

2034 position: absolute;

2035 right: 0;

2036 text-align: center;

2037}

2038

2039label.mt10.valid {

2040 bottom: 18px;

2041 color: #2abaef;

2042 left: 0;

2043 position: absolute;

2044 right: 0;

2045 text-align: center;

2046}

2047

2048/*---------------------------------

2049 16. FOOTER AREA

2050----------------------------------*/

2051

2052.footer-social-bookmark .social-bookmark {

2053 margin: 30px 0 -10px 0;

2054}

2055

2056.footer-social-bookmark p {

2057 margin-top: -30px;

2058}

2059

2060.footer-social-bookmark {

2061 margin: -65px 0 -60px 0;

2062}

2063

2064

2065.footer-social-bookmark .social-bookmark li a {

2066 border-radius: 5px;

2067 font-size: 20px;

2068 height: 40px;

2069 margin: 0 5px;

2070 padding-top: 8px;

2071 text-align: center;

2072 width: 40px;

2073}

2074

2075.footer-social-bookmark .social-bookmark li a.facebook {

2076 background: #677fb5;

2077}

2078

2079.footer-social-bookmark .social-bookmark li a.twitter {

2080 background: #70c2e9;

2081}

2082

2083.footer-social-bookmark .social-bookmark li a.instagram {

2084 background: #895a4d;

2085}

2086

2087.footer-social-bookmark .social-bookmark li a.google-plus {

2088 background: #d34836;

2089}

2090

2091.footer-social-bookmark .social-bookmark li a.linkedin {

2092 background: #007ab9;

2093}

2094

2095.footer-social-bookmark .social-bookmark li a.youtube {

2096 background: #ff0000;

2097}

2098

2099.footer-social-bookmark .social-bookmark li a.dribble {

2100 background: #e299c2;

2101}

2102

2103.footer-social-bookmark .social-bookmark li a.flickr {

2104 background: #ff3ba4;

2105}

2106

2107.footer-social-bookmark .social-bookmark li a.pinterest {

2108 background: #d8545d;

2109}

2110

2111.footer-social-bookmark .social-bookmark li a:hover {

2112 background: #ffffff;

2113 color: #545096;

2114}

2115

2116.footer-copyright {

2117 padding: 30px 0 15px;

2118}

2119

2120.footer-copyright a:hover {

2121 color: #f7951f;

2122 text-decoration: underline;

2123}

2124

2125/*---------------------------------

2126 17. SCROLL TO TOP AREA

2127----------------------------------*/

2128

2129.scrolltotop {

2130 background: #ffffff none repeat scroll 0 0;

2131 bottom: 20px;

2132 color: #333;

2133 display: none;

2134 font-size: 20px;

2135 height: 40px;

2136 padding-top: 8px;

2137 position: fixed;

2138 right: 20px;

2139 text-align: center;

2140 width: 40px;

2141 z-index: 9;

2142}

2143

2144.scrolltotop:hover {

2145 background: #545096;

2146 color: #ffffff;

2147}

2148

2149.home-two .scrolltotop:hover {

2150 background: #545096 none repeat scroll 0 0;

2151 color: #ffffff;

2152}

2153

2154.home-three .scrolltotop:hover {

2155 background: #00e2d9;

2156 background-image: -webkit-gradient(linear, right top, left top, from(#81ee8e), color-stop(#2deab6), color-stop(#00e2d9), color-stop(#00d7f2), to(#00c9fd));

2157 background-image: linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd);

2158 color: #ffffff;

2159}

2160

2161/*---------------------------------

2162 18. HOME TWO

2163-----------------------------------*/

2164

2165/*.home-two .welcome-mockup img {

2166 display: block;

2167 margin: 0 auto;

2168 width: 40%;

2169}*/

2170

2171.home-two .is-sticky .mainmenu-area {

2172 background: #fff none repeat scroll 0 0;

2173}

2174

2175.home-three .is-sticky .mainmenu-area {

2176 background: #00e2d9;

2177 background-image: -webkit-gradient(linear, right top, left top, from(#81ee8e), color-stop(#2deab6), color-stop(#00e2d9), color-stop(#00d7f2), to(#00c9fd));

2178 background-image: linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd);

2179

2180}

2181

2182/*.home-two .welcome-text {

2183 font-size: 16px;

2184}*/

2185

2186/*.home-two .home-button a,

2187.home-three .home-button a {

2188 border: 0 none;

2189 padding: 0;

2190}*/

2191

2192/*.home-two .top-area .area-bg::after,

2193.home-three .top-area .area-bg::after {

2194 display: none;

2195}*/

2196

2197/*.home-two .top-area .area-bg::before {

2198 background: rgba(0, 0, 0, 0) url("assets/site_new/img/home/red-bg.png") no-repeat scroll center center / cover;

2199}*/

2200

2201.home-three .top-area .area-bg::before {

2202 background: #00e2d9;

2203 background-image: -webkit-gradient(linear, right top, left top, from(#81ee8e), color-stop(#2deab6), color-stop(#00e2d9), color-stop(#00d7f2), to(#00c9fd));

2204 background-image: linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd);

2205}

2206

2207.home-two .features-top-area .area-title h2,

2208.home-three .features-top-area .area-title h2 {

2209 margin-bottom: 30px;

2210 padding: 0;

2211 text-transform: capitalize;

2212}

2213

2214.home-two .area-title h2,

2215.home-three .area-title h2 {

2216 margin-bottom: 30px;

2217 padding: 0;

2218}

2219

2220.home-two .area-title h2::after,

2221.home-three .area-title h2::after {

2222 display: none;

2223}

2224

2225.home-two .icon-and-border,

2226.home-three .icon-and-border {

2227 display: none;

2228}

2229

2230.intro-area .area-bg::after {

2231 background: #545096 none repeat scroll 0 0;

2232 opacity: 0.9;

2233}

2234

2235.home-three .intro-area .area-bg::after {

2236 background: #00e2d9;

2237 background-image: -webkit-gradient(linear, right top, left top, from(#81ee8e), color-stop(#2deab6), color-stop(#00e2d9), color-stop(#00d7f2), to(#00c9fd));

2238 background-image: linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd);

2239 opacity: 0.9;

2240}

2241

2242.intro-area .area-bg::before {

2243 background: rgba(0, 0, 0, 0) url("assets/site_new/img/intro-bg.png") repeat scroll center center / cover;

2244}

2245

2246.home-three .welcome-mockup img {

2247 width: 75%;

2248}

2249

2250/*----------------------------

2251 18.1 HOME TWO VIDEO PROMO

2252------------------------------*/

2253

2254.promo-area-content {

2255 margin-top: -60px;

2256}

2257

2258.video-promo-slider {

2259 background: rgba(0, 0, 0, 0) url("assets/site_new/img/promo/promo-mockup.png") no-repeat scroll center center / auto 80%;

2260}

2261

2262.single-video-promo-slide {

2263 margin: 60px 80px;

2264}

2265

2266.promo-area .video-play-button {

2267 left: 50%;

2268 opacity: 0;

2269 position: absolute;

2270 top: 50%;

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

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

2273 -webkit-transition: all 0.3s ease 0s;

2274 transition: all 0.3s ease 0s;

2275}

2276

2277.promo-area .video-promo-slider:hover .video-play-button {

2278 opacity: 1;

2279}

2280

2281.video-promo-slider .owl-item img {

2282 width: auto;

2283}

2284

2285/*----------------------------

2286 18.2 HOME TWO VIDEO AREA

2287-----------------------------*/

2288

2289.promo-area .area-bg {

2290 background: rgba(0, 0, 0, 0) url("assets/site_new/img/video/video-area-bg-2.jpg") no-repeat scroll center center / cover;

2291}

2292

2293.promo-area .area-bg::before {

2294 background: #000000 none repeat scroll 0 0;

2295 opacity: 0.5;

2296}

2297

2298.promo-area .video-promo-slider:hover .video-play-button {

2299 opacity: 1;

2300}

2301

2302.video-promo-slider .owl-item img {

2303 width: auto;

2304}

2305

2306.video-area .video-promo-slider .owl-controls .owl-dots > div {

2307 display: inline-block;

2308 height: 50px;

2309 width: 50px;

2310}

2311

2312.video-promo-slider .owl-controls {

2313 bottom: 0;

2314 left: 50%;

2315 position: absolute;

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

2317 transform: translateX(-50%);

2318}

2319

2320.video-promo-slider .owl-controls .owl-dots > div {

2321 background: #545096 none repeat scroll 0 0;

2322 border-radius: 50%;

2323 bottom: -40px;

2324 display: inline-block;

2325 height: 15px;

2326 margin: 0 5px;

2327 opacity: 1;

2328 -webkit-transition: all 0.3s ease 0s;

2329 transition: all 0.3s ease 0s;

2330 width: 15px;

2331}

2332

2333.video-promo-slider .owl-controls .owl-dots > div.active {

2334 background: #fff none repeat scroll 0 0;

2335}

2336

2337/*------------------------------

2338 18.3 HOME TWO SUBSCRIBER AREA

2339-------------------------------*/

2340

2341.subscriber-area .area-bg::before {

2342 background: #000000 none repeat scroll 0 0;

2343 opacity: 0.5;

2344}

2345

2346.subscriber-area .area-bg {

2347 background: rgba(0, 0, 0, 0) url("assets/site_new/img/subscriber/subscriber-area-bg.jpg") no-repeat scroll center center / cover;

2348}

2349

2350.subscriber-area .subscriber-form {

2351 background: transparent none repeat scroll 0 0;

2352 border: 1px solid;

2353 color: #fff;

2354}

2355

2356.subscriber-area .subscriber-form input {

2357 color: #fff;

2358}

2359

2360.subscriber-area .subscriber-form button {

2361 background: #545096;

2362}

2363

2364.subscriber-area .subscriber-form button:hover {

2365 background: #fff none repeat scroll 0 0;

2366 color: #545096;

2367}

2368

2369/*--------------------------------

2370 HOME TWO VIDEO AREA

2371---------------------------------*/

2372

2373.home-two .video-area-content .video-area-popup,

2374.home-three .video-area-content .video-area-popup {

2375 -webkit-animation: 1s ease 0s normal none infinite running button_animation;

2376 animation: 1s ease 0s normal none infinite running button_animation;

2377 background: #545096 none repeat scroll 0 0;

2378 border: 0 none;

2379 bottom: 0;

2380 font-size: 40px;

2381 height: 80px;

2382 left: 0;

2383 margin: auto;

2384 padding-left: 15px;

2385 right: 0;

2386 top: 0;

2387 width: 80px;

2388}

2389

2390.home-two .video-area-content .video-area-popup:hover {

2391 background: #ffffff none repeat scroll 0 0;

2392 color: #545096;

2393}

2394

2395.home-three .video-area-content .video-area-popup {

2396 -webkit-animation: button_animation_2 1s infinite;

2397 animation: button_animation_2 1s infinite;

2398 background: #00e2d9;

2399 background-image: -webkit-gradient(linear, right top, left top, from(#81ee8e), color-stop(#2deab6), color-stop(#00e2d9), color-stop(#00d7f2), to(#00c9fd));

2400 background-image: linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd);

2401}

2402

2403

2404.home-three .video-area-content .video-area-popup:hover {

2405 background: #ffffff none repeat scroll 0 0;

2406 color: #00e2d9;

2407}

2408

2409@-webkit-keyframes button_animation {

2410 0% {

2411 -webkit-box-shadow: 0 0 0 0px rgba(239, 73, 77, 1);

2412 box-shadow: 0 0 0 0px rgba(239, 73, 77, 1);

2413 }

2414 100% {

2415 -webkit-box-shadow: 0 0 0 10px rgba(239, 73, 77, 0);

2416 box-shadow: 0 0 0 10px rgba(239, 73, 77, 0);

2417 }

2418}

2419

2420@keyframes button_animation {

2421 0% {

2422 -webkit-box-shadow: 0 0 0 0px rgba(239, 73, 77, 1);

2423 box-shadow: 0 0 0 0px rgba(239, 73, 77, 1);

2424 }

2425 100% {

2426 -webkit-box-shadow: 0 0 0 10px rgba(239, 73, 77, 0);

2427 box-shadow: 0 0 0 10px rgba(239, 73, 77, 0);

2428 }

2429}

2430

2431@-webkit-keyframes button_animation_2 {

2432 0% {

2433 -webkit-box-shadow: 0 0 0 0px rgba(0, 226, 217, 1);

2434 box-shadow: 0 0 0 0px rgba(0, 226, 217, 1);

2435 }

2436 100% {

2437 -webkit-box-shadow: 0 0 0 10px rgba(0, 226, 217, 0);

2438 box-shadow: 0 0 0 10px rgba(0, 226, 217, 0);

2439 }

2440}

2441

2442@keyframes button_animation_2 {

2443 0% {

2444 -webkit-box-shadow: 0 0 0 0px rgba(0, 226, 217, 1);

2445 box-shadow: 0 0 0 0px rgba(0, 226, 217, 1);

2446 }

2447 100% {

2448 -webkit-box-shadow: 0 0 0 10px rgba(0, 226, 217, 0);

2449 box-shadow: 0 0 0 10px rgba(0, 226, 217, 0);

2450 }

2451}

2452

2453.video-area.style-three .area-bg {

2454 background: rgba(0, 0, 0, 0) url("assets/site_new/img/video/video-bg-3.jpg") no-repeat scroll center center / cover;

2455 width: 100%;

2456 height: 100%;

2457 position: absolute;

2458}

2459

2460.video-area.style-three .area-bg:after,

2461.faqs-area .area-bg:after {

2462 background: #00e2d9;

2463 background-image: -webkit-gradient(linear, right top, left top, from(#81ee8e), color-stop(#2deab6), color-stop(#00e2d9), color-stop(#00d7f2), to(#00c9fd));

2464 background-image: linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd);

2465}

2466

2467/*--------------------------------

2468 18.4 HOME TWO FOOTER AREA

2469----------------------------------*/

2470

2471.footer-area .area-bg::before {

2472 background: #545096 no-repeat scroll center center / cover;

2473}

2474

2475.home-three .footer-area .area-bg::before {

2476 background: rgba(0, 0, 0, 0) url("assets/site_new/img/footer/footer-green-bg.jpg") no-repeat scroll center center / cover;

2477}

2478

2479/*---------------------------------

2480 19. STYLE TWO TEAM AREA

2481-----------------------------------*/

2482

2483.style-two .single-team {

2484 padding: 10px 40px 10px 140px;

2485 position: relative;

2486}

2487

2488.style-two .member-image {

2489 left: 0;

2490 position: absolute;

2491 top: 50%;

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

2493 transform: translateY(-50%);

2494}

2495

2496.style-two .member-image img {

2497 background: #ebebeb none repeat scroll 0 0;

2498 border-radius: 50%;

2499 padding: 5px;

2500 width: 120px;

2501}

2502

2503.name-and-designation h4 {

2504 font-weight: 500;

2505 margin-bottom: 0;

2506 text-transform: uppercase;

2507}

2508

2509.name-and-designation p {

2510 font-style: normal;

2511}

2512

2513.name-and-designation {

2514 margin-top: 30px;

2515}

2516

2517.team-slider .slick-dots {

2518 position: absolute;

2519 right: 0;

2520 top: 50%;

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

2522 transform: translateY(-50%);

2523}

2524

2525.team-slider .slick-dots li {

2526 background: #292929 none repeat scroll 0 0;

2527 border-radius: 50%;

2528 -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 7px #292929;

2529 box-shadow: 0 0 0 5px #fff, 0 0 0 7px #292929;

2530 height: 10px;

2531 margin: 20px 0;

2532 width: 10px;

2533 -webkit-transition: all 0.3s ease-in-out;

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

2535 cursor: pointer;

2536}

2537

2538.team-slider .slick-dots li button {

2539 display: none;

2540}

2541

2542.team-slider .slick-dots li.slick-active {

2543 background: #545096;

2544 -webkit-box-shadow: 0 0 0 5px #545096, 0 0 0 7px #545096;

2545 box-shadow: 0 0 0 5px #545096, 0 0 0 7px #545096;

2546}

2547

2548/*------------------------

2549 20. TEAM STYLE THREE

2550--------------------------*/

2551

2552.team-three .member-thumb {

2553 background: rgba(0, 0, 0, 0) url("assets/site_new/img/team/member-bg.png") no-repeat scroll center center / auto 100%;

2554 margin-bottom: 30px;

2555 padding-bottom: 30px;

2556}

2557

2558.team-three .social-bookmark li a {

2559 border: 2px solid;

2560 border-radius: 50%;

2561 color: #757575;

2562 height: 35px;

2563 margin: 0 3px;

2564 padding-top: 4px;

2565 width: 35px;

2566}

2567

2568.team-three .social-bookmark li a:hover {

2569 background: #00e2d9;

2570 background-image: -webkit-gradient(linear, right top, left top, from(#81ee8e), color-stop(#2deab6), color-stop(#00e2d9), color-stop(#00d7f2), to(#00c9fd));

2571 background-image: linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd);

2572 color: #fff;

2573 border-color: #00e2d9;

2574}

2575

2576/*--------------------------

2577 21. TESTMONIAL STYLE THREE

2578----------------------------*/

2579

2580.testmonial-three .testmonial-details {

2581 background: #00e2d9

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

from(#81ee8e),

color-stop(#2deab6),

color-stop(#00e2d9),

color-stop(#00d7f2),

to(#00c9fd)) repeat scroll 0 0;

2582 background: #00e2d9 linear-gradient(to right, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd) repeat scroll 0 0;

2583 border-radius: 5px;

2584 margin-bottom: 30px;

2585 padding: 30px;

2586 position: relative;

2587 z-index: 1;

2588}

2589

2590.testmonial-three .testmonial-details::before {

2591 background: #fff none repeat scroll 0 0;

2592 border-radius: 5px;

2593 content: "";

2594 height: calc(100% - 6px);

2595 left: 3px;

2596 position: absolute;

2597 top: 3px;

2598 width: calc(100% - 6px);

2599 z-index: -1;

2600}

2601

2602.testmonial-three .testmonial-details:after {

2603 position: absolute;

2604 left: 20%;

2605 bottom: 0;

2606 width: 15px;

2607 height: 15px;

2608 content: "";

2609 background: #00e2d9;

2610 -webkit-transform: rotate(50deg);

2611 transform: rotate(50deg);

2612 -webkit-transform-origin: left top;

2613 transform-origin: left top;

2614 z-index: -2;

2615}

2616

2617.testmonial-three .author-details-and-designation {

2618 margin-left: 40px;

2619 padding-bottom: 8px;

2620 padding-left: 80px;

2621 position: relative;

2622}

2623

2624.testmonial-three .author-details-and-designation img {

2625 background: rgba(0, 0, 0, 0)

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

from(#81ee8e),

color-stop(#2deab6),

color-stop(#00e2d9),

color-stop(#00d7f2),

to(#00c9fd)) repeat scroll 0 0;

2626 background: rgba(0, 0, 0, 0) linear-gradient(to left, #81ee8e, #2deab6, #00e2d9, #00d7f2, #00c9fd) repeat scroll 0 0;

2627 border-radius: 50%;

2628 left: 0;

2629 padding: 2px;

2630 position: absolute;

2631 top: 0;

2632 width: 70px;

2633}

2634

2635.testmonial-three .author-details-and-designation h4 {

2636 margin-bottom: 5px;

2637}

2638

2639.home-three .testmonial-area .owl-controls {

2640 height: auto;

2641 margin: auto;