Premium Addons for Elementor - Version 4.8.5

Version Description

  • Tweak: Added responsive controls for Width option in Modal Box widget.
  • Tweak: Load widgets JS dependencies only when required to improve performance.
  • Tweak: Custom Mouse Cursor addon switcher moved to Global Features tab.
  • Tweak: HTML markup optimized for Button, Image Button, Dual Heading, and Modal Box widgets for better performance.
  • Fixed: Prevent creating additional unnecessary containers in Carousel widget.
  • Fixed: Products slashed price style overriden by WooCommerce styling in Woo Products Listing.
Download this release

Release Info

Developer leap13
Plugin Icon 128x128 Premium Addons for Elementor
Version 4.8.5
Comparing to
See all releases

Code changes from version 4.8.4 to 4.8.5

Files changed (6) hide show
  1. admin/assets/css/admin-rtl.css +1 -1
  2. admin/assets/css/admin.css +1 -1
  3. admin/includes/elements.php +1098 -1110
  4. admin/includes/templates/features.php +141 -116
  5. assets/frontend/css/premium-addons-rtl.css +9326 -9331
  6. assets/frontend/css/premium-addons.css +3877 -7687
admin/assets/css/admin-rtl.css CHANGED
@@ -100,7 +100,7 @@ input:checked+.slider:before {
100
  border-radius: 50%;
101
  }
102
 
103
- .pa-switcher input:disabled+.pro-slider::after {
104
  position: absolute;
105
  font-family: "Dashicons";
106
  content: "\f160";
100
  border-radius: 50%;
101
  }
102
 
103
+ .switch input:disabled+.pro-slider::after {
104
  position: absolute;
105
  font-family: "Dashicons";
106
  content: "\f160";
admin/assets/css/admin.css CHANGED
@@ -100,7 +100,7 @@ input:checked+.slider:before {
100
  border-radius: 50%;
101
  }
102
 
103
- .pa-switcher input:disabled+.pro-slider::after {
104
  position: absolute;
105
  font-family: "Dashicons";
106
  content: "\f160";
100
  border-radius: 50%;
101
  }
102
 
103
+ .switch input:disabled+.pro-slider::after {
104
  position: absolute;
105
  font-family: "Dashicons";
106
  content: "\f160";
admin/includes/elements.php CHANGED
@@ -1,1110 +1,1098 @@
1
- <?php
2
- /**
3
- * PA Elements.
4
- */
5
-
6
- use PremiumAddons\Includes\Helper_Functions;
7
-
8
- $prefix = Helper_Functions::get_prefix();
9
-
10
- $elements = array(
11
- 'cat-1' => array(
12
- 'icon' => 'all',
13
- 'title' => __( 'All Widgets', 'premium-addons-for-elementor' ),
14
- 'elements' => array(
15
- array(
16
- 'key' => 'premium-lottie-widget',
17
- 'name' => 'premium-lottie',
18
- 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
19
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
20
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/lottie-animations-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
21
- 'tutorial' => 'https://www.youtube.com/watch?v=0QWzUpF57dw',
22
- ),
23
- array(
24
- 'key' => 'premium-carousel',
25
- 'name' => 'premium-carousel-widget',
26
- 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
27
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
28
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
29
- 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
30
- ),
31
- array(
32
- 'key' => 'premium-blog',
33
- 'name' => 'premium-addon-blog',
34
- 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
35
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
36
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
37
- ),
38
- array(
39
- 'key' => 'premium-maps',
40
- 'name' => 'premium-addon-maps',
41
- 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
42
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
43
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
44
- 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
45
- ),
46
- array(
47
- 'key' => 'premium-person',
48
- 'name' => 'premium-addon-person',
49
- 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
50
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
51
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
52
- ),
53
- array(
54
- 'key' => 'premium-tabs',
55
- 'name' => 'premium-addon-tabs',
56
- 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
57
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
58
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
59
- 'is_pro' => true,
60
- 'icon' => 'pa-pro-tabs',
61
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
62
- ),
63
- array(
64
- 'key' => 'premium-content-toggle',
65
- 'name' => 'premium-addon-content-toggle',
66
- 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
67
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
68
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
69
- 'is_pro' => true,
70
- 'icon' => 'pa-pro-content-switcher',
71
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
72
- ),
73
- array(
74
- 'key' => 'premium-fancytext',
75
- 'name' => 'premium-addon-fancy-text',
76
- 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
77
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
78
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
79
- ),
80
- array(
81
- 'key' => 'premium-title',
82
- 'name' => 'premium-addon-title',
83
- 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
84
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
85
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
86
- ),
87
- array(
88
- 'key' => 'premium-dual-header',
89
- 'name' => 'premium-addon-dual-header',
90
- 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
91
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
92
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
93
- ),
94
- array(
95
- 'key' => 'premium-divider',
96
- 'name' => 'premium-divider',
97
- 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
98
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
99
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
100
- 'is_pro' => true,
101
- 'icon' => 'pa-pro-separator',
102
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
103
- ),
104
- array(
105
- 'key' => 'premium-grid',
106
- 'name' => 'premium-img-gallery',
107
- 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
108
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
109
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/grid/', 'settings-page', 'wp-dash', 'dashboard' ),
110
- ),
111
- array(
112
- 'key' => 'premium-image-scroll',
113
- 'name' => 'premium-image-scroll',
114
- 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
115
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
116
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
117
- ),
118
- array(
119
- 'key' => 'premium-image-separator',
120
- 'name' => 'premium-addon-image-separator',
121
- 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
122
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
123
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
124
- ),
125
- array(
126
- 'key' => 'premium-image-comparison',
127
- 'name' => 'premium-addon-image-comparison',
128
- 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
129
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
130
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
131
- 'is_pro' => true,
132
- 'icon' => 'pa-pro-image-comparison',
133
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
134
- ),
135
- array(
136
- 'key' => 'premium-image-hotspots',
137
- 'name' => 'premium-addon-image-hotspots',
138
- 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
139
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
140
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
141
- 'is_pro' => true,
142
- 'icon' => 'pa-pro-hot-spot',
143
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
144
- ),
145
- array(
146
- 'key' => 'premium-img-layers',
147
- 'name' => 'premium-img-layers-addon',
148
- 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
149
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
150
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
151
- 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
152
- 'is_pro' => true,
153
- 'icon' => 'pa-pro-image-layers',
154
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
155
- ),
156
- array(
157
- 'key' => 'premium-image-accordion',
158
- 'name' => 'premium-image-accordion',
159
- 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
160
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
161
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
162
- 'is_pro' => true,
163
- 'icon' => 'pa-pro-image-accordion',
164
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
165
- ),
166
- array(
167
- 'key' => 'premium-videobox',
168
- 'name' => 'premium-addon-video-box',
169
- 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
170
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
171
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
172
- ),
173
- array(
174
- 'key' => 'premium-hscroll',
175
- 'name' => 'premium-hscroll',
176
- 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
177
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
178
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
179
- 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
180
- 'is_pro' => true,
181
- 'icon' => 'pa-pro-horizontal-scroll',
182
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
183
- ),
184
- array(
185
- 'key' => 'premium-vscroll',
186
- 'name' => 'premium-vscroll',
187
- 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
188
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
189
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
190
- 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
191
- ),
192
- array(
193
- 'key' => 'premium-color-transition',
194
- 'name' => 'premium-color-transition',
195
- 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
196
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
197
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
198
- 'is_pro' => true,
199
- 'icon' => 'pa-pro-color-transition',
200
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
201
- ),
202
- array(
203
- 'key' => 'premium-multi-scroll',
204
- 'name' => 'premium-multi-scroll',
205
- 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
206
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
207
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
208
- 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
209
- 'is_pro' => true,
210
- 'icon' => 'pa-pro-multi-scroll',
211
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
212
- ),
213
- array(
214
- 'key' => 'premium-lottie',
215
- 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
216
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
217
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
218
- 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
219
- 'is_pro' => true,
220
- 'is_global' => true,
221
- ),
222
- array(
223
- 'key' => 'premium-parallax',
224
- 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
225
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
226
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
227
- 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
228
- 'is_pro' => true,
229
- 'is_global' => true,
230
- ),
231
- array(
232
- 'key' => 'premium-particles',
233
- 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
234
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
235
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
236
- 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
237
- 'is_pro' => true,
238
- 'is_global' => true,
239
- ),
240
- array(
241
- 'key' => 'premium-gradient',
242
- 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
243
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
244
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
245
- 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
246
- 'is_pro' => true,
247
- 'is_global' => true,
248
- ),
249
- array(
250
- 'key' => 'premium-global-cursor',
251
- 'title' => __( 'Custom Mouse Cursor', 'premium-addons-for-elementor' ),
252
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-custom-mouse-cursor-global-feature/', 'settings-page', 'wp-dash', 'dashboard' ),
253
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-custom-mouse-cursor-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
254
- 'is_pro' => true,
255
- 'is_global' => true,
256
- ),
257
- array(
258
- 'key' => 'premium-kenburns',
259
- 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
260
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
261
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
262
- 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
263
- 'is_pro' => true,
264
- 'is_global' => true,
265
- ),
266
- array(
267
- 'key' => 'premium-blob',
268
- 'title' => __( 'Blob Generator', 'premium-addons-for-elementor' ),
269
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-animated-blob-generator/', 'settings-page', 'wp-dash', 'dashboard' ),
270
- 'is_pro' => true,
271
- 'is_global' => true,
272
- ),
273
- array(
274
- 'key' => 'premium-modalbox',
275
- 'name' => 'premium-addon-modal-box',
276
- 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
277
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
278
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
279
- 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
280
- ),
281
- array(
282
- 'key' => 'premium-notbar',
283
- 'name' => 'premium-notbar',
284
- 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
285
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
286
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
287
- 'is_pro' => true,
288
- 'icon' => 'pa-pro-notification-bar',
289
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
290
- ),
291
- array(
292
- 'key' => 'premium-magic-section',
293
- 'name' => 'premium-addon-magic-section',
294
- 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
295
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
296
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
297
- 'is_pro' => true,
298
- 'icon' => 'pa-pro-magic-section',
299
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
300
- ),
301
- array(
302
- 'key' => 'premium-prev-img',
303
- 'name' => 'premium-addon-preview-image',
304
- 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
305
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
306
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
307
- 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
308
- 'is_pro' => true,
309
- 'icon' => 'pa-pro-preview-window',
310
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
311
- ),
312
- array(
313
- 'key' => 'premium-testimonials',
314
- 'name' => 'premium-addon-testimonials',
315
- 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
316
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
317
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
318
- ),
319
- array(
320
- 'key' => 'premium-facebook-reviews',
321
- 'name' => 'premium-facebook-reviews',
322
- 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
323
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
324
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
325
- 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
326
- 'is_pro' => true,
327
- 'icon' => 'pa-pro-facebook-reviews',
328
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
329
- ),
330
- array(
331
- 'key' => 'premium-google-reviews',
332
- 'name' => 'premium-google-reviews',
333
- 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
334
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
335
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
336
- 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
337
- 'is_pro' => true,
338
- 'icon' => 'pa-pro-google-reviews',
339
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
340
- ),
341
- array(
342
- 'key' => 'premium-yelp-reviews',
343
- 'name' => 'premium-yelp-reviews',
344
- 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
345
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
346
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
347
- 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
348
- 'is_pro' => true,
349
- 'icon' => 'pa-pro-yelp-reviews',
350
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
351
- ),
352
- array(
353
- 'key' => 'premium-trustpilot-reviews',
354
- 'name' => 'premium-trustpilot-reviews',
355
- 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
356
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
357
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
358
- 'is_pro' => true,
359
- 'is_new' => true,
360
- 'icon' => 'pa-pro-trust-reviews',
361
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
362
- ),
363
- array(
364
- 'key' => 'premium-countdown',
365
- 'name' => 'premium-countdown-timer',
366
- 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
367
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
368
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
369
- ),
370
- array(
371
- 'key' => 'premium-banner',
372
- 'name' => 'premium-addon-banner',
373
- 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
374
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
375
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
376
- ),
377
- array(
378
- 'key' => 'premium-button',
379
- 'name' => 'premium-addon-button',
380
- 'title' => __( 'Button', 'premium-addons-for-elementor' ),
381
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
382
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
383
- 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
384
- ),
385
- array(
386
- 'key' => 'premium-image-button',
387
- 'name' => 'premium-addon-image-button',
388
- 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
389
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
390
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
391
- ),
392
- array(
393
- 'key' => 'premium-flipbox',
394
- 'name' => 'premium-addon-flip-box',
395
- 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
396
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
397
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
398
- 'is_pro' => true,
399
- 'icon' => 'pa-pro-flip-box',
400
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'editor-page', 'wp-editor', 'get-pro' ),
401
- ),
402
- array(
403
- 'key' => 'premium-iconbox',
404
- 'name' => 'premium-addon-icon-box',
405
- 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
406
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
407
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
408
- 'is_pro' => true,
409
- 'icon' => 'pa-pro-icon-box',
410
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
411
- ),
412
- array(
413
- 'key' => 'premium-ihover',
414
- 'name' => 'premium-ihover',
415
- 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
416
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
417
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
418
- 'is_pro' => true,
419
- 'icon' => 'pa-pro-ihover',
420
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
421
- ),
422
- array(
423
- 'key' => 'premium-unfold',
424
- 'name' => 'premium-unfold-addon',
425
- 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
426
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
427
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
428
- 'is_pro' => true,
429
- 'icon' => 'pa-pro-unfold',
430
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
431
- ),
432
- array(
433
- 'key' => 'premium-icon-list',
434
- 'name' => 'premium-icon-list',
435
- 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
436
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
437
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
438
- 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
439
- ),
440
- array(
441
- 'key' => 'premium-facebook-feed',
442
- 'name' => 'premium-facebook-feed',
443
- 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
444
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
445
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
446
- 'is_pro' => true,
447
- 'icon' => 'pa-pro-facebook-feed',
448
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
449
- ),
450
- array(
451
- 'key' => 'premium-twitter-feed',
452
- 'name' => 'premium-twitter-feed',
453
- 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
454
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
455
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
456
- 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
457
- 'is_pro' => true,
458
- 'icon' => 'pa-pro-twitter-feed',
459
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
460
- ),
461
- array(
462
- 'key' => 'premium-instagram-feed',
463
- 'name' => 'premium-addon-instagram-feed',
464
- 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
465
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
466
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
467
- 'is_pro' => true,
468
- 'icon' => 'pa-pro-instagram-feed',
469
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
470
- ),
471
- array(
472
- 'key' => 'premium-behance',
473
- 'name' => 'premium-behance-feed',
474
- 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
475
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
476
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
477
- 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
478
- 'is_pro' => true,
479
- 'icon' => 'pa-pro-behance-feed',
480
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
481
- ),
482
- array(
483
- 'key' => 'premium-progressbar',
484
- 'name' => 'premium-addon-progressbar',
485
- 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
486
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
487
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
488
- 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
489
- ),
490
- array(
491
- 'key' => 'premium-pricing-table',
492
- 'name' => 'premium-addon-pricing-table',
493
- 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
494
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
495
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
496
- ),
497
- array(
498
- 'key' => 'premium-charts',
499
- 'name' => 'premium-chart',
500
- 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
501
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
502
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
503
- 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
504
- 'is_pro' => true,
505
- 'icon' => 'pa-pro-charts',
506
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
507
- ),
508
- array(
509
- 'key' => 'premium-tables',
510
- 'name' => 'premium-tables-addon',
511
- 'title' => __( 'Table', 'premium-addons-for-elementor' ),
512
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
513
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
514
- 'is_pro' => true,
515
- 'icon' => 'pa-pro-table',
516
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
517
- ),
518
- array(
519
- 'key' => 'premium-counter',
520
- 'name' => 'premium-counter',
521
- 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
522
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
523
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
524
- ),
525
- array(
526
- 'key' => 'premium-contactform',
527
- 'name' => 'premium-contact-form',
528
- 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
529
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
530
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
531
- ),
532
- array(
533
- 'key' => 'premium-fb-chat',
534
- 'name' => 'premium-addon-facebook-chat',
535
- 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
536
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
537
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
538
- 'is_pro' => true,
539
- 'icon' => 'pa-pro-messenger-chat',
540
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
541
- ),
542
- array(
543
- 'key' => 'premium-whatsapp-chat',
544
- 'name' => 'premium-whatsapp-chat',
545
- 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
546
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
547
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
548
- 'is_pro' => true,
549
- 'icon' => 'pa-pro-whatsapp',
550
- 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
551
- ),
552
- array(
553
- 'key' => 'woo-products',
554
- 'title' => __( 'Woo Products', 'premium-addons-for-elementor' ),
555
- 'name' => 'premium-woo-products',
556
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-woocommerce-products/', 'settings-page', 'wp-dash', 'dashboard' ),
557
- ),
558
- ),
559
- ),
560
- 'cat-2' => array(
561
- 'icon' => 'content',
562
- 'title' => __( 'Content Widgets', 'premium-addons-for-elementor' ),
563
- 'elements' => array(
564
- array(
565
- 'key' => 'premium-carousel',
566
- 'name' => 'premium-carousel-widget',
567
- 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
568
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
569
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
570
- 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
571
- ),
572
- array(
573
- 'key' => 'premium-blog',
574
- 'name' => 'premium-addon-blog',
575
- 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
576
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
577
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
578
- ),
579
- array(
580
- 'key' => 'premium-maps',
581
- 'name' => 'premium-addon-maps',
582
- 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
583
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
584
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
585
- 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
586
- ),
587
- array(
588
- 'key' => 'premium-person',
589
- 'name' => 'premium-addon-person',
590
- 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
591
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
592
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
593
- ),
594
- array(
595
- 'key' => 'premium-tabs',
596
- 'name' => 'premium-addon-tabs',
597
- 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
598
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
599
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
600
- 'is_pro' => true,
601
- ),
602
- array(
603
- 'key' => 'premium-content-toggle',
604
- 'name' => 'premium-addon-content-toggle',
605
- 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
606
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
607
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
608
- 'is_pro' => true,
609
- ),
610
- array(
611
- 'key' => 'premium-fancytext',
612
- 'name' => 'premium-addon-fancy-text',
613
- 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
614
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
615
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
616
- ),
617
- array(
618
- 'key' => 'premium-title',
619
- 'name' => 'premium-addon-title',
620
- 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
621
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
622
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
623
- ),
624
- array(
625
- 'key' => 'premium-dual-header',
626
- 'name' => 'premium-addon-dual-header',
627
- 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
628
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
629
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
630
- ),
631
- array(
632
- 'key' => 'premium-divider',
633
- 'name' => 'premium-divider',
634
- 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
635
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
636
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
637
- 'is_pro' => true,
638
- ),
639
- ),
640
- ),
641
- 'cat-3' => array(
642
- 'icon' => 'images',
643
- 'title' => __( 'Image & Video Widgets', 'premium-addons-for-elementor' ),
644
- 'elements' => array(
645
- array(
646
- 'key' => 'premium-grid',
647
- 'name' => 'premium-img-gallery',
648
- 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
649
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
650
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/grid-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
651
- ),
652
- array(
653
- 'key' => 'premium-image-scroll',
654
- 'name' => 'premium-image-scroll',
655
- 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
656
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
657
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
658
- ),
659
- array(
660
- 'key' => 'premium-image-separator',
661
- 'name' => 'premium-addon-image-separator',
662
- 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
663
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
664
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
665
- ),
666
- array(
667
- 'key' => 'premium-image-comparison',
668
- 'name' => 'premium-addon-image-comparison',
669
- 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
670
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
671
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
672
- 'is_pro' => true,
673
- ),
674
- array(
675
- 'key' => 'premium-image-hotspots',
676
- 'name' => 'premium-addon-image-hotspots',
677
- 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
678
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
679
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
680
- 'is_pro' => true,
681
- ),
682
- array(
683
- 'key' => 'premium-img-layers',
684
- 'name' => 'premium-img-layers-addon',
685
- 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
686
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
687
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
688
- 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
689
- 'is_pro' => true,
690
- ),
691
- array(
692
- 'key' => 'premium-image-accordion',
693
- 'name' => 'premium-image-accordion',
694
- 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
695
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
696
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
697
- 'is_pro' => true,
698
- ),
699
- array(
700
- 'key' => 'premium-videobox',
701
- 'name' => 'premium-addon-video-box',
702
- 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
703
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
704
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
705
- ),
706
- ),
707
- ),
708
- 'cat-4' => array(
709
- 'icon' => 'section',
710
- 'title' => __( 'Section Addons & Widgets', 'premium-addons-for-elementor' ),
711
- 'elements' => array(
712
- array(
713
- 'key' => 'premium-hscroll',
714
- 'name' => 'premium-hscroll',
715
- 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
716
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
717
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
718
- 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
719
- 'is_pro' => true,
720
- ),
721
- array(
722
- 'key' => 'premium-vscroll',
723
- 'name' => 'premium-vscroll',
724
- 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
725
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
726
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
727
- 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
728
- ),
729
- array(
730
- 'key' => 'premium-color-transition',
731
- 'name' => 'premium-color-transition',
732
- 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
733
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
734
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
735
- 'is_pro' => true,
736
- ),
737
- array(
738
- 'key' => 'premium-multi-scroll',
739
- 'name' => 'premium-multi-scroll',
740
- 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
741
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
742
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
743
- 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
744
- 'is_pro' => true,
745
- ),
746
- array(
747
- 'key' => 'premium-lottie',
748
- 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
749
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
750
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
751
- 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
752
- 'is_pro' => true,
753
- 'is_global' => true,
754
- ),
755
- array(
756
- 'key' => 'premium-parallax',
757
- 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
758
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
759
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
760
- 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
761
- 'is_pro' => true,
762
- 'is_global' => true,
763
- ),
764
- array(
765
- 'key' => 'premium-particles',
766
- 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
767
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
768
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
769
- 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
770
- 'is_pro' => true,
771
- 'is_global' => true,
772
- ),
773
- array(
774
- 'key' => 'premium-gradient',
775
- 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
776
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
777
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
778
- 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
779
- 'is_pro' => true,
780
- 'is_global' => true,
781
- ),
782
- array(
783
- 'key' => 'premium-global-cursor',
784
- 'title' => __( 'Custom Mouse Cursor', 'premium-addons-for-elementor' ),
785
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-custom-mouse-cursor-global-feature/', 'settings-page', 'wp-dash', 'dashboard' ),
786
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-custom-mouse-cursor-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
787
- 'is_pro' => true,
788
- 'is_global' => true,
789
- ),
790
- array(
791
- 'key' => 'premium-kenburns',
792
- 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
793
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
794
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
795
- 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
796
- 'is_pro' => true,
797
- 'is_global' => true,
798
- ),
799
- array(
800
- 'key' => 'premium-blob',
801
- 'title' => __( 'Blob Generator', 'premium-addons-for-elementor' ),
802
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-animated-blob-generator/', 'settings-page', 'wp-dash', 'dashboard' ),
803
- 'is_pro' => true,
804
- 'is_global' => true,
805
- ),
806
- ),
807
- ),
808
- 'cat-5' => array(
809
- 'icon' => 'off-grid',
810
- 'title' => __( 'Off-Grid Widgets', 'premium-addons-for-elementor' ),
811
- 'elements' => array(
812
- array(
813
- 'key' => 'premium-modalbox',
814
- 'name' => 'premium-addon-modal-box',
815
- 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
816
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
817
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
818
- 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
819
- ),
820
- array(
821
- 'key' => 'premium-notbar',
822
- 'name' => 'premium-notbar',
823
- 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
824
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
825
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
826
- 'is_pro' => true,
827
- ),
828
- array(
829
- 'key' => 'premium-magic-section',
830
- 'name' => 'premium-addon-magic-section',
831
- 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
832
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
833
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
834
- 'is_pro' => true,
835
- ),
836
- array(
837
- 'key' => 'premium-prev-img',
838
- 'name' => 'premium-addon-preview-image',
839
- 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
840
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
841
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
842
- 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
843
- 'is_pro' => true,
844
- ),
845
- ),
846
- ),
847
- 'cat-6' => array(
848
- 'icon' => 'social',
849
- 'title' => __( 'Reviews & Testimonials Widgets', 'premium-addons-for-elementor' ),
850
- 'elements' => array(
851
- array(
852
- 'key' => 'premium-testimonials',
853
- 'name' => 'premium-addon-testimonials',
854
- 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
855
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
856
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
857
- ),
858
- array(
859
- 'key' => 'premium-facebook-reviews',
860
- 'name' => 'premium-facebook-reviews',
861
- 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
862
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
863
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
864
- 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
865
- 'is_pro' => true,
866
- ),
867
- array(
868
- 'key' => 'premium-google-reviews',
869
- 'name' => 'premium-google-reviews',
870
- 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
871
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
872
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
873
- 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
874
- 'is_pro' => true,
875
- ),
876
- array(
877
- 'key' => 'premium-yelp-reviews',
878
- 'name' => 'premium-yelp-reviews',
879
- 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
880
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
881
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
882
- 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
883
- 'is_pro' => true,
884
- ),
885
- array(
886
- 'key' => 'premium-trustpilot-reviews',
887
- 'name' => 'premium-trustpilot-reviews',
888
- 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
889
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
890
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
891
- 'is_pro' => true,
892
- 'is_new' => true,
893
- ),
894
- ),
895
- ),
896
- 'cat-7' => array(
897
- 'icon' => 'blurbs',
898
- 'title' => __( 'Blurbs & CTA Widgets', 'premium-addons-for-elementor' ),
899
- 'elements' => array(
900
- array(
901
- 'key' => 'premium-countdown',
902
- 'name' => 'premium-countdown-timer',
903
- 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
904
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
905
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
906
- ),
907
- array(
908
- 'key' => 'premium-banner',
909
- 'name' => 'premium-addon-banner',
910
- 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
911
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
912
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
913
- ),
914
- array(
915
- 'key' => 'premium-button',
916
- 'name' => 'premium-addon-button',
917
- 'title' => __( 'Button', 'premium-addons-for-elementor' ),
918
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
919
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
920
- 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
921
- ),
922
- array(
923
- 'key' => 'premium-image-button',
924
- 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
925
- 'name' => 'premium-addon-image-button',
926
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
927
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
928
- ),
929
- array(
930
- 'key' => 'premium-flipbox',
931
- 'name' => 'premium-addon-flip-box',
932
- 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
933
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
934
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
935
- 'is_pro' => true,
936
- ),
937
- array(
938
- 'key' => 'premium-iconbox',
939
- 'name' => 'premium-addon-icon-box',
940
- 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
941
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
942
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
943
- 'is_pro' => true,
944
- ),
945
- array(
946
- 'key' => 'premium-ihover',
947
- 'name' => 'premium-ihover',
948
- 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
949
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
950
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
951
- 'is_pro' => true,
952
- ),
953
- array(
954
- 'key' => 'premium-unfold',
955
- 'name' => 'premium-unfold-addon',
956
- 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
957
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
958
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
959
- 'is_pro' => true,
960
- ),
961
- array(
962
- 'key' => 'premium-icon-list',
963
- 'name' => 'premium-icon-list',
964
- 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
965
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
966
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
967
- 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
968
- ),
969
- ),
970
- ),
971
- 'cat-8' => array(
972
- 'icon' => 'feed',
973
- 'title' => __( 'Social Feed Widgets', 'premium-addons-for-elementor' ),
974
- 'elements' => array(
975
- array(
976
- 'key' => 'premium-facebook-feed',
977
- 'name' => 'premium-facebook-feed',
978
- 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
979
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
980
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
981
- 'is_pro' => true,
982
- ),
983
- array(
984
- 'key' => 'premium-twitter-feed',
985
- 'name' => 'premium-twitter-feed',
986
- 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
987
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
988
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
989
- 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
990
- 'is_pro' => true,
991
- ),
992
- array(
993
- 'key' => 'premium-instagram-feed',
994
- 'name' => 'premium-addon-instagram-feed',
995
- 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
996
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
997
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
998
- 'is_pro' => true,
999
- ),
1000
- array(
1001
- 'key' => 'premium-behance',
1002
- 'name' => 'premium-behance-feed',
1003
- 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
1004
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1005
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1006
- 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
1007
- 'is_pro' => true,
1008
- ),
1009
- ),
1010
- ),
1011
- 'cat-9' => array(
1012
- 'icon' => 'data',
1013
- 'title' => __( 'Tables, Charts & Anything Data Widgets', 'premium-addons-for-elementor' ),
1014
- 'elements' => array(
1015
- array(
1016
- 'key' => 'premium-progressbar',
1017
- 'name' => 'premium-addon-progressbar',
1018
- 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
1019
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1020
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
1021
- 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
1022
- ),
1023
- array(
1024
- 'key' => 'premium-pricing-table',
1025
- 'name' => 'premium-addon-pricing-table',
1026
- 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
1027
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1028
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1029
- ),
1030
- array(
1031
- 'key' => 'premium-charts',
1032
- 'name' => 'premium-chart',
1033
- 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
1034
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1035
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1036
- 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
1037
- 'is_pro' => true,
1038
- ),
1039
- array(
1040
- 'key' => 'premium-tables',
1041
- 'name' => 'premium-tables-addon',
1042
- 'title' => __( 'Table', 'premium-addons-for-elementor' ),
1043
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1044
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1045
- 'is_pro' => true,
1046
- ),
1047
- array(
1048
- 'key' => 'premium-counter',
1049
- 'name' => 'premium-counter',
1050
- 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
1051
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1052
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1053
- ),
1054
- ),
1055
- ),
1056
- 'cat-10' => array(
1057
- 'icon' => 'contact',
1058
- 'title' => __( 'Contact Widgets', 'premium-addons-for-elementor' ),
1059
- 'elements' => array(
1060
- array(
1061
- 'key' => 'premium-contactform',
1062
- 'name' => 'premium-contact-form',
1063
- 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
1064
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1065
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1066
- ),
1067
- array(
1068
- 'key' => 'premium-fb-chat',
1069
- 'name' => 'premium-addon-facebook-chat',
1070
- 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
1071
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1072
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
1073
- 'is_pro' => true,
1074
- ),
1075
- array(
1076
- 'key' => 'premium-whatsapp-chat',
1077
- 'name' => 'premium-whatsapp-chat',
1078
- 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
1079
- 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1080
- 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1081
- 'is_pro' => true,
1082
- ),
1083
- ),
1084
- ),
1085
- 'cat-11' => array(
1086
- 'icon' => 'extensions',
1087
- 'elements' => array(
1088
- array(
1089
- 'key' => 'premium-templates',
1090
- ),
1091
- array(
1092
- 'key' => 'premium-equal-height',
1093
- ),
1094
- array(
1095
- 'key' => 'pa-display-conditions',
1096
- ),
1097
- array(
1098
- 'key' => 'premium-floating-effects',
1099
- ),
1100
- array(
1101
- 'key' => 'premium-cross-domain',
1102
- ),
1103
- array(
1104
- 'key' => 'premium-duplicator',
1105
- ),
1106
- ),
1107
- ),
1108
- );
1109
-
1110
- return $elements;
1
+ <?php
2
+ /**
3
+ * PA Elements.
4
+ */
5
+
6
+ use PremiumAddons\Includes\Helper_Functions;
7
+
8
+ $prefix = Helper_Functions::get_prefix();
9
+
10
+ $elements = array(
11
+ 'cat-1' => array(
12
+ 'icon' => 'all',
13
+ 'title' => __( 'All Widgets', 'premium-addons-for-elementor' ),
14
+ 'elements' => array(
15
+ array(
16
+ 'key' => 'premium-lottie-widget',
17
+ 'name' => 'premium-lottie',
18
+ 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
19
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
20
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/lottie-animations-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
21
+ 'tutorial' => 'https://www.youtube.com/watch?v=0QWzUpF57dw',
22
+ ),
23
+ array(
24
+ 'key' => 'premium-carousel',
25
+ 'name' => 'premium-carousel-widget',
26
+ 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
27
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
28
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
29
+ 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
30
+ ),
31
+ array(
32
+ 'key' => 'premium-blog',
33
+ 'name' => 'premium-addon-blog',
34
+ 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
35
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
36
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
37
+ ),
38
+ array(
39
+ 'key' => 'premium-maps',
40
+ 'name' => 'premium-addon-maps',
41
+ 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
42
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
43
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
44
+ 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
45
+ ),
46
+ array(
47
+ 'key' => 'premium-person',
48
+ 'name' => 'premium-addon-person',
49
+ 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
50
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
51
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
52
+ ),
53
+ array(
54
+ 'key' => 'premium-tabs',
55
+ 'name' => 'premium-addon-tabs',
56
+ 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
57
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
58
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
59
+ 'is_pro' => true,
60
+ 'icon' => 'pa-pro-tabs',
61
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
62
+ ),
63
+ array(
64
+ 'key' => 'premium-content-toggle',
65
+ 'name' => 'premium-addon-content-toggle',
66
+ 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
67
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
68
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
69
+ 'is_pro' => true,
70
+ 'icon' => 'pa-pro-content-switcher',
71
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
72
+ ),
73
+ array(
74
+ 'key' => 'premium-fancytext',
75
+ 'name' => 'premium-addon-fancy-text',
76
+ 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
77
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
78
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
79
+ ),
80
+ array(
81
+ 'key' => 'premium-title',
82
+ 'name' => 'premium-addon-title',
83
+ 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
84
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
85
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
86
+ ),
87
+ array(
88
+ 'key' => 'premium-dual-header',
89
+ 'name' => 'premium-addon-dual-header',
90
+ 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
91
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
92
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
93
+ ),
94
+ array(
95
+ 'key' => 'premium-divider',
96
+ 'name' => 'premium-divider',
97
+ 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
98
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
99
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
100
+ 'is_pro' => true,
101
+ 'icon' => 'pa-pro-separator',
102
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
103
+ ),
104
+ array(
105
+ 'key' => 'premium-grid',
106
+ 'name' => 'premium-img-gallery',
107
+ 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
108
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
109
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/grid/', 'settings-page', 'wp-dash', 'dashboard' ),
110
+ ),
111
+ array(
112
+ 'key' => 'premium-image-scroll',
113
+ 'name' => 'premium-image-scroll',
114
+ 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
115
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
116
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
117
+ ),
118
+ array(
119
+ 'key' => 'premium-image-separator',
120
+ 'name' => 'premium-addon-image-separator',
121
+ 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
122
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
123
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
124
+ ),
125
+ array(
126
+ 'key' => 'premium-image-comparison',
127
+ 'name' => 'premium-addon-image-comparison',
128
+ 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
129
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
130
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
131
+ 'is_pro' => true,
132
+ 'icon' => 'pa-pro-image-comparison',
133
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
134
+ ),
135
+ array(
136
+ 'key' => 'premium-image-hotspots',
137
+ 'name' => 'premium-addon-image-hotspots',
138
+ 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
139
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
140
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
141
+ 'is_pro' => true,
142
+ 'icon' => 'pa-pro-hot-spot',
143
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
144
+ ),
145
+ array(
146
+ 'key' => 'premium-img-layers',
147
+ 'name' => 'premium-img-layers-addon',
148
+ 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
149
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
150
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
151
+ 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
152
+ 'is_pro' => true,
153
+ 'icon' => 'pa-pro-image-layers',
154
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
155
+ ),
156
+ array(
157
+ 'key' => 'premium-image-accordion',
158
+ 'name' => 'premium-image-accordion',
159
+ 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
160
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
161
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
162
+ 'is_pro' => true,
163
+ 'icon' => 'pa-pro-image-accordion',
164
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
165
+ ),
166
+ array(
167
+ 'key' => 'premium-videobox',
168
+ 'name' => 'premium-addon-video-box',
169
+ 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
170
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
171
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
172
+ ),
173
+ array(
174
+ 'key' => 'premium-hscroll',
175
+ 'name' => 'premium-hscroll',
176
+ 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
177
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
178
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
179
+ 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
180
+ 'is_pro' => true,
181
+ 'icon' => 'pa-pro-horizontal-scroll',
182
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
183
+ ),
184
+ array(
185
+ 'key' => 'premium-vscroll',
186
+ 'name' => 'premium-vscroll',
187
+ 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
188
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
189
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
190
+ 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
191
+ ),
192
+ array(
193
+ 'key' => 'premium-color-transition',
194
+ 'name' => 'premium-color-transition',
195
+ 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
196
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
197
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
198
+ 'is_pro' => true,
199
+ 'icon' => 'pa-pro-color-transition',
200
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
201
+ ),
202
+ array(
203
+ 'key' => 'premium-multi-scroll',
204
+ 'name' => 'premium-multi-scroll',
205
+ 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
206
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
207
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
208
+ 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
209
+ 'is_pro' => true,
210
+ 'icon' => 'pa-pro-multi-scroll',
211
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
212
+ ),
213
+ array(
214
+ 'key' => 'premium-lottie',
215
+ 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
216
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
217
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
218
+ 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
219
+ 'is_pro' => true,
220
+ 'is_global' => true,
221
+ ),
222
+ array(
223
+ 'key' => 'premium-parallax',
224
+ 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
225
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
226
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
227
+ 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
228
+ 'is_pro' => true,
229
+ 'is_global' => true,
230
+ ),
231
+ array(
232
+ 'key' => 'premium-particles',
233
+ 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
234
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
235
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
236
+ 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
237
+ 'is_pro' => true,
238
+ 'is_global' => true,
239
+ ),
240
+ array(
241
+ 'key' => 'premium-gradient',
242
+ 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
243
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
244
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
245
+ 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
246
+ 'is_pro' => true,
247
+ 'is_global' => true,
248
+ ),
249
+ array(
250
+ 'key' => 'premium-kenburns',
251
+ 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
252
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
253
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
254
+ 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
255
+ 'is_pro' => true,
256
+ 'is_global' => true,
257
+ ),
258
+ array(
259
+ 'key' => 'premium-blob',
260
+ 'title' => __( 'Blob Generator', 'premium-addons-for-elementor' ),
261
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-animated-blob-generator/', 'settings-page', 'wp-dash', 'dashboard' ),
262
+ 'is_pro' => true,
263
+ 'is_global' => true,
264
+ ),
265
+ array(
266
+ 'key' => 'premium-modalbox',
267
+ 'name' => 'premium-addon-modal-box',
268
+ 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
269
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
270
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
271
+ 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
272
+ ),
273
+ array(
274
+ 'key' => 'premium-notbar',
275
+ 'name' => 'premium-notbar',
276
+ 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
277
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
278
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
279
+ 'is_pro' => true,
280
+ 'icon' => 'pa-pro-notification-bar',
281
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
282
+ ),
283
+ array(
284
+ 'key' => 'premium-magic-section',
285
+ 'name' => 'premium-addon-magic-section',
286
+ 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
287
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
288
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
289
+ 'is_pro' => true,
290
+ 'icon' => 'pa-pro-magic-section',
291
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
292
+ ),
293
+ array(
294
+ 'key' => 'premium-prev-img',
295
+ 'name' => 'premium-addon-preview-image',
296
+ 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
297
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
298
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
299
+ 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
300
+ 'is_pro' => true,
301
+ 'icon' => 'pa-pro-preview-window',
302
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
303
+ ),
304
+ array(
305
+ 'key' => 'premium-testimonials',
306
+ 'name' => 'premium-addon-testimonials',
307
+ 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
308
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
309
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
310
+ ),
311
+ array(
312
+ 'key' => 'premium-facebook-reviews',
313
+ 'name' => 'premium-facebook-reviews',
314
+ 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
315
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
316
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
317
+ 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
318
+ 'is_pro' => true,
319
+ 'icon' => 'pa-pro-facebook-reviews',
320
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
321
+ ),
322
+ array(
323
+ 'key' => 'premium-google-reviews',
324
+ 'name' => 'premium-google-reviews',
325
+ 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
326
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
327
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
328
+ 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
329
+ 'is_pro' => true,
330
+ 'icon' => 'pa-pro-google-reviews',
331
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
332
+ ),
333
+ array(
334
+ 'key' => 'premium-yelp-reviews',
335
+ 'name' => 'premium-yelp-reviews',
336
+ 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
337
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
338
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
339
+ 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
340
+ 'is_pro' => true,
341
+ 'icon' => 'pa-pro-yelp-reviews',
342
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
343
+ ),
344
+ array(
345
+ 'key' => 'premium-trustpilot-reviews',
346
+ 'name' => 'premium-trustpilot-reviews',
347
+ 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
348
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
349
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
350
+ 'is_pro' => true,
351
+ 'is_new' => true,
352
+ 'icon' => 'pa-pro-trust-reviews',
353
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
354
+ ),
355
+ array(
356
+ 'key' => 'premium-countdown',
357
+ 'name' => 'premium-countdown-timer',
358
+ 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
359
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
360
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
361
+ ),
362
+ array(
363
+ 'key' => 'premium-banner',
364
+ 'name' => 'premium-addon-banner',
365
+ 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
366
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
367
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
368
+ ),
369
+ array(
370
+ 'key' => 'premium-button',
371
+ 'name' => 'premium-addon-button',
372
+ 'title' => __( 'Button', 'premium-addons-for-elementor' ),
373
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
374
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
375
+ 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
376
+ ),
377
+ array(
378
+ 'key' => 'premium-image-button',
379
+ 'name' => 'premium-addon-image-button',
380
+ 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
381
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
382
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
383
+ ),
384
+ array(
385
+ 'key' => 'premium-flipbox',
386
+ 'name' => 'premium-addon-flip-box',
387
+ 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
388
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
389
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
390
+ 'is_pro' => true,
391
+ 'icon' => 'pa-pro-flip-box',
392
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'editor-page', 'wp-editor', 'get-pro' ),
393
+ ),
394
+ array(
395
+ 'key' => 'premium-iconbox',
396
+ 'name' => 'premium-addon-icon-box',
397
+ 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
398
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
399
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
400
+ 'is_pro' => true,
401
+ 'icon' => 'pa-pro-icon-box',
402
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
403
+ ),
404
+ array(
405
+ 'key' => 'premium-ihover',
406
+ 'name' => 'premium-ihover',
407
+ 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
408
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
409
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
410
+ 'is_pro' => true,
411
+ 'icon' => 'pa-pro-ihover',
412
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
413
+ ),
414
+ array(
415
+ 'key' => 'premium-unfold',
416
+ 'name' => 'premium-unfold-addon',
417
+ 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
418
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
419
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
420
+ 'is_pro' => true,
421
+ 'icon' => 'pa-pro-unfold',
422
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
423
+ ),
424
+ array(
425
+ 'key' => 'premium-icon-list',
426
+ 'name' => 'premium-icon-list',
427
+ 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
428
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
429
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
430
+ 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
431
+ ),
432
+ array(
433
+ 'key' => 'premium-facebook-feed',
434
+ 'name' => 'premium-facebook-feed',
435
+ 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
436
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
437
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
438
+ 'is_pro' => true,
439
+ 'icon' => 'pa-pro-facebook-feed',
440
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'editor-page', 'wp-editor', 'get-pro' ),
441
+ ),
442
+ array(
443
+ 'key' => 'premium-twitter-feed',
444
+ 'name' => 'premium-twitter-feed',
445
+ 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
446
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
447
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
448
+ 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
449
+ 'is_pro' => true,
450
+ 'icon' => 'pa-pro-twitter-feed',
451
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
452
+ ),
453
+ array(
454
+ 'key' => 'premium-instagram-feed',
455
+ 'name' => 'premium-addon-instagram-feed',
456
+ 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
457
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
458
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
459
+ 'is_pro' => true,
460
+ 'icon' => 'pa-pro-instagram-feed',
461
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
462
+ ),
463
+ array(
464
+ 'key' => 'premium-behance',
465
+ 'name' => 'premium-behance-feed',
466
+ 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
467
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
468
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
469
+ 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
470
+ 'is_pro' => true,
471
+ 'icon' => 'pa-pro-behance-feed',
472
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
473
+ ),
474
+ array(
475
+ 'key' => 'premium-progressbar',
476
+ 'name' => 'premium-addon-progressbar',
477
+ 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
478
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
479
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
480
+ 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
481
+ ),
482
+ array(
483
+ 'key' => 'premium-pricing-table',
484
+ 'name' => 'premium-addon-pricing-table',
485
+ 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
486
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
487
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
488
+ ),
489
+ array(
490
+ 'key' => 'premium-charts',
491
+ 'name' => 'premium-chart',
492
+ 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
493
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
494
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
495
+ 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
496
+ 'is_pro' => true,
497
+ 'icon' => 'pa-pro-charts',
498
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
499
+ ),
500
+ array(
501
+ 'key' => 'premium-tables',
502
+ 'name' => 'premium-tables-addon',
503
+ 'title' => __( 'Table', 'premium-addons-for-elementor' ),
504
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
505
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
506
+ 'is_pro' => true,
507
+ 'icon' => 'pa-pro-table',
508
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
509
+ ),
510
+ array(
511
+ 'key' => 'premium-counter',
512
+ 'name' => 'premium-counter',
513
+ 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
514
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
515
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
516
+ ),
517
+ array(
518
+ 'key' => 'premium-contactform',
519
+ 'name' => 'premium-contact-form',
520
+ 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
521
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
522
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
523
+ ),
524
+ array(
525
+ 'key' => 'premium-fb-chat',
526
+ 'name' => 'premium-addon-facebook-chat',
527
+ 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
528
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
529
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
530
+ 'is_pro' => true,
531
+ 'icon' => 'pa-pro-messenger-chat',
532
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
533
+ ),
534
+ array(
535
+ 'key' => 'premium-whatsapp-chat',
536
+ 'name' => 'premium-whatsapp-chat',
537
+ 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
538
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
539
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
540
+ 'is_pro' => true,
541
+ 'icon' => 'pa-pro-whatsapp',
542
+ 'action_url' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'editor-page', 'wp-editor', 'get-pro' ),
543
+ ),
544
+ array(
545
+ 'key' => 'woo-products',
546
+ 'title' => __( 'Woo Products', 'premium-addons-for-elementor' ),
547
+ 'name' => 'premium-woo-products',
548
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-woocommerce-products/', 'settings-page', 'wp-dash', 'dashboard' ),
549
+ ),
550
+ ),
551
+ ),
552
+ 'cat-2' => array(
553
+ 'icon' => 'content',
554
+ 'title' => __( 'Content Widgets', 'premium-addons-for-elementor' ),
555
+ 'elements' => array(
556
+ array(
557
+ 'key' => 'premium-carousel',
558
+ 'name' => 'premium-carousel-widget',
559
+ 'title' => __( 'Carousel', 'premium-addons-for-elementor' ),
560
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/carousel-widget-for-elementor-page-builder', 'settings-page', 'wp-dash', 'dashboard' ),
561
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/carousel/', 'settings-page', 'wp-dash', 'dashboard' ),
562
+ 'tutorial' => 'https://www.youtube.com/watch?v=ZMgprLKvq24',
563
+ ),
564
+ array(
565
+ 'key' => 'premium-blog',
566
+ 'name' => 'premium-addon-blog',
567
+ 'title' => __( 'Blog', 'premium-addons-for-elementor' ),
568
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/blog-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
569
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/blog/', 'settings-page', 'wp-dash', 'dashboard' ),
570
+ ),
571
+ array(
572
+ 'key' => 'premium-maps',
573
+ 'name' => 'premium-addon-maps',
574
+ 'title' => __( 'Google Maps', 'premium-addons-for-elementor' ),
575
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-maps-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
576
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-maps/', 'settings-page', 'wp-dash', 'dashboard' ),
577
+ 'tutorial' => 'https://www.youtube.com/watch?v=z4taEeCY77Q',
578
+ ),
579
+ array(
580
+ 'key' => 'premium-person',
581
+ 'name' => 'premium-addon-person',
582
+ 'title' => __( 'Team Members', 'premium-addons-for-elementor' ),
583
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/persons-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
584
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/persons-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
585
+ ),
586
+ array(
587
+ 'key' => 'premium-tabs',
588
+ 'name' => 'premium-addon-tabs',
589
+ 'title' => __( 'Tabs', 'premium-addons-for-elementor' ),
590
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-tabs-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
591
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/tabs-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
592
+ 'is_pro' => true,
593
+ ),
594
+ array(
595
+ 'key' => 'premium-content-toggle',
596
+ 'name' => 'premium-addon-content-toggle',
597
+ 'title' => __( 'Content Switcher', 'premium-addons-for-elementor' ),
598
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/content-switcher-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
599
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-content-switcher/', 'settings-page', 'wp-dash', 'dashboard' ),
600
+ 'is_pro' => true,
601
+ ),
602
+ array(
603
+ 'key' => 'premium-fancytext',
604
+ 'name' => 'premium-addon-fancy-text',
605
+ 'title' => __( 'Fancy Text', 'premium-addons-for-elementor' ),
606
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/fancy-text-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
607
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/fancy-text-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
608
+ ),
609
+ array(
610
+ 'key' => 'premium-title',
611
+ 'name' => 'premium-addon-title',
612
+ 'title' => __( 'Heading', 'premium-addons-for-elementor' ),
613
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/heading-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
614
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
615
+ ),
616
+ array(
617
+ 'key' => 'premium-dual-header',
618
+ 'name' => 'premium-addon-dual-header',
619
+ 'title' => __( 'Dual Heading', 'premium-addons-for-elementor' ),
620
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/dual-header-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
621
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/dual-heading-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
622
+ ),
623
+ array(
624
+ 'key' => 'premium-divider',
625
+ 'name' => 'premium-divider',
626
+ 'title' => __( 'Divider', 'premium-addons-for-elementor' ),
627
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/divider-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
628
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/divider-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
629
+ 'is_pro' => true,
630
+ ),
631
+ ),
632
+ ),
633
+ 'cat-3' => array(
634
+ 'icon' => 'images',
635
+ 'title' => __( 'Image & Video Widgets', 'premium-addons-for-elementor' ),
636
+ 'elements' => array(
637
+ array(
638
+ 'key' => 'premium-grid',
639
+ 'name' => 'premium-img-gallery',
640
+ 'title' => __( 'Media Grid', 'premium-addons-for-elementor' ),
641
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/grid-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
642
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/grid-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
643
+ ),
644
+ array(
645
+ 'key' => 'premium-image-scroll',
646
+ 'name' => 'premium-image-scroll',
647
+ 'title' => __( 'Image Scroll', 'premium-addons-for-elementor' ),
648
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
649
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
650
+ ),
651
+ array(
652
+ 'key' => 'premium-image-separator',
653
+ 'name' => 'premium-addon-image-separator',
654
+ 'title' => __( 'Image Separator', 'premium-addons-for-elementor' ),
655
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-separator-widget-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
656
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-separator-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
657
+ ),
658
+ array(
659
+ 'key' => 'premium-image-comparison',
660
+ 'name' => 'premium-addon-image-comparison',
661
+ 'title' => __( 'Image Comparison', 'premium-addons-for-elementor' ),
662
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-comparison-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
663
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-image-comparison-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
664
+ 'is_pro' => true,
665
+ ),
666
+ array(
667
+ 'key' => 'premium-image-hotspots',
668
+ 'name' => 'premium-addon-image-hotspots',
669
+ 'title' => __( 'Image Hotspots', 'premium-addons-for-elementor' ),
670
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-hotspots-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
671
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-hotspots-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
672
+ 'is_pro' => true,
673
+ ),
674
+ array(
675
+ 'key' => 'premium-img-layers',
676
+ 'name' => 'premium-img-layers-addon',
677
+ 'title' => __( 'Image Layers', 'premium-addons-for-elementor' ),
678
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-layers-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
679
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-layers/', 'settings-page', 'wp-dash', 'dashboard' ),
680
+ 'tutorial' => 'https://www.youtube.com/watch?v=D3INxWw_jKI',
681
+ 'is_pro' => true,
682
+ ),
683
+ array(
684
+ 'key' => 'premium-image-accordion',
685
+ 'name' => 'premium-image-accordion',
686
+ 'title' => __( 'Image Accordion', 'premium-addons-for-elementor' ),
687
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-image-accordion-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
688
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/image-accordion-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
689
+ 'is_pro' => true,
690
+ ),
691
+ array(
692
+ 'key' => 'premium-videobox',
693
+ 'name' => 'premium-addon-video-box',
694
+ 'title' => __( 'Video Box', 'premium-addons-for-elementor' ),
695
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/video-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
696
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/video-box/', 'settings-page', 'wp-dash', 'dashboard' ),
697
+ ),
698
+ ),
699
+ ),
700
+ 'cat-4' => array(
701
+ 'icon' => 'section',
702
+ 'title' => __( 'Section Addons & Widgets', 'premium-addons-for-elementor' ),
703
+ 'elements' => array(
704
+ array(
705
+ 'key' => 'premium-hscroll',
706
+ 'name' => 'premium-hscroll',
707
+ 'title' => __( 'Horizontal Scroll', 'premium-addons-for-elementor' ),
708
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-horizontal-scroll-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
709
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/horizontal-scroll/', 'settings-page', 'wp-dash', 'dashboard' ),
710
+ 'tutorial' => 'https://www.youtube.com/watch?v=4HqT_3s-ZXg',
711
+ 'is_pro' => true,
712
+ ),
713
+ array(
714
+ 'key' => 'premium-vscroll',
715
+ 'name' => 'premium-vscroll',
716
+ 'title' => __( 'Vertical Scroll', 'premium-addons-for-elementor' ),
717
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/vertical-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
718
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/vertical-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
719
+ 'tutorial' => 'https://www.youtube.com/watch?v=MuLaIn1QXfQ',
720
+ ),
721
+ array(
722
+ 'key' => 'premium-color-transition',
723
+ 'name' => 'premium-color-transition',
724
+ 'title' => __( 'Background Transition', 'premium-addons-for-elementor' ),
725
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-background-transition-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
726
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/background-transition-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
727
+ 'is_pro' => true,
728
+ ),
729
+ array(
730
+ 'key' => 'premium-multi-scroll',
731
+ 'name' => 'premium-multi-scroll',
732
+ 'title' => __( 'Multi Scroll', 'premium-addons-for-elementor' ),
733
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/multi-scroll-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
734
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/multi-scroll-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
735
+ 'tutorial' => 'https://www.youtube.com/watch?v=IzYnD6oDYXw',
736
+ 'is_pro' => true,
737
+ ),
738
+ array(
739
+ 'key' => 'premium-lottie',
740
+ 'title' => __( 'Lottie Animations', 'premium-addons-for-elementor' ),
741
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-lottie-animations-section-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
742
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/lottie-background/', 'settings-page', 'wp-dash', 'dashboard' ),
743
+ 'tutorial' => 'https://www.youtube.com/watch?v=KVrenWNEdkY',
744
+ 'is_pro' => true,
745
+ 'is_global' => true,
746
+ ),
747
+ array(
748
+ 'key' => 'premium-parallax',
749
+ 'title' => __( 'Parallax', 'premium-addons-for-elementor' ),
750
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/parallax-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
751
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/parallax-section-addon-tutorial-2/', 'settings-page', 'wp-dash', 'dashboard' ),
752
+ 'tutorial' => 'https://www.youtube.com/watch?v=hkMNjxLoZ2w',
753
+ 'is_pro' => true,
754
+ 'is_global' => true,
755
+ ),
756
+ array(
757
+ 'key' => 'premium-particles',
758
+ 'title' => __( 'Particles', 'premium-addons-for-elementor' ),
759
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
760
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/particles/', 'settings-page', 'wp-dash', 'dashboard' ),
761
+ 'tutorial' => 'https://www.youtube.com/watch?v=bPmWKv4VWrI',
762
+ 'is_pro' => true,
763
+ 'is_global' => true,
764
+ ),
765
+ array(
766
+ 'key' => 'premium-gradient',
767
+ 'title' => __( 'Animated Gradient', 'premium-addons-for-elementor' ),
768
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/animated-section-gradients-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
769
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/animated-gradient-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
770
+ 'tutorial' => 'https://www.youtube.com/watch?v=IL4USvwR6K4',
771
+ 'is_pro' => true,
772
+ 'is_global' => true,
773
+ ),
774
+ array(
775
+ 'key' => 'premium-kenburns',
776
+ 'title' => __( 'Animated Ken Burns', 'premium-addons-for-elementor' ),
777
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ken-burns-section-addon-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
778
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/ken-burns-section-addon-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
779
+ 'tutorial' => 'https://www.youtube.com/watch?v=DUNFjWphZfs',
780
+ 'is_pro' => true,
781
+ 'is_global' => true,
782
+ ),
783
+ array(
784
+ 'key' => 'premium-blob',
785
+ 'title' => __( 'Blob Generator', 'premium-addons-for-elementor' ),
786
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-animated-blob-generator/', 'settings-page', 'wp-dash', 'dashboard' ),
787
+ 'is_pro' => true,
788
+ 'is_global' => true,
789
+ ),
790
+ ),
791
+ ),
792
+ 'cat-5' => array(
793
+ 'icon' => 'off-grid',
794
+ 'title' => __( 'Off-Grid Widgets', 'premium-addons-for-elementor' ),
795
+ 'elements' => array(
796
+ array(
797
+ 'key' => 'premium-modalbox',
798
+ 'name' => 'premium-addon-modal-box',
799
+ 'title' => __( 'Modal Box', 'premium-addons-for-elementor' ),
800
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/modal-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
801
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/modal-box/', 'settings-page', 'wp-dash', 'dashboard' ),
802
+ 'tutorial' => 'https://www.youtube.com/watch?v=3lLxSyf2nyk',
803
+ ),
804
+ array(
805
+ 'key' => 'premium-notbar',
806
+ 'name' => 'premium-notbar',
807
+ 'title' => __( 'Alert Box', 'premium-addons-for-elementor' ),
808
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/alert-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
809
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/alert-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
810
+ 'is_pro' => true,
811
+ ),
812
+ array(
813
+ 'key' => 'premium-magic-section',
814
+ 'name' => 'premium-addon-magic-section',
815
+ 'title' => __( 'Magic Section', 'premium-addons-for-elementor' ),
816
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/magic-section-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
817
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/magic-section-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
818
+ 'is_pro' => true,
819
+ ),
820
+ array(
821
+ 'key' => 'premium-prev-img',
822
+ 'name' => 'premium-addon-preview-image',
823
+ 'title' => __( 'Preview Window', 'premium-addons-for-elementor' ),
824
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/preview-window-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
825
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/preview-window-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
826
+ 'tutorial' => 'https://www.youtube.com/watch?v=EmptjFjrc4E',
827
+ 'is_pro' => true,
828
+ ),
829
+ ),
830
+ ),
831
+ 'cat-6' => array(
832
+ 'icon' => 'social',
833
+ 'title' => __( 'Reviews & Testimonials Widgets', 'premium-addons-for-elementor' ),
834
+ 'elements' => array(
835
+ array(
836
+ 'key' => 'premium-testimonials',
837
+ 'name' => 'premium-addon-testimonials',
838
+ 'title' => __( 'Testimonials', 'premium-addons-for-elementor' ),
839
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/testimonials-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
840
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/testimonials-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
841
+ ),
842
+ array(
843
+ 'key' => 'premium-facebook-reviews',
844
+ 'name' => 'premium-facebook-reviews',
845
+ 'title' => __( 'Facebook Reviews', 'premium-addons-for-elementor' ),
846
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-reviews-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
847
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
848
+ 'tutorial' => 'https://www.youtube.com/watch?v=zl-OFo3IFd8',
849
+ 'is_pro' => true,
850
+ ),
851
+ array(
852
+ 'key' => 'premium-google-reviews',
853
+ 'name' => 'premium-google-reviews',
854
+ 'title' => __( 'Google Reviews', 'premium-addons-for-elementor' ),
855
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/google-reviews-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
856
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/google-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
857
+ 'tutorial' => 'https://www.youtube.com/watch?v=Z0EeGyD34Zk',
858
+ 'is_pro' => true,
859
+ ),
860
+ array(
861
+ 'key' => 'premium-yelp-reviews',
862
+ 'name' => 'premium-yelp-reviews',
863
+ 'title' => __( 'Yelp Reviews', 'premium-addons-for-elementor' ),
864
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-yelp-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
865
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/yelp-reviews/', 'settings-page', 'wp-dash', 'dashboard' ),
866
+ 'tutorial' => 'https://www.youtube.com/watch?v=5T-MveVFvns',
867
+ 'is_pro' => true,
868
+ ),
869
+ array(
870
+ 'key' => 'premium-trustpilot-reviews',
871
+ 'name' => 'premium-trustpilot-reviews',
872
+ 'title' => __( 'Trustpilot Reviews', 'premium-addons-for-elementor' ),
873
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-trustpilot-reviews-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
874
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/elementor-trustpilot-reviews-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
875
+ 'is_pro' => true,
876
+ 'is_new' => true,
877
+ ),
878
+ ),
879
+ ),
880
+ 'cat-7' => array(
881
+ 'icon' => 'blurbs',
882
+ 'title' => __( 'Blurbs & CTA Widgets', 'premium-addons-for-elementor' ),
883
+ 'elements' => array(
884
+ array(
885
+ 'key' => 'premium-countdown',
886
+ 'name' => 'premium-countdown-timer',
887
+ 'title' => __( 'Countdown', 'premium-addons-for-elementor' ),
888
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/countdown-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
889
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/countdown-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
890
+ ),
891
+ array(
892
+ 'key' => 'premium-banner',
893
+ 'name' => 'premium-addon-banner',
894
+ 'title' => __( 'Banner', 'premium-addons-for-elementor' ),
895
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/banner-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
896
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-banner-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
897
+ ),
898
+ array(
899
+ 'key' => 'premium-button',
900
+ 'name' => 'premium-addon-button',
901
+ 'title' => __( 'Button', 'premium-addons-for-elementor' ),
902
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
903
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/button/', 'settings-page', 'wp-dash', 'dashboard' ),
904
+ 'tutorial' => 'https://www.youtube.com/watch?v=w4NuCUkCIV4',
905
+ ),
906
+ array(
907
+ 'key' => 'premium-image-button',
908
+ 'title' => __( 'Image Button', 'premium-addons-for-elementor' ),
909
+ 'name' => 'premium-addon-image-button',
910
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/image-button-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
911
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/image-button/', 'settings-page', 'wp-dash', 'dashboard' ),
912
+ ),
913
+ array(
914
+ 'key' => 'premium-flipbox',
915
+ 'name' => 'premium-addon-flip-box',
916
+ 'title' => __( '3D Hover Box', 'premium-addons-for-elementor' ),
917
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/3d-hover-box-flip-box-widget-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
918
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/flip-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
919
+ 'is_pro' => true,
920
+ ),
921
+ array(
922
+ 'key' => 'premium-iconbox',
923
+ 'name' => 'premium-addon-icon-box',
924
+ 'title' => __( 'Icon Box', 'premium-addons-for-elementor' ),
925
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/icon-box-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
926
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/icon-box-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
927
+ 'is_pro' => true,
928
+ ),
929
+ array(
930
+ 'key' => 'premium-ihover',
931
+ 'name' => 'premium-ihover',
932
+ 'title' => __( 'iHover', 'premium-addons-for-elementor' ),
933
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/ihover-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
934
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-ihover-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
935
+ 'is_pro' => true,
936
+ ),
937
+ array(
938
+ 'key' => 'premium-unfold',
939
+ 'name' => 'premium-unfold-addon',
940
+ 'title' => __( 'Unfold', 'premium-addons-for-elementor' ),
941
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/unfold-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
942
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-unfold-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
943
+ 'is_pro' => true,
944
+ ),
945
+ array(
946
+ 'key' => 'premium-icon-list',
947
+ 'name' => 'premium-icon-list',
948
+ 'title' => __( 'Bullet List', 'premium-addons-for-elementor' ),
949
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-bullet-list-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
950
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/bullet-list-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
951
+ 'tutorial' => 'https://www.youtube.com/watch?v=MPeXJiZ14sI',
952
+ ),
953
+ ),
954
+ ),
955
+ 'cat-8' => array(
956
+ 'icon' => 'feed',
957
+ 'title' => __( 'Social Feed Widgets', 'premium-addons-for-elementor' ),
958
+ 'elements' => array(
959
+ array(
960
+ 'key' => 'premium-facebook-feed',
961
+ 'name' => 'premium-facebook-feed',
962
+ 'title' => __( 'Facebook Feed', 'premium-addons-for-elementor' ),
963
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-facebook-feed-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
964
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/facebook-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
965
+ 'is_pro' => true,
966
+ ),
967
+ array(
968
+ 'key' => 'premium-twitter-feed',
969
+ 'name' => 'premium-twitter-feed',
970
+ 'title' => __( 'Twitter Feed', 'premium-addons-for-elementor' ),
971
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/twitter-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
972
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/twitter-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
973
+ 'tutorial' => 'https://www.youtube.com/watch?v=wsurRDuR6pg',
974
+ 'is_pro' => true,
975
+ ),
976
+ array(
977
+ 'key' => 'premium-instagram-feed',
978
+ 'name' => 'premium-addon-instagram-feed',
979
+ 'title' => __( 'Instagram Feed', 'premium-addons-for-elementor' ),
980
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/instagram-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
981
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/instagram-feed/', 'settings-page', 'wp-dash', 'dashboard' ),
982
+ 'is_pro' => true,
983
+ ),
984
+ array(
985
+ 'key' => 'premium-behance',
986
+ 'name' => 'premium-behance-feed',
987
+ 'title' => __( 'Behance Feed', 'premium-addons-for-elementor' ),
988
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/behance-feed-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
989
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/behance-feed-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
990
+ 'tutorial' => 'https://www.youtube.com/watch?v=AXATK3oIXl0',
991
+ 'is_pro' => true,
992
+ ),
993
+ ),
994
+ ),
995
+ 'cat-9' => array(
996
+ 'icon' => 'data',
997
+ 'title' => __( 'Tables, Charts & Anything Data Widgets', 'premium-addons-for-elementor' ),
998
+ 'elements' => array(
999
+ array(
1000
+ 'key' => 'premium-progressbar',
1001
+ 'name' => 'premium-addon-progressbar',
1002
+ 'title' => __( 'Progress Bar', 'premium-addons-for-elementor' ),
1003
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/progress-bar-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1004
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/premium-progress-bar-widget/', 'settings-page', 'wp-dash', 'dashboard' ),
1005
+ 'tutorial' => 'https://www.youtube.com/watch?v=Y7xqwhgDQJg',
1006
+ ),
1007
+ array(
1008
+ 'key' => 'premium-pricing-table',
1009
+ 'name' => 'premium-addon-pricing-table',
1010
+ 'title' => __( 'Pricing Table', 'premium-addons-for-elementor' ),
1011
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pricing-table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1012
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/pricing-table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1013
+ ),
1014
+ array(
1015
+ 'key' => 'premium-charts',
1016
+ 'name' => 'premium-chart',
1017
+ 'title' => __( 'Charts', 'premium-addons-for-elementor' ),
1018
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/charts-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1019
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/charts-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1020
+ 'tutorial' => 'https://www.youtube.com/watch?v=lZZvslQ2UYU',
1021
+ 'is_pro' => true,
1022
+ ),
1023
+ array(
1024
+ 'key' => 'premium-tables',
1025
+ 'name' => 'premium-tables-addon',
1026
+ 'title' => __( 'Table', 'premium-addons-for-elementor' ),
1027
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/table-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1028
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/table-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1029
+ 'is_pro' => true,
1030
+ ),
1031
+ array(
1032
+ 'key' => 'premium-counter',
1033
+ 'name' => 'premium-counter',
1034
+ 'title' => __( 'Counter', 'premium-addons-for-elementor' ),
1035
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/counter-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1036
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/counter-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1037
+ ),
1038
+ ),
1039
+ ),
1040
+ 'cat-10' => array(
1041
+ 'icon' => 'contact',
1042
+ 'title' => __( 'Contact Widgets', 'premium-addons-for-elementor' ),
1043
+ 'elements' => array(
1044
+ array(
1045
+ 'key' => 'premium-contactform',
1046
+ 'name' => 'premium-contact-form',
1047
+ 'title' => __( 'Contact Form 7', 'premium-addons-for-elementor' ),
1048
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/contact-form-7-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1049
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/contact-form-7-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1050
+ ),
1051
+ array(
1052
+ 'key' => 'premium-fb-chat',
1053
+ 'name' => 'premium-addon-facebook-chat',
1054
+ 'title' => __( 'Facebook Messenger Chat', 'premium-addons-for-elementor' ),
1055
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/facebook-messenger-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1056
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs-category/using-widgets/facebook-messenger/', 'settings-page', 'wp-dash', 'dashboard' ),
1057
+ 'is_pro' => true,
1058
+ ),
1059
+ array(
1060
+ 'key' => 'premium-whatsapp-chat',
1061
+ 'name' => 'premium-whatsapp-chat',
1062
+ 'title' => __( 'WhatsApp Chat', 'premium-addons-for-elementor' ),
1063
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/whatsapp-widget-for-elementor-page-builder/', 'settings-page', 'wp-dash', 'dashboard' ),
1064
+ 'doc' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/docs/whatsapp-chat-widget-tutorial/', 'settings-page', 'wp-dash', 'dashboard' ),
1065
+ 'is_pro' => true,
1066
+ ),
1067
+ ),
1068
+ ),
1069
+ 'cat-11' => array(
1070
+ 'icon' => 'extensions',
1071
+ 'elements' => array(
1072
+ array(
1073
+ 'key' => 'premium-templates',
1074
+ ),
1075
+ array(
1076
+ 'key' => 'premium-equal-height',
1077
+ ),
1078
+ array(
1079
+ 'key' => 'pa-display-conditions',
1080
+ ),
1081
+ array(
1082
+ 'key' => 'premium-global-cursor',
1083
+ 'is_pro' => true,
1084
+ ),
1085
+ array(
1086
+ 'key' => 'premium-floating-effects',
1087
+ ),
1088
+ array(
1089
+ 'key' => 'premium-cross-domain',
1090
+ ),
1091
+ array(
1092
+ 'key' => 'premium-duplicator',
1093
+ ),
1094
+ ),
1095
+ ),
1096
+ );
1097
+
1098
+ return $elements;
 
 
 
 
 
 
 
 
 
 
 
 
admin/includes/templates/features.php CHANGED
@@ -1,116 +1,141 @@
1
- <?php
2
-
3
- if ( ! defined( 'ABSPATH' ) ) {
4
- exit;
5
- }
6
-
7
- use PremiumAddons\Includes\Helper_Functions;
8
-
9
- $prefix = Helper_Functions::get_prefix();
10
-
11
- // Get elements settings
12
- $enabled_elements = self::get_enabled_elements();
13
-
14
- ?>
15
-
16
- <div class="pa-section-content">
17
- <div class="row">
18
- <div class="col-full">
19
- <form action="" method="POST" id="pa-features" name="pa-features" class="pa-settings-form">
20
- <div id="pa-features-settings" class="pa-settings-tab">
21
-
22
- <div class="pa-section-info-wrap">
23
- <div class="pa-section-info">
24
- <h4><?php echo sprintf( '%1$s %2$s', $prefix, __( 'Templates', 'premium-addons-for-elementor' ) ); ?></h4>
25
- <p><?php echo __( 'Build Professional Website in Minutes Using Our Pre-Made Premium Elementor Templates.', 'premium-addons-for-elementor' ); ?></p>
26
- </div>
27
-
28
- <div class="pa-section-info-cta">
29
- <label class="switch">
30
- <input type="checkbox" id="premium-templates" name="premium-templates" <?php echo checked( 1, $enabled_elements['premium-templates'], false ); ?>>
31
- <span class="slider round"></span>
32
- </label>
33
- </p>
34
- </div>
35
- </div>
36
-
37
- <div class="pa-section-info-wrap">
38
- <div class="pa-section-info">
39
- <h4><?php echo __( 'Equal Height', 'premium-addons-for-elementor' ); ?></h4>
40
- <p><?php echo __( 'Make your widgets the same height with just ONE click.', 'premium-addons-for-elementor' ); ?></p>
41
- </div>
42
-
43
- <div class="pa-section-info-cta">
44
- <label class="switch">
45
- <input type="checkbox" id="premium-equal-height" name="premium-equal-height" <?php echo checked( 1, $enabled_elements['premium-equal-height'], false ); ?>>
46
- <span class="slider round"></span>
47
- </label>
48
- </p>
49
- </div>
50
- </div>
51
-
52
- <div class="pa-section-info-wrap">
53
- <div class="pa-section-info">
54
- <h4><?php echo __( 'Display Conditions', 'premium-addons-for-elementor' ); ?></h4>
55
- <p><?php echo __( 'Show/hide content dynamically based on location, browser, operating system, user role, device type, Woocommerce, ACF, etc.', 'premium-addons-for-elementor' ); ?></p>
56
- </div>
57
-
58
- <div class="pa-section-info-cta">
59
- <label class="switch">
60
- <input type="checkbox" id="pa-display-conditions" name="pa-display-conditions" <?php echo checked( 1, $enabled_elements['pa-display-conditions'], false ); ?>>
61
- <span class="slider round"></span>
62
- </label>
63
- </p>
64
- </div>
65
- </div>
66
-
67
- <div class="pa-section-info-wrap">
68
- <div class="pa-section-info">
69
- <h4><?php echo __( 'Floating Effects', 'premium-addons-for-elementor' ); ?></h4>
70
- <p><?php echo __( 'Apply advanced floating effects on any Elementor element or a custom CSS selector.', 'premium-addons-for-elementor' ); ?></p>
71
- </div>
72
-
73
- <div class="pa-section-info-cta">
74
- <label class="switch">
75
- <input type="checkbox" id="premium-floating-effects" name="premium-floating-effects" <?php echo checked( 1, $enabled_elements['premium-floating-effects'], false ); ?>>
76
- <span class="slider round"></span>
77
- </label>
78
- </p>
79
- </div>
80
- </div>
81
-
82
- <div class="pa-section-info-wrap">
83
- <div class="pa-section-info">
84
- <h4><?php echo __( 'Cross-Domain Copy N’ Paste', 'premium-addons-for-elementor' ); ?></h4>
85
- <p><?php echo __( 'Copy any Elementor content from site to another in just ONE click.', 'premium-addons-for-elementor' ); ?></p>
86
- </div>
87
-
88
- <div class="pa-section-info-cta">
89
- <label class="switch">
90
- <input type="checkbox" id="premium-cross-domain" name="premium-cross-domain" <?php echo checked( 1, $enabled_elements['premium-cross-domain'], false ); ?>>
91
- <span class="slider round"></span>
92
- </label>
93
- </p>
94
- </div>
95
- </div>
96
-
97
- <div class="pa-section-info-wrap">
98
- <div class="pa-section-info">
99
- <h4><?php echo __( 'Duplicator', 'premium-addons-for-elementor' ); ?></h4>
100
- <p><?php echo __( 'Duplicate any post, page or template on your website.', 'premium-addons-for-elementor' ); ?></p>
101
- </div>
102
-
103
- <div class="pa-section-info-cta">
104
- <label class="switch">
105
- <input type="checkbox" id="premium-duplicator" name="premium-duplicator" <?php echo checked( 1, $enabled_elements['premium-duplicator'], false ); ?>>
106
- <span class="slider round"></span>
107
- </label>
108
- </p>
109
- </div>
110
- </div>
111
-
112
- </div>
113
- </form> <!-- End Form -->
114
- </div>
115
- </div>
116
- </div> <!-- End Section Content -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) {
4
+ exit;
5
+ }
6
+
7
+ use PremiumAddons\Includes\Helper_Functions;
8
+
9
+ $prefix = Helper_Functions::get_prefix();
10
+
11
+ // Get elements settings
12
+ $enabled_elements = self::get_enabled_elements();
13
+
14
+ $elements = self::get_elements_list();
15
+
16
+ $features = $elements['cat-11']['elements'];
17
+
18
+ ?>
19
+
20
+ <div class="pa-section-content">
21
+ <div class="row">
22
+ <div class="col-full">
23
+ <form action="" method="POST" id="pa-features" name="pa-features" class="pa-settings-form">
24
+ <div id="pa-features-settings" class="pa-settings-tab">
25
+
26
+ <div class="pa-section-info-wrap">
27
+ <div class="pa-section-info">
28
+ <h4><?php echo sprintf( '%1$s %2$s', $prefix, __( 'Templates', 'premium-addons-for-elementor' ) ); ?></h4>
29
+ <p><?php echo __( 'Build Professional Website in Minutes Using Our Pre-Made Premium Elementor Templates.', 'premium-addons-for-elementor' ); ?></p>
30
+ </div>
31
+
32
+ <div class="pa-section-info-cta">
33
+ <label class="switch">
34
+ <input type="checkbox" id="premium-templates" name="premium-templates" <?php echo checked( 1, $enabled_elements['premium-templates'], false ); ?>>
35
+ <span class="slider round"></span>
36
+ </label>
37
+ </p>
38
+ </div>
39
+ </div>
40
+
41
+ <div class="pa-section-info-wrap">
42
+ <div class="pa-section-info">
43
+ <h4><?php echo __( 'Equal Height', 'premium-addons-for-elementor' ); ?></h4>
44
+ <p><?php echo __( 'Make your widgets the same height with just ONE click.', 'premium-addons-for-elementor' ); ?></p>
45
+ </div>
46
+
47
+ <div class="pa-section-info-cta">
48
+ <label class="switch">
49
+ <input type="checkbox" id="premium-equal-height" name="premium-equal-height" <?php echo checked( 1, $enabled_elements['premium-equal-height'], false ); ?>>
50
+ <span class="slider round"></span>
51
+ </label>
52
+ </p>
53
+ </div>
54
+ </div>
55
+
56
+ <div class="pa-section-info-wrap">
57
+ <div class="pa-section-info">
58
+ <h4><?php echo __( 'Custom Mouse Cursor', 'premium-addons-for-elementor' ); ?></h4>
59
+ <p><?php echo __( 'Change the default mouse cursor with icon, image, or Lottie animation for any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
60
+ </div>
61
+ <?php
62
+
63
+ $status = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-cursor'], false );
64
+ $class = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
65
+ $switcher_class = $class . 'slider round';
66
+
67
+ ?>
68
+ <div class="pa-section-info-cta">
69
+ <label class="switch">
70
+ <input type="checkbox" id="premium-global-cursor" name="premium-global-cursor" <?php echo $status; ?>>
71
+ <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
72
+ </label>
73
+ </p>
74
+ </div>
75
+ </div>
76
+
77
+ <div class="pa-section-info-wrap">
78
+ <div class="pa-section-info">
79
+ <h4><?php echo __( 'Display Conditions', 'premium-addons-for-elementor' ); ?></h4>
80
+ <p><?php echo __( 'Show/hide content dynamically based on location, browser, operating system, user role, device type, Woocommerce, ACF, etc.', 'premium-addons-for-elementor' ); ?></p>
81
+ </div>
82
+
83
+ <div class="pa-section-info-cta">
84
+ <label class="switch">
85
+ <input type="checkbox" id="pa-display-conditions" name="pa-display-conditions" <?php echo checked( 1, $enabled_elements['pa-display-conditions'], false ); ?>>
86
+ <span class="slider round"></span>
87
+ </label>
88
+ </p>
89
+ </div>
90
+ </div>
91
+
92
+ <div class="pa-section-info-wrap">
93
+ <div class="pa-section-info">
94
+ <h4><?php echo __( 'Floating Effects', 'premium-addons-for-elementor' ); ?></h4>
95
+ <p><?php echo __( 'Apply advanced floating effects on any Elementor element or a custom CSS selector.', 'premium-addons-for-elementor' ); ?></p>
96
+ </div>
97
+
98
+ <div class="pa-section-info-cta">
99
+ <label class="switch">
100
+ <input type="checkbox" id="premium-floating-effects" name="premium-floating-effects" <?php echo checked( 1, $enabled_elements['premium-floating-effects'], false ); ?>>
101
+ <span class="slider round"></span>
102
+ </label>
103
+ </p>
104
+ </div>
105
+ </div>
106
+
107
+ <div class="pa-section-info-wrap">
108
+ <div class="pa-section-info">
109
+ <h4><?php echo __( 'Cross-Domain Copy N’ Paste', 'premium-addons-for-elementor' ); ?></h4>
110
+ <p><?php echo __( 'Copy any Elementor content from site to another in just ONE click.', 'premium-addons-for-elementor' ); ?></p>
111
+ </div>
112
+
113
+ <div class="pa-section-info-cta">
114
+ <label class="switch">
115
+ <input type="checkbox" id="premium-cross-domain" name="premium-cross-domain" <?php echo checked( 1, $enabled_elements['premium-cross-domain'], false ); ?>>
116
+ <span class="slider round"></span>
117
+ </label>
118
+ </p>
119
+ </div>
120
+ </div>
121
+
122
+ <div class="pa-section-info-wrap">
123
+ <div class="pa-section-info">
124
+ <h4><?php echo __( 'Duplicator', 'premium-addons-for-elementor' ); ?></h4>
125
+ <p><?php echo __( 'Duplicate any post, page or template on your website.', 'premium-addons-for-elementor' ); ?></p>
126
+ </div>
127
+
128
+ <div class="pa-section-info-cta">
129
+ <label class="switch">
130
+ <input type="checkbox" id="premium-duplicator" name="premium-duplicator" <?php echo checked( 1, $enabled_elements['premium-duplicator'], false ); ?>>
131
+ <span class="slider round"></span>
132
+ </label>
133
+ </p>
134
+ </div>
135
+ </div>
136
+
137
+ </div>
138
+ </form> <!-- End Form -->
139
+ </div>
140
+ </div>
141
+ </div> <!-- End Section Content -->
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,9332 +1,9327 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
- src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- /**************** Premium Banner ****************/
13
- /************************************************/
14
- .premium-banner {
15
- overflow: hidden;
16
- }
17
-
18
- .premium-banner-ib {
19
- display: block;
20
- position: relative;
21
- }
22
-
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative;
26
- }
27
-
28
- .premium-banner-img-wrap {
29
- -js-display: flex;
30
- display: -webkit-box;
31
- display: -webkit-flex;
32
- display: -moz-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- height: 100%;
36
- }
37
-
38
- .premium-banner-img-wrap .premium-banner-ib-img {
39
- -webkit-flex-shrink: 0;
40
- -ms-flex-negative: 0;
41
- flex-shrink: 0;
42
- }
43
-
44
- .premium-banner-ib {
45
- z-index: 1;
46
- overflow: hidden;
47
- margin: 0 0 35px;
48
- text-align: center;
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- .premium-banner-ib-desc .premium-banner-read-more {
55
- z-index: 100;
56
- }
57
-
58
- .premium-banner-ib,
59
- .wpb_column>.wpb_wrapper .premium-banner-ib {
60
- margin-bottom: 0px;
61
- }
62
-
63
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
- background: transparent;
65
- }
66
-
67
- .premium-banner-ib *,
68
- .premium-banner-ib .premium-banner-ib-desc {
69
- -webkit-box-sizing: border-box;
70
- -moz-box-sizing: border-box;
71
- box-sizing: border-box;
72
- }
73
-
74
- .premium-banner-ib img {
75
- min-width: 100%;
76
- max-width: 100%;
77
- -webkit-transition: opacity 0.35s;
78
- transition: opacity 0.35s;
79
- }
80
-
81
- .premium-banner-ib .premium-banner-ib-desc {
82
- padding: 15px;
83
- -webkit-backface-visibility: hidden;
84
- backface-visibility: hidden;
85
- -webkit-box-sizing: border-box;
86
- -moz-box-sizing: border-box;
87
- box-sizing: border-box;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- width: 100%;
92
- height: 100%;
93
- }
94
-
95
- .premium-banner-ib .premium-banner-ib-link {
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: 100%;
100
- height: 100%;
101
- z-index: 1000;
102
- text-indent: 200%;
103
- white-space: nowrap;
104
- font-size: 0;
105
- opacity: 0;
106
- }
107
-
108
- .premium-banner-ib a.premium-banner-ib-link {
109
- display: block;
110
- background: 100% 0;
111
- }
112
-
113
- .premium-banner-animation1 img {
114
- width: -webkit-calc(100% + 50px) !important;
115
- width: calc(100% + 50px) !important;
116
- max-width: -webkit-calc(100% + 50px) !important;
117
- max-width: calc(100% + 50px) !important;
118
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
- -webkit-transform: translate3d(40px, 0, 0);
125
- transform: translate3d(40px, 0, 0);
126
- }
127
-
128
- .premium-banner-animation2 .premium-banner-ib-title {
129
- padding: 15px;
130
- }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-desc {
133
- top: auto;
134
- bottom: 0;
135
- min-height: 25%;
136
- height: auto;
137
- max-height: 100%;
138
- text-align: right;
139
- }
140
-
141
- .premium-banner-animation1 .premium-banner-ib-content,
142
- .premium-banner-animation1 .premium-banner-ib-title,
143
- .premium-banner-animation1 .premium-banner-read-more {
144
- -webkit-transform: translate3d(0, 40px, 0);
145
- transform: translate3d(0, 40px, 0);
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s;
150
- }
151
-
152
- .premium-banner-animation1 .premium-banner-ib-title {
153
- -webkit-transition: -webkit-transform 0.35s;
154
- transition: -webkit-transform 0.35s;
155
- transition: transform 0.35s;
156
- transition: transform 0.35s, -webkit-transform 0.35s;
157
- }
158
-
159
- .premium-banner-animation1 .premium-banner-ib-content,
160
- .premium-banner-animation1 .premium-banner-read-more {
161
- margin-top: 10px;
162
- opacity: 0;
163
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
- transition: opacity 0.2s, -webkit-transform 0.35s;
165
- transition: opacity 0.2s, transform 0.35s;
166
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
- }
168
-
169
- .premium-banner-animation1:hover .premium-banner-ib-content,
170
- .premium-banner-animation1.active .premium-banner-ib-content,
171
- .premium-banner-animation1:hover .premium-banner-read-more,
172
- .premium-banner-animation1.active .premium-banner-read-more {
173
- opacity: 1;
174
- -webkit-transition-delay: 0.05s;
175
- transition-delay: 0.05s;
176
- -webkit-transition-duration: 0.35s;
177
- transition-duration: 0.35s;
178
- }
179
-
180
- .premium-banner-animation1:hover .premium-banner-ib-content,
181
- .premium-banner-animation1.active .premium-banner-ib-content,
182
- .premium-banner-animation1:hover .premium-banner-read-more,
183
- .premium-banner-animation1.active .premium-banner-read-more,
184
- .premium-banner-animation1:hover .premium-banner-ib-title,
185
- .premium-banner-animation1.active .premium-banner-ib-title,
186
- .premium-banner-animation1:hover img,
187
- .premium-banner-animation1.active img {
188
- -webkit-transform: translate3d(0, 0, 0);
189
- transform: translate3d(0, 0, 0);
190
- -webkit-transition-delay: 0.05s;
191
- transition-delay: 0.05s;
192
- -webkit-transition-duration: 0.35s;
193
- transition-duration: 0.35s;
194
- }
195
-
196
- .premium-banner-animation1.zoomout img,
197
- .premium-banner-animation1.scale img {
198
- -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
- transform: translate3d(40px, 0, 0) scale(1.1);
200
- }
201
-
202
- .premium-banner-ib.sepia img {
203
- -webkit-filter: sepia(30%);
204
- filter: sepia(30%);
205
- }
206
-
207
- .premium-banner-ib.bright img {
208
- -webkit-filter: brightness(1);
209
- filter: brightness(1);
210
- }
211
-
212
- .premium-banner-ib.sepia:hover img {
213
- -webkit-filter: sepia(0%);
214
- filter: sepia(0%);
215
- }
216
-
217
- .premium-banner-ib.bright:hover img {
218
- -webkit-filter: brightness(1.2);
219
- filter: brightness(1.2);
220
- }
221
-
222
- .premium-banner-animation1.premium-banner-min-height img,
223
- .premium-banner-animation2.premium-banner-min-height img,
224
- .premium-banner-animation4.premium-banner-min-height img,
225
- .premium-banner-animation5.premium-banner-min-height img,
226
- .premium-banner-animation6.premium-banner-min-height img,
227
- .premium-banner-animation13.premium-banner-min-height img {
228
- height: auto;
229
- }
230
-
231
- .premium-banner-animation2 img {
232
- width: 100%;
233
- }
234
-
235
- .premium-banner-animation2 .premium-banner-ib-desc::before {
236
- position: absolute;
237
- content: "";
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- opacity: 0;
243
- -webkit-transform: translate3d(0, 50%, 0);
244
- transform: translate3d(0, 50%, 0);
245
- }
246
-
247
- .premium-banner-animation2 .premium-banner-ib-title {
248
- position: absolute;
249
- top: 50%;
250
- right: 0;
251
- width: 100%;
252
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
- transition: color 0.35s, -webkit-transform 0.35s;
254
- transition: transform 0.35s, color 0.35s;
255
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
- -webkit-transform: translate3d(0, -50%, 0);
257
- transform: translate3d(0, -50%, 0);
258
- }
259
-
260
- .premium-banner-animation2 .premium-banner-ib-content,
261
- .premium-banner-animation2 .premium-banner-read-more,
262
- .premium-banner-animation2 .premium-banner-ib-desc::before {
263
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
- transition: opacity 0.35s, -webkit-transform 0.35s;
265
- transition: opacity 0.35s, transform 0.35s;
266
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
- }
268
-
269
- .premium-banner-animation2 .premium-banner-ib-content,
270
- .premium-banner-animation2 .premium-banner-read-more {
271
- position: absolute;
272
- bottom: 0;
273
- right: 0;
274
- padding: 15px;
275
- width: 100%;
276
- max-height: 50%;
277
- opacity: 0;
278
- -webkit-transform: translate3d(0, 10px, 0);
279
- transform: translate3d(0, 10px, 0);
280
- }
281
-
282
- .premium-banner-animation2:hover .premium-banner-ib-title,
283
- .premium-banner-animation2.active .premium-banner-ib-title {
284
- -webkit-transform: translate3d(0, -40px, 0);
285
- transform: translate3d(0, -40px, 0);
286
- }
287
-
288
- .premium-banner-animation2:hover .premium-banner-read-more,
289
- .premium-banner-animation2.active .premium-banner-read-more,
290
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
- opacity: 1;
293
- -webkit-transform: translate3d(0, 0, 0);
294
- transform: translate3d(0, 0, 0);
295
- }
296
-
297
- .premium-banner-animation2:hover .premium-banner-ib-content,
298
- .premium-banner-animation2.active .premium-banner-ib-content {
299
- opacity: 1;
300
- -webkit-transform: translate3d(0, -30px, 0);
301
- transform: translate3d(0, -30px, 0);
302
- }
303
-
304
- .premium-banner-animation3 .premium-banner-ib-title {
305
- position: absolute;
306
- bottom: 0;
307
- right: 0;
308
- padding: 15px;
309
- width: 100%;
310
- text-align: right;
311
- -webkit-transform: translate3d(0, -30px, 0);
312
- transform: translate3d(0, -30px, 0);
313
- }
314
-
315
- .premium-banner-animation3 .premium-banner-ib-desc::before,
316
- .premium-banner-animation3 .premium-banner-ib-title {
317
- -webkit-transition: -webkit-transform 0.35s;
318
- transition: -webkit-transform 0.35s;
319
- transition: transform 0.35s;
320
- transition: transform 0.35s, -webkit-transform 0.35s;
321
- }
322
-
323
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
- .premium-banner-animation3:hover .premium-banner-ib-title,
326
- .premium-banner-animation3.active .premium-banner-ib-title {
327
- opacity: 1;
328
- -webkit-transform: translate3d(0, 0, 0);
329
- transform: translate3d(0, 0, 0);
330
- }
331
-
332
- .premium-banner-animation3 .premium-banner-ib-content {
333
- max-height: -webkit-calc(100% - 60px - 1.5em);
334
- max-height: calc(100% - 60px - 1.5em);
335
- overflow: hidden;
336
- }
337
-
338
- .premium-banner-animation4 img {
339
- width: -webkit-calc(100% + 40px) !important;
340
- width: calc(100% + 40px) !important;
341
- max-width: -webkit-calc(100% + 40px) !important;
342
- max-width: calc(100% + 40px) !important;
343
- }
344
-
345
- .premium-banner-animation4 .premium-banner-ib-desc {
346
- padding: 30px;
347
- }
348
-
349
- .premium-banner-animation4 .premium-banner-ib-desc::after {
350
- position: absolute;
351
- content: "";
352
- opacity: 0;
353
- }
354
-
355
- .premium-banner-animation4 .premium-banner-ib-desc::before {
356
- position: absolute;
357
- content: "";
358
- opacity: 0;
359
- top: 50px;
360
- left: 30px;
361
- bottom: 50px;
362
- right: 30px;
363
- border-top: 1px solid #fff;
364
- border-bottom: 1px solid #fff;
365
- -webkit-transform: scale(0, 1);
366
- -ms-transform: scale(0, 1);
367
- transform: scale(0, 1);
368
- -webkit-transform-origin: 100% 0;
369
- -ms-transform-origin: 100% 0;
370
- transform-origin: 100% 0;
371
- }
372
-
373
- .premium-banner-animation4 .premium-banner-ib-desc::after {
374
- top: 30px;
375
- left: 50px;
376
- bottom: 30px;
377
- right: 50px;
378
- border-left: 1px solid #fff;
379
- border-right: 1px solid #fff;
380
- -webkit-transform: scale(1, 0);
381
- -ms-transform: scale(1, 0);
382
- transform: scale(1, 0);
383
- -webkit-transform-origin: 0% 0;
384
- -ms-transform-origin: 0% 0;
385
- transform-origin: 0% 0;
386
- }
387
-
388
- .premium-banner-animation4 .premium-banner-ib-title {
389
- padding: 50px 30px 0 30px;
390
- -webkit-transition: -webkit-transform 0.35s;
391
- transition: -webkit-transform 0.35s;
392
- transition: transform 0.35s;
393
- transition: transform 0.35s, -webkit-transform 0.35s;
394
- }
395
-
396
- .premium-banner-animation4 .premium-banner-ib-content,
397
- .premium-banner-animation4 .premium-banner-read-more {
398
- padding: 10px 30px;
399
- opacity: 0;
400
- overflow: hidden;
401
- -webkit-transform: translate3d(0, -10px, 0);
402
- transform: translate3d(0, -10px, 0);
403
- }
404
-
405
- .premium-banner-animation4 .premium-banner-ib-title,
406
- .premium-banner-animation4 img {
407
- -webkit-transform: translate3d(30px, 0, 0);
408
- transform: translate3d(30px, 0, 0);
409
- }
410
-
411
- .premium-banner-animation4.zoomout img,
412
- .premium-banner-animation4.scale img {
413
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
- transform: translate3d(30px, 0, 0) scale(1.1);
415
- }
416
-
417
- .premium-banner-animation4 .premium-banner-ib-content,
418
- .premium-banner-animation4 .premium-banner-read-more {
419
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
- transition: opacity 0.35s, -webkit-transform 0.35s;
421
- transition: opacity 0.35s, transform 0.35s;
422
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
- }
424
-
425
- .premium-banner-animation4 .premium-banner-ib-desc::after,
426
- .premium-banner-animation4 .premium-banner-ib-desc::before {
427
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
- transition: opacity 0.35s, -webkit-transform 0.35s;
429
- transition: opacity 0.35s, transform 0.35s;
430
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
- }
432
-
433
- .premium-banner-animation4 img {
434
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
- transition: opacity 0.35s, -webkit-transform 0.35s;
436
- transition: opacity 0.35s, transform 0.35s;
437
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
- }
439
-
440
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
- opacity: 1;
445
- -webkit-transform: scale(1);
446
- -ms-transform: scale(1);
447
- transform: scale(1);
448
- }
449
-
450
- .premium-banner-animation4:hover .premium-banner-ib-content,
451
- .premium-banner-animation4.active .premium-banner-ib-content,
452
- .premium-banner-animation4:hover .premium-banner-read-more,
453
- .premium-banner-animation4.active .premium-banner-read-more,
454
- .premium-banner-animation4:hover .premium-banner-ib-title,
455
- .premium-banner-animation4.active .premium-banner-ib-title {
456
- opacity: 1;
457
- -webkit-transform: translate3d(0, 0, 0);
458
- transform: translate3d(0, 0, 0);
459
- }
460
-
461
- .premium-banner-animation4:hover .premium-banner-ib-content,
462
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
- .premium-banner-animation4:hover .premium-banner-ib-title,
464
- .premium-banner-animation4:hover img {
465
- -webkit-transition-delay: 0.15s;
466
- transition-delay: 0.15s;
467
- }
468
-
469
- .premium-banner-animation5 .premium-banner-ib-desc {
470
- top: auto;
471
- bottom: 0;
472
- padding: 15px;
473
- height: auto;
474
- background: #f2f2f2;
475
- color: #3c4a50;
476
- -webkit-transition: -webkit-transform 0.35s;
477
- transition: -webkit-transform 0.35s;
478
- transition: transform 0.35s;
479
- transition: transform 0.35s, -webkit-transform 0.35s;
480
- -webkit-transform: translate3d(0, 100%, 0);
481
- transform: translate3d(0, 100%, 0);
482
- }
483
-
484
- .premium-banner-animation5 .premium-banner-ib-content {
485
- position: absolute;
486
- top: auto;
487
- bottom: 100%;
488
- right: 0;
489
- width: 100%;
490
- padding: 15px;
491
- opacity: 0;
492
- -webkit-transition: opacity 0.35s;
493
- transition: opacity 0.35s;
494
- }
495
-
496
- .premium-banner-animation5 .premium-banner-ib-title,
497
- .premium-banner-animation5 .premium-banner-read-more {
498
- -webkit-transition: -webkit-transform 0.35s;
499
- transition: -webkit-transform 0.35s;
500
- transition: transform 0.35s;
501
- transition: transform 0.35s, -webkit-transform 0.35s;
502
- -webkit-transform: translate3d(0, 200%, 0);
503
- transform: translate3d(0, 200%, 0);
504
- text-align: center;
505
- }
506
-
507
- .premium-banner-animation5 .premium-banner-ib-title {
508
- margin: 10px 0;
509
- }
510
-
511
- .premium-banner-animation5:hover .premium-banner-ib-content,
512
- .premium-banner-animation5.active .premium-banner-ib-content,
513
- .premium-banner-animation5:hover .premium-banner-ib-content *,
514
- .premium-banner-animation5.active .premium-banner-ib-content * {
515
- opacity: 1 !important;
516
- z-index: 99 !important;
517
- -webkit-backface-visibility: hidden !important;
518
- backface-visibility: hidden !important;
519
- }
520
-
521
- .premium-banner-animation5:hover .premium-banner-ib-desc,
522
- .premium-banner-animation5.active .premium-banner-ib-desc,
523
- .premium-banner-animation5:hover .premium-banner-ib-title,
524
- .premium-banner-animation5.active .premium-banner-ib-title,
525
- .premium-banner-animation5:hover .premium-banner-read-more,
526
- .premium-banner-animation5.active .premium-banner-read-more {
527
- -webkit-transform: translateY(0);
528
- -ms-transform: translateY(0);
529
- transform: translateY(0);
530
- }
531
-
532
- .premium-banner-animation5:hover .premium-banner-ib-title {
533
- -webkit-transition-delay: 0.05s;
534
- transition-delay: 0.05s;
535
- }
536
-
537
- .premium-banner-animation5 img {
538
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
- }
545
-
546
- .premium-banner-animation2 img,
547
- .premium-banner-animation4 img,
548
- .premium-banner-animation6 img {
549
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
- }
556
-
557
- .premium-banner-animation5.zoomout img,
558
- .premium-banner-animation5.scale img {
559
- -webkit-transform: scale(1.1);
560
- -ms-transform: scale(1.1);
561
- transform: scale(1.1);
562
- }
563
-
564
- .premium-banner-animation2.zoomout img,
565
- .premium-banner-animation2.scale img {
566
- -webkit-transform: scale(1.1);
567
- -ms-transform: scale(1.1);
568
- transform: scale(1.1);
569
- }
570
-
571
- .premium-banner-animation6.zoomout img,
572
- .premium-banner-animation6.scale img {
573
- -webkit-transform: scale(1.1);
574
- -ms-transform: scale(1.1);
575
- transform: scale(1.1);
576
- }
577
-
578
- .premium-banner-animation5.zoomin:hover img,
579
- .premium-banner-animation2.zoomin:hover img,
580
- .premium-banner-animation6.zoomin:hover img {
581
- -webkit-transform: scale(1.1);
582
- -ms-transform: scale(1.1);
583
- transform: scale(1.1);
584
- }
585
-
586
- .premium-banner-animation5.zoomout:hover img,
587
- .premium-banner-animation2.zoomout:hover img,
588
- .premium-banner-animation6.zoomout:hover img {
589
- -webkit-transform: scale(1);
590
- -ms-transform: scale(1);
591
- transform: scale(1);
592
- }
593
-
594
- .premium-banner-animation5.scale:hover img,
595
- .premium-banner-animation2.scale:hover img,
596
- .premium-banner-animation6.scale:hover img {
597
- -webkit-transform: scale(1.2) rotate(-5deg);
598
- -ms-transform: scale(1.2) rotate(-5deg);
599
- transform: scale(1.2) rotate(-5deg);
600
- }
601
-
602
- .premium-banner-animation5.grayscale:hover img,
603
- .premium-banner-animation2.grayscale:hover img,
604
- .premium-banner-animation6.grayscale:hover img {
605
- -webkit-filter: grayscale(100%);
606
- filter: grayscale(100%);
607
- }
608
-
609
- .premium-banner-animation5.blur:hover img,
610
- .premium-banner-animation2.blur:hover img {
611
- -webkit-filter: blur(3px);
612
- filter: blur(3px);
613
- }
614
-
615
- .premium-banner-animation6.blur:hover img {
616
- -webkit-filter: blur(3px);
617
- filter: blur(3px);
618
- }
619
-
620
- .premium-banner-animation6 .premium-banner-ib-desc {
621
- padding: 45px;
622
- }
623
-
624
- .premium-banner-animation6 .premium-banner-ib-desc::before {
625
- position: absolute;
626
- content: "";
627
- top: 30px;
628
- left: 30px;
629
- bottom: 30px;
630
- right: 30px;
631
- border: 1px solid #fff;
632
- }
633
-
634
- .premium-banner-animation6 .premium-banner-ib-title {
635
- margin: 20px 0 10px;
636
- -webkit-transition: -webkit-transform 0.35s;
637
- transition: -webkit-transform 0.35s;
638
- transition: transform 0.35s;
639
- transition: transform 0.35s, -webkit-transform 0.35s;
640
- -webkit-transform: translate3d(0, 100%, 0);
641
- transform: translate3d(0, 100%, 0);
642
- }
643
-
644
- .premium-banner-animation6 .premium-banner-ib-content,
645
- .premium-banner-animation6 .premium-banner-read-more,
646
- .premium-banner-animation6 .premium-banner-ib-desc::before {
647
- opacity: 0;
648
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
- transition: opacity 0.35s, -webkit-transform 0.35s;
650
- transition: opacity 0.35s, transform 0.35s;
651
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
- -webkit-transform: scale(0);
653
- -ms-transform: scale(0);
654
- transform: scale(0);
655
- }
656
-
657
- .premium-banner-animation6 .premium-banner-read-more {
658
- margin-top: 10px;
659
- }
660
-
661
- .premium-banner-animation6:hover .premium-banner-ib-title,
662
- .premium-banner-animation6.active .premium-banner-ib-title {
663
- -webkit-transform: translate3d(0, 0, 0);
664
- transform: translate3d(0, 0, 0);
665
- }
666
-
667
- .premium-banner-animation6:hover .premium-banner-ib-content,
668
- .premium-banner-animation6.active .premium-banner-ib-content,
669
- .premium-banner-animation6:hover .premium-banner-read-more,
670
- .premium-banner-animation6.active .premium-banner-read-more,
671
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
- opacity: 1;
674
- -webkit-transform: scale(1);
675
- -ms-transform: scale(1);
676
- transform: scale(1);
677
- }
678
-
679
- .premium-banner-animation12 .premium-banner-ib-desc::after {
680
- position: absolute;
681
- content: "";
682
- left: 30px;
683
- bottom: 30px;
684
- right: 30px;
685
- height: -webkit-calc(50% - 30px);
686
- height: calc(50% - 30px);
687
- border: 7px solid #fff;
688
- -webkit-transition: -webkit-transform 0.35s;
689
- transition: -webkit-transform 0.35s;
690
- transition: transform 0.35s;
691
- transition: transform 0.35s, -webkit-transform 0.35s;
692
- -webkit-transform: translate3d(0, -100%, 0);
693
- transform: translate3d(0, -100%, 0);
694
- }
695
-
696
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
- -webkit-transform: translate3d(0, 0, 0);
699
- transform: translate3d(0, 0, 0);
700
- }
701
-
702
- .premium-banner-animation12 .premium-banner-ib-desc {
703
- padding: 45px;
704
- text-align: right;
705
- }
706
-
707
- .premium-banner-animation12 .premium-banner-ib-content {
708
- position: absolute;
709
- left: 60px;
710
- bottom: 60px;
711
- right: 60px;
712
- opacity: 0;
713
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
- transition: opacity 0.35s, -webkit-transform 0.35s;
715
- transition: opacity 0.35s, transform 0.35s;
716
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
- -webkit-transform: translate3d(0, -100px, 0);
718
- transform: translate3d(0, -100px, 0);
719
- }
720
-
721
- .premium-banner-animation12:hover .premium-banner-ib-content,
722
- .premium-banner-animation12.active .premium-banner-ib-content {
723
- opacity: 1;
724
- -webkit-transform: translate3d(0, 0, 0);
725
- transform: translate3d(0, 0, 0);
726
- }
727
-
728
- .premium-banner-animation13 img {
729
- width: -webkit-calc(100% + 20px) !important;
730
- width: calc(100% + 20px) !important;
731
- max-width: -webkit-calc(100% + 20px) !important;
732
- max-width: calc(100% + 20px) !important;
733
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
- -webkit-transform: translate3d(10px, 0, 0);
740
- transform: translate3d(10px, 0, 0);
741
- -webkit-backface-visibility: hidden;
742
- backface-visibility: hidden;
743
- }
744
-
745
- .premium-banner-animation13.zoomout img,
746
- .premium-banner-animation13.scale img {
747
- -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
- transform: translate3d(10px, 0, 0) scale(1.1);
749
- }
750
-
751
- .premium-banner-animation13.none:hover img {
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
-
756
- .premium-banner-animation1.none:hover img,
757
- .premium-banner-animation4.none:hover img {
758
- -webkit-transform: translate3d(0, 0, 0);
759
- transform: translate3d(0, 0, 0);
760
- }
761
-
762
- .premium-banner-animation13.zoomin:hover img,
763
- .premium-banner-animation1.zoomin:hover img,
764
- .premium-banner-animation4.zoomin:hover img,
765
- .premium-banner-animation8.zoomin:hover img,
766
- .premium-banner-animation7.zoomin:hover img,
767
- .premium-banner-animation9.zoomin:hover img,
768
- .premium-banner-animation10.zoomin:hover img,
769
- .premium-banner-animation11.zoomin:hover img {
770
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
- transform: translate3d(0, 0, 0) scale(1.1);
772
- }
773
-
774
- .premium-banner-animation13.zoomout:hover img,
775
- .premium-banner-animation1.zoomout:hover img,
776
- .premium-banner-animation4.zoomout:hover img,
777
- .premium-banner-animation8.zoomout:hover img,
778
- .premium-banner-animation7.zoomout:hover img,
779
- .premium-banner-animation9.zoomout:hover img,
780
- .premium-banner-animation10.zoomout:hover img,
781
- .premium-banner-animation11.zoomout:hover img {
782
- -webkit-transform: translate3d(0, 0, 0) scale(1);
783
- transform: translate3d(0, 0, 0) scale(1);
784
- }
785
-
786
- .premium-banner-animation13.scale:hover img,
787
- .premium-banner-animation1.scale:hover img,
788
- .premium-banner-animation4.scale:hover img,
789
- .premium-banner-animation8.scale:hover img,
790
- .premium-banner-animation7.scale:hover img,
791
- .premium-banner-animation9.scale:hover img,
792
- .premium-banner-animation10.scale:hover img,
793
- .premium-banner-animation11.scale:hover img {
794
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
- transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
- }
797
-
798
- .premium-banner-animation13.grayscale:hover img,
799
- .premium-banner-animation1.grayscale:hover img,
800
- .premium-banner-animation4.grayscale:hover img,
801
- .premium-banner-animation8.grayscale:hover img,
802
- .premium-banner-animation7.grayscale:hover img,
803
- .premium-banner-animation9.grayscale:hover img,
804
- .premium-banner-animation10.grayscale:hover img,
805
- .premium-banner-animation11.grayscale:hover img {
806
- -webkit-transform: translate3d(0, 0, 0);
807
- transform: translate3d(0, 0, 0);
808
- -webkit-filter: grayscale(100%);
809
- filter: grayscale(100%);
810
- }
811
-
812
- .premium-banner-animation13.blur:hover img,
813
- .premium-banner-animation1.blur:hover img,
814
- .premium-banner-animation4.blur:hover,
815
- .premium-banner-animation8.blur:hover img,
816
- .premium-banner-animation7.blur:hover img,
817
- .premium-banner-animation9.blur:hover img,
818
- .premium-banner-animation10.blur:hover img,
819
- .premium-banner-animation11.blur:hover img {
820
- -webkit-transform: translate3d(0, 0, 0);
821
- transform: translate3d(0, 0, 0);
822
- -webkit-filter: blur(3px);
823
- filter: blur(3px);
824
- }
825
-
826
- .premium-banner-animation13 .premium-banner-ib-desc {
827
- text-align: right;
828
- }
829
-
830
- .premium-banner-animation13 .premium-banner-ib-title {
831
- position: relative;
832
- overflow: hidden;
833
- padding: 5px 0 10px;
834
- }
835
-
836
- .premium-banner-animation13 .premium-banner-ib-title::after {
837
- position: absolute;
838
- content: "";
839
- bottom: 0;
840
- right: 0;
841
- width: 100%;
842
- height: 2px;
843
- background: #fff;
844
- -webkit-transition: -webkit-transform 0.35s;
845
- transition: -webkit-transform 0.35s;
846
- transition: transform 0.35s;
847
- transition: transform 0.35s, -webkit-transform 0.35s;
848
- -webkit-transform: translate3d(101%, 0, 0);
849
- transform: translate3d(101%, 0, 0);
850
- }
851
-
852
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
- .premium-banner-animation13.active .premium-banner-ib-title::after {
854
- -webkit-transform: translate3d(0, 0, 0);
855
- transform: translate3d(0, 0, 0);
856
- }
857
-
858
- .premium-banner-animation13 .premium-banner-ib-content,
859
- .premium-banner-animation13 .premium-banner-read-more {
860
- padding: 15px 0;
861
- opacity: 0;
862
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
- transition: opacity 0.35s, -webkit-transform 0.35s;
864
- transition: opacity 0.35s, transform 0.35s;
865
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
- -webkit-transform: translate3d(-100%, 0, 0);
867
- transform: translate3d(-100%, 0, 0);
868
- }
869
-
870
- .premium-banner-animation13:hover .premium-banner-ib-content,
871
- .premium-banner-animation13.active .premium-banner-ib-content,
872
- .premium-banner-animation13:hover .premium-banner-read-more,
873
- .premium-banner-animation13.active .premium-banner-read-more {
874
- opacity: 1;
875
- -webkit-transform: translate3d(0, 0, 0);
876
- transform: translate3d(0, 0, 0);
877
- }
878
-
879
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
- right: 50%;
881
- width: auto !important;
882
- height: 100%;
883
- max-width: none;
884
- -webkit-transform: translateX(50%);
885
- -ms-transform: translateX(50%);
886
- transform: translateX(50%);
887
- }
888
-
889
- .premium-banner-ib img {
890
- border: none;
891
- padding: 0;
892
- margin: 0;
893
- }
894
-
895
- .premium-banner-animation7 img {
896
- width: -webkit-calc(100% + 40px) !important;
897
- width: calc(100% + 40px) !important;
898
- max-width: -webkit-calc(100% + 40px) !important;
899
- max-width: calc(100% + 40px) !important;
900
- }
901
-
902
- .premium-banner-animation7 .premium-banner-brlr {
903
- width: 7px;
904
- }
905
-
906
- .premium-banner-animation7 .premium-banner-brtb {
907
- height: 7px;
908
- }
909
-
910
- .premium-banner-animation7 .premium-banner-br {
911
- position: absolute;
912
- z-index: 1;
913
- background-color: white;
914
- -webkit-transition: all 0.3s ease-in-out;
915
- transition: all 0.3s ease-in-out;
916
- -webkit-transition-delay: 0.2s;
917
- transition-delay: 0.2s;
918
- }
919
-
920
- .premium-banner-animation7 .premium-banner-bleft {
921
- right: 30px;
922
- top: -webkit-calc(100% - 150px);
923
- top: calc(100% - 150px);
924
- height: 0;
925
- }
926
-
927
- .premium-banner-animation7 .premium-banner-bright {
928
- left: 30px;
929
- bottom: -webkit-calc(100% - 150px);
930
- bottom: calc(100% - 150px);
931
- height: 0;
932
- }
933
-
934
- .premium-banner-animation7 .premium-banner-bottom {
935
- left: -webkit-calc(100% - 150px);
936
- left: calc(100% - 150px);
937
- bottom: 30px;
938
- width: 0;
939
- }
940
-
941
- .premium-banner-animation7 .premium-banner-btop {
942
- right: -webkit-calc(100% - 150px);
943
- right: calc(100% - 150px);
944
- top: 30px;
945
- width: 0;
946
- }
947
-
948
- .premium-banner-animation7 .premium-banner-ib-desc {
949
- padding: 70px;
950
- display: table;
951
- }
952
-
953
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
- display: table-cell;
955
- vertical-align: middle;
956
- }
957
-
958
- .premium-banner-animation7 .premium-banner-ib-title {
959
- margin-top: 0;
960
- }
961
-
962
- .premium-banner-animation7 .premium-banner-ib-title,
963
- .premium-banner-animation7 img {
964
- -webkit-transform: translate3d(30px, 0, 0);
965
- transform: translate3d(30px, 0, 0);
966
- }
967
-
968
- .premium-banner-animation7.zoomout img,
969
- .premium-banner-animation7.scale img {
970
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
- transform: translate3d(30px, 0, 0) scale(1.1);
972
- }
973
-
974
- .premium-banner-animation7 .premium-banner-ib-content,
975
- .premium-banner-animation7 .premium-banner-read-more {
976
- margin-top: 10px;
977
- }
978
-
979
- .premium-banner-animation7 .premium-banner-ib-desc::after,
980
- .premium-banner-animation7 .premium-banner-ib-desc::before {
981
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
- transition: opacity 0.35s, -webkit-transform 0.35s;
983
- transition: opacity 0.35s, transform 0.35s;
984
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
- }
986
-
987
- .premium-banner-animation7 .premium-banner-ib-title,
988
- .premium-banner-animation7 .premium-banner-ib-content,
989
- .premium-banner-animation7 .premium-banner-read-more {
990
- opacity: 0;
991
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
- transition: opacity 0.35s, -webkit-transform 0.35s;
993
- transition: opacity 0.35s, transform 0.35s;
994
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
- }
996
-
997
- .premium-banner-animation7 img {
998
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
- transition: opacity 0.35s, -webkit-transform 0.35s;
1000
- transition: opacity 0.35s, transform 0.35s;
1001
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
- }
1003
-
1004
- .premium-banner-animation7:hover .premium-banner-ib-content,
1005
- .premium-banner-animation7.active .premium-banner-ib-content,
1006
- .premium-banner-animation7:hover .premium-banner-read-more,
1007
- .premium-banner-animation7.active .premium-banner-read-more,
1008
- .premium-banner-animation7:hover .premium-banner-ib-title,
1009
- .premium-banner-animation7.active .premium-banner-ib-title {
1010
- opacity: 1;
1011
- -webkit-transform: translate3d(0, 0, 0);
1012
- transform: translate3d(0, 0, 0);
1013
- }
1014
-
1015
- .premium-banner-animation7:hover .premium-banner-bleft,
1016
- .premium-banner-animation7.active .premium-banner-bleft {
1017
- top: 30px;
1018
- height: 70px;
1019
- }
1020
-
1021
- .premium-banner-animation7:hover .premium-banner-bright,
1022
- .premium-banner-animation7.active .premium-banner-bright {
1023
- bottom: 30px;
1024
- height: 70px;
1025
- }
1026
-
1027
- .premium-banner-animation7:hover .premium-banner-bottom,
1028
- .premium-banner-animation7.active .premium-banner-bottom {
1029
- left: 30px;
1030
- width: 70px;
1031
- }
1032
-
1033
- .premium-banner-animation7:hover .premium-banner-btop,
1034
- .premium-banner-animation7.active .premium-banner-btop {
1035
- right: 30px;
1036
- width: 70px;
1037
- }
1038
-
1039
- .premium-banner-animation7:hover .premium-banner-ib-content,
1040
- .premium-banner-animation7:hover .premium-banner-read-more,
1041
- .premium-banner-animation7:hover .premium-banner-ib-title,
1042
- .premium-banner-animation7:hover img {
1043
- -webkit-transition-delay: 0.15s;
1044
- transition-delay: 0.15s;
1045
- }
1046
-
1047
- .premium-banner-animation8 img {
1048
- width: -webkit-calc(100% + 40px) !important;
1049
- width: calc(100% + 40px) !important;
1050
- max-width: -webkit-calc(100% + 40px) !important;
1051
- max-width: calc(100% + 40px) !important;
1052
- }
1053
-
1054
- .premium-banner-animation8 .premium-banner-brlr {
1055
- width: 7px;
1056
- }
1057
-
1058
- .premium-banner-animation8 .premium-banner-brtb {
1059
- height: 7px;
1060
- }
1061
-
1062
- .premium-banner-animation8 .premium-banner-br {
1063
- position: absolute;
1064
- z-index: 1;
1065
- background-color: white;
1066
- -webkit-transition: all 0.3s ease-in-out;
1067
- transition: all 0.3s ease-in-out;
1068
- -webkit-transition-delay: 0.2s;
1069
- transition-delay: 0.2s;
1070
- }
1071
-
1072
- .premium-banner-animation8 .premium-banner-bleft {
1073
- right: 30px;
1074
- top: 50%;
1075
- -webkit-transform: translateY(-50%);
1076
- -ms-transform: translateY(-50%);
1077
- transform: translateY(-50%);
1078
- height: 0;
1079
- }
1080
-
1081
- .premium-banner-animation8 .premium-banner-bright {
1082
- left: 30px;
1083
- top: 50%;
1084
- -webkit-transform: translateY(-50%);
1085
- -ms-transform: translateY(-50%);
1086
- transform: translateY(-50%);
1087
- height: 0;
1088
- }
1089
-
1090
- .premium-banner-animation8 .premium-banner-bottom {
1091
- right: 50%;
1092
- -webkit-transform: translateX(50%);
1093
- -ms-transform: translateX(50%);
1094
- transform: translateX(50%);
1095
- bottom: 30px;
1096
- width: 0;
1097
- }
1098
-
1099
- .premium-banner-animation8 .premium-banner-btop {
1100
- right: 50%;
1101
- -webkit-transform: translateX(50%);
1102
- -ms-transform: translateX(50%);
1103
- transform: translateX(50%);
1104
- top: 30px;
1105
- width: 0;
1106
- }
1107
-
1108
- .premium-banner-animation8 .premium-banner-ib-desc {
1109
- padding: 70px;
1110
- display: table;
1111
- }
1112
-
1113
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
- display: table-cell;
1115
- vertical-align: middle;
1116
- }
1117
-
1118
- .premium-banner-animation8 .premium-banner-ib-title {
1119
- margin-top: 0;
1120
- }
1121
-
1122
- .premium-banner-animation8 .premium-banner-ib-title,
1123
- .premium-banner-animation8 img {
1124
- -webkit-transform: translate3d(30px, 0, 0);
1125
- transform: translate3d(30px, 0, 0);
1126
- }
1127
-
1128
- .premium-banner-animation8.zoomout img,
1129
- .premium-banner-animation8.scale img {
1130
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
- transform: translate3d(30px, 0, 0) scale(1.1);
1132
- }
1133
-
1134
- .premium-banner-animation8 .premium-banner-ib-content,
1135
- .premium-banner-animation8 .premium-banner-read-more {
1136
- margin-top: 10px;
1137
- }
1138
-
1139
- .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
- .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
- transition: opacity 0.35s, -webkit-transform 0.35s;
1143
- transition: opacity 0.35s, transform 0.35s;
1144
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
- }
1146
-
1147
- .premium-banner-animation8 .premium-banner-ib-title,
1148
- .premium-banner-animation8 .premium-banner-ib-content,
1149
- .premium-banner-animation8 .premium-banner-read-more {
1150
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
- transition: opacity 0.35s, -webkit-transform 0.35s;
1152
- transition: opacity 0.35s, transform 0.35s;
1153
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
- opacity: 0;
1155
- }
1156
-
1157
- .premium-banner-animation8 img {
1158
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
- transition: opacity 0.35s, -webkit-transform 0.35s;
1160
- transition: opacity 0.35s, transform 0.35s;
1161
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
- }
1163
-
1164
- .premium-banner-animation8:hover .premium-banner-ib-content,
1165
- .premium-banner-animation8.active .premium-banner-ib-content,
1166
- .premium-banner-animation8:hover .premium-banner-read-more,
1167
- .premium-banner-animation8.active .premium-banner-read-more,
1168
- .premium-banner-animation8:hover .premium-banner-ib-title,
1169
- .premium-banner-animation8.active .premium-banner-ib-title {
1170
- opacity: 1;
1171
- -webkit-transform: translate3d(0, 0, 0);
1172
- transform: translate3d(0, 0, 0);
1173
- }
1174
-
1175
- .premium-banner-animation8:hover .premium-banner-bleft,
1176
- .premium-banner-animation8.active .premium-banner-bleft {
1177
- height: -webkit-calc(100% - 61px);
1178
- height: calc(100% - 61px);
1179
- }
1180
-
1181
- .premium-banner-animation8:hover .premium-banner-bright,
1182
- .premium-banner-animation8.active .premium-banner-bright {
1183
- height: -webkit-calc(100% - 61px);
1184
- height: calc(100% - 61px);
1185
- }
1186
-
1187
- .premium-banner-animation8:hover .premium-banner-bottom,
1188
- .premium-banner-animation8.active .premium-banner-bottom {
1189
- width: -webkit-calc(100% - 61px);
1190
- width: calc(100% - 61px);
1191
- }
1192
-
1193
- .premium-banner-animation8:hover .premium-banner-btop,
1194
- .premium-banner-animation8.active .premium-banner-btop {
1195
- width: -webkit-calc(100% - 61px);
1196
- width: calc(100% - 61px);
1197
- }
1198
-
1199
- .premium-banner-animation8:hover .premium-banner-ib-content,
1200
- .premium-banner-animation8:hover .premium-banner-ib-title,
1201
- .premium-banner-animation8:hover .premium-banner-read-more,
1202
- .premium-banner-animation8:hover img {
1203
- -webkit-transition-delay: 0.15s;
1204
- transition-delay: 0.15s;
1205
- }
1206
-
1207
- .premium-banner-animation9 img {
1208
- width: -webkit-calc(100% + 20px) !important;
1209
- width: calc(100% + 20px) !important;
1210
- max-width: -webkit-calc(100% + 20px) !important;
1211
- max-width: calc(100% + 20px) !important;
1212
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
- transition: opacity 0.35s, -webkit-transform 0.35s;
1214
- transition: opacity 0.35s, transform 0.35s;
1215
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
- -webkit-transform: scale(1.2);
1217
- -ms-transform: scale(1.2);
1218
- transform: scale(1.2);
1219
- }
1220
-
1221
- .premium-banner-animation9 .premium-banner-ib-desc {
1222
- width: 100%;
1223
- height: 100%;
1224
- }
1225
-
1226
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
- position: absolute;
1228
- top: 50%;
1229
- right: 50%;
1230
- width: 80%;
1231
- height: 1px;
1232
- background: #fff;
1233
- content: "";
1234
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
- transition: opacity 0.35s, -webkit-transform 0.35s;
1236
- transition: opacity 0.35s, transform 0.35s;
1237
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
- -webkit-transform: translate3d(50%, -50%, 0);
1239
- transform: translate3d(50%, -50%, 0);
1240
- }
1241
-
1242
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
- position: absolute;
1244
- top: 50%;
1245
- right: 50%;
1246
- width: 80%;
1247
- height: 1px;
1248
- background: #fff;
1249
- content: "";
1250
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
- transition: opacity 0.35s, -webkit-transform 0.35s;
1252
- transition: opacity 0.35s, transform 0.35s;
1253
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
- -webkit-transform: translate3d(50%, -50%, 0);
1255
- transform: translate3d(50%, -50%, 0);
1256
- }
1257
-
1258
- .premium-banner-animation9 .premium-banner-ib-title {
1259
- position: absolute;
1260
- top: 50%;
1261
- right: 0;
1262
- width: 100%;
1263
- -webkit-transition: -webkit-transform 0.35s;
1264
- transition: -webkit-transform 0.35s;
1265
- transition: transform 0.35s;
1266
- transition: transform 0.35s, -webkit-transform 0.35s;
1267
- -webkit-transform: translate3d(0, -70px, 0);
1268
- transform: translate3d(0, -70px, 0);
1269
- margin-top: 0;
1270
- padding: 0 10%;
1271
- }
1272
-
1273
- .premium-banner-animation9:hover .premium-banner-ib-title,
1274
- .premium-banner-animation9.active .premium-banner-ib-title {
1275
- -webkit-transform: translate3d(0, -80px, 0);
1276
- transform: translate3d(0, -80px, 0);
1277
- }
1278
-
1279
- .premium-banner-animation9 .premium-banner-ib-content,
1280
- .premium-banner-animation9 .premium-banner-read-more {
1281
- position: absolute;
1282
- top: 50%;
1283
- right: 0;
1284
- width: 100%;
1285
- -webkit-transition: -webkit-transform 0.35s;
1286
- transition: -webkit-transform 0.35s;
1287
- transition: transform 0.35s;
1288
- transition: transform 0.35s, -webkit-transform 0.35s;
1289
- padding: 0 10%;
1290
- -webkit-transform: translate3d(0, 35px, 0);
1291
- transform: translate3d(0, 35px, 0);
1292
- }
1293
-
1294
- .premium-banner-animation9 .premium-banner-read-more {
1295
- top: 75%;
1296
- }
1297
-
1298
- .premium-banner-animation9:hover .premium-banner-ib-content,
1299
- .premium-banner-animation9.active .premium-banner-ib-content,
1300
- .premium-banner-animation9:hover .premium-banner-read-more,
1301
- .premium-banner-animation9.active .premium-banner-read-more {
1302
- -webkit-transform: translate3d(0, 45px, 0);
1303
- transform: translate3d(0, 45px, 0);
1304
- }
1305
-
1306
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
- opacity: 0.5;
1309
- -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
- transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
- }
1312
-
1313
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
- opacity: 0.5;
1316
- -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
- transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
- }
1319
-
1320
- .premium-banner-animation9:hover img {
1321
- -webkit-transform: scale(1);
1322
- -ms-transform: scale(1);
1323
- transform: scale(1);
1324
- }
1325
-
1326
- .premium-banner-animation10 img {
1327
- width: -webkit-calc(100% + 20px) !important;
1328
- width: calc(100% + 20px) !important;
1329
- max-width: -webkit-calc(100% + 20px) !important;
1330
- max-width: calc(100% + 20px) !important;
1331
- }
1332
-
1333
- .premium-banner-animation10 .premium-banner-ib-title {
1334
- position: relative;
1335
- overflow: hidden;
1336
- padding: 5px 0 15px;
1337
- -webkit-transition: -webkit-transform 0.35s;
1338
- transition: -webkit-transform 0.35s;
1339
- transition: transform 0.35s;
1340
- transition: transform 0.35s, -webkit-transform 0.35s;
1341
- -webkit-transform: translate3d(0, 20px, 0);
1342
- transform: translate3d(0, 20px, 0);
1343
- margin-bottom: 0;
1344
- }
1345
-
1346
- .premium-banner-animation10 .premium-banner-ib-title::after {
1347
- position: absolute;
1348
- content: "";
1349
- bottom: 0;
1350
- right: 0;
1351
- width: 100%;
1352
- height: 3px;
1353
- background: #fff;
1354
- opacity: 0;
1355
- -webkit-transform: translate3d(0, 100%, 0);
1356
- transform: translate3d(0, 100%, 0);
1357
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
- transition: opacity 0.35s, -webkit-transform 0.35s;
1359
- transition: opacity 0.35s, transform 0.35s;
1360
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
- }
1362
-
1363
- .premium-banner-animation10:hover .premium-banner-ib-title,
1364
- .premium-banner-animation10.active .premium-banner-ib-title {
1365
- -webkit-transform: translate3d(0, 0, 0);
1366
- transform: translate3d(0, 0, 0);
1367
- }
1368
-
1369
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
- opacity: 1;
1372
- -webkit-transform: translate3d(0, 0, 0);
1373
- transform: translate3d(0, 0, 0);
1374
- }
1375
-
1376
- .premium-banner-animation10 .premium-banner-ib-content,
1377
- .premium-banner-animation10 .premium-banner-read-more {
1378
- padding-top: 15px;
1379
- opacity: 0;
1380
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
- transition: opacity 0.35s, -webkit-transform 0.35s;
1382
- transition: opacity 0.35s, transform 0.35s;
1383
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
- -webkit-transform: translate3d(0, 100%, 0);
1385
- transform: translate3d(0, 100%, 0);
1386
- }
1387
-
1388
- .premium-banner-animation10 .premium-banner-read-more {
1389
- padding: 0;
1390
- }
1391
-
1392
- .premium-banner-animation10:hover .premium-banner-ib-content,
1393
- .premium-banner-animation10.active .premium-banner-ib-content,
1394
- .premium-banner-animation10:hover .premium-banner-read-more,
1395
- .premium-banner-animation10.active .premium-banner-read-more {
1396
- opacity: 1;
1397
- -webkit-transform: translate3d(0, 0, 0);
1398
- transform: translate3d(0, 0, 0);
1399
- }
1400
-
1401
- .premium-banner-animation11 {
1402
- -webkit-transition: -webkit-transform 1s ease-out;
1403
- transition: -webkit-transform 1s ease-out;
1404
- transition: transform 1s ease-out;
1405
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
- -webkit-transition-delay: 0.125s;
1407
- transition-delay: 0.125s;
1408
- }
1409
-
1410
- .premium-banner-animation11 .premium-banner-ib-desc {
1411
- position: absolute;
1412
- z-index: 5;
1413
- -webkit-transform: translate3d(30px, 0, 0);
1414
- transform: translate3d(30px, 0, 0);
1415
- opacity: 0;
1416
- top: auto;
1417
- bottom: 0;
1418
- min-height: 25%;
1419
- height: auto;
1420
- max-height: 100%;
1421
- text-align: left;
1422
- padding: 30px;
1423
- -webkit-transition: all 0.6s ease-out;
1424
- transition: all 0.6s ease-out;
1425
- }
1426
-
1427
- .premium-banner-animation11 img {
1428
- width: 100%;
1429
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
- }
1434
-
1435
- .premium-banner-animation11 .premium-banner-ib-title {
1436
- margin-bottom: 10px;
1437
- }
1438
-
1439
- .premium-banner-animation11 .premium-banner-gradient {
1440
- position: absolute;
1441
- left: 0;
1442
- top: 0;
1443
- right: 0;
1444
- bottom: 0;
1445
- }
1446
-
1447
- .premium-banner-animation11 .premium-banner-gradient:after,
1448
- .premium-banner-animation11 .premium-banner-gradient:before {
1449
- position: absolute;
1450
- content: "";
1451
- left: 0;
1452
- top: 0;
1453
- right: 0;
1454
- bottom: 0;
1455
- -webkit-transform: translate3d(100%, 0, 0);
1456
- transform: translate3d(100%, 0, 0);
1457
- background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
- background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
- background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
- z-index: 2;
1461
- }
1462
-
1463
- .premium-banner-animation11 .premium-banner-gradient:before {
1464
- mix-blend-mode: color;
1465
- }
1466
-
1467
- .premium-banner-animation11 .premium-banner-gradient:after {
1468
- mix-blend-mode: multiply;
1469
- }
1470
-
1471
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
- .premium-banner-animation11.active .premium-banner-ib-desc {
1473
- opacity: 1;
1474
- -webkit-transform: translate3d(0, 0, 0);
1475
- transform: translate3d(0, 0, 0);
1476
- }
1477
-
1478
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
- .premium-banner-animation11.active .premium-banner-gradient:after,
1481
- .premium-banner-animation11.active .premium-banner-gradient:before {
1482
- -webkit-transform: translate3d(0, 0, 0);
1483
- transform: translate3d(0, 0, 0);
1484
- }
1485
-
1486
- .premium-banner-animation11.zoomout img,
1487
- .premium-banner-animation11.scale img {
1488
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
- transform: translate3d(-10px, 0, 0) scale(1.1);
1490
- }
1491
-
1492
- /************ Premium Countdown ************/
1493
- /*******************************************/
1494
- .premium-countdown {
1495
- -js-display: flex;
1496
- display: -webkit-box;
1497
- display: -webkit-flex;
1498
- display: -moz-box;
1499
- display: -ms-flexbox;
1500
- display: flex;
1501
- text-align: center;
1502
- }
1503
-
1504
- .countdown-row {
1505
- display: block;
1506
- text-align: center;
1507
- }
1508
-
1509
- .countdown .countdown-section {
1510
- display: inline-block;
1511
- max-width: 100%;
1512
- margin-bottom: 15px;
1513
- -js-display: inline-flex;
1514
- display: -webkit-inline-box;
1515
- display: -webkit-inline-flex;
1516
- display: -moz-inline-box;
1517
- display: -ms-inline-flexbox;
1518
- display: inline-flex;
1519
- -webkit-box-align: center;
1520
- -webkit-align-items: center;
1521
- -moz-box-align: center;
1522
- -ms-flex-align: center;
1523
- align-items: center;
1524
- }
1525
-
1526
- .countdown .countdown-section:last-child {
1527
- margin-left: 0;
1528
- }
1529
-
1530
- .countdown span.countdown-amount {
1531
- font-size: 70px;
1532
- line-height: 1;
1533
- padding: 40px;
1534
- }
1535
-
1536
- .countdown .pre_time-mid {
1537
- display: block;
1538
- }
1539
-
1540
- .premium-countdown-separator-yes .countdown_separator {
1541
- display: block;
1542
- margin: 0 50px;
1543
- font-size: 30px;
1544
- }
1545
-
1546
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
- display: none;
1549
- }
1550
-
1551
- /**
1552
- * Digit and unit styles
1553
- */
1554
- .side .countdown-section .countdown-period {
1555
- vertical-align: bottom;
1556
- }
1557
-
1558
- .countdown .countdown-section .countdown-period {
1559
- font-size: 17px;
1560
- line-height: 3em;
1561
- }
1562
-
1563
- .side .countdown-section .countdown-amount,
1564
- .side .countdown-section .countdown-period {
1565
- display: inline-block;
1566
- }
1567
-
1568
- .side .countdown-section .countdown-amount {
1569
- margin-left: 5px;
1570
- }
1571
-
1572
- .down .countdown-section .countdown-amount,
1573
- .down .countdown-section .countdown-period {
1574
- display: block;
1575
- }
1576
-
1577
- /**
1578
- * Flip Layout
1579
- */
1580
- .premium-countdown-flip .premium-countdown-block {
1581
- text-align: center;
1582
- -js-display: inline-flex;
1583
- display: -webkit-inline-box;
1584
- display: -webkit-inline-flex;
1585
- display: -moz-inline-box;
1586
- display: -ms-inline-flexbox;
1587
- display: inline-flex;
1588
- -webkit-box-align: center;
1589
- -webkit-align-items: center;
1590
- -moz-box-align: center;
1591
- -ms-flex-align: center;
1592
- align-items: center;
1593
- }
1594
-
1595
- .premium-countdown-flip .premium-countdown-block:last-child {
1596
- margin-left: 0;
1597
- }
1598
-
1599
- .premium-countdown-flip .premium-countdown-label {
1600
- overflow: hidden;
1601
- color: #1a1a1a;
1602
- text-transform: uppercase;
1603
- }
1604
-
1605
- .premium-countdown-flip .premium-countdown-figure {
1606
- position: relative;
1607
- height: 110px;
1608
- width: 100px;
1609
- line-height: 107px;
1610
- background-color: #fff;
1611
- -webkit-border-radius: 10px;
1612
- border-radius: 10px;
1613
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
- }
1616
-
1617
- .premium-countdown-flip .premium-countdown-figure:last-child {
1618
- margin-left: 0;
1619
- }
1620
-
1621
- .premium-countdown-flip .premium-countdown-figure>span {
1622
- position: absolute;
1623
- right: 0;
1624
- left: 0;
1625
- margin: auto;
1626
- font-weight: 700;
1627
- }
1628
-
1629
- .premium-countdown-flip .premium-countdown-figure .top {
1630
- z-index: 3;
1631
- -webkit-transform-origin: 50% 100%;
1632
- -ms-transform-origin: 50% 100%;
1633
- transform-origin: 50% 100%;
1634
- -webkit-transform: perspective(200px);
1635
- transform: perspective(200px);
1636
- -webkit-backface-visibility: hidden;
1637
- backface-visibility: hidden;
1638
- }
1639
-
1640
- .premium-countdown-flip .premium-countdown-figure .bottom {
1641
- z-index: 1;
1642
- }
1643
-
1644
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
- content: "";
1646
- position: absolute;
1647
- display: block;
1648
- top: 0;
1649
- right: 0;
1650
- width: 100%;
1651
- height: 50%;
1652
- background-color: rgba(0, 0, 0, 0.02);
1653
- }
1654
-
1655
- .premium-countdown-flip .premium-countdown-figure .top-back {
1656
- -webkit-backface-visibility: hidden;
1657
- backface-visibility: hidden;
1658
- z-index: 4;
1659
- bottom: 0;
1660
- -webkit-transform-origin: 50% 0;
1661
- -ms-transform-origin: 50% 0;
1662
- transform-origin: 50% 0;
1663
- -webkit-transform: perspective(200px) rotateX(180deg);
1664
- transform: perspective(200px) rotateX(180deg);
1665
- }
1666
-
1667
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
- position: absolute;
1669
- top: -100%;
1670
- right: 0;
1671
- left: 0;
1672
- margin: auto;
1673
- }
1674
-
1675
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
- z-index: 2;
1677
- top: 0;
1678
- }
1679
-
1680
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
- position: absolute;
1682
- top: 0;
1683
- right: 0;
1684
- left: 0;
1685
- margin: auto;
1686
- }
1687
-
1688
- .premium-countdown-flip .premium-countdown-figure .top,
1689
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
- .premium-countdown-flip .premium-countdown-figure .top-back {
1691
- height: 50%;
1692
- overflow: hidden;
1693
- background-color: #f7f7f7;
1694
- -webkit-border-top-right-radius: 10px;
1695
- border-top-right-radius: 10px;
1696
- -webkit-border-top-left-radius: 10px;
1697
- border-top-left-radius: 10px;
1698
- }
1699
-
1700
- .premium-countdown-flip .premium-countdown-figure .top-back {
1701
- -webkit-border-bottom-right-radius: 10px;
1702
- border-bottom-right-radius: 10px;
1703
- -webkit-border-bottom-left-radius: 10px;
1704
- border-bottom-left-radius: 10px;
1705
- }
1706
-
1707
- .premium-countdown-flip .premium-countdown-figure .top::after,
1708
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
- content: "";
1710
- position: absolute;
1711
- z-index: -1;
1712
- right: 0;
1713
- bottom: 0;
1714
- width: 100%;
1715
- height: 100%;
1716
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
- }
1718
-
1719
- .side .premium-countdown-figure,
1720
- .side .premium-countdown-label {
1721
- display: inline-block;
1722
- }
1723
-
1724
- .side .premium-countdown-figure {
1725
- margin-left: 5px;
1726
- }
1727
-
1728
- .down .premium-countdown-figure,
1729
- .down .premium-countdown-label {
1730
- display: block;
1731
- }
1732
-
1733
- .down .premium-countdown-label {
1734
- width: 100%;
1735
- }
1736
-
1737
- /**************** Premium Carousel **************/
1738
- /************************************************/
1739
- .premium-carousel-wrapper a.carousel-arrow,
1740
- .premium-carousel-wrapper a.ver-carousel-arrow,
1741
- .premium-fb-rev-container a.carousel-arrow,
1742
- .premium-tabs-nav-list a.carousel-arrow,
1743
- .premium-blog-wrap a.carousel-arrow,
1744
- .premium-hscroll-wrap a.carousel-arrow,
1745
- .premium-twitter-feed-wrapper a.carousel-arrow,
1746
- .premium-facebook-feed-wrapper a.carousel-arrow,
1747
- .premium-instafeed-container a.carousel-arrow,
1748
- .premium-persons-container a.carousel-arrow {
1749
- display: -ms-flexbox;
1750
- display: -webkit-flex;
1751
- display: -moz-flex;
1752
- display: -ms-flex;
1753
- -js-display: flex;
1754
- display: -webkit-box;
1755
- display: -moz-box;
1756
- display: flex;
1757
- -webkit-box-align: center;
1758
- -webkit-align-items: center;
1759
- -moz-box-align: center;
1760
- -ms-flex-align: center;
1761
- align-items: center;
1762
- -webkit-box-pack: center;
1763
- -webkit-justify-content: center;
1764
- -moz-box-pack: center;
1765
- -ms-flex-pack: center;
1766
- justify-content: center;
1767
- width: 2em;
1768
- height: 2em;
1769
- line-height: 0;
1770
- text-align: center;
1771
- position: absolute;
1772
- z-index: 99;
1773
- cursor: pointer;
1774
- -webkit-transition: all 0.3s ease-in-out;
1775
- transition: all 0.3s ease-in-out;
1776
- -webkit-appearance: inherit;
1777
- border: none;
1778
- -webkit-box-shadow: none;
1779
- box-shadow: none;
1780
- }
1781
-
1782
- .premium-carousel-wrapper a.carousel-arrow svg,
1783
- .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
- -webkit-transition: all 0.3s ease-in-out;
1785
- transition: all 0.3s ease-in-out;
1786
- }
1787
-
1788
- div[class^="premium-"] .slick-arrow i {
1789
- display: block;
1790
- }
1791
-
1792
- .ver-carousel-arrow.carousel-next i {
1793
- margin-bottom: -3px;
1794
- }
1795
-
1796
- .premium-carousel-wrapper a.slick-arrow:hover {
1797
- -webkit-box-shadow: none !important;
1798
- box-shadow: none !important;
1799
- }
1800
-
1801
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
- visibility: hidden;
1803
- }
1804
-
1805
- .premium-carousel-wrapper a.carousel-arrow,
1806
- .premium-fb-rev-container a.carousel-arrow,
1807
- .premium-tabs-nav-list a.carousel-arrow,
1808
- .premium-blog-wrap a.carousel-arrow,
1809
- .premium-hscroll-wrap a.carousel-arrow,
1810
- .premium-twitter-feed-wrapper a.carousel-arrow,
1811
- .premium-facebook-feed-wrapper a.carousel-arrow,
1812
- .premium-instafeed-container a.carousel-arrow,
1813
- .premium-persons-container a.carousel-arrow {
1814
- top: 50%;
1815
- -webkit-transform: translateY(-50%);
1816
- -ms-transform: translateY(-50%);
1817
- transform: translateY(-50%);
1818
- }
1819
-
1820
- .premium-carousel-wrapper a.ver-carousel-arrow {
1821
- right: 50%;
1822
- -webkit-transform: translateX(50%);
1823
- -ms-transform: translateX(50%);
1824
- transform: translateX(50%);
1825
- }
1826
-
1827
- a.carousel-arrow.carousel-next {
1828
- right: -20px;
1829
- left: auto;
1830
- }
1831
-
1832
- a.carousel-arrow.carousel-prev {
1833
- left: -20px;
1834
- right: auto;
1835
- }
1836
-
1837
- a.ver-carousel-arrow.carousel-next {
1838
- bottom: -56px;
1839
- }
1840
-
1841
- a.ver-carousel-arrow.carousel-prev {
1842
- top: -45px;
1843
- }
1844
-
1845
- a.circle-bg {
1846
- -webkit-border-radius: 100%;
1847
- border-radius: 100%;
1848
- }
1849
-
1850
- a.circle-border {
1851
- -webkit-border-radius: 100%;
1852
- border-radius: 100%;
1853
- border: solid black;
1854
- }
1855
-
1856
- a.square-border {
1857
- border: solid black;
1858
- }
1859
-
1860
- .premium-carousel-dots-below,
1861
- .premium-blog-wrap ul.slick-dots,
1862
- .premium-fb-rev-reviews ul.slick-dots {
1863
- position: relative;
1864
- bottom: 0;
1865
- list-style: none;
1866
- text-align: center;
1867
- margin: 0;
1868
- padding: 0;
1869
- }
1870
-
1871
- .premium-carousel-dots-above ul.slick-dots {
1872
- position: absolute;
1873
- display: -ms-flexbox;
1874
- display: -webkit-flex;
1875
- display: -moz-flex;
1876
- display: -ms-flex;
1877
- -js-display: flex;
1878
- display: -webkit-box;
1879
- display: -moz-box;
1880
- display: flex;
1881
- top: 50%;
1882
- -webkit-transform: translateY(-50%);
1883
- -ms-transform: translateY(-50%);
1884
- transform: translateY(-50%);
1885
- -webkit-flex-direction: column;
1886
- -webkit-box-orient: vertical;
1887
- -webkit-box-direction: normal;
1888
- -moz-box-orient: vertical;
1889
- -moz-box-direction: normal;
1890
- -ms-flex-direction: column;
1891
- flex-direction: column;
1892
- }
1893
-
1894
- ul.slick-dots li {
1895
- font-size: 10px;
1896
- display: -webkit-inline-box;
1897
- display: -webkit-inline-flex;
1898
- display: -ms-inline-flexbox;
1899
- -js-display: inline-flex;
1900
- display: -moz-inline-box;
1901
- display: inline-flex;
1902
- -webkit-box-pack: center;
1903
- -webkit-justify-content: center;
1904
- -moz-box-pack: center;
1905
- -ms-flex-pack: center;
1906
- justify-content: center;
1907
- -webkit-box-align: center;
1908
- -webkit-align-items: center;
1909
- -moz-box-align: center;
1910
- -ms-flex-align: center;
1911
- align-items: center;
1912
- margin: 5px;
1913
- width: 20px;
1914
- height: 20px;
1915
- cursor: pointer;
1916
- }
1917
-
1918
- /*
1919
- * Custom Navigation Dot
1920
- */
1921
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1922
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1923
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1924
- display: none;
1925
- }
1926
-
1927
- .premium-carousel-wrapper ul.slick-dots svg {
1928
- width: 20px;
1929
- height: 20px;
1930
- outline: none !important;
1931
- }
1932
-
1933
- /* Ripple Out */
1934
- @-webkit-keyframes hvr-ripple-out {
1935
- 0% {
1936
- -webkit-transform: scale(1);
1937
- transform: scale(1);
1938
- opacity: 1;
1939
- }
1940
-
1941
- 100% {
1942
- -webkit-transform: scale(1.5);
1943
- transform: scale(1.5);
1944
- opacity: 0;
1945
- }
1946
- }
1947
-
1948
- @keyframes hvr-ripple-out {
1949
- 0% {
1950
- -webkit-transform: scale(1);
1951
- transform: scale(1);
1952
- opacity: 1;
1953
- }
1954
-
1955
- 100% {
1956
- -webkit-transform: scale(1.5);
1957
- transform: scale(1.5);
1958
- opacity: 0;
1959
- }
1960
- }
1961
-
1962
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1963
- padding-bottom: 1px;
1964
- }
1965
-
1966
- .premium-carousel-ripple-yes ul.slick-dots li,
1967
- .premium-carousel-ripple-yes ul.slick-dots li i {
1968
- position: relative;
1969
- }
1970
-
1971
- .premium-carousel-ripple-yes ul.slick-dots li i {
1972
- z-index: 1;
1973
- }
1974
-
1975
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1976
- content: "";
1977
- position: absolute;
1978
- -webkit-transform: scale(1);
1979
- -ms-transform: scale(1);
1980
- transform: scale(1);
1981
- top: 0;
1982
- left: 0;
1983
- bottom: 0;
1984
- right: 0;
1985
- -webkit-border-radius: 50%;
1986
- border-radius: 50%;
1987
- pointer-events: none;
1988
- background-color: rgba(0, 0, 0, 0.15);
1989
- }
1990
-
1991
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1992
- background-color: rgba(0, 0, 0, 0.3);
1993
- }
1994
-
1995
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1996
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1997
- animation: hvr-ripple-out 1.3s infinite;
1998
- }
1999
-
2000
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2001
- -webkit-transform: scale(1.25, 1.25);
2002
- -ms-transform: scale(1.25, 1.25);
2003
- transform: scale(1.25, 1.25);
2004
- -webkit-transition: all 0.3s ease-in-out !important;
2005
- transition: all 0.3s ease-in-out !important;
2006
- }
2007
-
2008
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2009
- -webkit-transform: scale(1, 1);
2010
- -ms-transform: scale(1, 1);
2011
- transform: scale(1, 1);
2012
- }
2013
-
2014
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2015
- float: right;
2016
- }
2017
-
2018
- /**************** Premium Counter ***************/
2019
- /************************************************/
2020
- .premium-counter-area {
2021
- padding: 10px 0;
2022
- -js-display: flex;
2023
- display: -webkit-box;
2024
- display: -webkit-flex;
2025
- display: -moz-box;
2026
- display: -ms-flexbox;
2027
- display: flex;
2028
- -webkit-box-pack: center;
2029
- -webkit-justify-content: center;
2030
- -moz-box-pack: center;
2031
- -ms-flex-pack: center;
2032
- justify-content: center;
2033
- -webkit-box-align: center;
2034
- -webkit-align-items: center;
2035
- -moz-box-align: center;
2036
- -ms-flex-align: center;
2037
- align-items: center;
2038
- }
2039
-
2040
- .premium-counter-area.top {
2041
- -webkit-box-orient: vertical;
2042
- -webkit-box-direction: normal;
2043
- -webkit-flex-direction: column;
2044
- -moz-box-orient: vertical;
2045
- -moz-box-direction: normal;
2046
- -ms-flex-direction: column;
2047
- flex-direction: column;
2048
- }
2049
-
2050
- .premium-counter-area.right {
2051
- -webkit-box-orient: horizontal;
2052
- -webkit-box-direction: reverse;
2053
- -webkit-flex-direction: row-reverse;
2054
- -moz-box-orient: horizontal;
2055
- -moz-box-direction: reverse;
2056
- -ms-flex-direction: row-reverse;
2057
- flex-direction: row-reverse;
2058
- }
2059
-
2060
- .premium-counter-area.right .premium-counter-icon {
2061
- padding-right: 20px;
2062
- }
2063
-
2064
- .premium-counter-area.left .premium-counter-icon {
2065
- padding-left: 20px;
2066
- }
2067
-
2068
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
2069
- vertical-align: text-top;
2070
- }
2071
-
2072
- .premium-counter-area .premium-counter-icon span.icon {
2073
- text-align: center;
2074
- display: inline-block;
2075
- vertical-align: middle;
2076
- }
2077
-
2078
- .premium-counter-area .premium-counter-icon .circle {
2079
- -webkit-border-radius: 100%;
2080
- border-radius: 100%;
2081
- }
2082
-
2083
- .premium-counter-area .premium-counter-icon img,
2084
- .premium-counter-area .premium-counter-icon svg {
2085
- width: 80px;
2086
- }
2087
-
2088
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2089
- height: 80px;
2090
- }
2091
-
2092
- .premium-counter-area .premium-counter-title p {
2093
- padding: 0;
2094
- margin: 0;
2095
- }
2096
-
2097
- .premium-counter-area .premium-counter-value-wrap {
2098
- -js-display: flex;
2099
- display: -webkit-box;
2100
- display: -webkit-flex;
2101
- display: -moz-box;
2102
- display: -ms-flexbox;
2103
- display: flex;
2104
- -webkit-box-align: center;
2105
- -webkit-align-items: center;
2106
- -moz-box-align: center;
2107
- -ms-flex-align: center;
2108
- align-items: center;
2109
- }
2110
-
2111
- .premium-init-wrapper {
2112
- -js-display: flex;
2113
- display: -webkit-box;
2114
- display: -webkit-flex;
2115
- display: -moz-box;
2116
- display: -ms-flexbox;
2117
- display: flex;
2118
- }
2119
-
2120
- .premium-init-wrapper.row {
2121
- -webkit-box-align: center;
2122
- -webkit-align-items: center;
2123
- -moz-box-align: center;
2124
- -ms-flex-align: center;
2125
- align-items: center;
2126
- }
2127
-
2128
- .premium-init-wrapper.right {
2129
- text-align: right;
2130
- }
2131
-
2132
- span.icon.flex-width {
2133
- width: auto !important;
2134
- height: auto !important;
2135
- }
2136
-
2137
- .premium-counter-area .premium-counter-init {
2138
- font-size: 35px;
2139
- }
2140
-
2141
- /**************** Premium Image Separator ****************/
2142
- /*********************************************************/
2143
- /*Image Separator Container Style*/
2144
- .premium-image-separator-container {
2145
- position: absolute;
2146
- width: 100%;
2147
- z-index: 2;
2148
- top: auto;
2149
- }
2150
-
2151
- .premium-image-separator-container img {
2152
- display: inline-block !important;
2153
- -webkit-mask-repeat: no-repeat;
2154
- mask-repeat: no-repeat;
2155
- -webkit-mask-position: center;
2156
- mask-position: center;
2157
- }
2158
-
2159
- /*Link on Image Style*/
2160
- .premium-image-separator-link {
2161
- position: absolute;
2162
- z-index: 9999;
2163
- top: 0;
2164
- right: 0;
2165
- width: 100%;
2166
- height: 100%;
2167
- text-decoration: none;
2168
- }
2169
-
2170
- /*Important to override Theme options*/
2171
- a.premium-image-separator-link:hover,
2172
- a.premium-image-separator-link:visited,
2173
- a.premium-image-separator-link:focus,
2174
- a.premium-image-separator-link:active {
2175
- -webkit-box-shadow: none !important;
2176
- box-shadow: none !important;
2177
- outline: none !important;
2178
- border: none !important;
2179
- text-decoration: none !important;
2180
- }
2181
-
2182
- .premium-image-separator-container .img-responsive {
2183
- display: inline-block;
2184
- }
2185
-
2186
- .premium-image-separator-container i,
2187
- .premium-image-separator-container>svg {
2188
- padding: 20px;
2189
- -webkit-transition: all 0.3s ease-in-out;
2190
- transition: all 0.3s ease-in-out;
2191
- }
2192
-
2193
- /**************** Premium Modal Box ****************/
2194
- /***************************************************/
2195
- .premium-modal-trigger-btn,
2196
- .premium-modal-box-modal-lower-close {
2197
- display: inline-block;
2198
- padding: 6px 12px;
2199
- margin-bottom: 0;
2200
- font-size: 14px;
2201
- font-weight: normal;
2202
- line-height: 1.42857143;
2203
- text-align: center;
2204
- white-space: nowrap;
2205
- vertical-align: middle;
2206
- -ms-touch-action: manipulation;
2207
- touch-action: manipulation;
2208
- cursor: pointer;
2209
- -webkit-user-select: none;
2210
- -moz-user-select: none;
2211
- -ms-user-select: none;
2212
- user-select: none;
2213
- background-image: none;
2214
- border: 1px solid transparent;
2215
- }
2216
-
2217
- .premium-modal-trigger-btn>svg,
2218
- .premium-modal-trigger-btn .premium-modal-box-icon {
2219
- -webkit-transition: all 0.3s ease-in-out;
2220
- transition: all 0.3s ease-in-out;
2221
- }
2222
-
2223
- .premium-modal-trigger-btn>svg {
2224
- width: 30px;
2225
- height: 30px;
2226
- }
2227
-
2228
- .premium-modal-box-modal-close {
2229
- float: left;
2230
- font-size: 21px;
2231
- font-weight: bold;
2232
- line-height: 1;
2233
- color: #000;
2234
- }
2235
-
2236
- .premium-modal-box-modal-close:hover,
2237
- .premium-modal-box-modal-close:focus {
2238
- color: #000;
2239
- text-decoration: none;
2240
- cursor: pointer;
2241
- }
2242
-
2243
- button.premium-modal-box-modal-close {
2244
- -webkit-appearance: none;
2245
- padding: 0;
2246
- cursor: pointer;
2247
- background: transparent;
2248
- border: 0;
2249
- }
2250
-
2251
- .premium-modal-box-modal {
2252
- position: fixed;
2253
- top: 0;
2254
- left: 0;
2255
- bottom: 0;
2256
- right: 0;
2257
- z-index: 1050;
2258
- display: none;
2259
- -webkit-overflow-scrolling: touch;
2260
- outline: 0;
2261
- padding: 0 !important;
2262
- background: rgba(0, 0, 0, 0.5);
2263
- -webkit-box-align: center;
2264
- -webkit-align-items: center;
2265
- -moz-box-align: center;
2266
- -ms-flex-align: center;
2267
- align-items: center;
2268
- -webkit-box-pack: center;
2269
- -webkit-justify-content: center;
2270
- -moz-box-pack: center;
2271
- -ms-flex-pack: center;
2272
- justify-content: center;
2273
- }
2274
-
2275
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2276
- position: absolute;
2277
- max-height: -webkit-calc(100vh - 150px);
2278
- max-height: calc(100vh - 150px);
2279
- -js-display: flex;
2280
- display: -webkit-box;
2281
- display: -webkit-flex;
2282
- display: -moz-box;
2283
- display: -ms-flexbox;
2284
- display: flex;
2285
- -webkit-box-orient: vertical;
2286
- -webkit-box-direction: normal;
2287
- -webkit-flex-direction: column;
2288
- -moz-box-orient: vertical;
2289
- -moz-box-direction: normal;
2290
- -ms-flex-direction: column;
2291
- flex-direction: column;
2292
- opacity: 0;
2293
- }
2294
-
2295
- .premium-modal-box-modal-content {
2296
- background-color: #fff;
2297
- -webkit-background-clip: padding-box;
2298
- background-clip: padding-box;
2299
- border: 1px solid rgba(0, 0, 0, 0.2);
2300
- -webkit-border-radius: 6px;
2301
- border-radius: 6px;
2302
- outline: 0;
2303
- overflow-x: hidden;
2304
- }
2305
-
2306
- .premium-modal-backdrop.premium-in {
2307
- filter: alpha(opacity=50);
2308
- opacity: 0.5 !important;
2309
- }
2310
-
2311
- .premium-modal-fade.premium-in {
2312
- opacity: 1;
2313
- }
2314
-
2315
- .premium-modal-backdrop {
2316
- position: fixed;
2317
- top: 0;
2318
- left: 0;
2319
- bottom: 0;
2320
- right: 0;
2321
- z-index: 1040;
2322
- background-color: #000;
2323
- }
2324
-
2325
- .premium-modal-backdrop.premium-modal-fade {
2326
- filter: alpha(opacity=0);
2327
- opacity: 0;
2328
- }
2329
-
2330
- .premium-modal-fade {
2331
- opacity: 0;
2332
- }
2333
-
2334
- .premium-in {
2335
- -js-display: flex !important;
2336
- display: -webkit-box !important;
2337
- display: -webkit-flex !important;
2338
- display: -moz-box !important;
2339
- display: -ms-flexbox !important;
2340
- display: flex !important;
2341
- }
2342
-
2343
- .premium-modal-box-modal-header {
2344
- -js-display: flex;
2345
- display: -webkit-box;
2346
- display: -webkit-flex;
2347
- display: -moz-box;
2348
- display: -ms-flexbox;
2349
- display: flex;
2350
- -webkit-box-pack: justify;
2351
- -webkit-justify-content: space-between;
2352
- -moz-box-pack: justify;
2353
- -ms-flex-pack: justify;
2354
- justify-content: space-between;
2355
- -webkit-box-align: center;
2356
- -webkit-align-items: center;
2357
- -moz-box-align: center;
2358
- -ms-flex-align: center;
2359
- align-items: center;
2360
- padding: 5px 15px;
2361
- border-bottom: 1px solid #e5e5e5;
2362
- }
2363
-
2364
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2365
- margin-top: -2px;
2366
- }
2367
-
2368
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2369
- -js-display: flex;
2370
- display: -webkit-box;
2371
- display: -webkit-flex;
2372
- display: -moz-box;
2373
- display: -ms-flexbox;
2374
- display: flex;
2375
- -webkit-box-align: center;
2376
- -webkit-align-items: center;
2377
- -moz-box-align: center;
2378
- -ms-flex-align: center;
2379
- align-items: center;
2380
- margin: 0;
2381
- padding: 0;
2382
- }
2383
-
2384
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2385
- width: 50px;
2386
- height: 60px;
2387
- }
2388
-
2389
- .premium-modal-box-modal-body {
2390
- position: relative;
2391
- padding: 15px;
2392
- overflow: hidden;
2393
- }
2394
-
2395
- .premium-modal-box-modal-footer {
2396
- padding: 15px;
2397
- text-align: left;
2398
- border-top: 1px solid #e5e5e5;
2399
- }
2400
-
2401
- .premium-modal-scrollbar-measure {
2402
- position: absolute;
2403
- top: -9999px;
2404
- width: 50px;
2405
- height: 50px;
2406
- overflow: scroll;
2407
- }
2408
-
2409
- .premium-modal-trigger-text {
2410
- background: none !important;
2411
- display: inline-block;
2412
- }
2413
-
2414
- .premium-modal-box-container {
2415
- width: 100% !important;
2416
- }
2417
-
2418
- /*Open Modal Button Style*/
2419
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2420
- -js-display: inline-flex;
2421
- display: -webkit-inline-box;
2422
- display: -webkit-inline-flex;
2423
- display: -moz-inline-box;
2424
- display: -ms-inline-flexbox;
2425
- display: inline-flex;
2426
- -webkit-box-align: center;
2427
- -webkit-align-items: center;
2428
- -moz-box-align: center;
2429
- -ms-flex-align: center;
2430
- align-items: center;
2431
- border: none;
2432
- -webkit-transition: all 0.3s ease-in-out;
2433
- transition: all 0.3s ease-in-out;
2434
- }
2435
-
2436
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2437
- -webkit-box-pack: center;
2438
- -webkit-justify-content: center;
2439
- -moz-box-pack: center;
2440
- -ms-flex-pack: center;
2441
- justify-content: center;
2442
- }
2443
-
2444
- .premium-modal-trigger-container .premium-modal-trigger-img,
2445
- .premium-modal-trigger-container .premium-modal-trigger-text,
2446
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2447
- cursor: pointer;
2448
- }
2449
-
2450
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2451
- display: inline-block;
2452
- width: 200px;
2453
- height: 200px;
2454
- -webkit-transition: all 0.3s ease-in-out;
2455
- transition: all 0.3s ease-in-out;
2456
- }
2457
-
2458
- /*Image on Modal Header Style*/
2459
- .premium-modal-box-modal-header img {
2460
- width: 48px;
2461
- padding-left: 5px;
2462
- }
2463
-
2464
- .premium-modal-box-modal-header i,
2465
- .premium-modal-box-modal-header svg {
2466
- padding-left: 6px;
2467
- }
2468
-
2469
- .premium-modal-box-modal-close {
2470
- position: relative;
2471
- z-index: 99;
2472
- }
2473
-
2474
- .premium-modal-trigger-img,
2475
- .premium-modal-trigger-text,
2476
- .premium-modal-box-close-button-container,
2477
- .premium-modal-box-modal-close,
2478
- .premium-modal-box-modal-lower-close {
2479
- -webkit-transition: all 0.3s ease-in-out;
2480
- transition: all 0.3s ease-in-out;
2481
- }
2482
-
2483
- @media (min-width: 768px) {
2484
- .premium-modal-box-modal-dialog {
2485
- width: 700px;
2486
- max-height: 600px;
2487
- overflow: auto;
2488
- }
2489
- }
2490
-
2491
- @media (max-width: 767px) {
2492
- .premium-modal-box-modal-dialog {
2493
- width: 100%;
2494
- max-height: 500px;
2495
- overflow: auto;
2496
- }
2497
- }
2498
-
2499
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2500
- opacity: 0;
2501
- }
2502
-
2503
- /**************** Premium Progress Bar ****************/
2504
- /******************************************************/
2505
- .premium-progressbar-container {
2506
- position: relative;
2507
- }
2508
-
2509
- .premium-progressbar-bar-wrap {
2510
- position: relative;
2511
- text-align: right;
2512
- overflow: hidden;
2513
- height: 25px;
2514
- margin-bottom: 50px;
2515
- background-color: #f5f5f5;
2516
- -webkit-border-radius: 4px;
2517
- border-radius: 4px;
2518
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2519
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2520
- }
2521
-
2522
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2523
- background-color: transparent;
2524
- width: 100%;
2525
- -js-display: flex;
2526
- display: -webkit-box;
2527
- display: -webkit-flex;
2528
- display: -moz-box;
2529
- display: -ms-flexbox;
2530
- display: flex;
2531
- height: auto;
2532
- -webkit-box-shadow: none;
2533
- box-shadow: none;
2534
- }
2535
-
2536
- .premium-progressbar-bar-wrap .progress-segment {
2537
- position: relative;
2538
- width: 25px;
2539
- height: 25px;
2540
- -webkit-border-radius: 50%;
2541
- border-radius: 50%;
2542
- overflow: hidden;
2543
- background-color: #f5f5f5;
2544
- }
2545
-
2546
- .premium-progressbar-bar-wrap .progress-segment.filled {
2547
- background: #6ec1e4;
2548
- }
2549
-
2550
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2551
- margin: 0 4px;
2552
- }
2553
-
2554
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2555
- margin-left: 4px;
2556
- }
2557
-
2558
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2559
- margin-right: 4px;
2560
- }
2561
-
2562
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2563
- position: absolute;
2564
- top: 0;
2565
- right: 0;
2566
- height: 100%;
2567
- background-color: #6ec1e4;
2568
- }
2569
-
2570
- .premium-progressbar-bar {
2571
- float: right;
2572
- width: 0%;
2573
- height: 100%;
2574
- font-size: 12px;
2575
- line-height: 20px;
2576
- background: #6ec1e4;
2577
- text-align: center;
2578
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2579
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2580
- }
2581
-
2582
- .premium-progressbar-striped .premium-progressbar-bar {
2583
- background-image: -webkit-linear-gradient(-135deg,
2584
- rgba(255, 255, 255, 0.15) 25%,
2585
- transparent 25%,
2586
- transparent 50%,
2587
- rgba(255, 255, 255, 0.15) 50%,
2588
- rgba(255, 255, 255, 0.15) 75%,
2589
- transparent 75%,
2590
- transparent);
2591
- background-image: -webkit-linear-gradient(45deg,
2592
- rgba(255, 255, 255, 0.15) 25%,
2593
- transparent 25%,
2594
- transparent 50%,
2595
- rgba(255, 255, 255, 0.15) 50%,
2596
- rgba(255, 255, 255, 0.15) 75%,
2597
- transparent 75%,
2598
- transparent);
2599
- background-image: linear-gradient(45deg,
2600
- rgba(255, 255, 255, 0.15) 25%,
2601
- transparent 25%,
2602
- transparent 50%,
2603
- rgba(255, 255, 255, 0.15) 50%,
2604
- rgba(255, 255, 255, 0.15) 75%,
2605
- transparent 75%,
2606
- transparent);
2607
- -webkit-background-size: 40px 40px;
2608
- background-size: 40px 40px;
2609
- }
2610
-
2611
- .premium-progressbar-active .premium-progressbar-bar {
2612
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2613
- animation: progress-bar-stripes 2s linear infinite;
2614
- }
2615
-
2616
- .premium-progressbar-gradient .premium-progressbar-bar {
2617
- -webkit-background-size: 400% 400% !important;
2618
- background-size: 400% 400% !important;
2619
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2620
- animation: progress-bar-gradient 10s ease-in-out infinite;
2621
- }
2622
-
2623
- .premium-progressbar-bar {
2624
- position: absolute;
2625
- overflow: hidden;
2626
- line-height: 20px;
2627
- }
2628
-
2629
- .premium-progressbar-container .clearfix {
2630
- clear: both;
2631
- }
2632
-
2633
- .premium-progressbar-bar {
2634
- -webkit-transition: width 0s ease-in-out !important;
2635
- transition: width 0s ease-in-out !important;
2636
- }
2637
-
2638
- .premium-progressbar-container p:first-of-type {
2639
- margin: 0;
2640
- float: right;
2641
- }
2642
-
2643
- .premium-progressbar-container p:nth-of-type(2) {
2644
- margin: 0;
2645
- float: left;
2646
- }
2647
-
2648
- .premium-progressbar-name {
2649
- right: 50%;
2650
- top: 0;
2651
- left: 0;
2652
- -webkit-transform: translateX(12.5px);
2653
- -ms-transform: translateX(12.5px);
2654
- transform: translateX(12.5px);
2655
- z-index: 1;
2656
- }
2657
-
2658
- .premium-progressbar-multiple-label {
2659
- position: relative;
2660
- float: right;
2661
- width: 0;
2662
- right: 50%;
2663
- }
2664
-
2665
- .premium-progressbar-center-label {
2666
- position: relative;
2667
- white-space: nowrap;
2668
- }
2669
-
2670
- .premium-progressbar-arrow {
2671
- height: 15px;
2672
- right: 50%;
2673
- display: inline-block;
2674
- border-right: 7px solid transparent;
2675
- border-left: 7px solid transparent;
2676
- border-top: 11px solid;
2677
- -webkit-transform: translateX(50%);
2678
- -ms-transform: translateX(50%);
2679
- transform: translateX(50%);
2680
- }
2681
-
2682
- .premium-progressbar-pin {
2683
- border-right: 1px solid;
2684
- height: 12px;
2685
- right: 50%;
2686
- display: inline-block;
2687
- }
2688
-
2689
- /**
2690
- * Circle Progress Bar
2691
- */
2692
- .premium-progressbar-circle-wrap {
2693
- width: 200px;
2694
- height: 200px;
2695
- position: relative;
2696
- margin: 0 auto;
2697
- }
2698
-
2699
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2700
- position: absolute;
2701
- top: 0;
2702
- right: 0;
2703
- width: 100%;
2704
- height: 100%;
2705
- -webkit-clip-path: inset(0 0 0 50%);
2706
- clip-path: inset(0 0 0 50%);
2707
- }
2708
-
2709
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2710
- position: absolute;
2711
- right: 0;
2712
- top: 0;
2713
- height: 100%;
2714
- width: 100%;
2715
- border-width: 6px;
2716
- border-style: solid;
2717
- border-color: #54595f;
2718
- -webkit-border-radius: 50%;
2719
- border-radius: 50%;
2720
- -webkit-clip-path: inset(0 50% 0 0);
2721
- clip-path: inset(0 50% 0 0);
2722
- }
2723
-
2724
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2725
- -webkit-transform: rotate(0);
2726
- -ms-transform: rotate(0);
2727
- transform: rotate(0);
2728
- }
2729
-
2730
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2731
- -webkit-transform: rotate(-180deg);
2732
- -ms-transform: rotate(-180deg);
2733
- transform: rotate(-180deg);
2734
- visibility: hidden;
2735
- }
2736
-
2737
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2738
- width: 100%;
2739
- height: 100%;
2740
- border: 6px solid #eee;
2741
- -webkit-border-radius: 50%;
2742
- border-radius: 50%;
2743
- }
2744
-
2745
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2746
- position: absolute;
2747
- top: 0;
2748
- right: 0;
2749
- width: 100%;
2750
- height: 100%;
2751
- -js-display: flex;
2752
- display: -webkit-box;
2753
- display: -webkit-flex;
2754
- display: -moz-box;
2755
- display: -ms-flexbox;
2756
- display: flex;
2757
- -webkit-box-orient: vertical;
2758
- -webkit-box-direction: normal;
2759
- -webkit-flex-direction: column;
2760
- -moz-box-orient: vertical;
2761
- -moz-box-direction: normal;
2762
- -ms-flex-direction: column;
2763
- flex-direction: column;
2764
- -webkit-box-pack: center;
2765
- -webkit-justify-content: center;
2766
- -moz-box-pack: center;
2767
- -ms-flex-pack: center;
2768
- justify-content: center;
2769
- -webkit-box-align: center;
2770
- -webkit-align-items: center;
2771
- -moz-box-align: center;
2772
- -ms-flex-align: center;
2773
- align-items: center;
2774
- }
2775
-
2776
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2777
- line-height: 1;
2778
- }
2779
-
2780
- @-webkit-keyframes progress-bar-stripes {
2781
- from {
2782
- background-position: 100% 0;
2783
- }
2784
-
2785
- to {
2786
- background-position: 40px 0;
2787
- }
2788
- }
2789
-
2790
- @keyframes progress-bar-stripes {
2791
- from {
2792
- background-position: 100% 0;
2793
- }
2794
-
2795
- to {
2796
- background-position: 40px 0;
2797
- }
2798
- }
2799
-
2800
- @-webkit-keyframes progress-bar-gradient {
2801
- 0% {
2802
- background-position: 100% 50%;
2803
- }
2804
-
2805
- 50% {
2806
- background-position: 0% 50%;
2807
- }
2808
-
2809
- 100% {
2810
- background-position: 100% 50%;
2811
- }
2812
- }
2813
-
2814
- @keyframes progress-bar-gradient {
2815
- 0% {
2816
- background-position: 100% 50%;
2817
- }
2818
-
2819
- 50% {
2820
- background-position: 0% 50%;
2821
- }
2822
-
2823
- 100% {
2824
- background-position: 100% 50%;
2825
- }
2826
- }
2827
-
2828
- /**************** Premium Testimonials ****************/
2829
- /******************************************************/
2830
- .premium-testimonial-box {
2831
- width: 100%;
2832
- background: transparent;
2833
- -webkit-transition: all 0.3s ease-in-out;
2834
- transition: all 0.3s ease-in-out;
2835
- }
2836
-
2837
- .premium-testimonial-box .premium-testimonial-author-info {
2838
- -js-display: flex;
2839
- display: -webkit-box;
2840
- display: -webkit-flex;
2841
- display: -moz-box;
2842
- display: -ms-flexbox;
2843
- display: flex;
2844
- -webkit-box-pack: center;
2845
- -webkit-justify-content: center;
2846
- -moz-box-pack: center;
2847
- -ms-flex-pack: center;
2848
- justify-content: center;
2849
- -webkit-box-align: center;
2850
- -webkit-align-items: center;
2851
- -moz-box-align: center;
2852
- -ms-flex-align: center;
2853
- align-items: center;
2854
- }
2855
-
2856
- .premium-testimonial-box .premium-testimonial-person-name,
2857
- .premium-testimonial-box .premium-testimonial-company-name {
2858
- font-weight: 600;
2859
- margin: 0;
2860
- }
2861
-
2862
- .premium-testimonial-container {
2863
- position: relative;
2864
- }
2865
-
2866
- .premium-testimonial-img-wrapper {
2867
- margin-right: auto;
2868
- margin-left: auto;
2869
- overflow: hidden;
2870
- border-style: solid !important;
2871
- }
2872
-
2873
- .premium-testimonial-img-wrapper.circle {
2874
- -webkit-border-radius: 50%;
2875
- border-radius: 50%;
2876
- }
2877
-
2878
- .premium-testimonial-img-wrapper.rounded {
2879
- -webkit-border-radius: 15px;
2880
- border-radius: 15px;
2881
- }
2882
-
2883
- .premium-testimonial-img-wrapper img {
2884
- -o-object-fit: cover;
2885
- object-fit: cover;
2886
- width: 100%;
2887
- height: 100% !important;
2888
- }
2889
-
2890
- .premium-testimonial-content-wrapper {
2891
- position: relative;
2892
- display: -ms-flexbox;
2893
- display: -webkit-flex;
2894
- display: -moz-flex;
2895
- display: -ms-flex;
2896
- -js-display: flex;
2897
- display: -webkit-box;
2898
- display: -moz-box;
2899
- display: flex;
2900
- -webkit-box-orient: vertical;
2901
- -webkit-box-direction: normal;
2902
- -webkit-flex-direction: column;
2903
- -moz-box-orient: vertical;
2904
- -moz-box-direction: normal;
2905
- -ms-flex-direction: column;
2906
- flex-direction: column;
2907
- z-index: 2;
2908
- width: 100%;
2909
- padding: 20px;
2910
- text-align: center;
2911
- }
2912
-
2913
- .premium-testimonial-clear-float {
2914
- clear: both;
2915
- }
2916
-
2917
- .premium-testimonial-upper-quote,
2918
- .premium-testimonial-lower-quote {
2919
- position: absolute;
2920
- z-index: 1;
2921
- }
2922
-
2923
- /**************** Premium Dual Heading *****************/
2924
- /*******************************************************/
2925
- .premium-dual-header-container .premium-dual-header-first-header,
2926
- .premium-dual-header-container .premium-dual-header-second-header {
2927
- position: relative;
2928
- padding: 0;
2929
- margin: 0;
2930
- display: inline-block;
2931
- -webkit-transform: translate(0, 0);
2932
- -ms-transform: translate(0, 0);
2933
- transform: translate(0, 0);
2934
- }
2935
-
2936
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2937
- .premium-dual-header-second-clip {
2938
- -webkit-text-fill-color: transparent;
2939
- -webkit-background-clip: text;
2940
- }
2941
-
2942
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2943
- .premium-dual-header-second-clip.stroke {
2944
- -webkit-text-stroke-color: transparent;
2945
- -webkit-text-fill-color: #fafafa;
2946
- -webkit-text-stroke-width: 2px;
2947
- }
2948
-
2949
- @media (max-width: 500px) {
2950
-
2951
- .premium-dual-header-container .premium-dual-header-first-header,
2952
- .premium-dual-header-container .premium-dual-header-second-header {
2953
- word-wrap: break-word;
2954
- }
2955
-
2956
- .premium-dual-header-first-container,
2957
- .premium-dual-header-second-container {
2958
- margin: 0;
2959
- }
2960
- }
2961
-
2962
- @media (min-width: 501px) {
2963
- .premium-dual-header-first-container {
2964
- margin-left: 5px;
2965
- }
2966
- }
2967
-
2968
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2969
- .premium-dual-header-second-header.gradient {
2970
- -webkit-background-size: 300% 300% !important;
2971
- background-size: 300% 300% !important;
2972
- -webkit-animation: Gradient 10s ease-in-out infinite;
2973
- animation: Gradient 10s ease-in-out infinite;
2974
- }
2975
-
2976
- @-webkit-keyframes Gradient {
2977
- 0% {
2978
- background-position: 100% 50%;
2979
- }
2980
-
2981
- 50% {
2982
- background-position: 0% 50%;
2983
- }
2984
-
2985
- 100% {
2986
- background-position: 100% 50%;
2987
- }
2988
- }
2989
-
2990
- @keyframes Gradient {
2991
- 0% {
2992
- background-position: 100% 50%;
2993
- }
2994
-
2995
- 50% {
2996
- background-position: 0% 50%;
2997
- }
2998
-
2999
- 100% {
3000
- background-position: 100% 50%;
3001
- }
3002
- }
3003
-
3004
- /**************** Premium Title ****************/
3005
- /***********************************************/
3006
- .premium-title-container {
3007
- position: relative;
3008
- width: 100%;
3009
- clear: both;
3010
- overflow: hidden;
3011
- }
3012
-
3013
- .premium-title-container .premium-title-header {
3014
- position: relative;
3015
- margin: 0;
3016
- padding: 10px;
3017
- }
3018
-
3019
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
3020
- -webkit-box-align: center;
3021
- -webkit-align-items: center;
3022
- -moz-box-align: center;
3023
- -ms-flex-align: center;
3024
- align-items: center;
3025
- }
3026
-
3027
- .premium-title-container .premium-title-header svg {
3028
- width: 40px;
3029
- height: 40px;
3030
- }
3031
-
3032
- .premium-title-container .premium-title-header img {
3033
- width: 40px;
3034
- height: 40px;
3035
- -o-object-fit: cover;
3036
- object-fit: cover;
3037
- }
3038
-
3039
- .premium-title-container .premium-title-header a {
3040
- position: absolute;
3041
- top: 0;
3042
- right: 0;
3043
- width: 100%;
3044
- height: 100%;
3045
- }
3046
-
3047
- .premium-title-container .premium-lottie-animation {
3048
- -js-display: flex;
3049
- display: -webkit-box;
3050
- display: -webkit-flex;
3051
- display: -moz-box;
3052
- display: -ms-flexbox;
3053
- display: flex;
3054
- }
3055
-
3056
- .premium-title-icon-row .premium-title-icon {
3057
- margin-left: 10px;
3058
- }
3059
-
3060
- .premium-title-icon-row-reverse .premium-title-icon {
3061
- margin-right: 10px;
3062
- }
3063
-
3064
- .premium-title-style3,
3065
- .premium-title-style4 {
3066
- -js-display: flex;
3067
- display: -webkit-box;
3068
- display: -webkit-flex;
3069
- display: -moz-box;
3070
- display: -ms-flexbox;
3071
- display: flex;
3072
- }
3073
-
3074
- .premium-title-style1,
3075
- .premium-title-style2,
3076
- .premium-title-style5,
3077
- .premium-title-style6,
3078
- .premium-title-style8,
3079
- .premium-title-style9 {
3080
- -js-display: inline-flex;
3081
- display: -webkit-inline-box;
3082
- display: -webkit-inline-flex;
3083
- display: -moz-inline-box;
3084
- display: -ms-inline-flexbox;
3085
- display: inline-flex;
3086
- }
3087
-
3088
- .premium-title-style7 {
3089
- -js-display: inline-flex;
3090
- display: -webkit-inline-box;
3091
- display: -webkit-inline-flex;
3092
- display: -moz-inline-box;
3093
- display: -ms-inline-flexbox;
3094
- display: inline-flex;
3095
- -webkit-box-orient: vertical;
3096
- -webkit-box-direction: normal;
3097
- -webkit-flex-direction: column;
3098
- -moz-box-orient: vertical;
3099
- -moz-box-direction: normal;
3100
- -ms-flex-direction: column;
3101
- flex-direction: column;
3102
- }
3103
-
3104
- .premium-title-style7 .premium-title-style7-inner {
3105
- -js-display: flex;
3106
- display: -webkit-box;
3107
- display: -webkit-flex;
3108
- display: -moz-box;
3109
- display: -ms-flexbox;
3110
- display: flex;
3111
- -webkit-box-align: center;
3112
- -webkit-align-items: center;
3113
- -moz-box-align: center;
3114
- -ms-flex-align: center;
3115
- align-items: center;
3116
- }
3117
-
3118
- .premium-title-style1 {
3119
- border-width: 0;
3120
- border-right: 3px solid #6ec1e4;
3121
- }
3122
-
3123
- .premium-title-container.style2,
3124
- .premium-title-container.style4,
3125
- .premium-title-container.style5,
3126
- .premium-title-container.style6 {
3127
- border-bottom: 3px solid #6ec1e4;
3128
- }
3129
-
3130
- /*Style 6 Header*/
3131
- .premium-title-style6:before {
3132
- position: absolute;
3133
- right: 50%;
3134
- bottom: 0;
3135
- margin-right: -2px;
3136
- content: "";
3137
- border: 3px solid transparent;
3138
- }
3139
-
3140
- /*Style 6 Trinagle*/
3141
- .premium-title-style7-stripe-wrap {
3142
- -js-display: flex;
3143
- display: -webkit-box;
3144
- display: -webkit-flex;
3145
- display: -moz-box;
3146
- display: -ms-flexbox;
3147
- display: flex;
3148
- }
3149
-
3150
- .premium-title-style7:before {
3151
- display: none;
3152
- }
3153
-
3154
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3155
- -webkit-background-size: 125px 125px !important;
3156
- background-size: 125px !important;
3157
- color: rgba(255, 255, 255, 0);
3158
- -webkit-background-clip: text !important;
3159
- background-clip: text !important;
3160
- -webkit-animation-name: pa-shinny-text !important;
3161
- animation-name: pa-shinny-text !important;
3162
- -webkit-animation-duration: var(--animation-speed) !important;
3163
- animation-duration: var(--animation-speed) !important;
3164
- -webkit-animation-iteration-count: infinite !important;
3165
- animation-iteration-count: infinite !important;
3166
- background: var(--base-color) -webkit-gradient(linear,
3167
- left top,
3168
- right top,
3169
- from(var(--base-color)),
3170
- to(var(--base-color)),
3171
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3172
- }
3173
-
3174
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3175
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
3176
- animation: pa-blur-shadow 2s 1 alternate;
3177
- }
3178
-
3179
- .premium-title-gradient-yes .premium-title-text,
3180
- .premium-title-gradient-yes .premium-title-icon {
3181
- -webkit-background-clip: text;
3182
- -webkit-text-fill-color: transparent;
3183
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3184
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3185
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3186
- -webkit-animation: pa-text-gradient 8s infinite;
3187
- animation: pa-text-gradient 8s infinite;
3188
- }
3189
-
3190
- .premium-title-clipped .premium-title-header {
3191
- -webkit-text-fill-color: transparent;
3192
- -webkit-background-clip: text;
3193
- background-clip: text;
3194
- }
3195
-
3196
- @-webkit-keyframes pa-shinny-text {
3197
- 0% {
3198
- background-position: 100%;
3199
- }
3200
-
3201
- 100% {
3202
- background-position: -100%;
3203
- }
3204
- }
3205
-
3206
- @keyframes pa-shinny-text {
3207
- 0% {
3208
- background-position: 100%;
3209
- }
3210
-
3211
- 100% {
3212
- background-position: -100%;
3213
- }
3214
- }
3215
-
3216
- @-webkit-keyframes pa-blur-shadow {
3217
- from {
3218
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3219
- color: transparent;
3220
- }
3221
-
3222
- to {
3223
- text-shadow: 0;
3224
- }
3225
- }
3226
-
3227
- @keyframes pa-blur-shadow {
3228
- from {
3229
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3230
- color: transparent;
3231
- }
3232
-
3233
- to {
3234
- text-shadow: 0;
3235
- }
3236
- }
3237
-
3238
- @-webkit-keyframes pa-text-gradient {
3239
-
3240
- 0%,
3241
- 100% {
3242
- -webkit-filter: hue-rotate(0deg);
3243
- filter: hue-rotate(0deg);
3244
- }
3245
-
3246
- 50% {
3247
- -webkit-filter: hue-rotate(360deg);
3248
- filter: hue-rotate(360deg);
3249
- }
3250
- }
3251
-
3252
- @keyframes pa-text-gradient {
3253
-
3254
- 0%,
3255
- 100% {
3256
- -webkit-filter: hue-rotate(0deg);
3257
- filter: hue-rotate(0deg);
3258
- }
3259
-
3260
- 50% {
3261
- -webkit-filter: hue-rotate(360deg);
3262
- filter: hue-rotate(360deg);
3263
- }
3264
- }
3265
-
3266
- /*
3267
- * Common Title/Dual Heading
3268
- */
3269
- .premium-title-bg-text:before {
3270
- position: absolute;
3271
- content: attr(data-background);
3272
- top: 0;
3273
- left: 0;
3274
- text-align: left;
3275
- }
3276
-
3277
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3278
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3279
- background: inherit;
3280
- }
3281
-
3282
- .premium-mask-yes .premium-mask-span {
3283
- position: relative;
3284
- overflow: hidden;
3285
- -js-display: inline-flex !important;
3286
- display: -webkit-inline-box !important;
3287
- display: -webkit-inline-flex !important;
3288
- display: -moz-inline-box !important;
3289
- display: -ms-inline-flexbox !important;
3290
- display: inline-flex !important;
3291
- }
3292
-
3293
- .premium-mask-yes .premium-mask-span::after {
3294
- content: "";
3295
- position: absolute;
3296
- top: 0;
3297
- right: 0px;
3298
- width: 100%;
3299
- height: 100%;
3300
- background-color: currentColor;
3301
- -webkit-backface-visibility: visible;
3302
- backface-visibility: visible;
3303
- }
3304
-
3305
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3306
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3307
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3308
- -webkit-transform: translateX(-103%);
3309
- -ms-transform: translateX(-103%);
3310
- transform: translateX(-103%);
3311
- }
3312
-
3313
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3314
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3315
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3316
- -webkit-transform: translateX(103%);
3317
- -ms-transform: translateX(103%);
3318
- transform: translateX(103%);
3319
- }
3320
-
3321
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3322
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3323
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3324
- -webkit-transform: translateY(-103%);
3325
- -ms-transform: translateY(-103%);
3326
- transform: translateY(-103%);
3327
- }
3328
-
3329
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3330
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3331
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3332
- -webkit-transform: translateY(103%);
3333
- -ms-transform: translateY(103%);
3334
- transform: translateY(103%);
3335
- }
3336
-
3337
- @-webkit-keyframes pa-mask-tr {
3338
- 0% {
3339
- -webkit-transform: translateX(0%);
3340
- transform: translateX(0%);
3341
- }
3342
-
3343
- 100% {
3344
- -webkit-transform: translateX(103%);
3345
- transform: translateX(103%);
3346
- }
3347
- }
3348
-
3349
- @keyframes pa-mask-tr {
3350
- 0% {
3351
- -webkit-transform: translateX(0%);
3352
- transform: translateX(0%);
3353
- }
3354
-
3355
- 100% {
3356
- -webkit-transform: translateX(103%);
3357
- transform: translateX(103%);
3358
- }
3359
- }
3360
-
3361
- @-webkit-keyframes pa-mask-tl {
3362
- 0% {
3363
- -webkit-transform: translateX(0%);
3364
- transform: translateX(0%);
3365
- }
3366
-
3367
- 100% {
3368
- -webkit-transform: translateX(-103%);
3369
- transform: translateX(-103%);
3370
- }
3371
- }
3372
-
3373
- @keyframes pa-mask-tl {
3374
- 0% {
3375
- -webkit-transform: translateX(0%);
3376
- transform: translateX(0%);
3377
- }
3378
-
3379
- 100% {
3380
- -webkit-transform: translateX(-103%);
3381
- transform: translateX(-103%);
3382
- }
3383
- }
3384
-
3385
- @-webkit-keyframes pa-mask-tb {
3386
- 0% {
3387
- -webkit-transform: translateY(0%);
3388
- transform: translateY(0%);
3389
- }
3390
-
3391
- 100% {
3392
- -webkit-transform: translateY(103%);
3393
- transform: translateY(103%);
3394
- }
3395
- }
3396
-
3397
- @keyframes pa-mask-tb {
3398
- 0% {
3399
- -webkit-transform: translateY(0%);
3400
- transform: translateY(0%);
3401
- }
3402
-
3403
- 100% {
3404
- -webkit-transform: translateY(103%);
3405
- transform: translateY(103%);
3406
- }
3407
- }
3408
-
3409
- @-webkit-keyframes pa-mask-tt {
3410
- 0% {
3411
- -webkit-transform: translateY(0%);
3412
- transform: translateY(0%);
3413
- }
3414
-
3415
- 100% {
3416
- -webkit-transform: translateY(-103%);
3417
- transform: translateY(-103%);
3418
- }
3419
- }
3420
-
3421
- @keyframes pa-mask-tt {
3422
- 0% {
3423
- -webkit-transform: translateY(0%);
3424
- transform: translateY(0%);
3425
- }
3426
-
3427
- 100% {
3428
- -webkit-transform: translateY(-103%);
3429
- transform: translateY(-103%);
3430
- }
3431
- }
3432
-
3433
- /**************** Premium Video Box ************/
3434
- /***********************************************/
3435
- .premium-video-box-transform {
3436
- -webkit-transform: none !important;
3437
- -ms-transform: none !important;
3438
- transform: none !important;
3439
- }
3440
-
3441
- .premium-video-box-container {
3442
- -js-display: flex;
3443
- display: -webkit-box;
3444
- display: -webkit-flex;
3445
- display: -moz-box;
3446
- display: -ms-flexbox;
3447
- display: flex;
3448
- -webkit-box-orient: vertical;
3449
- -webkit-box-direction: normal;
3450
- -webkit-flex-direction: column;
3451
- -moz-box-orient: vertical;
3452
- -moz-box-direction: normal;
3453
- -ms-flex-direction: column;
3454
- flex-direction: column;
3455
- }
3456
-
3457
- .premium-video-box-container>div {
3458
- position: relative;
3459
- overflow: hidden;
3460
- }
3461
-
3462
- .pa-aspect-ratio-11 .premium-video-box-container>div {
3463
- padding-bottom: 100%;
3464
- }
3465
-
3466
- .pa-aspect-ratio-169 .premium-video-box-container>div {
3467
- padding-bottom: 56.25%;
3468
- }
3469
-
3470
- .pa-aspect-ratio-43 .premium-video-box-container>div {
3471
- padding-bottom: 75%;
3472
- }
3473
-
3474
- .pa-aspect-ratio-32 .premium-video-box-container>div {
3475
- padding-bottom: 66.6666%;
3476
- }
3477
-
3478
- .pa-aspect-ratio-219 .premium-video-box-container>div {
3479
- padding-bottom: 42.8571%;
3480
- }
3481
-
3482
- .pa-aspect-ratio-916 .premium-video-box-container>div {
3483
- padding-bottom: 177.8%;
3484
- }
3485
-
3486
- .premium-video-box-image-container {
3487
- position: absolute;
3488
- top: 0;
3489
- right: 0;
3490
- bottom: 0;
3491
- left: 0;
3492
- width: 100%;
3493
- height: 100%;
3494
- -webkit-background-size: cover;
3495
- background-size: cover;
3496
- background-position: 50%;
3497
- cursor: pointer;
3498
- margin: auto;
3499
- -webkit-transition: 0.2s all;
3500
- transition: 0.2s all;
3501
- }
3502
-
3503
- .premium-video-box-play-icon-container {
3504
- position: absolute;
3505
- z-index: 2;
3506
- cursor: pointer;
3507
- -webkit-transform: translate(50%, -50%);
3508
- -ms-transform: translate(50%, -50%);
3509
- transform: translate(50%, -50%);
3510
- background: rgba(252, 252, 252, 0.35);
3511
- }
3512
-
3513
- .premium-video-box-description-container {
3514
- position: absolute;
3515
- z-index: 2;
3516
- padding: 5px;
3517
- text-align: center;
3518
- cursor: pointer;
3519
- -webkit-transform: translate(50%, -50%);
3520
- -ms-transform: translate(50%, -50%);
3521
- transform: translate(50%, -50%);
3522
- }
3523
-
3524
- .premium-video-box-text {
3525
- margin-bottom: 0 !important;
3526
- -webkit-transition: all 0.3s ease-in-out;
3527
- transition: all 0.3s ease-in-out;
3528
- }
3529
-
3530
- .premium-video-box-play-icon {
3531
- padding: 15px;
3532
- -webkit-transform: translateX(-4%);
3533
- -ms-transform: translateX(-4%);
3534
- transform: translateX(-4%);
3535
- -webkit-transition: all 0.3s ease-in-out;
3536
- transition: all 0.3s ease-in-out;
3537
- }
3538
-
3539
- .premium-video-box-video-container {
3540
- position: absolute;
3541
- top: 0;
3542
- right: 0;
3543
- z-index: 2;
3544
- width: 100%;
3545
- height: 100%;
3546
- -webkit-transition: opacity 0.8s ease-in-out;
3547
- transition: opacity 0.8s ease-in-out;
3548
- overflow: hidden;
3549
- cursor: pointer;
3550
- }
3551
-
3552
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3553
- opacity: 0;
3554
- visibility: hidden;
3555
- }
3556
-
3557
- .premium-video-box-video-container iframe {
3558
- max-width: 100%;
3559
- width: 100%;
3560
- height: 100%;
3561
- margin: 0;
3562
- line-height: 1;
3563
- border: none;
3564
- }
3565
-
3566
- .premium-video-box-video-container video {
3567
- max-width: 100%;
3568
- width: 100%;
3569
- height: 100%;
3570
- margin: 0;
3571
- line-height: 1;
3572
- border: none;
3573
- background-color: #000;
3574
- -o-object-fit: contain;
3575
- object-fit: contain;
3576
- }
3577
-
3578
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3579
- -js-display: flex;
3580
- display: -webkit-box;
3581
- display: -webkit-flex;
3582
- display: -moz-box;
3583
- display: -ms-flexbox;
3584
- display: flex;
3585
- position: absolute;
3586
- top: 0;
3587
- right: 0;
3588
- z-index: 3;
3589
- margin: 10px;
3590
- margin-left: 10px;
3591
- -webkit-transition: opacity 0.2s ease-out;
3592
- transition: opacity 0.2s ease-out;
3593
- margin-left: 4.6em;
3594
- }
3595
-
3596
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3597
- width: 60px;
3598
- height: 60px;
3599
- background: rgba(23, 35, 34, 0.75);
3600
- margin-left: 1px;
3601
- -webkit-box-flex: 1;
3602
- -webkit-flex: 1 0 auto;
3603
- -moz-box-flex: 1;
3604
- -ms-flex: 1 0 auto;
3605
- flex: 1 0 auto;
3606
- padding: 0;
3607
- }
3608
-
3609
- .premium-video-box-vimeo-portrait img {
3610
- width: 50px;
3611
- height: 50px;
3612
- margin: 5px;
3613
- padding: 0;
3614
- border: 0;
3615
- -webkit-border-radius: 50%;
3616
- border-radius: 50%;
3617
- }
3618
-
3619
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3620
- font-size: 10px;
3621
- }
3622
-
3623
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3624
- max-width: 100%;
3625
- font-size: 2em !important;
3626
- font-weight: 700;
3627
- margin: 0;
3628
- padding: 0.1em 0.2em;
3629
- background: rgba(23, 35, 34, 0.75);
3630
- display: inline-block;
3631
- text-transform: none;
3632
- line-height: normal;
3633
- letter-spacing: normal;
3634
- }
3635
-
3636
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3637
- font-size: 1.2em !important;
3638
- font-weight: 400;
3639
- color: #fff;
3640
- margin-top: 0.1em;
3641
- padding: 0.2em 0.5em;
3642
- background: rgba(23, 35, 34, 0.75);
3643
- text-transform: none;
3644
- line-height: normal;
3645
- letter-spacing: normal;
3646
- }
3647
-
3648
- .premium-video-box-playlist-container {
3649
- -js-display: flex;
3650
- display: -webkit-box;
3651
- display: -webkit-flex;
3652
- display: -moz-box;
3653
- display: -ms-flexbox;
3654
- display: flex;
3655
- -webkit-flex-wrap: wrap;
3656
- -ms-flex-wrap: wrap;
3657
- flex-wrap: wrap;
3658
- }
3659
-
3660
- .premium-video-box-playlist-container .premium-video-box-container {
3661
- height: 100%;
3662
- overflow: hidden;
3663
- }
3664
-
3665
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3666
- -webkit-transform: scale(1.1);
3667
- -ms-transform: scale(1.1);
3668
- transform: scale(1.1);
3669
- }
3670
-
3671
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3672
- -webkit-transform: scale(1);
3673
- -ms-transform: scale(1);
3674
- transform: scale(1);
3675
- }
3676
-
3677
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3678
- -webkit-transform: scale(1.3) rotate(-5deg);
3679
- -ms-transform: scale(1.3) rotate(-5deg);
3680
- transform: scale(1.3) rotate(-5deg);
3681
- }
3682
-
3683
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3684
- -webkit-filter: grayscale(0%);
3685
- filter: grayscale(0%);
3686
- }
3687
-
3688
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3689
- -webkit-filter: blur(3px);
3690
- filter: blur(3px);
3691
- }
3692
-
3693
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3694
- -webkit-filter: sepia(0%);
3695
- filter: sepia(0%);
3696
- }
3697
-
3698
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3699
- -webkit-transform: translateX(0px) scale(1.1);
3700
- -ms-transform: translateX(0px) scale(1.1);
3701
- transform: translateX(0px) scale(1.1);
3702
- }
3703
-
3704
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3705
- -webkit-filter: brightness(1.2);
3706
- filter: brightness(1.2);
3707
- }
3708
-
3709
- .premium-video-box-image-container.gray {
3710
- -webkit-filter: grayscale(100%);
3711
- filter: grayscale(100%);
3712
- }
3713
-
3714
- .premium-video-box-image-container.zoomout,
3715
- .premium-video-box-image-container.scale {
3716
- -webkit-transform: scale(1.2);
3717
- -ms-transform: scale(1.2);
3718
- transform: scale(1.2);
3719
- }
3720
-
3721
- .premium-video-box-image-container.sepia {
3722
- -webkit-filter: sepia(30%);
3723
- filter: sepia(30%);
3724
- }
3725
-
3726
- .premium-video-box-image-container.bright {
3727
- -webkit-filter: brightness(1);
3728
- filter: brightness(1);
3729
- }
3730
-
3731
- .premium-video-box-image-container.trans {
3732
- -webkit-transform: translateX(15px) scale(1.1);
3733
- -ms-transform: translateX(15px) scale(1.1);
3734
- transform: translateX(15px) scale(1.1);
3735
- }
3736
-
3737
- .premium-video-box-mask-media {
3738
- -webkit-mask-repeat: no-repeat;
3739
- mask-repeat: no-repeat;
3740
- }
3741
-
3742
- /* Sticky Video Option */
3743
- .premium-video-box-container.premium-video-box-sticky-apply {
3744
- z-index: 99;
3745
- overflow: unset;
3746
- }
3747
-
3748
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3749
- position: fixed !important;
3750
- z-index: 99999;
3751
- height: 225px;
3752
- width: 400px;
3753
- background: #fff;
3754
- }
3755
-
3756
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3757
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3758
- visibility: hidden;
3759
- }
3760
-
3761
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3762
- -webkit-box-shadow: unset;
3763
- box-shadow: unset;
3764
- }
3765
-
3766
- .premium-video-box-sticky-close,
3767
- .premium-video-box-sticky-infobar {
3768
- display: none;
3769
- }
3770
-
3771
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3772
- position: absolute;
3773
- padding: 5px;
3774
- cursor: pointer;
3775
- z-index: 99999;
3776
- height: 14px;
3777
- width: 14px;
3778
- -webkit-box-sizing: content-box;
3779
- -moz-box-sizing: content-box;
3780
- box-sizing: content-box;
3781
- -webkit-border-radius: 100%;
3782
- border-radius: 100%;
3783
- -js-display: flex;
3784
- display: -webkit-box;
3785
- display: -webkit-flex;
3786
- display: -moz-box;
3787
- display: -ms-flexbox;
3788
- display: flex;
3789
- -webkit-box-pack: center;
3790
- -webkit-justify-content: center;
3791
- -moz-box-pack: center;
3792
- -ms-flex-pack: center;
3793
- justify-content: center;
3794
- -webkit-box-align: center;
3795
- -webkit-align-items: center;
3796
- -moz-box-align: center;
3797
- -ms-flex-align: center;
3798
- align-items: center;
3799
- }
3800
-
3801
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3802
- -js-display: flex;
3803
- display: -webkit-box;
3804
- display: -webkit-flex;
3805
- display: -moz-box;
3806
- display: -ms-flexbox;
3807
- display: flex;
3808
- }
3809
-
3810
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3811
- -webkit-transition: none;
3812
- transition: none;
3813
- }
3814
-
3815
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3816
- display: block;
3817
- position: relative;
3818
- top: 100%;
3819
- width: 100%;
3820
- padding: 5px;
3821
- text-align: center;
3822
- z-index: 9999;
3823
- margin-top: -1px;
3824
- }
3825
-
3826
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3827
- cursor: move;
3828
- }
3829
-
3830
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3831
- left: auto;
3832
- right: 20px;
3833
- top: 20px;
3834
- }
3835
-
3836
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3837
- left: auto;
3838
- right: 20px;
3839
- bottom: 20px;
3840
- }
3841
-
3842
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3843
- right: auto;
3844
- left: 20px;
3845
- top: 20px;
3846
- }
3847
-
3848
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3849
- right: auto;
3850
- left: 20px;
3851
- bottom: 20px;
3852
- }
3853
-
3854
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3855
- left: auto;
3856
- right: 20px;
3857
- top: 50%;
3858
- -webkit-transform: translateY(-50%);
3859
- -ms-transform: translateY(-50%);
3860
- transform: translateY(-50%);
3861
- }
3862
-
3863
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3864
- right: auto;
3865
- left: 20px;
3866
- top: 50%;
3867
- -webkit-transform: translateY(-50%);
3868
- -ms-transform: translateY(-50%);
3869
- transform: translateY(-50%);
3870
- }
3871
-
3872
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3873
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3874
- bottom: 55px;
3875
- }
3876
-
3877
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3878
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3879
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3880
- top: -10px;
3881
- left: -10px;
3882
- }
3883
-
3884
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3885
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3886
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3887
- top: -10px;
3888
- right: -10px;
3889
- }
3890
-
3891
- .premium-video-box-filter-sticky {
3892
- -webkit-filter: none !important;
3893
- filter: none !important;
3894
- }
3895
-
3896
- /**************** Premium Blog *****************/
3897
- /***********************************************/
3898
- .premium-blog-thumb-effect-wrapper {
3899
- position: relative;
3900
- overflow: hidden;
3901
- }
3902
-
3903
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3904
- position: absolute;
3905
- top: 0;
3906
- right: 0;
3907
- width: 100%;
3908
- height: 100%;
3909
- z-index: 2;
3910
- padding: 20px;
3911
- }
3912
-
3913
- .premium-blog-bordered-effect .premium-blog-post-link {
3914
- display: block;
3915
- height: 100%;
3916
- position: relative;
3917
- }
3918
-
3919
- /*Thumbnail Img*/
3920
- .premium-blog-thumbnail-container {
3921
- overflow: hidden;
3922
- }
3923
-
3924
- .premium-blog-thumbnail-container img,
3925
- .premium-blog-thumbnail-container .below-entry-meta {
3926
- width: 100%;
3927
- height: 100%;
3928
- margin: 0 !important;
3929
- -webkit-transition: all 0.4s ease-in-out;
3930
- transition: all 0.4s ease-in-out;
3931
- }
3932
-
3933
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3934
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3935
- -webkit-transform: scale(1.2);
3936
- -ms-transform: scale(1.2);
3937
- transform: scale(1.2);
3938
- }
3939
-
3940
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3941
- -webkit-filter: sepia(30%);
3942
- filter: sepia(30%);
3943
- }
3944
-
3945
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3946
- -webkit-filter: brightness(1);
3947
- filter: brightness(1);
3948
- }
3949
-
3950
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3951
- -webkit-transform: translateX(15px) scale(1.1);
3952
- -ms-transform: translateX(15px) scale(1.1);
3953
- transform: translateX(15px) scale(1.1);
3954
- }
3955
-
3956
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3957
- -webkit-transform: scale(1.2);
3958
- -ms-transform: scale(1.2);
3959
- transform: scale(1.2);
3960
- }
3961
-
3962
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3963
- -webkit-transform: scale(1.1);
3964
- -ms-transform: scale(1.1);
3965
- transform: scale(1.1);
3966
- }
3967
-
3968
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3969
- -webkit-transform: scale(1.3) rotate(-5deg);
3970
- -ms-transform: scale(1.3) rotate(-5deg);
3971
- transform: scale(1.3) rotate(-5deg);
3972
- }
3973
-
3974
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3975
- -webkit-filter: grayscale(100%);
3976
- filter: grayscale(100%);
3977
- }
3978
-
3979
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3980
- -webkit-filter: blur(3px);
3981
- filter: blur(3px);
3982
- }
3983
-
3984
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3985
- -webkit-filter: sepia(0%);
3986
- filter: sepia(0%);
3987
- }
3988
-
3989
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3990
- -webkit-filter: brightness(1.2);
3991
- filter: brightness(1.2);
3992
- }
3993
-
3994
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3995
- -webkit-transform: translateX(0px) scale(1.1);
3996
- -ms-transform: translateX(0px) scale(1.1);
3997
- transform: translateX(0px) scale(1.1);
3998
- }
3999
-
4000
- .premium-blog-post-container {
4001
- overflow: hidden;
4002
- }
4003
-
4004
- .premium-blog-post-container .premium-blog-inner-container {
4005
- -js-display: flex;
4006
- display: -webkit-box;
4007
- display: -webkit-flex;
4008
- display: -moz-box;
4009
- display: -ms-flexbox;
4010
- display: flex;
4011
- direction: rtl;
4012
- }
4013
-
4014
- .premium-blog-post-container .premium-blog-post-content {
4015
- line-height: 1.5em;
4016
- color: #777;
4017
- font-size: 14px;
4018
- margin-bottom: 10px;
4019
- }
4020
-
4021
- .premium-blog-post-container ul.post-categories a:hover,
4022
- .premium-blog-post-container ul.post-categories a:focus,
4023
- .premium-blog-post-container .premium-blog-post-link:hover,
4024
- .premium-blog-post-container .premium-blog-post-link:focus {
4025
- -webkit-box-shadow: none !important;
4026
- box-shadow: none !important;
4027
- outline: none !important;
4028
- }
4029
-
4030
- .premium-blog-post-container .premium-blog-entry-title {
4031
- font-size: 18px;
4032
- margin-bottom: 5px;
4033
- }
4034
-
4035
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4036
- position: relative;
4037
- z-index: 3;
4038
- top: -50px;
4039
- }
4040
-
4041
- .premium-blog-post-container .premium-blog-content-wrapper {
4042
- background-color: #f5f5f5;
4043
- padding: 30px;
4044
- }
4045
-
4046
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4047
- top: 0;
4048
- }
4049
-
4050
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4051
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4052
- position: absolute;
4053
- content: "";
4054
- z-index: 1;
4055
- top: 50%;
4056
- right: 50%;
4057
- opacity: 0;
4058
- -webkit-transform: translate(50%, -50%);
4059
- -ms-transform: translate(50%, -50%);
4060
- transform: translate(50%, -50%);
4061
- -webkit-transition: all 0.4s linear 0s;
4062
- transition: all 0.4s linear 0s;
4063
- height: 1px;
4064
- width: 100%;
4065
- background-color: #fff;
4066
- }
4067
-
4068
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4069
- width: 1px;
4070
- height: 100%;
4071
- }
4072
-
4073
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4074
- width: 20px;
4075
- opacity: 1;
4076
- }
4077
-
4078
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4079
- height: 20px;
4080
- opacity: 1;
4081
- }
4082
-
4083
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4084
- margin: 0px 10px 20px;
4085
- clear: both;
4086
- }
4087
-
4088
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4089
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4090
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4091
- position: absolute;
4092
- top: 0;
4093
- right: 0;
4094
- width: 100%;
4095
- height: 100%;
4096
- -webkit-transition: all 0.3s ease-in-out;
4097
- transition: all 0.3s ease-in-out;
4098
- opacity: 0;
4099
- }
4100
-
4101
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4102
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4103
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4104
- -js-display: flex;
4105
- display: -webkit-box;
4106
- display: -webkit-flex;
4107
- display: -moz-box;
4108
- display: -ms-flexbox;
4109
- display: flex;
4110
- -webkit-box-pack: center;
4111
- -webkit-justify-content: center;
4112
- -moz-box-pack: center;
4113
- -ms-flex-pack: center;
4114
- justify-content: center;
4115
- -webkit-box-align: center;
4116
- -webkit-align-items: center;
4117
- -moz-box-align: center;
4118
- -ms-flex-align: center;
4119
- align-items: center;
4120
- width: 100%;
4121
- height: 100%;
4122
- }
4123
-
4124
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4125
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4126
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4127
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4128
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4129
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4130
- -webkit-transition: all 0.3s ease-in-out;
4131
- transition: all 0.3s ease-in-out;
4132
- }
4133
-
4134
- .premium-blog-post-container.premium-blog-skin-side {
4135
- -js-display: flex;
4136
- display: -webkit-box;
4137
- display: -webkit-flex;
4138
- display: -moz-box;
4139
- display: -ms-flexbox;
4140
- display: flex;
4141
- }
4142
-
4143
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4144
- height: 100%;
4145
- }
4146
-
4147
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4148
- -webkit-box-flex: 1;
4149
- -webkit-flex: 1;
4150
- -moz-box-flex: 1;
4151
- -ms-flex: 1;
4152
- flex: 1;
4153
- }
4154
-
4155
- .premium-blog-post-container.premium-blog-skin-banner {
4156
- position: relative;
4157
- }
4158
-
4159
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4160
- position: absolute;
4161
- width: 100%;
4162
- bottom: 0;
4163
- -js-display: flex;
4164
- display: -webkit-box;
4165
- display: -webkit-flex;
4166
- display: -moz-box;
4167
- display: -ms-flexbox;
4168
- display: flex;
4169
- -webkit-box-orient: vertical;
4170
- -webkit-box-direction: normal;
4171
- -webkit-flex-direction: column;
4172
- -moz-box-orient: vertical;
4173
- -moz-box-direction: normal;
4174
- -ms-flex-direction: column;
4175
- flex-direction: column;
4176
- background-color: transparent;
4177
- z-index: 3;
4178
- }
4179
-
4180
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4181
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
4182
- transition: -webkit-transform 0.3s ease-in-out;
4183
- transition: transform 0.3s ease-in-out;
4184
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4185
- }
4186
-
4187
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4188
- -webkit-transform: translateY(-5px);
4189
- -ms-transform: translateY(-5px);
4190
- transform: translateY(-5px);
4191
- }
4192
-
4193
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4194
- margin: 0;
4195
- padding: 0;
4196
- list-style: none;
4197
- -js-display: flex;
4198
- display: -webkit-box;
4199
- display: -webkit-flex;
4200
- display: -moz-box;
4201
- display: -ms-flexbox;
4202
- display: flex;
4203
- }
4204
-
4205
- .premium-blog-post-container .premium-blog-cats-container a {
4206
- display: block;
4207
- font-size: 12px;
4208
- color: #fff;
4209
- background-color: #777;
4210
- margin: 0 0 10px 3px;
4211
- padding: 5px;
4212
- -webkit-transition: all 0.3s ease-in-out;
4213
- transition: all 0.3s ease-in-out;
4214
- }
4215
-
4216
- /*
4217
- * Diagonal Effect
4218
- */
4219
- .premium-blog-diagonal-container {
4220
- position: absolute;
4221
- top: 0;
4222
- right: 0;
4223
- width: 100%;
4224
- height: 100%;
4225
- }
4226
-
4227
- .premium-blog-diagonal-effect:before {
4228
- position: absolute;
4229
- top: 0px;
4230
- right: 0px;
4231
- width: 100%;
4232
- height: 100%;
4233
- content: " ";
4234
- z-index: 1;
4235
- background: rgba(255, 255, 255, 0.2);
4236
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4237
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4238
- -webkit-transition: all 0.3s linear 0s;
4239
- transition: all 0.3s linear 0s;
4240
- }
4241
-
4242
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4243
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4244
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4245
- }
4246
-
4247
- /*
4248
- * Framed Effect
4249
- */
4250
- .premium-blog-framed-effect {
4251
- position: absolute;
4252
- width: -webkit-calc(100% - 30px);
4253
- width: calc(100% - 30px);
4254
- height: -webkit-calc(100% - 30px);
4255
- height: calc(100% - 30px);
4256
- top: 15px;
4257
- right: 15px;
4258
- opacity: 0;
4259
- -webkit-transform: scale(0.3);
4260
- -ms-transform: scale(0.3);
4261
- transform: scale(0.3);
4262
- -webkit-transition: all 0.3s linear 0s;
4263
- transition: all 0.3s linear 0s;
4264
- }
4265
-
4266
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4267
- opacity: 0.99;
4268
- -webkit-transform: scale(1);
4269
- -ms-transform: scale(1);
4270
- transform: scale(1);
4271
- }
4272
-
4273
- /*
4274
- * Bordered Effect
4275
- */
4276
- .premium-blog-bordered-effect {
4277
- position: absolute;
4278
- top: 0;
4279
- right: 0;
4280
- width: 100%;
4281
- height: 100%;
4282
- opacity: 0;
4283
- padding: 15px;
4284
- -webkit-transition: all 0.3s linear 0s;
4285
- transition: all 0.3s linear 0s;
4286
- }
4287
-
4288
- .premium-blog-bordered-effect .premium-blog-post-link:before,
4289
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4290
- content: "";
4291
- display: block;
4292
- position: absolute;
4293
- top: 0;
4294
- right: 0;
4295
- width: 100%;
4296
- height: 100%;
4297
- -webkit-transition: all 0.5s linear 0s;
4298
- transition: all 0.5s linear 0s;
4299
- -webkit-transition-delay: 0s;
4300
- transition-delay: 0s;
4301
- border-color: rgba(255, 255, 255, 0.45);
4302
- }
4303
-
4304
- .premium-blog-bordered-effect .premium-blog-post-link:before {
4305
- border-left: 2px solid;
4306
- border-right: 2px solid;
4307
- -webkit-transform: scale(1, 0);
4308
- -ms-transform: scale(1, 0);
4309
- transform: scale(1, 0);
4310
- -webkit-transform-origin: 0% 0;
4311
- -ms-transform-origin: 0% 0;
4312
- transform-origin: 0% 0;
4313
- }
4314
-
4315
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4316
- border-top: 2px solid;
4317
- border-bottom: 2px solid;
4318
- -webkit-transform: scale(0, 1);
4319
- -ms-transform: scale(0, 1);
4320
- transform: scale(0, 1);
4321
- -webkit-transform-origin: 100% 0;
4322
- -ms-transform-origin: 100% 0;
4323
- transform-origin: 100% 0;
4324
- }
4325
-
4326
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4327
- opacity: 0.99;
4328
- }
4329
-
4330
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4331
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4332
- -webkit-transition-delay: 0.15s;
4333
- transition-delay: 0.15s;
4334
- opacity: 1;
4335
- -webkit-transform: scale(1);
4336
- -ms-transform: scale(1);
4337
- transform: scale(1);
4338
- }
4339
-
4340
- /*
4341
- * Squares Effect
4342
- */
4343
- .premium-blog-squares-effect,
4344
- .premium-blog-squares-square-container {
4345
- position: absolute;
4346
- top: 0;
4347
- right: 0;
4348
- width: 100%;
4349
- height: 100%;
4350
- }
4351
-
4352
- .premium-blog-squares-effect:before,
4353
- .premium-blog-squares-effect:after {
4354
- position: absolute;
4355
- content: "";
4356
- top: 0;
4357
- right: 0;
4358
- width: 50%;
4359
- height: 50%;
4360
- -webkit-transform: translate(100%, -100%);
4361
- -ms-transform: translate(100%, -100%);
4362
- transform: translate(100%, -100%);
4363
- opacity: 0.7;
4364
- -webkit-transition: all 0.3s linear 0s;
4365
- transition: all 0.3s linear 0s;
4366
- }
4367
-
4368
- .premium-blog-squares-square-container:before,
4369
- .premium-blog-squares-square-container:after {
4370
- position: absolute;
4371
- content: "";
4372
- top: 0;
4373
- right: 0;
4374
- width: 50%;
4375
- height: 50%;
4376
- -webkit-transform: translate(100%, -100%);
4377
- -ms-transform: translate(100%, -100%);
4378
- transform: translate(100%, -100%);
4379
- opacity: 0.7;
4380
- -webkit-transition: all 0.3s linear 0s;
4381
- transition: all 0.3s linear 0s;
4382
- }
4383
-
4384
- .premium-blog-squares-square-container:before,
4385
- .premium-blog-squares-square-container:after {
4386
- opacity: 0.8;
4387
- }
4388
-
4389
- .premium-blog-squares-effect:after {
4390
- -webkit-transform: translate(-200%, 200%);
4391
- -ms-transform: translate(-200%, 200%);
4392
- transform: translate(-200%, 200%);
4393
- }
4394
-
4395
- .premium-blog-squares-square-container:before {
4396
- -webkit-transform: translate(100%, 200%);
4397
- -ms-transform: translate(100%, 200%);
4398
- transform: translate(100%, 200%);
4399
- }
4400
-
4401
- .premium-blog-squares-square-container:after {
4402
- -webkit-transform: translate(-200%, -100%);
4403
- -ms-transform: translate(-200%, -100%);
4404
- transform: translate(-200%, -100%);
4405
- }
4406
-
4407
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4408
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4409
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4410
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4411
- }
4412
-
4413
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4414
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4415
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4416
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4417
- }
4418
-
4419
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4420
- -webkit-transform: translate(0, 100%);
4421
- -ms-transform: translate(0, 100%);
4422
- transform: translate(0, 100%);
4423
- }
4424
-
4425
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4426
- -webkit-transform: translate(-100%, 0%);
4427
- -ms-transform: translate(-100%, 0%);
4428
- transform: translate(-100%, 0%);
4429
- }
4430
-
4431
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4432
- opacity: 1;
4433
- }
4434
-
4435
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4436
- opacity: 1;
4437
- -webkit-transform: scale(1);
4438
- -ms-transform: scale(1);
4439
- transform: scale(1);
4440
- }
4441
-
4442
- .premium-blog-clear-fix {
4443
- clear: both;
4444
- }
4445
-
4446
- .premium-blog-masked .premium-blog-thumbnail-container {
4447
- position: relative;
4448
- overflow: visible;
4449
- }
4450
-
4451
- .premium-blog-masked .premium-blog-thumbnail-container svg {
4452
- position: absolute;
4453
- height: 100px;
4454
- width: 100%;
4455
- bottom: -5px;
4456
- right: 0;
4457
- fill: #f5f5f5;
4458
- z-index: 99;
4459
- }
4460
-
4461
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4462
- -webkit-transform: rotate(180deg);
4463
- -ms-transform: rotate(180deg);
4464
- transform: rotate(180deg);
4465
- }
4466
-
4467
- .premium-blog-masked .premium-blog-author-thumbnail,
4468
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4469
- z-index: 999 !important;
4470
- }
4471
-
4472
- /*Post Format Container*/
4473
- .premium-blog-format-link {
4474
- padding: 5px;
4475
- line-height: 0;
4476
- }
4477
-
4478
- /*Post Format Icon*/
4479
- /*Post Format Content Margin */
4480
- .premium-blog-entry-meta {
4481
- line-height: 1.3em;
4482
- font-size: 12px;
4483
- margin-bottom: 13px;
4484
- color: #adadad;
4485
- }
4486
-
4487
- .premium-blog-entry-meta i {
4488
- margin-left: 3px;
4489
- -webkit-transition: all 0.3s ease-in-out;
4490
- transition: all 0.3s ease-in-out;
4491
- }
4492
-
4493
- .premium-blog-meta-data {
4494
- display: inline-block;
4495
- }
4496
-
4497
- .premium-blog-meta-data .premium-blog-meta-separator {
4498
- margin: 0 5px;
4499
- }
4500
-
4501
- .premium-blog-meta-data a,
4502
- .premium-blog-meta-data span {
4503
- color: inherit;
4504
- -webkit-transition: all 0.3s ease-in-out;
4505
- transition: all 0.3s ease-in-out;
4506
- }
4507
-
4508
- .premium-blog-author-thumbnail {
4509
- position: relative;
4510
- padding: 0 30px;
4511
- width: 100%;
4512
- top: -10px;
4513
- height: 0;
4514
- pointer-events: none;
4515
- }
4516
-
4517
- .premium-blog-author-thumbnail img {
4518
- -webkit-border-radius: 50%;
4519
- border-radius: 50%;
4520
- width: 60px;
4521
- pointer-events: all;
4522
- -webkit-transform: translateY(-50%);
4523
- -ms-transform: translateY(-50%);
4524
- transform: translateY(-50%);
4525
- }
4526
-
4527
- .premium-blog-entry-title a,
4528
- .premium-blog-post-tags-container a,
4529
- .premium-blog-post-content .premium-blog-excerpt-link {
4530
- -webkit-transition: all 0.3s ease-in-out;
4531
- transition: all 0.3s ease-in-out;
4532
- }
4533
-
4534
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4535
- background-color: transparent;
4536
- color: #54595f;
4537
- padding: 0;
4538
- }
4539
-
4540
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4541
- width: 100%;
4542
- }
4543
-
4544
- .premium-blog-post-tags-container {
4545
- margin-top: 8px;
4546
- -js-display: flex;
4547
- display: -webkit-box;
4548
- display: -webkit-flex;
4549
- display: -moz-box;
4550
- display: -ms-flexbox;
4551
- display: flex;
4552
- -webkit-box-align: center;
4553
- -webkit-align-items: center;
4554
- -moz-box-align: center;
4555
- -ms-flex-align: center;
4556
- align-items: center;
4557
- -webkit-flex-wrap: wrap;
4558
- -ms-flex-wrap: wrap;
4559
- flex-wrap: wrap;
4560
- }
4561
-
4562
- .premium-blog-post-tags-container a {
4563
- color: inherit;
4564
- margin-right: 5px;
4565
- }
4566
-
4567
- .premium-blog-align-center .post-categories,
4568
- .premium-blog-align-center .premium-blog-inner-container,
4569
- .premium-blog-align-center .premium-blog-post-tags-container {
4570
- -webkit-box-pack: center;
4571
- -webkit-justify-content: center;
4572
- -moz-box-pack: center;
4573
- -ms-flex-pack: center;
4574
- justify-content: center;
4575
- }
4576
-
4577
- .premium-blog-align-left .premium-blog-post-container .post-categories,
4578
- .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4579
- .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4580
- -webkit-box-pack: end;
4581
- -webkit-justify-content: flex-end;
4582
- -moz-box-pack: end;
4583
- -ms-flex-pack: end;
4584
- justify-content: flex-end;
4585
- }
4586
-
4587
- /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4588
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4589
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4590
- -webkit-box-pack: start;
4591
- -webkit-justify-content: flex-start;
4592
- -moz-box-pack: start;
4593
- -ms-flex-pack: start;
4594
- justify-content: flex-start;
4595
- } */
4596
-
4597
- .premium-blog-align-right .premium-blog-post-container .post-categories,
4598
- .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4599
- .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4600
- -webkit-box-pack: start;
4601
- -webkit-justify-content: flex-start;
4602
- -moz-box-pack: start;
4603
- -ms-flex-pack: start;
4604
- justify-content: flex-start;
4605
- }
4606
-
4607
- /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4608
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4609
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4610
- -webkit-box-pack: end;
4611
- -webkit-justify-content: flex-end;
4612
- -moz-box-pack: end;
4613
- -ms-flex-pack: end;
4614
- justify-content: flex-end;
4615
- } */
4616
-
4617
- /* Pagination */
4618
- .premium-blog-pagination-container {
4619
- text-align: left;
4620
- }
4621
-
4622
- .premium-blog-pagination-container span {
4623
- cursor: default;
4624
- }
4625
-
4626
- .premium-blog-pagination-container .page-numbers {
4627
- display: inline-block;
4628
- color: #000;
4629
- line-height: 1;
4630
- font-size: 1em;
4631
- font-weight: 400;
4632
- text-decoration: none;
4633
- padding: 0.75em;
4634
- margin: 0 0 0.4em 0.4em;
4635
- -webkit-transition: all 0.2s ease-in-out;
4636
- transition: all 0.2s ease-in-out;
4637
- }
4638
-
4639
- .premium-blog-wrap .premium-loading-feed {
4640
- display: block;
4641
- position: absolute;
4642
- width: 100%;
4643
- height: 100%;
4644
- top: 0px;
4645
- right: 0px;
4646
- bottom: 0px;
4647
- left: 0px;
4648
- background: rgba(255, 255, 255, 0.2);
4649
- -js-display: flex;
4650
- display: -webkit-box;
4651
- display: -webkit-flex;
4652
- display: -moz-box;
4653
- display: -ms-flexbox;
4654
- display: flex;
4655
- -webkit-box-align: center;
4656
- -webkit-align-items: center;
4657
- -moz-box-align: center;
4658
- -ms-flex-align: center;
4659
- align-items: center;
4660
- z-index: 99;
4661
- }
4662
-
4663
- .premium-blog-wrap {
4664
- -js-display: flex;
4665
- display: -webkit-box;
4666
- display: -webkit-flex;
4667
- display: -moz-box;
4668
- display: -ms-flexbox;
4669
- display: flex;
4670
- -webkit-flex-wrap: wrap;
4671
- -ms-flex-wrap: wrap;
4672
- flex-wrap: wrap;
4673
- }
4674
-
4675
- .premium-blog-wrap ul.slick-dots {
4676
- width: 100%;
4677
- }
4678
-
4679
- /**
4680
- * Even Layout
4681
- */
4682
- .premium-blog-even .premium-blog-post-container {
4683
- height: 100%;
4684
- }
4685
-
4686
- .premium-blog-even .slick-track {
4687
- -js-display: flex;
4688
- display: -webkit-box;
4689
- display: -webkit-flex;
4690
- display: -moz-box;
4691
- display: -ms-flexbox;
4692
- display: flex;
4693
- }
4694
-
4695
- .premium-blog-even .slick-slide {
4696
- height: inherit !important;
4697
- }
4698
-
4699
- /**
4700
- * Responsive Style
4701
- */
4702
- @media (max-width: 768px) {
4703
- .premium-blog-content-wrapper {
4704
- top: 0;
4705
- margin: 0;
4706
- padding: 15px;
4707
- }
4708
-
4709
- .premium-blog-thumb-effect-wrapper {
4710
- margin-bottom: 15px;
4711
- }
4712
- }
4713
-
4714
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4715
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4716
- direction: ltr;
4717
- }
4718
-
4719
- /************ Premium Team Members ************/
4720
- /*********************************************/
4721
- .premium-person-container {
4722
- position: relative;
4723
- }
4724
-
4725
- .premium-person-image-container {
4726
- position: relative;
4727
- text-align: center;
4728
- overflow: hidden;
4729
- }
4730
-
4731
- .premium-person-image-container .premium-person-image-wrap {
4732
- overflow: hidden;
4733
- }
4734
-
4735
- .premium-person-zoomout-effect .premium-person-image-container img,
4736
- .premium-person-scale-effect .premium-person-image-container img {
4737
- -webkit-transform: scale(1.2);
4738
- -ms-transform: scale(1.2);
4739
- transform: scale(1.2);
4740
- }
4741
-
4742
- .premium-person-sepia-effect .premium-person-image-container img {
4743
- -webkit-filter: sepia(30%);
4744
- filter: sepia(30%);
4745
- }
4746
-
4747
- .premium-person-bright-effect .premium-person-image-container img {
4748
- -webkit-filter: brightness(1);
4749
- filter: brightness(1);
4750
- }
4751
-
4752
- .premium-person-trans-effect .premium-person-image-container img {
4753
- -webkit-transform: translateX(15px) scale(1.1);
4754
- -ms-transform: translateX(15px) scale(1.1);
4755
- transform: translateX(15px) scale(1.1);
4756
- }
4757
-
4758
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4759
- -webkit-transform: scale(1.2);
4760
- -ms-transform: scale(1.2);
4761
- transform: scale(1.2);
4762
- }
4763
-
4764
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4765
- -webkit-transform: scale(1.1);
4766
- -ms-transform: scale(1.1);
4767
- transform: scale(1.1);
4768
- }
4769
-
4770
- .premium-person-scale-effect:hover .premium-person-image-container img {
4771
- -webkit-transform: scale(1.3) rotate(-5deg);
4772
- -ms-transform: scale(1.3) rotate(-5deg);
4773
- transform: scale(1.3) rotate(-5deg);
4774
- }
4775
-
4776
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4777
- -webkit-filter: grayscale(100%);
4778
- filter: grayscale(100%);
4779
- }
4780
-
4781
- .premium-person-blur-effect:hover .premium-person-image-container img {
4782
- -webkit-filter: blur(3px);
4783
- filter: blur(3px);
4784
- }
4785
-
4786
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4787
- -webkit-filter: sepia(0%);
4788
- filter: sepia(0%);
4789
- }
4790
-
4791
- .premium-person-bright-effect:hover .premium-person-image-container img {
4792
- -webkit-filter: brightness(1.2);
4793
- filter: brightness(1.2);
4794
- }
4795
-
4796
- .premium-person-trans-effect:hover .premium-person-image-container img {
4797
- -webkit-transform: translateX(0px) scale(1.1);
4798
- -ms-transform: translateX(0px) scale(1.1);
4799
- transform: translateX(0px) scale(1.1);
4800
- }
4801
-
4802
- .premium-person-container .premium-person-image-container img {
4803
- width: 100%;
4804
- height: 100%;
4805
- -o-object-fit: cover;
4806
- object-fit: cover;
4807
- -webkit-transition: all 0.5s ease-in-out;
4808
- transition: all 0.5s ease-in-out;
4809
- }
4810
-
4811
- .premium-person-style2 .premium-person-social {
4812
- position: absolute;
4813
- top: 0;
4814
- right: 0;
4815
- width: 100%;
4816
- height: 100%;
4817
- z-index: 2;
4818
- -js-display: flex;
4819
- display: -webkit-box;
4820
- display: -webkit-flex;
4821
- display: -moz-box;
4822
- display: -ms-flexbox;
4823
- display: flex;
4824
- -webkit-box-pack: center;
4825
- -webkit-justify-content: center;
4826
- -moz-box-pack: center;
4827
- -ms-flex-pack: center;
4828
- justify-content: center;
4829
- -webkit-box-align: center;
4830
- -webkit-align-items: center;
4831
- -moz-box-align: center;
4832
- -ms-flex-align: center;
4833
- align-items: center;
4834
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4835
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4836
- -webkit-transition: all 0.5s linear 0s;
4837
- transition: all 0.5s linear 0s;
4838
- opacity: 0;
4839
- }
4840
-
4841
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4842
- opacity: 1;
4843
- }
4844
-
4845
- .premium-person-list-item a {
4846
- display: inline-block;
4847
- }
4848
-
4849
- .premium-person-style2 .premium-person-list-item a {
4850
- opacity: 0;
4851
- -webkit-transform: scale(0);
4852
- -ms-transform: scale(0);
4853
- transform: scale(0);
4854
- -webkit-transition: all 0.5s ease-in-out 0s;
4855
- transition: all 0.5s ease-in-out 0s;
4856
- }
4857
-
4858
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4859
- opacity: 1;
4860
- -webkit-transform: scale(1);
4861
- -ms-transform: scale(1);
4862
- transform: scale(1);
4863
- }
4864
-
4865
- .premium-person-info-container {
4866
- padding: 30px 15px;
4867
- }
4868
-
4869
- .premium-person-name {
4870
- margin: 0 0 5px;
4871
- font-weight: 700;
4872
- }
4873
-
4874
- .premium-person-title {
4875
- margin: 0 0 20px;
4876
- padding: 0;
4877
- }
4878
-
4879
- .premium-person-content {
4880
- margin: 0 0 30px;
4881
- }
4882
-
4883
- /*Override Theme List Margin*/
4884
- ul.premium-person-social-list {
4885
- margin: 0px !important;
4886
- padding: 0;
4887
- }
4888
-
4889
- .premium-person-social-list .premium-person-list-item {
4890
- display: inline;
4891
- list-style: none;
4892
- }
4893
-
4894
- .premium-person-social-list li {
4895
- position: relative;
4896
- bottom: 0px;
4897
- -webkit-transition: all 0.2s ease-in-out;
4898
- transition: all 0.2s ease-in-out;
4899
- }
4900
-
4901
- .premium-person-social-list li i {
4902
- position: relative;
4903
- bottom: 0px;
4904
- -webkit-transition: all 0.2s ease-in-out;
4905
- transition: all 0.2s ease-in-out;
4906
- }
4907
-
4908
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4909
- background-color: #3b5998 !important;
4910
- }
4911
-
4912
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4913
- background-color: #55acee !important;
4914
- }
4915
-
4916
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4917
- background-color: #0077b5 !important;
4918
- }
4919
-
4920
- .premium-person-defaults-yes li.premium-person-google:hover a {
4921
- background-color: #dc4e41 !important;
4922
- }
4923
-
4924
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4925
- background-color: #b31217 !important;
4926
- }
4927
-
4928
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4929
- background-color: #e4405f !important;
4930
- }
4931
-
4932
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4933
- background-color: #00aff0 !important;
4934
- }
4935
-
4936
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4937
- background-color: #bd081c !important;
4938
- }
4939
-
4940
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4941
- background-color: #ea4c89 !important;
4942
- }
4943
-
4944
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4945
- background-color: #b23121 !important;
4946
- }
4947
-
4948
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4949
- background-color: #1769ff !important;
4950
- }
4951
-
4952
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4953
- background-color: #25d366 !important;
4954
- }
4955
-
4956
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4957
- background-color: #0088cc !important;
4958
- }
4959
-
4960
- .premium-person-defaults-yes li.premium-person-site:hover a {
4961
- background-color: #0055a5 !important;
4962
- }
4963
-
4964
- .premium-person-social-list li:hover a {
4965
- -webkit-box-shadow: none;
4966
- box-shadow: none;
4967
- }
4968
-
4969
- .premium-person-social-list li a:focus {
4970
- -webkit-box-shadow: none;
4971
- box-shadow: none;
4972
- outline: none;
4973
- }
4974
-
4975
- .premium-person-social-list li i {
4976
- font-size: 18px;
4977
- }
4978
-
4979
- .elementor-widget-premium-addon-person .elementor-widget-container {
4980
- -js-display: flex;
4981
- display: -webkit-box;
4982
- display: -webkit-flex;
4983
- display: -moz-box;
4984
- display: -ms-flexbox;
4985
- display: flex;
4986
- -webkit-box-pack: center;
4987
- -webkit-justify-content: center;
4988
- -moz-box-pack: center;
4989
- -ms-flex-pack: center;
4990
- justify-content: center;
4991
- }
4992
-
4993
- .premium-persons-container.multiple-persons {
4994
- -js-display: flex;
4995
- display: -webkit-box;
4996
- display: -webkit-flex;
4997
- display: -moz-box;
4998
- display: -ms-flexbox;
4999
- display: flex;
5000
- -webkit-flex-wrap: wrap;
5001
- -ms-flex-wrap: wrap;
5002
- flex-wrap: wrap;
5003
- width: 100%;
5004
- }
5005
-
5006
- .premium-person-style1 .premium-person-container {
5007
- overflow: hidden;
5008
- }
5009
-
5010
- .premium-person-style1 .premium-person-container .premium-person-info {
5011
- position: absolute;
5012
- top: auto;
5013
- left: 0;
5014
- right: 0;
5015
- -webkit-transition: all 500ms ease 0s;
5016
- transition: all 500ms ease 0s;
5017
- -webkit-transform: translate3d(0, 100%, 0);
5018
- transform: translate3d(0, 100%, 0);
5019
- }
5020
-
5021
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
5022
- -webkit-transform: translate3d(0, 0, 0);
5023
- transform: translate3d(0, 0, 0);
5024
- bottom: -1px !important;
5025
- }
5026
-
5027
- .premium-person-style1 .premium-person-social-list li:hover {
5028
- bottom: 5px;
5029
- }
5030
-
5031
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5032
- -webkit-box-align: start;
5033
- -webkit-align-items: flex-start;
5034
- -moz-box-align: start;
5035
- -ms-flex-align: start;
5036
- align-items: flex-start;
5037
- }
5038
-
5039
- .premium-person-style1 .slick-track {
5040
- -js-display: flex;
5041
- display: -webkit-box;
5042
- display: -webkit-flex;
5043
- display: -moz-box;
5044
- display: -ms-flexbox;
5045
- display: flex;
5046
- }
5047
-
5048
- .premium-person-style1 .slick-slide {
5049
- height: inherit !important;
5050
- }
5051
-
5052
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5053
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5054
- height: 100%;
5055
- }
5056
-
5057
- .premium-person-style3 .premium-person-info-container {
5058
- position: absolute;
5059
- top: 0;
5060
- right: 0;
5061
- width: 100%;
5062
- height: 100%;
5063
- -js-display: flex;
5064
- display: -webkit-box;
5065
- display: -webkit-flex;
5066
- display: -moz-box;
5067
- display: -ms-flexbox;
5068
- display: flex;
5069
- -webkit-box-orient: vertical;
5070
- -webkit-box-direction: normal;
5071
- -webkit-flex-direction: column;
5072
- -moz-box-orient: vertical;
5073
- -moz-box-direction: normal;
5074
- -ms-flex-direction: column;
5075
- flex-direction: column;
5076
- -webkit-box-pack: justify;
5077
- -webkit-justify-content: space-between;
5078
- -moz-box-pack: justify;
5079
- -ms-flex-pack: justify;
5080
- justify-content: space-between;
5081
- }
5082
-
5083
- .premium-person-style3 .premium-person-title-desc-wrap {
5084
- -js-display: flex;
5085
- display: -webkit-box;
5086
- display: -webkit-flex;
5087
- display: -moz-box;
5088
- display: -ms-flexbox;
5089
- display: flex;
5090
- -webkit-box-orient: horizontal;
5091
- -webkit-box-direction: reverse;
5092
- -webkit-flex-direction: row-reverse;
5093
- -moz-box-orient: horizontal;
5094
- -moz-box-direction: reverse;
5095
- -ms-flex-direction: row-reverse;
5096
- flex-direction: row-reverse;
5097
- -webkit-box-pack: justify;
5098
- -webkit-justify-content: space-between;
5099
- -moz-box-pack: justify;
5100
- -ms-flex-pack: justify;
5101
- justify-content: space-between;
5102
- -webkit-box-align: start;
5103
- -webkit-align-items: flex-start;
5104
- -moz-box-align: start;
5105
- -ms-flex-align: start;
5106
- align-items: flex-start;
5107
- }
5108
-
5109
- .premium-person-style3 .premium-person-name-icons-wrap {
5110
- -js-display: flex;
5111
- display: -webkit-box;
5112
- display: -webkit-flex;
5113
- display: -moz-box;
5114
- display: -ms-flexbox;
5115
- display: flex;
5116
- -webkit-box-pack: justify;
5117
- -webkit-justify-content: space-between;
5118
- -moz-box-pack: justify;
5119
- -ms-flex-pack: justify;
5120
- justify-content: space-between;
5121
- -webkit-box-align: end;
5122
- -webkit-align-items: flex-end;
5123
- -moz-box-align: end;
5124
- -ms-flex-align: end;
5125
- align-items: flex-end;
5126
- }
5127
-
5128
- .premium-person-style3 .premium-person-title {
5129
- opacity: 0;
5130
- -webkit-transition: all 0.3s ease;
5131
- transition: all 0.3s ease;
5132
- width: 0;
5133
- }
5134
-
5135
- .premium-person-style3 .premium-person-title span {
5136
- display: inline-block;
5137
- }
5138
-
5139
- .premium-person-style3 .premium-person-name {
5140
- padding-right: 10px;
5141
- }
5142
-
5143
- .premium-person-style3 .premium-person-social-list {
5144
- -js-display: flex;
5145
- display: -webkit-box;
5146
- display: -webkit-flex;
5147
- display: -moz-box;
5148
- display: -ms-flexbox;
5149
- display: flex;
5150
- -webkit-box-orient: vertical;
5151
- -webkit-box-direction: normal;
5152
- -webkit-flex-direction: column;
5153
- -moz-box-orient: vertical;
5154
- -moz-box-direction: normal;
5155
- -ms-flex-direction: column;
5156
- flex-direction: column;
5157
- -webkit-transform: translateY(20px);
5158
- -ms-transform: translateY(20px);
5159
- transform: translateY(20px);
5160
- opacity: 0;
5161
- -webkit-transition: all 0.3s ease;
5162
- transition: all 0.3s ease;
5163
- }
5164
-
5165
- .premium-person-style3 .premium-person-list-item {
5166
- line-height: 0;
5167
- }
5168
-
5169
- .premium-person-style3 .premium-person-list-item a {
5170
- padding: 5px 0 0 10px;
5171
- margin: 5px 0;
5172
- }
5173
-
5174
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
5175
- opacity: 1;
5176
- }
5177
-
5178
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5179
- opacity: 1;
5180
- -webkit-transform: translateY(0);
5181
- -ms-transform: translateY(0);
5182
- transform: translateY(0);
5183
- }
5184
-
5185
- .premium-persons-title-cw .premium-person-title {
5186
- -webkit-transform: translateX(-15px) rotate(-90deg);
5187
- -ms-transform: translateX(-15px) rotate(-90deg);
5188
- transform: translateX(-15px) rotate(-90deg);
5189
- -webkit-transform-origin: top;
5190
- -ms-transform-origin: top;
5191
- transform-origin: top;
5192
- }
5193
-
5194
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5195
- -webkit-transform: translateX(0) rotate(-90deg);
5196
- -ms-transform: translateX(0) rotate(-90deg);
5197
- transform: translateX(0) rotate(-90deg);
5198
- }
5199
-
5200
- .premium-persons-title-ccw .premium-person-title {
5201
- width: auto;
5202
- margin-left: 20px;
5203
- -webkit-transform: translateX(-15px) rotate(90deg);
5204
- -ms-transform: translateX(-15px) rotate(90deg);
5205
- transform: translateX(-15px) rotate(90deg);
5206
- -webkit-transform-origin: center left;
5207
- -ms-transform-origin: center left;
5208
- transform-origin: center left;
5209
- }
5210
-
5211
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5212
- -webkit-transform: translateX(0) rotate(90deg);
5213
- -ms-transform: translateX(0) rotate(90deg);
5214
- transform: translateX(0) rotate(90deg);
5215
- }
5216
-
5217
- /**************** Premium Fancy Text *******************/
5218
- /*******************************************************/
5219
- .premium-suffix-text,
5220
- .premium-fancy-text,
5221
- .premium-prefix-text {
5222
- font-size: 40px;
5223
- }
5224
-
5225
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
5226
- .premium-fancy-item-hidden {
5227
- opacity: 0;
5228
- }
5229
-
5230
- .premium-fancy-text-wrapper .premium-fancy-list-items {
5231
- list-style: none;
5232
- }
5233
-
5234
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5235
- vertical-align: top;
5236
- }
5237
-
5238
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5239
- margin: 0;
5240
- padding: 0;
5241
- border: none;
5242
- position: relative;
5243
- }
5244
-
5245
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5246
- position: absolute;
5247
- top: 0;
5248
- left: 0;
5249
- display: inline-block;
5250
- }
5251
-
5252
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5253
- -webkit-animation: pa-zoom-out 0.8s;
5254
- animation: pa-zoom-out 0.8s;
5255
- }
5256
-
5257
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5258
- position: relative !important;
5259
- -webkit-animation: pa-zoom-in 0.8s;
5260
- animation: pa-zoom-in 0.8s;
5261
- }
5262
-
5263
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5264
- -webkit-perspective: 300px;
5265
- perspective: 300px;
5266
- }
5267
-
5268
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5269
- -webkit-transform-origin: 50% 100%;
5270
- -ms-transform-origin: 50% 100%;
5271
- transform-origin: 50% 100%;
5272
- }
5273
-
5274
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5275
- -webkit-transform: rotateX(180deg);
5276
- transform: rotateX(180deg);
5277
- -webkit-animation: pa-rotate-out 1.2s;
5278
- animation: pa-rotate-out 1.2s;
5279
- }
5280
-
5281
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5282
- position: relative !important;
5283
- -webkit-transform: rotateX(0deg);
5284
- transform: rotateX(0deg);
5285
- -webkit-animation: pa-rotate-in 1.2s;
5286
- animation: pa-rotate-in 1.2s;
5287
- }
5288
-
5289
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5290
- position: relative !important;
5291
- }
5292
-
5293
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5294
- display: inline-block;
5295
- width: 200px;
5296
- font-weight: 400;
5297
- }
5298
-
5299
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5300
- position: relative;
5301
- vertical-align: sub;
5302
- }
5303
-
5304
- .premium-fancy-text-wrapper.auto-fade g>text {
5305
- text-anchor: start;
5306
- shape-rendering: crispEdges;
5307
- opacity: 0;
5308
- font-size: 300px;
5309
- -webkit-animation-name: pa-auto-fade;
5310
- animation-name: pa-auto-fade;
5311
- -moz-animation-name: pa-auto-fade;
5312
- -webkit-animation-duration: 9s;
5313
- animation-duration: 9s;
5314
- -webkit-animation-timing-function: linear;
5315
- animation-timing-function: linear;
5316
- -webkit-animation-iteration-count: infinite;
5317
- animation-iteration-count: infinite;
5318
- }
5319
-
5320
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5321
- -webkit-animation-delay: 0s;
5322
- animation-delay: 0s;
5323
- }
5324
-
5325
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5326
- -webkit-animation-delay: 3s;
5327
- animation-delay: 3s;
5328
- }
5329
-
5330
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5331
- -webkit-animation-delay: 6s;
5332
- animation-delay: 6s;
5333
- }
5334
-
5335
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
5336
- position: relative;
5337
- }
5338
-
5339
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5340
- position: absolute;
5341
- width: 100%;
5342
- height: 3px;
5343
- bottom: 0;
5344
- left: 0;
5345
- animation: pa-loading-bar 2.5s ease-out infinite;
5346
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5347
- }
5348
-
5349
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5350
- -webkit-animation-play-state: paused;
5351
- animation-play-state: paused;
5352
- }
5353
-
5354
- @-webkit-keyframes pa-auto-fade {
5355
- 0% {
5356
- opacity: 0;
5357
- }
5358
-
5359
- 20% {
5360
- opacity: 1;
5361
- }
5362
-
5363
- 35% {
5364
- opacity: 0;
5365
- }
5366
-
5367
- 100% {
5368
- opacity: 0;
5369
- }
5370
- }
5371
-
5372
- @keyframes pa-auto-fade {
5373
- 0% {
5374
- opacity: 0;
5375
- }
5376
-
5377
- 20% {
5378
- opacity: 1;
5379
- }
5380
-
5381
- 35% {
5382
- opacity: 0;
5383
- }
5384
-
5385
- 100% {
5386
- opacity: 0;
5387
- }
5388
- }
5389
-
5390
- @-webkit-keyframes pa-loading-bar {
5391
- 0% {
5392
- width: 0;
5393
- }
5394
-
5395
- 100% {
5396
- width: 100;
5397
- }
5398
- }
5399
-
5400
- @keyframes pa-loading-bar {
5401
- 0% {
5402
- width: 0;
5403
- }
5404
-
5405
- 100% {
5406
- width: 100;
5407
- }
5408
- }
5409
-
5410
- @-webkit-keyframes pa-zoom-in {
5411
- 0% {
5412
- opacity: 0;
5413
- -webkit-transform: translateZ(100px);
5414
- transform: translateZ(100px);
5415
- }
5416
-
5417
- 100% {
5418
- opacity: 1;
5419
- -webkit-transform: translateZ(0);
5420
- transform: translateZ(0);
5421
- }
5422
- }
5423
-
5424
- @keyframes pa-zoom-in {
5425
- 0% {
5426
- opacity: 0;
5427
- -webkit-transform: translateZ(100px);
5428
- transform: translateZ(100px);
5429
- }
5430
-
5431
- 100% {
5432
- opacity: 1;
5433
- -webkit-transform: translateZ(0);
5434
- transform: translateZ(0);
5435
- }
5436
- }
5437
-
5438
- @-webkit-keyframes pa-zoom-out {
5439
- 0% {
5440
- opacity: 1;
5441
- -webkit-transform: translateZ(0);
5442
- transform: translateZ(0);
5443
- }
5444
-
5445
- 100% {
5446
- opacity: 0;
5447
- -webkit-transform: translateZ(-100px);
5448
- transform: translateZ(-100px);
5449
- }
5450
- }
5451
-
5452
- @keyframes pa-zoom-out {
5453
- 0% {
5454
- opacity: 1;
5455
- -webkit-transform: translateZ(0);
5456
- transform: translateZ(0);
5457
- }
5458
-
5459
- 100% {
5460
- opacity: 0;
5461
- -webkit-transform: translateZ(-100px);
5462
- transform: translateZ(-100px);
5463
- }
5464
- }
5465
-
5466
- @-webkit-keyframes pa-rotate-in {
5467
- 0% {
5468
- opacity: 0;
5469
- -webkit-transform: rotateX(180deg);
5470
- transform: rotateX(180deg);
5471
- }
5472
-
5473
- 35% {
5474
- opacity: 0;
5475
- -webkit-transform: rotateX(120deg);
5476
- transform: rotateX(120deg);
5477
- }
5478
-
5479
- 65% {
5480
- opacity: 0;
5481
- }
5482
-
5483
- 100% {
5484
- opacity: 1;
5485
- -webkit-transform: rotateX(360deg);
5486
- transform: rotateX(360deg);
5487
- }
5488
- }
5489
-
5490
- @keyframes pa-rotate-in {
5491
- 0% {
5492
- opacity: 0;
5493
- -webkit-transform: rotateX(180deg);
5494
- transform: rotateX(180deg);
5495
- }
5496
-
5497
- 35% {
5498
- opacity: 0;
5499
- -webkit-transform: rotateX(120deg);
5500
- transform: rotateX(120deg);
5501
- }
5502
-
5503
- 65% {
5504
- opacity: 0;
5505
- }
5506
-
5507
- 100% {
5508
- opacity: 1;
5509
- -webkit-transform: rotateX(360deg);
5510
- transform: rotateX(360deg);
5511
- }
5512
- }
5513
-
5514
- @-webkit-keyframes pa-rotate-out {
5515
- 0% {
5516
- opacity: 1;
5517
- -webkit-transform: rotateX(0deg);
5518
- transform: rotateX(0deg);
5519
- }
5520
-
5521
- 35% {
5522
- opacity: 1;
5523
- -webkit-transform: rotateX(-40deg);
5524
- transform: rotateX(-40deg);
5525
- }
5526
-
5527
- 65% {
5528
- opacity: 0;
5529
- }
5530
-
5531
- 100% {
5532
- opacity: 0;
5533
- -webkit-transform: rotateX(180deg);
5534
- transform: rotateX(180deg);
5535
- }
5536
- }
5537
-
5538
- @keyframes pa-rotate-out {
5539
- 0% {
5540
- opacity: 1;
5541
- -webkit-transform: rotateX(0deg);
5542
- transform: rotateX(0deg);
5543
- }
5544
-
5545
- 35% {
5546
- opacity: 1;
5547
- -webkit-transform: rotateX(-40deg);
5548
- transform: rotateX(-40deg);
5549
- }
5550
-
5551
- 65% {
5552
- opacity: 0;
5553
- }
5554
-
5555
- 100% {
5556
- opacity: 0;
5557
- -webkit-transform: rotateX(180deg);
5558
- transform: rotateX(180deg);
5559
- }
5560
- }
5561
-
5562
- /**************** Premium Pricing Table ****************/
5563
- /*******************************************************/
5564
- .premium-pricing-table-container {
5565
- position: relative;
5566
- overflow: hidden;
5567
- text-align: center;
5568
- -webkit-transition: all 0.3s ease-in-out;
5569
- transition: all 0.3s ease-in-out;
5570
- }
5571
-
5572
- .premium-pricing-icon-container {
5573
- -js-display: flex;
5574
- display: -webkit-box;
5575
- display: -webkit-flex;
5576
- display: -moz-box;
5577
- display: -ms-flexbox;
5578
- display: flex;
5579
- -webkit-box-pack: center;
5580
- -webkit-justify-content: center;
5581
- -moz-box-pack: center;
5582
- -ms-flex-pack: center;
5583
- justify-content: center;
5584
- line-height: 0;
5585
- }
5586
-
5587
- .premium-pricing-icon-container .premium-pricing-icon {
5588
- display: inline-block;
5589
- }
5590
-
5591
- .premium-pricing-icon-container .premium-pricing-image {
5592
- overflow: hidden;
5593
- }
5594
-
5595
- .premium-pricing-icon-container .premium-pricing-image img {
5596
- width: 25px;
5597
- height: 25px;
5598
- -o-object-fit: cover;
5599
- object-fit: cover;
5600
- }
5601
-
5602
- .premium-badge-left {
5603
- position: absolute;
5604
- top: 0;
5605
- }
5606
-
5607
- .premium-badge-right {
5608
- position: absolute;
5609
- top: 0;
5610
- right: 0;
5611
- }
5612
-
5613
- .premium-badge-left {
5614
- left: 0;
5615
- }
5616
-
5617
- .premium-badge-triangle.premium-badge-left .corner {
5618
- width: 0;
5619
- height: 0;
5620
- border-top: 150px solid;
5621
- border-bottom: 150px solid transparent;
5622
- border-right: 150px solid transparent;
5623
- }
5624
-
5625
- .premium-badge-triangle.premium-badge-right .corner {
5626
- width: 0;
5627
- height: 0;
5628
- border-bottom: 150px solid transparent;
5629
- border-right: 150px solid;
5630
- border-left: 150px solid transparent;
5631
- }
5632
-
5633
- .premium-badge-triangle span {
5634
- position: absolute;
5635
- top: 35px;
5636
- width: 100px;
5637
- text-align: center;
5638
- -webkit-transform: rotate(-45deg);
5639
- -ms-transform: rotate(-45deg);
5640
- transform: rotate(-45deg);
5641
- display: block;
5642
- text-transform: uppercase;
5643
- }
5644
-
5645
- .premium-badge-triangle.premium-badge-right span {
5646
- -webkit-transform: rotate(45deg);
5647
- -ms-transform: rotate(45deg);
5648
- transform: rotate(45deg);
5649
- right: 0;
5650
- }
5651
-
5652
- .premium-badge-circle {
5653
- min-width: 4em;
5654
- min-height: 4em;
5655
- line-height: 4em;
5656
- text-align: center;
5657
- -webkit-border-radius: 100%;
5658
- border-radius: 100%;
5659
- position: absolute;
5660
- z-index: 1;
5661
- }
5662
-
5663
- .premium-badge-stripe {
5664
- position: absolute;
5665
- -webkit-transform: rotate(90deg);
5666
- -ms-transform: rotate(90deg);
5667
- transform: rotate(90deg);
5668
- width: 15em;
5669
- overflow: hidden;
5670
- height: 15em;
5671
- }
5672
-
5673
- .premium-badge-stripe.premium-badge-left {
5674
- -webkit-transform: rotate(0);
5675
- -ms-transform: rotate(0);
5676
- transform: rotate(0);
5677
- }
5678
-
5679
- .premium-badge-stripe .corner {
5680
- text-align: center;
5681
- left: 0;
5682
- width: 150%;
5683
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5684
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5685
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5686
- margin-top: 35px;
5687
- font-size: 13px;
5688
- line-height: 2;
5689
- font-weight: 800;
5690
- text-transform: uppercase;
5691
- }
5692
-
5693
- .premium-badge-flag .corner {
5694
- text-align: center;
5695
- -webkit-border-radius: 4px 4px 0 4px;
5696
- border-radius: 4px 4px 0 4px;
5697
- padding: 3px 15px;
5698
- position: absolute;
5699
- top: 10%;
5700
- right: -8px;
5701
- }
5702
-
5703
- .premium-badge-flag .corner::before,
5704
- .premium-badge-flag .corner::after {
5705
- content: "";
5706
- display: block;
5707
- position: absolute;
5708
- width: 0;
5709
- height: 0;
5710
- top: 100%;
5711
- right: 0;
5712
- border-bottom: 8px solid transparent;
5713
- }
5714
-
5715
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5716
- overflow: visible !important;
5717
- }
5718
-
5719
- .premium-badge-flag .corner::after {
5720
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5721
- }
5722
-
5723
- .premium-pricing-price-currency {
5724
- position: relative;
5725
- }
5726
-
5727
- .premium-pricing-button-container {
5728
- display: block;
5729
- }
5730
-
5731
- .premium-pricing-list {
5732
- -js-display: flex;
5733
- display: -webkit-box;
5734
- display: -webkit-flex;
5735
- display: -moz-box;
5736
- display: -ms-flexbox;
5737
- display: flex;
5738
- -webkit-box-orient: vertical;
5739
- -webkit-box-direction: normal;
5740
- -webkit-flex-direction: column;
5741
- -moz-box-orient: vertical;
5742
- -moz-box-direction: normal;
5743
- -ms-flex-direction: column;
5744
- flex-direction: column;
5745
- list-style-type: none;
5746
- margin: 0;
5747
- }
5748
-
5749
- .premium-pricing-list .premium-pricing-list-item {
5750
- -js-display: flex;
5751
- display: -webkit-box;
5752
- display: -webkit-flex;
5753
- display: -moz-box;
5754
- display: -ms-flexbox;
5755
- display: flex;
5756
- -webkit-box-align: center;
5757
- -webkit-align-items: center;
5758
- -moz-box-align: center;
5759
- -ms-flex-align: center;
5760
- align-items: center;
5761
- }
5762
-
5763
- .premium-pricing-list .premium-pricing-list-item svg {
5764
- width: 50px;
5765
- height: 50px;
5766
- }
5767
-
5768
- .premium-pricing-list .premium-pricing-list-item img {
5769
- width: 30px;
5770
- height: 30px;
5771
- -o-object-fit: cover;
5772
- object-fit: cover;
5773
- }
5774
-
5775
- .premium-pricing-list .premium-pricing-list-span {
5776
- position: relative;
5777
- }
5778
-
5779
- .premium-pricing-list .list-item-tooltip {
5780
- border-bottom: 1px dotted;
5781
- }
5782
-
5783
- .premium-pricing-list .premium-pricing-list-tooltip {
5784
- position: absolute;
5785
- top: -webkit-calc(100% + 1px);
5786
- top: calc(100% + 1px);
5787
- right: 0;
5788
- visibility: hidden;
5789
- padding: 15px 20px;
5790
- -webkit-border-radius: 5px;
5791
- border-radius: 5px;
5792
- min-width: 200px;
5793
- overflow: hidden;
5794
- text-align: right;
5795
- font-size: 0.8rem;
5796
- color: #fff;
5797
- background-color: #aaa;
5798
- }
5799
-
5800
- .premium-pricing-features-left .premium-pricing-list-span {
5801
- text-align: right;
5802
- }
5803
-
5804
- .premium-pricing-features-center .premium-pricing-list-span {
5805
- text-align: center;
5806
- }
5807
-
5808
- .premium-pricing-features-right .premium-pricing-list-span {
5809
- text-align: left;
5810
- }
5811
-
5812
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5813
- z-index: 99;
5814
- visibility: visible;
5815
- opacity: 1;
5816
- }
5817
-
5818
- .premium-pricing-slashed-price-value {
5819
- display: inline-block;
5820
- font-size: 20px;
5821
- font-weight: 400;
5822
- margin-left: 5px;
5823
- }
5824
-
5825
- .premium-pricing-price-value {
5826
- font-size: 70px;
5827
- }
5828
-
5829
- .premium-pricing-description-container li {
5830
- list-style-position: inside;
5831
- text-indent: -40px;
5832
- }
5833
-
5834
- @-moz-document url-prefix() {
5835
- .premium-pricing-description-container li {
5836
- text-indent: 0px;
5837
- }
5838
- }
5839
-
5840
- .premium-pricing-price-button {
5841
- display: block;
5842
- padding: 6px 12px;
5843
- line-height: 1.42857143;
5844
- text-align: center;
5845
- color: #fff;
5846
- background: #6ec1e4;
5847
- margin-bottom: 0;
5848
- -webkit-transition: all 0.3s ease-in-out;
5849
- transition: all 0.3s ease-in-out;
5850
- }
5851
-
5852
- /**************** Premium Google Maps ******************/
5853
- /*******************************************************/
5854
- .premium-maps-info-container {
5855
- margin-top: 10px;
5856
- margin-bottom: 10px;
5857
- }
5858
-
5859
- .premium-maps-info-title,
5860
- .premium-maps-info-desc {
5861
- margin: 0;
5862
- padding: 0;
5863
- }
5864
-
5865
- .premium-maps-container .gm-style-iw {
5866
- text-align: center;
5867
- direction: ltr;
5868
- }
5869
-
5870
- .premium-maps-container .gm-style img {
5871
- max-width: none !important;
5872
- }
5873
-
5874
- /**************** Premium Button ***********************/
5875
- /*******************************************************/
5876
- .premium-button {
5877
- -js-display: inline-flex;
5878
- display: -webkit-inline-box;
5879
- display: -webkit-inline-flex;
5880
- display: -moz-inline-box;
5881
- display: -ms-inline-flexbox;
5882
- display: inline-flex;
5883
- position: relative;
5884
- overflow: hidden;
5885
- -webkit-backface-visibility: hidden;
5886
- backface-visibility: hidden;
5887
- -webkit-transform: translate3d(0, 0, 0);
5888
- transform: translate3d(0, 0, 0);
5889
- cursor: pointer;
5890
- -webkit-transition: all 0.2s ease-in-out !important;
5891
- transition: all 0.2s ease-in-out !important;
5892
- }
5893
-
5894
- .premium-button .premium-lottie-animation,
5895
- .premium-image-button .premium-lottie-animation {
5896
- -js-display: flex;
5897
- display: -webkit-box;
5898
- display: -webkit-flex;
5899
- display: -moz-box;
5900
- display: -ms-flexbox;
5901
- display: flex;
5902
- }
5903
-
5904
- .premium-button svg,
5905
- .premium-image-button svg {
5906
- width: 30px;
5907
- height: 30px;
5908
- }
5909
-
5910
- .premium-btn-sm,
5911
- .premium-btn-md,
5912
- .premium-btn-lg,
5913
- .premium-btn-block {
5914
- background-color: #eee;
5915
- color: #042551;
5916
- margin: 0px;
5917
- text-decoration: none;
5918
- }
5919
-
5920
- .premium-btn-sm:hover,
5921
- .premium-btn-md:hover,
5922
- .premium-btn-lg:hover,
5923
- .premium-btn-block:hover {
5924
- background-color: #54595f;
5925
- color: #eee;
5926
- }
5927
-
5928
- .premium-btn-sm {
5929
- padding: 12px 24px;
5930
- font-size: 14px;
5931
- line-height: 1;
5932
- }
5933
-
5934
- .premium-btn-md {
5935
- padding: 14px 26px;
5936
- font-size: 16px;
5937
- line-height: 1.2;
5938
- }
5939
-
5940
- .premium-btn-lg {
5941
- padding: 16px 28px;
5942
- font-size: 18px;
5943
- line-height: 1.3333;
5944
- }
5945
-
5946
- .premium-btn-block {
5947
- font-size: 18px;
5948
- line-height: 1;
5949
- padding: 20px 0px;
5950
- width: 100%;
5951
- text-align: center;
5952
- }
5953
-
5954
- .premium-button-text {
5955
- display: inline-block;
5956
- width: 100%;
5957
- }
5958
-
5959
- .premium-button-style1,
5960
- .premium-button-style2,
5961
- .premium-button-style5,
5962
- .premium-button-style7 {
5963
- display: inline-block;
5964
- vertical-align: middle;
5965
- -webkit-transform: perspective(1px) translateZ(0);
5966
- transform: perspective(1px) translateZ(0);
5967
- -webkit-box-shadow: 0 0 1px transparent;
5968
- box-shadow: 0 0 1px transparent;
5969
- position: relative;
5970
- -webkit-transition-property: color;
5971
- transition-property: color;
5972
- -webkit-transition-duration: 0.15s;
5973
- transition-duration: 0.15s;
5974
- }
5975
-
5976
- .premium-button-style1:before,
5977
- .premium-button-style2:before,
5978
- .premium-button-style5:before {
5979
- content: "";
5980
- position: absolute;
5981
- z-index: -1;
5982
- top: 0;
5983
- right: 0;
5984
- left: 0;
5985
- bottom: 0;
5986
- -webkit-transform: scaleY(0);
5987
- -ms-transform: scaleY(0);
5988
- transform: scaleY(0);
5989
- -webkit-transform-origin: 50% 0;
5990
- -ms-transform-origin: 50% 0;
5991
- transform-origin: 50% 0;
5992
- -webkit-transition-property: -webkit-transform;
5993
- transition-property: -webkit-transform;
5994
- transition-property: transform;
5995
- transition-property: transform, -webkit-transform;
5996
- -webkit-transition-duration: 0.15s;
5997
- transition-duration: 0.15s;
5998
- -webkit-transition-timing-function: ease-out;
5999
- transition-timing-function: ease-out;
6000
- }
6001
-
6002
- .premium-button-style5-radialin:before,
6003
- .premium-button-style5-radialout:before {
6004
- -webkit-transform-origin: 50%;
6005
- -ms-transform-origin: 50%;
6006
- transform-origin: 50%;
6007
- -webkit-border-radius: 100%;
6008
- border-radius: 100%;
6009
- -webkit-transform: scale(0);
6010
- -ms-transform: scale(0);
6011
- transform: scale(0);
6012
- }
6013
-
6014
- .premium-button-style5-radialin:before {
6015
- -webkit-transform: scale(2);
6016
- -ms-transform: scale(2);
6017
- transform: scale(2);
6018
- }
6019
-
6020
- .premium-button-style5-rectin:before {
6021
- -webkit-transform-origin: 50%;
6022
- -ms-transform-origin: 50%;
6023
- transform-origin: 50%;
6024
- -webkit-transform: scale(1);
6025
- -ms-transform: scale(1);
6026
- transform: scale(1);
6027
- }
6028
-
6029
- .premium-button-style5-rectout:before {
6030
- -webkit-transform-origin: 50%;
6031
- -ms-transform-origin: 50%;
6032
- transform-origin: 50%;
6033
- -webkit-transform: scale(0);
6034
- -ms-transform: scale(0);
6035
- transform: scale(0);
6036
- }
6037
-
6038
- .premium-button-style5-rectout:hover:before {
6039
- -webkit-transform: scale(1);
6040
- -ms-transform: scale(1);
6041
- transform: scale(1);
6042
- }
6043
-
6044
- .premium-button-style5-rectin:hover:before {
6045
- -webkit-transform: scale(0);
6046
- -ms-transform: scale(0);
6047
- transform: scale(0);
6048
- }
6049
-
6050
- .premium-button-style5-radialout:hover:before {
6051
- -webkit-transform: scale(2);
6052
- -ms-transform: scale(2);
6053
- transform: scale(2);
6054
- }
6055
-
6056
- .premium-button-style5-radialin:hover:before {
6057
- -webkit-transform: scale(0);
6058
- -ms-transform: scale(0);
6059
- transform: scale(0);
6060
- }
6061
-
6062
- .premium-button-style1-top:before {
6063
- -webkit-transform-origin: 50% 100%;
6064
- -ms-transform-origin: 50% 100%;
6065
- transform-origin: 50% 100%;
6066
- }
6067
-
6068
- .premium-button-style1-right:before {
6069
- -webkit-transform: scaleX(0);
6070
- -ms-transform: scaleX(0);
6071
- transform: scaleX(0);
6072
- -webkit-transform-origin: 100% 50%;
6073
- -ms-transform-origin: 100% 50%;
6074
- transform-origin: 100% 50%;
6075
- }
6076
-
6077
- .premium-button-style1-left:before {
6078
- -webkit-transform: scaleX(0);
6079
- -ms-transform: scaleX(0);
6080
- transform: scaleX(0);
6081
- -webkit-transform-origin: 0% 50%;
6082
- -ms-transform-origin: 0% 50%;
6083
- transform-origin: 0% 50%;
6084
- }
6085
-
6086
- .premium-button-style2-shutouthor:before,
6087
- .premium-button-style2-scshutoutver:before {
6088
- -webkit-transform: scaleY(0);
6089
- -ms-transform: scaleY(0);
6090
- transform: scaleY(0);
6091
- -webkit-transform-origin: 0% 50%;
6092
- -ms-transform-origin: 0% 50%;
6093
- transform-origin: 0% 50%;
6094
- }
6095
-
6096
- .premium-button-style2-shutoutver:before,
6097
- .premium-button-style2-scshutouthor:before {
6098
- -webkit-transform: scaleX(0);
6099
- -ms-transform: scaleX(0);
6100
- transform: scaleX(0);
6101
- -webkit-transform-origin: 50% 50%;
6102
- -ms-transform-origin: 50% 50%;
6103
- transform-origin: 50% 50%;
6104
- }
6105
-
6106
- .premium-button-style2-shutinhor:before {
6107
- -webkit-transform: scaleX(1);
6108
- -ms-transform: scaleX(1);
6109
- transform: scaleX(1);
6110
- -webkit-transform-origin: 50%;
6111
- -ms-transform-origin: 50%;
6112
- transform-origin: 50%;
6113
- }
6114
-
6115
- .premium-button-style2-shutinver:before {
6116
- -webkit-transform: scaleY(1);
6117
- -ms-transform: scaleY(1);
6118
- transform: scaleY(1);
6119
- -webkit-transform-origin: 50%;
6120
- -ms-transform-origin: 50%;
6121
- transform-origin: 50%;
6122
- }
6123
-
6124
- .premium-button-style1-bottom:hover:before,
6125
- .premium-button-style1-top:hover:before {
6126
- -webkit-transform: scaleY(1);
6127
- -ms-transform: scaleY(1);
6128
- transform: scaleY(1);
6129
- }
6130
-
6131
- .premium-button-style1-left:hover:before,
6132
- .premium-button-style1-right:hover:before,
6133
- .premium-button-style2-shutouthor:hover:before,
6134
- .premium-button-style2-shutoutver:hover:before {
6135
- -webkit-transform: scaleX(1);
6136
- -ms-transform: scaleX(1);
6137
- transform: scaleX(1);
6138
- }
6139
-
6140
- .premium-button-style2-shutinhor:hover:before {
6141
- -webkit-transform: scaleX(0);
6142
- -ms-transform: scaleX(0);
6143
- transform: scaleX(0);
6144
- }
6145
-
6146
- .premium-button-style2-shutinver:hover:before {
6147
- -webkit-transform: scaleY(0);
6148
- -ms-transform: scaleY(0);
6149
- transform: scaleY(0);
6150
- }
6151
-
6152
- .premium-button-style2-scshutouthor:hover:before {
6153
- -webkit-transform: scaleX(0.9);
6154
- -ms-transform: scaleX(0.9);
6155
- transform: scaleX(0.9);
6156
- }
6157
-
6158
- .premium-button-style2-scshutoutver:hover:before {
6159
- -webkit-transform: scaleY(0.8);
6160
- -ms-transform: scaleY(0.8);
6161
- transform: scaleY(0.8);
6162
- }
6163
-
6164
- /*Diagonal*/
6165
- .premium-button-style2-dshutinhor:before {
6166
- top: 50%;
6167
- right: 50%;
6168
- width: 120%;
6169
- height: 0%;
6170
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6171
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6172
- transform: translateX(50%) translateY(-50%) rotate(45deg);
6173
- -webkit-transform-origin: 50%;
6174
- -ms-transform-origin: 50%;
6175
- transform-origin: 50%;
6176
- -webkit-transition-property: all;
6177
- transition-property: all;
6178
- }
6179
-
6180
- .premium-button-style2-dshutinver:before {
6181
- top: 50%;
6182
- right: 50%;
6183
- width: 120%;
6184
- height: 0%;
6185
- -webkit-transform-origin: 50%;
6186
- -ms-transform-origin: 50%;
6187
- transform-origin: 50%;
6188
- -webkit-transition-property: all;
6189
- transition-property: all;
6190
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6191
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6192
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
6193
- }
6194
-
6195
- .premium-button-style2-dshutinhor:hover:before,
6196
- .premium-button-style2-dshutinver:hover:before {
6197
- height: 220%;
6198
- }
6199
-
6200
- .premium-button-style3-before i,
6201
- .premium-button-style3-before svg {
6202
- opacity: 0;
6203
- -webkit-transform: translateX(5px);
6204
- -ms-transform: translateX(5px);
6205
- transform: translateX(5px);
6206
- -webkit-transition: all 0.5s ease-in-out;
6207
- transition: all 0.5s ease-in-out;
6208
- }
6209
-
6210
- .premium-button-style3-after i,
6211
- .premium-button-style3-after svg {
6212
- opacity: 0;
6213
- -webkit-transform: translateX(5px);
6214
- -ms-transform: translateX(5px);
6215
- transform: translateX(5px);
6216
- -webkit-transition: all 0.5s ease-in-out;
6217
- transition: all 0.5s ease-in-out;
6218
- -webkit-transform: translateX(-5px);
6219
- -ms-transform: translateX(-5px);
6220
- transform: translateX(-5px);
6221
- }
6222
-
6223
- .premium-button-style3-after:hover i,
6224
- .premium-button-style3-after:hover svg {
6225
- opacity: 1;
6226
- }
6227
-
6228
- .premium-button-style3-before:hover i,
6229
- .premium-button-style3-before:hover svg {
6230
- opacity: 1;
6231
- }
6232
-
6233
- .premium-button-text-icon-wrapper {
6234
- width: 100%;
6235
- -js-display: flex;
6236
- display: -webkit-box;
6237
- display: -webkit-flex;
6238
- display: -moz-box;
6239
- display: -ms-flexbox;
6240
- display: flex;
6241
- -webkit-box-pack: center;
6242
- -webkit-justify-content: center;
6243
- -moz-box-pack: center;
6244
- -ms-flex-pack: center;
6245
- justify-content: center;
6246
- -webkit-box-align: center;
6247
- -webkit-align-items: center;
6248
- -moz-box-align: center;
6249
- -ms-flex-align: center;
6250
- align-items: center;
6251
- -webkit-transition: all 0.2s ease-in-out;
6252
- transition: all 0.2s ease-in-out;
6253
- }
6254
-
6255
- .premium-button-text-icon-wrapper span,
6256
- .premium-button-text-icon-wrapper i,
6257
- .premium-button-text-icon-wrapper svg {
6258
- -webkit-transition: all 0.2s ease-in-out;
6259
- transition: all 0.2s ease-in-out;
6260
- }
6261
-
6262
- .premium-button-style4-icon-wrapper {
6263
- position: absolute;
6264
- z-index: 2;
6265
- width: 100%;
6266
- text-align: center;
6267
- -js-display: flex;
6268
- display: -webkit-box;
6269
- display: -webkit-flex;
6270
- display: -moz-box;
6271
- display: -ms-flexbox;
6272
- display: flex;
6273
- -webkit-box-align: center;
6274
- -webkit-align-items: center;
6275
- -moz-box-align: center;
6276
- -ms-flex-align: center;
6277
- align-items: center;
6278
- -webkit-box-pack: center;
6279
- -webkit-justify-content: center;
6280
- -moz-box-pack: center;
6281
- -ms-flex-pack: center;
6282
- justify-content: center;
6283
- height: 100%;
6284
- opacity: 0;
6285
- -webkit-transition: all 0.3s ease-in-out;
6286
- transition: all 0.3s ease-in-out;
6287
- }
6288
-
6289
- .premium-button-style4-icon-wrapper.top {
6290
- bottom: -100%;
6291
- right: 0;
6292
- }
6293
-
6294
- .premium-button-style4-icon-wrapper.bottom {
6295
- top: -100%;
6296
- right: 0;
6297
- }
6298
-
6299
- .premium-button-style4-icon-wrapper.left {
6300
- top: 0;
6301
- right: -100%;
6302
- }
6303
-
6304
- .premium-button-style4-icon-wrapper.right {
6305
- top: 0;
6306
- left: -100%;
6307
- }
6308
-
6309
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6310
- top: 0;
6311
- opacity: 1;
6312
- }
6313
-
6314
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6315
- bottom: 0;
6316
- opacity: 1;
6317
- }
6318
-
6319
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6320
- right: 0;
6321
- opacity: 1;
6322
- }
6323
-
6324
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6325
- left: 0;
6326
- opacity: 1;
6327
- }
6328
-
6329
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6330
- -webkit-transform: translateY(100%);
6331
- -ms-transform: translateY(100%);
6332
- transform: translateY(100%);
6333
- opacity: 0;
6334
- }
6335
-
6336
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6337
- -webkit-transform: translateY(-100%);
6338
- -ms-transform: translateY(-100%);
6339
- transform: translateY(-100%);
6340
- opacity: 0;
6341
- }
6342
-
6343
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6344
- -webkit-transform: translateX(-100%);
6345
- -ms-transform: translateX(-100%);
6346
- transform: translateX(-100%);
6347
- opacity: 0;
6348
- }
6349
-
6350
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6351
- -webkit-transform: translateX(100%);
6352
- -ms-transform: translateX(100%);
6353
- transform: translateX(100%);
6354
- opacity: 0;
6355
- }
6356
-
6357
- .premium-button-style6:before {
6358
- content: "";
6359
- position: absolute;
6360
- right: 50%;
6361
- top: 50%;
6362
- width: 100px;
6363
- height: 100px;
6364
- -webkit-border-radius: 100%;
6365
- border-radius: 100%;
6366
- -webkit-transform: translate(50%, -50%) scale(0);
6367
- -ms-transform: translate(50%, -50%) scale(0);
6368
- transform: translate(50%, -50%) scale(0);
6369
- -webkit-transition: all 0.3s ease-in-out;
6370
- transition: all 0.3s ease-in-out;
6371
- }
6372
-
6373
- .premium-button-style6:hover:before {
6374
- -webkit-transform: translate(50%, -50%) scale(3);
6375
- -ms-transform: translate(50%, -50%) scale(3);
6376
- transform: translate(50%, -50%) scale(3);
6377
- }
6378
-
6379
- .premium-button-style6 .premium-button-text-icon-wrapper {
6380
- position: relative;
6381
- z-index: 1;
6382
- }
6383
-
6384
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6385
- position: absolute;
6386
- z-index: 0;
6387
- top: 0;
6388
- right: 0;
6389
- width: 0px;
6390
- height: 0px;
6391
- -webkit-border-radius: 50%;
6392
- border-radius: 50%;
6393
- display: block;
6394
- -webkit-transform: translate(50%, -50%);
6395
- -ms-transform: translate(50%, -50%);
6396
- transform: translate(50%, -50%);
6397
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6398
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6399
- }
6400
-
6401
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6402
- width: 225%;
6403
- height: 560px;
6404
- }
6405
-
6406
- .premium-mouse-detect-yes .premium-button-style6:before {
6407
- width: 0;
6408
- height: 0;
6409
- }
6410
-
6411
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6412
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6413
- -webkit-transition: width 0.3s ease-out 0.15s;
6414
- transition: width 0.3s ease-out 0.15s;
6415
- }
6416
-
6417
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6418
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6419
- -webkit-transition: width 0.3s ease-out 0s;
6420
- transition: width 0.3s ease-out 0s;
6421
- }
6422
-
6423
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6424
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6425
- -webkit-transition: height 0.3s ease-out 0.15s;
6426
- transition: height 0.3s ease-out 0.15s;
6427
- }
6428
-
6429
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6430
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6431
- -webkit-transition: height 0.3s ease-out 0s;
6432
- transition: height 0.3s ease-out 0s;
6433
- }
6434
-
6435
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6436
- -webkit-transition-delay: 0s;
6437
- transition-delay: 0s;
6438
- }
6439
-
6440
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6441
- -webkit-transition-delay: 0.15s;
6442
- transition-delay: 0.15s;
6443
- }
6444
-
6445
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6446
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6447
- content: "";
6448
- position: absolute;
6449
- left: 0;
6450
- top: 0;
6451
- right: 0;
6452
- height: 0;
6453
- z-index: -1;
6454
- }
6455
-
6456
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6457
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6458
- content: "";
6459
- position: absolute;
6460
- left: 0;
6461
- bottom: 0;
6462
- right: 0;
6463
- height: 0;
6464
- z-index: -1;
6465
- }
6466
-
6467
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6468
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6469
- content: "";
6470
- position: absolute;
6471
- right: 0;
6472
- top: 0;
6473
- bottom: 0;
6474
- width: 0;
6475
- z-index: -1;
6476
- }
6477
-
6478
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6479
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6480
- content: "";
6481
- position: absolute;
6482
- left: 0;
6483
- top: 0;
6484
- bottom: 0;
6485
- width: 0;
6486
- z-index: -1;
6487
- }
6488
-
6489
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6490
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6491
- height: 100%;
6492
- top: 0;
6493
- }
6494
-
6495
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6496
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6497
- height: 100%;
6498
- bottom: 0;
6499
- }
6500
-
6501
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6502
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6503
- width: 100%;
6504
- left: 0;
6505
- }
6506
-
6507
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6508
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6509
- width: 100%;
6510
- right: 0;
6511
- }
6512
-
6513
- /**************** Premium Contact Form7 **********/
6514
- /*************************************************/
6515
- .premium-contact-form-anim-yes .wpcf7-span::after {
6516
- display: block;
6517
- height: 2px;
6518
- content: "";
6519
- top: -2px;
6520
- position: relative;
6521
- width: 0px;
6522
- -webkit-transition: all ease-in-out 0.3s;
6523
- transition: all ease-in-out 0.3s;
6524
- }
6525
-
6526
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6527
- width: 100%;
6528
- }
6529
-
6530
- .premium-cf7-container input.wpcf7-submit {
6531
- -webkit-transition: all 0.3s ease-in-out;
6532
- transition: all 0.3s ease-in-out;
6533
- }
6534
-
6535
- /**************** Premium Image Button ***********/
6536
- /*************************************************/
6537
- .premium-image-button {
6538
- -js-display: inline-flex;
6539
- display: -webkit-inline-box;
6540
- display: -webkit-inline-flex;
6541
- display: -moz-inline-box;
6542
- display: -ms-inline-flexbox;
6543
- display: inline-flex;
6544
- position: relative;
6545
- overflow: hidden;
6546
- background-color: #eee;
6547
- cursor: pointer;
6548
- -webkit-transition: all 0.2s ease-in-out !important;
6549
- transition: all 0.2s ease-in-out !important;
6550
- }
6551
-
6552
- .premium-image-button .premium-button-style6-bg,
6553
- .premium-image-button.premium-button-style6:before,
6554
- .premium-image-button:not(.premium-image-button-style6):hover {
6555
- background-color: #54595f;
6556
- }
6557
-
6558
- /*Default background for slide styles*/
6559
- .premium-image-button:hover,
6560
- .premium-image-button-style4-icon-wrapper,
6561
- .premium-image-button-style1-top:before,
6562
- .premium-image-button-style1-bottom:before,
6563
- .premium-image-button-style1-left:before,
6564
- .premium-image-button-style1-right:before {
6565
- background-color: #54595f;
6566
- }
6567
-
6568
- .premium-image-button-text-icon-wrapper {
6569
- width: 100%;
6570
- -js-display: flex;
6571
- display: -webkit-box;
6572
- display: -webkit-flex;
6573
- display: -moz-box;
6574
- display: -ms-flexbox;
6575
- display: flex;
6576
- -webkit-box-pack: center;
6577
- -webkit-justify-content: center;
6578
- -moz-box-pack: center;
6579
- -ms-flex-pack: center;
6580
- justify-content: center;
6581
- -webkit-box-align: center;
6582
- -webkit-align-items: center;
6583
- -moz-box-align: center;
6584
- -ms-flex-align: center;
6585
- align-items: center;
6586
- position: relative;
6587
- z-index: 3;
6588
- -webkit-transition: all 0.2s ease-in-out;
6589
- transition: all 0.2s ease-in-out;
6590
- }
6591
-
6592
- .premium-image-button-text-icon-wrapper span,
6593
- .premium-image-button-text-icon-wrapper,
6594
- .premium-image-button-text-icon-wrapper i,
6595
- .premium-image-button-text-icon-wrapper svg {
6596
- -webkit-transition: all 0.2s ease-in-out;
6597
- transition: all 0.2s ease-in-out;
6598
- }
6599
-
6600
- .premium-image-button-style1-bottom:before,
6601
- .premium-image-button-style1-top:before,
6602
- .premium-image-button-style1-left:before,
6603
- .premium-image-button-style1-right:before {
6604
- -webkit-transition: all 0.2s ease-in-out;
6605
- transition: all 0.2s ease-in-out;
6606
- }
6607
-
6608
- .premium-image-button-style1-bottom:before {
6609
- content: "";
6610
- position: absolute;
6611
- width: 100%;
6612
- height: 0;
6613
- top: 0;
6614
- right: 0;
6615
- }
6616
-
6617
- .premium-image-button-style1-top:before {
6618
- content: "";
6619
- position: absolute;
6620
- width: 100%;
6621
- height: 0;
6622
- bottom: 0;
6623
- right: 0;
6624
- }
6625
-
6626
- .premium-image-button-style1-right:before {
6627
- content: "";
6628
- position: absolute;
6629
- width: 0;
6630
- height: 100%;
6631
- bottom: 0;
6632
- right: 0;
6633
- }
6634
-
6635
- .premium-image-button-style1-left:before {
6636
- content: "";
6637
- position: absolute;
6638
- width: 0;
6639
- height: 100%;
6640
- top: 0;
6641
- left: 0;
6642
- }
6643
-
6644
- .premium-image-button-style1-bottom:hover:before {
6645
- height: 100%;
6646
- }
6647
-
6648
- .premium-image-button-style1-top:hover:before {
6649
- height: 100%;
6650
- }
6651
-
6652
- .premium-image-button-style1-right:hover:before {
6653
- width: 100%;
6654
- }
6655
-
6656
- .premium-image-button-style1-left:hover:before {
6657
- width: 100%;
6658
- }
6659
-
6660
- .premium-image-button-diagonal-top,
6661
- .premium-image-button-diagonal-bottom,
6662
- .premium-image-button-diagonal-left,
6663
- .premium-image-button-diagonal-right {
6664
- z-index: 10;
6665
- }
6666
-
6667
- .premium-image-button-diagonal-top:before,
6668
- .premium-image-button-diagonal-bottom:before,
6669
- .premium-image-button-diagonal-left:before,
6670
- .premium-image-button-diagonal-right:before {
6671
- position: absolute;
6672
- top: 0px;
6673
- right: 0px;
6674
- width: 100%;
6675
- height: 100%;
6676
- content: "";
6677
- z-index: 1;
6678
- background: rgba(255, 255, 255, 0.2);
6679
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6680
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6681
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6682
- -webkit-transition: all 0.8s ease-out;
6683
- transition: all 0.8s ease-out;
6684
- }
6685
-
6686
- .premium-image-button-diagonal-right:hover:before,
6687
- .premium-image-button-diagonal-left:before {
6688
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6689
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6690
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6691
- }
6692
-
6693
- .premium-image-button-diagonal-left:hover:before,
6694
- .premium-image-button-diagonal-right:before {
6695
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6696
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6697
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6698
- }
6699
-
6700
- .premium-image-button-diagonal-top:hover:before,
6701
- .premium-image-button-diagonal-bottom:before {
6702
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6703
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6704
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6705
- }
6706
-
6707
- .premium-image-button-diagonal-bottom:hover:before,
6708
- .premium-image-button-diagonal-top:before {
6709
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6710
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6711
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6712
- }
6713
-
6714
- .premium-image-button-style4-icon-wrapper {
6715
- position: absolute;
6716
- z-index: 2;
6717
- width: 100%;
6718
- text-align: center;
6719
- display: -webkit-box;
6720
- display: -webkit-flex;
6721
- display: -ms-flexbox;
6722
- -js-display: flex;
6723
- display: -moz-box;
6724
- display: flex;
6725
- -webkit-box-align: center;
6726
- -webkit-align-items: center;
6727
- -moz-box-align: center;
6728
- -ms-flex-align: center;
6729
- align-items: center;
6730
- -webkit-box-pack: center;
6731
- -webkit-justify-content: center;
6732
- -moz-box-pack: center;
6733
- -ms-flex-pack: center;
6734
- justify-content: center;
6735
- height: 100%;
6736
- opacity: 0;
6737
- -webkit-transition: all 0.3s ease-in-out;
6738
- transition: all 0.3s ease-in-out;
6739
- }
6740
-
6741
- .premium-image-button-style4-icon-wrapper.top {
6742
- bottom: -100%;
6743
- right: 0;
6744
- }
6745
-
6746
- .premium-image-button-style4-icon-wrapper.bottom {
6747
- top: -100%;
6748
- right: 0;
6749
- }
6750
-
6751
- .premium-image-button-style4-icon-wrapper.left {
6752
- top: 0;
6753
- right: -100%;
6754
- }
6755
-
6756
- .premium-image-button-style4-icon-wrapper.right {
6757
- top: 0;
6758
- left: -100%;
6759
- }
6760
-
6761
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6762
- top: 0;
6763
- opacity: 1;
6764
- }
6765
-
6766
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6767
- bottom: 0;
6768
- opacity: 1;
6769
- }
6770
-
6771
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6772
- right: 0;
6773
- opacity: 1;
6774
- }
6775
-
6776
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6777
- left: 0;
6778
- opacity: 1;
6779
- }
6780
-
6781
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6782
- -webkit-transform: translateY(100%);
6783
- -ms-transform: translateY(100%);
6784
- transform: translateY(100%);
6785
- opacity: 0;
6786
- }
6787
-
6788
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6789
- -webkit-transform: translateY(-100%);
6790
- -ms-transform: translateY(-100%);
6791
- transform: translateY(-100%);
6792
- opacity: 0;
6793
- }
6794
-
6795
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6796
- -webkit-transform: translateX(-100%);
6797
- -ms-transform: translateX(-100%);
6798
- transform: translateX(-100%);
6799
- opacity: 0;
6800
- }
6801
-
6802
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6803
- -webkit-transform: translateX(100%);
6804
- -ms-transform: translateX(100%);
6805
- transform: translateX(100%);
6806
- opacity: 0;
6807
- }
6808
-
6809
- .premium-image-button-overlap-effect-horizontal:before,
6810
- .premium-image-button-overlap-effect-vertical:before {
6811
- position: absolute;
6812
- content: "";
6813
- top: 0;
6814
- right: 0;
6815
- width: 100%;
6816
- height: 100%;
6817
- opacity: 0;
6818
- -webkit-transition: all 1s ease-in-out;
6819
- transition: all 1s ease-in-out;
6820
- background: rgba(255, 255, 255, 0.2);
6821
- -webkit-animation-name: premium-overlap-effect-done;
6822
- animation-name: premium-overlap-effect-done;
6823
- -webkit-animation-duration: 1s;
6824
- animation-duration: 1s;
6825
- }
6826
-
6827
- .premium-image-button-overlap-effect-vertical:before {
6828
- -webkit-animation-name: premium-overlap-ver-effect-done;
6829
- animation-name: premium-overlap-ver-effect-done;
6830
- -webkit-animation-duration: 1s;
6831
- animation-duration: 1s;
6832
- }
6833
-
6834
- .premium-image-button-overlap-effect-horizontal:hover:before {
6835
- -webkit-animation-name: premium-overlap-effect;
6836
- animation-name: premium-overlap-effect;
6837
- -webkit-animation-duration: 1s;
6838
- animation-duration: 1s;
6839
- }
6840
-
6841
- .premium-image-button-overlap-effect-vertical:hover:before {
6842
- -webkit-animation-name: premium-overlap-ver-effect;
6843
- animation-name: premium-overlap-ver-effect;
6844
- -webkit-animation-duration: 1s;
6845
- animation-duration: 1s;
6846
- }
6847
-
6848
- @-webkit-keyframes premium-overlap-effect {
6849
- 0% {
6850
- opacity: 0;
6851
- -webkit-transform: rotateY(0deg);
6852
- transform: rotateY(0deg);
6853
- }
6854
-
6855
- 50% {
6856
- opacity: 1;
6857
- -webkit-transform: rotateY(180deg);
6858
- transform: rotateY(180deg);
6859
- }
6860
-
6861
- 100% {
6862
- opacity: 0;
6863
- -webkit-transform: rotateY(360deg);
6864
- transform: rotateY(360deg);
6865
- }
6866
- }
6867
-
6868
- @keyframes premium-overlap-effect {
6869
- 0% {
6870
- opacity: 0;
6871
- -webkit-transform: rotateY(0deg);
6872
- transform: rotateY(0deg);
6873
- }
6874
-
6875
- 50% {
6876
- opacity: 1;
6877
- -webkit-transform: rotateY(180deg);
6878
- transform: rotateY(180deg);
6879
- }
6880
-
6881
- 100% {
6882
- opacity: 0;
6883
- -webkit-transform: rotateY(360deg);
6884
- transform: rotateY(360deg);
6885
- }
6886
- }
6887
-
6888
- @-webkit-keyframes premium-overlap-effect-done {
6889
- 0% {
6890
- opacity: 0;
6891
- -webkit-transform: rotateY(0deg);
6892
- transform: rotateY(0deg);
6893
- }
6894
-
6895
- 50% {
6896
- opacity: 1;
6897
- -webkit-transform: rotateY(180deg);
6898
- transform: rotateY(180deg);
6899
- }
6900
-
6901
- 100% {
6902
- opacity: 0;
6903
- -webkit-transform: rotateY(360deg);
6904
- transform: rotateY(360deg);
6905
- }
6906
- }
6907
-
6908
- @keyframes premium-overlap-effect-done {
6909
- 0% {
6910
- opacity: 0;
6911
- -webkit-transform: rotateY(0deg);
6912
- transform: rotateY(0deg);
6913
- }
6914
-
6915
- 50% {
6916
- opacity: 1;
6917
- -webkit-transform: rotateY(180deg);
6918
- transform: rotateY(180deg);
6919
- }
6920
-
6921
- 100% {
6922
- opacity: 0;
6923
- -webkit-transform: rotateY(360deg);
6924
- transform: rotateY(360deg);
6925
- }
6926
- }
6927
-
6928
- @-webkit-keyframes premium-overlap-ver-effect {
6929
- 0% {
6930
- opacity: 0;
6931
- -webkit-transform: rotateX(0deg);
6932
- transform: rotateX(0deg);
6933
- }
6934
-
6935
- 50% {
6936
- opacity: 1;
6937
- -webkit-transform: rotateX(180deg);
6938
- transform: rotateX(180deg);
6939
- }
6940
-
6941
- 100% {
6942
- opacity: 0;
6943
- -webkit-transform: rotateX(360deg);
6944
- transform: rotateX(360deg);
6945
- }
6946
- }
6947
-
6948
- @keyframes premium-overlap-ver-effect {
6949
- 0% {
6950
- opacity: 0;
6951
- -webkit-transform: rotateX(0deg);
6952
- transform: rotateX(0deg);
6953
- }
6954
-
6955
- 50% {
6956
- opacity: 1;
6957
- -webkit-transform: rotateX(180deg);
6958
- transform: rotateX(180deg);
6959
- }
6960
-
6961
- 100% {
6962
- opacity: 0;
6963
- -webkit-transform: rotateX(360deg);
6964
- transform: rotateX(360deg);
6965
- }
6966
- }
6967
-
6968
- @-webkit-keyframes premium-overlap-ver-effect-done {
6969
- 0% {
6970
- opacity: 0;
6971
- -webkit-transform: rotateX(0deg);
6972
- transform: rotateX(0deg);
6973
- }
6974
-
6975
- 50% {
6976
- opacity: 1;
6977
- -webkit-transform: rotateX(180deg);
6978
- transform: rotateX(180deg);
6979
- }
6980
-
6981
- 100% {
6982
- opacity: 0;
6983
- -webkit-transform: rotateX(360deg);
6984
- transform: rotateX(360deg);
6985
- }
6986
- }
6987
-
6988
- @keyframes premium-overlap-ver-effect-done {
6989
- 0% {
6990
- opacity: 0;
6991
- -webkit-transform: rotateX(0deg);
6992
- transform: rotateX(0deg);
6993
- }
6994
-
6995
- 50% {
6996
- opacity: 1;
6997
- -webkit-transform: rotateX(180deg);
6998
- transform: rotateX(180deg);
6999
- }
7000
-
7001
- 100% {
7002
- opacity: 0;
7003
- -webkit-transform: rotateX(360deg);
7004
- transform: rotateX(360deg);
7005
- }
7006
- }
7007
-
7008
- /******** Premium Media Grid ********/
7009
- /************************************/
7010
- .premium-img-gallery-filter,
7011
- .premium-blog-filter {
7012
- display: -webkit-box;
7013
- display: -webkit-flex;
7014
- display: -ms-flexbox;
7015
- -js-display: flex;
7016
- display: -moz-box;
7017
- display: flex;
7018
- -webkit-box-align: center;
7019
- -webkit-align-items: center;
7020
- -moz-box-align: center;
7021
- -ms-flex-align: center;
7022
- align-items: center;
7023
- -webkit-box-pack: center;
7024
- -webkit-justify-content: center;
7025
- -moz-box-pack: center;
7026
- -ms-flex-pack: center;
7027
- justify-content: center;
7028
- }
7029
-
7030
- .premium-img-gallery {
7031
- clear: both;
7032
- overflow: hidden;
7033
- }
7034
-
7035
- .premium-gallery-container .premium-gallery-item {
7036
- padding: 10px;
7037
- float: right;
7038
- /* Google Chrome isotope issue */
7039
- }
7040
-
7041
- .premium-gallery-container .grid-sizer {
7042
- width: 33.33%;
7043
- }
7044
-
7045
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7046
- .premium-blog-filter .premium-blog-filters-container li a.category {
7047
- outline: none;
7048
- text-decoration: none;
7049
- -webkit-border-radius: 75px;
7050
- border-radius: 75px;
7051
- margin: 15px 5px 20px;
7052
- padding: 7px 20px;
7053
- -webkit-transition: all 0.3s ease-in-out;
7054
- transition: all 0.3s ease-in-out;
7055
- }
7056
-
7057
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7058
- -webkit-transition: all 0.3s ease-in-out;
7059
- transition: all 0.3s ease-in-out;
7060
- }
7061
-
7062
- .pa-gallery-img {
7063
- position: relative;
7064
- }
7065
-
7066
- .pa-gallery-img .pa-gallery-whole-link {
7067
- position: absolute;
7068
- top: 0;
7069
- right: 0;
7070
- width: 100%;
7071
- height: 100%;
7072
- }
7073
-
7074
- .pa-gallery-img.style2 .pa-gallery-whole-link {
7075
- z-index: 99;
7076
- }
7077
-
7078
- .pa-gallery-img-container {
7079
- overflow: hidden;
7080
- -webkit-backface-visibility: hidden;
7081
- -moz-backface-visibility: hidden;
7082
- -webkit-transform: translate3d(0, 0, 0);
7083
- transform: translate3d(0, 0, 0);
7084
- }
7085
-
7086
- .pa-gallery-img-container img {
7087
- display: block;
7088
- width: 100%;
7089
- -webkit-transition: all 0.3s ease-in-out;
7090
- transition: all 0.3s ease-in-out;
7091
- }
7092
-
7093
- .premium-img-gallery.gray img {
7094
- -webkit-filter: grayscale(100%);
7095
- filter: grayscale(100%);
7096
- }
7097
-
7098
- .premium-img-gallery.zoomout img,
7099
- .premium-img-gallery.scale img {
7100
- -webkit-transform: scale(1.2);
7101
- -ms-transform: scale(1.2);
7102
- transform: scale(1.2);
7103
- }
7104
-
7105
- .premium-img-gallery.sepia img {
7106
- -webkit-filter: sepia(30%);
7107
- filter: sepia(30%);
7108
- }
7109
-
7110
- .premium-img-gallery.bright img {
7111
- -webkit-filter: brightness(1);
7112
- filter: brightness(1);
7113
- }
7114
-
7115
- .premium-img-gallery.trans img {
7116
- -webkit-transform: translateX(15px) scale(1.1);
7117
- -ms-transform: translateX(15px) scale(1.1);
7118
- transform: translateX(15px) scale(1.1);
7119
- }
7120
-
7121
- .pa-gallery-img .pa-gallery-magnific-image,
7122
- .pa-gallery-img .pa-gallery-img-link {
7123
- outline: none;
7124
- }
7125
-
7126
- .pa-gallery-img .pa-gallery-magnific-image i,
7127
- .pa-gallery-img .pa-gallery-magnific-image svg,
7128
- .pa-gallery-img .pa-gallery-img-link i,
7129
- .pa-gallery-img .pa-gallery-img-link svg {
7130
- -webkit-transition: all 0.3s ease-in-out;
7131
- transition: all 0.3s ease-in-out;
7132
- }
7133
-
7134
- .pa-gallery-img .pa-gallery-magnific-image span,
7135
- .pa-gallery-img .pa-gallery-img-link span {
7136
- line-height: 1;
7137
- display: inline-block;
7138
- opacity: 0;
7139
- margin: 0 5px;
7140
- padding: 15px;
7141
- -webkit-border-radius: 50%;
7142
- border-radius: 50%;
7143
- }
7144
-
7145
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7146
- .pa-gallery-img.style2 .pa-gallery-img-link span {
7147
- margin: 0 5px 20px;
7148
- }
7149
-
7150
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
7151
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7152
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7153
- }
7154
-
7155
- .pa-gallery-img:hover .pa-gallery-img-link span {
7156
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7157
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7158
- }
7159
-
7160
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
7161
- .pa-gallery-img:hover .pa-gallery-img-link span,
7162
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
7163
- opacity: 1;
7164
- }
7165
-
7166
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
7167
- .premium-blog-filter ul.premium-blog-filters-container {
7168
- text-align: center;
7169
- margin: 0;
7170
- padding: 0;
7171
- }
7172
-
7173
- .premium-img-gallery-filter .premium-gallery-cats-container li,
7174
- .premium-blog-filter .premium-blog-filters-container li {
7175
- list-style: none;
7176
- display: -webkit-inline-box;
7177
- display: -webkit-inline-flex;
7178
- display: -ms-inline-flexbox;
7179
- -js-display: inline-flex;
7180
- display: -moz-inline-box;
7181
- display: inline-flex;
7182
- }
7183
-
7184
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7185
- -webkit-transform: scale(1.1);
7186
- -ms-transform: scale(1.1);
7187
- transform: scale(1.1);
7188
- }
7189
-
7190
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7191
- -webkit-transform: scale(1);
7192
- -ms-transform: scale(1);
7193
- transform: scale(1);
7194
- }
7195
-
7196
- .premium-img-gallery.scale .pa-gallery-img:hover img {
7197
- -webkit-transform: scale(1.3) rotate(-5deg);
7198
- -ms-transform: scale(1.3) rotate(-5deg);
7199
- transform: scale(1.3) rotate(-5deg);
7200
- }
7201
-
7202
- .premium-img-gallery.gray .pa-gallery-img:hover img {
7203
- -webkit-filter: grayscale(0%);
7204
- filter: grayscale(0%);
7205
- }
7206
-
7207
- .premium-img-gallery.blur .pa-gallery-img:hover img {
7208
- -webkit-filter: blur(3px);
7209
- filter: blur(3px);
7210
- }
7211
-
7212
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
7213
- -webkit-filter: sepia(0%);
7214
- filter: sepia(0%);
7215
- }
7216
-
7217
- .premium-img-gallery.trans .pa-gallery-img:hover img {
7218
- -webkit-transform: translateX(0px) scale(1.1);
7219
- -ms-transform: translateX(0px) scale(1.1);
7220
- transform: translateX(0px) scale(1.1);
7221
- }
7222
-
7223
- .premium-img-gallery.bright .pa-gallery-img:hover img {
7224
- -webkit-filter: brightness(1.2);
7225
- filter: brightness(1.2);
7226
- }
7227
-
7228
- .pa-gallery-img .premium-gallery-caption {
7229
- padding: 10px;
7230
- }
7231
-
7232
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7233
- margin-bottom: 0;
7234
- }
7235
-
7236
- .pa-gallery-img.style1 {
7237
- overflow: hidden;
7238
- }
7239
-
7240
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7241
- position: absolute;
7242
- top: 0;
7243
- right: 0;
7244
- width: 100%;
7245
- height: 100%;
7246
- -webkit-transition: all 0.3s ease-in-out;
7247
- transition: all 0.3s ease-in-out;
7248
- }
7249
-
7250
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7251
- position: absolute;
7252
- top: 33.33%;
7253
- width: 100%;
7254
- text-align: center;
7255
- -webkit-transform: translateY(-50%);
7256
- -ms-transform: translateY(-50%);
7257
- transform: translateY(-50%);
7258
- z-index: 999;
7259
- }
7260
-
7261
- .premium-blog-post-container .premium-blog-entry-container {
7262
- margin: 0 !important;
7263
- }
7264
-
7265
- .pa-gallery-img.style1 .premium-gallery-caption {
7266
- position: absolute;
7267
- top: auto;
7268
- left: 0;
7269
- right: 0;
7270
- width: 100%;
7271
- -webkit-transition: all 500ms ease 0s;
7272
- transition: all 500ms ease 0s;
7273
- -webkit-transform: translate3d(0, 100%, 0);
7274
- -ms-transform: translate3d(0, 100%, 0);
7275
- transform: translate3d(0, 100%, 0);
7276
- }
7277
-
7278
- .pa-gallery-img.default .premium-gallery-caption {
7279
- position: absolute;
7280
- top: auto;
7281
- left: 0;
7282
- right: 0;
7283
- width: 100%;
7284
- bottom: 0;
7285
- }
7286
-
7287
- .pa-gallery-img.style1:hover .premium-gallery-caption {
7288
- -webkit-transform: translate3d(0, 0, 0);
7289
- -ms-transform: translate3d(0, 0, 0);
7290
- transform: translate3d(0, 0, 0);
7291
- bottom: -1px !important;
7292
- }
7293
-
7294
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7295
- position: absolute;
7296
- top: 0;
7297
- right: 0;
7298
- width: 100%;
7299
- height: 100%;
7300
- opacity: 0;
7301
- -webkit-backface-visibility: hidden;
7302
- backface-visibility: hidden;
7303
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7304
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7305
- transition: opacity 0.3s, -webkit-transform 0.3s;
7306
- transition: transform 0.3s, opacity 0.3s;
7307
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7308
- z-index: 1;
7309
- background-color: rgba(108, 191, 226, 0.68);
7310
- display: -webkit-box;
7311
- display: -webkit-flex;
7312
- display: -ms-flexbox;
7313
- -js-display: flex;
7314
- display: -moz-box;
7315
- display: flex;
7316
- text-align: center;
7317
- -webkit-box-align: center;
7318
- -webkit-align-items: center;
7319
- -moz-box-align: center;
7320
- -ms-flex-align: center;
7321
- align-items: center;
7322
- }
7323
-
7324
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7325
- width: 100%;
7326
- }
7327
-
7328
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7329
- opacity: 1;
7330
- -webkit-transform: translate(-15px, 15px);
7331
- -ms-transform: translate(-15px, 15px);
7332
- transform: translate(-15px, 15px);
7333
- }
7334
-
7335
- .premium-clearfix {
7336
- clear: both;
7337
- }
7338
-
7339
- .premium-gallery-container .pa-gallery-item {
7340
- padding: 10px;
7341
- }
7342
-
7343
- /**
7344
- * Metro Layout
7345
- */
7346
- .premium-img-gallery-metro .premium-gallery-item {
7347
- overflow: hidden;
7348
- }
7349
-
7350
- .premium-img-gallery-metro .pa-gallery-img {
7351
- height: 100%;
7352
- }
7353
-
7354
- .premium-img-gallery-metro .pa-gallery-img-container {
7355
- height: 100%;
7356
- }
7357
-
7358
- .premium-img-gallery-metro .pa-gallery-img-container img {
7359
- min-height: 100%;
7360
- width: 100%;
7361
- -o-object-fit: fill;
7362
- object-fit: fill;
7363
- }
7364
-
7365
- .premium-img-gallery .premium-gallery-item-hidden {
7366
- visibility: hidden;
7367
- width: 0 !important;
7368
- height: 0 !important;
7369
- margin: 0 !important;
7370
- padding: 0 !important;
7371
- }
7372
-
7373
- .premium-gallery-load-more .premium-gallery-load-more-btn {
7374
- -webkit-box-shadow: none;
7375
- box-shadow: none;
7376
- text-shadow: none;
7377
- border: none;
7378
- outline: none;
7379
- -webkit-box-align: center;
7380
- -ms-flex-align: center;
7381
- -webkit-align-items: center;
7382
- -moz-box-align: center;
7383
- align-items: center;
7384
- vertical-align: bottom;
7385
- cursor: pointer;
7386
- line-height: 1;
7387
- font-style: normal;
7388
- font-weight: normal;
7389
- background-image: none;
7390
- color: #fff;
7391
- -webkit-transition: all 0.3s ease-in-out;
7392
- transition: all 0.3s ease-in-out;
7393
- }
7394
-
7395
- .premium-gallery-load-more-btn {
7396
- display: -webkit-inline-box;
7397
- display: -webkit-inline-flex;
7398
- display: -ms-inline-flexbox;
7399
- -js-display: inline-flex;
7400
- display: -moz-inline-box;
7401
- display: inline-flex;
7402
- -webkit-box-align: center;
7403
- -webkit-align-items: center;
7404
- -moz-box-align: center;
7405
- -ms-flex-align: center;
7406
- align-items: center;
7407
- }
7408
-
7409
- .premium-loader {
7410
- border: 3px solid #f3f3f3;
7411
- border-top-width: 3px;
7412
- border-top-style: solid;
7413
- border-top-color: rgb(243, 243, 243);
7414
- -webkit-border-radius: 50%;
7415
- border-radius: 50%;
7416
- border-top: 3px solid;
7417
- border-top-color: #bbb;
7418
- width: 30px;
7419
- height: 30px;
7420
- -webkit-animation: spin 2s linear infinite;
7421
- animation: spin 2s linear infinite;
7422
- margin: 0 auto;
7423
- }
7424
-
7425
- .premium-gallery-load-more-btn div {
7426
- margin-right: 3px;
7427
- }
7428
-
7429
- .premium-gallery-load-more-btn .premium-loader {
7430
- display: inline-block;
7431
- width: 20px;
7432
- height: 20px;
7433
- }
7434
-
7435
- /** * Video */
7436
- .pa-gallery-img .pa-gallery-lightbox-wrap {
7437
- display: inline-block;
7438
- }
7439
-
7440
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7441
- .pa-gallery-img .pa-gallery-video-icon {
7442
- cursor: pointer;
7443
- }
7444
-
7445
- .pa-gallery-img-container iframe,
7446
- .pa-gallery-img-container video {
7447
- position: absolute;
7448
- visibility: hidden;
7449
- top: 0;
7450
- right: 0;
7451
- max-width: 100%;
7452
- width: 100%;
7453
- height: 100%;
7454
- margin: 0;
7455
- line-height: 1;
7456
- border: none;
7457
- }
7458
-
7459
- .pa-gallery-img-container video {
7460
- -o-object-fit: contain;
7461
- object-fit: contain;
7462
- }
7463
-
7464
- .pa-gallery-icons-inner-container svg,
7465
- .pa-gallery-icons-caption-cell svg {
7466
- width: 14px;
7467
- height: 14px;
7468
- }
7469
-
7470
- .premium-gallery-gradient-layer {
7471
- position: absolute;
7472
- bottom: 40px;
7473
- width: 100%;
7474
- height: 20px;
7475
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7476
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7477
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7478
- }
7479
-
7480
- @-webkit-keyframes spin {
7481
- 0% {
7482
- -webkit-transform: rotate(0deg);
7483
- }
7484
-
7485
- 100% {
7486
- -webkit-transform: rotate(-360deg);
7487
- }
7488
- }
7489
-
7490
- @keyframes spin {
7491
- 0% {
7492
- -webkit-transform: rotate(0deg);
7493
- transform: rotate(0deg);
7494
- }
7495
-
7496
- 100% {
7497
- -webkit-transform: rotate(-360deg);
7498
- transform: rotate(-360deg);
7499
- }
7500
- }
7501
-
7502
- /************ Premium Vertical Scroll ************/
7503
- /*************************************************/
7504
- .premium-vscroll-inner {
7505
- position: relative;
7506
- /* overflow: hidden;
7507
- */
7508
- min-height: 100%;
7509
- }
7510
-
7511
- .premium-vscroll-inner .premium-vscroll-dots {
7512
- position: fixed;
7513
- z-index: 100;
7514
- opacity: 1;
7515
- margin-top: -32px;
7516
- -webkit-transition: all 0.3s ease-in-out;
7517
- transition: all 0.3s ease-in-out;
7518
- }
7519
-
7520
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7521
- opacity: 1;
7522
- -webkit-transition: all 0.3s ease-in-out;
7523
- transition: all 0.3s ease-in-out;
7524
- }
7525
-
7526
- .premium-vscroll-inner .premium-vscroll-dots,
7527
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7528
- opacity: 0;
7529
- visibility: hidden;
7530
- }
7531
-
7532
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7533
- opacity: 1;
7534
- visibility: visible;
7535
- }
7536
-
7537
- .premium-vscroll-dots.middle {
7538
- top: 50%;
7539
- }
7540
-
7541
- .premium-vscroll-dots.top {
7542
- top: 40px;
7543
- }
7544
-
7545
- .premium-vscroll-dots.bottom {
7546
- bottom: 30px;
7547
- }
7548
-
7549
- .premium-vscroll-dots.right {
7550
- left: 17px;
7551
- }
7552
-
7553
- .premium-vscroll-dots.left {
7554
- right: 17px;
7555
- }
7556
-
7557
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7558
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7559
- margin: 0 !important;
7560
- padding: 0;
7561
- }
7562
-
7563
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7564
- width: 14px;
7565
- height: 13px;
7566
- margin: 7px;
7567
- position: relative;
7568
- display: -webkit-box;
7569
- display: -webkit-flex;
7570
- display: -ms-flexbox;
7571
- -js-display: flex;
7572
- display: -moz-box;
7573
- display: flex;
7574
- -webkit-box-pack: center;
7575
- -ms-flex-pack: center;
7576
- -webkit-justify-content: center;
7577
- -moz-box-pack: center;
7578
- justify-content: center;
7579
- -webkit-box-align: center;
7580
- -ms-flex-align: center;
7581
- -webkit-align-items: center;
7582
- -moz-box-align: center;
7583
- align-items: center;
7584
- overflow: visible;
7585
- }
7586
-
7587
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7588
- display: block;
7589
- position: relative;
7590
- z-index: 1;
7591
- width: 100%;
7592
- height: 100%;
7593
- cursor: pointer;
7594
- text-decoration: none;
7595
- }
7596
-
7597
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7598
- top: 2px;
7599
- right: 2.5px;
7600
- width: 8px;
7601
- height: 8px;
7602
- border: 1px solid #000;
7603
- -webkit-border-radius: 50%;
7604
- border-radius: 50%;
7605
- position: absolute;
7606
- z-index: 1;
7607
- -webkit-transition: all 0.3s ease-in-out;
7608
- transition: all 0.3s ease-in-out;
7609
- }
7610
-
7611
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7612
- -webkit-transform: scale(1.6);
7613
- -ms-transform: scale(1.6);
7614
- transform: scale(1.6);
7615
- }
7616
-
7617
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7618
- position: absolute;
7619
- color: #fff;
7620
- font-size: 14px;
7621
- font-family: arial, helvetica, sans-serif;
7622
- white-space: nowrap;
7623
- max-width: 220px;
7624
- padding-right: 0.4em;
7625
- padding-left: 0.4em;
7626
- }
7627
-
7628
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7629
- left: 27px;
7630
- }
7631
-
7632
- /* * Lines */
7633
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7634
- width: 4px;
7635
- height: 30px;
7636
- }
7637
-
7638
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7639
- width: 100%;
7640
- height: 100%;
7641
- -webkit-border-radius: 0;
7642
- border-radius: 0;
7643
- }
7644
-
7645
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7646
- -webkit-transform: scale(1);
7647
- -ms-transform: scale(1);
7648
- transform: scale(1);
7649
- }
7650
-
7651
- @media (max-width: 768px) {
7652
- .premium-vscroll-dots.right {
7653
- left: 7px;
7654
- }
7655
-
7656
- .premium-vscroll-dots.left {
7657
- right: 7px;
7658
- }
7659
- }
7660
-
7661
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7662
- position: absolute;
7663
- top: 50%;
7664
- content: "";
7665
- right: -webkit-calc(100% - 1px);
7666
- right: calc(100% - 1px);
7667
- width: 10px;
7668
- height: 0;
7669
- border-top: 6px solid transparent;
7670
- border-bottom: 6px solid transparent;
7671
- border-right: 6px solid;
7672
- -webkit-transform: translateY(-50%);
7673
- -ms-transform: translateY(-50%);
7674
- transform: translateY(-50%);
7675
- }
7676
-
7677
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7678
- position: absolute;
7679
- top: 50%;
7680
- content: "";
7681
- left: -webkit-calc(100% - 1px);
7682
- left: calc(100% - 1px);
7683
- width: 10px;
7684
- height: 0;
7685
- border-top: 6px solid transparent;
7686
- border-bottom: 6px solid transparent;
7687
- border-left: 6px solid;
7688
- -webkit-transform: translateY(-50%);
7689
- -ms-transform: translateY(-50%);
7690
- transform: translateY(-50%);
7691
- }
7692
-
7693
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7694
- right: 27px;
7695
- }
7696
-
7697
- .premium-vscroll-nav-menu {
7698
- position: fixed;
7699
- top: 20px;
7700
- height: 40px;
7701
- z-index: 100;
7702
- padding: 0;
7703
- margin: 0;
7704
- }
7705
-
7706
- .premium-vscroll-nav-menu.left {
7707
- right: 0;
7708
- }
7709
-
7710
- .premium-vscroll-nav-menu.right {
7711
- left: 0;
7712
- }
7713
-
7714
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7715
- display: inline-block;
7716
- margin: 10px;
7717
- color: #000;
7718
- background: #fff;
7719
- background: rgba(255, 255, 255, 0.3);
7720
- }
7721
-
7722
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7723
- padding: 9px 18px;
7724
- display: block;
7725
- cursor: pointer;
7726
- }
7727
-
7728
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7729
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7730
- color: #000;
7731
- }
7732
-
7733
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7734
- .multiscroll-nav li a:focus {
7735
- outline: none;
7736
- }
7737
-
7738
- .premium-vscroll-temp .slimScrollBar {
7739
- visibility: hidden;
7740
- }
7741
-
7742
- /************ Premium Image Scroll ***************/
7743
- /*************************************************/
7744
- .premium-image-scroll-section,
7745
- .premium-image-scroll-container {
7746
- -webkit-transition: all 0.3s ease-in-out;
7747
- transition: all 0.3s ease-in-out;
7748
- }
7749
-
7750
- .premium-image-scroll-section {
7751
- position: relative;
7752
- overflow: hidden;
7753
- width: 100%;
7754
- -webkit-mask-image: -webkit-radial-gradient(white, black);
7755
- }
7756
-
7757
- .premium-image-scroll-container {
7758
- width: 100%;
7759
- }
7760
-
7761
- .premium-image-scroll-container .premium-image-scroll-mask-media {
7762
- -webkit-mask-repeat: no-repeat;
7763
- mask-repeat: no-repeat;
7764
- -webkit-mask-position: center;
7765
- mask-position: center;
7766
- }
7767
-
7768
- .premium-container-scroll {
7769
- overflow: auto;
7770
- }
7771
-
7772
- .premium-image-scroll-container .premium-image-scroll-horizontal {
7773
- position: relative;
7774
- width: 100%;
7775
- height: 100%;
7776
- }
7777
-
7778
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
7779
- max-width: none;
7780
- height: 100%;
7781
- }
7782
-
7783
- .premium-image-scroll-container .premium-image-scroll-vertical img {
7784
- width: 100%;
7785
- max-width: 100%;
7786
- height: auto;
7787
- }
7788
-
7789
- .premium-image-scroll-ver {
7790
- position: relative;
7791
- }
7792
-
7793
- .premium-image-scroll-container .premium-image-scroll-overlay {
7794
- background: rgba(2, 2, 2, 0.3);
7795
- }
7796
-
7797
- .premium-image-scroll-container .premium-image-scroll-link,
7798
- .premium-image-scroll-container .premium-image-scroll-overlay {
7799
- position: absolute;
7800
- top: 0;
7801
- bottom: 0;
7802
- right: 0;
7803
- left: 0;
7804
- z-index: 4;
7805
- }
7806
-
7807
- .premium-image-scroll-content {
7808
- display: inline-block;
7809
- position: absolute;
7810
- height: auto;
7811
- top: 50%;
7812
- right: 50%;
7813
- text-align: center;
7814
- z-index: 5;
7815
- -webkit-transform: translate(50%, -50%);
7816
- -ms-transform: translate(50%, -50%);
7817
- transform: translate(50%, -50%);
7818
- }
7819
-
7820
- .premium-container-scroll-instant .premium-image-scroll-image {
7821
- -webkit-transition: all 0s ease-in-out !important;
7822
- transition: all 0s ease-in-out !important;
7823
- }
7824
-
7825
- .premium-image-scroll-container img {
7826
- -webkit-transition: -webkit-transform 3s ease-in-out;
7827
- transition: -webkit-transform 3s ease-in-out;
7828
- transition: transform 3s ease-in-out;
7829
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7830
- }
7831
-
7832
- .premium-image-scroll-container .premium-image-scroll-overlay,
7833
- .premium-image-scroll-container .premium-image-scroll-content {
7834
- -webkit-transition: all 0.3s ease-in-out;
7835
- transition: all 0.3s ease-in-out;
7836
- opacity: 1;
7837
- }
7838
-
7839
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7840
- opacity: 0;
7841
- }
7842
-
7843
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7844
- opacity: 0;
7845
- visibility: hidden;
7846
- }
7847
-
7848
- .premium-image-scroll-content .premium-image-scroll-icon {
7849
- display: inline-block;
7850
- font-family: "pa-elements" !important;
7851
- speak: none;
7852
- font-style: normal;
7853
- font-weight: normal;
7854
- font-variant: normal;
7855
- text-transform: none;
7856
- line-height: 1;
7857
- -webkit-font-smoothing: antialiased;
7858
- -moz-osx-font-smoothing: grayscale;
7859
- -webkit-animation-duration: 0.5s;
7860
- animation-duration: 0.5s;
7861
- -webkit-animation-iteration-count: infinite;
7862
- animation-iteration-count: infinite;
7863
- -webkit-animation-direction: alternate;
7864
- animation-direction: alternate;
7865
- -webkit-animation-timing-function: ease-in-out;
7866
- animation-timing-function: ease-in-out;
7867
- }
7868
-
7869
- .pa-horizontal-mouse-scroll:before {
7870
- content: "\e917";
7871
- }
7872
-
7873
- .pa-vertical-mouse-scroll:before {
7874
- content: "\e918";
7875
- }
7876
-
7877
- .pa-horizontal-mouse-scroll {
7878
- -webkit-animation-name: pa-scroll-horizontal;
7879
- animation-name: pa-scroll-horizontal;
7880
- }
7881
-
7882
- .pa-vertical-mouse-scroll {
7883
- -webkit-animation-name: pa-scroll-vertical;
7884
- animation-name: pa-scroll-vertical;
7885
- }
7886
-
7887
- @-webkit-keyframes pa-scroll-vertical {
7888
- 0% {
7889
- -webkit-transform: translateY(0px);
7890
- transform: translateY(0px);
7891
- }
7892
-
7893
- 100% {
7894
- -webkit-transform: translateY(5px);
7895
- transform: translateY(5px);
7896
- }
7897
- }
7898
-
7899
- @keyframes pa-scroll-vertical {
7900
- 0% {
7901
- -webkit-transform: translateY(0px);
7902
- transform: translateY(0px);
7903
- }
7904
-
7905
- 100% {
7906
- -webkit-transform: translateY(5px);
7907
- transform: translateY(5px);
7908
- }
7909
- }
7910
-
7911
- @-webkit-keyframes pa-scroll-horizontal {
7912
- 0% {
7913
- -webkit-transform: translateX(0px);
7914
- transform: translateX(0px);
7915
- }
7916
-
7917
- 100% {
7918
- -webkit-transform: translateX(-5px);
7919
- transform: translateX(-5px);
7920
- }
7921
- }
7922
-
7923
- @keyframes pa-scroll-horizontal {
7924
- 0% {
7925
- -webkit-transform: translateX(0px);
7926
- transform: translateX(0px);
7927
- }
7928
-
7929
- 100% {
7930
- -webkit-transform: translateX(-5px);
7931
- transform: translateX(-5px);
7932
- }
7933
- }
7934
-
7935
- /********* Premium Lottie Animations **********/
7936
- /**********************************************/
7937
- .premium-lottie-wrap .premium-lottie-animation {
7938
- position: relative;
7939
- -js-display: inline-flex;
7940
- display: -webkit-inline-box;
7941
- display: -webkit-inline-flex;
7942
- display: -moz-inline-box;
7943
- display: -ms-inline-flexbox;
7944
- display: inline-flex;
7945
- -webkit-transition: all 0.3s ease-in-out;
7946
- transition: all 0.3s ease-in-out;
7947
- }
7948
-
7949
- .premium-lottie-wrap .premium-lottie-animation a {
7950
- position: absolute;
7951
- left: 0;
7952
- top: 0;
7953
- width: 100%;
7954
- height: 100%;
7955
- z-index: 2;
7956
- }
7957
-
7958
- /**************** Premium Bullet List *****************/
7959
- /******************************************************/
7960
- .premium-bullet-list-box {
7961
- -js-display: flex;
7962
- display: -webkit-box;
7963
- display: -webkit-flex;
7964
- display: -moz-box;
7965
- display: -ms-flexbox;
7966
- display: flex;
7967
- -webkit-flex-wrap: wrap;
7968
- -ms-flex-wrap: wrap;
7969
- flex-wrap: wrap;
7970
- -webkit-box-orient: vertical;
7971
- -webkit-box-direction: normal;
7972
- -webkit-flex-direction: column;
7973
- -moz-box-orient: vertical;
7974
- -moz-box-direction: normal;
7975
- -ms-flex-direction: column;
7976
- flex-direction: column;
7977
- }
7978
-
7979
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7980
- -webkit-transform-origin: right center;
7981
- -ms-transform-origin: right center;
7982
- transform-origin: right center;
7983
- }
7984
-
7985
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7986
- -webkit-transform-origin: left center;
7987
- -ms-transform-origin: left center;
7988
- transform-origin: left center;
7989
- }
7990
-
7991
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7992
- -webkit-transform-origin: center center;
7993
- -ms-transform-origin: center center;
7994
- transform-origin: center center;
7995
- }
7996
-
7997
- .premium-bullet-list-content {
7998
- -js-display: flex;
7999
- display: -webkit-box;
8000
- display: -webkit-flex;
8001
- display: -moz-box;
8002
- display: -ms-flexbox;
8003
- display: flex;
8004
- -webkit-transition: all 0.3s ease-in-out;
8005
- transition: all 0.3s ease-in-out;
8006
- width: auto;
8007
- position: relative;
8008
- }
8009
-
8010
- .premium-bullet-list-content .premium-bullet-list-text span,
8011
- .premium-bullet-list-content .premium-bullet-list-wrapper {
8012
- display: inline-block;
8013
- -webkit-align-self: center;
8014
- -ms-flex-item-align: center;
8015
- align-self: center;
8016
- -webkit-transition: all 0.3s ease-in-out;
8017
- transition: all 0.3s ease-in-out;
8018
- }
8019
-
8020
- .premium-bullet-list-content .premium-bullet-list-text span {
8021
- margin: 0 5px;
8022
- }
8023
-
8024
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8025
- font-size: 18px;
8026
- background-color: #eee;
8027
- padding: 1px 5px;
8028
- -webkit-border-radius: 2px;
8029
- border-radius: 2px;
8030
- }
8031
-
8032
- .premium-bullet-list-content .premium-bullet-list-text span,
8033
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
8034
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8035
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8036
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8037
- -webkit-transition: all 0.3s ease-in-out;
8038
- transition: all 0.3s ease-in-out;
8039
- }
8040
-
8041
- .premium-bullet-list-content .premium-bullet-list-wrapper {
8042
- position: relative;
8043
- line-height: 0;
8044
- }
8045
-
8046
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8047
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8048
- width: 30px !important;
8049
- height: 30px !important;
8050
- position: relative;
8051
- z-index: 500;
8052
- }
8053
-
8054
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8055
- width: 1.25em;
8056
- }
8057
-
8058
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
8059
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8060
- position: relative;
8061
- z-index: 500;
8062
- }
8063
-
8064
- .premium-bullet-list-content .premium-bullet-list-link {
8065
- position: absolute;
8066
- top: 0;
8067
- right: 0;
8068
- width: 100%;
8069
- height: 100%;
8070
- z-index: 1000;
8071
- }
8072
-
8073
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8074
- width: 100%;
8075
- height: 100%;
8076
- position: absolute;
8077
- top: 0.5em;
8078
- z-index: 100;
8079
- -js-display: flex;
8080
- display: -webkit-box;
8081
- display: -webkit-flex;
8082
- display: -moz-box;
8083
- display: -ms-flexbox;
8084
- display: flex;
8085
- -webkit-box-pack: center;
8086
- -webkit-justify-content: center;
8087
- -moz-box-pack: center;
8088
- -ms-flex-pack: center;
8089
- justify-content: center;
8090
- }
8091
-
8092
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8093
- content: "";
8094
- border-left-width: 1px;
8095
- border-left-style: solid;
8096
- border-color: #333333;
8097
- display: block;
8098
- height: 100%;
8099
- }
8100
-
8101
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
8102
- -webkit-align-self: center;
8103
- -ms-flex-item-align: center;
8104
- align-self: center;
8105
- z-index: 2;
8106
- }
8107
-
8108
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8109
- margin: 0 3px;
8110
- }
8111
-
8112
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8113
- margin: 0 0 0 3px;
8114
- }
8115
-
8116
- .premium-bullet-list-divider:not(:last-child) {
8117
- width: 100%;
8118
- -webkit-box-flex: 0;
8119
- -webkit-flex: 0 0 100%;
8120
- -moz-box-flex: 0;
8121
- -ms-flex: 0 0 100%;
8122
- flex: 0 0 100%;
8123
- overflow: hidden;
8124
- }
8125
-
8126
- .premium-bullet-list-divider:not(:last-child):after {
8127
- content: "";
8128
- display: block;
8129
- border-top-style: solid;
8130
- border-top-width: 1px;
8131
- }
8132
-
8133
- .premium-bullet-list-divider-inline:not(:last-child) {
8134
- float: left;
8135
- display: inline-block;
8136
- position: relative;
8137
- height: 100%;
8138
- overflow: hidden;
8139
- -webkit-align-self: center;
8140
- -ms-flex-item-align: center;
8141
- align-self: center;
8142
- margin: 0 3px;
8143
- }
8144
-
8145
- .premium-bullet-list-divider-inline:not(:last-child):after {
8146
- content: "";
8147
- display: block;
8148
- border-right-width: 1px;
8149
- height: 33px;
8150
- border-right-style: solid;
8151
- }
8152
-
8153
- .premium-bullet-list-icon-text {
8154
- line-height: 1.5;
8155
- }
8156
-
8157
- .premium-bullet-list-icon-text p,
8158
- ul.premium-bullet-list-box,
8159
- li.premium-bullet-list-content {
8160
- margin: 0;
8161
- }
8162
-
8163
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8164
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8165
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8166
- color: transparent !important;
8167
- text-shadow: 0 0 3px #aaa;
8168
- }
8169
-
8170
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8171
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8172
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8173
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8174
- -webkit-filter: blur(3px);
8175
- filter: blur(3px);
8176
- }
8177
-
8178
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8179
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8180
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8181
- color: #aaa !important;
8182
- text-shadow: 0 0px 0 transparent;
8183
- }
8184
-
8185
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8186
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8187
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8188
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8189
- -webkit-filter: none;
8190
- filter: none;
8191
- }
8192
-
8193
- .premium-bullet-list-content .premium-bullet-list-badge {
8194
- font-size: 11px;
8195
- top: auto;
8196
- min-width: -webkit-max-content;
8197
- min-width: -moz-max-content;
8198
- min-width: max-content;
8199
- height: -webkit-fit-content;
8200
- height: -moz-fit-content;
8201
- height: fit-content;
8202
- }
8203
-
8204
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8205
- font-size: 13px;
8206
- }
8207
-
8208
- .premium-bullet-list-gradient-effect[data-text] {
8209
- display: inline-block;
8210
- position: relative;
8211
- text-decoration: none;
8212
- }
8213
-
8214
- .premium-bullet-list-gradient-effect[data-text]::before {
8215
- content: attr(data-text);
8216
- position: absolute;
8217
- z-index: 1;
8218
- overflow: hidden;
8219
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8220
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8221
- -webkit-background-clip: text;
8222
- background-clip: text;
8223
- -webkit-text-fill-color: transparent;
8224
- -webkit-transition: all 0.4s ease;
8225
- transition: all 0.4s ease;
8226
- }
8227
-
8228
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8229
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8230
- -webkit-animation: rtlgradient 1s forwards;
8231
- animation: rtlgradient 1s forwards;
8232
- }
8233
-
8234
- @-webkit-keyframes rtlgradient {
8235
- 0% {
8236
- -webkit-clip-path: circle(0% at 150% 50%);
8237
- clip-path: circle(0% at 150% 50%);
8238
- }
8239
-
8240
- 100% {
8241
- -webkit-clip-path: circle(100% at 50% 50%);
8242
- clip-path: circle(100% at 50% 50%);
8243
- }
8244
- }
8245
-
8246
- @keyframes rtlgradient {
8247
- 0% {
8248
- -webkit-clip-path: circle(0% at 150% 50%);
8249
- clip-path: circle(0% at 150% 50%);
8250
- }
8251
-
8252
- 100% {
8253
- -webkit-clip-path: circle(100% at 50% 50%);
8254
- clip-path: circle(100% at 50% 50%);
8255
- }
8256
- }
8257
-
8258
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8259
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8260
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8261
- opacity: 0;
8262
- }
8263
-
8264
- .premium-bullet-list-content-grow-effect:hover {
8265
- -webkit-transform: scale(1.07);
8266
- -ms-transform: scale(1.07);
8267
- transform: scale(1.07);
8268
- }
8269
-
8270
- @keyframes spin {
8271
- 100% {
8272
- -webkit-transform: rotate(360deg);
8273
- transform: rotate(360deg);
8274
- }
8275
- }
8276
-
8277
- /********** Premium Woo Products **********/
8278
- /******************************************/
8279
- .premium-woocommerce .premium-woo-products-inner ul.products {
8280
- -js-display: flex;
8281
- display: -webkit-box;
8282
- display: -webkit-flex;
8283
- display: -moz-box;
8284
- display: -ms-flexbox;
8285
- display: flex;
8286
- margin: 0;
8287
- padding: 0;
8288
- -webkit-flex-wrap: wrap;
8289
- -ms-flex-wrap: wrap;
8290
- flex-wrap: wrap;
8291
- list-style: none outside;
8292
- -webkit-column-gap: 0;
8293
- -moz-column-gap: 0;
8294
- column-gap: 0;
8295
- }
8296
-
8297
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
8298
- margin: 0 0 10px;
8299
- padding: 0 10px;
8300
- }
8301
-
8302
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
8303
- overflow: hidden;
8304
- -webkit-transition: all 0.3s ease-in-out;
8305
- transition: all 0.3s ease-in-out;
8306
- }
8307
-
8308
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-category {
8309
- display: block;
8310
- font-size: 0.85em;
8311
- margin-bottom: 0.5em;
8312
- line-height: 1.3;
8313
- }
8314
-
8315
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .woocommerce-loop-product__title {
8316
- margin-bottom: 0.5em;
8317
- font-size: 1em;
8318
- -webkit-transition: all 0.3s ease-in-out;
8319
- transition: all 0.3s ease-in-out;
8320
- }
8321
-
8322
- .premium-woocommerce .woocommerce-loop-product__link {
8323
- position: relative;
8324
- display: block;
8325
- overflow: hidden;
8326
- -webkit-transition: all 0.3s ease-in-out;
8327
- transition: all 0.3s ease-in-out;
8328
- }
8329
-
8330
- .premium-woocommerce .premium-woo-ribbon-container {
8331
- position: absolute;
8332
- top: 0;
8333
- right: 0;
8334
- z-index: 9;
8335
- }
8336
-
8337
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating {
8338
- display: block;
8339
- float: none;
8340
- margin: 0 auto 0.5em;
8341
- -webkit-backface-visibility: hidden;
8342
- backface-visibility: hidden;
8343
- overflow: hidden;
8344
- position: relative;
8345
- height: 1em;
8346
- line-height: 1;
8347
- font-size: 0.857em;
8348
- width: 5.4em;
8349
- font-family: star;
8350
- }
8351
-
8352
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating::before {
8353
- content: "\73\73\73\73\73";
8354
- color: #54595f;
8355
- float: right;
8356
- top: 0;
8357
- right: 0;
8358
- position: absolute;
8359
- }
8360
-
8361
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
8362
- overflow: hidden;
8363
- float: right;
8364
- top: 0;
8365
- right: 0;
8366
- position: absolute;
8367
- padding-top: 1.5em;
8368
- }
8369
-
8370
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span::before {
8371
- content: "\53\53\53\53\53";
8372
- color: inherit;
8373
- top: 0;
8374
- position: absolute;
8375
- right: 0;
8376
- }
8377
-
8378
- .premium-woo-product-thumbnail {
8379
- position: relative;
8380
- overflow: hidden;
8381
- }
8382
-
8383
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
8384
- margin: 0;
8385
- width: 100%;
8386
- }
8387
-
8388
- .premium-woo-product-sale-wrap,
8389
- .premium-woo-product-featured-wrap {
8390
- margin: 0;
8391
- }
8392
-
8393
- .premium-woo-product-sale-wrap .premium-woo-product-onsale,
8394
- .premium-woo-product-featured-wrap .premium-woo-product-featured {
8395
- display: block;
8396
- text-align: center;
8397
- color: #fff;
8398
- min-width: 2em;
8399
- min-height: 2em;
8400
- line-height: 2em;
8401
- padding: 0.3em 0.6em;
8402
- margin: 0.5em 0.6em;
8403
- }
8404
-
8405
- .premium-woocommerce .premium-woo-products-details-wrap {
8406
- padding: 1em 1.2em;
8407
- }
8408
-
8409
- .premium-woocommerce .premium-woo-products-details-wrap .button {
8410
- display: inline-block;
8411
- background-color: #6ec1e4;
8412
- color: #fff;
8413
- margin: 0.5em 0;
8414
- line-height: 1.3;
8415
- padding: 10px 40px;
8416
- font-size: 100%;
8417
- cursor: pointer;
8418
- text-decoration: none;
8419
- overflow: visible;
8420
- font-weight: 700;
8421
- background-image: none;
8422
- border: none;
8423
- -webkit-border-radius: 0px;
8424
- border-radius: 0px;
8425
- -webkit-box-shadow: none;
8426
- box-shadow: none;
8427
- text-shadow: none;
8428
- -webkit-transition: all 0.3s ease-in-out;
8429
- transition: all 0.3s ease-in-out;
8430
- }
8431
-
8432
- .premium-woocommerce li.product .price {
8433
- display: block;
8434
- line-height: 1.3;
8435
- font-weight: 700;
8436
- margin-bottom: 0.5em;
8437
- font-size: 0.9em;
8438
- }
8439
-
8440
- .premium-woocommerce li.product .price del {
8441
- display: inline-block;
8442
- font-weight: 400;
8443
- background: transparent;
8444
- }
8445
-
8446
- .premium-woocommerce li.product .price ins {
8447
- display: inline-block;
8448
- background: transparent;
8449
- text-decoration: none;
8450
- font-weight: inherit;
8451
- }
8452
-
8453
- .premium-woocommerce li.product .price .amount {
8454
- color: inherit !important;
8455
- }
8456
-
8457
- .premium-woocommerce li.product .premium-woo-product-desc p {
8458
- margin: 0;
8459
- }
8460
-
8461
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
8462
- margin-right: auto;
8463
- margin-left: 0;
8464
- }
8465
-
8466
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8467
- margin-right: auto;
8468
- margin-left: auto;
8469
- }
8470
-
8471
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8472
- margin-right: 0;
8473
- margin-left: auto;
8474
- }
8475
-
8476
- .premium-woo-products-pagination ul.page-numbers {
8477
- -js-display: flex;
8478
- display: -webkit-box;
8479
- display: -webkit-flex;
8480
- display: -moz-box;
8481
- display: -ms-flexbox;
8482
- display: flex;
8483
- list-style-type: none;
8484
- margin: 0;
8485
- margin-top: 10px;
8486
- padding: 0;
8487
- border: none;
8488
- -webkit-box-pack: center;
8489
- -webkit-justify-content: center;
8490
- -moz-box-pack: center;
8491
- -ms-flex-pack: center;
8492
- justify-content: center;
8493
- }
8494
-
8495
- .premium-woo-products-pagination ul.page-numbers li {
8496
- margin: 0 0 0.4em 0.4em;
8497
- padding: 0;
8498
- text-align: center;
8499
- }
8500
-
8501
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8502
- margin: 0;
8503
- text-decoration: none;
8504
- color: #000;
8505
- border: 1px solid #54595f;
8506
- padding: 0;
8507
- line-height: 1;
8508
- font-size: 1em;
8509
- font-weight: 400;
8510
- padding: 0.75em;
8511
- display: block;
8512
- min-width: 2.5em;
8513
- -webkit-transition: all 0.3s ease-in-out;
8514
- transition: all 0.3s ease-in-out;
8515
- }
8516
-
8517
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
8518
- .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8519
- background-color: #54595f;
8520
- color: #fff;
8521
- outline: none;
8522
- }
8523
-
8524
- .premium-woocommerce .premium-loading-feed,
8525
- .premium-woo-quick-view-loader .premium-loading-feed {
8526
- display: block;
8527
- position: absolute;
8528
- width: 100%;
8529
- height: 100%;
8530
- top: 0px;
8531
- right: 0px;
8532
- bottom: 0px;
8533
- left: 0px;
8534
- background: rgba(255, 255, 255, 0.2);
8535
- -js-display: flex;
8536
- display: -webkit-box;
8537
- display: -webkit-flex;
8538
- display: -moz-box;
8539
- display: -ms-flexbox;
8540
- display: flex;
8541
- -webkit-box-align: center;
8542
- -webkit-align-items: center;
8543
- -moz-box-align: center;
8544
- -ms-flex-align: center;
8545
- align-items: center;
8546
- }
8547
-
8548
- /**
8549
- * Image Hover Effects
8550
- */
8551
- .premium-woocommerce .woocommerce-loop-product__link img {
8552
- -webkit-transition: all 0.3s ease-in-out;
8553
- transition: all 0.3s ease-in-out;
8554
- }
8555
-
8556
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8557
- -webkit-transform: scale(1.2);
8558
- -ms-transform: scale(1.2);
8559
- transform: scale(1.2);
8560
- }
8561
-
8562
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8563
- -webkit-transform: none;
8564
- -ms-transform: none;
8565
- transform: none;
8566
- }
8567
-
8568
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8569
- -webkit-transform: none;
8570
- -ms-transform: none;
8571
- transform: none;
8572
- }
8573
-
8574
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8575
- -webkit-transform: scale(1.2);
8576
- -ms-transform: scale(1.2);
8577
- transform: scale(1.2);
8578
- }
8579
-
8580
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8581
- -webkit-filter: grayscale(100%);
8582
- filter: grayscale(100%);
8583
- }
8584
-
8585
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8586
- -webkit-filter: grayscale(0%);
8587
- filter: grayscale(0%);
8588
- }
8589
-
8590
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8591
- -webkit-filter: sepia(30%);
8592
- filter: sepia(30%);
8593
- }
8594
-
8595
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8596
- -webkit-filter: sepia(0%);
8597
- filter: sepia(0%);
8598
- }
8599
-
8600
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8601
- -webkit-filter: brightness(1);
8602
- filter: brightness(1);
8603
- }
8604
-
8605
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8606
- -webkit-filter: brightness(1.2);
8607
- filter: brightness(1.2);
8608
- }
8609
-
8610
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8611
- -webkit-transform: translateX(15px) scale(1.1);
8612
- -ms-transform: translateX(15px) scale(1.1);
8613
- transform: translateX(15px) scale(1.1);
8614
- }
8615
-
8616
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8617
- -webkit-transform: translateX(0px) scale(1.1);
8618
- -ms-transform: translateX(0px) scale(1.1);
8619
- transform: translateX(0px) scale(1.1);
8620
- }
8621
-
8622
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8623
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8624
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8625
- transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8626
- }
8627
-
8628
- .premium-woocommerce .premium-woo-product__on_hover {
8629
- position: absolute;
8630
- top: 0;
8631
- left: 0;
8632
- bottom: 0;
8633
- right: 0;
8634
- height: 100%;
8635
- opacity: 0;
8636
- }
8637
-
8638
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8639
- opacity: 1;
8640
- }
8641
-
8642
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8643
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8644
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8645
- position: absolute;
8646
- bottom: 0;
8647
- right: 0;
8648
- width: 100%;
8649
- text-align: center;
8650
- padding: 5px;
8651
- background: rgba(2, 2, 2, 0.5);
8652
- color: #fff;
8653
- -webkit-transition: all 0.3s ease-in-out;
8654
- transition: all 0.3s ease-in-out;
8655
- cursor: pointer;
8656
- z-index: 2;
8657
- -webkit-transform: translateY(100%);
8658
- -ms-transform: translateY(100%);
8659
- transform: translateY(100%);
8660
- }
8661
-
8662
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8663
- -webkit-transition-delay: 0.1s;
8664
- transition-delay: 0.1s;
8665
- }
8666
-
8667
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8668
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8669
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8670
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8671
- margin-right: 0.5em;
8672
- }
8673
-
8674
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8675
- -webkit-transform: translateY(0);
8676
- -ms-transform: translateY(0);
8677
- transform: translateY(0);
8678
- }
8679
-
8680
- .premium-woo-product-wrapper .premium-woo-qv-data {
8681
- position: absolute;
8682
- top: 0;
8683
- right: 0;
8684
- width: 100%;
8685
- height: 100%;
8686
- z-index: 1;
8687
- overflow: hidden;
8688
- cursor: pointer;
8689
- }
8690
-
8691
- /**
8692
- * Skin 1,4
8693
- */
8694
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8695
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8696
- position: absolute;
8697
- top: 0.7em;
8698
- left: 1em;
8699
- -webkit-transform: translate3d(-15px, 0, 0);
8700
- transform: translate3d(-15px, 0, 0);
8701
- -webkit-transition: all 0.3s ease-in-out;
8702
- transition: all 0.3s ease-in-out;
8703
- opacity: 0;
8704
- z-index: 9;
8705
- }
8706
-
8707
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8708
- position: relative;
8709
- display: block;
8710
- margin: 0 0 3px;
8711
- background: #fff;
8712
- text-align: center;
8713
- outline: 0;
8714
- -webkit-transition: all 0.3s ease-in-out;
8715
- transition: all 0.3s ease-in-out;
8716
- }
8717
-
8718
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8719
- display: block;
8720
- color: #54595f;
8721
- width: 30px;
8722
- line-height: 30px;
8723
- height: 30px;
8724
- cursor: pointer;
8725
- -webkit-transition: all 0.3s ease-in-out;
8726
- transition: all 0.3s ease-in-out;
8727
- }
8728
-
8729
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8730
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8731
- -webkit-transform: translate3d(-5px, 0, 0);
8732
- transform: translate3d(-5px, 0, 0);
8733
- opacity: 1;
8734
- }
8735
-
8736
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8737
- -webkit-animation: spin 2s linear infinite;
8738
- animation: spin 2s linear infinite;
8739
- }
8740
-
8741
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8742
- content: "\f013";
8743
- }
8744
-
8745
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8746
- content: "\f00c";
8747
- }
8748
-
8749
- /**
8750
- * Skin 2
8751
- */
8752
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8753
- position: absolute;
8754
- background: #fff;
8755
- bottom: 0;
8756
- right: 0;
8757
- width: 100%;
8758
- z-index: 2;
8759
- padding: 0;
8760
- opacity: 0;
8761
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8762
- transition: opacity 0.2s, -webkit-transform 0.4s;
8763
- transition: transform 0.4s, opacity 0.2s;
8764
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8765
- -webkit-transform: translateZ(0) translateY(5px);
8766
- transform: translateZ(0) translateY(5px);
8767
- }
8768
-
8769
- .premium-woo-skin-grid-2 .premium-woo-product-details {
8770
- padding: 15px 0;
8771
- }
8772
-
8773
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8774
- opacity: 1;
8775
- -webkit-transform: translateZ(0) translateY(0);
8776
- transform: translateZ(0) translateY(0);
8777
- }
8778
-
8779
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8780
- position: static;
8781
- -js-display: flex;
8782
- display: -webkit-box;
8783
- display: -webkit-flex;
8784
- display: -moz-box;
8785
- display: -ms-flexbox;
8786
- display: flex;
8787
- -webkit-box-orient: horizontal;
8788
- -webkit-box-direction: reverse;
8789
- -webkit-flex-direction: row-reverse;
8790
- -moz-box-orient: horizontal;
8791
- -moz-box-direction: reverse;
8792
- -ms-flex-direction: row-reverse;
8793
- flex-direction: row-reverse;
8794
- }
8795
-
8796
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
8797
- -webkit-box-flex: 1;
8798
- -webkit-flex: 1;
8799
- -moz-box-flex: 1;
8800
- -ms-flex: 1;
8801
- flex: 1;
8802
- min-width: 50%;
8803
- }
8804
-
8805
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8806
- -js-display: flex;
8807
- display: -webkit-box;
8808
- display: -webkit-flex;
8809
- display: -moz-box;
8810
- display: -ms-flexbox;
8811
- display: flex;
8812
- margin: 0;
8813
- text-align: center;
8814
- -webkit-box-pack: center;
8815
- -webkit-justify-content: center;
8816
- -moz-box-pack: center;
8817
- -ms-flex-pack: center;
8818
- justify-content: center;
8819
- -webkit-box-align: center;
8820
- -webkit-align-items: center;
8821
- -moz-box-align: center;
8822
- -ms-flex-align: center;
8823
- align-items: center;
8824
- }
8825
-
8826
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8827
- background-color: #54595f;
8828
- }
8829
-
8830
- /**
8831
- * Skin 4
8832
- */
8833
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8834
- position: absolute;
8835
- right: 0;
8836
- left: 0;
8837
- top: 50%;
8838
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8839
- transform: scale(0.9) translateZ(0) translateY(-50%);
8840
- text-align: center;
8841
- z-index: 2;
8842
- opacity: 0;
8843
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8844
- transition: opacity 0.5s, -webkit-transform 0.3s;
8845
- transition: opacity 0.5s, transform 0.3s;
8846
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
8847
- }
8848
-
8849
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay {
8850
- position: absolute;
8851
- top: 0;
8852
- right: 0;
8853
- width: 100%;
8854
- height: 100%;
8855
- opacity: 0;
8856
- visibility: hidden;
8857
- background-color: rgba(27, 27, 23, 0.3);
8858
- -webkit-transition: all 0.25s ease-in-out;
8859
- transition: all 0.25s ease-in-out;
8860
- }
8861
-
8862
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay {
8863
- opacity: 1;
8864
- visibility: visible;
8865
- z-index: 1;
8866
- }
8867
-
8868
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8869
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8870
- transform: scale(1) translateZ(0) translateY(-50%);
8871
- opacity: 1;
8872
- }
8873
-
8874
- /**
8875
- * Skin 5
8876
- */
8877
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8878
- -js-display: flex;
8879
- display: -webkit-box;
8880
- display: -webkit-flex;
8881
- display: -moz-box;
8882
- display: -ms-flexbox;
8883
- display: flex;
8884
- }
8885
-
8886
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8887
- -js-display: flex;
8888
- display: -webkit-box;
8889
- display: -webkit-flex;
8890
- display: -moz-box;
8891
- display: -ms-flexbox;
8892
- display: flex;
8893
- -webkit-box-align: center;
8894
- -webkit-align-items: center;
8895
- -moz-box-align: center;
8896
- -ms-flex-align: center;
8897
- align-items: center;
8898
- background-color: #54595f;
8899
- padding: 10px;
8900
- -webkit-transition: all 0.25s ease 0s;
8901
- transition: all 0.25s ease 0s;
8902
- }
8903
-
8904
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8905
- width: 75%;
8906
- }
8907
-
8908
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8909
- -js-display: flex;
8910
- display: -webkit-box;
8911
- display: -webkit-flex;
8912
- display: -moz-box;
8913
- display: -ms-flexbox;
8914
- display: flex;
8915
- -webkit-box-align: center;
8916
- -webkit-align-items: center;
8917
- -moz-box-align: center;
8918
- -ms-flex-align: center;
8919
- align-items: center;
8920
- }
8921
-
8922
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8923
- -webkit-box-pack: end;
8924
- -webkit-justify-content: flex-end;
8925
- -moz-box-pack: end;
8926
- -ms-flex-pack: end;
8927
- justify-content: flex-end;
8928
- }
8929
-
8930
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8931
- -webkit-box-pack: center;
8932
- -webkit-justify-content: center;
8933
- -moz-box-pack: center;
8934
- -ms-flex-pack: center;
8935
- justify-content: center;
8936
- }
8937
-
8938
- /**
8939
- * Skin 6
8940
- */
8941
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8942
- position: absolute;
8943
- top: 50%;
8944
- right: 50%;
8945
- min-width: 40%;
8946
- text-align: center;
8947
- padding: 5px;
8948
- background: rgba(2, 2, 2, 0.5);
8949
- color: #fff;
8950
- -webkit-transform: translate(50%, -50%);
8951
- -ms-transform: translate(50%, -50%);
8952
- transform: translate(50%, -50%);
8953
- opacity: 0;
8954
- visibility: hidden;
8955
- -webkit-transition: all 0.3s ease-in-out;
8956
- transition: all 0.3s ease-in-out;
8957
- cursor: pointer;
8958
- z-index: 2;
8959
- }
8960
-
8961
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8962
- opacity: 1;
8963
- visibility: visible;
8964
- }
8965
-
8966
- .premium-woo-product-align-right li.product .premium-woo-product-info .star-rating,
8967
- .premium-woo-product-align-left li.product .premium-woo-product-info .star-rating {
8968
- margin: 0;
8969
- }
8970
-
8971
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8972
- -js-display: flex;
8973
- display: -webkit-box;
8974
- display: -webkit-flex;
8975
- display: -moz-box;
8976
- display: -ms-flexbox;
8977
- display: flex;
8978
- -webkit-box-pack: justify;
8979
- -webkit-justify-content: space-between;
8980
- -moz-box-pack: justify;
8981
- -ms-flex-pack: justify;
8982
- justify-content: space-between;
8983
- }
8984
-
8985
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8986
- -webkit-box-orient: vertical;
8987
- -webkit-box-direction: normal;
8988
- -webkit-flex-direction: column;
8989
- -moz-box-orient: vertical;
8990
- -moz-box-direction: normal;
8991
- -ms-flex-direction: column;
8992
- flex-direction: column;
8993
- }
8994
-
8995
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8996
- -webkit-box-orient: horizontal;
8997
- -webkit-box-direction: reverse;
8998
- -webkit-flex-direction: row-reverse;
8999
- -moz-box-orient: horizontal;
9000
- -moz-box-direction: reverse;
9001
- -ms-flex-direction: row-reverse;
9002
- flex-direction: row-reverse;
9003
- }
9004
-
9005
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9006
- -js-display: flex;
9007
- display: -webkit-box;
9008
- display: -webkit-flex;
9009
- display: -moz-box;
9010
- display: -ms-flexbox;
9011
- display: flex;
9012
- position: absolute;
9013
- bottom: 10px;
9014
- width: 100%;
9015
- -webkit-box-pack: center;
9016
- -webkit-justify-content: center;
9017
- -moz-box-pack: center;
9018
- -ms-flex-pack: center;
9019
- justify-content: center;
9020
- }
9021
-
9022
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9023
- width: 20%;
9024
- margin: 0 0.2em;
9025
- border: 2px solid #aaa;
9026
- cursor: pointer;
9027
- }
9028
-
9029
- /**
9030
- * Metro
9031
- */
9032
- /*.premium-woo-grid-style1 ul.products li.product {
9033
- width: 25%;
9034
- }*/
9035
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
9036
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
9037
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
9038
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
9039
- height: 100%;
9040
- }
9041
-
9042
- .premium-woo-products-metro ul.products li.product {
9043
- margin-bottom: 0;
9044
- }
9045
-
9046
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
9047
- -o-object-fit: cover;
9048
- object-fit: cover;
9049
- }
9050
-
9051
- /*
9052
- * Carousel
9053
- */
9054
- .premium-woocommerce .slick-arrow {
9055
- -webkit-border-radius: 50%;
9056
- border-radius: 50%;
9057
- }
9058
-
9059
- .premium-woocommerce ul.slick-dots {
9060
- width: 100%;
9061
- }
9062
-
9063
- /*
9064
- * Quick View Html/body
9065
- */
9066
- html.premium-woo-qv-opened,
9067
- html.premium-woo-qv-opened body {
9068
- overflow: hidden;
9069
- }
9070
-
9071
- /**
9072
- * Quick View Modal
9073
- */
9074
- .premium-woo-quick-view-back {
9075
- position: fixed;
9076
- visibility: hidden;
9077
- overflow: hidden;
9078
- background: rgba(2, 2, 2, 0.5);
9079
- opacity: 0;
9080
- -webkit-transition: opacity 0.25s;
9081
- transition: opacity 0.25s;
9082
- z-index: 999;
9083
- }
9084
-
9085
- .premium-woo-quick-view-active {
9086
- top: 0;
9087
- right: 0;
9088
- width: 100%;
9089
- height: 100%;
9090
- opacity: 1;
9091
- visibility: visible;
9092
- }
9093
-
9094
- #premium-woo-quick-view-modal {
9095
- position: fixed;
9096
- visibility: hidden;
9097
- opacity: 0;
9098
- top: 0;
9099
- right: 0;
9100
- width: 100%;
9101
- height: 100%;
9102
- z-index: 1400;
9103
- text-align: center;
9104
- -webkit-transition: all 0.3s;
9105
- transition: all 0.3s;
9106
- overflow-x: hidden;
9107
- overflow-y: auto;
9108
- }
9109
-
9110
- #premium-woo-quick-view-modal.active {
9111
- visibility: visible;
9112
- opacity: 1;
9113
- }
9114
-
9115
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
9116
- -webkit-transform: translateY(0);
9117
- -ms-transform: translateY(0);
9118
- transform: translateY(0);
9119
- opacity: 1;
9120
- width: 100%;
9121
- }
9122
-
9123
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
9124
- position: absolute;
9125
- width: 100%;
9126
- height: 100%;
9127
- top: 0;
9128
- right: 0;
9129
- text-align: center;
9130
- padding: 30px;
9131
- -js-display: flex;
9132
- display: -webkit-box;
9133
- display: -webkit-flex;
9134
- display: -moz-box;
9135
- display: -ms-flexbox;
9136
- display: flex;
9137
- -webkit-box-align: center;
9138
- -webkit-align-items: center;
9139
- -moz-box-align: center;
9140
- -ms-flex-align: center;
9141
- align-items: center;
9142
- }
9143
-
9144
- #premium-woo-quick-view-modal .premium-woo-content-main {
9145
- position: relative;
9146
- pointer-events: none;
9147
- max-width: 100%;
9148
- text-align: right;
9149
- z-index: 1045;
9150
- -webkit-transform: translateY(-30px);
9151
- -ms-transform: translateY(-30px);
9152
- transform: translateY(-30px);
9153
- opacity: 0;
9154
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
9155
- transition: opacity 0.3s, -webkit-transform 0.5s;
9156
- transition: transform 0.5s, opacity 0.3s;
9157
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
9158
- margin: 0 auto;
9159
- }
9160
-
9161
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
9162
- position: relative;
9163
- display: table;
9164
- pointer-events: auto;
9165
- background-color: #fff;
9166
- max-width: 975px;
9167
- margin: 20px auto;
9168
- -webkit-transform: translateZ(0);
9169
- transform: translateZ(0);
9170
- -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9171
- box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9172
- overflow: hidden;
9173
- }
9174
-
9175
- #premium-woo-quick-view-modal .summary {
9176
- width: 50%;
9177
- margin: 0;
9178
- padding: 30px;
9179
- float: right;
9180
- -webkit-box-sizing: border-box;
9181
- -moz-box-sizing: border-box;
9182
- box-sizing: border-box;
9183
- }
9184
-
9185
- #premium-woo-quick-view-modal .summary .quantity {
9186
- min-width: auto;
9187
- }
9188
-
9189
- #premium-woo-quick-view-modal .summary .quantity input.qty {
9190
- width: 54px;
9191
- -webkit-appearance: button;
9192
- -moz-appearance: button;
9193
- appearance: button;
9194
- }
9195
-
9196
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
9197
- margin: 0;
9198
- }
9199
-
9200
- #premium-woo-quick-view-close {
9201
- position: absolute;
9202
- font-size: 22px;
9203
- top: 10px;
9204
- left: 10px;
9205
- width: 22px;
9206
- height: 22px;
9207
- line-height: 22px;
9208
- opacity: 0.7;
9209
- text-align: center;
9210
- z-index: 2;
9211
- color: #000;
9212
- }
9213
-
9214
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
9215
- position: relative;
9216
- }
9217
-
9218
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
9219
- list-style: none;
9220
- }
9221
-
9222
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
9223
- margin: 0;
9224
- padding: 0;
9225
- width: 100%;
9226
- position: absolute;
9227
- bottom: 10px;
9228
- text-align: center;
9229
- }
9230
-
9231
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
9232
- margin: 0 6px;
9233
- display: inline-block;
9234
- vertical-align: middle;
9235
- }
9236
-
9237
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
9238
- width: 11px;
9239
- height: 11px;
9240
- display: block;
9241
- background: #666;
9242
- background: rgba(0, 0, 0, 0.5);
9243
- cursor: pointer;
9244
- text-indent: -9999px;
9245
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9246
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9247
- -webkit-border-radius: 20px;
9248
- border-radius: 20px;
9249
- }
9250
-
9251
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
9252
- background: rgba(0, 0, 0, 0.9);
9253
- cursor: default;
9254
- }
9255
-
9256
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
9257
- outline: none;
9258
- }
9259
-
9260
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
9261
- -o-object-fit: cover;
9262
- object-fit: cover;
9263
- }
9264
-
9265
- #premium-woo-quick-view-content div.images {
9266
- width: 50%;
9267
- float: right;
9268
- opacity: 1 !important;
9269
- margin: 0;
9270
- }
9271
-
9272
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
9273
- margin: 0;
9274
- padding: 0;
9275
- list-style: none;
9276
- }
9277
-
9278
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
9279
- text-decoration: none;
9280
- display: block;
9281
- width: 14px;
9282
- height: 32px;
9283
- font-size: 32px;
9284
- line-height: 32px;
9285
- margin: -20px 0 0;
9286
- position: absolute;
9287
- top: 50%;
9288
- z-index: 10;
9289
- overflow: hidden;
9290
- cursor: pointer;
9291
- color: rgba(0, 0, 0, 0.8);
9292
- text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
9293
- -webkit-transition: all 0.3s ease-in-out;
9294
- transition: all 0.3s ease-in-out;
9295
- }
9296
-
9297
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
9298
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9299
- display: inline-block;
9300
- font-family: "Font Awesome 5 Free";
9301
- font-weight: 900;
9302
- text-rendering: auto;
9303
- -webkit-font-smoothing: antialiased;
9304
- -moz-osx-font-smoothing: grayscale;
9305
- }
9306
-
9307
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9308
- right: 10px;
9309
- }
9310
-
9311
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
9312
- left: 10px;
9313
- }
9314
-
9315
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
9316
- content: "\f104";
9317
- }
9318
-
9319
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
9320
- content: "\f105";
9321
- }
9322
-
9323
- .premium-woocommerce li.product .added_to_cart.wc-forward {
9324
- display: none;
9325
- }
9326
-
9327
- .premium-woo-atc-button .add_to_cart_button span {
9328
- -webkit-animation: spin 2s linear infinite;
9329
- animation: spin 2s linear infinite;
9330
- margin-right: 5px;
9331
- vertical-align: baseline;
9332
  }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ /**************** Premium Banner ****************/
13
+ /************************************************/
14
+ .premium-banner {
15
+ overflow: hidden;
16
+ }
17
+
18
+ .premium-banner-ib {
19
+ display: block;
20
+ position: relative;
21
+ }
22
+
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative;
26
+ }
27
+
28
+ .premium-banner-img-wrap {
29
+ -js-display: flex;
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -moz-box;
33
+ display: -ms-flexbox;
34
+ display: flex;
35
+ height: 100%;
36
+ }
37
+
38
+ .premium-banner-img-wrap .premium-banner-ib-img {
39
+ -webkit-flex-shrink: 0;
40
+ -ms-flex-negative: 0;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .premium-banner-ib {
45
+ z-index: 1;
46
+ overflow: hidden;
47
+ margin: 0 0 35px;
48
+ text-align: center;
49
+ -webkit-box-sizing: border-box;
50
+ -moz-box-sizing: border-box;
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ .premium-banner-ib-desc .premium-banner-read-more {
55
+ z-index: 100;
56
+ }
57
+
58
+ .premium-banner-ib,
59
+ .wpb_column>.wpb_wrapper .premium-banner-ib {
60
+ margin-bottom: 0px;
61
+ }
62
+
63
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
+ background: transparent;
65
+ }
66
+
67
+ .premium-banner-ib *,
68
+ .premium-banner-ib .premium-banner-ib-desc {
69
+ -webkit-box-sizing: border-box;
70
+ -moz-box-sizing: border-box;
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ .premium-banner-ib img {
75
+ min-width: 100%;
76
+ max-width: 100%;
77
+ -webkit-transition: opacity 0.35s;
78
+ transition: opacity 0.35s;
79
+ }
80
+
81
+ .premium-banner-ib .premium-banner-ib-desc {
82
+ padding: 15px;
83
+ -webkit-backface-visibility: hidden;
84
+ backface-visibility: hidden;
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ }
94
+
95
+ .premium-banner-ib .premium-banner-ib-link {
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ z-index: 1000;
102
+ text-indent: 200%;
103
+ white-space: nowrap;
104
+ font-size: 0;
105
+ opacity: 0;
106
+ }
107
+
108
+ .premium-banner-ib a.premium-banner-ib-link {
109
+ display: block;
110
+ background: 100% 0;
111
+ }
112
+
113
+ .premium-banner-animation1 img {
114
+ width: -webkit-calc(100% + 50px) !important;
115
+ width: calc(100% + 50px) !important;
116
+ max-width: -webkit-calc(100% + 50px) !important;
117
+ max-width: calc(100% + 50px) !important;
118
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
+ -webkit-transform: translate3d(40px, 0, 0);
125
+ transform: translate3d(40px, 0, 0);
126
+ }
127
+
128
+ .premium-banner-animation2 .premium-banner-ib-title {
129
+ padding: 15px;
130
+ }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-desc {
133
+ top: auto;
134
+ bottom: 0;
135
+ min-height: 25%;
136
+ height: auto;
137
+ max-height: 100%;
138
+ text-align: right;
139
+ }
140
+
141
+ .premium-banner-animation1 .premium-banner-ib-content,
142
+ .premium-banner-animation1 .premium-banner-ib-title,
143
+ .premium-banner-animation1 .premium-banner-read-more {
144
+ -webkit-transform: translate3d(0, 40px, 0);
145
+ transform: translate3d(0, 40px, 0);
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s;
150
+ }
151
+
152
+ .premium-banner-animation1 .premium-banner-ib-title {
153
+ -webkit-transition: -webkit-transform 0.35s;
154
+ transition: -webkit-transform 0.35s;
155
+ transition: transform 0.35s;
156
+ transition: transform 0.35s, -webkit-transform 0.35s;
157
+ }
158
+
159
+ .premium-banner-animation1 .premium-banner-ib-content,
160
+ .premium-banner-animation1 .premium-banner-read-more {
161
+ margin-top: 10px;
162
+ opacity: 0;
163
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
+ transition: opacity 0.2s, -webkit-transform 0.35s;
165
+ transition: opacity 0.2s, transform 0.35s;
166
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
+ }
168
+
169
+ .premium-banner-animation1:hover .premium-banner-ib-content,
170
+ .premium-banner-animation1.active .premium-banner-ib-content,
171
+ .premium-banner-animation1:hover .premium-banner-read-more,
172
+ .premium-banner-animation1.active .premium-banner-read-more {
173
+ opacity: 1;
174
+ -webkit-transition-delay: 0.05s;
175
+ transition-delay: 0.05s;
176
+ -webkit-transition-duration: 0.35s;
177
+ transition-duration: 0.35s;
178
+ }
179
+
180
+ .premium-banner-animation1:hover .premium-banner-ib-content,
181
+ .premium-banner-animation1.active .premium-banner-ib-content,
182
+ .premium-banner-animation1:hover .premium-banner-read-more,
183
+ .premium-banner-animation1.active .premium-banner-read-more,
184
+ .premium-banner-animation1:hover .premium-banner-ib-title,
185
+ .premium-banner-animation1.active .premium-banner-ib-title,
186
+ .premium-banner-animation1:hover img,
187
+ .premium-banner-animation1.active img {
188
+ -webkit-transform: translate3d(0, 0, 0);
189
+ transform: translate3d(0, 0, 0);
190
+ -webkit-transition-delay: 0.05s;
191
+ transition-delay: 0.05s;
192
+ -webkit-transition-duration: 0.35s;
193
+ transition-duration: 0.35s;
194
+ }
195
+
196
+ .premium-banner-animation1.zoomout img,
197
+ .premium-banner-animation1.scale img {
198
+ -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
+ transform: translate3d(40px, 0, 0) scale(1.1);
200
+ }
201
+
202
+ .premium-banner-ib.sepia img {
203
+ -webkit-filter: sepia(30%);
204
+ filter: sepia(30%);
205
+ }
206
+
207
+ .premium-banner-ib.bright img {
208
+ -webkit-filter: brightness(1);
209
+ filter: brightness(1);
210
+ }
211
+
212
+ .premium-banner-ib.sepia:hover img {
213
+ -webkit-filter: sepia(0%);
214
+ filter: sepia(0%);
215
+ }
216
+
217
+ .premium-banner-ib.bright:hover img {
218
+ -webkit-filter: brightness(1.2);
219
+ filter: brightness(1.2);
220
+ }
221
+
222
+ .premium-banner-animation1.premium-banner-min-height img,
223
+ .premium-banner-animation2.premium-banner-min-height img,
224
+ .premium-banner-animation4.premium-banner-min-height img,
225
+ .premium-banner-animation5.premium-banner-min-height img,
226
+ .premium-banner-animation6.premium-banner-min-height img,
227
+ .premium-banner-animation13.premium-banner-min-height img {
228
+ height: auto;
229
+ }
230
+
231
+ .premium-banner-animation2 img {
232
+ width: 100%;
233
+ }
234
+
235
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
236
+ position: absolute;
237
+ content: "";
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ opacity: 0;
243
+ -webkit-transform: translate3d(0, 50%, 0);
244
+ transform: translate3d(0, 50%, 0);
245
+ }
246
+
247
+ .premium-banner-animation2 .premium-banner-ib-title {
248
+ position: absolute;
249
+ top: 50%;
250
+ right: 0;
251
+ width: 100%;
252
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
+ transition: color 0.35s, -webkit-transform 0.35s;
254
+ transition: transform 0.35s, color 0.35s;
255
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
+ -webkit-transform: translate3d(0, -50%, 0);
257
+ transform: translate3d(0, -50%, 0);
258
+ }
259
+
260
+ .premium-banner-animation2 .premium-banner-ib-content,
261
+ .premium-banner-animation2 .premium-banner-read-more,
262
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
263
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
+ transition: opacity 0.35s, -webkit-transform 0.35s;
265
+ transition: opacity 0.35s, transform 0.35s;
266
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
+ }
268
+
269
+ .premium-banner-animation2 .premium-banner-ib-content,
270
+ .premium-banner-animation2 .premium-banner-read-more {
271
+ position: absolute;
272
+ bottom: 0;
273
+ right: 0;
274
+ padding: 15px;
275
+ width: 100%;
276
+ max-height: 50%;
277
+ opacity: 0;
278
+ -webkit-transform: translate3d(0, 10px, 0);
279
+ transform: translate3d(0, 10px, 0);
280
+ }
281
+
282
+ .premium-banner-animation2:hover .premium-banner-ib-title,
283
+ .premium-banner-animation2.active .premium-banner-ib-title {
284
+ -webkit-transform: translate3d(0, -40px, 0);
285
+ transform: translate3d(0, -40px, 0);
286
+ }
287
+
288
+ .premium-banner-animation2:hover .premium-banner-read-more,
289
+ .premium-banner-animation2.active .premium-banner-read-more,
290
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
+ opacity: 1;
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ }
296
+
297
+ .premium-banner-animation2:hover .premium-banner-ib-content,
298
+ .premium-banner-animation2.active .premium-banner-ib-content {
299
+ opacity: 1;
300
+ -webkit-transform: translate3d(0, -30px, 0);
301
+ transform: translate3d(0, -30px, 0);
302
+ }
303
+
304
+ .premium-banner-animation3 .premium-banner-ib-title {
305
+ position: absolute;
306
+ bottom: 0;
307
+ right: 0;
308
+ padding: 15px;
309
+ width: 100%;
310
+ text-align: right;
311
+ -webkit-transform: translate3d(0, -30px, 0);
312
+ transform: translate3d(0, -30px, 0);
313
+ }
314
+
315
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
316
+ .premium-banner-animation3 .premium-banner-ib-title {
317
+ -webkit-transition: -webkit-transform 0.35s;
318
+ transition: -webkit-transform 0.35s;
319
+ transition: transform 0.35s;
320
+ transition: transform 0.35s, -webkit-transform 0.35s;
321
+ }
322
+
323
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
+ .premium-banner-animation3:hover .premium-banner-ib-title,
326
+ .premium-banner-animation3.active .premium-banner-ib-title {
327
+ opacity: 1;
328
+ -webkit-transform: translate3d(0, 0, 0);
329
+ transform: translate3d(0, 0, 0);
330
+ }
331
+
332
+ .premium-banner-animation3 .premium-banner-ib-content {
333
+ max-height: -webkit-calc(100% - 60px - 1.5em);
334
+ max-height: calc(100% - 60px - 1.5em);
335
+ overflow: hidden;
336
+ }
337
+
338
+ .premium-banner-animation4 img {
339
+ width: -webkit-calc(100% + 40px) !important;
340
+ width: calc(100% + 40px) !important;
341
+ max-width: -webkit-calc(100% + 40px) !important;
342
+ max-width: calc(100% + 40px) !important;
343
+ }
344
+
345
+ .premium-banner-animation4 .premium-banner-ib-desc {
346
+ padding: 30px;
347
+ }
348
+
349
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
350
+ position: absolute;
351
+ content: "";
352
+ opacity: 0;
353
+ }
354
+
355
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
356
+ position: absolute;
357
+ content: "";
358
+ opacity: 0;
359
+ top: 50px;
360
+ left: 30px;
361
+ bottom: 50px;
362
+ right: 30px;
363
+ border-top: 1px solid #fff;
364
+ border-bottom: 1px solid #fff;
365
+ -webkit-transform: scale(0, 1);
366
+ -ms-transform: scale(0, 1);
367
+ transform: scale(0, 1);
368
+ -webkit-transform-origin: 100% 0;
369
+ -ms-transform-origin: 100% 0;
370
+ transform-origin: 100% 0;
371
+ }
372
+
373
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
374
+ top: 30px;
375
+ left: 50px;
376
+ bottom: 30px;
377
+ right: 50px;
378
+ border-left: 1px solid #fff;
379
+ border-right: 1px solid #fff;
380
+ -webkit-transform: scale(1, 0);
381
+ -ms-transform: scale(1, 0);
382
+ transform: scale(1, 0);
383
+ -webkit-transform-origin: 0% 0;
384
+ -ms-transform-origin: 0% 0;
385
+ transform-origin: 0% 0;
386
+ }
387
+
388
+ .premium-banner-animation4 .premium-banner-ib-title {
389
+ padding: 50px 30px 0 30px;
390
+ -webkit-transition: -webkit-transform 0.35s;
391
+ transition: -webkit-transform 0.35s;
392
+ transition: transform 0.35s;
393
+ transition: transform 0.35s, -webkit-transform 0.35s;
394
+ }
395
+
396
+ .premium-banner-animation4 .premium-banner-ib-content,
397
+ .premium-banner-animation4 .premium-banner-read-more {
398
+ padding: 10px 30px;
399
+ opacity: 0;
400
+ overflow: hidden;
401
+ -webkit-transform: translate3d(0, -10px, 0);
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+
405
+ .premium-banner-animation4 .premium-banner-ib-title,
406
+ .premium-banner-animation4 img {
407
+ -webkit-transform: translate3d(30px, 0, 0);
408
+ transform: translate3d(30px, 0, 0);
409
+ }
410
+
411
+ .premium-banner-animation4.zoomout img,
412
+ .premium-banner-animation4.scale img {
413
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
+ transform: translate3d(30px, 0, 0) scale(1.1);
415
+ }
416
+
417
+ .premium-banner-animation4 .premium-banner-ib-content,
418
+ .premium-banner-animation4 .premium-banner-read-more {
419
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
+ transition: opacity 0.35s, -webkit-transform 0.35s;
421
+ transition: opacity 0.35s, transform 0.35s;
422
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
+ }
424
+
425
+ .premium-banner-animation4 .premium-banner-ib-desc::after,
426
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
427
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
+ transition: opacity 0.35s, -webkit-transform 0.35s;
429
+ transition: opacity 0.35s, transform 0.35s;
430
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
+ }
432
+
433
+ .premium-banner-animation4 img {
434
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
+ transition: opacity 0.35s, -webkit-transform 0.35s;
436
+ transition: opacity 0.35s, transform 0.35s;
437
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
+ }
439
+
440
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
+ opacity: 1;
445
+ -webkit-transform: scale(1);
446
+ -ms-transform: scale(1);
447
+ transform: scale(1);
448
+ }
449
+
450
+ .premium-banner-animation4:hover .premium-banner-ib-content,
451
+ .premium-banner-animation4.active .premium-banner-ib-content,
452
+ .premium-banner-animation4:hover .premium-banner-read-more,
453
+ .premium-banner-animation4.active .premium-banner-read-more,
454
+ .premium-banner-animation4:hover .premium-banner-ib-title,
455
+ .premium-banner-animation4.active .premium-banner-ib-title {
456
+ opacity: 1;
457
+ -webkit-transform: translate3d(0, 0, 0);
458
+ transform: translate3d(0, 0, 0);
459
+ }
460
+
461
+ .premium-banner-animation4:hover .premium-banner-ib-content,
462
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
+ .premium-banner-animation4:hover .premium-banner-ib-title,
464
+ .premium-banner-animation4:hover img {
465
+ -webkit-transition-delay: 0.15s;
466
+ transition-delay: 0.15s;
467
+ }
468
+
469
+ .premium-banner-animation5 .premium-banner-ib-desc {
470
+ top: auto;
471
+ bottom: 0;
472
+ padding: 15px;
473
+ height: auto;
474
+ background: #f2f2f2;
475
+ color: #3c4a50;
476
+ -webkit-transition: -webkit-transform 0.35s;
477
+ transition: -webkit-transform 0.35s;
478
+ transition: transform 0.35s;
479
+ transition: transform 0.35s, -webkit-transform 0.35s;
480
+ -webkit-transform: translate3d(0, 100%, 0);
481
+ transform: translate3d(0, 100%, 0);
482
+ }
483
+
484
+ .premium-banner-animation5 .premium-banner-ib-content {
485
+ position: absolute;
486
+ top: auto;
487
+ bottom: 100%;
488
+ right: 0;
489
+ width: 100%;
490
+ padding: 15px;
491
+ opacity: 0;
492
+ -webkit-transition: opacity 0.35s;
493
+ transition: opacity 0.35s;
494
+ }
495
+
496
+ .premium-banner-animation5 .premium-banner-ib-title,
497
+ .premium-banner-animation5 .premium-banner-read-more {
498
+ -webkit-transition: -webkit-transform 0.35s;
499
+ transition: -webkit-transform 0.35s;
500
+ transition: transform 0.35s;
501
+ transition: transform 0.35s, -webkit-transform 0.35s;
502
+ -webkit-transform: translate3d(0, 200%, 0);
503
+ transform: translate3d(0, 200%, 0);
504
+ text-align: center;
505
+ }
506
+
507
+ .premium-banner-animation5 .premium-banner-ib-title {
508
+ margin: 10px 0;
509
+ }
510
+
511
+ .premium-banner-animation5:hover .premium-banner-ib-content,
512
+ .premium-banner-animation5.active .premium-banner-ib-content,
513
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
514
+ .premium-banner-animation5.active .premium-banner-ib-content * {
515
+ opacity: 1 !important;
516
+ z-index: 99 !important;
517
+ -webkit-backface-visibility: hidden !important;
518
+ backface-visibility: hidden !important;
519
+ }
520
+
521
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
522
+ .premium-banner-animation5.active .premium-banner-ib-desc,
523
+ .premium-banner-animation5:hover .premium-banner-ib-title,
524
+ .premium-banner-animation5.active .premium-banner-ib-title,
525
+ .premium-banner-animation5:hover .premium-banner-read-more,
526
+ .premium-banner-animation5.active .premium-banner-read-more {
527
+ -webkit-transform: translateY(0);
528
+ -ms-transform: translateY(0);
529
+ transform: translateY(0);
530
+ }
531
+
532
+ .premium-banner-animation5:hover .premium-banner-ib-title {
533
+ -webkit-transition-delay: 0.05s;
534
+ transition-delay: 0.05s;
535
+ }
536
+
537
+ .premium-banner-animation5 img {
538
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
+ }
545
+
546
+ .premium-banner-animation2 img,
547
+ .premium-banner-animation4 img,
548
+ .premium-banner-animation6 img {
549
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
+ }
556
+
557
+ .premium-banner-animation5.zoomout img,
558
+ .premium-banner-animation5.scale img {
559
+ -webkit-transform: scale(1.1);
560
+ -ms-transform: scale(1.1);
561
+ transform: scale(1.1);
562
+ }
563
+
564
+ .premium-banner-animation2.zoomout img,
565
+ .premium-banner-animation2.scale img {
566
+ -webkit-transform: scale(1.1);
567
+ -ms-transform: scale(1.1);
568
+ transform: scale(1.1);
569
+ }
570
+
571
+ .premium-banner-animation6.zoomout img,
572
+ .premium-banner-animation6.scale img {
573
+ -webkit-transform: scale(1.1);
574
+ -ms-transform: scale(1.1);
575
+ transform: scale(1.1);
576
+ }
577
+
578
+ .premium-banner-animation5.zoomin:hover img,
579
+ .premium-banner-animation2.zoomin:hover img,
580
+ .premium-banner-animation6.zoomin:hover img {
581
+ -webkit-transform: scale(1.1);
582
+ -ms-transform: scale(1.1);
583
+ transform: scale(1.1);
584
+ }
585
+
586
+ .premium-banner-animation5.zoomout:hover img,
587
+ .premium-banner-animation2.zoomout:hover img,
588
+ .premium-banner-animation6.zoomout:hover img {
589
+ -webkit-transform: scale(1);
590
+ -ms-transform: scale(1);
591
+ transform: scale(1);
592
+ }
593
+
594
+ .premium-banner-animation5.scale:hover img,
595
+ .premium-banner-animation2.scale:hover img,
596
+ .premium-banner-animation6.scale:hover img {
597
+ -webkit-transform: scale(1.2) rotate(-5deg);
598
+ -ms-transform: scale(1.2) rotate(-5deg);
599
+ transform: scale(1.2) rotate(-5deg);
600
+ }
601
+
602
+ .premium-banner-animation5.grayscale:hover img,
603
+ .premium-banner-animation2.grayscale:hover img,
604
+ .premium-banner-animation6.grayscale:hover img {
605
+ -webkit-filter: grayscale(100%);
606
+ filter: grayscale(100%);
607
+ }
608
+
609
+ .premium-banner-animation5.blur:hover img,
610
+ .premium-banner-animation2.blur:hover img {
611
+ -webkit-filter: blur(3px);
612
+ filter: blur(3px);
613
+ }
614
+
615
+ .premium-banner-animation6.blur:hover img {
616
+ -webkit-filter: blur(3px);
617
+ filter: blur(3px);
618
+ }
619
+
620
+ .premium-banner-animation6 .premium-banner-ib-desc {
621
+ padding: 45px;
622
+ }
623
+
624
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
625
+ position: absolute;
626
+ content: "";
627
+ top: 30px;
628
+ left: 30px;
629
+ bottom: 30px;
630
+ right: 30px;
631
+ border: 1px solid #fff;
632
+ }
633
+
634
+ .premium-banner-animation6 .premium-banner-ib-title {
635
+ margin: 20px 0 10px;
636
+ -webkit-transition: -webkit-transform 0.35s;
637
+ transition: -webkit-transform 0.35s;
638
+ transition: transform 0.35s;
639
+ transition: transform 0.35s, -webkit-transform 0.35s;
640
+ -webkit-transform: translate3d(0, 100%, 0);
641
+ transform: translate3d(0, 100%, 0);
642
+ }
643
+
644
+ .premium-banner-animation6 .premium-banner-ib-content,
645
+ .premium-banner-animation6 .premium-banner-read-more,
646
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
647
+ opacity: 0;
648
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
+ transition: opacity 0.35s, -webkit-transform 0.35s;
650
+ transition: opacity 0.35s, transform 0.35s;
651
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
+ -webkit-transform: scale(0);
653
+ -ms-transform: scale(0);
654
+ transform: scale(0);
655
+ }
656
+
657
+ .premium-banner-animation6 .premium-banner-read-more {
658
+ margin-top: 10px;
659
+ }
660
+
661
+ .premium-banner-animation6:hover .premium-banner-ib-title,
662
+ .premium-banner-animation6.active .premium-banner-ib-title {
663
+ -webkit-transform: translate3d(0, 0, 0);
664
+ transform: translate3d(0, 0, 0);
665
+ }
666
+
667
+ .premium-banner-animation6:hover .premium-banner-ib-content,
668
+ .premium-banner-animation6.active .premium-banner-ib-content,
669
+ .premium-banner-animation6:hover .premium-banner-read-more,
670
+ .premium-banner-animation6.active .premium-banner-read-more,
671
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
+ opacity: 1;
674
+ -webkit-transform: scale(1);
675
+ -ms-transform: scale(1);
676
+ transform: scale(1);
677
+ }
678
+
679
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
680
+ position: absolute;
681
+ content: "";
682
+ left: 30px;
683
+ bottom: 30px;
684
+ right: 30px;
685
+ height: -webkit-calc(50% - 30px);
686
+ height: calc(50% - 30px);
687
+ border: 7px solid #fff;
688
+ -webkit-transition: -webkit-transform 0.35s;
689
+ transition: -webkit-transform 0.35s;
690
+ transition: transform 0.35s;
691
+ transition: transform 0.35s, -webkit-transform 0.35s;
692
+ -webkit-transform: translate3d(0, -100%, 0);
693
+ transform: translate3d(0, -100%, 0);
694
+ }
695
+
696
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
+ -webkit-transform: translate3d(0, 0, 0);
699
+ transform: translate3d(0, 0, 0);
700
+ }
701
+
702
+ .premium-banner-animation12 .premium-banner-ib-desc {
703
+ padding: 45px;
704
+ text-align: right;
705
+ }
706
+
707
+ .premium-banner-animation12 .premium-banner-ib-content {
708
+ position: absolute;
709
+ left: 60px;
710
+ bottom: 60px;
711
+ right: 60px;
712
+ opacity: 0;
713
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
+ transition: opacity 0.35s, -webkit-transform 0.35s;
715
+ transition: opacity 0.35s, transform 0.35s;
716
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
+ -webkit-transform: translate3d(0, -100px, 0);
718
+ transform: translate3d(0, -100px, 0);
719
+ }
720
+
721
+ .premium-banner-animation12:hover .premium-banner-ib-content,
722
+ .premium-banner-animation12.active .premium-banner-ib-content {
723
+ opacity: 1;
724
+ -webkit-transform: translate3d(0, 0, 0);
725
+ transform: translate3d(0, 0, 0);
726
+ }
727
+
728
+ .premium-banner-animation13 img {
729
+ width: -webkit-calc(100% + 20px) !important;
730
+ width: calc(100% + 20px) !important;
731
+ max-width: -webkit-calc(100% + 20px) !important;
732
+ max-width: calc(100% + 20px) !important;
733
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
+ -webkit-transform: translate3d(10px, 0, 0);
740
+ transform: translate3d(10px, 0, 0);
741
+ -webkit-backface-visibility: hidden;
742
+ backface-visibility: hidden;
743
+ }
744
+
745
+ .premium-banner-animation13.zoomout img,
746
+ .premium-banner-animation13.scale img {
747
+ -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
+ transform: translate3d(10px, 0, 0) scale(1.1);
749
+ }
750
+
751
+ .premium-banner-animation13.none:hover img {
752
+ -webkit-transform: translate3d(0, 0, 0);
753
+ transform: translate3d(0, 0, 0);
754
+ }
755
+
756
+ .premium-banner-animation1.none:hover img,
757
+ .premium-banner-animation4.none:hover img {
758
+ -webkit-transform: translate3d(0, 0, 0);
759
+ transform: translate3d(0, 0, 0);
760
+ }
761
+
762
+ .premium-banner-animation13.zoomin:hover img,
763
+ .premium-banner-animation1.zoomin:hover img,
764
+ .premium-banner-animation4.zoomin:hover img,
765
+ .premium-banner-animation8.zoomin:hover img,
766
+ .premium-banner-animation7.zoomin:hover img,
767
+ .premium-banner-animation9.zoomin:hover img,
768
+ .premium-banner-animation10.zoomin:hover img,
769
+ .premium-banner-animation11.zoomin:hover img {
770
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
+ transform: translate3d(0, 0, 0) scale(1.1);
772
+ }
773
+
774
+ .premium-banner-animation13.zoomout:hover img,
775
+ .premium-banner-animation1.zoomout:hover img,
776
+ .premium-banner-animation4.zoomout:hover img,
777
+ .premium-banner-animation8.zoomout:hover img,
778
+ .premium-banner-animation7.zoomout:hover img,
779
+ .premium-banner-animation9.zoomout:hover img,
780
+ .premium-banner-animation10.zoomout:hover img,
781
+ .premium-banner-animation11.zoomout:hover img {
782
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
783
+ transform: translate3d(0, 0, 0) scale(1);
784
+ }
785
+
786
+ .premium-banner-animation13.scale:hover img,
787
+ .premium-banner-animation1.scale:hover img,
788
+ .premium-banner-animation4.scale:hover img,
789
+ .premium-banner-animation8.scale:hover img,
790
+ .premium-banner-animation7.scale:hover img,
791
+ .premium-banner-animation9.scale:hover img,
792
+ .premium-banner-animation10.scale:hover img,
793
+ .premium-banner-animation11.scale:hover img {
794
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
+ }
797
+
798
+ .premium-banner-animation13.grayscale:hover img,
799
+ .premium-banner-animation1.grayscale:hover img,
800
+ .premium-banner-animation4.grayscale:hover img,
801
+ .premium-banner-animation8.grayscale:hover img,
802
+ .premium-banner-animation7.grayscale:hover img,
803
+ .premium-banner-animation9.grayscale:hover img,
804
+ .premium-banner-animation10.grayscale:hover img,
805
+ .premium-banner-animation11.grayscale:hover img {
806
+ -webkit-transform: translate3d(0, 0, 0);
807
+ transform: translate3d(0, 0, 0);
808
+ -webkit-filter: grayscale(100%);
809
+ filter: grayscale(100%);
810
+ }
811
+
812
+ .premium-banner-animation13.blur:hover img,
813
+ .premium-banner-animation1.blur:hover img,
814
+ .premium-banner-animation4.blur:hover,
815
+ .premium-banner-animation8.blur:hover img,
816
+ .premium-banner-animation7.blur:hover img,
817
+ .premium-banner-animation9.blur:hover img,
818
+ .premium-banner-animation10.blur:hover img,
819
+ .premium-banner-animation11.blur:hover img {
820
+ -webkit-transform: translate3d(0, 0, 0);
821
+ transform: translate3d(0, 0, 0);
822
+ -webkit-filter: blur(3px);
823
+ filter: blur(3px);
824
+ }
825
+
826
+ .premium-banner-animation13 .premium-banner-ib-desc {
827
+ text-align: right;
828
+ }
829
+
830
+ .premium-banner-animation13 .premium-banner-ib-title {
831
+ position: relative;
832
+ overflow: hidden;
833
+ padding: 5px 0 10px;
834
+ }
835
+
836
+ .premium-banner-animation13 .premium-banner-ib-title::after {
837
+ position: absolute;
838
+ content: "";
839
+ bottom: 0;
840
+ right: 0;
841
+ width: 100%;
842
+ height: 2px;
843
+ background: #fff;
844
+ -webkit-transition: -webkit-transform 0.35s;
845
+ transition: -webkit-transform 0.35s;
846
+ transition: transform 0.35s;
847
+ transition: transform 0.35s, -webkit-transform 0.35s;
848
+ -webkit-transform: translate3d(101%, 0, 0);
849
+ transform: translate3d(101%, 0, 0);
850
+ }
851
+
852
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
854
+ -webkit-transform: translate3d(0, 0, 0);
855
+ transform: translate3d(0, 0, 0);
856
+ }
857
+
858
+ .premium-banner-animation13 .premium-banner-ib-content,
859
+ .premium-banner-animation13 .premium-banner-read-more {
860
+ padding: 15px 0;
861
+ opacity: 0;
862
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
+ transition: opacity 0.35s, -webkit-transform 0.35s;
864
+ transition: opacity 0.35s, transform 0.35s;
865
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
+ -webkit-transform: translate3d(-100%, 0, 0);
867
+ transform: translate3d(-100%, 0, 0);
868
+ }
869
+
870
+ .premium-banner-animation13:hover .premium-banner-ib-content,
871
+ .premium-banner-animation13.active .premium-banner-ib-content,
872
+ .premium-banner-animation13:hover .premium-banner-read-more,
873
+ .premium-banner-animation13.active .premium-banner-read-more {
874
+ opacity: 1;
875
+ -webkit-transform: translate3d(0, 0, 0);
876
+ transform: translate3d(0, 0, 0);
877
+ }
878
+
879
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
+ right: 50%;
881
+ width: auto !important;
882
+ height: 100%;
883
+ max-width: none;
884
+ -webkit-transform: translateX(50%);
885
+ -ms-transform: translateX(50%);
886
+ transform: translateX(50%);
887
+ }
888
+
889
+ .premium-banner-ib img {
890
+ border: none;
891
+ padding: 0;
892
+ margin: 0;
893
+ }
894
+
895
+ .premium-banner-animation7 img {
896
+ width: -webkit-calc(100% + 40px) !important;
897
+ width: calc(100% + 40px) !important;
898
+ max-width: -webkit-calc(100% + 40px) !important;
899
+ max-width: calc(100% + 40px) !important;
900
+ }
901
+
902
+ .premium-banner-animation7 .premium-banner-brlr {
903
+ width: 7px;
904
+ }
905
+
906
+ .premium-banner-animation7 .premium-banner-brtb {
907
+ height: 7px;
908
+ }
909
+
910
+ .premium-banner-animation7 .premium-banner-br {
911
+ position: absolute;
912
+ z-index: 1;
913
+ background-color: white;
914
+ -webkit-transition: all 0.3s ease-in-out;
915
+ transition: all 0.3s ease-in-out;
916
+ -webkit-transition-delay: 0.2s;
917
+ transition-delay: 0.2s;
918
+ }
919
+
920
+ .premium-banner-animation7 .premium-banner-bleft {
921
+ right: 30px;
922
+ top: -webkit-calc(100% - 150px);
923
+ top: calc(100% - 150px);
924
+ height: 0;
925
+ }
926
+
927
+ .premium-banner-animation7 .premium-banner-bright {
928
+ left: 30px;
929
+ bottom: -webkit-calc(100% - 150px);
930
+ bottom: calc(100% - 150px);
931
+ height: 0;
932
+ }
933
+
934
+ .premium-banner-animation7 .premium-banner-bottom {
935
+ left: -webkit-calc(100% - 150px);
936
+ left: calc(100% - 150px);
937
+ bottom: 30px;
938
+ width: 0;
939
+ }
940
+
941
+ .premium-banner-animation7 .premium-banner-btop {
942
+ right: -webkit-calc(100% - 150px);
943
+ right: calc(100% - 150px);
944
+ top: 30px;
945
+ width: 0;
946
+ }
947
+
948
+ .premium-banner-animation7 .premium-banner-ib-desc {
949
+ padding: 70px;
950
+ display: table;
951
+ }
952
+
953
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
+ display: table-cell;
955
+ vertical-align: middle;
956
+ }
957
+
958
+ .premium-banner-animation7 .premium-banner-ib-title {
959
+ margin-top: 0;
960
+ }
961
+
962
+ .premium-banner-animation7 .premium-banner-ib-title,
963
+ .premium-banner-animation7 img {
964
+ -webkit-transform: translate3d(30px, 0, 0);
965
+ transform: translate3d(30px, 0, 0);
966
+ }
967
+
968
+ .premium-banner-animation7.zoomout img,
969
+ .premium-banner-animation7.scale img {
970
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
+ transform: translate3d(30px, 0, 0) scale(1.1);
972
+ }
973
+
974
+ .premium-banner-animation7 .premium-banner-ib-content,
975
+ .premium-banner-animation7 .premium-banner-read-more {
976
+ margin-top: 10px;
977
+ }
978
+
979
+ .premium-banner-animation7 .premium-banner-ib-desc::after,
980
+ .premium-banner-animation7 .premium-banner-ib-desc::before {
981
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
+ transition: opacity 0.35s, -webkit-transform 0.35s;
983
+ transition: opacity 0.35s, transform 0.35s;
984
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
+ }
986
+
987
+ .premium-banner-animation7 .premium-banner-ib-title,
988
+ .premium-banner-animation7 .premium-banner-ib-content,
989
+ .premium-banner-animation7 .premium-banner-read-more {
990
+ opacity: 0;
991
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
+ transition: opacity 0.35s, -webkit-transform 0.35s;
993
+ transition: opacity 0.35s, transform 0.35s;
994
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
+ }
996
+
997
+ .premium-banner-animation7 img {
998
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1000
+ transition: opacity 0.35s, transform 0.35s;
1001
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
+ }
1003
+
1004
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1005
+ .premium-banner-animation7.active .premium-banner-ib-content,
1006
+ .premium-banner-animation7:hover .premium-banner-read-more,
1007
+ .premium-banner-animation7.active .premium-banner-read-more,
1008
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1009
+ .premium-banner-animation7.active .premium-banner-ib-title {
1010
+ opacity: 1;
1011
+ -webkit-transform: translate3d(0, 0, 0);
1012
+ transform: translate3d(0, 0, 0);
1013
+ }
1014
+
1015
+ .premium-banner-animation7:hover .premium-banner-bleft,
1016
+ .premium-banner-animation7.active .premium-banner-bleft {
1017
+ top: 30px;
1018
+ height: 70px;
1019
+ }
1020
+
1021
+ .premium-banner-animation7:hover .premium-banner-bright,
1022
+ .premium-banner-animation7.active .premium-banner-bright {
1023
+ bottom: 30px;
1024
+ height: 70px;
1025
+ }
1026
+
1027
+ .premium-banner-animation7:hover .premium-banner-bottom,
1028
+ .premium-banner-animation7.active .premium-banner-bottom {
1029
+ left: 30px;
1030
+ width: 70px;
1031
+ }
1032
+
1033
+ .premium-banner-animation7:hover .premium-banner-btop,
1034
+ .premium-banner-animation7.active .premium-banner-btop {
1035
+ right: 30px;
1036
+ width: 70px;
1037
+ }
1038
+
1039
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1040
+ .premium-banner-animation7:hover .premium-banner-read-more,
1041
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1042
+ .premium-banner-animation7:hover img {
1043
+ -webkit-transition-delay: 0.15s;
1044
+ transition-delay: 0.15s;
1045
+ }
1046
+
1047
+ .premium-banner-animation8 img {
1048
+ width: -webkit-calc(100% + 40px) !important;
1049
+ width: calc(100% + 40px) !important;
1050
+ max-width: -webkit-calc(100% + 40px) !important;
1051
+ max-width: calc(100% + 40px) !important;
1052
+ }
1053
+
1054
+ .premium-banner-animation8 .premium-banner-brlr {
1055
+ width: 7px;
1056
+ }
1057
+
1058
+ .premium-banner-animation8 .premium-banner-brtb {
1059
+ height: 7px;
1060
+ }
1061
+
1062
+ .premium-banner-animation8 .premium-banner-br {
1063
+ position: absolute;
1064
+ z-index: 1;
1065
+ background-color: white;
1066
+ -webkit-transition: all 0.3s ease-in-out;
1067
+ transition: all 0.3s ease-in-out;
1068
+ -webkit-transition-delay: 0.2s;
1069
+ transition-delay: 0.2s;
1070
+ }
1071
+
1072
+ .premium-banner-animation8 .premium-banner-bleft {
1073
+ right: 30px;
1074
+ top: 50%;
1075
+ -webkit-transform: translateY(-50%);
1076
+ -ms-transform: translateY(-50%);
1077
+ transform: translateY(-50%);
1078
+ height: 0;
1079
+ }
1080
+
1081
+ .premium-banner-animation8 .premium-banner-bright {
1082
+ left: 30px;
1083
+ top: 50%;
1084
+ -webkit-transform: translateY(-50%);
1085
+ -ms-transform: translateY(-50%);
1086
+ transform: translateY(-50%);
1087
+ height: 0;
1088
+ }
1089
+
1090
+ .premium-banner-animation8 .premium-banner-bottom {
1091
+ right: 50%;
1092
+ -webkit-transform: translateX(50%);
1093
+ -ms-transform: translateX(50%);
1094
+ transform: translateX(50%);
1095
+ bottom: 30px;
1096
+ width: 0;
1097
+ }
1098
+
1099
+ .premium-banner-animation8 .premium-banner-btop {
1100
+ right: 50%;
1101
+ -webkit-transform: translateX(50%);
1102
+ -ms-transform: translateX(50%);
1103
+ transform: translateX(50%);
1104
+ top: 30px;
1105
+ width: 0;
1106
+ }
1107
+
1108
+ .premium-banner-animation8 .premium-banner-ib-desc {
1109
+ padding: 70px;
1110
+ display: table;
1111
+ }
1112
+
1113
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
+ display: table-cell;
1115
+ vertical-align: middle;
1116
+ }
1117
+
1118
+ .premium-banner-animation8 .premium-banner-ib-title {
1119
+ margin-top: 0;
1120
+ }
1121
+
1122
+ .premium-banner-animation8 .premium-banner-ib-title,
1123
+ .premium-banner-animation8 img {
1124
+ -webkit-transform: translate3d(30px, 0, 0);
1125
+ transform: translate3d(30px, 0, 0);
1126
+ }
1127
+
1128
+ .premium-banner-animation8.zoomout img,
1129
+ .premium-banner-animation8.scale img {
1130
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
+ transform: translate3d(30px, 0, 0) scale(1.1);
1132
+ }
1133
+
1134
+ .premium-banner-animation8 .premium-banner-ib-content,
1135
+ .premium-banner-animation8 .premium-banner-read-more {
1136
+ margin-top: 10px;
1137
+ }
1138
+
1139
+ .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
+ .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1143
+ transition: opacity 0.35s, transform 0.35s;
1144
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
+ }
1146
+
1147
+ .premium-banner-animation8 .premium-banner-ib-title,
1148
+ .premium-banner-animation8 .premium-banner-ib-content,
1149
+ .premium-banner-animation8 .premium-banner-read-more {
1150
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1152
+ transition: opacity 0.35s, transform 0.35s;
1153
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
+ opacity: 0;
1155
+ }
1156
+
1157
+ .premium-banner-animation8 img {
1158
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1160
+ transition: opacity 0.35s, transform 0.35s;
1161
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
+ }
1163
+
1164
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1165
+ .premium-banner-animation8.active .premium-banner-ib-content,
1166
+ .premium-banner-animation8:hover .premium-banner-read-more,
1167
+ .premium-banner-animation8.active .premium-banner-read-more,
1168
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1169
+ .premium-banner-animation8.active .premium-banner-ib-title {
1170
+ opacity: 1;
1171
+ -webkit-transform: translate3d(0, 0, 0);
1172
+ transform: translate3d(0, 0, 0);
1173
+ }
1174
+
1175
+ .premium-banner-animation8:hover .premium-banner-bleft,
1176
+ .premium-banner-animation8.active .premium-banner-bleft {
1177
+ height: -webkit-calc(100% - 61px);
1178
+ height: calc(100% - 61px);
1179
+ }
1180
+
1181
+ .premium-banner-animation8:hover .premium-banner-bright,
1182
+ .premium-banner-animation8.active .premium-banner-bright {
1183
+ height: -webkit-calc(100% - 61px);
1184
+ height: calc(100% - 61px);
1185
+ }
1186
+
1187
+ .premium-banner-animation8:hover .premium-banner-bottom,
1188
+ .premium-banner-animation8.active .premium-banner-bottom {
1189
+ width: -webkit-calc(100% - 61px);
1190
+ width: calc(100% - 61px);
1191
+ }
1192
+
1193
+ .premium-banner-animation8:hover .premium-banner-btop,
1194
+ .premium-banner-animation8.active .premium-banner-btop {
1195
+ width: -webkit-calc(100% - 61px);
1196
+ width: calc(100% - 61px);
1197
+ }
1198
+
1199
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1200
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1201
+ .premium-banner-animation8:hover .premium-banner-read-more,
1202
+ .premium-banner-animation8:hover img {
1203
+ -webkit-transition-delay: 0.15s;
1204
+ transition-delay: 0.15s;
1205
+ }
1206
+
1207
+ .premium-banner-animation9 img {
1208
+ width: -webkit-calc(100% + 20px) !important;
1209
+ width: calc(100% + 20px) !important;
1210
+ max-width: -webkit-calc(100% + 20px) !important;
1211
+ max-width: calc(100% + 20px) !important;
1212
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1214
+ transition: opacity 0.35s, transform 0.35s;
1215
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
+ -webkit-transform: scale(1.2);
1217
+ -ms-transform: scale(1.2);
1218
+ transform: scale(1.2);
1219
+ }
1220
+
1221
+ .premium-banner-animation9 .premium-banner-ib-desc {
1222
+ width: 100%;
1223
+ height: 100%;
1224
+ }
1225
+
1226
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
+ position: absolute;
1228
+ top: 50%;
1229
+ right: 50%;
1230
+ width: 80%;
1231
+ height: 1px;
1232
+ background: #fff;
1233
+ content: "";
1234
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1236
+ transition: opacity 0.35s, transform 0.35s;
1237
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
+ -webkit-transform: translate3d(50%, -50%, 0);
1239
+ transform: translate3d(50%, -50%, 0);
1240
+ }
1241
+
1242
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
+ position: absolute;
1244
+ top: 50%;
1245
+ right: 50%;
1246
+ width: 80%;
1247
+ height: 1px;
1248
+ background: #fff;
1249
+ content: "";
1250
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1252
+ transition: opacity 0.35s, transform 0.35s;
1253
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
+ -webkit-transform: translate3d(50%, -50%, 0);
1255
+ transform: translate3d(50%, -50%, 0);
1256
+ }
1257
+
1258
+ .premium-banner-animation9 .premium-banner-ib-title {
1259
+ position: absolute;
1260
+ top: 50%;
1261
+ right: 0;
1262
+ width: 100%;
1263
+ -webkit-transition: -webkit-transform 0.35s;
1264
+ transition: -webkit-transform 0.35s;
1265
+ transition: transform 0.35s;
1266
+ transition: transform 0.35s, -webkit-transform 0.35s;
1267
+ -webkit-transform: translate3d(0, -70px, 0);
1268
+ transform: translate3d(0, -70px, 0);
1269
+ margin-top: 0;
1270
+ padding: 0 10%;
1271
+ }
1272
+
1273
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1274
+ .premium-banner-animation9.active .premium-banner-ib-title {
1275
+ -webkit-transform: translate3d(0, -80px, 0);
1276
+ transform: translate3d(0, -80px, 0);
1277
+ }
1278
+
1279
+ .premium-banner-animation9 .premium-banner-ib-content,
1280
+ .premium-banner-animation9 .premium-banner-read-more {
1281
+ position: absolute;
1282
+ top: 50%;
1283
+ right: 0;
1284
+ width: 100%;
1285
+ -webkit-transition: -webkit-transform 0.35s;
1286
+ transition: -webkit-transform 0.35s;
1287
+ transition: transform 0.35s;
1288
+ transition: transform 0.35s, -webkit-transform 0.35s;
1289
+ padding: 0 10%;
1290
+ -webkit-transform: translate3d(0, 35px, 0);
1291
+ transform: translate3d(0, 35px, 0);
1292
+ }
1293
+
1294
+ .premium-banner-animation9 .premium-banner-read-more {
1295
+ top: 75%;
1296
+ }
1297
+
1298
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1299
+ .premium-banner-animation9.active .premium-banner-ib-content,
1300
+ .premium-banner-animation9:hover .premium-banner-read-more,
1301
+ .premium-banner-animation9.active .premium-banner-read-more {
1302
+ -webkit-transform: translate3d(0, 45px, 0);
1303
+ transform: translate3d(0, 45px, 0);
1304
+ }
1305
+
1306
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
+ opacity: 0.5;
1309
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
+ transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
+ }
1312
+
1313
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
+ opacity: 0.5;
1316
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
+ transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
+ }
1319
+
1320
+ .premium-banner-animation9:hover img {
1321
+ -webkit-transform: scale(1);
1322
+ -ms-transform: scale(1);
1323
+ transform: scale(1);
1324
+ }
1325
+
1326
+ .premium-banner-animation10 img {
1327
+ width: -webkit-calc(100% + 20px) !important;
1328
+ width: calc(100% + 20px) !important;
1329
+ max-width: -webkit-calc(100% + 20px) !important;
1330
+ max-width: calc(100% + 20px) !important;
1331
+ }
1332
+
1333
+ .premium-banner-animation10 .premium-banner-ib-title {
1334
+ position: relative;
1335
+ overflow: hidden;
1336
+ padding: 5px 0 15px;
1337
+ -webkit-transition: -webkit-transform 0.35s;
1338
+ transition: -webkit-transform 0.35s;
1339
+ transition: transform 0.35s;
1340
+ transition: transform 0.35s, -webkit-transform 0.35s;
1341
+ -webkit-transform: translate3d(0, 20px, 0);
1342
+ transform: translate3d(0, 20px, 0);
1343
+ margin-bottom: 0;
1344
+ }
1345
+
1346
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1347
+ position: absolute;
1348
+ content: "";
1349
+ bottom: 0;
1350
+ right: 0;
1351
+ width: 100%;
1352
+ height: 3px;
1353
+ background: #fff;
1354
+ opacity: 0;
1355
+ -webkit-transform: translate3d(0, 100%, 0);
1356
+ transform: translate3d(0, 100%, 0);
1357
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1359
+ transition: opacity 0.35s, transform 0.35s;
1360
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
+ }
1362
+
1363
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1364
+ .premium-banner-animation10.active .premium-banner-ib-title {
1365
+ -webkit-transform: translate3d(0, 0, 0);
1366
+ transform: translate3d(0, 0, 0);
1367
+ }
1368
+
1369
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
+ opacity: 1;
1372
+ -webkit-transform: translate3d(0, 0, 0);
1373
+ transform: translate3d(0, 0, 0);
1374
+ }
1375
+
1376
+ .premium-banner-animation10 .premium-banner-ib-content,
1377
+ .premium-banner-animation10 .premium-banner-read-more {
1378
+ padding-top: 15px;
1379
+ opacity: 0;
1380
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1382
+ transition: opacity 0.35s, transform 0.35s;
1383
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
+ -webkit-transform: translate3d(0, 100%, 0);
1385
+ transform: translate3d(0, 100%, 0);
1386
+ }
1387
+
1388
+ .premium-banner-animation10 .premium-banner-read-more {
1389
+ padding: 0;
1390
+ }
1391
+
1392
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1393
+ .premium-banner-animation10.active .premium-banner-ib-content,
1394
+ .premium-banner-animation10:hover .premium-banner-read-more,
1395
+ .premium-banner-animation10.active .premium-banner-read-more {
1396
+ opacity: 1;
1397
+ -webkit-transform: translate3d(0, 0, 0);
1398
+ transform: translate3d(0, 0, 0);
1399
+ }
1400
+
1401
+ .premium-banner-animation11 {
1402
+ -webkit-transition: -webkit-transform 1s ease-out;
1403
+ transition: -webkit-transform 1s ease-out;
1404
+ transition: transform 1s ease-out;
1405
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
+ -webkit-transition-delay: 0.125s;
1407
+ transition-delay: 0.125s;
1408
+ }
1409
+
1410
+ .premium-banner-animation11 .premium-banner-ib-desc {
1411
+ position: absolute;
1412
+ z-index: 5;
1413
+ -webkit-transform: translate3d(30px, 0, 0);
1414
+ transform: translate3d(30px, 0, 0);
1415
+ opacity: 0;
1416
+ top: auto;
1417
+ bottom: 0;
1418
+ min-height: 25%;
1419
+ height: auto;
1420
+ max-height: 100%;
1421
+ text-align: left;
1422
+ padding: 30px;
1423
+ -webkit-transition: all 0.6s ease-out;
1424
+ transition: all 0.6s ease-out;
1425
+ }
1426
+
1427
+ .premium-banner-animation11 img {
1428
+ width: 100%;
1429
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
+ }
1434
+
1435
+ .premium-banner-animation11 .premium-banner-ib-title {
1436
+ margin-bottom: 10px;
1437
+ }
1438
+
1439
+ .premium-banner-animation11 .premium-banner-gradient {
1440
+ position: absolute;
1441
+ left: 0;
1442
+ top: 0;
1443
+ right: 0;
1444
+ bottom: 0;
1445
+ }
1446
+
1447
+ .premium-banner-animation11 .premium-banner-gradient:after,
1448
+ .premium-banner-animation11 .premium-banner-gradient:before {
1449
+ position: absolute;
1450
+ content: "";
1451
+ left: 0;
1452
+ top: 0;
1453
+ right: 0;
1454
+ bottom: 0;
1455
+ -webkit-transform: translate3d(100%, 0, 0);
1456
+ transform: translate3d(100%, 0, 0);
1457
+ background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
+ background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
+ background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
+ z-index: 2;
1461
+ }
1462
+
1463
+ .premium-banner-animation11 .premium-banner-gradient:before {
1464
+ mix-blend-mode: color;
1465
+ }
1466
+
1467
+ .premium-banner-animation11 .premium-banner-gradient:after {
1468
+ mix-blend-mode: multiply;
1469
+ }
1470
+
1471
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1473
+ opacity: 1;
1474
+ -webkit-transform: translate3d(0, 0, 0);
1475
+ transform: translate3d(0, 0, 0);
1476
+ }
1477
+
1478
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1481
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1482
+ -webkit-transform: translate3d(0, 0, 0);
1483
+ transform: translate3d(0, 0, 0);
1484
+ }
1485
+
1486
+ .premium-banner-animation11.zoomout img,
1487
+ .premium-banner-animation11.scale img {
1488
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
+ transform: translate3d(-10px, 0, 0) scale(1.1);
1490
+ }
1491
+
1492
+ /************ Premium Countdown ************/
1493
+ /*******************************************/
1494
+ .premium-countdown {
1495
+ -js-display: flex;
1496
+ display: -webkit-box;
1497
+ display: -webkit-flex;
1498
+ display: -moz-box;
1499
+ display: -ms-flexbox;
1500
+ display: flex;
1501
+ text-align: center;
1502
+ }
1503
+
1504
+ .countdown-row {
1505
+ display: block;
1506
+ text-align: center;
1507
+ }
1508
+
1509
+ .countdown .countdown-section {
1510
+ display: inline-block;
1511
+ max-width: 100%;
1512
+ margin-bottom: 15px;
1513
+ -js-display: inline-flex;
1514
+ display: -webkit-inline-box;
1515
+ display: -webkit-inline-flex;
1516
+ display: -moz-inline-box;
1517
+ display: -ms-inline-flexbox;
1518
+ display: inline-flex;
1519
+ -webkit-box-align: center;
1520
+ -webkit-align-items: center;
1521
+ -moz-box-align: center;
1522
+ -ms-flex-align: center;
1523
+ align-items: center;
1524
+ }
1525
+
1526
+ .countdown .countdown-section:last-child {
1527
+ margin-left: 0;
1528
+ }
1529
+
1530
+ .countdown span.countdown-amount {
1531
+ font-size: 70px;
1532
+ line-height: 1;
1533
+ padding: 40px;
1534
+ }
1535
+
1536
+ .countdown .pre_time-mid {
1537
+ display: block;
1538
+ }
1539
+
1540
+ .premium-countdown-separator-yes .countdown_separator {
1541
+ display: block;
1542
+ margin: 0 50px;
1543
+ font-size: 30px;
1544
+ }
1545
+
1546
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
+ display: none;
1549
+ }
1550
+
1551
+ /**
1552
+ * Digit and unit styles
1553
+ */
1554
+ .side .countdown-section .countdown-period {
1555
+ vertical-align: bottom;
1556
+ }
1557
+
1558
+ .countdown .countdown-section .countdown-period {
1559
+ font-size: 17px;
1560
+ line-height: 3em;
1561
+ }
1562
+
1563
+ .side .countdown-section .countdown-amount,
1564
+ .side .countdown-section .countdown-period {
1565
+ display: inline-block;
1566
+ }
1567
+
1568
+ .side .countdown-section .countdown-amount {
1569
+ margin-left: 5px;
1570
+ }
1571
+
1572
+ .down .countdown-section .countdown-amount,
1573
+ .down .countdown-section .countdown-period {
1574
+ display: block;
1575
+ }
1576
+
1577
+ /**
1578
+ * Flip Layout
1579
+ */
1580
+ .premium-countdown-flip .premium-countdown-block {
1581
+ text-align: center;
1582
+ -js-display: inline-flex;
1583
+ display: -webkit-inline-box;
1584
+ display: -webkit-inline-flex;
1585
+ display: -moz-inline-box;
1586
+ display: -ms-inline-flexbox;
1587
+ display: inline-flex;
1588
+ -webkit-box-align: center;
1589
+ -webkit-align-items: center;
1590
+ -moz-box-align: center;
1591
+ -ms-flex-align: center;
1592
+ align-items: center;
1593
+ }
1594
+
1595
+ .premium-countdown-flip .premium-countdown-block:last-child {
1596
+ margin-left: 0;
1597
+ }
1598
+
1599
+ .premium-countdown-flip .premium-countdown-label {
1600
+ overflow: hidden;
1601
+ color: #1a1a1a;
1602
+ text-transform: uppercase;
1603
+ }
1604
+
1605
+ .premium-countdown-flip .premium-countdown-figure {
1606
+ position: relative;
1607
+ height: 110px;
1608
+ width: 100px;
1609
+ line-height: 107px;
1610
+ background-color: #fff;
1611
+ -webkit-border-radius: 10px;
1612
+ border-radius: 10px;
1613
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
+ }
1616
+
1617
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1618
+ margin-left: 0;
1619
+ }
1620
+
1621
+ .premium-countdown-flip .premium-countdown-figure>span {
1622
+ position: absolute;
1623
+ right: 0;
1624
+ left: 0;
1625
+ margin: auto;
1626
+ font-weight: 700;
1627
+ }
1628
+
1629
+ .premium-countdown-flip .premium-countdown-figure .top {
1630
+ z-index: 3;
1631
+ -webkit-transform-origin: 50% 100%;
1632
+ -ms-transform-origin: 50% 100%;
1633
+ transform-origin: 50% 100%;
1634
+ -webkit-transform: perspective(200px);
1635
+ transform: perspective(200px);
1636
+ -webkit-backface-visibility: hidden;
1637
+ backface-visibility: hidden;
1638
+ }
1639
+
1640
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1641
+ z-index: 1;
1642
+ }
1643
+
1644
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
+ content: "";
1646
+ position: absolute;
1647
+ display: block;
1648
+ top: 0;
1649
+ right: 0;
1650
+ width: 100%;
1651
+ height: 50%;
1652
+ background-color: rgba(0, 0, 0, 0.02);
1653
+ }
1654
+
1655
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1656
+ -webkit-backface-visibility: hidden;
1657
+ backface-visibility: hidden;
1658
+ z-index: 4;
1659
+ bottom: 0;
1660
+ -webkit-transform-origin: 50% 0;
1661
+ -ms-transform-origin: 50% 0;
1662
+ transform-origin: 50% 0;
1663
+ -webkit-transform: perspective(200px) rotateX(180deg);
1664
+ transform: perspective(200px) rotateX(180deg);
1665
+ }
1666
+
1667
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
+ position: absolute;
1669
+ top: -100%;
1670
+ right: 0;
1671
+ left: 0;
1672
+ margin: auto;
1673
+ }
1674
+
1675
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
+ z-index: 2;
1677
+ top: 0;
1678
+ }
1679
+
1680
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
+ position: absolute;
1682
+ top: 0;
1683
+ right: 0;
1684
+ left: 0;
1685
+ margin: auto;
1686
+ }
1687
+
1688
+ .premium-countdown-flip .premium-countdown-figure .top,
1689
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1691
+ height: 50%;
1692
+ overflow: hidden;
1693
+ background-color: #f7f7f7;
1694
+ -webkit-border-top-right-radius: 10px;
1695
+ border-top-right-radius: 10px;
1696
+ -webkit-border-top-left-radius: 10px;
1697
+ border-top-left-radius: 10px;
1698
+ }
1699
+
1700
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1701
+ -webkit-border-bottom-right-radius: 10px;
1702
+ border-bottom-right-radius: 10px;
1703
+ -webkit-border-bottom-left-radius: 10px;
1704
+ border-bottom-left-radius: 10px;
1705
+ }
1706
+
1707
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1708
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
+ content: "";
1710
+ position: absolute;
1711
+ z-index: -1;
1712
+ right: 0;
1713
+ bottom: 0;
1714
+ width: 100%;
1715
+ height: 100%;
1716
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
+ }
1718
+
1719
+ .side .premium-countdown-figure,
1720
+ .side .premium-countdown-label {
1721
+ display: inline-block;
1722
+ }
1723
+
1724
+ .side .premium-countdown-figure {
1725
+ margin-left: 5px;
1726
+ }
1727
+
1728
+ .down .premium-countdown-figure,
1729
+ .down .premium-countdown-label {
1730
+ display: block;
1731
+ }
1732
+
1733
+ .down .premium-countdown-label {
1734
+ width: 100%;
1735
+ }
1736
+
1737
+ /**************** Premium Carousel **************/
1738
+ /************************************************/
1739
+ .premium-carousel-wrapper a.carousel-arrow,
1740
+ .premium-carousel-wrapper a.ver-carousel-arrow,
1741
+ .premium-fb-rev-container a.carousel-arrow,
1742
+ .premium-tabs-nav-list a.carousel-arrow,
1743
+ .premium-blog-wrap a.carousel-arrow,
1744
+ .premium-hscroll-wrap a.carousel-arrow,
1745
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1746
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1747
+ .premium-instafeed-container a.carousel-arrow,
1748
+ .premium-persons-container a.carousel-arrow {
1749
+ display: -ms-flexbox;
1750
+ display: -webkit-flex;
1751
+ display: -moz-flex;
1752
+ display: -ms-flex;
1753
+ -js-display: flex;
1754
+ display: -webkit-box;
1755
+ display: -moz-box;
1756
+ display: flex;
1757
+ -webkit-box-align: center;
1758
+ -webkit-align-items: center;
1759
+ -moz-box-align: center;
1760
+ -ms-flex-align: center;
1761
+ align-items: center;
1762
+ -webkit-box-pack: center;
1763
+ -webkit-justify-content: center;
1764
+ -moz-box-pack: center;
1765
+ -ms-flex-pack: center;
1766
+ justify-content: center;
1767
+ width: 2em;
1768
+ height: 2em;
1769
+ line-height: 0;
1770
+ text-align: center;
1771
+ position: absolute;
1772
+ z-index: 99;
1773
+ cursor: pointer;
1774
+ -webkit-transition: all 0.3s ease-in-out;
1775
+ transition: all 0.3s ease-in-out;
1776
+ -webkit-appearance: inherit;
1777
+ border: none;
1778
+ -webkit-box-shadow: none;
1779
+ box-shadow: none;
1780
+ }
1781
+
1782
+ .premium-carousel-wrapper a.carousel-arrow svg,
1783
+ .premium-carousel-wrapper a.ver-carousel-arrow svg {
1784
+ -webkit-transition: all 0.3s ease-in-out;
1785
+ transition: all 0.3s ease-in-out;
1786
+ }
1787
+
1788
+ div[class^="premium-"] .slick-arrow i {
1789
+ display: block;
1790
+ }
1791
+
1792
+ .ver-carousel-arrow.carousel-next i {
1793
+ margin-bottom: -3px;
1794
+ }
1795
+
1796
+ .premium-carousel-wrapper a.slick-arrow:hover {
1797
+ -webkit-box-shadow: none !important;
1798
+ box-shadow: none !important;
1799
+ }
1800
+
1801
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1802
+ visibility: hidden;
1803
+ }
1804
+
1805
+ .premium-carousel-wrapper a.carousel-arrow,
1806
+ .premium-fb-rev-container a.carousel-arrow,
1807
+ .premium-tabs-nav-list a.carousel-arrow,
1808
+ .premium-blog-wrap a.carousel-arrow,
1809
+ .premium-hscroll-wrap a.carousel-arrow,
1810
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1811
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1812
+ .premium-instafeed-container a.carousel-arrow,
1813
+ .premium-persons-container a.carousel-arrow {
1814
+ top: 50%;
1815
+ -webkit-transform: translateY(-50%);
1816
+ -ms-transform: translateY(-50%);
1817
+ transform: translateY(-50%);
1818
+ }
1819
+
1820
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1821
+ right: 50%;
1822
+ -webkit-transform: translateX(50%);
1823
+ -ms-transform: translateX(50%);
1824
+ transform: translateX(50%);
1825
+ }
1826
+
1827
+ a.carousel-arrow.carousel-next {
1828
+ right: -20px;
1829
+ left: auto;
1830
+ }
1831
+
1832
+ a.carousel-arrow.carousel-prev {
1833
+ left: -20px;
1834
+ right: auto;
1835
+ }
1836
+
1837
+ a.ver-carousel-arrow.carousel-next {
1838
+ bottom: -56px;
1839
+ }
1840
+
1841
+ a.ver-carousel-arrow.carousel-prev {
1842
+ top: -45px;
1843
+ }
1844
+
1845
+ a.circle-bg {
1846
+ -webkit-border-radius: 100%;
1847
+ border-radius: 100%;
1848
+ }
1849
+
1850
+ a.circle-border {
1851
+ -webkit-border-radius: 100%;
1852
+ border-radius: 100%;
1853
+ border: solid black;
1854
+ }
1855
+
1856
+ a.square-border {
1857
+ border: solid black;
1858
+ }
1859
+
1860
+ .premium-carousel-dots-below,
1861
+ .premium-blog-wrap ul.slick-dots,
1862
+ .premium-fb-rev-reviews ul.slick-dots {
1863
+ position: relative;
1864
+ bottom: 0;
1865
+ list-style: none;
1866
+ text-align: center;
1867
+ margin: 0;
1868
+ padding: 0;
1869
+ }
1870
+
1871
+ .premium-carousel-dots-above ul.slick-dots {
1872
+ position: absolute;
1873
+ display: -ms-flexbox;
1874
+ display: -webkit-flex;
1875
+ display: -moz-flex;
1876
+ display: -ms-flex;
1877
+ -js-display: flex;
1878
+ display: -webkit-box;
1879
+ display: -moz-box;
1880
+ display: flex;
1881
+ top: 50%;
1882
+ -webkit-transform: translateY(-50%);
1883
+ -ms-transform: translateY(-50%);
1884
+ transform: translateY(-50%);
1885
+ -webkit-flex-direction: column;
1886
+ -webkit-box-orient: vertical;
1887
+ -webkit-box-direction: normal;
1888
+ -moz-box-orient: vertical;
1889
+ -moz-box-direction: normal;
1890
+ -ms-flex-direction: column;
1891
+ flex-direction: column;
1892
+ }
1893
+
1894
+ ul.slick-dots li {
1895
+ font-size: 10px;
1896
+ display: -webkit-inline-box;
1897
+ display: -webkit-inline-flex;
1898
+ display: -ms-inline-flexbox;
1899
+ -js-display: inline-flex;
1900
+ display: -moz-inline-box;
1901
+ display: inline-flex;
1902
+ -webkit-box-pack: center;
1903
+ -webkit-justify-content: center;
1904
+ -moz-box-pack: center;
1905
+ -ms-flex-pack: center;
1906
+ justify-content: center;
1907
+ -webkit-box-align: center;
1908
+ -webkit-align-items: center;
1909
+ -moz-box-align: center;
1910
+ -ms-flex-align: center;
1911
+ align-items: center;
1912
+ margin: 5px;
1913
+ width: 20px;
1914
+ height: 20px;
1915
+ cursor: pointer;
1916
+ }
1917
+
1918
+ /*
1919
+ * Custom Navigation Dot
1920
+ */
1921
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1922
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1923
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1924
+ display: none;
1925
+ }
1926
+
1927
+ .premium-carousel-wrapper ul.slick-dots svg {
1928
+ width: 20px;
1929
+ height: 20px;
1930
+ outline: none !important;
1931
+ }
1932
+
1933
+ /* Ripple Out */
1934
+ @-webkit-keyframes hvr-ripple-out {
1935
+ 0% {
1936
+ -webkit-transform: scale(1);
1937
+ transform: scale(1);
1938
+ opacity: 1;
1939
+ }
1940
+
1941
+ 100% {
1942
+ -webkit-transform: scale(1.5);
1943
+ transform: scale(1.5);
1944
+ opacity: 0;
1945
+ }
1946
+ }
1947
+
1948
+ @keyframes hvr-ripple-out {
1949
+ 0% {
1950
+ -webkit-transform: scale(1);
1951
+ transform: scale(1);
1952
+ opacity: 1;
1953
+ }
1954
+
1955
+ 100% {
1956
+ -webkit-transform: scale(1.5);
1957
+ transform: scale(1.5);
1958
+ opacity: 0;
1959
+ }
1960
+ }
1961
+
1962
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1963
+ padding-bottom: 1px;
1964
+ }
1965
+
1966
+ .premium-carousel-ripple-yes ul.slick-dots li,
1967
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1968
+ position: relative;
1969
+ }
1970
+
1971
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1972
+ z-index: 1;
1973
+ }
1974
+
1975
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1976
+ content: "";
1977
+ position: absolute;
1978
+ -webkit-transform: scale(1);
1979
+ -ms-transform: scale(1);
1980
+ transform: scale(1);
1981
+ top: 0;
1982
+ left: 0;
1983
+ bottom: 0;
1984
+ right: 0;
1985
+ -webkit-border-radius: 50%;
1986
+ border-radius: 50%;
1987
+ pointer-events: none;
1988
+ background-color: rgba(0, 0, 0, 0.15);
1989
+ }
1990
+
1991
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1992
+ background-color: rgba(0, 0, 0, 0.3);
1993
+ }
1994
+
1995
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1996
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1997
+ animation: hvr-ripple-out 1.3s infinite;
1998
+ }
1999
+
2000
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2001
+ -webkit-transform: scale(1.25, 1.25);
2002
+ -ms-transform: scale(1.25, 1.25);
2003
+ transform: scale(1.25, 1.25);
2004
+ -webkit-transition: all 0.3s ease-in-out !important;
2005
+ transition: all 0.3s ease-in-out !important;
2006
+ }
2007
+
2008
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2009
+ -webkit-transform: scale(1, 1);
2010
+ -ms-transform: scale(1, 1);
2011
+ transform: scale(1, 1);
2012
+ }
2013
+
2014
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2015
+ float: right;
2016
+ }
2017
+
2018
+ /**************** Premium Counter ***************/
2019
+ /************************************************/
2020
+ .premium-counter-area {
2021
+ padding: 10px 0;
2022
+ -js-display: flex;
2023
+ display: -webkit-box;
2024
+ display: -webkit-flex;
2025
+ display: -moz-box;
2026
+ display: -ms-flexbox;
2027
+ display: flex;
2028
+ -webkit-box-pack: center;
2029
+ -webkit-justify-content: center;
2030
+ -moz-box-pack: center;
2031
+ -ms-flex-pack: center;
2032
+ justify-content: center;
2033
+ -webkit-box-align: center;
2034
+ -webkit-align-items: center;
2035
+ -moz-box-align: center;
2036
+ -ms-flex-align: center;
2037
+ align-items: center;
2038
+ }
2039
+
2040
+ .premium-counter-area.top {
2041
+ -webkit-box-orient: vertical;
2042
+ -webkit-box-direction: normal;
2043
+ -webkit-flex-direction: column;
2044
+ -moz-box-orient: vertical;
2045
+ -moz-box-direction: normal;
2046
+ -ms-flex-direction: column;
2047
+ flex-direction: column;
2048
+ }
2049
+
2050
+ .premium-counter-area.right {
2051
+ -webkit-box-orient: horizontal;
2052
+ -webkit-box-direction: reverse;
2053
+ -webkit-flex-direction: row-reverse;
2054
+ -moz-box-orient: horizontal;
2055
+ -moz-box-direction: reverse;
2056
+ -ms-flex-direction: row-reverse;
2057
+ flex-direction: row-reverse;
2058
+ }
2059
+
2060
+ .premium-counter-area.right .premium-counter-icon {
2061
+ padding-right: 20px;
2062
+ }
2063
+
2064
+ .premium-counter-area.left .premium-counter-icon {
2065
+ padding-left: 20px;
2066
+ }
2067
+
2068
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2069
+ vertical-align: text-top;
2070
+ }
2071
+
2072
+ .premium-counter-area .premium-counter-icon span.icon {
2073
+ text-align: center;
2074
+ display: inline-block;
2075
+ vertical-align: middle;
2076
+ }
2077
+
2078
+ .premium-counter-area .premium-counter-icon .circle {
2079
+ -webkit-border-radius: 100%;
2080
+ border-radius: 100%;
2081
+ }
2082
+
2083
+ .premium-counter-area .premium-counter-icon img,
2084
+ .premium-counter-area .premium-counter-icon svg {
2085
+ width: 80px;
2086
+ }
2087
+
2088
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2089
+ height: 80px;
2090
+ }
2091
+
2092
+ .premium-counter-area .premium-counter-title p {
2093
+ padding: 0;
2094
+ margin: 0;
2095
+ }
2096
+
2097
+ .premium-counter-area .premium-counter-value-wrap {
2098
+ -js-display: flex;
2099
+ display: -webkit-box;
2100
+ display: -webkit-flex;
2101
+ display: -moz-box;
2102
+ display: -ms-flexbox;
2103
+ display: flex;
2104
+ -webkit-box-align: center;
2105
+ -webkit-align-items: center;
2106
+ -moz-box-align: center;
2107
+ -ms-flex-align: center;
2108
+ align-items: center;
2109
+ }
2110
+
2111
+ .premium-init-wrapper {
2112
+ -js-display: flex;
2113
+ display: -webkit-box;
2114
+ display: -webkit-flex;
2115
+ display: -moz-box;
2116
+ display: -ms-flexbox;
2117
+ display: flex;
2118
+ }
2119
+
2120
+ .premium-init-wrapper.row {
2121
+ -webkit-box-align: center;
2122
+ -webkit-align-items: center;
2123
+ -moz-box-align: center;
2124
+ -ms-flex-align: center;
2125
+ align-items: center;
2126
+ }
2127
+
2128
+ .premium-init-wrapper.right {
2129
+ text-align: right;
2130
+ }
2131
+
2132
+ span.icon.flex-width {
2133
+ width: auto !important;
2134
+ height: auto !important;
2135
+ }
2136
+
2137
+ .premium-counter-area .premium-counter-init {
2138
+ font-size: 35px;
2139
+ }
2140
+
2141
+ /**************** Premium Image Separator ****************/
2142
+ /*********************************************************/
2143
+ /*Image Separator Container Style*/
2144
+ .premium-image-separator-container {
2145
+ position: absolute;
2146
+ width: 100%;
2147
+ z-index: 2;
2148
+ top: auto;
2149
+ }
2150
+
2151
+ .premium-image-separator-container img {
2152
+ display: inline-block !important;
2153
+ -webkit-mask-repeat: no-repeat;
2154
+ mask-repeat: no-repeat;
2155
+ -webkit-mask-position: center;
2156
+ mask-position: center;
2157
+ }
2158
+
2159
+ /*Link on Image Style*/
2160
+ .premium-image-separator-link {
2161
+ position: absolute;
2162
+ z-index: 9999;
2163
+ top: 0;
2164
+ right: 0;
2165
+ width: 100%;
2166
+ height: 100%;
2167
+ text-decoration: none;
2168
+ }
2169
+
2170
+ /*Important to override Theme options*/
2171
+ a.premium-image-separator-link:hover,
2172
+ a.premium-image-separator-link:visited,
2173
+ a.premium-image-separator-link:focus,
2174
+ a.premium-image-separator-link:active {
2175
+ -webkit-box-shadow: none !important;
2176
+ box-shadow: none !important;
2177
+ outline: none !important;
2178
+ border: none !important;
2179
+ text-decoration: none !important;
2180
+ }
2181
+
2182
+ .premium-image-separator-container .img-responsive {
2183
+ display: inline-block;
2184
+ }
2185
+
2186
+ .premium-image-separator-container i,
2187
+ .premium-image-separator-container>svg {
2188
+ padding: 20px;
2189
+ -webkit-transition: all 0.3s ease-in-out;
2190
+ transition: all 0.3s ease-in-out;
2191
+ }
2192
+
2193
+ /**************** Premium Modal Box ****************/
2194
+ /***************************************************/
2195
+ .premium-modal-trigger-btn,
2196
+ .premium-modal-box-modal-lower-close {
2197
+ display: inline-block;
2198
+ padding: 6px 12px;
2199
+ margin-bottom: 0;
2200
+ font-size: 14px;
2201
+ font-weight: normal;
2202
+ line-height: 1.42857143;
2203
+ text-align: center;
2204
+ white-space: nowrap;
2205
+ vertical-align: middle;
2206
+ -ms-touch-action: manipulation;
2207
+ touch-action: manipulation;
2208
+ cursor: pointer;
2209
+ -webkit-user-select: none;
2210
+ -moz-user-select: none;
2211
+ -ms-user-select: none;
2212
+ user-select: none;
2213
+ background-image: none;
2214
+ border: 1px solid transparent;
2215
+ }
2216
+
2217
+ .premium-modal-trigger-btn>svg,
2218
+ .premium-modal-trigger-btn .premium-modal-box-icon {
2219
+ -webkit-transition: all 0.3s ease-in-out;
2220
+ transition: all 0.3s ease-in-out;
2221
+ }
2222
+
2223
+ .premium-modal-trigger-btn>svg {
2224
+ width: 30px;
2225
+ height: 30px;
2226
+ }
2227
+
2228
+ .premium-modal-box-modal-close {
2229
+ float: left;
2230
+ font-size: 21px;
2231
+ font-weight: bold;
2232
+ line-height: 1;
2233
+ color: #000;
2234
+ }
2235
+
2236
+ .premium-modal-box-modal-close:hover,
2237
+ .premium-modal-box-modal-close:focus {
2238
+ color: #000;
2239
+ text-decoration: none;
2240
+ cursor: pointer;
2241
+ }
2242
+
2243
+ button.premium-modal-box-modal-close {
2244
+ -webkit-appearance: none;
2245
+ padding: 0;
2246
+ cursor: pointer;
2247
+ background: transparent;
2248
+ border: 0;
2249
+ }
2250
+
2251
+ .premium-modal-box-modal {
2252
+ position: fixed;
2253
+ top: 0;
2254
+ left: 0;
2255
+ bottom: 0;
2256
+ right: 0;
2257
+ z-index: 1050;
2258
+ display: none;
2259
+ -webkit-overflow-scrolling: touch;
2260
+ outline: 0;
2261
+ padding: 0 !important;
2262
+ background: rgba(0, 0, 0, 0.5);
2263
+ -webkit-box-align: center;
2264
+ -webkit-align-items: center;
2265
+ -moz-box-align: center;
2266
+ -ms-flex-align: center;
2267
+ align-items: center;
2268
+ -webkit-box-pack: center;
2269
+ -webkit-justify-content: center;
2270
+ -moz-box-pack: center;
2271
+ -ms-flex-pack: center;
2272
+ justify-content: center;
2273
+ }
2274
+
2275
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2276
+ position: absolute;
2277
+ max-height: -webkit-calc(100vh - 150px);
2278
+ max-height: calc(100vh - 150px);
2279
+ -js-display: flex;
2280
+ display: -webkit-box;
2281
+ display: -webkit-flex;
2282
+ display: -moz-box;
2283
+ display: -ms-flexbox;
2284
+ display: flex;
2285
+ -webkit-box-orient: vertical;
2286
+ -webkit-box-direction: normal;
2287
+ -webkit-flex-direction: column;
2288
+ -moz-box-orient: vertical;
2289
+ -moz-box-direction: normal;
2290
+ -ms-flex-direction: column;
2291
+ flex-direction: column;
2292
+ opacity: 0;
2293
+ background-color: #fff;
2294
+ border: 1px solid rgba(0, 0, 0, 0.2);
2295
+ -webkit-border-radius: 6px;
2296
+ border-radius: 6px;
2297
+ }
2298
+
2299
+ .premium-modal-box-modal-content {
2300
+ background-clip: padding-box;
2301
+ outline: 0;
2302
+ overflow-x: hidden;
2303
+ }
2304
+
2305
+ .premium-modal-backdrop.premium-in {
2306
+ filter: alpha(opacity=50);
2307
+ opacity: 0.5 !important;
2308
+ }
2309
+
2310
+ .premium-modal-fade.premium-in {
2311
+ opacity: 1;
2312
+ }
2313
+
2314
+ .premium-modal-backdrop {
2315
+ position: fixed;
2316
+ top: 0;
2317
+ left: 0;
2318
+ bottom: 0;
2319
+ right: 0;
2320
+ z-index: 1040;
2321
+ background-color: #000;
2322
+ }
2323
+
2324
+ .premium-modal-backdrop.premium-modal-fade {
2325
+ filter: alpha(opacity=0);
2326
+ opacity: 0;
2327
+ }
2328
+
2329
+ .premium-modal-fade {
2330
+ opacity: 0;
2331
+ }
2332
+
2333
+ .premium-in {
2334
+ -js-display: flex !important;
2335
+ display: -webkit-box !important;
2336
+ display: -webkit-flex !important;
2337
+ display: -moz-box !important;
2338
+ display: -ms-flexbox !important;
2339
+ display: flex !important;
2340
+ }
2341
+
2342
+ .premium-modal-box-modal-header {
2343
+ -js-display: flex;
2344
+ display: -webkit-box;
2345
+ display: -webkit-flex;
2346
+ display: -moz-box;
2347
+ display: -ms-flexbox;
2348
+ display: flex;
2349
+ -webkit-box-pack: justify;
2350
+ -webkit-justify-content: space-between;
2351
+ -moz-box-pack: justify;
2352
+ -ms-flex-pack: justify;
2353
+ justify-content: space-between;
2354
+ -webkit-box-align: center;
2355
+ -webkit-align-items: center;
2356
+ -moz-box-align: center;
2357
+ -ms-flex-align: center;
2358
+ align-items: center;
2359
+ padding: 5px 15px;
2360
+ border-bottom: 1px solid #e5e5e5;
2361
+ }
2362
+
2363
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2364
+ margin-top: -2px;
2365
+ }
2366
+
2367
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2368
+ -js-display: flex;
2369
+ display: -webkit-box;
2370
+ display: -webkit-flex;
2371
+ display: -moz-box;
2372
+ display: -ms-flexbox;
2373
+ display: flex;
2374
+ -webkit-box-align: center;
2375
+ -webkit-align-items: center;
2376
+ -moz-box-align: center;
2377
+ -ms-flex-align: center;
2378
+ align-items: center;
2379
+ margin: 0;
2380
+ padding: 0;
2381
+ }
2382
+
2383
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2384
+ width: 50px;
2385
+ height: 60px;
2386
+ }
2387
+
2388
+ .premium-modal-box-modal-body {
2389
+ position: relative;
2390
+ padding: 15px;
2391
+ }
2392
+
2393
+ .premium-modal-box-modal-footer {
2394
+ padding: 15px;
2395
+ text-align: left;
2396
+ border-top: 1px solid #e5e5e5;
2397
+ }
2398
+
2399
+ .premium-modal-scrollbar-measure {
2400
+ position: absolute;
2401
+ top: -9999px;
2402
+ width: 50px;
2403
+ height: 50px;
2404
+ overflow: scroll;
2405
+ }
2406
+
2407
+ .premium-modal-trigger-text {
2408
+ background: none !important;
2409
+ display: inline-block;
2410
+ }
2411
+
2412
+ .premium-modal-box-container {
2413
+ width: 100% !important;
2414
+ }
2415
+
2416
+ /*Open Modal Button Style*/
2417
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2418
+ -js-display: inline-flex;
2419
+ display: -webkit-inline-box;
2420
+ display: -webkit-inline-flex;
2421
+ display: -moz-inline-box;
2422
+ display: -ms-inline-flexbox;
2423
+ display: inline-flex;
2424
+ -webkit-box-align: center;
2425
+ -webkit-align-items: center;
2426
+ -moz-box-align: center;
2427
+ -ms-flex-align: center;
2428
+ align-items: center;
2429
+ border: none;
2430
+ -webkit-transition: all 0.3s ease-in-out;
2431
+ transition: all 0.3s ease-in-out;
2432
+ }
2433
+
2434
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2435
+ -webkit-box-pack: center;
2436
+ -webkit-justify-content: center;
2437
+ -moz-box-pack: center;
2438
+ -ms-flex-pack: center;
2439
+ justify-content: center;
2440
+ }
2441
+
2442
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2443
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2444
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2445
+ cursor: pointer;
2446
+ }
2447
+
2448
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2449
+ display: inline-block;
2450
+ width: 200px;
2451
+ height: 200px;
2452
+ -webkit-transition: all 0.3s ease-in-out;
2453
+ transition: all 0.3s ease-in-out;
2454
+ }
2455
+
2456
+ /*Image on Modal Header Style*/
2457
+ .premium-modal-box-modal-header img {
2458
+ width: 48px;
2459
+ padding-left: 5px;
2460
+ }
2461
+
2462
+ .premium-modal-box-modal-header i,
2463
+ .premium-modal-box-modal-header svg {
2464
+ padding-left: 6px;
2465
+ }
2466
+
2467
+ .premium-modal-box-modal-close {
2468
+ position: relative;
2469
+ z-index: 99;
2470
+ }
2471
+
2472
+ .premium-modal-trigger-img,
2473
+ .premium-modal-trigger-text,
2474
+ .premium-modal-box-close-button-container,
2475
+ .premium-modal-box-modal-close,
2476
+ .premium-modal-box-modal-lower-close {
2477
+ -webkit-transition: all 0.3s ease-in-out;
2478
+ transition: all 0.3s ease-in-out;
2479
+ }
2480
+
2481
+ @media (min-width: 768px) {
2482
+ .premium-modal-box-modal-dialog {
2483
+ width: 700px;
2484
+ max-height: 600px;
2485
+ overflow: auto;
2486
+ }
2487
+ }
2488
+
2489
+ @media (max-width: 767px) {
2490
+ .premium-modal-box-modal-dialog {
2491
+ width: 100%;
2492
+ max-height: 500px;
2493
+ overflow: auto;
2494
+ }
2495
+ }
2496
+
2497
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2498
+ opacity: 0;
2499
+ }
2500
+
2501
+ /**************** Premium Progress Bar ****************/
2502
+ /******************************************************/
2503
+ .premium-progressbar-container {
2504
+ position: relative;
2505
+ }
2506
+
2507
+ .premium-progressbar-bar-wrap {
2508
+ position: relative;
2509
+ text-align: right;
2510
+ overflow: hidden;
2511
+ height: 25px;
2512
+ margin-bottom: 50px;
2513
+ background-color: #f5f5f5;
2514
+ -webkit-border-radius: 4px;
2515
+ border-radius: 4px;
2516
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2517
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2518
+ }
2519
+
2520
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2521
+ background-color: transparent;
2522
+ width: 100%;
2523
+ -js-display: flex;
2524
+ display: -webkit-box;
2525
+ display: -webkit-flex;
2526
+ display: -moz-box;
2527
+ display: -ms-flexbox;
2528
+ display: flex;
2529
+ height: auto;
2530
+ -webkit-box-shadow: none;
2531
+ box-shadow: none;
2532
+ }
2533
+
2534
+ .premium-progressbar-bar-wrap .progress-segment {
2535
+ position: relative;
2536
+ width: 25px;
2537
+ height: 25px;
2538
+ -webkit-border-radius: 50%;
2539
+ border-radius: 50%;
2540
+ overflow: hidden;
2541
+ background-color: #f5f5f5;
2542
+ }
2543
+
2544
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2545
+ background: #6ec1e4;
2546
+ }
2547
+
2548
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2549
+ margin: 0 4px;
2550
+ }
2551
+
2552
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2553
+ margin-left: 4px;
2554
+ }
2555
+
2556
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2557
+ margin-right: 4px;
2558
+ }
2559
+
2560
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2561
+ position: absolute;
2562
+ top: 0;
2563
+ right: 0;
2564
+ height: 100%;
2565
+ background-color: #6ec1e4;
2566
+ }
2567
+
2568
+ .premium-progressbar-bar {
2569
+ float: right;
2570
+ width: 0%;
2571
+ height: 100%;
2572
+ font-size: 12px;
2573
+ line-height: 20px;
2574
+ background: #6ec1e4;
2575
+ text-align: center;
2576
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2577
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2578
+ }
2579
+
2580
+ .premium-progressbar-striped .premium-progressbar-bar {
2581
+ background-image: -webkit-linear-gradient(-135deg,
2582
+ rgba(255, 255, 255, 0.15) 25%,
2583
+ transparent 25%,
2584
+ transparent 50%,
2585
+ rgba(255, 255, 255, 0.15) 50%,
2586
+ rgba(255, 255, 255, 0.15) 75%,
2587
+ transparent 75%,
2588
+ transparent);
2589
+ background-image: -webkit-linear-gradient(45deg,
2590
+ rgba(255, 255, 255, 0.15) 25%,
2591
+ transparent 25%,
2592
+ transparent 50%,
2593
+ rgba(255, 255, 255, 0.15) 50%,
2594
+ rgba(255, 255, 255, 0.15) 75%,
2595
+ transparent 75%,
2596
+ transparent);
2597
+ background-image: linear-gradient(45deg,
2598
+ rgba(255, 255, 255, 0.15) 25%,
2599
+ transparent 25%,
2600
+ transparent 50%,
2601
+ rgba(255, 255, 255, 0.15) 50%,
2602
+ rgba(255, 255, 255, 0.15) 75%,
2603
+ transparent 75%,
2604
+ transparent);
2605
+ -webkit-background-size: 40px 40px;
2606
+ background-size: 40px 40px;
2607
+ }
2608
+
2609
+ .premium-progressbar-active .premium-progressbar-bar {
2610
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2611
+ animation: progress-bar-stripes 2s linear infinite;
2612
+ }
2613
+
2614
+ .premium-progressbar-gradient .premium-progressbar-bar {
2615
+ -webkit-background-size: 400% 400% !important;
2616
+ background-size: 400% 400% !important;
2617
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2618
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2619
+ }
2620
+
2621
+ .premium-progressbar-bar {
2622
+ position: absolute;
2623
+ overflow: hidden;
2624
+ line-height: 20px;
2625
+ }
2626
+
2627
+ .premium-progressbar-container .clearfix {
2628
+ clear: both;
2629
+ }
2630
+
2631
+ .premium-progressbar-bar {
2632
+ -webkit-transition: width 0s ease-in-out !important;
2633
+ transition: width 0s ease-in-out !important;
2634
+ }
2635
+
2636
+ .premium-progressbar-container p:first-of-type {
2637
+ margin: 0;
2638
+ float: right;
2639
+ }
2640
+
2641
+ .premium-progressbar-container p:nth-of-type(2) {
2642
+ margin: 0;
2643
+ float: left;
2644
+ }
2645
+
2646
+ .premium-progressbar-name {
2647
+ right: 50%;
2648
+ top: 0;
2649
+ left: 0;
2650
+ -webkit-transform: translateX(12.5px);
2651
+ -ms-transform: translateX(12.5px);
2652
+ transform: translateX(12.5px);
2653
+ z-index: 1;
2654
+ }
2655
+
2656
+ .premium-progressbar-multiple-label {
2657
+ position: relative;
2658
+ float: right;
2659
+ width: 0;
2660
+ right: 50%;
2661
+ }
2662
+
2663
+ .premium-progressbar-center-label {
2664
+ position: relative;
2665
+ white-space: nowrap;
2666
+ }
2667
+
2668
+ .premium-progressbar-arrow {
2669
+ height: 15px;
2670
+ right: 50%;
2671
+ display: inline-block;
2672
+ border-right: 7px solid transparent;
2673
+ border-left: 7px solid transparent;
2674
+ border-top: 11px solid;
2675
+ -webkit-transform: translateX(50%);
2676
+ -ms-transform: translateX(50%);
2677
+ transform: translateX(50%);
2678
+ }
2679
+
2680
+ .premium-progressbar-pin {
2681
+ border-right: 1px solid;
2682
+ height: 12px;
2683
+ right: 50%;
2684
+ display: inline-block;
2685
+ }
2686
+
2687
+ /**
2688
+ * Circle Progress Bar
2689
+ */
2690
+ .premium-progressbar-circle-wrap {
2691
+ width: 200px;
2692
+ height: 200px;
2693
+ position: relative;
2694
+ margin: 0 auto;
2695
+ }
2696
+
2697
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2698
+ position: absolute;
2699
+ top: 0;
2700
+ right: 0;
2701
+ width: 100%;
2702
+ height: 100%;
2703
+ -webkit-clip-path: inset(0 0 0 50%);
2704
+ clip-path: inset(0 0 0 50%);
2705
+ }
2706
+
2707
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2708
+ position: absolute;
2709
+ right: 0;
2710
+ top: 0;
2711
+ height: 100%;
2712
+ width: 100%;
2713
+ border-width: 6px;
2714
+ border-style: solid;
2715
+ border-color: #54595f;
2716
+ -webkit-border-radius: 50%;
2717
+ border-radius: 50%;
2718
+ -webkit-clip-path: inset(0 50% 0 0);
2719
+ clip-path: inset(0 50% 0 0);
2720
+ }
2721
+
2722
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2723
+ -webkit-transform: rotate(0);
2724
+ -ms-transform: rotate(0);
2725
+ transform: rotate(0);
2726
+ }
2727
+
2728
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2729
+ -webkit-transform: rotate(-180deg);
2730
+ -ms-transform: rotate(-180deg);
2731
+ transform: rotate(-180deg);
2732
+ visibility: hidden;
2733
+ }
2734
+
2735
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2736
+ width: 100%;
2737
+ height: 100%;
2738
+ border: 6px solid #eee;
2739
+ -webkit-border-radius: 50%;
2740
+ border-radius: 50%;
2741
+ }
2742
+
2743
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2744
+ position: absolute;
2745
+ top: 0;
2746
+ right: 0;
2747
+ width: 100%;
2748
+ height: 100%;
2749
+ -js-display: flex;
2750
+ display: -webkit-box;
2751
+ display: -webkit-flex;
2752
+ display: -moz-box;
2753
+ display: -ms-flexbox;
2754
+ display: flex;
2755
+ -webkit-box-orient: vertical;
2756
+ -webkit-box-direction: normal;
2757
+ -webkit-flex-direction: column;
2758
+ -moz-box-orient: vertical;
2759
+ -moz-box-direction: normal;
2760
+ -ms-flex-direction: column;
2761
+ flex-direction: column;
2762
+ -webkit-box-pack: center;
2763
+ -webkit-justify-content: center;
2764
+ -moz-box-pack: center;
2765
+ -ms-flex-pack: center;
2766
+ justify-content: center;
2767
+ -webkit-box-align: center;
2768
+ -webkit-align-items: center;
2769
+ -moz-box-align: center;
2770
+ -ms-flex-align: center;
2771
+ align-items: center;
2772
+ }
2773
+
2774
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2775
+ line-height: 1;
2776
+ }
2777
+
2778
+ @-webkit-keyframes progress-bar-stripes {
2779
+ from {
2780
+ background-position: 100% 0;
2781
+ }
2782
+
2783
+ to {
2784
+ background-position: 40px 0;
2785
+ }
2786
+ }
2787
+
2788
+ @keyframes progress-bar-stripes {
2789
+ from {
2790
+ background-position: 100% 0;
2791
+ }
2792
+
2793
+ to {
2794
+ background-position: 40px 0;
2795
+ }
2796
+ }
2797
+
2798
+ @-webkit-keyframes progress-bar-gradient {
2799
+ 0% {
2800
+ background-position: 100% 50%;
2801
+ }
2802
+
2803
+ 50% {
2804
+ background-position: 0% 50%;
2805
+ }
2806
+
2807
+ 100% {
2808
+ background-position: 100% 50%;
2809
+ }
2810
+ }
2811
+
2812
+ @keyframes progress-bar-gradient {
2813
+ 0% {
2814
+ background-position: 100% 50%;
2815
+ }
2816
+
2817
+ 50% {
2818
+ background-position: 0% 50%;
2819
+ }
2820
+
2821
+ 100% {
2822
+ background-position: 100% 50%;
2823
+ }
2824
+ }
2825
+
2826
+ /**************** Premium Testimonials ****************/
2827
+ /******************************************************/
2828
+ .premium-testimonial-box {
2829
+ width: 100%;
2830
+ background: transparent;
2831
+ -webkit-transition: all 0.3s ease-in-out;
2832
+ transition: all 0.3s ease-in-out;
2833
+ }
2834
+
2835
+ .premium-testimonial-box .premium-testimonial-author-info {
2836
+ -js-display: flex;
2837
+ display: -webkit-box;
2838
+ display: -webkit-flex;
2839
+ display: -moz-box;
2840
+ display: -ms-flexbox;
2841
+ display: flex;
2842
+ -webkit-box-pack: center;
2843
+ -webkit-justify-content: center;
2844
+ -moz-box-pack: center;
2845
+ -ms-flex-pack: center;
2846
+ justify-content: center;
2847
+ -webkit-box-align: center;
2848
+ -webkit-align-items: center;
2849
+ -moz-box-align: center;
2850
+ -ms-flex-align: center;
2851
+ align-items: center;
2852
+ }
2853
+
2854
+ .premium-testimonial-box .premium-testimonial-person-name,
2855
+ .premium-testimonial-box .premium-testimonial-company-name {
2856
+ font-weight: 600;
2857
+ margin: 0;
2858
+ }
2859
+
2860
+ .premium-testimonial-container {
2861
+ position: relative;
2862
+ }
2863
+
2864
+ .premium-testimonial-img-wrapper {
2865
+ margin-right: auto;
2866
+ margin-left: auto;
2867
+ overflow: hidden;
2868
+ border-style: solid !important;
2869
+ }
2870
+
2871
+ .premium-testimonial-img-wrapper.circle {
2872
+ -webkit-border-radius: 50%;
2873
+ border-radius: 50%;
2874
+ }
2875
+
2876
+ .premium-testimonial-img-wrapper.rounded {
2877
+ -webkit-border-radius: 15px;
2878
+ border-radius: 15px;
2879
+ }
2880
+
2881
+ .premium-testimonial-img-wrapper img {
2882
+ -o-object-fit: cover;
2883
+ object-fit: cover;
2884
+ width: 100%;
2885
+ height: 100% !important;
2886
+ }
2887
+
2888
+ .premium-testimonial-content-wrapper {
2889
+ position: relative;
2890
+ display: -ms-flexbox;
2891
+ display: -webkit-flex;
2892
+ display: -moz-flex;
2893
+ display: -ms-flex;
2894
+ -js-display: flex;
2895
+ display: -webkit-box;
2896
+ display: -moz-box;
2897
+ display: flex;
2898
+ -webkit-box-orient: vertical;
2899
+ -webkit-box-direction: normal;
2900
+ -webkit-flex-direction: column;
2901
+ -moz-box-orient: vertical;
2902
+ -moz-box-direction: normal;
2903
+ -ms-flex-direction: column;
2904
+ flex-direction: column;
2905
+ z-index: 2;
2906
+ width: 100%;
2907
+ padding: 20px;
2908
+ text-align: center;
2909
+ }
2910
+
2911
+ .premium-testimonial-clear-float {
2912
+ clear: both;
2913
+ }
2914
+
2915
+ .premium-testimonial-upper-quote,
2916
+ .premium-testimonial-lower-quote {
2917
+ position: absolute;
2918
+ z-index: 1;
2919
+ }
2920
+
2921
+ /**************** Premium Dual Heading *****************/
2922
+ /*******************************************************/
2923
+ .premium-dual-header-first-header,
2924
+ .premium-dual-header-second-header {
2925
+ position: relative;
2926
+ padding: 0;
2927
+ margin: 0;
2928
+ display: inline-block;
2929
+ -webkit-transform: translate(0, 0);
2930
+ -ms-transform: translate(0, 0);
2931
+ transform: translate(0, 0);
2932
+ }
2933
+
2934
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2935
+ .premium-dual-header-second-clip {
2936
+ -webkit-text-fill-color: transparent;
2937
+ -webkit-background-clip: text;
2938
+ }
2939
+
2940
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2941
+ .premium-dual-header-second-clip.stroke {
2942
+ -webkit-text-stroke-color: transparent;
2943
+ -webkit-text-fill-color: #fafafa;
2944
+ -webkit-text-stroke-width: 2px;
2945
+ }
2946
+
2947
+ @media (max-width: 500px) {
2948
+
2949
+ .premium-dual-header-first-header,
2950
+ .premium-dual-header-second-header {
2951
+ word-wrap: break-word;
2952
+ }
2953
+ }
2954
+
2955
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2956
+ .premium-dual-header-second-header.gradient {
2957
+ -webkit-background-size: 300% 300% !important;
2958
+ background-size: 300% 300% !important;
2959
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2960
+ animation: Gradient 10s ease-in-out infinite;
2961
+ }
2962
+
2963
+ @-webkit-keyframes Gradient {
2964
+ 0% {
2965
+ background-position: 100% 50%;
2966
+ }
2967
+
2968
+ 50% {
2969
+ background-position: 0% 50%;
2970
+ }
2971
+
2972
+ 100% {
2973
+ background-position: 100% 50%;
2974
+ }
2975
+ }
2976
+
2977
+ @keyframes Gradient {
2978
+ 0% {
2979
+ background-position: 100% 50%;
2980
+ }
2981
+
2982
+ 50% {
2983
+ background-position: 0% 50%;
2984
+ }
2985
+
2986
+ 100% {
2987
+ background-position: 100% 50%;
2988
+ }
2989
+ }
2990
+
2991
+ /**************** Premium Title ****************/
2992
+ /***********************************************/
2993
+ .premium-title-container {
2994
+ position: relative;
2995
+ width: 100%;
2996
+ clear: both;
2997
+ overflow: hidden;
2998
+ }
2999
+
3000
+ .premium-title-container .premium-title-header {
3001
+ position: relative;
3002
+ margin: 0;
3003
+ padding: 10px;
3004
+ }
3005
+
3006
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
3007
+ -webkit-box-align: center;
3008
+ -webkit-align-items: center;
3009
+ -moz-box-align: center;
3010
+ -ms-flex-align: center;
3011
+ align-items: center;
3012
+ }
3013
+
3014
+ .premium-title-container .premium-title-header svg {
3015
+ width: 40px;
3016
+ height: 40px;
3017
+ }
3018
+
3019
+ .premium-title-container .premium-title-header img {
3020
+ width: 40px;
3021
+ height: 40px;
3022
+ -o-object-fit: cover;
3023
+ object-fit: cover;
3024
+ }
3025
+
3026
+ .premium-title-container .premium-title-header a {
3027
+ position: absolute;
3028
+ top: 0;
3029
+ right: 0;
3030
+ width: 100%;
3031
+ height: 100%;
3032
+ }
3033
+
3034
+ .premium-title-container .premium-lottie-animation {
3035
+ -js-display: flex;
3036
+ display: -webkit-box;
3037
+ display: -webkit-flex;
3038
+ display: -moz-box;
3039
+ display: -ms-flexbox;
3040
+ display: flex;
3041
+ }
3042
+
3043
+ .premium-title-icon-row .premium-title-icon {
3044
+ margin-left: 10px;
3045
+ }
3046
+
3047
+ .premium-title-icon-row-reverse .premium-title-icon {
3048
+ margin-right: 10px;
3049
+ }
3050
+
3051
+ .premium-title-style3,
3052
+ .premium-title-style4 {
3053
+ -js-display: flex;
3054
+ display: -webkit-box;
3055
+ display: -webkit-flex;
3056
+ display: -moz-box;
3057
+ display: -ms-flexbox;
3058
+ display: flex;
3059
+ }
3060
+
3061
+ .premium-title-style1,
3062
+ .premium-title-style2,
3063
+ .premium-title-style5,
3064
+ .premium-title-style6,
3065
+ .premium-title-style8,
3066
+ .premium-title-style9 {
3067
+ -js-display: inline-flex;
3068
+ display: -webkit-inline-box;
3069
+ display: -webkit-inline-flex;
3070
+ display: -moz-inline-box;
3071
+ display: -ms-inline-flexbox;
3072
+ display: inline-flex;
3073
+ }
3074
+
3075
+ .premium-title-style7 {
3076
+ -js-display: inline-flex;
3077
+ display: -webkit-inline-box;
3078
+ display: -webkit-inline-flex;
3079
+ display: -moz-inline-box;
3080
+ display: -ms-inline-flexbox;
3081
+ display: inline-flex;
3082
+ -webkit-box-orient: vertical;
3083
+ -webkit-box-direction: normal;
3084
+ -webkit-flex-direction: column;
3085
+ -moz-box-orient: vertical;
3086
+ -moz-box-direction: normal;
3087
+ -ms-flex-direction: column;
3088
+ flex-direction: column;
3089
+ }
3090
+
3091
+ .premium-title-style7 .premium-title-style7-inner {
3092
+ -js-display: flex;
3093
+ display: -webkit-box;
3094
+ display: -webkit-flex;
3095
+ display: -moz-box;
3096
+ display: -ms-flexbox;
3097
+ display: flex;
3098
+ -webkit-box-align: center;
3099
+ -webkit-align-items: center;
3100
+ -moz-box-align: center;
3101
+ -ms-flex-align: center;
3102
+ align-items: center;
3103
+ }
3104
+
3105
+ .premium-title-style1 {
3106
+ border-width: 0;
3107
+ border-right: 3px solid #6ec1e4;
3108
+ }
3109
+
3110
+ .premium-title-container.style2,
3111
+ .premium-title-container.style4,
3112
+ .premium-title-container.style5,
3113
+ .premium-title-container.style6 {
3114
+ border-bottom: 3px solid #6ec1e4;
3115
+ }
3116
+
3117
+ /*Style 6 Header*/
3118
+ .premium-title-style6:before {
3119
+ position: absolute;
3120
+ right: 50%;
3121
+ bottom: 0;
3122
+ margin-right: -2px;
3123
+ content: "";
3124
+ border: 3px solid transparent;
3125
+ }
3126
+
3127
+ /*Style 6 Trinagle*/
3128
+ .premium-title-style7-stripe-wrap {
3129
+ -js-display: flex;
3130
+ display: -webkit-box;
3131
+ display: -webkit-flex;
3132
+ display: -moz-box;
3133
+ display: -ms-flexbox;
3134
+ display: flex;
3135
+ }
3136
+
3137
+ .premium-title-style7:before {
3138
+ display: none;
3139
+ }
3140
+
3141
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3142
+ -webkit-background-size: 125px 125px !important;
3143
+ background-size: 125px !important;
3144
+ color: rgba(255, 255, 255, 0);
3145
+ -webkit-background-clip: text !important;
3146
+ background-clip: text !important;
3147
+ -webkit-animation-name: pa-shinny-text !important;
3148
+ animation-name: pa-shinny-text !important;
3149
+ -webkit-animation-duration: var(--animation-speed) !important;
3150
+ animation-duration: var(--animation-speed) !important;
3151
+ -webkit-animation-iteration-count: infinite !important;
3152
+ animation-iteration-count: infinite !important;
3153
+ background: var(--base-color) -webkit-gradient(linear,
3154
+ left top,
3155
+ right top,
3156
+ from(var(--base-color)),
3157
+ to(var(--base-color)),
3158
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3159
+ }
3160
+
3161
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3162
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
3163
+ animation: pa-blur-shadow 2s 1 alternate;
3164
+ }
3165
+
3166
+ .premium-title-gradient-yes .premium-title-text,
3167
+ .premium-title-gradient-yes .premium-title-icon {
3168
+ -webkit-background-clip: text;
3169
+ -webkit-text-fill-color: transparent;
3170
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3171
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3172
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3173
+ -webkit-animation: pa-text-gradient 8s infinite;
3174
+ animation: pa-text-gradient 8s infinite;
3175
+ }
3176
+
3177
+ .premium-title-clipped .premium-title-header {
3178
+ -webkit-text-fill-color: transparent;
3179
+ -webkit-background-clip: text;
3180
+ background-clip: text;
3181
+ }
3182
+
3183
+ @-webkit-keyframes pa-shinny-text {
3184
+ 0% {
3185
+ background-position: 100%;
3186
+ }
3187
+
3188
+ 100% {
3189
+ background-position: -100%;
3190
+ }
3191
+ }
3192
+
3193
+ @keyframes pa-shinny-text {
3194
+ 0% {
3195
+ background-position: 100%;
3196
+ }
3197
+
3198
+ 100% {
3199
+ background-position: -100%;
3200
+ }
3201
+ }
3202
+
3203
+ @-webkit-keyframes pa-blur-shadow {
3204
+ from {
3205
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3206
+ color: transparent;
3207
+ }
3208
+
3209
+ to {
3210
+ text-shadow: 0;
3211
+ }
3212
+ }
3213
+
3214
+ @keyframes pa-blur-shadow {
3215
+ from {
3216
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3217
+ color: transparent;
3218
+ }
3219
+
3220
+ to {
3221
+ text-shadow: 0;
3222
+ }
3223
+ }
3224
+
3225
+ @-webkit-keyframes pa-text-gradient {
3226
+
3227
+ 0%,
3228
+ 100% {
3229
+ -webkit-filter: hue-rotate(0deg);
3230
+ filter: hue-rotate(0deg);
3231
+ }
3232
+
3233
+ 50% {
3234
+ -webkit-filter: hue-rotate(360deg);
3235
+ filter: hue-rotate(360deg);
3236
+ }
3237
+ }
3238
+
3239
+ @keyframes pa-text-gradient {
3240
+
3241
+ 0%,
3242
+ 100% {
3243
+ -webkit-filter: hue-rotate(0deg);
3244
+ filter: hue-rotate(0deg);
3245
+ }
3246
+
3247
+ 50% {
3248
+ -webkit-filter: hue-rotate(360deg);
3249
+ filter: hue-rotate(360deg);
3250
+ }
3251
+ }
3252
+
3253
+ /*
3254
+ * Common Title/Dual Heading
3255
+ */
3256
+ .premium-title-bg-text:before {
3257
+ position: absolute;
3258
+ content: attr(data-background);
3259
+ top: 0;
3260
+ left: 0;
3261
+ text-align: left;
3262
+ }
3263
+
3264
+ .premium-bg-text-yes .elementor-widget-container:before {
3265
+ position: absolute;
3266
+ top: 0;
3267
+ left: 0;
3268
+ text-align: left;
3269
+ }
3270
+
3271
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3272
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3273
+ background: inherit;
3274
+ }
3275
+
3276
+ .premium-mask-yes .premium-mask-span {
3277
+ position: relative;
3278
+ overflow: hidden;
3279
+ -js-display: inline-flex !important;
3280
+ display: -webkit-inline-box !important;
3281
+ display: -webkit-inline-flex !important;
3282
+ display: -moz-inline-box !important;
3283
+ display: -ms-inline-flexbox !important;
3284
+ display: inline-flex !important;
3285
+ }
3286
+
3287
+ .premium-mask-yes .premium-mask-span::after {
3288
+ content: "";
3289
+ position: absolute;
3290
+ top: 0;
3291
+ right: 0px;
3292
+ width: 100%;
3293
+ height: 100%;
3294
+ background-color: currentColor;
3295
+ -webkit-backface-visibility: visible;
3296
+ backface-visibility: visible;
3297
+ }
3298
+
3299
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3300
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3301
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3302
+ -webkit-transform: translateX(-103%);
3303
+ -ms-transform: translateX(-103%);
3304
+ transform: translateX(-103%);
3305
+ }
3306
+
3307
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3308
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3309
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3310
+ -webkit-transform: translateX(103%);
3311
+ -ms-transform: translateX(103%);
3312
+ transform: translateX(103%);
3313
+ }
3314
+
3315
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3316
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3317
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3318
+ -webkit-transform: translateY(-103%);
3319
+ -ms-transform: translateY(-103%);
3320
+ transform: translateY(-103%);
3321
+ }
3322
+
3323
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3324
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3325
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3326
+ -webkit-transform: translateY(103%);
3327
+ -ms-transform: translateY(103%);
3328
+ transform: translateY(103%);
3329
+ }
3330
+
3331
+ @-webkit-keyframes pa-mask-tr {
3332
+ 0% {
3333
+ -webkit-transform: translateX(0%);
3334
+ transform: translateX(0%);
3335
+ }
3336
+
3337
+ 100% {
3338
+ -webkit-transform: translateX(103%);
3339
+ transform: translateX(103%);
3340
+ }
3341
+ }
3342
+
3343
+ @keyframes pa-mask-tr {
3344
+ 0% {
3345
+ -webkit-transform: translateX(0%);
3346
+ transform: translateX(0%);
3347
+ }
3348
+
3349
+ 100% {
3350
+ -webkit-transform: translateX(103%);
3351
+ transform: translateX(103%);
3352
+ }
3353
+ }
3354
+
3355
+ @-webkit-keyframes pa-mask-tl {
3356
+ 0% {
3357
+ -webkit-transform: translateX(0%);
3358
+ transform: translateX(0%);
3359
+ }
3360
+
3361
+ 100% {
3362
+ -webkit-transform: translateX(-103%);
3363
+ transform: translateX(-103%);
3364
+ }
3365
+ }
3366
+
3367
+ @keyframes pa-mask-tl {
3368
+ 0% {
3369
+ -webkit-transform: translateX(0%);
3370
+ transform: translateX(0%);
3371
+ }
3372
+
3373
+ 100% {
3374
+ -webkit-transform: translateX(-103%);
3375
+ transform: translateX(-103%);
3376
+ }
3377
+ }
3378
+
3379
+ @-webkit-keyframes pa-mask-tb {
3380
+ 0% {
3381
+ -webkit-transform: translateY(0%);
3382
+ transform: translateY(0%);
3383
+ }
3384
+
3385
+ 100% {
3386
+ -webkit-transform: translateY(103%);
3387
+ transform: translateY(103%);
3388
+ }
3389
+ }
3390
+
3391
+ @keyframes pa-mask-tb {
3392
+ 0% {
3393
+ -webkit-transform: translateY(0%);
3394
+ transform: translateY(0%);
3395
+ }
3396
+
3397
+ 100% {
3398
+ -webkit-transform: translateY(103%);
3399
+ transform: translateY(103%);
3400
+ }
3401
+ }
3402
+
3403
+ @-webkit-keyframes pa-mask-tt {
3404
+ 0% {
3405
+ -webkit-transform: translateY(0%);
3406
+ transform: translateY(0%);
3407
+ }
3408
+
3409
+ 100% {
3410
+ -webkit-transform: translateY(-103%);
3411
+ transform: translateY(-103%);
3412
+ }
3413
+ }
3414
+
3415
+ @keyframes pa-mask-tt {
3416
+ 0% {
3417
+ -webkit-transform: translateY(0%);
3418
+ transform: translateY(0%);
3419
+ }
3420
+
3421
+ 100% {
3422
+ -webkit-transform: translateY(-103%);
3423
+ transform: translateY(-103%);
3424
+ }
3425
+ }
3426
+
3427
+ /**************** Premium Video Box ************/
3428
+ /***********************************************/
3429
+ .premium-video-box-transform {
3430
+ -webkit-transform: none !important;
3431
+ -ms-transform: none !important;
3432
+ transform: none !important;
3433
+ }
3434
+
3435
+ .premium-video-box-container {
3436
+ -js-display: flex;
3437
+ display: -webkit-box;
3438
+ display: -webkit-flex;
3439
+ display: -moz-box;
3440
+ display: -ms-flexbox;
3441
+ display: flex;
3442
+ -webkit-box-orient: vertical;
3443
+ -webkit-box-direction: normal;
3444
+ -webkit-flex-direction: column;
3445
+ -moz-box-orient: vertical;
3446
+ -moz-box-direction: normal;
3447
+ -ms-flex-direction: column;
3448
+ flex-direction: column;
3449
+ }
3450
+
3451
+ .premium-video-box-container>div {
3452
+ position: relative;
3453
+ overflow: hidden;
3454
+ }
3455
+
3456
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
3457
+ padding-bottom: 100%;
3458
+ }
3459
+
3460
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
3461
+ padding-bottom: 56.25%;
3462
+ }
3463
+
3464
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
3465
+ padding-bottom: 75%;
3466
+ }
3467
+
3468
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
3469
+ padding-bottom: 66.6666%;
3470
+ }
3471
+
3472
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
3473
+ padding-bottom: 42.8571%;
3474
+ }
3475
+
3476
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
3477
+ padding-bottom: 177.8%;
3478
+ }
3479
+
3480
+ .premium-video-box-image-container {
3481
+ position: absolute;
3482
+ top: 0;
3483
+ right: 0;
3484
+ bottom: 0;
3485
+ left: 0;
3486
+ width: 100%;
3487
+ height: 100%;
3488
+ -webkit-background-size: cover;
3489
+ background-size: cover;
3490
+ background-position: 50%;
3491
+ cursor: pointer;
3492
+ margin: auto;
3493
+ -webkit-transition: 0.2s all;
3494
+ transition: 0.2s all;
3495
+ }
3496
+
3497
+ .premium-video-box-play-icon-container {
3498
+ position: absolute;
3499
+ z-index: 2;
3500
+ cursor: pointer;
3501
+ -webkit-transform: translate(50%, -50%);
3502
+ -ms-transform: translate(50%, -50%);
3503
+ transform: translate(50%, -50%);
3504
+ background: rgba(252, 252, 252, 0.35);
3505
+ }
3506
+
3507
+ .premium-video-box-description-container {
3508
+ position: absolute;
3509
+ z-index: 2;
3510
+ padding: 5px;
3511
+ text-align: center;
3512
+ cursor: pointer;
3513
+ -webkit-transform: translate(50%, -50%);
3514
+ -ms-transform: translate(50%, -50%);
3515
+ transform: translate(50%, -50%);
3516
+ }
3517
+
3518
+ .premium-video-box-text {
3519
+ margin-bottom: 0 !important;
3520
+ -webkit-transition: all 0.3s ease-in-out;
3521
+ transition: all 0.3s ease-in-out;
3522
+ }
3523
+
3524
+ .premium-video-box-play-icon {
3525
+ padding: 15px;
3526
+ -webkit-transform: translateX(-4%);
3527
+ -ms-transform: translateX(-4%);
3528
+ transform: translateX(-4%);
3529
+ -webkit-transition: all 0.3s ease-in-out;
3530
+ transition: all 0.3s ease-in-out;
3531
+ }
3532
+
3533
+ .premium-video-box-video-container {
3534
+ position: absolute;
3535
+ top: 0;
3536
+ right: 0;
3537
+ z-index: 2;
3538
+ width: 100%;
3539
+ height: 100%;
3540
+ -webkit-transition: opacity 0.8s ease-in-out;
3541
+ transition: opacity 0.8s ease-in-out;
3542
+ overflow: hidden;
3543
+ cursor: pointer;
3544
+ }
3545
+
3546
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3547
+ opacity: 0;
3548
+ visibility: hidden;
3549
+ }
3550
+
3551
+ .premium-video-box-video-container iframe {
3552
+ max-width: 100%;
3553
+ width: 100%;
3554
+ height: 100%;
3555
+ margin: 0;
3556
+ line-height: 1;
3557
+ border: none;
3558
+ }
3559
+
3560
+ .premium-video-box-video-container video {
3561
+ max-width: 100%;
3562
+ width: 100%;
3563
+ height: 100%;
3564
+ margin: 0;
3565
+ line-height: 1;
3566
+ border: none;
3567
+ background-color: #000;
3568
+ -o-object-fit: contain;
3569
+ object-fit: contain;
3570
+ }
3571
+
3572
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3573
+ -js-display: flex;
3574
+ display: -webkit-box;
3575
+ display: -webkit-flex;
3576
+ display: -moz-box;
3577
+ display: -ms-flexbox;
3578
+ display: flex;
3579
+ position: absolute;
3580
+ top: 0;
3581
+ right: 0;
3582
+ z-index: 3;
3583
+ margin: 10px;
3584
+ margin-left: 10px;
3585
+ -webkit-transition: opacity 0.2s ease-out;
3586
+ transition: opacity 0.2s ease-out;
3587
+ margin-left: 4.6em;
3588
+ }
3589
+
3590
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3591
+ width: 60px;
3592
+ height: 60px;
3593
+ background: rgba(23, 35, 34, 0.75);
3594
+ margin-left: 1px;
3595
+ -webkit-box-flex: 1;
3596
+ -webkit-flex: 1 0 auto;
3597
+ -moz-box-flex: 1;
3598
+ -ms-flex: 1 0 auto;
3599
+ flex: 1 0 auto;
3600
+ padding: 0;
3601
+ }
3602
+
3603
+ .premium-video-box-vimeo-portrait img {
3604
+ width: 50px;
3605
+ height: 50px;
3606
+ margin: 5px;
3607
+ padding: 0;
3608
+ border: 0;
3609
+ -webkit-border-radius: 50%;
3610
+ border-radius: 50%;
3611
+ }
3612
+
3613
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3614
+ font-size: 10px;
3615
+ }
3616
+
3617
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3618
+ max-width: 100%;
3619
+ font-size: 2em !important;
3620
+ font-weight: 700;
3621
+ margin: 0;
3622
+ padding: 0.1em 0.2em;
3623
+ background: rgba(23, 35, 34, 0.75);
3624
+ display: inline-block;
3625
+ text-transform: none;
3626
+ line-height: normal;
3627
+ letter-spacing: normal;
3628
+ }
3629
+
3630
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3631
+ font-size: 1.2em !important;
3632
+ font-weight: 400;
3633
+ color: #fff;
3634
+ margin-top: 0.1em;
3635
+ padding: 0.2em 0.5em;
3636
+ background: rgba(23, 35, 34, 0.75);
3637
+ text-transform: none;
3638
+ line-height: normal;
3639
+ letter-spacing: normal;
3640
+ }
3641
+
3642
+ .premium-video-box-playlist-container {
3643
+ -js-display: flex;
3644
+ display: -webkit-box;
3645
+ display: -webkit-flex;
3646
+ display: -moz-box;
3647
+ display: -ms-flexbox;
3648
+ display: flex;
3649
+ -webkit-flex-wrap: wrap;
3650
+ -ms-flex-wrap: wrap;
3651
+ flex-wrap: wrap;
3652
+ }
3653
+
3654
+ .premium-video-box-playlist-container .premium-video-box-container {
3655
+ height: 100%;
3656
+ overflow: hidden;
3657
+ }
3658
+
3659
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3660
+ -webkit-transform: scale(1.1);
3661
+ -ms-transform: scale(1.1);
3662
+ transform: scale(1.1);
3663
+ }
3664
+
3665
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3666
+ -webkit-transform: scale(1);
3667
+ -ms-transform: scale(1);
3668
+ transform: scale(1);
3669
+ }
3670
+
3671
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3672
+ -webkit-transform: scale(1.3) rotate(-5deg);
3673
+ -ms-transform: scale(1.3) rotate(-5deg);
3674
+ transform: scale(1.3) rotate(-5deg);
3675
+ }
3676
+
3677
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3678
+ -webkit-filter: grayscale(0%);
3679
+ filter: grayscale(0%);
3680
+ }
3681
+
3682
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3683
+ -webkit-filter: blur(3px);
3684
+ filter: blur(3px);
3685
+ }
3686
+
3687
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3688
+ -webkit-filter: sepia(0%);
3689
+ filter: sepia(0%);
3690
+ }
3691
+
3692
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3693
+ -webkit-transform: translateX(0px) scale(1.1);
3694
+ -ms-transform: translateX(0px) scale(1.1);
3695
+ transform: translateX(0px) scale(1.1);
3696
+ }
3697
+
3698
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3699
+ -webkit-filter: brightness(1.2);
3700
+ filter: brightness(1.2);
3701
+ }
3702
+
3703
+ .premium-video-box-image-container.gray {
3704
+ -webkit-filter: grayscale(100%);
3705
+ filter: grayscale(100%);
3706
+ }
3707
+
3708
+ .premium-video-box-image-container.zoomout,
3709
+ .premium-video-box-image-container.scale {
3710
+ -webkit-transform: scale(1.2);
3711
+ -ms-transform: scale(1.2);
3712
+ transform: scale(1.2);
3713
+ }
3714
+
3715
+ .premium-video-box-image-container.sepia {
3716
+ -webkit-filter: sepia(30%);
3717
+ filter: sepia(30%);
3718
+ }
3719
+
3720
+ .premium-video-box-image-container.bright {
3721
+ -webkit-filter: brightness(1);
3722
+ filter: brightness(1);
3723
+ }
3724
+
3725
+ .premium-video-box-image-container.trans {
3726
+ -webkit-transform: translateX(15px) scale(1.1);
3727
+ -ms-transform: translateX(15px) scale(1.1);
3728
+ transform: translateX(15px) scale(1.1);
3729
+ }
3730
+
3731
+ .premium-video-box-mask-media {
3732
+ -webkit-mask-repeat: no-repeat;
3733
+ mask-repeat: no-repeat;
3734
+ }
3735
+
3736
+ /* Sticky Video Option */
3737
+ .premium-video-box-container.premium-video-box-sticky-apply {
3738
+ z-index: 99;
3739
+ overflow: unset;
3740
+ }
3741
+
3742
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3743
+ position: fixed !important;
3744
+ z-index: 99999;
3745
+ height: 225px;
3746
+ width: 400px;
3747
+ background: #fff;
3748
+ }
3749
+
3750
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3751
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3752
+ visibility: hidden;
3753
+ }
3754
+
3755
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3756
+ -webkit-box-shadow: unset;
3757
+ box-shadow: unset;
3758
+ }
3759
+
3760
+ .premium-video-box-sticky-close,
3761
+ .premium-video-box-sticky-infobar {
3762
+ display: none;
3763
+ }
3764
+
3765
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3766
+ position: absolute;
3767
+ padding: 5px;
3768
+ cursor: pointer;
3769
+ z-index: 99999;
3770
+ height: 14px;
3771
+ width: 14px;
3772
+ -webkit-box-sizing: content-box;
3773
+ -moz-box-sizing: content-box;
3774
+ box-sizing: content-box;
3775
+ -webkit-border-radius: 100%;
3776
+ border-radius: 100%;
3777
+ -js-display: flex;
3778
+ display: -webkit-box;
3779
+ display: -webkit-flex;
3780
+ display: -moz-box;
3781
+ display: -ms-flexbox;
3782
+ display: flex;
3783
+ -webkit-box-pack: center;
3784
+ -webkit-justify-content: center;
3785
+ -moz-box-pack: center;
3786
+ -ms-flex-pack: center;
3787
+ justify-content: center;
3788
+ -webkit-box-align: center;
3789
+ -webkit-align-items: center;
3790
+ -moz-box-align: center;
3791
+ -ms-flex-align: center;
3792
+ align-items: center;
3793
+ }
3794
+
3795
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3796
+ -js-display: flex;
3797
+ display: -webkit-box;
3798
+ display: -webkit-flex;
3799
+ display: -moz-box;
3800
+ display: -ms-flexbox;
3801
+ display: flex;
3802
+ }
3803
+
3804
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3805
+ -webkit-transition: none;
3806
+ transition: none;
3807
+ }
3808
+
3809
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3810
+ display: block;
3811
+ position: relative;
3812
+ top: 100%;
3813
+ width: 100%;
3814
+ padding: 5px;
3815
+ text-align: center;
3816
+ z-index: 9999;
3817
+ margin-top: -1px;
3818
+ }
3819
+
3820
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3821
+ cursor: move;
3822
+ }
3823
+
3824
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3825
+ left: auto;
3826
+ right: 20px;
3827
+ top: 20px;
3828
+ }
3829
+
3830
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3831
+ left: auto;
3832
+ right: 20px;
3833
+ bottom: 20px;
3834
+ }
3835
+
3836
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3837
+ right: auto;
3838
+ left: 20px;
3839
+ top: 20px;
3840
+ }
3841
+
3842
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3843
+ right: auto;
3844
+ left: 20px;
3845
+ bottom: 20px;
3846
+ }
3847
+
3848
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3849
+ left: auto;
3850
+ right: 20px;
3851
+ top: 50%;
3852
+ -webkit-transform: translateY(-50%);
3853
+ -ms-transform: translateY(-50%);
3854
+ transform: translateY(-50%);
3855
+ }
3856
+
3857
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3858
+ right: auto;
3859
+ left: 20px;
3860
+ top: 50%;
3861
+ -webkit-transform: translateY(-50%);
3862
+ -ms-transform: translateY(-50%);
3863
+ transform: translateY(-50%);
3864
+ }
3865
+
3866
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3867
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3868
+ bottom: 55px;
3869
+ }
3870
+
3871
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3872
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3873
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3874
+ top: -10px;
3875
+ left: -10px;
3876
+ }
3877
+
3878
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3879
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3880
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3881
+ top: -10px;
3882
+ right: -10px;
3883
+ }
3884
+
3885
+ .premium-video-box-filter-sticky {
3886
+ -webkit-filter: none !important;
3887
+ filter: none !important;
3888
+ }
3889
+
3890
+ /**************** Premium Blog *****************/
3891
+ /***********************************************/
3892
+ .premium-blog-thumb-effect-wrapper {
3893
+ position: relative;
3894
+ overflow: hidden;
3895
+ }
3896
+
3897
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3898
+ position: absolute;
3899
+ top: 0;
3900
+ right: 0;
3901
+ width: 100%;
3902
+ height: 100%;
3903
+ z-index: 2;
3904
+ padding: 20px;
3905
+ }
3906
+
3907
+ .premium-blog-bordered-effect .premium-blog-post-link {
3908
+ display: block;
3909
+ height: 100%;
3910
+ position: relative;
3911
+ }
3912
+
3913
+ /*Thumbnail Img*/
3914
+ .premium-blog-thumbnail-container {
3915
+ overflow: hidden;
3916
+ }
3917
+
3918
+ .premium-blog-thumbnail-container img,
3919
+ .premium-blog-thumbnail-container .below-entry-meta {
3920
+ width: 100%;
3921
+ height: 100%;
3922
+ margin: 0 !important;
3923
+ -webkit-transition: all 0.4s ease-in-out;
3924
+ transition: all 0.4s ease-in-out;
3925
+ }
3926
+
3927
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3928
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3929
+ -webkit-transform: scale(1.2);
3930
+ -ms-transform: scale(1.2);
3931
+ transform: scale(1.2);
3932
+ }
3933
+
3934
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3935
+ -webkit-filter: sepia(30%);
3936
+ filter: sepia(30%);
3937
+ }
3938
+
3939
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3940
+ -webkit-filter: brightness(1);
3941
+ filter: brightness(1);
3942
+ }
3943
+
3944
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3945
+ -webkit-transform: translateX(15px) scale(1.1);
3946
+ -ms-transform: translateX(15px) scale(1.1);
3947
+ transform: translateX(15px) scale(1.1);
3948
+ }
3949
+
3950
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3951
+ -webkit-transform: scale(1.2);
3952
+ -ms-transform: scale(1.2);
3953
+ transform: scale(1.2);
3954
+ }
3955
+
3956
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3957
+ -webkit-transform: scale(1.1);
3958
+ -ms-transform: scale(1.1);
3959
+ transform: scale(1.1);
3960
+ }
3961
+
3962
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3963
+ -webkit-transform: scale(1.3) rotate(-5deg);
3964
+ -ms-transform: scale(1.3) rotate(-5deg);
3965
+ transform: scale(1.3) rotate(-5deg);
3966
+ }
3967
+
3968
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3969
+ -webkit-filter: grayscale(100%);
3970
+ filter: grayscale(100%);
3971
+ }
3972
+
3973
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3974
+ -webkit-filter: blur(3px);
3975
+ filter: blur(3px);
3976
+ }
3977
+
3978
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3979
+ -webkit-filter: sepia(0%);
3980
+ filter: sepia(0%);
3981
+ }
3982
+
3983
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3984
+ -webkit-filter: brightness(1.2);
3985
+ filter: brightness(1.2);
3986
+ }
3987
+
3988
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3989
+ -webkit-transform: translateX(0px) scale(1.1);
3990
+ -ms-transform: translateX(0px) scale(1.1);
3991
+ transform: translateX(0px) scale(1.1);
3992
+ }
3993
+
3994
+ .premium-blog-post-container {
3995
+ overflow: hidden;
3996
+ }
3997
+
3998
+ .premium-blog-post-container .premium-blog-inner-container {
3999
+ -js-display: flex;
4000
+ display: -webkit-box;
4001
+ display: -webkit-flex;
4002
+ display: -moz-box;
4003
+ display: -ms-flexbox;
4004
+ display: flex;
4005
+ direction: rtl;
4006
+ }
4007
+
4008
+ .premium-blog-post-container .premium-blog-post-content {
4009
+ line-height: 1.5em;
4010
+ color: #777;
4011
+ font-size: 14px;
4012
+ margin-bottom: 10px;
4013
+ }
4014
+
4015
+ .premium-blog-post-container ul.post-categories a:hover,
4016
+ .premium-blog-post-container ul.post-categories a:focus,
4017
+ .premium-blog-post-container .premium-blog-post-link:hover,
4018
+ .premium-blog-post-container .premium-blog-post-link:focus {
4019
+ -webkit-box-shadow: none !important;
4020
+ box-shadow: none !important;
4021
+ outline: none !important;
4022
+ }
4023
+
4024
+ .premium-blog-post-container .premium-blog-entry-title {
4025
+ font-size: 18px;
4026
+ margin-bottom: 5px;
4027
+ }
4028
+
4029
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4030
+ position: relative;
4031
+ z-index: 3;
4032
+ top: -50px;
4033
+ }
4034
+
4035
+ .premium-blog-post-container .premium-blog-content-wrapper {
4036
+ background-color: #f5f5f5;
4037
+ padding: 30px;
4038
+ }
4039
+
4040
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4041
+ top: 0;
4042
+ }
4043
+
4044
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4045
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4046
+ position: absolute;
4047
+ content: "";
4048
+ z-index: 1;
4049
+ top: 50%;
4050
+ right: 50%;
4051
+ opacity: 0;
4052
+ -webkit-transform: translate(50%, -50%);
4053
+ -ms-transform: translate(50%, -50%);
4054
+ transform: translate(50%, -50%);
4055
+ -webkit-transition: all 0.4s linear 0s;
4056
+ transition: all 0.4s linear 0s;
4057
+ height: 1px;
4058
+ width: 100%;
4059
+ background-color: #fff;
4060
+ }
4061
+
4062
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4063
+ width: 1px;
4064
+ height: 100%;
4065
+ }
4066
+
4067
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4068
+ width: 20px;
4069
+ opacity: 1;
4070
+ }
4071
+
4072
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4073
+ height: 20px;
4074
+ opacity: 1;
4075
+ }
4076
+
4077
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4078
+ margin: 0px 10px 20px;
4079
+ clear: both;
4080
+ }
4081
+
4082
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4083
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4084
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4085
+ position: absolute;
4086
+ top: 0;
4087
+ right: 0;
4088
+ width: 100%;
4089
+ height: 100%;
4090
+ -webkit-transition: all 0.3s ease-in-out;
4091
+ transition: all 0.3s ease-in-out;
4092
+ opacity: 0;
4093
+ }
4094
+
4095
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4096
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4097
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4098
+ -js-display: flex;
4099
+ display: -webkit-box;
4100
+ display: -webkit-flex;
4101
+ display: -moz-box;
4102
+ display: -ms-flexbox;
4103
+ display: flex;
4104
+ -webkit-box-pack: center;
4105
+ -webkit-justify-content: center;
4106
+ -moz-box-pack: center;
4107
+ -ms-flex-pack: center;
4108
+ justify-content: center;
4109
+ -webkit-box-align: center;
4110
+ -webkit-align-items: center;
4111
+ -moz-box-align: center;
4112
+ -ms-flex-align: center;
4113
+ align-items: center;
4114
+ width: 100%;
4115
+ height: 100%;
4116
+ }
4117
+
4118
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4119
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4120
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4121
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4122
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4123
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4124
+ -webkit-transition: all 0.3s ease-in-out;
4125
+ transition: all 0.3s ease-in-out;
4126
+ }
4127
+
4128
+ .premium-blog-post-container.premium-blog-skin-side {
4129
+ -js-display: flex;
4130
+ display: -webkit-box;
4131
+ display: -webkit-flex;
4132
+ display: -moz-box;
4133
+ display: -ms-flexbox;
4134
+ display: flex;
4135
+ }
4136
+
4137
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4138
+ height: 100%;
4139
+ }
4140
+
4141
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4142
+ -webkit-box-flex: 1;
4143
+ -webkit-flex: 1;
4144
+ -moz-box-flex: 1;
4145
+ -ms-flex: 1;
4146
+ flex: 1;
4147
+ }
4148
+
4149
+ .premium-blog-post-container.premium-blog-skin-banner {
4150
+ position: relative;
4151
+ }
4152
+
4153
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4154
+ position: absolute;
4155
+ width: 100%;
4156
+ bottom: 0;
4157
+ -js-display: flex;
4158
+ display: -webkit-box;
4159
+ display: -webkit-flex;
4160
+ display: -moz-box;
4161
+ display: -ms-flexbox;
4162
+ display: flex;
4163
+ -webkit-box-orient: vertical;
4164
+ -webkit-box-direction: normal;
4165
+ -webkit-flex-direction: column;
4166
+ -moz-box-orient: vertical;
4167
+ -moz-box-direction: normal;
4168
+ -ms-flex-direction: column;
4169
+ flex-direction: column;
4170
+ background-color: transparent;
4171
+ z-index: 3;
4172
+ }
4173
+
4174
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4175
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
4176
+ transition: -webkit-transform 0.3s ease-in-out;
4177
+ transition: transform 0.3s ease-in-out;
4178
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4179
+ }
4180
+
4181
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4182
+ -webkit-transform: translateY(-5px);
4183
+ -ms-transform: translateY(-5px);
4184
+ transform: translateY(-5px);
4185
+ }
4186
+
4187
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4188
+ margin: 0;
4189
+ padding: 0;
4190
+ list-style: none;
4191
+ -js-display: flex;
4192
+ display: -webkit-box;
4193
+ display: -webkit-flex;
4194
+ display: -moz-box;
4195
+ display: -ms-flexbox;
4196
+ display: flex;
4197
+ }
4198
+
4199
+ .premium-blog-post-container .premium-blog-cats-container a {
4200
+ display: block;
4201
+ font-size: 12px;
4202
+ color: #fff;
4203
+ background-color: #777;
4204
+ margin: 0 0 10px 3px;
4205
+ padding: 5px;
4206
+ -webkit-transition: all 0.3s ease-in-out;
4207
+ transition: all 0.3s ease-in-out;
4208
+ }
4209
+
4210
+ /*
4211
+ * Diagonal Effect
4212
+ */
4213
+ .premium-blog-diagonal-container {
4214
+ position: absolute;
4215
+ top: 0;
4216
+ right: 0;
4217
+ width: 100%;
4218
+ height: 100%;
4219
+ }
4220
+
4221
+ .premium-blog-diagonal-effect:before {
4222
+ position: absolute;
4223
+ top: 0px;
4224
+ right: 0px;
4225
+ width: 100%;
4226
+ height: 100%;
4227
+ content: " ";
4228
+ z-index: 1;
4229
+ background: rgba(255, 255, 255, 0.2);
4230
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4231
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4232
+ -webkit-transition: all 0.3s linear 0s;
4233
+ transition: all 0.3s linear 0s;
4234
+ }
4235
+
4236
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4237
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4238
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4239
+ }
4240
+
4241
+ /*
4242
+ * Framed Effect
4243
+ */
4244
+ .premium-blog-framed-effect {
4245
+ position: absolute;
4246
+ width: -webkit-calc(100% - 30px);
4247
+ width: calc(100% - 30px);
4248
+ height: -webkit-calc(100% - 30px);
4249
+ height: calc(100% - 30px);
4250
+ top: 15px;
4251
+ right: 15px;
4252
+ opacity: 0;
4253
+ -webkit-transform: scale(0.3);
4254
+ -ms-transform: scale(0.3);
4255
+ transform: scale(0.3);
4256
+ -webkit-transition: all 0.3s linear 0s;
4257
+ transition: all 0.3s linear 0s;
4258
+ }
4259
+
4260
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4261
+ opacity: 0.99;
4262
+ -webkit-transform: scale(1);
4263
+ -ms-transform: scale(1);
4264
+ transform: scale(1);
4265
+ }
4266
+
4267
+ /*
4268
+ * Bordered Effect
4269
+ */
4270
+ .premium-blog-bordered-effect {
4271
+ position: absolute;
4272
+ top: 0;
4273
+ right: 0;
4274
+ width: 100%;
4275
+ height: 100%;
4276
+ opacity: 0;
4277
+ padding: 15px;
4278
+ -webkit-transition: all 0.3s linear 0s;
4279
+ transition: all 0.3s linear 0s;
4280
+ }
4281
+
4282
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
4283
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4284
+ content: "";
4285
+ display: block;
4286
+ position: absolute;
4287
+ top: 0;
4288
+ right: 0;
4289
+ width: 100%;
4290
+ height: 100%;
4291
+ -webkit-transition: all 0.5s linear 0s;
4292
+ transition: all 0.5s linear 0s;
4293
+ -webkit-transition-delay: 0s;
4294
+ transition-delay: 0s;
4295
+ border-color: rgba(255, 255, 255, 0.45);
4296
+ }
4297
+
4298
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
4299
+ border-left: 2px solid;
4300
+ border-right: 2px solid;
4301
+ -webkit-transform: scale(1, 0);
4302
+ -ms-transform: scale(1, 0);
4303
+ transform: scale(1, 0);
4304
+ -webkit-transform-origin: 0% 0;
4305
+ -ms-transform-origin: 0% 0;
4306
+ transform-origin: 0% 0;
4307
+ }
4308
+
4309
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4310
+ border-top: 2px solid;
4311
+ border-bottom: 2px solid;
4312
+ -webkit-transform: scale(0, 1);
4313
+ -ms-transform: scale(0, 1);
4314
+ transform: scale(0, 1);
4315
+ -webkit-transform-origin: 100% 0;
4316
+ -ms-transform-origin: 100% 0;
4317
+ transform-origin: 100% 0;
4318
+ }
4319
+
4320
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4321
+ opacity: 0.99;
4322
+ }
4323
+
4324
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4325
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4326
+ -webkit-transition-delay: 0.15s;
4327
+ transition-delay: 0.15s;
4328
+ opacity: 1;
4329
+ -webkit-transform: scale(1);
4330
+ -ms-transform: scale(1);
4331
+ transform: scale(1);
4332
+ }
4333
+
4334
+ /*
4335
+ * Squares Effect
4336
+ */
4337
+ .premium-blog-squares-effect,
4338
+ .premium-blog-squares-square-container {
4339
+ position: absolute;
4340
+ top: 0;
4341
+ right: 0;
4342
+ width: 100%;
4343
+ height: 100%;
4344
+ }
4345
+
4346
+ .premium-blog-squares-effect:before,
4347
+ .premium-blog-squares-effect:after {
4348
+ position: absolute;
4349
+ content: "";
4350
+ top: 0;
4351
+ right: 0;
4352
+ width: 50%;
4353
+ height: 50%;
4354
+ -webkit-transform: translate(100%, -100%);
4355
+ -ms-transform: translate(100%, -100%);
4356
+ transform: translate(100%, -100%);
4357
+ opacity: 0.7;
4358
+ -webkit-transition: all 0.3s linear 0s;
4359
+ transition: all 0.3s linear 0s;
4360
+ }
4361
+
4362
+ .premium-blog-squares-square-container:before,
4363
+ .premium-blog-squares-square-container:after {
4364
+ position: absolute;
4365
+ content: "";
4366
+ top: 0;
4367
+ right: 0;
4368
+ width: 50%;
4369
+ height: 50%;
4370
+ -webkit-transform: translate(100%, -100%);
4371
+ -ms-transform: translate(100%, -100%);
4372
+ transform: translate(100%, -100%);
4373
+ opacity: 0.7;
4374
+ -webkit-transition: all 0.3s linear 0s;
4375
+ transition: all 0.3s linear 0s;
4376
+ }
4377
+
4378
+ .premium-blog-squares-square-container:before,
4379
+ .premium-blog-squares-square-container:after {
4380
+ opacity: 0.8;
4381
+ }
4382
+
4383
+ .premium-blog-squares-effect:after {
4384
+ -webkit-transform: translate(-200%, 200%);
4385
+ -ms-transform: translate(-200%, 200%);
4386
+ transform: translate(-200%, 200%);
4387
+ }
4388
+
4389
+ .premium-blog-squares-square-container:before {
4390
+ -webkit-transform: translate(100%, 200%);
4391
+ -ms-transform: translate(100%, 200%);
4392
+ transform: translate(100%, 200%);
4393
+ }
4394
+
4395
+ .premium-blog-squares-square-container:after {
4396
+ -webkit-transform: translate(-200%, -100%);
4397
+ -ms-transform: translate(-200%, -100%);
4398
+ transform: translate(-200%, -100%);
4399
+ }
4400
+
4401
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4402
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4403
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4404
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4405
+ }
4406
+
4407
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4408
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4409
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4410
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4411
+ }
4412
+
4413
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4414
+ -webkit-transform: translate(0, 100%);
4415
+ -ms-transform: translate(0, 100%);
4416
+ transform: translate(0, 100%);
4417
+ }
4418
+
4419
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4420
+ -webkit-transform: translate(-100%, 0%);
4421
+ -ms-transform: translate(-100%, 0%);
4422
+ transform: translate(-100%, 0%);
4423
+ }
4424
+
4425
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4426
+ opacity: 1;
4427
+ }
4428
+
4429
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4430
+ opacity: 1;
4431
+ -webkit-transform: scale(1);
4432
+ -ms-transform: scale(1);
4433
+ transform: scale(1);
4434
+ }
4435
+
4436
+ .premium-blog-clear-fix {
4437
+ clear: both;
4438
+ }
4439
+
4440
+ .premium-blog-masked .premium-blog-thumbnail-container {
4441
+ position: relative;
4442
+ overflow: visible;
4443
+ }
4444
+
4445
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
4446
+ position: absolute;
4447
+ height: 100px;
4448
+ width: 100%;
4449
+ bottom: -5px;
4450
+ right: 0;
4451
+ fill: #f5f5f5;
4452
+ z-index: 99;
4453
+ }
4454
+
4455
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4456
+ -webkit-transform: rotate(180deg);
4457
+ -ms-transform: rotate(180deg);
4458
+ transform: rotate(180deg);
4459
+ }
4460
+
4461
+ .premium-blog-masked .premium-blog-author-thumbnail,
4462
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4463
+ z-index: 999 !important;
4464
+ }
4465
+
4466
+ /*Post Format Container*/
4467
+ .premium-blog-format-link {
4468
+ padding: 5px;
4469
+ line-height: 0;
4470
+ }
4471
+
4472
+ /*Post Format Icon*/
4473
+ /*Post Format Content Margin */
4474
+ .premium-blog-entry-meta {
4475
+ line-height: 1.3em;
4476
+ font-size: 12px;
4477
+ margin-bottom: 13px;
4478
+ color: #adadad;
4479
+ }
4480
+
4481
+ .premium-blog-entry-meta i {
4482
+ margin-left: 3px;
4483
+ -webkit-transition: all 0.3s ease-in-out;
4484
+ transition: all 0.3s ease-in-out;
4485
+ }
4486
+
4487
+ .premium-blog-meta-data {
4488
+ display: inline-block;
4489
+ }
4490
+
4491
+ .premium-blog-meta-data .premium-blog-meta-separator {
4492
+ margin: 0 5px;
4493
+ }
4494
+
4495
+ .premium-blog-meta-data a,
4496
+ .premium-blog-meta-data span {
4497
+ color: inherit;
4498
+ -webkit-transition: all 0.3s ease-in-out;
4499
+ transition: all 0.3s ease-in-out;
4500
+ }
4501
+
4502
+ .premium-blog-author-thumbnail {
4503
+ position: relative;
4504
+ padding: 0 30px;
4505
+ width: 100%;
4506
+ top: -10px;
4507
+ height: 0;
4508
+ pointer-events: none;
4509
+ }
4510
+
4511
+ .premium-blog-author-thumbnail img {
4512
+ -webkit-border-radius: 50%;
4513
+ border-radius: 50%;
4514
+ width: 60px;
4515
+ pointer-events: all;
4516
+ -webkit-transform: translateY(-50%);
4517
+ -ms-transform: translateY(-50%);
4518
+ transform: translateY(-50%);
4519
+ }
4520
+
4521
+ .premium-blog-entry-title a,
4522
+ .premium-blog-post-tags-container a,
4523
+ .premium-blog-post-content .premium-blog-excerpt-link {
4524
+ -webkit-transition: all 0.3s ease-in-out;
4525
+ transition: all 0.3s ease-in-out;
4526
+ }
4527
+
4528
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4529
+ background-color: transparent;
4530
+ color: #54595f;
4531
+ padding: 0;
4532
+ }
4533
+
4534
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4535
+ width: 100%;
4536
+ }
4537
+
4538
+ .premium-blog-post-tags-container {
4539
+ margin-top: 8px;
4540
+ -js-display: flex;
4541
+ display: -webkit-box;
4542
+ display: -webkit-flex;
4543
+ display: -moz-box;
4544
+ display: -ms-flexbox;
4545
+ display: flex;
4546
+ -webkit-box-align: center;
4547
+ -webkit-align-items: center;
4548
+ -moz-box-align: center;
4549
+ -ms-flex-align: center;
4550
+ align-items: center;
4551
+ -webkit-flex-wrap: wrap;
4552
+ -ms-flex-wrap: wrap;
4553
+ flex-wrap: wrap;
4554
+ }
4555
+
4556
+ .premium-blog-post-tags-container a {
4557
+ color: inherit;
4558
+ margin-right: 5px;
4559
+ }
4560
+
4561
+ .premium-blog-align-center .post-categories,
4562
+ .premium-blog-align-center .premium-blog-inner-container,
4563
+ .premium-blog-align-center .premium-blog-post-tags-container {
4564
+ -webkit-box-pack: center;
4565
+ -webkit-justify-content: center;
4566
+ -moz-box-pack: center;
4567
+ -ms-flex-pack: center;
4568
+ justify-content: center;
4569
+ }
4570
+
4571
+ .premium-blog-align-left .premium-blog-post-container .post-categories,
4572
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4573
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4574
+ -webkit-box-pack: end;
4575
+ -webkit-justify-content: flex-end;
4576
+ -moz-box-pack: end;
4577
+ -ms-flex-pack: end;
4578
+ justify-content: flex-end;
4579
+ }
4580
+
4581
+ /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4582
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4583
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4584
+ -webkit-box-pack: start;
4585
+ -webkit-justify-content: flex-start;
4586
+ -moz-box-pack: start;
4587
+ -ms-flex-pack: start;
4588
+ justify-content: flex-start;
4589
+ } */
4590
+
4591
+ .premium-blog-align-right .premium-blog-post-container .post-categories,
4592
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4593
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4594
+ -webkit-box-pack: start;
4595
+ -webkit-justify-content: flex-start;
4596
+ -moz-box-pack: start;
4597
+ -ms-flex-pack: start;
4598
+ justify-content: flex-start;
4599
+ }
4600
+
4601
+ /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4602
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4603
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4604
+ -webkit-box-pack: end;
4605
+ -webkit-justify-content: flex-end;
4606
+ -moz-box-pack: end;
4607
+ -ms-flex-pack: end;
4608
+ justify-content: flex-end;
4609
+ } */
4610
+
4611
+ /* Pagination */
4612
+ .premium-blog-pagination-container {
4613
+ text-align: left;
4614
+ }
4615
+
4616
+ .premium-blog-pagination-container span {
4617
+ cursor: default;
4618
+ }
4619
+
4620
+ .premium-blog-pagination-container .page-numbers {
4621
+ display: inline-block;
4622
+ color: #000;
4623
+ line-height: 1;
4624
+ font-size: 1em;
4625
+ font-weight: 400;
4626
+ text-decoration: none;
4627
+ padding: 0.75em;
4628
+ margin: 0 0 0.4em 0.4em;
4629
+ -webkit-transition: all 0.2s ease-in-out;
4630
+ transition: all 0.2s ease-in-out;
4631
+ }
4632
+
4633
+ .premium-blog-wrap .premium-loading-feed {
4634
+ display: block;
4635
+ position: absolute;
4636
+ width: 100%;
4637
+ height: 100%;
4638
+ top: 0px;
4639
+ right: 0px;
4640
+ bottom: 0px;
4641
+ left: 0px;
4642
+ background: rgba(255, 255, 255, 0.2);
4643
+ -js-display: flex;
4644
+ display: -webkit-box;
4645
+ display: -webkit-flex;
4646
+ display: -moz-box;
4647
+ display: -ms-flexbox;
4648
+ display: flex;
4649
+ -webkit-box-align: center;
4650
+ -webkit-align-items: center;
4651
+ -moz-box-align: center;
4652
+ -ms-flex-align: center;
4653
+ align-items: center;
4654
+ z-index: 99;
4655
+ }
4656
+
4657
+ .premium-blog-wrap {
4658
+ -js-display: flex;
4659
+ display: -webkit-box;
4660
+ display: -webkit-flex;
4661
+ display: -moz-box;
4662
+ display: -ms-flexbox;
4663
+ display: flex;
4664
+ -webkit-flex-wrap: wrap;
4665
+ -ms-flex-wrap: wrap;
4666
+ flex-wrap: wrap;
4667
+ }
4668
+
4669
+ .premium-blog-wrap ul.slick-dots {
4670
+ width: 100%;
4671
+ }
4672
+
4673
+ /**
4674
+ * Even Layout
4675
+ */
4676
+ .premium-blog-even .premium-blog-post-container {
4677
+ height: 100%;
4678
+ }
4679
+
4680
+ .premium-blog-even .slick-track {
4681
+ -js-display: flex;
4682
+ display: -webkit-box;
4683
+ display: -webkit-flex;
4684
+ display: -moz-box;
4685
+ display: -ms-flexbox;
4686
+ display: flex;
4687
+ }
4688
+
4689
+ .premium-blog-even .slick-slide {
4690
+ height: inherit !important;
4691
+ }
4692
+
4693
+ /**
4694
+ * Responsive Style
4695
+ */
4696
+ @media (max-width: 768px) {
4697
+ .premium-blog-content-wrapper {
4698
+ top: 0;
4699
+ margin: 0;
4700
+ padding: 15px;
4701
+ }
4702
+
4703
+ .premium-blog-thumb-effect-wrapper {
4704
+ margin-bottom: 15px;
4705
+ }
4706
+ }
4707
+
4708
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4709
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4710
+ direction: ltr;
4711
+ }
4712
+
4713
+ /************ Premium Team Members ************/
4714
+ /*********************************************/
4715
+ .premium-person-container {
4716
+ position: relative;
4717
+ }
4718
+
4719
+ .premium-person-image-container {
4720
+ position: relative;
4721
+ text-align: center;
4722
+ overflow: hidden;
4723
+ }
4724
+
4725
+ .premium-person-image-container .premium-person-image-wrap {
4726
+ overflow: hidden;
4727
+ }
4728
+
4729
+ .premium-person-zoomout-effect .premium-person-image-container img,
4730
+ .premium-person-scale-effect .premium-person-image-container img {
4731
+ -webkit-transform: scale(1.2);
4732
+ -ms-transform: scale(1.2);
4733
+ transform: scale(1.2);
4734
+ }
4735
+
4736
+ .premium-person-sepia-effect .premium-person-image-container img {
4737
+ -webkit-filter: sepia(30%);
4738
+ filter: sepia(30%);
4739
+ }
4740
+
4741
+ .premium-person-bright-effect .premium-person-image-container img {
4742
+ -webkit-filter: brightness(1);
4743
+ filter: brightness(1);
4744
+ }
4745
+
4746
+ .premium-person-trans-effect .premium-person-image-container img {
4747
+ -webkit-transform: translateX(15px) scale(1.1);
4748
+ -ms-transform: translateX(15px) scale(1.1);
4749
+ transform: translateX(15px) scale(1.1);
4750
+ }
4751
+
4752
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4753
+ -webkit-transform: scale(1.2);
4754
+ -ms-transform: scale(1.2);
4755
+ transform: scale(1.2);
4756
+ }
4757
+
4758
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4759
+ -webkit-transform: scale(1.1);
4760
+ -ms-transform: scale(1.1);
4761
+ transform: scale(1.1);
4762
+ }
4763
+
4764
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4765
+ -webkit-transform: scale(1.3) rotate(-5deg);
4766
+ -ms-transform: scale(1.3) rotate(-5deg);
4767
+ transform: scale(1.3) rotate(-5deg);
4768
+ }
4769
+
4770
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4771
+ -webkit-filter: grayscale(100%);
4772
+ filter: grayscale(100%);
4773
+ }
4774
+
4775
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4776
+ -webkit-filter: blur(3px);
4777
+ filter: blur(3px);
4778
+ }
4779
+
4780
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4781
+ -webkit-filter: sepia(0%);
4782
+ filter: sepia(0%);
4783
+ }
4784
+
4785
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4786
+ -webkit-filter: brightness(1.2);
4787
+ filter: brightness(1.2);
4788
+ }
4789
+
4790
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4791
+ -webkit-transform: translateX(0px) scale(1.1);
4792
+ -ms-transform: translateX(0px) scale(1.1);
4793
+ transform: translateX(0px) scale(1.1);
4794
+ }
4795
+
4796
+ .premium-person-container .premium-person-image-container img {
4797
+ width: 100%;
4798
+ height: 100%;
4799
+ -o-object-fit: cover;
4800
+ object-fit: cover;
4801
+ -webkit-transition: all 0.5s ease-in-out;
4802
+ transition: all 0.5s ease-in-out;
4803
+ }
4804
+
4805
+ .premium-person-style2 .premium-person-social {
4806
+ position: absolute;
4807
+ top: 0;
4808
+ right: 0;
4809
+ width: 100%;
4810
+ height: 100%;
4811
+ z-index: 2;
4812
+ -js-display: flex;
4813
+ display: -webkit-box;
4814
+ display: -webkit-flex;
4815
+ display: -moz-box;
4816
+ display: -ms-flexbox;
4817
+ display: flex;
4818
+ -webkit-box-pack: center;
4819
+ -webkit-justify-content: center;
4820
+ -moz-box-pack: center;
4821
+ -ms-flex-pack: center;
4822
+ justify-content: center;
4823
+ -webkit-box-align: center;
4824
+ -webkit-align-items: center;
4825
+ -moz-box-align: center;
4826
+ -ms-flex-align: center;
4827
+ align-items: center;
4828
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4829
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4830
+ -webkit-transition: all 0.5s linear 0s;
4831
+ transition: all 0.5s linear 0s;
4832
+ opacity: 0;
4833
+ }
4834
+
4835
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4836
+ opacity: 1;
4837
+ }
4838
+
4839
+ .premium-person-list-item a {
4840
+ display: inline-block;
4841
+ }
4842
+
4843
+ .premium-person-style2 .premium-person-list-item a {
4844
+ opacity: 0;
4845
+ -webkit-transform: scale(0);
4846
+ -ms-transform: scale(0);
4847
+ transform: scale(0);
4848
+ -webkit-transition: all 0.5s ease-in-out 0s;
4849
+ transition: all 0.5s ease-in-out 0s;
4850
+ }
4851
+
4852
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4853
+ opacity: 1;
4854
+ -webkit-transform: scale(1);
4855
+ -ms-transform: scale(1);
4856
+ transform: scale(1);
4857
+ }
4858
+
4859
+ .premium-person-info-container {
4860
+ padding: 30px 15px;
4861
+ }
4862
+
4863
+ .premium-person-name {
4864
+ margin: 0 0 5px;
4865
+ font-weight: 700;
4866
+ }
4867
+
4868
+ .premium-person-title {
4869
+ margin: 0 0 20px;
4870
+ padding: 0;
4871
+ }
4872
+
4873
+ .premium-person-content {
4874
+ margin: 0 0 30px;
4875
+ }
4876
+
4877
+ /*Override Theme List Margin*/
4878
+ ul.premium-person-social-list {
4879
+ margin: 0px !important;
4880
+ padding: 0;
4881
+ }
4882
+
4883
+ .premium-person-social-list .premium-person-list-item {
4884
+ display: inline;
4885
+ list-style: none;
4886
+ }
4887
+
4888
+ .premium-person-social-list li {
4889
+ position: relative;
4890
+ bottom: 0px;
4891
+ -webkit-transition: all 0.2s ease-in-out;
4892
+ transition: all 0.2s ease-in-out;
4893
+ }
4894
+
4895
+ .premium-person-social-list li i {
4896
+ position: relative;
4897
+ bottom: 0px;
4898
+ -webkit-transition: all 0.2s ease-in-out;
4899
+ transition: all 0.2s ease-in-out;
4900
+ }
4901
+
4902
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4903
+ background-color: #3b5998 !important;
4904
+ }
4905
+
4906
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4907
+ background-color: #55acee !important;
4908
+ }
4909
+
4910
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4911
+ background-color: #0077b5 !important;
4912
+ }
4913
+
4914
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4915
+ background-color: #dc4e41 !important;
4916
+ }
4917
+
4918
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4919
+ background-color: #b31217 !important;
4920
+ }
4921
+
4922
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4923
+ background-color: #e4405f !important;
4924
+ }
4925
+
4926
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4927
+ background-color: #00aff0 !important;
4928
+ }
4929
+
4930
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4931
+ background-color: #bd081c !important;
4932
+ }
4933
+
4934
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4935
+ background-color: #ea4c89 !important;
4936
+ }
4937
+
4938
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4939
+ background-color: #b23121 !important;
4940
+ }
4941
+
4942
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4943
+ background-color: #1769ff !important;
4944
+ }
4945
+
4946
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4947
+ background-color: #25d366 !important;
4948
+ }
4949
+
4950
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4951
+ background-color: #0088cc !important;
4952
+ }
4953
+
4954
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4955
+ background-color: #0055a5 !important;
4956
+ }
4957
+
4958
+ .premium-person-social-list li:hover a {
4959
+ -webkit-box-shadow: none;
4960
+ box-shadow: none;
4961
+ }
4962
+
4963
+ .premium-person-social-list li a:focus {
4964
+ -webkit-box-shadow: none;
4965
+ box-shadow: none;
4966
+ outline: none;
4967
+ }
4968
+
4969
+ .premium-person-social-list li i {
4970
+ font-size: 18px;
4971
+ }
4972
+
4973
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4974
+ -js-display: flex;
4975
+ display: -webkit-box;
4976
+ display: -webkit-flex;
4977
+ display: -moz-box;
4978
+ display: -ms-flexbox;
4979
+ display: flex;
4980
+ -webkit-box-pack: center;
4981
+ -webkit-justify-content: center;
4982
+ -moz-box-pack: center;
4983
+ -ms-flex-pack: center;
4984
+ justify-content: center;
4985
+ }
4986
+
4987
+ .premium-persons-container.multiple-persons {
4988
+ -js-display: flex;
4989
+ display: -webkit-box;
4990
+ display: -webkit-flex;
4991
+ display: -moz-box;
4992
+ display: -ms-flexbox;
4993
+ display: flex;
4994
+ -webkit-flex-wrap: wrap;
4995
+ -ms-flex-wrap: wrap;
4996
+ flex-wrap: wrap;
4997
+ width: 100%;
4998
+ }
4999
+
5000
+ .premium-person-style1 .premium-person-container {
5001
+ overflow: hidden;
5002
+ }
5003
+
5004
+ .premium-person-style1 .premium-person-container .premium-person-info {
5005
+ position: absolute;
5006
+ top: auto;
5007
+ left: 0;
5008
+ right: 0;
5009
+ -webkit-transition: all 500ms ease 0s;
5010
+ transition: all 500ms ease 0s;
5011
+ -webkit-transform: translate3d(0, 100%, 0);
5012
+ transform: translate3d(0, 100%, 0);
5013
+ }
5014
+
5015
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5016
+ -webkit-transform: translate3d(0, 0, 0);
5017
+ transform: translate3d(0, 0, 0);
5018
+ bottom: -1px !important;
5019
+ }
5020
+
5021
+ .premium-person-style1 .premium-person-social-list li:hover {
5022
+ bottom: 5px;
5023
+ }
5024
+
5025
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5026
+ -webkit-box-align: start;
5027
+ -webkit-align-items: flex-start;
5028
+ -moz-box-align: start;
5029
+ -ms-flex-align: start;
5030
+ align-items: flex-start;
5031
+ }
5032
+
5033
+ .premium-person-style1 .slick-track {
5034
+ -js-display: flex;
5035
+ display: -webkit-box;
5036
+ display: -webkit-flex;
5037
+ display: -moz-box;
5038
+ display: -ms-flexbox;
5039
+ display: flex;
5040
+ }
5041
+
5042
+ .premium-person-style1 .slick-slide {
5043
+ height: inherit !important;
5044
+ }
5045
+
5046
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5047
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5048
+ height: 100%;
5049
+ }
5050
+
5051
+ .premium-person-style3 .premium-person-info-container {
5052
+ position: absolute;
5053
+ top: 0;
5054
+ right: 0;
5055
+ width: 100%;
5056
+ height: 100%;
5057
+ -js-display: flex;
5058
+ display: -webkit-box;
5059
+ display: -webkit-flex;
5060
+ display: -moz-box;
5061
+ display: -ms-flexbox;
5062
+ display: flex;
5063
+ -webkit-box-orient: vertical;
5064
+ -webkit-box-direction: normal;
5065
+ -webkit-flex-direction: column;
5066
+ -moz-box-orient: vertical;
5067
+ -moz-box-direction: normal;
5068
+ -ms-flex-direction: column;
5069
+ flex-direction: column;
5070
+ -webkit-box-pack: justify;
5071
+ -webkit-justify-content: space-between;
5072
+ -moz-box-pack: justify;
5073
+ -ms-flex-pack: justify;
5074
+ justify-content: space-between;
5075
+ }
5076
+
5077
+ .premium-person-style3 .premium-person-title-desc-wrap {
5078
+ -js-display: flex;
5079
+ display: -webkit-box;
5080
+ display: -webkit-flex;
5081
+ display: -moz-box;
5082
+ display: -ms-flexbox;
5083
+ display: flex;
5084
+ -webkit-box-orient: horizontal;
5085
+ -webkit-box-direction: reverse;
5086
+ -webkit-flex-direction: row-reverse;
5087
+ -moz-box-orient: horizontal;
5088
+ -moz-box-direction: reverse;
5089
+ -ms-flex-direction: row-reverse;
5090
+ flex-direction: row-reverse;
5091
+ -webkit-box-pack: justify;
5092
+ -webkit-justify-content: space-between;
5093
+ -moz-box-pack: justify;
5094
+ -ms-flex-pack: justify;
5095
+ justify-content: space-between;
5096
+ -webkit-box-align: start;
5097
+ -webkit-align-items: flex-start;
5098
+ -moz-box-align: start;
5099
+ -ms-flex-align: start;
5100
+ align-items: flex-start;
5101
+ }
5102
+
5103
+ .premium-person-style3 .premium-person-name-icons-wrap {
5104
+ -js-display: flex;
5105
+ display: -webkit-box;
5106
+ display: -webkit-flex;
5107
+ display: -moz-box;
5108
+ display: -ms-flexbox;
5109
+ display: flex;
5110
+ -webkit-box-pack: justify;
5111
+ -webkit-justify-content: space-between;
5112
+ -moz-box-pack: justify;
5113
+ -ms-flex-pack: justify;
5114
+ justify-content: space-between;
5115
+ -webkit-box-align: end;
5116
+ -webkit-align-items: flex-end;
5117
+ -moz-box-align: end;
5118
+ -ms-flex-align: end;
5119
+ align-items: flex-end;
5120
+ }
5121
+
5122
+ .premium-person-style3 .premium-person-title {
5123
+ opacity: 0;
5124
+ -webkit-transition: all 0.3s ease;
5125
+ transition: all 0.3s ease;
5126
+ width: 0;
5127
+ }
5128
+
5129
+ .premium-person-style3 .premium-person-title span {
5130
+ display: inline-block;
5131
+ }
5132
+
5133
+ .premium-person-style3 .premium-person-name {
5134
+ padding-right: 10px;
5135
+ }
5136
+
5137
+ .premium-person-style3 .premium-person-social-list {
5138
+ -js-display: flex;
5139
+ display: -webkit-box;
5140
+ display: -webkit-flex;
5141
+ display: -moz-box;
5142
+ display: -ms-flexbox;
5143
+ display: flex;
5144
+ -webkit-box-orient: vertical;
5145
+ -webkit-box-direction: normal;
5146
+ -webkit-flex-direction: column;
5147
+ -moz-box-orient: vertical;
5148
+ -moz-box-direction: normal;
5149
+ -ms-flex-direction: column;
5150
+ flex-direction: column;
5151
+ -webkit-transform: translateY(20px);
5152
+ -ms-transform: translateY(20px);
5153
+ transform: translateY(20px);
5154
+ opacity: 0;
5155
+ -webkit-transition: all 0.3s ease;
5156
+ transition: all 0.3s ease;
5157
+ }
5158
+
5159
+ .premium-person-style3 .premium-person-list-item {
5160
+ line-height: 0;
5161
+ }
5162
+
5163
+ .premium-person-style3 .premium-person-list-item a {
5164
+ padding: 5px 0 0 10px;
5165
+ margin: 5px 0;
5166
+ }
5167
+
5168
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5169
+ opacity: 1;
5170
+ }
5171
+
5172
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5173
+ opacity: 1;
5174
+ -webkit-transform: translateY(0);
5175
+ -ms-transform: translateY(0);
5176
+ transform: translateY(0);
5177
+ }
5178
+
5179
+ .premium-persons-title-cw .premium-person-title {
5180
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5181
+ -ms-transform: translateX(-15px) rotate(-90deg);
5182
+ transform: translateX(-15px) rotate(-90deg);
5183
+ -webkit-transform-origin: top;
5184
+ -ms-transform-origin: top;
5185
+ transform-origin: top;
5186
+ }
5187
+
5188
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5189
+ -webkit-transform: translateX(0) rotate(-90deg);
5190
+ -ms-transform: translateX(0) rotate(-90deg);
5191
+ transform: translateX(0) rotate(-90deg);
5192
+ }
5193
+
5194
+ .premium-persons-title-ccw .premium-person-title {
5195
+ width: auto;
5196
+ margin-left: 20px;
5197
+ -webkit-transform: translateX(-15px) rotate(90deg);
5198
+ -ms-transform: translateX(-15px) rotate(90deg);
5199
+ transform: translateX(-15px) rotate(90deg);
5200
+ -webkit-transform-origin: center left;
5201
+ -ms-transform-origin: center left;
5202
+ transform-origin: center left;
5203
+ }
5204
+
5205
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5206
+ -webkit-transform: translateX(0) rotate(90deg);
5207
+ -ms-transform: translateX(0) rotate(90deg);
5208
+ transform: translateX(0) rotate(90deg);
5209
+ }
5210
+
5211
+ /**************** Premium Fancy Text *******************/
5212
+ /*******************************************************/
5213
+ .premium-suffix-text,
5214
+ .premium-fancy-text,
5215
+ .premium-prefix-text {
5216
+ font-size: 40px;
5217
+ }
5218
+
5219
+ .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
5220
+ .premium-fancy-item-hidden {
5221
+ opacity: 0;
5222
+ }
5223
+
5224
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5225
+ list-style: none;
5226
+ }
5227
+
5228
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5229
+ vertical-align: top;
5230
+ }
5231
+
5232
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5233
+ margin: 0;
5234
+ padding: 0;
5235
+ border: none;
5236
+ position: relative;
5237
+ }
5238
+
5239
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5240
+ position: absolute;
5241
+ top: 0;
5242
+ left: 0;
5243
+ display: inline-block;
5244
+ }
5245
+
5246
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5247
+ -webkit-animation: pa-zoom-out 0.8s;
5248
+ animation: pa-zoom-out 0.8s;
5249
+ }
5250
+
5251
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5252
+ position: relative !important;
5253
+ -webkit-animation: pa-zoom-in 0.8s;
5254
+ animation: pa-zoom-in 0.8s;
5255
+ }
5256
+
5257
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5258
+ -webkit-perspective: 300px;
5259
+ perspective: 300px;
5260
+ }
5261
+
5262
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5263
+ -webkit-transform-origin: 50% 100%;
5264
+ -ms-transform-origin: 50% 100%;
5265
+ transform-origin: 50% 100%;
5266
+ }
5267
+
5268
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5269
+ -webkit-transform: rotateX(180deg);
5270
+ transform: rotateX(180deg);
5271
+ -webkit-animation: pa-rotate-out 1.2s;
5272
+ animation: pa-rotate-out 1.2s;
5273
+ }
5274
+
5275
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5276
+ position: relative !important;
5277
+ -webkit-transform: rotateX(0deg);
5278
+ transform: rotateX(0deg);
5279
+ -webkit-animation: pa-rotate-in 1.2s;
5280
+ animation: pa-rotate-in 1.2s;
5281
+ }
5282
+
5283
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5284
+ position: relative !important;
5285
+ }
5286
+
5287
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5288
+ display: inline-block;
5289
+ width: 200px;
5290
+ font-weight: 400;
5291
+ }
5292
+
5293
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5294
+ position: relative;
5295
+ vertical-align: sub;
5296
+ }
5297
+
5298
+ .premium-fancy-text-wrapper.auto-fade g>text {
5299
+ text-anchor: start;
5300
+ shape-rendering: crispEdges;
5301
+ opacity: 0;
5302
+ font-size: 300px;
5303
+ -webkit-animation-name: pa-auto-fade;
5304
+ animation-name: pa-auto-fade;
5305
+ -moz-animation-name: pa-auto-fade;
5306
+ -webkit-animation-duration: 9s;
5307
+ animation-duration: 9s;
5308
+ -webkit-animation-timing-function: linear;
5309
+ animation-timing-function: linear;
5310
+ -webkit-animation-iteration-count: infinite;
5311
+ animation-iteration-count: infinite;
5312
+ }
5313
+
5314
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5315
+ -webkit-animation-delay: 0s;
5316
+ animation-delay: 0s;
5317
+ }
5318
+
5319
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5320
+ -webkit-animation-delay: 3s;
5321
+ animation-delay: 3s;
5322
+ }
5323
+
5324
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5325
+ -webkit-animation-delay: 6s;
5326
+ animation-delay: 6s;
5327
+ }
5328
+
5329
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
5330
+ position: relative;
5331
+ }
5332
+
5333
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5334
+ position: absolute;
5335
+ width: 100%;
5336
+ height: 3px;
5337
+ bottom: 0;
5338
+ left: 0;
5339
+ animation: pa-loading-bar 2.5s ease-out infinite;
5340
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5341
+ }
5342
+
5343
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5344
+ -webkit-animation-play-state: paused;
5345
+ animation-play-state: paused;
5346
+ }
5347
+
5348
+ @-webkit-keyframes pa-auto-fade {
5349
+ 0% {
5350
+ opacity: 0;
5351
+ }
5352
+
5353
+ 20% {
5354
+ opacity: 1;
5355
+ }
5356
+
5357
+ 35% {
5358
+ opacity: 0;
5359
+ }
5360
+
5361
+ 100% {
5362
+ opacity: 0;
5363
+ }
5364
+ }
5365
+
5366
+ @keyframes pa-auto-fade {
5367
+ 0% {
5368
+ opacity: 0;
5369
+ }
5370
+
5371
+ 20% {
5372
+ opacity: 1;
5373
+ }
5374
+
5375
+ 35% {
5376
+ opacity: 0;
5377
+ }
5378
+
5379
+ 100% {
5380
+ opacity: 0;
5381
+ }
5382
+ }
5383
+
5384
+ @-webkit-keyframes pa-loading-bar {
5385
+ 0% {
5386
+ width: 0;
5387
+ }
5388
+
5389
+ 100% {
5390
+ width: 100;
5391
+ }
5392
+ }
5393
+
5394
+ @keyframes pa-loading-bar {
5395
+ 0% {
5396
+ width: 0;
5397
+ }
5398
+
5399
+ 100% {
5400
+ width: 100;
5401
+ }
5402
+ }
5403
+
5404
+ @-webkit-keyframes pa-zoom-in {
5405
+ 0% {
5406
+ opacity: 0;
5407
+ -webkit-transform: translateZ(100px);
5408
+ transform: translateZ(100px);
5409
+ }
5410
+
5411
+ 100% {
5412
+ opacity: 1;
5413
+ -webkit-transform: translateZ(0);
5414
+ transform: translateZ(0);
5415
+ }
5416
+ }
5417
+
5418
+ @keyframes pa-zoom-in {
5419
+ 0% {
5420
+ opacity: 0;
5421
+ -webkit-transform: translateZ(100px);
5422
+ transform: translateZ(100px);
5423
+ }
5424
+
5425
+ 100% {
5426
+ opacity: 1;
5427
+ -webkit-transform: translateZ(0);
5428
+ transform: translateZ(0);
5429
+ }
5430
+ }
5431
+
5432
+ @-webkit-keyframes pa-zoom-out {
5433
+ 0% {
5434
+ opacity: 1;
5435
+ -webkit-transform: translateZ(0);
5436
+ transform: translateZ(0);
5437
+ }
5438
+
5439
+ 100% {
5440
+ opacity: 0;
5441
+ -webkit-transform: translateZ(-100px);
5442
+ transform: translateZ(-100px);
5443
+ }
5444
+ }
5445
+
5446
+ @keyframes pa-zoom-out {
5447
+ 0% {
5448
+ opacity: 1;
5449
+ -webkit-transform: translateZ(0);
5450
+ transform: translateZ(0);
5451
+ }
5452
+
5453
+ 100% {
5454
+ opacity: 0;
5455
+ -webkit-transform: translateZ(-100px);
5456
+ transform: translateZ(-100px);
5457
+ }
5458
+ }
5459
+
5460
+ @-webkit-keyframes pa-rotate-in {
5461
+ 0% {
5462
+ opacity: 0;
5463
+ -webkit-transform: rotateX(180deg);
5464
+ transform: rotateX(180deg);
5465
+ }
5466
+
5467
+ 35% {
5468
+ opacity: 0;
5469
+ -webkit-transform: rotateX(120deg);
5470
+ transform: rotateX(120deg);
5471
+ }
5472
+
5473
+ 65% {
5474
+ opacity: 0;
5475
+ }
5476
+
5477
+ 100% {
5478
+ opacity: 1;
5479
+ -webkit-transform: rotateX(360deg);
5480
+ transform: rotateX(360deg);
5481
+ }
5482
+ }
5483
+
5484
+ @keyframes pa-rotate-in {
5485
+ 0% {
5486
+ opacity: 0;
5487
+ -webkit-transform: rotateX(180deg);
5488
+ transform: rotateX(180deg);
5489
+ }
5490
+
5491
+ 35% {
5492
+ opacity: 0;
5493
+ -webkit-transform: rotateX(120deg);
5494
+ transform: rotateX(120deg);
5495
+ }
5496
+
5497
+ 65% {
5498
+ opacity: 0;
5499
+ }
5500
+
5501
+ 100% {
5502
+ opacity: 1;
5503
+ -webkit-transform: rotateX(360deg);
5504
+ transform: rotateX(360deg);
5505
+ }
5506
+ }
5507
+
5508
+ @-webkit-keyframes pa-rotate-out {
5509
+ 0% {
5510
+ opacity: 1;
5511
+ -webkit-transform: rotateX(0deg);
5512
+ transform: rotateX(0deg);
5513
+ }
5514
+
5515
+ 35% {
5516
+ opacity: 1;
5517
+ -webkit-transform: rotateX(-40deg);
5518
+ transform: rotateX(-40deg);
5519
+ }
5520
+
5521
+ 65% {
5522
+ opacity: 0;
5523
+ }
5524
+
5525
+ 100% {
5526
+ opacity: 0;
5527
+ -webkit-transform: rotateX(180deg);
5528
+ transform: rotateX(180deg);
5529
+ }
5530
+ }
5531
+
5532
+ @keyframes pa-rotate-out {
5533
+ 0% {
5534
+ opacity: 1;
5535
+ -webkit-transform: rotateX(0deg);
5536
+ transform: rotateX(0deg);
5537
+ }
5538
+
5539
+ 35% {
5540
+ opacity: 1;
5541
+ -webkit-transform: rotateX(-40deg);
5542
+ transform: rotateX(-40deg);
5543
+ }
5544
+
5545
+ 65% {
5546
+ opacity: 0;
5547
+ }
5548
+
5549
+ 100% {
5550
+ opacity: 0;
5551
+ -webkit-transform: rotateX(180deg);
5552
+ transform: rotateX(180deg);
5553
+ }
5554
+ }
5555
+
5556
+ /**************** Premium Pricing Table ****************/
5557
+ /*******************************************************/
5558
+ .premium-pricing-table-container {
5559
+ position: relative;
5560
+ overflow: hidden;
5561
+ text-align: center;
5562
+ -webkit-transition: all 0.3s ease-in-out;
5563
+ transition: all 0.3s ease-in-out;
5564
+ }
5565
+
5566
+ .premium-pricing-icon-container {
5567
+ -js-display: flex;
5568
+ display: -webkit-box;
5569
+ display: -webkit-flex;
5570
+ display: -moz-box;
5571
+ display: -ms-flexbox;
5572
+ display: flex;
5573
+ -webkit-box-pack: center;
5574
+ -webkit-justify-content: center;
5575
+ -moz-box-pack: center;
5576
+ -ms-flex-pack: center;
5577
+ justify-content: center;
5578
+ line-height: 0;
5579
+ }
5580
+
5581
+ .premium-pricing-icon-container .premium-pricing-icon {
5582
+ display: inline-block;
5583
+ }
5584
+
5585
+ .premium-pricing-icon-container .premium-pricing-image {
5586
+ overflow: hidden;
5587
+ }
5588
+
5589
+ .premium-pricing-icon-container .premium-pricing-image img {
5590
+ width: 25px;
5591
+ height: 25px;
5592
+ -o-object-fit: cover;
5593
+ object-fit: cover;
5594
+ }
5595
+
5596
+ .premium-badge-left {
5597
+ position: absolute;
5598
+ top: 0;
5599
+ }
5600
+
5601
+ .premium-badge-right {
5602
+ position: absolute;
5603
+ top: 0;
5604
+ right: 0;
5605
+ }
5606
+
5607
+ .premium-badge-left {
5608
+ left: 0;
5609
+ }
5610
+
5611
+ .premium-badge-triangle.premium-badge-left .corner {
5612
+ width: 0;
5613
+ height: 0;
5614
+ border-top: 150px solid;
5615
+ border-bottom: 150px solid transparent;
5616
+ border-right: 150px solid transparent;
5617
+ }
5618
+
5619
+ .premium-badge-triangle.premium-badge-right .corner {
5620
+ width: 0;
5621
+ height: 0;
5622
+ border-bottom: 150px solid transparent;
5623
+ border-right: 150px solid;
5624
+ border-left: 150px solid transparent;
5625
+ }
5626
+
5627
+ .premium-badge-triangle span {
5628
+ position: absolute;
5629
+ top: 35px;
5630
+ width: 100px;
5631
+ text-align: center;
5632
+ -webkit-transform: rotate(-45deg);
5633
+ -ms-transform: rotate(-45deg);
5634
+ transform: rotate(-45deg);
5635
+ display: block;
5636
+ text-transform: uppercase;
5637
+ }
5638
+
5639
+ .premium-badge-triangle.premium-badge-right span {
5640
+ -webkit-transform: rotate(45deg);
5641
+ -ms-transform: rotate(45deg);
5642
+ transform: rotate(45deg);
5643
+ right: 0;
5644
+ }
5645
+
5646
+ .premium-badge-circle {
5647
+ min-width: 4em;
5648
+ min-height: 4em;
5649
+ line-height: 4em;
5650
+ text-align: center;
5651
+ -webkit-border-radius: 100%;
5652
+ border-radius: 100%;
5653
+ position: absolute;
5654
+ z-index: 1;
5655
+ }
5656
+
5657
+ .premium-badge-stripe {
5658
+ position: absolute;
5659
+ -webkit-transform: rotate(90deg);
5660
+ -ms-transform: rotate(90deg);
5661
+ transform: rotate(90deg);
5662
+ width: 15em;
5663
+ overflow: hidden;
5664
+ height: 15em;
5665
+ }
5666
+
5667
+ .premium-badge-stripe.premium-badge-left {
5668
+ -webkit-transform: rotate(0);
5669
+ -ms-transform: rotate(0);
5670
+ transform: rotate(0);
5671
+ }
5672
+
5673
+ .premium-badge-stripe .corner {
5674
+ text-align: center;
5675
+ left: 0;
5676
+ width: 150%;
5677
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5678
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5679
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5680
+ margin-top: 35px;
5681
+ font-size: 13px;
5682
+ line-height: 2;
5683
+ font-weight: 800;
5684
+ text-transform: uppercase;
5685
+ }
5686
+
5687
+ .premium-badge-flag .corner {
5688
+ text-align: center;
5689
+ -webkit-border-radius: 4px 4px 0 4px;
5690
+ border-radius: 4px 4px 0 4px;
5691
+ padding: 3px 15px;
5692
+ position: absolute;
5693
+ top: 10%;
5694
+ right: -8px;
5695
+ }
5696
+
5697
+ .premium-badge-flag .corner::before,
5698
+ .premium-badge-flag .corner::after {
5699
+ content: "";
5700
+ display: block;
5701
+ position: absolute;
5702
+ width: 0;
5703
+ height: 0;
5704
+ top: 100%;
5705
+ right: 0;
5706
+ border-bottom: 8px solid transparent;
5707
+ }
5708
+
5709
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5710
+ overflow: visible !important;
5711
+ }
5712
+
5713
+ .premium-badge-flag .corner::after {
5714
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5715
+ }
5716
+
5717
+ .premium-pricing-price-currency {
5718
+ position: relative;
5719
+ }
5720
+
5721
+ .premium-pricing-button-container {
5722
+ display: block;
5723
+ }
5724
+
5725
+ .premium-pricing-list {
5726
+ -js-display: flex;
5727
+ display: -webkit-box;
5728
+ display: -webkit-flex;
5729
+ display: -moz-box;
5730
+ display: -ms-flexbox;
5731
+ display: flex;
5732
+ -webkit-box-orient: vertical;
5733
+ -webkit-box-direction: normal;
5734
+ -webkit-flex-direction: column;
5735
+ -moz-box-orient: vertical;
5736
+ -moz-box-direction: normal;
5737
+ -ms-flex-direction: column;
5738
+ flex-direction: column;
5739
+ list-style-type: none;
5740
+ margin: 0;
5741
+ }
5742
+
5743
+ .premium-pricing-list .premium-pricing-list-item {
5744
+ -js-display: flex;
5745
+ display: -webkit-box;
5746
+ display: -webkit-flex;
5747
+ display: -moz-box;
5748
+ display: -ms-flexbox;
5749
+ display: flex;
5750
+ -webkit-box-align: center;
5751
+ -webkit-align-items: center;
5752
+ -moz-box-align: center;
5753
+ -ms-flex-align: center;
5754
+ align-items: center;
5755
+ }
5756
+
5757
+ .premium-pricing-list .premium-pricing-list-item svg {
5758
+ width: 50px;
5759
+ height: 50px;
5760
+ }
5761
+
5762
+ .premium-pricing-list .premium-pricing-list-item img {
5763
+ width: 30px;
5764
+ height: 30px;
5765
+ -o-object-fit: cover;
5766
+ object-fit: cover;
5767
+ }
5768
+
5769
+ .premium-pricing-list .premium-pricing-list-span {
5770
+ position: relative;
5771
+ }
5772
+
5773
+ .premium-pricing-list .list-item-tooltip {
5774
+ border-bottom: 1px dotted;
5775
+ }
5776
+
5777
+ .premium-pricing-list .premium-pricing-list-tooltip {
5778
+ position: absolute;
5779
+ top: -webkit-calc(100% + 1px);
5780
+ top: calc(100% + 1px);
5781
+ right: 0;
5782
+ visibility: hidden;
5783
+ padding: 15px 20px;
5784
+ -webkit-border-radius: 5px;
5785
+ border-radius: 5px;
5786
+ min-width: 200px;
5787
+ overflow: hidden;
5788
+ text-align: right;
5789
+ font-size: 0.8rem;
5790
+ color: #fff;
5791
+ background-color: #aaa;
5792
+ }
5793
+
5794
+ .premium-pricing-features-left .premium-pricing-list-span {
5795
+ text-align: right;
5796
+ }
5797
+
5798
+ .premium-pricing-features-center .premium-pricing-list-span {
5799
+ text-align: center;
5800
+ }
5801
+
5802
+ .premium-pricing-features-right .premium-pricing-list-span {
5803
+ text-align: left;
5804
+ }
5805
+
5806
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5807
+ z-index: 99;
5808
+ visibility: visible;
5809
+ opacity: 1;
5810
+ }
5811
+
5812
+ .premium-pricing-slashed-price-value {
5813
+ display: inline-block;
5814
+ font-size: 20px;
5815
+ font-weight: 400;
5816
+ margin-left: 5px;
5817
+ }
5818
+
5819
+ .premium-pricing-price-value {
5820
+ font-size: 70px;
5821
+ }
5822
+
5823
+ .premium-pricing-description-container li {
5824
+ list-style-position: inside;
5825
+ text-indent: -40px;
5826
+ }
5827
+
5828
+ @-moz-document url-prefix() {
5829
+ .premium-pricing-description-container li {
5830
+ text-indent: 0px;
5831
+ }
5832
+ }
5833
+
5834
+ .premium-pricing-price-button {
5835
+ display: block;
5836
+ padding: 6px 12px;
5837
+ line-height: 1.42857143;
5838
+ text-align: center;
5839
+ color: #fff;
5840
+ background: #6ec1e4;
5841
+ margin-bottom: 0;
5842
+ -webkit-transition: all 0.3s ease-in-out;
5843
+ transition: all 0.3s ease-in-out;
5844
+ }
5845
+
5846
+ /**************** Premium Google Maps ******************/
5847
+ /*******************************************************/
5848
+ .premium-maps-info-container {
5849
+ margin-top: 10px;
5850
+ margin-bottom: 10px;
5851
+ }
5852
+
5853
+ .premium-maps-info-title,
5854
+ .premium-maps-info-desc {
5855
+ margin: 0;
5856
+ padding: 0;
5857
+ }
5858
+
5859
+ .premium-maps-container .gm-style-iw {
5860
+ text-align: center;
5861
+ direction: ltr;
5862
+ }
5863
+
5864
+ .premium-maps-container .gm-style img {
5865
+ max-width: none !important;
5866
+ }
5867
+
5868
+ /**************** Premium Button ***********************/
5869
+ /*******************************************************/
5870
+ .premium-button {
5871
+ -js-display: inline-flex;
5872
+ display: -webkit-inline-box;
5873
+ display: -webkit-inline-flex;
5874
+ display: -moz-inline-box;
5875
+ display: -ms-inline-flexbox;
5876
+ display: inline-flex;
5877
+ position: relative;
5878
+ overflow: hidden;
5879
+ -webkit-backface-visibility: hidden;
5880
+ backface-visibility: hidden;
5881
+ -webkit-transform: translate3d(0, 0, 0);
5882
+ transform: translate3d(0, 0, 0);
5883
+ cursor: pointer;
5884
+ -webkit-transition: all 0.2s ease-in-out !important;
5885
+ transition: all 0.2s ease-in-out !important;
5886
+ }
5887
+
5888
+ .premium-button .premium-lottie-animation,
5889
+ .premium-image-button .premium-lottie-animation {
5890
+ -js-display: flex;
5891
+ display: -webkit-box;
5892
+ display: -webkit-flex;
5893
+ display: -moz-box;
5894
+ display: -ms-flexbox;
5895
+ display: flex;
5896
+ }
5897
+
5898
+ .premium-button svg,
5899
+ .premium-image-button svg {
5900
+ width: 30px;
5901
+ height: 30px;
5902
+ }
5903
+
5904
+ .premium-btn-sm,
5905
+ .premium-btn-md,
5906
+ .premium-btn-lg,
5907
+ .premium-btn-block {
5908
+ background-color: #eee;
5909
+ color: #042551;
5910
+ margin: 0px;
5911
+ text-decoration: none;
5912
+ }
5913
+
5914
+ .premium-btn-sm:hover,
5915
+ .premium-btn-md:hover,
5916
+ .premium-btn-lg:hover,
5917
+ .premium-btn-block:hover {
5918
+ background-color: #54595f;
5919
+ color: #eee;
5920
+ }
5921
+
5922
+ .premium-btn-sm {
5923
+ padding: 12px 24px;
5924
+ font-size: 14px;
5925
+ line-height: 1;
5926
+ }
5927
+
5928
+ .premium-btn-md {
5929
+ padding: 14px 26px;
5930
+ font-size: 16px;
5931
+ line-height: 1.2;
5932
+ }
5933
+
5934
+ .premium-btn-lg {
5935
+ padding: 16px 28px;
5936
+ font-size: 18px;
5937
+ line-height: 1.3333;
5938
+ }
5939
+
5940
+ .premium-btn-block {
5941
+ font-size: 18px;
5942
+ line-height: 1;
5943
+ padding: 20px 0px;
5944
+ width: 100%;
5945
+ text-align: center;
5946
+ }
5947
+
5948
+ .premium-button-text {
5949
+ display: inline-block;
5950
+ width: 100%;
5951
+ }
5952
+
5953
+ .premium-button-style1,
5954
+ .premium-button-style2,
5955
+ .premium-button-style5,
5956
+ .premium-button-style7 {
5957
+ display: inline-block;
5958
+ vertical-align: middle;
5959
+ -webkit-transform: perspective(1px) translateZ(0);
5960
+ transform: perspective(1px) translateZ(0);
5961
+ -webkit-box-shadow: 0 0 1px transparent;
5962
+ box-shadow: 0 0 1px transparent;
5963
+ position: relative;
5964
+ -webkit-transition-property: color;
5965
+ transition-property: color;
5966
+ -webkit-transition-duration: 0.15s;
5967
+ transition-duration: 0.15s;
5968
+ }
5969
+
5970
+ .premium-button-style1:before,
5971
+ .premium-button-style2:before,
5972
+ .premium-button-style5:before {
5973
+ content: "";
5974
+ position: absolute;
5975
+ z-index: -1;
5976
+ top: 0;
5977
+ right: 0;
5978
+ left: 0;
5979
+ bottom: 0;
5980
+ -webkit-transform: scaleY(0);
5981
+ -ms-transform: scaleY(0);
5982
+ transform: scaleY(0);
5983
+ -webkit-transform-origin: 50% 0;
5984
+ -ms-transform-origin: 50% 0;
5985
+ transform-origin: 50% 0;
5986
+ -webkit-transition-property: -webkit-transform;
5987
+ transition-property: -webkit-transform;
5988
+ transition-property: transform;
5989
+ transition-property: transform, -webkit-transform;
5990
+ -webkit-transition-duration: 0.15s;
5991
+ transition-duration: 0.15s;
5992
+ -webkit-transition-timing-function: ease-out;
5993
+ transition-timing-function: ease-out;
5994
+ }
5995
+
5996
+ .premium-button-style5-radialin:before,
5997
+ .premium-button-style5-radialout:before {
5998
+ -webkit-transform-origin: 50%;
5999
+ -ms-transform-origin: 50%;
6000
+ transform-origin: 50%;
6001
+ -webkit-border-radius: 100%;
6002
+ border-radius: 100%;
6003
+ -webkit-transform: scale(0);
6004
+ -ms-transform: scale(0);
6005
+ transform: scale(0);
6006
+ }
6007
+
6008
+ .premium-button-style5-radialin:before {
6009
+ -webkit-transform: scale(2);
6010
+ -ms-transform: scale(2);
6011
+ transform: scale(2);
6012
+ }
6013
+
6014
+ .premium-button-style5-rectin:before {
6015
+ -webkit-transform-origin: 50%;
6016
+ -ms-transform-origin: 50%;
6017
+ transform-origin: 50%;
6018
+ -webkit-transform: scale(1);
6019
+ -ms-transform: scale(1);
6020
+ transform: scale(1);
6021
+ }
6022
+
6023
+ .premium-button-style5-rectout:before {
6024
+ -webkit-transform-origin: 50%;
6025
+ -ms-transform-origin: 50%;
6026
+ transform-origin: 50%;
6027
+ -webkit-transform: scale(0);
6028
+ -ms-transform: scale(0);
6029
+ transform: scale(0);
6030
+ }
6031
+
6032
+ .premium-button-style5-rectout:hover:before {
6033
+ -webkit-transform: scale(1);
6034
+ -ms-transform: scale(1);
6035
+ transform: scale(1);
6036
+ }
6037
+
6038
+ .premium-button-style5-rectin:hover:before {
6039
+ -webkit-transform: scale(0);
6040
+ -ms-transform: scale(0);
6041
+ transform: scale(0);
6042
+ }
6043
+
6044
+ .premium-button-style5-radialout:hover:before {
6045
+ -webkit-transform: scale(2);
6046
+ -ms-transform: scale(2);
6047
+ transform: scale(2);
6048
+ }
6049
+
6050
+ .premium-button-style5-radialin:hover:before {
6051
+ -webkit-transform: scale(0);
6052
+ -ms-transform: scale(0);
6053
+ transform: scale(0);
6054
+ }
6055
+
6056
+ .premium-button-style1-top:before {
6057
+ -webkit-transform-origin: 50% 100%;
6058
+ -ms-transform-origin: 50% 100%;
6059
+ transform-origin: 50% 100%;
6060
+ }
6061
+
6062
+ .premium-button-style1-right:before {
6063
+ -webkit-transform: scaleX(0);
6064
+ -ms-transform: scaleX(0);
6065
+ transform: scaleX(0);
6066
+ -webkit-transform-origin: 100% 50%;
6067
+ -ms-transform-origin: 100% 50%;
6068
+ transform-origin: 100% 50%;
6069
+ }
6070
+
6071
+ .premium-button-style1-left:before {
6072
+ -webkit-transform: scaleX(0);
6073
+ -ms-transform: scaleX(0);
6074
+ transform: scaleX(0);
6075
+ -webkit-transform-origin: 0% 50%;
6076
+ -ms-transform-origin: 0% 50%;
6077
+ transform-origin: 0% 50%;
6078
+ }
6079
+
6080
+ .premium-button-style2-shutouthor:before,
6081
+ .premium-button-style2-scshutoutver:before {
6082
+ -webkit-transform: scaleY(0);
6083
+ -ms-transform: scaleY(0);
6084
+ transform: scaleY(0);
6085
+ -webkit-transform-origin: 0% 50%;
6086
+ -ms-transform-origin: 0% 50%;
6087
+ transform-origin: 0% 50%;
6088
+ }
6089
+
6090
+ .premium-button-style2-shutoutver:before,
6091
+ .premium-button-style2-scshutouthor:before {
6092
+ -webkit-transform: scaleX(0);
6093
+ -ms-transform: scaleX(0);
6094
+ transform: scaleX(0);
6095
+ -webkit-transform-origin: 50% 50%;
6096
+ -ms-transform-origin: 50% 50%;
6097
+ transform-origin: 50% 50%;
6098
+ }
6099
+
6100
+ .premium-button-style2-shutinhor:before {
6101
+ -webkit-transform: scaleX(1);
6102
+ -ms-transform: scaleX(1);
6103
+ transform: scaleX(1);
6104
+ -webkit-transform-origin: 50%;
6105
+ -ms-transform-origin: 50%;
6106
+ transform-origin: 50%;
6107
+ }
6108
+
6109
+ .premium-button-style2-shutinver:before {
6110
+ -webkit-transform: scaleY(1);
6111
+ -ms-transform: scaleY(1);
6112
+ transform: scaleY(1);
6113
+ -webkit-transform-origin: 50%;
6114
+ -ms-transform-origin: 50%;
6115
+ transform-origin: 50%;
6116
+ }
6117
+
6118
+ .premium-button-style1-bottom:hover:before,
6119
+ .premium-button-style1-top:hover:before {
6120
+ -webkit-transform: scaleY(1);
6121
+ -ms-transform: scaleY(1);
6122
+ transform: scaleY(1);
6123
+ }
6124
+
6125
+ .premium-button-style1-left:hover:before,
6126
+ .premium-button-style1-right:hover:before,
6127
+ .premium-button-style2-shutouthor:hover:before,
6128
+ .premium-button-style2-shutoutver:hover:before {
6129
+ -webkit-transform: scaleX(1);
6130
+ -ms-transform: scaleX(1);
6131
+ transform: scaleX(1);
6132
+ }
6133
+
6134
+ .premium-button-style2-shutinhor:hover:before {
6135
+ -webkit-transform: scaleX(0);
6136
+ -ms-transform: scaleX(0);
6137
+ transform: scaleX(0);
6138
+ }
6139
+
6140
+ .premium-button-style2-shutinver:hover:before {
6141
+ -webkit-transform: scaleY(0);
6142
+ -ms-transform: scaleY(0);
6143
+ transform: scaleY(0);
6144
+ }
6145
+
6146
+ .premium-button-style2-scshutouthor:hover:before {
6147
+ -webkit-transform: scaleX(0.9);
6148
+ -ms-transform: scaleX(0.9);
6149
+ transform: scaleX(0.9);
6150
+ }
6151
+
6152
+ .premium-button-style2-scshutoutver:hover:before {
6153
+ -webkit-transform: scaleY(0.8);
6154
+ -ms-transform: scaleY(0.8);
6155
+ transform: scaleY(0.8);
6156
+ }
6157
+
6158
+ /*Diagonal*/
6159
+ .premium-button-style2-dshutinhor:before {
6160
+ top: 50%;
6161
+ right: 50%;
6162
+ width: 120%;
6163
+ height: 0%;
6164
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6165
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6166
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6167
+ -webkit-transform-origin: 50%;
6168
+ -ms-transform-origin: 50%;
6169
+ transform-origin: 50%;
6170
+ -webkit-transition-property: all;
6171
+ transition-property: all;
6172
+ }
6173
+
6174
+ .premium-button-style2-dshutinver:before {
6175
+ top: 50%;
6176
+ right: 50%;
6177
+ width: 120%;
6178
+ height: 0%;
6179
+ -webkit-transform-origin: 50%;
6180
+ -ms-transform-origin: 50%;
6181
+ transform-origin: 50%;
6182
+ -webkit-transition-property: all;
6183
+ transition-property: all;
6184
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6185
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6186
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6187
+ }
6188
+
6189
+ .premium-button-style2-dshutinhor:hover:before,
6190
+ .premium-button-style2-dshutinver:hover:before {
6191
+ height: 220%;
6192
+ }
6193
+
6194
+ .premium-button-style3-before i,
6195
+ .premium-button-style3-before svg {
6196
+ opacity: 0;
6197
+ -webkit-transform: translateX(5px);
6198
+ -ms-transform: translateX(5px);
6199
+ transform: translateX(5px);
6200
+ -webkit-transition: all 0.5s ease-in-out;
6201
+ transition: all 0.5s ease-in-out;
6202
+ }
6203
+
6204
+ .premium-button-style3-after i,
6205
+ .premium-button-style3-after svg {
6206
+ opacity: 0;
6207
+ -webkit-transform: translateX(5px);
6208
+ -ms-transform: translateX(5px);
6209
+ transform: translateX(5px);
6210
+ -webkit-transition: all 0.5s ease-in-out;
6211
+ transition: all 0.5s ease-in-out;
6212
+ -webkit-transform: translateX(-5px);
6213
+ -ms-transform: translateX(-5px);
6214
+ transform: translateX(-5px);
6215
+ }
6216
+
6217
+ .premium-button-style3-after:hover i,
6218
+ .premium-button-style3-after:hover svg {
6219
+ opacity: 1;
6220
+ }
6221
+
6222
+ .premium-button-style3-before:hover i,
6223
+ .premium-button-style3-before:hover svg {
6224
+ opacity: 1;
6225
+ }
6226
+
6227
+ .premium-button-text-icon-wrapper {
6228
+ width: 100%;
6229
+ -js-display: flex;
6230
+ display: -webkit-box;
6231
+ display: -webkit-flex;
6232
+ display: -moz-box;
6233
+ display: -ms-flexbox;
6234
+ display: flex;
6235
+ -webkit-box-pack: center;
6236
+ -webkit-justify-content: center;
6237
+ -moz-box-pack: center;
6238
+ -ms-flex-pack: center;
6239
+ justify-content: center;
6240
+ -webkit-box-align: center;
6241
+ -webkit-align-items: center;
6242
+ -moz-box-align: center;
6243
+ -ms-flex-align: center;
6244
+ align-items: center;
6245
+ -webkit-transition: all 0.2s ease-in-out;
6246
+ transition: all 0.2s ease-in-out;
6247
+ }
6248
+
6249
+ .premium-button-text-icon-wrapper span,
6250
+ .premium-button-text-icon-wrapper i,
6251
+ .premium-button-text-icon-wrapper svg {
6252
+ -webkit-transition: all 0.2s ease-in-out;
6253
+ transition: all 0.2s ease-in-out;
6254
+ }
6255
+
6256
+ .premium-button-style4-icon-wrapper {
6257
+ position: absolute;
6258
+ z-index: 2;
6259
+ width: 100%;
6260
+ text-align: center;
6261
+ -js-display: flex;
6262
+ display: -webkit-box;
6263
+ display: -webkit-flex;
6264
+ display: -moz-box;
6265
+ display: -ms-flexbox;
6266
+ display: flex;
6267
+ -webkit-box-align: center;
6268
+ -webkit-align-items: center;
6269
+ -moz-box-align: center;
6270
+ -ms-flex-align: center;
6271
+ align-items: center;
6272
+ -webkit-box-pack: center;
6273
+ -webkit-justify-content: center;
6274
+ -moz-box-pack: center;
6275
+ -ms-flex-pack: center;
6276
+ justify-content: center;
6277
+ height: 100%;
6278
+ opacity: 0;
6279
+ -webkit-transition: all 0.3s ease-in-out;
6280
+ transition: all 0.3s ease-in-out;
6281
+ }
6282
+
6283
+ .premium-button-style4-icon-wrapper.top {
6284
+ bottom: -100%;
6285
+ right: 0;
6286
+ }
6287
+
6288
+ .premium-button-style4-icon-wrapper.bottom {
6289
+ top: -100%;
6290
+ right: 0;
6291
+ }
6292
+
6293
+ .premium-button-style4-icon-wrapper.left {
6294
+ top: 0;
6295
+ right: -100%;
6296
+ }
6297
+
6298
+ .premium-button-style4-icon-wrapper.right {
6299
+ top: 0;
6300
+ left: -100%;
6301
+ }
6302
+
6303
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6304
+ top: 0;
6305
+ opacity: 1;
6306
+ }
6307
+
6308
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6309
+ bottom: 0;
6310
+ opacity: 1;
6311
+ }
6312
+
6313
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6314
+ right: 0;
6315
+ opacity: 1;
6316
+ }
6317
+
6318
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6319
+ left: 0;
6320
+ opacity: 1;
6321
+ }
6322
+
6323
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6324
+ -webkit-transform: translateY(100%);
6325
+ -ms-transform: translateY(100%);
6326
+ transform: translateY(100%);
6327
+ opacity: 0;
6328
+ }
6329
+
6330
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6331
+ -webkit-transform: translateY(-100%);
6332
+ -ms-transform: translateY(-100%);
6333
+ transform: translateY(-100%);
6334
+ opacity: 0;
6335
+ }
6336
+
6337
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6338
+ -webkit-transform: translateX(-100%);
6339
+ -ms-transform: translateX(-100%);
6340
+ transform: translateX(-100%);
6341
+ opacity: 0;
6342
+ }
6343
+
6344
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6345
+ -webkit-transform: translateX(100%);
6346
+ -ms-transform: translateX(100%);
6347
+ transform: translateX(100%);
6348
+ opacity: 0;
6349
+ }
6350
+
6351
+ .premium-button-style6:before {
6352
+ content: "";
6353
+ position: absolute;
6354
+ right: 50%;
6355
+ top: 50%;
6356
+ width: 100px;
6357
+ height: 100px;
6358
+ -webkit-border-radius: 100%;
6359
+ border-radius: 100%;
6360
+ -webkit-transform: translate(50%, -50%) scale(0);
6361
+ -ms-transform: translate(50%, -50%) scale(0);
6362
+ transform: translate(50%, -50%) scale(0);
6363
+ -webkit-transition: all 0.3s ease-in-out;
6364
+ transition: all 0.3s ease-in-out;
6365
+ }
6366
+
6367
+ .premium-button-style6:hover:before {
6368
+ -webkit-transform: translate(50%, -50%) scale(3);
6369
+ -ms-transform: translate(50%, -50%) scale(3);
6370
+ transform: translate(50%, -50%) scale(3);
6371
+ }
6372
+
6373
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6374
+ position: relative;
6375
+ z-index: 1;
6376
+ }
6377
+
6378
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6379
+ position: absolute;
6380
+ z-index: 0;
6381
+ top: 0;
6382
+ right: 0;
6383
+ width: 0px;
6384
+ height: 0px;
6385
+ -webkit-border-radius: 50%;
6386
+ border-radius: 50%;
6387
+ display: block;
6388
+ -webkit-transform: translate(50%, -50%);
6389
+ -ms-transform: translate(50%, -50%);
6390
+ transform: translate(50%, -50%);
6391
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6392
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6393
+ }
6394
+
6395
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6396
+ width: 225%;
6397
+ height: 560px;
6398
+ }
6399
+
6400
+ .premium-mouse-detect-yes .premium-button-style6:before {
6401
+ width: 0;
6402
+ height: 0;
6403
+ }
6404
+
6405
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6406
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6407
+ -webkit-transition: width 0.3s ease-out 0.15s;
6408
+ transition: width 0.3s ease-out 0.15s;
6409
+ }
6410
+
6411
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6412
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6413
+ -webkit-transition: width 0.3s ease-out 0s;
6414
+ transition: width 0.3s ease-out 0s;
6415
+ }
6416
+
6417
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6418
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6419
+ -webkit-transition: height 0.3s ease-out 0.15s;
6420
+ transition: height 0.3s ease-out 0.15s;
6421
+ }
6422
+
6423
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6424
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6425
+ -webkit-transition: height 0.3s ease-out 0s;
6426
+ transition: height 0.3s ease-out 0s;
6427
+ }
6428
+
6429
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6430
+ -webkit-transition-delay: 0s;
6431
+ transition-delay: 0s;
6432
+ }
6433
+
6434
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6435
+ -webkit-transition-delay: 0.15s;
6436
+ transition-delay: 0.15s;
6437
+ }
6438
+
6439
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6440
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6441
+ content: "";
6442
+ position: absolute;
6443
+ left: 0;
6444
+ top: 0;
6445
+ right: 0;
6446
+ height: 0;
6447
+ z-index: -1;
6448
+ }
6449
+
6450
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6451
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6452
+ content: "";
6453
+ position: absolute;
6454
+ left: 0;
6455
+ bottom: 0;
6456
+ right: 0;
6457
+ height: 0;
6458
+ z-index: -1;
6459
+ }
6460
+
6461
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6462
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6463
+ content: "";
6464
+ position: absolute;
6465
+ right: 0;
6466
+ top: 0;
6467
+ bottom: 0;
6468
+ width: 0;
6469
+ z-index: -1;
6470
+ }
6471
+
6472
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6473
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6474
+ content: "";
6475
+ position: absolute;
6476
+ left: 0;
6477
+ top: 0;
6478
+ bottom: 0;
6479
+ width: 0;
6480
+ z-index: -1;
6481
+ }
6482
+
6483
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6484
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6485
+ height: 100%;
6486
+ top: 0;
6487
+ }
6488
+
6489
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6490
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6491
+ height: 100%;
6492
+ bottom: 0;
6493
+ }
6494
+
6495
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6496
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6497
+ width: 100%;
6498
+ left: 0;
6499
+ }
6500
+
6501
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6502
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6503
+ width: 100%;
6504
+ right: 0;
6505
+ }
6506
+
6507
+ /**************** Premium Contact Form7 **********/
6508
+ /*************************************************/
6509
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6510
+ display: block;
6511
+ height: 2px;
6512
+ content: "";
6513
+ top: -2px;
6514
+ position: relative;
6515
+ width: 0px;
6516
+ -webkit-transition: all ease-in-out 0.3s;
6517
+ transition: all ease-in-out 0.3s;
6518
+ }
6519
+
6520
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6521
+ width: 100%;
6522
+ }
6523
+
6524
+ .premium-cf7-container input.wpcf7-submit {
6525
+ -webkit-transition: all 0.3s ease-in-out;
6526
+ transition: all 0.3s ease-in-out;
6527
+ }
6528
+
6529
+ /**************** Premium Image Button ***********/
6530
+ /*************************************************/
6531
+ .premium-image-button {
6532
+ -js-display: inline-flex;
6533
+ display: -webkit-inline-box;
6534
+ display: -webkit-inline-flex;
6535
+ display: -moz-inline-box;
6536
+ display: -ms-inline-flexbox;
6537
+ display: inline-flex;
6538
+ position: relative;
6539
+ overflow: hidden;
6540
+ background-color: #eee;
6541
+ cursor: pointer;
6542
+ -webkit-transition: all 0.2s ease-in-out !important;
6543
+ transition: all 0.2s ease-in-out !important;
6544
+ }
6545
+
6546
+ .premium-image-button .premium-button-style6-bg,
6547
+ .premium-image-button.premium-button-style6:before,
6548
+ .premium-image-button:not(.premium-image-button-style6):hover {
6549
+ background-color: #54595f;
6550
+ }
6551
+
6552
+ /*Default background for slide styles*/
6553
+ .premium-image-button:hover,
6554
+ .premium-image-button-style4-icon-wrapper,
6555
+ .premium-image-button-style1-top:before,
6556
+ .premium-image-button-style1-bottom:before,
6557
+ .premium-image-button-style1-left:before,
6558
+ .premium-image-button-style1-right:before {
6559
+ background-color: #54595f;
6560
+ }
6561
+
6562
+ .premium-image-button-text-icon-wrapper {
6563
+ width: 100%;
6564
+ -js-display: flex;
6565
+ display: -webkit-box;
6566
+ display: -webkit-flex;
6567
+ display: -moz-box;
6568
+ display: -ms-flexbox;
6569
+ display: flex;
6570
+ -webkit-box-pack: center;
6571
+ -webkit-justify-content: center;
6572
+ -moz-box-pack: center;
6573
+ -ms-flex-pack: center;
6574
+ justify-content: center;
6575
+ -webkit-box-align: center;
6576
+ -webkit-align-items: center;
6577
+ -moz-box-align: center;
6578
+ -ms-flex-align: center;
6579
+ align-items: center;
6580
+ position: relative;
6581
+ z-index: 3;
6582
+ -webkit-transition: all 0.2s ease-in-out;
6583
+ transition: all 0.2s ease-in-out;
6584
+ }
6585
+
6586
+ .premium-image-button-text-icon-wrapper span,
6587
+ .premium-image-button-text-icon-wrapper,
6588
+ .premium-image-button-text-icon-wrapper i,
6589
+ .premium-image-button-text-icon-wrapper svg {
6590
+ -webkit-transition: all 0.2s ease-in-out;
6591
+ transition: all 0.2s ease-in-out;
6592
+ }
6593
+
6594
+ .premium-image-button-style1-bottom:before,
6595
+ .premium-image-button-style1-top:before,
6596
+ .premium-image-button-style1-left:before,
6597
+ .premium-image-button-style1-right:before {
6598
+ -webkit-transition: all 0.2s ease-in-out;
6599
+ transition: all 0.2s ease-in-out;
6600
+ }
6601
+
6602
+ .premium-image-button-style1-bottom:before {
6603
+ content: "";
6604
+ position: absolute;
6605
+ width: 100%;
6606
+ height: 0;
6607
+ top: 0;
6608
+ right: 0;
6609
+ }
6610
+
6611
+ .premium-image-button-style1-top:before {
6612
+ content: "";
6613
+ position: absolute;
6614
+ width: 100%;
6615
+ height: 0;
6616
+ bottom: 0;
6617
+ right: 0;
6618
+ }
6619
+
6620
+ .premium-image-button-style1-right:before {
6621
+ content: "";
6622
+ position: absolute;
6623
+ width: 0;
6624
+ height: 100%;
6625
+ bottom: 0;
6626
+ right: 0;
6627
+ }
6628
+
6629
+ .premium-image-button-style1-left:before {
6630
+ content: "";
6631
+ position: absolute;
6632
+ width: 0;
6633
+ height: 100%;
6634
+ top: 0;
6635
+ left: 0;
6636
+ }
6637
+
6638
+ .premium-image-button-style1-bottom:hover:before {
6639
+ height: 100%;
6640
+ }
6641
+
6642
+ .premium-image-button-style1-top:hover:before {
6643
+ height: 100%;
6644
+ }
6645
+
6646
+ .premium-image-button-style1-right:hover:before {
6647
+ width: 100%;
6648
+ }
6649
+
6650
+ .premium-image-button-style1-left:hover:before {
6651
+ width: 100%;
6652
+ }
6653
+
6654
+ .premium-image-button-diagonal-top,
6655
+ .premium-image-button-diagonal-bottom,
6656
+ .premium-image-button-diagonal-left,
6657
+ .premium-image-button-diagonal-right {
6658
+ z-index: 10;
6659
+ }
6660
+
6661
+ .premium-image-button-diagonal-top:before,
6662
+ .premium-image-button-diagonal-bottom:before,
6663
+ .premium-image-button-diagonal-left:before,
6664
+ .premium-image-button-diagonal-right:before {
6665
+ position: absolute;
6666
+ top: 0px;
6667
+ right: 0px;
6668
+ width: 100%;
6669
+ height: 100%;
6670
+ content: "";
6671
+ z-index: 1;
6672
+ background: rgba(255, 255, 255, 0.2);
6673
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6674
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6675
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6676
+ -webkit-transition: all 0.8s ease-out;
6677
+ transition: all 0.8s ease-out;
6678
+ }
6679
+
6680
+ .premium-image-button-diagonal-right:hover:before,
6681
+ .premium-image-button-diagonal-left:before {
6682
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6683
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6684
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6685
+ }
6686
+
6687
+ .premium-image-button-diagonal-left:hover:before,
6688
+ .premium-image-button-diagonal-right:before {
6689
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6690
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6691
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6692
+ }
6693
+
6694
+ .premium-image-button-diagonal-top:hover:before,
6695
+ .premium-image-button-diagonal-bottom:before {
6696
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6697
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6698
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6699
+ }
6700
+
6701
+ .premium-image-button-diagonal-bottom:hover:before,
6702
+ .premium-image-button-diagonal-top:before {
6703
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6704
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6705
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6706
+ }
6707
+
6708
+ .premium-image-button-style4-icon-wrapper {
6709
+ position: absolute;
6710
+ z-index: 2;
6711
+ width: 100%;
6712
+ text-align: center;
6713
+ display: -webkit-box;
6714
+ display: -webkit-flex;
6715
+ display: -ms-flexbox;
6716
+ -js-display: flex;
6717
+ display: -moz-box;
6718
+ display: flex;
6719
+ -webkit-box-align: center;
6720
+ -webkit-align-items: center;
6721
+ -moz-box-align: center;
6722
+ -ms-flex-align: center;
6723
+ align-items: center;
6724
+ -webkit-box-pack: center;
6725
+ -webkit-justify-content: center;
6726
+ -moz-box-pack: center;
6727
+ -ms-flex-pack: center;
6728
+ justify-content: center;
6729
+ height: 100%;
6730
+ opacity: 0;
6731
+ -webkit-transition: all 0.3s ease-in-out;
6732
+ transition: all 0.3s ease-in-out;
6733
+ }
6734
+
6735
+ .premium-image-button-style4-icon-wrapper.top {
6736
+ bottom: -100%;
6737
+ right: 0;
6738
+ }
6739
+
6740
+ .premium-image-button-style4-icon-wrapper.bottom {
6741
+ top: -100%;
6742
+ right: 0;
6743
+ }
6744
+
6745
+ .premium-image-button-style4-icon-wrapper.left {
6746
+ top: 0;
6747
+ right: -100%;
6748
+ }
6749
+
6750
+ .premium-image-button-style4-icon-wrapper.right {
6751
+ top: 0;
6752
+ left: -100%;
6753
+ }
6754
+
6755
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6756
+ top: 0;
6757
+ opacity: 1;
6758
+ }
6759
+
6760
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6761
+ bottom: 0;
6762
+ opacity: 1;
6763
+ }
6764
+
6765
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6766
+ right: 0;
6767
+ opacity: 1;
6768
+ }
6769
+
6770
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6771
+ left: 0;
6772
+ opacity: 1;
6773
+ }
6774
+
6775
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6776
+ -webkit-transform: translateY(100%);
6777
+ -ms-transform: translateY(100%);
6778
+ transform: translateY(100%);
6779
+ opacity: 0;
6780
+ }
6781
+
6782
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6783
+ -webkit-transform: translateY(-100%);
6784
+ -ms-transform: translateY(-100%);
6785
+ transform: translateY(-100%);
6786
+ opacity: 0;
6787
+ }
6788
+
6789
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6790
+ -webkit-transform: translateX(-100%);
6791
+ -ms-transform: translateX(-100%);
6792
+ transform: translateX(-100%);
6793
+ opacity: 0;
6794
+ }
6795
+
6796
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6797
+ -webkit-transform: translateX(100%);
6798
+ -ms-transform: translateX(100%);
6799
+ transform: translateX(100%);
6800
+ opacity: 0;
6801
+ }
6802
+
6803
+ .premium-image-button-overlap-effect-horizontal:before,
6804
+ .premium-image-button-overlap-effect-vertical:before {
6805
+ position: absolute;
6806
+ content: "";
6807
+ top: 0;
6808
+ right: 0;
6809
+ width: 100%;
6810
+ height: 100%;
6811
+ opacity: 0;
6812
+ -webkit-transition: all 1s ease-in-out;
6813
+ transition: all 1s ease-in-out;
6814
+ background: rgba(255, 255, 255, 0.2);
6815
+ -webkit-animation-name: premium-overlap-effect-done;
6816
+ animation-name: premium-overlap-effect-done;
6817
+ -webkit-animation-duration: 1s;
6818
+ animation-duration: 1s;
6819
+ }
6820
+
6821
+ .premium-image-button-overlap-effect-vertical:before {
6822
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6823
+ animation-name: premium-overlap-ver-effect-done;
6824
+ -webkit-animation-duration: 1s;
6825
+ animation-duration: 1s;
6826
+ }
6827
+
6828
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6829
+ -webkit-animation-name: premium-overlap-effect;
6830
+ animation-name: premium-overlap-effect;
6831
+ -webkit-animation-duration: 1s;
6832
+ animation-duration: 1s;
6833
+ }
6834
+
6835
+ .premium-image-button-overlap-effect-vertical:hover:before {
6836
+ -webkit-animation-name: premium-overlap-ver-effect;
6837
+ animation-name: premium-overlap-ver-effect;
6838
+ -webkit-animation-duration: 1s;
6839
+ animation-duration: 1s;
6840
+ }
6841
+
6842
+ @-webkit-keyframes premium-overlap-effect {
6843
+ 0% {
6844
+ opacity: 0;
6845
+ -webkit-transform: rotateY(0deg);
6846
+ transform: rotateY(0deg);
6847
+ }
6848
+
6849
+ 50% {
6850
+ opacity: 1;
6851
+ -webkit-transform: rotateY(180deg);
6852
+ transform: rotateY(180deg);
6853
+ }
6854
+
6855
+ 100% {
6856
+ opacity: 0;
6857
+ -webkit-transform: rotateY(360deg);
6858
+ transform: rotateY(360deg);
6859
+ }
6860
+ }
6861
+
6862
+ @keyframes premium-overlap-effect {
6863
+ 0% {
6864
+ opacity: 0;
6865
+ -webkit-transform: rotateY(0deg);
6866
+ transform: rotateY(0deg);
6867
+ }
6868
+
6869
+ 50% {
6870
+ opacity: 1;
6871
+ -webkit-transform: rotateY(180deg);
6872
+ transform: rotateY(180deg);
6873
+ }
6874
+
6875
+ 100% {
6876
+ opacity: 0;
6877
+ -webkit-transform: rotateY(360deg);
6878
+ transform: rotateY(360deg);
6879
+ }
6880
+ }
6881
+
6882
+ @-webkit-keyframes premium-overlap-effect-done {
6883
+ 0% {
6884
+ opacity: 0;
6885
+ -webkit-transform: rotateY(0deg);
6886
+ transform: rotateY(0deg);
6887
+ }
6888
+
6889
+ 50% {
6890
+ opacity: 1;
6891
+ -webkit-transform: rotateY(180deg);
6892
+ transform: rotateY(180deg);
6893
+ }
6894
+
6895
+ 100% {
6896
+ opacity: 0;
6897
+ -webkit-transform: rotateY(360deg);
6898
+ transform: rotateY(360deg);
6899
+ }
6900
+ }
6901
+
6902
+ @keyframes premium-overlap-effect-done {
6903
+ 0% {
6904
+ opacity: 0;
6905
+ -webkit-transform: rotateY(0deg);
6906
+ transform: rotateY(0deg);
6907
+ }
6908
+
6909
+ 50% {
6910
+ opacity: 1;
6911
+ -webkit-transform: rotateY(180deg);
6912
+ transform: rotateY(180deg);
6913
+ }
6914
+
6915
+ 100% {
6916
+ opacity: 0;
6917
+ -webkit-transform: rotateY(360deg);
6918
+ transform: rotateY(360deg);
6919
+ }
6920
+ }
6921
+
6922
+ @-webkit-keyframes premium-overlap-ver-effect {
6923
+ 0% {
6924
+ opacity: 0;
6925
+ -webkit-transform: rotateX(0deg);
6926
+ transform: rotateX(0deg);
6927
+ }
6928
+
6929
+ 50% {
6930
+ opacity: 1;
6931
+ -webkit-transform: rotateX(180deg);
6932
+ transform: rotateX(180deg);
6933
+ }
6934
+
6935
+ 100% {
6936
+ opacity: 0;
6937
+ -webkit-transform: rotateX(360deg);
6938
+ transform: rotateX(360deg);
6939
+ }
6940
+ }
6941
+
6942
+ @keyframes premium-overlap-ver-effect {
6943
+ 0% {
6944
+ opacity: 0;
6945
+ -webkit-transform: rotateX(0deg);
6946
+ transform: rotateX(0deg);
6947
+ }
6948
+
6949
+ 50% {
6950
+ opacity: 1;
6951
+ -webkit-transform: rotateX(180deg);
6952
+ transform: rotateX(180deg);
6953
+ }
6954
+
6955
+ 100% {
6956
+ opacity: 0;
6957
+ -webkit-transform: rotateX(360deg);
6958
+ transform: rotateX(360deg);
6959
+ }
6960
+ }
6961
+
6962
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6963
+ 0% {
6964
+ opacity: 0;
6965
+ -webkit-transform: rotateX(0deg);
6966
+ transform: rotateX(0deg);
6967
+ }
6968
+
6969
+ 50% {
6970
+ opacity: 1;
6971
+ -webkit-transform: rotateX(180deg);
6972
+ transform: rotateX(180deg);
6973
+ }
6974
+
6975
+ 100% {
6976
+ opacity: 0;
6977
+ -webkit-transform: rotateX(360deg);
6978
+ transform: rotateX(360deg);
6979
+ }
6980
+ }
6981
+
6982
+ @keyframes premium-overlap-ver-effect-done {
6983
+ 0% {
6984
+ opacity: 0;
6985
+ -webkit-transform: rotateX(0deg);
6986
+ transform: rotateX(0deg);
6987
+ }
6988
+
6989
+ 50% {
6990
+ opacity: 1;
6991
+ -webkit-transform: rotateX(180deg);
6992
+ transform: rotateX(180deg);
6993
+ }
6994
+
6995
+ 100% {
6996
+ opacity: 0;
6997
+ -webkit-transform: rotateX(360deg);
6998
+ transform: rotateX(360deg);
6999
+ }
7000
+ }
7001
+
7002
+ /******** Premium Media Grid ********/
7003
+ /************************************/
7004
+ .premium-img-gallery-filter,
7005
+ .premium-blog-filter {
7006
+ display: -webkit-box;
7007
+ display: -webkit-flex;
7008
+ display: -ms-flexbox;
7009
+ -js-display: flex;
7010
+ display: -moz-box;
7011
+ display: flex;
7012
+ -webkit-box-align: center;
7013
+ -webkit-align-items: center;
7014
+ -moz-box-align: center;
7015
+ -ms-flex-align: center;
7016
+ align-items: center;
7017
+ -webkit-box-pack: center;
7018
+ -webkit-justify-content: center;
7019
+ -moz-box-pack: center;
7020
+ -ms-flex-pack: center;
7021
+ justify-content: center;
7022
+ }
7023
+
7024
+ .premium-img-gallery {
7025
+ clear: both;
7026
+ overflow: hidden;
7027
+ }
7028
+
7029
+ .premium-gallery-container .premium-gallery-item {
7030
+ padding: 10px;
7031
+ float: right;
7032
+ /* Google Chrome isotope issue */
7033
+ }
7034
+
7035
+ .premium-gallery-container .grid-sizer {
7036
+ width: 33.33%;
7037
+ }
7038
+
7039
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7040
+ .premium-blog-filter .premium-blog-filters-container li a.category {
7041
+ outline: none;
7042
+ text-decoration: none;
7043
+ -webkit-border-radius: 75px;
7044
+ border-radius: 75px;
7045
+ margin: 15px 5px 20px;
7046
+ padding: 7px 20px;
7047
+ -webkit-transition: all 0.3s ease-in-out;
7048
+ transition: all 0.3s ease-in-out;
7049
+ }
7050
+
7051
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7052
+ -webkit-transition: all 0.3s ease-in-out;
7053
+ transition: all 0.3s ease-in-out;
7054
+ }
7055
+
7056
+ .pa-gallery-img {
7057
+ position: relative;
7058
+ }
7059
+
7060
+ .pa-gallery-img .pa-gallery-whole-link {
7061
+ position: absolute;
7062
+ top: 0;
7063
+ right: 0;
7064
+ width: 100%;
7065
+ height: 100%;
7066
+ }
7067
+
7068
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
7069
+ z-index: 99;
7070
+ }
7071
+
7072
+ .pa-gallery-img-container {
7073
+ overflow: hidden;
7074
+ -webkit-backface-visibility: hidden;
7075
+ -moz-backface-visibility: hidden;
7076
+ -webkit-transform: translate3d(0, 0, 0);
7077
+ transform: translate3d(0, 0, 0);
7078
+ }
7079
+
7080
+ .pa-gallery-img-container img {
7081
+ display: block;
7082
+ width: 100%;
7083
+ -webkit-transition: all 0.3s ease-in-out;
7084
+ transition: all 0.3s ease-in-out;
7085
+ }
7086
+
7087
+ .premium-img-gallery.gray img {
7088
+ -webkit-filter: grayscale(100%);
7089
+ filter: grayscale(100%);
7090
+ }
7091
+
7092
+ .premium-img-gallery.zoomout img,
7093
+ .premium-img-gallery.scale img {
7094
+ -webkit-transform: scale(1.2);
7095
+ -ms-transform: scale(1.2);
7096
+ transform: scale(1.2);
7097
+ }
7098
+
7099
+ .premium-img-gallery.sepia img {
7100
+ -webkit-filter: sepia(30%);
7101
+ filter: sepia(30%);
7102
+ }
7103
+
7104
+ .premium-img-gallery.bright img {
7105
+ -webkit-filter: brightness(1);
7106
+ filter: brightness(1);
7107
+ }
7108
+
7109
+ .premium-img-gallery.trans img {
7110
+ -webkit-transform: translateX(15px) scale(1.1);
7111
+ -ms-transform: translateX(15px) scale(1.1);
7112
+ transform: translateX(15px) scale(1.1);
7113
+ }
7114
+
7115
+ .pa-gallery-img .pa-gallery-magnific-image,
7116
+ .pa-gallery-img .pa-gallery-img-link {
7117
+ outline: none;
7118
+ }
7119
+
7120
+ .pa-gallery-img .pa-gallery-magnific-image i,
7121
+ .pa-gallery-img .pa-gallery-magnific-image svg,
7122
+ .pa-gallery-img .pa-gallery-img-link i,
7123
+ .pa-gallery-img .pa-gallery-img-link svg {
7124
+ -webkit-transition: all 0.3s ease-in-out;
7125
+ transition: all 0.3s ease-in-out;
7126
+ }
7127
+
7128
+ .pa-gallery-img .pa-gallery-magnific-image span,
7129
+ .pa-gallery-img .pa-gallery-img-link span {
7130
+ line-height: 1;
7131
+ display: inline-block;
7132
+ opacity: 0;
7133
+ margin: 0 5px;
7134
+ padding: 15px;
7135
+ -webkit-border-radius: 50%;
7136
+ border-radius: 50%;
7137
+ }
7138
+
7139
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7140
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7141
+ margin: 0 5px 20px;
7142
+ }
7143
+
7144
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7145
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7146
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7147
+ }
7148
+
7149
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7150
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7151
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7152
+ }
7153
+
7154
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7155
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7156
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7157
+ opacity: 1;
7158
+ }
7159
+
7160
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7161
+ .premium-blog-filter ul.premium-blog-filters-container {
7162
+ text-align: center;
7163
+ margin: 0;
7164
+ padding: 0;
7165
+ }
7166
+
7167
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7168
+ .premium-blog-filter .premium-blog-filters-container li {
7169
+ list-style: none;
7170
+ display: -webkit-inline-box;
7171
+ display: -webkit-inline-flex;
7172
+ display: -ms-inline-flexbox;
7173
+ -js-display: inline-flex;
7174
+ display: -moz-inline-box;
7175
+ display: inline-flex;
7176
+ }
7177
+
7178
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7179
+ -webkit-transform: scale(1.1);
7180
+ -ms-transform: scale(1.1);
7181
+ transform: scale(1.1);
7182
+ }
7183
+
7184
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7185
+ -webkit-transform: scale(1);
7186
+ -ms-transform: scale(1);
7187
+ transform: scale(1);
7188
+ }
7189
+
7190
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7191
+ -webkit-transform: scale(1.3) rotate(-5deg);
7192
+ -ms-transform: scale(1.3) rotate(-5deg);
7193
+ transform: scale(1.3) rotate(-5deg);
7194
+ }
7195
+
7196
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7197
+ -webkit-filter: grayscale(0%);
7198
+ filter: grayscale(0%);
7199
+ }
7200
+
7201
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7202
+ -webkit-filter: blur(3px);
7203
+ filter: blur(3px);
7204
+ }
7205
+
7206
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7207
+ -webkit-filter: sepia(0%);
7208
+ filter: sepia(0%);
7209
+ }
7210
+
7211
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7212
+ -webkit-transform: translateX(0px) scale(1.1);
7213
+ -ms-transform: translateX(0px) scale(1.1);
7214
+ transform: translateX(0px) scale(1.1);
7215
+ }
7216
+
7217
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7218
+ -webkit-filter: brightness(1.2);
7219
+ filter: brightness(1.2);
7220
+ }
7221
+
7222
+ .pa-gallery-img .premium-gallery-caption {
7223
+ padding: 10px;
7224
+ }
7225
+
7226
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7227
+ margin-bottom: 0;
7228
+ }
7229
+
7230
+ .pa-gallery-img.style1 {
7231
+ overflow: hidden;
7232
+ }
7233
+
7234
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7235
+ position: absolute;
7236
+ top: 0;
7237
+ right: 0;
7238
+ width: 100%;
7239
+ height: 100%;
7240
+ -webkit-transition: all 0.3s ease-in-out;
7241
+ transition: all 0.3s ease-in-out;
7242
+ }
7243
+
7244
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7245
+ position: absolute;
7246
+ top: 33.33%;
7247
+ width: 100%;
7248
+ text-align: center;
7249
+ -webkit-transform: translateY(-50%);
7250
+ -ms-transform: translateY(-50%);
7251
+ transform: translateY(-50%);
7252
+ z-index: 999;
7253
+ }
7254
+
7255
+ .premium-blog-post-container .premium-blog-entry-container {
7256
+ margin: 0 !important;
7257
+ }
7258
+
7259
+ .pa-gallery-img.style1 .premium-gallery-caption {
7260
+ position: absolute;
7261
+ top: auto;
7262
+ left: 0;
7263
+ right: 0;
7264
+ width: 100%;
7265
+ -webkit-transition: all 500ms ease 0s;
7266
+ transition: all 500ms ease 0s;
7267
+ -webkit-transform: translate3d(0, 100%, 0);
7268
+ -ms-transform: translate3d(0, 100%, 0);
7269
+ transform: translate3d(0, 100%, 0);
7270
+ }
7271
+
7272
+ .pa-gallery-img.default .premium-gallery-caption {
7273
+ position: absolute;
7274
+ top: auto;
7275
+ left: 0;
7276
+ right: 0;
7277
+ width: 100%;
7278
+ bottom: 0;
7279
+ }
7280
+
7281
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7282
+ -webkit-transform: translate3d(0, 0, 0);
7283
+ -ms-transform: translate3d(0, 0, 0);
7284
+ transform: translate3d(0, 0, 0);
7285
+ bottom: -1px !important;
7286
+ }
7287
+
7288
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7289
+ position: absolute;
7290
+ top: 0;
7291
+ right: 0;
7292
+ width: 100%;
7293
+ height: 100%;
7294
+ opacity: 0;
7295
+ -webkit-backface-visibility: hidden;
7296
+ backface-visibility: hidden;
7297
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7298
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7299
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7300
+ transition: transform 0.3s, opacity 0.3s;
7301
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7302
+ z-index: 1;
7303
+ background-color: rgba(108, 191, 226, 0.68);
7304
+ display: -webkit-box;
7305
+ display: -webkit-flex;
7306
+ display: -ms-flexbox;
7307
+ -js-display: flex;
7308
+ display: -moz-box;
7309
+ display: flex;
7310
+ text-align: center;
7311
+ -webkit-box-align: center;
7312
+ -webkit-align-items: center;
7313
+ -moz-box-align: center;
7314
+ -ms-flex-align: center;
7315
+ align-items: center;
7316
+ }
7317
+
7318
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7319
+ width: 100%;
7320
+ }
7321
+
7322
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7323
+ opacity: 1;
7324
+ -webkit-transform: translate(-15px, 15px);
7325
+ -ms-transform: translate(-15px, 15px);
7326
+ transform: translate(-15px, 15px);
7327
+ }
7328
+
7329
+ .premium-clearfix {
7330
+ clear: both;
7331
+ }
7332
+
7333
+ .premium-gallery-container .pa-gallery-item {
7334
+ padding: 10px;
7335
+ }
7336
+
7337
+ /**
7338
+ * Metro Layout
7339
+ */
7340
+ .premium-img-gallery-metro .premium-gallery-item {
7341
+ overflow: hidden;
7342
+ }
7343
+
7344
+ .premium-img-gallery-metro .pa-gallery-img {
7345
+ height: 100%;
7346
+ }
7347
+
7348
+ .premium-img-gallery-metro .pa-gallery-img-container {
7349
+ height: 100%;
7350
+ }
7351
+
7352
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7353
+ min-height: 100%;
7354
+ width: 100%;
7355
+ -o-object-fit: fill;
7356
+ object-fit: fill;
7357
+ }
7358
+
7359
+ .premium-img-gallery .premium-gallery-item-hidden {
7360
+ visibility: hidden;
7361
+ width: 0 !important;
7362
+ height: 0 !important;
7363
+ margin: 0 !important;
7364
+ padding: 0 !important;
7365
+ }
7366
+
7367
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7368
+ -webkit-box-shadow: none;
7369
+ box-shadow: none;
7370
+ text-shadow: none;
7371
+ border: none;
7372
+ outline: none;
7373
+ -webkit-box-align: center;
7374
+ -ms-flex-align: center;
7375
+ -webkit-align-items: center;
7376
+ -moz-box-align: center;
7377
+ align-items: center;
7378
+ vertical-align: bottom;
7379
+ cursor: pointer;
7380
+ line-height: 1;
7381
+ font-style: normal;
7382
+ font-weight: normal;
7383
+ background-image: none;
7384
+ color: #fff;
7385
+ -webkit-transition: all 0.3s ease-in-out;
7386
+ transition: all 0.3s ease-in-out;
7387
+ }
7388
+
7389
+ .premium-gallery-load-more-btn {
7390
+ display: -webkit-inline-box;
7391
+ display: -webkit-inline-flex;
7392
+ display: -ms-inline-flexbox;
7393
+ -js-display: inline-flex;
7394
+ display: -moz-inline-box;
7395
+ display: inline-flex;
7396
+ -webkit-box-align: center;
7397
+ -webkit-align-items: center;
7398
+ -moz-box-align: center;
7399
+ -ms-flex-align: center;
7400
+ align-items: center;
7401
+ }
7402
+
7403
+ .premium-loader {
7404
+ border: 3px solid #f3f3f3;
7405
+ border-top-width: 3px;
7406
+ border-top-style: solid;
7407
+ border-top-color: rgb(243, 243, 243);
7408
+ -webkit-border-radius: 50%;
7409
+ border-radius: 50%;
7410
+ border-top: 3px solid;
7411
+ border-top-color: #bbb;
7412
+ width: 30px;
7413
+ height: 30px;
7414
+ -webkit-animation: spin 2s linear infinite;
7415
+ animation: spin 2s linear infinite;
7416
+ margin: 0 auto;
7417
+ }
7418
+
7419
+ .premium-gallery-load-more-btn div {
7420
+ margin-right: 3px;
7421
+ }
7422
+
7423
+ .premium-gallery-load-more-btn .premium-loader {
7424
+ display: inline-block;
7425
+ width: 20px;
7426
+ height: 20px;
7427
+ }
7428
+
7429
+ /** * Video */
7430
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7431
+ display: inline-block;
7432
+ }
7433
+
7434
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7435
+ .pa-gallery-img .pa-gallery-video-icon {
7436
+ cursor: pointer;
7437
+ }
7438
+
7439
+ .pa-gallery-img-container iframe,
7440
+ .pa-gallery-img-container video {
7441
+ position: absolute;
7442
+ visibility: hidden;
7443
+ top: 0;
7444
+ right: 0;
7445
+ max-width: 100%;
7446
+ width: 100%;
7447
+ height: 100%;
7448
+ margin: 0;
7449
+ line-height: 1;
7450
+ border: none;
7451
+ }
7452
+
7453
+ .pa-gallery-img-container video {
7454
+ -o-object-fit: contain;
7455
+ object-fit: contain;
7456
+ }
7457
+
7458
+ .pa-gallery-icons-inner-container svg,
7459
+ .pa-gallery-icons-caption-cell svg {
7460
+ width: 14px;
7461
+ height: 14px;
7462
+ }
7463
+
7464
+ .premium-gallery-gradient-layer {
7465
+ position: absolute;
7466
+ bottom: 40px;
7467
+ width: 100%;
7468
+ height: 20px;
7469
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7470
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7471
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7472
+ }
7473
+
7474
+ @-webkit-keyframes spin {
7475
+ 0% {
7476
+ -webkit-transform: rotate(0deg);
7477
+ }
7478
+
7479
+ 100% {
7480
+ -webkit-transform: rotate(-360deg);
7481
+ }
7482
+ }
7483
+
7484
+ @keyframes spin {
7485
+ 0% {
7486
+ -webkit-transform: rotate(0deg);
7487
+ transform: rotate(0deg);
7488
+ }
7489
+
7490
+ 100% {
7491
+ -webkit-transform: rotate(-360deg);
7492
+ transform: rotate(-360deg);
7493
+ }
7494
+ }
7495
+
7496
+ /************ Premium Vertical Scroll ************/
7497
+ /*************************************************/
7498
+ .premium-vscroll-inner {
7499
+ position: relative;
7500
+ /* overflow: hidden;
7501
+ */
7502
+ min-height: 100%;
7503
+ }
7504
+
7505
+ .premium-vscroll-inner .premium-vscroll-dots {
7506
+ position: fixed;
7507
+ z-index: 100;
7508
+ opacity: 1;
7509
+ margin-top: -32px;
7510
+ -webkit-transition: all 0.3s ease-in-out;
7511
+ transition: all 0.3s ease-in-out;
7512
+ }
7513
+
7514
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7515
+ opacity: 1;
7516
+ -webkit-transition: all 0.3s ease-in-out;
7517
+ transition: all 0.3s ease-in-out;
7518
+ }
7519
+
7520
+ .premium-vscroll-inner .premium-vscroll-dots,
7521
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7522
+ opacity: 0;
7523
+ visibility: hidden;
7524
+ }
7525
+
7526
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7527
+ opacity: 1;
7528
+ visibility: visible;
7529
+ }
7530
+
7531
+ .premium-vscroll-dots.middle {
7532
+ top: 50%;
7533
+ }
7534
+
7535
+ .premium-vscroll-dots.top {
7536
+ top: 40px;
7537
+ }
7538
+
7539
+ .premium-vscroll-dots.bottom {
7540
+ bottom: 30px;
7541
+ }
7542
+
7543
+ .premium-vscroll-dots.right {
7544
+ left: 17px;
7545
+ }
7546
+
7547
+ .premium-vscroll-dots.left {
7548
+ right: 17px;
7549
+ }
7550
+
7551
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7552
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7553
+ margin: 0 !important;
7554
+ padding: 0;
7555
+ }
7556
+
7557
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7558
+ width: 14px;
7559
+ height: 13px;
7560
+ margin: 7px;
7561
+ position: relative;
7562
+ display: -webkit-box;
7563
+ display: -webkit-flex;
7564
+ display: -ms-flexbox;
7565
+ -js-display: flex;
7566
+ display: -moz-box;
7567
+ display: flex;
7568
+ -webkit-box-pack: center;
7569
+ -ms-flex-pack: center;
7570
+ -webkit-justify-content: center;
7571
+ -moz-box-pack: center;
7572
+ justify-content: center;
7573
+ -webkit-box-align: center;
7574
+ -ms-flex-align: center;
7575
+ -webkit-align-items: center;
7576
+ -moz-box-align: center;
7577
+ align-items: center;
7578
+ overflow: visible;
7579
+ }
7580
+
7581
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7582
+ display: block;
7583
+ position: relative;
7584
+ z-index: 1;
7585
+ width: 100%;
7586
+ height: 100%;
7587
+ cursor: pointer;
7588
+ text-decoration: none;
7589
+ }
7590
+
7591
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7592
+ top: 2px;
7593
+ right: 2.5px;
7594
+ width: 8px;
7595
+ height: 8px;
7596
+ border: 1px solid #000;
7597
+ -webkit-border-radius: 50%;
7598
+ border-radius: 50%;
7599
+ position: absolute;
7600
+ z-index: 1;
7601
+ -webkit-transition: all 0.3s ease-in-out;
7602
+ transition: all 0.3s ease-in-out;
7603
+ }
7604
+
7605
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7606
+ -webkit-transform: scale(1.6);
7607
+ -ms-transform: scale(1.6);
7608
+ transform: scale(1.6);
7609
+ }
7610
+
7611
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7612
+ position: absolute;
7613
+ color: #fff;
7614
+ font-size: 14px;
7615
+ font-family: arial, helvetica, sans-serif;
7616
+ white-space: nowrap;
7617
+ max-width: 220px;
7618
+ padding-right: 0.4em;
7619
+ padding-left: 0.4em;
7620
+ }
7621
+
7622
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7623
+ left: 27px;
7624
+ }
7625
+
7626
+ /* * Lines */
7627
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7628
+ width: 4px;
7629
+ height: 30px;
7630
+ }
7631
+
7632
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7633
+ width: 100%;
7634
+ height: 100%;
7635
+ -webkit-border-radius: 0;
7636
+ border-radius: 0;
7637
+ }
7638
+
7639
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7640
+ -webkit-transform: scale(1);
7641
+ -ms-transform: scale(1);
7642
+ transform: scale(1);
7643
+ }
7644
+
7645
+ @media (max-width: 768px) {
7646
+ .premium-vscroll-dots.right {
7647
+ left: 7px;
7648
+ }
7649
+
7650
+ .premium-vscroll-dots.left {
7651
+ right: 7px;
7652
+ }
7653
+ }
7654
+
7655
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7656
+ position: absolute;
7657
+ top: 50%;
7658
+ content: "";
7659
+ right: -webkit-calc(100% - 1px);
7660
+ right: calc(100% - 1px);
7661
+ width: 10px;
7662
+ height: 0;
7663
+ border-top: 6px solid transparent;
7664
+ border-bottom: 6px solid transparent;
7665
+ border-right: 6px solid;
7666
+ -webkit-transform: translateY(-50%);
7667
+ -ms-transform: translateY(-50%);
7668
+ transform: translateY(-50%);
7669
+ }
7670
+
7671
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7672
+ position: absolute;
7673
+ top: 50%;
7674
+ content: "";
7675
+ left: -webkit-calc(100% - 1px);
7676
+ left: calc(100% - 1px);
7677
+ width: 10px;
7678
+ height: 0;
7679
+ border-top: 6px solid transparent;
7680
+ border-bottom: 6px solid transparent;
7681
+ border-left: 6px solid;
7682
+ -webkit-transform: translateY(-50%);
7683
+ -ms-transform: translateY(-50%);
7684
+ transform: translateY(-50%);
7685
+ }
7686
+
7687
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7688
+ right: 27px;
7689
+ }
7690
+
7691
+ .premium-vscroll-nav-menu {
7692
+ position: fixed;
7693
+ top: 20px;
7694
+ height: 40px;
7695
+ z-index: 100;
7696
+ padding: 0;
7697
+ margin: 0;
7698
+ }
7699
+
7700
+ .premium-vscroll-nav-menu.left {
7701
+ right: 0;
7702
+ }
7703
+
7704
+ .premium-vscroll-nav-menu.right {
7705
+ left: 0;
7706
+ }
7707
+
7708
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7709
+ display: inline-block;
7710
+ margin: 10px;
7711
+ color: #000;
7712
+ background: #fff;
7713
+ background: rgba(255, 255, 255, 0.3);
7714
+ }
7715
+
7716
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7717
+ padding: 9px 18px;
7718
+ display: block;
7719
+ cursor: pointer;
7720
+ }
7721
+
7722
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7723
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7724
+ color: #000;
7725
+ }
7726
+
7727
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7728
+ .multiscroll-nav li a:focus {
7729
+ outline: none;
7730
+ }
7731
+
7732
+ .premium-vscroll-temp .slimScrollBar {
7733
+ visibility: hidden;
7734
+ }
7735
+
7736
+ /************ Premium Image Scroll ***************/
7737
+ /*************************************************/
7738
+ .premium-image-scroll-section,
7739
+ .premium-image-scroll-container {
7740
+ -webkit-transition: all 0.3s ease-in-out;
7741
+ transition: all 0.3s ease-in-out;
7742
+ }
7743
+
7744
+ .premium-image-scroll-section {
7745
+ position: relative;
7746
+ overflow: hidden;
7747
+ width: 100%;
7748
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7749
+ }
7750
+
7751
+ .premium-image-scroll-container {
7752
+ width: 100%;
7753
+ }
7754
+
7755
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7756
+ -webkit-mask-repeat: no-repeat;
7757
+ mask-repeat: no-repeat;
7758
+ -webkit-mask-position: center;
7759
+ mask-position: center;
7760
+ }
7761
+
7762
+ .premium-container-scroll {
7763
+ overflow: auto;
7764
+ }
7765
+
7766
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7767
+ position: relative;
7768
+ width: 100%;
7769
+ height: 100%;
7770
+ }
7771
+
7772
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7773
+ max-width: none;
7774
+ height: 100%;
7775
+ }
7776
+
7777
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7778
+ width: 100%;
7779
+ max-width: 100%;
7780
+ height: auto;
7781
+ }
7782
+
7783
+ .premium-image-scroll-ver {
7784
+ position: relative;
7785
+ }
7786
+
7787
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7788
+ background: rgba(2, 2, 2, 0.3);
7789
+ }
7790
+
7791
+ .premium-image-scroll-container .premium-image-scroll-link,
7792
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7793
+ position: absolute;
7794
+ top: 0;
7795
+ bottom: 0;
7796
+ right: 0;
7797
+ left: 0;
7798
+ z-index: 4;
7799
+ }
7800
+
7801
+ .premium-image-scroll-content {
7802
+ display: inline-block;
7803
+ position: absolute;
7804
+ height: auto;
7805
+ top: 50%;
7806
+ right: 50%;
7807
+ text-align: center;
7808
+ z-index: 5;
7809
+ -webkit-transform: translate(50%, -50%);
7810
+ -ms-transform: translate(50%, -50%);
7811
+ transform: translate(50%, -50%);
7812
+ }
7813
+
7814
+ .premium-container-scroll-instant .premium-image-scroll-image {
7815
+ -webkit-transition: all 0s ease-in-out !important;
7816
+ transition: all 0s ease-in-out !important;
7817
+ }
7818
+
7819
+ .premium-image-scroll-container img {
7820
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7821
+ transition: -webkit-transform 3s ease-in-out;
7822
+ transition: transform 3s ease-in-out;
7823
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7824
+ }
7825
+
7826
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7827
+ .premium-image-scroll-container .premium-image-scroll-content {
7828
+ -webkit-transition: all 0.3s ease-in-out;
7829
+ transition: all 0.3s ease-in-out;
7830
+ opacity: 1;
7831
+ }
7832
+
7833
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7834
+ opacity: 0;
7835
+ }
7836
+
7837
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7838
+ opacity: 0;
7839
+ visibility: hidden;
7840
+ }
7841
+
7842
+ .premium-image-scroll-content .premium-image-scroll-icon {
7843
+ display: inline-block;
7844
+ font-family: "pa-elements" !important;
7845
+ speak: none;
7846
+ font-style: normal;
7847
+ font-weight: normal;
7848
+ font-variant: normal;
7849
+ text-transform: none;
7850
+ line-height: 1;
7851
+ -webkit-font-smoothing: antialiased;
7852
+ -moz-osx-font-smoothing: grayscale;
7853
+ -webkit-animation-duration: 0.5s;
7854
+ animation-duration: 0.5s;
7855
+ -webkit-animation-iteration-count: infinite;
7856
+ animation-iteration-count: infinite;
7857
+ -webkit-animation-direction: alternate;
7858
+ animation-direction: alternate;
7859
+ -webkit-animation-timing-function: ease-in-out;
7860
+ animation-timing-function: ease-in-out;
7861
+ }
7862
+
7863
+ .pa-horizontal-mouse-scroll:before {
7864
+ content: "\e917";
7865
+ }
7866
+
7867
+ .pa-vertical-mouse-scroll:before {
7868
+ content: "\e918";
7869
+ }
7870
+
7871
+ .pa-horizontal-mouse-scroll {
7872
+ -webkit-animation-name: pa-scroll-horizontal;
7873
+ animation-name: pa-scroll-horizontal;
7874
+ }
7875
+
7876
+ .pa-vertical-mouse-scroll {
7877
+ -webkit-animation-name: pa-scroll-vertical;
7878
+ animation-name: pa-scroll-vertical;
7879
+ }
7880
+
7881
+ @-webkit-keyframes pa-scroll-vertical {
7882
+ 0% {
7883
+ -webkit-transform: translateY(0px);
7884
+ transform: translateY(0px);
7885
+ }
7886
+
7887
+ 100% {
7888
+ -webkit-transform: translateY(5px);
7889
+ transform: translateY(5px);
7890
+ }
7891
+ }
7892
+
7893
+ @keyframes pa-scroll-vertical {
7894
+ 0% {
7895
+ -webkit-transform: translateY(0px);
7896
+ transform: translateY(0px);
7897
+ }
7898
+
7899
+ 100% {
7900
+ -webkit-transform: translateY(5px);
7901
+ transform: translateY(5px);
7902
+ }
7903
+ }
7904
+
7905
+ @-webkit-keyframes pa-scroll-horizontal {
7906
+ 0% {
7907
+ -webkit-transform: translateX(0px);
7908
+ transform: translateX(0px);
7909
+ }
7910
+
7911
+ 100% {
7912
+ -webkit-transform: translateX(-5px);
7913
+ transform: translateX(-5px);
7914
+ }
7915
+ }
7916
+
7917
+ @keyframes pa-scroll-horizontal {
7918
+ 0% {
7919
+ -webkit-transform: translateX(0px);
7920
+ transform: translateX(0px);
7921
+ }
7922
+
7923
+ 100% {
7924
+ -webkit-transform: translateX(-5px);
7925
+ transform: translateX(-5px);
7926
+ }
7927
+ }
7928
+
7929
+ /********* Premium Lottie Animations **********/
7930
+ /**********************************************/
7931
+ .premium-lottie-wrap .premium-lottie-animation {
7932
+ position: relative;
7933
+ -js-display: inline-flex;
7934
+ display: -webkit-inline-box;
7935
+ display: -webkit-inline-flex;
7936
+ display: -moz-inline-box;
7937
+ display: -ms-inline-flexbox;
7938
+ display: inline-flex;
7939
+ -webkit-transition: all 0.3s ease-in-out;
7940
+ transition: all 0.3s ease-in-out;
7941
+ }
7942
+
7943
+ .premium-lottie-wrap .premium-lottie-animation a {
7944
+ position: absolute;
7945
+ left: 0;
7946
+ top: 0;
7947
+ width: 100%;
7948
+ height: 100%;
7949
+ z-index: 2;
7950
+ }
7951
+
7952
+ /**************** Premium Bullet List *****************/
7953
+ /******************************************************/
7954
+ .premium-bullet-list-box {
7955
+ -js-display: flex;
7956
+ display: -webkit-box;
7957
+ display: -webkit-flex;
7958
+ display: -moz-box;
7959
+ display: -ms-flexbox;
7960
+ display: flex;
7961
+ -webkit-flex-wrap: wrap;
7962
+ -ms-flex-wrap: wrap;
7963
+ flex-wrap: wrap;
7964
+ -webkit-box-orient: vertical;
7965
+ -webkit-box-direction: normal;
7966
+ -webkit-flex-direction: column;
7967
+ -moz-box-orient: vertical;
7968
+ -moz-box-direction: normal;
7969
+ -ms-flex-direction: column;
7970
+ flex-direction: column;
7971
+ }
7972
+
7973
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7974
+ -webkit-transform-origin: right center;
7975
+ -ms-transform-origin: right center;
7976
+ transform-origin: right center;
7977
+ }
7978
+
7979
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7980
+ -webkit-transform-origin: left center;
7981
+ -ms-transform-origin: left center;
7982
+ transform-origin: left center;
7983
+ }
7984
+
7985
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7986
+ -webkit-transform-origin: center center;
7987
+ -ms-transform-origin: center center;
7988
+ transform-origin: center center;
7989
+ }
7990
+
7991
+ .premium-bullet-list-content {
7992
+ -js-display: flex;
7993
+ display: -webkit-box;
7994
+ display: -webkit-flex;
7995
+ display: -moz-box;
7996
+ display: -ms-flexbox;
7997
+ display: flex;
7998
+ -webkit-transition: all 0.3s ease-in-out;
7999
+ transition: all 0.3s ease-in-out;
8000
+ width: auto;
8001
+ position: relative;
8002
+ }
8003
+
8004
+ .premium-bullet-list-content .premium-bullet-list-text span,
8005
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8006
+ display: inline-block;
8007
+ -webkit-align-self: center;
8008
+ -ms-flex-item-align: center;
8009
+ align-self: center;
8010
+ -webkit-transition: all 0.3s ease-in-out;
8011
+ transition: all 0.3s ease-in-out;
8012
+ }
8013
+
8014
+ .premium-bullet-list-content .premium-bullet-list-text span {
8015
+ margin: 0 5px;
8016
+ }
8017
+
8018
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8019
+ font-size: 18px;
8020
+ background-color: #eee;
8021
+ padding: 1px 5px;
8022
+ -webkit-border-radius: 2px;
8023
+ border-radius: 2px;
8024
+ }
8025
+
8026
+ .premium-bullet-list-content .premium-bullet-list-text span,
8027
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
8028
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8029
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8030
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8031
+ -webkit-transition: all 0.3s ease-in-out;
8032
+ transition: all 0.3s ease-in-out;
8033
+ }
8034
+
8035
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8036
+ position: relative;
8037
+ line-height: 0;
8038
+ }
8039
+
8040
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8041
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8042
+ width: 30px !important;
8043
+ height: 30px !important;
8044
+ position: relative;
8045
+ z-index: 500;
8046
+ }
8047
+
8048
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8049
+ width: 1.25em;
8050
+ }
8051
+
8052
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
8053
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8054
+ position: relative;
8055
+ z-index: 500;
8056
+ }
8057
+
8058
+ .premium-bullet-list-content .premium-bullet-list-link {
8059
+ position: absolute;
8060
+ top: 0;
8061
+ right: 0;
8062
+ width: 100%;
8063
+ height: 100%;
8064
+ z-index: 1000;
8065
+ }
8066
+
8067
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8068
+ width: 100%;
8069
+ height: 100%;
8070
+ position: absolute;
8071
+ top: 0.5em;
8072
+ z-index: 100;
8073
+ -js-display: flex;
8074
+ display: -webkit-box;
8075
+ display: -webkit-flex;
8076
+ display: -moz-box;
8077
+ display: -ms-flexbox;
8078
+ display: flex;
8079
+ -webkit-box-pack: center;
8080
+ -webkit-justify-content: center;
8081
+ -moz-box-pack: center;
8082
+ -ms-flex-pack: center;
8083
+ justify-content: center;
8084
+ }
8085
+
8086
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8087
+ content: "";
8088
+ border-left-width: 1px;
8089
+ border-left-style: solid;
8090
+ border-color: #333333;
8091
+ display: block;
8092
+ height: 100%;
8093
+ }
8094
+
8095
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
8096
+ -webkit-align-self: center;
8097
+ -ms-flex-item-align: center;
8098
+ align-self: center;
8099
+ z-index: 2;
8100
+ }
8101
+
8102
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8103
+ margin: 0 3px;
8104
+ }
8105
+
8106
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8107
+ margin: 0 0 0 3px;
8108
+ }
8109
+
8110
+ .premium-bullet-list-divider:not(:last-child) {
8111
+ width: 100%;
8112
+ -webkit-box-flex: 0;
8113
+ -webkit-flex: 0 0 100%;
8114
+ -moz-box-flex: 0;
8115
+ -ms-flex: 0 0 100%;
8116
+ flex: 0 0 100%;
8117
+ overflow: hidden;
8118
+ }
8119
+
8120
+ .premium-bullet-list-divider:not(:last-child):after {
8121
+ content: "";
8122
+ display: block;
8123
+ border-top-style: solid;
8124
+ border-top-width: 1px;
8125
+ }
8126
+
8127
+ .premium-bullet-list-divider-inline:not(:last-child) {
8128
+ float: left;
8129
+ display: inline-block;
8130
+ position: relative;
8131
+ height: 100%;
8132
+ overflow: hidden;
8133
+ -webkit-align-self: center;
8134
+ -ms-flex-item-align: center;
8135
+ align-self: center;
8136
+ margin: 0 3px;
8137
+ }
8138
+
8139
+ .premium-bullet-list-divider-inline:not(:last-child):after {
8140
+ content: "";
8141
+ display: block;
8142
+ border-right-width: 1px;
8143
+ height: 33px;
8144
+ border-right-style: solid;
8145
+ }
8146
+
8147
+ .premium-bullet-list-icon-text {
8148
+ line-height: 1.5;
8149
+ }
8150
+
8151
+ .premium-bullet-list-icon-text p,
8152
+ ul.premium-bullet-list-box,
8153
+ li.premium-bullet-list-content {
8154
+ margin: 0;
8155
+ }
8156
+
8157
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8158
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8159
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8160
+ color: transparent !important;
8161
+ text-shadow: 0 0 3px #aaa;
8162
+ }
8163
+
8164
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8165
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8166
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8167
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8168
+ -webkit-filter: blur(3px);
8169
+ filter: blur(3px);
8170
+ }
8171
+
8172
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8173
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8174
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8175
+ color: #aaa !important;
8176
+ text-shadow: 0 0px 0 transparent;
8177
+ }
8178
+
8179
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8180
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8181
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8182
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8183
+ -webkit-filter: none;
8184
+ filter: none;
8185
+ }
8186
+
8187
+ .premium-bullet-list-content .premium-bullet-list-badge {
8188
+ font-size: 11px;
8189
+ top: auto;
8190
+ min-width: -webkit-max-content;
8191
+ min-width: -moz-max-content;
8192
+ min-width: max-content;
8193
+ height: -webkit-fit-content;
8194
+ height: -moz-fit-content;
8195
+ height: fit-content;
8196
+ }
8197
+
8198
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8199
+ font-size: 13px;
8200
+ }
8201
+
8202
+ .premium-bullet-list-gradient-effect[data-text] {
8203
+ display: inline-block;
8204
+ position: relative;
8205
+ text-decoration: none;
8206
+ }
8207
+
8208
+ .premium-bullet-list-gradient-effect[data-text]::before {
8209
+ content: attr(data-text);
8210
+ position: absolute;
8211
+ z-index: 1;
8212
+ overflow: hidden;
8213
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8214
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8215
+ -webkit-background-clip: text;
8216
+ background-clip: text;
8217
+ -webkit-text-fill-color: transparent;
8218
+ -webkit-transition: all 0.4s ease;
8219
+ transition: all 0.4s ease;
8220
+ }
8221
+
8222
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8223
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8224
+ -webkit-animation: rtlgradient 1s forwards;
8225
+ animation: rtlgradient 1s forwards;
8226
+ }
8227
+
8228
+ @-webkit-keyframes rtlgradient {
8229
+ 0% {
8230
+ -webkit-clip-path: circle(0% at 150% 50%);
8231
+ clip-path: circle(0% at 150% 50%);
8232
+ }
8233
+
8234
+ 100% {
8235
+ -webkit-clip-path: circle(100% at 50% 50%);
8236
+ clip-path: circle(100% at 50% 50%);
8237
+ }
8238
+ }
8239
+
8240
+ @keyframes rtlgradient {
8241
+ 0% {
8242
+ -webkit-clip-path: circle(0% at 150% 50%);
8243
+ clip-path: circle(0% at 150% 50%);
8244
+ }
8245
+
8246
+ 100% {
8247
+ -webkit-clip-path: circle(100% at 50% 50%);
8248
+ clip-path: circle(100% at 50% 50%);
8249
+ }
8250
+ }
8251
+
8252
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8253
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8254
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8255
+ opacity: 0;
8256
+ }
8257
+
8258
+ .premium-bullet-list-content-grow-effect:hover {
8259
+ -webkit-transform: scale(1.07);
8260
+ -ms-transform: scale(1.07);
8261
+ transform: scale(1.07);
8262
+ }
8263
+
8264
+ @keyframes spin {
8265
+ 100% {
8266
+ -webkit-transform: rotate(360deg);
8267
+ transform: rotate(360deg);
8268
+ }
8269
+ }
8270
+
8271
+ /********** Premium Woo Products **********/
8272
+ /******************************************/
8273
+ .premium-woocommerce .premium-woo-products-inner ul.products {
8274
+ -js-display: flex;
8275
+ display: -webkit-box;
8276
+ display: -webkit-flex;
8277
+ display: -moz-box;
8278
+ display: -ms-flexbox;
8279
+ display: flex;
8280
+ margin: 0;
8281
+ padding: 0;
8282
+ -webkit-flex-wrap: wrap;
8283
+ -ms-flex-wrap: wrap;
8284
+ flex-wrap: wrap;
8285
+ list-style: none outside;
8286
+ -webkit-column-gap: 0;
8287
+ -moz-column-gap: 0;
8288
+ column-gap: 0;
8289
+ }
8290
+
8291
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
8292
+ margin: 0 0 10px;
8293
+ padding: 0 10px;
8294
+ }
8295
+
8296
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
8297
+ overflow: hidden;
8298
+ -webkit-transition: all 0.3s ease-in-out;
8299
+ transition: all 0.3s ease-in-out;
8300
+ }
8301
+
8302
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-category {
8303
+ display: block;
8304
+ font-size: 0.85em;
8305
+ margin-bottom: 0.5em;
8306
+ line-height: 1.3;
8307
+ }
8308
+
8309
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product .woocommerce-loop-product__title {
8310
+ margin-bottom: 0.5em;
8311
+ font-size: 1em;
8312
+ -webkit-transition: all 0.3s ease-in-out;
8313
+ transition: all 0.3s ease-in-out;
8314
+ }
8315
+
8316
+ .premium-woocommerce .woocommerce-loop-product__link {
8317
+ position: relative;
8318
+ display: block;
8319
+ overflow: hidden;
8320
+ -webkit-transition: all 0.3s ease-in-out;
8321
+ transition: all 0.3s ease-in-out;
8322
+ }
8323
+
8324
+ .premium-woocommerce .premium-woo-ribbon-container {
8325
+ position: absolute;
8326
+ top: 0;
8327
+ right: 0;
8328
+ z-index: 9;
8329
+ }
8330
+
8331
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating {
8332
+ display: block;
8333
+ float: none;
8334
+ margin: 0 auto 0.5em;
8335
+ -webkit-backface-visibility: hidden;
8336
+ backface-visibility: hidden;
8337
+ overflow: hidden;
8338
+ position: relative;
8339
+ height: 1em;
8340
+ line-height: 1;
8341
+ font-size: 0.857em;
8342
+ width: 5.4em;
8343
+ font-family: star;
8344
+ }
8345
+
8346
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating::before {
8347
+ content: "\73\73\73\73\73";
8348
+ color: #54595f;
8349
+ float: right;
8350
+ top: 0;
8351
+ right: 0;
8352
+ position: absolute;
8353
+ }
8354
+
8355
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
8356
+ overflow: hidden;
8357
+ float: right;
8358
+ top: 0;
8359
+ right: 0;
8360
+ position: absolute;
8361
+ padding-top: 1.5em;
8362
+ }
8363
+
8364
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span::before {
8365
+ content: "\53\53\53\53\53";
8366
+ color: inherit;
8367
+ top: 0;
8368
+ position: absolute;
8369
+ right: 0;
8370
+ }
8371
+
8372
+ .premium-woo-product-thumbnail {
8373
+ position: relative;
8374
+ overflow: hidden;
8375
+ }
8376
+
8377
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
8378
+ margin: 0;
8379
+ width: 100%;
8380
+ }
8381
+
8382
+ .premium-woo-product-sale-wrap,
8383
+ .premium-woo-product-featured-wrap {
8384
+ margin: 0;
8385
+ }
8386
+
8387
+ .premium-woo-product-sale-wrap .premium-woo-product-onsale,
8388
+ .premium-woo-product-featured-wrap .premium-woo-product-featured {
8389
+ display: block;
8390
+ text-align: center;
8391
+ color: #fff;
8392
+ min-width: 2em;
8393
+ min-height: 2em;
8394
+ line-height: 2em;
8395
+ padding: 0.3em 0.6em;
8396
+ margin: 0.5em 0.6em;
8397
+ }
8398
+
8399
+ .premium-woocommerce .premium-woo-products-details-wrap {
8400
+ padding: 1em 1.2em;
8401
+ }
8402
+
8403
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
8404
+ display: inline-block;
8405
+ background-color: #6ec1e4;
8406
+ color: #fff;
8407
+ margin: 0.5em 0;
8408
+ line-height: 1.3;
8409
+ padding: 10px 40px;
8410
+ font-size: 100%;
8411
+ cursor: pointer;
8412
+ text-decoration: none;
8413
+ overflow: visible;
8414
+ font-weight: 700;
8415
+ background-image: none;
8416
+ border: none;
8417
+ -webkit-border-radius: 0px;
8418
+ border-radius: 0px;
8419
+ -webkit-box-shadow: none;
8420
+ box-shadow: none;
8421
+ text-shadow: none;
8422
+ -webkit-transition: all 0.3s ease-in-out;
8423
+ transition: all 0.3s ease-in-out;
8424
+ }
8425
+
8426
+ .premium-woocommerce li.product .price {
8427
+ display: block;
8428
+ line-height: 1.3;
8429
+ font-weight: 700;
8430
+ margin-bottom: 0.5em;
8431
+ font-size: 0.9em;
8432
+ }
8433
+
8434
+ .premium-woocommerce li.product .price del {
8435
+ display: inline-block;
8436
+ font-weight: 400;
8437
+ background: transparent;
8438
+ opacity: 1;
8439
+ }
8440
+
8441
+ .premium-woocommerce li.product .price ins {
8442
+ display: inline-block;
8443
+ background: transparent;
8444
+ text-decoration: none;
8445
+ font-weight: inherit;
8446
+ }
8447
+
8448
+ .premium-woocommerce li.product .price .amount {
8449
+ color: inherit !important;
8450
+ }
8451
+
8452
+ .premium-woocommerce li.product .premium-woo-product-desc p {
8453
+ margin: 0;
8454
+ }
8455
+
8456
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
8457
+ margin-right: auto;
8458
+ margin-left: 0;
8459
+ }
8460
+
8461
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8462
+ margin-right: auto;
8463
+ margin-left: auto;
8464
+ }
8465
+
8466
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8467
+ margin-right: 0;
8468
+ margin-left: auto;
8469
+ }
8470
+
8471
+ .premium-woo-products-pagination ul.page-numbers {
8472
+ -js-display: flex;
8473
+ display: -webkit-box;
8474
+ display: -webkit-flex;
8475
+ display: -moz-box;
8476
+ display: -ms-flexbox;
8477
+ display: flex;
8478
+ list-style-type: none;
8479
+ margin: 0;
8480
+ margin-top: 10px;
8481
+ padding: 0;
8482
+ border: none;
8483
+ -webkit-box-pack: center;
8484
+ -webkit-justify-content: center;
8485
+ -moz-box-pack: center;
8486
+ -ms-flex-pack: center;
8487
+ justify-content: center;
8488
+ }
8489
+
8490
+ .premium-woo-products-pagination ul.page-numbers li {
8491
+ margin: 0 0 0.4em 0.4em;
8492
+ padding: 0;
8493
+ text-align: center;
8494
+ }
8495
+
8496
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8497
+ margin: 0;
8498
+ text-decoration: none;
8499
+ color: #000;
8500
+ border: 1px solid #54595f;
8501
+ padding: 0;
8502
+ line-height: 1;
8503
+ font-size: 1em;
8504
+ font-weight: 400;
8505
+ padding: 0.75em;
8506
+ display: block;
8507
+ min-width: 2.5em;
8508
+ -webkit-transition: all 0.3s ease-in-out;
8509
+ transition: all 0.3s ease-in-out;
8510
+ }
8511
+
8512
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
8513
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8514
+ background-color: #54595f;
8515
+ color: #fff;
8516
+ outline: none;
8517
+ }
8518
+
8519
+ .premium-woocommerce .premium-loading-feed,
8520
+ .premium-woo-quick-view-loader .premium-loading-feed {
8521
+ display: block;
8522
+ position: absolute;
8523
+ width: 100%;
8524
+ height: 100%;
8525
+ top: 0px;
8526
+ right: 0px;
8527
+ bottom: 0px;
8528
+ left: 0px;
8529
+ background: rgba(255, 255, 255, 0.2);
8530
+ -js-display: flex;
8531
+ display: -webkit-box;
8532
+ display: -webkit-flex;
8533
+ display: -moz-box;
8534
+ display: -ms-flexbox;
8535
+ display: flex;
8536
+ -webkit-box-align: center;
8537
+ -webkit-align-items: center;
8538
+ -moz-box-align: center;
8539
+ -ms-flex-align: center;
8540
+ align-items: center;
8541
+ }
8542
+
8543
+ /**
8544
+ * Image Hover Effects
8545
+ */
8546
+ .premium-woocommerce .woocommerce-loop-product__link img {
8547
+ -webkit-transition: all 0.3s ease-in-out;
8548
+ transition: all 0.3s ease-in-out;
8549
+ }
8550
+
8551
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8552
+ -webkit-transform: scale(1.2);
8553
+ -ms-transform: scale(1.2);
8554
+ transform: scale(1.2);
8555
+ }
8556
+
8557
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8558
+ -webkit-transform: none;
8559
+ -ms-transform: none;
8560
+ transform: none;
8561
+ }
8562
+
8563
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8564
+ -webkit-transform: none;
8565
+ -ms-transform: none;
8566
+ transform: none;
8567
+ }
8568
+
8569
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8570
+ -webkit-transform: scale(1.2);
8571
+ -ms-transform: scale(1.2);
8572
+ transform: scale(1.2);
8573
+ }
8574
+
8575
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8576
+ -webkit-filter: grayscale(100%);
8577
+ filter: grayscale(100%);
8578
+ }
8579
+
8580
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8581
+ -webkit-filter: grayscale(0%);
8582
+ filter: grayscale(0%);
8583
+ }
8584
+
8585
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8586
+ -webkit-filter: sepia(30%);
8587
+ filter: sepia(30%);
8588
+ }
8589
+
8590
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8591
+ -webkit-filter: sepia(0%);
8592
+ filter: sepia(0%);
8593
+ }
8594
+
8595
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8596
+ -webkit-filter: brightness(1);
8597
+ filter: brightness(1);
8598
+ }
8599
+
8600
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8601
+ -webkit-filter: brightness(1.2);
8602
+ filter: brightness(1.2);
8603
+ }
8604
+
8605
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8606
+ -webkit-transform: translateX(15px) scale(1.1);
8607
+ -ms-transform: translateX(15px) scale(1.1);
8608
+ transform: translateX(15px) scale(1.1);
8609
+ }
8610
+
8611
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8612
+ -webkit-transform: translateX(0px) scale(1.1);
8613
+ -ms-transform: translateX(0px) scale(1.1);
8614
+ transform: translateX(0px) scale(1.1);
8615
+ }
8616
+
8617
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8618
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8619
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8620
+ transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8621
+ }
8622
+
8623
+ .premium-woocommerce .premium-woo-product__on_hover {
8624
+ position: absolute;
8625
+ top: 0;
8626
+ left: 0;
8627
+ bottom: 0;
8628
+ right: 0;
8629
+ height: 100%;
8630
+ opacity: 0;
8631
+ }
8632
+
8633
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8634
+ opacity: 1;
8635
+ }
8636
+
8637
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8638
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8639
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8640
+ position: absolute;
8641
+ bottom: 0;
8642
+ right: 0;
8643
+ width: 100%;
8644
+ text-align: center;
8645
+ padding: 5px;
8646
+ background: rgba(2, 2, 2, 0.5);
8647
+ color: #fff;
8648
+ -webkit-transition: all 0.3s ease-in-out;
8649
+ transition: all 0.3s ease-in-out;
8650
+ cursor: pointer;
8651
+ z-index: 2;
8652
+ -webkit-transform: translateY(100%);
8653
+ -ms-transform: translateY(100%);
8654
+ transform: translateY(100%);
8655
+ }
8656
+
8657
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8658
+ -webkit-transition-delay: 0.1s;
8659
+ transition-delay: 0.1s;
8660
+ }
8661
+
8662
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8663
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8664
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8665
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8666
+ margin-right: 0.5em;
8667
+ }
8668
+
8669
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8670
+ -webkit-transform: translateY(0);
8671
+ -ms-transform: translateY(0);
8672
+ transform: translateY(0);
8673
+ }
8674
+
8675
+ .premium-woo-product-wrapper .premium-woo-qv-data {
8676
+ position: absolute;
8677
+ top: 0;
8678
+ right: 0;
8679
+ width: 100%;
8680
+ height: 100%;
8681
+ z-index: 1;
8682
+ overflow: hidden;
8683
+ cursor: pointer;
8684
+ }
8685
+
8686
+ /**
8687
+ * Skin 1,4
8688
+ */
8689
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8690
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8691
+ position: absolute;
8692
+ top: 0.7em;
8693
+ left: 1em;
8694
+ -webkit-transform: translate3d(-15px, 0, 0);
8695
+ transform: translate3d(-15px, 0, 0);
8696
+ -webkit-transition: all 0.3s ease-in-out;
8697
+ transition: all 0.3s ease-in-out;
8698
+ opacity: 0;
8699
+ z-index: 9;
8700
+ }
8701
+
8702
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8703
+ position: relative;
8704
+ display: block;
8705
+ margin: 0 0 3px;
8706
+ background: #fff;
8707
+ text-align: center;
8708
+ outline: 0;
8709
+ -webkit-transition: all 0.3s ease-in-out;
8710
+ transition: all 0.3s ease-in-out;
8711
+ }
8712
+
8713
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8714
+ display: block;
8715
+ color: #54595f;
8716
+ width: 30px;
8717
+ line-height: 30px;
8718
+ height: 30px;
8719
+ cursor: pointer;
8720
+ -webkit-transition: all 0.3s ease-in-out;
8721
+ transition: all 0.3s ease-in-out;
8722
+ }
8723
+
8724
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8725
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8726
+ -webkit-transform: translate3d(-5px, 0, 0);
8727
+ transform: translate3d(-5px, 0, 0);
8728
+ opacity: 1;
8729
+ }
8730
+
8731
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8732
+ -webkit-animation: spin 2s linear infinite;
8733
+ animation: spin 2s linear infinite;
8734
+ }
8735
+
8736
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8737
+ content: "\f013";
8738
+ }
8739
+
8740
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8741
+ content: "\f00c";
8742
+ }
8743
+
8744
+ /**
8745
+ * Skin 2
8746
+ */
8747
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8748
+ position: absolute;
8749
+ background: #fff;
8750
+ bottom: 0;
8751
+ right: 0;
8752
+ width: 100%;
8753
+ z-index: 2;
8754
+ padding: 0;
8755
+ opacity: 0;
8756
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8757
+ transition: opacity 0.2s, -webkit-transform 0.4s;
8758
+ transition: transform 0.4s, opacity 0.2s;
8759
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8760
+ -webkit-transform: translateZ(0) translateY(5px);
8761
+ transform: translateZ(0) translateY(5px);
8762
+ }
8763
+
8764
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
8765
+ padding: 15px 0;
8766
+ }
8767
+
8768
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8769
+ opacity: 1;
8770
+ -webkit-transform: translateZ(0) translateY(0);
8771
+ transform: translateZ(0) translateY(0);
8772
+ }
8773
+
8774
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8775
+ position: static;
8776
+ -js-display: flex;
8777
+ display: -webkit-box;
8778
+ display: -webkit-flex;
8779
+ display: -moz-box;
8780
+ display: -ms-flexbox;
8781
+ display: flex;
8782
+ -webkit-box-orient: horizontal;
8783
+ -webkit-box-direction: reverse;
8784
+ -webkit-flex-direction: row-reverse;
8785
+ -moz-box-orient: horizontal;
8786
+ -moz-box-direction: reverse;
8787
+ -ms-flex-direction: row-reverse;
8788
+ flex-direction: row-reverse;
8789
+ }
8790
+
8791
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
8792
+ -webkit-box-flex: 1;
8793
+ -webkit-flex: 1;
8794
+ -moz-box-flex: 1;
8795
+ -ms-flex: 1;
8796
+ flex: 1;
8797
+ min-width: 50%;
8798
+ }
8799
+
8800
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8801
+ -js-display: flex;
8802
+ display: -webkit-box;
8803
+ display: -webkit-flex;
8804
+ display: -moz-box;
8805
+ display: -ms-flexbox;
8806
+ display: flex;
8807
+ margin: 0;
8808
+ text-align: center;
8809
+ -webkit-box-pack: center;
8810
+ -webkit-justify-content: center;
8811
+ -moz-box-pack: center;
8812
+ -ms-flex-pack: center;
8813
+ justify-content: center;
8814
+ -webkit-box-align: center;
8815
+ -webkit-align-items: center;
8816
+ -moz-box-align: center;
8817
+ -ms-flex-align: center;
8818
+ align-items: center;
8819
+ }
8820
+
8821
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8822
+ background-color: #54595f;
8823
+ }
8824
+
8825
+ /**
8826
+ * Skin 4
8827
+ */
8828
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8829
+ position: absolute;
8830
+ right: 0;
8831
+ left: 0;
8832
+ top: 50%;
8833
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8834
+ transform: scale(0.9) translateZ(0) translateY(-50%);
8835
+ text-align: center;
8836
+ z-index: 2;
8837
+ opacity: 0;
8838
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8839
+ transition: opacity 0.5s, -webkit-transform 0.3s;
8840
+ transition: opacity 0.5s, transform 0.3s;
8841
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
8842
+ }
8843
+
8844
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay {
8845
+ position: absolute;
8846
+ top: 0;
8847
+ right: 0;
8848
+ width: 100%;
8849
+ height: 100%;
8850
+ opacity: 0;
8851
+ visibility: hidden;
8852
+ background-color: rgba(27, 27, 23, 0.3);
8853
+ -webkit-transition: all 0.25s ease-in-out;
8854
+ transition: all 0.25s ease-in-out;
8855
+ }
8856
+
8857
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay {
8858
+ opacity: 1;
8859
+ visibility: visible;
8860
+ z-index: 1;
8861
+ }
8862
+
8863
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8864
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8865
+ transform: scale(1) translateZ(0) translateY(-50%);
8866
+ opacity: 1;
8867
+ }
8868
+
8869
+ /**
8870
+ * Skin 5
8871
+ */
8872
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8873
+ -js-display: flex;
8874
+ display: -webkit-box;
8875
+ display: -webkit-flex;
8876
+ display: -moz-box;
8877
+ display: -ms-flexbox;
8878
+ display: flex;
8879
+ }
8880
+
8881
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8882
+ -js-display: flex;
8883
+ display: -webkit-box;
8884
+ display: -webkit-flex;
8885
+ display: -moz-box;
8886
+ display: -ms-flexbox;
8887
+ display: flex;
8888
+ -webkit-box-align: center;
8889
+ -webkit-align-items: center;
8890
+ -moz-box-align: center;
8891
+ -ms-flex-align: center;
8892
+ align-items: center;
8893
+ background-color: #54595f;
8894
+ padding: 10px;
8895
+ -webkit-transition: all 0.25s ease 0s;
8896
+ transition: all 0.25s ease 0s;
8897
+ }
8898
+
8899
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8900
+ width: 75%;
8901
+ }
8902
+
8903
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8904
+ -js-display: flex;
8905
+ display: -webkit-box;
8906
+ display: -webkit-flex;
8907
+ display: -moz-box;
8908
+ display: -ms-flexbox;
8909
+ display: flex;
8910
+ -webkit-box-align: center;
8911
+ -webkit-align-items: center;
8912
+ -moz-box-align: center;
8913
+ -ms-flex-align: center;
8914
+ align-items: center;
8915
+ }
8916
+
8917
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8918
+ -webkit-box-pack: end;
8919
+ -webkit-justify-content: flex-end;
8920
+ -moz-box-pack: end;
8921
+ -ms-flex-pack: end;
8922
+ justify-content: flex-end;
8923
+ }
8924
+
8925
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8926
+ -webkit-box-pack: center;
8927
+ -webkit-justify-content: center;
8928
+ -moz-box-pack: center;
8929
+ -ms-flex-pack: center;
8930
+ justify-content: center;
8931
+ }
8932
+
8933
+ /**
8934
+ * Skin 6
8935
+ */
8936
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8937
+ position: absolute;
8938
+ top: 50%;
8939
+ right: 50%;
8940
+ min-width: 40%;
8941
+ text-align: center;
8942
+ padding: 5px;
8943
+ background: rgba(2, 2, 2, 0.5);
8944
+ color: #fff;
8945
+ -webkit-transform: translate(50%, -50%);
8946
+ -ms-transform: translate(50%, -50%);
8947
+ transform: translate(50%, -50%);
8948
+ opacity: 0;
8949
+ visibility: hidden;
8950
+ -webkit-transition: all 0.3s ease-in-out;
8951
+ transition: all 0.3s ease-in-out;
8952
+ cursor: pointer;
8953
+ z-index: 2;
8954
+ }
8955
+
8956
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8957
+ opacity: 1;
8958
+ visibility: visible;
8959
+ }
8960
+
8961
+ .premium-woo-product-align-right li.product .premium-woo-product-info .star-rating,
8962
+ .premium-woo-product-align-left li.product .premium-woo-product-info .star-rating {
8963
+ margin: 0;
8964
+ }
8965
+
8966
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
8967
+ -js-display: flex;
8968
+ display: -webkit-box;
8969
+ display: -webkit-flex;
8970
+ display: -moz-box;
8971
+ display: -ms-flexbox;
8972
+ display: flex;
8973
+ -webkit-box-pack: justify;
8974
+ -webkit-justify-content: space-between;
8975
+ -moz-box-pack: justify;
8976
+ -ms-flex-pack: justify;
8977
+ justify-content: space-between;
8978
+ }
8979
+
8980
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
8981
+ -webkit-box-orient: vertical;
8982
+ -webkit-box-direction: normal;
8983
+ -webkit-flex-direction: column;
8984
+ -moz-box-orient: vertical;
8985
+ -moz-box-direction: normal;
8986
+ -ms-flex-direction: column;
8987
+ flex-direction: column;
8988
+ }
8989
+
8990
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
8991
+ -webkit-box-orient: horizontal;
8992
+ -webkit-box-direction: reverse;
8993
+ -webkit-flex-direction: row-reverse;
8994
+ -moz-box-orient: horizontal;
8995
+ -moz-box-direction: reverse;
8996
+ -ms-flex-direction: row-reverse;
8997
+ flex-direction: row-reverse;
8998
+ }
8999
+
9000
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9001
+ -js-display: flex;
9002
+ display: -webkit-box;
9003
+ display: -webkit-flex;
9004
+ display: -moz-box;
9005
+ display: -ms-flexbox;
9006
+ display: flex;
9007
+ position: absolute;
9008
+ bottom: 10px;
9009
+ width: 100%;
9010
+ -webkit-box-pack: center;
9011
+ -webkit-justify-content: center;
9012
+ -moz-box-pack: center;
9013
+ -ms-flex-pack: center;
9014
+ justify-content: center;
9015
+ }
9016
+
9017
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9018
+ width: 20%;
9019
+ margin: 0 0.2em;
9020
+ border: 2px solid #aaa;
9021
+ cursor: pointer;
9022
+ }
9023
+
9024
+ /**
9025
+ * Metro
9026
+ */
9027
+ /*.premium-woo-grid-style1 ul.products li.product {
9028
+ width: 25%;
9029
+ }*/
9030
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
9031
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
9032
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
9033
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
9034
+ height: 100%;
9035
+ }
9036
+
9037
+ .premium-woo-products-metro ul.products li.product {
9038
+ margin-bottom: 0;
9039
+ }
9040
+
9041
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
9042
+ -o-object-fit: cover;
9043
+ object-fit: cover;
9044
+ }
9045
+
9046
+ /*
9047
+ * Carousel
9048
+ */
9049
+ .premium-woocommerce .slick-arrow {
9050
+ -webkit-border-radius: 50%;
9051
+ border-radius: 50%;
9052
+ }
9053
+
9054
+ .premium-woocommerce ul.slick-dots {
9055
+ width: 100%;
9056
+ }
9057
+
9058
+ /*
9059
+ * Quick View Html/body
9060
+ */
9061
+ html.premium-woo-qv-opened,
9062
+ html.premium-woo-qv-opened body {
9063
+ overflow: hidden;
9064
+ }
9065
+
9066
+ /**
9067
+ * Quick View Modal
9068
+ */
9069
+ .premium-woo-quick-view-back {
9070
+ position: fixed;
9071
+ visibility: hidden;
9072
+ overflow: hidden;
9073
+ background: rgba(2, 2, 2, 0.5);
9074
+ opacity: 0;
9075
+ -webkit-transition: opacity 0.25s;
9076
+ transition: opacity 0.25s;
9077
+ z-index: 999;
9078
+ }
9079
+
9080
+ .premium-woo-quick-view-active {
9081
+ top: 0;
9082
+ right: 0;
9083
+ width: 100%;
9084
+ height: 100%;
9085
+ opacity: 1;
9086
+ visibility: visible;
9087
+ }
9088
+
9089
+ #premium-woo-quick-view-modal {
9090
+ position: fixed;
9091
+ visibility: hidden;
9092
+ opacity: 0;
9093
+ top: 0;
9094
+ right: 0;
9095
+ width: 100%;
9096
+ height: 100%;
9097
+ z-index: 1400;
9098
+ text-align: center;
9099
+ -webkit-transition: all 0.3s;
9100
+ transition: all 0.3s;
9101
+ overflow-x: hidden;
9102
+ overflow-y: auto;
9103
+ }
9104
+
9105
+ #premium-woo-quick-view-modal.active {
9106
+ visibility: visible;
9107
+ opacity: 1;
9108
+ }
9109
+
9110
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
9111
+ -webkit-transform: translateY(0);
9112
+ -ms-transform: translateY(0);
9113
+ transform: translateY(0);
9114
+ opacity: 1;
9115
+ width: 100%;
9116
+ }
9117
+
9118
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
9119
+ position: absolute;
9120
+ width: 100%;
9121
+ height: 100%;
9122
+ top: 0;
9123
+ right: 0;
9124
+ text-align: center;
9125
+ padding: 30px;
9126
+ -js-display: flex;
9127
+ display: -webkit-box;
9128
+ display: -webkit-flex;
9129
+ display: -moz-box;
9130
+ display: -ms-flexbox;
9131
+ display: flex;
9132
+ -webkit-box-align: center;
9133
+ -webkit-align-items: center;
9134
+ -moz-box-align: center;
9135
+ -ms-flex-align: center;
9136
+ align-items: center;
9137
+ }
9138
+
9139
+ #premium-woo-quick-view-modal .premium-woo-content-main {
9140
+ position: relative;
9141
+ pointer-events: none;
9142
+ max-width: 100%;
9143
+ text-align: right;
9144
+ z-index: 1045;
9145
+ -webkit-transform: translateY(-30px);
9146
+ -ms-transform: translateY(-30px);
9147
+ transform: translateY(-30px);
9148
+ opacity: 0;
9149
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
9150
+ transition: opacity 0.3s, -webkit-transform 0.5s;
9151
+ transition: transform 0.5s, opacity 0.3s;
9152
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
9153
+ margin: 0 auto;
9154
+ }
9155
+
9156
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
9157
+ position: relative;
9158
+ display: table;
9159
+ pointer-events: auto;
9160
+ background-color: #fff;
9161
+ max-width: 975px;
9162
+ margin: 20px auto;
9163
+ -webkit-transform: translateZ(0);
9164
+ transform: translateZ(0);
9165
+ -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9166
+ box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9167
+ overflow: hidden;
9168
+ }
9169
+
9170
+ #premium-woo-quick-view-modal .summary {
9171
+ width: 50%;
9172
+ margin: 0;
9173
+ padding: 30px;
9174
+ float: right;
9175
+ -webkit-box-sizing: border-box;
9176
+ -moz-box-sizing: border-box;
9177
+ box-sizing: border-box;
9178
+ }
9179
+
9180
+ #premium-woo-quick-view-modal .summary .quantity {
9181
+ min-width: auto;
9182
+ }
9183
+
9184
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
9185
+ width: 54px;
9186
+ -webkit-appearance: button;
9187
+ -moz-appearance: button;
9188
+ appearance: button;
9189
+ }
9190
+
9191
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
9192
+ margin: 0;
9193
+ }
9194
+
9195
+ #premium-woo-quick-view-close {
9196
+ position: absolute;
9197
+ font-size: 22px;
9198
+ top: 10px;
9199
+ left: 10px;
9200
+ width: 22px;
9201
+ height: 22px;
9202
+ line-height: 22px;
9203
+ opacity: 0.7;
9204
+ text-align: center;
9205
+ z-index: 2;
9206
+ color: #000;
9207
+ }
9208
+
9209
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
9210
+ position: relative;
9211
+ }
9212
+
9213
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
9214
+ list-style: none;
9215
+ }
9216
+
9217
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
9218
+ margin: 0;
9219
+ padding: 0;
9220
+ width: 100%;
9221
+ position: absolute;
9222
+ bottom: 10px;
9223
+ text-align: center;
9224
+ }
9225
+
9226
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
9227
+ margin: 0 6px;
9228
+ display: inline-block;
9229
+ vertical-align: middle;
9230
+ }
9231
+
9232
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
9233
+ width: 11px;
9234
+ height: 11px;
9235
+ display: block;
9236
+ background: #666;
9237
+ background: rgba(0, 0, 0, 0.5);
9238
+ cursor: pointer;
9239
+ text-indent: -9999px;
9240
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9241
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9242
+ -webkit-border-radius: 20px;
9243
+ border-radius: 20px;
9244
+ }
9245
+
9246
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
9247
+ background: rgba(0, 0, 0, 0.9);
9248
+ cursor: default;
9249
+ }
9250
+
9251
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
9252
+ outline: none;
9253
+ }
9254
+
9255
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
9256
+ -o-object-fit: cover;
9257
+ object-fit: cover;
9258
+ }
9259
+
9260
+ #premium-woo-quick-view-content div.images {
9261
+ width: 50%;
9262
+ float: right;
9263
+ opacity: 1 !important;
9264
+ margin: 0;
9265
+ }
9266
+
9267
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
9268
+ margin: 0;
9269
+ padding: 0;
9270
+ list-style: none;
9271
+ }
9272
+
9273
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
9274
+ text-decoration: none;
9275
+ display: block;
9276
+ width: 14px;
9277
+ height: 32px;
9278
+ font-size: 32px;
9279
+ line-height: 32px;
9280
+ margin: -20px 0 0;
9281
+ position: absolute;
9282
+ top: 50%;
9283
+ z-index: 10;
9284
+ overflow: hidden;
9285
+ cursor: pointer;
9286
+ color: rgba(0, 0, 0, 0.8);
9287
+ text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
9288
+ -webkit-transition: all 0.3s ease-in-out;
9289
+ transition: all 0.3s ease-in-out;
9290
+ }
9291
+
9292
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
9293
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9294
+ display: inline-block;
9295
+ font-family: "Font Awesome 5 Free";
9296
+ font-weight: 900;
9297
+ text-rendering: auto;
9298
+ -webkit-font-smoothing: antialiased;
9299
+ -moz-osx-font-smoothing: grayscale;
9300
+ }
9301
+
9302
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9303
+ right: 10px;
9304
+ }
9305
+
9306
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
9307
+ left: 10px;
9308
+ }
9309
+
9310
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
9311
+ content: "\f104";
9312
+ }
9313
+
9314
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
9315
+ content: "\f105";
9316
+ }
9317
+
9318
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
9319
+ display: none;
9320
+ }
9321
+
9322
+ .premium-woo-atc-button .add_to_cart_button span {
9323
+ -webkit-animation: spin 2s linear infinite;
9324
+ animation: spin 2s linear infinite;
9325
+ margin-right: 5px;
9326
+ vertical-align: baseline;
 
 
 
 
 
9327
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,7687 +1,7686 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
- src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
5
- font-weight: normal;
6
- font-style: normal; }
7
-
8
- /**************** Premium Banner ****************/
9
- /************************************************/
10
- .premium-banner {
11
- overflow: hidden; }
12
-
13
- .premium-banner-ib {
14
- display: block;
15
- position: relative;
16
- z-index: 1;
17
- overflow: hidden;
18
- margin: 0;
19
- text-align: center;
20
- -webkit-box-sizing: border-box;
21
- -moz-box-sizing: border-box;
22
- box-sizing: border-box; }
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative; }
26
-
27
- .premium-banner-img-wrap {
28
- -js-display: flex;
29
- display: -webkit-box;
30
- display: -webkit-flex;
31
- display: -moz-box;
32
- display: -ms-flexbox;
33
- display: flex;
34
- height: 100%; }
35
- .premium-banner-img-wrap .premium-banner-ib-img {
36
- -webkit-flex-shrink: 0;
37
- -ms-flex-negative: 0;
38
- flex-shrink: 0; }
39
-
40
- .premium-banner-ib-desc .premium-banner-read-more {
41
- z-index: 100; }
42
-
43
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
- background: transparent; }
45
-
46
- .premium-banner-ib *,
47
- .premium-banner-ib .premium-banner-ib-desc {
48
- -webkit-box-sizing: border-box;
49
- -moz-box-sizing: border-box;
50
- box-sizing: border-box; }
51
-
52
- .premium-banner-ib img {
53
- min-width: 100%;
54
- max-width: 100%;
55
- -webkit-transition: opacity 0.35s;
56
- transition: opacity 0.35s; }
57
-
58
- .premium-banner-ib .premium-banner-ib-desc {
59
- padding: 15px;
60
- -webkit-backface-visibility: hidden;
61
- backface-visibility: hidden;
62
- -webkit-box-sizing: border-box;
63
- -moz-box-sizing: border-box;
64
- box-sizing: border-box;
65
- position: absolute;
66
- top: 0;
67
- left: 0;
68
- width: 100%;
69
- height: 100%; }
70
-
71
- .premium-banner-ib .premium-banner-ib-link {
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 100%;
77
- z-index: 1000;
78
- text-indent: 200%;
79
- white-space: nowrap;
80
- font-size: 0;
81
- opacity: 0; }
82
-
83
- .premium-banner-ib a.premium-banner-ib-link {
84
- display: block;
85
- background: 0 0; }
86
-
87
- .premium-banner-animation1 img {
88
- width: -webkit-calc(100% + 50px) !important;
89
- width: calc(100% + 50px) !important;
90
- max-width: -webkit-calc(100% + 50px) !important;
91
- max-width: calc(100% + 50px) !important;
92
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
- -webkit-transform: translate3d(-40px, 0, 0);
97
- transform: translate3d(-40px, 0, 0); }
98
-
99
- .premium-banner-animation2 .premium-banner-ib-title {
100
- padding: 15px; }
101
-
102
- .premium-banner-animation1 .premium-banner-ib-desc {
103
- top: auto;
104
- bottom: 0;
105
- min-height: 25%;
106
- height: auto;
107
- max-height: 100%;
108
- text-align: left; }
109
-
110
- .premium-banner-animation1 .premium-banner-ib-content,
111
- .premium-banner-animation1 .premium-banner-ib-title,
112
- .premium-banner-animation1 .premium-banner-read-more {
113
- -webkit-transform: translate3d(0, 40px, 0);
114
- transform: translate3d(0, 40px, 0);
115
- -webkit-transition-delay: 0.05s;
116
- transition-delay: 0.05s;
117
- -webkit-transition-duration: 0.35s;
118
- transition-duration: 0.35s; }
119
-
120
- .premium-banner-animation1 .premium-banner-ib-title {
121
- -webkit-transition: -webkit-transform 0.35s;
122
- transition: -webkit-transform 0.35s;
123
- transition: transform 0.35s;
124
- transition: transform 0.35s, -webkit-transform 0.35s; }
125
-
126
- .premium-banner-animation1 .premium-banner-ib-content,
127
- .premium-banner-animation1 .premium-banner-read-more {
128
- margin-top: 10px;
129
- opacity: 0;
130
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
- transition: opacity 0.2s, -webkit-transform 0.35s;
132
- transition: opacity 0.2s, transform 0.35s;
133
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
-
135
- .premium-banner-animation1:hover .premium-banner-ib-content,
136
- .premium-banner-animation1.active .premium-banner-ib-content,
137
- .premium-banner-animation1:hover .premium-banner-read-more,
138
- .premium-banner-animation1.active .premium-banner-read-more {
139
- opacity: 1;
140
- -webkit-transition-delay: 0.05s;
141
- transition-delay: 0.05s;
142
- -webkit-transition-duration: 0.35s;
143
- transition-duration: 0.35s; }
144
-
145
- .premium-banner-animation1:hover .premium-banner-ib-content,
146
- .premium-banner-animation1.active .premium-banner-ib-content,
147
- .premium-banner-animation1:hover .premium-banner-read-more,
148
- .premium-banner-animation1.active .premium-banner-read-more,
149
- .premium-banner-animation1:hover .premium-banner-ib-title,
150
- .premium-banner-animation1.active .premium-banner-ib-title,
151
- .premium-banner-animation1:hover img,
152
- .premium-banner-animation1.active img {
153
- -webkit-transform: translate3d(0, 0, 0);
154
- transform: translate3d(0, 0, 0);
155
- -webkit-transition-delay: 0.05s;
156
- transition-delay: 0.05s;
157
- -webkit-transition-duration: 0.35s;
158
- transition-duration: 0.35s; }
159
-
160
- .premium-banner-animation1.zoomout img,
161
- .premium-banner-animation1.scale img {
162
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
- transform: translate3d(-40px, 0, 0) scale(1.1); }
164
-
165
- .premium-banner-ib.sepia img {
166
- -webkit-filter: sepia(30%);
167
- filter: sepia(30%); }
168
-
169
- .premium-banner-ib.bright img {
170
- -webkit-filter: brightness(1);
171
- filter: brightness(1); }
172
-
173
- .premium-banner-ib.sepia:hover img {
174
- -webkit-filter: sepia(0%);
175
- filter: sepia(0%); }
176
-
177
- .premium-banner-ib.bright:hover img {
178
- -webkit-filter: brightness(1.2);
179
- filter: brightness(1.2); }
180
-
181
- .premium-banner-animation1.premium-banner-min-height img,
182
- .premium-banner-animation2.premium-banner-min-height img,
183
- .premium-banner-animation4.premium-banner-min-height img,
184
- .premium-banner-animation5.premium-banner-min-height img,
185
- .premium-banner-animation6.premium-banner-min-height img,
186
- .premium-banner-animation13.premium-banner-min-height img {
187
- height: auto; }
188
-
189
- .premium-banner-animation2 img {
190
- width: 100%; }
191
-
192
- .premium-banner-animation2 .premium-banner-ib-desc::before {
193
- position: absolute;
194
- content: "";
195
- top: 0;
196
- left: 0;
197
- width: 100%;
198
- height: 100%;
199
- opacity: 0;
200
- -webkit-transform: translate3d(0, 50%, 0);
201
- transform: translate3d(0, 50%, 0); }
202
-
203
- .premium-banner-animation2 .premium-banner-ib-title {
204
- position: absolute;
205
- top: 50%;
206
- left: 0;
207
- width: 100%;
208
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
- transition: color 0.35s, -webkit-transform 0.35s;
210
- transition: transform 0.35s, color 0.35s;
211
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
- -webkit-transform: translate3d(0, -50%, 0);
213
- transform: translate3d(0, -50%, 0); }
214
-
215
- .premium-banner-animation2 .premium-banner-ib-content,
216
- .premium-banner-animation2 .premium-banner-read-more,
217
- .premium-banner-animation2 .premium-banner-ib-desc::before {
218
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
- transition: opacity 0.35s, -webkit-transform 0.35s;
220
- transition: opacity 0.35s, transform 0.35s;
221
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
-
223
- .premium-banner-animation2 .premium-banner-ib-content,
224
- .premium-banner-animation2 .premium-banner-read-more {
225
- position: absolute;
226
- bottom: 0;
227
- left: 0;
228
- padding: 15px;
229
- width: 100%;
230
- max-height: 50%;
231
- opacity: 0;
232
- -webkit-transform: translate3d(0, 10px, 0);
233
- transform: translate3d(0, 10px, 0); }
234
-
235
- .premium-banner-animation2:hover .premium-banner-ib-title,
236
- .premium-banner-animation2.active .premium-banner-ib-title {
237
- -webkit-transform: translate3d(0, -40px, 0);
238
- transform: translate3d(0, -40px, 0); }
239
-
240
- .premium-banner-animation2:hover .premium-banner-read-more,
241
- .premium-banner-animation2.active .premium-banner-read-more,
242
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
- opacity: 1;
245
- -webkit-transform: translate3d(0, 0, 0);
246
- transform: translate3d(0, 0, 0); }
247
-
248
- .premium-banner-animation2:hover .premium-banner-ib-content,
249
- .premium-banner-animation2.active .premium-banner-ib-content {
250
- opacity: 1;
251
- -webkit-transform: translate3d(0, -30px, 0);
252
- transform: translate3d(0, -30px, 0); }
253
-
254
- .premium-banner-animation3 .premium-banner-ib-title {
255
- position: absolute;
256
- bottom: 0;
257
- left: 0;
258
- padding: 15px;
259
- width: 100%;
260
- text-align: left;
261
- -webkit-transform: translate3d(0, -30px, 0);
262
- transform: translate3d(0, -30px, 0); }
263
-
264
- .premium-banner-animation3 .premium-banner-ib-desc::before,
265
- .premium-banner-animation3 .premium-banner-ib-title {
266
- -webkit-transition: -webkit-transform 0.35s;
267
- transition: -webkit-transform 0.35s;
268
- transition: transform 0.35s;
269
- transition: transform 0.35s, -webkit-transform 0.35s; }
270
-
271
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
- .premium-banner-animation3:hover .premium-banner-ib-title,
274
- .premium-banner-animation3.active .premium-banner-ib-title {
275
- opacity: 1;
276
- -webkit-transform: translate3d(0, 0, 0);
277
- transform: translate3d(0, 0, 0); }
278
-
279
- .premium-banner-animation3 .premium-banner-ib-content {
280
- max-height: -webkit-calc(100% - 60px - 1.5em);
281
- max-height: calc(100% - 60px - 1.5em);
282
- overflow: hidden; }
283
-
284
- .premium-banner-animation4 img {
285
- width: -webkit-calc(100% + 40px) !important;
286
- width: calc(100% + 40px) !important;
287
- max-width: -webkit-calc(100% + 40px) !important;
288
- max-width: calc(100% + 40px) !important; }
289
-
290
- .premium-banner-animation4 .premium-banner-ib-desc {
291
- padding: 30px; }
292
- .premium-banner-animation4 .premium-banner-ib-desc::after {
293
- position: absolute;
294
- content: "";
295
- opacity: 0; }
296
- .premium-banner-animation4 .premium-banner-ib-desc::before {
297
- position: absolute;
298
- content: "";
299
- opacity: 0;
300
- top: 50px;
301
- right: 30px;
302
- bottom: 50px;
303
- left: 30px;
304
- border-top: 1px solid #fff;
305
- border-bottom: 1px solid #fff;
306
- -webkit-transform: scale(0, 1);
307
- -ms-transform: scale(0, 1);
308
- transform: scale(0, 1);
309
- -webkit-transform-origin: 0 0;
310
- -ms-transform-origin: 0 0;
311
- transform-origin: 0 0; }
312
- .premium-banner-animation4 .premium-banner-ib-desc::after {
313
- top: 30px;
314
- right: 50px;
315
- bottom: 30px;
316
- left: 50px;
317
- border-right: 1px solid #fff;
318
- border-left: 1px solid #fff;
319
- -webkit-transform: scale(1, 0);
320
- -ms-transform: scale(1, 0);
321
- transform: scale(1, 0);
322
- -webkit-transform-origin: 100% 0;
323
- -ms-transform-origin: 100% 0;
324
- transform-origin: 100% 0; }
325
-
326
- .premium-banner-animation4 .premium-banner-ib-title {
327
- padding: 50px 30px 0 30px;
328
- -webkit-transition: -webkit-transform 0.35s;
329
- transition: -webkit-transform 0.35s;
330
- transition: transform 0.35s;
331
- transition: transform 0.35s, -webkit-transform 0.35s; }
332
-
333
- .premium-banner-animation4 .premium-banner-ib-content,
334
- .premium-banner-animation4 .premium-banner-read-more {
335
- padding: 10px 30px;
336
- opacity: 0;
337
- overflow: hidden;
338
- -webkit-transform: translate3d(0, -10px, 0);
339
- transform: translate3d(0, -10px, 0); }
340
-
341
- .premium-banner-animation4 .premium-banner-ib-title,
342
- .premium-banner-animation4 img {
343
- -webkit-transform: translate3d(-30px, 0, 0);
344
- transform: translate3d(-30px, 0, 0); }
345
-
346
- .premium-banner-animation4.zoomout img,
347
- .premium-banner-animation4.scale img {
348
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
- transform: translate3d(-30px, 0, 0) scale(1.1); }
350
-
351
- .premium-banner-animation4 .premium-banner-ib-content,
352
- .premium-banner-animation4 .premium-banner-read-more {
353
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
- transition: opacity 0.35s, -webkit-transform 0.35s;
355
- transition: opacity 0.35s, transform 0.35s;
356
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
-
358
- .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
- transition: opacity 0.35s, -webkit-transform 0.35s;
361
- transition: opacity 0.35s, transform 0.35s;
362
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
-
364
- .premium-banner-animation4 img {
365
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
- transition: opacity 0.35s, -webkit-transform 0.35s;
367
- transition: opacity 0.35s, transform 0.35s;
368
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
-
370
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
- opacity: 1;
375
- -webkit-transform: scale(1);
376
- -ms-transform: scale(1);
377
- transform: scale(1); }
378
-
379
- .premium-banner-animation4:hover .premium-banner-ib-content,
380
- .premium-banner-animation4.active .premium-banner-ib-content,
381
- .premium-banner-animation4:hover .premium-banner-read-more,
382
- .premium-banner-animation4.active .premium-banner-read-more,
383
- .premium-banner-animation4:hover .premium-banner-ib-title,
384
- .premium-banner-animation4.active .premium-banner-ib-title {
385
- opacity: 1;
386
- -webkit-transform: translate3d(0, 0, 0);
387
- transform: translate3d(0, 0, 0); }
388
-
389
- .premium-banner-animation4:hover .premium-banner-ib-content,
390
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
- .premium-banner-animation4:hover .premium-banner-ib-title,
392
- .premium-banner-animation4:hover img {
393
- -webkit-transition-delay: 0.15s;
394
- transition-delay: 0.15s; }
395
-
396
- .premium-banner-animation5 .premium-banner-ib-desc {
397
- top: auto;
398
- bottom: 0;
399
- padding: 15px;
400
- height: auto;
401
- background: #f2f2f2;
402
- color: #3c4a50;
403
- -webkit-transition: -webkit-transform 0.35s;
404
- transition: -webkit-transform 0.35s;
405
- transition: transform 0.35s;
406
- transition: transform 0.35s, -webkit-transform 0.35s;
407
- -webkit-transform: translate3d(0, 100%, 0);
408
- transform: translate3d(0, 100%, 0); }
409
-
410
- .premium-banner-animation5 .premium-banner-ib-content {
411
- position: absolute;
412
- top: auto;
413
- bottom: 100%;
414
- left: 0;
415
- width: 100%;
416
- padding: 15px;
417
- opacity: 0;
418
- -webkit-transition: opacity 0.35s;
419
- transition: opacity 0.35s; }
420
-
421
- .premium-banner-animation5 .premium-banner-ib-title,
422
- .premium-banner-animation5 .premium-banner-read-more {
423
- -webkit-transition: -webkit-transform 0.35s;
424
- transition: -webkit-transform 0.35s;
425
- transition: transform 0.35s;
426
- transition: transform 0.35s, -webkit-transform 0.35s;
427
- -webkit-transform: translate3d(0, 200%, 0);
428
- transform: translate3d(0, 200%, 0);
429
- text-align: center; }
430
-
431
- .premium-banner-animation5 .premium-banner-ib-title {
432
- margin: 10px 0; }
433
-
434
- .premium-banner-animation5:hover .premium-banner-ib-content,
435
- .premium-banner-animation5.active .premium-banner-ib-content,
436
- .premium-banner-animation5:hover .premium-banner-ib-content *,
437
- .premium-banner-animation5.active .premium-banner-ib-content * {
438
- opacity: 1 !important;
439
- z-index: 99 !important;
440
- -webkit-backface-visibility: hidden !important;
441
- backface-visibility: hidden !important; }
442
-
443
- .premium-banner-animation5:hover .premium-banner-ib-desc,
444
- .premium-banner-animation5.active .premium-banner-ib-desc,
445
- .premium-banner-animation5:hover .premium-banner-ib-title,
446
- .premium-banner-animation5.active .premium-banner-ib-title,
447
- .premium-banner-animation5:hover .premium-banner-read-more,
448
- .premium-banner-animation5.active .premium-banner-read-more {
449
- -webkit-transform: translateY(0);
450
- -ms-transform: translateY(0);
451
- transform: translateY(0); }
452
-
453
- .premium-banner-animation5:hover .premium-banner-ib-title {
454
- -webkit-transition-delay: 0.05s;
455
- transition-delay: 0.05s; }
456
-
457
- .premium-banner-animation5 img {
458
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
-
463
- .premium-banner-animation2 img,
464
- .premium-banner-animation4 img,
465
- .premium-banner-animation6 img {
466
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
-
471
- .premium-banner-animation5.zoomout img,
472
- .premium-banner-animation5.scale img {
473
- -webkit-transform: scale(1.1);
474
- -ms-transform: scale(1.1);
475
- transform: scale(1.1); }
476
-
477
- .premium-banner-animation2.zoomout img,
478
- .premium-banner-animation2.scale img {
479
- -webkit-transform: scale(1.1);
480
- -ms-transform: scale(1.1);
481
- transform: scale(1.1); }
482
-
483
- .premium-banner-animation6.zoomout img,
484
- .premium-banner-animation6.scale img {
485
- -webkit-transform: scale(1.1);
486
- -ms-transform: scale(1.1);
487
- transform: scale(1.1); }
488
-
489
- .premium-banner-animation5.zoomin:hover img,
490
- .premium-banner-animation2.zoomin:hover img,
491
- .premium-banner-animation6.zoomin:hover img {
492
- -webkit-transform: scale(1.1);
493
- -ms-transform: scale(1.1);
494
- transform: scale(1.1); }
495
-
496
- .premium-banner-animation5.zoomout:hover img,
497
- .premium-banner-animation2.zoomout:hover img,
498
- .premium-banner-animation6.zoomout:hover img {
499
- -webkit-transform: scale(1);
500
- -ms-transform: scale(1);
501
- transform: scale(1); }
502
-
503
- .premium-banner-animation5.scale:hover img,
504
- .premium-banner-animation2.scale:hover img,
505
- .premium-banner-animation6.scale:hover img {
506
- -webkit-transform: scale(1.2) rotate(5deg);
507
- -ms-transform: scale(1.2) rotate(5deg);
508
- transform: scale(1.2) rotate(5deg); }
509
-
510
- .premium-banner-animation5.grayscale:hover img,
511
- .premium-banner-animation2.grayscale:hover img,
512
- .premium-banner-animation6.grayscale:hover img {
513
- -webkit-filter: grayscale(100%);
514
- filter: grayscale(100%); }
515
-
516
- .premium-banner-animation5.blur:hover img,
517
- .premium-banner-animation2.blur:hover img {
518
- -webkit-filter: blur(3px);
519
- filter: blur(3px); }
520
-
521
- .premium-banner-animation6.blur:hover img {
522
- -webkit-filter: blur(3px);
523
- filter: blur(3px); }
524
-
525
- .premium-banner-animation6 .premium-banner-ib-desc {
526
- padding: 45px; }
527
- .premium-banner-animation6 .premium-banner-ib-desc::before {
528
- position: absolute;
529
- content: "";
530
- top: 30px;
531
- right: 30px;
532
- bottom: 30px;
533
- left: 30px;
534
- border: 1px solid #fff; }
535
-
536
- .premium-banner-animation6 .premium-banner-ib-title {
537
- margin: 20px 0 10px;
538
- -webkit-transition: -webkit-transform 0.35s;
539
- transition: -webkit-transform 0.35s;
540
- transition: transform 0.35s;
541
- transition: transform 0.35s, -webkit-transform 0.35s;
542
- -webkit-transform: translate3d(0, 100%, 0);
543
- transform: translate3d(0, 100%, 0); }
544
-
545
- .premium-banner-animation6 .premium-banner-ib-content,
546
- .premium-banner-animation6 .premium-banner-read-more,
547
- .premium-banner-animation6 .premium-banner-ib-desc::before {
548
- opacity: 0;
549
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-transform 0.35s;
551
- transition: opacity 0.35s, transform 0.35s;
552
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
- -webkit-transform: scale(0);
554
- -ms-transform: scale(0);
555
- transform: scale(0); }
556
-
557
- .premium-banner-animation6 .premium-banner-read-more {
558
- margin-top: 10px; }
559
-
560
- .premium-banner-animation6:hover .premium-banner-ib-title,
561
- .premium-banner-animation6.active .premium-banner-ib-title {
562
- -webkit-transform: translate3d(0, 0, 0);
563
- transform: translate3d(0, 0, 0); }
564
-
565
- .premium-banner-animation6:hover .premium-banner-ib-content,
566
- .premium-banner-animation6.active .premium-banner-ib-content,
567
- .premium-banner-animation6:hover .premium-banner-read-more,
568
- .premium-banner-animation6.active .premium-banner-read-more,
569
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
- opacity: 1;
572
- -webkit-transform: scale(1);
573
- -ms-transform: scale(1);
574
- transform: scale(1); }
575
-
576
- .premium-banner-animation12 .premium-banner-ib-desc::after {
577
- position: absolute;
578
- content: "";
579
- right: 30px;
580
- bottom: 30px;
581
- left: 30px;
582
- height: -webkit-calc(50% - 30px);
583
- height: calc(50% - 30px);
584
- border: 7px solid #fff;
585
- -webkit-transition: -webkit-transform 0.35s;
586
- transition: -webkit-transform 0.35s;
587
- transition: transform 0.35s;
588
- transition: transform 0.35s, -webkit-transform 0.35s;
589
- -webkit-transform: translate3d(0, -100%, 0);
590
- transform: translate3d(0, -100%, 0); }
591
-
592
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
- -webkit-transform: translate3d(0, 0, 0);
595
- transform: translate3d(0, 0, 0); }
596
-
597
- .premium-banner-animation12 .premium-banner-ib-desc {
598
- padding: 45px;
599
- text-align: left; }
600
-
601
- .premium-banner-animation12 .premium-banner-ib-content {
602
- position: absolute;
603
- right: 60px;
604
- bottom: 60px;
605
- left: 60px;
606
- opacity: 0;
607
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
- transition: opacity 0.35s, -webkit-transform 0.35s;
609
- transition: opacity 0.35s, transform 0.35s;
610
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
- -webkit-transform: translate3d(0, -100px, 0);
612
- transform: translate3d(0, -100px, 0); }
613
-
614
- .premium-banner-animation12:hover .premium-banner-ib-content,
615
- .premium-banner-animation12.active .premium-banner-ib-content {
616
- opacity: 1;
617
- -webkit-transform: translate3d(0, 0, 0);
618
- transform: translate3d(0, 0, 0); }
619
-
620
- .premium-banner-animation13 img {
621
- width: -webkit-calc(100% + 20px) !important;
622
- width: calc(100% + 20px) !important;
623
- max-width: -webkit-calc(100% + 20px) !important;
624
- max-width: calc(100% + 20px) !important;
625
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
- -webkit-transform: translate3d(-10px, 0, 0);
630
- transform: translate3d(-10px, 0, 0);
631
- -webkit-backface-visibility: hidden;
632
- backface-visibility: hidden; }
633
-
634
- .premium-banner-animation13.zoomout img,
635
- .premium-banner-animation13.scale img {
636
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
- transform: translate3d(-10px, 0, 0) scale(1.1); }
638
-
639
- .premium-banner-animation13.none:hover img {
640
- -webkit-transform: translate3d(0, 0, 0);
641
- transform: translate3d(0, 0, 0); }
642
-
643
- .premium-banner-animation1.none:hover img,
644
- .premium-banner-animation4.none:hover img {
645
- -webkit-transform: translate3d(0, 0, 0);
646
- transform: translate3d(0, 0, 0); }
647
-
648
- .premium-banner-animation13.zoomin:hover img,
649
- .premium-banner-animation1.zoomin:hover img,
650
- .premium-banner-animation4.zoomin:hover img,
651
- .premium-banner-animation8.zoomin:hover img,
652
- .premium-banner-animation7.zoomin:hover img,
653
- .premium-banner-animation9.zoomin:hover img,
654
- .premium-banner-animation10.zoomin:hover img,
655
- .premium-banner-animation11.zoomin:hover img {
656
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
- transform: translate3d(0, 0, 0) scale(1.1); }
658
-
659
- .premium-banner-animation13.zoomout:hover img,
660
- .premium-banner-animation1.zoomout:hover img,
661
- .premium-banner-animation4.zoomout:hover img,
662
- .premium-banner-animation8.zoomout:hover img,
663
- .premium-banner-animation7.zoomout:hover img,
664
- .premium-banner-animation9.zoomout:hover img,
665
- .premium-banner-animation10.zoomout:hover img,
666
- .premium-banner-animation11.zoomout:hover img {
667
- -webkit-transform: translate3d(0, 0, 0) scale(1);
668
- transform: translate3d(0, 0, 0) scale(1); }
669
-
670
- .premium-banner-animation13.scale:hover img,
671
- .premium-banner-animation1.scale:hover img,
672
- .premium-banner-animation4.scale:hover img,
673
- .premium-banner-animation8.scale:hover img,
674
- .premium-banner-animation7.scale:hover img,
675
- .premium-banner-animation9.scale:hover img,
676
- .premium-banner-animation10.scale:hover img,
677
- .premium-banner-animation11.scale:hover img {
678
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
-
681
- .premium-banner-animation13.grayscale:hover img,
682
- .premium-banner-animation1.grayscale:hover img,
683
- .premium-banner-animation4.grayscale:hover img,
684
- .premium-banner-animation8.grayscale:hover img,
685
- .premium-banner-animation7.grayscale:hover img,
686
- .premium-banner-animation9.grayscale:hover img,
687
- .premium-banner-animation10.grayscale:hover img,
688
- .premium-banner-animation11.grayscale:hover img {
689
- -webkit-transform: translate3d(0, 0, 0);
690
- transform: translate3d(0, 0, 0);
691
- -webkit-filter: grayscale(100%);
692
- filter: grayscale(100%); }
693
-
694
- .premium-banner-animation13.blur:hover img,
695
- .premium-banner-animation1.blur:hover img,
696
- .premium-banner-animation4.blur:hover,
697
- .premium-banner-animation8.blur:hover img,
698
- .premium-banner-animation7.blur:hover img,
699
- .premium-banner-animation9.blur:hover img,
700
- .premium-banner-animation10.blur:hover img,
701
- .premium-banner-animation11.blur:hover img {
702
- -webkit-transform: translate3d(0, 0, 0);
703
- transform: translate3d(0, 0, 0);
704
- -webkit-filter: blur(3px);
705
- filter: blur(3px); }
706
-
707
- .premium-banner-animation13 .premium-banner-ib-desc {
708
- text-align: left; }
709
-
710
- .premium-banner-animation13 .premium-banner-ib-title {
711
- position: relative;
712
- overflow: hidden;
713
- padding: 5px 0 10px; }
714
- .premium-banner-animation13 .premium-banner-ib-title::after {
715
- position: absolute;
716
- content: "";
717
- bottom: 0;
718
- left: 0;
719
- width: 100%;
720
- height: 2px;
721
- background: #fff;
722
- -webkit-transition: -webkit-transform 0.35s;
723
- transition: -webkit-transform 0.35s;
724
- transition: transform 0.35s;
725
- transition: transform 0.35s, -webkit-transform 0.35s;
726
- -webkit-transform: translate3d(-101%, 0, 0);
727
- transform: translate3d(-101%, 0, 0); }
728
-
729
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
- .premium-banner-animation13.active .premium-banner-ib-title::after {
731
- -webkit-transform: translate3d(0, 0, 0);
732
- transform: translate3d(0, 0, 0); }
733
-
734
- .premium-banner-animation13 .premium-banner-ib-content,
735
- .premium-banner-animation13 .premium-banner-read-more {
736
- padding: 15px 0;
737
- opacity: 0;
738
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
- transition: opacity 0.35s, -webkit-transform 0.35s;
740
- transition: opacity 0.35s, transform 0.35s;
741
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
- -webkit-transform: translate3d(100%, 0, 0);
743
- transform: translate3d(100%, 0, 0); }
744
-
745
- .premium-banner-animation13:hover .premium-banner-ib-content,
746
- .premium-banner-animation13.active .premium-banner-ib-content,
747
- .premium-banner-animation13:hover .premium-banner-read-more,
748
- .premium-banner-animation13.active .premium-banner-read-more {
749
- opacity: 1;
750
- -webkit-transform: translate3d(0, 0, 0);
751
- transform: translate3d(0, 0, 0); }
752
-
753
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
- left: 50%;
755
- width: auto !important;
756
- height: 100%;
757
- max-width: none;
758
- -webkit-transform: translateX(-50%);
759
- -ms-transform: translateX(-50%);
760
- transform: translateX(-50%); }
761
-
762
- .premium-banner-ib img {
763
- border: none;
764
- padding: 0;
765
- margin: 0; }
766
-
767
- .premium-banner-animation7 img {
768
- width: -webkit-calc(100% + 40px) !important;
769
- width: calc(100% + 40px) !important;
770
- max-width: -webkit-calc(100% + 40px) !important;
771
- max-width: calc(100% + 40px) !important;
772
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
-
777
- .premium-banner-animation7 .premium-banner-brlr {
778
- width: 7px; }
779
-
780
- .premium-banner-animation7 .premium-banner-brtb {
781
- height: 7px; }
782
-
783
- .premium-banner-animation7 .premium-banner-br {
784
- position: absolute;
785
- z-index: 1;
786
- background-color: white;
787
- -webkit-transition: all 0.3s ease-in-out;
788
- transition: all 0.3s ease-in-out;
789
- -webkit-transition-delay: 0.2s;
790
- transition-delay: 0.2s; }
791
-
792
- .premium-banner-animation7 .premium-banner-bleft {
793
- left: 30px;
794
- top: -webkit-calc(100% - 150px);
795
- top: calc(100% - 150px);
796
- height: 0; }
797
-
798
- .premium-banner-animation7 .premium-banner-bright {
799
- right: 30px;
800
- bottom: -webkit-calc(100% - 150px);
801
- bottom: calc(100% - 150px);
802
- height: 0; }
803
-
804
- .premium-banner-animation7 .premium-banner-bottom {
805
- right: -webkit-calc(100% - 150px);
806
- right: calc(100% - 150px);
807
- bottom: 30px;
808
- width: 0; }
809
-
810
- .premium-banner-animation7 .premium-banner-btop {
811
- left: -webkit-calc(100% - 150px);
812
- left: calc(100% - 150px);
813
- top: 30px;
814
- width: 0; }
815
-
816
- .premium-banner-animation7 .premium-banner-ib-desc {
817
- padding: 70px;
818
- display: table; }
819
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
- display: table-cell;
821
- vertical-align: middle; }
822
-
823
- .premium-banner-animation7 .premium-banner-ib-title {
824
- margin-top: 0; }
825
-
826
- .premium-banner-animation7 .premium-banner-ib-title,
827
- .premium-banner-animation7 img {
828
- -webkit-transform: translate3d(-30px, 0, 0);
829
- transform: translate3d(-30px, 0, 0); }
830
-
831
- .premium-banner-animation7.zoomout img,
832
- .premium-banner-animation7.scale img {
833
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
- transform: translate3d(-30px, 0, 0) scale(1.1); }
835
-
836
- .premium-banner-animation7 .premium-banner-ib-content,
837
- .premium-banner-animation7 .premium-banner-read-more {
838
- margin-top: 10px; }
839
-
840
- .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
- transition: opacity 0.35s, -webkit-transform 0.35s;
843
- transition: opacity 0.35s, transform 0.35s;
844
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
-
846
- .premium-banner-animation7 .premium-banner-ib-title,
847
- .premium-banner-animation7 .premium-banner-ib-content,
848
- .premium-banner-animation7 .premium-banner-read-more {
849
- opacity: 0;
850
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
- transition: opacity 0.35s, -webkit-transform 0.35s;
852
- transition: opacity 0.35s, transform 0.35s;
853
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
-
855
- .premium-banner-animation7:hover .premium-banner-ib-content,
856
- .premium-banner-animation7.active .premium-banner-ib-content,
857
- .premium-banner-animation7:hover .premium-banner-read-more,
858
- .premium-banner-animation7.active .premium-banner-read-more,
859
- .premium-banner-animation7:hover .premium-banner-ib-title,
860
- .premium-banner-animation7.active .premium-banner-ib-title {
861
- opacity: 1;
862
- -webkit-transform: translate3d(0, 0, 0);
863
- transform: translate3d(0, 0, 0); }
864
-
865
- .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
- top: 30px;
867
- height: 70px; }
868
-
869
- .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
- bottom: 30px;
871
- height: 70px; }
872
-
873
- .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
- right: 30px;
875
- width: 70px; }
876
-
877
- .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
- left: 30px;
879
- width: 70px; }
880
-
881
- .premium-banner-animation7:hover .premium-banner-ib-content,
882
- .premium-banner-animation7:hover .premium-banner-read-more,
883
- .premium-banner-animation7:hover .premium-banner-ib-title,
884
- .premium-banner-animation7:hover img {
885
- -webkit-transition-delay: 0.15s;
886
- transition-delay: 0.15s; }
887
-
888
- .premium-banner-animation8 img {
889
- width: -webkit-calc(100% + 40px) !important;
890
- width: calc(100% + 40px) !important;
891
- max-width: -webkit-calc(100% + 40px) !important;
892
- max-width: calc(100% + 40px) !important;
893
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
-
898
- .premium-banner-animation8 .premium-banner-brlr {
899
- width: 7px; }
900
-
901
- .premium-banner-animation8 .premium-banner-brtb {
902
- height: 7px; }
903
-
904
- .premium-banner-animation8 .premium-banner-br {
905
- position: absolute;
906
- z-index: 1;
907
- background-color: white;
908
- -webkit-transition: all 0.3s ease-in-out;
909
- transition: all 0.3s ease-in-out;
910
- -webkit-transition-delay: 0.2s;
911
- transition-delay: 0.2s; }
912
-
913
- .premium-banner-animation8 .premium-banner-bleft {
914
- left: 30px;
915
- top: 50%;
916
- -webkit-transform: translateY(-50%);
917
- -ms-transform: translateY(-50%);
918
- transform: translateY(-50%);
919
- height: 0; }
920
-
921
- .premium-banner-animation8 .premium-banner-bright {
922
- right: 30px;
923
- top: 50%;
924
- -webkit-transform: translateY(-50%);
925
- -ms-transform: translateY(-50%);
926
- transform: translateY(-50%);
927
- height: 0; }
928
-
929
- .premium-banner-animation8 .premium-banner-bottom {
930
- left: 50%;
931
- -webkit-transform: translateX(-50%);
932
- -ms-transform: translateX(-50%);
933
- transform: translateX(-50%);
934
- bottom: 30px;
935
- width: 0; }
936
-
937
- .premium-banner-animation8 .premium-banner-btop {
938
- left: 50%;
939
- -webkit-transform: translateX(-50%);
940
- -ms-transform: translateX(-50%);
941
- transform: translateX(-50%);
942
- top: 30px;
943
- width: 0; }
944
-
945
- .premium-banner-animation8 .premium-banner-ib-desc {
946
- padding: 70px;
947
- display: table; }
948
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
- display: table-cell;
950
- vertical-align: middle; }
951
-
952
- .premium-banner-animation8 .premium-banner-ib-title {
953
- margin-top: 0; }
954
-
955
- .premium-banner-animation8 .premium-banner-ib-title,
956
- .premium-banner-animation8 img {
957
- -webkit-transform: translate3d(-30px, 0, 0);
958
- transform: translate3d(-30px, 0, 0); }
959
-
960
- .premium-banner-animation8.zoomout img,
961
- .premium-banner-animation8.scale img {
962
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
- transform: translate3d(-30px, 0, 0) scale(1.1); }
964
-
965
- .premium-banner-animation8 .premium-banner-ib-content,
966
- .premium-banner-animation8 .premium-banner-read-more {
967
- margin-top: 10px; }
968
-
969
- .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
- transition: opacity 0.35s, -webkit-transform 0.35s;
972
- transition: opacity 0.35s, transform 0.35s;
973
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
-
975
- .premium-banner-animation8 .premium-banner-ib-title,
976
- .premium-banner-animation8 .premium-banner-ib-content,
977
- .premium-banner-animation8 .premium-banner-read-more {
978
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
- transition: opacity 0.35s, -webkit-transform 0.35s;
980
- transition: opacity 0.35s, transform 0.35s;
981
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
- opacity: 0; }
983
-
984
- .premium-banner-animation8:hover .premium-banner-ib-content,
985
- .premium-banner-animation8.active .premium-banner-ib-content,
986
- .premium-banner-animation8:hover .premium-banner-read-more,
987
- .premium-banner-animation8.active .premium-banner-read-more,
988
- .premium-banner-animation8:hover .premium-banner-ib-title,
989
- .premium-banner-animation8.active .premium-banner-ib-title {
990
- opacity: 1;
991
- -webkit-transform: translate3d(0, 0, 0);
992
- transform: translate3d(0, 0, 0); }
993
-
994
- .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
- height: -webkit-calc(100% - 61px);
996
- height: calc(100% - 61px); }
997
-
998
- .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
- height: -webkit-calc(100% - 61px);
1000
- height: calc(100% - 61px); }
1001
-
1002
- .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
- width: -webkit-calc(100% - 61px);
1004
- width: calc(100% - 61px); }
1005
-
1006
- .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
- width: -webkit-calc(100% - 61px);
1008
- width: calc(100% - 61px); }
1009
-
1010
- .premium-banner-animation8:hover .premium-banner-ib-content,
1011
- .premium-banner-animation8:hover .premium-banner-ib-title,
1012
- .premium-banner-animation8:hover .premium-banner-read-more,
1013
- .premium-banner-animation8:hover img {
1014
- -webkit-transition-delay: 0.15s;
1015
- transition-delay: 0.15s; }
1016
-
1017
- .premium-banner-animation9 img {
1018
- width: -webkit-calc(100% + 20px) !important;
1019
- width: calc(100% + 20px) !important;
1020
- max-width: -webkit-calc(100% + 20px) !important;
1021
- max-width: calc(100% + 20px) !important;
1022
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
- -webkit-transform: scale(1.2);
1027
- -ms-transform: scale(1.2);
1028
- transform: scale(1.2); }
1029
-
1030
- .premium-banner-animation9 .premium-banner-ib-desc {
1031
- width: 100%;
1032
- height: 100%; }
1033
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
- position: absolute;
1035
- top: 50%;
1036
- left: 50%;
1037
- width: 80%;
1038
- height: 1px;
1039
- background: #fff;
1040
- content: "";
1041
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
- transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
- -webkit-transform: translate3d(-50%, -50%, 0);
1046
- transform: translate3d(-50%, -50%, 0); }
1047
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
- position: absolute;
1049
- top: 50%;
1050
- left: 50%;
1051
- width: 80%;
1052
- height: 1px;
1053
- background: #fff;
1054
- content: "";
1055
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
- transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
- -webkit-transform: translate3d(-50%, -50%, 0);
1060
- transform: translate3d(-50%, -50%, 0); }
1061
-
1062
- .premium-banner-animation9 .premium-banner-ib-title {
1063
- position: absolute;
1064
- top: 50%;
1065
- left: 0;
1066
- width: 100%;
1067
- -webkit-transition: -webkit-transform 0.35s;
1068
- transition: -webkit-transform 0.35s;
1069
- transition: transform 0.35s;
1070
- transition: transform 0.35s, -webkit-transform 0.35s;
1071
- -webkit-transform: translate3d(0, -70px, 0);
1072
- transform: translate3d(0, -70px, 0);
1073
- margin-top: 0;
1074
- padding: 0 10%; }
1075
-
1076
- .premium-banner-animation9:hover .premium-banner-ib-title,
1077
- .premium-banner-animation9.active .premium-banner-ib-title {
1078
- -webkit-transform: translate3d(0, -80px, 0);
1079
- transform: translate3d(0, -80px, 0); }
1080
-
1081
- .premium-banner-animation9 .premium-banner-ib-content,
1082
- .premium-banner-animation9 .premium-banner-read-more {
1083
- position: absolute;
1084
- top: 50%;
1085
- left: 0;
1086
- width: 100%;
1087
- -webkit-transition: -webkit-transform 0.35s;
1088
- transition: -webkit-transform 0.35s;
1089
- transition: transform 0.35s;
1090
- transition: transform 0.35s, -webkit-transform 0.35s;
1091
- padding: 0 10%;
1092
- -webkit-transform: translate3d(0, 35px, 0);
1093
- transform: translate3d(0, 35px, 0); }
1094
-
1095
- .premium-banner-animation9 .premium-banner-read-more {
1096
- top: 75%; }
1097
-
1098
- .premium-banner-animation9:hover .premium-banner-ib-content,
1099
- .premium-banner-animation9.active .premium-banner-ib-content,
1100
- .premium-banner-animation9:hover .premium-banner-read-more,
1101
- .premium-banner-animation9.active .premium-banner-read-more {
1102
- -webkit-transform: translate3d(0, 45px, 0);
1103
- transform: translate3d(0, 45px, 0); }
1104
-
1105
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
- opacity: 0.5;
1108
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
-
1111
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
- opacity: 0.5;
1114
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
-
1117
- .premium-banner-animation9:hover img {
1118
- -webkit-transform: scale(1);
1119
- -ms-transform: scale(1);
1120
- transform: scale(1); }
1121
-
1122
- .premium-banner-animation10 img {
1123
- width: -webkit-calc(100% + 20px) !important;
1124
- width: calc(100% + 20px) !important;
1125
- max-width: -webkit-calc(100% + 20px) !important;
1126
- max-width: calc(100% + 20px) !important;
1127
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
-
1132
- .premium-banner-animation10 .premium-banner-ib-title {
1133
- position: relative;
1134
- overflow: hidden;
1135
- padding: 5px 0 15px;
1136
- -webkit-transition: -webkit-transform 0.35s;
1137
- transition: -webkit-transform 0.35s;
1138
- transition: transform 0.35s;
1139
- transition: transform 0.35s, -webkit-transform 0.35s;
1140
- -webkit-transform: translate3d(0, 20px, 0);
1141
- transform: translate3d(0, 20px, 0);
1142
- margin-bottom: 0; }
1143
- .premium-banner-animation10 .premium-banner-ib-title::after {
1144
- position: absolute;
1145
- content: "";
1146
- bottom: 0;
1147
- left: 0;
1148
- width: 100%;
1149
- height: 3px;
1150
- background: #fff;
1151
- opacity: 0;
1152
- -webkit-transform: translate3d(0, 100%, 0);
1153
- transform: translate3d(0, 100%, 0);
1154
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
- transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
-
1159
- .premium-banner-animation10:hover .premium-banner-ib-title,
1160
- .premium-banner-animation10.active .premium-banner-ib-title {
1161
- -webkit-transform: translate3d(0, 0, 0);
1162
- transform: translate3d(0, 0, 0); }
1163
-
1164
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
- opacity: 1;
1167
- -webkit-transform: translate3d(0, 0, 0);
1168
- transform: translate3d(0, 0, 0); }
1169
-
1170
- .premium-banner-animation10.zoomout img,
1171
- .premium-banner-animation10.scale img {
1172
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
-
1175
- .premium-banner-animation10 .premium-banner-ib-content,
1176
- .premium-banner-animation10 .premium-banner-read-more {
1177
- padding-top: 15px;
1178
- opacity: 0;
1179
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
- transition: opacity 0.35s, -webkit-transform 0.35s;
1181
- transition: opacity 0.35s, transform 0.35s;
1182
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
- -webkit-transform: translate3d(0, 100%, 0);
1184
- transform: translate3d(0, 100%, 0); }
1185
-
1186
- .premium-banner-animation10 .premium-banner-read-more {
1187
- padding: 0; }
1188
-
1189
- .premium-banner-animation10:hover .premium-banner-ib-content,
1190
- .premium-banner-animation10.active .premium-banner-ib-content,
1191
- .premium-banner-animation10:hover .premium-banner-read-more,
1192
- .premium-banner-animation10.active .premium-banner-read-more {
1193
- opacity: 1;
1194
- -webkit-transform: translate3d(0, 0, 0);
1195
- transform: translate3d(0, 0, 0); }
1196
-
1197
- .premium-banner-animation11 {
1198
- -webkit-transition: -webkit-transform 1s ease-out;
1199
- transition: -webkit-transform 1s ease-out;
1200
- transition: transform 1s ease-out;
1201
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
- -webkit-transition-delay: 0.125s;
1203
- transition-delay: 0.125s; }
1204
- .premium-banner-animation11 .premium-banner-ib-desc {
1205
- position: absolute;
1206
- z-index: 5;
1207
- -webkit-transform: translate3d(-30px, 0, 0);
1208
- transform: translate3d(-30px, 0, 0);
1209
- opacity: 0;
1210
- top: auto;
1211
- bottom: 0;
1212
- min-height: 25%;
1213
- height: auto;
1214
- max-height: 100%;
1215
- text-align: left;
1216
- padding: 30px;
1217
- -webkit-transition: all 0.6s ease-out;
1218
- transition: all 0.6s ease-out; }
1219
- .premium-banner-animation11 img {
1220
- width: 100%;
1221
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
- .premium-banner-animation11 .premium-banner-ib-title {
1226
- margin-bottom: 10px; }
1227
- .premium-banner-animation11 .premium-banner-gradient {
1228
- position: absolute;
1229
- left: 0;
1230
- top: 0;
1231
- right: 0;
1232
- bottom: 0; }
1233
- .premium-banner-animation11 .premium-banner-gradient:after,
1234
- .premium-banner-animation11 .premium-banner-gradient:before {
1235
- position: absolute;
1236
- content: "";
1237
- left: 0;
1238
- top: 0;
1239
- right: 0;
1240
- bottom: 0;
1241
- -webkit-transform: translate3d(-100%, 0, 0);
1242
- transform: translate3d(-100%, 0, 0);
1243
- background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
- background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
- z-index: 2; }
1246
- .premium-banner-animation11 .premium-banner-gradient:before {
1247
- mix-blend-mode: color; }
1248
- .premium-banner-animation11 .premium-banner-gradient:after {
1249
- mix-blend-mode: multiply; }
1250
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
- .premium-banner-animation11.active .premium-banner-ib-desc {
1252
- opacity: 1;
1253
- -webkit-transform: translate3d(0, 0, 0);
1254
- transform: translate3d(0, 0, 0); }
1255
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
- .premium-banner-animation11.active .premium-banner-gradient:after,
1258
- .premium-banner-animation11.active .premium-banner-gradient:before {
1259
- -webkit-transform: translate3d(0, 0, 0);
1260
- transform: translate3d(0, 0, 0); }
1261
- .premium-banner-animation11.zoomout img,
1262
- .premium-banner-animation11.scale img {
1263
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
-
1266
- /**************** Premium CountDown *************/
1267
- /************************************************/
1268
- .premium-countdown {
1269
- -js-display: flex;
1270
- display: -webkit-box;
1271
- display: -webkit-flex;
1272
- display: -moz-box;
1273
- display: -ms-flexbox;
1274
- display: flex;
1275
- text-align: center; }
1276
-
1277
- .countdown-row {
1278
- display: block;
1279
- text-align: center; }
1280
-
1281
- .countdown .countdown-section {
1282
- display: inline-block;
1283
- max-width: 100%;
1284
- margin-bottom: 15px;
1285
- -js-display: inline-flex;
1286
- display: -webkit-inline-box;
1287
- display: -webkit-inline-flex;
1288
- display: -moz-inline-box;
1289
- display: -ms-inline-flexbox;
1290
- display: inline-flex;
1291
- -webkit-box-align: center;
1292
- -webkit-align-items: center;
1293
- -moz-box-align: center;
1294
- -ms-flex-align: center;
1295
- align-items: center; }
1296
- .countdown .countdown-section:last-child {
1297
- margin-right: 0; }
1298
-
1299
- .countdown span.countdown-amount {
1300
- font-size: 70px;
1301
- line-height: 1;
1302
- padding: 40px; }
1303
-
1304
- .countdown .pre_time-mid {
1305
- display: block; }
1306
-
1307
- .premium-countdown-separator-yes .countdown_separator {
1308
- display: block;
1309
- margin: 0 50px;
1310
- font-size: 30px; }
1311
-
1312
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
- display: none; }
1315
-
1316
- /**
1317
- * Digit and unit styles
1318
- */
1319
- .side .countdown-section .countdown-period {
1320
- vertical-align: bottom; }
1321
-
1322
- .countdown .countdown-section .countdown-period {
1323
- font-size: 17px;
1324
- line-height: 3em; }
1325
-
1326
- .side .countdown-section .countdown-amount,
1327
- .side .countdown-section .countdown-period {
1328
- display: inline-block; }
1329
-
1330
- .side .countdown-section .countdown-amount {
1331
- margin-right: 5px; }
1332
-
1333
- .down .countdown-section .countdown-amount,
1334
- .down .countdown-section .countdown-period {
1335
- display: block; }
1336
-
1337
- /**
1338
- * Flip Layout
1339
- */
1340
- .premium-countdown-flip .premium-countdown-block {
1341
- text-align: center;
1342
- -js-display: inline-flex;
1343
- display: -webkit-inline-box;
1344
- display: -webkit-inline-flex;
1345
- display: -moz-inline-box;
1346
- display: -ms-inline-flexbox;
1347
- display: inline-flex;
1348
- -webkit-box-align: center;
1349
- -webkit-align-items: center;
1350
- -moz-box-align: center;
1351
- -ms-flex-align: center;
1352
- align-items: center; }
1353
- .premium-countdown-flip .premium-countdown-block:last-child {
1354
- margin-right: 0; }
1355
-
1356
- .premium-countdown-flip .premium-countdown-label {
1357
- overflow: hidden;
1358
- color: #1a1a1a;
1359
- text-transform: uppercase; }
1360
-
1361
- .premium-countdown-flip .premium-countdown-figure {
1362
- position: relative;
1363
- height: 110px;
1364
- width: 100px;
1365
- line-height: 107px;
1366
- background-color: #fff;
1367
- -webkit-border-radius: 10px;
1368
- border-radius: 10px;
1369
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
- .premium-countdown-flip .premium-countdown-figure:last-child {
1372
- margin-right: 0; }
1373
- .premium-countdown-flip .premium-countdown-figure > span {
1374
- position: absolute;
1375
- left: 0;
1376
- right: 0;
1377
- margin: auto;
1378
- font-weight: 700; }
1379
- .premium-countdown-flip .premium-countdown-figure .top {
1380
- z-index: 3;
1381
- -webkit-transform-origin: 50% 100%;
1382
- -ms-transform-origin: 50% 100%;
1383
- transform-origin: 50% 100%;
1384
- -webkit-transform: perspective(200px);
1385
- transform: perspective(200px);
1386
- -webkit-backface-visibility: hidden;
1387
- backface-visibility: hidden; }
1388
- .premium-countdown-flip .premium-countdown-figure .bottom {
1389
- z-index: 1; }
1390
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
- content: "";
1392
- position: absolute;
1393
- display: block;
1394
- top: 0;
1395
- left: 0;
1396
- width: 100%;
1397
- height: 50%;
1398
- background-color: rgba(0, 0, 0, 0.02); }
1399
- .premium-countdown-flip .premium-countdown-figure .top-back {
1400
- -webkit-backface-visibility: hidden;
1401
- backface-visibility: hidden;
1402
- z-index: 4;
1403
- bottom: 0;
1404
- -webkit-transform-origin: 50% 0;
1405
- -ms-transform-origin: 50% 0;
1406
- transform-origin: 50% 0;
1407
- -webkit-transform: perspective(200px) rotateX(180deg);
1408
- transform: perspective(200px) rotateX(180deg); }
1409
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
- position: absolute;
1411
- top: -100%;
1412
- left: 0;
1413
- right: 0;
1414
- margin: auto; }
1415
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
- z-index: 2;
1417
- top: 0; }
1418
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
- position: absolute;
1420
- top: 0;
1421
- left: 0;
1422
- right: 0;
1423
- margin: auto; }
1424
- .premium-countdown-flip .premium-countdown-figure .top,
1425
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
- .premium-countdown-flip .premium-countdown-figure .top-back {
1427
- height: 50%;
1428
- overflow: hidden;
1429
- background-color: #f7f7f7;
1430
- -webkit-border-top-left-radius: 10px;
1431
- border-top-left-radius: 10px;
1432
- -webkit-border-top-right-radius: 10px;
1433
- border-top-right-radius: 10px; }
1434
- .premium-countdown-flip .premium-countdown-figure .top-back {
1435
- -webkit-border-bottom-left-radius: 10px;
1436
- border-bottom-left-radius: 10px;
1437
- -webkit-border-bottom-right-radius: 10px;
1438
- border-bottom-right-radius: 10px; }
1439
- .premium-countdown-flip .premium-countdown-figure .top::after,
1440
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
- content: "";
1442
- position: absolute;
1443
- z-index: -1;
1444
- left: 0;
1445
- bottom: 0;
1446
- width: 100%;
1447
- height: 100%;
1448
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
-
1450
- .side .premium-countdown-figure,
1451
- .side .premium-countdown-label {
1452
- display: inline-block; }
1453
-
1454
- .side .premium-countdown-figure {
1455
- margin-right: 5px; }
1456
-
1457
- .down .premium-countdown-figure,
1458
- .down .premium-countdown-label {
1459
- display: block; }
1460
-
1461
- .down .premium-countdown-label {
1462
- width: 100%; }
1463
-
1464
- /**************** Premium Carousel ****************/
1465
- /**************************************************/
1466
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
- -js-display: flex;
1468
- display: -webkit-box;
1469
- display: -webkit-flex;
1470
- display: -moz-box;
1471
- display: -ms-flexbox;
1472
- display: flex;
1473
- -webkit-box-align: center;
1474
- -webkit-align-items: center;
1475
- -moz-box-align: center;
1476
- -ms-flex-align: center;
1477
- align-items: center;
1478
- -webkit-box-pack: center;
1479
- -webkit-justify-content: center;
1480
- -moz-box-pack: center;
1481
- -ms-flex-pack: center;
1482
- justify-content: center;
1483
- width: 2em;
1484
- height: 2em;
1485
- line-height: 0;
1486
- text-align: center;
1487
- position: absolute;
1488
- z-index: 99;
1489
- cursor: pointer;
1490
- -webkit-transition: all 0.3s ease-in-out;
1491
- transition: all 0.3s ease-in-out;
1492
- -webkit-appearance: inherit;
1493
- border: none;
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none; }
1496
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
- -webkit-transition: all 0.3s ease-in-out;
1498
- transition: all 0.3s ease-in-out; }
1499
-
1500
- .premium-tabs-nav-list a.carousel-arrow,
1501
- .premium-fb-rev-container a.carousel-arrow,
1502
- .premium-blog-wrap a.carousel-arrow,
1503
- .premium-hscroll-wrap a.carousel-arrow,
1504
- .premium-twitter-feed-wrapper a.carousel-arrow,
1505
- .premium-facebook-feed-wrapper a.carousel-arrow,
1506
- .premium-instafeed-container a.carousel-arrow,
1507
- .premium-persons-container a.carousel-arrow,
1508
- .premium-woocommerce a.carousel-arrow {
1509
- -js-display: flex;
1510
- display: -webkit-box;
1511
- display: -webkit-flex;
1512
- display: -moz-box;
1513
- display: -ms-flexbox;
1514
- display: flex;
1515
- -webkit-box-align: center;
1516
- -webkit-align-items: center;
1517
- -moz-box-align: center;
1518
- -ms-flex-align: center;
1519
- align-items: center;
1520
- -webkit-box-pack: center;
1521
- -webkit-justify-content: center;
1522
- -moz-box-pack: center;
1523
- -ms-flex-pack: center;
1524
- justify-content: center;
1525
- width: 2em;
1526
- height: 2em;
1527
- line-height: 0;
1528
- text-align: center;
1529
- position: absolute;
1530
- z-index: 99;
1531
- cursor: pointer;
1532
- -webkit-transition: all 0.3s ease-in-out;
1533
- transition: all 0.3s ease-in-out;
1534
- -webkit-appearance: inherit;
1535
- border: none;
1536
- -webkit-box-shadow: none;
1537
- box-shadow: none; }
1538
-
1539
- div[class^="premium-"] .slick-arrow i {
1540
- display: block; }
1541
-
1542
- .ver-carousel-arrow.carousel-next i {
1543
- margin-bottom: -3px; }
1544
-
1545
- .premium-carousel-wrapper a.slick-arrow:hover {
1546
- -webkit-box-shadow: none !important;
1547
- box-shadow: none !important; }
1548
-
1549
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1550
- visibility: hidden; }
1551
-
1552
- .premium-carousel-wrapper a.carousel-arrow {
1553
- top: 50%; }
1554
-
1555
- .premium-tabs-nav-list a.carousel-arrow,
1556
- .premium-fb-rev-container a.carousel-arrow,
1557
- .premium-blog-wrap a.carousel-arrow,
1558
- .premium-hscroll-wrap a.carousel-arrow,
1559
- .premium-twitter-feed-wrapper a.carousel-arrow,
1560
- .premium-facebook-feed-wrapper a.carousel-arrow,
1561
- .premium-instafeed-container a.carousel-arrow,
1562
- .premium-persons-container a.carousel-arrow,
1563
- .premium-woocommerce a.carousel-arrow {
1564
- top: 50%;
1565
- -webkit-transform: translateY(-50%);
1566
- -ms-transform: translateY(-50%);
1567
- transform: translateY(-50%); }
1568
-
1569
- .premium-carousel-wrapper a.ver-carousel-arrow {
1570
- left: 50%;
1571
- -webkit-transform: translateX(-50%);
1572
- -ms-transform: translateX(-50%);
1573
- transform: translateX(-50%); }
1574
-
1575
- a.carousel-arrow.carousel-next {
1576
- left: auto;
1577
- right: -20px; }
1578
-
1579
- a.carousel-arrow.carousel-prev {
1580
- left: -20px;
1581
- right: auto; }
1582
-
1583
- a.ver-carousel-arrow.carousel-next {
1584
- bottom: -56px; }
1585
-
1586
- a.ver-carousel-arrow.carousel-prev {
1587
- top: -45px; }
1588
-
1589
- a.circle-bg {
1590
- -webkit-border-radius: 100%;
1591
- border-radius: 100%; }
1592
-
1593
- a.circle-border {
1594
- -webkit-border-radius: 100%;
1595
- border-radius: 100%;
1596
- border: solid black; }
1597
-
1598
- a.square-border {
1599
- border: solid black; }
1600
-
1601
- .premium-woocommerce ul.slick-dots,
1602
- .premium-carousel-dots-below ul.slick-dots,
1603
- .premium-blog-wrap ul.slick-dots,
1604
- .premium-fb-rev-reviews ul.slick-dots {
1605
- position: relative;
1606
- bottom: 0;
1607
- list-style: none;
1608
- text-align: center;
1609
- margin: 0;
1610
- padding: 0; }
1611
-
1612
- .premium-carousel-dots-above ul.slick-dots {
1613
- position: absolute;
1614
- -js-display: flex;
1615
- display: -webkit-box;
1616
- display: -webkit-flex;
1617
- display: -moz-box;
1618
- display: -ms-flexbox;
1619
- display: flex;
1620
- width: auto;
1621
- top: 50%;
1622
- bottom: auto;
1623
- -webkit-transform: translateY(-50%);
1624
- -ms-transform: translateY(-50%);
1625
- transform: translateY(-50%);
1626
- -webkit-box-orient: vertical;
1627
- -webkit-box-direction: normal;
1628
- -webkit-flex-direction: column;
1629
- -moz-box-orient: vertical;
1630
- -moz-box-direction: normal;
1631
- -ms-flex-direction: column;
1632
- flex-direction: column; }
1633
-
1634
- ul.slick-dots li {
1635
- font-size: 10px;
1636
- -js-display: inline-flex;
1637
- display: -webkit-inline-box;
1638
- display: -webkit-inline-flex;
1639
- display: -moz-inline-box;
1640
- display: -ms-inline-flexbox;
1641
- display: inline-flex;
1642
- -webkit-box-pack: center;
1643
- -webkit-justify-content: center;
1644
- -moz-box-pack: center;
1645
- -ms-flex-pack: center;
1646
- justify-content: center;
1647
- -webkit-box-align: center;
1648
- -webkit-align-items: center;
1649
- -moz-box-align: center;
1650
- -ms-flex-align: center;
1651
- align-items: center;
1652
- margin: 5px;
1653
- width: 20px;
1654
- height: 20px;
1655
- cursor: pointer; }
1656
-
1657
- /*
1658
- * Custom Navigation Dot
1659
- */
1660
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1661
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1662
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1663
- display: none; }
1664
-
1665
- .premium-carousel-wrapper ul.slick-dots svg {
1666
- width: 20px;
1667
- height: 20px;
1668
- outline: none !important; }
1669
-
1670
- /* Ripple Out */
1671
- @-webkit-keyframes hvr-ripple-out {
1672
- 0% {
1673
- -webkit-transform: scale(1);
1674
- transform: scale(1);
1675
- opacity: 1; }
1676
- 100% {
1677
- -webkit-transform: scale(1.5);
1678
- transform: scale(1.5);
1679
- opacity: 0; } }
1680
- @keyframes hvr-ripple-out {
1681
- 0% {
1682
- -webkit-transform: scale(1);
1683
- transform: scale(1);
1684
- opacity: 1; }
1685
- 100% {
1686
- -webkit-transform: scale(1.5);
1687
- transform: scale(1.5);
1688
- opacity: 0; } }
1689
-
1690
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1691
- padding-bottom: 1px; }
1692
-
1693
- .premium-carousel-ripple-yes ul.slick-dots li {
1694
- position: relative; }
1695
- .premium-carousel-ripple-yes ul.slick-dots li i {
1696
- position: relative;
1697
- z-index: 1; }
1698
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1699
- content: "";
1700
- position: absolute;
1701
- -webkit-transform: scale(1);
1702
- -ms-transform: scale(1);
1703
- transform: scale(1);
1704
- top: 0;
1705
- right: 0;
1706
- bottom: 0;
1707
- left: 0;
1708
- -webkit-border-radius: 50%;
1709
- border-radius: 50%;
1710
- pointer-events: none;
1711
- background-color: rgba(0, 0, 0, 0.15); }
1712
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1713
- background-color: rgba(0, 0, 0, 0.3); }
1714
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1715
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1716
- animation: hvr-ripple-out 1.3s infinite; }
1717
-
1718
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1719
- -webkit-transform: scale(1.25, 1.25);
1720
- -ms-transform: scale(1.25, 1.25);
1721
- transform: scale(1.25, 1.25);
1722
- -webkit-transition: all 0.3s ease-in-out !important;
1723
- transition: all 0.3s ease-in-out !important; }
1724
-
1725
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1726
- -webkit-transform: scale(1, 1);
1727
- -ms-transform: scale(1, 1);
1728
- transform: scale(1, 1); }
1729
-
1730
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1731
- float: right; }
1732
-
1733
- /**************** Premium Counter ***************/
1734
- /************************************************/
1735
- .premium-counter-area {
1736
- padding: 10px 0;
1737
- -js-display: flex;
1738
- display: -webkit-box;
1739
- display: -webkit-flex;
1740
- display: -moz-box;
1741
- display: -ms-flexbox;
1742
- display: flex;
1743
- -webkit-box-pack: center;
1744
- -webkit-justify-content: center;
1745
- -moz-box-pack: center;
1746
- -ms-flex-pack: center;
1747
- justify-content: center;
1748
- -webkit-box-align: center;
1749
- -webkit-align-items: center;
1750
- -moz-box-align: center;
1751
- -ms-flex-align: center;
1752
- align-items: center; }
1753
- .premium-counter-area.top {
1754
- -webkit-box-orient: vertical;
1755
- -webkit-box-direction: normal;
1756
- -webkit-flex-direction: column;
1757
- -moz-box-orient: vertical;
1758
- -moz-box-direction: normal;
1759
- -ms-flex-direction: column;
1760
- flex-direction: column; }
1761
- .premium-counter-area.right {
1762
- -webkit-box-orient: horizontal;
1763
- -webkit-box-direction: reverse;
1764
- -webkit-flex-direction: row-reverse;
1765
- -moz-box-orient: horizontal;
1766
- -moz-box-direction: reverse;
1767
- -ms-flex-direction: row-reverse;
1768
- flex-direction: row-reverse; }
1769
- .premium-counter-area.right .premium-counter-icon {
1770
- padding-left: 20px; }
1771
- .premium-counter-area.left .premium-counter-icon {
1772
- padding-right: 20px; }
1773
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1774
- vertical-align: text-top; }
1775
- .premium-counter-area .premium-counter-icon span.icon {
1776
- text-align: center;
1777
- display: inline-block;
1778
- vertical-align: middle; }
1779
- .premium-counter-area .premium-counter-icon .circle {
1780
- -webkit-border-radius: 100%;
1781
- border-radius: 100%; }
1782
- .premium-counter-area .premium-counter-icon img,
1783
- .premium-counter-area .premium-counter-icon svg {
1784
- width: 80px; }
1785
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1786
- height: 80px; }
1787
- .premium-counter-area .premium-counter-title p {
1788
- padding: 0;
1789
- margin: 0; }
1790
- .premium-counter-area .premium-counter-value-wrap {
1791
- -js-display: flex;
1792
- display: -webkit-box;
1793
- display: -webkit-flex;
1794
- display: -moz-box;
1795
- display: -ms-flexbox;
1796
- display: flex;
1797
- -webkit-box-align: center;
1798
- -webkit-align-items: center;
1799
- -moz-box-align: center;
1800
- -ms-flex-align: center;
1801
- align-items: center; }
1802
-
1803
- .premium-init-wrapper {
1804
- -js-display: flex;
1805
- display: -webkit-box;
1806
- display: -webkit-flex;
1807
- display: -moz-box;
1808
- display: -ms-flexbox;
1809
- display: flex; }
1810
- .premium-init-wrapper.row {
1811
- -webkit-box-align: center;
1812
- -webkit-align-items: center;
1813
- -moz-box-align: center;
1814
- -ms-flex-align: center;
1815
- align-items: center; }
1816
- .premium-init-wrapper.right {
1817
- text-align: right; }
1818
-
1819
- span.icon.flex-width {
1820
- width: auto !important;
1821
- height: auto !important; }
1822
-
1823
- .premium-counter-area .premium-counter-init {
1824
- font-size: 35px; }
1825
-
1826
- /**************** Premium Image Separator ****************/
1827
- /*********************************************************/
1828
- .premium-image-separator-container {
1829
- position: absolute;
1830
- width: 100%;
1831
- z-index: 2;
1832
- top: auto;
1833
- -webkit-transition: all 0.3s ease-in-out;
1834
- transition: all 0.3s ease-in-out; }
1835
- .premium-image-separator-container svg,
1836
- .premium-image-separator-container img {
1837
- display: inline-block !important;
1838
- -webkit-mask-repeat: no-repeat;
1839
- mask-repeat: no-repeat;
1840
- -webkit-mask-position: center;
1841
- mask-position: center; }
1842
- .premium-image-separator-container .premium-image-separator-link {
1843
- position: absolute;
1844
- z-index: 9999;
1845
- top: 0;
1846
- left: 0;
1847
- width: 100%;
1848
- height: 100%;
1849
- text-decoration: none; }
1850
- .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1851
- -webkit-box-shadow: none !important;
1852
- box-shadow: none !important;
1853
- outline: none !important;
1854
- border: none !important;
1855
- text-decoration: none !important; }
1856
- .premium-image-separator-container i,
1857
- .premium-image-separator-container > svg {
1858
- padding: 20px;
1859
- -webkit-transition: all 0.3s ease-in-out;
1860
- transition: all 0.3s ease-in-out; }
1861
-
1862
- /**************** Premium Modal Box ****************/
1863
- /***************************************************/
1864
- .premium-modal-trigger-btn,
1865
- .premium-modal-box-modal-lower-close {
1866
- display: inline-block;
1867
- padding: 6px 12px;
1868
- margin-bottom: 0;
1869
- font-size: 14px;
1870
- font-weight: normal;
1871
- line-height: 1.42857143;
1872
- text-align: center;
1873
- white-space: nowrap;
1874
- vertical-align: middle;
1875
- -ms-touch-action: manipulation;
1876
- touch-action: manipulation;
1877
- cursor: pointer;
1878
- -webkit-user-select: none;
1879
- -moz-user-select: none;
1880
- -ms-user-select: none;
1881
- user-select: none;
1882
- background-image: none;
1883
- border: 1px solid transparent; }
1884
-
1885
- .premium-modal-trigger-btn > svg,
1886
- .premium-modal-trigger-btn .premium-modal-box-icon {
1887
- -webkit-transition: all 0.3s ease-in-out;
1888
- transition: all 0.3s ease-in-out; }
1889
-
1890
- .premium-modal-trigger-btn > svg {
1891
- width: 30px;
1892
- height: 30px; }
1893
-
1894
- .premium-modal-box-modal-close {
1895
- float: right;
1896
- font-size: 21px;
1897
- font-weight: bold;
1898
- line-height: 1;
1899
- color: #000; }
1900
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1901
- color: #000;
1902
- text-decoration: none;
1903
- cursor: pointer; }
1904
-
1905
- button.premium-modal-box-modal-close {
1906
- -webkit-appearance: none;
1907
- padding: 0;
1908
- cursor: pointer;
1909
- background: transparent;
1910
- border: 0; }
1911
-
1912
- .premium-modal-box-modal {
1913
- position: fixed;
1914
- top: 0;
1915
- right: 0;
1916
- bottom: 0;
1917
- left: 0;
1918
- z-index: 1050;
1919
- display: none;
1920
- -webkit-overflow-scrolling: touch;
1921
- outline: 0;
1922
- padding: 0 !important;
1923
- background: rgba(0, 0, 0, 0.5);
1924
- -webkit-box-align: center;
1925
- -webkit-align-items: center;
1926
- -moz-box-align: center;
1927
- -ms-flex-align: center;
1928
- align-items: center;
1929
- -webkit-box-pack: center;
1930
- -webkit-justify-content: center;
1931
- -moz-box-pack: center;
1932
- -ms-flex-pack: center;
1933
- justify-content: center; }
1934
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1935
- position: absolute;
1936
- max-height: -webkit-calc(100vh - 150px);
1937
- max-height: calc(100vh - 150px);
1938
- -js-display: flex;
1939
- display: -webkit-box;
1940
- display: -webkit-flex;
1941
- display: -moz-box;
1942
- display: -ms-flexbox;
1943
- display: flex;
1944
- -webkit-box-orient: vertical;
1945
- -webkit-box-direction: normal;
1946
- -webkit-flex-direction: column;
1947
- -moz-box-orient: vertical;
1948
- -moz-box-direction: normal;
1949
- -ms-flex-direction: column;
1950
- flex-direction: column;
1951
- opacity: 0; }
1952
-
1953
- .premium-modal-box-modal-content {
1954
- background-color: #fff;
1955
- background-clip: padding-box;
1956
- border: 1px solid rgba(0, 0, 0, 0.2);
1957
- -webkit-border-radius: 6px;
1958
- border-radius: 6px;
1959
- outline: 0;
1960
- overflow-x: hidden; }
1961
-
1962
- .premium-modal-backdrop.premium-in {
1963
- filter: alpha(opacity=50);
1964
- opacity: 0.5 !important; }
1965
-
1966
- .premium-in {
1967
- opacity: 1; }
1968
-
1969
- .premium-modal-backdrop {
1970
- position: fixed;
1971
- top: 0;
1972
- right: 0;
1973
- bottom: 0;
1974
- left: 0;
1975
- z-index: 1040;
1976
- background-color: #000; }
1977
-
1978
- .premium-in {
1979
- -js-display: flex !important;
1980
- display: -webkit-box !important;
1981
- display: -webkit-flex !important;
1982
- display: -moz-box !important;
1983
- display: -ms-flexbox !important;
1984
- display: flex !important; }
1985
-
1986
- .premium-modal-box-modal-header {
1987
- -js-display: flex;
1988
- display: -webkit-box;
1989
- display: -webkit-flex;
1990
- display: -moz-box;
1991
- display: -ms-flexbox;
1992
- display: flex;
1993
- -webkit-box-pack: justify;
1994
- -webkit-justify-content: space-between;
1995
- -moz-box-pack: justify;
1996
- -ms-flex-pack: justify;
1997
- justify-content: space-between;
1998
- -webkit-box-align: center;
1999
- -webkit-align-items: center;
2000
- -moz-box-align: center;
2001
- -ms-flex-align: center;
2002
- align-items: center;
2003
- padding: 5px 15px;
2004
- border-bottom: 1px solid #e5e5e5; }
2005
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2006
- margin-top: -2px; }
2007
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2008
- -js-display: flex;
2009
- display: -webkit-box;
2010
- display: -webkit-flex;
2011
- display: -moz-box;
2012
- display: -ms-flexbox;
2013
- display: flex;
2014
- -webkit-box-align: center;
2015
- -webkit-align-items: center;
2016
- -moz-box-align: center;
2017
- -ms-flex-align: center;
2018
- align-items: center;
2019
- margin: 0;
2020
- padding: 0; }
2021
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2022
- width: 50px;
2023
- height: 60px; }
2024
-
2025
- .premium-modal-box-modal-body {
2026
- position: relative;
2027
- padding: 15px;
2028
- overflow: hidden; }
2029
-
2030
- .premium-modal-box-modal-footer {
2031
- padding: 15px;
2032
- text-align: right;
2033
- border-top: 1px solid #e5e5e5; }
2034
-
2035
- .premium-modal-scrollbar-measure {
2036
- position: absolute;
2037
- top: -9999px;
2038
- width: 50px;
2039
- height: 50px;
2040
- overflow: scroll; }
2041
-
2042
- .premium-modal-trigger-text {
2043
- background: none !important;
2044
- display: inline-block; }
2045
-
2046
- .premium-modal-box-container {
2047
- width: 100% !important; }
2048
-
2049
- /*Open Modal Button Style*/
2050
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2051
- -js-display: inline-flex;
2052
- display: -webkit-inline-box;
2053
- display: -webkit-inline-flex;
2054
- display: -moz-inline-box;
2055
- display: -ms-inline-flexbox;
2056
- display: inline-flex;
2057
- -webkit-box-align: center;
2058
- -webkit-align-items: center;
2059
- -moz-box-align: center;
2060
- -ms-flex-align: center;
2061
- align-items: center;
2062
- border: none;
2063
- -webkit-transition: all 0.3s ease-in-out;
2064
- transition: all 0.3s ease-in-out; }
2065
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2066
- -webkit-box-pack: center;
2067
- -webkit-justify-content: center;
2068
- -moz-box-pack: center;
2069
- -ms-flex-pack: center;
2070
- justify-content: center; }
2071
-
2072
- .premium-modal-trigger-container .premium-modal-trigger-img,
2073
- .premium-modal-trigger-container .premium-modal-trigger-text,
2074
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2075
- cursor: pointer; }
2076
-
2077
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2078
- display: inline-block;
2079
- width: 200px;
2080
- height: 200px;
2081
- -webkit-transition: all 0.3s ease-in-out;
2082
- transition: all 0.3s ease-in-out; }
2083
-
2084
- /*Image on Modal Header Style*/
2085
- .premium-modal-box-modal-header img {
2086
- width: 48px;
2087
- padding-right: 5px; }
2088
-
2089
- .premium-modal-box-modal-header i,
2090
- .premium-modal-box-modal-header svg {
2091
- padding-right: 6px; }
2092
-
2093
- .premium-modal-box-modal-close {
2094
- position: relative;
2095
- z-index: 99; }
2096
-
2097
- .premium-modal-trigger-img,
2098
- .premium-modal-trigger-text,
2099
- .premium-modal-box-close-button-container,
2100
- .premium-modal-box-modal-close,
2101
- .premium-modal-box-modal-lower-close {
2102
- -webkit-transition: all 0.3s ease-in-out;
2103
- transition: all 0.3s ease-in-out; }
2104
-
2105
- @media (min-width: 768px) {
2106
- .premium-modal-box-modal-dialog {
2107
- width: 700px;
2108
- max-height: 600px;
2109
- overflow: auto; } }
2110
-
2111
- @media (max-width: 767px) {
2112
- .premium-modal-box-modal-dialog {
2113
- width: 100%;
2114
- max-height: 500px;
2115
- overflow: auto; } }
2116
-
2117
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2118
- opacity: 0; }
2119
-
2120
- /**************** Premium Progress Bar ****************/
2121
- /******************************************************/
2122
- .premium-progressbar-container {
2123
- position: relative; }
2124
-
2125
- .premium-progressbar-bar-wrap {
2126
- position: relative;
2127
- text-align: left;
2128
- overflow: hidden;
2129
- height: 25px;
2130
- margin-bottom: 50px;
2131
- background-color: #f5f5f5;
2132
- -webkit-border-radius: 4px;
2133
- border-radius: 4px;
2134
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2135
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2136
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2137
- background-color: transparent;
2138
- width: 100%;
2139
- -js-display: flex;
2140
- display: -webkit-box;
2141
- display: -webkit-flex;
2142
- display: -moz-box;
2143
- display: -ms-flexbox;
2144
- display: flex;
2145
- height: auto;
2146
- -webkit-box-shadow: none;
2147
- box-shadow: none; }
2148
- .premium-progressbar-bar-wrap .progress-segment {
2149
- position: relative;
2150
- width: 25px;
2151
- height: 25px;
2152
- -webkit-border-radius: 50%;
2153
- border-radius: 50%;
2154
- overflow: hidden;
2155
- background-color: #f5f5f5; }
2156
- .premium-progressbar-bar-wrap .progress-segment.filled {
2157
- background: #6ec1e4; }
2158
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2159
- margin: 0 4px; }
2160
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2161
- margin-right: 4px; }
2162
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2163
- margin-left: 4px; }
2164
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2165
- position: absolute;
2166
- top: 0;
2167
- left: 0;
2168
- height: 100%;
2169
- background-color: #6ec1e4; }
2170
-
2171
- .premium-progressbar-bar {
2172
- float: left;
2173
- width: 0%;
2174
- height: 100%;
2175
- font-size: 12px;
2176
- line-height: 20px;
2177
- background: #6ec1e4;
2178
- text-align: center;
2179
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2180
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2181
-
2182
- .premium-progressbar-striped .premium-progressbar-bar {
2183
- background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2184
- background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2185
- -webkit-background-size: 40px 40px;
2186
- background-size: 40px 40px; }
2187
-
2188
- .premium-progressbar-active .premium-progressbar-bar {
2189
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2190
- animation: progress-bar-stripes 2s linear infinite; }
2191
-
2192
- .premium-progressbar-gradient .premium-progressbar-bar {
2193
- -webkit-background-size: 400% 400% !important;
2194
- background-size: 400% 400% !important;
2195
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2196
- animation: progress-bar-gradient 10s ease-in-out infinite; }
2197
-
2198
- .premium-progressbar-bar {
2199
- position: absolute;
2200
- overflow: hidden;
2201
- line-height: 20px; }
2202
-
2203
- .premium-progressbar-container .clearfix {
2204
- clear: both; }
2205
-
2206
- .premium-progressbar-bar {
2207
- -webkit-transition: width 0s ease-in-out !important;
2208
- transition: width 0s ease-in-out !important; }
2209
-
2210
- .premium-progressbar-container p:first-of-type {
2211
- margin: 0;
2212
- float: left; }
2213
-
2214
- .premium-progressbar-container p:nth-of-type(2) {
2215
- margin: 0;
2216
- float: right; }
2217
-
2218
- .premium-progressbar-name {
2219
- left: 50%;
2220
- top: 0;
2221
- right: 0;
2222
- -webkit-transform: translateX(-12.5px);
2223
- -ms-transform: translateX(-12.5px);
2224
- transform: translateX(-12.5px);
2225
- z-index: 1; }
2226
-
2227
- .premium-progressbar-multiple-label {
2228
- position: relative;
2229
- float: left;
2230
- width: 0;
2231
- left: 50%; }
2232
-
2233
- .premium-progressbar-center-label {
2234
- position: relative;
2235
- white-space: nowrap; }
2236
-
2237
- .premium-progressbar-arrow {
2238
- height: 15px;
2239
- left: 50%;
2240
- display: inline-block;
2241
- border-left: 7px solid transparent;
2242
- border-right: 7px solid transparent;
2243
- border-top: 11px solid;
2244
- -webkit-transform: translateX(-50%);
2245
- -ms-transform: translateX(-50%);
2246
- transform: translateX(-50%); }
2247
-
2248
- .premium-progressbar-pin {
2249
- border-left: 1px solid;
2250
- height: 12px;
2251
- left: 50%;
2252
- display: inline-block; }
2253
-
2254
- /**
2255
- * Circle Progress Bar
2256
- */
2257
- .premium-progressbar-circle-wrap {
2258
- width: 200px;
2259
- height: 200px;
2260
- position: relative;
2261
- margin: 0 auto; }
2262
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2263
- position: absolute;
2264
- top: 0;
2265
- left: 0;
2266
- width: 100%;
2267
- height: 100%;
2268
- -webkit-clip-path: inset(0 0 0 50%);
2269
- clip-path: inset(0 0 0 50%); }
2270
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2271
- position: absolute;
2272
- left: 0;
2273
- top: 0;
2274
- height: 100%;
2275
- width: 100%;
2276
- border-width: 6px;
2277
- border-style: solid;
2278
- border-color: #54595f;
2279
- -webkit-border-radius: 50%;
2280
- border-radius: 50%;
2281
- -webkit-clip-path: inset(0 50% 0 0);
2282
- clip-path: inset(0 50% 0 0); }
2283
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2284
- -webkit-transform: rotate(0);
2285
- -ms-transform: rotate(0);
2286
- transform: rotate(0); }
2287
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2288
- -webkit-transform: rotate(180deg);
2289
- -ms-transform: rotate(180deg);
2290
- transform: rotate(180deg);
2291
- visibility: hidden; }
2292
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2293
- width: 100%;
2294
- height: 100%;
2295
- border: 6px solid #eee;
2296
- -webkit-border-radius: 50%;
2297
- border-radius: 50%; }
2298
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2299
- position: absolute;
2300
- top: 0;
2301
- left: 0;
2302
- width: 100%;
2303
- height: 100%;
2304
- -js-display: flex;
2305
- display: -webkit-box;
2306
- display: -webkit-flex;
2307
- display: -moz-box;
2308
- display: -ms-flexbox;
2309
- display: flex;
2310
- -webkit-box-orient: vertical;
2311
- -webkit-box-direction: normal;
2312
- -webkit-flex-direction: column;
2313
- -moz-box-orient: vertical;
2314
- -moz-box-direction: normal;
2315
- -ms-flex-direction: column;
2316
- flex-direction: column;
2317
- -webkit-box-pack: center;
2318
- -webkit-justify-content: center;
2319
- -moz-box-pack: center;
2320
- -ms-flex-pack: center;
2321
- justify-content: center;
2322
- -webkit-box-align: center;
2323
- -webkit-align-items: center;
2324
- -moz-box-align: center;
2325
- -ms-flex-align: center;
2326
- align-items: center; }
2327
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2328
- line-height: 1; }
2329
-
2330
- @-webkit-keyframes progress-bar-stripes {
2331
- from {
2332
- background-position: 0 0; }
2333
- to {
2334
- background-position: 40px 0; } }
2335
-
2336
- @keyframes progress-bar-stripes {
2337
- from {
2338
- background-position: 0 0; }
2339
- to {
2340
- background-position: 40px 0; } }
2341
-
2342
- @-webkit-keyframes progress-bar-gradient {
2343
- 0% {
2344
- background-position: 0% 50%; }
2345
- 50% {
2346
- background-position: 100% 50%; }
2347
- 100% {
2348
- background-position: 0% 50%; } }
2349
-
2350
- @keyframes progress-bar-gradient {
2351
- 0% {
2352
- background-position: 0% 50%; }
2353
- 50% {
2354
- background-position: 100% 50%; }
2355
- 100% {
2356
- background-position: 0% 50%; } }
2357
-
2358
- /**************** Premium Testimonials ****************/
2359
- /******************************************************/
2360
- .premium-testimonial-box {
2361
- width: 100%;
2362
- background: transparent;
2363
- -webkit-transition: all 0.3s ease-in-out;
2364
- transition: all 0.3s ease-in-out; }
2365
- .premium-testimonial-box .premium-testimonial-author-info {
2366
- -js-display: flex;
2367
- display: -webkit-box;
2368
- display: -webkit-flex;
2369
- display: -moz-box;
2370
- display: -ms-flexbox;
2371
- display: flex;
2372
- -webkit-box-pack: center;
2373
- -webkit-justify-content: center;
2374
- -moz-box-pack: center;
2375
- -ms-flex-pack: center;
2376
- justify-content: center;
2377
- -webkit-box-align: center;
2378
- -webkit-align-items: center;
2379
- -moz-box-align: center;
2380
- -ms-flex-align: center;
2381
- align-items: center; }
2382
- .premium-testimonial-box .premium-testimonial-person-name,
2383
- .premium-testimonial-box .premium-testimonial-company-name {
2384
- font-weight: 600;
2385
- margin: 0; }
2386
-
2387
- .premium-testimonial-container {
2388
- position: relative; }
2389
-
2390
- .premium-testimonial-img-wrapper {
2391
- margin-left: auto;
2392
- margin-right: auto;
2393
- overflow: hidden;
2394
- border-style: solid !important; }
2395
- .premium-testimonial-img-wrapper.circle {
2396
- -webkit-border-radius: 50%;
2397
- border-radius: 50%; }
2398
- .premium-testimonial-img-wrapper.rounded {
2399
- -webkit-border-radius: 15px;
2400
- border-radius: 15px; }
2401
- .premium-testimonial-img-wrapper img {
2402
- -o-object-fit: cover;
2403
- object-fit: cover;
2404
- width: 100%;
2405
- height: 100% !important; }
2406
-
2407
- .premium-testimonial-content-wrapper {
2408
- position: relative;
2409
- -js-display: flex;
2410
- display: -webkit-box;
2411
- display: -webkit-flex;
2412
- display: -moz-box;
2413
- display: -ms-flexbox;
2414
- display: flex;
2415
- -webkit-box-orient: vertical;
2416
- -webkit-box-direction: normal;
2417
- -webkit-flex-direction: column;
2418
- -moz-box-orient: vertical;
2419
- -moz-box-direction: normal;
2420
- -ms-flex-direction: column;
2421
- flex-direction: column;
2422
- z-index: 2;
2423
- width: 100%;
2424
- padding: 20px;
2425
- text-align: center; }
2426
-
2427
- .premium-testimonial-clear-float {
2428
- clear: both; }
2429
-
2430
- .premium-testimonial-upper-quote,
2431
- .premium-testimonial-lower-quote {
2432
- position: absolute;
2433
- z-index: 1; }
2434
-
2435
- /**************** Premium Dual Heading *****************/
2436
- /*******************************************************/
2437
- .premium-dual-header-container .premium-dual-header-first-header,
2438
- .premium-dual-header-container .premium-dual-header-second-header {
2439
- position: relative;
2440
- padding: 0;
2441
- margin: 0;
2442
- display: inline-block;
2443
- -webkit-transform: translate(0, 0);
2444
- -ms-transform: translate(0, 0);
2445
- transform: translate(0, 0); }
2446
-
2447
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2448
- .premium-dual-header-second-clip {
2449
- -webkit-text-fill-color: transparent;
2450
- -webkit-background-clip: text;
2451
- background-clip: text; }
2452
-
2453
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2454
- .premium-dual-header-second-clip.stroke {
2455
- -webkit-text-stroke-color: transparent;
2456
- -webkit-text-fill-color: #fafafa;
2457
- -webkit-text-stroke-width: 2px; }
2458
-
2459
- @media (max-width: 500px) {
2460
- .premium-dual-header-container .premium-dual-header-first-header,
2461
- .premium-dual-header-container .premium-dual-header-second-header {
2462
- word-wrap: break-word; }
2463
- .premium-dual-header-first-container,
2464
- .premium-dual-header-second-container {
2465
- margin: 0; } }
2466
-
2467
- @media (min-width: 501px) {
2468
- .premium-dual-header-first-container {
2469
- margin-right: 5px; } }
2470
-
2471
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2472
- .premium-dual-header-second-header.gradient {
2473
- -webkit-background-size: 300% 300% !important;
2474
- background-size: 300% 300% !important;
2475
- -webkit-animation: Gradient 10s ease-in-out infinite;
2476
- animation: Gradient 10s ease-in-out infinite; }
2477
-
2478
- @-webkit-keyframes Gradient {
2479
- 0% {
2480
- background-position: 0% 50%; }
2481
- 50% {
2482
- background-position: 100% 50%; }
2483
- 100% {
2484
- background-position: 0% 50%; } }
2485
-
2486
- @keyframes Gradient {
2487
- 0% {
2488
- background-position: 0% 50%; }
2489
- 50% {
2490
- background-position: 100% 50%; }
2491
- 100% {
2492
- background-position: 0% 50%; } }
2493
-
2494
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2495
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2496
- display: inline-block !important; }
2497
-
2498
- /**************** Premium Title ****************/
2499
- /***********************************************/
2500
- .premium-title-container {
2501
- position: relative;
2502
- width: 100%;
2503
- clear: both; }
2504
- .premium-title-container .premium-title-header {
2505
- position: relative;
2506
- margin: 0;
2507
- padding: 10px; }
2508
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2509
- -webkit-box-align: center;
2510
- -webkit-align-items: center;
2511
- -moz-box-align: center;
2512
- -ms-flex-align: center;
2513
- align-items: center; }
2514
- .premium-title-container .premium-title-header svg {
2515
- width: 40px;
2516
- height: 40px; }
2517
- .premium-title-container .premium-title-header img {
2518
- width: 40px;
2519
- height: 40px;
2520
- -o-object-fit: cover;
2521
- object-fit: cover; }
2522
- .premium-title-container .premium-title-header a {
2523
- position: absolute;
2524
- top: 0;
2525
- left: 0;
2526
- width: 100%;
2527
- height: 100%; }
2528
- .premium-title-container .premium-lottie-animation {
2529
- -js-display: flex;
2530
- display: -webkit-box;
2531
- display: -webkit-flex;
2532
- display: -moz-box;
2533
- display: -ms-flexbox;
2534
- display: flex; }
2535
-
2536
- .premium-title-icon-row .premium-title-icon {
2537
- margin-right: 10px; }
2538
-
2539
- .premium-title-icon-row-reverse .premium-title-icon {
2540
- margin-left: 10px; }
2541
-
2542
- .premium-title-style3,
2543
- .premium-title-style4 {
2544
- -js-display: flex;
2545
- display: -webkit-box;
2546
- display: -webkit-flex;
2547
- display: -moz-box;
2548
- display: -ms-flexbox;
2549
- display: flex; }
2550
-
2551
- .premium-title-style1,
2552
- .premium-title-style2,
2553
- .premium-title-style5,
2554
- .premium-title-style6,
2555
- .premium-title-style8,
2556
- .premium-title-style9 {
2557
- -js-display: inline-flex;
2558
- display: -webkit-inline-box;
2559
- display: -webkit-inline-flex;
2560
- display: -moz-inline-box;
2561
- display: -ms-inline-flexbox;
2562
- display: inline-flex; }
2563
-
2564
- .premium-title-style7 {
2565
- -js-display: inline-flex;
2566
- display: -webkit-inline-box;
2567
- display: -webkit-inline-flex;
2568
- display: -moz-inline-box;
2569
- display: -ms-inline-flexbox;
2570
- display: inline-flex;
2571
- -webkit-box-orient: vertical;
2572
- -webkit-box-direction: normal;
2573
- -webkit-flex-direction: column;
2574
- -moz-box-orient: vertical;
2575
- -moz-box-direction: normal;
2576
- -ms-flex-direction: column;
2577
- flex-direction: column; }
2578
- .premium-title-style7 .premium-title-style7-inner {
2579
- -js-display: flex;
2580
- display: -webkit-box;
2581
- display: -webkit-flex;
2582
- display: -moz-box;
2583
- display: -ms-flexbox;
2584
- display: flex;
2585
- -webkit-box-align: center;
2586
- -webkit-align-items: center;
2587
- -moz-box-align: center;
2588
- -ms-flex-align: center;
2589
- align-items: center; }
2590
-
2591
- .premium-title-style1 {
2592
- border-width: 0;
2593
- border-left: 3px solid #6ec1e4; }
2594
-
2595
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2596
- border-bottom: 3px solid #6ec1e4; }
2597
-
2598
- /*Style 6 Header*/
2599
- .premium-title-style6:before {
2600
- position: absolute;
2601
- left: 50%;
2602
- bottom: 0;
2603
- margin-left: -2px;
2604
- content: "";
2605
- border: 3px solid transparent; }
2606
-
2607
- /*Style 6 Trinagle*/
2608
- .premium-title-style7-stripe-wrap {
2609
- -js-display: flex;
2610
- display: -webkit-box;
2611
- display: -webkit-flex;
2612
- display: -moz-box;
2613
- display: -ms-flexbox;
2614
- display: flex; }
2615
-
2616
- .premium-title-style7:before {
2617
- display: none; }
2618
-
2619
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2620
- -webkit-background-size: 125px 125px !important;
2621
- background-size: 125px !important;
2622
- color: rgba(255, 255, 255, 0);
2623
- -webkit-background-clip: text !important;
2624
- background-clip: text !important;
2625
- -webkit-animation-name: pa-shinny-text !important;
2626
- animation-name: pa-shinny-text !important;
2627
- -webkit-animation-duration: var(--animation-speed) !important;
2628
- animation-duration: var(--animation-speed) !important;
2629
- -webkit-animation-iteration-count: infinite !important;
2630
- animation-iteration-count: infinite !important;
2631
- background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2632
-
2633
- @-webkit-keyframes pa-shinny-text {
2634
- 0% {
2635
- background-position: 0%; }
2636
- 100% {
2637
- background-position: 200%; } }
2638
-
2639
- @keyframes pa-shinny-text {
2640
- 0% {
2641
- background-position: 0%; }
2642
- 100% {
2643
- background-position: 200%; } }
2644
-
2645
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2646
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2647
- animation: pa-blur-shadow 2s 1 alternate; }
2648
-
2649
- @-webkit-keyframes pa-blur-shadow {
2650
- from {
2651
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2652
- color: transparent; }
2653
- to {
2654
- text-shadow: 0; } }
2655
-
2656
- @keyframes pa-blur-shadow {
2657
- from {
2658
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2659
- color: transparent; }
2660
- to {
2661
- text-shadow: 0; } }
2662
-
2663
- .premium-title-gradient-yes .premium-title-text,
2664
- .premium-title-gradient-yes .premium-title-icon {
2665
- -webkit-background-clip: text;
2666
- -webkit-text-fill-color: transparent;
2667
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2668
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2669
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2670
- -webkit-animation: pa-text-gradient 8s infinite;
2671
- animation: pa-text-gradient 8s infinite; }
2672
-
2673
- .premium-title-clipped .premium-title-header {
2674
- -webkit-text-fill-color: transparent;
2675
- -webkit-background-clip: text;
2676
- background-clip: text; }
2677
-
2678
- @-webkit-keyframes pa-text-gradient {
2679
- 0%,
2680
- 100% {
2681
- -webkit-filter: hue-rotate(0deg);
2682
- filter: hue-rotate(0deg); }
2683
- 50% {
2684
- -webkit-filter: hue-rotate(360deg);
2685
- filter: hue-rotate(360deg); } }
2686
-
2687
- @keyframes pa-text-gradient {
2688
- 0%,
2689
- 100% {
2690
- -webkit-filter: hue-rotate(0deg);
2691
- filter: hue-rotate(0deg); }
2692
- 50% {
2693
- -webkit-filter: hue-rotate(360deg);
2694
- filter: hue-rotate(360deg); } }
2695
-
2696
- /*
2697
- * Common Title/Dual Heading
2698
- */
2699
- .premium-title-bg-text:before {
2700
- position: absolute;
2701
- content: attr(data-background);
2702
- top: 0;
2703
- left: 0;
2704
- text-align: left; }
2705
-
2706
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2707
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2708
- background: inherit; }
2709
-
2710
- .premium-mask-yes .premium-mask-span {
2711
- position: relative;
2712
- overflow: hidden;
2713
- -js-display: inline-flex !important;
2714
- display: -webkit-inline-box !important;
2715
- display: -webkit-inline-flex !important;
2716
- display: -moz-inline-box !important;
2717
- display: -ms-inline-flexbox !important;
2718
- display: inline-flex !important; }
2719
- .premium-mask-yes .premium-mask-span::after {
2720
- content: "";
2721
- position: absolute;
2722
- top: 0;
2723
- right: 0px;
2724
- width: 100%;
2725
- height: 100%;
2726
- background-color: currentColor;
2727
- -webkit-backface-visibility: visible;
2728
- backface-visibility: visible; }
2729
-
2730
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2731
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2732
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2733
- -webkit-transform: translateX(-103%);
2734
- -ms-transform: translateX(-103%);
2735
- transform: translateX(-103%); }
2736
-
2737
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2738
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2739
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2740
- -webkit-transform: translateX(103%);
2741
- -ms-transform: translateX(103%);
2742
- transform: translateX(103%); }
2743
-
2744
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2745
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2746
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2747
- -webkit-transform: translateY(-103%);
2748
- -ms-transform: translateY(-103%);
2749
- transform: translateY(-103%); }
2750
-
2751
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2752
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2753
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2754
- -webkit-transform: translateY(103%);
2755
- -ms-transform: translateY(103%);
2756
- transform: translateY(103%); }
2757
-
2758
- @-webkit-keyframes pa-mask-tr {
2759
- 0% {
2760
- -webkit-transform: translateX(0%);
2761
- transform: translateX(0%); }
2762
- 100% {
2763
- -webkit-transform: translateX(103%);
2764
- transform: translateX(103%); } }
2765
-
2766
- @keyframes pa-mask-tr {
2767
- 0% {
2768
- -webkit-transform: translateX(0%);
2769
- transform: translateX(0%); }
2770
- 100% {
2771
- -webkit-transform: translateX(103%);
2772
- transform: translateX(103%); } }
2773
-
2774
- @-webkit-keyframes pa-mask-tl {
2775
- 0% {
2776
- -webkit-transform: translateX(0%);
2777
- transform: translateX(0%); }
2778
- 100% {
2779
- -webkit-transform: translateX(-103%);
2780
- transform: translateX(-103%); } }
2781
-
2782
- @keyframes pa-mask-tl {
2783
- 0% {
2784
- -webkit-transform: translateX(0%);
2785
- transform: translateX(0%); }
2786
- 100% {
2787
- -webkit-transform: translateX(-103%);
2788
- transform: translateX(-103%); } }
2789
-
2790
- @-webkit-keyframes pa-mask-tb {
2791
- 0% {
2792
- -webkit-transform: translateY(0%);
2793
- transform: translateY(0%); }
2794
- 100% {
2795
- -webkit-transform: translateY(103%);
2796
- transform: translateY(103%); } }
2797
-
2798
- @keyframes pa-mask-tb {
2799
- 0% {
2800
- -webkit-transform: translateY(0%);
2801
- transform: translateY(0%); }
2802
- 100% {
2803
- -webkit-transform: translateY(103%);
2804
- transform: translateY(103%); } }
2805
-
2806
- @-webkit-keyframes pa-mask-tt {
2807
- 0% {
2808
- -webkit-transform: translateY(0%);
2809
- transform: translateY(0%); }
2810
- 100% {
2811
- -webkit-transform: translateY(-103%);
2812
- transform: translateY(-103%); } }
2813
-
2814
- @keyframes pa-mask-tt {
2815
- 0% {
2816
- -webkit-transform: translateY(0%);
2817
- transform: translateY(0%); }
2818
- 100% {
2819
- -webkit-transform: translateY(-103%);
2820
- transform: translateY(-103%); } }
2821
-
2822
- /**************** Premium Video Box ************/
2823
- /***********************************************/
2824
- .premium-video-box-transform {
2825
- -webkit-transform: none !important;
2826
- -ms-transform: none !important;
2827
- transform: none !important; }
2828
-
2829
- .premium-video-box-container {
2830
- -js-display: flex;
2831
- display: -webkit-box;
2832
- display: -webkit-flex;
2833
- display: -moz-box;
2834
- display: -ms-flexbox;
2835
- display: flex;
2836
- -webkit-box-orient: vertical;
2837
- -webkit-box-direction: normal;
2838
- -webkit-flex-direction: column;
2839
- -moz-box-orient: vertical;
2840
- -moz-box-direction: normal;
2841
- -ms-flex-direction: column;
2842
- flex-direction: column; }
2843
-
2844
- .premium-video-box-container > div {
2845
- position: relative;
2846
- overflow: hidden; }
2847
-
2848
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2849
- padding-bottom: 100%; }
2850
-
2851
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2852
- padding-bottom: 56.25%; }
2853
-
2854
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2855
- padding-bottom: 75%; }
2856
-
2857
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2858
- padding-bottom: 66.6666%; }
2859
-
2860
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2861
- padding-bottom: 42.8571%; }
2862
-
2863
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2864
- padding-bottom: 177.8%; }
2865
-
2866
- .premium-video-box-image-container {
2867
- position: absolute;
2868
- top: 0;
2869
- left: 0;
2870
- bottom: 0;
2871
- right: 0;
2872
- width: 100%;
2873
- height: 100%;
2874
- -webkit-background-size: cover;
2875
- background-size: cover;
2876
- background-position: 50%;
2877
- cursor: pointer;
2878
- margin: auto;
2879
- -webkit-transition: 0.2s all;
2880
- transition: 0.2s all; }
2881
-
2882
- .premium-video-box-play-icon-container {
2883
- position: absolute;
2884
- z-index: 2;
2885
- cursor: pointer;
2886
- -webkit-transform: translate(-50%, -50%);
2887
- -ms-transform: translate(-50%, -50%);
2888
- transform: translate(-50%, -50%);
2889
- background: rgba(252, 252, 252, 0.35); }
2890
-
2891
- .premium-video-box-description-container {
2892
- position: absolute;
2893
- z-index: 2;
2894
- padding: 5px;
2895
- text-align: center;
2896
- cursor: pointer;
2897
- -webkit-transform: translate(-50%, -50%);
2898
- -ms-transform: translate(-50%, -50%);
2899
- transform: translate(-50%, -50%); }
2900
-
2901
- .premium-video-box-text {
2902
- margin-bottom: 0 !important;
2903
- -webkit-transition: all 0.3s ease-in-out;
2904
- transition: all 0.3s ease-in-out; }
2905
-
2906
- .premium-video-box-play-icon {
2907
- padding: 15px;
2908
- -webkit-transform: translateX(4%);
2909
- -ms-transform: translateX(4%);
2910
- transform: translateX(4%);
2911
- -webkit-transition: all 0.3s ease-in-out;
2912
- transition: all 0.3s ease-in-out; }
2913
-
2914
- .premium-video-box-video-container {
2915
- position: absolute;
2916
- top: 0;
2917
- left: 0;
2918
- z-index: 2;
2919
- width: 100%;
2920
- height: 100%;
2921
- -webkit-transition: opacity 0.8s ease-in-out;
2922
- transition: opacity 0.8s ease-in-out;
2923
- overflow: hidden;
2924
- cursor: pointer; }
2925
-
2926
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2927
- opacity: 0;
2928
- visibility: hidden; }
2929
-
2930
- .premium-video-box-video-container iframe {
2931
- max-width: 100%;
2932
- width: 100%;
2933
- height: 100%;
2934
- margin: 0;
2935
- line-height: 1;
2936
- border: none; }
2937
-
2938
- .premium-video-box-video-container video {
2939
- max-width: 100%;
2940
- width: 100%;
2941
- height: 100%;
2942
- margin: 0;
2943
- line-height: 1;
2944
- border: none;
2945
- background-color: #000;
2946
- -o-object-fit: contain;
2947
- object-fit: contain; }
2948
-
2949
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2950
- -js-display: flex;
2951
- display: -webkit-box;
2952
- display: -webkit-flex;
2953
- display: -moz-box;
2954
- display: -ms-flexbox;
2955
- display: flex;
2956
- position: absolute;
2957
- top: 0;
2958
- left: 0;
2959
- z-index: 3;
2960
- margin: 10px;
2961
- margin-right: 10px;
2962
- -webkit-transition: opacity 0.2s ease-out;
2963
- transition: opacity 0.2s ease-out;
2964
- margin-right: 4.6em; }
2965
-
2966
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2967
- width: 60px;
2968
- height: 60px;
2969
- background: rgba(23, 35, 34, 0.75);
2970
- margin-right: 1px;
2971
- -webkit-box-flex: 1;
2972
- -webkit-flex: 1 0 auto;
2973
- -moz-box-flex: 1;
2974
- -ms-flex: 1 0 auto;
2975
- flex: 1 0 auto;
2976
- padding: 0; }
2977
-
2978
- .premium-video-box-vimeo-portrait img {
2979
- width: 50px;
2980
- height: 50px;
2981
- margin: 5px;
2982
- padding: 0;
2983
- border: 0;
2984
- -webkit-border-radius: 50%;
2985
- border-radius: 50%; }
2986
-
2987
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2988
- font-size: 10px; }
2989
-
2990
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2991
- max-width: 100%;
2992
- font-size: 2em !important;
2993
- font-weight: 700;
2994
- margin: 0;
2995
- padding: 0.1em 0.2em;
2996
- background: rgba(23, 35, 34, 0.75);
2997
- display: inline-block;
2998
- text-transform: none;
2999
- line-height: normal;
3000
- letter-spacing: normal; }
3001
-
3002
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3003
- font-size: 1.2em !important;
3004
- font-weight: 400;
3005
- color: #fff;
3006
- margin-top: 0.1em;
3007
- padding: 0.2em 0.5em;
3008
- background: rgba(23, 35, 34, 0.75);
3009
- text-transform: none;
3010
- line-height: normal;
3011
- letter-spacing: normal; }
3012
-
3013
- .premium-video-box-playlist-container {
3014
- -js-display: flex;
3015
- display: -webkit-box;
3016
- display: -webkit-flex;
3017
- display: -moz-box;
3018
- display: -ms-flexbox;
3019
- display: flex;
3020
- -webkit-flex-wrap: wrap;
3021
- -ms-flex-wrap: wrap;
3022
- flex-wrap: wrap; }
3023
- .premium-video-box-playlist-container .premium-video-box-container {
3024
- height: 100%;
3025
- overflow: hidden; }
3026
-
3027
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3028
- -webkit-transform: scale(1.1);
3029
- -ms-transform: scale(1.1);
3030
- transform: scale(1.1); }
3031
-
3032
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3033
- -webkit-transform: scale(1);
3034
- -ms-transform: scale(1);
3035
- transform: scale(1); }
3036
-
3037
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3038
- -webkit-transform: scale(1.3) rotate(5deg);
3039
- -ms-transform: scale(1.3) rotate(5deg);
3040
- transform: scale(1.3) rotate(5deg); }
3041
-
3042
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3043
- -webkit-filter: grayscale(0%);
3044
- filter: grayscale(0%); }
3045
-
3046
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3047
- -webkit-filter: blur(3px);
3048
- filter: blur(3px); }
3049
-
3050
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3051
- -webkit-filter: sepia(0%);
3052
- filter: sepia(0%); }
3053
-
3054
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3055
- -webkit-transform: translateX(0px) scale(1.1);
3056
- -ms-transform: translateX(0px) scale(1.1);
3057
- transform: translateX(0px) scale(1.1); }
3058
-
3059
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3060
- -webkit-filter: brightness(1.2);
3061
- filter: brightness(1.2); }
3062
-
3063
- .premium-video-box-image-container.gray {
3064
- -webkit-filter: grayscale(100%);
3065
- filter: grayscale(100%); }
3066
-
3067
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3068
- -webkit-transform: scale(1.2);
3069
- -ms-transform: scale(1.2);
3070
- transform: scale(1.2); }
3071
-
3072
- .premium-video-box-image-container.sepia {
3073
- -webkit-filter: sepia(30%);
3074
- filter: sepia(30%); }
3075
-
3076
- .premium-video-box-image-container.bright {
3077
- -webkit-filter: brightness(1);
3078
- filter: brightness(1); }
3079
-
3080
- .premium-video-box-image-container.trans {
3081
- -webkit-transform: translateX(-15px) scale(1.1);
3082
- -ms-transform: translateX(-15px) scale(1.1);
3083
- transform: translateX(-15px) scale(1.1); }
3084
-
3085
- .premium-video-box-mask-media {
3086
- -webkit-mask-repeat: no-repeat;
3087
- mask-repeat: no-repeat; }
3088
-
3089
- /* Sticky Video Option */
3090
- .premium-video-box-container.premium-video-box-sticky-apply {
3091
- z-index: 99;
3092
- overflow: unset; }
3093
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3094
- position: fixed !important;
3095
- z-index: 99999;
3096
- height: 225px;
3097
- width: 400px;
3098
- background: #fff; }
3099
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3100
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3101
- visibility: hidden; }
3102
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3103
- -webkit-box-shadow: unset;
3104
- box-shadow: unset; }
3105
-
3106
- .premium-video-box-sticky-close,
3107
- .premium-video-box-sticky-infobar {
3108
- display: none; }
3109
-
3110
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3111
- position: absolute;
3112
- padding: 5px;
3113
- cursor: pointer;
3114
- z-index: 99999;
3115
- height: 14px;
3116
- width: 14px;
3117
- -webkit-box-sizing: content-box;
3118
- -moz-box-sizing: content-box;
3119
- box-sizing: content-box;
3120
- -webkit-border-radius: 100%;
3121
- border-radius: 100%;
3122
- -js-display: flex;
3123
- display: -webkit-box;
3124
- display: -webkit-flex;
3125
- display: -moz-box;
3126
- display: -ms-flexbox;
3127
- display: flex;
3128
- -webkit-box-pack: center;
3129
- -webkit-justify-content: center;
3130
- -moz-box-pack: center;
3131
- -ms-flex-pack: center;
3132
- justify-content: center;
3133
- -webkit-box-align: center;
3134
- -webkit-align-items: center;
3135
- -moz-box-align: center;
3136
- -ms-flex-align: center;
3137
- align-items: center; }
3138
-
3139
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3140
- -js-display: flex;
3141
- display: -webkit-box;
3142
- display: -webkit-flex;
3143
- display: -moz-box;
3144
- display: -ms-flexbox;
3145
- display: flex; }
3146
-
3147
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3148
- -webkit-transition: none;
3149
- transition: none; }
3150
-
3151
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3152
- display: block;
3153
- position: relative;
3154
- top: 100%;
3155
- width: 100%;
3156
- padding: 5px;
3157
- text-align: center;
3158
- z-index: 9999;
3159
- margin-top: -1px; }
3160
-
3161
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3162
- cursor: move; }
3163
-
3164
- .premium-video-sticky-top-left
3165
- .premium-video-box-container.premium-video-box-sticky-apply
3166
- .premium-video-box-inner-wrap {
3167
- right: auto;
3168
- left: 20px;
3169
- top: 20px; }
3170
-
3171
- .premium-video-sticky-bottom-left
3172
- .premium-video-box-container.premium-video-box-sticky-apply
3173
- .premium-video-box-inner-wrap {
3174
- right: auto;
3175
- left: 20px;
3176
- bottom: 20px; }
3177
-
3178
- .premium-video-sticky-top-right
3179
- .premium-video-box-container.premium-video-box-sticky-apply
3180
- .premium-video-box-inner-wrap {
3181
- left: auto;
3182
- right: 20px;
3183
- top: 20px; }
3184
-
3185
- .premium-video-sticky-bottom-right
3186
- .premium-video-box-container.premium-video-box-sticky-apply
3187
- .premium-video-box-inner-wrap {
3188
- left: auto;
3189
- right: 20px;
3190
- bottom: 20px; }
3191
-
3192
- .premium-video-sticky-center-left
3193
- .premium-video-box-container.premium-video-box-sticky-apply
3194
- .premium-video-box-inner-wrap {
3195
- right: auto;
3196
- left: 20px;
3197
- top: 50%;
3198
- -webkit-transform: translateY(-50%);
3199
- -ms-transform: translateY(-50%);
3200
- transform: translateY(-50%); }
3201
-
3202
- .premium-video-sticky-center-right
3203
- .premium-video-box-container.premium-video-box-sticky-apply
3204
- .premium-video-box-inner-wrap {
3205
- left: auto;
3206
- right: 20px;
3207
- top: 50%;
3208
- -webkit-transform: translateY(-50%);
3209
- -ms-transform: translateY(-50%);
3210
- transform: translateY(-50%); }
3211
-
3212
- .premium-video-sticky-bottom-right
3213
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3214
- .premium-video-box-inner-wrap,
3215
- .premium-video-sticky-bottom-left
3216
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3217
- .premium-video-box-inner-wrap {
3218
- bottom: 55px; }
3219
-
3220
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3221
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3222
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3223
- top: -10px;
3224
- right: -10px; }
3225
-
3226
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3227
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3228
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3229
- top: -10px;
3230
- left: -10px; }
3231
-
3232
- .premium-video-box-filter-sticky {
3233
- -webkit-filter: none !important;
3234
- filter: none !important; }
3235
-
3236
- /**************** Premium Blog *****************/
3237
- /***********************************************/
3238
- .premium-blog-thumb-effect-wrapper {
3239
- position: relative;
3240
- overflow: hidden; }
3241
-
3242
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3243
- position: absolute;
3244
- top: 0;
3245
- left: 0;
3246
- width: 100%;
3247
- height: 100%;
3248
- z-index: 2;
3249
- padding: 20px; }
3250
-
3251
- .premium-blog-bordered-effect .premium-blog-post-link {
3252
- display: block;
3253
- height: 100%;
3254
- position: relative; }
3255
-
3256
- /*Thumbnail Img*/
3257
- .premium-blog-thumbnail-container {
3258
- overflow: hidden; }
3259
- .premium-blog-thumbnail-container img,
3260
- .premium-blog-thumbnail-container .below-entry-meta {
3261
- width: 100%;
3262
- height: 100%;
3263
- margin: 0 !important;
3264
- -webkit-transition: all 0.4s ease-in-out;
3265
- transition: all 0.4s ease-in-out; }
3266
-
3267
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3268
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3269
- -webkit-transform: scale(1.2);
3270
- -ms-transform: scale(1.2);
3271
- transform: scale(1.2); }
3272
-
3273
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3274
- -webkit-filter: sepia(30%);
3275
- filter: sepia(30%); }
3276
-
3277
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3278
- -webkit-filter: brightness(1);
3279
- filter: brightness(1); }
3280
-
3281
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3282
- -webkit-transform: translateX(-15px) scale(1.1);
3283
- -ms-transform: translateX(-15px) scale(1.1);
3284
- transform: translateX(-15px) scale(1.1); }
3285
-
3286
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3287
- -webkit-transform: scale(1.2);
3288
- -ms-transform: scale(1.2);
3289
- transform: scale(1.2); }
3290
-
3291
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3292
- -webkit-transform: scale(1.1);
3293
- -ms-transform: scale(1.1);
3294
- transform: scale(1.1); }
3295
-
3296
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3297
- -webkit-transform: scale(1.3) rotate(5deg);
3298
- -ms-transform: scale(1.3) rotate(5deg);
3299
- transform: scale(1.3) rotate(5deg); }
3300
-
3301
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3302
- -webkit-filter: grayscale(100%);
3303
- filter: grayscale(100%); }
3304
-
3305
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3306
- -webkit-filter: blur(3px);
3307
- filter: blur(3px); }
3308
-
3309
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3310
- -webkit-filter: sepia(0%);
3311
- filter: sepia(0%); }
3312
-
3313
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3314
- -webkit-filter: brightness(1.2);
3315
- filter: brightness(1.2); }
3316
-
3317
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3318
- -webkit-transform: translateX(0px) scale(1.1);
3319
- -ms-transform: translateX(0px) scale(1.1);
3320
- transform: translateX(0px) scale(1.1); }
3321
-
3322
- .premium-blog-post-container {
3323
- overflow: hidden; }
3324
- .premium-blog-post-container .premium-blog-inner-container {
3325
- -js-display: flex;
3326
- display: -webkit-box;
3327
- display: -webkit-flex;
3328
- display: -moz-box;
3329
- display: -ms-flexbox;
3330
- display: flex; }
3331
- .premium-blog-post-container .premium-blog-entry-container {
3332
- margin: 0 !important; }
3333
- .premium-blog-post-container .premium-blog-post-content {
3334
- line-height: 1.5em;
3335
- color: #777;
3336
- font-size: 14px;
3337
- margin-bottom: 10px; }
3338
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3339
- .premium-blog-post-container .premium-blog-post-link:hover,
3340
- .premium-blog-post-container .premium-blog-post-link:focus {
3341
- -webkit-box-shadow: none !important;
3342
- box-shadow: none !important;
3343
- outline: none !important; }
3344
- .premium-blog-post-container .premium-blog-entry-title {
3345
- font-size: 18px;
3346
- margin-bottom: 5px; }
3347
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3348
- position: relative;
3349
- z-index: 3;
3350
- top: -50px; }
3351
- .premium-blog-post-container .premium-blog-content-wrapper {
3352
- background-color: #f5f5f5;
3353
- padding: 30px; }
3354
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3355
- top: 0; }
3356
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3357
- position: absolute;
3358
- content: "";
3359
- z-index: 1;
3360
- top: 50%;
3361
- left: 50%;
3362
- opacity: 0;
3363
- -webkit-transform: translate(-50%, -50%);
3364
- -ms-transform: translate(-50%, -50%);
3365
- transform: translate(-50%, -50%);
3366
- -webkit-transition: all 0.4s linear 0s;
3367
- transition: all 0.4s linear 0s;
3368
- height: 1px;
3369
- width: 100%;
3370
- background-color: #fff; }
3371
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3372
- width: 1px;
3373
- height: 100%; }
3374
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3375
- width: 20px;
3376
- opacity: 1; }
3377
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3378
- height: 20px;
3379
- opacity: 1; }
3380
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3381
- margin: 0px 10px 20px;
3382
- clear: both; }
3383
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3384
- position: absolute;
3385
- top: 0;
3386
- left: 0;
3387
- width: 100%;
3388
- height: 100%;
3389
- -webkit-transition: all 0.3s ease-in-out;
3390
- transition: all 0.3s ease-in-out;
3391
- opacity: 0; }
3392
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3393
- -js-display: flex;
3394
- display: -webkit-box;
3395
- display: -webkit-flex;
3396
- display: -moz-box;
3397
- display: -ms-flexbox;
3398
- display: flex;
3399
- -webkit-box-pack: center;
3400
- -webkit-justify-content: center;
3401
- -moz-box-pack: center;
3402
- -ms-flex-pack: center;
3403
- justify-content: center;
3404
- -webkit-box-align: center;
3405
- -webkit-align-items: center;
3406
- -moz-box-align: center;
3407
- -ms-flex-align: center;
3408
- align-items: center;
3409
- width: 100%;
3410
- height: 100%; }
3411
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3412
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3413
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3414
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3415
- -webkit-transition: all 0.3s ease-in-out;
3416
- transition: all 0.3s ease-in-out; }
3417
- .premium-blog-post-container.premium-blog-skin-side {
3418
- -js-display: flex;
3419
- display: -webkit-box;
3420
- display: -webkit-flex;
3421
- display: -moz-box;
3422
- display: -ms-flexbox;
3423
- display: flex; }
3424
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3425
- height: 100%; }
3426
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3427
- -webkit-box-flex: 1;
3428
- -webkit-flex: 1;
3429
- -moz-box-flex: 1;
3430
- -ms-flex: 1;
3431
- flex: 1; }
3432
- .premium-blog-post-container.premium-blog-skin-banner {
3433
- position: relative; }
3434
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3435
- position: absolute;
3436
- width: 100%;
3437
- bottom: 0;
3438
- -js-display: flex;
3439
- display: -webkit-box;
3440
- display: -webkit-flex;
3441
- display: -moz-box;
3442
- display: -ms-flexbox;
3443
- display: flex;
3444
- -webkit-box-orient: vertical;
3445
- -webkit-box-direction: normal;
3446
- -webkit-flex-direction: column;
3447
- -moz-box-orient: vertical;
3448
- -moz-box-direction: normal;
3449
- -ms-flex-direction: column;
3450
- flex-direction: column;
3451
- background-color: transparent;
3452
- z-index: 3; }
3453
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3454
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3455
- transition: -webkit-transform 0.3s ease-in-out;
3456
- transition: transform 0.3s ease-in-out;
3457
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3458
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3459
- -webkit-transform: translateY(-5px);
3460
- -ms-transform: translateY(-5px);
3461
- transform: translateY(-5px); }
3462
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3463
- margin: 0;
3464
- padding: 0;
3465
- list-style: none;
3466
- -js-display: flex;
3467
- display: -webkit-box;
3468
- display: -webkit-flex;
3469
- display: -moz-box;
3470
- display: -ms-flexbox;
3471
- display: flex; }
3472
- .premium-blog-post-container .premium-blog-cats-container a {
3473
- display: block;
3474
- font-size: 12px;
3475
- color: #fff;
3476
- background-color: #777;
3477
- margin: 0 3px 10px 0;
3478
- padding: 5px;
3479
- -webkit-transition: all 0.3s ease-in-out;
3480
- transition: all 0.3s ease-in-out; }
3481
-
3482
- /*
3483
- * Diagonal Effect
3484
- */
3485
- .premium-blog-diagonal-container {
3486
- position: absolute;
3487
- top: 0;
3488
- left: 0;
3489
- width: 100%;
3490
- height: 100%; }
3491
-
3492
- .premium-blog-diagonal-effect:before {
3493
- position: absolute;
3494
- top: 0px;
3495
- left: 0px;
3496
- width: 100%;
3497
- height: 100%;
3498
- content: " ";
3499
- z-index: 1;
3500
- background: rgba(255, 255, 255, 0.2);
3501
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3502
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3503
- -webkit-transition: all 0.3s linear 0s;
3504
- transition: all 0.3s linear 0s; }
3505
-
3506
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3507
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3508
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3509
-
3510
- /*
3511
- * Framed Effect
3512
- */
3513
- .premium-blog-framed-effect {
3514
- position: absolute;
3515
- width: -webkit-calc(100% - 30px);
3516
- width: calc(100% - 30px);
3517
- height: -webkit-calc(100% - 30px);
3518
- height: calc(100% - 30px);
3519
- top: 15px;
3520
- left: 15px;
3521
- opacity: 0;
3522
- -webkit-transform: scale(0.3);
3523
- -ms-transform: scale(0.3);
3524
- transform: scale(0.3);
3525
- -webkit-transition: all 0.3s linear 0s;
3526
- transition: all 0.3s linear 0s; }
3527
-
3528
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3529
- opacity: 0.99;
3530
- -webkit-transform: scale(1);
3531
- -ms-transform: scale(1);
3532
- transform: scale(1); }
3533
-
3534
- /*
3535
- * Bordered Effect
3536
- */
3537
- .premium-blog-bordered-effect {
3538
- position: absolute;
3539
- top: 0;
3540
- left: 0;
3541
- width: 100%;
3542
- height: 100%;
3543
- opacity: 0;
3544
- padding: 15px;
3545
- -webkit-transition: all 0.3s linear 0s;
3546
- transition: all 0.3s linear 0s; }
3547
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3548
- content: "";
3549
- display: block;
3550
- position: absolute;
3551
- top: 0;
3552
- left: 0;
3553
- width: 100%;
3554
- height: 100%;
3555
- -webkit-transition: all 0.5s linear 0s;
3556
- transition: all 0.5s linear 0s;
3557
- -webkit-transition-delay: 0s;
3558
- transition-delay: 0s;
3559
- border-color: rgba(255, 255, 255, 0.45); }
3560
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3561
- border-right: 2px solid;
3562
- border-left: 2px solid;
3563
- -webkit-transform: scale(1, 0);
3564
- -ms-transform: scale(1, 0);
3565
- transform: scale(1, 0);
3566
- -webkit-transform-origin: 100% 0;
3567
- -ms-transform-origin: 100% 0;
3568
- transform-origin: 100% 0; }
3569
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3570
- border-top: 2px solid;
3571
- border-bottom: 2px solid;
3572
- -webkit-transform: scale(0, 1);
3573
- -ms-transform: scale(0, 1);
3574
- transform: scale(0, 1);
3575
- -webkit-transform-origin: 0 0;
3576
- -ms-transform-origin: 0 0;
3577
- transform-origin: 0 0; }
3578
-
3579
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3580
- opacity: 0.99; }
3581
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3582
- -webkit-transition-delay: 0.15s;
3583
- transition-delay: 0.15s;
3584
- opacity: 1;
3585
- -webkit-transform: scale(1);
3586
- -ms-transform: scale(1);
3587
- transform: scale(1); }
3588
-
3589
- /*
3590
- * Squares Effect
3591
- */
3592
- .premium-blog-squares-effect,
3593
- .premium-blog-squares-square-container {
3594
- position: absolute;
3595
- top: 0;
3596
- left: 0;
3597
- width: 100%;
3598
- height: 100%; }
3599
-
3600
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3601
- position: absolute;
3602
- content: "";
3603
- top: 0;
3604
- left: 0;
3605
- width: 50%;
3606
- height: 50%;
3607
- -webkit-transform: translate(-100%, -100%);
3608
- -ms-transform: translate(-100%, -100%);
3609
- transform: translate(-100%, -100%);
3610
- opacity: 0.7;
3611
- -webkit-transition: all 0.3s linear 0s;
3612
- transition: all 0.3s linear 0s; }
3613
-
3614
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3615
- position: absolute;
3616
- content: "";
3617
- top: 0;
3618
- left: 0;
3619
- width: 50%;
3620
- height: 50%;
3621
- -webkit-transform: translate(-100%, -100%);
3622
- -ms-transform: translate(-100%, -100%);
3623
- transform: translate(-100%, -100%);
3624
- opacity: 0.7;
3625
- -webkit-transition: all 0.3s linear 0s;
3626
- transition: all 0.3s linear 0s; }
3627
-
3628
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3629
- opacity: 0.8; }
3630
-
3631
- .premium-blog-squares-effect:after {
3632
- -webkit-transform: translate(200%, 200%);
3633
- -ms-transform: translate(200%, 200%);
3634
- transform: translate(200%, 200%); }
3635
-
3636
- .premium-blog-squares-square-container:before {
3637
- -webkit-transform: translate(-100%, 200%);
3638
- -ms-transform: translate(-100%, 200%);
3639
- transform: translate(-100%, 200%); }
3640
-
3641
- .premium-blog-squares-square-container:after {
3642
- -webkit-transform: translate(200%, -100%);
3643
- -ms-transform: translate(200%, -100%);
3644
- transform: translate(200%, -100%); }
3645
-
3646
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3647
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3648
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3649
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3650
-
3651
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3652
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3653
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3654
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3655
-
3656
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3657
- -webkit-transform: translate(0, 100%);
3658
- -ms-transform: translate(0, 100%);
3659
- transform: translate(0, 100%); }
3660
-
3661
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3662
- -webkit-transform: translate(100%, 0%);
3663
- -ms-transform: translate(100%, 0%);
3664
- transform: translate(100%, 0%); }
3665
-
3666
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3667
- opacity: 1; }
3668
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3669
- opacity: 1;
3670
- -webkit-transform: scale(1);
3671
- -ms-transform: scale(1);
3672
- transform: scale(1); }
3673
-
3674
- .premium-blog-clear-fix {
3675
- clear: both; }
3676
-
3677
- .premium-blog-masked .premium-blog-thumbnail-container {
3678
- position: relative;
3679
- overflow: visible; }
3680
- .premium-blog-masked .premium-blog-thumbnail-container svg {
3681
- position: absolute;
3682
- height: 100px;
3683
- width: 100%;
3684
- bottom: -5px;
3685
- left: 0;
3686
- fill: #f5f5f5;
3687
- z-index: 99; }
3688
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3689
- -webkit-transform: rotate(180deg);
3690
- -ms-transform: rotate(180deg);
3691
- transform: rotate(180deg); }
3692
-
3693
- .premium-blog-masked .premium-blog-author-thumbnail,
3694
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3695
- z-index: 999 !important; }
3696
-
3697
- .premium-blog-format-link {
3698
- padding: 5px;
3699
- line-height: 0; }
3700
-
3701
- .premium-blog-entry-meta {
3702
- line-height: 1.3em;
3703
- font-size: 12px;
3704
- margin-bottom: 13px;
3705
- color: #adadad; }
3706
- .premium-blog-entry-meta i {
3707
- margin-right: 3px;
3708
- -webkit-transition: all 0.3s ease-in-out;
3709
- transition: all 0.3s ease-in-out; }
3710
-
3711
- .premium-blog-meta-data {
3712
- display: inline-block; }
3713
- .premium-blog-meta-data .premium-blog-meta-separator {
3714
- margin: 0 5px; }
3715
- .premium-blog-meta-data a,
3716
- .premium-blog-meta-data span {
3717
- color: inherit;
3718
- -webkit-transition: all 0.3s ease-in-out;
3719
- transition: all 0.3s ease-in-out; }
3720
-
3721
- .premium-blog-author-thumbnail {
3722
- position: relative;
3723
- padding: 0 30px;
3724
- width: 100%;
3725
- top: -10px;
3726
- height: 0;
3727
- pointer-events: none; }
3728
- .premium-blog-author-thumbnail img {
3729
- -webkit-border-radius: 50%;
3730
- border-radius: 50%;
3731
- width: 60px;
3732
- pointer-events: all;
3733
- -webkit-transform: translateY(-50%);
3734
- -ms-transform: translateY(-50%);
3735
- transform: translateY(-50%); }
3736
-
3737
- .premium-blog-entry-title a,
3738
- .premium-blog-post-tags-container a,
3739
- .premium-blog-post-content .premium-blog-excerpt-link {
3740
- -webkit-transition: all 0.3s ease-in-out;
3741
- transition: all 0.3s ease-in-out; }
3742
-
3743
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3744
- background-color: transparent;
3745
- color: #54595f;
3746
- padding: 0; }
3747
-
3748
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3749
- width: 100%; }
3750
-
3751
- .premium-blog-post-tags-container {
3752
- margin-top: 8px;
3753
- -js-display: flex;
3754
- display: -webkit-box;
3755
- display: -webkit-flex;
3756
- display: -moz-box;
3757
- display: -ms-flexbox;
3758
- display: flex;
3759
- -webkit-box-align: center;
3760
- -webkit-align-items: center;
3761
- -moz-box-align: center;
3762
- -ms-flex-align: center;
3763
- align-items: center;
3764
- -webkit-flex-wrap: wrap;
3765
- -ms-flex-wrap: wrap;
3766
- flex-wrap: wrap; }
3767
- .premium-blog-post-tags-container a {
3768
- color: inherit;
3769
- margin-left: 5px; }
3770
-
3771
- /*Tags align*/
3772
- .premium-blog-align-left .post-categories,
3773
- .premium-blog-align-left .premium-blog-inner-container,
3774
- .premium-blog-align-left .premium-blog-post-tags-container {
3775
- -webkit-box-pack: start;
3776
- -webkit-justify-content: flex-start;
3777
- -moz-box-pack: start;
3778
- -ms-flex-pack: start;
3779
- justify-content: flex-start; }
3780
-
3781
- .premium-blog-align-center .post-categories,
3782
- .premium-blog-align-center .premium-blog-inner-container,
3783
- .premium-blog-align-center .premium-blog-post-tags-container {
3784
- -webkit-box-pack: center;
3785
- -webkit-justify-content: center;
3786
- -moz-box-pack: center;
3787
- -ms-flex-pack: center;
3788
- justify-content: center; }
3789
-
3790
- .premium-blog-align-right .post-categories,
3791
- .premium-blog-align-right .premium-blog-inner-container,
3792
- .premium-blog-align-right .premium-blog-post-tags-container {
3793
- -webkit-box-pack: end;
3794
- -webkit-justify-content: flex-end;
3795
- -moz-box-pack: end;
3796
- -ms-flex-pack: end;
3797
- justify-content: flex-end; }
3798
-
3799
- /* Pagination */
3800
- .premium-blog-pagination-container {
3801
- text-align: right; }
3802
- .premium-blog-pagination-container span {
3803
- cursor: default; }
3804
- .premium-blog-pagination-container .page-numbers {
3805
- display: inline-block;
3806
- color: #000;
3807
- line-height: 1;
3808
- font-size: 1em;
3809
- font-weight: 400;
3810
- text-decoration: none;
3811
- padding: 0.75em;
3812
- margin: 0 0.4em 0.4em 0;
3813
- -webkit-transition: all 0.3s ease-in-out;
3814
- transition: all 0.3s ease-in-out; }
3815
-
3816
- .premium-blog-wrap .premium-loading-feed {
3817
- display: block;
3818
- position: absolute;
3819
- width: 100%;
3820
- height: 100%;
3821
- top: 0px;
3822
- left: 0px;
3823
- bottom: 0px;
3824
- right: 0px;
3825
- background: rgba(255, 255, 255, 0.2);
3826
- -js-display: flex;
3827
- display: -webkit-box;
3828
- display: -webkit-flex;
3829
- display: -moz-box;
3830
- display: -ms-flexbox;
3831
- display: flex;
3832
- -webkit-box-align: center;
3833
- -webkit-align-items: center;
3834
- -moz-box-align: center;
3835
- -ms-flex-align: center;
3836
- align-items: center;
3837
- z-index: 99; }
3838
-
3839
- .premium-blog-wrap {
3840
- -js-display: flex;
3841
- display: -webkit-box;
3842
- display: -webkit-flex;
3843
- display: -moz-box;
3844
- display: -ms-flexbox;
3845
- display: flex;
3846
- -webkit-flex-wrap: wrap;
3847
- -ms-flex-wrap: wrap;
3848
- flex-wrap: wrap; }
3849
- .premium-blog-wrap ul.slick-dots {
3850
- width: 100%; }
3851
-
3852
- /*
3853
- * List Layout
3854
- */
3855
- .premium-blog-list .premium-blog-post-outer-container {
3856
- width: 100%; }
3857
-
3858
- /**
3859
- * Even Layout
3860
- */
3861
- .premium-blog-even .premium-blog-post-container {
3862
- height: 100%; }
3863
-
3864
- .premium-blog-even .slick-track {
3865
- -js-display: flex;
3866
- display: -webkit-box;
3867
- display: -webkit-flex;
3868
- display: -moz-box;
3869
- display: -ms-flexbox;
3870
- display: flex; }
3871
-
3872
- .premium-blog-even .slick-slide {
3873
- height: inherit !important; }
3874
-
3875
- /**
3876
- * Responsive Style
3877
- */
3878
- @media (max-width: 768px) {
3879
- .premium-blog-content-wrapper {
3880
- top: 0;
3881
- margin: 0;
3882
- padding: 15px; }
3883
- .premium-blog-skin-side {
3884
- -webkit-box-orient: vertical;
3885
- -webkit-box-direction: normal;
3886
- -webkit-flex-direction: column;
3887
- -moz-box-orient: vertical;
3888
- -moz-box-direction: normal;
3889
- -ms-flex-direction: column;
3890
- flex-direction: column; } }
3891
-
3892
- /************ Premium Team Members ************/
3893
- /**********************************************/
3894
- .premium-person-container {
3895
- position: relative; }
3896
-
3897
- .premium-person-image-container {
3898
- position: relative;
3899
- text-align: center;
3900
- overflow: hidden; }
3901
- .premium-person-image-container .premium-person-image-wrap {
3902
- overflow: hidden; }
3903
-
3904
- .premium-person-zoomout-effect .premium-person-image-container img,
3905
- .premium-person-scale-effect .premium-person-image-container img {
3906
- -webkit-transform: scale(1.2);
3907
- -ms-transform: scale(1.2);
3908
- transform: scale(1.2); }
3909
-
3910
- .premium-person-sepia-effect .premium-person-image-container img {
3911
- -webkit-filter: sepia(30%);
3912
- filter: sepia(30%); }
3913
-
3914
- .premium-person-bright-effect .premium-person-image-container img {
3915
- -webkit-filter: brightness(1);
3916
- filter: brightness(1); }
3917
-
3918
- .premium-person-trans-effect .premium-person-image-container img {
3919
- -webkit-transform: translateX(-15px) scale(1.1);
3920
- -ms-transform: translateX(-15px) scale(1.1);
3921
- transform: translateX(-15px) scale(1.1); }
3922
-
3923
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3924
- -webkit-transform: scale(1.2);
3925
- -ms-transform: scale(1.2);
3926
- transform: scale(1.2); }
3927
-
3928
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3929
- -webkit-transform: scale(1.1);
3930
- -ms-transform: scale(1.1);
3931
- transform: scale(1.1); }
3932
-
3933
- .premium-person-scale-effect:hover .premium-person-image-container img {
3934
- -webkit-transform: scale(1.3) rotate(5deg);
3935
- -ms-transform: scale(1.3) rotate(5deg);
3936
- transform: scale(1.3) rotate(5deg); }
3937
-
3938
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3939
- -webkit-filter: grayscale(100%);
3940
- filter: grayscale(100%); }
3941
-
3942
- .premium-person-blur-effect:hover .premium-person-image-container img {
3943
- -webkit-filter: blur(3px);
3944
- filter: blur(3px); }
3945
-
3946
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3947
- -webkit-filter: sepia(0%);
3948
- filter: sepia(0%); }
3949
-
3950
- .premium-person-bright-effect:hover .premium-person-image-container img {
3951
- -webkit-filter: brightness(1.2);
3952
- filter: brightness(1.2); }
3953
-
3954
- .premium-person-trans-effect:hover .premium-person-image-container img {
3955
- -webkit-transform: translateX(0px) scale(1.1);
3956
- -ms-transform: translateX(0px) scale(1.1);
3957
- transform: translateX(0px) scale(1.1); }
3958
-
3959
- .premium-person-container .premium-person-image-container img {
3960
- width: 100%;
3961
- height: 100%;
3962
- -o-object-fit: cover;
3963
- object-fit: cover;
3964
- -webkit-transition: all 0.5s ease-in-out;
3965
- transition: all 0.5s ease-in-out; }
3966
-
3967
- .premium-person-style2 .premium-person-social {
3968
- position: absolute;
3969
- top: 0;
3970
- left: 0;
3971
- width: 100%;
3972
- height: 100%;
3973
- z-index: 2;
3974
- -js-display: flex;
3975
- display: -webkit-box;
3976
- display: -webkit-flex;
3977
- display: -moz-box;
3978
- display: -ms-flexbox;
3979
- display: flex;
3980
- -webkit-box-pack: center;
3981
- -webkit-justify-content: center;
3982
- -moz-box-pack: center;
3983
- -ms-flex-pack: center;
3984
- justify-content: center;
3985
- -webkit-box-align: center;
3986
- -webkit-align-items: center;
3987
- -moz-box-align: center;
3988
- -ms-flex-align: center;
3989
- align-items: center;
3990
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3991
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3992
- -webkit-transition: all 0.5s linear 0s;
3993
- transition: all 0.5s linear 0s;
3994
- opacity: 0; }
3995
-
3996
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3997
- opacity: 1; }
3998
-
3999
- .premium-person-list-item a {
4000
- display: inline-block; }
4001
-
4002
- .premium-person-style2 .premium-person-list-item a {
4003
- opacity: 0;
4004
- -webkit-transform: scale(0);
4005
- -ms-transform: scale(0);
4006
- transform: scale(0);
4007
- -webkit-transition: all 0.5s ease-in-out 0s;
4008
- transition: all 0.5s ease-in-out 0s; }
4009
-
4010
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4011
- opacity: 1;
4012
- -webkit-transform: scale(1);
4013
- -ms-transform: scale(1);
4014
- transform: scale(1); }
4015
-
4016
- .premium-person-info-container {
4017
- padding: 30px 15px; }
4018
-
4019
- .premium-person-name {
4020
- margin: 0 0 5px;
4021
- font-weight: 700; }
4022
-
4023
- .premium-person-title {
4024
- margin: 0 0 20px;
4025
- padding: 0; }
4026
-
4027
- .premium-person-content {
4028
- margin: 0 0 30px; }
4029
-
4030
- /*Override Theme List Margin*/
4031
- ul.premium-person-social-list {
4032
- margin: 0px !important;
4033
- padding: 0; }
4034
-
4035
- .premium-person-social-list .premium-person-list-item {
4036
- display: inline;
4037
- list-style: none; }
4038
-
4039
- .premium-person-social-list li {
4040
- position: relative;
4041
- bottom: 0px;
4042
- -webkit-transition: all 0.2s ease-in-out;
4043
- transition: all 0.2s ease-in-out; }
4044
- .premium-person-social-list li i {
4045
- position: relative;
4046
- bottom: 0px;
4047
- -webkit-transition: all 0.2s ease-in-out;
4048
- transition: all 0.2s ease-in-out; }
4049
-
4050
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4051
- background-color: #3b5998 !important; }
4052
-
4053
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4054
- background-color: #55acee !important; }
4055
-
4056
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4057
- background-color: #0077b5 !important; }
4058
-
4059
- .premium-person-defaults-yes li.premium-person-google:hover a {
4060
- background-color: #dc4e41 !important; }
4061
-
4062
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4063
- background-color: #b31217 !important; }
4064
-
4065
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4066
- background-color: #e4405f !important; }
4067
-
4068
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4069
- background-color: #00aff0 !important; }
4070
-
4071
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4072
- background-color: #bd081c !important; }
4073
-
4074
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4075
- background-color: #ea4c89 !important; }
4076
-
4077
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4078
- background-color: #b23121 !important; }
4079
-
4080
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4081
- background-color: #1769ff !important; }
4082
-
4083
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4084
- background-color: #25d366 !important; }
4085
-
4086
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4087
- background-color: #0088cc !important; }
4088
-
4089
- .premium-person-defaults-yes li.premium-person-site:hover a {
4090
- background-color: #0055a5 !important; }
4091
-
4092
- .premium-person-social-list li:hover a {
4093
- -webkit-box-shadow: none;
4094
- box-shadow: none; }
4095
-
4096
- .premium-person-social-list li a:focus {
4097
- -webkit-box-shadow: none;
4098
- box-shadow: none;
4099
- outline: none; }
4100
-
4101
- .premium-person-social-list li i {
4102
- font-size: 18px; }
4103
-
4104
- .elementor-widget-premium-addon-person .elementor-widget-container {
4105
- -js-display: flex;
4106
- display: -webkit-box;
4107
- display: -webkit-flex;
4108
- display: -moz-box;
4109
- display: -ms-flexbox;
4110
- display: flex;
4111
- -webkit-box-pack: center;
4112
- -webkit-justify-content: center;
4113
- -moz-box-pack: center;
4114
- -ms-flex-pack: center;
4115
- justify-content: center; }
4116
-
4117
- .premium-persons-container.multiple-persons {
4118
- -js-display: flex;
4119
- display: -webkit-box;
4120
- display: -webkit-flex;
4121
- display: -moz-box;
4122
- display: -ms-flexbox;
4123
- display: flex;
4124
- -webkit-flex-wrap: wrap;
4125
- -ms-flex-wrap: wrap;
4126
- flex-wrap: wrap;
4127
- width: 100%; }
4128
-
4129
- .premium-person-style1 .premium-person-container {
4130
- overflow: hidden; }
4131
- .premium-person-style1 .premium-person-container .premium-person-info {
4132
- position: absolute;
4133
- top: auto;
4134
- right: 0;
4135
- left: 0;
4136
- -webkit-transition: all 500ms ease 0s;
4137
- transition: all 500ms ease 0s;
4138
- -webkit-transform: translate3d(0, 100%, 0);
4139
- transform: translate3d(0, 100%, 0); }
4140
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4141
- -webkit-transform: translate3d(0, 0, 0);
4142
- transform: translate3d(0, 0, 0);
4143
- bottom: -1px !important; }
4144
-
4145
- .premium-person-style1 .premium-person-social-list li:hover {
4146
- bottom: 5px; }
4147
-
4148
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4149
- -webkit-box-align: start;
4150
- -webkit-align-items: flex-start;
4151
- -moz-box-align: start;
4152
- -ms-flex-align: start;
4153
- align-items: flex-start; }
4154
-
4155
- .premium-person-style1 .slick-track {
4156
- -js-display: flex;
4157
- display: -webkit-box;
4158
- display: -webkit-flex;
4159
- display: -moz-box;
4160
- display: -ms-flexbox;
4161
- display: flex; }
4162
-
4163
- .premium-person-style1 .slick-slide {
4164
- height: inherit !important; }
4165
-
4166
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4167
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4168
- height: 100%; }
4169
-
4170
- .premium-person-style3 .premium-person-info-container {
4171
- position: absolute;
4172
- top: 0;
4173
- left: 0;
4174
- width: 100%;
4175
- height: 100%;
4176
- -js-display: flex;
4177
- display: -webkit-box;
4178
- display: -webkit-flex;
4179
- display: -moz-box;
4180
- display: -ms-flexbox;
4181
- display: flex;
4182
- -webkit-box-orient: vertical;
4183
- -webkit-box-direction: normal;
4184
- -webkit-flex-direction: column;
4185
- -moz-box-orient: vertical;
4186
- -moz-box-direction: normal;
4187
- -ms-flex-direction: column;
4188
- flex-direction: column;
4189
- -webkit-box-pack: justify;
4190
- -webkit-justify-content: space-between;
4191
- -moz-box-pack: justify;
4192
- -ms-flex-pack: justify;
4193
- justify-content: space-between; }
4194
-
4195
- .premium-person-style3 .premium-person-title-desc-wrap {
4196
- -js-display: flex;
4197
- display: -webkit-box;
4198
- display: -webkit-flex;
4199
- display: -moz-box;
4200
- display: -ms-flexbox;
4201
- display: flex;
4202
- -webkit-box-orient: horizontal;
4203
- -webkit-box-direction: reverse;
4204
- -webkit-flex-direction: row-reverse;
4205
- -moz-box-orient: horizontal;
4206
- -moz-box-direction: reverse;
4207
- -ms-flex-direction: row-reverse;
4208
- flex-direction: row-reverse;
4209
- -webkit-box-pack: justify;
4210
- -webkit-justify-content: space-between;
4211
- -moz-box-pack: justify;
4212
- -ms-flex-pack: justify;
4213
- justify-content: space-between;
4214
- -webkit-box-align: start;
4215
- -webkit-align-items: flex-start;
4216
- -moz-box-align: start;
4217
- -ms-flex-align: start;
4218
- align-items: flex-start; }
4219
-
4220
- .premium-person-style3 .premium-person-name-icons-wrap {
4221
- -js-display: flex;
4222
- display: -webkit-box;
4223
- display: -webkit-flex;
4224
- display: -moz-box;
4225
- display: -ms-flexbox;
4226
- display: flex;
4227
- -webkit-box-pack: justify;
4228
- -webkit-justify-content: space-between;
4229
- -moz-box-pack: justify;
4230
- -ms-flex-pack: justify;
4231
- justify-content: space-between;
4232
- -webkit-box-align: end;
4233
- -webkit-align-items: flex-end;
4234
- -moz-box-align: end;
4235
- -ms-flex-align: end;
4236
- align-items: flex-end; }
4237
-
4238
- .premium-person-style3 .premium-person-title {
4239
- opacity: 0;
4240
- -webkit-transition: all 0.3s ease;
4241
- transition: all 0.3s ease;
4242
- width: 0; }
4243
- .premium-person-style3 .premium-person-title span {
4244
- display: inline-block; }
4245
-
4246
- .premium-person-style3 .premium-person-name {
4247
- padding-left: 10px; }
4248
-
4249
- .premium-person-style3 .premium-person-social-list {
4250
- -js-display: flex;
4251
- display: -webkit-box;
4252
- display: -webkit-flex;
4253
- display: -moz-box;
4254
- display: -ms-flexbox;
4255
- display: flex;
4256
- -webkit-box-orient: vertical;
4257
- -webkit-box-direction: normal;
4258
- -webkit-flex-direction: column;
4259
- -moz-box-orient: vertical;
4260
- -moz-box-direction: normal;
4261
- -ms-flex-direction: column;
4262
- flex-direction: column;
4263
- -webkit-transform: translateY(20px);
4264
- -ms-transform: translateY(20px);
4265
- transform: translateY(20px);
4266
- opacity: 0;
4267
- -webkit-transition: all 0.3s ease;
4268
- transition: all 0.3s ease; }
4269
-
4270
- .premium-person-style3 .premium-person-list-item {
4271
- line-height: 0; }
4272
- .premium-person-style3 .premium-person-list-item a {
4273
- padding: 5px 10px 0 0;
4274
- margin: 5px 0; }
4275
-
4276
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4277
- opacity: 1; }
4278
-
4279
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4280
- opacity: 1;
4281
- -webkit-transform: translateY(0);
4282
- -ms-transform: translateY(0);
4283
- transform: translateY(0); }
4284
-
4285
- .premium-persons-title-cw .premium-person-title {
4286
- -webkit-transform: translateX(15px) rotate(90deg);
4287
- -ms-transform: translateX(15px) rotate(90deg);
4288
- transform: translateX(15px) rotate(90deg);
4289
- -webkit-transform-origin: top;
4290
- -ms-transform-origin: top;
4291
- transform-origin: top; }
4292
-
4293
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4294
- -webkit-transform: translateX(0) rotate(90deg);
4295
- -ms-transform: translateX(0) rotate(90deg);
4296
- transform: translateX(0) rotate(90deg); }
4297
-
4298
- .premium-persons-title-ccw .premium-person-title {
4299
- width: auto;
4300
- margin-right: 20px;
4301
- -webkit-transform: translateX(15px) rotate(-90deg);
4302
- -ms-transform: translateX(15px) rotate(-90deg);
4303
- transform: translateX(15px) rotate(-90deg);
4304
- -webkit-transform-origin: center right;
4305
- -ms-transform-origin: center right;
4306
- transform-origin: center right; }
4307
-
4308
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4309
- -webkit-transform: translateX(0) rotate(-90deg);
4310
- -ms-transform: translateX(0) rotate(-90deg);
4311
- transform: translateX(0) rotate(-90deg); }
4312
-
4313
- /**************** Premium Fancy Text *******************/
4314
- /*******************************************************/
4315
- .premium-suffix-text,
4316
- .premium-fancy-text,
4317
- .premium-prefix-text {
4318
- font-size: 40px; }
4319
-
4320
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
4321
- .premium-fancy-item-hidden {
4322
- opacity: 0; }
4323
-
4324
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4325
- list-style: none; }
4326
-
4327
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4328
- vertical-align: top; }
4329
-
4330
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4331
- margin: 0;
4332
- padding: 0;
4333
- border: none;
4334
- position: relative; }
4335
-
4336
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4337
- position: absolute;
4338
- top: 0;
4339
- left: 0;
4340
- display: inline-block; }
4341
-
4342
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4343
- -webkit-animation: pa-zoom-out 0.8s;
4344
- animation: pa-zoom-out 0.8s; }
4345
-
4346
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4347
- position: relative !important;
4348
- -webkit-animation: pa-zoom-in 0.8s;
4349
- animation: pa-zoom-in 0.8s; }
4350
-
4351
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4352
- -webkit-perspective: 300px;
4353
- perspective: 300px; }
4354
-
4355
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4356
- -webkit-transform-origin: 50% 100%;
4357
- -ms-transform-origin: 50% 100%;
4358
- transform-origin: 50% 100%; }
4359
-
4360
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4361
- -webkit-transform: rotateX(180deg);
4362
- transform: rotateX(180deg);
4363
- -webkit-animation: pa-rotate-out 1.2s;
4364
- animation: pa-rotate-out 1.2s; }
4365
-
4366
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4367
- position: relative !important;
4368
- -webkit-transform: rotateX(0deg);
4369
- transform: rotateX(0deg);
4370
- -webkit-animation: pa-rotate-in 1.2s;
4371
- animation: pa-rotate-in 1.2s; }
4372
-
4373
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4374
- position: relative !important; }
4375
-
4376
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4377
- display: inline-block;
4378
- width: 200px;
4379
- font-weight: 400; }
4380
-
4381
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4382
- position: relative;
4383
- vertical-align: sub; }
4384
-
4385
- .premium-fancy-text-wrapper.auto-fade g > text {
4386
- text-anchor: start;
4387
- shape-rendering: crispEdges;
4388
- opacity: 0;
4389
- font-size: 300px;
4390
- -webkit-animation-name: pa-auto-fade;
4391
- animation-name: pa-auto-fade;
4392
- -moz-animation-name: pa-auto-fade;
4393
- -webkit-animation-duration: 9s;
4394
- animation-duration: 9s;
4395
- -webkit-animation-timing-function: linear;
4396
- animation-timing-function: linear;
4397
- -webkit-animation-iteration-count: infinite;
4398
- animation-iteration-count: infinite; }
4399
-
4400
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4401
- -webkit-animation-delay: 0s;
4402
- animation-delay: 0s; }
4403
-
4404
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4405
- -webkit-animation-delay: 3s;
4406
- animation-delay: 3s; }
4407
-
4408
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4409
- -webkit-animation-delay: 6s;
4410
- animation-delay: 6s; }
4411
-
4412
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
4413
- position: relative; }
4414
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4415
- position: absolute;
4416
- width: 100%;
4417
- height: 3px;
4418
- bottom: 0;
4419
- left: 0;
4420
- animation: pa-loading-bar 2.5s ease-out infinite;
4421
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4422
-
4423
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4424
- -webkit-animation-play-state: paused;
4425
- animation-play-state: paused; }
4426
-
4427
- @-webkit-keyframes pa-auto-fade {
4428
- 0% {
4429
- opacity: 0; }
4430
- 20% {
4431
- opacity: 1; }
4432
- 35% {
4433
- opacity: 0; }
4434
- 100% {
4435
- opacity: 0; } }
4436
-
4437
- @keyframes pa-auto-fade {
4438
- 0% {
4439
- opacity: 0; }
4440
- 20% {
4441
- opacity: 1; }
4442
- 35% {
4443
- opacity: 0; }
4444
- 100% {
4445
- opacity: 0; } }
4446
-
4447
- @-webkit-keyframes pa-loading-bar {
4448
- 0% {
4449
- width: 0; }
4450
- 100% {
4451
- width: 100; } }
4452
-
4453
- @keyframes pa-loading-bar {
4454
- 0% {
4455
- width: 0; }
4456
- 100% {
4457
- width: 100; } }
4458
-
4459
- @-webkit-keyframes pa-zoom-in {
4460
- 0% {
4461
- opacity: 0;
4462
- -webkit-transform: translateZ(100px);
4463
- transform: translateZ(100px); }
4464
- 100% {
4465
- opacity: 1;
4466
- -webkit-transform: translateZ(0);
4467
- transform: translateZ(0); } }
4468
-
4469
- @keyframes pa-zoom-in {
4470
- 0% {
4471
- opacity: 0;
4472
- -webkit-transform: translateZ(100px);
4473
- transform: translateZ(100px); }
4474
- 100% {
4475
- opacity: 1;
4476
- -webkit-transform: translateZ(0);
4477
- transform: translateZ(0); } }
4478
-
4479
- @-webkit-keyframes pa-zoom-out {
4480
- 0% {
4481
- opacity: 1;
4482
- -webkit-transform: translateZ(0);
4483
- transform: translateZ(0); }
4484
- 100% {
4485
- opacity: 0;
4486
- -webkit-transform: translateZ(-100px);
4487
- transform: translateZ(-100px); } }
4488
-
4489
- @keyframes pa-zoom-out {
4490
- 0% {
4491
- opacity: 1;
4492
- -webkit-transform: translateZ(0);
4493
- transform: translateZ(0); }
4494
- 100% {
4495
- opacity: 0;
4496
- -webkit-transform: translateZ(-100px);
4497
- transform: translateZ(-100px); } }
4498
-
4499
- @-webkit-keyframes pa-rotate-in {
4500
- 0% {
4501
- opacity: 0;
4502
- -webkit-transform: rotateX(180deg);
4503
- transform: rotateX(180deg); }
4504
- 35% {
4505
- opacity: 0;
4506
- -webkit-transform: rotateX(120deg);
4507
- transform: rotateX(120deg); }
4508
- 65% {
4509
- opacity: 0; }
4510
- 100% {
4511
- opacity: 1;
4512
- -webkit-transform: rotateX(360deg);
4513
- transform: rotateX(360deg); } }
4514
-
4515
- @keyframes pa-rotate-in {
4516
- 0% {
4517
- opacity: 0;
4518
- -webkit-transform: rotateX(180deg);
4519
- transform: rotateX(180deg); }
4520
- 35% {
4521
- opacity: 0;
4522
- -webkit-transform: rotateX(120deg);
4523
- transform: rotateX(120deg); }
4524
- 65% {
4525
- opacity: 0; }
4526
- 100% {
4527
- opacity: 1;
4528
- -webkit-transform: rotateX(360deg);
4529
- transform: rotateX(360deg); } }
4530
-
4531
- @-webkit-keyframes pa-rotate-out {
4532
- 0% {
4533
- opacity: 1;
4534
- -webkit-transform: rotateX(0deg);
4535
- transform: rotateX(0deg); }
4536
- 35% {
4537
- opacity: 1;
4538
- -webkit-transform: rotateX(-40deg);
4539
- transform: rotateX(-40deg); }
4540
- 65% {
4541
- opacity: 0; }
4542
- 100% {
4543
- opacity: 0;
4544
- -webkit-transform: rotateX(180deg);
4545
- transform: rotateX(180deg); } }
4546
-
4547
- @keyframes pa-rotate-out {
4548
- 0% {
4549
- opacity: 1;
4550
- -webkit-transform: rotateX(0deg);
4551
- transform: rotateX(0deg); }
4552
- 35% {
4553
- opacity: 1;
4554
- -webkit-transform: rotateX(-40deg);
4555
- transform: rotateX(-40deg); }
4556
- 65% {
4557
- opacity: 0; }
4558
- 100% {
4559
- opacity: 0;
4560
- -webkit-transform: rotateX(180deg);
4561
- transform: rotateX(180deg); } }
4562
-
4563
- /**************** Premium Pricing Table ****************/
4564
- /*******************************************************/
4565
- .premium-pricing-table-container {
4566
- position: relative;
4567
- overflow: hidden;
4568
- text-align: center;
4569
- -webkit-transition: all 0.3s ease-in-out;
4570
- transition: all 0.3s ease-in-out; }
4571
-
4572
- .premium-pricing-icon-container {
4573
- -js-display: flex;
4574
- display: -webkit-box;
4575
- display: -webkit-flex;
4576
- display: -moz-box;
4577
- display: -ms-flexbox;
4578
- display: flex;
4579
- -webkit-box-pack: center;
4580
- -webkit-justify-content: center;
4581
- -moz-box-pack: center;
4582
- -ms-flex-pack: center;
4583
- justify-content: center;
4584
- line-height: 0; }
4585
- .premium-pricing-icon-container .premium-pricing-icon {
4586
- display: inline-block; }
4587
- .premium-pricing-icon-container .premium-pricing-image {
4588
- overflow: hidden; }
4589
- .premium-pricing-icon-container .premium-pricing-image img {
4590
- width: 25px;
4591
- height: 25px;
4592
- -o-object-fit: cover;
4593
- object-fit: cover; }
4594
-
4595
- .premium-badge-left {
4596
- position: absolute;
4597
- top: 0; }
4598
-
4599
- .premium-badge-right {
4600
- position: absolute;
4601
- top: 0;
4602
- right: 0; }
4603
-
4604
- .premium-badge-left {
4605
- left: 0; }
4606
-
4607
- .premium-badge-triangle.premium-badge-left .corner {
4608
- width: 0;
4609
- height: 0;
4610
- border-top: 150px solid;
4611
- border-bottom: 150px solid transparent;
4612
- border-right: 150px solid transparent; }
4613
-
4614
- .premium-badge-triangle.premium-badge-right .corner {
4615
- width: 0;
4616
- height: 0;
4617
- border-bottom: 150px solid transparent;
4618
- border-right: 150px solid;
4619
- border-left: 150px solid transparent; }
4620
-
4621
- .premium-badge-triangle span {
4622
- position: absolute;
4623
- top: 35px;
4624
- width: 100px;
4625
- text-align: center;
4626
- -webkit-transform: rotate(-45deg);
4627
- -ms-transform: rotate(-45deg);
4628
- transform: rotate(-45deg);
4629
- display: block;
4630
- text-transform: uppercase; }
4631
-
4632
- .premium-badge-triangle.premium-badge-right span {
4633
- -webkit-transform: rotate(45deg);
4634
- -ms-transform: rotate(45deg);
4635
- transform: rotate(45deg);
4636
- right: 0; }
4637
-
4638
- .premium-badge-circle {
4639
- min-width: 4em;
4640
- min-height: 4em;
4641
- line-height: 4em;
4642
- text-align: center;
4643
- -webkit-border-radius: 100%;
4644
- border-radius: 100%;
4645
- position: absolute;
4646
- z-index: 1; }
4647
-
4648
- .premium-badge-stripe {
4649
- position: absolute;
4650
- -webkit-transform: rotate(90deg);
4651
- -ms-transform: rotate(90deg);
4652
- transform: rotate(90deg);
4653
- width: 15em;
4654
- overflow: hidden;
4655
- height: 15em; }
4656
- .premium-badge-stripe.premium-badge-left {
4657
- -webkit-transform: rotate(0);
4658
- -ms-transform: rotate(0);
4659
- transform: rotate(0); }
4660
- .premium-badge-stripe .corner {
4661
- text-align: center;
4662
- left: 0;
4663
- width: 150%;
4664
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4665
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4666
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4667
- margin-top: 35px;
4668
- font-size: 13px;
4669
- line-height: 2;
4670
- font-weight: 800;
4671
- text-transform: uppercase; }
4672
-
4673
- .premium-badge-flag .corner {
4674
- text-align: center;
4675
- -webkit-border-radius: 4px 4px 0 4px;
4676
- border-radius: 4px 4px 0 4px;
4677
- padding: 3px 15px;
4678
- position: absolute;
4679
- top: 10%;
4680
- right: -8px; }
4681
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4682
- content: "";
4683
- display: block;
4684
- position: absolute;
4685
- width: 0;
4686
- height: 0;
4687
- top: 100%;
4688
- right: 0;
4689
- border-bottom: 8px solid transparent; }
4690
-
4691
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4692
- overflow: visible !important; }
4693
-
4694
- .premium-badge-flag .corner::after {
4695
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4696
-
4697
- .premium-pricing-price-currency {
4698
- position: relative; }
4699
-
4700
- .premium-pricing-button-container {
4701
- display: block; }
4702
-
4703
- .premium-pricing-list {
4704
- -js-display: flex;
4705
- display: -webkit-box;
4706
- display: -webkit-flex;
4707
- display: -moz-box;
4708
- display: -ms-flexbox;
4709
- display: flex;
4710
- -webkit-box-orient: vertical;
4711
- -webkit-box-direction: normal;
4712
- -webkit-flex-direction: column;
4713
- -moz-box-orient: vertical;
4714
- -moz-box-direction: normal;
4715
- -ms-flex-direction: column;
4716
- flex-direction: column;
4717
- list-style-type: none;
4718
- margin: 0; }
4719
- .premium-pricing-list .premium-pricing-list-item {
4720
- -js-display: flex;
4721
- display: -webkit-box;
4722
- display: -webkit-flex;
4723
- display: -moz-box;
4724
- display: -ms-flexbox;
4725
- display: flex;
4726
- -webkit-box-align: center;
4727
- -webkit-align-items: center;
4728
- -moz-box-align: center;
4729
- -ms-flex-align: center;
4730
- align-items: center; }
4731
- .premium-pricing-list .premium-pricing-list-item svg {
4732
- width: 50px;
4733
- height: 50px; }
4734
- .premium-pricing-list .premium-pricing-list-item img {
4735
- width: 30px;
4736
- height: 30px;
4737
- -o-object-fit: cover;
4738
- object-fit: cover; }
4739
- .premium-pricing-list .premium-pricing-list-span {
4740
- position: relative; }
4741
- .premium-pricing-list .list-item-tooltip {
4742
- border-bottom: 1px dotted; }
4743
- .premium-pricing-list .premium-pricing-list-tooltip {
4744
- position: absolute;
4745
- top: -webkit-calc(100% + 1px);
4746
- top: calc(100% + 1px);
4747
- left: 0;
4748
- visibility: hidden;
4749
- padding: 15px 20px;
4750
- -webkit-border-radius: 5px;
4751
- border-radius: 5px;
4752
- min-width: 200px;
4753
- overflow: hidden;
4754
- text-align: left;
4755
- font-size: 0.8rem;
4756
- color: #fff;
4757
- background-color: #aaa; }
4758
-
4759
- .premium-pricing-features-left .premium-pricing-list-span {
4760
- text-align: left; }
4761
-
4762
- .premium-pricing-features-center .premium-pricing-list-span {
4763
- text-align: center; }
4764
-
4765
- .premium-pricing-features-right .premium-pricing-list-span {
4766
- text-align: right; }
4767
-
4768
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4769
- z-index: 99;
4770
- visibility: visible;
4771
- opacity: 1; }
4772
-
4773
- .premium-pricing-slashed-price-value {
4774
- display: inline-block;
4775
- font-size: 20px;
4776
- font-weight: 400;
4777
- margin-right: 5px; }
4778
-
4779
- .premium-pricing-price-value {
4780
- font-size: 70px; }
4781
-
4782
- .premium-pricing-description-container li {
4783
- list-style-position: inside;
4784
- text-indent: -40px; }
4785
-
4786
- @-moz-document url-prefix() {
4787
- .premium-pricing-description-container li {
4788
- text-indent: 0px; } }
4789
-
4790
- .premium-pricing-price-button {
4791
- display: block;
4792
- padding: 6px 12px;
4793
- line-height: 1.42857143;
4794
- text-align: center;
4795
- color: #fff;
4796
- background: #6ec1e4;
4797
- margin-bottom: 0;
4798
- -webkit-transition: all 0.3s ease-in-out;
4799
- transition: all 0.3s ease-in-out; }
4800
-
4801
- /**************** Premium Google Maps ******************/
4802
- /*******************************************************/
4803
- .premium-maps-info-container {
4804
- margin-top: 10px;
4805
- margin-bottom: 10px; }
4806
-
4807
- .premium-maps-info-title,
4808
- .premium-maps-info-desc {
4809
- margin: 0;
4810
- padding: 0; }
4811
-
4812
- .premium-maps-container .gm-style-iw {
4813
- text-align: center; }
4814
-
4815
- .premium-maps-container .gm-style img {
4816
- max-width: none !important; }
4817
-
4818
- /**************** Premium Button ***********************/
4819
- /*******************************************************/
4820
- .premium-button {
4821
- -js-display: inline-flex;
4822
- display: -webkit-inline-box;
4823
- display: -webkit-inline-flex;
4824
- display: -moz-inline-box;
4825
- display: -ms-inline-flexbox;
4826
- display: inline-flex;
4827
- position: relative;
4828
- overflow: hidden;
4829
- -webkit-backface-visibility: hidden;
4830
- backface-visibility: hidden;
4831
- -webkit-transform: translate3d(0, 0, 0);
4832
- transform: translate3d(0, 0, 0);
4833
- cursor: pointer;
4834
- -webkit-transition: all 0.2s ease-in-out !important;
4835
- transition: all 0.2s ease-in-out !important; }
4836
-
4837
- .premium-button .premium-lottie-animation,
4838
- .premium-image-button .premium-lottie-animation {
4839
- -js-display: flex;
4840
- display: -webkit-box;
4841
- display: -webkit-flex;
4842
- display: -moz-box;
4843
- display: -ms-flexbox;
4844
- display: flex; }
4845
-
4846
- .premium-button svg,
4847
- .premium-image-button svg {
4848
- width: 30px;
4849
- height: 30px; }
4850
-
4851
- .premium-btn-sm,
4852
- .premium-btn-md,
4853
- .premium-btn-lg,
4854
- .premium-btn-block {
4855
- background-color: #eee;
4856
- color: #042551;
4857
- margin: 0px;
4858
- text-decoration: none; }
4859
- .premium-btn-sm:hover,
4860
- .premium-btn-md:hover,
4861
- .premium-btn-lg:hover,
4862
- .premium-btn-block:hover {
4863
- background-color: #54595f;
4864
- color: #eee; }
4865
-
4866
- .premium-btn-sm {
4867
- padding: 12px 24px;
4868
- font-size: 14px;
4869
- line-height: 1; }
4870
-
4871
- .premium-btn-md {
4872
- padding: 14px 26px;
4873
- font-size: 16px;
4874
- line-height: 1.2; }
4875
-
4876
- .premium-btn-lg {
4877
- padding: 16px 28px;
4878
- font-size: 18px;
4879
- line-height: 1.3333; }
4880
-
4881
- .premium-btn-block {
4882
- font-size: 18px;
4883
- line-height: 1;
4884
- padding: 20px 0px;
4885
- width: 100%;
4886
- text-align: center; }
4887
-
4888
- .premium-button-text {
4889
- display: inline-block;
4890
- width: 100%; }
4891
-
4892
- .premium-button-style1,
4893
- .premium-button-style2,
4894
- .premium-button-style5,
4895
- .premium-button-style7 {
4896
- display: inline-block;
4897
- vertical-align: middle;
4898
- -webkit-transform: perspective(1px) translateZ(0);
4899
- transform: perspective(1px) translateZ(0);
4900
- -webkit-box-shadow: 0 0 1px transparent;
4901
- box-shadow: 0 0 1px transparent;
4902
- position: relative;
4903
- -webkit-transition-property: color;
4904
- transition-property: color;
4905
- -webkit-transition-duration: 0.15s;
4906
- transition-duration: 0.15s; }
4907
-
4908
- .premium-button-style1:before,
4909
- .premium-button-style2:before,
4910
- .premium-button-style5:before {
4911
- content: "";
4912
- position: absolute;
4913
- z-index: -1;
4914
- top: 0;
4915
- left: 0;
4916
- right: 0;
4917
- bottom: 0;
4918
- -webkit-transform: scaleY(0);
4919
- -ms-transform: scaleY(0);
4920
- transform: scaleY(0);
4921
- -webkit-transform-origin: 50% 0;
4922
- -ms-transform-origin: 50% 0;
4923
- transform-origin: 50% 0;
4924
- -webkit-transition-property: -webkit-transform;
4925
- transition-property: -webkit-transform;
4926
- transition-property: transform;
4927
- transition-property: transform, -webkit-transform;
4928
- -webkit-transition-duration: 0.15s;
4929
- transition-duration: 0.15s;
4930
- -webkit-transition-timing-function: ease-out;
4931
- transition-timing-function: ease-out; }
4932
-
4933
- .premium-button-style5-radialin:before,
4934
- .premium-button-style5-radialout:before {
4935
- -webkit-transform-origin: 50%;
4936
- -ms-transform-origin: 50%;
4937
- transform-origin: 50%;
4938
- -webkit-border-radius: 100%;
4939
- border-radius: 100%;
4940
- -webkit-transform: scale(0);
4941
- -ms-transform: scale(0);
4942
- transform: scale(0); }
4943
-
4944
- .premium-button-style5-radialin:before {
4945
- -webkit-transform: scale(2);
4946
- -ms-transform: scale(2);
4947
- transform: scale(2); }
4948
-
4949
- .premium-button-style5-rectin:before {
4950
- -webkit-transform-origin: 50%;
4951
- -ms-transform-origin: 50%;
4952
- transform-origin: 50%;
4953
- -webkit-transform: scale(1);
4954
- -ms-transform: scale(1);
4955
- transform: scale(1); }
4956
-
4957
- .premium-button-style5-rectout:before {
4958
- -webkit-transform-origin: 50%;
4959
- -ms-transform-origin: 50%;
4960
- transform-origin: 50%;
4961
- -webkit-transform: scale(0);
4962
- -ms-transform: scale(0);
4963
- transform: scale(0); }
4964
-
4965
- .premium-button-style5-rectout:hover:before {
4966
- -webkit-transform: scale(1);
4967
- -ms-transform: scale(1);
4968
- transform: scale(1); }
4969
-
4970
- .premium-button-style5-rectin:hover:before {
4971
- -webkit-transform: scale(0);
4972
- -ms-transform: scale(0);
4973
- transform: scale(0); }
4974
-
4975
- .premium-button-style5-radialout:hover:before {
4976
- -webkit-transform: scale(2);
4977
- -ms-transform: scale(2);
4978
- transform: scale(2); }
4979
-
4980
- .premium-button-style5-radialin:hover:before {
4981
- -webkit-transform: scale(0);
4982
- -ms-transform: scale(0);
4983
- transform: scale(0); }
4984
-
4985
- .premium-button-style1-top:before {
4986
- -webkit-transform-origin: 50% 100%;
4987
- -ms-transform-origin: 50% 100%;
4988
- transform-origin: 50% 100%; }
4989
-
4990
- .premium-button-style1-right:before {
4991
- -webkit-transform: scaleX(0);
4992
- -ms-transform: scaleX(0);
4993
- transform: scaleX(0);
4994
- -webkit-transform-origin: 0% 50%;
4995
- -ms-transform-origin: 0% 50%;
4996
- transform-origin: 0% 50%; }
4997
-
4998
- .premium-button-style1-left:before {
4999
- -webkit-transform: scaleX(0);
5000
- -ms-transform: scaleX(0);
5001
- transform: scaleX(0);
5002
- -webkit-transform-origin: 100% 50%;
5003
- -ms-transform-origin: 100% 50%;
5004
- transform-origin: 100% 50%; }
5005
-
5006
- .premium-button-style2-shutouthor:before,
5007
- .premium-button-style2-scshutoutver:before {
5008
- -webkit-transform: scaleY(0);
5009
- -ms-transform: scaleY(0);
5010
- transform: scaleY(0);
5011
- -webkit-transform-origin: 100% 50%;
5012
- -ms-transform-origin: 100% 50%;
5013
- transform-origin: 100% 50%; }
5014
-
5015
- .premium-button-style2-shutoutver:before,
5016
- .premium-button-style2-scshutouthor:before {
5017
- -webkit-transform: scaleX(0);
5018
- -ms-transform: scaleX(0);
5019
- transform: scaleX(0);
5020
- -webkit-transform-origin: 50% 50%;
5021
- -ms-transform-origin: 50% 50%;
5022
- transform-origin: 50% 50%; }
5023
-
5024
- .premium-button-style2-shutinhor:before {
5025
- -webkit-transform: scaleX(1);
5026
- -ms-transform: scaleX(1);
5027
- transform: scaleX(1);
5028
- -webkit-transform-origin: 50%;
5029
- -ms-transform-origin: 50%;
5030
- transform-origin: 50%; }
5031
-
5032
- .premium-button-style2-shutinver:before {
5033
- -webkit-transform: scaleY(1);
5034
- -ms-transform: scaleY(1);
5035
- transform: scaleY(1);
5036
- -webkit-transform-origin: 50%;
5037
- -ms-transform-origin: 50%;
5038
- transform-origin: 50%; }
5039
-
5040
- .premium-button-style1-bottom:hover:before,
5041
- .premium-button-style1-top:hover:before {
5042
- -webkit-transform: scaleY(1);
5043
- -ms-transform: scaleY(1);
5044
- transform: scaleY(1); }
5045
-
5046
- .premium-button-style1-left:hover:before,
5047
- .premium-button-style1-right:hover:before,
5048
- .premium-button-style2-shutouthor:hover:before,
5049
- .premium-button-style2-shutoutver:hover:before {
5050
- -webkit-transform: scaleX(1);
5051
- -ms-transform: scaleX(1);
5052
- transform: scaleX(1); }
5053
-
5054
- .premium-button-style2-shutinhor:hover:before {
5055
- -webkit-transform: scaleX(0);
5056
- -ms-transform: scaleX(0);
5057
- transform: scaleX(0); }
5058
-
5059
- .premium-button-style2-shutinver:hover:before {
5060
- -webkit-transform: scaleY(0);
5061
- -ms-transform: scaleY(0);
5062
- transform: scaleY(0); }
5063
-
5064
- .premium-button-style2-scshutouthor:hover:before {
5065
- -webkit-transform: scaleX(0.9);
5066
- -ms-transform: scaleX(0.9);
5067
- transform: scaleX(0.9); }
5068
-
5069
- .premium-button-style2-scshutoutver:hover:before {
5070
- -webkit-transform: scaleY(0.8);
5071
- -ms-transform: scaleY(0.8);
5072
- transform: scaleY(0.8); }
5073
-
5074
- /*Diagonal*/
5075
- .premium-button-style2-dshutinhor:before {
5076
- top: 50%;
5077
- left: 50%;
5078
- width: 120%;
5079
- height: 0%;
5080
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5081
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5082
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5083
- -webkit-transform-origin: 50%;
5084
- -ms-transform-origin: 50%;
5085
- transform-origin: 50%;
5086
- -webkit-transition-property: all;
5087
- transition-property: all; }
5088
-
5089
- .premium-button-style2-dshutinver:before {
5090
- top: 50%;
5091
- left: 50%;
5092
- width: 120%;
5093
- height: 0%;
5094
- -webkit-transform-origin: 50%;
5095
- -ms-transform-origin: 50%;
5096
- transform-origin: 50%;
5097
- -webkit-transition-property: all;
5098
- transition-property: all;
5099
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5100
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5101
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5102
-
5103
- .premium-button-style2-dshutinhor:hover:before,
5104
- .premium-button-style2-dshutinver:hover:before {
5105
- height: 220%; }
5106
-
5107
- .premium-button-style3-before i,
5108
- .premium-button-style3-before svg {
5109
- opacity: 0;
5110
- -webkit-transform: translateX(-5px);
5111
- -ms-transform: translateX(-5px);
5112
- transform: translateX(-5px);
5113
- -webkit-transition: all 0.5s ease-in-out;
5114
- transition: all 0.5s ease-in-out; }
5115
-
5116
- .premium-button-style3-after i,
5117
- .premium-button-style3-after svg {
5118
- opacity: 0;
5119
- -webkit-transform: translateX(-5px);
5120
- -ms-transform: translateX(-5px);
5121
- transform: translateX(-5px);
5122
- -webkit-transition: all 0.5s ease-in-out;
5123
- transition: all 0.5s ease-in-out;
5124
- -webkit-transform: translateX(5px);
5125
- -ms-transform: translateX(5px);
5126
- transform: translateX(5px); }
5127
-
5128
- .premium-button-style3-after:hover i,
5129
- .premium-button-style3-after:hover svg {
5130
- opacity: 1; }
5131
-
5132
- .premium-button-style3-before:hover i,
5133
- .premium-button-style3-before:hover svg {
5134
- opacity: 1; }
5135
-
5136
- .premium-button-text-icon-wrapper {
5137
- width: 100%;
5138
- -js-display: flex;
5139
- display: -webkit-box;
5140
- display: -webkit-flex;
5141
- display: -moz-box;
5142
- display: -ms-flexbox;
5143
- display: flex;
5144
- -webkit-box-pack: center;
5145
- -webkit-justify-content: center;
5146
- -moz-box-pack: center;
5147
- -ms-flex-pack: center;
5148
- justify-content: center;
5149
- -webkit-box-align: center;
5150
- -webkit-align-items: center;
5151
- -moz-box-align: center;
5152
- -ms-flex-align: center;
5153
- align-items: center;
5154
- -webkit-transition: all 0.2s ease-in-out;
5155
- transition: all 0.2s ease-in-out; }
5156
- .premium-button-text-icon-wrapper span,
5157
- .premium-button-text-icon-wrapper i,
5158
- .premium-button-text-icon-wrapper svg {
5159
- -webkit-transition: all 0.2s ease-in-out;
5160
- transition: all 0.2s ease-in-out; }
5161
-
5162
- .premium-button-style4-icon-wrapper {
5163
- position: absolute;
5164
- z-index: 2;
5165
- width: 100%;
5166
- text-align: center;
5167
- -js-display: flex;
5168
- display: -webkit-box;
5169
- display: -webkit-flex;
5170
- display: -moz-box;
5171
- display: -ms-flexbox;
5172
- display: flex;
5173
- -webkit-box-align: center;
5174
- -webkit-align-items: center;
5175
- -moz-box-align: center;
5176
- -ms-flex-align: center;
5177
- align-items: center;
5178
- -webkit-box-pack: center;
5179
- -webkit-justify-content: center;
5180
- -moz-box-pack: center;
5181
- -ms-flex-pack: center;
5182
- justify-content: center;
5183
- height: 100%;
5184
- opacity: 0;
5185
- -webkit-transition: all 0.3s ease-in-out;
5186
- transition: all 0.3s ease-in-out; }
5187
- .premium-button-style4-icon-wrapper.top {
5188
- bottom: -100%;
5189
- left: 0; }
5190
- .premium-button-style4-icon-wrapper.bottom {
5191
- top: -100%;
5192
- left: 0; }
5193
- .premium-button-style4-icon-wrapper.left {
5194
- top: 0;
5195
- left: -100%; }
5196
- .premium-button-style4-icon-wrapper.right {
5197
- top: 0;
5198
- right: -100%; }
5199
-
5200
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5201
- top: 0;
5202
- opacity: 1; }
5203
-
5204
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5205
- bottom: 0;
5206
- opacity: 1; }
5207
-
5208
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5209
- left: 0;
5210
- opacity: 1; }
5211
-
5212
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5213
- right: 0;
5214
- opacity: 1; }
5215
-
5216
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5217
- -webkit-transform: translateY(100%);
5218
- -ms-transform: translateY(100%);
5219
- transform: translateY(100%);
5220
- opacity: 0; }
5221
-
5222
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5223
- -webkit-transform: translateY(-100%);
5224
- -ms-transform: translateY(-100%);
5225
- transform: translateY(-100%);
5226
- opacity: 0; }
5227
-
5228
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5229
- -webkit-transform: translateX(100%);
5230
- -ms-transform: translateX(100%);
5231
- transform: translateX(100%);
5232
- opacity: 0; }
5233
-
5234
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5235
- -webkit-transform: translateX(-100%);
5236
- -ms-transform: translateX(-100%);
5237
- transform: translateX(-100%);
5238
- opacity: 0; }
5239
-
5240
- .premium-button-style6:before {
5241
- content: "";
5242
- position: absolute;
5243
- left: 50%;
5244
- top: 50%;
5245
- width: 100px;
5246
- height: 100px;
5247
- -webkit-border-radius: 100%;
5248
- border-radius: 100%;
5249
- -webkit-transform: translate(-50%, -50%) scale(0);
5250
- -ms-transform: translate(-50%, -50%) scale(0);
5251
- transform: translate(-50%, -50%) scale(0);
5252
- -webkit-transition: all 0.3s ease-in-out;
5253
- transition: all 0.3s ease-in-out; }
5254
-
5255
- .premium-button-style6:hover:before {
5256
- -webkit-transform: translate(-50%, -50%) scale(3);
5257
- -ms-transform: translate(-50%, -50%) scale(3);
5258
- transform: translate(-50%, -50%) scale(3); }
5259
-
5260
- .premium-button-style6 .premium-button-text-icon-wrapper {
5261
- position: relative;
5262
- z-index: 1; }
5263
-
5264
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5265
- position: absolute;
5266
- z-index: 0;
5267
- top: 0;
5268
- left: 0;
5269
- width: 0px;
5270
- height: 0px;
5271
- -webkit-border-radius: 50%;
5272
- border-radius: 50%;
5273
- display: block;
5274
- -webkit-transform: translate(-50%, -50%);
5275
- -ms-transform: translate(-50%, -50%);
5276
- transform: translate(-50%, -50%);
5277
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5278
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5279
-
5280
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5281
- width: 225%;
5282
- height: 560px; }
5283
-
5284
- .premium-mouse-detect-yes .premium-button-style6:before {
5285
- width: 0;
5286
- height: 0; }
5287
-
5288
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5289
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5290
- -webkit-transition: width 0.3s ease-out 0.15s;
5291
- transition: width 0.3s ease-out 0.15s; }
5292
-
5293
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5294
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5295
- -webkit-transition: width 0.3s ease-out 0s;
5296
- transition: width 0.3s ease-out 0s; }
5297
-
5298
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5299
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5300
- -webkit-transition: height 0.3s ease-out 0.15s;
5301
- transition: height 0.3s ease-out 0.15s; }
5302
-
5303
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5304
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5305
- -webkit-transition: height 0.3s ease-out 0s;
5306
- transition: height 0.3s ease-out 0s; }
5307
-
5308
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5309
- -webkit-transition-delay: 0s;
5310
- transition-delay: 0s; }
5311
-
5312
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5313
- -webkit-transition-delay: 0.15s;
5314
- transition-delay: 0.15s; }
5315
-
5316
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5317
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5318
- content: "";
5319
- position: absolute;
5320
- right: 0;
5321
- top: 0;
5322
- left: 0;
5323
- height: 0;
5324
- z-index: -1; }
5325
-
5326
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5327
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5328
- content: "";
5329
- position: absolute;
5330
- right: 0;
5331
- bottom: 0;
5332
- left: 0;
5333
- height: 0;
5334
- z-index: -1; }
5335
-
5336
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5337
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5338
- content: "";
5339
- position: absolute;
5340
- right: 0;
5341
- top: 0;
5342
- bottom: 0;
5343
- width: 0;
5344
- z-index: -1; }
5345
-
5346
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5347
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5348
- content: "";
5349
- position: absolute;
5350
- left: 0;
5351
- top: 0;
5352
- bottom: 0;
5353
- width: 0;
5354
- z-index: -1; }
5355
-
5356
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5357
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5358
- height: 100%;
5359
- top: 0; }
5360
-
5361
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5362
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5363
- height: 100%;
5364
- bottom: 0; }
5365
-
5366
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5367
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5368
- width: 100%;
5369
- left: 0; }
5370
-
5371
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5372
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5373
- width: 100%;
5374
- right: 0; }
5375
-
5376
- /**************** Premium Contact Form7 **********/
5377
- /*************************************************/
5378
- .premium-contact-form-anim-yes .wpcf7-span::after {
5379
- display: block;
5380
- height: 2px;
5381
- content: "";
5382
- top: -2px;
5383
- position: relative;
5384
- width: 0px;
5385
- -webkit-transition: all ease-in-out 0.3s;
5386
- transition: all ease-in-out 0.3s; }
5387
-
5388
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5389
- width: 100%; }
5390
-
5391
- .premium-cf7-container input.wpcf7-submit {
5392
- -webkit-transition: all 0.3s ease-in-out;
5393
- transition: all 0.3s ease-in-out; }
5394
-
5395
- /**************** Premium Image Button ***********/
5396
- /*************************************************/
5397
- .premium-image-button {
5398
- -js-display: inline-flex;
5399
- display: -webkit-inline-box;
5400
- display: -webkit-inline-flex;
5401
- display: -moz-inline-box;
5402
- display: -ms-inline-flexbox;
5403
- display: inline-flex;
5404
- position: relative;
5405
- overflow: hidden;
5406
- background-color: #eee;
5407
- cursor: pointer;
5408
- -webkit-transition: all 0.2s ease-in-out !important;
5409
- transition: all 0.2s ease-in-out !important; }
5410
- .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
5411
- background-color: #54595f; }
5412
-
5413
- /*Default background for slide styles*/
5414
- .premium-image-button-style4-icon-wrapper,
5415
- .premium-image-button-style1:before {
5416
- background-color: #54595f; }
5417
-
5418
- .premium-image-button-text-icon-wrapper {
5419
- width: 100%;
5420
- -js-display: flex;
5421
- display: -webkit-box;
5422
- display: -webkit-flex;
5423
- display: -moz-box;
5424
- display: -ms-flexbox;
5425
- display: flex;
5426
- -webkit-box-pack: center;
5427
- -webkit-justify-content: center;
5428
- -moz-box-pack: center;
5429
- -ms-flex-pack: center;
5430
- justify-content: center;
5431
- -webkit-box-align: center;
5432
- -webkit-align-items: center;
5433
- -moz-box-align: center;
5434
- -ms-flex-align: center;
5435
- align-items: center;
5436
- position: relative;
5437
- z-index: 3;
5438
- -webkit-transition: all 0.2s ease-in-out;
5439
- transition: all 0.2s ease-in-out; }
5440
- .premium-image-button-text-icon-wrapper span,
5441
- .premium-image-button-text-icon-wrapper i,
5442
- .premium-image-button-text-icon-wrapper svg {
5443
- -webkit-transition: all 0.2s ease-in-out;
5444
- transition: all 0.2s ease-in-out; }
5445
-
5446
- .premium-image-button-style1:before {
5447
- position: absolute;
5448
- content: "";
5449
- -webkit-transition: all 0.2s ease-in-out;
5450
- transition: all 0.2s ease-in-out; }
5451
-
5452
- .premium-image-button-style1-bottom:before {
5453
- width: 100%;
5454
- height: 0;
5455
- top: 0;
5456
- left: 0; }
5457
-
5458
- .premium-image-button-style1-top:before {
5459
- width: 100%;
5460
- height: 0;
5461
- bottom: 0;
5462
- left: 0; }
5463
-
5464
- .premium-image-button-style1-right:before {
5465
- width: 0;
5466
- height: 100%;
5467
- bottom: 0;
5468
- left: 0; }
5469
-
5470
- .premium-image-button-style1-left:before {
5471
- width: 0;
5472
- height: 100%;
5473
- top: 0;
5474
- right: 0; }
5475
-
5476
- .premium-image-button-style1-bottom:hover:before,
5477
- .premium-image-button-style1-top:hover:before {
5478
- height: 100%; }
5479
-
5480
- .premium-image-button-style1-right:hover:before,
5481
- .premium-image-button-style1-left:hover:before {
5482
- width: 100%; }
5483
-
5484
- .premium-image-button-style3 {
5485
- z-index: 10; }
5486
- .premium-image-button-style3:before {
5487
- position: absolute;
5488
- top: 0px;
5489
- left: 0px;
5490
- width: 100%;
5491
- height: 100%;
5492
- content: "";
5493
- z-index: 1;
5494
- background: rgba(255, 255, 255, 0.2);
5495
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5496
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5497
- -webkit-transition: all 0.8s ease-out;
5498
- transition: all 0.8s ease-out; }
5499
-
5500
- .premium-image-button-diagonal-right:before {
5501
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5502
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5503
-
5504
- .premium-image-button-diagonal-right:hover:before {
5505
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5506
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5507
-
5508
- .premium-image-button-diagonal-left:before {
5509
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5510
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5511
-
5512
- .premium-image-button-diagonal-left:hover:before {
5513
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5514
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5515
-
5516
- .premium-image-button-diagonal-bottom:before {
5517
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5518
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5519
-
5520
- .premium-image-button-diagonal-bottom:hover:before {
5521
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5522
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5523
-
5524
- .premium-image-button-diagonal-top:before {
5525
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5526
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5527
-
5528
- .premium-image-button-diagonal-top:hover:before {
5529
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5530
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5531
-
5532
- .premium-image-button-style4-icon-wrapper {
5533
- position: absolute;
5534
- z-index: 2;
5535
- width: 100%;
5536
- text-align: center;
5537
- -js-display: flex;
5538
- display: -webkit-box;
5539
- display: -webkit-flex;
5540
- display: -moz-box;
5541
- display: -ms-flexbox;
5542
- display: flex;
5543
- -webkit-box-align: center;
5544
- -webkit-align-items: center;
5545
- -moz-box-align: center;
5546
- -ms-flex-align: center;
5547
- align-items: center;
5548
- -webkit-box-pack: center;
5549
- -webkit-justify-content: center;
5550
- -moz-box-pack: center;
5551
- -ms-flex-pack: center;
5552
- justify-content: center;
5553
- height: 100%;
5554
- opacity: 0;
5555
- -webkit-transition: all 0.3s ease-in-out;
5556
- transition: all 0.3s ease-in-out; }
5557
- .premium-image-button-style4-icon-wrapper.top {
5558
- bottom: -100%;
5559
- left: 0; }
5560
- .premium-image-button-style4-icon-wrapper.bottom {
5561
- top: -100%;
5562
- left: 0; }
5563
- .premium-image-button-style4-icon-wrapper.left {
5564
- top: 0;
5565
- left: -100%; }
5566
- .premium-image-button-style4-icon-wrapper.right {
5567
- top: 0;
5568
- right: -100%; }
5569
-
5570
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5571
- top: 0;
5572
- opacity: 1; }
5573
-
5574
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5575
- -webkit-transform: translateY(100%);
5576
- -ms-transform: translateY(100%);
5577
- transform: translateY(100%);
5578
- opacity: 0; }
5579
-
5580
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5581
- bottom: 0;
5582
- opacity: 1; }
5583
-
5584
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5585
- -webkit-transform: translateY(-100%);
5586
- -ms-transform: translateY(-100%);
5587
- transform: translateY(-100%);
5588
- opacity: 0; }
5589
-
5590
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5591
- left: 0;
5592
- opacity: 1; }
5593
-
5594
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5595
- -webkit-transform: translateX(100%);
5596
- -ms-transform: translateX(100%);
5597
- transform: translateX(100%);
5598
- opacity: 0; }
5599
-
5600
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5601
- right: 0;
5602
- opacity: 1; }
5603
-
5604
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5605
- -webkit-transform: translateX(-100%);
5606
- -ms-transform: translateX(-100%);
5607
- transform: translateX(-100%);
5608
- opacity: 0; }
5609
-
5610
- .premium-image-button-style5:before {
5611
- position: absolute;
5612
- content: "";
5613
- top: 0;
5614
- left: 0;
5615
- width: 100%;
5616
- height: 100%;
5617
- opacity: 0;
5618
- -webkit-transition: all 1s ease-in-out;
5619
- transition: all 1s ease-in-out;
5620
- background: rgba(255, 255, 255, 0.2);
5621
- -webkit-animation-name: premium-overlap-effect-done;
5622
- animation-name: premium-overlap-effect-done;
5623
- -webkit-animation-duration: 1s;
5624
- animation-duration: 1s; }
5625
-
5626
- .premium-image-button-overlap-effect-vertical:before {
5627
- -webkit-animation-name: premium-overlap-ver-effect-done;
5628
- animation-name: premium-overlap-ver-effect-done; }
5629
-
5630
- .premium-image-button-overlap-effect-horizontal:hover:before {
5631
- -webkit-animation-name: premium-overlap-effect;
5632
- animation-name: premium-overlap-effect; }
5633
-
5634
- .premium-image-button-overlap-effect-vertical:hover:before {
5635
- -webkit-animation-name: premium-overlap-ver-effect;
5636
- animation-name: premium-overlap-ver-effect; }
5637
-
5638
- @-webkit-keyframes premium-overlap-effect {
5639
- 0% {
5640
- opacity: 0;
5641
- -webkit-transform: rotateY(0deg);
5642
- transform: rotateY(0deg); }
5643
- 50% {
5644
- opacity: 1;
5645
- -webkit-transform: rotateY(180deg);
5646
- transform: rotateY(180deg); }
5647
- 100% {
5648
- opacity: 0;
5649
- -webkit-transform: rotateY(360deg);
5650
- transform: rotateY(360deg); } }
5651
-
5652
- @keyframes premium-overlap-effect {
5653
- 0% {
5654
- opacity: 0;
5655
- -webkit-transform: rotateY(0deg);
5656
- transform: rotateY(0deg); }
5657
- 50% {
5658
- opacity: 1;
5659
- -webkit-transform: rotateY(180deg);
5660
- transform: rotateY(180deg); }
5661
- 100% {
5662
- opacity: 0;
5663
- -webkit-transform: rotateY(360deg);
5664
- transform: rotateY(360deg); } }
5665
-
5666
- @-webkit-keyframes premium-overlap-effect-done {
5667
- 0% {
5668
- opacity: 0;
5669
- -webkit-transform: rotateY(0deg);
5670
- transform: rotateY(0deg); }
5671
- 50% {
5672
- opacity: 1;
5673
- -webkit-transform: rotateY(180deg);
5674
- transform: rotateY(180deg); }
5675
- 100% {
5676
- opacity: 0;
5677
- -webkit-transform: rotateY(360deg);
5678
- transform: rotateY(360deg); } }
5679
-
5680
- @keyframes premium-overlap-effect-done {
5681
- 0% {
5682
- opacity: 0;
5683
- -webkit-transform: rotateY(0deg);
5684
- transform: rotateY(0deg); }
5685
- 50% {
5686
- opacity: 1;
5687
- -webkit-transform: rotateY(180deg);
5688
- transform: rotateY(180deg); }
5689
- 100% {
5690
- opacity: 0;
5691
- -webkit-transform: rotateY(360deg);
5692
- transform: rotateY(360deg); } }
5693
-
5694
- @-webkit-keyframes premium-overlap-ver-effect {
5695
- 0% {
5696
- opacity: 0;
5697
- -webkit-transform: rotateX(0deg);
5698
- transform: rotateX(0deg); }
5699
- 50% {
5700
- opacity: 1;
5701
- -webkit-transform: rotateX(180deg);
5702
- transform: rotateX(180deg); }
5703
- 100% {
5704
- opacity: 0;
5705
- -webkit-transform: rotateX(360deg);
5706
- transform: rotateX(360deg); } }
5707
-
5708
- @keyframes premium-overlap-ver-effect {
5709
- 0% {
5710
- opacity: 0;
5711
- -webkit-transform: rotateX(0deg);
5712
- transform: rotateX(0deg); }
5713
- 50% {
5714
- opacity: 1;
5715
- -webkit-transform: rotateX(180deg);
5716
- transform: rotateX(180deg); }
5717
- 100% {
5718
- opacity: 0;
5719
- -webkit-transform: rotateX(360deg);
5720
- transform: rotateX(360deg); } }
5721
-
5722
- @-webkit-keyframes premium-overlap-ver-effect-done {
5723
- 0% {
5724
- opacity: 0;
5725
- -webkit-transform: rotateX(0deg);
5726
- transform: rotateX(0deg); }
5727
- 50% {
5728
- opacity: 1;
5729
- -webkit-transform: rotateX(180deg);
5730
- transform: rotateX(180deg); }
5731
- 100% {
5732
- opacity: 0;
5733
- -webkit-transform: rotateX(360deg);
5734
- transform: rotateX(360deg); } }
5735
-
5736
- @keyframes premium-overlap-ver-effect-done {
5737
- 0% {
5738
- opacity: 0;
5739
- -webkit-transform: rotateX(0deg);
5740
- transform: rotateX(0deg); }
5741
- 50% {
5742
- opacity: 1;
5743
- -webkit-transform: rotateX(180deg);
5744
- transform: rotateX(180deg); }
5745
- 100% {
5746
- opacity: 0;
5747
- -webkit-transform: rotateX(360deg);
5748
- transform: rotateX(360deg); } }
5749
-
5750
- /******** Premium Media Grid ********/
5751
- /************************************/
5752
- .premium-img-gallery-filter,
5753
- .premium-blog-filter {
5754
- -js-display: flex;
5755
- display: -webkit-box;
5756
- display: -webkit-flex;
5757
- display: -moz-box;
5758
- display: -ms-flexbox;
5759
- display: flex;
5760
- -webkit-box-align: center;
5761
- -webkit-align-items: center;
5762
- -moz-box-align: center;
5763
- -ms-flex-align: center;
5764
- align-items: center;
5765
- -webkit-box-pack: center;
5766
- -webkit-justify-content: center;
5767
- -moz-box-pack: center;
5768
- -ms-flex-pack: center;
5769
- justify-content: center; }
5770
-
5771
- .premium-img-gallery {
5772
- clear: both;
5773
- overflow: hidden; }
5774
-
5775
- .premium-gallery-container .premium-gallery-item {
5776
- padding: 10px;
5777
- float: left; }
5778
-
5779
- .premium-gallery-container .grid-sizer {
5780
- width: 33.33%; }
5781
-
5782
- .premium-gallery-container .pa-gallery-item {
5783
- padding: 10px; }
5784
-
5785
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5786
- .premium-blog-filter .premium-blog-filters-container li a.category {
5787
- outline: none;
5788
- text-decoration: none;
5789
- -webkit-border-radius: 75px;
5790
- border-radius: 75px;
5791
- margin: 15px 5px 20px;
5792
- padding: 7px 20px;
5793
- -webkit-transition: all 0.3s ease-in-out;
5794
- transition: all 0.3s ease-in-out; }
5795
-
5796
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5797
- -webkit-transition: all 0.3s ease-in-out;
5798
- transition: all 0.3s ease-in-out; }
5799
-
5800
- .pa-gallery-img {
5801
- position: relative; }
5802
- .pa-gallery-img .pa-gallery-whole-link {
5803
- position: absolute;
5804
- top: 0;
5805
- left: 0;
5806
- width: 100%;
5807
- height: 100%; }
5808
- .pa-gallery-img.style2 .pa-gallery-whole-link {
5809
- z-index: 99; }
5810
-
5811
- .pa-gallery-img-container {
5812
- overflow: hidden;
5813
- -webkit-backface-visibility: hidden;
5814
- backface-visibility: hidden;
5815
- -webkit-transform: translate3d(0, 0, 0);
5816
- transform: translate3d(0, 0, 0); }
5817
- .pa-gallery-img-container img {
5818
- display: block;
5819
- width: 100%;
5820
- -webkit-transition: all 0.3s ease-in-out;
5821
- transition: all 0.3s ease-in-out; }
5822
-
5823
- .premium-img-gallery.gray img {
5824
- -webkit-filter: grayscale(100%);
5825
- filter: grayscale(100%); }
5826
-
5827
- .premium-img-gallery.zoomout img,
5828
- .premium-img-gallery.scale img {
5829
- -webkit-transform: scale(1.2);
5830
- -ms-transform: scale(1.2);
5831
- transform: scale(1.2); }
5832
-
5833
- .premium-img-gallery.sepia img {
5834
- -webkit-filter: sepia(30%);
5835
- filter: sepia(30%); }
5836
-
5837
- .premium-img-gallery.bright img {
5838
- -webkit-filter: brightness(1);
5839
- filter: brightness(1); }
5840
-
5841
- .premium-img-gallery.trans img {
5842
- -webkit-transform: translateX(-15px) scale(1.1);
5843
- -ms-transform: translateX(-15px) scale(1.1);
5844
- transform: translateX(-15px) scale(1.1); }
5845
-
5846
- .pa-gallery-img .pa-gallery-magnific-image,
5847
- .pa-gallery-img .pa-gallery-img-link {
5848
- outline: none; }
5849
- .pa-gallery-img .pa-gallery-magnific-image i,
5850
- .pa-gallery-img .pa-gallery-magnific-image svg,
5851
- .pa-gallery-img .pa-gallery-img-link i,
5852
- .pa-gallery-img .pa-gallery-img-link svg {
5853
- -webkit-transition: all 0.3s ease-in-out;
5854
- transition: all 0.3s ease-in-out; }
5855
-
5856
- .pa-gallery-img .pa-gallery-magnific-image span,
5857
- .pa-gallery-img .pa-gallery-img-link span {
5858
- line-height: 1;
5859
- display: inline-block;
5860
- opacity: 0;
5861
- margin: 0 5px;
5862
- padding: 15px;
5863
- -webkit-border-radius: 50%;
5864
- border-radius: 50%; }
5865
-
5866
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5867
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5868
- margin: 0 5px 20px; }
5869
-
5870
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5871
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5872
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5873
-
5874
- .pa-gallery-img:hover .pa-gallery-img-link span {
5875
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5876
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5877
-
5878
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5879
- .pa-gallery-img:hover .pa-gallery-img-link span {
5880
- opacity: 1; }
5881
-
5882
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5883
- opacity: 1; }
5884
-
5885
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5886
- .premium-blog-filter ul.premium-blog-filters-container {
5887
- text-align: center;
5888
- margin: 0;
5889
- padding: 0; }
5890
-
5891
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5892
- .premium-blog-filter .premium-blog-filters-container li {
5893
- list-style: none;
5894
- -js-display: inline-flex;
5895
- display: -webkit-inline-box;
5896
- display: -webkit-inline-flex;
5897
- display: -moz-inline-box;
5898
- display: -ms-inline-flexbox;
5899
- display: inline-flex; }
5900
-
5901
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5902
- -webkit-transform: scale(1.1);
5903
- -ms-transform: scale(1.1);
5904
- transform: scale(1.1); }
5905
-
5906
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5907
- -webkit-transform: scale(1);
5908
- -ms-transform: scale(1);
5909
- transform: scale(1); }
5910
-
5911
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5912
- -webkit-transform: scale(1.3) rotate(5deg);
5913
- -ms-transform: scale(1.3) rotate(5deg);
5914
- transform: scale(1.3) rotate(5deg); }
5915
-
5916
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5917
- -webkit-filter: grayscale(0%);
5918
- filter: grayscale(0%); }
5919
-
5920
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5921
- -webkit-filter: blur(3px);
5922
- filter: blur(3px); }
5923
-
5924
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5925
- -webkit-filter: sepia(0%);
5926
- filter: sepia(0%); }
5927
-
5928
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5929
- -webkit-transform: translateX(0px) scale(1.1);
5930
- -ms-transform: translateX(0px) scale(1.1);
5931
- transform: translateX(0px) scale(1.1); }
5932
-
5933
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5934
- -webkit-filter: brightness(1.2);
5935
- filter: brightness(1.2); }
5936
-
5937
- .pa-gallery-img .premium-gallery-caption {
5938
- padding: 10px; }
5939
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5940
- margin-bottom: 0; }
5941
-
5942
- .pa-gallery-img.style1 {
5943
- overflow: hidden; }
5944
-
5945
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5946
- position: absolute;
5947
- top: 0;
5948
- left: 0;
5949
- width: 100%;
5950
- height: 100%;
5951
- -webkit-transition: all 0.3s ease-in-out;
5952
- transition: all 0.3s ease-in-out; }
5953
-
5954
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5955
- position: absolute;
5956
- top: 33.33%;
5957
- width: 100%;
5958
- text-align: center;
5959
- -webkit-transform: translateY(-50%);
5960
- -ms-transform: translateY(-50%);
5961
- transform: translateY(-50%);
5962
- z-index: 999; }
5963
-
5964
- .pa-gallery-img.style1 .premium-gallery-caption {
5965
- position: absolute;
5966
- top: auto;
5967
- right: 0;
5968
- bottom: -1px;
5969
- left: 0;
5970
- width: 100%;
5971
- -webkit-transition: all 500ms ease 0s;
5972
- transition: all 500ms ease 0s;
5973
- -webkit-transform: translate3d(0, 100%, 0);
5974
- transform: translate3d(0, 100%, 0); }
5975
-
5976
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5977
- -webkit-transform: translate3d(0, 0, 0);
5978
- transform: translate3d(0, 0, 0);
5979
- bottom: -1px !important; }
5980
-
5981
- .pa-gallery-img.default .premium-gallery-caption {
5982
- position: absolute;
5983
- top: auto;
5984
- right: 0;
5985
- left: 0;
5986
- width: 100%;
5987
- bottom: 0; }
5988
-
5989
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5990
- position: absolute;
5991
- top: 0;
5992
- left: 0;
5993
- width: 100%;
5994
- height: 100%;
5995
- opacity: 0;
5996
- -webkit-backface-visibility: hidden;
5997
- backface-visibility: hidden;
5998
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5999
- transition: opacity 0.3s, -webkit-transform 0.3s;
6000
- transition: transform 0.3s, opacity 0.3s;
6001
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
6002
- z-index: 1;
6003
- background-color: rgba(108, 191, 226, 0.68);
6004
- -js-display: flex;
6005
- display: -webkit-box;
6006
- display: -webkit-flex;
6007
- display: -moz-box;
6008
- display: -ms-flexbox;
6009
- display: flex;
6010
- text-align: center;
6011
- -webkit-box-align: center;
6012
- -webkit-align-items: center;
6013
- -moz-box-align: center;
6014
- -ms-flex-align: center;
6015
- align-items: center; }
6016
-
6017
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6018
- width: 100%; }
6019
-
6020
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6021
- opacity: 1;
6022
- -webkit-transform: translate(15px, 15px);
6023
- -ms-transform: translate(15px, 15px);
6024
- transform: translate(15px, 15px); }
6025
-
6026
- .premium-clearfix {
6027
- clear: both; }
6028
-
6029
- /**
6030
- * Metro Layout
6031
- */
6032
- .premium-img-gallery-metro .premium-gallery-item {
6033
- overflow: hidden; }
6034
-
6035
- .premium-img-gallery-metro .pa-gallery-img {
6036
- height: 100%; }
6037
-
6038
- .premium-img-gallery-metro .pa-gallery-img-container {
6039
- height: 100%; }
6040
- .premium-img-gallery-metro .pa-gallery-img-container img {
6041
- min-height: 100%;
6042
- width: 100%;
6043
- -o-object-fit: fill;
6044
- object-fit: fill; }
6045
-
6046
- .premium-img-gallery .premium-gallery-item-hidden {
6047
- visibility: hidden;
6048
- width: 0 !important;
6049
- height: 0 !important;
6050
- margin: 0 !important;
6051
- padding: 0 !important; }
6052
-
6053
- .premium-gallery-load-more {
6054
- position: relative; }
6055
- .premium-gallery-load-more .premium-gallery-load-more-btn {
6056
- -webkit-box-shadow: none;
6057
- box-shadow: none;
6058
- text-shadow: none;
6059
- border: none;
6060
- outline: none;
6061
- -webkit-box-align: center;
6062
- -webkit-align-items: center;
6063
- -moz-box-align: center;
6064
- -ms-flex-align: center;
6065
- align-items: center;
6066
- vertical-align: bottom;
6067
- cursor: pointer;
6068
- line-height: 1;
6069
- font-style: normal;
6070
- font-weight: normal;
6071
- background-image: none;
6072
- color: #fff;
6073
- -webkit-transition: all 0.3s ease-in-out;
6074
- transition: all 0.3s ease-in-out; }
6075
-
6076
- .premium-gallery-load-more-btn {
6077
- -js-display: inline-flex;
6078
- display: -webkit-inline-box;
6079
- display: -webkit-inline-flex;
6080
- display: -moz-inline-box;
6081
- display: -ms-inline-flexbox;
6082
- display: inline-flex;
6083
- -webkit-box-align: center;
6084
- -webkit-align-items: center;
6085
- -moz-box-align: center;
6086
- -ms-flex-align: center;
6087
- align-items: center; }
6088
-
6089
- .premium-loader {
6090
- border: 3px solid #f3f3f3;
6091
- border-top-width: 3px;
6092
- border-top-style: solid;
6093
- border-top-color: #f3f3f3;
6094
- -webkit-border-radius: 50%;
6095
- border-radius: 50%;
6096
- border-top: 3px solid;
6097
- border-top-color: #bbb;
6098
- width: 30px;
6099
- height: 30px;
6100
- -webkit-animation: spin 2s linear infinite;
6101
- animation: spin 2s linear infinite;
6102
- margin: 0 auto; }
6103
-
6104
- .premium-gallery-load-more-btn div {
6105
- margin-left: 3px; }
6106
-
6107
- .premium-gallery-load-more-btn .premium-loader {
6108
- display: inline-block;
6109
- width: 20px;
6110
- height: 20px; }
6111
-
6112
- .pa-gallery-img .pa-gallery-lightbox-wrap {
6113
- display: inline-block; }
6114
-
6115
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6116
- .pa-gallery-img .pa-gallery-video-icon {
6117
- cursor: pointer; }
6118
-
6119
- .pa-gallery-img-container iframe {
6120
- position: absolute;
6121
- visibility: hidden;
6122
- top: 0;
6123
- left: 0;
6124
- max-width: 100%;
6125
- width: 100%;
6126
- height: 100%;
6127
- margin: 0;
6128
- line-height: 1;
6129
- border: none; }
6130
-
6131
- .pa-gallery-img-container video {
6132
- position: absolute;
6133
- visibility: hidden;
6134
- top: 0;
6135
- left: 0;
6136
- max-width: 100%;
6137
- width: 100%;
6138
- height: 100%;
6139
- margin: 0;
6140
- line-height: 1;
6141
- border: none;
6142
- -o-object-fit: contain;
6143
- object-fit: contain; }
6144
-
6145
- .pa-gallery-icons-inner-container svg,
6146
- .pa-gallery-icons-caption-cell svg {
6147
- width: 14px;
6148
- height: 14px; }
6149
-
6150
- .premium-gallery-gradient-layer {
6151
- position: absolute;
6152
- bottom: 40px;
6153
- width: 100%;
6154
- height: 20px;
6155
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6156
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6157
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6158
-
6159
- @-webkit-keyframes spin {
6160
- 0% {
6161
- -webkit-transform: rotate(0deg);
6162
- transform: rotate(0deg); }
6163
- 100% {
6164
- -webkit-transform: rotate(360deg);
6165
- transform: rotate(360deg); } }
6166
-
6167
- @keyframes spin {
6168
- 0% {
6169
- -webkit-transform: rotate(0deg);
6170
- transform: rotate(0deg); }
6171
- 100% {
6172
- -webkit-transform: rotate(360deg);
6173
- transform: rotate(360deg); } }
6174
-
6175
- /************ Premium Vertical Scroll ************/
6176
- /*************************************************/
6177
- .premium-vscroll-inner {
6178
- position: relative;
6179
- min-height: 100%; }
6180
- .premium-vscroll-inner .premium-vscroll-dots {
6181
- position: fixed;
6182
- z-index: 100;
6183
- opacity: 1;
6184
- margin-top: -32px;
6185
- -webkit-transition: all 0.3s ease-in-out;
6186
- transition: all 0.3s ease-in-out; }
6187
-
6188
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6189
- opacity: 1;
6190
- -webkit-transition: all 0.3s ease-in-out;
6191
- transition: all 0.3s ease-in-out; }
6192
-
6193
- .premium-vscroll-inner .premium-vscroll-dots,
6194
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
6195
- opacity: 0;
6196
- visibility: hidden; }
6197
-
6198
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6199
- opacity: 1;
6200
- visibility: visible; }
6201
-
6202
- .premium-vscroll-dots.middle {
6203
- top: 50%; }
6204
-
6205
- .premium-vscroll-dots.top {
6206
- top: 40px; }
6207
-
6208
- .premium-vscroll-dots.bottom {
6209
- bottom: 30px; }
6210
-
6211
- .premium-vscroll-dots.right {
6212
- right: 17px; }
6213
-
6214
- .premium-vscroll-dots.left {
6215
- left: 17px; }
6216
-
6217
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6218
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6219
- margin: 0 !important;
6220
- padding: 0; }
6221
-
6222
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6223
- width: 14px;
6224
- height: 13px;
6225
- margin: 7px;
6226
- position: relative;
6227
- -js-display: flex;
6228
- display: -webkit-box;
6229
- display: -webkit-flex;
6230
- display: -moz-box;
6231
- display: -ms-flexbox;
6232
- display: flex;
6233
- -webkit-box-pack: center;
6234
- -webkit-justify-content: center;
6235
- -moz-box-pack: center;
6236
- -ms-flex-pack: center;
6237
- justify-content: center;
6238
- -webkit-box-align: center;
6239
- -webkit-align-items: center;
6240
- -moz-box-align: center;
6241
- -ms-flex-align: center;
6242
- align-items: center;
6243
- overflow: visible; }
6244
-
6245
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6246
- display: block;
6247
- position: relative;
6248
- z-index: 1;
6249
- width: 100%;
6250
- height: 100%;
6251
- cursor: pointer;
6252
- text-decoration: none; }
6253
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6254
- top: 2px;
6255
- left: 2.5px;
6256
- width: 8px;
6257
- height: 8px;
6258
- border: 1px solid #000;
6259
- -webkit-border-radius: 50%;
6260
- border-radius: 50%;
6261
- position: absolute;
6262
- z-index: 1;
6263
- -webkit-transition: all 0.3s ease-in-out;
6264
- transition: all 0.3s ease-in-out; }
6265
-
6266
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6267
- -webkit-transform: scale(1.6);
6268
- -ms-transform: scale(1.6);
6269
- transform: scale(1.6); }
6270
-
6271
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6272
- position: absolute;
6273
- color: #fff;
6274
- font-size: 14px;
6275
- font-family: arial, helvetica, sans-serif;
6276
- white-space: nowrap;
6277
- max-width: 220px;
6278
- padding-left: 0.4em;
6279
- padding-right: 0.4em; }
6280
-
6281
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6282
- right: 27px; }
6283
-
6284
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6285
- width: 4px;
6286
- height: 30px; }
6287
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6288
- width: 100%;
6289
- height: 100%;
6290
- -webkit-border-radius: 0;
6291
- border-radius: 0; }
6292
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6293
- -webkit-transform: scale(1);
6294
- -ms-transform: scale(1);
6295
- transform: scale(1); }
6296
-
6297
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6298
- position: absolute;
6299
- top: 50%;
6300
- content: "";
6301
- left: -webkit-calc(100% - 1px);
6302
- left: calc(100% - 1px);
6303
- width: 10px;
6304
- height: 0;
6305
- border-top: 6px solid transparent;
6306
- border-bottom: 6px solid transparent;
6307
- border-left: 6px solid;
6308
- -webkit-transform: translateY(-50%);
6309
- -ms-transform: translateY(-50%);
6310
- transform: translateY(-50%); }
6311
-
6312
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6313
- left: 27px; }
6314
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6315
- position: absolute;
6316
- top: 50%;
6317
- content: "";
6318
- right: -webkit-calc(100% - 1px);
6319
- right: calc(100% - 1px);
6320
- width: 10px;
6321
- height: 0;
6322
- border-top: 6px solid transparent;
6323
- border-bottom: 6px solid transparent;
6324
- border-right: 6px solid;
6325
- -webkit-transform: translateY(-50%);
6326
- -ms-transform: translateY(-50%);
6327
- transform: translateY(-50%); }
6328
-
6329
- /* * Lines */
6330
- @media (max-width: 768px) {
6331
- .premium-vscroll-dots.right {
6332
- right: 7px; }
6333
- .premium-vscroll-dots.left {
6334
- left: 7px; } }
6335
-
6336
- .premium-vscroll-nav-menu {
6337
- position: fixed;
6338
- top: 20px;
6339
- height: 40px;
6340
- z-index: 100;
6341
- padding: 0;
6342
- margin: 0; }
6343
- .premium-vscroll-nav-menu.left {
6344
- left: 0; }
6345
- .premium-vscroll-nav-menu.right {
6346
- right: 0; }
6347
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6348
- display: inline-block;
6349
- margin: 10px;
6350
- color: #000;
6351
- background: #fff;
6352
- background: rgba(255, 255, 255, 0.3); }
6353
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6354
- padding: 9px 18px;
6355
- display: block;
6356
- cursor: pointer;
6357
- color: #000; }
6358
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6359
- color: #000; }
6360
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6361
- outline: none; }
6362
-
6363
- .multiscroll-nav li a:focus {
6364
- outline: none; }
6365
-
6366
- .premium-vscroll-temp .slimScrollBar {
6367
- visibility: hidden; }
6368
-
6369
- /************ Premium Image Scroll ************/
6370
- /**********************************************/
6371
- .premium-image-scroll-section,
6372
- .premium-image-scroll-container {
6373
- -webkit-transition: all 0.3s ease-in-out;
6374
- transition: all 0.3s ease-in-out; }
6375
-
6376
- .premium-image-scroll-section {
6377
- position: relative;
6378
- overflow: hidden;
6379
- width: 100%;
6380
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
6381
-
6382
- .premium-image-scroll-container {
6383
- width: 100%; }
6384
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6385
- -webkit-mask-repeat: no-repeat;
6386
- mask-repeat: no-repeat;
6387
- -webkit-mask-position: center;
6388
- mask-position: center; }
6389
-
6390
- .premium-container-scroll {
6391
- overflow: auto; }
6392
-
6393
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6394
- position: relative;
6395
- width: 100%;
6396
- height: 100%; }
6397
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6398
- max-width: none;
6399
- height: 100%; }
6400
-
6401
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6402
- width: 100%;
6403
- max-width: 100%;
6404
- height: auto; }
6405
-
6406
- .premium-image-scroll-ver {
6407
- position: relative; }
6408
-
6409
- .premium-image-scroll-container .premium-image-scroll-overlay {
6410
- background: rgba(2, 2, 2, 0.3); }
6411
-
6412
- .premium-image-scroll-container .premium-image-scroll-link,
6413
- .premium-image-scroll-container .premium-image-scroll-overlay {
6414
- position: absolute;
6415
- top: 0;
6416
- bottom: 0;
6417
- left: 0;
6418
- right: 0;
6419
- z-index: 4; }
6420
-
6421
- .premium-image-scroll-content {
6422
- display: inline-block;
6423
- position: absolute;
6424
- height: auto;
6425
- top: 50%;
6426
- left: 50%;
6427
- text-align: center;
6428
- z-index: 5;
6429
- -webkit-transform: translate(-50%, -50%);
6430
- -ms-transform: translate(-50%, -50%);
6431
- transform: translate(-50%, -50%); }
6432
-
6433
- .premium-container-scroll-instant .premium-image-scroll-image {
6434
- -webkit-transition: all 0s ease-in-out !important;
6435
- transition: all 0s ease-in-out !important; }
6436
-
6437
- .premium-image-scroll-container img {
6438
- -webkit-transition: -webkit-transform 3s ease-in-out;
6439
- transition: -webkit-transform 3s ease-in-out;
6440
- transition: transform 3s ease-in-out;
6441
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6442
-
6443
- .premium-image-scroll-container .premium-image-scroll-overlay,
6444
- .premium-image-scroll-container .premium-image-scroll-content {
6445
- -webkit-transition: all 0.3s ease-in-out;
6446
- transition: all 0.3s ease-in-out;
6447
- opacity: 1; }
6448
-
6449
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6450
- opacity: 0; }
6451
-
6452
- .premium-image-scroll-container:hover .premium-image-scroll-content {
6453
- opacity: 0;
6454
- visibility: hidden; }
6455
-
6456
- .premium-image-scroll-content .premium-image-scroll-icon {
6457
- display: inline-block;
6458
- font-family: "pa-elements" !important;
6459
- speak: none;
6460
- font-style: normal;
6461
- font-weight: normal;
6462
- font-variant: normal;
6463
- text-transform: none;
6464
- line-height: 1;
6465
- -webkit-font-smoothing: antialiased;
6466
- -moz-osx-font-smoothing: grayscale;
6467
- -webkit-animation-duration: 0.5s;
6468
- animation-duration: 0.5s;
6469
- -webkit-animation-iteration-count: infinite;
6470
- animation-iteration-count: infinite;
6471
- -webkit-animation-direction: alternate;
6472
- animation-direction: alternate;
6473
- -webkit-animation-timing-function: ease-in-out;
6474
- animation-timing-function: ease-in-out; }
6475
-
6476
- .pa-horizontal-mouse-scroll:before {
6477
- content: "\e921"; }
6478
-
6479
- .pa-vertical-mouse-scroll:before {
6480
- content: "\e922"; }
6481
-
6482
- .pa-horizontal-mouse-scroll {
6483
- -webkit-animation-name: pa-scroll-horizontal;
6484
- animation-name: pa-scroll-horizontal; }
6485
-
6486
- .pa-vertical-mouse-scroll {
6487
- -webkit-animation-name: pa-scroll-vertical;
6488
- animation-name: pa-scroll-vertical; }
6489
-
6490
- @-webkit-keyframes pa-scroll-vertical {
6491
- 0% {
6492
- -webkit-transform: translateY(0px);
6493
- transform: translateY(0px); }
6494
- 100% {
6495
- -webkit-transform: translateY(5px);
6496
- transform: translateY(5px); } }
6497
-
6498
- @keyframes pa-scroll-vertical {
6499
- 0% {
6500
- -webkit-transform: translateY(0px);
6501
- transform: translateY(0px); }
6502
- 100% {
6503
- -webkit-transform: translateY(5px);
6504
- transform: translateY(5px); } }
6505
-
6506
- @-webkit-keyframes pa-scroll-horizontal {
6507
- 0% {
6508
- -webkit-transform: translateX(0px);
6509
- transform: translateX(0px); }
6510
- 100% {
6511
- -webkit-transform: translateX(5px);
6512
- transform: translateX(5px); } }
6513
-
6514
- @keyframes pa-scroll-horizontal {
6515
- 0% {
6516
- -webkit-transform: translateX(0px);
6517
- transform: translateX(0px); }
6518
- 100% {
6519
- -webkit-transform: translateX(5px);
6520
- transform: translateX(5px); } }
6521
-
6522
- /********* Premium Lottie Animations *********/
6523
- /*********************************************/
6524
- .premium-lottie-wrap .premium-lottie-animation {
6525
- position: relative;
6526
- -js-display: inline-flex;
6527
- display: -webkit-inline-box;
6528
- display: -webkit-inline-flex;
6529
- display: -moz-inline-box;
6530
- display: -ms-inline-flexbox;
6531
- display: inline-flex;
6532
- -webkit-transition: all 0.3s ease-in-out;
6533
- transition: all 0.3s ease-in-out; }
6534
- .premium-lottie-wrap .premium-lottie-animation a {
6535
- position: absolute;
6536
- left: 0;
6537
- top: 0;
6538
- width: 100%;
6539
- height: 100%;
6540
- z-index: 2; }
6541
-
6542
- /**************** Premium Bullet List ****************/
6543
- /*****************************************************/
6544
- .premium-bullet-list-box {
6545
- -js-display: flex;
6546
- display: -webkit-box;
6547
- display: -webkit-flex;
6548
- display: -moz-box;
6549
- display: -ms-flexbox;
6550
- display: flex;
6551
- -webkit-flex-wrap: wrap;
6552
- -ms-flex-wrap: wrap;
6553
- flex-wrap: wrap;
6554
- -webkit-box-orient: vertical;
6555
- -webkit-box-direction: normal;
6556
- -webkit-flex-direction: column;
6557
- -moz-box-orient: vertical;
6558
- -moz-box-direction: normal;
6559
- -ms-flex-direction: column;
6560
- flex-direction: column; }
6561
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
6562
- -webkit-transform-origin: left center;
6563
- -ms-transform-origin: left center;
6564
- transform-origin: left center; }
6565
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
6566
- -webkit-transform-origin: right center;
6567
- -ms-transform-origin: right center;
6568
- transform-origin: right center; }
6569
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
6570
- -webkit-transform-origin: center center;
6571
- -ms-transform-origin: center center;
6572
- transform-origin: center center; }
6573
-
6574
- .premium-bullet-list-content {
6575
- -js-display: flex;
6576
- display: -webkit-box;
6577
- display: -webkit-flex;
6578
- display: -moz-box;
6579
- display: -ms-flexbox;
6580
- display: flex;
6581
- -webkit-transition: all 0.3s ease-in-out;
6582
- transition: all 0.3s ease-in-out;
6583
- width: auto;
6584
- position: relative; }
6585
- .premium-bullet-list-content .premium-bullet-list-text span,
6586
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6587
- display: inline-block;
6588
- -webkit-align-self: center;
6589
- -ms-flex-item-align: center;
6590
- align-self: center;
6591
- -webkit-transition: all 0.3s ease-in-out;
6592
- transition: all 0.3s ease-in-out; }
6593
- .premium-bullet-list-content .premium-bullet-list-text span {
6594
- margin: 0 5px; }
6595
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6596
- font-size: 18px;
6597
- background-color: #eee;
6598
- padding: 1px 5px;
6599
- -webkit-border-radius: 2px;
6600
- border-radius: 2px; }
6601
- .premium-bullet-list-content .premium-bullet-list-text span,
6602
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
6603
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6604
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
6605
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
6606
- -webkit-transition: all 0.3s ease-in-out;
6607
- transition: all 0.3s ease-in-out; }
6608
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6609
- position: relative;
6610
- line-height: 0; }
6611
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6612
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
6613
- width: 30px !important;
6614
- height: 30px !important;
6615
- position: relative;
6616
- z-index: 500; }
6617
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
6618
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
6619
- position: relative;
6620
- z-index: 500; }
6621
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
6622
- width: 1.25em; }
6623
- .premium-bullet-list-content .premium-bullet-list-link {
6624
- position: absolute;
6625
- top: 0;
6626
- left: 0;
6627
- width: 100%;
6628
- height: 100%;
6629
- z-index: 1000; }
6630
-
6631
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
6632
- width: 100%;
6633
- height: 100%;
6634
- position: absolute;
6635
- top: 0.5em;
6636
- z-index: 100;
6637
- -js-display: flex;
6638
- display: -webkit-box;
6639
- display: -webkit-flex;
6640
- display: -moz-box;
6641
- display: -ms-flexbox;
6642
- display: flex;
6643
- -webkit-box-pack: center;
6644
- -webkit-justify-content: center;
6645
- -moz-box-pack: center;
6646
- -ms-flex-pack: center;
6647
- justify-content: center; }
6648
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
6649
- content: "";
6650
- border-right-width: 1px;
6651
- border-right-style: solid;
6652
- border-color: #333333;
6653
- display: block;
6654
- height: 100%; }
6655
-
6656
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
6657
- -webkit-align-self: center;
6658
- -ms-flex-item-align: center;
6659
- align-self: center;
6660
- z-index: 2; }
6661
-
6662
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
6663
- margin: 0 3px; }
6664
-
6665
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
6666
- margin: 0 3px 0 0; }
6667
-
6668
- .premium-bullet-list-divider:not(:last-child) {
6669
- width: 100%;
6670
- -webkit-box-flex: 0;
6671
- -webkit-flex: 0 0 100%;
6672
- -moz-box-flex: 0;
6673
- -ms-flex: 0 0 100%;
6674
- flex: 0 0 100%;
6675
- overflow: hidden; }
6676
-
6677
- .premium-bullet-list-divider:not(:last-child):after {
6678
- content: "";
6679
- display: block;
6680
- border-top-style: solid;
6681
- border-top-width: 1px; }
6682
-
6683
- .premium-bullet-list-divider-inline:not(:last-child) {
6684
- float: right;
6685
- display: inline-block;
6686
- position: relative;
6687
- height: 100%;
6688
- overflow: hidden;
6689
- -webkit-align-self: center;
6690
- -ms-flex-item-align: center;
6691
- align-self: center;
6692
- margin: 0 3px; }
6693
-
6694
- .premium-bullet-list-divider-inline:not(:last-child):after {
6695
- content: "";
6696
- display: block;
6697
- border-left-width: 1px;
6698
- height: 33px;
6699
- border-left-style: solid; }
6700
-
6701
- .premium-bullet-list-icon-text {
6702
- line-height: 1.5; }
6703
-
6704
- .premium-bullet-list-icon-text p,
6705
- ul.premium-bullet-list-box,
6706
- li.premium-bullet-list-content {
6707
- margin: 0; }
6708
-
6709
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
6710
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
6711
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
6712
- color: transparent !important;
6713
- text-shadow: 0 0 3px #aaa; }
6714
-
6715
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
6716
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
6717
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
6718
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
6719
- -webkit-filter: blur(3px);
6720
- filter: blur(3px); }
6721
-
6722
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
6723
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
6724
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
6725
- color: #aaa !important;
6726
- text-shadow: 0 0px 0 transparent; }
6727
-
6728
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
6729
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
6730
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
6731
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
6732
- -webkit-filter: none;
6733
- filter: none; }
6734
-
6735
- .premium-bullet-list-content .premium-bullet-list-badge {
6736
- font-size: 11px;
6737
- top: auto;
6738
- min-width: -webkit-max-content;
6739
- min-width: -moz-max-content;
6740
- min-width: max-content;
6741
- height: -webkit-fit-content;
6742
- height: -moz-fit-content;
6743
- height: fit-content; }
6744
-
6745
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6746
- font-size: 13px; }
6747
-
6748
- .premium-bullet-list-gradient-effect[data-text] {
6749
- display: inline-block;
6750
- position: relative;
6751
- text-decoration: none; }
6752
-
6753
- .premium-bullet-list-gradient-effect[data-text]::before {
6754
- content: attr(data-text);
6755
- position: absolute;
6756
- z-index: 1;
6757
- overflow: hidden;
6758
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6759
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6760
- -webkit-background-clip: text;
6761
- background-clip: text;
6762
- -webkit-text-fill-color: transparent;
6763
- -webkit-transition: all 0.4s ease;
6764
- transition: all 0.4s ease; }
6765
-
6766
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
6767
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
6768
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6769
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6770
-
6771
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
6772
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
6773
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
6774
- opacity: 0; }
6775
-
6776
- .premium-bullet-list-content-grow-effect:hover {
6777
- -webkit-transform: scale(1.07);
6778
- -ms-transform: scale(1.07);
6779
- transform: scale(1.07); }
6780
-
6781
- @keyframes spin {
6782
- 100% {
6783
- -webkit-transform: rotate(360deg);
6784
- transform: rotate(360deg); } }
6785
-
6786
- /********** Premium Woo Products **********/
6787
- /******************************************/
6788
- .premium-woocommerce .premium-woo-products-inner ul.products {
6789
- -js-display: flex;
6790
- display: -webkit-box;
6791
- display: -webkit-flex;
6792
- display: -moz-box;
6793
- display: -ms-flexbox;
6794
- display: flex;
6795
- margin: 0;
6796
- padding: 0;
6797
- -webkit-flex-wrap: wrap;
6798
- -ms-flex-wrap: wrap;
6799
- flex-wrap: wrap;
6800
- list-style: none outside;
6801
- -webkit-column-gap: 0;
6802
- -moz-column-gap: 0;
6803
- column-gap: 0; }
6804
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
6805
- margin: 0 0 10px;
6806
- padding: 0 10px; }
6807
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
6808
- overflow: hidden;
6809
- -webkit-transition: all 0.3s ease-in-out;
6810
- transition: all 0.3s ease-in-out; }
6811
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-category {
6812
- display: block;
6813
- font-size: 0.85em;
6814
- margin-bottom: 0.5em;
6815
- line-height: 1.3; }
6816
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .woocommerce-loop-product__title {
6817
- margin-bottom: 0.5em;
6818
- font-size: 1em;
6819
- -webkit-transition: all 0.3s ease-in-out;
6820
- transition: all 0.3s ease-in-out; }
6821
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating {
6822
- display: block;
6823
- float: none;
6824
- margin: 0 auto 0.5em;
6825
- -webkit-backface-visibility: hidden;
6826
- backface-visibility: hidden;
6827
- overflow: hidden;
6828
- position: relative;
6829
- height: 1em;
6830
- line-height: 1;
6831
- font-size: 0.857em;
6832
- width: 5.4em;
6833
- font-family: star; }
6834
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating::before {
6835
- content: "\73\73\73\73\73";
6836
- color: #54595f;
6837
- float: left;
6838
- top: 0;
6839
- left: 0;
6840
- position: absolute; }
6841
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
6842
- overflow: hidden;
6843
- float: left;
6844
- top: 0;
6845
- left: 0;
6846
- position: absolute;
6847
- padding-top: 1.5em; }
6848
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span::before {
6849
- content: "\53\53\53\53\53";
6850
- color: inherit;
6851
- top: 0;
6852
- position: absolute;
6853
- left: 0; }
6854
-
6855
- .premium-woocommerce .woocommerce-loop-product__link {
6856
- position: relative;
6857
- display: block;
6858
- overflow: hidden;
6859
- -webkit-transition: all 0.3s ease-in-out;
6860
- transition: all 0.3s ease-in-out; }
6861
-
6862
- .premium-woocommerce .premium-woo-ribbon-container {
6863
- position: absolute;
6864
- top: 0;
6865
- left: 0;
6866
- z-index: 9; }
6867
-
6868
- .premium-woo-product-thumbnail {
6869
- position: relative;
6870
- overflow: hidden; }
6871
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
6872
- margin: 0;
6873
- width: 100%; }
6874
-
6875
- .premium-woo-product-sale-wrap,
6876
- .premium-woo-product-featured-wrap {
6877
- margin: 0; }
6878
-
6879
- .premium-woo-product-sale-wrap .premium-woo-product-onsale,
6880
- .premium-woo-product-featured-wrap .premium-woo-product-featured {
6881
- display: block;
6882
- text-align: center;
6883
- color: #fff;
6884
- min-width: 2em;
6885
- min-height: 2em;
6886
- line-height: 2em;
6887
- padding: 0.3em 0.6em;
6888
- margin: 0.5em 0.6em; }
6889
-
6890
- .premium-woocommerce .premium-woo-products-details-wrap {
6891
- padding: 1em 1.2em; }
6892
- .premium-woocommerce .premium-woo-products-details-wrap .button {
6893
- display: inline-block;
6894
- background-color: #6ec1e4;
6895
- color: #fff;
6896
- margin: 0.5em 0;
6897
- line-height: 1.3;
6898
- padding: 10px 40px;
6899
- font-size: 100%;
6900
- cursor: pointer;
6901
- text-decoration: none;
6902
- overflow: visible;
6903
- font-weight: 700;
6904
- background-image: none;
6905
- border: none;
6906
- -webkit-border-radius: 0px;
6907
- border-radius: 0px;
6908
- -webkit-box-shadow: none;
6909
- box-shadow: none;
6910
- text-shadow: none;
6911
- -webkit-transition: all 0.3s ease-in-out;
6912
- transition: all 0.3s ease-in-out; }
6913
-
6914
- .premium-woocommerce li.product .price {
6915
- display: block;
6916
- line-height: 1.3;
6917
- font-weight: 700;
6918
- margin-bottom: 0.5em;
6919
- font-size: 0.9em; }
6920
- .premium-woocommerce li.product .price del {
6921
- display: inline-block;
6922
- font-weight: 400;
6923
- background: transparent; }
6924
- .premium-woocommerce li.product .price ins {
6925
- display: inline-block;
6926
- background: transparent;
6927
- text-decoration: none;
6928
- font-weight: inherit; }
6929
- .premium-woocommerce li.product .price .amount {
6930
- color: inherit !important; }
6931
-
6932
- .premium-woocommerce li.product .premium-woo-product-desc p {
6933
- margin: 0; }
6934
-
6935
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
6936
- margin-left: 0;
6937
- margin-right: auto; }
6938
-
6939
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
6940
- margin-left: auto;
6941
- margin-right: auto; }
6942
-
6943
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
6944
- margin-left: auto;
6945
- margin-right: 0; }
6946
-
6947
- .premium-woo-products-pagination ul.page-numbers {
6948
- -js-display: flex;
6949
- display: -webkit-box;
6950
- display: -webkit-flex;
6951
- display: -moz-box;
6952
- display: -ms-flexbox;
6953
- display: flex;
6954
- list-style-type: none;
6955
- margin: 0;
6956
- margin-top: 10px;
6957
- padding: 0;
6958
- border: none;
6959
- -webkit-box-pack: center;
6960
- -webkit-justify-content: center;
6961
- -moz-box-pack: center;
6962
- -ms-flex-pack: center;
6963
- justify-content: center; }
6964
- .premium-woo-products-pagination ul.page-numbers li {
6965
- margin: 0 0.4em 0.4em 0;
6966
- padding: 0;
6967
- text-align: center; }
6968
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
6969
- margin: 0;
6970
- text-decoration: none;
6971
- color: #000;
6972
- border: 1px solid #54595f;
6973
- padding: 0;
6974
- line-height: 1;
6975
- font-size: 1em;
6976
- font-weight: 400;
6977
- padding: 0.75em;
6978
- display: block;
6979
- min-width: 2.5em;
6980
- -webkit-transition: all 0.3s ease-in-out;
6981
- transition: all 0.3s ease-in-out; }
6982
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
6983
- background-color: #54595f;
6984
- color: #fff;
6985
- outline: none; }
6986
-
6987
- .premium-woocommerce .premium-loading-feed,
6988
- .premium-woo-quick-view-loader .premium-loading-feed {
6989
- display: block;
6990
- position: absolute;
6991
- width: 100%;
6992
- height: 100%;
6993
- top: 0px;
6994
- left: 0px;
6995
- bottom: 0px;
6996
- right: 0px;
6997
- background: rgba(255, 255, 255, 0.2);
6998
- -js-display: flex;
6999
- display: -webkit-box;
7000
- display: -webkit-flex;
7001
- display: -moz-box;
7002
- display: -ms-flexbox;
7003
- display: flex;
7004
- -webkit-box-align: center;
7005
- -webkit-align-items: center;
7006
- -moz-box-align: center;
7007
- -ms-flex-align: center;
7008
- align-items: center; }
7009
-
7010
- /**
7011
- * Image Hover Effects
7012
- */
7013
- .premium-woocommerce .woocommerce-loop-product__link img {
7014
- -webkit-transition: all 0.3s ease-in-out;
7015
- transition: all 0.3s ease-in-out; }
7016
-
7017
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
7018
- -webkit-transform: scale(1.2);
7019
- -ms-transform: scale(1.2);
7020
- transform: scale(1.2); }
7021
-
7022
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
7023
- -webkit-transform: none;
7024
- -ms-transform: none;
7025
- transform: none; }
7026
-
7027
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
7028
- -webkit-transform: none;
7029
- -ms-transform: none;
7030
- transform: none; }
7031
-
7032
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
7033
- -webkit-transform: scale(1.2);
7034
- -ms-transform: scale(1.2);
7035
- transform: scale(1.2); }
7036
-
7037
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
7038
- -webkit-filter: grayscale(100%);
7039
- filter: grayscale(100%); }
7040
-
7041
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
7042
- -webkit-filter: grayscale(0%);
7043
- filter: grayscale(0%); }
7044
-
7045
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
7046
- -webkit-filter: sepia(30%);
7047
- filter: sepia(30%); }
7048
-
7049
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
7050
- -webkit-filter: sepia(0%);
7051
- filter: sepia(0%); }
7052
-
7053
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
7054
- -webkit-filter: brightness(1);
7055
- filter: brightness(1); }
7056
-
7057
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
7058
- -webkit-filter: brightness(1.2);
7059
- filter: brightness(1.2); }
7060
-
7061
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
7062
- -webkit-transform: translateX(-15px) scale(1.1);
7063
- -ms-transform: translateX(-15px) scale(1.1);
7064
- transform: translateX(-15px) scale(1.1); }
7065
-
7066
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
7067
- -webkit-transform: translateX(0px) scale(1.1);
7068
- -ms-transform: translateX(0px) scale(1.1);
7069
- transform: translateX(0px) scale(1.1); }
7070
-
7071
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
7072
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7073
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7074
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
7075
-
7076
- .premium-woocommerce .premium-woo-product__on_hover {
7077
- position: absolute;
7078
- top: 0;
7079
- right: 0;
7080
- bottom: 0;
7081
- left: 0;
7082
- height: 100%;
7083
- opacity: 0; }
7084
-
7085
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
7086
- opacity: 1; }
7087
-
7088
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
7089
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
7090
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7091
- position: absolute;
7092
- bottom: 0;
7093
- left: 0;
7094
- width: 100%;
7095
- text-align: center;
7096
- padding: 5px;
7097
- background: rgba(2, 2, 2, 0.5);
7098
- color: #fff;
7099
- -webkit-transition: all 0.3s ease-in-out;
7100
- transition: all 0.3s ease-in-out;
7101
- cursor: pointer;
7102
- z-index: 2;
7103
- -webkit-transform: translateY(100%);
7104
- -ms-transform: translateY(100%);
7105
- transform: translateY(100%); }
7106
-
7107
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7108
- -webkit-transition-delay: 0.1s;
7109
- transition-delay: 0.1s; }
7110
-
7111
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
7112
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
7113
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
7114
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
7115
- margin-left: 0.5em; }
7116
-
7117
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
7118
- -webkit-transform: translateY(0);
7119
- -ms-transform: translateY(0);
7120
- transform: translateY(0); }
7121
-
7122
- .premium-woo-product-wrapper .premium-woo-qv-data {
7123
- position: absolute;
7124
- top: 0;
7125
- left: 0;
7126
- width: 100%;
7127
- height: 100%;
7128
- z-index: 1;
7129
- overflow: hidden;
7130
- cursor: pointer; }
7131
-
7132
- /**
7133
- * Skin 1,4
7134
- */
7135
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
7136
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
7137
- position: absolute;
7138
- top: 0.7em;
7139
- right: 1em;
7140
- -webkit-transform: translate3d(15px, 0, 0);
7141
- transform: translate3d(15px, 0, 0);
7142
- -webkit-transition: all 0.3s ease-in-out;
7143
- transition: all 0.3s ease-in-out;
7144
- opacity: 0;
7145
- z-index: 9; }
7146
-
7147
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
7148
- position: relative;
7149
- display: block;
7150
- margin: 0 0 3px;
7151
- background: #fff;
7152
- text-align: center;
7153
- outline: 0;
7154
- -webkit-transition: all 0.3s ease-in-out;
7155
- transition: all 0.3s ease-in-out; }
7156
-
7157
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
7158
- display: block;
7159
- color: #54595f;
7160
- width: 30px;
7161
- line-height: 30px;
7162
- height: 30px;
7163
- cursor: pointer;
7164
- -webkit-transition: all 0.3s ease-in-out;
7165
- transition: all 0.3s ease-in-out; }
7166
-
7167
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
7168
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
7169
- -webkit-transform: translate3d(5px, 0, 0);
7170
- transform: translate3d(5px, 0, 0);
7171
- opacity: 1; }
7172
-
7173
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
7174
- -webkit-animation: spin 2s linear infinite;
7175
- animation: spin 2s linear infinite; }
7176
-
7177
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
7178
- content: "\f013"; }
7179
-
7180
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
7181
- content: "\f00c"; }
7182
-
7183
- /**
7184
- * Skin 2
7185
- */
7186
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
7187
- position: absolute;
7188
- background: #fff;
7189
- bottom: 0;
7190
- left: 0;
7191
- width: 100%;
7192
- z-index: 2;
7193
- padding: 0;
7194
- opacity: 0;
7195
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
7196
- transition: opacity 0.2s, -webkit-transform 0.4s;
7197
- transition: transform 0.4s, opacity 0.2s;
7198
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
7199
- -webkit-transform: translateZ(0) translateY(5px);
7200
- transform: translateZ(0) translateY(5px); }
7201
-
7202
- .premium-woo-skin-grid-2 .premium-woo-product-details {
7203
- padding: 15px 0; }
7204
-
7205
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
7206
- opacity: 1;
7207
- -webkit-transform: translateZ(0) translateY(0);
7208
- transform: translateZ(0) translateY(0); }
7209
-
7210
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
7211
- position: static;
7212
- -js-display: flex;
7213
- display: -webkit-box;
7214
- display: -webkit-flex;
7215
- display: -moz-box;
7216
- display: -ms-flexbox;
7217
- display: flex;
7218
- -webkit-box-orient: horizontal;
7219
- -webkit-box-direction: reverse;
7220
- -webkit-flex-direction: row-reverse;
7221
- -moz-box-orient: horizontal;
7222
- -moz-box-direction: reverse;
7223
- -ms-flex-direction: row-reverse;
7224
- flex-direction: row-reverse; }
7225
-
7226
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
7227
- -webkit-box-flex: 1;
7228
- -webkit-flex: 1;
7229
- -moz-box-flex: 1;
7230
- -ms-flex: 1;
7231
- flex: 1;
7232
- min-width: 50%; }
7233
-
7234
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
7235
- -js-display: flex;
7236
- display: -webkit-box;
7237
- display: -webkit-flex;
7238
- display: -moz-box;
7239
- display: -ms-flexbox;
7240
- display: flex;
7241
- margin: 0;
7242
- text-align: center;
7243
- -webkit-box-pack: center;
7244
- -webkit-justify-content: center;
7245
- -moz-box-pack: center;
7246
- -ms-flex-pack: center;
7247
- justify-content: center;
7248
- -webkit-box-align: center;
7249
- -webkit-align-items: center;
7250
- -moz-box-align: center;
7251
- -ms-flex-align: center;
7252
- align-items: center; }
7253
-
7254
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7255
- background-color: #54595f; }
7256
-
7257
- /**
7258
- * Skin 4
7259
- */
7260
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
7261
- position: absolute;
7262
- left: 0;
7263
- right: 0;
7264
- top: 50%;
7265
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
7266
- transform: scale(0.9) translateZ(0) translateY(-50%);
7267
- text-align: center;
7268
- z-index: 2;
7269
- opacity: 0;
7270
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
7271
- transition: opacity 0.5s, -webkit-transform 0.3s;
7272
- transition: opacity 0.5s, transform 0.3s;
7273
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
7274
-
7275
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay {
7276
- position: absolute;
7277
- top: 0;
7278
- left: 0;
7279
- width: 100%;
7280
- height: 100%;
7281
- opacity: 0;
7282
- visibility: hidden;
7283
- background-color: rgba(27, 27, 23, 0.3);
7284
- -webkit-transition: all 0.25s ease-in-out;
7285
- transition: all 0.25s ease-in-out; }
7286
-
7287
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay {
7288
- opacity: 1;
7289
- visibility: visible;
7290
- z-index: 1; }
7291
-
7292
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
7293
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
7294
- transform: scale(1) translateZ(0) translateY(-50%);
7295
- opacity: 1; }
7296
-
7297
- /**
7298
- * Skin 5
7299
- */
7300
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
7301
- -js-display: flex;
7302
- display: -webkit-box;
7303
- display: -webkit-flex;
7304
- display: -moz-box;
7305
- display: -ms-flexbox;
7306
- display: flex; }
7307
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7308
- -js-display: flex;
7309
- display: -webkit-box;
7310
- display: -webkit-flex;
7311
- display: -moz-box;
7312
- display: -ms-flexbox;
7313
- display: flex;
7314
- -webkit-box-align: center;
7315
- -webkit-align-items: center;
7316
- -moz-box-align: center;
7317
- -ms-flex-align: center;
7318
- align-items: center;
7319
- background-color: #54595f;
7320
- padding: 10px;
7321
- -webkit-transition: all 0.25s ease 0s;
7322
- transition: all 0.25s ease 0s; }
7323
-
7324
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
7325
- width: 75%; }
7326
-
7327
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
7328
- -js-display: flex;
7329
- display: -webkit-box;
7330
- display: -webkit-flex;
7331
- display: -moz-box;
7332
- display: -ms-flexbox;
7333
- display: flex;
7334
- -webkit-box-align: center;
7335
- -webkit-align-items: center;
7336
- -moz-box-align: center;
7337
- -ms-flex-align: center;
7338
- align-items: center; }
7339
-
7340
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7341
- -webkit-box-pack: end;
7342
- -webkit-justify-content: flex-end;
7343
- -moz-box-pack: end;
7344
- -ms-flex-pack: end;
7345
- justify-content: flex-end; }
7346
-
7347
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7348
- -webkit-box-pack: center;
7349
- -webkit-justify-content: center;
7350
- -moz-box-pack: center;
7351
- -ms-flex-pack: center;
7352
- justify-content: center; }
7353
-
7354
- /**
7355
- * Skin 6
7356
- */
7357
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
7358
- position: absolute;
7359
- top: 50%;
7360
- left: 50%;
7361
- min-width: 40%;
7362
- text-align: center;
7363
- padding: 5px;
7364
- background: rgba(2, 2, 2, 0.5);
7365
- color: #fff;
7366
- -webkit-transform: translate(-50%, -50%);
7367
- -ms-transform: translate(-50%, -50%);
7368
- transform: translate(-50%, -50%);
7369
- opacity: 0;
7370
- visibility: hidden;
7371
- -webkit-transition: all 0.3s ease-in-out;
7372
- transition: all 0.3s ease-in-out;
7373
- cursor: pointer;
7374
- z-index: 2; }
7375
-
7376
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
7377
- opacity: 1;
7378
- visibility: visible; }
7379
-
7380
- .premium-woo-product-align-right li.product .premium-woo-product-info .star-rating,
7381
- .premium-woo-product-align-left li.product .premium-woo-product-info .star-rating {
7382
- margin: 0; }
7383
-
7384
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
7385
- -js-display: flex;
7386
- display: -webkit-box;
7387
- display: -webkit-flex;
7388
- display: -moz-box;
7389
- display: -ms-flexbox;
7390
- display: flex;
7391
- -webkit-box-pack: justify;
7392
- -webkit-justify-content: space-between;
7393
- -moz-box-pack: justify;
7394
- -ms-flex-pack: justify;
7395
- justify-content: space-between; }
7396
-
7397
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
7398
- -webkit-box-orient: vertical;
7399
- -webkit-box-direction: normal;
7400
- -webkit-flex-direction: column;
7401
- -moz-box-orient: vertical;
7402
- -moz-box-direction: normal;
7403
- -ms-flex-direction: column;
7404
- flex-direction: column; }
7405
-
7406
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
7407
- -webkit-box-orient: horizontal;
7408
- -webkit-box-direction: reverse;
7409
- -webkit-flex-direction: row-reverse;
7410
- -moz-box-orient: horizontal;
7411
- -moz-box-direction: reverse;
7412
- -ms-flex-direction: row-reverse;
7413
- flex-direction: row-reverse; }
7414
-
7415
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
7416
- -js-display: flex;
7417
- display: -webkit-box;
7418
- display: -webkit-flex;
7419
- display: -moz-box;
7420
- display: -ms-flexbox;
7421
- display: flex;
7422
- position: absolute;
7423
- bottom: 10px;
7424
- width: 100%;
7425
- -webkit-box-pack: center;
7426
- -webkit-justify-content: center;
7427
- -moz-box-pack: center;
7428
- -ms-flex-pack: center;
7429
- justify-content: center; }
7430
-
7431
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
7432
- width: 20%;
7433
- margin: 0 0.2em;
7434
- border: 2px solid #aaa;
7435
- cursor: pointer; }
7436
-
7437
- /**
7438
- * Metro
7439
- */
7440
- /*.premium-woo-grid-style1 ul.products li.product {
7441
- width: 25%;
7442
- }*/
7443
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
7444
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
7445
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
7446
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
7447
- height: 100%; }
7448
-
7449
- .premium-woo-products-metro ul.products li.product {
7450
- margin-bottom: 0; }
7451
-
7452
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
7453
- -o-object-fit: cover;
7454
- object-fit: cover; }
7455
-
7456
- /*
7457
- * Carousel
7458
- */
7459
- .premium-woocommerce .slick-arrow {
7460
- -webkit-border-radius: 50%;
7461
- border-radius: 50%; }
7462
-
7463
- .premium-woocommerce ul.slick-dots {
7464
- width: 100%; }
7465
-
7466
- /*
7467
- * Quick View Html/body
7468
- */
7469
- html.premium-woo-qv-opened,
7470
- html.premium-woo-qv-opened body {
7471
- overflow: hidden; }
7472
-
7473
- /**
7474
- * Quick View Modal
7475
- */
7476
- .premium-woo-quick-view-back {
7477
- position: fixed;
7478
- visibility: hidden;
7479
- overflow: hidden;
7480
- background: rgba(2, 2, 2, 0.5);
7481
- opacity: 0;
7482
- -webkit-transition: opacity 0.25s;
7483
- transition: opacity 0.25s;
7484
- z-index: 999; }
7485
-
7486
- .premium-woo-quick-view-active {
7487
- top: 0;
7488
- left: 0;
7489
- width: 100%;
7490
- height: 100%;
7491
- opacity: 1;
7492
- visibility: visible; }
7493
-
7494
- #premium-woo-quick-view-modal {
7495
- position: fixed;
7496
- visibility: hidden;
7497
- opacity: 0;
7498
- top: 0;
7499
- left: 0;
7500
- width: 100%;
7501
- height: 100%;
7502
- z-index: 1400;
7503
- text-align: center;
7504
- -webkit-transition: all 0.3s;
7505
- transition: all 0.3s;
7506
- overflow-x: hidden;
7507
- overflow-y: auto; }
7508
- #premium-woo-quick-view-modal.active {
7509
- visibility: visible;
7510
- opacity: 1; }
7511
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
7512
- -webkit-transform: translateY(0);
7513
- -ms-transform: translateY(0);
7514
- transform: translateY(0);
7515
- opacity: 1;
7516
- width: 100%; }
7517
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
7518
- position: absolute;
7519
- width: 100%;
7520
- height: 100%;
7521
- top: 0;
7522
- left: 0;
7523
- text-align: center;
7524
- padding: 30px;
7525
- -js-display: flex;
7526
- display: -webkit-box;
7527
- display: -webkit-flex;
7528
- display: -moz-box;
7529
- display: -ms-flexbox;
7530
- display: flex;
7531
- -webkit-box-align: center;
7532
- -webkit-align-items: center;
7533
- -moz-box-align: center;
7534
- -ms-flex-align: center;
7535
- align-items: center; }
7536
- #premium-woo-quick-view-modal .premium-woo-content-main {
7537
- position: relative;
7538
- pointer-events: none;
7539
- max-width: 100%;
7540
- text-align: left;
7541
- z-index: 1045;
7542
- -webkit-transform: translateY(-30px);
7543
- -ms-transform: translateY(-30px);
7544
- transform: translateY(-30px);
7545
- opacity: 0;
7546
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
7547
- transition: opacity 0.3s, -webkit-transform 0.5s;
7548
- transition: transform 0.5s, opacity 0.3s;
7549
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
7550
- margin: 0 auto; }
7551
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
7552
- position: relative;
7553
- display: table;
7554
- pointer-events: auto;
7555
- background-color: #fff;
7556
- max-width: 975px;
7557
- margin: 20px auto;
7558
- -webkit-transform: translateZ(0);
7559
- transform: translateZ(0);
7560
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7561
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7562
- overflow: hidden; }
7563
- #premium-woo-quick-view-modal .summary {
7564
- width: 50%;
7565
- margin: 0;
7566
- padding: 30px;
7567
- float: left;
7568
- -webkit-box-sizing: border-box;
7569
- -moz-box-sizing: border-box;
7570
- box-sizing: border-box; }
7571
- #premium-woo-quick-view-modal .summary .quantity {
7572
- min-width: auto; }
7573
- #premium-woo-quick-view-modal .summary .quantity input.qty {
7574
- width: 54px;
7575
- -webkit-appearance: button;
7576
- -moz-appearance: button;
7577
- appearance: button; }
7578
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
7579
- margin: 0; }
7580
-
7581
- #premium-woo-quick-view-close {
7582
- position: absolute;
7583
- font-size: 22px;
7584
- top: 10px;
7585
- right: 10px;
7586
- width: 22px;
7587
- height: 22px;
7588
- line-height: 22px;
7589
- opacity: 0.7;
7590
- text-align: center;
7591
- z-index: 2;
7592
- color: #000; }
7593
-
7594
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
7595
- position: relative; }
7596
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
7597
- list-style: none; }
7598
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
7599
- margin: 0;
7600
- padding: 0;
7601
- width: 100%;
7602
- position: absolute;
7603
- bottom: 10px;
7604
- text-align: center; }
7605
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
7606
- margin: 0 6px;
7607
- display: inline-block;
7608
- vertical-align: middle; }
7609
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
7610
- width: 11px;
7611
- height: 11px;
7612
- display: block;
7613
- background: #666;
7614
- background: rgba(0, 0, 0, 0.5);
7615
- cursor: pointer;
7616
- text-indent: -9999px;
7617
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7618
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7619
- -webkit-border-radius: 20px;
7620
- border-radius: 20px; }
7621
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
7622
- background: rgba(0, 0, 0, 0.9);
7623
- cursor: default; }
7624
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
7625
- outline: none; }
7626
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
7627
- -o-object-fit: cover;
7628
- object-fit: cover; }
7629
-
7630
- #premium-woo-quick-view-content div.images {
7631
- width: 50%;
7632
- float: left;
7633
- opacity: 1 !important;
7634
- margin: 0; }
7635
-
7636
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
7637
- margin: 0;
7638
- padding: 0;
7639
- list-style: none; }
7640
-
7641
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
7642
- text-decoration: none;
7643
- display: block;
7644
- width: 14px;
7645
- height: 32px;
7646
- font-size: 32px;
7647
- line-height: 32px;
7648
- margin: -20px 0 0;
7649
- position: absolute;
7650
- top: 50%;
7651
- z-index: 10;
7652
- overflow: hidden;
7653
- cursor: pointer;
7654
- color: rgba(0, 0, 0, 0.8);
7655
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
7656
- -webkit-transition: all 0.3s ease-in-out;
7657
- transition: all 0.3s ease-in-out; }
7658
-
7659
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
7660
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7661
- display: inline-block;
7662
- font-family: "Font Awesome 5 Free";
7663
- font-weight: 900;
7664
- text-rendering: auto;
7665
- -webkit-font-smoothing: antialiased;
7666
- -moz-osx-font-smoothing: grayscale; }
7667
-
7668
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7669
- left: 10px; }
7670
-
7671
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
7672
- right: 10px; }
7673
-
7674
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
7675
- content: "\f104"; }
7676
-
7677
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
7678
- content: "\f105"; }
7679
-
7680
- .premium-woocommerce li.product .added_to_cart.wc-forward {
7681
- display: none; }
7682
-
7683
- .premium-woo-atc-button .add_to_cart_button span {
7684
- -webkit-animation: spin 2s linear infinite;
7685
- animation: spin 2s linear infinite;
7686
- margin-left: 5px;
7687
- vertical-align: baseline; }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
5
+ font-weight: normal;
6
+ font-style: normal; }
7
+
8
+ /**************** Premium Banner ****************/
9
+ /************************************************/
10
+ .premium-banner {
11
+ overflow: hidden; }
12
+
13
+ .premium-banner-ib {
14
+ display: block;
15
+ position: relative;
16
+ z-index: 1;
17
+ overflow: hidden;
18
+ margin: 0;
19
+ text-align: center;
20
+ -webkit-box-sizing: border-box;
21
+ -moz-box-sizing: border-box;
22
+ box-sizing: border-box; }
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative; }
26
+
27
+ .premium-banner-img-wrap {
28
+ -js-display: flex;
29
+ display: -webkit-box;
30
+ display: -webkit-flex;
31
+ display: -moz-box;
32
+ display: -ms-flexbox;
33
+ display: flex;
34
+ height: 100%; }
35
+ .premium-banner-img-wrap .premium-banner-ib-img {
36
+ -webkit-flex-shrink: 0;
37
+ -ms-flex-negative: 0;
38
+ flex-shrink: 0; }
39
+
40
+ .premium-banner-ib-desc .premium-banner-read-more {
41
+ z-index: 100; }
42
+
43
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
+ background: transparent; }
45
+
46
+ .premium-banner-ib *,
47
+ .premium-banner-ib .premium-banner-ib-desc {
48
+ -webkit-box-sizing: border-box;
49
+ -moz-box-sizing: border-box;
50
+ box-sizing: border-box; }
51
+
52
+ .premium-banner-ib img {
53
+ min-width: 100%;
54
+ max-width: 100%;
55
+ -webkit-transition: opacity 0.35s;
56
+ transition: opacity 0.35s; }
57
+
58
+ .premium-banner-ib .premium-banner-ib-desc {
59
+ padding: 15px;
60
+ -webkit-backface-visibility: hidden;
61
+ backface-visibility: hidden;
62
+ -webkit-box-sizing: border-box;
63
+ -moz-box-sizing: border-box;
64
+ box-sizing: border-box;
65
+ position: absolute;
66
+ top: 0;
67
+ left: 0;
68
+ width: 100%;
69
+ height: 100%; }
70
+
71
+ .premium-banner-ib .premium-banner-ib-link {
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ width: 100%;
76
+ height: 100%;
77
+ z-index: 1000;
78
+ text-indent: 200%;
79
+ white-space: nowrap;
80
+ font-size: 0;
81
+ opacity: 0; }
82
+
83
+ .premium-banner-ib a.premium-banner-ib-link {
84
+ display: block;
85
+ background: 0 0; }
86
+
87
+ .premium-banner-animation1 img {
88
+ width: -webkit-calc(100% + 50px) !important;
89
+ width: calc(100% + 50px) !important;
90
+ max-width: -webkit-calc(100% + 50px) !important;
91
+ max-width: calc(100% + 50px) !important;
92
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
+ -webkit-transform: translate3d(-40px, 0, 0);
97
+ transform: translate3d(-40px, 0, 0); }
98
+
99
+ .premium-banner-animation2 .premium-banner-ib-title {
100
+ padding: 15px; }
101
+
102
+ .premium-banner-animation1 .premium-banner-ib-desc {
103
+ top: auto;
104
+ bottom: 0;
105
+ min-height: 25%;
106
+ height: auto;
107
+ max-height: 100%;
108
+ text-align: left; }
109
+
110
+ .premium-banner-animation1 .premium-banner-ib-content,
111
+ .premium-banner-animation1 .premium-banner-ib-title,
112
+ .premium-banner-animation1 .premium-banner-read-more {
113
+ -webkit-transform: translate3d(0, 40px, 0);
114
+ transform: translate3d(0, 40px, 0);
115
+ -webkit-transition-delay: 0.05s;
116
+ transition-delay: 0.05s;
117
+ -webkit-transition-duration: 0.35s;
118
+ transition-duration: 0.35s; }
119
+
120
+ .premium-banner-animation1 .premium-banner-ib-title {
121
+ -webkit-transition: -webkit-transform 0.35s;
122
+ transition: -webkit-transform 0.35s;
123
+ transition: transform 0.35s;
124
+ transition: transform 0.35s, -webkit-transform 0.35s; }
125
+
126
+ .premium-banner-animation1 .premium-banner-ib-content,
127
+ .premium-banner-animation1 .premium-banner-read-more {
128
+ margin-top: 10px;
129
+ opacity: 0;
130
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
+ transition: opacity 0.2s, -webkit-transform 0.35s;
132
+ transition: opacity 0.2s, transform 0.35s;
133
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
+
135
+ .premium-banner-animation1:hover .premium-banner-ib-content,
136
+ .premium-banner-animation1.active .premium-banner-ib-content,
137
+ .premium-banner-animation1:hover .premium-banner-read-more,
138
+ .premium-banner-animation1.active .premium-banner-read-more {
139
+ opacity: 1;
140
+ -webkit-transition-delay: 0.05s;
141
+ transition-delay: 0.05s;
142
+ -webkit-transition-duration: 0.35s;
143
+ transition-duration: 0.35s; }
144
+
145
+ .premium-banner-animation1:hover .premium-banner-ib-content,
146
+ .premium-banner-animation1.active .premium-banner-ib-content,
147
+ .premium-banner-animation1:hover .premium-banner-read-more,
148
+ .premium-banner-animation1.active .premium-banner-read-more,
149
+ .premium-banner-animation1:hover .premium-banner-ib-title,
150
+ .premium-banner-animation1.active .premium-banner-ib-title,
151
+ .premium-banner-animation1:hover img,
152
+ .premium-banner-animation1.active img {
153
+ -webkit-transform: translate3d(0, 0, 0);
154
+ transform: translate3d(0, 0, 0);
155
+ -webkit-transition-delay: 0.05s;
156
+ transition-delay: 0.05s;
157
+ -webkit-transition-duration: 0.35s;
158
+ transition-duration: 0.35s; }
159
+
160
+ .premium-banner-animation1.zoomout img,
161
+ .premium-banner-animation1.scale img {
162
+ -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
+ transform: translate3d(-40px, 0, 0) scale(1.1); }
164
+
165
+ .premium-banner-ib.sepia img {
166
+ -webkit-filter: sepia(30%);
167
+ filter: sepia(30%); }
168
+
169
+ .premium-banner-ib.bright img {
170
+ -webkit-filter: brightness(1);
171
+ filter: brightness(1); }
172
+
173
+ .premium-banner-ib.sepia:hover img {
174
+ -webkit-filter: sepia(0%);
175
+ filter: sepia(0%); }
176
+
177
+ .premium-banner-ib.bright:hover img {
178
+ -webkit-filter: brightness(1.2);
179
+ filter: brightness(1.2); }
180
+
181
+ .premium-banner-animation1.premium-banner-min-height img,
182
+ .premium-banner-animation2.premium-banner-min-height img,
183
+ .premium-banner-animation4.premium-banner-min-height img,
184
+ .premium-banner-animation5.premium-banner-min-height img,
185
+ .premium-banner-animation6.premium-banner-min-height img,
186
+ .premium-banner-animation13.premium-banner-min-height img {
187
+ height: auto; }
188
+
189
+ .premium-banner-animation2 img {
190
+ width: 100%; }
191
+
192
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
193
+ position: absolute;
194
+ content: "";
195
+ top: 0;
196
+ left: 0;
197
+ width: 100%;
198
+ height: 100%;
199
+ opacity: 0;
200
+ -webkit-transform: translate3d(0, 50%, 0);
201
+ transform: translate3d(0, 50%, 0); }
202
+
203
+ .premium-banner-animation2 .premium-banner-ib-title {
204
+ position: absolute;
205
+ top: 50%;
206
+ left: 0;
207
+ width: 100%;
208
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
+ transition: color 0.35s, -webkit-transform 0.35s;
210
+ transition: transform 0.35s, color 0.35s;
211
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
+ -webkit-transform: translate3d(0, -50%, 0);
213
+ transform: translate3d(0, -50%, 0); }
214
+
215
+ .premium-banner-animation2 .premium-banner-ib-content,
216
+ .premium-banner-animation2 .premium-banner-read-more,
217
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
218
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
+ transition: opacity 0.35s, -webkit-transform 0.35s;
220
+ transition: opacity 0.35s, transform 0.35s;
221
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
+
223
+ .premium-banner-animation2 .premium-banner-ib-content,
224
+ .premium-banner-animation2 .premium-banner-read-more {
225
+ position: absolute;
226
+ bottom: 0;
227
+ left: 0;
228
+ padding: 15px;
229
+ width: 100%;
230
+ max-height: 50%;
231
+ opacity: 0;
232
+ -webkit-transform: translate3d(0, 10px, 0);
233
+ transform: translate3d(0, 10px, 0); }
234
+
235
+ .premium-banner-animation2:hover .premium-banner-ib-title,
236
+ .premium-banner-animation2.active .premium-banner-ib-title {
237
+ -webkit-transform: translate3d(0, -40px, 0);
238
+ transform: translate3d(0, -40px, 0); }
239
+
240
+ .premium-banner-animation2:hover .premium-banner-read-more,
241
+ .premium-banner-animation2.active .premium-banner-read-more,
242
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
+ opacity: 1;
245
+ -webkit-transform: translate3d(0, 0, 0);
246
+ transform: translate3d(0, 0, 0); }
247
+
248
+ .premium-banner-animation2:hover .premium-banner-ib-content,
249
+ .premium-banner-animation2.active .premium-banner-ib-content {
250
+ opacity: 1;
251
+ -webkit-transform: translate3d(0, -30px, 0);
252
+ transform: translate3d(0, -30px, 0); }
253
+
254
+ .premium-banner-animation3 .premium-banner-ib-title {
255
+ position: absolute;
256
+ bottom: 0;
257
+ left: 0;
258
+ padding: 15px;
259
+ width: 100%;
260
+ text-align: left;
261
+ -webkit-transform: translate3d(0, -30px, 0);
262
+ transform: translate3d(0, -30px, 0); }
263
+
264
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
265
+ .premium-banner-animation3 .premium-banner-ib-title {
266
+ -webkit-transition: -webkit-transform 0.35s;
267
+ transition: -webkit-transform 0.35s;
268
+ transition: transform 0.35s;
269
+ transition: transform 0.35s, -webkit-transform 0.35s; }
270
+
271
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
+ .premium-banner-animation3:hover .premium-banner-ib-title,
274
+ .premium-banner-animation3.active .premium-banner-ib-title {
275
+ opacity: 1;
276
+ -webkit-transform: translate3d(0, 0, 0);
277
+ transform: translate3d(0, 0, 0); }
278
+
279
+ .premium-banner-animation3 .premium-banner-ib-content {
280
+ max-height: -webkit-calc(100% - 60px - 1.5em);
281
+ max-height: calc(100% - 60px - 1.5em);
282
+ overflow: hidden; }
283
+
284
+ .premium-banner-animation4 img {
285
+ width: -webkit-calc(100% + 40px) !important;
286
+ width: calc(100% + 40px) !important;
287
+ max-width: -webkit-calc(100% + 40px) !important;
288
+ max-width: calc(100% + 40px) !important; }
289
+
290
+ .premium-banner-animation4 .premium-banner-ib-desc {
291
+ padding: 30px; }
292
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
293
+ position: absolute;
294
+ content: "";
295
+ opacity: 0; }
296
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
297
+ position: absolute;
298
+ content: "";
299
+ opacity: 0;
300
+ top: 50px;
301
+ right: 30px;
302
+ bottom: 50px;
303
+ left: 30px;
304
+ border-top: 1px solid #fff;
305
+ border-bottom: 1px solid #fff;
306
+ -webkit-transform: scale(0, 1);
307
+ -ms-transform: scale(0, 1);
308
+ transform: scale(0, 1);
309
+ -webkit-transform-origin: 0 0;
310
+ -ms-transform-origin: 0 0;
311
+ transform-origin: 0 0; }
312
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
313
+ top: 30px;
314
+ right: 50px;
315
+ bottom: 30px;
316
+ left: 50px;
317
+ border-right: 1px solid #fff;
318
+ border-left: 1px solid #fff;
319
+ -webkit-transform: scale(1, 0);
320
+ -ms-transform: scale(1, 0);
321
+ transform: scale(1, 0);
322
+ -webkit-transform-origin: 100% 0;
323
+ -ms-transform-origin: 100% 0;
324
+ transform-origin: 100% 0; }
325
+
326
+ .premium-banner-animation4 .premium-banner-ib-title {
327
+ padding: 50px 30px 0 30px;
328
+ -webkit-transition: -webkit-transform 0.35s;
329
+ transition: -webkit-transform 0.35s;
330
+ transition: transform 0.35s;
331
+ transition: transform 0.35s, -webkit-transform 0.35s; }
332
+
333
+ .premium-banner-animation4 .premium-banner-ib-content,
334
+ .premium-banner-animation4 .premium-banner-read-more {
335
+ padding: 10px 30px;
336
+ opacity: 0;
337
+ overflow: hidden;
338
+ -webkit-transform: translate3d(0, -10px, 0);
339
+ transform: translate3d(0, -10px, 0); }
340
+
341
+ .premium-banner-animation4 .premium-banner-ib-title,
342
+ .premium-banner-animation4 img {
343
+ -webkit-transform: translate3d(-30px, 0, 0);
344
+ transform: translate3d(-30px, 0, 0); }
345
+
346
+ .premium-banner-animation4.zoomout img,
347
+ .premium-banner-animation4.scale img {
348
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
350
+
351
+ .premium-banner-animation4 .premium-banner-ib-content,
352
+ .premium-banner-animation4 .premium-banner-read-more {
353
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
+ transition: opacity 0.35s, -webkit-transform 0.35s;
355
+ transition: opacity 0.35s, transform 0.35s;
356
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
+
358
+ .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
+ transition: opacity 0.35s, -webkit-transform 0.35s;
361
+ transition: opacity 0.35s, transform 0.35s;
362
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
+
364
+ .premium-banner-animation4 img {
365
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
+ transition: opacity 0.35s, -webkit-transform 0.35s;
367
+ transition: opacity 0.35s, transform 0.35s;
368
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
+
370
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
+ opacity: 1;
375
+ -webkit-transform: scale(1);
376
+ -ms-transform: scale(1);
377
+ transform: scale(1); }
378
+
379
+ .premium-banner-animation4:hover .premium-banner-ib-content,
380
+ .premium-banner-animation4.active .premium-banner-ib-content,
381
+ .premium-banner-animation4:hover .premium-banner-read-more,
382
+ .premium-banner-animation4.active .premium-banner-read-more,
383
+ .premium-banner-animation4:hover .premium-banner-ib-title,
384
+ .premium-banner-animation4.active .premium-banner-ib-title {
385
+ opacity: 1;
386
+ -webkit-transform: translate3d(0, 0, 0);
387
+ transform: translate3d(0, 0, 0); }
388
+
389
+ .premium-banner-animation4:hover .premium-banner-ib-content,
390
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
+ .premium-banner-animation4:hover .premium-banner-ib-title,
392
+ .premium-banner-animation4:hover img {
393
+ -webkit-transition-delay: 0.15s;
394
+ transition-delay: 0.15s; }
395
+
396
+ .premium-banner-animation5 .premium-banner-ib-desc {
397
+ top: auto;
398
+ bottom: 0;
399
+ padding: 15px;
400
+ height: auto;
401
+ background: #f2f2f2;
402
+ color: #3c4a50;
403
+ -webkit-transition: -webkit-transform 0.35s;
404
+ transition: -webkit-transform 0.35s;
405
+ transition: transform 0.35s;
406
+ transition: transform 0.35s, -webkit-transform 0.35s;
407
+ -webkit-transform: translate3d(0, 100%, 0);
408
+ transform: translate3d(0, 100%, 0); }
409
+
410
+ .premium-banner-animation5 .premium-banner-ib-content {
411
+ position: absolute;
412
+ top: auto;
413
+ bottom: 100%;
414
+ left: 0;
415
+ width: 100%;
416
+ padding: 15px;
417
+ opacity: 0;
418
+ -webkit-transition: opacity 0.35s;
419
+ transition: opacity 0.35s; }
420
+
421
+ .premium-banner-animation5 .premium-banner-ib-title,
422
+ .premium-banner-animation5 .premium-banner-read-more {
423
+ -webkit-transition: -webkit-transform 0.35s;
424
+ transition: -webkit-transform 0.35s;
425
+ transition: transform 0.35s;
426
+ transition: transform 0.35s, -webkit-transform 0.35s;
427
+ -webkit-transform: translate3d(0, 200%, 0);
428
+ transform: translate3d(0, 200%, 0);
429
+ text-align: center; }
430
+
431
+ .premium-banner-animation5 .premium-banner-ib-title {
432
+ margin: 10px 0; }
433
+
434
+ .premium-banner-animation5:hover .premium-banner-ib-content,
435
+ .premium-banner-animation5.active .premium-banner-ib-content,
436
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
437
+ .premium-banner-animation5.active .premium-banner-ib-content * {
438
+ opacity: 1 !important;
439
+ z-index: 99 !important;
440
+ -webkit-backface-visibility: hidden !important;
441
+ backface-visibility: hidden !important; }
442
+
443
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
444
+ .premium-banner-animation5.active .premium-banner-ib-desc,
445
+ .premium-banner-animation5:hover .premium-banner-ib-title,
446
+ .premium-banner-animation5.active .premium-banner-ib-title,
447
+ .premium-banner-animation5:hover .premium-banner-read-more,
448
+ .premium-banner-animation5.active .premium-banner-read-more {
449
+ -webkit-transform: translateY(0);
450
+ -ms-transform: translateY(0);
451
+ transform: translateY(0); }
452
+
453
+ .premium-banner-animation5:hover .premium-banner-ib-title {
454
+ -webkit-transition-delay: 0.05s;
455
+ transition-delay: 0.05s; }
456
+
457
+ .premium-banner-animation5 img {
458
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
+
463
+ .premium-banner-animation2 img,
464
+ .premium-banner-animation4 img,
465
+ .premium-banner-animation6 img {
466
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
+
471
+ .premium-banner-animation5.zoomout img,
472
+ .premium-banner-animation5.scale img {
473
+ -webkit-transform: scale(1.1);
474
+ -ms-transform: scale(1.1);
475
+ transform: scale(1.1); }
476
+
477
+ .premium-banner-animation2.zoomout img,
478
+ .premium-banner-animation2.scale img {
479
+ -webkit-transform: scale(1.1);
480
+ -ms-transform: scale(1.1);
481
+ transform: scale(1.1); }
482
+
483
+ .premium-banner-animation6.zoomout img,
484
+ .premium-banner-animation6.scale img {
485
+ -webkit-transform: scale(1.1);
486
+ -ms-transform: scale(1.1);
487
+ transform: scale(1.1); }
488
+
489
+ .premium-banner-animation5.zoomin:hover img,
490
+ .premium-banner-animation2.zoomin:hover img,
491
+ .premium-banner-animation6.zoomin:hover img {
492
+ -webkit-transform: scale(1.1);
493
+ -ms-transform: scale(1.1);
494
+ transform: scale(1.1); }
495
+
496
+ .premium-banner-animation5.zoomout:hover img,
497
+ .premium-banner-animation2.zoomout:hover img,
498
+ .premium-banner-animation6.zoomout:hover img {
499
+ -webkit-transform: scale(1);
500
+ -ms-transform: scale(1);
501
+ transform: scale(1); }
502
+
503
+ .premium-banner-animation5.scale:hover img,
504
+ .premium-banner-animation2.scale:hover img,
505
+ .premium-banner-animation6.scale:hover img {
506
+ -webkit-transform: scale(1.2) rotate(5deg);
507
+ -ms-transform: scale(1.2) rotate(5deg);
508
+ transform: scale(1.2) rotate(5deg); }
509
+
510
+ .premium-banner-animation5.grayscale:hover img,
511
+ .premium-banner-animation2.grayscale:hover img,
512
+ .premium-banner-animation6.grayscale:hover img {
513
+ -webkit-filter: grayscale(100%);
514
+ filter: grayscale(100%); }
515
+
516
+ .premium-banner-animation5.blur:hover img,
517
+ .premium-banner-animation2.blur:hover img {
518
+ -webkit-filter: blur(3px);
519
+ filter: blur(3px); }
520
+
521
+ .premium-banner-animation6.blur:hover img {
522
+ -webkit-filter: blur(3px);
523
+ filter: blur(3px); }
524
+
525
+ .premium-banner-animation6 .premium-banner-ib-desc {
526
+ padding: 45px; }
527
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
528
+ position: absolute;
529
+ content: "";
530
+ top: 30px;
531
+ right: 30px;
532
+ bottom: 30px;
533
+ left: 30px;
534
+ border: 1px solid #fff; }
535
+
536
+ .premium-banner-animation6 .premium-banner-ib-title {
537
+ margin: 20px 0 10px;
538
+ -webkit-transition: -webkit-transform 0.35s;
539
+ transition: -webkit-transform 0.35s;
540
+ transition: transform 0.35s;
541
+ transition: transform 0.35s, -webkit-transform 0.35s;
542
+ -webkit-transform: translate3d(0, 100%, 0);
543
+ transform: translate3d(0, 100%, 0); }
544
+
545
+ .premium-banner-animation6 .premium-banner-ib-content,
546
+ .premium-banner-animation6 .premium-banner-read-more,
547
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
548
+ opacity: 0;
549
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-transform 0.35s;
551
+ transition: opacity 0.35s, transform 0.35s;
552
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
+ -webkit-transform: scale(0);
554
+ -ms-transform: scale(0);
555
+ transform: scale(0); }
556
+
557
+ .premium-banner-animation6 .premium-banner-read-more {
558
+ margin-top: 10px; }
559
+
560
+ .premium-banner-animation6:hover .premium-banner-ib-title,
561
+ .premium-banner-animation6.active .premium-banner-ib-title {
562
+ -webkit-transform: translate3d(0, 0, 0);
563
+ transform: translate3d(0, 0, 0); }
564
+
565
+ .premium-banner-animation6:hover .premium-banner-ib-content,
566
+ .premium-banner-animation6.active .premium-banner-ib-content,
567
+ .premium-banner-animation6:hover .premium-banner-read-more,
568
+ .premium-banner-animation6.active .premium-banner-read-more,
569
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
+ opacity: 1;
572
+ -webkit-transform: scale(1);
573
+ -ms-transform: scale(1);
574
+ transform: scale(1); }
575
+
576
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
577
+ position: absolute;
578
+ content: "";
579
+ right: 30px;
580
+ bottom: 30px;
581
+ left: 30px;
582
+ height: -webkit-calc(50% - 30px);
583
+ height: calc(50% - 30px);
584
+ border: 7px solid #fff;
585
+ -webkit-transition: -webkit-transform 0.35s;
586
+ transition: -webkit-transform 0.35s;
587
+ transition: transform 0.35s;
588
+ transition: transform 0.35s, -webkit-transform 0.35s;
589
+ -webkit-transform: translate3d(0, -100%, 0);
590
+ transform: translate3d(0, -100%, 0); }
591
+
592
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
+ -webkit-transform: translate3d(0, 0, 0);
595
+ transform: translate3d(0, 0, 0); }
596
+
597
+ .premium-banner-animation12 .premium-banner-ib-desc {
598
+ padding: 45px;
599
+ text-align: left; }
600
+
601
+ .premium-banner-animation12 .premium-banner-ib-content {
602
+ position: absolute;
603
+ right: 60px;
604
+ bottom: 60px;
605
+ left: 60px;
606
+ opacity: 0;
607
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
+ transition: opacity 0.35s, -webkit-transform 0.35s;
609
+ transition: opacity 0.35s, transform 0.35s;
610
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
+ -webkit-transform: translate3d(0, -100px, 0);
612
+ transform: translate3d(0, -100px, 0); }
613
+
614
+ .premium-banner-animation12:hover .premium-banner-ib-content,
615
+ .premium-banner-animation12.active .premium-banner-ib-content {
616
+ opacity: 1;
617
+ -webkit-transform: translate3d(0, 0, 0);
618
+ transform: translate3d(0, 0, 0); }
619
+
620
+ .premium-banner-animation13 img {
621
+ width: -webkit-calc(100% + 20px) !important;
622
+ width: calc(100% + 20px) !important;
623
+ max-width: -webkit-calc(100% + 20px) !important;
624
+ max-width: calc(100% + 20px) !important;
625
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
+ -webkit-transform: translate3d(-10px, 0, 0);
630
+ transform: translate3d(-10px, 0, 0);
631
+ -webkit-backface-visibility: hidden;
632
+ backface-visibility: hidden; }
633
+
634
+ .premium-banner-animation13.zoomout img,
635
+ .premium-banner-animation13.scale img {
636
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
638
+
639
+ .premium-banner-animation13.none:hover img {
640
+ -webkit-transform: translate3d(0, 0, 0);
641
+ transform: translate3d(0, 0, 0); }
642
+
643
+ .premium-banner-animation1.none:hover img,
644
+ .premium-banner-animation4.none:hover img {
645
+ -webkit-transform: translate3d(0, 0, 0);
646
+ transform: translate3d(0, 0, 0); }
647
+
648
+ .premium-banner-animation13.zoomin:hover img,
649
+ .premium-banner-animation1.zoomin:hover img,
650
+ .premium-banner-animation4.zoomin:hover img,
651
+ .premium-banner-animation8.zoomin:hover img,
652
+ .premium-banner-animation7.zoomin:hover img,
653
+ .premium-banner-animation9.zoomin:hover img,
654
+ .premium-banner-animation10.zoomin:hover img,
655
+ .premium-banner-animation11.zoomin:hover img {
656
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
+ transform: translate3d(0, 0, 0) scale(1.1); }
658
+
659
+ .premium-banner-animation13.zoomout:hover img,
660
+ .premium-banner-animation1.zoomout:hover img,
661
+ .premium-banner-animation4.zoomout:hover img,
662
+ .premium-banner-animation8.zoomout:hover img,
663
+ .premium-banner-animation7.zoomout:hover img,
664
+ .premium-banner-animation9.zoomout:hover img,
665
+ .premium-banner-animation10.zoomout:hover img,
666
+ .premium-banner-animation11.zoomout:hover img {
667
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
668
+ transform: translate3d(0, 0, 0) scale(1); }
669
+
670
+ .premium-banner-animation13.scale:hover img,
671
+ .premium-banner-animation1.scale:hover img,
672
+ .premium-banner-animation4.scale:hover img,
673
+ .premium-banner-animation8.scale:hover img,
674
+ .premium-banner-animation7.scale:hover img,
675
+ .premium-banner-animation9.scale:hover img,
676
+ .premium-banner-animation10.scale:hover img,
677
+ .premium-banner-animation11.scale:hover img {
678
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
+
681
+ .premium-banner-animation13.grayscale:hover img,
682
+ .premium-banner-animation1.grayscale:hover img,
683
+ .premium-banner-animation4.grayscale:hover img,
684
+ .premium-banner-animation8.grayscale:hover img,
685
+ .premium-banner-animation7.grayscale:hover img,
686
+ .premium-banner-animation9.grayscale:hover img,
687
+ .premium-banner-animation10.grayscale:hover img,
688
+ .premium-banner-animation11.grayscale:hover img {
689
+ -webkit-transform: translate3d(0, 0, 0);
690
+ transform: translate3d(0, 0, 0);
691
+ -webkit-filter: grayscale(100%);
692
+ filter: grayscale(100%); }
693
+
694
+ .premium-banner-animation13.blur:hover img,
695
+ .premium-banner-animation1.blur:hover img,
696
+ .premium-banner-animation4.blur:hover,
697
+ .premium-banner-animation8.blur:hover img,
698
+ .premium-banner-animation7.blur:hover img,
699
+ .premium-banner-animation9.blur:hover img,
700
+ .premium-banner-animation10.blur:hover img,
701
+ .premium-banner-animation11.blur:hover img {
702
+ -webkit-transform: translate3d(0, 0, 0);
703
+ transform: translate3d(0, 0, 0);
704
+ -webkit-filter: blur(3px);
705
+ filter: blur(3px); }
706
+
707
+ .premium-banner-animation13 .premium-banner-ib-desc {
708
+ text-align: left; }
709
+
710
+ .premium-banner-animation13 .premium-banner-ib-title {
711
+ position: relative;
712
+ overflow: hidden;
713
+ padding: 5px 0 10px; }
714
+ .premium-banner-animation13 .premium-banner-ib-title::after {
715
+ position: absolute;
716
+ content: "";
717
+ bottom: 0;
718
+ left: 0;
719
+ width: 100%;
720
+ height: 2px;
721
+ background: #fff;
722
+ -webkit-transition: -webkit-transform 0.35s;
723
+ transition: -webkit-transform 0.35s;
724
+ transition: transform 0.35s;
725
+ transition: transform 0.35s, -webkit-transform 0.35s;
726
+ -webkit-transform: translate3d(-101%, 0, 0);
727
+ transform: translate3d(-101%, 0, 0); }
728
+
729
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
731
+ -webkit-transform: translate3d(0, 0, 0);
732
+ transform: translate3d(0, 0, 0); }
733
+
734
+ .premium-banner-animation13 .premium-banner-ib-content,
735
+ .premium-banner-animation13 .premium-banner-read-more {
736
+ padding: 15px 0;
737
+ opacity: 0;
738
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
+ transition: opacity 0.35s, -webkit-transform 0.35s;
740
+ transition: opacity 0.35s, transform 0.35s;
741
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
+ -webkit-transform: translate3d(100%, 0, 0);
743
+ transform: translate3d(100%, 0, 0); }
744
+
745
+ .premium-banner-animation13:hover .premium-banner-ib-content,
746
+ .premium-banner-animation13.active .premium-banner-ib-content,
747
+ .premium-banner-animation13:hover .premium-banner-read-more,
748
+ .premium-banner-animation13.active .premium-banner-read-more {
749
+ opacity: 1;
750
+ -webkit-transform: translate3d(0, 0, 0);
751
+ transform: translate3d(0, 0, 0); }
752
+
753
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
+ left: 50%;
755
+ width: auto !important;
756
+ height: 100%;
757
+ max-width: none;
758
+ -webkit-transform: translateX(-50%);
759
+ -ms-transform: translateX(-50%);
760
+ transform: translateX(-50%); }
761
+
762
+ .premium-banner-ib img {
763
+ border: none;
764
+ padding: 0;
765
+ margin: 0; }
766
+
767
+ .premium-banner-animation7 img {
768
+ width: -webkit-calc(100% + 40px) !important;
769
+ width: calc(100% + 40px) !important;
770
+ max-width: -webkit-calc(100% + 40px) !important;
771
+ max-width: calc(100% + 40px) !important;
772
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
+
777
+ .premium-banner-animation7 .premium-banner-brlr {
778
+ width: 7px; }
779
+
780
+ .premium-banner-animation7 .premium-banner-brtb {
781
+ height: 7px; }
782
+
783
+ .premium-banner-animation7 .premium-banner-br {
784
+ position: absolute;
785
+ z-index: 1;
786
+ background-color: white;
787
+ -webkit-transition: all 0.3s ease-in-out;
788
+ transition: all 0.3s ease-in-out;
789
+ -webkit-transition-delay: 0.2s;
790
+ transition-delay: 0.2s; }
791
+
792
+ .premium-banner-animation7 .premium-banner-bleft {
793
+ left: 30px;
794
+ top: -webkit-calc(100% - 150px);
795
+ top: calc(100% - 150px);
796
+ height: 0; }
797
+
798
+ .premium-banner-animation7 .premium-banner-bright {
799
+ right: 30px;
800
+ bottom: -webkit-calc(100% - 150px);
801
+ bottom: calc(100% - 150px);
802
+ height: 0; }
803
+
804
+ .premium-banner-animation7 .premium-banner-bottom {
805
+ right: -webkit-calc(100% - 150px);
806
+ right: calc(100% - 150px);
807
+ bottom: 30px;
808
+ width: 0; }
809
+
810
+ .premium-banner-animation7 .premium-banner-btop {
811
+ left: -webkit-calc(100% - 150px);
812
+ left: calc(100% - 150px);
813
+ top: 30px;
814
+ width: 0; }
815
+
816
+ .premium-banner-animation7 .premium-banner-ib-desc {
817
+ padding: 70px;
818
+ display: table; }
819
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
+ display: table-cell;
821
+ vertical-align: middle; }
822
+
823
+ .premium-banner-animation7 .premium-banner-ib-title {
824
+ margin-top: 0; }
825
+
826
+ .premium-banner-animation7 .premium-banner-ib-title,
827
+ .premium-banner-animation7 img {
828
+ -webkit-transform: translate3d(-30px, 0, 0);
829
+ transform: translate3d(-30px, 0, 0); }
830
+
831
+ .premium-banner-animation7.zoomout img,
832
+ .premium-banner-animation7.scale img {
833
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
835
+
836
+ .premium-banner-animation7 .premium-banner-ib-content,
837
+ .premium-banner-animation7 .premium-banner-read-more {
838
+ margin-top: 10px; }
839
+
840
+ .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
+ transition: opacity 0.35s, -webkit-transform 0.35s;
843
+ transition: opacity 0.35s, transform 0.35s;
844
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
+
846
+ .premium-banner-animation7 .premium-banner-ib-title,
847
+ .premium-banner-animation7 .premium-banner-ib-content,
848
+ .premium-banner-animation7 .premium-banner-read-more {
849
+ opacity: 0;
850
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
+ transition: opacity 0.35s, -webkit-transform 0.35s;
852
+ transition: opacity 0.35s, transform 0.35s;
853
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
+
855
+ .premium-banner-animation7:hover .premium-banner-ib-content,
856
+ .premium-banner-animation7.active .premium-banner-ib-content,
857
+ .premium-banner-animation7:hover .premium-banner-read-more,
858
+ .premium-banner-animation7.active .premium-banner-read-more,
859
+ .premium-banner-animation7:hover .premium-banner-ib-title,
860
+ .premium-banner-animation7.active .premium-banner-ib-title {
861
+ opacity: 1;
862
+ -webkit-transform: translate3d(0, 0, 0);
863
+ transform: translate3d(0, 0, 0); }
864
+
865
+ .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
+ top: 30px;
867
+ height: 70px; }
868
+
869
+ .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
+ bottom: 30px;
871
+ height: 70px; }
872
+
873
+ .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
+ right: 30px;
875
+ width: 70px; }
876
+
877
+ .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
+ left: 30px;
879
+ width: 70px; }
880
+
881
+ .premium-banner-animation7:hover .premium-banner-ib-content,
882
+ .premium-banner-animation7:hover .premium-banner-read-more,
883
+ .premium-banner-animation7:hover .premium-banner-ib-title,
884
+ .premium-banner-animation7:hover img {
885
+ -webkit-transition-delay: 0.15s;
886
+ transition-delay: 0.15s; }
887
+
888
+ .premium-banner-animation8 img {
889
+ width: -webkit-calc(100% + 40px) !important;
890
+ width: calc(100% + 40px) !important;
891
+ max-width: -webkit-calc(100% + 40px) !important;
892
+ max-width: calc(100% + 40px) !important;
893
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
+
898
+ .premium-banner-animation8 .premium-banner-brlr {
899
+ width: 7px; }
900
+
901
+ .premium-banner-animation8 .premium-banner-brtb {
902
+ height: 7px; }
903
+
904
+ .premium-banner-animation8 .premium-banner-br {
905
+ position: absolute;
906
+ z-index: 1;
907
+ background-color: white;
908
+ -webkit-transition: all 0.3s ease-in-out;
909
+ transition: all 0.3s ease-in-out;
910
+ -webkit-transition-delay: 0.2s;
911
+ transition-delay: 0.2s; }
912
+
913
+ .premium-banner-animation8 .premium-banner-bleft {
914
+ left: 30px;
915
+ top: 50%;
916
+ -webkit-transform: translateY(-50%);
917
+ -ms-transform: translateY(-50%);
918
+ transform: translateY(-50%);
919
+ height: 0; }
920
+
921
+ .premium-banner-animation8 .premium-banner-bright {
922
+ right: 30px;
923
+ top: 50%;
924
+ -webkit-transform: translateY(-50%);
925
+ -ms-transform: translateY(-50%);
926
+ transform: translateY(-50%);
927
+ height: 0; }
928
+
929
+ .premium-banner-animation8 .premium-banner-bottom {
930
+ left: 50%;
931
+ -webkit-transform: translateX(-50%);
932
+ -ms-transform: translateX(-50%);
933
+ transform: translateX(-50%);
934
+ bottom: 30px;
935
+ width: 0; }
936
+
937
+ .premium-banner-animation8 .premium-banner-btop {
938
+ left: 50%;
939
+ -webkit-transform: translateX(-50%);
940
+ -ms-transform: translateX(-50%);
941
+ transform: translateX(-50%);
942
+ top: 30px;
943
+ width: 0; }
944
+
945
+ .premium-banner-animation8 .premium-banner-ib-desc {
946
+ padding: 70px;
947
+ display: table; }
948
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
+ display: table-cell;
950
+ vertical-align: middle; }
951
+
952
+ .premium-banner-animation8 .premium-banner-ib-title {
953
+ margin-top: 0; }
954
+
955
+ .premium-banner-animation8 .premium-banner-ib-title,
956
+ .premium-banner-animation8 img {
957
+ -webkit-transform: translate3d(-30px, 0, 0);
958
+ transform: translate3d(-30px, 0, 0); }
959
+
960
+ .premium-banner-animation8.zoomout img,
961
+ .premium-banner-animation8.scale img {
962
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
964
+
965
+ .premium-banner-animation8 .premium-banner-ib-content,
966
+ .premium-banner-animation8 .premium-banner-read-more {
967
+ margin-top: 10px; }
968
+
969
+ .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
+ transition: opacity 0.35s, -webkit-transform 0.35s;
972
+ transition: opacity 0.35s, transform 0.35s;
973
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
+
975
+ .premium-banner-animation8 .premium-banner-ib-title,
976
+ .premium-banner-animation8 .premium-banner-ib-content,
977
+ .premium-banner-animation8 .premium-banner-read-more {
978
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
+ transition: opacity 0.35s, -webkit-transform 0.35s;
980
+ transition: opacity 0.35s, transform 0.35s;
981
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
+ opacity: 0; }
983
+
984
+ .premium-banner-animation8:hover .premium-banner-ib-content,
985
+ .premium-banner-animation8.active .premium-banner-ib-content,
986
+ .premium-banner-animation8:hover .premium-banner-read-more,
987
+ .premium-banner-animation8.active .premium-banner-read-more,
988
+ .premium-banner-animation8:hover .premium-banner-ib-title,
989
+ .premium-banner-animation8.active .premium-banner-ib-title {
990
+ opacity: 1;
991
+ -webkit-transform: translate3d(0, 0, 0);
992
+ transform: translate3d(0, 0, 0); }
993
+
994
+ .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
+ height: -webkit-calc(100% - 61px);
996
+ height: calc(100% - 61px); }
997
+
998
+ .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
+ height: -webkit-calc(100% - 61px);
1000
+ height: calc(100% - 61px); }
1001
+
1002
+ .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
+ width: -webkit-calc(100% - 61px);
1004
+ width: calc(100% - 61px); }
1005
+
1006
+ .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
+ width: -webkit-calc(100% - 61px);
1008
+ width: calc(100% - 61px); }
1009
+
1010
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1011
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1012
+ .premium-banner-animation8:hover .premium-banner-read-more,
1013
+ .premium-banner-animation8:hover img {
1014
+ -webkit-transition-delay: 0.15s;
1015
+ transition-delay: 0.15s; }
1016
+
1017
+ .premium-banner-animation9 img {
1018
+ width: -webkit-calc(100% + 20px) !important;
1019
+ width: calc(100% + 20px) !important;
1020
+ max-width: -webkit-calc(100% + 20px) !important;
1021
+ max-width: calc(100% + 20px) !important;
1022
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
+ -webkit-transform: scale(1.2);
1027
+ -ms-transform: scale(1.2);
1028
+ transform: scale(1.2); }
1029
+
1030
+ .premium-banner-animation9 .premium-banner-ib-desc {
1031
+ width: 100%;
1032
+ height: 100%; }
1033
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
+ position: absolute;
1035
+ top: 50%;
1036
+ left: 50%;
1037
+ width: 80%;
1038
+ height: 1px;
1039
+ background: #fff;
1040
+ content: "";
1041
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1043
+ transition: opacity 0.35s, transform 0.35s;
1044
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
+ -webkit-transform: translate3d(-50%, -50%, 0);
1046
+ transform: translate3d(-50%, -50%, 0); }
1047
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
+ position: absolute;
1049
+ top: 50%;
1050
+ left: 50%;
1051
+ width: 80%;
1052
+ height: 1px;
1053
+ background: #fff;
1054
+ content: "";
1055
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1057
+ transition: opacity 0.35s, transform 0.35s;
1058
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
+ -webkit-transform: translate3d(-50%, -50%, 0);
1060
+ transform: translate3d(-50%, -50%, 0); }
1061
+
1062
+ .premium-banner-animation9 .premium-banner-ib-title {
1063
+ position: absolute;
1064
+ top: 50%;
1065
+ left: 0;
1066
+ width: 100%;
1067
+ -webkit-transition: -webkit-transform 0.35s;
1068
+ transition: -webkit-transform 0.35s;
1069
+ transition: transform 0.35s;
1070
+ transition: transform 0.35s, -webkit-transform 0.35s;
1071
+ -webkit-transform: translate3d(0, -70px, 0);
1072
+ transform: translate3d(0, -70px, 0);
1073
+ margin-top: 0;
1074
+ padding: 0 10%; }
1075
+
1076
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1077
+ .premium-banner-animation9.active .premium-banner-ib-title {
1078
+ -webkit-transform: translate3d(0, -80px, 0);
1079
+ transform: translate3d(0, -80px, 0); }
1080
+
1081
+ .premium-banner-animation9 .premium-banner-ib-content,
1082
+ .premium-banner-animation9 .premium-banner-read-more {
1083
+ position: absolute;
1084
+ top: 50%;
1085
+ left: 0;
1086
+ width: 100%;
1087
+ -webkit-transition: -webkit-transform 0.35s;
1088
+ transition: -webkit-transform 0.35s;
1089
+ transition: transform 0.35s;
1090
+ transition: transform 0.35s, -webkit-transform 0.35s;
1091
+ padding: 0 10%;
1092
+ -webkit-transform: translate3d(0, 35px, 0);
1093
+ transform: translate3d(0, 35px, 0); }
1094
+
1095
+ .premium-banner-animation9 .premium-banner-read-more {
1096
+ top: 75%; }
1097
+
1098
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1099
+ .premium-banner-animation9.active .premium-banner-ib-content,
1100
+ .premium-banner-animation9:hover .premium-banner-read-more,
1101
+ .premium-banner-animation9.active .premium-banner-read-more {
1102
+ -webkit-transform: translate3d(0, 45px, 0);
1103
+ transform: translate3d(0, 45px, 0); }
1104
+
1105
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
+ opacity: 0.5;
1108
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
+ transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
+
1111
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
+ opacity: 0.5;
1114
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
+ transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
+
1117
+ .premium-banner-animation9:hover img {
1118
+ -webkit-transform: scale(1);
1119
+ -ms-transform: scale(1);
1120
+ transform: scale(1); }
1121
+
1122
+ .premium-banner-animation10 img {
1123
+ width: -webkit-calc(100% + 20px) !important;
1124
+ width: calc(100% + 20px) !important;
1125
+ max-width: -webkit-calc(100% + 20px) !important;
1126
+ max-width: calc(100% + 20px) !important;
1127
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
+
1132
+ .premium-banner-animation10 .premium-banner-ib-title {
1133
+ position: relative;
1134
+ overflow: hidden;
1135
+ padding: 5px 0 15px;
1136
+ -webkit-transition: -webkit-transform 0.35s;
1137
+ transition: -webkit-transform 0.35s;
1138
+ transition: transform 0.35s;
1139
+ transition: transform 0.35s, -webkit-transform 0.35s;
1140
+ -webkit-transform: translate3d(0, 20px, 0);
1141
+ transform: translate3d(0, 20px, 0);
1142
+ margin-bottom: 0; }
1143
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1144
+ position: absolute;
1145
+ content: "";
1146
+ bottom: 0;
1147
+ left: 0;
1148
+ width: 100%;
1149
+ height: 3px;
1150
+ background: #fff;
1151
+ opacity: 0;
1152
+ -webkit-transform: translate3d(0, 100%, 0);
1153
+ transform: translate3d(0, 100%, 0);
1154
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1156
+ transition: opacity 0.35s, transform 0.35s;
1157
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
+
1159
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1160
+ .premium-banner-animation10.active .premium-banner-ib-title {
1161
+ -webkit-transform: translate3d(0, 0, 0);
1162
+ transform: translate3d(0, 0, 0); }
1163
+
1164
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
+ opacity: 1;
1167
+ -webkit-transform: translate3d(0, 0, 0);
1168
+ transform: translate3d(0, 0, 0); }
1169
+
1170
+ .premium-banner-animation10.zoomout img,
1171
+ .premium-banner-animation10.scale img {
1172
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
+
1175
+ .premium-banner-animation10 .premium-banner-ib-content,
1176
+ .premium-banner-animation10 .premium-banner-read-more {
1177
+ padding-top: 15px;
1178
+ opacity: 0;
1179
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1181
+ transition: opacity 0.35s, transform 0.35s;
1182
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
+ -webkit-transform: translate3d(0, 100%, 0);
1184
+ transform: translate3d(0, 100%, 0); }
1185
+
1186
+ .premium-banner-animation10 .premium-banner-read-more {
1187
+ padding: 0; }
1188
+
1189
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1190
+ .premium-banner-animation10.active .premium-banner-ib-content,
1191
+ .premium-banner-animation10:hover .premium-banner-read-more,
1192
+ .premium-banner-animation10.active .premium-banner-read-more {
1193
+ opacity: 1;
1194
+ -webkit-transform: translate3d(0, 0, 0);
1195
+ transform: translate3d(0, 0, 0); }
1196
+
1197
+ .premium-banner-animation11 {
1198
+ -webkit-transition: -webkit-transform 1s ease-out;
1199
+ transition: -webkit-transform 1s ease-out;
1200
+ transition: transform 1s ease-out;
1201
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
+ -webkit-transition-delay: 0.125s;
1203
+ transition-delay: 0.125s; }
1204
+ .premium-banner-animation11 .premium-banner-ib-desc {
1205
+ position: absolute;
1206
+ z-index: 5;
1207
+ -webkit-transform: translate3d(-30px, 0, 0);
1208
+ transform: translate3d(-30px, 0, 0);
1209
+ opacity: 0;
1210
+ top: auto;
1211
+ bottom: 0;
1212
+ min-height: 25%;
1213
+ height: auto;
1214
+ max-height: 100%;
1215
+ text-align: left;
1216
+ padding: 30px;
1217
+ -webkit-transition: all 0.6s ease-out;
1218
+ transition: all 0.6s ease-out; }
1219
+ .premium-banner-animation11 img {
1220
+ width: 100%;
1221
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
+ .premium-banner-animation11 .premium-banner-ib-title {
1226
+ margin-bottom: 10px; }
1227
+ .premium-banner-animation11 .premium-banner-gradient {
1228
+ position: absolute;
1229
+ left: 0;
1230
+ top: 0;
1231
+ right: 0;
1232
+ bottom: 0; }
1233
+ .premium-banner-animation11 .premium-banner-gradient:after,
1234
+ .premium-banner-animation11 .premium-banner-gradient:before {
1235
+ position: absolute;
1236
+ content: "";
1237
+ left: 0;
1238
+ top: 0;
1239
+ right: 0;
1240
+ bottom: 0;
1241
+ -webkit-transform: translate3d(-100%, 0, 0);
1242
+ transform: translate3d(-100%, 0, 0);
1243
+ background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
+ background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
+ z-index: 2; }
1246
+ .premium-banner-animation11 .premium-banner-gradient:before {
1247
+ mix-blend-mode: color; }
1248
+ .premium-banner-animation11 .premium-banner-gradient:after {
1249
+ mix-blend-mode: multiply; }
1250
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1252
+ opacity: 1;
1253
+ -webkit-transform: translate3d(0, 0, 0);
1254
+ transform: translate3d(0, 0, 0); }
1255
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1258
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1259
+ -webkit-transform: translate3d(0, 0, 0);
1260
+ transform: translate3d(0, 0, 0); }
1261
+ .premium-banner-animation11.zoomout img,
1262
+ .premium-banner-animation11.scale img {
1263
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
+
1266
+ /**************** Premium CountDown *************/
1267
+ /************************************************/
1268
+ .premium-countdown {
1269
+ -js-display: flex;
1270
+ display: -webkit-box;
1271
+ display: -webkit-flex;
1272
+ display: -moz-box;
1273
+ display: -ms-flexbox;
1274
+ display: flex;
1275
+ text-align: center; }
1276
+
1277
+ .countdown-row {
1278
+ display: block;
1279
+ text-align: center; }
1280
+
1281
+ .countdown .countdown-section {
1282
+ display: inline-block;
1283
+ max-width: 100%;
1284
+ margin-bottom: 15px;
1285
+ -js-display: inline-flex;
1286
+ display: -webkit-inline-box;
1287
+ display: -webkit-inline-flex;
1288
+ display: -moz-inline-box;
1289
+ display: -ms-inline-flexbox;
1290
+ display: inline-flex;
1291
+ -webkit-box-align: center;
1292
+ -webkit-align-items: center;
1293
+ -moz-box-align: center;
1294
+ -ms-flex-align: center;
1295
+ align-items: center; }
1296
+ .countdown .countdown-section:last-child {
1297
+ margin-right: 0; }
1298
+
1299
+ .countdown span.countdown-amount {
1300
+ font-size: 70px;
1301
+ line-height: 1;
1302
+ padding: 40px; }
1303
+
1304
+ .countdown .pre_time-mid {
1305
+ display: block; }
1306
+
1307
+ .premium-countdown-separator-yes .countdown_separator {
1308
+ display: block;
1309
+ margin: 0 50px;
1310
+ font-size: 30px; }
1311
+
1312
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
+ display: none; }
1315
+
1316
+ /**
1317
+ * Digit and unit styles
1318
+ */
1319
+ .side .countdown-section .countdown-period {
1320
+ vertical-align: bottom; }
1321
+
1322
+ .countdown .countdown-section .countdown-period {
1323
+ font-size: 17px;
1324
+ line-height: 3em; }
1325
+
1326
+ .side .countdown-section .countdown-amount,
1327
+ .side .countdown-section .countdown-period {
1328
+ display: inline-block; }
1329
+
1330
+ .side .countdown-section .countdown-amount {
1331
+ margin-right: 5px; }
1332
+
1333
+ .down .countdown-section .countdown-amount,
1334
+ .down .countdown-section .countdown-period {
1335
+ display: block; }
1336
+
1337
+ /**
1338
+ * Flip Layout
1339
+ */
1340
+ .premium-countdown-flip .premium-countdown-block {
1341
+ text-align: center;
1342
+ -js-display: inline-flex;
1343
+ display: -webkit-inline-box;
1344
+ display: -webkit-inline-flex;
1345
+ display: -moz-inline-box;
1346
+ display: -ms-inline-flexbox;
1347
+ display: inline-flex;
1348
+ -webkit-box-align: center;
1349
+ -webkit-align-items: center;
1350
+ -moz-box-align: center;
1351
+ -ms-flex-align: center;
1352
+ align-items: center; }
1353
+ .premium-countdown-flip .premium-countdown-block:last-child {
1354
+ margin-right: 0; }
1355
+
1356
+ .premium-countdown-flip .premium-countdown-label {
1357
+ overflow: hidden;
1358
+ color: #1a1a1a;
1359
+ text-transform: uppercase; }
1360
+
1361
+ .premium-countdown-flip .premium-countdown-figure {
1362
+ position: relative;
1363
+ height: 110px;
1364
+ width: 100px;
1365
+ line-height: 107px;
1366
+ background-color: #fff;
1367
+ -webkit-border-radius: 10px;
1368
+ border-radius: 10px;
1369
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1372
+ margin-right: 0; }
1373
+ .premium-countdown-flip .premium-countdown-figure > span {
1374
+ position: absolute;
1375
+ left: 0;
1376
+ right: 0;
1377
+ margin: auto;
1378
+ font-weight: 700; }
1379
+ .premium-countdown-flip .premium-countdown-figure .top {
1380
+ z-index: 3;
1381
+ -webkit-transform-origin: 50% 100%;
1382
+ -ms-transform-origin: 50% 100%;
1383
+ transform-origin: 50% 100%;
1384
+ -webkit-transform: perspective(200px);
1385
+ transform: perspective(200px);
1386
+ -webkit-backface-visibility: hidden;
1387
+ backface-visibility: hidden; }
1388
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1389
+ z-index: 1; }
1390
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
+ content: "";
1392
+ position: absolute;
1393
+ display: block;
1394
+ top: 0;
1395
+ left: 0;
1396
+ width: 100%;
1397
+ height: 50%;
1398
+ background-color: rgba(0, 0, 0, 0.02); }
1399
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1400
+ -webkit-backface-visibility: hidden;
1401
+ backface-visibility: hidden;
1402
+ z-index: 4;
1403
+ bottom: 0;
1404
+ -webkit-transform-origin: 50% 0;
1405
+ -ms-transform-origin: 50% 0;
1406
+ transform-origin: 50% 0;
1407
+ -webkit-transform: perspective(200px) rotateX(180deg);
1408
+ transform: perspective(200px) rotateX(180deg); }
1409
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
+ position: absolute;
1411
+ top: -100%;
1412
+ left: 0;
1413
+ right: 0;
1414
+ margin: auto; }
1415
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
+ z-index: 2;
1417
+ top: 0; }
1418
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
+ position: absolute;
1420
+ top: 0;
1421
+ left: 0;
1422
+ right: 0;
1423
+ margin: auto; }
1424
+ .premium-countdown-flip .premium-countdown-figure .top,
1425
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1427
+ height: 50%;
1428
+ overflow: hidden;
1429
+ background-color: #f7f7f7;
1430
+ -webkit-border-top-left-radius: 10px;
1431
+ border-top-left-radius: 10px;
1432
+ -webkit-border-top-right-radius: 10px;
1433
+ border-top-right-radius: 10px; }
1434
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1435
+ -webkit-border-bottom-left-radius: 10px;
1436
+ border-bottom-left-radius: 10px;
1437
+ -webkit-border-bottom-right-radius: 10px;
1438
+ border-bottom-right-radius: 10px; }
1439
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1440
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
+ content: "";
1442
+ position: absolute;
1443
+ z-index: -1;
1444
+ left: 0;
1445
+ bottom: 0;
1446
+ width: 100%;
1447
+ height: 100%;
1448
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
+
1450
+ .side .premium-countdown-figure,
1451
+ .side .premium-countdown-label {
1452
+ display: inline-block; }
1453
+
1454
+ .side .premium-countdown-figure {
1455
+ margin-right: 5px; }
1456
+
1457
+ .down .premium-countdown-figure,
1458
+ .down .premium-countdown-label {
1459
+ display: block; }
1460
+
1461
+ .down .premium-countdown-label {
1462
+ width: 100%; }
1463
+
1464
+ /**************** Premium Carousel ****************/
1465
+ /**************************************************/
1466
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
+ -js-display: flex;
1468
+ display: -webkit-box;
1469
+ display: -webkit-flex;
1470
+ display: -moz-box;
1471
+ display: -ms-flexbox;
1472
+ display: flex;
1473
+ -webkit-box-align: center;
1474
+ -webkit-align-items: center;
1475
+ -moz-box-align: center;
1476
+ -ms-flex-align: center;
1477
+ align-items: center;
1478
+ -webkit-box-pack: center;
1479
+ -webkit-justify-content: center;
1480
+ -moz-box-pack: center;
1481
+ -ms-flex-pack: center;
1482
+ justify-content: center;
1483
+ width: 2em;
1484
+ height: 2em;
1485
+ line-height: 0;
1486
+ text-align: center;
1487
+ position: absolute;
1488
+ z-index: 99;
1489
+ cursor: pointer;
1490
+ -webkit-transition: all 0.3s ease-in-out;
1491
+ transition: all 0.3s ease-in-out;
1492
+ -webkit-appearance: inherit;
1493
+ border: none;
1494
+ -webkit-box-shadow: none;
1495
+ box-shadow: none; }
1496
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
+ -webkit-transition: all 0.3s ease-in-out;
1498
+ transition: all 0.3s ease-in-out; }
1499
+
1500
+ .premium-tabs-nav-list a.carousel-arrow,
1501
+ .premium-fb-rev-container a.carousel-arrow,
1502
+ .premium-blog-wrap a.carousel-arrow,
1503
+ .premium-hscroll-wrap a.carousel-arrow,
1504
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1505
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1506
+ .premium-instafeed-container a.carousel-arrow,
1507
+ .premium-persons-container a.carousel-arrow,
1508
+ .premium-woocommerce a.carousel-arrow {
1509
+ -js-display: flex;
1510
+ display: -webkit-box;
1511
+ display: -webkit-flex;
1512
+ display: -moz-box;
1513
+ display: -ms-flexbox;
1514
+ display: flex;
1515
+ -webkit-box-align: center;
1516
+ -webkit-align-items: center;
1517
+ -moz-box-align: center;
1518
+ -ms-flex-align: center;
1519
+ align-items: center;
1520
+ -webkit-box-pack: center;
1521
+ -webkit-justify-content: center;
1522
+ -moz-box-pack: center;
1523
+ -ms-flex-pack: center;
1524
+ justify-content: center;
1525
+ width: 2em;
1526
+ height: 2em;
1527
+ line-height: 0;
1528
+ text-align: center;
1529
+ position: absolute;
1530
+ z-index: 99;
1531
+ cursor: pointer;
1532
+ -webkit-transition: all 0.3s ease-in-out;
1533
+ transition: all 0.3s ease-in-out;
1534
+ -webkit-appearance: inherit;
1535
+ border: none;
1536
+ -webkit-box-shadow: none;
1537
+ box-shadow: none; }
1538
+
1539
+ div[class^="premium-"] .slick-arrow i {
1540
+ display: block; }
1541
+
1542
+ .ver-carousel-arrow.carousel-next i {
1543
+ margin-bottom: -3px; }
1544
+
1545
+ .premium-carousel-wrapper a.slick-arrow:hover {
1546
+ -webkit-box-shadow: none !important;
1547
+ box-shadow: none !important; }
1548
+
1549
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1550
+ visibility: hidden; }
1551
+
1552
+ .premium-carousel-wrapper a.carousel-arrow {
1553
+ top: 50%; }
1554
+
1555
+ .premium-tabs-nav-list a.carousel-arrow,
1556
+ .premium-fb-rev-container a.carousel-arrow,
1557
+ .premium-blog-wrap a.carousel-arrow,
1558
+ .premium-hscroll-wrap a.carousel-arrow,
1559
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1560
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1561
+ .premium-instafeed-container a.carousel-arrow,
1562
+ .premium-persons-container a.carousel-arrow,
1563
+ .premium-woocommerce a.carousel-arrow {
1564
+ top: 50%;
1565
+ -webkit-transform: translateY(-50%);
1566
+ -ms-transform: translateY(-50%);
1567
+ transform: translateY(-50%); }
1568
+
1569
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1570
+ left: 50%;
1571
+ -webkit-transform: translateX(-50%);
1572
+ -ms-transform: translateX(-50%);
1573
+ transform: translateX(-50%); }
1574
+
1575
+ a.carousel-arrow.carousel-next {
1576
+ left: auto;
1577
+ right: -20px; }
1578
+
1579
+ a.carousel-arrow.carousel-prev {
1580
+ left: -20px;
1581
+ right: auto; }
1582
+
1583
+ a.ver-carousel-arrow.carousel-next {
1584
+ bottom: -56px; }
1585
+
1586
+ a.ver-carousel-arrow.carousel-prev {
1587
+ top: -45px; }
1588
+
1589
+ a.circle-bg {
1590
+ -webkit-border-radius: 100%;
1591
+ border-radius: 100%; }
1592
+
1593
+ a.circle-border {
1594
+ -webkit-border-radius: 100%;
1595
+ border-radius: 100%;
1596
+ border: solid black; }
1597
+
1598
+ a.square-border {
1599
+ border: solid black; }
1600
+
1601
+ .premium-woocommerce ul.slick-dots,
1602
+ .premium-carousel-dots-below ul.slick-dots,
1603
+ .premium-blog-wrap ul.slick-dots,
1604
+ .premium-fb-rev-reviews ul.slick-dots {
1605
+ position: relative;
1606
+ bottom: 0;
1607
+ list-style: none;
1608
+ text-align: center;
1609
+ margin: 0;
1610
+ padding: 0; }
1611
+
1612
+ .premium-carousel-dots-above ul.slick-dots {
1613
+ position: absolute;
1614
+ -js-display: flex;
1615
+ display: -webkit-box;
1616
+ display: -webkit-flex;
1617
+ display: -moz-box;
1618
+ display: -ms-flexbox;
1619
+ display: flex;
1620
+ width: auto;
1621
+ top: 50%;
1622
+ bottom: auto;
1623
+ -webkit-transform: translateY(-50%);
1624
+ -ms-transform: translateY(-50%);
1625
+ transform: translateY(-50%);
1626
+ -webkit-box-orient: vertical;
1627
+ -webkit-box-direction: normal;
1628
+ -webkit-flex-direction: column;
1629
+ -moz-box-orient: vertical;
1630
+ -moz-box-direction: normal;
1631
+ -ms-flex-direction: column;
1632
+ flex-direction: column; }
1633
+
1634
+ ul.slick-dots li {
1635
+ font-size: 10px;
1636
+ -js-display: inline-flex;
1637
+ display: -webkit-inline-box;
1638
+ display: -webkit-inline-flex;
1639
+ display: -moz-inline-box;
1640
+ display: -ms-inline-flexbox;
1641
+ display: inline-flex;
1642
+ -webkit-box-pack: center;
1643
+ -webkit-justify-content: center;
1644
+ -moz-box-pack: center;
1645
+ -ms-flex-pack: center;
1646
+ justify-content: center;
1647
+ -webkit-box-align: center;
1648
+ -webkit-align-items: center;
1649
+ -moz-box-align: center;
1650
+ -ms-flex-align: center;
1651
+ align-items: center;
1652
+ margin: 5px;
1653
+ width: 20px;
1654
+ height: 20px;
1655
+ cursor: pointer; }
1656
+
1657
+ /*
1658
+ * Custom Navigation Dot
1659
+ */
1660
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1661
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1662
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1663
+ display: none; }
1664
+
1665
+ .premium-carousel-wrapper ul.slick-dots svg {
1666
+ width: 20px;
1667
+ height: 20px;
1668
+ outline: none !important; }
1669
+
1670
+ /* Ripple Out */
1671
+ @-webkit-keyframes hvr-ripple-out {
1672
+ 0% {
1673
+ -webkit-transform: scale(1);
1674
+ transform: scale(1);
1675
+ opacity: 1; }
1676
+ 100% {
1677
+ -webkit-transform: scale(1.5);
1678
+ transform: scale(1.5);
1679
+ opacity: 0; } }
1680
+ @keyframes hvr-ripple-out {
1681
+ 0% {
1682
+ -webkit-transform: scale(1);
1683
+ transform: scale(1);
1684
+ opacity: 1; }
1685
+ 100% {
1686
+ -webkit-transform: scale(1.5);
1687
+ transform: scale(1.5);
1688
+ opacity: 0; } }
1689
+
1690
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1691
+ padding-bottom: 1px; }
1692
+
1693
+ .premium-carousel-ripple-yes ul.slick-dots li {
1694
+ position: relative; }
1695
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1696
+ position: relative;
1697
+ z-index: 1; }
1698
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1699
+ content: "";
1700
+ position: absolute;
1701
+ -webkit-transform: scale(1);
1702
+ -ms-transform: scale(1);
1703
+ transform: scale(1);
1704
+ top: 0;
1705
+ right: 0;
1706
+ bottom: 0;
1707
+ left: 0;
1708
+ -webkit-border-radius: 50%;
1709
+ border-radius: 50%;
1710
+ pointer-events: none;
1711
+ background-color: rgba(0, 0, 0, 0.15); }
1712
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1713
+ background-color: rgba(0, 0, 0, 0.3); }
1714
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1715
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1716
+ animation: hvr-ripple-out 1.3s infinite; }
1717
+
1718
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1719
+ -webkit-transform: scale(1.25, 1.25);
1720
+ -ms-transform: scale(1.25, 1.25);
1721
+ transform: scale(1.25, 1.25);
1722
+ -webkit-transition: all 0.3s ease-in-out !important;
1723
+ transition: all 0.3s ease-in-out !important; }
1724
+
1725
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1726
+ -webkit-transform: scale(1, 1);
1727
+ -ms-transform: scale(1, 1);
1728
+ transform: scale(1, 1); }
1729
+
1730
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1731
+ float: right; }
1732
+
1733
+ /**************** Premium Counter ***************/
1734
+ /************************************************/
1735
+ .premium-counter-area {
1736
+ padding: 10px 0;
1737
+ -js-display: flex;
1738
+ display: -webkit-box;
1739
+ display: -webkit-flex;
1740
+ display: -moz-box;
1741
+ display: -ms-flexbox;
1742
+ display: flex;
1743
+ -webkit-box-pack: center;
1744
+ -webkit-justify-content: center;
1745
+ -moz-box-pack: center;
1746
+ -ms-flex-pack: center;
1747
+ justify-content: center;
1748
+ -webkit-box-align: center;
1749
+ -webkit-align-items: center;
1750
+ -moz-box-align: center;
1751
+ -ms-flex-align: center;
1752
+ align-items: center; }
1753
+ .premium-counter-area.top {
1754
+ -webkit-box-orient: vertical;
1755
+ -webkit-box-direction: normal;
1756
+ -webkit-flex-direction: column;
1757
+ -moz-box-orient: vertical;
1758
+ -moz-box-direction: normal;
1759
+ -ms-flex-direction: column;
1760
+ flex-direction: column; }
1761
+ .premium-counter-area.right {
1762
+ -webkit-box-orient: horizontal;
1763
+ -webkit-box-direction: reverse;
1764
+ -webkit-flex-direction: row-reverse;
1765
+ -moz-box-orient: horizontal;
1766
+ -moz-box-direction: reverse;
1767
+ -ms-flex-direction: row-reverse;
1768
+ flex-direction: row-reverse; }
1769
+ .premium-counter-area.right .premium-counter-icon {
1770
+ padding-left: 20px; }
1771
+ .premium-counter-area.left .premium-counter-icon {
1772
+ padding-right: 20px; }
1773
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1774
+ vertical-align: text-top; }
1775
+ .premium-counter-area .premium-counter-icon span.icon {
1776
+ text-align: center;
1777
+ display: inline-block;
1778
+ vertical-align: middle; }
1779
+ .premium-counter-area .premium-counter-icon .circle {
1780
+ -webkit-border-radius: 100%;
1781
+ border-radius: 100%; }
1782
+ .premium-counter-area .premium-counter-icon img,
1783
+ .premium-counter-area .premium-counter-icon svg {
1784
+ width: 80px; }
1785
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1786
+ height: 80px; }
1787
+ .premium-counter-area .premium-counter-title p {
1788
+ padding: 0;
1789
+ margin: 0; }
1790
+ .premium-counter-area .premium-counter-value-wrap {
1791
+ -js-display: flex;
1792
+ display: -webkit-box;
1793
+ display: -webkit-flex;
1794
+ display: -moz-box;
1795
+ display: -ms-flexbox;
1796
+ display: flex;
1797
+ -webkit-box-align: center;
1798
+ -webkit-align-items: center;
1799
+ -moz-box-align: center;
1800
+ -ms-flex-align: center;
1801
+ align-items: center; }
1802
+
1803
+ .premium-init-wrapper {
1804
+ -js-display: flex;
1805
+ display: -webkit-box;
1806
+ display: -webkit-flex;
1807
+ display: -moz-box;
1808
+ display: -ms-flexbox;
1809
+ display: flex; }
1810
+ .premium-init-wrapper.row {
1811
+ -webkit-box-align: center;
1812
+ -webkit-align-items: center;
1813
+ -moz-box-align: center;
1814
+ -ms-flex-align: center;
1815
+ align-items: center; }
1816
+ .premium-init-wrapper.right {
1817
+ text-align: right; }
1818
+
1819
+ span.icon.flex-width {
1820
+ width: auto !important;
1821
+ height: auto !important; }
1822
+
1823
+ .premium-counter-area .premium-counter-init {
1824
+ font-size: 35px; }
1825
+
1826
+ /**************** Premium Image Separator ****************/
1827
+ /*********************************************************/
1828
+ .premium-image-separator-container {
1829
+ position: absolute;
1830
+ width: 100%;
1831
+ z-index: 2;
1832
+ top: auto;
1833
+ -webkit-transition: all 0.3s ease-in-out;
1834
+ transition: all 0.3s ease-in-out; }
1835
+ .premium-image-separator-container svg,
1836
+ .premium-image-separator-container img {
1837
+ display: inline-block !important;
1838
+ -webkit-mask-repeat: no-repeat;
1839
+ mask-repeat: no-repeat;
1840
+ -webkit-mask-position: center;
1841
+ mask-position: center; }
1842
+ .premium-image-separator-container .premium-image-separator-link {
1843
+ position: absolute;
1844
+ z-index: 9999;
1845
+ top: 0;
1846
+ left: 0;
1847
+ width: 100%;
1848
+ height: 100%;
1849
+ text-decoration: none; }
1850
+ .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1851
+ -webkit-box-shadow: none !important;
1852
+ box-shadow: none !important;
1853
+ outline: none !important;
1854
+ border: none !important;
1855
+ text-decoration: none !important; }
1856
+ .premium-image-separator-container i,
1857
+ .premium-image-separator-container > svg {
1858
+ padding: 20px;
1859
+ -webkit-transition: all 0.3s ease-in-out;
1860
+ transition: all 0.3s ease-in-out; }
1861
+
1862
+ /**************** Premium Modal Box ****************/
1863
+ /***************************************************/
1864
+ .premium-modal-trigger-btn,
1865
+ .premium-modal-box-modal-lower-close {
1866
+ display: inline-block;
1867
+ padding: 6px 12px;
1868
+ margin-bottom: 0;
1869
+ font-size: 14px;
1870
+ font-weight: normal;
1871
+ line-height: 1.42857143;
1872
+ text-align: center;
1873
+ white-space: nowrap;
1874
+ vertical-align: middle;
1875
+ -ms-touch-action: manipulation;
1876
+ touch-action: manipulation;
1877
+ cursor: pointer;
1878
+ -webkit-user-select: none;
1879
+ -moz-user-select: none;
1880
+ -ms-user-select: none;
1881
+ user-select: none;
1882
+ background-image: none;
1883
+ border: 1px solid transparent; }
1884
+
1885
+ .premium-modal-trigger-btn > svg,
1886
+ .premium-modal-trigger-btn .premium-modal-box-icon {
1887
+ -webkit-transition: all 0.3s ease-in-out;
1888
+ transition: all 0.3s ease-in-out; }
1889
+
1890
+ .premium-modal-trigger-btn > svg {
1891
+ width: 30px;
1892
+ height: 30px; }
1893
+
1894
+ .premium-modal-box-modal-close {
1895
+ float: right;
1896
+ font-size: 21px;
1897
+ font-weight: bold;
1898
+ line-height: 1;
1899
+ color: #000; }
1900
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1901
+ color: #000;
1902
+ text-decoration: none;
1903
+ cursor: pointer; }
1904
+
1905
+ button.premium-modal-box-modal-close {
1906
+ -webkit-appearance: none;
1907
+ padding: 0;
1908
+ cursor: pointer;
1909
+ background: transparent;
1910
+ border: 0; }
1911
+
1912
+ .premium-modal-box-modal {
1913
+ position: fixed;
1914
+ top: 0;
1915
+ right: 0;
1916
+ bottom: 0;
1917
+ left: 0;
1918
+ z-index: 1050;
1919
+ display: none;
1920
+ -webkit-overflow-scrolling: touch;
1921
+ outline: 0;
1922
+ padding: 0 !important;
1923
+ background: rgba(0, 0, 0, 0.5);
1924
+ -webkit-box-align: center;
1925
+ -webkit-align-items: center;
1926
+ -moz-box-align: center;
1927
+ -ms-flex-align: center;
1928
+ align-items: center;
1929
+ -webkit-box-pack: center;
1930
+ -webkit-justify-content: center;
1931
+ -moz-box-pack: center;
1932
+ -ms-flex-pack: center;
1933
+ justify-content: center; }
1934
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1935
+ position: absolute;
1936
+ max-height: -webkit-calc(100vh - 150px);
1937
+ max-height: calc(100vh - 150px);
1938
+ -js-display: flex;
1939
+ display: -webkit-box;
1940
+ display: -webkit-flex;
1941
+ display: -moz-box;
1942
+ display: -ms-flexbox;
1943
+ display: flex;
1944
+ -webkit-box-orient: vertical;
1945
+ -webkit-box-direction: normal;
1946
+ -webkit-flex-direction: column;
1947
+ -moz-box-orient: vertical;
1948
+ -moz-box-direction: normal;
1949
+ -ms-flex-direction: column;
1950
+ flex-direction: column;
1951
+ opacity: 0;
1952
+ background-color: #fff;
1953
+ border: 1px solid rgba(0, 0, 0, 0.2);
1954
+ -webkit-border-radius: 6px;
1955
+ border-radius: 6px; }
1956
+
1957
+ .premium-modal-box-modal-content {
1958
+ background-clip: padding-box;
1959
+ outline: 0;
1960
+ overflow-x: hidden; }
1961
+
1962
+ .premium-modal-backdrop.premium-in {
1963
+ filter: alpha(opacity=50);
1964
+ opacity: 0.5 !important; }
1965
+
1966
+ .premium-in {
1967
+ opacity: 1; }
1968
+
1969
+ .premium-modal-backdrop {
1970
+ position: fixed;
1971
+ top: 0;
1972
+ right: 0;
1973
+ bottom: 0;
1974
+ left: 0;
1975
+ z-index: 1040;
1976
+ background-color: #000; }
1977
+
1978
+ .premium-in {
1979
+ -js-display: flex !important;
1980
+ display: -webkit-box !important;
1981
+ display: -webkit-flex !important;
1982
+ display: -moz-box !important;
1983
+ display: -ms-flexbox !important;
1984
+ display: flex !important; }
1985
+
1986
+ .premium-modal-box-modal-header {
1987
+ -js-display: flex;
1988
+ display: -webkit-box;
1989
+ display: -webkit-flex;
1990
+ display: -moz-box;
1991
+ display: -ms-flexbox;
1992
+ display: flex;
1993
+ -webkit-box-pack: justify;
1994
+ -webkit-justify-content: space-between;
1995
+ -moz-box-pack: justify;
1996
+ -ms-flex-pack: justify;
1997
+ justify-content: space-between;
1998
+ -webkit-box-align: center;
1999
+ -webkit-align-items: center;
2000
+ -moz-box-align: center;
2001
+ -ms-flex-align: center;
2002
+ align-items: center;
2003
+ padding: 5px 15px;
2004
+ border-bottom: 1px solid #e5e5e5; }
2005
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2006
+ margin-top: -2px; }
2007
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2008
+ -js-display: flex;
2009
+ display: -webkit-box;
2010
+ display: -webkit-flex;
2011
+ display: -moz-box;
2012
+ display: -ms-flexbox;
2013
+ display: flex;
2014
+ -webkit-box-align: center;
2015
+ -webkit-align-items: center;
2016
+ -moz-box-align: center;
2017
+ -ms-flex-align: center;
2018
+ align-items: center;
2019
+ margin: 0;
2020
+ padding: 0; }
2021
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2022
+ width: 50px;
2023
+ height: 60px; }
2024
+
2025
+ .premium-modal-box-modal-body {
2026
+ position: relative;
2027
+ padding: 15px; }
2028
+
2029
+ .premium-modal-box-modal-footer {
2030
+ padding: 15px;
2031
+ text-align: right;
2032
+ border-top: 1px solid #e5e5e5; }
2033
+
2034
+ .premium-modal-scrollbar-measure {
2035
+ position: absolute;
2036
+ top: -9999px;
2037
+ width: 50px;
2038
+ height: 50px;
2039
+ overflow: scroll; }
2040
+
2041
+ .premium-modal-trigger-text {
2042
+ background: none !important;
2043
+ display: inline-block; }
2044
+
2045
+ .premium-modal-box-container {
2046
+ width: 100% !important; }
2047
+
2048
+ /*Open Modal Button Style*/
2049
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2050
+ -js-display: inline-flex;
2051
+ display: -webkit-inline-box;
2052
+ display: -webkit-inline-flex;
2053
+ display: -moz-inline-box;
2054
+ display: -ms-inline-flexbox;
2055
+ display: inline-flex;
2056
+ -webkit-box-align: center;
2057
+ -webkit-align-items: center;
2058
+ -moz-box-align: center;
2059
+ -ms-flex-align: center;
2060
+ align-items: center;
2061
+ border: none;
2062
+ -webkit-transition: all 0.3s ease-in-out;
2063
+ transition: all 0.3s ease-in-out; }
2064
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2065
+ -webkit-box-pack: center;
2066
+ -webkit-justify-content: center;
2067
+ -moz-box-pack: center;
2068
+ -ms-flex-pack: center;
2069
+ justify-content: center; }
2070
+
2071
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2072
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2073
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2074
+ cursor: pointer; }
2075
+
2076
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2077
+ display: inline-block;
2078
+ width: 200px;
2079
+ height: 200px;
2080
+ -webkit-transition: all 0.3s ease-in-out;
2081
+ transition: all 0.3s ease-in-out; }
2082
+
2083
+ /*Image on Modal Header Style*/
2084
+ .premium-modal-box-modal-header img {
2085
+ width: 48px;
2086
+ padding-right: 5px; }
2087
+
2088
+ .premium-modal-box-modal-header i,
2089
+ .premium-modal-box-modal-header svg {
2090
+ padding-right: 6px; }
2091
+
2092
+ .premium-modal-box-modal-close {
2093
+ position: relative;
2094
+ z-index: 99; }
2095
+
2096
+ .premium-modal-trigger-img,
2097
+ .premium-modal-trigger-text,
2098
+ .premium-modal-box-close-button-container,
2099
+ .premium-modal-box-modal-close,
2100
+ .premium-modal-box-modal-lower-close {
2101
+ -webkit-transition: all 0.3s ease-in-out;
2102
+ transition: all 0.3s ease-in-out; }
2103
+
2104
+ @media (min-width: 768px) {
2105
+ .premium-modal-box-modal-dialog {
2106
+ width: 700px;
2107
+ max-height: 600px;
2108
+ overflow: auto; } }
2109
+
2110
+ @media (max-width: 767px) {
2111
+ .premium-modal-box-modal-dialog {
2112
+ width: 100%;
2113
+ max-height: 500px;
2114
+ overflow: auto; } }
2115
+
2116
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2117
+ opacity: 0; }
2118
+
2119
+ /**************** Premium Progress Bar ****************/
2120
+ /******************************************************/
2121
+ .premium-progressbar-container {
2122
+ position: relative; }
2123
+
2124
+ .premium-progressbar-bar-wrap {
2125
+ position: relative;
2126
+ text-align: left;
2127
+ overflow: hidden;
2128
+ height: 25px;
2129
+ margin-bottom: 50px;
2130
+ background-color: #f5f5f5;
2131
+ -webkit-border-radius: 4px;
2132
+ border-radius: 4px;
2133
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2134
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2135
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2136
+ background-color: transparent;
2137
+ width: 100%;
2138
+ -js-display: flex;
2139
+ display: -webkit-box;
2140
+ display: -webkit-flex;
2141
+ display: -moz-box;
2142
+ display: -ms-flexbox;
2143
+ display: flex;
2144
+ height: auto;
2145
+ -webkit-box-shadow: none;
2146
+ box-shadow: none; }
2147
+ .premium-progressbar-bar-wrap .progress-segment {
2148
+ position: relative;
2149
+ width: 25px;
2150
+ height: 25px;
2151
+ -webkit-border-radius: 50%;
2152
+ border-radius: 50%;
2153
+ overflow: hidden;
2154
+ background-color: #f5f5f5; }
2155
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2156
+ background: #6ec1e4; }
2157
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2158
+ margin: 0 4px; }
2159
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2160
+ margin-right: 4px; }
2161
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2162
+ margin-left: 4px; }
2163
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2164
+ position: absolute;
2165
+ top: 0;
2166
+ left: 0;
2167
+ height: 100%;
2168
+ background-color: #6ec1e4; }
2169
+
2170
+ .premium-progressbar-bar {
2171
+ float: left;
2172
+ width: 0%;
2173
+ height: 100%;
2174
+ font-size: 12px;
2175
+ line-height: 20px;
2176
+ background: #6ec1e4;
2177
+ text-align: center;
2178
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2179
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2180
+
2181
+ .premium-progressbar-striped .premium-progressbar-bar {
2182
+ background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2183
+ background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2184
+ -webkit-background-size: 40px 40px;
2185
+ background-size: 40px 40px; }
2186
+
2187
+ .premium-progressbar-active .premium-progressbar-bar {
2188
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2189
+ animation: progress-bar-stripes 2s linear infinite; }
2190
+
2191
+ .premium-progressbar-gradient .premium-progressbar-bar {
2192
+ -webkit-background-size: 400% 400% !important;
2193
+ background-size: 400% 400% !important;
2194
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2195
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
2196
+
2197
+ .premium-progressbar-bar {
2198
+ position: absolute;
2199
+ overflow: hidden;
2200
+ line-height: 20px; }
2201
+
2202
+ .premium-progressbar-container .clearfix {
2203
+ clear: both; }
2204
+
2205
+ .premium-progressbar-bar {
2206
+ -webkit-transition: width 0s ease-in-out !important;
2207
+ transition: width 0s ease-in-out !important; }
2208
+
2209
+ .premium-progressbar-container p:first-of-type {
2210
+ margin: 0;
2211
+ float: left; }
2212
+
2213
+ .premium-progressbar-container p:nth-of-type(2) {
2214
+ margin: 0;
2215
+ float: right; }
2216
+
2217
+ .premium-progressbar-name {
2218
+ left: 50%;
2219
+ top: 0;
2220
+ right: 0;
2221
+ -webkit-transform: translateX(-12.5px);
2222
+ -ms-transform: translateX(-12.5px);
2223
+ transform: translateX(-12.5px);
2224
+ z-index: 1; }
2225
+
2226
+ .premium-progressbar-multiple-label {
2227
+ position: relative;
2228
+ float: left;
2229
+ width: 0;
2230
+ left: 50%; }
2231
+
2232
+ .premium-progressbar-center-label {
2233
+ position: relative;
2234
+ white-space: nowrap; }
2235
+
2236
+ .premium-progressbar-arrow {
2237
+ height: 15px;
2238
+ left: 50%;
2239
+ display: inline-block;
2240
+ border-left: 7px solid transparent;
2241
+ border-right: 7px solid transparent;
2242
+ border-top: 11px solid;
2243
+ -webkit-transform: translateX(-50%);
2244
+ -ms-transform: translateX(-50%);
2245
+ transform: translateX(-50%); }
2246
+
2247
+ .premium-progressbar-pin {
2248
+ border-left: 1px solid;
2249
+ height: 12px;
2250
+ left: 50%;
2251
+ display: inline-block; }
2252
+
2253
+ /**
2254
+ * Circle Progress Bar
2255
+ */
2256
+ .premium-progressbar-circle-wrap {
2257
+ width: 200px;
2258
+ height: 200px;
2259
+ position: relative;
2260
+ margin: 0 auto; }
2261
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2262
+ position: absolute;
2263
+ top: 0;
2264
+ left: 0;
2265
+ width: 100%;
2266
+ height: 100%;
2267
+ -webkit-clip-path: inset(0 0 0 50%);
2268
+ clip-path: inset(0 0 0 50%); }
2269
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2270
+ position: absolute;
2271
+ left: 0;
2272
+ top: 0;
2273
+ height: 100%;
2274
+ width: 100%;
2275
+ border-width: 6px;
2276
+ border-style: solid;
2277
+ border-color: #54595f;
2278
+ -webkit-border-radius: 50%;
2279
+ border-radius: 50%;
2280
+ -webkit-clip-path: inset(0 50% 0 0);
2281
+ clip-path: inset(0 50% 0 0); }
2282
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2283
+ -webkit-transform: rotate(0);
2284
+ -ms-transform: rotate(0);
2285
+ transform: rotate(0); }
2286
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2287
+ -webkit-transform: rotate(180deg);
2288
+ -ms-transform: rotate(180deg);
2289
+ transform: rotate(180deg);
2290
+ visibility: hidden; }
2291
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2292
+ width: 100%;
2293
+ height: 100%;
2294
+ border: 6px solid #eee;
2295
+ -webkit-border-radius: 50%;
2296
+ border-radius: 50%; }
2297
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2298
+ position: absolute;
2299
+ top: 0;
2300
+ left: 0;
2301
+ width: 100%;
2302
+ height: 100%;
2303
+ -js-display: flex;
2304
+ display: -webkit-box;
2305
+ display: -webkit-flex;
2306
+ display: -moz-box;
2307
+ display: -ms-flexbox;
2308
+ display: flex;
2309
+ -webkit-box-orient: vertical;
2310
+ -webkit-box-direction: normal;
2311
+ -webkit-flex-direction: column;
2312
+ -moz-box-orient: vertical;
2313
+ -moz-box-direction: normal;
2314
+ -ms-flex-direction: column;
2315
+ flex-direction: column;
2316
+ -webkit-box-pack: center;
2317
+ -webkit-justify-content: center;
2318
+ -moz-box-pack: center;
2319
+ -ms-flex-pack: center;
2320
+ justify-content: center;
2321
+ -webkit-box-align: center;
2322
+ -webkit-align-items: center;
2323
+ -moz-box-align: center;
2324
+ -ms-flex-align: center;
2325
+ align-items: center; }
2326
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2327
+ line-height: 1; }
2328
+
2329
+ @-webkit-keyframes progress-bar-stripes {
2330
+ from {
2331
+ background-position: 0 0; }
2332
+ to {
2333
+ background-position: 40px 0; } }
2334
+
2335
+ @keyframes progress-bar-stripes {
2336
+ from {
2337
+ background-position: 0 0; }
2338
+ to {
2339
+ background-position: 40px 0; } }
2340
+
2341
+ @-webkit-keyframes progress-bar-gradient {
2342
+ 0% {
2343
+ background-position: 0% 50%; }
2344
+ 50% {
2345
+ background-position: 100% 50%; }
2346
+ 100% {
2347
+ background-position: 0% 50%; } }
2348
+
2349
+ @keyframes progress-bar-gradient {
2350
+ 0% {
2351
+ background-position: 0% 50%; }
2352
+ 50% {
2353
+ background-position: 100% 50%; }
2354
+ 100% {
2355
+ background-position: 0% 50%; } }
2356
+
2357
+ /**************** Premium Testimonials ****************/
2358
+ /******************************************************/
2359
+ .premium-testimonial-box {
2360
+ width: 100%;
2361
+ background: transparent;
2362
+ -webkit-transition: all 0.3s ease-in-out;
2363
+ transition: all 0.3s ease-in-out; }
2364
+ .premium-testimonial-box .premium-testimonial-author-info {
2365
+ -js-display: flex;
2366
+ display: -webkit-box;
2367
+ display: -webkit-flex;
2368
+ display: -moz-box;
2369
+ display: -ms-flexbox;
2370
+ display: flex;
2371
+ -webkit-box-pack: center;
2372
+ -webkit-justify-content: center;
2373
+ -moz-box-pack: center;
2374
+ -ms-flex-pack: center;
2375
+ justify-content: center;
2376
+ -webkit-box-align: center;
2377
+ -webkit-align-items: center;
2378
+ -moz-box-align: center;
2379
+ -ms-flex-align: center;
2380
+ align-items: center; }
2381
+ .premium-testimonial-box .premium-testimonial-person-name,
2382
+ .premium-testimonial-box .premium-testimonial-company-name {
2383
+ font-weight: 600;
2384
+ margin: 0; }
2385
+
2386
+ .premium-testimonial-container {
2387
+ position: relative; }
2388
+
2389
+ .premium-testimonial-img-wrapper {
2390
+ margin-left: auto;
2391
+ margin-right: auto;
2392
+ overflow: hidden;
2393
+ border-style: solid !important; }
2394
+ .premium-testimonial-img-wrapper.circle {
2395
+ -webkit-border-radius: 50%;
2396
+ border-radius: 50%; }
2397
+ .premium-testimonial-img-wrapper.rounded {
2398
+ -webkit-border-radius: 15px;
2399
+ border-radius: 15px; }
2400
+ .premium-testimonial-img-wrapper img {
2401
+ -o-object-fit: cover;
2402
+ object-fit: cover;
2403
+ width: 100%;
2404
+ height: 100% !important; }
2405
+
2406
+ .premium-testimonial-content-wrapper {
2407
+ position: relative;
2408
+ -js-display: flex;
2409
+ display: -webkit-box;
2410
+ display: -webkit-flex;
2411
+ display: -moz-box;
2412
+ display: -ms-flexbox;
2413
+ display: flex;
2414
+ -webkit-box-orient: vertical;
2415
+ -webkit-box-direction: normal;
2416
+ -webkit-flex-direction: column;
2417
+ -moz-box-orient: vertical;
2418
+ -moz-box-direction: normal;
2419
+ -ms-flex-direction: column;
2420
+ flex-direction: column;
2421
+ z-index: 2;
2422
+ width: 100%;
2423
+ padding: 20px;
2424
+ text-align: center; }
2425
+
2426
+ .premium-testimonial-clear-float {
2427
+ clear: both; }
2428
+
2429
+ .premium-testimonial-upper-quote,
2430
+ .premium-testimonial-lower-quote {
2431
+ position: absolute;
2432
+ z-index: 1; }
2433
+
2434
+ /**************** Premium Dual Heading *****************/
2435
+ /*******************************************************/
2436
+ .premium-dual-header-first-header,
2437
+ .premium-dual-header-second-header {
2438
+ position: relative;
2439
+ padding: 0;
2440
+ margin: 0;
2441
+ display: inline-block;
2442
+ -webkit-transform: translate(0, 0);
2443
+ -ms-transform: translate(0, 0);
2444
+ transform: translate(0, 0); }
2445
+
2446
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2447
+ .premium-dual-header-second-clip {
2448
+ -webkit-text-fill-color: transparent;
2449
+ -webkit-background-clip: text;
2450
+ background-clip: text; }
2451
+
2452
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2453
+ .premium-dual-header-second-clip.stroke {
2454
+ -webkit-text-stroke-color: transparent;
2455
+ -webkit-text-fill-color: #fafafa;
2456
+ -webkit-text-stroke-width: 2px; }
2457
+
2458
+ @media (max-width: 500px) {
2459
+ .premium-dual-header-first-header,
2460
+ .premium-dual-header-second-header {
2461
+ word-wrap: break-word; } }
2462
+
2463
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2464
+ .premium-dual-header-second-header.gradient {
2465
+ -webkit-background-size: 300% 300% !important;
2466
+ background-size: 300% 300% !important;
2467
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2468
+ animation: Gradient 10s ease-in-out infinite; }
2469
+
2470
+ @-webkit-keyframes Gradient {
2471
+ 0% {
2472
+ background-position: 0% 50%; }
2473
+ 50% {
2474
+ background-position: 100% 50%; }
2475
+ 100% {
2476
+ background-position: 0% 50%; } }
2477
+
2478
+ @keyframes Gradient {
2479
+ 0% {
2480
+ background-position: 0% 50%; }
2481
+ 50% {
2482
+ background-position: 100% 50%; }
2483
+ 100% {
2484
+ background-position: 0% 50%; } }
2485
+
2486
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2487
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2488
+ display: inline-block !important; }
2489
+
2490
+ /**************** Premium Title ****************/
2491
+ /***********************************************/
2492
+ .premium-title-container {
2493
+ position: relative;
2494
+ width: 100%;
2495
+ clear: both; }
2496
+ .premium-title-container .premium-title-header {
2497
+ position: relative;
2498
+ margin: 0;
2499
+ padding: 10px; }
2500
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2501
+ -webkit-box-align: center;
2502
+ -webkit-align-items: center;
2503
+ -moz-box-align: center;
2504
+ -ms-flex-align: center;
2505
+ align-items: center; }
2506
+ .premium-title-container .premium-title-header svg {
2507
+ width: 40px;
2508
+ height: 40px; }
2509
+ .premium-title-container .premium-title-header img {
2510
+ width: 40px;
2511
+ height: 40px;
2512
+ -o-object-fit: cover;
2513
+ object-fit: cover; }
2514
+ .premium-title-container .premium-title-header a {
2515
+ position: absolute;
2516
+ top: 0;
2517
+ left: 0;
2518
+ width: 100%;
2519
+ height: 100%; }
2520
+ .premium-title-container .premium-lottie-animation {
2521
+ -js-display: flex;
2522
+ display: -webkit-box;
2523
+ display: -webkit-flex;
2524
+ display: -moz-box;
2525
+ display: -ms-flexbox;
2526
+ display: flex; }
2527
+
2528
+ .premium-title-icon-row .premium-title-icon {
2529
+ margin-right: 10px; }
2530
+
2531
+ .premium-title-icon-row-reverse .premium-title-icon {
2532
+ margin-left: 10px; }
2533
+
2534
+ .premium-title-style3,
2535
+ .premium-title-style4 {
2536
+ -js-display: flex;
2537
+ display: -webkit-box;
2538
+ display: -webkit-flex;
2539
+ display: -moz-box;
2540
+ display: -ms-flexbox;
2541
+ display: flex; }
2542
+
2543
+ .premium-title-style1,
2544
+ .premium-title-style2,
2545
+ .premium-title-style5,
2546
+ .premium-title-style6,
2547
+ .premium-title-style8,
2548
+ .premium-title-style9 {
2549
+ -js-display: inline-flex;
2550
+ display: -webkit-inline-box;
2551
+ display: -webkit-inline-flex;
2552
+ display: -moz-inline-box;
2553
+ display: -ms-inline-flexbox;
2554
+ display: inline-flex; }
2555
+
2556
+ .premium-title-style7 {
2557
+ -js-display: inline-flex;
2558
+ display: -webkit-inline-box;
2559
+ display: -webkit-inline-flex;
2560
+ display: -moz-inline-box;
2561
+ display: -ms-inline-flexbox;
2562
+ display: inline-flex;
2563
+ -webkit-box-orient: vertical;
2564
+ -webkit-box-direction: normal;
2565
+ -webkit-flex-direction: column;
2566
+ -moz-box-orient: vertical;
2567
+ -moz-box-direction: normal;
2568
+ -ms-flex-direction: column;
2569
+ flex-direction: column; }
2570
+ .premium-title-style7 .premium-title-style7-inner {
2571
+ -js-display: flex;
2572
+ display: -webkit-box;
2573
+ display: -webkit-flex;
2574
+ display: -moz-box;
2575
+ display: -ms-flexbox;
2576
+ display: flex;
2577
+ -webkit-box-align: center;
2578
+ -webkit-align-items: center;
2579
+ -moz-box-align: center;
2580
+ -ms-flex-align: center;
2581
+ align-items: center; }
2582
+
2583
+ .premium-title-style1 {
2584
+ border-width: 0;
2585
+ border-left: 3px solid #6ec1e4; }
2586
+
2587
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2588
+ border-bottom: 3px solid #6ec1e4; }
2589
+
2590
+ /*Style 6 Header*/
2591
+ .premium-title-style6:before {
2592
+ position: absolute;
2593
+ left: 50%;
2594
+ bottom: 0;
2595
+ margin-left: -2px;
2596
+ content: "";
2597
+ border: 3px solid transparent; }
2598
+
2599
+ /*Style 6 Trinagle*/
2600
+ .premium-title-style7-stripe-wrap {
2601
+ -js-display: flex;
2602
+ display: -webkit-box;
2603
+ display: -webkit-flex;
2604
+ display: -moz-box;
2605
+ display: -ms-flexbox;
2606
+ display: flex; }
2607
+
2608
+ .premium-title-style7:before {
2609
+ display: none; }
2610
+
2611
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2612
+ -webkit-background-size: 125px 125px !important;
2613
+ background-size: 125px !important;
2614
+ color: rgba(255, 255, 255, 0);
2615
+ -webkit-background-clip: text !important;
2616
+ background-clip: text !important;
2617
+ -webkit-animation-name: pa-shinny-text !important;
2618
+ animation-name: pa-shinny-text !important;
2619
+ -webkit-animation-duration: var(--animation-speed) !important;
2620
+ animation-duration: var(--animation-speed) !important;
2621
+ -webkit-animation-iteration-count: infinite !important;
2622
+ animation-iteration-count: infinite !important;
2623
+ background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2624
+
2625
+ @-webkit-keyframes pa-shinny-text {
2626
+ 0% {
2627
+ background-position: 0%; }
2628
+ 100% {
2629
+ background-position: 200%; } }
2630
+
2631
+ @keyframes pa-shinny-text {
2632
+ 0% {
2633
+ background-position: 0%; }
2634
+ 100% {
2635
+ background-position: 200%; } }
2636
+
2637
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2638
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
2639
+ animation: pa-blur-shadow 2s 1 alternate; }
2640
+
2641
+ @-webkit-keyframes pa-blur-shadow {
2642
+ from {
2643
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2644
+ color: transparent; }
2645
+ to {
2646
+ text-shadow: 0; } }
2647
+
2648
+ @keyframes pa-blur-shadow {
2649
+ from {
2650
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2651
+ color: transparent; }
2652
+ to {
2653
+ text-shadow: 0; } }
2654
+
2655
+ .premium-title-gradient-yes .premium-title-text,
2656
+ .premium-title-gradient-yes .premium-title-icon {
2657
+ -webkit-background-clip: text;
2658
+ -webkit-text-fill-color: transparent;
2659
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2660
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2661
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2662
+ -webkit-animation: pa-text-gradient 8s infinite;
2663
+ animation: pa-text-gradient 8s infinite; }
2664
+
2665
+ .premium-title-clipped .premium-title-header {
2666
+ -webkit-text-fill-color: transparent;
2667
+ -webkit-background-clip: text;
2668
+ background-clip: text; }
2669
+
2670
+ @-webkit-keyframes pa-text-gradient {
2671
+ 0%,
2672
+ 100% {
2673
+ -webkit-filter: hue-rotate(0deg);
2674
+ filter: hue-rotate(0deg); }
2675
+ 50% {
2676
+ -webkit-filter: hue-rotate(360deg);
2677
+ filter: hue-rotate(360deg); } }
2678
+
2679
+ @keyframes pa-text-gradient {
2680
+ 0%,
2681
+ 100% {
2682
+ -webkit-filter: hue-rotate(0deg);
2683
+ filter: hue-rotate(0deg); }
2684
+ 50% {
2685
+ -webkit-filter: hue-rotate(360deg);
2686
+ filter: hue-rotate(360deg); } }
2687
+
2688
+ /*
2689
+ * Common Title/Dual Heading
2690
+ */
2691
+ .premium-title-bg-text:before {
2692
+ position: absolute;
2693
+ content: attr(data-background);
2694
+ top: 0;
2695
+ left: 0;
2696
+ text-align: left; }
2697
+
2698
+ .premium-bg-text-yes .elementor-widget-container:before {
2699
+ position: absolute;
2700
+ top: 0;
2701
+ left: 0;
2702
+ text-align: left; }
2703
+
2704
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2705
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2706
+ background: inherit; }
2707
+
2708
+ .premium-mask-yes .premium-mask-span {
2709
+ position: relative;
2710
+ overflow: hidden;
2711
+ -js-display: inline-flex !important;
2712
+ display: -webkit-inline-box !important;
2713
+ display: -webkit-inline-flex !important;
2714
+ display: -moz-inline-box !important;
2715
+ display: -ms-inline-flexbox !important;
2716
+ display: inline-flex !important; }
2717
+ .premium-mask-yes .premium-mask-span::after {
2718
+ content: "";
2719
+ position: absolute;
2720
+ top: 0;
2721
+ right: 0px;
2722
+ width: 100%;
2723
+ height: 100%;
2724
+ background-color: currentColor;
2725
+ -webkit-backface-visibility: visible;
2726
+ backface-visibility: visible; }
2727
+
2728
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2729
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2730
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2731
+ -webkit-transform: translateX(-103%);
2732
+ -ms-transform: translateX(-103%);
2733
+ transform: translateX(-103%); }
2734
+
2735
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2736
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2737
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2738
+ -webkit-transform: translateX(103%);
2739
+ -ms-transform: translateX(103%);
2740
+ transform: translateX(103%); }
2741
+
2742
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2743
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2744
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2745
+ -webkit-transform: translateY(-103%);
2746
+ -ms-transform: translateY(-103%);
2747
+ transform: translateY(-103%); }
2748
+
2749
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2750
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2751
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2752
+ -webkit-transform: translateY(103%);
2753
+ -ms-transform: translateY(103%);
2754
+ transform: translateY(103%); }
2755
+
2756
+ @-webkit-keyframes pa-mask-tr {
2757
+ 0% {
2758
+ -webkit-transform: translateX(0%);
2759
+ transform: translateX(0%); }
2760
+ 100% {
2761
+ -webkit-transform: translateX(103%);
2762
+ transform: translateX(103%); } }
2763
+
2764
+ @keyframes pa-mask-tr {
2765
+ 0% {
2766
+ -webkit-transform: translateX(0%);
2767
+ transform: translateX(0%); }
2768
+ 100% {
2769
+ -webkit-transform: translateX(103%);
2770
+ transform: translateX(103%); } }
2771
+
2772
+ @-webkit-keyframes pa-mask-tl {
2773
+ 0% {
2774
+ -webkit-transform: translateX(0%);
2775
+ transform: translateX(0%); }
2776
+ 100% {
2777
+ -webkit-transform: translateX(-103%);
2778
+ transform: translateX(-103%); } }
2779
+
2780
+ @keyframes pa-mask-tl {
2781
+ 0% {
2782
+ -webkit-transform: translateX(0%);
2783
+ transform: translateX(0%); }
2784
+ 100% {
2785
+ -webkit-transform: translateX(-103%);
2786
+ transform: translateX(-103%); } }
2787
+
2788
+ @-webkit-keyframes pa-mask-tb {
2789
+ 0% {
2790
+ -webkit-transform: translateY(0%);
2791
+ transform: translateY(0%); }
2792
+ 100% {
2793
+ -webkit-transform: translateY(103%);
2794
+ transform: translateY(103%); } }
2795
+
2796
+ @keyframes pa-mask-tb {
2797
+ 0% {
2798
+ -webkit-transform: translateY(0%);
2799
+ transform: translateY(0%); }
2800
+ 100% {
2801
+ -webkit-transform: translateY(103%);
2802
+ transform: translateY(103%); } }
2803
+
2804
+ @-webkit-keyframes pa-mask-tt {
2805
+ 0% {
2806
+ -webkit-transform: translateY(0%);
2807
+ transform: translateY(0%); }
2808
+ 100% {
2809
+ -webkit-transform: translateY(-103%);
2810
+ transform: translateY(-103%); } }
2811
+
2812
+ @keyframes pa-mask-tt {
2813
+ 0% {
2814
+ -webkit-transform: translateY(0%);
2815
+ transform: translateY(0%); }
2816
+ 100% {
2817
+ -webkit-transform: translateY(-103%);
2818
+ transform: translateY(-103%); } }
2819
+
2820
+ /**************** Premium Video Box ************/
2821
+ /***********************************************/
2822
+ .premium-video-box-transform {
2823
+ -webkit-transform: none !important;
2824
+ -ms-transform: none !important;
2825
+ transform: none !important; }
2826
+
2827
+ .premium-video-box-container {
2828
+ -js-display: flex;
2829
+ display: -webkit-box;
2830
+ display: -webkit-flex;
2831
+ display: -moz-box;
2832
+ display: -ms-flexbox;
2833
+ display: flex;
2834
+ -webkit-box-orient: vertical;
2835
+ -webkit-box-direction: normal;
2836
+ -webkit-flex-direction: column;
2837
+ -moz-box-orient: vertical;
2838
+ -moz-box-direction: normal;
2839
+ -ms-flex-direction: column;
2840
+ flex-direction: column; }
2841
+
2842
+ .premium-video-box-container > div {
2843
+ position: relative;
2844
+ overflow: hidden; }
2845
+
2846
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
2847
+ padding-bottom: 100%; }
2848
+
2849
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
2850
+ padding-bottom: 56.25%; }
2851
+
2852
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
2853
+ padding-bottom: 75%; }
2854
+
2855
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
2856
+ padding-bottom: 66.6666%; }
2857
+
2858
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
2859
+ padding-bottom: 42.8571%; }
2860
+
2861
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
2862
+ padding-bottom: 177.8%; }
2863
+
2864
+ .premium-video-box-image-container {
2865
+ position: absolute;
2866
+ top: 0;
2867
+ left: 0;
2868
+ bottom: 0;
2869
+ right: 0;
2870
+ width: 100%;
2871
+ height: 100%;
2872
+ -webkit-background-size: cover;
2873
+ background-size: cover;
2874
+ background-position: 50%;
2875
+ cursor: pointer;
2876
+ margin: auto;
2877
+ -webkit-transition: 0.2s all;
2878
+ transition: 0.2s all; }
2879
+
2880
+ .premium-video-box-play-icon-container {
2881
+ position: absolute;
2882
+ z-index: 2;
2883
+ cursor: pointer;
2884
+ -webkit-transform: translate(-50%, -50%);
2885
+ -ms-transform: translate(-50%, -50%);
2886
+ transform: translate(-50%, -50%);
2887
+ background: rgba(252, 252, 252, 0.35); }
2888
+
2889
+ .premium-video-box-description-container {
2890
+ position: absolute;
2891
+ z-index: 2;
2892
+ padding: 5px;
2893
+ text-align: center;
2894
+ cursor: pointer;
2895
+ -webkit-transform: translate(-50%, -50%);
2896
+ -ms-transform: translate(-50%, -50%);
2897
+ transform: translate(-50%, -50%); }
2898
+
2899
+ .premium-video-box-text {
2900
+ margin-bottom: 0 !important;
2901
+ -webkit-transition: all 0.3s ease-in-out;
2902
+ transition: all 0.3s ease-in-out; }
2903
+
2904
+ .premium-video-box-play-icon {
2905
+ padding: 15px;
2906
+ -webkit-transform: translateX(4%);
2907
+ -ms-transform: translateX(4%);
2908
+ transform: translateX(4%);
2909
+ -webkit-transition: all 0.3s ease-in-out;
2910
+ transition: all 0.3s ease-in-out; }
2911
+
2912
+ .premium-video-box-video-container {
2913
+ position: absolute;
2914
+ top: 0;
2915
+ left: 0;
2916
+ z-index: 2;
2917
+ width: 100%;
2918
+ height: 100%;
2919
+ -webkit-transition: opacity 0.8s ease-in-out;
2920
+ transition: opacity 0.8s ease-in-out;
2921
+ overflow: hidden;
2922
+ cursor: pointer; }
2923
+
2924
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2925
+ opacity: 0;
2926
+ visibility: hidden; }
2927
+
2928
+ .premium-video-box-video-container iframe {
2929
+ max-width: 100%;
2930
+ width: 100%;
2931
+ height: 100%;
2932
+ margin: 0;
2933
+ line-height: 1;
2934
+ border: none; }
2935
+
2936
+ .premium-video-box-video-container video {
2937
+ max-width: 100%;
2938
+ width: 100%;
2939
+ height: 100%;
2940
+ margin: 0;
2941
+ line-height: 1;
2942
+ border: none;
2943
+ background-color: #000;
2944
+ -o-object-fit: contain;
2945
+ object-fit: contain; }
2946
+
2947
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
2948
+ -js-display: flex;
2949
+ display: -webkit-box;
2950
+ display: -webkit-flex;
2951
+ display: -moz-box;
2952
+ display: -ms-flexbox;
2953
+ display: flex;
2954
+ position: absolute;
2955
+ top: 0;
2956
+ left: 0;
2957
+ z-index: 3;
2958
+ margin: 10px;
2959
+ margin-right: 10px;
2960
+ -webkit-transition: opacity 0.2s ease-out;
2961
+ transition: opacity 0.2s ease-out;
2962
+ margin-right: 4.6em; }
2963
+
2964
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2965
+ width: 60px;
2966
+ height: 60px;
2967
+ background: rgba(23, 35, 34, 0.75);
2968
+ margin-right: 1px;
2969
+ -webkit-box-flex: 1;
2970
+ -webkit-flex: 1 0 auto;
2971
+ -moz-box-flex: 1;
2972
+ -ms-flex: 1 0 auto;
2973
+ flex: 1 0 auto;
2974
+ padding: 0; }
2975
+
2976
+ .premium-video-box-vimeo-portrait img {
2977
+ width: 50px;
2978
+ height: 50px;
2979
+ margin: 5px;
2980
+ padding: 0;
2981
+ border: 0;
2982
+ -webkit-border-radius: 50%;
2983
+ border-radius: 50%; }
2984
+
2985
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2986
+ font-size: 10px; }
2987
+
2988
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2989
+ max-width: 100%;
2990
+ font-size: 2em !important;
2991
+ font-weight: 700;
2992
+ margin: 0;
2993
+ padding: 0.1em 0.2em;
2994
+ background: rgba(23, 35, 34, 0.75);
2995
+ display: inline-block;
2996
+ text-transform: none;
2997
+ line-height: normal;
2998
+ letter-spacing: normal; }
2999
+
3000
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3001
+ font-size: 1.2em !important;
3002
+ font-weight: 400;
3003
+ color: #fff;
3004
+ margin-top: 0.1em;
3005
+ padding: 0.2em 0.5em;
3006
+ background: rgba(23, 35, 34, 0.75);
3007
+ text-transform: none;
3008
+ line-height: normal;
3009
+ letter-spacing: normal; }
3010
+
3011
+ .premium-video-box-playlist-container {
3012
+ -js-display: flex;
3013
+ display: -webkit-box;
3014
+ display: -webkit-flex;
3015
+ display: -moz-box;
3016
+ display: -ms-flexbox;
3017
+ display: flex;
3018
+ -webkit-flex-wrap: wrap;
3019
+ -ms-flex-wrap: wrap;
3020
+ flex-wrap: wrap; }
3021
+ .premium-video-box-playlist-container .premium-video-box-container {
3022
+ height: 100%;
3023
+ overflow: hidden; }
3024
+
3025
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3026
+ -webkit-transform: scale(1.1);
3027
+ -ms-transform: scale(1.1);
3028
+ transform: scale(1.1); }
3029
+
3030
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3031
+ -webkit-transform: scale(1);
3032
+ -ms-transform: scale(1);
3033
+ transform: scale(1); }
3034
+
3035
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3036
+ -webkit-transform: scale(1.3) rotate(5deg);
3037
+ -ms-transform: scale(1.3) rotate(5deg);
3038
+ transform: scale(1.3) rotate(5deg); }
3039
+
3040
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3041
+ -webkit-filter: grayscale(0%);
3042
+ filter: grayscale(0%); }
3043
+
3044
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3045
+ -webkit-filter: blur(3px);
3046
+ filter: blur(3px); }
3047
+
3048
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3049
+ -webkit-filter: sepia(0%);
3050
+ filter: sepia(0%); }
3051
+
3052
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3053
+ -webkit-transform: translateX(0px) scale(1.1);
3054
+ -ms-transform: translateX(0px) scale(1.1);
3055
+ transform: translateX(0px) scale(1.1); }
3056
+
3057
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3058
+ -webkit-filter: brightness(1.2);
3059
+ filter: brightness(1.2); }
3060
+
3061
+ .premium-video-box-image-container.gray {
3062
+ -webkit-filter: grayscale(100%);
3063
+ filter: grayscale(100%); }
3064
+
3065
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3066
+ -webkit-transform: scale(1.2);
3067
+ -ms-transform: scale(1.2);
3068
+ transform: scale(1.2); }
3069
+
3070
+ .premium-video-box-image-container.sepia {
3071
+ -webkit-filter: sepia(30%);
3072
+ filter: sepia(30%); }
3073
+
3074
+ .premium-video-box-image-container.bright {
3075
+ -webkit-filter: brightness(1);
3076
+ filter: brightness(1); }
3077
+
3078
+ .premium-video-box-image-container.trans {
3079
+ -webkit-transform: translateX(-15px) scale(1.1);
3080
+ -ms-transform: translateX(-15px) scale(1.1);
3081
+ transform: translateX(-15px) scale(1.1); }
3082
+
3083
+ .premium-video-box-mask-media {
3084
+ -webkit-mask-repeat: no-repeat;
3085
+ mask-repeat: no-repeat; }
3086
+
3087
+ /* Sticky Video Option */
3088
+ .premium-video-box-container.premium-video-box-sticky-apply {
3089
+ z-index: 99;
3090
+ overflow: unset; }
3091
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3092
+ position: fixed !important;
3093
+ z-index: 99999;
3094
+ height: 225px;
3095
+ width: 400px;
3096
+ background: #fff; }
3097
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3098
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3099
+ visibility: hidden; }
3100
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3101
+ -webkit-box-shadow: unset;
3102
+ box-shadow: unset; }
3103
+
3104
+ .premium-video-box-sticky-close,
3105
+ .premium-video-box-sticky-infobar {
3106
+ display: none; }
3107
+
3108
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3109
+ position: absolute;
3110
+ padding: 5px;
3111
+ cursor: pointer;
3112
+ z-index: 99999;
3113
+ height: 14px;
3114
+ width: 14px;
3115
+ -webkit-box-sizing: content-box;
3116
+ -moz-box-sizing: content-box;
3117
+ box-sizing: content-box;
3118
+ -webkit-border-radius: 100%;
3119
+ border-radius: 100%;
3120
+ -js-display: flex;
3121
+ display: -webkit-box;
3122
+ display: -webkit-flex;
3123
+ display: -moz-box;
3124
+ display: -ms-flexbox;
3125
+ display: flex;
3126
+ -webkit-box-pack: center;
3127
+ -webkit-justify-content: center;
3128
+ -moz-box-pack: center;
3129
+ -ms-flex-pack: center;
3130
+ justify-content: center;
3131
+ -webkit-box-align: center;
3132
+ -webkit-align-items: center;
3133
+ -moz-box-align: center;
3134
+ -ms-flex-align: center;
3135
+ align-items: center; }
3136
+
3137
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3138
+ -js-display: flex;
3139
+ display: -webkit-box;
3140
+ display: -webkit-flex;
3141
+ display: -moz-box;
3142
+ display: -ms-flexbox;
3143
+ display: flex; }
3144
+
3145
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3146
+ -webkit-transition: none;
3147
+ transition: none; }
3148
+
3149
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3150
+ display: block;
3151
+ position: relative;
3152
+ top: 100%;
3153
+ width: 100%;
3154
+ padding: 5px;
3155
+ text-align: center;
3156
+ z-index: 9999;
3157
+ margin-top: -1px; }
3158
+
3159
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3160
+ cursor: move; }
3161
+
3162
+ .premium-video-sticky-top-left
3163
+ .premium-video-box-container.premium-video-box-sticky-apply
3164
+ .premium-video-box-inner-wrap {
3165
+ right: auto;
3166
+ left: 20px;
3167
+ top: 20px; }
3168
+
3169
+ .premium-video-sticky-bottom-left
3170
+ .premium-video-box-container.premium-video-box-sticky-apply
3171
+ .premium-video-box-inner-wrap {
3172
+ right: auto;
3173
+ left: 20px;
3174
+ bottom: 20px; }
3175
+
3176
+ .premium-video-sticky-top-right
3177
+ .premium-video-box-container.premium-video-box-sticky-apply
3178
+ .premium-video-box-inner-wrap {
3179
+ left: auto;
3180
+ right: 20px;
3181
+ top: 20px; }
3182
+
3183
+ .premium-video-sticky-bottom-right
3184
+ .premium-video-box-container.premium-video-box-sticky-apply
3185
+ .premium-video-box-inner-wrap {
3186
+ left: auto;
3187
+ right: 20px;
3188
+ bottom: 20px; }
3189
+
3190
+ .premium-video-sticky-center-left
3191
+ .premium-video-box-container.premium-video-box-sticky-apply
3192
+ .premium-video-box-inner-wrap {
3193
+ right: auto;
3194
+ left: 20px;
3195
+ top: 50%;
3196
+ -webkit-transform: translateY(-50%);
3197
+ -ms-transform: translateY(-50%);
3198
+ transform: translateY(-50%); }
3199
+
3200
+ .premium-video-sticky-center-right
3201
+ .premium-video-box-container.premium-video-box-sticky-apply
3202
+ .premium-video-box-inner-wrap {
3203
+ left: auto;
3204
+ right: 20px;
3205
+ top: 50%;
3206
+ -webkit-transform: translateY(-50%);
3207
+ -ms-transform: translateY(-50%);
3208
+ transform: translateY(-50%); }
3209
+
3210
+ .premium-video-sticky-bottom-right
3211
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3212
+ .premium-video-box-inner-wrap,
3213
+ .premium-video-sticky-bottom-left
3214
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3215
+ .premium-video-box-inner-wrap {
3216
+ bottom: 55px; }
3217
+
3218
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3219
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3220
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3221
+ top: -10px;
3222
+ right: -10px; }
3223
+
3224
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3225
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3226
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3227
+ top: -10px;
3228
+ left: -10px; }
3229
+
3230
+ .premium-video-box-filter-sticky {
3231
+ -webkit-filter: none !important;
3232
+ filter: none !important; }
3233
+
3234
+ /**************** Premium Blog *****************/
3235
+ /***********************************************/
3236
+ .premium-blog-thumb-effect-wrapper {
3237
+ position: relative;
3238
+ overflow: hidden; }
3239
+
3240
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3241
+ position: absolute;
3242
+ top: 0;
3243
+ left: 0;
3244
+ width: 100%;
3245
+ height: 100%;
3246
+ z-index: 2;
3247
+ padding: 20px; }
3248
+
3249
+ .premium-blog-bordered-effect .premium-blog-post-link {
3250
+ display: block;
3251
+ height: 100%;
3252
+ position: relative; }
3253
+
3254
+ /*Thumbnail Img*/
3255
+ .premium-blog-thumbnail-container {
3256
+ overflow: hidden; }
3257
+ .premium-blog-thumbnail-container img,
3258
+ .premium-blog-thumbnail-container .below-entry-meta {
3259
+ width: 100%;
3260
+ height: 100%;
3261
+ margin: 0 !important;
3262
+ -webkit-transition: all 0.4s ease-in-out;
3263
+ transition: all 0.4s ease-in-out; }
3264
+
3265
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3266
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3267
+ -webkit-transform: scale(1.2);
3268
+ -ms-transform: scale(1.2);
3269
+ transform: scale(1.2); }
3270
+
3271
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3272
+ -webkit-filter: sepia(30%);
3273
+ filter: sepia(30%); }
3274
+
3275
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3276
+ -webkit-filter: brightness(1);
3277
+ filter: brightness(1); }
3278
+
3279
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3280
+ -webkit-transform: translateX(-15px) scale(1.1);
3281
+ -ms-transform: translateX(-15px) scale(1.1);
3282
+ transform: translateX(-15px) scale(1.1); }
3283
+
3284
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3285
+ -webkit-transform: scale(1.2);
3286
+ -ms-transform: scale(1.2);
3287
+ transform: scale(1.2); }
3288
+
3289
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3290
+ -webkit-transform: scale(1.1);
3291
+ -ms-transform: scale(1.1);
3292
+ transform: scale(1.1); }
3293
+
3294
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3295
+ -webkit-transform: scale(1.3) rotate(5deg);
3296
+ -ms-transform: scale(1.3) rotate(5deg);
3297
+ transform: scale(1.3) rotate(5deg); }
3298
+
3299
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3300
+ -webkit-filter: grayscale(100%);
3301
+ filter: grayscale(100%); }
3302
+
3303
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3304
+ -webkit-filter: blur(3px);
3305
+ filter: blur(3px); }
3306
+
3307
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3308
+ -webkit-filter: sepia(0%);
3309
+ filter: sepia(0%); }
3310
+
3311
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3312
+ -webkit-filter: brightness(1.2);
3313
+ filter: brightness(1.2); }
3314
+
3315
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3316
+ -webkit-transform: translateX(0px) scale(1.1);
3317
+ -ms-transform: translateX(0px) scale(1.1);
3318
+ transform: translateX(0px) scale(1.1); }
3319
+
3320
+ .premium-blog-post-container {
3321
+ overflow: hidden; }
3322
+ .premium-blog-post-container .premium-blog-inner-container {
3323
+ -js-display: flex;
3324
+ display: -webkit-box;
3325
+ display: -webkit-flex;
3326
+ display: -moz-box;
3327
+ display: -ms-flexbox;
3328
+ display: flex; }
3329
+ .premium-blog-post-container .premium-blog-entry-container {
3330
+ margin: 0 !important; }
3331
+ .premium-blog-post-container .premium-blog-post-content {
3332
+ line-height: 1.5em;
3333
+ color: #777;
3334
+ font-size: 14px;
3335
+ margin-bottom: 10px; }
3336
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3337
+ .premium-blog-post-container .premium-blog-post-link:hover,
3338
+ .premium-blog-post-container .premium-blog-post-link:focus {
3339
+ -webkit-box-shadow: none !important;
3340
+ box-shadow: none !important;
3341
+ outline: none !important; }
3342
+ .premium-blog-post-container .premium-blog-entry-title {
3343
+ font-size: 18px;
3344
+ margin-bottom: 5px; }
3345
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3346
+ position: relative;
3347
+ z-index: 3;
3348
+ top: -50px; }
3349
+ .premium-blog-post-container .premium-blog-content-wrapper {
3350
+ background-color: #f5f5f5;
3351
+ padding: 30px; }
3352
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3353
+ top: 0; }
3354
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3355
+ position: absolute;
3356
+ content: "";
3357
+ z-index: 1;
3358
+ top: 50%;
3359
+ left: 50%;
3360
+ opacity: 0;
3361
+ -webkit-transform: translate(-50%, -50%);
3362
+ -ms-transform: translate(-50%, -50%);
3363
+ transform: translate(-50%, -50%);
3364
+ -webkit-transition: all 0.4s linear 0s;
3365
+ transition: all 0.4s linear 0s;
3366
+ height: 1px;
3367
+ width: 100%;
3368
+ background-color: #fff; }
3369
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3370
+ width: 1px;
3371
+ height: 100%; }
3372
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3373
+ width: 20px;
3374
+ opacity: 1; }
3375
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3376
+ height: 20px;
3377
+ opacity: 1; }
3378
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3379
+ margin: 0px 10px 20px;
3380
+ clear: both; }
3381
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3382
+ position: absolute;
3383
+ top: 0;
3384
+ left: 0;
3385
+ width: 100%;
3386
+ height: 100%;
3387
+ -webkit-transition: all 0.3s ease-in-out;
3388
+ transition: all 0.3s ease-in-out;
3389
+ opacity: 0; }
3390
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3391
+ -js-display: flex;
3392
+ display: -webkit-box;
3393
+ display: -webkit-flex;
3394
+ display: -moz-box;
3395
+ display: -ms-flexbox;
3396
+ display: flex;
3397
+ -webkit-box-pack: center;
3398
+ -webkit-justify-content: center;
3399
+ -moz-box-pack: center;
3400
+ -ms-flex-pack: center;
3401
+ justify-content: center;
3402
+ -webkit-box-align: center;
3403
+ -webkit-align-items: center;
3404
+ -moz-box-align: center;
3405
+ -ms-flex-align: center;
3406
+ align-items: center;
3407
+ width: 100%;
3408
+ height: 100%; }
3409
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3410
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3411
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3412
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3413
+ -webkit-transition: all 0.3s ease-in-out;
3414
+ transition: all 0.3s ease-in-out; }
3415
+ .premium-blog-post-container.premium-blog-skin-side {
3416
+ -js-display: flex;
3417
+ display: -webkit-box;
3418
+ display: -webkit-flex;
3419
+ display: -moz-box;
3420
+ display: -ms-flexbox;
3421
+ display: flex; }
3422
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3423
+ height: 100%; }
3424
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3425
+ -webkit-box-flex: 1;
3426
+ -webkit-flex: 1;
3427
+ -moz-box-flex: 1;
3428
+ -ms-flex: 1;
3429
+ flex: 1; }
3430
+ .premium-blog-post-container.premium-blog-skin-banner {
3431
+ position: relative; }
3432
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3433
+ position: absolute;
3434
+ width: 100%;
3435
+ bottom: 0;
3436
+ -js-display: flex;
3437
+ display: -webkit-box;
3438
+ display: -webkit-flex;
3439
+ display: -moz-box;
3440
+ display: -ms-flexbox;
3441
+ display: flex;
3442
+ -webkit-box-orient: vertical;
3443
+ -webkit-box-direction: normal;
3444
+ -webkit-flex-direction: column;
3445
+ -moz-box-orient: vertical;
3446
+ -moz-box-direction: normal;
3447
+ -ms-flex-direction: column;
3448
+ flex-direction: column;
3449
+ background-color: transparent;
3450
+ z-index: 3; }
3451
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3452
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3453
+ transition: -webkit-transform 0.3s ease-in-out;
3454
+ transition: transform 0.3s ease-in-out;
3455
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3456
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3457
+ -webkit-transform: translateY(-5px);
3458
+ -ms-transform: translateY(-5px);
3459
+ transform: translateY(-5px); }
3460
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3461
+ margin: 0;
3462
+ padding: 0;
3463
+ list-style: none;
3464
+ -js-display: flex;
3465
+ display: -webkit-box;
3466
+ display: -webkit-flex;
3467
+ display: -moz-box;
3468
+ display: -ms-flexbox;
3469
+ display: flex; }
3470
+ .premium-blog-post-container .premium-blog-cats-container a {
3471
+ display: block;
3472
+ font-size: 12px;
3473
+ color: #fff;
3474
+ background-color: #777;
3475
+ margin: 0 3px 10px 0;
3476
+ padding: 5px;
3477
+ -webkit-transition: all 0.3s ease-in-out;
3478
+ transition: all 0.3s ease-in-out; }
3479
+
3480
+ /*
3481
+ * Diagonal Effect
3482
+ */
3483
+ .premium-blog-diagonal-container {
3484
+ position: absolute;
3485
+ top: 0;
3486
+ left: 0;
3487
+ width: 100%;
3488
+ height: 100%; }
3489
+
3490
+ .premium-blog-diagonal-effect:before {
3491
+ position: absolute;
3492
+ top: 0px;
3493
+ left: 0px;
3494
+ width: 100%;
3495
+ height: 100%;
3496
+ content: " ";
3497
+ z-index: 1;
3498
+ background: rgba(255, 255, 255, 0.2);
3499
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3500
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3501
+ -webkit-transition: all 0.3s linear 0s;
3502
+ transition: all 0.3s linear 0s; }
3503
+
3504
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3505
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3506
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3507
+
3508
+ /*
3509
+ * Framed Effect
3510
+ */
3511
+ .premium-blog-framed-effect {
3512
+ position: absolute;
3513
+ width: -webkit-calc(100% - 30px);
3514
+ width: calc(100% - 30px);
3515
+ height: -webkit-calc(100% - 30px);
3516
+ height: calc(100% - 30px);
3517
+ top: 15px;
3518
+ left: 15px;
3519
+ opacity: 0;
3520
+ -webkit-transform: scale(0.3);
3521
+ -ms-transform: scale(0.3);
3522
+ transform: scale(0.3);
3523
+ -webkit-transition: all 0.3s linear 0s;
3524
+ transition: all 0.3s linear 0s; }
3525
+
3526
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3527
+ opacity: 0.99;
3528
+ -webkit-transform: scale(1);
3529
+ -ms-transform: scale(1);
3530
+ transform: scale(1); }
3531
+
3532
+ /*
3533
+ * Bordered Effect
3534
+ */
3535
+ .premium-blog-bordered-effect {
3536
+ position: absolute;
3537
+ top: 0;
3538
+ left: 0;
3539
+ width: 100%;
3540
+ height: 100%;
3541
+ opacity: 0;
3542
+ padding: 15px;
3543
+ -webkit-transition: all 0.3s linear 0s;
3544
+ transition: all 0.3s linear 0s; }
3545
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3546
+ content: "";
3547
+ display: block;
3548
+ position: absolute;
3549
+ top: 0;
3550
+ left: 0;
3551
+ width: 100%;
3552
+ height: 100%;
3553
+ -webkit-transition: all 0.5s linear 0s;
3554
+ transition: all 0.5s linear 0s;
3555
+ -webkit-transition-delay: 0s;
3556
+ transition-delay: 0s;
3557
+ border-color: rgba(255, 255, 255, 0.45); }
3558
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3559
+ border-right: 2px solid;
3560
+ border-left: 2px solid;
3561
+ -webkit-transform: scale(1, 0);
3562
+ -ms-transform: scale(1, 0);
3563
+ transform: scale(1, 0);
3564
+ -webkit-transform-origin: 100% 0;
3565
+ -ms-transform-origin: 100% 0;
3566
+ transform-origin: 100% 0; }
3567
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3568
+ border-top: 2px solid;
3569
+ border-bottom: 2px solid;
3570
+ -webkit-transform: scale(0, 1);
3571
+ -ms-transform: scale(0, 1);
3572
+ transform: scale(0, 1);
3573
+ -webkit-transform-origin: 0 0;
3574
+ -ms-transform-origin: 0 0;
3575
+ transform-origin: 0 0; }
3576
+
3577
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3578
+ opacity: 0.99; }
3579
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3580
+ -webkit-transition-delay: 0.15s;
3581
+ transition-delay: 0.15s;
3582
+ opacity: 1;
3583
+ -webkit-transform: scale(1);
3584
+ -ms-transform: scale(1);
3585
+ transform: scale(1); }
3586
+
3587
+ /*
3588
+ * Squares Effect
3589
+ */
3590
+ .premium-blog-squares-effect,
3591
+ .premium-blog-squares-square-container {
3592
+ position: absolute;
3593
+ top: 0;
3594
+ left: 0;
3595
+ width: 100%;
3596
+ height: 100%; }
3597
+
3598
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3599
+ position: absolute;
3600
+ content: "";
3601
+ top: 0;
3602
+ left: 0;
3603
+ width: 50%;
3604
+ height: 50%;
3605
+ -webkit-transform: translate(-100%, -100%);
3606
+ -ms-transform: translate(-100%, -100%);
3607
+ transform: translate(-100%, -100%);
3608
+ opacity: 0.7;
3609
+ -webkit-transition: all 0.3s linear 0s;
3610
+ transition: all 0.3s linear 0s; }
3611
+
3612
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3613
+ position: absolute;
3614
+ content: "";
3615
+ top: 0;
3616
+ left: 0;
3617
+ width: 50%;
3618
+ height: 50%;
3619
+ -webkit-transform: translate(-100%, -100%);
3620
+ -ms-transform: translate(-100%, -100%);
3621
+ transform: translate(-100%, -100%);
3622
+ opacity: 0.7;
3623
+ -webkit-transition: all 0.3s linear 0s;
3624
+ transition: all 0.3s linear 0s; }
3625
+
3626
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3627
+ opacity: 0.8; }
3628
+
3629
+ .premium-blog-squares-effect:after {
3630
+ -webkit-transform: translate(200%, 200%);
3631
+ -ms-transform: translate(200%, 200%);
3632
+ transform: translate(200%, 200%); }
3633
+
3634
+ .premium-blog-squares-square-container:before {
3635
+ -webkit-transform: translate(-100%, 200%);
3636
+ -ms-transform: translate(-100%, 200%);
3637
+ transform: translate(-100%, 200%); }
3638
+
3639
+ .premium-blog-squares-square-container:after {
3640
+ -webkit-transform: translate(200%, -100%);
3641
+ -ms-transform: translate(200%, -100%);
3642
+ transform: translate(200%, -100%); }
3643
+
3644
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3645
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3646
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3647
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3648
+
3649
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3650
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3651
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3652
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3653
+
3654
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3655
+ -webkit-transform: translate(0, 100%);
3656
+ -ms-transform: translate(0, 100%);
3657
+ transform: translate(0, 100%); }
3658
+
3659
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3660
+ -webkit-transform: translate(100%, 0%);
3661
+ -ms-transform: translate(100%, 0%);
3662
+ transform: translate(100%, 0%); }
3663
+
3664
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3665
+ opacity: 1; }
3666
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3667
+ opacity: 1;
3668
+ -webkit-transform: scale(1);
3669
+ -ms-transform: scale(1);
3670
+ transform: scale(1); }
3671
+
3672
+ .premium-blog-clear-fix {
3673
+ clear: both; }
3674
+
3675
+ .premium-blog-masked .premium-blog-thumbnail-container {
3676
+ position: relative;
3677
+ overflow: visible; }
3678
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
3679
+ position: absolute;
3680
+ height: 100px;
3681
+ width: 100%;
3682
+ bottom: -5px;
3683
+ left: 0;
3684
+ fill: #f5f5f5;
3685
+ z-index: 99; }
3686
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3687
+ -webkit-transform: rotate(180deg);
3688
+ -ms-transform: rotate(180deg);
3689
+ transform: rotate(180deg); }
3690
+
3691
+ .premium-blog-masked .premium-blog-author-thumbnail,
3692
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3693
+ z-index: 999 !important; }
3694
+
3695
+ .premium-blog-format-link {
3696
+ padding: 5px;
3697
+ line-height: 0; }
3698
+
3699
+ .premium-blog-entry-meta {
3700
+ line-height: 1.3em;
3701
+ font-size: 12px;
3702
+ margin-bottom: 13px;
3703
+ color: #adadad; }
3704
+ .premium-blog-entry-meta i {
3705
+ margin-right: 3px;
3706
+ -webkit-transition: all 0.3s ease-in-out;
3707
+ transition: all 0.3s ease-in-out; }
3708
+
3709
+ .premium-blog-meta-data {
3710
+ display: inline-block; }
3711
+ .premium-blog-meta-data .premium-blog-meta-separator {
3712
+ margin: 0 5px; }
3713
+ .premium-blog-meta-data a,
3714
+ .premium-blog-meta-data span {
3715
+ color: inherit;
3716
+ -webkit-transition: all 0.3s ease-in-out;
3717
+ transition: all 0.3s ease-in-out; }
3718
+
3719
+ .premium-blog-author-thumbnail {
3720
+ position: relative;
3721
+ padding: 0 30px;
3722
+ width: 100%;
3723
+ top: -10px;
3724
+ height: 0;
3725
+ pointer-events: none; }
3726
+ .premium-blog-author-thumbnail img {
3727
+ -webkit-border-radius: 50%;
3728
+ border-radius: 50%;
3729
+ width: 60px;
3730
+ pointer-events: all;
3731
+ -webkit-transform: translateY(-50%);
3732
+ -ms-transform: translateY(-50%);
3733
+ transform: translateY(-50%); }
3734
+
3735
+ .premium-blog-entry-title a,
3736
+ .premium-blog-post-tags-container a,
3737
+ .premium-blog-post-content .premium-blog-excerpt-link {
3738
+ -webkit-transition: all 0.3s ease-in-out;
3739
+ transition: all 0.3s ease-in-out; }
3740
+
3741
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3742
+ background-color: transparent;
3743
+ color: #54595f;
3744
+ padding: 0; }
3745
+
3746
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3747
+ width: 100%; }
3748
+
3749
+ .premium-blog-post-tags-container {
3750
+ margin-top: 8px;
3751
+ -js-display: flex;
3752
+ display: -webkit-box;
3753
+ display: -webkit-flex;
3754
+ display: -moz-box;
3755
+ display: -ms-flexbox;
3756
+ display: flex;
3757
+ -webkit-box-align: center;
3758
+ -webkit-align-items: center;
3759
+ -moz-box-align: center;
3760
+ -ms-flex-align: center;
3761
+ align-items: center;
3762
+ -webkit-flex-wrap: wrap;
3763
+ -ms-flex-wrap: wrap;
3764
+ flex-wrap: wrap; }
3765
+ .premium-blog-post-tags-container a {
3766
+ color: inherit;
3767
+ margin-left: 5px; }
3768
+
3769
+ /*Tags align*/
3770
+ .premium-blog-align-left .post-categories,
3771
+ .premium-blog-align-left .premium-blog-inner-container,
3772
+ .premium-blog-align-left .premium-blog-post-tags-container {
3773
+ -webkit-box-pack: start;
3774
+ -webkit-justify-content: flex-start;
3775
+ -moz-box-pack: start;
3776
+ -ms-flex-pack: start;
3777
+ justify-content: flex-start; }
3778
+
3779
+ .premium-blog-align-center .post-categories,
3780
+ .premium-blog-align-center .premium-blog-inner-container,
3781
+ .premium-blog-align-center .premium-blog-post-tags-container {
3782
+ -webkit-box-pack: center;
3783
+ -webkit-justify-content: center;
3784
+ -moz-box-pack: center;
3785
+ -ms-flex-pack: center;
3786
+ justify-content: center; }
3787
+
3788
+ .premium-blog-align-right .post-categories,
3789
+ .premium-blog-align-right .premium-blog-inner-container,
3790
+ .premium-blog-align-right .premium-blog-post-tags-container {
3791
+ -webkit-box-pack: end;
3792
+ -webkit-justify-content: flex-end;
3793
+ -moz-box-pack: end;
3794
+ -ms-flex-pack: end;
3795
+ justify-content: flex-end; }
3796
+
3797
+ /* Pagination */
3798
+ .premium-blog-pagination-container {
3799
+ text-align: right; }
3800
+ .premium-blog-pagination-container span {
3801
+ cursor: default; }
3802
+ .premium-blog-pagination-container .page-numbers {
3803
+ display: inline-block;
3804
+ color: #000;
3805
+ line-height: 1;
3806
+ font-size: 1em;
3807
+ font-weight: 400;
3808
+ text-decoration: none;
3809
+ padding: 0.75em;
3810
+ margin: 0 0.4em 0.4em 0;
3811
+ -webkit-transition: all 0.3s ease-in-out;
3812
+ transition: all 0.3s ease-in-out; }
3813
+
3814
+ .premium-blog-wrap .premium-loading-feed {
3815
+ display: block;
3816
+ position: absolute;
3817
+ width: 100%;
3818
+ height: 100%;
3819
+ top: 0px;
3820
+ left: 0px;
3821
+ bottom: 0px;
3822
+ right: 0px;
3823
+ background: rgba(255, 255, 255, 0.2);
3824
+ -js-display: flex;
3825
+ display: -webkit-box;
3826
+ display: -webkit-flex;
3827
+ display: -moz-box;
3828
+ display: -ms-flexbox;
3829
+ display: flex;
3830
+ -webkit-box-align: center;
3831
+ -webkit-align-items: center;
3832
+ -moz-box-align: center;
3833
+ -ms-flex-align: center;
3834
+ align-items: center;
3835
+ z-index: 99; }
3836
+
3837
+ .premium-blog-wrap {
3838
+ -js-display: flex;
3839
+ display: -webkit-box;
3840
+ display: -webkit-flex;
3841
+ display: -moz-box;
3842
+ display: -ms-flexbox;
3843
+ display: flex;
3844
+ -webkit-flex-wrap: wrap;
3845
+ -ms-flex-wrap: wrap;
3846
+ flex-wrap: wrap; }
3847
+ .premium-blog-wrap ul.slick-dots {
3848
+ width: 100%; }
3849
+
3850
+ /*
3851
+ * List Layout
3852
+ */
3853
+ .premium-blog-list .premium-blog-post-outer-container {
3854
+ width: 100%; }
3855
+
3856
+ /**
3857
+ * Even Layout
3858
+ */
3859
+ .premium-blog-even .premium-blog-post-container {
3860
+ height: 100%; }
3861
+
3862
+ .premium-blog-even .slick-track {
3863
+ -js-display: flex;
3864
+ display: -webkit-box;
3865
+ display: -webkit-flex;
3866
+ display: -moz-box;
3867
+ display: -ms-flexbox;
3868
+ display: flex; }
3869
+
3870
+ .premium-blog-even .slick-slide {
3871
+ height: inherit !important; }
3872
+
3873
+ /**
3874
+ * Responsive Style
3875
+ */
3876
+ @media (max-width: 768px) {
3877
+ .premium-blog-con