frontview 2.1.1 → 2.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/.rubocop.yml +13 -0
  3. data/.travis.yml +2 -2
  4. data/CHANGELOG.md +5 -0
  5. data/CODE_OF_CONDUCT.md +57 -47
  6. data/Gemfile +3 -1
  7. data/Gemfile.lock +115 -95
  8. data/LICENSE.txt +1 -1
  9. data/README.md +34 -49
  10. data/Rakefile +5 -1
  11. data/assets/banner.jpg +0 -0
  12. data/assets/favicon.png +0 -0
  13. data/{logo → assets}/logo.png +0 -0
  14. data/assets/sample1.png +0 -0
  15. data/assets/sample2.png +0 -0
  16. data/assets/sample3.png +0 -0
  17. data/assets/sample4.png +0 -0
  18. data/assets/sample5.png +0 -0
  19. data/bin/console +2 -1
  20. data/frontview.gemspec +6 -6
  21. data/lib/frontview/contents/alerts_content.rb +2 -2
  22. data/lib/frontview/contents/application_content.rb +26 -26
  23. data/lib/frontview/contents/footer_content.rb +78 -89
  24. data/lib/frontview/contents/header_content.rb +27 -48
  25. data/lib/frontview/contents/index_routes_content.rb +77 -478
  26. data/lib/frontview/contents/main_content.rb +35 -208
  27. data/lib/frontview/contents/style_content.rb +508 -3408
  28. data/lib/frontview/install_generator.rb +16 -71
  29. data/lib/frontview/version.rb +1 -1
  30. data/lib/frontview.rb +2 -1
  31. metadata +27 -30
data/lib/frontview/contents/style_content.rb CHANGED
@@ -4,3414 +4,514 @@ module Frontview
4
4
  def write_in_style
