HT Mega – Addons for Elementor Page Builder ( Elementor Addons, Post Grid, Post Slider, Post Carousel, Mega Menu, Elementor Widgets, Elementor Templates, Accordion, Forms, Tables) - Version 1.8.2

Version Description

Download this release

Release Info

Developer devitemsllc
Plugin Icon 128x128 HT Mega – Addons for Elementor Page Builder ( Elementor Addons, Post Grid, Post Slider, Post Carousel, Mega Menu, Elementor Widgets, Elementor Templates, Accordion, Forms, Tables)
Version 1.8.2
Comparing to
See all releases

Code changes from version 1.7.3 to 1.8.2

Files changed (14) hide show
  1. admin/assets/css/elementor_template_library.css +183 -0
  2. admin/assets/css/tmp-style.css +865 -866
  3. admin/assets/extensions/ht-menu/css/admin.css +327 -0
  4. admin/assets/extensions/ht-menu/js/admin_scripts.js +67 -67
  5. admin/assets/extensions/ht-menu/js/admin_updated_scripts.js +262 -0
  6. admin/assets/js/elementors_template_library.js +504 -0
  7. admin/include/admin-setting.php +1333 -1333
  8. admin/include/class.htmega-elementor-template-library.php +200 -0
  9. admin/include/class.library-source.php +281 -0
  10. admin/include/class.settings-api.php +682 -682
  11. admin/include/template-library.php +408 -408
  12. admin/include/templates/library/templates.php +136 -0
  13. assets/css/htbbootstrap.css +2343 -2343
  14. assets/css/htmega-widgets.css +7690 -16796
admin/assets/css/elementor_template_library.css ADDED
@@ -0,0 +1,183 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .htmega_templateLibrary_preview {
2
+ overflow: hidden;
3
+ margin: auto;
4
+ width: 100%;
5
+ height: 100%;
6
+ }
7
+
8
+ .htmega_templateLibrary_preview > iframe {
9
+ width: 100%;
10
+ height: 100%;
11
+ }
12
+
13
+ .tmpl-htmega-template-library-logo-area {
14
+ background: #1D39D7;
15
+ display: inline-block;
16
+ -webkit-border-radius: 50%;
17
+ border-radius: 50%;
18
+ line-height: 1;
19
+ text-align: center;
20
+ width: 30px;
21
+ height: 30px;
22
+ line-height: 36px;
23
+ margin-right: 10px;
24
+ }
25
+
26
+ .tmpl-htmega-template-library-logo-area img {
27
+ width: 18px;
28
+ }
29
+
30
+ #elementor-template-library-header-preview-insert-wrapper .htmega-template-library-template-insert.elementor-button{
31
+ background: #39b54a;
32
+ color: #fff;
33
+ }
34
+
35
+ #htmega-template-library-list{
36
+ margin: 10px -15px 0;
37
+ display: -webkit-box;
38
+ display: -ms-flexbox;
39
+ display: flex;
40
+ -ms-flex-wrap: wrap;
41
+ flex-wrap: wrap;
42
+ }
43
+
44
+ #htmega-template-library-filter-text{
45
+ border: none;
46
+ border-bottom: 1px solid #d5dadf;
47
+ -webkit-border-radius: 0;
48
+ border-radius: 0;
49
+ font-size: 11px;
50
+ padding: 8px 15px 8px 0;
51
+ -webkit-transition: border .5s;
52
+ -o-transition: border .5s;
53
+ transition: border .5s;
54
+ }
55
+ .htmega_template_library_template {
56
+ width: calc(25% - 30px);
57
+ margin: 15px;
58
+ padding: 8px;
59
+ background-color: #fff;
60
+ -webkit-box-shadow: 0 1px 20px 0 rgba(0,0,0,.07);
61
+ box-shadow: 0 1px 20px 0 rgba(0,0,0,.07);
62
+ -webkit-border-radius: 3px;
63
+ border-radius: 3px;
64
+ }
65
+ .htmega-template-library-thumbnail{
66
+ width: 100%;
67
+ }
68
+
69
+ #htmega-template-library-list .elementor-template-library-template-body{
70
+ position: relative;
71
+ height: 200px;
72
+ overflow: hidden;
73
+ }
74
+ #htmega-template-library-list .elementor-template-library-template-screenshot {
75
+ height: 100%;
76
+ -webkit-background-size: cover;
77
+ background-size: cover;
78
+ background-position-x: 50%;
79
+ -webkit-box-shadow: inset 0 -2px 15px -6px rgba(0,0,0,.07);
80
+ box-shadow: inset 0 -2px 15px -6px rgba(0,0,0,.07);
81
+ }
82
+
83
+ .htmega-template-library-preview {
84
+ position: absolute;
85
+ top: 0;
86
+ left: 0;
87
+ width: 100%;
88
+ height: 100%;
89
+ background-color: rgba(0,0,0,.5);
90
+ -webkit-transition: opacity .5s;
91
+ -o-transition: opacity .5s;
92
+ transition: opacity .5s;
93
+ cursor: pointer;
94
+ }
95
+ .htmega_template_library_template:not(:hover) .htmega-template-library-preview {
96
+ opacity: 0;
97
+ }
98
+ .htmega-template-library-preview i {
99
+ font-size: 20px;
100
+ color: #d5dadf;
101
+ position: absolute;
102
+ top: 50%;
103
+ left: 50%;
104
+ -webkit-transform: translate(-50%,-50%);
105
+ -ms-transform: translate(-50%,-50%);
106
+ transform: translate(-50%,-50%);
107
+ }
108
+
109
+ .htmega-template-library-footer .elementor-button{
110
+ color: #1D39D7;
111
+ }
112
+
113
+ .htmega-template-library-footer .elementor-button:hover{
114
+ color: #93003c;
115
+ }
116
+ .htmega-template-library-footer .elementor-button i {
117
+ margin-right: 5px;
118
+ }
119
+ .htmega-template-library-footer {
120
+ padding-top: 5px;
121
+ position: relative;
122
+ }
123
+ .htmega-template-library-template-title {
124
+ font-size: 13px;
125
+ font-weight: 500;
126
+ color: #555;
127
+ }
128
+ .htmega-template-library-template-type {
129
+ font-size: 12px;
130
+ font-weight: 400;
131
+ color: #333;
132
+ text-transform: capitalize;
133
+ }
134
+ .htmega-template-library-template-action-btn {
135
+ margin-top: 0;
136
+ overflow: hidden;
137
+ display: flex;
138
+ justify-content: space-between;
139
+ align-items: center;
140
+ transition: transform .5s,-webkit-transform .5s;
141
+ transform: translateY(100%);
142
+ position: absolute;
143
+ bottom: 0;
144
+ width: 100%;
145
+ opacity: 0;
146
+ }
147
+ .htmega_template_library_template:hover .htmega-template-library-template-action-btn {
148
+ transform: translateY(0);
149
+ bottom: -30px;
150
+ opacity: 1;
151
+ }
152
+ .htmega-template-library-template-info {
153
+ transform: translate(1);
154
+ transition: transform .5s,-webkit-transform .5s;
155
+ opacity: 1;
156
+ }
157
+ .htmega_template_library_template:hover .htmega-template-library-template-info {
158
+ display: none;
159
+ transform: translate(0);
160
+ opacity: 0;
161
+ }
162
+ .tmpl-htmega-template-library-logo-area {
163
+ background: #D73361;
164
+ display: inline-block;
165
+ -webkit-border-radius: 50%;
166
+ border-radius: 50%;
167
+ line-height: 1;
168
+ text-align: center;
169
+ width: 30px;
170
+ height: 30px;
171
+ line-height: 40px;
172
+ margin-right: 10px;
173
+ }
174
+
175
+ span.htmega-template-library-pro-badge {
176
+ position: absolute;
177
+ bottom: 0;
178
+ right: 0;
179
+ background: #CB0097;
180
+ padding: 2px 12px;
181
+ color: #fff;
182
+ border-radius: 3px;
183
+ }
admin/assets/css/tmp-style.css CHANGED
@@ -1,867 +1,866 @@
1
- .container {
2
- width: 100%;
3
- padding-right: 15px;
4
- padding-left: 15px;
5
- margin-right: auto;
6
- margin-left: auto;
7
- }
8
- .container-fluid {
9
- width: 100%;
10
- padding-right: 15px;
11
- padding-left: 15px;
12
- margin-right: auto;
13
- margin-left: auto;
14
- }
15
- .row {
16
- display: -webkit-box;
17
- display: -webkit-flex;
18
- display: -ms-flexbox;
19
- display: flex;
20
- -webkit-flex-wrap: wrap;
21
- -ms-flex-wrap: wrap;
22
- flex-wrap: wrap;
23
- margin-right: -15px;
24
- margin-left: -15px;
25
- }
26
- .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
27
- .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
28
- .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
29
- .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
30
- .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
31
- .col-xl-auto {
32
- position: relative;
33
- width: 100%;
34
- padding-right: 15px;
35
- padding-left: 15px;
36
- }
37
- .col {
38
- -webkit-flex-basis: 0;
39
- -ms-flex-preferred-size: 0;
40
- flex-basis: 0;
41
- -webkit-box-flex: 1;
42
- -webkit-flex-grow: 1;
43
- -ms-flex-positive: 1;
44
- flex-grow: 1;
45
- max-width: 100%;
46
- }
47
- .col-auto {
48
- -webkit-box-flex: 0;
49
- -webkit-flex: 0 0 auto;
50
- -ms-flex: 0 0 auto;
51
- flex: 0 0 auto;
52
- width: auto;
53
- max-width: 100%;
54
- }
55
- .col-12 {
56
- -webkit-box-flex: 0;
57
- -webkit-flex: 0 0 100%;
58
- -ms-flex: 0 0 100%;
59
- flex: 0 0 100%;
60
- max-width: 100%;
61
- }
62
-
63
- @media (min-width: 768px) {
64
- .col-md-6 {
65
- -webkit-box-flex: 0;
66
- -webkit-flex: 0 0 50%;
67
- -ms-flex: 0 0 50%;
68
- flex: 0 0 50%;
69
- max-width: 50%;
70
- }
71
- .col-md-auto {
72
- -webkit-box-flex: 0;
73
- -webkit-flex: 0 0 auto;
74
- -ms-flex: 0 0 auto;
75
- flex: 0 0 auto;
76
- width: auto;
77
- max-width: 100%;
78
- }
79
- }
80
-
81
- @media (min-width: 1200px) {
82
- .col-xl-4 {
83
- -webkit-box-flex: 0;
84
- -webkit-flex: 0 0 33.33333%;
85
- -ms-flex: 0 0 33.33333%;
86
- flex: 0 0 33.33333%;
87
- max-width: 33.33333%;
88
- }
89
- }
90
-
91
- .mr-auto{
92
- margin-right: auto !important;
93
- }
94
-
95
- /* Common Style */
96
- *, *::after, *::before {
97
- -webkit-box-sizing: border-box;
98
- box-sizing: border-box;
99
- margin: 0;
100
- padding: 0;
101
- }
102
-
103
- html, body, .site-wrapper {
104
- height: 100%;
105
- }
106
-
107
- body {
108
- font-family: "Roboto", sans-serif;
109
- font-size: 16px;
110
- font-weight: 400;
111
- font-style: normal;
112
- line-height: 1.75;
113
- position: relative;
114
- visibility: visible;
115
- color: #696969;
116
- background-color: #FFFFFF;
117
- }
118
-
119
- .httemplates-templates-area {}
120
-
121
- /* Search Section */
122
- .htwpt-search-section {}
123
- .htwpt-search-section.group-project-open {
124
- visibility: hidden;
125
- overflow: hidden;
126
- opacity: 0;
127
- }
128
-
129
- /* Search Form */
130
- .htwpt-search-form {
131
- padding-top: 30px;
132
- padding-bottom: 30px;
133
- border-bottom: 1px solid #dee2e6;
134
- }
135
- .htwpt-search-form .row {
136
- margin-bottom: -20px;
137
- }
138
-
139
- .htwpt-search-form .row [class*="col"] {
140
- margin-bottom: 20px;
141
- }
142
-
143
- .htwpt-search-form input[type="text"] {
144
- line-height: 24px;
145
- width: 350px;
146
- padding: 7px 15px;
147
- color: #696969;
148
- border: 1px solid #dee2e6;
149
- background-color: #FFFFFF;
150
- border-radius: 0;
151
- }
152
-
153
- @media only screen and (min-width: 768px) and (max-width: 991px) {
154
- .htwpt-search-form input[type="text"] {
155
- width: 250px;
156
- }
157
- }
158
-
159
- @media only screen and (max-width: 575px) {
160
- .htwpt-search-form input[type="text"] {
161
- width: 300px;
162
- }
163
- }
164
-
165
- @media only screen and (max-width: 479px) {
166
- .htwpt-search-form .row [class*="col"] {
167
- width: 100%;
168
- }
169
- .htwpt-search-form input[type="text"] {
170
- width: 100%;
171
- }
172
- }
173
-
174
- /* Demo Select */
175
- .htwpt-demos-select {
176
- min-width: 130px;
177
- }
178
-
179
- /* Builder Select */
180
- .htwpt-builder-select {
181
- min-width: 120px;
182
- }
183
-
184
- /* Pro/Free Select */
185
- .htwpt-type-select {
186
- min-width: 90px;
187
- }
188
-
189
- /* Selectric Select Plugins Style */
190
- .selectric-wrapper {
191
- min-width: 100%;
192
- }
193
-
194
- .selectric {
195
- padding: 0 40px 0 15px;
196
- -webkit-transition: all 0.5s ease 0s;
197
- -o-transition: all 0.5s ease 0s;
198
- transition: all 0.5s ease 0s;
199
- border-color: #dee2e6;
200
- background-color: #FFFFFF;
201
- }
202
-
203
- .selectric:hover {
204
- border-color: #CCCCCC;
205
- }
206
-
207
- .selectric .label {
208
- margin: 0;
209
- }
210
-
211
- .selectric .button {
212
- background-color: transparent;
213
- border: none;
214
- }
215
-
216
- .selectric .button::after {
217
- width: 6px;
218
- height: 6px;
219
- -webkit-transform: rotate(45deg);
220
- -ms-transform: rotate(45deg);
221
- transform: rotate(45deg);
222
- border-width: 0 1px 1px 0;
223
- border-style: solid;
224
- border-color: #696969;
225
- }
226
-
227
- .selectric-items {
228
- border: none;
229
- background-color: #FFFFFF;
230
- }
231
-
232
- .selectric-items ul li {
233
- padding: 8px 15px;
234
- }
235
-
236
- .selectric-items ul li.selected, .selectric-items ul li.highlighted {
237
- color: #333333;
238
- background-color: #dee2e6;
239
- }
240
-
241
- .selectric-items ul li:not(.selected):not(.highlighted):hover {
242
- color: #333333;
243
- background-color: #edeff1;
244
- }
245
-
246
- /* Project Section */
247
- .htwpt-project-section {
248
- position: relative;
249
- z-index: 1;
250
- padding: 30px 0;
251
- -webkit-transition: all 0.5s ease 0s;
252
- -o-transition: all 0.5s ease 0s;
253
- transition: all 0.5s ease 0s;
254
- overflow: hidden;
255
- }
256
-
257
- .htwpt-project-section.group-project-open {
258
- visibility: hidden;
259
- overflow: hidden;
260
- opacity: 0;
261
- }
262
-
263
- /* Project Grid */
264
- #htwpt-project-grid {
265
- margin: 0 -5px -40px;
266
- }
267
-
268
- #htwpt-project-grid > [class*="col"] {
269
- margin-bottom: 40px;
270
- padding-right: 20px;
271
- padding-left: 20px;
272
- }
273
-
274
- #htwpt-project-grid > [class*="col"]::before, #htwpt-project-grid > [class*="col"]::after {
275
- position: absolute;
276
- z-index: -999;
277
- top: 0;
278
- right: 20px;
279
- bottom: 0;
280
- left: 20px;
281
- content: "";
282
- -webkit-transform: rotate(1.5deg);
283
- -ms-transform: rotate(1.5deg);
284
- transform: rotate(1.5deg);
285
- background-color: #FFFFFF;
286
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
287
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
288
- }
289
-
290
- #htwpt-project-grid > [class*="col"]::after {
291
- z-index: -99;
292
- -webkit-transform: rotate(-1.5deg);
293
- -ms-transform: rotate(-1.5deg);
294
- transform: rotate(-1.5deg);
295
- }
296
-
297
- #htwpt-project-grid > [class*="col"].htwpt-project-item-signle::before, #htwpt-project-grid > [class*="col"].htwpt-project-item-signle::after {
298
- display: none;
299
- }
300
-
301
- @media only screen and (min-width: 1500px) {
302
- #htwpt-project-grid > [class*="col"] {
303
- -webkit-box-flex: 0;
304
- -webkit-flex: 0 0 25%;
305
- -ms-flex: 0 0 25%;
306
- flex: 0 0 25%;
307
- max-width: 25%;
308
- }
309
- }
310
-
311
- /* Project Message */
312
- .htwpt-project-message {
313
- display: -webkit-box;
314
- display: -webkit-flex;
315
- display: -ms-flexbox;
316
- display: flex;
317
- -webkit-box-align: center;
318
- -webkit-align-items: center;
319
- -ms-flex-align: center;
320
- align-items: center;
321
- -webkit-box-pack: center;
322
- -webkit-justify-content: center;
323
- -ms-flex-pack: center;
324
- justify-content: center;
325
- width: 100%;
326
- margin: 0;
327
- }
328
-
329
- /* Project Item */
330
- .htwpt-project-item {
331
- position: relative;
332
- z-index: 9;
333
- padding: 20px;
334
- cursor: pointer;
335
- background-color: #FFFFFF;
336
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
337
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
338
- }
339
-
340
- .htwpt-project-item .htwpt-project-thumb {
341
- position: relative;
342
- overflow: hidden;
343
- }
344
-
345
- .htwpt-project-item .htwpt-project-thumb .htwpt-image {
346
- position: relative;
347
- z-index: 1;
348
- display: -webkit-box;
349
- display: -webkit-flex;
350
- display: -ms-flexbox;
351
- display: flex;
352
- width: 100%;
353
- padding-bottom: 120%;
354
- }
355
-
356
- .htwpt-project-item .htwpt-project-thumb .htwpt-image img {
357
- position: absolute;
358
- z-index: 9;
359
- left: 0;
360
- max-width: 100%;
361
- height: auto;
362
- -webkit-transition: all 0.5s ease 0s;
363
- -o-transition: all 0.5s ease 0s;
364
- transition: all 0.5s ease 0s;
365
- opacity: 0;
366
- -o-object-fit: cover;
367
- object-fit: cover;
368
- }
369
-
370
- .htwpt-project-item .htwpt-project-thumb .htwpt-image img.finish {
371
- opacity: 1;
372
- }
373
-
374
- .htwpt-project-item .htwpt-project-thumb .htwpt-image img.finish + .img-loader {
375
- opacity: 0;
376
- display: none;
377
- }
378
-
379
- .htwpt-project-item .htwpt-project-thumb .htwpt-image .img-loader {
380
- position: absolute;
381
- z-index: 2;
382
- top: calc(50% - 15px);
383
- left: calc(50% - 15px);
384
- display: block;
385
- width: 30px;
386
- height: 30px;
387
- -webkit-transition: all 0.5s ease 0s;
388
- -o-transition: all 0.5s ease 0s;
389
- transition: all 0.5s ease 0s;
390
- -webkit-animation: rotate-center 0.6s linear infinite both;
391
- animation: rotate-center 0.6s linear infinite both;
392
- border-width: 3px;
393
- border-style: solid;
394
- border-color: #696969 #696969 #696969 transparent;
395
- border-radius: 50%;
396
- }
397
-
398
- .htwpt-project-item .htwpt-project-thumb .htwpt-actions {
399
- position: absolute;
400
- z-index: 99;
401
- right: -1px;
402
- bottom: 0;
403
- left: 0;
404
- display: -webkit-box;
405
- display: -webkit-flex;
406
- display: -ms-flexbox;
407
- display: flex;
408
- text-align: center;
409
- }
410
-
411
- .htwpt-project-item .htwpt-project-thumb .htwpt-actions a {
412
- font-size: 14px;
413
- -webkit-box-flex: 1;
414
- -webkit-flex: 1 0 auto;
415
- -ms-flex: 1 0 auto;
416
- flex: 1 0 auto;
417
- padding: 10px 20px;
418
- text-decoration: none;
419
- text-transform: uppercase;
420
- color: #FFFFFF;
421
- border-right: 1px solid #FFFFFF;
422
- background-color: #79B530;
423
- transition: 0.4s;
424
- min-height: inherit;
425
- line-height: 1.5;
426
- border-left: 0;
427
- border-radius: 0;
428
- border-top: 0;
429
- border-bottom: 0;
430
- box-shadow:none;
431
- margin: 0;
432
- }
433
- .htwpt-project-item .htwpt-project-thumb .htwpt-actions a.button.updating-message::before {
434
- margin: 0 5px 0 0;
435
- color: #fff;
436
- }
437
-
438
- .htwpt-project-item .htwpt-project-thumb .htwpt-actions a:hover{
439
- background-color: #498500;
440
- }
441
-
442
- .htwpt-project-item .htwpt-project-info {
443
- padding-top: 0px;
444
- text-align: center;
445
- }
446
-
447
- .htwpt-project-item .htwpt-project-info .title {
448
- font-size: 16px;
449
- line-height: 1;
450
- margin-bottom: 8px;
451
- text-transform: capitalize;
452
- color: #333333;
453
- }
454
- .htwpt-project-item .htwpt-project-info .title span{
455
- color: red;
456
- }
457
-
458
- .htwpt-project-item .htwpt-project-info .sub-title {
459
- font-size: 14px;
460
- font-weight: 400;
461
- line-height: 1;
462
- margin: 0;
463
- text-transform: capitalize;
464
- }
465
-
466
- #htwpt-load-more-project {
467
- margin-top: 40px;
468
- }
469
-
470
- #htwpt-load-more-project span {
471
- font-weight: 700;
472
- display: -webkit-box;
473
- display: -webkit-flex;
474
- display: -ms-flexbox;
475
- display: flex;
476
- -webkit-box-align: center;
477
- -webkit-align-items: center;
478
- -ms-flex-align: center;
479
- align-items: center;
480
- -webkit-box-pack: center;
481
- -webkit-justify-content: center;
482
- -ms-flex-pack: center;
483
- justify-content: center;
484
- }
485
-
486
- /* Group Project Section */
487
- #htwpt-group-section {
488
- position: fixed;
489
- z-index: 999;
490
- top: 0;
491
- right: 0;
492
- bottom: 0;
493
- left: 0;
494
- display: none;
495
- overflow-y: auto;
496
- background-color: #FFFFFF;
497
- }
498
-
499
- /* Group Project Information Bar */
500
- #htwpt-group-bar {
501
- display: -webkit-box;
502
- display: -webkit-flex;
503
- display: -ms-flexbox;
504
- display: flex;
505
- -webkit-box-align: center;
506
- -webkit-align-items: center;
507
- -ms-flex-align: center;
508
- align-items: center;
509
- width: calc(100% - 30px);
510
- padding: 20px 0;
511
- border-bottom: 1px solid #dee2e6;
512
- margin: auto;
513
- }
514
-
515
- #htwpt-group-bar .back {
516
- font-size: 14px;
517
- line-height: 1;
518
- display: -webkit-box;
519
- display: -webkit-flex;
520
- display: -ms-flexbox;
521
- display: flex;
522
- -webkit-box-align: center;
523
- -webkit-align-items: center;
524
- -ms-flex-align: center;
525
- align-items: center;
526
- cursor: pointer;
527
- }
528
-
529
- #htwpt-group-bar .back i {
530
- font-size: 18px;
531
- line-height: 1;
532
- margin-right: 10px;
533
- padding-bottom: 4px;
534
- }
535
-
536
- #htwpt-group-bar .title {
537
- font-size: 16px;
538
- font-weight: 500;
539
- display: -webkit-box;
540
- display: -webkit-flex;
541
- display: -ms-flexbox;
542
- display: flex;
543
- -webkit-box-align: center;
544
- -webkit-align-items: center;
545
- -ms-flex-align: center;
546
- align-items: center;
547
- margin-left: 30px;
548
- margin-top: 0px;
549
- margin-bottom: 0px;
550
- text-transform: capitalize;
551
- color: #333333;
552
- }
553
-
554
- #htwpt-group-bar .title::before {
555
- width: 15px;
556
- height: 2px;
557
- margin-right: 15px;
558
- content: "";
559
- background-color: #CCCCCC;
560
- }
561
-
562
- /* Group Project Grid */
563
- #htwpt-group-grid {
564
- margin: 0;
565
- padding: 30px 0 0;
566
- }
567
-
568
- #htwpt-group-grid > [class*="col"] {
569
- margin-bottom: 30px;
570
- }
571
-
572
- @media only screen and (min-width: 1500px) {
573
- #htwpt-group-grid > [class*="col"] {
574
- -webkit-box-flex: 0;
575
- -webkit-flex: 0 0 25%;
576
- -ms-flex: 0 0 25%;
577
- flex: 0 0 25%;
578
- max-width: 25%;
579
- }
580
- }
581
-
582
- .htwpt-group-item {
583
- -webkit-transition: all 0.5s ease 0s;
584
- -o-transition: all 0.5s ease 0s;
585
- transition: all 0.5s ease 0s;
586
- -webkit-transform: translateY(100px);
587
- -ms-transform: translateY(100px);
588
- transform: translateY(100px);
589
- opacity: 0;
590
- }
591
-
592
- .htwpt-group-item.visible {
593
- -webkit-transform: translateY(0);
594
- -ms-transform: translateY(0);
595
- transform: translateY(0);
596
- opacity: 1;
597
- }
598
-
599
- /* Loading Icon & Animation */
600
- .htwpt-pro-loading, .htwpt-pro-loading2 {
601
- display: block;
602
- width: 20px;
603
- height: 20px;
604
- margin-right: 10px;
605
- -webkit-transition: all 0.5s ease 0s;
606
- -o-transition: all 0.5s ease 0s;
607
- transition: all 0.5s ease 0s;
608
- -webkit-animation: rotate-center 0.6s linear infinite both;
609
- animation: rotate-center 0.6s linear infinite both;
610
- border-width: 2px;
611
- border-style: solid;
612
- border-color: #696969 #696969 #696969 transparent;
613
- border-radius: 50%;
614
- }
615
-
616
- .htwpt-pro-loading2 {
617
- width: 40px;
618
- height: 40px;
619
- border-width: 4px;
620
- }
621
-
622
- @-webkit-keyframes rotate-center {
623
- 0% {
624
- -webkit-transform: rotate(0);
625
- transform: rotate(0);
626
- }
627
- 100% {
628
- -webkit-transform: rotate(360deg);
629
- transform: rotate(360deg);
630
- }
631
- }
632
-
633
- @keyframes rotate-center {
634
- 0% {
635
- -webkit-transform: rotate(0);
636
- transform: rotate(0);
637
- }
638
- 100% {
639
- -webkit-transform: rotate(360deg);
640
- transform: rotate(360deg);
641
- }
642
- }
643
-
644
- /* Scroll Top Top */
645
- .htwpt-scrollToTop, .htwpt-groupScrollToTop {
646
- font-size: 0;
647
- font-weight: 600;
648
- position: fixed;
649
- z-index: 99;
650
- right: 30px;
651
- bottom: 30px;
652
- display: -webkit-box;
653
- display: -webkit-flex;
654
- display: -ms-flexbox;
655
- display: flex;
656
- visibility: hidden;
657
- -webkit-box-align: center;
658
- -webkit-align-items: center;
659
- -ms-flex-align: center;
660
- align-items: center;
661
- -webkit-box-pack: center;
662
- -webkit-justify-content: center;
663
- -ms-flex-pack: center;
664
- justify-content: center;
665
- width: 40px;
666
- height: 40px;
667
- text-indent: -9999px;
668
- opacity: 0;
669
- color: #FFFFFF;
670
- background-color: #333333;
671
- }
672
-
673
- .htwpt-scrollToTop::before, .htwpt-groupScrollToTop::before {
674
- position: absolute;
675
- top: 50%;
676
- left: 50%;
677
- display: block;
678
- width: 10px;
679
- height: 10px;
680
- margin-top: -2px;
681
- margin-left: -5px;
682
- content: "";
683
- -webkit-transform: rotate(45deg);
684
- -ms-transform: rotate(45deg);
685
- transform: rotate(45deg);
686
- border-top: 2px solid #FFFFFF;
687
- border-left: 2px solid #FFFFFF;
688
- }
689
-
690
- .htwpt-scrollToTop:hover, .htwpt-groupScrollToTop:hover {
691
- color: #FFFFFF;
692
- background-color: #79B530;
693
- }
694
-
695
- .htwpt-scrollToTop:focus, .htwpt-groupScrollToTop:focus {
696
- color: #FFFFFF;
697
- }
698
-
699
- .htwpt-scrollToTop.show, .htwpt-groupScrollToTop.show {
700
- visibility: visible;
701
- opacity: 1;
702
- }
703
-
704
-
705
- /*
706
- * Template Laibrary Start
707
- */
708
- .htmega-addons_page_htmega_addons_templates_library #wpfooter{ display: none; }
709
- .httemplate-row{}
710
-
711
- /*Pop Up*/
712
- .ui-dialog-titlebar {
713
- font-weight: 500 !important;
714
- font-size: 19px !important;
715
- }
716
- #htwpt-popup-area{
717
- padding: 25px;
718
- }
719
- .httemplate-popupcontent {
720
- align-items: center;
721
- display: flex;
722
- justify-content: center;
723
- min-height: 200px;
724
- position: relative;
725
- }
726
- .htmega-addons_page_htmega_addons_templates_library .htwptpopupcontent{
727
- width: 100%;
728
- }
729
- .htwptspinner {
730
- height: 100%;
731
- left: 0;
732
- position: absolute;
733
- top: 0;
734
- width: 100%;
735
- display: none;
736
- }
737
- .htwptspinner.loading{
738
- display: block;
739
- }
740
- .htwptspinner::before {
741
- background: rgba(0, 0, 0, 0) url("../images/ajax-loader.gif") no-repeat scroll center center / 100px 100px;
742
- content: "";
743
- height: 100%;
744
- left: 0;
745
- opacity: 1;
746
- position: absolute;
747
- top: 0;
748
- visibility: visible;
749
- width: 100%;
750
- }
751
-
752
- .htwptpopupcontent p,.htwptmessage p {
753
- font-size: 18px;
754
- margin: 0;
755
- }
756
- .wptemplataimpbtn,.htwptmessage a {
757
- background: #333 none repeat scroll 0 0;
758
- color: #fff;
759
- display: inline-block;
760
- font-size: 14px;
761
- margin: 15px 0;
762
- padding: 8px 20px;
763
- text-align: center;
764
- text-decoration: none;
765
- transition: all 0.4s ease 0s;
766
- }
767
- .wptemplataimpbtn:focus{
768
- background: #333 none repeat scroll 0 0;
769
- outline: none;
770
- color: #fff;
771
- box-shadow: none;
772
- }
773
- .wptemplataimpbtn:hover,.htwptmessage a:hover{
774
- background: #0085ba none repeat scroll 0 0;
775
- color: #fff;
776
- outline:none;
777
- }
778
-
779
- .htpageimportarea .wptemplataimpbtn{
780
- margin: 0;
781
- }
782
- .htpageimportarea {
783
- margin: 0 0 15px;
784
- }
785
- .htpageimportarea p{
786
- margin-bottom: 15px;
787
- }
788
- .htpageimportarea input {
789
- background: #fff none repeat scroll 0 0;
790
- border: 1px solid #c7c7c7;
791
- color: #888888;
792
- font-size: 14px;
793
- font-weight: normal;
794
- padding: 5px 10px;
795
- width: 250px;
796
- border-radius: 0;
797
- }
798
- .wptemplataimpbtn.htwptdisabled {
799
- cursor: default;
800
- opacity: 0.4;
801
- pointer-events: none;
802
- }
803
- .htwptmessage {
804
- text-align: center;
805
- }
806
-
807
- /*Required Plugins List*/
808
- .htwptemplata-requiredplugins{
809
- margin: 0;
810
- list-style: none;
811
- }
812
- .htwptemplata-requiredplugins li {
813
- display: flex;
814
- justify-content: space-between;
815
- align-items: center;
816
- border-bottom: 1px solid #ddd;
817
- margin-bottom: 10px;
818
- padding-bottom: 10px;
819
- }
820
- .htwptemplata-requiredplugins li h3 {
821
- margin: 0;
822
- font-size: 14px;
823
- }
824
- .htwptemplata-requiredplugins li button:focus{
825
- box-shadow: none !important;
826
- }
827
-
828
-
829
- /*
830
- * Responsive CSS Here
831
- */
832
-
833
- /* Large Device :1200px. */
834
- @media (min-width: 1200px) and (max-width: 1400px) {
835
-
836
- }
837
-
838
- /* Normal desktop :992px. */
839
- @media (min-width: 992px) and (max-width: 1199px) {
840
-
841
-
842
- }
843
-
844
-
845
- /* Tablet desktop :768px. */
846
- @media (min-width: 768px) and (max-width: 991px) {
847
-
848
- }
849
-
850
- /* small mobile :320px. */
851
- @media (max-width: 767px) {
852
-
853
- .ui-dialog{
854
- width: 90% !important;
855
- }
856
- .htpageimportarea input {
857
- width: 100%;
858
- margin-bottom: 10px;
859
- }
860
-
861
- }
862
-
863
- /* Large Mobile :480px. */
864
- @media only screen and (min-width: 480px) and (max-width: 767px) {
865
-
866
-
867
  }
1
+ .container {
2
+ width: 100%;
3
+ padding-right: 15px;
4
+ padding-left: 15px;
5
+ margin-right: auto;
6
+ margin-left: auto;
7
+ }
8
+ .container-fluid {
9
+ width: 100%;
10
+ padding-right: 15px;
11
+ padding-left: 15px;
12
+ margin-right: auto;
13
+ margin-left: auto;
14
+ }
15
+ .row {
16
+ display: -webkit-box;
17
+ display: -webkit-flex;
18
+ display: -ms-flexbox;
19
+ display: flex;
20
+ -webkit-flex-wrap: wrap;
21
+ -ms-flex-wrap: wrap;
22
+ flex-wrap: wrap;
23
+ margin-right: -15px;
24
+ margin-left: -15px;
25
+ }
26
+ .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
27
+ .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
28
+ .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
29
+ .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
30
+ .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
31
+ .col-xl-auto {
32
+ position: relative;
33
+ width: 100%;
34
+ padding-right: 15px;
35
+ padding-left: 15px;
36
+ }
37
+ .col {
38
+ -webkit-flex-basis: 0;
39
+ -ms-flex-preferred-size: 0;
40
+ flex-basis: 0;
41
+ -webkit-box-flex: 1;
42
+ -webkit-flex-grow: 1;
43
+ -ms-flex-positive: 1;
44
+ flex-grow: 1;
45
+ max-width: 100%;
46
+ }
47
+ .col-auto {
48
+ -webkit-box-flex: 0;
49
+ -webkit-flex: 0 0 auto;
50
+ -ms-flex: 0 0 auto;
51
+ flex: 0 0 auto;
52
+ width: auto;
53
+ max-width: 100%;
54
+ }
55
+ .col-12 {
56
+ -webkit-box-flex: 0;
57
+ -webkit-flex: 0 0 100%;
58
+ -ms-flex: 0 0 100%;
59
+ flex: 0 0 100%;
60
+ max-width: 100%;
61
+ }
62
+
63
+ @media (min-width: 768px) {
64
+ .col-md-6 {
65
+ -webkit-box-flex: 0;
66
+ -webkit-flex: 0 0 50%;
67
+ -ms-flex: 0 0 50%;
68
+ flex: 0 0 50%;
69
+ max-width: 50%;
70
+ }
71
+ .col-md-auto {
72
+ -webkit-box-flex: 0;
73
+ -webkit-flex: 0 0 auto;
74
+ -ms-flex: 0 0 auto;
75
+ flex: 0 0 auto;
76
+ width: auto;
77
+ max-width: 100%;
78
+ }
79
+ }
80
+
81
+ @media (min-width: 1200px) {
82
+ .col-xl-4 {
83
+ -webkit-box-flex: 0;
84
+ -webkit-flex: 0 0 33.33333%;
85
+ -ms-flex: 0 0 33.33333%;
86
+ flex: 0 0 33.33333%;
87
+ max-width: 33.33333%;
88
+ }
89
+ }
90
+
91
+ .mr-auto{
92
+ margin-right: auto !important;
93
+ }
94
+
95
+ /* Common Style */
96
+ *, *::after, *::before {
97
+ -webkit-box-sizing: border-box;
98
+ box-sizing: border-box;
99
+ margin: 0;
100
+ padding: 0;
101
+ }
102
+
103
+ html, body, .site-wrapper {
104
+ height: 100%;
105
+ }
106
+
107
+ body {
108
+ font-family: "Roboto", sans-serif;
109
+ font-size: 16px;
110
+ font-weight: 400;
111
+ font-style: normal;
112
+ line-height: 1.75;
113
+ position: relative;
114
+ visibility: visible;
115
+ color: #696969;
116
+ background-color: #FFFFFF;
117
+ }
118
+
119
+ .httemplates-templates-area {}
120
+
121
+ /* Search Section */
122
+ .htwpt-search-section {}
123
+ .htwpt-search-section.group-project-open {
124
+ visibility: hidden;
125
+ overflow: hidden;
126
+ opacity: 0;
127
+ }
128
+
129
+ /* Search Form */
130
+ .htwpt-search-form {
131
+ padding-top: 30px;
132
+ padding-bottom: 30px;
133
+ border-bottom: 1px solid #dee2e6;
134
+ }
135
+ .htwpt-search-form .row {
136
+ margin-bottom: -20px;
137
+ }
138
+
139
+ .htwpt-search-form .row [class*="col"] {
140
+ margin-bottom: 20px;
141
+ }
142
+
143
+ .htwpt-search-form input[type="text"] {
144
+ line-height: 24px;
145
+ width: 350px;
146
+ padding: 7px 15px;
147
+ color: #696969;
148
+ border: 1px solid #dee2e6;
149
+ background-color: #FFFFFF;
150
+ border-radius: 0;
151
+ }
152
+
153
+ @media only screen and (min-width: 768px) and (max-width: 991px) {
154
+ .htwpt-search-form input[type="text"] {
155
+ width: 250px;
156
+ }
157
+ }
158
+
159
+ @media only screen and (max-width: 575px) {
160
+ .htwpt-search-form input[type="text"] {
161
+ width: 300px;
162
+ }
163
+ }
164
+
165
+ @media only screen and (max-width: 479px) {
166
+ .htwpt-search-form .row [class*="col"] {
167
+ width: 100%;
168
+ }
169
+ .htwpt-search-form input[type="text"] {
170
+ width: 100%;
171
+ }
172
+ }
173
+
174
+ /* Demo Select */
175
+ .htwpt-demos-select {
176
+ min-width: 130px;
177
+ }
178
+
179
+ /* Builder Select */
180
+ .htwpt-builder-select {
181
+ min-width: 120px;
182
+ }
183
+
184
+ /* Pro/Free Select */
185
+ .htwpt-type-select {
186
+ min-width: 90px;
187
+ }
188
+
189
+ /* Selectric Select Plugins Style */
190
+ .selectric-wrapper {
191
+ min-width: 100%;
192
+ }
193
+
194
+ .selectric {
195
+ padding: 0 40px 0 15px;
196
+ -webkit-transition: all 0.5s ease 0s;
197
+ -o-transition: all 0.5s ease 0s;
198
+ transition: all 0.5s ease 0s;
199
+ border-color: #dee2e6;
200
+ background-color: #FFFFFF;
201
+ }
202
+
203
+ .selectric:hover {
204
+ border-color: #CCCCCC;
205
+ }
206
+
207
+ .selectric .label {
208
+ margin: 0;
209
+ }
210
+
211
+ .selectric .button {
212
+ background-color: transparent;
213
+ border: none;
214
+ }
215
+
216
+ .selectric .button::after {
217
+ width: 6px;
218
+ height: 6px;
219
+ -webkit-transform: rotate(45deg);
220
+ -ms-transform: rotate(45deg);
221
+ transform: rotate(45deg);
222
+ border-width: 0 1px 1px 0;
223
+ border-style: solid;
224
+ border-color: #696969;
225
+ }
226
+
227
+ .selectric-items {
228
+ border: none;
229
+ background-color: #FFFFFF;
230
+ }
231
+
232
+ .selectric-items ul li {
233
+ padding: 8px 15px;
234
+ }
235
+
236
+ .selectric-items ul li.selected, .selectric-items ul li.highlighted {
237
+ color: #333333;
238
+ background-color: #dee2e6;
239
+ }
240
+
241
+ .selectric-items ul li:not(.selected):not(.highlighted):hover {
242
+ color: #333333;
243
+ background-color: #edeff1;
244
+ }
245
+
246
+ /* Project Section */
247
+ .htwpt-project-section {
248
+ position: relative;
249
+ z-index: 1;
250
+ padding: 30px 0;
251
+ -webkit-transition: all 0.5s ease 0s;
252
+ -o-transition: all 0.5s ease 0s;
253
+ transition: all 0.5s ease 0s;
254
+ overflow: hidden;
255
+ }
256
+
257
+ .htwpt-project-section.group-project-open {
258
+ visibility: hidden;
259
+ overflow: hidden;
260
+ opacity: 0;
261
+ }
262
+
263
+ /* Project Grid */
264
+ #htwpt-project-grid {
265
+ margin: 0 -5px -40px;
266
+ }
267
+
268
+ #htwpt-project-grid > [class*="col"] {
269
+ margin-bottom: 40px;
270
+ padding-right: 20px;
271
+ padding-left: 20px;
272
+ }
273
+
274
+ #htwpt-project-grid > [class*="col"]::before, #htwpt-project-grid > [class*="col"]::after {
275
+ position: absolute;
276
+ z-index: -999;
277
+ top: 0;
278
+ right: 20px;
279
+ bottom: 0;
280
+ left: 20px;
281
+ content: "";
282
+ -webkit-transform: rotate(1.5deg);
283
+ -ms-transform: rotate(1.5deg);
284
+ transform: rotate(1.5deg);
285
+ background-color: #FFFFFF;
286
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
287
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
288
+ }
289
+
290
+ #htwpt-project-grid > [class*="col"]::after {
291
+ z-index: -99;
292
+ -webkit-transform: rotate(-1.5deg);
293
+ -ms-transform: rotate(-1.5deg);
294
+ transform: rotate(-1.5deg);
295
+ }
296
+
297
+ #htwpt-project-grid > [class*="col"].htwpt-project-item-signle::before, #htwpt-project-grid > [class*="col"].htwpt-project-item-signle::after {
298
+ display: none;
299
+ }
300
+
301
+ @media only screen and (min-width: 1500px) {
302
+ #htwpt-project-grid > [class*="col"] {
303
+ -webkit-box-flex: 0;
304
+ -webkit-flex: 0 0 25%;
305
+ -ms-flex: 0 0 25%;
306
+ flex: 0 0 25%;
307
+ max-width: 25%;
308
+ }
309
+ }
310
+
311
+ /* Project Message */
312
+ .htwpt-project-message {
313
+ display: -webkit-box;
314
+ display: -webkit-flex;
315
+ display: -ms-flexbox;
316
+ display: flex;
317
+ -webkit-box-align: center;
318
+ -webkit-align-items: center;
319
+ -ms-flex-align: center;
320
+ align-items: center;
321
+ -webkit-box-pack: center;
322
+ -webkit-justify-content: center;
323
+ -ms-flex-pack: center;
324
+ justify-content: center;
325
+ width: 100%;
326
+ margin: 0;
327
+ }
328
+
329
+ /* Project Item */
330
+ .htwpt-project-item {
331
+ position: relative;
332
+ z-index: 9;
333
+ padding: 20px;
334
+ cursor: pointer;
335
+ background-color: #FFFFFF;
336
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
337
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
338
+ }
339
+
340
+ .htwpt-project-item .htwpt-project-thumb {
341
+ position: relative;
342
+ overflow: hidden;
343
+ }
344
+
345
+ .htwpt-project-item .htwpt-project-thumb .htwpt-image {
346
+ position: relative;
347
+ z-index: 1;
348
+ display: -webkit-box;
349
+ display: -webkit-flex;
350
+ display: -ms-flexbox;
351
+ display: flex;
352
+ width: 100%;
353
+ padding-bottom: 120%;
354
+ }
355
+
356
+ .htwpt-project-item .htwpt-project-thumb .htwpt-image img {
357
+ position: absolute;
358
+ z-index: 9;
359
+ left: 0;
360
+ max-width: 100%;
361
+ height: auto;
362
+ -webkit-transition: all 0.5s ease 0s;
363
+ -o-transition: all 0.5s ease 0s;
364
+ transition: all 0.5s ease 0s;
365
+ opacity: 0;
366
+ -o-object-fit: cover;
367
+ object-fit: cover;
368
+ }
369
+
370
+ .htwpt-project-item .htwpt-project-thumb .htwpt-image img.finish {
371
+ opacity: 1;
372
+ }
373
+
374
+ .htwpt-project-item .htwpt-project-thumb .htwpt-image img.finish + .img-loader {
375
+ opacity: 0;
376
+ display: none;
377
+ }
378
+
379
+ .htwpt-project-item .htwpt-project-thumb .htwpt-image .img-loader {
380
+ position: absolute;
381
+ z-index: 2;
382
+ top: calc(50% - 15px);
383
+ left: calc(50% - 15px);
384
+ display: block;
385
+ width: 30px;
386
+ height: 30px;
387
+ -webkit-transition: all 0.5s ease 0s;
388
+ -o-transition: all 0.5s ease 0s;
389
+ transition: all 0.5s ease 0s;
390
+ -webkit-animation: rotate-center 0.6s linear infinite both;
391
+ animation: rotate-center 0.6s linear infinite both;
392
+ border-width: 3px;
393
+ border-style: solid;
394
+ border-color: #696969 #696969 #696969 transparent;
395
+ border-radius: 50%;
396
+ }
397
+
398
+ .htwpt-project-item .htwpt-project-thumb .htwpt-actions {
399
+ position: absolute;
400
+ z-index: 99;
401
+ right: -1px;
402
+ bottom: 0;
403
+ left: 0;
404
+ display: -webkit-box;
405
+ display: -webkit-flex;
406
+ display: -ms-flexbox;
407
+ display: flex;
408
+ text-align: center;
409
+ }
410
+
411
+ .htwpt-project-item .htwpt-project-thumb .htwpt-actions a {
412
+ font-size: 14px;
413
+ -webkit-box-flex: 1;
414
+ -webkit-flex: 1 0 auto;
415
+ -ms-flex: 1 0 auto;
416
+ flex: 1 0 auto;
417
+ padding: 10px 20px;
418
+ text-decoration: none;
419
+ text-transform: uppercase;
420
+ color: #FFFFFF;
421
+ border-right: 1px solid #FFFFFF;
422
+ background-color: #79B530;
423
+ transition: 0.4s;
424
+ min-height: inherit;
425
+ line-height: 1.5;
426
+ border-left: 0;
427
+ border-radius: 0;
428
+ border-top: 0;
429
+ border-bottom: 0;
430
+ box-shadow:none;
431
+ margin: 0;
432
+ }
433
+ .htwpt-project-item .htwpt-project-thumb .htwpt-actions a.button.updating-message::before {
434
+ margin: 0 5px 0 0;
435
+ color: #fff;
436
+ }
437
+
438
+ .htwpt-project-item .htwpt-project-thumb .htwpt-actions a:hover{
439
+ background-color: #498500;
440
+ }
441
+
442
+ .htwpt-project-item .htwpt-project-info {
443
+ padding-top: 0px;
444
+ text-align: center;
445
+ }
446
+
447
+ .htwpt-project-item .htwpt-project-info .title {
448
+ font-size: 16px;
449
+ line-height: 1;
450
+ margin-bottom: 8px;
451
+ text-transform: capitalize;
452
+ color: #333333;
453
+ }
454
+ .htwpt-project-item .htwpt-project-info .title span{
455
+ color: red;
456
+ }
457
+
458
+ .htwpt-project-item .htwpt-project-info .sub-title {
459
+ font-size: 14px;
460
+ font-weight: 400;
461
+ line-height: 1;
462
+ margin: 0;
463
+ text-transform: capitalize;
464
+ }
465
+
466
+ #htwpt-load-more-project {
467
+ margin-top: 40px;
468
+ }
469
+
470
+ #htwpt-load-more-project span {
471
+ font-weight: 700;
472
+ display: -webkit-box;
473
+ display: -webkit-flex;
474
+ display: -ms-flexbox;
475
+ display: flex;
476
+ -webkit-box-align: center;
477
+ -webkit-align-items: center;
478
+ -ms-flex-align: center;
479
+ align-items: center;
480
+ -webkit-box-pack: center;
481
+ -webkit-justify-content: center;
482
+ -ms-flex-pack: center;
483
+ justify-content: center;
484
+ }
485
+
486
+ /* Group Project Section */
487
+ #htwpt-group-section {
488
+ position: fixed;
489
+ z-index: 999;
490
+ top: 0;
491
+ right: 0;
492
+ bottom: 0;
493
+ left: 0;
494
+ display: none;
495
+ overflow-y: auto;
496
+ background-color: #FFFFFF;
497
+ }
498
+
499
+ /* Group Project Information Bar */
500
+ #htwpt-group-bar {
501
+ display: -webkit-box;
502
+ display: -webkit-flex;
503
+ display: -ms-flexbox;
504
+ display: flex;
505
+ -webkit-box-align: center;
506
+ -webkit-align-items: center;
507
+ -ms-flex-align: center;
508
+ align-items: center;
509
+ width: calc(100% - 30px);
510
+ padding: 20px 0;
511
+ border-bottom: 1px solid #dee2e6;
512
+ margin: auto;
513
+ }
514
+
515
+ #htwpt-group-bar .back {
516
+ font-size: 14px;
517
+ line-height: 1;
518
+ display: -webkit-box;
519
+ display: -webkit-flex;
520
+ display: -ms-flexbox;
521
+ display: flex;
522
+ -webkit-box-align: center;
523
+ -webkit-align-items: center;
524
+ -ms-flex-align: center;
525
+ align-items: center;
526
+ cursor: pointer;
527
+ }
528
+
529
+ #htwpt-group-bar .back i {
530
+ font-size: 18px;
531
+ line-height: 1;
532
+ margin-right: 10px;
533
+ padding-bottom: 4px;
534
+ }
535
+
536
+ #htwpt-group-bar .title {
537
+ font-size: 16px;
538
+ font-weight: 500;
539
+ display: -webkit-box;
540
+ display: -webkit-flex;
541
+ display: -ms-flexbox;
542
+ display: flex;
543
+ -webkit-box-align: center;
544
+ -webkit-align-items: center;
545
+ -ms-flex-align: center;
546
+ align-items: center;
547
+ margin-left: 30px;
548
+ margin-top: 0px;
549
+ margin-bottom: 0px;
550
+ text-transform: capitalize;
551
+ color: #333333;
552
+ }
553
+
554
+ #htwpt-group-bar .title::before {
555
+ width: 15px;
556
+ height: 2px;
557
+ margin-right: 15px;
558
+ content: "";
559
+ background-color: #CCCCCC;
560
+ }
561
+
562
+ /* Group Project Grid */
563
+ #htwpt-group-grid {
564
+ margin: 0;
565
+ padding: 30px 0 0;
566
+ }
567
+
568
+ #htwpt-group-grid > [class*="col"] {
569
+ margin-bottom: 30px;
570
+ }
571
+
572
+ @media only screen and (min-width: 1500px) {
573
+ #htwpt-group-grid > [class*="col"] {
574
+ -webkit-box-flex: 0;
575
+ -webkit-flex: 0 0 25%;
576
+ -ms-flex: 0 0 25%;
577
+ flex: 0 0 25%;
578
+ max-width: 25%;
579
+ }
580
+ }
581
+
582
+ .htwpt-group-item {
583
+ -webkit-transition: all 0.5s ease 0s;
584
+ -o-transition: all 0.5s ease 0s;
585
+ transition: all 0.5s ease 0s;
586
+ -webkit-transform: translateY(100px);
587
+ -ms-transform: translateY(100px);
588
+ transform: translateY(100px);
589
+ opacity: 0;
590
+ }
591
+
592
+ .htwpt-group-item.visible {
593
+ -webkit-transform: translateY(0);
594
+ -ms-transform: translateY(0);
595
+ transform: translateY(0);
596
+ opacity: 1;
597
+ }
598
+
599
+ /* Loading Icon & Animation */
600
+ .htwpt-pro-loading, .htwpt-pro-loading2 {
601
+ display: block;
602
+ width: 20px;
603
+ height: 20px;
604
+ margin-right: 10px;
605
+ -webkit-transition: all 0.5s ease 0s;
606
+ -o-transition: all 0.5s ease 0s;
607
+ transition: all 0.5s ease 0s;
608
+ -webkit-animation: rotate-center 0.6s linear infinite both;
609
+ animation: rotate-center 0.6s linear infinite both;
610
+ border-width: 2px;
611
+ border-style: solid;
612
+ border-color: #696969 #696969 #696969 transparent;
613
+ border-radius: 50%;
614
+ }
615
+
616
+ .htwpt-pro-loading2 {
617
+ width: 40px;
618
+ height: 40px;
619
+ border-width: 4px;
620
+ }
621
+
622
+ @-webkit-keyframes rotate-center {
623
+ 0% {
624
+ -webkit-transform: rotate(0);
625
+ transform: rotate(0);
626
+ }
627
+ 100% {
628
+ -webkit-transform: rotate(360deg);
629
+ transform: rotate(360deg);
630
+ }
631
+ }
632
+
633
+ @keyframes rotate-center {
634
+ 0% {
635
+ -webkit-transform: rotate(0);
636
+ transform: rotate(0);
637
+ }
638
+ 100% {
639
+ -webkit-transform: rotate(360deg);
640
+ transform: rotate(360deg);
641
+ }
642
+ }
643
+
644
+ /* Scroll Top Top */
645
+ .htwpt-scrollToTop, .htwpt-groupScrollToTop {
646
+ font-size: 0;
647
+ font-weight: 600;
648
+ position: fixed;
649
+ z-index: 99;
650
+ right: 30px;
651
+ bottom: 30px;
652
+ display: -webkit-box;
653
+ display: -webkit-flex;
654
+ display: -ms-flexbox;
655
+ display: flex;
656
+ visibility: hidden;
657
+ -webkit-box-align: center;
658
+ -webkit-align-items: center;
659
+ -ms-flex-align: center;
660
+ align-items: center;
661
+ -webkit-box-pack: center;
662
+ -webkit-justify-content: center;
663
+ -ms-flex-pack: center;
664
+ justify-content: center;
665
+ width: 40px;
666
+ height: 40px;
667
+ text-indent: -9999px;
668
+ opacity: 0;
669
+ color: #FFFFFF;
670
+ background-color: #333333;
671
+ }
672
+
673
+ .htwpt-scrollToTop::before, .htwpt-groupScrollToTop::before {
674
+ position: absolute;
675
+ top: 50%;
676
+ left: 50%;
677
+ display: block;
678
+ width: 10px;
679
+ height: 10px;
680
+ margin-top: -2px;
681
+ margin-left: -5px;
682
+ content: "";
683
+ -webkit-transform: rotate(45deg);
684
+ -ms-transform: rotate(45deg);
685
+ transform: rotate(45deg);
686
+ border-top: 2px solid #FFFFFF;
687
+ border-left: 2px solid #FFFFFF;
688
+ }
689
+
690
+ .htwpt-scrollToTop:hover, .htwpt-groupScrollToTop:hover {
691
+ color: #FFFFFF;
692
+ background-color: #79B530;
693
+ }
694
+
695
+ .htwpt-scrollToTop:focus, .htwpt-groupScrollToTop:focus {
696
+ color: #FFFFFF;
697
+ }
698
+
699
+ .htwpt-scrollToTop.show, .htwpt-groupScrollToTop.show {
700
+ visibility: visible;
701
+ opacity: 1;
702
+ }
703
+
704
+
705
+ /*
706
+ * Template Laibrary Start
707
+ */
708
+ .htmega-addons_page_htmega_addons_templates_library #wpfooter{ display: none; }
709
+ .httemplate-row{}
710
+
711
+ /*Pop Up*/
712
+ .ui-dialog-titlebar {
713
+ font-weight: 500 !important;
714
+ font-size: 19px !important;
715
+ }
716
+ #htwpt-popup-area{
717
+ padding: 25px;
718
+ }
719
+ .httemplate-popupcontent {
720
+ align-items: center;
721
+ display: flex;
722
+ justify-content: center;
723
+ min-height: 200px;
724
+ position: relative;
725
+ }
726
+ .htmega-addons_page_htmega_addons_templates_library .htwptpopupcontent{
727
+ width: 100%;
728
+ }
729
+ .htwptspinner {
730
+ height: 100%;
731
+ left: 0;
732
+ position: absolute;
733
+ top: 0;
734
+ width: 100%;
735
+ display: none;
736
+ }
737
+ .htwptspinner.loading{
738
+ display: block;
739
+ }
740
+ .htwptspinner::before {
741
+ background: rgba(0, 0, 0, 0) url("../images/ajax-loader.gif") no-repeat scroll center center / 100px 100px;
742
+ content: "";
743
+ height: 100%;
744
+ left: 0;
745
+ opacity: 1;
746
+ position: absolute;
747
+ top: 0;
748
+ visibility: visible;
749
+ width: 100%;
750
+ }
751
+
752
+ .htwptpopupcontent p,.htwptmessage p {
753
+ font-size: 18px;
754
+ margin: 0;
755
+ }
756
+ .wptemplataimpbtn,.htwptmessage a {
757
+ background: #333 none repeat scroll 0 0;
758
+ color: #fff;
759
+ display: inline-block;
760
+ font-size: 14px;
761
+ margin: 15px 0;
762
+ padding: 8px 20px;
763
+ text-align: center;
764
+ text-decoration: none;
765
+ transition: all 0.4s ease 0s;
766
+ }
767
+ .wptemplataimpbtn:focus{
768
+ background: #333 none repeat scroll 0 0;
769
+ outline: none;
770
+ color: #fff;
771
+ box-shadow: none;
772
+ }
773
+ .wptemplataimpbtn:hover,.htwptmessage a:hover{
774
+ background: #0085ba none repeat scroll 0 0;
775
+ color: #fff;
776
+ outline:none;
777
+ }
778
+
779
+ .htpageimportarea .wptemplataimpbtn{
780
+ margin: 0;
781
+ }
782
+ .htpageimportarea {
783
+ margin: 0 0 15px;
784
+ }
785
+ .htpageimportarea p{
786
+ margin-bottom: 15px;
787
+ }
788
+ .htpageimportarea input {
789
+ background: #fff none repeat scroll 0 0;
790
+ border: 1px solid #c7c7c7;
791
+ color: #888888;
792
+ font-size: 14px;
793
+ font-weight: normal;
794
+ padding: 5px 10px;
795
+ width: 250px;
796
+ border-radius: 0;
797
+ }
798
+ .wptemplataimpbtn.htwptdisabled {
799
+ cursor: default;
800
+ opacity: 0.4;
801
+ pointer-events: none;
802
+ }
803
+ .htwptmessage {
804
+ text-align: center;
805
+ }
806
+
807
+ /*Required Plugins List*/
808
+ .htwptemplata-requiredplugins{
809
+ margin: 0;
810
+ list-style: none;
811
+ }
812
+ .htwptemplata-requiredplugins li {
813
+ display: flex;
814
+ justify-content: space-between;
815
+ align-items: center;
816
+ border-bottom: 1px solid #ddd;
817
+ margin-bottom: 10px;
818
+ padding-bottom: 10px;
819
+ }
820
+ .htwptemplata-requiredplugins li h3 {
821
+ margin: 0;
822
+ font-size: 14px;
823
+ }
824
+ .htwptemplata-requiredplugins li button:focus{
825
+ box-shadow: none !important;
826
+ }
827
+
828
+ /*
829
+ * Responsive CSS Here
830
+ */
831
+
832
+ /* Large Device :1200px. */
833
+ @media (min-width: 1200px) and (max-width: 1400px) {
834
+
835
+ }
836
+
837
+ /* Normal desktop :992px. */
838
+ @media (min-width: 992px) and (max-width: 1199px) {
839
+
840
+
841
+ }
842
+
843
+
844
+ /* Tablet desktop :768px. */
845
+ @media (min-width: 768px) and (max-width: 991px) {
846
+
847
+ }
848
+
849
+ /* small mobile :320px. */
850
+ @media (max-width: 767px) {
851
+
852
+ .ui-dialog{
853
+ width: 90% !important;
854
+ }
855
+ .htpageimportarea input {
856
+ width: 100%;
857
+ margin-bottom: 10px;
858
+ }
859
+
860
+ }
861
+
862
+ /* Large Mobile :480px. */
863
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
864
+
865
+
 
866
  }
admin/assets/extensions/ht-menu/css/admin.css ADDED
@@ -0,0 +1,327 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Start Popup Loader */
2
+ .htmega-menu-loading-close {
3
+ position: absolute;
4
+ z-index: 1;
5
+ top: 0;
6
+ left: 0;
7
+ display: block;
8
+ width: 100%;
9
+ height: 100%;
10
+ background-color: transparent;
11
+ }
12
+ .htmega-menu-loader {
13
+ position: fixed;
14
+ z-index: 9999;
15
+ top: 0;
16
+ left: 0;
17
+ display: -webkit-box;
18
+ display: -webkit-flex;
19
+ display: -ms-flexbox;
20
+ display: flex;
21
+ visibility: visible;
22
+ -webkit-box-align: center;
23
+ -webkit-align-items: center;
24
+ -ms-flex-align: center;
25
+ align-items: center;
26
+ -webkit-box-pack: center;
27
+ -webkit-justify-content: center;
28
+ -ms-flex-pack: center;
29
+ justify-content: center;
30
+ width: 100%;
31
+ height: 100%;
32
+ padding: 20px;
33
+ -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
34
+ -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
35
+ transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
36
+ -webkit-transform: scale(1.1);
37
+ -ms-transform: scale(1.1);
38
+ transform: scale(1.1);
39
+ opacity: 1;
40
+ background-color: rgba(0, 0, 0, 0.8);
41
+ }
42
+
43
+ .htmegamenus-css{
44
+ display: flex;
45
+ justify-content: center;
46
+ }
47
+
48
+ .htmegamenus-ripple{
49
+ position: relative;
50
+ }
51
+
52
+ @keyframes htmegamenus-ripple {
53
+ 0% {
54
+ top: 96px;
55
+ left: 96px;
56
+ width: 0;
57
+ height: 0;
58
+ opacity: 1;
59
+ }
60
+ 100% {
61
+ top: 18px;
62
+ left: 18px;
63
+ width: 156px;
64
+ height: 156px;
65
+ opacity: 0;
66
+ }
67
+ }
68
+
69
+ @-webkit-keyframes htmegamenus-ripple {
70
+ 0% {
71
+ top: 96px;
72
+ left: 96px;
73
+ width: 0;
74
+ height: 0;
75
+ opacity: 1;
76
+ }
77
+ 100% {
78
+ top: 18px;
79
+ left: 18px;
80
+ width: 156px;
81
+ height: 156px;
82
+ opacity: 0;
83
+ }
84
+ }
85
+
86
+ .htmegamenus-ripple {
87
+ position: relative;
88
+ }
89
+ .htmegamenus-ripple div {
90
+ box-sizing: content-box;
91
+ position: absolute;
92
+ border-width: 4px;
93
+ border-style: solid;
94
+ opacity: 1;
95
+ border-radius: 50%;
96
+ -webkit-animation: htmegamenus-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
97
+ animation: htmegamenus-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
98
+ }
99
+ .htmegamenus-ripple div:nth-child(1) {
100
+ border-color: #1931b8;
101
+ }
102
+ .htmegamenus-ripple div:nth-child(2) {
103
+ border-color: #1D39D7;
104
+ -webkit-animation-delay: -0.5s;
105
+ animation-delay: -0.5s;
106
+ }
107
+ .htmegamenus-ripple {
108
+ width: 200px !important;
109
+ height: 200px !important;
110
+ -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
111
+ transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
112
+ }
113
+
114
+ /* End Popup Loader */
115
+
116
+ .spinner.loading {
117
+ visibility: visible;
118
+ }
119
+ .htmega-menu-trigger {
120
+ cursor: pointer;
121
+ display: inline-block;
122
+ padding: 2px 5px;
123
+ background: #EA2958;
124
+ color: #fff;
125
+ font-weight: 400;
126
+ font-size: 11px;
127
+ line-height: 15px;
128
+ overflow: hidden;
129
+ visibility: hidden;
130
+ vertical-align: middle;
131
+ margin: -4px -25px 0 5px;
132
+ -webkit-transition: 0.4s;
133
+ -o-transition: 0.4s;
134
+ transition: 0.4s;
135
+ opacity: 0;
136
+ }
137
+ .htmega-menu-trigger .dashicons {
138
+ float: left;
139
+ font-size: 12px;
140
+ line-height: 16px;
141
+ width: 16px;
142
+ height: 16px;
143
+ }
144
+ .htmega-menu-trigger:hover{
145
+ background: #EA2958;
146
+ }
147
+ .menu-item:hover .htmega-menu-trigger {
148
+ opacity: 1;
149
+ visibility: visible;
150
+ }
151
+
152
+ .htmega-menu-popup {
153
+ position: fixed;
154
+ z-index: 9999;
155
+ top: 0;
156
+ left: 0;
157
+ display: -webkit-box;
158
+ display: -webkit-flex;
159
+ display: -ms-flexbox;
160
+ display: flex;
161
+ visibility: visible;
162
+ -webkit-box-align: center;
163
+ -webkit-align-items: center;
164
+ -ms-flex-align: center;
165
+ align-items: center;
166
+ -webkit-box-pack: center;
167
+ -webkit-justify-content: center;
168
+ -ms-flex-pack: center;
169
+ justify-content: center;
170
+ width: 100%;
171
+ height: 100%;
172
+ padding: 20px;
173
+ -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
174
+ -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
175
+ transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
176
+ -webkit-transform: scale(1.1);
177
+ -ms-transform: scale(1.1);
178
+ transform: scale(1.1);
179
+ opacity: 1;
180
+ background-color: rgba(0, 0, 0, 0.8);
181
+ }
182
+
183
+ .htmega-menu-popup.htmega-hide{
184
+ opacity: 0;
185
+ visibility: hidden;
186
+ }
187
+ .htmega-menu-popup-close {
188
+ position: absolute;
189
+ z-index: 1;
190
+ top: 0;
191
+ left: 0;
192
+ display: block;
193
+ width: 100%;
194
+ height: 100%;
195
+ background-color: transparent;
196
+ }
197
+
198
+ .htmega-menu-popup-content {
199
+ position: relative;
200
+ z-index: 9;
201
+ width: 100%;
202
+ max-width: 510px;
203
+ border-radius: 4px;
204
+ background-color: #FFFFFF;
205
+ }
206
+
207
+ .htmega-menu-popup-content label{
208
+ display: inline-block;
209
+ }
210
+ .htmega-menu-popup-content select {
211
+ width: 100%;
212
+ max-width: 350px;
213
+ border: 1px solid #ccc;
214
+ border-radius: 0;
215
+ }
216
+ .htmega-menu-popup-content select:focus,ul.htmega-menu-popup-tab-menu li a:focus,.htmega-menu-popup-content input:focus{
217
+ box-shadow: none;
218
+ }
219
+
220
+ .htmega-menu-popup-content input {
221
+ border: 1px solid #ccc;
222
+ }
223
+
224
+ .htmega-menu-popup-content input[type="text"] {
225
+ width: 350px;
226
+ }
227
+
228
+ .htmega-menu-save-btn-area {
229
+ border-top: 1px solid #ccc;
230
+ padding-top: 15px;
231
+ margin-top: 20px;
232
+ }
233
+
234
+ .htmega-menu-popup-close-btn {
235
+ position: absolute;
236
+ right: -8px;
237
+ top: -8px;
238
+ background: #fff;
239
+ width: 20px;
240
+ height: 20px;
241
+ text-align: center;
242
+ border-radius: 100%;
243
+ cursor: pointer;
244
+ transition: 0.4s;
245
+ box-shadow: 0 3px 5px rgb(0 0 0 / 25%);
246
+ }
247
+ .htmega-menu-popup-close-btn:hover{
248
+ color: #fff;
249
+ background-color: #EA2958;
250
+ }
251
+
252
+ /* Popup Tab */
253
+ .htmega-menu-popup-tab-content{
254
+ padding: 15px;
255
+ margin-bottom: 15px;
256
+ }
257
+ .htmega-menu-popup-tab-content .htmega-menu-popup-tab-pane{
258
+ display: none;
259
+ }
260
+ .htmega-menu-popup-tab-content .htmega-menu-popup-tab-pane.active{
261
+ display: block;
262
+ }
263
+ ul.htmega-menu-popup-tab-menu {
264
+ display: -webkit-box;
265
+ display: -ms-flexbox;
266
+ display: flex;
267
+ margin: 0;
268
+ padding: 0;
269
+ border-bottom: 1px solid #ccc;
270
+ list-style: none;
271
+ -webkit-box-pack: center;
272
+ -ms-flex-pack: center;
273
+ justify-content: center;
274
+ }
275
+
276
+ ul.htmega-menu-popup-tab-menu li{
277
+ margin: 0;
278
+ }
279
+ ul.htmega-menu-popup-tab-menu li a {
280
+ display: inline-block;
281
+ padding: 10px 15px;
282
+ text-decoration: none;
283
+ color: #222222;
284
+ font-size: 14px;
285
+ transition: 0.4s;
286
+ border-bottom: 2px solid transparent;
287
+ }
288
+ ul.htmega-menu-popup-tab-menu li a.active {
289
+ border-bottom: 2px solid #EA2958;
290
+ }
291
+
292
+ .htmega-menu-popup-tab-pane ul li {
293
+ margin: 15px 0 0 0;
294
+ border-bottom: 1px solid #ccc;
295
+ padding-bottom: 15px;
296
+ display: -webkit-box;
297
+ display: -ms-flexbox;
298
+ display: flex;
299
+ -webkit-box-pack: justify;
300
+ -ms-flex-pack: justify;
301
+ justify-content: space-between;
302
+ -webkit-box-align: center;
303
+ -ms-flex-align: center;
304
+ align-items: center;
305
+ }
306
+ .htmega-menu-popup-tab-pane ul li:last-child{
307
+ border:none;
308
+ padding: 0;
309
+ }
310
+
311
+ .htmega-menu-popup-tab-pane ul li .icons-selector + .htmega-menu-icon{
312
+ display: none !important;
313
+ }
314
+
315
+ .htmenu-pro-badge {
316
+ color: red;
317
+ }
318
+
319
+ /* small mobile :320px. */
320
+ @media (max-width: 767px) {
321
+ .htmega-menu-popup-content input[type="text"]{
322
+ width: auto;
323
+ }
324
+ .htmega-menu-popup-content select{
325
+ max-width: auto;
326
+ }
327
+ }
admin/assets/extensions/ht-menu/js/admin_scripts.js CHANGED
@@ -1,68 +1,68 @@
1
- (function($){
2
- "use strict";
3
-
4
- $('.htmegamenu-menu-settings-save').on( 'click', function(){
5
-
6
- var spinner = $(this).parent().find('.spinner');
7
- spinner.addClass('loading');
8
- save_menu_options( $(this) );
9
-
10
- });
11
-
12
- function save_menu_options( that ){
13
- var parent = that.parents("#HT_Mega_Menu_meta_box"),
14
- settings = {
15
- 'enable_menu': ( parent.find("#htmegamenu-menu-metabox-input-is-enabled").is(':checked') === true ) ? 'on' : 'off'
16
- };
17
-
18
- $.ajax({
19
- type: 'POST',
20
- url: ajaxurl,
21
- data: {
22
- action : "HT_Mega_Menu_Panels_ajax_requests",
23
- sub_action : "save_menu_options",
24
- settings : settings,
25
- menu_id : $("#htmegamenu-metabox-input-menu-id").val()
26
- },
27
- cache: false,
28
- success: function(response) {
29
- that.parent().find('.spinner').removeClass('loading');
30
- }
31
- });
32
-
33
- }
34
-
35
- //Initiate Color Picker
36
- $('.htmega-color-picker-field').wpColorPicker();
37
-
38
- // Menu Icon Builder
39
- $(document).ready(function () {
40
- var $el = $(document).find('.edit-menu-item-menuicon');
41
- htmega_menu_init_fontpicker($el);
42
- $('body').on('click', '.menu-item', function(){
43
- var $element = $(this).find('.edit-menu-item-menuicon');
44
- htmega_menu_init_fontpicker($element);
45
- });
46
- });
47
-
48
- function htmega_menu_init_fontpicker($el) {
49
- $el.fontIconPicker({
50
- source: htmegaIconsSet,
51
- emptyIcon: true,
52
- hasSearch: true,
53
- theme: 'fip-bootstrap'
54
- });
55
-
56
- $('.submit-add-to-menu').on('click', function(){
57
- $el.fontIconPicker({
58
- source: htmegaIconsSet,
59
- emptyIcon: true,
60
- hasSearch: true,
61
- theme: 'fip-bootstrap'
62
- });
63
- })
64
- }
65
-
66
-
67
-
68
  })(jQuery);
1
+ (function($){
2
+ "use strict";
3
+
4
+ $('.htmegamenu-menu-settings-save').on( 'click', function(){
5
+
6
+ var spinner = $(this).parent().find('.spinner');
7
+ spinner.addClass('loading');
8
+ save_menu_options( $(this) );
9
+
10
+ });
11
+
12
+ function save_menu_options( that ){
13
+ var parent = that.parents("#HT_Mega_Menu_meta_box"),
14
+ settings = {
15
+ 'enable_menu': ( parent.find("#htmegamenu-menu-metabox-input-is-enabled").is(':checked') === true ) ? 'on' : 'off'
16
+ };
17
+
18
+ $.ajax({
19
+ type: 'POST',
20
+ url: ajaxurl,
21
+ data: {
22
+ action : "HT_Mega_Menu_Panels_ajax_requests",
23
+ sub_action : "save_menu_options",
24
+ settings : settings,
25
+ menu_id : $("#htmegamenu-metabox-input-menu-id").val()
26
+ },
27
+ cache: false,
28
+ success: function(response) {
29
+ that.parent().find('.spinner').removeClass('loading');
30
+ }
31
+ });
32
+
33
+ }
34
+
35
+ //Initiate Color Picker
36
+ $('.htmega-color-picker-field').wpColorPicker();
37
+
38
+ // Menu Icon Builder
39
+ $(document).ready(function () {
40
+ var $el = $(document).find('.edit-menu-item-menuicon');
41
+ htmega_menu_init_fontpicker($el);
42
+ $('body').on('click', '.menu-item', function(){
43
+ var $element = $(this).find('.edit-menu-item-menuicon');
44
+ htmega_menu_init_fontpicker($element);
45
+ });
46
+ });
47
+
48
+ function htmega_menu_init_fontpicker($el) {
49
+ $el.fontIconPicker({
50
+ source: htmegaIconsSet,
51
+ emptyIcon: true,
52
+ hasSearch: true,
53
+ theme: 'fip-bootstrap'
54
+ });
55
+
56
+ $('.submit-add-to-menu').on('click', function(){
57
+ $el.fontIconPicker({
58
+ source: htmegaIconsSet,
59
+ emptyIcon: true,
60
+ hasSearch: true,
61
+ theme: 'fip-bootstrap'
62
+ });
63
+ })
64
+ }
65
+
66
+
67
+
68
  })(jQuery);
admin/assets/extensions/ht-menu/js/admin_updated_scripts.js ADDED
@@ -0,0 +1,262 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ;(function($){
2
+ "use strict";
3
+
4
+
5
+ var HTMegaMenuAdmin = {
6
+
7
+ instance: [],
8
+ menuId: 0,
9
+ depth: 0,
10
+
11
+ init: function() {
12
+ this.menuButton();
13
+
14
+ $( document )
15
+ .on( 'click.HTMegaMenuAdmin', '.htmegamenu-menu-settings-save', this.saveMenuOpt )
16
+ .on( 'click.HTMegaMenuAdmin', '.htmega-menu-trigger', this.openPopup )
17
+ .on( 'click.HTMegaMenuAdmin', '.htmega-menu-popup-close', this.closePopup )
18
+ .on( 'click.HTMegaMenuAdmin', '.htmega-menu-popup-close-btn', this.closePopup )
19
+ .on( 'click.HTMegaMenuAdmin', '.htmega-menu-submit-btn', this.saveMenuData );
20
+ },
21
+
22
+ saveMenuOpt: function() {
23
+ var spinner = $(this).parent().find('.spinner');
24
+ spinner.addClass('loading');
25
+ HTMegaMenuAdmin.save_menu_options( $(this) );
26
+ },
27
+
28
+ save_menu_options: function( that ){
29
+ var parent = that.parents("#HT_Mega_Menu_meta_box"),
30
+ settings = {
31
+ 'enable_menu': ( parent.find("#htmegamenu-menu-metabox-input-is-enabled").is(':checked') === true ) ? 'on' : 'off'
32
+ };
33
+
34
+ $.ajax({
35
+ type: 'POST',
36
+ url: ajaxurl,
37
+ data: {
38
+ action : "HT_Mega_Menu_Panels_ajax_requests",
39
+ sub_action : "save_menu_options",
40
+ settings : settings,
41
+ menu_id : $("#htmegamenu-metabox-input-menu-id").val(),
42
+ nonce : HTMEGAMENU.nonce
43
+ },
44
+ cache: false,
45
+ success: function(response) {
46
+ that.parent().find('.spinner').removeClass('loading');
47
+ }
48
+ });
49
+
50
+ },
51
+
52
+
53
+ menuButton: function(){
54
+ var button = wp.template( 'htmenubutton' );
55
+
56
+ $( '#menu-to-edit .menu-item' ).each( function() {
57
+ var $this = $( this ),
58
+ depth = HTMegaMenuAdmin.getItemDepth( $this ),
59
+ id = HTMegaMenuAdmin.getItemId( $this );
60
+
61
+ $this.find( '.item-title' ).append( button( {
62
+ id: id,
63
+ depth: depth,
64
+ label: 'HT Mega Menu'
65
+ } ) );
66
+ });
67
+
68
+ },
69
+
70
+ getItemId: function( $item ) {
71
+ var id = $item.attr( 'id' );
72
+ return id.replace( 'menu-item-', '' );
73
+ },
74
+
75
+ getItemDepth: function( $item ) {
76
+ var depthClass = $item.attr( 'class' ).match( /menu-item-depth-\d/ );
77
+ if ( ! depthClass[0] ) {
78
+ return 0;
79
+ }
80
+ return depthClass[0].replace( 'menu-item-depth-', '' );
81
+ },
82
+
83
+ openPopup: function() {
84
+ var $this = $( this ),
85
+ id = $this.data( 'item-id' ),
86
+ depth = $this.data( 'item-depth' ),
87
+ popupid = '#htmega-popup-' + id,
88
+ content = null,
89
+ wrapper = wp.template( 'htmenupopup' );
90
+
91
+ if ( ! HTMegaMenuAdmin.instance[ id ] ) {
92
+
93
+ $('body').append('<div class="htmega-menu-loader"></div>');
94
+
95
+ $.ajax({
96
+ url: ajaxurl,
97
+ type: 'GET',
98
+ dataType: 'JSON',
99
+ data: {
100
+ action : "HT_Mega_Menu_Panels_ajax_requests",
101
+ sub_action : "get_menu_options",
102
+ menu_item_id : id,
103
+
104
+ },
105
+ cache: false,
106
+ beforeSend: function(){
107
+ $('.htmega-menu-loader').html('<span class="htmega-menu-loading-close"></span><div class="htmegamenus-css"><div style="width:100%;height:100%" class="htmegamenus-ripple"><div></div><div></div>');
108
+ },
109
+ success: function( response ) {
110
+
111
+ $( '.htmega-menu-loader' ).hide();
112
+
113
+ content = wrapper( {
114
+ id: id,
115
+ depth: depth,
116
+ content:response.data.content,
117
+ templatelist:response.data.temp_list,
118
+ } );
119
+
120
+ $( 'body' ).append( content );
121
+
122
+ var savebtn = $(popupid).find('.htmega-menu-submit-btn');
123
+
124
+ $('.htmega-color-picker-field').wpColorPicker({
125
+ change: function(event, ui) {
126
+ savebtn.removeClass('disabled').attr('disabled', false).text( HTMEGAMENU.button.text );
127
+ }
128
+ });
129
+ $( popupid+' .wp-picker-clear' ).on( 'click',function(){
130
+ savebtn.removeClass('disabled').attr('disabled', false).text( HTMEGAMENU.button.text );
131
+ });
132
+
133
+ var iconfield = $( popupid ).find('.htmega-menu-icon');
134
+ HTMegaMenuAdmin.init_fontpicker( iconfield );
135
+ HTMegaMenuAdmin.init_tab( '.htmega-menu-popup-tab-menu' );
136
+
137
+ $( popupid +' form.htmega-menu-data').on( 'keyup', 'input[type="text"]' , function() {
138
+ savebtn.removeClass('disabled').attr('disabled', false).text( HTMEGAMENU.button.text );
139
+ });
140
+ $( popupid +' form.htmega-menu-data').on( 'change', 'select.widefat' , function() {
141
+ savebtn.removeClass('disabled').attr('disabled', false).text( HTMEGAMENU.button.text );
142
+ });
143
+
144
+ $( popupid +' form.htmega-menu-data').on('change', 'select.htmenu-bg-type', function() {
145
+
146
+ if( this.value == 'gradient' ){
147
+ $(popupid+' .htmenu-gradient-field').show();
148
+ $(popupid+' .htmenu-default-field').css('border-width','1px');
149
+ }else{
150
+ $(popupid+' .htmenu-gradient-field').hide();
151
+ $(popupid+' .htmenu-default-field').css('border-width','0');
152
+ }
153
+ });
154
+
155
+ $( '.htmegamenu-pro' ).click(function() {
156
+ $( "#htmegapro-dialog" ).dialog({
157
+ modal: true,
158
+ minWidth: 500,
159
+ buttons: {
160
+ Ok: function() {
161
+ $( this ).dialog( "close" );
162
+ }
163
+ }
164
+ });
165
+ });
166
+
167
+ $(".htmegamenu-pro .wp-picker-container .wp-color-result,.htmegamenu-pro input,.htmegamenu-pro select").attr("disabled", true);
168
+
169
+ $(".htmegamenu-pro .wp-picker-container").css({"z-index": "-1"});
170
+
171
+ },
172
+
173
+ complete: function( data ) {
174
+ $( 'body' ).removeClass('htmega-menu-loading');
175
+ },
176
+
177
+ });
178
+
179
+ HTMegaMenuAdmin.instance[ id ] = popupid;
180
+ }
181
+
182
+ $( HTMegaMenuAdmin.instance[ id ] ).removeClass( 'htmega-hide' );
183
+ },
184
+
185
+ closePopup: function( e ) {
186
+ e.preventDefault();
187
+ $( this ).closest( '.htmega-menu-popup' ).addClass( 'htmega-hide' );
188
+ },
189
+
190
+ saveMenuData: function(){
191
+ var $this = $( this ),
192
+ id = $this.data( 'id' );
193
+
194
+ var $menu_form = $('#htmega-menu-form-'+id),
195
+ $savebtn = $menu_form.find('.htmega-menu-submit-btn');
196
+
197
+ $menu_form.on('submit', function( event ) {
198
+ event.preventDefault();
199
+
200
+ $.ajax({
201
+ type: 'POST',
202
+ url: ajaxurl,
203
+ data: {
204
+ action : "HT_Mega_Menu_Panels_ajax_requests",
205
+ sub_action : "save_menu_settings",
206
+ settings : $menu_form.serialize(),
207
+ menu_item_id : id,
208
+ nonce : HTMEGAMENU.nonce
209
+ },
210
+ cache: false,
211
+ beforeSend: function(){
212
+ $savebtn.text( HTMEGAMENU.button.lodingtext ).addClass('updating-message');
213
+ },
214
+ success: function( response ) {
215
+ $savebtn.removeClass('updating-message').addClass('disabled').attr('disabled', true).text( HTMEGAMENU.button.successtext );
216
+ },
217
+ complete: function( data ) {
218
+ $savebtn.removeClass('updating-message').addClass('disabled').attr('disabled', true).text( HTMEGAMENU.button.successtext );
219
+ },
220
+
221
+ });
222
+
223
+ });
224
+
225
+ },
226
+
227
+ init_fontpicker: function( $el ){
228
+
229
+ $el.fontIconPicker({
230
+ source: HTMEGAMENU.iconlist,
231
+ emptyIcon: true,
232
+ hasSearch: true,
233
+ theme: 'fip-bootstrap'
234
+ });
235
+
236
+ $('.submit-add-to-menu').on('click', function(){
237
+ $el.fontIconPicker({
238
+ source: HTMEGAMENU.iconlist,
239
+ emptyIcon: true,
240
+ hasSearch: true,
241
+ theme: 'fip-bootstrap'
242
+ });
243
+ })
244
+
245
+ },
246
+
247
+ init_tab: function( menu ){
248
+ $( menu ).on('click', 'a', function (e) {
249
+ e.preventDefault();
250
+ var $this = $(this),
251
+ $target = $this.data('target'),
252
+ $tabPane = $this.closest( menu ).siblings('.htmega-menu-popup-tab-content').find('.htmega-menu-popup-tab-pane[data-id='+$target+']');
253
+ $this.addClass('active').closest('li').siblings().find('a').removeClass('active');
254
+ $tabPane.addClass('active').siblings().removeClass('active');
255
+ })
256
+ },
257
+
258
+ };
259
+
260
+ HTMegaMenuAdmin.init();
261
+
262
+ })(jQuery);
admin/assets/js/elementors_template_library.js ADDED
@@ -0,0 +1,504 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ;(function ( $, winelementor ) {
2
+ window.htmega = window.htmega || {};
3
+
4
+ var moduleExp = {
5
+ Views: {},
6
+ Models: {},
7
+ Collections: {},
8
+ Behaviors: {},
9
+ Layout: null,
10
+ Manager: null
11
+ };
12
+
13
+ var htFilterText = 'page';
14
+
15
+ moduleExp.Models.Template = Backbone.Model.extend(
16
+ {
17
+ defaults: {
18
+ template_id: 0,
19
+ title: '',
20
+ type: '',
21
+ thumbnail: '',
22
+ url: '',
23
+ tags: [],
24
+ isPro: false
25
+ }
26
+ }
27
+ );
28
+
29
+ moduleExp.Collections.Template = Backbone.Collection.extend(
30
+ {
31
+ model: moduleExp.Models.Template
32
+ }
33
+ );
34
+
35
+ moduleExp.Views.Logo = Marionette.ItemView.extend(
36
+ {
37
+ template: "#tmpl-htmega-template-library-logo",
38
+ className: "htmega_templateLibrary_logo",
39
+ templateHelpers: function () {
40
+ return { title: this.getOption("title") };
41
+ },
42
+ }
43
+ );
44
+
45
+ moduleExp.Views.Actions = Marionette.ItemView.extend(
46
+ {
47
+ template: "#tmpl-htmega-template-library-header-actions",
48
+ id: "elementor-template-library-header-actions",
49
+ ui: { sync: "#htmega-template-library-header-sync i" },
50
+ events: { "click @ui.sync": "onSyncClick" },
51
+ onSyncClick: function () {
52
+ var e = this;
53
+ e.ui.sync.addClass("eicon-animation-spin"),
54
+ htmega.library.getLibraryData({
55
+ onUpdate: function () {
56
+ e.ui.sync.removeClass("eicon-animation-spin"), htmega.library.updateBlocksView();
57
+ },
58
+ forceUpdate: true,
59
+ forceSync: true,
60
+ });
61
+ },
62
+ }
63
+ );
64
+
65
+ moduleExp.Views.Menu = Marionette.ItemView.extend(
66
+ {
67
+ template: "#tmpl-htmega-template-library-header-menu",
68
+ id: "elementor-template-library-header-menu",
69
+ className: "htmega_templateLibrary_header_menu",
70
+ ui: {
71
+ items: "> .elementor-component-tab"
72
+ },
73
+ events: {
74
+ "click @ui.items": "onTabItemClick"
75
+ },
76
+ onTabItemClick: function (target) {
77
+ var currenttab = $( target.currentTarget ),
78
+ value = currenttab.data("tab");
79
+ htmega.library.setFilter("type", value),
80
+ currenttab.addClass("elementor-active").siblings().removeClass("elementor-active");
81
+ htFilterText = value;
82
+ },
83
+ templateHelpers: function () {
84
+ htmega.library.setFilter("type", htFilterText);
85
+ return htmega.library.getTabs();
86
+ },
87
+ }
88
+ );
89
+
90
+ moduleExp.Views.BackButton = Marionette.ItemView.extend(
91
+ {
92
+ template: "#tmpl-htmega-template-library-header-back",
93
+ id: "elementor-template-library-header-preview-back",
94
+ className: "htmega_templateLibrary_back",
95
+ events: function () {
96
+ return { click: "onClick" };
97
+ },
98
+ onClick: function (target) {
99
+ htmega.library.showBlocksView();
100
+ $('[data-tab="'+htFilterText+'"]').addClass("elementor-active").siblings().removeClass("elementor-active");
101
+ },
102
+ }
103
+ );
104
+
105
+ moduleExp.Behaviors.InsertTemplate = Marionette.Behavior.extend(
106
+ {
107
+ ui: {
108
+ insertButton: ".htmega-template-library-template-insert"
109
+ },
110
+ events: {
111
+ "click @ui.insertButton": "onInsertButtonClick"
112
+ },
113
+ onInsertButtonClick: function () {
114
+ htmega.library.insertTemplate( { model: this.view.model } );
115
+ },
116
+ }
117
+ );
118
+
119
+ moduleExp.Views.EmptyTemplateCollection = Marionette.ItemView.extend(
120
+ {
121
+ id: "elementor-template-library-templates-empty",
122
+ template: "#tmpl-elementor-htmega-library-templates-empty",
123
+ ui: {
124
+ title: ".elementor-template-library-blank-title",
125
+ message: ".elementor-template-library-blank-message"
126
+ },
127
+ modesStrings: {
128
+ empty: {
129
+ title: "No Templates Found",
130
+ message: "Try different category or sync for new templates."
131
+ },
132
+ noResults: {
133
+ title: "No Results Found",
134
+ message: "Please make sure your search is spelled correctly or try a different words."
135
+ },
136
+ },
137
+ getCurrentMode: function () {
138
+ return htmega.library.getFilter("text") ? "noResults" : "empty";
139
+ },
140
+ onRender: function () {
141
+ var e = this.modesStrings[this.getCurrentMode()];
142
+ this.ui.title.html(e.title), this.ui.message.html(e.message);
143
+ },
144
+ }
145
+ );
146
+
147
+ moduleExp.Views.TemplateCollection = Marionette.CompositeView.extend(
148
+ {
149
+ template: "#tmpl-htmega-template-library-templates",
150
+ id: "htmega_template_library_templates",
151
+ childViewContainer: "#htmega-template-library-list",
152
+ emptyView: function () {
153
+ return new moduleExp.Views.EmptyTemplateCollection();
154
+ },
155
+ ui:{
156
+ textFilter: "#htmega-template-library-filter-text",
157
+ },
158
+ events:{
159
+ "input @ui.textFilter": "onTextFilterInput"
160
+ },
161
+ getChildView: function (e) {
162
+ return moduleExp.Views.Template;
163
+ },
164
+ initialize: function () {
165
+ this.listenTo(htmega.library.channels.templates, "filter:change", this._renderChildren);
166
+ },
167
+ filter: function (e) {
168
+ var t = htmega.library.getFilterTerms(),
169
+ i = true;
170
+ return (
171
+ _.each(t, function (t, a) {
172
+ var n = htmega.library.getFilter(a);
173
+ if (n && t.callback) {
174
+ var r = t.callback.call(e, n);
175
+ return r || (i = false), r;
176
+ }
177
+ }),
178
+ i
179
+ );
180
+ },
181
+
182
+ onTextFilterInput: function () {
183
+ var e = this;
184
+ _.defer(function () {
185
+ htmega.library.setFilter("text", e.ui.textFilter.val());
186
+ });
187
+ },
188
+
189
+ }
190
+ );
191
+
192
+ moduleExp.Views.Template = Marionette.ItemView.extend(
193
+ {
194
+ template: "#htmega-template-library-template",
195
+ className: "htmega_template_library_template",
196
+ ui: {
197
+ previewButton: ".htmega-template-library-preview-button, .htmega-template-library-preview"
198
+ },
199
+ events: {
200
+ "click @ui.previewButton": "onPreviewButtonClick"
201
+ },
202
+ behaviors: {
203
+ insertTemplate: { behaviorClass: moduleExp.Behaviors.InsertTemplate }
204
+ },
205
+ onPreviewButtonClick: function () {
206
+ htmega.library.showPreviewView(this.model);
207
+ },
208
+ }
209
+ );
210
+
211
+ moduleExp.Views.Loading = Marionette.ItemView.extend(
212
+ {
213
+ template: "#tmpl-htmega-template-library-loading",
214
+ id: "htmega_templateLibrary_loading"
215
+ }
216
+ );
217
+
218
+ moduleExp.Views.InsertWrapper = Marionette.ItemView.extend(
219
+ {
220
+ template: "#tmpl-htmega-template-library-header-insert",
221
+ id: "elementor-template-library-header-preview",
222
+ behaviors: {
223
+ insertTemplate: { behaviorClass: moduleExp.Behaviors.InsertTemplate }
224
+ },
225
+ }
226
+ );
227
+
228
+ moduleExp.Views.Preview = Marionette.ItemView.extend(
229
+ {
230
+ template: "#tmpl-htmega-template-library-preview",
231
+ className: "htmega_templateLibrary_preview",
232
+ ui: function () {
233
+ return { iframe: "> iframe" };
234
+ },
235
+ onRender: function () {
236
+ this.ui.iframe.attr("src", this.getOption("url")).hide();
237
+ var e = this,
238
+ t = new moduleExp.Views.Loading().render();
239
+ this.$el.append(t.el),
240
+ this.ui.iframe.on("load", function () {
241
+ e.$el.find("#htmega_templateLibrary_loading").remove(), e.ui.iframe.show();
242
+ });
243
+ },
244
+ }
245
+ );
246
+
247
+ moduleExp.Modal = elementorModules.common.views.modal.Layout.extend({
248
+
249
+ getModalOptions: function () {
250
+ return {
251
+ id: "htmega-template-library-modal"
252
+ };
253
+ },
254
+
255
+ getLogo: function ( title ) {
256
+ this.getHeaderView().logoArea.show(new moduleExp.Views.Logo(title));
257
+ },
258
+
259
+ showDefaultHeader: function () {
260
+ this.getLogo({ title: "HT MEGA LIBRARY" });
261
+ var headerview = this.getHeaderView();
262
+ headerview.menuArea.show( new moduleExp.Views.Menu() ),
263
+ headerview.tools.show( new moduleExp.Views.Actions() );
264
+ },
265
+
266
+ getTemplateActionButton: function (e) {
267
+ var buttonClass = e.isPro && !false ? "get-pro-button" : "insert-button";
268
+ return ( viewId = "#tmpl-htmega-template-library-" + buttonClass ),
269
+ (template = Marionette.TemplateCache.get(viewId)),
270
+ Marionette.Renderer.render(template);
271
+ },
272
+
273
+ showPreviewView: function (e) {
274
+ var headerview = this.getHeaderView();
275
+ headerview.logoArea.show(new moduleExp.Views.BackButton()),
276
+ headerview.menuArea.reset(),
277
+ headerview.tools.show(new moduleExp.Views.InsertWrapper({ model: e })),
278
+ this.modalContent.show(new moduleExp.Views.Preview({ url: e.get("url") }));
279
+ },
280
+
281
+ showBlocksView: function (e) {
282
+ this.modalContent.show(new moduleExp.Views.TemplateCollection({ collection: e }));
283
+ },
284
+ });
285
+
286
+ moduleExp.Manager = function () {
287
+
288
+ function a() {
289
+ var t = $(this).closest(".elementor-top-section"),
290
+ i = t.data("model-cid"),
291
+ a = window.elementor.sections;
292
+ a.currentView.collection.length &&
293
+ _.each(a.currentView.collection.models, function (e, t) {
294
+ i === e.cid && (m.atIndex = t);
295
+ }),
296
+ t.prev(".elementor-add-section").find(FIND_SELECTOR).before(HtLibraryPopUpBtn);
297
+ }
298
+
299
+ function n(e) {
300
+ var t = e.find(FIND_SELECTOR);
301
+ t.length && t.before(HtLibraryPopUpBtn), e.on("click.onAddElement", ".elementor-editor-section-settings .elementor-editor-element-add", a);
302
+ }
303
+
304
+ function r(t, i) {
305
+ $(".htemega_templateLibrary_preview").css("width", "100%");
306
+ }
307
+
308
+ function o() {
309
+ var e = window.elementor.$previewContents,
310
+ t = setInterval(function () {
311
+ n(e), e.find(".elementor-add-new-section").length > 0 && clearInterval(t);
312
+ }, 100);
313
+
314
+ e.on("click.onAddTemplateButton", ".elementor-add-htmega-template-button", m.showModal.bind(m));
315
+ }
316
+
317
+ var l,
318
+ s,
319
+ d,
320
+ c,
321
+ m = this;
322
+
323
+ FIND_SELECTOR = ".elementor-add-new-section .elementor-add-section-drag-title";
324
+
325
+ HtLibraryPopUpBtn = '<div class="elementor-add-section-area-button elementor-add-htmega-template-button"><img src="'+HTMEGAETMP.icon+'" /></div>';
326
+
327
+ this.atIndex = -1;
328
+
329
+ this.channels = {
330
+ tabs: Backbone.Radio.channel("tabs"),
331
+ templates: Backbone.Radio.channel("templates")
332
+ };
333
+
334
+ this.init = function () {
335
+ winelementor.on("preview:loaded", o.bind(this));
336
+ };
337
+
338
+ this.showModal = function (){
339
+ m.getModal().showModal(),m.showBlocksView();
340
+ };
341
+
342
+ this.getModal = function () {
343
+ return l || (l = new moduleExp.Modal()), l;
344
+ };
345
+
346
+ this.getTabs = function () {
347
+ return {
348
+ tabs: {
349
+ section: {
350
+ title: "Blocks",
351
+ active: false
352
+ },
353
+ page: {
354
+ title: "Pages",
355
+ active: true
356
+ }
357
+ }
358
+ };
359
+ };
360
+
361
+ this.setFilter = function (e, t, i) {
362
+ m.channels.templates.reply("filter:" + e, t),
363
+ i || m.channels.templates.trigger("filter:change");
364
+ };
365
+
366
+ this.getFilter = function (e) {
367
+ return m.channels.templates.request("filter:" + e);
368
+ };
369
+
370
+ this.getFilterTerms = function () {
371
+ return {
372
+ text: {
373
+ callback: function (e) {
374
+ return (
375
+ (e = e.toLowerCase()),
376
+ this.get("title").toLowerCase().indexOf(e) >= 0 ||
377
+ _.any(this.get("tags"), function (t) {
378
+ return t.indexOf(e) >= 0;
379
+ })
380
+ );
381
+ },
382
+ },
383
+ type: {
384
+ callback: function (e) {
385
+ return (
386
+ (e = e.toLowerCase()),
387
+ this.get("type").toLowerCase().indexOf(e) >= 0
388
+ );
389
+ },
390
+ },
391
+
392
+ };
393
+ };
394
+
395
+ this.showBlocksView = function () {
396
+ m.getModal().showDefaultHeader();
397
+ $('[data-tab="'+htFilterText+'"]').addClass("elementor-active").siblings().removeClass("elementor-active");
398
+ m.setFilter("text", "", true),
399
+ m.loadTemplates(function () {
400
+ m.getModal().showBlocksView(d);
401
+ });
402
+ };
403
+
404
+ this.showPreviewView = function (e) {
405
+ m.getModal().showPreviewView(e);
406
+ };
407
+
408
+ this.loadTemplates = function (e) {
409
+ m.getLibraryData({
410
+ onBeforeUpdate: m.getModal().showLoadingView.bind(m.getModal()),
411
+ onUpdate: function () {
412
+ m.getModal().hideLoadingView(), e && e();
413
+ },
414
+ });
415
+ };
416
+
417
+ this.getLibraryData = function (e) {
418
+ if (d && !e.forceUpdate) return void (e.onUpdate && e.onUpdate());
419
+ e.onBeforeUpdate && e.onBeforeUpdate();
420
+ var t = {
421
+ data: {},
422
+ success: function (t) {
423
+ (d = new moduleExp.Collections.Template(t.templates)), t.tags && (s = t.tags), e.onUpdate && e.onUpdate();
424
+ },
425
+ };
426
+ e.forceSync && (t.data.sync = true),
427
+ elementorCommon.ajax.addRequest("get_htmega_library_data", t);
428
+ };
429
+
430
+ this.getTemplateContent = function (id, ajaxOptions) {
431
+ var options = {
432
+ unique_id: id,
433
+ data: {
434
+ edit_mode: true,
435
+ display: true,
436
+ template_id: id
437
+ }
438
+ };
439
+ ajaxOptions && jQuery.extend( true, options, ajaxOptions),
440
+ elementorCommon.ajax.addRequest("get_htmega_template_data", options);
441
+ };
442
+
443
+ this.insertTemplate = function (e) {
444
+ var t = e.model,
445
+ i = this;
446
+
447
+ i.getModal().showLoadingView(),
448
+ i.getTemplateContent(t.get("template_id"), {
449
+ success: function (e) {
450
+ i.getModal().hideLoadingView(),
451
+ i.getModal().hideModal();
452
+ var a = {};
453
+ -1 !== i.atIndex && (a.at = i.atIndex),
454
+ $e.run(
455
+ "document/elements/import",
456
+ {
457
+ model: t,
458
+ data: e,
459
+ options: a
460
+ }
461
+ ),
462
+ (i.atIndex = -1);
463
+ },
464
+ error: function (e) {
465
+ i.showErrorDialog(e);
466
+ },
467
+ complete: function (e) {
468
+ i.getModal().hideLoadingView();
469
+ },
470
+ });
471
+ };
472
+
473
+ this.showErrorDialog = function (e) {
474
+ if ("object" == typeof e) {
475
+ var t = "";
476
+ _.each(e, function (e) {
477
+ t += "<div>" + e.message + ".</div>";
478
+ }),
479
+ (e = t);
480
+ } else e ? (e += ".") : (e = "<i>&#60;The error message is empty&#62;</i>");
481
+ m.getErrorDialog()
482
+ .setMessage('The following error(s) occurred while processing the request:<div id="elementor-template-library-error-info">' + e + "</div>")
483
+ .show();
484
+ };
485
+
486
+ this.getErrorDialog = function () {
487
+ return c || (
488
+ c = elementorCommon.dialogsManager.createWidget(
489
+ "alert",
490
+ {
491
+ id: "elementor-template-library-error-dialog",
492
+ headerMessage: "An error occurred"
493
+ }
494
+ )
495
+ ),
496
+ c;
497
+ };
498
+
499
+ };
500
+
501
+ window.htmega.library = new moduleExp.Manager();
502
+ window.htmega.library.init();
503
+
504
+ })(jQuery, window.elementor);
admin/include/admin-setting.php CHANGED
@@ -1,1334 +1,1334 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly.
4
-
5
- class HTMega_Admin_Settings {
6
-
7
- private $settings_api;
8
-
9
- function __construct() {
10
- $this->settings_api = new HTMega_Settings_API();
11
-
12
- add_action( 'admin_init', array( $this, 'admin_init' ) );
13
- add_action( 'admin_menu', array( $this, 'admin_menu' ), 220 );
14
-
15
- add_action( 'wsa_form_top_htmega_element_tabs', array( $this, 'html_element_toogle_button' ) );
16
- add_action( 'wsa_form_top_htmega_thirdparty_element_tabs', array( $this, 'html_element_toogle_button' ) );
17
- add_action( 'wsa_form_bottom_htmega_pro_vs_free_tabs', array( $this, 'popup_box' ) );
18
- add_action( 'wsa_form_bottom_htmega_pro_vs_free_tabs', array( $this, 'pro_vs_free_html_tabs' ) );
19
- }
20
-
21
- function admin_init() {
22
-
23
- //set the settings
24
- $this->settings_api->set_sections( $this->htmega_admin_get_settings_sections() );
25
- $this->settings_api->set_fields( $this->htmega_admin_fields_settings() );
26
-
27
- //initialize settings
28
- $this->settings_api->admin_init();
29
- }
30
-
31
- // Plugins menu Register
32
- function admin_menu() {
33
-
34
- $menu = 'add_menu_' . 'page';
35
- $menu(
36
- 'htmega_panel',
37
- esc_html__( 'HTMega Addons', 'htmega-addons' ),
38
- esc_html__( 'HTMega Addons', 'htmega-addons' ),
39
- 'htmega_addons_option_page',
40
- NULL,
41
- HTMEGA_ADDONS_PL_URL.'admin/assets/images/menu-icon.png',
42
- 59
43
- );
44
-
45
- add_submenu_page(
46
- 'htmega_addons_option_page',
47
- esc_html__( 'Settings', 'htmega-addons' ),
48
- esc_html__( 'Settings', 'htmega-addons' ),
49
- 'manage_options',
50
- 'htmega_addons_options',
51
- array ( $this, 'plugin_page' )
52
- );
53
-
54
- }
55
-
56
- // Options page Section register
57
- function htmega_admin_get_settings_sections() {
58
- $sections = array(
59
-
60
- array(
61
- 'id' => 'htmega_pro_vs_free_tabs',
62
- 'title' => esc_html__( 'General', 'htmega-addons' )
63
- ),
64
-
65
- array(
66
- 'id' => 'htmega_element_tabs',
67
- 'title' => esc_html__( 'Elements', 'htmega-addons' )
68
- ),
69
-
70
- array(
71
- 'id' => 'htmega_thirdparty_element_tabs',
72
- 'title' => esc_html__( 'Third Party', 'htmega-addons' )
73
- ),
74
-
75
- array(
76
- 'id' => 'htmega_general_tabs',
77
- 'title' => esc_html__( 'Other options', 'htmega-addons' )
78
- ),
79
-
80
- array(
81
- 'id' => 'htmega_advance_element_tabs',
82
- 'title' => esc_html__( 'Advance Addons', 'htmega-addons' )
83
- ),
84
-
85
- );
86
-
87
- $advance_element = array();
88
- if( htmega_get_option( 'themebuilder', 'htmega_advance_element_tabs', 'off' ) === 'on' ){
89
- $advance_element[] = array(
90
- 'id' => 'htmega_themebuilder_element_tabs',
91
- 'title' => esc_html__( 'Theme Builder', 'htmega-addons' )
92
- );
93
- }
94
-
95
- return array_merge( $sections, $advance_element );
96
- }
97
-
98
- // Options page field register
99
- protected function htmega_admin_fields_settings() {
100
-
101
- $settings_fields = array(
102
-
103
- 'htmega_pro_vs_free_tabs' => array(),
104
-
105
- 'htmega_element_tabs'=>array(
106
-
107
- array(
108
- 'name' => 'accordion',
109
- 'label' => __( 'Accordion', 'htmega-addons' ),
110
- 'desc' => __( 'Accordion', 'htmega-addons' ),
111
- 'type' => 'checkbox',
112
- 'default' => 'on',
113
- 'class'=>'htmega_table_row',
114
- ),
115
-
116
- array(
117
- 'name' => 'animatesectiontitle',
118
- 'label' => __( 'Animate Heading', 'htmega-addons' ),
119
- 'type' => 'checkbox',
120
- 'default'=>'on',
121
- 'class'=>'htmega_table_row',
122
- ),
123
-
124
- array(
125
- 'name' => 'addbanner',
126
- 'label' => __( 'Ads Banner', 'htmega-addons' ),
127
- 'type' => 'checkbox',
128
- 'default'=>'on',
129
- 'class'=>'htmega_table_row',
130
- ),
131
-
132
- array(
133
- 'name' => 'specialadsbanner',
134
- 'label' => __( 'Special Day Offer', 'htmega-addons' ),
135
- 'type' => 'checkbox',
136
- 'default'=>'on',
137
- 'class'=>'htmega_table_row',
138
- ),
139
-
140
- array(
141
- 'name' => 'blockquote',
142
- 'label' => __( 'Blockquote', 'htmega-addons' ),
143
- 'type' => 'checkbox',
144
- 'default'=>'on',
145
- 'class'=>'htmega_table_row',
146
- ),
147
-
148
- array(
149
- 'name' => 'brandlogo',
150
- 'label' => __( 'Brands', 'htmega-addons' ),
151
- 'type' => 'checkbox',
152
- 'default'=>'on',
153
- 'class'=>'htmega_table_row',
154
- ),
155
-
156
- array(
157
- 'name' => 'businesshours',
158
- 'label' => __( 'Business Hours', 'htmega-addons' ),
159
- 'type' => 'checkbox',
160
- 'default'=>'on',
161
- 'class'=>'htmega_table_row',
162
- ),
163
-
164
- array(
165
- 'name' => 'button',
166
- 'label' => __( 'Button', 'htmega-addons' ),
167
- 'type' => 'checkbox',
168
- 'default'=>'on',
169
- 'class'=>'htmega_table_row',
170
- ),
171
-
172
- array(
173
- 'name' => 'calltoaction',
174
- 'label' => __( 'Call To Action', 'htmega-addons' ),
175
- 'type' => 'checkbox',
176
- 'default'=>'on',
177
- 'class'=>'htmega_table_row',
178
- ),
179
-
180
- array(
181
- 'name' => 'carousel',
182
- 'label' => __( 'Carousel', 'htmega-addons' ),
183
- 'type' => 'checkbox',
184
- 'default'=>'on',
185
- 'class'=>'htmega_table_row',
186
- ),
187
-
188
- array(
189
- 'name' => 'countdown',
190
- 'label' => __( 'Countdown', 'htmega-addons' ),
191
- 'type' => 'checkbox',
192
- 'default'=>'on',
193
- 'class'=>'htmega_table_row',
194
- ),
195
-
196
- array(
197
- 'name' => 'counter',
198
- 'label' => __( 'Counter', 'htmega-addons' ),
199
- 'type' => 'checkbox',
200
- 'default'=>'on',
201
- 'class'=>'htmega_table_row',
202
- ),
203
-
204
- array(
205
- 'name' => 'customevent',
206
- 'label' => __( 'Custom Event', 'htmega-addons' ),
207
- 'type' => 'checkbox',
208
- 'default'=>'on',
209
- 'class'=>'htmega_table_row',
210
- ),
211
-
212
- array(
213
- 'name' => 'dualbutton',
214
- 'label' => __( 'Double Button', 'htmega-addons' ),
215
- 'type' => 'checkbox',
216
- 'default'=>'on',
217
- 'class'=>'htmega_table_row',
218
- ),
219
-
220
- array(
221
- 'name' => 'dropcaps',
222
- 'label' => __( 'Dropcaps', 'htmega-addons' ),
223
- 'type' => 'checkbox',
224
- 'default'=>'on',
225
- 'class'=>'htmega_table_row',
226
- ),
227
-
228
- array(
229
- 'name' => 'flipbox',
230
- 'label' => __( 'Flip Box', 'htmega-addons' ),
231
- 'type' => 'checkbox',
232
- 'default'=>'on',
233
- 'class'=>'htmega_table_row',
234
- ),
235
-
236
- array(
237
- 'name' => 'galleryjustify',
238
- 'label' => __( 'Gallery Justify', 'htmega-addons' ),
239
- 'type' => 'checkbox',
240
- 'default'=>'on',
241
- 'class'=>'htmega_table_row',
242
- ),
243
-
244
- array(
245
- 'name' => 'googlemap',
246
- 'label' => __( 'Google Map', 'htmega-addons' ),
247
- 'type' => 'checkbox',
248
- 'default'=>'on',
249
- 'class'=>'htmega_table_row',
250
- ),
251
-
252
- array(
253
- 'name' => 'imagecomparison',
254
- 'label' => __( 'Image Comparison', 'htmega-addons' ),
255
- 'type' => 'checkbox',
256
- 'default'=>'on',
257
- 'class'=>'htmega_table_row',
258
- ),
259
-
260
- array(
261
- 'name' => 'imagegrid',
262
- 'label' => __( 'Image Grid', 'htmega-addons' ),
263
- 'type' => 'checkbox',
264
- 'default'=>'on',
265
- 'class'=>'htmega_table_row',
266
- ),
267
-
268
- array(
269
- 'name' => 'imagemagnifier',
270
- 'label' => __( 'Image Magnifier', 'htmega-addons' ),
271
- 'type' => 'checkbox',
272
- 'default'=>'on',
273
- 'class'=>'htmega_table_row',
274
- ),
275
-
276
- array(
277
- 'name' => 'imagemarker',
278
- 'label' => __( 'Image Marker', 'htmega-addons' ),
279
- 'type' => 'checkbox',
280
- 'default'=>'on',
281
- 'class'=>'htmega_table_row',
282
- ),
283
-
284
- array(
285
- 'name' => 'imagemasonry',
286
- 'label' => __( 'Image Masonry', 'htmega-addons' ),
287
- 'type' => 'checkbox',
288
- 'default'=>'on',
289
- 'class'=>'htmega_table_row',
290
- ),
291
-
292
- array(
293
- 'name' => 'inlinemenu',
294
- 'label' => __( 'Inline Navigation', 'htmega-addons' ),
295
- 'type' => 'checkbox',
296
- 'default'=>'on',
297
- 'class'=>'htmega_table_row',
298
- ),
299
-
300
- array(
301
- 'name' => 'instagram',
302
- 'label' => __( 'Instagram', 'htmega-addons' ),
303
- 'type' => 'checkbox',
304
- 'default'=>'on',
305
- 'class'=>'htmega_table_row',
306
- ),
307
-
308
- array(
309
- 'name' => 'lightbox',
310
- 'label' => __( 'Light Box', 'htmega-addons' ),
311
- 'type' => 'checkbox',
312
- 'default'=>'on',
313
- 'class'=>'htmega_table_row',
314
- ),
315
-
316
- array(
317
- 'name' => 'modal',
318
- 'label' => __( 'Modal', 'htmega-addons' ),
319
- 'type' => 'checkbox',
320
- 'default'=>'on',
321
- 'class'=>'htmega_table_row',
322
- ),
323
-
324
- array(
325
- 'name' => 'newtsicker',
326
- 'label' => __( 'News Ticker', 'htmega-addons' ),
327
- 'type' => 'checkbox',
328
- 'default'=>'on',
329
- 'class'=>'htmega_table_row',
330
- ),
331
-
332
- array(
333
- 'name' => 'notify',
334
- 'label' => __( 'Notify', 'htmega-addons' ),
335
- 'type' => 'checkbox',
336
- 'default'=>'off',
337
- 'class'=>'htmega_table_row',
338
- ),
339
-
340
- array(
341
- 'name' => 'offcanvas',
342
- 'label' => __( 'Offcanvas', 'htmega-addons' ),
343
- 'type' => 'checkbox',
344
- 'default'=>'on',
345
- 'class'=>'htmega_table_row',
346
- ),
347
-
348
- array(
349
- 'name' => 'panelslider',
350
- 'label' => __( 'Panel Slider', 'htmega-addons' ),
351
- 'type' => 'checkbox',
352
- 'default'=>'off',
353
- 'class'=>'htmega_table_row',
354
- ),
355
-
356
- array(
357
- 'name' => 'popover',
358
- 'label' => __( 'Popover', 'htmega-addons' ),
359
- 'type' => 'checkbox',
360
- 'default'=>'off',
361
- 'class'=>'htmega_table_row',
362
- ),
363
-
364
- array(
365
- 'name' => 'postcarousel',
366
- 'label' => __( 'Post carousel', 'htmega-addons' ),
367
- 'type' => 'checkbox',
368
- 'default'=>'on',
369
- 'class'=>'htmega_table_row',
370
- ),
371
-
372
- array(
373
- 'name' => 'postgrid',
374
- 'label' => __( 'Post Grid', 'htmega-addons' ),
375
- 'type' => 'checkbox',
376
- 'default'=>'on',
377
- 'class'=>'htmega_table_row',
378
- ),
379
-
380
- array(
381
- 'name' => 'postgridtab',
382
- 'label' => __( 'Post Grid Tab', 'htmega-addons' ),
383
- 'type' => 'checkbox',
384
- 'default'=>'on',
385
- 'class'=>'htmega_table_row',
386
- ),
387
-
388
- array(
389
- 'name' => 'postslider',
390
- 'label' => __( 'Post Slider', 'htmega-addons' ),
391
- 'type' => 'checkbox',
392
- 'default'=>'on',
393
- 'class'=>'htmega_table_row',
394
- ),
395
-
396
- array(
397
- 'name' => 'pricinglistview',
398
- 'label' => __( 'Pricing List View', 'htmega-addons' ),
399
- 'type' => 'checkbox',
400
- 'default'=>'off',
401
- 'class'=>'htmega_table_row',
402
- ),
403
-
404
- array(
405
- 'name' => 'pricingtable',
406
- 'label' => __( 'Pricing Table', 'htmega-addons' ),
407
- 'type' => 'checkbox',
408
- 'default'=>'on',
409
- 'class'=>'htmega_table_row',
410
- ),
411
-
412
- array(
413
- 'name' => 'progressbar',
414
- 'label' => __( 'Progress Bar', 'htmega-addons' ),
415
- 'type' => 'checkbox',
416
- 'default'=>'on',
417
- 'class'=>'htmega_table_row',
418
- ),
419
-
420
- array(
421
- 'name' => 'scrollimage',
422
- 'label' => __( 'Scroll Image', 'htmega-addons' ),
423
- 'type' => 'checkbox',
424
- 'default'=>'off',
425
- 'class'=>'htmega_table_row',
426
- ),
427
-
428
- array(
429
- 'name' => 'scrollnavigation',
430
- 'label' => __( 'Scroll Navigation', 'htmega-addons' ),
431
- 'type' => 'checkbox',
432
- 'default'=>'off',
433
- 'class'=>'htmega_table_row',
434
- ),
435
-
436
- array(
437
- 'name' => 'search',
438
- 'label' => __( 'Search', 'htmega-addons' ),
439
- 'type' => 'checkbox',
440
- 'default'=>'off',
441
- 'class'=>'htmega_table_row',
442
- ),
443
-
444
- array(
445
- 'name' => 'sectiontitle',
446
- 'label' => __( 'Section Title', 'htmega-addons' ),
447
- 'type' => 'checkbox',
448
- 'default'=>'on',
449
- 'class'=>'htmega_table_row',
450
- ),
451
-
452
- array(
453
- 'name' => 'service',
454
- 'label' => __( 'Service', 'htmega-addons' ),
455
- 'type' => 'checkbox',
456
- 'default'=>'on',
457
- 'class'=>'htmega_table_row',
458
- ),
459
-
460
- array(
461
- 'name' => 'singlepost',
462
- 'label' => __( 'Single Post', 'htmega-addons' ),
463
- 'type' => 'checkbox',
464
- 'default'=>'on',
465
- 'class'=>'htmega_table_row',
466
- ),
467
-
468
- array(
469
- 'name' => 'thumbgallery',
470
- 'label' => __( 'Slider Thumbnail Gallery', 'htmega-addons' ),
471
- 'type' => 'checkbox',
472
- 'default'=>'off',
473
- 'class'=>'htmega_table_row',
474
- ),
475
-
476
- array(
477
- 'name' => 'socialshere',
478
- 'label' => __( 'Social Share', 'htmega-addons' ),
479
- 'type' => 'checkbox',
480
- 'default'=>'off',
481
- 'class'=>'htmega_table_row',
482
- ),
483
-
484
- array(
485
- 'name' => 'switcher',
486
- 'label' => __( 'Switcher', 'htmega-addons' ),
487
- 'type' => 'checkbox',
488
- 'default'=>'on',
489
- 'class'=>'htmega_table_row',
490
- ),
491
-
492
- array(
493
- 'name' => 'tabs',
494
- 'label' => __( 'Tabs', 'htmega-addons' ),
495
- 'type' => 'checkbox',
496
- 'default'=>'on',
497
- 'class'=>'htmega_table_row',
498
- ),
499
-
500
- array(
501
- 'name' => 'datatable',
502
- 'label' => __( 'Data Table', 'htmega-addons' ),
503
- 'type' => 'checkbox',
504
- 'default'=>'off',
505
- 'class'=>'htmega_table_row',
506
- ),
507
-
508
- array(
509
- 'name' => 'teammember',
510
- 'label' => __( 'Team Member', 'htmega-addons' ),
511
- 'type' => 'checkbox',
512
- 'default'=>'on',
513
- 'class'=>'htmega_table_row',
514
- ),
515
-
516
- array(
517
- 'name' => 'testimonial',
518
- 'label' => __( 'Testimonial', 'htmega-addons' ),
519
- 'type' => 'checkbox',
520
- 'default'=>'on',
521
- 'class'=>'htmega_table_row',
522
- ),
523
-
524
- array(
525
- 'name' => 'testimonialgrid',
526
- 'label' => __( 'Testimonial Grid', 'htmega-addons' ),
527
- 'type' => 'checkbox',
528
- 'default'=>'off',
529
- 'class'=>'htmega_table_row',
530
- ),
531
-
532
- array(
533
- 'name' => 'toggle',
534
- 'label' => __( 'Toggle', 'htmega-addons' ),
535
- 'type' => 'checkbox',
536
- 'default'=>'on',
537
- 'class'=>'htmega_table_row',
538
- ),
539
-
540
- array(
541
- 'name' => 'tooltip',
542
- 'label' => __( 'Tooltip', 'htmega-addons' ),
543
- 'type' => 'checkbox',
544
- 'default'=>'on',
545
- 'class'=>'htmega_table_row',
546
- ),
547
-
548
- array(
549
- 'name' => 'twitterfeed',
550
- 'label' => __( 'Twitter Feed', 'htmega-addons' ),
551
- 'type' => 'checkbox',
552
- 'default'=>'off',
553
- 'class'=>'htmega_table_row',
554
- ),
555
-
556
- array(
557
- 'name' => 'userloginform',
558
- 'label' => __( 'User Login Form', 'htmega-addons' ),
559
- 'type' => 'checkbox',
560
- 'default'=>'off',
561
- 'class'=>'htmega_table_row',
562
- ),
563
-
564
- array(
565
- 'name' => 'userregisterform',
566
- 'label' => __( 'User Register Form', 'htmega-addons' ),
567
- 'type' => 'checkbox',
568
- 'default'=>'off',
569
- 'class'=>'htmega_table_row',
570
- ),
571
-
572
- array(
573
- 'name' => 'verticletimeline',
574
- 'label' => __( 'Verticle Timeline', 'htmega-addons' ),
575
- 'type' => 'checkbox',
576
- 'default'=>'off',
577
- 'class'=>'htmega_table_row',
578
- ),
579
-
580
- array(
581
- 'name' => 'videoplayer',
582
- 'label' => __( 'Video Player', 'htmega-addons' ),
583
- 'type' => 'checkbox',
584
- 'default'=>'off',
585
- 'class'=>'htmega_table_row',
586
- ),
587
-
588
- array(
589
- 'name' => 'workingprocess',
590
- 'label' => __( 'Working Process', 'htmega-addons' ),
591
- 'type' => 'checkbox',
592
- 'default'=>'off',
593
- 'class'=>'htmega_table_row',
594
- ),
595
-
596
- array(
597
- 'name' => 'errorcontent',
598
- 'label' => __( '404 Content', 'htmega-addons' ),
599
- 'type' => 'checkbox',
600
- 'default'=>'off',
601
- 'class'=>'htmega_table_row',
602
- ),
603
-
604
- array(
605
- 'name' => 'template_selector',
606
- 'label' => __( 'Remote Template', 'htmega-addons' ),
607
- 'type' => 'checkbox',
608
- 'default'=>'off',
609
- 'class'=>'htmega_table_row',
610
- ),
611
-
612
- ),
613
-
614
- 'htmega_general_tabs'=>array(
615
-
616
- array(
617
- 'name' => 'google_map_api_key',
618
- 'label' => __( 'Google Map Api Key', 'htmega-addons' ),
619
- 'desc' => __( 'Go to <a href="https://developers.google.com/maps/documentation/javascript/get-api-key" target="_blank">https://developers.google.com</a> and generate the API key.', 'htmega-addons' ),
620
- 'placeholder' => __( 'Google Map Api key', 'htmega-addons' ),
621
- 'type' => 'text',
622
- 'sanitize_callback' => 'sanitize_text_field'
623
- ),
624
-
625
- array(
626
- 'name' => 'errorpage',
627
- 'label' => __( 'Select 404 Page.', 'htmega-addons' ),
628
- 'desc' => __( 'You can select 404 page from here.', 'htmega-addons' ),
629
- 'type' => 'select',
630
- 'default' => '0',
631
- 'options' => htmega_post_name( 'page', -1 )
632
- ),
633
-
634
- array(
635
- 'name' => 'loadpostlimit',
636
- 'label' => __( 'Load Post in Elementor Addons', 'htmega-addons' ),
637
- 'desc' => wp_kses_post( 'Load Post in Elementor Addons', 'htmega-addons' ),
638
- 'min' => 1,
639
- 'max' => 1000,
640
- 'step' => '1',
641
- 'type' => 'number',
642
- 'default' => '20',
643
- 'sanitize_callback' => 'floatval',
644
- ),
645
-
646
- ),
647
-
648
- 'htmega_advance_element_tabs'=>array(
649
-
650
- array(
651
- 'name' => 'themebuilder',
652
- 'label' => __( 'Theme Builder', 'htmega-addons' ),
653
- 'type' => 'checkbox',
654
- 'default'=>'off',
655
- 'class'=>'htmega_table_row',
656
- ),
657
-
658
- array(
659
- 'name' => 'salenotification',
660
- 'label' => __( 'Sales Notification', 'htmega-addons' ),
661
- 'type' => 'checkbox',
662
- 'default'=>'off',
663
- 'class'=>'htmega_table_row',
664
- ),
665
-
666
- array(
667
- 'name' => 'megamenubuilder',
668
- 'label' => __( 'Menu Builder', 'htmega-addons' ),
669
- 'type' => 'checkbox',
670
- 'default'=>'off',
671
- 'class'=>'htmega_table_row',
672
- ),
673
-
674
- array(
675
- 'name' => 'postduplicator',
676
- 'label' => __( 'Post Duplicator', 'htmega-addons' ),
677
- 'type' => 'checkbox',
678
- 'default'=>'off',
679
- 'class'=>'htmega_table_row',
680
- ),
681
-
682
-
683
- ),
684
-
685
- 'htmega_themebuilder_element_tabs'=>array(
686
-
687
- array(
688
- 'name' => 'bl_post_title',
689
- 'label' => __( 'Post Title', 'htmega-addons' ),
690
- 'desc' => __( 'Post Title', 'htmega-addons' ),
691
- 'type' => 'checkbox',
692
- 'default' => 'on',
693
- 'class'=>'htmega_table_row',
694
- ),
695
-
696
- array(
697
- 'name' => 'bl_post_featured_image',
698
- 'label' => __( 'Post Featured Image', 'htmega-addons' ),
699
- 'desc' => __( 'Post Featured Image', 'htmega-addons' ),
700
- 'type' => 'checkbox',
701
- 'default' => 'on',
702
- 'class'=>'htmega_table_row',
703
- ),
704
-
705
- array(
706
- 'name' => 'bl_post_meta_info',
707
- 'label' => __( 'Post Meta Info', 'htmega-addons' ),
708
- 'desc' => __( 'Post Meta Info', 'htmega-addons' ),
709
- 'type' => 'checkbox',
710
- 'default' => 'on',
711
- 'class'=>'htmega_table_row',
712
- ),
713
-
714
- array(
715
- 'name' => 'bl_post_excerpt',
716
- 'label' => __( 'Post Excerpt', 'htmega-addons' ),
717
- 'desc' => __( 'Post Excerpt', 'htmega-addons' ),
718
- 'type' => 'checkbox',
719
- 'default' => 'on',
720
- 'class'=>'htmega_table_row',
721
- ),
722
-
723
- array(
724
- 'name' => 'bl_post_content',
725
- 'label' => __( 'Post Content', 'htmega-addons' ),
726
- 'desc' => __( 'Post Content', 'htmega-addons' ),
727
- 'type' => 'checkbox',
728
- 'default' => 'on',
729
- 'class'=>'htmega_table_row',
730
- ),
731
-
732
- array(
733
- 'name' => 'bl_post_comments',
734
- 'label' => __( 'Post Comments', 'htmega-addons' ),
735
- 'desc' => __( 'Post Comments', 'htmega-addons' ),
736
- 'type' => 'checkbox',
737
- 'default' => 'on',
738
- 'class'=>'htmega_table_row',
739
- ),
740
-
741
- array(
742
- 'name' => 'bl_post_search_form',
743
- 'label' => __( 'Post Search Form', 'htmega-addons' ),
744
- 'desc' => __( 'Post Search Form', 'htmega-addons' ),
745
- 'type' => 'checkbox',
746
- 'default' => 'on',
747
- 'class'=>'htmega_table_row',
748
- ),
749
-
750
- array(
751
- 'name' => 'bl_post_archive',
752
- 'label' => __( 'Archive Posts', 'htmega-addons' ),
753
- 'desc' => __( 'Archive Posts', 'htmega-addons' ),
754
- 'type' => 'checkbox',
755
- 'default' => 'on',
756
- 'class'=>'htmega_table_row',
757
- ),
758
-
759
- array(
760
- 'name' => 'bl_post_archive_title',
761
- 'label' => __( 'Archive Title', 'htmega-addons' ),
762
- 'desc' => __( 'Archive Title', 'htmega-addons' ),
763
- 'type' => 'checkbox',
764
- 'default' => 'on',
765
- 'class'=>'htmega_table_row',
766
- ),
767
-
768
- array(
769
- 'name' => 'bl_page_title',
770
- 'label' => __( 'Page Title', 'htmega-addons' ),
771
- 'desc' => __( 'Page Title', 'htmega-addons' ),
772
- 'type' => 'checkbox',
773
- 'default' => 'on',
774
- 'class'=>'htmega_table_row',
775
- ),
776
-
777
- array(
778
- 'name' => 'bl_site_title',
779
- 'label' => __( 'Site Title', 'htmega-addons' ),
780
- 'desc' => __( 'Site Title', 'htmega-addons' ),
781
- 'type' => 'checkbox',
782
- 'default' => 'on',
783
- 'class'=>'htmega_table_row',
784
- ),
785
-
786
- array(
787
- 'name' => 'bl_site_logo',
788
- 'label' => __( 'Site Logo', 'htmega-addons' ),
789
- 'desc' => __( 'Site Logo', 'htmega-addons' ),
790
- 'type' => 'checkbox',
791
- 'default' => 'on',
792
- 'class'=>'htmega_table_row',
793
- ),
794
-
795
- array(
796
- 'name' => 'bl_nav_menu',
797
- 'label' => __( 'Nav Menu', 'htmega-addons' ),
798
- 'desc' => __( 'Nav Menu', 'htmega-addons' ),
799
- 'type' => 'checkbox',
800
- 'default' => 'on',
801
- 'class'=>'htmega_table_row',
802
- ),
803
-
804
- array(
805
- 'name' => 'bl_post_author_info',
806
- 'label' => __( 'Author Info', 'htmega-addons' ),
807
- 'desc' => __( 'Author Info', 'htmega-addons' ),
808
- 'type' => 'checkbox',
809
- 'default' => 'on',
810
- 'class'=>'htmega_table_row',
811
- ),
812
-
813
- array(
814
- 'name' => 'bl_social_sharep',
815
- 'label' => __( 'Social Share <span>( Pro )</span>', 'htmega-addons' ),
816
- 'desc' => __( 'Social share', 'htmega-addons' ),
817
- 'type' => 'checkbox',
818
- 'default' => 'off',
819
- 'class'=>'htmega_table_row pro',
820
- ),
821
-
822
- array(
823
- 'name' => 'bl_print_pagep',
824
- 'label' => __( 'Print Page <span>( Pro )</span>', 'htmega-addons' ),
825
- 'desc' => __( 'Print Page', 'htmega-addons' ),
826
- 'type' => 'checkbox',
827
- 'default' => 'off',
828
- 'class'=>'htmega_table_row pro',
829
- ),
830
-
831
- array(
832
- 'name' => 'bl_view_counterp',
833
- 'label' => __( 'View Counter <span>( Pro )</span>', 'htmega-addons' ),
834
- 'desc' => __( 'View Counter', 'htmega-addons' ),
835
- 'type' => 'checkbox',
836
- 'default' => 'off',
837
- 'class'=>'htmega_table_row pro',
838
- ),
839
-
840
- array(
841
- 'name' => 'bl_post_navigationp',
842
- 'label' => __( 'Post Navigation <span>( Pro )</span>', 'htmega-addons' ),
843
- 'desc' => __( 'Post Navigation', 'htmega-addons' ),
844
- 'type' => 'checkbox',
845
- 'default' => 'off',
846
- 'class'=>'htmega_table_row pro',
847
- ),
848
-
849
- array(
850
- 'name' => 'bl_related_postp',
851
- 'label' => __( 'Related Post <span>( Pro )</span>', 'htmega-addons' ),
852
- 'desc' => __( 'Related Post', 'htmega-addons' ),
853
- 'type' => 'checkbox',
854
- 'default' => 'off',
855
- 'class'=>'htmega_table_row pro',
856
- ),
857
-
858
- array(
859
- 'name' => 'bl_popular_postp',
860
- 'label' => __( 'Popular Post <span>( Pro )</span>', 'htmega-addons' ),
861
- 'desc' => __( 'Popular Post', 'htmega-addons' ),
862
- 'type' => 'checkbox',
863
- 'default' => 'off',
864
- 'class'=>'htmega_table_row pro',
865
- ),
866
-
867
-
868
- ),
869
-
870
- );
871
-
872
- // Post Duplicator Condition
873
- if( htmega_get_option( 'postduplicator', 'htmega_advance_element_tabs', 'off' ) === 'on' ){
874
- $post_types = htmega_get_post_types( array('defaultadd'=>'all') );
875
- if ( did_action( 'elementor/loaded' ) && defined( 'ELEMENTOR_VERSION' ) ) {
876
- $post_types['elementor_library'] = esc_html__( 'Templates', 'htmega-addons' );
877
- }
878
- $settings_fields['htmega_general_tabs'][] = [
879
- 'name' => 'postduplicate_condition',
880
- 'label' => __( 'Post Duplicator Condition', 'htmega-addons' ),
881
- 'desc' => __( 'You can enable duplicator for individual post.', 'htmega-addons' ),
882
- 'type' => 'multiselect',
883
- 'default' => '',
884
- 'options' => $post_types,
885
- ];
886
- }
887
-
888
- $third_party_element = array();
889
- // Third Party Addons
890
- if( is_plugin_active('bbpress/bbpress.php') ) {
891
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
892
- 'name' => 'bbpress',
893
- 'label' => __( 'bbPress', 'htmega-addons' ),
894
- 'type' => 'checkbox',
895
- 'default' => "on",
896
- 'class'=>'htmega_table_row',
897
- ];
898
- }
899
-
900
- if( is_plugin_active('booked/booked.php') ) {
901
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
902
- 'name' => 'bookedcalender',
903
- 'label' => __( 'Booked Calender', 'htmega-addons' ),
904
- 'type' => 'checkbox',
905
- 'default' => "on",
906
- 'class'=>'htmega_table_row',
907
- ];
908
- }
909
-
910
- if( is_plugin_active('buddypress/bp-loader.php') ) {
911
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
912
- 'name' => 'buddypress',
913
- 'label' => __( 'BuddyPress', 'htmega-addons' ),
914
- 'type' => 'checkbox',
915
- 'default' => "on",
916
- 'class'=>'htmega_table_row',
917
- ];
918
- }
919
-
920
- if( is_plugin_active('caldera-forms/caldera-core.php') ) {
921
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
922
- 'name' => 'calderaform',
923
- 'label' => __( 'Caldera Form', 'htmega-addons' ),
924
- 'type' => 'checkbox',
925
- 'default' => "on",
926
- 'class'=>'htmega_table_row',
927
- ];
928
- }
929
-
930
- if( is_plugin_active('contact-form-7/wp-contact-form-7.php') ) {
931
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
932
- 'name' => 'contactform',
933
- 'label' => __( 'Contact form 7', 'htmega-addons' ),
934
- 'type' => 'checkbox',
935
- 'default' => "on",
936
- 'class'=>'htmega_table_row',
937
- ];
938
- }
939
-
940
- if( is_plugin_active('download-monitor/download-monitor.php') ) {
941
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
942
- 'name' => 'downloadmonitor',
943
- 'label' => __( 'Download Monitor', 'htmega-addons' ),
944
- 'type' => 'checkbox',
945
- 'default' => "on",
946
- 'class'=>'htmega_table_row',
947
- ];
948
- }
949
-
950
- if( is_plugin_active('easy-digital-downloads/easy-digital-downloads.php') ) {
951
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
952
- 'name' => 'easydigitaldownload',
953
- 'label' => __( 'Easy Digital Downloads', 'htmega-addons' ),
954
- 'type' => 'checkbox',
955
- 'default' => "on",
956
- 'class'=>'htmega_table_row',
957
- ];
958
- }
959
-
960
- if( is_plugin_active('gravityforms/gravityforms.php') ) {
961
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
962
- 'name' => 'gravityforms',
963
- 'label' => __( 'Gravity Forms', 'htmega-addons' ),
964
- 'type' => 'checkbox',
965
- 'default' => "on",
966
- 'class'=>'htmega_table_row',
967
- ];
968
- }
969
-
970
- if( is_plugin_active('instagram-feed/instagram-feed.php') ) {
971
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
972
- 'name' => 'instragramfeed',
973
- 'label' => __( 'Instragram Feed', 'htmega-addons' ),
974
- 'type' => 'checkbox',
975
- 'default' => "on",
976
- 'class'=>'htmega_table_row',
977
- ];
978
- }
979
-
980
- if( is_plugin_active('wp-job-manager/wp-job-manager.php') ) {
981
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
982
- 'name' => 'jobmanager',
983
- 'label' => __( 'Job Manager', 'htmega-addons' ),
984
- 'type' => 'checkbox',
985
- 'default' => "on",
986
- 'class'=>'htmega_table_row',
987
- ];
988
- }
989
-
990
- if( is_plugin_active('LayerSlider/layerslider.php') ) {
991
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
992
- 'name' => 'layerslider',
993
- 'label' => __( 'Job Manager', 'htmega-addons' ),
994
- 'type' => 'checkbox',
995
- 'default' => "on",
996
- 'class'=>'htmega_table_row',
997
- ];
998
- }
999
-
1000
- if( is_plugin_active('mailchimp-for-wp/mailchimp-for-wp.php') ) {
1001
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1002
- 'name' => 'mailchimpwp',
1003
- 'label' => __( 'Mailchimp for wp', 'htmega-addons' ),
1004
- 'type' => 'checkbox',
1005
- 'default' => "on",
1006
- 'class'=>'htmega_table_row',
1007
- ];
1008
- }
1009
-
1010
- if( is_plugin_active('ninja-forms/ninja-forms.php') ) {
1011
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1012
- 'name' => 'ninjaform',
1013
- 'label' => __( 'Ninja Form', 'htmega-addons' ),
1014
- 'type' => 'checkbox',
1015
- 'default' => "on",
1016
- 'class'=>'htmega_table_row',
1017
- ];
1018
- }
1019
-
1020
- if( is_plugin_active('quform/quform.php') ) {
1021
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1022
- 'name' => 'quforms',
1023
- 'label' => __( 'QU Form', 'htmega-addons' ),
1024
- 'type' => 'checkbox',
1025
- 'default' => "on",
1026
- 'class'=>'htmega_table_row',
1027
- ];
1028
- }
1029
-
1030
- if( is_plugin_active('wpforms-lite/wpforms.php') ) {
1031
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1032
- 'name' => 'wpforms',
1033
- 'label' => __( 'WP Form', 'htmega-addons' ),
1034
- 'type' => 'checkbox',
1035
- 'default' => "on",
1036
- 'class'=>'htmega_table_row',
1037
- ];
1038
- }
1039
-
1040
- if( is_plugin_active('revslider/revslider.php') ) {
1041
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1042
- 'name' => 'revolution',
1043
- 'label' => __( 'Revolution Slider', 'htmega-addons' ),
1044
- 'type' => 'checkbox',
1045
- 'default' => "on",
1046
- 'class'=>'htmega_table_row',
1047
- ];
1048
- }
1049
-
1050
- if( is_plugin_active('tablepress/tablepress.php') ) {
1051
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1052
- 'name' => 'tablepress',
1053
- 'label' => __( 'TablePress', 'htmega-addons' ),
1054
- 'type' => 'checkbox',
1055
- 'default' => "on",
1056
- 'class'=>'htmega_table_row',
1057
- ];
1058
- }
1059
-
1060
- if( is_plugin_active('awesome-weather/awesome-weather.php') ) {
1061
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1062
- 'name' => 'weather',
1063
- 'label' => __( 'Weather', 'htmega-addons' ),
1064
- 'type' => 'checkbox',
1065
- 'default'=>'on',
1066
- 'class'=>'htmega_table_row',
1067
- ];
1068
- }
1069
-
1070
- if( is_plugin_active('woocommerce/woocommerce.php') ) {
1071
-
1072
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1073
- 'name' => 'wcaddtocart',
1074
- 'label' => __( 'WC : Add To cart', 'htmega-addons' ),
1075
- 'type' => 'checkbox',
1076
- 'default' => "on",
1077
- 'class'=>'htmega_table_row',
1078
- ];
1079
-
1080
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1081
- 'name' => 'categories',
1082
- 'label' => __( 'WC : Categories', 'htmega-addons' ),
1083
- 'type' => 'checkbox',
1084
- 'default' => "on",
1085
- 'class'=>'htmega_table_row',
1086
- ];
1087
-
1088
- $third_party_element['htmega_thirdparty_element_tabs'][] = [
1089
- 'name' => 'wcpages',
1090
- 'label' => __( 'WC : Pages', 'htmega-addons' ),
1091
- 'type' => 'checkbox',
1092
- 'default' => "on",
1093
- 'class'=>'htmega_table_row',
1094
- ];
1095
-
1096
- }
1097
-
1098
- return array_merge($settings_fields, $third_party_element);
1099
- }
1100
-
1101
-
1102
- function plugin_page() {
1103
-
1104
- echo '<div class="wrap">';
1105
- echo '<div class="htoptions-area">';
1106
- echo '<h2>'.esc_html__( 'HTMega Addons Settings','htmega-addons' ).'</h2>';
1107
- $this->save_message();
1108
- $this->settings_api->show_navigation();
1109
- $this->settings_api->show_forms();
1110
- echo '</div>';
1111
-
1112
- $side_banner_html = $this->sidebar_add_banner_html();
1113
- echo apply_filters( 'htmega_sidebar_adds_banner', $side_banner_html );
1114
-
1115
- echo '</div>';
1116
-
1117
- }
1118
-
1119
- function save_message() {
1120
- if( isset($_GET['settings-updated']) ) { ?>
1121
- <div class="updated notice is-dismissible">
1122
- <p><strong><?php esc_html_e('Successfully Settings Saved.', 'htmega-addons') ?></strong></p>
1123
- </div>
1124
-
1125
- <?php
1126
- }
1127
- }
1128
-
1129
- /**
1130
- * [sidebar_add_banner_html] Pro add sidebar banner
1131
- * @return [void]
1132
- */
1133
- function sidebar_add_banner_html(){
1134
-
1135
- ob_start();
1136
- ?>
1137
- <div class="htoptions-sidebar-adds-area">
1138
-
1139
- <div class="htoption-banner-area">
1140
- <div class="htoption-banner-head">
1141
- <div class="htoption-logo">
1142
- <img src="<?php echo HTMEGA_ADDONS_PL_URL; ?>/admin/assets/images/logo.png" alt="<?php echo esc_attr__( 'HTMega', 'htmega-addons' ); ?>">
1143
- </div>
1144
- <div class="htoption-intro">
1145
- <p><?php echo wp_kses_post( 'HTMega is an absolute addon for elementor that includes 80+ elements & 360 Blocks with unlimited variations. HT Mega brings limitless possibilities. Embellish your site with the elements of HT Mega.' ); ?></p>
1146
- </div>
1147
- </div>
1148
-
1149
- <ul class="htoption-feature">
1150
- <li><?php echo esc_html__( '80+ Elementor Elements', 'htmega-addons' ); ?></li>
1151
- <li><?php echo esc_html__( '360 Elementor Blocks', 'htmega-addons' ); ?></li>
1152
- <li><?php echo esc_html__( '39 Categories and 491 Page Templates.', 'htmega-addons' ); ?></li>
1153
- <li><?php echo esc_html__( 'Drag n Drop, No coding Required', 'htmega-addons' ); ?></li>
1154
- <li><?php echo esc_html__( 'Responsive, supports all major devices', 'htmega-addons' ); ?></li>
1155
- </ul>
1156
-
1157
- <div class="htoption-action-btn">
1158
- <a class="htoption-btn" href="<?php echo esc_url( 'https://hasthemes.com/plugins/ht-mega-pro/' ); ?>" target="_blank">
1159
- <span class="htoption-btn-text"><?php echo esc_html__( 'Get Pro Now', 'htmega-addons' ); ?></span>
1160
- <span class="htoption-btn-icon"><img src="<?php echo HTMEGA_ADDONS_PL_URL; ?>/admin/assets/images/icon/plus.png" alt="<?php echo esc_attr__( 'Get pro now', 'htmega-addons' ); ?>"></span>
1161
- </a>
1162
- </div>
1163
- </div>
1164
-
1165
- <div class="htoption-rating-area">
1166
- <div class="htoption-rating-icon">
1167
- <img src="<?php echo HTMEGA_ADDONS_PL_URL; ?>/admin/assets/images/icon/rating.png" alt="<?php echo esc_attr__( 'Rating icon', 'htmega-addons' ); ?>">
1168
- </div>
1169
- <div class="htoption-rating-intro">
1170
- <?php echo esc_html__('If you’re loving how our product has helped your business, please let the WordPress community know by','htmega-addons'); ?> <a target="_blank" href="https://wordpress.org/support/plugin/ht-mega-for-elementor/reviews/?filter=5#new-post"><?php echo esc_html__( 'leaving us a review on our WP repository', 'htmega-addons' ); ?></a>. <?php echo esc_html__( 'Which will motivate us a lot.', 'htmega-addons' ); ?>
1171
- </div>
1172
- </div>
1173
-
1174
- </div>
1175
- <?php
1176
- return ob_get_clean();
1177
-
1178
- }
1179
-
1180
- /**
1181
- * Get all the pages
1182
- *
1183
- * @return array page names with key value pairs
1184
- */
1185
- function get_pages() {
1186
- $pages = get_pages();
1187
- $pages_options = [];
1188
- if ( $pages ) {
1189
- foreach ($pages as $page) {
1190
- $pages_options[$page->ID] = $page->post_title;
1191
- }
1192
- }
1193
- return $pages_options;
1194
- }
1195
-
1196
- // General tab
1197
- function pro_vs_free_html_tabs(){
1198
- ob_start();
1199
- ?>
1200
- <div class="htmega-general-tabs">
1201
-
1202
- <div class="htmega-document-section">
1203
- <div class="htmega-column">
1204
- <a href="https://hasthemes.com/blog-category/ht-mega/" target="_blank">
1205
- <img src="<?php echo HTMEGA_ADDONS_PL_URL; ?>/admin/assets/images/video-tutorial.jpg" alt="<?php esc_attr_e( 'Video Tutorial', 'htmega-addons' ); ?>">
1206
- </a>
1207
- </div>
1208
- <div class="htmega-column">
1209
- <a href="https://demo.hasthemes.com/doc/htmega/index.html" target="_blank">
1210
- <img src="<?php echo HTMEGA_ADDONS_PL_URL; ?>/admin/assets/images/online-documentation.jpg" alt="<?php esc_attr_e( 'Online Documentation', 'htmega-addons' ); ?>">
1211
- </a>
1212
- </div>
1213
- <div class="htmega-column">
1214
- <a href="https://hasthemes.com/contact-us/" target="_blank">
1215
- <img src="<?php echo HTMEGA_ADDONS_PL_URL; ?>/admin/assets/images/genral-contact-us.jpg" alt="<?php esc_attr_e( 'Contact Us', 'htmega-addons' ); ?>">
1216
- </a>
1217
- </div>
1218
- </div>
1219
-
1220
- <div class="different-pro-free">
1221
- <h3 class="htmega-section-title"><?php echo esc_html__( 'HTMega Free Vs HTMega Pro.', 'htmega-addons' ); ?></h3>
1222
-
1223
- <div class="htmega-admin-row">
1224
- <div class="features-list-area">
1225
- <h3><?php echo esc_html__( 'HTMega Free', 'htmega-addons' ); ?></h3>
1226
- <ul>
1227
- <li><?php echo esc_html__( '84 Elements', 'htmega-addons' ); ?></li>
1228
- <li><?php echo esc_html__( '15 Categories / Template set', 'htmega-addons' ); ?></li>
1229
- <li><?php echo esc_html__( '15 Templates', 'htmega-addons' ); ?></li>
1230
- <li class="fedel"><del><?php echo esc_html__( '360 Blocks / Sections', 'htmega-addons' ); ?></del></li>
1231
- <li class="fedel"><del><?php echo esc_html__( 'Blog Search Page Builder', 'htmega-addons'); ?></del></li>
1232
- <li class="fedel"><del><?php echo esc_html__( '404 Error Page Builder', 'htmega-addons'); ?></del></li>
1233
- <li class="fedel"><del><?php echo esc_html__( 'Coming soon Page Builder', 'htmega-addons'); ?></del></li>
1234
- <li class="fedel"><del><?php echo esc_html__( 'Blog Archive Category Wise Individual layout', 'htmega-addons'); ?></del></li>
1235
- <li class="fedel"><del><?php echo esc_html__( 'Blog Archive Tag Wise Individual layout', 'htmega-addons'); ?></del></li>
1236
- <li class="fedel"><del><?php echo esc_html__( 'Fakes notification', 'htmega-addons');?></del></li>
1237
- <li class="fedel"><del><?php echo esc_html__( 'Notification showing position', 'htmega-addons');?></del></li>
1238
- <li class="fedel"><del><?php echo esc_html__( 'Notification image position', 'htmega-addons');?></del></li>
1239
- <li class="fedel"><del><?php echo esc_html__( 'Time interval each notification', 'htmega-addons');?></li>
1240
- <li class="fedel"><del><?php echo esc_html__( 'Sales upto date option', 'htmega-addons');?></del></li>
1241
- <li class="fedel"><del><?php echo esc_html__( 'Incoming animation option', 'htmega-addons');?></del></li>
1242
- <li class="fedel"><del><?php echo esc_html__( 'Outgoing animation option', 'htmega-addons');?></del></li>
1243
- <li class="fedel"><del><?php echo esc_html__( 'Background color option', 'htmega-addons');?></del></li>
1244
- <li class="fedel"><del><?php echo esc_html__( 'Heading color option', 'htmega-addons');?></del></li>
1245
- <li class="fedel"><del><?php echo esc_html__( 'Content color option', 'htmega-addons');?></del></li>
1246
- <li class="fedel"><del><?php echo esc_html__( 'Cross icon color option', 'htmega-addons');?></del></li>
1247
- </ul>
1248
- </div>
1249
- <div class="features-list-area">
1250
- <h3><?php echo esc_html__( 'HTMega Pro', 'htmega-addons' ); ?></h3>
1251
- <ul>
1252
- <li><?php echo esc_html__( '84 Elements', 'htmega-addons' ); ?></li>
1253
- <li><?php echo esc_html__( '325 Blocks / Sections', 'htmega-addons' ); ?></li>
1254
- <li><?php echo esc_html__( '35 Categories / Template set', 'htmega-addons' ); ?></li>
1255
- <li><?php echo esc_html__( '524 Templates', 'htmega-addons' ); ?></li>
1256
- <li><?php echo esc_html__( 'Blog Search Page Builder', 'htmega-addons' ); ?></li>
1257
- <li><?php echo esc_html__( '404 Error Page Builder', 'htmega-addons' ); ?></li>
1258
- <li><?php echo esc_html__( 'Coming soon Page Builder', 'htmega-addons' ); ?></li>
1259
- <li><?php echo esc_html__( 'Blog Archive Category Wise Individual layout', 'htmega-addons' ); ?></li>
1260
- <li><?php echo esc_html__( 'Blog Archive Tag Wise Individual layout', 'htmega-addons' ); ?></li>
1261
- <li><?php echo esc_html__( 'Fakes notification', 'htmega-addons');?></li>
1262
- <li><?php echo esc_html__( 'Notification showing position', 'htmega-addons');?></li>
1263
- <li><?php echo esc_html__( 'Notification image position', 'htmega-addons');?></li>
1264
- <li><?php echo esc_html__( 'Time interval each notification', 'htmega-addons');?></li>
1265
- <li><?php echo esc_html__( 'Sales upto date option', 'htmega-addons');?></li>
1266
- <li><?php echo esc_html__( 'Incoming animation option', 'htmega-addons');?></li>
1267
- <li><?php echo esc_html__( 'Outgoing animation option', 'htmega-addons');?></li>
1268
- <li><?php echo esc_html__( 'Background color option', 'htmega-addons');?></li>
1269
- <li><?php echo esc_html__( 'Heading color option', 'htmega-addons');?></li>
1270
- <li><?php echo esc_html__( 'Content color option', 'htmega-addons');?></li>
1271
- <li><?php echo esc_html__( 'Cross icon color option', 'htmega-addons');?></li>
1272
- </ul>
1273
- <a class="button button-primary" href="https://hasthemes.com/plugins/ht-mega-pro/" target="_blank"><?php echo esc_html__( 'Buy Now', 'htmega-addons' ); ?></a>
1274
- </div>
1275
- </div>
1276
-
1277
- </div>
1278
-
1279
- </div>
1280
- <?php
1281
- echo ob_get_clean();
1282
- }
1283
-
1284
- // Pop up Box
1285
- function popup_box(){
1286
- ob_start();
1287
- ?>
1288
- <div id="htmega-dialog" title="<?php esc_html_e( 'Go Premium', 'htmega-addons' ); ?>" style="display: none;">
1289
- <div class="htmega-content">
1290
- <span><i class="dashicons dashicons-warning"></i></span>
1291
- <p>
1292
- <?php
1293
- echo __('Purchase our','htmega-addons').' <strong><a href="'.esc_url( 'https://hasthemes.com/plugins/ht-mega-pro/' ).'" target="_blank" rel="nofollow">'.__( 'premium version', 'htmega-addons' ).'</a></strong> '.__('to unlock these pro elements!','htmega-addons');
1294
- ?>
1295
- </p>
1296
- </div>
1297
- </div>
1298
- <script type="text/javascript">
1299
- ( function( $ ) {
1300
-
1301
- $(function() {
1302
- $( '.htmega_table_row.pro,.htmegapro label' ).click(function() {
1303
- $( "#htmega-dialog" ).dialog({
1304
- modal: true,
1305
- minWidth: 500,
1306
- buttons: {
1307
- Ok: function() {
1308
- $( this ).dialog( "close" );
1309
- }
1310
- }
1311
- });
1312
- });
1313
- $(".htmega_table_row.pro input[type='checkbox'],.htmegapro select").attr("disabled", true);
1314
- });
1315
-
1316
- } )( jQuery );
1317
- </script>
1318
- <?php
1319
- echo ob_get_clean();
1320
- }
1321
-
1322
- // Element Toogle Button
1323
- function html_element_toogle_button(){
1324
- ob_start();
1325
- ?>
1326
- <span class="htmega-open-element-toggle"><?php esc_html_e( 'Toggle All', 'htmega-pro' );?></span>
1327
- <?php
1328
- echo ob_get_clean();
1329
- }
1330
-
1331
-
1332
- }
1333
-
1334
  new HTMega_Admin_Settings();
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly.
4
+
5
+ class HTMega_Admin_Settings {
6
+
7
+ private $settings_api;
8
+
9
+ function __construct() {
10
+ $this->settings_api = new HTMega_Settings_API();
11
+
12
+ add_action( 'admin_init', array( $this, 'admin_init' ) );
13
+ add_action( 'admin_menu', array( $this, 'admin_menu' ), 220 );
14
+
15
+ add_action( 'wsa_form_top_htmega_element_tabs', array( $this, 'html_element_toogle_button' ) );
16
+ add_action( 'wsa_form_top_htmega_thirdparty_element_tabs', array( $this, 'html_element_toogle_button' ) );
17
+ add_action( 'wsa_form_bottom_htmega_pro_vs_free_tabs', array( $this, 'popup_box' ) );
18
+ add_action( 'wsa_form_bottom_htmega_pro_vs_free_tabs', array( $this, 'pro_vs_free_html_tabs' ) );
19
+ }
20
+
21
+ function admin_init() {
22
+
23
+ //set the settings
24
+ $this->settings_api->set_sections( $this->htmega_admin_get_settings_sections() );
25
+ $this->settings_api->set_fields( $this->htmega_admin_fields_settings() );
26
+
27
+ //initialize settings
28
+ $this->settings_api->admin_init();
29
+ }
30
+
31
+ // Plugins menu Register
32
+ function admin_menu() {
33
+
34
+ $menu = 'add_menu_' . 'page';
35
+ $menu(
36
+ 'htmega_panel',
37
+ esc_html__( 'HTMega Addons', 'htmega-addons' ),
38
+ esc_html__( 'HTMega Addons', 'htmega-addons' ),
39
+ 'htmega_addons_option_page',
40
+ NULL,
41
+ HTMEGA_ADDONS_PL_URL.'admin/assets/images/menu-icon.png',
42
+ 59
43
+ );
44
+
45
+ add_submenu_page(
46
+ 'htmega_addons_option_page',
47
+ esc_html__( 'Settings', 'htmega-addons' ),
48
+ esc_html__( 'Settings', 'htmega-addons' ),
49
+ 'manage_options',
50
+ 'htmega_addons_options',
51
+ array ( $this, 'plugin_page' )
52
+ );
53
+
54
+ }
55
+
56
+ // Options page Section register
57
+ function htmega_admin_get_settings_sections() {
58
+ $sections = array(
59
+
60
+ array(
61
+ 'id' => 'htmega_pro_vs_free_tabs',
62
+ 'title' => esc_html__( 'General', 'htmega-addons' )
63
+ ),
64
+
65
+ array(
66
+ 'id' => 'htmega_element_tabs',
67
+ 'title' => esc_html__( 'Elements', 'htmega-addons' )
68
+ ),
69
+
70
+ array(
71
+ 'id' => 'htmega_thirdparty_element_tabs',
72
+ 'title' => esc_html__( 'Third Party', 'htmega-addons' )
73
+ ),
74
+
75
+ array(
76
+ 'id' => 'htmega_general_tabs',
77
+ 'title' => esc_html__( 'Other options', 'htmega-addons' )
78
+ ),
79
+
80
+ array(
81
+ 'id' => 'htmega_advance_element_tabs',
82
+ 'title' => esc_html__( 'Advance Addons', 'htmega-addons' )
83
+ ),
84
+
85
+ );
86
+
87
+ $advance_element = array();
88
+ if( htmega_get_option( 'themebuilder', 'htmega_advance_element_tabs', 'off' ) === 'on' ){
89
+ $advance_element[] = array(
90
+ 'id' => 'htmega_themebuilder_element_tabs',
91
+ 'title' => esc_html__( 'Theme Builder', 'htmega-addons' )
92
+ );
93
+ }
94
+
95
+ return array_merge( $sections, $advance_element );
96
+ }
97
+
98
+ // Options page field register
99
+ protected function htmega_admin_fields_settings() {
100
+
101
+ $settings_fields = array(
102
+
103
+ 'htmega_pro_vs_free_tabs' => array(),
104
+
105
+ 'htmega_element_tabs'=>array(
106
+
107
+ array(
108
+ 'name' => 'accordion',
109
+ 'label' => __( 'Accordion', 'htmega-addons' ),
110
+ 'desc' => __( 'Accordion', 'htmega-addons' ),
111
+ 'type' => 'checkbox',
112
+ 'default' => 'on',
113
+ 'class'=>'htmega_table_row',
114
+ ),
115
+
116
+ array(
117
+ 'name' => 'animatesectiontitle',
118
+ 'label' => __( 'Animate Heading', 'htmega-addons' ),
119
+ 'type' => 'checkbox',
120
+ 'default'=>'on',
121
+ 'class'=>'htmega_table_row',
122
+ ),
123
+
124
+ array(
125
+ 'name' => 'addbanner',
126
+ 'label' => __( 'Ads Banner', 'htmega-addons' ),
127
+ 'type' => 'checkbox',
128
+ 'default'=>'on',
129
+ 'class'=>'htmega_table_row',
130
+ ),
131
+
132
+ array(
133
+ 'name' => 'specialadsbanner',
134
+ 'label' => __( 'Special Day Offer', 'htmega-addons' ),
135
+ 'type' => 'checkbox',
136
+ 'default'=>'on',
137
+ 'class'=>'htmega_table_row',
138
+ ),
139
+
140
+ array(
141
+ 'name' => 'blockquote',
142
+ 'label' => __( 'Blockquote', 'htmega-addons' ),
143
+ 'type' => 'checkbox',
144
+ 'default'=>'on',
145
+ 'class'=>'htmega_table_row',
146
+ ),
147
+
148
+ array(
149
+ 'name' => 'brandlogo',
150
+ 'label' => __( 'Brands', 'htmega-addons' ),
151
+ 'type' => 'checkbox',
152
+ 'default'=>'on',
153
+ 'class'=>'htmega_table_row',
154
+ ),
155
+
156
+ array(
157
+ 'name' => 'businesshours',
158
+ 'label' => __( 'Business Hours', 'htmega-addons' ),
159
+ 'type' => 'checkbox',
160
+ 'default'=>'on',
161
+ 'class'=>'htmega_table_row',
162
+ ),
163
+
164
+ array(
165
+ 'name' => 'button',
166
+ 'label' => __( 'Button', 'htmega-addons' ),
167
+ 'type' => 'checkbox',
168
+ 'default'=>'on',
169
+ 'class'=>'htmega_table_row',
170
+ ),
171
+
172
+ array(
173
+ 'name' => 'calltoaction',
174
+ 'label' => __( 'Call To Action', 'htmega-addons' ),
175
+ 'type' => 'checkbox',
176
+ 'default'=>'on',
177
+ 'class'=>'htmega_table_row',
178
+ ),
179
+
180
+ array(
181
+ 'name' => 'carousel',
182
+ 'label' => __( 'Carousel', 'htmega-addons' ),
183
+ 'type' => 'checkbox',
184
+ 'default'=>'on',
185
+ 'class'=>'htmega_table_row',
186
+ ),
187
+
188
+ array(
189
+ 'name' => 'countdown',
190
+ 'label' => __( 'Countdown', 'htmega-addons' ),
191
+ 'type' => 'checkbox',
192
+ 'default'=>'on',
193
+ 'class'=>'htmega_table_row',
194
+ ),
195
+
196
+ array(
197
+ 'name' => 'counter',
198
+ 'label' => __( 'Counter', 'htmega-addons' ),
199
+ 'type' => 'checkbox',
200
+ 'default'=>'on',
201
+ 'class'=>'htmega_table_row',
202
+ ),
203
+
204
+ array(
205
+ 'name' => 'customevent',
206
+ 'label' => __( 'Custom Event', 'htmega-addons' ),
207
+ 'type' => 'checkbox',
208
+ 'default'=>'on',
209
+ 'class'=>'htmega_table_row',
210
+ ),
211
+
212
+ array(
213
+ 'name' => 'dualbutton',
214
+ 'label' => __( 'Double Button', 'htmega-addons' ),
215
+ 'type' => 'checkbox',
216
+ 'default'=>'on',
217
+ 'class'=>'htmega_table_row',
218
+ ),
219
+
220
+ array(
221
+ 'name' => 'dropcaps',
222
+ 'label' => __( 'Dropcaps', 'htmega-addons' ),
223
+ 'type' => 'checkbox',
224
+ 'default'=>'on',
225
+ 'class'=>'htmega_table_row',
226
+ ),
227
+
228
+ array(
229
+ 'name' => 'flipbox',
230
+ 'label' => __( 'Flip Box', 'htmega-addons' ),
231
+ 'type' => 'checkbox',
232
+ 'default'=>'on',
233
+ 'class'=>'htmega_table_row',
234
+ ),
235
+
236
+ array(
237
+ 'name' => 'galleryjustify',
238
+ 'label' => __( 'Gallery Justify', 'htmega-addons' ),
239
+ 'type' => 'checkbox',
240
+ 'default'=>'on',
241
+ 'class'=>'htmega_table_row',
242
+ ),
243
+
244
+ array(
245
+ 'name' => 'googlemap',
246
+ 'label' => __( 'Google Map', 'htmega-addons' ),
247
+ 'type' => 'checkbox',
248
+ 'default'=>'on',
249
+ 'class'=>'htmega_table_row',
250
+ ),
251
+
252
+ array(
253
+ 'name' => 'imagecomparison',
254
+ 'label' => __( 'Image Comparison', 'htmega-addons' ),
255
+ 'type' => 'checkbox',
256
+ 'default'=>'on',
257
+ 'class'=>'htmega_table_row',
258
+ ),
259
+
260
+ array(
261
+ 'name' => 'imagegrid',
262
+ 'label' => __( 'Image Grid', 'htmega-addons' ),
263
+ 'type' => 'checkbox',
264
+ 'default'=>'on',
265
+ 'class'=>'htmega_table_row',
266
+ ),
267
+
268
+ array(
269
+ 'name' => 'imagemagnifier',
270
+ 'label' => __( 'Image Magnifier', 'htmega-addons' ),
271
+ 'type' => 'checkbox',
272
+ 'default'=>'on',
273
+ 'class'=>'htmega_table_row',
274
+ ),
275
+
276
+ array(
277
+ 'name' => 'imagemarker',
278
+ 'label' => __( 'Image Marker', 'htmega-addons' ),
279
+ 'type' => 'checkbox',
280
+ 'default'=>'on',
281
+ 'class'=>'htmega_table_row',
282
+ ),
283
+
284
+ array(
285
+ 'name' => 'imagemasonry',
286
+ 'label' => __( 'Image Masonry', 'htmega-addons' ),
287
+ 'type' => 'checkbox',
288
+ 'default'=>'on',
289
+ 'class'=>'htmega_table_row',
290
+ ),
291
+
292
+ array(
293
+ 'name' => 'inlinemenu',
294
+ 'label' => __( 'Inline Navigation', 'htmega-addons' ),
295
+ 'type' => 'checkbox',
296
+ 'default'=>'on',
297
+ 'class'=>'htmega_table_row',
298
+ ),
299
+
300
+ array(
301
+ 'name' => 'instagram',
302
+ 'label' => __( 'Instagram', 'htmega-addons' ),
303
+ 'type' => 'checkbox',
304
+ 'default'=>'on',
305
+ 'class'=>'htmega_table_row',
306
+ ),
307
+
308
+ array(
309
+ 'name' => 'lightbox',
310
+ 'label' => __( 'Light Box', 'htmega-addons' ),
311
+ 'type' => 'checkbox',
312
+ 'default'=>'on',
313
+ 'class'=>'htmega_table_row',
314
+ ),
315
+
316
+ array(
317
+ 'name' => 'modal',
318
+ 'label' => __( 'Modal', 'htmega-addons' ),
319
+ 'type' => 'checkbox',
320
+ 'default'=>'on',
321
+ 'class'=>'htmega_table_row',
322
+ ),
323
+
324
+ array(
325
+ 'name' => 'newtsicker',
326
+ 'label' => __( 'News Ticker', 'htmega-addons' ),
327
+ 'type' => 'checkbox',
328
+ 'default'=>'on',
329
+ 'class'=>'htmega_table_row',
330
+ ),
331
+
332
+ array(
333
+ 'name' => 'notify',
334
+ 'label' => __( 'Notify', 'htmega-addons' ),
335
+ 'type' => 'checkbox',
336
+ 'default'=>'off',
337
+ 'class'=>'htmega_table_row',
338
+ ),
339
+
340
+ array(
341
+ 'name' => 'offcanvas',
342
+ 'label' => __( 'Offcanvas', 'htmega-addons' ),
343
+ 'type' => 'checkbox',
344
+ 'default'=>'on',
345
+ 'class'=>'htmega_table_row',
346
+ ),
347
+
348
+ array(
349
+ 'name' => 'panelslider',
350
+ 'label' => __( 'Panel Slider', 'htmega-addons' ),
351
+ 'type' => 'checkbox',
352
+ 'default'=>'off',
353
+ 'class'=>'htmega_table_row',
354
+ ),
355
+
356
+ array(
357
+ 'name' => 'popover',
358
+ 'label' => __( 'Popover', 'htmega-addons' ),
359
+ 'type' => 'checkbox',
360
+ 'default'=>'off',
361
+ 'class'=>'htmega_table_row',
362
+ ),
363
+
364
+ array(
365
+ 'name' => 'postcarousel',
366
+ 'label' => __( 'Post carousel', 'htmega-addons' ),
367
+ 'type' => 'checkbox',
368
+ 'default'=>'on',
369
+ 'class'=>'htmega_table_row',
370
+ ),
371
+
372
+ array(
373
+ 'name' => 'postgrid',
374
+ 'label' => __( 'Post Grid', 'htmega-addons' ),
375
+ 'type' => 'checkbox',
376
+ 'default'=>'on',
377
+ 'class'=>'htmega_table_row',
378
+ ),
379
+
380
+ array(
381
+ 'name' => 'postgridtab',
382
+ 'label' => __( 'Post Grid Tab', 'htmega-addons' ),
383
+ 'type' => 'checkbox',
384
+ 'default'=>'on',
385
+ 'class'=>'htmega_table_row',
386
+ ),
387
+
388
+ array(
389
+ 'name' => 'postslider',
390
+ 'label' => __( 'Post Slider', 'htmega-addons' ),
391
+ 'type' => 'checkbox',
392
+ 'default'=>'on',
393
+ 'class'=>'htmega_table_row',
394
+ ),
395
+
396
+ array(
397
+ 'name' => 'pricinglistview',
398
+ 'label' => __( 'Pricing List View', 'htmega-addons' ),
399
+ 'type' => 'checkbox',
400
+ 'default'=>'off',
401
+ 'class'=>'htmega_table_row',
402
+ ),
403
+
404
+ array(
405
+ 'name' => 'pricingtable',
406
+ 'label' => __( 'Pricing Table', 'htmega-addons' ),
407
+ 'type' => 'checkbox',
408
+ 'default'=>'on',
409
+ 'class'=>'htmega_table_row',
410
+ ),
411
+
412
+ array(
413
+ 'name' => 'progressbar',
414
+ 'label' => __( 'Progress Bar', 'htmega-addons' ),
415
+ 'type' => 'checkbox',
416
+ 'default'=>'on',
417
+ 'class'=>'htmega_table_row',
418
+ ),
419
+
420
+ array(
421
+ 'name' => 'scrollimage',
422
+ 'label' => __( 'Scroll Image', 'htmega-addons' ),
423
+ 'type' => 'checkbox',
424
+ 'default'=>'off',
425
+ 'class'=>'htmega_table_row',
426
+ ),
427
+
428
+ array(
429
+ 'name' => 'scrollnavigation',
430
+ 'label' => __( 'Scroll Navigation', 'htmega-addons' ),
431
+ 'type' => 'checkbox',
432
+ 'default'=>'off',
433
+ 'class'=>'htmega_table_row',
434
+ ),
435
+
436
+ array(
437
+ 'name' => 'search',
438
+ 'label' => __( 'Search', 'htmega-addons' ),
439
+ 'type' => 'checkbox',
440
+ 'default'=>'off',
441
+ 'class'=>'htmega_table_row',
442
+ ),
443
+
444
+ array(
445
+ 'name' => 'sectiontitle',
446
+ 'label' => __( 'Section Title', 'htmega-addons' ),
447
+ 'type' => 'checkbox',
448
+ 'default'=>'on',
449
+ 'class'=>'htmega_table_row',
450
+ ),
451
+
452
+ array(
453
+ 'name' => 'service',
454
+ 'label' => __( 'Service', 'htmega-addons' ),
455
+ 'type' => 'checkbox',
456
+ 'default'=>'on',
457
+ 'class'=>'htmega_table_row',
458
+ ),
459
+
460
+ array(
461
+ 'name' => 'singlepost',
462
+ 'label' => __( 'Single Post', 'htmega-addons' ),
463
+ 'type' => 'checkbox',
464
+ 'default'=>'on',
465
+ 'class'=>'htmega_table_row',
466
+ ),
467
+
468
+ array(
469
+ 'name' => 'thumbgallery',
470
+ 'label' => __( 'Slider Thumbnail Gallery', 'htmega-addons' ),
471
+ 'type' => 'checkbox',
472
+ 'default'=>'off',
473
+ 'class'=>'htmega_table_row',
474
+ ),
475
+
476
+ array(
477
+ 'name' => 'socialshere',
478
+ 'label' => __( 'Social Share', 'htmega-addons' ),
479
+ 'type' => 'checkbox',
480
+ 'default'=>'off',
481
+ 'class'=>'htmega_table_row',
482
+ ),
483
+
484
+ array(
485
+ 'name' => 'switcher',
486
+ 'label' => __( 'Switcher', 'htmega-addons' ),
487
+ 'type' => 'checkbox',
488
+ 'default'=>'on',
489
+ 'class'=>'htmega_table_row',
490
+ ),
491
+
492
+ array(
493
+ 'name' => 'tabs',
494
+ 'label' => __( 'Tabs', 'htmega-addons' ),
495
+ 'type' => 'checkbox',
496
+ 'default'=>'on',
497
+ 'class'=>'htmega_table_row',
498
+ ),
499
+
500
+ array(
501
+ 'name' => 'datatable',
502
+ 'label' => __( 'Data Table', 'htmega-addons' ),
503
+ 'type' => 'checkbox',
504
+ 'default'=>'off',
505
+ 'class'=>'htmega_table_row',
506
+ ),
507
+
508
+ array(
509
+ 'name' => 'teammember',
510
+ 'label' => __( 'Team Member', 'htmega-addons' ),
511
+ 'type' => 'checkbox',
512
+ 'default'=>'on',
513
+ 'class'=>'htmega_table_row',
514
+ ),
515
+
516
+ array(
517
+ 'name' => 'testimonial',
518
+ 'label' => __( 'Testimonial', 'htmega-addons' ),
519
+ 'type' => 'checkbox',
520
+ 'default'=>'on',
521
+ 'class'=>'htmega_table_row',
522
+ ),
523
+
524
+ array(
525
+ 'name' => 'testimonialgrid',
526
+ 'label' => __( 'Testimonial Grid', 'htmega-addons' ),
527
+ 'type' => 'checkbox',
528
+ 'default'=>'off',
529
+ 'class'=>'htmega_table_row',
530
+ ),
531
+
532
+ array(
533
+ 'name' => 'toggle',
534
+ 'label' => __( 'Toggle', 'htmega-addons' ),
535
+ 'type' => 'checkbox',
536
+ 'default'=>'on',
537
+ 'class'=>'htmega_table_row',
538
+ ),
539
+
540
+ array(
541
+ 'name' => 'tooltip',
542
+ 'label' => __( 'Tooltip', 'htmega-addons' ),
543
+ 'type' => 'checkbox',
544
+ 'default'=>'on',
545
+ 'class'=>'htmega_table_row',
546
+ ),
547
+
548
+ array(
549
+ 'name' => 'twitterfeed',
550
+ 'label' => __( 'Twitter Feed', 'htmega-addons' ),
551
+ 'type' => 'checkbox',
552
+ 'default'=>'off',
553
+ 'class'=>'htmega_table_row',
554
+ ),
555
+
556
+ array(
557
+ 'name' => 'userloginform',
558
+ 'label' => __( 'User Login Form', 'htmega-addons' ),
559
+ 'type' => 'checkbox',
560
+ 'default'=>'off',
561
+ 'class'=>'htmega_table_row',
562
+ ),
563
+
564
+ array(
565
+ 'name' => 'userregisterform',
566
+ 'label' => __( 'User Register Form', 'htmega-addons' ),
567
+ 'type' => 'checkbox',
568
+ 'default'=>'off',
569
+ 'class'=>'htmega_table_row',
570
+ ),
571
+
572
+ array(
573
+ 'name' => 'verticletimeline',
574
+ 'label' => __( 'Verticle Timeline', 'htmega-addons' ),
575
+ 'type' => 'checkbox',
576
+ 'default'=>'off',
577
+ 'class'=>'htmega_table_row',
578
+ ),
579
+
580
+ array(
581
+ 'name' => 'videoplayer',
582
+ 'label' => __( 'Video Player', 'htmega-addons' ),
583
+ 'type' => 'checkbox',
584
+ 'default'=>'off',
585
+ 'class'=>'htmega_table_row',
586
+ ),
587
+
588
+ array(
589
+ 'name' => 'workingprocess',
590
+ 'label' => __( 'Working Process', 'htmega-addons' ),
591
+ 'type' => 'checkbox',
592
+ 'default'=>'off',
593
+ 'class'=>'htmega_table_row',
594
+ ),
595
+
596
+ array(
597
+ 'name' => 'errorcontent',
598
+ 'label' => __( '404 Content', 'htmega-addons' ),
599
+ 'type' => 'checkbox',
600
+ 'default'=>'off',
601
+ 'class'=>'htmega_table_row',
602
+ ),
603
+
604
+ array(
605
+ 'name' => 'template_selector',
606
+ 'label' => __( 'Remote Template', 'htmega-addons' ),
607
+ 'type' => 'checkbox',
608
+ 'default'=>'off',
609
+ 'class'=>'htmega_table_row',
610
+ ),
611
+
612
+ ),
613
+
614
+ 'htmega_general_tabs'=>array(
615
+
616
+ array(
617
+ 'name' => 'google_map_api_key',
618
+ 'label' => __( 'Google Map Api Key', 'htmega-addons' ),
619
+ 'desc' => __( 'Go to <a href="https://developers.google.com/maps/documentation/javascript/get-api-key" target="_blank">https://developers.google.com</a> and generate the API key.', 'htmega-addons' ),
620
+ 'placeholder' => __( 'Google Map Api key', 'htmega-addons' ),
621
+ 'type' => 'text',
622
+ 'sanitize_callback' => 'sanitize_text_field'
623
+ ),
624
+
625
+ array(
626
+ 'name' => 'errorpage',
627
+ 'label' => __( 'Select 404 Page.', 'htmega-addons' ),
628
+ 'desc' => __( 'You can select 404 page from here.', 'htmega-addons' ),
629
+ 'type' => 'select',
630
+ 'default' => '0',
631
+ 'options' => htmega_post_name( 'page', -1 )
632
+ ),
633
+
634
+ array(
635
+ 'name' => 'loadpostlimit',
636
+ 'label' => __( 'Load Post in Elementor Addons', 'htmega-addons' ),
637
+ 'desc' => wp_kses_post( 'Load Post in Elementor Addons', 'htmega-addons' ),
638
+ 'min' => 1,
639
+ 'max' => 1000,
640
+ 'step' => '1',
641
+ 'type' => 'number',
642
+ 'default' => '20',
643
+ 'sanitize_callback' => 'floatval',
644
+ ),
645
+
646
+ ),
647
+
648
+ 'htmega_advance_element_tabs'=>array(
649
+
650
+ array(
651
+ 'name' => 'themebuilder',
652
+ 'label' => __( 'Theme Builder', 'htmega-addons' ),
653
+ 'type' => 'checkbox',
654
+ 'default'=>'off',
655
+ 'class'=>'htmega_table_row',
656
+ ),
657
+
658
+ array(
659
+ 'name' => 'salenotification',
660
+ 'label' => __( 'Sales Notification', 'htmega-addons' ),
661
+ 'type' => 'checkbox',
662
+ 'default'=>'off',
663
+ 'class'=>'htmega_table_row',
664
+ ),
665
+
666
+ array(
667
+ 'name' => 'megamenubuilder',
668
+ 'label' => __( 'Menu Builder', 'htmega-addons' ),
669
+ 'type' => 'checkbox',
670
+ 'default'=>'off',
671
+ 'class'=>'htmega_table_row',
672
+ ),
673
+
674
+ array(
675
+ 'name' => 'postduplicator',
676
+ 'label' => __( 'Post Duplicator', 'htmega-addons' ),
677
+ 'type' => 'checkbox',
678
+ 'default'=>'off',
679
+ 'class'=>'htmega_table_row',
680
+ ),
681
+
682
+
683
+ ),
684
+
685
+ 'htmega_themebuilder_element_tabs'=>array(
686
+
687
+ array(
688
+ 'name' => 'bl_post_title',
689
+ 'label' => __( 'Post Title', 'htmega-addons' ),
690
+ 'desc' => __( 'Post Title', 'htmega-addons' ),
691
+ 'type' => 'checkbox',
692
+ 'default' => 'on',
693
+ 'class'=>'htmega_table_row',
694
+ ),
695
+
696
+ array(
697
+ 'name' => 'bl_post_featured_image',
698
+ 'label' => __( 'Post Featured Image', 'htmega-addons' ),
699
+ 'desc' => __( 'Post Featured Image', 'htmega-addons' ),
700
+ 'type' => 'checkbox',
701
+ 'default' => 'on',
702
+ 'class'=>'htmega_table_row',
703
+ ),
704
+
705
+ array(
706
+ 'name' => 'bl_post_meta_info',
707
+ 'label' => __( 'Post Meta Info', 'htmega-addons' ),
708
+ 'desc' => __( 'Post Meta Info', 'htmega-addons' ),
709
+ 'type' => 'checkbox',
710
+ 'default' => 'on',
711
+ 'class'=>'htmega_table_row',
712
+ ),
713
+
714
+ array(
715
+ 'name' => 'bl_post_excerpt',
716
+ 'label' => __( 'Post Excerpt', 'htmega-addons' ),
717
+ 'desc' => __( 'Post Excerpt', 'htmega-addons' ),
718
+ 'type' => 'checkbox',
719
+ 'default' => 'on',
720
+ 'class'=>'htmega_table_row',
721
+ ),
722
+
723
+ array(
724
+ 'name' => 'bl_post_content',
725
+ 'label' => __( 'Post Content', 'htmega-addons' ),
726
+ 'desc' => __( 'Post Content', 'htmega-addons' ),
727
+ 'type' => 'checkbox',
728
+ 'default' => 'on',
729
+ 'class'=>'htmega_table_row',
730
+ ),
731
+
732
+ array(
733
+ 'name' => 'bl_post_comments',
734
+ 'label' => __( 'Post Comments', 'htmega-addons' ),
735
+ 'desc' => __( 'Post Comments', 'htmega-addons' ),
736
+ 'type' => 'checkbox',
737
+ 'default' => 'on',
738
+ 'class'=>'htmega_table_row',
739
+ ),
740
+
741
+ array(
742
+ 'name' => 'bl_post_search_form',
743
+ 'label' => __( 'Post Search Form', 'htmega-addons' ),
744
+ 'desc' => __( 'Post Search Form', 'htmega-addons' ),
745
+ 'type' => 'checkbox',
746
+ 'default' => 'on',
747
+ 'class'=>'htmega_table_row',
748
+ ),
749
+
750
+ array(
751
+ 'name' => 'bl_post_archive',
752
+ 'label' => __( 'Archive Posts', 'htmega-addons' ),
753
+ 'desc' => __( 'Archive Posts', 'htmega-addons' ),
754
+ 'type' => 'checkbox',
755
+ 'default' => 'on',
756
+ 'class'=>'htmega_table_row',
757
+ ),
758
+
759
+ array(
760
+ 'name' => 'bl_post_archive_title',
761
+ 'label' => __( 'Archive Title', 'htmega-addons' ),
762
+ 'desc' => __( 'Archive Title', 'htmega-addons' ),
763
+ 'type' => 'checkbox',
764
+ 'default' => 'on',
765
+ 'class'=>'htmega_table_row',
766
+ ),
767
+
768
+ array(
769
+ 'name' => 'bl_page_title',
770
+ 'label' => __( 'Page Title', 'htmega-addons' ),
771
+ 'desc' => __( 'Page Title', 'htmega-addons' ),
772
+ 'type' => 'checkbox',
773
+ 'default' => 'on',
774
+ 'class'=>'htmega_table_row',
775
+ ),
776
+
777
+ array(
778
+ 'name' => 'bl_site_title',
779
+ 'label' => __( 'Site Title', 'htmega-addons' ),
780
+ 'desc' => __( 'Site Title', 'htmega-addons' ),
781
+ 'type' => 'checkbox',
782
+ 'default' => 'on',
783
+ 'class'=>'htmega_table_row',
784
+ ),
785
+
786
+ array(
787
+ 'name' => 'bl_site_logo',
788
+ 'label' => __( 'Site Logo', 'htmega-addons' ),
789
+ 'desc' => __( 'Site Logo', 'htmega-addons' ),
790
+ 'type' => 'checkbox',
791
+ 'default' => 'on',
792
+ 'class'=>'htmega_table_row',
793
+ ),
794
+
795
+ array(
796
+ 'name' => 'bl_nav_menu',
797
+ 'label' => __( 'Nav Menu', 'htmega-addons' ),
798
+ 'desc' => __( 'Nav Menu', 'htmega-addons' ),
799
+ 'type' => 'checkbox',
800
+ 'default' => 'on',
801
+ 'class'=>'htmega_table_row',
802
+ ),
803
+
804
+ array(
805
+ 'name' => 'bl_post_author_info',
806
+ 'label' => __( 'Author Info', 'htmega-addons' ),
807
+ 'desc' => __( 'Author Info', 'htmega-addons' ),
808
+ 'type' => 'checkbox',
809
+ 'default' => 'on',
810
+ 'class'=>'htmega_table_row',
811
+ ),
812
+
813
+ array(
814
+ 'name' => 'bl_social_sharep',
815
+ 'label' => __( 'Social Share <span>( Pro )</span>', 'htmega-addons' ),
816
+ 'desc' => __( 'Social share', 'htmega-addons' ),
817
+ 'type' => 'checkbox',
818
+ 'default' => 'off',
819
+ 'class'=>'htmega_table_row pro',
820
+ ),
821
+
822
+ array(
823
+ 'name' => 'bl_print_pagep',
824
+ 'label' => __( 'Print Page <span>( Pro )</span>', 'htmega-addons' ),
825
+ 'desc' => __( 'Print Page', 'htmega-addons' ),
826
+ 'type' => 'checkbox',
827
+ 'default' => 'off',
828
+ 'class'=>'htmega_table_row pro',
829
+ ),
830
+
831
+ array(
832
+ 'name' => 'bl_view_counterp',
833
+ 'label' => __( 'View Counter <span>( Pro )</span>', 'htmega-addons' ),
834
+ 'desc' => __( 'View Counter', 'htmega-addons' ),
835
+ 'type' => 'checkbox',
836
+ 'default' => 'off',
837
+ 'class'=>'htmega_table_row pro',
838
+ ),
839
+
840
+ array(
841
+ 'name' => 'bl_post_navigationp',
842
+ 'label' => __( 'Post Navigation <span>( Pro )</span>', 'htmega-addons' ),
843
+ 'desc' => __( 'Post Navigation', 'htmega-addons' ),
844
+ 'type' => 'checkbox',
845
+ 'default' => 'off',
846
+ 'class'=>'htmega_table_row pro',
847
+ ),
848
+
849
+ array(
850
+ 'name' => 'bl_related_postp',
851
+ 'label' => __( 'Related Post <span>( Pro )</span>', 'htmega-addons' ),
852
+ 'desc' => __( 'Related Post', 'htmega-addons' ),
853
+ 'type' => 'checkbox',
854
+ 'default' => 'off',
855
+ 'class'=>'htmega_table_row pro',
856
+ ),
857
+
858
+ array(
859
+ 'name' => 'bl_popular_postp',
860
+ 'label' => __( 'Popular Post <span>( Pro )</span>', 'htmega-addons' ),
861
+ 'desc' => __( 'Popular Post', 'htmega-addons' ),
862
+ 'type' => 'checkbox',
863
+ 'default' => 'off',
864
+ 'class'=>'htmega_table_row pro',
865
+ ),
866
+
867
+
868
+ ),
869
+
870
+ );
871
+
872
+ // Post Duplicator Condition
873
+ if( htmega_get_option( 'postduplicator', 'htmega_advance_element_tabs', 'off' ) === 'on' ){
874
+ $post_types = htmega_get_post_types( array('defaultadd'=>'all') );
875
+ if ( did_action( 'elementor/loaded' ) && defined( 'ELEMENTOR_VERSION' ) ) {
876
+ $post_types['elementor_library'] = esc_html__( 'Templates', 'htmega-addons' );
877
+ }
878
+ $settings_fields['htmega_general_tabs'][] = [
879
+ 'name' => 'postduplicate_condition',
880
+ 'label' => __( 'Post Duplicator Condition', 'htmega-addons' ),
881
+ 'desc' => __( 'You can enable duplicator for individual post.', 'htmega-addons' ),
882
+ 'type' => 'multiselect',
883
+ 'default' => '',
884
+ 'options' => $post_types,
885
+ ];
886
+ }
887
+
888
+ $third_party_element = array();
889
+ // Third Party Addons
890
+ if( is_plugin_active('bbpress/bbpress.php') ) {
891
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
892
+ 'name' => 'bbpress',
893
+ 'label' => __( 'bbPress', 'htmega-addons' ),
894
+ 'type' => 'checkbox',
895
+ 'default' => "on",
896
+ 'class'=>'htmega_table_row',
897
+ ];
898
+ }
899
+
900
+ if( is_plugin_active('booked/booked.php') ) {
901
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
902
+ 'name' => 'bookedcalender',
903
+ 'label' => __( 'Booked Calender', 'htmega-addons' ),
904
+ 'type' => 'checkbox',
905
+ 'default' => "on",
906
+ 'class'=>'htmega_table_row',
907
+ ];
908
+ }
909
+
910
+ if( is_plugin_active('buddypress/bp-loader.php') ) {
911
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
912
+ 'name' => 'buddypress',
913
+ 'label' => __( 'BuddyPress', 'htmega-addons' ),
914
+ 'type' => 'checkbox',
915
+ 'default' => "on",
916
+ 'class'=>'htmega_table_row',
917
+ ];
918
+ }
919
+
920
+ if( is_plugin_active('caldera-forms/caldera-core.php') ) {
921
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
922
+ 'name' => 'calderaform',
923
+ 'label' => __( 'Caldera Form', 'htmega-addons' ),
924
+ 'type' => 'checkbox',
925
+ 'default' => "on",
926
+ 'class'=>'htmega_table_row',
927
+ ];
928
+ }
929
+
930
+ if( is_plugin_active('contact-form-7/wp-contact-form-7.php') ) {
931
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
932
+ 'name' => 'contactform',
933
+ 'label' => __( 'Contact form 7', 'htmega-addons' ),
934
+ 'type' => 'checkbox',
935
+ 'default' => "on",
936
+ 'class'=>'htmega_table_row',
937
+ ];
938
+ }
939
+
940
+ if( is_plugin_active('download-monitor/download-monitor.php') ) {
941
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
942
+ 'name' => 'downloadmonitor',
943
+ 'label' => __( 'Download Monitor', 'htmega-addons' ),
944
+ 'type' => 'checkbox',
945
+ 'default' => "on",
946
+ 'class'=>'htmega_table_row',
947
+ ];
948
+ }
949
+
950
+ if( is_plugin_active('easy-digital-downloads/easy-digital-downloads.php') ) {
951
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
952
+ 'name' => 'easydigitaldownload',
953
+ 'label' => __( 'Easy Digital Downloads', 'htmega-addons' ),
954
+ 'type' => 'checkbox',
955
+ 'default' => "on",
956
+ 'class'=>'htmega_table_row',
957
+ ];
958
+ }
959
+
960
+ if( is_plugin_active('gravityforms/gravityforms.php') ) {
961
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
962
+ 'name' => 'gravityforms',
963
+ 'label' => __( 'Gravity Forms', 'htmega-addons' ),
964
+ 'type' => 'checkbox',
965
+ 'default' => "on",
966
+ 'class'=>'htmega_table_row',
967
+ ];
968
+ }
969
+
970
+ if( is_plugin_active('instagram-feed/instagram-feed.php') ) {
971
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
972
+ 'name' => 'instragramfeed',
973
+ 'label' => __( 'Instragram Feed', 'htmega-addons' ),
974
+ 'type' => 'checkbox',
975
+ 'default' => "on",
976
+ 'class'=>'htmega_table_row',
977
+ ];
978
+ }
979
+
980
+ if( is_plugin_active('wp-job-manager/wp-job-manager.php') ) {
981
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
982
+ 'name' => 'jobmanager',
983
+ 'label' => __( 'Job Manager', 'htmega-addons' ),
984
+ 'type' => 'checkbox',
985
+ 'default' => "on",
986
+ 'class'=>'htmega_table_row',
987
+ ];
988
+ }
989
+
990
+ if( is_plugin_active('LayerSlider/layerslider.php') ) {
991
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
992
+ 'name' => 'layerslider',
993
+ 'label' => __( 'Job Manager', 'htmega-addons' ),
994
+ 'type' => 'checkbox',
995
+ 'default' => "on",
996
+ 'class'=>'htmega_table_row',
997
+ ];
998
+ }
999
+
1000
+ if( is_plugin_active('mailchimp-for-wp/mailchimp-for-wp.php') ) {
1001
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1002
+ 'name' => 'mailchimpwp',
1003
+ 'label' => __( 'Mailchimp for wp', 'htmega-addons' ),
1004
+ 'type' => 'checkbox',
1005
+ 'default' => "on",
1006
+ 'class'=>'htmega_table_row',
1007
+ ];
1008
+ }
1009
+
1010
+ if( is_plugin_active('ninja-forms/ninja-forms.php') ) {
1011
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1012
+ 'name' => 'ninjaform',
1013
+ 'label' => __( 'Ninja Form', 'htmega-addons' ),
1014
+ 'type' => 'checkbox',
1015
+ 'default' => "on",
1016
+ 'class'=>'htmega_table_row',
1017
+ ];
1018
+ }
1019
+
1020
+ if( is_plugin_active('quform/quform.php') ) {
1021
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1022
+ 'name' => 'quforms',
1023
+ 'label' => __( 'QU Form', 'htmega-addons' ),
1024
+ 'type' => 'checkbox',
1025
+ 'default' => "on",
1026
+ 'class'=>'htmega_table_row',
1027
+ ];
1028
+ }
1029
+
1030
+ if( is_plugin_active('wpforms-lite/wpforms.php') ) {
1031
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1032
+ 'name' => 'wpforms',
1033
+ 'label' => __( 'WP Form', 'htmega-addons' ),
1034
+ 'type' => 'checkbox',
1035
+ 'default' => "on",
1036
+ 'class'=>'htmega_table_row',
1037
+ ];
1038
+ }
1039
+
1040
+ if( is_plugin_active('revslider/revslider.php') ) {
1041
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1042
+ 'name' => 'revolution',
1043
+ 'label' => __( 'Revolution Slider', 'htmega-addons' ),
1044
+ 'type' => 'checkbox',
1045
+ 'default' => "on",
1046
+ 'class'=>'htmega_table_row',
1047
+ ];
1048
+ }
1049
+
1050
+ if( is_plugin_active('tablepress/tablepress.php') ) {
1051
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1052
+ 'name' => 'tablepress',
1053
+ 'label' => __( 'TablePress', 'htmega-addons' ),
1054
+ 'type' => 'checkbox',
1055
+ 'default' => "on",
1056
+ 'class'=>'htmega_table_row',
1057
+ ];
1058
+ }
1059
+
1060
+ if( is_plugin_active('awesome-weather/awesome-weather.php') ) {
1061
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1062
+ 'name' => 'weather',
1063
+ 'label' => __( 'Weather', 'htmega-addons' ),
1064
+ 'type' => 'checkbox',
1065
+ 'default'=>'on',
1066
+ 'class'=>'htmega_table_row',
1067
+ ];
1068
+ }
1069
+
1070
+ if( is_plugin_active('woocommerce/woocommerce.php') ) {
1071
+
1072
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1073
+ 'name' => 'wcaddtocart',
1074
+ 'label' => __( 'WC : Add To cart', 'htmega-addons' ),
1075
+ 'type' => 'checkbox',
1076
+ 'default' => "on",
1077
+ 'class'=>'htmega_table_row',
1078
+ ];
1079
+
1080
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1081
+ 'name' => 'categories',
1082
+ 'label' => __( 'WC : Categories', 'htmega-addons' ),
1083
+ 'type' => 'checkbox',
1084
+ 'default' => "on",
1085
+ 'class'=>'htmega_table_row',
1086
+ ];
1087
+
1088
+ $third_party_element['htmega_thirdparty_element_tabs'][] = [
1089
+ 'name' => 'wcpages',
1090
+ 'label' => __( 'WC : Pages', 'htmega-addons' ),
1091
+ 'type' => 'checkbox',
1092
+ 'default' => "on",
1093
+ 'class'=>'htmega_table_row',
1094
+ ];
1095
+
1096
+ }
1097
+
1098
+ return array_merge($settings_fields, $third_party_element);
1099
+ }
1100
+
1101
+
1102
+ function plugin_page() {
1103
+
1104
+ echo '<div class="wrap">';
1105
+ echo '<div class="htoptions-area">';
1106
+ echo '<h2>'.esc_html__( 'HTMega Addons Settings','htmega-addons' ).'</h2>';
1107
+ $this->save_message();
1108
+ $this->settings_api->show_navigation();
1109
+ $this->settings_api->show_forms();
1110
+ echo '</div>';
1111
+
1112
+ $side_banner_html = $this->sidebar_add_banner_html();
1113
+ echo apply_filters( 'htmega_sidebar_adds_banner', $side_banner_html );
1114
+
1115
+ echo '</div>';
1116
+
1117
+ }
1118
+
1119
+ function save_message() {
1120
+ if( isset($_GET['settings-updated']) ) { ?>
1121
+ <div class="updated notice is-dismissible">
1122
+ <p><strong><?php esc_html_e('Successfully Settings Saved.', 'htmega-addons') ?></strong></p>
1123
+ </div>
1124
+
1125
+ <?php
1126
+ }
1127
+ }
1128
+
1129
+ /**
1130
+ * [sidebar_add_banner_html] Pro add sidebar banner
1131
+ * @return [void]
1132
+ */
1133
+ function sidebar_add_banner_html(){
1134
+
1135
+ ob_start();
1136
+ ?>
1137
+ <div class="htoptions-sidebar-adds-area">
1138
+
1139
+ <div class="htoption-banner-area">
1140
+ <div class="htoption-banner-head">
1141
+ <div class="htoption-logo">
1142
+ <img src="<?php echo esc_url(HTMEGA_ADDONS_PL_URL.'admin/assets/images/logo.png'); ?>" alt="<?php echo esc_attr__( 'HTMega', 'htmega-addons' ); ?>">
1143
+ </div>
1144
+ <div class="htoption-intro">
1145
+ <p><?php echo wp_kses_post( 'HTMega is an absolute addon for elementor that includes 80+ elements & 360 Blocks with unlimited variations. HT Mega brings limitless possibilities. Embellish your site with the elements of HT Mega.' ); ?></p>
1146
+ </div>
1147
+ </div>
1148
+
1149
+ <ul class="htoption-feature">
1150
+ <li><?php echo esc_html__( '80+ Elementor Elements', 'htmega-addons' ); ?></li>
1151
+ <li><?php echo esc_html__( '360 Elementor Blocks', 'htmega-addons' ); ?></li>
1152
+ <li><?php echo esc_html__( '39 Categories and 491 Page Templates.', 'htmega-addons' ); ?></li>
1153
+ <li><?php echo esc_html__( 'Drag n Drop, No coding Required', 'htmega-addons' ); ?></li>
1154
+ <li><?php echo esc_html__( 'Responsive, supports all major devices', 'htmega-addons' ); ?></li>
1155
+ </ul>
1156
+
1157
+ <div class="htoption-action-btn">
1158
+ <a class="htoption-btn" href="<?php echo esc_url( 'https://wphtmega.com/pricing/' ); ?>" target="_blank">
1159
+ <span class="htoption-btn-text"><?php echo esc_html__( 'Get Pro Now', 'htmega-addons' ); ?></span>
1160
+ <span class="htoption-btn-icon"><img src="<?php echo esc_url(HTMEGA_ADDONS_PL_URL.'admin/assets/images/icon/plus.png'); ?>" alt="<?php echo esc_attr__( 'Get pro now', 'htmega-addons' ); ?>"></span>
1161
+ </a>
1162
+ </div>
1163
+ </div>
1164
+
1165
+ <div class="htoption-rating-area">
1166
+ <div class="htoption-rating-icon">
1167
+ <img src="<?php echo esc_url(HTMEGA_ADDONS_PL_URL.'admin/assets/images/icon/rating.png'); ?>" alt="<?php echo esc_attr__( 'Rating icon', 'htmega-addons' ); ?>">
1168
+ </div>
1169
+ <div class="htoption-rating-intro">
1170
+ <?php echo esc_html__('If you’re loving how our product has helped your business, please let the WordPress community know by','htmega-addons'); ?> <a target="_blank" href="https://wordpress.org/support/plugin/ht-mega-for-elementor/reviews/?filter=5#new-post"><?php echo esc_html__( 'leaving us a review on our WP repository', 'htmega-addons' ); ?></a>. <?php echo esc_html__( 'Which will motivate us a lot.', 'htmega-addons' ); ?>
1171
+ </div>
1172
+ </div>
1173
+
1174
+ </div>
1175
+ <?php
1176
+ return ob_get_clean();
1177
+
1178
+ }
1179
+
1180
+ /**
1181
+ * Get all the pages
1182
+ *
1183
+ * @return array page names with key value pairs
1184
+ */
1185
+ function get_pages() {
1186
+ $pages = get_pages();
1187
+ $pages_options = [];
1188
+ if ( $pages ) {
1189
+ foreach ($pages as $page) {
1190
+ $pages_options[$page->ID] = $page->post_title;
1191
+ }
1192
+ }
1193
+ return $pages_options;
1194
+ }
1195
+
1196
+ // General tab
1197
+ function pro_vs_free_html_tabs(){
1198
+ ob_start();
1199
+ ?>
1200
+ <div class="htmega-general-tabs">
1201
+
1202
+ <div class="htmega-document-section">
1203
+ <div class="htmega-column">
1204
+ <a href="https://www.youtube.com/watch?v=d7jAiAYusUg&list=PLk25BQFrj7wEEGUHn9x2zwOql990bZAo_" target="_blank">
1205
+ <img src="<?php echo esc_url(HTMEGA_ADDONS_PL_URL.'admin/assets/images/video-tutorial.jpg'); ?>" alt="<?php esc_attr_e( 'Video Tutorial', 'htmega-addons' ); ?>">
1206
+ </a>
1207
+ </div>
1208
+ <div class="htmega-column">
1209
+ <a href="https://wphtmega.com/docs/" target="_blank">
1210
+ <img src="<?php echo esc_url(HTMEGA_ADDONS_PL_URL.'admin/assets/images/online-documentation.jpg'); ?>" alt="<?php esc_attr_e( 'Online Documentation', 'htmega-addons' ); ?>">
1211
+ </a>
1212
+ </div>
1213
+ <div class="htmega-column">
1214
+ <a href="https://hasthemes.com/contact-us/" target="_blank">
1215
+ <img src="<?php echo esc_url(HTMEGA_ADDONS_PL_URL.'admin/assets/images/genral-contact-us.jpg'); ?>" alt="<?php esc_attr_e( 'Contact Us', 'htmega-addons' ); ?>">
1216
+ </a>
1217
+ </div>
1218
+ </div>
1219
+
1220
+ <div class="different-pro-free">
1221
+ <h3 class="htmega-section-title"><?php echo esc_html__( 'HTMega Free Vs HTMega Pro.', 'htmega-addons' ); ?></h3>
1222
+
1223
+ <div class="htmega-admin-row">
1224
+ <div class="features-list-area">
1225
+ <h3><?php echo esc_html__( 'HTMega Free', 'htmega-addons' ); ?></h3>
1226
+ <ul>
1227
+ <li><?php echo esc_html__( '84 Elements', 'htmega-addons' ); ?></li>
1228
+ <li><?php echo esc_html__( '15 Categories / Template set', 'htmega-addons' ); ?></li>
1229
+ <li><?php echo esc_html__( '15 Templates', 'htmega-addons' ); ?></li>
1230
+ <li class="fedel"><del><?php echo esc_html__( '360 Blocks / Sections', 'htmega-addons' ); ?></del></li>
1231
+ <li class="fedel"><del><?php echo esc_html__( 'Blog Search Page Builder', 'htmega-addons'); ?></del></li>
1232
+ <li class="fedel"><del><?php echo esc_html__( '404 Error Page Builder', 'htmega-addons'); ?></del></li>
1233
+ <li class="fedel"><del><?php echo esc_html__( 'Coming soon Page Builder', 'htmega-addons'); ?></del></li>
1234
+ <li class="fedel"><del><?php echo esc_html__( 'Blog Archive Category Wise Individual layout', 'htmega-addons'); ?></del></li>
1235
+ <li class="fedel"><del><?php echo esc_html__( 'Blog Archive Tag Wise Individual layout', 'htmega-addons'); ?></del></li>
1236
+ <li class="fedel"><del><?php echo esc_html__( 'Fakes notification', 'htmega-addons');?></del></li>
1237
+ <li class="fedel"><del><?php echo esc_html__( 'Notification showing position', 'htmega-addons');?></del></li>
1238
+ <li class="fedel"><del><?php echo esc_html__( 'Notification image position', 'htmega-addons');?></del></li>
1239
+ <li class="fedel"><del><?php echo esc_html__( 'Time interval each notification', 'htmega-addons');?></li>
1240
+ <li class="fedel"><del><?php echo esc_html__( 'Sales upto date option', 'htmega-addons');?></del></li>
1241
+ <li class="fedel"><del><?php echo esc_html__( 'Incoming animation option', 'htmega-addons');?></del></li>
1242
+ <li class="fedel"><del><?php echo esc_html__( 'Outgoing animation option', 'htmega-addons');?></del></li>
1243
+ <li class="fedel"><del><?php echo esc_html__( 'Background color option', 'htmega-addons');?></del></li>
1244
+ <li class="fedel"><del><?php echo esc_html__( 'Heading color option', 'htmega-addons');?></del></li>
1245
+ <li class="fedel"><del><?php echo esc_html__( 'Content color option', 'htmega-addons');?></del></li>
1246
+ <li class="fedel"><del><?php echo esc_html__( 'Cross icon color option', 'htmega-addons');?></del></li>
1247
+ </ul>
1248
+ </div>
1249
+ <div class="features-list-area">
1250
+ <h3><?php echo esc_html__( 'HTMega Pro', 'htmega-addons' ); ?></h3>
1251
+ <ul>
1252
+ <li><?php echo esc_html__( '84 Elements', 'htmega-addons' ); ?></li>
1253
+ <li><?php echo esc_html__( '325 Blocks / Sections', 'htmega-addons' ); ?></li>
1254
+ <li><?php echo esc_html__( '35 Categories / Template set', 'htmega-addons' ); ?></li>
1255
+ <li><?php echo esc_html__( '524 Templates', 'htmega-addons' ); ?></li>
1256
+ <li><?php echo esc_html__( 'Blog Search Page Builder', 'htmega-addons' ); ?></li>
1257
+ <li><?php echo esc_html__( '404 Error Page Builder', 'htmega-addons' ); ?></li>
1258
+ <li><?php echo esc_html__( 'Coming soon Page Builder', 'htmega-addons' ); ?></li>
1259
+ <li><?php echo esc_html__( 'Blog Archive Category Wise Individual layout', 'htmega-addons' ); ?></li>
1260
+ <li><?php echo esc_html__( 'Blog Archive Tag Wise Individual layout', 'htmega-addons' ); ?></li>
1261
+ <li><?php echo esc_html__( 'Fakes notification', 'htmega-addons');?></li>
1262
+ <li><?php echo esc_html__( 'Notification showing position', 'htmega-addons');?></li>
1263
+ <li><?php echo esc_html__( 'Notification image position', 'htmega-addons');?></li>
1264
+ <li><?php echo esc_html__( 'Time interval each notification', 'htmega-addons');?></li>
1265
+ <li><?php echo esc_html__( 'Sales upto date option', 'htmega-addons');?></li>
1266
+ <li><?php echo esc_html__( 'Incoming animation option', 'htmega-addons');?></li>
1267
+ <li><?php echo esc_html__( 'Outgoing animation option', 'htmega-addons');?></li>
1268
+ <li><?php echo esc_html__( 'Background color option', 'htmega-addons');?></li>
1269
+ <li><?php echo esc_html__( 'Heading color option', 'htmega-addons');?></li>
1270
+ <li><?php echo esc_html__( 'Content color option', 'htmega-addons');?></li>
1271
+ <li><?php echo esc_html__( 'Cross icon color option', 'htmega-addons');?></li>
1272
+ </ul>
1273
+ <a class="button button-primary" href="https://hasthemes.com/plugins/ht-mega-pro/" target="_blank"><?php echo esc_html__( 'Buy Now', 'htmega-addons' ); ?></a>
1274
+ </div>
1275
+ </div>
1276
+
1277
+ </div>
1278
+
1279
+ </div>
1280
+ <?php
1281
+ echo ob_get_clean();
1282
+ }
1283
+
1284
+ // Pop up Box
1285
+ function popup_box(){
1286
+ ob_start();
1287
+ ?>
1288
+ <div id="htmega-dialog" title="<?php echo esc_attr( 'Go Premium' ); ?>" style="display: none;">
1289
+ <div class="htmega-content">
1290
+ <span><i class="dashicons dashicons-warning"></i></span>
1291
+ <p>
1292
+ <?php
1293
+ echo __('Purchase our','htmega-addons').' <strong><a href="'.esc_url( 'https://hasthemes.com/plugins/ht-mega-pro/' ).'" target="_blank" rel="nofollow">'.__( 'premium version', 'htmega-addons' ).'</a></strong> '.__('to unlock these pro elements!','htmega-addons');
1294
+ ?>
1295
+ </p>
1296
+ </div>
1297
+ </div>
1298
+ <script type="text/javascript">
1299
+ ( function( $ ) {
1300
+
1301
+ $(function() {
1302
+ $( '.htmega_table_row.pro,.htmegapro label' ).click(function() {
1303
+ $( "#htmega-dialog" ).dialog({
1304
+ modal: true,
1305
+ minWidth: 500,
1306
+ buttons: {
1307
+ Ok: function() {
1308
+ $( this ).dialog( "close" );
1309
+ }
1310
+ }
1311
+ });
1312
+ });
1313
+ $(".htmega_table_row.pro input[type='checkbox'],.htmegapro select").attr("disabled", true);
1314
+ });
1315
+
1316
+ } )( jQuery );
1317
+ </script>
1318
+ <?php
1319
+ echo ob_get_clean();
1320
+ }
1321
+
1322
+ // Element Toogle Button
1323
+ function html_element_toogle_button(){
1324
+ ob_start();
1325
+ ?>
1326
+ <span class="htmega-open-element-toggle"><?php esc_html_e( 'Toggle All', 'htmega-addons' );?></span>
1327
+ <?php
1328
+ echo ob_get_clean();
1329
+ }
1330
+
1331
+
1332
+ }
1333
+
1334
  new HTMega_Admin_Settings();
admin/include/class.htmega-elementor-template-library.php ADDED
@@ -0,0 +1,200 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace HtMeaga\ElementorTemplate;
4
+ use Elementor\Core\Common\Modules\Ajax\Module as Ajax;
5
+
6
+ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
7
+
8
+ class Elementor_Library_Manage{
9
+
10
+ /**
11
+ * [$source]
12
+ * @var null
13
+ */
14
+ protected static $source = null;
15
+
16
+ /**
17
+ * [$_instance]
18
+ * @var null
19
+ */
20
+ private static $_instance = null;
21
+
22
+ /**
23
+ * [instance] Initializes a singleton instance
24
+ * @return [Library_Manager]
25
+ */
26
+ public static function instance() {
27
+ if ( is_null( self::$_instance ) ) {
28
+ self::$_instance = new self();
29
+ }
30
+ return self::$_instance;
31
+ }
32
+
33
+ /**
34
+ * [init] Initializes
35
+ * @return [void]
36
+ */
37
+ function __construct() {
38
+ add_action( 'elementor/editor/footer', [ $this, 'print_template_views' ] );
39
+ add_action( 'elementor/ajax/register_actions', [ $this, 'register_ajax_actions' ] );
40
+ add_action( 'elementor/editor/after_enqueue_styles', [ $this, 'elem_template_scripts' ] );
41
+ add_action( 'elementor/preview/enqueue_styles', [ $this, 'preview_scripts' ] );
42
+
43
+ }
44
+
45
+
46
+ /**
47
+ * [print_template_views] template view print
48
+ * @return [void]
49
+ */
50
+ public function print_template_views() {
51
+ include_once ( HTMEGA_ADDONS_PL_PATH . 'admin/include/templates/library/templates.php' );
52
+ }
53
+
54
+ /**
55
+ * [register_ajax_actions]
56
+ * @param Ajax $ajax
57
+ * @return [array] template list
58
+ */
59
+ public function register_ajax_actions( Ajax $ajax ) {
60
+ $ajax->register_ajax_action( 'get_htmega_library_data', function( $data ) {
61
+ if ( ! current_user_can( 'edit_posts' ) ) {
62
+ throw new \Exception( 'Access Denied' );
63
+ }
64
+
65
+ if ( ! empty( $data['editor_post_id'] ) ) {
66
+ $editor_post_id = absint( $data['editor_post_id'] );
67
+
68
+ if ( ! get_post( $editor_post_id ) ) {
69
+ throw new \Exception( __( 'Post not found.', 'htmega-addons' ) );
70
+ }
71
+
72
+ htmega_get_elementor()->db->switch_to_post( $editor_post_id );
73
+ }
74
+
75
+ $result = $this->get_library_data( $data );
76
+
77
+ return $result;
78
+ } );
79
+
80
+ $ajax->register_ajax_action( 'get_htmega_template_data', function( $data ) {
81
+
82
+ if ( ! current_user_can( 'edit_posts' ) ) {
83
+ throw new \Exception( 'Access Denied' );
84
+ }
85
+
86
+ if ( ! empty( $data['editor_post_id'] ) ) {
87
+ $editor_post_id = absint( $data['editor_post_id'] );
88
+
89
+ if ( ! get_post( $editor_post_id ) ) {
90
+ throw new \Exception( __( 'Post not found', 'htmega-addons' ) );
91
+ }
92
+
93
+ htmega_get_elementor()->db->switch_to_post( $editor_post_id );
94
+ }
95
+
96
+ if ( empty( $data['template_id'] ) ) {
97
+ throw new \Exception( __( 'Template id missing', 'htmega-addons' ) );
98
+ }
99
+
100
+ $result = $this->get_template_data( $data );
101
+
102
+ return $result;
103
+
104
+ } );
105
+
106
+ }
107
+
108
+ /**
109
+ * [elem_template_scripts] Editor Scripts
110
+ * @return [void]
111
+ */
112
+ public function elem_template_scripts() {
113
+
114
+ wp_enqueue_style(
115
+ 'htmega-templates-library',
116
+ HTMEGA_ADDONS_PL_URL . 'admin/assets/css/elementor_template_library.css',
117
+ [
118
+ 'elementor-editor',
119
+ ],
120
+ HTMEGA_VERSION
121
+ );
122
+
123
+ wp_enqueue_script(
124
+ 'htmega-templates-library',
125
+ HTMEGA_ADDONS_PL_URL . 'admin/assets/js/elementors_template_library.js',
126
+ [
127
+ 'elementor-editor',
128
+ 'jquery-hover-intent',
129
+ ],
130
+ HTMEGA_VERSION,
131
+ true
132
+ );
133
+
134
+ wp_localize_script( 'htmega-templates-library', 'HTMEGAETMP',
135
+ [
136
+ 'icon' => HTMEGA_ADDONS_PL_URL .'admin/assets/images/menu-icon.png',
137
+ ]
138
+ );
139
+
140
+ }
141
+
142
+ /**
143
+ * [preview_scripts] Preview Style
144
+ * @return [void]
145
+ */
146
+ public function preview_scripts(){
147
+
148
+ $inline_styles = '
149
+ .elementor-add-new-section .elementor-add-htmega-template-button {
150
+ background-color: #D73361;
151
+ margin-left: 5px;
152
+ vertical-align:top;
153
+ }
154
+ ';
155
+ wp_add_inline_style( 'htmega-widgets', $inline_styles );
156
+ }
157
+
158
+ /**
159
+ * [get_source]
160
+ * @return [void]
161
+ */
162
+ public function get_source() {
163
+ if ( is_null( self::$source ) ) {
164
+ self::$source = new Library_Source();
165
+ }
166
+
167
+ return self::$source;
168
+ }
169
+
170
+
171
+ /**
172
+ * [get_template_data] Get Template content
173
+ * @param array $args new custom argument
174
+ * @return [array]
175
+ */
176
+ public function get_template_data( array $args ) {
177
+ $source = $this->get_source();
178
+ $data = $source->get_data( $args );
179
+ return $data;
180
+ }
181
+
182
+
183
+ /**
184
+ * [get_library_data] Get Template Info
185
+ * @param array $args new custom argument
186
+ * @return [array]
187
+ */
188
+ public function get_library_data( array $args ) {
189
+ $source = $this->get_source();
190
+
191
+ if ( ! empty( $args['sync'] ) ) {
192
+ Library_Source::get_library_data( true );
193
+ }
194
+
195
+ return [
196
+ 'templates' => $source->get_items(),
197
+ ];
198
+ }
199
+
200
+ }
admin/include/class.library-source.php ADDED
@@ -0,0 +1,281 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ namespace HtMeaga\ElementorTemplate;
4
+ use Elementor\TemplateLibrary\Source_Base;
5
+
6
+ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
7
+
8
+ class Library_Source extends Source_Base {
9
+
10
+ /**
11
+ * New library option key.
12
+ */
13
+ public static $library_option_key = 'htmega_info_library_data';
14
+
15
+ /**
16
+ * API info URL.
17
+ */
18
+ public static $endpoint = 'https://wphtmega.com/library/wp-json/htmega/v1/templates';
19
+
20
+ /**
21
+ * API get template content URL.
22
+ */
23
+ public static $templateapi = 'https://wphtmega.com/library/wp-json/htmega/v1/templates/%s';
24
+
25
+ function __construct(){
26
+ if( is_plugin_active('htmega-pro/htmega_pro.php') && function_exists('htmega_pro_template_endpoint') ){
27
+ $option_key = get_option('htmega_info_library_data');
28
+ if(false !== $option_key){
29
+ self::$library_option_key = 'htmega_pro_info_library_data';
30
+ delete_option( 'htmega_info_library_data' );
31
+ }
32
+ }else{
33
+ if(self::$library_option_key != 'htmega_info_library_data'){
34
+ delete_option( self::$library_option_key );
35
+ }
36
+ }
37
+ }
38
+
39
+ // Setter Endpoint
40
+ function set_api_endpoint( $endpoint ){
41
+ self::$endpoint = $endpoint;
42
+ }
43
+
44
+ // Setter Template API
45
+ function set_api_templateapi( $templateapi ){
46
+ self::$templateapi = $templateapi;
47
+ }
48
+
49
+ // Get Endpoint
50
+ public static function get_api_endpoint(){
51
+ if( is_plugin_active('htmega-pro/htmega_pro.php') && function_exists('htmega_pro_template_endpoint') ){
52
+ self::$endpoint = htmega_pro_template_endpoint();
53
+ }
54
+ return self::$endpoint;
55
+ }
56
+
57
+ // Get Template API
58
+ public static function get_api_templateapi(){
59
+ if( is_plugin_active('htmega-pro/htmega_pro.php') && function_exists('htmega_pro_template_url') ){
60
+ self::$templateapi = htmega_pro_template_url();
61
+ }
62
+ return self::$templateapi;
63
+ }
64
+
65
+ /**
66
+ * [get_id] Get remote template ID.
67
+ * @return [string] The remote template ID.
68
+ */
69
+ public function get_id() {
70
+ return 'htmega-library';
71
+ }
72
+
73
+ /**
74
+ * [get_title] Get remote template title.
75
+ * Retrieve the remote template title.
76
+ * @return [string] The remote template title.
77
+ */
78
+ public function get_title() {
79
+ return __( 'HT Mega Library', 'htmega-addons' );
80
+ }
81
+
82
+ /**
83
+ * [register_data] Register remote template data.
84
+ * Used to register custom template data like a post type, a taxonomy or any
85
+ * other data.
86
+ * @return [void]
87
+ */
88
+ public function register_data() {}
89
+
90
+ /**
91
+ * [get_items] Retrieve htmega templates from htmega library servers.
92
+ * @param array $args Optional. Nou used in htmega source.
93
+ * @return [array] Move templates.
94
+ */
95
+ public function get_items( $args = [] ) {
96
+ $library_data = self::get_library_data();
97
+
98
+ $templates = [];
99
+ if ( ! empty( $library_data['templates'] ) ) {
100
+ foreach ( $library_data['templates'] as $template_data ) {
101
+ $templates[] = $this->prepare_template( $template_data );
102
+ }
103
+ }
104
+ return $templates;
105
+ }
106
+
107
+ /**
108
+ * [get_library_data] Retrieve the templates data from a htmega server.
109
+ * @param boolean $force_update Optional. Whether to force the data update or
110
+ * not. Default is false.
111
+ * @return [array] The templates data.
112
+ */
113
+ public static function get_library_data( $force_update = false ) {
114
+ self::get_info_library_data( $force_update );
115
+
116
+ $data = get_option( self::$library_option_key );
117
+
118
+ if ( empty( $data ) ) {
119
+ return [];
120
+ }
121
+
122
+ return $data;
123
+ }
124
+
125
+ /**
126
+ * [get_info_library_data] This function notifies the user of upgrade notices, new templates and contributors.
127
+ * @param boolean $force_update Optional. Whether to force the data retrieval or
128
+ * not. Default is false.
129
+ * @return [array|false] Info data, or false.
130
+ */
131
+ private static function get_info_library_data( $force_update = false ) {
132
+ $data = get_option( self::$library_option_key );
133
+
134
+ if ( $force_update || false === $data ) {
135
+ $timeout = ( $force_update ) ? 25 : 8;
136
+
137
+ $response = wp_remote_get( self::get_api_endpoint(), [
138
+ 'timeout' => $timeout,
139
+ ] );
140
+
141
+ if ( is_wp_error( $response ) || 200 !== (int) wp_remote_retrieve_response_code( $response ) ) {
142
+ update_option( self::$library_option_key, [] );
143
+ return false;
144
+ }
145
+
146
+ $data = json_decode( wp_remote_retrieve_body( $response ), true );
147
+
148
+ if ( empty( $data ) || ! is_array( $data ) ) {
149
+ update_option( self::$library_option_key, [] );
150
+ return false;
151
+ }
152
+
153
+ update_option( self::$library_option_key, $data, 'no' );
154
+ }
155
+
156
+ return $data;
157
+ }
158
+
159
+ /**
160
+ * [get_item Get remote template.] Retrieve a single remote template from Elementor.com servers.
161
+ * @param [int] $template_id The template ID.
162
+ * @return [array] Remote template.
163
+ */
164
+ public function get_item( $template_id ) {
165
+ $templates = $this->get_items();
166
+
167
+ return $templates[ $template_id ];
168
+ }
169
+
170
+ /**
171
+ * [save_item Save remote template.] Remote template from htmega servers cannot be saved on the
172
+ * database as they are retrieved from remote servers.
173
+ * @param [array] $template_data Remote template data.
174
+ * @return \WP_Error
175
+ */
176
+ public function save_item( $template_data ) {
177
+ return new \WP_Error( 'invalid_request', 'Cannot save template to a htmega source' );
178
+ }
179
+
180
+ /**
181
+ * [update_item Update remote template] Remote template from htmega servers cannot be updated on the database as they are retrieved from remote servers.
182
+ * @param [array] $new_data New template data.
183
+ * @return \WP_Error
184
+ */
185
+ public function update_item( $new_data ) {
186
+ return new \WP_Error( 'invalid_request', 'Cannot update template to a htmega source' );
187
+ }
188
+
189
+ /**
190
+ * [delete_template Delete remote template.] Remote template from htmega servers cannot be deleted from the database as they are retrieved from remote servers.
191
+ * @param [int] $template_id The template ID.
192
+ * @return \WP_Error
193
+ */
194
+ public function delete_template( $template_id ) {
195
+ return new \WP_Error( 'invalid_request', 'Cannot delete template from a htmega source' );
196
+ }
197
+
198
+ /**
199
+ * [export_template Export remote template.] Remote template from htmega servers cannot be exported from the database as they are retrieved from remote servers.
200
+ * @param [int] $template_id The template ID.
201
+ * @return \WP_Error
202
+ */
203
+ public function export_template( $template_id ) {
204
+ return new \WP_Error( 'invalid_request', 'Cannot export template from a htmega source' );
205
+ }
206
+
207
+ /**
208
+ * [get_data Get remote template data.] Retrieve the data of a single remote template from htmega servers.
209
+ * @param array $args Custom template arguments.
210
+ * @param string $context Optional. The context. Default is `display`.
211
+ * @return [array] Remote Template data.
212
+ */
213
+ public function get_data( array $args, $context = 'display' ) {
214
+ $data = self::get_template_content( $args['template_id'] );
215
+
216
+ $data = json_decode( $data, true );
217
+
218
+ if ( empty( $data ) || empty( $data['content'] ) ) {
219
+ throw new \Exception( __( 'Template does not have any content', 'htmega-addons' ) );
220
+ }
221
+
222
+ $data['content'] = $this->replace_elements_ids( $data['content']['content'] );
223
+ $data['content'] = $this->process_export_import_content( $data['content'], 'on_import' );
224
+
225
+ $post_id = $args['editor_post_id'];
226
+ $document = htmega_get_elementor()->documents->get( $post_id );
227
+
228
+ if ( $document ) {
229
+ $data['content'] = $document->get_elements_raw_data( $data['content'], true );
230
+ }
231
+
232
+ return $data;
233
+ }
234
+
235
+ /**
236
+ * [get_template_content Get template content.]
237
+ * @param [int] $template_id The template ID.
238
+ * @return [array] The template content.
239
+ */
240
+ public static function get_template_content( $template_id ) {
241
+ if ( empty( $template_id ) ) {
242
+ return;
243
+ }
244
+
245
+ $body = [
246
+ 'api_version' => HTMEGA_VERSION,
247
+ 'site_lang' => get_bloginfo( 'language' ),
248
+ 'home_url' => trailingslashit( home_url() ),
249
+ ];
250
+
251
+ $content_url = sprintf( self::get_api_templateapi(), $template_id );
252
+ $response = wp_remote_get(
253
+ $content_url,
254
+ [
255
+ 'body' => $body,
256
+ 'timeout' => 25
257
+ ]
258
+ );
259
+
260
+ return wp_remote_retrieve_body( $response );
261
+ }
262
+
263
+ /**
264
+ * [prepare_template Prepare template items to match model]
265
+ * @param array $template_data [description]
266
+ * @return [array] template list
267
+ */
268
+ private function prepare_template( array $template_data ) {
269
+ return [
270
+ 'template_id' => $template_data['id'],
271
+ 'title' => $template_data['title'],
272
+ 'type' => $template_data['type'],
273
+ 'thumbnail' => $template_data['thumbnail'],
274
+ 'date' => $template_data['human_date'],
275
+ 'tags' => $template_data['tags'],
276
+ 'isPro' => $template_data['isPro'],
277
+ 'url' => $template_data['url'],
278
+ ];
279
+ }
280
+
281
+ }
admin/include/class.settings-api.php CHANGED
@@ -1,683 +1,683 @@
1
- <?php
2
-
3
- /**
4
- * weDevs Settings API wrapper class
5
- * @version 1.3 (27-Sep-2016)
6
- * @author Tareq Hasan <tareq@weDevs.com>
7
- * @link https://tareq.co Tareq Hasan
8
- */
9
-
10
- if ( !class_exists( 'HTMega_Settings_API' ) ):
11
- class HTMega_Settings_API {
12
-
13
- /**
14
- * settings sections array
15
- *
16
- * @var array
17
- */
18
- protected $settings_sections = array();
19
-
20
- /**
21
- * Settings fields array
22
- *
23
- * @var array
24
- */
25
- protected $settings_fields = array();
26
-
27
- public function __construct() {
28
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
29
- }
30
-
31
- /**
32
- * Enqueue scripts and styles
33
- */
34
- function admin_enqueue_scripts() {
35
- wp_enqueue_style( 'wp-color-picker' );
36
- wp_enqueue_media();
37
- wp_enqueue_script( 'wp-color-picker' );
38
- wp_enqueue_script( 'jquery' );
39
- }
40
-
41
- /**
42
- * Set settings sections
43
- *
44
- * @param array $sections setting sections array
45
- */
46
- function set_sections( $sections ) {
47
- $this->settings_sections = $sections;
48
-
49
- return $this;
50
- }
51
-
52
- /**
53
- * Add a single section
54
- *
55
- * @param array $section
56
- */
57
- function add_section( $section ) {
58
- $this->settings_sections[] = $section;
59
-
60
- return $this;
61
- }
62
-
63
- /**
64
- * Set settings fields
65
- *
66
- * @param array $fields settings fields array
67
- */
68
- function set_fields( $fields ) {
69
- $this->settings_fields = $fields;
70
-
71
- return $this;
72
- }
73
-
74
- function add_field( $section, $field ) {
75
- $defaults = array(
76
- 'name' => '',
77
- 'label' => '',
78
- 'desc' => '',
79
- 'type' => 'text'
80
- );
81
-
82
- $arg = wp_parse_args( $field, $defaults );
83
- $this->settings_fields[$section][] = $arg;
84
-
85
- return $this;
86
- }
87
-
88
- /**
89
- * Initialize and registers the settings sections and fileds to WordPress
90
- *
91
- * Usually this should be called at `admin_init` hook.
92
- *
93
- * This function gets the initiated settings sections and fields. Then
94
- * registers them to WordPress and ready for use.
95
- */
96
- function admin_init() {
97
- //register settings sections
98
- foreach ( $this->settings_sections as $section ) {
99
- if ( false == get_option( $section['id'] ) ) {
100
- add_option( $section['id'] );
101
- }
102
-
103
- if ( isset($section['desc']) && !empty($section['desc']) ) {
104
- $section['desc'] = '<div class="inside">' . $section['desc'] . '</div>';
105
- $callback = create_function('', 'echo "' . str_replace( '"', '\"', $section['desc'] ) . '";');
106
- } else if ( isset( $section['callback'] ) ) {
107
- $callback = $section['callback'];
108
- } else {
109
- $callback = null;
110
- }
111
-
112
- add_settings_section( $section['id'], $section['title'], $callback, $section['id'] );
113
- }
114
-
115
- //register settings fields
116
- foreach ( $this->settings_fields as $section => $field ) {
117
- foreach ( $field as $option ) {
118
-
119
- $name = $option['name'];
120
- $type = isset( $option['type'] ) ? $option['type'] : 'text';
121
- $label = isset( $option['label'] ) ? $option['label'] : '';
122
- $callback = isset( $option['callback'] ) ? $option['callback'] : array( $this, 'callback_' . $type );
123
-
124
- $args = array(
125
- 'id' => $name,
126
- 'class' => isset( $option['class'] ) ? $option['class'] : $name,
127
- 'label_for' => "{$section}[{$name}]",
128
- 'desc' => isset( $option['desc'] ) ? $option['desc'] : '',
129
- 'name' => $label,
130
- 'section' => $section,
131
- 'size' => isset( $option['size'] ) ? $option['size'] : null,
132
- 'options' => isset( $option['options'] ) ? $option['options'] : '',
133
- 'std' => isset( $option['default'] ) ? $option['default'] : '',
134
- 'sanitize_callback' => isset( $option['sanitize_callback'] ) ? $option['sanitize_callback'] : '',
135
- 'type' => $type,
136
- 'placeholder' => isset( $option['placeholder'] ) ? $option['placeholder'] : '',
137
- 'min' => isset( $option['min'] ) ? $option['min'] : '',
138
- 'max' => isset( $option['max'] ) ? $option['max'] : '',
139
- 'step' => isset( $option['step'] ) ? $option['step'] : '',
140
- 'headding' => isset( $option['headding'] ) ? $option['headding'] : '',
141
- );
142
-
143
- add_settings_field( "{$section}[{$name}]", $label, $callback, $section, $section, $args );
144
- }
145
- }
146
-
147
- // creates our settings in the options table
148
- foreach ( $this->settings_sections as $section ) {
149
- register_setting( $section['id'], $section['id'], array( $this, 'sanitize_options' ) );
150
- }
151
- }
152
-
153
- /**
154
- * Get field description for display
155
- *
156
- * @param array $args settings field args
157
- */
158
- public function get_field_description( $args ) {
159
- if ( ! empty( $args['desc'] ) ) {
160
- $desc = sprintf( '<p class="description">%s</p>', $args['desc'] );
161
- } else {
162
- $desc = '';
163
- }
164
- return $desc;
165
- }
166
-
167
- /**
168
- * Get Title for display
169
- *
170
- * @param array $args settings field args
171
- */
172
- public function callback_title( $args ) {
173
- $headding = isset( $args['headding'] ) ? $args['headding'] : '';
174
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
175
- $html = sprintf( '<h2 class="element_section_title %1$s-title">%2$s</h2>', $size, $headding );
176
- echo $html;
177
- }
178
-
179
- /**
180
- * Displays a text field for a settings field
181
- *
182
- * @param array $args settings field args
183
- */
184
- function callback_text( $args ) {
185
-
186
- $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
187
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
188
- $type = isset( $args['type'] ) ? $args['type'] : 'text';
189
- $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="' . $args['placeholder'] . '"';
190
-
191
- $html = sprintf( '<input type="%1$s" class="%2$s-text" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder );
192
- $html .= $this->get_field_description( $args );
193
-
194
- echo $html;
195
- }
196
-
197
- /**
198
- * Displays a url field for a settings field
199
- *
200
- * @param array $args settings field args
201
- */
202
- function callback_url( $args ) {
203
- $this->callback_text( $args );
204
- }
205
-
206
- /**
207
- * Displays a number field for a settings field
208
- *
209
- * @param array $args settings field args
210
- */
211
- function callback_number( $args ) {
212
- $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
213
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
214
- $type = isset( $args['type'] ) ? $args['type'] : 'number';
215
- $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="' . $args['placeholder'] . '"';
216
- $min = ( $args['min'] == '' ) ? '' : ' min="' . $args['min'] . '"';
217
- $max = ( $args['max'] == '' ) ? '' : ' max="' . $args['max'] . '"';
218
- $step = ( $args['step'] == '' ) ? '' : ' step="' . $args['step'] . '"';
219
-
220
- $html = sprintf( '<input type="%1$s" class="%2$s-number" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s%7$s%8$s%9$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder, $min, $max, $step );
221
- $html .= $this->get_field_description( $args );
222
-
223
- echo $html;
224
- }
225
-
226
- /**
227
- * Displays a checkbox for a settings field
228
- *
229
- * @param array $args settings field args
230
- */
231
- function callback_checkbox( $args ) {
232
-
233
- $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
234
-
235
- $html = '<fieldset class="htmega_element_checkbox">';
236
- $html .= sprintf( '<input type="hidden" name="%1$s[%2$s]" value="off" />', $args['section'], $args['id'] );
237
- $html .= sprintf( '<input type="checkbox" class="checkbox" id="htmega_sp_%1$s[%2$s]" name="%1$s[%2$s]" value="on" %3$s />', $args['section'], $args['id'], checked( $value, 'on', false ) );
238
- $html .= sprintf( '<label for="htmega_sp_%1$s[%2$s]">%3$s</label>', $args['section'], $args['id'], $args['desc'] );
239
- $html .= '</fieldset>';
240
-
241
- echo $html;
242
- }
243
-
244
- /**
245
- * Displays a multicheckbox for a settings field
246
- *
247
- * @param array $args settings field args
248
- */
249
- function callback_multicheck( $args ) {
250
-
251
- $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
252
- $html = '<fieldset>';
253
- $html .= sprintf( '<input type="hidden" name="%1$s[%2$s]" value="" />', $args['section'], $args['id'] );
254
- foreach ( $args['options'] as $key => $label ) {
255
- $checked = isset( $value[$key] ) ? $value[$key] : '0';
256
- $html .= sprintf( '<label for="htmega_sp_%1$s[%2$s][%3$s]">', $args['section'], $args['id'], $key );
257
- $html .= sprintf( '<input type="checkbox" class="checkbox" id="htmega_sp_%1$s[%2$s][%3$s]" name="%1$s[%2$s][%3$s]" value="%3$s" %4$s />', $args['section'], $args['id'], $key, checked( $checked, $key, false ) );
258
- $html .= sprintf( '%1$s</label><br>', $label );
259
- }
260
-
261
- $html .= $this->get_field_description( $args );
262
- $html .= '</fieldset>';
263
-
264
- echo $html;
265
- }
266
-
267
- /**
268
- * Displays a radio button for a settings field
269
- *
270
- * @param array $args settings field args
271
- */
272
- function callback_radio( $args ) {
273
-
274
- $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
275
- $html = '<fieldset>';
276
-
277
- foreach ( $args['options'] as $key => $label ) {
278
- $html .= sprintf( '<label for="htmega_sp_%1$s[%2$s][%3$s]">', $args['section'], $args['id'], $key );
279
- $html .= sprintf( '<input type="radio" class="radio" id="htmega_sp_%1$s[%2$s][%3$s]" name="%1$s[%2$s]" value="%3$s" %4$s />', $args['section'], $args['id'], $key, checked( $value, $key, false ) );
280
- $html .= sprintf( '%1$s</label><br>', $label );
281
- }
282
-
283
- $html .= $this->get_field_description( $args );
284
- $html .= '</fieldset>';
285
-
286
- echo $html;
287
- }
288
-
289
- /**
290
- * Displays a selectbox for a settings field
291
- *
292
- * @param array $args settings field args
293
- */
294
- function callback_select( $args ) {
295
-
296
- $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
297
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
298
- $html = sprintf( '<select class="%1$s" name="%2$s[%3$s]" id="%2$s[%3$s]">', $size, $args['section'], $args['id'] );
299
-
300
- foreach ( $args['options'] as $key => $label ) {
301
- $html .= sprintf( '<option value="%s"%s>%s</option>', $key, selected( $value, $key, false ), $label );
302
- }
303
-
304
- $html .= sprintf( '</select>' );
305
- $html .= $this->get_field_description( $args );
306
-
307
- echo $html;
308
- }
309
-
310
- /**
311
- * Displays a multiselect for a settings field
312
- *
313
- * @param array $args settings field args
314
- */
315
- function callback_multiselect( $args ) {
316
-
317
- $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
318
- $html = sprintf( '<select multiple="multiple" class="%1$s" name="%1$s[%2$s][]" id="%1$s[%2$s]">', $args['section'], $args['id'] );
319
- foreach ( $args['options'] as $key => $label ) {
320
- $selected = '';
321
- if( !empty( $value ) ){
322
- $selected = in_array( $key, $value ) ? $key : '';
323
- }
324
- $html .= sprintf( '<option value="%1$s" %2$s>%3$s</option>', $key, selected( $selected, $key, false ), $label );
325
- }
326
- $html .= sprintf( '</select>' );
327
- $html .= $this->get_field_description( $args );
328
-
329
- echo $html;
330
- }
331
-
332
- /**
333
- * Displays a textarea for a settings field
334
- *
335
- * @param array $args settings field args
336
- */
337
- function callback_textarea( $args ) {
338
-
339
- $value = esc_textarea( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
340
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
341
- $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="'.$args['placeholder'].'"';
342
-
343
- $html = sprintf( '<textarea rows="5" cols="55" class="%1$s-text" id="%2$s[%3$s]" name="%2$s[%3$s]"%4$s>%5$s</textarea>', $size, $args['section'], $args['id'], $placeholder, $value );
344
- $html .= $this->get_field_description( $args );
345
-
346
- echo $html;
347
- }
348
-
349
- /**
350
- * Displays the html for a settings field
351
- *
352
- * @param array $args settings field args
353
- * @return string
354
- */
355
- function callback_html( $args ) {
356
- echo $this->get_field_description( $args );
357
- }
358
-
359
- /**
360
- * Displays a rich text textarea for a settings field
361
- *
362
- * @param array $args settings field args
363
- */
364
- function callback_wysiwyg( $args ) {
365
-
366
- $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
367
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : '500px';
368
-
369
- echo '<div style="max-width: ' . $size . ';">';
370
-
371
- $editor_settings = array(
372
- 'teeny' => true,
373
- 'textarea_name' => $args['section'] . '[' . $args['id'] . ']',
374
- 'textarea_rows' => 10
375
- );
376
-
377
- if ( isset( $args['options'] ) && is_array( $args['options'] ) ) {
378
- $editor_settings = array_merge( $editor_settings, $args['options'] );
379
- }
380
-
381
- wp_editor( $value, $args['section'] . '-' . $args['id'], $editor_settings );
382
-
383
- echo '</div>';
384
-
385
- echo $this->get_field_description( $args );
386
- }
387
-
388
- /**
389
- * Displays a file upload field for a settings field
390
- *
391
- * @param array $args settings field args
392
- */
393
- function callback_file( $args ) {
394
-
395
- $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
396
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
397
- $id = $args['section'] . '[' . $args['id'] . ']';
398
- $label = isset( $args['options']['button_label'] ) ? $args['options']['button_label'] : __( 'Choose File' );
399
-
400
- $html = sprintf( '<input type="text" class="%1$s-text wpsa-url" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s"/>', $size, $args['section'], $args['id'], $value );
401
- $html .= '<input type="button" class="button wpsa-browse" value="' . $label . '" />';
402
- $html .= $this->get_field_description( $args );
403
-
404
- echo $html;
405
- }
406
-
407
- /**
408
- * Displays a password field for a settings field
409
- *
410
- * @param array $args settings field args
411
- */
412
- function callback_password( $args ) {
413
-
414
- $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
415
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
416
-
417
- $html = sprintf( '<input type="password" class="%1$s-text" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s"/>', $size, $args['section'], $args['id'], $value );
418
- $html .= $this->get_field_description( $args );
419
-
420
- echo $html;
421
- }
422
-
423
- /**
424
- * Displays a color picker field for a settings field
425
- *
426
- * @param array $args settings field args
427
- */
428
- function callback_color( $args ) {
429
-
430
- $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
431
- $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
432
-
433
- $html = sprintf( '<input type="text" class="%1$s-text wp-color-picker-field" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s" data-default-color="%5$s" />', $size, $args['section'], $args['id'], $value, $args['std'] );
434
- $html .= $this->get_field_description( $args );
435
-
436
- echo $html;
437
- }
438
-
439
-
440
- /**
441
- * Displays a select box for creating the pages select box
442
- *
443
- * @param array $args settings field args
444
- */
445
- function callback_pages( $args ) {
446
-
447
- $dropdown_args = array(
448
- 'selected' => esc_attr($this->get_option($args['id'], $args['section'], $args['std'] ) ),
449
- 'name' => $args['section'] . '[' . $args['id'] . ']',
450
- 'id' => $args['section'] . '[' . $args['id'] . ']',
451
- 'echo' => 0
452
- );
453
- $html = wp_dropdown_pages( $dropdown_args );
454
- echo $html;
455
- }
456
-
457
- /**
458
- * Sanitize callback for Settings API
459
- *
460
- * @return mixed
461
- */
462
- function sanitize_options( $options ) {
463
-
464
- if ( !$options ) {
465
- return $options;
466
- }
467
-
468
- foreach( $options as $option_slug => $option_value ) {
469
- $sanitize_callback = $this->get_sanitize_callback( $option_slug );
470
-
471
- // If callback is set, call it
472
- if ( $sanitize_callback ) {
473
- $options[ $option_slug ] = call_user_func( $sanitize_callback, $option_value );
474
- continue;
475
- }
476
- }
477
-
478
- return $options;
479
- }
480
-
481
- /**
482
- * Get sanitization callback for given option slug
483
- *
484
- * @param string $slug option slug
485
- *
486
- * @return mixed string or bool false
487
- */
488
- function get_sanitize_callback( $slug = '' ) {
489
- if ( empty( $slug ) ) {
490
- return false;
491
- }
492
-
493
- // Iterate over registered fields and see if we can find proper callback
494
- foreach( $this->settings_fields as $section => $options ) {
495
- foreach ( $options as $option ) {
496
- if ( $option['name'] != $slug ) {
497
- continue;
498
- }
499
-
500
- // Return the callback name
501
- return isset( $option['sanitize_callback'] ) && is_callable( $option['sanitize_callback'] ) ? $option['sanitize_callback'] : false;
502
- }
503
- }
504
-
505
- return false;
506
- }
507
-
508
- /**
509
- * Get the value of a settings field
510
- *
511
- * @param string $option settings field name
512
- * @param string $section the section name this field belongs to
513
- * @param string $default default text if it's not found
514
- * @return string
515
- */
516
- function get_option( $option, $section, $default = '' ) {
517
-
518
- $options = get_option( $section );
519
-
520
- if ( isset( $options[$option] ) ) {
521
- return $options[$option];
522
- }
523
-
524
- return $default;
525
- }
526
-
527
- /**
528
- * Show navigations as tab
529
- *
530
- * Shows all the settings section labels as tab
531
- */
532
- function show_navigation() {
533
- $html = '<h2 class="nav-tab-wrapper">';
534
-
535
- $count = count( $this->settings_sections );
536
-
537
- // don't show the navigation if only one section exists
538
- if ( $count === 1 ) {
539
- return;
540
- }
541
-
542
- foreach ( $this->settings_sections as $tab ) {
543
- $html .= sprintf( '<a href="#%1$s" class="nav-tab" id="%1$s-tab">%2$s</a>', $tab['id'], $tab['title'] );
544
- }
545
-
546
- $html .= '</h2>';
547
-
548
- echo $html;
549
- }
550
-
551
- /**
552
- * Show the section settings forms
553
- *
554
- * This function displays every sections in a different form
555
- */
556
- function show_forms() {
557
- ?>
558
- <div class="metabox-holder">
559
- <?php foreach ( $this->settings_sections as $form ) { ?>
560
- <div id="<?php echo $form['id']; ?>" class="group" style="display: none;">
561
- <form method="post" action="options.php">
562
- <?php
563
- do_action( 'wsa_form_top_' . $form['id'], $form );
564
- settings_fields( $form['id'] );
565
- do_settings_sections( $form['id'] );
566
- do_action( 'wsa_form_bottom_' . $form['id'], $form );
567
- if ( isset( $this->settings_fields[ $form['id'] ] ) ):
568
- ?>
569
- <div style="padding-left: 10px">
570
- <?php submit_button(); ?>
571
- </div>
572
- <?php endif; ?>
573
- </form>
574
- </div>
575
- <?php } ?>
576
- </div>
577
- <?php
578
- $this->script();
579
- }
580
-
581
- /**
582
- * Tabbable JavaScript codes & Initiate Color Picker
583
- *
584
- * This code uses localstorage for displaying active tabs
585
- */
586
- function script() {
587
- ?>
588
- <script>
589
- jQuery(document).ready(function($) {
590
- //Initiate Color Picker
591
- $('.wp-color-picker-field').wpColorPicker();
592
- $(".htmegapro .wp-picker-container button").attr("disabled", true);
593
-
594
- // Switches option sections
595
- $('.group').hide();
596
- var activetab = '';
597
- if (typeof(localStorage) != 'undefined' ) {
598
- activetab = localStorage.getItem("activetab");
599
- }
600
-
601
- //if url has section id as hash then set it as active or override the current local storage value
602
- if(window.location.hash){
603
- activetab = window.location.hash;
604
- if (typeof(localStorage) != 'undefined' ) {
605
- localStorage.setItem("activetab", activetab);
606
- }
607
- }
608
-
609
- if (activetab != '' && $(activetab).length ) {
610
- $(activetab).fadeIn();
611
- } else {
612
- $('.group:first').fadeIn();
613
- }
614
- $('.group .collapsed').each(function(){
615
- $(this).find('input:checked').parent().parent().parent().nextAll().each(
616
- function(){
617
- if ($(this).hasClass('last')) {
618
- $(this).removeClass('hidden');
619
- return false;
620
- }
621
- $(this).filter('.hidden').removeClass('hidden');
622
- });
623
- });
624
-
625
- if (activetab != '' && $(activetab + '-tab').length ) {
626
- $(activetab + '-tab').addClass('nav-tab-active');
627
- }
628
- else {
629
- $('.nav-tab-wrapper a:first').addClass('nav-tab-active');
630
- }
631
- $('.nav-tab-wrapper a').click(function(evt) {
632
- $('.nav-tab-wrapper a').removeClass('nav-tab-active');
633
- $(this).addClass('nav-tab-active').blur();
634
- var clicked_group = $(this).attr('href');
635
- if (typeof(localStorage) != 'undefined' ) {
636
- localStorage.setItem("activetab", $(this).attr('href'));
637
- }
638
- $('.group').hide();
639
- $(clicked_group).fadeIn();
640
- evt.preventDefault();
641
- });
642
-
643
- // Upload Media Button
644
- $('.wpsa-browse').on('click', function (event) {
645
- event.preventDefault();
646
-
647
- var self = $(this);
648
-
649
- // Create the media frame.
650
- var file_frame = wp.media.frames.file_frame = wp.media({
651
- title: self.data('uploader_title'),
652
- button: {
653
- text: self.data('uploader_button_text'),
654
- },
655
- multiple: false
656
- });
657
-
658
- file_frame.on('select', function () {
659
- attachment = file_frame.state().get('selection').first().toJSON();
660
- self.prev('.wpsa-url').val(attachment.url).change();
661
- self.siblings('.htmedia_display').html('<img src="'+attachment.url+'" alt="" />');
662
- });
663
-
664
- // Finally, open the modal
665
- file_frame.open();
666
- });
667
-
668
- // Remove Media Button
669
- $('.wpsa-remove').on('click', function (event) {
670
- event.preventDefault();
671
- var self = $(this);
672
- self.siblings('.wpsa-url').val('').change();
673
- self.siblings('.htmedia_display').html('');
674
- });
675
-
676
- });
677
- </script>
678
- <?php
679
- }
680
-
681
- }
682
-
683
  endif;
1
+ <?php
2
+
3
+ /**
4
+ * weDevs Settings API wrapper class
5
+ * @version 1.3 (27-Sep-2016)
6
+ * @author Tareq Hasan <tareq@weDevs.com>
7
+ * @link https://tareq.co Tareq Hasan
8
+ */
9
+
10
+ if ( !class_exists( 'HTMega_Settings_API' ) ):
11
+ class HTMega_Settings_API {
12
+
13
+ /**
14
+ * settings sections array
15
+ *
16
+ * @var array
17
+ */
18
+ protected $settings_sections = array();
19
+
20
+ /**
21
+ * Settings fields array
22
+ *
23
+ * @var array
24
+ */
25
+ protected $settings_fields = array();
26
+
27
+ public function __construct() {
28
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
29
+ }
30
+
31
+ /**
32
+ * Enqueue scripts and styles
33
+ */
34
+ function admin_enqueue_scripts() {
35
+ wp_enqueue_style( 'wp-color-picker' );
36
+ wp_enqueue_media();
37
+ wp_enqueue_script( 'wp-color-picker' );
38
+ wp_enqueue_script( 'jquery' );
39
+ }
40
+
41
+ /**
42
+ * Set settings sections
43
+ *
44
+ * @param array $sections setting sections array
45
+ */
46
+ function set_sections( $sections ) {
47
+ $this->settings_sections = $sections;
48
+
49
+ return $this;
50
+ }
51
+
52
+ /**
53
+ * Add a single section
54
+ *
55
+ * @param array $section
56
+ */
57
+ function add_section( $section ) {
58
+ $this->settings_sections[] = $section;
59
+
60
+ return $this;
61
+ }
62
+
63
+ /**
64
+ * Set settings fields
65
+ *
66
+ * @param array $fields settings fields array
67
+ */
68
+ function set_fields( $fields ) {
69
+ $this->settings_fields = $fields;
70
+
71
+ return $this;
72
+ }
73
+
74
+ function add_field( $section, $field ) {
75
+ $defaults = array(
76
+ 'name' => '',
77
+ 'label' => '',
78
+ 'desc' => '',
79
+ 'type' => 'text'
80
+ );
81
+
82
+ $arg = wp_parse_args( $field, $defaults );
83
+ $this->settings_fields[$section][] = $arg;
84
+
85
+ return $this;
86
+ }
87
+
88
+ /**
89
+ * Initialize and registers the settings sections and fileds to WordPress
90
+ *
91
+ * Usually this should be called at `admin_init` hook.
92
+ *
93
+ * This function gets the initiated settings sections and fields. Then
94
+ * registers them to WordPress and ready for use.
95
+ */
96
+ function admin_init() {
97
+ //register settings sections
98
+ foreach ( $this->settings_sections as $section ) {
99
+ if ( false == get_option( $section['id'] ) ) {
100
+ add_option( $section['id'] );
101
+ }
102
+
103
+ if ( isset($section['desc']) && !empty($section['desc']) ) {
104
+ $section['desc'] = '<div class="inside">' . $section['desc'] . '</div>';
105
+ $callback = create_function('', 'echo "' . str_replace( '"', '\"', $section['desc'] ) . '";');
106
+ } else if ( isset( $section['callback'] ) ) {
107
+ $callback = $section['callback'];
108
+ } else {
109
+ $callback = null;
110
+ }
111
+
112
+ add_settings_section( $section['id'], $section['title'], $callback, $section['id'] );
113
+ }
114
+
115
+ //register settings fields
116
+ foreach ( $this->settings_fields as $section => $field ) {
117
+ foreach ( $field as $option ) {
118
+
119
+ $name = $option['name'];
120
+ $type = isset( $option['type'] ) ? $option['type'] : 'text';
121
+ $label = isset( $option['label'] ) ? $option['label'] : '';
122
+ $callback = isset( $option['callback'] ) ? $option['callback'] : array( $this, 'callback_' . $type );
123
+
124
+ $args = array(
125
+ 'id' => $name,
126
+ 'class' => isset( $option['class'] ) ? $option['class'] : $name,
127
+ 'label_for' => "{$section}[{$name}]",
128
+ 'desc' => isset( $option['desc'] ) ? $option['desc'] : '',
129
+ 'name' => $label,
130
+ 'section' => $section,
131
+ 'size' => isset( $option['size'] ) ? $option['size'] : null,
132
+ 'options' => isset( $option['options'] ) ? $option['options'] : '',
133
+ 'std' => isset( $option['default'] ) ? $option['default'] : '',
134
+ 'sanitize_callback' => isset( $option['sanitize_callback'] ) ? $option['sanitize_callback'] : '',
135
+ 'type' => $type,
136
+ 'placeholder' => isset( $option['placeholder'] ) ? $option['placeholder'] : '',
137
+ 'min' => isset( $option['min'] ) ? $option['min'] : '',
138
+ 'max' => isset( $option['max'] ) ? $option['max'] : '',
139
+ 'step' => isset( $option['step'] ) ? $option['step'] : '',
140
+ 'headding' => isset( $option['headding'] ) ? $option['headding'] : '',
141
+ );
142
+
143
+ add_settings_field( "{$section}[{$name}]", $label, $callback, $section, $section, $args );
144
+ }
145
+ }
146
+
147
+ // creates our settings in the options table
148
+ foreach ( $this->settings_sections as $section ) {
149
+ register_setting( $section['id'], $section['id'], array( $this, 'sanitize_options' ) );
150
+ }
151
+ }
152
+
153
+ /**
154
+ * Get field description for display
155
+ *
156
+ * @param array $args settings field args
157
+ */
158
+ public function get_field_description( $args ) {
159
+ if ( ! empty( $args['desc'] ) ) {
160
+ $desc = sprintf( '<p class="description">%s</p>', $args['desc'] );
161
+ } else {
162
+ $desc = '';
163
+ }
164
+ return $desc;
165
+ }
166
+
167
+ /**
168
+ * Get Title for display
169
+ *
170
+ * @param array $args settings field args
171
+ */
172
+ public function callback_title( $args ) {
173
+ $headding = isset( $args['headding'] ) ? $args['headding'] : '';
174
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
175
+ $html = sprintf( '<h2 class="element_section_title %1$s-title">%2$s</h2>', $size, $headding );
176
+ echo $html;
177
+ }
178
+
179
+ /**
180
+ * Displays a text field for a settings field
181
+ *
182
+ * @param array $args settings field args
183
+ */
184
+ function callback_text( $args ) {
185
+
186
+ $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
187
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
188
+ $type = isset( $args['type'] ) ? $args['type'] : 'text';
189
+ $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="' . $args['placeholder'] . '"';
190
+
191
+ $html = sprintf( '<input type="%1$s" class="%2$s-text" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder );
192
+ $html .= $this->get_field_description( $args );
193
+
194
+ echo $html;
195
+ }
196
+
197
+ /**
198
+ * Displays a url field for a settings field
199
+ *
200
+ * @param array $args settings field args
201
+ */
202
+ function callback_url( $args ) {
203
+ $this->callback_text( $args );
204
+ }
205
+
206
+ /**
207
+ * Displays a number field for a settings field
208
+ *
209
+ * @param array $args settings field args
210
+ */
211
+ function callback_number( $args ) {
212
+ $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
213
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
214
+ $type = isset( $args['type'] ) ? $args['type'] : 'number';
215
+ $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="' . $args['placeholder'] . '"';
216
+ $min = ( $args['min'] == '' ) ? '' : ' min="' . $args['min'] . '"';
217
+ $max = ( $args['max'] == '' ) ? '' : ' max="' . $args['max'] . '"';
218
+ $step = ( $args['step'] == '' ) ? '' : ' step="' . $args['step'] . '"';
219
+
220
+ $html = sprintf( '<input type="%1$s" class="%2$s-number" id="%3$s[%4$s]" name="%3$s[%4$s]" value="%5$s"%6$s%7$s%8$s%9$s/>', $type, $size, $args['section'], $args['id'], $value, $placeholder, $min, $max, $step );
221
+ $html .= $this->get_field_description( $args );
222
+
223
+ echo $html;
224
+ }
225
+
226
+ /**
227
+ * Displays a checkbox for a settings field
228
+ *
229
+ * @param array $args settings field args
230
+ */
231
+ function callback_checkbox( $args ) {
232
+
233
+ $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
234
+
235
+ $html = '<fieldset class="htmega_element_checkbox">';
236
+ $html .= sprintf( '<input type="hidden" name="%1$s[%2$s]" value="off" />', $args['section'], $args['id'] );
237
+ $html .= sprintf( '<input type="checkbox" class="checkbox" id="htmega_sp_%1$s[%2$s]" name="%1$s[%2$s]" value="on" %3$s />', $args['section'], $args['id'], checked( $value, 'on', false ) );
238
+ $html .= sprintf( '<label for="htmega_sp_%1$s[%2$s]">%3$s</label>', $args['section'], $args['id'], $args['desc'] );
239
+ $html .= '</fieldset>';
240
+
241
+ echo $html;
242
+ }
243
+
244
+ /**
245
+ * Displays a multicheckbox for a settings field
246
+ *
247
+ * @param array $args settings field args
248
+ */
249
+ function callback_multicheck( $args ) {
250
+
251
+ $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
252
+ $html = '<fieldset>';
253
+ $html .= sprintf( '<input type="hidden" name="%1$s[%2$s]" value="" />', $args['section'], $args['id'] );
254
+ foreach ( $args['options'] as $key => $label ) {
255
+ $checked = isset( $value[$key] ) ? $value[$key] : '0';
256
+ $html .= sprintf( '<label for="htmega_sp_%1$s[%2$s][%3$s]">', $args['section'], $args['id'], $key );
257
+ $html .= sprintf( '<input type="checkbox" class="checkbox" id="htmega_sp_%1$s[%2$s][%3$s]" name="%1$s[%2$s][%3$s]" value="%3$s" %4$s />', $args['section'], $args['id'], $key, checked( $checked, $key, false ) );
258
+ $html .= sprintf( '%1$s</label><br>', $label );
259
+ }
260
+
261
+ $html .= $this->get_field_description( $args );
262
+ $html .= '</fieldset>';
263
+
264
+ echo $html;
265
+ }
266
+
267
+ /**
268
+ * Displays a radio button for a settings field
269
+ *
270
+ * @param array $args settings field args
271
+ */
272
+ function callback_radio( $args ) {
273
+
274
+ $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
275
+ $html = '<fieldset>';
276
+
277
+ foreach ( $args['options'] as $key => $label ) {
278
+ $html .= sprintf( '<label for="htmega_sp_%1$s[%2$s][%3$s]">', $args['section'], $args['id'], $key );
279
+ $html .= sprintf( '<input type="radio" class="radio" id="htmega_sp_%1$s[%2$s][%3$s]" name="%1$s[%2$s]" value="%3$s" %4$s />', $args['section'], $args['id'], $key, checked( $value, $key, false ) );
280
+ $html .= sprintf( '%1$s</label><br>', $label );
281
+ }
282
+
283
+ $html .= $this->get_field_description( $args );
284
+ $html .= '</fieldset>';
285
+
286
+ echo $html;
287
+ }
288
+
289
+ /**
290
+ * Displays a selectbox for a settings field
291
+ *
292
+ * @param array $args settings field args
293
+ */
294
+ function callback_select( $args ) {
295
+
296
+ $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
297
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
298
+ $html = sprintf( '<select class="%1$s" name="%2$s[%3$s]" id="%2$s[%3$s]">', $size, $args['section'], $args['id'] );
299
+
300
+ foreach ( $args['options'] as $key => $label ) {
301
+ $html .= sprintf( '<option value="%s"%s>%s</option>', $key, selected( $value, $key, false ), $label );
302
+ }
303
+
304
+ $html .= sprintf( '</select>' );
305
+ $html .= $this->get_field_description( $args );
306
+
307
+ echo $html;
308
+ }
309
+
310
+ /**
311
+ * Displays a multiselect for a settings field
312
+ *
313
+ * @param array $args settings field args
314
+ */
315
+ function callback_multiselect( $args ) {
316
+
317
+ $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
318
+ $html = sprintf( '<select multiple="multiple" class="%1$s" name="%1$s[%2$s][]" id="%1$s[%2$s]">', $args['section'], $args['id'] );
319
+ foreach ( $args['options'] as $key => $label ) {
320
+ $selected = '';
321
+ if( !empty( $value ) ){
322
+ $selected = in_array( $key, $value ) ? $key : '';
323
+ }
324
+ $html .= sprintf( '<option value="%1$s" %2$s>%3$s</option>', $key, selected( $selected, $key, false ), $label );
325
+ }
326
+ $html .= sprintf( '</select>' );
327
+ $html .= $this->get_field_description( $args );
328
+
329
+ echo $html;
330
+ }
331
+
332
+ /**
333
+ * Displays a textarea for a settings field
334
+ *
335
+ * @param array $args settings field args
336
+ */
337
+ function callback_textarea( $args ) {
338
+
339
+ $value = esc_textarea( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
340
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
341
+ $placeholder = empty( $args['placeholder'] ) ? '' : ' placeholder="'.$args['placeholder'].'"';
342
+
343
+ $html = sprintf( '<textarea rows="5" cols="55" class="%1$s-text" id="%2$s[%3$s]" name="%2$s[%3$s]"%4$s>%5$s</textarea>', $size, $args['section'], $args['id'], $placeholder, $value );
344
+ $html .= $this->get_field_description( $args );
345
+
346
+ echo $html;
347
+ }
348
+
349
+ /**
350
+ * Displays the html for a settings field
351
+ *
352
+ * @param array $args settings field args
353
+ * @return string
354
+ */
355
+ function callback_html( $args ) {
356
+ echo $this->get_field_description( $args );
357
+ }
358
+
359
+ /**
360
+ * Displays a rich text textarea for a settings field
361
+ *
362
+ * @param array $args settings field args
363
+ */
364
+ function callback_wysiwyg( $args ) {
365
+
366
+ $value = $this->get_option( $args['id'], $args['section'], $args['std'] );
367
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : '500px';
368
+
369
+ echo '<div style="max-width: ' . $size . ';">';
370
+
371
+ $editor_settings = array(
372
+ 'teeny' => true,
373
+ 'textarea_name' => $args['section'] . '[' . $args['id'] . ']',
374
+ 'textarea_rows' => 10
375
+ );
376
+
377
+ if ( isset( $args['options'] ) && is_array( $args['options'] ) ) {
378
+ $editor_settings = array_merge( $editor_settings, $args['options'] );
379
+ }
380
+
381
+ wp_editor( $value, $args['section'] . '-' . $args['id'], $editor_settings );
382
+
383
+ echo '</div>';
384
+
385
+ echo $this->get_field_description( $args );
386
+ }
387
+
388
+ /**
389
+ * Displays a file upload field for a settings field
390
+ *
391
+ * @param array $args settings field args
392
+ */
393
+ function callback_file( $args ) {
394
+
395
+ $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
396
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
397
+ $id = $args['section'] . '[' . $args['id'] . ']';
398
+ $label = isset( $args['options']['button_label'] ) ? $args['options']['button_label'] : __( 'Choose File','htmega-addons' );
399
+
400
+ $html = sprintf( '<input type="text" class="%1$s-text wpsa-url" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s"/>', $size, $args['section'], $args['id'], $value );
401
+ $html .= '<input type="button" class="button wpsa-browse" value="' . $label . '" />';
402
+ $html .= $this->get_field_description( $args );
403
+
404
+ echo $html;
405
+ }
406
+
407
+ /**
408
+ * Displays a password field for a settings field
409
+ *
410
+ * @param array $args settings field args
411
+ */
412
+ function callback_password( $args ) {
413
+
414
+ $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
415
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
416
+
417
+ $html = sprintf( '<input type="password" class="%1$s-text" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s"/>', $size, $args['section'], $args['id'], $value );
418
+ $html .= $this->get_field_description( $args );
419
+
420
+ echo $html;
421
+ }
422
+
423
+ /**
424
+ * Displays a color picker field for a settings field
425
+ *
426
+ * @param array $args settings field args
427
+ */
428
+ function callback_color( $args ) {
429
+
430
+ $value = esc_attr( $this->get_option( $args['id'], $args['section'], $args['std'] ) );
431
+ $size = isset( $args['size'] ) && !is_null( $args['size'] ) ? $args['size'] : 'regular';
432
+
433
+ $html = sprintf( '<input type="text" class="%1$s-text wp-color-picker-field" id="%2$s[%3$s]" name="%2$s[%3$s]" value="%4$s" data-default-color="%5$s" />', $size, $args['section'], $args['id'], $value, $args['std'] );
434
+ $html .= $this->get_field_description( $args );
435
+
436
+ echo $html;
437
+ }
438
+
439
+
440
+ /**
441
+ * Displays a select box for creating the pages select box
442
+ *
443
+ * @param array $args settings field args
444
+ */
445
+ function callback_pages( $args ) {
446
+
447
+ $dropdown_args = array(
448
+ 'selected' => esc_attr($this->get_option($args['id'], $args['section'], $args['std'] ) ),
449
+ 'name' => $args['section'] . '[' . $args['id'] . ']',
450
+ 'id' => $args['section'] . '[' . $args['id'] . ']',
451
+ 'echo' => 0
452
+ );
453
+ $html = wp_dropdown_pages( $dropdown_args );
454
+ echo $html;
455
+ }
456
+
457
+ /**
458
+ * Sanitize callback for Settings API
459
+ *
460
+ * @return mixed
461
+ */
462
+ function sanitize_options( $options ) {
463
+
464
+ if ( !$options ) {
465
+ return $options;
466
+ }
467
+
468
+ foreach( $options as $option_slug => $option_value ) {
469
+ $sanitize_callback = $this->get_sanitize_callback( $option_slug );
470
+
471
+ // If callback is set, call it
472
+ if ( $sanitize_callback ) {
473
+ $options[ $option_slug ] = call_user_func( $sanitize_callback, $option_value );
474
+ continue;
475
+ }
476
+ }
477
+
478
+ return $options;
479
+ }
480
+
481
+ /**
482
+ * Get sanitization callback for given option slug
483
+ *
484
+ * @param string $slug option slug
485
+ *
486
+ * @return mixed string or bool false
487
+ */
488
+ function get_sanitize_callback( $slug = '' ) {
489
+ if ( empty( $slug ) ) {
490
+ return false;
491
+ }
492
+
493
+ // Iterate over registered fields and see if we can find proper callback
494
+ foreach( $this->settings_fields as $section => $options ) {
495
+ foreach ( $options as $option ) {
496
+ if ( $option['name'] != $slug ) {
497
+ continue;
498
+ }
499
+
500
+ // Return the callback name
501
+ return isset( $option['sanitize_callback'] ) && is_callable( $option['sanitize_callback'] ) ? $option['sanitize_callback'] : false;
502
+ }
503
+ }
504
+
505
+ return false;
506
+ }
507
+
508
+ /**
509
+ * Get the value of a settings field
510
+ *
511
+ * @param string $option settings field name
512
+ * @param string $section the section name this field belongs to
513
+ * @param string $default default text if it's not found
514
+ * @return string
515
+ */
516
+ function get_option( $option, $section, $default = '' ) {
517
+
518
+ $options = get_option( $section );
519
+
520
+ if ( isset( $options[$option] ) ) {
521
+ return $options[$option];
522
+ }
523
+
524
+ return $default;
525
+ }
526
+
527
+ /**
528
+ * Show navigations as tab
529
+ *
530
+ * Shows all the settings section labels as tab
531
+ */
532
+ function show_navigation() {
533
+ $html = '<h2 class="nav-tab-wrapper">';
534
+
535
+ $count = count( $this->settings_sections );
536
+
537
+ // don't show the navigation if only one section exists
538
+ if ( $count === 1 ) {
539
+ return;
540
+ }
541
+
542
+ foreach ( $this->settings_sections as $tab ) {
543
+ $html .= sprintf( '<a href="#%1$s" class="nav-tab" id="%1$s-tab">%2$s</a>', $tab['id'], $tab['title'] );
544
+ }
545
+
546
+ $html .= '</h2>';
547
+
548
+ echo $html;
549
+ }
550
+
551
+ /**
552
+ * Show the section settings forms
553
+ *
554
+ * This function displays every sections in a different form
555
+ */
556
+ function show_forms() {
557
+ ?>
558
+ <div class="metabox-holder">
559
+ <?php foreach ( $this->settings_sections as $form ) { ?>
560
+ <div id="<?php echo $form['id']; ?>" class="group" style="display: none;">
561
+ <form method="post" action="options.php">
562
+ <?php
563
+ do_action( 'wsa_form_top_' . $form['id'], $form );
564
+ settings_fields( $form['id'] );
565
+ do_settings_sections( $form['id'] );
566
+ do_action( 'wsa_form_bottom_' . $form['id'], $form );
567
+ if ( isset( $this->settings_fields[ $form['id'] ] ) ):
568
+ ?>
569
+ <div style="padding-left: 10px">
570
+ <?php submit_button(); ?>
571
+ </div>
572
+ <?php endif; ?>
573
+ </form>
574
+ </div>
575
+ <?php } ?>
576
+ </div>
577
+ <?php
578
+ $this->script();
579
+ }
580
+
581
+ /**
582
+ * Tabbable JavaScript codes & Initiate Color Picker
583
+ *
584
+ * This code uses localstorage for displaying active tabs
585
+ */
586
+ function script() {
587
+ ?>
588
+ <script>
589
+ jQuery(document).ready(function($) {
590
+ //Initiate Color Picker
591
+ $('.wp-color-picker-field').wpColorPicker();
592
+ $(".htmegapro .wp-picker-container button").attr("disabled", true);
593
+
594
+ // Switches option sections
595
+ $('.group').hide();
596
+ var activetab = '';
597
+ if (typeof(localStorage) != 'undefined' ) {
598
+ activetab = localStorage.getItem("activetab");
599
+ }
600
+
601
+ //if url has section id as hash then set it as active or override the current local storage value
602
+ if(window.location.hash){
603
+ activetab = window.location.hash;
604
+ if (typeof(localStorage) != 'undefined' ) {
605
+ localStorage.setItem("activetab", activetab);
606
+ }
607
+ }
608
+
609
+ if (activetab != '' && $(activetab).length ) {
610
+ $(activetab).fadeIn();
611
+ } else {
612
+ $('.group:first').fadeIn();
613
+ }
614
+ $('.group .collapsed').each(function(){
615
+ $(this).find('input:checked').parent().parent().parent().nextAll().each(
616
+ function(){
617
+ if ($(this).hasClass('last')) {
618
+ $(this).removeClass('hidden');
619
+ return false;
620
+ }
621
+ $(this).filter('.hidden').removeClass('hidden');
622
+ });
623
+ });
624
+
625
+ if (activetab != '' && $(activetab + '-tab').length ) {
626
+ $(activetab + '-tab').addClass('nav-tab-active');
627
+ }
628
+ else {
629
+ $('.nav-tab-wrapper a:first').addClass('nav-tab-active');
630
+ }
631
+ $('.nav-tab-wrapper a').click(function(evt) {
632
+ $('.nav-tab-wrapper a').removeClass('nav-tab-active');
633
+ $(this).addClass('nav-tab-active').blur();
634
+ var clicked_group = $(this).attr('href');
635
+ if (typeof(localStorage) != 'undefined' ) {
636
+ localStorage.setItem("activetab", $(this).attr('href'));
637
+ }
638
+ $('.group').hide();
639
+ $(clicked_group).fadeIn();
640
+ evt.preventDefault();
641
+ });
642
+
643
+ // Upload Media Button
644
+ $('.wpsa-browse').on('click', function (event) {
645
+ event.preventDefault();
646
+
647
+ var self = $(this);
648
+
649
+ // Create the media frame.
650
+ var file_frame = wp.media.frames.file_frame = wp.media({
651
+ title: self.data('uploader_title'),
652
+ button: {
653
+ text: self.data('uploader_button_text'),
654
+ },
655
+ multiple: false
656
+ });
657
+
658
+ file_frame.on('select', function () {
659
+ attachment = file_frame.state().get('selection').first().toJSON();
660
+ self.prev('.wpsa-url').val(attachment.url).change();
661
+ self.siblings('.htmedia_display').html('<img src="'+attachment.url+'" alt="" />');
662
+ });
663
+
664
+ // Finally, open the modal
665
+ file_frame.open();
666
+ });
667
+
668
+ // Remove Media Button
669
+ $('.wpsa-remove').on('click', function (event) {
670
+ event.preventDefault();
671
+ var self = $(this);
672
+ self.siblings('.wpsa-url').val('').change();
673
+ self.siblings('.htmedia_display').html('');
674
+ });
675
+
676
+ });
677
+ </script>
678
+ <?php
679
+ }
680
+
681
+ }
682
+
683
  endif;
admin/include/template-library.php CHANGED
@@ -1,409 +1,409 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly.
4
-
5
- class HTMega_Template_Library{
6
-
7
- const TRANSIENT_KEY = 'htmega_template_info';
8
- public static $buylink = null;
9
-
10
- public static $endpoint = 'https://wphtmega.com/library/wp-json/htmega/v1/templates';
11
- public static $templateapi = 'https://wphtmega.com/library/wp-json/htmega/v1/templates/%s';
12
-
13
- public static $api_args = [];
14
-
15
- private static $_instance = null;
16
- public static function instance(){
17
- if( is_null( self::$_instance ) ){
18
- self::$_instance = new self();
19
- }
20
- return self::$_instance;
21
- }
22
-
23
- function __construct(){
24
- self::$buylink = isset( HTMega_Addons_Elementor::$template_info['pro_link'] ) ? HTMega_Addons_Elementor::$template_info['pro_link'] : '#';
25
- if ( is_admin() ) {
26
- add_action( 'admin_menu', [ $this, 'admin_menu' ], 225 );
27
- add_action( 'wp_ajax_htmega_ajax_request', [ $this, 'templates_ajax_request' ] );
28
- add_action( 'wp_ajax_nopriv_htmega_ajax_request', [ $this, 'templates_ajax_request' ] );
29
-
30
- add_action( 'wp_ajax_htmega_ajax_get_required_plugin', [ $this, 'ajax_plugin_data' ] );
31
- add_action( 'wp_ajax_htmega_ajax_plugin_activation', [ $this, 'ajax_plugin_activation' ] );
32
- add_action( 'wp_ajax_htmega_ajax_theme_activation', [ $this, 'ajax_theme_activation' ] );
33
- }
34
- add_action( 'admin_enqueue_scripts', [ $this, 'scripts' ] );
35
-
36
- self::$api_args = [
37
- 'plugin_version' => HTMEGA_VERSION,
38
- 'url' => home_url(),
39
- ];
40
-
41
- }
42
-
43
- // Setter Endpoint
44
- function set_api_endpoint( $endpoint ){
45
- self::$endpoint = $endpoint;
46
- }
47
-
48
- // Setter Template API
49
- function set_api_templateapi( $templateapi ){
50
- self::$templateapi = $templateapi;
51
- }
52
-
53
- // Get Endpoint
54
- public static function get_api_endpoint(){
55
- if( is_plugin_active('htmega-pro/htmega_pro.php') && function_exists('htmega_pro_template_endpoint') ){
56
- self::$endpoint = htmega_pro_template_endpoint();
57
- }
58
- return self::$endpoint;
59
- }
60
-
61
- // Get Template API
62
- public static function get_api_templateapi(){
63
- if( is_plugin_active('htmega-pro/htmega_pro.php') && function_exists('htmega_pro_template_url') ){
64
- self::$templateapi = htmega_pro_template_url();
65
- }
66
- return self::$templateapi;
67
- }
68
-
69
- // Plugins Library Register
70
- function admin_menu() {
71
- add_submenu_page(
72
- 'htmega_addons_option_page',
73
- esc_html__( 'Templates Library', 'htmega-addons' ),
74
- esc_html__( 'Templates Library', 'htmega-addons' ),
75
- 'manage_options',
76
- 'htmega_addons_templates_library',
77
- [ $this, 'library_render_html' ]
78
- );
79
- }
80
-
81
- function library_render_html(){
82
- require_once HTMEGA_ADDONS_PL_PATH . 'admin/include/templates_list.php';
83
- }
84
-
85
- // Get Buy Now link
86
- function get_pro_link(){
87
- return self::$buylink;
88
- }
89
-
90
- public static function request_remote_templates_info( $force_update ) {
91
- global $wp_version;
92
-
93
- $timeout = ( $force_update ) ? 25 : 8;
94
- $request = wp_remote_get(
95
- self::get_api_endpoint(),
96
- [
97
- 'timeout' => $timeout,
98
- 'user-agent' => 'WordPress/' . $wp_version . '; ' . home_url()
99
- ]
100
- );
101
-
102
- if ( is_wp_error( $request ) || 200 !== (int) wp_remote_retrieve_response_code( $request ) ) {
103
- return [];
104
- }
105
-
106
- $response = json_decode( wp_remote_retrieve_body( $request ), true );
107
- return $response;
108
-
109
- }
110
-
111
- /**
112
- * Retrieve template library and save as a transient.
113
- */
114
- public static function set_templates_info( $force_update = false ) {
115
- $transient = get_transient( self::TRANSIENT_KEY );
116
-
117
- if ( ! $transient || $force_update ) {
118
- $info = self::request_remote_templates_info( $force_update );
119
- set_transient( self::TRANSIENT_KEY, $info, DAY_IN_SECONDS );
120
- }
121
- }
122
-
123
- /**
124
- * Get template info.
125
- */
126
- public function get_templates_info( $force_update = false ) {
127
- if ( ! get_transient( self::TRANSIENT_KEY ) || $force_update ) {
128
- self::set_templates_info( true );
129
- }
130
- return get_transient( self::TRANSIENT_KEY );
131
- }
132
-
133
- /**
134
- * Admin Scripts.
135
- */
136
- public function scripts( $hook ) {
137
-
138
- if( $hook === 'htmega-addons_page_htmega_addons_templates_library' ){
139
-
140
- // CSS
141
- wp_enqueue_style( 'htmega-selectric' );
142
- wp_enqueue_style( 'htmega-temlibray-style' );
143
-
144
- // JS
145
- wp_enqueue_script( 'htmega-modernizr' );
146
- wp_enqueue_script( 'jquery-selectric' );
147
- wp_enqueue_script( 'jquery-ScrollMagic' );
148
- wp_enqueue_script( 'babel-min' );
149
- wp_enqueue_script( 'htmega-templates' );
150
- wp_enqueue_script( 'htmega-install-manager' );
151
-
152
- }
153
-
154
-
155
- }
156
-
157
- /**
158
- * Ajax request.
159
- */
160
- function templates_ajax_request(){
161
-
162
- if ( isset( $_REQUEST ) ) {
163
-
164
- $template_id = sanitize_text_field( $_REQUEST['httemplateid'] );
165
- $template_parentid = sanitize_text_field( $_REQUEST['htparentid'] );
166
- $template_title = sanitize_text_field( $_REQUEST['httitle'] );
167
- $page_title = sanitize_text_field( $_REQUEST['pagetitle'] );
168
-
169
- $templateurl = sprintf( self::get_api_templateapi(), $template_id );
170
- $response_data = $this->templates_get_content_remote_request( $templateurl );
171
- $defaulttitle = ucfirst( $template_parentid ) .' -> '.$template_title;
172
-
173
-
174
- $args = [
175
- 'post_type' => !empty( $page_title ) ? 'page' : 'elementor_library',
176
- 'post_status' => !empty( $page_title ) ? 'draft' : 'publish',
177
- 'post_title' => !empty( $page_title ) ? $page_title : $defaulttitle,
178
- 'post_content' => '',
179
- ];
180
-
181
- $new_post_id = wp_insert_post( $args );
182
-
183
- update_post_meta( $new_post_id, '_elementor_data', $response_data['content']['content'] );
184
- update_post_meta( $new_post_id, '_elementor_template_type', $response_data['type'] );
185
- update_post_meta( $new_post_id, '_elementor_edit_mode', 'builder' );
186
-
187
- if( isset( $response_data['page_settings'] ) ){
188
- update_post_meta( $new_post_id, '_elementor_page_settings', $response_data['page_settings'] );
189
- }
190
-
191
- if ( $new_post_id && ! is_wp_error( $new_post_id ) ) {
192
- update_post_meta( $new_post_id, '_wp_page_template', !empty( $response_data['page_template'] ) ? $response_data['page_template'] : 'elementor_canvas' );
193
- }
194
-
195
- echo json_encode(
196
- array(
197
- 'id' => $new_post_id,
198
- 'edittxt' => !empty( $page_title ) ? esc_html__( 'Edit Page', 'htmega-addons' ) : esc_html__( 'Edit Template', 'htmega-addons' )
199
- )
200
- );
201
- }
202
-
203
- wp_die();
204
- }
205
-
206
- /*
207
- * Remote data
208
- */
209
- public function templates_get_content_remote_request( $templateurl ){
210
- global $wp_version;
211
-
212
- $response = wp_remote_get( $templateurl, array(
213
- 'timeout' => 25,
214
- 'user-agent' => 'WordPress/' . $wp_version . '; ' . home_url()
215
- ) );
216
-
217
- if ( is_wp_error( $response ) || 200 !== (int) wp_remote_retrieve_response_code( $response ) ) {
218
- return [];
219
- }
220
-
221
- $result = json_decode( wp_remote_retrieve_body( $response ), true );
222
- return $result;
223
-
224
- }
225
-
226
- /*
227
- * Ajax response required data
228
- */
229
- public function ajax_plugin_data(){
230
- if ( isset( $_POST ) ) {
231
- $freeplugins = explode( ',', $_POST['freeplugins'] );
232
- $proplugins = explode( ',', $_POST['proplugins'] );
233
- $themeinfo = explode( ',', $_POST['requiredtheme'] );
234
- if(!empty($_POST['freeplugins'])){$this->required_plugins( $freeplugins, 'free' );}
235
- if(!empty($_POST['proplugins'])){ $this->required_plugins( $proplugins, 'pro' );}
236
- if(!empty($_POST['requiredtheme'])){ $this->required_theme( $themeinfo, 'free' );}
237
- }
238
- wp_die();
239
- }
240
-
241
- /*
242
- * Required Plugins
243
- */
244
- public function required_plugins( $plugins, $type ) {
245
- foreach ( $plugins as $key => $plugin ) {
246
-
247
- $plugindata = explode( '//', $plugin );
248
- $data = array(
249
- 'slug' => isset( $plugindata[0] ) ? $plugindata[0] : '',
250
- 'location' => isset( $plugindata[1] ) ? $plugindata[0].'/'.$plugindata[1] : '',
251
- 'name' => isset( $plugindata[2] ) ? $plugindata[2] : '',
252
- 'pllink' => isset( $plugindata[3] ) ? 'https://'.$plugindata[3] : '#',
253
- );
254
-
255
- if ( ! is_wp_error( $data ) ) {
256
-
257
- // Installed but Inactive.
258
- if ( file_exists( WP_PLUGIN_DIR . '/' . $data['location'] ) && is_plugin_inactive( $data['location'] ) ) {
259
-
260
- $button_classes = 'button activate-now button-primary';
261
- $button_text = esc_html__( 'Activate', 'htmega-addons' );
262
-
263
- // Not Installed.
264
- } elseif ( ! file_exists( WP_PLUGIN_DIR . '/' . $data['location'] ) ) {
265
-
266
- $button_classes = 'button install-now';
267
- $button_text = esc_html__( 'Install Now', 'htmega-addons' );
268
-
269
- // Active.
270
- } else {
271
- $button_classes = 'button disabled';
272
- $button_text = esc_html__( 'Activated', 'htmega-addons' );
273
- }
274
-
275
- ?>
276
- <li class="htwptemplata-plugin-<?php echo $data['slug']; ?>">
277
- <h3><?php echo $data['name']; ?></h3>
278
- <?php
279
- if ( $type == 'pro' && ! file_exists( WP_PLUGIN_DIR . '/' . $data['location'] ) ) {
280
- echo '<a class="button" href="'.esc_url( $data['pllink'] ).'" target="_blank">'.esc_html__( 'Buy Now', 'htmega-addons' ).'</a>';
281
- }else{
282
- ?>
283
- <button class="<?php echo $button_classes; ?>" data-pluginopt='<?php echo wp_json_encode( $data ); ?>'><?php echo $button_text; ?></button>
284
- <?php } ?>
285
- </li>
286
- <?php
287
-
288
- }
289
-
290
- }
291
- }
292
-
293
- /*
294
- * Required Theme
295
- */
296
- public function required_theme( $themes, $type ){
297
- foreach ( $themes as $key => $theme ) {
298
- $themedata = explode( '//', $theme );
299
- $data = array(
300
- 'slug' => isset( $themedata[0] ) ? $themedata[0] : '',
301
- 'name' => isset( $themedata[1] ) ? $themedata[1] : '',
302
- 'prolink' => isset( $themedata[2] ) ? $themedata[2] : '',
303
- );
304
-
305
- if ( ! is_wp_error( $data ) ) {
306
-
307
- $theme = wp_get_theme();
308
-
309
- // Installed but Inactive.
310
- if ( file_exists( get_theme_root(). '/' . $data['slug'] . '/functions.php' ) && ( $theme->stylesheet != $data['slug'] ) ) {
311
-
312
- $button_classes = 'button themeactivate-now button-primary';
313
- $button_text = esc_html__( 'Activate', 'htmega-addons' );
314
-
315
- // Not Installed.
316
- } elseif ( ! file_exists( get_theme_root(). '/' . $data['slug'] . '/functions.php' ) ) {
317
-
318
- $button_classes = 'button themeinstall-now';
319
- $button_text = esc_html__( 'Install Now', 'htmega-addons' );
320
-
321
- // Active.
322
- } else {
323
- $button_classes = 'button disabled';
324
- $button_text = esc_html__( 'Activated', 'htmega-addons' );
325
- }
326
-
327
- ?>
328
- <li class="htwptemplata-theme-<?php echo $data['slug']; ?>">
329
- <h3><?php echo $data['name']; ?></h3>
330
- <?php
331
- if ( !empty( $data['prolink'] ) ) {
332
- echo '<a class="button" href="'.esc_url( $data['prolink'] ).'" target="_blank">'.esc_html__( 'Buy Now', 'htmega-addons' ).'</a>';
333
- }else{
334
- ?>
335
- <button class="<?php echo $button_classes; ?>" data-themeopt='<?php echo wp_json_encode( $data ); ?>'><?php echo $button_text; ?></button>
336
- <?php } ?>
337
- </li>
338
- <?php
339
- }
340
-
341
-
342
- }
343
-
344
- }
345
-
346
- /**
347
- * Ajax plugins activation request
348
- */
349
- public function ajax_plugin_activation() {
350
-
351
- if ( ! current_user_can( 'install_plugins' ) || ! isset( $_POST['location'] ) || ! $_POST['location'] ) {
352
- wp_send_json_error(
353
- array(
354
- 'success' => false,
355
- 'message' => esc_html__( 'Plugin Not Found', 'htmega-addons' ),
356
- )
357
- );
358
- }
359
-
360
- $plugin_location = ( isset( $_POST['location'] ) ) ? esc_attr( $_POST['location'] ) : '';
361
- $activate = activate_plugin( $plugin_location, '', false, true );
362
-
363
- if ( is_wp_error( $activate ) ) {
364
- wp_send_json_error(
365
- array(
366
- 'success' => false,
367
- 'message' => $activate->get_error_message(),
368
- )
369
- );
370
- }
371
-
372
- wp_send_json_success(
373
- array(
374
- 'success' => true,
375
- 'message' => esc_html__( 'Plugin Successfully Activated', 'htmega-addons' ),
376
- )
377
- );
378
-
379
- }
380
-
381
- /*
382
- * Required Theme Activation Request
383
- */
384
- function ajax_theme_activation() {
385
-
386
- if ( ! current_user_can( 'install_themes' ) || ! isset( $_POST['themeslug'] ) || ! $_POST['themeslug'] ) {
387
- wp_send_json_error(
388
- array(
389
- 'success' => false,
390
- 'message' => esc_html__( 'Sorry, you are not allowed to install themes on this site.', 'htmega-addons' ),
391
- )
392
- );
393
- }
394
-
395
- $theme_slug = ( isset( $_POST['themeslug'] ) ) ? esc_attr( $_POST['themeslug'] ) : '';
396
- switch_theme( $theme_slug );
397
-
398
- wp_send_json_success(
399
- array(
400
- 'success' => true,
401
- 'message' => __( 'Theme Activated', 'htmega-addons' ),
402
- )
403
- );
404
- }
405
-
406
-
407
- }
408
-
409
  HTMega_Template_Library::instance();
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly.
4
+
5
+ class HTMega_Template_Library{
6
+
7
+ const TRANSIENT_KEY = 'htmega_template_info';
8
+ public static $buylink = null;
9
+
10
+ public static $endpoint = 'https://wphtmega.com/library/wp-json/htmega/v1/templates';
11
+ public static $templateapi = 'https://wphtmega.com/library/wp-json/htmega/v1/templates/%s';
12
+
13
+ public static $api_args = [];
14
+
15
+ private static $_instance = null;
16
+ public static function instance(){
17
+ if( is_null( self::$_instance ) ){
18
+ self::$_instance = new self();
19
+ }
20
+ return self::$_instance;
21
+ }
22
+
23
+ function __construct(){
24
+ self::$buylink = isset( HTMega_Addons_Elementor::$template_info['pro_link'] ) ? HTMega_Addons_Elementor::$template_info['pro_link'] : '#';
25
+ if ( is_admin() ) {
26
+ add_action( 'admin_menu', [ $this, 'admin_menu' ], 225 );
27
+ add_action( 'wp_ajax_htmega_ajax_request', [ $this, 'templates_ajax_request' ] );
28
+ add_action( 'wp_ajax_nopriv_htmega_ajax_request', [ $this, 'templates_ajax_request' ] );
29
+
30
+ add_action( 'wp_ajax_htmega_ajax_get_required_plugin', [ $this, 'ajax_plugin_data' ] );
31
+ add_action( 'wp_ajax_htmega_ajax_plugin_activation', [ $this, 'ajax_plugin_activation' ] );
32
+ add_action( 'wp_ajax_htmega_ajax_theme_activation', [ $this, 'ajax_theme_activation' ] );
33
+ }
34
+ add_action( 'admin_enqueue_scripts', [ $this, 'scripts' ] );
35
+
36
+ self::$api_args = [
37
+ 'plugin_version' => HTMEGA_VERSION,
38
+ 'url' => home_url(),
39
+ ];
40
+
41
+ }
42
+
43
+ // Setter Endpoint
44
+ function set_api_endpoint( $endpoint ){
45
+ self::$endpoint = $endpoint;
46
+ }
47
+
48
+ // Setter Template API
49
+ function set_api_templateapi( $templateapi ){
50
+ self::$templateapi = $templateapi;
51
+ }
52
+
53
+ // Get Endpoint
54
+ public static function get_api_endpoint(){
55
+ if( is_plugin_active('htmega-pro/htmega_pro.php') && function_exists('htmega_pro_template_endpoint') ){
56
+ self::$endpoint = htmega_pro_template_endpoint();
57
+ }
58
+ return self::$endpoint;
59
+ }
60
+
61
+ // Get Template API
62
+ public static function get_api_templateapi(){
63
+ if( is_plugin_active('htmega-pro/htmega_pro.php') && function_exists('htmega_pro_template_url') ){
64
+ self::$templateapi = htmega_pro_template_url();
65
+ }
66
+ return self::$templateapi;
67
+ }
68
+
69
+ // Plugins Library Register
70
+ function admin_menu() {
71
+ add_submenu_page(
72
+ 'htmega_addons_option_page',
73
+ esc_html__( 'Templates Library', 'htmega-addons' ),
74
+ esc_html__( 'Templates Library', 'htmega-addons' ),
75
+ 'manage_options',
76
+ 'htmega_addons_templates_library',
77
+ [ $this, 'library_render_html' ]
78
+ );
79
+ }
80
+
81
+ function library_render_html(){
82
+ require_once HTMEGA_ADDONS_PL_PATH . 'admin/include/templates_list.php';
83
+ }
84
+
85
+ // Get Buy Now link
86
+ function get_pro_link(){
87
+ return self::$buylink;
88
+ }
89
+
90
+ public static function request_remote_templates_info( $force_update ) {
91
+ global $wp_version;
92
+
93
+ $timeout = ( $force_update ) ? 25 : 8;
94
+ $request = wp_remote_get(
95
+ self::get_api_endpoint(),
96
+ [
97
+ 'timeout' => $timeout,
98
+ 'user-agent' => 'WordPress/' . $wp_version . '; ' . home_url()
99
+ ]
100
+ );
101
+
102
+ if ( is_wp_error( $request ) || 200 !== (int) wp_remote_retrieve_response_code( $request ) ) {
103
+ return [];
104
+ }
105
+
106
+ $response = json_decode( wp_remote_retrieve_body( $request ), true );
107
+ return $response;
108
+
109
+ }
110
+
111
+ /**
112
+ * Retrieve template library and save as a transient.
113
+ */
114
+ public static function set_templates_info( $force_update = false ) {
115
+ $transient = get_transient( self::TRANSIENT_KEY );
116
+
117
+ if ( ! $transient || $force_update ) {
118
+ $info = self::request_remote_templates_info( $force_update );
119
+ set_transient( self::TRANSIENT_KEY, $info, DAY_IN_SECONDS );
120
+ }
121
+ }
122
+
123
+ /**
124
+ * Get template info.
125
+ */
126
+ public function get_templates_info( $force_update = false ) {
127
+ if ( ! get_transient( self::TRANSIENT_KEY ) || $force_update ) {
128
+ self::set_templates_info( true );
129
+ }
130
+ return get_transient( self::TRANSIENT_KEY );
131
+ }
132
+
133
+ /**
134
+ * Admin Scripts.
135
+ */
136
+ public function scripts( $hook ) {
137
+
138
+ if( $hook === 'htmega-addons_page_htmega_addons_templates_library' ){
139
+
140
+ // CSS
141
+ wp_enqueue_style( 'htmega-selectric' );
142
+ wp_enqueue_style( 'htmega-temlibray-style' );
143
+
144
+ // JS
145
+ wp_enqueue_script( 'htmega-modernizr' );
146
+ wp_enqueue_script( 'jquery-selectric' );
147
+ wp_enqueue_script( 'jquery-ScrollMagic' );
148
+ wp_enqueue_script( 'babel-min' );
149
+ wp_enqueue_script( 'htmega-templates' );
150
+ wp_enqueue_script( 'htmega-install-manager' );
151
+
152
+ }
153
+
154
+
155
+ }
156
+
157
+ /**
158
+ * Ajax request.
159
+ */
160
+ function templates_ajax_request(){
161
+
162
+ if ( isset( $_REQUEST ) ) {
163
+
164
+ $template_id = sanitize_text_field( $_REQUEST['httemplateid'] );
165
+ $template_parentid = sanitize_text_field( $_REQUEST['htparentid'] );
166
+ $template_title = sanitize_text_field( $_REQUEST['httitle'] );
167
+ $page_title = sanitize_text_field( $_REQUEST['pagetitle'] );
168
+
169
+ $templateurl = sprintf( self::get_api_templateapi(), $template_id );
170
+ $response_data = $this->templates_get_content_remote_request( $templateurl );
171
+ $defaulttitle = ucfirst( $template_parentid ) .' -> '.$template_title;
172
+
173
+
174
+ $args = [
175
+ 'post_type' => !empty( $page_title ) ? 'page' : 'elementor_library',
176
+ 'post_status' => !empty( $page_title ) ? 'draft' : 'publish',
177
+ 'post_title' => !empty( $page_title ) ? $page_title : $defaulttitle,
178
+ 'post_content' => '',
179
+ ];
180
+
181
+ $new_post_id = wp_insert_post( $args );
182
+
183
+ update_post_meta( $new_post_id, '_elementor_data', $response_data['content']['content'] );
184
+ update_post_meta( $new_post_id, '_elementor_template_type', $response_data['type'] );
185
+ update_post_meta( $new_post_id, '_elementor_edit_mode', 'builder' );
186
+
187
+ if( isset( $response_data['page_settings'] ) ){
188
+ update_post_meta( $new_post_id, '_elementor_page_settings', $response_data['page_settings'] );
189
+ }
190
+
191
+ if ( $new_post_id && ! is_wp_error( $new_post_id ) ) {
192
+ update_post_meta( $new_post_id, '_wp_page_template', !empty( $response_data['page_template'] ) ? $response_data['page_template'] : 'elementor_canvas' );
193
+ }
194
+
195
+ echo json_encode(
196
+ array(
197
+ 'id' => $new_post_id,
198
+ 'edittxt' => !empty( $page_title ) ? esc_html__( 'Edit Page', 'htmega-addons' ) : esc_html__( 'Edit Template', 'htmega-addons' )
199
+ )
200
+ );
201
+ }
202
+
203
+ wp_die();
204
+ }
205
+
206
+ /*
207
+ * Remote data
208
+ */
209
+ public function templates_get_content_remote_request( $templateurl ){
210
+ global $wp_version;
211
+
212
+ $response = wp_remote_get( $templateurl, array(
213
+ 'timeout' => 25,
214
+ 'user-agent' => 'WordPress/' . $wp_version . '; ' . home_url()
215
+ ) );
216
+
217
+ if ( is_wp_error( $response ) || 200 !== (int) wp_remote_retrieve_response_code( $response ) ) {
218
+ return [];
219
+ }
220
+
221
+ $result = json_decode( wp_remote_retrieve_body( $response ), true );
222
+ return $result;
223
+
224
+ }
225
+
226
+ /*
227
+ * Ajax response required data
228
+ */
229
+ public function ajax_plugin_data(){
230
+ if ( isset( $_POST ) ) {
231
+ $freeplugins = explode( ',', $_POST['freeplugins'] );
232
+ $proplugins = explode( ',', $_POST['proplugins'] );
233
+ $themeinfo = explode( ',', $_POST['requiredtheme'] );
234
+ if(!empty($_POST['freeplugins'])){$this->required_plugins( $freeplugins, 'free' );}
235
+ if(!empty($_POST['proplugins'])){ $this->required_plugins( $proplugins, 'pro' );}
236
+ if(!empty($_POST['requiredtheme'])){ $this->required_theme( $themeinfo, 'free' );}
237
+ }
238
+ wp_die();
239
+ }
240
+
241
+ /*
242
+ * Required Plugins
243
+ */
244
+ public function required_plugins( $plugins, $type ) {
245
+ foreach ( $plugins as $key => $plugin ) {
246
+
247
+ $plugindata = explode( '//', $plugin );
248
+ $data = array(
249
+ 'slug' => isset( $plugindata[0] ) ? $plugindata[0] : '',
250
+ 'location' => isset( $plugindata[1] ) ? $plugindata[0].'/'.$plugindata[1] : '',
251
+ 'name' => isset( $plugindata[2] ) ? $plugindata[2] : '',
252
+ 'pllink' => isset( $plugindata[3] ) ? 'https://'.$plugindata[3] : '#',
253
+ );
254
+
255
+ if ( ! is_wp_error( $data ) ) {
256
+
257
+ // Installed but Inactive.
258
+ if ( file_exists( WP_PLUGIN_DIR . '/' . $data['location'] ) && is_plugin_inactive( $data['location'] ) ) {
259
+
260
+ $button_classes = 'button activate-now button-primary';
261
+ $button_text = __( 'Activate', 'htmega-addons' );
262
+
263
+ // Not Installed.
264
+ } elseif ( ! file_exists( WP_PLUGIN_DIR . '/' . $data['location'] ) ) {
265
+
266
+ $button_classes = 'button install-now';
267
+ $button_text = __( 'Install Now', 'htmega-addons' );
268
+
269
+ // Active.
270
+ } else {
271
+ $button_classes = 'button disabled';
272
+ $button_text = __( 'Activated', 'htmega-addons' );
273
+ }
274
+
275
+ ?>
276
+ <li class="htwptemplata-plugin-<?php echo esc_attr($data['slug']); ?>">
277
+ <h3><?php echo esc_html($data['name']); ?></h3>
278
+ <?php
279
+ if ( $type == 'pro' && ! file_exists( WP_PLUGIN_DIR . '/' . $data['location'] ) ) {
280
+ echo '<a class="button" href="'.esc_url( $data['pllink'] ).'" target="_blank">'.esc_html__( 'Buy Now', 'htmega-addons' ).'</a>';
281
+ }else{
282
+ ?>
283
+ <button class="<?php echo esc_attr($button_classes); ?>" data-pluginopt='<?php echo wp_json_encode( $data ); ?>'><?php echo esc_html($button_text); ?></button>
284
+ <?php } ?>
285
+ </li>
286
+ <?php
287
+
288
+ }
289
+
290
+ }
291
+ }
292
+
293
+ /*
294
+ * Required Theme
295
+ */
296
+ public function required_theme( $themes, $type ){
297
+ foreach ( $themes as $key => $theme ) {
298
+ $themedata = explode( '//', $theme );
299
+ $data = array(
300
+ 'slug' => isset( $themedata[0] ) ? $themedata[0] : '',
301
+ 'name' => isset( $themedata[1] ) ? $themedata[1] : '',
302
+ 'prolink' => isset( $themedata[2] ) ? $themedata[2] : '',
303
+ );
304
+
305
+ if ( ! is_wp_error( $data ) ) {
306
+
307
+ $theme = wp_get_theme();
308
+
309
+ // Installed but Inactive.
310
+ if ( file_exists( get_theme_root(). '/' . $data['slug'] . '/functions.php' ) && ( $theme->stylesheet != $data['slug'] ) ) {
311
+
312
+ $button_classes = 'button themeactivate-now button-primary';
313
+ $button_text = __( 'Activate', 'htmega-addons' );
314
+
315
+ // Not Installed.
316
+ } elseif ( ! file_exists( get_theme_root(). '/' . $data['slug'] . '/functions.php' ) ) {
317
+
318
+ $button_classes = 'button themeinstall-now';
319
+ $button_text = __( 'Install Now', 'htmega-addons' );
320
+
321
+ // Active.
322
+ } else {
323
+ $button_classes = 'button disabled';
324
+ $button_text = __( 'Activated', 'htmega-addons' );
325
+ }
326
+
327
+ ?>
328
+ <li class="htwptemplata-theme-<?php echo esc_attr( $data['slug'] ); ?>">
329
+ <h3><?php echo esc_html($data['name']); ?></h3>
330
+ <?php
331
+ if ( !empty( $data['prolink'] ) ) {
332
+ echo '<a class="button" href="'.esc_url( $data['prolink'] ).'" target="_blank">'.esc_html__( 'Buy Now', 'htmega-addons' ).'</a>';
333
+ }else{
334
+ ?>
335
+ <button class="<?php echo esc_attr($button_classes); ?>" data-themeopt='<?php echo wp_json_encode( $data ); ?>'><?php echo esc_html($button_text); ?></button>
336
+ <?php } ?>
337
+ </li>
338
+ <?php
339
+ }
340
+
341
+
342
+ }
343
+
344
+ }
345
+
346
+ /**
347
+ * Ajax plugins activation request
348
+ */
349
+ public function ajax_plugin_activation() {
350
+
351
+ if ( ! current_user_can( 'install_plugins' ) || ! isset( $_POST['location'] ) || ! $_POST['location'] ) {
352
+ wp_send_json_error(
353
+ array(
354
+ 'success' => false,
355
+ 'message' => esc_html__( 'Plugin Not Found', 'htmega-addons' ),
356
+ )
357
+ );
358
+ }
359
+
360
+ $plugin_location = ( isset( $_POST['location'] ) ) ? esc_attr( $_POST['location'] ) : '';
361
+ $activate = activate_plugin( $plugin_location, '', false, true );
362
+
363
+ if ( is_wp_error( $activate ) ) {
364
+ wp_send_json_error(
365
+ array(
366
+ 'success' => false,
367
+ 'message' => $activate->get_error_message(),
368
+ )
369
+ );
370
+ }
371
+
372
+ wp_send_json_success(
373
+ array(
374
+ 'success' => true,
375
+ 'message' => esc_html__( 'Plugin Successfully Activated', 'htmega-addons' ),
376
+ )
377
+ );
378
+
379
+ }
380
+
381
+ /*
382
+ * Required Theme Activation Request
383
+ */
384
+ function ajax_theme_activation() {
385
+
386
+ if ( ! current_user_can( 'install_themes' ) || ! isset( $_POST['themeslug'] ) || ! $_POST['themeslug'] ) {
387
+ wp_send_json_error(
388
+ array(
389
+ 'success' => false,
390
+ 'message' => esc_html__( 'Sorry, you are not allowed to install themes on this site.', 'htmega-addons' ),
391
+ )
392
+ );
393
+ }
394
+
395
+ $theme_slug = ( isset( $_POST['themeslug'] ) ) ? esc_attr( $_POST['themeslug'] ) : '';
396
+ switch_theme( $theme_slug );
397
+
398
+ wp_send_json_success(
399
+ array(
400
+ 'success' => true,
401
+ 'message' => __( 'Theme Activated', 'htmega-addons' ),
402
+ )
403
+ );
404
+ }
405
+
406
+
407
+ }
408
+
409
  HTMega_Template_Library::instance();
admin/include/templates/library/templates.php ADDED
@@ -0,0 +1,136 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Template library templates
4
+ */
5
+ if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
6
+ ?>
7
+
8
+ <script type="text/template" id="tmpl-htmega-template-library-header-actions">
9
+ <div id="htmega-template-library-header-sync" class="elementor-templates-modal__header__item">
10
+ <i class="eicon-sync" aria-hidden="true" title="<?php esc_attr_e( 'Sync Library', 'htmega-addons' ); ?>"></i>
11
+ <span class="elementor-screen-only"><?php echo __( 'Sync Library', 'htmega-addons' ); ?></span>
12
+ </div>
13
+ </script>
14
+
15
+ <script type="text/template" id="tmpl-htmega-template-library-logo">
16
+ <span class="tmpl-htmega-template-library-logo-area">
17
+ <img src="<?php echo esc_url(HTMEGA_ADDONS_PL_URL .'admin/assets/images/menu-icon.png'); ?>" />
18
+ </span>
19
+ <span class="tmpl-htmega-template-library-logo-title">{{{ title }}}</span>
20
+ </script>
21
+
22
+ <script type="text/template" id="tmpl-htmega-template-library-header-menu">
23
+ <# _.each( tabs, function( args, tab ) { var activeClass = args.active ? 'elementor-active' : ''; #>
24
+ <div class="elementor-component-tab elementor-template-library-menu-item {{activeClass}}" data-tab="{{{ tab }}}">{{{ args.title }}}</div>
25
+ <# } ); #>
26
+ </script>
27
+
28
+ <script type="text/template" id="tmpl-htmega-template-library-loading">
29
+ <div class="elementor-loader-wrapper">
30
+ <div class="elementor-loader">
31
+ <div class="elementor-loader-boxes">
32
+ <div class="elementor-loader-box"></div>
33
+ <div class="elementor-loader-box"></div>
34
+ <div class="elementor-loader-box"></div>
35
+ <div class="elementor-loader-box"></div>
36
+ </div>
37
+ </div>
38
+ <div class="elementor-loading-title"><?php echo __( 'Loading', 'htmega-addons' ); ?></div>
39
+ </div>
40
+ </script>
41
+
42
+ <script type="text/template" id="tmpl-htmega-template-library-preview">
43
+ <iframe></iframe>
44
+ </script>
45
+
46
+ <script type="text/template" id="tmpl-htmega-template-library-insert-button">
47
+ <a class="elementor-template-library-template-action htmega-template-library-template-insert elementor-button">
48
+ <i class="eicon-file-download" aria-hidden="true"></i>
49
+ <span class="elementor-button-title"><?php echo __( 'Insert', 'htmega-addons' ); ?></span>
50
+ </a>
51
+ </script>
52
+
53
+ <script type="text/template" id="tmpl-htmega-template-library-get-pro-button">
54
+ <a class="elementor-template-library-template-action elementor-button elementor-go-pro" href="https://wphtmega.com/pricing/" target="_blank">
55
+ <i class="eicon-external-link-square" aria-hidden="true"></i>
56
+ <span class="elementor-button-title"><?php echo __( 'Go Pro', 'htmega-addons' ); ?></span>
57
+ </a>
58
+ </script>
59
+
60
+ <script type="text/template" id="tmpl-htmega-template-library-header-insert">
61
+ <div id="elementor-template-library-header-preview-insert-wrapper" class="elementor-templates-modal__header__item">
62
+ {{{ htmega.library.getModal().getTemplateActionButton( obj ) }}}
63
+ </div>
64
+ </script>
65
+
66
+ <script type="text/template" id="tmpl-htmega-template-library-header-back">
67
+ <i class="eicon-" aria-hidden="true"></i>
68
+ <span><?php echo __( 'Back to Library', 'htmega-addons' ); ?></span>
69
+ </script>
70
+
71
+ <script type="text/template" id="tmpl-htmega-template-library-templates">
72
+ <div id="elementor-template-library-toolbar">
73
+
74
+ <div id="htmega-template-library-filter-area-wrapper">
75
+
76
+ </div>
77
+
78
+ <div id="elementor-template-library-filter-text-wrapper">
79
+ <label for="htmega-template-library-filter-text" class="elementor-screen-only"><?php esc_html_e( 'Search Templates:', 'htmega-addons' ); ?></label>
80
+ <input id="htmega-template-library-filter-text" placeholder="<?php esc_attr_e( 'Search', 'htmega-addons' ); ?>">
81
+ <i class="eicon-search"></i>
82
+ </div>
83
+
84
+ </div>
85
+
86
+ <div class="htmega-template-library-window">
87
+ <div id="htmega-template-library-list"></div>
88
+ </div>
89
+
90
+ </script>
91
+
92
+ <script type="text/template" id="htmega-template-library-template">
93
+
94
+ <div class="elementor-template-library-template-body">
95
+ <# if ( 'page' === type ) { #>
96
+ <div class="elementor-template-library-template-screenshot" style="background-image: url({{ thumbnail }});"></div>
97
+ <# } else { #>
98
+ <img class="htmega-template-library-thumbnail" src="{{ thumbnail }}">
99
+ <# } #>
100
+ <div class="htmega-template-library-preview">
101
+ <i class="eicon-zoom-in-bold" aria-hidden="true"></i>
102
+ </div>
103
+ <# if ( obj.isPro ) { #>
104
+ <span class="htmega-template-library-pro-badge"><?php esc_html_e( 'Pro', 'htmega-addons' ); ?></span>
105
+ <# } #>
106
+ </div>
107
+
108
+ <div class="htmega-template-library-footer">
109
+ <div class="htmega-template-library-template-info">
110
+ <h5 class="htmega-template-library-template-title">{{{ title }}}</h5>
111
+ <h6 class="htmega-template-library-template-type">{{{ type }}}</h6>
112
+ </div>
113
+
114
+ <div class="htmega-template-library-template-action-btn">
115
+ {{{ htmega.library.getModal().getTemplateActionButton( obj ) }}}
116
+ <a href="#" class="elementor-button htmega-template-library-preview-button">
117
+ <i class="eicon-device-desktop" aria-hidden="true"></i>
118
+ <?php esc_html_e( 'Preview', 'htmega-addons' ); ?>
119
+ </a>
120
+ </div>
121
+
122
+ </div>
123
+
124
+ </script>
125
+
126
+ <script type="text/template" id="tmpl-elementor-htmega-library-templates-empty">
127
+ <div class="elementor-template-library-blank-icon">
128
+ <img src="<?php echo esc_url(ELEMENTOR_ASSETS_URL . 'images/no-search-results.svg'); ?>" class="elementor-template-library-no-results" />
129
+ </div>
130
+ <div class="elementor-template-library-blank-title"></div>
131
+ <div class="elementor-template-library-blank-message"></div>
132
+ <div class="elementor-template-library-blank-footer">
133
+ <?php echo __( 'Want to learn more about the HT Mega library?', 'htmega-addons' ); ?>
134
+ <a class="elementor-template-library-blank-footer-link" href=<?php echo esc_url("https://htmegaaddons.com"); ?> target="_blank"><?php echo __( 'Click here', 'htmega-addons' ); ?></a>
135
+ </div>
136
+ </script>
assets/css/htbbootstrap.css CHANGED
@@ -1,2344 +1,2344 @@
1
- a, a:visited {
2
- text-decoration: underline;
3
- }
4
- }*, ::after, ::before {
5
- box-sizing: border-box;
6
- }
7
- a {
8
- text-decoration: none;
9
- background-color: transparent;
10
- -webkit-text-decoration-skip: objects;
11
- }
12
- .htb-container {
13
- width: 100%;
14
- padding-right: 15px;
15
- padding-left: 15px;
16
- margin-right: auto;
17
- margin-left: auto;
18
- }
19
- @media (min-width:576px) {
20
- .htb-container {
21
- max-width: 540px;
22
- }
23
- }
24
- @media (min-width:768px) {
25
- .htb-container {
26
- max-width: 720px;
27
- }
28
- }@media (min-width:992px) {
29
- .htb-container {
30
- max-width: 960px;
31
- }
32
- }@media (min-width:1200px) {
33
- .htb-container {
34
- max-width: 1200px;
35
- }
36
- }.htb-container-fluid {
37
- width: 100%;
38
- padding-right: 15px;
39
- padding-left: 15px;
40
- margin-right: auto;
41
- margin-left: auto;
42
- }
43
- .htb-row {
44
- display: -ms-flexbox;
45
- display: flex;
46
- -ms-flex-wrap: wrap;
47
- flex-wrap: wrap;
48
- margin-right: -15px;
49
- margin-left: -15px;
50
- }
51
- .htb-col, .htb-col-1, .htb-col-10, .htb-col-11, .htb-col-12, .htb-col-2, .htb-col-3, .htb-col-4, .htb-col-5, .htb-col-6, .htb-col-7, .htb-col-8, .htb-col-9, .htb-col-auto, .htb-col-lg, .htb-col-lg-1, .htb-col-lg-10, .htb-col-lg-11, .htb-col-lg-12, .htb-col-lg-2, .htb-col-lg-3, .htb-col-lg-4, .htb-col-lg-5, .htb-col-lg-6, .htb-col-lg-7, .htb-col-lg-8, .htb-col-lg-9, .htb-col-lg-auto, .htb-col-md, .htb-col-md-1, .htb-col-md-10, .htb-col-md-11, .htb-col-md-12, .htb-col-md-2, .htb-col-md-3, .htb-col-md-4, .htb-col-md-5, .htb-col-md-6, .htb-col-md-7, .htb-col-md-8, .htb-col-md-9, .htb-col-md-auto, .htb-col-sm, .htb-col-sm-1, .htb-col-sm-10, .htb-col-sm-11, .htb-col-sm-12, .htb-col-sm-2, .htb-col-sm-3, .htb-col-sm-4, .htb-col-sm-5, .htb-col-sm-6, .htb-col-sm-7, .htb-col-sm-8, .htb-col-sm-9, .htb-col-sm-auto, .htb-col-xl, .htb-col-xl-1, .htb-col-xl-10, .htb-col-xl-11, .htb-col-xl-12, .htb-col-xl-2, .htb-col-xl-3, .htb-col-xl-4, .htb-col-xl-5, .htb-col-xl-6, .htb-col-xl-7, .htb-col-xl-8, .htb-col-xl-9, .htb-col-xl-auto {
52
- position: relative;
53
- width: 100%;
54
- min-height: 1px;
55
- padding-right: 15px;
56
- padding-left: 15px;
57
- }
58
- .htb-col {
59
- -ms-flex-preferred-size: 0;
60
- flex-basis: 0;
61
- -ms-flex-positive: 1;
62
- flex-grow: 1;
63
- max-width: 100%;
64
- }
65
- .htb-col-auto {
66
- -ms-flex: 0 0 auto;
67
- flex: 0 0 auto;
68
- width: auto;
69
- max-width: none;
70
- }
71
- .htb-col-1 {
72
- -ms-flex: 0 0 8.333333%;
73
- flex: 0 0 8.333333%;
74
- max-width: 8.333333%;
75
- }
76
- .htb-col-2 {
77
- -ms-flex: 0 0 16.666667%;
78
- flex: 0 0 16.666667%;
79
- max-width: 16.666667%;
80
- }
81
- .htb-col-3 {
82
- -ms-flex: 0 0 25%;
83
- flex: 0 0 25%;
84
- max-width: 25%;
85
- }
86
- .htb-col-4 {
87
- -ms-flex: 0 0 33.333333%;
88
- flex: 0 0 33.333333%;
89
- max-width: 33.333333%;
90
- }
91
- .htb-col-5 {
92
- -ms-flex: 0 0 41.666667%;
93
- flex: 0 0 41.666667%;
94
- max-width: 41.666667%;
95
- }
96
- .htb-col-6 {
97
- -ms-flex: 0 0 50%;
98
- flex: 0 0 50%;
99
- max-width: 50%;
100
- }
101
- .htb-col-7 {
102
- -ms-flex: 0 0 58.333333%;
103
- flex: 0 0 58.333333%;
104
- max-width: 58.333333%;
105
- }
106
- .htb-col-8 {
107
- -ms-flex: 0 0 66.666667%;
108
- flex: 0 0 66.666667%;
109
- max-width: 66.666667%;
110
- }
111
- .htb-col-9 {
112
- -ms-flex: 0 0 75%;
113
- flex: 0 0 75%;
114
- max-width: 75%;
115
- }
116
- .htb-col-10 {
117
- -ms-flex: 0 0 83.333333%;
118
- flex: 0 0 83.333333%;
119
- max-width: 83.333333%;
120
- }
121
- .htb-col-11 {
122
- -ms-flex: 0 0 91.666667%;
123
- flex: 0 0 91.666667%;
124
- max-width: 91.666667%;
125
- }
126
- .htb-col-12 {
127
- -ms-flex: 0 0 100%;
128
- flex: 0 0 100%;
129
- max-width: 100%;
130
- }
131
- .htb-order-first {
132
- -ms-flex-order: -1;
133
- order: -1;
134
- }
135
- .htb-order-1 {
136
- -ms-flex-order: 1;
137
- order: 1;
138
- }
139
- .htb-order-2 {
140
- -ms-flex-order: 2;
141
- order: 2;
142
- }
143
- .htb-order-3 {
144
- -ms-flex-order: 3;
145
- order: 3;
146
- }
147
- .htb-order-4 {
148
- -ms-flex-order: 4;
149
- order: 4;
150
- }
151
- .htb-order-5 {
152
- -ms-flex-order: 5;
153
- order: 5;
154
- }
155
- .htb-order-6 {
156
- -ms-flex-order: 6;
157
- order: 6;
158
- }
159
- .htb-order-7 {
160
- -ms-flex-order: 7;
161
- order: 7;
162
- }
163
- .htb-order-8 {
164
- -ms-flex-order: 8;
165
- order: 8;
166
- }
167
- .htb-order-9 {
168
- -ms-flex-order: 9;
169
- order: 9;
170
- }
171
- .htb-order-10 {
172
- -ms-flex-order: 10;
173
- order: 10;
174
- }
175
- .htb-order-11 {
176
- -ms-flex-order: 11;
177
- order: 11;
178
- }
179
- .htb-order-12 {
180
- -ms-flex-order: 12;
181
- order: 12;
182
- }
183
- .htb-offset-1 {
184
- margin-left: 8.333333%;
185
- }
186
- .htb-offset-2 {
187
- margin-left: 16.666667%;
188
- }
189
- .htb-offset-3 {
190
- margin-left: 25%;
191
- }
192
- .htb-offset-4 {
193
- margin-left: 33.333333%;
194
- }
195
- .htb-offset-5 {
196
- margin-left: 41.666667%;
197
- }
198
- .htb-offset-6 {
199
- margin-left: 50%;
200
- }
201
- .htb-offset-7 {
202
- margin-left: 58.333333%;
203
- }
204
- .htb-offset-8 {
205
- margin-left: 66.666667%;
206
- }
207
- .htb-offset-9 {
208
- margin-left: 75%;
209
- }
210
- .htb-offset-10 {
211
- margin-left: 83.333333%;
212
- }
213
- .htb-offset-11 {
214
- margin-left: 91.666667%;
215
- }
216
- @media (min-width:576px) {
217
- .htb-col-sm {
218
- -ms-flex-preferred-size: 0;
219
- flex-basis: 0;
220
- -ms-flex-positive: 1;
221
- flex-grow: 1;
222
- max-width: 100%;
223
- }
224
- .htb-col-sm-auto {
225
- -ms-flex: 0 0 auto;
226
- flex: 0 0 auto;
227
- width: auto;
228
- max-width: none;
229
- }
230
- .htb-col-sm-1 {
231
- -ms-flex: 0 0 8.333333%;
232
- flex: 0 0 8.333333%;
233
- max-width: 8.333333%;
234
- }
235
- .htb-col-sm-2 {
236
- -ms-flex: 0 0 16.666667%;
237
- flex: 0 0 16.666667%;
238
- max-width: 16.666667%;
239
- }
240
- .htb-col-sm-3 {
241
- -ms-flex: 0 0 25%;
242
- flex: 0 0 25%;
243
- max-width: 25%;
244
- }
245
- .htb-col-sm-4 {
246
- -ms-flex: 0 0 33.333333%;
247
- flex: 0 0 33.333333%;
248
- max-width: 33.333333%;
249
- }
250
- .htb-col-sm-5 {
251
- -ms-flex: 0 0 41.666667%;
252
- flex: 0 0 41.666667%;
253
- max-width: 41.666667%;
254
- }
255
- .htb-col-sm-6 {
256
- -ms-flex: 0 0 50%;
257
- flex: 0 0 50%;
258
- max-width: 50%;
259
- }
260
- .htb-col-sm-7 {
261
- -ms-flex: 0 0 58.333333%;
262
- flex: 0 0 58.333333%;
263
- max-width: 58.333333%;
264
- }
265
- .htb-col-sm-8 {
266
- -ms-flex: 0 0 66.666667%;
267
- flex: 0 0 66.666667%;
268
- max-width: 66.666667%;
269
- }
270
- .htb-col-sm-9 {
271
- -ms-flex: 0 0 75%;
272
- flex: 0 0 75%;
273
- max-width: 75%;
274
- }
275
- .htb-col-sm-10 {
276
- -ms-flex: 0 0 83.333333%;
277
- flex: 0 0 83.333333%;
278
- max-width: 83.333333%;
279
- }
280
- .htb-col-sm-11 {
281
- -ms-flex: 0 0 91.666667%;
282
- flex: 0 0 91.666667%;
283
- max-width: 91.666667%;
284
- }
285
- .htb-col-sm-12 {
286
- -ms-flex: 0 0 100%;
287
- flex: 0 0 100%;
288
- max-width: 100%;
289
- }
290
- .htb-order-sm-first {
291
- -ms-flex-order: -1;
292
- order: -1;
293
- }
294
- .htb-order-sm-1 {
295
- -ms-flex-order: 1;
296
- order: 1;
297
- }
298
- .htb-order-sm-2 {
299
- -ms-flex-order: 2;
300
- order: 2;
301
- }
302
- .htb-order-sm-3 {
303
- -ms-flex-order: 3;
304
- order: 3;
305
- }
306
- .htb-order-sm-4 {
307
- -ms-flex-order: 4;
308
- order: 4;
309
- }
310
- .htb-order-sm-5 {
311
- -ms-flex-order: 5;
312
- order: 5;
313
- }
314
- .htb-order-sm-6 {
315
- -ms-flex-order: 6;
316
- order: 6;
317
- }
318
- .htb-order-sm-7 {
319
- -ms-flex-order: 7;
320
- order: 7;
321
- }
322
- .htb-order-sm-8 {
323
- -ms-flex-order: 8;
324
- order: 8;
325
- }
326
- .htb-order-sm-9 {
327
- -ms-flex-order: 9;
328
- order: 9;
329
- }
330
- .htb-order-sm-10 {
331
- -ms-flex-order: 10;
332
- order: 10;
333
- }
334
- .htb-order-sm-11 {
335
- -ms-flex-order: 11;
336
- order: 11;
337
- }
338
- .htb-order-sm-12 {
339
- -ms-flex-order: 12;
340
- order: 12;
341
- }
342
- .htb-offset-sm-0 {
343
- margin-left: 0;
344
- }
345
- .htb-offset-sm-1 {
346
- margin-left: 8.333333%;
347
- }
348
- .htb-offset-sm-2 {
349
- margin-left: 16.666667%;
350
- }
351
- .htb-offset-sm-3 {
352
- margin-left: 25%;
353
- }
354
- .htb-offset-sm-4 {
355
- margin-left: 33.333333%;
356
- }
357
- .htb-offset-sm-5 {
358
- margin-left: 41.666667%;
359
- }
360
- .htb-offset-sm-6 {
361
- margin-left: 50%;
362
- }
363
- .htb-offset-sm-7 {
364
- margin-left: 58.333333%;
365
- }
366
- .htb-offset-sm-8 {
367
- margin-left: 66.666667%;
368
- }
369
- .htb-offset-sm-9 {
370
- margin-left: 75%;
371
- }
372
- .htb-offset-sm-10 {
373
- margin-left: 83.333333%;
374
- }
375
- .htb-offset-sm-11 {
376
- margin-left: 91.666667%;
377
- }
378
- }@media (min-width:768px) {
379
- .htb-col-md {
380
- -ms-flex-preferred-size: 0;
381
- flex-basis: 0;
382
- -ms-flex-positive: 1;
383
- flex-grow: 1;
384
- max-width: 100%;
385
- }
386
- .htb-col-md-auto {
387
- -ms-flex: 0 0 auto;
388
- flex: 0 0 auto;
389
- width: auto;
390
- max-width: none;
391
- }
392
- .htb-col-md-1 {
393
- -ms-flex: 0 0 8.333333%;
394
- flex: 0 0 8.333333%;
395
- max-width: 8.333333%;
396
- }
397
- .htb-col-md-2 {
398
- -ms-flex: 0 0 16.666667%;
399
- flex: 0 0 16.666667%;
400
- max-width: 16.666667%;
401
- }
402
- .htb-col-md-3 {
403
- -ms-flex: 0 0 25%;
404
- flex: 0 0 25%;
405
- max-width: 25%;
406
- }
407
- .htb-col-md-4 {
408
- -ms-flex: 0 0 33.333333%;
409
- flex: 0 0 33.333333%;
410
- max-width: 33.333333%;
411
- }
412
- .htb-col-md-5 {
413
- -ms-flex: 0 0 41.666667%;
414
- flex: 0 0 41.666667%;
415
- max-width: 41.666667%;
416
- }
417
- .htb-col-md-6 {
418
- -ms-flex: 0 0 50%;
419
- flex: 0 0 50%;
420
- max-width: 50%;
421
- }
422
- .htb-col-md-7 {
423
- -ms-flex: 0 0 58.333333%;
424
- flex: 0 0 58.333333%;
425
- max-width: 58.333333%;
426
- }
427
- .htb-col-md-8 {
428
- -ms-flex: 0 0 66.666667%;
429
- flex: 0 0 66.666667%;
430
- max-width: 66.666667%;
431
- }
432
- .htb-col-md-9 {
433
- -ms-flex: 0 0 75%;
434
- flex: 0 0 75%;
435
- max-width: 75%;
436
- }
437
- .htb-col-md-10 {
438
- -ms-flex: 0 0 83.333333%;
439
- flex: 0 0 83.333333%;
440
- max-width: 83.333333%;
441
- }
442
- .htb-col-md-11 {
443
- -ms-flex: 0 0 91.666667%;
444
- flex: 0 0 91.666667%;
445
- max-width: 91.666667%;
446
- }
447
- .htb-col-md-12 {
448
- -ms-flex: 0 0 100%;
449
- flex: 0 0 100%;
450
- max-width: 100%;
451
- }
452
- .htb-order-md-first {
453
- -ms-flex-order: -1;
454
- order: -1;
455
- }
456
- .htb-order-md-1 {
457
- -ms-flex-order: 1;
458
- order: 1;
459
- }
460
- .htb-order-md-2 {
461
- -ms-flex-order: 2;
462
- order: 2;
463
- }
464
- .htb-order-md-3 {
465
- -ms-flex-order: 3;
466
- order: 3;
467
- }
468
- .htb-order-md-4 {
469
- -ms-flex-order: 4;
470
- order: 4;
471
- }
472
- .htb-order-md-5 {
473
- -ms-flex-order: 5;
474
- order: 5;
475
- }
476
- .htb-order-md-6 {
477
- -ms-flex-order: 6;
478
- order: 6;
479
- }
480
- .htb-order-md-7 {
481
- -ms-flex-order: 7;
482
- order: 7;
483
- }
484
- .htb-order-md-8 {
485
- -ms-flex-order: 8;
486
- order: 8;
487
- }
488
- .htb-order-md-9 {
489
- -ms-flex-order: 9;
490
- order: 9;
491
- }
492
- .htb-order-md-10 {
493
- -ms-flex-order: 10;
494
- order: 10;
495
- }
496
- .htb-order-md-11 {
497
- -ms-flex-order: 11;
498
- order: 11;
499
- }
500
- .htb-order-md-12 {
501
- -ms-flex-order: 12;
502
- order: 12;
503
- }
504
- .htb-offset-md-0 {
505
- margin-left: 0;
506
- }
507
- .htb-offset-md-1 {
508
- margin-left: 8.333333%;
509
- }
510
- .htb-offset-md-2 {
511
- margin-left: 16.666667%;
512
- }
513
- .htb-offset-md-3 {
514
- margin-left: 25%;
515
- }
516
- .htb-offset-md-4 {
517
- margin-left: 33.333333%;
518
- }
519
- .htb-offset-md-5 {
520
- margin-left: 41.666667%;
521
- }
522
- .htb-offset-md-6 {
523
- margin-left: 50%;
524
- }
525
- .htb-offset-md-7 {
526
- margin-left: 58.333333%;
527
- }
528
- .htb-offset-md-8 {
529
- margin-left: 66.666667%;
530
- }
531
- .htb-offset-md-9 {
532
- margin-left: 75%;
533
- }
534
- .htb-offset-md-10 {
535
- margin-left: 83.333333%;
536
- }
537
- .htb-offset-md-11 {
538
- margin-left: 91.666667%;
539
- }
540
- }@media (min-width:992px) {
541
- .htb-col-lg {
542
- -ms-flex-preferred-size: 0;
543
- flex-basis: 0;
544
- -ms-flex-positive: 1;
545
- flex-grow: 1;
546
- max-width: 100%;
547
- }
548
- .htb-col-lg-auto {
549
- -ms-flex: 0 0 auto;
550
- flex: 0 0 auto;
551
- width: auto;
552
- max-width: none;
553
- }
554
- .htb-col-lg-1 {
555
- -ms-flex: 0 0 8.333333%;
556
- flex: 0 0 8.333333%;
557
- max-width: 8.333333%;
558
- }
559
- .htb-col-lg-2 {
560
- -ms-flex: 0 0 16.666667%;
561
- flex: 0 0 16.666667%;
562
- max-width: 16.666667%;
563
- }
564
- .htb-col-lg-3 {
565
- -ms-flex: 0 0 25%;
566
- flex: 0 0 25%;
567
- max-width: 25%;
568
- }
569
- .htb-col-lg-4 {
570
- -ms-flex: 0 0 33.333333%;
571
- flex: 0 0 33.333333%;
572
- max-width: 33.333333%;
573
- }
574
- .htb-col-lg-5 {
575
- -ms-flex: 0 0 41.666667%;
576
- flex: 0 0 41.666667%;
577
- max-width: 41.666667%;
578
- }
579
- .htb-col-lg-6 {
580
- -ms-flex: 0 0 50%;
581
- flex: 0 0 50%;
582
- max-width: 50%;
583
- }
584
- .htb-col-lg-7 {
585
- -ms-flex: 0 0 58.333333%;
586
- flex: 0 0 58.333333%;
587
- max-width: 58.333333%;
588
- }
589
- .htb-col-lg-8 {
590
- -ms-flex: 0 0 66.666667%;
591
- flex: 0 0 66.666667%;
592
- max-width: 66.666667%;
593
- }
594
- .htb-col-lg-9 {
595
- -ms-flex: 0 0 75%;
596
- flex: 0 0 75%;
597
- max-width: 75%;
598
- }
599
- .htb-col-lg-10 {
600
- -ms-flex: 0 0 83.333333%;
601
- flex: 0 0 83.333333%;
602
- max-width: 83.333333%;
603
- }
604
- .htb-col-lg-11 {
605
- -ms-flex: 0 0 91.666667%;
606
- flex: 0 0 91.666667%;
607
- max-width: 91.666667%;
608
- }
609
- .htb-col-lg-12 {
610
- -ms-flex: 0 0 100%;
611
- flex: 0 0 100%;
612
- max-width: 100%;
613
- }
614
- .htb-order-lg-first {
615
- -ms-flex-order: -1;
616
- order: -1;
617
- }
618
- .htb-order-lg-1 {
619
- -ms-flex-order: 1;
620
- order: 1;
621
- }
622
- .htb-order-lg-2 {
623
- -ms-flex-order: 2;
624
- order: 2;
625
- }
626
- .htb-order-lg-3 {
627
- -ms-flex-order: 3;
628
- order: 3;
629
- }
630
- .htb-order-lg-4 {
631
- -ms-flex-order: 4;
632
- order: 4;
633
- }
634
- .htb-order-lg-5 {
635
- -ms-flex-order: 5;
636
- order: 5;
637
- }
638
- .htb-order-lg-6 {
639
- -ms-flex-order: 6;
640
- order: 6;
641
- }
642
- .htb-order-lg-7 {
643
- -ms-flex-order: 7;
644
- order: 7;
645
- }
646
- .htb-order-lg-8 {
647
- -ms-flex-order: 8;
648
- order: 8;
649
- }
650
- .htb-order-lg-9 {
651
- -ms-flex-order: 9;
652
- order: 9;
653
- }
654
- .htb-order-lg-10 {
655
- -ms-flex-order: 10;
656
- order: 10;
657
- }
658
- .htb-order-lg-11 {
659
- -ms-flex-order: 11;
660
- order: 11;
661
- }
662
- .htb-order-lg-12 {
663
- -ms-flex-order: 12;
664
- order: 12;
665
- }
666
- .htb-offset-lg-0 {
667
- margin-left: 0;
668
- }
669
- .htb-offset-lg-1 {
670
- margin-left: 8.333333%;
671
- }
672
- .htb-offset-lg-2 {
673
- margin-left: 16.666667%;
674
- }
675
- .htb-offset-lg-3 {
676
- margin-left: 25%;
677
- }
678
- .htb-offset-lg-4 {
679
- margin-left: 33.333333%;
680
- }
681
- .htb-offset-lg-5 {
682
- margin-left: 41.666667%;
683
- }
684
- .htb-offset-lg-6 {
685
- margin-left: 50%;
686
- }
687
- .htb-offset-lg-7 {
688
- margin-left: 58.333333%;
689
- }
690
- .htb-offset-lg-8 {
691
- margin-left: 66.666667%;
692
- }
693
- .htb-offset-lg-9 {
694
- margin-left: 75%;
695
- }
696
- .htb-offset-lg-10 {
697
- margin-left: 83.333333%;
698
- }
699
- .htb-offset-lg-11 {
700
- margin-left: 91.666667%;
701
- }
702
- }@media (min-width:1200px) {
703
- .htb-col-xl {
704
- -ms-flex-preferred-size: 0;
705
- flex-basis: 0;
706
- -ms-flex-positive: 1;
707
- flex-grow: 1;
708
- max-width: 100%;
709
- }
710
- .htb-col-xl-auto {
711
- -ms-flex: 0 0 auto;
712
- flex: 0 0 auto;
713
- width: auto;
714
- max-width: none;
715
- }
716
- .htb-col-xl-1 {
717
- -ms-flex: 0 0 8.333333%;
718
- flex: 0 0 8.333333%;
719
- max-width: 8.333333%;
720
- }
721
- .htb-col-xl-2 {
722
- -ms-flex: 0 0 16.666667%;
723
- flex: 0 0 16.666667%;
724
- max-width: 16.666667%;
725
- }
726
- .htb-col-xl-3 {
727
- -ms-flex: 0 0 25%;
728
- flex: 0 0 25%;
729
- max-width: 25%;
730
- }
731
- .htb-col-xl-4 {
732
- -ms-flex: 0 0 33.333333%;
733
- flex: 0 0 33.333333%;
734
- max-width: 33.333333%;
735
- }
736
- .htb-col-xl-5 {
737
- -ms-flex: 0 0 41.666667%;
738
- flex: 0 0 41.666667%;
739
- max-width: 41.666667%;
740
- }
741
- .htb-col-xl-6 {
742
- -ms-flex: 0 0 50%;
743
- flex: 0 0 50%;
744
- max-width: 50%;
745
- }
746
- .htb-col-xl-7 {
747
- -ms-flex: 0 0 58.333333%;
748
- flex: 0 0 58.333333%;
749
- max-width: 58.333333%;
750
- }
751
- .htb-col-xl-8 {
752
- -ms-flex: 0 0 66.666667%;
753
- flex: 0 0 66.666667%;
754
- max-width: 66.666667%;
755
- }
756
- .htb-col-xl-9 {
757
- -ms-flex: 0 0 75%;
758
- flex: 0 0 75%;
759
- max-width: 75%;
760
- }
761
- .htb-col-xl-10 {
762
- -ms-flex: 0 0 83.333333%;
763
- flex: 0 0 83.333333%;
764
- max-width: 83.333333%;
765
- }
766
- .htb-col-xl-11 {
767
- -ms-flex: 0 0 91.666667%;
768
- flex: 0 0 91.666667%;
769
- max-width: 91.666667%;
770
- }
771
- .htb-col-xl-12 {
772
- -ms-flex: 0 0 100%;
773
- flex: 0 0 100%;
774
- max-width: 100%;
775
- }
776
- .htb-order-xl-first {
777
- -ms-flex-order: -1;
778
- order: -1;
779
- }
780
- .htb-order-xl-1 {
781
- -ms-flex-order: 1;
782
- order: 1;
783
- }
784
- .htb-order-xl-2 {
785
- -ms-flex-order: 2;
786
- order: 2;
787
- }
788
- .htb-order-xl-3 {
789
- -ms-flex-order: 3;
790
- order: 3;
791
- }
792
- .htb-order-xl-4 {
793
- -ms-flex-order: 4;
794
- order: 4;
795
- }
796
- .htb-order-xl-5 {
797
- -ms-flex-order: 5;
798
- order: 5;
799
- }
800
- .htb-order-xl-6 {
801
- -ms-flex-order: 6;
802
- order: 6;
803
- }
804
- .htb-order-xl-7 {
805
- -ms-flex-order: 7;
806
- order: 7;
807
- }
808
- .htb-order-xl-8 {
809
- -ms-flex-order: 8;
810
- order: 8;
811
- }
812
- .htb-order-xl-9 {
813
- -ms-flex-order: 9;
814
- order: 9;
815
- }
816
- .htb-order-xl-10 {
817
- -ms-flex-order: 10;
818
- order: 10;
819
- }
820
- .htb-order-xl-11 {
821
- -ms-flex-order: 11;
822
- order: 11;
823
- }
824
- .htb-order-xl-12 {
825
- -ms-flex-order: 12;
826
- order: 12;
827
- }
828
- .htb-offset-xl-0 {
829
- margin-left: 0;
830
- }
831
- .htb-offset-xl-1 {
832
- margin-left: 8.333333%;
833
- }
834
- .htb-offset-xl-2 {
835
- margin-left: 16.666667%;
836
- }
837
- .htb-offset-xl-3 {
838
- margin-left: 25%;
839
- }
840
- .htb-offset-xl-4 {
841
- margin-left: 33.333333%;
842
- }
843
- .htb-offset-xl-5 {
844
- margin-left: 41.666667%;
845
- }
846
- .htb-offset-xl-6 {
847
- margin-left: 50%;
848
- }
849
- .htb-offset-xl-7 {
850
- margin-left: 58.333333%;
851
- }
852
- .htb-offset-xl-8 {
853
- margin-left: 66.666667%;
854
- }
855
- .htb-offset-xl-9 {
856
- margin-left: 75%;
857
- }
858
- .htb-offset-xl-10 {
859
- margin-left: 83.333333%;
860
- }
861
- .htb-offset-xl-11 {
862
- margin-left: 91.666667%;
863
- }
864
- }.htb-table {
865
- width: 100%;
866
- max-width: 100%;
867
- margin-bottom: 1rem;
868
- background-color: transparent;
869
- }
870
- .htb-table td, .htb-table th {
871
- padding: .75rem;
872
- vertical-align: top;
873
- border-top: 1px solid #e9ecef;
874
- }
875
- .htb-table thead th {
876
- vertical-align: bottom;
877
- border-bottom: 2px solid #e9ecef;
878
- }
879
- .htb-table tbody+tbody {
880
- border-top: 2px solid #e9ecef;
881
- }
882
- .htb-table .htb-table {
883
- background-color: #fff;
884
- }
885
- .htb-table-sm td, .htb-table-sm th {
886
- padding: .3rem;
887
- }
888
- .htb-table-bordered {
889
- border: 1px solid #e9ecef;
890
- }
891
- .htb-table-bordered td, .htb-table-bordered th {
892
- border: 1px solid #e9ecef;
893
- }
894
- .htb-table-bordered thead td, .htb-table-bordered thead th {
895
- border-bottom-width: 2px;
896
- }
897
- .htb-table-striped tbody tr:nth-of-type(odd) {
898
- background-color: rgba(0, 0, 0, .05);
899
- }
900
- .htb-table-hover tbody tr:hover {
901
- background-color: rgba(0, 0, 0, .075);
902
- }
903
- .htb-table-primary, .htb-table-primary>td, .htb-table-primary>th {
904
- background-color: #b8daff;
905
- }
906
- .htb-table-hover .htb-table-primary:hover {
907
- background-color: #9fcdff;
908
- }
909
- .htb-table-hover .htb-table-primary:hover>td, .htb-table-hover .htb-table-primary:hover>th {
910
- background-color: #9fcdff;
911
- }
912
- .htb-table-secondary, .htb-table-secondary>td, .htb-table-secondary>th {
913
- background-color: #dddfe2;
914
- }
915
- .htb-table-hover .htb-table-secondary:hover {
916
- background-color: #cfd2d6;
917
- }
918
- .htb-table-hover .htb-table-secondary:hover>td, .htb-table-hover .htb-table-secondary:hover>th {
919
- background-color: #cfd2d6;
920
- }
921
- .htb-table-success, .htb-table-success>td, .htb-table-success>th {
922
- background-color: #c3e6cb;
923
- }
924
- .htb-table-hover .htb-table-success:hover {
925
- background-color: #b1dfbb;
926
- }
927
- .htb-table-hover .htb-table-success:hover>td, .htb-table-hover .htb-table-success:hover>th {
928
- background-color: #b1dfbb;
929
- }
930
- .htb-table-info, .htb-table-info>td, .htb-table-info>th {
931
- background-color: #bee5eb;
932
- }
933
- .htb-table-hover .htb-table-info:hover {
934
- background-color: #abdde5;
935
- }
936
- .htb-table-hover .htb-table-info:hover>td, .htb-table-hover .htb-table-info:hover>th {
937
- background-color: #abdde5;
938
- }
939
- .htb-table-warning, .htb-table-warning>td, .htb-table-warning>th {
940
- background-color: #ffeeba;
941
- }
942
- .htb-table-hover .htb-table-warning:hover {
943
- background-color: #ffe8a1;
944
- }
945
- .htb-table-hover .htb-table-warning:hover>td, .htb-table-hover .htb-table-warning:hover>th {
946
- background-color: #ffe8a1;
947
- }
948
- .htb-table-danger, .htb-table-danger>td, .htb-table-danger>th {
949
- background-color: #f5c6cb;
950
- }
951
- .htb-table-hover .htb-table-danger:hover {
952
- background-color: #f1b0b7;
953
- }
954
- .htb-table-hover .htb-table-danger:hover>td, .htb-table-hover .htb-table-danger:hover>th {
955
- background-color: #f1b0b7;
956
- }
957
- .htb-table-light, .htb-table-light>td, .htb-table-light>th {
958
- background-color: #fdfdfe;
959
- }
960
- .htb-table-hover .htb-table-light:hover {
961
- background-color: #ececf6;
962
- }
963
- .htb-table-hover .htb-table-light:hover>td, .htb-table-hover .htb-table-light:hover>th {
964
- background-color: #ececf6;
965
- }
966
- .htb-table-dark, .htb-table-dark>td, .htb-table-dark>th {
967
- background-color: #c6c8ca;
968
- }
969
- .htb-table-hover .htb-table-dark:hover {
970
- background-color: #b9bbbe;
971
- }
972
- .htb-table-hover .htb-table-dark:hover>td, .htb-table-hover .htb-table-dark:hover>th {
973
- background-color: #b9bbbe;
974
- }
975
- .htb-table-active, .htb-table-active>td, .htb-table-active>th {
976
- background-color: rgba(0, 0, 0, .075);
977
- }
978
- .htb-table-hover .htb-table-active:hover {
979
- background-color: rgba(0, 0, 0, .075);
980
- }
981
- .htb-table-hover .htb-table-active:hover>td, .htb-table-hover .htb-table-active:hover>th {
982
- background-color: rgba(0, 0, 0, .075);
983
- }
984
- .htb-table .htb-thead-dark th {
985
- color: #fff;
986
- background-color: #212529;
987
- border-color: #32383e;
988
- }
989
- .htb-table .htb-thead-light th {
990
- color: #495057;
991
- background-color: #e9ecef;
992
- border-color: #e9ecef;
993
- }
994
- .htb-table-dark {
995
- color: #fff;
996
- background-color: #212529;
997
- }
998
- .htb-table-dark td, .htb-table-dark th, .htb-table-dark thead th {
999
- border-color: #32383e;
1000
- }
1001
- .htb-table-dark.htb-table-bordered {
1002
- border: 0;
1003
- }
1004
- .htb-table-dark.htb-table-striped tbody tr:nth-of-type(odd) {
1005
- background-color: rgba(255, 255, 255, .05);
1006
- }
1007
- .htb-table-dark.htb-table-hover tbody tr:hover {
1008
- background-color: rgba(255, 255, 255, .075);
1009
- }
1010
- @media (max-width:575px) {
1011
- .htb-table-responsive-sm {
1012
- display: block;
1013
- width: 100%;
1014
- overflow-x: auto;
1015
- -webkit-overflow-scrolling: touch;
1016
- -ms-overflow-style: -ms-autohiding-scrollbar;
1017
- }
1018
- .htb-table-responsive-sm.htb-table-bordered {
1019
- border: 0;
1020
- }
1021
- }@media (max-width:767px) {
1022
- .htb-table-responsive-md {
1023
- display: block;
1024
- width: 100%;
1025
- overflow-x: auto;
1026
- -webkit-overflow-scrolling: touch;
1027
- -ms-overflow-style: -ms-autohiding-scrollbar;
1028
- }
1029
- .htb-table-responsive-md.htb-table-bordered {
1030
- border: 0;
1031
- }
1032
- }@media (max-width:991px) {
1033
- .htb-table-responsive-lg {
1034
- display: block;
1035
- width: 100%;
1036
- overflow-x: auto;
1037
- -webkit-overflow-scrolling: touch;
1038
- -ms-overflow-style: -ms-autohiding-scrollbar;
1039
- }
1040
- .htb-table-responsive-lg.htb-table-bordered {
1041
- border: 0;
1042
- }
1043
- }@media (max-width:1199px) {
1044
- .htb-table-responsive-xl {
1045
- display: block;
1046
- width: 100%;
1047
- overflow-x: auto;
1048
- -webkit-overflow-scrolling: touch;
1049
- -ms-overflow-style: -ms-autohiding-scrollbar;
1050
- }
1051
- .htb-table-responsive-xl.htb-table-bordered {
1052
- border: 0;
1053
- }
1054
- }.htb-table-responsive {
1055
- display: block;
1056
- width: 100%;
1057
- overflow-x: auto;
1058
- -webkit-overflow-scrolling: touch;
1059
- -ms-overflow-style: -ms-autohiding-scrollbar;
1060
- }
1061
- .htb-table-responsive.htb-table-bordered {
1062
- border: 0;
1063
- }
1064
- .htb-form-control {
1065
- display: block;
1066
- width: 100%;
1067
- padding: .375rem .75rem;
1068
- font-size: 1rem;
1069
- line-height: 1.5;
1070
- color: #495057;
1071
- background-color: #fff;
1072
- background-image: none;
1073
- background-clip: padding-box;
1074
- border: 1px solid #ced4da;
1075
- border-radius: .25rem;
1076
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1077
- }
1078
- .htb-form-control::-ms-expand {
1079
- background-color: transparent;
1080
- border: 0;
1081
- }
1082
- .htb-form-control:focus {
1083
- color: #495057;
1084
- background-color: #fff;
1085
- border-color: #80bdff;
1086
- outline: 0;
1087
- box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
1088
- }
1089
- .htb-form-control::-webkit-input-placeholder {
1090
- color: #868e96;
1091
- opacity: 1;
1092
- }
1093
- .htb-form-control:-ms-input-placeholder {
1094
- color: #868e96;
1095
- opacity: 1;
1096
- }
1097
- .htb-form-control::-ms-input-placeholder {
1098
- color: #868e96;
1099
- opacity: 1;
1100
- }
1101
- .htb-form-control::placeholder {
1102
- color: #868e96;
1103
- opacity: 1;
1104
- }
1105
- .htb-form-control:disabled, .htb-form-control[readonly] {
1106
- background-color: #e9ecef;
1107
- opacity: 1;
1108
- }
1109
- select.htb-form-control:not([size]):not([multiple]) {
1110
- height: calc(2.25rem + 2px);
1111
- }
1112
- select.htb-form-control:focus::-ms-value {
1113
- color: #495057;
1114
- background-color: #fff;
1115
- }
1116
- .htb-form-control-file, .htb-form-control-range {
1117
- display: block;
1118
- }
1119
- .htb-col-form-label {
1120
- padding-top: calc(.375rem + 1px);
1121
- padding-bottom: calc(.375rem + 1px);
1122
- margin-bottom: 0;
1123
- line-height: 1.5;
1124
- }
1125
- .htb-col-form-label-lg {
1126
- padding-top: calc(.5rem + 1px);
1127
- padding-bottom: calc(.5rem + 1px);
1128
- font-size: 1.25rem;
1129
- line-height: 1.5;
1130
- }
1131
- .htb-col-form-label-sm {
1132
- padding-top: calc(.25rem + 1px);
1133
- padding-bottom: calc(.25rem + 1px);
1134
- font-size: .875rem;
1135
- line-height: 1.5;
1136
- }
1137
- .htb-form-group {
1138
- margin-bottom: 1rem;
1139
- }
1140
- .htb-form-text {
1141
- display: block;
1142
- margin-top: .25rem;
1143
- }
1144
- .htb-form-row {
1145
- display: -ms-flexbox;
1146
- display: flex;
1147
- -ms-flex-wrap: wrap;
1148
- flex-wrap: wrap;
1149
- margin-right: -5px;
1150
- margin-left: -5px;
1151
- }
1152
- .htb-form-row>.htb-col, .htb-form-row>[class*=col-] {
1153
- padding-right: 5px;
1154
- padding-left: 5px;
1155
- }
1156
-
1157
- .htb-btn {
1158
- display: inline-block;
1159
- font-weight: 400;
1160
- text-align: center;
1161
- white-space: nowrap;
1162
- vertical-align: middle;
1163
- -webkit-user-select: none;
1164
- -moz-user-select: none;
1165
- -ms-user-select: none;
1166
- user-select: none;
1167
- border: 1px solid transparent;
1168
- padding: .375rem .75rem;
1169
- font-size: 1rem;
1170
- line-height: 1.5;
1171
- border-radius: .25rem;
1172
- transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1173
- }
1174
- .htb-btn:focus, .htb-btn:hover {
1175
- text-decoration: none;
1176
- }
1177
- .htb-btn.htb-focus, .htb-btn:focus {
1178
- outline: 0;
1179
- box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
1180
- }
1181
- .htb-btn.disabled, .htb-btn:disabled {
1182
- opacity: .65;
1183
- }
1184
- .htb-btn:not([disabled]):not(.disabled).htb-active, .htb-btn:not([disabled]):not(.htb-disabled):active {
1185
- background-image: none;
1186
- }
1187
- a.htb-btn.htb-disabled, fieldset[disabled] a.htb-htb-btn {
1188
- pointer-events: none;
1189
- }
1190
- .htb-btn-primary {
1191
- color: #fff;
1192
- background-color: #007bff;
1193
- border-color: #007bff;
1194
- }
1195
- .htb-btn-primary:hover {
1196
- color: #fff;
1197
- background-color: #0069d9;
1198
- border-color: #0062cc;
1199
- }
1200
- .htb-btn-primary.htb-focus, .htb-btn-primary:focus {
1201
- box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
1202
- }
1203
- .htb-btn-primary.htb-disabled, .htb-btn-primary:disabled {
1204
- background-color: #007bff;
1205
- border-color: #007bff;
1206
- }
1207
- .htb-btn-primary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-primary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-primary.htb-dropdown-toggle {
1208
- color: #fff;
1209
- background-color: #0062cc;
1210
- border-color: #005cbf;
1211
- box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
1212
- }
1213
- .htb-btn-secondary {
1214
- color: #fff;
1215
- background-color: #868e96;
1216
- border-color: #868e96;
1217
- }
1218
- .htb-btn-secondary:hover {
1219
- color: #fff;
1220
- background-color: #727b84;
1221
- border-color: #6c757d;
1222
- }
1223
- .htb-btn-secondary.htb-focus, .htb-btn-secondary:focus {
1224
- box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
1225
- }
1226
- .htb-btn-secondary.htb-disabled, .htb-btn-secondary:disabled {
1227
- background-color: #868e96;
1228
- border-color: #868e96;
1229
- }
1230
- .htb-btn-secondary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-secondary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-secondary.htb-dropdown-toggle {
1231
- color: #fff;
1232
- background-color: #6c757d;
1233
- border-color: #666e76;
1234
- box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
1235
- }
1236
- .htb-btn-success {
1237
- color: #fff;
1238
- background-color: #28a745;
1239
- border-color: #28a745;
1240
- }
1241
- .htb-btn-success:hover {
1242
- color: #fff;
1243
- background-color: #218838;
1244
- border-color: #1e7e34;
1245
- }
1246
- .htb-btn-success.htb-focus, .htb-btn-success:focus {
1247
- box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
1248
- }
1249
- .htb-btn-success.htb-disabled, .htb-btn-success:disabled {
1250
- background-color: #28a745;
1251
- border-color: #28a745;
1252
- }
1253
- .htb-btn-success:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-success:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-success.htb-dropdown-toggle {
1254
- color: #fff;
1255
- background-color: #1e7e34;
1256
- border-color: #1c7430;
1257
- box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
1258
- }
1259
- .htb-btn-info {
1260
- color: #fff;
1261
- background-color: #17a2b8;
1262
- border-color: #17a2b8;
1263
- }
1264
- .htb-btn-info:hover {
1265
- color: #fff;
1266
- background-color: #138496;
1267
- border-color: #117a8b;
1268
- }
1269
- .htb-btn-info.focus, .htb-btn-info:focus {
1270
- box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
1271
- }
1272
- .htb-btn-info.disabled, .htb-btn-info:disabled {
1273
- background-color: #17a2b8;
1274
- border-color: #17a2b8;
1275
- }
1276
- .htb-btn-info:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-info:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-info.htb-dropdown-toggle {
1277
- color: #fff;
1278
- background-color: #117a8b;
1279
- border-color: #10707f;
1280
- box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
1281
- }
1282
- .htb-btn-warning {
1283
- color: #111;
1284
- background-color: #ffc107;
1285
- border-color: #ffc107;
1286
- }
1287
- .htb-btn-warning:hover {
1288
- color: #111;
1289
- background-color: #e0a800;
1290
- border-color: #d39e00;
1291
- }
1292
- .htb-btn-warning.focus, .htb-btn-warning:focus {
1293
- box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
1294
- }
1295
- .htb-btn-warning.disabled, .htb-btn-warning:disabled {
1296
- background-color: #ffc107;
1297
- border-color: #ffc107;
1298
- }
1299
- .htb-btn-warning:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-warning:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-warning.htb-dropdown-toggle {
1300
- color: #111;
1301
- background-color: #d39e00;
1302
- border-color: #c69500;
1303
- box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
1304
- }
1305
- .htb-btn-danger {
1306
- color: #fff;
1307
- background-color: #dc3545;
1308
- border-color: #dc3545;
1309
- }
1310
- .htb-btn-danger:hover {
1311
- color: #fff;
1312
- background-color: #c82333;
1313
- border-color: #bd2130;
1314
- }
1315
- .htb-btn-danger.focus, .htb-btn-danger:focus {
1316
- box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
1317
- }
1318
- .htb-btn-danger.disabled, .htb-btn-danger:disabled {
1319
- background-color: #dc3545;
1320
- border-color: #dc3545;
1321
- }
1322
- .htb-btn-danger:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-danger:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-danger.htb-dropdown-toggle {
1323
- color: #fff;
1324
- background-color: #bd2130;
1325
- border-color: #b21f2d;
1326
- box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
1327
- }
1328
-
1329
- .htb-fade {
1330
- opacity: 0;
1331
- transition: opacity .15s linear;
1332
- }
1333
- .htb-modal.htb-fade {
1334
- display: none;
1335
- }
1336
- .htb-modal.htb-fade.htb-show {
1337
- display: block;
1338
- }
1339
- .htb-fade.htb-show {
1340
- opacity: 1;
1341
- }
1342
- .htb-collapse {
1343
- display: none;
1344
- }
1345
- .htb-collapse.htb-show {
1346
- display: block;
1347
- }
1348
- .htb-collapsing{
1349
- position:relative;
1350
- height:0;
1351
- overflow:hidden;
1352
- transition:height .35s ease;
1353
- }
1354
- tr.htb-collapse.htb-show {
1355
- display: table-row;
1356
- }
1357
- tbody.htb-collapse.htb-show {
1358
- display: table-row-group;
1359
- }
1360
-
1361
- [data-toggle=buttons]>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn input[type=radio], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=radio] {
1362
- position: absolute;
1363
- clip: rect(0, 0, 0, 0);
1364
- pointer-events: none;
1365
- }
1366
-
1367
- .htb-nav {
1368
- display: -ms-flexbox;
1369
- display: flex;
1370
- -ms-flex-wrap: wrap;
1371
- flex-wrap: wrap;
1372
- padding-left: 0;
1373
- margin-bottom: 0;
1374
- list-style: none;
1375
- }
1376
- .htb-nav-link {
1377
- display: block;
1378
- padding: .5rem 1rem;
1379
- }
1380
- .htb-nav-link:focus, .htb-nav-link:hover {
1381
- text-decoration: none;
1382
- }
1383
- .htb-nav-link.htb-disabled {
1384
- color: #868e96;
1385
- }
1386
- .htb-nav-tabs {
1387
- border-bottom: 1px solid #ddd;
1388
- }
1389
- .htb-nav-tabs .htb-nav-item {
1390
- margin-bottom: -1px;
1391
- }
1392
- .htb-nav-tabs .htb-nav-link {
1393
- border: 1px solid transparent;
1394
- border-top-left-radius: .25rem;
1395
- border-top-right-radius: .25rem;
1396
- }
1397
- .htb-nav-tabs .htb-nav-link:focus, .htb-nav-tabs .htb-nav-link:hover {
1398
- border-color: #e9ecef #e9ecef #ddd;
1399
- }
1400
- .htb-nav-tabs .htb-nav-link.htb-disabled {
1401
- color: #868e96;
1402
- background-color: transparent;
1403
- border-color: transparent;
1404
- }
1405
- .htb-nav-tabs .htb-nav-item.show .htb-nav-link, .htb-nav-tabs .htb-nav-link.htb-active {
1406
- color: #495057;
1407
- background-color: #fff;
1408
- border-color: #ddd #ddd #fff;
1409
- }
1410
- .htb-nav-pills .htb-nav-link {
1411
- border-radius: .25rem;
1412
- }
1413
- .htb-nav-pills .htb-nav-link.htb-active, .htb-nav-pills .show>.htb-nav-link {
1414
- color: #fff;
1415
- background-color: #007bff;
1416
- }
1417
- .htb-nav-fill .htb-nav-item {
1418
- -ms-flex: 1 1 auto;
1419
- flex: 1 1 auto;
1420
- text-align: center;
1421
- }
1422
- .htb-nav-justified .htb-nav-item {
1423
- -ms-flex-preferred-size: 0;
1424
- flex-basis: 0;
1425
- -ms-flex-positive: 1;
1426
- flex-grow: 1;
1427
- text-align: center;
1428
- }
1429
- .htb-tab-content>.htb-tab-pane {
1430
- display: none;
1431
- }
1432
- .htb-tab-content>.htb-active {
1433
- display: block;
1434
- }
1435
-
1436
- @media (min-width:576px) {
1437
-
1438
- .htb-pagination {
1439
- display: -ms-flexbox;
1440
- display: flex;
1441
- padding-left: 0;
1442
- list-style: none;
1443
- border-radius: .25rem;
1444
- }
1445
-
1446
- .htb-alert {
1447
- position: relative;
1448
- padding: .75rem 1.25rem;
1449
- margin-bottom: 1rem;
1450
- border: 1px solid transparent;
1451
- border-radius: .25rem;
1452
- }
1453
-
1454
- @-webkit-keyframes progress-bar-stripes {
1455
- from {
1456
- background-position: 1rem 0;
1457
- }
1458
- to {
1459
- background-position: 0 0;
1460
- }
1461
- }@keyframes progress-bar-stripes {
1462
- from {
1463
- background-position: 1rem 0;
1464
- }
1465
- to {
1466
- background-position: 0 0;
1467
- }
1468
- }
1469
- .htb-progress {
1470
- display: -ms-flexbox;
1471
- display: flex;
1472
- height: 1rem;
1473
- overflow: hidden;
1474
- font-size: .75rem;
1475
- background-color: #e9ecef;
1476
- border-radius: .25rem;
1477
- }
1478
- .htb-progress-bar {
1479
- display: -ms-flexbox;
1480
- display: flex;
1481
- -ms-flex-align: center;
1482
- align-items: center;
1483
- -ms-flex-pack: center;
1484
- justify-content: center;
1485
- color: #fff;
1486
- background-color: #007bff;
1487
- }
1488
- .htb-progress-bar-striped {
1489
- background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
1490
- background-size: 1rem 1rem;
1491
- }
1492
- .htb-progress-bar-animated {
1493
- -webkit-animation: progress-bar-stripes 1s linear infinite;
1494
- animation: progress-bar-stripes 1s linear infinite;
1495
- }
1496
- .htb-media {
1497
- display: -ms-flexbox;
1498
- display: flex;
1499
- -ms-flex-align: start;
1500
- align-items: flex-start;
1501
- }
1502
-
1503
- }@media (min-width:320px) {
1504
- .htb-progress {
1505
- display: -ms-flexbox;
1506
- display: flex;
1507
- height: 1rem;
1508
- overflow: hidden;
1509
- font-size: .75rem;
1510
- background-color: #e9ecef;
1511
- border-radius: .25rem;
1512
- }
1513
- .htb-progress-bar {
1514
- display: -ms-flexbox;
1515
- display: flex;
1516
- -ms-flex-align: center;
1517
- align-items: center;
1518
- -ms-flex-pack: center;
1519
- justify-content: center;
1520
- color: #fff;
1521
- background-color: #007bff;
1522
- }
1523
- .htb-progress-bar-striped {
1524
- background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
1525
- background-size: 1rem 1rem;
1526
- }
1527
- .htb-progress-bar-animated {
1528
- -webkit-animation: progress-bar-stripes 1s linear infinite;
1529
- animation: progress-bar-stripes 1s linear infinite;
1530
- }
1531
- .htb-close {
1532
- float: right;
1533
- font-size: 1.5rem;
1534
- font-weight: 700;
1535
- line-height: 1;
1536
- color: #000;
1537
- text-shadow: 0 1px 0 #fff;
1538
- opacity: .5;
1539
- }
1540
- .htb-close:focus, .htb-close:hover {
1541
- color: #000;
1542
- text-decoration: none;
1543
- opacity: .75;
1544
- }
1545
- button.htb-close {
1546
- padding: 0;
1547
- background: 0 0;
1548
- border: 0;
1549
- -webkit-appearance: none;
1550
- }
1551
- .htb-modal-open {
1552
- overflow: hidden;
1553
- }
1554
- .htb-modal {
1555
- position: fixed;
1556
- top: 0;
1557
- right: 0;
1558
- bottom: 0;
1559
- left: 0;
1560
- z-index: 1050;
1561
- display: none;
1562
- overflow: hidden;
1563
- outline: 0;
1564
- }
1565
- .htb-modal.htb-fade .htb-modal-dialog {
1566
- transition: -webkit-transform .3s ease-out;
1567
- transition: transform .3s ease-out;
1568
- transition: transform .3s ease-out, -webkit-transform .3s ease-out;
1569
- -webkit-transform: translate(0, -25%);
1570
- transform: translate(0, -25%);
1571
- }
1572
- .htb-modal.htb-show .htb-modal-dialog {
1573
- -webkit-transform: translate(0, 0);
1574
- transform: translate(0, 0);
1575
- }
1576
- .htb-modal-open .htb-modal {
1577
- overflow-x: hidden;
1578
- overflow-y: auto;
1579
- }
1580
- .htb-modal-dialog {
1581
- position: relative;
1582
- width: auto;
1583
- margin: 10px;
1584
- pointer-events: none;
1585
- }
1586
- .htb-modal-content {
1587
- position: relative;
1588
- display: -ms-flexbox;
1589
- display: flex;
1590
- -ms-flex-direction: column;
1591
- flex-direction: column;
1592
- pointer-events: auto;
1593
- background-color: #fff;
1594
- background-clip: padding-box;
1595
- border: 1px solid rgba(0, 0, 0, .2);
1596
- border-radius: .3rem;
1597
- outline: 0;
1598
- }
1599
- .htb-modal-backdrop {
1600
- position: fixed;
1601
- top: 0;
1602
- right: 0;
1603
- bottom: 0;
1604
- left: 0;
1605
- z-index: 1040;
1606
- background-color: #000;
1607
- }
1608
- .htb-modal-backdrop.htb-fade {
1609
- opacity: 0;
1610
- }
1611
- .htb-modal-backdrop.htb-show {
1612
- opacity: .5;
1613
- }
1614
- .htb-modal-header {
1615
- display: -ms-flexbox;
1616
- display: flex;
1617
- -ms-flex-align: start;
1618
- align-items: flex-start;
1619
- -ms-flex-pack: justify;
1620
- justify-content: space-between;
1621
- padding: 15px;
1622
- border-bottom: 1px solid #e9ecef;
1623
- border-top-left-radius: .3rem;
1624
- border-top-right-radius: .3rem;
1625
- }
1626
- .htb-modal-header .htb-close {
1627
- padding: 15px;
1628
- margin: -15px -15px -15px auto;
1629
- }
1630
- .htb-modal-title {
1631
- margin-bottom: 0;
1632
- line-height: 1.5;
1633
- }
1634
- .htb-modal-body {
1635
- position: relative;
1636
- -ms-flex: 1 1 auto;
1637
- flex: 1 1 auto;
1638
- padding: 15px;
1639
- }
1640
- .htb-modal-footer {
1641
- display: -ms-flexbox;
1642
- display: flex;
1643
- -ms-flex-align: center;
1644
- align-items: center;
1645
- -ms-flex-pack: end;
1646
- justify-content: flex-end;
1647
- padding: 15px;
1648
- border-top: 1px solid #e9ecef;
1649
- }
1650
- .htb-modal-footer>:not(:first-child) {
1651
- margin-left: .25rem;
1652
- }
1653
- .htb-modal-footer>:not(:last-child) {
1654
- margin-right: .25rem;
1655
- }
1656
- .htb-modal-scrollbar-measure {
1657
- position: absolute;
1658
- top: -9999px;
1659
- width: 50px;
1660
- height: 50px;
1661
- overflow: scroll;
1662
- }
1663
- .htb-modal-dialog {
1664
- max-width: 500px;
1665
- margin: 30px auto;
1666
- }
1667
- .htb-modal-sm {
1668
- max-width: 300px;
1669
- }
1670
-
1671
- }@media (min-width:992px) {
1672
- .htb-modal-lg {
1673
- max-width: 800px;
1674
- }
1675
- }.htb-tooltip {
1676
- position: absolute;
1677
- z-index: 1070;
1678
- display: block;
1679
- margin: 0;
1680
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1681
- font-style: normal;
1682
- font-weight: 400;
1683
- line-height: 1.5;
1684
- text-align: left;
1685
- text-align: start;
1686
- text-decoration: none;
1687
- text-shadow: none;
1688
- text-transform: none;
1689
- letter-spacing: normal;
1690
- word-break: normal;
1691
- word-spacing: normal;
1692
- white-space: normal;
1693
- line-break: auto;
1694
- font-size: .875rem;
1695
- word-wrap: break-word;
1696
- opacity: 0;
1697
- }
1698
- .htb-tooltip.htb-show {
1699
- opacity: .9;
1700
- }
1701
- .htb-tooltip .htb-arrow {
1702
- position: absolute;
1703
- display: block;
1704
- width: 5px;
1705
- height: 5px;
1706
- }
1707
- .htb-tooltip .htb-arrow::before {
1708
- position: absolute;
1709
- border-color: transparent;
1710
- border-style: solid;
1711
- }
1712
- .htb-tooltip.bs-tooltip-auto[x-placement^=top], .htb-tooltip.bs-tooltip-top {
1713
- padding: 5px 0;
1714
- }
1715
- .htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow, .htb-tooltip.bs-tooltip-top .htb-arrow {
1716
- bottom: 0;
1717
- }
1718
- .htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow::before, .htb-tooltip.bs-tooltip-top .htb-arrow::before {
1719
- margin-left: -3px;
1720
- content: "";
1721
- border-width: 5px 5px 0;
1722
- border-top-color: #000;
1723
- }
1724
- .htb-tooltip.bs-tooltip-auto[x-placement^=right], .htb-tooltip.bs-tooltip-right {
1725
- padding: 0 5px;
1726
- }
1727
- .htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow, .htb-tooltip.bs-tooltip-right .htb-arrow {
1728
- left: 0;
1729
- }
1730
- .htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow::before, .htb-tooltip.bs-tooltip-right .htb-arrow::before {
1731
- margin-top: -3px;
1732
- content: "";
1733
- border-width: 5px 5px 5px 0;
1734
- border-right-color: #000;
1735
- }
1736
- .htb-tooltip.bs-tooltip-auto[x-placement^=bottom], .htb-tooltip.bs-tooltip-bottom {
1737
- padding: 5px 0;
1738
- }
1739
- .htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow, .htb-tooltip.bs-tooltip-bottom .htb-arrow {
1740
- top: 0;
1741
- }
1742
- .htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow::before, .htb-tooltip.bs-tooltip-bottom .htb-arrow::before {
1743
- margin-left: -3px;
1744
- content: "";
1745
- border-width: 0 5px 5px;
1746
- border-bottom-color: #000;
1747
- }
1748
- .htb-tooltip.bs-tooltip-auto[x-placement^=left], .htb-tooltip.bs-tooltip-left {
1749
- padding: 0 5px;
1750
- }
1751
- .htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow, .htb-tooltip.bs-tooltip-left .htb-arrow {
1752
- right: 0;
1753
- }
1754
- .htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow::before, .htb-tooltip.bs-tooltip-left .htb-arrow::before {
1755
- right: 0;
1756
- margin-top: -3px;
1757
- content: "";
1758
- border-width: 5px 0 5px 5px;
1759
- border-left-color: #000;
1760
- }
1761
- .htb-tooltip-inner {
1762
- max-width: 200px;
1763
- padding: 3px 8px;
1764
- color: #fff;
1765
- text-align: center;
1766
- background-color: #000;
1767
- border-radius: .25rem;
1768
- }
1769
- .htb-popover {
1770
- position: absolute;
1771
- top: 0;
1772
- left: 0;
1773
- z-index: 1060;
1774
- display: block;
1775
- max-width: 276px;
1776
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1777
- font-style: normal;
1778
- font-weight: 400;
1779
- line-height: 1.5;
1780
- text-align: left;
1781
- text-align: start;
1782
- text-decoration: none;
1783
- text-shadow: none;
1784
- text-transform: none;
1785
- letter-spacing: normal;
1786
- word-break: normal;
1787
- word-spacing: normal;
1788
- white-space: normal;
1789
- line-break: auto;
1790
- font-size: .875rem;
1791
- word-wrap: break-word;
1792
- background-color: #fff;
1793
- background-clip: padding-box;
1794
- border: 1px solid rgba(0, 0, 0, .2);
1795
- border-radius: .3rem;
1796
- }
1797
- .htb-popover .htb-arrow {
1798
- position: absolute;
1799
- display: block;
1800
- width: .8rem;
1801
- height: .4rem;
1802
- }
1803
- .htb-popover .htb-arrow::after, .htb-popover .htb-arrow::before {
1804
- position: absolute;
1805
- display: block;
1806
- border-color: transparent;
1807
- border-style: solid;
1808
- }
1809
- .htb-popover .htb-arrow::before {
1810
- content: "";
1811
- border-width: .8rem;
1812
- }
1813
- .htb-popover .htb-arrow::after {
1814
- content: "";
1815
- border-width: .8rem;
1816
- }
1817
- .htb-popover.htb-bs-popover-auto[x-placement^=top], .htb-popover.htb-bs-popover-top {
1818
- margin-bottom: .8rem;
1819
- }
1820
- .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow, .htb-popover.htb-bs-popover-top .htb-arrow {
1821
- bottom: 0;
1822
- }
1823
- .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::before {
1824
- border-bottom-width: 0;
1825
- }
1826
- .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::before {
1827
- bottom: -.8rem;
1828
- margin-left: -.8rem;
1829
- border-top-color: rgba(0, 0, 0, .25);
1830
- }
1831
- .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::after {
1832
- bottom: calc((.8rem - 1px) * -1);
1833
- margin-left: -.8rem;
1834
- border-top-color: #fff;
1835
- }
1836
- .htb-popover.htb-bs-popover-auto[x-placement^=right], .htb-popover.htb-bs-popover-right {
1837
- margin-left: .8rem;
1838
- }
1839
- .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow, .htb-popover.htb-bs-popover-right .htb-arrow {
1840
- left: 0;
1841
- }
1842
- .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::before {
1843
- margin-top: -.8rem;
1844
- border-left-width: 0;
1845
- }
1846
- .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::before {
1847
- left: -.8rem;
1848
- border-right-color: rgba(0, 0, 0, .25);
1849
- }
1850
- .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::after {
1851
- left: calc((.8rem - 1px) * -1);
1852
- border-right-color: #fff;
1853
- }
1854
- .htb-popover.htb-bs-popover-auto[x-placement^=bottom], .htb-popover.htb-bs-popover-bottom {
1855
- margin-top: .8rem;
1856
- }
1857
- .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow, .htb-popover.htb-bs-popover-bottom .htb-arrow {
1858
- top: 0;
1859
- }
1860
- .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
1861
- margin-left: -.8rem;
1862
- border-top-width: 0;
1863
- }
1864
- .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
1865
- top: -.8rem;
1866
- border-bottom-color: rgba(0, 0, 0, .25);
1867
- }
1868
- .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::after {
1869
- top: calc((.8rem - 1px) * -1);
1870
- border-bottom-color: #fff;
1871
- }
1872
- .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-popover-header::before, .htb-popover.htb-bs-popover-bottom .htb-popover-header::before {
1873
- position: absolute;
1874
- top: 0;
1875
- left: 50%;
1876
- display: block;
1877
- width: 20px;
1878
- margin-left: -10px;
1879
- content: "";
1880
- border-bottom: 1px solid #f7f7f7;
1881
- }
1882
- .htb-popover.htb-bs-popover-auto[x-placement^=left], .htb-popover.htb-bs-popover-left {
1883
- margin-right: .8rem;
1884
- }
1885
- .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow, .htb-popover.htb-bs-popover-left .htb-arrow {
1886
- right: 0;
1887
- }
1888
- .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::before {
1889
- margin-top: -.8rem;
1890
- border-right-width: 0;
1891
- }
1892
- .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::before {
1893
- right: -.8rem;
1894
- border-left-color: rgba(0, 0, 0, .25);
1895
- }
1896
- .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::after {
1897
- right: calc((.8rem - 1px) * -1);
1898
- border-left-color: #fff;
1899
- }
1900
- .htb-popover-header {
1901
- padding: .5rem .75rem;
1902
- margin-bottom: 0;
1903
- font-size: 1rem;
1904
- color: inherit;
1905
- background-color: #f7f7f7;
1906
- border-bottom: 1px solid #ebebeb;
1907
- border-top-left-radius: calc(.3rem - 1px);
1908
- border-top-right-radius: calc(.3rem - 1px);
1909
- }
1910
- .htb-popover-header:empty {
1911
- display: none;
1912
- }
1913
- .htb-popover-body {
1914
- padding: .5rem .75rem;
1915
- color: #212529;
1916
- }
1917
-
1918
- .htb-float-left {
1919
- float: left!important;
1920
- }
1921
- .htb-float-right {
1922
- float: right!important;
1923
- }
1924
- .htb-float-none {
1925
- float: none!important;
1926
- }
1927
- .htb-visible {
1928
- visibility: visible!important;
1929
- }
1930
- .htb-fixed-top {
1931
- position: fixed;
1932
- top: 0;
1933
- right: 0;
1934
- left: 0;
1935
- z-index: 1030;
1936
- }
1937
-
1938
- .htb-fixed-bottom {
1939
- position: fixed;
1940
- right: 0;
1941
- bottom: 0;
1942
- left: 0;
1943
- z-index: 1030;
1944
- }
1945
-
1946
- @supports ((position:-webkit-sticky) or (position:sticky)) {
1947
- .htb-sticky-top {
1948
- position: -webkit-sticky;
1949
- position: sticky;
1950
- top: 0;
1951
- z-index: 1020;
1952
- }
1953
- }
1954
-
1955
- .htb-justify-content-start {
1956
- -ms-flex-pack: start!important;
1957
- justify-content: flex-start!important;
1958
- }
1959
-
1960
- .htb-justify-content-end {
1961
- -ms-flex-pack: end!important;
1962
- justify-content: flex-end!important;
1963
- }
1964
-
1965
- .htb-justify-content-center {
1966
- -ms-flex-pack: center!important;
1967
- justify-content: center!important;
1968
- }
1969
-
1970
- .htb-justify-content-between {
1971
- -ms-flex-pack: justify!important;
1972
- justify-content: space-between!important;
1973
- }
1974
-
1975
- .htb-justify-content-around {
1976
- -ms-flex-pack: distribute!important;
1977
- justify-content: space-around!important;
1978
- }
1979
-
1980
- .htb-align-items-start {
1981
- -ms-flex-align: start!important;
1982
- align-items: flex-start!important;
1983
- }
1984
-
1985
- .htb-align-items-end {
1986
- -ms-flex-align: end!important;
1987
- align-items: flex-end!important;
1988
- }
1989
-
1990
- .htb-align-items-center {
1991
- -ms-flex-align: center!important;
1992
- align-items: center!important;
1993
- }
1994
-
1995
- .htb-align-items-baseline {
1996
- -ms-flex-align: baseline!important;
1997
- align-items: baseline!important;
1998
- }
1999
-
2000
- .htb-align-items-stretch {
2001
- -ms-flex-align: stretch!important;
2002
- align-items: stretch!important;
2003
- }
2004
-
2005
- .htb-align-content-start {
2006
- -ms-flex-line-pack: start!important;
2007
- align-content: flex-start!important;
2008
- }
2009
-
2010
- .htb-align-content-end {
2011
- -ms-flex-line-pack: end!important;
2012
- align-content: flex-end!important;
2013
- }
2014
-
2015
- .htb-align-content-center {
2016
- -ms-flex-line-pack: center!important;
2017
- align-content: center!important;
2018
- }
2019
-
2020
- .htb-align-content-between {
2021
- -ms-flex-line-pack: justify!important;
2022
- align-content: space-between!important;
2023
- }
2024
-
2025
- .htb-align-content-around {
2026
- -ms-flex-line-pack: distribute!important;
2027
- align-content: space-around!important;
2028
- }
2029
-
2030
- .htb-align-content-stretch {
2031
- -ms-flex-line-pack: stretch!important;
2032
- align-content: stretch!important;
2033
- }
2034
-
2035
- .htb-align-self-auto {
2036
- -ms-flex-item-align: auto!important;
2037
- align-self: auto!important;
2038
- }
2039
-
2040
- .htb-align-self-start {
2041
- -ms-flex-item-align: start!important;
2042
- align-self: flex-start!important;
2043
- }
2044
-
2045
- .htb-align-self-end {
2046
- -ms-flex-item-align: end!important;
2047
- align-self: flex-end!important;
2048
- }
2049
-
2050
- .htb-align-self-center {
2051
- -ms-flex-item-align: center!important;
2052
- align-self: center!important;
2053
- }
2054
-
2055
- .htb-align-self-baseline {
2056
- -ms-flex-item-align: baseline!important;
2057
- align-self: baseline!important;
2058
- }
2059
-
2060
- .htb-align-self-stretch {
2061
- -ms-flex-item-align: stretch!important;
2062
- align-self: stretch!important;
2063
- }
2064
- .htb-btn-outline-primary {
2065
- color: #007bff;
2066
- background-color: transparent;
2067
- background-image: none;
2068
- border-color: #007bff;
2069
- }
2070
-
2071
- .htb-btn-outline-primary:hover {
2072
- color: #fff;
2073
- background-color: #007bff;
2074
- border-color: #007bff;
2075
- }
2076
-
2077
- .htb-btn-outline-primary.focus,
2078
- .htb-btn-outline-primary:focus {
2079
- box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
2080
- }
2081
-
2082
- .htb-btn-outline-primary.disabled,
2083
- .htb-btn-outline-primary:disabled {
2084
- color: #007bff;
2085
- background-color: transparent;
2086
- }
2087
-
2088
- .htb-btn-outline-primary:not([disabled]):not(.disabled).active,
2089
- .htb-btn-outline-primary:not([disabled]):not(.disabled):active,
2090
- .show>.htb-btn-outline-primary.dropdown-toggle {
2091
- color: #fff;
2092
- background-color: #007bff;
2093
- border-color: #007bff;
2094
- box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
2095
- }
2096
-
2097
- .htb-btn-outline-secondary {
2098
- color: #868e96;
2099
- background-color: transparent;
2100
- background-image: none;
2101
- border-color: #868e96;
2102
- }
2103
-
2104
- .htb-btn-outline-secondary:hover {
2105
- color: #fff;
2106
- background-color: #868e96;
2107
- border-color: #868e96;
2108
- }
2109
-
2110
- .htb-btn-outline-secondary.focus,
2111
- .htb-btn-outline-secondary:focus {
2112
- box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
2113
- }
2114
-
2115
- .htb-btn-outline-secondary.disabled,
2116
- .htb-btn-outline-secondary:disabled {
2117
- color: #868e96;
2118
- background-color: transparent;
2119
- }
2120
-
2121
- .htb-btn-outline-secondary:not([disabled]):not(.disabled).active,
2122
- .htb-btn-outline-secondary:not([disabled]):not(.disabled):active,
2123
- .show>.htb-btn-outline-secondary.dropdown-toggle {
2124
- color: #fff;
2125
- background-color: #868e96;
2126
- border-color: #868e96;
2127
- box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
2128
- }
2129
-
2130
- .htb-btn-outline-success {
2131
- color: #28a745;
2132
- background-color: transparent;
2133
- background-image: none;
2134
- border-color: #28a745;
2135
- }
2136
-
2137
- .htb-btn-outline-success:hover {
2138
- color: #fff;
2139
- background-color: #28a745;
2140
- border-color: #28a745;
2141
- }
2142
-
2143
- .htb-btn-outline-success.focus,
2144
- .htb-btn-outline-success:focus {
2145
- box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
2146
- }
2147
-
2148
- .htb-btn-outline-success.disabled,
2149
- .htb-btn-outline-success:disabled {
2150
- color: #28a745;
2151
- background-color: transparent;
2152
- }
2153
-
2154
- .htb-btn-outline-success:not([disabled]):not(.disabled).active,
2155
- .htb-btn-outline-success:not([disabled]):not(.disabled):active,
2156
- .show>.htb-btn-outline-success.dropdown-toggle {
2157
- color: #fff;
2158
- background-color: #28a745;
2159
- border-color: #28a745;
2160
- box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
2161
- }
2162
-
2163
- .htb-btn-outline-info {
2164
- color: #17a2b8;
2165
- background-color: transparent;
2166
- background-image: none;
2167
- border-color: #17a2b8;
2168
- }
2169
-
2170
- .htb-btn-outline-info:hover {
2171
- color: #fff;
2172
- background-color: #17a2b8;
2173
- border-color: #17a2b8;
2174
- }
2175
-
2176
- .htb-btn-outline-info.focus,
2177
- .htb-btn-outline-info:focus {
2178
- box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
2179
- }
2180
-
2181
- .htb-btn-outline-info.disabled,
2182
- .htb-btn-outline-info:disabled {
2183
- color: #17a2b8;
2184
- background-color: transparent;
2185
- }
2186
-
2187
- .htb-btn-outline-info:not([disabled]):not(.disabled).active,
2188
- .htb-btn-outline-info:not([disabled]):not(.disabled):active,
2189
- .show>.htb-btn-outline-info.dropdown-toggle {
2190
- color: #fff;
2191
- background-color: #17a2b8;
2192
- border-color: #17a2b8;
2193
- box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
2194
- }
2195
-
2196
- .htb-btn-outline-warning {
2197
- color: #ffc107;
2198
- background-color: transparent;
2199
- background-image: none;
2200
- border-color: #ffc107;
2201
- }
2202
-
2203
- .htb-btn-outline-warning:hover {
2204
- color: #fff;
2205
- background-color: #ffc107;
2206
- border-color: #ffc107;
2207
- }
2208
-
2209
- .htb-btn-outline-warning.focus,
2210
- .htb-btn-outline-warning:focus {
2211
- box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
2212
- }
2213
-
2214
- .htb-btn-outline-warning.disabled,
2215
- .htb-btn-outline-warning:disabled {
2216
- color: #ffc107;
2217
- background-color: transparent;
2218
- }
2219
-
2220
- .htb-btn-outline-warning:not([disabled]):not(.disabled).active,
2221
- .htb-btn-outline-warning:not([disabled]):not(.disabled):active,
2222
- .show>.htb-btn-outline-warning.dropdown-toggle {
2223
- color: #fff;
2224
- background-color: #ffc107;
2225
- border-color: #ffc107;
2226
- box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
2227
- }
2228
-
2229
- .htb-btn-outline-danger {
2230
- color: #dc3545;
2231
- background-color: transparent;
2232
- background-image: none;
2233
- border-color: #dc3545;
2234
- }
2235
-
2236
- .htb-btn-outline-danger:hover {
2237
- color: #fff;
2238
- background-color: #dc3545;
2239
- border-color: #dc3545;
2240
- }
2241
-
2242
- .htb-btn-outline-danger.focus,
2243
- .htb-btn-outline-danger:focus {
2244
- box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
2245
- }
2246
-
2247
- .htb-btn-outline-danger.disabled,
2248
- .htb-btn-outline-danger:disabled {
2249
- color: #dc3545;
2250
- background-color: transparent;
2251
- }
2252
-
2253
- .htb-btn-outline-danger:not([disabled]):not(.disabled).active,
2254
- .htb-btn-outline-danger:not([disabled]):not(.disabled):active,
2255
- .show>.htb-btn-outline-danger.dropdown-toggle {
2256
- color: #fff;
2257
- background-color: #dc3545;
2258
- border-color: #dc3545;
2259
- box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
2260
- }
2261
-
2262
- .htb-btn-outline-light {
2263
- color: #f8f9fa;
2264
- background-color: transparent;
2265
- background-image: none;
2266
- border-color: #f8f9fa;
2267
- }
2268
-
2269
- .htb-btn-outline-light:hover {
2270
- color: #212529;
2271
- background-color: #f8f9fa;
2272
- border-color: #f8f9fa;
2273
- }
2274
-
2275
- .htb-btn-outline-light.focus,
2276
- .htb-btn-outline-light:focus {
2277
- box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
2278
- }
2279
-
2280
- .htb-btn-outline-light.disabled,
2281
- .htb-btn-outline-light:disabled {
2282
- color: #f8f9fa;
2283
- background-color: transparent;
2284
- }
2285
-
2286
- .htb-btn-outline-light:not([disabled]):not(.disabled).active,
2287
- .htb-btn-outline-light:not([disabled]):not(.disabled):active,
2288
- .show>.htb-btn-outline-light.dropdown-toggle {
2289
- color: #212529;
2290
- background-color: #f8f9fa;
2291
- border-color: #f8f9fa;
2292
- box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
2293
- }
2294
-
2295
- .htb-btn-outline-dark {
2296
- color: #343a40;
2297
- background-color: transparent;
2298
- background-image: none;
2299
- border-color: #343a40;
2300
- }
2301
-
2302
- .htb-btn-outline-dark:hover {
2303
- color: #fff;
2304
- background-color: #343a40;
2305
- border-color: #343a40;
2306
- }
2307
-
2308
- .htb-btn-outline-dark.focus,
2309
- .htb-btn-outline-dark:focus {
2310
- box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
2311
- }
2312
-
2313
- .htb-btn-outline-dark.disabled,
2314
- .htb-btn-outline-dark:disabled {
2315
- color: #343a40;
2316
- background-color: transparent;
2317
- }
2318
-
2319
- .htb-btn-outline-dark:not([disabled]):not(.disabled).htb-active,
2320
- .htb-btn-outline-dark:not([disabled]):not(.disabled):active,
2321
- .htb-show>.htb-btn-outline-dark.dropdown-toggle {
2322
- color: #fff;
2323
- background-color: #343a40;
2324
- border-color: #343a40;
2325
- box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
2326
- }
2327
-
2328
- .htb-alert {
2329
- position: relative;
2330
- padding: .75rem 1.25rem;
2331
- margin-bottom: 1rem;
2332
- border: 1px solid transparent;
2333
- border-radius: .25rem;
2334
- }
2335
- .htb-alert-success {
2336
- color: #155724;
2337
- background-color: #d4edda;
2338
- border-color: #c3e6cb;
2339
- }
2340
- .htb-alert-danger {
2341
- color: #721c24;
2342
- background-color: #f8d7da;
2343
- border-color: #f5c6cb;
2344
  }
1
+ a, a:visited {
2
+ text-decoration: underline;
3
+ }
4
+ *, ::after, ::before {
5
+ box-sizing: border-box;
6
+ }
7
+ a {
8
+ text-decoration: none;
9
+ background-color: transparent;
10
+ -webkit-text-decoration-skip: objects;
11
+ }
12
+ .htb-container {
13
+ width: 100%;
14
+ padding-right: 15px;
15
+ padding-left: 15px;
16
+ margin-right: auto;
17
+ margin-left: auto;
18
+ }
19
+ @media (min-width:576px) {
20
+ .htb-container {
21
+ max-width: 540px;
22
+ }
23
+ }
24
+ @media (min-width:768px) {
25
+ .htb-container {
26
+ max-width: 720px;
27
+ }
28
+ }@media (min-width:992px) {
29
+ .htb-container {
30
+ max-width: 960px;
31
+ }
32
+ }@media (min-width:1200px) {
33
+ .htb-container {
34
+ max-width: 1200px;
35
+ }
36
+ }.htb-container-fluid {
37
+ width: 100%;
38
+ padding-right: 15px;
39
+ padding-left: 15px;
40
+ margin-right: auto;
41
+ margin-left: auto;
42
+ }
43
+ .htb-row {
44
+ display: -ms-flexbox;
45
+ display: flex;
46
+ -ms-flex-wrap: wrap;
47
+ flex-wrap: wrap;
48
+ margin-right: -15px;
49
+ margin-left: -15px;
50
+ }
51
+ .htb-col, .htb-col-1, .htb-col-10, .htb-col-11, .htb-col-12, .htb-col-2, .htb-col-3, .htb-col-4, .htb-col-5, .htb-col-6, .htb-col-7, .htb-col-8, .htb-col-9, .htb-col-auto, .htb-col-lg, .htb-col-lg-1, .htb-col-lg-10, .htb-col-lg-11, .htb-col-lg-12, .htb-col-lg-2, .htb-col-lg-3, .htb-col-lg-4, .htb-col-lg-5, .htb-col-lg-6, .htb-col-lg-7, .htb-col-lg-8, .htb-col-lg-9, .htb-col-lg-auto, .htb-col-md, .htb-col-md-1, .htb-col-md-10, .htb-col-md-11, .htb-col-md-12, .htb-col-md-2, .htb-col-md-3, .htb-col-md-4, .htb-col-md-5, .htb-col-md-6, .htb-col-md-7, .htb-col-md-8, .htb-col-md-9, .htb-col-md-auto, .htb-col-sm, .htb-col-sm-1, .htb-col-sm-10, .htb-col-sm-11, .htb-col-sm-12, .htb-col-sm-2, .htb-col-sm-3, .htb-col-sm-4, .htb-col-sm-5, .htb-col-sm-6, .htb-col-sm-7, .htb-col-sm-8, .htb-col-sm-9, .htb-col-sm-auto, .htb-col-xl, .htb-col-xl-1, .htb-col-xl-10, .htb-col-xl-11, .htb-col-xl-12, .htb-col-xl-2, .htb-col-xl-3, .htb-col-xl-4, .htb-col-xl-5, .htb-col-xl-6, .htb-col-xl-7, .htb-col-xl-8, .htb-col-xl-9, .htb-col-xl-auto {
52
+ position: relative;
53
+ width: 100%;
54
+ min-height: 1px;
55
+ padding-right: 15px;
56
+ padding-left: 15px;
57
+ }
58
+ .htb-col {
59
+ -ms-flex-preferred-size: 0;
60
+ flex-basis: 0;
61
+ -ms-flex-positive: 1;
62
+ flex-grow: 1;
63
+ max-width: 100%;
64
+ }
65
+ .htb-col-auto {
66
+ -ms-flex: 0 0 auto;
67
+ flex: 0 0 auto;
68
+ width: auto;
69
+ max-width: none;
70
+ }
71
+ .htb-col-1 {
72
+ -ms-flex: 0 0 8.333333%;
73
+ flex: 0 0 8.333333%;
74
+ max-width: 8.333333%;
75
+ }
76
+ .htb-col-2 {
77
+ -ms-flex: 0 0 16.666667%;
78
+ flex: 0 0 16.666667%;
79
+ max-width: 16.666667%;
80
+ }
81
+ .htb-col-3 {
82
+ -ms-flex: 0 0 25%;
83
+ flex: 0 0 25%;
84
+ max-width: 25%;
85
+ }
86
+ .htb-col-4 {
87
+ -ms-flex: 0 0 33.333333%;
88
+ flex: 0 0 33.333333%;
89
+ max-width: 33.333333%;
90
+ }
91
+ .htb-col-5 {
92
+ -ms-flex: 0 0 41.666667%;
93
+ flex: 0 0 41.666667%;
94
+ max-width: 41.666667%;
95
+ }
96
+ .htb-col-6 {
97
+ -ms-flex: 0 0 50%;
98
+ flex: 0 0 50%;
99
+ max-width: 50%;
100
+ }
101
+ .htb-col-7 {
102
+ -ms-flex: 0 0 58.333333%;
103
+ flex: 0 0 58.333333%;
104
+ max-width: 58.333333%;
105
+ }
106
+ .htb-col-8 {
107
+ -ms-flex: 0 0 66.666667%;
108
+ flex: 0 0 66.666667%;
109
+ max-width: 66.666667%;
110
+ }
111
+ .htb-col-9 {
112
+ -ms-flex: 0 0 75%;
113
+ flex: 0 0 75%;
114
+ max-width: 75%;
115
+ }
116
+ .htb-col-10 {
117
+ -ms-flex: 0 0 83.333333%;
118
+ flex: 0 0 83.333333%;
119
+ max-width: 83.333333%;
120
+ }
121
+ .htb-col-11 {
122
+ -ms-flex: 0 0 91.666667%;
123
+ flex: 0 0 91.666667%;
124
+ max-width: 91.666667%;
125
+ }
126
+ .htb-col-12 {
127
+ -ms-flex: 0 0 100%;
128
+ flex: 0 0 100%;
129
+ max-width: 100%;
130
+ }
131
+ .htb-order-first {
132
+ -ms-flex-order: -1;
133
+ order: -1;
134
+ }
135
+ .htb-order-1 {
136
+ -ms-flex-order: 1;
137
+ order: 1;
138
+ }
139
+ .htb-order-2 {
140
+ -ms-flex-order: 2;
141
+ order: 2;
142
+ }
143
+ .htb-order-3 {
144
+ -ms-flex-order: 3;
145
+ order: 3;
146
+ }
147
+ .htb-order-4 {
148
+ -ms-flex-order: 4;
149
+ order: 4;
150
+ }
151
+ .htb-order-5 {
152
+ -ms-flex-order: 5;
153
+ order: 5;
154
+ }
155
+ .htb-order-6 {
156
+ -ms-flex-order: 6;
157
+ order: 6;
158
+ }
159
+ .htb-order-7 {
160
+ -ms-flex-order: 7;
161
+ order: 7;
162
+ }
163
+ .htb-order-8 {
164
+ -ms-flex-order: 8;
165
+ order: 8;
166
+ }
167
+ .htb-order-9 {
168
+ -ms-flex-order: 9;
169
+ order: 9;
170
+ }
171
+ .htb-order-10 {
172
+ -ms-flex-order: 10;
173
+ order: 10;
174
+ }
175
+ .htb-order-11 {
176
+ -ms-flex-order: 11;
177
+ order: 11;
178
+ }
179
+ .htb-order-12 {
180
+ -ms-flex-order: 12;
181
+ order: 12;
182
+ }
183
+ .htb-offset-1 {
184
+ margin-left: 8.333333%;
185
+ }
186
+ .htb-offset-2 {
187
+ margin-left: 16.666667%;
188
+ }
189
+ .htb-offset-3 {
190
+ margin-left: 25%;
191
+ }
192
+ .htb-offset-4 {
193
+ margin-left: 33.333333%;
194
+ }
195
+ .htb-offset-5 {
196
+ margin-left: 41.666667%;
197
+ }
198
+ .htb-offset-6 {
199
+ margin-left: 50%;
200
+ }
201
+ .htb-offset-7 {
202
+ margin-left: 58.333333%;
203
+ }
204
+ .htb-offset-8 {
205
+ margin-left: 66.666667%;
206
+ }
207
+ .htb-offset-9 {
208
+ margin-left: 75%;
209
+ }
210
+ .htb-offset-10 {
211
+ margin-left: 83.333333%;
212
+ }
213
+ .htb-offset-11 {
214
+ margin-left: 91.666667%;
215
+ }
216
+ @media (min-width:576px) {
217
+ .htb-col-sm {
218
+ -ms-flex-preferred-size: 0;
219
+ flex-basis: 0;
220
+ -ms-flex-positive: 1;
221
+ flex-grow: 1;
222
+ max-width: 100%;
223
+ }
224
+ .htb-col-sm-auto {
225
+ -ms-flex: 0 0 auto;
226
+ flex: 0 0 auto;
227
+ width: auto;
228
+ max-width: none;
229
+ }
230
+ .htb-col-sm-1 {
231
+ -ms-flex: 0 0 8.333333%;
232
+ flex: 0 0 8.333333%;
233
+ max-width: 8.333333%;
234
+ }
235
+ .htb-col-sm-2 {
236
+ -ms-flex: 0 0 16.666667%;
237
+ flex: 0 0 16.666667%;
238
+ max-width: 16.666667%;
239
+ }
240
+ .htb-col-sm-3 {
241
+ -ms-flex: 0 0 25%;
242
+ flex: 0 0 25%;
243
+ max-width: 25%;
244
+ }
245
+ .htb-col-sm-4 {
246
+ -ms-flex: 0 0 33.333333%;
247
+ flex: 0 0 33.333333%;
248
+ max-width: 33.333333%;
249
+ }
250
+ .htb-col-sm-5 {
251
+ -ms-flex: 0 0 41.666667%;
252
+ flex: 0 0 41.666667%;
253
+ max-width: 41.666667%;
254
+ }
255
+ .htb-col-sm-6 {
256
+ -ms-flex: 0 0 50%;
257
+ flex: 0 0 50%;
258
+ max-width: 50%;
259
+ }
260
+ .htb-col-sm-7 {
261
+ -ms-flex: 0 0 58.333333%;
262
+ flex: 0 0 58.333333%;
263
+ max-width: 58.333333%;
264
+ }
265
+ .htb-col-sm-8 {
266
+ -ms-flex: 0 0 66.666667%;
267
+ flex: 0 0 66.666667%;
268
+ max-width: 66.666667%;
269
+ }
270
+ .htb-col-sm-9 {
271
+ -ms-flex: 0 0 75%;
272
+ flex: 0 0 75%;
273
+ max-width: 75%;
274
+ }
275
+ .htb-col-sm-10 {
276
+ -ms-flex: 0 0 83.333333%;
277
+ flex: 0 0 83.333333%;
278
+ max-width: 83.333333%;
279
+ }
280
+ .htb-col-sm-11 {
281
+ -ms-flex: 0 0 91.666667%;
282
+ flex: 0 0 91.666667%;
283
+ max-width: 91.666667%;
284
+ }
285
+ .htb-col-sm-12 {
286
+ -ms-flex: 0 0 100%;
287
+ flex: 0 0 100%;
288
+ max-width: 100%;
289
+ }
290
+ .htb-order-sm-first {
291
+ -ms-flex-order: -1;
292
+ order: -1;
293
+ }
294
+ .htb-order-sm-1 {
295
+ -ms-flex-order: 1;
296
+ order: 1;
297
+ }
298
+ .htb-order-sm-2 {
299
+ -ms-flex-order: 2;
300
+ order: 2;
301
+ }
302
+ .htb-order-sm-3 {
303
+ -ms-flex-order: 3;
304
+ order: 3;
305
+ }
306
+ .htb-order-sm-4 {
307
+ -ms-flex-order: 4;
308
+ order: 4;
309
+ }
310
+ .htb-order-sm-5 {
311
+ -ms-flex-order: 5;
312
+ order: 5;
313
+ }
314
+ .htb-order-sm-6 {
315
+ -ms-flex-order: 6;
316
+ order: 6;
317
+ }
318
+ .htb-order-sm-7 {
319
+ -ms-flex-order: 7;
320
+ order: 7;
321
+ }
322
+ .htb-order-sm-8 {
323
+ -ms-flex-order: 8;
324
+ order: 8;
325
+ }
326
+ .htb-order-sm-9 {
327
+ -ms-flex-order: 9;
328
+ order: 9;
329
+ }
330
+ .htb-order-sm-10 {
331
+ -ms-flex-order: 10;
332
+ order: 10;
333
+ }
334
+ .htb-order-sm-11 {
335
+ -ms-flex-order: 11;
336
+ order: 11;
337
+ }
338
+ .htb-order-sm-12 {
339
+ -ms-flex-order: 12;
340
+ order: 12;
341
+ }
342
+ .htb-offset-sm-0 {
343
+ margin-left: 0;
344
+ }
345
+ .htb-offset-sm-1 {
346
+ margin-left: 8.333333%;
347
+ }
348
+ .htb-offset-sm-2 {
349
+ margin-left: 16.666667%;
350
+ }
351
+ .htb-offset-sm-3 {
352
+ margin-left: 25%;
353
+ }
354
+ .htb-offset-sm-4 {
355
+ margin-left: 33.333333%;
356
+ }
357
+ .htb-offset-sm-5 {
358
+ margin-left: 41.666667%;
359
+ }
360
+ .htb-offset-sm-6 {
361
+ margin-left: 50%;
362
+ }
363
+ .htb-offset-sm-7 {
364
+ margin-left: 58.333333%;
365
+ }
366
+ .htb-offset-sm-8 {
367
+ margin-left: 66.666667%;
368
+ }
369
+ .htb-offset-sm-9 {
370
+ margin-left: 75%;
371
+ }
372
+ .htb-offset-sm-10 {
373
+ margin-left: 83.333333%;
374
+ }
375
+ .htb-offset-sm-11 {
376
+ margin-left: 91.666667%;
377
+ }
378
+ }@media (min-width:768px) {
379
+ .htb-col-md {
380
+ -ms-flex-preferred-size: 0;
381
+ flex-basis: 0;
382
+ -ms-flex-positive: 1;
383
+ flex-grow: 1;
384
+ max-width: 100%;
385
+ }
386
+ .htb-col-md-auto {
387
+ -ms-flex: 0 0 auto;
388
+ flex: 0 0 auto;
389
+ width: auto;
390
+ max-width: none;
391
+ }
392
+ .htb-col-md-1 {
393
+ -ms-flex: 0 0 8.333333%;
394
+ flex: 0 0 8.333333%;
395
+ max-width: 8.333333%;
396
+ }
397
+ .htb-col-md-2 {
398
+ -ms-flex: 0 0 16.666667%;
399
+ flex: 0 0 16.666667%;
400
+ max-width: 16.666667%;
401
+ }
402
+ .htb-col-md-3 {
403
+ -ms-flex: 0 0 25%;
404
+ flex: 0 0 25%;
405
+ max-width: 25%;
406
+ }
407
+ .htb-col-md-4 {
408
+ -ms-flex: 0 0 33.333333%;
409
+ flex: 0 0 33.333333%;
410
+ max-width: 33.333333%;
411
+ }
412
+ .htb-col-md-5 {
413
+ -ms-flex: 0 0 41.666667%;
414
+ flex: 0 0 41.666667%;
415
+ max-width: 41.666667%;
416
+ }
417
+ .htb-col-md-6 {
418
+ -ms-flex: 0 0 50%;
419
+ flex: 0 0 50%;
420
+ max-width: 50%;
421
+ }
422
+ .htb-col-md-7 {
423
+ -ms-flex: 0 0 58.333333%;
424
+ flex: 0 0 58.333333%;
425
+ max-width: 58.333333%;
426
+ }
427
+ .htb-col-md-8 {
428
+ -ms-flex: 0 0 66.666667%;
429
+ flex: 0 0 66.666667%;
430
+ max-width: 66.666667%;
431
+ }
432
+ .htb-col-md-9 {
433
+ -ms-flex: 0 0 75%;
434
+ flex: 0 0 75%;
435
+ max-width: 75%;
436
+ }
437
+ .htb-col-md-10 {
438
+ -ms-flex: 0 0 83.333333%;
439
+ flex: 0 0 83.333333%;
440
+ max-width: 83.333333%;
441
+ }
442
+ .htb-col-md-11 {
443
+ -ms-flex: 0 0 91.666667%;
444
+ flex: 0 0 91.666667%;
445
+ max-width: 91.666667%;
446
+ }
447
+ .htb-col-md-12 {
448
+ -ms-flex: 0 0 100%;
449
+ flex: 0 0 100%;
450
+ max-width: 100%;
451
+ }
452
+ .htb-order-md-first {
453
+ -ms-flex-order: -1;
454
+ order: -1;
455
+ }
456
+ .htb-order-md-1 {
457
+ -ms-flex-order: 1;
458
+ order: 1;
459
+ }
460
+ .htb-order-md-2 {
461
+ -ms-flex-order: 2;
462
+ order: 2;
463
+ }
464
+ .htb-order-md-3 {
465
+ -ms-flex-order: 3;
466
+ order: 3;
467
+ }
468
+ .htb-order-md-4 {
469
+ -ms-flex-order: 4;
470
+ order: 4;
471
+ }
472
+ .htb-order-md-5 {
473
+ -ms-flex-order: 5;
474
+ order: 5;
475
+ }
476
+ .htb-order-md-6 {
477
+ -ms-flex-order: 6;
478
+ order: 6;
479
+ }
480
+ .htb-order-md-7 {
481
+ -ms-flex-order: 7;
482
+ order: 7;
483
+ }
484
+ .htb-order-md-8 {
485
+ -ms-flex-order: 8;
486
+ order: 8;
487
+ }
488
+ .htb-order-md-9 {
489
+ -ms-flex-order: 9;
490
+ order: 9;
491
+ }
492
+ .htb-order-md-10 {
493
+ -ms-flex-order: 10;
494
+ order: 10;
495
+ }
496
+ .htb-order-md-11 {
497
+ -ms-flex-order: 11;
498
+ order: 11;
499
+ }
500
+ .htb-order-md-12 {
501
+ -ms-flex-order: 12;
502
+ order: 12;
503
+ }
504
+ .htb-offset-md-0 {
505
+ margin-left: 0;
506
+ }
507
+ .htb-offset-md-1 {
508
+ margin-left: 8.333333%;
509
+ }
510
+ .htb-offset-md-2 {
511
+ margin-left: 16.666667%;
512
+ }
513
+ .htb-offset-md-3 {
514
+ margin-left: 25%;
515
+ }
516
+ .htb-offset-md-4 {
517
+ margin-left: 33.333333%;
518
+ }
519
+ .htb-offset-md-5 {
520
+ margin-left: 41.666667%;
521
+ }
522
+ .htb-offset-md-6 {
523
+ margin-left: 50%;
524
+ }
525
+ .htb-offset-md-7 {
526
+ margin-left: 58.333333%;
527
+ }
528
+ .htb-offset-md-8 {
529
+ margin-left: 66.666667%;
530
+ }
531
+ .htb-offset-md-9 {
532
+ margin-left: 75%;
533
+ }
534
+ .htb-offset-md-10 {
535
+ margin-left: 83.333333%;
536
+ }
537
+ .htb-offset-md-11 {
538
+ margin-left: 91.666667%;
539
+ }
540
+ }@media (min-width:992px) {
541
+ .htb-col-lg {
542
+ -ms-flex-preferred-size: 0;
543
+ flex-basis: 0;
544
+ -ms-flex-positive: 1;
545
+ flex-grow: 1;
546
+ max-width: 100%;
547
+ }
548
+ .htb-col-lg-auto {
549
+ -ms-flex: 0 0 auto;
550
+ flex: 0 0 auto;
551
+ width: auto;
552
+ max-width: none;
553
+ }
554
+ .htb-col-lg-1 {
555
+ -ms-flex: 0 0 8.333333%;
556
+ flex: 0 0 8.333333%;
557
+ max-width: 8.333333%;
558
+ }
559
+ .htb-col-lg-2 {
560
+ -ms-flex: 0 0 16.666667%;
561
+ flex: 0 0 16.666667%;
562
+ max-width: 16.666667%;
563
+ }
564
+ .htb-col-lg-3 {
565
+ -ms-flex: 0 0 25%;
566
+ flex: 0 0 25%;
567
+ max-width: 25%;
568
+ }
569
+ .htb-col-lg-4 {
570
+ -ms-flex: 0 0 33.333333%;
571
+ flex: 0 0 33.333333%;
572
+ max-width: 33.333333%;
573
+ }
574
+ .htb-col-lg-5 {
575
+ -ms-flex: 0 0 41.666667%;
576
+ flex: 0 0 41.666667%;
577
+ max-width: 41.666667%;
578
+ }
579
+ .htb-col-lg-6 {
580
+ -ms-flex: 0 0 50%;
581
+ flex: 0 0 50%;
582
+ max-width: 50%;
583
+ }
584
+ .htb-col-lg-7 {
585
+ -ms-flex: 0 0 58.333333%;
586
+ flex: 0 0 58.333333%;
587
+ max-width: 58.333333%;
588
+ }
589
+ .htb-col-lg-8 {
590
+ -ms-flex: 0 0 66.666667%;
591
+ flex: 0 0 66.666667%;
592
+ max-width: 66.666667%;
593
+ }
594
+ .htb-col-lg-9 {
595
+ -ms-flex: 0 0 75%;
596
+ flex: 0 0 75%;
597
+ max-width: 75%;
598
+ }
599
+ .htb-col-lg-10 {
600
+ -ms-flex: 0 0 83.333333%;
601
+ flex: 0 0 83.333333%;
602
+ max-width: 83.333333%;
603
+ }
604
+ .htb-col-lg-11 {
605
+ -ms-flex: 0 0 91.666667%;
606
+ flex: 0 0 91.666667%;
607
+ max-width: 91.666667%;
608
+ }
609
+ .htb-col-lg-12 {
610
+ -ms-flex: 0 0 100%;
611
+ flex: 0 0 100%;
612
+ max-width: 100%;
613
+ }
614
+ .htb-order-lg-first {
615
+ -ms-flex-order: -1;
616
+ order: -1;
617
+ }
618
+ .htb-order-lg-1 {
619
+ -ms-flex-order: 1;
620
+ order: 1;
621
+ }
622
+ .htb-order-lg-2 {
623
+ -ms-flex-order: 2;
624
+ order: 2;
625
+ }
626
+ .htb-order-lg-3 {
627
+ -ms-flex-order: 3;
628
+ order: 3;
629
+ }
630
+ .htb-order-lg-4 {
631
+ -ms-flex-order: 4;
632
+ order: 4;
633
+ }
634
+ .htb-order-lg-5 {
635
+ -ms-flex-order: 5;
636
+ order: 5;
637
+ }
638
+ .htb-order-lg-6 {
639
+ -ms-flex-order: 6;
640
+ order: 6;
641
+ }
642
+ .htb-order-lg-7 {
643
+ -ms-flex-order: 7;
644
+ order: 7;
645
+ }
646
+ .htb-order-lg-8 {
647
+ -ms-flex-order: 8;
648
+ order: 8;
649
+ }
650
+ .htb-order-lg-9 {
651
+ -ms-flex-order: 9;
652
+ order: 9;
653
+ }
654
+ .htb-order-lg-10 {
655
+ -ms-flex-order: 10;
656
+ order: 10;
657
+ }
658
+ .htb-order-lg-11 {
659
+ -ms-flex-order: 11;
660
+ order: 11;
661
+ }
662
+ .htb-order-lg-12 {
663
+ -ms-flex-order: 12;
664
+ order: 12;
665
+ }
666
+ .htb-offset-lg-0 {
667
+ margin-left: 0;
668
+ }
669
+ .htb-offset-lg-1 {
670
+ margin-left: 8.333333%;
671
+ }
672
+ .htb-offset-lg-2 {
673
+ margin-left: 16.666667%;
674
+ }
675
+ .htb-offset-lg-3 {
676
+ margin-left: 25%;
677
+ }
678
+ .htb-offset-lg-4 {
679
+ margin-left: 33.333333%;
680
+ }
681
+ .htb-offset-lg-5 {
682
+ margin-left: 41.666667%;
683
+ }
684
+ .htb-offset-lg-6 {
685
+ margin-left: 50%;
686
+ }
687
+ .htb-offset-lg-7 {
688
+ margin-left: 58.333333%;
689
+ }
690
+ .htb-offset-lg-8 {
691
+ margin-left: 66.666667%;
692
+ }
693
+ .htb-offset-lg-9 {
694
+ margin-left: 75%;
695
+ }
696
+ .htb-offset-lg-10 {
697
+ margin-left: 83.333333%;
698
+ }
699
+ .htb-offset-lg-11 {
700
+ margin-left: 91.666667%;
701
+ }
702
+ }@media (min-width:1200px) {
703
+ .htb-col-xl {
704
+ -ms-flex-preferred-size: 0;
705
+ flex-basis: 0;
706
+ -ms-flex-positive: 1;
707
+ flex-grow: 1;
708
+ max-width: 100%;
709
+ }
710
+ .htb-col-xl-auto {
711
+ -ms-flex: 0 0 auto;
712
+ flex: 0 0 auto;
713
+ width: auto;
714
+ max-width: none;
715
+ }
716
+ .htb-col-xl-1 {
717
+ -ms-flex: 0 0 8.333333%;
718
+ flex: 0 0 8.333333%;
719
+ max-width: 8.333333%;
720
+ }
721
+ .htb-col-xl-2 {
722
+ -ms-flex: 0 0 16.666667%;
723
+ flex: 0 0 16.666667%;
724
+ max-width: 16.666667%;
725
+ }
726
+ .htb-col-xl-3 {
727
+ -ms-flex: 0 0 25%;
728
+ flex: 0 0 25%;
729
+ max-width: 25%;
730
+ }
731
+ .htb-col-xl-4 {
732
+ -ms-flex: 0 0 33.333333%;
733
+ flex: 0 0 33.333333%;
734
+ max-width: 33.333333%;
735
+ }
736
+ .htb-col-xl-5 {
737
+ -ms-flex: 0 0 41.666667%;
738
+ flex: 0 0 41.666667%;
739
+ max-width: 41.666667%;
740
+ }
741
+ .htb-col-xl-6 {
742
+ -ms-flex: 0 0 50%;
743
+ flex: 0 0 50%;
744
+ max-width: 50%;
745
+ }
746
+ .htb-col-xl-7 {
747
+ -ms-flex: 0 0 58.333333%;
748
+ flex: 0 0 58.333333%;
749
+ max-width: 58.333333%;
750
+ }
751
+ .htb-col-xl-8 {
752
+ -ms-flex: 0 0 66.666667%;
753
+ flex: 0 0 66.666667%;
754
+ max-width: 66.666667%;
755
+ }
756
+ .htb-col-xl-9 {
757
+ -ms-flex: 0 0 75%;
758
+ flex: 0 0 75%;
759
+ max-width: 75%;
760
+ }
761
+ .htb-col-xl-10 {
762
+ -ms-flex: 0 0 83.333333%;
763
+ flex: 0 0 83.333333%;
764
+ max-width: 83.333333%;
765
+ }
766
+ .htb-col-xl-11 {
767
+ -ms-flex: 0 0 91.666667%;
768
+ flex: 0 0 91.666667%;
769
+ max-width: 91.666667%;
770
+ }
771
+ .htb-col-xl-12 {
772
+ -ms-flex: 0 0 100%;
773
+ flex: 0 0 100%;
774
+ max-width: 100%;
775
+ }
776
+ .htb-order-xl-first {
777
+ -ms-flex-order: -1;
778
+ order: -1;
779
+ }
780
+ .htb-order-xl-1 {
781
+ -ms-flex-order: 1;
782
+ order: 1;
783
+ }
784
+ .htb-order-xl-2 {
785
+ -ms-flex-order: 2;
786
+ order: 2;
787
+ }
788
+ .htb-order-xl-3 {
789
+ -ms-flex-order: 3;
790
+ order: 3;
791
+ }
792
+ .htb-order-xl-4 {
793
+ -ms-flex-order: 4;
794
+ order: 4;
795
+ }
796
+ .htb-order-xl-5 {
797
+ -ms-flex-order: 5;
798
+ order: 5;
799
+ }
800
+ .htb-order-xl-6 {
801
+ -ms-flex-order: 6;
802
+ order: 6;
803
+ }
804
+ .htb-order-xl-7 {
805
+ -ms-flex-order: 7;
806
+ order: 7;
807
+ }
808
+ .htb-order-xl-8 {
809
+ -ms-flex-order: 8;
810
+ order: 8;
811
+ }
812
+ .htb-order-xl-9 {
813
+ -ms-flex-order: 9;
814
+ order: 9;
815
+ }
816
+ .htb-order-xl-10 {
817
+ -ms-flex-order: 10;
818
+ order: 10;
819
+ }
820
+ .htb-order-xl-11 {
821
+ -ms-flex-order: 11;
822
+ order: 11;
823
+ }
824
+ .htb-order-xl-12 {
825
+ -ms-flex-order: 12;
826
+ order: 12;
827
+ }
828
+ .htb-offset-xl-0 {
829
+ margin-left: 0;
830
+ }
831
+ .htb-offset-xl-1 {
832
+ margin-left: 8.333333%;
833
+ }
834
+ .htb-offset-xl-2 {
835
+ margin-left: 16.666667%;
836
+ }
837
+ .htb-offset-xl-3 {
838
+ margin-left: 25%;
839
+ }
840
+ .htb-offset-xl-4 {
841
+ margin-left: 33.333333%;
842
+ }
843
+ .htb-offset-xl-5 {
844
+ margin-left: 41.666667%;
845
+ }
846
+ .htb-offset-xl-6 {
847
+ margin-left: 50%;
848
+ }
849
+ .htb-offset-xl-7 {
850
+ margin-left: 58.333333%;
851
+ }
852
+ .htb-offset-xl-8 {
853
+ margin-left: 66.666667%;
854
+ }
855
+ .htb-offset-xl-9 {
856
+ margin-left: 75%;
857
+ }
858
+ .htb-offset-xl-10 {
859
+ margin-left: 83.333333%;
860
+ }
861
+ .htb-offset-xl-11 {
862
+ margin-left: 91.666667%;
863
+ }
864
+ }.htb-table {
865
+ width: 100%;
866
+ max-width: 100%;
867
+ margin-bottom: 1rem;
868
+ background-color: transparent;
869
+ }
870
+ .htb-table td, .htb-table th {
871
+ padding: .75rem;
872
+ vertical-align: top;
873
+ border-top: 1px solid #e9ecef;
874
+ }
875
+ .htb-table thead th {
876
+ vertical-align: bottom;
877
+ border-bottom: 2px solid #e9ecef;
878
+ }
879
+ .htb-table tbody+tbody {
880
+ border-top: 2px solid #e9ecef;
881
+ }
882
+ .htb-table .htb-table {
883
+ background-color: #fff;
884
+ }
885
+ .htb-table-sm td, .htb-table-sm th {
886
+ padding: .3rem;
887
+ }
888
+ .htb-table-bordered {
889
+ border: 1px solid #e9ecef;
890
+ }
891
+ .htb-table-bordered td, .htb-table-bordered th {
892
+ border: 1px solid #e9ecef;
893
+ }
894
+ .htb-table-bordered thead td, .htb-table-bordered thead th {
895
+ border-bottom-width: 2px;
896
+ }
897
+ .htb-table-striped tbody tr:nth-of-type(odd) {
898
+ background-color: rgba(0, 0, 0, .05);
899
+ }
900
+ .htb-table-hover tbody tr:hover {
901
+ background-color: rgba(0, 0, 0, .075);
902
+ }
903
+ .htb-table-primary, .htb-table-primary>td, .htb-table-primary>th {
904
+ background-color: #b8daff;
905
+ }
906
+ .htb-table-hover .htb-table-primary:hover {
907
+ background-color: #9fcdff;
908
+ }
909
+ .htb-table-hover .htb-table-primary:hover>td, .htb-table-hover .htb-table-primary:hover>th {
910
+ background-color: #9fcdff;
911
+ }
912
+ .htb-table-secondary, .htb-table-secondary>td, .htb-table-secondary>th {
913
+ background-color: #dddfe2;
914
+ }
915
+ .htb-table-hover .htb-table-secondary:hover {
916
+ background-color: #cfd2d6;
917
+ }
918
+ .htb-table-hover .htb-table-secondary:hover>td, .htb-table-hover .htb-table-secondary:hover>th {
919
+ background-color: #cfd2d6;
920
+ }
921
+ .htb-table-success, .htb-table-success>td, .htb-table-success>th {
922
+ background-color: #c3e6cb;
923
+ }
924
+ .htb-table-hover .htb-table-success:hover {
925
+ background-color: #b1dfbb;
926
+ }
927
+ .htb-table-hover .htb-table-success:hover>td, .htb-table-hover .htb-table-success:hover>th {
928
+ background-color: #b1dfbb;
929
+ }
930
+ .htb-table-info, .htb-table-info>td, .htb-table-info>th {
931
+ background-color: #bee5eb;
932
+ }
933
+ .htb-table-hover .htb-table-info:hover {
934
+ background-color: #abdde5;
935
+ }
936
+ .htb-table-hover .htb-table-info:hover>td, .htb-table-hover .htb-table-info:hover>th {
937
+ background-color: #abdde5;
938
+ }
939
+ .htb-table-warning, .htb-table-warning>td, .htb-table-warning>th {
940
+ background-color: #ffeeba;
941
+ }
942
+ .htb-table-hover .htb-table-warning:hover {
943
+ background-color: #ffe8a1;
944
+ }
945
+ .htb-table-hover .htb-table-warning:hover>td, .htb-table-hover .htb-table-warning:hover>th {
946
+ background-color: #ffe8a1;
947
+ }
948
+ .htb-table-danger, .htb-table-danger>td, .htb-table-danger>th {
949
+ background-color: #f5c6cb;
950
+ }
951
+ .htb-table-hover .htb-table-danger:hover {
952
+ background-color: #f1b0b7;
953
+ }
954
+ .htb-table-hover .htb-table-danger:hover>td, .htb-table-hover .htb-table-danger:hover>th {
955
+ background-color: #f1b0b7;
956
+ }
957
+ .htb-table-light, .htb-table-light>td, .htb-table-light>th {
958
+ background-color: #fdfdfe;
959
+ }
960
+ .htb-table-hover .htb-table-light:hover {
961
+ background-color: #ececf6;
962
+ }
963
+ .htb-table-hover .htb-table-light:hover>td, .htb-table-hover .htb-table-light:hover>th {
964
+ background-color: #ececf6;
965
+ }
966
+ .htb-table-dark, .htb-table-dark>td, .htb-table-dark>th {
967
+ background-color: #c6c8ca;
968
+ }
969
+ .htb-table-hover .htb-table-dark:hover {
970
+ background-color: #b9bbbe;
971
+ }
972
+ .htb-table-hover .htb-table-dark:hover>td, .htb-table-hover .htb-table-dark:hover>th {
973
+ background-color: #b9bbbe;
974
+ }
975
+ .htb-table-active, .htb-table-active>td, .htb-table-active>th {
976
+ background-color: rgba(0, 0, 0, .075);
977
+ }
978
+ .htb-table-hover .htb-table-active:hover {
979
+ background-color: rgba(0, 0, 0, .075);
980
+ }
981
+ .htb-table-hover .htb-table-active:hover>td, .htb-table-hover .htb-table-active:hover>th {
982
+ background-color: rgba(0, 0, 0, .075);
983
+ }
984
+ .htb-table .htb-thead-dark th {
985
+ color: #fff;
986
+ background-color: #212529;
987
+ border-color: #32383e;
988
+ }
989
+ .htb-table .htb-thead-light th {
990
+ color: #495057;
991
+ background-color: #e9ecef;
992
+ border-color: #e9ecef;
993
+ }
994
+ .htb-table-dark {
995
+ color: #fff;
996
+ background-color: #212529;
997
+ }
998
+ .htb-table-dark td, .htb-table-dark th, .htb-table-dark thead th {
999
+ border-color: #32383e;
1000
+ }
1001
+ .htb-table-dark.htb-table-bordered {
1002
+ border: 0;
1003
+ }
1004
+ .htb-table-dark.htb-table-striped tbody tr:nth-of-type(odd) {
1005
+ background-color: rgba(255, 255, 255, .05);
1006
+ }
1007
+ .htb-table-dark.htb-table-hover tbody tr:hover {
1008
+ background-color: rgba(255, 255, 255, .075);
1009
+ }
1010
+ @media (max-width:575px) {
1011
+ .htb-table-responsive-sm {
1012
+ display: block;
1013
+ width: 100%;
1014
+ overflow-x: auto;
1015
+ -webkit-overflow-scrolling: touch;
1016
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1017
+ }
1018
+ .htb-table-responsive-sm.htb-table-bordered {
1019
+ border: 0;
1020
+ }
1021
+ }@media (max-width:767px) {
1022
+ .htb-table-responsive-md {
1023
+ display: block;
1024
+ width: 100%;
1025
+ overflow-x: auto;
1026
+ -webkit-overflow-scrolling: touch;
1027
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1028
+ }
1029
+ .htb-table-responsive-md.htb-table-bordered {
1030
+ border: 0;
1031
+ }
1032
+ }@media (max-width:991px) {
1033
+ .htb-table-responsive-lg {
1034
+ display: block;
1035
+ width: 100%;
1036
+ overflow-x: auto;
1037
+ -webkit-overflow-scrolling: touch;
1038
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1039
+ }
1040
+ .htb-table-responsive-lg.htb-table-bordered {
1041
+ border: 0;
1042
+ }
1043
+ }@media (max-width:1199px) {
1044
+ .htb-table-responsive-xl {
1045
+ display: block;
1046
+ width: 100%;
1047
+ overflow-x: auto;
1048
+ -webkit-overflow-scrolling: touch;
1049
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1050
+ }
1051
+ .htb-table-responsive-xl.htb-table-bordered {
1052
+ border: 0;
1053
+ }
1054
+ }.htb-table-responsive {
1055
+ display: block;
1056
+ width: 100%;
1057
+ overflow-x: auto;
1058
+ -webkit-overflow-scrolling: touch;
1059
+ -ms-overflow-style: -ms-autohiding-scrollbar;
1060
+ }
1061
+ .htb-table-responsive.htb-table-bordered {
1062
+ border: 0;
1063
+ }
1064
+ .htb-form-control {
1065
+ display: block;
1066
+ width: 100%;
1067
+ padding: .375rem .75rem;
1068
+ font-size: 1rem;
1069
+ line-height: 1.5;
1070
+ color: #495057;
1071
+ background-color: #fff;
1072
+ background-image: none;
1073
+ background-clip: padding-box;
1074
+ border: 1px solid #ced4da;
1075
+ border-radius: .25rem;
1076
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
1077
+ }
1078
+ .htb-form-control::-ms-expand {
1079
+ background-color: transparent;
1080
+ border: 0;
1081
+ }
1082
+ .htb-form-control:focus {
1083
+ color: #495057;
1084
+ background-color: #fff;
1085
+ border-color: #80bdff;
1086
+ outline: 0;
1087
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
1088
+ }
1089
+ .htb-form-control::-webkit-input-placeholder {
1090
+ color: #868e96;
1091
+ opacity: 1;
1092
+ }
1093
+ .htb-form-control:-ms-input-placeholder {
1094
+ color: #868e96;
1095
+ opacity: 1;
1096
+ }
1097
+ .htb-form-control::-ms-input-placeholder {
1098
+ color: #868e96;
1099
+ opacity: 1;
1100
+ }
1101
+ .htb-form-control::placeholder {
1102
+ color: #868e96;
1103
+ opacity: 1;
1104
+ }
1105
+ .htb-form-control:disabled, .htb-form-control[readonly] {
1106
+ background-color: #e9ecef;
1107
+ opacity: 1;
1108
+ }
1109
+ select.htb-form-control:not([size]):not([multiple]) {
1110
+ height: calc(2.25rem + 2px);
1111
+ }
1112
+ select.htb-form-control:focus::-ms-value {
1113
+ color: #495057;
1114
+ background-color: #fff;
1115
+ }
1116
+ .htb-form-control-file, .htb-form-control-range {
1117
+ display: block;
1118
+ }
1119
+ .htb-col-form-label {
1120
+ padding-top: calc(.375rem + 1px);
1121
+ padding-bottom: calc(.375rem + 1px);
1122
+ margin-bottom: 0;
1123
+ line-height: 1.5;
1124
+ }
1125
+ .htb-col-form-label-lg {
1126
+ padding-top: calc(.5rem + 1px);
1127
+ padding-bottom: calc(.5rem + 1px);
1128
+ font-size: 1.25rem;
1129
+ line-height: 1.5;
1130
+ }
1131
+ .htb-col-form-label-sm {
1132
+ padding-top: calc(.25rem + 1px);
1133
+ padding-bottom: calc(.25rem + 1px);
1134
+ font-size: .875rem;
1135
+ line-height: 1.5;
1136
+ }
1137
+ .htb-form-group {
1138
+ margin-bottom: 1rem;
1139
+ }
1140
+ .htb-form-text {
1141
+ display: block;
1142
+ margin-top: .25rem;
1143
+ }
1144
+ .htb-form-row {
1145
+ display: -ms-flexbox;
1146
+ display: flex;
1147
+ -ms-flex-wrap: wrap;
1148
+ flex-wrap: wrap;
1149
+ margin-right: -5px;
1150
+ margin-left: -5px;
1151
+ }
1152
+ .htb-form-row>.htb-col, .htb-form-row>[class*=col-] {
1153
+ padding-right: 5px;
1154
+ padding-left: 5px;
1155
+ }
1156
+
1157
+ .htb-btn {
1158
+ display: inline-block;
1159
+ font-weight: 400;
1160
+ text-align: center;
1161
+ white-space: nowrap;
1162
+ vertical-align: middle;
1163
+ -webkit-user-select: none;
1164
+ -moz-user-select: none;
1165
+ -ms-user-select: none;
1166
+ user-select: none;
1167
+ border: 1px solid transparent;
1168
+ padding: .375rem .75rem;
1169
+ font-size: 1rem;
1170
+ line-height: 1.5;
1171
+ border-radius: .25rem;
1172
+ transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
1173
+ }
1174
+ .htb-btn:focus, .htb-btn:hover {
1175
+ text-decoration: none;
1176
+ }
1177
+ .htb-btn.htb-focus, .htb-btn:focus {
1178
+ outline: 0;
1179
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
1180
+ }
1181
+ .htb-btn.disabled, .htb-btn:disabled {
1182
+ opacity: .65;
1183
+ }
1184
+ .htb-btn:not([disabled]):not(.disabled).htb-active, .htb-btn:not([disabled]):not(.htb-disabled):active {
1185
+ background-image: none;
1186
+ }
1187
+ a.htb-btn.htb-disabled, fieldset[disabled] a.htb-htb-btn {
1188
+ pointer-events: none;
1189
+ }
1190
+ .htb-btn-primary {
1191
+ color: #fff;
1192
+ background-color: #007bff;
1193
+ border-color: #007bff;
1194
+ }
1195
+ .htb-btn-primary:hover {
1196
+ color: #fff;
1197
+ background-color: #0069d9;
1198
+ border-color: #0062cc;
1199
+ }
1200
+ .htb-btn-primary.htb-focus, .htb-btn-primary:focus {
1201
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
1202
+ }
1203
+ .htb-btn-primary.htb-disabled, .htb-btn-primary:disabled {
1204
+ background-color: #007bff;
1205
+ border-color: #007bff;
1206
+ }
1207
+ .htb-btn-primary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-primary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-primary.htb-dropdown-toggle {
1208
+ color: #fff;
1209
+ background-color: #0062cc;
1210
+ border-color: #005cbf;
1211
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
1212
+ }
1213
+ .htb-btn-secondary {
1214
+ color: #fff;
1215
+ background-color: #868e96;
1216
+ border-color: #868e96;
1217
+ }
1218
+ .htb-btn-secondary:hover {
1219
+ color: #fff;
1220
+ background-color: #727b84;
1221
+ border-color: #6c757d;
1222
+ }
1223
+ .htb-btn-secondary.htb-focus, .htb-btn-secondary:focus {
1224
+ box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
1225
+ }
1226
+ .htb-btn-secondary.htb-disabled, .htb-btn-secondary:disabled {
1227
+ background-color: #868e96;
1228
+ border-color: #868e96;
1229
+ }
1230
+ .htb-btn-secondary:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-secondary:not([disabled]):not(.htb-disabled):active, .show>.htb-btn-secondary.htb-dropdown-toggle {
1231
+ color: #fff;
1232
+ background-color: #6c757d;
1233
+ border-color: #666e76;
1234
+ box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
1235
+ }
1236
+ .htb-btn-success {
1237
+ color: #fff;
1238
+ background-color: #28a745;
1239
+ border-color: #28a745;
1240
+ }
1241
+ .htb-btn-success:hover {
1242
+ color: #fff;
1243
+ background-color: #218838;
1244
+ border-color: #1e7e34;
1245
+ }
1246
+ .htb-btn-success.htb-focus, .htb-btn-success:focus {
1247
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
1248
+ }
1249
+ .htb-btn-success.htb-disabled, .htb-btn-success:disabled {
1250
+ background-color: #28a745;
1251
+ border-color: #28a745;
1252
+ }
1253
+ .htb-btn-success:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-success:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-success.htb-dropdown-toggle {
1254
+ color: #fff;
1255
+ background-color: #1e7e34;
1256
+ border-color: #1c7430;
1257
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
1258
+ }
1259
+ .htb-btn-info {
1260
+ color: #fff;
1261
+ background-color: #17a2b8;
1262
+ border-color: #17a2b8;
1263
+ }
1264
+ .htb-btn-info:hover {
1265
+ color: #fff;
1266
+ background-color: #138496;
1267
+ border-color: #117a8b;
1268
+ }
1269
+ .htb-btn-info.focus, .htb-btn-info:focus {
1270
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
1271
+ }
1272
+ .htb-btn-info.disabled, .htb-btn-info:disabled {
1273
+ background-color: #17a2b8;
1274
+ border-color: #17a2b8;
1275
+ }
1276
+ .htb-btn-info:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-info:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-info.htb-dropdown-toggle {
1277
+ color: #fff;
1278
+ background-color: #117a8b;
1279
+ border-color: #10707f;
1280
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
1281
+ }
1282
+ .htb-btn-warning {
1283
+ color: #111;
1284
+ background-color: #ffc107;
1285
+ border-color: #ffc107;
1286
+ }
1287
+ .htb-btn-warning:hover {
1288
+ color: #111;
1289
+ background-color: #e0a800;
1290
+ border-color: #d39e00;
1291
+ }
1292
+ .htb-btn-warning.focus, .htb-btn-warning:focus {
1293
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
1294
+ }
1295
+ .htb-btn-warning.disabled, .htb-btn-warning:disabled {
1296
+ background-color: #ffc107;
1297
+ border-color: #ffc107;
1298
+ }
1299
+ .htb-btn-warning:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-warning:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-warning.htb-dropdown-toggle {
1300
+ color: #111;
1301
+ background-color: #d39e00;
1302
+ border-color: #c69500;
1303
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
1304
+ }
1305
+ .htb-btn-danger {
1306
+ color: #fff;
1307
+ background-color: #dc3545;
1308
+ border-color: #dc3545;
1309
+ }
1310
+ .htb-btn-danger:hover {
1311
+ color: #fff;
1312
+ background-color: #c82333;
1313
+ border-color: #bd2130;
1314
+ }
1315
+ .htb-btn-danger.focus, .htb-btn-danger:focus {
1316
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
1317
+ }
1318
+ .htb-btn-danger.disabled, .htb-btn-danger:disabled {
1319
+ background-color: #dc3545;
1320
+ border-color: #dc3545;
1321
+ }
1322
+ .htb-btn-danger:not([disabled]):not(.htb-disabled).htb-active, .htb-btn-danger:not([disabled]):not(.htb-disabled):active, .htb-show>.htb-btn-danger.htb-dropdown-toggle {
1323
+ color: #fff;
1324
+ background-color: #bd2130;
1325
+ border-color: #b21f2d;
1326
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
1327
+ }
1328
+
1329
+ .htb-fade {
1330
+ opacity: 0;
1331
+ transition: opacity .15s linear;
1332
+ }
1333
+ .htb-modal.htb-fade {
1334
+ display: none;
1335
+ }
1336
+ .htb-modal.htb-fade.htb-show {
1337
+ display: block;
1338
+ }
1339
+ .htb-fade.htb-show {
1340
+ opacity: 1;
1341
+ }
1342
+ .htb-collapse {
1343
+ display: none;
1344
+ }
1345
+ .htb-collapse.htb-show {
1346
+ display: block;
1347
+ }
1348
+ .htb-collapsing{
1349
+ position:relative;
1350
+ height:0;
1351
+ overflow:hidden;
1352
+ transition:height .35s ease;
1353
+ }
1354
+ tr.htb-collapse.htb-show {
1355
+ display: table-row;
1356
+ }
1357
+ tbody.htb-collapse.htb-show {
1358
+ display: table-row-group;
1359
+ }
1360
+
1361
+ [data-toggle=buttons]>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn input[type=radio], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=checkbox], [data-toggle=buttons]>.htb-btn-group>.htb-btn input[type=radio] {
1362
+ position: absolute;
1363
+ clip: rect(0, 0, 0, 0);
1364
+ pointer-events: none;
1365
+ }
1366
+
1367
+ .htb-nav {
1368
+ display: -ms-flexbox;
1369
+ display: flex;
1370
+ -ms-flex-wrap: wrap;
1371
+ flex-wrap: wrap;
1372
+ padding-left: 0;
1373
+ margin-bottom: 0;
1374
+ list-style: none;
1375
+ }
1376
+ .htb-nav-link {
1377
+ display: block;
1378
+ padding: .5rem 1rem;
1379
+ }
1380
+ .htb-nav-link:focus, .htb-nav-link:hover {
1381
+ text-decoration: none;
1382
+ }
1383
+ .htb-nav-link.htb-disabled {
1384
+ color: #868e96;
1385
+ }
1386
+ .htb-nav-tabs {
1387
+ border-bottom: 1px solid #ddd;
1388
+ }
1389
+ .htb-nav-tabs .htb-nav-item {
1390
+ margin-bottom: -1px;
1391
+ }
1392
+ .htb-nav-tabs .htb-nav-link {
1393
+ border: 1px solid transparent;
1394
+ border-top-left-radius: .25rem;
1395
+ border-top-right-radius: .25rem;
1396
+ }
1397
+ .htb-nav-tabs .htb-nav-link:focus, .htb-nav-tabs .htb-nav-link:hover {
1398
+ border-color: #e9ecef #e9ecef #ddd;
1399
+ }
1400
+ .htb-nav-tabs .htb-nav-link.htb-disabled {
1401
+ color: #868e96;
1402
+ background-color: transparent;
1403
+ border-color: transparent;
1404
+ }
1405
+ .htb-nav-tabs .htb-nav-item.show .htb-nav-link, .htb-nav-tabs .htb-nav-link.htb-active {
1406
+ color: #495057;
1407
+ background-color: #fff;
1408
+ border-color: #ddd #ddd #fff;
1409
+ }
1410
+ .htb-nav-pills .htb-nav-link {
1411
+ border-radius: .25rem;
1412
+ }
1413
+ .htb-nav-pills .htb-nav-link.htb-active, .htb-nav-pills .show>.htb-nav-link {
1414
+ color: #fff;
1415
+ background-color: #007bff;
1416
+ }
1417
+ .htb-nav-fill .htb-nav-item {
1418
+ -ms-flex: 1 1 auto;
1419
+ flex: 1 1 auto;
1420
+ text-align: center;
1421
+ }
1422
+ .htb-nav-justified .htb-nav-item {
1423
+ -ms-flex-preferred-size: 0;
1424
+ flex-basis: 0;
1425
+ -ms-flex-positive: 1;
1426
+ flex-grow: 1;
1427
+ text-align: center;
1428
+ }
1429
+ .htb-tab-content>.htb-tab-pane {
1430
+ display: none;
1431
+ }
1432
+ .htb-tab-content>.htb-active {
1433
+ display: block;
1434
+ }
1435
+
1436
+ @media (min-width:576px) {
1437
+
1438
+ .htb-pagination {
1439
+ display: -ms-flexbox;
1440
+ display: flex;
1441
+ padding-left: 0;
1442
+ list-style: none;
1443
+ border-radius: .25rem;
1444
+ }
1445
+
1446
+ .htb-alert {
1447
+ position: relative;
1448
+ padding: .75rem 1.25rem;
1449
+ margin-bottom: 1rem;
1450
+ border: 1px solid transparent;
1451
+ border-radius: .25rem;
1452
+ }
1453
+
1454
+ @-webkit-keyframes progress-bar-stripes {
1455
+ from {
1456
+ background-position: 1rem 0;
1457
+ }
1458
+ to {
1459
+ background-position: 0 0;
1460
+ }
1461
+ }@keyframes progress-bar-stripes {
1462
+ from {
1463
+ background-position: 1rem 0;
1464
+ }
1465
+ to {
1466
+ background-position: 0 0;
1467
+ }
1468
+ }
1469
+ .htb-progress {
1470
+ display: -ms-flexbox;
1471
+ display: flex;
1472
+ height: 1rem;
1473
+ overflow: hidden;
1474
+ font-size: .75rem;
1475
+ background-color: #e9ecef;
1476
+ border-radius: .25rem;
1477
+ }
1478
+ .htb-progress-bar {
1479
+ display: -ms-flexbox;
1480
+ display: flex;
1481
+ -ms-flex-align: center;
1482
+ align-items: center;
1483
+ -ms-flex-pack: center;
1484
+ justify-content: center;
1485
+ color: #fff;
1486
+ background-color: #007bff;
1487
+ }
1488
+ .htb-progress-bar-striped {
1489
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
1490
+ background-size: 1rem 1rem;
1491
+ }
1492
+ .htb-progress-bar-animated {
1493
+ -webkit-animation: progress-bar-stripes 1s linear infinite;
1494
+ animation: progress-bar-stripes 1s linear infinite;
1495
+ }
1496
+ .htb-media {
1497
+ display: -ms-flexbox;
1498
+ display: flex;
1499
+ -ms-flex-align: start;
1500
+ align-items: flex-start;
1501
+ }
1502
+
1503
+ }@media (min-width:320px) {
1504
+ .htb-progress {
1505
+ display: -ms-flexbox;
1506
+ display: flex;
1507
+ height: 1rem;
1508
+ overflow: hidden;
1509
+ font-size: .75rem;
1510
+ background-color: #e9ecef;
1511
+ border-radius: .25rem;
1512
+ }
1513
+ .htb-progress-bar {
1514
+ display: -ms-flexbox;
1515
+ display: flex;
1516
+ -ms-flex-align: center;
1517
+ align-items: center;
1518
+ -ms-flex-pack: center;
1519
+ justify-content: center;
1520
+ color: #fff;
1521
+ background-color: #007bff;
1522
+ }
1523
+ .htb-progress-bar-striped {
1524
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
1525
+ background-size: 1rem 1rem;
1526
+ }
1527
+ .htb-progress-bar-animated {
1528
+ -webkit-animation: progress-bar-stripes 1s linear infinite;
1529
+ animation: progress-bar-stripes 1s linear infinite;
1530
+ }
1531
+ .htb-close {
1532
+ float: right;
1533
+ font-size: 1.5rem;
1534
+ font-weight: 700;
1535
+ line-height: 1;
1536
+ color: #000;
1537
+ text-shadow: 0 1px 0 #fff;
1538
+ opacity: .5;
1539
+ }
1540
+ .htb-close:focus, .htb-close:hover {
1541
+ color: #000;
1542
+ text-decoration: none;
1543
+ opacity: .75;
1544
+ }
1545
+ button.htb-close {
1546
+ padding: 0;
1547
+ background: 0 0;
1548
+ border: 0;
1549
+ -webkit-appearance: none;
1550
+ }
1551
+ .htb-modal-open {
1552
+ overflow: hidden;
1553
+ }
1554
+ .htb-modal {
1555
+ position: fixed;
1556
+ top: 0;
1557
+ right: 0;
1558
+ bottom: 0;
1559
+ left: 0;
1560
+ z-index: 1050;
1561
+ display: none;
1562
+ overflow: hidden;
1563
+ outline: 0;
1564
+ }
1565
+ .htb-modal.htb-fade .htb-modal-dialog {
1566
+ transition: -webkit-transform .3s ease-out;
1567
+ transition: transform .3s ease-out;
1568
+ transition: transform .3s ease-out, -webkit-transform .3s ease-out;
1569
+ -webkit-transform: translate(0, -25%);
1570
+ transform: translate(0, -25%);
1571
+ }
1572
+ .htb-modal.htb-show .htb-modal-dialog {
1573
+ -webkit-transform: translate(0, 0);
1574
+ transform: translate(0, 0);
1575
+ }
1576
+ .htb-modal-open .htb-modal {
1577
+ overflow-x: hidden;
1578
+ overflow-y: auto;
1579
+ }
1580
+ .htb-modal-dialog {
1581
+ position: relative;
1582
+ width: auto;
1583
+ margin: 10px;
1584
+ pointer-events: none;
1585
+ }
1586
+ .htb-modal-content {
1587
+ position: relative;
1588
+ display: -ms-flexbox;
1589
+ display: flex;
1590
+ -ms-flex-direction: column;
1591
+ flex-direction: column;
1592
+ pointer-events: auto;
1593
+ background-color: #fff;
1594
+ background-clip: padding-box;
1595
+ border: 1px solid rgba(0, 0, 0, .2);
1596
+ border-radius: .3rem;
1597
+ outline: 0;
1598
+ }
1599
+ .htb-modal-backdrop {
1600
+ position: fixed;
1601
+ top: 0;
1602
+ right: 0;
1603
+ bottom: 0;
1604
+ left: 0;
1605
+ z-index: 1040;
1606
+ background-color: #000;
1607
+ }
1608
+ .htb-modal-backdrop.htb-fade {
1609
+ opacity: 0;
1610
+ }
1611
+ .htb-modal-backdrop.htb-show {
1612
+ opacity: .5;
1613
+ }
1614
+ .htb-modal-header {
1615
+ display: -ms-flexbox;
1616
+ display: flex;
1617
+ -ms-flex-align: start;
1618
+ align-items: flex-start;
1619
+ -ms-flex-pack: justify;
1620
+ justify-content: space-between;
1621
+ padding: 15px;
1622
+ border-bottom: 1px solid #e9ecef;
1623
+ border-top-left-radius: .3rem;
1624
+ border-top-right-radius: .3rem;
1625
+ }
1626
+ .htb-modal-header .htb-close {
1627
+ padding: 15px;
1628
+ margin: -15px -15px -15px auto;
1629
+ }
1630
+ .htb-modal-title {
1631
+ margin-bottom: 0;
1632
+ line-height: 1.5;
1633
+ }
1634
+ .htb-modal-body {
1635
+ position: relative;
1636
+ -ms-flex: 1 1 auto;
1637
+ flex: 1 1 auto;
1638
+ padding: 15px;
1639
+ }
1640
+ .htb-modal-footer {
1641
+ display: -ms-flexbox;
1642
+ display: flex;
1643
+ -ms-flex-align: center;
1644
+ align-items: center;
1645
+ -ms-flex-pack: end;
1646
+ justify-content: flex-end;
1647
+ padding: 15px;
1648
+ border-top: 1px solid #e9ecef;
1649
+ }
1650
+ .htb-modal-footer>:not(:first-child) {
1651
+ margin-left: .25rem;
1652
+ }
1653
+ .htb-modal-footer>:not(:last-child) {
1654
+ margin-right: .25rem;
1655
+ }
1656
+ .htb-modal-scrollbar-measure {
1657
+ position: absolute;
1658
+ top: -9999px;
1659
+ width: 50px;
1660
+ height: 50px;
1661
+ overflow: scroll;
1662
+ }
1663
+ .htb-modal-dialog {
1664
+ max-width: 500px;
1665
+ margin: 30px auto;
1666
+ }
1667
+ .htb-modal-sm {
1668
+ max-width: 300px;
1669
+ }
1670
+
1671
+ }@media (min-width:992px) {
1672
+ .htb-modal-lg {
1673
+ max-width: 800px;
1674
+ }
1675
+ }.htb-tooltip {
1676
+ position: absolute;
1677
+ z-index: 1070;
1678
+ display: block;
1679
+ margin: 0;
1680
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1681
+ font-style: normal;
1682
+ font-weight: 400;
1683
+ line-height: 1.5;
1684
+ text-align: left;
1685
+ text-align: start;
1686
+ text-decoration: none;
1687
+ text-shadow: none;
1688
+ text-transform: none;
1689
+ letter-spacing: normal;
1690
+ word-break: normal;
1691
+ word-spacing: normal;
1692
+ white-space: normal;
1693
+ line-break: auto;
1694
+ font-size: .875rem;
1695
+ word-wrap: break-word;
1696
+ opacity: 0;
1697
+ }
1698
+ .htb-tooltip.htb-show {
1699
+ opacity: .9;
1700
+ }
1701
+ .htb-tooltip .htb-arrow {
1702
+ position: absolute;
1703
+ display: block;
1704
+ width: 5px;
1705
+ height: 5px;
1706
+ }
1707
+ .htb-tooltip .htb-arrow::before {
1708
+ position: absolute;
1709
+ border-color: transparent;
1710
+ border-style: solid;
1711
+ }
1712
+ .htb-tooltip.bs-tooltip-auto[x-placement^=top], .htb-tooltip.bs-tooltip-top {
1713
+ padding: 5px 0;
1714
+ }
1715
+ .htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow, .htb-tooltip.bs-tooltip-top .htb-arrow {
1716
+ bottom: 0;
1717
+ }
1718
+ .htb-tooltip.bs-tooltip-auto[x-placement^=top] .htb-arrow::before, .htb-tooltip.bs-tooltip-top .htb-arrow::before {
1719
+ margin-left: -3px;
1720
+ content: "";
1721
+ border-width: 5px 5px 0;
1722
+ border-top-color: #000;
1723
+ }
1724
+ .htb-tooltip.bs-tooltip-auto[x-placement^=right], .htb-tooltip.bs-tooltip-right {
1725
+ padding: 0 5px;
1726
+ }
1727
+ .htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow, .htb-tooltip.bs-tooltip-right .htb-arrow {
1728
+ left: 0;
1729
+ }
1730
+ .htb-tooltip.bs-tooltip-auto[x-placement^=right] .htb-arrow::before, .htb-tooltip.bs-tooltip-right .htb-arrow::before {
1731
+ margin-top: -3px;
1732
+ content: "";
1733
+ border-width: 5px 5px 5px 0;
1734
+ border-right-color: #000;
1735
+ }
1736
+ .htb-tooltip.bs-tooltip-auto[x-placement^=bottom], .htb-tooltip.bs-tooltip-bottom {
1737
+ padding: 5px 0;
1738
+ }
1739
+ .htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow, .htb-tooltip.bs-tooltip-bottom .htb-arrow {
1740
+ top: 0;
1741
+ }
1742
+ .htb-tooltip.bs-tooltip-auto[x-placement^=bottom] .htb-arrow::before, .htb-tooltip.bs-tooltip-bottom .htb-arrow::before {
1743
+ margin-left: -3px;
1744
+ content: "";
1745
+ border-width: 0 5px 5px;
1746
+ border-bottom-color: #000;
1747
+ }
1748
+ .htb-tooltip.bs-tooltip-auto[x-placement^=left], .htb-tooltip.bs-tooltip-left {
1749
+ padding: 0 5px;
1750
+ }
1751
+ .htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow, .htb-tooltip.bs-tooltip-left .htb-arrow {
1752
+ right: 0;
1753
+ }
1754
+ .htb-tooltip.bs-tooltip-auto[x-placement^=left] .htb-arrow::before, .htb-tooltip.bs-tooltip-left .htb-arrow::before {
1755
+ right: 0;
1756
+ margin-top: -3px;
1757
+ content: "";
1758
+ border-width: 5px 0 5px 5px;
1759
+ border-left-color: #000;
1760
+ }
1761
+ .htb-tooltip-inner {
1762
+ max-width: 200px;
1763
+ padding: 3px 8px;
1764
+ color: #fff;
1765
+ text-align: center;
1766
+ background-color: #000;
1767
+ border-radius: .25rem;
1768
+ }
1769
+ .htb-popover {
1770
+ position: absolute;
1771
+ top: 0;
1772
+ left: 0;
1773
+ z-index: 1060;
1774
+ display: block;
1775
+ max-width: 276px;
1776
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1777
+ font-style: normal;
1778
+ font-weight: 400;
1779
+ line-height: 1.5;
1780
+ text-align: left;
1781
+ text-align: start;
1782
+ text-decoration: none;
1783
+ text-shadow: none;
1784
+ text-transform: none;
1785
+ letter-spacing: normal;
1786
+ word-break: normal;
1787
+ word-spacing: normal;
1788
+ white-space: normal;
1789
+ line-break: auto;
1790
+ font-size: .875rem;
1791
+ word-wrap: break-word;
1792
+ background-color: #fff;
1793
+ background-clip: padding-box;
1794
+ border: 1px solid rgba(0, 0, 0, .2);
1795
+ border-radius: .3rem;
1796
+ }
1797
+ .htb-popover .htb-arrow {
1798
+ position: absolute;
1799
+ display: block;
1800
+ width: .8rem;
1801
+ height: .4rem;
1802
+ }
1803
+ .htb-popover .htb-arrow::after, .htb-popover .htb-arrow::before {
1804
+ position: absolute;
1805
+ display: block;
1806
+ border-color: transparent;
1807
+ border-style: solid;
1808
+ }
1809
+ .htb-popover .htb-arrow::before {
1810
+ content: "";
1811
+ border-width: .8rem;
1812
+ }
1813
+ .htb-popover .htb-arrow::after {
1814
+ content: "";
1815
+ border-width: .8rem;
1816
+ }
1817
+ .htb-popover.htb-bs-popover-auto[x-placement^=top], .htb-popover.htb-bs-popover-top {
1818
+ margin-bottom: .8rem;
1819
+ }
1820
+ .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow, .htb-popover.htb-bs-popover-top .htb-arrow {
1821
+ bottom: 0;
1822
+ }
1823
+ .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::before {
1824
+ border-bottom-width: 0;
1825
+ }
1826
+ .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::before, .htb-popover.htb-bs-popover-top .htb-arrow::before {
1827
+ bottom: -.8rem;
1828
+ margin-left: -.8rem;
1829
+ border-top-color: rgba(0, 0, 0, .25);
1830
+ }
1831
+ .htb-popover.htb-bs-popover-auto[x-placement^=top] .htb-arrow::after, .htb-popover.htb-bs-popover-top .htb-arrow::after {
1832
+ bottom: calc((.8rem - 1px) * -1);
1833
+ margin-left: -.8rem;
1834
+ border-top-color: #fff;
1835
+ }
1836
+ .htb-popover.htb-bs-popover-auto[x-placement^=right], .htb-popover.htb-bs-popover-right {
1837
+ margin-left: .8rem;
1838
+ }
1839
+ .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow, .htb-popover.htb-bs-popover-right .htb-arrow {
1840
+ left: 0;
1841
+ }
1842
+ .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::before {
1843
+ margin-top: -.8rem;
1844
+ border-left-width: 0;
1845
+ }
1846
+ .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::before, .htb-popover.htb-bs-popover-right .htb-arrow::before {
1847
+ left: -.8rem;
1848
+ border-right-color: rgba(0, 0, 0, .25);
1849
+ }
1850
+ .htb-popover.htb-bs-popover-auto[x-placement^=right] .htb-arrow::after, .htb-popover.htb-bs-popover-right .htb-arrow::after {
1851
+ left: calc((.8rem - 1px) * -1);
1852
+ border-right-color: #fff;
1853
+ }
1854
+ .htb-popover.htb-bs-popover-auto[x-placement^=bottom], .htb-popover.htb-bs-popover-bottom {
1855
+ margin-top: .8rem;
1856
+ }
1857
+ .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow, .htb-popover.htb-bs-popover-bottom .htb-arrow {
1858
+ top: 0;
1859
+ }
1860
+ .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
1861
+ margin-left: -.8rem;
1862
+ border-top-width: 0;
1863
+ }
1864
+ .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::before, .htb-popover.htb-bs-popover-bottom .htb-arrow::before {
1865
+ top: -.8rem;
1866
+ border-bottom-color: rgba(0, 0, 0, .25);
1867
+ }
1868
+ .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-arrow::after, .htb-popover.htb-bs-popover-bottom .htb-arrow::after {
1869
+ top: calc((.8rem - 1px) * -1);
1870
+ border-bottom-color: #fff;
1871
+ }
1872
+ .htb-popover.htb-bs-popover-auto[x-placement^=bottom] .htb-popover-header::before, .htb-popover.htb-bs-popover-bottom .htb-popover-header::before {
1873
+ position: absolute;
1874
+ top: 0;
1875
+ left: 50%;
1876
+ display: block;
1877
+ width: 20px;
1878
+ margin-left: -10px;
1879
+ content: "";
1880
+ border-bottom: 1px solid #f7f7f7;
1881
+ }
1882
+ .htb-popover.htb-bs-popover-auto[x-placement^=left], .htb-popover.htb-bs-popover-left {
1883
+ margin-right: .8rem;
1884
+ }
1885
+ .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow, .htb-popover.htb-bs-popover-left .htb-arrow {
1886
+ right: 0;
1887
+ }
1888
+ .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::before {
1889
+ margin-top: -.8rem;
1890
+ border-right-width: 0;
1891
+ }
1892
+ .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::before, .htb-popover.htb-bs-popover-left .htb-arrow::before {
1893
+ right: -.8rem;
1894
+ border-left-color: rgba(0, 0, 0, .25);
1895
+ }
1896
+ .htb-popover.htb-bs-popover-auto[x-placement^=left] .htb-arrow::after, .htb-popover.htb-bs-popover-left .htb-arrow::after {
1897
+ right: calc((.8rem - 1px) * -1);
1898
+ border-left-color: #fff;
1899
+ }
1900
+ .htb-popover-header {
1901
+ padding: .5rem .75rem;
1902
+ margin-bottom: 0;
1903
+ font-size: 1rem;
1904
+ color: inherit;
1905
+ background-color: #f7f7f7;
1906
+ border-bottom: 1px solid #ebebeb;
1907
+ border-top-left-radius: calc(.3rem - 1px);
1908
+ border-top-right-radius: calc(.3rem - 1px);
1909
+ }
1910
+ .htb-popover-header:empty {
1911
+ display: none;
1912
+ }
1913
+ .htb-popover-body {
1914
+ padding: .5rem .75rem;
1915
+ color: #212529;
1916
+ }
1917
+
1918
+ .htb-float-left {
1919
+ float: left!important;
1920
+ }
1921
+ .htb-float-right {
1922
+ float: right!important;
1923
+ }
1924
+ .htb-float-none {
1925
+ float: none!important;
1926
+ }
1927
+ .htb-visible {
1928
+ visibility: visible!important;
1929
+ }
1930
+ .htb-fixed-top {
1931
+ position: fixed;
1932
+ top: 0;
1933
+ right: 0;
1934
+ left: 0;
1935
+ z-index: 1030;
1936
+ }
1937
+
1938
+ .htb-fixed-bottom {
1939
+ position: fixed;
1940
+ right: 0;
1941
+ bottom: 0;
1942
+ left: 0;
1943
+ z-index: 1030;
1944
+ }
1945
+
1946
+ @supports ((position:-webkit-sticky) or (position:sticky)) {
1947
+ .htb-sticky-top {
1948
+ position: -webkit-sticky;
1949
+ position: sticky;
1950
+ top: 0;
1951
+ z-index: 1020;
1952
+ }
1953
+ }
1954
+
1955
+ .htb-justify-content-start {
1956
+ -ms-flex-pack: start!important;
1957
+ justify-content: flex-start!important;
1958
+ }
1959
+
1960
+ .htb-justify-content-end {
1961
+ -ms-flex-pack: end!important;
1962
+ justify-content: flex-end!important;
1963
+ }
1964
+
1965
+ .htb-justify-content-center {
1966
+ -ms-flex-pack: center!important;
1967
+ justify-content: center!important;
1968
+ }
1969
+
1970
+ .htb-justify-content-between {
1971
+ -ms-flex-pack: justify!important;
1972
+ justify-content: space-between!important;
1973
+ }
1974
+
1975
+ .htb-justify-content-around {
1976
+ -ms-flex-pack: distribute!important;
1977
+ justify-content: space-around!important;
1978
+ }
1979
+
1980
+ .htb-align-items-start {
1981
+ -ms-flex-align: start!important;
1982
+ align-items: flex-start!important;
1983
+ }
1984
+
1985
+ .htb-align-items-end {
1986
+ -ms-flex-align: end!important;
1987
+ align-items: flex-end!important;
1988
+ }
1989
+
1990
+ .htb-align-items-center {
1991
+ -ms-flex-align: center!important;
1992
+ align-items: center!important;
1993
+ }
1994
+
1995
+ .htb-align-items-baseline {
1996
+ -ms-flex-align: baseline!important;
1997
+ align-items: baseline!important;
1998
+ }
1999
+
2000
+ .htb-align-items-stretch {
2001
+ -ms-flex-align: stretch!important;
2002
+ align-items: stretch!important;
2003
+ }
2004
+
2005
+ .htb-align-content-start {
2006
+ -ms-flex-line-pack: start!important;
2007
+ align-content: flex-start!important;
2008
+ }
2009
+
2010
+ .htb-align-content-end {
2011
+ -ms-flex-line-pack: end!important;
2012
+ align-content: flex-end!important;
2013
+ }
2014
+
2015
+ .htb-align-content-center {
2016
+ -ms-flex-line-pack: center!important;
2017
+ align-content: center!important;
2018
+ }
2019
+
2020
+ .htb-align-content-between {
2021
+ -ms-flex-line-pack: justify!important;
2022
+ align-content: space-between!important;
2023
+ }
2024
+
2025
+ .htb-align-content-around {
2026
+ -ms-flex-line-pack: distribute!important;
2027
+ align-content: space-around!important;
2028
+ }
2029
+
2030
+ .htb-align-content-stretch {
2031
+ -ms-flex-line-pack: stretch!important;
2032
+ align-content: stretch!important;
2033
+ }
2034
+
2035
+ .htb-align-self-auto {
2036
+ -ms-flex-item-align: auto!important;
2037
+ align-self: auto!important;
2038
+ }
2039
+
2040
+ .htb-align-self-start {
2041
+ -ms-flex-item-align: start!important;
2042
+ align-self: flex-start!important;
2043
+ }
2044
+
2045
+ .htb-align-self-end {
2046
+ -ms-flex-item-align: end!important;
2047
+ align-self: flex-end!important;
2048
+ }
2049
+
2050
+ .htb-align-self-center {
2051
+ -ms-flex-item-align: center!important;
2052
+ align-self: center!important;
2053
+ }
2054
+
2055
+ .htb-align-self-baseline {
2056
+ -ms-flex-item-align: baseline!important;
2057
+ align-self: baseline!important;
2058
+ }
2059
+
2060
+ .htb-align-self-stretch {
2061
+ -ms-flex-item-align: stretch!important;
2062
+ align-self: stretch!important;
2063
+ }
2064
+ .htb-btn-outline-primary {
2065
+ color: #007bff;
2066
+ background-color: transparent;
2067
+ background-image: none;
2068
+ border-color: #007bff;
2069
+ }
2070
+
2071
+ .htb-btn-outline-primary:hover {
2072
+ color: #fff;
2073
+ background-color: #007bff;
2074
+ border-color: #007bff;
2075
+ }
2076
+
2077
+ .htb-btn-outline-primary.focus,
2078
+ .htb-btn-outline-primary:focus {
2079
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
2080
+ }
2081
+
2082
+ .htb-btn-outline-primary.disabled,
2083
+ .htb-btn-outline-primary:disabled {
2084
+ color: #007bff;
2085
+ background-color: transparent;
2086
+ }
2087
+
2088
+ .htb-btn-outline-primary:not([disabled]):not(.disabled).active,
2089
+ .htb-btn-outline-primary:not([disabled]):not(.disabled):active,
2090
+ .show>.htb-btn-outline-primary.dropdown-toggle {
2091
+ color: #fff;
2092
+ background-color: #007bff;
2093
+ border-color: #007bff;
2094
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
2095
+ }
2096
+
2097
+ .htb-btn-outline-secondary {
2098
+ color: #868e96;
2099
+ background-color: transparent;
2100
+ background-image: none;
2101
+ border-color: #868e96;
2102
+ }
2103
+
2104
+ .htb-btn-outline-secondary:hover {
2105
+ color: #fff;
2106
+ background-color: #868e96;
2107
+ border-color: #868e96;
2108
+ }
2109
+
2110
+ .htb-btn-outline-secondary.focus,
2111
+ .htb-btn-outline-secondary:focus {
2112
+ box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
2113
+ }
2114
+
2115
+ .htb-btn-outline-secondary.disabled,
2116
+ .htb-btn-outline-secondary:disabled {
2117
+ color: #868e96;
2118
+ background-color: transparent;
2119
+ }
2120
+
2121
+ .htb-btn-outline-secondary:not([disabled]):not(.disabled).active,
2122
+ .htb-btn-outline-secondary:not([disabled]):not(.disabled):active,
2123
+ .show>.htb-btn-outline-secondary.dropdown-toggle {
2124
+ color: #fff;
2125
+ background-color: #868e96;
2126
+ border-color: #868e96;
2127
+ box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
2128
+ }
2129
+
2130
+ .htb-btn-outline-success {
2131
+ color: #28a745;
2132
+ background-color: transparent;
2133
+ background-image: none;
2134
+ border-color: #28a745;
2135
+ }
2136
+
2137
+ .htb-btn-outline-success:hover {
2138
+ color: #fff;
2139
+ background-color: #28a745;
2140
+ border-color: #28a745;
2141
+ }
2142
+
2143
+ .htb-btn-outline-success.focus,
2144
+ .htb-btn-outline-success:focus {
2145
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
2146
+ }
2147
+
2148
+ .htb-btn-outline-success.disabled,
2149
+ .htb-btn-outline-success:disabled {
2150
+ color: #28a745;
2151
+ background-color: transparent;
2152
+ }
2153
+
2154
+ .htb-btn-outline-success:not([disabled]):not(.disabled).active,
2155
+ .htb-btn-outline-success:not([disabled]):not(.disabled):active,
2156
+ .show>.htb-btn-outline-success.dropdown-toggle {
2157
+ color: #fff;
2158
+ background-color: #28a745;
2159
+ border-color: #28a745;
2160
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
2161
+ }
2162
+
2163
+ .htb-btn-outline-info {
2164
+ color: #17a2b8;
2165
+ background-color: transparent;
2166
+ background-image: none;
2167
+ border-color: #17a2b8;
2168
+ }
2169
+
2170
+ .htb-btn-outline-info:hover {
2171
+ color: #fff;
2172
+ background-color: #17a2b8;
2173
+ border-color: #17a2b8;
2174
+ }
2175
+
2176
+ .htb-btn-outline-info.focus,
2177
+ .htb-btn-outline-info:focus {
2178
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
2179
+ }
2180
+
2181
+ .htb-btn-outline-info.disabled,
2182
+ .htb-btn-outline-info:disabled {
2183
+ color: #17a2b8;
2184
+ background-color: transparent;
2185
+ }
2186
+
2187
+ .htb-btn-outline-info:not([disabled]):not(.disabled).active,
2188
+ .htb-btn-outline-info:not([disabled]):not(.disabled):active,
2189
+ .show>.htb-btn-outline-info.dropdown-toggle {
2190
+ color: #fff;
2191
+ background-color: #17a2b8;
2192
+ border-color: #17a2b8;
2193
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
2194
+ }
2195
+
2196
+ .htb-btn-outline-warning {
2197
+ color: #ffc107;
2198
+ background-color: transparent;
2199
+ background-image: none;
2200
+ border-color: #ffc107;
2201
+ }
2202
+
2203
+ .htb-btn-outline-warning:hover {
2204
+ color: #fff;
2205
+ background-color: #ffc107;
2206
+ border-color: #ffc107;
2207
+ }
2208
+
2209
+ .htb-btn-outline-warning.focus,
2210
+ .htb-btn-outline-warning:focus {
2211
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
2212
+ }
2213
+
2214
+ .htb-btn-outline-warning.disabled,
2215
+ .htb-btn-outline-warning:disabled {
2216
+ color: #ffc107;
2217
+ background-color: transparent;
2218
+ }
2219
+
2220
+ .htb-btn-outline-warning:not([disabled]):not(.disabled).active,
2221
+ .htb-btn-outline-warning:not([disabled]):not(.disabled):active,
2222
+ .show>.htb-btn-outline-warning.dropdown-toggle {
2223
+ color: #fff;
2224
+ background-color: #ffc107;
2225
+ border-color: #ffc107;
2226
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
2227
+ }
2228
+
2229
+ .htb-btn-outline-danger {
2230
+ color: #dc3545;
2231
+ background-color: transparent;
2232
+ background-image: none;
2233
+ border-color: #dc3545;
2234
+ }
2235
+
2236
+ .htb-btn-outline-danger:hover {
2237
+ color: #fff;
2238
+ background-color: #dc3545;
2239
+ border-color: #dc3545;
2240
+ }
2241
+
2242
+ .htb-btn-outline-danger.focus,
2243
+ .htb-btn-outline-danger:focus {
2244
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
2245
+ }
2246
+
2247
+ .htb-btn-outline-danger.disabled,
2248
+ .htb-btn-outline-danger:disabled {
2249
+ color: #dc3545;
2250
+ background-color: transparent;
2251
+ }
2252
+
2253
+ .htb-btn-outline-danger:not([disabled]):not(.disabled).active,
2254
+ .htb-btn-outline-danger:not([disabled]):not(.disabled):active,
2255
+ .show>.htb-btn-outline-danger.dropdown-toggle {
2256
+ color: #fff;
2257
+ background-color: #dc3545;
2258
+ border-color: #dc3545;
2259
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
2260
+ }
2261
+
2262
+ .htb-btn-outline-light {
2263
+ color: #f8f9fa;
2264
+ background-color: transparent;
2265
+ background-image: none;
2266
+ border-color: #f8f9fa;
2267
+ }
2268
+
2269
+ .htb-btn-outline-light:hover {
2270
+ color: #212529;
2271
+ background-color: #f8f9fa;
2272
+ border-color: #f8f9fa;
2273
+ }
2274
+
2275
+ .htb-btn-outline-light.focus,
2276
+ .htb-btn-outline-light:focus {
2277
+ box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
2278
+ }
2279
+
2280
+ .htb-btn-outline-light.disabled,
2281
+ .htb-btn-outline-light:disabled {
2282
+ color: #f8f9fa;
2283
+ background-color: transparent;
2284
+ }
2285
+
2286
+ .htb-btn-outline-light:not([disabled]):not(.disabled).active,
2287
+ .htb-btn-outline-light:not([disabled]):not(.disabled):active,
2288
+ .show>.htb-btn-outline-light.dropdown-toggle {
2289
+ color: #212529;
2290
+ background-color: #f8f9fa;
2291
+ border-color: #f8f9fa;
2292
+ box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
2293
+ }
2294
+
2295
+ .htb-btn-outline-dark {
2296
+ color: #343a40;
2297
+ background-color: transparent;
2298
+ background-image: none;
2299
+ border-color: #343a40;
2300
+ }
2301
+
2302
+ .htb-btn-outline-dark:hover {
2303
+ color: #fff;
2304
+ background-color: #343a40;
2305
+ border-color: #343a40;
2306
+ }
2307
+
2308
+ .htb-btn-outline-dark.focus,
2309
+ .htb-btn-outline-dark:focus {
2310
+ box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
2311
+ }
2312
+
2313
+ .htb-btn-outline-dark.disabled,
2314
+ .htb-btn-outline-dark:disabled {
2315
+ color: #343a40;
2316
+ background-color: transparent;
2317
+ }
2318
+
2319
+ .htb-btn-outline-dark:not([disabled]):not(.disabled).htb-active,
2320
+ .htb-btn-outline-dark:not([disabled]):not(.disabled):active,
2321
+ .htb-show>.htb-btn-outline-dark.dropdown-toggle {
2322
+ color: #fff;
2323
+ background-color: #343a40;
2324
+ border-color: #343a40;
2325
+ box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
2326
+ }
2327
+
2328
+ .htb-alert {
2329
+ position: relative;
2330
+ padding: .75rem 1.25rem;
2331
+ margin-bottom: 1rem;
2332
+ border: 1px solid transparent;
2333
+ border-radius: .25rem;
2334
+ }
2335
+ .htb-alert-success {
2336
+ color: #155724;
2337
+ background-color: #d4edda;
2338
+ border-color: #c3e6cb;
2339
+ }
2340
+ .htb-alert-danger {
2341
+ color: #721c24;
2342
+ background-color: #f8d7da;
2343
+ border-color: #f5c6cb;
2344
  }
assets/css/htmega-widgets.css CHANGED
@@ -1,16796 +1,18603 @@
1
- /* Section Title style */
2
- .htmega-section-title{
3
- position: relative;
4
- z-index: 1;
5
- }
6
- .htmega-section-title svg{
7
- width: 20px;
8
- }
9
- .htmega-section-title .section-title-txt {
10
- color: #23252a;
11
- font-weight: 600;
12
- line-height: 1;
13
- margin: 0;
14
- display: inline-block;
15
- }
16
- .htmega-section-title .section-subtitle-txt{
17
- color: #494849;
18
- font-family: "Poppins",sans-serif;
19
- font-size: 16px;
20
- line-height: 30px;
21
- margin: 5px 0;
22
- font-weight: 400;
23
- }
24
- .htmega-section-title span.htmega-title-sperator {
25
- background-color: #383838;
26
- display: inline-block;
27
- height: 3px;
28
- margin-bottom: 13px;
29
- margin-top: 30px;
30
- position: relative;
31
- width: 50px;
32
- }
33
- .htmega-section-title.title-style-three span.htmega-title-sperator::before {
34
- background-color: #383838;
35
- bottom: 0;
36
- content: "";
37
- display: block;
38
- height: 3px;
39
- left: -13px;
40
- margin-bottom: 13px;
41
- margin-top: 25px;
42
- position: absolute;
43
- width: 50px;
44
- }
45
- .htmega-title-align-left .htmega-section-title.title-style-three span.htmega-title-sperator::before,.htmega-title-align-justify .htmega-section-title.title-style-three span.htmega-title-sperator::before{
46
- left: 13px;
47
- }
48
-
49
- .htmega-section-title.htmega-subtitle-position-top {
50
- display: flex;
51
- flex-direction: column;
52
- }
53
- .htmega-section-title.htmega-subtitle-position-top .section-title-txt {
54
- order: 2;
55
- }
56
- .htmega-section-title.htmega-subtitle-position-top .section-subtitle-txt {
57
- order: 1;
58
- }
59
- .htmega-section-title.htmega-subtitle-position-top img {
60
- order: 3;
61
- }
62
- .htmega-section-title.htmega-subtitle-position-top i{
63
- order: 3;
64
- }
65
- /* .htmega-section-title img {
66
- margin: auto;
67
- } */
68
- .htmega-section-title.htmega-subtitle-position-top .htmega-title-sperator-sec {
69
- order: 4;
70
- }
71
- .htmega-section-title.htmega-subtitle-position-top.title-style-four .htmega-title-sperator-sec {
72
- order: 2;
73
- }
74
- .htmega-section-title.htmega-subtitle-position-top.title-style-four .section-title-txt{
75
- order: 3;
76
- }
77
- .htmega-section-title.htmega-subtitle-position-top.title-style-four span.htmega-title-sperator{
78
- margin-top: 8px;
79
- }
80
-
81
- .title-style-two .htmega-title-sperator-sec,.title-style-five .htmega-title-sperator-sec {
82
- display: none;
83
- }
84
- .title-style-two .section-title-txt{
85
- padding: 0 10.5%;
86
- position: relative;
87
- }
88
- .title-style-two .section-title-txt::before,.title-style-two .section-title-txt::after {
89
- background: #412e51 none repeat scroll 0 0;
90
- content: "";
91
- height: 3px;
92
- left: 0;
93
- position: absolute;
94
- top: 50%;
95
- width: 100px;
96
- }
97
- .title-style-two .section-title-txt::after {
98
- right: 0;
99
- top: 50%;
100
- left: auto;
101
- }
102
- .title-style-two .section-title-txt{
103
- margin-right: auto !important;
104
- margin-left: auto !important;
105
- }
106
-
107
- .section-advancetitle-txt{
108
- color: #f1f1f1;
109
- font-size: 80px;
110
- font-weight: 800;
111
- line-height: 28px;
112
- margin: 0;
113
- position: absolute;
114
- text-transform: uppercase;
115
- top: 50%;
116
- transform: translateY(-50%);
117
- width: 100%;
118
- z-index: -1;
119
- }
120
- .htmega-title-sperator-sec {
121
- line-height: 1;
122
- }
123
-
124
- .htmega-section-title-order-parent{
125
- display: flex;
126
- flex-direction: column;
127
- }
128
- .htmega-section-title-order-parent .section-subtitle-txt {
129
- order: 1;
130
- }
131
- .htmega-section-title-order-parent .section-title-txt {
132
- order: 2;
133
- }
134
- .htmaga-section-title-image-position-bottom{
135
- order: 3;
136
- }
137
- .htmaga-section-title-image-position-top{
138
- order: 0;
139
- }
140
-
141
- .htmaga-section-title-image-position-center{
142
- order: 1;
143
- }
144
-
145
- .htmega-section-title.htmega-subtitle-position-bottom .section-subtitle-txt {
146
- order: 3;
147
- }
148
-
149
- .image-center .section-title-txt{
150
- order: 1;
151
- }
152
-
153
- .htmega_sub_title_border_both{
154
- position: relative;
155
- }
156
- .htmega_sub_title_border_both::before ,
157
- .htmega_sub_title_border_both::after{
158
- position: absolute;
159
- content: "";
160
- top: 50%;
161
- transform: translateY(-50%);
162
- height: 2px;
163
- width: 25px;
164
- background: #000;
165
- }
166
- .htmega_sub_title_border_both::before {
167
- left: 100%;
168
- margin-left: 20px;
169
- }
170
-
171
- .htmega_sub_title_border_both::after {
172
- right: 100%;
173
- margin-right: 20px;
174
- }
175
-
176
- /*
177
- * Button Style
178
- */
179
- .htmega-button .htb-btn:focus,.htmega-button .htb-btn:active {
180
- box-shadow: none !important;
181
- }
182
- .htmega-button .htb-btn-outline-light {
183
- border-color: #c8c8c8;
184
- color: #c8c8c8;
185
- }
186
- .htmega-button {
187
- display: inline-block;
188
- }
189
- .htmega-button .htmega-btn-effect-5,.htmega-button .htmega-btn-effect-6,.htmega-button .htmega-btn-effect-10{
190
- overflow: hidden;
191
- }
192
- .htmega_button_icon {
193
- display: inline-block;
194
- }
195
- .htmega_button_icon svg {
196
- width: 20px;
197
- }
198
- .htmega-button .htb-btn {
199
- border-radius: 0;
200
- position: relative;
201
- border: none;
202
- z-index: 1;
203
- transition: all 0.4s ease-in-out 0s;
204
- }
205
- .button-align-icon-left span.htmega_button_icon {
206
- float: left;
207
- }
208
- .button-align-icon-left span.htmega_button_txt {
209
- float: right;
210
- }
211
- .button-align-icon-right span.htmega_button_icon {
212
- float: right;
213
- }
214
- .button-align-icon-right span.htmega_button_txt {
215
- float: left;
216
- }
217
- .button-align-icon-top span.htmega_button_icon,.button-align-icon-bottom span.htmega_button_icon {
218
- display: block;
219
- }
220
- .button-align-icon-top span.htmega_button_txt,.button-align-icon-bottom span.htmega_button_txt {
221
- display: block;
222
- }
223
- .button-align-icon-top a.htb-btn {
224
- display: flex;
225
- flex-flow: column-reverse nowrap;
226
- }
227
-
228
- /* Button Size */
229
- .htmega-btn-size-xl {
230
- padding: 35px 50px !important;
231
- }
232
- .htmega-btn-size-lg {
233
- padding: 25px 50px !important;
234
- }
235
- .htmega-btn-size-md {
236
- padding: 16px 43px !important;
237
- }
238
- .htmega-btn-size-sm {
239
- padding: 8px 40px !important;
240
- }
241
- .htmega-btn-size-xs {
242
- padding: 3px 10px !important;
243
- }
244
-
245
- /* Button Style */
246
- .htmega-btn-style-2 .htb-btn::after{
247
- border-radius: inherit;
248
- content: "";
249
- height: 100%;
250
- left: 0;
251
- position: absolute;
252
- top: 0;
253
- transition-delay: 0s, 0s;
254
- transition-duration: 0.3s, 0.3s;
255
- transition-property: transform, background-color;
256
- transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
257
- width: 100%;
258
- z-index: -1;
259
- background-color: #ff6b6b;
260
- border-radius: 30px;
261
- transform: scale3d(0.7, 0.7, 1);
262
- }
263
-
264
- /* Button Effect */
265
- .htmega-btn-effect-1{
266
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
267
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
268
- z-index: 1;
269
- }
270
- .htmega-btn-effect-1::before {
271
- content: '';
272
- position: absolute;
273
- top: 0;
274
- left: 0;
275
- width: 100%;
276
- height: 100%;
277
- background: #623687;
278
- z-index: -1;
279
- opacity: 0;
280
- -webkit-transform: scale3d(0.7, 1, 1);
281
- transform: scale3d(0.7, 1, 1);
282
- -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
283
- transition: transform 0.4s, opacity 0.4s;
284
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
285
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
286
- z-index: -1;
287
- }
288
- .htmega-btn-effect-1:hover::before {
289
- opacity: 1;
290
- -webkit-transform: translate3d(0, 0, 0);
291
- transform: translate3d(0, 0, 0);
292
- }
293
-
294
- .htmega-btn-effect-2 {
295
- z-index: 1;
296
- overflow: hidden;
297
- }
298
- .htmega-btn-effect-2::before {
299
- content: '';
300
- position: absolute;
301
- top: 0;
302
- left: 0;
303
- width: 150%;
304
- height: 100%;
305
- background: #623687;
306
- z-index: -1;
307
- -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
308
- transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
309
- -webkit-transform-origin: 0% 100%;
310
- transform-origin: 0% 100%;
311
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
312
- transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
313
- z-index: -1;
314
- }
315
- .htmega-btn-effect-2:hover::before {
316
- opacity: 1;
317
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
318
- transform: rotate3d(0, 0, 1, 0deg);
319
- -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
320
- transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
321
- }
322
- .htmega-btn-effect-3 {
323
- z-index: 1;
324
- color: #fff;
325
- }
326
- .htmega-btn-effect-3::before, .htmega-btn-effect-3::after {
327
- content: '';
328
- border-radius: inherit;
329
- position: absolute;
330
- top: 0;
331
- left: 0;
332
- width: 100%;
333
- height: 100%;
334
- -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
335
- transition: transform 0.3s, background-color 0.3s;
336
- -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
337
- transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
338
- z-index: -1;
339
- }
340
- .htmega-btn-effect-3::before {
341
- border: 2px solid #623687;
342
- -webkit-transform: scale3d(0.7, 0.7, 1);
343
- transform: scale3d(0.7, 0.7, 1);
344
- }
345
- .htmega-btn-effect-3::after {
346
- background: #18012c;
347
- }
348
- .htmega-btn-effect-3:hover::before {
349
- -webkit-transform: scale3d(1, 1, 1);
350
- transform: scale3d(1, 1, 1);
351
- }
352
- .htmega-btn-effect-3:hover::after {
353
- background-color: #623687;
354
- -webkit-transform: scale3d(0.7, 0.7, 1);
355
- transform: scale3d(0.7, 0.7, 1);
356
- }
357
-
358
- .htmega-btn-effect-4::before {
359
- content: '';
360
- position: absolute;
361
- top: -20px;
362
- left: -20px;
363
- bottom: -20px;
364
- right: -20px;
365
- background: inherit;
366
- z-index: -1;
367
- opacity: 0.4;
368
- -webkit-transform: scale3d(0.8, 0.5, 1);
369
- transform: scale3d(0.8, 0.5, 1);
370
- }
371
- .htmega-btn-effect-4:hover::before {
372
- -webkit-animation: np-btn--2 0.3s 0.3s forwards;
373
- animation: np-btn--2 0.3s 0.3s forwards;
374
- }
375
- .htmega-btn-effect-4:hover {
376
- -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
377
- transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
378
- color: #ECEFF1;
379
- background-color: #623687;
380
- -webkit-animation: np-btn--1 0.3s forwards;
381
- animation: np-btn--1 0.3s forwards;
382
- }
383
-
384
- .htmega-btn-effect-5::before {
385
- content: '';
386
- z-index: -1;
387
- position: absolute;
388
- top: 50%;
389
- left: 100%;
390
- margin: -15px 0 0 1px;
391
- width: 30px;
392
- height: 30px;
393
- border-radius: 50%;
394
- background: #623687;
395
- -webkit-transform-origin: 100% 50%;
396
- transform-origin: 100% 50%;
397
- -webkit-transform: scale3d(1, 2, 1);
398
- transform: scale3d(1, 2, 1);
399
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
400
- transition: transform 0.3s, opacity 0.3s;
401
- -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
402
- transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
403
- }
404
- .htmega-btn-effect-5:hover::before {
405
- -webkit-transform: scale3d(9, 9, 1);
406
- transform: scale3d(9, 9, 1);
407
- }
408
-
409
- .htmega-btn-effect-6::before {
410
- content: '';
411
- z-index: -1;
412
- position: absolute;
413
- top: 50%;
414
- margin: -15px 0 0 1px;
415
- width: 30px;
416
- height: 30px;
417
- border-radius: 50%;
418
- background: #623687;
419
- -webkit-transform-origin: 0 50%;
420
- transform-origin: 0 50%;
421
- -webkit-transform: scale3d(1, 2, 1);
422
- transform: scale3d(1, 2, 1);
423
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
424
- transition: transform 0.3s, opacity 0.3s;
425
- -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
426
- transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
427
- right: 100%;
428
- }
429
- .htmega-btn-effect-6:hover::before {
430
- -webkit-transform: scale3d(9, 9, 1);
431
- transform: scale3d(9, 9, 1);
432
- }
433
-
434
- .htmega-btn-effect-7::before {
435
- content: "";
436
- position: absolute;
437
- top: 0;
438
- bottom: 0;
439
- left: 0;
440
- right: 0;
441
- z-index: -1;
442
- background: #e09d8b;
443
- -webkit-transform: scaleX(1);
444
- -webkit-transform-origin: 50%;
445
- transform-origin: 50%;
446
- -webkit-transition-property: transform;
447
- transition-property: transform;
448
- -webkit-transition-duration: 0.3s;
449
- transition-duration: 0.3s;
450
- -webkit-transition-timing-function: ease-out;
451
- transition-timing-function: ease-out;
452
- color: #fff;
453
- }
454
- .htmega-btn-effect-7:hover::before {
455
- -webkit-transform: scaleX(0);
456
- transform: scaleX(0);
457
- }
458
-
459
- .htmega-btn-effect-8::before {
460
- content: "";
461
- position: absolute;
462
- z-index: -1;
463
- top: 0;
464
- bottom: 0;
465
- left: 0;
466
- right: 0;
467
- background: #45b29d;
468
- -webkit-transform: scaleY(1);
469
- transform: scaleY(1);
470
- -webkit-transform-origin: 50%;
471
- transform-origin: 50%;
472
- -webkit-transition-property: transform;
473
- transition-property: transform;
474
- -webkit-transition-duration: 0.3s;
475
- transition-duration: 0.3s;
476
- -webkit-transition-timing-function: ease-out;
477
- transition-timing-function: ease-out;
478
- }
479
- .htmega-btn-effect-8:hover::before {
480
- -webkit-transform: scaleY(0);
481
- transform: scaleY(0);
482
- }
483
-
484
- .htmega-btn-effect-9::before {
485
- content: "";
486
- position: absolute;
487
- z-index: -1;
488
- top: 0;
489
- left: 0;
490
- right: -1px;
491
- bottom: 0;
492
- background: #18012c;
493
- -webkit-transform: scaleY(0);
494
- transform: scaleY(0);
495
- -webkit-transform-origin: 50% 100%;
496
- transform-origin: 50% 100%;
497
- -webkit-transition-property: transform;
498
- transition-property: transform;
499
- -webkit-transition-duration: 0.5s;
500
- transition-duration: 0.5s;
501
- -webkit-transition-timing-function: ease-out;
502
- transition-timing-function: ease-out;
503
- }
504
- .htmega-btn-effect-9:hover::before {
505
- -webkit-transform: scaleY(1);
506
- transform: scaleY(1);
507
- -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
508
- transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
509
- }
510
-
511
- .htmega-btn-effect-10::before {
512
- content: "";
513
- position: absolute;
514
- z-index: -1;
515
- top: 0;
516
- left: 0;
517
- right: 0;
518
- bottom: 0;
519
- background: #18012c;
520
- border-radius: 100%;
521
- -webkit-transform: scale(0);
522
- transform: scale(0);
523
- -webkit-transition-property: transform;
524
- transition-property: transform;
525
- -webkit-transition-duration: 0.3s;
526
- transition-duration: 0.3s;
527
- -webkit-transition-timing-function: ease-out;
528
- transition-timing-function: ease-out;
529
- }
530
- .htmega-btn-effect-10:hover::before {
531
- -webkit-transform: scale(2);
532
- transform: scale(2);
533
- }
534
-
535
- .htmega-btn-effect-11::before {
536
- content: "";
537
- position: absolute;
538
- z-index: -1;
539
- top: 0;
540
- left: 0;
541
- right: 0;
542
- bottom: 0;
543
- background: #18012c;
544
- -webkit-transform: scale(0);
545
- transform: scale(0);
546
- -webkit-transition-property: transform;
547
- transition-property: transform;
548
- -webkit-transition-duration: 0.3s;
549
- transition-duration: 0.3s;
550
- -webkit-transition-timing-function: ease-out;
551
- transition-timing-function: ease-out;
552
- }
553
- .htmega-btn-effect-11:hover::before {
554
- -webkit-transform: scale(1);
555
- transform: scale(1);
556
- }
557
-
558
- .htmega-btn-effect-12::before {
559
- content: "";
560
- position: absolute;
561
- z-index: -1;
562
- top: 0;
563
- left: 0;
564
- right: -1px;
565
- bottom: 0;
566
- background: #d82f4e;
567
- -webkit-transform: scaleX(0);
568
- transform: scaleX(0);
569
- -webkit-transform-origin: 100% 50%;
570
- transform-origin: 100% 50%;
571
- -webkit-transition-property: transform;
572
- transition-property: transform;
573
- -webkit-transition-duration: 0.5s;
574
- transition-duration: 0.5s;
575
- -webkit-transition-timing-function: ease-out;
576
- transition-timing-function: ease-out;
577
- }
578
- .htmega-btn-effect-12:hover::before {
579
- -webkit-transform: scaleX(1);
580
- transform: scaleX(1);
581
- -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
582
- transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
583
- }
584
-
585
- .htmega-btn-effect-13::before {
586
- content: "";
587
- position: absolute;
588
- z-index: -1;
589
- top: 0;
590
- left: 0;
591
- right: 0;
592
- bottom: 0;
593
- background: #18012c;
594
- -webkit-transform: scaleY(0);
595
- transform: scaleY(0);
596
- -webkit-transform-origin: 50% 0;
597
- transform-origin: 50% 0;
598
- -webkit-transition-property: transform;
599
- transition-property: transform;
600
- -webkit-transition-duration: 0.5s;
601
- transition-duration: 0.5s;
602
- -webkit-transition-timing-function: ease-out;
603
- transition-timing-function: ease-out;
604
- }
605
- .htmega-btn-effect-13:hover::before {
606
- -webkit-transform: scaleY(1);
607
- transform: scaleY(1);
608
- -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
609
- transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
610
- }
611
-
612
- .htmega-btn-effect-14::before {
613
- content: "";
614
- position: absolute;
615
- z-index: -1;
616
- top: 0;
617
- left: 0;
618
- right: 0;
619
- bottom: 0;
620
- background: #18012c;
621
- -webkit-transform: scaleY(0);
622
- transform: scaleY(0);
623
- -webkit-transform-origin: 50% 0;
624
- transform-origin: 50% 0;
625
- -webkit-transition-property: transform;
626
- transition-property: transform;
627
- -webkit-transition-duration: 0.5s;
628
- transition-duration: 0.5s;
629
- -webkit-transition-timing-function: ease-out;
630
- transition-timing-function: ease-out;
631
- }
632
- .htmega-btn-effect-14:hover::before {
633
- -webkit-transform: scaleY(1);
634
- transform: scaleY(1);
635
- -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
636
- transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
637
- }
638
-
639
- /*Button Shadow*/
640
- .htmega-btn-shadow-1 .htb-btn::before{
641
- background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
642
- content: "";
643
- height: 10px;
644
- left: 5%;
645
- opacity: 0;
646
- pointer-events: none;
647
- position: absolute;
648
- top: 100%;
649
- transition-duration: 0.3s;
650
- transition-property: transform, opacity;
651
- width: 90%;
652
- z-index: -1;
653
- }
654
- .htmega-btn-shadow-1 .htb-btn:hover::before {
655
- opacity: 1;
656
- transform: translateY(5px);
657
- }
658
-
659
- .htmega-btn-shadow-2 .htb-btn::before, .htmega-btn-shadow-2 .htb-btn::after {
660
- background-repeat: no-repeat;
661
- box-sizing: border-box;
662
- content: "";
663
- height: 5px;
664
- left: 0;
665
- opacity: 0;
666
- pointer-events: none;
667
- position: absolute;
668
- transition-duration: 0.3s;
669
- transition-property: opacity;
670
- width: 100%;
671
- }
672
- .htmega-btn-shadow-2 .htb-btn::before {
673
- background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150% , rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
674
- bottom: 100%;
675
- }
676
- .htmega-btn-shadow-2 .htb-btn::after {
677
- background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50% , rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
678
- top: 100%;
679
- }
680
- .htmega-btn-shadow-2 .htb-btn:hover::before, .htmega-btn-shadow-2 .htb-btn:hover::after {
681
- opacity: 1;
682
- }
683
-
684
- /*
685
- * Accourdion style
686
- */
687
- .single_accourdion {
688
- margin-bottom: 15px;
689
- }
690
- .single_accourdion:last-child{
691
- margin-bottom: 0 !important;
692
- }
693
- .accordion-content {
694
- border: 1px solid #ddd;
695
- padding: 15px;
696
- }
697
- .htmega-items-hedding {
698
- background: #e6e6e6 none repeat scroll 0 0;
699
- cursor: pointer;
700
- padding: 10px 20px;
701
- position: relative;
702
- margin-bottom: 0;
703
- }
704
- .htmega-accourdion-title h2 {
705
- font-size: 16px;
706
- font-weight: 600;
707
- margin-bottom: 0px;
708
- }
709
- .htmega-accourdion-title .htmega-items-hedding .accourdion-icon {
710
- position: absolute;
711
- right: 0;
712
- top: 0;
713
- width: 40px;
714
- height: 100%;
715
- text-align: center;
716
- /* line-height: 40px; */
717
- display: flex;
718
- justify-content: center;
719
- align-items: center;
720
- }
721
- .htmega-accourdion-title .htmega-items-hedding .close-accourdion {
722
- opacity: 1;
723
- visibility: visible;
724
- }
725
- .htmega-accourdion-title .htmega-items-hedding .open-accourdion {
726
- opacity: 0;
727
- visibility: hidden;
728
- }
729
- .htmega-accourdion-title .htmega-items-hedding.htb-collapsed .open-accourdion {
730
- opacity: 1;
731
- visibility: visible;
732
- }
733
- .htmega-accourdion-title .htmega-items-hedding.htb-collapsed .close-accourdion {
734
- opacity: 0;
735
- visibility: hidden;
736
- }
737
- .htmega-icon-align-left .htmega-items-hedding {
738
- padding-left: 40px;
739
- }
740
- .htmega-icon-align-left .accourdion-icon {
741
- left: 0;
742
- right: 0;
743
- }
744
- .htmega-icon-align-right .htmega-items-hedding {
745
- padding-right: 40px;
746
- }
747
-
748
- /* Accordion Image Hover Style */
749
- .gallery-wrap {
750
- display: flex;
751
- flex-direction: row;
752
- width: 100%;
753
- height: 70vh;
754
- }
755
-
756
- .gallery-wrap .item {
757
- flex: 1;
758
- height: 100%;
759
- background-position: center;
760
- background-size: cover;
761
- background-repeat: none;
762
- transition: flex 0.8s ease;
763
- }
764
-
765
- .gallery-wrap .item:hover {
766
- flex: 7;
767
- }
768
-
769
- /* Accordion Image Style Two*/
770
- ul.accordion--4 {
771
- list-style: none;
772
- padding: 0;
773
- margin: 0;
774
- display: flex;
775
- text-align: center !important;
776
- justify-content: center;
777
- }
778
-
779
- ul.accordion--4 li {
780
- width: 115px;
781
- height: 480px;
782
- display: block;
783
- border-right: 2px solid #fff;
784
- border-bottom: 2px solid #fff;
785
- background-color: #fff;
786
- background-repeat: no-repeat;
787
- background-position: center center;
788
- position: relative;
789
- overflow: hidden;
790
- cursor: pointer;
791
- -moz-box-shadow: 1px 3px 15px #555;
792
- -webkit-box-shadow: 1px 3px 15px #555;
793
- box-shadow: 1px 3px 15px #555;
794
- }
795
-
796
- ul.accordion--4 li.bleft {
797
- border-left: 2px solid #fff;
798
- }
799
-
800
- ul.accordion--4 li .heading {
801
- background-color: #fff;
802
- padding: 10px;
803
- margin-top: 60px;
804
- text-transform: capitalize;
805
- font-weight: 500;
806
- font-size: 18px;
807
- text-align: center;
808
- color: #18012c;
809
- }
810
-
811
- ul.accordion--4 li .description {
812
- position: absolute;
813
- height: 175px;
814
- bottom: 60px;
815
- left: 0px;
816
- display: none;
817
- width: 100%;
818
- }
819
-
820
- ul.accordion--4 li .description h2 {
821
- color: #18012c;
822
- font-size: 30px;
823
- }
824
-
825
- ul.accordion--4 li .description p {
826
- margin: 10px 22px;
827
- font-size: 14px;
828
- line-height: 28px;
829
- color: #18012c;
830
- }
831
-
832
- ul.accordion--4 li .description a {
833
- position: absolute;
834
- bottom: 5px;
835
- left: 20px;
836
- text-transform: uppercase;
837
- font-style: normal;
838
- font-size: 11px;
839
- text-decoration: none;
840
- color: #888;
841
- }
842
-
843
- ul.accordion--4 li .description a:hover {
844
- color: #333;
845
- text-decoration: underline;
846
- }
847
-
848
- ul.accordion--4 li .bgDescription {
849
- background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
850
- height: 340px;
851
- position: absolute;
852
- bottom: 0px;
853
- left: 0px;
854
- width: 100%;
855
- display: none;
856
- }
857
- .accordion--4 .accordion-content,.accordion--5 .accordion-content{
858
- border:0;
859
- }
860
-
861
-
862
- /* Accordion Image Style Three */
863
- .accor_wrapper {
864
- width: 100%;
865
- height: 100%;
866
- position: relative;
867
- overflow: hidden;
868
- background: #000;
869
- }
870
-
871
- .accordion--5 {
872
- position: relative;
873
- margin: 0 auto 0 auto;
874
- }
875
-
876
- .accordion--5 .single_accordion {
877
- cursor: pointer;
878
- position: absolute;
879
- width: 100%;
880
- left: 0px;
881
- overflow: hidden;
882
- text-align: center;
883
- z-index: 2;
884
- }
885
-
886
- .accordion--5 .single_accordion::before {
887
- position: absolute;
888
- content: "";
889
- background: #000000;
890
- left: 0;
891
- top: 0;
892
- width: 100%;
893
- height: 100%;
894
- opacity: 0.4;
895
- z-index: -1;
896
- }
897
-
898
- .accordion--5 .single_accordion .va-title {
899
- text-transform: uppercase;
900
- font-size: 40px;
901
- margin-left: 5px;
902
- color: #ffffff;
903
- display: inline-block;
904
- margin-top: 15px;
905
- margin-right: 5px;
906
- }
907
-
908
- .accordion--5 .single_accordion .va-title div {
909
- font-size: 22px;
910
- font-style: italic;
911
- font-family: Georgia, serif;
912
- }
913
-
914
- .accordion--5 .single_accordion .va-content {
915
- display: none;
916
- margin-left: 0;
917
- padding: 0 23%;
918
- margin-top: -36px;
919
- }
920
-
921
- .accordion--5 .single_accordion .va-content div{
922
- color: #ffffff;
923
- font-size: 14px;
924
- line-height: 28px;
925
- }
926
-
927
- .accor_wrapper .single_accordion{
928
- background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
929
- background-size: cover;
930
- }
931
-
932
- /*
933
- *Progress Bar Style
934
- */
935
- .htmega-single-skill {
936
- overflow: hidden;
937
- padding-bottom: 23px;
938
- }
939
- .htmega-single-skill .htb-progress-bar {
940
- border-radius: 3px;
941
- position: relative;
942
- }
943
- .htmega-single-skill .htb-progress {
944
- overflow: visible;
945
- height: 6px;
946
- border-radius: 3px;
947
- }
948
- .htmega-single-skill .htb-progress span.percent-label {
949
- position: absolute;
950
- right: 0;
951
- top: -39px;
952
- }
953
- .htmega-progress-text-inner p.htmega_progress_title {
954
- left: 20px;
955
- top: 50%;
956
- transform: translateY(-100%);
957
- z-index: 9;
958
- margin: 0;
959
- color: #fff;
960
- }
961
- .htmega-progress-text-inner {
962
- position: relative;
963
- }
964
- .htmega-progress-text-inner p.htmega_progress_title {
965
- position: absolute;
966
- }
967
- .htmega-progress-value-inner .htb-progress span.percent-label {
968
- right: 50px;
969
- top: 50%;
970
- transform: translateY(-50%);
971
- }
972
- .htmega-single-skill p {
973
- color: #666666;
974
- font-family: "Montserrat",sans-serif;
975
- font-size: 16px;
976
- font-weight: 500;
977
- margin-bottom: 17px;
978
- display: inline-block;
979
- }
980
-
981
- .htmega-progressbar-value-bottom .htb-progress span.percent-label::after {
982
- border-left: 5px solid transparent;
983
- border-right: 5px solid transparent;
984
- border-top: 5px solid #18012c;
985
- content: "";
986
- height: 0;
987
- left: 50%;
988
- margin-left: -6px;
989
- position: absolute;
990
- top: 100%;
991
- width: 0;
992
- }
993
-
994
- .htmega-progress-indicator .htb-progress .htb-progress-bar::after {
995
- background: #fff none repeat scroll 0 0;
996
- border: 4px solid #18012c;
997
- border-radius: 100%;
998
- content: "";
999
- height: 24px;
1000
- position: absolute;
1001
- right: -1px;
1002
- top: 50%;
1003
- transform: translateY(-50%);
1004
- width: 24px;
1005
- }
1006
-
1007
- /* Vertical Progress Bar */
1008
- .htmega-single-skill.htmega-progress-bar-vertical {
1009
- display: flex;
1010
- flex-direction: column;
1011
- overflow-y: hidden;
1012
- }
1013
- .htmega-progress-bar-vertical {
1014
- position: relative;
1015
- padding-top: 41px;
1016
- }
1017
- .htmega-progress-bar-vertical .htb-progress {
1018
- width: 100%;
1019
- padding-top: 40px;
1020
- min-height: 390px;
1021
- display: flex;
1022
- align-items: flex-end;
1023
- background: transparent;
1024
- overflow: hidden;
1025
- }
1026
- .htmega-progress-bar-vertical .htb-progress .htb-progress-bar {
1027
- width: 100%;
1028
- height: 0;
1029
- -webkit-transition: height 0.6s ease;
1030
- -o-transition: height 0.6s ease;
1031
- transition: height 0.6s ease;
1032
- }
1033
- .htmega-progress-bar-vertical.htmega-single-skill p.htmega_progress_title {
1034
- order: 1;
1035
- }
1036
- .htmega-progress-bar-vertical.htmega-progress-value-inner .htb-progress span.percent-label {
1037
- position: absolute;
1038
- top: -36px;
1039
- left: 50%;
1040
- transform: translateX(-50%);
1041
- }
1042
- .htmega-progress-bar-vertical.htmega-progress-value-inner .htb-progress span.percent-label {
1043
- left: 50%;
1044
- position: absolute;
1045
- top: -36px;
1046
- transform: translateX(-50%);
1047
- right: auto;
1048
- }
1049
-
1050
- /* Circle Progress Bar*/
1051
- .radial-progress-single {
1052
- text-align: center;
1053
- }
1054
- .radial-progress-single .radial-progress {
1055
- position: relative;
1056
- }
1057
- .radial-progress-single .radial-progress span {
1058
- position: absolute;
1059
- text-align: center;
1060
- display: block;
1061
- left: 50%;
1062
- top: -55%;
1063
- transform: translateX(-50%) translateY(0);
1064
- color: #383838;
1065
- font-size: 30px;
1066
- font-weight: 500;
1067
- font-family: "Montserrat", sans-serif;
1068
- }
1069
- .radial-progress-single.htmega-progress-value-inner .radial-progress span{
1070
- top: 50%;
1071
- transform: translateX(-50%) translateY(-50%);
1072
- }
1073
- .radial-progress-single h5.radial-progress-title {
1074
- color: #666666;
1075
- font-size: 16px;
1076
- font-weight: 500;
1077
- margin: 0;
1078
- margin-top: 11px;
1079
- font-family: "Montserrat", sans-serif;
1080
- }
1081
- .radial-progress-single canvas {
1082
- vertical-align: middle;
1083
- position: relative;
1084
- }
1085
- .radial-progressbg {
1086
- display: inline-block;
1087
- position: relative;
1088
- }
1089
-
1090
-
1091
- /*
1092
- *CountDown Style
1093
- */
1094
- .htmega-countbox {
1095
- text-align: center;
1096
- }
1097
- .htmega-countbox .ht-count {
1098
- display: inline-block;
1099
- position: relative;
1100
- margin: 0 22px;
1101
- line-height: 1;
1102
- }
1103
- .htmega-countbox .ht-count::before {
1104
- position: absolute;
1105
- content: ":";
1106
- right: -26px;
1107
- top: 50%;
1108
- transform: translateY(-50%);
1109
- color: #5e5b60;
1110
- font-size: 55px;
1111
- }
1112
- .htmega-countbox .ht-count:last-child::before {
1113
- display: none;
1114
- }
1115
-
1116
- span.ht-count {
1117
- padding: 28px 0px;
1118
- border: 2px solid #18012c;
1119
- border-radius: 10px;
1120
- width: 139px;
1121
- text-align: center;
1122
- }
1123
-
1124
- .htmega-countbox span.time-count {
1125
- color: #242424;
1126
- font-size: 36px;
1127
- font-weight: 500;
1128
- display: block;
1129
- padding-bottom: 27px;
1130
- margin-bottom: 27px;
1131
- position: relative;
1132
- font-family: "Montserrat", sans-serif;
1133
- }
1134
- .htmega-countbox span.time-count::before {
1135
- background-image: linear-gradient(to right, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
1136
- background-position: center center;
1137
- background-repeat: no-repeat;
1138
- background-size: 84% auto;
1139
- content: "";
1140
- height: 2px;
1141
- left: 0;
1142
- position: absolute;
1143
- bottom: 0;
1144
- width: 100%;
1145
- }
1146
-
1147
- .htmega-countbox span span.count-inner p {
1148
- color: #242424;
1149
- font-size: 30px;
1150
- font-weight: 400;
1151
- margin: 0;
1152
- }
1153
- .htmega-timer-separate-no .htmega-countbox span.time-count::before, .htmega-separate-no .htmega-countbox .ht-count::before{
1154
- display: none;
1155
- }
1156
- .htmega-countdown-style-2 .ht-count .count-inner .time-count,.htmega-countdown-style-2 .ht-count .count-inner p{
1157
- display: inline-block;
1158
- }
1159
- .htmega-countdown-style-2 span.ht-count,.htmega-countdown-style-3 span.ht-count{
1160
- width: auto !important;
1161
- height: auto !important;
1162
- }
1163
-
1164
- .htmega-countdown-style-3 .ht-count.second {
1165
- left: 48.5%;
1166
- margin: 0;
1167
- position: absolute;
1168
- top: -60px;
1169
- transform: translateX(-50%);
1170
- }
1171
- .htmega-countdown-style-3 .ht-count.second p,.htmega-countdown-style-3 .htmega-countbox .ht-count.minutes::before
1172
- {
1173
- display: none;
1174
- }
1175
- .htmega-countdown-style-3 .ht-count::before {
1176
- right: -26px;
1177
- top: 21%;
1178
- transform: inherit;
1179
- }
1180
- .htmega-hide-lavel .htmega-countbox .ht-count::before {
1181
- right: -26px;
1182
- top: 36%;
1183
- }
1184
-
1185
- /* Event Button */
1186
- .htmega_event_button a {
1187
- line-height: 1;
1188
- margin-top: 30px;
1189
- padding: 15px 30px;
1190
- text-decoration: none;
1191
- }
1192
-
1193
- .htmega_event_button a i{
1194
- margin-right: 10px;
1195
- }
1196
-
1197
- /*
1198
- * Team Member css
1199
- */
1200
- .htmega-team {
1201
- margin-top: 30px;
1202
- }
1203
-
1204
- .htmega-team .htmega-thumb {
1205
- position: relative;
1206
- overflow: hidden;
1207
- line-height: 0;
1208
- }
1209
- .htmega-team .htmega-thumb *{
1210
- line-height:normal;
1211
- }
1212
-
1213
- .htmega-team {
1214
- position: relative;
1215
- }
1216
-
1217
- .htmega-team .htmega-team-content {
1218
- text-align: center;
1219
- font-size: 16px;
1220
- font-weight: 500;
1221
- margin-bottom: 7px;
1222
- border: 1px solid #dcd9d9;
1223
- padding: 30px 20px;
1224
- }
1225
-
1226
- .htmega-team .htmega-team-content h4 {
1227
- font-size: 16px;
1228
- font-weight: 500;
1229
- margin-bottom: 5px;
1230
- }
1231
-
1232
- .htmega-team .htmega-team-content h4 {
1233
- color: #343434;
1234
- transition: 0.5s;
1235
- }
1236
-
1237
- .htmega-team .htmega-team-content p {
1238
- margin: 0;
1239
- color: #343434;
1240
- font-size: 16px;
1241
- font-weight: 400;
1242
- }
1243
-
1244
- .htmega-team-style-1 .htmega-team-hover-action {
1245
- position: absolute;
1246
- width: 100%;
1247
- text-align: center;
1248
- height: 100%;
1249
- top: -100px;
1250
- opacity: 0;
1251
- -webkit-transition: all 0.3s ease-out 0.5s;
1252
- -moz-transition: all 0.3s ease-out 0.5s;
1253
- -o-transition: all 0.3s ease-out 0.5s;
1254
- -ms-transition: all 0.3s ease-out 0.5s;
1255
- transition: all 0.3s ease-out 0.5s;
1256
- }
1257
-
1258
- .htmega-team .htmega-team-hover-action .htmega-team-hover {
1259
- position: absolute;
1260
- top: 50%;
1261
- transform: translateY(-50%);
1262
- width: 100%;
1263
- }
1264
-
1265
- .htmega-team .htmega-team-hover-action .htmega-team-hover p {
1266
- color: #ffffff;
1267
- font-size: 14px;
1268
- line-height: 28px;
1269
- padding: 0 23px;
1270
- -webkit-transform: translateY(50px);
1271
- -moz-transform: translateY(50px);
1272
- -o-transform: translateY(50px);
1273
- -ms-transform: translateY(50px);
1274
- transform: translateY(50px);
1275
- -webkit-transition: all 0.2s ease-in-out 0.1s;
1276
- -moz-transition: all 0.2s ease-in-out 0.1s;
1277
- -o-transition: all 0.2s ease-in-out 0.1s;
1278
- -ms-transition: all 0.2s ease-in-out 0.1s;
1279
- transition: all 0.2s ease-in-out 0.1s;
1280
- opacity: 0;
1281
- }
1282
-
1283
- .htmega-team .htmega-team-hover-action .htmega-team-hover .htmega-social-network {
1284
- margin-bottom: 7px;
1285
- -webkit-transform: translateY(20px);
1286
- -moz-transform: translateY(20px);
1287
- -o-transform: translateY(20px);
1288
- -ms-transform: translateY(20px);
1289
- transform: translateY(20px);
1290
- -webkit-transition: all 0.2s ease-in-out 0.1s;
1291
- -moz-transition: all 0.2s ease-in-out 0.1s;
1292
- -o-transition: all 0.2s ease-in-out 0.1s;
1293
- -ms-transition: all 0.2s ease-in-out 0.1s;
1294
- transition: all 0.2s ease-in-out 0.1s;
1295
- opacity: 0;
1296
- }
1297
-
1298
- .htmega-team-style-1:hover .htmega-team-hover-action {
1299
- opacity: 1;
1300
- top: 0px;
1301
- -webkit-transition-delay: 0s;
1302
- -moz-transition-delay: 0s;
1303
- -o-transition-delay: 0s;
1304
- -ms-transition-delay: 0s;
1305
- transition-delay: 0s;
1306
- -webkit-animation: bounceY 0.9s linear;
1307
- -moz-animation: bounceY 0.9s linear;
1308
- -ms-animation: bounceY 0.9s linear;
1309
- animation: bounceY 0.9s linear;
1310
- background: rgba(24, 1, 44, 0.6);
1311
- }
1312
-
1313
- .htmega-team:hover .htmega-team-hover-action .htmega-team-hover p,
1314
- .htmega-team:hover .htmega-team-hover-action .htmega-team-hover .htmega-social-network {
1315
- -webkit-transform: translateY(0px);
1316
- -moz-transform: translateY(0px);
1317
- -o-transform: translateY(0px);
1318
- -ms-transform: translateY(0px);
1319
- -webkit-transition-delay: 0.4s;
1320
- -moz-transition-delay: 0.4s;
1321
- -o-transition-delay: 0.4s;
1322
- -ms-transition-delay: 0.4s;
1323
- transition-delay: 0.4s;
1324
- opacity: 1;
1325
- }
1326
-
1327
- .htmega-team-style-1::before {
1328
- position: absolute;
1329
- content: "";
1330
- width: 0;
1331
- height: 1px;
1332
- background: #18012c;
1333
- bottom: 0;
1334
- left: 0;
1335
- transition: 0.5s;
1336
- }
1337
-
1338
- .htmega-team-style-1:hover::before {
1339
- width: 100%;
1340
- }
1341
-
1342
- .htmega-team .htmega-thumb img {
1343
- transition: all 0.4s ease 0s;
1344
- width: 100%;
1345
- }
1346
-
1347
- /*----------------------------
1348
- Team Style 02
1349
- ----------------------------*/
1350
-
1351
- .htmega-team-style-2 .htmega-thumb img {
1352
- -webkit-filter: grayscale(100%);
1353
- filter: grayscale(100%);
1354
- transition: 0.5s;
1355
- }
1356
-
1357
- .htmega-team-style-2:hover .htmega-thumb img {
1358
- -webkit-filter: grayscale(0);
1359
- filter: grayscale(0);
1360
- }
1361
-
1362
- .htmega-team-style-2 .htmega-team-hover-action {
1363
- position: absolute;
1364
- bottom: 30px;
1365
- width: 100%;
1366
- padding: 0 30px;
1367
- }
1368
-
1369
- .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action {
1370
- text-align: center;
1371
- padding: 25px 0;
1372
- background-color: rgba(115, 146, 184, 0.7);
1373
- width: 100%;
1374
- opacity: 0;
1375
- -webkit-transform: translate(265px, 145px) rotate(45deg);
1376
- -moz-transform: translate(265px, 145px) rotate(45deg);
1377
- -o-transform: translate(265px, 145px) rotate(45deg);
1378
- -ms-transform: translate(265px, 145px) rotate(45deg);
1379
- transform: translate(265px, 145px) rotate(45deg);
1380
- -webkit-transition: all 0.5s ease-in-out;
1381
- -moz-transition: all 0.5s ease-in-out;
1382
- -o-transition: all 0.5s ease-in-out;
1383
- -ms-transition: all 0.5s ease-in-out;
1384
- transition: all 0.5s ease-in-out;
1385
- }
1386
-
1387
- .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action h4 {
1388
- font-size: 18px;
1389
- font-weight: 500;
1390
- margin-bottom: 9px;
1391
- color: #ffffff;
1392
- }
1393
-
1394
- .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action{
1395
- background-color: #18012c;
1396
- }
1397
- .htmega-team-style-2 .htmega-team-hover-action{
1398
- background-color: transparent !important;
1399
- }
1400
-
1401
- .htmega-team-style-2:hover .htmega-team-hover-action .htmega-hover-action {
1402
- opacity: 1;
1403
- -webkit-transform: translate(0px, -10px) rotate(45deg);
1404
- -moz-transform: translate(0px, -10px) rotate(45deg);
1405
- -o-transform: translate(0px, -10px) rotate(45deg);
1406
- -ms-transform: translate(0px, -10px) rotate(45deg);
1407
- transform: translate(0px, -10px) rotate(0deg);
1408
- }
1409
- /* New two css */
1410
- .htmega-team-style-2 .htmega-team-designation{
1411
- display: block;
1412
- color: #ffffff;
1413
- }
1414
- .htmega-team.htmega-team-style-2{
1415
- overflow: hidden;
1416
- }
1417
- .htmega-team-hover-action.htmega-action-hover-st2 .htmega-hover-action {
1418
- display: flex;
1419
- justify-content: space-between;
1420
- text-align: left;
1421
- padding: 10px 15px;
1422
- align-items: center;
1423
- }
1424
- .htmega-team-hover-action.htmega-action-hover-st2 {
1425
- bottom: -30px;
1426
- }
1427
- .htmega-st2-new.htmega-team{
1428
- padding-bottom: 20px;
1429
- }
1430
- .htmega-team.htmega-team-style-2 .htmega-thumb{
1431
- overflow: visible;
1432
- }
1433
-
1434
- .htmega-team-hover-action.htmega-action-hover-st2 ul.htmega-social-network{
1435
- padding: 0;
1436
- }
1437
-
1438
- .htmega-team-hover-action.htmega-action-hover-st2 .htmega-hover-action {
1439
- background-color: transparent;
1440
- background-image: linear-gradient(220deg, #FF9966 0%, #FF5E62 100%);
1441
- border-radius: 5px 5px 5px 5px;
1442
- padding: 15px;
1443
- }
1444
- .htmega-team-style-2.htmega-st2-new .htmega-thumb img {
1445
- -webkit-filter: grayscale(0);
1446
- filter: grayscale(0);
1447
- }
1448
- /* Team Style 03 */
1449
-
1450
- .htmega-team-style-3 .htmega-thumb {
1451
- padding-bottom: 80px;
1452
- position: relative;
1453
- }
1454
-
1455
- .htmega-team-style-3 .plus_click {
1456
- position: absolute;
1457
- left: 50%;
1458
- top: -14px;
1459
- transform: translateX(-50%);
1460
- }
1461
-
1462
- .htmega-team-style-3 .plus_click::before {
1463
- content: "\f067";
1464
- font-family: Fontawesome;
1465
- display: block;
1466
- width: 25px;
1467
- height: 25px;
1468
- border: 1px solid #fff;
1469
- color: #fff;
1470
- background: #555555;
1471
- border-radius: 100%;
1472
- text-align: center;
1473
- font-size: 12px;
1474
- z-index: 2;
1475
- cursor: pointer;
1476
- transition: 0.5s;
1477
- line-height: 27px;
1478
- }
1479
-
1480
- .htmega-team-style-3 .plus_click.team-minus::before {
1481
- content: "\f068";
1482
- background: #18012c;
1483
- }
1484
-
1485
- .htmega-team-style-3 .htmega-team-click-action {
1486
- background: #343434;
1487
- text-align: center;
1488
- border-radius: 50px 50px 0 0;
1489
- padding-top: 28px;
1490
- padding-bottom: 20px;
1491
- transition: 0.5s;
1492
- width: 100%;
1493
- position: absolute;
1494
- width: 100%;
1495
- bottom: 0;
1496
- margin-bottom: -58px;
1497
- }
1498
-
1499
- .htmega-team-style-3 .htmega-team-click-action.visible {
1500
- margin-bottom: 0px;
1501
- background: #18012c;
1502
- }
1503
-
1504
- .htmega-team-style-3 .htmega-team-click-action h4 {
1505
- font-size: 16px;
1506
- font-weight: 600;
1507
- margin-bottom: 2px;
1508
- }
1509
-
1510
- .htmega-team-style-3 .htmega-team-click-action h4{
1511
- color: #ffffff;
1512
- }
1513
-
1514
- .htmega-team-style-3 .htmega-team-click-action span {
1515
- display: block;
1516
- color: #ffffff;
1517
- font-size: 14px;
1518
- margin-bottom: 14px;
1519
- }
1520
-
1521
- .htmega-team-style-3 .htmega-team-click-action .htmega-social-network {
1522
- margin-bottom: 9px;
1523
- }
1524
-
1525
- /* Team Member Social Media CSS */
1526
- .htmega-team ul.htmega-social-network {
1527
- padding: 0px;
1528
- margin: 0;
1529
- list-style: none;
1530
- display: block;
1531
- text-align: center;
1532
- }
1533
- .htmega-social-network {
1534
- margin-bottom: 8px;
1535
- }
1536
-
1537
- .htmega-social-network li {
1538
- margin: 0 10px;
1539
- display: inline-block;
1540
- }
1541
-
1542
- .htmega-social-network li a {
1543
- color: #fff;
1544
- font-size: 14px;
1545
- display: block;
1546
- background: transparent;
1547
- line-height: 1;
1548
- }
1549
- .htmega-social-network li a svg {
1550
- width: 20px;
1551
- }
1552
-
1553
- .htmega-social-network li a:hover {
1554
- color: #3B5998;
1555
- background: transparent;
1556
- }
1557
-
1558
- .htmega-team-style-3 .htmega-social-network li a {
1559
- height: 28px;
1560
- line-height: 26px;
1561
- text-align: center;
1562
- width: 28px;
1563
- }
1564
-
1565
- /* Team Style 04 */
1566
-
1567
- .htmega-team-style-4 {
1568
- text-align: center;
1569
- }
1570
-
1571
- .htmega-team-style-4 .htmega-thumb {
1572
- overflow: visible;
1573
- display: block;
1574
- }
1575
-
1576
- .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-left img {
1577
- z-index: 11;
1578
- -webkit-transition: all 0.5s ease-in-out;
1579
- -moz-transition: all 0.5s ease-in-out;
1580
- transition: all 0.5s ease-in-out;
1581
- position: relative;
1582
- -webkit-transform-origin: 0% 50%;
1583
- -moz-transform-origin: 0% 50%;
1584
- -ms-transform-origin: 0% 50%;
1585
- -o-transform-origin: 0% 50%;
1586
- transform-origin: 0% 50%;
1587
- }
1588
-
1589
- .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-right img {
1590
- z-index: 11;
1591
- -webkit-transition: all 0.5s ease-in-out;
1592
- -moz-transition: all 0.5s ease-in-out;
1593
- transition: all 0.5s ease-in-out;
1594
- position: relative;
1595
- -webkit-transform-origin: 100% 50%;
1596
- -moz-transform-origin: 100% 50%;
1597
- -ms-transform-origin: 100% 50%;
1598
- -o-transform-origin: 100% 50%;
1599
- transform-origin: 100% 50%;
1600
- }
1601
-
1602
- .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-top img {
1603
- z-index: 11;
1604
- -webkit-transition: all 0.5s ease-in-out;
1605
- -moz-transition: all 0.5s ease-in-out;
1606
- transition: all 0.5s ease-in-out;
1607
- position: relative;
1608
- -webkit-transform-origin: 50% 0;
1609
- -moz-transform-origin: 50% 0;
1610
- -ms-transform-origin: 50% 0;
1611
- -o-transform-origin: 50% 0;
1612
- transform-origin: 50% 0;
1613
- }
1614
-
1615
- .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-bottom img {
1616
- z-index: 11;
1617
- -webkit-transition: all 0.5s ease-in-out;
1618
- -moz-transition: all 0.5s ease-in-out;
1619
- transition: all 0.5s ease-in-out;
1620
- position: relative;
1621
- -webkit-transform-origin: 0 100%;
1622
- -moz-transform-origin: 0 100%;
1623
- -ms-transform-origin: 0 100%;
1624
- -o-transform-origin: 0 100%;
1625
- transform-origin: 0 100%;
1626
- }
1627
-
1628
- .htmega-team-style-4 .htmega-team-hover-action {
1629
- position: absolute;
1630
- top: 0;
1631
- left: 0;
1632
- width: 100%;
1633
- height: 100%;
1634
- border-radius: 100%;
1635
- text-align: center;
1636
- }
1637
-
1638
- .htmega-team-style-4 .htmega-team-hover-action::before {
1639
- position: absolute;
1640
- content: "";
1641
- background: #18012c;
1642
- opacity: 1;
1643
- width: auto;
1644
- height: auto;
1645
- border-radius: 100%;
1646
- left: 0px;
1647
- top: 0px;
1648
- bottom: 0px;
1649
- right: 0px;
1650
- }
1651
- .htmega-team-style-4 .htmega-team-image-hover-none .htmega-team-hover-action::before {
1652
- background: rgba(24, 1, 44, 0.5) none repeat scroll 0 0;
1653
- bottom: 10px;
1654
- content: "";
1655
- height: auto;
1656
- left: 10px;
1657
- opacity: 0;
1658
- position: absolute;
1659
- right: 10px;
1660
- top: 10px;
1661
- transition: all 0.4s ease-in-out 0s;
1662
- width: auto;
1663
- }
1664
- .htmega-thumb.htmega-team-image-hover-none {
1665
- overflow: hidden;
1666
- }
1667
- .htmega-team-style-4 .htmega-team-image-hover-none .htmega-team-hover-action .htmega-hover-action h4 {
1668
- -webkit-transform: translateX(100%);
1669
- -moz-transform: translateX(100%);
1670
- -ms-transform: translateX(100%);
1671
- -o-transform: translateX(100%);
1672
- transform: translateX(100%);
1673
- -webkit-transition: all 0.35s ease-in-out;
1674
- -moz-transition: all 0.35s ease-in-out;
1675
- transition: all 0.35s ease-in-out;
1676
- }
1677
- .htmega-team-style-4 .htmega-team-image-hover-none ul.htmega-social-network,.htmega-team-style-4 .htmega-team-image-hover-none span.htmega-team-designation{
1678
- -webkit-transform: translateX(-100%);
1679
- -moz-transform: translateX(-100%);
1680
- -ms-transform: translateX(-100%);
1681
- -o-transform: translateX(-100%);
1682
- transform: translateX(-100%);
1683
- -webkit-transition: all 0.35s ease-in-out;
1684
- -moz-transition: all 0.35s ease-in-out;
1685
- transition: all 0.35s ease-in-out;
1686
- }
1687
- .htmega-team-style-4 .htmega-team-image-hover-none span.htmega-team-designation{
1688
- display: block;
1689
- color: #fff;
1690
- }
1691
- .htmega-team-style-4:hover .htmega-team-image-hover-none .htmega-team-hover-action .htmega-hover-action h4,.htmega-team-style-4:hover .htmega-team-image-hover-none ul.htmega-social-network,.htmega-team-style-4:hover .htmega-team-image-hover-none span.htmega-team-designation {
1692
- -webkit-transform: translateX(0);
1693
- -moz-transform: translateX(0);
1694
- -ms-transform: translateX(0);
1695
- -o-transform: translateX(0);
1696
- transform: translateX(0);
1697
- }
1698
-
1699
- .htmega-team-style-4:hover .htmega-team-image-hover-none .htmega-team-hover-action::before {
1700
- opacity: 1;
1701
- }
1702
-
1703
- .htmega-team-style-4.htmega-team:hover .htmega-team-image-hover-none .htmega-team-hover-action {
1704
- background-color: transparent!important;
1705
- }
1706
-
1707
- .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action {
1708
- position: absolute;
1709
- top: 50%;
1710
- transform: translateY(-50%);
1711
- width: 100%;
1712
- text-align: center;
1713
- }
1714
-
1715
- .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action h4 {
1716
- font-size: 16px;
1717
- margin-bottom: 13px;
1718
- font-weight: 500;
1719
- }
1720
-
1721
- .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action h4 {
1722
- color: #ffffff;
1723
- }
1724
-
1725
- .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-left img {
1726
- -webkit-transform: rotate3d(0, 1, 0, -180deg);
1727
- -moz-transform: rotate3d(0, 1, 0, -180deg);
1728
- -ms-transform: rotate3d(0, 1, 0, -180deg);
1729
- -o-transform: rotate3d(0, 1, 0, -180deg);
1730
- transform: rotate3d(0, 1, 0, -180deg);
1731
- }
1732
-
1733
- .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-right img {
1734
- -webkit-transform: rotate3d(0, 1, 0, 180deg);
1735
- -moz-transform: rotate3d(0, 1, 0, 180deg);
1736
- -ms-transform: rotate3d(0, 1, 0, 180deg);
1737
- -o-transform: rotate3d(0, 1, 0, 180deg);
1738
- transform: rotate3d(0, 1, 0, 180deg);
1739
- z-index: 12;
1740
- }
1741
-
1742
- .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-top img {
1743
- -webkit-transform: rotate3d(1, 0, 0, 180deg);
1744
- -moz-transform: rotate3d(1, 0, 0, 180deg);
1745
- -ms-transform: rotate3d(1, 0, 0, 180deg);
1746
- -o-transform: rotate3d(1, 0, 0, 180deg);
1747
- transform: rotate3d(1, 0, 0, 180deg);
1748
- }
1749
-
1750
- .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-bottom img {
1751
- -webkit-transform: rotate3d(1, 0, 0, 180deg);
1752
- -moz-transform: rotate3d(1, 0, 0, 180deg);
1753
- -ms-transform: rotate3d(1, 0, 0, 180deg);
1754
- -o-transform: rotate3d(1, 0, 0, 180deg);
1755
- transform: rotate3d(1, 0, 0, 180deg);
1756
- }
1757
-
1758
- /* Team Style 05 */
1759
-
1760
- .htmega-team-style-5 .htmega-thumb img {
1761
- -webkit-transform: scaleY(1);
1762
- -moz-transform: scaleY(1);
1763
- -o-transform: scaleY(1);
1764
- -ms-transform: scaleY(1);
1765
- transform: scaleY(1);
1766
- -webkit-transition: all 0.7s ease-in-out;
1767
- -moz-transition: all 0.7s ease-in-out;
1768
- -o-transition: all 0.7s ease-in-out;
1769
- -ms-transition: all 0.7s ease-in-out;
1770
- transition: all 0.7s ease-in-out;
1771
- }
1772
-
1773
- .htmega-team-style-5 .htmega-team-hover-action {
1774
- width: 100%;
1775
- height: 100%;
1776
- position: absolute;
1777
- overflow: hidden;
1778
- top: 0;
1779
- left: 0;
1780
- background-color: white;
1781
- -webkit-transition: all 0.5s linear;
1782
- -moz-transition: all 0.5s linear;
1783
- -o-transition: all 0.5s linear;
1784
- -ms-transition: all 0.5s linear;
1785
- transition: all 0.5s linear;
1786
- opacity: 0;
1787
- }
1788
-
1789
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action {
1790
- position: absolute;
1791
- top: 50%;
1792
- transform: translateY(-50%);
1793
- padding: 0 20px;
1794
- width: 100%;
1795
- }
1796
-
1797
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 {
1798
- font-size: 16px;
1799
- font-weight: 600;
1800
- margin-bottom: 9px;
1801
- }
1802
-
1803
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 a {
1804
- color: #343434;
1805
- }
1806
-
1807
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span {
1808
- font-size: 16px;
1809
- display: block;
1810
- color: #343434;
1811
- margin-bottom: 12px;
1812
- }
1813
-
1814
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action p {
1815
- line-height: 26px;
1816
- color: #494849;
1817
- font-size: 14px;
1818
- margin-bottom: 16px;
1819
- }
1820
-
1821
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action .htmega-social-network {
1822
- justify-content: flex-start;
1823
- }
1824
-
1825
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action .htmega-social-network li:first-child {
1826
- margin-left: 0;
1827
- }
1828
-
1829
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4,
1830
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span,
1831
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action ul.htmega-social-network,
1832
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action p {
1833
- -webkit-transform: scale(0);
1834
- -moz-transform: scale(0);
1835
- -o-transform: scale(0);
1836
- -ms-transform: scale(0);
1837
- transform: scale(0);
1838
- -webkit-transition: all 0.5s linear;
1839
- -moz-transition: all 0.5s linear;
1840
- -o-transition: all 0.5s linear;
1841
- -ms-transition: all 0.5s linear;
1842
- transition: all 0.5s linear;
1843
- opacity: 0;
1844
- }
1845
-
1846
- .htmega-team-style-5:hover .htmega-team-hover-action {
1847
- opacity: 1;
1848
- background-color: white;
1849
- }
1850
-
1851
- .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action h4,
1852
- .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action ul.htmega-social-network,
1853
- .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action p,
1854
- .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action span {
1855
- -webkit-transform: scale(1);
1856
- -moz-transform: scale(1);
1857
- -o-transform: scale(1);
1858
- -ms-transform: scale(1);
1859
- transform: scale(1);
1860
- opacity: 1;
1861
- }
1862
-
1863
- .htmega-team-style-5:hover .htmega-thumb img {
1864
- -webkit-transform: scale(10);
1865
- -moz-transform: scale(10);
1866
- -o-transform: scale(10);
1867
- -ms-transform: scale(10);
1868
- transform: scale(10);
1869
- opacity: 0;
1870
- }
1871
- .htmega-team.htmega-team-style-5 ul.htmega-social-network{
1872
- padding: 0;
1873
- }
1874
-
1875
- /* Team Style 06 */
1876
- .htmega-team-style-6 {
1877
- overflow: hidden;
1878
- }
1879
-
1880
- .htmega-team-style-6 .htmega-thumb img {
1881
- transition: 0.5s;
1882
- }
1883
-
1884
- .htmega-team-style-6:hover .htmega-thumb img {
1885
- transform: scale(1.2) rotate(10deg);
1886
- }
1887
-
1888
- .htmega-team-style-6 .htmega-team-info {
1889
- background: #f4f4f4;
1890
- text-align: center;
1891
- transition: 0.4s;
1892
- }
1893
-
1894
- .htmega-team-style-6 .htmega-team-info .htmega-team-content {
1895
- padding: 26px 18px;
1896
- }
1897
-
1898
- .htmega-team-style-6 .htmega-team-info .htmega-team-content p {
1899
- font-size: 14px;
1900
- line-height: 28px;
1901
- color: #494849;
1902
- margin: 0;
1903
- }
1904
-
1905
- .htmega-team-style-6 .htmega-team-info .htmega-team-content h4 {
1906
- font-size: 16px;
1907
- font-weight: 600;
1908
- margin-bottom: 5px;
1909
- }
1910
-
1911
- .htmega-team-style-6 .htmega-team-info .htmega-team-content h4 {
1912
- color: #343434;
1913
- }
1914
-
1915
- .htmega-team-style-6 .htmega-team-info .htmega-team-content span {
1916
- color: #343434;
1917
- font-size: 14px;
1918
- font-weight: 400;
1919
- }
1920
-
1921
- .htmega-team-style-6 .htmega-team-info .htmega-social-network {
1922
- padding: 14px 0;
1923
- border-top: 2px solid #ffffff;
1924
- }
1925
- .htmega-team.htmega-team-style-6 .htmega-team-content {
1926
- border:none;
1927
- }
1928
-
1929
- /* Team Style 07 */
1930
- .htmega-team-style-7 {
1931
- box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
1932
- overflow: hidden;
1933
- }
1934
-
1935
- .htmega-team-style-7 .htmega-thumb a img {
1936
- transition: 0.5s;
1937
- }
1938
-
1939
- .htmega-team-style-7 .htmega-team-hover-action {
1940
- position: absolute;
1941
- bottom: 30px;
1942
- width: 100%;
1943
- text-align: center;
1944
- }
1945
-
1946
- .htmega-team-style-7 .htmega-team-hover-action{
1947
- background-color: transparent;
1948
- }
1949
-
1950
- .htmega-team-style-7 .htmega-team-hover-action .htmega-hover-action .htmega-social-network {
1951
- -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1952
- transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1953
- }
1954
-
1955
- .htmega-team-style-7 .htmega-team-hover-action .htmega-hover-action .htmega-social-network li a {
1956
- -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1957
- -webkit-transform: scale(0.1);
1958
- transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1959
- transform: scale(0.1);
1960
- opacity: 0;
1961
- height: 28px;
1962
- width: 28px;
1963
- line-height: 28px;
1964
- }
1965
-
1966
- .htmega-team-style-7:hover .htmega-team-hover-action .htmega-hover-action .htmega-social-network li a {
1967
- opacity: 1;
1968
- transform: scale(1);
1969
- -webkit-transition-delay: .1s;
1970
- transition-delay: .1s;
1971
- }
1972
-
1973
- .htmega-team-style-7 .htmega-team-content {
1974
- background: #fff none repeat scroll 0 0;
1975
- border: 0 none;
1976
- margin: 0;
1977
- padding: 20px 10px;
1978
- text-align: center;
1979
- }
1980
-
1981
- .htmega-team-style-7 .htmega-team-content h4 {
1982
- font-size: 16px;
1983
- font-weight: 600;
1984
- margin-bottom: 3px;
1985
- }
1986
-
1987
- .htmega-team-style-7 .htmega-team-content h4 {
1988
- color: #343434;
1989
- }
1990
-
1991
- .htmega-team-style-7 .htmega-team-content h4:hover {
1992
- color: #18012c;
1993
- }
1994
-
1995
- .htmega-team-style-7 .htmega-team-content span {
1996
- color: #343434;
1997
- font-size: 14px;
1998
- margin: 0;
1999
- font-weight: 400;
2000
- }
2001
-
2002
- .htmega-team-style-7:hover .htmega-thumb img {
2003
- transform: scale(1.2) rotate(10deg);
2004
- }
2005
- /* Team Style 08 */
2006
- .htmega-team-style-8 .htmega-team-content{
2007
- position: relative;
2008
- transition: all 0.3s ease-in-out;
2009
- border: 1px solid #e5e5e5;
2010
- border-top: 0;
2011
- overflow: hidden;
2012
- }
2013
- .htmega-team-style-8{
2014
- box-shadow: none;
2015
- }
2016
- .htmega-team-style-8 .htmega-team-hover-action {
2017
- position: absolute;
2018
- bottom: -110%;
2019
- width: 100%;
2020
- z-index: 2;
2021
- left: 0;
2022
- height: 100%;
2023
- display: flex;
2024
- align-items: center;
2025
- justify-content: center;
2026
- transition: all 0.3s ease-in-out;
2027
- background-color: transparent;
2028
- background-image: linear-gradient(280deg, #FCC5FF 0%, #8D73FF 100%);
2029
- }
2030
- .htmega-team-style-8:hover .htmega-team-hover-action {
2031
- bottom: 0;
2032
- }
2033
- .htmega-team-style-8::before,.htmega-team-style-8::after {
2034
- content: "";
2035
- position: absolute;
2036
- left: 0;
2037
- bottom: 0;
2038
- height: 10px;
2039
- width: 10px;
2040
- border-left: 1px solid #8e74ff;
2041
- border-bottom: 1px solid #8e74ff;
2042
- z-index: 1;
2043
- }
2044
- .htmega-team-style-8::after {
2045
- left: auto;
2046
- right: 0;
2047
- border-left: 1px solid transparent!important;
2048
- border-right: 1px solid #8e74ff;
2049
- }
2050
- .htmega-team-style-8:hover::after,.htmega-team-style-8:hover::before{
2051
- opacity: 0;
2052
- }
2053
- .htmega-team-style-8 .htmega-team-hover-action:after {
2054
- position: absolute;
2055
- content: "";
2056
- width: 51px;
2057
- height: 3px;
2058
- top: 0;
2059
- left: 50%;
2060
- background: #fff;
2061
- margin-left: -25px;
2062
- }
2063
-
2064
- .htmega-team.htmega-st8-new .htmega-team-content {
2065
- position: absolute;
2066
- bottom: 0;
2067
- left: 0px;
2068
- right: 0px;
2069
- margin: 0 15px;
2070
- }
2071
-
2072
- /* Team Content style 3 */
2073
- .htmega-team-style-8.htmega-st8-new3 .htmega-team-hover-action {
2074
- bottom: 0;
2075
- left: -99%;
2076
- }
2077
- .htmega-team-style-8.htmega-st8-new3:hover .htmega-team-hover-action{
2078
- left: 0;
2079
- }
2080
- .htmega-team-style-8.htmega-st8-new3 .htmega-team-content {
2081
- border-width: 0px 0px 0px 0px;
2082
- margin: 0px 20px 20px 0px;
2083
- }
2084
-
2085
-
2086
- /*---------------------------------
2087
- Pricing Table Style
2088
- -----------------------------------*/
2089
- .htmega-features svg {
2090
- width: 20px;
2091
- display: inline-block;
2092
- }
2093
- .htmega-pricing-panel {
2094
- display: flex;
2095
- flex-direction: column;
2096
- justify-content: space-between;
2097
- text-align: center;
2098
- margin-top: 30px;
2099
- }
2100
-
2101
- .htmega-pricing-body ul {
2102
- list-style: none;
2103
- padding: 0;
2104
- margin: 0;
2105
- }
2106
- .htmega-pricing-panel .pricing_old {
2107
- margin-right: 15px;
2108
- }
2109
- .htmega-pricing-panel .htmega-pricing-heading .price h4 span.pricing_new,.htmega-pricing-panel .htmega-pricing-heading .price h4 span.pricing_old{
2110
- padding-left: 16px;
2111
- position: relative;
2112
- }
2113
-
2114
- .htmega-features li i{
2115
- margin-right: 8px;
2116
- }
2117
-
2118
- /* Pricing Table style 1 */
2119
- .htmega-pricing-style-1 {
2120
- background: #365a73;
2121
- margin-top: 30px;
2122
- border-radius: 10px;
2123
- padding-bottom: 40px;
2124
- }
2125
-
2126
- .htmega-pricing-style-1 .htmega-pricing-heading {
2127
- padding-top: 65px;
2128
- padding-bottom: 75px;
2129
- background-repeat: no-repeat;
2130
- background-position: center center;
2131
- position: relative;
2132
- background-size: cover;
2133
- margin-bottom: 37px;
2134
- border-radius: 10px 10px 0 0;
2135
- }
2136
-
2137
- .htmega-pricing-style-1 .htmega-pricing-heading .title {
2138
- position: absolute;
2139
- left: -7px;
2140
- transform: rotate(-90deg);
2141
- top: 39px;
2142
- }
2143
-
2144
- .htmega-pricing-style-1 .htmega-pricing-heading .title h2 {
2145
- margin: 0;
2146
- height: 50px;
2147
- line-height: 50px;
2148
- color: #ffffff;
2149
- font-size: 16px;
2150
- background-image: -webkit-linear-gradient(left, #446c83, #4eb8bf);
2151
- background-image: linear-gradient(left, #446c83, #4eb8bf);
2152
- border-radius: 10px;
2153
- font-family: 'Raleway', sans-serif;
2154
- width: 125px;
2155
- text-align: center;
2156
- }
2157
-
2158
- .htmega-pricing-style-1 .htmega-pricing-heading .price {
2159
- display: inline-block;
2160
- padding-left: 35px;
2161
- }
2162
-
2163
- .htmega-pricing-style-1 .htmega-pricing-heading .price h4 {
2164
- color: #ffffff;
2165
- display: inline-block;
2166
- margin: 0;
2167
- position: relative;
2168
- font-size: 40px;
2169
- font-weight: 600;
2170
- font-family: 'Raleway', sans-serif;
2171
- }
2172
-
2173
- .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.pricing_new{
2174
- font-size: 40px;
2175
- }
2176
-
2177
- .htmega-pricing-style-1 .htmega-pricing-heading .price h4 sub {
2178
- position: absolute;
2179
- left: 0;
2180
- top: 23px;
2181
- font-size: 20px;
2182
- font-weight: 700;
2183
- font-family: 'Raleway', sans-serif;
2184
- }
2185
- .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.pricing_old sub{
2186
- position: static;
2187
- }
2188
-
2189
- .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span {
2190
- font-size: 20px;
2191
- font-family: "Montserrat", sans-serif;
2192
- }
2193
-
2194
- .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.separator {
2195
- margin-right: -5px;
2196
- }
2197
-
2198
- .htmega-pricing-style-1 .htmega-pricing-body {
2199
- margin-bottom: 37px;
2200
- }
2201
-
2202
- .htmega-pricing-style-1 .htmega-pricing-body ul li {
2203
- color: #f1f1f1;
2204
- font-weight: 300;
2205
- font-size: 16px;
2206
- padding: 5px 0;
2207
- }
2208
- a.price_btn{
2209
- text-decoration: none;
2210
- }
2211
- .htmega-pricing-style-1 a.price_btn {
2212
- border: 1px solid #4fbfc5;
2213
- display: inline-block;
2214
- padding: 8px 40px;
2215
- border-radius: 10px;
2216
- color: #ffffff;
2217
- font-size: 14px;
2218
- text-transform: uppercase;
2219
- font-weight: 600;
2220
- transition: 0.5s;
2221
- }
2222
-
2223
- .htmega-pricing-style-1 a.price_btn:hover {
2224
- background: #4ebec4;
2225
- color: #ffffff;
2226
- border: 1px solid #4ebec4;
2227
- }
2228
-
2229
- /* Pricing Table style 2*/
2230
- .htmega-pricing-style-2 {
2231
- background: #ffffff;
2232
- border-radius: 10px;
2233
- padding: 55px 0;
2234
- }
2235
-
2236
- .htmega-pricing-heighlight{
2237
- padding: 70px 0;
2238
- box-shadow: 0 0 30px rgba(82, 182, 188, 0.25);
2239
- position: relative;
2240
- z-index: 2;
2241
- }
2242
-
2243
- .htmega-pricing-style-2 .htmega-pricing-heading {
2244
- margin-bottom: 10px;
2245
- }
2246
-
2247
- .htmega-pricing-style-2 .htmega-pricing-heading .icon {
2248
- margin-bottom: 20px;
2249
- }
2250
-
2251
- .htmega-pricing-style-2 .htmega-pricing-heading .title h2 {
2252
- margin-bottom: 14px;
2253
- margin-bottom: 28px;
2254
- }
2255
-
2256
- .htmega-pricing-style-2 .htmega-pricing-heading .price h4 {
2257
- color: #52b6bc;
2258
- font-weight: 400;
2259
- position: relative;
2260
- font-size: 30px;
2261
- margin: 0;
2262
- font-family: 'Lora', serif;
2263
- display: inline-block;
2264
- }
2265
-
2266
- .htmega-pricing-style-2 .htmega-pricing-heading .price h4 sub {
2267
- position: absolute;
2268
- left: 0;
2269
- top: 16px;
2270
- }
2271
-
2272
- .htmega-pricing-style-2 .htmega-pricing-body {
2273
- margin-bottom: 27px;
2274
- }
2275
-
2276
- .htmega-pricing-style-2 .htmega-pricing-body ul li {
2277
- color: #7b7b7b;
2278
- font-size: 14px;
2279
- font-weight: 300;
2280
- padding: 3px 0;
2281
- }
2282
-
2283
- .htmega-pricing-style-2 .htmega-pricing-footer a.price_btn {
2284
- border: 2px solid #52b6bc;
2285
- display: inline-block;
2286
- padding: 0 32px;
2287
- color: #52b6bc;
2288
- border-radius: 21px;
2289
- font-weight: 500;
2290
- font-size: 15px;
2291
- transition: 0.5s;
2292
- }
2293
-
2294
- .htmega-pricing-style-2 .htmega-pricing-footer a.price_btn:hover {
2295
- background: #52b6bc;
2296
- color: #ffffff;
2297
- border: 2px solid #52b6bc;
2298
- }
2299
-
2300
-
2301
- /* Pricing Table style 3 */
2302
- .htmega-pricing-style-3 {
2303
- background: #ef476f;
2304
- padding-bottom: 60px;
2305
- margin-top: 88px;
2306
- border-radius: 5px;
2307
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
2308
- }
2309
-
2310
- .htmega-pricing-style-3 .htmega-pricing-heading .price {
2311
- width: 125px;
2312
- height: 127px;
2313
- background: #ef476f;
2314
- border: 4px solid #fff;
2315
- border-radius: 100%;
2316
- text-align: center;
2317
- margin: 0 auto;
2318
- display: flex;
2319
- justify-content: center;
2320
- align-items: center;
2321
- position: relative;
2322
- margin-top: -63px;
2323
- margin-bottom: 37px;
2324
- }
2325
-
2326
- .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_new,.htmega-pricing-style-3 .htmega-pricing-heading .price h4{
2327
- font-size: 40px;
2328
- margin: 0;
2329
- font-weight: 600;
2330
- position: relative;
2331
- font-family: "Poppins", sans-serif;
2332
- }
2333
- .htmega-pricing-panel.htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_new, .htmega-pricing-panel.htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_old{
2334
- padding: 0;
2335
- }
2336
-
2337
- .htmega-pricing-style-3 .htmega-pricing-heading .price h4 sub {
2338
- font-size: 20px;
2339
- position: relative;
2340
- top: -17px;
2341
- left: 0;
2342
- }
2343
-
2344
- .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span {
2345
- font-size: 15px;
2346
- font-weight: 500;
2347
- }
2348
-
2349
- .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.separator {
2350
- margin-left: -9PX;
2351
- margin-right: -10px;
2352
- }
2353
-
2354
- .htmega-pricing-style-3 .htmega-pricing-heading .title {
2355
- margin-bottom: 41px;
2356
- }
2357
-
2358
- .htmega-pricing-style-3 .htmega-pricing-heading .title h2 {
2359
- font-size: 26px;
2360
- color: #ffffff;
2361
- font-weight: 600;
2362
- margin: 0;
2363
- font-family: "Montserrat", sans-serif;
2364
- }
2365
-
2366
- .htmega-pricing-style-3 .htmega-pricing-body ul li {
2367
- color: #ffffff;
2368
- font-size: 17px;
2369
- padding: 5px 0;
2370
- font-family: "Poppins", sans-serif;
2371
- }
2372
-
2373
- .htmega-pricing-style-3 .htmega-pricing-footer {
2374
- margin-top: 48px;
2375
- }
2376
-
2377
- .htmega-pricing-style-3 .htmega-pricing-footer a.price_btn {
2378
- height: 40px;
2379
- padding: 0 43px;
2380
- display: inline-block;
2381
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
2382
- color: #fff;
2383
- font-weight: 600;
2384
- line-height: 40px;
2385
- font-size: 15px;
2386
- transition: 0.5s;
2387
- font-family: "Montserrat", sans-serif;
2388
- }
2389
-
2390
- .htmega-pricing-style-3 .htmega-pricing-footer a.price_btn:hover {
2391
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
2392
- }
2393
-
2394
- /* Pricing Table style 4 */
2395
- .htmega-pricing-style-4 {
2396
- background: #ffffff;
2397
- padding: 90px 0;
2398
- }
2399
- .htmega-pricing-style-4.htmega-pricing-heighlight .htmega-pricing-footer {
2400
- height: auto;
2401
- }
2402
-
2403
- .htmega-pricing-ribon{
2404
- position: relative;
2405
- }
2406
-
2407
- .htmega-pricing-ribon::before {
2408
- content: url(../images/pricing/pricing-ribon.png);
2409
- left: 30px;
2410
- position: absolute;
2411
- top: -15px;
2412
- }
2413
-
2414
- .htmega-pricing-style-4 .htmega-pricing-heading .price h4 {
2415
- font-weight: 600;
2416
- color: #4d4d4d;
2417
- font-size: 48px;
2418
- position: relative;
2419
- display: inline-block;
2420
- margin: 0;
2421
- }
2422
-
2423
- .htmega-pricing-style-4 .htmega-pricing-heading .price h4 sub {
2424
- position: absolute;
2425
- left: 0;
2426
- top: 25px;
2427
- font-size: 31px;
2428
- }
2429
-
2430
- .htmega-pricing-style-4 .htmega-pricing-heading .title h2 {
2431
- font-size: 18px;
2432
- font-weight: 500;
2433
- color: #000101;
2434
- padding-bottom: 27px;
2435
- position: relative;
2436
- margin-bottom: 28px;
2437
- }
2438
-
2439
- .htmega-pricing-style-4 .htmega-pricing-heading .title h2::before {
2440
- position: absolute;
2441
- content: "";
2442
- width: 60px;
2443
- height: 2px;
2444
- background: #e1e1e1;
2445
- bottom: 0;
2446
- left: 50%;
2447
- transform: translateX(-50%);
2448
- }
2449
-
2450
- .htmega-pricing-style-4 .htmega-pricing-body {
2451
- position: relative;
2452
- padding-bottom: 23px;
2453
- margin-top: 36px;
2454
- }
2455
-
2456
- .htmega-pricing-style-4 .htmega-pricing-body::before {
2457
- position: absolute;
2458
- content: "";
2459
- background: #e1e1e1;
2460
- width: 60px;
2461
- height: 2px;
2462
- bottom: 0;
2463
- left: 50%;
2464
- transform: translateX(-50%);
2465
- }
2466
-
2467
- .htmega-pricing-style-4 .htmega-pricing-body ul {
2468
- padding: 0 53px;
2469
- }
2470
-
2471
- .htmega-pricing-style-4 .htmega-pricing-body ul li {
2472
- font-size: 15px;
2473
- color: #000000;
2474
- line-height: 35px;
2475
- font-family: "Montserrat", sans-serif;
2476
- }
2477
-
2478
- .htmega-pricing-style-4 .htmega-pricing-footer {
2479
- margin-top: 32px;
2480
- height: 0px;
2481
- overflow: hidden;
2482
- -webkit-transition: all 0.3s ease 0s;
2483
- -o-transition: all 0.3s ease 0s;
2484
- transition: all 0.3s ease 0s;
2485
- }
2486
-
2487
- .htmega-pricing-style-4 .htmega-pricing-footer a.price_btn {
2488
- height: 46px;
2489
- border: 1px solid #ededed;
2490
- display: inline-block;
2491
- line-height: 44px;
2492
- padding: 0 40px;
2493
- color: #000000;
2494
- font-size: 14px;
2495
- border-radius: 30px;
2496
- font-family: "Montserrat", sans-serif;
2497
- transition: 0.5s;
2498
- }
2499
-
2500
- .htmega-pricing-style-4 .htmega-pricing-footer a.price_btn:hover {
2501
- background: #0056ff;
2502
- color: #ffffff;
2503
- border: 1px solid #0056ff;
2504
- }
2505
-
2506
- .htmega-pricing-style-4:hover .htmega-pricing-footer {
2507
- height: 46px;
2508
- }
2509
-
2510
- .htmega-pricing-style-4.active .htmega-pricing-footer {
2511
- height: 46px !important;
2512
- }
2513
-
2514
- /* Pricing Table Style 5 */
2515
- .htmega-pricing-style-5 {
2516
- background: #f6f6f6;
2517
- padding: 40px 0;
2518
- text-align: left;
2519
- padding-bottom: 50px;
2520
- margin-left: 30px;
2521
- }
2522
-
2523
- .htmega-pricing-style-5 .htmega-pricing-heading {
2524
- padding-left: 46px;
2525
- margin-bottom: 8px;
2526
- }
2527
-
2528
- .htmega-pricing-style-5 .htmega-pricing-heading .price h4 {
2529
- color: #0056ff;
2530
- font-weight: 600;
2531
- font-size: 40px;
2532
- }
2533
-
2534
- .htmega-pricing-style-5 .htmega-pricing-heading .title h2 {
2535
- color: #000000;
2536
- font-size: 18px;
2537
- font-weight: 500;
2538
- letter-spacing: 3px;
2539
- margin-bottom: 3px;
2540
- }
2541
-
2542
- .htmega-pricing-style-5 .htmega-pricing-body {
2543
- background: #e3ecff;
2544
- margin-right: 30px;
2545
- margin-left: -30px;
2546
- border-radius: 6px;
2547
- padding: 40px 56px 60px;
2548
- position: relative;
2549
- }
2550
-
2551
- .htmega-pricing-style-5 .htmega-pricing-body ul {
2552
- margin-bottom: -37px;
2553
- }
2554
-
2555
- .htmega-pricing-style-5 .htmega-pricing-body ul li {
2556
- color: #181818;
2557
- font-size: 14px;
2558
- padding: 10px 0;
2559
- }
2560
-
2561
- .htmega-pricing-body ul li.off {
2562
- text-decoration: line-through;
2563
- }
2564
-
2565
- .htmega-pricing-style-5 .htmega-pricing-body a.price_btn {
2566
- bottom: -72px;
2567
- background: transparent;
2568
- display: inline-block;
2569
- left: 50%;
2570
- border-radius: 25px;
2571
- font-size: 14px;
2572
- color: #ffffff;
2573
- text-transform: uppercase;
2574
- letter-spacing: 2px;
2575
- transform: translateX(-50%);
2576
- position: relative;
2577
- border: 1px solid transparent;
2578
- padding: 4px;
2579
- transition: 0.5;
2580
- }
2581
-
2582
- .htmega-pricing-style-5 .htmega-pricing-body a.price_btn span {
2583
- padding: 0 30px;
2584
- background: #0056ff;
2585
- display: inline-block;
2586
- border-radius: 20px;
2587
- height: 40px;
2588
- line-height: 40px;
2589
- }
2590
-
2591
- .htmega-pricing-style-5 .htmega-pricing-body a.price_btn:hover {
2592
- border: 1px solid #0056ff;
2593
- }
2594
-
2595
- .htmega-pricing-style-5 .htmega-pricing-body a.price_btn.active {
2596
- border: 1px solid #0056ff;
2597
- }
2598
-
2599
- .htmega-pricing-style-5 .htmega-pricing-body a.price_btn.active:hover {
2600
- border: 1px solid transparent;
2601
- }
2602
- .htmega-pricing-style-5 .htmega-pricing-heading .price h4 span.pricing_new, .htmega-pricing-style-5 .htmega-pricing-heading .price h4 span.pricing_old{
2603
- padding: 0;
2604
- }
2605
- .htmega-pricing-style-5 sub {
2606
- font-size: 40px;
2607
- position: static;
2608
- }
2609
-
2610
- /* Pricing Table Style 6 */
2611
-
2612
- .htmega-pricing-style-6 {
2613
- background: #fff;
2614
- box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
2615
- padding-bottom: 30px;
2616
- }
2617
-
2618
- .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-heading {
2619
- background: #2d3e50;
2620
- padding: 30px 0;
2621
- }
2622
-
2623
- .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-body {
2624
- padding: 55px 0;
2625
- }
2626
-
2627
- .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-body ul li {
2628
- padding: 7px 0;
2629
- }
2630
-
2631
- .htmega-pricing-style-6 .htmega-pricing-heading {
2632
- background: #2d3e50;
2633
- padding: 30px 0;
2634
- }
2635
-
2636
- .htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.separator {
2637
- margin-left: -7px;
2638
- margin-right: -10px;
2639
- }
2640
-
2641
- .htmega-pricing-style-6 .htmega-pricing-heading .price h4 sub {
2642
- font-size: 18px;
2643
- position: relative;
2644
- top: -20px;
2645
- left: 0;
2646
- }
2647
-
2648
- .htmega-pricing-style-6 .htmega-pricing-body {
2649
- padding: 50px 0;
2650
- }
2651
-
2652
- .htmega-pricing-style-6 .htmega-pricing-body ul li {
2653
- color: #2d3e50;
2654
- font-size: 18px;
2655
- font-weight: 500;
2656
- padding: 5px 0;
2657
- font-family: 'Raleway', sans-serif;
2658
- }
2659
-
2660
- .htmega-pricing-style-6 .htmega-pricing-footer a.price_btn {
2661
- display: inline-block;
2662
- background: #2d3e50;
2663
- padding: 0 40px;
2664
- height: 40px;
2665
- line-height: 41px;
2666
- font-weight: 700;
2667
- border-radius: 15px;
2668
- font-size: 15px;
2669
- color: #ffffff;
2670
- font-family: 'Raleway', sans-serif;
2671
- transition: 0.5s;
2672
- }
2673
-
2674
- .htmega-pricing-style-6 .htmega-pricing-footer a.price_btn:hover {
2675
- transform: translateY(-5px);
2676
- }
2677
- .htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.period-txt,.htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.separator {
2678
- color: #ecebeb;
2679
- font-size: 18px;
2680
- }
2681
-
2682
- /* Pricing Table style 7 */
2683
- .htmega-pricing-style-7 {
2684
- background: #ffffff;
2685
- padding-top: 48px;
2686
- padding-bottom: 60px;
2687
- box-shadow: 0 0 10px rgba(1, 26, 72, 0.1);
2688
- }
2689
-
2690
- .htmega-pricing-style-7 .htmega-pricing-heading .title h2 {
2691
- color: #f7ca18;
2692
- font-size: 26px;
2693
- font-weight: 600;
2694
- margin-bottom: 32px;
2695
- font-family: "Poppins", sans-serif;
2696
- }
2697
-
2698
- .htmega-pricing-style-7 .htmega-pricing-heading .price {
2699
- background-position: center center;
2700
- background-size: cover;
2701
- margin-bottom: 23px;
2702
- padding: 12px 0;
2703
- }
2704
-
2705
- .htmega-pricing-style-7 .htmega-pricing-heading .price h4 {
2706
- font-size: 60px;
2707
- color: #011a48;
2708
- font-weight: 700;
2709
- font-family: "Poppins", sans-serif;
2710
- }
2711
-
2712
- .htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.period-txt,.htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.separator {
2713
- font-size: 26px;
2714
- font-weight: 600;
2715
- }
2716
-
2717
- .htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.separator {
2718
- margin-left: 2px;
2719
- margin-right: -8px;
2720
- }
2721
-
2722
- .htmega-pricing-style-7 .htmega-pricing-heading .price h4 sub {
2723
- font-size: 26px;
2724
- left: 0px;
2725
- position: relative;
2726
- top: -3px;
2727
- }
2728
-
2729
- .htmega-pricing-style-7 .htmega-pricing-body {
2730
- padding: 0 28px;
2731
- }
2732
-
2733
- .htmega-pricing-style-7 .htmega-pricing-body ul li {
2734
- color: #798294;
2735
- font-size: 20px;
2736
- line-height: 32px;
2737
- padding: 13px 0;
2738
- border-top: 1px solid #f6f6f6;
2739
- font-family: 'Open Sans', sans-serif;
2740
- }
2741
-
2742
- .htmega-pricing-style-7 .htmega-pricing-body ul li:last-child {
2743
- border-bottom: 1px solid #f6f6f6;
2744
- }
2745
-
2746
- .htmega-pricing-style-7 .htmega-pricing-footer {
2747
- margin-top: 40px;
2748
- }
2749
-
2750
- .htmega-pricing-style-7 .htmega-pricing-footer a.price_btn {
2751
- height: 47px;
2752
- padding: 0 50px;
2753
- display: inline-block;
2754
- background: #011a48;
2755
- border-radius: 23px;
2756
- color: #fff;
2757
- font-size: 14px;
2758
- line-height: 47px;
2759
- text-transform: uppercase;
2760
- font-weight: 600;
2761
- letter-spacing: 2px;
2762
- font-family: "Poppins", sans-serif;
2763
- transition: 0.5s;
2764
- }
2765
-
2766
- .htmega-pricing-style-7 .htmega-pricing-footer a.price_btn:hover {
2767
- background: #f7ca18;
2768
- color: #000000;
2769
- }
2770
-
2771
- /*-----------------------------
2772
- Brand Style
2773
- ------------------------------*/
2774
- .htmega-brands-area.htmega-brands-style-1{
2775
- display: flex;
2776
- flex-wrap: wrap;
2777
- }
2778
- .single-partner {
2779
- -webkit-box-flex: 1;
2780
- -webkit-flex-grow: 1;
2781
- -ms-flex-positive: 1;
2782
- flex-grow: 1;
2783
- padding: 0 15px;
2784
- width: calc(100% * (1/4));
2785
- text-align: center;
2786
- margin-bottom: 50px;
2787
- }
2788
- .single-partner a{
2789
- display: inline-block;
2790
- }
2791
-
2792
- /* Brand style 2 */
2793
- ul.brand-list {
2794
- list-style: none;
2795
- padding: 0;
2796
- margin: 0;
2797
- display: flex;
2798
- flex-flow: row wrap;
2799
- justify-content: space-between;
2800
- align-items: center;
2801
- }
2802
-
2803
- /* Mobile Quary Brand widgets*/
2804
- @media only screen and (max-width: 380px) {
2805
- ul.brand-list {
2806
- display: block;
2807
- }
2808
- }
2809
-
2810
- ul.brand-list li {
2811
- position: relative;
2812
- text-align: center;
2813
- /* transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); */
2814
- }
2815
-
2816
- ul.brand-list li a{
2817
- display: inline-block;
2818
- }
2819
-
2820
- .htmega-brands-style-2 ul.brand-list li {
2821
- border-right: 1px dashed #ffffff;
2822
- display: block;
2823
- float: left;
2824
- padding: 20px;
2825
- text-align: center;
2826
- width: 20%;
2827
- }
2828
-
2829
- .htmega-brands-style-2 ul.brand-list li:last-child {
2830
- border-right: 1px dashed transparent;
2831
- }
2832
-
2833
- .htmega-brands-style-3 ul.brand-list li {
2834
- flex-basis: 20%;
2835
- border-right: 1px solid #dcd9d9;
2836
- height: 125px;
2837
- line-height: 125px;
2838
- border-top: 1px solid #dcd9d9;
2839
- border-bottom: 1px solid #dcd9d9;
2840
- }
2841
-
2842
- .htmega-brands-style-3 ul.brand-list li:first-child {
2843
- border-left: 1px solid #dcd9d9;
2844
- }
2845
-
2846
- .brand-list-area {
2847
- display: flex;
2848
- flex-wrap: wrap;
2849
- }
2850
- .brand-logo-col{
2851
- padding-left: 15px;
2852
- padding-right: 15px;
2853
- }
2854
- .htmega-brands-style-5 .brand-logo-col{
2855
- flex: 0 0 25%;
2856
- max-width: 25%;
2857
- }
2858
- .htmega-brands-style-5 .single-partner {
2859
- background: #fff;
2860
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
2861
- text-align: center;
2862
- display: block;
2863
- width: 100%;
2864
- padding: 25px 15px;
2865
- }
2866
-
2867
- .htmega-brands-style-7 .single-partner{
2868
- width: 100%;
2869
- }
2870
- .htmega-brands-style-7 .brand-logo-col{
2871
- flex: 0 0 33.333%;
2872
- max-width: 33.333%;
2873
- }
2874
-
2875
- /* Brand Style Four */
2876
- .htmega-brands-style-4 ul.brand-list{
2877
- display: block;
2878
- }
2879
- .htmega-brands-style-4 ul.brand-list li {
2880
- border-bottom: 1px dashed #aaa;
2881
- border-right: 1px dashed #aaa;
2882
- float: left;
2883
- padding: 25px 15px;
2884
- text-align: center;
2885
- width: 33.33%;
2886
- }
2887
-
2888
- .htmega-brands-style-4 ul.brand-list li:nth-child(1) {
2889
- border-bottom-color: #aaa;
2890
- border-right-color: #aaa;
2891
- }
2892
-
2893
- .htmega-brands-style-4 ul.brand-list li:nth-child(6),
2894
- .htmega-brands-style-4 ul.brand-list li:last-child {
2895
- border-bottom-color: transparent;
2896
- border-right-color: transparent;
2897
- }
2898
-
2899
- .htmega-brands-style-4 ul.brand-list li:nth-child(5) {
2900
- border-bottom-color: transparent;
2901
- border-right-color: #aaa;
2902
- }
2903
-
2904
- .htmega-brands-style-4 ul.brand-list li:nth-child(4) {
2905
- border-bottom-color: transparent;
2906
- border-right-color: #aaa;
2907
- }
2908
-
2909
- .htmega-brands-style-4 ul.brand-list li:nth-child(3) {
2910
- border-bottom-color: #aaa;
2911
- border-right-color: transparent;
2912
- }
2913
-
2914
- /*-----------------------
2915
- * Newsletter Style
2916
- -----------------------*/
2917
- .float-left{
2918
- float:left;
2919
- }
2920
- .newsletter-style-one p {
2921
- color: #798294;
2922
- font-size: 14px;
2923
- line-height: 28px;
2924
- max-width: 605px;
2925
- margin: 0 auto !important;
2926
- width: 100%;
2927
- margin-bottom: 58px;
2928
- margin-top: 16px;
2929
- }
2930
-
2931
- .htmega-mailchimp-style-1 .htmega-input-box {
2932
- position: relative;
2933
- max-width: 530px;
2934
- margin: 0 auto;
2935
- }
2936
- .htmega-input-box input[type="text"],.htmega-input-box input[type="email"] {
2937
- width: 100%;
2938
- }
2939
- .htmega-mailchimp-style-1 .htmega-input-box input[type="submit"] {
2940
- position: absolute;
2941
- right: 5px;
2942
- top: 50%;
2943
- transform: translateY(-50%);
2944
- outline: none;
2945
- border: 0 none;
2946
- transition: 0.4s;
2947
- }
2948
-
2949
- /* Newsletter Style Two */
2950
- .htmega-mailchimp-style-2 .htmega-input-box input[type="text"],.htmega-mailchimp-style-2 .htmega-input-box input[type="email"] {
2951
- width: calc(100% - 170px);
2952
- }
2953
-
2954
- /* Newsletter Style Three */
2955
- .htmega-input-box form{
2956
- width: 100%;
2957
- }
2958
- .htmega-mailchimp-style-3 .htmega-input-box {
2959
- position: relative;
2960
- max-width: 580px;
2961
- width: 100%;
2962
- margin: 0 auto;
2963
- display: flex;
2964
- }
2965
- .htmega-mailchimp-style-3 .htmega-input-box input {
2966
- text-align: center;
2967
- float: left;
2968
- overflow: hidden;
2969
- max-width: 405px;
2970
- }
2971
-
2972
- .htmega-mailchimp-style-3 .htmega-input-box input[type="submit"] {
2973
- float: right;
2974
- overflow: hidden;
2975
- transition: 0.4s;
2976
- }
2977
-
2978
- /* Newsletter Style Four */
2979
- .htmega-mailchimp-style-4 .htmega-input-box {
2980
- position: relative;
2981
- }
2982
-
2983
- .htmega-mailchimp-style-4 .htmega-input-box input[type="submit"] {
2984
- position: absolute;
2985
- right: 5px;
2986
- top: 50%;
2987
- width: 40px;
2988
- transform: translateY(-50%);
2989
- transition: 0.4s;
2990
- text-indent: -99999px;
2991
- }
2992
- .htmega-mailchimp-style-4 .htmega-input-box::before {
2993
- color: #ffffff;
2994
- content: "";
2995
- cursor: pointer;
2996
- display: block;
2997
- font-family: fontawesome;
2998
- position: absolute;
2999
- right: 20px;
3000
- top: 50%;
3001
- transform: translateY(-50%);
3002
- z-index: 1;
3003
- }
3004
-
3005
- /* Newsletter Style Five */
3006
- .htmega-mailchimp-style-5 .htmega-input-box input[type="submit"] {
3007
- width: 100%;
3008
- transition: 0.5s;
3009
- }
3010
-
3011
- /*
3012
- * Testimonial Style
3013
- */
3014
-
3015
- .htmega-testimonial-area .slick-prev, .htmega-testimonial-area .slick-next {
3016
- background: transparent none repeat scroll 0 0;
3017
- border: medium none;
3018
- color: #7d7d7d;
3019
- cursor: pointer;
3020
- display: block;
3021
- font-size: 24px;
3022
- height: auto;
3023
- line-height: 1;
3024
- outline: medium none;
3025
- padding: 0;
3026
- position: absolute;
3027
- text-align: center;
3028
- top: 50%;
3029
- transform: translate(0px, -50%);
3030
- width: auto;
3031
- }
3032
- .htmega-testimonial-area .slick-next{
3033
- right: 0;
3034
- }
3035
-
3036
- .htmega-testimonial-area .slick-dots{
3037
- list-style: none;
3038
- }
3039
- .htmega-testimonial-area .slick-dots li button {
3040
- font-size: 0;
3041
- line-height: 0;
3042
- display: block;
3043
- width: 12px;
3044
- height: 12px;
3045
- padding: 0;
3046
- cursor: pointer;
3047
- color: transparent;
3048
- border: 0;
3049
- outline: none;
3050
- background: #e3e3e3;
3051
- border-radius: 100%;
3052
- }
3053
- .htmega-testimonial-area .slick-dots li.slick-active button {
3054
- background: #ff6600;
3055
- }
3056
- .htmega-testimonial-area .slick-dots li button:before {
3057
- display: none;
3058
- }
3059
- .htmega-testimonial-area .slick-dots {
3060
- bottom: -30px;
3061
- }
3062
- .htmega-testimonial-area .slick-dots li {
3063
- margin: 0 7px;
3064
- width: 12px;
3065
- height: 12px;
3066
- }
3067
- .htmega-testimonial-area .slick-prev::before, .htmega-testimonial-area .slick-next::before{
3068
- display: none;
3069
- }
3070
-
3071
- /*Testimonial Style One*/
3072
- .htmega-testimonial-activation {
3073
- z-index: 1;
3074
- }
3075
- .htmega-testimonial-style-1 .testimonal {
3076
- text-align: center;
3077
- }
3078
-
3079
- .htmega-testimonial-style-1 .testimonal img {
3080
- margin-bottom: 34px;
3081
- text-align: center;
3082
- display: inline-block;
3083
- }
3084
-
3085
- .htmega-testimonial-style-1 .testimonal .shape img {
3086
- margin: 0;
3087
- }
3088
-
3089
- .htmega-testimonial-style-1 .testimonal .content {
3090
- margin-top: 30px;
3091
- }
3092
-
3093
- .htmega-testimonial-style-1 .testimonal .content p {
3094
- color: #3e3e3e;
3095
- font-size: 18px;
3096
- line-height: 35px;
3097
- padding: 0 10%;
3098
- }
3099
-
3100
- .htmega-testimonial-style-1 .testimonal .content h4 {
3101
- color: #3e3e3e;
3102
- font-size: 20px;
3103
- line-height: 37px;
3104
- margin: 0;
3105
- }
3106
-
3107
- .htmega-testimonial-style-1 .testimonal .content span {
3108
- color: #3e3e3e;
3109
- font-size: 18px;
3110
- }
3111
-
3112
- /* Testimonial Style Two */
3113
- .htmega-testimonial-style-2 .testimonal {
3114
- text-align: center;
3115
- background: #fff;
3116
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
3117
- position: relative;
3118
- margin-top: 50px;
3119
- padding-bottom: 27px;
3120
- border-radius: 10px;
3121
- }
3122
-
3123
- .htmega-testimonial-style-2 .testimonal img {
3124
- position: absolute;
3125
- left: 50%;
3126
- top: 0;
3127
- -webkit-transform: translate(-50%, -50%);
3128
- -moz-transform: translate(-50%, -50%);
3129
- -ms-transform: translate(-50%, -50%);
3130
- -o-transform: translate(-50%, -50%);
3131
- transform: translate(-50%, -50%);
3132
- border: 1px solid #6e6e6e;
3133
- border-radius: 100%;
3134
- max-width: 100%;
3135
- }
3136
-
3137
- .htmega-testimonial-style-2 .testimonal .content {
3138
- margin-top: 69px;
3139
- }
3140
-
3141
- .htmega-testimonial-style-2 .testimonal .content p {
3142
- color: #5b5b5b;
3143
- font-size: 14px;
3144
- line-height: 24px;
3145
- padding: 0 4%;
3146
- font-style: italic;
3147
- margin-bottom: 4px;
3148
- }
3149
-
3150
- .htmega-testimonial-style-2 .testimonal .content h4 {
3151
- color: #5b5b5b;
3152
- font-size: 16px;
3153
- line-height: 37px;
3154
- margin: 0;
3155
- font-weight: 600;
3156
- }
3157
-
3158
- .htmega-testimonial-style-2 .testimonal .content span {
3159
- color: #3e3e3e;
3160
- font-size: 18px;
3161
- }
3162
-
3163
- .htmega-testimonial-style-2 .slick-slide {
3164
- padding: 5px 15px;
3165
- }
3166
-
3167
- .htmega-testimonial-style-2 .slick-center .testimonal img {
3168
- border: 1px solid #ff6600;
3169
- }
3170
-
3171
- .htmega-testimonial-style-2 .slick-dots {
3172
- bottom: -75px;
3173
- }
3174
-
3175
- .slick-dotted.slick-slider {
3176
- margin-bottom: 0;
3177
- }
3178
-
3179
- .htmega-testimonial-style-2 .testimonal .shape img {
3180
- border: medium none;
3181
- left: 0;
3182
- margin: 0 auto;
3183
- position: relative;
3184
- top: 53px;
3185
- transform: translate(0px);
3186
- }
3187
-
3188
- /* Testimonial Style 3 */
3189
- .htmega-testimonial-style-3 .testimonal img {
3190
- float: left;
3191
- }
3192
- .htmega-testimonial-style-3 .testimonal .content {
3193
- overflow: hidden;
3194
- padding-left: 20px;
3195
- }
3196
-
3197
- .htmega-testimonial-style-3 .testimonal .content p {
3198
- color: #3e3e3e;
3199
- font-size: 16px;
3200
- margin-bottom: 20px;
3201
- line-height: 28px;
3202
- }
3203
-
3204
- .htmega-testimonial-style-3 .testimonal .content .clint-info {
3205
- padding-left: 50px;
3206
- position: relative;
3207
- }
3208
-
3209
- .htmega-testimonial-style-3 .testimonal .content .clint-info::before {
3210
- position: absolute;
3211
- content: "";
3212
- width: 30px;
3213
- height: 2px;
3214
- background: #383838;
3215
- left: 0;
3216
- top: 4px;
3217
- }
3218
-
3219
- .htmega-testimonial-style-3 .testimonal .content .clint-info h4 {
3220
- font-weight: 600;
3221
- font-size: 16px;
3222
- color: #383838;
3223
- margin-bottom: 2px;
3224
- }
3225
-
3226
- .htmega-testimonial-style-3 .testimonal .content .clint-info span {
3227
- color: #383838;
3228
- font-size: 14px;
3229
- }
3230
-
3231
- .htmega-testimonial-style-3 .testimonal .shape img {
3232
- left: 20px;
3233
- position: relative;
3234
- }
3235
-
3236
- /* Testimonial Style 4 */
3237
- .htmega-testimonial-style-4 .testimonal .testimonal-image {
3238
- float: left;
3239
- padding-right: 50px;
3240
- position: relative;
3241
- }
3242
-
3243
- .htmega-testimonial-style-4 .testimonal .testimonal-image::before {
3244
- position: absolute;
3245
- content: "";
3246
- width: 1px;
3247
- height: 100%;
3248
- background: #18012c;
3249
- right: 0;
3250
- top: 0;
3251
- }
3252
-
3253
- .htmega-testimonial-style-4 .testimonal .testimonal-image::after {
3254
- position: absolute;
3255
- content: "";
3256
- background: #18012c;
3257
- height: 1px;
3258
- width: 30px;
3259
- right: 0;
3260
- top: 50%;
3261
- transform: translateY(-50%);
3262
- }
3263
-
3264
- .htmega-testimonial-style-4 .testimonal .content {
3265
- overflow: hidden;
3266
- padding-left: 30px;
3267
- }
3268
-
3269
- .htmega-testimonial-style-4 .testimonal .content p {
3270
- color: #3e3e3e;
3271
- font-size: 16px;
3272
- margin-bottom: 20px;
3273
- line-height: 28px;
3274
- }
3275
-
3276
- .htmega-testimonial-style-4 .testimonal .content h4 {
3277
- font-weight: 600;
3278
- font-size: 16px;
3279
- color: #383838;
3280
- margin-bottom: 2px;
3281
- }
3282
-
3283
- .htmega-testimonial-style-4 .testimonal .content span {
3284
- color: #383838;
3285
- font-size: 14px;
3286
- }
3287
-
3288
- .htmega-testimonial-style-4 ul.slick-dots li button::before {
3289
- content: "0";
3290
- display: block;
3291
- font-size: 16px;
3292
- height: auto;
3293
- left: -8px;
3294
- line-height: 1;
3295
- opacity: 1;
3296
- position: absolute;
3297
- top: -4px;
3298
- width: auto;
3299
- }
3300
-
3301
- .htmega-testimonial-style-4 ul.slick-dots {
3302
- padding: 0;
3303
- margin: 0;
3304
- list-style: none;
3305
- border: 0 none;
3306
- text-align: right;
3307
- }
3308
-
3309
- .htmega-testimonial-style-4 ul.slick-dots li button {
3310
- background: transparent;
3311
- border: 0 none;
3312
- color: #18012c;
3313
- font-weight: 600;
3314
- font-size: 16px;
3315
- position: relative;
3316
- display: inline-block;
3317
- }
3318
-
3319
- .htmega-testimonial-style-4 {
3320
- position: relative;
3321
- padding-right: 24%;
3322
- }
3323
-
3324
- .htmega-testimonial-style-4 ul.slick-dots {
3325
- position: absolute;
3326
- right: 0;
3327
- top: 50%;
3328
- transform: translateY(-50%);
3329
- width: 100px;
3330
- }
3331
-
3332
- .htmega-testimonial-style-4 ul.slick-dots li {
3333
- padding: 6px 0;
3334
- }
3335
-
3336
- .htmega-testimonial-style-4 ul.slick-dots li.slick-active button {
3337
- position: relative;
3338
- }
3339
-
3340
- .htmega-testimonial-style-4 ul.slick-dots li {
3341
- height: auto;
3342
- line-height: 1;
3343
- padding: 8px 0 10px 45px;
3344
- position: relative;
3345
- }
3346
-
3347
- .htmega-testimonial-style-4 ul.slick-dots li::after {
3348
- position: absolute;
3349
- content: "";
3350
- background: #18012c;
3351
- width: 0;
3352
- height: 1px;
3353
- left: 0;
3354
- top: 50%;
3355
- transform: translateY(-50%);
3356
- transition: 0.5s;
3357
- }
3358
-
3359
- .htmega-testimonial-style-4 ul.slick-dots li.slick-active::after {
3360
- width: 30px;
3361
- }
3362
- .htmega-testimonial-style-4 ul.slick-dots li.slick-active button {
3363
- background: transparent;
3364
- }
3365
-
3366
- /* Testimonial Style 5 */
3367
- .htmega-testimonial-for .testimonial-desc p {
3368
- color: #3e3e3e;
3369
- font-size: 18px;
3370
- line-height: 35px;
3371
- text-align: center;
3372
- padding: 0 15%;
3373
- }
3374
-
3375
- .testimonal-img {
3376
- text-align: center;
3377
- }
3378
-
3379
- .testimonal-img .content {
3380
- text-align: center;
3381
- margin-top: 22px;
3382
- }
3383
-
3384
- .testimonal-img .content h4 {
3385
- color: #3e3e3e;
3386
- font-size: 20px;
3387
- margin-bottom: 3px;
3388
- }
3389
-
3390
- .testimonal-img .content span {
3391
- color: #3e3e3e;
3392
- font-size: 18px;
3393
- line-height: 29px;
3394
- }
3395
-
3396
- .htmega-testimonal-nav.slick-slider {
3397
- max-width: 35%;
3398
- width: 100%;
3399
- margin: 0 auto;
3400
- }
3401
-
3402
- .slick-slide.slick-active.slick-center .testimonal-img img {
3403
- transform: scale(1);
3404
- }
3405
-
3406
- .slick-slide.slick-active .testimonal-img img {
3407
- transform: scale(0.8);
3408
- text-align: center;
3409
- display: inline-block;
3410
- }
3411
-
3412
- .htmega-testimonial-style-5 .htmega-testimonal-nav .slick-track {
3413
- margin-top: 85px;
3414
- }
3415
-
3416
- .htmega-testimonal-nav .slick-slide:not(.slick-center) .content {
3417
- display: none;
3418
- }
3419
-
3420
- .htmega-testimonial-style-5 .testimonial-shape {
3421
- bottom: 56%;
3422
- left: 49.5%;
3423
- position: absolute;
3424
- transform: translateX(-50%);
3425
- }
3426
-
3427
-
3428
- /* Testimonial Style 6 */
3429
- .htmega-testimonial-style-6 .testimonal img {
3430
- display: inline-block;
3431
- }
3432
-
3433
- .htmega-testimonial-style-6 .testimonal .content {
3434
- background: #fff;
3435
- text-align: center;
3436
- padding: 50px 9%;
3437
- position: relative;
3438
- box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
3439
- }
3440
-
3441
- .htmega-testimonial-style-6 .testimonal .content p {
3442
- font-size: 16px;
3443
- line-height: 28px;
3444
- color: #3e3e3e;
3445
- }
3446
-
3447
- .htmega-testimonial-style-6 .testimonal .content .triangle {
3448
- position: absolute;
3449
- top: 100%;
3450
- margin-top: -1px;
3451
- border-right: 20px solid transparent;
3452
- border-left: 20px solid transparent;
3453
- border-top: 20px solid #fff;
3454
- border-bottom: 20px solid transparent;
3455
- left: 50%;
3456
- transform: translateX(-50%);
3457
- }
3458
-
3459
- .htmega-testimonial-style-6 .testimonal .clint-info {
3460
- text-align: center;
3461
- margin-top: 40px;
3462
- }
3463
-
3464
- .htmega-testimonial-style-6 .testimonal .clint-info h4 {
3465
- color: #5c5c5c;
3466
- font-size: 22px;
3467
- font-weight: 700;
3468
- margin-top: 22px;
3469
- margin-bottom: 4px;
3470
- }
3471
-
3472
- .htmega-testimonial-style-6 .testimonal .clint-info span {
3473
- color: #5c5c5c;
3474
- font-weight: 600;
3475
- font-size: 15px;
3476
- }
3477
-
3478
- .htmega-testimonial-style-6 .slick-arrow {
3479
- width: 36px;
3480
- height: 36px;
3481
- color: #7d7d7d;
3482
- border: 0 none;
3483
- background: #fff;
3484
- border-radius: 100%;
3485
- font-size: 24px;
3486
- left: 0;
3487
- top: 20%;
3488
- z-index: 999;
3489
- transition: 0.5s;
3490
- box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
3491
- }
3492
-
3493
- .htmega-testimonial-style-6 .slick-arrow:hover {
3494
- background: #52b6bc;
3495
- color: #fff;
3496
- }
3497
-
3498
- .htmega-testimonial-style-6 button.slick-next.slick-arrow {
3499
- left: auto;
3500
- right: 0;
3501
- }
3502
-
3503
- .htmega-testimonial-style-6 {
3504
- position: relative;
3505
- padding: 0 200px;
3506
- }
3507
-
3508
- .htmega-testimonial-style-6 .testimonal .shape img,.htmega-testimonial-style-7 .testimonal .shape img {
3509
- position: relative;
3510
- top: 10px;
3511
- }
3512
-
3513
- /* Testimonial Style 7 */
3514
- .htmega-testimonial-style-7 .testimonal {
3515
- text-align: center;
3516
- }
3517
-
3518
- .htmega-testimonial-style-7 .testimonal p {
3519
- color: #414141;
3520
- font-size: 30px;
3521
- font-style: italic;
3522
- line-height: 48px;
3523
- margin-top: 26px;
3524
- font-family: "Montserrat", sans-serif;
3525
- margin-bottom: 0;
3526
- position: relative;
3527
- z-index: 2;
3528
- }
3529
-
3530
- .htmega-testimonial-style-7 .testimonal p::before {
3531
- position: absolute;
3532
- content: "";
3533
- color: #ffebd1;
3534
- content: "\f10e";
3535
- font-family: Fontawesome;
3536
- font-size: 216px;
3537
- left: 50%;
3538
- top: 50%;
3539
- z-index: -1;
3540
- transform: translateX(-50%) translateY(-50%);
3541
- }
3542
-
3543
- .htmega-testimonial-style-7 .testimonal h4 {
3544
- color: #3e3e3e;
3545
- font-weight: 600;
3546
- font-size: 20px;
3547
- margin-bottom: 9px;
3548
- }
3549
-
3550
- .htmega-testimonial-style-7 .testimonal .clint-info {
3551
- margin-top: 29px;
3552
- }
3553
-
3554
- .htmega-testimonial-style-7 .testimonal .clint-info span {
3555
- color: #3e3e3e;
3556
- font-size: 18px;
3557
- }
3558
-
3559
- .htmega-testimonial-style-7 .testimonal img {
3560
- display: inline-block;
3561
- }
3562
-
3563
- .htmega-testimonial-style-7 .slick-arrow {
3564
- top: 9%;
3565
- left: 16%;
3566
- color: #aeaeae;
3567
- font-size: 48px;
3568
- background: transparent;
3569
- border: 0 none;
3570
- z-index: 2;
3571
- transition: 0.5s;
3572
- }
3573
-
3574
- .htmega-testimonial-style-7 .slick-arrow:hover {
3575
- color: #f6ab4b;
3576
- }
3577
-
3578
- .htmega-testimonial-style-7 button.slick-next.slick-arrow {
3579
- left: auto;
3580
- right: 16%;
3581
- }
3582
-
3583
- /*Testimonial Style 8 */
3584
- .htmega-testimonial-style-8 {
3585
- position: relative;
3586
- padding: 0 200px;
3587
- }
3588
-
3589
- .htmega-testimonial-style-8 .content {
3590
- display: flex;
3591
- align-items: center;
3592
- }
3593
-
3594
- .htmega-testimonial-style-8 .content .clint-info {
3595
- padding-left: 20px;
3596
- }
3597
-
3598
- .htmega-testimonial-style-8 .content .clint-info h4 {
3599
- color: #3e3e3e;
3600
- font-size: 20px;
3601
- font-weight: 700;
3602
- margin-bottom: 7px;
3603
- }
3604
-
3605
- .htmega-testimonial-style-8 .content .clint-info span {
3606
- color: #3e3e3e;
3607
- font-size: 18px;
3608
- }
3609
-
3610
- .htmega-testimonial-style-8 p {
3611
- color: #3e3e3e;
3612
- font-size: 18px;
3613
- line-height: 35px;
3614
- margin: 0;
3615
- margin-top: 20px;
3616
- }
3617
-
3618
- .htmega-testimonial-style-8 .slick-arrow {
3619
- left: 0;
3620
- color: #aeaeae;
3621
- font-size: 48px;
3622
- border: 0 none;
3623
- top: 43%;
3624
- transition: 0.5s;
3625
- }
3626
-
3627
- .htmega-testimonial-style-8 .slick-arrow:hover {
3628
- color: #f6ab4b;
3629
- }
3630
-
3631
- .htmega-testimonial-style-8 button.slick-next.slick-arrow {
3632
- left: auto;
3633
- right: 0;
3634
- }
3635
- .htmega-testimonial-style-8 .testimonal .shape img{
3636
- position: relative;
3637
- left: 10px;
3638
- }
3639
-
3640
- /*Testimonial Style 9 */
3641
- .htmega-testimonial-style-9 .testimonal {
3642
- background: #f7f8f9;
3643
- padding: 30px;
3644
- margin-top: 30px;
3645
- }
3646
-
3647
- .htmega-testimonial-style-9 .testimonal .content {
3648
- display: flex;
3649
- align-items: center;
3650
- }
3651
-
3652
- .htmega-testimonial-style-9 .testimonal .content .clint-info {
3653
- padding-left: 25px;
3654
- }
3655
-
3656
- .htmega-testimonial-style-9 .testimonal .content .clint-info h4 {
3657
- font-size: 18px;
3658
- color: #383838;
3659
- margin: 0;
3660
- }
3661
-
3662
- .htmega-testimonial-style-9 .testimonal .content .clint-info span {
3663
- color: #1834a6;
3664
- font-size: 13px;
3665
- }
3666
-
3667
- .htmega-testimonial-style-9 .testimonal p {
3668
- color: #5b5b5b;
3669
- font-size: 14px;
3670
- line-height: 26px;
3671
- margin: 0;
3672
- margin-top: 22px;
3673
- }
3674
-
3675
- .htmega-testimonial-style-9 .testimonal .shape img{
3676
- position: relative;
3677
- left: 5px;
3678
- }
3679
-
3680
- /*
3681
- * Form Style
3682
- */
3683
- .htmega-form-wrapper form input,.htmega-form-wrapper form textarea{
3684
- width: 100%;
3685
- border-radius: 0;
3686
- }
3687
-
3688
- .htmega-form-wrapper .ajax-loader {
3689
- bottom: 0;
3690
- position: absolute;
3691
- }
3692
-
3693
- .htmega-form-wrapper .form_no_select {
3694
- color: red;
3695
- font-size: 20px;
3696
- }
3697
-
3698
- /* Form Style One*/
3699
- .htmega-form-style-1 form input {
3700
- height: 55px;
3701
- font-weight: 300;
3702
- margin-top: 30px;
3703
- padding: 0 20px;
3704
- border: 1px solid #c1c1c1;
3705
- font-family: "Montserrat", sans-serif;
3706
- font-size: 13px;
3707
- color: #a2a2a2;
3708
- }
3709
-
3710
- .htmega-form-style-1 form input:focus {
3711
- border: 1px solid #18012c;
3712
- }
3713
-
3714
- .htmega-form-style-1 form input[type="submit"] {
3715
- background-color: #0056ff;
3716
- border: medium none;
3717
- color: #ffffff;
3718
- font-size: 14px;
3719
- font-weight: 500;
3720
- height: 55px;
3721
- line-height: 55px;
3722
- padding: 0 29px;
3723
- text-transform: uppercase;
3724
- width: auto;
3725
- transition: 0.5s;
3726
- font-family: "Montserrat", sans-serif;
3727
- }
3728
-
3729
- .htmega-form-style-1 form input[type="submit"]:hover {
3730
- background-color: #18012c;
3731
- }
3732
-
3733
- .htmega-form-style-1 form textarea {
3734
- border: 1px solid #c1c1c1;
3735
- min-height: 175px;
3736
- margin-top: 30px;
3737
- padding: 20px;
3738
- color: #a2a2a2;
3739
- resize: none;
3740
- font-family: "Montserrat", sans-serif;
3741
- font-size: 13px;
3742
- }
3743
-
3744
- .htmega-form-style-1 form textarea:focus {
3745
- border: 1px solid #18012c;
3746
- }
3747
-
3748
- /*Form Style 2*/
3749
- .htmega-form-style-2 label {
3750
- color: #ffffff;
3751
- font-style: italic;
3752
- font-weight: 300;
3753
- font-size: 14px;
3754
- margin-bottom: 11px;
3755
- }
3756
-
3757
- .htmega-form-style-2 input {
3758
- height: 55px;
3759
- font-weight: 300;
3760
- margin-bottom: 30px;
3761
- padding: 0 20px;
3762
- border: 0 none;
3763
- font-family: "Montserrat", sans-serif;
3764
- font-size: 13px;
3765
- background: rgba(255, 255, 255, 0.3);
3766
- color: #ffffff;
3767
- }
3768
-
3769
- .htmega-form-style-2 input:focus {
3770
- border: 1px solid #18012c;
3771
- }
3772
-
3773
- .htmega-form-style-2 input[type="submit"] {
3774
- background-color: #fff;
3775
- border: medium none;
3776
- color: #0056ff;
3777
- font-size: 14px;
3778
- font-weight: 600;
3779
- height: 55px;
3780
- line-height: 54px;
3781
- padding: 0 29px;
3782
- text-transform: uppercase;
3783
- width: 100%;
3784
- transition: 0.5s;
3785
- font-family: "Montserrat", sans-serif;
3786
- margin: 0;
3787
- }
3788
-
3789
- .htmega-form-style-2 input[type="submit"]:hover {
3790
- background-color: #18012c;
3791
- color: #ffffff;
3792
- }
3793
- .htmega-form-style-2 textarea {
3794
- border: 1px solid #c1c1c1;
3795
- min-height: 209px;
3796
- padding: 20px;
3797
- color: #fff;
3798
- resize: none;
3799
- font-family: "Montserrat", sans-serif;
3800
- font-size: 13px;
3801
- background: rgba(255, 255, 255, 0.3);
3802
- margin-bottom: 30px;
3803
- border: 0 none;
3804
- }
3805
-
3806
- .htmega-form-style-2 textarea:focus {
3807
- border: 1px solid #18012c;
3808
- }
3809
-
3810
- /* Form style 3 */
3811
- .htmega-form-style-3 form input {
3812
- color: #c0c0c0;
3813
- font-weight: 300;
3814
- font-style: italic;
3815
- border: 0 none;
3816
- border-bottom: 1px solid #c0c0c0;
3817
- padding: 0;
3818
- margin-bottom: 50px;
3819
- padding-bottom: 4px;
3820
- font-size: 16px;
3821
- font-family: "Montserrat", sans-serif;
3822
- }
3823
-
3824
- .htmega-form-style-3 form input:focus {
3825
- border-bottom: 1px solid #18012c;
3826
- }
3827
-
3828
- .htmega-form-style-3 form input[type="submit"] {
3829
- border: 0 none;
3830
- background: #0056ff;
3831
- color: #fff;
3832
- margin-top: 40px;
3833
- margin-bottom: 0;
3834
- height: 55px;
3835
- line-height: 59px;
3836
- padding: 0 20px;
3837
- transition: 0.5s;
3838
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
3839
- }
3840
-
3841
- .htmega-form-style-3 form input[type="submit"]:hover {
3842
- background: #ffffff;
3843
- color: #0056ff;
3844
- }
3845
-
3846
- .htmega-form-style-3 form textarea {
3847
- border: 0 none;
3848
- border-bottom: 1px solid #c0c0c0;
3849
- font-style: italic;
3850
- padding: 0;
3851
- min-height: 150px;
3852
- resize: none;
3853
- color: #c0c0c0;
3854
- font-size: 16px;
3855
- font-family: "Montserrat", sans-serif;
3856
- }
3857
-
3858
- .htmega-form-style-3 form textarea:focus {
3859
- border-bottom: 1px solid #18012c;
3860
- }
3861
-
3862
- /* Form Style 4 */
3863
- .htmega-form-style-4 form .input-box {
3864
- display: flex;
3865
- align-items: center;
3866
- margin-bottom: 30px;
3867
- }
3868
-
3869
- .htmega-form-style-4 form .input-box label {
3870
- color: #000000;
3871
- font-weight: 600;
3872
- font-size: 14px;
3873
- flex-basis: 16%;
3874
- }
3875
-
3876
- .htmega-form-style-4 form .input-box span{
3877
- flex-basis: 84%;
3878
- }
3879
-
3880
- .htmega-form-style-4 form .input-box input {
3881
- background: #a2a2a2;
3882
- color: #a2a2a2;
3883
- font-weight: 300;
3884
- background: #f3f3f3;
3885
- border: 1px solid #c1c1c1;
3886
- height: 55px;
3887
- line-height: 55px;
3888
- padding: 0 20px;
3889
- font-weight: "Montserrat", sans-serif;
3890
- }
3891
-
3892
- .htmega-form-style-4 form .input-box input:focus {
3893
- border: 1px solid #18012c;
3894
- }
3895
-
3896
- .htmega-form-style-4 form .input-box textarea {
3897
- background: #f3f3f3;
3898
- border: 1px solid #c1c1c1;
3899
- min-height: 200px;
3900
- padding: 20px;
3901
- font-weight: "Montserrat", sans-serif;
3902
- }
3903
-
3904
- .htmega-form-style-4 form .input-box textarea:focus {
3905
- border: 1px solid #18012c;
3906
- }
3907
-
3908
- .htmega-form-style-4 form input[type="submit"] {
3909
- background: #0056ff;
3910
- width: auto;
3911
- border: 0 none;
3912
- color: #fff;
3913
- padding: 0 30px;
3914
- height: 55px;
3915
- line-height: 55px;
3916
- margin: 0 0 0 90px;
3917
- font-size: 14px;
3918
- font-weight: 500;
3919
- transition: 0.5s;
3920
- }
3921
-
3922
- .htmega-form-style-4 form input[type="submit"]:hover {
3923
- opacity: 0.7;
3924
- }
3925
-
3926
- /* Form Style 5 */
3927
- .contact_form_container {
3928
- background: #81abfe;
3929
- padding: 30px;
3930
- }
3931
-
3932
- .htmega-form-style-5 form input {
3933
- margin-top: 30px;
3934
- border: 1px solid #ffffff;
3935
- height: 50px;
3936
- line-height: 50px;
3937
- color: #fff;
3938
- font-weight: 300;
3939
- font-family: "Montserrat", sans-serif;
3940
- }
3941
-
3942
- .htmega-form-style-5 form input:focus {
3943
- border: 1px solid #18012c;
3944
- }
3945
-
3946
- .htmega-form-style-5 form input[type="submit"] {
3947
- background: #fff;
3948
- height: 55px;
3949
- line-height: 56px;
3950
- border: 0 none;
3951
- padding: 0 30px;
3952
- color: #0056ff;
3953
- font-weight: 600;
3954
- width: auto;
3955
- transition: 0.5s;
3956
- }
3957
-
3958
- .htmega-form-style-5 form input[type="submit"]:hover {
3959
- opacity: 0.7;
3960
- }
3961
-
3962
- .htmega-form-style-5 form textarea {
3963
- margin-top: 30px;
3964
- min-height: 145px;
3965
- border: 1px solid #fff;
3966
- padding: 20px;
3967
- font-weight: 300;
3968
- color: #fff;
3969
- font-family: "Montserrat", sans-serif;
3970
- }
3971
-
3972
- .htmega-form-style-5 form textarea:focus {
3973
- border: 1px solid #18012c;
3974
- }
3975
-
3976
- /* Form Style 6 */
3977
- .htmega-form-style-6 form input {
3978
- background: #f3f3f3;
3979
- border: 0 none;
3980
- height: 55px;
3981
- padding: 0 20px;
3982
- margin-bottom: 30px;
3983
- font-family: "Montserrat", sans-serif;
3984
- }
3985
-
3986
- .htmega-form-style-6 form input:focus {
3987
- border: 1px solid #18012c;
3988
- }
3989
-
3990
- .htmega-form-style-6 form input[type="submit"] {
3991
- width: auto;
3992
- margin: 0;
3993
- padding: 0 58px;
3994
- background: #0056ff;
3995
- color: #fff;
3996
- height: 58px;
3997
- font-weight: 600;
3998
- line-height: 61px;
3999
- text-transform: uppercase;
4000
- transition: 0.5s;
4001
- margin-top: 10px;
4002
- }
4003
-
4004
- .htmega-form-style-6 form input[type="submit"]:hover {
4005
- opacity: 0.7;
4006
- }
4007
-
4008
- .htmega-form-style-6 form label {
4009
- font-size: 14px;
4010
- color: #000000;
4011
- font-weight: 300;
4012
- font-style: italic;
4013
- font-family: "Montserrat", sans-serif;
4014
- }
4015
-
4016
- .htmega-form-style-6 form textarea {
4017
- background: #f3f3f3;
4018
- border: 0 none;
4019
- margin-bottom: 30px;
4020
- min-height: 230px;
4021
- resize: none;
4022
- padding: 20px;
4023
- margin-bottom: 30px;
4024
- font-family: "Montserrat", sans-serif;
4025
- }
4026
-
4027
- .htmega-form-style-6 form textarea:focus {
4028
- border: 1px solid #18012c;
4029
- }
4030
-
4031
- input,
4032
- textarea {
4033
- -webkit-transition: all 0.30s ease-in-out;
4034
- -moz-transition: all 0.30s ease-in-out;
4035
- -ms-transition: all 0.30s ease-in-out;
4036
- -o-transition: all 0.30s ease-in-out;
4037
- outline: none;
4038
- }
4039
-
4040
- /*
4041
- * LogIn Style
4042
- */
4043
- .htmega-login-form-wrapper form input:not([type="checkbox"]){
4044
- width: 100%;
4045
- }
4046
-
4047
- .htmega-login-form-wrapper form input:not([type="checkbox"]){
4048
- padding: 0 15px;
4049
- }
4050
-
4051
- /* LogIn Style 1 */
4052
- .htmega-login-form-style-1 {
4053
- background: #fff;
4054
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
4055
- padding: 50px 70px;
4056
- }
4057
-
4058
- .htmega-login-form-style-1 h2 {
4059
- color: #000000;
4060
- font-size: 30px;
4061
- font-weight: 600;
4062
- margin-bottom: 21px;
4063
- font-family: "Montserrat", sans-serif;
4064
- }
4065
-
4066
- .htmega-login-form-style-1 form label {
4067
- color: #000000;
4068
- font-size: 13px;
4069
- font-weight: 300;
4070
- margin-bottom: 10px;
4071
- font-family: "Montserrat", sans-serif;
4072
- }
4073
-
4074
- .htmega-login-form-style-1 form input:not([type="checkbox"]) {
4075
- background: transparent;
4076
- border: 1px solid #f2f2f2;
4077
- color: #757575;
4078
- font-size: 12px;
4079
- margin-bottom: 24px;
4080
- font-family: "Montserrat", sans-serif;
4081
- height: 50px;
4082
- }
4083
-
4084
- .htmega-login-form-style-1 form input:not([type="checkbox"])[type="submit"] {
4085
- margin: 0;
4086
- margin-top: 40px;
4087
- width: auto;
4088
- background: #0056ff;
4089
- color: #fff;
4090
- height: 43px;
4091
- padding: 0 40px;
4092
- font-weight: 600;
4093
- text-transform: uppercase;
4094
- font-size: 14px;
4095
- border: 0 none;
4096
- transition: 0.4s ease-in-out;
4097
- }
4098
-
4099
- .htmega-login-form-style-1 form input:not([type="checkbox"])[type="submit"]:hover {
4100
- background: #18012c;
4101
- color: #fff;
4102
- }
4103
-
4104
- .log-remember {
4105
- display: flex;
4106
- justify-content: space-between;
4107
- align-items: center;
4108
- font-family: "Montserrat", sans-serif;
4109
- }
4110
-
4111
- .log-remember a.fright {
4112
- color: #b1b1b1;
4113
- font-size: 12px;
4114
- transition: 0.4s;
4115
- font-family: "Montserrat", sans-serif;
4116
- }
4117
-
4118
- .htmega_message {
4119
- display: none;
4120
- }
4121
-
4122
- #htmega_message .alert-success,.htmega_lodding_msg {
4123
- color: #155724 !important;
4124
- }
4125
- #htmega_message .alert-danger {
4126
- color: #721c24 !important;
4127
- }
4128
-
4129
- /* The lable-content */
4130
- .lable-content {
4131
- display: block;
4132
- position: relative;
4133
- padding-left: 29px;
4134
- margin-bottom: 0;
4135
- cursor: pointer;
4136
- font-size: 22px;
4137
- -webkit-user-select: none;
4138
- -moz-user-select: none;
4139
- -ms-user-select: none;
4140
- user-select: none;
4141
- font-family: "Montserrat", sans-serif;
4142
- }
4143
-
4144
- .login-wrapper form .log-remember label {
4145
- margin: 0;
4146
- }
4147
-
4148
- /* Hide the browser's default checkbox */
4149
- .lable-content input {
4150
- position: absolute;
4151
- opacity: 0;
4152
- cursor: pointer;
4153
- }
4154
-
4155
- /* Create a custom checkbox */
4156
- .checkmark {
4157
- position: absolute;
4158
- top: 0;
4159
- left: 0;
4160
- height: 18px;
4161
- width: 18px;
4162
- border: 1px solid #0056ff;
4163
- margin-top: 4px;
4164
- }
4165
-
4166
- /* On mouse-over, add a grey background color */
4167
- .lable-content:hover input~.checkmark {
4168
- border: 1px solid #0056ff;
4169
- }
4170
-
4171
- /* Create the checkmark/indicator (hidden when not checked) */
4172
- .checkmark:after {
4173
- content: "";
4174
- position: absolute;
4175
- display: block;
4176
- }
4177
-
4178
- /* Show the checkmark when checked */
4179
- .lable-content input:checked~.checkmark:after {
4180
- display: none;
4181
- }
4182
-
4183
- /* Style the checkmark/indicator */
4184
- .lable-content .checkmark:after {
4185
- left: 5px;
4186
- top: 2px;
4187
- width: 6px;
4188
- height: 9px;
4189
- border: solid #0056ff;
4190
- border-width: 0 2px 2px 0;
4191
- -webkit-transform: rotate(45deg);
4192
- -ms-transform: rotate(45deg);
4193
- transform: rotate(45deg);
4194
- }
4195
-
4196
- /* LogIn Style 2 */
4197
- .htmega-login-form-style-2 {
4198
- text-align: center;
4199
- }
4200
-
4201
- .htmega-login-form-style-2 form input {
4202
- margin-top: 30px;
4203
- border: 1px solid #ffffff;
4204
- border-radius: 5px;
4205
- height: 60px;
4206
- color: #fff;
4207
- padding: 0 20px;
4208
- }
4209
-
4210
- .htmega-login-form-style-2 form input[type="submit"] {
4211
- background: #0056ff;
4212
- border: 0 none;
4213
- font-size: 24px;
4214
- text-transform: uppercase;
4215
- height: 60px;
4216
- border-radius: 5px;
4217
- transition: 0.3s ease-in-out;
4218
- margin-bottom: 20px;
4219
- }
4220
-
4221
- .htmega-login-form-style-2 form input[type="submit"]:hover {
4222
- background: #18012c;
4223
- color: #ffffff;
4224
- }
4225
-
4226
- .htmega-login-form-style-2 .separator span {
4227
- display: block;
4228
- color: #fff;
4229
- font-size: 14px;
4230
- font-weight: 600;
4231
- margin-top: 30px;
4232
- position: relative;
4233
- font-family: "Montserrat", sans-serif;
4234
- }
4235
-
4236
- .htmega-login-form-style-2 .separator span::before,
4237
- .htmega-login-form-style-2 .separator span::after {
4238
- position: absolute;
4239
- left: 0;
4240
- top: 50%;
4241
- background: #fff;
4242
- width: 235px;
4243
- height: 2px;
4244
- content: "";
4245
- }
4246
-
4247
- .htmega-login-form-style-2 .separator span::after {
4248
- left: auto;
4249
- right: 0;
4250
- }
4251
-
4252
- .htmega-login-form-style-2 .log-remember a.fright {
4253
- color: #ffffff;
4254
- }
4255
-
4256
- .htmega-login-form-style-2 form input::-webkit-input-placeholder {
4257
- color: #ffffff;
4258
- }
4259
-
4260
- .htmega-login-form-style-2 form input::-moz-placeholder {
4261
- color: #ffffff;
4262
- }
4263
-
4264
- .htmega-login-form-style-2 form input:-ms-input-placeholder {
4265
- color: #ffffff;
4266
- }
4267
-
4268
- .htmega-login-form-style-2 form input:-moz-placeholder {
4269
- color: #ffffff;
4270
- }
4271
-
4272
- /* Style the checkmark/indicator */
4273
- .htmega-login-form-style-2 .checkmark,
4274
- .htmega-login-form-style-4 .checkmark {
4275
- border: 1px solid #ffffff;
4276
- }
4277
-
4278
- .htmega-login-form-style-2 .lable-content,
4279
- .htmega-login-form-style-4 .lable-content {
4280
- color: #ffffff;
4281
- font-size: 12px;
4282
- }
4283
-
4284
- .htmega-login-form-style-2 .lable-content .checkmark:after,
4285
- .htmega-login-form-style-4 .lable-content .checkmark:after {
4286
- left: 5px;
4287
- top: 2px;
4288
- width: 6px;
4289
- height: 9px;
4290
- border: solid #ffffff;
4291
- border-width: 0 2px 2px 0;
4292
- -webkit-transform: rotate(45deg);
4293
- -ms-transform: rotate(45deg);
4294
- transform: rotate(45deg);
4295
- }
4296
-
4297
- .htmega-login-form-style-2 .lable-content:hover input~.checkmark,
4298
- .htmega-login-form-style-4 .lable-content:hover input~.checkmark {
4299
- border: 1px solid #ffffff;
4300
- }
4301
- .htmega-login-form-style-2 .log-remember {
4302
- margin-top: 10px;
4303
- }
4304
-
4305
- .htmega-login-form-style-2 .htmega-user-login,.htmega-login-form-style-4 .htmega-user-login,.htmega-login-form-style-5 .htmega-user-login{
4306
- color: #fff;
4307
- }
4308
-
4309
- /* LogIn Style 3 */
4310
- .htmega-login-form-style-3 {
4311
- padding: 0px 40px;
4312
- }
4313
-
4314
- .htmega-login-form-style-3 form input {
4315
- margin-top: 17px;
4316
- border: 0 none;
4317
- border-bottom: 1px solid #687ea5;
4318
- padding: 0;
4319
- color: #687ea5;
4320
- font-size: 12px;
4321
- font-weight: 300;
4322
- font-family: "Montserrat", sans-serif;
4323
- }
4324
-
4325
- .htmega-login-form-style-3 form input[type="submit"] {
4326
- background: #0056ff;
4327
- color: #fff;
4328
- width: auto;
4329
- height: 50px;
4330
- padding: 0 55px;
4331
- border: 0 none;
4332
- font-size: 14px;
4333
- text-transform: uppercase;
4334
- transition: 0.5s;
4335
- font-weight: 600;
4336
- margin-top: 40px;
4337
- }
4338
-
4339
- .htmega-login-form-style-3 form input[type="submit"]:hover {
4340
- opacity: 0.7;
4341
- }
4342
-
4343
- .htmega-login-form-style-3 {
4344
- box-shadow: none;
4345
- background: transparent;
4346
- }
4347
- .htmega-login-form-style-2 .htmega-user-login{
4348
- text-align: left;
4349
- }
4350
-
4351
-
4352
- /* LogIn Style 4 */
4353
- .htmega-login-form-style-4 {
4354
- padding: 100px 56px;
4355
- text-align: center;
4356
- }
4357
-
4358
- .htmega-login-form-style-4 form input {
4359
- background: rgba(255, 255, 255, 0.3);
4360
- border: 0 none;
4361
- margin-left: 2px;
4362
- height: 70px;
4363
- border-radius: 0 8px 8px 0;
4364
- padding: 0 50px;
4365
- color: #ffffff;
4366
- font-size: 16px;
4367
- font-family: "Poppins", sans-serif;
4368
- }
4369
-
4370
- .htmega-login-form-style-4 form input[type="submit"] {
4371
- border: 3px solid #fff;
4372
- border-radius: 8px;
4373
- color: #fff;
4374
- box-sizing: border-box;
4375
- height: 70px;
4376
- font-size: 24px;
4377
- font-weight: 600;
4378
- text-transform: uppercase;
4379
- margin-bottom: 51px;
4380
- font-family: "Montserrat", sans-serif;
4381
- margin: 0;
4382
- margin-top: 30px;
4383
- }
4384
-
4385
- .htmega-login-form-style-4 form input[type="submit"]:hover {
4386
- background: #ffffff !important;
4387
- color: #18012c;
4388
- }
4389
-
4390
- /*
4391
- * Service Style
4392
- */
4393
- .htmega-service {
4394
- margin-top: 30px;
4395
- text-align: center;
4396
- transition: all 0.3s ease-in-out;
4397
- }
4398
- .htmega-service svg {
4399
- width: 30px;
4400
- height: auto;
4401
- }
4402
- .htmega-svg-icon-box{
4403
- line-height: 1;
4404
- display: flex;
4405
- align-items: center;
4406
- justify-content: center;
4407
- height: 100%;
4408
- border-radius: 100%;
4409
- transition: all 0.3s ease-in-out;
4410
- }
4411
- .htmega-service a.readmore_btn {
4412
- border: 1px solid #0056ff;
4413
- display: inline-block;
4414
- padding: 0 42px;
4415
- line-height: 40px;
4416
- font-size: 14px;
4417
- border-radius: 30px;
4418
- color: #0056ff;
4419
- font-weight: 600;
4420
- transition: 0.5s;
4421
- text-decoration: none;
4422
- }
4423
- .htmega-service a.readmore_btn:hover {
4424
- background: #0056ff;
4425
- color: #fff;
4426
- }
4427
- .htmega-service .service-title a{
4428
- text-decoration: none;
4429
- }
4430
- .htmega-service .thumb{
4431
- display: inline-block;
4432
- }
4433
- .htmega-service .thumb a {
4434
- display: block;
4435
- }
4436
-
4437
- /*Service Style One*/
4438
- .htmega-service-style-1 .icon {
4439
- margin-bottom: 30px;
4440
- padding: 0 12px;
4441
- }
4442
-
4443
- .htmega-service-style-1 .icon i {
4444
- color: #ed552d;
4445
- font-size: 50px;
4446
- }
4447
-
4448
- .htmega-service-style-1 .content {
4449
- padding: 0 12px;
4450
- }
4451
-
4452
- .htmega-service-style-1 .content h4 {
4453
- color: #5b5b5b;
4454
- font-size: 18px;
4455
- font-weight: 400;
4456
- margin-bottom: 15px;
4457
- }
4458
-
4459
- .htmega-service-style-1 .content p {
4460
- color: #8f8f8f;
4461
- font-family: "Montserrat",sans-serif;
4462
- font-size: 15px;
4463
- line-height: 25px;
4464
- margin: 0;
4465
- padding: 0 0 35px;
4466
- position: relative;
4467
- }
4468
-
4469
- .htmega-service-style-1 .content p::before {
4470
- position: absolute;
4471
- content: "";
4472
- background: #969696;
4473
- width: 20px;
4474
- height: 1px;
4475
- bottom: 0;
4476
- left: 50%;
4477
- transform: translateX(-50%);
4478
- }
4479
-
4480
- .htmega-service-style-1 .content p::after {
4481
- position: absolute;
4482
- content: "";
4483
- background: #969696;
4484
- height: 1px;
4485
- width: 30px;
4486
- bottom: 5px;
4487
- left: 50%;
4488
- transform: translateX(-50%);
4489
- }
4490
-
4491
- /*Service Style Two*/
4492
- .htmega-service-style-2 {
4493
- background: #ffffff;
4494
- padding: 30px;
4495
- }
4496
-
4497
- .htmega-service-style-2 .content {
4498
- padding-top: 30px;
4499
- }
4500
-
4501
- .htmega-service-style-2 .content h4 {
4502
- color: #575757;
4503
- font-size: 22px;
4504
- line-height: 30px;
4505
- margin-bottom: 13px;
4506
- padding: 0 9px;
4507
- }
4508
-
4509
- .htmega-service-style-2 .content p {
4510
- color: #818181;
4511
- font-size: 14px;
4512
- line-height: 24px;
4513
- margin-bottom: 35px;
4514
- }
4515
-
4516
- /*Service Style Three*/
4517
- .htmega-service-style-3 .icon {
4518
- border: 1px solid #eff2f7;
4519
- width: 110px;
4520
- height: 110px;
4521
- text-align: center;
4522
- border-radius: 100%;
4523
- padding: 10px;
4524
- margin: 0 auto;
4525
- margin-bottom: 27px;
4526
- transition: 0.4s;
4527
- }
4528
- .htmega-service-style-3 .icon i {
4529
- background: #eff2f7;
4530
- border-radius: 100%;
4531
- text-align: center;
4532
- font-size: 40px;
4533
- margin: 0 auto;
4534
- color: #454545;
4535
- transition: 0.4s;
4536
- height: 100%;
4537
- width: 100%;
4538
- display: flex;
4539
- align-items: center;
4540
- justify-content: center;
4541
- }
4542
- .htmega-service-style-3:hover .icon {
4543
- border: 1px solid #0056ff;
4544
- }
4545
-
4546
- .htmega-service-style-3:hover .icon i {
4547
- background: #0056ff;
4548
- color: #fff;
4549
- }
4550
-
4551
- .htmega-service-style-3 .content h4 {
4552
- color: #5f5f5f;
4553
- font-size: 16px;
4554
- text-transform: uppercase;
4555
- padding-bottom: 20px;
4556
- position: relative;
4557
- }
4558
-
4559
- .htmega-service-style-3 .content h4::before {
4560
- position: absolute;
4561
- content: "";
4562
- background: #0056ff;
4563
- width: 30px;
4564
- height: 3px;
4565
- left: 50%;
4566
- bottom: 0;
4567
- transform: translateX(-50%);
4568
- }
4569
-
4570
- .htmega-service-style-3 .content p {
4571
- color: #5b5b5b;
4572
- font-size: 14px;
4573
- line-height: 25px;
4574
- padding: 0 12px;
4575
- margin: 0;
4576
- }
4577
-
4578
-
4579
- .htmega-service.htmega-service-style-3:hover:after,.htmega-service.htmega-service-style-3:hover:before {
4580
- content: "";
4581
- background: transparent;
4582
- width: 2px;
4583
- height: 25px;
4584
- top: 50%;
4585
- margin-top:-12px;
4586
- left: 0px;
4587
- position: absolute;
4588
- }
4589
- .htmega-service.htmega-service-style-3:hover:before{
4590
- left: auto;
4591
- right: 0px;
4592
- }
4593
-
4594
- /*Service Style 04*/
4595
- .htmega-service-style-4 {
4596
- background: rgba(255, 255, 255, 0.15);
4597
- padding: 75px 11px;
4598
- }
4599
-
4600
- .htmega-service-style-4 .content h4 {
4601
- color: #b8b8b8;
4602
- font-weight: 300;
4603
- text-transform: uppercase;
4604
- margin-bottom: 16px;
4605
- }
4606
-
4607
- .htmega-service-style-4 .content p {
4608
- margin: 0;
4609
- color: #959595;
4610
- font-weight: 300;
4611
- font-size: 14px;
4612
- line-height: 24px;
4613
- }
4614
-
4615
- .htmega-service-style-4 .thumb {
4616
- padding-bottom: 33px;
4617
- position: relative;
4618
- margin-bottom: 22px;
4619
- }
4620
-
4621
- .htmega-service-style-4 .thumb::before {
4622
- position: absolute;
4623
- content: "";
4624
- background: #969696;
4625
- width: 30px;
4626
- height: 1px;
4627
- bottom: 0;
4628
- left: 50%;
4629
- transform: translateX(-50%);
4630
- }
4631
-
4632
- .htmega-service-style-4 .thumb::after {
4633
- position: absolute;
4634
- content: "";
4635
- bottom: 5px;
4636
- left: 50%;
4637
- transform: translateX(-50%);
4638
- background: #969696;
4639
- width: 20px;
4640
- height: 1px;
4641
- }
4642
-
4643
- /* Service Style 05 */
4644
- .htmega-service-style-5 .content {
4645
- padding-top: 26px;
4646
- }
4647
-
4648
- .htmega-service-style-5 .content h4 {
4649
- color: #585858;
4650
- font-size: 17px;
4651
- font-weight: 600;
4652
- margin-bottom: 13px;
4653
- }
4654
-
4655
- .htmega-service-style-5 .content p {
4656
- color: #414141;
4657
- font-size: 14px;
4658
- line-height: 24px;
4659
- margin: 0;
4660
- }
4661
-
4662
- .htmega-service-style-5 .thumb {
4663
- position: relative;
4664
- }
4665
-
4666
- .htmega-service-style-5 .thumb::before {
4667
- position: absolute;
4668
- top: 0;
4669
- left: 0;
4670
- display: block;
4671
- width: 100%;
4672
- height: 100%;
4673
- content: "";
4674
- -webkit-transition: opacity 1s;
4675
- transition: opacity 1s;
4676
- opacity: 0;
4677
- background-image: -webkit-linear-gradient(top, #252a9c, #df09f9);
4678
- background-image: -moz-linear-gradient(top, #252a9c, #df09f9);
4679
- background-image: linear-gradient(0, #252a9c, #df09f9);
4680
- }
4681
-
4682
- .htmega-service-style-5:hover .thumb::before {
4683
- opacity: 0.3;
4684
- }
4685
- .htmega-service-style-5 .thumb img{
4686
- width: 100%;
4687
- }
4688
-
4689
- /*================================
4690
- Service Style 06
4691
- ==================================*/
4692
- .htmega-service-style-6 {
4693
- margin-top: 12px;
4694
- }
4695
-
4696
- .htmega-service-style-6 .thumb,.htmega-service-style-6 .icon {
4697
- border: 1px solid #4e89fb;
4698
- width: 100px;
4699
- height: 100px;
4700
- line-height: 100px;
4701
- border-radius: 100%;
4702
- float: left;
4703
- text-align: center;
4704
- margin-right: 22px;
4705
- margin-top: 10px;
4706
- overflow: hidden;
4707
- }
4708
- .htmega-service-style-6>a{
4709
- float: left;
4710
- }
4711
-
4712
- .htmega-service-style-6 .content {
4713
- overflow: hidden;
4714
- }
4715
-
4716
- .htmega-service-style-6 .content p {
4717
- font-size: 14px;
4718
- line-height: 25px;
4719
- color: #5b5b5b;
4720
- }
4721
-
4722
- .htmega-service-style-6 .content h4 {
4723
- color: #5f5f5f;
4724
- font-size: 24px;
4725
- font-weight: 600;
4726
- margin-bottom: 7px;
4727
- }
4728
-
4729
- /*Service Style 07*/
4730
- .htmega-service-style-7 {
4731
- display: flex;
4732
- margin-top: 0;
4733
- position: relative;
4734
- z-index: 1;
4735
- padding: 40px 20px;
4736
- border-radius: 8px;
4737
- }
4738
-
4739
- .htmega-service-style-7 .icon {
4740
- margin-right: 33px;
4741
- }
4742
-
4743
- .htmega-service-style-7 .icon i {
4744
- color: #4c4c4c;
4745
- font-size: 40px;
4746
- transition: 0.4s;
4747
- }
4748
-
4749
- .htmega-service-style-7 .content h4 {
4750
- color: #4c4c4c;
4751
- font-size: 20px;
4752
- font-weight: 600;
4753
- text-transform: uppercase;
4754
- margin-bottom: 8px;
4755
- transition: 0.4s;
4756
- }
4757
-
4758
- .htmega-service-style-7 .content p {
4759
- color: #5b5b5b;
4760
- font-size: 14px;
4761
- line-height: 25px;
4762
- margin: 0;
4763
- transition: 0.4s;
4764
- }
4765
-
4766
- .htmega-service-style-7::before {
4767
- background: #fff none repeat scroll 0 0;
4768
- content: "";
4769
- height: 100%;
4770
- left: 0;
4771
- opacity: 1;
4772
- position: absolute;
4773
- top: 0;
4774
- transition: all 0.4s ease-in-out 0s;
4775
- width: 100%;
4776
- z-index: -1;
4777
- }
4778
-
4779
- .htmega-service-style-7:hover::before {
4780
- opacity: 0;
4781
- }
4782
-
4783
- .htmega-service-style-7:hover .content h4,
4784
- .htmega-service-style-7:hover .content p,
4785
- .htmega-service-style-7:hover .icon i {
4786
- color: #fff !important;
4787
- }
4788
-
4789
- /* small mobile :320px. */
4790
- @media (max-width: 767px) {
4791
- .htmega-service.htmega-service-style-2 .thumb {
4792
- display:block;
4793
- }
4794
- .htmega-service.htmega-service-style-2 .thumb img{
4795
- width: 100%;
4796
- }
4797
- }
4798
- /*
4799
- * News Ticker Css
4800
- */
4801
- .breaking-news-title svg {
4802
- width: 20px;
4803
- }
4804
- .breaking-news-default {
4805
- border: 1px solid #18012c;
4806
- display: flex;
4807
- align-items: center;
4808
- }
4809
-
4810
- .breaking-news-default .breaking-news-title {
4811
- display: flex;
4812
- height: 80px;
4813
- align-items: center;
4814
- }
4815
-
4816
- .breaking-news-default .breaking-news-title h5 {
4817
- position: relative;
4818
- font-weight: 600;
4819
- font-size: 30px;
4820
- letter-spacing: 0.5px;
4821
- margin: 0;
4822
- text-transform: uppercase;
4823
- padding: 0 48px;
4824
- width: max-content;
4825
- display: flex;
4826
- align-items: center;
4827
- }
4828
-
4829
- .breaking-news-default .breaking-news-ticker {
4830
- margin-left: 20px;
4831
- list-style: none;
4832
- padding: 0;
4833
- margin: 0;
4834
- padding-left: 22px;
4835
- width: 100%;
4836
- }
4837
-
4838
- .breaking-news-default .breaking-news-ticker li {
4839
- padding: 5px 0;
4840
- height: 100%;
4841
- display: flex;
4842
- align-items: center;
4843
- }
4844
-
4845
- .breaking-news-default .breaking-news-ticker li a {
4846
- display: block;
4847
- line-height: 24px;
4848
- font-size: 16px;
4849
- font-family: "Poppins", sans-serif;
4850
- color: #18012c;
4851
- text-decoration: none;
4852
- }
4853
-
4854
- .breaking-news-default .breaking-news-ticker li span.news_date {
4855
- background: #d20001;
4856
- color: #fff;
4857
- font-size: 12px;
4858
- margin-left: 30px;
4859
- padding: 5px 5px;
4860
- border-radius: 3px;
4861
- display: inline-block;
4862
- line-height: 1;
4863
- }
4864
-
4865
- .breaking-news-default .breaking-news-nav {
4866
- float: right;
4867
- display: flex;
4868
- height: 80px;
4869
- align-items: center;
4870
- margin-right: 42px;
4871
- }
4872
-
4873
- .breaking-news-default .breaking-news-nav button {
4874
- border: 1px solid #18012c;
4875
- height: 40px;
4876
- margin: 0 5px;
4877
- padding: 0;
4878
- transition: all 0.3s ease-in-out 0s;
4879
- width: 40px;
4880
- background: transparent;
4881
- }
4882
-
4883
- .breaking-news-default .breaking-news-nav button i {
4884
- color: #18012c;
4885
- font-size: 24px;
4886
- }
4887
-
4888
- .breaking-news-default::before {
4889
- position: absolute;
4890
- content: "";
4891
- background: #1d62af;
4892
- left: 0;
4893
- top: 0;
4894
- width: 100%;
4895
- height: 100%;
4896
- z-index: -1;
4897
- transform: skew(-20deg);
4898
- }
4899
-
4900
- .htmega-newsticker-style-2.breaking-news-default::before,.htmega-newsticker-style-3.breaking-news-default::before,.htmega-newsticker-style-4.breaking-news-default::before,.htmega-newsticker-style-6.breaking-news-default::before,.htmega-newsticker-style-5.breaking-news-default::before,.htmega-newsticker-style-7.breaking-news-default::before{
4901
- display: none;
4902
- }
4903
-
4904
- /*News Ticker Style 1*/
4905
- .htmega-newsticker-style-1 {
4906
- border: 0 none;
4907
- float: left;
4908
- position: relative;
4909
- width: 100%;
4910
- z-index: 1;
4911
- }
4912
-
4913
- .htmega-newsticker-style-1 .breaking-news-title {
4914
- display: flex;
4915
- align-items: center;
4916
- }
4917
-
4918
- .htmega-newsticker-style-1 .breaking-news-title h5 {
4919
- position: relative;
4920
- left: -20px;
4921
- display: block;
4922
- color: #ffffff;
4923
- font-weight: 600;
4924
- font-size: 30px;
4925
- letter-spacing: 0.5px;
4926
- margin: 0;
4927
- text-transform: uppercase;
4928
- height: 60px;
4929
- line-height: 59px;
4930
- padding: 0 48px;
4931
- display: flex;
4932
- align-items: center;
4933
- }
4934
- .htmega-newsticker-style-1 .breaking-news-title h5::before {
4935
- position: absolute;
4936
- content: "";
4937
- transform: skew(-20deg);
4938
- background: #d20001;
4939
- left: 0;
4940
- top: 0;
4941
- width: 100%;
4942
- height: 100%;
4943
- z-index: -1;
4944
- }
4945
-
4946
- .htmega-newsticker-style-1 .breaking-news-title h5 i,.htmega-newsticker-style-1 .breaking-news-title h5 .htmega-news-tickr-svg-icon-box {
4947
- width: 40px;
4948
- height: 40px;
4949
- color: #d20001;
4950
- background: #fff;
4951
- text-align: center;
4952
- line-height: 40px;
4953
- border-radius: 100%;
4954
- font-size: 28px;
4955
- padding: 0;
4956
- margin-left: 10px;
4957
- }
4958
- /* svg icon style */
4959
- .breaking-news-title h5 .htmega-news-tickr-svg-icon-box svg{
4960
- height: auto;
4961
- }
4962
- .htmega-news-tickr-svg-icon-box {
4963
- display: flex;
4964
- align-items: center;
4965
- justify-content: center;
4966
- }
4967
- .htmega-newsticker-style-1 .breaking-news-ticker {
4968
- margin-left: 20px;
4969
- list-style: none;
4970
- padding: 0;
4971
- margin: 0;
4972
- padding-left: 22px;
4973
- }
4974
-
4975
- .htmega-newsticker-style-1 .breaking-news-ticker li {
4976
- padding: 5px 0;
4977
- }
4978
-
4979
- .htmega-newsticker-style-1 .breaking-news-ticker li a {
4980
- color: #ffffff;
4981
- }
4982
-
4983
- .htmega-newsticker-style-1 .breaking-news-nav {
4984
- float: right;
4985
- display: flex;
4986
- align-items: center;
4987
- margin-right: 42px;
4988
- margin-left: auto;
4989
- }
4990
-
4991
- .htmega-newsticker-style-1 .breaking-news-nav button {
4992
- border: 1px solid #fff;
4993
- margin: 0 5px;
4994
- transform: skew(-20deg);
4995
- }
4996
-
4997
- .htmega-newsticker-style-1 .breaking-news-nav button:hover {
4998
- border: 1px solid #d20001;
4999
- background: #d20001;
5000
- }
5001
-
5002
- .htmega-newsticker-style-1 .breaking-news-nav button i {
5003
- color: #ffffff;
5004
- font-size: 24px;
5005
- }
5006
-
5007
-
5008
- /*News Ticker Style 2*/
5009
- .htmega-newsticker-style-2 {
5010
- border: 1px solid #1d62af;
5011
- overflow: hidden;
5012
- }
5013
- .htmega-newsticker-style-2 .breaking-news-title h5 {
5014
- position: relative;
5015
- color: #ffffff;
5016
- font-weight: 600;
5017
- font-size: 20px;
5018
- margin: 0;
5019
- text-transform: capitalize;
5020
- padding: 0 20px;
5021
- background: #1d62af;
5022
- font-style: italic;
5023
- padding-right: 0;
5024
- align-self: stretch;
5025
- display: flex;
5026
- align-items: center;
5027
- justify-content: center;
5028
- width: max-content;
5029
- }
5030
-
5031
- .htmega-newsticker-style-2 .breaking-news-title h5::before {
5032
- position: absolute;
5033
- top: 0;
5034
- border-right: 40px solid transparent;
5035
- border-top: 40px solid transparent;
5036
- border-bottom: 40px solid transparent;
5037
- content: "";
5038
- border-left: 40px solid #1d62af;
5039
- left: 100%;
5040
- background: transparent!important;
5041
- background-color: none!important;
5042
- background-image: none!important;
5043
- }
5044
-
5045
- .htmega-newsticker-style-2 .breaking-news-ticker {
5046
- padding-left: 57px;
5047
- }
5048
-
5049
- .htmega-newsticker-style-2 .breaking-news-ticker li a {
5050
- color: #181818;
5051
- }
5052
- .htmega-newsticker-style-2 .breaking-news-nav {
5053
- margin-right: 29px;
5054
- }
5055
-
5056
- .htmega-newsticker-style-2 .breaking-news-nav button {
5057
- margin: 0 3px;
5058
- border: 1px solid transparent;
5059
- width: auto;
5060
- height: auto;
5061
- }
5062
-
5063
- .htmega-newsticker-style-2 .breaking-news-nav button i {
5064
- color: #000000;
5065
- font-size: 30px;
5066
- transition: 0.3s ease-in-out;
5067
- }
5068
-
5069
- .htmega-newsticker-style-2 .breaking-news-nav button i:hover {
5070
- color: #1d62af;
5071
- }
5072
-
5073
- /*News Ticker Style 3*/
5074
- .htmega-newsticker-style-3 {
5075
- border: 1px solid #1d62af;
5076
- border-radius: 40px;
5077
- overflow: hidden;
5078
- display: flex;
5079
- }
5080
- .htmega-newsticker-style-3 .breaking-news-title{
5081
- order: 3;
5082
- }
5083
-
5084
- .htmega-newsticker-style-3 .breaking-news-title {
5085
- display: flex;
5086
- align-items: center;
5087
- background: #1d62af;
5088
- border-radius: 0 40px 40px 0;
5089
- }
5090
-
5091
- .htmega-newsticker-style-3 .breaking-news-title h5 {
5092
- position: relative;
5093
- color: #ffffff;
5094
- font-weight: 600;
5095
- font-size: 20px;
5096
- margin: 0;
5097
- text-transform: capitalize;
5098
- padding: 0 20px;
5099
- font-style: italic;
5100
- padding-right: 20px;
5101
- align-self: stretch;
5102
- display: flex;
5103
- align-items: center;
5104
- justify-content: center;
5105
- padding-left: 0;
5106
- width: max-content;
5107
- }
5108
-
5109
- .htmega-newsticker-style-3 .breaking-news-title h5::before {
5110
- position: absolute;
5111
- top: 0;
5112
- border-right: 40px solid #1d62af;
5113
- border-top: 40px solid transparent;
5114
- border-bottom: 40px solid transparent;
5115
- content: "";
5116
- border-left: 40px solid transparent;
5117
- right: 100%;
5118
- background: transparent!important;
5119
- background-color: none!important;
5120
- background-image: none!important;
5121
- }
5122
-
5123
- .htmega-newsticker-style-3 .breaking-news-ticker {
5124
- flex-grow: 1;
5125
- order: 2;
5126
- padding-right: 57px;
5127
- }
5128
-
5129
- .htmega-newsticker-style-3 .breaking-news-ticker li {
5130
- padding: 5px 0;
5131
- }
5132
-
5133
- .htmega-newsticker-style-3 .breaking-news-ticker li a {
5134
- color: #181818;
5135
- }
5136
-
5137
- .htmega-newsticker-style-3 .breaking-news-ticker li a span.news_date {
5138
- margin-left: 30px;
5139
- }
5140
-
5141
- .htmega-newsticker-style-3 .breaking-news-nav {
5142
- margin-right: 0;
5143
- float: left;
5144
- margin-left: 29px;
5145
- order: 1;
5146
- }
5147
-
5148
- .htmega-newsticker-style-3 .breaking-news-nav button {
5149
- margin: 0 3px;
5150
- border: 1px solid transparent;
5151
- width: auto;
5152
- height: auto;
5153
- }
5154
-
5155
- .htmega-newsticker-style-3 .breaking-news-nav button i {
5156
- color: #000000;
5157
- font-size: 30px;
5158
- transition: 0.3s ease-in-out;
5159
- }
5160
-
5161
- .htmega-newsticker-style-3 .breaking-news-nav button i:hover {
5162
- color: #1d62af;
5163
- }
5164
-
5165
- /*News Ticker Style 4*/
5166
- .htmega-newsticker-style-4 {
5167
- border: 0 none;
5168
- background: #1d62af;
5169
- overflow: hidden;
5170
- }
5171
-
5172
- .htmega-newsticker-style-4 .breaking-news-title {
5173
- display: flex;
5174
- height: 50px;
5175
- align-items: center;
5176
- background: #f05555;
5177
- align-self: stretch;
5178
- display: flex;
5179
- align-items: center;
5180
- justify-content: center;
5181
- }
5182
-
5183
- .htmega-newsticker-style-4 .breaking-news-title h5 {
5184
- position: relative;
5185
- color: #ffffff;
5186
- font-weight: 600;
5187
- font-size: 18px;
5188
- margin: 0;
5189
- text-transform: capitalize;
5190
- padding: 0 27px;
5191
- }
5192
-
5193
- .htmega-newsticker-style-4 .breaking-news-ticker {
5194
- padding-left: 30px;
5195
- }
5196
-
5197
- .htmega-newsticker-style-4 .breaking-news-ticker li {
5198
- padding: 5px 0;
5199
- }
5200
-
5201
- .htmega-newsticker-style-4 .breaking-news-ticker li a {
5202
- display: block;
5203
- color: #ffffff;
5204
- font-size: 14px;
5205
- font-family: "Poppins", sans-serif;
5206
- }
5207
-
5208
- .htmega-newsticker-style-4 .breaking-news-nav {
5209
- margin-right: -1px;
5210
- height: 50px;
5211
- }
5212
-
5213
- .htmega-newsticker-style-4 .breaking-news-nav button {
5214
- margin: 0 1px;
5215
- border: 1px solid transparent;
5216
- width: 50px;
5217
- height: 50px;
5218
- background: #4b7bb0;
5219
- }
5220
-
5221
- .htmega-newsticker-style-4 .breaking-news-nav button i {
5222
- color: #ffffff;
5223
- font-size: 30px;
5224
- transition: 0.3s ease-in-out;
5225
- }
5226
-
5227
- .htmega-newsticker-style-4 .breaking-news-nav button i:hover {
5228
- color: #18012c;
5229
- }
5230
-
5231
- /*News Ticker Style 5*/
5232
- .htmega-newsticker-style-5 {
5233
- border: 0 none;
5234
- overflow: hidden;
5235
- background: #00C8FA;
5236
- }
5237
- .htmega-newsticker-style-5.breaking-news-default::before{
5238
- transform: skew(0deg);
5239
- }
5240
- .htmega-newsticker-style-5 .breaking-news-title {
5241
- display: flex;
5242
- height: 50px;
5243
- align-items: center;
5244
- background: #f05555;
5245
- align-self: stretch;
5246
- display: flex;
5247
- align-items: center;
5248
- justify-content: center;
5249
- position: relative;
5250
- }
5251
-
5252
- .htmega-newsticker-style-5 .breaking-news-title::before {
5253
- position: absolute;
5254
- top: 50%;
5255
- border-right: 15px solid transparent;
5256
- border-top: 15px solid transparent;
5257
- border-bottom: 15px solid transparent;
5258
- content: "";
5259
- border-left: 15px solid #f05555;
5260
- left: 100%;
5261
- transform: translateY(-50%);
5262
- }
5263
-
5264
- .htmega-newsticker-style-5 .breaking-news-title h5 {
5265
- color: #ffffff;
5266
- font-weight: 600;
5267
- font-size: 18px;
5268
- margin: 0;
5269
- text-transform: capitalize;
5270
- padding: 0 27px;
5271
- }
5272
-
5273
- .htmega-newsticker-style-5 .breaking-news-ticker {
5274
- padding-left: 34px;
5275
- }
5276
-
5277
- .htmega-newsticker-style-5 .breaking-news-ticker li {
5278
- padding: 5px 0;
5279
- }
5280
-
5281
- .htmega-newsticker-style-5 .breaking-news-ticker li a {
5282
- display: block;
5283
- color: #ffffff;
5284
- font-size: 14px;
5285
- font-family: "Poppins", sans-serif;
5286
- }
5287
-
5288
- .htmega-newsticker-style-5 .breaking-news-nav {
5289
- margin-right: 11px;
5290
- height: 50px;
5291
- }
5292
-
5293
- .htmega-newsticker-style-5 .breaking-news-nav button {
5294
- margin: 0;
5295
- border: 1px solid transparent;
5296
- width: auto;
5297
- height: auto;
5298
- }
5299
-
5300
- .htmega-newsticker-style-5 .breaking-news-nav button i {
5301
- color: #ffffff;
5302
- font-size: 30px;
5303
- transition: 0.3s ease-in-out;
5304
- }
5305
-
5306
- .htmega-newsticker-style-5 .breaking-news-nav button i:hover {
5307
- color: #18012c;
5308
- }
5309
-
5310
- /*News Ticker Style 6*/
5311
- .htmega-newsticker-style-6 {
5312
- border: 1px solid #1d62af;
5313
- overflow: hidden;
5314
- }
5315
- .htmega-newsticker-style-6.breaking-news-default::before{
5316
- transform: skew(0deg);
5317
- }
5318
- .htmega-newsticker-style-6 .breaking-news-title {
5319
-
5320
- height: 60px;
5321
- position: relative;
5322
- z-index: 1;
5323
- padding: 0 18px 0 0;
5324
- width: max-content;
5325
- }
5326
- .htmega-newsticker-style-6 .breaking-news-title::before {
5327
- position: absolute;
5328
- left: -16px;
5329
- top: 0;
5330
- background: #1d62af;
5331
- width: 100%;
5332
- height: 100%;
5333
- content: "";
5334
- z-index: -1;
5335
- transform: skew(-26deg);
5336
- }
5337
-
5338
- .htmega-newsticker-style-6 .breaking-news-title h5 {
5339
- color: #fff;
5340
- font-weight: 600;
5341
- font-size: 18px;
5342
- margin: 0;
5343
- text-transform: capitalize;
5344
- padding: 0 18px;
5345
- z-index: 1;
5346
- position: relative;
5347
- }
5348
-
5349
- .htmega-newsticker-style-6 .breaking-news-ticker {
5350
- padding-left: 34px;
5351
- }
5352
-
5353
- .htmega-newsticker-style-6 .breaking-news-ticker li {
5354
- padding: 5px 0;
5355
- }
5356
-
5357
- .htmega-newsticker-style-6 .breaking-news-ticker li a {
5358
- display: block;
5359
- color: #000000;
5360
- font-size: 14px;
5361
- font-family: "Poppins", sans-serif;
5362
- }
5363
-
5364
- .htmega-newsticker-style-6 .breaking-news-nav {
5365
- margin-right: 11px;
5366
- height: 60px;
5367
- }
5368
-
5369
- .htmega-newsticker-style-6 .breaking-news-nav button {
5370
- margin: 0;
5371
- border: 1px solid transparent;
5372
- width: auto;
5373
- height: auto;
5374
- }
5375
-
5376
- .htmega-newsticker-style-6 .breaking-news-nav button i {
5377
- color: #ffffff;
5378
- font-size: 30px;
5379
- transition: 0.3s ease-in-out;
5380
- }
5381
-
5382
- .htmega-newsticker-style-6 .breaking-news-nav button i:hover {
5383
- color: #18012c;
5384
- }
5385
-
5386
- /*News Ticker Style 7*/
5387
- .htmega-newsticker-style-7 {
5388
- border: 1px solid #1d62af;
5389
- overflow: hidden;
5390
- }
5391
- .htmega-newsticker-style-7.breaking-news-default::before{
5392
- transform: skew(0deg);
5393
- }
5394
-
5395
- .htmega-newsticker-style-7 .breaking-news-title {
5396
- display: flex;
5397
- height: 60px;
5398
- align-items: center;
5399
- align-self: stretch;
5400
- justify-content: center;
5401
- position: relative;
5402
- z-index: 1;
5403
- padding: 0 18px 0 0;
5404
- }
5405
-
5406
- .htmega-newsticker-style-7 .breaking-news-title::before {
5407
- position: absolute;
5408
- left: -10px;
5409
- top: 0;
5410
- background: #1d62af;
5411
- width: 100%;
5412
- height: 100%;
5413
- content: "";
5414
- z-index: -1;
5415
- border-radius: 0 45px 0px 0;
5416
- }
5417
-
5418
- .htmega-newsticker-style-7 .breaking-news-title h5 {
5419
- color: #fff;
5420
- font-weight: 600;
5421
- font-size: 18px;
5422
- margin: 0;
5423
- text-transform: capitalize;
5424
- padding: 0 27px;
5425
- z-index: 1;
5426
- position: relative;
5427
- }
5428
-
5429
- .htmega-newsticker-style-7 .breaking-news-ticker {
5430
- padding-left: 34px;
5431
- }
5432
-
5433
- .htmega-newsticker-style-7 .breaking-news-ticker li {
5434
- padding: 5px 0;
5435
- }
5436
-
5437
- .htmega-newsticker-style-7 .breaking-news-ticker li a {
5438
- display: block;
5439
- color: #000000;
5440
- font-size: 14px;
5441
- font-family: "Poppins", sans-serif;
5442
- }
5443
-
5444
- .htmega-newsticker-style-7 .breaking-news-nav {
5445
- margin-right: 12px;
5446
- height: 60px;
5447
- }
5448
-
5449
- .htmega-newsticker-style-7 .breaking-news-nav button {
5450
- margin: 0 1px;
5451
- border: 1px solid transparent;
5452
- width: 38px;
5453
- height: 38px;
5454
- background: #1d62af;
5455
- }
5456
-
5457
- .htmega-newsticker-style-7 .breaking-news-nav button i {
5458
- color: #ffffff;
5459
- font-size: 30px;
5460
- transition: 0.3s ease-in-out;
5461
- }
5462
-
5463
- .htmega-newsticker-style-7 .breaking-news-nav button:hover {
5464
- opacity: 0.7;
5465
- }
5466
-
5467
-
5468
- @media (max-width: 767px) {
5469
- .breaking-news-default {
5470
- flex-direction: column;
5471
- justify-content: center;
5472
- overflow: hidden;
5473
- }
5474
- .breaking-news-default .breaking-news-title {
5475
- margin-bottom: 15px;
5476
- width: 100%;
5477
- min-height: 45px;
5478
- }
5479
- .breaking-news-default .breaking-news-title h5 {
5480
- padding: 0 15px;
5481
- width: 100%;
5482
- justify-content: center;
5483
- }
5484
- .htmega-newsticker-style-1 .breaking-news-title h5{
5485
- left: 0;
5486
- }
5487
- .htmega-newsticker-style-1 .breaking-news-ticker,.breaking-news-default .breaking-news-ticker{
5488
- padding:0 15px;
5489
- }
5490
- .htmega-newsticker-style-2 .breaking-news-nav {
5491
- margin-right: 0;
5492
- }
5493
- .htmega-newsticker-style-2 .breaking-news-ticker {
5494
- padding-left: 0 15px;
5495
- }
5496
- .htmega-newsticker-style-3 .breaking-news-title {
5497
- border-radius: 0;
5498
- margin-bottom: 0;
5499
- margin-top: 15px;
5500
- }
5501
- .htmega-newsticker-style-5 .breaking-news-nav {
5502
- margin-right: 0;
5503
- }
5504
- .htmega-newsticker-style-3 .breaking-news-nav {
5505
- margin-left: 0;
5506
- }
5507
- .htmega-newsticker-style-6 .breaking-news-title::before {
5508
- left: 0;
5509
- transform: skew(0);
5510
- }
5511
- .htmega-newsticker-style-7 .breaking-news-title::before {
5512
- left: 0;
5513
- border-radius: 0;
5514
- }
5515
-
5516
- .breaking-news-default .breaking-news-title {
5517
- height: auto;
5518
- }
5519
- .breaking-news-default.htmega-newsticker-style-1 .breaking-news-title{
5520
- height: 80px;
5521
- }
5522
- .htmega-newsticker-style-4 .breaking-news-nav {
5523
- margin-top: 15px;
5524
- }
5525
- }
5526
-
5527
-
5528
-
5529
-
5530
- /*
5531
- * Social Share Style
5532
- */
5533
- .htmega-social-share ul{
5534
- list-style: none;
5535
- margin: 0;
5536
- padding: 0;
5537
- list-style: none;
5538
- }
5539
-
5540
- .htmega-social-share ul li {
5541
- font-family: "Montserrat", sans-serif;
5542
- cursor: pointer;
5543
- color: #fff;
5544
- }
5545
-
5546
- .htmega-social-share svg {
5547
- width: 20px;
5548
- display: inline-block;
5549
- }
5550
- .htmega-social-share.htmega-social-view-icon-title ul li{
5551
- padding-right: 15px;
5552
- }
5553
- .htmega-social-share.htmega-social-view-title ul li{
5554
- padding: 0px 15px;
5555
- }
5556
-
5557
- .htmega-social-share ul li i {
5558
- display: block;
5559
- float: left;
5560
- height: 42px;
5561
- line-height: 42px;
5562
- width: 42px;
5563
- }
5564
- .htmega-share-counter {
5565
- margin-left: 5px;
5566
- }
5567
-
5568
- /*Social Icons Style 01*/
5569
- .htmega-social-style-1 ul li {
5570
- display: inline-block;
5571
- text-align: center;
5572
- font-size: 16px;
5573
- margin-right: 5px;
5574
- margin-bottom: 10px;
5575
- transition: 0.5s;
5576
- line-height: 42px;
5577
- }
5578
-
5579
- .htmega-social-style-1 ul li:hover {
5580
- opacity: 0.7;
5581
- }
5582
-
5583
- /*
5584
- * LightBox Style
5585
- */
5586
- .htmega-lightbox {
5587
- position: relative;
5588
- margin-top: 30px;
5589
- }
5590
-
5591
- .htmega-lightbox .htmega-lightboxthumb a img {
5592
- width: 100%;
5593
- }
5594
-
5595
- .htmega-lightbox .htmega-lightbox-action {
5596
- position: absolute;
5597
- top: 0;
5598
- width: 100%;
5599
- height: 100%;
5600
- transition: 0.5s;
5601
- left: 0;
5602
- opacity: 0;
5603
- }
5604
-
5605
- .htmega-lightbox .htmega-lightbox-action::before {
5606
- position: absolute;
5607
- width: 100%;
5608
- height: 100%;
5609
- top: 0;
5610
- background: rgba(0, 0, 0, 0.5);
5611
- content: "";
5612
- left: 0;
5613
- }
5614
-
5615
- .htmega-lightbox .htmega-lightbox-action a {
5616
- position: absolute;
5617
- top: 50%;
5618
- transform:translate(-50%,-50%);
5619
- text-align: center;
5620
- border: 1px solid #fff;
5621
- display: inline-block;
5622
- border-radius: 100%;
5623
- left: 50%;
5624
- }
5625
- .htmega-lightbox .htmega-lightbox-action a i {
5626
- width: 30px;
5627
- height: 30px;
5628
- display: inline-block;
5629
- line-height: 30px;
5630
- color: #fff;
5631
- font-size: 25px;
5632
- text-align: center;
5633
- }
5634
- .image-popup-vertical-fit svg {
5635
- width: 20px;
5636
- }
5637
-
5638
- .htmega-lightbox .htmega-lightbox-action a.play__btn i {
5639
- border: 1px solid transparent;
5640
- }
5641
-
5642
- .htmega-lightbox:hover .htmega-lightbox-action {
5643
- opacity: 1;
5644
- }
5645
- .mfp-no-margins img.mfp-img {
5646
- padding: 0;
5647
- }
5648
- .mfp-no-margins .mfp-figure:after {
5649
- top: 0;
5650
- bottom: 0;
5651
- }
5652
- .mfp-no-margins .mfp-container {
5653
- padding: 0;
5654
- }
5655
-
5656
- .lightbox_button_only .htmega-lightbox-action {
5657
- opacity: 1;
5658
- position: static;
5659
- }
5660
- .lightbox_button_only.htmega-lightbox .htmega-lightbox-action a{
5661
- position: static;
5662
- transform: translate(0, 0);
5663
- }
5664
- .lightbox_button_only .htmega-lightbox-action::before{
5665
- display: none;
5666
- }
5667
-
5668
- /*
5669
- * Video Player
5670
- */
5671
- .htmega-player-container .magnify-video-active {
5672
- background: #fff none repeat scroll 0 0;
5673
- border: 0 none;
5674
- border-radius: 100%;
5675
- color: #18012c;
5676
- display: inline-block;
5677
- font-size: 40px;
5678
- text-align: center;
5679
- transition: all 0.5s ease-in-out 0s;
5680
- padding: 10px 25px;
5681
- text-decoration: none;
5682
- position: relative;
5683
- line-height: 0;
5684
- }
5685
- .htmega-player-container .magnify-video-active *{
5686
- line-height: initial;
5687
- }
5688
- .htmega-player-container .magnify-video-active:hover {
5689
- transform: scale(1.2);
5690
- background: #18012c;
5691
- color: #fff;
5692
- }
5693
- a.magnify-video-active:focus,.mfp-iframe-holder .mfp-close:hover{
5694
- outline: 0;
5695
- border:none;
5696
- }
5697
- .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close:hover {
5698
- display: inline-block;
5699
- width: auto;
5700
- background: transparent;
5701
- }
5702
-
5703
- /* Animation Button css */
5704
- .htmega-player-container .magnify-video-active i,
5705
- .htmega-player-container .magnify-video-active img{
5706
- position: relative;
5707
- z-index: 1;
5708
- }
5709
- .htmega-video-mark {
5710
- position: absolute;
5711
- pointer-events: none;
5712
- left: 50%;
5713
- top: 50%;
5714
- }
5715
- .htmega-video-mark .htmega-wave-pulse {
5716
- width: 1px;
5717
- height: 0;
5718
- margin: 0 auto;
5719
- }
5720
- .htmega-video-mark .htmega-wave-pulse::after, .htmega-video-mark .htmega-wave-pulse::before {
5721
- opacity: 0;
5722
- content: '';
5723
- display: block;
5724
- position: absolute;
5725
- width: 200px;
5726
- height: 200px;
5727
- top: 50%;
5728
- left: 50%;
5729
- border-radius: 50%;
5730
- border: 3px solid #fff;
5731
- animation: zoomBig 2.25s linear infinite;
5732
- animation-delay: 0s;
5733
- }
5734
- .htmega-video-mark .htmega-wave-pulse::before {
5735
- animation-delay: .75s;
5736
- }
5737
- .htmega-player-container iframe.playerBox {
5738
- width: 100%!important;
5739
- margin: 0!important;
5740
- height: 100%!important;
5741
- }
5742
- @keyframes zoomBig {
5743
- 0% {
5744
- transform: translate(-50%, -50%) scale(0);
5745
- opacity: 1;
5746
- border-width: 4px;
5747
- }
5748
- 40% {
5749
- opacity: .8;
5750
- border-width: 3px;
5751
- }
5752
- 65% {
5753
- border-width: 2px;
5754
- }
5755
- 100% {
5756
- transform: translate(-50%, -50%) scale(1);
5757
- opacity: 0;
5758
- border-width: 2px;
5759
- }
5760
- }
5761
-
5762
- /*
5763
- * Search Style
5764
- */
5765
- .htmega-search-box input:focus {
5766
- outline: none;
5767
- }
5768
- .htmega-search-box .btn-search{
5769
- background: transparent;
5770
- padding: 0;
5771
- }
5772
- .htmega-search-box svg {
5773
- width: 20px;
5774
- margin-top: 8px;
5775
- }
5776
-
5777
- /* Search Style 01 */
5778
- .htmega-search-style-1 {
5779
- position: relative;
5780
- }
5781
-
5782
- .htmega-search-style-1 input {
5783
- border: 1px solid #ccc;
5784
- width: 100%;
5785
- border-radius: 22px !important;
5786
- transition: all .3s ease-in-out;
5787
- height: 45px;
5788
- color: #999999;
5789
- font-size: 14px;
5790
- padding: 0 78px 0 20px !important;
5791
- }
5792
-
5793
- .htmega-search-style-1 input:focus {
5794
- width: 100%;
5795
- border: 1px solid hotpink;
5796
- }
5797
-
5798
- .htmega-search-style-1 input:focus~button {
5799
- width: 36px;
5800
- }
5801
-
5802
- .htmega-search-style-1 input:focus~button.btn-search {
5803
- background: hotpink;
5804
- color: #fff;
5805
- border-radius: 20px;
5806
- }
5807
-
5808
- .htmega-search-style-1 input:focus~button.btn-reset {
5809
- right: -22px;
5810
- }
5811
-
5812
- .htmega-search-style-1 button {
5813
- transition: all .3s ease-in-out;
5814
- border: none;
5815
- height: 36px;
5816
- position: absolute;
5817
- right: 4px;
5818
- top: 50%;
5819
- width: 70px;
5820
- transform: translateY(-50%);
5821
- padding: 0;
5822
- }
5823
-
5824
- .htmega-search-style-1 button.btn-search {
5825
- background: #0056ff;
5826
- border-radius: 0 20px 20px 0;
5827
- color: #fff;
5828
- transition: all .3s ease-in-out;
5829
- }
5830
-
5831
- /* Search Style 02 */
5832
- .htmega-search-style-2 {
5833
- display: inline-block;
5834
- position: relative;
5835
- height: 60px;
5836
- float: right;
5837
- padding: 0;
5838
- position: relative;
5839
- width: 100%;
5840
- }
5841
-
5842
- .htmega-search-style-2 input[type="text"] {
5843
- height: 60px;
5844
- font-size: 17px;
5845
- display: inline-block;
5846
- font-weight: 100;
5847
- border: none;
5848
- outline: none;
5849
- color: #fff;
5850
- padding: 0;
5851
- padding-right: 70px;
5852
- width: 0px;
5853
- position: absolute;
5854
- top: 0;
5855
- right: 0;
5856
- background: none;
5857
- z-index: 3;
5858
- transition: width 0.5s cubic-bezier(0, 0.795, 0, 1);
5859
- cursor: pointer;
5860
- }
5861
-
5862
- .htmega-search-style-2 input[type="text"]:focus {
5863
- width: 100%;
5864
- z-index: 1;
5865
- border-bottom: 1px solid #333;
5866
- cursor: text;
5867
- }
5868
-
5869
- .htmega-search-style-2 button.btn-search {
5870
- width: 63px;
5871
- display: inline-block;
5872
- color: #333;
5873
- float: right;
5874
- background: transparent;
5875
- border: none;
5876
- position: absolute;
5877
- top: 0;
5878
- right: 0;
5879
- z-index: 2;
5880
- cursor: pointer;
5881
- cursor: pointer;
5882
- transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
5883
- }
5884
-
5885
- /* Search Style 03 */
5886
- .htmega-search-style-3 {
5887
- float: right;
5888
- height: 40px;
5889
- position: relative;
5890
- width: 100%;
5891
- }
5892
-
5893
- .htmega-search-style-3 input[type="text"] {
5894
- border: 1px solid #18012c;
5895
- font-size: 12px;
5896
- height: 40px;
5897
- position: absolute;
5898
- transition: all .3s ease-in;
5899
- width: 50%;
5900
- right: 0px;
5901
- color: #18012c;
5902
- font-size: 14px;
5903
- transition: all .3s ease-in-out;
5904
- padding: 0 20px;
5905
- padding-right: 63px;
5906
- }
5907
-
5908
- .htmega-search-style-3 input[type="text"]:focus {
5909
- width: 100%;
5910
- border-radius: 20px;
5911
- border: 1px solid #ed552d;
5912
- }
5913
-
5914
- .htmega-search-style-3 input[type="text"]:focus~button {
5915
- background: #ed552d;
5916
- border: 1px solid #ed552d;
5917
- border-radius: 0 20px 20px 0;
5918
- color: #fff !important;
5919
- }
5920
-
5921
- .htmega-search-style-3 button {
5922
- background: transparent;
5923
- transition: all .3s ease-in;
5924
- position: absolute;
5925
- right: 0;
5926
- border: 0 none;
5927
- transition: all .3s ease-in-out;
5928
- width: 42px;
5929
- text-align: center;
5930
- height: 100%;
5931
- border: 0 none;
5932
- }
5933
-
5934
- /* Search Style 04 */
5935
- .htmega-search-style-4 {
5936
- background-color: #ffffff;
5937
- position: relative;
5938
- overflow: hidden;
5939
- float: right;
5940
- }
5941
- .htmega-search-style-4 form{
5942
- width: 45px;
5943
- transition: all 0.5s ease;
5944
- }
5945
-
5946
- .htmega-search-style-4:before {
5947
- content: '';
5948
- display: block;
5949
- width: 3px;
5950
- height: 100%;
5951
- position: relative;
5952
- background-color: #ff4888;
5953
- transition: all .5s ease;
5954
- }
5955
-
5956
- .htmega-search-style-4 form.open {
5957
- width: 100%;
5958
- }
5959
-
5960
- .htmega-search-style-4 form.open:before {
5961
- height: 20px;
5962
- margin: 15px 8px 10px 29px;
5963
- position: absolute;
5964
- }
5965
-
5966
- .htmega-search-style-4 .search-box {
5967
- width: 100%;
5968
- height: 100%;
5969
- box-shadow: none;
5970
- border: none;
5971
- background: transparent;
5972
- color: #ff4888;
5973
- padding: 0px 48px 0px 45px;
5974
- font-size: 14px;
5975
- }
5976
-
5977
- .htmega-search-style-4 .search-box:focus {
5978
- outline: none;
5979
- }
5980
-
5981
- .htmega-search-style-4 .search-button {
5982
- width: 45px;
5983
- height: 45px;
5984
- display: block;
5985
- position: absolute;
5986
- right: 0;
5987
- top: 0;
5988
- cursor: pointer;
5989
- }
5990
-
5991
- .htmega-search-style-4 .search-icon {
5992
- width: 20px;
5993
- height: 20px;
5994
- border-radius: 40px;
5995
- border: 2px solid #ff4888;
5996
- display: block;
5997
- position: relative;
5998
- margin-left: 10px;
5999
- transition: all 0.5s ease;
6000
- top: 10px;
6001
- }
6002
-
6003
- .htmega-search-style-4 .search-icon:before {
6004
- content: '';
6005
- width: 3px;
6006
- height: 8px;
6007
- position: absolute;
6008
- right: -2px;
6009
- top: 12px;
6010
- display: block;
6011
- background-color: #ff4888;
6012
- transform: rotate(-45deg);
6013
- transition: all 0.5s ease;
6014
- }
6015
-
6016
- .htmega-search-style-4 .search-icon:after {
6017
- content: '';
6018
- width: 3px;
6019
- height: 9px;
6020
- position: absolute;
6021
- right: -8px;
6022
- top: 17px;
6023
- display: block;
6024
- background-color: #ff4888;
6025
- transform: rotate(-46deg);
6026
- transition: all 0.5s ease;
6027
- }
6028
-
6029
- .htmega-search-style-4 form.open .search-icon {
6030
- margin: 0;
6031
- width: 35px;
6032
- height: 35px;
6033
- border-radius: 100%;
6034
- top: 5px;
6035
- }
6036
-
6037
- .htmega-search-style-4 form.open .search-icon:before {
6038
- transform: rotate(52deg);
6039
- right: 12px;
6040
- top: 12px;
6041
- height: 18px;
6042
- }
6043
-
6044
- .htmega-search-style-4 form.open .search-icon:after {
6045
- transform: rotate(-230deg);
6046
- right: 12px;
6047
- top: 2px;
6048
- height: 18px;
6049
- }
6050
-
6051
- /* Search Style 05 */
6052
- .htmega-search-style-5 button {
6053
- color: #f45862;
6054
- font-size: 24px;
6055
- border: 0 none;
6056
- outline: none;
6057
- background: transparent;
6058
- }
6059
-
6060
- .block-bg {
6061
- background: rgba(22, 22, 27, 0.97) none repeat scroll 0 0;
6062
- height: 100%;
6063
- left: 0;
6064
- opacity: 0;
6065
- position: fixed;
6066
- text-align: center;
6067
- top: 0;
6068
- transform: scale(0.7);
6069
- transition: -webkit-transform 0.8s ease 0s, -moz-transform 0.8s ease 0s, -o-transform 0.8s ease 0s, transform 0.8s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
6070
- visibility: hidden;
6071
- width: 100%;
6072
- z-index: 999;
6073
- }
6074
-
6075
- .block-bg.is-visible {
6076
- opacity: 1;
6077
- transform: scale(1);
6078
- visibility: visible;
6079
- }
6080
-
6081
- .block-bg .close__wrap {
6082
- color: white;
6083
- cursor: pointer;
6084
- font-size: 12px;
6085
- font-weight: 700;
6086
- line-height: 25px;
6087
- margin-top: -12.5px;
6088
- padding-right: 25px;
6089
- position: absolute;
6090
- right: 49px;
6091
- text-transform: uppercase;
6092
- z-index: 11;
6093
- transition: 0.4s;
6094
- top: 65px;
6095
- }
6096
-
6097
- .block-bg .close__wrap:hover {
6098
- color: #ffffff;
6099
- }
6100
-
6101
- .block-bg .close__wrap::after {
6102
- content: "\f00d";
6103
- font-family: 'FontAwesome';
6104
- font-size: 24px;
6105
- position: absolute;
6106
- right: 0;
6107
- top: 0;
6108
- }
6109
-
6110
- .minisearch .field__search {
6111
- left: 0;
6112
- margin: 0 auto auto;
6113
- max-width: 1000px;
6114
- padding: 0 5px;
6115
- position: fixed;
6116
- right: 0;
6117
- top: 50%;
6118
- }
6119
-
6120
- .minisearch .field__search input {
6121
- -moz-border-bottom-colors: none;
6122
- -moz-border-left-colors: none;
6123
- -moz-border-right-colors: none;
6124
- -moz-border-top-colors: none;
6125
- background: transparent none repeat scroll 0 0;
6126
- border-color: currentcolor currentcolor #ebebeb;
6127
- -o-border-image: none;
6128
- border-image: none;
6129
- border-style: none none solid;
6130
- border-width: 0 0 1px;
6131
- color: #fff;
6132
- height: 60px;
6133
- padding: 10px 60px 10px 10px;
6134
- position: static;
6135
- transition: all 0.3s ease-in-out 0s;
6136
- width: 100%;
6137
- z-index: 1;
6138
- font-size: 16px;
6139
- outline: none;
6140
- }
6141
-
6142
- .minisearch .field__search .action {
6143
- position: absolute;
6144
- right: 0;
6145
- top: 0;
6146
- z-index: 2;
6147
- }
6148
-
6149
- .minisearch .field__search .action button{
6150
- color: #797979;
6151
- display: inline-block;
6152
- font-size: 26px;
6153
- height: 60px;
6154
- left: 0;
6155
- line-height: 60px;
6156
- text-align: center;
6157
- top: 0;
6158
- width: 60px;
6159
- }
6160
-
6161
- /*
6162
- * Blockquote Style
6163
- */
6164
- blockquote {
6165
- margin: 0;
6166
- }
6167
-
6168
- blockquote cite {
6169
- font-family: "Montserrat", sans-serif;
6170
- }
6171
- .htmega-blockquote blockquote::before{
6172
- display: none;
6173
- }
6174
-
6175
- .htmega-blockquote blockquote img,.htmega-blockquote blockquote .blockquote_icon{
6176
- position: absolute;
6177
- }
6178
- .htmega-blockquote blockquote img{
6179
- position: absolute;
6180
- width: 100px;
6181
- z-index: 0;
6182
- }
6183
- .htmega-blockquote blockquote p{
6184
- margin: 0;
6185
- }
6186
-
6187
- .htmega-blockquote-position-lefttop blockquote img,.htmega-blockquote-position-lefttop blockquote .blockquote_icon{
6188
- left: 0;
6189
- top: 0;
6190
- }
6191
-
6192
- .htmega-blockquote-position-leftcenter blockquote img,.htmega-blockquote-position-leftcenter blockquote .blockquote_icon{
6193
- left: 0;
6194
- top: 50%;
6195
- transform: translateY(-50%);
6196
- }
6197
-
6198
- .htmega-blockquote-position-leftbottom blockquote img,.htmega-blockquote-position-leftbottom blockquote .blockquote_icon{
6199
- left: 0;
6200
- bottom: 0;
6201
- }
6202
-
6203
- .htmega-blockquote-position-centertop blockquote img,.htmega-blockquote-position-centertop blockquote .blockquote_icon {
6204
- left: 50%;
6205
- top: 0;
6206
- transform: translateX(-50%);
6207
- }
6208
-
6209
- .htmega-blockquote-position-center blockquote img,.htmega-blockquote-position-center blockquote .blockquote_icon {
6210
- left: 50%;
6211
- top: 50%;
6212
- transform: translate(-50%, -50%);
6213
- }
6214
-
6215
- .htmega-blockquote-position-centerbottom blockquote img,.htmega-blockquote-position-centerbottom blockquote .blockquote_icon {
6216
- left: 50%;
6217
- bottom: 0;
6218
- transform: translateX(-50%);
6219
- }
6220
-
6221
- .htmega-blockquote-position-righttop blockquote img,.htmega-blockquote-position-righttop blockquote .blockquote_icon{
6222
- right: 0;
6223
- top: 0;
6224
- }
6225
-
6226
- .htmega-blockquote-position-rightcenter blockquote img,.htmega-blockquote-position-rightcenter blockquote .blockquote_icon{
6227
- right: 0;
6228
- top: 50%;
6229
- transform: translateY(-50%);
6230
- }
6231
-
6232
- .htmega-blockquote-position-rightbottom blockquote img,.htmega-blockquote-position-rightbottom blockquote .blockquote_icon{
6233
- right: 0;
6234
- bottom: 0;
6235
- }
6236
-
6237
- /*Blockquote Style 01*/
6238
- .htmega-blockquote blockquote {
6239
- background: #f4f4f4;
6240
- padding: 50px 62px 50px 56px;
6241
- position: relative;
6242
- border:0;
6243
- }
6244
-
6245
- .htmega-blockquote blockquote .blockquote_content {
6246
- font-size: 18px;
6247
- line-height: 33px;
6248
- color: #5b5b5b;
6249
- font-style: normal;
6250
- font-weight: 600;
6251
- margin-bottom: 17px;
6252
- margin-bottom: 18px;
6253
- position: relative;
6254
- z-index: 1;
6255
- }
6256
-
6257
- .htmega-blockquote blockquote cite {
6258
- color: #0056ff;
6259
- font-weight: 600;
6260
- font-style: normal;
6261
- margin: 0;
6262
- padding-left: 35px;
6263
- position: relative;
6264
- }
6265
- .htmega-citeseparator-position-after blockquote cite{
6266
- padding-left: 0px;
6267
- padding-right: 35px;
6268
- }
6269
- .htmega-citeseparator-position-none blockquote cite{
6270
- padding-left: 0;
6271
- padding-right: 0;
6272
- }
6273
- .htmega-blockquote blockquote cite::before {
6274
- position: absolute;
6275
- background-color: #0056ff;
6276
- content: "";
6277
- height: 4px;
6278
- width: 20px;
6279
- left: 0;
6280
- top: 50%;
6281
- transform: translateY(-50%);
6282
- }
6283
- .htmega-citeseparator-position-after blockquote cite::before {
6284
- right: 0;
6285
- left: auto;
6286
- top: 50%;
6287
- }
6288
- .htmega-citeseparator-position-none blockquote cite::before {
6289
- display: none;
6290
- }
6291
-
6292
- /*
6293
- * Instagram Style
6294
- */
6295
-
6296
- .htmega-instragram {
6297
- text-align: center;
6298
- }
6299
-
6300
- .htmega-instragram ul.htmega-instagram-list {
6301
- padding: 0;
6302
- margin: 0;
6303
- list-style: none;
6304
- margin: 0 -5px;
6305
- }
6306
-
6307
- .htmega-instragram ul.htmega-instagram-list li {
6308
- float: left;
6309
- width: 25%;
6310
- padding: 0 5px;
6311
- margin-bottom: 10px;
6312
- overflow: hidden;
6313
- position: relative;
6314
- }
6315
- .htmega-instragram ul.htmega-instagram-list li img{
6316
- width: 100%;
6317
- }
6318
-
6319
- .htmega-instragram ul.htmega-instagram-list li a{
6320
- text-decoration: none;
6321
- }
6322
-
6323
- .htmegainstagram-column-1 .htmega-instragram ul.htmega-instagram-list li{
6324
- width: 100%;
6325
- }
6326
- .htmegainstagram-column-2 .htmega-instragram ul.htmega-instagram-list li{
6327
- width: 50%;
6328
- }
6329
- .htmegainstagram-column-3 .htmega-instragram ul.htmega-instagram-list li{
6330
- width: 33.33%;
6331
- }
6332
-
6333
- .htmegainstagram-column-5 .htmega-instragram ul.htmega-instagram-list li{
6334
- width: 20%;
6335
- }
6336
-
6337
- .htmegainstagram-column-6 .htmega-instragram ul.htmega-instagram-list li{
6338
- width: 16.66%;
6339
- }
6340
-
6341
- /*Follow Instagram Btn*/
6342
- a.instagram_follow_btn {
6343
- background: #f75876 none repeat scroll 0 0;
6344
- border: 0 none;
6345
- color: #fff;
6346
- display: inline-block;
6347
- font-size: 14px;
6348
- font-weight: 500;
6349
- margin-top: 70px;
6350
- text-decoration: none;
6351
- transition: all 0.4s ease-in-out 0s;
6352
- }
6353
-
6354
- a.instagram_follow_btn:hover {
6355
- opacity: 0.7;
6356
- color: #ffffff;
6357
- }
6358
-
6359
- a.instagram_follow_btn i {
6360
- background: #e4405f;
6361
- width: 42px;
6362
- height: 43px;
6363
- line-height: 42px;
6364
- font-size: 16px;
6365
- text-align: center;
6366
- }
6367
-
6368
- a.instagram_follow_btn span {
6369
- padding: 0 16px;
6370
- font-family: "Montserrat", sans-serif;
6371
- font-weight: 600;
6372
- height: 42px;
6373
- line-height: 42px;
6374
- }
6375
-
6376
- a.instagram_follow_btn.possition-center {
6377
- position: absolute;
6378
- top: 50%;
6379
- transform: translateY(-50%) translateX(-50%);
6380
- left: 50%;
6381
- background: #ffffff;
6382
- border-radius: 6px;
6383
- color: #000000;
6384
- }
6385
-
6386
- a.instagram_follow_btn.possition-center span {
6387
- padding: 0 24px;
6388
- }
6389
-
6390
- /* Instagram Style 01 */
6391
- .htmega-instragram ul.htmega-instagram-list {
6392
- margin: 0 -5px;
6393
- overflow: hidden;
6394
- display: flex;
6395
- flex-flow: row wrap;
6396
- }
6397
-
6398
- .htmega-instragram ul.htmega-instagram-list li > a {
6399
- display: block;
6400
- position: relative;
6401
- }
6402
-
6403
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip {
6404
- position: absolute;
6405
- top: 0;
6406
- left: 0;
6407
- width: 100%;
6408
- text-align: center;
6409
- z-index: 3;
6410
- height: 100%;
6411
- transition: 0.4s ease-in-out;
6412
- opacity: 0;
6413
- }
6414
-
6415
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip::before {
6416
- position: absolute;
6417
- background-color: rgba(0, 0, 0, 0.7);
6418
- content: "";
6419
- left: 10px;
6420
- top: 10px;
6421
- bottom: 10px;
6422
- right: 10px;
6423
- z-index: -1;
6424
- }
6425
-
6426
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-like-comment {
6427
- padding: 30px 0;
6428
- }
6429
-
6430
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-like-comment p {
6431
- color: #fff;
6432
- margin: 0 15px;
6433
- }
6434
-
6435
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn {
6436
- position: absolute;
6437
- top: 50%;
6438
- transform: translateY(-50%);
6439
- width: 100%;
6440
- }
6441
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn a{
6442
- display: inline-block;
6443
- }
6444
-
6445
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn a i {
6446
- color: #fff;
6447
- font-size: 43px;
6448
- }
6449
-
6450
- .htmega-instragram ul.htmega-instagram-list li:hover .instagram-clip {
6451
- opacity: 1;
6452
- }
6453
-
6454
- .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .zoom_icon{
6455
- display: inline-block;
6456
- }
6457
-
6458
-
6459
- /*Instagram Style 02*/
6460
- .htmega-instragram-style-2 ul.htmega-instagram-list li{
6461
- padding: 0;
6462
- margin: 0;
6463
- }
6464
- .htmega-instragram-style-2 ul.htmega-instagram-list{
6465
- margin: 0;
6466
- margin-left: -15px;
6467
- margin-right: -15px;
6468
- }
6469
-
6470
- .htmega-instragram-style-2 ul.htmega-instagram-list li {
6471
- margin: 0;
6472
- margin-bottom: 0;
6473
- overflow: hidden;
6474
- }
6475
-
6476
- .htmega-instragram-style-2 ul.htmega-instagram-list li a img {
6477
- transition: 0.3s ease-out;
6478
- transition-property: opacity, transform, filter;
6479
- width: 100%;
6480
- }
6481
-
6482
- .htmega-instragram-style-2 ul.htmega-instagram-list li:hover a img {
6483
- transform: scale3d(1.1, 1.1, 1);
6484
- opacity: 0.8;
6485
- }
6486
-
6487
- .htmega-instragram .slick-arrow {
6488
- position: absolute;
6489
- top: 45%;
6490
- left: -20px;
6491
- z-index: 2;
6492
- width: 30px;
6493
- height: 30px;
6494
- border-radius: 100%;
6495
- background: #f75876;
6496
- border: 1px solid #f75876;
6497
- color: #fff;
6498
- text-align: center;
6499
- transition: 0.4s ease-in-out;
6500
- opacity: 0;
6501
- padding: 0;
6502
- line-height: 1;
6503
- }
6504
-
6505
- .htmega-instragram .htmega-carosul-next.slick-arrow {
6506
- left: auto;
6507
- right: -20px;
6508
- }
6509
-
6510
- .htmega-instragram ul.htmega-instagram-list:hover .slick-arrow {
6511
- opacity: 1;
6512
- left: 0;
6513
- }
6514
-
6515
- .htmega-instragram ul.htmega-instagram-list:hover .htmega-carosul-next.slick-arrow {
6516
- opacity: 1;
6517
- right: 0;
6518
- left: auto;
6519
- }
6520
-
6521
- .htmega-instragram .slick-dots {
6522
- position: relative;
6523
- bottom: 0;
6524
- }
6525
- .htmega-instragram .slick-dots li {
6526
- border-radius: 100%;
6527
- display: inline-block;
6528
- height: 15px;
6529
- margin: 0 3px !important;
6530
- width: 15px !important;
6531
- background: #f75876;
6532
- float: none !important;
6533
- }
6534
- .htmega-instragram .slick-dots li button{
6535
- padding: 0;
6536
- }
6537
- .htmega-instragram .slick-dots li button::before{
6538
- display: none;
6539
- }
6540
- .htmega-instragram .slick-dots li.slick-active{
6541
- background: #000;
6542
- }
6543
-
6544
- .htmega-instragram-style-2 a.instagram_follow_btn{
6545
- position: absolute;
6546
- top: 50%;
6547
- transform: translateY(-50%) translateX(-50%);
6548
- left: 50%;
6549
- background: #ffffff;
6550
- border-radius: 6px;
6551
- color: #000000;
6552
- margin-top: 0;
6553
- }
6554
- .htmega-instragram-style-2 a.instagram_follow_btn i{
6555
- display: none;
6556
- }
6557
-
6558
- /*Instagram Style 03*/
6559
- .htmega-instragram-style-3 ul li {
6560
- position: relative;
6561
- }
6562
-
6563
- .htmega-instragram-style-3 ul li a img {
6564
- transition: all .15s ease-in-out;
6565
- }
6566
-
6567
- .htmega-instragram-style-3 ul li .instagram-clip {
6568
- position: absolute;
6569
- top: 0;
6570
- left: 0;
6571
- right: 0;
6572
- height: 50px;
6573
- background: rgba(255, 64, 95, 0.9);
6574
- display: flex;
6575
- justify-content: space-around;
6576
- -webkit-transform: translateY(-100%);
6577
- transform: translateY(-100%);
6578
- transition: all .15s ease-in-out;
6579
- color: #FFF;
6580
- height: 50px !important;
6581
- line-height: 50px;
6582
- }
6583
- .htmega-instragram-style-3 ul li .instagram-clip::before{
6584
- display: none;
6585
- }
6586
-
6587
- .htmega-instragram-style-3 ul li .instagram-clip .instagram-like-comment {
6588
- display: flex;
6589
- align-items: center;
6590
- padding: 0 !important;
6591
- }
6592
-
6593
- .htmega-instragram-style-3 ul li .instagram-clip .instagram-like-comment p {
6594
- margin: 0 15px;
6595
- }
6596
-
6597
- .htmega-instragram-style-3 ul li:hover .instagram-clip {
6598
- -webkit-transform: translateX(0);
6599
- transform: translateX(0);
6600
- }
6601
-
6602
- .htmega-instragram-style-3 ul li:hover a img {
6603
- opacity: .7;
6604
- -webkit-transform: scale(1.15) translate3d(0, 0, 0);
6605
- transform: scale(1.15) translate3d(0, 0, 0);
6606
- }
6607
-
6608
- .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content{
6609
- display: flex;
6610
- align-items: center;
6611
- }
6612
-
6613
- .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn{
6614
- position: static;
6615
- transform: translateY(0);
6616
- display: flex;
6617
- }
6618
- .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content .zoom_icon {
6619
- display: flex;
6620
- }
6621
-
6622
-
6623
- /* Instagram Style 04 */
6624
- .htmega-instragram-style-4 ul.htmega-instagram-list li {
6625
- margin: 0;
6626
- margin-bottom: 0;
6627
- overflow: hidden;
6628
- width: 25%;
6629
- }
6630
-
6631
- .htmega-instragram-style-4 ul.htmega-instagram-list li a img {
6632
- transition: 0.3s ease-out;
6633
- transition-property: opacity, transform, filter;
6634
- width: 100%;
6635
- }
6636
-
6637
- .htmega-instragram-style-4 ul.htmega-instagram-list li:hover a img {
6638
- transform: scale3d(1.2, 1.2, 1);
6639
- opacity: 0.6;
6640
- }
6641
-
6642
-
6643
- /*
6644
- * Switcher Style
6645
- */
6646
- .htmega-switcher-btn {
6647
- text-align: center;
6648
- }
6649
-
6650
- .htmega-switcher-nav {
6651
- display: inline-block !important;
6652
- background: #eeeeee;
6653
- border-radius: 30px;
6654
- overflow: hidden;
6655
- }
6656
-
6657
- .htmega-switcher-nav a {
6658
- display: inline-block;
6659
- color: #444444;
6660
- font-size: 14px;
6661
- font-weight: 600;
6662
- text-transform: uppercase;
6663
- padding: 18px 32px;
6664
- z-index: 1;
6665
- position: relative;
6666
- font-family: "Montserrat", sans-serif;
6667
- }
6668
- .htmega-switcher-nav a i{
6669
- margin-right: 5px;
6670
- }
6671
- .htmega-switcher-nav svg {
6672
- width: 20px;
6673
- float: left;
6674
- }
6675
-
6676
- .htmega-switcher-nav a::before {
6677
- height: 100%;
6678
- top: 0;
6679
- z-index: 0;
6680
- content: '';
6681
- width: 0;
6682
- position: absolute;
6683
- left: 0;
6684
- transition: all 300ms ease-out;
6685
- z-index: -1;
6686
- }
6687
-
6688
- .htmega-switcher-nav a.htb-active {
6689
- color: #ffffff;
6690
- }
6691
-
6692
- .htmega-switcher-nav a.htb-active::before {
6693
- width: 100%;
6694
- background-color: #ed552d;
6695
- }
6696
-
6697
- .htmega-switcher-toggle-title {
6698
- text-transform: uppercase;
6699
- font-weight: 600;
6700
- }
6701
-
6702
- .htmega-switcher-toggle{
6703
- margin: 20px 0 30px 0;
6704
- text-align: center;
6705
- font-weight: 400;
6706
- }
6707
-
6708
- .htmega-switch-toggle{
6709
- position: relative;
6710
- display: inline-block;
6711
- width: 60px;
6712
- height: 34px;
6713
- margin: 0 15px 0 15px;
6714
- line-height: 36px;
6715
- }
6716
-
6717
- .htmega-switcher-toggle i{
6718
- margin-right: 7px;
6719
- }
6720
-
6721
- .htmega-switche-toggle-slider{
6722
- border-radius: 34px;
6723
- position: absolute;
6724
- cursor: pointer;
6725
- top: 0;
6726
- left: 0;
6727
- right: 0;
6728
- bottom: 0;
6729
- background-color: #ccc;
6730
- -webkit-transition: .4s;
6731
- transition: .4s;
6732
- }
6733
-
6734
- input:checked+.htmega-switche-toggle-slider {
6735
- background-color: #2196F3;
6736
- }
6737
-
6738
- input:checked+.htmega-switche-toggle-slider:before {
6739
- -webkit-transform: translateX(26px);
6740
- -ms-transform: translateX(26px);
6741
- transform: translateX(26px);
6742
- }
6743
-
6744
- .htmega-switche-toggle-slider:before {
6745
- position: absolute;
6746
- border-radius: 50%;
6747
- content: "";
6748
- height: 26px;
6749
- width: 26px;
6750
- left: 4px;
6751
- bottom: 4px;
6752
- background-color: #fff;
6753
- -webkit-transition: .4s;
6754
- transition: .4s;
6755
- }
6756
-
6757
- .htmega-single-toggle-switch.toggle-tab-pane{
6758
- display: none;
6759
- }
6760
-
6761
- .htmega-single-toggle-switch.toggl-active{
6762
- display: block;
6763
- }
6764
-
6765
- /*
6766
- * User Register Style
6767
- */
6768
-
6769
- .htmega-register-wrapper form input{
6770
- padding: 0 15px;
6771
- width: 100%;
6772
- background: transparent;
6773
- border-radius: 0;
6774
- }
6775
-
6776
- .htmega-register-wrapper .alert {
6777
- margin:0 10px 15px;
6778
- }
6779
-
6780
- .htmega-user-login {
6781
- padding: 10px;
6782
- text-align: center;
6783
- }
6784
-
6785
- .htmega-register-wrapper label{
6786
- display: block;
6787
- }
6788
-
6789
- /* Register Style 01 */
6790
- .htmega-register-style-1 {
6791
- background: #fa4a79;
6792
- padding-bottom: 40px;
6793
- }
6794
-
6795
- .htmega-register-style-1 form {
6796
- padding: 0 30px 0;
6797
- }
6798
- .htmega-register-style-1 form textarea{
6799
- background: #fb5c87 none repeat scroll 0 0;
6800
- border-radius: 0;
6801
- border: 1px solid #ffffff;
6802
- }
6803
- .htmega-register-style-1 form input {
6804
- background: #fb5c87 none repeat scroll 0 0;
6805
- border: 1px solid #ffffff;
6806
- border-radius: 0;
6807
- color: #ffffff;
6808
- font-family: "Montserrat",sans-serif;
6809
- font-size: 12px;
6810
- font-weight: 300;
6811
- height: 50px;
6812
- margin-bottom: 30px;
6813
- }
6814
-
6815
- .htmega-register-style-1 form input[type="submit"] {
6816
- width: auto;
6817
- margin: 0 auto;
6818
- text-align: center;
6819
- background: #fff;
6820
- font-weight: 600;
6821
- color: #fa4a79;
6822
- margin-top: 10px;
6823
- font-size: 14px;
6824
- padding: 0 47px;
6825
- transition: 0.5s;
6826
- }
6827
-
6828
- .htmega-register-style-1 form input[type="submit"]:hover {
6829
- opacity: 0.7;
6830
- }
6831
-
6832
- .htmega-register-style-1 form input::-webkit-input-placeholder {
6833
- color: #ffffff;
6834
- }
6835
-
6836
- .htmega-register-style-1 form input::-moz-placeholder {
6837
- color: #ffffff;
6838
- }
6839
-
6840
- .htmega-register-style-1 form input:-ms-input-placeholder {
6841
- color: #ffffff;
6842
- }
6843
-
6844
- .htmega-register-style-1 form input:-moz-placeholder {
6845
- color: #ffffff;
6846
- }
6847
-
6848
- /* Register Style 02 */
6849
- .htmega-register-style-2 {
6850
- background: #7ca7f9;
6851
- padding: 0 80px 50px;
6852
- }
6853
-
6854
- .htmega-register-style-2 form label {
6855
- color: #666666;
6856
- font-weight: 400;
6857
- font-size: 12px;
6858
- margin-bottom: 8px;
6859
- font-family: "Montserrat", sans-serif;
6860
- }
6861
-
6862
- .htmega-register-style-2 form input {
6863
- border: 1px solid #ffffff;
6864
- padding: 0 20px;
6865
- color: #fff;
6866
- margin-bottom: 30px;
6867
- font-weight: 300;
6868
- font-family: "Montserrat", sans-serif;
6869
- }
6870
-
6871
- .htmega-register-style-2 form input[type="submit"] {
6872
- width: auto;
6873
- text-align: center;
6874
- background: #fff;
6875
- font-weight: 600;
6876
- color: #0056ff;
6877
- font-size: 14px;
6878
- padding: 0 47px;
6879
- transition: 0.5s;
6880
- height: 50px;
6881
- margin-top: 10px;
6882
- margin-bottom: 0;
6883
- }
6884
-
6885
- .htmega-register-style-2 form input[type="submit"]:hover {
6886
- opacity: 0.7;
6887
- }
6888
-
6889
- .htmega-register-style-2 form input::-webkit-input-placeholder {
6890
- color: #ffffff;
6891
- }
6892
-
6893
- .htmega-register-style-2 form input::-moz-placeholder {
6894
- color: #ffffff;
6895
- }
6896
-
6897
- .htmega-register-style-2 form input:-ms-input-placeholder {
6898
- color: #ffffff;
6899
- }
6900
-
6901
- .htmega-register-style-2 form input:-moz-placeholder {
6902
- color: #ffffff;
6903
- }
6904
-
6905
-
6906
- /* Register Style 03 */
6907
- .htmega-register-style-3 {
6908
- padding: 0 56px 100px;
6909
- text-align: center;
6910
- }
6911
-
6912
- .htmega-register-style-3 form .input_box {
6913
- display: flex;
6914
- margin-bottom: 30px;
6915
- align-items: center;
6916
- }
6917
-
6918
- .htmega-register-style-3 form .input_box i {
6919
- background: rgba(255, 255, 255, 0.3);
6920
- height: 70px;
6921
- padding: 0 20px;
6922
- font-weight: 400;
6923
- line-height: 70px;
6924
- color: #ffffff;
6925
- text-align: center;
6926
- font-size: 34px;
6927
- border-radius: 8px 0 0 8px;
6928
- }
6929
-
6930
- .htmega-register-style-3 form .input_box input {
6931
- background: rgba(255, 255, 255, 0.3);
6932
- border: 0 none;
6933
- margin-left: 2px;
6934
- height: 70px;
6935
- border-radius: 0 8px 8px 0;
6936
- padding: 0 50px;
6937
- color: #ffffff;
6938
- font-size: 16px;
6939
- font-family: "Poppins", sans-serif;
6940
- }
6941
-
6942
- .htmega-register-style-3 form .input_box input[type="submit"] {
6943
- border: 3px solid #fff;
6944
- border-radius: 8px;
6945
- color: #fff;
6946
- box-sizing: border-box;
6947
- height: 90px;
6948
- font-size: 24px;
6949
- font-weight: 600;
6950
- text-transform: uppercase;
6951
- margin-bottom: 51px;
6952
- font-family: "Montserrat", sans-serif;
6953
- transition: 0.5s;
6954
- }
6955
-
6956
- .htmega-register-style-3 form input[type="submit"] {
6957
- border: 3px solid #fff;
6958
- border-radius: 8px;
6959
- color: #fff;
6960
- box-sizing: border-box;
6961
- height: 90px;
6962
- font-size: 24px;
6963
- font-weight: 600;
6964
- text-transform: uppercase;
6965
- margin-bottom: 51px;
6966
- font-family: "Montserrat", sans-serif;
6967
- }
6968
-
6969
- .htmega-register-style-3 form input[type="submit"]:hover {
6970
- background: #ffffff !important;
6971
- color: #18012c;
6972
- }
6973
-
6974
- .htmega-register-style-3 .login a {
6975
- border: 3px solid #ffffff;
6976
- display: block;
6977
- height: 90px;
6978
- line-height: 90px;
6979
- color: #fff;
6980
- font-size: 24px;
6981
- font-weight: 600;
6982
- border-radius: 8px;
6983
- margin-top: 56px;
6984
- transition: 0.5s;
6985
- font-family: "Montserrat", sans-serif;
6986
- text-decoration: none;
6987
- }
6988
-
6989
- .htmega-register-style-3 .login a:hover {
6990
- background: #ffffff;
6991
- color: #18012c;
6992
- }
6993
-
6994
- .htmega-register-style-3 .separator span {
6995
- color: #ffffff;
6996
- font-size: 24px;
6997
- font-weight: 500;
6998
- padding: 0 24px;
6999
- background: transparent;
7000
- position: relative;
7001
- z-index: 99;
7002
- display: block;
7003
- font-family: "Montserrat", sans-serif;
7004
- }
7005
-
7006
- .htmega-register-style-3 .separator span::before {
7007
- content: "";
7008
- width: 130px;
7009
- height: 1px;
7010
- left: 0;
7011
- top: 50%;
7012
- background: #fff;
7013
- position: absolute;
7014
- display: block;
7015
- }
7016
-
7017
- .htmega-register-style-3 .separator span::after {
7018
- background: #fff;
7019
- position: absolute;
7020
- content: "";
7021
- width: 130px;
7022
- height: 1px;
7023
- right: 0;
7024
- top: 50%;
7025
- }
7026
-
7027
- .htmega-register-style-3 form input[type="submit"]:hover {
7028
- background: #fff;
7029
- color: #18012c;
7030
- }
7031
-
7032
- .htmega-register-style-3 form input::-webkit-input-placeholder {
7033
- color: #ffffff;
7034
- }
7035
-
7036
- .htmega-register-style-3 form input::-moz-placeholder {
7037
- color: #ffffff;
7038
- }
7039
-
7040
- .htmega-register-style-3 form input:-ms-input-placeholder {
7041
- color: #ffffff;
7042
- }
7043
-
7044
- .htmega-register-style-3 form input:-moz-placeholder {
7045
- color: #ffffff;
7046
- }
7047
-
7048
-
7049
- /* Register Style 04 */
7050
-
7051
- .htmega-register-style-4 {
7052
- padding: 0px 40px;
7053
- }
7054
-
7055
- .htmega-register-style-4 form input {
7056
- margin-bottom: 17px;
7057
- border: 0 none;
7058
- border-bottom: 1px solid #687ea5;
7059
- padding: 0;
7060
- color: #687ea5;
7061
- font-size: 12px;
7062
- font-weight: 300;
7063
- font-family: "Montserrat", sans-serif;
7064
- }
7065
-
7066
- .htmega-register-style-4 form input[type="submit"] {
7067
- background: #0056ff;
7068
- color: #fff;
7069
- width: auto;
7070
- height: 50px;
7071
- padding: 0 40px;
7072
- border: 0 none;
7073
- font-size: 14px;
7074
- text-transform: uppercase;
7075
- border-radius: 25px;
7076
- transition: 0.5s;
7077
- margin-top: 10px;
7078
- }
7079
-
7080
- .htmega-register-style-4 form input[type="submit"]:hover {
7081
- opacity: 0.7;
7082
- }
7083
-
7084
- .htmega-register-style-4 form input::-webkit-input-placeholder {
7085
- color: #687ea5;
7086
- }
7087
-
7088
- .htmega-register-style-4 form input::-moz-placeholder {
7089
- color: #687ea5;
7090
- }
7091
-
7092
- .htmega-register-style-4 form input:-ms-input-placeholder {
7093
- color: #687ea5;
7094
- }
7095
-
7096
- .htmega-register-style-4 form input:-moz-placeholder {
7097
- color: #687ea5;
7098
- }
7099
-
7100
-
7101
- /* Register Style 05 */
7102
- .register-container {
7103
- background: #fff;
7104
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
7105
- padding: 50px 70px;
7106
- }
7107
-
7108
- .register-top {
7109
- display: flex;
7110
- justify-content: space-between;
7111
- margin-bottom: 33px;
7112
- align-items: center;
7113
- }
7114
-
7115
- .register-top .register-top-left h2 {
7116
- color: #000000;
7117
- font-size: 16px;
7118
- margin: 0;
7119
- font-weight: 600;
7120
- }
7121
-
7122
- .register-top .register-top-right {
7123
- display: flex;
7124
- justify-content: space-between;
7125
- }
7126
-
7127
- .register-top .register-top-right p {
7128
- margin: 0;
7129
- color: #b1b1b1;
7130
- margin-right: 30px;
7131
- font-size: 14px;
7132
- }
7133
-
7134
- .register-top .register-top-right a {
7135
- background: #eff1f2;
7136
- height: 30px;
7137
- line-height: 30px;
7138
- color: #000000;
7139
- padding: 0 14px;
7140
- transition: 0.5s;
7141
- }
7142
-
7143
- .register-top .register-top-right a:hover {
7144
- background: #18012c;
7145
- color: #ffffff;
7146
- }
7147
-
7148
- .htmega-register-style-5 {
7149
- text-align: center;
7150
- }
7151
-
7152
- .htmega-register-style-5 form input {
7153
- border: 1px solid #f1f1f1;
7154
- height: 45px;
7155
- margin-bottom: 30px;
7156
- padding: 0 20px;
7157
- color: #757575;
7158
- font-weight: 300;
7159
- font-size: 12px;
7160
- }
7161
-
7162
- .htmega-register-style-5 form input[type="submit"] {
7163
- background: #0056ff;
7164
- width: auto;
7165
- color: #fff;
7166
- height: 48px;
7167
- padding: 0 40px;
7168
- color: #ffffff;
7169
- font-size: 14px;
7170
- font-weight: 600;
7171
- margin-bottom: 50px;
7172
- transition: 0.5s;
7173
- margin-top: 12px;
7174
- }
7175
-
7176
- .htmega-register-style-5 form input[type="submit"]:hover {
7177
- background: #18012c;
7178
- color: #ffffff;
7179
- }
7180
-
7181
- .htmega-register-style-5 form input::-webkit-input-placeholder {
7182
- color: #757575;
7183
- }
7184
-
7185
- .htmega-register-style-5 form input::-moz-placeholder {
7186
- color: #757575;
7187
- }
7188
-
7189
- .htmega-register-style-5 form input:-ms-input-placeholder {
7190
- color: #757575;
7191
- }
7192
-
7193
- .htmega-register-style-5 form input:-moz-placeholder {
7194
- color: #757575;
7195
- }
7196
-
7197
- .htmega-register-style-5 form input:focus {
7198
- border: 1px solid #18012c;
7199
- }
7200
-
7201
- .htmega-register-style-4 form input:focus {
7202
- border: 0 none;
7203
- border-bottom: 1px solid #18012c;
7204
- }
7205
-
7206
-
7207
- /*
7208
- * Tab Style
7209
- */
7210
-
7211
-
7212
- /*Tab Style 01*/
7213
- .htmega-tab-nav a {
7214
- color: #575757;
7215
- font-size: 14px;
7216
- font-weight: 500;
7217
- padding: 0 16px;
7218
- height: 34px;
7219
- background: transparent;
7220
- line-height: 34px;
7221
- transition: 0.5s;
7222
- margin: 0 9px;
7223
- margin-bottom: 20px;
7224
- }
7225
- .htmega-tab-nav svg {
7226
- width: 20px;
7227
- float: left;
7228
- margin-top: 5px;
7229
- }
7230
-
7231
- .htmega-tab-nav a i,.htmega-tab-nav a svg{
7232
- margin-right: 10px;
7233
- }
7234
-
7235
- .htmega-tab-nav a.htb-active {
7236
- background: #575757;
7237
- color: #fff;
7238
- }
7239
-
7240
- .tab-content .htmega-single-tab {
7241
- margin-top: 20px;
7242
- }
7243
-
7244
- .htmega-tab-image{
7245
- overflow: hidden;
7246
- }
7247
-
7248
- /*Tab Style 02*/
7249
- .htmega-tab-menu-style-2 a {
7250
- color: #575757;
7251
- font-weight: 600;
7252
- font-size: 14px;
7253
- margin: 0 25px;
7254
- margin-bottom: 20px;
7255
- padding: 0;
7256
- padding-bottom: 10px;
7257
- position: relative;
7258
- background: transparent;
7259
- }
7260
- .htmega-tab-menu-style-2 a.htb-active{
7261
- background: transparent;
7262
- color: #575757;
7263
- }
7264
-
7265
- .htmega-tab-menu-style-2 a::before {
7266
- position: absolute;
7267
- content: "";
7268
- left: 0;
7269
- height: 1px;
7270
- width: 0;
7271
- bottom: 0;
7272
- background: #575757;
7273
- transition: 0.4s ease-in-out;
7274
- }
7275
-
7276
- .htmega-tab-menu-style-2 a.htb-active::before {
7277
- width: 100%;
7278
- }
7279
-
7280
- /*Tab Style 03*/
7281
- .htmega-tab-menu-style-3 {
7282
- border-bottom: 1px solid #e3e3e3;
7283
- margin-bottom: 18px;
7284
- }
7285
-
7286
- .htmega-tab-menu-style-3 a {
7287
- color: #575757;
7288
- font-size: 14px;
7289
- font-weight: 600;
7290
- padding: 0;
7291
- padding: 0 24px;
7292
- background: #e3e3e3;
7293
- height: 40px;
7294
- line-height: 39px;
7295
- margin: 0 10px;
7296
- margin-bottom: -1px;
7297
- border: 1px solid;
7298
- transition: 0.4s ease-in-out;
7299
- border-color: #e3e3e3 #e3e3e3 #ffffff;
7300
- }
7301
-
7302
- .htmega-tab-menu-style-3 a.htb-active {
7303
- background: transparent;
7304
- border: 1px solid;
7305
- border-color: #e3e3e3 #e3e3e3 #ffffff;
7306
- color: #575757;
7307
- }
7308
-
7309
- .htmega-tab-style-3 .htmega-single-tab p {
7310
- color: #494849;
7311
- font-size: 16px;
7312
- line-height: 28px;
7313
- margin-top: 23px;
7314
- }
7315
-
7316
- /* Tab Style 04 */
7317
- .htmega-tab-menu-style-4 a {
7318
- background: #575757;
7319
- padding: 0 25px;
7320
- height: 40px;
7321
- line-height: 40px;
7322
- border-radius: 5px;
7323
- color: #ffffff;
7324
- margin: 0 10px;
7325
- margin-bottom: 20px;
7326
- font-weight: 600;
7327
- font-size: 14px;
7328
- }
7329
-
7330
- .htmega-tab-menu-style-4 a.htb-active {
7331
- background: #ed552d;
7332
- }
7333
-
7334
- /*Tab Style 05*/
7335
- .htmega-tab-style-5 {
7336
- align-items: center;
7337
- display: flex;
7338
- flex-wrap: wrap;
7339
- }
7340
- .htmega-tab-style-5 .htmega-tab-nav{
7341
- flex: 0 0 25%;
7342
- max-width: 25%;
7343
- padding-left: 15px;
7344
- padding-right: 0px;
7345
- }
7346
- .htmega-tab-style-5 .htmega-tab-content-area {
7347
- flex: 0 0 75%;
7348
- max-width: 75%;
7349
- padding-left: 15px;
7350
- padding-right: 15px;
7351
- }
7352
-
7353
- .htmega-tab-menu-style-5 {
7354
- display: flex;
7355
- flex-direction: column;
7356
- height: 100%;
7357
- justify-content: center;
7358
- }
7359
- .htmega-tab-style-5 .htmega-tab-content-area{
7360
- border-left: 1px solid #e3e3e3;
7361
- }
7362
-
7363
- .htmega-tab-menu-style-5 {
7364
- display: block;
7365
- }
7366
-
7367
- .htmega-tab-menu-style-5 a {
7368
- border-left: 1px solid #e3e3e3;
7369
- border-right: 1px solid transparent;
7370
- border-top: 1px solid #e3e3e3;
7371
- color: #575757;
7372
- font-weight: 500;
7373
- margin: 0;
7374
- padding: 0;
7375
- text-align: center;
7376
- transition: all 0.4s ease-in-out 0s;
7377
- }
7378
-
7379
- .htmega-tab-menu-style-5 a:last-child {
7380
- border-bottom: 1px solid #e3e3e3;
7381
- }
7382
-
7383
- .htmega-tab-menu-style-5 a.htb-active {
7384
- background: #e3e3e3;
7385
- color: #575757;
7386
- }
7387
-
7388
- .htmega_tab_service .htmega-service-style-7:hover .content h4, .htmega_tab_service .htmega-service-style-7:hover .content p, .htmega_tab_service .htmega-service-style-7:hover .icon i {
7389
- color: #8f8f8f !important;
7390
- }
7391
- .htmega_tab_service .htmega-service-style-7:hover .icon i{
7392
- color: #ed552d !important;
7393
- }
7394
- .htmega_tab_service .htmega-service-style-7::before{
7395
- display: none;
7396
- }
7397
-
7398
-
7399
- /*
7400
- *Work Process Style
7401
- */
7402
- .htmega-process-area {
7403
- background-size: 80% auto;
7404
- }
7405
-
7406
- .htmega-column {
7407
- display: flex;
7408
- flex-wrap: wrap;
7409
- }
7410
- .htmega-column .htmega-single-process-area{
7411
- padding-right: 15px;
7412
- padding-left: 15px;
7413
- }
7414
-
7415
- .htmega-process-column-1 .htmega-single-process-area{
7416
- flex: 0 0 100%;
7417
- max-width: 100%;
7418
- }
7419
-
7420
- .htmega-process-column-2 .htmega-single-process-area{
7421
- flex: 0 0 50%;
7422
- max-width: 50%;
7423
- }
7424
-
7425
- .htmega-process-column-3 .htmega-single-process-area{
7426
- flex: 0 0 33.333%;
7427
- max-width: 33.333%;
7428
- }
7429
-
7430
- .htmega-process-column-4 .htmega-single-process-area{
7431
- flex: 0 0 25%;
7432
- max-width: 25%;
7433
- }
7434
-
7435
- .htmega-process-column-5 .htmega-single-process-area{
7436
- flex: 0 0 20%;
7437
- max-width: 20%;
7438
- }
7439
-
7440
- /* Work Process Style 01 */
7441
- .htmega-single-process {
7442
- text-align: center;
7443
- }
7444
-
7445
- .htmega-single-process .icon {
7446
- width: 116px;
7447
- height: 116px;
7448
- margin: 0 auto;
7449
- background: #fff;
7450
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
7451
- line-height: 116px;
7452
- text-align: center;
7453
- border-radius: 100%;
7454
- display: flex;
7455
- align-items: center;
7456
- justify-content: center;
7457
- transition: all 0.3s ease-in-out;
7458
- }
7459
-
7460
- .htmega-single-process .htmega-content h4 {
7461
- color: #555555;
7462
- font-size: 19px;
7463
- font-weight: 600;
7464
- margin: 0;
7465
- margin-top: 36px;
7466
- }
7467
-
7468
- /* Work Process Style 2 */
7469
- .htmega-process-style-2 {
7470
- text-align: center;
7471
- }
7472
-
7473
- .htmega-process-style-2 .htmega-number {
7474
- margin-bottom: 24px;
7475
- }
7476
-
7477
- .htmega-process-style-2 .htmega-number span {
7478
- width: 70px;
7479
- height: 70px;
7480
- background: #fff;
7481
- display: inline-block;
7482
- line-height: 70px;
7483
- font-size: 24px;
7484
- font-weight: 600;
7485
- color: #5a5a5a;
7486
- border-radius: 14px;
7487
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
7488
- }
7489
-
7490
- .htmega-process-style-2 .htmega-content h4 {
7491
- color: #383838;
7492
- font-size: 18px;
7493
- margin-bottom: 18px;
7494
- }
7495
-
7496
- .htmega-process-style-2 .htmega-content p {
7497
- color: #494849;
7498
- font-size: 14px;
7499
- line-height: 28px;
7500
- padding: 0 10%;
7501
- margin: 0;
7502
- }
7503
-
7504
- .htmega-process-style-2 .htmega-number {
7505
- position: relative;
7506
- }
7507
-
7508
- .htmega-process-style-2 .htmega-number::before {
7509
- position: absolute;
7510
- content: "";
7511
- background-image: url('');
7512
- right: -129px;
7513
- top: 50%;
7514
- width: 236px;
7515
- height: 2px;
7516
- }
7517
-
7518
- .htmega-process-style-2 .htmega-single-process-area:last-child .htmega-number::before {
7519
- display: none;
7520
- }
7521
-
7522
- /* Work Process Style 3 */
7523
- .htmega-process-style-3 {
7524
- position: relative;
7525
- margin-top: 30px;
7526
- }
7527
-
7528
- .htmega-process-style-3::before {
7529
- content: "";
7530
- position: absolute;
7531
- left: 50%;
7532
- top: 0;
7533
- width: 2px;
7534
- background: #e51515;
7535
- height: 100%;
7536
- margin-left: -1px;
7537
- }
7538
-
7539
- .htmega-process-style-3 .htmega-single-process {
7540
- display: -webkit-box;
7541
- display: -webkit-flex;
7542
- display: -moz-flex;
7543
- display: -ms-flexbox;
7544
- display: flex;
7545
- -webkit-box-pack: justify;
7546
- -ms-flex-pack: justify;
7547
- -webkit-justify-content: space-between;
7548
- -moz-justify-content: space-between;
7549
- justify-content: space-between;
7550
- padding: 30px 0;
7551
- }
7552
-
7553
- .htmega-process-style-3 .htmega-single-process .icon {
7554
- align-self: baseline;
7555
- box-shadow: none;
7556
- height: auto;
7557
- line-height: 1;
7558
- padding: 0 30px;
7559
- position: relative;
7560
- text-align: right;
7561
- width: 50%;
7562
- background: transparent;
7563
- }
7564
-
7565
- .htmega-process-style-3 .htmega-single-process .icon::before {
7566
- position: absolute;
7567
- content: "";
7568
- right: 0px;
7569
- top: 50%;
7570
- margin-top: -15px;
7571
- height: 15px;
7572
- width: 15px;
7573
- border-top: 10px solid transparent;
7574
- border-right: 15px solid red;
7575
- border-bottom: 10px solid transparent;
7576
- border-left: 15px solid transparent;
7577
- }
7578
-
7579
- .htmega-process-style-3 .htmega-single-process .icon img {
7580
- display: inline-block;
7581
- -webkit-border-radius: 100%;
7582
- -moz-border-radius: 100%;
7583
- -ms-border-radius: 100%;
7584
- -o-border-radius: 100%;
7585
- border-radius: 100%;
7586
- }
7587
-
7588
- .htmega-process-style-3 .htmega-content {
7589
- padding-left: 30px;
7590
- text-align: left;
7591
- width: 50%;
7592
- }
7593
-
7594
- .htmega-process-style-3 .htmega-content h4 {
7595
- font-size: 22px;
7596
- font-weight: 500;
7597
- color: #494849;
7598
- margin-bottom: 15px;
7599
- }
7600
-
7601
- .htmega-process-style-3 .htmega-content p {
7602
- font-size: 14px;
7603
- color: #494849;
7604
- line-height: 28px;
7605
- }
7606
-
7607
- .htmega-process-style-3 .htmega-single-process.process-reverse {
7608
- -webkit-box-direction: reverse;
7609
- -webkit-box-orient: horizontal;
7610
- -webkit-flex-direction: row-reverse;
7611
- -moz-flex-direction: row-reverse;
7612
- -ms-flex-direction: row-reverse;
7613
- flex-direction: row-reverse;
7614
- }
7615
-
7616
- .htmega-process-style-3 .htmega-single-process.process-reverse .icon {
7617
- text-align: left;
7618
- }
7619
-
7620
- .htmega-process-style-3 .htmega-single-process.process-reverse .icon::before {
7621
- right: auto;
7622
- left: 0;
7623
- border-left: 15px solid red;
7624
- border-right: 15px solid transparent;
7625
- }
7626
-
7627
- .htmega-process-style-3 .htmega-single-process.process-reverse .htmega-content {
7628
- padding-left: 0;
7629
- padding-right: 30px;
7630
- text-align: right;
7631
- }
7632
-
7633
-
7634
- /*Work Process Style 4 */
7635
- .htmega-process-style-4 {
7636
- background-position: center center;
7637
- background-repeat: no-repeat;
7638
- height: 570px;
7639
- position: relative;
7640
- width: 590px;
7641
- }
7642
-
7643
- .htmega-process-style-4 .htmega-single-process-area{
7644
- align-items: center;
7645
- background: #52b6bc none repeat scroll 0 0;
7646
- border-radius: 100%;
7647
- display: flex;
7648
- height: 190px;
7649
- justify-content: center;
7650
- text-align: center;
7651
- width: 190px;
7652
- position: absolute;
7653
- }
7654
-
7655
- .htmega-process-style-4 .htmega-single-process-area:nth-child(1) {
7656
- left: 0;
7657
- margin: auto;
7658
- right: 0;
7659
- }
7660
-
7661
- .htmega-process-style-4 .htmega-single-process-area:nth-child(2) {
7662
- right: 0;
7663
- top: 190px;
7664
- }
7665
-
7666
- .htmega-process-style-4 .htmega-single-process-area:nth-child(3) {
7667
- bottom: 0;
7668
- left: 0;
7669
- margin: auto;
7670
- right: 0;
7671
- }
7672
-
7673
- .htmega-process-style-4 .htmega-single-process-area:nth-child(4) {
7674
- left: 0;
7675
- top: 190px;
7676
- }
7677
-
7678
- .htmega-process-style-4 .htmega-single-process .icon {
7679
- box-shadow: none;
7680
- height: auto;
7681
- line-height: 1;
7682
- opacity: 0;
7683
- position: absolute;
7684
- right: 0;
7685
- top: -36px;
7686
- transition: all 0.3s ease 0s;
7687
- width: auto;
7688
- background: transparent;
7689
- }
7690
-
7691
- .htmega-process-style-4 .htmega-single-process .icon img {
7692
- border: 3px solid #52b6bc;
7693
- border-radius: 100%;
7694
- }
7695
-
7696
- .htmega-process-style-4 .htmega-content p {
7697
- color: #fff;
7698
- font-family: 'Courgette', cursive;
7699
- font-size: 20px;
7700
- line-height: 26px;
7701
- margin: 0;
7702
- padding: 0 12px;
7703
- }
7704
-
7705
- .htmega-process-style-4 .htmega-single-process.open .icon {
7706
- opacity: 1;
7707
- }
7708
-
7709
- .htmega-process-style-4 .htmega-single-process-area:hover .icon {
7710
- opacity: 1;
7711
- }
7712
-
7713
- /*
7714
- * Modal Style
7715
- */
7716
- .htmega-modal-btn button {
7717
- background: #0056ff;
7718
- border: 0 none;
7719
- color: #fff;
7720
- border-radius: 8px;
7721
- height: 58px;
7722
- line-height: 58px;
7723
- color: #ffffff;
7724
- font-size: 16px;
7725
- font-weight: 600;
7726
- font-family: "Montserrat", sans-serif;
7727
- transition: 0.4s;
7728
- padding-top: 0;
7729
- padding-bottom: 0;
7730
- }
7731
- .htmega-modal-btn svg {
7732
- width: 20px;
7733
- margin-right: 10px;
7734
- margin-top: 16px;
7735
- float: left;
7736
- }
7737
- .htmega-modal-area .htb-modal-header h5{
7738
- margin: 0;
7739
- }
7740
-
7741
- .htmega-modal-area .htb-modal-footer {
7742
- justify-content: space-between;
7743
- align-items: center;
7744
- }
7745
-
7746
-
7747
-
7748
- /*
7749
- * Flipbox Style Css
7750
- */
7751
-
7752
- .flipbox-icon{
7753
- display: inline-block;
7754
- }
7755
- .flipbox-icon svg {
7756
- width: 20px;
7757
- }
7758
-
7759
- .htmega-flip-box-front,.htmega-flip-box-back{
7760
- background-color: #f3f3f3;
7761
- }
7762
-
7763
- .htmega-flip-box-animation-right .htmega-flip-box-front {
7764
- -webkit-transform: rotateY(0deg);
7765
- -moz-transform: rotateY(0deg);
7766
- -o-transform: rotateY(0deg);
7767
- -ms-transform: rotateY(0deg);
7768
- transform: rotateY(0deg);
7769
- background-color: #f3f3f3;
7770
- }
7771
- .htmega-flip-box-animation-right:hover .htmega-flip-box-front {
7772
- -webkit-transform: rotateY(-180deg);
7773
- -moz-transform: rotateY(-180deg);
7774
- -o-transform: rotateY(-180deg);
7775
- -ms-transform: rotateY(-180deg);
7776
- transform: rotateY(-180deg);
7777
- }
7778
- .htmega-flip-box-animation-right .htmega-flip-box-back {
7779
- background: rgba( 237, 85, 45, 0.8 );
7780
- -webkit-transform: rotateY(180deg);
7781
- -moz-transform: rotateY(180deg);
7782
- -o-transform: rotateY(180deg);
7783
- -ms-transform: rotateY(180deg);
7784
- transform: rotateY(180deg);
7785
- }
7786
- .htmega-flip-box-animation-right:hover .htmega-flip-box-back {
7787
- -webkit-transform: rotateY(0deg);
7788
- -moz-transform: rotateY(0deg);
7789
- -o-transform: rotateY(0deg);
7790
- -ms-transform: rotateY(0deg);
7791
- transform: rotateY(0deg);
7792
- transform-style: preserve-3d;
7793
- }
7794
-
7795
- .htmega-flip-box-animation-left .htmega-flip-box-front,.htmega-flip-box-animation-left:hover .htmega-flip-box-back {
7796
- -webkit-transform: rotateY(0deg);
7797
- -moz-transform: rotateY(0deg);
7798
- -o-transform: rotateY(0deg);
7799
- -ms-transform: rotateY(0deg);
7800
- transform: rotateY(0deg);
7801
- background-color: #f3f3f3;
7802
- }
7803
- .htmega-flip-box-animation-left:hover .htmega-flip-box-front {
7804
- -webkit-transform: rotateY(180deg);
7805
- -moz-transform: rotateY(180deg);
7806
- -o-transform: rotateY(180deg);
7807
- -ms-transform: rotateY(180deg);
7808
- transform: rotateY(180deg);
7809
- }
7810
- .htmega-flip-box-animation-left .htmega-flip-box-back {
7811
- background: rgba( 237, 85, 45, 0.8 );
7812
- -webkit-transform: rotateY(-180deg);
7813
- -moz-transform: rotateY(-180deg);
7814
- -o-transform: rotateY(-180deg);
7815
- -ms-transform: rotateY(-180deg);
7816
- transform: rotateY(-180deg);
7817
- }
7818
-
7819
- .htmega-flip-box-animation-top .htmega-flip-box-front,.htmega-flip-box-animation-top:hover .htmega-flip-box-back {
7820
- -webkit-transform: rotateX(0deg);
7821
- -moz-transform: rotateX(0deg);
7822
- -o-transform: rotateX(0deg);
7823
- -ms-transform: rotateX(0deg);
7824
- transform: rotateX(0deg);
7825
- }
7826
- .htmega-flip-box-animation-top:hover .htmega-flip-box-front {
7827
- -webkit-transform: rotateX(-180deg);
7828
- -moz-transform: rotateX(-180deg);
7829
- -o-transform: rotateX(-180deg);
7830
- -ms-transform: rotateX(-180deg);
7831
- transform: rotateX(-180deg);
7832
- }
7833
- .htmega-flip-box-animation-top .htmega-flip-box-back {
7834
- -webkit-transform: rotateX(180deg);
7835
- -moz-transform: rotateX(180deg);
7836
- -o-transform: rotateX(180deg);
7837
- -ms-transform: rotateX(180deg);
7838
- transform: rotateX(180deg);
7839
- z-index: 1;
7840
- }
7841
-
7842
- .htmega-flip-box-animation-bottom .htmega-flip-box-front,.htmega-flip-box-animation-bottom:hover .htmega-flip-box-back {
7843
- -webkit-transform: rotateX(0deg);
7844
- -moz-transform: rotateX(0deg);
7845
- -o-transform: rotateX(0deg);
7846
- -ms-transform: rotateX(0deg);
7847
- transform: rotateX(0deg);
7848
- }
7849
- .htmega-flip-box-animation-bottom:hover .htmega-flip-box-front {
7850
- -webkit-transform: rotateX(180deg);
7851
- -moz-transform: rotateX(180deg);
7852
- -o-transform: rotateX(180deg);
7853
- -ms-transform: rotateX(180deg);
7854
- transform: rotateX(180deg);
7855
- }
7856
- .htmega-flip-box-animation-bottom .htmega-flip-box-back {
7857
- -webkit-transform: rotateX(-180deg);
7858
- -moz-transform: rotateX(-180deg);
7859
- -o-transform: rotateX(-180deg);
7860
- -ms-transform: rotateX(-180deg);
7861
- transform: rotateX(-180deg);
7862
- z-index: 1;
7863
- }
7864
-
7865
- .htmega-flip-box-area .flp-btn {
7866
- display: inline-block;
7867
- margin-top: 20px;
7868
- }
7869
-
7870
- .htmega-flip-box-area .flp-btn a {
7871
- color: #ffffff;
7872
- font-family: "Montserrat", sans-serif;
7873
- font-weight: 700;
7874
- font-size: 14px;
7875
- display: inline-block;
7876
- border-bottom: 1px solid #ffffff;
7877
- text-decoration: none;
7878
- }
7879
-
7880
- /* Flipbox Style 01 */
7881
- .htmega-flip-box-area {
7882
- -webkit-perspective: 1000;
7883
- -moz-perspective: 1000;
7884
- -ms-perspective: 1000;
7885
- perspective: 1000;
7886
- -webkit-transform: perspective(1000px);
7887
- -moz-transform: perspective(1000px);
7888
- -ms-transform: perspective(1000px);
7889
- transform: perspective(1000px);
7890
- -webkit-transform-style: preserve-3d;
7891
- -moz-transform-style: preserve-3d;
7892
- -ms-transform-style: preserve-3d;
7893
- transform-style: preserve-3d;
7894
- position: relative;
7895
- height: 380px;
7896
- line-height: 1;
7897
- }
7898
-
7899
- .htmega-flip-box-front,
7900
- .htmega-flip-box-back {
7901
- width: 100%;
7902
- height: 100%;
7903
- }
7904
-
7905
- .htmega-flip-box-front,.htmega-flip-box-back {
7906
- background-size: cover;
7907
- background-position: center center;
7908
- -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
7909
- transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
7910
- -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
7911
- overflow: hidden;
7912
- position: absolute;
7913
- top: 0;
7914
- -webkit-backface-visibility: hidden;
7915
- backface-visibility: hidden;
7916
- transform-style: preserve-3d;
7917
- z-index: 1;
7918
- }
7919
-
7920
- .front-container,.back-container {
7921
- padding: 40px;
7922
- text-align: center;
7923
- position: relative;
7924
- top: 50%;
7925
- -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
7926
- transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
7927
- -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
7928
- -webkit-transform: translateY(-50%) translateX(0px) scale(1);
7929
- -ms-transform: translateY(-50%) translateX(0px) scale(1);
7930
- transform: translateY(-50%) translateX(0px) scale(1);
7931
- transform-style: preserve-3d;
7932
- z-index: 2;
7933
- height: 100%;
7934
- display: flex;
7935
- align-items: center;
7936
- justify-content: center;
7937
- flex-direction: column;
7938
- }
7939
-
7940
- .htmega-flip-box-area .back-container {
7941
- padding: 40px;
7942
- text-align: center;
7943
- position: relative;
7944
- top: 50%;
7945
- z-index: 2;
7946
- }
7947
-
7948
- .htmega-flip-box-area .front-container span {
7949
- color: #636363;
7950
- font-size: 50px;
7951
- }
7952
-
7953
- .front-container h2 {
7954
- color: #4a4a4a;
7955
- font-size: 22px;
7956
- font-weight: 400;
7957
- margin: 0;
7958
- margin-top: 22px;
7959
- }
7960
-
7961
- .back-container span {
7962
- color: #efefef;
7963
- font-size: 50px;
7964
- display: block;
7965
- margin-bottom: 28px;
7966
- }
7967
-
7968
- .back-container h2 {
7969
- color: #ffffff;
7970
- font-size: 22px;
7971
- font-weight: 400;
7972
- margin-bottom: 18px;
7973
- }
7974
-
7975
- .back-container p,.front-container p {
7976
- color: #ffffff;
7977
- font-size: 14px;
7978
- line-height: 26px;
7979
- margin: 0;
7980
- }
7981
- .htmega-flip-box-back {
7982
- background-position: center center;
7983
- background-repeat: no-repeat;
7984
- background-size: cover;
7985
- }
7986
-
7987
- .htmega-flip-overlay {
7988
- display: block;
7989
- background-color: transparent;
7990
- width: 100%;
7991
- height: 100%;
7992
- position: absolute;
7993
- top: 0;
7994
- z-index: 0;
7995
- }
7996
-
7997
-
7998
- /* Flipbox Style 02 */
7999
- .htmega-flip-box-style-2 .htmega-flip-box-back span,.htmega-flip-box-style-2 .htmega-flip-box-front span {
8000
- margin-bottom: 26px;
8001
- display: inline-block;
8002
- padding-bottom: 30px;
8003
- position: relative;
8004
- }
8005
-
8006
- .htmega-flip-box-style-2 .htmega-flip-box-back span i,.htmega-flip-box-style-2 .htmega-flip-box-front span i {
8007
- color: #fff;
8008
- font-size: 70px;
8009
- }
8010
-
8011
- .htmega-flip-box-style-2 .htmega-flip-box-back span::before,.htmega-flip-box-style-2 .htmega-flip-box-front span::before {
8012
- position: absolute;
8013
- content: "";
8014
- background: #fff;
8015
- width: 30px;
8016
- height: 1px;
8017
- bottom: 0;
8018
- left: 50%;
8019
- transform: translateX(-50%);
8020
- }
8021
-
8022
- .htmega-flip-box-style-2 .htmega-flip-box-back span::after,.htmega-flip-box-style-2 .htmega-flip-box-front span::after {
8023
- position: absolute;
8024
- content: "";
8025
- background: #fff;
8026
- width: 20px;
8027
- height: 1px;
8028
- bottom: 6px;
8029
- left: 50%;
8030
- transform: translateX(-50%);
8031
- }
8032
-
8033
- .htmega-flip-box-style-2 .htmega-flip-box-back h2,.htmega-flip-box-style-2 .htmega-flip-box-front h2 {
8034
- color: #ffffff;
8035
- font-size: 16px;
8036
- margin: 0;
8037
- font-weight: 300;
8038
- text-transform: uppercase;
8039
- }
8040
-
8041
- .htmega-flip-box-style-2 .htmega-flip-box-back p {
8042
- margin: 0;
8043
- color: #ffffff;
8044
- font-size: 14px;
8045
- line-height: 24px;
8046
- margin-top: 15px;
8047
- font-family: "Montserrat", sans-serif;
8048
- font-weight: 300;
8049
- }
8050
-
8051
- /* Flipbox Style 03 */
8052
- .htmega-flip-box-style-3 .front-container p{
8053
- margin-top: 15px;
8054
- margin-bottom: 15px;
8055
- color: #7b7272;
8056
- }
8057
- .htmega-flipbox-bottom-index-number,.htmega-flipbox-back-bottom-index-number{
8058
- position: absolute;
8059
- bottom: 0;
8060
- z-index: 1;
8061
- margin-bottom: 10px;
8062
- font-size: 95px;
8063
- font-weight: bold;
8064
- color: #F5F7FF;
8065
- font-family: "Roboto", Sans-serif;
8066
- font-size: 95px;
8067
- font-weight: bold;
8068
- line-height: 1em;
8069
- -webkit-text-stroke-color: #DDDDE8;
8070
- -webkit-text-stroke-width: 1px;
8071
- }
8072
-
8073
- /* Flipbox Style 04 */
8074
- .htmega-flipbox-s4-image{
8075
- height: 200px;
8076
- width: 100%;
8077
- position:relative;
8078
- }
8079
- .front-container .htmega-flipbox-s4-image img {
8080
- height: 100%;
8081
- object-fit: cover;
8082
- width: 100%;
8083
- }
8084
- .htmega-flip-box-style-4 .front-container{
8085
- display: block;
8086
- }
8087
-
8088
- .htmega-flip-box-style-4 .front-container span {
8089
- color: #636363;
8090
- position: absolute;
8091
- left: 50%;
8092
- transform: translate(-50%, 50%);
8093
- bottom: 0;
8094
- z-index: 2;
8095
- background-color: #FFFFFF;
8096
- width: 97px;
8097
- min-height: 97px;
8098
- height: 97px;
8099
- display: flex;
8100
- align-items: center;
8101
- justify-content: center;
8102
- line-height: 97px;
8103
- margin: 0px 0px 0px 0px;
8104
- border-radius: 100px 100px 100px 100px;
8105
- box-shadow: 0px 1px 100px 0px rgba(0, 0, 0, 0.29);
8106
- }
8107
- .htmega-flip-box-style-4 .front-container h2{
8108
- margin-top: 70px;
8109
- }
8110
- .htmega-flip-box-style-4 .front-container p{
8111
- padding: 0 15px;
8112
- }
8113
- .htmega-flip-box-style-4 .htmega-flip-box-front .front-container{
8114
- padding: 0;
8115
- }
8116
-
8117
-
8118
-
8119
- /* Flipbox Style 05 Social links */
8120
-
8121
- .htmega-flip-box-style-5 .back-container h2 {
8122
- margin-bottom:10px;
8123
- }
8124
- .htmega-flip-box-style-5 .back-container h3 {
8125
- margin-bottom: 25px;
8126
- padding: 0px 15px 27px 15px;
8127
- font-size: 15px;
8128
- line-height: 1.3;
8129
- border-bottom: 1px solid #6951cd;
8130
- }
8131
- .htmega-flip-box-style-5 .htmega-flip-box-back{
8132
- background: #4f33c4;
8133
- }
8134
- .htmega-flip-box-style-5 .back-container p{
8135
- margin-bottom: 20px;
8136
- }
8137
- ul.htmega-flipbox-social-list {
8138
- display: inline-block;
8139
- list-style: none;
8140
- margin: 0;
8141
- padding: 0;
8142
- }
8143
- ul.htmega-flipbox-social-list li {
8144
- display: inline-block;
8145
- margin: 5px;
8146
- }
8147
- ul.htmega-flipbox-social-list li a {
8148
- display: flex;
8149
- height: 38px;
8150
- width: 38px;
8151
- align-items: center;
8152
- justify-content: center;
8153
- font-size: 15px;
8154
- color: #fff;
8155
- border: 1px solid #dddddd;
8156
- background: transparent;
8157
- border-style: dashed;
8158
- border-radius: 100%;
8159
- }
8160
- ul.htmega-flipbox-social-list li a svg{
8161
- width:15px;
8162
- fill:#ffffff;
8163
- }
8164
- ul.htmega-flipbox-social-list li a:hover{
8165
- background: #ffffff;
8166
- color: #27123a;
8167
- border:1px solid #ffffff;
8168
- }
8169
- ul.htmega-flipbox-social-list li a:hover svg{
8170
- fill:#27123a;
8171
- }
8172
-
8173
-
8174
-
8175
- /*
8176
- * style for tooltip
8177
- */
8178
-
8179
- .htmega-tooltip span {
8180
- background: #0056ff none repeat scroll 0 0;
8181
- border: 0 none;
8182
- border-radius: 8px;
8183
- color: #fff;
8184
- cursor: pointer;
8185
- display: inline-block;
8186
- font-family: "Montserrat",sans-serif;
8187
- font-size: 14px;
8188
- padding: 14px 16px;
8189
- text-align: center;
8190
- transition: 0.4s;
8191
- }
8192
- .htmega-tooltip span a{
8193
- color: #fff;
8194
- text-decoration: none;
8195
- }
8196
-
8197
- /* Tooltips Inner */
8198
- .tooltip-inner {
8199
- padding: 9px 15px;
8200
- background-color: #404040;
8201
- }
8202
-
8203
- /* Arrow Color */
8204
- .bs-tooltip-auto[x-placement^=left] .arrow::before,
8205
- .bs-tooltip-left .arrow::before {
8206
- border-left-color: #404040 !important;
8207
- }
8208
-
8209
- .bs-tooltip-auto[x-placement^=right] .arrow::before,
8210
- .bs-tooltip-right .arrow::before {
8211
- border-right-color: #404040 !important;
8212
- }
8213
-
8214
- .bs-tooltip-auto[x-placement^=top] .arrow::before,
8215
- .bs-tooltip-top .arrow::before {
8216
- border-top-color: #404040 !important;
8217
- }
8218
- .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
8219
- .bs-tooltip-bottom .arrow::before {
8220
- border-bottom-color: #404040 !important;
8221
- }
8222
-
8223
- /* Space With Button */
8224
- .bs-tooltip-auto[x-placement^=top],
8225
- .bs-tooltip-top {
8226
- top: -10px !important;
8227
- }
8228
-
8229
- .bs-tooltip-auto[x-placement^=bottom],
8230
- .bs-tooltip-bottom {
8231
- top: 10px !important;
8232
- }
8233
-
8234
- .bs-tooltip-auto[x-placement^=right],
8235
- .bs-tooltip-right {
8236
- left: 10px !important;
8237
- }
8238
-
8239
- .bs-tooltip-auto[x-placement^=left],
8240
- .bs-tooltip-left {
8241
- left: -10px !important;
8242
- }
8243
-
8244
- /*
8245
- * Popovers Style
8246
- */
8247
-
8248
- .htb-popover-header {
8249
- margin-top: 0;
8250
- }
8251
- .htb-popover h3.htb-popover-header {
8252
- font-size: 18px;
8253
- font-weight: 400;
8254
- margin: 0;
8255
- line-height: 1.3;
8256
- }
8257
-
8258
- /* Popover Button Style */
8259
- .htmega-popover span {
8260
- background: #0056ff;
8261
- border: 0 none;
8262
- color: #fff;
8263
- padding: 20px 40px;
8264
- border-radius: 7px;
8265
- font-weight: 600;
8266
- font-size: 16px;
8267
- transition: 0.5s;
8268
- font-family: "Montserrat", sans-serif;
8269
- display: inline-block;
8270
- cursor: pointer;
8271
- }
8272
- .htmega-popover span:hover {
8273
- background: #18012c;
8274
- }
8275
- .htmega-popover span a{
8276
- text-decoration: none;
8277
- }
8278
- .htmega-popover svg {
8279
- width: 25px;
8280
- }
8281
-
8282
- /* Popover Style */
8283
- .popover {
8284
- max-width: 330px;
8285
- border: 1px solid #e0e0e0;
8286
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
8287
- }
8288
-
8289
- .popover .popover-body {
8290
- padding: 22px 25px;
8291
- color: #262626;
8292
- font-size: 13px;
8293
- }
8294
-
8295
- .popovers-content.text-center {
8296
- padding-top: 14px;
8297
- }
8298
-
8299
- /* Popover Style */
8300
- .bs-popover-auto[x-placement^=top],
8301
- .bs-popover-top {
8302
- top: -12px !important;
8303
- }
8304
-
8305
- .bs-popover-auto[x-placement^=bottom],
8306
- .bs-popover-bottom {
8307
- top: 12px !important;
8308
- }
8309
-
8310
- .bs-popover-auto[x-placement^=right],
8311
- .bs-popover-right {
8312
- left: 12px !important;
8313
- }
8314
-
8315
- .bs-popover-auto[x-placement^=left],
8316
- .bs-popover-left {
8317
- left: -12px !important;
8318
- }
8319
-
8320
- /*
8321
- * Toggle Style
8322
- */
8323
- .htmega-toggle-button a{
8324
- transition: all 600ms ease-in-out;
8325
- -webkit-transition: all 600ms ease-in-out;
8326
- -moz-transition: all 600ms ease-in-out;
8327
- -o-transition: all 600ms ease-in-out;
8328
- color: #3b3b3b;
8329
- font-family: "Montserrat", sans-serif;
8330
- font-weight: 600;
8331
- text-transform: uppercase;
8332
- text-decoration: none;
8333
- cursor: pointer;
8334
- display: inline-block;
8335
- }
8336
- .htmega-toggle-button svg {
8337
- width: 20px;
8338
- }
8339
- .htmega-toggle-area .htmega-toggle-button a i,.htmega-toggle-area .htmega-toggle-button a svg {
8340
- padding-left: 5px;
8341
- }
8342
- .htmega-toggle-button a.opened_btn,.open a.normal_btn{
8343
- display: none;
8344
- }
8345
- .htmega-toggle-button.open a.opened_btn{
8346
- display: inline-block;
8347
- }
8348
-
8349
- .image_100 .htmega-lightboxthumb img{
8350
- width: 100%;
8351
- }
8352
-
8353
-
8354
- /*
8355
- * Dropcaps
8356
- */
8357
- .htmega-dropcaps-inner p {
8358
- color: #434343;
8359
- font-size: 16px;
8360
- line-height: 28px;
8361
- font-weight: 500;
8362
- margin: 0;
8363
- }
8364
-
8365
- .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-inner:first-of-type:first-letter {
8366
- color: #d6d6d6;
8367
- float: left;
8368
- font-size: 60px;
8369
- margin-right: 20px;
8370
- margin-bottom: 5px;
8371
- border: 2px solid #d6d6d6;
8372
- padding: 15px;
8373
- font-family: "Montserrat", sans-serif;
8374
- font-weight: 700;
8375
- font-style: italic;
8376
- margin-top: 9px;
8377
- }
8378
-
8379
- /* Dropcaps Style 2 */
8380
- .htmega-dropcaps-style-2 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-2 .htmega-dropcaps-inner:first-of-type:first-letter {
8381
- color: #18012c;
8382
- float: left;
8383
- font-size: 60px;
8384
- margin-right: 15px;
8385
- margin-bottom: 8px;
8386
- font-family: "Montserrat", sans-serif;
8387
- font-weight: 600;
8388
- margin-top: 17px;
8389
- border: none;
8390
- padding: 0;
8391
- font-style: normal;
8392
- }
8393
-
8394
- /* Dropcaps Style 3 */
8395
- .htmega-dropcaps-style-3 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-3 .htmega-dropcaps-inner:first-of-type:first-letter {
8396
- color: #ed552d;
8397
- float: left;
8398
- font-size: 90px;
8399
- margin-right: 15px;
8400
- margin-bottom: 13px;
8401
- font-family: "Poppins",sans-serif;
8402
- font-weight: 500;
8403
- margin-top: 20px;
8404
- text-decoration: line-through;
8405
- line-height: 28px;
8406
- border: 0;
8407
- padding: 0;
8408
- font-style: normal;
8409
- }
8410
-
8411
- /* Dropcaps Style 4 */
8412
- .htmega-dropcaps-style-4 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-4 .htmega-dropcaps-inner:first-of-type:first-letter {
8413
- color: #fff;
8414
- float: left;
8415
- font-size: 36px;
8416
- padding: 20px;
8417
- margin-top: 5px;
8418
- margin-left: 5px;
8419
- margin-right: 15px;
8420
- margin-bottom: 5px;
8421
- background: #ed552d;
8422
- border-radius: 50%;
8423
- font-size: normal;
8424
- border: none;
8425
- font-style: normal;
8426
- font-weight: 500;
8427
- }
8428
-
8429
- /* Dropcaps Style 5 */
8430
- .htmega-dropcaps-style-5 .htmega-dropcaps-inner p:first-of-type:first-letter,.htmega-dropcaps-style-5 .htmega-dropcaps-inner:first-of-type:first-letter {
8431
- color: white;
8432
- float: left;
8433
- font-size: 75px;
8434
- line-height: 60px;
8435
- padding: 20px 28px;
8436
- margin-top: 5px;
8437
- margin-left: 5px;
8438
- margin-right: 20px;
8439
- margin-bottom: 10px;
8440
- background: black;
8441
- border-radius: 50%;
8442
- border: 1px solid white;
8443
- box-shadow: 0px 0px 0px 5px black;
8444
- font-style: normal;
8445
- font-weight: 500;
8446
- }
8447
-
8448
- /*
8449
- * Notification Style
8450
- */
8451
-
8452
- button.htmega-notify-button {
8453
- padding: 5px 42px;
8454
- border: 0 none;
8455
- color: #fff;
8456
- border-radius: 7px;
8457
- font-size: 14px;
8458
- background: #1abc9c;
8459
- transition: 0.4s;
8460
- height: inherit;
8461
- }
8462
-
8463
- .alert {
8464
- position: relative;
8465
- padding: .75rem 1.25rem;
8466
- margin-bottom: 1rem;
8467
- border: 1px solid transparent;
8468
- border-radius: .25rem;
8469
- }
8470
- .alert-danger , .htmega-notify-button.alert-danger {
8471
- color: #721c24;
8472
- background-color: #bb2d3b;
8473
- border-color: #f5c6cb;
8474
- }
8475
- .alert-warning , .htmega-notify-button.alert-warning {
8476
- color: #856404;
8477
- background-color: #ffca2c;
8478
- border-color: #ffeeba;
8479
- }
8480
- .alert-success , .htmega-notify-button.alert-success {
8481
- color: #155724;
8482
- background-color: #198754;
8483
- border-color: #c3e6cb;
8484
- }
8485
- .alert-info , .htmega-notify-button.alert-info {
8486
- color: #0c5460;
8487
- background-color: #1abc9c;
8488
- border-color: #bee5eb;
8489
- }
8490
- .alert > i,
8491
- .alert > svg{
8492
- position: relative;
8493
- }
8494
- .alert span.notify-message-content {
8495
- position: relative;
8496
- }
8497
-
8498
- /*
8499
- * Image Marker With Pointer
8500
- */
8501
-
8502
- /*Marker Style 01*/
8503
- .htmega-marker-style-1 {
8504
- padding: 245px 0;
8505
- }
8506
-
8507
- .htmega-marker-style-1 .htmega_image_pointer {
8508
- width: 36px;
8509
- height: 36px;
8510
- border-radius: 100%;
8511
- border: 3px solid #ed552d;
8512
- background-color: #fff;
8513
- position: relative;
8514
- display: inline-block;
8515
- text-align: center;
8516
- cursor: pointer;
8517
- line-height: 32px;
8518
- }
8519
-
8520
- .htmega-marker-style-1 .htmega_image_pointer .htmega_pointer_box {
8521
- background: #fff;
8522
- width: 240px;
8523
- position: absolute;
8524
- top: 0;
8525
- right: 50%;
8526
- -webkit-transform: translate3d(50%, -100%, 0);
8527
- transform: translate3d(50%, -100%, 0);
8528
- border-radius: 5px;
8529
- opacity: 0;
8530
- visibility: hidden;
8531
- -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8532
- transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8533
- z-index: 10;
8534
- padding: 20px;
8535
- -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8536
- box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8537
- text-align: center;
8538
- }
8539
-
8540
- .htmega-marker-style-1 .htmega_image_pointer .htmega_pointer_box h4 {
8541
- font-size: 20px;
8542
- margin-bottom: 7px;
8543
- }
8544
-
8545
- .htmega-marker-style-1 .htmega_image_pointer .htmega_pointer_box p {
8546
- font-size: 13px;
8547
- line-height: 24px;
8548
- margin: 0;
8549
- }
8550
-
8551
- .htmega-marker-style-1 .htmega_image_pointer:hover .htmega_pointer_box {
8552
- visibility: visible;
8553
- opacity: 1;
8554
- -webkit-transition-delay: 0s;
8555
- transition-delay: 0s;
8556
- -webkit-transform: translateY(-110%) translateX(50%);
8557
- transform: translateY(-110%) translateX(50%);
8558
- }
8559
-
8560
- .htmega-marker-style-1 .htmega_image_pointer::before {
8561
- content: "\f129";
8562
- position: absolute;
8563
- left: 50%;
8564
- top: 50%;
8565
- transform: translateX(-50%) translateY(-50%);
8566
- font-family: FontAwesome;
8567
- color: #ed552d;
8568
- font-size: 18px;
8569
- width: 100%;
8570
- height: 100%;
8571
- }
8572
-
8573
- .htmega-marker-style-1 .htmega_image_pointer {
8574
- position: absolute;
8575
- left: 66%;
8576
- top: 15%;
8577
- }
8578
-
8579
- /*Marker Style 02*/
8580
- .htmega-marker-style-2 {
8581
- padding: 245px 0;
8582
- }
8583
-
8584
- .htmega-marker-style-2 .htmega_image_pointer {
8585
- width: 46px;
8586
- height: 46px;
8587
- border-radius: 100%;
8588
- border: 5px solid #dddddd;
8589
- background-color: #fff;
8590
- position: relative;
8591
- display: inline-block;
8592
- text-align: center;
8593
- cursor: pointer;
8594
- line-height: 38px;
8595
- }
8596
-
8597
- .htmega-marker-style-2 .htmega_image_pointer .htmega_pointer_box {
8598
- background: #fff;
8599
- width: 240px;
8600
- position: absolute;
8601
- top: 0;
8602
- right: 50%;
8603
- -webkit-transform: translate3d(50%, -100%, 0);
8604
- transform: translate3d(50%, -100%, 0);
8605
- border-radius: 5px;
8606
- opacity: 0;
8607
- visibility: hidden;
8608
- -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8609
- transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8610
- z-index: 10;
8611
- padding: 20px;
8612
- -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8613
- box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8614
- text-align: center;
8615
- }
8616
-
8617
- .htmega-marker-style-2 .htmega_image_pointer .htmega_pointer_box h4 {
8618
- font-size: 20px;
8619
- margin-bottom: 7px;
8620
- }
8621
-
8622
- .htmega-marker-style-2 .htmega_image_pointer .htmega_pointer_box p {
8623
- font-size: 13px;
8624
- line-height: 24px;
8625
- margin: 0;
8626
- }
8627
-
8628
- .htmega-marker-style-2 .htmega_image_pointer:hover .htmega_pointer_box {
8629
- visibility: visible;
8630
- opacity: 1;
8631
- -webkit-transition-delay: 0s;
8632
- transition-delay: 0s;
8633
- -webkit-transform: translateY(-110%) translateX(50%);
8634
- transform: translateY(-110%) translateX(50%);
8635
- }
8636
-
8637
- .htmega-marker-style-2 .htmega_image_pointer::before {
8638
- content: "\f129";
8639
- position: absolute;
8640
- left: 50%;
8641
- top: 50%;
8642
- transform: translateX(-50%) translateY(-50%);
8643
- font-family: "FontAwesome";
8644
- color: #ed552d;
8645
- font-size: 18px;
8646
- width: 100%;
8647
- height: 100%;
8648
- transition: 0.4s ease-in-out;
8649
- }
8650
-
8651
- .htmega-marker-style-2 .htmega_image_pointer:hover::before {
8652
- transform: translateX(-50%) translateY(-50%) rotate(47deg);
8653
- }
8654
-
8655
- .htmega-marker-style-2 .htmega_image_pointer {
8656
- position: absolute;
8657
- left: 50%;
8658
- top: 26%;
8659
- }
8660
-
8661
- /*Marker Style 03*/
8662
- .htmega-marker-style-3 {
8663
- padding: 245px 0;
8664
- }
8665
-
8666
- .htmega-marker-style-3 .htmega_image_pointer {
8667
- width: 46px;
8668
- height: 46px;
8669
- border-radius: 100%;
8670
- background-color: #000000;
8671
- position: relative;
8672
- display: inline-block;
8673
- text-align: center;
8674
- cursor: pointer;
8675
- line-height: 49px;
8676
- z-index: 2;
8677
- }
8678
-
8679
- .htmega-marker-style-3 .htmega_image_pointer .htmega_pointer_box {
8680
- background: #000000;
8681
- width: 240px;
8682
- position: absolute;
8683
- top: 0;
8684
- right: 50%;
8685
- -webkit-transform: translate3d(50%, -100%, 0);
8686
- transform: translate3d(50%, -100%, 0);
8687
- border-radius: 5px;
8688
- opacity: 0;
8689
- visibility: hidden;
8690
- -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8691
- transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8692
- z-index: 10;
8693
- padding: 20px;
8694
- -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8695
- box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8696
- text-align: center;
8697
- }
8698
-
8699
- .htmega-marker-style-3 .htmega_image_pointer .htmega_pointer_box h4 {
8700
- font-size: 20px;
8701
- margin-bottom: 7px;
8702
- color: #ffffff;
8703
- }
8704
-
8705
- .htmega-marker-style-3 .htmega_image_pointer .htmega_pointer_box p {
8706
- font-size: 13px;
8707
- line-height: 24px;
8708
- margin: 0;
8709
- color: #ffffff;
8710
- }
8711
-
8712
- .htmega-marker-style-3 .htmega_image_pointer:hover .htmega_pointer_box {
8713
- visibility: visible;
8714
- opacity: 1;
8715
- -webkit-transition-delay: 0s;
8716
- transition-delay: 0s;
8717
- -webkit-transform: translateY(-110%) translateX(50%);
8718
- transform: translateY(-110%) translateX(50%);
8719
- }
8720
-
8721
- .htmega-marker-style-3 .htmega_image_pointer::before {
8722
- content: "\f067";
8723
- position: absolute;
8724
- left: 50%;
8725
- top: 50%;
8726
- transform: translateX(-50%) translateY(-50%);
8727
- font-family: FontAwesome;
8728
- color: #ffffff;
8729
- font-size: 18px;
8730
- width: 100%;
8731
- height: 100%;
8732
- transition: 0.4s ease-in-out;
8733
- }
8734
-
8735
- .htmega-marker-style-3 .htmega_image_pointer::after {
8736
- position: absolute;
8737
- left: 2px;
8738
- background: #000;
8739
- content: "";
8740
- right: 2px;
8741
- top: 2px;
8742
- bottom: 2px;
8743
- border-radius: 100%;
8744
- border: 2px solid #fff;
8745
- z-index: -1;
8746
- }
8747
-
8748
- .htmega-marker-style-3 .htmega_image_pointer:hover::before {
8749
- transform: translateX(-50%) translateY(-50%) rotate(47deg);
8750
- }
8751
-
8752
- .htmega-marker-style-3 .htmega_image_pointer {
8753
- position: absolute;
8754
- left: 50%;
8755
- top: 26%;
8756
- }
8757
-
8758
- /*Marker Style 04*/
8759
- .htmega-marker-style-4 {
8760
- padding: 245px 0;
8761
- }
8762
-
8763
- .htmega-marker-style-4 .htmega_image_pointer {
8764
- width: 46px;
8765
- height: 46px;
8766
- border-radius: 100%;
8767
- background-position: center center;
8768
- background-size: cover;
8769
- background-repeat: no-repeat;
8770
- background-image: url(img/bg/bg-image-12.jpg);
8771
- position: relative;
8772
- display: inline-block;
8773
- text-align: center;
8774
- cursor: pointer;
8775
- line-height: 38px;
8776
- border: 5px solid #d88d78;
8777
- z-index: 2;
8778
- }
8779
-
8780
- .htmega-marker-style-4 .htmega_image_pointer .htmega_pointer_box {
8781
- background-position: center center;
8782
- background-size: cover;
8783
- background-repeat: no-repeat;
8784
- background-image: url(img/bg/bg-image-12.jpg);
8785
- width: 240px;
8786
- position: absolute;
8787
- top: 0;
8788
- right: 50%;
8789
- -webkit-transform: translate3d(50%, -100%, 0);
8790
- transform: translate3d(50%, -100%, 0);
8791
- border-radius: 5px;
8792
- opacity: 0;
8793
- visibility: hidden;
8794
- -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8795
- transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8796
- z-index: 10;
8797
- padding: 20px;
8798
- -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8799
- box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8800
- text-align: center;
8801
- }
8802
-
8803
- .htmega-marker-style-4 .htmega_image_pointer .htmega_pointer_box h4 {
8804
- font-size: 20px;
8805
- margin-bottom: 7px;
8806
- }
8807
-
8808
- .htmega-marker-style-4 .htmega_image_pointer .htmega_pointer_box p {
8809
- font-size: 13px;
8810
- line-height: 24px;
8811
- margin: 0;
8812
- color: #18012c;
8813
- }
8814
-
8815
- .htmega-marker-style-4 .htmega_image_pointer:hover .htmega_pointer_box {
8816
- visibility: visible;
8817
- opacity: 1;
8818
- -webkit-transition-delay: 0s;
8819
- transition-delay: 0s;
8820
- -webkit-transform: translateY(-110%) translateX(50%);
8821
- transform: translateY(-110%) translateX(50%);
8822
- }
8823
-
8824
- .htmega-marker-style-4 .htmega_image_pointer::before {
8825
- content: "\f067";
8826
- position: absolute;
8827
- left: 50%;
8828
- top: 50%;
8829
- transform: translateX(-50%) translateY(-50%);
8830
- font-family: FontAwesome;
8831
- color: #d88d78;
8832
- font-size: 18px;
8833
- width: 100%;
8834
- height: 100%;
8835
- transition: 0.4s ease-in-out;
8836
- }
8837
-
8838
- .htmega-marker-style-4 .htmega_image_pointer:hover::before {
8839
- transform: translateX(-50%) translateY(-50%) rotate(47deg);
8840
- }
8841
-
8842
- .htmega-marker-style-4 .htmega_image_pointer {
8843
- position: absolute;
8844
- left: 83%;
8845
- top: 37%;
8846
- }
8847
-
8848
- /*Marker Style 05*/
8849
- .htmega-marker-style-5 {
8850
- padding: 245px 0;
8851
- }
8852
-
8853
- .htmega-marker-style-5 .htmega_image_pointer {
8854
- width: 46px;
8855
- height: 46px;
8856
- border-radius: 4px;
8857
- background: #000;
8858
- position: relative;
8859
- display: inline-block;
8860
- text-align: center;
8861
- cursor: pointer;
8862
- line-height: 47px;
8863
- z-index: 2;
8864
- }
8865
-
8866
- .htmega-marker-style-5 .htmega_image_pointer .effect-1 {
8867
- position: relative;
8868
- }
8869
-
8870
- .htmega-marker-style-5 .htmega_image_pointer .effect-1::before,
8871
- .htmega-marker-style-5 .htmega_image_pointer .effect-1::after {
8872
- position: absolute;
8873
- top: 50%;
8874
- left: 50%;
8875
- display: block;
8876
- content: '';
8877
- border: 1px solid #f10;
8878
- border-radius: 50%;
8879
- -webkit-transform: scale(0.35) translateY(-50%) translateX(-50%);
8880
- -ms-transform: scale(0.35) translateY(-50%) translateX(-50%);
8881
- transform: scale(0.35) translateY(-50%) translateX(-50%);
8882
- opacity: 0;
8883
- -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite;
8884
- animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite;
8885
- }
8886
-
8887
- .htmega-marker-style-5 .htmega_image_pointer .effect-1::before {
8888
- width: 32px;
8889
- height: 32px;
8890
- left: 50%;
8891
- top: 50%;
8892
- z-index: -1;
8893
- }
8894
-
8895
- .htmega-marker-style-5 .htmega_image_pointer .effect-1::after {
8896
- width: 32px;
8897
- height: 32px;
8898
- z-index: -1;
8899
- border-color: rgba(255, 255, 255, 0.4);
8900
- -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite;
8901
- animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite;
8902
- }
8903
-
8904
- .htmega-marker-style-5 .htmega_image_pointer .htmega_pointer_box {
8905
- background: #000000;
8906
- width: 240px;
8907
- position: absolute;
8908
- top: 0;
8909
- right: 50%;
8910
- -webkit-transform: translate3d(50%, -100%, 0);
8911
- transform: translate3d(50%, -100%, 0);
8912
- border-radius: 5px;
8913
- opacity: 0;
8914
- visibility: hidden;
8915
- -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8916
- transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
8917
- z-index: 10;
8918
- padding: 20px;
8919
- -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8920
- box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
8921
- text-align: center;
8922
- }
8923
-
8924
- .htmega-marker-style-5 .htmega_image_pointer .htmega_pointer_box h4 {
8925
- font-size: 20px;
8926
- margin-bottom: 7px;
8927
- color: #fff;
8928
- }
8929
-
8930
- .htmega-marker-style-5 .htmega_image_pointer .htmega_pointer_box p {
8931
- font-size: 13px;
8932
- line-height: 24px;
8933
- margin: 0;
8934
- color: #fff;
8935
- }
8936
-
8937
- .htmega-marker-style-5 .htmega_image_pointer:hover .htmega_pointer_box {
8938
- visibility: visible;
8939
- opacity: 1;
8940
- -webkit-transition-delay: 0s;
8941
- transition-delay: 0s;
8942
- -webkit-transform: translateY(-110%) translateX(50%);
8943
- transform: translateY(-110%) translateX(50%);
8944
- }
8945
-
8946
- .htmega-marker-style-5 .htmega_image_pointer::before {
8947
- content: "\f067";
8948
- position: absolute;
8949
- left: 50%;
8950
- top: 50%;
8951
- transform: translateX(-50%) translateY(-50%);
8952
- font-family: FontAwesome;
8953
- color: #ffffff;
8954
- font-size: 18px;
8955
- width: 100%;
8956
- height: 100%;
8957
- transition: 0.4s ease-in-out;
8958
- }
8959
-
8960
- .htmega-marker-style-5 .htmega_image_pointer:hover::before {
8961
- transform: translateX(-50%) translateY(-50%) rotate(47deg);
8962
- }
8963
-
8964
- .htmega-marker-style-5 .htmega_image_pointer {
8965
- position: absolute;
8966
- left: 83%;
8967
- top: 37%;
8968
- }
8969
-
8970
- /* Marker Animation Css */
8971
- @-webkit-keyframes marker-ripple-animation {
8972
- 0% {
8973
- -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
8974
- opacity: 1;
8975
- }
8976
-
8977
- 100% {
8978
- -webkit-transform: translate3d(-50%, -50%, 0) scale(1.7);
8979
- opacity: 0;
8980
- }
8981
- }
8982
-
8983
- @keyframes marker-ripple-animation {
8984
- 0% {
8985
- transform: translate3d(-50%, -50%, 0) scale(1);
8986
- opacity: 1;
8987
- }
8988
-
8989
- 100% {
8990
- transform: translate3d(-50%, -50%, 0) scale(1.7);
8991
- opacity: 0;
8992
- }
8993
- }
8994
-
8995
- /*
8996
- * Inline Menu
8997
- */
8998
- .htmega-inlinemenu-area ul{
8999
- list-style: none;
9000
- margin: 0;
9001
- padding: 0;
9002
- }
9003
-
9004
- .htmega-mainmenu {
9005
- display: flex;
9006
- flex-flow: row wrap;
9007
- justify-content: center;
9008
- }
9009
-
9010
- /* Line Menu StartUp */
9011
- .linemenu-nav ul li {
9012
- margin: 0 18px;
9013
- position: relative;
9014
- }
9015
- .linemenu-nav ul li a {
9016
- font-family: "Montserrat", sans-serif;
9017
- font-weight: 600;
9018
- font-size: 14px;
9019
- text-transform: inherit;
9020
- text-decoration: none;
9021
- color: #636363;
9022
- position: relative;
9023
- padding-bottom: 10px;
9024
- display: inline-block;
9025
- }
9026
-
9027
- .htmega-inlinemenu-style-1 .linemenu-nav ul li a::before {
9028
- background: #d94f5c none repeat scroll 0 0;
9029
- bottom: 0;
9030
- content: "";
9031
- height: 2px;
9032
- left: 0;
9033
- position: absolute;
9034
- transform: scale3d(0, 5, 1);
9035
- transform-origin: 0 50% 0;
9036
- transition: transform 0.3s cubic-bezier(1, 0.68, 0.16, 0.9) 0s;
9037
- width: 100%;
9038
- }
9039
-
9040
- .htmega-inlinemenu-style-1 .linemenu-nav ul > li:hover > a::before {
9041
- transform: scale3d(1, 1, 1);
9042
- }
9043
-
9044
- .linemenu-nav ul > li:hover > a {
9045
- color: #d94f5c;
9046
- }
9047
-
9048
- /* Line Menu Style 02 */
9049
- .htmega-inlinemenu-style-2 .linemenu-nav ul li{
9050
- margin: 0;
9051
- }
9052
- .htmega-inlinemenu-style-2 .linemenu-nav ul li a::before, .htmega-inlinemenu-style-2 .linemenu-nav ul li a::after {
9053
- border: 2px solid #ffffff;
9054
- content: "";
9055
- height: 100%;
9056
- left: 0;
9057
- position: absolute;
9058
- top: 0;
9059
- transition: transform 0.2s ease 0s;
9060
- width: 100%;
9061
- }
9062
-
9063
- .htmega-inlinemenu-style-2 .linemenu-nav ul li a::before {
9064
- border-width: 0 2px;
9065
- transform: scale3d(1, 0, 1);
9066
- transform-origin: 0 50% 0;
9067
- }
9068
- .htmega-inlinemenu-style-2 .linemenu-nav ul li a::after {
9069
- border-width: 2px 0;
9070
- transform: scale3d(0, 1, 1);
9071
- transform-origin: 0 0 0;
9072
- transition-delay: 0.2s;
9073
- }
9074
-
9075
- .htmega-inlinemenu-style-2 .linemenu-nav ul li:hover a::before, .htmega-inlinemenu-style-2 .linemenu-nav ul li:hover a::after {
9076
- transform: scale3d(1, 1, 1);
9077
- }
9078
-
9079
- /* Line Menu Style 03 */
9080
- .htmega-inlinemenu-style-3 li {
9081
- position: relative;
9082
- }
9083
-
9084
- .htmega-inlinemenu-style-3 li a {
9085
- position: relative;
9086
- display: block;
9087
- }
9088
-
9089
- .htmega-inlinemenu-style-3 li::before,
9090
- .htmega-inlinemenu-style-3 li::after,
9091
- .htmega-inlinemenu-style-3 li a::before,
9092
- .htmega-inlinemenu-style-3 li a::after {
9093
- position: absolute;
9094
- display: block;
9095
- top: 0;
9096
- right: 0;
9097
- bottom: 0;
9098
- left: 0;
9099
- border: 2px solid #d94f5c;
9100
- content: '';
9101
- z-index: -1;
9102
- opacity: 0;
9103
- pointer-events: none;
9104
- }
9105
-
9106
- .htmega-inlinemenu-style-3 li:hover::before,
9107
- .htmega-inlinemenu-style-3 li:hover::after,
9108
- .htmega-inlinemenu-style-3 li:hover a::before,
9109
- .htmega-inlinemenu-style-3 li:hover a::after {
9110
- -webkit-animation: lineanimation .6s ease-in-out;
9111
- animation: lineanimation .6s ease-in-out;
9112
- z-index: 1;
9113
- opacity: 1;
9114
- }
9115
-
9116
- .htmega-inlinemenu-style-3 li::before {
9117
- border-width: 0 0 0 2px;
9118
- -webkit-transform-origin: left bottom;
9119
- transform-origin: left bottom;
9120
- }
9121
-
9122
- .htmega-inlinemenu-style-3 li::after {
9123
- border-width: 0 2px 0 0;
9124
- -webkit-transform-origin: right top;
9125
- transform-origin: right top;
9126
- }
9127
-
9128
- .htmega-inlinemenu-style-3 li a::before {
9129
- border-width: 2px 0 0;
9130
- -webkit-transform-origin: left top;
9131
- transform-origin: left top;
9132
- }
9133
-
9134
- .htmega-inlinemenu-style-3 li a::after {
9135
- border-width: 0 0 2px;
9136
- -webkit-transform-origin: right bottom;
9137
- transform-origin: right bottom;
9138
- }
9139
-
9140
- .htmega-inlinemenu-style-3 li:hover::before {
9141
- -webkit-animation-delay: -.45s;
9142
- animation-delay: -.45s;
9143
- }
9144
-
9145
- .htmega-inlinemenu-style-3 li:hover::after {
9146
- -webkit-animation-delay: -.15s;
9147
- animation-delay: -.15s;
9148
- }
9149
-
9150
- .htmega-inlinemenu-style-3 li:hover a::before {
9151
- -webkit-animation-delay: -.3s;
9152
- animation-delay: -.3s;
9153
- }
9154
-
9155
- .htmega-inlinemenu-style-3 li:hover a::after {
9156
- -webkit-animation-delay: 0;
9157
- animation-delay: 0;
9158
- }
9159
-
9160
- .htmega-inlinemenu-style-3 li a span {
9161
- position: relative;
9162
- z-index: 3;
9163
- }
9164
-
9165
- @-webkit-keyframes lineanimation {
9166
-
9167
- 0%,
9168
- 33% {
9169
- opacity: 0;
9170
- -webkit-transform: rotate(45deg) scale(1.5);
9171
- transform: rotate(45deg) scale(1.5);
9172
- }
9173
-
9174
- 100% {
9175
- opacity: 1;
9176
- -webkit-transform: none;
9177
- transform: none;
9178
- }
9179
- }
9180
-
9181
- @keyframes lineanimation {
9182
-
9183
- 0%,
9184
- 33% {
9185
- opacity: 0;
9186
- -webkit-transform: rotate(45deg) scale(1.5);
9187
- transform: rotate(45deg) scale(1.5);
9188
- }
9189
-
9190
- 100% {
9191
- opacity: 1;
9192
- -webkit-transform: none;
9193
- transform: none;
9194
- }
9195
- }
9196
-
9197
- /* Line Menu Style 04 */
9198
- .htmega-inlinemenu-style-4 li a{
9199
- position: relative;
9200
- padding: 10px 0;
9201
- }
9202
-
9203
- .htmega-inlinemenu-style-4 li a::before,
9204
- .htmega-inlinemenu-style-4 li a::after {
9205
- content: '';
9206
- position: absolute;
9207
- left: 0;
9208
- width: 100%;
9209
- height: 2px;
9210
- background: #ffffff;
9211
- -webkit-transform: scale3d(0, 1, 1);
9212
- transform: scale3d(0, 1, 1);
9213
- -webkit-transition: -webkit-transform 0.2s;
9214
- transition: transform 0.2s;
9215
- }
9216
-
9217
- .htmega-inlinemenu-style-4 li a::before {
9218
- top: 0;
9219
- -webkit-transform-origin: 0 50%;
9220
- transform-origin: 0 50%;
9221
- }
9222
-
9223
- .htmega-inlinemenu-style-4 li a::after {
9224
- bottom: 0;
9225
- -webkit-transform-origin: 100% 50%;
9226
- transform-origin: 100% 50%;
9227
- }
9228
-
9229
- .htmega-inlinemenu-style-4 li a:hover::before,
9230
- .htmega-inlinemenu-style-4 li a:hover::after {
9231
- -webkit-transform: scale3d(1, 1, 1);
9232
- transform: scale3d(1, 1, 1);
9233
- -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
9234
- transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
9235
- -webkit-transition-duration: 0.4s;
9236
- transition-duration: 0.4s;
9237
- }
9238
-
9239
- /* Line Menu Style 05 */
9240
- .htmega-inlinemenu-style-5 li a {
9241
- position: relative;
9242
- }
9243
-
9244
- .htmega-inlinemenu-style-5 ul li {
9245
- margin: 0 10px;
9246
- }
9247
-
9248
- .htmega-inlinemenu-style-5 ul li a{
9249
- position: relative;
9250
- overflow: hidden;
9251
- width: 130px;
9252
- padding: 1em 0;
9253
- display: block;
9254
- padding: 1em;
9255
- cursor: pointer;
9256
- -webkit-user-select: none;
9257
- -moz-user-select: none;
9258
- -ms-user-select: none;
9259
- user-select: none;
9260
- -webkit-touch-callout: none;
9261
- -khtml-user-select: none;
9262
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
9263
- color: #636363;
9264
- }
9265
-
9266
- .htmega-inlinemenu-style-5 ul li a:hover {
9267
- color: #d94f5c;
9268
- }
9269
-
9270
- .htmega-inlinemenu-style-5 ul li a::before {
9271
- content: '';
9272
- position: absolute;
9273
- bottom: 0;
9274
- left: 0;
9275
- width: 300%;
9276
- height: 50px;
9277
- opacity: 0;
9278
- background: url(../images/icons/line.svg) no-repeat top left;
9279
- -webkit-transform: translate3d(130px, 0, 0);
9280
- transform: translate3d(130px, 0, 0);
9281
- -webkit-transition: -webkit-transform 0s 0.3s, opacity 0.3s;
9282
- transition: transform 0s 0.3s, opacity 0.3s;
9283
- }
9284
-
9285
- .htmega-inlinemenu-style-5 ul li a:hover::before {
9286
- opacity: 1;
9287
- -webkit-transform: translate3d(-260px, 0, 0);
9288
- transform: translate3d(-260px, 0, 0);
9289
- -webkit-transition: -webkit-transform 0.5s;
9290
- transition: transform 0.5s;
9291
- }
9292
-
9293
- /* Line Menu Style 06 */
9294
- .htmega-inlinemenu-style-6 ul li a {
9295
- position: relative;
9296
- overflow: hidden;
9297
- height: 3em;
9298
- padding: 1em 0;
9299
- text-align: center;
9300
- -webkit-transition: color 0.3s;
9301
- transition: color 0.3s;
9302
- }
9303
-
9304
- .htmega-inlinemenu-style-6 ul li a:hover {
9305
- color: #d94f5c;
9306
- }
9307
-
9308
- .htmega-inlinemenu-style-6 ul li:hover a {
9309
- -webkit-animation: anim-francisco 0.4s forwards;
9310
- animation: anim-francisco 0.4s forwards;
9311
- color: #d94f5c;
9312
- }
9313
-
9314
- @-webkit-keyframes anim-francisco {
9315
- 50% {
9316
- opacity: 0;
9317
- -webkit-transform: translate3d(0, 100%, 0);
9318
- transform: translate3d(0, 100%, 0);
9319
- }
9320
-
9321
- 51% {
9322
- opacity: 0;
9323
- -webkit-transform: translate3d(0, -100%, 0);
9324
- transform: translate3d(0, -100%, 0);
9325
- }
9326
-
9327
- 100% {
9328
- opacity: 1;
9329
- -webkit-transform: translate3d(0, 0, 0);
9330
- transform: translate3d(0, 0, 0);
9331
- }
9332
- }
9333
-
9334
- @keyframes anim-francisco {
9335
- 50% {
9336
- opacity: 0;
9337
- -webkit-transform: translate3d(0, 100%, 0);
9338
- transform: translate3d(0, 100%, 0);
9339
- }
9340
-
9341
- 51% {
9342
- opacity: 0;
9343
- -webkit-transform: translate3d(0, -100%, 0);
9344
- transform: translate3d(0, -100%, 0);
9345
- }
9346
-
9347
- 100% {
9348
- opacity: 1;
9349
- -webkit-transform: translate3d(0, 0, 0);
9350
- transform: translate3d(0, 0, 0);
9351
- }
9352
- }
9353
-
9354
-
9355
- /* Line menu style 07 */
9356
- .htmega-inlinemenu-style-7 ul li{
9357
- margin: 0;
9358
- }
9359
-
9360
- .htmega-inlinemenu-style-7 ul li a {
9361
- padding: 10px 0;
9362
- border-top: 2px solid #c90dbe;
9363
- color: #c90dbe;
9364
- position: relative;
9365
- margin: 0 10px;
9366
- text-transform: uppercase;
9367
- letter-spacing: 1px;
9368
- font-weight: 400;
9369
- text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
9370
- }
9371
-
9372
- .htmega-inlinemenu-style-7 ul li a::before {
9373
- position: absolute;
9374
- left: 0;
9375
- overflow: hidden;
9376
- padding: 10px 0;
9377
- max-width: 0;
9378
- border-bottom: 2px solid #c90dbe;
9379
- color: #c90dbe;
9380
- content: attr(data-hover);
9381
- -webkit-transition: max-width 0.5s;
9382
- -moz-transition: max-width 0.5s;
9383
- transition: max-width 0.5s;
9384
- top: 50%;
9385
- transform: translateY(-50%);
9386
- }
9387
-
9388
- .htmega-inlinemenu-style-7 ul li a:hover::before,
9389
- .htmega-inlinemenu-style-7 ul li a:focus::before {
9390
- max-width: 100%;
9391
- }
9392
-
9393
-
9394
- /*===========================
9395
- 404 Styly StartUp
9396
- =============================*/
9397
- .htmega-not-found {
9398
- overflow: hidden;
9399
- text-align: center;
9400
- position: relative;
9401
- }
9402
-
9403
- .htmega-not-found .content {
9404
- position: relative;
9405
- z-index: 2;
9406
- }
9407
-
9408
- .htmega-not-found .content h1 {
9409
- color: #c0d2ff;
9410
- font-size: 48px;
9411
- margin-top: 35px;
9412
- margin-bottom: 43px;
9413
- }
9414
-
9415
- .htmega-not-found .content a.page-back-btn {
9416
- background: #c0d2ff;
9417
- height: 62px;
9418
- display: inline-block;
9419
- padding: 0 40px;
9420
- line-height: 62px;
9421
- border-radius: 31px;
9422
- color: #131e3a;
9423
- font-size: 16px;
9424
- font-weight: 500;
9425
- transition: 0.4 ease-in-out;
9426
- text-decoration: none;
9427
- }
9428
-
9429
- .htmega-not-found .content a.page-back-btn:hover {
9430
- background: #fff;
9431
- border-radius: 20px 0;
9432
- color: #18012c;
9433
- transform: translateY(-5px);
9434
- }
9435
-
9436
- .htmega-not-found .content a.page-back-btn i {
9437
- padding-right: 12px;
9438
- font-size: 18px;
9439
- }
9440
-
9441
- .htmega-not-found .content a.page-back-btn svg {
9442
- width: 20px;
9443
- margin-top: 18px;
9444
- float: left;
9445
- margin-right: 8px;
9446
- display: inline-block;
9447
- }
9448
-
9449
- /* 404 Animation css*/
9450
- .cloud {
9451
- width: 350px;
9452
- height: 120px;
9453
- background: #1e2a4a;
9454
- background: linear-gradient(top, #1e2a4a 100%);
9455
- background: -webkit-linear-gradient(top, #1e2a4a 100%);
9456
- background: -moz-linear-gradient(top, #1e2a4a 100%);
9457
- background: -ms-linear-gradient(top, #1e2a4a 100%);
9458
- background: -o-linear-gradient(top, #1e2a4a 100%);
9459
- border-radius: 100px;
9460
- -webkit-border-radius: 100px;
9461
- -moz-border-radius: 100px;
9462
- position: absolute;
9463
- margin: 120px auto 20px;
9464
- transition: ease 1s;
9465
- }
9466
-
9467
- .cloud:after,
9468
- .cloud:before {
9469
- content: '';
9470
- position: absolute;
9471
- background: #1e2a4a;
9472
- z-index: -1;
9473
- }
9474
-
9475
- .cloud:after {
9476
- width: 100px;
9477
- height: 100px;
9478
- top: -50px;
9479
- left: 50px;
9480
- border-radius: 100px;
9481
- -webkit-border-radius: 100px;
9482
- -moz-border-radius: 100px;
9483
- }
9484
-
9485
- .cloud:before {
9486
- width: 180px;
9487
- height: 180px;
9488
- top: -90px;
9489
- right: 50px;
9490
- border-radius: 200px;
9491
- -webkit-border-radius: 200px;
9492
- -moz-border-radius: 200px;
9493
- }
9494
-
9495
- .cloud-1 {
9496
- top: -198px;
9497
- left: 0;
9498
- -webkit-transform: scale(0.3);
9499
- -moz-transform: scale(0.3);
9500
- transform: scale(0.3);
9501
- opacity: 0.9;
9502
- -webkit-animation: moveclouds 15s linear infinite;
9503
- -moz-animation: moveclouds 15s linear infinite;
9504
- -o-animation: moveclouds 15s linear infinite;
9505
- }
9506
-
9507
- .cloud-2 {
9508
- top: -122px;
9509
- left: 140px;
9510
- -webkit-transform: scale(0.3);
9511
- -moz-transform: scale(0.3);
9512
- transform: scale(0.3);
9513
- -webkit-animation: moveclouds 17s linear infinite;
9514
- -moz-animation: moveclouds 17s linear infinite;
9515
- -o-animation: moveclouds 17s linear infinite;
9516
- }
9517
-
9518
- .cloud-3 {
9519
- left: 409px;
9520
- top: -50px;
9521
- -webkit-transform: scale(0.6);
9522
- -moz-transform: scale(0.6);
9523
- transform: scale(0.6);
9524
- opacity: 0.6;
9525
- -webkit-animation: moveclouds 25s linear infinite;
9526
- -moz-animation: moveclouds 25s linear infinite;
9527
- -o-animation: moveclouds 25s linear infinite;
9528
- }
9529
-
9530
- .cloud-4 {
9531
- left: -46px;
9532
- bottom: 135px;
9533
- -webkit-transform: scale(0.6);
9534
- -moz-transform: scale(0.6);
9535
- transform: scale(0.6);
9536
- opacity: 0.8;
9537
- -webkit-animation: moveclouds 25s linear infinite;
9538
- -moz-animation: moveclouds 25s linear infinite;
9539
- -o-animation: moveclouds 25s linear infinite;
9540
- }
9541
-
9542
- .cloud-5 {
9543
- left: 469px;
9544
- bottom: -57px;
9545
- -webkit-transform: scale(0.75);
9546
- -moz-transform: scale(0.75);
9547
- transform: scale(0.75);
9548
- opacity: 0.75;
9549
- -webkit-animation: moveclouds 18s linear infinite;
9550
- -moz-animation: moveclouds 18s linear infinite;
9551
- -o-animation: moveclouds 18s linear infinite;
9552
- }
9553
-
9554
- .cloud-6 {
9555
- left: 100%;
9556
- top: 263px;
9557
- -webkit-transform: scale(0.5);
9558
- -moz-transform: scale(0.5);
9559
- transform: scale(0.5);
9560
- opacity: 0.8;
9561
- -webkit-animation: moveclouds 20s linear infinite;
9562
- -moz-animation: moveclouds 20s linear infinite;
9563
- -o-animation: moveclouds 20s linear infinite;
9564
- }
9565
-
9566
- @-webkit-keyframes moveclouds {
9567
- 0% {
9568
- margin-left: 1000px;
9569
- }
9570
-
9571
- 100% {
9572
- margin-left: -1000px;
9573
- }
9574
- }
9575
-
9576
- @-moz-keyframes moveclouds {
9577
- 0% {
9578
- margin-left: 1000px;
9579
- }
9580
-
9581
- 100% {
9582
- margin-left: -1000px;
9583
- }
9584
- }
9585
-
9586
- @-o-keyframes moveclouds {
9587
- 0% {
9588
- margin-left: 1000px;
9589
- }
9590
-
9591
- 100% {
9592
- margin-left: -1000px;
9593
- }
9594
- }
9595
-
9596
- /* 404 Styly 02*/
9597
- .htmega-error-style-2 .content {
9598
- text-align: left;
9599
- padding-left: 65px;
9600
- }
9601
-
9602
- .htmega-error-style-2 .content h2 {
9603
- color: #ffffff;
9604
- font-size: 48px;
9605
- font-weight: 400;
9606
- margin-bottom: 4px;
9607
- }
9608
-
9609
- .htmega-error-style-2 .content h1 {
9610
- color: #ffffff;
9611
- font-size: 50px;
9612
- font-weight: 400;
9613
- line-height: 1.2;
9614
- margin-bottom: 7px;
9615
- margin-top: 0;
9616
- }
9617
-
9618
- .htmega-error-style-2 .content h1 span {
9619
- color: #ffffff;
9620
- font-size: 116px;
9621
- padding-right: 21px;
9622
- }
9623
-
9624
- .htmega-error-style-2 .content p {
9625
- color: #ffffff;
9626
- font-size: 32px;
9627
- line-height: 54px;
9628
- margin-bottom: 32px;
9629
- }
9630
-
9631
- .htmega-error-style-2 .content a.page-back-btn {
9632
- background: #fff;
9633
- color: #131e3a;
9634
- height: 75px;
9635
- display: inline-block;
9636
- padding: 0 60px;
9637
- font-size: 30px;
9638
- line-height: 71px;
9639
- border-radius: 31px;
9640
- transition: 0.4 ease-in-out;
9641
- }
9642
-
9643
- .htmega-error-style-2 .content a.page-back-btn:hover {
9644
- background: #fff;
9645
- border-radius: 20px 0;
9646
- color: #18012c;
9647
- transform: translateY(-5px);
9648
- }
9649
-
9650
- /*404 Styly 03*/
9651
- .htmega-error-style-3 .content{
9652
- padding-bottom: 10px;
9653
- }
9654
- .htmega-error-style-3 .content h2 {
9655
- color: #d5cff2;
9656
- font-size: 52px;
9657
- margin-bottom: 16px;
9658
- }
9659
-
9660
- .htmega-error-style-3 .content p {
9661
- color: #d5cff2;
9662
- font-size: 30px;
9663
- line-height: 44px;
9664
- margin-bottom: 38px;
9665
- font-family: "Montserrat", sans-serif;
9666
- }
9667
-
9668
- .htmega-error-style-3 .content a.page-back-btn {
9669
- background: #fd5c5e;
9670
- display: inline-block;
9671
- border-radius: 31px;
9672
- color: #d5cff2;
9673
- font-size: 36px;
9674
- transition: 0.5s ease-in-out;
9675
- padding: 0;
9676
- }
9677
- .htmega-error-style-3 .content a.page-back-btn i {
9678
- font-size: inherit;
9679
- padding-right: inherit;
9680
- }
9681
-
9682
- .htmega-error-style-3 .content a.page-back-btn:hover {
9683
- transform: scale(1.2);
9684
- background: #18012c;
9685
- color: #ffffff;
9686
- }
9687
-
9688
- /*404 Styly 04*/
9689
- .not-found-4 {
9690
- padding: 310px 0;
9691
- }
9692
-
9693
- .not-found-4 .content {
9694
- text-align: left;
9695
- }
9696
-
9697
- .not-found-4 .content h2 {
9698
- color: #fcfcfc;
9699
- font-size: 36px;
9700
- line-height: 64px;
9701
- font-weight: 400;
9702
- text-align: left;
9703
- margin-bottom: 30px;
9704
- }
9705
-
9706
- .not-found-4 .content a.page-back-btn {
9707
- background: #da4c00;
9708
- color: #fff;
9709
- height: 54px;
9710
- display: inline-block;
9711
- padding: 0 40px;
9712
- line-height: 54px;
9713
- font-size: 16px;
9714
- font-weight: 600;
9715
- border-radius: 27px;
9716
- transition: 0.5s ease-in-out;
9717
- margin-right: 26px;
9718
- font-family: "Montserrat", sans-serif;
9719
- }
9720
-
9721
- .not-found-4 .content a.page-back-btn:hover {
9722
- background: #da4c00 none repeat scroll 0 0;
9723
- border-radius: 27px;
9724
- color: #fff;
9725
- opacity: 0.7;
9726
- transform: translateY(0px);
9727
- }
9728
-
9729
- .not-found-4 .content a.page-back-btn.error_contact {
9730
- background: #ff8a00;
9731
- }
9732
-
9733
-
9734
- /*
9735
- * Counterup Css
9736
- */
9737
- .htmega-counter-content {
9738
- line-height: 1;
9739
- }
9740
- .htmega-counter-icon span{
9741
- display: inline-block;
9742
- }
9743
- .htmega-counter-icon svg {
9744
- width: 20px;
9745
- }
9746
- .htmega-counter-area .htmega-counter-img{
9747
- display: inline-block;
9748
- }
9749
-
9750
- /*Counterup Style 1*/
9751
- .htmega-counter-style-1 {
9752
- text-align: center;
9753
- }
9754
-
9755
- .htmega-counter-style-1 .htmega-counter-icon i {
9756
- font-size: 36px;
9757
- color: #ed552d;
9758
- }
9759
-
9760
- .htmega-counter-style-1 .htmega-counter-content span {
9761
- color: #696969;
9762
- font-size: 36px;
9763
- font-weight: 700;
9764
- margin-top: 20px;
9765
- display: inline-block;
9766
- font-family: "Montserrat", sans-serif;
9767
- }
9768
-
9769
- .htmega-counter-style-1 .htmega-counter-content h2 {
9770
- color: #898989;
9771
- font-weight: 400;
9772
- font-size: 17px;
9773
- margin: 0;
9774
- position: relative;
9775
- margin-top: 9px;
9776
- display: block;
9777
- padding-bottom: 15px;
9778
- }
9779
-
9780
- .htmega-counter-style-1 .htmega-counter-content h2::before {
9781
- background: #d5d5d5;
9782
- width: 48px;
9783
- height: 1px;
9784
- content: "";
9785
- position: absolute;
9786
- bottom: 0;
9787
- left: 50%;
9788
- transform: translateX(-50%);
9789
- }
9790
-
9791
- /*Counterup Style 2*/
9792
- .htmega-counter-style-2 {
9793
- display: flex;
9794
- align-items: center;
9795
- justify-content: center;
9796
- }
9797
-
9798
- .htmega-countericon-align-left {
9799
- flex-direction: row;
9800
- }
9801
-
9802
- .htmega-countericon-align-right {
9803
- flex-direction: row-reverse;
9804
- }
9805
-
9806
- .htmega-counter-style-2 .htmega-counter-icon {
9807
- padding-right: 20px;
9808
- }
9809
-
9810
- .htmega-counter-style-2 .htmega-counter-icon i {
9811
- font-size: 48px;
9812
- color: #383838;
9813
- }
9814
-
9815
- .htmega-counter-style-2 .htmega-counter-content span {
9816
- color: #383838;
9817
- font-size: 24px;
9818
- font-weight: 600;
9819
- margin-top: 13px;
9820
- display: inline-block;
9821
- font-family: "Montserrat", sans-serif;
9822
- position: relative;
9823
- }
9824
-
9825
- .htmega-counter-style-2 .htmega-counter-content h2 {
9826
- color: #383838;
9827
- font-weight: 400;
9828
- font-size: 20px;
9829
- margin: 0;
9830
- position: relative;
9831
- display: block;
9832
- }
9833
-
9834
- /*Counterup Style 3*/
9835
- .htmega-counter-area{
9836
- position: relative;
9837
- }
9838
- .htmega-counter-area::before {
9839
- position: absolute;
9840
- content: "";
9841
- left: 0;
9842
- right: 0;
9843
- top: 0;
9844
- bottom: 0;
9845
- background-color: transparent;
9846
- opacity: 0.8;
9847
- }
9848
- .htmega-counter-content {
9849
- position: relative;
9850
- z-index: 1;
9851
- }
9852
-
9853
- .htmega-counter-style-3 .htmega-counter-img {
9854
- display: inline-block;
9855
- position: relative;
9856
- }
9857
-
9858
- .htmega-counter-style-3 .htmega-counter-img::before {
9859
- position: absolute;
9860
- content: "";
9861
- left: 0;
9862
- right: 0;
9863
- top: 0;
9864
- bottom: 0;
9865
- background: #52b6bc;
9866
- opacity: 0.8;
9867
- border-radius: 100%;
9868
- }
9869
-
9870
- .htmega-counter-style-3 .htmega-counter-content {
9871
- position: absolute;
9872
- top: 50%;
9873
- left: 50%;
9874
- transform: translateX(-50%) translateY(-50%);
9875
- width: 100%;
9876
- }
9877
-
9878
- .htmega-counter-style-3 {
9879
- text-align: center;
9880
- }
9881
-
9882
- .htmega-counter-style-3 .htmega-counter-content span {
9883
- color: #ffffff;
9884
- font-size: 40px;
9885
- font-weight: 600;
9886
- margin-top: 13px;
9887
- font-family: 'Courgette', cursive;
9888
- }
9889
-
9890
- .htmega-counter-style-3 .htmega-counter-content h2 {
9891
- color: #ffffff;
9892
- font-weight: 400;
9893
- font-size: 20px;
9894
- margin: 0;
9895
- margin-top: 4px;
9896
- font-family: 'Courgette', cursive;
9897
- }
9898
-
9899
- /*Counterup Style 4*/
9900
- .htmega-counter-style-4 {
9901
- display: flex;
9902
- align-items: center;
9903
- justify-content: center;
9904
- }
9905
-
9906
- .htmega-counter-style-4 .htmega-counter-img {
9907
- padding-right: 25px;
9908
- }
9909
-
9910
- .htmega-counter-style-4 .htmega-counter-content {
9911
- text-align: center;
9912
- }
9913
-
9914
- .htmega-counter-style-4 .htmega-counter-content span {
9915
- color: #585858;
9916
- font-size: 24px;
9917
- font-weight: 600;
9918
- margin-top: 13px;
9919
- display: inline-block;
9920
- font-family: "Montserrat", sans-serif;
9921
- position: relative;
9922
- }
9923
-
9924
- .htmega-counter-style-4 .htmega-counter-content h2 {
9925
- color: #585858;
9926
- font-weight: 600;
9927
- font-size: 24px;
9928
- margin: 0;
9929
- position: relative;
9930
- display: block;
9931
- padding-bottom: 14px;
9932
- }
9933
-
9934
- .htmega-counter-style-4 .htmega-counter-content h2::before {
9935
- position: absolute;
9936
- content: "";
9937
- bottom: 0;
9938
- background: #ed552d;
9939
- width: 70px;
9940
- height: 2px;
9941
- left: 50%;
9942
- transform: translateX(-50%);
9943
- }
9944
-
9945
- /*Counterup Style 5*/
9946
- .htmega-counter-style-5 {
9947
- text-align: center;
9948
- }
9949
-
9950
- .htmega-counter-style-5 .htmega-counter-icon i {
9951
- font-size: 36px;
9952
- color: #ed552d;
9953
- }
9954
-
9955
- .htmega-counter-style-5 .htmega-counter-content span {
9956
- color: #18012c;
9957
- font-size: 36px;
9958
- font-weight: 700;
9959
- margin-top: 20px;
9960
- display: inline-block;
9961
- font-family: 'Lobster Two', cursive;
9962
- }
9963
-
9964
- .htmega-counter-style-5 .htmega-counter-content span.color-1 {
9965
- color: #b1c642;
9966
- }
9967
-
9968
- .htmega-counter-style-5 .htmega-counter-content span.color-2 {
9969
- color: #ff5020;
9970
- }
9971
-
9972
- .htmega-counter-style-5 .htmega-counter-content span.color-3 {
9973
- color: #ffc10d;
9974
- }
9975
-
9976
- .htmega-counter-style-5 .htmega-counter-content span.color-4 {
9977
- color: #68b9d8;
9978
- }
9979
-
9980
- .htmega-counter-style-5 .htmega-counter-content h2 {
9981
- color: #444444;
9982
- font-weight: 400;
9983
- font-size: 24px;
9984
- margin: 0;
9985
- margin-top: 9px;
9986
- display: block;
9987
- padding-bottom: 15px;
9988
- font-family: 'Lobster Two', cursive;
9989
- }
9990
-
9991
- /*Counterup Style 6*/
9992
- .htmega-counter-style-6 {
9993
- text-align: center;
9994
- }
9995
-
9996
- .htmega-counter-style-6 .htmega-counter-icon {
9997
- display: flex;
9998
- justify-content: center;
9999
- align-items: center;
10000
- }
10001
-
10002
- .htmega-counter-style-6 .htmega-counter-icon span {
10003
- color: #363636;
10004
- font-size: 36px;
10005
- font-weight: 600;
10006
- display: inline-block;
10007
- font-family: "Montserrat", sans-serif;
10008
- padding-left: 15px;
10009
- }
10010
-
10011
- .htmega-counter-style-6 .htmega-counter-content h2 {
10012
- color: #363636;
10013
- font-weight: 600;
10014
- font-size: 16px;
10015
- margin: 0;
10016
- display: block;
10017
- font-family: "Montserrat", sans-serif;
10018
- margin-top: 13px;
10019
- text-transform: uppercase;
10020
- }
10021
-
10022
- .htmega-counter-style-6 .htmega-counter-content::after {
10023
- content: "";
10024
- position: absolute;
10025
- top: -10px;
10026
- width: 35px;
10027
- border: 1px dashed transparent;
10028
- left: 40%;
10029
- }
10030
-
10031
- /*
10032
- * Blog Post Css
10033
- */
10034
-
10035
- .row-1 > [class*="col"] {
10036
- padding-left: 1px;
10037
- padding-right: 1px;
10038
- }
10039
-
10040
- .grid_post .elementor-widget {
10041
- margin-bottom: 0 !important;
10042
- }
10043
-
10044
- .row--10 > [class*="col"] {
10045
- padding-left: 10px;
10046
- padding-right: 10px;
10047
- }
10048
-
10049
- .mt--30,.ht-post.mt--30 {
10050
- margin-top: 30px;
10051
- }
10052
- .mt--20,.ht-post.mt--20 {
10053
- margin-top: 20px;
10054
- }
10055
-
10056
- /*Blog Post Css*/
10057
- .gradient-overlay .thumb a {
10058
- display: block;
10059
- position: relative;
10060
- }
10061
-
10062
- .gradient-overlay .thumb a::before {
10063
- position: absolute;
10064
- left: 0;
10065
- top: 0;
10066
- width: 100%;
10067
- height: 100%;
10068
- content: "";
10069
- z-index: 2;
10070
- opacity: 0.3;
10071
- right: 0;
10072
- }
10073
-
10074
- .gradient-overlay.gradient-overlay-1 .thumb a::before {
10075
- background-image: linear-gradient(#f10afd, #1cc3e2);
10076
- background-image: -webkit-gradient(#f10afd, #1cc3e2);
10077
- background-image: -webkit-linear-gradient(#f10afd, #1cc3e2);
10078
- background-image: -moz-linear-gradient(#f10afd, #1cc3e2);
10079
- background-image: -ms-linear-gradient(#f10afd, #1cc3e2);
10080
- background-image: -o-linear-gradient(#f10afd, #1cc3e2);
10081
- opacity: 0.8;
10082
- }
10083
-
10084
- .gradient-overlay.gradient-overlay-2 .thumb a::before {
10085
- background-image: linear-gradient(#f29a4a, #f2c84c);
10086
- background-image: -webkit-gradient(#f29a4a, #f2c84c);
10087
- background-image: -webkit-linear-gradient(#f29a4a, #f2c84c);
10088
- background-image: -moz-linear-gradient(#f29a4a, #f2c84c);
10089
- background-image: -ms-linear-gradient(#f29a4a, #f2c84c);
10090
- background-image: -o-linear-gradient(#f29a4a, #f2c84c);
10091
- opacity: 0.8;
10092
- }
10093
-
10094
- .gradient-overlay.gradient-overlay-3 .thumb a::before {
10095
- background-image: linear-gradient(#f7384e, #0fbcb9);
10096
- background-image: -webkit-gradient(#f7384e, #0fbcb9);
10097
- background-image: -webkit-linear-gradient(#f7384e, #0fbcb9);
10098
- background-image: -moz-linear-gradient(#f7384e, #0fbcb9);
10099
- background-image: -ms-linear-gradient(#f7384e, #0fbcb9);
10100
- background-image: -o-linear-gradient(#f7384e, #0fbcb9);
10101
- opacity: 0.8;
10102
- }
10103
-
10104
- .gradient-overlay.gradient-overlay-4 .thumb a::before {
10105
- background-image: linear-gradient(#bd3664, #222671);
10106
- background-image: -webkit-gradient(#bd3664, #222671);
10107
- background-image: -webkit-linear-gradient(#bd3664, #222671);
10108
- background-image: -moz-linear-gradient(#bd3664, #222671);
10109
- background-image: -ms-linear-gradient(#bd3664, #222671);
10110
- background-image: -o-linear-gradient(#bd3664, #222671);
10111
- opacity: 0.8;
10112
- }
10113
-
10114
- .gradient-overlay.gradient-overlay-5 .thumb a::before {
10115
- background-image: linear-gradient(#eb3449, #f45a43);
10116
- background-image: -webkit-gradient(#eb3449, #f45a43);
10117
- background-image: -webkit-linear-gradient(#eb3449, #f45a43);
10118
- background-image: -moz-linear-gradient(#eb3449, #f45a43);
10119
- background-image: -ms-linear-gradient(#eb3449, #f45a43);
10120
- background-image: -o-linear-gradient(#eb3449, #f45a43);
10121
- opacity: 0.8;
10122
- }
10123
-
10124
- .gradient-overlay.gradient-overlay-6 .thumb a::before {
10125
- background-image: linear-gradient(#c03764, #202671);
10126
- background-image: -webkit-gradient(#c03764, #202671);
10127
- background-image: -webkit-linear-gradient(#c03764, #202671);
10128
- background-image: -moz-linear-gradient(#c03764, #202671);
10129
- background-image: -ms-linear-gradient(#c03764, #202671);
10130
- background-image: -o-linear-gradient(#c03764, #202671);
10131
- opacity: 0.8;
10132
- }
10133
-
10134
- .gradient-overlay.gradient-overlay-7 .thumb a::before {
10135
- background-image: linear-gradient(#eb3449, #f45b43);
10136
- background-image: -webkit-gradient(#eb3449, #f45b43);
10137
- background-image: -webkit-linear-gradient(#eb3449, #f45b43);
10138
- background-image: -moz-linear-gradient(#eb3449, #f45b43);
10139
- background-image: -ms-linear-gradient(#eb3449, #f45b43);
10140
- background-image: -o-linear-gradient(#eb3449, #f45b43);
10141
- opacity: 0.8;
10142
- }
10143
-
10144
- .black-overlay .thumb a {
10145
- display: block;
10146
- position: relative;
10147
- }
10148
-
10149
- .black-overlay .thumb a::before {
10150
- position: absolute;
10151
- left: 0;
10152
- top: 0;
10153
- width: 100%;
10154
- height: 100%;
10155
- content: "";
10156
- z-index: 2;
10157
- opacity: 0.2;
10158
- right: 0;
10159
- background: #000000;
10160
- }
10161
-
10162
- /*Blog Post Content*/
10163
- .ht-post {
10164
- position: relative;
10165
- margin-top: 2px;
10166
- overflow: hidden;
10167
- }
10168
- .ht-post .thumb{
10169
- overflow: hidden;
10170
- }
10171
- .ht-post .thumb a img {
10172
- width: 100%;
10173
- display: block;
10174
- transition: 0.3s ease-out;
10175
- overflow: hidden;
10176
- object-fit: cover;
10177
- height: 100%;
10178
- }
10179
- .ht-post:hover .thumb a img {
10180
- opacity: 1;
10181
- transform: scale3d(1.1, 1.1, 1);
10182
- }
10183
-
10184
- .ht-post a.post-category {
10185
- background: #f05555 none repeat scroll 0 0;
10186
- color: #fff;
10187
- display: inline-block;
10188
- font-size: 12px;
10189
- font-weight: 600;
10190
- height: auto;
10191
- letter-spacing: 1px;
10192
- line-height: 24px;
10193
- padding: 0 8px;
10194
- position: absolute;
10195
- text-transform: uppercase;
10196
- z-index: 2;
10197
- }
10198
-
10199
- .ht-post a.post-position-top-left {
10200
- left: 0;
10201
- top: 0;
10202
- }
10203
-
10204
- .ht-post a.post-position-top-right {
10205
- right: 0;
10206
- top: 0;
10207
- }
10208
-
10209
- .ht-post .post-content {
10210
- position: absolute;
10211
- bottom: 0;
10212
- z-index: 2;
10213
- padding: 20px 10px 20px 20px;
10214
- width: 100%;
10215
- }
10216
-
10217
- .ht-post .post-content .content h4 {
10218
- font-size: 20px;
10219
- line-height: 26px;
10220
- margin-bottom: 11px;
10221
- }
10222
-
10223
- .ht-post .post-content .content h2 {
10224
- font-size: 36px;
10225
- margin-bottom: 11px;
10226
- }
10227
-
10228
- .ht-post .post-content .content a {
10229
- color: #ffffff;
10230
- }
10231
-
10232
- .ht-post .post-content .content .meta {
10233
- color: #fff;
10234
- font-size: 14px;
10235
- letter-spacing: 2px;
10236
- }
10237
-
10238
- .ht-post a.play-video {
10239
- position: absolute;
10240
- z-index: 3;
10241
- top: 50%;
10242
- left: 50%;
10243
- transform: translateX(-50%) translateY(-50%);
10244
- width: 50px;
10245
- height: 50px;
10246
- background: transparent;
10247
- border: 1px solid #fff;
10248
- border-radius: 100%;
10249
- padding: 0;
10250
- text-align: center;
10251
- color: #fff;
10252
- font-size: 24px;
10253
- transition: 0.4s ease-in-out;
10254
- }
10255
-
10256
- .ht-post a.play-video:hover {
10257
- background: #18012c;
10258
- color: #fff;
10259
- border: 1px solid #18012c;
10260
- }
10261
-
10262
- .ht-post a.play-video i {
10263
- margin-left: 4px;
10264
- }
10265
-
10266
- /*
10267
- * Single Post Style
10268
- */
10269
- .htmega-single-post .post-category a {
10270
- background: #f05555 none repeat scroll 0 0;
10271
- color: #fff;
10272
- display: inline-block;
10273
- font-size: 12px;
10274
- font-weight: 300;
10275
- line-height: 24px;
10276
- padding: 0 9px;
10277
- text-transform: uppercase;
10278
- transition: all 0.4s ease 0s;
10279
- }
10280
-
10281
- .htmega-single-post .post-category a:hover {
10282
- background: #18012c;
10283
- color: #ffffff;
10284
- }
10285
-
10286
- .htmega-single-post ul.meta {
10287
- display: flex;
10288
- list-style: outside none none;
10289
- margin: 0 -15px;
10290
- padding: 0;
10291
- }
10292
- .htmega-single-post ul.meta li {
10293
- font-size: 13px;
10294
- letter-spacing: 2px;
10295
- margin: 0 15px;
10296
- }
10297
- .htmega-single-post ul.meta li i {
10298
- font-size: 14px;
10299
- margin-right: 10px;
10300
- }
10301
-
10302
- .htmega-single-post {
10303
- position: relative;
10304
- }
10305
-
10306
- .htmega-single-post .thumb {
10307
- overflow: hidden;
10308
- }
10309
- .htmega-single-post .thumb a{
10310
- display: block;
10311
- position: relative;
10312
- }
10313
- .htmega-single-post a{
10314
- text-decoration: none;
10315
- }
10316
- .htmega-single-post .thumb a img {
10317
- transition: 0.4s ease-in-out;
10318
- }
10319
-
10320
- .htmega-single-post:hover .thumb a img {
10321
- transform: scale(1.2);
10322
- }
10323
-
10324
- /* Single Post Style 01 */
10325
- .htmega-single-post-style-1 .content {
10326
- position: absolute;
10327
- bottom: 0;
10328
- padding: 40px;
10329
- width: 100%;
10330
- }
10331
-
10332
- .htmega-single-post-style-1 .content h2 {
10333
- font-size: 24px;
10334
- font-weight: 600;
10335
- margin-top: 15px;
10336
- margin-bottom: 10px;
10337
- line-height: 36px;
10338
- }
10339
-
10340
- .htmega-single-post-style-1 .content h2 a,.htmega-single-post-style-1 .content ul.meta li,.htmega-single-post-style-1 .content ul.meta li a {
10341
- color: #ffffff;
10342
- }
10343
-
10344
-
10345
- /* Single Post 02 */
10346
- .htmega-single-post-style-2 .content {
10347
- padding-top: 30px;
10348
- }
10349
-
10350
- .htmega-single-post-style-2 .content h2 {
10351
- font-size: 24px;
10352
- font-weight: 600;
10353
- margin-top: 15px;
10354
- margin-bottom: 10px;
10355
- line-height: 36px;
10356
- }
10357
-
10358
- .htmega-single-post-style-2 .content h2 a,.htmega-single-post-style-2 .content ul.meta li,.htmega-single-post-style-2 .content ul.meta li a {
10359
- color: #464545;
10360
- }
10361
-
10362
- /*Single Post 03*/
10363
- .htmega-single-post-style-3 .content {
10364
- position: absolute;
10365
- top: 50%;
10366
- width: 100%;
10367
- transform: translateY(-50%);
10368
- text-align: center;
10369
- }
10370
-
10371
- .htmega-single-post-style-3 .content h2 {
10372
- font-size: 24px;
10373
- font-weight: 600;
10374
- margin-top: 18px;
10375
- margin-bottom: 22px;
10376
- line-height: 34px;
10377
- }
10378
-
10379
- .htmega-single-post-style-3 .content h2 a {
10380
- color: #ffffff;
10381
- }
10382
-
10383
- .htmega-single-post-style-3 .content ul.meta {
10384
- justify-content: center;
10385
- }
10386
-
10387
- .htmega-single-post-style-3 .content ul.meta li,.htmega-single-post-style-3 .content ul.meta li a {
10388
- color: #ffffff;
10389
- }
10390
-
10391
- /*Single Post 04*/
10392
- .htmega-single-post-style-4 .content {
10393
- background: #ffffff;
10394
- text-align: center;
10395
- padding: 40px 20px;
10396
- }
10397
-
10398
- .htmega-single-post-style-4 .content h2 {
10399
- font-size: 24px;
10400
- font-weight: 600;
10401
- margin-bottom: 16px;
10402
- line-height: 36px;
10403
- margin-top: 0px;
10404
- }
10405
-
10406
- .htmega-single-post-style-4 .content h2 a {
10407
- color: #464545;
10408
- transition: 0.4s ease-in;
10409
- }
10410
-
10411
- .htmega-single-post-style-4 .content h2 a:hover {
10412
- color: #18012c;
10413
- }
10414
-
10415
- .htmega-single-post-style-4 .content ul.meta {
10416
- justify-content: center;
10417
- }
10418
-
10419
- .htmega-single-post-style-4 .content ul.meta li,.htmega-single-post-style-4 .content ul.meta li a {
10420
- color: #464545;
10421
- }
10422
-
10423
- /*
10424
- * Post Slider Css
10425
- */
10426
- .htmega-single-post-slide {
10427
- position: relative;
10428
- }
10429
- .htmega-single-post-slide img{
10430
- width: 100%;
10431
- }
10432
- .htmega-single-post-slide a{
10433
- text-decoration: none;
10434
- }
10435
- .htmega-single-post-slide .content ul.post-category {
10436
- display: block;
10437
- list-style: outside none none;
10438
- margin: 0;
10439
- padding: 0;
10440
- }
10441
-
10442
- .htmega-single-post-slide .content ul.post-category li {
10443
- background: #f05555 none repeat scroll 0 0;
10444
- margin-right: 10px;
10445
- transition: all 0.4s ease-in-out 0s;
10446
- line-height: inherit;
10447
- margin-left: 0;
10448
- display: inline-block;
10449
- }
10450
-
10451
- .htmega-single-post-slide .content ul.post-category li a {
10452
- color: #fff;
10453
- font-size: 13px;
10454
- font-weight: 300;
10455
- letter-spacing: 1px;
10456
- text-transform: uppercase;
10457
- padding: 5px 9px;
10458
- display: block;
10459
- text-decoration: none;
10460
- line-height: 1;
10461
- }
10462
- .htmega-single-post-slide .content ul.post-category li a:hover{
10463
- background: #18012c none repeat scroll 0 0;
10464
- color: #ffffff;
10465
- }
10466
-
10467
- .htmega-single-post-slide ul.meta {
10468
- color: #464545;
10469
- display: block;
10470
- list-style: outside none none;
10471
- margin: 0;
10472
- padding: 0;
10473
- }
10474
-
10475
- .htmega-single-post-slide ul.meta li {
10476
- font-size: 13px;
10477
- letter-spacing: 2px;
10478
- margin-right:15px;
10479
- display: inline-block;
10480
- margin-left: 0;
10481
- }
10482
-
10483
- .htmega-single-post-slide ul.meta li i {
10484
- padding-right: 10px;
10485
- }
10486
-
10487
- .htmega-single-post-slide .content .post-inner h2{
10488
- margin-top: 20px;
10489
- margin-bottom: 10px;
10490
- }
10491
-
10492
- .htmega-single-post-slide .content .post-inner p{
10493
- margin: 22px 0 25px;
10494
- color: #18012c;
10495
- font-size: 14px;
10496
- line-height: 28px;
10497
- }
10498
-
10499
- .htmega-single-post-slide .content .post-inner h2 a,.htmega-single-post-slide .content .post-inner ul.meta li a {
10500
- color: #18012c;
10501
- }
10502
-
10503
- .htmega-single-post-slide .post-btn a.readmore-btn {
10504
- background: transparent none repeat scroll 0 0;
10505
- border: 1px solid #464545;
10506
- border-radius: 23px;
10507
- color: #464545;
10508
- display: inline-block;
10509
- font-size: 14px;
10510
- font-weight: 400;
10511
- line-height: 44px;
10512
- padding: 0 37px;
10513
- transition: all 0.4s ease-in-out 0s;
10514
- text-decoration: none;
10515
- }
10516
-
10517
- .htmega-single-post-slide .post-btn a.readmore-btn:hover {
10518
- background: #18012c none repeat scroll 0 0;
10519
- border: 1px solid #18012c;
10520
- color: #ffffff;
10521
- }
10522
-
10523
- .htmega-postslider-area img{
10524
- width: 100%;
10525
- }
10526
-
10527
- .htmega-postslider-area button.slick-arrow {
10528
- background: #ccd5d5 none repeat scroll 0 0;
10529
- border: 0 none;
10530
- bottom: 10px;
10531
- color: #00282a;
10532
- font-size: 24px;
10533
- height: 40px;
10534
- left: auto;
10535
- line-height: 1;
10536
- padding: 0;
10537
- position: absolute;
10538
- right: 10px;
10539
- width: 46px;
10540
- z-index: 2;
10541
- }
10542
- .htmega-postslider-area button.htmega-carosul-prev.slick-arrow {
10543
- right: 60px;
10544
- }
10545
-
10546
- .htmega-arrow-2.htmega-postslider-area button.slick-arrow{
10547
- background: #d7dae9 none repeat scroll 0 0;
10548
- border: 1px solid #d7dae9;
10549
- border-radius: 100%;
10550
- color: #2a47e0;
10551
- font-size: 24px;
10552
- left: 0;
10553
- position: absolute;
10554
- top: 50%;
10555
- transform: translateY(-50%);
10556
- transition: all 0.4s ease 0s;
10557
- z-index: 2;
10558
- }
10559
- .htmega-arrow-2.htmega-postslider-area button.htmega-carosul-next.slick-arrow {
10560
- left: auto !important;
10561
- right: 0;
10562
- }
10563
-
10564
- .htmega-postslider-area .slick-dots li button::before{
10565
- display: none;
10566
- }
10567
-
10568
- .htmega-postslider-area .slick-dots li {
10569
- background: #ccd5d5 none repeat scroll 0 0;
10570
- border-radius: 100%;
10571
- height: 15px;
10572
- width: 15px;
10573
- }
10574
-
10575
- .htmega-postslider-area .slick-dots li.slick-active {
10576
- background: #00282a none repeat scroll 0 0;
10577
- }
10578
-
10579
- /* slider style 01 */
10580
- .htmega-postslider-layout-1 .content {
10581
- position: absolute;
10582
- left: 0;
10583
- top: 0;
10584
- max-width: 40%;
10585
- height: 100%;
10586
- padding: 10px;
10587
- z-index: 2;
10588
- }
10589
-
10590
- .htmega-postslider-layout-1 .content .post-inner {
10591
- width: 100%;
10592
- height: 100%;
10593
- background: rgba(0, 140, 167, 0.8);
10594
- display: flex;
10595
- flex-direction: column;
10596
- justify-content: center;
10597
- padding: 30px;
10598
- }
10599
-
10600
- .htmega-postslider-layout-1 .content .post-inner h2 {
10601
- font-size: 24px;
10602
- font-weight: 500;
10603
- }
10604
-
10605
- .htmega-postslider-layout-1 .content .post-inner h2 a,.htmega-postslider-layout-1 .content .post-inner ul.meta li a {
10606
- color: #ffffff;
10607
- }
10608
-
10609
- .htmega-postslider-layout-1 .content .post-inner p {
10610
- color: #ffffff;
10611
- font-size: 14px;
10612
- line-height: 28px;
10613
- }
10614
-
10615
- .htmega-postslider-layout-1 ul.meta{
10616
- color: #ffffff;
10617
- }
10618
-
10619
- .htmega-postslider-layout-1 .post-btn a.readmore-btn {
10620
- border: 1px solid #ffffff;
10621
- color: #ffffff;
10622
- }
10623
- /* News css */
10624
- .htmega-single-post-slide .thumb a {
10625
- display: block;
10626
- height: 100%;
10627
- }
10628
- .htmega-single-post-slide .thumb a img {
10629
- object-fit: cover;
10630
- width: 100%;
10631
- height: 100%;
10632
- }
10633
-
10634
- /* Slider Style 02 */
10635
- .htmega-postslider-layout-2 .content .post-inner h2 {
10636
- font-size: 24px;
10637
- font-weight: 500;
10638
- margin-top: 20px;
10639
- margin-bottom: 18px;
10640
- }
10641
-
10642
- .htmega-postslider-layout-2 .content .post-inner h2 a {
10643
- color: #464545;
10644
- }
10645
-
10646
- .htmega-postslider-layout-2 .content .post-inner ul.meta li,.htmega-postslider-layout-2 .content .post-inner ul.meta li a {
10647
- color: #464545;
10648
- }
10649
-
10650
- .htmega-postslider-layout-2 .content .post-inner p {
10651
- color: #464545;
10652
- }
10653
-
10654
- .htmega-postslider-layout-2 .content .post-inner .post-btn {
10655
- margin-top: 19px;
10656
- }
10657
-
10658
- .htmega-post-slider-right .content {
10659
- display: flex;
10660
- align-items: center;
10661
- height: 100%;
10662
- position: relative;
10663
- z-index: 2;
10664
- }
10665
-
10666
- /* Slider Style 03 */
10667
- .htmega-postslider-layout-3 .content {
10668
- position: absolute;
10669
- top: 50%;
10670
- width: 100%;
10671
- transform: translateY(-50%);
10672
- text-align: center;
10673
- z-index: 2;
10674
- }
10675
-
10676
- .htmega-postslider-layout-3 .content .post-inner h2 {
10677
- font-size: 24px;
10678
- font-weight: 500;
10679
- margin-top: 20px;
10680
- margin-bottom: 18px;
10681
- padding: 0 26%;
10682
- line-height: 34px;
10683
- }
10684
-
10685
- .htmega-postslider-layout-3 .content .post-inner h2 a {
10686
- color: #ffffff;
10687
- }
10688
-
10689
- .htmega-postslider-layout-3 .content .post-inner ul.meta {
10690
- justify-content: center;
10691
- }
10692
-
10693
- .htmega-postslider-layout-3 .content .post-inner ul.meta li,.htmega-postslider-layout-3 .content .post-inner ul.meta li a {
10694
- color: #ffffff;
10695
- }
10696
-
10697
- .htmega-postslider-layout-3 .content .post-inner .post-btn {
10698
- margin-top: 19px;
10699
- }
10700
-
10701
- .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn {
10702
- border: 1px solid #ffffff;
10703
- color: #ffffff;
10704
- }
10705
-
10706
- .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn:hover {
10707
- background: #18012c;
10708
- color: #ffffff;
10709
- border: 1px solid #18012c;
10710
- }
10711
-
10712
- .htmega-postslider-layout-3 .content ul.post-category {
10713
- justify-content: center;
10714
- }
10715
-
10716
-
10717
- /* Slider Style 04 */
10718
- .htmega-postslider-layout-4 .content {
10719
- position: absolute;
10720
- text-align: center;
10721
- bottom: 0;
10722
- padding: 20px;
10723
- }
10724
-
10725
- .htmega-postslider-layout-4 .content .post-inner {
10726
- background: rgba(0, 86, 255, 0.7);
10727
- padding: 25px;
10728
- text-align: left;
10729
- }
10730
-
10731
- .htmega-postslider-layout-4 .content .post-inner h2 {
10732
- font-size: 24px;
10733
- font-weight: 500;
10734
- margin-bottom: 13px;
10735
- line-height: 34px;
10736
- }
10737
-
10738
- .htmega-postslider-layout-4 .content .post-inner h2 a {
10739
- color: #ffffff;
10740
- }
10741
-
10742
- .htmega-postslider-layout-4 .content .post-inner ul.meta li {
10743
- color: #ffffff;
10744
- }
10745
-
10746
- .htmega-postslider-layout-4 .content .post-inner ul.meta li a {
10747
- color: #ffffff;
10748
- }
10749
-
10750
- .htmega-postslider-layout-4 .content ul.post-category {
10751
- justify-content: center;
10752
- }
10753
-
10754
- /* Slider Style 05 */
10755
- .htmega-postslider-layout-5 .content {
10756
- background: #f4f4f4;
10757
- padding: 60px;
10758
- }
10759
-
10760
- .htmega-postslider-layout-5 .content .post-inner h2 {
10761
- font-size: 24px;
10762
- font-weight: 500;
10763
- margin-top: 20px;
10764
- margin-bottom: 18px;
10765
- line-height: 34px;
10766
- }
10767
-
10768
- .htmega-postslider-layout-5 .content .post-inner h2 a {
10769
- color: #464545;
10770
- }
10771
-
10772
- .htmega-postslider-layout-5 .content .post-inner ul.meta li,.htmega-postslider-layout-5 .content .post-inner ul.meta li a {
10773
- color: #464545;
10774
- }
10775
-
10776
- .htmega-postslider-layout-5 .content .post-inner .post-btn {
10777
- margin-top: 19px;
10778
- }
10779
-
10780
- .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn {
10781
- border: 1px solid #494849;
10782
- color: #494849;
10783
- }
10784
-
10785
- .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn:hover {
10786
- background: #18012c;
10787
- color: #ffffff;
10788
- border: 1px solid #18012c;
10789
- }
10790
- .htmega-arrow-2.htmega-postslider-area.htmega-postslider-style-5 button.slick-arrow{
10791
- top: 30%;
10792
- }
10793
-
10794
- .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots {
10795
- bottom: 0;
10796
- display: flex;
10797
- flex-direction: column;
10798
- justify-content: space-between;
10799
- position: absolute;
10800
- right: 0;
10801
- top: 0;
10802
- width: 200px;
10803
- z-index: 2;
10804
- }
10805
- .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li {
10806
- align-items: center;
10807
- background: transparent none repeat scroll 0 0;
10808
- border-bottom: 5px solid #828282;
10809
- border-left: 5px solid #828282;
10810
- border-radius: 0;
10811
- border-right: 5px solid #828282;
10812
- cursor: pointer;
10813
- display: flex;
10814
- flex-basis: 100%;
10815
- height: auto;
10816
- margin: 0;
10817
- overflow: hidden;
10818
- padding: 20px;
10819
- position: relative;
10820
- text-align: left;
10821
- transition: all 0.5s ease-in-out 0s;
10822
- width: auto;
10823
- z-index: 2;
10824
- }
10825
- .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li:first-child {
10826
- border-top: 5px solid #828282;
10827
- }
10828
-
10829
- .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li.slick-active {
10830
- background: transparent none repeat scroll 0 0;
10831
- border: 5px solid #ffffff;
10832
- }
10833
-
10834
-
10835
- .htmega-postslider-style-4.htmega-postslider-area.thumb-st-layout-4 ul.slick-dots li:last-child{
10836
- border-bottom: 0!important;
10837
- }
10838
-
10839
- .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li h6 {
10840
- bottom: 0;
10841
- color: #ffffff;
10842
- font-weight: 500;
10843
- line-height: 22px;
10844
- margin: 0;
10845
- /* padding-bottom: 20px; */
10846
- /* position: absolute; */
10847
- }
10848
-
10849
- .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li img {
10850
- height: 100%;
10851
- object-fit: cover;
10852
- width: 100%;
10853
- }
10854
- .htmega-postslider-style-4.htmega-postslider-area ul.slick-dots li:after {
10855
- content: "";
10856
- background: rgba(0, 0, 0, 0);
10857
- left: 0;
10858
- height: 0;
10859
- position: absolute;
10860
- width: 100%;
10861
- height: 100%;
10862
- z-index: 2;
10863
- text-align: center;
10864
- display: flex;
10865
- justify-content: center;
10866
- align-items: center;
10867
- font-size: 132px;
10868
- color: #fff;
10869
- transition: all 0.3s ease-in-out;
10870
- }
10871
- .htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li:after {
10872
- opacity: 0;
10873
- }
10874
- .htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li.slick-active:after,.htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li:hover:after {
10875
- opacity: 1;
10876
- }
10877
- /* Slider Style 06 */
10878
- .htmega-post-slider-st-6{
10879
- display: flex;
10880
- flex-direction: row-reverse;
10881
- }
10882
- .htmega-post-slider-st-6 .htmega-post-slider-right {
10883
- width: 45%;
10884
- }
10885
- .htmega-post-slider-st-6 .htmega-post-slider-left {
10886
- width: 55%;
10887
- }
10888
- .htmega-post-slider-st-6 .htmega-post-slider-right{
10889
- border: 25px solid #ddd;
10890
- }
10891
- .htmega-post-slider-st-6 .htmega-post-slider-right .content{
10892
- background-color: transparent;
10893
- background-image: linear-gradient(60deg, #3237C2 0%, #f2295b 100%);
10894
- padding: 30px;
10895
- }
10896
-
10897
- .htmega-post-slider-left .thumb{
10898
- height: 100%;
10899
- }
10900
-
10901
- /* Slider Style 07 */
10902
- .htmega-post-slider-st-7 {
10903
- flex-direction: row;
10904
- }
10905
- .htmega-post-slider-st-7 .htmega-post-slider-right {
10906
- width: 55%;
10907
- }
10908
- .htmega-post-slider-st-7 .htmega-post-slider-left {
10909
- width: 45%;
10910
- }
10911
- .htmega-post-slider-st-7 .htmega-post-slider-right{
10912
- border: none;
10913
- }
10914
- .htmega-post-slider-st-7 .htmega-post-slider-right .content {
10915
- background-color:none;
10916
- background-image: none;
10917
- }
10918
-
10919
- .htmega-post-slider-st-7{
10920
- background-color: rgba(255, 255, 255, 0.2);
10921
- border-radius: 15px;
10922
- overflow: hidden;
10923
- }
10924
-
10925
- .htmega-single-post-slide .thumb a,.ht-post .thumb a{
10926
- position: relative;
10927
- display: block;
10928
- }
10929
- .htmega-single-post-slide .thumb a:after,.ht-post .thumb a:after,
10930
- .htmega-single-post-slide.htmega-postslider-layout-3 .thumb a:before {
10931
- content: "";
10932
- position: absolute;
10933
- background: rgba(0, 0, 0, 0);
10934
- top: 0;
10935
- left: 0;
10936
- width: 100%;
10937
- z-index: 0;
10938
- height: 100%;
10939
- transition: all 0.3s ease-in-out;
10940
- }
10941
- .htmega-single-post-slide.htmega-postslider-layout-3 .thumb a:before{
10942
- opacity: 0;
10943
- transition: all 0.3s ease-in-out;
10944
- }
10945
- .htmega-single-post-slide.htmega-postslider-layout-3:hover .thumb a:before{
10946
- opacity: 1;
10947
- }
10948
- .htmega-postslider-area .slick-slide>div{
10949
- line-height: 0;
10950
- }
10951
-
10952
- /* mobile Device :768px. */
10953
- @media (max-width: 767px) {
10954
- .htmega-post-slider-st-6{
10955
- flex-direction: column-reverse;
10956
- }
10957
- .htmega-post-slider-st-6 .htmega-post-slider-right {
10958
- width: 100%;
10959
- }
10960
- .htmega-post-slider-st-6 .htmega-post-slider-left {
10961
- width: 100%;
10962
- }
10963
- }
10964
-
10965
-
10966
- /*
10967
- * Image Grid Layout
10968
- */
10969
- .htmega-image-gridstyle-4 .htb-row > [class*="col"] {
10970
- padding-left: 10px;
10971
- padding-right: 10px;
10972
- }
10973
-
10974
- .htmega-masonry-activation.htmega-image-gridstyle-5 .htb-row > [class*="col"] {
10975
- padding-left: 25px;
10976
- padding-right: 25px;
10977
- }
10978
-
10979
- .htmega-singleimage-grid .thumb img {
10980
- width: 100%;
10981
- }
10982
- .htmega-singleimage-grid h2{
10983
- margin: 0;
10984
- }
10985
-
10986
- .htmega-singleimage-gridstyle-1 {
10987
- width: 100%;
10988
- height: 100%;
10989
- float: left;
10990
- overflow: hidden;
10991
- position: relative;
10992
- text-align: center;
10993
- cursor: default;
10994
- margin-top: 30px;
10995
- overflow: hidden;
10996
- }
10997
-
10998
- .htmega-singleimage-gridstyle-1 .thumb {
10999
- overflow: hidden;
11000
- }
11001
-
11002
- .htmega-singleimage-gridstyle-1 .thumb a {
11003
- position: relative;
11004
- display: block;
11005
- z-index: 2;
11006
- }
11007
-
11008
- .htmega-singleimage-gridstyle-1 .thumb a::before {
11009
- width: 100%;
11010
- height: 100%;
11011
- position: absolute;
11012
- top: 0;
11013
- left: 0;
11014
- opacity: 0;
11015
- background-color: rgba(0, 0, 0, 0.5);
11016
- -webkit-transition: all .4s ease-in-out;
11017
- transition: all .4s ease-in-out;
11018
- content: "";
11019
- z-index: 1;
11020
- }
11021
-
11022
- .htmega-singleimage-gridstyle-1 .thumb a img {
11023
- display: block;
11024
- position: relative;
11025
- -webkit-transition: all .4s linear;
11026
- transition: all .4s linear;
11027
- }
11028
-
11029
- .htmega-singleimage-gridstyle-1:hover .thumb a::before {
11030
- opacity: 1;
11031
- }
11032
-
11033
- .htmega-singleimage-gridstyle-1:hover .thumb a img {
11034
- -webkit-transform: scale(1.2);
11035
- transform: scale(1.2);
11036
- }
11037
-
11038
- .htmega-singleimage-gridstyle-1 .image-grid-content h2 {
11039
- text-transform: uppercase;
11040
- color: #fff;
11041
- text-align: center;
11042
- position: absolute;
11043
- font-size: 17px;
11044
- background: rgba(0, 0, 0, 0.6);
11045
- -webkit-transform: translateY(-100px);
11046
- transform: translateY(-100px);
11047
- -webkit-transition: all .2s ease-in-out;
11048
- transition: all .2s ease-in-out;
11049
- padding: 10px;
11050
- width: 100%;
11051
- top: 0;
11052
- z-index: 3;
11053
- }
11054
-
11055
- .htmega-singleimage-gridstyle-1 .image-grid-content a.read-btn {
11056
- text-decoration: none;
11057
- display: inline-block;
11058
- text-transform: uppercase;
11059
- color: #fff;
11060
- border: 1px solid #fff;
11061
- background-color: transparent;
11062
- opacity: 0;
11063
- filter: alpha(opacity=0);
11064
- -webkit-transition: all .2s ease-in-out;
11065
- transition: all .2s ease-in-out;
11066
- margin: 50px 0 0;
11067
- padding: 7px 14px;
11068
- position: absolute;
11069
- top: 50%;
11070
- margin: 0;
11071
- left: 50%;
11072
- -webkit-transform: translateX(-50%) translateY(-70%);
11073
- transform: translateX(-50%) translateY(-70%);
11074
- }
11075
-
11076
- .htmega-singleimage-gridstyle-1 .image-grid-content a.read-btn:hover {
11077
- -webkit-box-shadow: 0 0 5px #fff;
11078
- box-shadow: 0 0 5px #fff;
11079
- }
11080
-
11081
- .htmega-singleimage-gridstyle-1:hover .image-grid-content {
11082
- opacity: 1;
11083
- filter: alpha(opacity=100);
11084
- }
11085
-
11086
- .htmega-singleimage-gridstyle-1:hover .image-grid-content h2 {
11087
- opacity: 1;
11088
- filter: alpha(opacity=100);
11089
- -webkit-transform: translateY(0);
11090
- transform: translateY(0);
11091
- }
11092
-
11093
- .htmega-singleimage-gridstyle-1:hover .image-grid-content a.read-btn {
11094
- opacity: 1;
11095
- -webkit-transform: translateX(-50%) translateY(-50%);
11096
- transform: translateX(-50%) translateY(-50%);
11097
- -webkit-transition-delay: .2s;
11098
- transition-delay: .2s;
11099
- z-index: 4;
11100
- }
11101
-
11102
- /*Image Grid style 2*/
11103
- .custom-col-5 {
11104
- padding-left: 0px;
11105
- padding-right: 0px;
11106
- -webkit-box-flex: 0;
11107
- -ms-flex: 0 0 20%;
11108
- flex: 0 0 20%;
11109
- max-width: 20%;
11110
- }
11111
-
11112
- .htmega-singleimage-gridstyle-2 {
11113
- width: 100%;
11114
- height: 100%;
11115
- float: left;
11116
- overflow: hidden;
11117
- position: relative;
11118
- text-align: center;
11119
- cursor: default;
11120
- }
11121
-
11122
- .htmega-singleimage-gridstyle-2 .thumb {
11123
- overflow: hidden;
11124
- }
11125
-
11126
- .htmega-singleimage-gridstyle-2 .thumb a {
11127
- position: relative;
11128
- display: block;
11129
- z-index: 2;
11130
- }
11131
-
11132
- .htmega-singleimage-gridstyle-2 .thumb a::before {
11133
- width: 100%;
11134
- height: 100%;
11135
- position: absolute;
11136
- overflow: hidden;
11137
- top: 0;
11138
- left: 0;
11139
- background-color: rgba(0, 0, 0, 0.6);
11140
- opacity: 0;
11141
- filter: alpha(opacity=0);
11142
- -webkit-transform: translate(460px, -100px) rotate(180deg);
11143
- transform: translate(460px, -100px) rotate(180deg);
11144
- -webkit-transition: all 0.3s ease-in-out;
11145
- transition: all 0.3s ease-in-out;
11146
- content: "";
11147
- z-index: 1;
11148
- }
11149
-
11150
- .htmega-singleimage-gridstyle-2 .thumb a img {
11151
- display: block;
11152
- position: relative;
11153
- -webkit-transition: all .4s linear;
11154
- transition: all .4s linear;
11155
- width: 100%;
11156
- }
11157
-
11158
- .htmega-singleimage-gridstyle-2:hover .thumb a::before {
11159
- opacity: 1;
11160
- filter: alpha(opacity=100);
11161
- -webkit-transition-delay: 0s;
11162
- transition-delay: 0s;
11163
- -webkit-transform: translate(0px, 0px);
11164
- transform: translate(0px, 0px);
11165
- }
11166
-
11167
- .htmega-singleimage-gridstyle-2:hover .thumb a img {
11168
- -webkit-transform: scale(1.2);
11169
- transform: scale(1.2);
11170
- }
11171
-
11172
- .htmega-singleimage-gridstyle-2 .image-grid-content h2 {
11173
- text-transform: uppercase;
11174
- color: #fff;
11175
- text-align: center;
11176
- position: relative;
11177
- font-size: 17px;
11178
- padding: 10px;
11179
- background: rgba(0, 0, 0, 0.6);
11180
- position: absolute;
11181
- top: 0;
11182
- width: 100%;
11183
- opacity: 0;
11184
- transition: 0.4s ease-in-out;
11185
- }
11186
-
11187
- .htmega-singleimage-gridstyle-2 .image-grid-content a.read-btn {
11188
- display: inline-block;
11189
- text-decoration: none;
11190
- padding: 7px 14px;
11191
- text-transform: uppercase;
11192
- color: #fff;
11193
- border: 1px solid #fff;
11194
- background-color: transparent;
11195
- -webkit-transition: all 0.4s ease-in-out;
11196
- transition: all 0.4s ease-in-out;
11197
- z-index: 4;
11198
- left: 50%;
11199
- position: absolute;
11200
- top: 50%;
11201
- -webkit-transform: translateX(-50%) translateY(-80%);
11202
- transform: translateX(-50%) translateY(-80%);
11203
- opacity: 0;
11204
- }
11205
-
11206
- .htmega-singleimage-gridstyle-2 .image-grid-content a.read-btn:hover {
11207
- -webkit-box-shadow: 0 0 5px #fff;
11208
- box-shadow: 0 0 5px #fff;
11209
- }
11210
-
11211
- .htmega-singleimage-gridstyle-2:hover .image-grid-content {
11212
- opacity: 1;
11213
- filter: alpha(opacity=100);
11214
- }
11215
-
11216
- .htmega-singleimage-gridstyle-2:hover .image-grid-content h2 {
11217
- position: absolute;
11218
- top: 20px;
11219
- z-index: 3;
11220
- opacity: 1;
11221
- }
11222
-
11223
- .htmega-singleimage-gridstyle-2:hover .image-grid-content a.read-btn {
11224
- -webkit-transition-delay: 0.3s;
11225
- transition-delay: 0.3s;
11226
- -webkit-transform: translateX(-50%) translateY(-50%);
11227
- transform: translateX(-50%) translateY(-50%);
11228
- opacity: 1;
11229
- }
11230
-
11231
- /* Image Grid style 3 */
11232
- .htmega-image-gridstyle-3 .htb-row > [class*="col"] {
11233
- padding-left: 0;
11234
- padding-right: 0;
11235
- }
11236
-
11237
- .htmega-singleimage-gridstyle-3 .thumb {
11238
- overflow: hidden;
11239
- }
11240
-
11241
- .htmega-singleimage-gridstyle-3 .thumb a img {
11242
- transition: 0.4s ease-in-out;
11243
- }
11244
-
11245
- .htmega-singleimage-gridstyle-3:hover .thumb a img {
11246
- transform: scale(1.1) rotate(3deg);
11247
- }
11248
-
11249
- /*Image Grid style 4*/
11250
- .htmega-singleimage-gridstyle-4 {
11251
- margin-top: 20px;
11252
- position: relative;
11253
- }
11254
-
11255
- .masonary-item .htmega-singleimage-gridstyle-4 .thumb {
11256
- overflow: hidden;
11257
- }
11258
-
11259
- .htmega-singleimage-gridstyle-4 .thumb a img {
11260
- width: 100%;
11261
- }
11262
-
11263
- .htmega-singleimage-gridstyle-4 .image-grid-content {
11264
- position: absolute;
11265
- top: 0;
11266
- bottom: 0;
11267
- left: 0;
11268
- right: 0;
11269
- transition: 0.3s ease-out;
11270
- transition-property: opacity, transform, filter;
11271
- background: rgba(255, 255, 255, 0.8);
11272
- opacity: 0;
11273
- }
11274
-
11275
- .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action {
11276
- position: absolute;
11277
- top: 50%;
11278
- width: 100%;
11279
- text-align: center;
11280
- transform: translateY(-50%);
11281
- padding: 0 80px;
11282
- }
11283
-
11284
- .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action h2 a {
11285
- color: #18012c;
11286
- }
11287
-
11288
- .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action p {
11289
- font-size: 16px;
11290
- font-family: "Montserrat", sans-serif;
11291
- font-weight: 500;
11292
- margin: 0;
11293
- line-height: 28px;
11294
- }
11295
-
11296
- .htmega-singleimage-gridstyle-4:hover .image-grid-content {
11297
- opacity: 1;
11298
- transform: translateX(0) translateY(0);
11299
- }
11300
-
11301
- /* Image Grid style 5 */
11302
- .htmega-singleimage-gridstyle-5 {
11303
- margin-top: 50px;
11304
- position: relative;
11305
- }
11306
-
11307
- .htmega-singleimage-gridstyle-5 .thumb a img {
11308
- width: 100%;
11309
- }
11310
-
11311
- .htmega-singleimage-gridstyle-5 .image-grid-content {
11312
- position: absolute;
11313
- top: 0;
11314
- bottom: 0;
11315
- left: 0;
11316
- right: 0;
11317
- transition: 0.3s ease-out;
11318
- transition-property: opacity, transform, filter;
11319
- background: rgba(0, 0, 0, 0.8);
11320
- opacity: 0;
11321
- }
11322
-
11323
- .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action {
11324
- position: absolute;
11325
- top: 50%;
11326
- width: 100%;
11327
- text-align: center;
11328
- transform: translateY(-50%);
11329
- padding: 0 20px;
11330
- }
11331
-
11332
- .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action h2 {
11333
- color: #ffffff;
11334
- margin-bottom: 5px;
11335
- font-size: 23px;
11336
- }
11337
-
11338
- .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action h2 a {
11339
- color: #ffffff;
11340
- }
11341
-
11342
- .htmega-singleimage-gridstyle-5 .image-grid-content .hover-action p {
11343
- font-size: 16px;
11344
- font-family: "Montserrat", sans-serif;
11345
- font-weight: 500;
11346
- margin: 0;
11347
- line-height: 26px;
11348
- color: #ffffff;
11349
- }
11350
-
11351
- .htmega-singleimage-gridstyle-5:hover .image-grid-content {
11352
- opacity: 1;
11353
- transform: translateX(0) translateY(0);
11354
- }
11355
-
11356
-
11357
- /*
11358
- * Thumb Gallery Css
11359
- */
11360
- .row--5 > [class*="col"] {
11361
- padding-left: 5px;
11362
- padding-right: 5px;
11363
- }
11364
- .ht-thumb-gallery ul.htmega-thumbgallery-for {
11365
- margin: 0;
11366
- padding: 0;
11367
- list-style: none;
11368
- }
11369
- .ht-thumb-gallery ul.htmega-thumbgallery-for li{
11370
- position: relative;
11371
- }
11372
- .ht-thumb-gallery .slick-slide{
11373
- line-height: 0;
11374
- }
11375
- .htmega-thumbgallery-for button.slick-arrow {
11376
- position: absolute;
11377
- top: 50%;
11378
- left: 30px;
11379
- z-index: 2;
11380
- width: 50px;
11381
- height: 50px;
11382
- background: #000000;
11383
- color: #fff;
11384
- border: 0 none;
11385
- border-radius: 100%;
11386
- font-size: 30px;
11387
- text-align: center;
11388
- padding: 0;
11389
- margin: 0;
11390
- transition: 0.4s ease-in-out;
11391
- transform: translateY(-50%);
11392
- line-height: 1;
11393
- }
11394
-
11395
- .htmega-thumbgallery-for button.slick-arrow:hover {
11396
- background: #0056ff;
11397
- color: #fff;
11398
- }
11399
- .htmega-thumbgallery-nav{
11400
- text-align: center;
11401
- }
11402
- .htmega-thumbgallery-nav button.slick-arrow {
11403
- border-radius: 100%;
11404
- display: inline-block;
11405
- height: 50px;
11406
- padding: 0;
11407
- width: 50px;
11408
- transition: all 0.3s ease-in-out;
11409
- }
11410
-
11411
- .htmega-thumbnails-style-2 .htmega-thumbgallery-nav button.slick-arrow,.htmega-thumbnails-style-4 .htmega-thumbgallery-nav button.slick-arrow {
11412
- position: absolute;
11413
- left: 0;
11414
- top: 50%;
11415
- transform: translateY(-50%);
11416
- z-index: 3;
11417
- }
11418
- .htmega-thumbnails-style-2 button.htmega-carosul-next.slick-arrow,.htmega-thumbnails-style-4 button.htmega-carosul-next.slick-arrow {
11419
- left: auto;
11420
- right: 0;
11421
- }
11422
- .htmega-thumbnails-style-2 .htmega-thumbgallery-nav .slick-arrow + .slick-dots,.htmega-thumbnails-style-4 .htmega-thumbgallery-nav .slick-arrow + .slick-dots {
11423
- bottom: 10px;
11424
- }
11425
-
11426
- .htmega-thumbgallery-for button.htmega-carosul-next {
11427
- left: auto;
11428
- right: 30px;
11429
- }
11430
- .htmega-thumbgallery-for .slick-dots,.htmega-thumbgallery-nav .slick-dots {
11431
- bottom: 10px;
11432
- position: absolute;
11433
- list-style: none;
11434
- margin: 0;
11435
- padding: 0;
11436
- width: 100%;
11437
- text-align: center;
11438
- }
11439
- .htmega-thumbgallery-nav .slick-arrow + .slick-dots {
11440
- bottom: 50px;
11441
- }
11442
- .htmega-thumbgallery-for .slick-dots li,.htmega-thumbgallery-nav .slick-dots li{
11443
- display: inline-block;
11444
- }
11445
- .htmega-thumbgallery-for .slick-dots li button,.htmega-thumbgallery-nav .slick-dots li button{
11446
- background: #ddd;
11447
- text-indent: -99999px;
11448
- padding: 0;
11449
- margin-right: 8px;
11450
- border-radius: 100%;
11451
- width: 12px;
11452
- height: 12px;
11453
- }
11454
-
11455
- .htmega-thumbgallery-for .slick-dots li.slick-active button,.htmega-thumbgallery-nav .slick-dots li.slick-active button{
11456
- background: #000;
11457
- }
11458
-
11459
- .htmega-thumbgallery-for .slick-dots li button::before,.htmega-thumbgallery-nav .slick-dots li button::before{
11460
- display: none;
11461
- }
11462
-
11463
-
11464
- .htmega-thumbgallery-for.htmega-arrow-2 {
11465
- position: relative;
11466
- }
11467
-
11468
- .htmega-thumbgallery-for.htmega-arrow-2 button {
11469
- position: absolute;
11470
- top: 50%;
11471
- left: 42px;
11472
- z-index: 2;
11473
- background: transparent;
11474
- color: #fff;
11475
- border: 0 none;
11476
- border-radius: 100%;
11477
- font-size: 48px;
11478
- text-align: center;
11479
- padding: 0;
11480
- margin: 0;
11481
- transition: 0.4s ease-in-out;
11482
- transform: translateY(-50%);
11483
- }
11484
-
11485
- .htmega-thumbgallery-for.htmega-arrow-2 button:hover {
11486
- color: #0056ff;
11487
- }
11488
-
11489
- .htmega-thumbgallery-for.htmega-arrow-2 button.htmega-carosul-next {
11490
- left: auto;
11491
- right: 42px;
11492
- }
11493
-
11494
- .htmega-thumbgallery-nav .small-thumb {
11495
- cursor: pointer;
11496
- position: relative;
11497
- overflow: hidden;
11498
- }
11499
-
11500
- .htmega-thumbgallery-nav .small-thumb img {
11501
- width: 100%;
11502
- }
11503
-
11504
- .htmega-thumbgallery-for .content {
11505
- position: absolute;
11506
- bottom: 40px;
11507
- left: 0;
11508
- background: rgba(0, 86, 255, 0.7);
11509
- padding: 10px 38px;
11510
- }
11511
-
11512
- .htmega-thumbgallery-for .content.right-bottom {
11513
- bottom: 40px;
11514
- left: auto;
11515
- right: 0;
11516
- }
11517
-
11518
- .htmega-thumbgallery-for .content h2 {
11519
- margin: 0;
11520
- color: #ffffff;
11521
- font-size: 24px;
11522
- line-height: 1.3;
11523
- font-weight: 500;
11524
- padding: 0;
11525
- }
11526
- .htmega-thumbgallery-for .content h4 {
11527
- font-size: 13px;
11528
- font-weight: normal;
11529
- line-height: 1;
11530
- margin: 0;
11531
- padding: 0;
11532
- color: #ffffff;
11533
- }
11534
-
11535
- .htmega-thumbgallery-nav .slick-slide.slick-current.slick-active.slick-center .small-thumb img {
11536
- border: 3px solid #0056ff;
11537
- }
11538
-
11539
- .htmega-thumbgallery-nav .small-thumb img {
11540
- border: 3px solid #d7d7d7;
11541
- }
11542
-
11543
- .htmega-thumbgallery-nav.htmega-thumbgallery-nav .slick-slide {
11544
- padding: 7px 3px;
11545
- line-height: 0;
11546
- }
11547
-
11548
- .htmega-thumbgallery-nav.htmega-thumbgallery-nav {
11549
- margin: -3px 0;
11550
- }
11551
- .htmega-thumbgallery-nav.slick-initialized.slick-slider.slick-dotted.slick-vertical {
11552
- margin-bottom: 0;
11553
- }
11554
- .htmega-thumbnails-style-2 .htmega-thumbgallery-nav.htmega-thumbgallery-nav .slick-slide {
11555
- padding: 5px 3px;
11556
- }
11557
-
11558
- .htmega-thumbnails-style-2 .htmega-thumbgallery-nav.htmega-thumbgallery-nav {
11559
- margin: 0 -3px;
11560
- }
11561
-
11562
- .ht-thumb-gallery .slick-slide img {
11563
- display: block;
11564
- width: 100%;
11565
- }
11566
-
11567
- /* Thumbnail gallery hover css */
11568
-
11569
- .htmega-thumbgallery-nav .small-thumb:after {
11570
- content: "";
11571
- left: 0;
11572
- bottom: 0;
11573
- width: 100%;
11574
- height: 100%;
11575
- background: rgba(0, 0, 0, 0);
11576
- z-index: 1;
11577
- position: absolute;
11578
- opacity: 0;
11579
- transition: all 0.3s ease-in-out;
11580
- }
11581
- .htmega-thumbgallery-nav .small-thumb:hover:after,.htmega-thumbgallery-nav .slick-slide.slick-current .small-thumb:after{
11582
- opacity: 1;
11583
- }
11584
- /*
11585
- * Testimonial Grid Style
11586
- */
11587
- .htmega-testimonialgrid-style-1 .testimonal {
11588
- background: #f7f8f9;
11589
- padding: 30px;
11590
- margin-top: 30px;
11591
- }
11592
-
11593
- .htmega-testimonialgrid-style-1 .testimonal .content {
11594
- display: flex;
11595
- align-items: center;
11596
- }
11597
-
11598
- .htmega-testimonialgrid-style-1 .testimonal .content img {
11599
- max-width: 80px;
11600
- border-radius: 100%;
11601
- }
11602
-
11603
- .htmega-testimonialgrid-style-1 .testimonal .content .clint-info {
11604
- padding-left: 25px;
11605
- }
11606
-
11607
- .htmega-testimonialgrid-style-1 .testimonal .content .clint-info h4 {
11608
- font-size: 18px;
11609
- color: #383838;
11610
- margin: 0;
11611
- }
11612
-
11613
- .htmega-testimonialgrid-style-1 .testimonal .content .clint-info span {
11614
- color: #1834a6;
11615
- font-size: 13px;
11616
- }
11617
-
11618
- .htmega-testimonialgrid-style-1 .testimonal p {
11619
- color: #5b5b5b;
11620
- font-size: 14px;
11621
- line-height: 26px;
11622
- margin: 0;
11623
- margin-top: 22px;
11624
- }
11625
-
11626
- /* Testimonial Grid Style 02 */
11627
- .htmega-testimonialgrid-style-2 .testimonal {
11628
- background: #fff none repeat scroll 0 0;
11629
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
11630
- margin-top: 30px;
11631
- padding: 40px 30px;
11632
- }
11633
-
11634
- .htmega-testimonialgrid-style-2 .testimonal img {
11635
- border: 2px solid #43df9c;
11636
- border-radius: 50%;
11637
- box-sizing: content-box;
11638
- float: left;
11639
- max-width: 90px;
11640
- }
11641
-
11642
- .htmega-testimonialgrid-style-2 .testimonal .content p {
11643
- color: #3e3e3e;
11644
- font-size: 16px;
11645
- line-height: 28px;
11646
- margin-bottom: 20px;
11647
- }
11648
-
11649
- .htmega-testimonialgrid-style-2 .testimonal .content {
11650
- overflow: hidden;
11651
- padding-left: 20px;
11652
- }
11653
-
11654
- .htmega-testimonialgrid-style-2 .testimonal .content .clint-info {
11655
- padding-left: 50px;
11656
- position: relative;
11657
- }
11658
- .htmega-testimonialgrid-style-2 .testimonal .content .clint-info::before {
11659
- background: #383838 none repeat scroll 0 0;
11660
- content: "";
11661
- height: 2px;
11662
- left: 0;
11663
- position: absolute;
11664
- top: 10px;
11665
- width: 30px;
11666
- }
11667
-
11668
- /* Testimonial Grid Style 03 */
11669
- .htmega-testimonialgrid-style-3 .testimonal {
11670
- background: #fff none repeat scroll 0 0;
11671
- border-radius: 10px;
11672
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
11673
- margin-top: 53px;
11674
- padding-bottom: 27px;
11675
- position: relative;
11676
- text-align: center;
11677
- }
11678
- .htmega-testimonialgrid-style-3 .testimonal {
11679
- margin-top: 82px;
11680
- }
11681
- .htmega-testimonialgrid-style-3 .testimonal img {
11682
- border: 2px solid #727272;
11683
- border-radius: 50%;
11684
- box-sizing: content-box;
11685
- left: 50%;
11686
- max-width: 100px;
11687
- position: absolute;
11688
- top: 0;
11689
- transform: translate(-50%, -50%);
11690
- }
11691
-
11692
- .htmega-testimonialgrid-style-3 .testimonal .content {
11693
- margin-top: 0;
11694
- padding-top: 73px;
11695
- }
11696
-
11697
- .htmega-testimonialgrid-style-3 .testimonal .content p {
11698
- color: #5b5b5b;
11699
- font-size: 14px;
11700
- font-style: italic;
11701
- line-height: 24px;
11702
- margin-bottom: 4px;
11703
- padding: 0 4%;
11704
- }
11705
-
11706
- .htmega-testimonialgrid-style-3 .testimonal .content h4 {
11707
- color: #5b5b5b;
11708
- font-size: 16px;
11709
- font-weight: 600;
11710
- line-height: 37px;
11711
- margin: 0;
11712
- }
11713
-
11714
- /* Testimonial Grid Style 04 */
11715
- .htmega-testimonialgrid-style-4 .testimonal .content {
11716
- background: #fff none repeat scroll 0 0;
11717
- box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
11718
- padding: 50px 9%;
11719
- position: relative;
11720
- text-align: center;
11721
- }
11722
-
11723
- .htmega-testimonialgrid-style-4 .testimonal .clint-info {
11724
- margin-top: 40px;
11725
- text-align: center;
11726
- }
11727
-
11728
- .htmega-testimonialgrid-style-4 .testimonal img {
11729
- border: 2px solid #ececec;
11730
- border-radius: 50%;
11731
- box-sizing: content-box;
11732
- display: inline-block;
11733
- max-width: 80px;
11734
- }
11735
- .htmega-testimonialgrid-style-4 .testimonal .clint-info h4 {
11736
- color: #5c5c5c;
11737
- font-size: 22px;
11738
- font-weight: 700;
11739
- margin-bottom: 4px;
11740
- margin-top: 22px;
11741
- }
11742
-
11743
- .htmega-testimonialgrid-style-4 .testimonal .clint-info span {
11744
- color: #5c5c5c;
11745
- font-size: 15px;
11746
- font-weight: 600;
11747
- }
11748
- .htmega-testimonialgrid-style-4 .testimonal .content .triangle {
11749
- border-color: #fff transparent transparent;
11750
- border-style: solid;
11751
- border-width: 20px;
11752
- left: 50%;
11753
- margin-top: -1px;
11754
- position: absolute;
11755
- top: 100%;
11756
- transform: translateX(-50%);
11757
- }
11758
-
11759
- /* Testimonial Grid Style 05 */
11760
- .htmega-testimonialgrid-style-5 .testimonal{
11761
- background: #f7f8f9 none repeat scroll 0 0;
11762
- margin-top: 30px;
11763
- padding: 48px 30px;
11764
- }
11765
-
11766
- .htmega-testimonialgrid-style-5 .clint-info h4 {
11767
- color: #383838;
11768
- font-size: 18px;
11769
- font-weight: 600;
11770
- margin-bottom: 1px;
11771
- }
11772
-
11773
- .htmega-testimonialgrid-style-5 p {
11774
- color: #5b5b5b;
11775
- font-size: 14px;
11776
- font-style: italic;
11777
- line-height: 26px;
11778
- }
11779
-
11780
- .htmega-testimonialgrid-style-5 .clint-info span {
11781
- color: #1834a6;
11782
- font-size: 14px;
11783
- }
11784
-
11785
- .clint-info .rating {
11786
- color: #ffcf0e;
11787
- display: flex;
11788
- list-style: outside none none;
11789
- margin: 4px 0 0;
11790
- padding: 0;
11791
- }
11792
- .clint-info .rating li {
11793
- margin-right: 8px;
11794
- }
11795
-
11796
- /*
11797
- * Scroll Navigation Animation
11798
- */
11799
- .navigation_service .htmega-service-style-7::before{
11800
- display: none;
11801
- }
11802
- .elementor-widget-htmega-scrollnavigation-addons .swiper-container {
11803
- height: 100vh;
11804
- margin-left: auto;
11805
- margin-right: auto;
11806
- width: 100%;
11807
- }
11808
-
11809
- .swiper-pagination-bullet {
11810
- background: #3746ad none repeat scroll 0 0;
11811
- border-radius: 100%;
11812
- display: inline-block;
11813
- height: 26px;
11814
- opacity: 1;
11815
- width: 26px;
11816
- opacity:1 !important;
11817
- }
11818
- .swiper-pagination-bullet-active {
11819
- background: #ffffff;
11820
- }
11821
- .scroll-navigation-inner .elementor-section.elementor-section-height-full {
11822
- height: 100vh;
11823
- }
11824
- .scroll-navigation-inner .elementor-section.elementor-section-items-middle > .elementor-container {
11825
- align-items: center;
11826
- height: 100vh;
11827
- }
11828
-
11829
-
11830
- /*
11831
- * Call To Action Style
11832
- */
11833
-
11834
- .htmega-call-to-action{
11835
- text-align: center;
11836
- }
11837
-
11838
- .htmega-call-to-action .htmega-content .htmega-callto-action-description {
11839
- color: #ffffff;
11840
- font-size: 16px;
11841
- margin: 0;
11842
- }
11843
-
11844
- .htmega-call-to-action .htmega-content .htmega-callto-action-title {
11845
- color: #f7ca18;
11846
- font-size: 80px;
11847
- font-weight: 600;
11848
- margin-bottom: 27px;
11849
- font-family: "Poppins", sans-serif;
11850
- }
11851
-
11852
- .htmega-call-to-action .htmega-content a.call_btn {
11853
- background: #f7ca18;
11854
- height: 47px;
11855
- padding: 0 38px;
11856
- display: inline-block;
11857
- line-height: 47px;
11858
- border-radius: 25px;
11859
- color: #000000;
11860
- font-size: 14px;
11861
- transition: 0.4s ease-in-out;
11862
- text-decoration: none;
11863
- }
11864
-
11865
- .htmega-call-to-action .htmega-content a.call_btn:hover {
11866
- background: #ffffff;
11867
- color: #18012c;
11868
- }
11869
-
11870
- /* Call To Action Style 2 */
11871
- .callto-action-style-2 .htmega-content .htmega-callto-action-title {
11872
- color: #ffffff;
11873
- font-family: "Poppins", sans-serif;
11874
- font-size: 38px;
11875
- font-weight: 600;
11876
- margin-bottom: 6px;
11877
- }
11878
-
11879
- .callto-action-style-2 .htmega-content .htmega-callto-action-description {
11880
- color: #ffffff;
11881
- font-family: "Montserrat", sans-serif;
11882
- font-weight: 300;
11883
- font-size: 18px;
11884
- margin: 0;
11885
- }
11886
-
11887
- .callto-action-style-2 a.call_btn {
11888
- height: 48px !important;
11889
- display: inline-block;
11890
- border: 2px solid #ffffff;
11891
- color: #ffff;
11892
- border-radius: 25px;
11893
- padding: 0 46px;
11894
- line-height: 43px !important;
11895
- font-size: 14px;
11896
- font-weight: 600;
11897
- transition: 0.4s ease-in-out;
11898
- }
11899
-
11900
- .callto-action-style-2 a.call_btn:hover {
11901
- background: #ffffff;
11902
- color: #18012c;
11903
- border: 2px solid #ffffff;
11904
- }
11905
-
11906
- /* Call To Action Style 3 */
11907
- .callto-action-style-3{
11908
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
11909
- padding: 70px 98px;
11910
- }
11911
-
11912
- .callto-action-style-3 .htmega-content{
11913
- display: flex;
11914
- align-items: center;
11915
- justify-content: space-around;
11916
- }
11917
-
11918
- .callto-action-style-3 {
11919
- position: relative;
11920
- }
11921
-
11922
- .callto-action-style-3::before {
11923
- position: absolute;
11924
- content: "";
11925
- background: #999999;
11926
- height: 50px;
11927
- width: 2px;
11928
- left: 50%;
11929
- top: 50%;
11930
- transform: translateX(-50%) translateY(-50%);
11931
- }
11932
-
11933
- .callto-action-style-3 .htmega-content .htmega-callto-action-description {
11934
- color: #000000;
11935
- font-size: 14px;
11936
- line-height: 25px;
11937
- margin-bottom: 5px;
11938
- }
11939
-
11940
- .callto-action-style-3 .htmega-content .htmega-callto-action-title {
11941
- color: #000000;
11942
- font-weight: 500;
11943
- font-size: 24px;
11944
- margin: 0;
11945
- }
11946
-
11947
- .callto-action-style-3 a.call_btn {
11948
- height: 50px !important;
11949
- display: inline-block;
11950
- border: 2px solid #000000;
11951
- color: #000000;
11952
- border-radius: 25px;
11953
- padding: 0 60px;
11954
- line-height: 46px;
11955
- font-size: 14px;
11956
- font-weight: 600;
11957
- transition: 0.4s ease-in-out;
11958
- }
11959
-
11960
- .callto-action-style-3 a.call_btn:hover {
11961
- background: #000000;
11962
- color: #ffffff;
11963
- border: 2px solid #000000;
11964
- }
11965
-
11966
- /* Call To Action Style 4 */
11967
- .callto-action-style-4 .htmega-content .htmega-callto-action-title {
11968
- color: #ffffff;
11969
- font-weight: 400;
11970
- font-size: 36px;
11971
- margin-bottom: 21px;
11972
- }
11973
-
11974
- .callto-action-style-4 .htmega-content .htmega-callto-action-description {
11975
- color: #ffffff;
11976
- font-size: 18px;
11977
- line-height: 35px;
11978
- padding: 0 17%;
11979
- margin-bottom: 34px;
11980
- }
11981
-
11982
- .callto-action-style-4 a.call_btn {
11983
- background: #ffffff;
11984
- height: 50px;
11985
- display: inline-block;
11986
- padding: 0 40px;
11987
- line-height: 50px;
11988
- border-radius: 25px;
11989
- color: #0056ff;
11990
- font-size: 14px;
11991
- font-weight: 400;
11992
- text-transform: uppercase;
11993
- transition: 0.4s ease-in-out;
11994
- }
11995
-
11996
- .callto-action-style-4 a.call_btn:hover {
11997
- background: #18012c;
11998
- color: #ffffff;
11999
- }
12000
-
12001
- /* Call To Action Style 5 */
12002
- .callto-action-style-5 .htmega-content .htmega-callto-action-title {
12003
- color: #ffffff;
12004
- font-size: 40px;
12005
- line-height: 60px;
12006
- font-weight: 500;
12007
- padding: 0 19%;
12008
- }
12009
-
12010
- .callto-action-style-5 .htmega-content .htmega-callto-action-description {
12011
- color: #ffffff;
12012
- font-size: 18px;
12013
- margin-bottom: 44px;
12014
- font-family: 'Rubik', sans-serif;
12015
- }
12016
-
12017
- .callto-action-style-5 a.call_btn {
12018
- border: 2px solid #ffffff;
12019
- height: 50px !important;
12020
- display: inline-block;
12021
- padding: 0 46px;
12022
- line-height: 48px;
12023
- color: #ffffff;
12024
- font-weight: 500;
12025
- font-size: 14px;
12026
- text-transform: uppercase;
12027
- border-radius: 4px;
12028
- transition: 0.4s ease-in-out;
12029
- font-family: 'Rubik', sans-serif;
12030
- }
12031
-
12032
- .callto-action-style-5 a.call_btn:hover {
12033
- background: #ffffff;
12034
- color: #18012c;
12035
- }
12036
-
12037
- /* Call To Action Style 6 */
12038
- .callto-action-style-6 .htmega-content .htmega-callto-action-title {
12039
- color: #494949;
12040
- font-size: 40px;
12041
- line-height: 58px;
12042
- font-weight: 500;
12043
- }
12044
-
12045
- .callto-action-style-6 .htmega-content .htmega-callto-action-description {
12046
- color: #494949;
12047
- font-size: 18px;
12048
- margin-bottom: 32px;
12049
- line-height: 30px;
12050
- padding-right: 27%;
12051
- }
12052
-
12053
- .callto-action-style-6 a.call_btn {
12054
- height: 50px !important;
12055
- display: inline-block;
12056
- padding: 0 37px;
12057
- line-height: 50px;
12058
- color: #ffffff;
12059
- font-weight: 500;
12060
- font-size: 14px;
12061
- text-transform: uppercase;
12062
- transition: 0.4s ease-in-out;
12063
- background: #e97730;
12064
- font-family: "Montserrat", sans-serif;
12065
- }
12066
-
12067
- .callto-action-style-6 a.call_btn:hover {
12068
- background: #18012c;
12069
- color: #ffffff;
12070
- }
12071
-
12072
- /* Call To Action Style 7 */
12073
- .callto-action-style-7 .call-to-action-inner {
12074
- display: inline-block;
12075
- padding: 100px 240px;
12076
- background: rgba(255, 255, 255, 0.6);
12077
- }
12078
-
12079
- .callto-action-style-7 .htmega-content .htmega-callto-action-title, .callto-action-style-7 .htmega-content .htmega-callto-action-description {
12080
- color: #1e1e1e;
12081
- font-size: 42px;
12082
- line-height: 53px;
12083
- font-weight: 700;
12084
- font-family: 'Cormorant Garamond', serif;
12085
- margin-bottom: 29px;
12086
- }
12087
-
12088
- .callto-action-style-7 a.call_btn {
12089
- display: inline-block;
12090
- color: #2c2c2c;
12091
- font-weight: 600;
12092
- font-size: 24px;
12093
- transition: 0.4s ease-in-out;
12094
- font-family: 'Cormorant Garamond', serif;
12095
- border-bottom: 2px solid #4f4848;
12096
- }
12097
-
12098
- .callto-action-style-7 a.call_btn:hover {
12099
- color: #18012c;
12100
- border-bottom: 2px solid #18012c;
12101
- }
12102
-
12103
- /*
12104
- * Twitter Style
12105
- */
12106
- .htmega-twitter-area button.slick-arrow {
12107
- border: 0 none;
12108
- color: #2d3e50;
12109
- font-size: 60px;
12110
- left: -60px;
12111
- position: absolute;
12112
- top: 26%;
12113
- background: transparent;
12114
- height: inherit;
12115
- padding: 0;
12116
- transition: all 0.3s ease-in-out;
12117
- z-index: 2;
12118
- }
12119
-
12120
- .htmega-twitter-area button.htmega-carosul-next {
12121
- left: auto;
12122
- right: -60px;
12123
- }
12124
-
12125
- .htmega-twitter-area .slick-dots li button::before{
12126
- display: none;
12127
- }
12128
- .htmega-twitter-area .slick-dots li {
12129
- width: 10px;
12130
- height: 10px;
12131
- }
12132
-
12133
- .htmega-twitter-area .slick-dots li button {
12134
- background: #000000 none repeat scroll 0 0;
12135
- border-radius: 100%;
12136
- padding: 0;
12137
- width: 10px;
12138
- height: 10px;
12139
- }
12140
-
12141
- .htmega-twitter-area .slick-dots li.slick-active button {
12142
- background: #F15D67 none repeat scroll 0 0;
12143
- }
12144
-
12145
- /* Twitter Style 1 */
12146
- .htmega-twitter-single {
12147
- display: flex;
12148
- padding-right: 15px;
12149
- }
12150
-
12151
- .htmega-twitter-single .htmega-thumb {
12152
- padding-right: 30px;
12153
- }
12154
-
12155
- .htmega-twitter-single .htmega-thumb img {
12156
- max-width: 70px;
12157
- border: 1px solid #eaeaea;
12158
- }
12159
-
12160
- .htmega-twitter-single .htmega-content {
12161
- margin-top: -7px;
12162
- }
12163
-
12164
- .htmega-twitter-single .htmega-content .htmega-author {
12165
- margin-bottom: 6px;
12166
- }
12167
-
12168
- .htmega-twitter-single .htmega-content .htmega-author h6 {
12169
- display: inline-block;
12170
- font-weight: 400;
12171
- font-size: 14px;
12172
- margin: 0;
12173
- position: relative;
12174
- }
12175
-
12176
- .htmega-twitter-single .htmega-content .htmega-author h6 a {
12177
- color: #5c5c5c;
12178
- transition: 0.3s ease-in-out;
12179
- }
12180
-
12181
- .htmega-twitter-single .htmega-content .htmega-author h6 a:hover {
12182
- color: #18012c;
12183
- }
12184
-
12185
- .htmega-twitter-single .htmega-content .htmega-author span::before {
12186
- position: absolute;
12187
- content: "";
12188
- left: 0;
12189
- background: #000;
12190
- height: 14px;
12191
- width: 1px;
12192
- top: 50%;
12193
- transform: translateY(-50%);
12194
- }
12195
-
12196
- .htmega-twitter-single .htmega-content .htmega-author span {
12197
- color: #000000;
12198
- font-size: 14px;
12199
- padding-left: 10px;
12200
- margin-left: 10px;
12201
- position: relative;
12202
- display: inline-block;
12203
- }
12204
-
12205
- .htmega-twitter-single .htmega-content p {
12206
- color: #434343;
12207
- font-size: 14px;
12208
- line-height: 25px;
12209
- margin-bottom: 10px;
12210
- }
12211
-
12212
- .htmega-twitter-single .htmega-content p a {
12213
- color: #00c8fa;
12214
- }
12215
-
12216
- .htmega-twitter-single .htmega-content ul.twitter-meta {
12217
- padding: 0;
12218
- margin: 0;
12219
- list-style: none;
12220
- display: flex;
12221
- }
12222
-
12223
- .htmega-twitter-single .htmega-content ul.twitter-meta li {
12224
- margin-right: 14px;
12225
- padding-right: 14px;
12226
- position: relative;
12227
- }
12228
-
12229
- .htmega-twitter-single .htmega-content ul.twitter-meta li a {
12230
- color: #aaaaaa;
12231
- font-size: 13px;
12232
- transition: 0.3s ease-in-out;
12233
- }
12234
-
12235
- .htmega-twitter-single .htmega-content ul.twitter-meta li a:hover {
12236
- color: #18012c;
12237
- }
12238
-
12239
- .htmega-twitter-single .htmega-content ul.twitter-meta li a i {
12240
- padding-right: 10px;
12241
- }
12242
-
12243
- .htmega-twitter-single .htmega-content ul.twitter-meta li::after {
12244
- position: absolute;
12245
- content: "";
12246
- background: #000;
12247
- width: 1px;
12248
- height: 11px;
12249
- right: 0;
12250
- top: 50%;
12251
- transform: translateY(-50%);
12252
- }
12253
-
12254
- .htmega-twitter-single .htmega-content ul.twitter-meta li:last-child::after {
12255
- display: none;
12256
- }
12257
-
12258
-
12259
- /* Twitter Style 2 */
12260
- .htmega-twitter-style-2 .htmega-twitter-single{
12261
- background: #fff;
12262
- padding: 40px;
12263
- border-radius: 4px;
12264
- display: block;
12265
- }
12266
- .htmega-twitter-style-2 .htmega-twitter-single .htmega-content .htmega-author span::before{
12267
- display: none;
12268
- }
12269
- .htmega-twitter-style-2 .htmega-twitter-single .htmega-content .htmega-author span{
12270
- padding: 0;
12271
- margin: 0;
12272
- }
12273
-
12274
-
12275
- .htmega-twitter-style-2 .ht-twitter-container {
12276
- display: flex;
12277
- }
12278
-
12279
- .htmega-twitter-style-2 .ht-twitter-container .htmega-thumb {
12280
- padding-right: 30px;
12281
- }
12282
-
12283
- .htmega-twitter-style-2 .ht-twitter-container .htmega-thumb img {
12284
- max-width: 70px;
12285
- border: 1px solid #eaeaea;
12286
- }
12287
-
12288
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content {
12289
- margin-top: -7px;
12290
- }
12291
-
12292
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author {
12293
- margin-bottom: 6px;
12294
- }
12295
-
12296
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 {
12297
- display: inline-block;
12298
- font-weight: 400;
12299
- font-size: 14px;
12300
- margin: 0;
12301
- position: relative;
12302
- font-family: "Poppins", sans-serif;
12303
- }
12304
-
12305
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 a {
12306
- color: #000000;
12307
- transition: 0.3s ease-in-out;
12308
- }
12309
-
12310
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 a:hover {
12311
- color: #18012c;
12312
- }
12313
-
12314
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author h6 a span {
12315
- color: #a6a6a6;
12316
- }
12317
-
12318
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content .htmega-author span {
12319
- color: #000000;
12320
- font-size: 14px;
12321
- padding-left: 10px;
12322
- }
12323
-
12324
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content p {
12325
- color: #434343;
12326
- font-size: 14px;
12327
- line-height: 25px;
12328
- margin-bottom: 10px;
12329
- }
12330
-
12331
- .htmega-twitter-style-2 .ht-twitter-container .htmega-content p a {
12332
- color: #00c8fa;
12333
- }
12334
-
12335
- .htmega-twitter-style-2 .twitter-meta-inner {
12336
- display: flex;
12337
- justify-content: space-between;
12338
- }
12339
-
12340
- .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta {
12341
- padding: 0;
12342
- margin: 0 -10px;
12343
- list-style: none;
12344
- display: flex;
12345
- }
12346
-
12347
- .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta li {
12348
- position: relative;
12349
- margin: 0 10px;
12350
- }
12351
-
12352
- .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta li a {
12353
- color: #878787;
12354
- font-size: 13px;
12355
- transition: 0.3s ease-in-out;
12356
- }
12357
-
12358
- .htmega-twitter-style-2 .twitter-meta-inner ul.twitter-meta li a:hover {
12359
- color: #18012c;
12360
- }
12361
-
12362
- .htmega-twitter-style-2 .twitter-meta-inner p {
12363
- margin: 0;
12364
- color: #7f7f7f;
12365
- font-size: 12px;
12366
- }
12367
-
12368
- .htmega-twitter-style-2 .slick-slide {
12369
- padding: 0px 15px;
12370
- }
12371
-
12372
- .htmega-twitter-style-2 .slick-dots {
12373
- bottom: -45px;
12374
- }
12375
-
12376
- /* Twitter Style 3 */
12377
- .htmega-twitter-style-3 .htmega-twitter-single{
12378
- background: #ffffff;
12379
- border: 1px solid #eaeaea;
12380
- padding: 30px 15px 30px 20px;
12381
- }
12382
- .htmega-twitter-style-3 .htmega-twitter-single .htmega-content ul.twitter-meta li{
12383
- padding: 0;
12384
- }
12385
- .htmega-twitter-style-3 .htmega-twitter-single .htmega-content ul.twitter-meta li::after{
12386
- display: none;
12387
- }
12388
- .htmega-twitter-style-3 .htmega-content .htmega-author {
12389
- margin-bottom: 6px;
12390
- }
12391
-
12392
- .htmega-twitter-style-3 .htmega-content .htmega-author h6 {
12393
- display: inline-block;
12394
- font-weight: 400;
12395
- font-size: 14px;
12396
- margin: 0;
12397
- position: relative;
12398
- }
12399
-
12400
- .htmega-twitter-style-3 .htmega-content .htmega-author h6 a {
12401
- color: #5c5c5c;
12402
- transition: 0.3s ease-in-out;
12403
- }
12404
-
12405
- .htmega-twitter-style-3 .htmega-content .htmega-author h6 a:hover {
12406
- color: #18012c;
12407
- }
12408
-
12409
- .htmega-twitter-style-3 .htmega-content .htmega-author span::before {
12410
- position: absolute;
12411
- content: "";
12412
- left: 0;
12413
- background: #000;
12414
- height: 14px;
12415
- width: 1px;
12416
- top: 50%;
12417
- transform: translateY(-50%);
12418
- }
12419
-
12420
- .htmega-twitter-style-3 .htmega-content .htmega-author span {
12421
- color: #000000;
12422
- font-size: 14px;
12423
- padding-left: 10px;
12424
- margin-left: 10px;
12425
- position: relative;
12426
- }
12427
-
12428
- .htmega-twitter-style-3 .htmega-content p {
12429
- color: #434343;
12430
- font-size: 14px;
12431
- line-height: 25px;
12432
- margin-bottom: 10px;
12433
- }
12434
-
12435
- .htmega-twitter-style-3 .htmega-content p a {
12436
- color: #00c8fa;
12437
- }
12438
-
12439
- .htmega-twitter-style-3 .htmega-content ul.twitter-meta {
12440
- padding: 0;
12441
- margin: 0 -10px;
12442
- list-style: none;
12443
- display: flex;
12444
- }
12445
-
12446
- .htmega-twitter-style-3 .htmega-content ul.twitter-meta li {
12447
- position: relative;
12448
- margin: 0 10px;
12449
- }
12450
-
12451
- .htmega-twitter-style-3 .htmega-content ul.twitter-meta li a {
12452
- color: #aaaaaa;
12453
- font-size: 13px;
12454
- transition: 0.3s ease-in-out;
12455
- }
12456
-
12457
- .htmega-twitter-style-3 .htmega-content ul.twitter-meta li a:hover {
12458
- color: #18012c;
12459
- }
12460
-
12461
- .htmega-twitter-style-3 .slick-slide {
12462
- padding: 0px 15px;
12463
- }
12464
-
12465
- /* Twitter Style 4 */
12466
- .htmega-twitter-style-4 .htmega-twitter-single{
12467
- display: block;
12468
- padding: 0;
12469
- }
12470
-
12471
- .htmega-twitter-style-4 .htmega-twitter-single .htmega-content ul.twitter-meta li{
12472
- padding: 0;
12473
- }
12474
-
12475
- .htmega-twitter-style-4 .htmega-twitter-single .htmega-content ul.twitter-meta li::after{
12476
- display: none;
12477
- }
12478
-
12479
- .htmega-twitter-style-4 .htmega-thumb img {
12480
- max-width: 70px;
12481
- border: 1px solid #eaeaea;
12482
- }
12483
-
12484
- .htmega-twitter-style-4 .htmega-content {
12485
- padding-top: 25px;
12486
- }
12487
-
12488
- .htmega-twitter-style-4 .htmega-content .htmega-author {
12489
- margin-bottom: 6px;
12490
- }
12491
- .htmega-twitter-style-4 .htmega-content .htmega-author h6 a {
12492
- color: #5c5c5c;
12493
- transition: 0.3s ease-in-out;
12494
- }
12495
-
12496
- .htmega-twitter-style-4 .htmega-content .htmega-author h6 a:hover {
12497
- color: #18012c;
12498
- }
12499
-
12500
- .htmega-twitter-style-4 .htmega-content .htmega-author span {
12501
- color: #000000;
12502
- font-size: 14px;
12503
- padding-left: 10px;
12504
- }
12505
-
12506
- .htmega-twitter-style-4 .htmega-content p {
12507
- color: #434343;
12508
- font-size: 14px;
12509
- line-height: 25px;
12510
- margin-bottom: 10px;
12511
- }
12512
-
12513
- .htmega-twitter-style-4 .htmega-content p a {
12514
- color: #00c8fa;
12515
- }
12516
-
12517
- .htmega-twitter-style-4 .htmega-content ul.twitter-meta {
12518
- padding: 0;
12519
- margin: 0;
12520
- list-style: none;
12521
- display: flex;
12522
- padding-top: 20px;
12523
- border-top: 1px solid #00c8fa;
12524
- justify-content: space-between;
12525
- }
12526
-
12527
- .htmega-twitter-style-4 .htmega-content ul.twitter-meta li {
12528
- position: relative;
12529
- }
12530
-
12531
- .htmega-twitter-style-4 .htmega-content ul.twitter-meta li a {
12532
- color: #aaaaaa;
12533
- font-size: 13px;
12534
- transition: 0.3s ease-in-out;
12535
- display: block;
12536
- }
12537
-
12538
- .htmega-twitter-style-4 .htmega-content ul.twitter-meta li a:hover {
12539
- color: #18012c;
12540
- }
12541
-
12542
- .htmega-twitter-style-4 .htmega-content ul.twitter-meta li a i {
12543
- padding-right: 10px;
12544
- }
12545
-
12546
- .htmega-twitter-style-4 button.slick-arrow {
12547
- border: 1px solid #000000;
12548
- border-radius: 100%;
12549
- color: #000000;
12550
- font-size: 30px;
12551
- height: 50px;
12552
- line-height: 35px;
12553
- width: 50px;
12554
- }
12555
-
12556
- .htmega-twitter-style-4 .slick-slide {
12557
- padding: 0px 15px;
12558
- }
12559
-
12560
- /*=================================
12561
- Twitter Style 5
12562
- ==================================*/
12563
- .htmega-twitter-style-5 .htmega-twitter-single{
12564
- background: #ffffff;
12565
- padding: 30px 15px 30px 20px;
12566
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
12567
- margin: 5px;
12568
- }
12569
-
12570
- .htmega-twitter-style-5 .htmega-content .htmega-author {
12571
- margin-bottom: 6px;
12572
- }
12573
-
12574
- .htmega-twitter-style-5 .htmega-content .htmega-author h6 a {
12575
- color: #5c5c5c;
12576
- transition: 0.3s ease-in-out;
12577
- }
12578
-
12579
- .htmega-twitter-style-5 .htmega-content .htmega-author h6 a:hover {
12580
- color: #18012c;
12581
- }
12582
- .htmega-twitter-style-5 .htmega-content p {
12583
- color: #434343;
12584
- font-size: 14px;
12585
- line-height: 25px;
12586
- margin-bottom: 10px;
12587
- }
12588
-
12589
- .htmega-twitter-style-5 .htmega-content p a {
12590
- color: #00c8fa;
12591
- }
12592
-
12593
- .htmega-twitter-style-5 .twitter-meta-inner {
12594
- display: flex;
12595
- justify-content: space-between;
12596
- }
12597
-
12598
- .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta {
12599
- padding: 0;
12600
- margin: 0 -10px;
12601
- list-style: none;
12602
- display: flex;
12603
- }
12604
- .htmega-twitter-style-5 .htmega-twitter-single .htmega-content ul.twitter-meta li::after{
12605
- display: none;
12606
- }
12607
-
12608
- .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta li {
12609
- position: relative;
12610
- margin: 0 10px;
12611
- padding: 0;
12612
- }
12613
-
12614
- .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta li a {
12615
- color: #878787;
12616
- font-size: 13px;
12617
- transition: 0.3s ease-in-out;
12618
- }
12619
-
12620
- .htmega-twitter-style-5 .twitter-meta-inner ul.twitter-meta li a:hover {
12621
- color: #18012c;
12622
- }
12623
-
12624
- .htmega-twitter-style-5 .twitter-meta-inner p {
12625
- margin: 0;
12626
- color: #7f7f7f;
12627
- font-size: 12px;
12628
- }
12629
-
12630
- .htmega-twitter-style-5 .slick-slide {
12631
- padding: 0px 15px;
12632
- }
12633
-
12634
- /*
12635
- * Post Grid
12636
- */
12637
- .htmega-post-grid-layout-3 .row-1 > .htb-col-lg-6 > .ht-post,
12638
- .htmega-post-grid-layout-3 .row-1 > .htb-col-lg-6 > .ht-post .thumb,
12639
- .htmega-post-grid-layout-3 .row-1 > .htb-col-lg-6 > .ht-post .thumb a,
12640
- .htmega-post-grid-layout-5 .ht-post,
12641
- .htmega-post-grid-layout-5 .ht-post .thumb,
12642
- .htmega-post-grid-layout-5 .ht-post .thumb a
12643
- {
12644
- height: 100%;
12645
- }
12646
- .htmega-post-grid-layout-5 .row--10 > [class*="col"]{
12647
- padding: 10px;
12648
- }
12649
- /*
12650
- * Post Grid Tab
12651
- */
12652
- .htmega-post-grid-area .row-1.htb-row .row-1 {
12653
- margin: 0;
12654
- }
12655
- .ht-post-grid-tab {
12656
- display: -webkit-flex;
12657
- display: -ms-flexbox;
12658
- display: flex;
12659
- -webkit-flex-wrap: wrap;
12660
- -ms-flex-wrap: wrap;
12661
- flex-wrap: wrap;
12662
- -webkit-justify-content: flex-start;
12663
- -ms-flex-pack: start;
12664
- justify-content: space-between;
12665
- }
12666
- .ht-post-grid-tab .post-grid{
12667
- overflow: hidden;
12668
- }
12669
- .htmega-post-gridtab-layout-1 .post-grid,.htmega-post-gridtab-layout-3 .post-grid {
12670
- padding: 0 1px;
12671
- margin-bottom: 2px;
12672
- }
12673
-
12674
- .htmega-post-gridtab-layout-1 .post-content,.htmega-post-gridtab-layout-3 .post-content {
12675
- margin: 0 1px;
12676
- }
12677
-
12678
- .htmega-post-gridtab-layout-2 .post-grid,.htmega-post-gridtab-layout-4 .post-grid {
12679
- padding: 0 15px;
12680
- margin-bottom: 30px;
12681
- }
12682
-
12683
- .htmega-post-gridtab-layout-2 .post-content,.htmega-post-gridtab-layout-4 .post-content {
12684
- margin: -30px 15px 0;
12685
- }
12686
-
12687
- .htmega-post-gridtab-layout-5 .post-grid {
12688
- padding: 0 10px;
12689
- margin-bottom: 20px;
12690
- }
12691
-
12692
- .htmega-post-gridtab-layout-5 .post-content {
12693
- margin: -20px 10px 0;
12694
- }
12695
-
12696
- .ht-post-grid-tab .post-grid.post-grid-one-third {
12697
- min-width: calc(33.33%);
12698
- width: calc(33.33%);
12699
- }
12700
-
12701
- .ht-post-grid-tab .post-grid.post-grid-half {
12702
- min-width: calc(50%);
12703
- width: calc(50%);
12704
- }
12705
-
12706
- .ht-post-grid-tab .post-grid.post-grid-four {
12707
- min-width: calc(25%);
12708
- width: calc(25%);
12709
- }
12710
-
12711
- .ht-post-grid-tab .post-grid.post-third-of-four {
12712
- min-width: calc(75%);
12713
- width: calc(75%);
12714
- }
12715
-
12716
- .ht-post-grid-tab .post-content {
12717
- text-align: center;
12718
- z-index: 9;
12719
- display: none;
12720
- }
12721
-
12722
- .ht-post-grid-tab .post-content.is-visible {
12723
- display: block;
12724
- }
12725
-
12726
- .post-content {
12727
- position: relative;
12728
- }
12729
-
12730
- .post-content .close__wrap {
12731
- position: absolute;
12732
- top: 30px;
12733
- right: 30px;
12734
- z-index: 9;
12735
- }
12736
- .post-content .close__wrap button {
12737
- background: #2a47e0 none repeat scroll 0 0;
12738
- border: 0 none;
12739
- color: #fff;
12740
- line-height: 1;
12741
- padding: 10px;
12742
- }
12743
- .post-grid .thumb a img {
12744
- width: 100%;
12745
- object-fit: cover;
12746
- height: 100%;
12747
- }
12748
- .post-grid .thumb,.post-grid .thumb a{
12749
- height: 100%;
12750
- }
12751
- .post-grid .thumb a{
12752
- width: 100%;
12753
- }
12754
- .single-post-grid-tab {
12755
- padding: 30px;
12756
- border: 1px solid #dfdfdf;
12757
- background: #f1f1f1;
12758
- overflow: hidden;
12759
- }
12760
-
12761
- .single-post-grid-tab .thumb a img {
12762
- width: 100%;
12763
- }
12764
-
12765
- .single-post-grid-tab .thumb{
12766
- overflow: hidden;
12767
- }
12768
- .ht-mega-post-grid-right .content {
12769
- height: 100%;
12770
- display: flex;
12771
- align-items: center;
12772
- }
12773
- .ht-mega-post-grid-left {
12774
- display: flex;
12775
- align-items: center;
12776
- }
12777
- .single-post-grid-tab .post-inner {
12778
- text-align: left;
12779
- }
12780
-
12781
- .single-post-grid-tab .post-inner h2 {
12782
- font-size: 24px;
12783
- line-height: 36px;
12784
- margin-top: 20px;
12785
- }
12786
-
12787
- .single-post-grid-tab .post-inner h2 a {
12788
- color: #464545;
12789
- }
12790
-
12791
- .single-post-grid-tab .post-inner .meta {
12792
- list-style: none;
12793
- color: #fff;
12794
- padding: 0;
12795
- margin: 0;
12796
- display: block;
12797
- margin: 0 -15px;
12798
- }
12799
-
12800
- .single-post-grid-tab .post-inner .meta li {
12801
- color: #464545;
12802
- font-size: 13px;
12803
- letter-spacing: 2px;
12804
- margin: 0 15px;
12805
- display: inline-block;
12806
- }
12807
-
12808
- .single-post-grid-tab .post-inner .meta li i {
12809
- color: #464545;
12810
- }
12811
-
12812
- .single-post-grid-tab .post-inner .meta li a {
12813
- color: #464545;
12814
- }
12815
-
12816
- .single-post-grid-tab .post-inner p {
12817
- color: #494849;
12818
- font-size: 14px;
12819
- line-height: 28px;
12820
- margin-top: 17px;
12821
- margin-bottom: 28px;
12822
- }
12823
-
12824
- .single-post-grid-tab .post-inner .post-category {
12825
- display: flex;
12826
- padding: 0;
12827
- list-style: none;
12828
- margin-left: 0;
12829
- }
12830
-
12831
- .single-post-grid-tab .post-inner .post-category li {
12832
- margin-right: 10px;
12833
- transition: 0.4s ease-in-out;
12834
- }
12835
-
12836
- .single-post-grid-tab .post-inner .post-category li a {
12837
- background: #2a47e0 none repeat scroll 0 0;
12838
- color: #fff;
12839
- font-size: 13px;
12840
- font-weight: 300;
12841
- letter-spacing: 1px;
12842
- padding: 2px 7px;
12843
- text-transform: uppercase;
12844
- }
12845
-
12846
- .single-post-grid-tab .post-inner .post-btn a.readmore-btn {
12847
- background: transparent;
12848
- display: inline-block;
12849
- padding: 0 37px;
12850
- border-radius: 23px;
12851
- font-size: 14px;
12852
- font-weight: 400;
12853
- line-height: 44px;
12854
- transition: 0.4s ease-in-out;
12855
- color: #494849;
12856
- border: 1px solid #494849;
12857
- }
12858
-
12859
- /* Tablet Device :768px. */
12860
- @media (max-width: 991px) {
12861
- .ht-mega-post-grid-right .content {
12862
- margin-bottom: 15px;
12863
- }
12864
- .single-post-grid-tab .htb-row{
12865
- flex-direction: column-reverse;
12866
- }
12867
- }
12868
-
12869
- /*
12870
- * Custom Carousel Style
12871
- */
12872
- .ht-custom-carousel .single-custom-carousel img {
12873
- width: 100%;
12874
- }
12875
-
12876
- .htmega-carousel-style-1 .slick-slide .single-custom-carousel img {
12877
- transition: all 0.3s ease 0s;
12878
- display: block;
12879
- }
12880
-
12881
- .htmega-carousel-style-1 .single-custom-carousel {
12882
- position: relative;
12883
- transition: all 0.3s ease 0s;
12884
- }
12885
-
12886
- .htmega-carousel-style-1 .slick-slide.slick-active .single-custom-carousel {
12887
- transform: scale(1.15);
12888
- }
12889
-
12890
- .htmega-carousel-style-1 .slick-slide.slick-center .single-custom-carousel {
12891
- transform: scale(1.3);
12892
- }
12893
-
12894
- .htmega-carousel-style-1 .slick-slide.slick-active{
12895
- z-index: 990;
12896
- position: relative;
12897
- }
12898
-
12899
- .htmega-carousel-style-1 .slick-slide.slick-center {
12900
- z-index: 999;
12901
- position: relative;
12902
- }
12903
-
12904
- .htmega-carousel-style-1 .slick-slide {
12905
- padding: 72px 0;
12906
- transition: all 0.3s ease 0s;
12907
- }
12908
-
12909
- /*----------------------
12910
- Slick Dot
12911
- -----------------------*/
12912
- .htmega-carousel-activation .slick-arrow{
12913
- padding: 0;
12914
- }
12915
- .htmega-carousel-activation .slick-dots {
12916
- text-align: center;
12917
- bottom: -60px;
12918
- }
12919
-
12920
- .htmega-carousel-activation .slick-dots li {
12921
- display: inline-block;
12922
- margin: 0;
12923
- }
12924
-
12925
- .htmega-carousel-activation .slick-dots li button {
12926
- border: 1px solid #863F51;
12927
- width: 12px;
12928
- height: 12px;
12929
- padding: 0;
12930
- border-radius: 50%;
12931
- background-color: transparent;
12932
- text-indent: -9999px;
12933
- }
12934
-
12935
- .htmega-carousel-activation .slick-dots li.slick-active button {
12936
- background-color: #863F51;
12937
- }
12938
-
12939
- /*------------------------------
12940
- Custom Carousel Style 2
12941
- -------------------------------*/
12942
- .htmega-carousel-style-2 .slick-slide .single-custom-carousel img {
12943
- transition: all 0.3s ease 0s;
12944
- display: block;
12945
- }
12946
-
12947
- .htmega-carousel-style-2 .single-custom-carousel {
12948
- position: relative;
12949
- transition: all 0.3s ease 0s;
12950
- padding: 0 40px;
12951
- transform: scale(1.1);
12952
- }
12953
-
12954
- .htmega-carousel-style-2 .slick-slide.slick-center .single-custom-carousel {
12955
- transform: scale(1.3);
12956
- }
12957
-
12958
- .htmega-carousel-style-2 .slick-slide.slick-center {
12959
- z-index: 999;
12960
- position: relative;
12961
- }
12962
-
12963
- .htmega-carousel-style-2 .slick-slide.slick-active {
12964
- transition: all 0.3s ease 0s;
12965
- }
12966
-
12967
- .htmega-carousel-style-2 .slick-slide {
12968
- padding: 72px 0;
12969
- transition: all 0.3s ease 0s;
12970
- }
12971
-
12972
- .htmega-carousel-style-2 {
12973
- position: relative;
12974
- }
12975
-
12976
- .htmega-carousel-style-2 button.slick-arrow,.htmega-carousel-style-3 button.slick-arrow {
12977
- position: absolute;
12978
- left: -80px;
12979
- top: 50%;
12980
- transform: translateY(-50%);
12981
- background: #000000;
12982
- color: #f4f4f4;
12983
- width: 40px;
12984
- height: 40px;
12985
- border: 0 none;
12986
- border-radius: 100%;
12987
- padding: 0;
12988
- margin: 0;
12989
- font-size: 30px;
12990
- transition: 0.3s ease-in-out;
12991
- line-height: 28px;
12992
- }
12993
-
12994
- .htmega-carousel-style-2 button.slick-arrow:hover,.htmega-carousel-style-3 button.slick-arrow:hover {
12995
- background: #0056ff;
12996
- color: #fff;
12997
- }
12998
-
12999
- .htmega-carousel-style-2 button.htmega-carosul-next,.htmega-carousel-style-3 button.htmega-carosul-next {
13000
- left: auto;
13001
- right: -80px;
13002
- }
13003
-
13004
- /*------------------------------
13005
- Custom Carousel Style 3
13006
- -------------------------------*/
13007
- .htmega-carousel-style-3 .slick-slide {
13008
- margin: 0px 15px;
13009
- }
13010
-
13011
- .htmega-carousel-style-3 .slick-list.draggable {
13012
- margin: 0 -15px;
13013
- }
13014
-
13015
- .htmega-carousel-style-3 .slick-dots {
13016
- bottom: -60px;
13017
- }
13018
-
13019
- .htmega-carousel-style-3 .slick-dots li {
13020
- width: 10px;
13021
- height: 10px;
13022
- margin: 0 5px;
13023
- padding: 0;
13024
- }
13025
-
13026
- .htmega-carousel-style-3 .slick-dots li button {
13027
- width: 10px;
13028
- height: 10px;
13029
- padding: 0;
13030
- background: #000;
13031
- border-radius: 100%;
13032
- border: 0;
13033
- }
13034
-
13035
- .htmega-carousel-style-3 .slick-dots li button::before {
13036
- display: none;
13037
- }
13038
-
13039
- .htmega-carousel-style-3 .slick-dots li.slick-active button {
13040
- background: #00c8fa;
13041
- }
13042
-
13043
- /*------------------------------
13044
- Custom Carousel Style 4
13045
- -------------------------------*/
13046
- .htmega-carousel-style-4 {
13047
- position: relative;
13048
- }
13049
-
13050
- .htmega-carousel-style-4 button.slick-arrow {
13051
- position: absolute;
13052
- top: 50%;
13053
- left: 0;
13054
- color: #f4f4f4;
13055
- border: 0 none;
13056
- font-size: 30px;
13057
- background: transparent;
13058
- width: 40px;
13059
- height: 50px;
13060
- line-height: 45px;
13061
- background: #000000;
13062
- transform: translateY(-50%);
13063
- z-index: 2;
13064
- padding: 0;
13065
- }
13066
-
13067
- .htmega-carousel-style-4 button.htmega-carosul-next {
13068
- left: auto;
13069
- right: 0;
13070
- }
13071
-
13072
- .htmega-carousel-style-4 .slick-list {
13073
- margin: 0 -15px;
13074
- }
13075
-
13076
- .htmega-carousel-style-4 .slick-slide {
13077
- margin: 0px 15px;
13078
- }
13079
-
13080
- /*------------------------------
13081
- Custom Carousel Style 5
13082
- -------------------------------*/
13083
- .htmega-carousel-style-5 .slick-slide {
13084
- margin: 0px 15px;
13085
- }
13086
-
13087
- .htmega-carousel-style-5 .slick-list {
13088
- margin: 0 -15px;
13089
- }
13090
-
13091
- .htmega-carousel-style-5 .slick-dots {
13092
- bottom: -40px;
13093
- background: #dbdbdb;
13094
- height: 8px;
13095
- border-radius: 4px;
13096
- left: 0;
13097
- right: 0;
13098
- width: auto;
13099
- }
13100
-
13101
- .htmega-carousel-style-5 .slick-dots li {
13102
- width: 33.33%;
13103
- height: 8px;
13104
- margin: 0;
13105
- left: 0;
13106
- top: -13px;
13107
- transition: 0.4s ease-in-out;
13108
- }
13109
-
13110
- .htmega-carousel-style-5 .slick-dots li::before {
13111
- position: absolute;
13112
- content: "";
13113
- left: 0;
13114
- top: 0;
13115
- width: 0;
13116
- height: 100%;
13117
- background: #0056ff;
13118
- border-radius: 4px;
13119
- transition: 0.4s ease-in-out;
13120
- }
13121
-
13122
- .htmega-carousel-style-5 .slick-dots li button {
13123
- width: 33.33%;
13124
- height: 8px;
13125
- margin: 0;
13126
- left: 0;
13127
- }
13128
- .htmega-carousel-style-5 .slick-dots li button{
13129
- border: none;
13130
- }
13131
- .htmega-carousel-style-5 .slick-dots li.slick-active button{
13132
- background: transparent;
13133
- }
13134
-
13135
- .htmega-carousel-style-5 .slick-dots li button::before {
13136
- display: none;
13137
- }
13138
-
13139
- .htmega-carousel-style-5 .slick-dots li.slick-active::before {
13140
- width: 100%;
13141
- }
13142
-
13143
- /*------------------------------
13144
- Custom Carousel Style 6
13145
- -------------------------------*/
13146
-
13147
- .htmega-carousel-style-6 button.slick-arrow {
13148
- position: absolute;
13149
- top: 50%;
13150
- left: 0;
13151
- color: #f4f4f4;
13152
- border: 0 none;
13153
- font-size: 30px;
13154
- background: transparent;
13155
- width: 40px;
13156
- height: 50px;
13157
- background: #000000;
13158
- transform: translateY(-50%);
13159
- z-index: 2;
13160
- padding: 0;
13161
- }
13162
-
13163
- .htmega-carousel-style-6 button.htmega-carosul-next {
13164
- left: auto;
13165
- right: 0;
13166
- }
13167
-
13168
- .htmega-carousel-style-6 .slick-dots {
13169
- background: #19243c none repeat scroll 0 0;
13170
- margin-top: -8px;
13171
- position: static;
13172
- }
13173
-
13174
- .htmega-carousel-style-6 .slick-dots li {
13175
- display: inline-block;
13176
- height: inherit;
13177
- padding: 30px 55px;
13178
- position: relative;
13179
- text-align: center;
13180
- width: auto;
13181
- z-index: 2;
13182
- }
13183
-
13184
- .htmega-carousel-style-6 .slick-dots li h6 {
13185
- color: #ffffff;
13186
- font-size: 14px;
13187
- font-weight: 600;
13188
- margin: 0;
13189
- position: relative;
13190
- z-index: 3;
13191
- }
13192
-
13193
- .htmega-carousel-style-6 .slick-dots li.slick-active::before {
13194
- position: absolute;
13195
- content: "";
13196
- background: #223152;
13197
- z-index: 1;
13198
- width: 100%;
13199
- height: 116%;
13200
- bottom: 0;
13201
- left: 0;
13202
- }
13203
-
13204
- /*Custom Carousel Style 7*/
13205
- .htmega-carousel-style-7 button.slick-arrow {
13206
- position: absolute;
13207
- left: 20px;
13208
- top: 50%;
13209
- transform: translateY(-50%);
13210
- background: transparent;
13211
- color: #f4f4f4;
13212
- border: 0 none;
13213
- border-radius: 100%;
13214
- padding: 0;
13215
- margin: 0;
13216
- font-size: 48px;
13217
- transition: 0.3s ease-in-out;
13218
- z-index: 1;
13219
- }
13220
-
13221
- .htmega-carousel-style-7 button.slick-arrow:hover {
13222
- color: #18012c;
13223
- }
13224
-
13225
- .htmega-carousel-style-7 button.htmega-carosul-next {
13226
- left: auto;
13227
- right: 20px;
13228
- }
13229
- /*
13230
- * Double Button
13231
- */
13232
-
13233
-
13234
- .htmega-doule-btn svg{
13235
- width: 20px;
13236
- }
13237
- .htmega-double-button-area{
13238
- display: flex;
13239
- }
13240
- .htmega-doublebutton {
13241
- display: flex;
13242
- position: relative;
13243
- width: 40%;
13244
- }
13245
-
13246
- span.htmega-middle-text{
13247
- background: #ffffff none repeat scroll 0 0;
13248
- border-radius: 100%;
13249
- color: #000000;
13250
- font-family: "Montserrat",sans-serif;
13251
- font-size: 12px;
13252
- height: 26px;
13253
- left: 50%;
13254
- line-height: 25px;
13255
- position: absolute;
13256
- text-align: center;
13257
- top: 50%;
13258
- transform: translateX(-50%) translateY(-50%);
13259
- width: 26px;
13260
- z-index: 3;
13261
- }
13262
-
13263
- .htmega-doublebutton a.htmega-doule-btn {
13264
- color: #ffffff;
13265
- font-family: "Montserrat",sans-serif;
13266
- font-size: 14px;
13267
- height: 50px;
13268
- line-height: 50px;
13269
- transition: all 0.4s ease-in-out 0s;
13270
- background: #a7d1b0 none repeat scroll 0 0;
13271
- border-radius: 25px 0 0 25px;
13272
- text-decoration: none;
13273
- width: 100%;
13274
- text-align: center;
13275
- }
13276
- .htmega-doublebutton a.htmega-doule-btn:hover,.htmega-doublebutton a.htmega-doule-btn.btn-two:hover {
13277
- background: #18012c none repeat scroll 0 0;
13278
- color: #ffffff;
13279
- }
13280
- .htmega-doublebutton a.htmega-doule-btn.btn-two {
13281
- background: #fa9866 none repeat scroll 0 0;
13282
- border-radius: 0 25px 25px 0;
13283
- }
13284
-
13285
- .htmega-doublebutton a.htmega-doule-btn-size-sm{
13286
- height: 46px;
13287
- line-height: 46px;
13288
- }
13289
-
13290
- .htmega-doublebutton a.htmega-doule-btn-size-md{
13291
- height: 50px;
13292
- line-height: 50px;
13293
- }
13294
-
13295
- .htmega-doublebutton a.htmega-doule-btn-size-lg{
13296
- height: 60px;
13297
- line-height: 60px;
13298
- }
13299
-
13300
- .htmega-doublebutton a.htmega-doule-btn-size-xl{
13301
- height: 70px;
13302
- line-height: 70px;
13303
- }
13304
-
13305
- .htmega-doublebutton a.htmega-doule-btn-size-xs{
13306
- height: 40px;
13307
- line-height: 40px;
13308
- }
13309
-
13310
- /* Bouble Button Icon position */
13311
- .htmega-double-button-area a.btn-one {
13312
- display: flex;
13313
- flex-wrap: wrap;
13314
- align-items: center;
13315
- justify-content: center;
13316
- position: relative;
13317
- overflow: hidden;
13318
- }
13319
- .htmega-double-button-area a.btn-one *{
13320
- position: relative;
13321
- z-index: 2;
13322
- }
13323
- .htmega-double-button-area a.btn-one::after,.htmega-double-button-area a.btn-one::before{
13324
- position:absolute;
13325
- content: "";
13326
- left: 0;
13327
- width: 100%;
13328
- height: 100%;
13329
- background: rgba(0, 0, 0, 0);
13330
- transition: all 0.3s ease-in-out;
13331
-
13332
- }
13333
- .htmega-double-button-area a.btn-one::after{
13334
- opacity: 0;
13335
- }
13336
- .htmega-double-button-area a.btn-one:hover::after{
13337
- opacity: 1;
13338
- }
13339
- .htmega-double-button-icon1-position-left .htmega-doule-btn.btn-one .button_one_text_progression{
13340
- order: 2;
13341
- }
13342
- .htmega-double-button-icon1-position-left .htmega-doule-btn.btn-one .button_one_icon_progression{
13343
- order: 1;
13344
- }
13345
-
13346
- .htmega-double-button-area a.btn-two {
13347
- display: flex;
13348
- flex-wrap: wrap;
13349
- align-items: center;
13350
- justify-content: center;
13351
- }
13352
-
13353
- .htmega-double-button-icon2-position-left .htmega-doule-btn.btn-two .button_two_text_progression{
13354
- order: 2;
13355
- }
13356
- .htmega-double-button-icon2-position-left .htmega-doule-btn.btn-two .button_two_icon_progression{
13357
- order: 1;
13358
- }
13359
-
13360
- a.htmega-doule-btn span {
13361
- transition: all 0s;
13362
- }
13363
-
13364
- /* Double Button Skew Bg */
13365
- .before_bg{
13366
- overflow: hidden;
13367
- }
13368
- .before_bg a.htmega-doule-btn{
13369
- position: relative;
13370
- background: transparent !important;
13371
- z-index: 1;
13372
- }
13373
- .before_bg a.htmega-doule-btn::before {
13374
- background-color: #a7d1b0;
13375
- content: "";
13376
- display: block;
13377
- height: 100%;
13378
- left: -16px;
13379
- position: absolute;
13380
- top: 0;
13381
- transform: skewX(-24deg);
13382
- width: 112%;
13383
- z-index: -1;
13384
- transition: 0.4s;
13385
- }
13386
-
13387
- .before_bg a.htmega-doule-btn.btn-two::before {
13388
- background-color: #fa9866;
13389
- left: 0;
13390
- right: -16px;
13391
- }
13392
-
13393
-
13394
- /*
13395
- * Banner Style
13396
- */
13397
- .htmega-banner .banner-thumb a {
13398
- /** overflow: hidden; **/
13399
- position: relative;
13400
- display: block;
13401
- line-height: 0;
13402
- }
13403
- .htmega-banner .banner-thumb{
13404
- line-height: 0;
13405
- }
13406
- .htmega-banner .banner-thumb *{
13407
- line-height: normal;
13408
- }
13409
- .htmega-banner .banner-content a{
13410
- display: inline-block;
13411
-
13412
- }
13413
- .htmega-banner .banner-thumb a::before {
13414
- background: rgba(255, 255, 255, 0.3);
13415
- content: "";
13416
- height: 0;
13417
- left: 0;
13418
- opacity: 0;
13419
- pointer-events: none;
13420
- position: absolute;
13421
- top: 0;
13422
- transition: all 0.5s ease 0s;
13423
- width: 0;
13424
- }
13425
-
13426
- .htmega-banner .banner-thumb a::after {
13427
- background: rgba(255, 255, 255, 0.3);
13428
- bottom: 0;
13429
- content: "";
13430
- height: 0;
13431
- opacity: 0;
13432
- pointer-events: none;
13433
- position: absolute;
13434
- right: 0;
13435
- transition: all 0.5s ease 0s;
13436
- width: 0;
13437
- }
13438
-
13439
- .htmega-banner .banner-thumb a img {
13440
- width: 100%;
13441
- }
13442
-
13443
- .htmega-banner:hover .banner-thumb a::before {
13444
- height: 100%;
13445
- opacity: 1;
13446
- width: 100%;
13447
- }
13448
-
13449
- .htmega-banner:hover .banner-thumb a::after {
13450
- height: 100%;
13451
- opacity:1;
13452
- width: 100%;
13453
- }
13454
-
13455
- .htmega-banner {
13456
- position: relative;
13457
- }
13458
-
13459
- .htmega-banner .banner-content a {
13460
- border-bottom: 1px solid #909b74;
13461
- color: #383838;
13462
- font-size: 14px;
13463
- font-weight: 700;
13464
- text-transform: uppercase;
13465
- transition: all 0.4s ease 0s;
13466
- text-decoration: none;
13467
- }
13468
-
13469
- .htmega-banner .banner-content{
13470
- position: absolute;
13471
- z-index: 2;
13472
- width: 100%;
13473
- text-align: center;
13474
- }
13475
-
13476
- /*Banner Content Position */
13477
- .htmega-banner-content-pos-center .banner-content{
13478
- top: 50%;
13479
- right: 0;
13480
- left: auto;
13481
- padding-right: 30px;
13482
- transform: translateY(-50%);
13483
- }
13484
-
13485
- .htmega-banner-content-pos-bottom .banner-content {
13486
- bottom: 0;
13487
- padding-bottom: 40px;
13488
- }
13489
-
13490
- .htmega-banner-content-pos-top .banner-content {
13491
- top: 0;
13492
- padding-top: 40px;
13493
- }
13494
-
13495
- /* Banner style one */
13496
- .htmega-banner-style-1 .banner-content h6 {
13497
- color: #1f1e26;
13498
- font-size: 20px;
13499
- font-weight: 700;
13500
- letter-spacing: 11px;
13501
- text-transform: uppercase;
13502
- margin-bottom: 0;
13503
- font-family: "Poppins", sans-serif;
13504
- }
13505
-
13506
- .htmega-banner-style-1 .banner-content h2 {
13507
- color: #1f1e26;
13508
- font-size: 60px;
13509
- text-transform: uppercase;
13510
- margin-bottom: 1px;
13511
- font-family: "Poppins", sans-serif;
13512
- }
13513
-
13514
- .htmega-banner-style-1 .banner-content p {
13515
- color: #1f1e26;
13516
- font-size: 16px;
13517
- text-transform: uppercase;
13518
- margin: 0;
13519
- }
13520
-
13521
- .htmega-banner-style-1 .banner-content h3 {
13522
- color: #1f1e26;
13523
- font-size: 24px;
13524
- font-weight: 700;
13525
- text-transform: uppercase;
13526
- margin-bottom: 6px;
13527
- font-family: "Poppins", sans-serif;
13528
- }
13529
-
13530
- .htmega-banner-style-1 .banner-content a {
13531
- color: #383838;
13532
- font-weight: 700;
13533
- text-transform: uppercase;
13534
- font-size: 14px;
13535
- border-bottom: 1px solid #909b74;
13536
- transition: 0.4s;
13537
- }
13538
-
13539
- /* Banner Style 02 */
13540
- .htmega-banner-style-2 .banner-content h2{
13541
- color: #1f1e26;
13542
- font-family: "Poppins",sans-serif;
13543
- font-size: 24px;
13544
- font-weight: 700;
13545
- margin-bottom: 6px;
13546
- text-transform: uppercase;
13547
- }
13548
-
13549
- /* Banner Style 03 */
13550
- .htmega-banner-style-3 .banner-content h2 {
13551
- color: #242424;
13552
- font-size: 30px;
13553
- font-weight: 400;
13554
- margin-bottom: 6px;
13555
- font-family: 'Prata', serif;
13556
- }
13557
-
13558
- .htmega-banner-style-3 .banner-content p {
13559
- color: #1f1e26;
13560
- font-size: 14px;
13561
- text-transform: uppercase;
13562
- margin: 0;
13563
- font-weight: 400;
13564
- font-family: 'Rubik', sans-serif;
13565
- }
13566
-
13567
- /* Banner Style 03 */
13568
- .htmega-banner-style-4 .banner-content h2 {
13569
- color: #ffffff;
13570
- font-size: 20px;
13571
- font-weight: 800;
13572
- margin-bottom: 10px;
13573
- font-family: 'Open Sans', sans-serif;
13574
- }
13575
-
13576
- .htmega-banner-style-4 .banner-content p {
13577
- color: #ffffff;
13578
- margin: 0;
13579
- font-size: 14px;
13580
- font-family: 'Open Sans', sans-serif;
13581
- font-weight: 600;
13582
- line-height: 26px;
13583
- padding-right: 77px;
13584
- margin-bottom: 15px;
13585
- }
13586
-
13587
- .htmega-banner-style-4 .banner-content a {
13588
- font-family: 'Open Sans', sans-serif;
13589
- font-weight: 600;
13590
- background: #ffffff;
13591
- height: 30px;
13592
- display: inline-block;
13593
- padding: 0 15px;
13594
- line-height: 30px;
13595
- color: #000000;
13596
- font-size: 12px;
13597
- border-radius: 20px;
13598
- transition: 0.4s ease-in-out;
13599
- }
13600
-
13601
- .htmega-banner-style-4 .banner-content a:hover {
13602
- background: #18012c;
13603
- color: #fff;
13604
- }
13605
- .htmega-banner-style-4 .banner-content {
13606
- text-align: left;
13607
- padding-left: 40px;
13608
- padding-top: 40px;
13609
- padding-right: 40px;
13610
- }
13611
-
13612
- /* Banner Style 5 */
13613
- .htmega-banner-style-5 .banner-content h2 {
13614
- color: #646161;
13615
- font-size: 24px;
13616
- font-weight: 700;
13617
- margin-bottom: 0;
13618
- font-family: 'Rubik', sans-serif;
13619
- }
13620
-
13621
- .htmega-banner-style-5 .banner-content h2 span {
13622
- color: #f3a395;
13623
- }
13624
-
13625
- .htmega-banner-style-5 .banner-content span {
13626
- color: #f3a395;
13627
- font-size: 24px;
13628
- font-weight: 700;
13629
- margin-bottom: 0;
13630
- font-family: 'Rubik', sans-serif;
13631
- }
13632
-
13633
- .htmega-banner-style-5.htmega-banner-content-pos-center .banner-content {
13634
- top: 50%;
13635
- transform: translateY(-50%);
13636
- right: 0;
13637
- padding-right: 30px;
13638
- }
13639
-
13640
-
13641
- .htmega-banner-style-5 .banner-thumb a::before,.htmega-banner-style-6 .banner-thumb a::before {
13642
- background: transparent none repeat scroll 0 0;
13643
- border: 1px solid #f3a395;
13644
- content: "";
13645
- height: 100%;
13646
- left: 0px;
13647
- opacity: 1;
13648
- position: absolute;
13649
- top: 0px;
13650
- transition: all 0.4s ease 0s;
13651
- width: 100%;
13652
- z-index: 1;
13653
- }
13654
-
13655
- /* Banner Style 6 */
13656
- .htmega-banner-style-6 .banner-content {
13657
- display: flex;
13658
- justify-content: space-between;
13659
- flex-direction: column;
13660
- top: 0;
13661
- width: 100%;
13662
- text-align: center;
13663
- padding: 40px 0;
13664
- height: 100%;
13665
- transform: translateY(0);
13666
- }
13667
-
13668
- .htmega-banner-style-6 .banner-content h2{
13669
- color: #646161;
13670
- font-family: "Rubik",sans-serif;
13671
- font-size: 24px;
13672
- font-weight: 700;
13673
- margin-bottom: 0;
13674
- }
13675
- .htmega-banner-style-6 .banner-content p {
13676
- color: #f3a395;
13677
- font-family: "Rubik",sans-serif;
13678
- font-size: 24px;
13679
- font-weight: 700;
13680
- margin-bottom: 0;
13681
- }
13682
-
13683
- /*
13684
- * Special Banner Style
13685
- */
13686
- .htmegaspcial-banner.htmega-banner-content-pos-right .banner-content {
13687
- top: 50%;
13688
- right: 0;
13689
- width: auto;
13690
- transform: translateY(-50%);
13691
- }
13692
- .htmegaspcial-banner.htmega-banner-content-pos-left .banner-content {
13693
- top: 50%;
13694
- left: 0;
13695
- width: auto;
13696
- transform: translateY(-50%);
13697
- }
13698
- .htbanner-badgeimage {
13699
- position: absolute;
13700
- top: 0;
13701
- left: 0;
13702
- display: inline-block;
13703
- }
13704
- .htbanner-badgeimage img{
13705
- width: 100%;
13706
- }
13707
-
13708
- /*
13709
- * Image Comparison Style
13710
- */
13711
-
13712
- .beer-slider input[type="range"]{
13713
- height: 100%;
13714
- }
13715
-
13716
- .beer-slider {
13717
- font-family: "Montserrat", sans-serif;
13718
- text-transform: uppercase;
13719
- font-size: 0.75rem;
13720
- letter-spacing: 1px;
13721
- margin-bottom: 1.5rem;
13722
- position: relative;
13723
- }
13724
-
13725
- .beer-slider::before {
13726
- background: transparent;
13727
- content: "";
13728
- height: 100%;
13729
- opacity: 0.35;
13730
- position: absolute;
13731
- right: 0;
13732
- top: 0;
13733
- width: 100%;
13734
- }
13735
-
13736
- .htmega-imagecomparison .beer-handle,.htmega-imagecomparison .beer-range:focus ~ .beer-handle{
13737
- box-shadow: none;
13738
- }
13739
- .htmega-label-pos-center .beer-reveal[data-beer-label]::after, .htmega-label-pos-center .beer-slider[data-beer-label]::after{
13740
- top: 50%;
13741
- }
13742
- .htmega-label-pos-bottom .beer-reveal[data-beer-label]::after, .htmega-label-pos-bottom .beer-slider[data-beer-label]::after{
13743
- bottom: 1.5rem;
13744
- top: auto;
13745
- }
13746
-
13747
-
13748
- /*
13749
- * Download Monitor
13750
- */
13751
- a.htmega-downloadbtn {
13752
- font-size: 16px;
13753
- padding: 10px 15px;
13754
- text-transform: uppercase;
13755
- font-weight: 600;
13756
- text-decoration: none;
13757
- transition: 0.4s;
13758
- }
13759
-
13760
- .file_meta {
13761
- font-size: 12px;
13762
- font-weight: 400;
13763
- margin-top: 7px;
13764
- opacity: 0.7;
13765
- }
13766
- .file_meta span {
13767
- margin-right: 10px;
13768
- position: relative;
13769
- }
13770
- .file_meta span::before {
13771
- border-left: 1px solid;
13772
- content: "";
13773
- height: 10px;
13774
- left: -8px;
13775
- position: absolute;
13776
- top: 50%;
13777
- transform: translateY(-50%);
13778
- width: 1px;
13779
- }
13780
- .file_meta span:first-child::before{
13781
- display: none;
13782
- }
13783
- .download_icon{
13784
- margin-right: 10px;
13785
- }
13786
-
13787
- .edd_downloads_list .edd_download .edd_download_inner .edd_download_title a{
13788
- display: inline-block;
13789
- text-decoration: none;
13790
- }
13791
-
13792
- /* Buddypress Member Style */
13793
- .htmega_buddypress_single {
13794
- display: inline-block;
13795
- text-align: center;
13796
- }
13797
- .htmega_buddypress_single a{
13798
- text-decoration: none;
13799
- display: inline-block;
13800
- }
13801
-
13802
- .htmega_buddypress_single .buddy_press_meta span{
13803
- display: block;
13804
- }
13805
-
13806
- /* Add to cart Style */
13807
- .elementor-widget-htmega-wcaddtocart-addons a{
13808
- text-decoration: none;
13809
- }
13810
- .elementor-widget-htmega-wcaddtocart-addons .quantity {
13811
- display: inline-block;
13812
- }
13813
-
13814
- /* WooCommerce Pages */
13815
- .elementor-widget-htmega-wcpages-addons .col-1,.elementor-widget-htmega-wcpages-addons .col-2 {
13816
- flex: 0 0 100%;
13817
- max-width: 100%;
13818
- padding: 0;
13819
- }
13820
-
13821
- .elementor-widget-htmega-wcpages-addons .form-row {
13822
- display: block;
13823
- }
13824
-
13825
- .elementor-widget-htmega-wcpages-addons .woocommerce-MyAccount-navigation ul li{
13826
- list-style: none;
13827
- }
13828
- .elementor-widget-htmega-wcpages-addons .woocommerce-MyAccount-navigation ul li a{
13829
- text-decoration: none;
13830
- display: block;
13831
- }
13832
-
13833
- /* WooCommerce Category */
13834
- .woocommerce .product-category a{
13835
- display: inline-block;
13836
- transition: 0.4s;
13837
- }
13838
- .woocommerce .product-category .mark, .woocommerce .product-category mark {
13839
- background-color: transparent;
13840
- padding: 0;
13841
- }
13842
-
13843
- /* Job manager */
13844
- .job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button {
13845
- height: inherit;
13846
- }
13847
- .job_application button, .job_application input[type="button"], .job_application input[type="reset"], .job_application input[type="submit"]{
13848
- height:auto;
13849
- }
13850
- .job_summary_shortcode .job-type {
13851
- display: inline-block;
13852
- height: auto !important;
13853
- margin: 0 !important;
13854
- }
13855
- .job_summary_title {
13856
- font-size: 20px;
13857
- margin-top: 10px;
13858
- }
13859
-
13860
-
13861
- /*
13862
- * Post Carousel Style
13863
- */
13864
- .post-carousel-wrapper {
13865
- margin: 0 -15px;
13866
- }
13867
- .post-carousel-wrapper .slick-slide {
13868
- margin: 0 15px;
13869
- }
13870
-
13871
- .post-carousel-wrapper .htmega-postslider-layout-1 .content{
13872
- max-width: 100%;
13873
- width: 100%;
13874
- }
13875
-
13876
- .post-carousel-wrapper .htmega-postslider-layout-1 .content{
13877
- padding: 0;
13878
- }
13879
-
13880
- .post-carousel-wrapper .htmega-postslider-layout-1 .content .post-inner {
13881
- background: #33a3b9 none repeat scroll 0 0;
13882
- transition: 0.4s;
13883
- }
13884
- .post-carousel-wrapper .htmega-postslider-layout-1:hover .content .post-inner {
13885
- background: rgba(51, 163, 185, 0.8) none repeat scroll 0 0;
13886
- }
13887
-
13888
- .post-carousel-wrapper button.slick-arrow {
13889
- background: #5e5e5e none repeat scroll 0 0;
13890
- border: 0 none;
13891
- border-radius: 100%;
13892
- color: #fff;
13893
- font-size: 30px;
13894
- height: 50px;
13895
- left: -20px;
13896
- margin: 0;
13897
- padding: 0;
13898
- position: absolute;
13899
- top: 50%;
13900
- transform: translateY(-50%);
13901
- transition: all 0.4s ease-in-out 0s;
13902
- width: 50px;
13903
- line-height: 0;
13904
- z-index: 9999;
13905
- }
13906
-
13907
- .post-carousel-wrapper button.htmega-carosul-next.slick-arrow {
13908
- left: auto;
13909
- right: -20px;
13910
- }
13911
-
13912
- .post-carousel-wrapper .htmega-single-post-slide .content .post-inner ul.meta li{
13913
- letter-spacing: 0;
13914
- }
13915
-
13916
- /* Post Carousel Style 2 */
13917
-
13918
- .post-carousel-wrapper .htmega-postslider-layout-2 .content {
13919
- padding: 0 20px;
13920
- margin-top: -50px;
13921
- text-align: center;
13922
- position: relative;
13923
- z-index: 2;
13924
- overflow: hidden;
13925
- }
13926
-
13927
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner {
13928
- background: #ffffff;
13929
- padding: 20px;
13930
- border-bottom: 4px solid #b5b5b5;
13931
- padding-top: 35px;
13932
- transition: 0.4s ease-in-out;
13933
- position: relative;
13934
- }
13935
- .post-carousel-wrapper .htmega-postslider-layout-2:hover .content .post-inner {
13936
- border-bottom: 4px solid #0056ff;
13937
- }
13938
-
13939
- /* gradient border */
13940
- .post-carousel-wrapper .htmega-postslider-layout-2 .content.htmega-gradient .post-inner{
13941
- border:none;
13942
- }
13943
- .post-carousel-wrapper .htmega-postslider-layout-2 .content.htmega-gradient .post-inner:after{
13944
- content: "";
13945
- left: 0;
13946
- height: 4px;
13947
- bottom: 0;
13948
- width: 100%;
13949
- position: absolute;
13950
- z-index: 2;
13951
- background:#b5b5b5;
13952
- transition: 0.4s ease-in-out;
13953
- background-image: linear-gradient(90deg, #F9DC03 0%, #F25A75 100%);
13954
- background-color: transparent;
13955
- }
13956
- .post-carousel-wrapper .htmega-postslider-layout-2:hover .content.htmega-gradient .post-inner:after{
13957
- background-image: linear-gradient(90deg, #09E328 0%, #00C1C6 100%);
13958
- }
13959
-
13960
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul {
13961
- justify-content: space-between;
13962
- }
13963
-
13964
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul.meta li {
13965
- color: #8f8f8f;
13966
- font-size: 14px;
13967
- font-family: 'Courgette', cursive;
13968
- }
13969
-
13970
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul.meta li i {
13971
- font-size: 14px;
13972
- padding-right: 12px;
13973
- color: #a8a8a8;
13974
- }
13975
-
13976
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner ul.meta li a {
13977
- color: #8f8f8f;
13978
- }
13979
-
13980
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner h2 {
13981
- font-size: 20px;
13982
- font-weight: 600;
13983
- margin-bottom: 11px;
13984
- line-height: 28px;
13985
- margin-bottom: 25px;
13986
- padding: 0 30px;
13987
- }
13988
-
13989
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner h2 a {
13990
- color: #4f4f4f;
13991
- transition: 0.4s ease-in-out;
13992
- }
13993
-
13994
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner h2 a:hover {
13995
- color: #0056ff;
13996
- }
13997
-
13998
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner p {
13999
- color: #818181;
14000
- font-size: 14px;
14001
- line-height: 24px;
14002
- margin-bottom: 29px;
14003
- font-family: "Montserrat", sans-serif;
14004
- font-weight: 300;
14005
- }
14006
-
14007
- /* Post Carousel Style 3 */
14008
- .post-carousel-wrapper .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn,.post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner .post-btn a.readmore-btn,.post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn {
14009
- border-radius: 0;
14010
- border-style: none none solid;
14011
- border-width: 0 0 1px;
14012
- border-color: #ffffff;
14013
- color: #ffffff;
14014
- display: inline-block;
14015
- font-family: "Montserrat",sans-serif;
14016
- font-size: 14px;
14017
- font-weight: 500;
14018
- height: inherit;
14019
- line-height: 24px;
14020
- padding: 0;
14021
- transition: all 0.4s ease-in-out 0s;
14022
- }
14023
- .post-carousel-wrapper .htmega-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn:hover {
14024
- color: #33a3b9;
14025
- border-bottom: 1px solid #33a3b9;
14026
- background: transparent;
14027
- }
14028
-
14029
- .post-carousel-wrapper.htmega-postcarousel-layout-3 button.slick-arrow {
14030
- background: #263170 none repeat scroll 0 0;
14031
- border: 0 none;
14032
- color: #fff;
14033
- font-size: 30px;
14034
- height: 40px;
14035
- margin: 0;
14036
- padding: 0;
14037
- position: absolute;
14038
- right: 15px;
14039
- top: -48px;
14040
- transition: all 0.4s ease-in-out 0s;
14041
- width: 46px;
14042
- border-radius: 0;
14043
- }
14044
- .post-carousel-wrapper.htmega-postcarousel-layout-3 button.htmega-carosul-prev.slick-arrow {
14045
- right: 66px;
14046
- left: auto;
14047
- }
14048
-
14049
- /*Post Carousel Style 4*/
14050
- .post-carousel-wrapper .htmega-postslider-layout-4 .post-carousel-flex{
14051
- display: flex;
14052
- align-items: center;
14053
- }
14054
-
14055
- .post-carousel-wrapper .htmega-postslider-layout-4 .content {
14056
- flex-basis: 58%;
14057
- position: relative;
14058
- margin-left: -75px;
14059
- background: #fff;
14060
- padding: 57px 24px;
14061
- }
14062
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner {
14063
- background: transparent none repeat scroll 0 0;
14064
- padding: 0;
14065
- text-align: left;
14066
- }
14067
-
14068
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul {
14069
- justify-content: flex-start;
14070
- }
14071
-
14072
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.post-category {
14073
- margin: 0 -5px;
14074
- }
14075
-
14076
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.post-category li {
14077
- margin: 0 5px;
14078
- }
14079
-
14080
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta {
14081
- margin:0;
14082
- margin-bottom: 10px;
14083
- }
14084
-
14085
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta li {
14086
- color: #8c8c8c;
14087
- font-size: 14px;
14088
- font-family: "Montserrat", sans-serif;
14089
- font-weight: 500;
14090
- margin: 0 14px;
14091
- letter-spacing: 0;
14092
- margin-left: 0;
14093
- }
14094
-
14095
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta li i {
14096
- font-size: 16px;
14097
- padding-right: 10px;
14098
- }
14099
-
14100
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner ul.meta li a {
14101
- color: #8c8c8c;
14102
- }
14103
-
14104
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner h2 {
14105
- font-size: 20px;
14106
- font-weight: 600;
14107
- margin-bottom: 19px;
14108
- }
14109
-
14110
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner h2 a {
14111
- color: #464646;
14112
- transition: 0.4s ease-in-out;
14113
- }
14114
-
14115
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner h2 a:hover {
14116
- color: #0056ff;
14117
- }
14118
-
14119
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner p {
14120
- color: #818181;
14121
- font-size: 14px;
14122
- line-height: 24px;
14123
- font-weight: 300;
14124
- font-family: "Montserrat", sans-serif;
14125
- }
14126
-
14127
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner .post-btn a.readmore-btn {
14128
- color: #464646;
14129
- transition: 0.4s ease-in-out;
14130
- font-family: "Montserrat", sans-serif;
14131
- font-weight: 500;
14132
- background: transparent;
14133
- border-bottom: 1px solid #464646;
14134
- }
14135
-
14136
- .post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner .post-btn a.readmore-btn:hover {
14137
- color: #0056ff;
14138
- border-bottom: 1px solid #0056ff;
14139
- background: transparent;
14140
- }
14141
-
14142
- /*Post Carousel Style 5*/
14143
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner {
14144
- text-align: left;
14145
- padding: 30px 0;
14146
- }
14147
- .post-carousel-wrapper .htmega-postslider-layout-5 .content {
14148
- background: transparent;
14149
- padding: 0;
14150
- }
14151
-
14152
- .post-carousel-wrapper .content .post-inner h2 {
14153
- word-break: break-word;
14154
- }
14155
-
14156
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul {
14157
- justify-content: flex-start;
14158
- }
14159
-
14160
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta {
14161
- margin: 0 -10px;
14162
- margin-bottom: 7px;
14163
- }
14164
-
14165
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li {
14166
- color: #8c8c8c;
14167
- font-size: 14px;
14168
- font-family: "Montserrat", sans-serif;
14169
- padding: 0 10px;
14170
- font-weight: 500;
14171
- position: relative;
14172
- margin: 0;
14173
- }
14174
-
14175
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li::before {
14176
- position: absolute;
14177
- content: "/";
14178
- right: 0;
14179
- top: 2px;
14180
- }
14181
-
14182
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li:last-child::before {
14183
- display: none;
14184
- }
14185
-
14186
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li a {
14187
- color: #8c8c8c;
14188
- }
14189
-
14190
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner h2 {
14191
- font-size: 24px;
14192
- font-weight: 500;
14193
- margin-bottom: 11px;
14194
- margin: 0;
14195
- }
14196
-
14197
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner h2 a {
14198
- color: #2b2b2b;
14199
- transition: 0.4s ease-in-out;
14200
- }
14201
-
14202
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner h2 a:hover {
14203
- color: #0056ff;
14204
- }
14205
-
14206
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner p {
14207
- color: #6d6a6a;
14208
- font-size: 17px;
14209
- line-height: 29px;
14210
- margin-bottom: 24px;
14211
- margin-top: 10px;
14212
- }
14213
-
14214
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn {
14215
- border-bottom: 1px solid #464646;
14216
- font-size: 14px;
14217
- transition: 0.4s ease-in-out;
14218
- font-family: "Montserrat", sans-serif;
14219
- color: #464646;
14220
- background: transparent;
14221
- }
14222
-
14223
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn:hover {
14224
- border-bottom: 1px solid #0056ff;
14225
- color: #0056ff;
14226
- }
14227
-
14228
-
14229
- .post-carousel-wrapper.htmega-postcarousel-layout-5 button.slick-arrow {
14230
- position: absolute;
14231
- top: 28%;
14232
- left: 15px;
14233
- width: 46px;
14234
- height: 46px;
14235
- background: #ffffff;
14236
- border: 0 none;
14237
- color: #0056ff;
14238
- font-size: 24px;
14239
- padding: 0;
14240
- margin: 0;
14241
- transition: 0.4s ease-in-out;
14242
- z-index: 2;
14243
- border-radius: 0;
14244
- }
14245
-
14246
- .post-carousel-wrapper.htmega-postcarousel-layout-5 button.slick-arrow:hover {
14247
- background: #0056ff;
14248
- color: #ffffff;
14249
- }
14250
-
14251
- .post-carousel-wrapper.htmega-postcarousel-layout-5 button.slick-arrow.htmega-carosul-next {
14252
- left: auto;
14253
- right: 15px;
14254
- }
14255
- /* New style */
14256
-
14257
- .post-carousel-wrapper.htmega-bottom-right-arrow button.slick-arrow,
14258
- .post-carousel-wrapper.htmega-bottom-center-arrow button.slick-arrow{
14259
- top:100%;
14260
- }
14261
- .post-carousel-wrapper.htmega-top-right-arrow button.slick-arrow {
14262
- top:0;
14263
- }
14264
- .post-carousel-wrapper.htmega-top-right-arrow button.slick-arrow {
14265
- right: 50px;
14266
- left: auto;
14267
- }
14268
- .post-carousel-wrapper.htmega-top-right-arrow button.htmega-carosul-next.slick-arrow {
14269
- right: 0px;
14270
- left: auto;
14271
- }
14272
- /* bottom right */
14273
- .post-carousel-wrapper.htmega-bottom-right-arrow button.slick-arrow {
14274
- right: 50px;
14275
- left: auto;
14276
- }
14277
- .post-carousel-wrapper.htmega-bottom-right-arrow button.htmega-carosul-next.slick-arrow {
14278
- right: 0px;
14279
- left: auto;
14280
- }
14281
- /* center bottom */
14282
- .post-carousel-wrapper.htmega-bottom-center-arrow button.slick-arrow {
14283
- left: 50%;
14284
- margin-left: -40px;
14285
- }
14286
- .post-carousel-wrapper.htmega-bottom-center-arrow button.htmega-carosul-next.slick-arrow {
14287
- left: auto;
14288
- right: 50%;
14289
- margin-right: -40px;
14290
- }
14291
- .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-bottom-center-arrow button.htmega-carosul-prev.slick-arrow {
14292
- right: auto;
14293
- left: 50%;
14294
- }
14295
-
14296
- /* verticle center */
14297
- .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-verticle-center-arrow button.slick-arrow{
14298
- top:50%;
14299
- }
14300
- .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-verticle-center-arrow button.slick-arrow{
14301
- left: -20px;
14302
- right: auto;
14303
- }
14304
- .post-carousel-wrapper.htmega-postcarousel-layout-3.htmega-verticle-center-arrow button.htmega-carosul-next.slick-arrow {
14305
- left: auto;
14306
- right: -20px;
14307
- }
14308
-
14309
- /*
14310
- * Image Justify layout
14311
- */
14312
- .htmega-justify-single-image .thumb a {
14313
- display: block;
14314
- }
14315
-
14316
- .htmega-justify-single-image .thumb a img{
14317
- width: 100%;
14318
- }
14319
-
14320
-
14321
- /*
14322
- * Business Hours
14323
- */
14324
- .shapebg_image--1 {
14325
- background-image: url(img/others/business-shape.png);
14326
- background-repeat: no-repeat;
14327
- background-size: cover;
14328
- background-position: center center;
14329
- }
14330
-
14331
- .htmega-business-horurs-1 .business-hrs-inner {
14332
- padding: 70px 65px;
14333
- margin-top: -15px;
14334
- }
14335
-
14336
- .htmega-business-horurs-1 .htmega-single-hrs {
14337
- margin-top: 15px;
14338
- }
14339
-
14340
- .htmega-business-horurs-1 .htmega-single-hrs span.time {
14341
- float: right;
14342
- font-weight: 600;
14343
- color: #000000;
14344
- font-size: 20px;
14345
- font-family: 'Dosis', sans-serif;
14346
- }
14347
-
14348
- .htmega-business-horurs-1 .htmega-single-hrs span.day {
14349
- color: #3b3b3b;
14350
- font-weight: 800;
14351
- font-size: 30px;
14352
- font-family: 'Dosis', sans-serif;
14353
- }
14354
-
14355
- .htmega-business-horurs-1 .htmega-single-hrs.closed-day span.time {
14356
- color: #fa2d2d;
14357
- }
14358
-
14359
- .htmega-business-horurs-1 .htmega-single-hrs.closed-day span.day {
14360
- color: #fa2d2d;
14361
- }
14362
-
14363
- /* Business Hours style two */
14364
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs {
14365
- padding: 16px 0;
14366
- border-top: 1px solid #f4f4f4;
14367
- position: relative;
14368
- }
14369
-
14370
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs:first-child {
14371
- border-top: 1px solid transparent;
14372
- }
14373
-
14374
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs::before {
14375
- border: 1px dashed #fff;
14376
- content: "";
14377
- height: 42px;
14378
- left: 50%;
14379
- position: absolute;
14380
- top: 50%;
14381
- transform: translateX(-50%) translateY(-50%);
14382
- width: 2px;
14383
- }
14384
-
14385
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs span.day {
14386
- color: #fafafa;
14387
- font-weight: 400;
14388
- font-size: 18px;
14389
- font-family: "Montserrat", sans-serif;
14390
- padding-left: 40px;
14391
- }
14392
-
14393
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs span.time {
14394
- float: right;
14395
- font-weight: 400;
14396
- color: #ffffff;
14397
- font-size: 16px;
14398
- font-family: "Montserrat", sans-serif;
14399
- padding-right: 40px;
14400
- }
14401
-
14402
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs:nth-child(odd) {
14403
- background: #ff6f5e;
14404
- }
14405
-
14406
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs:nth-child(even) {
14407
- background: #fe5743;
14408
- }
14409
-
14410
- /* Business Hours style three */
14411
- .htmega-business-horurs-3 .business-hrs-inner {
14412
- padding: 20px 30px;
14413
- background: #fff;
14414
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
14415
- }
14416
-
14417
- .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs {
14418
- padding: 10px 22px;
14419
- margin: 4px 0;
14420
- }
14421
-
14422
- .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs span {
14423
- font-family: 'Lobster Two', cursive;
14424
- }
14425
-
14426
- .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs span.day {
14427
- color: #565656;
14428
- font-weight: 400;
14429
- font-size: 20px;
14430
- }
14431
-
14432
- .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs span.time {
14433
- float: right;
14434
- font-weight: 400;
14435
- color: #565656;
14436
- font-size: 16px;
14437
- }
14438
-
14439
- .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs.closed-day {
14440
- background: #0056ff;
14441
- }
14442
-
14443
- .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs.closed-day span.time {
14444
- color: #ffffff;
14445
- }
14446
-
14447
- .htmega-business-horurs-3 .business-hrs-inner .htmega-single-hrs.closed-day span.day {
14448
- color: #ffffff;
14449
- }
14450
-
14451
- /* Business Hours style Four */
14452
- .htmega-business-horurs-4 .business-hrs-inner {
14453
- padding: 30px 50px;
14454
- background-image: url(img/bg/bg-image-40.jpg);
14455
- background-repeat: no-repeat;
14456
- background-size: cover;
14457
- background-position: center center;
14458
- }
14459
-
14460
- .business-hrs-inner h4.hour-title {
14461
- text-align: center;
14462
- padding: 20px 0;
14463
- font-size: 24px;
14464
- font-weight: 600;
14465
- }
14466
-
14467
- .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs {
14468
- padding: 17px 0;
14469
- position: relative;
14470
- }
14471
-
14472
- .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs:last-child {
14473
- border: none !important;
14474
- }
14475
-
14476
- .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs span {
14477
- font-family: "Montserrat", sans-serif;
14478
- }
14479
-
14480
- .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs span.day {
14481
- color: #ffffff;
14482
- font-weight: 500;
14483
- font-size: 16px;
14484
- }
14485
-
14486
- .htmega-business-horurs-4 .business-hrs-inner .htmega-single-hrs span.time {
14487
- float: right;
14488
- font-weight: 300;
14489
- color: #ffffff;
14490
- font-size: 14px;
14491
- }
14492
-
14493
- /* Business Hours style Five */
14494
- .htmega-business-horurs-5 .business-hrs-inner {
14495
- padding: 30px 50px;
14496
- position: relative;
14497
- z-index: 2;
14498
- }
14499
-
14500
- .htmega-business-horurs-5 .business-hrs-inner::before {
14501
- position: absolute;
14502
- left: 0;
14503
- top: 0;
14504
- width: 100%;
14505
- height: 100%;
14506
- content: "";
14507
- z-index: 2;
14508
- right: 0;
14509
- background-image: linear-gradient(#d80d5f, #2f46dc);
14510
- background-image: -webkit-gradient(#d80d5f, #2f46dc);
14511
- background-image: -webkit-linear-gradient(#d80d5f, #2f46dc);
14512
- background-image: -moz-linear-gradient(#d80d5f, #2f46dc);
14513
- background-image: -ms-linear-gradient(#d80d5f, #2f46dc);
14514
- background-image: -o-linear-gradient(#d80d5f, #2f46dc);
14515
- z-index: -1;
14516
- }
14517
-
14518
- .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs {
14519
- padding: 17px 0;
14520
- position: relative;
14521
- }
14522
-
14523
- .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs::before {
14524
- position: absolute;
14525
- content: "";
14526
- width: 60px;
14527
- height: 2px;
14528
- left: 45%;
14529
- top: 50%;
14530
- transform: translateX(-50%) translateY(-50%);
14531
- border:1px dotted #ffffff;
14532
- }
14533
-
14534
- .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs span {
14535
- font-family: "Montserrat", sans-serif;
14536
- }
14537
-
14538
- .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs span.day {
14539
- color: #ffffff;
14540
- font-weight: 500;
14541
- font-size: 16px;
14542
- }
14543
-
14544
- .htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs span.time {
14545
- float: right;
14546
- font-weight: 300;
14547
- color: #ffffff;
14548
- font-size: 14px;
14549
- }
14550
-
14551
-
14552
- /*
14553
- * Custom Table Style
14554
- */
14555
-
14556
- .htmega-table-style {
14557
- border-radius: 10px 10px 0 0;
14558
- }
14559
-
14560
- .htmega-table-style .htb-table {
14561
- margin: 0;
14562
- }
14563
-
14564
- .htmega-table-style .htb-table thead {
14565
- background-color: #612d91;
14566
- }
14567
-
14568
- .htmega-table-style .htb-table thead tr th {
14569
- text-align: center;
14570
- border: none;
14571
- font-size: 18px;
14572
- text-transform: uppercase;
14573
- font-weight: 600;
14574
- color: #ffffff;
14575
- padding: 12px 20px;
14576
- border-right: 1px solid #fff;
14577
- }
14578
-
14579
- .htmega-table-style .htb-table tbody tr {
14580
- background: #824f9e;
14581
- }
14582
-
14583
- .htmega-table-style .htb-table tbody tr td {
14584
- text-align: center;
14585
- border: none;
14586
- padding: 12px 20px;
14587
- vertical-align: middle;
14588
- border-bottom: 1px solid #ffffff;
14589
- color: #ffffff;
14590
- font-size: 16px;
14591
- border-right: 1px solid #fff;
14592
- }
14593
-
14594
- .htmega-table-style .htb-table thead tr th.sorting,.htmega-table-style .htb-table thead tr th.sorting_asc,.htmega-table-style .htb-table thead tr th.sorting_desc{
14595
- position: relative;
14596
- }
14597
-
14598
- .htmega-table-style .htb-table thead tr th.sorting::before,.htmega-table-style .htb-table thead tr th.sorting_asc::before,.htmega-table-style .htb-table thead tr th.sorting_desc::before {
14599
- position: absolute;
14600
- content: "\f0d7";
14601
- right: 20px;
14602
- font-family: FontAwesome;
14603
- top: 30%;
14604
- }
14605
-
14606
- .htmega-table-style .htb-table thead tr th.sorting::after,.htmega-table-style .htb-table thead tr th.sorting_desc::after,.htmega-table-style .htb-table thead tr th.sorting_asc::after {
14607
- position: absolute;
14608
- right: 20px;
14609
- top: 7px;
14610
- font-family: FontAwesome;
14611
- content: "\f0d8";
14612
- }
14613
-
14614
- .htmega-table-style select{
14615
- width: auto;
14616
- }
14617
-
14618
-
14619
- /* Table Style 02 */
14620
- .htmega-table-style-2 {
14621
- border-radius: 0;
14622
- }
14623
- .htmega-table-style-2 .htb-table {
14624
- margin: 0;
14625
-
14626
- }
14627
- .htmega-table-style-2 .htb-table thead {
14628
- background-color: #5ac5ff;
14629
- }
14630
-
14631
- .htmega-table-style-2 .htb-table thead tr th {
14632
- text-align: left;
14633
- border: none;
14634
- font-size: 18px;
14635
- text-transform: uppercase;
14636
- font-weight: 600;
14637
- color: #ffffff;
14638
- padding: 12px 20px;
14639
- border-right: 1px solid #c5c5c5;
14640
- border-left: 1px solid #c5c5c5;
14641
- padding-left: 30px;
14642
- outline: none;
14643
- }
14644
-
14645
- .htmega-table-style-2 .htb-table tbody tr {
14646
- background: #ffffff;
14647
- }
14648
-
14649
- .htmega-table-style-2 .htb-table tbody tr:nth-child(even) {
14650
- background: #f4f4f4;
14651
- }
14652
-
14653
- .htmega-table-style-2 .htb-table tbody tr td {
14654
- text-align: left;
14655
- border: none;
14656
- padding: 12px 20px;
14657
- vertical-align: middle;
14658
- color: #000000;
14659
- font-size: 16px;
14660
- border-right: 1px solid #c5c5c5;
14661
- padding-left: 30px;
14662
- border-left: 1px solid #c5c5c5;
14663
- }
14664
-
14665
- .htmega-table-style-2 td a {
14666
- font-size: 16px;
14667
- font-weight: 600;
14668
- color: #18012c;
14669
- }
14670
-
14671
- /*Table Style 03*/
14672
- .htmega-table-style-3{
14673
- border-radius: 0;
14674
- }
14675
- .htmega-table-style-3 .htb-table {
14676
- margin: 0;
14677
- }
14678
-
14679
- .htmega-table-style-3 .htb-table thead {
14680
- background-color: #727272;
14681
- }
14682
-
14683
- .htmega-table-style-3 .htb-table thead tr th {
14684
- text-align: left;
14685
- border: none;
14686
- font-size: 18px;
14687
- text-transform: uppercase;
14688
- font-weight: 600;
14689
- color: #ffffff;
14690
- padding: 12px 20px;
14691
- border-right: 1px solid #c5c5c5;
14692
- border-left: 1px solid #c5c5c5;
14693
- padding-left: 30px;
14694
- }
14695
-
14696
- .htmega-table-style-3 .htb-table tbody tr {
14697
- background: #ffffff;
14698
- }
14699
-
14700
- .htmega-table-style-3 .htb-table tbody tr td {
14701
- text-align: left;
14702
- border: none;
14703
- padding: 12px 20px;
14704
- vertical-align: middle;
14705
- color: #000000;
14706
- font-size: 16px;
14707
- border-right: 1px solid #c5c5c5;
14708
- border-left: 1px solid #c5c5c5;
14709
- border-bottom: 1px solid #c5c5c5;
14710
- padding-left: 30px;
14711
- }
14712
-
14713
- .htmega-table-style-3 td a {
14714
- font-size: 16px;
14715
- font-weight: 600;
14716
- color: #18012c;
14717
- }
14718
-
14719
- /*
14720
- * Pricing List View Style
14721
- */
14722
- .htmega-pricing-list-view a{
14723
- text-decoration: none;
14724
- }
14725
- .htmega-pricing-list-view .htb-table {
14726
- margin: 0;
14727
- }
14728
-
14729
- .htmega-pricing-list-view .htb-table thead tr th {
14730
- text-align: center;
14731
- font-size: 16px;
14732
- font-weight: 500;
14733
- color: #5c5c5c;
14734
- padding: 12px 20px;
14735
- border-right: 1px solid #d4d4d4;
14736
- border-left: 1px solid #d4d4d4;
14737
- font-family: "Montserrat", sans-serif;
14738
- text-transform: inherit;
14739
- }
14740
-
14741
- .htmega-pricing-list-view .htb-table td.tb-name a {
14742
- font-size: 16px;
14743
- font-weight: 600;
14744
- color: #18012c;
14745
- }
14746
-
14747
- .htmega-pricing-list-view .htb-table tbody tr td {
14748
- text-align: center;
14749
- border: none;
14750
- padding: 12px 20px;
14751
- vertical-align: middle;
14752
- border-bottom: 1px solid #d4d4d4;
14753
- color: #5c5c5c;
14754
- font-size: 16px;
14755
- border-right: 1px solid #d4d4d4;
14756
- border-left: 1px solid #d4d4d4;
14757
- }
14758
-
14759
- .htmega-pricing-list-view .htb-table tbody tr td a {
14760
- color: #5c5c5c;
14761
- }
14762
- .table-responsive.htmega-pricing-list-view {
14763
- overflow: hidden;
14764
- }
14765
- .table-responsive.htmega-pricing-list-view table.table {
14766
- margin: 0;
14767
- }
14768
-
14769
- /* Icon Positions */
14770
- .htmega-pricing-list-view .htmega-pricing-table__head-column-cell-area {
14771
- display: -webkit-inline-box;
14772
- display: -webkit-inline-flex;
14773
- display: -ms-inline-flexbox;
14774
- display: inline-flex;
14775
- -webkit-box-align: center;
14776
- -webkit-align-items: center;
14777
- align-items: center;
14778
- -ms-flex-align: center;
14779
- -webkit-box-orient: horizontal;
14780
- -webkit-box-direction: normal;
14781
- -webkit-flex-direction: row;
14782
- -ms-flex-direction: row;
14783
- flex-direction: row;
14784
- }
14785
- .htmega-column-position-icon-left .htmega-pricing-table__head-column-cell-area {
14786
- -webkit-box-orient: horizontal;
14787
- -webkit-box-direction: reverse;
14788
- -webkit-flex-direction: row-reverse;
14789
- -ms-flex-direction: row-reverse;
14790
- flex-direction: row-reverse;
14791
- }
14792
- .htmega-column-position-icon-right .htmega-pricing-table__head-column-cell-area {
14793
- -webkit-box-orient: horizontal;
14794
- -webkit-box-direction: normal;
14795
- -webkit-flex-direction: row;
14796
- -ms-flex-direction: row;
14797
- flex-direction: row;
14798
- }
14799
- .htmega-column-position-icon-left .htmega-pricing-table__head-column-cell-icon,
14800
- .htmega-column-position-icon-right .htmega-pricing-table__head-column-cell-icon {
14801
- width: auto;
14802
- }
14803
- .htmega-column-position-icon-bottom .htmega-pricing-table__head-column-cell-area {
14804
- -webkit-box-orient: vertical;
14805
- -webkit-box-direction: normal;
14806
- -webkit-flex-direction: column;
14807
- -ms-flex-direction: column;
14808
- flex-direction: column;
14809
- }
14810
- .htmega-column-position-icon-top .htmega-pricing-table__head-column-cell-area {
14811
- -webkit-box-orient: vertical;
14812
- -webkit-box-direction: reverse;
14813
- -webkit-flex-direction: column-reverse;
14814
- -ms-flex-direction: column-reverse;
14815
- flex-direction: column-reverse;
14816
- }
14817
- .htmega-column-position-icon-bottom .htmega-pricing-table__head-column-cell-icon,
14818
- .htmega-column-position-icon-top .htmega-pricing-table__head-column-cell-icon {
14819
- width: 100%;
14820
- }
14821
- .htmega-pricing-table__head-column-cell .htmega-pricing-table__head-column-cell-area .htmega-pricing-table__head-column-cell-icon img {
14822
- width: 40%;
14823
- }
14824
- .htmega-pricing-row-cell span.ht-data-label {
14825
- padding: 5px 8px;
14826
- border-radius: 20px;
14827
- position: relative;
14828
- background: #11A683;
14829
- color: #fff;
14830
- font-size: 10px;
14831
- }
14832
-
14833
- /* Table list view layout 4 ( No border ) */
14834
- .htmega-pricing-table-style-4 table.table,
14835
- .htmega-pricing-table-style-4 table.table td,
14836
- .htmega-pricing-table-style-4 table.table th {
14837
- border: none;
14838
- }
14839
- .htmega-pricing-table-style-4 th.htmega-pricing-table__head-column-cell ,
14840
- .htmega-pricing-table-style-4 td.htmega-pricing-row-cell {
14841
- position: relative;
14842
- }
14843
- .htmega-pricing-table-style-4 th.htmega-pricing-table__head-column-cell .htmega-pricing-table__head-column-cell-area:before,
14844
- .htmega-pricing-table-style-4 td.htmega-pricing-row-cell .htmega-pricing-table__head-row-cell-area:before {
14845
- position: absolute;
14846
- content: "";
14847
- background: transparent;
14848
- width: 10px;
14849
- height: 10px;
14850
- left: 0;
14851
- border-radius: 50px;
14852
- }
14853
- .htmega-pricing-row-cell .htmega-button .htb-btn {
14854
- font-size: 14px;
14855
- }
14856
- .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table {
14857
- border-collapse: separate;
14858
- border-spacing: 0 20px;
14859
- }
14860
- .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr {
14861
- background: #fff;
14862
- box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
14863
- border-radius: 50px;
14864
- }
14865
- .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr td:first-child ,.htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr th:first-child {
14866
- border-radius: 10px 0px 0px 10px;
14867
- }
14868
- .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr td:last-child , .htmega-pricing-list-view.htmega-pricing-table-style-4 table.table tr th:last-child {
14869
- border-radius: 0px 10px 10px 0px;
14870
- }
14871
- .htmega-row-icon-position-right .htmega-pricing-table__head-column-cell-text {
14872
- padding-right: 5px;
14873
- }
14874
- .htmega-row-icon-position-left .htmega-pricing-table__head-column-cell-text {
14875
- padding-left: 5px;
14876
- }
14877
-
14878
- /* For Row */
14879
- .elementor-widget-htmega-pricinglistview-addons .htmega-pricing-table__head-row-cell-area {
14880
- display: -webkit-inline-box;
14881
- display: -webkit-inline-flex;
14882
- display: -ms-inline-flexbox;
14883
- display: inline-flex;
14884
- -webkit-box-align: center;
14885
- -webkit-align-items: center;
14886
- align-items: center;
14887
- -ms-flex-align: center;
14888
- -webkit-box-orient: horizontal;
14889
- -webkit-box-direction: normal;
14890
- -webkit-flex-direction: row;
14891
- -ms-flex-direction: row;
14892
- flex-direction: row;
14893
- }
14894
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-top .htmega-pricing-table__head-row-cell-area {
14895
- -webkit-box-orient: vertical;
14896
- -webkit-box-direction: reverse;
14897
- -webkit-flex-direction: column-reverse;
14898
- -ms-flex-direction: column-reverse;
14899
- flex-direction: column-reverse;
14900
- }
14901
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-bottom .htmega-pricing-table__head-row-cell-area {
14902
- -webkit-box-orient: vertical;
14903
- -webkit-box-direction: normal;
14904
- -webkit-flex-direction: column;
14905
- -ms-flex-direction: column;
14906
- flex-direction: column;
14907
- }
14908
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-left .htmega-pricing-table__head-row-cell-area {
14909
- -webkit-box-orient: horizontal;
14910
- -webkit-box-direction: reverse;
14911
- -webkit-flex-direction: row-reverse;
14912
- -ms-flex-direction: row-reverse;
14913
- flex-direction: row-reverse;
14914
- }
14915
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-right .htmega-pricing-table__head-row-cell-area {
14916
- -webkit-box-orient: horizontal;
14917
- -webkit-box-direction: normal;
14918
- -webkit-flex-direction: row;
14919
- -ms-flex-direction: row;
14920
- flex-direction: row;
14921
- }
14922
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-bottom .ha-table__body-row-cell-icon,
14923
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-top .ha-table__body-row-cell-icon {
14924
- width: 100%;
14925
- }
14926
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-left .ha-table__body-row-cell-icon,
14927
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-right .ha-table__body-row-cell-icon {
14928
- width: auto;
14929
- }
14930
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-right .htmega-pricing-table__head-row-cell-area .htmega-pricing-table__head-row-cell-icon {
14931
- padding-left: 5px;
14932
- }
14933
- .elementor-widget-htmega-pricinglistview-addons.htmega-row-icon-position-left .htmega-pricing-table__head-row-cell-area .htmega-pricing-table__head-row-cell-icon {
14934
- padding-right: 5px;
14935
- }
14936
-
14937
-
14938
- /* Pricing Style 02 */
14939
- .htmega-pricing-table-style-2 .htb-table {
14940
- margin: 0;
14941
- }
14942
-
14943
- .htmega-pricing-table-style-2 .htb-table thead tr th {
14944
- vertical-align: bottom;
14945
- border-bottom: 2px solid #dee2e6;
14946
- padding: 0;
14947
- border: 0 none;
14948
- border-right: 1px solid #fff;
14949
- border-left: 1px solid #fff;
14950
- }
14951
-
14952
- .htmega-pricing-table-style-2 .htb-table thead tr th:first-child {
14953
- border: 1px solid transparent !important;
14954
- }
14955
-
14956
- .htmega-pricing-table-style-2 .htb-table thead tr th span {
14957
- text-align: center;
14958
- font-size: 24px;
14959
- font-weight: 600;
14960
- color: #ff6565;
14961
- font-family: "Montserrat", sans-serif;
14962
- text-transform: inherit;
14963
- background: #ffc1c1;
14964
- display: block;
14965
- padding: 12px 20px;
14966
- text-transform: initial;
14967
- }
14968
-
14969
- .htmega-pricing-table-style-2 .htb-table tbody tr td {
14970
- text-align: center;
14971
- border: none;
14972
- padding: 0;
14973
- border-right: 1px solid #fff;
14974
- border-left: 1px solid #fff;
14975
- border-bottom: 1px solid #fff;
14976
- }
14977
-
14978
- .htmega-pricing-table-style-2 .htb-table tbody tr td:first-child {
14979
- border-left: 1px solid transparent;
14980
- border-bottom: 1px solid transparent;
14981
- }
14982
-
14983
- .htmega-pricing-table-style-2 .htb-table tbody tr td span {
14984
- padding: 12px 20px;
14985
- vertical-align: middle;
14986
- color: #ffffff;
14987
- font-size: 16px;
14988
- background: #ff8686;
14989
- display: block;
14990
- }
14991
-
14992
- .htmega-pricing-table-style-2 .htb-table tbody tr td span i {
14993
- color: #ffffff;
14994
- font-size: 16px;
14995
- }
14996
-
14997
- .htmega-pricing-table-style-2 .htb-table tbody tr td a {
14998
- color: #ffffff;
14999
- }
15000
-
15001
- .htmega-pricing-table-style-2 .htb-table td.tb-name a {
15002
- font-size: 16px;
15003
- font-weight: 600;
15004
- color: #18012c;
15005
- }
15006
-
15007
- /* htmega-pricing-table-style-3 */
15008
-
15009
- .htmega-pricing-table-style-3 ul {
15010
- list-style: none;
15011
- padding: 0;
15012
- margin: 0;
15013
- }
15014
-
15015
- .htmega-pricing-table-style-3 ul li {
15016
- margin-bottom: 25px;
15017
- }
15018
-
15019
- .htmega-pricing-table-style-3 ul li a {
15020
- display: flex;
15021
- flex-wrap: wrap;
15022
- list-style: none;
15023
- align-items: center;
15024
- }
15025
-
15026
- .htmega-pricing-table-style-3 ul li a .price-list-text {
15027
- flex: 1;
15028
- min-width: 1px;
15029
- align-items: center;
15030
- display: flex;
15031
- flex-wrap: wrap;
15032
- }
15033
-
15034
- .htmega-pricing-table-style-3 ul li a .price-list-text span {
15035
- color: #373737;
15036
- font-weight: 600;
15037
- font-size: 20px;
15038
- }
15039
-
15040
- .htmega-pricing-table-style-3 ul li a .price-list-text span.separator {
15041
- margin-left: 20px;
15042
- border-bottom-style: dotted;
15043
- border-bottom-width: 1px;
15044
- height: 0;
15045
- color: #ccc;
15046
- border-bottom-style: dashed;
15047
- border-bottom-color: #b9b9b9;
15048
- flex: 1;
15049
- min-width: 1px;
15050
- }
15051
-
15052
- .htmega-pricing-table-style-3 ul li a .price-text-right {
15053
- width: auto;
15054
- padding-left: 20px;
15055
- }
15056
-
15057
- .htmega-pricing-table-style-3 ul li a .price-text-right span.price {
15058
- background: #ff8686;
15059
- display: inline-block;
15060
- color: #ffffff;
15061
- font-weight: 600;
15062
- font-size: 20px;
15063
- height: 45px;
15064
- padding: 0 33px;
15065
- line-height: 46px;
15066
- margin-right: 10px;
15067
- border-radius: 22px;
15068
- }
15069
-
15070
- .htmega-pricing-table-style-3 ul li a .price-text-right span.basket {
15071
- display: inline-block;
15072
- background: #ff9898;
15073
- height: 45px;
15074
- line-height: 44px;
15075
- width: 45px;
15076
- text-align: center;
15077
- border-radius: 100%;
15078
- color: #fff;
15079
- font-size: 18px;
15080
- }
15081
-
15082
- /*
15083
- * Vertical Timeline
15084
- */
15085
- .htc-verctimeline-wrapper {
15086
- position: relative;
15087
- margin-top: 30px;
15088
- }
15089
-
15090
- .htc-verctimeline-wrapper.htmega-verticletimeline-style-2::before {
15091
- content: "";
15092
- position: absolute;
15093
- left: 50%;
15094
- top: 0;
15095
- width: 6px;
15096
- background: #18012c;
15097
- height: 100%;
15098
- margin-left: -1px;
15099
- border-radius: 20px;
15100
- }
15101
-
15102
- .htc-verctimeline-wrapper .ht-ver-timeline {
15103
- display: -webkit-box;
15104
- display: -webkit-flex;
15105
- display: -moz-flex;
15106
- display: -ms-flexbox;
15107
- display: flex;
15108
- -webkit-box-pack: justify;
15109
- -ms-flex-pack: justify;
15110
- -webkit-justify-content: space-between;
15111
- -moz-justify-content: space-between;
15112
- justify-content: space-between;
15113
- padding: 30px 0;
15114
- position: relative;
15115
- }
15116
-
15117
- .htc-verctimeline-wrapper .ht-ver-timeline::before {
15118
- content: "";
15119
- position: absolute;
15120
- left: 50%;
15121
- top: 0;
15122
- width: 2px;
15123
- background: #d2d2d2;
15124
- height: 100%;
15125
- margin-left: -1px;
15126
- }
15127
-
15128
- .htc-verctimeline-wrapper .ht-ver-timeline:last-child::before {
15129
- display: none;
15130
- }
15131
-
15132
- .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time {
15133
- width: 50%;
15134
- text-align: right;
15135
- padding: 0 30px;
15136
- position: relative;
15137
- -webkit-align-self: baseline;
15138
- -moz-align-self: baseline;
15139
- -ms-flex-item-align: baseline;
15140
- align-self: baseline;
15141
- position: relative;
15142
- top: -53px;
15143
- }
15144
-
15145
- .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time::before {
15146
- position: absolute;
15147
- content: "";
15148
- right: -15px;
15149
- top: 50%;
15150
- margin-top: -15px;
15151
- height: 30px;
15152
- width: 30px;
15153
- border: 7px solid #e98250;
15154
- border-radius: 100%;
15155
- background: #fff;
15156
- transform: translateY(-50%);
15157
- }
15158
-
15159
- .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date {
15160
- width: 100px;
15161
- border: 13px solid #f88a55;
15162
- text-align: center;
15163
- display: inline-block;
15164
- height: 100px;
15165
- border-radius: 100%;
15166
- background: #fff;
15167
- position: relative;
15168
- top: -12px;
15169
- margin-right: 11px;
15170
- }
15171
-
15172
- .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date::before {
15173
- position: absolute;
15174
- content: "";
15175
- left: 115%;
15176
- top: 56%;
15177
- margin-top: -15px;
15178
- height: 10px;
15179
- width: 10px;
15180
- border-top: 10px solid transparent;
15181
- border-right: 10px solid transparent;
15182
- border-bottom: 10px solid transparent;
15183
- border-left: 15px solid #f58854;
15184
- }
15185
-
15186
- .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date span {
15187
- display: block;
15188
- color: #fc8c56;
15189
- font-size: 18px;
15190
- font-weight: 500;
15191
- line-height: 28px;
15192
- font-family: "Montserrat", sans-serif;
15193
- }
15194
-
15195
- .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date span.month {
15196
- margin-top: 7px;
15197
- }
15198
-
15199
- .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content {
15200
- padding-left: 123px;
15201
- text-align: left;
15202
- width: 50%;
15203
- position: relative;
15204
- top: -30px;
15205
- }
15206
-
15207
- .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content::before {
15208
- position: absolute;
15209
- content: "";
15210
- border-style: dashed;
15211
- left: 25px;
15212
- height: 1px;
15213
- width: 80px;
15214
- border-width: 0 0 2px;
15215
- top: 11px;
15216
- border-color: #f38753;
15217
- }
15218
-
15219
- .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content p {
15220
- color: #494849;
15221
- font-size: 14px;
15222
- line-height: 28px;
15223
- }
15224
-
15225
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse {
15226
- -webkit-box-direction: reverse;
15227
- -webkit-box-orient: horizontal;
15228
- -webkit-flex-direction: row-reverse;
15229
- -moz-flex-direction: row-reverse;
15230
- -ms-flex-direction: row-reverse;
15231
- flex-direction: row-reverse;
15232
- }
15233
-
15234
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time {
15235
- text-align: left;
15236
- }
15237
-
15238
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time::before {
15239
- right: auto;
15240
- left: -15px;
15241
- }
15242
-
15243
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date {
15244
- margin-right: 0;
15245
- margin-left: 11px;
15246
- }
15247
-
15248
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date::before {
15249
- right: 115%;
15250
- left: auto;
15251
- border-top: 10px solid transparent;
15252
- border-right: 15px solid #fc8c56;
15253
- border-bottom: 10px solid transparent;
15254
- border-left: 10px solid transparent;
15255
- }
15256
-
15257
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content {
15258
- padding-left: 0;
15259
- padding-right: 123px;
15260
- text-align: right;
15261
- }
15262
-
15263
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content::before {
15264
- left: auto;
15265
- right: 25px;
15266
- }
15267
-
15268
- /* Vertical Timeline style 02 */
15269
- .htc-verctimeline-wrapper .ht-ver-timeline--2 {
15270
- display: -webkit-box;
15271
- display: -webkit-flex;
15272
- display: -moz-flex;
15273
- display: -ms-flexbox;
15274
- display: flex;
15275
- -webkit-box-pack: justify;
15276
- -ms-flex-pack: justify;
15277
- -webkit-justify-content: space-between;
15278
- -moz-justify-content: space-between;
15279
- justify-content: space-between;
15280
- padding: 40px 0 0;
15281
- position: relative;
15282
- }
15283
-
15284
- .htc-verctimeline-wrapper .ht-ver-timeline--2::before {
15285
- position: absolute;
15286
- content: "";
15287
- width: 6px;
15288
- height: 100%;
15289
- background: #cf2037;
15290
- left: 50%;
15291
- transform: translateX(-1px);
15292
- top: 0;
15293
- transition: 0.4s ease-in-out;
15294
- opacity: 0;
15295
- border-radius: 20px;
15296
- }
15297
-
15298
- .htc-verctimeline-wrapper .ht-ver-timeline--2:hover::before {
15299
- opacity: 1;
15300
- }
15301
-
15302
- .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time {
15303
- width: 50%;
15304
- text-align: right;
15305
- padding: 0 40px;
15306
- position: relative;
15307
- -webkit-align-self: baseline;
15308
- -moz-align-self: baseline;
15309
- -ms-flex-item-align: baseline;
15310
- align-self: baseline;
15311
- position: relative;
15312
- }
15313
-
15314
- .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time::before {
15315
- position: absolute;
15316
- content: "";
15317
- right: -12px;
15318
- top: 50%;
15319
- margin-top: -15px;
15320
- height: 20px;
15321
- width: 20px;
15322
- border: 6px solid #18012c;
15323
- border-radius: 100%;
15324
- background: #fff;
15325
- transform: translateY(-50%);
15326
- transition: 0.4s ease-in-out;
15327
- }
15328
-
15329
- .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span {
15330
- display: block;
15331
- color: #18012c;
15332
- font-size: 18px;
15333
- font-weight: 700;
15334
- line-height: 28px;
15335
- font-family: "Montserrat", sans-serif;
15336
- }
15337
-
15338
- .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span.month {
15339
- margin-top: 7px;
15340
- }
15341
-
15342
- .htc-verctimeline-wrapper .ht-ver-timeline--2:hover .vertical-time::before {
15343
- border: 6px solid #cf2037;
15344
- }
15345
-
15346
- .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content {
15347
- padding-left: 40px;
15348
- text-align: left;
15349
- width: 50%;
15350
- position: relative;
15351
- }
15352
-
15353
- .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content h6 {
15354
- color: #18012c;
15355
- font-size: 18px;
15356
- font-weight: 700;
15357
- transition: 0.4s ease-in-out;
15358
- }
15359
-
15360
- .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content p {
15361
- color: #313131;
15362
- font-size: 15px;
15363
- line-height: 25px;
15364
- font-family: "Montserrat", sans-serif;
15365
- }
15366
-
15367
- .htc-verctimeline-wrapper .ht-ver-timeline--2:hover .timeline-content h6 {
15368
- color: #cf2037;
15369
- }
15370
-
15371
- .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse {
15372
- -webkit-box-direction: reverse;
15373
- -webkit-box-orient: horizontal;
15374
- -webkit-flex-direction: row-reverse;
15375
- -moz-flex-direction: row-reverse;
15376
- -ms-flex-direction: row-reverse;
15377
- flex-direction: row-reverse;
15378
- }
15379
-
15380
- .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time {
15381
- text-align: left;
15382
- padding: 0 40px;
15383
- }
15384
-
15385
- .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time::before {
15386
- right: auto;
15387
- left: -9px;
15388
- }
15389
-
15390
- .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time .vertical-date {
15391
- margin-right: 0;
15392
- margin-left: 11px;
15393
- }
15394
-
15395
- .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .timeline-content {
15396
- padding-left: 0;
15397
- padding-right: 40px;
15398
- text-align: right;
15399
- }
15400
-
15401
- /* Vertical Timeline style 03 */
15402
- .htc-verctimeline-wrapper.htmega-verticletimeline-style-3 {
15403
- padding-top: 100px;
15404
- }
15405
- .htc-verctimeline-wrapper .ht-ver-timeline--3 {
15406
- display: -webkit-box;
15407
- display: -webkit-flex;
15408
- display: -moz-flex;
15409
- display: -ms-flexbox;
15410
- display: flex;
15411
- -webkit-box-pack: justify;
15412
- -ms-flex-pack: justify;
15413
- -webkit-justify-content: space-between;
15414
- -moz-justify-content: space-between;
15415
- justify-content: space-between;
15416
- position: relative;
15417
- }
15418
-
15419
- .htc-verctimeline-wrapper .ht-ver-timeline--3::before {
15420
- content: "";
15421
- position: absolute;
15422
- left: 50%;
15423
- top: 0;
15424
- width: 3px;
15425
- background: #f4f4f4;
15426
- height: 100%;
15427
- margin-left: -2px;
15428
- }
15429
-
15430
- .htc-verctimeline-wrapper .ht-ver-timeline--3:last-child::before {
15431
- display: none;
15432
- }
15433
-
15434
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time {
15435
- width: 50%;
15436
- text-align: right;
15437
- padding: 0 40px;
15438
- position: relative;
15439
- -webkit-align-self: baseline;
15440
- -moz-align-self: baseline;
15441
- -ms-flex-item-align: baseline;
15442
- align-self: baseline;
15443
- position: relative;
15444
- }
15445
-
15446
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time .vertical-date span {
15447
- display: block;
15448
- color: #18012c;
15449
- font-size: 30px;
15450
- font-weight: 700;
15451
- line-height: 28px;
15452
- font-family: "Montserrat", sans-serif;
15453
- position: absolute;
15454
- left: 94%;
15455
- width: 60px;
15456
- height: 60px;
15457
- background: #f4f4f4;
15458
- text-align: center;
15459
- line-height: 60px;
15460
- border-radius: 100%;
15461
- top: 0;
15462
- }
15463
-
15464
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content {
15465
- padding-left: 67px;
15466
- text-align: left;
15467
- width: 50%;
15468
- position: relative;
15469
- top: -139px;
15470
- }
15471
-
15472
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content .content {
15473
- background: #ffffff;
15474
- box-shadow: 0 0 97px rgba(0, 0, 0, 0.1);
15475
- padding: 38px 30px;
15476
- position: relative;
15477
- }
15478
-
15479
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content .content::before {
15480
- right: 100%;
15481
- left: auto;
15482
- border-top: 10px solid transparent;
15483
- border-right: 20px solid #ffffff;
15484
- border-bottom: 10px solid transparent;
15485
- border-left: 10px solid transparent;
15486
- position: absolute;
15487
- content: "";
15488
- top: 82%;
15489
- margin-top: -15px;
15490
- height: 10px;
15491
- width: 10px;
15492
- }
15493
-
15494
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content h6 {
15495
- color: #18012c;
15496
- font-size: 18px;
15497
- font-weight: 700;
15498
- transition: 0.4s ease-in-out;
15499
- margin-bottom: 8px;
15500
- }
15501
-
15502
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content p {
15503
- color: #18012c;
15504
- font-size: 14px;
15505
- line-height: 28px;
15506
- }
15507
-
15508
- .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse {
15509
- -webkit-box-direction: reverse;
15510
- -webkit-box-orient: horizontal;
15511
- -webkit-flex-direction: row-reverse;
15512
- -moz-flex-direction: row-reverse;
15513
- -ms-flex-direction: row-reverse;
15514
- flex-direction: row-reverse;
15515
- }
15516
-
15517
- .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time {
15518
- text-align: left;
15519
- padding: 0 40px;
15520
- }
15521
-
15522
- .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time .vertical-date span {
15523
- left: auto;
15524
- right: 94%;
15525
- }
15526
-
15527
- .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .timeline-content {
15528
- padding-right: 67px;
15529
- text-align: right;
15530
- padding-left: 0;
15531
- }
15532
-
15533
- .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .timeline-content .content::before {
15534
- left: 100%;
15535
- right: auto;
15536
- border-top: 10px solid transparent;
15537
- border-right: 10px solid transparent;
15538
- border-bottom: 10px solid transparent;
15539
- border-left: 15px solid #ffffff;
15540
- }
15541
-
15542
- /*
15543
- * Offcanvas Style
15544
- */
15545
- .offcanvas{
15546
- text-align: center;
15547
- }
15548
- .offcanvas .canvas-btn {
15549
- display: inline-block;
15550
- height: 46px;
15551
- color: #ffffff;
15552
- font-size: 16px;
15553
- font-family: "Montserrat", sans-serif;
15554
- font-weight: 500;
15555
- padding: 0 36px;
15556
- line-height: 45px;
15557
- border-radius: 4px;
15558
- background: #fa9866;
15559
- text-decoration: none;
15560
- }
15561
- .offcanvas svg {
15562
- width: 20px;
15563
- margin-top: 10px;
15564
- float: left;
15565
- }
15566
-
15567
- .site-menu .searchform input[type="text"] {
15568
- color: #fff;
15569
- }
15570
-
15571
- .site-menu.show-nav {
15572
- -webkit-transform: translateX(440px);
15573
- transform: translateX(440px);
15574
- -webkit-transform: translate3d(440px, 0, 0);
15575
- transform: translate3d(440px, 0, 0);
15576
- }
15577
-
15578
- .site-menu {
15579
- width: 440px;
15580
- height: 100%;
15581
- position: fixed;
15582
- top: 0;
15583
- left: -440px;
15584
- background: #000000;
15585
- transform: translateX(0);
15586
- -webkit-transform: translate3d(0, 0, 0);
15587
- transform: translate3d(0, 0, 0);
15588
- -webkit-transition: 300ms ease all;
15589
- transition: 300ms ease all;
15590
- -webkit-backface-visibility: hidden;
15591
- backface-visibility: hidden;
15592
- z-index: 99;
15593
- overflow-y: auto;
15594
- padding-top: 80px;
15595
- }
15596
-
15597
- .admin-bar .site-menu{
15598
- padding-top: 120px;
15599
- }
15600
-
15601
- .site-menu a.canvas-closebtn i{
15602
- border: 1px solid #fff;
15603
- color: #fff;
15604
- padding: 9px;
15605
- position: absolute;
15606
- right: 20px;
15607
- top: 20px;
15608
- }
15609
-
15610
- .admin-bar .site-menu a.canvas-closebtn i{
15611
- top: 60px;
15612
- }
15613
-
15614
- /*.show-overlay {
15615
- position: relative;
15616
- }
15617
- .show-overlay::before {
15618
- position: absolute;
15619
- content: "";
15620
- background: rgba(0, 0, 0, 0.35);
15621
- width: 100%;
15622
- height: 100%;
15623
- top: 0;
15624
- left: 0;
15625
- z-index: 1;
15626
- }*/
15627
-
15628
- .site-menu.align-right-active {
15629
- transform: translateX(0);
15630
- }
15631
-
15632
- .site-menu.align-right-active.show-nav {
15633
- -webkit-transform: translateX(-440px);
15634
- transform: translateX(-440px);
15635
- -webkit-transform: translate3d(-440px, 0, 0);
15636
- transform: translate3d(-440px, 0, 0);
15637
- }
15638
- .site-menu.align-right-active {
15639
- left: auto;
15640
- right: -440px;
15641
- }
15642
-
15643
-
15644
- .site-menu.align-top-active {
15645
- transform: translateY(0);
15646
- }
15647
-
15648
- .site-menu.align-top-active.show-nav {
15649
- -webkit-transform: translateY(150px);
15650
- transform: translateY(150px);
15651
- -webkit-transform: translate3d(0, 150px, 0);
15652
- transform: translate3d(0, 150px, 0);
15653
- }
15654
-
15655
- .site-menu.align-bottom-active {
15656
- transform: translateY(0);
15657
- }
15658
-
15659
- .site-menu.align-bottom-active.show-nav {
15660
- -webkit-transform: translateY(-150px);
15661
- transform: translateY(-150px);
15662
- -webkit-transform: translate3d(0, -150px, 0);
15663
- transform: translate3d(0, -150px, 0);
15664
- }
15665
-
15666
- .site-menu.align-bottom-active,
15667
- .site-menu.align-top-active {
15668
- left: 0;
15669
- right: auto;
15670
- bottom: -150px;
15671
- top: auto;
15672
- width: 100%;
15673
- height: 150px;
15674
- }
15675
- .site-menu.align-top-active {
15676
- top: -150px;
15677
- bottom: auto;
15678
- width: 100%;
15679
- height: 150px;
15680
- }
15681
-
15682
- .site-menu .content_offcanvas .elementor-widget-wp-widget-nav_menu ul {
15683
- padding: 0;
15684
- margin: 0;
15685
- list-style: none;
15686
- }
15687
-
15688
- .site-menu .content_offcanvas .elementor-widget-wp-widget-nav_menu ul li a {
15689
- color: #ffffff;
15690
- font-size: 15px;
15691
- display: block;
15692
- padding: 13px 0;
15693
- border-top: 1px solid #414141;
15694
- text-transform: uppercase;
15695
- text-decoration: none;
15696
- }
15697
-
15698
- .site-menu .content_offcanvas .elementor-widget-wp-widget-nav_menu ul li:first-child a {
15699
- border-top: 1px solid transparent;
15700
- }
15701
- .site-menu .content_offcanvas .blog-search{
15702
- margin: 0 70px;
15703
- }
15704
- .site-menu .content_offcanvas .blog-search form input,.site-menu .content_offcanvas_verticle .blog-search form input {
15705
- border-radius: 20px;
15706
- height: 40px;
15707
- }
15708
- .site-menu .content_offcanvas .blog-search form button,.site-menu .content_offcanvas_verticle .blog-search form button {
15709
- height: 40px;
15710
- }
15711
- .site-menu .content_offcanvas .blog-search form button:hover,.site-menu .content_offcanvas_verticle .blog-search form button:hover{
15712
- color: #ffffff;
15713
- }
15714
-
15715
- .site-menu .content_offcanvas_verticle .linemenu-nav ul li {
15716
- margin: 0 10px;
15717
- }
15718
-
15719
- .admin-bar .site-menu.align-top-active,.site-menu.align-bottom-active {
15720
- padding-top: 40px !important;
15721
- }
15722
- .admin-bar .site-menu.align-top-active .elementor-image {
15723
- margin-top: 7px;
15724
- }
15725
- .site-menu.align-top-active a.canvas-closebtn i,.site-menu.align-bottom-active a.canvas-closebtn i {
15726
- z-index: 999;
15727
- }
15728
-
15729
- /*
15730
- * Image Magnifier Style
15731
- */
15732
- .magnifier-lens{
15733
- cursor: pointer;
15734
- }
15735
-
15736
- /*
15737
- * Animated Heading
15738
- */
15739
- .htmega-animated-heading{
15740
- text-align: center;
15741
- }
15742
- .htmega-animated-heading .cd-words-wrapper b {
15743
- color: #0056ff;
15744
- }
15745
-
15746
- /*Animated Heading 01*/
15747
- .htmega-style-1 h4{
15748
- color: #515151;
15749
- font-size: 36px;
15750
- margin: 0;
15751
- font-weight: 600;
15752
- }
15753
-
15754
-
15755
- /*Animated Heading 02*/
15756
- .htmega-style-2 h4 span.beforetext {
15757
- padding: .25em 0 .325em;
15758
- margin: 0 auto;
15759
- text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
15760
- font-size: 60px;
15761
- color: #515151;
15762
- /* Clip Background Image */
15763
- -webkit-background-clip: text;
15764
- background-clip: text;
15765
- /* Animate Background Image */
15766
- -webkit-text-fill-color: transparent;
15767
- -webkit-animation: bgimganimation 80s linear infinite;
15768
- /* Activate hardware acceleration for smoother animations */
15769
- -webkit-transform: translate3d(0, 0, 0);
15770
- -webkit-backface-visibility: hidden;
15771
- background-color: #007bff;
15772
- }
15773
-
15774
-
15775
- /*Animated Heading 03*/
15776
- .htmega-style-3 h4{
15777
- color: #515151;
15778
- font-size: 60px;
15779
- font-weight: 700;
15780
- margin: 0;
15781
- }
15782
-
15783
- /*Animated Heading 04*/
15784
- .htmega-style-4 h4{
15785
- vertical-align: middle;
15786
- text-align: center;
15787
- font-size: 36px;
15788
- color: #4e4e4e;
15789
- font-weight: 400;
15790
- font-style: italic;
15791
- }
15792
- /*Animated Heading 05*/
15793
- .htmega-style-5 h4{
15794
- font-size: 36px;
15795
- }
15796
-
15797
- /*Animated Heading 06*/
15798
- .htmega-style-6 h4{
15799
- text-align: center;
15800
- font-size: 36px;
15801
- color: #515151;
15802
- font-weight: 400;
15803
- margin: 0;
15804
- }
15805
-
15806
- .htmega-style-6 .cd-words-wrapper b {
15807
- font-style: italic;
15808
- font-size: 48px;
15809
- color: #0056ff;
15810
- margin-top: -9px;
15811
- }
15812
-
15813
- .cd-headline.loading-bar .cd-words-wrapper::after {
15814
- background: #0056ff;
15815
- }
15816
-
15817
- /* heading placeholder */
15818
- .htmega-animated-heading .cd-headline::before {
15819
- font-size: 100px;
15820
- font-weight: 100;
15821
- position: absolute;
15822
- z-index: -1;
15823
- top: 0;
15824
- left: 50%;
15825
- content: attr(data-pltext);
15826
- -webkit-transform: translateX(-50%) translateY(-14px);
15827
- -ms-transform: translateX(-50%) translateY(-14px);
15828
- transform: translateX(-50%) translateY(-14px);
15829
- text-transform: uppercase;
15830
- color: #2e98fb24;
15831
- white-space: nowrap;
15832
- margin-top: -15px
15833
- }
15834
-
15835
- .htmega-animated-heading .headline-placeholder {
15836
- position: relative;
15837
- z-index: 1;
15838
- }
15839
-
15840
- /*
15841
- * Panel Slider
15842
- */
15843
- .htmega-carousel-activation {
15844
- position: relative;
15845
- }
15846
- .htmega-carousel-activation .panel-slider .content h2{
15847
- margin-top: 0;
15848
- }
15849
-
15850
- .panel-slider-wrapper.htmega-carousel-activation .slick-track {
15851
- margin: 0 -2px;
15852
- }
15853
-
15854
- .panel-slider-wrapper.htmega-carousel-activation .slick-track .slick-slide {
15855
- padding: 0 2px;
15856
- }
15857
-
15858
- .panel-slider-wrapper.htmega-carousel-activation button {
15859
- position: absolute;
15860
- top: 50%;
15861
- left: 70px;
15862
- z-index: 2;
15863
- width: 50px;
15864
- height: 50px;
15865
- border-radius: 100%;
15866
- line-height: 50px;
15867
- color: #fff;
15868
- background: rgba(255, 255, 255, 0.5);
15869
- border: 0 none;
15870
- transform: translateY(-50%);
15871
- transition: 0.4s ease-in-out;
15872
- font-size: 24px;
15873
- padding: 0;
15874
- }
15875
-
15876
- .panel-slider-wrapper.htmega-carousel-activation button:hover {
15877
- background: rgba(24, 1, 44, 0.5);
15878
- }
15879
-
15880
- .panel-slider-wrapper.htmega-carousel-activation button.htmega-carosul-next {
15881
- left: auto;
15882
- right: 70px;
15883
- }
15884
-
15885
- .panel-slider {
15886
- position: relative;
15887
- }
15888
- .panel-slider .content {
15889
- position: absolute;
15890
- bottom: 0;
15891
- left: 0;
15892
- padding: 33px 40px;
15893
- background: rgba(0, 0, 0, 0.45);
15894
- width: 100%;
15895
- }
15896
- .panel-slider .content h2 {
15897
- color: #ffffff;
15898
- font-size: 18px;
15899
- font-weight: 500;
15900
- margin-bottom: 8px;
15901
- }
15902
- .panel-slider .content span {
15903
- color: #ffffff;
15904
- font-size: 16px;
15905
- }
15906
-
15907
- .panel-slide-active-2 .slick-slide {
15908
- margin: 0 2px;
15909
- }
15910
-
15911
- .panel_slider_style-1 .htmega-carousel-activation .panel-slider .content {
15912
- display: none;
15913
- }
15914
-
15915
- .panel_slider_style-1 .htmega-carousel-activation .slick-slide.slick-center .panel-slider .content {
15916
- display: block;
15917
- }
15918
-
15919
-
15920
- /* Panel Slide 2 */
15921
- .panel_slider_style-2 .htmega-carousel-activation .slick-track {
15922
- margin: 0 -2px;
15923
- }
15924
-
15925
- .panel_slider_style-2 .htmega-carousel-activation .slick-track .slick-slide {
15926
- padding: 0 2px;
15927
- }
15928
-
15929
- .panel_slider_style-2 .htmega-carousel-activation button {
15930
- position: absolute;
15931
- top: 50%;
15932
- left: 50px;
15933
- z-index: 2;
15934
- color: #000000;
15935
- border: 0 none;
15936
- transform: translateY(-50%);
15937
- transition: 0.4s ease-in-out;
15938
- font-size: 36px;
15939
- }
15940
-
15941
- .panel_slider_style-2 .htmega-carousel-activation button:hover {
15942
- color: #18012c;
15943
- }
15944
-
15945
- .panel_slider_style-2 .htmega-carousel-activation button.htmega-carosul-next {
15946
- left: auto;
15947
- right: 50px;
15948
- }
15949
-
15950
- .panel_slider_style-2 .htmega-carousel-activation .panel-slider {
15951
- position: relative;
15952
- }
15953
-
15954
- .panel_slider_style-2 .htmega-carousel-activation .panel-slider .thumb img {
15955
- width: 100%;
15956
- }
15957
-
15958
- .panel_slider_style-2 .htmega-carousel-activation .panel-slider .content {
15959
- position: absolute;
15960
- bottom: 0;
15961
- padding: 33px 40px;
15962
- background: rgba(0, 0, 0, 0.8);
15963
- text-align: center;
15964
- left: 0;
15965
- width: 100%;
15966
- -webkit-transition: transform .4s ease-in-out;
15967
- -moz-transition: transform .4s ease-in-out;
15968
- transition: transform .4s ease-in-out;
15969
- -webkit-transform: translateY(110%);
15970
- -moz-transform: translateY(110%);
15971
- transform: translateY(110%);
15972
- }
15973
-
15974
- .panel_slider_style-2 .htmega-carousel-activation .panel-slider .content h2 {
15975
- color: #ffffff;
15976
- font-size: 18px;
15977
- font-weight: 500;
15978
- margin-bottom: 8px;
15979
- }
15980
-
15981
- .panel_slider_style-2 .htmega-carousel-activation .panel-slider .content span {
15982
- color: #ffffff;
15983
- font-size: 16px;
15984
- }
15985
-
15986
- .panel_slider_style-2 .htmega-carousel-activation .panel-slider:hover .content {
15987
- -webkit-transform: translateY(0);
15988
- -moz-transform: translateY(0);
15989
- transform: translateY(0);
15990
- }
15991
-
15992
- /*Panel Slider 3 */
15993
-
15994
- .panel_slider_style-3 .panel-slider .content-inner {
15995
- -webkit-transition: opacity .15s 0s;
15996
- -moz-transition: opacity .15s 0s;
15997
- transition: opacity .15s 0s;
15998
- position: absolute;
15999
- width: 100%;
16000
- text-align: center;
16001
- height: 100%;
16002
- top: 0;
16003
- }
16004
-
16005
- .panel_slider_style-3 .panel-slider .content-inner::after {
16006
- content: '';
16007
- position: absolute;
16008
- top: -100%;
16009
- left: 0;
16010
- height: 100%;
16011
- width: 100%;
16012
- background: black;
16013
- -webkit-transition: top .35s;
16014
- -moz-transition: top .35s;
16015
- transition: top .35s;
16016
- }
16017
-
16018
- .panel_slider_style-3 .panel-slider .content-inner .content {
16019
- position: absolute;
16020
- z-index: 2;
16021
- width: 100%;
16022
- top: 50%;
16023
- transform: translateY(-50%);
16024
- transition: 0.4s ease-in-out;
16025
- opacity: 0;
16026
- bottom: auto;
16027
- }
16028
-
16029
- .panel_slider_style-3 .panel-slider .content-inner .content h2 {
16030
- color: #fff;
16031
- margin-bottom: 10px;
16032
- font-size: 30px;
16033
- }
16034
-
16035
- .panel_slider_style-3 .panel-slider:hover .content-inner::after {
16036
- top: 0;
16037
- }
16038
-
16039
- .panel_slider_style-3 .panel-slider:hover .content-inner .content {
16040
- opacity: 1;
16041
- }
16042
-
16043
-
16044
- /* Panel Slide 4 */
16045
- .panel_slider_style-4 .htmega-carousel-activation button {
16046
- position: absolute;
16047
- top: 50%;
16048
- left: 140px;
16049
- z-index: 2;
16050
- width: 50px;
16051
- height: 50px;
16052
- border-radius: 100%;
16053
- line-height: 50px;
16054
- color: #000000;
16055
- border: 0 none;
16056
- transform: translateY(-50%);
16057
- transition: 0.4s ease-in-out;
16058
- font-size: 24px;
16059
- border: 1px solid #000000;
16060
- }
16061
-
16062
- .panel_slider_style-4 .htmega-carousel-activation button:hover {
16063
- border: 1px solid #ffffff;
16064
- color: #ffffff;
16065
- }
16066
-
16067
- .panel_slider_style-4 .htmega-carousel-activation button.htmega-carosul-next {
16068
- left: auto;
16069
- right: 140px;
16070
- }
16071
-
16072
- .panel_slider_style-4 .htmega-carousel-activation .slick-slide {
16073
- padding: 72px 0;
16074
- transition: all 0.3s ease 0s;
16075
- }
16076
-
16077
- .panel_slider_style-4 .htmega-carousel-activation .panel-slider {
16078
- position: relative;
16079
- transition: all 0.3s ease 0s;
16080
- }
16081
-
16082
- .panel_slider_style-4 .htmega-carousel-activation .slick-slide.slick-center .panel-slider {
16083
- transform: scale(1.3);
16084
- }
16085
-
16086
- .panel_slider_style-4 .htmega-carousel-activation .panel-slider {
16087
- position: relative;
16088
- transform: scale(0.9);
16089
- }
16090
-
16091
- .panel_slider_style-4 .htmega-carousel-activation .panel-slider::before {
16092
- background: rgba(255, 255, 255, 0.7);
16093
- position: absolute;
16094
- content: "";
16095
- left: 0;
16096
- top: 0;
16097
- width: 100%;
16098
- height: 100%;
16099
- transition: 0.3s ease-in-out;
16100
- }
16101
-
16102
- .panel_slider_style-4 .htmega-carousel-activation .slick-slide.slick-center .panel-slider::before {
16103
- display: none;
16104
- }
16105
-
16106
- .panel_slider_style-4 .htmega-carousel-activation {
16107
- margin: 0 -70px;
16108
- }
16109
-
16110
- .panel_slider_style-4 .htmega-carousel-activation .thumb img {
16111
- width: 100%;
16112
- }
16113
-
16114
- .panel_slider_style-4 .htmega-carousel-activation .slick-slide {
16115
- margin: 0 70px;
16116
- }
16117
-
16118
-
16119
- /*
16120
- * Scroll Images Style
16121
- */
16122
- .ht-scroll-image {
16123
- position: relative;
16124
- border-style: solid;
16125
- border-width: 20px 20px 20px 20px;
16126
- border-color: #ffffff;
16127
- border-radius: 5px 5px 5px 5px;
16128
- box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
16129
- overflow: hidden;
16130
- }
16131
-
16132
- .ht-scroll-image .thumb {
16133
- min-height: 600px;
16134
- transition: background-position 6s ease-in-out;
16135
- -webkit-transition: background-position 6s ease-in-out;
16136
- border-style: solid;
16137
- border-width: 0px 0px 0px 0px;
16138
- display: block;
16139
- position: relative;
16140
- width: 100%;
16141
- background-position: top;
16142
- background-repeat: no-repeat;
16143
- background-size: cover;
16144
- overflow: hidden;
16145
- border-top: 1px solid #f2f2f2;
16146
- border-left: 1px solid #f2f2f2;
16147
- border-bottom: 1px solid #f2f2f2;
16148
- border-right: 1px solid #f2f2f2;
16149
- transition-duration: 3s;
16150
- }
16151
-
16152
- .ht-scroll-image .thumb:hover {
16153
- background-position: center bottom !important;
16154
- }
16155
- .ht-scroll-image span.htmega-badge {
16156
- position: absolute;
16157
- left: 0;
16158
- top: 0;
16159
- border: 1px solid transparent;
16160
- border-radius: 50px;
16161
- padding: 10px 20px;
16162
- z-index: 9;
16163
- background: #fff;
16164
- margin: 15px;
16165
- font-size: 13px;
16166
- line-height: 1;
16167
- }
16168
-
16169
- /*
16170
- * Weather Style Css
16171
- */
16172
-
16173
- /*
16174
- * Custom Event
16175
- */
16176
- .ht-event {
16177
- align-items: center;
16178
- border: 1px solid #efefef;
16179
- border-radius: 10px;
16180
- display: flex;
16181
- margin-top: 40px;
16182
- padding: 10px;
16183
- }
16184
-
16185
- .ht-event .thumb {
16186
- flex-basis: 50%;
16187
- position: relative;
16188
- }
16189
- .ht-event .thumb a img {
16190
- width: 100%;
16191
- }
16192
-
16193
- .ht-event .content {
16194
- flex-basis: 50%;
16195
- padding-left: 27px;
16196
- }
16197
- .ht-event .thumb .event-date {
16198
- background: #141414 none repeat scroll 0 0;
16199
- color: #fff;
16200
- padding: 8px 0;
16201
- position: absolute;
16202
- right: -13px;
16203
- text-align: center;
16204
- top: 0;
16205
- width: 60px;
16206
- }
16207
- .ht-event .thumb .event-date span {
16208
- display: block;
16209
- font-size: 20px;
16210
- font-style: italic;
16211
- font-weight: 500;
16212
- }
16213
- .ht-event .content h4 {
16214
- font-size: 18px;
16215
- margin-bottom: 15px;
16216
- margin-top: 0;
16217
- }
16218
- .ht-event .content ul.event-time {
16219
- display: flex;
16220
- list-style: outside none none;
16221
- margin: 0;
16222
- padding: 0;
16223
- }
16224
- .ht-event .content ul.event-time li {
16225
- color: #909090;
16226
- font-size: 14px;
16227
- }
16228
- .ht-event .content ul.event-time li i {
16229
- color: #56a4b1;
16230
- padding-right: 10px;
16231
- }
16232
- .ht-event .content p {
16233
- color: #727272;
16234
- font-size: 14px;
16235
- line-height: 24px;
16236
- margin-top: 10px;
16237
- }
16238
- .ht-event .content .event-btn a {
16239
- border-bottom: 1px solid #727272;
16240
- color: #727272;
16241
- font-size: 14px;
16242
- font-weight: 500;
16243
- transition: all 0.4s ease-in-out 0s;
16244
- }
16245
-
16246
- .ht-event .content ul.event-time li + li {
16247
- margin-left: 15px;
16248
- padding-left: 15px;
16249
- position: relative;
16250
- }
16251
-
16252
- .ht-event .content ul.event-time li + li::before {
16253
- background: #9f9f9f none repeat scroll 0 0;
16254
- content: "";
16255
- height: 15px;
16256
- left: 0;
16257
- position: absolute;
16258
- top: 28%;
16259
- width: 2px;
16260
- }
16261
-
16262
- /*Map Style */
16263
- #htmega-google-map{
16264
- width: 100%;
16265
- }
16266
-
16267
- .header-transparent .mean-container .mean-nav {
16268
- background: #111111 none repeat scroll 0 0;
16269
- float: left;
16270
- width: 100%;
16271
- }
16272
- .header-transparent a.meanmenu-reveal i{
16273
- color: #fff;
16274
- }
16275
- .mean-container .mean-nav > ul {
16276
- padding: 0;
16277
- }
16278
- .header-transparent .mean-container .mean-nav a.mean-expand {
16279
- color: #fff !important;
16280
- }
16281
- .mean-container .mean-nav > ul li ul{
16282
- padding-left: 10px;
16283
- }
16284
- .header-transparent .mean-nav ul li a {
16285
- border-color: #eee;
16286
- color: #fff;
16287
- padding: 6px 30px 6px 10px;
16288
- }
16289
-
16290
- /*
16291
- * Otherstheme compatibility
16292
- */
16293
-
16294
- /*Ocean theme compatibility*/
16295
- #site-navigation-wrap .dropdown-menu {
16296
- background-color: inherit;
16297
- border: inherit;
16298
- border-radius: inherit;
16299
- color: inherit;
16300
- display: block;
16301
- float: inherit;
16302
- font-size: inherit;
16303
- font-family: inherit;
16304
- list-style: outside none none;
16305
- margin: 0;
16306
- min-width: inherit;
16307
- padding: 0;
16308
- position: static;
16309
- text-align: inherit;
16310
- z-index: inherit;
16311
- background-clip:inherit;
16312
- }
16313
- #site-navigation-wrap .dropdown-menu a{
16314
- text-decoration: none;
16315
- color: inherit;
16316
- }
16317
- a{
16318
- color: inherit;
16319
- }
16320
- .htmega-search-box .btn{
16321
- font-family: fontawesome;
16322
- padding: 0;
16323
- }
16324
- .htmega-search-box .fa{
16325
- font-family: fontawesome;
16326
- }
16327
-
16328
- .woocommerce .col-1,.woocommerce .col-2 {
16329
- -ms-flex: 0 0 100%;
16330
- flex: 0 0 100%;
16331
- max-width: 100%;
16332
- }
16333
- .woocommerce .form-row {
16334
- display: block;
16335
- }
16336
-
16337
- /*
16338
- * Responsive CSS Here
16339
- */
16340
-
16341
- /* Large Device :1200px. */
16342
- @media (min-width: 1200px) and (max-width: 1400px) {
16343
-
16344
- }
16345
-
16346
- /* Normal desktop :992px. */
16347
- @media (min-width: 992px) and (max-width: 1199px) {
16348
- .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action{
16349
- padding: 0;
16350
- }
16351
- }
16352
-
16353
-
16354
- /* Tablet desktop :768px. */
16355
- @media (min-width: 768px) and (max-width: 991px) {
16356
-
16357
- .htmega-banner-style-4 .banner-content {
16358
- padding-left: 20px;
16359
- padding-right: 20px;
16360
- padding-top: 20px;
16361
- }
16362
-
16363
- .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action{
16364
- padding: 0;
16365
- }
16366
-
16367
- .htmega-banner-style-4 .banner-content h2{
16368
- margin-top: 0;
16369
- }
16370
-
16371
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs::before{
16372
- left: 40%;
16373
- }
16374
-
16375
- .htmega-btn-size-md {
16376
- padding: 16px 25px !important;
16377
- }
16378
-
16379
- .htmega-btn-size-xl {
16380
- padding: 35px 30px !important;
16381
- }
16382
-
16383
- .htmega-btn-size-lg {
16384
- padding: 25px 30px !important;
16385
- }
16386
-
16387
- .htmega-btn-size-sm {
16388
- padding: 8px 20px !important;
16389
- }
16390
-
16391
- .htmega-call-to-action .text-right {
16392
- margin-top: 10px;
16393
- text-align: left !important;
16394
- }
16395
-
16396
- .callto-action-style-3::before{
16397
- display: none;
16398
- }
16399
-
16400
- .htmega-newsticker-style-1 .breaking-news-title h5 {
16401
- padding: 0 15px;
16402
- }
16403
- .htmega-team-style-3 .htmega-team-click-action {
16404
- margin-bottom: -60px;
16405
- }
16406
-
16407
- .htmega-social-network li {
16408
- margin: 3px 0;
16409
- }
16410
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 {
16411
- margin-top: 0;
16412
- }
16413
-
16414
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 {
16415
- margin-bottom: 0;
16416
- margin-top: 0;
16417
- }
16418
-
16419
- .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span {
16420
- margin-bottom: 3px;
16421
- }
16422
-
16423
- .htmega-team .htmega-team-hover-action .htmega-team-hover p {
16424
- padding: 0 5px;
16425
- }
16426
-
16427
- .htmega-testimonial-style-5 .testimonial-shape {
16428
- bottom: 45%;
16429
- }
16430
-
16431
- .htmega-countbox .ht-count {
16432
- margin: 0 22px 10px;
16433
- }
16434
-
16435
- .title-style-two .section-title-txt {
16436
- padding: 0 14%;
16437
- }
16438
-
16439
- .post-carousel-wrapper .htmega-postslider-layout-2 .content .post-inner {
16440
- padding: 35px 0 20px;
16441
- }
16442
-
16443
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li {
16444
- font-size: 13px;
16445
- }
16446
-
16447
- .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action {
16448
- padding: 0;
16449
- }
16450
-
16451
- /* Instragram */
16452
- .htmegainstagram-column-tablet-1 .htmega-instragram ul.htmega-instagram-list li{
16453
- width: 100%;
16454
- }
16455
- .htmegainstagram-column-tablet-2 .htmega-instragram ul.htmega-instagram-list li{
16456
- width: 50%;
16457
- }
16458
- .htmegainstagram-column-tablet-3 .htmega-instragram ul.htmega-instagram-list li{
16459
- width: 33.33%;
16460
- }
16461
-
16462
- .htmegainstagram-column-tablet-4 .htmega-instragram ul.htmega-instagram-list li{
16463
- width: 25%;
16464
- }
16465
-
16466
- .htmegainstagram-column-tablet-5 .htmega-instragram ul.htmega-instagram-list li{
16467
- width: 20%;
16468
- }
16469
-
16470
- .htmegainstagram-column-tablet-6 .htmega-instragram ul.htmega-instagram-list li{
16471
- width: 16.66%;
16472
- }
16473
-
16474
- .htmega-process-area{
16475
- background-image: none !important;
16476
- }
16477
-
16478
- .htmega-process-column-5 .htmega-single-process-area {
16479
- flex: 0 0 50%;
16480
- max-width: 50%;
16481
- }
16482
-
16483
-
16484
- }
16485
-
16486
- /* small mobile :320px. */
16487
- @media (max-width: 767px) {
16488
-
16489
- .htmega-tab-nav a {
16490
- margin: 0 5px 10px;
16491
- }
16492
-
16493
- .htmega-tab-menu-style-2 a {
16494
- margin: 0 10px 10px;
16495
- }
16496
-
16497
- .htmega-tab-menu-style-3 a {
16498
- margin: 5px 3px -1px;
16499
- }
16500
-
16501
- .htmega-tab-style-5 .htmega-tab-nav,.htmega-tab-style-5 .htmega-tab-content-area{
16502
- max-width: 100%;
16503
- flex: 0 0 100%;
16504
- }
16505
-
16506
- .htmega-tab-style-5 .htmega-tab-content-area {
16507
- border-left: 0px;
16508
- }
16509
-
16510
- .single-partner {
16511
- margin-bottom: 20px;
16512
- width: auto;
16513
- }
16514
-
16515
- .htmega-brands-style-2 ul.brand-list li {
16516
- border-right: 0 none;
16517
- margin: 0 auto;
16518
- width: 50%;
16519
- }
16520
-
16521
- .htmega-brands-style-4 ul.brand-list li {
16522
- border: 0 none;
16523
- padding: 25px 15px;
16524
- width: 50%;
16525
- }
16526
-
16527
- .htmega-brands-style-5 .brand-logo-col {
16528
- flex: 0 0 50%;
16529
- max-width: 50%;
16530
- }
16531
-
16532
- .htmega-business-horurs-1 .business-hrs-inner {
16533
- padding: 70px 0;
16534
- }
16535
-
16536
- .htmega-business-horurs-2 .business-hrs-inner .htmega-single-hrs::before,.htmega-business-horurs-5 .business-hrs-inner .htmega-single-hrs::before{
16537
- display: none;
16538
- }
16539
-
16540
- .htmega-business-horurs-5 .business-hrs-inner,.htmega-business-horurs-4 .business-hrs-inner {
16541
- padding: 30px 20px;
16542
- }
16543
-
16544
- .htmega-business-horurs-3 .business-hrs-inner{
16545
- padding: 20px;
16546
- }
16547
-
16548
- .htmega-call-to-action .text-right {
16549
- margin-top: 10px;
16550
- text-align: left !important;
16551
- }
16552
-
16553
- .callto-action-style-3::before{
16554
- display: none;
16555
- }
16556
-
16557
- .callto-action-style-3 .htmega-content{
16558
- display: block;
16559
- }
16560
-
16561
- .callto-action-style-7 .call-to-action-inner{
16562
- padding: 0;
16563
- }
16564
-
16565
- .htmega-countbox .ht-count::before{
16566
- display: none;
16567
- }
16568
-
16569
- .htmega-countbox .ht-count {
16570
- margin: 0 22px 15px !important;
16571
- }
16572
-
16573
- .htmega-carousel-style-1 .slick-slide.slick-center .single-custom-carousel {
16574
- transform: scale(1);
16575
- }
16576
-
16577
- .ht-custom-carousel.slick-slider .slick-list, .ht-custom-carousel.slick-slider .slick-track {
16578
- padding: 0 !important;
16579
- }
16580
-
16581
- .htmega-carousel-style-6 .slick-dots li {
16582
- padding: 30px 35px;
16583
- }
16584
-
16585
- .htmega-table-style .dataTables_wrapper {
16586
- overflow-x: auto;
16587
- }
16588
-
16589
- .edd_download_columns_0 .edd_download, .edd_download_columns_3 .edd_download {
16590
- width: 100%;
16591
- }
16592
- .custom-col-5 {
16593
- flex: 0 0 100%;
16594
- max-width: 100%;
16595
- }
16596
-
16597
- a.instagram_follow_btn{
16598
- margin-top: 20px;
16599
- }
16600
-
16601
- a.instagram_follow_btn span {
16602
- font-size: 12px;
16603
- padding: 0 5px;
16604
- }
16605
-
16606
- .htmega-lightbox img {
16607
- width: 100%;
16608
- }
16609
-
16610
-
16611
- .htmega-mailchimp-style-3 .htmega-input-box input {
16612
- max-width: inherit;
16613
- width: auto;
16614
- }
16615
-
16616
- .htmega-team-style-3 .htmega-team-click-action {
16617
- margin-bottom: -58px;
16618
- }
16619
-
16620
- .htmega-testimonial-style-5 .testimonial-shape {
16621
- bottom: 38%;
16622
- }
16623
-
16624
- .htmega-testimonial-for .testimonial-desc p {
16625
- padding: 0 3%;
16626
- }
16627
- .htmega-testimonial-style-6,.htmega-testimonial-style-8 {
16628
- padding: 0;
16629
- }
16630
- .htmega-testimonal-nav.slick-slider {
16631
- max-width: 100%;
16632
- }
16633
-
16634
- .htmega-testimonial-style-4 .testimonal .testimonal-image {
16635
- float: none;
16636
- padding-right: 0;
16637
- }
16638
- .htmega-testimonial-style-4 .testimonal .testimonal-image::after,.htmega-testimonial-style-4 .testimonal .testimonal-image::before{
16639
- display: none;
16640
- }
16641
- .htmega-testimonial-style-4 .testimonal .content {
16642
- padding-left: 0;
16643
- padding-top: 20px;
16644
- }
16645
- .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content {
16646
- padding-left: 25px;
16647
- }
16648
- .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content{
16649
- padding-right: 25px;
16650
- }
16651
- .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content::before{
16652
- display: none;
16653
- }
16654
-
16655
- .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content {
16656
- padding-left: 60px;
16657
- width: 100%;
16658
- }
16659
- .htmega-process-area{
16660
- background-image: none !important;
16661
- }
16662
- .htmega-process-column-4 .htmega-single-process-area,.htmega-process-column-5 .htmega-single-process-area {
16663
- flex: 0 0 100%;
16664
- max-width: 100%;
16665
- }
16666
- .htmega-process-column-3 .htmega-single-process-area {
16667
- flex: 0 0 100%;
16668
- margin-bottom: 30px;
16669
- max-width: 100%;
16670
- }
16671
-
16672
- .htmega-process-style-2 .htmega-number::before{
16673
- display: none;
16674
- }
16675
-
16676
- .htmega-process-style-4 {
16677
- height: auto;
16678
- width: auto;
16679
- }
16680
-
16681
- .htmega-process-style-4 .htmega-single-process-area{
16682
- position: inherit;
16683
- }
16684
-
16685
- .htmega-process-style-4 .htmega-single-process-area:nth-child(2),.htmega-process-style-4 .htmega-single-process-area:nth-child(4) {
16686
- top: 0;
16687
- }
16688
-
16689
- .elementor-widget-htmega-scrollnavigation-addons .swiper-slide {
16690
- height: 100vh !important;
16691
- }
16692
-
16693
- .scroll-navigation-inner .elementor-image{
16694
- display: none;
16695
- }
16696
- .elementor-widget-htmega-scrollnavigation-addons .swiper-container .swiper-wrapper .swiper-slide:first-child .elementor-image{
16697
- display: block;
16698
- }
16699
-
16700
- .htmega_mobile_fit.elementor-section.elementor-section-height-full {
16701
- height: 100vh;
16702
- }
16703
-
16704
- .htmega_mobile_fit.elementor-section.elementor-section-items-middle .elementor-container {
16705
- align-items: center;
16706
- }
16707
-
16708
- .htmega_mobile_fit.elementor-section.elementor-section-items-middle .elementor-container {
16709
- align-items: center;
16710
- height: 100%;
16711
- }
16712
- .ht-event {
16713
- display: block;
16714
- }
16715
- .ht-event .thumb {
16716
- margin-bottom: 20px;
16717
- }
16718
- .htmega-postcarousel-layout-3 .slick-arrow{
16719
- display: none !important;
16720
- }
16721
- .htmega-countbox .ht-count {
16722
- margin: 0 22px 10px;
16723
- }
16724
- .title-style-two .section-title-txt::before, .title-style-two .section-title-txt::after{
16725
- display: none;
16726
- }
16727
- figure.gallery-item {
16728
- margin-top: 20px !important;
16729
- }
16730
- .htmega-switcher-nav.nav {
16731
- background: transparent none repeat scroll 0 0;
16732
- }
16733
-
16734
- .post-carousel-wrapper .htmega-postslider-layout-4 .post-carousel-flex {
16735
- display: block;
16736
- }
16737
- .post-carousel-wrapper .htmega-postslider-layout-4 .content{
16738
- margin-left: 0;
16739
- padding: 30px 20px;
16740
- }
16741
- .post-carousel-wrapper .htmega-postslider-layout-5 .content .post-inner ul.meta li {
16742
- font-size: 13px;
16743
- }
16744
-
16745
- .htmega-singleimage-gridstyle-4 .image-grid-content .hover-action {
16746
- padding: 0;
16747
- }
16748
-
16749
- /* Instragram */
16750
- .htmegainstagram-column-mobile-1 .htmega-instragram ul.htmega-instagram-list li{
16751
- width: 100%;
16752
- }
16753
- .htmegainstagram-column-mobile-2 .htmega-instragram ul.htmega-instagram-list li{
16754
- width: 50%;
16755
- }
16756
- .htmegainstagram-column-mobile-3 .htmega-instragram ul.htmega-instagram-list li{
16757
- width: 33.33%;
16758
- }
16759
-
16760
- .htmegainstagram-column-mobile-4 .htmega-instragram ul.htmega-instagram-list li{
16761
- width: 25%;
16762
- }
16763
-
16764
- .htmegainstagram-column-mobile-5 .htmega-instragram ul.htmega-instagram-list li{
16765
- width: 20%;
16766
- }
16767
-
16768
- .htmegainstagram-column-mobile-6 .htmega-instragram ul.htmega-instagram-list li{
16769
- width: 16.66%;
16770
- }
16771
- /* .htmega-postslider-layout-3 .content, */
16772
- .htmega-postslider-layout-1 .content,.htmega-postslider-layout-4 .content {
16773
- position: static;
16774
- max-width: 100%;
16775
- padding: 0;
16776
- }
16777
- .post-carousel-wrapper .htmega-postslider-layout-1 .content{
16778
- position: absolute;
16779
- }
16780
- .thumb-st-layout-4 .content {
16781
- position: absolute;
16782
- }
16783
- .thumb-st-layout-4.htmega-postslider-area ul.slick-dots {
16784
- width: 80px;
16785
- }
16786
- }
16787
-
16788
- /* Svg icon height auto css */
16789
- [class*='htmega-'] svg{
16790
- height: auto;
16791
- transition: all 0.3s ease-in-out;
16792
- }
16793
- /* HT Mega Button focus Outline none */
16794
- [class*='htmega-'] [type=button]:focus, [class*='htmega-'] [type=submit]:focus, [class*='htmega-'] button:focus {
16795
- outline: none;
16796
- }
1
+ /* Section Title style */
2
+ .htmega-section-title{
3
+ position: relative;
4
+ z-index: 1;
5
+ }
6
+ .htmega-section-title svg{
7
+ width: 20px;
8
+ }
9
+ .htmega-section-title .section-title-txt {
10
+ color: #23252a;
11
+ font-weight: 600;
12
+ line-height: 1;
13
+ margin: 0;
14
+ display: inline-block;
15
+ }
16
+ .htmega-section-title .section-subtitle-txt{
17
+ color: #494849;
18
+ font-family: "Poppins",sans-serif;
19
+ font-size: 16px;
20
+ line-height: 30px;
21
+ margin: 5px 0;
22
+ font-weight: 400;
23
+ }
24
+ .htmega-section-title span.htmega-title-sperator {
25
+ background-color: #383838;
26
+ display: inline-block;
27
+ height: 3px;
28
+ margin-bottom: 13px;
29
+ margin-top: 30px;
30
+ position: relative;
31
+ width: 50px;
32
+ }
33
+ .htmega-section-title.title-style-three span.htmega-title-sperator::before {
34
+ background-color: #383838;
35
+ bottom: 0;
36
+ content: "";
37
+ display: block;
38
+ height: 3px;
39
+ left: -13px;
40
+ margin-bottom: 13px;
41
+ margin-top: 25px;
42
+ position: absolute;
43
+ width: 50px;
44
+ }
45
+ .htmega-title-align-left .htmega-section-title.title-style-three span.htmega-title-sperator::before,.htmega-title-align-justify .htmega-section-title.title-style-three span.htmega-title-sperator::before{
46
+ left: 13px;
47
+ }
48
+
49
+ .htmega-section-title.htmega-subtitle-position-top {
50
+ display: flex;
51
+ flex-direction: column;
52
+ }
53
+ .htmega-section-title.htmega-subtitle-position-top .section-title-txt {
54
+ order: 2;
55
+ }
56
+ .htmega-section-title.htmega-subtitle-position-top .section-subtitle-txt {
57
+ order: 1;
58
+ }
59
+ .htmega-section-title.htmega-subtitle-position-top img {
60
+ order: 3;
61
+ }
62
+ .htmega-section-title.htmega-subtitle-position-top i{
63
+ order: 3;
64
+ }
65
+ /* .htmega-section-title img {
66
+ margin: auto;
67
+ } */
68
+ .htmega-section-title.htmega-subtitle-position-top .htmega-title-sperator-sec {
69
+ order: 4;
70
+ }
71
+ .htmega-section-title.htmega-subtitle-position-top.title-style-four .htmega-title-sperator-sec {
72
+ order: 2;
73
+ }
74
+ .htmega-section-title.htmega-subtitle-position-top.title-style-four .section-title-txt{
75
+ order: 3;
76
+ }
77
+ .htmega-section-title.htmega-subtitle-position-top.title-style-four span.htmega-title-sperator{
78
+ margin-top: 8px;
79
+ }
80
+
81
+ .title-style-two .htmega-title-sperator-sec,.title-style-five .htmega-title-sperator-sec {
82
+ display: none;
83
+ }
84
+ .title-style-two .section-title-txt{
85
+ padding: 0 10.5%;
86
+ position: relative;
87
+ }
88
+ .title-style-two .section-title-txt::before,.title-style-two .section-title-txt::after {
89
+ background: #412e51 none repeat scroll 0 0;
90
+ content: "";
91
+ height: 3px;
92
+ left: 0;
93
+ position: absolute;
94
+ top: 50%;
95
+ width: 100px;
96
+ }
97
+ .title-style-two .section-title-txt::after {
98
+ right: 0;
99
+ top: 50%;
100
+ left: auto;
101
+ }
102
+ .title-style-two .section-title-txt{
103
+ margin-right: auto !important;
104
+ margin-left: auto !important;
105
+ }
106
+
107
+ .section-advancetitle-txt{
108
+ color: #f1f1f1;
109
+ font-size: 80px;
110
+ font-weight: 800;
111
+ line-height: 28px;
112
+ margin: 0;
113
+ position: absolute;
114
+ text-transform: uppercase;
115
+ top: 50%;
116
+ transform: translateY(-50%);
117
+ width: 100%;
118
+ z-index: -1;
119
+ }
120
+ .htmega-title-sperator-sec {
121
+ line-height: 1;
122
+ }
123
+
124
+ .htmega-section-title-order-parent{
125
+ display: flex;
126
+ flex-direction: column;
127
+ }
128
+ .htmega-section-title-order-parent .section-subtitle-txt {
129
+ order: 1;
130
+ }
131
+ .htmega-section-title-order-parent .section-title-txt {
132
+ order: 2;
133
+ }
134
+ .htmaga-section-title-image-position-bottom{
135
+ order: 3;
136
+ }
137
+ .htmaga-section-title-image-position-top{
138
+ order: 0;
139
+ }
140
+
141
+ .htmaga-section-title-image-position-center{
142
+ order: 1;
143
+ }
144
+
145
+ .htmega-section-title.htmega-subtitle-position-bottom .section-subtitle-txt {
146
+ order: 3;
147
+ }
148
+
149
+ .image-center .section-title-txt{
150
+ order: 1;
151
+ }
152
+
153
+ .htmega_sub_title_border_both{
154
+ position: relative;
155
+ }
156
+ .htmega_sub_title_border_both::before ,
157
+ .htmega_sub_title_border_both::after{
158
+ position: absolute;
159
+ content: "";
160
+ top: 50%;
161
+ transform: translateY(-50%);
162
+ height: 2px;
163
+ width: 25px;
164
+ background: #000;
165
+ }
166
+ .htmega_sub_title_border_both::before {
167
+ left: 100%;
168
+ margin-left: 20px;
169
+ }
170
+
171
+ .htmega_sub_title_border_both::after {
172
+ right: 100%;
173
+ margin-right: 20px;
174
+ }
175
+
176
+ /*
177
+ * Button Style
178
+ */
179
+ .htmega-button .htb-btn:focus,.htmega-button .htb-btn:active {
180
+ box-shadow: none !important;
181
+ }
182
+ .htmega-button .htb-btn-outline-light {
183
+ border-color: #c8c8c8;
184
+ color: #c8c8c8;
185
+ }
186
+ .htmega-button {
187
+ display: inline-block;
188
+ }
189
+ .htmega-button .htmega-btn-effect-5,.htmega-button .htmega-btn-effect-6,.htmega-button .htmega-btn-effect-10{
190
+ overflow: hidden;
191
+ }
192
+ .htmega_button_icon {
193
+ display: inline-block;
194
+ }
195
+ .htmega_button_icon svg {
196
+ width: 20px;
197
+ }
198
+ .htmega-button .htb-btn {
199
+ border-radius: 0;
200
+ position: relative;
201
+ border: none;
202
+ z-index: 1;
203
+ transition: all 0.4s ease-in-out 0s;
204
+ }
205
+ .button-align-icon-left span.htmega_button_icon {
206
+ float: left;
207
+ }
208
+ .button-align-icon-left span.htmega_button_txt {
209
+ float: right;
210
+ }
211
+ .button-align-icon-right span.htmega_button_icon {
212
+ float: right;
213
+ }
214
+ .button-align-icon-right span.htmega_button_txt {
215
+ float: left;
216
+ }
217
+ .button-align-icon-top span.htmega_button_icon,.button-align-icon-bottom span.htmega_button_icon {
218
+ display: block;
219
+ }
220
+ .button-align-icon-top span.htmega_button_txt,.button-align-icon-bottom span.htmega_button_txt {
221
+ display: block;
222
+ }
223
+ .button-align-icon-top a.htb-btn {
224
+ display: flex;
225
+ flex-flow: column-reverse nowrap;
226
+ }
227
+
228
+ /* Button Size */
229
+ .htmega-btn-size-xl {
230
+ padding: 35px 50px !important;
231
+ }
232
+ .htmega-btn-size-lg {
233
+ padding: 25px 50px !important;
234
+ }
235
+ .htmega-btn-size-md {
236
+ padding: 16px 43px !important;
237
+ }
238
+ .htmega-btn-size-sm {
239
+ padding: 8px 40px !important;
240
+ }
241
+ .htmega-btn-size-xs {
242
+ padding: 3px 10px !important;
243
+ }
244
+
245
+ /* Button Style */
246
+ .htmega-btn-style-2 .htb-btn::after{
247
+ border-radius: inherit;
248
+ content: "";
249
+ height: 100%;
250
+ left: 0;
251
+ position: absolute;
252
+ top: 0;
253
+ transition-delay: 0s, 0s;
254
+ transition-duration: 0.3s, 0.3s;
255
+ transition-property: transform, background-color;
256
+ transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
257
+ width: 100%;
258
+ z-index: -1;
259
+ background-color: #ff6b6b;
260
+ border-radius: 30px;
261
+ transform: scale3d(0.7, 0.7, 1);
262
+ }
263
+
264
+ /* Button Effect */
265
+ .htmega-btn-effect-1{
266
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
267
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
268
+ z-index: 1;
269
+ }
270
+ .htmega-btn-effect-1::before {
271
+ content: '';
272
+ position: absolute;
273
+ top: 0;
274
+ left: 0;
275
+ width: 100%;
276
+ height: 100%;
277
+ background: #623687;
278
+ z-index: -1;
279
+ opacity: 0;
280
+ -webkit-transform: scale3d(0.7, 1, 1);
281
+ transform: scale3d(0.7, 1, 1);
282
+ -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
283
+ transition: transform 0.4s, opacity 0.4s;
284
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
285
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
286
+ z-index: -1;
287
+ }
288
+ .htmega-btn-effect-1:hover::before {
289
+ opacity: 1;
290
+ -webkit-transform: translate3d(0, 0, 0);
291
+ transform: translate3d(0, 0, 0);
292
+ }
293
+
294
+ .htmega-btn-effect-2 {
295
+ z-index: 1;
296
+ overflow: hidden;
297
+ }
298
+ .htmega-btn-effect-2::before {
299
+ content: '';
300
+ position: absolute;
301
+ top: 0;
302
+ left: 0;
303
+ width: 150%;
304
+ height: 100%;
305
+ background: #623687;
306
+ z-index: -1;
307
+ -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
308
+ transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
309
+ -webkit-transform-origin: 0% 100%;
310
+ transform-origin: 0% 100%;
311
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
312
+ transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
313
+ z-index: -1;
314
+ }
315
+ .htmega-btn-effect-2:hover::before {
316
+ opacity: 1;
317
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
318
+ transform: rotate3d(0, 0, 1, 0deg);
319
+ -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
320
+ transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
321
+ }
322
+ .htmega-btn-effect-3 {
323
+ z-index: 1;
324
+ color: #fff;
325
+ }
326
+ .htmega-btn-effect-3::before, .htmega-btn-effect-3::after {
327
+ content: '';
328
+ border-radius: inherit;
329
+ position: absolute;
330
+ top: 0;
331
+ left: 0;
332
+ width: 100%;
333
+ height: 100%;
334
+ -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
335
+ transition: transform 0.3s, background-color 0.3s;
336
+ -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
337
+ transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
338
+ z-index: -1;
339
+ }
340
+ .htmega-btn-effect-3::before {
341
+ border: 2px solid #623687;
342
+ -webkit-transform: scale3d(0.7, 0.7, 1);
343
+ transform: scale3d(0.7, 0.7, 1);
344
+ }
345
+ .htmega-btn-effect-3::after {
346
+ background: #18012c;
347
+ }
348
+ .htmega-btn-effect-3:hover::before {
349
+ -webkit-transform: scale3d(1, 1, 1);
350
+ transform: scale3d(1, 1, 1);
351
+ }
352
+ .htmega-btn-effect-3:hover::after {
353
+ background-color: #623687;
354
+ -webkit-transform: scale3d(0.7, 0.7, 1);
355
+ transform: scale3d(0.7, 0.7, 1);
356
+ }
357
+
358
+ .htmega-btn-effect-4::before {
359
+ content: '';
360
+ position: absolute;
361
+ top: -20px;
362
+ left: -20px;
363
+ bottom: -20px;
364
+ right: -20px;
365
+ background: inherit;
366
+ z-index: -1;
367
+ opacity: 0.4;
368
+ -webkit-transform: scale3d(0.8, 0.5, 1);
369
+ transform: scale3d(0.8, 0.5, 1);
370
+ }
371
+ .htmega-btn-effect-4:hover::before {
372
+ -webkit-animation: np-btn--2 0.3s 0.3s forwards;
373
+ animation: np-btn--2 0.3s 0.3s forwards;
374
+ }
375
+ .htmega-btn-effect-4:hover {
376
+ -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
377
+ transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
378
+ color: #ECEFF1;
379
+ background-color: #623687;
380
+ -webkit-animation: np-btn--1 0.3s forwards;
381
+ animation: np-btn--1 0.3s forwards;
382
+ }
383
+
384
+ .htmega-btn-effect-5::before {
385
+ content: '';
386
+ z-index: -1;
387
+ position: absolute;
388
+ top: 50%;
389
+ left: 100%;
390
+ margin: -15px 0 0 1px;
391
+ width: 30px;
392
+ height: 30px;
393
+ border-radius: 50%;
394
+ background: #623687;
395
+ -webkit-transform-origin: 100% 50%;
396
+ transform-origin: 100% 50%;
397
+ -webkit-transform: scale3d(1, 2, 1);
398
+ transform: scale3d(1, 2, 1);
399
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
400
+ transition: transform 0.3s, opacity 0.3s;
401
+ -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
402
+ transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
403
+ }
404
+ .htmega-btn-effect-5:hover::before {
405
+ -webkit-transform: scale3d(9, 9, 1);
406
+ transform: scale3d(9, 9, 1);
407
+ }
408
+
409
+ .htmega-btn-effect-6::before {
410
+ content: '';
411
+ z-index: -1;
412
+ position: absolute;
413
+ top: 50%;
414
+ margin: -15px 0 0 1px;
415
+ width: 30px;
416
+ height: 30px;
417
+ border-radius: 50%;
418
+ background: #623687;
419
+ -webkit-transform-origin: 0 50%;
420
+ transform-origin: 0 50%;
421
+ -webkit-transform: scale3d(1, 2, 1);
422
+ transform: scale3d(1, 2, 1);
423
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
424
+ transition: transform 0.3s, opacity 0.3s;
425
+ -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
426
+ transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
427
+ right: 100%;
428
+ }
429
+ .htmega-btn-effect-6:hover::before {
430
+ -webkit-transform: scale3d(9, 9, 1);
431
+ transform: scale3d(9, 9, 1);
432
+ }
433
+
434
+ .htmega-btn-effect-7::before {
435
+ content: "";
436
+ position: absolute;
437
+ top: 0;
438
+ bottom: 0;
439
+ left: 0;
440
+ right: 0;
441
+ z-index: -1;
442
+ background: #e09d8b;
443
+ -webkit-transform: scaleX(1);
444
+ -webkit-transform-origin: 50%;
445
+ transform-origin: 50%;
446
+ -webkit-transition-property: transform;
447
+ transition-property: transform;
448
+ -webkit-transition-duration: 0.3s;
449
+ transition-duration: 0.3s;
450
+ -webkit-transition-timing-function: ease-out;
451
+ transition-timing-function: ease-out;
452
+ color: #fff;
453
+ }
454
+ .htmega-btn-effect-7:hover::before {
455
+ -webkit-transform: scaleX(0);
456
+ transform: scaleX(0);
457
+ }
458
+
459
+ .htmega-btn-effect-8::before {
460
+ content: "";
461
+ position: absolute;
462
+ z-index: -1;
463
+ top: 0;
464
+ bottom: 0;
465
+ left: 0;
466
+ right: 0;
467
+ background: #45b29d;
468
+ -webkit-transform: scaleY(1);
469
+ transform: scaleY(1);
470
+ -webkit-transform-origin: 50%;
471
+ transform-origin: 50%;
472
+ -webkit-transition-property: transform;
473
+ transition-property: transform;
474
+ -webkit-transition-duration: 0.3s;
475
+ transition-duration: 0.3s;
476
+ -webkit-transition-timing-function: ease-out;
477
+ transition-timing-function: ease-out;
478
+ }
479
+ .htmega-btn-effect-8:hover::before {
480
+ -webkit-transform: scaleY(0);
481
+ transform: scaleY(0);
482
+ }
483
+
484
+ .htmega-btn-effect-9::before {
485
+ content: "";
486
+ position: absolute;
487
+ z-index: -1;
488
+ top: 0;
489
+ left: 0;
490
+ right: -1px;
491
+ bottom: 0;
492
+ background: #18012c;
493
+ -webkit-transform: scaleY(0);
494
+ transform: scaleY(0);
495
+ -webkit-transform-origin: 50% 100%;
496
+ transform-origin: 50% 100%;
497
+ -webkit-transition-property: transform;
498
+ transition-property: transform;
499
+ -webkit-transition-duration: 0.5s;
500
+ transition-duration: 0.5s;
501
+ -webkit-transition-timing-function: ease-out;
502
+ transition-timing-function: ease-out;
503
+ }
504
+ .htmega-btn-effect-9:hover::before {
505
+ -webkit-transform: scaleY(1);
506
+ transform: scaleY(1);
507
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
508
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
509
+ }
510
+
511
+ .htmega-btn-effect-10::before {
512
+ content: "";
513
+ position: absolute;
514
+ z-index: -1;
515
+ top: 0;
516
+ left: 0;
517
+ right: 0;
518
+ bottom: 0;
519
+ background: #18012c;
520
+ border-radius: 100%;
521
+ -webkit-transform: scale(0);
522
+ transform: scale(0);
523
+ -webkit-transition-property: transform;
524
+ transition-property: transform;
525
+ -webkit-transition-duration: 0.3s;
526
+ transition-duration: 0.3s;
527
+ -webkit-transition-timing-function: ease-out;
528
+ transition-timing-function: ease-out;
529
+ }
530
+ .htmega-btn-effect-10:hover::before {
531
+ -webkit-transform: scale(2);
532
+ transform: scale(2);
533
+ }
534
+
535
+ .htmega-btn-effect-11::before {
536
+ content: "";
537
+ position: absolute;
538
+ z-index: -1;
539
+ top: 0;
540
+ left: 0;
541
+ right: 0;
542
+ bottom: 0;
543
+ background: #18012c;
544
+ -webkit-transform: scale(0);
545
+ transform: scale(0);
546
+ -webkit-transition-property: transform;
547
+ transition-property: transform;
548
+ -webkit-transition-duration: 0.3s;
549
+ transition-duration: 0.3s;
550
+ -webkit-transition-timing-function: ease-out;
551
+ transition-timing-function: ease-out;
552
+ }
553
+ .htmega-btn-effect-11:hover::before {
554
+ -webkit-transform: scale(1);
555
+ transform: scale(1);
556
+ }
557
+
558
+ .htmega-btn-effect-12::before {
559
+ content: "";
560
+ position: absolute;
561
+ z-index: -1;
562
+ top: 0;
563
+ left: 0;
564
+ right: -1px;
565
+ bottom: 0;
566
+ background: #d82f4e;
567
+ -webkit-transform: scaleX(0);
568
+ transform: scaleX(0);
569
+ -webkit-transform-origin: 100% 50%;
570
+ transform-origin: 100% 50%;
571
+ -webkit-transition-property: transform;
572
+ transition-property: transform;
573
+ -webkit-transition-duration: 0.5s;
574
+ transition-duration: 0.5s;
575
+ -webkit-transition-timing-function: ease-out;
576
+ transition-timing-function: ease-out;
577
+ }
578
+ .htmega-btn-effect-12:hover::before {
579
+ -webkit-transform: scaleX(1);
580
+ transform: scaleX(1);
581
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
582
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
583
+ }
584
+
585
+ .htmega-btn-effect-13::before {
586
+ content: "";
587
+ position: absolute;
588
+ z-index: -1;
589
+ top: 0;
590
+ left: 0;
591
+ right: 0;
592
+ bottom: 0;
593
+ background: #18012c;
594
+ -webkit-transform: scaleY(0);
595
+ transform: scaleY(0);
596
+ -webkit-transform-origin: 50% 0;
597
+ transform-origin: 50% 0;
598
+ -webkit-transition-property: transform;
599
+ transition-property: transform;
600
+ -webkit-transition-duration: 0.5s;
601
+ transition-duration: 0.5s;
602
+ -webkit-transition-timing-function: ease-out;
603
+ transition-timing-function: ease-out;
604
+ }
605
+ .htmega-btn-effect-13:hover::before {
606
+ -webkit-transform: scaleY(1);
607
+ transform: scaleY(1);
608
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
609
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
610
+ }
611
+
612
+ .htmega-btn-effect-14::before {
613
+ content: "";
614
+ position: absolute;
615
+ z-index: -1;
616
+ top: 0;
617
+ left: 0;
618
+ right: 0;
619
+ bottom: 0;
620
+ background: #18012c;
621
+ -webkit-transform: scaleY(0);
622
+ transform: scaleY(0);
623
+ -webkit-transform-origin: 50% 0;
624
+ transform-origin: 50% 0;
625
+ -webkit-transition-property: transform;
626
+ transition-property: transform;
627
+ -webkit-transition-duration: 0.5s;
628
+ transition-duration: 0.5s;
629
+ -webkit-transition-timing-function: ease-out;
630
+ transition-timing-function: ease-out;
631
+ }
632
+ .htmega-btn-effect-14:hover::before {
633
+ -webkit-transform: scaleY(1);
634
+ transform: scaleY(1);
635
+ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
636
+ transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
637
+ }
638
+
639
+ /*Button Shadow*/
640
+ .htmega-btn-shadow-1 .htb-btn::before{
641
+ background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
642
+ content: "";
643
+ height: 10px;
644
+ left: 5%;
645
+ opacity: 0;
646
+ pointer-events: none;
647
+ position: absolute;
648
+ top: 100%;
649
+ transition-duration: 0.3s;
650
+ transition-property: transform, opacity;
651
+ width: 90%;
652
+ z-index: -1;
653
+ }
654
+ .htmega-btn-shadow-1 .htb-btn:hover::before {
655
+ opacity: 1;
656
+ transform: translateY(5px);
657
+ }
658
+
659
+ .htmega-btn-shadow-2 .htb-btn::before, .htmega-btn-shadow-2 .htb-btn::after {
660
+ background-repeat: no-repeat;
661
+ box-sizing: border-box;
662
+ content: "";
663
+ height: 5px;
664
+ left: 0;
665
+ opacity: 0;
666
+ pointer-events: none;
667
+ position: absolute;
668
+ transition-duration: 0.3s;
669
+ transition-property: opacity;
670
+ width: 100%;
671
+ }
672
+ .htmega-btn-shadow-2 .htb-btn::before {
673
+ background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 150% , rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
674
+ bottom: 100%;
675
+ }
676
+ .htmega-btn-shadow-2 .htb-btn::after {
677
+ background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% -50% , rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
678
+ top: 100%;
679
+ }
680
+ .htmega-btn-shadow-2 .htb-btn:hover::before, .htmega-btn-shadow-2 .htb-btn:hover::after {
681
+ opacity: 1;
682
+ }
683
+
684
+ /*
685
+ * Accourdion style
686
+ */
687
+ .single_accourdion {
688
+ margin-bottom: 15px;
689
+ }
690
+ .single_accourdion:last-child{
691
+ margin-bottom: 0 !important;
692
+ }
693
+ .accordion-content {
694
+ border: 1px solid #ddd;
695
+ padding: 15px;
696
+ }
697
+ .htmega-items-hedding {
698
+ background: #e6e6e6 none repeat scroll 0 0;
699
+ cursor: pointer;
700
+ padding: 10px 20px;
701
+ position: relative;
702
+ margin-bottom: 0;
703
+ }
704
+ .htmega-accourdion-title h2 {
705
+ font-size: 16px;
706
+ font-weight: 600;
707
+ margin-bottom: 0px;
708
+ }
709
+ .htmega-accourdion-title .htmega-items-hedding .accourdion-icon {
710
+ position: absolute;
711
+ right: 0;
712
+ top: 0;
713
+ width: 40px;
714
+ height: 100%;
715
+ text-align: center;
716
+ /* line-height: 40px; */
717
+ display: flex;
718
+ justify-content: center;
719
+ align-items: center;
720
+ }
721
+ .htmega-accourdion-title .htmega-items-hedding .close-accourdion {
722
+ opacity: 1;
723
+ visibility: visible;
724
+ }
725
+ .htmega-accourdion-title .htmega-items-hedding .open-accourdion {
726
+ opacity: 0;
727
+ visibility: hidden;
728
+ }
729
+ .htmega-accourdion-title .htmega-items-hedding.htb-collapsed .open-accourdion {
730
+ opacity: 1;
731
+ visibility: visible;
732
+ }
733
+ .htmega-accourdion-title .htmega-items-hedding.htb-collapsed .close-accourdion {
734
+ opacity: 0;
735
+ visibility: hidden;
736
+ }
737
+ .htmega-icon-align-left .htmega-items-hedding {
738
+ padding-left: 40px;
739
+ }
740
+ .htmega-icon-align-left .accourdion-icon {
741
+ left: 0;
742
+ right: 0;
743
+ }
744
+ .htmega-icon-align-right .htmega-items-hedding {
745
+ padding-right: 40px;
746
+ }
747
+
748
+ /* Accordion Image Hover Style */
749
+ .gallery-wrap {
750
+ display: flex;
751
+ flex-direction: row;
752
+ width: 100%;
753
+ height: 70vh;
754
+ }
755
+
756
+ .gallery-wrap .item {
757
+ flex: 1;
758
+ height: 100%;
759
+ background-position: center;
760
+ background-size: cover;
761
+ background-repeat: none;
762
+ transition: flex 0.8s ease;
763
+ }
764
+
765
+ .gallery-wrap .item:hover {
766
+ flex: 7;
767
+ }
768
+
769
+ /* Accordion Image Style Two*/
770
+ ul.accordion--4 {
771
+ list-style: none;
772
+ padding: 0;
773
+ margin: 0;
774
+ display: flex;
775
+ text-align: center !important;
776
+ justify-content: center;
777
+ }
778
+
779
+ ul.accordion--4 li {
780
+ width: 115px;
781
+ height: 480px;
782
+ display: block;
783
+ border-right: 2px solid #fff;
784
+ border-bottom: 2px solid #fff;
785
+ background-color: #fff;
786
+ background-repeat: no-repeat;
787
+ background-position: center center;
788
+ position: relative;
789
+ overflow: hidden;
790
+ cursor: pointer;
791
+ -moz-box-shadow: 1px 3px 15px #555;
792
+ -webkit-box-shadow: 1px 3px 15px #555;
793
+ box-shadow: 1px 3px 15px #555;
794
+ }
795
+
796
+ ul.accordion--4 li.bleft {
797
+ border-left: 2px solid #fff;
798
+ }
799
+
800
+ ul.accordion--4 li .heading {
801
+ background-color: #fff;
802
+ padding: 10px;
803
+ margin-top: 60px;
804
+ text-transform: capitalize;
805
+ font-weight: 500;
806
+ font-size: 18px;
807
+ text-align: center;
808
+ color: #18012c;
809
+ }
810
+
811
+ ul.accordion--4 li .description {
812
+ position: absolute;
813
+ height: 175px;
814
+ bottom: 60px;
815
+ left: 0px;
816
+ display: none;
817
+ width: 100%;
818
+ }
819
+
820
+ ul.accordion--4 li .description h2 {
821
+ color: #18012c;
822
+ font-size: 30px;
823
+ }
824
+
825
+ ul.accordion--4 li .description p {
826
+ margin: 10px 22px;
827
+ font-size: 14px;
828
+ line-height: 28px;
829
+ color: #18012c;
830
+ }
831
+
832
+ ul.accordion--4 li .description a {
833
+ position: absolute;
834
+ bottom: 5px;
835
+ left: 20px;
836
+ text-transform: uppercase;
837
+ font-style: normal;
838
+ font-size: 11px;
839
+ text-decoration: none;
840
+ color: #888;
841
+ }
842
+
843
+ ul.accordion--4 li .description a:hover {
844
+ color: #333;
845
+ text-decoration: underline;
846
+ }
847
+
848
+ ul.accordion--4 li .bgDescription {
849
+ background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
850
+ height: 340px;
851
+ position: absolute;
852
+ bottom: 0px;
853
+ left: 0px;
854
+ width: 100%;
855
+ display: none;
856
+ }
857
+ .accordion--4 .accordion-content,.accordion--5 .accordion-content{
858
+ border:0;
859
+ }
860
+
861
+
862
+ /* Accordion Image Style Three */
863
+ .accor_wrapper {
864
+ width: 100%;
865
+ height: 100%;
866
+ position: relative;
867
+ overflow: hidden;
868
+ background: #000;
869
+ }
870
+
871
+ .accordion--5 {
872
+ position: relative;
873
+ margin: 0 auto 0 auto;
874
+ }
875
+
876
+ .accordion--5 .single_accordion {
877
+ cursor: pointer;
878
+ position: absolute;
879
+ width: 100%;
880
+ left: 0px;
881
+ overflow: hidden;
882
+ text-align: center;
883
+ z-index: 2;
884
+ }
885
+
886
+ .accordion--5 .single_accordion::before {
887
+ position: absolute;
888
+ content: "";
889
+ background: #000000;
890
+ left: 0;
891
+ top: 0;
892
+ width: 100%;
893
+ height: 100%;
894
+ opacity: 0.4;
895
+ z-index: -1;
896
+ }
897
+
898
+ .accordion--5 .single_accordion .va-title {
899
+ text-transform: uppercase;
900
+ font-size: 40px;
901
+ margin-left: 5px;
902
+ color: #ffffff;
903
+ display: inline-block;
904
+ margin-top: 15px;
905
+ margin-right: 5px;
906
+ }
907
+
908
+ .accordion--5 .single_accordion .va-title div {
909
+ font-size: 22px;
910
+ font-style: italic;
911
+ font-family: Georgia, serif;
912
+ }
913
+
914
+ .accordion--5 .single_accordion .va-content {
915
+ display: none;
916
+ margin-left: 0;
917
+ padding: 0 23%;
918
+ margin-top: -36px;
919
+ }
920
+
921
+ .accordion--5 .single_accordion .va-content div{
922
+ color: #ffffff;
923
+ font-size: 14px;
924
+ line-height: 28px;
925
+ }
926
+
927
+ .accor_wrapper .single_accordion{
928
+ background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
929
+ background-size: cover;
930
+ }
931
+
932
+ /*
933
+ *Progress Bar Style
934
+ */
935
+ .htmega-single-skill {
936
+ overflow: hidden;
937
+ padding-bottom: 23px;
938
+ }
939
+ .htmega-single-skill .htb-progress-bar {
940
+ border-radius: 3px;
941
+ position: relative;
942
+ }
943
+ .htmega-single-skill .htb-progress {
944
+ overflow: visible;
945
+ height: 6px;
946
+ border-radius: 3px;
947
+ }
948
+ .htmega-single-skill .htb-progress span.percent-label {
949
+ position: absolute;
950
+ right: 0;
951
+ top: -39px;
952
+ }
953
+ .htmega-progress-text-inner p.htmega_progress_title {
954
+ left: 20px;
955
+ top: 50%;
956
+ transform: translateY(-100%);
957
+ z-index: 9;
958
+ margin: 0;
959
+ color: #fff;
960
+ }
961
+ .htmega-progress-text-inner {
962
+ position: relative;
963
+ }
964
+ .htmega-progress-text-inner p.htmega_progress_title {
965
+ position: absolute;
966
+ }
967
+ .htmega-progress-value-inner .htb-progress span.percent-label {
968
+ right: 50px;
969
+ top: 50%;
970
+ transform: translateY(-50%);
971
+ }
972
+ .htmega-single-skill p {
973
+ color: #666666;
974
+ font-family: "Montserrat",sans-serif;
975
+ font-size: 16px;
976
+ font-weight: 500;
977
+ margin-bottom: 17px;
978
+ display: inline-block;
979
+ }
980
+
981
+ .htmega-progressbar-value-bottom .htb-progress span.percent-label::after {
982
+ border-left: 5px solid transparent;
983
+ border-right: 5px solid transparent;
984
+ border-top: 5px solid #18012c;
985
+ content: "";
986
+ height: 0;
987
+ left: 50%;
988
+ margin-left: -6px;
989
+ position: absolute;
990
+ top: 100%;
991
+ width: 0;
992
+ }
993
+
994
+ .htmega-progress-indicator .htb-progress .htb-progress-bar::after {
995
+ background: #fff none repeat scroll 0 0;
996
+ border: 4px solid #18012c;
997
+ border-radius: 100%;
998
+ content: "";
999
+ height: 24px;
1000
+ position: absolute;
1001
+ right: -1px;
1002
+ top: 50%;
1003
+ transform: translateY(-50%);
1004
+ width: 24px;
1005
+ }
1006
+
1007
+ /* Vertical Progress Bar */
1008
+ .htmega-single-skill.htmega-progress-bar-vertical {
1009
+ display: flex;
1010
+ flex-direction: column;
1011
+ overflow-y: hidden;
1012
+ }
1013
+ .htmega-progress-bar-vertical {
1014
+ position: relative;
1015
+ padding-top: 41px;
1016
+ }
1017
+ .htmega-progress-bar-vertical .htb-progress {
1018
+ width: 100%;
1019
+ padding-top: 40px;
1020
+ min-height: 390px;
1021
+ display: flex;
1022
+ align-items: flex-end;
1023
+ background: transparent;
1024
+ overflow: hidden;
1025
+ }
1026
+ .htmega-progress-bar-vertical .htb-progress .htb-progress-bar {
1027
+ width: 100%;
1028
+ height: 0;
1029
+ -webkit-transition: height 0.6s ease;
1030
+ -o-transition: height 0.6s ease;
1031
+ transition: height 0.6s ease;
1032
+ }
1033
+ .htmega-progress-bar-vertical.htmega-single-skill p.htmega_progress_title {
1034
+ order: 1;
1035
+ }
1036
+ .htmega-progress-bar-vertical.htmega-progress-value-inner .htb-progress span.percent-label {
1037
+ position: absolute;
1038
+ top: -36px;
1039
+ left: 50%;
1040
+ transform: translateX(-50%);
1041
+ }
1042
+ .htmega-progress-bar-vertical.htmega-progress-value-inner .htb-progress span.percent-label {
1043
+ left: 50%;
1044
+ position: absolute;
1045
+ top: -36px;
1046
+ transform: translateX(-50%);
1047
+ right: auto;
1048
+ }
1049
+
1050
+ /* Circle Progress Bar*/
1051
+ .radial-progress-single {
1052
+ text-align: center;
1053
+ }
1054
+ .radial-progress-single .radial-progress {
1055
+ position: relative;
1056
+ }
1057
+ .radial-progress-single .radial-progress span {
1058
+ position: absolute;
1059
+ text-align: center;
1060
+ display: block;
1061
+ left: 50%;
1062
+ top: -55%;
1063
+ transform: translateX(-50%) translateY(0);
1064
+ color: #383838;
1065
+ font-size: 30px;
1066
+ font-weight: 500;
1067
+ font-family: "Montserrat", sans-serif;
1068
+ }
1069
+ .radial-progress-single.htmega-progress-value-inner .radial-progress span{
1070
+ top: 50%;
1071
+ transform: translateX(-50%) translateY(-50%);
1072
+ }
1073
+ .radial-progress-single h5.radial-progress-title {
1074
+ color: #666666;
1075
+ font-size: 16px;
1076
+ font-weight: 500;
1077
+ margin: 0;
1078
+ margin-top: 11px;
1079
+ font-family: "Montserrat", sans-serif;
1080
+ }
1081
+ .radial-progress-single canvas {
1082
+ vertical-align: middle;
1083
+ position: relative;
1084
+ }
1085
+ .radial-progressbg {
1086
+ display: inline-block;
1087
+ position: relative;
1088
+ }
1089
+
1090
+
1091
+ /*
1092
+ *CountDown Style
1093
+ */
1094
+ .htmega-countbox {
1095
+ text-align: center;
1096
+ }
1097
+ .htmega-countbox .ht-count {
1098
+ display: inline-block;
1099
+ position: relative;
1100
+ margin: 0 22px;
1101
+ line-height: 1;
1102
+ }
1103
+ .htmega-countbox .ht-count::before {
1104
+ position: absolute;
1105
+ content: ":";
1106
+ right: -26px;
1107
+ top: 50%;
1108
+ transform: translateY(-50%);
1109
+ color: #5e5b60;
1110
+ font-size: 55px;
1111
+ }
1112
+ .htmega-countbox .ht-count:last-child::before {
1113
+ display: none;
1114
+ }
1115
+
1116
+ span.ht-count {
1117
+ padding: 28px 0px;
1118
+ border: 2px solid #18012c;
1119
+ border-radius: 10px;
1120
+ width: 139px;
1121
+ text-align: center;
1122
+ }
1123
+
1124
+ .htmega-countbox span.time-count {
1125
+ color: #242424;
1126
+ font-size: 36px;
1127
+ font-weight: 500;
1128
+ display: block;
1129
+ padding-bottom: 27px;
1130
+ margin-bottom: 27px;
1131
+ position: relative;
1132
+ font-family: "Montserrat", sans-serif;
1133
+ }
1134
+ .htmega-countbox span.time-count::before {
1135
+ background-image: linear-gradient(to right, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
1136
+ background-position: center center;
1137
+ background-repeat: no-repeat;
1138
+ background-size: 84% auto;
1139
+ content: "";
1140
+ height: 2px;
1141
+ left: 0;
1142
+ position: absolute;
1143
+ bottom: 0;
1144
+ width: 100%;
1145
+ }
1146
+
1147
+ .htmega-countbox span span.count-inner p {
1148
+ color: #242424;
1149
+ font-size: 30px;
1150
+ font-weight: 400;
1151
+ margin: 0;
1152
+ }
1153
+ .htmega-timer-separate-no .htmega-countbox span.time-count::before, .htmega-separate-no .htmega-countbox .ht-count::before{
1154
+ display: none;
1155
+ }
1156
+ .htmega-countdown-style-2 .ht-count .count-inner .time-count,.htmega-countdown-style-2 .ht-count .count-inner p{
1157
+ display: inline-block;
1158
+ }
1159
+ .htmega-countdown-style-2 span.ht-count,.htmega-countdown-style-3 span.ht-count{
1160
+ width: auto !important;
1161
+ height: auto !important;
1162
+ }
1163
+
1164
+ .htmega-countdown-style-3 .ht-count.second {
1165
+ left: 48.5%;
1166
+ margin: 0;
1167
+ position: absolute;
1168
+ top: -60px;
1169
+ transform: translateX(-50%);
1170
+ }
1171
+ .htmega-countdown-style-3 .ht-count.second p,.htmega-countdown-style-3 .htmega-countbox .ht-count.minutes::before
1172
+ {
1173
+ display: none;
1174
+ }
1175
+ .htmega-countdown-style-3 .ht-count::before {
1176
+ right: -26px;
1177
+ top: 21%;
1178
+ transform: inherit;
1179
+ }
1180
+ .htmega-hide-lavel .htmega-countbox .ht-count::before {
1181
+ right: -26px;
1182
+ top: 36%;
1183
+ }
1184
+
1185
+ /* Event Button */
1186
+ .htmega_event_button a {
1187
+ line-height: 1;
1188
+ margin-top: 30px;
1189
+ padding: 15px 30px;
1190
+ text-decoration: none;
1191
+ }
1192
+
1193
+ .htmega_event_button a i{
1194
+ margin-right: 10px;
1195
+ }
1196
+
1197
+ /*
1198
+ * Team Member css
1199
+ */
1200
+ .htmega-team {
1201
+ margin-top: 30px;
1202
+ }
1203
+
1204
+ .htmega-team .htmega-thumb {
1205
+ position: relative;
1206
+ overflow: hidden;
1207
+ line-height: 0;
1208
+ }
1209
+ .htmega-team .htmega-thumb *{
1210
+ line-height:normal;
1211
+ }
1212
+
1213
+ .htmega-team {
1214
+ position: relative;
1215
+ }
1216
+
1217
+ .htmega-team .htmega-team-content {
1218
+ text-align: center;
1219
+ font-size: 16px;
1220
+ font-weight: 500;
1221
+ margin-bottom: 7px;
1222
+ border: 1px solid #dcd9d9;
1223
+ padding: 30px 20px;
1224
+ }
1225
+
1226
+ .htmega-team .htmega-team-content h4 {
1227
+ font-size: 16px;
1228
+ font-weight: 500;
1229
+ margin-bottom: 5px;
1230
+ }
1231
+
1232
+ .htmega-team .htmega-team-content h4 {
1233
+ color: #343434;
1234
+ transition: 0.5s;
1235
+ }
1236
+
1237
+ .htmega-team .htmega-team-content p {
1238
+ margin: 0;
1239
+ color: #343434;
1240
+ font-size: 16px;
1241
+ font-weight: 400;
1242
+ }
1243
+
1244
+ .htmega-team-style-1 .htmega-team-hover-action {
1245
+ position: absolute;
1246
+ width: 100%;
1247
+ text-align: center;
1248
+ height: 100%;
1249
+ top: -100px;
1250
+ opacity: 0;
1251
+ -webkit-transition: all 0.3s ease-out 0.5s;
1252
+ -moz-transition: all 0.3s ease-out 0.5s;
1253
+ -o-transition: all 0.3s ease-out 0.5s;
1254
+ -ms-transition: all 0.3s ease-out 0.5s;
1255
+ transition: all 0.3s ease-out 0.5s;
1256
+ }
1257
+
1258
+ .htmega-team .htmega-team-hover-action .htmega-team-hover {
1259
+ position: absolute;
1260
+ top: 50%;
1261
+ transform: translateY(-50%);
1262
+ width: 100%;
1263
+ }
1264
+
1265
+ .htmega-team .htmega-team-hover-action .htmega-team-hover p {
1266
+ color: #ffffff;
1267
+ font-size: 14px;
1268
+ line-height: 28px;
1269
+ padding: 0 23px;
1270
+ -webkit-transform: translateY(50px);
1271
+ -moz-transform: translateY(50px);
1272
+ -o-transform: translateY(50px);
1273
+ -ms-transform: translateY(50px);
1274
+ transform: translateY(50px);
1275
+ -webkit-transition: all 0.2s ease-in-out 0.1s;
1276
+ -moz-transition: all 0.2s ease-in-out 0.1s;
1277
+ -o-transition: all 0.2s ease-in-out 0.1s;
1278
+ -ms-transition: all 0.2s ease-in-out 0.1s;
1279
+ transition: all 0.2s ease-in-out 0.1s;
1280
+ opacity: 0;
1281
+ }
1282
+
1283
+ .htmega-team .htmega-team-hover-action .htmega-team-hover .htmega-social-network {
1284
+ margin-bottom: 7px;
1285
+ -webkit-transform: translateY(20px);
1286
+ -moz-transform: translateY(20px);
1287
+ -o-transform: translateY(20px);
1288
+ -ms-transform: translateY(20px);
1289
+ transform: translateY(20px);
1290
+ -webkit-transition: all 0.2s ease-in-out 0.1s;
1291
+ -moz-transition: all 0.2s ease-in-out 0.1s;
1292
+ -o-transition: all 0.2s ease-in-out 0.1s;
1293
+ -ms-transition: all 0.2s ease-in-out 0.1s;
1294
+ transition: all 0.2s ease-in-out 0.1s;
1295
+ opacity: 0;
1296
+ }
1297
+
1298
+ .htmega-team-style-1:hover .htmega-team-hover-action {
1299
+ opacity: 1;
1300
+ top: 0px;
1301
+ -webkit-transition-delay: 0s;
1302
+ -moz-transition-delay: 0s;
1303
+ -o-transition-delay: 0s;
1304
+ -ms-transition-delay: 0s;
1305
+ transition-delay: 0s;
1306
+ -webkit-animation: bounceY 0.9s linear;
1307
+ -moz-animation: bounceY 0.9s linear;
1308
+ -ms-animation: bounceY 0.9s linear;
1309
+ animation: bounceY 0.9s linear;
1310
+ background: rgba(24, 1, 44, 0.6);
1311
+ }
1312
+
1313
+ .htmega-team:hover .htmega-team-hover-action .htmega-team-hover p,
1314
+ .htmega-team:hover .htmega-team-hover-action .htmega-team-hover .htmega-social-network {
1315
+ -webkit-transform: translateY(0px);
1316
+ -moz-transform: translateY(0px);
1317
+ -o-transform: translateY(0px);
1318
+ -ms-transform: translateY(0px);
1319
+ -webkit-transition-delay: 0.4s;
1320
+ -moz-transition-delay: 0.4s;
1321
+ -o-transition-delay: 0.4s;
1322
+ -ms-transition-delay: 0.4s;
1323
+ transition-delay: 0.4s;
1324
+ opacity: 1;
1325
+ }
1326
+
1327
+ .htmega-team-style-1::before {
1328
+ position: absolute;
1329
+ content: "";
1330
+ width: 0;
1331
+ height: 1px;
1332
+ background: #18012c;
1333
+ bottom: 0;
1334
+ left: 0;
1335
+ transition: 0.5s;
1336
+ }
1337
+
1338
+ .htmega-team-style-1:hover::before {
1339
+ width: 100%;
1340
+ }
1341
+
1342
+ .htmega-team .htmega-thumb img {
1343
+ transition: all 0.4s ease 0s;
1344
+ width: 100%;
1345
+ }
1346
+
1347
+ /*----------------------------
1348
+ Team Style 02
1349
+ ----------------------------*/
1350
+
1351
+ .htmega-team-style-2 .htmega-thumb img {
1352
+ -webkit-filter: grayscale(100%);
1353
+ filter: grayscale(100%);
1354
+ transition: 0.5s;
1355
+ }
1356
+
1357
+ .htmega-team-style-2:hover .htmega-thumb img {
1358
+ -webkit-filter: grayscale(0);
1359
+ filter: grayscale(0);
1360
+ }
1361
+
1362
+ .htmega-team-style-2 .htmega-team-hover-action {
1363
+ position: absolute;
1364
+ bottom: 30px;
1365
+ width: 100%;
1366
+ padding: 0 30px;
1367
+ }
1368
+
1369
+ .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action {
1370
+ text-align: center;
1371
+ padding: 25px 0;
1372
+ background-color: rgba(115, 146, 184, 0.7);
1373
+ width: 100%;
1374
+ opacity: 0;
1375
+ -webkit-transform: translate(265px, 145px) rotate(45deg);
1376
+ -moz-transform: translate(265px, 145px) rotate(45deg);
1377
+ -o-transform: translate(265px, 145px) rotate(45deg);
1378
+ -ms-transform: translate(265px, 145px) rotate(45deg);
1379
+ transform: translate(265px, 145px) rotate(45deg);
1380
+ -webkit-transition: all 0.5s ease-in-out;
1381
+ -moz-transition: all 0.5s ease-in-out;
1382
+ -o-transition: all 0.5s ease-in-out;
1383
+ -ms-transition: all 0.5s ease-in-out;
1384
+ transition: all 0.5s ease-in-out;
1385
+ }
1386
+
1387
+ .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action h4 {
1388
+ font-size: 18px;
1389
+ font-weight: 500;
1390
+ margin-bottom: 9px;
1391
+ color: #ffffff;
1392
+ }
1393
+
1394
+ .htmega-team-style-2 .htmega-team-hover-action .htmega-hover-action{
1395
+ background-color: #18012c;
1396
+ }
1397
+ .htmega-team-style-2 .htmega-team-hover-action{
1398
+ background-color: transparent !important;
1399
+ }
1400
+
1401
+ .htmega-team-style-2:hover .htmega-team-hover-action .htmega-hover-action {
1402
+ opacity: 1;
1403
+ -webkit-transform: translate(0px, -10px) rotate(45deg);
1404
+ -moz-transform: translate(0px, -10px) rotate(45deg);
1405
+ -o-transform: translate(0px, -10px) rotate(45deg);
1406
+ -ms-transform: translate(0px, -10px) rotate(45deg);
1407
+ transform: translate(0px, -10px) rotate(0deg);
1408
+ }
1409
+ /* New two css */
1410
+ .htmega-team-style-2 .htmega-team-designation{
1411
+ display: block;
1412
+ color: #ffffff;
1413
+ }
1414
+ .htmega-team.htmega-team-style-2{
1415
+ overflow: hidden;
1416
+ }
1417
+ .htmega-team-hover-action.htmega-action-hover-st2 .htmega-hover-action {
1418
+ display: flex;
1419
+ justify-content: space-between;
1420
+ text-align: left;
1421
+ padding: 10px 15px;
1422
+ align-items: center;
1423
+ }
1424
+ .htmega-team-hover-action.htmega-action-hover-st2 {
1425
+ bottom: -30px;
1426
+ }
1427
+ .htmega-st2-new.htmega-team{
1428
+ padding-bottom: 20px;
1429
+ }
1430
+ .htmega-team.htmega-team-style-2 .htmega-thumb{
1431
+ overflow: visible;
1432
+ }
1433
+
1434
+ .htmega-team-hover-action.htmega-action-hover-st2 ul.htmega-social-network{
1435
+ padding: 0;
1436
+ }
1437
+
1438
+ .htmega-team-hover-action.htmega-action-hover-st2 .htmega-hover-action {
1439
+ background-color: transparent;
1440
+ background-image: linear-gradient(220deg, #FF9966 0%, #FF5E62 100%);
1441
+ border-radius: 5px 5px 5px 5px;
1442
+ padding: 15px;
1443
+ }
1444
+ .htmega-team-style-2.htmega-st2-new .htmega-thumb img {
1445
+ -webkit-filter: grayscale(0);
1446
+ filter: grayscale(0);
1447
+ }
1448
+ /* Team Style 03 */
1449
+
1450
+ .htmega-team-style-3 .htmega-thumb {
1451
+ padding-bottom: 80px;
1452
+ position: relative;
1453
+ }
1454
+
1455
+ .htmega-team-style-3 .plus_click {
1456
+ position: absolute;
1457
+ left: 50%;
1458
+ top: -14px;
1459
+ transform: translateX(-50%);
1460
+ }
1461
+
1462
+ .htmega-team-style-3 .plus_click::before {
1463
+ content: "\f067";
1464
+ font-family: Fontawesome;
1465
+ display: block;
1466
+ width: 25px;
1467
+ height: 25px;
1468
+ border: 1px solid #fff;
1469
+ color: #fff;
1470
+ background: #555555;
1471
+ border-radius: 100%;
1472
+ text-align: center;
1473
+ font-size: 12px;
1474
+ z-index: 2;
1475
+ cursor: pointer;
1476
+ transition: 0.5s;
1477
+ line-height: 27px;
1478
+ }
1479
+
1480
+ .htmega-team-style-3 .plus_click.team-minus::before {
1481
+ content: "\f068";
1482
+ background: #18012c;
1483
+ }
1484
+
1485
+ .htmega-team-style-3 .htmega-team-click-action {
1486
+ background: #343434;
1487
+ text-align: center;
1488
+ border-radius: 50px 50px 0 0;
1489
+ padding-top: 28px;
1490
+ padding-bottom: 20px;
1491
+ transition: 0.5s;
1492
+ width: 100%;
1493
+ position: absolute;
1494
+ width: 100%;
1495
+ bottom: 0;
1496
+ margin-bottom: -58px;
1497
+ }
1498
+
1499
+ .htmega-team-style-3 .htmega-team-click-action.visible {
1500
+ margin-bottom: 0px;
1501
+ background: #18012c;
1502
+ }
1503
+
1504
+ .htmega-team-style-3 .htmega-team-click-action h4 {
1505
+ font-size: 16px;
1506
+ font-weight: 600;
1507
+ margin-bottom: 2px;
1508
+ }
1509
+
1510
+ .htmega-team-style-3 .htmega-team-click-action h4{
1511
+ color: #ffffff;
1512
+ }
1513
+
1514
+ .htmega-team-style-3 .htmega-team-click-action span {
1515
+ display: block;
1516
+ color: #ffffff;
1517
+ font-size: 14px;
1518
+ margin-bottom: 14px;
1519
+ }
1520
+
1521
+ .htmega-team-style-3 .htmega-team-click-action .htmega-social-network {
1522
+ margin-bottom: 9px;
1523
+ }
1524
+
1525
+ /* Team Member Social Media CSS */
1526
+ .htmega-team ul.htmega-social-network {
1527
+ padding: 0px;
1528
+ margin: 0;
1529
+ list-style: none;
1530
+ display: block;
1531
+ text-align: center;
1532
+ }
1533
+ .htmega-social-network {
1534
+ margin-bottom: 8px;
1535
+ }
1536
+
1537
+ .htmega-social-network li {
1538
+ margin: 0 10px;
1539
+ display: inline-block;
1540
+ }
1541
+
1542
+ .htmega-social-network li a {
1543
+ color: #fff;
1544
+ font-size: 14px;
1545
+ display: block;
1546
+ background: transparent;
1547
+ line-height: 1;
1548
+ }
1549
+ .htmega-social-network li a svg {
1550
+ width: 20px;
1551
+ }
1552
+
1553
+ .htmega-social-network li a:hover {
1554
+ color: #3B5998;
1555
+ background: transparent;
1556
+ }
1557
+
1558
+ .htmega-team-style-3 .htmega-social-network li a {
1559
+ height: 28px;
1560
+ line-height: 26px;
1561
+ text-align: center;
1562
+ width: 28px;
1563
+ }
1564
+
1565
+ /* Team Style 04 */
1566
+
1567
+ .htmega-team-style-4 {
1568
+ text-align: center;
1569
+ }
1570
+
1571
+ .htmega-team-style-4 .htmega-thumb {
1572
+ overflow: visible;
1573
+ display: block;
1574
+ }
1575
+
1576
+ .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-left img {
1577
+ z-index: 11;
1578
+ -webkit-transition: all 0.5s ease-in-out;
1579
+ -moz-transition: all 0.5s ease-in-out;
1580
+ transition: all 0.5s ease-in-out;
1581
+ position: relative;
1582
+ -webkit-transform-origin: 0% 50%;
1583
+ -moz-transform-origin: 0% 50%;
1584
+ -ms-transform-origin: 0% 50%;
1585
+ -o-transform-origin: 0% 50%;
1586
+ transform-origin: 0% 50%;
1587
+ }
1588
+
1589
+ .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-right img {
1590
+ z-index: 11;
1591
+ -webkit-transition: all 0.5s ease-in-out;
1592
+ -moz-transition: all 0.5s ease-in-out;
1593
+ transition: all 0.5s ease-in-out;
1594
+ position: relative;
1595
+ -webkit-transform-origin: 100% 50%;
1596
+ -moz-transform-origin: 100% 50%;
1597
+ -ms-transform-origin: 100% 50%;
1598
+ -o-transform-origin: 100% 50%;
1599
+ transform-origin: 100% 50%;
1600
+ }
1601
+
1602
+ .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-top img {
1603
+ z-index: 11;
1604
+ -webkit-transition: all 0.5s ease-in-out;
1605
+ -moz-transition: all 0.5s ease-in-out;
1606
+ transition: all 0.5s ease-in-out;
1607
+ position: relative;
1608
+ -webkit-transform-origin: 50% 0;
1609
+ -moz-transform-origin: 50% 0;
1610
+ -ms-transform-origin: 50% 0;
1611
+ -o-transform-origin: 50% 0;
1612
+ transform-origin: 50% 0;
1613
+ }
1614
+
1615
+ .htmega-team-style-4 .htmega-thumb.htmega-team-image-hover-bottom img {
1616
+ z-index: 11;
1617
+ -webkit-transition: all 0.5s ease-in-out;
1618
+ -moz-transition: all 0.5s ease-in-out;
1619
+ transition: all 0.5s ease-in-out;
1620
+ position: relative;
1621
+ -webkit-transform-origin: 0 100%;
1622
+ -moz-transform-origin: 0 100%;
1623
+ -ms-transform-origin: 0 100%;
1624
+ -o-transform-origin: 0 100%;
1625
+ transform-origin: 0 100%;
1626
+ }
1627
+
1628
+ .htmega-team-style-4 .htmega-team-hover-action {
1629
+ position: absolute;
1630
+ top: 0;
1631
+ left: 0;
1632
+ width: 100%;
1633
+ height: 100%;
1634
+ border-radius: 100%;
1635
+ text-align: center;
1636
+ }
1637
+
1638
+ .htmega-team-style-4 .htmega-team-hover-action::before {
1639
+ position: absolute;
1640
+ content: "";
1641
+ background: #18012c;
1642
+ opacity: 1;
1643
+ width: auto;
1644
+ height: auto;
1645
+ border-radius: 100%;
1646
+ left: 0px;
1647
+ top: 0px;
1648
+ bottom: 0px;
1649
+ right: 0px;
1650
+ }
1651
+ .htmega-team-style-4 .htmega-team-image-hover-none .htmega-team-hover-action::before {
1652
+ background: rgba(24, 1, 44, 0.5) none repeat scroll 0 0;
1653
+ bottom: 10px;
1654
+ content: "";
1655
+ height: auto;
1656
+ left: 10px;
1657
+ opacity: 0;
1658
+ position: absolute;
1659
+ right: 10px;
1660
+ top: 10px;
1661
+ transition: all 0.4s ease-in-out 0s;
1662
+ width: auto;
1663
+ }
1664
+ .htmega-thumb.htmega-team-image-hover-none {
1665
+ overflow: hidden;
1666
+ }
1667
+ .htmega-team-style-4 .htmega-team-image-hover-none .htmega-team-hover-action .htmega-hover-action h4 {
1668
+ -webkit-transform: translateX(100%);
1669
+ -moz-transform: translateX(100%);
1670
+ -ms-transform: translateX(100%);
1671
+ -o-transform: translateX(100%);
1672
+ transform: translateX(100%);
1673
+ -webkit-transition: all 0.35s ease-in-out;
1674
+ -moz-transition: all 0.35s ease-in-out;
1675
+ transition: all 0.35s ease-in-out;
1676
+ }
1677
+ .htmega-team-style-4 .htmega-team-image-hover-none ul.htmega-social-network,.htmega-team-style-4 .htmega-team-image-hover-none span.htmega-team-designation{
1678
+ -webkit-transform: translateX(-100%);
1679
+ -moz-transform: translateX(-100%);
1680
+ -ms-transform: translateX(-100%);
1681
+ -o-transform: translateX(-100%);
1682
+ transform: translateX(-100%);
1683
+ -webkit-transition: all 0.35s ease-in-out;
1684
+ -moz-transition: all 0.35s ease-in-out;
1685
+ transition: all 0.35s ease-in-out;
1686
+ }
1687
+ .htmega-team-style-4 .htmega-team-image-hover-none span.htmega-team-designation{
1688
+ display: block;
1689
+ color: #fff;
1690
+ }
1691
+ .htmega-team-style-4:hover .htmega-team-image-hover-none .htmega-team-hover-action .htmega-hover-action h4,.htmega-team-style-4:hover .htmega-team-image-hover-none ul.htmega-social-network,.htmega-team-style-4:hover .htmega-team-image-hover-none span.htmega-team-designation {
1692
+ -webkit-transform: translateX(0);
1693
+ -moz-transform: translateX(0);
1694
+ -ms-transform: translateX(0);
1695
+ -o-transform: translateX(0);
1696
+ transform: translateX(0);
1697
+ }
1698
+
1699
+ .htmega-team-style-4:hover .htmega-team-image-hover-none .htmega-team-hover-action::before {
1700
+ opacity: 1;
1701
+ }
1702
+
1703
+ .htmega-team-style-4.htmega-team:hover .htmega-team-image-hover-none .htmega-team-hover-action {
1704
+ background-color: transparent!important;
1705
+ }
1706
+
1707
+ .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action {
1708
+ position: absolute;
1709
+ top: 50%;
1710
+ transform: translateY(-50%);
1711
+ width: 100%;
1712
+ text-align: center;
1713
+ }
1714
+
1715
+ .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action h4 {
1716
+ font-size: 16px;
1717
+ margin-bottom: 13px;
1718
+ font-weight: 500;
1719
+ }
1720
+
1721
+ .htmega-team-style-4 .htmega-team-hover-action .htmega-hover-action h4 {
1722
+ color: #ffffff;
1723
+ }
1724
+
1725
+ .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-left img {
1726
+ -webkit-transform: rotate3d(0, 1, 0, -180deg);
1727
+ -moz-transform: rotate3d(0, 1, 0, -180deg);
1728
+ -ms-transform: rotate3d(0, 1, 0, -180deg);
1729
+ -o-transform: rotate3d(0, 1, 0, -180deg);
1730
+ transform: rotate3d(0, 1, 0, -180deg);
1731
+ }
1732
+
1733
+ .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-right img {
1734
+ -webkit-transform: rotate3d(0, 1, 0, 180deg);
1735
+ -moz-transform: rotate3d(0, 1, 0, 180deg);
1736
+ -ms-transform: rotate3d(0, 1, 0, 180deg);
1737
+ -o-transform: rotate3d(0, 1, 0, 180deg);
1738
+ transform: rotate3d(0, 1, 0, 180deg);
1739
+ z-index: 12;
1740
+ }
1741
+
1742
+ .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-top img {
1743
+ -webkit-transform: rotate3d(1, 0, 0, 180deg);
1744
+ -moz-transform: rotate3d(1, 0, 0, 180deg);
1745
+ -ms-transform: rotate3d(1, 0, 0, 180deg);
1746
+ -o-transform: rotate3d(1, 0, 0, 180deg);
1747
+ transform: rotate3d(1, 0, 0, 180deg);
1748
+ }
1749
+
1750
+ .htmega-team-style-4:hover .htmega-thumb.htmega-team-image-hover-bottom img {
1751
+ -webkit-transform: rotate3d(1, 0, 0, 180deg);
1752
+ -moz-transform: rotate3d(1, 0, 0, 180deg);
1753
+ -ms-transform: rotate3d(1, 0, 0, 180deg);
1754
+ -o-transform: rotate3d(1, 0, 0, 180deg);
1755
+ transform: rotate3d(1, 0, 0, 180deg);
1756
+ }
1757
+
1758
+ /* Team Style 05 */
1759
+
1760
+ .htmega-team-style-5 .htmega-thumb img {
1761
+ -webkit-transform: scaleY(1);
1762
+ -moz-transform: scaleY(1);
1763
+ -o-transform: scaleY(1);
1764
+ -ms-transform: scaleY(1);
1765
+ transform: scaleY(1);
1766
+ -webkit-transition: all 0.7s ease-in-out;
1767
+ -moz-transition: all 0.7s ease-in-out;
1768
+ -o-transition: all 0.7s ease-in-out;
1769
+ -ms-transition: all 0.7s ease-in-out;
1770
+ transition: all 0.7s ease-in-out;
1771
+ }
1772
+
1773
+ .htmega-team-style-5 .htmega-team-hover-action {
1774
+ width: 100%;
1775
+ height: 100%;
1776
+ position: absolute;
1777
+ overflow: hidden;
1778
+ top: 0;
1779
+ left: 0;
1780
+ background-color: white;
1781
+ -webkit-transition: all 0.5s linear;
1782
+ -moz-transition: all 0.5s linear;
1783
+ -o-transition: all 0.5s linear;
1784
+ -ms-transition: all 0.5s linear;
1785
+ transition: all 0.5s linear;
1786
+ opacity: 0;
1787
+ }
1788
+
1789
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action {
1790
+ position: absolute;
1791
+ top: 50%;
1792
+ transform: translateY(-50%);
1793
+ padding: 0 20px;
1794
+ width: 100%;
1795
+ }
1796
+
1797
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 {
1798
+ font-size: 16px;
1799
+ font-weight: 600;
1800
+ margin-bottom: 9px;
1801
+ }
1802
+
1803
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4 a {
1804
+ color: #343434;
1805
+ }
1806
+
1807
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span {
1808
+ font-size: 16px;
1809
+ display: block;
1810
+ color: #343434;
1811
+ margin-bottom: 12px;
1812
+ }
1813
+
1814
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action p {
1815
+ line-height: 26px;
1816
+ color: #494849;
1817
+ font-size: 14px;
1818
+ margin-bottom: 16px;
1819
+ }
1820
+
1821
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action .htmega-social-network {
1822
+ justify-content: flex-start;
1823
+ }
1824
+
1825
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action .htmega-social-network li:first-child {
1826
+ margin-left: 0;
1827
+ }
1828
+
1829
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action h4,
1830
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action span,
1831
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action ul.htmega-social-network,
1832
+ .htmega-team-style-5 .htmega-team-hover-action .htmega-hover-action p {
1833
+ -webkit-transform: scale(0);
1834
+ -moz-transform: scale(0);
1835
+ -o-transform: scale(0);
1836
+ -ms-transform: scale(0);
1837
+ transform: scale(0);
1838
+ -webkit-transition: all 0.5s linear;
1839
+ -moz-transition: all 0.5s linear;
1840
+ -o-transition: all 0.5s linear;
1841
+ -ms-transition: all 0.5s linear;
1842
+ transition: all 0.5s linear;
1843
+ opacity: 0;
1844
+ }
1845
+
1846
+ .htmega-team-style-5:hover .htmega-team-hover-action {
1847
+ opacity: 1;
1848
+ background-color: white;
1849
+ }
1850
+
1851
+ .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action h4,
1852
+ .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action ul.htmega-social-network,
1853
+ .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action p,
1854
+ .htmega-team-style-5:hover .htmega-team-hover-action .htmega-hover-action span {
1855
+ -webkit-transform: scale(1);
1856
+ -moz-transform: scale(1);
1857
+ -o-transform: scale(1);
1858
+ -ms-transform: scale(1);
1859
+ transform: scale(1);
1860
+ opacity: 1;
1861
+ }
1862
+
1863
+ .htmega-team-style-5:hover .htmega-thumb img {
1864
+ -webkit-transform: scale(10);
1865
+ -moz-transform: scale(10);
1866
+ -o-transform: scale(10);
1867
+ -ms-transform: scale(10);
1868
+ transform: scale(10);
1869
+ opacity: 0;
1870
+ }
1871
+ .htmega-team.htmega-team-style-5 ul.htmega-social-network{
1872
+ padding: 0;
1873
+ }
1874
+
1875
+ /* Team Style 06 */
1876
+ .htmega-team-style-6 {
1877
+ overflow: hidden;
1878
+ }
1879
+
1880
+ .htmega-team-style-6 .htmega-thumb img {
1881
+ transition: 0.5s;
1882
+ }
1883
+
1884
+ .htmega-team-style-6:hover .htmega-thumb img {
1885
+ transform: scale(1.2) rotate(10deg);
1886
+ }
1887
+
1888
+ .htmega-team-style-6 .htmega-team-info {
1889
+ background: #f4f4f4;
1890
+ text-align: center;
1891
+ transition: 0.4s;
1892
+ }
1893
+
1894
+ .htmega-team-style-6 .htmega-team-info .htmega-team-content {
1895
+ padding: 26px 18px;
1896
+ }
1897
+
1898
+ .htmega-team-style-6 .htmega-team-info .htmega-team-content p {
1899
+ font-size: 14px;
1900
+ line-height: 28px;
1901
+ color: #494849;
1902
+ margin: 0;
1903
+ }
1904
+
1905
+ .htmega-team-style-6 .htmega-team-info .htmega-team-content h4 {
1906
+ font-size: 16px;
1907
+ font-weight: 600;
1908
+ margin-bottom: 5px;
1909
+ }
1910
+
1911
+ .htmega-team-style-6 .htmega-team-info .htmega-team-content h4 {
1912
+ color: #343434;
1913
+ }
1914
+
1915
+ .htmega-team-style-6 .htmega-team-info .htmega-team-content span {
1916
+ color: #343434;
1917
+ font-size: 14px;
1918
+ font-weight: 400;
1919
+ }
1920
+
1921
+ .htmega-team-style-6 .htmega-team-info .htmega-social-network {
1922
+ padding: 14px 0;
1923
+ border-top: 2px solid #ffffff;
1924
+ }
1925
+ .htmega-team.htmega-team-style-6 .htmega-team-content {
1926
+ border:none;
1927
+ }
1928
+
1929
+ /* Team Style 07 */
1930
+ .htmega-team-style-7 {
1931
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
1932
+ overflow: hidden;
1933
+ }
1934
+
1935
+ .htmega-team-style-7 .htmega-thumb a img {
1936
+ transition: 0.5s;
1937
+ }
1938
+
1939
+ .htmega-team-style-7 .htmega-team-hover-action {
1940
+ position: absolute;
1941
+ bottom: 30px;
1942
+ width: 100%;
1943
+ text-align: center;
1944
+ }
1945
+
1946
+ .htmega-team-style-7 .htmega-team-hover-action{
1947
+ background-color: transparent;
1948
+ }
1949
+
1950
+ .htmega-team-style-7 .htmega-team-hover-action .htmega-hover-action .htmega-social-network {
1951
+ -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1952
+ transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1953
+ }
1954
+
1955
+ .htmega-team-style-7 .htmega-team-hover-action .htmega-hover-action .htmega-social-network li a {
1956
+ -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1957
+ -webkit-transform: scale(0.1);
1958
+ transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
1959
+ transform: scale(0.1);
1960
+ opacity: 0;
1961
+ height: 28px;
1962
+ width: 28px;
1963
+ line-height: 28px;
1964
+ }
1965
+
1966
+ .htmega-team-style-7:hover .htmega-team-hover-action .htmega-hover-action .htmega-social-network li a {
1967
+ opacity: 1;
1968
+ transform: scale(1);
1969
+ -webkit-transition-delay: .1s;
1970
+ transition-delay: .1s;
1971
+ }
1972
+
1973
+ .htmega-team-style-7 .htmega-team-content {
1974
+ background: #fff none repeat scroll 0 0;
1975
+ border: 0 none;
1976
+ margin: 0;
1977
+ padding: 20px 10px;
1978
+ text-align: center;
1979
+ }
1980
+
1981
+ .htmega-team-style-7 .htmega-team-content h4 {
1982
+ font-size: 16px;
1983
+ font-weight: 600;
1984
+ margin-bottom: 3px;
1985
+ }
1986
+
1987
+ .htmega-team-style-7 .htmega-team-content h4 {
1988
+ color: #343434;
1989
+ }
1990
+
1991
+ .htmega-team-style-7 .htmega-team-content h4:hover {
1992
+ color: #18012c;
1993
+ }
1994
+
1995
+ .htmega-team-style-7 .htmega-team-content span {
1996
+ color: #343434;
1997
+ font-size: 14px;
1998
+ margin: 0;
1999
+ font-weight: 400;
2000
+ }
2001
+
2002
+ .htmega-team-style-7:hover .htmega-thumb img {
2003
+ transform: scale(1.2) rotate(10deg);
2004
+ }
2005
+ /* Team Style 08 */
2006
+ .htmega-team-style-8 .htmega-team-content{
2007
+ position: relative;
2008
+ transition: all 0.3s ease-in-out;
2009
+ border: 1px solid #e5e5e5;
2010
+ border-top: 0;
2011
+ overflow: hidden;
2012
+ }
2013
+ .htmega-team-style-8{
2014
+ box-shadow: none;
2015
+ }
2016
+ .htmega-team-style-8 .htmega-team-hover-action {
2017
+ position: absolute;
2018
+ bottom: -110%;
2019
+ width: 100%;
2020
+ z-index: 2;
2021
+ left: 0;
2022
+ height: 100%;
2023
+ display: flex;
2024
+ align-items: center;
2025
+ justify-content: center;
2026
+ transition: all 0.3s ease-in-out;
2027
+ background-color: transparent;
2028
+ background-image: linear-gradient(280deg, #FCC5FF 0%, #8D73FF 100%);
2029
+ }
2030
+ .htmega-team-style-8:hover .htmega-team-hover-action {
2031
+ bottom: 0;
2032
+ }
2033
+ .htmega-team-style-8::before,.htmega-team-style-8::after {
2034
+ content: "";
2035
+ position: absolute;
2036
+ left: 0;
2037
+ bottom: 0;
2038
+ height: 10px;
2039
+ width: 10px;
2040
+ border-left: 1px solid #8e74ff;
2041
+ border-bottom: 1px solid #8e74ff;
2042
+ z-index: 1;
2043
+ }
2044
+ .htmega-team-style-8::after {
2045
+ left: auto;
2046
+ right: 0;
2047
+ border-left: 1px solid transparent!important;
2048
+ border-right: 1px solid #8e74ff;
2049
+ }
2050
+ .htmega-team-style-8:hover::after,.htmega-team-style-8:hover::before{
2051
+ opacity: 0;
2052
+ }
2053
+ .htmega-team-style-8 .htmega-team-hover-action:after {
2054
+ position: absolute;
2055
+ content: "";
2056
+ width: 51px;
2057
+ height: 3px;
2058
+ top: 0;
2059
+ left: 50%;
2060
+ background: #fff;
2061
+ margin-left: -25px;
2062
+ }
2063
+
2064
+ .htmega-team.htmega-st8-new .htmega-team-content {
2065
+ position: absolute;
2066
+ bottom: 0;
2067
+ left: 0px;
2068
+ right: 0px;
2069
+ margin: 0 15px;
2070
+ }
2071
+
2072
+ /* Team Content style 3 */
2073
+ .htmega-team-style-8.htmega-st8-new3 .htmega-team-hover-action {
2074
+ bottom: 0;
2075
+ left: -99%;
2076
+ }
2077
+ .htmega-team-style-8.htmega-st8-new3:hover .htmega-team-hover-action{
2078
+ left: 0;
2079
+ }
2080
+ .htmega-team-style-8.htmega-st8-new3 .htmega-team-content {
2081
+ border-width: 0px 0px 0px 0px;
2082
+ margin: 0px 20px 20px 0px;
2083
+ }
2084
+
2085
+
2086
+ /*---------------------------------
2087
+ Pricing Table Style
2088
+ -----------------------------------*/
2089
+ .htmega-features svg {
2090
+ width: 20px;
2091
+ display: inline-block;
2092
+ }
2093
+ .htmega-pricing-panel {
2094
+ display: flex;
2095
+ flex-direction: column;
2096
+ justify-content: space-between;
2097
+ text-align: center;
2098
+ margin-top: 30px;
2099
+ }
2100
+
2101
+ .htmega-pricing-body ul {
2102
+ list-style: none;
2103
+ padding: 0;
2104
+ margin: 0;
2105
+ }
2106
+ .htmega-pricing-panel .pricing_old {
2107
+ margin-right: 15px;
2108
+ }
2109
+ .htmega-pricing-panel .htmega-pricing-heading .price h4 span.pricing_new,.htmega-pricing-panel .htmega-pricing-heading .price h4 span.pricing_old{
2110
+ padding-left: 16px;
2111
+ position: relative;
2112
+ }
2113
+
2114
+ .htmega-features li i, .htmega-features li svg{
2115
+ margin-right: 8px;
2116
+ }
2117
+ .elementor-widget-htmega-pricing-table-addons span.htmega-price-badge {
2118
+ position: absolute;
2119
+ top: -1px;
2120
+ background: #fff;
2121
+ padding: 12px 40px;
2122
+ z-index: 9;
2123
+ line-height: 1;
2124
+ border-radius: 5px 0px 0px 5px;
2125
+ }
2126
+ .elementor-widget-htmega-pricing-table-addons span.htmega-price-badge-position-left {
2127
+ left: 40px;
2128
+ -webkit-transform: rotate(-90deg) translateX(-100%);
2129
+ -ms-transform: rotate(-90deg) translateX(-100%);
2130
+ transform: rotate(-90deg) translateX(-100%);
2131
+ -webkit-transform-origin: left top;
2132
+ -ms-transform-origin: left top;
2133
+ transform-origin: left top;
2134
+ }
2135
+ .elementor-widget-htmega-pricing-table-addons span.htmega-price-badge-position-right{
2136
+ right: 0;
2137
+ -webkit-transform: rotate(-90deg) translateY(-100%);
2138
+ -ms-transform: rotate(-90deg) translateY(-100%);
2139
+ transform: rotate(-90deg) translateY(-100%);
2140
+ -webkit-transform-origin: right top;
2141
+ -ms-transform-origin: right top;
2142
+ transform-origin: right top;
2143
+ }
2144
+ .htmega-pricing-panel .price-label {
2145
+ position: relative;
2146
+ }
2147
+
2148
+ /* Pricing Table style 1 */
2149
+ .htmega-pricing-style-1 {
2150
+ background: #365a73;
2151
+ margin-top: 30px;
2152
+ border-radius: 10px;
2153
+ padding-bottom: 40px;
2154
+ }
2155
+
2156
+ .htmega-pricing-style-1 .htmega-pricing-heading {
2157
+ padding-top: 65px;
2158
+ padding-bottom: 75px;
2159
+ background-repeat: no-repeat;
2160
+ background-position: center center;
2161
+ position: relative;
2162
+ background-size: cover;
2163
+ margin-bottom: 37px;
2164
+ border-radius: 10px 10px 0 0;
2165
+ }
2166
+
2167
+ .htmega-pricing-style-1 .htmega-pricing-heading .title {
2168
+ position: absolute;
2169
+ left: -7px;
2170
+ transform: rotate(-90deg);
2171
+ top: 39px;
2172
+ }
2173
+
2174
+ .htmega-pricing-style-1 .htmega-pricing-heading .title h2 {
2175
+ margin: 0;
2176
+ height: 50px;
2177
+ line-height: 50px;
2178
+ color: #ffffff;
2179
+ font-size: 16px;
2180
+ background: -webkit-linear-gradient(left, #446c83, #4eb8bf);
2181
+ background-image: linear-gradient(left, #446c83, #4eb8bf);
2182
+ border-radius: 10px;
2183
+ font-family: 'Raleway', sans-serif;
2184
+ width: 125px;
2185
+ text-align: center;
2186
+ }
2187
+
2188
+ .htmega-pricing-style-1 .htmega-pricing-heading .price {
2189
+ display: inline-block;
2190
+ padding-left: 35px;
2191
+ }
2192
+
2193
+ .htmega-pricing-style-1 .htmega-pricing-heading .price h4 {
2194
+ color: #ffffff;
2195
+ display: inline-block;
2196
+ margin: 0;
2197
+ position: relative;
2198
+ font-size: 40px;
2199
+ font-weight: 600;
2200
+ font-family: 'Raleway', sans-serif;
2201
+ }
2202
+
2203
+ .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.pricing_new{
2204
+ font-size: 40px;
2205
+ }
2206
+
2207
+ .htmega-pricing-style-1 .htmega-pricing-heading .price h4 sub {
2208
+ position: absolute;
2209
+ left: 0;
2210
+ top: 23px;
2211
+ font-size: 20px;
2212
+ font-weight: 700;
2213
+ font-family: 'Raleway', sans-serif;
2214
+ }
2215
+ .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.pricing_old sub{
2216
+ position: static;
2217
+ }
2218
+
2219
+ .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span {
2220
+ font-size: 20px;
2221
+ font-family: "Montserrat", sans-serif;
2222
+ }
2223
+
2224
+ .htmega-pricing-style-1 .htmega-pricing-heading .price h4 span.separator {
2225
+ margin-right: -5px;
2226
+ }
2227
+
2228
+ .htmega-pricing-style-1 .htmega-pricing-body {
2229
+ margin-bottom: 37px;
2230
+ }
2231
+
2232
+ .htmega-pricing-style-1 .htmega-pricing-body ul li {
2233
+ color: #f1f1f1;
2234
+ font-weight: 300;
2235
+ font-size: 16px;
2236
+ padding: 5px 0;
2237
+ }
2238
+ a.price_btn{
2239
+ text-decoration: none;
2240
+ }
2241
+ .htmega-pricing-style-1 a.price_btn {
2242
+ border: 1px solid #4fbfc5;
2243
+ display: inline-block;
2244
+ padding: 8px 40px;
2245
+ border-radius: 10px;
2246
+ color: #ffffff;
2247
+ font-size: 14px;
2248
+ text-transform: uppercase;
2249
+ font-weight: 600;
2250
+ transition: 0.5s;
2251
+ }
2252
+
2253
+ .htmega-pricing-style-1 a.price_btn:hover {
2254
+ background: #4ebec4;
2255
+ color: #ffffff;
2256
+ border: 1px solid #4ebec4;
2257
+ }
2258
+
2259
+ /* Pricing Table style 2*/
2260
+ .htmega-pricing-style-2 {
2261
+ background: #ffffff;
2262
+ border-radius: 10px;
2263
+ padding: 55px 0;
2264
+ }
2265
+
2266
+ .htmega-pricing-heighlight{
2267
+ padding: 70px 0;
2268
+ box-shadow: 0 0 30px rgba(82, 182, 188, 0.25);
2269
+ position: relative;
2270
+ z-index: 2;
2271
+ }
2272
+
2273
+ .htmega-pricing-style-2 .htmega-pricing-heading {
2274
+ margin-bottom: 10px;
2275
+ }
2276
+
2277
+ .htmega-pricing-style-2 .htmega-pricing-heading .icon {
2278
+ margin-bottom: 20px;
2279
+ }
2280
+
2281
+ .htmega-pricing-style-2 .htmega-pricing-heading .title h2 {
2282
+ margin-bottom: 14px;
2283
+ margin-bottom: 28px;
2284
+ }
2285
+
2286
+ .htmega-pricing-style-2 .htmega-pricing-heading .price h4 {
2287
+ color: #52b6bc;
2288
+ font-weight: 400;
2289
+ position: relative;
2290
+ font-size: 30px;
2291
+ margin: 0;
2292
+ font-family: 'Lora', serif;
2293
+ display: inline-block;
2294
+ }
2295
+
2296
+ .htmega-pricing-style-2 .htmega-pricing-heading .price h4 sub {
2297
+ position: absolute;
2298
+ left: 0;
2299
+ top: 16px;
2300
+ }
2301
+
2302
+ .htmega-pricing-style-2 .htmega-pricing-body {
2303
+ margin-bottom: 27px;
2304
+ }
2305
+
2306
+ .htmega-pricing-style-2 .htmega-pricing-body ul li {
2307
+ color: #7b7b7b;
2308
+ font-size: 14px;
2309
+ font-weight: 300;
2310
+ padding: 3px 0;
2311
+ }
2312
+
2313
+ .htmega-pricing-style-2 .htmega-pricing-footer a.price_btn {
2314
+ border: 2px solid #52b6bc;
2315
+ display: inline-block;
2316
+ padding: 0 32px;
2317
+ color: #52b6bc;
2318
+ border-radius: 21px;
2319
+ font-weight: 500;
2320
+ font-size: 15px;
2321
+ transition: 0.5s;
2322
+ }
2323
+
2324
+ .htmega-pricing-style-2 .htmega-pricing-footer a.price_btn:hover {
2325
+ background: #52b6bc;
2326
+ color: #ffffff;
2327
+ border: 2px solid #52b6bc;
2328
+ }
2329
+
2330
+
2331
+ /* Pricing Table style 3 */
2332
+ .htmega-pricing-style-3 {
2333
+ background: #ef476f;
2334
+ padding-bottom: 60px;
2335
+ margin-top: 88px;
2336
+ border-radius: 5px;
2337
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
2338
+ }
2339
+
2340
+ .htmega-pricing-style-3 .htmega-pricing-heading .price {
2341
+ width: 125px;
2342
+ height: 127px;
2343
+ background: #ef476f;
2344
+ border: 4px solid #fff;
2345
+ border-radius: 100%;
2346
+ text-align: center;
2347
+ margin: 0 auto;
2348
+ display: flex;
2349
+ justify-content: center;
2350
+ align-items: center;
2351
+ position: relative;
2352
+ margin-top: -63px;
2353
+ margin-bottom: 37px;
2354
+ }
2355
+
2356
+ .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_new,.htmega-pricing-style-3 .htmega-pricing-heading .price h4{
2357
+ font-size: 40px;
2358
+ margin: 0;
2359
+ font-weight: 600;
2360
+ position: relative;
2361
+ font-family: "Poppins", sans-serif;
2362
+ }
2363
+ .htmega-pricing-panel.htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_new, .htmega-pricing-panel.htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.pricing_old{
2364
+ padding: 0;
2365
+ }
2366
+
2367
+ .htmega-pricing-style-3 .htmega-pricing-heading .price h4 sub {
2368
+ font-size: 20px;
2369
+ position: relative;
2370
+ top: -17px;
2371
+ left: 0;
2372
+ }
2373
+
2374
+ .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span {
2375
+ font-size: 15px;
2376
+ font-weight: 500;
2377
+ color: #ffffff;
2378
+ }
2379
+
2380
+ .htmega-pricing-style-3 .htmega-pricing-heading .price h4 span.separator {
2381
+ margin-right: -8px;
2382
+ margin-left: 0;
2383
+ color: #ffffff;
2384
+ }
2385
+
2386
+ .htmega-pricing-style-3 .htmega-pricing-heading .title {
2387
+ margin-bottom: 41px;
2388
+ }
2389
+
2390
+ .htmega-pricing-style-3 .htmega-pricing-heading .title h2 {
2391
+ font-size: 26px;
2392
+ color: #ffffff;
2393
+ font-weight: 600;
2394
+ margin: 0;
2395
+ font-family: "Montserrat", sans-serif;
2396
+ }
2397
+
2398
+ .htmega-pricing-style-3 .htmega-pricing-body ul li {
2399
+ color: #ffffff;
2400
+ font-size: 17px;
2401
+ padding: 5px 0;
2402
+ font-family: "Poppins", sans-serif;
2403
+ }
2404
+
2405
+ .htmega-pricing-style-3 .htmega-pricing-footer {
2406
+ margin-top: 48px;
2407
+ }
2408
+
2409
+ .htmega-pricing-style-3 .htmega-pricing-footer a.price_btn {
2410
+ height: 40px;
2411
+ padding: 0 43px;
2412
+ display: inline-block;
2413
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
2414
+ color: #fff;
2415
+ font-weight: 600;
2416
+ line-height: 40px;
2417
+ font-size: 15px;
2418
+ transition: 0.5s;
2419
+ font-family: "Montserrat", sans-serif;
2420
+ }
2421
+
2422
+ .htmega-pricing-style-3 .htmega-pricing-footer a.price_btn:hover {
2423
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
2424
+ }
2425
+
2426
+ /* Pricing Table style 4 */
2427
+ .htmega-pricing-style-4 {
2428
+ background: #ffffff;
2429
+ padding: 90px 0;
2430
+ }
2431
+ .htmega-pricing-style-4.htmega-pricing-heighlight .htmega-pricing-footer {
2432
+ height: auto;
2433
+ }
2434
+
2435
+ .htmega-pricing-ribon{
2436
+ position: relative;
2437
+ }
2438
+
2439
+ .htmega-pricing-ribon::before {
2440
+ content: url(../images/pricing/pricing-ribon.png);
2441
+ left: 30px;
2442
+ position: absolute;
2443
+ top: -15px;
2444
+ }
2445
+
2446
+ .htmega-pricing-style-4 .htmega-pricing-heading .price h4 {
2447
+ font-weight: 600;
2448
+ color: #4d4d4d;
2449
+ font-size: 48px;
2450
+ position: relative;
2451
+ display: inline-block;
2452
+ margin: 0;
2453
+ }
2454
+
2455
+ .htmega-pricing-style-4 .htmega-pricing-heading .price h4 sub {
2456
+ position: absolute;
2457
+ left: 0;
2458
+ top: 25px;
2459
+ font-size: 31px;
2460
+ }
2461
+
2462
+ .htmega-pricing-style-4 .htmega-pricing-heading .title h2 {
2463
+ font-size: 18px;
2464
+ font-weight: 500;
2465
+ color: #000101;
2466
+ padding-bottom: 27px;
2467
+ position: relative;
2468
+ margin-bottom: 28px;
2469
+ }
2470
+
2471
+ .htmega-pricing-style-4 .htmega-pricing-heading .title h2::before {
2472
+ position: absolute;
2473
+ content: "";
2474
+ width: 60px;
2475
+ height: 2px;
2476
+ background: #e1e1e1;
2477
+ bottom: 0;
2478
+ left: 50%;
2479
+ transform: translateX(-50%);
2480
+ }
2481
+
2482
+ .htmega-pricing-style-4 .htmega-pricing-body {
2483
+ position: relative;
2484
+ padding-bottom: 23px;
2485
+ margin-top: 36px;
2486
+ }
2487
+
2488
+ .htmega-pricing-style-4 .htmega-pricing-body::before {
2489
+ position: absolute;
2490
+ content: "";
2491
+ background: #e1e1e1;
2492
+ width: 60px;
2493
+ height: 2px;
2494
+ bottom: 0;
2495
+ left: 50%;
2496
+ transform: translateX(-50%);
2497
+ }
2498
+
2499
+ .htmega-pricing-style-4 .htmega-pricing-body ul li {
2500
+ font-size: 15px;
2501
+ color: #000000;
2502
+ line-height: 35px;
2503
+ font-family: "Montserrat", sans-serif;
2504
+ }
2505
+
2506
+ .htmega-pricing-style-4 .htmega-pricing-footer {
2507
+ margin-top: 32px;
2508
+ height: 0px;
2509
+ overflow: hidden;
2510
+ -webkit-transition: all 0.3s ease 0s;
2511
+ -o-transition: all 0.3s ease 0s;
2512
+ transition: all 0.3s ease 0s;
2513
+ }
2514
+
2515
+ .htmega-pricing-style-4 .htmega-pricing-footer a.price_btn {
2516
+ height: 46px;
2517
+ border: 1px solid #ededed;
2518
+ display: inline-block;
2519
+ line-height: 44px;
2520
+ padding: 0 40px;
2521
+ color: #000000;
2522
+ font-size: 14px;
2523
+ border-radius: 30px;
2524
+ font-family: "Montserrat", sans-serif;
2525
+ transition: 0.5s;
2526
+ }
2527
+
2528
+ .htmega-pricing-style-4 .htmega-pricing-footer a.price_btn:hover {
2529
+ background: #0056ff;
2530
+ color: #ffffff;
2531
+ border: 1px solid #0056ff;
2532
+ }
2533
+
2534
+ .htmega-pricing-style-4:hover .htmega-pricing-footer {
2535
+ height: 46px;
2536
+ }
2537
+
2538
+ .htmega-pricing-style-4.active .htmega-pricing-footer {
2539
+ height: 46px !important;
2540
+ }
2541
+
2542
+ /* Pricing Table Style 5 */
2543
+ .htmega-pricing-style-5 {
2544
+ background: #f6f6f6;
2545
+ padding: 40px 0;
2546
+ text-align: left;
2547
+ padding-bottom: 50px;
2548
+ margin-left: 30px;
2549
+ }
2550
+
2551
+ .htmega-pricing-style-5 .htmega-pricing-heading {
2552
+ padding-left: 46px;
2553
+ margin-bottom: 8px;
2554
+ }
2555
+
2556
+ .htmega-pricing-style-5 .htmega-pricing-heading .price h4 {
2557
+ color: #0056ff;
2558
+ font-weight: 600;
2559
+ font-size: 40px;
2560
+ }
2561
+
2562
+ .htmega-pricing-style-5 .htmega-pricing-heading .title h2 {
2563
+ color: #000000;
2564
+ font-size: 18px;
2565
+ font-weight: 500;
2566
+ letter-spacing: 3px;
2567
+ margin-bottom: 3px;
2568
+ }
2569
+
2570
+ .htmega-pricing-style-5 .htmega-pricing-body {
2571
+ background: #e3ecff;
2572
+ margin-right: 30px;
2573
+ margin-left: -30px;
2574
+ border-radius: 6px;
2575
+ padding: 40px 56px 60px;
2576
+ position: relative;
2577
+ }
2578
+
2579
+ .htmega-pricing-style-5 .htmega-pricing-body ul {
2580
+ margin-bottom: -37px;
2581
+ }
2582
+
2583
+ .htmega-pricing-style-5 .htmega-pricing-body ul li {
2584
+ color: #181818;
2585
+ font-size: 14px;
2586
+ padding: 10px 0;
2587
+ }
2588
+
2589
+ .htmega-pricing-body ul li.off {
2590
+ text-decoration: line-through;
2591
+ }
2592
+
2593
+ .htmega-pricing-style-5 .htmega-pricing-body a.price_btn {
2594
+ bottom: -72px;
2595
+ background: transparent;
2596
+ display: inline-block;
2597
+ left: 50%;
2598
+ border-radius: 25px;
2599
+ font-size: 14px;
2600
+ color: #ffffff;
2601
+ text-transform: uppercase;
2602
+ letter-spacing: 2px;
2603
+ transform: translateX(-50%);
2604
+ position: relative;
2605
+ border: 1px solid transparent;
2606
+ padding: 4px;
2607
+ transition: 0.5;
2608
+ }
2609
+
2610
+ .htmega-pricing-style-5 .htmega-pricing-body a.price_btn span {
2611
+ padding: 0 30px;
2612
+ background: #0056ff;
2613
+ display: inline-block;
2614
+ border-radius: 20px;
2615
+ height: 40px;
2616
+ line-height: 40px;
2617
+ }
2618
+
2619
+ .htmega-pricing-style-5 .htmega-pricing-body a.price_btn:hover {
2620
+ border: 1px solid #0056ff;
2621
+ }
2622
+
2623
+ .htmega-pricing-style-5 .htmega-pricing-body a.price_btn.active {
2624
+ border: 1px solid #0056ff;
2625
+ }
2626
+
2627
+ .htmega-pricing-style-5 .htmega-pricing-body a.price_btn.active:hover {
2628
+ border: 1px solid transparent;
2629
+ }
2630
+ .htmega-pricing-style-5 .htmega-pricing-heading .price h4 span.pricing_new, .htmega-pricing-style-5 .htmega-pricing-heading .price h4 span.pricing_old{
2631
+ padding: 0;
2632
+ }
2633
+ .htmega-pricing-style-5 sub {
2634
+ font-size: 40px;
2635
+ position: static;
2636
+ }
2637
+
2638
+ /* Pricing Table Style 6 */
2639
+
2640
+ .htmega-pricing-style-6 {
2641
+ background: #fff;
2642
+ box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
2643
+ padding-bottom: 30px;
2644
+ }
2645
+
2646
+ .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-heading {
2647
+ background: #2d3e50;
2648
+ padding: 30px 0;
2649
+ }
2650
+
2651
+ .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-body {
2652
+ padding: 55px 0;
2653
+ }
2654
+
2655
+ .htmega-pricing-style-6.htmega-pricing-heighlight .htmega-pricing-body ul li {
2656
+ padding: 7px 0;
2657
+ }
2658
+
2659
+ .htmega-pricing-style-6 .htmega-pricing-heading {
2660
+ background: #2d3e50;
2661
+ padding: 30px 0;
2662
+ }
2663
+
2664
+ .htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.separator {
2665
+ margin-left: 5px;
2666
+ margin-right: 0;
2667
+ }
2668
+
2669
+ .htmega-pricing-style-6 .htmega-pricing-heading .price h4 sub {
2670
+ font-size: 18px;
2671
+ position: relative;
2672
+ top: -20px;
2673
+ left: 0;
2674
+ }
2675
+
2676
+ .htmega-pricing-style-6 .htmega-pricing-body {
2677
+ padding: 50px 0;
2678
+ }
2679
+
2680
+ .htmega-pricing-style-6 .htmega-pricing-body ul li {
2681
+ color: #2d3e50;
2682
+ font-size: 18px;
2683
+ font-weight: 500;
2684
+ padding: 5px 0;
2685
+ font-family: 'Raleway', sans-serif;
2686
+ }
2687
+
2688
+ .htmega-pricing-style-6 .htmega-pricing-footer a.price_btn {
2689
+ background: #2d3e50;
2690
+ padding: 12px 40px;
2691
+ line-height: 1;
2692
+ font-weight: 700;
2693
+ border-radius: 15px;
2694
+ font-size: 15px;
2695
+ color: #ffffff;
2696
+ font-family: 'Raleway', sans-serif;
2697
+ transition: 0.5s;
2698
+ }
2699
+
2700
+ .htmega-pricing-style-6 .htmega-pricing-footer a.price_btn:hover {
2701
+ transform: translateY(-5px);
2702
+ }
2703
+ .htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.period-txt,.htmega-pricing-style-6 .htmega-pricing-heading .price h4 span.separator {
2704
+ color: #ecebeb;
2705
+ font-size: 18px;
2706
+ }
2707
+
2708
+ /* Pricing Table style 7 */
2709
+ .htmega-pricing-style-7 {
2710
+ background: #ffffff;
2711
+ padding-top: 48px;
2712
+ padding-bottom: 60px;
2713
+ box-shadow: 0 0 10px rgba(1, 26, 72, 0.1);
2714
+ }
2715
+
2716
+ .htmega-pricing-style-7 .htmega-pricing-heading .title h2 {
2717
+ color: #f7ca18;
2718
+ font-size: 26px;
2719
+ font-weight: 600;
2720
+ margin-bottom: 32px;
2721
+ font-family: "Poppins", sans-serif;
2722
+ }
2723
+
2724
+ .htmega-pricing-style-7 .htmega-pricing-heading .price {
2725
+ background-position: center center;
2726
+ background-size: cover;
2727
+ margin-bottom: 23px;
2728
+ padding: 12px 0;
2729
+ }
2730
+
2731
+ .htmega-pricing-style-7 .htmega-pricing-heading .price h4 {
2732
+ font-size: 60px;
2733
+ color: #011a48;
2734
+ font-weight: 700;
2735
+ font-family: "Poppins", sans-serif;
2736
+ }
2737
+
2738
+ .htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.period-txt,.htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.separator {
2739
+ font-size: 26px;
2740
+ font-weight: 600;
2741
+ }
2742
+
2743
+ .htmega-pricing-style-7 .htmega-pricing-heading .price h4 span.separator {
2744
+ margin-left: 2px;
2745
+ margin-right: -8px;
2746
+ }
2747
+
2748
+ .htmega-pricing-style-7 .htmega-pricing-heading .price h4 sub {
2749
+ font-size: 26px;
2750
+ left: 0px;
2751
+ position: relative;
2752
+ top: -3px;
2753
+ }
2754
+
2755
+ .htmega-pricing-style-7 .htmega-pricing-body {
2756
+ padding: 0 28px;
2757
+ }
2758
+
2759
+ .htmega-pricing-style-7 .htmega-pricing-body ul li {
2760
+ color: #798294;
2761
+ font-size: 20px;
2762
+ line-height: 32px;
2763
+ padding: 13px 0;
2764
+ border-top: 1px solid #f6f6f6;
2765
+ font-family: 'Open Sans', sans-serif;
2766
+ }
2767
+
2768
+ .htmega-pricing-style-7 .htmega-pricing-body ul li:last-child {
2769
+ border-bottom: 1px solid #f6f6f6;
2770
+ }
2771
+
2772
+ .htmega-pricing-style-7 .htmega-pricing-footer {
2773
+ margin-top: 40px;
2774
+ }
2775
+
2776
+ .htmega-pricing-style-7 .htmega-pricing-footer a.price_btn {
2777
+ height: 47px;
2778
+ padding: 0 50px;
2779
+ display: inline-block;
2780
+ background: #011a48;
2781
+ border-radius: 23px;
2782
+ color: #fff;
2783
+ font-size: 14px;
2784
+ line-height: 47px;
2785
+ text-transform: uppercase;
2786
+ font-weight: 600;
2787
+ letter-spacing: 2px;
2788
+ font-family: "Poppins", sans-serif;
2789
+ transition: 0.5s;
2790
+ }
2791
+
2792
+ .htmega-pricing-style-7 .htmega-pricing-footer a.price_btn:hover {
2793
+ background: #f7ca18;
2794
+ color: #000000;
2795
+ }
2796
+
2797
+ /* Pricing Table style 8 */
2798
+ .htmega-pricing-panel.htmega-pricing-style-8 {
2799
+ background-color: transparent;
2800
+ background-image: linear-gradient(145.94deg, #FFB602 0%, #FF0773 100%);
2801
+ border-radius: 10px 10px 10px 10px;
2802
+ margin: 0px 0px 0px 0px;
2803
+ padding: 40px 0px 44px 0px;
2804
+ }
2805
+ .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-heading .title h2 {
2806
+ color: #FFFFFF;
2807
+ font-family: "Roboto", Sans-serif;
2808
+ font-size: 18px;
2809
+ font-weight: 400;
2810
+ }
2811
+ .htmega-pricing-panel.htmega-pricing-style-8 .price-label {
2812
+ background-color: #FFFFFF;
2813
+ width: 205px;
2814
+ right: -42%;
2815
+ padding: 20px 22px 20px 0px;
2816
+ margin: 5px 0px 5px 0px;
2817
+ border-radius: 70px 0px 0px 70px;
2818
+ }
2819
+ .htmega-pricing-panel.htmega-pricing-style-8 .price-label h4 {
2820
+ color: #FF106E;
2821
+ font-family: "Roboto", Sans-serif;
2822
+ font-size: 28px;
2823
+ font-weight: 700;
2824
+ margin-bottom: 0;
2825
+ }
2826
+ .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-body ul li {
2827
+ color: #FFFFFF;
2828
+ font-weight: 400;
2829
+ padding: 5px 5px 5px 5px;
2830
+ }
2831
+ .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-body ul {
2832
+ text-align: left;
2833
+ padding: 0px 0px 0px 94px;
2834
+ }
2835
+ .htmega-pricing-panel.htmega-pricing-style-8 .price-label h4 sub {
2836
+ color: #FF106E;
2837
+ font-family: "Roboto", Sans-serif;
2838
+ font-size: 28px;
2839
+ font-weight: 700;
2840
+ left: 0px;
2841
+ top: 0px;
2842
+ }
2843
+ .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-heading .htmega-pricing-header-align {
2844
+ padding: 0px 0px 0px 95px;
2845
+ text-align: left;
2846
+ }
2847
+ .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-footer {
2848
+ margin: 40px 0px 0px 0px;
2849
+ }
2850
+ .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-footer a.price_btn {
2851
+ padding: 15px 86px 15px 86px;
2852
+ border-radius: 30px 30px 30px 30px;
2853
+ }
2854
+ .htmega-pricing-panel.htmega-pricing-style-8 .htmega-pricing-footer a.price_btn {
2855
+ border-style: solid;
2856
+ border-width: 1px 1px 1px 1px;
2857
+ border-color: #FFFFFF;
2858
+ }
2859
+
2860
+ /* Pricing Table style 9 */
2861
+ .htmega-pricing-heading .header-top-image {
2862
+ top: -47.5px;
2863
+ position: relative;
2864
+ width: 95px;
2865
+ height: 95px;
2866
+ border: 1px solid #000;
2867
+ border-radius: 99px;
2868
+ padding: 7px;
2869
+ left: 50%;
2870
+ margin-left: -47.5px;
2871
+ background: #fff;
2872
+ }
2873
+ .htmega-pricing-panel.htmega-pricing-style-9 {
2874
+ background-color: #FFFFFF;
2875
+ padding: 0px 0px 44px 0px;
2876
+ border-radius: 10px 10px 10px 10px;
2877
+ }
2878
+ .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-body ul li {
2879
+ color: #22577E;
2880
+ font-family: "Roboto", Sans-serif;
2881
+ font-size: 14px;
2882
+ font-weight: 400;
2883
+ padding: 0px 0px 6px 0px;
2884
+ }
2885
+ .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-footer {
2886
+ margin: 40px 0px 0px 0px;
2887
+ }
2888
+ .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-footer a.price_btn {
2889
+ padding: 12px 50px 12px 50px;
2890
+ border-radius: 30px 30px 30px 30px;
2891
+ border-style: solid;
2892
+ border-width: 1px 1px 1px 1px;
2893
+ border-color: #FF5151;
2894
+ color: #FF5151;
2895
+ transition: 0.3s;
2896
+ }
2897
+ .htmega-pricing-panel.htmega-pricing-style-9 .htmega-pricing-footer a.price_btn:hover {
2898
+ color: #FFFFFF;
2899
+ background-color: #FF5151;
2900
+ }
2901
+
2902
+ /*-----------------------------
2903
+ Brand Style
2904
+ ------------------------------*/
2905
+ .htmega-brands-area.htmega-brands-style-1{
2906
+ display: flex;
2907
+ flex-wrap: wrap;
2908
+ }
2909
+ .single-partner {
2910
+ -webkit-box-flex: 1;
2911
+ -webkit-flex-grow: 1;
2912
+ -ms-flex-positive: 1;
2913
+ flex-grow: 1;
2914
+ padding: 0 15px;
2915
+ width: calc(100% * (1/4));
2916
+ text-align: center;
2917
+ margin-bottom: 50px;
2918
+ }
2919
+ .single-partner a{
2920
+ display: inline-block;
2921
+ }
2922
+
2923
+ /* Brand style 2 */
2924
+ ul.brand-list {
2925
+ list-style: none;
2926
+ padding: 0;
2927
+ margin: 0;
2928
+ display: flex;
2929
+ flex-flow: row wrap;
2930
+ justify-content: space-between;
2931
+ align-items: center;
2932
+ }
2933
+
2934
+ /* Mobile Quary Brand widgets*/
2935
+ @media only screen and (max-width: 380px) {
2936
+ ul.brand-list {
2937
+ display: block;
2938
+ }
2939
+ }
2940
+
2941
+ ul.brand-list li {
2942
+ position: relative;
2943
+ text-align: center;
2944
+ /* transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); */
2945
+ }
2946
+
2947
+ ul.brand-list li a{
2948
+ display: inline-block;
2949
+ }
2950
+
2951
+ .htmega-brands-style-2 ul.brand-list li {
2952
+ border-right: 1px dashed #ffffff;
2953
+ display: block;
2954
+ float: left;
2955
+ padding: 20px;
2956
+ text-align: center;
2957
+ width: 20%;
2958
+ }
2959
+
2960
+ .htmega-brands-style-2 ul.brand-list li:last-child {
2961
+ border-right: 1px dashed transparent;
2962
+ }
2963
+
2964
+ .htmega-brands-style-3 ul.brand-list li {
2965
+ flex-basis: 20%;
2966
+ border-right: 1px solid #dcd9d9;
2967
+ height: 125px;
2968
+ line-height: 125px;
2969
+ border-top: 1px solid #dcd9d9;
2970
+ border-bottom: 1px solid #dcd9d9;
2971
+ }
2972
+
2973
+ .htmega-brands-style-3 ul.brand-list li:first-child {
2974
+ border-left: 1px solid #dcd9d9;
2975
+ }
2976
+
2977
+ .brand-list-area {
2978
+ display: flex;
2979
+ flex-wrap: wrap;
2980
+ }
2981
+ .brand-logo-col{
2982
+ padding-left: 15px;
2983
+ padding-right: 15px;
2984
+ }
2985
+ .htmega-brands-style-5 .brand-logo-col{
2986
+ flex: 0 0 25%;
2987
+ max-width: 25%;
2988
+ }
2989
+ .htmega-brands-style-5 .single-partner {
2990
+ background: #fff;
2991
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
2992
+ text-align: center;
2993
+ display: block;
2994
+ width: 100%;
2995
+ padding: 25px 15px;
2996
+ }
2997
+
2998
+ .htmega-brands-style-7 .single-partner{
2999
+ width: 100%;
3000
+ }
3001
+ .htmega-brands-style-7 .brand-logo-col{
3002
+ flex: 0 0 33.333%;
3003
+ max-width: 33.333%;
3004
+ }
3005
+
3006
+ /* Brand Style Four */
3007
+ .htmega-brands-style-4 ul.brand-list{
3008
+ display: block;
3009
+ }
3010
+ .htmega-brands-style-4 ul.brand-list li {
3011
+ border-bottom: 1px dashed #aaa;
3012
+ border-right: 1px dashed #aaa;
3013
+ float: left;
3014
+ padding: 25px 15px;
3015
+ text-align: center;
3016
+ width: 33.33%;
3017
+ }
3018
+
3019
+ .htmega-brands-style-4 ul.brand-list li:nth-child(1) {
3020
+ border-bottom-color: #aaa;
3021
+ border-right-color: #aaa;
3022
+ }
3023
+
3024
+ .htmega-brands-style-4 ul.brand-list li:nth-child(6),
3025
+ .htmega-brands-style-4 ul.brand-list li:last-child {
3026
+ border-bottom-color: transparent;
3027
+ border-right-color: transparent;
3028
+ }
3029
+
3030
+ .htmega-brands-style-4 ul.brand-list li:nth-child(5) {
3031
+ border-bottom-color: transparent;
3032
+ border-right-color: #aaa;
3033
+ }
3034
+
3035
+ .htmega-brands-style-4 ul.brand-list li:nth-child(4) {
3036
+ border-bottom-color: transparent;
3037
+ border-right-color: #aaa;
3038
+ }
3039
+
3040
+ .htmega-brands-style-4 ul.brand-list li:nth-child(3) {
3041
+ border-bottom-color: #aaa;
3042
+ border-right-color: transparent;
3043
+ }
3044
+
3045
+ /*-----------------------
3046
+ * Newsletter Style
3047
+ -----------------------*/
3048
+ .float-left{
3049
+ float:left;
3050
+ }
3051
+ .newsletter-style-one p {
3052
+ color: #798294;
3053
+ font-size: 14px;
3054
+ line-height: 28px;
3055
+ max-width: 605px;
3056
+ margin: 0 auto !important;
3057
+ width: 100%;
3058
+ margin-bottom: 58px;
3059
+ margin-top: 16px;
3060
+ }
3061
+
3062
+ .htmega-mailchimp-style-1 .htmega-input-box {
3063
+ position: relative;
3064
+ max-width: 530px;
3065
+ margin: 0 auto;
3066
+ }
3067
+ .htmega-input-box input[type="text"],.htmega-input-box input[type="email"] {
3068
+ width: 100%;
3069
+ }
3070
+ .htmega-mailchimp-style-1 .htmega-input-box input[type="submit"] {
3071
+ position: absolute;
3072
+ right: 5px;
3073
+ top: 50%;
3074
+ transform: translateY(-50%);
3075
+ outline: none;
3076
+ border: 0 none;
3077
+ transition: 0.4s;
3078
+ }
3079
+
3080
+ /* Newsletter Style Two */
3081
+ .htmega-mailchimp-style-2 .htmega-input-box input[type="text"],.htmega-mailchimp-style-2 .htmega-input-box input[type="email"] {
3082
+ width: calc(100% - 170px);
3083
+ }
3084
+
3085
+ /* Newsletter Style Three */
3086
+ .htmega-input-box form{
3087
+ width: 100%;
3088
+ }
3089
+ .htmega-mailchimp-style-3 .htmega-input-box {
3090
+ position: relative;
3091
+ max-width: 580px;
3092
+ width: 100%;
3093
+ margin: 0 auto;
3094
+ display: flex;
3095
+ }
3096
+ .htmega-mailchimp-style-3 .htmega-input-box input {
3097
+ text-align: center;
3098
+ float: left;
3099
+ overflow: hidden;
3100
+ max-width: 405px;
3101
+ }
3102
+
3103
+ .htmega-mailchimp-style-3 .htmega-input-box input[type="submit"] {
3104
+ float: right;
3105
+ overflow: hidden;
3106
+ transition: 0.4s;
3107
+ }
3108
+
3109
+ /* Newsletter Style Four */
3110
+ .htmega-mailchimp-style-4 .htmega-input-box {
3111
+ position: relative;
3112
+ }
3113
+
3114
+ .htmega-mailchimp-style-4 .htmega-input-box input[type="submit"] {
3115
+ position: absolute;
3116
+ right: 5px;
3117
+ top: 50%;
3118
+ width: 40px;
3119
+ transform: translateY(-50%);
3120
+ transition: 0.4s;
3121
+ text-indent: -99999px;
3122
+ }
3123
+ .htmega-mailchimp-style-4 .htmega-input-box::before {
3124
+ color: #ffffff;
3125
+ content: "";
3126
+ cursor: pointer;
3127
+ display: block;
3128
+ font-family: fontawesome;
3129
+ position: absolute;
3130
+ right: 20px;
3131
+ top: 50%;
3132
+ transform: translateY(-50%);
3133
+ z-index: 1;
3134
+ }
3135
+
3136
+ /* Newsletter Style Five */
3137
+ .htmega-mailchimp-style-5 .htmega-input-box input[type="submit"] {
3138
+ width: 100%;
3139
+ transition: 0.5s;
3140
+ }
3141
+
3142
+ /*
3143
+ * Testimonial Style
3144
+ */
3145
+
3146
+ .htmega-testimonial-area .slick-prev, .htmega-testimonial-area .slick-next {
3147
+ background: transparent none repeat scroll 0 0;
3148
+ border: medium none;
3149
+ color: #7d7d7d;
3150
+ cursor: pointer;
3151
+ display: block;
3152
+ font-size: 24px;
3153
+ height: auto;
3154
+ line-height: 1;
3155
+ outline: medium none;
3156
+ padding: 0;
3157
+ position: absolute;
3158
+ text-align: center;
3159
+ top: 50%;
3160
+ transform: translate(0px, -50%);
3161
+ width: auto;
3162
+ z-index: 2;
3163
+ transition: all 0.3s ease-in-out;
3164
+ }
3165
+ .htmega-testimonial-area .slick-next{
3166
+ right: 0;
3167
+ }
3168
+
3169
+ .htmega-testimonial-area .slick-dots{
3170
+ list-style: none;
3171
+ }
3172
+ .htmega-testimonial-area .slick-dots li button {
3173
+ font-size: 0;
3174
+ line-height: 0;
3175
+ display: block;
3176
+ width: 12px;
3177
+ height: 12px;
3178
+ padding: 0;
3179
+ cursor: pointer;
3180
+ color: transparent;
3181
+ border: 0;
3182
+ outline: none;
3183
+ background: #e3e3e3;
3184
+ border-radius: 100%;
3185
+ }
3186
+ .htmega-testimonial-area .slick-dots li.slick-active button {
3187
+ background: #ff6600;
3188
+ }
3189
+ .htmega-testimonial-area .slick-dots li button:before {
3190
+ display: none;
3191
+ }
3192
+ .htmega-testimonial-area .slick-dots {
3193
+ bottom: -30px;
3194
+ z-index: 3;
3195
+ }
3196
+ .htmega-testimonial-area .slick-dots li {
3197
+ margin: 0 7px;
3198
+ width: 12px;
3199
+ height: 12px;
3200
+ }
3201
+ .htmega-testimonial-area .slick-prev::before, .htmega-testimonial-area .slick-next::before{
3202
+ display: none;
3203
+ }
3204
+ .htmega-testimonial-area:not(.htmega-testimonial-style-4) .slick-dots{
3205
+ left:0;
3206
+ }
3207
+ /*Testimonial Style One*/
3208
+ .htmega-testimonial-activation {
3209
+ z-index: 1;
3210
+ }
3211
+ .htmega-testimonial-style-1 .testimonal {
3212
+ text-align: center;
3213
+ }
3214
+
3215
+ .htmega-testimonial-style-1 .testimonal img {
3216
+ margin-bottom: 34px;
3217
+ text-align: center;
3218
+ display: inline-block;
3219
+ }
3220
+
3221
+ .htmega-testimonial-style-1 .testimonal .shape img {
3222
+ margin: 0;
3223
+ }
3224
+
3225
+ .htmega-testimonial-style-1 .testimonal .content {
3226
+ margin-top: 30px;
3227
+ }
3228
+
3229
+ .htmega-testimonial-style-1 .testimonal .content p {
3230
+ color: #3e3e3e;
3231
+ font-size: 18px;
3232
+ line-height: 35px;
3233
+ padding: 0 10%;
3234
+ }
3235
+
3236
+ .htmega-testimonial-style-1 .testimonal .content h4 {
3237
+ color: #3e3e3e;
3238
+ font-size: 20px;
3239
+ line-height: 37px;
3240
+ margin: 0;
3241
+ }
3242
+
3243
+ .htmega-testimonial-style-1 .testimonal .content span {
3244
+ color: #3e3e3e;
3245
+ font-size: 18px;
3246
+ }
3247
+
3248
+ /* Testimonial Style Two */
3249
+ .htmega-testimonial-style-2 .testimonal {
3250
+ text-align: center;
3251
+ background: #fff;
3252
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
3253
+ position: relative;
3254
+ margin-top: 50px;
3255
+ padding-bottom: 27px;
3256
+ border-radius: 10px;
3257
+ }
3258
+
3259
+ .htmega-testimonial-style-2 .testimonal img {
3260
+ position: absolute;
3261
+ left: 50%;
3262
+ top: 0;
3263
+ -webkit-transform: translate(-50%, -50%);
3264
+ -moz-transform: translate(-50%, -50%);
3265
+ -ms-transform: translate(-50%, -50%);
3266
+ -o-transform: translate(-50%, -50%);
3267
+ transform: translate(-50%, -50%);
3268
+ border: 1px solid #6e6e6e;
3269
+ border-radius: 100%;
3270
+ max-width: 100%;
3271
+ }
3272
+
3273
+ .htmega-testimonial-style-2 .testimonal .content {
3274
+ margin-top: 69px;
3275
+ }
3276
+
3277
+ .htmega-testimonial-style-2 .testimonal .content p {
3278
+ color: #5b5b5b;
3279
+ font-size: 14px;
3280
+ line-height: 24px;
3281
+ padding: 0 4%;
3282
+ font-style: italic;
3283
+ margin-bottom: 4px;
3284
+ }
3285
+
3286
+ .htmega-testimonial-style-2 .testimonal .content h4 {
3287
+ color: #5b5b5b;
3288
+ font-size: 16px;
3289
+ line-height: 37px;
3290
+ margin: 0;
3291
+ font-weight: 600;
3292
+ }
3293
+
3294
+ .htmega-testimonial-style-2 .testimonal .content span {
3295
+ color: #3e3e3e;
3296
+ font-size: 18px;
3297
+ }
3298
+
3299
+ .htmega-testimonial-style-2 .slick-slide {
3300
+ padding: 5px 15px;
3301
+ }
3302
+
3303
+ .htmega-testimonial-style-2 .slick-center .testimonal img {
3304
+ border: 1px solid #ff6600;
3305
+ }
3306
+
3307
+ .htmega-testimonial-style-2 .slick-dots {
3308
+ bottom: -75px;
3309
+ }
3310
+
3311
+ .slick-dotted.slick-slider {
3312
+ margin-bottom: 0;
3313
+ }
3314
+
3315
+ .htmega-testimonial-style-2 .testimonal .shape img {
3316
+ border: medium none;
3317
+ left: 0;
3318
+ margin: 0 auto;
3319
+ position: relative;
3320
+ top: 53px;
3321
+ transform: translate(0px);
3322
+ }
3323
+
3324
+ /* Testimonial Style 3 */
3325
+ .htmega-testimonial-style-3 .testimonal img {
3326
+ float: left;
3327
+ }
3328
+ .htmega-testimonial-style-3 .testimonal .content {
3329
+ overflow: hidden;
3330
+ padding-left: 20px;
3331
+ }
3332
+
3333
+ .htmega-testimonial-style-3 .testimonal .content p {
3334
+ color: #3e3e3e;
3335
+ font-size: 16px;
3336
+ margin-bottom: 20px;
3337
+ line-height: 28px;
3338
+ }
3339
+
3340
+ .htmega-testimonial-style-3 .testimonal .content .clint-info {
3341
+ padding-left: 50px;
3342
+ position: relative;
3343
+ }
3344
+
3345
+ .htmega-testimonial-style-3 .testimonal .content .clint-info::before {
3346
+ position: absolute;
3347
+ content: "";
3348
+ width: 30px;
3349
+ height: 2px;
3350
+ background: #383838;
3351
+ left: 0;
3352
+ top: 4px;
3353
+ }
3354
+
3355
+ .htmega-testimonial-style-3 .testimonal .content .clint-info h4 {
3356
+ font-weight: 600;
3357
+ font-size: 16px;
3358
+ color: #383838;
3359
+ margin-bottom: 2px;
3360
+ }
3361
+
3362
+ .htmega-testimonial-style-3 .testimonal .content .clint-info span {
3363
+ color: #383838;
3364
+ font-size: 14px;
3365
+ }
3366
+ .htmega-testimonial-style-3 .testimonal .shape img {
3367
+ left: 20px;
3368
+ position: relative;
3369
+ }
3370
+ .htmega-testimonial-style-3 .testimonal .content .clint-info ul.htmega-testimonial-rating *{
3371
+ padding-left: 0!important;
3372
+ }
3373
+ .htmega-testimonial-style-8 ul.htmega-testimonial-rating,
3374
+ .htmega-testimonial-style-3 ul.htmega-testimonial-rating,
3375
+ .htmega-testimonial-style-4 .htmega-testimonial-rating{
3376
+ justify-content: left;
3377
+ }
3378
+ /* Testimonial Style 4 */
3379
+ .htmega-testimonial-style-4 .testimonal .testimonal-image {
3380
+ float: left;
3381
+ padding-right: 50px;
3382
+ position: relative;
3383
+ }
3384
+
3385
+ .htmega-testimonial-style-4 .testimonal .testimonal-image::before {
3386
+ position: absolute;
3387
+ content: "";
3388
+ width: 1px;
3389
+ height: 100%;
3390
+ background: #18012c;
3391
+ right: 0;
3392
+ top: 0;
3393
+ }
3394
+
3395
+ .htmega-testimonial-style-4 .testimonal .testimonal-image::after {
3396
+ position: absolute;
3397
+ content: "";
3398
+ background: #18012c;
3399
+ height: 1px;
3400
+ width: 30px;
3401
+ right: 0;
3402
+ top: 50%;
3403
+ transform: translateY(-50%);
3404
+ }
3405
+
3406
+ .htmega-testimonial-style-4 .testimonal .content {
3407
+ overflow: hidden;
3408
+ padding-left: 30px;
3409
+ }
3410
+
3411
+ .htmega-testimonial-style-4 .testimonal .content p {
3412
+ color: #3e3e3e;
3413
+ font-size: 16px;
3414
+ margin-bottom: 20px;
3415
+ line-height: 28px;
3416
+ }
3417
+
3418
+ .htmega-testimonial-style-4 .testimonal .content h4 {
3419
+ font-weight: 600;
3420
+ font-size: 16px;
3421
+ color: #383838;
3422
+ margin-bottom: 2px;
3423
+ }
3424
+
3425
+ .htmega-testimonial-style-4 .testimonal .content span {
3426
+ color: #383838;
3427
+ font-size: 14px;
3428
+ }
3429
+ .htmega-testimonial-style-4 .testimonal .content span:before{
3430
+ content: "";
3431
+ }
3432
+ .htmega-testimonial-style-4 ul.slick-dots li button::before {
3433
+ content: "0";
3434
+ display: block;
3435
+ font-size: 16px;
3436
+ height: auto;
3437
+ left: -8px;
3438
+ line-height: 1;
3439
+ opacity: 1;
3440
+ position: absolute;
3441
+ top: -4px;
3442
+ width: auto;
3443
+ }
3444
+
3445
+ .htmega-testimonial-style-4 ul.slick-dots {
3446
+ padding: 0;
3447
+ margin: 0;
3448
+ list-style: none;
3449
+ border: 0 none;
3450
+ text-align: right;
3451
+ }
3452
+
3453
+ .htmega-testimonial-style-4 ul.slick-dots li button {
3454
+ background: transparent;
3455
+ border: 0 none;
3456
+ color: #18012c;
3457
+ font-weight: 600;
3458
+ font-size: 16px;
3459
+ position: relative;
3460
+ display: inline-block;
3461
+ }
3462
+
3463
+ .htmega-testimonial-style-4 {
3464
+ position: relative;
3465
+ padding-right: 24%;
3466
+ }
3467
+
3468
+ .htmega-testimonial-style-4 ul.slick-dots {
3469
+ position: absolute;
3470
+ right: 0;
3471
+ top: 50%;
3472
+ transform: translateY(-50%);
3473
+ width: 100px;
3474
+ }
3475
+
3476
+ .htmega-testimonial-style-4 ul.slick-dots li {
3477
+ padding: 6px 0;
3478
+ }
3479
+
3480
+ .htmega-testimonial-style-4 ul.slick-dots li.slick-active button {
3481
+ position: relative;
3482
+ }
3483
+
3484
+ .htmega-testimonial-style-4 ul.slick-dots li {
3485
+ height: auto;
3486
+ line-height: 1;
3487
+ padding: 8px 0 10px 45px;
3488
+ position: relative;
3489
+ }
3490
+
3491
+ .htmega-testimonial-style-4 ul.slick-dots li::after {
3492
+ position: absolute;
3493
+ content: "";
3494
+ background: #18012c;
3495
+ width: 0;
3496
+ height: 1px;
3497
+ left: 0;
3498
+ top: 50%;
3499
+ transform: translateY(-50%);
3500
+ transition: 0.5s;
3501
+ }
3502
+
3503
+ .htmega-testimonial-style-4 ul.slick-dots li.slick-active::after {
3504
+ width: 30px;
3505
+ }
3506
+ .htmega-testimonial-style-4 ul.slick-dots li.slick-active button {
3507
+ background: transparent;
3508
+ }
3509
+
3510
+ /* Testimonial Style 5 */
3511
+ .htmega-testimonial-style-5{
3512
+ position: relative;
3513
+ }
3514
+ .htmega-testimonial-for .testimonial-desc p {
3515
+ color: #3e3e3e;
3516
+ font-size: 18px;
3517
+ line-height: 35px;
3518
+ text-align: center;
3519
+ padding: 0 15%;
3520
+ }
3521
+
3522
+ .testimonal-img {
3523
+ text-align: center;
3524
+ }
3525
+
3526
+ .testimonal-img .content {
3527
+ text-align: center;
3528
+ margin-top: 22px;
3529
+ }
3530
+
3531
+ .testimonal-img .content h4 {
3532
+ color: #3e3e3e;
3533
+ font-size: 20px;
3534
+ margin-bottom: 3px;
3535
+ }
3536
+
3537
+ .testimonal-img .content span {
3538
+ color: #3e3e3e;
3539
+ font-size: 18px;
3540
+ line-height: 29px;
3541
+ }
3542
+
3543
+ .htmega-testimonal-nav.slick-slider {
3544
+ max-width: 35%;
3545
+ width: 100%;
3546
+ margin: 0 auto;
3547
+ }
3548
+
3549
+ .slick-slide.slick-active.slick-center .testimonal-img img {
3550
+ transform: scale(1);
3551
+ }
3552
+
3553
+ .slick-slide.slick-active .testimonal-img img {
3554
+ transform: scale(0.8);
3555
+ text-align: center;
3556
+ display: inline-block;
3557
+ }
3558
+
3559
+ .htmega-testimonial-style-5 .htmega-testimonal-nav .slick-track {
3560
+ margin-top: 85px;
3561
+ }
3562
+
3563
+ .htmega-testimonal-nav .slick-slide:not(.slick-center) .content {
3564
+ opacity: 0;
3565
+ }
3566
+
3567
+ .htmega-testimonial-style-5 .testimonial-shape {
3568
+ bottom: 56%;
3569
+ left: 49.5%;
3570
+ position: absolute;
3571
+ transform: translateX(-50%);
3572
+ }
3573
+ .htmega-testimonial-rating {
3574
+ display: flex;
3575
+ align-items: center;
3576
+ justify-content: center;
3577
+ color: #ff7b00;
3578
+ list-style: none;
3579
+ padding: 0;
3580
+ margin: 25px 0 0;
3581
+ }
3582
+ .htmega-testimonial-rating li{
3583
+ margin-right: 5px;
3584
+ font-size: 14px;
3585
+ }
3586
+ .htmega-testimonial-style-5 .htmega-testimonal-nav .content{
3587
+ position: absolute;
3588
+ left: 50%;
3589
+ transform: translateX(-50%);
3590
+ z-index: 2;
3591
+ bottom: 0;
3592
+ width: max-content;
3593
+ }
3594
+
3595
+ .htmega-testimonial-style-5 .htmega-testimonal-nav .testimonal-image{
3596
+ margin-bottom: 70px;
3597
+
3598
+ }
3599
+ /* Testimonial Style 6 */
3600
+ .htmega-testimonial-style-6 .testimonal img {
3601
+ display: inline-block;
3602
+ }
3603
+
3604
+ .htmega-testimonial-style-6 .testimonal .content {
3605
+ background: #fff;
3606
+ text-align: center;
3607
+ padding: 50px 9%;
3608
+ position: relative;
3609
+ box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
3610
+ }
3611
+
3612
+ .htmega-testimonial-style-6 .testimonal .content p {
3613
+ font-size: 16px;
3614
+ line-height: 28px;
3615
+ color: #3e3e3e;
3616
+ }
3617
+
3618
+ .htmega-testimonial-style-6 .testimonal .content .triangle {
3619
+ position: absolute;
3620
+ top: 100%;
3621
+ margin-top: -1px;
3622
+ border-right: 20px solid transparent;
3623
+ border-left: 20px solid transparent;
3624
+ border-top: 20px solid #fff;
3625
+ border-bottom: 20px solid transparent;
3626
+ left: 50%;
3627
+ transform: translateX(-50%);
3628
+ }
3629
+
3630
+ .htmega-testimonial-style-6 .testimonal .clint-info {
3631
+ text-align: center;
3632
+ margin-top: 40px;
3633
+ }
3634
+
3635
+ .htmega-testimonial-style-6 .testimonal .clint-info h4 {
3636
+ color: #5c5c5c;
3637
+ font-size: 22px;
3638
+ font-weight: 700;
3639
+ margin-top: 22px;
3640
+ margin-bottom: 4px;
3641
+ }
3642
+
3643
+ .htmega-testimonial-style-6 .testimonal .clint-info span {
3644
+ color: #5c5c5c;
3645
+ font-weight: 600;
3646
+ font-size: 15px;
3647
+ }
3648
+
3649
+ .htmega-testimonial-style-6 .slick-arrow {
3650
+ width: 36px;
3651
+ height: 36px;
3652
+ color: #7d7d7d;
3653
+ border: 0 none;
3654
+ background: #fff;
3655
+ border-radius: 100%;
3656
+ font-size: 24px;
3657
+ left: 0;
3658
+ top: 20%;
3659
+ z-index: 999;
3660
+ transition: 0.5s;
3661
+ box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
3662
+ }
3663
+
3664
+ .htmega-testimonial-style-6 .slick-arrow:hover {
3665
+ background: #52b6bc;
3666
+ color: #fff;
3667
+ }
3668
+
3669
+ .htmega-testimonial-style-6 button.slick-next.slick-arrow {
3670
+ left: auto;
3671
+ right: 0;
3672
+ }
3673
+
3674
+ .htmega-testimonial-style-6 {
3675
+ position: relative;
3676
+ padding: 0 200px;
3677
+ }
3678
+
3679
+ .htmega-testimonial-style-6 .testimonal .shape img,.htmega-testimonial-style-7 .testimonal .shape img {
3680
+ position: relative;
3681
+ top: 10px;
3682
+ }
3683
+
3684
+ /* Testimonial Style 7 */
3685
+ .htmega-testimonial-style-7 .testimonal {
3686
+ text-align: center;
3687
+ }
3688
+
3689
+ .htmega-testimonial-style-7 .testimonal p {
3690
+ color: #414141;
3691
+ font-size: 30px;
3692
+ font-style: italic;
3693
+ line-height: 48px;
3694
+ margin-top: 26px;
3695
+ font-family: "Montserrat", sans-serif;
3696
+ margin-bottom: 0;
3697
+ position: relative;
3698
+ z-index: 2;
3699
+ }
3700
+
3701
+ .htmega-testimonial-style-7 .testimonal p::before {
3702
+ position: absolute;
3703
+ content: "";
3704
+ color: #ffebd1;
3705
+ content: "\f10e";
3706
+ font-family: Fontawesome;
3707
+ font-size: 216px;
3708
+ left: 50%;
3709
+ top: 50%;
3710
+ z-index: -1;
3711
+ transform: translateX(-50%) translateY(-50%);
3712
+ }
3713
+
3714
+ .htmega-testimonial-style-7 .testimonal h4 {
3715
+ color: #3e3e3e;
3716
+ font-weight: 600;
3717
+ font-size: 20px;
3718
+ margin-bottom: 9px;
3719
+ }
3720
+
3721
+ .htmega-testimonial-style-7 .testimonal .clint-info {
3722
+ margin-top: 29px;
3723
+ }
3724
+
3725
+ .htmega-testimonial-style-7 .testimonal .clint-info span {
3726
+ color: #3e3e3e;
3727
+ font-size: 18px;
3728
+ }
3729
+
3730
+ .htmega-testimonial-style-7 .testimonal img {
3731
+ display: inline-block;
3732
+ }
3733
+
3734
+ .htmega-testimonial-style-7 .slick-arrow {
3735
+ top: 9%;
3736
+ left: 16%;
3737
+ color: #aeaeae;
3738
+ font-size: 48px;
3739
+ background: transparent;
3740
+ border: 0 none;
3741
+ z-index: 2;
3742
+ transition: 0.5s;
3743
+ }
3744
+
3745
+ .htmega-testimonial-style-7 .slick-arrow:hover {
3746
+ color: #f6ab4b;
3747
+ }
3748
+
3749
+ .htmega-testimonial-style-7 button.slick-next.slick-arrow {
3750
+ left: auto;
3751
+ right: 16%;
3752
+ }
3753
+
3754
+ /*Testimonial Style 8 */
3755
+ .htmega-testimonial-style-8 {
3756
+ position: relative;
3757
+ padding: 0 200px;
3758
+ }
3759
+
3760
+ .htmega-testimonial-style-8 .content {
3761
+ display: flex;
3762
+ align-items: center;
3763
+ }
3764
+
3765
+ .htmega-testimonial-style-8 .content .clint-info {
3766
+ padding-left: 20px;
3767
+ }
3768
+
3769
+ .htmega-testimonial-style-8 .content .clint-info h4 {
3770
+ color: #3e3e3e;
3771
+ font-size: 20px;
3772
+ font-weight: 700;
3773
+ margin-bottom: 7px;
3774
+ }
3775
+
3776
+ .htmega-testimonial-style-8 .content .clint-info span {
3777
+ color: #3e3e3e;
3778
+ font-size: 18px;
3779
+ }
3780
+
3781
+ .htmega-testimonial-style-8 p {
3782
+ color: #3e3e3e;
3783
+ font-size: 18px;
3784
+ line-height: 35px;
3785
+ margin: 0;
3786
+ margin-top: 20px;
3787
+ }
3788
+
3789
+ .htmega-testimonial-style-8 .slick-arrow {
3790
+ left: 0;
3791
+ color: #aeaeae;
3792
+ font-size: 48px;
3793
+ border: 0 none;
3794
+ top: 43%;
3795
+ transition: 0.5s;
3796
+ }
3797
+
3798
+ .htmega-testimonial-style-8 .slick-arrow:hover {
3799
+ color: #f6ab4b;
3800
+ }
3801
+
3802
+ .htmega-testimonial-style-8 button.slick-next.slick-arrow {
3803
+ left: auto;
3804
+ right: 0;
3805
+ }
3806
+ .htmega-testimonial-style-8 .testimonal .shape img{
3807
+ position: relative;
3808
+ left: 10px;
3809
+ }
3810
+
3811
+ /*Testimonial Style 9 */
3812
+ .htmega-testimonial-style-9 .testimonal {
3813
+ background: #f7f8f9;
3814
+ padding: 30px;
3815
+ margin-top: 30px;
3816
+ }
3817
+
3818
+ .htmega-testimonial-style-9 .testimonal .content {
3819
+ display: flex;
3820
+ align-items: center;
3821
+ }
3822
+
3823
+ .htmega-testimonial-style-9 .testimonal .content .clint-info {
3824
+ padding-left: 25px;
3825
+ }
3826
+
3827
+ .htmega-testimonial-style-9 .testimonal .content .clint-info h4 {
3828
+ font-size: 18px;
3829
+ color: #383838;
3830
+ margin: 0;
3831
+ }
3832
+
3833
+ .htmega-testimonial-style-9 .testimonal .content .clint-info span {
3834
+ color: #1834a6;
3835
+ font-size: 13px;
3836
+ }
3837
+
3838
+ .htmega-testimonial-style-9 .testimonal p {
3839
+ color: #5b5b5b;
3840
+ font-size: 14px;
3841
+ line-height: 26px;
3842
+ margin: 0;
3843
+ margin-top: 22px;
3844
+ }
3845
+
3846
+ .htmega-testimonial-style-9 .testimonal .shape img{
3847
+ position: relative;
3848
+ left: 5px;
3849
+ }
3850
+ .htmega-testimonial-style-9.htmega-testimonial-activation .testimonal .content{
3851
+ display: block;
3852
+ }
3853
+
3854
+ .htmega-testimonial-style-9 .htmega-testimonial-rating{
3855
+ justify-content: left;
3856
+ }
3857
+ /* Testimonial Style 10 */
3858
+ .htmega-testimonial-style-10 .testimonal-image {
3859
+ display: flex;
3860
+ justify-content: space-between;
3861
+ align-items: center;
3862
+ }
3863
+ .htmega-testimonial-style-10 .htmega-testimonial-rating {
3864
+ margin: 0;
3865
+ }
3866
+ .htmega-testimonial-style-10 .testimonal img{
3867
+ float: none;
3868
+ }
3869
+ .htmega-testimonial-style-10 .testimonal .content {
3870
+ overflow: hidden;
3871
+ padding-left: 0;
3872
+ }
3873
+ ul.htmega-testimonial-rating * {
3874
+ transition: all 0.0s;
3875
+ }
3876
+ /* Testimonial Style 11 */
3877
+ .htmega-testimonial-style-11 .content{
3878
+ text-align: center;
3879
+ }
3880
+ .htmega-testimonial-style-11 .htmega-testimonal-nav .testimonal-image {
3881
+ margin-bottom: 40px;
3882
+ padding: 58px 0px 43px 0px;
3883
+ }
3884
+ .htmega-testimonial-style-11 .slick-slide.slick-active.slick-center .testimonal-img img,
3885
+ .htmega-testimonial-style-11 .slick-slide.slick-active .testimonal-img img {
3886
+ transform: scale(1);
3887
+ }
3888
+ .htmega-testimonial-style-11 .slick-slide.slick-active.slick-center .testimonal-img {
3889
+ transform: scale(1.5);
3890
+ z-index: 3;
3891
+ }
3892
+ /* Testimonial Style 12 */
3893
+ .htmega-testimonial-style-12 .testimonal {
3894
+ display: flex!important;
3895
+ align-items: center;
3896
+ }
3897
+ .htmega-testimonial-style-12 .testimonal .shape img {
3898
+ left: 0px;
3899
+ float: none;
3900
+ }
3901
+ .htmega-testimonial-style-12 .htmega-testimonial-rating{
3902
+ justify-content: left;
3903
+ }
3904
+ .htmega-testimonial-style-12 .testimonal .content .clint-info{
3905
+ padding-left: 0;
3906
+ }
3907
+ .htmega-testimonial-style-12 .testimonal .content .clint-info::before{
3908
+ display: none;
3909
+ }
3910
+ .htmega-testimonial-style-12 .testimonal-image {
3911
+ flex: 0 0 34%;
3912
+ }
3913
+ /* Testimonial Style 13 */
3914
+ .htmega-testimonial-style-13 .testimonal{
3915
+ text-align: center;
3916
+ border-bottom: 10px solid transparent;
3917
+ margin-top: 15px;
3918
+ background-color: #F7F8F9;
3919
+ padding: 50px 30px;
3920
+ }
3921
+ .htmega-testimonial-style-13 .testimonal-image {
3922
+ display: inline-block;
3923
+ margin-top: 20px;
3924
+ }
3925
+ .htmega-testimonial-style-13 .testimonal .clint-info h4 {
3926
+ margin-top: 9px;
3927
+ margin-bottom: 4px;
3928
+ }
3929
+ .htmega-testimonial-style-13 .testimonal:hover{
3930
+ margin-top: 0px;
3931
+ border-color: #DA9A28;
3932
+ }
3933
+ .htmega-testimonial-style-13 .testimonal p {
3934
+ font-family: "Roboto", Sans-serif;
3935
+ font-size: 19px;
3936
+ font-weight: 400;
3937
+ line-height: 32px;
3938
+ }
3939
+
3940
+ /* New arrow style testimonial 2 */
3941
+ .htmega-sl-arraow-style-2.htmega-testimonial-area .slick-next {
3942
+ top: 0;
3943
+ transform: translate(0);
3944
+ }
3945
+ .htmega-sl-arraow-style-2.htmega-testimonial-area .slick-prev {
3946
+ left: auto;
3947
+ right: 0;
3948
+ top: 67px;
3949
+ transform: translate(0);
3950
+ }
3951
+ /* New arrow style testimonial 3 */
3952
+ .htmega-sl-arraow-style-3.htmega-testimonial-area .slick-prev {
3953
+ right: 70px;
3954
+ left: auto;
3955
+ }
3956
+ .htmega-sl-arraow-style-3.htmega-testimonial-area .slick-arrow{
3957
+ top:auto;
3958
+ bottom:0;
3959
+ transform: translate(0);
3960
+ }
3961
+
3962
+ /*
3963
+ * Form Style
3964
+ */
3965
+ .htmega-form-wrapper form input,.htmega-form-wrapper form textarea{
3966
+ width: 100%;
3967
+ border-radius: 0;
3968
+ }
3969
+
3970
+ .htmega-form-wrapper .ajax-loader {
3971
+ bottom: 0;
3972
+ position: absolute;
3973
+ }
3974
+
3975
+ .htmega-form-wrapper .form_no_select {
3976
+ color: red;
3977
+ font-size: 20px;
3978
+ }
3979
+
3980
+ /* Form Style One*/
3981
+ .htmega-form-style-1 form input {
3982
+ height: 55px;
3983
+ font-weight: 300;
3984
+ margin-top: 30px;
3985
+ padding: 0 20px;
3986
+ border: 1px solid #c1c1c1;
3987
+ font-family: "Montserrat", sans-serif;
3988
+ font-size: 13px;
3989
+ color: #a2a2a2;
3990
+ }
3991
+
3992
+ .htmega-form-style-1 form input:focus {
3993
+ border: 1px solid #18012c;
3994
+ }
3995
+
3996
+ .htmega-form-style-1 form input[type="submit"] {
3997
+ background-color: #0056ff;
3998
+ border: medium none;
3999
+ color: #ffffff;
4000
+ font-size: 14px;
4001
+ font-weight: 500;
4002
+ height: 55px;
4003
+ line-height: 55px;
4004
+ padding: 0 29px;
4005
+ text-transform: uppercase;
4006
+ width: auto;
4007
+ transition: 0.5s;
4008
+ font-family: "Montserrat", sans-serif;
4009
+ }
4010
+
4011
+ .htmega-form-style-1 form input[type="submit"]:hover {
4012
+ background-color: #18012c;
4013
+ }
4014
+
4015
+ .htmega-form-style-1 form textarea {
4016
+ border: 1px solid #c1c1c1;
4017
+ min-height: 175px;
4018
+ margin-top: 30px;
4019
+ padding: 20px;
4020
+ color: #a2a2a2;
4021
+ resize: none;
4022
+ font-family: "Montserrat", sans-serif;
4023
+ font-size: 13px;
4024
+ }
4025
+
4026
+ .htmega-form-style-1 form textarea:focus {
4027
+ border: 1px solid #18012c;
4028
+ }
4029
+
4030
+ /*Form Style 2*/
4031
+ .htmega-form-style-2 label {
4032
+ color: #ffffff;
4033
+ font-style: italic;
4034
+ font-weight: 300;
4035
+ font-size: 14px;
4036
+ margin-bottom: 11px;
4037
+ }
4038
+
4039
+ .htmega-form-style-2 input {
4040
+ height: 55px;
4041
+ font-weight: 300;
4042
+ margin-bottom: 30px;
4043
+ padding: 0 20px;
4044
+ border: 0 none;
4045
+ font-family: "Montserrat", sans-serif;
4046
+ font-size: 13px;
4047
+ background: rgba(255, 255, 255, 0.3);
4048
+ color: #ffffff;
4049
+ }
4050
+
4051
+ .htmega-form-style-2 input:focus {
4052
+ border: 1px solid #18012c;
4053
+ }
4054
+
4055
+ .htmega-form-style-2 input[type="submit"] {
4056
+ background-color: #fff;
4057
+ border: medium none;
4058
+ color: #0056ff;
4059
+ font-size: 14px;
4060
+ font-weight: 600;
4061
+ height: 55px;
4062
+ line-height: 54px;
4063
+ padding: 0 29px;
4064
+ text-transform: uppercase;
4065
+ width: 100%;
4066
+ transition: 0.5s;
4067
+ font-family: "Montserrat", sans-serif;
4068
+ margin: 0;
4069
+ }
4070
+
4071
+ .htmega-form-style-2 input[type="submit"]:hover {
4072
+ background-color: #18012c;
4073
+ color: #ffffff;
4074
+ }
4075
+ .htmega-form-style-2 textarea {
4076
+ border: 1px solid #c1c1c1;
4077
+ min-height: 209px;
4078
+ padding: 20px;
4079
+ color: #fff;
4080
+ resize: none;
4081
+ font-family: "Montserrat", sans-serif;
4082
+ font-size: 13px;
4083
+ background: rgba(255, 255, 255, 0.3);
4084
+ margin-bottom: 30px;
4085
+ border: 0 none;
4086
+ }
4087
+
4088
+ .htmega-form-style-2 textarea:focus {
4089
+ border: 1px solid #18012c;
4090
+ }
4091
+
4092
+ /* Form style 3 */
4093
+ .htmega-form-style-3 form input {
4094
+ color: #c0c0c0;
4095
+ font-weight: 300;
4096
+ font-style: italic;
4097
+ border: 0 none;
4098
+ border-bottom: 1px solid #c0c0c0;
4099
+ padding: 0;
4100
+ margin-bottom: 50px;
4101
+ padding-bottom: 4px;
4102
+ font-size: 16px;
4103
+ font-family: "Montserrat", sans-serif;
4104
+ }
4105
+
4106
+ .htmega-form-style-3 form input:focus {
4107
+ border-bottom: 1px solid #18012c;
4108
+ }
4109
+
4110
+ .htmega-form-style-3 form input[type="submit"] {
4111
+ border: 0 none;
4112
+ background: #0056ff;
4113
+ color: #fff;
4114
+ margin-top: 40px;
4115
+ margin-bottom: 0;
4116
+ height: 55px;
4117
+ line-height: 59px;
4118
+ padding: 0 20px;
4119
+ transition: 0.5s;
4120
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
4121
+ }
4122
+
4123
+ .htmega-form-style-3 form input[type="submit"]:hover {
4124
+ background: #ffffff;
4125
+ color: #0056ff;
4126
+ }
4127
+
4128
+ .htmega-form-style-3 form textarea {
4129
+ border: 0 none;
4130
+ border-bottom: 1px solid #c0c0c0;
4131
+ font-style: italic;
4132
+ padding: 0;
4133
+ min-height: 150px;
4134
+ resize: none;
4135
+ color: #c0c0c0;
4136
+ font-size: 16px;
4137
+ font-family: "Montserrat", sans-serif;
4138
+ }
4139
+
4140
+ .htmega-form-style-3 form textarea:focus {
4141
+ border-bottom: 1px solid #18012c;
4142
+ }
4143
+
4144
+ /* Form Style 4 */
4145
+ .htmega-form-style-4 form .input-box {
4146
+ display: flex;
4147
+ align-items: center;
4148
+ margin-bottom: 30px;
4149
+ }
4150
+
4151
+ .htmega-form-style-4 form .input-box label {
4152
+ color: #000000;
4153
+ font-weight: 600;
4154
+ font-size: 14px;
4155
+ flex-basis: 16%;
4156
+ }
4157
+
4158
+ .htmega-form-style-4 form .input-box span{
4159
+ flex-basis: 84%;
4160
+ }
4161
+
4162
+ .htmega-form-style-4 form .input-box input {
4163
+ background: #a2a2a2;
4164
+ color: #a2a2a2;
4165
+ font-weight: 300;
4166
+ background: #f3f3f3;
4167
+ border: 1px solid #c1c1c1;
4168
+ height: 55px;
4169
+ line-height: 55px;
4170
+ padding: 0 20px;
4171
+ font-weight: "Montserrat", sans-serif;
4172
+ }
4173
+
4174
+ .htmega-form-style-4 form .input-box input:focus {
4175
+ border: 1px solid #18012c;
4176
+ }
4177
+
4178
+ .htmega-form-style-4 form .input-box textarea {
4179
+ background: #f3f3f3;
4180
+ border: 1px solid #c1c1c1;
4181
+ min-height: 200px;
4182
+ padding: 20px;
4183
+ font-weight: "Montserrat", sans-serif;
4184
+ }
4185
+
4186
+ .htmega-form-style-4 form .input-box textarea:focus {
4187
+ border: 1px solid #18012c;
4188
+ }
4189
+
4190
+ .htmega-form-style-4 form input[type="submit"] {
4191
+ background: #0056ff;
4192
+ width: auto;
4193
+ border: 0 none;
4194
+ color: #fff;
4195
+ padding: 0 30px;
4196
+ height: 55px;
4197
+ line-height: 55px;
4198
+ margin: 0 0 0 90px;
4199
+ font-size: 14px;
4200
+ font-weight: 500;
4201
+ transition: 0.5s;
4202
+ }
4203
+
4204
+ .htmega-form-style-4 form input[type="submit"]:hover {
4205
+ opacity: 0.7;
4206
+ }
4207
+
4208
+ /* Form Style 5 */
4209
+ .contact_form_container {
4210
+ background: #81abfe;
4211
+ padding: 30px;
4212
+ }
4213
+
4214
+ .htmega-form-style-5 form input {
4215
+ margin-top: 30px;
4216
+ border: 1px solid #ffffff;
4217
+ height: 50px;
4218
+ line-height: 50px;
4219
+ color: #fff;
4220
+ font-weight: 300;
4221
+ font-family: "Montserrat", sans-serif;
4222
+ }
4223
+
4224
+ .htmega-form-style-5 form input:focus {
4225
+ border: 1px solid #18012c;
4226
+ }
4227
+
4228
+ .htmega-form-style-5 form input[type="submit"] {
4229
+ background: #fff;
4230
+ height: 55px;
4231
+ line-height: 56px;
4232
+ border: 0 none;
4233
+ padding: 0 30px;
4234
+ color: #0056ff;
4235
+ font-weight: 600;
4236
+ width: auto;
4237
+ transition: 0.5s;
4238
+ }
4239
+
4240
+ .htmega-form-style-5 form input[type="submit"]:hover {
4241
+ opacity: 0.7;
4242
+ }
4243
+
4244
+ .htmega-form-style-5 form textarea {
4245
+ margin-top: 30px;
4246
+ min-height: 145px;
4247
+ border: 1px solid #fff;
4248
+ padding: 20px;
4249
+ font-weight: 300;
4250
+ color: #fff;
4251
+ font-family: "Montserrat", sans-serif;
4252
+ }
4253
+
4254
+ .htmega-form-style-5 form textarea:focus {
4255
+ border: 1px solid #18012c;
4256
+ }
4257
+
4258
+ /* Form Style 6 */
4259
+ .htmega-form-style-6 form input {
4260
+ background: #f3f3f3;
4261
+ border: 0 none;
4262
+ height: 55px;
4263
+ padding: 0 20px;
4264
+ margin-bottom: 30px;
4265
+ font-family: "Montserrat", sans-serif;
4266
+ }
4267
+
4268
+ .htmega-form-style-6 form input:focus {
4269
+ border: 1px solid #18012c;
4270
+ }
4271
+
4272
+ .htmega-form-style-6 form input[type="submit"] {
4273
+ width: auto;
4274
+ margin: 0;
4275
+ padding: 0 58px;
4276
+ background: #0056ff;
4277
+ color: #fff;
4278
+ height: 58px;
4279
+ font-weight: 600;
4280
+ line-height: 61px;
4281
+ text-transform: uppercase;
4282
+ transition: 0.5s;
4283
+ margin-top: 10px;
4284
+ }
4285
+
4286
+ .htmega-form-style-6 form input[type="submit"]:hover {
4287
+ opacity: 0.7;
4288
+ }
4289
+
4290
+ .htmega-form-style-6 form label {
4291
+ font-size: 14px;
4292
+ color: #000000;
4293
+ font-weight: 300;
4294
+ font-style: italic;
4295
+ font-family: "Montserrat", sans-serif;
4296
+ }
4297
+
4298
+ .htmega-form-style-6 form textarea {
4299
+ background: #f3f3f3;
4300
+ border: 0 none;
4301
+ margin-bottom: 30px;
4302
+ min-height: 230px;
4303
+ resize: none;
4304
+ padding: 20px;
4305
+ margin-bottom: 30px;
4306
+ font-family: "Montserrat", sans-serif;
4307
+ }
4308
+
4309
+ .htmega-form-style-6 form textarea:focus {
4310
+ border: 1px solid #18012c;
4311
+ }
4312
+
4313
+ input,
4314
+ textarea {
4315
+ -webkit-transition: all 0.30s ease-in-out;
4316
+ -moz-transition: all 0.30s ease-in-out;
4317
+ -ms-transition: all 0.30s ease-in-out;
4318
+ -o-transition: all 0.30s ease-in-out;
4319
+ outline: none;
4320
+ }
4321
+
4322
+ /*
4323
+ * LogIn Style
4324
+ */
4325
+ .htmega-login-form-wrapper form input:not([type="checkbox"]){
4326
+ width: 100%;
4327
+ }
4328
+
4329
+ .htmega-login-form-wrapper form input:not([type="checkbox"]){
4330
+ padding: 0 15px;
4331
+ }
4332
+
4333
+ /* login widget button */
4334
+ .htmega-login-form-wrapper .htmega-login-button {
4335
+ display: -webkit-box;
4336
+ display: -ms-flexbox;
4337
+ display: flex;
4338
+ -webkit-box-pack: center;
4339
+ -ms-flex-pack: center;
4340
+ justify-content: center;
4341
+ -webkit-box-align: center;
4342
+ -ms-flex-align: center;
4343
+ align-items: center;
4344
+ margin-top: 40px;
4345
+ }
4346
+
4347
+ /* LogIn Style 1 */
4348
+ .htmega-login-form-style-1 {
4349
+ background: #fff;
4350
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
4351
+ padding: 50px 70px;
4352
+ }
4353
+
4354
+ .htmega-login-form-style-1 h2 {
4355
+ color: #000000;
4356
+ font-size: 30px;
4357
+ font-weight: 600;
4358
+ margin-bottom: 21px;
4359
+ font-family: "Montserrat", sans-serif;
4360
+ }
4361
+
4362
+ .htmega-login-form-style-1 form label {
4363
+ color: #000000;
4364
+ font-size: 13px;
4365
+ font-weight: 300;
4366
+ margin-bottom: 10px;
4367
+ font-family: "Montserrat", sans-serif;
4368
+ }
4369
+
4370
+ .htmega-login-form-style-1 form input:not([type="checkbox"]) {
4371
+ background: transparent;
4372
+ border: 1px solid #f2f2f2;
4373
+ color: #757575;
4374
+ font-size: 12px;
4375
+ margin-bottom: 24px;
4376
+ font-family: "Montserrat", sans-serif;
4377
+ height: 50px;
4378
+ }
4379
+
4380
+ .htmega-login-form-style-1 form input:not([type="checkbox"])[type="submit"] {
4381
+ margin: 0;
4382
+ width: auto;
4383
+ background: #0056ff;
4384
+ color: #fff;
4385
+ height: 43px;
4386
+ padding: 0 40px;
4387
+ font-weight: 600;
4388
+ text-transform: uppercase;
4389
+ font-size: 14px;
4390
+ border: 0 none;
4391
+ transition: 0.4s ease-in-out;
4392
+ }
4393
+
4394
+ .htmega-login-form-style-1 form input:not([type="checkbox"])[type="submit"]:hover {
4395
+ background: #18012c;
4396
+ color: #fff;
4397
+ }
4398
+
4399
+ .log-remember {
4400
+ display: flex;
4401
+ justify-content: space-between;
4402
+ align-items: center;
4403
+ font-family: "Montserrat", sans-serif;
4404
+ }
4405
+
4406
+ .log-remember a.fright ,
4407
+ .htmega-login-form-wrapper.htmega-login-form-style-3 label.lable-content ,
4408
+ .htmega-login-form-wrapper.htmega-login-form-style-5 label.lable-content{
4409
+ color: #b1b1b1;
4410
+ font-size: 12px;
4411
+ transition: 0.4s;
4412
+ font-family: "Montserrat", sans-serif;
4413
+ }
4414
+
4415
+ .htmega-login-form-wrapper.htmega-login-form-style-3 label.lable-content ,
4416
+ .htmega-login-form-wrapper.htmega-login-form-style-5 label.lable-content{
4417
+ padding-top: 3px;
4418
+ }
4419
+
4420
+ .htmega-login-form-wrapper.htmega-login-form-style-5 {
4421
+ padding: 40px 20px;
4422
+ }
4423
+
4424
+ .htmega_message {
4425
+ display: none;
4426
+ }
4427
+
4428
+ #htmega_message .alert-success,.htmega_lodding_msg {
4429
+ color: #155724 !important;
4430
+ }
4431
+ #htmega_message .alert-danger {
4432
+ color: #721c24 !important;
4433
+ }
4434
+
4435
+ /* The lable-content */
4436
+ .lable-content {
4437
+ display: block;
4438
+ position: relative;
4439
+ padding-left: 29px;
4440
+ margin-bottom: 0;
4441
+ cursor: pointer;
4442
+ font-size: 22px;
4443
+ -webkit-user-select: none;
4444
+ -moz-user-select: none;
4445
+ -ms-user-select: none;
4446
+ user-select: none;
4447
+ font-family: "Montserrat", sans-serif;
4448
+ }
4449
+
4450
+ .login-wrapper form .log-remember label {
4451
+ margin: 0;
4452
+ }
4453
+
4454
+ /* Hide the browser's default checkbox */
4455
+ .lable-content input {
4456
+ position: absolute;
4457
+ opacity: 0;
4458
+ cursor: pointer;
4459
+ }
4460
+
4461
+ /* Create a custom checkbox */
4462
+ .checkmark {
4463
+ position: absolute;
4464
+ top: 0;
4465
+ left: 0;
4466
+ height: 18px;
4467
+ width: 18px;
4468
+ border: 1px solid #0056ff;
4469
+ margin-top: 4px;
4470
+ }
4471
+
4472
+ /* On mouse-over, add a grey background color */
4473
+ .lable-content:hover input~.checkmark {
4474
+ border: 1px solid #0056ff;
4475
+ }
4476
+
4477
+ /* Create the checkmark/indicator (hidden when not checked) */
4478
+ .checkmark:after {
4479
+ content: "";
4480
+ position: absolute;
4481
+ display: block;
4482
+ }
4483
+
4484
+ /* Show the checkmark when checked */
4485
+ .lable-content input:checked~.checkmark:after {
4486
+ display: none;
4487
+ }
4488
+
4489
+ /* Style the checkmark/indicator */
4490
+ .lable-content .checkmark:after {
4491
+ left: 5px;
4492
+ top: 2px;
4493
+ width: 6px;
4494
+ height: 9px;
4495
+ border: solid #0056ff;
4496
+ border-width: 0 2px 2px 0;
4497
+ -webkit-transform: rotate(45deg);
4498
+ -ms-transform: rotate(45deg);
4499
+ transform: rotate(45deg);
4500
+ }
4501
+
4502
+ /* LogIn Style 2 */
4503
+ .htmega-login-form-style-2 {
4504
+ text-align: center;
4505
+ padding: 40px 0;
4506
+ }
4507
+
4508
+ .htmega-login-form-style-2 form input {
4509
+ border: 1px solid #ffffff;
4510
+ border-radius: 5px;
4511
+ color: #666;
4512
+ padding: 0 20px;
4513
+ margin-bottom: 10px;
4514
+ }
4515
+
4516
+ .htmega-login-form-style-2 form input[type="submit"] {
4517
+ background: #0056ff;
4518
+ border: 0 none;
4519
+ font-size: 16px;
4520
+ text-transform: uppercase;
4521
+ height: 60px;
4522
+ border-radius: 5px;
4523
+ transition: 0.3s ease-in-out;
4524
+ color: #fff;
4525
+ }
4526
+
4527
+ .htmega-login-form-style-2 form input[type="submit"]:hover {
4528
+ background: #18012c;
4529
+ color: #ffffff;
4530
+ }
4531
+
4532
+ .htmega-login-form-style-2 .separator span {
4533
+ display: block;
4534
+ color: #fff;
4535
+ font-size: 14px;
4536
+ font-weight: 600;
4537
+ margin-top: 30px;
4538
+ position: relative;
4539
+ font-family: "Montserrat", sans-serif;
4540
+ }
4541
+
4542
+ .htmega-login-form-style-2 .separator span::before,
4543
+ .htmega-login-form-style-2 .separator span::after {
4544
+ position: absolute;
4545
+ left: 0;
4546
+ top: 50%;
4547
+ background: #fff;
4548
+ width: 235px;
4549
+ height: 2px;
4550
+ content: "";
4551
+ }
4552
+
4553
+ .htmega-login-form-style-2 .separator span::after {
4554
+ left: auto;
4555
+ right: 0;
4556
+ }
4557
+
4558
+ .htmega-login-form-style-2 .log-remember a.fright {
4559
+ color: #ffffff;
4560
+ }
4561
+
4562
+ .htmega-login-form-style-2 form input::-webkit-input-placeholder {
4563
+ color: #666;
4564
+ }
4565
+
4566
+ .htmega-login-form-style-2 form input::-moz-placeholder {
4567
+ color: #666;
4568
+ }
4569
+
4570
+ .htmega-login-form-style-2 form input:-ms-input-placeholder {
4571
+ color: #666;
4572
+ }
4573
+
4574
+ .htmega-login-form-style-2 form input:-moz-placeholder {
4575
+ color: #666;
4576
+ }
4577
+
4578
+ /* Style the checkmark/indicator */
4579
+ .htmega-login-form-style-2 .checkmark,
4580
+ .htmega-login-form-style-4 .checkmark {
4581
+ border: 1px solid #ffffff;
4582
+ }
4583
+
4584
+ .htmega-login-form-style-2 .lable-content,
4585
+ .htmega-login-form-style-4 .lable-content {
4586
+ color: #ffffff;
4587
+ font-size: 12px;
4588
+ }
4589
+
4590
+ .htmega-login-form-style-2 .lable-content .checkmark:after,
4591
+ .htmega-login-form-style-4 .lable-content .checkmark:after {
4592
+ left: 5px;
4593
+ top: 2px;
4594
+ width: 6px;
4595
+ height: 9px;
4596
+ border: solid #ffffff;
4597
+ border-width: 0 2px 2px 0;
4598
+ -webkit-transform: rotate(45deg);
4599
+ -ms-transform: rotate(45deg);
4600
+ transform: rotate(45deg);
4601
+ }
4602
+
4603
+ .htmega-login-form-style-2 .lable-content:hover input~.checkmark,
4604
+ .htmega-login-form-style-4 .lable-content:hover input~.checkmark {
4605
+ border: 1px solid #ffffff;
4606
+ }
4607
+ .htmega-login-form-style-2 .log-remember {
4608
+ margin-top: 10px;
4609
+ }
4610
+
4611
+ .htmega-login-form-style-2 .htmega-user-login,.htmega-login-form-style-4 .htmega-user-login,.htmega-login-form-style-5 .htmega-user-login{
4612
+ color: #fff;
4613
+ }
4614
+
4615
+ /* LogIn Style 3 */
4616
+ .htmega-login-form-style-3 {
4617
+ padding: 60px 40px;
4618
+ }
4619
+
4620
+ .htmega-login-form-style-3 form input {
4621
+ border: 0 none;
4622
+ border-bottom: 1px solid #687ea5;
4623
+ padding: 0;
4624
+ color: #687ea5;
4625
+ font-size: 12px;
4626
+ font-weight: 300;
4627
+ font-family: "Montserrat", sans-serif;
4628
+ }
4629
+
4630
+ .htmega-login-form-style-3 form input[type="submit"] {
4631
+ background: #0056ff;
4632
+ color: #fff;
4633
+ width: auto;
4634
+ height: 50px;
4635
+ padding: 0 55px;
4636
+ border: 0 none;
4637
+ font-size: 14px;
4638
+ text-transform: uppercase;
4639
+ transition: 0.5s;
4640
+ font-weight: 600;
4641
+ }
4642
+
4643
+ .htmega-login-form-style-3 form input[type="submit"]:hover {
4644
+ opacity: 0.7;
4645
+ }
4646
+
4647
+ .htmega-login-form-style-3 {
4648
+ box-shadow: none;
4649
+ background: transparent;
4650
+ }
4651
+ .htmega-login-form-style-2 .htmega-user-login{
4652
+ text-align: left;
4653
+ }
4654
+
4655
+
4656
+ /* LogIn Style 4 */
4657
+ .htmega-login-form-style-4 {
4658
+ padding: 100px 56px;
4659
+ text-align: center;
4660
+ }
4661
+
4662
+ .htmega-login-form-style-4 form input:not(input[type=checkbox]) {
4663
+ background: rgba(255, 255, 255, 0.3);
4664
+ border: 0 none;
4665
+ margin-left: 2px;
4666
+ height: 70px;
4667
+ color: #ffffff;
4668
+ font-size: 16px;
4669
+ font-family: "Poppins", sans-serif;
4670
+ }
4671
+
4672
+ .htmega-login-form-style-4 form input[type="submit"] {
4673
+ border: 3px solid #fff;
4674
+ border-radius: 8px;
4675
+ color: #fff;
4676
+ box-sizing: border-box;
4677
+ height: 70px;
4678
+ font-size: 24px;
4679
+ font-weight: 600;
4680
+ text-transform: uppercase;
4681
+ margin-bottom: 51px;
4682
+ font-family: "Montserrat", sans-serif;
4683
+ margin: 0;
4684
+ }
4685
+
4686
+ .htmega-login-form-style-4 form input[type="submit"]:hover {
4687
+ background: #ffffff;
4688
+ color: #18012c;
4689
+ }
4690
+
4691
+ /*
4692
+ * Service Style
4693
+ */
4694
+ .htmega-service {
4695
+ margin-top: 30px;
4696
+ text-align: center;
4697
+ transition: all 0.3s ease-in-out;
4698
+ }
4699
+ .htmega-service svg {
4700
+ width: 30px;
4701
+ height: auto;
4702
+ }
4703
+ .htmega-svg-icon-box{
4704
+ line-height: 1;
4705
+ display: flex;
4706
+ align-items: center;
4707
+ justify-content: center;
4708
+ height: 100%;
4709
+ border-radius: 100%;
4710
+ transition: all 0.3s ease-in-out;
4711
+ }
4712
+ .htmega-service a.readmore_btn {
4713
+ border: 1px solid #0056ff;
4714
+ display: inline-block;
4715
+ padding: 0 42px;
4716
+ line-height: 40px;
4717
+ font-size: 14px;
4718
+ border-radius: 30px;
4719
+ color: #0056ff;
4720
+ font-weight: 600;
4721
+ transition: 0.5s;
4722
+ text-decoration: none;
4723
+ }
4724
+ .htmega-service a.readmore_btn:hover {
4725
+ background: #0056ff;
4726
+ color: #fff;
4727
+ }
4728
+ .htmega-service .service-title a{
4729
+ text-decoration: none;
4730
+ }
4731
+ .htmega-service .thumb{
4732
+ display: inline-block;
4733
+ }
4734
+ .htmega-service .thumb img {
4735
+ vertical-align: middle;
4736
+ }
4737
+ .htmega-service .thumb a {
4738
+ display: block;
4739
+ }
4740
+
4741
+ /*Service Style One*/
4742
+ .htmega-service-style-1 .icon {
4743
+ margin-bottom: 30px;
4744
+ padding: 0 12px;
4745
+ }
4746
+
4747
+ .htmega-service-style-1 .icon i {
4748
+ color: #ed552d;
4749
+ font-size: 50px;
4750
+ }
4751
+
4752
+ .htmega-service-style-1 .content {
4753
+ padding: 0 12px;
4754
+ }
4755
+
4756
+ .htmega-service-style-1 .content h4 {
4757
+ color: #5b5b5b;
4758
+ font-size: 18px;
4759
+ font-weight: 400;
4760
+ margin-bottom: 15px;
4761
+ }
4762
+
4763
+ .htmega-service-style-1 .content p {
4764
+ color: #8f8f8f;
4765
+ font-family: "Montserrat",sans-serif;
4766
+ font-size: 15px;
4767
+ line-height: 25px;
4768
+ margin: 0;
4769
+ padding: 0 0 35px;
4770
+ position: relative;
4771
+ }
4772
+
4773
+ .htmega-service-style-1 .content p::before {
4774
+ position: absolute;
4775
+ content: "";
4776
+ background: #969696;
4777
+ width: 20px;
4778
+ height: 1px;
4779
+ bottom: 0;
4780
+ left: 50%;
4781
+ transform: translateX(-50%);
4782
+ }
4783
+
4784
+ .htmega-service-style-1 .content p::after {
4785
+ position: absolute;
4786
+ content: "";
4787
+ background: #969696;
4788
+ height: 1px;
4789
+ width: 30px;
4790
+ bottom: 5px;
4791
+ left: 50%;
4792
+ transform: translateX(-50%);
4793
+ }
4794
+
4795
+ /*Service Style Two*/
4796
+ .htmega-service-style-2 {
4797
+ background: #ffffff;
4798
+ padding: 30px;
4799
+ }
4800
+
4801
+ .htmega-service-style-2 .content {
4802
+ padding-top: 30px;
4803
+ }
4804
+
4805
+ .htmega-service-style-2 .content h4 {
4806
+ color: #575757;
4807
+ font-size: 22px;
4808
+ line-height: 30px;
4809
+ margin-bottom: 13px;
4810
+ padding: 0 9px;
4811
+ }
4812
+
4813
+ .htmega-service-style-2 .content p {
4814
+ color: #818181;
4815
+ font-size: 14px;
4816
+ line-height: 24px;
4817
+ margin-bottom: 35px;
4818
+ }
4819
+
4820
+ /*Service Style Three*/
4821
+ .htmega-service-style-3 .icon {
4822
+ border: 1px solid #eff2f7;
4823
+ width: 110px;
4824
+ height: 110px;
4825
+ text-align: center;
4826
+ border-radius: 100%;
4827
+ padding: 10px;
4828
+ margin: 0 auto;
4829
+ margin-bottom: 27px;
4830
+ transition: 0.4s;
4831
+ }
4832
+ .htmega-service-style-3 .icon i {
4833
+ background: #eff2f7;
4834
+ border-radius: 100%;
4835
+ text-align: center;
4836
+ font-size: 40px;
4837
+ margin: 0 auto;
4838
+ color: #454545;
4839
+ transition: 0.4s;
4840
+ height: 100%;
4841
+ width: 100%;
4842
+ display: flex;
4843
+ align-items: center;
4844
+ justify-content: center;
4845
+ }
4846
+ .htmega-service-style-3:hover .icon {
4847
+ border: 1px solid #0056ff;
4848
+ }
4849
+
4850
+ .htmega-service-style-3:hover .icon i {
4851
+ background: #0056ff;
4852
+ color: #fff;
4853
+ }
4854
+
4855
+ .htmega-service-style-3 .content h4 {
4856
+ color: #5f5f5f;
4857
+ font-size: 16px;
4858
+ text-transform: uppercase;
4859
+ padding-bottom: 20px;
4860
+ position: relative;
4861
+ }
4862
+
4863
+ .htmega-service-style-3 .content h4::before {
4864
+ position: absolute;
4865
+ content: "";
4866
+ background: #0056ff;
4867
+ width: 30px;
4868
+ height: 3px;
4869
+ left: 50%;
4870
+ bottom: 0;
4871
+ transform: translateX(-50%);
4872
+ }
4873
+
4874
+ .htmega-service-style-3 .content p {
4875
+ color: #5b5b5b;
4876
+ font-size: 14px;
4877
+ line-height: 25px;
4878
+ padding: 0 12px;
4879
+ margin: 0;
4880
+ }
4881
+
4882
+
4883
+ .htmega-service.htmega-service-style-3:hover:after,.htmega-service.htmega-service-style-3:hover:before {
4884
+ content: "";
4885
+ background: transparent;
4886
+ width: 2px;
4887
+ height: 25px;
4888
+ top: 50%;
4889
+ margin-top:-12px;
4890
+ left: 0px;
4891
+ position: absolute;
4892
+ }
4893
+ .htmega-service.htmega-service-style-3:hover:before{
4894
+ left: auto;
4895
+ right: 0px;
4896
+ }
4897
+
4898
+ /*Service Style 04*/
4899
+ .htmega-service-style-4 {
4900
+ background: rgba(255, 255, 255, 0.15);
4901
+ padding: 75px 11px;
4902
+ }
4903
+
4904
+ .htmega-service-style-4 .content h4 {
4905
+ color: #b8b8b8;
4906
+ font-weight: 300;
4907
+ text-transform: uppercase;
4908
+ margin-bottom: 16px;
4909
+ }
4910
+
4911
+ .htmega-service-style-4 .content p {
4912
+ margin: 0;
4913
+ color: #959595;
4914
+ font-weight: 300;
4915
+ font-size: 14px;
4916
+ line-height: 24px;
4917
+ }
4918
+
4919
+ .htmega-service-style-4 .thumb {
4920
+ padding-bottom: 33px;
4921
+ position: relative;
4922
+ margin-bottom: 22px;
4923
+ }
4924
+
4925
+ .htmega-service-style-4 .thumb::before {
4926
+ position: absolute;
4927
+ content: "";
4928
+ background: #969696;
4929
+ width: 30px;
4930
+ height: 1px;
4931
+ bottom: 0;
4932
+ left: 50%;
4933
+ transform: translateX(-50%);
4934
+ }
4935
+
4936
+ .htmega-service-style-4 .thumb::after {
4937
+ position: absolute;
4938
+ content: "";
4939
+ bottom: 5px;
4940
+ left: 50%;
4941
+ transform: translateX(-50%);
4942
+ background: #969696;
4943
+ width: 20px;
4944
+ height: 1px;
4945
+ }
4946
+
4947
+ /* Service Style 05 */
4948
+ .htmega-service-style-5 .content {
4949
+ padding-top: 26px;
4950
+ }
4951
+
4952
+ .htmega-service-style-5 .content h4 {
4953
+ color: #585858;
4954
+ font-size: 17px;
4955
+ font-weight: 600;
4956
+ margin-bottom: 13px;
4957
+ }
4958
+
4959
+ .htmega-service-style-5 .content p {
4960
+ color: #414141;
4961
+ font-size: 14px;
4962
+ line-height: 24px;
4963
+ margin: 0;
4964
+ }
4965
+
4966
+ .htmega-service-style-5 .thumb {
4967
+ position: relative;
4968
+ }
4969
+
4970
+ .htmega-service-style-5 .thumb::before {
4971
+ position: absolute;
4972
+ top: 0;
4973
+ left: 0;
4974
+ display: block;
4975
+ width: 100%;
4976
+ height: 100%;
4977
+ content: "";
4978
+ -webkit-transition: opacity 1s;
4979
+ transition: opacity 1s;
4980
+ opacity: 0;
4981
+ background-image: -webkit-linear-gradient(top, #252a9c, #df09f9);
4982
+ background-image: -moz-linear-gradient(top, #252a9c, #df09f9);
4983
+ background-image: linear-gradient(0, #252a9c, #df09f9);
4984
+ }
4985
+
4986
+ .htmega-service-style-5:hover .thumb::before {
4987
+ opacity: 0.3;
4988
+ }
4989
+ .htmega-service-style-5 .thumb img{
4990
+ width: 100%;
4991
+ }
4992
+
4993
+ /*================================
4994
+ Service Style 06
4995
+ ==================================*/
4996
+ .htmega-service-style-6 {
4997
+ margin-top: 12px;
4998
+ }
4999
+
5000
+ .htmega-service-style-6 .thumb,.htmega-service-style-6 .icon {
5001
+ border: 1px solid #4e89fb;
5002
+ width: 100px;
5003
+ height: 100px;
5004
+ line-height: 100px;
5005
+ border-radius: 100%;
5006
+ float: left;
5007
+ text-align: center;
5008
+ margin-right: 22px;
5009
+ margin-top: 10px;
5010
+ overflow: hidden;
5011
+ }
5012
+ .htmega-service-style-6>a{
5013
+ float: left;
5014
+ }
5015
+
5016
+ .htmega-service-style-6 .content {
5017
+ overflow: hidden;
5018
+ }
5019
+
5020
+ .htmega-service-style-6 .content p {
5021
+ font-size: 14px;
5022
+ line-height: 25px;
5023
+ color: #5b5b5b;
5024
+ }
5025
+
5026
+ .htmega-service-style-6 .content h4 {
5027
+ color: #5f5f5f;
5028
+ font-size: 24px;
5029
+ font-weight: 600;
5030
+ margin-bottom: 7px;
5031
+ }
5032
+
5033
+ /*Service Style 07*/
5034
+ .htmega-service-style-7 {
5035
+ display: flex;
5036
+ margin-top: 0;
5037
+ position: relative;
5038
+ z-index: 1;
5039
+ padding: 40px 20px;
5040
+ border-radius: 8px;
5041
+ }
5042
+
5043
+ .htmega-service-style-7 .icon {
5044
+ margin-right: 33px;
5045
+ }
5046
+
5047
+ .htmega-service-style-7 .icon i {
5048
+ color: #4c4c4c;
5049
+ font-size: 40px;
5050
+ transition: 0.4s;
5051
+ }
5052
+
5053
+ .htmega-service-style-7 .content h4 {
5054
+ color: #4c4c4c;
5055
+ font-size: 20px;
5056
+ font-weight: 600;
5057
+ text-transform: uppercase;
5058
+ margin-bottom: 8px;
5059
+ transition: 0.4s;
5060
+ }
5061
+
5062
+ .htmega-service-style-7 .content p {
5063
+ color: #5b5b5b;
5064
+ font-size: 14px;
5065
+ line-height: 25px;
5066
+ margin: 0;
5067
+ transition: 0.4s;
5068
+ }
5069
+
5070
+ .htmega-service-style-7::before {
5071
+ background: #fff none repeat scroll 0 0;
5072
+ content: "";
5073
+ height: 100%;
5074
+ left: 0;
5075
+ opacity: 1;
5076
+ position: absolute;
5077
+ top: 0;
5078
+ transition: all 0.4s ease-in-out 0s;
5079
+ width: 100%;
5080
+ z-index: -1;
5081
+ }
5082
+
5083
+ .htmega-service-style-7:hover::before {
5084
+ opacity: 0;
5085
+ }
5086
+
5087
+ .htmega-service-style-7:hover .content h4,
5088
+ .htmega-service-style-7:hover .content p,
5089
+ .htmega-service-style-7:hover .icon i {
5090
+ color: #fff !important;
5091
+ }
5092
+
5093
+ /* small mobile :320px. */
5094
+ @media (max-width: 767px) {
5095
+ .htmega-service.htmega-service-style-2 .thumb {
5096
+ display:block;
5097
+ }
5098
+ .htmega-service.htmega-service-style-2 .thumb img{
5099
+ width: 100%;
5100
+ }
5101
+ }
5102
+ /*
5103
+ * News Ticker Css
5104
+ */
5105
+ .breaking-news-title svg {
5106
+ width: 20px;
5107
+ }
5108
+ .breaking-news-default {
5109
+ border: 1px solid #18012c;
5110
+ display: flex;
5111
+ align-items: center;
5112
+ }
5113
+
5114
+ .breaking-news-default .breaking-news-title {
5115
+ display: flex;
5116
+ height: 80px;
5117
+ align-items: center;
5118
+ }
5119
+
5120
+ .breaking-news-default .breaking-news-title h5 {
5121
+ position: relative;
5122
+ font-weight: 600;
5123
+ font-size: 30px;
5124
+ letter-spacing: 0.5px;
5125
+ margin: 0;
5126
+ text-transform: uppercase;
5127
+ padding: 0 48px;
5128
+ width: max-content;
5129
+ display: flex;
5130
+ align-items: center;
5131
+ }
5132
+
5133
+ .breaking-news-default .breaking-news-ticker {
5134
+ margin-left: 20px;
5135
+ list-style: none;
5136
+ padding: 0;
5137
+ margin: 0;
5138
+ padding-left: 22px;
5139
+ width: 100%;
5140
+ }
5141
+
5142
+ .breaking-news-default .breaking-news-ticker li {
5143
+ padding: 5px 0;
5144
+ height: 100%;
5145
+ display: flex;
5146
+ align-items: center;
5147
+ }
5148
+
5149
+ .breaking-news-default .breaking-news-ticker li a {
5150
+ display: block;
5151
+ line-height: 24px;
5152
+ font-size: 16px;
5153
+ font-family: "Poppins", sans-serif;
5154
+ color: #18012c;
5155
+ text-decoration: none;
5156
+ }
5157
+
5158
+ .breaking-news-default .breaking-news-ticker li span.news_date {
5159
+ background: #d20001;
5160
+ color: #fff;
5161
+ font-size: 12px;
5162
+ margin-left: 30px;
5163
+ padding: 5px 5px;
5164
+ border-radius: 3px;
5165
+ display: inline-block;
5166
+ line-height: 1;
5167
+ }
5168
+
5169
+ .breaking-news-default .breaking-news-nav {
5170
+ float: right;
5171
+ display: flex;
5172
+ height: 80px;
5173
+ align-items: center;
5174
+ margin-right: 42px;
5175
+ }
5176
+
5177
+ .breaking-news-default .breaking-news-nav button {
5178
+ border: 1px solid #18012c;
5179
+ height: 40px;
5180
+ margin: 0 5px;
5181
+ padding: 0;
5182
+ transition: all 0.3s ease-in-out 0s;
5183
+ width: 40px;
5184
+ background: transparent;
5185
+ }
5186
+
5187
+ .breaking-news-default .breaking-news-nav button i {
5188
+ color: #18012c;
5189
+ font-size: 24px;
5190
+ }
5191
+
5192
+ .breaking-news-default::before {
5193
+ position: absolute;
5194
+ content: "";
5195
+ background: #1d62af;
5196
+ left: 0;
5197
+ top: 0;
5198
+ width: 100%;
5199
+ height: 100%;
5200
+ z-index: -1;
5201
+ transform: skew(-20deg);
5202
+ }
5203
+
5204
+ .htmega-newsticker-style-2.breaking-news-default::before,.htmega-newsticker-style-3.breaking-news-default::before,.htmega-newsticker-style-4.breaking-news-default::before,.htmega-newsticker-style-6.breaking-news-default::before,.htmega-newsticker-style-5.breaking-news-default::before,.htmega-newsticker-style-7.breaking-news-default::before{
5205
+ display: none;
5206
+ }
5207
+
5208
+ /*News Ticker Style 1*/
5209
+ .htmega-newsticker-style-1 {
5210
+ border: 0 none;
5211
+ float: left;
5212
+ position: relative;
5213
+ width: 100%;
5214
+ z-index: 1;
5215
+ }
5216
+
5217
+ .htmega-newsticker-style-1 .breaking-news-title {
5218
+ display: flex;
5219
+ align-items: center;
5220
+ }
5221
+
5222
+ .htmega-newsticker-style-1 .breaking-news-title h5 {
5223
+ position: relative;
5224
+ left: -20px;
5225
+ display: block;
5226
+ color: #ffffff;
5227
+ font-weight: 600;
5228
+ font-size: 30px;
5229
+ letter-spacing: 0.5px;
5230
+ margin: 0;
5231
+ text-transform: uppercase;
5232
+ height: 60px;
5233
+ line-height: 59px;
5234
+ padding: 0 48px;
5235
+ display: flex;
5236
+ align-items: center;
5237
+ }
5238
+ .htmega-newsticker-style-1 .breaking-news-title h5::before {
5239
+ position: absolute;
5240
+ content: "";
5241
+ transform: skew(-20deg);
5242
+ background: #d20001;
5243
+ left: 0;
5244
+ top: 0;
5245
+ width: 100%;
5246
+ height: 100%;
5247
+ z-index: -1;
5248
+ }
5249
+
5250
+ .htmega-newsticker-style-1 .breaking-news-title h5 i,.htmega-newsticker-style-1 .breaking-news-title h5 .htmega-news-tickr-svg-icon-box {
5251
+ width: 40px;
5252
+ height: 40px;
5253
+ color: #d20001;
5254
+ background: #fff;
5255
+ text-align: center;
5256
+ line-height: 40px;
5257
+ border-radius: 100%;
5258
+ font-size: 28px;
5259
+ padding: 0;
5260
+ margin-left: 10px;
5261
+ }
5262
+ /* svg icon style */
5263
+ .breaking-news-title h5 .htmega-news-tickr-svg-icon-box svg{
5264
+ height: auto;
5265
+ }
5266
+ .htmega-news-tickr-svg-icon-box {
5267
+ display: flex;
5268
+ align-items: center;
5269
+ justify-content: center;
5270
+ }
5271
+ .htmega-newsticker-style-1 .breaking-news-ticker {
5272
+ margin-left: 20px;
5273
+ list-style: none;
5274
+ padding: 0;
5275
+ margin: 0;
5276
+ padding-left: 22px;
5277
+ }
5278
+
5279
+ .htmega-newsticker-style-1 .breaking-news-ticker li {
5280
+ padding: 5px 0;
5281
+ }
5282
+
5283
+ .htmega-newsticker-style-1 .breaking-news-ticker li a {
5284
+ color: #ffffff;
5285
+ }
5286
+
5287
+ .htmega-newsticker-style-1 .breaking-news-nav {
5288
+ float: right;
5289
+ display: flex;
5290
+ align-items: center;
5291
+ margin-right: 42px;
5292
+ margin-left: auto;
5293
+ }
5294
+
5295
+ .htmega-newsticker-style-1 .breaking-news-nav button {
5296
+ border: 1px solid #fff;
5297
+ margin: 0 5px;
5298
+ transform: skew(-20deg);
5299
+ }
5300
+
5301
+ .htmega-newsticker-style-1 .breaking-news-nav button:hover {
5302
+ border: 1px solid #d20001;
5303
+ background: #d20001;
5304
+ }
5305
+
5306
+ .htmega-newsticker-style-1 .breaking-news-nav button i {
5307
+ color: #ffffff;
5308
+ font-size: 24px;
5309
+ }
5310
+
5311
+
5312
+ /*News Ticker Style 2*/
5313
+ .htmega-newsticker-style-2 {
5314
+ border: 1px solid #1d62af;
5315
+ overflow: hidden;
5316
+ }
5317
+ .htmega-newsticker-style-2 .breaking-news-title h5 {
5318
+ position: relative;
5319
+ color: #ffffff;
5320
+ font-weight: 600;
5321
+ font-size: 20px;
5322
+ margin: 0;
5323
+ text-transform: capitalize;
5324
+ padding: 0 20px;
5325
+ background: #1d62af;
5326
+ font-style: italic;
5327
+ padding-right: 0;
5328
+ align-self: stretch;
5329
+ display: flex;
5330
+ align-items: center;
5331
+ justify-content: center;
5332
+ width: max-content;
5333
+ }
5334
+
5335
+ .htmega-newsticker-style-2 .breaking-news-title h5::before {
5336
+ position: absolute;
5337
+ top: 0;
5338
+ border-right: 40px solid transparent;
5339
+ border-top: 40px solid transparent;
5340
+ border-bottom: 40px solid transparent;
5341
+ content: "";
5342
+ border-left: 40px solid #1d62af;
5343
+ left: 100%;
5344
+ background: transparent!important;
5345
+ background-color: none!important;
5346
+ background-image: none!important;
5347
+ }
5348
+
5349
+ .htmega-newsticker-style-2 .breaking-news-ticker {
5350
+ padding-left: 57px;
5351
+ }
5352
+
5353
+ .htmega-newsticker-style-2 .breaking-news-ticker li a {
5354
+ color: #181818;
5355
+ }
5356
+ .htmega-newsticker-style-2 .breaking-news-nav {
5357
+ margin-right: 29px;
5358
+ }
5359
+
5360
+ .htmega-newsticker-style-2 .breaking-news-nav button {
5361
+ margin: 0 3px;
5362
+ border: 1px solid transparent;
5363
+ width: auto;
5364
+ height: auto;
5365
+ }
5366
+
5367
+ .htmega-newsticker-style-2 .breaking-news-nav button i {
5368
+ color: #000000;
5369
+ font-size: 30px;
5370
+ transition: 0.3s ease-in-out;
5371
+ }
5372
+
5373
+ .htmega-newsticker-style-2 .breaking-news-nav button i:hover {
5374
+ color: #1d62af;
5375
+ }
5376
+
5377
+ /*News Ticker Style 3*/
5378
+ .htmega-newsticker-style-3 {
5379
+ border: 1px solid #1d62af;
5380
+ border-radius: 40px;
5381
+ overflow: hidden;
5382
+ display: flex;
5383
+ }
5384
+ .htmega-newsticker-style-3 .breaking-news-title{
5385
+ order: 3;
5386
+ }
5387
+
5388
+ .htmega-newsticker-style-3 .breaking-news-title {
5389
+ display: flex;
5390
+ align-items: center;
5391
+ background: #1d62af;
5392
+ border-radius: 0 40px 40px 0;
5393
+ }
5394
+
5395
+ .htmega-newsticker-style-3 .breaking-news-title h5 {
5396
+ position: relative;
5397
+ color: #ffffff;
5398
+ font-weight: 600;
5399
+ font-size: 20px;
5400
+ margin: 0;
5401
+ text-transform: capitalize;
5402
+ padding: 0 20px;
5403
+ font-style: italic;
5404
+ padding-right: 20px;
5405
+ align-self: stretch;
5406
+ display: flex;
5407
+ align-items: center;
5408
+ justify-content: center;
5409
+ padding-left: 0;
5410
+ width: max-content;
5411
+ }
5412
+
5413
+ .htmega-newsticker-style-3 .breaking-news-title h5::before {
5414
+ position: absolute;
5415
+ top: 0;
5416
+ border-right: 40px solid #1d62af;
5417
+ border-top: 40px solid transparent;
5418
+ border-bottom: 40px solid transparent;
5419
+ content: "";
5420
+ border-left: 40px solid transparent;
5421
+ right: 100%;
5422
+ background: transparent!important;
5423
+ background-color: none!important;
5424
+ background-image: none!important;
5425
+ }
5426
+
5427
+ .htmega-newsticker-style-3 .breaking-news-ticker {
5428
+ flex-grow: 1;
5429
+ order: 2;
5430
+ padding-right: 57px;
5431
+ }
5432
+
5433
+ .htmega-newsticker-style-3 .breaking-news-ticker li {
5434
+ padding: 5px 0;
5435
+ }
5436
+
5437
+ .htmega-newsticker-style-3 .breaking-news-ticker li a {
5438
+ color: #181818;
5439
+ }
5440
+
5441
+ .htmega-newsticker-style-3 .breaking-news-ticker li a span.news_date {
5442
+ margin-left: 30px;
5443
+ }
5444
+
5445
+ .htmega-newsticker-style-3 .breaking-news-nav {
5446
+ margin-right: 0;
5447
+ float: left;
5448
+ margin-left: 29px;
5449
+ order: 1;
5450
+ }
5451
+
5452
+ .htmega-newsticker-style-3 .breaking-news-nav button {
5453
+ margin: 0 3px;
5454
+ border: 1px solid transparent;
5455
+ width: auto;
5456
+ height: auto;
5457
+ }
5458
+
5459
+ .htmega-newsticker-style-3 .breaking-news-nav button i {
5460
+ color: #000000;
5461
+ font-size: 30px;
5462
+ transition: 0.3s ease-in-out;
5463
+ }
5464
+
5465
+ .htmega-newsticker-style-3 .breaking-news-nav button i:hover {
5466
+ color: #1d62af;
5467
+ }
5468
+
5469
+ /*News Ticker Style 4*/
5470
+ .htmega-newsticker-style-4 {
5471
+ border: 0 none;
5472
+ background: #1d62af;
5473
+ overflow: hidden;
5474
+ }
5475
+
5476
+ .htmega-newsticker-style-4 .breaking-news-title {
5477
+ display: flex;
5478
+ height: 50px;
5479
+ align-items: center;
5480
+ background: #f05555;
5481
+ align-self: stretch;
5482
+ display: flex;
5483
+ align-items: center;
5484
+ justify-content: center;
5485
+ }
5486
+
5487
+ .htmega-newsticker-style-4 .breaking-news-title h5 {
5488
+ position: relative;
5489
+ color: #ffffff;
5490
+ font-weight: 600;
5491
+ font-size: 18px;
5492
+ margin: 0;
5493
+ text-transform: capitalize;
5494
+ padding: 0 27px;
5495
+ }
5496
+
5497
+ .htmega-newsticker-style-4 .breaking-news-ticker {
5498
+ padding-left: 30px;
5499
+ }
5500
+
5501
+ .htmega-newsticker-style-4 .breaking-news-ticker li {
5502
+ padding: 5px 0;
5503
+ }
5504
+
5505
+ .htmega-newsticker-style-4 .breaking-news-ticker li a {
5506
+ display: block;
5507
+ color: #ffffff;
5508
+ font-size: 14px;
5509
+ font-family: "Poppins", sans-serif;
5510
+ }
5511
+
5512
+ .htmega-newsticker-style-4 .breaking-news-nav {
5513
+ margin-right: -1px;
5514
+ height: 50px;
5515
+ }
5516
+
5517
+ .htmega-newsticker-style-4 .breaking-news-nav button {
5518
+ margin: 0 1px;
5519
+ border: 1px solid transparent;
5520
+ width: 50px;
5521
+ height: 50px;
5522
+ background: #4b7bb0;
5523
+ }
5524
+
5525
+ .htmega-newsticker-style-4 .breaking-news-nav button i {
5526
+ color: #ffffff;
5527
+ font-size: 30px;
5528
+ transition: 0.3s ease-in-out;
5529
+ }
5530
+
5531
+ .htmega-newsticker-style-4 .breaking-news-nav button i:hover {
5532
+ color: #18012c;
5533
+ }
5534
+
5535
+ /*News Ticker Style 5*/
5536
+ .htmega-newsticker-style-5 {
5537
+ border: 0 none;
5538
+ overflow: hidden;
5539
+ background: #00C8FA;
5540
+ }
5541
+ .htmega-newsticker-style-5.breaking-news-default::before{
5542
+ transform: skew(0deg);
5543
+ }
5544
+ .htmega-newsticker-style-5 .breaking-news-title {
5545
+ display: flex;
5546
+ height: 50px;
5547
+ align-items: center;
5548
+ background: #f05555;
5549
+ align-self: stretch;
5550
+ display: flex;
5551
+ align-items: center;
5552
+ justify-content: center;
5553
+ position: relative;
5554
+ }
5555
+
5556
+ .htmega-newsticker-style-5 .breaking-news-title::before {
5557
+ position: absolute;
5558
+ top: 50%;
5559
+ border-right: 15px solid transparent;
5560
+ border-top: 15px solid transparent;
5561
+ border-bottom: 15px solid transparent;
5562
+ content: "";
5563
+ border-left: 15px solid #f05555;
5564
+ left: 100%;
5565
+ transform: translateY(-50%);
5566
+ }
5567
+
5568
+ .htmega-newsticker-style-5 .breaking-news-title h5 {
5569
+ color: #ffffff;
5570
+ font-weight: 600;
5571
+ font-size: 18px;
5572
+ margin: 0;
5573
+ text-transform: capitalize;
5574
+ padding: 0 27px;
5575
+ }
5576
+
5577
+ .htmega-newsticker-style-5 .breaking-news-ticker {
5578
+ padding-left: 34px;
5579
+ }
5580
+
5581
+ .htmega-newsticker-style-5 .breaking-news-ticker li {
5582
+ padding: 5px 0;
5583
+ }
5584
+
5585
+ .htmega-newsticker-style-5 .breaking-news-ticker li a {
5586
+ display: block;
5587
+ color: #ffffff;
5588
+ font-size: 14px;
5589
+ font-family: "Poppins", sans-serif;
5590
+ }
5591
+
5592
+ .htmega-newsticker-style-5 .breaking-news-nav {
5593
+ margin-right: 11px;
5594
+ height: 50px;
5595
+ }
5596
+
5597
+ .htmega-newsticker-style-5 .breaking-news-nav button {
5598
+ margin: 0;
5599
+ border: 1px solid transparent;
5600
+ width: auto;
5601
+ height: auto;
5602
+ }
5603
+
5604
+ .htmega-newsticker-style-5 .breaking-news-nav button i {
5605
+ color: #ffffff;
5606
+ font-size: 30px;
5607
+ transition: 0.3s ease-in-out;
5608
+ }
5609
+
5610
+ .htmega-newsticker-style-5 .breaking-news-nav button i:hover {
5611
+ color: #18012c;
5612
+ }
5613
+
5614
+ /*News Ticker Style 6*/
5615
+ .htmega-newsticker-style-6 {
5616
+ border: 1px solid #1d62af;
5617
+ overflow: hidden;
5618
+ }
5619
+ .htmega-newsticker-style-6.breaking-news-default::before{
5620
+ transform: skew(0deg);
5621
+ }
5622
+ .htmega-newsticker-style-6 .breaking-news-title {
5623
+
5624
+ height: 60px;
5625
+ position: relative;
5626
+ z-index: 1;
5627
+ padding: 0 18px 0 0;
5628
+ width: max-content;
5629
+ }
5630
+ .htmega-newsticker-style-6 .breaking-news-title::before {
5631
+ position: absolute;
5632
+ left: -16px;
5633
+ top: 0;
5634
+ background: #1d62af;
5635
+ width: 100%;
5636
+ height: 100%;
5637
+ content: "";
5638
+ z-index: -1;
5639
+ transform: skew(-26deg);
5640
+ }
5641
+
5642
+ .htmega-newsticker-style-6 .breaking-news-title h5 {
5643
+ color: #fff;
5644
+ font-weight: 600;
5645
+ font-size: 18px;
5646
+ margin: 0;
5647
+ text-transform: capitalize;
5648
+ padding: 0 18px;
5649
+ z-index: 1;
5650
+ position: relative;
5651
+ }
5652
+
5653
+ .htmega-newsticker-style-6 .breaking-news-ticker {
5654
+ padding-left: 34px;
5655
+ }
5656
+
5657
+ .htmega-newsticker-style-6 .breaking-news-ticker li {
5658
+ padding: 5px 0;
5659
+ }
5660
+
5661
+ .htmega-newsticker-style-6 .breaking-news-ticker li a {
5662
+ display: block;
5663
+ color: #000000;
5664
+ font-size: 14px;
5665
+ font-family: "Poppins", sans-serif;
5666
+ }
5667
+
5668
+ .htmega-newsticker-style-6 .breaking-news-nav {
5669
+ margin-right: 11px;
5670
+ height: 60px;
5671
+ }
5672
+
5673
+ .htmega-newsticker-style-6 .breaking-news-nav button {
5674
+ margin: 0;
5675
+ border: 1px solid transparent;
5676
+ width: auto;
5677
+ height: auto;
5678
+ }
5679
+
5680
+ .htmega-newsticker-style-6 .breaking-news-nav button i {
5681
+ color: #ffffff;
5682
+ font-size: 30px;
5683
+ transition: 0.3s ease-in-out;
5684
+ }
5685
+
5686
+ .htmega-newsticker-style-6 .breaking-news-nav button i:hover {
5687
+ color: #18012c;
5688
+ }
5689
+
5690
+ /*News Ticker Style 7*/
5691
+ .htmega-newsticker-style-7 {
5692
+ border: 1px solid #1d62af;
5693
+ overflow: hidden;
5694
+ }
5695
+ .htmega-newsticker-style-7.breaking-news-default::before{
5696
+ transform: skew(0deg);
5697
+ }
5698
+
5699
+ .htmega-newsticker-style-7 .breaking-news-title {
5700
+ display: flex;
5701
+ height: 60px;
5702
+ align-items: center;
5703
+ align-self: stretch;
5704
+ justify-content: center;
5705
+ position: relative;
5706
+ z-index: 1;
5707
+ padding: 0 18px 0 0;
5708
+ }
5709
+
5710
+ .htmega-newsticker-style-7 .breaking-news-title::before {
5711
+ position: absolute;
5712
+ left: -10px;
5713
+ top: 0;
5714
+ background: #1d62af;
5715
+ width: 100%;
5716
+ height: 100%;
5717
+ content: "";
5718
+ z-index: -1;
5719
+ border-radius: 0 45px 0px 0;
5720
+ }
5721
+
5722
+ .htmega-newsticker-style-7 .breaking-news-title h5 {
5723
+ color: #fff;
5724
+ font-weight: 600;
5725
+ font-size: 18px;
5726
+ margin: 0;
5727
+ text-transform: capitalize;
5728
+ padding: 0 27px;
5729
+ z-index: 1;
5730
+ position: relative;
5731
+ }
5732
+
5733
+ .htmega-newsticker-style-7 .breaking-news-ticker {
5734
+ padding-left: 34px;
5735
+ }
5736
+
5737
+ .htmega-newsticker-style-7 .breaking-news-ticker li {
5738
+ padding: 5px 0;
5739
+ }
5740
+
5741
+ .htmega-newsticker-style-7 .breaking-news-ticker li a {
5742
+ display: block;
5743
+ color: #000000;
5744
+ font-size: 14px;
5745
+ font-family: "Poppins", sans-serif;
5746
+ }
5747
+
5748
+ .htmega-newsticker-style-7 .breaking-news-nav {
5749
+ margin-right: 12px;
5750
+ height: 60px;
5751
+ }
5752
+
5753
+ .htmega-newsticker-style-7 .breaking-news-nav button {
5754
+ margin: 0 1px;
5755
+ border: 1px solid transparent;
5756
+ width: 38px;
5757
+ height: 38px;
5758
+ background: #1d62af;
5759
+ }
5760
+
5761
+ .htmega-newsticker-style-7 .breaking-news-nav button i {
5762
+ color: #ffffff;
5763
+ font-size: 30px;
5764
+ transition: 0.3s ease-in-out;
5765
+ }
5766
+
5767
+ .htmega-newsticker-style-7 .breaking-news-nav button:hover {
5768
+ opacity: 0.7;
5769
+ }
5770
+
5771
+
5772
+ @media (max-width: 767px) {
5773
+ .breaking-news-default {
5774
+ flex-direction: column;
5775
+ justify-content: center;
5776
+ overflow: hidden;
5777
+ }
5778
+ .breaking-news-default .breaking-news-title {
5779
+ margin-bottom: 15px;
5780
+ width: 100%;
5781
+ min-height: 45px;
5782
+ }
5783
+ .breaking-news-default .breaking-news-title h5 {
5784
+ padding: 0 15px;
5785
+ width: 100%;
5786
+ justify-content: center;
5787
+ }
5788
+ .htmega-newsticker-style-1 .breaking-news-title h5{
5789
+ left: 0;
5790
+ }
5791
+ .htmega-newsticker-style-1 .breaking-news-ticker,.breaking-news-default .breaking-news-ticker{
5792
+ padding:0 15px;
5793
+ }
5794
+ .htmega-newsticker-style-2 .breaking-news-nav {
5795
+ margin-right: 0;
5796
+ }
5797
+ .htmega-newsticker-style-2 .breaking-news-ticker {
5798
+ padding-left: 0 15px;
5799
+ }
5800
+ .htmega-newsticker-style-3 .breaking-news-title {
5801
+ border-radius: 0;
5802
+ margin-bottom: 0;
5803
+ margin-top: 15px;
5804
+ }
5805
+ .htmega-newsticker-style-5 .breaking-news-nav {
5806
+ margin-right: 0;
5807
+ }
5808
+ .htmega-newsticker-style-3 .breaking-news-nav {
5809
+ margin-left: 0;
5810
+ }
5811
+ .htmega-newsticker-style-6 .breaking-news-title::before {
5812
+ left: 0;
5813
+ transform: skew(0);
5814
+ }
5815
+ .htmega-newsticker-style-7 .breaking-news-title::before {
5816
+ left: 0;
5817
+ border-radius: 0;
5818
+ }
5819
+
5820
+ .breaking-news-default .breaking-news-title {
5821
+ height: auto;
5822
+ }
5823
+ .breaking-news-default.htmega-newsticker-style-1 .breaking-news-title{
5824
+ height: 80px;
5825
+ }
5826
+ .htmega-newsticker-style-4 .breaking-news-nav {
5827
+ margin-top: 15px;
5828
+ }
5829
+ }
5830
+
5831
+
5832
+
5833
+
5834
+ /*
5835
+ * Social Share Style
5836
+ */
5837
+ .htmega-social-share ul{
5838
+ list-style: none;
5839
+ margin: 0;
5840
+ padding: 0;
5841
+ list-style: none;
5842
+ }
5843
+
5844
+ .htmega-social-share ul li {
5845
+ font-family: "Montserrat", sans-serif;
5846
+ cursor: pointer;
5847
+ color: #fff;
5848
+ }
5849
+
5850
+ .htmega-social-share svg {
5851
+ width: 20px;
5852
+ display: inline-block;
5853
+ }
5854
+ .htmega-social-share.htmega-social-view-icon-title ul li{
5855
+ padding-right: 15px;
5856
+ }
5857
+ .htmega-social-share.htmega-social-view-title ul li{
5858
+ padding: 0px 15px;
5859
+ }
5860
+
5861
+ .htmega-social-share ul li i , .htmega-social-share ul li svg{
5862
+ display: block;
5863
+ float: left;
5864
+ height: 42px;
5865
+ line-height: 42px;
5866
+ width: 42px;
5867
+ }
5868
+ .htmega-share-counter {
5869
+ margin-left: 5px;
5870
+ }
5871
+
5872
+ /*Social Icons Style 01*/
5873
+ .htmega-social-style-1 ul li {
5874
+ display: inline-block;
5875
+ text-align: center;
5876
+ font-size: 16px;
5877
+ margin-right: 5px;
5878
+ margin-bottom: 10px;
5879
+ transition: 0.5s;
5880
+ line-height: 42px;
5881
+ }
5882
+
5883
+ .htmega-social-style-1 ul li:hover {
5884
+ opacity: 0.7;
5885
+ }
5886
+
5887
+ /*
5888
+ * LightBox Style
5889
+ */
5890
+ .htmega-lightbox {
5891
+ position: relative;
5892
+ margin-top: 30px;
5893
+ overflow: hidden;
5894
+ }
5895
+
5896
+ .htmega-lightbox .htmega-lightboxthumb a img {
5897
+ width: 100%;
5898
+ }
5899
+
5900
+ .htmega-lightbox .htmega-lightbox-action {
5901
+ position: absolute;
5902
+ top: 0;
5903
+ width: 100%;
5904
+ height: 100%;
5905
+ transition: 0.5s;
5906
+ left: 0;
5907
+ opacity: 0;
5908
+ }
5909
+
5910
+ .htmega-lightbox .htmega-lightbox-action::before {
5911
+ position: absolute;
5912
+ width: 100%;
5913
+ height: 100%;
5914
+ top: 0;
5915
+ background: rgba(0, 0, 0, 0.5);
5916
+ content: "";
5917
+ left: 0;
5918
+ }
5919
+
5920
+ .htmega-lightbox .htmega-lightbox-action a {
5921
+ position: absolute;
5922
+ top: 50%;
5923
+ transform:translate(-50%,-50%);
5924
+ text-align: center;
5925
+ border: 1px solid #fff;
5926
+ display: inline-block;
5927
+ border-radius: 100%;
5928
+ left: 50%;
5929
+ }
5930
+ .htmega-lightbox .htmega-lightbox-action a i {
5931
+ width: 30px;
5932
+ height: 30px;
5933
+ display: inline-block;
5934
+ line-height: 30px;
5935
+ color: #fff;
5936
+ font-size: 25px;
5937
+ text-align: center;
5938
+ }
5939
+ .image-popup-vertical-fit svg {
5940
+ width: 20px;
5941
+ }
5942
+
5943
+ .htmega-lightbox .htmega-lightbox-action a.play__btn i {
5944
+ border: 1px solid transparent;
5945
+ }
5946
+
5947
+ .htmega-lightbox:hover .htmega-lightbox-action {
5948
+ opacity: 1;
5949
+ }
5950
+ .mfp-no-margins img.mfp-img {
5951
+ padding: 0;
5952
+ }
5953
+ .mfp-no-margins .mfp-figure:after {
5954
+ top: 0;
5955
+ bottom: 0;
5956
+ }
5957
+ .mfp-no-margins .mfp-container {
5958
+ padding: 0;
5959
+ }
5960
+
5961
+ .lightbox_button_only .htmega-lightbox-action {
5962
+ opacity: 1;
5963
+ position: static;
5964
+ }
5965
+ .lightbox_button_only.htmega-lightbox .htmega-lightbox-action a{
5966
+ position: static;
5967
+ transform: translate(0, 0);
5968
+ }
5969
+ .lightbox_button_only .htmega-lightbox-action::before{
5970
+ display: none;
5971
+ }
5972
+ .mfp-image-holder .mfp-close,
5973
+ .mfp-iframe-holder .mfp-close{
5974
+ width: auto !important;
5975
+ }
5976
+
5977
+
5978
+ /*
5979
+ * Video Player
5980
+ */
5981
+ .htmega-player-container .magnify-video-active {
5982
+ background: #fff none repeat scroll 0 0;
5983
+ border: 0 none;
5984
+ border-radius: 100%;
5985
+ color: #18012c;
5986
+ display: inline-block;
5987
+ font-size: 40px;
5988
+ text-align: center;
5989
+ transition: all 0.5s ease-in-out 0s;
5990
+ padding: 10px 25px;
5991
+ text-decoration: none;
5992
+ position: relative;
5993
+ }
5994
+ .htmega-player-container .magnify-video-active *{
5995
+ line-height: initial;
5996
+ }
5997
+ .htmega-player-container .magnify-video-active:hover {
5998
+ transform: scale(1.2);
5999
+ background: #18012c;
6000
+ color: #fff;
6001
+ }
6002
+ a.magnify-video-active:focus,.mfp-iframe-holder .mfp-close:hover{
6003
+ outline: 0;
6004
+ border:none;
6005
+ }
6006
+ .mfp-iframe-holder .mfp-close, .mfp-iframe-holder .mfp-close:hover {
6007
+ display: inline-block;
6008
+ width: auto;
6009
+ background: transparent;
6010
+ }
6011
+
6012
+ /* Animation Button css */
6013
+ .htmega-player-container .magnify-video-active i,
6014
+ .htmega-player-container .magnify-video-active img{
6015
+ position: relative;
6016
+ z-index: 1;
6017
+ }
6018
+ .htmega-video-mark {
6019
+ position: absolute;
6020
+ pointer-events: none;
6021
+ left: 50%;
6022
+ top: 50%;
6023
+ }
6024
+ .htmega-video-mark .htmega-wave-pulse {
6025
+ width: 1px;
6026
+ height: 0;
6027
+ margin: 0 auto;
6028
+ }
6029
+ .htmega-video-mark .htmega-wave-pulse::after, .htmega-video-mark .htmega-wave-pulse::before {
6030
+ opacity: 0;
6031
+ content: '';
6032
+ display: block;
6033
+ position: absolute;
6034
+ width: 200px;
6035
+ height: 200px;
6036
+ top: 50%;
6037
+ left: 50%;
6038
+ border-radius: 50%;
6039
+ border: 3px solid #fff;
6040
+ animation: zoomBig 2.25s linear infinite;
6041
+ animation-delay: 0s;
6042
+ }
6043
+ .htmega-video-mark .htmega-wave-pulse::before {
6044
+ animation-delay: .75s;
6045
+ }
6046
+ .htmega-player-container iframe.playerBox {
6047
+ width: 100%!important;
6048
+ margin: 0!important;
6049
+ height: 100%!important;
6050
+ }
6051
+ @keyframes zoomBig {
6052
+ 0% {
6053
+ transform: translate(-50%, -50%) scale(0);
6054
+ opacity: 1;
6055
+ border-width: 4px;
6056
+ }
6057
+ 40% {
6058
+ opacity: .8;
6059
+ border-width: 3px;
6060
+ }
6061
+ 65% {
6062
+ border-width: 2px;
6063
+ }
6064
+ 100% {
6065
+ transform: translate(-50%, -50%) scale(1);
6066
+ opacity: 0;
6067
+ border-width: 2px;
6068
+ }
6069
+ }
6070
+
6071
+ /*
6072
+ * Search Style
6073
+ */
6074
+ .htmega-search-box input:focus {
6075
+ outline: none;
6076
+ }
6077
+ .htmega-search-box .btn-search{
6078
+ background: transparent;
6079
+ padding: 0;
6080
+ }
6081
+ .htmega-search-box svg {
6082
+ width: 20px;
6083
+ margin-top: 8px;
6084
+ }
6085
+
6086
+ /* Search Style 01 */
6087
+ .htmega-search-style-1 {
6088
+ position: relative;
6089
+ }
6090
+
6091
+ .htmega-search-style-1 input,.htmega-search-style-1 input[type='text'] {
6092
+ border: 1px solid #ccc;
6093
+ width: 100%;
6094
+ border-radius: 22px;
6095
+ transition: all .3s ease-in-out;
6096
+ height: 45px;
6097
+ color: #999999;
6098
+ font-size: 14px;
6099
+ padding: 0 78px 0 20px;
6100
+ }
6101
+
6102
+ .htmega-search-style-1 input:focus {
6103
+ width: 100%;
6104
+ border: 1px solid hotpink;
6105
+ }
6106
+
6107
+ .htmega-search-style-1 input:focus~button {
6108
+ width: 36px;
6109
+ }
6110
+
6111
+ .htmega-search-style-1 input:focus~button.btn-search {
6112
+ background: hotpink;
6113
+ color: #fff;
6114
+ border-radius: 20px;
6115
+ }
6116
+
6117
+ .htmega-search-style-1 input:focus~button.btn-reset {
6118
+ right: -22px;
6119
+ }
6120
+
6121
+ .htmega-search-style-1 button {
6122
+ transition: all .3s ease-in-out;
6123
+ border: none;
6124
+ height: 36px;
6125
+ position: absolute;
6126
+ right: 4px;
6127
+ top: 50%;
6128
+ width: 70px;
6129
+ transform: translateY(-50%);
6130
+ padding: 0;
6131
+ }
6132
+
6133
+ .htmega-search-style-1 button.btn-search {
6134
+ background: #0056ff;
6135
+ border-radius: 0 20px 20px 0;
6136
+ color: #fff;
6137
+ transition: all .3s ease-in-out;
6138
+ }
6139
+
6140
+ /* Search Style 02 */
6141
+ .htmega-search-style-2 {
6142
+ display: inline-block;
6143
+ position: relative;
6144
+ height: 60px;
6145
+ float: right;
6146
+ padding: 0;
6147
+ position: relative;
6148
+ width: 100%;
6149
+ }
6150
+
6151
+ .htmega-search-style-2 input[type="text"] {
6152
+ height: 60px;
6153
+ font-size: 17px;
6154
+ display: inline-block;
6155
+ font-weight: 100;
6156
+ border: none;
6157
+ outline: none;
6158
+ color: #fff;
6159
+ padding: 0;
6160
+ padding-right: 70px;
6161
+ width: 0px;
6162
+ position: absolute;
6163
+ top: 0;
6164
+ right: 0;
6165
+ background: none;
6166
+ z-index: 3;
6167
+ transition: width 0.5s cubic-bezier(0, 0.795, 0, 1);
6168
+ cursor: pointer;
6169
+ }
6170
+
6171
+ .htmega-search-style-2 input[type="text"]:focus {
6172
+ width: 100%;
6173
+ z-index: 1;
6174
+ border-bottom: 1px solid #333;
6175
+ cursor: text;
6176
+ }
6177
+
6178
+ .htmega-search-style-2 button.btn-search {
6179
+ width: 63px;
6180
+ display: inline-block;
6181
+ color: #333;
6182
+ float: right;
6183
+ background: transparent;
6184
+ border: none;
6185
+ position: absolute;
6186
+ top: 0;
6187
+ right: 0;
6188
+ z-index: 2;
6189
+ cursor: pointer;
6190
+ cursor: pointer;
6191
+ transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
6192
+ }
6193
+
6194
+ /* Search Style 03 */
6195
+ .htmega-search-style-3 {
6196
+ float: right;
6197
+ height: 40px;
6198
+ position: relative;
6199
+ width: 100%;
6200
+ }
6201
+
6202
+ .htmega-search-style-3 input[type="text"] {
6203
+ border: 1px solid #18012c;
6204
+ font-size: 12px;
6205
+ height: 40px;
6206
+ position: absolute;
6207
+ transition: all .3s ease-in;
6208
+ width: 50%;
6209
+ right: 0px;
6210
+ color: #18012c;
6211
+ font-size: 14px;
6212
+ transition: all .3s ease-in-out;
6213
+ padding: 0 20px;
6214
+ padding-right: 63px;
6215
+ }
6216
+
6217
+ .htmega-search-style-3 input[type="text"]:focus {
6218
+ width: 100%;
6219
+ border-radius: 20px;
6220
+ border: 1px solid #ed552d;
6221
+ }
6222
+
6223
+ .htmega-search-style-3 input[type="text"]:focus~button {
6224
+ background: #ed552d;
6225
+ border: 1px solid #ed552d;
6226
+ border-radius: 0 20px 20px 0;
6227
+ color: #fff !important;
6228
+ }
6229
+
6230
+ .htmega-search-style-3 button {
6231
+ background: transparent;
6232
+ transition: all .3s ease-in;
6233
+ position: absolute;
6234
+ right: 0;
6235
+ border: 0 none;
6236
+ transition: all .3s ease-in-out;
6237
+ width: 42px;
6238
+ text-align: center;
6239
+ height: 100%;
6240
+ border: 0 none;
6241
+ }
6242
+
6243
+ /* Search Style 04 */
6244
+ .htmega-search-style-4 {
6245
+ background-color: #ffffff;
6246
+ position: relative;
6247
+ overflow: hidden;
6248
+ float: right;
6249
+ }
6250
+ .htmega-search-style-4 form{
6251
+ width: 45px;
6252
+ transition: all 0.5s ease;
6253
+ }
6254
+
6255
+ .htmega-search-style-4:before {
6256
+ content: '';
6257
+ display: block;
6258
+ width: 3px;
6259
+ height: 100%;
6260
+ position: relative;
6261
+ background-color: #ff4888;
6262
+ transition: all .5s ease;
6263
+ }
6264
+
6265
+ .htmega-search-style-4 form.open {
6266
+ width: 100%;
6267
+ }
6268
+
6269
+ .htmega-search-style-4 form.open:before {
6270
+ height: 20px;
6271
+ margin: 15px 8px 10px 29px;
6272
+ position: absolute;
6273
+ }
6274
+
6275
+ .htmega-search-style-4 .search-box {
6276
+ width: 100%;
6277
+ height: 100%;
6278
+ box-shadow: none;
6279
+ border: none;
6280
+ background: transparent;
6281
+ color: #ff4888;
6282
+ padding: 0px 48px 0px 45px;
6283
+ font-size: 14px;
6284
+ }
6285
+
6286
+ .htmega-search-style-4 .search-box:focus {
6287
+ outline: none;
6288
+ }
6289
+
6290
+ .htmega-search-style-4 .search-button {
6291
+ width: 45px;
6292
+ height: 45px;
6293
+ display: block;
6294
+ position: absolute;
6295
+ right: 0;
6296
+ top: 50%;
6297
+ cursor: pointer;
6298
+ transform: translateY(-50%);
6299
+ }
6300
+
6301
+ .htmega-search-style-4 .search-icon {
6302
+ width: 20px;
6303
+ height: 20px;
6304
+ border-radius: 40px;
6305
+ border: 2px solid #ff4888;
6306
+ display: block;
6307
+ position: relative;
6308
+ margin-left: 10px;
6309
+ transition: all 0.5s ease;
6310
+ top: 10px;
6311
+ }
6312
+
6313
+ .htmega-search-style-4 .search-icon:before {
6314
+ content: '';
6315
+ width: 3px;
6316
+ height: 8px;
6317
+ position: absolute;
6318
+ right: -2px;
6319
+ top: 12px;
6320
+ display: block;
6321
+ background-color: #ff4888;
6322
+ transform: rotate(-45deg);
6323
+ transition: all 0.5s ease;
6324
+ }
6325
+
6326
+ .htmega-search-style-4 .search-icon:after {
6327
+ content: '';
6328
+ width: 3px;
6329
+ height: 9px;
6330
+ position: absolute;
6331
+ right: -8px;
6332
+ top: 17px;
6333
+ display: block;
6334
+ background-color: #ff4888;
6335
+ transform: rotate(-46deg);
6336
+ transition: all 0.5s ease;
6337
+ }
6338
+
6339
+ .htmega-search-style-4 form.open .search-icon {
6340
+ margin: 0;
6341
+ width: 35px;
6342
+ height: 35px;
6343
+ border-radius: 100%;
6344
+ top: 5px;
6345
+ }
6346
+
6347
+ .htmega-search-style-4 form.open .search-icon:before {
6348
+ transform: rotate(52deg);
6349
+ right: 12px;
6350
+ top: 12px;
6351
+ height: 18px;
6352
+ }
6353
+
6354
+ .htmega-search-style-4 form.open .search-icon:after {
6355
+ transform: rotate(-230deg);
6356
+ right: 12px;
6357
+ top: 2px;
6358
+ height: 18px;
6359
+ }
6360
+
6361
+ /* Search Style 05 */
6362
+ .htmega-search-style-5 button {
6363
+ color: #f45862;
6364
+ font-size: 24px;
6365
+ border: 0 none;
6366
+ outline: none;
6367
+ background: transparent;
6368
+ }
6369
+
6370
+ .block-bg {
6371
+ background: rgba(22, 22, 27, 0.97) none repeat scroll 0 0;
6372
+ height: 100%;
6373
+ left: 0;
6374
+ opacity: 0;
6375
+ position: fixed;
6376
+ text-align: center;
6377
+ top: 0;
6378
+ transform: scale(0.7);
6379
+ transition: -webkit-transform 0.8s ease 0s, -moz-transform 0.8s ease 0s, -o-transform 0.8s ease 0s, transform 0.8s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
6380
+ visibility: hidden;
6381
+ width: 100%;
6382
+ z-index: 999;
6383
+ }
6384
+
6385
+ .block-bg.is-visible {
6386
+ opacity: 1;
6387
+ transform: scale(1);
6388
+ visibility: visible;
6389
+ }
6390
+
6391
+ .block-bg .close__wrap {
6392
+ color: white;
6393
+ cursor: pointer;
6394
+ font-size: 12px;
6395
+ font-weight: 700;
6396
+ line-height: 25px;
6397
+ margin-top: -12.5px;
6398
+ padding-right: 25px;
6399
+ position: absolute;
6400
+ right: 49px;
6401
+ text-transform: uppercase;
6402
+ z-index: 11;
6403
+ transition: 0.4s;
6404
+ top: 65px;
6405
+ }
6406
+
6407
+ .block-bg .close__wrap:hover {
6408
+ color: #ffffff;
6409
+ }
6410
+
6411
+ .block-bg .close__wrap::after {
6412
+ content: "\f00d";
6413
+ font-family: 'FontAwesome';
6414
+ font-size: 24px;
6415
+ position: relative;
6416
+ right: 0;
6417
+ top: 0;
6418
+ }
6419
+
6420
+ .minisearch .field__search {
6421
+ left: 0;
6422
+ margin: 0 auto auto;
6423
+ max-width: 1000px;
6424
+ padding: 0 5px;
6425
+ position: fixed;
6426
+ right: 0;
6427
+ top: 50%;
6428
+ width: 90%;
6429
+ }
6430
+
6431
+ .minisearch .field__search input {
6432
+ -moz-border-bottom-colors: none;
6433
+ -moz-border-left-colors: none;
6434
+ -moz-border-right-colors: none;
6435
+ -moz-border-top-colors: none;
6436
+ background: transparent none repeat scroll 0 0;
6437
+ border-color: currentcolor currentcolor #ebebeb;
6438
+ -o-border-image: none;
6439
+ border-image: none;
6440
+ border-style: none none solid;
6441
+ border-width: 0 0 1px;
6442
+ color: #fff;
6443
+ height: 60px;
6444
+ padding: 10px 60px 10px 10px;
6445
+ position: static;
6446
+ transition: all 0.3s ease-in-out 0s;
6447
+ width: 100%;
6448
+ z-index: 1;
6449
+ font-size: 16px;
6450
+ outline: none;
6451
+ }
6452
+
6453
+ .minisearch .field__search .action {
6454
+ position: absolute;
6455
+ right: 0;
6456
+ top: 0;
6457
+ z-index: 2;
6458
+ }
6459
+
6460
+ .minisearch .field__search .action button{
6461
+ color: #797979;
6462
+ display: inline-block;
6463
+ font-size: 26px;
6464
+ height: 60px;
6465
+ left: 0;
6466
+ line-height: 60px;
6467
+ text-align: center;
6468
+ top: 0;
6469
+ width: 60px;
6470
+ padding:0!important;
6471
+ margin: 0!important;
6472
+ }
6473
+ .minisearch .field__search .action button:hover{
6474
+ background:transparent;
6475
+ }
6476
+ /* Device :991px. */
6477
+ @media (max-width: 991px) {
6478
+ .block-bg .close__wrap{
6479
+ right: 0;
6480
+ }
6481
+ }
6482
+
6483
+ /*
6484
+ * Blockquote Style
6485
+ */
6486
+ blockquote {
6487
+ margin: 0;
6488
+ }
6489
+
6490
+ blockquote cite {
6491
+ font-family: "Montserrat", sans-serif;
6492
+ }
6493
+ .htmega-blockquote blockquote::before{
6494
+ display: none;
6495
+ }
6496
+
6497
+ .htmega-blockquote blockquote img,.htmega-blockquote blockquote .blockquote_icon{
6498
+ position: absolute;
6499
+ }
6500
+ .htmega-blockquote blockquote img{
6501
+ position: absolute;
6502
+ width: 100px;
6503
+ z-index: 0;
6504
+ }
6505
+ .htmega-blockquote blockquote p{
6506
+ margin: 0;
6507
+ }
6508
+
6509
+ .htmega-blockquote-position-lefttop blockquote img,.htmega-blockquote-position-lefttop blockquote .blockquote_icon{
6510
+ left: 0;
6511
+ top: 0;
6512
+ }
6513
+
6514
+ .htmega-blockquote-position-leftcenter blockquote img,.htmega-blockquote-position-leftcenter blockquote .blockquote_icon{
6515
+ left: 0;
6516
+ top: 50%;
6517
+ transform: translateY(-50%);
6518
+ }
6519
+
6520
+ .htmega-blockquote-position-leftbottom blockquote img,.htmega-blockquote-position-leftbottom blockquote .blockquote_icon{
6521
+ left: 0;
6522
+ bottom: 0;
6523
+ }
6524
+
6525
+ .htmega-blockquote-position-centertop blockquote img,.htmega-blockquote-position-centertop blockquote .blockquote_icon {
6526
+ left: 50%;
6527
+ top: 0;
6528
+ transform: translateX(-50%);
6529
+ }
6530
+
6531
+ .htmega-blockquote-position-center blockquote img,.htmega-blockquote-position-center blockquote .blockquote_icon {
6532
+ left: 50%;
6533
+ top: 50%;
6534
+ transform: translate(-50%, -50%);
6535
+ }
6536
+
6537
+ .htmega-blockquote-position-centerbottom blockquote img,.htmega-blockquote-position-centerbottom blockquote .blockquote_icon {
6538
+ left: 50%;
6539
+ bottom: 0;
6540
+ transform: translateX(-50%);
6541
+ }
6542
+
6543
+ .htmega-blockquote-position-righttop blockquote img,.htmega-blockquote-position-righttop blockquote .blockquote_icon{
6544
+ right: 0;
6545
+ top: 0;
6546
+ }
6547
+
6548
+ .htmega-blockquote-position-rightcenter blockquote img,.htmega-blockquote-position-rightcenter blockquote .blockquote_icon{
6549
+ right: 0;
6550
+ top: 50%;
6551
+ transform: translateY(-50%);
6552
+ }
6553
+
6554
+ .htmega-blockquote-position-rightbottom blockquote img,.htmega-blockquote-position-rightbottom blockquote .blockquote_icon{
6555
+ right: 0;
6556
+ bottom: 0;
6557
+ }
6558
+
6559
+ /*Blockquote Style 01*/
6560
+ .htmega-blockquote blockquote {
6561
+ background: #f4f4f4;
6562
+ padding: 50px 62px 50px 56px;
6563
+ position: relative;
6564
+ border:0;
6565
+ }
6566
+
6567
+ .htmega-blockquote blockquote .blockquote_content {
6568
+ font-size: 18px;
6569
+ line-height: 33px;
6570
+ color: #5b5b5b;
6571
+ font-style: normal;
6572
+ font-weight: 600;
6573
+ margin-bottom: 17px;
6574
+ margin-bottom: 18px;
6575
+ position: relative;
6576
+ z-index: 1;
6577
+ }
6578
+
6579
+ .htmega-blockquote blockquote cite {
6580
+ color: #0056ff;
6581
+ font-weight: 600;
6582
+ font-style: normal;
6583
+ margin: 0;
6584
+ padding-left: 35px;
6585
+ position: relative;
6586
+ }
6587
+ .htmega-citeseparator-position-after blockquote cite{
6588
+ padding-left: 0px;
6589
+ padding-right: 35px;
6590
+ }
6591
+ .htmega-citeseparator-position-none blockquote cite{
6592
+ padding-left: 0;
6593
+ padding-right: 0;
6594
+ }
6595
+ .htmega-blockquote blockquote cite::before {
6596
+ position: absolute;
6597
+ background-color: #0056ff;
6598
+ content: "";
6599
+ height: 4px;
6600
+ width: 20px;
6601
+ left: 0;
6602
+ top: 50%;
6603
+ transform: translateY(-50%);
6604
+ }
6605
+ .htmega-citeseparator-position-after blockquote cite::before {
6606
+ right: 0;
6607
+ left: auto;
6608
+ top: 50%;
6609
+ }
6610
+ .htmega-citeseparator-position-none blockquote cite::before {
6611
+ display: none;
6612
+ }
6613
+
6614
+ /*
6615
+ * Instagram Style
6616
+ */
6617
+
6618
+ .htmega-instragram {
6619
+ text-align: center;
6620
+ }
6621
+
6622
+ .htmega-instragram ul.htmega-instagram-list {
6623
+ padding: 0;
6624
+ margin: 0;
6625
+ list-style: none;
6626
+ margin: 0 -5px;
6627
+ }
6628
+
6629
+ .htmega-instragram ul.htmega-instagram-list li {
6630
+ float: left;
6631
+ width: 25%;
6632
+ padding: 0 5px;
6633
+ margin-bottom: 10px;
6634
+ overflow: hidden;
6635
+ position: relative;
6636
+ }
6637
+ .htmega-instragram ul.htmega-instagram-list li img{
6638
+ width: 100%;
6639
+ vertical-align: middle;
6640
+ }
6641
+
6642
+ .htmega-instragram ul.htmega-instagram-list li a{
6643
+ text-decoration: none;
6644
+ }
6645
+
6646
+ .htmegainstagram-column-1 .htmega-instragram ul.htmega-instagram-list li{
6647
+ width: 100%;
6648
+ }
6649
+ .htmegainstagram-column-2 .htmega-instragram ul.htmega-instagram-list li{
6650
+ width: 50%;
6651
+ }
6652
+ .htmegainstagram-column-3 .htmega-instragram ul.htmega-instagram-list li{
6653
+ width: 33.33%;
6654
+ }
6655
+
6656
+ .htmegainstagram-column-5 .htmega-instragram ul.htmega-instagram-list li{
6657
+ width: 20%;
6658
+ }
6659
+
6660
+ .htmegainstagram-column-6 .htmega-instragram ul.htmega-instagram-list li{
6661
+ width: 16.66%;
6662
+ }
6663
+
6664
+ /*Follow Instagram Btn*/
6665
+ .htmega-instragram .instagram_follow_btn {
6666
+ background: #f75876 none repeat scroll 0 0;
6667
+ border: 0 none;
6668
+ color: #fff;
6669
+ display: inline-block;
6670
+ font-size: 14px;
6671
+ font-weight: 500;
6672
+ margin-top: 70px;
6673
+ text-decoration: none;
6674
+ transition: all 0.4s ease-in-out 0s;
6675
+ display: inline-flex;
6676
+ align-items: center;
6677
+ }
6678
+
6679
+ .htmega-instragram .instagram_follow_btn:hover {
6680
+ opacity: 0.7;
6681
+ color: #000000;
6682
+ }
6683
+
6684
+ .htmega-instragram .instagram_follow_btn i {
6685
+ /* background: #e4405f; */
6686
+ width: 42px;
6687
+ height: 43px;
6688
+ line-height: 42px;
6689
+ font-size: 16px;
6690
+ text-align: center;
6691
+ display: inline-grid;
6692
+ align-items: center;
6693
+
6694
+ }
6695
+
6696
+ .htmega-instragram .instagram_follow_btn span {
6697
+ padding: 0 16px;
6698
+ /* font-family: "Montserrat", sans-serif; */
6699
+ font-weight: 600;
6700
+ height: 42px;
6701
+ line-height: 42px;
6702
+ }
6703
+
6704
+ .htmega-instragram .instagram_follow_btn.possition-center {
6705
+ position: absolute;
6706
+ top: 50%;
6707
+ transform: translateY(-50%) translateX(-50%);
6708
+ left: 50%;
6709
+ background: #ffffff;
6710
+ border-radius: 6px;
6711
+ color: #000000;
6712
+ }
6713
+
6714
+ .htmega-instragram .instagram_follow_btn.possition-center span {
6715
+ padding: 0 24px;
6716
+ }
6717
+
6718
+ /* Instagram Style 01 */
6719
+ .htmega-instragram ul.htmega-instagram-list {
6720
+ margin: 0 -5px;
6721
+ overflow: hidden;
6722
+ display: flex;
6723
+ flex-flow: row wrap;
6724
+ }
6725
+
6726
+ .htmega-instragram ul.htmega-instagram-list li > a {
6727
+ display: block;
6728
+ position: relative;
6729
+ }
6730
+
6731
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip {
6732
+ position: absolute;
6733
+ top: 0;
6734
+ left: 0;
6735
+ width: 100%;
6736
+ text-align: center;
6737
+ z-index: 3;
6738
+ height: 100%;
6739
+ transition: 0.4s ease-in-out;
6740
+ opacity: 0;
6741
+ }
6742
+
6743
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip::before {
6744
+ position: absolute;
6745
+ background-color: rgba(0, 0, 0, 0.7);
6746
+ content: "";
6747
+ left: 10px;
6748
+ top: 10px;
6749
+ bottom: 10px;
6750
+ right: 10px;
6751
+ z-index: -1;
6752
+ }
6753
+
6754
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-like-comment {
6755
+ padding: 30px 0;
6756
+ }
6757
+
6758
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-like-comment p {
6759
+ color: #fff;
6760
+ margin: 0 15px;
6761
+ }
6762
+
6763
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn {
6764
+ position: absolute;
6765
+ top: 50%;
6766
+ transform: translateY(-50%);
6767
+ width: 100%;
6768
+ }
6769
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn a{
6770
+ display: inline-block;
6771
+ }
6772
+
6773
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn a i {
6774
+ color: #fff;
6775
+ font-size: 43px;
6776
+ }
6777
+
6778
+ .htmega-instragram ul.htmega-instagram-list li:hover .instagram-clip {
6779
+ opacity: 1;
6780
+ }
6781
+
6782
+ .htmega-instragram ul.htmega-instagram-list li .instagram-clip .htmega-content .zoom_icon{
6783
+ display: inline-block;
6784
+ }
6785
+
6786
+
6787
+ /*Instagram Style 02*/
6788
+ .htmega-instragram-style-2 ul.htmega-instagram-list li{
6789
+ padding: 0;
6790
+ margin: 0;
6791
+ }
6792
+ .htmega-instragram-style-2 ul.htmega-instagram-list{
6793
+ margin: 0;
6794
+ margin-left: -15px;
6795
+ margin-right: -15px;
6796
+ }
6797
+
6798
+ .htmega-instragram-style-2 ul.htmega-instagram-list li {
6799
+ margin: 0;
6800
+ margin-bottom: 0;
6801
+ overflow: hidden;
6802
+ }
6803
+
6804
+ .htmega-instragram-style-2 ul.htmega-instagram-list li a img {
6805
+ transition: 0.3s ease-out;
6806
+ transition-property: opacity, transform, filter;
6807
+ width: 100%;
6808
+ }
6809
+
6810
+ .htmega-instragram-style-2 ul.htmega-instagram-list li:hover a img {
6811
+ transform: scale3d(1.1, 1.1, 1);
6812
+ opacity: 0.8;
6813
+ }
6814
+
6815
+ .htmega-instragram .slick-arrow {
6816
+ position: absolute;
6817
+ top: 45%;
6818
+ left: -20px;
6819
+ z-index: 2;
6820
+ width: 30px;
6821
+ height: 30px;
6822
+ border-radius: 100%;
6823
+ background: #f75876;
6824
+ border: 1px solid #f75876;
6825
+ color: #fff;
6826
+ text-align: center;
6827
+ transition: 0.4s ease-in-out;
6828
+ opacity: 0;
6829
+ padding: 0;
6830
+ line-height: 1;
6831
+ }
6832
+
6833
+ .htmega-instragram .htmega-carosul-next.slick-arrow {
6834
+ left: auto;
6835
+ right: -20px;
6836
+ }
6837
+
6838
+ .htmega-instragram ul.htmega-instagram-list:hover .slick-arrow {
6839
+ opacity: 1;
6840
+ left: 0;
6841
+ }
6842
+
6843
+ .htmega-instragram ul.htmega-instagram-list:hover .htmega-carosul-next.slick-arrow {
6844
+ opacity: 1;
6845
+ right: 0;
6846
+ left: auto;
6847
+ }
6848
+
6849
+ .htmega-instragram .slick-dots {
6850
+ position: relative;
6851
+ bottom: 0;
6852
+ }
6853
+ .htmega-instragram .slick-dots li {
6854
+ border-radius: 100%;
6855
+ display: inline-block;
6856
+ height: 15px;
6857
+ margin: 0 3px !important;
6858
+ width: 15px !important;
6859
+ background: #f75876;
6860
+ float: none !important;
6861
+ }
6862
+ .htmega-instragram .slick-dots li button{
6863
+ padding: 0;
6864
+ }
6865
+ .htmega-instragram .slick-dots li button::before{
6866
+ display: none;
6867
+ }
6868
+ .htmega-instragram .slick-dots li.slick-active{
6869
+ background: #000;
6870
+ }
6871
+
6872
+ .htmega-instragram-style-2 a.instagram_follow_btn{
6873
+ position: absolute;
6874
+ top: 50%;
6875
+ transform: translateY(-50%) translateX(-50%);
6876
+ left: 50%;
6877
+ background: #ffffff;
6878
+ border-radius: 6px;
6879
+ color: #000000;
6880
+ margin-top: 0;
6881
+ z-index: 5;
6882
+ }
6883
+ .htmega-instragram-style-2 a.instagram_follow_btn i{
6884
+ /* display: none; */
6885
+ }
6886
+
6887
+ /*Instagram Style 03*/
6888
+ .htmega-instragram-style-3 ul li {
6889
+ position: relative;
6890
+ }
6891
+
6892
+ .htmega-instragram-style-3 ul li a img {
6893
+ transition: all .15s ease-in-out;
6894
+ }
6895
+
6896
+ .htmega-instragram-style-3 ul li .instagram-clip {
6897
+ position: absolute;
6898
+ top: 0;
6899
+ left: 0;
6900
+ right: 0;
6901
+ height: 50px;
6902
+ background: rgba(255, 64, 95, 0.9);
6903
+ display: flex;
6904
+ justify-content: space-around;
6905
+ -webkit-transform: translateY(-100%);
6906
+ transform: translateY(-100%);
6907
+ transition: all .15s ease-in-out;
6908
+ color: #FFF;
6909
+ height: 50px !important;
6910
+ line-height: 50px;
6911
+ }
6912
+ .htmega-instragram-style-3 ul li .instagram-clip::before{
6913
+ display: none;
6914
+ }
6915
+
6916
+ .htmega-instragram-style-3 ul li .instagram-clip .instagram-like-comment {
6917
+ display: flex;
6918
+ align-items: center;
6919
+ padding: 0 !important;
6920
+ }
6921
+
6922
+ .htmega-instragram-style-3 ul li .instagram-clip .instagram-like-comment p {
6923
+ margin: 0 15px;
6924
+ }
6925
+
6926
+ .htmega-instragram-style-3 ul li:hover .instagram-clip {
6927
+ -webkit-transform: translateX(0);
6928
+ transform: translateX(0);
6929
+ }
6930
+
6931
+ .htmega-instragram-style-3 ul li:hover a img {
6932
+ opacity: .7;
6933
+ -webkit-transform: scale(1.15) translate3d(0, 0, 0);
6934
+ transform: scale(1.15) translate3d(0, 0, 0);
6935
+ }
6936
+
6937
+ .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content{
6938
+ display: flex;
6939
+ align-items: center;
6940
+ }
6941
+
6942
+ .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content .instagram-btn{
6943
+ position: static;
6944
+ transform: translateY(0);
6945
+ display: flex;
6946
+ }
6947
+ .htmega-instragram-style-3 ul.htmega-instagram-list li .instagram-clip .htmega-content .zoom_icon {
6948
+ display: flex;
6949
+ }
6950
+
6951
+
6952
+ /* Instagram Style 04 */
6953
+ .htmega-instragram-style-4 ul.htmega-instagram-list li {
6954
+ margin: 0;
6955
+ margin-bottom: 0;
6956
+ overflow: hidden;
6957
+ width: 25%;
6958
+ }
6959
+
6960
+ .htmega-instragram-style-4 ul.htmega-instagram-list li a img {
6961
+ transition: 0.3s ease-out;
6962
+ transition-property: opacity, transform, filter;
6963
+ width: 100%;
6964
+ }
6965
+
6966
+ .htmega-instragram-style-4 ul.htmega-instagram-list li:hover a img {
6967
+ transform: scale3d(1.2, 1.2, 1);
6968
+ opacity: 0.6;
6969
+ }
6970
+
6971
+ .instragram-icon-svg {
6972
+ display: flex;
6973
+ justify-content: center;
6974
+ }
6975
+
6976
+
6977
+ /*
6978
+ * Switcher Style
6979
+ */
6980
+ .htmega-switcher-btn {
6981
+ text-align: center;
6982
+ }
6983
+
6984
+ .htmega-switcher-nav {
6985
+ display: inline-block !important;
6986
+ background: #eeeeee;
6987
+ border-radius: 30px;
6988
+ overflow: hidden;
6989
+ }
6990
+
6991
+ .htmega-switcher-nav a {
6992
+ display: inline-block;
6993
+ color: #444444;
6994
+ font-size: 14px;
6995
+ font-weight: 600;
6996
+ text-transform: uppercase;
6997
+ padding: 18px 32px;
6998
+ z-index: 1;
6999
+ position: relative;
7000
+ font-family: "Montserrat", sans-serif;
7001
+ }
7002
+ .htmega-switcher-nav a i{
7003
+ margin-right: 5px;
7004
+ }
7005
+ .htmega-switcher-nav svg {
7006
+ width: 20px;
7007
+ float: left;
7008
+ margin-right: 8px;
7009
+ }
7010
+
7011
+ .htmega-switcher-nav a::before {
7012
+ height: 100%;
7013
+ top: 0;
7014
+ z-index: 0;
7015
+ content: '';
7016
+ width: 0;
7017
+ position: absolute;
7018
+ left: 0;
7019
+ transition: all 300ms ease-out;
7020
+ z-index: -1;
7021
+ }
7022
+
7023
+ .htmega-switcher-nav a.htb-active {
7024
+ color: #ffffff;
7025
+ }
7026
+
7027
+ .htmega-switcher-nav a.htb-active::before {
7028
+ width: 100%;
7029
+ background-color: #ed552d;
7030
+ }
7031
+
7032
+ .htmega-switcher-toggle-title {
7033
+ text-transform: uppercase;
7034
+ font-weight: 600;
7035
+ }
7036
+
7037
+ .htmega-switcher-toggle{
7038
+ margin: 20px 0 30px 0;
7039
+ text-align: center;
7040
+ font-weight: 400;
7041
+ }
7042
+
7043
+ .htmega-switch-toggle{
7044
+ position: relative;
7045
+ display: inline-block;
7046
+ width: 60px;
7047
+ height: 34px;
7048
+ margin: 0 15px 0 15px;
7049
+ line-height: 36px;
7050
+ }
7051
+
7052
+ .htmega-switcher-toggle i{
7053
+ margin-right: 7px;
7054
+ }
7055
+
7056
+ .htmega-switche-toggle-slider{
7057
+ border-radius: 34px;
7058
+ position: absolute;
7059
+ cursor: pointer;
7060
+ top: 0;
7061
+ left: 0;
7062
+ right: 0;
7063
+ bottom: 0;
7064
+ background-color: #ccc;
7065
+ -webkit-transition: .4s;
7066
+ transition: .4s;
7067
+ }
7068
+
7069
+ input:checked+.htmega-switche-toggle-slider {
7070
+ background-color: #2196F3;
7071
+ }
7072
+
7073
+ input:checked+.htmega-switche-toggle-slider:before {
7074
+ -webkit-transform: translateX(26px);
7075
+ -ms-transform: translateX(26px);
7076
+ transform: translateX(26px);
7077
+ }
7078
+
7079
+ .htmega-switche-toggle-slider:before {
7080
+ position: absolute;
7081
+ border-radius: 50%;
7082
+ content: "";
7083
+ height: 26px;
7084
+ width: 26px;
7085
+ left: 4px;
7086
+ bottom: 4px;
7087
+ background-color: #fff;
7088
+ -webkit-transition: .4s;
7089
+ transition: .4s;
7090
+ }
7091
+
7092
+ .htmega-single-toggle-switch.toggle-tab-pane{
7093
+ display: none;
7094
+ }
7095
+
7096
+ .htmega-single-toggle-switch.toggl-active{
7097
+ display: block;
7098
+ }
7099
+
7100
+ /*
7101
+ * User Register Style
7102
+ */
7103
+
7104
+ .htmega-register-wrapper form input ,
7105
+ .htmega-register-wrapper form textarea{
7106
+ padding: 0 15px;
7107
+ width: 100%;
7108
+ background: transparent;
7109
+ border-radius: 0;
7110
+ }
7111
+
7112
+ .htmega-register-wrapper .alert {
7113
+ margin:0 10px 15px;
7114
+ }
7115
+
7116
+ .htmega-user-login {
7117
+ padding: 10px;
7118
+ text-align: center;
7119
+ }
7120
+
7121
+ .htmega-register-wrapper label{
7122
+ display: block;
7123
+ }
7124
+
7125
+ /* Register Header Style */
7126
+ .user-register-header h2 {
7127
+ font-size: 36px;
7128
+ font-weight: 700;
7129
+ margin-top: 0;
7130
+ margin-bottom: 10px;
7131
+ }
7132
+ .user-register-header p {
7133
+ font-size: 18px;
7134
+ font-weight: 600;
7135
+ margin-bottom: 40px;
7136
+ }
7137
+ .user-register-header {
7138
+ text-align: left;
7139
+ }
7140
+ .user-register-header p a {
7141
+ transition: .3s;
7142
+ }
7143
+ /* Register Style 01 */
7144
+ .htmega-register-style-1 {
7145
+ background: #fa4a79;
7146
+ padding-bottom: 40px;
7147
+ }
7148
+
7149
+ .htmega-register-style-1 form {
7150
+ padding: 0 30px 0;
7151
+ }
7152
+ .htmega-register-style-1 form textarea{
7153
+ background: #fb5c87 none repeat scroll 0 0;
7154
+ border-radius: 0;
7155
+ border: 1px solid #ffffff;
7156
+ }
7157
+ .htmega-register-style-1 form input,
7158
+ .htmega-register-style-1 form textarea {
7159
+ background: #fb5c87 none repeat scroll 0 0;
7160
+ border: 1px solid #ffffff;
7161
+ border-radius: 0;
7162
+ color: #ffffff;
7163
+ font-family: "Montserrat",sans-serif;
7164
+ font-size: 12px;
7165
+ font-weight: 300;
7166
+ height: 50px;
7167
+ margin-bottom: 30px;
7168
+ }
7169
+
7170
+ .htmega-register-wrapper.htmega-register-style-1 .user-register-header {
7171
+ padding: 30px 30px 0;
7172
+ }
7173
+ .htmega-register-wrapper.htmega-register-style-1 .user-register-header h2 ,
7174
+ .htmega-register-wrapper.htmega-register-style-1 .user-register-header p {
7175
+ color: #fff;
7176
+ }
7177
+
7178
+ .htmega-register-style-1 form input[type="submit"] {
7179
+ width: auto;
7180
+ margin: 0 auto;
7181
+ text-align: center;
7182
+ background: #fff;
7183
+ font-weight: 600;
7184
+ color: #fa4a79;
7185
+ margin-top: 10px;
7186
+ font-size: 14px;
7187
+ padding: 0 47px;
7188
+ transition: 0.5s;
7189
+ }
7190
+
7191
+ .htmega-register-wrapper:not(.htmega-register-style-3) .htmega-register-form form a {
7192
+ width: 50%;
7193
+ background: #fff;
7194
+ padding: 11px 47px;
7195
+ transition: .3s;
7196
+ margin: 15px auto 0;
7197
+ display: inline-block;
7198
+ text-align: center;
7199
+ vertical-align: middle;
7200
+ color: #fa4a79;
7201
+ font-weight: 600;
7202
+ font-family: "Montserrat",sans-serif;
7203
+ font-size: 14px;
7204
+ }
7205
+ .htmega-register-wrapper:not(.htmega-register-style-3) .htmega-register-form form a:hover{
7206
+ opacity: 0.7;
7207
+ }
7208
+ .htmega-register-wrapper.htmega-register-style-6 .htmega-register-form form a:hover{
7209
+ opacity: 1;
7210
+ }
7211
+ .htmega-register-wrapper .separator span {
7212
+ font-size: 15px;
7213
+ display: inline-block;
7214
+ margin-top: 10px;
7215
+ }
7216
+
7217
+ .htmega-register-style-1 form input[type="submit"]:hover {
7218
+ opacity: 0.7;
7219
+ }
7220
+
7221
+ .htmega-register-style-1 form input::-webkit-input-placeholder ,
7222
+ .htmega-register-style-1 form textarea::-webkit-input-placeholder {
7223
+ color: #ffffff;
7224
+ }
7225
+
7226
+ .htmega-register-style-1 form input::-moz-placeholder ,
7227
+ .htmega-register-style-1 form textarea::-moz-placeholder{
7228
+ color: #ffffff;
7229
+ }
7230
+
7231
+ .htmega-register-style-1 form input:-ms-input-placeholder ,
7232
+ .htmega-register-style-1 form textarea::-ms-input-placeholder {
7233
+ color: #ffffff;
7234
+ }
7235
+
7236
+ .htmega-register-style-1 form input:-moz-placeholder ,
7237
+ .htmega-register-style-1 form textarea::-ms-input-placeholder {
7238
+ color: #ffffff;
7239
+ }
7240
+
7241
+ /* Register Style 02 */
7242
+ .htmega-register-style-2 {
7243
+ background: #7ca7f9;
7244
+ padding: 0 80px 50px;
7245
+ }
7246
+
7247
+ .htmega-register-style-2 form label {
7248
+ color: #666666;
7249
+ font-weight: 400;
7250
+ font-size: 12px;
7251
+ margin-bottom: 8px;
7252
+ font-family: "Montserrat", sans-serif;
7253
+ }
7254
+
7255
+ .htmega-register-style-2 form input ,
7256
+ .htmega-register-style-2 form textarea {
7257
+ border: 1px solid #ffffff;
7258
+ padding: 0 20px;
7259
+ color: #fff;
7260
+ margin-bottom: 30px;
7261
+ font-weight: 300;
7262
+ font-family: "Montserrat", sans-serif;
7263
+ }
7264
+
7265
+ .htmega-register-style-2 form input[type="submit"] {
7266
+ width: auto;
7267
+ text-align: center;
7268
+ background: #fff;
7269
+ font-weight: 600;
7270
+ color: #0056ff;
7271
+ font-size: 14px;
7272
+ padding: 0 47px;
7273
+ transition: 0.5s;
7274
+ height: 50px;
7275
+ margin-top: 10px;
7276
+ margin-bottom: 0;
7277
+ }
7278
+
7279
+ .htmega-register-style-2 form input[type="submit"]:hover {
7280
+ opacity: 0.7;
7281
+ }
7282
+
7283
+ .htmega-register-style-2 form input::-webkit-input-placeholder ,
7284
+ .htmega-register-style-2 form textarea::-webkit-input-placeholder {
7285
+ color: #ffffff;
7286
+ }
7287
+
7288
+ .htmega-register-style-2 form input::-moz-placeholder ,
7289
+ .htmega-register-style-2 form textarea::-moz-placeholder {
7290
+ color: #ffffff;
7291
+ }
7292
+
7293
+ .htmega-register-style-2 form input:-ms-input-placeholder ,
7294
+ .htmega-register-style-2 form textarea:-ms-input-placeholder {
7295
+ color: #ffffff;
7296
+ }
7297
+
7298
+ .htmega-register-style-2 form input:-moz-placeholder ,
7299
+ .htmega-register-style-2 form textarea:-moz-placeholder {
7300
+ color: #ffffff;
7301
+ }
7302
+
7303
+
7304
+ /* Register Style 03 */
7305
+ .htmega-register-style-3 {
7306
+ padding: 0 56px 100px;
7307
+ text-align: center;
7308
+ }
7309
+
7310
+ .htmega-register-style-3 form .input_box {
7311
+ display: flex;
7312
+ margin-bottom: 30px;
7313
+ align-items: center;
7314
+ }
7315
+
7316
+ .htmega-register-form .input_box .fa-lock:before {
7317
+ font-family: 'FontAwesome';
7318
+ content: "\f023";
7319
+ }
7320
+
7321
+ .htmega-register-style-3 form .input_box i {
7322
+ background: rgba(255, 255, 255, 0.3);
7323
+ height: 70px;
7324
+ padding: 0 20px;
7325
+ font-weight: 400;
7326
+ line-height: 70px;
7327
+ color: #ffffff;
7328
+ text-align: center;
7329
+ font-size: 34px;
7330
+ border-radius: 8px 0 0 8px;
7331
+ }
7332
+
7333
+ .htmega-register-wrapper.htmega-register-style-3 .user-register-header {
7334
+ padding-top: 90px;
7335
+ }
7336
+ .htmega-register-wrapper.htmega-register-style-3 .user-register-header p ,
7337
+ .htmega-register-wrapper.htmega-register-style-3 .user-register-header h2{
7338
+ color: #fff;
7339
+ }
7340
+
7341
+ .htmega-register-style-3 form .input_box input ,
7342
+ .htmega-register-style-3 form .input_box textarea{
7343
+ background: rgba(255, 255, 255, 0.3);
7344
+ border: 0 none;
7345
+ margin-left: 2px;
7346
+ height: 70px;
7347
+ border-radius: 0 8px 8px 0;
7348
+ color: #ffffff;
7349
+ font-size: 16px;
7350
+ font-family: "Poppins", sans-serif;
7351
+ }
7352
+
7353
+ .htmega-register-style-3 form .input_box input[type="submit"] {
7354
+ border: 3px solid #fff;
7355
+ border-radius: 8px;
7356
+ color: #fff;
7357
+ box-sizing: border-box;
7358
+ height: 90px;
7359
+ font-size: 24px;
7360
+ font-weight: 600;
7361
+ text-transform: uppercase;
7362
+ margin-bottom: 51px;
7363
+ font-family: "Montserrat", sans-serif;
7364
+ transition: 0.5s;
7365
+ }
7366
+
7367
+ .htmega-register-style-3 form input[type="submit"] {
7368
+ border: 3px solid #fff;
7369
+ border-radius: 8px;
7370
+ color: #fff;
7371
+ box-sizing: border-box;
7372
+ height: 90px;
7373
+ font-size: 24px;
7374
+ font-weight: 600;
7375
+ text-transform: uppercase;
7376
+ margin-bottom: 51px;
7377
+ font-family: "Montserrat", sans-serif;
7378
+ }
7379
+
7380
+ .htmega-register-style-3 form input[type="submit"]:hover {
7381
+ background: #ffffff !important;
7382
+ color: #18012c;
7383
+ }
7384
+
7385
+ .htmega-register-style-3 .login a {
7386
+ border: 3px solid #ffffff;
7387
+ display: block;
7388
+ height: 90px;
7389
+ line-height: 90px;
7390
+ color: #fff;
7391
+ font-size: 24px;
7392
+ font-weight: 600;
7393
+ border-radius: 8px;
7394
+ margin-top: 56px;
7395
+ transition: 0.5s;
7396
+ font-family: "Montserrat", sans-serif;
7397
+ text-decoration: none;
7398
+ }
7399
+
7400
+ .htmega-register-style-3 .login a:hover {
7401
+ background: #ffffff;
7402
+ color: #18012c;
7403
+ }
7404
+
7405
+ .htmega-register-style-3 .separator span {
7406
+ color: #ffffff;
7407
+ font-size: 24px;
7408
+ font-weight: 500;
7409
+ padding: 0 24px;
7410
+ background: transparent;
7411
+ position: relative;
7412
+ z-index: 99;
7413
+ display: block;
7414
+ font-family: "Montserrat", sans-serif;
7415
+ }
7416
+
7417
+ .htmega-register-style-3 .separator span::before {
7418
+ content: "";
7419
+ width: 130px;
7420
+ height: 1px;
7421
+ left: 0;
7422
+ top: 50%;
7423
+ background: #fff;
7424
+ position: absolute;
7425
+ display: block;
7426
+ }
7427
+
7428
+ .htmega-register-style-3 .separator span::after {
7429
+ background: #fff;
7430
+ position: absolute;
7431
+ content: "";
7432
+ width: 130px;
7433
+ height: 1px;
7434
+ right: 0;
7435
+ top: 50%;
7436
+ }
7437
+
7438
+ .htmega-register-style-3 form input[type="submit"]:hover {
7439
+ background: #fff;
7440
+ color: #18012c;
7441
+ }
7442
+
7443
+ .htmega-register-style-3 form input::-webkit-input-placeholder ,
7444
+ .htmega-register-style-3 form .input_box textarea::-webkit-input-placeholder {
7445
+ color: #ffffff;
7446
+ }
7447
+
7448
+ .htmega-register-style-3 form input::-moz-placeholder ,
7449
+ .htmega-register-style-3 form .input_box textarea::-moz-placeholder {
7450
+ color: #ffffff;
7451
+ }
7452
+
7453
+ .htmega-register-style-3 form input:-ms-input-placeholder ,
7454
+ .htmega-register-style-3 form .input_box textarea:-ms-input-placeholder {
7455
+ color: #ffffff;
7456
+ }
7457
+
7458
+ .htmega-register-style-3 form input:-moz-placeholder ,
7459
+ .htmega-register-style-3 form .input_box textarea:-moz-placeholder {
7460
+ color: #ffffff;
7461
+ }
7462
+
7463
+ .htmega-register-style-3 form .input_box input {
7464
+ margin-bottom: 0 !important;
7465
+ }
7466
+
7467
+
7468
+ /* Register Style 04 */
7469
+
7470
+ .htmega-register-style-4 {
7471
+ padding: 0px 40px;
7472
+ }
7473
+
7474
+ .htmega-register-style-4 form input ,
7475
+ .htmega-register-style-4 form textarea {
7476
+ margin-bottom: 17px;
7477
+ border: 0 none;
7478
+ border-bottom: 1px solid #687ea5;
7479
+ padding: 0;
7480
+ color: #687ea5;
7481
+ font-size: 12px;
7482
+ font-weight: 300;
7483
+ font-family: "Montserrat", sans-serif;
7484
+ }
7485
+
7486
+ .htmega-register-style-4 form input[type="submit"] {
7487
+ background: #0056ff;
7488
+ color: #fff;
7489
+ width: auto;
7490
+ height: 50px;
7491
+ padding: 0 40px;
7492
+ border: 0 none;
7493
+ font-size: 14px;
7494
+ text-transform: uppercase;
7495
+ border-radius: 25px;
7496
+ transition: 0.5s;
7497
+ margin-top: 10px;
7498
+ }
7499
+
7500
+ .htmega-register-style-4 form input[type="submit"]:hover {
7501
+ opacity: 0.7;
7502
+ }
7503
+
7504
+ .htmega-register-style-4 form input::-webkit-input-placeholder ,
7505
+ .htmega-register-style-4 form textarea::-webkit-input-placeholder {
7506
+ color: #687ea5;
7507
+ }
7508
+
7509
+ .htmega-register-style-4 form input::-moz-placeholder ,
7510
+ .htmega-register-style-4 form textarea::-moz-placeholder {
7511
+ color: #687ea5;
7512
+ }
7513
+
7514
+ .htmega-register-style-4 form input:-ms-input-placeholder ,
7515
+ .htmega-register-style-4 form textarea:-ms-input-placeholder {
7516
+ color: #687ea5;
7517
+ }
7518
+
7519
+ .htmega-register-style-4 form input:-moz-placeholder ,
7520
+ .htmega-register-style-4 form textarea:-moz-placeholder {
7521
+ color: #687ea5;
7522
+ }
7523
+ .htmega-register-wrapper.htmega-register-style-4 .htmega-register-form form a {
7524
+ background: #0056ff;
7525
+ color: #fff;
7526
+ font-size: 14px;
7527
+ text-transform: uppercase;
7528
+ border-radius: 25px;
7529
+ }
7530
+
7531
+ /* Register Style 05 */
7532
+ .register-container {
7533
+ background: #fff;
7534
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
7535
+ padding: 50px 70px;
7536
+ }
7537
+
7538
+ .register-top {
7539
+ display: flex;
7540
+ justify-content: space-between;
7541
+ margin-bottom: 33px;
7542
+ align-items: center;
7543
+ }
7544
+
7545
+ .register-top .register-top-left h2 {
7546
+ color: #000000;
7547
+ font-size: 16px;
7548
+ margin: 0;
7549
+ font-weight: 600;
7550
+ }
7551
+
7552
+ .register-top .register-top-right {
7553
+ display: flex;
7554
+ justify-content: space-between;
7555
+ }
7556
+
7557
+ .register-top .register-top-right p {
7558
+ margin: 0;
7559
+ color: #b1b1b1;
7560
+ margin-right: 30px;
7561
+ font-size: 14px;
7562
+ }
7563
+
7564
+ .register-top .register-top-right a {
7565
+ background: #eff1f2;
7566
+ height: 30px;
7567
+ line-height: 30px;
7568
+ color: #000000;
7569
+ padding: 0 14px;
7570
+ transition: 0.5s;
7571
+ }
7572
+
7573
+ .register-top .register-top-right a:hover {
7574
+ background: #18012c;
7575
+ color: #ffffff;
7576
+ }
7577
+
7578
+ .htmega-register-style-5 {
7579
+ text-align: center;
7580
+ }
7581
+
7582
+ .htmega-register-wrapper.htmega-register-style-5 {
7583
+ padding: 40px 30px;
7584
+ }
7585
+
7586
+ .htmega-register-style-5 form input ,
7587
+ .htmega-register-style-5 form textarea {
7588
+ border: 1px solid #f1f1f1;
7589
+ height: 45px;
7590
+ margin-bottom: 30px;
7591
+ padding: 0 20px;
7592
+ color: #757575;
7593
+ font-weight: 300;
7594
+ font-size: 12px;
7595
+ }
7596
+
7597
+ .htmega-register-style-5 form input[type="submit"] {
7598
+ background: #0056ff;
7599
+ width: auto;
7600
+ color: #fff;
7601
+ height: 48px;
7602
+ padding: 0 40px;
7603
+ color: #ffffff;
7604
+ font-size: 14px;
7605
+ font-weight: 600;
7606
+ margin-bottom: 0;
7607
+ transition: 0.5s;
7608
+ margin-top: 12px;
7609
+ }
7610
+
7611
+ .htmega-register-wrapper.htmega-register-style-5 .htmega-register-form form a {
7612
+ background: #0056ff;
7613
+ padding: 11px 40px;
7614
+ color: #ffffff;
7615
+ margin-bottom: 12px;
7616
+ }
7617
+
7618
+ .htmega-register-style-5 form input[type="submit"]:hover {
7619
+ background: #18012c;
7620
+ color: #ffffff;
7621
+ }
7622
+
7623
+ .htmega-register-style-5 form input::-webkit-input-placeholder ,
7624
+ .htmega-register-style-5 form textarea::-webkit-input-placeholder {
7625
+ color: #757575;
7626
+ }
7627
+
7628
+ .htmega-register-style-5 form input::-moz-placeholder ,
7629
+ .htmega-register-style-5 form textarea::-moz-placeholder {
7630
+ color: #757575;
7631
+ }
7632
+
7633
+ .htmega-register-style-5 form input:-ms-input-placeholder ,
7634
+ .htmega-register-style-5 form textarea:-ms-input-placeholder {
7635
+ color: #757575;
7636
+ }
7637
+
7638
+ .htmega-register-style-5 form input:-moz-placeholder ,
7639
+ .htmega-register-style-5 form textarea:-moz-placeholder {
7640
+ color: #757575;
7641
+ }
7642
+
7643
+ .htmega-register-style-5 form input:focus ,
7644
+ .htmega-register-style-5 form textarea:focus{
7645
+ border: 1px solid #18012c;
7646
+ }
7647
+
7648
+ .htmega-register-style-4 form input:focus {
7649
+ border: 0 none;
7650
+ border-bottom: 1px solid #18012c;
7651
+ }
7652
+
7653
+
7654
+ /* Register Style 06 */
7655
+ .htmega-register-wrapper.htmega-register-style-6 .htmega-register-form form a {
7656
+ background: #44FF62;
7657
+ color: #2E2E2E;
7658
+ font-size: 16px;
7659
+ border-radius: 5px;
7660
+ width: 100%;
7661
+ }
7662
+ .htmega-register-style-6.htmega-register-wrapper input[type="submit"] {
7663
+ color: #2E2E2E;
7664
+ font-size: 16px;
7665
+ font-weight: 600;
7666
+ background-color: #44FF62;
7667
+ height: 55px;
7668
+ width: 100%;
7669
+ border-radius: 5px 5px 5px 5px;
7670
+ }
7671
+ .htmega-register-style-6.htmega-register-wrapper form input {
7672
+ color: #8B8B8B;
7673
+ background-color: #FFFFFF;
7674
+ margin: 0px 0px 10px 0px;
7675
+ height: 55px;
7676
+ border-radius: 5px;
7677
+ }
7678
+ .htmega-register-style-6.htmega-register-wrapper {
7679
+ background-color: #0057FB;
7680
+ border-radius: 10px;
7681
+ padding: 40px;
7682
+ }
7683
+ /*
7684
+ * Tab Style
7685
+ */
7686
+
7687
+
7688
+ /*Tab Style 01*/
7689
+ .htmega-tab-nav a {
7690
+ color: #5