5
5
  File.open("app/assets/stylesheets/css/style.css", "w+") {
6
6
  |file| file.puts(
7
- '@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800,900|Poppins:300,400,500,600,700,800,900&display=swap);
8
-
9
- /*Slicknav*/
10
- .slicknav_btn {
11
- position: relative;
12
- display: block;
13
- vertical-align: middle;
14
- float: right;
15
- padding: 0.438em 0.625em 0.438em 0.625em;
16
- line-height: 1.125em;
17
- cursor: pointer;}
18
- .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
19
- margin-top: 0.188em;}
20
- .slicknav_menu {
21
- *zoom: 1;}
22
- .slicknav_menu .slicknav_menutxt {
23
- display: block;
24
- line-height: 1.188em;
25
- float: left;}
26
- .slicknav_menu .slicknav_icon {
27
- float: left;
28
- width: 1.125em;
29
- height: 0.875em;
30
- margin: 0.188em 0 0 0.438em;}
31
- .slicknav_menu .slicknav_icon:before {
32
- background: transparent;
33
- width: 1.125em;
34
- height: 0.875em;
35
- display: block;
36
- content: "";
37
- position: absolute; }
38
- .slicknav_menu .slicknav_no-text {
39
- margin: 0;}
40
- .slicknav_menu .slicknav_icon-bar {
41
- display: block;
42
- width: 1.125em;
43
- height: 0.125em;}
44
- .slicknav_menu:before {
45
- content: " ";
46
- display: table;}
47
- .slicknav_menu:after {
48
- content: " ";
49
- display: table;
50
- clear: both;}
51
- .slicknav_nav {
52
- clear: both;}
53
- .slicknav_nav ul {
54
- display: block;}
55
- .slicknav_nav li {
56
- display: block;}
57
- .slicknav_nav .slicknav_arrow {
58
- font-size: 0.8em;
59
- margin: 0 0 0 0.4em;}
60
- .slicknav_nav .slicknav_item {
61
- cursor: pointer;}
62
- .slicknav_nav .slicknav_item a {
63
- display: inline;}
64
- .slicknav_nav .slicknav_row {
65
- display: block;}
66
- .slicknav_nav a {
67
- display: block;}
68
- .slicknav_nav .slicknav_parent-link a {
69
- display: inline;}
70
- .slicknav_brand {
71
- float: left;}
72
- .slicknav_menu {
73
- font-size: 16px;
74
- box-sizing: border-box;
75
- background: #4c4c4c;
76
- padding: 5px;}
77
- .slicknav_menu * {
78
- box-sizing: border-box;}
79
- .slicknav_menu .slicknav_menutxt {
80
- color: #fff;
81
- font-weight: bold;}
82
- .slicknav_menu .slicknav_icon-bar {
83
- background-color: #8f1bdc !important;}
84
- .slicknav_btn {
85
- margin: 5px 5px 6px;
86
- text-decoration: none;
87
- background-color: none;}
88
- .slicknav_nav {
89
- color: #fff;
90
- margin: 0;
91
- padding: 0;
92
- font-size: 0.875em;
93
- list-style: none;
94
- overflow: hidden;}
95
- .slicknav_nav ul {
96
- list-style: none;
97
- overflow: hidden;
98
- padding: 0;
99
- margin: 0 0 0 20px;}
100
- .slicknav_nav .slicknav_row {
101
- margin: 2px 5px;}
102
- .slicknav_nav .slicknav_row:hover {
103
- -webkit-border-radius: 6px;
104
- -moz-border-radius: 6px;
105
- border-radius: 6px;
106
- background: #ccc;
107
- color: #fff;}
108
- .slicknav_nav a {
109
- padding: 5px 10px;
110
- margin: 2px 5px;
111
- text-decoration: none;
112
- color: #fff;}
113
- .slicknav_nav a:hover {
114
- -webkit-border-radius: 0px;
115
- -moz-border-radius: 0px;
116
- border-radius: 0px;
117
- background: #ccc;
118
- color: #222;}
119
- .slicknav_nav .slicknav_txtnode {
120
- margin-left: 15px;}
121
- .slicknav_nav .slicknav_item a {
122
- padding: 0;
123
- margin: 0;}
124
- .slicknav_nav .slicknav_parent-link a {
125
- padding: 0;
126
- margin: 0;}
127
- .slicknav_brand {
128
- color: #fff;
129
- font-size: 18px;
130
- line-height: 30px;
131
- padding: 7px 12px;
132
- height: 44px;}
133
-
134
- /*===== mobile menu slicknav =====*/
135
- .mobile_menu {
136
- position: absolute;
137
- right: 10px;
138
- width: 96%;
139
- z-index: 99;
140
- }
141
- .slicknav_menu .slicknav_menutxt {
142
- display: none;
143
- }
144
- .slicknav_menu {
145
- background: transparent;
146
- margin-top: 10px;
147
- }
148
- .slicknav_menu .slicknav_icon-bar {
149
- background-color: #ffffff;
150
- height: 3px;
151
- margin: 5px 0;
152
- -webkit-transition: all 0.3s ease 0s;
153
- -o-transition: all 0.3s ease 0s;
154
- transition: all 0.3s ease 0s;
155
- width: 30px;
156
- position: relative;
157
- }
158
- .slicknav_btn {
159
- background-color: transparent;
160
- cursor: pointer;
161
- margin-bottom: 10px;
162
- margin-top: -35px;
163
- position: relative;
164
- z-index: 99;
165
- }
166
- .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) {
167
- opacity: 0;
168
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
169
- }
170
- .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) {
171
- -webkit-transform: rotate(45deg) translate(1px, 7px);
172
- -ms-transform: rotate(45deg) translate(1px, 7px);
173
- transform: rotate(45deg) translate(1px, 7px);
174
- }
175
- .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) {
176
- -webkit-transform: rotate(-45deg) translateY(-6px);
177
- -ms-transform: rotate(-45deg) translateY(-6px);
178
- transform: rotate(-45deg) translateY(-6px);
179
- position: relative;
180
- top: -1px;
181
- }
182
- .slicknav_menu {
183
- margin: 0;
184
- padding: 0;
185
- }
186
- .slicknav_icon-bar {
187
- background: #fff !important;
188
- }
189
- .slicknav_nav {
190
- background: #fff;
191
- float: right;
192
- margin-top: 11px;
193
- padding: 19px;
194
- width: 100%;
195
- border-bottom: 1px solid #eee;
196
- }
197
- .slicknav_nav a:hover {
198
- background: #F79960 none repeat scroll 0 0;
199
- border-radius: 0;
200
- color: #ffffff;
201
- }
202
-
203
- .slicknav_nav a {
204
- font-size: 14px;
205
- font-weight: 400;
206
- color: #000;
207
- text-transform: capitalize;
208
- }
209
-
210
- .slicknav_nav .slicknav_arrow {
211
- float: right;
212
- }
213
-
214
- .slicknav_nav .slicknav_row:hover,
215
- .slicknav_nav .slicknav_row:hover .slicknav_arrow {
216
- border-radius: 0;
217
- background-color: #F79960;
218
- background-color: transparent;
219
- color: #000;
220
- }
221
- .slicknav_btn {
222
- background-color: transparent;
223
- cursor: pointer;
224
- margin-bottom: -15px;
225
- position: relative;
226
- z-index: 99;
227
- border: none;
228
- border-radius: 3px;
229
- top: -23px;
230
- padding: 5px;
231
- right: 5px;
232
- margin-top: -5px;
233
- }
234
- .slicknav_menu .slicknav_icon {
235
- margin-right: 6px;
236
- margin-top: 3px;
237
- position: relative;
238
- right: 5px;
239
- top: -5px;
240
- padding-bottom: 3px;
241
- }
242
- .slicknav_nav .slicknav_arrow {
243
- float: right;
244
- font-size: 22px;
245
- position: relative;
246
- top: -9px;
247
- }
248
- .slicknav_menu .slicknav_nav a:hover {
249
- background: transparent;
250
- color: #8f1bdc;
251
- }
252
-
253
- /*Body and headers*/
254
- body {
255
- font-family: Poppins,sans-serif;
256
- font-weight: 400;
257
- font-style: normal
258
- }
259
-
260
- h1,h2,h3,h4,h5,h6 {
261
- font-family: Nunito,sans-serif;
262
- color: #2b044d;
263
- margin-top: 0;
264
- font-style: normal;
265
- font-weight: 500;
266
- text-transform: normal
267
- }
268
-
269
- p {
270
- font-family: Poppins,sans-serif;
271
- color: #707b8e;
272
- font-size: 16px;
273
- line-height: 30px;
274
- margin-bottom: 15px;
275
- font-weight: 400
276
- }
277
-
278
- .f-left {
279
- float: left
280
- }
281
-
282
- .f-right {
283
- float: right
284
- }
285
-
286
- .fix {
287
- overflow: hidden
288
- }
289
-
290
- .clear {
291
- clear: both
292
- }
293
-
294
- .button,a {
295
- -webkit-transition: all .3s ease-out 0s;
296
- -moz-transition: all .3s ease-out 0s;
297
- -ms-transition: all .3s ease-out 0s;
298
- -o-transition: all .3s ease-out 0s;
299
- transition: all .3s ease-out 0s
300
- }
301
-
302
- .button:focus,a:focus {
303
- text-decoration: none;
304
- outline: 0
305
- }
306
-
307
- a {
308
- color: #635c5c
309
- }
310
-
311
- a:hover {
312
- color: #fff
313
- }
314
-
315
- .footer -menu li a:hover,.portfolio-cat a:hover,a:focus,a:hover {
316
- text-decoration: none
317
- }
318
-
319
- a,button {
320
- color: #fff;
321
- outline: medium none
322
- }
323
-
324
- button:focus,input:focus,textarea,textarea:focus {
325
- outline: 0
326
- }
327
-
328
- .uppercase {
329
- text-transform: uppercase
330
- }
331
-
332
- input:focus::-moz-placeholder {
333
- opacity: 0;
334
- -webkit-transition: .4s;
335
- -o-transition: .4s;
336
- transition: .4s
337
- }
338
-
339
- .capitalize {
340
- text-transform: capitalize
341
- }
342
-
343
- h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
344
- color: inherit
345
- }
346
-
347
- ul {
348
- margin: 0;
349
- padding: 0
350
- }
351
-
352
- li {
353
- list-style: none
354
- }
355
-
356
- hr {
357
- border-bottom: 1px solid #eceff8;
358
- border-top: 0 none;
359
- margin: 30px 0;
360
- padding: 0
361
- }
362
-
363
- .theme-overlay {
364
- position: relative
365
- }
366
-
367
- .theme-overlay::before {
368
- background: #1696e7 none repeat scroll 0 0;
369
- content: "";
370
- height: 100%;
371
- left: 0;
372
- opacity: .6;
373
- position: absolute;
374
- top: 0;
375
- width: 100%
376
- }
377
-
378
- .overlay {
379
- position: relative;
380
- z-index: 0
381
- }
382
-
383
- .overlay::before {
384
- position: absolute;
385
- content: "";
386
- top: 0;
387
- left: 0;
388
- width: 100%;
389
- height: 100%;
390
- z-index: -1
391
- }
392
-
393
- .overlay2 {
394
- position: relative;
395
- z-index: 0
396
- }
397
-
398
- .overlay2::before {
399
- position: absolute;
400
- content: "";
401
- background-color: #2e2200;
402
- top: 0;
403
- left: 0;
404
- width: 100%;
405
- height: 100%;
406
- z-index: -1;
407
- opacity: .5
408
- }
409
-
410
- .section-padding {
411
- padding-top: 120px;
412
- padding-bottom: 120px
413
- }
414
-
415
- .separator {
416
- border-top: 1px solid #f2f2f2
417
- }
418
-
419
- .mb-90 {
420
- margin-bottom: 90px
421
- }
422
-
423
- @media (max-width:767px) {
424
- .mb-90 {
425
- margin-bottom: 30px
426
- }
427
- }
428
-
429
- @media (min-width:768px) and (max-width:991px) {
430
- .mb-90 {
431
- margin-bottom: 45px
432
- }
433
- }
434
-
435
- .btn {
436
- background: #f9218d;
437
- -moz-user-select: none;
438
- text-transform: capitalize;
439
- color: #fff;
440
- cursor: pointer;
441
- display: inline-block;
442
- font-size: 16px;
443
- font-weight: 400;
444
- letter-spacing: 1px;
445
- line-height: 0;
446
- margin-bottom: 0;
447
- padding: 30px 44px;
448
- border-radius: 5px;
449
- cursor: pointer;
450
- transition: color .4s linear;
451
- position: relative;
452
- z-index: 1;
453
- border: 0;
454
- overflow: hidden;
455
- margin: 0
456
- }
457
-
458
- .btn::before {
459
- content: "";
460
- position: absolute;
461
- left: 0;
462
- top: 0;
463
- width: 100%;
464
- height: 100%;
465
- background: #da1276;
466
- z-index: 1;
467
- border-radius: 5px;
468
- transition: transform .5s;
469
- transition-timing-function: ease;
470
- transform-origin: 0 0;
471
- transition-timing-function: cubic-bezier(.5,1.6,.4,.7);
472
- transform: scaleX(0)
473
- }
474
-
475
- .btn:hover::before {
476
- transform: scaleX(1);
477
- color: #fff!important;
478
- z-index: -1
479
- }
480
-
481
- .header-btn {
482
- background: #4043bc;
483
- padding: 20px 11px;
484
- min-width: 120px;
485
- position: relative
486
- }
487
-
488
- .header-btn::before {
489
- background: #ec4683
490
- }
491
-
492
- .card-btn1 {
493
- background: #712fda;
494
- border-radius: 6px;
495
- padding: 30px 40px;
496
- text-transform: uppercase
497
- }
498
-
499
- .card-btn1::before {
500
- background: #ff374b
501
- }
502
-
503
- .btn.focus,.btn:focus {
504
- outline: 0;
505
- box-shadow: none
506
- }
507
-
508
- .radius-btn {
509
- padding: 30px 43px;
510
- border-radius: 30px
511
- }
512
-
513
- .border-btn {
514
- background: 0 0;
515
- -moz-user-select: none;
516
- border: 2px solid #8f1bdc;
517
- padding: 18px 38px;
518
- margin: 10px;
519
- text-transform: capitalize;
520
- color: #8f1bdc;
521
- cursor: pointer;
522
- display: inline-block;
523
- font-size: 14px;
524
- font-weight: 500;
525
- letter-spacing: 1px;
526
- margin-bottom: 0;
527
- border-radius: 5px;
528
- position: relative;
529
- transition: color .4s linear;
530
- position: relative;
531
- overflow: hidden;
532
- margin: 0
533
- }
534
-
535
- .border-btn::before {
536
- border: 2px solid transparent;
537
- content: "";
538
- position: absolute;
539
- left: 0;
540
- top: 0;
541
- width: 100%;
542
- height: 100%;
543
- background: #8f1bdc;
544
- z-index: -1;
545
- transition: transform .5s;
546
- transition-timing-function: ease;
547
- transform-origin: 0 0;
548
- transition-timing-function: cubic-bezier(.5,1.6,.4,.7);
549
- transform: scaleY(0)
550
- }
551
-
552
- .border-btn:hover::before {
553
- transform: scaleY(1);
554
- order: 2px solid transparent
555
- }
556
-
557
- .border-btn.border-btn2 {
558
- padding: 17px 52px
559
- }
560
-
561
- .send-btn {
562
- background: #8f1bdc;
563
- color: #fff;
564
- font-size: 14px;
565
- width: 100%;
566
- height: 55px;
567
- border: none;
568
- border-radius: 5px;
569
- cursor: pointer;
570
- transition: color .4s linear;
571
- position: relative;
572
- overflow: hidden;
573
- z-index: 1
574
- }
575
-
576
- .send-btn::before {
577
- border: 2px solid transparent;
578
- content: "";
579
- position: absolute;
580
- left: 0;
581
- top: 0;
582
- width: 100%;
583
- height: 100%;
584
- background: #e6373d;
585
- color: #8f1bdc;
586
- z-index: -1;
587
- transition: transform .5s;
588
- transition-timing-function: ease;
589
- transform-origin: 0 0;
590
- transition-timing-function: cubic-bezier(.5,1.6,.4,.7);
591
- transform: scaleX(0)
592
- }
593
-
594
- .send-btn:hover::before {
595
- transform: scaleY(1);
596
- order: 2px solid transparent;
597
- color: red
598
- }
599
-
600
- .breadcrumb>.active {
601
- color: #888
602
- }
603
-
604
- #scrollUp {
605
- background: #8f1bdc;
606
- height: 50px;
607
- width: 50px;
608
- right: 31px;
609
- bottom: 18px;
610
- color: #fff;
611
- font-size: 20px;
612
- text-align: center;
613
- border-radius: 50%;
614
- line-height: 48px;
615
- border: 2px solid transparent
616
- }
617
-
618
- @media (max-width:767px) {
619
- #scrollUp {
620
- right: 16px
621
- }
622
- }
623
-
624
- #scrollUp:hover {
625
- color: #fff
626
- }
627
-
628
- .sticky-bar {
629
- left: 0;
630
- margin: auto;
631
- position: fixed;
632
- top: 0;
633
- width: 100%;
634
- -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
635
- box-shadow: 0 10px 15px rgba(25,25,25,.1);
636
- z-index: 9999;
637
- -webkit-animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
638
- animation: .3s ease-in-out 0s normal none 1 running fadeInDown;
639
- -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
640
- background: #fff
641
- }
642
-
643
- .pt-90 {
644
- padding-top: 90px
645
- }
646
-
647
- .pb-90 {
648
- padding-bottom: 90px
649
- }
650
-
651
- @-webkit-keyframes float-bob {
652
- 0% {
653
- -webkit-transform: translateY(-20px);
654
- transform: translateY(-20px)
655
- }
656
-
657
- 50% {
658
- -webkit-transform: translateY(-10px);
659
- transform: translateY(-10px)
660
- }
661
-
662
- 100% {
663
- -webkit-transform: translateY(-20px);
664
- transform: translateY(-20px)
665
- }
666
- }
667
-
668
- .heartbeat {
669
- animation: heartbeat 1s infinite alternate
670
- }
671
-
672
- @-webkit-keyframes heartbeat {
673
- to {
674
- -webkit-transform: scale(1.7);
675
- transform: scale(1.7)
676
- }
677
- }
678
-
679
- .rotateme {
680
- -webkit-animation-name: rotateme;
681
- animation-name: rotateme;
682
- -webkit-animation-duration: 50s;
683
- animation-duration: 50s;
684
- -webkit-animation-iteration-count: infinite;
685
- animation-iteration-count: infinite;
686
- -webkit-animation-timing-function: linear;
687
- animation-timing-function: linear
688
- }
689
-
690
- @keyframes rotateme {
691
- from {
692
- -webkit-transform: rotate(0);
693
- transform: rotate(0)
694
- }
695
-
696
- to {
697
- -webkit-transform: rotate(360deg);
698
- transform: rotate(360deg)
699
- }
700
- }
701
-
702
- @-webkit-keyframes rotateme {
703
- from {
704
- -webkit-transform: rotate(0)
705
- }
706
-
707
- to {
708
- -webkit-transform: rotate(360deg)
709
- }
710
- }
711
-
712
- .preloader {
713
- background-color: #f7f7f7;
714
- width: 100%;
715
- height: 100%;
716
- position: fixed;
717
- top: 0;
718
- left: 0;
719
- right: 0;
720
- bottom: 0;
721
- z-index: 999999;
722
- -webkit-transition: .6s;
723
- -o-transition: .6s;
724
- transition: .6s;
725
- margin: 0 auto
726
- }
727
-
728
- .preloader .preloader-circle {
729
- width: 100px;
730
- height: 100px;
731
- position: relative;
732
- border-style: solid;
733
- border-width: 3px;
734
- border-top-color: #8f1bdc;
735
- border-bottom-color: transparent;
736
- border-left-color: transparent;
737
- border-right-color: transparent;
738
- z-index: 10;
739
- border-radius: 50%;
740
- -webkit-box-shadow: 0 1px 5px 0 rgba(35,181,185,.15);
741
- box-shadow: 0 1px 5px 0 rgba(35,181,185,.15);
742
- background-color: #fff;
743
- -webkit-animation: zoom 2s infinite ease;
744
- animation: zoom 2s infinite ease;
745
- -webkit-transition: .6s;
746
- -o-transition: .6s;
747
- transition: .6s
748
- }
749
-
750
- .preloader .preloader-circle2 {
751
- border-top-color: #0078ff
752
- }
753
-
754
- .preloader .preloader-img {
755
- position: absolute;
756
- top: 50%;
757
- z-index: 200;
758
- left: 0;
759
- right: 0;
760
- margin: 0 auto;
761
- text-align: center;
762
- display: inline-block;
763
- -webkit-transform: translateY(-50%);
764
- -ms-transform: translateY(-50%);
765
- transform: translateY(-50%);
766
- padding-top: 6px;
767
- -webkit-transition: .6s;
768
- -o-transition: .6s;
769
- transition: .6s
770
- }
771
-
772
- .preloader .preloader-img img {
773
- max-width: 55px
774
- }
775
-
776
- .preloader .pere-text strong {
777
- font-weight: 800;
778
- color: #8f1bdc;
779
- text-transform: uppercase
780
- }
781
-
782
- @-webkit-keyframes zoom {
783
- 0% {
784
- -webkit-transform: rotate(0);
785
- transform: rotate(0);
786
- -webkit-transition: .6s;
787
- -o-transition: .6s;
788
- transition: .6s
789
- }
790
-
791
- 100% {
792
- -webkit-transform: rotate(360deg);
793
- transform: rotate(360deg);
794
- -webkit-transition: .6s;
795
- -o-transition: .6s;
796
- transition: .6s
797
- }
798
- }
799
-
800
- @keyframes zoom {
801
- 0% {
802
- -webkit-transform: rotate(0);
803
- transform: rotate(0);
804
- -webkit-transition: .6s;
805
- -o-transition: .6s;
806
- transition: .6s
807
- }
808
-
809
- 100% {
810
- -webkit-transform: rotate(360deg);
811
- transform: rotate(360deg);
812
- -webkit-transition: .6s;
813
- -o-transition: .6s;
814
- transition: .6s
815
- }
816
- }
817
-
818
- .section-padding2 {
819
- padding-top: 200px;
820
- padding-bottom: 200px
821
- }
822
-
823
- @media only screen and (min-width:1200px) and (max-width:1600px) {
824
- .section-padding2 {
825
- padding-top: 200px;
826
- padding-bottom: 200px
827
- }
828
- }
829
-
830
- @media only screen and (min-width:992px) and (max-width:1199px) {
831
- .section-padding2 {
832
- padding-top: 200px;
833
- padding-bottom: 200px
834
- }
835
- }
836
-
837
- @media only screen and (min-width:768px) and (max-width:991px) {
838
- .section-padding2 {
839
- padding-top: 100px;
840
- padding-bottom: 100px
841
- }
842
- }
843
-
844
- @media only screen and (min-width:576px) and (max-width:767px) {
845
- .section-padding2 {
846
- padding-top: 50px;
847
- padding-bottom: 50px
848
- }
849
- }
850
-
851
- @media (max-width:767px) {
852
- .section-padding2 {
853
- padding-top: 50px;
854
- padding-bottom: 50px
855
- }
856
- }
857
-
858
- .inner-padding {
859
- padding-top: 450px
860
- }
861
-
862
- @media only screen and (min-width:1200px) and (max-width:1600px) {
863
- .inner-padding {
864
- padding-top: 400px
865
- }
866
- }
867
-
868
- @media only screen and (min-width:992px) and (max-width:1199px) {
869
- .inner-padding {
870
- padding-top: 300px
871
- }
872
- }
873
-
874
- @media only screen and (min-width:768px) and (max-width:991px) {
875
- .inner-padding {
876
- padding-top: 300px
877
- }
878
- }
879
-
880
- @media only screen and (min-width:576px) and (max-width:767px) {
881
- .inner-padding {
882
- padding-top: 200px
883
- }
884
- }
885
-
886
- @media (max-width:767px) {
887
- .inner-padding {
888
- padding-top: 200px
889
- }
890
- }
891
-
892
- .section-paddingr {
893
- padding-top: 0;
894
- padding-bottom: 120px
895
- }
896
-
897
- @media only screen and (min-width:1200px) and (max-width:1600px) {
898
- .section-paddingr {
899
- padding-top: 0;
900
- padding-bottom: 120px
901
- }
902
- }
903
-
904
- @media only screen and (min-width:992px) and (max-width:1199px) {
905
- .section-paddingr {
906
- padding-top: 0;
907
- padding-bottom: 70px
908
- }
909
- }
910
-
911
- @media only screen and (min-width:768px) and (max-width:991px) {
912
- .section-paddingr {
913
- padding-top: 0;
914
- padding-bottom: 70px
915
- }
916
- }
917
-
918
- @media only screen and (min-width:576px) and (max-width:767px) {
919
- .section-paddingr {
920
- padding-top: 0;
921
- padding-bottom: 70px
922
- }
923
- }
924
-
925
- @media (max-width:767px) {
926
- .section-paddingr {
927
- padding-top: 0;
928
- padding-bottom: 70px
929
- }
930
- }
931
-
932
- .tips-padding {
933
- padding-top: 185px;
934
- padding-bottom: 150px
935
- }
936
-
937
- @media only screen and (min-width:1200px) and (max-width:1600px) {
938
- .tips-padding {
939
- padding-top: 185px;
940
- padding-bottom: 150px
941
- }
942
- }
943
-
944
- @media only screen and (min-width:992px) and (max-width:1199px) {
945
- .tips-padding {
946
- padding-top: 92px;
947
- padding-bottom: 45px
948
- }
949
- }
950
-
951
- @media only screen and (min-width:768px) and (max-width:991px) {
952
- .tips-padding {
953
- padding-top: 92px;
954
- padding-bottom: 45px
955
- }
956
- }
957
-
958
- @media only screen and (min-width:576px) and (max-width:767px) {
959
- .tips-padding {
960
- padding-top: 40px;
961
- padding-bottom: 22px
962
- }
963
- }
964
-
965
- @media (max-width:767px) {
966
- .tips-padding {
967
- padding-top: 40px;
968
- padding-bottom: 22px
969
- }
970
- }
971
-
972
- .section-padd-top30 {
973
- padding-top: 170px;
974
- padding-bottom: 200px
975
- }
976
-
977
- @media only screen and (min-width:1200px) and (max-width:1600px) {
978
- .section-padd-top30 {
979
- padding-top: 170px;
980
- padding-bottom: 200px
981
- }
982
- }
983
-
984
- @media only screen and (min-width:992px) and (max-width:1199px) {
985
- .section-padd-top30 {
986
- padding-top: 170px;
987
- padding-bottom: 200px
988
- }
989
- }
990
-
991
- @media only screen and (min-width:768px) and (max-width:991px) {
992
- .section-padd-top30 {
993
- padding-top: 100px;
994
- padding-bottom: 160px
995
- }
996
- }
997
-
998
- @media only screen and (min-width:576px) and (max-width:767px) {
999
- .section-padd-top30 {
1000
- padding-top: 50px;
1001
- padding-bottom: 90px
1002
- }
1003
- }
1004
-
1005
- @media (max-width:767px) {
1006
- .section-padd-top30 {
1007
- padding-top: 35px;
1008
- padding-bottom: 90px
1009
- }
1010
- }
1011
-
1012
- .section-padd4 {
1013
- padding-top: 200px;
1014
- padding-bottom: 110px
1015
- }
1016
-
1017
- @media only screen and (min-width:1200px) and (max-width:1600px) {
1018
- .section-padd4 {
1019
- padding-top: 200px;
1020
- padding-bottom: 110px
1021
- }
1022
- }
1023
-
1024
- @media only screen and (min-width:992px) and (max-width:1199px) {
1025
- .section-padd4 {
1026
- padding-top: 100px;
1027
- padding-bottom: 30px
1028
- }
1029
- }
1030
-
1031
- @media only screen and (min-width:768px) and (max-width:991px) {
1032
- .section-padd4 {
1033
- padding-top: 70px;
1034
- padding-bottom: 15px
1035
- }
1036
- }
1037
-
1038
- @media only screen and (min-width:576px) and (max-width:767px) {
1039
- .section-padd4 {
1040
- padding-top: 70px;
1041
- padding-bottom: 15px
1042
- }
1043
- }
1044
-
1045
- @media (max-width:767px) {
1046
- .section-padd4 {
1047
- padding-top: 70px;
1048
- padding-bottom: 15px
1049
- }
1050
- }
1051
-
1052
- .testimonial-padding {
1053
- padding-top: 157px;
1054
- padding-bottom: 157px
1055
- }
1056
-
1057
- @media only screen and (min-width:1200px) and (max-width:1600px) {
1058
- .testimonial-padding {
1059
- padding-top: 157px;
1060
- padding-bottom: 157px
1061
- }
1062
- }
1063
-
1064
- @media only screen and (min-width:992px) and (max-width:1199px) {
1065
- .testimonial-padding {
1066
- padding-top: 120px;
1067
- padding-bottom: 120px
1068
- }
1069
- }
1070
-
1071
- @media only screen and (min-width:768px) and (max-width:991px) {
1072
- .testimonial-padding {
1073
- padding-top: 100px;
1074
- padding-bottom: 100px
1075
- }
1076
- }
1077
-
1078
- @media only screen and (min-width:576px) and (max-width:767px) {
1079
- .testimonial-padding {
1080
- padding-top: 80px;
1081
- padding-bottom: 60px
1082
- }
1083
- }
1084
-
1085
- @media (max-width:767px) {
1086
- .testimonial-padding {
1087
- padding-top: 80px;
1088
- padding-bottom: 60px
1089
- }
1090
- }
1091
-
1092
- .services-padding {
1093
- padding-top: 300px;
1094
- padding-bottom: 150px
1095
- }
1096
-
1097
- @media only screen and (min-width:1200px) and (max-width:1600px) {
1098
- .services-padding {
1099
- padding-top: 300px;
1100
- padding-bottom: 150px
1101
- }
1102
- }
1103
-
1104
- @media only screen and (min-width:992px) and (max-width:1199px) {
1105
- .services-padding {
1106
- padding-top: 200px;
1107
- padding-bottom: 150px
1108
- }
1109
- }
1110
-
1111
- @media only screen and (min-width:768px) and (max-width:991px) {
1112
- .services-padding {
1113
- padding-top: 150px;
1114
- padding-bottom: 70px
1115
- }
1116
- }
1117
-
1118
- @media only screen and (min-width:576px) and (max-width:767px) {
1119
- .services-padding {
1120
- padding-top: 150px;
1121
- padding-bottom: 70px
1122
- }
1123
- }
1124
-
1125
- @media (max-width:767px) {
1126
- .services-padding {
1127
- padding-top: 150px;
1128
- padding-bottom: 70px
1129
- }
1130
- }
1131
-
1132
- .footer-padding {
1133
- padding-top: 200px;
1134
- padding-bottom: 100px
1135
- }
1136
-
1137
- @media only screen and (min-width:1200px) and (max-width:1600px) {
1138
- .footer-padding {
1139
- padding-top: 200px;
1140
- padding-bottom: 100px
1141
- }
1142
- }
1143
-
1144
- @media only screen and (min-width:992px) and (max-width:1199px) {
1145
- .footer-padding {
1146
- padding-top: 70px;
1147
- padding-bottom: 50px
1148
- }
1149
- }
1150
-
1151
- @media only screen and (min-width:768px) and (max-width:991px) {
1152
- .footer-padding {
1153
- padding-top: 70px;
1154
- padding-bottom: 50px
1155
- }
1156
- }
1157
-
1158
- @media only screen and (min-width:576px) and (max-width:767px) {
1159
- .footer-padding {
1160
- padding-top: 70px;
1161
- padding-bottom: 50px
1162
- }
1163
- }
1164
-
1165
- @media (max-width:767px) {
1166
- .footer-padding {
1167
- padding-top: 70px;
1168
- padding-bottom: 50px
1169
- }
1170
- }
1171
-
1172
- .footer-padding2 {
1173
- padding-top: 100px;
1174
- padding-bottom: 100px
1175
- }
1176
-
1177
- @media only screen and (min-width:1200px) and (max-width:1600px) {
1178
- .footer-padding2 {
1179
- padding-top: 100px;
1180
- padding-bottom: 100px
1181
- }
1182
- }
1183
-
1184
- @media only screen and (min-width:992px) and (max-width:1199px) {
1185
- .footer-padding2 {
1186
- padding-top: 0;
1187
- padding-bottom: 50px
1188
- }
1189
- }
1190
-
1191
- @media only screen and (min-width:768px) and (max-width:991px) {
1192
- .footer-padding2 {
1193
- padding-top: 0;
1194
- padding-bottom: 50px
1195
- }
1196
- }
1197
-
1198
- @media only screen and (min-width:576px) and (max-width:767px) {
1199
- .footer-padding2 {
1200
- padding-top: 0;
1201
- padding-bottom: 50px
1202
- }
1203
- }
1204
-
1205
- @media (max-width:767px) {
1206
- .footer-padding2 {
1207
- padding-top: 0;
1208
- padding-bottom: 50px
1209
- }
1210
- }
1211
-
1212
- .footer-padding3 {
1213
- padding-bottom: 100px
1214
- }
1215
-
1216
- @media only screen and (min-width:1200px) and (max-width:1600px) {
1217
- .footer-padding3 {
1218
- padding-bottom: 100px
1219
- }
1220
- }
1221
-
1222
- @media only screen and (min-width:992px) and (max-width:1199px) {
1223
- .footer-padding3 {
1224
- padding-bottom: 50px
1225
- }
1226
- }
1227
-
1228
- @media only screen and (min-width:768px) and (max-width:991px) {
1229
- .footer-padding3 {
1230
- padding-bottom: 50px
1231
- }
1232
- }
1233
-
1234
- @media only screen and (min-width:576px) and (max-width:767px) {
1235
- .footer-padding3 {
1236
- padding-bottom: 50px
1237
- }
1238
- }
1239
-
1240
- @media (max-width:767px) {
1241
- .footer-padding3 {
1242
- padding-bottom: 50px
1243
- }
1244
- }
1245
-
1246
- @media (max-width:767px) {
1247
- .bradcam_area {
1248
- padding: 150px 0
1249
- }
1250
- }
1251
-
1252
- @media (min-width:768px) and (max-width:991px) {
1253
- .bradcam_area {
1254
- padding: 150px 0
1255
- }
1256
- }
1257
-
1258
- .bradcam_area h3 {
1259
- font-size: 50px;
1260
- color: #fff;
1261
- font-weight: 900;
1262
- margin-bottom: 0;
1263
- font-family: Nunito,sans-serif;
1264
- text-transform: capitalize
1265
- }
1266
-
1267
- @media (max-width:767px) {
1268
- .bradcam_area h3 {
1269
- font-size: 30px
1270
- }
1271
- }
1272
-
1273
- @media (min-width:768px) and (max-width:991px) {
1274
- .bradcam_area h3 {
1275
- font-size: 40px
1276
- }
1277
- }
1278
-
1279
- .popup_box {
1280
- background: #fff;
1281
- display: inline-block;
1282
- z-index: 9;
1283
- width: 681px;
1284
- padding: 60px 40px
1285
- }
1286
-
1287
- @media (max-width:767px) {
1288
- .popup_box {
1289
- width: 320px;
1290
- padding: 45px 30px
1291
- }
1292
- }
1293
-
1294
- @media only screen and (min-width:480px) and (max-width:767px) {
1295
- .popup_box {
1296
- width: 420px!important;
1297
- padding: 45px 30px
1298
- }
1299
- }
1300
-
1301
- .popup_box h3 {
1302
- text-align: center;
1303
- font-size: 22px;
1304
- color: #1f1f1f;
1305
- margin-bottom: 46px
1306
- }
1307
-
1308
- .popup_box .boxed-btn3 {
1309
- width: 100%;
1310
- text-transform: capitalize
1311
- }
1312
-
1313
- .popup_box .nice-select {
1314
- -webkit-tap-highlight-color: transparent;
1315
- background-color: #fff;
1316
- border: solid 1px #e2e2e2;
1317
- box-sizing: border-box;
1318
- clear: both;
1319
- cursor: pointer;
1320
- display: block;
1321
- float: left;
1322
- font-family: Poppins,sans-serif;
1323
- font-weight: 400;
1324
- width: 100%!important;
1325
- line-height: 50px;
1326
- outline: 0;
1327
- padding-left: 18px;
1328
- padding-right: 30px;
1329
- position: relative;
1330
- text-align: left!important;
1331
- -webkit-transition: all .2s ease-in-out;
1332
- transition: all .2s ease-in-out;
1333
- -webkit-user-select: none;
1334
- -moz-user-select: none;
1335
- -ms-user-select: none;
1336
- user-select: none;
1337
- white-space: nowrap;
1338
- width: auto;
1339
- border-radius: 0;
1340
- margin-bottom: 30px;
1341
- height: 50px!important;
1342
- font-size: 16px;
1343
- font-weight: 400;
1344
- color: #919191
1345
- }
1346
-
1347
- .popup_box .nice-select::after {
1348
- content: "\f0d7";
1349
- display: block;
1350
- height: 5px;
1351
- margin-top: -5px;
1352
- pointer-events: none;
1353
- position: absolute;
1354
- right: 17px;
1355
- top: 3px;
1356
- transition: all .15s ease-in-out;
1357
- width: 5px;
1358
- font-family: fontawesome;
1359
- color: #919191;
1360
- font-size: 15px
1361
- }
1362
-
1363
- .popup_box .nice-select.open .list {
1364
- opacity: 1;
1365
- pointer-events: auto;
1366
- -webkit-transform: scale(1) translateY(0);
1367
- -ms-transform: scale(1) translateY(0);
1368
- transform: scale(1) translateY(0);
1369
- height: 200px;
1370
- overflow-y: scroll
1371
- }
1372
-
1373
- .popup_box .nice-select.list {
1374
- height: 200px;
1375
- overflow-y: scroll
1376
- }
1377
-
1378
- #test-form {
1379
- display: inline-block;
1380
- margin: auto;
1381
- text-align: center;
1382
- position: absolute;
1383
- left: 50%;
1384
- top: 50%;
1385
- -webkit-transform: translate(-50%,-50%);
1386
- -ms-transform: translate(-50%,-50%);
1387
- transform: translate(-50%,-50%)
1388
- }
1389
-
1390
- @media (max-width:767px) {
1391
- #test-form {
1392
- top: 0;
1393
- left: 0;
1394
- width: 100%;
1395
- height: 100%;
1396
- -webkit-transform: none;
1397
- -ms-transform: none;
1398
- transform: none
1399
- }
1400
- }
1401
-
1402
- #test-form .mfp-close-btn-in .mfp-close {
1403
- color: #333;
1404
- display: none!important
1405
- }
1406
-
1407
- #test-form button.mfp-close {
1408
- display: none!important
1409
- }
1410
-
1411
- @media (max-width:767px) {
1412
- #test-form button.mfp-close {
1413
- display: block!important;
1414
- position: absolute;
1415
- left: 0;
1416
- right: 0;
1417
- margin: auto
1418
- }
1419
- }
1420
-
1421
- #test-form button.mfp-close {
1422
- overflow: visible;
1423
- cursor: pointer;
1424
- background: 0 0;
1425
- border: 0;
1426
- -webkit-appearance: none;
1427
- display: block;
1428
- outline: 0;
1429
- padding: 0;
1430
- z-index: 1046;
1431
- box-shadow: none;
1432
- touch-action: manipulation;
1433
- width: 40px;
1434
- height: 40px;
1435
- background: #4a3600;
1436
- text-align: center;
1437
- line-height: 20px;
1438
- position: absolute;
1439
- right: 0;
1440
- border-bottom-right-radius: 20px;
1441
- border-bottom-left-radius: 20px;
1442
- position: absolute;
1443
- right: -6px;
1444
- color: #fff!important
1445
- }
1446
-
1447
- .mfp-bg {
1448
- top: 0;
1449
- left: 0;
1450
- width: 100%;
1451
- height: 100%;
1452
- z-index: 1042;
1453
- overflow: hidden;
1454
- position: fixed;
1455
- background: #4a3600;
1456
- opacity: .6
1457
- }
1458
-
1459
- @media (max-width:767px) {
1460
- .gj-picker.gj-picker-md.timepicker {
1461
- width: 310px;
1462
- left: 6px!important
1463
- }
1464
- }
1465
-
1466
- @media (max-width:767px) {
1467
- .gj-picker.gj-picker-md.datepicker.gj-unselectable {
1468
- width: 320px;
1469
- left: 0!important
1470
- }
1471
- }
1472
-
1473
- .flex-center-start {
1474
- display: -webkit-box;
1475
- display: -ms-flexbox;
1476
- display: flex;
1477
- -webkit-box-align: center;
1478
- -ms-flex-align: center;
1479
- align-items: center;
1480
- -webkit-box-pack: start;
1481
- -ms-flex-pack: start;
1482
- justify-content: start
1483
- }
1484
-
1485
- .overlay::before {
1486
- background-image: -moz-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%);
1487
- background-image: -webkit-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%);
1488
- background-image: -ms-linear-gradient(170deg,rgba(34,34,34,0) 0,#000 100%)
1489
- }
1490
-
1491
- .best-pricing::before {
1492
- background-image: -moz-linear-gradient(0deg,#f9218d 0,#6c19f6 100%);
1493
- background-image: -webkit-linear-gradient(0deg,#f9218d 0,#6c19f6 100%);
1494
- background-image: -ms-linear-gradient(0deg,#f9218d 0,#6c19f6 100%)
1495
- }
1496
-
1497
- .available-app-area {
1498
- background-image: -moz-linear-gradient(0deg,#6c19f6 0,#f9218d 100%);
1499
- background-image: -webkit-linear-gradient(0deg,#6c19f6 0,#f9218d 100%);
1500
- background-image: -ms-linear-gradient(0deg,#6c19f6 0,#f9218d 100%)
1501
- }
1502
-
1503
- .sample-text-area {
1504
- background: #fff;
1505
- padding-right: 70px;
1506
- padding-bottom: 70px
1507
- }
1508
-
1509
- .text-heading {
1510
- margin-bottom: 30px;
1511
- font-size: 24px
1512
- }
1513
-
1514
- b,del,sub,sup,u {
1515
- color: #222
1516
- }
1517
-
1518
- .typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6 {
1519
- color: #828bb2
1520
- }
1521
-
1522
- .button-area {
1523
- background: #fff
1524
- }
1525
-
1526
- .button-area .border-top-generic {
1527
- padding: 70px 15px;
1528
- border-top: 1px dotted #eee
1529
- }
1530
-
1531
- .button-group-area .genric-btn {
1532
- margin-right: 10px;
1533
- margin-top: 10px
1534
- }
1535
-
1536
- .button-group-area .genric-btn:last-child {
1537
- margin-right: 0
1538
- }
1539
-
1540
- .genric-btn {
1541
- display: inline-block;
1542
- outline: 0;
1543
- line-height: 40px;
1544
- padding: 0 30px;
1545
- font-size: .8em;
1546
- text-align: center;
1547
- text-decoration: none;
1548
- font-weight: 500;
1549
- cursor: pointer;
1550
- -webkit-transition: all .3s ease 0s;
1551
- -moz-transition: all .3s ease 0s;
1552
- -o-transition: all .3s ease 0s;
1553
- transition: all .3s ease 0s
1554
- }
1555
-
1556
- .genric-btn:focus {
1557
- outline: 0
1558
- }
1559
-
1560
- .genric-btn.e-large {
1561
- padding: 0 40px;
1562
- line-height: 50px
1563
- }
1564
-
1565
- .genric-btn.large {
1566
- line-height: 45px
1567
- }
1568
-
1569
- .genric-btn.medium {
1570
- line-height: 30px
1571
- }
1572
-
1573
- .genric-btn.small {
1574
- line-height: 25px
1575
- }
1576
-
1577
- .genric-btn.radius {
1578
- border-radius: 3px
1579
- }
1580
-
1581
- .genric-btn.circle {
1582
- border-radius: 20px
1583
- }
1584
-
1585
- .genric-btn.arrow {
1586
- display: -webkit-inline-box;
1587
- display: -ms-inline-flexbox;
1588
- display: inline-flex;
1589
- -webkit-box-align: center;
1590
- -ms-flex-align: center;
1591
- align-items: center
1592
- }
1593
-
1594
- .genric-btn.arrow span {
1595
- margin-left: 10px
1596
- }
1597
-
1598
- .genric-btn.default {
1599
- color: #415094;
1600
- background: #f9f9ff;
1601
- border: 1px solid transparent
1602
- }
1603
-
1604
- .genric-btn.default:hover {
1605
- border: 1px solid #f9f9ff;
1606
- background: #fff
1607
- }
1608
-
1609
- .genric-btn.default-border {
1610
- border: 1px solid #f9f9ff;
1611
- background: #fff
1612
- }
1613
-
1614
- .genric-btn.default-border:hover {
1615
- color: #415094;
1616
- background: #f9f9ff;
1617
- border: 1px solid transparent
1618
- }
1619
-
1620
- .genric-btn.primary {
1621
- color: #fff;
1622
- background: #222;
1623
- border: 1px solid transparent
1624
- }
1625
-
1626
- .genric-btn.primary:hover {
1627
- color: #222;
1628
- border: 1px solid #222;
1629
- background: #fff
1630
- }
1631
-
1632
- .genric-btn.primary-border {
1633
- color: #222;
1634
- border: 1px solid #222;
1635
- background: #fff
1636
- }
1637
-
1638
- .genric-btn.primary-border:hover {
1639
- color: #fff;
1640
- background: #222;
1641
- border: 1px solid transparent
1642
- }
1643
-
1644
- .genric-btn.success {
1645
- color: #fff;
1646
- background: #4cd3e3;
1647
- border: 1px solid transparent
1648
- }
1649
-
1650
- .genric-btn.success:hover {
1651
- color: #4cd3e3;
1652
- border: 1px solid #4cd3e3;
1653
- background: #fff
1654
- }
1655
-
1656
- .genric-btn.success-border {
1657
- color: #4cd3e3;
1658
- border: 1px solid #4cd3e3;
1659
- background: #fff
1660
- }
1661
-
1662
- .genric-btn.success-border:hover {
1663
- color: #fff;
1664
- background: #4cd3e3;
1665
- border: 1px solid transparent
1666
- }
1667
-
1668
- .genric-btn.info {
1669
- color: #fff;
1670
- background: #38a4ff;
1671
- border: 1px solid transparent
1672
- }
1673
-
1674
- .genric-btn.info:hover {
1675
- color: #38a4ff;
1676
- border: 1px solid #38a4ff;
1677
- background: #fff
1678
- }
1679
-
1680
- .genric-btn.info-border {
1681
- color: #38a4ff;
1682
- border: 1px solid #38a4ff;
1683
- background: #fff
1684
- }
1685
-
1686
- .genric-btn.info-border:hover {
1687
- color: #fff;
1688
- background: #38a4ff;
1689
- border: 1px solid transparent
1690
- }
1691
-
1692
- .genric-btn.warning {
1693
- color: #fff;
1694
- background: #f4e700;
1695
- border: 1px solid transparent
1696
- }
1697
-
1698
- .genric-btn.warning:hover {
1699
- color: #f4e700;
1700
- border: 1px solid #f4e700;
1701
- background: #fff
1702
- }
1703
-
1704
- .genric-btn.warning-border {
1705
- color: #f4e700;
1706
- border: 1px solid #f4e700;
1707
- background: #fff
1708
- }
1709
-
1710
- .genric-btn.warning-border:hover {
1711
- color: #fff;
1712
- background: #f4e700;
1713
- border: 1px solid transparent
1714
- }
1715
-
1716
- .genric-btn.danger {
1717
- color: #fff;
1718
- background: #f44a40;
1719
- border: 1px solid transparent
1720
- }
1721
-
1722
- .genric-btn.danger:hover {
1723
- color: #f44a40;
1724
- border: 1px solid #f44a40;
1725
- background: #fff
1726
- }
1727
-
1728
- .genric-btn.danger-border {
1729
- color: #f44a40;
1730
- border: 1px solid #f44a40;
1731
- background: #fff
1732
- }
1733
-
1734
- .genric-btn.danger-border:hover {
1735
- color: #fff;
1736
- background: #f44a40;
1737
- border: 1px solid transparent
1738
- }
1739
-
1740
- .genric-btn.link {
1741
- color: #415094;
1742
- background: #f9f9ff;
1743
- text-decoration: underline;
1744
- border: 1px solid transparent
1745
- }
1746
-
1747
- .genric-btn.link:hover {
1748
- color: #415094;
1749
- border: 1px solid #f9f9ff;
1750
- background: #fff
1751
- }
1752
-
1753
- .genric-btn.link-border {
1754
- color: #415094;
1755
- border: 1px solid #f9f9ff;
1756
- background: #fff;
1757
- text-decoration: underline
1758
- }
1759
-
1760
- .genric-btn.link-border:hover {
1761
- color: #415094;
1762
- background: #f9f9ff;
1763
- border: 1px solid transparent
1764
- }
1765
-
1766
- .genric-btn.disable {
1767
- color: #222,.3;
1768
- background: #f9f9ff;
1769
- border: 1px solid transparent;
1770
- cursor: not-allowed
1771
- }
1772
-
1773
- .generic-blockquote {
1774
- padding: 30px 50px 30px 30px;
1775
- background: #f9f9ff;
1776
- }
1777
-
1778
- .default-select {
1779
- height: 40px
1780
- }
1781
-
1782
- .default-select .nice-select {
1783
- border: none;
1784
- border-radius: 0;
1785
- height: 40px;
1786
- background: #f9f9ff;
1787
- padding-left: 20px;
1788
- padding-right: 40px
1789
- }
1790
-
1791
- .default-select .nice-select .list {
1792
- margin-top: 0;
1793
- border: none;
1794
- border-radius: 0;
1795
- box-shadow: none;
1796
- width: 100%;
1797
- padding: 10px 0 10px 0
1798
- }
1799
-
1800
- .default-select .nice-select .list .option {
1801
- font-weight: 300;
1802
- -webkit-transition: all .3s ease 0s;
1803
- -moz-transition: all .3s ease 0s;
1804
- -o-transition: all .3s ease 0s;
1805
- transition: all .3s ease 0s;
1806
- line-height: 28px;
1807
- min-height: 28px;
1808
- font-size: 12px;
1809
- padding-left: 20px
1810
- }
1811
-
1812
- .default-select .nice-select .list .option.selected {
1813
- color: #222;
1814
- background: 0 0
1815
- }
1816
-
1817
- .default-select .nice-select .list .option:hover {
1818
- color: #222;
1819
- background: 0 0
1820
- }
1821
-
1822
- .default-select .current {
1823
- margin-right: 50px;
1824
- font-weight: 300
1825
- }
1826
-
1827
- .default-select .nice-select::after {
1828
- right: 20px
1829
- }
1830
-
1831
- .mt-10 {
1832
- margin-top: 10px
1833
- }
1834
-
1835
- .mb-30 {
1836
- margin-bottom: 30px
1837
- }
1838
-
1839
- .mt-30 {
1840
- margin-top: 30px
1841
- }
1842
-
1843
- .switch-wrap {
1844
- margin-bottom: 10px
1845
- }
1846
-
1847
- .header-transparrent {
1848
- position: absolute;
1849
- top: 0;
1850
- right: 0;
1851
- left: 0;
1852
- z-index: 9
1853
- }
1854
-
1855
- .main-header {
1856
- z-index: 3
1857
- }
1858
-
1859
- @media only screen and (min-width:768px) and (max-width:991px) {
1860
- .main-header {
1861
- padding: 11px 0
1862
- }
1863
- }
1864
-
1865
- @media only screen and (min-width:576px) and (max-width:767px) {
1866
- .main-header {
1867
- padding: 11px 0
1868
- }
1869
- }
1870
-
1871
- @media (max-width:767px) {
1872
- .main-header {
1873
- padding: 11px 0
1874
- }
1875
- }
1876
-
1877
- @media only screen and (min-width:1200px) and (max-width:1600px) {
1878
- .main-header .main-menu {
1879
- margin-right: 30px
1880
- }
1881
- }
1882
-
1883
- .main-header .main-menu ul li {
1884
- display: inline-block;
1885
- position: relative;
1886
- z-index: 1;
1887
- margin: 0 5px
1888
- }
1889
-
1890
- .main-header .main-menu ul li>a {
1891
- color: #450b78;
1892
- font-weight: 400;
1893
- padding: 39px 16px;
1894
- font-weight: 400;
1895
- display: block;
1896
- font-size: 16px;
1897
- -webkit-transition: .3s;
1898
- -moz-transition: .3s;
1899
- -o-transition: .3s;
1900
- transition: .3s;
1901
- text-transform: capitalize
1902
- }
1903
-
1904
- @media only screen and (min-width:992px) and (max-width:1199px) {
1905
- .main-header .main-menu ul li>a {
1906
- padding: 39px 15px
1907
- }
1908
- }
1909
-
1910
- .main-header .main-menu ul li>a::before {
1911
- position: absolute;
1912
- content: "";
1913
- left: 0;
1914
- bottom: 20px;
1915
- background: #a60dcf;
1916
- height: 2px;
1917
- width: 0;
1918
- transition: .3s
1919
- }
1920
-
1921
- .main-header .main-menu ul li:hover>a::before {
1922
- width: 100%
1923
- }
1924
-
1925
- .main-header .main-menu ul li.active>a::before {
1926
- width: 100%
1927
- }
1928
-
1929
- .main-header .main-menu ul ul.submenu {
1930
- position: absolute;
1931
- width: 170px;
1932
- background: #fff;
1933
- left: 0;
1934
- top: 80%;
1935
- visibility: hidden;
1936
- opacity: 0;
1937
- box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
1938
- padding: 17px 0;
1939
- -webkit-transition: .3s;
1940
- -moz-transition: .3s;
1941
- -o-transition: .3s;
1942
- transition: .3s
1943
- }
1944
-
1945
- .main-header .main-menu ul ul.submenu>li {
1946
- margin-left: 7px;
1947
- display: block
1948
- }
1949
-
1950
- .main-header .main-menu ul ul.submenu>li>a {
1951
- padding: 6px 10px!important;
1952
- font-size: 14px;
1953
- text-transform: capitalize
1954
- }
1955
-
1956
- .main-header .main-menu ul ul.submenu>li>a::before {
1957
- position: absolute;
1958
- content: "";
1959
- left: -5px;
1960
- background: #a60dcf;
1961
- height: 2px;
1962
- width: 0;
1963
- transition: .3s;
1964
- top: 50%
1965
- }
1966
-
1967
- .main-header .main-menu ul ul.submenu>li>a:hover {
1968
- padding-left: 15px!important
1969
- }
1970
-
1971
- .main-header .main-menu ul ul.submenu>li>a:hover::before {
1972
- width: 10px
1973
- }
1974
-
1975
- .header-area .header-top .header-info-right .header-social a i {
1976
- -webkit-transition: .4s;
1977
- -moz-transition: .4s;
1978
- -o-transition: .4s;
1979
- transition: .4s;
1980
- transform: rotateY(0);
1981
- -webkit-transform: rotateY(0);
1982
- -moz-transform: rotateY(0);
1983
- -ms-transform: rotateY(0);
1984
- -o-transform: rotateY(0)
1985
- }
1986
-
1987
- .header-area .header-top .header-info-right .header-social a:hover i {
1988
- transform: rotateY(180deg);
1989
- -webkit-transform: rotateY(180deg);
1990
- -moz-transform: rotateY(180deg);
1991
- -ms-transform: rotateY(180deg);
1992
- -o-transform: rotateY(180deg)
1993
- }
1994
-
1995
- .main-header ul>li:hover>ul.submenu {
1996
- visibility: visible;
1997
- opacity: 1;
1998
- top: 100%
1999
- }
2000
-
2001
- .top-bg {
2002
- background: #002d5b
2003
- }
2004
-
2005
- .header-sticky ul li a {
2006
- padding: 10px 19px
2007
- }
2008
-
2009
- .header-sticky.sticky-bar.sticky .main-menu ul>li>a {
2010
- padding: 25px 16px
2011
- }
2012
-
2013
- .header-sticky.sticky-bar.sticky .main-menu ul>li>a::before {
2014
- bottom: 11px
2015
- }
2016
-
2017
- .slicknav_menu .slicknav_icon-bar {
2018
- background-color: #8f1bdc!important
2019
- }
2020
-
2021
- .slicknav_nav {
2022
- margin-top: 0
2023
- }
2024
-
2025
- .header-sticky.sticky-bar.sticky .header-btn .get-btn {
2026
- padding: 20px 20px
2027
- }
2028
-
2029
- .header-area .slicknav_btn {
2030
- top: -43px
2031
- }
2032
-
2033
- .slicknav_menu .slicknav_nav a:hover {
2034
- background: 0 0;
2035
- color: #8f1bdc
2036
- }
2037
-
2038
- .slicknav_menu {
2039
- background: 0 0;
2040
- margin-top: 5px!important
2041
- }
2042
-
2043
- .mobile_menu {
2044
- position: absolute;
2045
- right: 0;
2046
- width: 100%;
2047
- z-index: 99
2048
- }
2049
-
2050
- .slider-height {
2051
- min-height: 1000px;
2052
- background-repeat: no-repeat;
2053
- background-position: center center
2054
- }
2055
-
2056
- @media only screen and (min-width:1200px) and (max-width:1600px) {
2057
- .slider-height {
2058
- min-height: 900px
2059
- }
2060
- }
2061
-
2062
- @media only screen and (min-width:768px) and (max-width:991px) {
2063
- .slider-height {
2064
- min-height: 600px
2065
- }
2066
- }
2067
-
2068
- @media (max-width:767px) {
2069
- .slider-height {
2070
- min-height: 600px
2071
- }
2072
- }
2073
-
2074
- .bg-col {
2075
- background: #f7f9f9
2076
- }
2077
-
2078
- .slider-padding {
2079
- padding-top: 130px
2080
- }
2081
-
2082
- @media (max-width:767px) {
2083
- .slider-padding {
2084
- padding-top: 40px
2085
- }
2086
- }
2087
-
2088
- @media only screen and (min-width:576px) and (max-width:767px) {
2089
- .slider-padding {
2090
- padding-top: 40px
2091
- }
2092
- }
2093
-
2094
- @media only screen and (min-width:768px) and (max-width:991px) {
2095
- .slider-padding {
2096
- padding-top: 40px
2097
- }
2098
- }
2099
-
2100
- @media only screen and (min-width:992px) and (max-width:1199px) {
2101
- .slider-padding {
2102
- padding-top: 100px
2103
- }
2104
- }
2105
-
2106
- .slider-area {
2107
- margin-top: -57px
2108
- }
2109
-
2110
- .slider-area .hero__caption {
2111
- position: relative
2112
- }
2113
-
2114
- @media (max-width:767px) {
2115
- .slider-area .hero__caption {
2116
- padding-top: 17px
2117
- }
2118
- }
2119
-
2120
- .slider-area .hero__caption span {
2121
- display: inline-block;
2122
- color: #2b044d;
2123
- font-size: 16px;
2124
- text-transform: uppercase;
2125
- margin-bottom: 20px
2126
- }
2127
-
2128
- .slider-area .hero__caption h1 {
2129
- font-size: 65px;
2130
- font-weight: 700;
2131
- color: #2b044d;
2132
- font-family: Nunito,sans-serif;
2133
- line-height: 1.3;
2134
- margin-bottom: 32px
2135
- }
2136
-
2137
- @media only screen and (min-width:992px) and (max-width:1199px) {
2138
- .slider-area .hero__caption h1 {
2139
- font-size: 55px;
2140
- line-height: 1.2
2141
- }
2142
- }
2143
-
2144
- @media only screen and (min-width:768px) and (max-width:991px) {
2145
- .slider-area .hero__caption h1 {
2146
- font-size: 50px;
2147
- line-height: 1.2
2148
- }
2149
- }
2150
-
2151
- @media (max-width:767px) {
2152
- .slider-area .hero__caption h1 {
2153
- font-size: 29px;
2154
- line-height: 1.4
2155
- }
2156
- }
2157
-
2158
- .slider-area .hero__caption p {
2159
- margin-bottom: 54px;
2160
- padding-right: 155px
2161
- }
2162
-
2163
- @media only screen and (min-width:768px) and (max-width:991px) {
2164
- .slider-area .hero__caption p {
2165
- margin-bottom: 54px;
2166
- padding-right: 0
2167
- }
2168
- }
2169
-
2170
- @media (max-width:767px) {
2171
- .slider-area .hero__caption p {
2172
- margin-bottom: 54px;
2173
- padding-right: 0
2174
- }
2175
- }
2176
-
2177
- .slider-area .hero__caption .slider-btns a.video-btn {
2178
- background: #d852e8;
2179
- width: 60px;
2180
- height: 60px;
2181
- display: inline-block;
2182
- text-align: center;
2183
- line-height: 60px;
2184
- border-radius: 50%;
2185
- position: relative;
2186
- margin-left: 16px
2187
- }
2188
-
2189
- .slider-area .hero__caption .slider-btns a.video-btn:hover.ani-btn {
2190
- animation: 1.3s cubic-bezier(.8,0,0,1) 0s normal none infinite running pulse;
2191
- box-shadow: 0 0 0 0 rgba(61,1,68,.302);
2192
- -webkit-animation: 1.3s cubic-bezier(217,70,233,1) 0s normal none infinite running pulse
2193
- }
2194
-
2195
- @-webkit-keyframes pulse {
2196
- to {
2197
- box-shadow: 0 0 0 45px rgba(83,16,90,0)
2198
- }
2199
- }
2200
-
2201
- @keyframes pulse {
2202
- to {
2203
- box-shadow: 0 0 0 45px rgba(187,22,206,0)
2204
- }
2205
- }
2206
-
2207
- .slider-area .hero__img img {
2208
- position: relative;
2209
- right: -63px
2210
- }
2211
-
2212
- @media only screen and (min-width:992px) and (max-width:1199px) {
2213
- .slider-area .hero__img img {
2214
- right: 0
2215
- }
2216
- }
2217
-
2218
- @media only screen and (min-width:1200px) and (max-width:1300px) {
2219
- .slider-area .hero__img img {
2220
- right: 0
2221
- }
2222
- }
2223
-
2224
- z .slider-area .hero-cap h2 {
2225
- color: #fff;
2226
- font-size: 50px;
2227
- font-weight: 700;
2228
- text-transform: capitalize
2229
- }
2230
-
2231
- .slider-height2 {
2232
- min-height: 300px;
2233
- background-repeat: no-repeat;
2234
- background-position: center center
2235
- }
2236
-
2237
- @media (max-width:767px) {
2238
- .slider-height2 {
2239
- min-height: 260px
2240
- }
2241
- }
2242
-
2243
- .services-area {
2244
- padding-top: 270px
2245
- }
2246
-
2247
- @media only screen and (min-width:992px) and (max-width:1199px) {
2248
- .services-area {
2249
- padding-top: 200px
2250
- }
2251
- }
2252
-
2253
- @media only screen and (min-width:768px) and (max-width:991px) {
2254
- .services-area {
2255
- padding-top: 150px
2256
- }
2257
- }
2258
-
2259
- @media only screen and (min-width:576px) and (max-width:767px) {
2260
- .services-area {
2261
- padding-top: 150px
2262
- }
2263
- }
2264
-
2265
- @media (max-width:767px) {
2266
- .services-area {
2267
- padding-top: 130px
2268
- }
2269
- }
2270
-
2271
- .best-features-area {
2272
- position: relative
2273
- }
2274
-
2275
- .best-features-area .single-features {
2276
- display: flex
2277
- }
2278
-
2279
- @media (max-width:767px) {
2280
- .best-features-area .single-features {
2281
- margin-bottom: 30px
2282
- }
2283
- }
2284
-
2285
- .best-features-area .single-features .features-icon span {
2286
- position: relative;
2287
- color: #fff;
2288
- font-size: 30px;
2289
- height: 67px;
2290
- width: 67px;
2291
- display: block;
2292
- line-height: 67px;
2293
- border-radius: 50%;
2294
- text-align: center;
2295
- background-image: -moz-linear-gradient(90deg,#e78ae9 0,#926ef8 100%);
2296
- background-image: -webkit-linear-gradient(90deg,#e78ae9 0,#926ef8 100%);
2297
- background-image: -ms-linear-gradient(90deg,#e78ae9 0,#926ef8 100%)
2298
- }
2299
-
2300
- .best-features-area .single-features .features-caption {
2301
- padding-left: 19px
2302
- }
2303
-
2304
- .best-features-area .single-features .features-caption h3 {
2305
- font-size: 24px;
2306
- font-weight: 600;
2307
- line-height: 1.2;
2308
- margin-bottom: 10px;
2309
- color: #23182c
2310
- }
2311
-
2312
- @media only screen and (min-width:768px) and (max-width:991px) {
2313
- .best-features-area .single-features .features-caption p {
2314
- font-size: 15px
2315
- }
2316
- }
2317
-
2318
- @media only screen and (min-width:768px) and (max-width:991px) {
2319
- .best-features-area .single-features .features-caption p {
2320
- font-size: 15px
2321
- }
2322
- }
2323
-
2324
- @media (max-width:767px) {
2325
- .best-features-area .single-features .features-caption p {
2326
- font-size: 13px
2327
- }
2328
- }
2329
-
2330
- .best-features-area .features-shpae {
2331
- position: absolute;
2332
- left: 30px;
2333
- top: 100px
2334
- }
2335
-
2336
- .best-features-area .features-shpae.features-shpae2 {
2337
- top: 300px
2338
- }
2339
-
2340
- @media (min-width:1200px) and (max-width:1500px) {
2341
- .best-features-area .features-shpae.features-shpae2 {
2342
- top: 246px!important;
2343
- transform: translateY(0)
2344
- }
2345
- }
2346
-
2347
- @media only screen and (min-width:992px) and (max-width:1199px) {
2348
- .best-features-area .features-shpae.features-shpae2 {
2349
- top: 300px
2350
- }
2351
- }
2352
-
2353
- @media only screen and (min-width:768px) and (max-width:991px) {
2354
- .best-features-area .features-shpae.features-shpae2 {
2355
- top: 300px
2356
- }
2357
- }
2358
-
2359
- @media only screen and (min-width:1200px) and (max-width:1300px) {
2360
- .best-features-area .features-shpae {
2361
- top: 50%;
2362
- transform: translateY(-50%)
2363
- }
2364
- }
2365
-
2366
- .best-features-area .features-shpae img {
2367
- max-width: 80%
2368
- }
2369
-
2370
- @media (min-width:1200px) and (max-width:1500px) {
2371
- .best-features-area .features-shpae img {
2372
- max-width: 70%
2373
- }
2374
- }
2375
-
2376
- @media only screen and (min-width:1200px) and (max-width:1300px) {
2377
- .best-features-area .features-shpae img {
2378
- max-width: 50%;
2379
- top: 50%
2380
- }
2381
- }
2382
-
2383
- @media only screen and (min-width:992px) and (max-width:1199px) {
2384
- .best-features-area .features-shpae img {
2385
- display: none!important
2386
- }
2387
- }
2388
-
2389
- .section-tittle h2 {
2390
- font-size: 50px;
2391
- font-weight: 700;
2392
- line-height: 1.2;
2393
- margin-bottom: 90px
2394
- }
2395
-
2396
- @media (max-width:767px) {
2397
- .section-tittle h2 {
2398
- font-size: 30px;
2399
- line-height: 1.3
2400
- }
2401
- }
2402
-
2403
- @media only screen and (min-width:992px) and (max-width:1199px) {
2404
- .section-tittle h2 {
2405
- font-size: 40px
2406
- }
2407
- }
2408
-
2409
- .service-area .services-caption {
2410
- background: #fff;
2411
- padding: 84px 45px 56px;
2412
- border: 1px solid transparent;
2413
- border-radius: 7px;
2414
- -webkit-transition: .5s;
2415
- -moz-transition: .5s;
2416
- -o-transition: .5s;
2417
- transition: .5s
2418
- }
2419
-
2420
- @media only screen and (min-width:992px) and (max-width:1199px) {
2421
- .service-area .services-caption {
2422
- padding: 84px 25px 56px
2423
- }
2424
- }
2425
-
2426
- .service-area .services-caption .service-icon {
2427
- display: inline-block;
2428
- position: relative
2429
- }
2430
-
2431
- .service-area .services-caption .service-icon::before {
2432
- background-image: url(../../../assets/doted2.png);
2433
- content: "";
2434
- width: 80px;
2435
- height: 135px;
2436
- position: absolute;
2437
- right: -29px;
2438
- top: -35px;
2439
- z-index: 0;
2440
- -webkit-transition: .5s;
2441
- -moz-transition: .5s;
2442
- -o-transition: .5s;
2443
- transition: .5s
2444
- }
2445
-
2446
- .service-area .services-caption .service-icon span {
2447
- position: relative;
2448
- color: #fff;
2449
- font-size: 40px;
2450
- height: 105px;
2451
- width: 105px;
2452
- display: block;
2453
- line-height: 105px;
2454
- border-radius: 50%;
2455
- text-align: center;
2456
- background: #e88cea;
2457
- margin-bottom: 42px;
2458
- -webkit-transition: .5s;
2459
- -moz-transition: .5s;
2460
- -o-transition: .5s;
2461
- transition: .5s
2462
- }
2463
-
2464
- .service-area .services-caption .service-cap h4 a {
2465
- font-size: 24px;
2466
- font-weight: 700;
2467
- line-height: 1.2;
2468
- margin-bottom: 27px;
2469
- display: inline-block
2470
- }
2471
-
2472
- .service-area .services-caption .service-cap h4 a:hover {
2473
- color: #835ef8
2474
- }
2475
-
2476
- .services-caption:hover {
2477
- border: 1px solid #b8a2ff
2478
- }
2479
-
2480
- .services-caption:hover .service-icon::before {
2481
- right: -32px
2482
- }
2483
-
2484
- .services-caption:hover .service-icon span {
2485
- background: #835ef8
2486
- }
2487
-
2488
- .services-caption.active {
2489
- border: 1px solid #b8a2ff
2490
- }
2491
-
2492
- .services-caption.active .service-icon::before {
2493
- right: -32px
2494
- }
2495
-
2496
- .services-caption.active .service-icon span {
2497
- background: #835ef8
2498
- }
2499
-
2500
- .applic-apps {
2501
- overflow: hidden;
2502
- position: relative;
2503
- z-index: 0
2504
- }
2505
-
2506
- .applic-apps .single-cases-info {
2507
- position: relative;
2508
- left: 58%;
2509
- margin-top: 72px
2510
- }
2511
-
2512
- @media only screen and (min-width:1200px) and (max-width:1600px) {
2513
- .applic-apps .single-cases-info {
2514
- margin-top: 72px;
2515
- left: 33%
2516
- }
2517
- }
2518
-
2519
- @media only screen and (min-width:992px) and (max-width:1199px) {
2520
- .applic-apps .single-cases-info {
2521
- left: 38%;
2522
- margin-top: 0
2523
- }
2524
- }
2525
-
2526
- @media only screen and (min-width:768px) and (max-width:991px) {
2527
- .applic-apps .single-cases-info {
2528
- left: 17%;
2529
- margin-top: 40px
2530
- }
2531
- }
2532
-
2533
- @media only screen and (min-width:576px) and (max-width:767px) {
2534
- .applic-apps .single-cases-info {
2535
- left: 1%;
2536
- margin-top: 20px
2537
- }
2538
- }
2539
-
2540
- @media (max-width:767px) {
2541
- .applic-apps .single-cases-info {
2542
- left: 1%;
2543
- margin-top: 10px
2544
- }
2545
- }
2546
-
2547
- .applic-apps .single-cases-info h3 {
2548
- color: #2b044d;
2549
- font-size: 40px;
2550
- font-weight: 700;
2551
- line-height: 1.3;
2552
- margin-bottom: 20px;
2553
- padding-right: 30px
2554
- }
2555
-
2556
- @media (max-width:767px) {
2557
- .applic-apps .single-cases-info h3 {
2558
- font-size: 30px
2559
- }
2560
- }
2561
-
2562
- .applic-apps .single-cases-info p {
2563
- margin-bottom: 50px;
2564
- padding-right: 224px
2565
- }
2566
-
2567
- @media only screen and (min-width:1200px) and (max-width:1600px) {
2568
- .applic-apps .single-cases-info p {
2569
- padding-right: 0
2570
- }
2571
- }
2572
-
2573
- @media only screen and (min-width:992px) and (max-width:1199px) {
2574
- .applic-apps .single-cases-info p {
2575
- margin-bottom: 20px;
2576
- padding-right: 26px
2577
- }
2578
- }
2579
-
2580
- @media only screen and (min-width:768px) and (max-width:991px) {
2581
- .applic-apps .single-cases-info p {
2582
- margin-bottom: 20px;
2583
- padding-right: 26px
2584
- }
2585
- }
2586
-
2587
- @media (max-width:767px) {
2588
- .applic-apps .single-cases-info p {
2589
- margin-bottom: 20px;
2590
- padding-right: 0
2591
- }
2592
- }
2593
-
2594
- .applic-apps .owl-carousel .owl-stage-outer {
2595
- overflow: visible
2596
- }
2597
-
2598
- .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2599
- overflow: hidden;
2600
- position: relative;
2601
- right: -14%
2602
- }
2603
-
2604
- @media only screen and (min-width:768px) and (max-width:991px) {
2605
- .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2606
- right: 0
2607
- }
2608
- }
2609
-
2610
- @media (max-width:767px) {
2611
- .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2612
- right: 0
2613
- }
2614
- }
2615
-
2616
- @media only screen and (min-width:576px) and (max-width:767px) {
2617
- .applic-apps .no-js .owl-carousel,.applic-apps .owl-carousel.owl-loaded {
2618
- right: 0
2619
- }
2620
- }
2621
-
2622
- .applic-apps .owl-carousel .owl-item img {
2623
- display: block;
2624
- width: 100%
2625
- }
2626
-
2627
- .best-pricing {
2628
- position: relative
2629
- }
2630
-
2631
- .best-pricing.pricing-padding {
2632
- padding-top: 110px;
2633
- padding-bottom: 280px;
2634
- background-size: cover;
2635
- background-repeat: no-repeat
2636
- }
2637
-
2638
- .best-pricing.pricing-padding2 {
2639
- padding-top: 300px;
2640
- padding-bottom: 280px
2641
- }
2642
-
2643
- @media only screen and (min-width:992px) and (max-width:1199px) {
2644
- .best-pricing.pricing-padding2 {
2645
- padding-top: 300px;
2646
- padding-bottom: 280px
2647
- }
2648
- }
2649
-
2650
- @media only screen and (min-width:768px) and (max-width:991px) {
2651
- .best-pricing.pricing-padding2 {
2652
- padding-top: 160px
2653
- }
2654
- }
2655
-
2656
- @media only screen and (min-width:576px) and (max-width:767px) {
2657
- .best-pricing.pricing-padding2 {
2658
- padding-top: 160px
2659
- }
2660
- }
2661
-
2662
- @media (max-width:767px) {
2663
- .best-pricing.pricing-padding2 {
2664
- padding-top: 160px
2665
- }
2666
- }
2667
-
2668
- .best-pricing::before {
2669
- position: absolute;
2670
- width: 100%;
2671
- height: 100%;
2672
- left: 0;
2673
- right: 0;
2674
- top: 0;
2675
- bottom: 0;
2676
- content: "";
2677
- opacity: .95
2678
- }
2679
-
2680
- .best-pricing.best-pricing2::before {
2681
- display: none
2682
- }
2683
-
2684
- .pricing-card-area {
2685
- margin-top: -295px
2686
- }
2687
-
2688
- .pricing-card-area .single-card {
2689
- position: relative;
2690
- background: #fff;
2691
- padding: 40px 25px;
2692
- border-radius: 6px;
2693
- box-shadow: 0 0 9px 0 rgba(131,93,248,.07);
2694
- -webkit-transition: .4s;
2695
- -moz-transition: .4s;
2696
- -o-transition: .4s;
2697
- transition: .4s
2698
- }
2699
-
2700
- .pricing-card-area .single-card::before {
2701
- background-image: url(../../../assets/doted3.png);
2702
- content: "";
2703
- width: 171px;
2704
- height: 134px;
2705
- position: absolute;
2706
- right: 2px;
2707
- bottom: 2px;
2708
- z-index: -1;
2709
- -webkit-transition: .4s;
2710
- -moz-transition: .4s;
2711
- -o-transition: .4s;
2712
- transition: .4s
2713
- }
2714
-
2715
- @media (max-width:767px) {
2716
- .pricing-card-area .single-card::before {
2717
- display: none
2718
- }
2719
- }
2720
-
2721
- .pricing-card-area .single-card .card-top {
2722
- border-bottom: 2px solid #f4f4f4;
2723
- margin-bottom: 46px
2724
- }
2725
-
2726
- .pricing-card-area .single-card .card-top span {
2727
- color: #57667e;
2728
- font-size: 24px;
2729
- margin-bottom: 19px;
2730
- display: inline-block
2731
- }
2732
-
2733
- .pricing-card-area .single-card .card-top h4 {
2734
- color: #6a56a6;
2735
- font-size: 50px;
2736
- font-weight: 500;
2737
- margin-bottom: 26px;
2738
- padding-right: 3px;
2739
- font-family: Poppins,sans-serif
2740
- }
2741
-
2742
- .pricing-card-area .single-card .card-top h4 span {
2743
- color: #6a56a6;
2744
- font-size: 16px
2745
- }
2746
-
2747
- .pricing-card-area .single-card .card-bottom ul li {
2748
- color: #717081;
2749
- font-weight: 300;
2750
- margin-bottom: 16px;
2751
- font-size: 16px
2752
- }
2753
-
2754
- .pricing-card-area .single-card .card-bottom ul li:last-child {
2755
- margin-bottom: 45px
2756
- }
2757
-
2758
- .pricing-card-area .single-card.active {
2759
- box-shadow: 0 10px 30px 0 rgba(133,66,189,.1)
2760
- }
2761
-
2762
- .pricing-card-area .single-card.active::before {
2763
- right: -20px;
2764
- bottom: -21px
2765
- }
2766
-
2767
- .pricing-card-area .single-card.active .btn::before {
2768
- transform: scaleX(1);
2769
- color: #fff!important;
2770
- z-index: -1
2771
- }
2772
-
2773
- .pricing-card-area .single-card:hover {
2774
- box-shadow: 0 10px 30px 0 rgba(133,66,189,.1)
2775
- }
2776
-
2777
- .pricing-card-area .single-card:hover::before {
2778
- right: -20px;
2779
- bottom: -21px
2780
- }
2781
-
2782
- .pricing-card-area .single-card:hover .btn::before {
2783
- transform: scaleX(1);
2784
- color: #fff!important;
2785
- z-index: -1
2786
- }
2787
-
2788
- .section-tittle2 h2 {
2789
- color: #fff
2790
- }
2791
-
2792
- .our-customer .our-customer-wrapper {
2793
- padding: 0 134px
2794
- }
2795
-
2796
- @media only screen and (min-width:992px) and (max-width:1199px) {
2797
- .our-customer .our-customer-wrapper {
2798
- padding: 0 0
2799
- }
2800
- }
2801
-
2802
- @media only screen and (min-width:768px) and (max-width:991px) {
2803
- .our-customer .our-customer-wrapper {
2804
- padding: 0 0
2805
- }
2806
- }
2807
-
2808
- @media (max-width:767px) {
2809
- .our-customer .our-customer-wrapper {
2810
- padding: 0 0
2811
- }
2812
- }
2813
-
2814
- .our-customer .single-customer {
2815
- position: relative;
2816
- margin-left: 15px;
2817
- margin-right: 15px;
2818
- box-shadow: 0 0 9px 0 rgba(131,93,248,.07);
2819
- background: #ffff;
2820
- padding: 55px 34px 55px 44px
2821
- }
2822
-
2823
- @media (max-width:767px) {
2824
- .our-customer .single-customer {
2825
- padding: 55px 29px 55px 34px
2826
- }
2827
- }
2828
-
2829
- .our-customer .single-customer .what-img {
2830
- margin-bottom: 20px;
2831
- text-align: center
2832
- }
2833
-
2834
- .our-customer .single-customer .what-cap h5 {
2835
- font-size: 19px;
2836
- color: #712fda;
2837
- text-align: center
2838
- }
2839
-
2840
- .our-customer .single-customer .what-cap p {
2841
- text-align: center;
2842
- background: #f5eaf9;
2843
- padding: 15px 20px 15px 15px;
2844
- border-left:2px solid #222
2845
- }
2846
-
2847
- @media (max-width:767px) {
2848
- .our-customer .single-customer .what-cap h5 {
2849
- font-size: 17px
2850
- }
2851
- }
2852
-
2853
- .our-customer .single-customer .what-cap h4 a:hover {
2854
- color: #8f1bdc
2855
- }
2856
-
2857
- @media (max-width:767px) {
2858
- .our-customer .single-customer .what-cap p {
2859
- font-size: 15px
2860
- }
2861
- }
2862
-
2863
- .our-customer .slick-arrow {
2864
- background: 0 0;
2865
- border: none;
2866
- position: absolute;
2867
- bottom: -87px;
2868
- text-align: center;
2869
- left: 0;
2870
- right: -85px;
2871
- margin: auto;
2872
- font-size: 46px;
2873
- cursor: pointer;
2874
- color: #ff0b0b;
2875
- -webkit-transition: .4s;
2876
- -moz-transition: .4s;
2877
- -o-transition: .4s;
2878
- transition: .4s
2879
- }
2880
-
2881
- .our-customer .slick-prev.slick-arrow {
2882
- transform: rotate(180deg);
2883
- left: -172px;
2884
- color: #ddd
2885
- }
2886
-
2887
- .our-customer .slick-prev.slick-arrow:hover {
2888
- color: red
2889
- }
2890
-
2891
- .our-customer .dot-style .slick-dots {
2892
- text-align: center;
2893
- position: absolute;
2894
- bottom: 0;
2895
- left: 0;
2896
- right: 0
2897
- }
2898
-
2899
- .our-customer .dot-style .slick-dots li {
2900
- display: inline-block
2901
- }
2902
-
2903
- .our-customer .dot-style .slick-dots button {
2904
- text-indent: -100000px;
2905
- height: 10px;
2906
- width: 10px;
2907
- border: 0;
2908
- padding: 0;
2909
- margin-right: 8px;
2910
- cursor: pointer;
2911
- border-radius: 50%;
2912
- background: #f9d8e0
2913
- }
2914
-
2915
- .our-customer .dot-style .slick-list {
2916
- margin-left: -15px;
2917
- margin-right: -15px
2918
- }
2919
-
2920
- .our-customer .dot-style .slick-active button {
2921
- background: #ec5252;
2922
- height: 16px;
2923
- width: 16px;
2924
- padding-top: 2px
2925
- }
2926
-
2927
- .single-customer.slick-slide {
2928
- opacity: .3
2929
- }
2930
-
2931
- .single-customer.slick-slide.slick-current {
2932
- opacity: 1
2933
- }
2934
-
2935
- .available-app-area {
2936
- position: relative;
2937
- padding-top: 220px;
2938
- padding-bottom: 220px
2939
- }
2940
-
2941
- @media only screen and (min-width:992px) and (max-width:1199px) {
2942
- .available-app-area {
2943
- padding-top: 150px;
2944
- padding-bottom: 150px
2945
- }
2946
- }
2947
-
2948
- @media only screen and (min-width:768px) and (max-width:991px) {
2949
- .available-app-area {
2950
- padding-top: 100px;
2951
- padding-bottom: 100px
2952
- }
2953
- }
2954
-
2955
- @media only screen and (min-width:576px) and (max-width:767px) {
2956
- .available-app-area {
2957
- padding-top: 100px;
2958
- padding-bottom: 100px
2959
- }
2960
- }
2961
-
2962
- @media (max-width:767px) {
2963
- .available-app-area {
2964
- padding-top: 100px;
2965
- padding-bottom: 100px
2966
- }
2967
- }
2968
-
2969
- .available-app-area .app-caption .section-tittle3 h2 {
2970
- color: #fff;
2971
- margin-bottom: 35px;
2972
- font-weight: 600
2973
- }
2974
-
2975
- .available-app-area .app-caption p {
2976
- color: #fff;
2977
- padding-right: 52px;
2978
- padding-bottom: 26px
2979
- }
2980
-
2981
- .available-app-area .app-caption .app-btn .app-btn1 {
2982
- padding-right: 15px
2983
- }
2984
-
2985
- @media (max-width:767px) {
2986
- .available-app-area .app-caption .app-btn .app-btn2 {
2987
- display: block;
2988
- padding-top: 10px
2989
- }
2990
- }
2991
-
2992
- .available-app-area .app-img {
2993
- position: relative;
2994
- right: -88px
2995
- }
2996
-
2997
- @media only screen and (min-width:1200px) and (max-width:1440px) {
2998
- .available-app-area .app-img {
2999
- right: 0
3000
- }
3001
- }
3002
-
3003
- @media only screen and (min-width:992px) and (max-width:1199px) {
3004
- .available-app-area .app-img {
3005
- top: 45px;
3006
- right: 0
3007
- }
3008
- }
3009
-
3010
- @media only screen and (min-width:768px) and (max-width:991px) {
3011
- .available-app-area .app-img {
3012
- top: 45px;
3013
- right: 0
3014
- }
3015
- }
3016
-
3017
- @media only screen and (min-width:576px) and (max-width:767px) {
3018
- .available-app-area .app-img {
3019
- top: 45px;
3020
- right: 0
3021
- }
3022
- }
3023
-
3024
- @media (max-width:767px) {
3025
- .available-app-area .app-img {
3026
- top: 45px;
3027
- right: 0
3028
- }
3029
- }
3030
-
3031
- .available-app-area .app-img img {
3032
- width: 100%
3033
- }
3034
-
3035
- .available-app-area .app-shape .app-shape-top {
3036
- position: absolute;
3037
- top: 100px;
3038
- left: 125px
3039
- }
3040
-
3041
- .available-app-area .app-shape .app-shape-left {
3042
- position: absolute;
3043
- left: 0;
3044
- bottom: 0
3045
- }
3046
-
3047
- .available-app-area .app-shape .app-shape-right {
3048
- position: absolute;
3049
- right: 252px;
3050
- top: 208px
3051
- }
3052
-
3053
- @media only screen and (min-width:1200px) and (max-width:1440px) {
3054
- .available-app-area .app-shape .app-shape-right {
3055
- display: none!important
3056
- }
3057
- }
3058
-
3059
- @media only screen and (min-width:992px) and (max-width:1199px) {
3060
- .available-app-area .app-shape .app-shape-right {
3061
- display: none!important
3062
- }
3063
- }
3064
-
3065
- @media only screen and (min-width:768px) and (max-width:991px) {
3066
- .available-app-area .app-shape .app-shape-right {
3067
- display: none!important
3068
- }
3069
- }
3070
-
3071
- @media only screen and (min-width:576px) and (max-width:767px) {
3072
- .available-app-area .app-shape .app-shape-right {
3073
- display: none!important
3074
- }
3075
- }
3076
-
3077
- @media (max-width:767px) {
3078
- .available-app-area .app-shape .app-shape-right {
3079
- display: none!important
3080
- }
3081
- }
3082
-
3083
- .say-something-aera {
3084
- position: relative;
3085
- border-bottom: 1px solid #ffc9fd
3086
- }
3087
-
3088
- .say-something-aera .say-something-cap h2 {
3089
- font-size: 50px;
3090
- font-weight: 700;
3091
- line-height: 1.2;
3092
- color: #282828
3093
- }
3094
-
3095
- @media only screen and (min-width:992px) and (max-width:1199px) {
3096
- .say-something-aera .say-something-cap h2 {
3097
- font-size: 41px
3098
- }
3099
- }
3100
-
3101
- @media only screen and (min-width:768px) and (max-width:991px) {
3102
- .say-something-aera .say-something-cap h2 {
3103
- margin-bottom: 25px
3104
- }
3105
- }
3106
-
3107
- @media only screen and (min-width:576px) and (max-width:767px) {
3108
- .say-something-aera .say-something-cap h2 {
3109
- margin-bottom: 25px;
3110
- font-size: 41px
3111
- }
3112
- }
3113
-
3114
- @media (max-width:767px) {
3115
- .say-something-aera .say-something-cap h2 {
3116
- margin-bottom: 25px;
3117
- font-size: 30px
3118
- }
3119
- }
3120
-
3121
- .say-something-aera .say-shape .say-shape1 {
3122
- position: absolute;
3123
- left: -99px;
3124
- bottom: -140px
3125
- }
3126
-
3127
- @media only screen and (min-width:1200px) and (max-width:1440px) {
3128
- .say-something-aera .say-shape .say-shape1 {
3129
- left: -134px;
3130
- bottom: -215px
3131
- }
3132
- }
3133
-
3134
- .say-something-aera .say-shape .say-shape2 {
3135
- position: absolute;
3136
- right: 0;
3137
- bottom: 0
3138
- }
3139
-
3140
- /*Footer*/
3141
- .footer-area .footer-logo {
3142
- margin-bottom: 30px
3143
- }
3144
-
3145
- .footer-area .footer-pera .info1 {
3146
- margin-bottom: 10px;
3147
- line-height: 1.8
3148
- }
3149
-
3150
- .footer-area .footer-pera .info2 {
3151
- margin-bottom: 50px;
3152
- line-height: 1.8
3153
- }
3154
-
3155
- .footer-area .footer-pera.footer-pera2 p {
3156
- padding: 0
3157
- }
3158
-
3159
- .footer-area .footer-tittle h4 {
3160
- color: #000;
3161
- font-size: 18px;
3162
- margin-bottom: 48px;
3163
- font-weight: 700
3164
- }
3165
-
3166
- .footer-area .footer-tittle ul li {
3167
- color: #012f5f;
3168
- margin-bottom: 15px
3169
- }
3170
-
3171
- .footer-area .footer-tittle ul li a {
3172
- color: #868c98;
3173
- font-weight: 300
3174
- }
3175
-
3176
- .footer-area .footer-tittle ul li a:hover {
3177
- color: #8f1bdc;
3178
- padding-left: 5px
3179
- }
3180
-
3181
- .footer-area .footer-form {
3182
- margin-top: 40px
3183
- }
3184
-
3185
- .footer-area .footer-form form {
3186
- position: relative
3187
- }
3188
-
3189
- .footer-area .footer-form form input {
3190
- width: 100%;
3191
- height: 43px;
3192
- padding: 10px 20px;
3193
- border: 1px solid #fff;
3194
- background: #f9f9fe
3195
- }
3196
-
3197
- .footer-area .footer-form form .form-icon button {
3198
- position: absolute;
3199
- top: 1px;
3200
- right: 0;
3201
- background: 0 0;
3202
- border: 0;
3203
- cursor: pointer;
3204
- padding: 11px 22px;
3205
- background: #8f1bdc;
3206
- line-height: 1
3207
- }
3208
-
3209
- .footer-area .info.error {
3210
- color: #8f1bdc
3211
- }
3212
-
3213
- .footer-area .footer-social a {
3214
- width: 40px;
3215
- height: 40px;
3216
- font-size: 14px;
3217
- border: 1px solid #fafafa;
3218
- background: #fafafa;
3219
- display: inline-block;
3220
- line-height: 40px;
3221
- text-align: center;
3222
- color: #949eb2;
3223
- margin-right: 5px;
3224
- -webkit-transition: .4s;
3225
- -moz-transition: .4s;
3226
- -o-transition: .4s;
3227
- transition: .4s
3228
- }
3229
-
3230
- .footer-area .footer-copy-right {
3231
- padding-top: 20px
3232
- }
3233
-
3234
- @media (max-width:767px) {
3235
- .footer-area .footer-copy-right {
3236
- padding-top: 0
3237
- }
3238
- }
3239
-
3240
- .footer-area .footer-copy-right p {
3241
- color: #888;
3242
- font-weight: 300;
3243
- font-size: 16px;
3244
- line-height: 2;
3245
- margin-bottom: 12px
3246
- }
3247
-
3248
- .footer-area .footer-copy-right p i {
3249
- color: #f9218d
3250
- }
3251
-
3252
- .footer-area .footer-copy-right p a {
3253
- color: #f9218d
3254
- }
3255
-
3256
- .footer-area .footer-copy-right p a:hover {
3257
- color: #8f1bdc
3258
- }
3259
-
3260
- .footer-social a:hover {
3261
- background: #8f1bdc
3262
- }
3263
-
3264
- .footer-social a:hover i {
3265
- color: #fff;
3266
- -webkit-transition: .4s;
3267
- -moz-transition: .4s;
3268
- -o-transition: .4s;
3269
- transition: .4s
3270
- }
3271
-
3272
- /* Popup box BEGIN */
3273
- .hover_bkgr_fricc{
3274
- background:rgba(0,0,0,.4);
3275
- cursor:pointer;
3276
- display:none;
3277
- height:100%;
3278
- position:fixed;
3279
- text-align:center;
3280
- top:0;
3281
- width:100%;
3282
- z-index:10000;
3283
- right: 0%;
3284
- }
3285
- .hover_bkgr_fricc .helper{
3286
- display:inline-block;
3287
- height:100%;
3288
- vertical-align:middle;
3289
- }
3290
- .hover_bkgr_fricc > div {
3291
- background-color: #fff;
3292
- box-shadow: 10px 10px 60px #c0392b;
3293
- display: inline-block;
3294
- height: auto;
3295
- max-width: 850px;
3296
- min-height: 100px;
3297
- vertical-align: middle;
3298
- width: 60%;
3299
- position: relative;
3300
- border-radius: 35px;
3301
- padding: 15px 5%;
3302
- }
3303
- .hover_bkgr_fricc2{
3304
- background:rgba(0,0,0,.4);
3305
- cursor:pointer;
3306
- display:none;
3307
- height:100%;
3308
- position:fixed;
3309
- text-align:center;
3310
- top:0;
3311
- width:100%;
3312
- z-index:10000;
3313
- right: 0%;
3314
- }
3315
- .hover_bkgr_fricc2 .helper{
3316
- display:inline-block;
3317
- height:100%;
3318
- vertical-align:middle;
3319
- }
3320
- .hover_bkgr_fricc2 > div {
3321
- background-color: #fff;
3322
- box-shadow: 10px 10px 60px #c0392b;
3323
- display: inline-block;
3324
- height: auto;
3325
- max-width: 850px;
3326
- min-height: 100px;
3327
- vertical-align: middle;
3328
- width: 60%;
3329
- position: relative;
3330
- border-radius: 35px;
3331
- padding: 15px 5%;
3332
- }
3333
- .hover_bkgr_fricc3{
3334
- background:rgba(0,0,0,.4);
3335
- cursor:pointer;
3336
- display:none;
3337
- height:100%;
3338
- position:fixed;
3339
- text-align:center;
3340
- top:0;
3341
- width:100%;
3342
- z-index:10000;
3343
- right: 0%;
3344
- }
3345
- .hover_bkgr_fricc3 .helper{
3346
- display:inline-block;
3347
- height:100%;
3348
- vertical-align:middle;
3349
- }
3350
- .hover_bkgr_fricc3 > div {
3351
- background-color: #fff;
3352
- box-shadow: 10px 10px 60px #c0392b;
3353
- display: inline-block;
3354
- height: auto;
3355
- max-width: 850px;
3356
- min-height: 100px;
3357
- vertical-align: middle;
3358
- width: 60%;
3359
- position: relative;
3360
- border-radius: 35px;
3361
- padding: 15px 5%;
3362
- }
3363
- .popupCloseButton {
3364
- background-color: #fff;
3365
- border: 3px solid #999;
3366
- border-radius: 50px;
3367
- cursor: pointer;
3368
- display: inline-block;
3369
- font-family: arial;
3370
- font-weight: bold;
3371
- position: absolute;
3372
- top: -20px;
3373
- right: 92%;
3374
- font-size: 25px;
3375
- line-height: 30px;
3376
- width: 30px;
3377
- height: 30px;
3378
- text-align: center;
3379
- }
3380
- .popupCloseButton:hover {
3381
- background-color: #ccc;
3382
- }
3383
- .trigger_popup_fricc {
3384
- cursor: pointer;
3385
- font-size: 20px;
3386
- margin: 20px;
3387
- display: inline-block;
3388
- font-weight: bold;
3389
- }
3390
- .trigger_popup_fricc2 {
3391
- cursor: pointer;
3392
- font-size: 20px;
3393
- margin: 20px;
3394
- display: inline-block;
3395
- font-weight: bold;
3396
- }
3397
- .trigger_popup_fricc3 {
3398
- cursor: pointer;
3399
- font-size: 20px;
3400
- margin: 20px;
3401
- display: inline-block;
3402
- font-weight: bold;
3403
- }
3404
- /* Popup box end */
3405
-
3406
- .see_more_font {
3407
- font-family: Poppins,sans-serif;
3408
- font-weight: 400;
3409
- font-style: normal
3410
- }
3411
-
3412
- .buttonwrapper {
3413
- text-align: center;
3414
- }'
7
+ '.main_h {
8
+ position: fixed;
9
+ top: 0px;
10
+ max-height: 70px;
11
+ z-index: 999;
12
+ width: 100%;
13
+ padding-top: 17px;
14
+ background: none;
15
+ overflow: hidden;
16
+ -webkit-transition: all 0.3s;
17
+ transition: all 0.3s;
18
+ opacity: 0;
19
+ top: -100px;
20
+ padding-bottom: 6px;
21
+ font-family: "Montserrat", sans-serif;
22
+ }
23
+
24
+ @media only screen and (max-width: 766px) {
25
+ .main_h {
26
+ padding-top: 25px;
27
+ }
28
+ }
29
+
30
+ .open-nav {
31
+ max-height: 400px !important;
32
+ }
33
+ .open-nav .mobile-toggle {
34
+ transform: rotate(-90deg);
35
+ -webkit-transform: rotate(-90deg);
36
+ }
37
+
38
+ .sticky {
39
+ background-color: rgba(255, 255, 255, 0.93);
40
+ opacity: 1;
41
+ top: 0px;
42
+ border-bottom: 1px solid gainsboro;
43
+ }
44
+
45
+ .logo {
46
+ width: 210px;
47
+ font-family: \'Brush Script MT\', cursive;
48
+ font-size: 40px;
49
+ font-style: oblique;
50
+ color: #2c3e50;
51
+ float: left;
52
+ display: block;
53
+ margin-top: 0;
54
+ line-height: 1;
55
+ margin-bottom: 10px;
56
+ z-index: 1000;
57
+ }
58
+ @media only screen and (max-width: 766px) {
59
+ .logo {
60
+ float: none;
61
+ }
62
+ }
63
+
64
+ nav {
65
+ float: right;
66
+ width: 60%;
67
+ }
68
+ @media only screen and (max-width: 766px) {
69
+ nav {
70
+ width: 100%;
71
+ }
72
+ }
73
+
74
+ nav ul {
75
+ list-style: none;
76
+ overflow: hidden;
77
+ text-align: right;
78
+ float: right;
79
+ }
80
+
81
+ @media only screen and (max-width: 766px) {
82
+ nav ul {
83
+ padding-top: 10px;
84
+ margin-bottom: 22px;
85
+ float: left;
86
+ text-align: center;
87
+ width: 100%;
88
+ }
89
+ }
90
+
91
+ nav ul li {
92
+ display: inline-block;
93
+ margin-left: 35px;
94
+ line-height: 1.5;
95
+ }
96
+
97
+ @media only screen and (max-width: 766px) {
98
+ nav ul li {
99
+ width: 100%;
100
+ padding: 7px 0;
101
+ margin: 0;
102
+ }
103
+ }
104
+
105
+ nav ul a {
106
+ color: #17202a;
107
+ font-size: 16px;
108
+ }
109
+
110
+ .mobile-toggle {
111
+ display: none;
112
+ cursor: pointer;
113
+ font-size: 20px;
114
+ position: absolute;
115
+ right: 22px;
116
+ top: 0;
117
+ width: 30px;
118
+ z-index: 1000;
119
+ -webkit-transition: all 200ms ease-in;
120
+ -moz-transition: all 200ms ease-in;
121
+ transition: all 200ms ease-in;
122
+ }
123
+
124
+ @media only screen and (max-width: 766px) {
125
+ .mobile-toggle {
126
+ display: block;
127
+ }
128
+ }
129
+
130
+ .mobile-toggle span {
131
+ width: 30px;
132
+ height: 4px;
133
+ margin-bottom: 6px;
134
+ border-radius: 1000px;
135
+ background: #8f8f8f;
136
+ display: block;
137
+ }
138
+
139
+ .row {
140
+ width: 100%;
141
+ max-width: 940px;
142
+ margin: 0 auto;
143
+ position: relative;
144
+ padding: 0 2%;
145
+ }
146
+
147
+ * {
148
+ box-sizing: border-box;
149
+ }
150
+ html, body {
151
+ height: 100%;
152
+ }
153
+ body {
154
+ font: 11px "Open Sans", sans-serif;
155
+ -webkit-font-smoothing: antialiased;
156
+ -moz-osx-font-smoothing: grayscale;
157
+ margin: auto;
158
+ display: flex;
159
+ flex-flow: column nowrap;
160
+ justify-content: space-between;
161
+ font-weight: 300;
162
+ color: #212f3d;
163
+ background: #f8f9f9;
164
+ }
165
+
166
+ a {
167
+ text-decoration: none;
168
+ }
169
+
170
+ h1 {
171
+ font-size: 30px;
172
+ font-weight: bold;
173
+ line-height: 1.8;
174
+ font-family: \'Brush Script MT\', cursive;
175
+ }
176
+ h6 {
177
+ font-family: "Montserrat", sans-serif;
178
+ padding-bottom: 10px;
179
+ }
180
+
181
+ p {
182
+ margin-bottom: 20px;
183
+ font-size: 17px;
184
+ line-height: 2;
185
+ }
186
+
187
+ .content {
188
+ padding: 50px 2% 40px;
189
+ border-bottom: dotted 1px #212f3d;
190
+ }
191
+
192
+ .bottom-content {
193
+ padding: 50px 2% 40px;
194
+ }
195
+
196
+ .hero {
197
+ position: relative;
198
+ background: url(../../../assets/banner.jpg) no-repeat center center fixed;
199
+ -webkit-background-size: cover;
200
+ -moz-background-size: cover;
201
+ background-size: cover;
202
+ text-align: center;
203
+ color: #fff;
204
+ padding-top: 110px;
205
+ min-height: 500px;
206
+ letter-spacing: 2px;
207
+ font-family: "Montserrat", sans-serif;
208
+ }
209
+
210
+ .hero h1 {
211
+ font-size: 50px;
212
+ line-height: 1.3;
213
+ }
214
+
215
+ .hero h1 span {
216
+ font-size: 25px;
217
+ color: #8db9ed;
218
+ border-bottom: 2px solid #8db9ed;
219
+ padding-bottom: 12px;
220
+ line-height: 3;
221
+ }
222
+
223
+ .mouse {
224
+ display: block;
225
+ margin: 0 auto;
226
+ width: 26px;
227
+ height: 46px;
228
+ border-radius: 13px;
229
+ border: 2px solid #8db9ed;
230
+ position: absolute;
231
+ bottom: 40px;
232
+ position: absolute;
233
+ left: 50%;
234
+ margin-left: -26px;
235
+ }
236
+
237
+ .mouse span {
238
+ display: block;
239
+ margin: 6px auto;
240
+ width: 2px;
241
+ height: 2px;
242
+ border-radius: 4px;
243
+ background: #8db9ed;
244
+ border: 1px solid transparent;
245
+ -webkit-animation-duration: 1s;
246
+ animation-duration: 1s;
247
+ -webkit-animation-fill-mode: both;
248
+ animation-fill-mode: both;
249
+ -webkit-animation-iteration-count: infinite;
250
+ animation-iteration-count: infinite;
251
+ -webkit-animation-name: scroll;
252
+ animation-name: scroll;
253
+ }
254
+
255
+ @-webkit-keyframes scroll {
256
+ 0% {
257
+ opacity: 1;
258
+ -webkit-transform: translateY(0);
259
+ transform: translateY(0);
260
+ }
261
+
262
+ 100% {
263
+ opacity: 0;
264
+ -webkit-transform: translateY(20px);
265
+ transform: translateY(20px);
266
+ }
267
+ }
268
+
269
+ @keyframes scroll {
270
+ 0% {
271
+ opacity: 1;
272
+ -webkit-transform: translateY(0);
273
+ -ms-transform: translateY(0);
274
+ transform: translateY(0);
275
+ }
276
+
277
+ 100% {
278
+ opacity: 0;
279
+ -webkit-transform: translateY(20px);
280
+ -ms-transform: translateY(20px);
281
+ transform: translateY(20px);
282
+ }
283
+ }
284
+
285
+ .sec01 {
286
+ text-align: center !important;
287
+ }
288
+
289
+ .par01{
290
+ background-color: #fff;
291
+ text-align: justify;
292
+ padding: 40px;
293
+ border-radius: 20px;
294
+ }
295
+
296
+ .icon-size{
297
+ font-size: 26px;
298
+ }
299
+
300
+ .h-reposition{
301
+ margin-top: -45px;
302
+ }
303
+
304
+ .hero-large{
305
+ background-color: rgba(33, 47, 61, 0.5);
306
+ width: 45%;
307
+ margin: auto;
308
+ padding: 20px;
309
+ }
310
+
311
+ .hero-small{
312
+ background-color: rgba(33, 47, 61, 0.5);
313
+ width: 90%;
314
+ margin: auto;
315
+ padding: 10px;
316
+ }
317
+
318
+ .btn-spacing{
319
+ margin-bottom: 7px;
320
+ }
321
+
322
+ /*Footer*/
323
+ ul {
324
+ list-style: none;
325
+ }
326
+ .generic-anchor {
327
+ color: #8db9ed;
328
+ }
329
+ .generic-anchor:visited {
330
+ color: #8db9ed;
331
+ }
332
+ .generic-anchor:hover {
333
+ color: #ccc;
334
+ }
335
+ .flex-rw {
336
+ display: flex;
337
+ flex-flow: row wrap;
338
+ }
339
+
340
+ main {
341
+ flex: 1 1 auto;
342
+ display: flex;
343
+ align-items: center;
344
+ justify-content: center;
345
+ font: 10em "Oswald", sans-serif;
346
+ color: #9b9b9b;
347
+ line-height: 1;
348
+ }
349
+
350
+ footer {
351
+ background: #212f3d;
352
+ margin-top: auto;
353
+ width: 100%;
354
+ }
355
+ .footer-list-top {
356
+ width: 33.333%;
357
+ }
358
+ .footer-list-top > li {
359
+ text-align: center;
360
+ padding-bottom: 7px;
361
+ }
362
+ .footer-list-header {
363
+ padding: 20px 0 0px 0;
364
+ color: #fff;
365
+ font: 2.5vw "Oswald", sans-serif;
366
+ }
367
+ .footer-list-anchor {
368
+ font: 1.3em "Open Sans", sans-serif;
369
+ }
370
+ .footer-social-section {
371
+ width: 100%;
372
+ align-items: center;
373
+ justify-content: space-around;
374
+ position: relative;
375
+ margin-top: 5px;
376
+ }
377
+ .footer-social-section::after {
378
+ content: "";
379
+ position: absolute;
380
+ z-index: 1;
381
+ top: 50%;
382
+ left: 10px;
383
+ border-top: 1px solid #ccc;
384
+ width: calc(100% - 20px);
385
+ }
386
+ .footer-social-overlap {
387
+ position: relative;
388
+ z-index: 2;
389
+ background: #212f3d;
390
+ padding: 0 20px;
391
+ }
392
+ .footer-social-connect {
393
+ display: flex;
394
+ align-items: center;
395
+ font: 3.5em "Oswald", sans-serif;
396
+ color: #fff;
397
+ }
398
+ .footer-social-small {
399
+ font-size: 0.6em;
400
+ padding: 0px 20px;
401
+ }
402
+ .footer-social-overlap > a {
403
+ font-size: 3em;
404
+ }
405
+ .footer-social-overlap > a:not(:first-child) {
406
+ margin-left: 0.38em;
407
+ }
408
+ .footer-bottom-section {
409
+ width: 100%;
410
+ padding: 10px;
411
+ border-top: 1px solid #ccc;
412
+ margin-top: 10px;
413
+ }
414
+ .footer-bottom-section > div:first-child {
415
+ margin-right: auto;
416
+ }
417
+ .footer-bottom-wrapper {
418
+ font-size: 1.5em;
419
+ color: #fff;
420
+ }
421
+ .footer-address {
422
+ display: inline;
423
+ font-style: normal;
424
+ }
425
+
426
+ @media only screen and (max-width: 768px) {
427
+ .footer-list-header {
428
+ font-size: 2.3em;
429
+ }
430
+ .footer-list-anchor {
431
+ font-size: 1.1em;
432
+ }
433
+ .footer-social-connect {
434
+ font-size: 2.5em;
435
+ }
436
+ .footer-social-overlap > a {
437
+ font-size: 2.24em;
438
+ }
439
+ .footer-bottom-wrapper {
440
+ font-size: 1.3em;
441
+ }
442
+ }
443
+
444
+ @media only screen and (max-width: 568px) {
445
+ main {
446
+ font-size: 5em;
447
+ }
448
+ .footer-list-top {
449
+ width: 100%;
450
+ }
451
+ .footer-list-header {
452
+ font-size: 2.4em;
453
+ }
454
+ .footer-list-anchor {
455
+ font-size: 1.5em;
456
+ }
457
+ .footer-social-section {
458
+ justify-content: center;
459
+ }
460
+ .footer-social-section::after {
461
+ top: 25%;
462
+ }
463
+ .footer-social-connect {
464
+ margin-bottom: 10px;
465
+ padding: 0 10px;
466
+ }
467
+ .footer-social-overlap {
468
+ display: flex;
469
+ justify-content: center;
470
+ }
471
+ .footer-social-icons-wrapper {
472
+ width: 100%;
473
+ padding: 0;
474
+ }
475
+ .footer-social-overlap > a:not(:first-child) {
476
+ margin-left: 20px;
477
+ }
478
+ .footer-bottom-section {
479
+ padding: 0 5px 10px 5px;
480
+ }
481
+ .footer-bottom-wrapper {
482
+ text-align: center;
483
+ width: 100%;
484
+ margin-top: 10px;
485
+ }
486
+ }
487
+ @media only screen and (max-width: 480px) {
488
+ .footer-social-overlap > a {
489
+ margin: auto;
490
+ }
491
+ .footer-social-overlap > a:not(:first-child) {
492
+ margin-left: 0;
493
+ }
494
+ .footer-bottom-rights {
495
+ display: block;
496
+ }
497
+ }
498
+ @media only screen and (max-width: 320px) {
499
+ .footer-list-header {
500
+ font-size: 2.1em;
501
+ }
502
+ .footer-list-anchor {
503
+ font-size: 1.2em;
504
+ }
505
+ .footer-social-connect {
506
+ font-size: 2.4em;
507
+ }
508
+ .footer-social-overlap > a {
509
+ font-size: 2.24em;
510
+ }
511
+ .footer-bottom-wrapper {
512
+ font-size: 1.3em;
513
+ }
514
+ }'
3415
515
  )
3416
516
  }
3417
517
  end