Premium Addons for Elementor - Version 4.4.9

Version Description

  • Tweak: Improved JS code for Media Grid and Banner widgets.
  • Fixed: Match Posts option not working in Blog widget.
Download this release

Release Info

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

Code changes from version 4.4.8 to 4.4.9

Files changed (4) hide show
  1. admin/includes/admin-helper.php +823 -823
  2. assets/frontend/css/premium-addons-rtl.css +8191 -8191
  3. assets/frontend/css/premium-addons.css +6703 -6703
  4. assets/frontend/js/premium-addons.js +508 -2248
admin/includes/admin-helper.php CHANGED
@@ -1,823 +1,823 @@
1
- <?php
2
- /**
3
- * PA Admin Helper
4
- */
5
-
6
- namespace PremiumAddons\Admin\Includes;
7
-
8
- use PremiumAddons\Includes\Helper_Functions;
9
-
10
- if ( ! defined( 'ABSPATH' ) ) {
11
- exit;
12
- }
13
-
14
- /**
15
- * Class Admin_Helper
16
- */
17
- class Admin_Helper {
18
-
19
- /**
20
- * Admin settings tabs
21
- *
22
- * @var tabs
23
- */
24
- private static $tabs = null;
25
-
26
- /**
27
- * Class instance
28
- *
29
- * @var instance
30
- */
31
- private static $instance = null;
32
-
33
- /**
34
- * Premium Addons Settings Page Slug
35
- *
36
- * @var page_slug
37
- */
38
- protected $page_slug = 'premium-addons';
39
-
40
- /**
41
- * Current Screen ID
42
- *
43
- * @var current_screen
44
- */
45
- public static $current_screen = null;
46
-
47
- /**
48
- * Elements List
49
- *
50
- * @var elements_list
51
- */
52
- public static $elements_list = null;
53
-
54
- /**
55
- * Integrations List
56
- *
57
- * @var integrations_list
58
- */
59
- public static $integrations_list = null;
60
-
61
- /**
62
- * Constructor for the class
63
- */
64
- public function __construct() {
65
-
66
- // Get current screen ID.
67
- add_action( 'current_screen', array( $this, 'get_current_screen' ) );
68
-
69
- // Insert admin settings submenus.
70
- $this->set_admin_tabs();
71
- add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
72
-
73
- // Enqueue required admin scripts.
74
- add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
75
-
76
- // Plugin Action Links.
77
- add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
78
- add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
79
-
80
- // Register AJAX HOOKS.
81
- add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
82
- add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
83
- add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
84
-
85
- add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
86
-
87
- // Register Rollback hooks.
88
- add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
89
-
90
- // Beta_Testers::get_instance();
91
-
92
- if ( is_admin() ) {
93
- $current_page = $_SERVER['REQUEST_URI'];
94
- if ( false === strpos( $current_page, 'action=elementor' ) ) {
95
- Admin_Notices::get_instance();
96
-
97
- // PA Duplicator.
98
- if ( self::check_duplicator() ) {
99
- Duplicator::get_instance();
100
- }
101
- }
102
- }
103
-
104
- }
105
-
106
- /**
107
- * Get Elements List
108
- *
109
- * Get a list of all the elements available in the plugin
110
- *
111
- * @since 3.20.9
112
- * @access private
113
- *
114
- * @return array widget_list
115
- */
116
- private static function get_elements_list() {
117
-
118
- if ( null === self::$elements_list ) {
119
-
120
- self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
121
-
122
- }
123
-
124
- return self::$elements_list;
125
-
126
- }
127
-
128
- /**
129
- * Get Integrations List
130
- *
131
- * Get a list of all the integrations available in the plugin
132
- *
133
- * @since 3.20.9
134
- * @access private
135
- *
136
- * @return array integrations_list
137
- */
138
- private static function get_integrations_list() {
139
-
140
- if ( null === self::$integrations_list ) {
141
-
142
- self::$integrations_list = array(
143
- 'premium-map-api',
144
- 'premium-youtube-api',
145
- 'premium-map-disable-api',
146
- 'premium-map-cluster',
147
- 'premium-map-locale',
148
- 'is-beta-tester',
149
- );
150
-
151
- }
152
-
153
- return self::$integrations_list;
154
-
155
- }
156
-
157
- /**
158
- * Admin Enqueue Scripts
159
- *
160
- * Enqueue the required assets on our admin pages
161
- *
162
- * @since 1.0.0
163
- * @access public
164
- */
165
- public function admin_enqueue_scripts() {
166
-
167
- wp_enqueue_style(
168
- 'pa_admin_icon',
169
- PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
170
- array(),
171
- PREMIUM_ADDONS_VERSION,
172
- 'all'
173
- );
174
-
175
- $suffix = is_rtl() ? '-rtl' : '';
176
-
177
- $current_screen = self::get_current_screen();
178
-
179
- wp_enqueue_style(
180
- 'pa-notice-css',
181
- PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
182
- array(),
183
- PREMIUM_ADDONS_VERSION,
184
- 'all'
185
- );
186
-
187
- if ( strpos( $current_screen, $this->page_slug ) !== false ) {
188
-
189
- wp_enqueue_style(
190
- 'pa-admin-css',
191
- PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
192
- array(),
193
- PREMIUM_ADDONS_VERSION,
194
- 'all'
195
- );
196
-
197
- wp_enqueue_style(
198
- 'pa-sweetalert-style',
199
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
200
- array(),
201
- PREMIUM_ADDONS_VERSION,
202
- 'all'
203
- );
204
-
205
- wp_enqueue_script(
206
- 'pa-admin',
207
- PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
208
- array( 'jquery' ),
209
- PREMIUM_ADDONS_VERSION,
210
- true
211
- );
212
-
213
- wp_enqueue_script(
214
- 'pa-sweetalert-core',
215
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
216
- array( 'jquery' ),
217
- PREMIUM_ADDONS_VERSION,
218
- true
219
- );
220
-
221
- wp_enqueue_script(
222
- 'pa-sweetalert',
223
- PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
224
- array( 'jquery', 'pa-sweetalert-core' ),
225
- PREMIUM_ADDONS_VERSION,
226
- true
227
- );
228
-
229
- $theme_slug = Helper_Functions::get_installed_theme();
230
-
231
- $localized_data = array(
232
- 'settings' => array(
233
- 'ajaxurl' => admin_url( 'admin-ajax.php' ),
234
- 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
235
- 'theme' => $theme_slug,
236
- ),
237
- 'premiumRollBackConfirm' => array(
238
- 'home_url' => home_url(),
239
- 'i18n' => array(
240
- 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
241
- /* translators: %s: PA stable version */
242
- 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
243
- 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
244
- 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
245
- ),
246
- ),
247
- );
248
-
249
- // Add PAPRO Rollback Confirm message if PAPRO installed.
250
- if ( Helper_Functions::check_papro_version() ) {
251
- /* translators: %s: PA stable version */
252
- $localized_data['premiumRollBackConfirm']['i18n']['papro_rollback_confirm'] = sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
253
- }
254
-
255
- wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
256
-
257
- }
258
- }
259
-
260
- /**
261
- * Insert action links.
262
- *
263
- * Adds action links to the plugin list table
264
- *
265
- * Fired by `plugin_action_links` filter.
266
- *
267
- * @param array $links plugin action links.
268
- *
269
- * @since 1.0.0
270
- * @access public
271
- */
272
- public function insert_action_links( $links ) {
273
-
274
- $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
275
-
276
- $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
277
-
278
- $settings_link = sprintf( '<a href="%1$s">%2$s</a>', admin_url( 'admin.php?page=' . $this->page_slug . '#tab=elements' ), __( 'Settings', 'premium-addons-for-elementor' ) );
279
-
280
- $rollback_link = sprintf( '<a href="%1$s">%2$s %3$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __( 'Rollback to Version ', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
281
-
282
- $new_links = array( $settings_link, $rollback_link );
283
-
284
- if ( ! $is_papro_installed ) {
285
-
286
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
287
-
288
- $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #39b54a; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
289
- array_push( $new_links, $pro_link );
290
- }
291
-
292
- $new_links = array_merge( $links, $new_links );
293
-
294
- return $new_links;
295
- }
296
-
297
- /**
298
- * Plugin row meta.
299
- *
300
- * Extends plugin row meta links
301
- *
302
- * Fired by `plugin_row_meta` filter.
303
- *
304
- * @since 3.8.4
305
- * @access public
306
- *
307
- * @param array $meta array of the plugin's metadata.
308
- * @param string $file path to the plugin file.
309
- *
310
- * @return array An array of plugin row meta links.
311
- */
312
- public function plugin_row_meta( $meta, $file ) {
313
-
314
- if ( Helper_Functions::is_hide_row_meta() ) {
315
- return $meta;
316
- }
317
-
318
- if ( PREMIUM_ADDONS_BASENAME === $file ) {
319
-
320
- $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
321
-
322
- $row_meta = array(
323
- 'docs' => '<a href="' . esc_attr( $link ) . '" aria-label="' . esc_attr( __( 'View Premium Addons for Elementor Documentation', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Docs & FAQs', 'premium-addons-for-elementor' ) . '</a>',
324
- 'videos' => '<a href="https://www.youtube.com/watch?v=D3INxWw_jKI&list=PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv" aria-label="' . esc_attr( __( 'View Premium Addons Video Tutorials', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Video Tutorials', 'premium-addons-for-elementor' ) . '</a>',
325
- );
326
-
327
- $meta = array_merge( $meta, $row_meta );
328
- }
329
-
330
- return $meta;
331
-
332
- }
333
-
334
- /**
335
- * Gets current screen slug
336
- *
337
- * @since 3.3.8
338
- * @access public
339
- *
340
- * @return string current screen slug
341
- */
342
- public static function get_current_screen() {
343
-
344
- self::$current_screen = get_current_screen()->id;
345
-
346
- return isset( self::$current_screen ) ? self::$current_screen : false;
347
-
348
- }
349
-
350
- /**
351
- * Set Admin Tabs
352
- *
353
- * @access private
354
- * @since 3.20.8
355
- */
356
- private function set_admin_tabs() {
357
-
358
- $slug = $this->page_slug;
359
-
360
- self::$tabs = array(
361
- 'general' => array(
362
- 'id' => 'general',
363
- 'slug' => $slug . '#tab=general',
364
- 'title' => __( 'General', 'premium-addons-for-elementor' ),
365
- 'href' => '#tab=general',
366
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
367
- ),
368
- 'elements' => array(
369
- 'id' => 'elements',
370
- 'slug' => $slug . '#tab=elements',
371
- 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
372
- 'href' => '#tab=elements',
373
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
374
- ),
375
- 'features' => array(
376
- 'id' => 'features',
377
- 'slug' => $slug . '#tab=features',
378
- 'title' => __( 'Features', 'premium-addons-for-elementor' ),
379
- 'href' => '#tab=features',
380
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
381
- ),
382
- 'integrations' => array(
383
- 'id' => 'integrations',
384
- 'slug' => $slug . '#tab=integrations',
385
- 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
386
- 'href' => '#tab=integrations',
387
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
388
- ),
389
- 'version-control' => array(
390
- 'id' => 'vcontrol',
391
- 'slug' => $slug . '#tab=vcontrol',
392
- 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
393
- 'href' => '#tab=vcontrol',
394
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
395
- ),
396
- 'white-label' => array(
397
- 'id' => 'white-label',
398
- 'slug' => $slug . '#tab=white-label',
399
- 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
400
- 'href' => '#tab=white-label',
401
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
402
- ),
403
- 'info' => array(
404
- 'id' => 'system-info',
405
- 'slug' => $slug . '#tab=system-info',
406
- 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
407
- 'href' => '#tab=system-info',
408
- 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
409
- ),
410
- );
411
-
412
- self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
413
-
414
- }
415
-
416
- /**
417
- * Add Menu Tabs
418
- *
419
- * Create Submenu Page
420
- *
421
- * @since 3.20.9
422
- * @access public
423
- *
424
- * @return void
425
- */
426
- public function add_menu_tabs() {
427
-
428
- $plugin_name = Helper_Functions::name();
429
-
430
- call_user_func(
431
- 'add_menu_page',
432
- $plugin_name,
433
- $plugin_name,
434
- 'manage_options',
435
- $this->page_slug,
436
- array( $this, 'render_setting_tabs' ),
437
- '',
438
- 100
439
- );
440
-
441
- foreach ( self::$tabs as $tab ) {
442
-
443
- call_user_func(
444
- 'add_submenu_page',
445
- $this->page_slug,
446
- $tab['title'],
447
- $tab['title'],
448
- 'manage_options',
449
- $tab['slug'],
450
- '__return_null'
451
- );
452
- }
453
-
454
- remove_submenu_page( $this->page_slug, $this->page_slug );
455
- }
456
-
457
- /**
458
- * Render Setting Tabs
459
- *
460
- * Render the final HTML content for admin setting tabs
461
- *
462
- * @access public
463
- * @since 3.20.8
464
- */
465
- public function render_setting_tabs() {
466
-
467
- ?>
468
- <div class="pa-settings-wrap">
469
- <?php do_action( 'pa_before_render_admin_tabs' ); ?>
470
- <div class="pa-settings-tabs">
471
- <ul class="pa-settings-tabs-list">
472
- <?php
473
- foreach ( self::$tabs as $key => $tab ) {
474
- $link = '<li class="pa-settings-tab">';
475
- $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
476
- $link .= ' href="' . esc_url( $tab['href'] ) . '">';
477
- $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
478
- $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
479
- $link .= '</a>';
480
- $link .= '</li>';
481
-
482
- echo $link;
483
- }
484
- ?>
485
- </ul>
486
- </div> <!-- Settings Tabs -->
487
-
488
- <div class="pa-settings-sections">
489
- <?php
490
- foreach ( self::$tabs as $key => $tab ) {
491
- echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
492
- include_once $tab['template'] . '.php';
493
- echo '</div>';
494
- }
495
- ?>
496
- </div> <!-- Settings Sections -->
497
- <?php do_action( 'pa_after_render_admin_tabs' ); ?>
498
- </div> <!-- Settings Wrap -->
499
- <?php
500
- }
501
-
502
- /**
503
- * Render Dashboard Header
504
- *
505
- * @since 4.0.0
506
- * @access public
507
- */
508
- public function render_dashboard_header() {
509
-
510
- $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
511
-
512
- $show_logo = Helper_Functions::is_hide_logo();
513
-
514
- ?>
515
-
516
- <div class="papro-admin-notice">
517
- <?php if ( ! $show_logo ) : ?>
518
- <div class="papro-admin-notice-left">
519
- <div class="papro-admin-notice-logo">
520
- <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
521
- </div>
522
- <a href="https://premiumaddons.com" target="_blank"></a>
523
- </div>
524
- <?php endif; ?>
525
-
526
- <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
527
- <div class="papro-admin-notice-right">
528
- <div class="papro-admin-notice-info">
529
- <h4>
530
- <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
531
- </h4>
532
- <p>
533
- <?php
534
- /* translators: %s: html tags */
535
- echo wp_kses_post( sprintf( __( 'Supercharge your Elementor with %1$sPRO Widgets & Addons%2$s that you won\'t find anywhere else.', 'premium-addons-for-elementor' ), '<span>', '</span>' ) );
536
- ?>
537
- </p>
538
- </div>
539
- <div class="papro-admin-notice-cta">
540
- <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
541
- <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
542
- </a>
543
- </div>
544
- </div>
545
- <?php endif; ?>
546
- </div>
547
-
548
- <?php
549
- }
550
-
551
- /**
552
- * Save Settings
553
- *
554
- * Save elements settings using AJAX
555
- *
556
- * @access public
557
- * @since 3.20.8
558
- */
559
- public function save_settings() {
560
-
561
- check_ajax_referer( 'pa-settings-tab', 'security' );
562
-
563
- if ( ! isset( $_POST['fields'] ) ) {
564
- return;
565
- }
566
-
567
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
568
-
569
- $defaults = self::get_default_elements();
570
-
571
- $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
572
-
573
- update_option( 'pa_save_settings', $elements );
574
-
575
- wp_send_json_success();
576
- }
577
-
578
- /**
579
- * Save Integrations Control Settings
580
- *
581
- * Stores integration and version control settings
582
- *
583
- * @since 3.20.8
584
- * @access public
585
- */
586
- public function save_additional_settings() {
587
-
588
- check_ajax_referer( 'pa-settings-tab', 'security' );
589
-
590
- if ( ! isset( $_POST['fields'] ) ) {
591
- return;
592
- }
593
-
594
- parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
595
-
596
- $new_settings = array(
597
- 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
598
- 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
599
- 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
600
- 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
601
- 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
602
- 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
603
- );
604
-
605
- update_option( 'pa_maps_save_settings', $new_settings );
606
-
607
- wp_send_json_success( $settings );
608
-
609
- }
610
-
611
- /**
612
- * Save Global Button Value
613
- *
614
- * Saves value for elements global switcher
615
- *
616
- * @since 4.0.0
617
- * @access public
618
- */
619
- public function save_global_btn_value() {
620
-
621
- check_ajax_referer( 'pa-settings-tab', 'security' );
622
-
623
- if ( ! isset( $_POST['isGlobalOn'] ) ) {
624
- wp_send_json_error();
625
- }
626
-
627
- $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
628
-
629
- update_option( 'pa_global_btn_value', $global_btn_value );
630
-
631
- wp_send_json_success();
632
-
633
- }
634
-
635
- /**
636
- * Get default Elements
637
- *
638
- * @since 3.20.9
639
- * @access private
640
- *
641
- * @return $default_keys array keys defaults
642
- */
643
- private static function get_default_elements() {
644
-
645
- $elements = self::get_elements_list();
646
-
647
- $keys = array();
648
-
649
- // Now, we need to fill our array with elements keys.
650
- foreach ( $elements as $cat ) {
651
- if ( count( $cat['elements'] ) ) {
652
- foreach ( $cat['elements'] as $elem ) {
653
- array_push( $keys, $elem['key'] );
654
- }
655
- }
656
- }
657
-
658
- $default_keys = array_fill_keys( $keys, true );
659
-
660
- return $default_keys;
661
-
662
- }
663
-
664
- /**
665
- * Get Default Interations
666
- *
667
- * @since 3.20.9
668
- * @access private
669
- *
670
- * @return $default_keys array default keys
671
- */
672
- private static function get_default_integrations() {
673
-
674
- $settings = self::get_integrations_list();
675
-
676
- $default_keys = array_fill_keys( $settings, true );
677
-
678
- // Beta Tester should NOT be enabled by default.
679
- $default_keys['is-beta-tester'] = false;
680
-
681
- return $default_keys;
682
-
683
- }
684
-
685
- /**
686
- * Get enabled widgets
687
- *
688
- * @since 3.20.9
689
- * @access public
690
- *
691
- * @return array $enabled_keys enabled elements
692
- */
693
- public static function get_enabled_elements() {
694
-
695
- $defaults = self::get_default_elements();
696
-
697
- $enabled_keys = get_option( 'pa_save_settings', $defaults );
698
-
699
- foreach ( $defaults as $key => $value ) {
700
- if ( ! isset( $enabled_keys[ $key ] ) ) {
701
- $defaults[ $key ] = 0;
702
- }
703
- }
704
-
705
- return $defaults;
706
-
707
- }
708
-
709
- /**
710
- * Check If Premium Templates is enabled
711
- *
712
- * @since 3.6.0
713
- * @access public
714
- *
715
- * @return boolean
716
- */
717
- public static function check_premium_templates() {
718
-
719
- $settings = self::get_enabled_elements();
720
-
721
- if ( ! isset( $settings['premium-templates'] ) ) {
722
- return true;
723
- }
724
-
725
- $is_enabled = $settings['premium-templates'];
726
-
727
- return $is_enabled;
728
- }
729
-
730
-
731
- /**
732
- * Check If Premium Duplicator is enabled
733
- *
734
- * @since 3.20.9
735
- * @access public
736
- *
737
- * @return boolean
738
- */
739
- public static function check_duplicator() {
740
-
741
- $settings = self::get_enabled_elements();
742
-
743
- if ( ! isset( $settings['premium-duplicator'] ) ) {
744
- return true;
745
- }
746
-
747
- $is_enabled = $settings['premium-duplicator'];
748
-
749
- return $is_enabled;
750
- }
751
-
752
- /**
753
- * Get Integrations Settings
754
- *
755
- * Get plugin integrations settings
756
- *
757
- * @since 3.20.9
758
- * @access public
759
- *
760
- * @return array $settings integrations settings
761
- */
762
- public static function get_integrations_settings() {
763
-
764
- $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
765
-
766
- return $enabled_keys;
767
-
768
- }
769
-
770
- /**
771
- * Run PA Rollback
772
- *
773
- * Trigger PA Rollback actions
774
- *
775
- * @since 4.2.5
776
- * @access public
777
- */
778
- public function run_pa_rollback() {
779
-
780
- check_admin_referer( 'premium_addons_rollback' );
781
-
782
- $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
783
-
784
- $pa_rollback = new PA_Rollback(
785
- array(
786
- 'version' => PREMIUM_ADDONS_STABLE_VERSION,
787
- 'plugin_name' => PREMIUM_ADDONS_BASENAME,
788
- 'plugin_slug' => $plugin_slug,
789
- 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
790
- )
791
- );
792
-
793
- $pa_rollback->run();
794
-
795
- wp_die(
796
- '',
797
- esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
798
- array(
799
- 'response' => 200,
800
- )
801
- );
802
-
803
- }
804
-
805
- /**
806
- * Creates and returns an instance of the class
807
- *
808
- * @since 1.0.0
809
- * @access public
810
- *
811
- * @return object
812
- */
813
- public static function get_instance() {
814
-
815
- if ( ! isset( self::$instance ) ) {
816
-
817
- self::$instance = new self();
818
-
819
- }
820
-
821
- return self::$instance;
822
- }
823
- }
1
+ <?php
2
+ /**
3
+ * PA Admin Helper
4
+ */
5
+
6
+ namespace PremiumAddons\Admin\Includes;
7
+
8
+ use PremiumAddons\Includes\Helper_Functions;
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) {
11
+ exit;
12
+ }
13
+
14
+ /**
15
+ * Class Admin_Helper
16
+ */
17
+ class Admin_Helper {
18
+
19
+ /**
20
+ * Admin settings tabs
21
+ *
22
+ * @var tabs
23
+ */
24
+ private static $tabs = null;
25
+
26
+ /**
27
+ * Class instance
28
+ *
29
+ * @var instance
30
+ */
31
+ private static $instance = null;
32
+
33
+ /**
34
+ * Premium Addons Settings Page Slug
35
+ *
36
+ * @var page_slug
37
+ */
38
+ protected $page_slug = 'premium-addons';
39
+
40
+ /**
41
+ * Current Screen ID
42
+ *
43
+ * @var current_screen
44
+ */
45
+ public static $current_screen = null;
46
+
47
+ /**
48
+ * Elements List
49
+ *
50
+ * @var elements_list
51
+ */
52
+ public static $elements_list = null;
53
+
54
+ /**
55
+ * Integrations List
56
+ *
57
+ * @var integrations_list
58
+ */
59
+ public static $integrations_list = null;
60
+
61
+ /**
62
+ * Constructor for the class
63
+ */
64
+ public function __construct() {
65
+
66
+ // Get current screen ID.
67
+ add_action( 'current_screen', array( $this, 'get_current_screen' ) );
68
+
69
+ // Insert admin settings submenus.
70
+ $this->set_admin_tabs();
71
+ add_action( 'admin_menu', array( $this, 'add_menu_tabs' ), 100 );
72
+
73
+ // Enqueue required admin scripts.
74
+ add_action( 'admin_enqueue_scripts', array( $this, 'admin_enqueue_scripts' ) );
75
+
76
+ // Plugin Action Links.
77
+ add_filter( 'plugin_action_links_' . PREMIUM_ADDONS_BASENAME, array( $this, 'insert_action_links' ) );
78
+ add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
79
+
80
+ // Register AJAX HOOKS.
81
+ add_action( 'wp_ajax_pa_save_global_btn', array( $this, 'save_global_btn_value' ) );
82
+ add_action( 'wp_ajax_pa_elements_settings', array( $this, 'save_settings' ) );
83
+ add_action( 'wp_ajax_pa_additional_settings', array( $this, 'save_additional_settings' ) );
84
+
85
+ add_action( 'pa_before_render_admin_tabs', array( $this, 'render_dashboard_header' ) );
86
+
87
+ // Register Rollback hooks.
88
+ add_action( 'admin_post_premium_addons_rollback', array( $this, 'run_pa_rollback' ) );
89
+
90
+ // Beta_Testers::get_instance();
91
+
92
+ if ( is_admin() ) {
93
+ $current_page = $_SERVER['REQUEST_URI'];
94
+ if ( false === strpos( $current_page, 'action=elementor' ) ) {
95
+ Admin_Notices::get_instance();
96
+
97
+ // PA Duplicator.
98
+ if ( self::check_duplicator() ) {
99
+ Duplicator::get_instance();
100
+ }
101
+ }
102
+ }
103
+
104
+ }
105
+
106
+ /**
107
+ * Get Elements List
108
+ *
109
+ * Get a list of all the elements available in the plugin
110
+ *
111
+ * @since 3.20.9
112
+ * @access private
113
+ *
114
+ * @return array widget_list
115
+ */
116
+ private static function get_elements_list() {
117
+
118
+ if ( null === self::$elements_list ) {
119
+
120
+ self::$elements_list = require_once PREMIUM_ADDONS_PATH . 'admin/includes/elements.php';
121
+
122
+ }
123
+
124
+ return self::$elements_list;
125
+
126
+ }
127
+
128
+ /**
129
+ * Get Integrations List
130
+ *
131
+ * Get a list of all the integrations available in the plugin
132
+ *
133
+ * @since 3.20.9
134
+ * @access private
135
+ *
136
+ * @return array integrations_list
137
+ */
138
+ private static function get_integrations_list() {
139
+
140
+ if ( null === self::$integrations_list ) {
141
+
142
+ self::$integrations_list = array(
143
+ 'premium-map-api',
144
+ 'premium-youtube-api',
145
+ 'premium-map-disable-api',
146
+ 'premium-map-cluster',
147
+ 'premium-map-locale',
148
+ 'is-beta-tester',
149
+ );
150
+
151
+ }
152
+
153
+ return self::$integrations_list;
154
+
155
+ }
156
+
157
+ /**
158
+ * Admin Enqueue Scripts
159
+ *
160
+ * Enqueue the required assets on our admin pages
161
+ *
162
+ * @since 1.0.0
163
+ * @access public
164
+ */
165
+ public function admin_enqueue_scripts() {
166
+
167
+ wp_enqueue_style(
168
+ 'pa_admin_icon',
169
+ PREMIUM_ADDONS_URL . 'admin/assets/fonts/style.css',
170
+ array(),
171
+ PREMIUM_ADDONS_VERSION,
172
+ 'all'
173
+ );
174
+
175
+ $suffix = is_rtl() ? '-rtl' : '';
176
+
177
+ $current_screen = self::get_current_screen();
178
+
179
+ wp_enqueue_style(
180
+ 'pa-notice-css',
181
+ PREMIUM_ADDONS_URL . 'admin/assets/css/notice' . $suffix . '.css',
182
+ array(),
183
+ PREMIUM_ADDONS_VERSION,
184
+ 'all'
185
+ );
186
+
187
+ if ( strpos( $current_screen, $this->page_slug ) !== false ) {
188
+
189
+ wp_enqueue_style(
190
+ 'pa-admin-css',
191
+ PREMIUM_ADDONS_URL . 'admin/assets/css/admin' . $suffix . '.css',
192
+ array(),
193
+ PREMIUM_ADDONS_VERSION,
194
+ 'all'
195
+ );
196
+
197
+ wp_enqueue_style(
198
+ 'pa-sweetalert-style',
199
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.css',
200
+ array(),
201
+ PREMIUM_ADDONS_VERSION,
202
+ 'all'
203
+ );
204
+
205
+ wp_enqueue_script(
206
+ 'pa-admin',
207
+ PREMIUM_ADDONS_URL . 'admin/assets/js/admin.js',
208
+ array( 'jquery' ),
209
+ PREMIUM_ADDONS_VERSION,
210
+ true
211
+ );
212
+
213
+ wp_enqueue_script(
214
+ 'pa-sweetalert-core',
215
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/core.js',
216
+ array( 'jquery' ),
217
+ PREMIUM_ADDONS_VERSION,
218
+ true
219
+ );
220
+
221
+ wp_enqueue_script(
222
+ 'pa-sweetalert',
223
+ PREMIUM_ADDONS_URL . 'admin/assets/js/sweetalert2/sweetalert2.min.js',
224
+ array( 'jquery', 'pa-sweetalert-core' ),
225
+ PREMIUM_ADDONS_VERSION,
226
+ true
227
+ );
228
+
229
+ $theme_slug = Helper_Functions::get_installed_theme();
230
+
231
+ $localized_data = array(
232
+ 'settings' => array(
233
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
234
+ 'nonce' => wp_create_nonce( 'pa-settings-tab' ),
235
+ 'theme' => $theme_slug,
236
+ ),
237
+ 'premiumRollBackConfirm' => array(
238
+ 'home_url' => home_url(),
239
+ 'i18n' => array(
240
+ 'rollback_to_previous_version' => __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ),
241
+ /* translators: %s: PA stable version */
242
+ 'rollback_confirm' => sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION ),
243
+ 'yes' => __( 'Continue', 'premium-addons-for-elementor' ),
244
+ 'cancel' => __( 'Cancel', 'premium-addons-for-elementor' ),
245
+ ),
246
+ ),
247
+ );
248
+
249
+ // Add PAPRO Rollback Confirm message if PAPRO installed.
250
+ if ( Helper_Functions::check_papro_version() ) {
251
+ /* translators: %s: PA stable version */
252
+ $localized_data['premiumRollBackConfirm']['i18n']['papro_rollback_confirm'] = sprintf( __( 'Are you sure you want to reinstall version %s?', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
253
+ }
254
+
255
+ wp_localize_script( 'pa-admin', 'premiumAddonsSettings', $localized_data );
256
+
257
+ }
258
+ }
259
+
260
+ /**
261
+ * Insert action links.
262
+ *
263
+ * Adds action links to the plugin list table
264
+ *
265
+ * Fired by `plugin_action_links` filter.
266
+ *
267
+ * @param array $links plugin action links.
268
+ *
269
+ * @since 1.0.0
270
+ * @access public
271
+ */
272
+ public function insert_action_links( $links ) {
273
+
274
+ $papro_path = 'premium-addons-pro/premium-addons-pro-for-elementor.php';
275
+
276
+ $is_papro_installed = Helper_Functions::is_plugin_installed( $papro_path );
277
+
278
+ $settings_link = sprintf( '<a href="%1$s">%2$s</a>', admin_url( 'admin.php?page=' . $this->page_slug . '#tab=elements' ), __( 'Settings', 'premium-addons-for-elementor' ) );
279
+
280
+ $rollback_link = sprintf( '<a href="%1$s">%2$s %3$s</a>', wp_nonce_url( admin_url( 'admin-post.php?action=premium_addons_rollback' ), 'premium_addons_rollback' ), __( 'Rollback to Version ', 'premium-addons-for-elementor' ), PREMIUM_ADDONS_STABLE_VERSION );
281
+
282
+ $new_links = array( $settings_link, $rollback_link );
283
+
284
+ if ( ! $is_papro_installed ) {
285
+
286
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro', 'plugins-page', 'wp-dash', 'get-pro' );
287
+
288
+ $pro_link = sprintf( '<a href="%s" target="_blank" style="color: #39b54a; font-weight: bold;">%s</a>', $link, __( 'Go Pro', 'premium-addons-for-elementor' ) );
289
+ array_push( $new_links, $pro_link );
290
+ }
291
+
292
+ $new_links = array_merge( $links, $new_links );
293
+
294
+ return $new_links;
295
+ }
296
+
297
+ /**
298
+ * Plugin row meta.
299
+ *
300
+ * Extends plugin row meta links
301
+ *
302
+ * Fired by `plugin_row_meta` filter.
303
+ *
304
+ * @since 3.8.4
305
+ * @access public
306
+ *
307
+ * @param array $meta array of the plugin's metadata.
308
+ * @param string $file path to the plugin file.
309
+ *
310
+ * @return array An array of plugin row meta links.
311
+ */
312
+ public function plugin_row_meta( $meta, $file ) {
313
+
314
+ if ( Helper_Functions::is_hide_row_meta() ) {
315
+ return $meta;
316
+ }
317
+
318
+ if ( PREMIUM_ADDONS_BASENAME === $file ) {
319
+
320
+ $link = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/support', 'plugins-page', 'wp-dash', 'get-support' );
321
+
322
+ $row_meta = array(
323
+ 'docs' => '<a href="' . esc_attr( $link ) . '" aria-label="' . esc_attr( __( 'View Premium Addons for Elementor Documentation', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Docs & FAQs', 'premium-addons-for-elementor' ) . '</a>',
324
+ 'videos' => '<a href="https://www.youtube.com/watch?v=D3INxWw_jKI&list=PLLpZVOYpMtTArB4hrlpSnDJB36D2sdoTv" aria-label="' . esc_attr( __( 'View Premium Addons Video Tutorials', 'premium-addons-for-elementor' ) ) . '" target="_blank">' . __( 'Video Tutorials', 'premium-addons-for-elementor' ) . '</a>',
325
+ );
326
+
327
+ $meta = array_merge( $meta, $row_meta );
328
+ }
329
+
330
+ return $meta;
331
+
332
+ }
333
+
334
+ /**
335
+ * Gets current screen slug
336
+ *
337
+ * @since 3.3.8
338
+ * @access public
339
+ *
340
+ * @return string current screen slug
341
+ */
342
+ public static function get_current_screen() {
343
+
344
+ self::$current_screen = get_current_screen()->id;
345
+
346
+ return isset( self::$current_screen ) ? self::$current_screen : false;
347
+
348
+ }
349
+
350
+ /**
351
+ * Set Admin Tabs
352
+ *
353
+ * @access private
354
+ * @since 3.20.8
355
+ */
356
+ private function set_admin_tabs() {
357
+
358
+ $slug = $this->page_slug;
359
+
360
+ self::$tabs = array(
361
+ 'general' => array(
362
+ 'id' => 'general',
363
+ 'slug' => $slug . '#tab=general',
364
+ 'title' => __( 'General', 'premium-addons-for-elementor' ),
365
+ 'href' => '#tab=general',
366
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/general',
367
+ ),
368
+ 'elements' => array(
369
+ 'id' => 'elements',
370
+ 'slug' => $slug . '#tab=elements',
371
+ 'title' => __( 'Widgets & Add-ons', 'premium-addons-for-elementor' ),
372
+ 'href' => '#tab=elements',
373
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/modules-settings',
374
+ ),
375
+ 'features' => array(
376
+ 'id' => 'features',
377
+ 'slug' => $slug . '#tab=features',
378
+ 'title' => __( 'Features', 'premium-addons-for-elementor' ),
379
+ 'href' => '#tab=features',
380
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/features',
381
+ ),
382
+ 'integrations' => array(
383
+ 'id' => 'integrations',
384
+ 'slug' => $slug . '#tab=integrations',
385
+ 'title' => __( 'Integrations', 'premium-addons-for-elementor' ),
386
+ 'href' => '#tab=integrations',
387
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/integrations',
388
+ ),
389
+ 'version-control' => array(
390
+ 'id' => 'vcontrol',
391
+ 'slug' => $slug . '#tab=vcontrol',
392
+ 'title' => __( 'Version Control', 'premium-addons-for-elementor' ),
393
+ 'href' => '#tab=vcontrol',
394
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/version-control',
395
+ ),
396
+ 'white-label' => array(
397
+ 'id' => 'white-label',
398
+ 'slug' => $slug . '#tab=white-label',
399
+ 'title' => __( 'White Labeling', 'premium-addons-for-elementor' ),
400
+ 'href' => '#tab=white-label',
401
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/white-label',
402
+ ),
403
+ 'info' => array(
404
+ 'id' => 'system-info',
405
+ 'slug' => $slug . '#tab=system-info',
406
+ 'title' => __( 'System Info', 'premium-addons-for-elementor' ),
407
+ 'href' => '#tab=system-info',
408
+ 'template' => PREMIUM_ADDONS_PATH . 'admin/includes/templates/info',
409
+ ),
410
+ );
411
+
412
+ self::$tabs = apply_filters( 'pa_admin_register_tabs', self::$tabs );
413
+
414
+ }
415
+
416
+ /**
417
+ * Add Menu Tabs
418
+ *
419
+ * Create Submenu Page
420
+ *
421
+ * @since 3.20.9
422
+ * @access public
423
+ *
424
+ * @return void
425
+ */
426
+ public function add_menu_tabs() {
427
+
428
+ $plugin_name = Helper_Functions::name();
429
+
430
+ call_user_func(
431
+ 'add_menu_page',
432
+ $plugin_name,
433
+ $plugin_name,
434
+ 'manage_options',
435
+ $this->page_slug,
436
+ array( $this, 'render_setting_tabs' ),
437
+ '',
438
+ 100
439
+ );
440
+
441
+ foreach ( self::$tabs as $tab ) {
442
+
443
+ call_user_func(
444
+ 'add_submenu_page',
445
+ $this->page_slug,
446
+ $tab['title'],
447
+ $tab['title'],
448
+ 'manage_options',
449
+ $tab['slug'],
450
+ '__return_null'
451
+ );
452
+ }
453
+
454
+ remove_submenu_page( $this->page_slug, $this->page_slug );
455
+ }
456
+
457
+ /**
458
+ * Render Setting Tabs
459
+ *
460
+ * Render the final HTML content for admin setting tabs
461
+ *
462
+ * @access public
463
+ * @since 3.20.8
464
+ */
465
+ public function render_setting_tabs() {
466
+
467
+ ?>
468
+ <div class="pa-settings-wrap">
469
+ <?php do_action( 'pa_before_render_admin_tabs' ); ?>
470
+ <div class="pa-settings-tabs">
471
+ <ul class="pa-settings-tabs-list">
472
+ <?php
473
+ foreach ( self::$tabs as $key => $tab ) {
474
+ $link = '<li class="pa-settings-tab">';
475
+ $link .= '<a id="pa-tab-link-' . esc_attr( $tab['id'] ) . '"';
476
+ $link .= ' href="' . esc_url( $tab['href'] ) . '">';
477
+ $link .= '<i class="pa-dash-' . esc_attr( $tab['id'] ) . '"></i>';
478
+ $link .= '<span>' . esc_html( $tab['title'] ) . '</span>';
479
+ $link .= '</a>';
480
+ $link .= '</li>';
481
+
482
+ echo $link;
483
+ }
484
+ ?>
485
+ </ul>
486
+ </div> <!-- Settings Tabs -->
487
+
488
+ <div class="pa-settings-sections">
489
+ <?php
490
+ foreach ( self::$tabs as $key => $tab ) {
491
+ echo wp_kses_post( '<div id="pa-section-' . $tab['id'] . '" class="pa-section pa-section-' . $key . '">' );
492
+ include_once $tab['template'] . '.php';
493
+ echo '</div>';
494
+ }
495
+ ?>
496
+ </div> <!-- Settings Sections -->
497
+ <?php do_action( 'pa_after_render_admin_tabs' ); ?>
498
+ </div> <!-- Settings Wrap -->
499
+ <?php
500
+ }
501
+
502
+ /**
503
+ * Render Dashboard Header
504
+ *
505
+ * @since 4.0.0
506
+ * @access public
507
+ */
508
+ public function render_dashboard_header() {
509
+
510
+ $url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/pro/', 'settings-page', 'wp-dash', 'dashboard' );
511
+
512
+ $show_logo = Helper_Functions::is_hide_logo();
513
+
514
+ ?>
515
+
516
+ <div class="papro-admin-notice">
517
+ <?php if ( ! $show_logo ) : ?>
518
+ <div class="papro-admin-notice-left">
519
+ <div class="papro-admin-notice-logo">
520
+ <img class="pa-notice-logo" src="<?php echo esc_attr( PREMIUM_ADDONS_URL . 'admin/images/papro-notice-logo.png' ); ?>">
521
+ </div>
522
+ <a href="https://premiumaddons.com" target="_blank"></a>
523
+ </div>
524
+ <?php endif; ?>
525
+
526
+ <?php if ( ! Helper_Functions::check_papro_version() ) : ?>
527
+ <div class="papro-admin-notice-right">
528
+ <div class="papro-admin-notice-info">
529
+ <h4>
530
+ <?php echo esc_html( __( 'Get Premium Addons PRO', 'premium-addons-for-elementor' ) ); ?>
531
+ </h4>
532
+ <p>
533
+ <?php
534
+ /* translators: %s: html tags */
535
+ echo wp_kses_post( sprintf( __( 'Supercharge your Elementor with %1$sPRO Widgets & Addons%2$s that you won\'t find anywhere else.', 'premium-addons-for-elementor' ), '<span>', '</span>' ) );
536
+ ?>
537
+ </p>
538
+ </div>
539
+ <div class="papro-admin-notice-cta">
540
+ <a class="papro-notice-btn" href="<?php echo esc_url( $url ); ?>" target="_blank">
541
+ <?php echo esc_html( __( 'Get PRO', 'premium-addons-for-elementor' ) ); ?>
542
+ </a>
543
+ </div>
544
+ </div>
545
+ <?php endif; ?>
546
+ </div>
547
+
548
+ <?php
549
+ }
550
+
551
+ /**
552
+ * Save Settings
553
+ *
554
+ * Save elements settings using AJAX
555
+ *
556
+ * @access public
557
+ * @since 3.20.8
558
+ */
559
+ public function save_settings() {
560
+
561
+ check_ajax_referer( 'pa-settings-tab', 'security' );
562
+
563
+ if ( ! isset( $_POST['fields'] ) ) {
564
+ return;
565
+ }
566
+
567
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
568
+
569
+ $defaults = self::get_default_elements();
570
+
571
+ $elements = array_fill_keys( array_keys( array_intersect_key( $settings, $defaults ) ), true );
572
+
573
+ update_option( 'pa_save_settings', $elements );
574
+
575
+ wp_send_json_success();
576
+ }
577
+
578
+ /**
579
+ * Save Integrations Control Settings
580
+ *
581
+ * Stores integration and version control settings
582
+ *
583
+ * @since 3.20.8
584
+ * @access public
585
+ */
586
+ public function save_additional_settings() {
587
+
588
+ check_ajax_referer( 'pa-settings-tab', 'security' );
589
+
590
+ if ( ! isset( $_POST['fields'] ) ) {
591
+ return;
592
+ }
593
+
594
+ parse_str( sanitize_text_field( $_POST['fields'] ), $settings );
595
+
596
+ $new_settings = array(
597
+ 'premium-map-api' => sanitize_text_field( $settings['premium-map-api'] ),
598
+ 'premium-youtube-api' => sanitize_text_field( $settings['premium-youtube-api'] ),
599
+ 'premium-map-disable-api' => intval( $settings['premium-map-disable-api'] ? 1 : 0 ),
600
+ 'premium-map-cluster' => intval( $settings['premium-map-cluster'] ? 1 : 0 ),
601
+ 'premium-map-locale' => sanitize_text_field( $settings['premium-map-locale'] ),
602
+ 'is-beta-tester' => intval( $settings['is-beta-tester'] ? 1 : 0 ),
603
+ );
604
+
605
+ update_option( 'pa_maps_save_settings', $new_settings );
606
+
607
+ wp_send_json_success( $settings );
608
+
609
+ }
610
+
611
+ /**
612
+ * Save Global Button Value
613
+ *
614
+ * Saves value for elements global switcher
615
+ *
616
+ * @since 4.0.0
617
+ * @access public
618
+ */
619
+ public function save_global_btn_value() {
620
+
621
+ check_ajax_referer( 'pa-settings-tab', 'security' );
622
+
623
+ if ( ! isset( $_POST['isGlobalOn'] ) ) {
624
+ wp_send_json_error();
625
+ }
626
+
627
+ $global_btn_value = sanitize_text_field( $_POST['isGlobalOn'] );
628
+
629
+ update_option( 'pa_global_btn_value', $global_btn_value );
630
+
631
+ wp_send_json_success();
632
+
633
+ }
634
+
635
+ /**
636
+ * Get default Elements
637
+ *
638
+ * @since 3.20.9
639
+ * @access private
640
+ *
641
+ * @return $default_keys array keys defaults
642
+ */
643
+ private static function get_default_elements() {
644
+
645
+ $elements = self::get_elements_list();
646
+
647
+ $keys = array();
648
+
649
+ // Now, we need to fill our array with elements keys.
650
+ foreach ( $elements as $cat ) {
651
+ if ( count( $cat['elements'] ) ) {
652
+ foreach ( $cat['elements'] as $elem ) {
653
+ array_push( $keys, $elem['key'] );
654
+ }
655
+ }
656
+ }
657
+
658
+ $default_keys = array_fill_keys( $keys, true );
659
+
660
+ return $default_keys;
661
+
662
+ }
663
+
664
+ /**
665
+ * Get Default Interations
666
+ *
667
+ * @since 3.20.9
668
+ * @access private
669
+ *
670
+ * @return $default_keys array default keys
671
+ */
672
+ private static function get_default_integrations() {
673
+
674
+ $settings = self::get_integrations_list();
675
+
676
+ $default_keys = array_fill_keys( $settings, true );
677
+
678
+ // Beta Tester should NOT be enabled by default.
679
+ $default_keys['is-beta-tester'] = false;
680
+
681
+ return $default_keys;
682
+
683
+ }
684
+
685
+ /**
686
+ * Get enabled widgets
687
+ *
688
+ * @since 3.20.9
689
+ * @access public
690
+ *
691
+ * @return array $enabled_keys enabled elements
692
+ */
693
+ public static function get_enabled_elements() {
694
+
695
+ $defaults = self::get_default_elements();
696
+
697
+ $enabled_keys = get_option( 'pa_save_settings', $defaults );
698
+
699
+ foreach ( $defaults as $key => $value ) {
700
+ if ( ! isset( $enabled_keys[ $key ] ) ) {
701
+ $defaults[ $key ] = 0;
702
+ }
703
+ }
704
+
705
+ return $defaults;
706
+
707
+ }
708
+
709
+ /**
710
+ * Check If Premium Templates is enabled
711
+ *
712
+ * @since 3.6.0
713
+ * @access public
714
+ *
715
+ * @return boolean
716
+ */
717
+ public static function check_premium_templates() {
718
+
719
+ $settings = self::get_enabled_elements();
720
+
721
+ if ( ! isset( $settings['premium-templates'] ) ) {
722
+ return true;
723
+ }
724
+
725
+ $is_enabled = $settings['premium-templates'];
726
+
727
+ return $is_enabled;
728
+ }
729
+
730
+
731
+ /**
732
+ * Check If Premium Duplicator is enabled
733
+ *
734
+ * @since 3.20.9
735
+ * @access public
736
+ *
737
+ * @return boolean
738
+ */
739
+ public static function check_duplicator() {
740
+
741
+ $settings = self::get_enabled_elements();
742
+
743
+ if ( ! isset( $settings['premium-duplicator'] ) ) {
744
+ return true;
745
+ }
746
+
747
+ $is_enabled = $settings['premium-duplicator'];
748
+
749
+ return $is_enabled;
750
+ }
751
+
752
+ /**
753
+ * Get Integrations Settings
754
+ *
755
+ * Get plugin integrations settings
756
+ *
757
+ * @since 3.20.9
758
+ * @access public
759
+ *
760
+ * @return array $settings integrations settings
761
+ */
762
+ public static function get_integrations_settings() {
763
+
764
+ $enabled_keys = get_option( 'pa_maps_save_settings', self::get_default_integrations() );
765
+
766
+ return $enabled_keys;
767
+
768
+ }
769
+
770
+ /**
771
+ * Run PA Rollback
772
+ *
773
+ * Trigger PA Rollback actions
774
+ *
775
+ * @since 4.2.5
776
+ * @access public
777
+ */
778
+ public function run_pa_rollback() {
779
+
780
+ check_admin_referer( 'premium_addons_rollback' );
781
+
782
+ $plugin_slug = basename( PREMIUM_ADDONS_FILE, '.php' );
783
+
784
+ $pa_rollback = new PA_Rollback(
785
+ array(
786
+ 'version' => PREMIUM_ADDONS_STABLE_VERSION,
787
+ 'plugin_name' => PREMIUM_ADDONS_BASENAME,
788
+ 'plugin_slug' => $plugin_slug,
789
+ 'package_url' => sprintf( 'https://downloads.wordpress.org/plugin/%s.%s.zip', $plugin_slug, PREMIUM_ADDONS_STABLE_VERSION ),
790
+ )
791
+ );
792
+
793
+ $pa_rollback->run();
794
+
795
+ wp_die(
796
+ '',
797
+ esc_html( __( 'Rollback to Previous Version', 'premium-addons-for-elementor' ) ),
798
+ array(
799
+ 'response' => 200,
800
+ )
801
+ );
802
+
803
+ }
804
+
805
+ /**
806
+ * Creates and returns an instance of the class
807
+ *
808
+ * @since 1.0.0
809
+ * @access public
810
+ *
811
+ * @return object
812
+ */
813
+ public static function get_instance() {
814
+
815
+ if ( ! isset( self::$instance ) ) {
816
+
817
+ self::$instance = new self();
818
+
819
+ }
820
+
821
+ return self::$instance;
822
+ }
823
+ }
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,8192 +1,8192 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?p2y7wv#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
- div[class^="premium-"] .slick-arrow i {
1783
- display: block;
1784
- }
1785
-
1786
- .ver-carousel-arrow.carousel-next i {
1787
- margin-bottom: -3px;
1788
- }
1789
-
1790
- .premium-carousel-wrapper a.slick-arrow:hover {
1791
- -webkit-box-shadow: none !important;
1792
- box-shadow: none !important;
1793
- }
1794
-
1795
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1796
- visibility: hidden;
1797
- }
1798
-
1799
- .premium-carousel-wrapper a.carousel-arrow,
1800
- .premium-fb-rev-container a.carousel-arrow,
1801
- .premium-tabs-nav-list a.carousel-arrow,
1802
- .premium-blog-wrap a.carousel-arrow,
1803
- .premium-hscroll-wrap a.carousel-arrow,
1804
- .premium-twitter-feed-wrapper a.carousel-arrow,
1805
- .premium-facebook-feed-wrapper a.carousel-arrow,
1806
- .premium-instafeed-container a.carousel-arrow,
1807
- .premium-persons-container a.carousel-arrow {
1808
- top: 50%;
1809
- -webkit-transform: translateY(-50%);
1810
- -ms-transform: translateY(-50%);
1811
- transform: translateY(-50%);
1812
- }
1813
-
1814
- .premium-carousel-wrapper a.ver-carousel-arrow {
1815
- right: 50%;
1816
- -webkit-transform: translateX(50%);
1817
- -ms-transform: translateX(50%);
1818
- transform: translateX(50%);
1819
- }
1820
-
1821
- a.carousel-arrow.carousel-next {
1822
- right: -20px;
1823
- }
1824
-
1825
- a.carousel-arrow.carousel-prev {
1826
- left: -20px;
1827
- }
1828
-
1829
- a.ver-carousel-arrow.carousel-next {
1830
- bottom: -56px;
1831
- }
1832
-
1833
- a.ver-carousel-arrow.carousel-prev {
1834
- top: -45px;
1835
- }
1836
-
1837
- a.circle-bg {
1838
- -webkit-border-radius: 100%;
1839
- border-radius: 100%;
1840
- }
1841
-
1842
- a.circle-border {
1843
- -webkit-border-radius: 100%;
1844
- border-radius: 100%;
1845
- border: solid black;
1846
- }
1847
-
1848
- a.square-border {
1849
- border: solid black;
1850
- }
1851
-
1852
- .premium-carousel-dots-below,
1853
- .premium-blog-wrap ul.slick-dots,
1854
- .premium-fb-rev-reviews ul.slick-dots {
1855
- position: relative;
1856
- bottom: 0;
1857
- list-style: none;
1858
- text-align: center;
1859
- margin: 0;
1860
- padding: 0;
1861
- }
1862
-
1863
- .premium-carousel-dots-above ul.slick-dots {
1864
- position: absolute;
1865
- display: -ms-flexbox;
1866
- display: -webkit-flex;
1867
- display: -moz-flex;
1868
- display: -ms-flex;
1869
- -js-display: flex;
1870
- display: -webkit-box;
1871
- display: -moz-box;
1872
- display: flex;
1873
- top: 50%;
1874
- -webkit-transform: translateY(-50%);
1875
- -ms-transform: translateY(-50%);
1876
- transform: translateY(-50%);
1877
- -webkit-flex-direction: column;
1878
- -webkit-box-orient: vertical;
1879
- -webkit-box-direction: normal;
1880
- -moz-box-orient: vertical;
1881
- -moz-box-direction: normal;
1882
- -ms-flex-direction: column;
1883
- flex-direction: column;
1884
- }
1885
-
1886
- ul.slick-dots li {
1887
- font-size: 10px;
1888
- display: -webkit-inline-box;
1889
- display: -webkit-inline-flex;
1890
- display: -ms-inline-flexbox;
1891
- -js-display: inline-flex;
1892
- display: -moz-inline-box;
1893
- display: inline-flex;
1894
- -webkit-box-pack: center;
1895
- -webkit-justify-content: center;
1896
- -moz-box-pack: center;
1897
- -ms-flex-pack: center;
1898
- justify-content: center;
1899
- -webkit-box-align: center;
1900
- -webkit-align-items: center;
1901
- -moz-box-align: center;
1902
- -ms-flex-align: center;
1903
- align-items: center;
1904
- margin: 5px;
1905
- width: 20px;
1906
- height: 20px;
1907
- cursor: pointer;
1908
- }
1909
-
1910
- /*
1911
- * Custom Navigation Dot
1912
- */
1913
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1914
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1915
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1916
- display: none;
1917
- }
1918
-
1919
- .premium-carousel-wrapper ul.slick-dots svg {
1920
- width: 20px;
1921
- height: 20px;
1922
- }
1923
-
1924
- /* Ripple Out */
1925
- @-webkit-keyframes hvr-ripple-out {
1926
- 0% {
1927
- -webkit-transform: scale(1);
1928
- transform: scale(1);
1929
- opacity: 1;
1930
- }
1931
-
1932
- 100% {
1933
- -webkit-transform: scale(1.5);
1934
- transform: scale(1.5);
1935
- opacity: 0;
1936
- }
1937
- }
1938
-
1939
- @keyframes hvr-ripple-out {
1940
- 0% {
1941
- -webkit-transform: scale(1);
1942
- transform: scale(1);
1943
- opacity: 1;
1944
- }
1945
-
1946
- 100% {
1947
- -webkit-transform: scale(1.5);
1948
- transform: scale(1.5);
1949
- opacity: 0;
1950
- }
1951
- }
1952
-
1953
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1954
- padding-bottom: 1px;
1955
- }
1956
-
1957
- .premium-carousel-ripple-yes ul.slick-dots li,
1958
- .premium-carousel-ripple-yes ul.slick-dots li i {
1959
- position: relative;
1960
- }
1961
-
1962
- .premium-carousel-ripple-yes ul.slick-dots li i {
1963
- z-index: 1;
1964
- }
1965
-
1966
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1967
- content: "";
1968
- position: absolute;
1969
- -webkit-transform: scale(1);
1970
- -ms-transform: scale(1);
1971
- transform: scale(1);
1972
- top: 0;
1973
- left: 0;
1974
- bottom: 0;
1975
- right: 0;
1976
- -webkit-border-radius: 50%;
1977
- border-radius: 50%;
1978
- pointer-events: none;
1979
- background-color: rgba(0, 0, 0, 0.15);
1980
- }
1981
-
1982
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1983
- background-color: rgba(0, 0, 0, 0.3);
1984
- }
1985
-
1986
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1987
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1988
- animation: hvr-ripple-out 1.3s infinite;
1989
- }
1990
-
1991
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1992
- -webkit-transform: scale(1.25, 1.25);
1993
- -ms-transform: scale(1.25, 1.25);
1994
- transform: scale(1.25, 1.25);
1995
- -webkit-transition: all 0.3s ease-in-out !important;
1996
- transition: all 0.3s ease-in-out !important;
1997
- }
1998
-
1999
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2000
- -webkit-transform: scale(1, 1);
2001
- -ms-transform: scale(1, 1);
2002
- transform: scale(1, 1);
2003
- }
2004
-
2005
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2006
- float: right;
2007
- }
2008
-
2009
- /**************** Premium Counter ***************/
2010
- /************************************************/
2011
- .premium-counter-area {
2012
- padding: 10px 0;
2013
- -js-display: flex;
2014
- display: -webkit-box;
2015
- display: -webkit-flex;
2016
- display: -moz-box;
2017
- display: -ms-flexbox;
2018
- display: flex;
2019
- -webkit-box-pack: center;
2020
- -webkit-justify-content: center;
2021
- -moz-box-pack: center;
2022
- -ms-flex-pack: center;
2023
- justify-content: center;
2024
- -webkit-box-align: center;
2025
- -webkit-align-items: center;
2026
- -moz-box-align: center;
2027
- -ms-flex-align: center;
2028
- align-items: center;
2029
- }
2030
-
2031
- .premium-counter-area.top {
2032
- -webkit-box-orient: vertical;
2033
- -webkit-box-direction: normal;
2034
- -webkit-flex-direction: column;
2035
- -moz-box-orient: vertical;
2036
- -moz-box-direction: normal;
2037
- -ms-flex-direction: column;
2038
- flex-direction: column;
2039
- }
2040
-
2041
- .premium-counter-area.right {
2042
- -webkit-box-orient: horizontal;
2043
- -webkit-box-direction: reverse;
2044
- -webkit-flex-direction: row-reverse;
2045
- -moz-box-orient: horizontal;
2046
- -moz-box-direction: reverse;
2047
- -ms-flex-direction: row-reverse;
2048
- flex-direction: row-reverse;
2049
- }
2050
-
2051
- .premium-counter-area.right .premium-counter-icon {
2052
- padding-right: 20px;
2053
- }
2054
-
2055
- .premium-counter-area.left .premium-counter-icon {
2056
- padding-left: 20px;
2057
- }
2058
-
2059
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
2060
- vertical-align: text-top;
2061
- }
2062
-
2063
- .premium-counter-area .premium-counter-icon span.icon {
2064
- text-align: center;
2065
- display: inline-block;
2066
- vertical-align: middle;
2067
- }
2068
-
2069
- .premium-counter-area .premium-counter-icon .circle {
2070
- -webkit-border-radius: 100%;
2071
- border-radius: 100%;
2072
- }
2073
-
2074
- .premium-counter-area .premium-counter-icon img,
2075
- .premium-counter-area .premium-counter-icon svg {
2076
- width: 80px;
2077
- }
2078
-
2079
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2080
- height: 80px;
2081
- }
2082
-
2083
- .premium-counter-area .premium-counter-title {
2084
- padding: 0;
2085
- margin: 0;
2086
- }
2087
-
2088
- .premium-counter-area .premium-counter-value-wrap {
2089
- -js-display: flex;
2090
- display: -webkit-box;
2091
- display: -webkit-flex;
2092
- display: -moz-box;
2093
- display: -ms-flexbox;
2094
- display: flex;
2095
- -webkit-box-align: center;
2096
- -webkit-align-items: center;
2097
- -moz-box-align: center;
2098
- -ms-flex-align: center;
2099
- align-items: center;
2100
- }
2101
-
2102
- .premium-init-wrapper.right {
2103
- text-align: left;
2104
- }
2105
-
2106
- /* * Custom image and simple styles image fix */
2107
- span.icon.flex-width {
2108
- width: auto !important;
2109
- height: auto !important;
2110
- }
2111
-
2112
- .premium-counter-area .premium-counter-init {
2113
- font-size: 35px;
2114
- }
2115
-
2116
- /**************** Premium Image Separator ****************/
2117
- /*********************************************************/
2118
- /*Image Separator Container Style*/
2119
- .premium-image-separator-container {
2120
- position: absolute;
2121
- width: 100%;
2122
- z-index: 2;
2123
- top: auto;
2124
- }
2125
-
2126
- .premium-image-separator-container img {
2127
- display: inline-block !important;
2128
- -webkit-mask-repeat: no-repeat;
2129
- mask-repeat: no-repeat;
2130
- -webkit-mask-position: center;
2131
- mask-position: center;
2132
- }
2133
-
2134
- /*Link on Image Style*/
2135
- .premium-image-separator-link {
2136
- position: absolute;
2137
- z-index: 9999;
2138
- top: 0;
2139
- right: 0;
2140
- width: 100%;
2141
- height: 100%;
2142
- text-decoration: none;
2143
- }
2144
-
2145
- /*Important to override Theme options*/
2146
- a.premium-image-separator-link:hover,
2147
- a.premium-image-separator-link:visited,
2148
- a.premium-image-separator-link:focus,
2149
- a.premium-image-separator-link:active {
2150
- -webkit-box-shadow: none !important;
2151
- box-shadow: none !important;
2152
- outline: none !important;
2153
- border: none !important;
2154
- text-decoration: none !important;
2155
- }
2156
-
2157
- .premium-image-separator-container .img-responsive {
2158
- display: inline-block;
2159
- }
2160
-
2161
- .premium-image-separator-container i {
2162
- padding: 0.1em;
2163
- -webkit-transition: all 0.3s ease-in-out;
2164
- transition: all 0.3s ease-in-out;
2165
- }
2166
-
2167
- /**************** Premium Modal Box ****************/
2168
- /***************************************************/
2169
- .premium-modal-trigger-btn,
2170
- .premium-modal-box-modal-lower-close {
2171
- display: inline-block;
2172
- padding: 6px 12px;
2173
- margin-bottom: 0;
2174
- font-size: 14px;
2175
- font-weight: normal;
2176
- line-height: 1.42857143;
2177
- text-align: center;
2178
- white-space: nowrap;
2179
- vertical-align: middle;
2180
- -ms-touch-action: manipulation;
2181
- touch-action: manipulation;
2182
- cursor: pointer;
2183
- -webkit-user-select: none;
2184
- -moz-user-select: none;
2185
- -ms-user-select: none;
2186
- user-select: none;
2187
- background-image: none;
2188
- border: 1px solid transparent;
2189
- }
2190
-
2191
- .premium-modal-trigger-btn i {
2192
- -webkit-transition: all 0.3s ease-in-out;
2193
- transition: all 0.3s ease-in-out;
2194
- }
2195
-
2196
- .premium-btn-md {
2197
- padding: 8px 14px;
2198
- font-size: 16px;
2199
- line-height: 1.2;
2200
- }
2201
-
2202
- .premium-btn-lg {
2203
- padding: 10px 16px;
2204
- font-size: 18px;
2205
- line-height: 1.3333333;
2206
- }
2207
-
2208
- .premium-btn-block {
2209
- display: block;
2210
- width: 100%;
2211
- }
2212
-
2213
- .premium-modal-box-modal-close {
2214
- float: left;
2215
- font-size: 21px;
2216
- font-weight: bold;
2217
- line-height: 1;
2218
- color: #000;
2219
- }
2220
-
2221
- .premium-modal-box-modal-close:hover,
2222
- .premium-modal-box-modal-close:focus {
2223
- color: #000;
2224
- text-decoration: none;
2225
- cursor: pointer;
2226
- }
2227
-
2228
- button.premium-modal-box-modal-close {
2229
- -webkit-appearance: none;
2230
- padding: 0;
2231
- cursor: pointer;
2232
- background: transparent;
2233
- border: 0;
2234
- }
2235
-
2236
- .premium-modal-box-modal {
2237
- position: fixed;
2238
- top: 0;
2239
- left: 0;
2240
- bottom: 0;
2241
- right: 0;
2242
- z-index: 1050;
2243
- display: none;
2244
- -webkit-overflow-scrolling: touch;
2245
- outline: 0;
2246
- padding: 0 !important;
2247
- background: rgba(0, 0, 0, 0.5);
2248
- -webkit-box-align: center;
2249
- -webkit-align-items: center;
2250
- -moz-box-align: center;
2251
- -ms-flex-align: center;
2252
- align-items: center;
2253
- -webkit-box-pack: center;
2254
- -webkit-justify-content: center;
2255
- -moz-box-pack: center;
2256
- -ms-flex-pack: center;
2257
- justify-content: center;
2258
- }
2259
-
2260
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2261
- position: absolute;
2262
- max-height: -webkit-calc(100vh - 150px);
2263
- max-height: calc(100vh - 150px);
2264
- -js-display: flex;
2265
- display: -webkit-box;
2266
- display: -webkit-flex;
2267
- display: -moz-box;
2268
- display: -ms-flexbox;
2269
- display: flex;
2270
- -webkit-box-orient: vertical;
2271
- -webkit-box-direction: normal;
2272
- -webkit-flex-direction: column;
2273
- -moz-box-orient: vertical;
2274
- -moz-box-direction: normal;
2275
- -ms-flex-direction: column;
2276
- flex-direction: column;
2277
- opacity: 0;
2278
- }
2279
-
2280
- .premium-modal-box-modal-content {
2281
- background-color: #fff;
2282
- -webkit-background-clip: padding-box;
2283
- background-clip: padding-box;
2284
- border: 1px solid rgba(0, 0, 0, 0.2);
2285
- -webkit-border-radius: 6px;
2286
- border-radius: 6px;
2287
- outline: 0;
2288
- }
2289
-
2290
- .premium-modal-backdrop.premium-in {
2291
- filter: alpha(opacity=50);
2292
- opacity: 0.5 !important;
2293
- }
2294
-
2295
- .premium-modal-fade.premium-in {
2296
- opacity: 1;
2297
- }
2298
-
2299
- .premium-modal-backdrop {
2300
- position: fixed;
2301
- top: 0;
2302
- left: 0;
2303
- bottom: 0;
2304
- right: 0;
2305
- z-index: 1040;
2306
- background-color: #000;
2307
- }
2308
-
2309
- .premium-modal-backdrop.premium-modal-fade {
2310
- filter: alpha(opacity=0);
2311
- opacity: 0;
2312
- }
2313
-
2314
- .premium-modal-fade {
2315
- opacity: 0;
2316
- }
2317
-
2318
- .premium-in {
2319
- -js-display: flex !important;
2320
- display: -webkit-box !important;
2321
- display: -webkit-flex !important;
2322
- display: -moz-box !important;
2323
- display: -ms-flexbox !important;
2324
- display: flex !important;
2325
- }
2326
-
2327
- .premium-modal-box-modal-header {
2328
- -js-display: flex;
2329
- display: -webkit-box;
2330
- display: -webkit-flex;
2331
- display: -moz-box;
2332
- display: -ms-flexbox;
2333
- display: flex;
2334
- -webkit-box-pack: justify;
2335
- -webkit-justify-content: space-between;
2336
- -moz-box-pack: justify;
2337
- -ms-flex-pack: justify;
2338
- justify-content: space-between;
2339
- -webkit-box-align: center;
2340
- -webkit-align-items: center;
2341
- -moz-box-align: center;
2342
- -ms-flex-align: center;
2343
- align-items: center;
2344
- padding: 5px 15px;
2345
- border-bottom: 1px solid #e5e5e5;
2346
- }
2347
-
2348
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2349
- margin-top: -2px;
2350
- }
2351
-
2352
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2353
- -js-display: flex;
2354
- display: -webkit-box;
2355
- display: -webkit-flex;
2356
- display: -moz-box;
2357
- display: -ms-flexbox;
2358
- display: flex;
2359
- -webkit-box-align: center;
2360
- -webkit-align-items: center;
2361
- -moz-box-align: center;
2362
- -ms-flex-align: center;
2363
- align-items: center;
2364
- margin: 0;
2365
- padding: 0;
2366
- }
2367
-
2368
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2369
- width: 50px;
2370
- height: 60px;
2371
- }
2372
-
2373
- .premium-modal-box-modal-body {
2374
- position: relative;
2375
- padding: 15px;
2376
- overflow: hidden;
2377
- }
2378
-
2379
- .premium-modal-box-modal-footer {
2380
- padding: 15px;
2381
- text-align: left;
2382
- border-top: 1px solid #e5e5e5;
2383
- }
2384
-
2385
- .premium-modal-scrollbar-measure {
2386
- position: absolute;
2387
- top: -9999px;
2388
- width: 50px;
2389
- height: 50px;
2390
- overflow: scroll;
2391
- }
2392
-
2393
- .premium-modal-trigger-text {
2394
- background: none !important;
2395
- display: inline-block;
2396
- }
2397
-
2398
- .premium-modal-box-container {
2399
- width: 100% !important;
2400
- }
2401
-
2402
- /*Open Modal Button Style*/
2403
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2404
- border: none;
2405
- -webkit-transition: all 0.3s ease-in-out;
2406
- transition: all 0.3s ease-in-out;
2407
- }
2408
-
2409
- .premium-modal-trigger-container .premium-modal-trigger-img,
2410
- .premium-modal-trigger-container .premium-modal-trigger-text,
2411
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2412
- cursor: pointer;
2413
- }
2414
-
2415
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2416
- display: inline-block;
2417
- width: 200px;
2418
- height: 200px;
2419
- -webkit-transition: all 0.3s ease-in-out;
2420
- transition: all 0.3s ease-in-out;
2421
- }
2422
-
2423
- /*Image on Modal Header Style*/
2424
- .premium-modal-box-modal-header img {
2425
- width: 48px;
2426
- padding-left: 5px;
2427
- }
2428
-
2429
- .premium-modal-box-modal-header i,
2430
- .premium-modal-box-modal-header svg {
2431
- padding-left: 6px;
2432
- }
2433
-
2434
- .premium-modal-box-modal-close {
2435
- position: relative;
2436
- z-index: 99;
2437
- }
2438
-
2439
- .premium-modal-trigger-img,
2440
- .premium-modal-trigger-text,
2441
- .premium-modal-box-close-button-container,
2442
- .premium-modal-box-modal-close,
2443
- .premium-modal-box-modal-lower-close {
2444
- -webkit-transition: all 0.3s ease-in-out;
2445
- transition: all 0.3s ease-in-out;
2446
- }
2447
-
2448
- @media (min-width: 768px) {
2449
- .premium-modal-box-modal-dialog {
2450
- width: 700px;
2451
- max-height: 600px;
2452
- overflow: auto;
2453
- }
2454
- }
2455
-
2456
- @media (max-width: 767px) {
2457
- .premium-modal-box-modal-dialog {
2458
- width: 100%;
2459
- max-height: 500px;
2460
- overflow: auto;
2461
- }
2462
- }
2463
-
2464
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2465
- opacity: 0;
2466
- }
2467
-
2468
- /**************** Premium Progress Bar ****************/
2469
- /******************************************************/
2470
- .premium-progressbar-container {
2471
- position: relative;
2472
- }
2473
-
2474
- .premium-progressbar-bar-wrap {
2475
- position: relative;
2476
- text-align: right;
2477
- overflow: hidden;
2478
- height: 25px;
2479
- margin-bottom: 50px;
2480
- background-color: #f5f5f5;
2481
- -webkit-border-radius: 4px;
2482
- border-radius: 4px;
2483
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2484
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2485
- }
2486
-
2487
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2488
- background-color: transparent;
2489
- width: 100%;
2490
- -js-display: flex;
2491
- display: -webkit-box;
2492
- display: -webkit-flex;
2493
- display: -moz-box;
2494
- display: -ms-flexbox;
2495
- display: flex;
2496
- height: auto;
2497
- -webkit-box-shadow: none;
2498
- box-shadow: none;
2499
- }
2500
-
2501
- .premium-progressbar-bar-wrap .progress-segment {
2502
- position: relative;
2503
- width: 25px;
2504
- height: 25px;
2505
- -webkit-border-radius: 50%;
2506
- border-radius: 50%;
2507
- overflow: hidden;
2508
- background-color: #f5f5f5;
2509
- }
2510
-
2511
- .premium-progressbar-bar-wrap .progress-segment.filled {
2512
- background: #6ec1e4;
2513
- }
2514
-
2515
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2516
- margin: 0 4px;
2517
- }
2518
-
2519
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2520
- margin-left: 4px;
2521
- }
2522
-
2523
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2524
- margin-right: 4px;
2525
- }
2526
-
2527
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2528
- position: absolute;
2529
- top: 0;
2530
- right: 0;
2531
- height: 100%;
2532
- background-color: #6ec1e4;
2533
- }
2534
-
2535
- .premium-progressbar-bar {
2536
- float: right;
2537
- width: 0%;
2538
- height: 100%;
2539
- font-size: 12px;
2540
- line-height: 20px;
2541
- background: #6ec1e4;
2542
- text-align: center;
2543
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2544
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2545
- }
2546
-
2547
- .premium-progressbar-striped .premium-progressbar-bar {
2548
- background-image: -webkit-linear-gradient(-135deg,
2549
- rgba(255, 255, 255, 0.15) 25%,
2550
- transparent 25%,
2551
- transparent 50%,
2552
- rgba(255, 255, 255, 0.15) 50%,
2553
- rgba(255, 255, 255, 0.15) 75%,
2554
- transparent 75%,
2555
- transparent);
2556
- background-image: -webkit-linear-gradient(45deg,
2557
- rgba(255, 255, 255, 0.15) 25%,
2558
- transparent 25%,
2559
- transparent 50%,
2560
- rgba(255, 255, 255, 0.15) 50%,
2561
- rgba(255, 255, 255, 0.15) 75%,
2562
- transparent 75%,
2563
- transparent);
2564
- background-image: linear-gradient(45deg,
2565
- rgba(255, 255, 255, 0.15) 25%,
2566
- transparent 25%,
2567
- transparent 50%,
2568
- rgba(255, 255, 255, 0.15) 50%,
2569
- rgba(255, 255, 255, 0.15) 75%,
2570
- transparent 75%,
2571
- transparent);
2572
- -webkit-background-size: 40px 40px;
2573
- background-size: 40px 40px;
2574
- }
2575
-
2576
- .premium-progressbar-active .premium-progressbar-bar {
2577
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2578
- animation: progress-bar-stripes 2s linear infinite;
2579
- }
2580
-
2581
- .premium-progressbar-gradient .premium-progressbar-bar {
2582
- -webkit-background-size: 400% 400% !important;
2583
- background-size: 400% 400% !important;
2584
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2585
- animation: progress-bar-gradient 10s ease-in-out infinite;
2586
- }
2587
-
2588
- .premium-progressbar-bar {
2589
- position: absolute;
2590
- overflow: hidden;
2591
- line-height: 20px;
2592
- }
2593
-
2594
- .premium-progressbar-container .clearfix {
2595
- clear: both;
2596
- }
2597
-
2598
- .premium-progressbar-bar {
2599
- -webkit-transition: width 0s ease-in-out !important;
2600
- transition: width 0s ease-in-out !important;
2601
- }
2602
-
2603
- .premium-progressbar-container p:first-of-type {
2604
- margin: 0;
2605
- float: right;
2606
- }
2607
-
2608
- .premium-progressbar-container p:nth-of-type(2) {
2609
- margin: 0;
2610
- float: left;
2611
- }
2612
-
2613
- .premium-progressbar-name {
2614
- right: 50%;
2615
- top: 0;
2616
- left: 0;
2617
- -webkit-transform: translateX(12.5px);
2618
- -ms-transform: translateX(12.5px);
2619
- transform: translateX(12.5px);
2620
- z-index: 1;
2621
- }
2622
-
2623
- .premium-progressbar-multiple-label {
2624
- position: relative;
2625
- float: right;
2626
- width: 0;
2627
- right: 50%;
2628
- }
2629
-
2630
- .premium-progressbar-center-label {
2631
- position: relative;
2632
- white-space: nowrap;
2633
- }
2634
-
2635
- .premium-progressbar-arrow {
2636
- height: 15px;
2637
- right: 50%;
2638
- display: inline-block;
2639
- border-right: 7px solid transparent;
2640
- border-left: 7px solid transparent;
2641
- border-top: 11px solid;
2642
- -webkit-transform: translateX(50%);
2643
- -ms-transform: translateX(50%);
2644
- transform: translateX(50%);
2645
- }
2646
-
2647
- .premium-progressbar-pin {
2648
- border-right: 1px solid;
2649
- height: 12px;
2650
- right: 50%;
2651
- display: inline-block;
2652
- }
2653
-
2654
- /**
2655
- * Circle Progress Bar
2656
- */
2657
- .premium-progressbar-circle-wrap {
2658
- width: 200px;
2659
- height: 200px;
2660
- position: relative;
2661
- margin: 0 auto;
2662
- }
2663
-
2664
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2665
- position: absolute;
2666
- top: 0;
2667
- right: 0;
2668
- width: 100%;
2669
- height: 100%;
2670
- -webkit-clip-path: inset(0 0 0 50%);
2671
- clip-path: inset(0 0 0 50%);
2672
- }
2673
-
2674
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2675
- position: absolute;
2676
- right: 0;
2677
- top: 0;
2678
- height: 100%;
2679
- width: 100%;
2680
- border-width: 6px;
2681
- border-style: solid;
2682
- border-color: #54595f;
2683
- -webkit-border-radius: 50%;
2684
- border-radius: 50%;
2685
- -webkit-clip-path: inset(0 50% 0 0);
2686
- clip-path: inset(0 50% 0 0);
2687
- }
2688
-
2689
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2690
- -webkit-transform: rotate(0);
2691
- -ms-transform: rotate(0);
2692
- transform: rotate(0);
2693
- }
2694
-
2695
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2696
- -webkit-transform: rotate(-180deg);
2697
- -ms-transform: rotate(-180deg);
2698
- transform: rotate(-180deg);
2699
- visibility: hidden;
2700
- }
2701
-
2702
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2703
- width: 100%;
2704
- height: 100%;
2705
- border: 6px solid #eee;
2706
- -webkit-border-radius: 50%;
2707
- border-radius: 50%;
2708
- }
2709
-
2710
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2711
- position: absolute;
2712
- top: 0;
2713
- right: 0;
2714
- width: 100%;
2715
- height: 100%;
2716
- -js-display: flex;
2717
- display: -webkit-box;
2718
- display: -webkit-flex;
2719
- display: -moz-box;
2720
- display: -ms-flexbox;
2721
- display: flex;
2722
- -webkit-box-orient: vertical;
2723
- -webkit-box-direction: normal;
2724
- -webkit-flex-direction: column;
2725
- -moz-box-orient: vertical;
2726
- -moz-box-direction: normal;
2727
- -ms-flex-direction: column;
2728
- flex-direction: column;
2729
- -webkit-box-pack: center;
2730
- -webkit-justify-content: center;
2731
- -moz-box-pack: center;
2732
- -ms-flex-pack: center;
2733
- justify-content: center;
2734
- -webkit-box-align: center;
2735
- -webkit-align-items: center;
2736
- -moz-box-align: center;
2737
- -ms-flex-align: center;
2738
- align-items: center;
2739
- }
2740
-
2741
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2742
- line-height: 1;
2743
- }
2744
-
2745
- @-webkit-keyframes progress-bar-stripes {
2746
- from {
2747
- background-position: 100% 0;
2748
- }
2749
-
2750
- to {
2751
- background-position: 40px 0;
2752
- }
2753
- }
2754
-
2755
- @keyframes progress-bar-stripes {
2756
- from {
2757
- background-position: 100% 0;
2758
- }
2759
-
2760
- to {
2761
- background-position: 40px 0;
2762
- }
2763
- }
2764
-
2765
- @-webkit-keyframes progress-bar-gradient {
2766
- 0% {
2767
- background-position: 100% 50%;
2768
- }
2769
-
2770
- 50% {
2771
- background-position: 0% 50%;
2772
- }
2773
-
2774
- 100% {
2775
- background-position: 100% 50%;
2776
- }
2777
- }
2778
-
2779
- @keyframes progress-bar-gradient {
2780
- 0% {
2781
- background-position: 100% 50%;
2782
- }
2783
-
2784
- 50% {
2785
- background-position: 0% 50%;
2786
- }
2787
-
2788
- 100% {
2789
- background-position: 100% 50%;
2790
- }
2791
- }
2792
-
2793
- /**************** Premium Testimonials ****************/
2794
- /******************************************************/
2795
- .premium-testimonial-box {
2796
- width: 100%;
2797
- background: transparent;
2798
- -webkit-transition: all 0.3s ease-in-out;
2799
- transition: all 0.3s ease-in-out;
2800
- }
2801
-
2802
- .premium-testimonial-box .premium-testimonial-author-info {
2803
- -js-display: flex;
2804
- display: -webkit-box;
2805
- display: -webkit-flex;
2806
- display: -moz-box;
2807
- display: -ms-flexbox;
2808
- display: flex;
2809
- -webkit-box-pack: center;
2810
- -webkit-justify-content: center;
2811
- -moz-box-pack: center;
2812
- -ms-flex-pack: center;
2813
- justify-content: center;
2814
- -webkit-box-align: center;
2815
- -webkit-align-items: center;
2816
- -moz-box-align: center;
2817
- -ms-flex-align: center;
2818
- align-items: center;
2819
- }
2820
-
2821
- .premium-testimonial-box .premium-testimonial-person-name,
2822
- .premium-testimonial-box .premium-testimonial-company-name {
2823
- font-weight: 600;
2824
- margin: 0;
2825
- }
2826
-
2827
- .premium-testimonial-container {
2828
- position: relative;
2829
- }
2830
-
2831
- .premium-testimonial-img-wrapper {
2832
- margin-right: auto;
2833
- margin-left: auto;
2834
- overflow: hidden;
2835
- border-style: solid !important;
2836
- }
2837
-
2838
- .premium-testimonial-img-wrapper.circle {
2839
- -webkit-border-radius: 50%;
2840
- border-radius: 50%;
2841
- }
2842
-
2843
- .premium-testimonial-img-wrapper.rounded {
2844
- -webkit-border-radius: 15px;
2845
- border-radius: 15px;
2846
- }
2847
-
2848
- .premium-testimonial-img-wrapper img {
2849
- -o-object-fit: cover;
2850
- object-fit: cover;
2851
- width: 100%;
2852
- height: 100% !important;
2853
- }
2854
-
2855
- .premium-testimonial-content-wrapper {
2856
- position: relative;
2857
- display: -ms-flexbox;
2858
- display: -webkit-flex;
2859
- display: -moz-flex;
2860
- display: -ms-flex;
2861
- -js-display: flex;
2862
- display: -webkit-box;
2863
- display: -moz-box;
2864
- display: flex;
2865
- -webkit-box-orient: vertical;
2866
- -webkit-box-direction: normal;
2867
- -webkit-flex-direction: column;
2868
- -moz-box-orient: vertical;
2869
- -moz-box-direction: normal;
2870
- -ms-flex-direction: column;
2871
- flex-direction: column;
2872
- z-index: 2;
2873
- width: 100%;
2874
- padding: 20px;
2875
- text-align: center;
2876
- }
2877
-
2878
- .premium-testimonial-clear-float {
2879
- clear: both;
2880
- }
2881
-
2882
- .premium-testimonial-upper-quote,
2883
- .premium-testimonial-lower-quote {
2884
- position: absolute;
2885
- z-index: 1;
2886
- }
2887
-
2888
- /**************** Premium Dual Heading *****************/
2889
- /*******************************************************/
2890
- .premium-dual-header-container .premium-dual-header-first-header,
2891
- .premium-dual-header-container .premium-dual-header-second-header {
2892
- position: relative;
2893
- padding: 0;
2894
- margin: 0;
2895
- display: inline-block;
2896
- -webkit-transform: translate(0, 0);
2897
- -ms-transform: translate(0, 0);
2898
- transform: translate(0, 0);
2899
- }
2900
-
2901
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2902
- .premium-dual-header-second-clip {
2903
- -webkit-text-fill-color: transparent;
2904
- -webkit-background-clip: text;
2905
- }
2906
-
2907
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2908
- .premium-dual-header-second-clip.stroke {
2909
- -webkit-text-stroke-color: transparent;
2910
- -webkit-text-fill-color: #fafafa;
2911
- -webkit-text-stroke-width: 2px;
2912
- }
2913
-
2914
- @media (max-width: 500px) {
2915
-
2916
- .premium-dual-header-container .premium-dual-header-first-header,
2917
- .premium-dual-header-container .premium-dual-header-second-header {
2918
- display: block;
2919
- word-wrap: break-word;
2920
- }
2921
-
2922
- .premium-dual-header-first-container,
2923
- .premium-dual-header-second-container {
2924
- margin: 0;
2925
- }
2926
- }
2927
-
2928
- @media (min-width: 501px) {
2929
- .premium-dual-header-first-container {
2930
- margin-left: 5px;
2931
- }
2932
- }
2933
-
2934
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2935
- .premium-dual-header-second-header.gradient {
2936
- -webkit-background-size: 300% 300% !important;
2937
- background-size: 300% 300% !important;
2938
- -webkit-animation: Gradient 10s ease-in-out infinite;
2939
- animation: Gradient 10s ease-in-out infinite;
2940
- }
2941
-
2942
- @-webkit-keyframes Gradient {
2943
- 0% {
2944
- background-position: 100% 50%;
2945
- }
2946
-
2947
- 50% {
2948
- background-position: 0% 50%;
2949
- }
2950
-
2951
- 100% {
2952
- background-position: 100% 50%;
2953
- }
2954
- }
2955
-
2956
- @keyframes Gradient {
2957
- 0% {
2958
- background-position: 100% 50%;
2959
- }
2960
-
2961
- 50% {
2962
- background-position: 0% 50%;
2963
- }
2964
-
2965
- 100% {
2966
- background-position: 100% 50%;
2967
- }
2968
- }
2969
-
2970
- /**************** Premium Title ****************/
2971
- /***********************************************/
2972
- .premium-title-container {
2973
- position: relative;
2974
- width: 100%;
2975
- clear: both;
2976
- overflow: hidden;
2977
- }
2978
-
2979
- .premium-title-container .premium-title-header {
2980
- position: relative;
2981
- margin: 0;
2982
- padding: 10px;
2983
- }
2984
-
2985
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2986
- -webkit-box-align: center;
2987
- -webkit-align-items: center;
2988
- -moz-box-align: center;
2989
- -ms-flex-align: center;
2990
- align-items: center;
2991
- }
2992
-
2993
- .premium-title-container .premium-title-header svg {
2994
- width: 40px;
2995
- height: 40px;
2996
- }
2997
-
2998
- .premium-title-container .premium-title-header img {
2999
- width: 40px;
3000
- height: 40px;
3001
- -o-object-fit: cover;
3002
- object-fit: cover;
3003
- }
3004
-
3005
- .premium-title-container .premium-title-header a {
3006
- position: absolute;
3007
- top: 0;
3008
- right: 0;
3009
- width: 100%;
3010
- height: 100%;
3011
- }
3012
-
3013
- .premium-title-container .premium-lottie-animation {
3014
- -js-display: flex;
3015
- display: -webkit-box;
3016
- display: -webkit-flex;
3017
- display: -moz-box;
3018
- display: -ms-flexbox;
3019
- display: flex;
3020
- }
3021
-
3022
- .premium-title-icon-row .premium-title-icon {
3023
- margin-left: 10px;
3024
- }
3025
-
3026
- .premium-title-icon-row-reverse .premium-title-icon {
3027
- margin-right: 10px;
3028
- }
3029
-
3030
- .premium-title-style3,
3031
- .premium-title-style4 {
3032
- -js-display: flex;
3033
- display: -webkit-box;
3034
- display: -webkit-flex;
3035
- display: -moz-box;
3036
- display: -ms-flexbox;
3037
- display: flex;
3038
- }
3039
-
3040
- .premium-title-style1,
3041
- .premium-title-style2,
3042
- .premium-title-style5,
3043
- .premium-title-style6,
3044
- .premium-title-style8,
3045
- .premium-title-style9 {
3046
- -js-display: inline-flex;
3047
- display: -webkit-inline-box;
3048
- display: -webkit-inline-flex;
3049
- display: -moz-inline-box;
3050
- display: -ms-inline-flexbox;
3051
- display: inline-flex;
3052
- }
3053
-
3054
- .premium-title-style7 {
3055
- -js-display: inline-flex;
3056
- display: -webkit-inline-box;
3057
- display: -webkit-inline-flex;
3058
- display: -moz-inline-box;
3059
- display: -ms-inline-flexbox;
3060
- display: inline-flex;
3061
- -webkit-box-orient: vertical;
3062
- -webkit-box-direction: normal;
3063
- -webkit-flex-direction: column;
3064
- -moz-box-orient: vertical;
3065
- -moz-box-direction: normal;
3066
- -ms-flex-direction: column;
3067
- flex-direction: column;
3068
- }
3069
-
3070
- .premium-title-style7 .premium-title-style7-inner {
3071
- -js-display: flex;
3072
- display: -webkit-box;
3073
- display: -webkit-flex;
3074
- display: -moz-box;
3075
- display: -ms-flexbox;
3076
- display: flex;
3077
- -webkit-box-align: center;
3078
- -webkit-align-items: center;
3079
- -moz-box-align: center;
3080
- -ms-flex-align: center;
3081
- align-items: center;
3082
- }
3083
-
3084
- .premium-title-style1 {
3085
- border-right: 3px solid #6ec1e4;
3086
- }
3087
-
3088
- .premium-title-container.style2,
3089
- .premium-title-container.style4,
3090
- .premium-title-container.style5,
3091
- .premium-title-container.style6 {
3092
- border-bottom: 3px solid #6ec1e4;
3093
- }
3094
-
3095
- /*Style 6 Header*/
3096
- .premium-title-style6:before {
3097
- position: absolute;
3098
- right: 50%;
3099
- bottom: 0;
3100
- margin-right: -2px;
3101
- content: "";
3102
- border: 3px solid transparent;
3103
- }
3104
-
3105
- /*Style 6 Trinagle*/
3106
- .premium-title-style7-stripe-wrap {
3107
- -js-display: flex;
3108
- display: -webkit-box;
3109
- display: -webkit-flex;
3110
- display: -moz-box;
3111
- display: -ms-flexbox;
3112
- display: flex;
3113
- }
3114
-
3115
- .premium-title-style7:before {
3116
- display: none;
3117
- }
3118
-
3119
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3120
- -webkit-background-size: 125px 125px !important;
3121
- background-size: 125px !important;
3122
- color: rgba(255, 255, 255, 0);
3123
- -webkit-background-clip: text !important;
3124
- background-clip: text !important;
3125
- -webkit-animation-name: pa-shinny-text !important;
3126
- animation-name: pa-shinny-text !important;
3127
- -webkit-animation-duration: var(--animation-speed) !important;
3128
- animation-duration: var(--animation-speed) !important;
3129
- -webkit-animation-iteration-count: infinite !important;
3130
- animation-iteration-count: infinite !important;
3131
- background: var(--base-color) -webkit-gradient(linear,
3132
- left top,
3133
- right top,
3134
- from(var(--base-color)),
3135
- to(var(--base-color)),
3136
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3137
- }
3138
-
3139
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3140
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
3141
- animation: pa-blur-shadow 2s 1 alternate;
3142
- }
3143
-
3144
- .premium-title-gradient-yes .premium-title-text,
3145
- .premium-title-gradient-yes .premium-title-icon {
3146
- -webkit-background-clip: text;
3147
- -webkit-text-fill-color: transparent;
3148
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3149
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3150
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3151
- -webkit-animation: pa-text-gradient 8s infinite;
3152
- animation: pa-text-gradient 8s infinite;
3153
- }
3154
-
3155
- @-webkit-keyframes pa-shinny-text {
3156
- 0% {
3157
- background-position: 100%;
3158
- }
3159
-
3160
- 100% {
3161
- background-position: -100%;
3162
- }
3163
- }
3164
-
3165
- @keyframes pa-shinny-text {
3166
- 0% {
3167
- background-position: 100%;
3168
- }
3169
-
3170
- 100% {
3171
- background-position: -100%;
3172
- }
3173
- }
3174
-
3175
- @-webkit-keyframes pa-blur-shadow {
3176
- from {
3177
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3178
- color: transparent;
3179
- }
3180
-
3181
- to {
3182
- text-shadow: 0;
3183
- }
3184
- }
3185
-
3186
- @keyframes pa-blur-shadow {
3187
- from {
3188
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3189
- color: transparent;
3190
- }
3191
-
3192
- to {
3193
- text-shadow: 0;
3194
- }
3195
- }
3196
-
3197
- @-webkit-keyframes pa-text-gradient {
3198
-
3199
- 0%,
3200
- 100% {
3201
- -webkit-filter: hue-rotate(0deg);
3202
- filter: hue-rotate(0deg);
3203
- }
3204
-
3205
- 50% {
3206
- -webkit-filter: hue-rotate(360deg);
3207
- filter: hue-rotate(360deg);
3208
- }
3209
- }
3210
-
3211
- @keyframes pa-text-gradient {
3212
-
3213
- 0%,
3214
- 100% {
3215
- -webkit-filter: hue-rotate(0deg);
3216
- filter: hue-rotate(0deg);
3217
- }
3218
-
3219
- 50% {
3220
- -webkit-filter: hue-rotate(360deg);
3221
- filter: hue-rotate(360deg);
3222
- }
3223
- }
3224
-
3225
- /*
3226
- * Common Title/Dual Heading
3227
- */
3228
- .premium-title-bg-text:before {
3229
- position: absolute;
3230
- content: attr(data-background);
3231
- top: 0;
3232
- left: 0;
3233
- text-align: left;
3234
- }
3235
-
3236
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3237
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3238
- background: inherit;
3239
- }
3240
-
3241
- .premium-mask-yes .premium-mask-span {
3242
- position: relative;
3243
- overflow: hidden;
3244
- -js-display: inline-flex !important;
3245
- display: -webkit-inline-box !important;
3246
- display: -webkit-inline-flex !important;
3247
- display: -moz-inline-box !important;
3248
- display: -ms-inline-flexbox !important;
3249
- display: inline-flex !important;
3250
- }
3251
-
3252
- .premium-mask-yes .premium-mask-span::after {
3253
- content: "";
3254
- position: absolute;
3255
- top: 0;
3256
- right: 0px;
3257
- width: 100%;
3258
- height: 100%;
3259
- background-color: currentColor;
3260
- -webkit-backface-visibility: visible;
3261
- backface-visibility: visible;
3262
- }
3263
-
3264
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3265
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3266
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3267
- -webkit-transform: translateX(-103%);
3268
- -ms-transform: translateX(-103%);
3269
- transform: translateX(-103%);
3270
- }
3271
-
3272
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3273
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3274
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3275
- -webkit-transform: translateX(103%);
3276
- -ms-transform: translateX(103%);
3277
- transform: translateX(103%);
3278
- }
3279
-
3280
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3281
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3282
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3283
- -webkit-transform: translateY(-103%);
3284
- -ms-transform: translateY(-103%);
3285
- transform: translateY(-103%);
3286
- }
3287
-
3288
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3289
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3290
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3291
- -webkit-transform: translateY(103%);
3292
- -ms-transform: translateY(103%);
3293
- transform: translateY(103%);
3294
- }
3295
-
3296
- @-webkit-keyframes pa-mask-tr {
3297
- 0% {
3298
- -webkit-transform: translateX(0%);
3299
- transform: translateX(0%);
3300
- }
3301
-
3302
- 100% {
3303
- -webkit-transform: translateX(103%);
3304
- transform: translateX(103%);
3305
- }
3306
- }
3307
-
3308
- @keyframes pa-mask-tr {
3309
- 0% {
3310
- -webkit-transform: translateX(0%);
3311
- transform: translateX(0%);
3312
- }
3313
-
3314
- 100% {
3315
- -webkit-transform: translateX(103%);
3316
- transform: translateX(103%);
3317
- }
3318
- }
3319
-
3320
- @-webkit-keyframes pa-mask-tl {
3321
- 0% {
3322
- -webkit-transform: translateX(0%);
3323
- transform: translateX(0%);
3324
- }
3325
-
3326
- 100% {
3327
- -webkit-transform: translateX(-103%);
3328
- transform: translateX(-103%);
3329
- }
3330
- }
3331
-
3332
- @keyframes pa-mask-tl {
3333
- 0% {
3334
- -webkit-transform: translateX(0%);
3335
- transform: translateX(0%);
3336
- }
3337
-
3338
- 100% {
3339
- -webkit-transform: translateX(-103%);
3340
- transform: translateX(-103%);
3341
- }
3342
- }
3343
-
3344
- @-webkit-keyframes pa-mask-tb {
3345
- 0% {
3346
- -webkit-transform: translateY(0%);
3347
- transform: translateY(0%);
3348
- }
3349
-
3350
- 100% {
3351
- -webkit-transform: translateY(103%);
3352
- transform: translateY(103%);
3353
- }
3354
- }
3355
-
3356
- @keyframes pa-mask-tb {
3357
- 0% {
3358
- -webkit-transform: translateY(0%);
3359
- transform: translateY(0%);
3360
- }
3361
-
3362
- 100% {
3363
- -webkit-transform: translateY(103%);
3364
- transform: translateY(103%);
3365
- }
3366
- }
3367
-
3368
- @-webkit-keyframes pa-mask-tt {
3369
- 0% {
3370
- -webkit-transform: translateY(0%);
3371
- transform: translateY(0%);
3372
- }
3373
-
3374
- 100% {
3375
- -webkit-transform: translateY(-103%);
3376
- transform: translateY(-103%);
3377
- }
3378
- }
3379
-
3380
- @keyframes pa-mask-tt {
3381
- 0% {
3382
- -webkit-transform: translateY(0%);
3383
- transform: translateY(0%);
3384
- }
3385
-
3386
- 100% {
3387
- -webkit-transform: translateY(-103%);
3388
- transform: translateY(-103%);
3389
- }
3390
- }
3391
-
3392
- /**************** Premium Video Box ************/
3393
- /***********************************************/
3394
- .premium-video-box-transform {
3395
- -webkit-transform: none !important;
3396
- -ms-transform: none !important;
3397
- transform: none !important;
3398
- }
3399
-
3400
- .premium-video-box-container {
3401
- -js-display: flex;
3402
- display: -webkit-box;
3403
- display: -webkit-flex;
3404
- display: -moz-box;
3405
- display: -ms-flexbox;
3406
- display: flex;
3407
- -webkit-box-orient: vertical;
3408
- -webkit-box-direction: normal;
3409
- -webkit-flex-direction: column;
3410
- -moz-box-orient: vertical;
3411
- -moz-box-direction: normal;
3412
- -ms-flex-direction: column;
3413
- flex-direction: column;
3414
- }
3415
-
3416
- .premium-video-box-container>div {
3417
- position: relative;
3418
- overflow: hidden;
3419
- }
3420
-
3421
- .pa-aspect-ratio-11 .premium-video-box-container>div {
3422
- padding-bottom: 100%;
3423
- }
3424
-
3425
- .pa-aspect-ratio-169 .premium-video-box-container>div {
3426
- padding-bottom: 56.25%;
3427
- }
3428
-
3429
- .pa-aspect-ratio-43 .premium-video-box-container>div {
3430
- padding-bottom: 75%;
3431
- }
3432
-
3433
- .pa-aspect-ratio-32 .premium-video-box-container>div {
3434
- padding-bottom: 66.6666%;
3435
- }
3436
-
3437
- .pa-aspect-ratio-219 .premium-video-box-container>div {
3438
- padding-bottom: 42.8571%;
3439
- }
3440
-
3441
- .pa-aspect-ratio-916 .premium-video-box-container>div {
3442
- padding-bottom: 177.8%;
3443
- }
3444
-
3445
- .premium-video-box-image-container {
3446
- position: absolute;
3447
- top: 0;
3448
- right: 0;
3449
- bottom: 0;
3450
- left: 0;
3451
- width: 100%;
3452
- height: 100%;
3453
- -webkit-background-size: cover;
3454
- background-size: cover;
3455
- background-position: 50%;
3456
- cursor: pointer;
3457
- margin: auto;
3458
- -webkit-transition: 0.2s all;
3459
- transition: 0.2s all;
3460
- }
3461
-
3462
- .premium-video-box-play-icon-container {
3463
- position: absolute;
3464
- z-index: 2;
3465
- cursor: pointer;
3466
- -webkit-transform: translate(50%, -50%);
3467
- -ms-transform: translate(50%, -50%);
3468
- transform: translate(50%, -50%);
3469
- background: rgba(252, 252, 252, 0.35);
3470
- }
3471
-
3472
- .premium-video-box-description-container {
3473
- position: absolute;
3474
- z-index: 2;
3475
- padding: 5px;
3476
- text-align: center;
3477
- cursor: pointer;
3478
- -webkit-transform: translate(50%, -50%);
3479
- -ms-transform: translate(50%, -50%);
3480
- transform: translate(50%, -50%);
3481
- }
3482
-
3483
- .premium-video-box-text {
3484
- margin-bottom: 0 !important;
3485
- -webkit-transition: all 0.3s ease-in-out;
3486
- transition: all 0.3s ease-in-out;
3487
- }
3488
-
3489
- .premium-video-box-play-icon {
3490
- padding: 15px;
3491
- -webkit-transform: translateX(-4%);
3492
- -ms-transform: translateX(-4%);
3493
- transform: translateX(-4%);
3494
- -webkit-transition: all 0.3s ease-in-out;
3495
- transition: all 0.3s ease-in-out;
3496
- }
3497
-
3498
- .premium-video-box-video-container {
3499
- position: absolute;
3500
- top: 0;
3501
- right: 0;
3502
- z-index: 2;
3503
- width: 100%;
3504
- height: 100%;
3505
- -webkit-transition: opacity 0.8s ease-in-out;
3506
- transition: opacity 0.8s ease-in-out;
3507
- overflow: hidden;
3508
- cursor: pointer;
3509
- }
3510
-
3511
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3512
- opacity: 0;
3513
- visibility: hidden;
3514
- }
3515
-
3516
- .premium-video-box-video-container iframe {
3517
- max-width: 100%;
3518
- width: 100%;
3519
- height: 100%;
3520
- margin: 0;
3521
- line-height: 1;
3522
- border: none;
3523
- }
3524
-
3525
- .premium-video-box-video-container video {
3526
- max-width: 100%;
3527
- width: 100%;
3528
- height: 100%;
3529
- margin: 0;
3530
- line-height: 1;
3531
- border: none;
3532
- background-color: #000;
3533
- -o-object-fit: contain;
3534
- object-fit: contain;
3535
- }
3536
-
3537
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3538
- -js-display: flex;
3539
- display: -webkit-box;
3540
- display: -webkit-flex;
3541
- display: -moz-box;
3542
- display: -ms-flexbox;
3543
- display: flex;
3544
- position: absolute;
3545
- top: 0;
3546
- right: 0;
3547
- z-index: 3;
3548
- margin: 10px;
3549
- margin-left: 10px;
3550
- -webkit-transition: opacity 0.2s ease-out;
3551
- transition: opacity 0.2s ease-out;
3552
- margin-left: 4.6em;
3553
- }
3554
-
3555
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3556
- width: 60px;
3557
- height: 60px;
3558
- background: rgba(23, 35, 34, 0.75);
3559
- margin-left: 1px;
3560
- -webkit-box-flex: 1;
3561
- -webkit-flex: 1 0 auto;
3562
- -moz-box-flex: 1;
3563
- -ms-flex: 1 0 auto;
3564
- flex: 1 0 auto;
3565
- padding: 0;
3566
- }
3567
-
3568
- .premium-video-box-vimeo-portrait img {
3569
- width: 50px;
3570
- height: 50px;
3571
- margin: 5px;
3572
- padding: 0;
3573
- border: 0;
3574
- -webkit-border-radius: 50%;
3575
- border-radius: 50%;
3576
- }
3577
-
3578
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3579
- font-size: 10px;
3580
- }
3581
-
3582
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3583
- max-width: 100%;
3584
- font-size: 2em !important;
3585
- font-weight: 700;
3586
- margin: 0;
3587
- padding: 0.1em 0.2em;
3588
- background: rgba(23, 35, 34, 0.75);
3589
- display: inline-block;
3590
- text-transform: none;
3591
- line-height: normal;
3592
- letter-spacing: normal;
3593
- }
3594
-
3595
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3596
- font-size: 1.2em !important;
3597
- font-weight: 400;
3598
- color: #fff;
3599
- margin-top: 0.1em;
3600
- padding: 0.2em 0.5em;
3601
- background: rgba(23, 35, 34, 0.75);
3602
- text-transform: none;
3603
- line-height: normal;
3604
- letter-spacing: normal;
3605
- }
3606
-
3607
- .premium-video-box-playlist-container {
3608
- -js-display: flex;
3609
- display: -webkit-box;
3610
- display: -webkit-flex;
3611
- display: -moz-box;
3612
- display: -ms-flexbox;
3613
- display: flex;
3614
- -webkit-flex-wrap: wrap;
3615
- -ms-flex-wrap: wrap;
3616
- flex-wrap: wrap;
3617
- }
3618
-
3619
- .premium-video-box-playlist-container .premium-video-box-container {
3620
- height: 100%;
3621
- overflow: hidden;
3622
- }
3623
-
3624
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3625
- -webkit-transform: scale(1.1);
3626
- -ms-transform: scale(1.1);
3627
- transform: scale(1.1);
3628
- }
3629
-
3630
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3631
- -webkit-transform: scale(1);
3632
- -ms-transform: scale(1);
3633
- transform: scale(1);
3634
- }
3635
-
3636
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3637
- -webkit-transform: scale(1.3) rotate(-5deg);
3638
- -ms-transform: scale(1.3) rotate(-5deg);
3639
- transform: scale(1.3) rotate(-5deg);
3640
- }
3641
-
3642
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3643
- -webkit-filter: grayscale(0%);
3644
- filter: grayscale(0%);
3645
- }
3646
-
3647
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3648
- -webkit-filter: blur(3px);
3649
- filter: blur(3px);
3650
- }
3651
-
3652
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3653
- -webkit-filter: sepia(0%);
3654
- filter: sepia(0%);
3655
- }
3656
-
3657
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3658
- -webkit-transform: translateX(0px) scale(1.1);
3659
- -ms-transform: translateX(0px) scale(1.1);
3660
- transform: translateX(0px) scale(1.1);
3661
- }
3662
-
3663
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3664
- -webkit-filter: brightness(1.2);
3665
- filter: brightness(1.2);
3666
- }
3667
-
3668
- .premium-video-box-image-container.gray {
3669
- -webkit-filter: grayscale(100%);
3670
- filter: grayscale(100%);
3671
- }
3672
-
3673
- .premium-video-box-image-container.zoomout,
3674
- .premium-video-box-image-container.scale {
3675
- -webkit-transform: scale(1.2);
3676
- -ms-transform: scale(1.2);
3677
- transform: scale(1.2);
3678
- }
3679
-
3680
- .premium-video-box-image-container.sepia {
3681
- -webkit-filter: sepia(30%);
3682
- filter: sepia(30%);
3683
- }
3684
-
3685
- .premium-video-box-image-container.bright {
3686
- -webkit-filter: brightness(1);
3687
- filter: brightness(1);
3688
- }
3689
-
3690
- .premium-video-box-image-container.trans {
3691
- -webkit-transform: translateX(15px) scale(1.1);
3692
- -ms-transform: translateX(15px) scale(1.1);
3693
- transform: translateX(15px) scale(1.1);
3694
- }
3695
-
3696
- .premium-video-box-mask-media {
3697
- -webkit-mask-repeat: no-repeat;
3698
- mask-repeat: no-repeat;
3699
- }
3700
-
3701
- /* Sticky Video Option */
3702
- .premium-video-box-container.premium-video-box-sticky-apply {
3703
- z-index: 99;
3704
- overflow: unset;
3705
- }
3706
-
3707
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3708
- position: fixed !important;
3709
- z-index: 99999;
3710
- height: 225px;
3711
- width: 400px;
3712
- background: #fff;
3713
- }
3714
-
3715
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3716
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3717
- visibility: hidden;
3718
- }
3719
-
3720
- .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 {
3721
- -webkit-box-shadow: unset;
3722
- box-shadow: unset;
3723
- }
3724
-
3725
- .premium-video-box-sticky-close,
3726
- .premium-video-box-sticky-infobar {
3727
- display: none;
3728
- }
3729
-
3730
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3731
- position: absolute;
3732
- padding: 5px;
3733
- cursor: pointer;
3734
- z-index: 99999;
3735
- height: 14px;
3736
- width: 14px;
3737
- -webkit-box-sizing: content-box;
3738
- -moz-box-sizing: content-box;
3739
- box-sizing: content-box;
3740
- -webkit-border-radius: 100%;
3741
- border-radius: 100%;
3742
- -js-display: flex;
3743
- display: -webkit-box;
3744
- display: -webkit-flex;
3745
- display: -moz-box;
3746
- display: -ms-flexbox;
3747
- display: flex;
3748
- -webkit-box-pack: center;
3749
- -webkit-justify-content: center;
3750
- -moz-box-pack: center;
3751
- -ms-flex-pack: center;
3752
- justify-content: center;
3753
- -webkit-box-align: center;
3754
- -webkit-align-items: center;
3755
- -moz-box-align: center;
3756
- -ms-flex-align: center;
3757
- align-items: center;
3758
- }
3759
-
3760
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3761
- -js-display: flex;
3762
- display: -webkit-box;
3763
- display: -webkit-flex;
3764
- display: -moz-box;
3765
- display: -ms-flexbox;
3766
- display: flex;
3767
- }
3768
-
3769
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3770
- -webkit-transition: none;
3771
- transition: none;
3772
- }
3773
-
3774
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3775
- display: block;
3776
- position: relative;
3777
- top: 100%;
3778
- width: 100%;
3779
- padding: 5px;
3780
- text-align: center;
3781
- z-index: 9999;
3782
- margin-top: -1px;
3783
- }
3784
-
3785
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3786
- cursor: move;
3787
- }
3788
-
3789
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3790
- left: auto;
3791
- right: 20px;
3792
- top: 20px;
3793
- }
3794
-
3795
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3796
- left: auto;
3797
- right: 20px;
3798
- bottom: 20px;
3799
- }
3800
-
3801
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3802
- right: auto;
3803
- left: 20px;
3804
- top: 20px;
3805
- }
3806
-
3807
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3808
- right: auto;
3809
- left: 20px;
3810
- bottom: 20px;
3811
- }
3812
-
3813
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3814
- left: auto;
3815
- right: 20px;
3816
- top: 50%;
3817
- -webkit-transform: translateY(-50%);
3818
- -ms-transform: translateY(-50%);
3819
- transform: translateY(-50%);
3820
- }
3821
-
3822
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3823
- right: auto;
3824
- left: 20px;
3825
- top: 50%;
3826
- -webkit-transform: translateY(-50%);
3827
- -ms-transform: translateY(-50%);
3828
- transform: translateY(-50%);
3829
- }
3830
-
3831
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3832
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3833
- bottom: 55px;
3834
- }
3835
-
3836
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3837
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3838
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3839
- top: -10px;
3840
- left: -10px;
3841
- }
3842
-
3843
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3844
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3845
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3846
- top: -10px;
3847
- right: -10px;
3848
- }
3849
-
3850
- .premium-video-box-filter-sticky {
3851
- -webkit-filter: none !important;
3852
- filter: none !important;
3853
- }
3854
-
3855
- /**************** Premium Blog *****************/
3856
- /***********************************************/
3857
- .premium-blog-thumb-effect-wrapper {
3858
- position: relative;
3859
- overflow: hidden;
3860
- }
3861
-
3862
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3863
- position: absolute;
3864
- top: 0;
3865
- right: 0;
3866
- width: 100%;
3867
- height: 100%;
3868
- z-index: 2;
3869
- padding: 20px;
3870
- }
3871
-
3872
- .premium-blog-bordered-effect .premium-blog-post-link {
3873
- display: block;
3874
- height: 100%;
3875
- position: relative;
3876
- }
3877
-
3878
- /*Thumbnail Img*/
3879
- .premium-blog-thumbnail-container {
3880
- overflow: hidden;
3881
- }
3882
-
3883
- .premium-blog-thumbnail-container img,
3884
- .premium-blog-thumbnail-container .below-entry-meta {
3885
- width: 100%;
3886
- height: 100%;
3887
- margin: 0 !important;
3888
- -webkit-transition: all 0.4s ease-in-out;
3889
- transition: all 0.4s ease-in-out;
3890
- }
3891
-
3892
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3893
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3894
- -webkit-transform: scale(1.2);
3895
- -ms-transform: scale(1.2);
3896
- transform: scale(1.2);
3897
- }
3898
-
3899
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3900
- -webkit-filter: sepia(30%);
3901
- filter: sepia(30%);
3902
- }
3903
-
3904
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3905
- -webkit-filter: brightness(1);
3906
- filter: brightness(1);
3907
- }
3908
-
3909
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3910
- -webkit-transform: translateX(15px) scale(1.1);
3911
- -ms-transform: translateX(15px) scale(1.1);
3912
- transform: translateX(15px) scale(1.1);
3913
- }
3914
-
3915
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3916
- -webkit-transform: scale(1.2);
3917
- -ms-transform: scale(1.2);
3918
- transform: scale(1.2);
3919
- }
3920
-
3921
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3922
- -webkit-transform: scale(1.1);
3923
- -ms-transform: scale(1.1);
3924
- transform: scale(1.1);
3925
- }
3926
-
3927
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3928
- -webkit-transform: scale(1.3) rotate(-5deg);
3929
- -ms-transform: scale(1.3) rotate(-5deg);
3930
- transform: scale(1.3) rotate(-5deg);
3931
- }
3932
-
3933
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3934
- -webkit-filter: grayscale(100%);
3935
- filter: grayscale(100%);
3936
- }
3937
-
3938
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3939
- -webkit-filter: blur(3px);
3940
- filter: blur(3px);
3941
- }
3942
-
3943
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3944
- -webkit-filter: sepia(0%);
3945
- filter: sepia(0%);
3946
- }
3947
-
3948
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3949
- -webkit-filter: brightness(1.2);
3950
- filter: brightness(1.2);
3951
- }
3952
-
3953
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3954
- -webkit-transform: translateX(0px) scale(1.1);
3955
- -ms-transform: translateX(0px) scale(1.1);
3956
- transform: translateX(0px) scale(1.1);
3957
- }
3958
-
3959
- .premium-blog-post-container {
3960
- overflow: hidden;
3961
- }
3962
-
3963
- .premium-blog-post-container .premium-blog-inner-container {
3964
- -js-display: flex;
3965
- display: -webkit-box;
3966
- display: -webkit-flex;
3967
- display: -moz-box;
3968
- display: -ms-flexbox;
3969
- display: flex;
3970
- }
3971
-
3972
- .premium-blog-post-container .premium-blog-post-content {
3973
- line-height: 1.5em;
3974
- color: #777;
3975
- font-size: 14px;
3976
- margin-bottom: 10px;
3977
- }
3978
-
3979
- .premium-blog-post-container ul.post-categories a:hover,
3980
- .premium-blog-post-container ul.post-categories a:focus,
3981
- .premium-blog-post-container .premium-blog-post-link:hover,
3982
- .premium-blog-post-container .premium-blog-post-link:focus {
3983
- -webkit-box-shadow: none !important;
3984
- box-shadow: none !important;
3985
- outline: none !important;
3986
- }
3987
-
3988
- .premium-blog-post-container .premium-blog-entry-title {
3989
- font-size: 18px;
3990
- margin-bottom: 5px;
3991
- }
3992
-
3993
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3994
- position: relative;
3995
- z-index: 3;
3996
- top: -50px;
3997
- }
3998
-
3999
- .premium-blog-post-container .premium-blog-content-wrapper {
4000
- background-color: #f5f5f5;
4001
- padding: 30px;
4002
- }
4003
-
4004
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4005
- top: 0;
4006
- }
4007
-
4008
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4009
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4010
- position: absolute;
4011
- content: "";
4012
- z-index: 1;
4013
- top: 50%;
4014
- right: 50%;
4015
- opacity: 0;
4016
- -webkit-transform: translate(50%, -50%);
4017
- -ms-transform: translate(50%, -50%);
4018
- transform: translate(50%, -50%);
4019
- -webkit-transition: all 0.4s linear 0s;
4020
- transition: all 0.4s linear 0s;
4021
- height: 1px;
4022
- width: 100%;
4023
- background-color: #fff;
4024
- }
4025
-
4026
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4027
- width: 1px;
4028
- height: 100%;
4029
- }
4030
-
4031
- .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 {
4032
- width: 20px;
4033
- opacity: 1;
4034
- }
4035
-
4036
- .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 {
4037
- height: 20px;
4038
- opacity: 1;
4039
- }
4040
-
4041
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4042
- margin: 0px 10px 20px;
4043
- clear: both;
4044
- }
4045
-
4046
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4047
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4048
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4049
- position: absolute;
4050
- top: 0;
4051
- right: 0;
4052
- width: 100%;
4053
- height: 100%;
4054
- -webkit-transition: all 0.3s ease-in-out;
4055
- transition: all 0.3s ease-in-out;
4056
- opacity: 0;
4057
- }
4058
-
4059
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4060
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4061
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4062
- -js-display: flex;
4063
- display: -webkit-box;
4064
- display: -webkit-flex;
4065
- display: -moz-box;
4066
- display: -ms-flexbox;
4067
- display: flex;
4068
- -webkit-box-pack: center;
4069
- -webkit-justify-content: center;
4070
- -moz-box-pack: center;
4071
- -ms-flex-pack: center;
4072
- justify-content: center;
4073
- -webkit-box-align: center;
4074
- -webkit-align-items: center;
4075
- -moz-box-align: center;
4076
- -ms-flex-align: center;
4077
- align-items: center;
4078
- width: 100%;
4079
- height: 100%;
4080
- }
4081
-
4082
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4083
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4084
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4085
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4086
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4087
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4088
- -webkit-transition: all 0.3s ease-in-out;
4089
- transition: all 0.3s ease-in-out;
4090
- }
4091
-
4092
- .premium-blog-post-container.premium-blog-skin-side {
4093
- -js-display: flex;
4094
- display: -webkit-box;
4095
- display: -webkit-flex;
4096
- display: -moz-box;
4097
- display: -ms-flexbox;
4098
- display: flex;
4099
- }
4100
-
4101
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4102
- height: 100%;
4103
- }
4104
-
4105
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4106
- -webkit-box-flex: 1;
4107
- -webkit-flex: 1;
4108
- -moz-box-flex: 1;
4109
- -ms-flex: 1;
4110
- flex: 1;
4111
- }
4112
-
4113
- .premium-blog-post-container.premium-blog-skin-banner {
4114
- position: relative;
4115
- }
4116
-
4117
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4118
- position: absolute;
4119
- width: 100%;
4120
- bottom: 0;
4121
- -js-display: flex;
4122
- display: -webkit-box;
4123
- display: -webkit-flex;
4124
- display: -moz-box;
4125
- display: -ms-flexbox;
4126
- display: flex;
4127
- -webkit-box-orient: vertical;
4128
- -webkit-box-direction: normal;
4129
- -webkit-flex-direction: column;
4130
- -moz-box-orient: vertical;
4131
- -moz-box-direction: normal;
4132
- -ms-flex-direction: column;
4133
- flex-direction: column;
4134
- background-color: transparent;
4135
- z-index: 3;
4136
- }
4137
-
4138
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4139
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
4140
- transition: -webkit-transform 0.3s ease-in-out;
4141
- transition: transform 0.3s ease-in-out;
4142
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4143
- }
4144
-
4145
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4146
- -webkit-transform: translateY(-5px);
4147
- -ms-transform: translateY(-5px);
4148
- transform: translateY(-5px);
4149
- }
4150
-
4151
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4152
- margin: 0;
4153
- padding: 0;
4154
- list-style: none;
4155
- -js-display: flex;
4156
- display: -webkit-box;
4157
- display: -webkit-flex;
4158
- display: -moz-box;
4159
- display: -ms-flexbox;
4160
- display: flex;
4161
- }
4162
-
4163
- .premium-blog-post-container .premium-blog-cats-container a {
4164
- display: block;
4165
- font-size: 12px;
4166
- color: #fff;
4167
- background-color: #777;
4168
- margin: 0 0 10px 3px;
4169
- padding: 5px;
4170
- -webkit-transition: all 0.3s ease-in-out;
4171
- transition: all 0.3s ease-in-out;
4172
- }
4173
-
4174
- /*
4175
- * Diagonal Effect
4176
- */
4177
- .premium-blog-diagonal-container {
4178
- position: absolute;
4179
- top: 0;
4180
- right: 0;
4181
- width: 100%;
4182
- height: 100%;
4183
- }
4184
-
4185
- .premium-blog-diagonal-effect:before {
4186
- position: absolute;
4187
- top: 0px;
4188
- right: 0px;
4189
- width: 100%;
4190
- height: 100%;
4191
- content: " ";
4192
- z-index: 1;
4193
- background: rgba(255, 255, 255, 0.2);
4194
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4195
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4196
- -webkit-transition: all 0.3s linear 0s;
4197
- transition: all 0.3s linear 0s;
4198
- }
4199
-
4200
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4201
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4202
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4203
- }
4204
-
4205
- /*
4206
- * Framed Effect
4207
- */
4208
- .premium-blog-framed-effect {
4209
- position: absolute;
4210
- width: -webkit-calc(100% - 30px);
4211
- width: calc(100% - 30px);
4212
- height: -webkit-calc(100% - 30px);
4213
- height: calc(100% - 30px);
4214
- top: 15px;
4215
- right: 15px;
4216
- opacity: 0;
4217
- -webkit-transform: scale(0.3);
4218
- -ms-transform: scale(0.3);
4219
- transform: scale(0.3);
4220
- -webkit-transition: all 0.3s linear 0s;
4221
- transition: all 0.3s linear 0s;
4222
- }
4223
-
4224
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4225
- opacity: 0.99;
4226
- -webkit-transform: scale(1);
4227
- -ms-transform: scale(1);
4228
- transform: scale(1);
4229
- }
4230
-
4231
- /*
4232
- * Bordered Effect
4233
- */
4234
- .premium-blog-bordered-effect {
4235
- position: absolute;
4236
- top: 0;
4237
- right: 0;
4238
- width: 100%;
4239
- height: 100%;
4240
- opacity: 0;
4241
- padding: 15px;
4242
- -webkit-transition: all 0.3s linear 0s;
4243
- transition: all 0.3s linear 0s;
4244
- }
4245
-
4246
- .premium-blog-bordered-effect .premium-blog-post-link:before,
4247
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4248
- content: "";
4249
- display: block;
4250
- position: absolute;
4251
- top: 0;
4252
- right: 0;
4253
- width: 100%;
4254
- height: 100%;
4255
- -webkit-transition: all 0.5s linear 0s;
4256
- transition: all 0.5s linear 0s;
4257
- -webkit-transition-delay: 0s;
4258
- transition-delay: 0s;
4259
- border-color: rgba(255, 255, 255, 0.45);
4260
- }
4261
-
4262
- .premium-blog-bordered-effect .premium-blog-post-link:before {
4263
- border-left: 2px solid;
4264
- border-right: 2px solid;
4265
- -webkit-transform: scale(1, 0);
4266
- -ms-transform: scale(1, 0);
4267
- transform: scale(1, 0);
4268
- -webkit-transform-origin: 0% 0;
4269
- -ms-transform-origin: 0% 0;
4270
- transform-origin: 0% 0;
4271
- }
4272
-
4273
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4274
- border-top: 2px solid;
4275
- border-bottom: 2px solid;
4276
- -webkit-transform: scale(0, 1);
4277
- -ms-transform: scale(0, 1);
4278
- transform: scale(0, 1);
4279
- -webkit-transform-origin: 100% 0;
4280
- -ms-transform-origin: 100% 0;
4281
- transform-origin: 100% 0;
4282
- }
4283
-
4284
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4285
- opacity: 0.99;
4286
- }
4287
-
4288
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4289
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4290
- -webkit-transition-delay: 0.15s;
4291
- transition-delay: 0.15s;
4292
- opacity: 1;
4293
- -webkit-transform: scale(1);
4294
- -ms-transform: scale(1);
4295
- transform: scale(1);
4296
- }
4297
-
4298
- /*
4299
- * Squares Effect
4300
- */
4301
- .premium-blog-squares-effect,
4302
- .premium-blog-squares-square-container {
4303
- position: absolute;
4304
- top: 0;
4305
- right: 0;
4306
- width: 100%;
4307
- height: 100%;
4308
- }
4309
-
4310
- .premium-blog-squares-effect:before,
4311
- .premium-blog-squares-effect:after {
4312
- position: absolute;
4313
- content: "";
4314
- top: 0;
4315
- right: 0;
4316
- width: 50%;
4317
- height: 50%;
4318
- -webkit-transform: translate(100%, -100%);
4319
- -ms-transform: translate(100%, -100%);
4320
- transform: translate(100%, -100%);
4321
- opacity: 0.7;
4322
- -webkit-transition: all 0.3s linear 0s;
4323
- transition: all 0.3s linear 0s;
4324
- }
4325
-
4326
- .premium-blog-squares-square-container:before,
4327
- .premium-blog-squares-square-container:after {
4328
- position: absolute;
4329
- content: "";
4330
- top: 0;
4331
- right: 0;
4332
- width: 50%;
4333
- height: 50%;
4334
- -webkit-transform: translate(100%, -100%);
4335
- -ms-transform: translate(100%, -100%);
4336
- transform: translate(100%, -100%);
4337
- opacity: 0.7;
4338
- -webkit-transition: all 0.3s linear 0s;
4339
- transition: all 0.3s linear 0s;
4340
- }
4341
-
4342
- .premium-blog-squares-square-container:before,
4343
- .premium-blog-squares-square-container:after {
4344
- opacity: 0.8;
4345
- }
4346
-
4347
- .premium-blog-squares-effect:after {
4348
- -webkit-transform: translate(-200%, 200%);
4349
- -ms-transform: translate(-200%, 200%);
4350
- transform: translate(-200%, 200%);
4351
- }
4352
-
4353
- .premium-blog-squares-square-container:before {
4354
- -webkit-transform: translate(100%, 200%);
4355
- -ms-transform: translate(100%, 200%);
4356
- transform: translate(100%, 200%);
4357
- }
4358
-
4359
- .premium-blog-squares-square-container:after {
4360
- -webkit-transform: translate(-200%, -100%);
4361
- -ms-transform: translate(-200%, -100%);
4362
- transform: translate(-200%, -100%);
4363
- }
4364
-
4365
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4366
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4367
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4368
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4369
- }
4370
-
4371
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4372
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4373
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4374
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4375
- }
4376
-
4377
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4378
- -webkit-transform: translate(0, 100%);
4379
- -ms-transform: translate(0, 100%);
4380
- transform: translate(0, 100%);
4381
- }
4382
-
4383
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4384
- -webkit-transform: translate(-100%, 0%);
4385
- -ms-transform: translate(-100%, 0%);
4386
- transform: translate(-100%, 0%);
4387
- }
4388
-
4389
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4390
- opacity: 1;
4391
- }
4392
-
4393
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4394
- opacity: 1;
4395
- -webkit-transform: scale(1);
4396
- -ms-transform: scale(1);
4397
- transform: scale(1);
4398
- }
4399
-
4400
- .premium-blog-clear-fix {
4401
- clear: both;
4402
- }
4403
-
4404
- .premium-blog-masked .premium-blog-thumbnail-container {
4405
- position: relative;
4406
- overflow: visible;
4407
- }
4408
-
4409
- .premium-blog-masked .premium-blog-thumbnail-container svg {
4410
- position: absolute;
4411
- height: 100px;
4412
- width: 100%;
4413
- bottom: -5px;
4414
- right: 0;
4415
- fill: #f5f5f5;
4416
- z-index: 99;
4417
- }
4418
-
4419
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4420
- -webkit-transform: rotate(180deg);
4421
- -ms-transform: rotate(180deg);
4422
- transform: rotate(180deg);
4423
- }
4424
-
4425
- .premium-blog-masked .premium-blog-author-thumbnail,
4426
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4427
- z-index: 999 !important;
4428
- }
4429
-
4430
- /*Post Format Container*/
4431
- .premium-blog-format-link {
4432
- padding: 5px;
4433
- line-height: 0;
4434
- }
4435
-
4436
- /*Post Format Icon*/
4437
- /*Post Format Content Margin */
4438
- .premium-blog-entry-meta {
4439
- line-height: 1.3em;
4440
- font-size: 12px;
4441
- margin-bottom: 13px;
4442
- color: #adadad;
4443
- }
4444
-
4445
- .premium-blog-entry-meta i {
4446
- margin-left: 3px;
4447
- -webkit-transition: all 0.3s ease-in-out;
4448
- transition: all 0.3s ease-in-out;
4449
- }
4450
-
4451
- .premium-blog-meta-data {
4452
- display: inline-block;
4453
- }
4454
-
4455
- .premium-blog-meta-data .premium-blog-meta-separator {
4456
- margin: 0 5px;
4457
- }
4458
-
4459
- .premium-blog-meta-data a,
4460
- .premium-blog-meta-data span {
4461
- color: inherit;
4462
- -webkit-transition: all 0.3s ease-in-out;
4463
- transition: all 0.3s ease-in-out;
4464
- }
4465
-
4466
- .premium-blog-author-thumbnail {
4467
- position: relative;
4468
- padding: 0 30px;
4469
- width: 100%;
4470
- top: -10px;
4471
- height: 0;
4472
- pointer-events: none;
4473
- }
4474
-
4475
- .premium-blog-author-thumbnail img {
4476
- -webkit-border-radius: 50%;
4477
- border-radius: 50%;
4478
- width: 60px;
4479
- pointer-events: all;
4480
- -webkit-transform: translateY(-50%);
4481
- -ms-transform: translateY(-50%);
4482
- transform: translateY(-50%);
4483
- }
4484
-
4485
- .premium-blog-entry-title a,
4486
- .premium-blog-post-tags-container a,
4487
- .premium-blog-post-content .premium-blog-excerpt-link {
4488
- -webkit-transition: all 0.3s ease-in-out;
4489
- transition: all 0.3s ease-in-out;
4490
- }
4491
-
4492
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4493
- background-color: transparent;
4494
- color: #54595f;
4495
- padding: 0;
4496
- }
4497
-
4498
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4499
- width: 100%;
4500
- }
4501
-
4502
- .premium-blog-post-tags-container {
4503
- margin-top: 8px;
4504
- -js-display: flex;
4505
- display: -webkit-box;
4506
- display: -webkit-flex;
4507
- display: -moz-box;
4508
- display: -ms-flexbox;
4509
- display: flex;
4510
- -webkit-box-align: center;
4511
- -webkit-align-items: center;
4512
- -moz-box-align: center;
4513
- -ms-flex-align: center;
4514
- align-items: center;
4515
- -webkit-flex-wrap: wrap;
4516
- -ms-flex-wrap: wrap;
4517
- flex-wrap: wrap;
4518
- }
4519
-
4520
- .premium-blog-post-tags-container a {
4521
- color: inherit;
4522
- margin-right: 5px;
4523
- }
4524
-
4525
- .premium-blog-align-center .post-categories,
4526
- .premium-blog-align-center .premium-blog-inner-container,
4527
- .premium-blog-align-center .premium-blog-post-tags-container {
4528
- -webkit-box-pack: center;
4529
- -webkit-justify-content: center;
4530
- -moz-box-pack: center;
4531
- -ms-flex-pack: center;
4532
- justify-content: center;
4533
- }
4534
-
4535
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4536
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4537
- .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4538
- -webkit-box-pack: end;
4539
- -webkit-justify-content: flex-end;
4540
- -moz-box-pack: end;
4541
- -ms-flex-pack: end;
4542
- justify-content: flex-end;
4543
- }
4544
-
4545
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4546
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4547
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4548
- -webkit-box-pack: start;
4549
- -webkit-justify-content: flex-start;
4550
- -moz-box-pack: start;
4551
- -ms-flex-pack: start;
4552
- justify-content: flex-start;
4553
- }
4554
-
4555
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4556
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4557
- .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4558
- -webkit-box-pack: start;
4559
- -webkit-justify-content: flex-start;
4560
- -moz-box-pack: start;
4561
- -ms-flex-pack: start;
4562
- justify-content: flex-start;
4563
- }
4564
-
4565
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4566
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4567
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4568
- -webkit-box-pack: end;
4569
- -webkit-justify-content: flex-end;
4570
- -moz-box-pack: end;
4571
- -ms-flex-pack: end;
4572
- justify-content: flex-end;
4573
- }
4574
-
4575
- /* Pagination */
4576
- .premium-blog-pagination-container {
4577
- text-align: left;
4578
- }
4579
-
4580
- .premium-blog-pagination-container span {
4581
- cursor: default;
4582
- }
4583
-
4584
- .premium-blog-pagination-container .page-numbers {
4585
- display: inline-block;
4586
- color: #000;
4587
- line-height: 1;
4588
- font-size: 1em;
4589
- font-weight: 400;
4590
- text-decoration: none;
4591
- padding: 0.75em;
4592
- margin: 0 0 0.4em 0.4em;
4593
- -webkit-transition: all 0.2s ease-in-out;
4594
- transition: all 0.2s ease-in-out;
4595
- }
4596
-
4597
- .premium-blog-wrap .premium-loading-feed {
4598
- display: block;
4599
- position: absolute;
4600
- width: 100%;
4601
- height: 100%;
4602
- top: 0px;
4603
- right: 0px;
4604
- bottom: 0px;
4605
- left: 0px;
4606
- background: rgba(255, 255, 255, 0.2);
4607
- -js-display: flex;
4608
- display: -webkit-box;
4609
- display: -webkit-flex;
4610
- display: -moz-box;
4611
- display: -ms-flexbox;
4612
- display: flex;
4613
- -webkit-box-align: center;
4614
- -webkit-align-items: center;
4615
- -moz-box-align: center;
4616
- -ms-flex-align: center;
4617
- align-items: center;
4618
- z-index: 99;
4619
- }
4620
-
4621
- .premium-blog-wrap {
4622
- -js-display: flex;
4623
- display: -webkit-box;
4624
- display: -webkit-flex;
4625
- display: -moz-box;
4626
- display: -ms-flexbox;
4627
- display: flex;
4628
- -webkit-flex-wrap: wrap;
4629
- -ms-flex-wrap: wrap;
4630
- flex-wrap: wrap;
4631
- }
4632
-
4633
- .premium-blog-wrap ul.slick-dots {
4634
- width: 100%;
4635
- }
4636
-
4637
- /**
4638
- * Even Layout
4639
- */
4640
- .premium-blog-even .premium-blog-post-container {
4641
- height: 100%;
4642
- }
4643
-
4644
- .premium-blog-even .slick-track {
4645
- -js-display: flex;
4646
- display: -webkit-box;
4647
- display: -webkit-flex;
4648
- display: -moz-box;
4649
- display: -ms-flexbox;
4650
- display: flex;
4651
- }
4652
-
4653
- .premium-blog-even .slick-slide {
4654
- height: inherit !important;
4655
- }
4656
-
4657
- /**
4658
- * Responsive Style
4659
- */
4660
- @media (max-width: 768px) {
4661
- .premium-blog-content-wrapper {
4662
- top: 0;
4663
- margin: 0;
4664
- padding: 15px;
4665
- }
4666
-
4667
- .premium-blog-thumb-effect-wrapper {
4668
- margin-bottom: 15px;
4669
- }
4670
- }
4671
-
4672
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4673
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4674
- direction: ltr;
4675
- }
4676
-
4677
- /************ Premium Team Members ************/
4678
- /*********************************************/
4679
- .premium-person-container {
4680
- position: relative;
4681
- }
4682
-
4683
- .premium-person-image-container {
4684
- position: relative;
4685
- text-align: center;
4686
- }
4687
-
4688
- .premium-person-image-container .premium-person-image-wrap {
4689
- overflow: hidden;
4690
- }
4691
-
4692
- .premium-person-zoomout-effect .premium-person-image-container img,
4693
- .premium-person-scale-effect .premium-person-image-container img {
4694
- -webkit-transform: scale(1.2);
4695
- -ms-transform: scale(1.2);
4696
- transform: scale(1.2);
4697
- }
4698
-
4699
- .premium-person-sepia-effect .premium-person-image-container img {
4700
- -webkit-filter: sepia(30%);
4701
- filter: sepia(30%);
4702
- }
4703
-
4704
- .premium-person-bright-effect .premium-person-image-container img {
4705
- -webkit-filter: brightness(1);
4706
- filter: brightness(1);
4707
- }
4708
-
4709
- .premium-person-trans-effect .premium-person-image-container img {
4710
- -webkit-transform: translateX(15px) scale(1.1);
4711
- -ms-transform: translateX(15px) scale(1.1);
4712
- transform: translateX(15px) scale(1.1);
4713
- }
4714
-
4715
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4716
- -webkit-transform: scale(1.2);
4717
- -ms-transform: scale(1.2);
4718
- transform: scale(1.2);
4719
- }
4720
-
4721
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4722
- -webkit-transform: scale(1.1);
4723
- -ms-transform: scale(1.1);
4724
- transform: scale(1.1);
4725
- }
4726
-
4727
- .premium-person-scale-effect:hover .premium-person-image-container img {
4728
- -webkit-transform: scale(1.3) rotate(-5deg);
4729
- -ms-transform: scale(1.3) rotate(-5deg);
4730
- transform: scale(1.3) rotate(-5deg);
4731
- }
4732
-
4733
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4734
- -webkit-filter: grayscale(100%);
4735
- filter: grayscale(100%);
4736
- }
4737
-
4738
- .premium-person-blur-effect:hover .premium-person-image-container img {
4739
- -webkit-filter: blur(3px);
4740
- filter: blur(3px);
4741
- }
4742
-
4743
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4744
- -webkit-filter: sepia(0%);
4745
- filter: sepia(0%);
4746
- }
4747
-
4748
- .premium-person-bright-effect:hover .premium-person-image-container img {
4749
- -webkit-filter: brightness(1.2);
4750
- filter: brightness(1.2);
4751
- }
4752
-
4753
- .premium-person-trans-effect:hover .premium-person-image-container img {
4754
- -webkit-transform: translateX(0px) scale(1.1);
4755
- -ms-transform: translateX(0px) scale(1.1);
4756
- transform: translateX(0px) scale(1.1);
4757
- }
4758
-
4759
- .premium-person-container .premium-person-image-container img {
4760
- width: 100%;
4761
- height: 100%;
4762
- -o-object-fit: cover;
4763
- object-fit: cover;
4764
- -webkit-transition: all 0.5s ease-in-out;
4765
- transition: all 0.5s ease-in-out;
4766
- }
4767
-
4768
- .premium-person-style2 .premium-person-social {
4769
- position: absolute;
4770
- top: 0;
4771
- right: 0;
4772
- width: 100%;
4773
- height: 100%;
4774
- z-index: 2;
4775
- -js-display: flex;
4776
- display: -webkit-box;
4777
- display: -webkit-flex;
4778
- display: -moz-box;
4779
- display: -ms-flexbox;
4780
- display: flex;
4781
- -webkit-box-pack: center;
4782
- -webkit-justify-content: center;
4783
- -moz-box-pack: center;
4784
- -ms-flex-pack: center;
4785
- justify-content: center;
4786
- -webkit-box-align: center;
4787
- -webkit-align-items: center;
4788
- -moz-box-align: center;
4789
- -ms-flex-align: center;
4790
- align-items: center;
4791
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4792
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4793
- -webkit-transition: all 0.5s linear 0s;
4794
- transition: all 0.5s linear 0s;
4795
- opacity: 0;
4796
- }
4797
-
4798
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4799
- opacity: 1;
4800
- }
4801
-
4802
- .premium-person-list-item a {
4803
- display: inline-block;
4804
- }
4805
-
4806
- .premium-person-style2 .premium-person-list-item a {
4807
- opacity: 0;
4808
- -webkit-transform: scale(0);
4809
- -ms-transform: scale(0);
4810
- transform: scale(0);
4811
- -webkit-transition: all 0.5s ease-in-out 0s;
4812
- transition: all 0.5s ease-in-out 0s;
4813
- }
4814
-
4815
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4816
- opacity: 1;
4817
- -webkit-transform: scale(1);
4818
- -ms-transform: scale(1);
4819
- transform: scale(1);
4820
- }
4821
-
4822
- .premium-person-info-container {
4823
- padding: 30px 15px;
4824
- }
4825
-
4826
- .premium-person-name {
4827
- margin: 0 0 5px;
4828
- font-weight: 700;
4829
- }
4830
-
4831
- .premium-person-title {
4832
- margin: 0 0 20px;
4833
- padding: 0;
4834
- }
4835
-
4836
- .premium-person-content {
4837
- margin: 0 0 30px;
4838
- }
4839
-
4840
- /*Override Theme List Margin*/
4841
- ul.premium-person-social-list {
4842
- margin: 0px !important;
4843
- padding: 0;
4844
- }
4845
-
4846
- .premium-person-social-list .premium-person-list-item {
4847
- display: inline;
4848
- list-style: none;
4849
- }
4850
-
4851
- .premium-person-social-list li {
4852
- position: relative;
4853
- bottom: 0px;
4854
- -webkit-transition: all 0.2s ease-in-out;
4855
- transition: all 0.2s ease-in-out;
4856
- }
4857
-
4858
- .premium-person-social-list li i {
4859
- position: relative;
4860
- bottom: 0px;
4861
- -webkit-transition: all 0.2s ease-in-out;
4862
- transition: all 0.2s ease-in-out;
4863
- }
4864
-
4865
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4866
- background-color: #3b5998 !important;
4867
- }
4868
-
4869
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4870
- background-color: #55acee !important;
4871
- }
4872
-
4873
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4874
- background-color: #0077b5 !important;
4875
- }
4876
-
4877
- .premium-person-defaults-yes li.premium-person-google:hover a {
4878
- background-color: #dc4e41 !important;
4879
- }
4880
-
4881
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4882
- background-color: #b31217 !important;
4883
- }
4884
-
4885
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4886
- background-color: #e4405f !important;
4887
- }
4888
-
4889
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4890
- background-color: #00aff0 !important;
4891
- }
4892
-
4893
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4894
- background-color: #bd081c !important;
4895
- }
4896
-
4897
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4898
- background-color: #ea4c89 !important;
4899
- }
4900
-
4901
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4902
- background-color: #b23121 !important;
4903
- }
4904
-
4905
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4906
- background-color: #1769ff !important;
4907
- }
4908
-
4909
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4910
- background-color: #25d366 !important;
4911
- }
4912
-
4913
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4914
- background-color: #0088cc !important;
4915
- }
4916
-
4917
- .premium-person-defaults-yes li.premium-person-site:hover a {
4918
- background-color: #0055a5 !important;
4919
- }
4920
-
4921
- .premium-person-social-list li:hover a {
4922
- -webkit-box-shadow: none;
4923
- box-shadow: none;
4924
- }
4925
-
4926
- .premium-person-social-list li a:focus {
4927
- -webkit-box-shadow: none;
4928
- box-shadow: none;
4929
- outline: none;
4930
- }
4931
-
4932
- .premium-person-social-list li i {
4933
- font-size: 18px;
4934
- }
4935
-
4936
- .elementor-widget-premium-addon-person .elementor-widget-container {
4937
- -js-display: flex;
4938
- display: -webkit-box;
4939
- display: -webkit-flex;
4940
- display: -moz-box;
4941
- display: -ms-flexbox;
4942
- display: flex;
4943
- -webkit-box-pack: center;
4944
- -webkit-justify-content: center;
4945
- -moz-box-pack: center;
4946
- -ms-flex-pack: center;
4947
- justify-content: center;
4948
- }
4949
-
4950
- .premium-persons-container.multiple-persons {
4951
- -js-display: flex;
4952
- display: -webkit-box;
4953
- display: -webkit-flex;
4954
- display: -moz-box;
4955
- display: -ms-flexbox;
4956
- display: flex;
4957
- -webkit-flex-wrap: wrap;
4958
- -ms-flex-wrap: wrap;
4959
- flex-wrap: wrap;
4960
- width: 100%;
4961
- }
4962
-
4963
- .premium-person-style1 .premium-person-container {
4964
- overflow: hidden;
4965
- }
4966
-
4967
- .premium-person-style1 .premium-person-container .premium-person-info {
4968
- position: absolute;
4969
- top: auto;
4970
- left: 0;
4971
- right: 0;
4972
- -webkit-transition: all 500ms ease 0s;
4973
- transition: all 500ms ease 0s;
4974
- -webkit-transform: translate3d(0, 100%, 0);
4975
- transform: translate3d(0, 100%, 0);
4976
- }
4977
-
4978
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4979
- -webkit-transform: translate3d(0, 0, 0);
4980
- transform: translate3d(0, 0, 0);
4981
- bottom: -1px !important;
4982
- }
4983
-
4984
- .premium-person-style1 .premium-person-social-list li:hover {
4985
- bottom: 5px;
4986
- }
4987
-
4988
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4989
- -webkit-box-align: start;
4990
- -webkit-align-items: flex-start;
4991
- -moz-box-align: start;
4992
- -ms-flex-align: start;
4993
- align-items: flex-start;
4994
- }
4995
-
4996
- .premium-person-style1 .slick-track {
4997
- -js-display: flex;
4998
- display: -webkit-box;
4999
- display: -webkit-flex;
5000
- display: -moz-box;
5001
- display: -ms-flexbox;
5002
- display: flex;
5003
- }
5004
-
5005
- .premium-person-style1 .slick-slide {
5006
- height: inherit !important;
5007
- }
5008
-
5009
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5010
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5011
- height: 100%;
5012
- }
5013
-
5014
- .premium-person-style3 .premium-person-info-container {
5015
- position: absolute;
5016
- top: 0;
5017
- right: 0;
5018
- width: 100%;
5019
- height: 100%;
5020
- -js-display: flex;
5021
- display: -webkit-box;
5022
- display: -webkit-flex;
5023
- display: -moz-box;
5024
- display: -ms-flexbox;
5025
- display: flex;
5026
- -webkit-box-orient: vertical;
5027
- -webkit-box-direction: normal;
5028
- -webkit-flex-direction: column;
5029
- -moz-box-orient: vertical;
5030
- -moz-box-direction: normal;
5031
- -ms-flex-direction: column;
5032
- flex-direction: column;
5033
- -webkit-box-pack: justify;
5034
- -webkit-justify-content: space-between;
5035
- -moz-box-pack: justify;
5036
- -ms-flex-pack: justify;
5037
- justify-content: space-between;
5038
- }
5039
-
5040
- .premium-person-style3 .premium-person-title-desc-wrap {
5041
- -js-display: flex;
5042
- display: -webkit-box;
5043
- display: -webkit-flex;
5044
- display: -moz-box;
5045
- display: -ms-flexbox;
5046
- display: flex;
5047
- -webkit-box-orient: horizontal;
5048
- -webkit-box-direction: reverse;
5049
- -webkit-flex-direction: row-reverse;
5050
- -moz-box-orient: horizontal;
5051
- -moz-box-direction: reverse;
5052
- -ms-flex-direction: row-reverse;
5053
- flex-direction: row-reverse;
5054
- -webkit-box-pack: justify;
5055
- -webkit-justify-content: space-between;
5056
- -moz-box-pack: justify;
5057
- -ms-flex-pack: justify;
5058
- justify-content: space-between;
5059
- -webkit-box-align: start;
5060
- -webkit-align-items: flex-start;
5061
- -moz-box-align: start;
5062
- -ms-flex-align: start;
5063
- align-items: flex-start;
5064
- }
5065
-
5066
- .premium-person-style3 .premium-person-name-icons-wrap {
5067
- -js-display: flex;
5068
- display: -webkit-box;
5069
- display: -webkit-flex;
5070
- display: -moz-box;
5071
- display: -ms-flexbox;
5072
- display: flex;
5073
- -webkit-box-pack: justify;
5074
- -webkit-justify-content: space-between;
5075
- -moz-box-pack: justify;
5076
- -ms-flex-pack: justify;
5077
- justify-content: space-between;
5078
- -webkit-box-align: end;
5079
- -webkit-align-items: flex-end;
5080
- -moz-box-align: end;
5081
- -ms-flex-align: end;
5082
- align-items: flex-end;
5083
- }
5084
-
5085
- .premium-person-style3 .premium-person-title {
5086
- opacity: 0;
5087
- -webkit-transition: all 0.3s ease;
5088
- transition: all 0.3s ease;
5089
- width: 0;
5090
- }
5091
-
5092
- .premium-person-style3 .premium-person-title span {
5093
- display: inline-block;
5094
- }
5095
-
5096
- .premium-person-style3 .premium-person-name {
5097
- padding-right: 10px;
5098
- }
5099
-
5100
- .premium-person-style3 .premium-person-social-list {
5101
- -js-display: flex;
5102
- display: -webkit-box;
5103
- display: -webkit-flex;
5104
- display: -moz-box;
5105
- display: -ms-flexbox;
5106
- display: flex;
5107
- -webkit-box-orient: vertical;
5108
- -webkit-box-direction: normal;
5109
- -webkit-flex-direction: column;
5110
- -moz-box-orient: vertical;
5111
- -moz-box-direction: normal;
5112
- -ms-flex-direction: column;
5113
- flex-direction: column;
5114
- -webkit-transform: translateY(20px);
5115
- -ms-transform: translateY(20px);
5116
- transform: translateY(20px);
5117
- opacity: 0;
5118
- -webkit-transition: all 0.3s ease;
5119
- transition: all 0.3s ease;
5120
- }
5121
-
5122
- .premium-person-style3 .premium-person-list-item {
5123
- line-height: 0;
5124
- }
5125
-
5126
- .premium-person-style3 .premium-person-list-item a {
5127
- padding: 5px 0 0 10px;
5128
- margin: 5px 0;
5129
- }
5130
-
5131
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
5132
- opacity: 1;
5133
- }
5134
-
5135
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5136
- opacity: 1;
5137
- -webkit-transform: translateY(0);
5138
- -ms-transform: translateY(0);
5139
- transform: translateY(0);
5140
- }
5141
-
5142
- .premium-persons-title-cw .premium-person-title {
5143
- -webkit-transform: translateX(-15px) rotate(-90deg);
5144
- -ms-transform: translateX(-15px) rotate(-90deg);
5145
- transform: translateX(-15px) rotate(-90deg);
5146
- -webkit-transform-origin: top;
5147
- -ms-transform-origin: top;
5148
- transform-origin: top;
5149
- }
5150
-
5151
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5152
- -webkit-transform: translateX(0) rotate(-90deg);
5153
- -ms-transform: translateX(0) rotate(-90deg);
5154
- transform: translateX(0) rotate(-90deg);
5155
- }
5156
-
5157
- .premium-persons-title-ccw .premium-person-title {
5158
- width: auto;
5159
- margin-left: 20px;
5160
- -webkit-transform: translateX(-15px) rotate(90deg);
5161
- -ms-transform: translateX(-15px) rotate(90deg);
5162
- transform: translateX(-15px) rotate(90deg);
5163
- -webkit-transform-origin: center left;
5164
- -ms-transform-origin: center left;
5165
- transform-origin: center left;
5166
- }
5167
-
5168
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5169
- -webkit-transform: translateX(0) rotate(90deg);
5170
- -ms-transform: translateX(0) rotate(90deg);
5171
- transform: translateX(0) rotate(90deg);
5172
- }
5173
-
5174
- /**************** Premium Fancy Text *******************/
5175
- /*******************************************************/
5176
- .premium-suffix-text,
5177
- .premium-fancy-text,
5178
- .premium-prefix-text {
5179
- font-size: 40px;
5180
- }
5181
-
5182
- .premium-fancy-text-wrapper .premium-fancy-list-items {
5183
- list-style: none;
5184
- }
5185
-
5186
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5187
- vertical-align: top;
5188
- }
5189
-
5190
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5191
- margin: 0;
5192
- padding: 0;
5193
- border: none;
5194
- position: relative;
5195
- }
5196
-
5197
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5198
- position: absolute;
5199
- top: 0;
5200
- left: 0;
5201
- display: inline-block;
5202
- }
5203
-
5204
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5205
- opacity: 0;
5206
- -webkit-animation: pa-zoom-out 0.8s;
5207
- animation: pa-zoom-out 0.8s;
5208
- }
5209
-
5210
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5211
- position: relative !important;
5212
- -webkit-animation: pa-zoom-in 0.8s;
5213
- animation: pa-zoom-in 0.8s;
5214
- }
5215
-
5216
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5217
- -webkit-perspective: 300px;
5218
- perspective: 300px;
5219
- }
5220
-
5221
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5222
- -webkit-transform-origin: 50% 100%;
5223
- -ms-transform-origin: 50% 100%;
5224
- transform-origin: 50% 100%;
5225
- }
5226
-
5227
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5228
- opacity: 0;
5229
- -webkit-transform: rotateX(180deg);
5230
- transform: rotateX(180deg);
5231
- -webkit-animation: pa-rotate-out 1.2s;
5232
- animation: pa-rotate-out 1.2s;
5233
- }
5234
-
5235
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5236
- position: relative !important;
5237
- -webkit-transform: rotateX(0deg);
5238
- transform: rotateX(0deg);
5239
- -webkit-animation: pa-rotate-in 1.2s;
5240
- animation: pa-rotate-in 1.2s;
5241
- }
5242
-
5243
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
5244
- opacity: 0;
5245
- }
5246
-
5247
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5248
- position: relative !important;
5249
- }
5250
-
5251
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5252
- display: inline-block;
5253
- width: 200px;
5254
- font-weight: 400;
5255
- }
5256
-
5257
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5258
- position: relative;
5259
- vertical-align: sub;
5260
- }
5261
-
5262
- .premium-fancy-text-wrapper.auto-fade g>text {
5263
- text-anchor: start;
5264
- shape-rendering: crispEdges;
5265
- opacity: 0;
5266
- font-size: 300px;
5267
- -webkit-animation-name: pa-auto-fade;
5268
- animation-name: pa-auto-fade;
5269
- -moz-animation-name: pa-auto-fade;
5270
- -webkit-animation-duration: 9s;
5271
- animation-duration: 9s;
5272
- -webkit-animation-timing-function: linear;
5273
- animation-timing-function: linear;
5274
- -webkit-animation-iteration-count: infinite;
5275
- animation-iteration-count: infinite;
5276
- }
5277
-
5278
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5279
- -webkit-animation-delay: 0s;
5280
- animation-delay: 0s;
5281
- }
5282
-
5283
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5284
- -webkit-animation-delay: 3s;
5285
- animation-delay: 3s;
5286
- }
5287
-
5288
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5289
- -webkit-animation-delay: 6s;
5290
- animation-delay: 6s;
5291
- }
5292
-
5293
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
5294
- position: relative;
5295
- }
5296
-
5297
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5298
- position: absolute;
5299
- width: 100%;
5300
- height: 3px;
5301
- bottom: 0;
5302
- left: 0;
5303
- animation: pa-loading-bar 2.5s ease-out infinite;
5304
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5305
- }
5306
-
5307
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5308
- -webkit-animation-play-state: paused;
5309
- animation-play-state: paused;
5310
- }
5311
-
5312
- @-webkit-keyframes pa-auto-fade {
5313
- 0% {
5314
- opacity: 0;
5315
- }
5316
-
5317
- 20% {
5318
- opacity: 1;
5319
- }
5320
-
5321
- 35% {
5322
- opacity: 0;
5323
- }
5324
-
5325
- 100% {
5326
- opacity: 0;
5327
- }
5328
- }
5329
-
5330
- @keyframes pa-auto-fade {
5331
- 0% {
5332
- opacity: 0;
5333
- }
5334
-
5335
- 20% {
5336
- opacity: 1;
5337
- }
5338
-
5339
- 35% {
5340
- opacity: 0;
5341
- }
5342
-
5343
- 100% {
5344
- opacity: 0;
5345
- }
5346
- }
5347
-
5348
- @-webkit-keyframes pa-loading-bar {
5349
- 0% {
5350
- width: 0;
5351
- }
5352
-
5353
- 100% {
5354
- width: 100;
5355
- }
5356
- }
5357
-
5358
- @keyframes pa-loading-bar {
5359
- 0% {
5360
- width: 0;
5361
- }
5362
-
5363
- 100% {
5364
- width: 100;
5365
- }
5366
- }
5367
-
5368
- @-webkit-keyframes pa-zoom-in {
5369
- 0% {
5370
- opacity: 0;
5371
- -webkit-transform: translateZ(100px);
5372
- transform: translateZ(100px);
5373
- }
5374
-
5375
- 100% {
5376
- opacity: 1;
5377
- -webkit-transform: translateZ(0);
5378
- transform: translateZ(0);
5379
- }
5380
- }
5381
-
5382
- @keyframes pa-zoom-in {
5383
- 0% {
5384
- opacity: 0;
5385
- -webkit-transform: translateZ(100px);
5386
- transform: translateZ(100px);
5387
- }
5388
-
5389
- 100% {
5390
- opacity: 1;
5391
- -webkit-transform: translateZ(0);
5392
- transform: translateZ(0);
5393
- }
5394
- }
5395
-
5396
- @-webkit-keyframes pa-zoom-out {
5397
- 0% {
5398
- opacity: 1;
5399
- -webkit-transform: translateZ(0);
5400
- transform: translateZ(0);
5401
- }
5402
-
5403
- 100% {
5404
- opacity: 0;
5405
- -webkit-transform: translateZ(-100px);
5406
- transform: translateZ(-100px);
5407
- }
5408
- }
5409
-
5410
- @keyframes pa-zoom-out {
5411
- 0% {
5412
- opacity: 1;
5413
- -webkit-transform: translateZ(0);
5414
- transform: translateZ(0);
5415
- }
5416
-
5417
- 100% {
5418
- opacity: 0;
5419
- -webkit-transform: translateZ(-100px);
5420
- transform: translateZ(-100px);
5421
- }
5422
- }
5423
-
5424
- @-webkit-keyframes pa-rotate-in {
5425
- 0% {
5426
- opacity: 0;
5427
- -webkit-transform: rotateX(180deg);
5428
- transform: rotateX(180deg);
5429
- }
5430
-
5431
- 35% {
5432
- opacity: 0;
5433
- -webkit-transform: rotateX(120deg);
5434
- transform: rotateX(120deg);
5435
- }
5436
-
5437
- 65% {
5438
- opacity: 0;
5439
- }
5440
-
5441
- 100% {
5442
- opacity: 1;
5443
- -webkit-transform: rotateX(360deg);
5444
- transform: rotateX(360deg);
5445
- }
5446
- }
5447
-
5448
- @keyframes pa-rotate-in {
5449
- 0% {
5450
- opacity: 0;
5451
- -webkit-transform: rotateX(180deg);
5452
- transform: rotateX(180deg);
5453
- }
5454
-
5455
- 35% {
5456
- opacity: 0;
5457
- -webkit-transform: rotateX(120deg);
5458
- transform: rotateX(120deg);
5459
- }
5460
-
5461
- 65% {
5462
- opacity: 0;
5463
- }
5464
-
5465
- 100% {
5466
- opacity: 1;
5467
- -webkit-transform: rotateX(360deg);
5468
- transform: rotateX(360deg);
5469
- }
5470
- }
5471
-
5472
- @-webkit-keyframes pa-rotate-out {
5473
- 0% {
5474
- opacity: 1;
5475
- -webkit-transform: rotateX(0deg);
5476
- transform: rotateX(0deg);
5477
- }
5478
-
5479
- 35% {
5480
- opacity: 1;
5481
- -webkit-transform: rotateX(-40deg);
5482
- transform: rotateX(-40deg);
5483
- }
5484
-
5485
- 65% {
5486
- opacity: 0;
5487
- }
5488
-
5489
- 100% {
5490
- opacity: 0;
5491
- -webkit-transform: rotateX(180deg);
5492
- transform: rotateX(180deg);
5493
- }
5494
- }
5495
-
5496
- @keyframes pa-rotate-out {
5497
- 0% {
5498
- opacity: 1;
5499
- -webkit-transform: rotateX(0deg);
5500
- transform: rotateX(0deg);
5501
- }
5502
-
5503
- 35% {
5504
- opacity: 1;
5505
- -webkit-transform: rotateX(-40deg);
5506
- transform: rotateX(-40deg);
5507
- }
5508
-
5509
- 65% {
5510
- opacity: 0;
5511
- }
5512
-
5513
- 100% {
5514
- opacity: 0;
5515
- -webkit-transform: rotateX(180deg);
5516
- transform: rotateX(180deg);
5517
- }
5518
- }
5519
-
5520
- /**************** Premium Pricing Table ****************/
5521
- /*******************************************************/
5522
- .premium-pricing-table-container {
5523
- position: relative;
5524
- overflow: hidden;
5525
- text-align: center;
5526
- -webkit-transition: all 0.3s ease-in-out;
5527
- transition: all 0.3s ease-in-out;
5528
- }
5529
-
5530
- .premium-pricing-icon-container {
5531
- -js-display: flex;
5532
- display: -webkit-box;
5533
- display: -webkit-flex;
5534
- display: -moz-box;
5535
- display: -ms-flexbox;
5536
- display: flex;
5537
- -webkit-box-pack: center;
5538
- -webkit-justify-content: center;
5539
- -moz-box-pack: center;
5540
- -ms-flex-pack: center;
5541
- justify-content: center;
5542
- line-height: 0;
5543
- }
5544
-
5545
- .premium-pricing-icon-container .premium-pricing-icon {
5546
- display: inline-block;
5547
- }
5548
-
5549
- .premium-pricing-icon-container .premium-pricing-image {
5550
- overflow: hidden;
5551
- }
5552
-
5553
- .premium-pricing-icon-container .premium-pricing-image img {
5554
- width: 25px;
5555
- height: 25px;
5556
- -o-object-fit: cover;
5557
- object-fit: cover;
5558
- }
5559
-
5560
- .premium-badge-left {
5561
- position: absolute;
5562
- top: 0;
5563
- }
5564
-
5565
- .premium-badge-right {
5566
- position: absolute;
5567
- top: 0;
5568
- right: 0;
5569
- }
5570
-
5571
- .premium-badge-left {
5572
- left: 0;
5573
- }
5574
-
5575
- .premium-badge-triangle.premium-badge-left .corner {
5576
- width: 0;
5577
- height: 0;
5578
- border-top: 150px solid;
5579
- border-bottom: 150px solid transparent;
5580
- border-right: 150px solid transparent;
5581
- }
5582
-
5583
- .premium-badge-triangle.premium-badge-right .corner {
5584
- width: 0;
5585
- height: 0;
5586
- border-bottom: 150px solid transparent;
5587
- border-right: 150px solid;
5588
- border-left: 150px solid transparent;
5589
- }
5590
-
5591
- .premium-badge-triangle span {
5592
- position: absolute;
5593
- top: 35px;
5594
- width: 100px;
5595
- text-align: center;
5596
- -webkit-transform: rotate(-45deg);
5597
- -ms-transform: rotate(-45deg);
5598
- transform: rotate(-45deg);
5599
- display: block;
5600
- text-transform: uppercase;
5601
- }
5602
-
5603
- .premium-badge-triangle.premium-badge-right span {
5604
- -webkit-transform: rotate(45deg);
5605
- -ms-transform: rotate(45deg);
5606
- transform: rotate(45deg);
5607
- right: 0;
5608
- }
5609
-
5610
- .premium-badge-circle {
5611
- min-width: 4em;
5612
- min-height: 4em;
5613
- line-height: 4em;
5614
- text-align: center;
5615
- -webkit-border-radius: 100%;
5616
- border-radius: 100%;
5617
- position: absolute;
5618
- z-index: 1;
5619
- }
5620
-
5621
- .premium-badge-stripe {
5622
- position: absolute;
5623
- -webkit-transform: rotate(90deg);
5624
- -ms-transform: rotate(90deg);
5625
- transform: rotate(90deg);
5626
- width: 15em;
5627
- overflow: hidden;
5628
- height: 15em;
5629
- }
5630
-
5631
- .premium-badge-stripe.premium-badge-left {
5632
- -webkit-transform: rotate(0);
5633
- -ms-transform: rotate(0);
5634
- transform: rotate(0);
5635
- }
5636
-
5637
- .premium-badge-stripe .corner {
5638
- text-align: center;
5639
- left: 0;
5640
- width: 150%;
5641
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5642
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5643
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5644
- margin-top: 35px;
5645
- font-size: 13px;
5646
- line-height: 2;
5647
- font-weight: 800;
5648
- text-transform: uppercase;
5649
- }
5650
-
5651
- .premium-badge-flag .corner {
5652
- text-align: center;
5653
- -webkit-border-radius: 4px 4px 0 4px;
5654
- border-radius: 4px 4px 0 4px;
5655
- padding: 3px 15px;
5656
- position: absolute;
5657
- top: 10%;
5658
- right: -8px;
5659
- }
5660
-
5661
- .premium-badge-flag .corner::before,
5662
- .premium-badge-flag .corner::after {
5663
- content: "";
5664
- display: block;
5665
- position: absolute;
5666
- width: 0;
5667
- height: 0;
5668
- top: 100%;
5669
- right: 0;
5670
- border-bottom: 8px solid transparent;
5671
- }
5672
-
5673
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5674
- overflow: visible !important;
5675
- }
5676
-
5677
- .premium-badge-flag .corner::after {
5678
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5679
- }
5680
-
5681
- .premium-pricing-price-currency {
5682
- position: relative;
5683
- }
5684
-
5685
- .premium-pricing-button-container {
5686
- display: block;
5687
- }
5688
-
5689
- .premium-pricing-list {
5690
- -js-display: flex;
5691
- display: -webkit-box;
5692
- display: -webkit-flex;
5693
- display: -moz-box;
5694
- display: -ms-flexbox;
5695
- display: flex;
5696
- -webkit-box-orient: vertical;
5697
- -webkit-box-direction: normal;
5698
- -webkit-flex-direction: column;
5699
- -moz-box-orient: vertical;
5700
- -moz-box-direction: normal;
5701
- -ms-flex-direction: column;
5702
- flex-direction: column;
5703
- list-style-type: none;
5704
- margin: 0;
5705
- }
5706
-
5707
- .premium-pricing-list .premium-pricing-list-item {
5708
- -js-display: flex;
5709
- display: -webkit-box;
5710
- display: -webkit-flex;
5711
- display: -moz-box;
5712
- display: -ms-flexbox;
5713
- display: flex;
5714
- -webkit-box-align: center;
5715
- -webkit-align-items: center;
5716
- -moz-box-align: center;
5717
- -ms-flex-align: center;
5718
- align-items: center;
5719
- }
5720
-
5721
- .premium-pricing-list .premium-pricing-list-item svg {
5722
- width: 50px;
5723
- height: 50px;
5724
- }
5725
-
5726
- .premium-pricing-list .premium-pricing-list-item img {
5727
- width: 30px;
5728
- height: 30px;
5729
- -o-object-fit: cover;
5730
- object-fit: cover;
5731
- }
5732
-
5733
- .premium-pricing-list .premium-pricing-list-span {
5734
- position: relative;
5735
- }
5736
-
5737
- .premium-pricing-list .list-item-tooltip {
5738
- border-bottom: 1px dotted;
5739
- }
5740
-
5741
- .premium-pricing-list .premium-pricing-list-tooltip {
5742
- position: absolute;
5743
- top: -webkit-calc(100% + 1px);
5744
- top: calc(100% + 1px);
5745
- right: 0;
5746
- visibility: hidden;
5747
- padding: 15px 20px;
5748
- -webkit-border-radius: 5px;
5749
- border-radius: 5px;
5750
- min-width: 200px;
5751
- overflow: hidden;
5752
- text-align: right;
5753
- font-size: 0.8rem;
5754
- color: #fff;
5755
- background-color: #aaa;
5756
- }
5757
-
5758
- .premium-pricing-features-left .premium-pricing-list-span {
5759
- text-align: right;
5760
- }
5761
-
5762
- .premium-pricing-features-center .premium-pricing-list-span {
5763
- text-align: center;
5764
- }
5765
-
5766
- .premium-pricing-features-right .premium-pricing-list-span {
5767
- text-align: left;
5768
- }
5769
-
5770
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5771
- z-index: 99;
5772
- visibility: visible;
5773
- opacity: 1;
5774
- }
5775
-
5776
- .premium-pricing-slashed-price-value {
5777
- display: inline-block;
5778
- font-size: 20px;
5779
- font-weight: 400;
5780
- margin-left: 5px;
5781
- }
5782
-
5783
- .premium-pricing-price-value {
5784
- font-size: 70px;
5785
- }
5786
-
5787
- .premium-pricing-description-container li {
5788
- list-style-position: inside;
5789
- text-indent: -40px;
5790
- }
5791
-
5792
- @-moz-document url-prefix() {
5793
- .premium-pricing-description-container li {
5794
- text-indent: 0px;
5795
- }
5796
- }
5797
-
5798
- .premium-pricing-price-button {
5799
- display: block;
5800
- padding: 6px 12px;
5801
- line-height: 1.42857143;
5802
- text-align: center;
5803
- color: #fff;
5804
- background: #6ec1e4;
5805
- margin-bottom: 0;
5806
- -webkit-transition: all 0.3s ease-in-out;
5807
- transition: all 0.3s ease-in-out;
5808
- }
5809
-
5810
- /**************** Premium Google Maps ******************/
5811
- /*******************************************************/
5812
- .premium-maps-info-container {
5813
- margin-top: 10px;
5814
- margin-bottom: 10px;
5815
- }
5816
-
5817
- .premium-maps-info-title,
5818
- .premium-maps-info-desc {
5819
- margin: 0;
5820
- padding: 0;
5821
- }
5822
-
5823
- .premium-maps-container .gm-style-iw {
5824
- text-align: center;
5825
- direction: ltr;
5826
- }
5827
-
5828
- .premium-maps-container .gm-style img {
5829
- max-width: none !important;
5830
- }
5831
-
5832
- /**************** Premium Button ***********************/
5833
- /*******************************************************/
5834
- .premium-button {
5835
- display: inline-block;
5836
- position: relative;
5837
- overflow: hidden;
5838
- cursor: pointer;
5839
- -webkit-transition: all 0.2s ease-in-out !important;
5840
- transition: all 0.2s ease-in-out !important;
5841
- }
5842
-
5843
- .premium-button-sm {
5844
- padding: 12px 24px;
5845
- font-size: 14px;
5846
- line-height: 1;
5847
- }
5848
-
5849
- .premium-button .premium-lottie-animation,
5850
- .premium-image-button .premium-lottie-animation {
5851
- -js-display: flex;
5852
- display: -webkit-box;
5853
- display: -webkit-flex;
5854
- display: -moz-box;
5855
- display: -ms-flexbox;
5856
- display: flex;
5857
- }
5858
-
5859
- .premium-button .premium-lottie-animation svg,
5860
- .premium-image-button .premium-lottie-animation svg {
5861
- width: 50px;
5862
- height: 50px;
5863
- }
5864
-
5865
- .premium-button-md {
5866
- padding: 14px 26px;
5867
- font-size: 16px;
5868
- line-height: 1.2;
5869
- }
5870
-
5871
- .premium-button-lg {
5872
- padding: 16px 28px;
5873
- font-size: 18px;
5874
- line-height: 1.3333;
5875
- }
5876
-
5877
- .premium-button-block {
5878
- font-size: 15px;
5879
- line-height: 1;
5880
- padding: 12px 24px;
5881
- width: 100%;
5882
- text-align: center;
5883
- }
5884
-
5885
- .premium-button-text {
5886
- display: inline-block;
5887
- width: 100%;
5888
- }
5889
-
5890
- .premium-button-style1,
5891
- .premium-button-style2,
5892
- .premium-button-style5,
5893
- .premium-button-style7 {
5894
- display: inline-block;
5895
- vertical-align: middle;
5896
- -webkit-transform: perspective(1px) translateZ(0);
5897
- transform: perspective(1px) translateZ(0);
5898
- -webkit-box-shadow: 0 0 1px transparent;
5899
- box-shadow: 0 0 1px transparent;
5900
- position: relative;
5901
- -webkit-transition-property: color;
5902
- transition-property: color;
5903
- -webkit-transition-duration: 0.15s;
5904
- transition-duration: 0.15s;
5905
- }
5906
-
5907
- .premium-button-style1:before,
5908
- .premium-button-style2:before,
5909
- .premium-button-style5:before {
5910
- content: "";
5911
- position: absolute;
5912
- z-index: -1;
5913
- top: 0;
5914
- right: 0;
5915
- left: 0;
5916
- bottom: 0;
5917
- -webkit-transform: scaleY(0);
5918
- -ms-transform: scaleY(0);
5919
- transform: scaleY(0);
5920
- -webkit-transform-origin: 50% 0;
5921
- -ms-transform-origin: 50% 0;
5922
- transform-origin: 50% 0;
5923
- -webkit-transition-property: -webkit-transform;
5924
- transition-property: -webkit-transform;
5925
- transition-property: transform;
5926
- transition-property: transform, -webkit-transform;
5927
- -webkit-transition-duration: 0.15s;
5928
- transition-duration: 0.15s;
5929
- -webkit-transition-timing-function: ease-out;
5930
- transition-timing-function: ease-out;
5931
- }
5932
-
5933
- .premium-button-style5-radialin:before,
5934
- .premium-button-style5-radialout:before {
5935
- -webkit-transform-origin: 50%;
5936
- -ms-transform-origin: 50%;
5937
- transform-origin: 50%;
5938
- -webkit-border-radius: 100%;
5939
- border-radius: 100%;
5940
- -webkit-transform: scale(0);
5941
- -ms-transform: scale(0);
5942
- transform: scale(0);
5943
- }
5944
-
5945
- .premium-button-style5-radialin:before {
5946
- -webkit-transform: scale(2);
5947
- -ms-transform: scale(2);
5948
- transform: scale(2);
5949
- }
5950
-
5951
- .premium-button-style5-rectin:before {
5952
- -webkit-transform-origin: 50%;
5953
- -ms-transform-origin: 50%;
5954
- transform-origin: 50%;
5955
- -webkit-transform: scale(1);
5956
- -ms-transform: scale(1);
5957
- transform: scale(1);
5958
- }
5959
-
5960
- .premium-button-style5-rectout:before {
5961
- -webkit-transform-origin: 50%;
5962
- -ms-transform-origin: 50%;
5963
- transform-origin: 50%;
5964
- -webkit-transform: scale(0);
5965
- -ms-transform: scale(0);
5966
- transform: scale(0);
5967
- }
5968
-
5969
- .premium-button-style5-rectout:hover:before {
5970
- -webkit-transform: scale(1);
5971
- -ms-transform: scale(1);
5972
- transform: scale(1);
5973
- }
5974
-
5975
- .premium-button-style5-rectin:hover:before {
5976
- -webkit-transform: scale(0);
5977
- -ms-transform: scale(0);
5978
- transform: scale(0);
5979
- }
5980
-
5981
- .premium-button-style5-radialout:hover:before {
5982
- -webkit-transform: scale(2);
5983
- -ms-transform: scale(2);
5984
- transform: scale(2);
5985
- }
5986
-
5987
- .premium-button-style5-radialin:hover:before {
5988
- -webkit-transform: scale(0);
5989
- -ms-transform: scale(0);
5990
- transform: scale(0);
5991
- }
5992
-
5993
- .premium-button-style1-top:before {
5994
- -webkit-transform-origin: 50% 100%;
5995
- -ms-transform-origin: 50% 100%;
5996
- transform-origin: 50% 100%;
5997
- }
5998
-
5999
- .premium-button-style1-right:before {
6000
- -webkit-transform: scaleX(0);
6001
- -ms-transform: scaleX(0);
6002
- transform: scaleX(0);
6003
- -webkit-transform-origin: 100% 50%;
6004
- -ms-transform-origin: 100% 50%;
6005
- transform-origin: 100% 50%;
6006
- }
6007
-
6008
- .premium-button-style1-left:before {
6009
- -webkit-transform: scaleX(0);
6010
- -ms-transform: scaleX(0);
6011
- transform: scaleX(0);
6012
- -webkit-transform-origin: 0% 50%;
6013
- -ms-transform-origin: 0% 50%;
6014
- transform-origin: 0% 50%;
6015
- }
6016
-
6017
- .premium-button-style2-shutouthor:before,
6018
- .premium-button-style2-scshutoutver:before {
6019
- -webkit-transform: scaleY(0);
6020
- -ms-transform: scaleY(0);
6021
- transform: scaleY(0);
6022
- -webkit-transform-origin: 0% 50%;
6023
- -ms-transform-origin: 0% 50%;
6024
- transform-origin: 0% 50%;
6025
- }
6026
-
6027
- .premium-button-style2-shutoutver:before,
6028
- .premium-button-style2-scshutouthor:before {
6029
- -webkit-transform: scaleX(0);
6030
- -ms-transform: scaleX(0);
6031
- transform: scaleX(0);
6032
- -webkit-transform-origin: 50% 50%;
6033
- -ms-transform-origin: 50% 50%;
6034
- transform-origin: 50% 50%;
6035
- }
6036
-
6037
- .premium-button-style2-shutinhor:before {
6038
- -webkit-transform: scaleX(1);
6039
- -ms-transform: scaleX(1);
6040
- transform: scaleX(1);
6041
- -webkit-transform-origin: 50%;
6042
- -ms-transform-origin: 50%;
6043
- transform-origin: 50%;
6044
- }
6045
-
6046
- .premium-button-style2-shutinver:before {
6047
- -webkit-transform: scaleY(1);
6048
- -ms-transform: scaleY(1);
6049
- transform: scaleY(1);
6050
- -webkit-transform-origin: 50%;
6051
- -ms-transform-origin: 50%;
6052
- transform-origin: 50%;
6053
- }
6054
-
6055
- .premium-button-style1-bottom:hover:before,
6056
- .premium-button-style1-top:hover:before {
6057
- -webkit-transform: scaleY(1);
6058
- -ms-transform: scaleY(1);
6059
- transform: scaleY(1);
6060
- }
6061
-
6062
- .premium-button-style1-left:hover:before,
6063
- .premium-button-style1-right:hover:before,
6064
- .premium-button-style2-shutouthor:hover:before,
6065
- .premium-button-style2-shutoutver:hover:before {
6066
- -webkit-transform: scaleX(1);
6067
- -ms-transform: scaleX(1);
6068
- transform: scaleX(1);
6069
- }
6070
-
6071
- .premium-button-style2-shutinhor:hover:before {
6072
- -webkit-transform: scaleX(0);
6073
- -ms-transform: scaleX(0);
6074
- transform: scaleX(0);
6075
- }
6076
-
6077
- .premium-button-style2-shutinver:hover:before {
6078
- -webkit-transform: scaleY(0);
6079
- -ms-transform: scaleY(0);
6080
- transform: scaleY(0);
6081
- }
6082
-
6083
- .premium-button-style2-scshutouthor:hover:before {
6084
- -webkit-transform: scaleX(0.9);
6085
- -ms-transform: scaleX(0.9);
6086
- transform: scaleX(0.9);
6087
- }
6088
-
6089
- .premium-button-style2-scshutoutver:hover:before {
6090
- -webkit-transform: scaleY(0.8);
6091
- -ms-transform: scaleY(0.8);
6092
- transform: scaleY(0.8);
6093
- }
6094
-
6095
- /*Diagonal*/
6096
- .premium-button-style2-dshutinhor:before {
6097
- top: 50%;
6098
- right: 50%;
6099
- width: 120%;
6100
- height: 0%;
6101
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6102
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6103
- transform: translateX(50%) translateY(-50%) rotate(45deg);
6104
- -webkit-transform-origin: 50%;
6105
- -ms-transform-origin: 50%;
6106
- transform-origin: 50%;
6107
- -webkit-transition-property: all;
6108
- transition-property: all;
6109
- }
6110
-
6111
- .premium-button-style2-dshutinver:before {
6112
- top: 50%;
6113
- right: 50%;
6114
- width: 120%;
6115
- height: 0%;
6116
- -webkit-transform-origin: 50%;
6117
- -ms-transform-origin: 50%;
6118
- transform-origin: 50%;
6119
- -webkit-transition-property: all;
6120
- transition-property: all;
6121
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6122
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6123
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
6124
- }
6125
-
6126
- .premium-button-style2-dshutinhor:hover:before,
6127
- .premium-button-style2-dshutinver:hover:before {
6128
- height: 220%;
6129
- }
6130
-
6131
- .premium-button-style3-before i,
6132
- .premium-button-style3-before svg {
6133
- opacity: 0;
6134
- -webkit-transform: translateX(5px);
6135
- -ms-transform: translateX(5px);
6136
- transform: translateX(5px);
6137
- -webkit-transition: all 0.5s ease-in-out;
6138
- transition: all 0.5s ease-in-out;
6139
- }
6140
-
6141
- .premium-button-style3-after i,
6142
- .premium-button-style3-after svg {
6143
- opacity: 0;
6144
- -webkit-transform: translateX(5px);
6145
- -ms-transform: translateX(5px);
6146
- transform: translateX(5px);
6147
- -webkit-transition: all 0.5s ease-in-out;
6148
- transition: all 0.5s ease-in-out;
6149
- -webkit-transform: translateX(-5px);
6150
- -ms-transform: translateX(-5px);
6151
- transform: translateX(-5px);
6152
- }
6153
-
6154
- .premium-button-style3-after:hover i,
6155
- .premium-button-style3-after:hover svg {
6156
- opacity: 1;
6157
- }
6158
-
6159
- .premium-button-style3-before:hover i,
6160
- .premium-button-style3-before:hover svg {
6161
- opacity: 1;
6162
- }
6163
-
6164
- .premium-button-text-icon-wrapper {
6165
- -js-display: flex;
6166
- display: -webkit-box;
6167
- display: -webkit-flex;
6168
- display: -moz-box;
6169
- display: -ms-flexbox;
6170
- display: flex;
6171
- -webkit-box-pack: center;
6172
- -webkit-justify-content: center;
6173
- -moz-box-pack: center;
6174
- -ms-flex-pack: center;
6175
- justify-content: center;
6176
- -webkit-box-align: center;
6177
- -webkit-align-items: center;
6178
- -moz-box-align: center;
6179
- -ms-flex-align: center;
6180
- align-items: center;
6181
- -webkit-transition: all 0.2s ease-in-out;
6182
- transition: all 0.2s ease-in-out;
6183
- }
6184
-
6185
- .premium-button-text-icon-wrapper span,
6186
- .premium-button-text-icon-wrapper i,
6187
- .premium-button-text-icon-wrapper svg {
6188
- -webkit-transition: all 0.2s ease-in-out;
6189
- transition: all 0.2s ease-in-out;
6190
- }
6191
-
6192
- .premium-button-style4-icon-wrapper {
6193
- position: absolute;
6194
- z-index: 2;
6195
- width: 100%;
6196
- text-align: center;
6197
- -js-display: flex;
6198
- display: -webkit-box;
6199
- display: -webkit-flex;
6200
- display: -moz-box;
6201
- display: -ms-flexbox;
6202
- display: flex;
6203
- -webkit-box-align: center;
6204
- -webkit-align-items: center;
6205
- -moz-box-align: center;
6206
- -ms-flex-align: center;
6207
- align-items: center;
6208
- -webkit-box-pack: center;
6209
- -webkit-justify-content: center;
6210
- -moz-box-pack: center;
6211
- -ms-flex-pack: center;
6212
- justify-content: center;
6213
- height: 100%;
6214
- opacity: 0;
6215
- -webkit-transition: all 0.3s ease-in-out;
6216
- transition: all 0.3s ease-in-out;
6217
- }
6218
-
6219
- .premium-button-style4-icon-wrapper.top {
6220
- bottom: -100%;
6221
- right: 0;
6222
- }
6223
-
6224
- .premium-button-style4-icon-wrapper.bottom {
6225
- top: -100%;
6226
- right: 0;
6227
- }
6228
-
6229
- .premium-button-style4-icon-wrapper.left {
6230
- top: 0;
6231
- right: -100%;
6232
- }
6233
-
6234
- .premium-button-style4-icon-wrapper.right {
6235
- top: 0;
6236
- left: -100%;
6237
- }
6238
-
6239
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6240
- top: 0;
6241
- opacity: 1;
6242
- }
6243
-
6244
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6245
- bottom: 0;
6246
- opacity: 1;
6247
- }
6248
-
6249
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6250
- right: 0;
6251
- opacity: 1;
6252
- }
6253
-
6254
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6255
- left: 0;
6256
- opacity: 1;
6257
- }
6258
-
6259
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6260
- -webkit-transform: translateY(100%);
6261
- -ms-transform: translateY(100%);
6262
- transform: translateY(100%);
6263
- opacity: 0;
6264
- }
6265
-
6266
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6267
- -webkit-transform: translateY(-100%);
6268
- -ms-transform: translateY(-100%);
6269
- transform: translateY(-100%);
6270
- opacity: 0;
6271
- }
6272
-
6273
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6274
- -webkit-transform: translateX(-100%);
6275
- -ms-transform: translateX(-100%);
6276
- transform: translateX(-100%);
6277
- opacity: 0;
6278
- }
6279
-
6280
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6281
- -webkit-transform: translateX(100%);
6282
- -ms-transform: translateX(100%);
6283
- transform: translateX(100%);
6284
- opacity: 0;
6285
- }
6286
-
6287
- .premium-button-style6:before {
6288
- content: "";
6289
- position: absolute;
6290
- right: 50%;
6291
- top: 50%;
6292
- width: 100px;
6293
- height: 100px;
6294
- -webkit-border-radius: 100%;
6295
- border-radius: 100%;
6296
- -webkit-transform: translate(50%, -50%) scale(0);
6297
- -ms-transform: translate(50%, -50%) scale(0);
6298
- transform: translate(50%, -50%) scale(0);
6299
- -webkit-transition: all 0.3s ease-in-out;
6300
- transition: all 0.3s ease-in-out;
6301
- }
6302
-
6303
- .premium-button-style6:hover:before {
6304
- -webkit-transform: translate(50%, -50%) scale(3);
6305
- -ms-transform: translate(50%, -50%) scale(3);
6306
- transform: translate(50%, -50%) scale(3);
6307
- }
6308
-
6309
- .premium-button-style6 .premium-button-text-icon-wrapper {
6310
- position: relative;
6311
- z-index: 1;
6312
- }
6313
-
6314
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6315
- position: absolute;
6316
- z-index: 0;
6317
- top: 0;
6318
- right: 0;
6319
- width: 0px;
6320
- height: 0px;
6321
- -webkit-border-radius: 50%;
6322
- border-radius: 50%;
6323
- display: block;
6324
- -webkit-transform: translate(50%, -50%);
6325
- -ms-transform: translate(50%, -50%);
6326
- transform: translate(50%, -50%);
6327
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6328
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6329
- }
6330
-
6331
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6332
- width: 225%;
6333
- height: 560px;
6334
- }
6335
-
6336
- .premium-mouse-detect-yes .premium-button-style6:before {
6337
- width: 0;
6338
- height: 0;
6339
- }
6340
-
6341
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6342
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6343
- -webkit-transition: width 0.3s ease-out 0.15s;
6344
- transition: width 0.3s ease-out 0.15s;
6345
- }
6346
-
6347
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6348
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6349
- -webkit-transition: width 0.3s ease-out 0s;
6350
- transition: width 0.3s ease-out 0s;
6351
- }
6352
-
6353
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6354
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6355
- -webkit-transition: height 0.3s ease-out 0.15s;
6356
- transition: height 0.3s ease-out 0.15s;
6357
- }
6358
-
6359
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6360
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6361
- -webkit-transition: height 0.3s ease-out 0s;
6362
- transition: height 0.3s ease-out 0s;
6363
- }
6364
-
6365
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6366
- -webkit-transition-delay: 0s;
6367
- transition-delay: 0s;
6368
- }
6369
-
6370
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6371
- -webkit-transition-delay: 0.15s;
6372
- transition-delay: 0.15s;
6373
- }
6374
-
6375
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6376
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6377
- content: "";
6378
- position: absolute;
6379
- left: 0;
6380
- top: 0;
6381
- right: 0;
6382
- height: 0;
6383
- z-index: -1;
6384
- }
6385
-
6386
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6387
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6388
- content: "";
6389
- position: absolute;
6390
- left: 0;
6391
- bottom: 0;
6392
- right: 0;
6393
- height: 0;
6394
- z-index: -1;
6395
- }
6396
-
6397
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6398
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6399
- content: "";
6400
- position: absolute;
6401
- right: 0;
6402
- top: 0;
6403
- bottom: 0;
6404
- width: 0;
6405
- z-index: -1;
6406
- }
6407
-
6408
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6409
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6410
- content: "";
6411
- position: absolute;
6412
- left: 0;
6413
- top: 0;
6414
- bottom: 0;
6415
- width: 0;
6416
- z-index: -1;
6417
- }
6418
-
6419
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6420
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6421
- height: 100%;
6422
- top: 0;
6423
- }
6424
-
6425
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6426
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6427
- height: 100%;
6428
- bottom: 0;
6429
- }
6430
-
6431
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6432
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6433
- width: 100%;
6434
- left: 0;
6435
- }
6436
-
6437
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6438
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6439
- width: 100%;
6440
- right: 0;
6441
- }
6442
-
6443
- /**************** Premium Contact Form7 **********/
6444
- /*************************************************/
6445
- .premium-contact-form-anim-yes .wpcf7-span::after {
6446
- display: block;
6447
- height: 2px;
6448
- content: "";
6449
- top: -2px;
6450
- position: relative;
6451
- width: 0px;
6452
- -webkit-transition: all ease-in-out 0.3s;
6453
- transition: all ease-in-out 0.3s;
6454
- }
6455
-
6456
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6457
- width: 100%;
6458
- }
6459
-
6460
- /**************** Premium Image Button ***********/
6461
- /*************************************************/
6462
- .premium-image-button {
6463
- display: inline-block;
6464
- position: relative;
6465
- overflow: hidden;
6466
- background: #6ec1e4;
6467
- cursor: pointer;
6468
- -webkit-transition: all 0.2s ease-in-out !important;
6469
- transition: all 0.2s ease-in-out !important;
6470
- }
6471
-
6472
- /*Default background for slide styles*/
6473
- .premium-image-button:hover,
6474
- .premium-image-button-style4-icon-wrapper,
6475
- .premium-image-button-style1-top:before,
6476
- .premium-image-button-style1-bottom:before,
6477
- .premium-image-button-style1-left:before,
6478
- .premium-image-button-style1-right:before {
6479
- background-color: #54595f;
6480
- }
6481
-
6482
- .premium-image-button.premium-image-button-sm {
6483
- padding: 12px 24px;
6484
- font-size: 14px;
6485
- line-height: 1;
6486
- }
6487
-
6488
- .premium-image-button.premium-image-button-md {
6489
- padding: 14px 26px;
6490
- font-size: 16px;
6491
- line-height: 1.2;
6492
- }
6493
-
6494
- .premium-image-button.premium-image-button-lg {
6495
- padding: 16px 28px;
6496
- font-size: 18px;
6497
- line-height: 1.3333;
6498
- }
6499
-
6500
- .premium-image-button.premium-image-button-block {
6501
- font-size: 15px;
6502
- line-height: 1;
6503
- padding: 12px 24px;
6504
- width: 100%;
6505
- text-align: center;
6506
- }
6507
-
6508
- .premium-image-button-text-icon-wrapper {
6509
- display: -webkit-box;
6510
- display: -webkit-flex;
6511
- display: -ms-flexbox;
6512
- -js-display: flex;
6513
- display: -moz-box;
6514
- display: flex;
6515
- -webkit-box-pack: center;
6516
- -webkit-justify-content: center;
6517
- -moz-box-pack: center;
6518
- -ms-flex-pack: center;
6519
- justify-content: center;
6520
- -webkit-box-align: center;
6521
- -webkit-align-items: center;
6522
- -moz-box-align: center;
6523
- -ms-flex-align: center;
6524
- align-items: center;
6525
- position: relative;
6526
- z-index: 3;
6527
- }
6528
-
6529
- .premium-image-button-text-icon-wrapper span,
6530
- .premium-image-button-text-icon-wrapper,
6531
- .premium-image-button-text-icon-wrapper i,
6532
- .premium-image-button-text-icon-wrapper svg {
6533
- -webkit-transition: all 0.2s ease-in-out;
6534
- transition: all 0.2s ease-in-out;
6535
- }
6536
-
6537
- .premium-image-button-style1-bottom:before,
6538
- .premium-image-button-style1-top:before,
6539
- .premium-image-button-style1-left:before,
6540
- .premium-image-button-style1-right:before {
6541
- -webkit-transition: all 0.2s ease-in-out;
6542
- transition: all 0.2s ease-in-out;
6543
- }
6544
-
6545
- .premium-image-button-style1-bottom:before {
6546
- content: "";
6547
- position: absolute;
6548
- width: 100%;
6549
- height: 0;
6550
- top: 0;
6551
- right: 0;
6552
- }
6553
-
6554
- .premium-image-button-style1-top:before {
6555
- content: "";
6556
- position: absolute;
6557
- width: 100%;
6558
- height: 0;
6559
- bottom: 0;
6560
- right: 0;
6561
- }
6562
-
6563
- .premium-image-button-style1-right:before {
6564
- content: "";
6565
- position: absolute;
6566
- width: 0;
6567
- height: 100%;
6568
- bottom: 0;
6569
- right: 0;
6570
- }
6571
-
6572
- .premium-image-button-style1-left:before {
6573
- content: "";
6574
- position: absolute;
6575
- width: 0;
6576
- height: 100%;
6577
- top: 0;
6578
- left: 0;
6579
- }
6580
-
6581
- .premium-image-button-style1-bottom:hover:before {
6582
- height: 100%;
6583
- }
6584
-
6585
- .premium-image-button-style1-top:hover:before {
6586
- height: 100%;
6587
- }
6588
-
6589
- .premium-image-button-style1-right:hover:before {
6590
- width: 100%;
6591
- }
6592
-
6593
- .premium-image-button-style1-left:hover:before {
6594
- width: 100%;
6595
- }
6596
-
6597
- .premium-image-button-diagonal-top,
6598
- .premium-image-button-diagonal-bottom,
6599
- .premium-image-button-diagonal-left,
6600
- .premium-image-button-diagonal-right {
6601
- z-index: 10;
6602
- }
6603
-
6604
- .premium-image-button-diagonal-top:before,
6605
- .premium-image-button-diagonal-bottom:before,
6606
- .premium-image-button-diagonal-left:before,
6607
- .premium-image-button-diagonal-right:before {
6608
- position: absolute;
6609
- top: 0px;
6610
- right: 0px;
6611
- width: 100%;
6612
- height: 100%;
6613
- content: "";
6614
- z-index: 1;
6615
- background: rgba(255, 255, 255, 0.2);
6616
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6617
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6618
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6619
- -webkit-transition: all 0.8s ease-out;
6620
- transition: all 0.8s ease-out;
6621
- }
6622
-
6623
- .premium-image-button-diagonal-right:hover:before,
6624
- .premium-image-button-diagonal-left:before {
6625
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6626
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6627
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6628
- }
6629
-
6630
- .premium-image-button-diagonal-left:hover:before,
6631
- .premium-image-button-diagonal-right:before {
6632
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6633
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6634
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6635
- }
6636
-
6637
- .premium-image-button-diagonal-top:hover:before,
6638
- .premium-image-button-diagonal-bottom:before {
6639
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6640
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6641
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6642
- }
6643
-
6644
- .premium-image-button-diagonal-bottom:hover:before,
6645
- .premium-image-button-diagonal-top:before {
6646
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6647
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6648
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6649
- }
6650
-
6651
- .premium-image-button-style4-icon-wrapper {
6652
- position: absolute;
6653
- z-index: 2;
6654
- width: 100%;
6655
- text-align: center;
6656
- display: -webkit-box;
6657
- display: -webkit-flex;
6658
- display: -ms-flexbox;
6659
- -js-display: flex;
6660
- display: -moz-box;
6661
- display: flex;
6662
- -webkit-box-align: center;
6663
- -webkit-align-items: center;
6664
- -moz-box-align: center;
6665
- -ms-flex-align: center;
6666
- align-items: center;
6667
- -webkit-box-pack: center;
6668
- -webkit-justify-content: center;
6669
- -moz-box-pack: center;
6670
- -ms-flex-pack: center;
6671
- justify-content: center;
6672
- height: 100%;
6673
- opacity: 0;
6674
- -webkit-transition: all 0.3s ease-in-out;
6675
- transition: all 0.3s ease-in-out;
6676
- }
6677
-
6678
- .premium-image-button-style4-icon-wrapper.top {
6679
- bottom: -100%;
6680
- right: 0;
6681
- }
6682
-
6683
- .premium-image-button-style4-icon-wrapper.bottom {
6684
- top: -100%;
6685
- right: 0;
6686
- }
6687
-
6688
- .premium-image-button-style4-icon-wrapper.left {
6689
- top: 0;
6690
- right: -100%;
6691
- }
6692
-
6693
- .premium-image-button-style4-icon-wrapper.right {
6694
- top: 0;
6695
- left: -100%;
6696
- }
6697
-
6698
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6699
- top: 0;
6700
- opacity: 1;
6701
- }
6702
-
6703
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6704
- bottom: 0;
6705
- opacity: 1;
6706
- }
6707
-
6708
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6709
- right: 0;
6710
- opacity: 1;
6711
- }
6712
-
6713
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6714
- left: 0;
6715
- opacity: 1;
6716
- }
6717
-
6718
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6719
- -webkit-transform: translateY(100%);
6720
- -ms-transform: translateY(100%);
6721
- transform: translateY(100%);
6722
- opacity: 0;
6723
- }
6724
-
6725
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6726
- -webkit-transform: translateY(-100%);
6727
- -ms-transform: translateY(-100%);
6728
- transform: translateY(-100%);
6729
- opacity: 0;
6730
- }
6731
-
6732
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6733
- -webkit-transform: translateX(-100%);
6734
- -ms-transform: translateX(-100%);
6735
- transform: translateX(-100%);
6736
- opacity: 0;
6737
- }
6738
-
6739
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6740
- -webkit-transform: translateX(100%);
6741
- -ms-transform: translateX(100%);
6742
- transform: translateX(100%);
6743
- opacity: 0;
6744
- }
6745
-
6746
- .premium-image-button-overlap-effect-horizontal:before,
6747
- .premium-image-button-overlap-effect-vertical:before {
6748
- position: absolute;
6749
- content: "";
6750
- top: 0;
6751
- right: 0;
6752
- width: 100%;
6753
- height: 100%;
6754
- opacity: 0;
6755
- -webkit-transition: all 1s ease-in-out;
6756
- transition: all 1s ease-in-out;
6757
- background: rgba(255, 255, 255, 0.2);
6758
- -webkit-animation-name: premium-overlap-effect-done;
6759
- animation-name: premium-overlap-effect-done;
6760
- -webkit-animation-duration: 1s;
6761
- animation-duration: 1s;
6762
- }
6763
-
6764
- .premium-image-button-overlap-effect-vertical:before {
6765
- -webkit-animation-name: premium-overlap-ver-effect-done;
6766
- animation-name: premium-overlap-ver-effect-done;
6767
- -webkit-animation-duration: 1s;
6768
- animation-duration: 1s;
6769
- }
6770
-
6771
- .premium-image-button-overlap-effect-horizontal:hover:before {
6772
- -webkit-animation-name: premium-overlap-effect;
6773
- animation-name: premium-overlap-effect;
6774
- -webkit-animation-duration: 1s;
6775
- animation-duration: 1s;
6776
- }
6777
-
6778
- .premium-image-button-overlap-effect-vertical:hover:before {
6779
- -webkit-animation-name: premium-overlap-ver-effect;
6780
- animation-name: premium-overlap-ver-effect;
6781
- -webkit-animation-duration: 1s;
6782
- animation-duration: 1s;
6783
- }
6784
-
6785
- @-webkit-keyframes premium-overlap-effect {
6786
- 0% {
6787
- opacity: 0;
6788
- -webkit-transform: rotateY(0deg);
6789
- transform: rotateY(0deg);
6790
- }
6791
-
6792
- 50% {
6793
- opacity: 1;
6794
- -webkit-transform: rotateY(180deg);
6795
- transform: rotateY(180deg);
6796
- }
6797
-
6798
- 100% {
6799
- opacity: 0;
6800
- -webkit-transform: rotateY(360deg);
6801
- transform: rotateY(360deg);
6802
- }
6803
- }
6804
-
6805
- @keyframes premium-overlap-effect {
6806
- 0% {
6807
- opacity: 0;
6808
- -webkit-transform: rotateY(0deg);
6809
- transform: rotateY(0deg);
6810
- }
6811
-
6812
- 50% {
6813
- opacity: 1;
6814
- -webkit-transform: rotateY(180deg);
6815
- transform: rotateY(180deg);
6816
- }
6817
-
6818
- 100% {
6819
- opacity: 0;
6820
- -webkit-transform: rotateY(360deg);
6821
- transform: rotateY(360deg);
6822
- }
6823
- }
6824
-
6825
- @-webkit-keyframes premium-overlap-effect-done {
6826
- 0% {
6827
- opacity: 0;
6828
- -webkit-transform: rotateY(0deg);
6829
- transform: rotateY(0deg);
6830
- }
6831
-
6832
- 50% {
6833
- opacity: 1;
6834
- -webkit-transform: rotateY(180deg);
6835
- transform: rotateY(180deg);
6836
- }
6837
-
6838
- 100% {
6839
- opacity: 0;
6840
- -webkit-transform: rotateY(360deg);
6841
- transform: rotateY(360deg);
6842
- }
6843
- }
6844
-
6845
- @keyframes premium-overlap-effect-done {
6846
- 0% {
6847
- opacity: 0;
6848
- -webkit-transform: rotateY(0deg);
6849
- transform: rotateY(0deg);
6850
- }
6851
-
6852
- 50% {
6853
- opacity: 1;
6854
- -webkit-transform: rotateY(180deg);
6855
- transform: rotateY(180deg);
6856
- }
6857
-
6858
- 100% {
6859
- opacity: 0;
6860
- -webkit-transform: rotateY(360deg);
6861
- transform: rotateY(360deg);
6862
- }
6863
- }
6864
-
6865
- @-webkit-keyframes premium-overlap-ver-effect {
6866
- 0% {
6867
- opacity: 0;
6868
- -webkit-transform: rotateX(0deg);
6869
- transform: rotateX(0deg);
6870
- }
6871
-
6872
- 50% {
6873
- opacity: 1;
6874
- -webkit-transform: rotateX(180deg);
6875
- transform: rotateX(180deg);
6876
- }
6877
-
6878
- 100% {
6879
- opacity: 0;
6880
- -webkit-transform: rotateX(360deg);
6881
- transform: rotateX(360deg);
6882
- }
6883
- }
6884
-
6885
- @keyframes premium-overlap-ver-effect {
6886
- 0% {
6887
- opacity: 0;
6888
- -webkit-transform: rotateX(0deg);
6889
- transform: rotateX(0deg);
6890
- }
6891
-
6892
- 50% {
6893
- opacity: 1;
6894
- -webkit-transform: rotateX(180deg);
6895
- transform: rotateX(180deg);
6896
- }
6897
-
6898
- 100% {
6899
- opacity: 0;
6900
- -webkit-transform: rotateX(360deg);
6901
- transform: rotateX(360deg);
6902
- }
6903
- }
6904
-
6905
- @-webkit-keyframes premium-overlap-ver-effect-done {
6906
- 0% {
6907
- opacity: 0;
6908
- -webkit-transform: rotateX(0deg);
6909
- transform: rotateX(0deg);
6910
- }
6911
-
6912
- 50% {
6913
- opacity: 1;
6914
- -webkit-transform: rotateX(180deg);
6915
- transform: rotateX(180deg);
6916
- }
6917
-
6918
- 100% {
6919
- opacity: 0;
6920
- -webkit-transform: rotateX(360deg);
6921
- transform: rotateX(360deg);
6922
- }
6923
- }
6924
-
6925
- @keyframes premium-overlap-ver-effect-done {
6926
- 0% {
6927
- opacity: 0;
6928
- -webkit-transform: rotateX(0deg);
6929
- transform: rotateX(0deg);
6930
- }
6931
-
6932
- 50% {
6933
- opacity: 1;
6934
- -webkit-transform: rotateX(180deg);
6935
- transform: rotateX(180deg);
6936
- }
6937
-
6938
- 100% {
6939
- opacity: 0;
6940
- -webkit-transform: rotateX(360deg);
6941
- transform: rotateX(360deg);
6942
- }
6943
- }
6944
-
6945
- /**************** Premium Grid *******************/
6946
- /*************************************************/
6947
- .premium-img-gallery-filter,
6948
- .premium-blog-filter {
6949
- display: -webkit-box;
6950
- display: -webkit-flex;
6951
- display: -ms-flexbox;
6952
- -js-display: flex;
6953
- display: -moz-box;
6954
- display: flex;
6955
- -webkit-box-align: center;
6956
- -webkit-align-items: center;
6957
- -moz-box-align: center;
6958
- -ms-flex-align: center;
6959
- align-items: center;
6960
- -webkit-box-pack: center;
6961
- -webkit-justify-content: center;
6962
- -moz-box-pack: center;
6963
- -ms-flex-pack: center;
6964
- justify-content: center;
6965
- }
6966
-
6967
- .premium-img-gallery {
6968
- clear: both;
6969
- overflow: hidden;
6970
- }
6971
-
6972
- .premium-gallery-container .premium-gallery-item {
6973
- padding: 10px;
6974
- float: right;
6975
- /* Google Chrome isotope issue */
6976
- }
6977
-
6978
- .premium-gallery-container .grid-sizer {
6979
- width: 33.33%;
6980
- }
6981
-
6982
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6983
- .premium-blog-filter .premium-blog-filters-container li a.category {
6984
- outline: none;
6985
- text-decoration: none;
6986
- -webkit-border-radius: 75px;
6987
- border-radius: 75px;
6988
- margin: 15px 5px 20px;
6989
- padding: 7px 20px;
6990
- -webkit-transition: all 0.3s ease-in-out;
6991
- transition: all 0.3s ease-in-out;
6992
- }
6993
-
6994
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6995
- -webkit-transition: all 0.3s ease-in-out;
6996
- transition: all 0.3s ease-in-out;
6997
- }
6998
-
6999
- .pa-gallery-img {
7000
- position: relative;
7001
- }
7002
-
7003
- .pa-gallery-img .pa-gallery-whole-link {
7004
- position: absolute;
7005
- top: 0;
7006
- right: 0;
7007
- width: 100%;
7008
- height: 100%;
7009
- }
7010
-
7011
- .pa-gallery-img.style2 .pa-gallery-whole-link {
7012
- z-index: 99;
7013
- }
7014
-
7015
- .pa-gallery-img-container {
7016
- overflow: hidden;
7017
- -webkit-backface-visibility: hidden;
7018
- -moz-backface-visibility: hidden;
7019
- -webkit-transform: translate3d(0, 0, 0);
7020
- transform: translate3d(0, 0, 0);
7021
- }
7022
-
7023
- .pa-gallery-img-container img {
7024
- display: block;
7025
- width: 100%;
7026
- -webkit-transition: all 0.3s ease-in-out;
7027
- transition: all 0.3s ease-in-out;
7028
- }
7029
-
7030
- .premium-img-gallery.gray img {
7031
- -webkit-filter: grayscale(100%);
7032
- filter: grayscale(100%);
7033
- }
7034
-
7035
- .premium-img-gallery.zoomout img,
7036
- .premium-img-gallery.scale img {
7037
- -webkit-transform: scale(1.2);
7038
- -ms-transform: scale(1.2);
7039
- transform: scale(1.2);
7040
- }
7041
-
7042
- .premium-img-gallery.sepia img {
7043
- -webkit-filter: sepia(30%);
7044
- filter: sepia(30%);
7045
- }
7046
-
7047
- .premium-img-gallery.bright img {
7048
- -webkit-filter: brightness(1);
7049
- filter: brightness(1);
7050
- }
7051
-
7052
- .premium-img-gallery.trans img {
7053
- -webkit-transform: translateX(15px) scale(1.1);
7054
- -ms-transform: translateX(15px) scale(1.1);
7055
- transform: translateX(15px) scale(1.1);
7056
- }
7057
-
7058
- .pa-gallery-img .pa-gallery-magnific-image,
7059
- .pa-gallery-img .pa-gallery-img-link {
7060
- outline: none;
7061
- }
7062
-
7063
- .pa-gallery-img .pa-gallery-magnific-image span,
7064
- .pa-gallery-img .pa-gallery-img-link span {
7065
- line-height: 1;
7066
- display: inline-block;
7067
- opacity: 0;
7068
- margin: 0 5px;
7069
- padding: 15px;
7070
- -webkit-border-radius: 50%;
7071
- border-radius: 50%;
7072
- }
7073
-
7074
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7075
- .pa-gallery-img.style2 .pa-gallery-img-link span {
7076
- margin: 0 5px 20px;
7077
- }
7078
-
7079
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
7080
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7081
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7082
- }
7083
-
7084
- .pa-gallery-img:hover .pa-gallery-img-link span {
7085
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7086
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7087
- }
7088
-
7089
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
7090
- .pa-gallery-img:hover .pa-gallery-img-link span,
7091
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
7092
- opacity: 1;
7093
- }
7094
-
7095
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
7096
- .premium-blog-filter ul.premium-blog-filters-container {
7097
- text-align: center;
7098
- margin: 0;
7099
- padding: 0;
7100
- }
7101
-
7102
- .premium-img-gallery-filter .premium-gallery-cats-container li,
7103
- .premium-blog-filter .premium-blog-filters-container li {
7104
- list-style: none;
7105
- display: -webkit-inline-box;
7106
- display: -webkit-inline-flex;
7107
- display: -ms-inline-flexbox;
7108
- -js-display: inline-flex;
7109
- display: -moz-inline-box;
7110
- display: inline-flex;
7111
- }
7112
-
7113
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7114
- -webkit-transform: scale(1.1);
7115
- -ms-transform: scale(1.1);
7116
- transform: scale(1.1);
7117
- }
7118
-
7119
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7120
- -webkit-transform: scale(1);
7121
- -ms-transform: scale(1);
7122
- transform: scale(1);
7123
- }
7124
-
7125
- .premium-img-gallery.scale .pa-gallery-img:hover img {
7126
- -webkit-transform: scale(1.3) rotate(-5deg);
7127
- -ms-transform: scale(1.3) rotate(-5deg);
7128
- transform: scale(1.3) rotate(-5deg);
7129
- }
7130
-
7131
- .premium-img-gallery.gray .pa-gallery-img:hover img {
7132
- -webkit-filter: grayscale(0%);
7133
- filter: grayscale(0%);
7134
- }
7135
-
7136
- .premium-img-gallery.blur .pa-gallery-img:hover img {
7137
- -webkit-filter: blur(3px);
7138
- filter: blur(3px);
7139
- }
7140
-
7141
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
7142
- -webkit-filter: sepia(0%);
7143
- filter: sepia(0%);
7144
- }
7145
-
7146
- .premium-img-gallery.trans .pa-gallery-img:hover img {
7147
- -webkit-transform: translateX(0px) scale(1.1);
7148
- -ms-transform: translateX(0px) scale(1.1);
7149
- transform: translateX(0px) scale(1.1);
7150
- }
7151
-
7152
- .premium-img-gallery.bright .pa-gallery-img:hover img {
7153
- -webkit-filter: brightness(1.2);
7154
- filter: brightness(1.2);
7155
- }
7156
-
7157
- .pa-gallery-img .premium-gallery-caption {
7158
- padding: 10px;
7159
- }
7160
-
7161
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7162
- margin-bottom: 0;
7163
- }
7164
-
7165
- .pa-gallery-img.style1 {
7166
- overflow: hidden;
7167
- }
7168
-
7169
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7170
- position: absolute;
7171
- top: 0;
7172
- right: 0;
7173
- width: 100%;
7174
- height: 100%;
7175
- -webkit-transition: all 0.3s ease-in-out;
7176
- transition: all 0.3s ease-in-out;
7177
- }
7178
-
7179
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7180
- position: absolute;
7181
- top: 33.33%;
7182
- width: 100%;
7183
- text-align: center;
7184
- -webkit-transform: translateY(-50%);
7185
- -ms-transform: translateY(-50%);
7186
- transform: translateY(-50%);
7187
- z-index: 999;
7188
- }
7189
-
7190
- .premium-blog-post-container .premium-blog-entry-container {
7191
- margin: 0 !important;
7192
- }
7193
-
7194
- .pa-gallery-img.style1 .premium-gallery-caption {
7195
- position: absolute;
7196
- top: auto;
7197
- left: 0;
7198
- right: 0;
7199
- width: 100%;
7200
- -webkit-transition: all 500ms ease 0s;
7201
- transition: all 500ms ease 0s;
7202
- -webkit-transform: translate3d(0, 100%, 0);
7203
- -ms-transform: translate3d(0, 100%, 0);
7204
- transform: translate3d(0, 100%, 0);
7205
- }
7206
-
7207
- .pa-gallery-img.default .premium-gallery-caption {
7208
- position: absolute;
7209
- top: auto;
7210
- left: 0;
7211
- right: 0;
7212
- width: 100%;
7213
- bottom: 0;
7214
- }
7215
-
7216
- .pa-gallery-img.style1:hover .premium-gallery-caption {
7217
- -webkit-transform: translate3d(0, 0, 0);
7218
- -ms-transform: translate3d(0, 0, 0);
7219
- transform: translate3d(0, 0, 0);
7220
- bottom: -1px !important;
7221
- }
7222
-
7223
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7224
- position: absolute;
7225
- top: 0;
7226
- right: 0;
7227
- width: 100%;
7228
- height: 100%;
7229
- opacity: 0;
7230
- -webkit-backface-visibility: hidden;
7231
- backface-visibility: hidden;
7232
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7233
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7234
- transition: opacity 0.3s, -webkit-transform 0.3s;
7235
- transition: transform 0.3s, opacity 0.3s;
7236
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7237
- z-index: 1;
7238
- background-color: rgba(108, 191, 226, 0.68);
7239
- display: -webkit-box;
7240
- display: -webkit-flex;
7241
- display: -ms-flexbox;
7242
- -js-display: flex;
7243
- display: -moz-box;
7244
- display: flex;
7245
- text-align: center;
7246
- -webkit-box-align: center;
7247
- -webkit-align-items: center;
7248
- -moz-box-align: center;
7249
- -ms-flex-align: center;
7250
- align-items: center;
7251
- }
7252
-
7253
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7254
- width: 100%;
7255
- }
7256
-
7257
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7258
- opacity: 1;
7259
- -webkit-transform: translate(-15px, 15px);
7260
- -ms-transform: translate(-15px, 15px);
7261
- transform: translate(-15px, 15px);
7262
- }
7263
-
7264
- .premium-clearfix {
7265
- clear: both;
7266
- }
7267
-
7268
- .premium-gallery-container .pa-gallery-item {
7269
- padding: 10px;
7270
- }
7271
-
7272
- /**
7273
- * Metro Layout
7274
- */
7275
- .premium-img-gallery-metro .premium-gallery-item {
7276
- overflow: hidden;
7277
- }
7278
-
7279
- .premium-img-gallery-metro .pa-gallery-img {
7280
- height: 100%;
7281
- }
7282
-
7283
- .premium-img-gallery-metro .pa-gallery-img-container {
7284
- height: 100%;
7285
- }
7286
-
7287
- .premium-img-gallery-metro .pa-gallery-img-container img {
7288
- min-height: 100%;
7289
- width: 100%;
7290
- -o-object-fit: fill;
7291
- object-fit: fill;
7292
- }
7293
-
7294
- .premium-img-gallery .premium-gallery-item-hidden {
7295
- visibility: hidden;
7296
- width: 0 !important;
7297
- height: 0 !important;
7298
- margin: 0 !important;
7299
- padding: 0 !important;
7300
- }
7301
-
7302
- .premium-gallery-load-more .premium-gallery-load-more-btn {
7303
- -webkit-box-shadow: none;
7304
- box-shadow: none;
7305
- text-shadow: none;
7306
- border: none;
7307
- outline: none;
7308
- -webkit-box-align: center;
7309
- -ms-flex-align: center;
7310
- -webkit-align-items: center;
7311
- -moz-box-align: center;
7312
- align-items: center;
7313
- vertical-align: bottom;
7314
- cursor: pointer;
7315
- line-height: 1;
7316
- font-style: normal;
7317
- font-weight: normal;
7318
- background-image: none;
7319
- color: #fff;
7320
- -webkit-transition: all 0.3s ease-in-out;
7321
- transition: all 0.3s ease-in-out;
7322
- }
7323
-
7324
- .premium-gallery-load-more-btn {
7325
- display: -webkit-inline-box;
7326
- display: -webkit-inline-flex;
7327
- display: -ms-inline-flexbox;
7328
- -js-display: inline-flex;
7329
- display: -moz-inline-box;
7330
- display: inline-flex;
7331
- -webkit-box-align: center;
7332
- -webkit-align-items: center;
7333
- -moz-box-align: center;
7334
- -ms-flex-align: center;
7335
- align-items: center;
7336
- }
7337
-
7338
- .premium-loader {
7339
- border: 3px solid #f3f3f3;
7340
- border-top-width: 3px;
7341
- border-top-style: solid;
7342
- border-top-color: rgb(243, 243, 243);
7343
- -webkit-border-radius: 50%;
7344
- border-radius: 50%;
7345
- border-top: 3px solid;
7346
- border-top-color: #bbb;
7347
- width: 30px;
7348
- height: 30px;
7349
- -webkit-animation: spin 2s linear infinite;
7350
- animation: spin 2s linear infinite;
7351
- margin: 0 auto;
7352
- }
7353
-
7354
- .premium-gallery-load-more-btn div {
7355
- margin-right: 3px;
7356
- }
7357
-
7358
- .premium-gallery-load-more-btn .premium-loader {
7359
- display: inline-block;
7360
- width: 20px;
7361
- height: 20px;
7362
- }
7363
-
7364
- /** * Video */
7365
- .pa-gallery-img .pa-gallery-lightbox-wrap {
7366
- display: inline-block;
7367
- }
7368
-
7369
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7370
- .pa-gallery-img .pa-gallery-video-icon {
7371
- cursor: pointer;
7372
- }
7373
-
7374
- .pa-gallery-img-container iframe,
7375
- .pa-gallery-img-container video {
7376
- position: absolute;
7377
- visibility: hidden;
7378
- top: 0;
7379
- right: 0;
7380
- max-width: 100%;
7381
- width: 100%;
7382
- height: 100%;
7383
- margin: 0;
7384
- line-height: 1;
7385
- border: none;
7386
- }
7387
-
7388
- .pa-gallery-img-container video {
7389
- -o-object-fit: contain;
7390
- object-fit: contain;
7391
- }
7392
-
7393
- .pa-gallery-icons-inner-container svg,
7394
- .pa-gallery-icons-caption-cell svg {
7395
- width: 14px;
7396
- height: 14px;
7397
- }
7398
-
7399
- .premium-gallery-gradient-layer {
7400
- position: absolute;
7401
- bottom: 40px;
7402
- width: 100%;
7403
- height: 20px;
7404
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7405
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7406
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7407
- }
7408
-
7409
- @-webkit-keyframes spin {
7410
- 0% {
7411
- -webkit-transform: rotate(0deg);
7412
- }
7413
-
7414
- 100% {
7415
- -webkit-transform: rotate(-360deg);
7416
- }
7417
- }
7418
-
7419
- @keyframes spin {
7420
- 0% {
7421
- -webkit-transform: rotate(0deg);
7422
- transform: rotate(0deg);
7423
- }
7424
-
7425
- 100% {
7426
- -webkit-transform: rotate(-360deg);
7427
- transform: rotate(-360deg);
7428
- }
7429
- }
7430
-
7431
- /************ Premium Vertical Scroll ************/
7432
- /*************************************************/
7433
- .premium-vscroll-inner {
7434
- position: relative;
7435
- /* overflow: hidden;
7436
- */
7437
- min-height: 100%;
7438
- }
7439
-
7440
- .premium-vscroll-inner .premium-vscroll-dots {
7441
- position: fixed;
7442
- z-index: 100;
7443
- opacity: 1;
7444
- margin-top: -32px;
7445
- -webkit-transition: all 0.3s ease-in-out;
7446
- transition: all 0.3s ease-in-out;
7447
- }
7448
-
7449
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7450
- opacity: 1;
7451
- -webkit-transition: all 0.3s ease-in-out;
7452
- transition: all 0.3s ease-in-out;
7453
- }
7454
-
7455
- .premium-vscroll-inner .premium-vscroll-dots,
7456
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7457
- opacity: 0;
7458
- visibility: hidden;
7459
- }
7460
-
7461
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7462
- opacity: 1;
7463
- visibility: visible;
7464
- }
7465
-
7466
- .premium-vscroll-dots.middle {
7467
- top: 50%;
7468
- }
7469
-
7470
- .premium-vscroll-dots.top {
7471
- top: 40px;
7472
- }
7473
-
7474
- .premium-vscroll-dots.bottom {
7475
- bottom: 30px;
7476
- }
7477
-
7478
- .premium-vscroll-dots.right {
7479
- left: 17px;
7480
- }
7481
-
7482
- .premium-vscroll-dots.left {
7483
- right: 17px;
7484
- }
7485
-
7486
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7487
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7488
- margin: 0 !important;
7489
- padding: 0;
7490
- }
7491
-
7492
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7493
- width: 14px;
7494
- height: 13px;
7495
- margin: 7px;
7496
- position: relative;
7497
- display: -webkit-box;
7498
- display: -webkit-flex;
7499
- display: -ms-flexbox;
7500
- -js-display: flex;
7501
- display: -moz-box;
7502
- display: flex;
7503
- -webkit-box-pack: center;
7504
- -ms-flex-pack: center;
7505
- -webkit-justify-content: center;
7506
- -moz-box-pack: center;
7507
- justify-content: center;
7508
- -webkit-box-align: center;
7509
- -ms-flex-align: center;
7510
- -webkit-align-items: center;
7511
- -moz-box-align: center;
7512
- align-items: center;
7513
- overflow: visible;
7514
- }
7515
-
7516
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7517
- display: block;
7518
- position: relative;
7519
- z-index: 1;
7520
- width: 100%;
7521
- height: 100%;
7522
- cursor: pointer;
7523
- text-decoration: none;
7524
- }
7525
-
7526
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7527
- top: 2px;
7528
- right: 2.5px;
7529
- width: 8px;
7530
- height: 8px;
7531
- border: 1px solid #000;
7532
- -webkit-border-radius: 50%;
7533
- border-radius: 50%;
7534
- position: absolute;
7535
- z-index: 1;
7536
- -webkit-transition: all 0.3s ease-in-out;
7537
- transition: all 0.3s ease-in-out;
7538
- }
7539
-
7540
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7541
- -webkit-transform: scale(1.6);
7542
- -ms-transform: scale(1.6);
7543
- transform: scale(1.6);
7544
- }
7545
-
7546
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7547
- position: absolute;
7548
- color: #fff;
7549
- font-size: 14px;
7550
- font-family: arial, helvetica, sans-serif;
7551
- white-space: nowrap;
7552
- max-width: 220px;
7553
- padding-right: 0.4em;
7554
- padding-left: 0.4em;
7555
- }
7556
-
7557
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7558
- left: 27px;
7559
- }
7560
-
7561
- /* * Lines */
7562
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7563
- width: 4px;
7564
- height: 30px;
7565
- }
7566
-
7567
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7568
- width: 100%;
7569
- height: 100%;
7570
- -webkit-border-radius: 0;
7571
- border-radius: 0;
7572
- }
7573
-
7574
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7575
- -webkit-transform: scale(1);
7576
- -ms-transform: scale(1);
7577
- transform: scale(1);
7578
- }
7579
-
7580
- @media (max-width: 768px) {
7581
- .premium-vscroll-dots.right {
7582
- left: 7px;
7583
- }
7584
-
7585
- .premium-vscroll-dots.left {
7586
- right: 7px;
7587
- }
7588
- }
7589
-
7590
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7591
- position: absolute;
7592
- top: 50%;
7593
- content: "";
7594
- right: -webkit-calc(100% - 1px);
7595
- right: calc(100% - 1px);
7596
- width: 10px;
7597
- height: 0;
7598
- border-top: 6px solid transparent;
7599
- border-bottom: 6px solid transparent;
7600
- border-right: 6px solid;
7601
- -webkit-transform: translateY(-50%);
7602
- -ms-transform: translateY(-50%);
7603
- transform: translateY(-50%);
7604
- }
7605
-
7606
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7607
- position: absolute;
7608
- top: 50%;
7609
- content: "";
7610
- left: -webkit-calc(100% - 1px);
7611
- left: calc(100% - 1px);
7612
- width: 10px;
7613
- height: 0;
7614
- border-top: 6px solid transparent;
7615
- border-bottom: 6px solid transparent;
7616
- border-left: 6px solid;
7617
- -webkit-transform: translateY(-50%);
7618
- -ms-transform: translateY(-50%);
7619
- transform: translateY(-50%);
7620
- }
7621
-
7622
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7623
- right: 27px;
7624
- }
7625
-
7626
- .premium-vscroll-nav-menu {
7627
- position: fixed;
7628
- top: 20px;
7629
- height: 40px;
7630
- z-index: 100;
7631
- padding: 0;
7632
- margin: 0;
7633
- }
7634
-
7635
- .premium-vscroll-nav-menu.left {
7636
- right: 0;
7637
- }
7638
-
7639
- .premium-vscroll-nav-menu.right {
7640
- left: 0;
7641
- }
7642
-
7643
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7644
- display: inline-block;
7645
- margin: 10px;
7646
- color: #000;
7647
- background: #fff;
7648
- background: rgba(255, 255, 255, 0.3);
7649
- }
7650
-
7651
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7652
- padding: 9px 18px;
7653
- display: block;
7654
- cursor: pointer;
7655
- }
7656
-
7657
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7658
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7659
- color: #000;
7660
- }
7661
-
7662
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7663
- .multiscroll-nav li a:focus {
7664
- outline: none;
7665
- }
7666
-
7667
- .premium-vscroll-temp .slimScrollBar {
7668
- visibility: hidden;
7669
- }
7670
-
7671
- /************ Premium Image Scroll ***************/
7672
- /*************************************************/
7673
- .premium-image-scroll-section,
7674
- .premium-image-scroll-container {
7675
- -webkit-transition: all 0.3s ease-in-out;
7676
- transition: all 0.3s ease-in-out;
7677
- }
7678
-
7679
- .premium-image-scroll-section {
7680
- position: relative;
7681
- overflow: hidden;
7682
- width: 100%;
7683
- -webkit-mask-image: -webkit-radial-gradient(white, black);
7684
- }
7685
-
7686
- .premium-image-scroll-container {
7687
- width: 100%;
7688
- }
7689
-
7690
- .premium-image-scroll-container .premium-image-scroll-mask-media {
7691
- -webkit-mask-repeat: no-repeat;
7692
- mask-repeat: no-repeat;
7693
- -webkit-mask-position: center;
7694
- mask-position: center;
7695
- }
7696
-
7697
- .premium-container-scroll {
7698
- overflow: auto;
7699
- }
7700
-
7701
- .premium-image-scroll-container .premium-image-scroll-horizontal {
7702
- position: relative;
7703
- width: 100%;
7704
- height: 100%;
7705
- }
7706
-
7707
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
7708
- max-width: none;
7709
- height: 100%;
7710
- }
7711
-
7712
- .premium-image-scroll-container .premium-image-scroll-vertical img {
7713
- width: 100%;
7714
- max-width: 100%;
7715
- height: auto;
7716
- }
7717
-
7718
- .premium-image-scroll-ver {
7719
- position: relative;
7720
- }
7721
-
7722
- .premium-image-scroll-container .premium-image-scroll-overlay {
7723
- background: rgba(2, 2, 2, 0.3);
7724
- }
7725
-
7726
- .premium-image-scroll-container .premium-image-scroll-link,
7727
- .premium-image-scroll-container .premium-image-scroll-overlay {
7728
- position: absolute;
7729
- top: 0;
7730
- bottom: 0;
7731
- right: 0;
7732
- left: 0;
7733
- z-index: 4;
7734
- }
7735
-
7736
- .premium-image-scroll-content {
7737
- display: inline-block;
7738
- position: absolute;
7739
- height: auto;
7740
- top: 50%;
7741
- right: 50%;
7742
- text-align: center;
7743
- z-index: 5;
7744
- -webkit-transform: translate(50%, -50%);
7745
- -ms-transform: translate(50%, -50%);
7746
- transform: translate(50%, -50%);
7747
- }
7748
-
7749
- .premium-container-scroll-instant .premium-image-scroll-image {
7750
- -webkit-transition: all 0s ease-in-out !important;
7751
- transition: all 0s ease-in-out !important;
7752
- }
7753
-
7754
- .premium-image-scroll-container img {
7755
- -webkit-transition: -webkit-transform 3s ease-in-out;
7756
- transition: -webkit-transform 3s ease-in-out;
7757
- transition: transform 3s ease-in-out;
7758
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7759
- }
7760
-
7761
- .premium-image-scroll-container .premium-image-scroll-overlay,
7762
- .premium-image-scroll-container .premium-image-scroll-content {
7763
- -webkit-transition: all 0.3s ease-in-out;
7764
- transition: all 0.3s ease-in-out;
7765
- opacity: 1;
7766
- }
7767
-
7768
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7769
- opacity: 0;
7770
- }
7771
-
7772
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7773
- opacity: 0;
7774
- visibility: hidden;
7775
- }
7776
-
7777
- .premium-image-scroll-content .premium-image-scroll-icon {
7778
- display: inline-block;
7779
- font-family: "pa-elements" !important;
7780
- speak: none;
7781
- font-style: normal;
7782
- font-weight: normal;
7783
- font-variant: normal;
7784
- text-transform: none;
7785
- line-height: 1;
7786
- -webkit-font-smoothing: antialiased;
7787
- -moz-osx-font-smoothing: grayscale;
7788
- -webkit-animation-duration: 0.5s;
7789
- animation-duration: 0.5s;
7790
- -webkit-animation-iteration-count: infinite;
7791
- animation-iteration-count: infinite;
7792
- -webkit-animation-direction: alternate;
7793
- animation-direction: alternate;
7794
- -webkit-animation-timing-function: ease-in-out;
7795
- animation-timing-function: ease-in-out;
7796
- }
7797
-
7798
- .pa-horizontal-mouse-scroll:before {
7799
- content: "\e917";
7800
- }
7801
-
7802
- .pa-vertical-mouse-scroll:before {
7803
- content: "\e918";
7804
- }
7805
-
7806
- .pa-horizontal-mouse-scroll {
7807
- -webkit-animation-name: pa-scroll-horizontal;
7808
- animation-name: pa-scroll-horizontal;
7809
- }
7810
-
7811
- .pa-vertical-mouse-scroll {
7812
- -webkit-animation-name: pa-scroll-vertical;
7813
- animation-name: pa-scroll-vertical;
7814
- }
7815
-
7816
- @-webkit-keyframes pa-scroll-vertical {
7817
- 0% {
7818
- -webkit-transform: translateY(0px);
7819
- transform: translateY(0px);
7820
- }
7821
-
7822
- 100% {
7823
- -webkit-transform: translateY(5px);
7824
- transform: translateY(5px);
7825
- }
7826
- }
7827
-
7828
- @keyframes pa-scroll-vertical {
7829
- 0% {
7830
- -webkit-transform: translateY(0px);
7831
- transform: translateY(0px);
7832
- }
7833
-
7834
- 100% {
7835
- -webkit-transform: translateY(5px);
7836
- transform: translateY(5px);
7837
- }
7838
- }
7839
-
7840
- @-webkit-keyframes pa-scroll-horizontal {
7841
- 0% {
7842
- -webkit-transform: translateX(0px);
7843
- transform: translateX(0px);
7844
- }
7845
-
7846
- 100% {
7847
- -webkit-transform: translateX(-5px);
7848
- transform: translateX(-5px);
7849
- }
7850
- }
7851
-
7852
- @keyframes pa-scroll-horizontal {
7853
- 0% {
7854
- -webkit-transform: translateX(0px);
7855
- transform: translateX(0px);
7856
- }
7857
-
7858
- 100% {
7859
- -webkit-transform: translateX(-5px);
7860
- transform: translateX(-5px);
7861
- }
7862
- }
7863
-
7864
- /********* Premium Lottie Animations **********/
7865
- /**********************************************/
7866
- .premium-lottie-wrap .premium-lottie-animation {
7867
- position: relative;
7868
- -js-display: inline-flex;
7869
- display: -webkit-inline-box;
7870
- display: -webkit-inline-flex;
7871
- display: -moz-inline-box;
7872
- display: -ms-inline-flexbox;
7873
- display: inline-flex;
7874
- -webkit-transition: all 0.3s ease-in-out;
7875
- transition: all 0.3s ease-in-out;
7876
- }
7877
-
7878
- .premium-lottie-wrap .premium-lottie-animation a {
7879
- position: absolute;
7880
- left: 0;
7881
- top: 0;
7882
- width: 100%;
7883
- height: 100%;
7884
- }
7885
-
7886
- /**************** Premium Bullet List *****************/
7887
- /******************************************************/
7888
- .premium-icon-list-box {
7889
- -js-display: flex;
7890
- display: -webkit-box;
7891
- display: -webkit-flex;
7892
- display: -moz-box;
7893
- display: -ms-flexbox;
7894
- display: flex;
7895
- -webkit-flex-wrap: wrap;
7896
- -ms-flex-wrap: wrap;
7897
- flex-wrap: wrap;
7898
- -webkit-box-orient: vertical;
7899
- -webkit-box-direction: normal;
7900
- -webkit-flex-direction: column;
7901
- -moz-box-orient: vertical;
7902
- -moz-box-direction: normal;
7903
- -ms-flex-direction: column;
7904
- flex-direction: column;
7905
- }
7906
-
7907
- .premium-icon-list-box .premium-icon-list-content-grow-lc {
7908
- -webkit-transform-origin: right center;
7909
- -ms-transform-origin: right center;
7910
- transform-origin: right center;
7911
- }
7912
-
7913
- .premium-icon-list-box .premium-icon-list-content-grow-rc {
7914
- -webkit-transform-origin: left center;
7915
- -ms-transform-origin: left center;
7916
- transform-origin: left center;
7917
- }
7918
-
7919
- .premium-icon-list-box .premium-icon-list-content-grow-cc {
7920
- -webkit-transform-origin: center center;
7921
- -ms-transform-origin: center center;
7922
- transform-origin: center center;
7923
- }
7924
-
7925
- .premium-icon-list-content {
7926
- -js-display: flex;
7927
- display: -webkit-box;
7928
- display: -webkit-flex;
7929
- display: -moz-box;
7930
- display: -ms-flexbox;
7931
- display: flex;
7932
- -webkit-transition: all 0.3s ease-in-out;
7933
- transition: all 0.3s ease-in-out;
7934
- width: auto;
7935
- position: relative;
7936
- }
7937
-
7938
- .premium-icon-list-content .premium-icon-list-text span,
7939
- .premium-icon-list-content .premium-icon-list-wrapper {
7940
- display: inline-block;
7941
- -webkit-align-self: center;
7942
- -ms-flex-item-align: center;
7943
- align-self: center;
7944
- -webkit-transition: all 0.3s ease-in-out;
7945
- transition: all 0.3s ease-in-out;
7946
- }
7947
-
7948
- .premium-icon-list-content .premium-icon-list-text span {
7949
- margin: 0 5px;
7950
- }
7951
-
7952
- .premium-icon-list-content .premium-icon-list-icon-text p {
7953
- font-size: 18px;
7954
- background-color: #eee;
7955
- padding: 1px 5px;
7956
- -webkit-border-radius: 2px;
7957
- border-radius: 2px;
7958
- }
7959
-
7960
- .premium-icon-list-content .premium-icon-list-text span,
7961
- .premium-icon-list-content .premium-icon-list-icon-text p,
7962
- .premium-icon-list-content .premium-icon-list-wrapper img,
7963
- .premium-icon-list-content .premium-icon-list-wrapper svg,
7964
- .premium-icon-list-content .premium-icon-list-wrapper i {
7965
- -webkit-transition: all 0.3s ease-in-out;
7966
- transition: all 0.3s ease-in-out;
7967
- }
7968
-
7969
- .premium-icon-list-content .premium-icon-list-wrapper {
7970
- position: relative;
7971
- line-height: 0;
7972
- }
7973
-
7974
- .premium-icon-list-content .premium-icon-list-wrapper img,
7975
- .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7976
- width: 30px !important;
7977
- height: 30px !important;
7978
- position: relative;
7979
- z-index: 500;
7980
- }
7981
-
7982
- .premium-icon-list-content .premium-icon-list-wrapper i,
7983
- .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7984
- position: relative;
7985
- z-index: 500;
7986
- }
7987
-
7988
- .premium-icon-list-content .premium-icon-list-link {
7989
- position: absolute;
7990
- top: 0;
7991
- right: 0;
7992
- width: 100%;
7993
- height: 100%;
7994
- z-index: 1000;
7995
- }
7996
-
7997
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7998
- width: 100%;
7999
- height: 100%;
8000
- position: absolute;
8001
- top: 0.5em;
8002
- z-index: 100;
8003
- -js-display: flex;
8004
- display: -webkit-box;
8005
- display: -webkit-flex;
8006
- display: -moz-box;
8007
- display: -ms-flexbox;
8008
- display: flex;
8009
- -webkit-box-pack: center;
8010
- -webkit-justify-content: center;
8011
- -moz-box-pack: center;
8012
- -ms-flex-pack: center;
8013
- justify-content: center;
8014
- }
8015
-
8016
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
8017
- content: "";
8018
- border-left-width: 1px;
8019
- border-left-style: solid;
8020
- border-color: #333333;
8021
- display: block;
8022
- height: 100%;
8023
- }
8024
-
8025
- li.premium-icon-list-content.premium-icon-list-content-inline {
8026
- -webkit-align-self: center;
8027
- -ms-flex-item-align: center;
8028
- align-self: center;
8029
- z-index: 2;
8030
- }
8031
-
8032
- li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
8033
- margin: 0 3px;
8034
- }
8035
-
8036
- li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
8037
- margin: 0 0 0 3px;
8038
- }
8039
-
8040
- .premium-icon-list-divider:not(:last-child) {
8041
- width: 100%;
8042
- -webkit-box-flex: 0;
8043
- -webkit-flex: 0 0 100%;
8044
- -moz-box-flex: 0;
8045
- -ms-flex: 0 0 100%;
8046
- flex: 0 0 100%;
8047
- overflow: hidden;
8048
- }
8049
-
8050
- .premium-icon-list-divider:not(:last-child):after {
8051
- content: "";
8052
- display: block;
8053
- border-top-style: solid;
8054
- border-top-width: 1px;
8055
- }
8056
-
8057
- .premium-icon-list-divider-inline:not(:last-child) {
8058
- float: left;
8059
- display: inline-block;
8060
- position: relative;
8061
- height: 100%;
8062
- overflow: hidden;
8063
- -webkit-align-self: center;
8064
- -ms-flex-item-align: center;
8065
- align-self: center;
8066
- margin: 0 3px;
8067
- }
8068
-
8069
- .premium-icon-list-divider-inline:not(:last-child):after {
8070
- content: "";
8071
- display: block;
8072
- border-right-width: 1px;
8073
- height: 33px;
8074
- border-right-style: solid;
8075
- }
8076
-
8077
- .premium-icon-list-icon-text {
8078
- line-height: 1.5;
8079
- }
8080
-
8081
- .premium-icon-list-icon-text p,
8082
- ul.premium-icon-list-box,
8083
- li.premium-icon-list-content {
8084
- margin: 0;
8085
- }
8086
-
8087
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
8088
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
8089
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
8090
- color: transparent !important;
8091
- text-shadow: 0 0 3px #aaa;
8092
- }
8093
-
8094
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
8095
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
8096
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
8097
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
8098
- -webkit-filter: blur(3px);
8099
- filter: blur(3px);
8100
- }
8101
-
8102
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
8103
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
8104
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
8105
- color: #aaa !important;
8106
- text-shadow: 0 0px 0 transparent;
8107
- }
8108
-
8109
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
8110
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
8111
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
8112
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
8113
- -webkit-filter: none;
8114
- filter: none;
8115
- }
8116
-
8117
- .premium-icon-list-content .premium-icon-list-badge {
8118
- font-size: 11px;
8119
- top: auto;
8120
- min-width: -webkit-max-content;
8121
- min-width: -moz-max-content;
8122
- min-width: max-content;
8123
- height: -webkit-fit-content;
8124
- height: -moz-fit-content;
8125
- height: fit-content;
8126
- }
8127
-
8128
- .premium-icon-list-content .premium-icon-list-icon-text p {
8129
- font-size: 13px;
8130
- }
8131
-
8132
- .premium-icon-list-gradient-effect[data-text] {
8133
- display: inline-block;
8134
- position: relative;
8135
- text-decoration: none;
8136
- }
8137
-
8138
- .premium-icon-list-gradient-effect[data-text]::before {
8139
- content: attr(data-text);
8140
- position: absolute;
8141
- z-index: 1;
8142
- overflow: hidden;
8143
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8144
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8145
- -webkit-background-clip: text;
8146
- background-clip: text;
8147
- -webkit-text-fill-color: transparent;
8148
- -webkit-transition: all 0.4s ease;
8149
- transition: all 0.4s ease;
8150
- }
8151
-
8152
- .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
8153
- .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
8154
- -webkit-animation: rtlgradient 1s forwards;
8155
- animation: rtlgradient 1s forwards;
8156
- }
8157
-
8158
- @-webkit-keyframes rtlgradient {
8159
- 0% {
8160
- -webkit-clip-path: circle(0% at 150% 50%);
8161
- clip-path: circle(0% at 150% 50%);
8162
- }
8163
-
8164
- 100% {
8165
- -webkit-clip-path: circle(100% at 50% 50%);
8166
- clip-path: circle(100% at 50% 50%);
8167
- }
8168
- }
8169
-
8170
- @keyframes rtlgradient {
8171
- 0% {
8172
- -webkit-clip-path: circle(0% at 150% 50%);
8173
- clip-path: circle(0% at 150% 50%);
8174
- }
8175
-
8176
- 100% {
8177
- -webkit-clip-path: circle(100% at 50% 50%);
8178
- clip-path: circle(100% at 50% 50%);
8179
- }
8180
- }
8181
-
8182
- ul[data-list-animation*="animated-"] .premium-icon-list-divider,
8183
- ul[data-list-animation*="animated-"] .premium-icon-list-content,
8184
- ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
8185
- opacity: 0;
8186
- }
8187
-
8188
- .premium-icon-list-content-grow-effect:hover {
8189
- -webkit-transform: scale(1.07);
8190
- -ms-transform: scale(1.07);
8191
- transform: scale(1.07);
8192
  }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?p2y7wv#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
+ div[class^="premium-"] .slick-arrow i {
1783
+ display: block;
1784
+ }
1785
+
1786
+ .ver-carousel-arrow.carousel-next i {
1787
+ margin-bottom: -3px;
1788
+ }
1789
+
1790
+ .premium-carousel-wrapper a.slick-arrow:hover {
1791
+ -webkit-box-shadow: none !important;
1792
+ box-shadow: none !important;
1793
+ }
1794
+
1795
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1796
+ visibility: hidden;
1797
+ }
1798
+
1799
+ .premium-carousel-wrapper a.carousel-arrow,
1800
+ .premium-fb-rev-container a.carousel-arrow,
1801
+ .premium-tabs-nav-list a.carousel-arrow,
1802
+ .premium-blog-wrap a.carousel-arrow,
1803
+ .premium-hscroll-wrap a.carousel-arrow,
1804
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1805
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1806
+ .premium-instafeed-container a.carousel-arrow,
1807
+ .premium-persons-container a.carousel-arrow {
1808
+ top: 50%;
1809
+ -webkit-transform: translateY(-50%);
1810
+ -ms-transform: translateY(-50%);
1811
+ transform: translateY(-50%);
1812
+ }
1813
+
1814
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1815
+ right: 50%;
1816
+ -webkit-transform: translateX(50%);
1817
+ -ms-transform: translateX(50%);
1818
+ transform: translateX(50%);
1819
+ }
1820
+
1821
+ a.carousel-arrow.carousel-next {
1822
+ right: -20px;
1823
+ }
1824
+
1825
+ a.carousel-arrow.carousel-prev {
1826
+ left: -20px;
1827
+ }
1828
+
1829
+ a.ver-carousel-arrow.carousel-next {
1830
+ bottom: -56px;
1831
+ }
1832
+
1833
+ a.ver-carousel-arrow.carousel-prev {
1834
+ top: -45px;
1835
+ }
1836
+
1837
+ a.circle-bg {
1838
+ -webkit-border-radius: 100%;
1839
+ border-radius: 100%;
1840
+ }
1841
+
1842
+ a.circle-border {
1843
+ -webkit-border-radius: 100%;
1844
+ border-radius: 100%;
1845
+ border: solid black;
1846
+ }
1847
+
1848
+ a.square-border {
1849
+ border: solid black;
1850
+ }
1851
+
1852
+ .premium-carousel-dots-below,
1853
+ .premium-blog-wrap ul.slick-dots,
1854
+ .premium-fb-rev-reviews ul.slick-dots {
1855
+ position: relative;
1856
+ bottom: 0;
1857
+ list-style: none;
1858
+ text-align: center;
1859
+ margin: 0;
1860
+ padding: 0;
1861
+ }
1862
+
1863
+ .premium-carousel-dots-above ul.slick-dots {
1864
+ position: absolute;
1865
+ display: -ms-flexbox;
1866
+ display: -webkit-flex;
1867
+ display: -moz-flex;
1868
+ display: -ms-flex;
1869
+ -js-display: flex;
1870
+ display: -webkit-box;
1871
+ display: -moz-box;
1872
+ display: flex;
1873
+ top: 50%;
1874
+ -webkit-transform: translateY(-50%);
1875
+ -ms-transform: translateY(-50%);
1876
+ transform: translateY(-50%);
1877
+ -webkit-flex-direction: column;
1878
+ -webkit-box-orient: vertical;
1879
+ -webkit-box-direction: normal;
1880
+ -moz-box-orient: vertical;
1881
+ -moz-box-direction: normal;
1882
+ -ms-flex-direction: column;
1883
+ flex-direction: column;
1884
+ }
1885
+
1886
+ ul.slick-dots li {
1887
+ font-size: 10px;
1888
+ display: -webkit-inline-box;
1889
+ display: -webkit-inline-flex;
1890
+ display: -ms-inline-flexbox;
1891
+ -js-display: inline-flex;
1892
+ display: -moz-inline-box;
1893
+ display: inline-flex;
1894
+ -webkit-box-pack: center;
1895
+ -webkit-justify-content: center;
1896
+ -moz-box-pack: center;
1897
+ -ms-flex-pack: center;
1898
+ justify-content: center;
1899
+ -webkit-box-align: center;
1900
+ -webkit-align-items: center;
1901
+ -moz-box-align: center;
1902
+ -ms-flex-align: center;
1903
+ align-items: center;
1904
+ margin: 5px;
1905
+ width: 20px;
1906
+ height: 20px;
1907
+ cursor: pointer;
1908
+ }
1909
+
1910
+ /*
1911
+ * Custom Navigation Dot
1912
+ */
1913
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1914
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1915
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1916
+ display: none;
1917
+ }
1918
+
1919
+ .premium-carousel-wrapper ul.slick-dots svg {
1920
+ width: 20px;
1921
+ height: 20px;
1922
+ }
1923
+
1924
+ /* Ripple Out */
1925
+ @-webkit-keyframes hvr-ripple-out {
1926
+ 0% {
1927
+ -webkit-transform: scale(1);
1928
+ transform: scale(1);
1929
+ opacity: 1;
1930
+ }
1931
+
1932
+ 100% {
1933
+ -webkit-transform: scale(1.5);
1934
+ transform: scale(1.5);
1935
+ opacity: 0;
1936
+ }
1937
+ }
1938
+
1939
+ @keyframes hvr-ripple-out {
1940
+ 0% {
1941
+ -webkit-transform: scale(1);
1942
+ transform: scale(1);
1943
+ opacity: 1;
1944
+ }
1945
+
1946
+ 100% {
1947
+ -webkit-transform: scale(1.5);
1948
+ transform: scale(1.5);
1949
+ opacity: 0;
1950
+ }
1951
+ }
1952
+
1953
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1954
+ padding-bottom: 1px;
1955
+ }
1956
+
1957
+ .premium-carousel-ripple-yes ul.slick-dots li,
1958
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1959
+ position: relative;
1960
+ }
1961
+
1962
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1963
+ z-index: 1;
1964
+ }
1965
+
1966
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1967
+ content: "";
1968
+ position: absolute;
1969
+ -webkit-transform: scale(1);
1970
+ -ms-transform: scale(1);
1971
+ transform: scale(1);
1972
+ top: 0;
1973
+ left: 0;
1974
+ bottom: 0;
1975
+ right: 0;
1976
+ -webkit-border-radius: 50%;
1977
+ border-radius: 50%;
1978
+ pointer-events: none;
1979
+ background-color: rgba(0, 0, 0, 0.15);
1980
+ }
1981
+
1982
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1983
+ background-color: rgba(0, 0, 0, 0.3);
1984
+ }
1985
+
1986
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1987
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1988
+ animation: hvr-ripple-out 1.3s infinite;
1989
+ }
1990
+
1991
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1992
+ -webkit-transform: scale(1.25, 1.25);
1993
+ -ms-transform: scale(1.25, 1.25);
1994
+ transform: scale(1.25, 1.25);
1995
+ -webkit-transition: all 0.3s ease-in-out !important;
1996
+ transition: all 0.3s ease-in-out !important;
1997
+ }
1998
+
1999
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2000
+ -webkit-transform: scale(1, 1);
2001
+ -ms-transform: scale(1, 1);
2002
+ transform: scale(1, 1);
2003
+ }
2004
+
2005
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2006
+ float: right;
2007
+ }
2008
+
2009
+ /**************** Premium Counter ***************/
2010
+ /************************************************/
2011
+ .premium-counter-area {
2012
+ padding: 10px 0;
2013
+ -js-display: flex;
2014
+ display: -webkit-box;
2015
+ display: -webkit-flex;
2016
+ display: -moz-box;
2017
+ display: -ms-flexbox;
2018
+ display: flex;
2019
+ -webkit-box-pack: center;
2020
+ -webkit-justify-content: center;
2021
+ -moz-box-pack: center;
2022
+ -ms-flex-pack: center;
2023
+ justify-content: center;
2024
+ -webkit-box-align: center;
2025
+ -webkit-align-items: center;
2026
+ -moz-box-align: center;
2027
+ -ms-flex-align: center;
2028
+ align-items: center;
2029
+ }
2030
+
2031
+ .premium-counter-area.top {
2032
+ -webkit-box-orient: vertical;
2033
+ -webkit-box-direction: normal;
2034
+ -webkit-flex-direction: column;
2035
+ -moz-box-orient: vertical;
2036
+ -moz-box-direction: normal;
2037
+ -ms-flex-direction: column;
2038
+ flex-direction: column;
2039
+ }
2040
+
2041
+ .premium-counter-area.right {
2042
+ -webkit-box-orient: horizontal;
2043
+ -webkit-box-direction: reverse;
2044
+ -webkit-flex-direction: row-reverse;
2045
+ -moz-box-orient: horizontal;
2046
+ -moz-box-direction: reverse;
2047
+ -ms-flex-direction: row-reverse;
2048
+ flex-direction: row-reverse;
2049
+ }
2050
+
2051
+ .premium-counter-area.right .premium-counter-icon {
2052
+ padding-right: 20px;
2053
+ }
2054
+
2055
+ .premium-counter-area.left .premium-counter-icon {
2056
+ padding-left: 20px;
2057
+ }
2058
+
2059
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2060
+ vertical-align: text-top;
2061
+ }
2062
+
2063
+ .premium-counter-area .premium-counter-icon span.icon {
2064
+ text-align: center;
2065
+ display: inline-block;
2066
+ vertical-align: middle;
2067
+ }
2068
+
2069
+ .premium-counter-area .premium-counter-icon .circle {
2070
+ -webkit-border-radius: 100%;
2071
+ border-radius: 100%;
2072
+ }
2073
+
2074
+ .premium-counter-area .premium-counter-icon img,
2075
+ .premium-counter-area .premium-counter-icon svg {
2076
+ width: 80px;
2077
+ }
2078
+
2079
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2080
+ height: 80px;
2081
+ }
2082
+
2083
+ .premium-counter-area .premium-counter-title {
2084
+ padding: 0;
2085
+ margin: 0;
2086
+ }
2087
+
2088
+ .premium-counter-area .premium-counter-value-wrap {
2089
+ -js-display: flex;
2090
+ display: -webkit-box;
2091
+ display: -webkit-flex;
2092
+ display: -moz-box;
2093
+ display: -ms-flexbox;
2094
+ display: flex;
2095
+ -webkit-box-align: center;
2096
+ -webkit-align-items: center;
2097
+ -moz-box-align: center;
2098
+ -ms-flex-align: center;
2099
+ align-items: center;
2100
+ }
2101
+
2102
+ .premium-init-wrapper.right {
2103
+ text-align: left;
2104
+ }
2105
+
2106
+ /* * Custom image and simple styles image fix */
2107
+ span.icon.flex-width {
2108
+ width: auto !important;
2109
+ height: auto !important;
2110
+ }
2111
+
2112
+ .premium-counter-area .premium-counter-init {
2113
+ font-size: 35px;
2114
+ }
2115
+
2116
+ /**************** Premium Image Separator ****************/
2117
+ /*********************************************************/
2118
+ /*Image Separator Container Style*/
2119
+ .premium-image-separator-container {
2120
+ position: absolute;
2121
+ width: 100%;
2122
+ z-index: 2;
2123
+ top: auto;
2124
+ }
2125
+
2126
+ .premium-image-separator-container img {
2127
+ display: inline-block !important;
2128
+ -webkit-mask-repeat: no-repeat;
2129
+ mask-repeat: no-repeat;
2130
+ -webkit-mask-position: center;
2131
+ mask-position: center;
2132
+ }
2133
+
2134
+ /*Link on Image Style*/
2135
+ .premium-image-separator-link {
2136
+ position: absolute;
2137
+ z-index: 9999;
2138
+ top: 0;
2139
+ right: 0;
2140
+ width: 100%;
2141
+ height: 100%;
2142
+ text-decoration: none;
2143
+ }
2144
+
2145
+ /*Important to override Theme options*/
2146
+ a.premium-image-separator-link:hover,
2147
+ a.premium-image-separator-link:visited,
2148
+ a.premium-image-separator-link:focus,
2149
+ a.premium-image-separator-link:active {
2150
+ -webkit-box-shadow: none !important;
2151
+ box-shadow: none !important;
2152
+ outline: none !important;
2153
+ border: none !important;
2154
+ text-decoration: none !important;
2155
+ }
2156
+
2157
+ .premium-image-separator-container .img-responsive {
2158
+ display: inline-block;
2159
+ }
2160
+
2161
+ .premium-image-separator-container i {
2162
+ padding: 0.1em;
2163
+ -webkit-transition: all 0.3s ease-in-out;
2164
+ transition: all 0.3s ease-in-out;
2165
+ }
2166
+
2167
+ /**************** Premium Modal Box ****************/
2168
+ /***************************************************/
2169
+ .premium-modal-trigger-btn,
2170
+ .premium-modal-box-modal-lower-close {
2171
+ display: inline-block;
2172
+ padding: 6px 12px;
2173
+ margin-bottom: 0;
2174
+ font-size: 14px;
2175
+ font-weight: normal;
2176
+ line-height: 1.42857143;
2177
+ text-align: center;
2178
+ white-space: nowrap;
2179
+ vertical-align: middle;
2180
+ -ms-touch-action: manipulation;
2181
+ touch-action: manipulation;
2182
+ cursor: pointer;
2183
+ -webkit-user-select: none;
2184
+ -moz-user-select: none;
2185
+ -ms-user-select: none;
2186
+ user-select: none;
2187
+ background-image: none;
2188
+ border: 1px solid transparent;
2189
+ }
2190
+
2191
+ .premium-modal-trigger-btn i {
2192
+ -webkit-transition: all 0.3s ease-in-out;
2193
+ transition: all 0.3s ease-in-out;
2194
+ }
2195
+
2196
+ .premium-btn-md {
2197
+ padding: 8px 14px;
2198
+ font-size: 16px;
2199
+ line-height: 1.2;
2200
+ }
2201
+
2202
+ .premium-btn-lg {
2203
+ padding: 10px 16px;
2204
+ font-size: 18px;
2205
+ line-height: 1.3333333;
2206
+ }
2207
+
2208
+ .premium-btn-block {
2209
+ display: block;
2210
+ width: 100%;
2211
+ }
2212
+
2213
+ .premium-modal-box-modal-close {
2214
+ float: left;
2215
+ font-size: 21px;
2216
+ font-weight: bold;
2217
+ line-height: 1;
2218
+ color: #000;
2219
+ }
2220
+
2221
+ .premium-modal-box-modal-close:hover,
2222
+ .premium-modal-box-modal-close:focus {
2223
+ color: #000;
2224
+ text-decoration: none;
2225
+ cursor: pointer;
2226
+ }
2227
+
2228
+ button.premium-modal-box-modal-close {
2229
+ -webkit-appearance: none;
2230
+ padding: 0;
2231
+ cursor: pointer;
2232
+ background: transparent;
2233
+ border: 0;
2234
+ }
2235
+
2236
+ .premium-modal-box-modal {
2237
+ position: fixed;
2238
+ top: 0;
2239
+ left: 0;
2240
+ bottom: 0;
2241
+ right: 0;
2242
+ z-index: 1050;
2243
+ display: none;
2244
+ -webkit-overflow-scrolling: touch;
2245
+ outline: 0;
2246
+ padding: 0 !important;
2247
+ background: rgba(0, 0, 0, 0.5);
2248
+ -webkit-box-align: center;
2249
+ -webkit-align-items: center;
2250
+ -moz-box-align: center;
2251
+ -ms-flex-align: center;
2252
+ align-items: center;
2253
+ -webkit-box-pack: center;
2254
+ -webkit-justify-content: center;
2255
+ -moz-box-pack: center;
2256
+ -ms-flex-pack: center;
2257
+ justify-content: center;
2258
+ }
2259
+
2260
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2261
+ position: absolute;
2262
+ max-height: -webkit-calc(100vh - 150px);
2263
+ max-height: calc(100vh - 150px);
2264
+ -js-display: flex;
2265
+ display: -webkit-box;
2266
+ display: -webkit-flex;
2267
+ display: -moz-box;
2268
+ display: -ms-flexbox;
2269
+ display: flex;
2270
+ -webkit-box-orient: vertical;
2271
+ -webkit-box-direction: normal;
2272
+ -webkit-flex-direction: column;
2273
+ -moz-box-orient: vertical;
2274
+ -moz-box-direction: normal;
2275
+ -ms-flex-direction: column;
2276
+ flex-direction: column;
2277
+ opacity: 0;
2278
+ }
2279
+
2280
+ .premium-modal-box-modal-content {
2281
+ background-color: #fff;
2282
+ -webkit-background-clip: padding-box;
2283
+ background-clip: padding-box;
2284
+ border: 1px solid rgba(0, 0, 0, 0.2);
2285
+ -webkit-border-radius: 6px;
2286
+ border-radius: 6px;
2287
+ outline: 0;
2288
+ }
2289
+
2290
+ .premium-modal-backdrop.premium-in {
2291
+ filter: alpha(opacity=50);
2292
+ opacity: 0.5 !important;
2293
+ }
2294
+
2295
+ .premium-modal-fade.premium-in {
2296
+ opacity: 1;
2297
+ }
2298
+
2299
+ .premium-modal-backdrop {
2300
+ position: fixed;
2301
+ top: 0;
2302
+ left: 0;
2303
+ bottom: 0;
2304
+ right: 0;
2305
+ z-index: 1040;
2306
+ background-color: #000;
2307
+ }
2308
+
2309
+ .premium-modal-backdrop.premium-modal-fade {
2310
+ filter: alpha(opacity=0);
2311
+ opacity: 0;
2312
+ }
2313
+
2314
+ .premium-modal-fade {
2315
+ opacity: 0;
2316
+ }
2317
+
2318
+ .premium-in {
2319
+ -js-display: flex !important;
2320
+ display: -webkit-box !important;
2321
+ display: -webkit-flex !important;
2322
+ display: -moz-box !important;
2323
+ display: -ms-flexbox !important;
2324
+ display: flex !important;
2325
+ }
2326
+
2327
+ .premium-modal-box-modal-header {
2328
+ -js-display: flex;
2329
+ display: -webkit-box;
2330
+ display: -webkit-flex;
2331
+ display: -moz-box;
2332
+ display: -ms-flexbox;
2333
+ display: flex;
2334
+ -webkit-box-pack: justify;
2335
+ -webkit-justify-content: space-between;
2336
+ -moz-box-pack: justify;
2337
+ -ms-flex-pack: justify;
2338
+ justify-content: space-between;
2339
+ -webkit-box-align: center;
2340
+ -webkit-align-items: center;
2341
+ -moz-box-align: center;
2342
+ -ms-flex-align: center;
2343
+ align-items: center;
2344
+ padding: 5px 15px;
2345
+ border-bottom: 1px solid #e5e5e5;
2346
+ }
2347
+
2348
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2349
+ margin-top: -2px;
2350
+ }
2351
+
2352
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2353
+ -js-display: flex;
2354
+ display: -webkit-box;
2355
+ display: -webkit-flex;
2356
+ display: -moz-box;
2357
+ display: -ms-flexbox;
2358
+ display: flex;
2359
+ -webkit-box-align: center;
2360
+ -webkit-align-items: center;
2361
+ -moz-box-align: center;
2362
+ -ms-flex-align: center;
2363
+ align-items: center;
2364
+ margin: 0;
2365
+ padding: 0;
2366
+ }
2367
+
2368
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2369
+ width: 50px;
2370
+ height: 60px;
2371
+ }
2372
+
2373
+ .premium-modal-box-modal-body {
2374
+ position: relative;
2375
+ padding: 15px;
2376
+ overflow: hidden;
2377
+ }
2378
+
2379
+ .premium-modal-box-modal-footer {
2380
+ padding: 15px;
2381
+ text-align: left;
2382
+ border-top: 1px solid #e5e5e5;
2383
+ }
2384
+
2385
+ .premium-modal-scrollbar-measure {
2386
+ position: absolute;
2387
+ top: -9999px;
2388
+ width: 50px;
2389
+ height: 50px;
2390
+ overflow: scroll;
2391
+ }
2392
+
2393
+ .premium-modal-trigger-text {
2394
+ background: none !important;
2395
+ display: inline-block;
2396
+ }
2397
+
2398
+ .premium-modal-box-container {
2399
+ width: 100% !important;
2400
+ }
2401
+
2402
+ /*Open Modal Button Style*/
2403
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2404
+ border: none;
2405
+ -webkit-transition: all 0.3s ease-in-out;
2406
+ transition: all 0.3s ease-in-out;
2407
+ }
2408
+
2409
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2410
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2411
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2412
+ cursor: pointer;
2413
+ }
2414
+
2415
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2416
+ display: inline-block;
2417
+ width: 200px;
2418
+ height: 200px;
2419
+ -webkit-transition: all 0.3s ease-in-out;
2420
+ transition: all 0.3s ease-in-out;
2421
+ }
2422
+
2423
+ /*Image on Modal Header Style*/
2424
+ .premium-modal-box-modal-header img {
2425
+ width: 48px;
2426
+ padding-left: 5px;
2427
+ }
2428
+
2429
+ .premium-modal-box-modal-header i,
2430
+ .premium-modal-box-modal-header svg {
2431
+ padding-left: 6px;
2432
+ }
2433
+
2434
+ .premium-modal-box-modal-close {
2435
+ position: relative;
2436
+ z-index: 99;
2437
+ }
2438
+
2439
+ .premium-modal-trigger-img,
2440
+ .premium-modal-trigger-text,
2441
+ .premium-modal-box-close-button-container,
2442
+ .premium-modal-box-modal-close,
2443
+ .premium-modal-box-modal-lower-close {
2444
+ -webkit-transition: all 0.3s ease-in-out;
2445
+ transition: all 0.3s ease-in-out;
2446
+ }
2447
+
2448
+ @media (min-width: 768px) {
2449
+ .premium-modal-box-modal-dialog {
2450
+ width: 700px;
2451
+ max-height: 600px;
2452
+ overflow: auto;
2453
+ }
2454
+ }
2455
+
2456
+ @media (max-width: 767px) {
2457
+ .premium-modal-box-modal-dialog {
2458
+ width: 100%;
2459
+ max-height: 500px;
2460
+ overflow: auto;
2461
+ }
2462
+ }
2463
+
2464
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2465
+ opacity: 0;
2466
+ }
2467
+
2468
+ /**************** Premium Progress Bar ****************/
2469
+ /******************************************************/
2470
+ .premium-progressbar-container {
2471
+ position: relative;
2472
+ }
2473
+
2474
+ .premium-progressbar-bar-wrap {
2475
+ position: relative;
2476
+ text-align: right;
2477
+ overflow: hidden;
2478
+ height: 25px;
2479
+ margin-bottom: 50px;
2480
+ background-color: #f5f5f5;
2481
+ -webkit-border-radius: 4px;
2482
+ border-radius: 4px;
2483
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2484
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2485
+ }
2486
+
2487
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2488
+ background-color: transparent;
2489
+ width: 100%;
2490
+ -js-display: flex;
2491
+ display: -webkit-box;
2492
+ display: -webkit-flex;
2493
+ display: -moz-box;
2494
+ display: -ms-flexbox;
2495
+ display: flex;
2496
+ height: auto;
2497
+ -webkit-box-shadow: none;
2498
+ box-shadow: none;
2499
+ }
2500
+
2501
+ .premium-progressbar-bar-wrap .progress-segment {
2502
+ position: relative;
2503
+ width: 25px;
2504
+ height: 25px;
2505
+ -webkit-border-radius: 50%;
2506
+ border-radius: 50%;
2507
+ overflow: hidden;
2508
+ background-color: #f5f5f5;
2509
+ }
2510
+
2511
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2512
+ background: #6ec1e4;
2513
+ }
2514
+
2515
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2516
+ margin: 0 4px;
2517
+ }
2518
+
2519
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2520
+ margin-left: 4px;
2521
+ }
2522
+
2523
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2524
+ margin-right: 4px;
2525
+ }
2526
+
2527
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2528
+ position: absolute;
2529
+ top: 0;
2530
+ right: 0;
2531
+ height: 100%;
2532
+ background-color: #6ec1e4;
2533
+ }
2534
+
2535
+ .premium-progressbar-bar {
2536
+ float: right;
2537
+ width: 0%;
2538
+ height: 100%;
2539
+ font-size: 12px;
2540
+ line-height: 20px;
2541
+ background: #6ec1e4;
2542
+ text-align: center;
2543
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2544
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2545
+ }
2546
+
2547
+ .premium-progressbar-striped .premium-progressbar-bar {
2548
+ background-image: -webkit-linear-gradient(-135deg,
2549
+ rgba(255, 255, 255, 0.15) 25%,
2550
+ transparent 25%,
2551
+ transparent 50%,
2552
+ rgba(255, 255, 255, 0.15) 50%,
2553
+ rgba(255, 255, 255, 0.15) 75%,
2554
+ transparent 75%,
2555
+ transparent);
2556
+ background-image: -webkit-linear-gradient(45deg,
2557
+ rgba(255, 255, 255, 0.15) 25%,
2558
+ transparent 25%,
2559
+ transparent 50%,
2560
+ rgba(255, 255, 255, 0.15) 50%,
2561
+ rgba(255, 255, 255, 0.15) 75%,
2562
+ transparent 75%,
2563
+ transparent);
2564
+ background-image: linear-gradient(45deg,
2565
+ rgba(255, 255, 255, 0.15) 25%,
2566
+ transparent 25%,
2567
+ transparent 50%,
2568
+ rgba(255, 255, 255, 0.15) 50%,
2569
+ rgba(255, 255, 255, 0.15) 75%,
2570
+ transparent 75%,
2571
+ transparent);
2572
+ -webkit-background-size: 40px 40px;
2573
+ background-size: 40px 40px;
2574
+ }
2575
+
2576
+ .premium-progressbar-active .premium-progressbar-bar {
2577
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2578
+ animation: progress-bar-stripes 2s linear infinite;
2579
+ }
2580
+
2581
+ .premium-progressbar-gradient .premium-progressbar-bar {
2582
+ -webkit-background-size: 400% 400% !important;
2583
+ background-size: 400% 400% !important;
2584
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2585
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2586
+ }
2587
+
2588
+ .premium-progressbar-bar {
2589
+ position: absolute;
2590
+ overflow: hidden;
2591
+ line-height: 20px;
2592
+ }
2593
+
2594
+ .premium-progressbar-container .clearfix {
2595
+ clear: both;
2596
+ }
2597
+
2598
+ .premium-progressbar-bar {
2599
+ -webkit-transition: width 0s ease-in-out !important;
2600
+ transition: width 0s ease-in-out !important;
2601
+ }
2602
+
2603
+ .premium-progressbar-container p:first-of-type {
2604
+ margin: 0;
2605
+ float: right;
2606
+ }
2607
+
2608
+ .premium-progressbar-container p:nth-of-type(2) {
2609
+ margin: 0;
2610
+ float: left;
2611
+ }
2612
+
2613
+ .premium-progressbar-name {
2614
+ right: 50%;
2615
+ top: 0;
2616
+ left: 0;
2617
+ -webkit-transform: translateX(12.5px);
2618
+ -ms-transform: translateX(12.5px);
2619
+ transform: translateX(12.5px);
2620
+ z-index: 1;
2621
+ }
2622
+
2623
+ .premium-progressbar-multiple-label {
2624
+ position: relative;
2625
+ float: right;
2626
+ width: 0;
2627
+ right: 50%;
2628
+ }
2629
+
2630
+ .premium-progressbar-center-label {
2631
+ position: relative;
2632
+ white-space: nowrap;
2633
+ }
2634
+
2635
+ .premium-progressbar-arrow {
2636
+ height: 15px;
2637
+ right: 50%;
2638
+ display: inline-block;
2639
+ border-right: 7px solid transparent;
2640
+ border-left: 7px solid transparent;
2641
+ border-top: 11px solid;
2642
+ -webkit-transform: translateX(50%);
2643
+ -ms-transform: translateX(50%);
2644
+ transform: translateX(50%);
2645
+ }
2646
+
2647
+ .premium-progressbar-pin {
2648
+ border-right: 1px solid;
2649
+ height: 12px;
2650
+ right: 50%;
2651
+ display: inline-block;
2652
+ }
2653
+
2654
+ /**
2655
+ * Circle Progress Bar
2656
+ */
2657
+ .premium-progressbar-circle-wrap {
2658
+ width: 200px;
2659
+ height: 200px;
2660
+ position: relative;
2661
+ margin: 0 auto;
2662
+ }
2663
+
2664
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2665
+ position: absolute;
2666
+ top: 0;
2667
+ right: 0;
2668
+ width: 100%;
2669
+ height: 100%;
2670
+ -webkit-clip-path: inset(0 0 0 50%);
2671
+ clip-path: inset(0 0 0 50%);
2672
+ }
2673
+
2674
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2675
+ position: absolute;
2676
+ right: 0;
2677
+ top: 0;
2678
+ height: 100%;
2679
+ width: 100%;
2680
+ border-width: 6px;
2681
+ border-style: solid;
2682
+ border-color: #54595f;
2683
+ -webkit-border-radius: 50%;
2684
+ border-radius: 50%;
2685
+ -webkit-clip-path: inset(0 50% 0 0);
2686
+ clip-path: inset(0 50% 0 0);
2687
+ }
2688
+
2689
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2690
+ -webkit-transform: rotate(0);
2691
+ -ms-transform: rotate(0);
2692
+ transform: rotate(0);
2693
+ }
2694
+
2695
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2696
+ -webkit-transform: rotate(-180deg);
2697
+ -ms-transform: rotate(-180deg);
2698
+ transform: rotate(-180deg);
2699
+ visibility: hidden;
2700
+ }
2701
+
2702
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2703
+ width: 100%;
2704
+ height: 100%;
2705
+ border: 6px solid #eee;
2706
+ -webkit-border-radius: 50%;
2707
+ border-radius: 50%;
2708
+ }
2709
+
2710
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2711
+ position: absolute;
2712
+ top: 0;
2713
+ right: 0;
2714
+ width: 100%;
2715
+ height: 100%;
2716
+ -js-display: flex;
2717
+ display: -webkit-box;
2718
+ display: -webkit-flex;
2719
+ display: -moz-box;
2720
+ display: -ms-flexbox;
2721
+ display: flex;
2722
+ -webkit-box-orient: vertical;
2723
+ -webkit-box-direction: normal;
2724
+ -webkit-flex-direction: column;
2725
+ -moz-box-orient: vertical;
2726
+ -moz-box-direction: normal;
2727
+ -ms-flex-direction: column;
2728
+ flex-direction: column;
2729
+ -webkit-box-pack: center;
2730
+ -webkit-justify-content: center;
2731
+ -moz-box-pack: center;
2732
+ -ms-flex-pack: center;
2733
+ justify-content: center;
2734
+ -webkit-box-align: center;
2735
+ -webkit-align-items: center;
2736
+ -moz-box-align: center;
2737
+ -ms-flex-align: center;
2738
+ align-items: center;
2739
+ }
2740
+
2741
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2742
+ line-height: 1;
2743
+ }
2744
+
2745
+ @-webkit-keyframes progress-bar-stripes {
2746
+ from {
2747
+ background-position: 100% 0;
2748
+ }
2749
+
2750
+ to {
2751
+ background-position: 40px 0;
2752
+ }
2753
+ }
2754
+
2755
+ @keyframes progress-bar-stripes {
2756
+ from {
2757
+ background-position: 100% 0;
2758
+ }
2759
+
2760
+ to {
2761
+ background-position: 40px 0;
2762
+ }
2763
+ }
2764
+
2765
+ @-webkit-keyframes progress-bar-gradient {
2766
+ 0% {
2767
+ background-position: 100% 50%;
2768
+ }
2769
+
2770
+ 50% {
2771
+ background-position: 0% 50%;
2772
+ }
2773
+
2774
+ 100% {
2775
+ background-position: 100% 50%;
2776
+ }
2777
+ }
2778
+
2779
+ @keyframes progress-bar-gradient {
2780
+ 0% {
2781
+ background-position: 100% 50%;
2782
+ }
2783
+
2784
+ 50% {
2785
+ background-position: 0% 50%;
2786
+ }
2787
+
2788
+ 100% {
2789
+ background-position: 100% 50%;
2790
+ }
2791
+ }
2792
+
2793
+ /**************** Premium Testimonials ****************/
2794
+ /******************************************************/
2795
+ .premium-testimonial-box {
2796
+ width: 100%;
2797
+ background: transparent;
2798
+ -webkit-transition: all 0.3s ease-in-out;
2799
+ transition: all 0.3s ease-in-out;
2800
+ }
2801
+
2802
+ .premium-testimonial-box .premium-testimonial-author-info {
2803
+ -js-display: flex;
2804
+ display: -webkit-box;
2805
+ display: -webkit-flex;
2806
+ display: -moz-box;
2807
+ display: -ms-flexbox;
2808
+ display: flex;
2809
+ -webkit-box-pack: center;
2810
+ -webkit-justify-content: center;
2811
+ -moz-box-pack: center;
2812
+ -ms-flex-pack: center;
2813
+ justify-content: center;
2814
+ -webkit-box-align: center;
2815
+ -webkit-align-items: center;
2816
+ -moz-box-align: center;
2817
+ -ms-flex-align: center;
2818
+ align-items: center;
2819
+ }
2820
+
2821
+ .premium-testimonial-box .premium-testimonial-person-name,
2822
+ .premium-testimonial-box .premium-testimonial-company-name {
2823
+ font-weight: 600;
2824
+ margin: 0;
2825
+ }
2826
+
2827
+ .premium-testimonial-container {
2828
+ position: relative;
2829
+ }
2830
+
2831
+ .premium-testimonial-img-wrapper {
2832
+ margin-right: auto;
2833
+ margin-left: auto;
2834
+ overflow: hidden;
2835
+ border-style: solid !important;
2836
+ }
2837
+
2838
+ .premium-testimonial-img-wrapper.circle {
2839
+ -webkit-border-radius: 50%;
2840
+ border-radius: 50%;
2841
+ }
2842
+
2843
+ .premium-testimonial-img-wrapper.rounded {
2844
+ -webkit-border-radius: 15px;
2845
+ border-radius: 15px;
2846
+ }
2847
+
2848
+ .premium-testimonial-img-wrapper img {
2849
+ -o-object-fit: cover;
2850
+ object-fit: cover;
2851
+ width: 100%;
2852
+ height: 100% !important;
2853
+ }
2854
+
2855
+ .premium-testimonial-content-wrapper {
2856
+ position: relative;
2857
+ display: -ms-flexbox;
2858
+ display: -webkit-flex;
2859
+ display: -moz-flex;
2860
+ display: -ms-flex;
2861
+ -js-display: flex;
2862
+ display: -webkit-box;
2863
+ display: -moz-box;
2864
+ display: flex;
2865
+ -webkit-box-orient: vertical;
2866
+ -webkit-box-direction: normal;
2867
+ -webkit-flex-direction: column;
2868
+ -moz-box-orient: vertical;
2869
+ -moz-box-direction: normal;
2870
+ -ms-flex-direction: column;
2871
+ flex-direction: column;
2872
+ z-index: 2;
2873
+ width: 100%;
2874
+ padding: 20px;
2875
+ text-align: center;
2876
+ }
2877
+
2878
+ .premium-testimonial-clear-float {
2879
+ clear: both;
2880
+ }
2881
+
2882
+ .premium-testimonial-upper-quote,
2883
+ .premium-testimonial-lower-quote {
2884
+ position: absolute;
2885
+ z-index: 1;
2886
+ }
2887
+
2888
+ /**************** Premium Dual Heading *****************/
2889
+ /*******************************************************/
2890
+ .premium-dual-header-container .premium-dual-header-first-header,
2891
+ .premium-dual-header-container .premium-dual-header-second-header {
2892
+ position: relative;
2893
+ padding: 0;
2894
+ margin: 0;
2895
+ display: inline-block;
2896
+ -webkit-transform: translate(0, 0);
2897
+ -ms-transform: translate(0, 0);
2898
+ transform: translate(0, 0);
2899
+ }
2900
+
2901
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2902
+ .premium-dual-header-second-clip {
2903
+ -webkit-text-fill-color: transparent;
2904
+ -webkit-background-clip: text;
2905
+ }
2906
+
2907
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2908
+ .premium-dual-header-second-clip.stroke {
2909
+ -webkit-text-stroke-color: transparent;
2910
+ -webkit-text-fill-color: #fafafa;
2911
+ -webkit-text-stroke-width: 2px;
2912
+ }
2913
+
2914
+ @media (max-width: 500px) {
2915
+
2916
+ .premium-dual-header-container .premium-dual-header-first-header,
2917
+ .premium-dual-header-container .premium-dual-header-second-header {
2918
+ display: block;
2919
+ word-wrap: break-word;
2920
+ }
2921
+
2922
+ .premium-dual-header-first-container,
2923
+ .premium-dual-header-second-container {
2924
+ margin: 0;
2925
+ }
2926
+ }
2927
+
2928
+ @media (min-width: 501px) {
2929
+ .premium-dual-header-first-container {
2930
+ margin-left: 5px;
2931
+ }
2932
+ }
2933
+
2934
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2935
+ .premium-dual-header-second-header.gradient {
2936
+ -webkit-background-size: 300% 300% !important;
2937
+ background-size: 300% 300% !important;
2938
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2939
+ animation: Gradient 10s ease-in-out infinite;
2940
+ }
2941
+
2942
+ @-webkit-keyframes Gradient {
2943
+ 0% {
2944
+ background-position: 100% 50%;
2945
+ }
2946
+
2947
+ 50% {
2948
+ background-position: 0% 50%;
2949
+ }
2950
+
2951
+ 100% {
2952
+ background-position: 100% 50%;
2953
+ }
2954
+ }
2955
+
2956
+ @keyframes Gradient {
2957
+ 0% {
2958
+ background-position: 100% 50%;
2959
+ }
2960
+
2961
+ 50% {
2962
+ background-position: 0% 50%;
2963
+ }
2964
+
2965
+ 100% {
2966
+ background-position: 100% 50%;
2967
+ }
2968
+ }
2969
+
2970
+ /**************** Premium Title ****************/
2971
+ /***********************************************/
2972
+ .premium-title-container {
2973
+ position: relative;
2974
+ width: 100%;
2975
+ clear: both;
2976
+ overflow: hidden;
2977
+ }
2978
+
2979
+ .premium-title-container .premium-title-header {
2980
+ position: relative;
2981
+ margin: 0;
2982
+ padding: 10px;
2983
+ }
2984
+
2985
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2986
+ -webkit-box-align: center;
2987
+ -webkit-align-items: center;
2988
+ -moz-box-align: center;
2989
+ -ms-flex-align: center;
2990
+ align-items: center;
2991
+ }
2992
+
2993
+ .premium-title-container .premium-title-header svg {
2994
+ width: 40px;
2995
+ height: 40px;
2996
+ }
2997
+
2998
+ .premium-title-container .premium-title-header img {
2999
+ width: 40px;
3000
+ height: 40px;
3001
+ -o-object-fit: cover;
3002
+ object-fit: cover;
3003
+ }
3004
+
3005
+ .premium-title-container .premium-title-header a {
3006
+ position: absolute;
3007
+ top: 0;
3008
+ right: 0;
3009
+ width: 100%;
3010
+ height: 100%;
3011
+ }
3012
+
3013
+ .premium-title-container .premium-lottie-animation {
3014
+ -js-display: flex;
3015
+ display: -webkit-box;
3016
+ display: -webkit-flex;
3017
+ display: -moz-box;
3018
+ display: -ms-flexbox;
3019
+ display: flex;
3020
+ }
3021
+
3022
+ .premium-title-icon-row .premium-title-icon {
3023
+ margin-left: 10px;
3024
+ }
3025
+
3026
+ .premium-title-icon-row-reverse .premium-title-icon {
3027
+ margin-right: 10px;
3028
+ }
3029
+
3030
+ .premium-title-style3,
3031
+ .premium-title-style4 {
3032
+ -js-display: flex;
3033
+ display: -webkit-box;
3034
+ display: -webkit-flex;
3035
+ display: -moz-box;
3036
+ display: -ms-flexbox;
3037
+ display: flex;
3038
+ }
3039
+
3040
+ .premium-title-style1,
3041
+ .premium-title-style2,
3042
+ .premium-title-style5,
3043
+ .premium-title-style6,
3044
+ .premium-title-style8,
3045
+ .premium-title-style9 {
3046
+ -js-display: inline-flex;
3047
+ display: -webkit-inline-box;
3048
+ display: -webkit-inline-flex;
3049
+ display: -moz-inline-box;
3050
+ display: -ms-inline-flexbox;
3051
+ display: inline-flex;
3052
+ }
3053
+
3054
+ .premium-title-style7 {
3055
+ -js-display: inline-flex;
3056
+ display: -webkit-inline-box;
3057
+ display: -webkit-inline-flex;
3058
+ display: -moz-inline-box;
3059
+ display: -ms-inline-flexbox;
3060
+ display: inline-flex;
3061
+ -webkit-box-orient: vertical;
3062
+ -webkit-box-direction: normal;
3063
+ -webkit-flex-direction: column;
3064
+ -moz-box-orient: vertical;
3065
+ -moz-box-direction: normal;
3066
+ -ms-flex-direction: column;
3067
+ flex-direction: column;
3068
+ }
3069
+
3070
+ .premium-title-style7 .premium-title-style7-inner {
3071
+ -js-display: flex;
3072
+ display: -webkit-box;
3073
+ display: -webkit-flex;
3074
+ display: -moz-box;
3075
+ display: -ms-flexbox;
3076
+ display: flex;
3077
+ -webkit-box-align: center;
3078
+ -webkit-align-items: center;
3079
+ -moz-box-align: center;
3080
+ -ms-flex-align: center;
3081
+ align-items: center;
3082
+ }
3083
+
3084
+ .premium-title-style1 {
3085
+ border-right: 3px solid #6ec1e4;
3086
+ }
3087
+
3088
+ .premium-title-container.style2,
3089
+ .premium-title-container.style4,
3090
+ .premium-title-container.style5,
3091
+ .premium-title-container.style6 {
3092
+ border-bottom: 3px solid #6ec1e4;
3093
+ }
3094
+
3095
+ /*Style 6 Header*/
3096
+ .premium-title-style6:before {
3097
+ position: absolute;
3098
+ right: 50%;
3099
+ bottom: 0;
3100
+ margin-right: -2px;
3101
+ content: "";
3102
+ border: 3px solid transparent;
3103
+ }
3104
+
3105
+ /*Style 6 Trinagle*/
3106
+ .premium-title-style7-stripe-wrap {
3107
+ -js-display: flex;
3108
+ display: -webkit-box;
3109
+ display: -webkit-flex;
3110
+ display: -moz-box;
3111
+ display: -ms-flexbox;
3112
+ display: flex;
3113
+ }
3114
+
3115
+ .premium-title-style7:before {
3116
+ display: none;
3117
+ }
3118
+
3119
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3120
+ -webkit-background-size: 125px 125px !important;
3121
+ background-size: 125px !important;
3122
+ color: rgba(255, 255, 255, 0);
3123
+ -webkit-background-clip: text !important;
3124
+ background-clip: text !important;
3125
+ -webkit-animation-name: pa-shinny-text !important;
3126
+ animation-name: pa-shinny-text !important;
3127
+ -webkit-animation-duration: var(--animation-speed) !important;
3128
+ animation-duration: var(--animation-speed) !important;
3129
+ -webkit-animation-iteration-count: infinite !important;
3130
+ animation-iteration-count: infinite !important;
3131
+ background: var(--base-color) -webkit-gradient(linear,
3132
+ left top,
3133
+ right top,
3134
+ from(var(--base-color)),
3135
+ to(var(--base-color)),
3136
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3137
+ }
3138
+
3139
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3140
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
3141
+ animation: pa-blur-shadow 2s 1 alternate;
3142
+ }
3143
+
3144
+ .premium-title-gradient-yes .premium-title-text,
3145
+ .premium-title-gradient-yes .premium-title-icon {
3146
+ -webkit-background-clip: text;
3147
+ -webkit-text-fill-color: transparent;
3148
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3149
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3150
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3151
+ -webkit-animation: pa-text-gradient 8s infinite;
3152
+ animation: pa-text-gradient 8s infinite;
3153
+ }
3154
+
3155
+ @-webkit-keyframes pa-shinny-text {
3156
+ 0% {
3157
+ background-position: 100%;
3158
+ }
3159
+
3160
+ 100% {
3161
+ background-position: -100%;
3162
+ }
3163
+ }
3164
+
3165
+ @keyframes pa-shinny-text {
3166
+ 0% {
3167
+ background-position: 100%;
3168
+ }
3169
+
3170
+ 100% {
3171
+ background-position: -100%;
3172
+ }
3173
+ }
3174
+
3175
+ @-webkit-keyframes pa-blur-shadow {
3176
+ from {
3177
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3178
+ color: transparent;
3179
+ }
3180
+
3181
+ to {
3182
+ text-shadow: 0;
3183
+ }
3184
+ }
3185
+
3186
+ @keyframes pa-blur-shadow {
3187
+ from {
3188
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3189
+ color: transparent;
3190
+ }
3191
+
3192
+ to {
3193
+ text-shadow: 0;
3194
+ }
3195
+ }
3196
+
3197
+ @-webkit-keyframes pa-text-gradient {
3198
+
3199
+ 0%,
3200
+ 100% {
3201
+ -webkit-filter: hue-rotate(0deg);
3202
+ filter: hue-rotate(0deg);
3203
+ }
3204
+
3205
+ 50% {
3206
+ -webkit-filter: hue-rotate(360deg);
3207
+ filter: hue-rotate(360deg);
3208
+ }
3209
+ }
3210
+
3211
+ @keyframes pa-text-gradient {
3212
+
3213
+ 0%,
3214
+ 100% {
3215
+ -webkit-filter: hue-rotate(0deg);
3216
+ filter: hue-rotate(0deg);
3217
+ }
3218
+
3219
+ 50% {
3220
+ -webkit-filter: hue-rotate(360deg);
3221
+ filter: hue-rotate(360deg);
3222
+ }
3223
+ }
3224
+
3225
+ /*
3226
+ * Common Title/Dual Heading
3227
+ */
3228
+ .premium-title-bg-text:before {
3229
+ position: absolute;
3230
+ content: attr(data-background);
3231
+ top: 0;
3232
+ left: 0;
3233
+ text-align: left;
3234
+ }
3235
+
3236
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3237
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3238
+ background: inherit;
3239
+ }
3240
+
3241
+ .premium-mask-yes .premium-mask-span {
3242
+ position: relative;
3243
+ overflow: hidden;
3244
+ -js-display: inline-flex !important;
3245
+ display: -webkit-inline-box !important;
3246
+ display: -webkit-inline-flex !important;
3247
+ display: -moz-inline-box !important;
3248
+ display: -ms-inline-flexbox !important;
3249
+ display: inline-flex !important;
3250
+ }
3251
+
3252
+ .premium-mask-yes .premium-mask-span::after {
3253
+ content: "";
3254
+ position: absolute;
3255
+ top: 0;
3256
+ right: 0px;
3257
+ width: 100%;
3258
+ height: 100%;
3259
+ background-color: currentColor;
3260
+ -webkit-backface-visibility: visible;
3261
+ backface-visibility: visible;
3262
+ }
3263
+
3264
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3265
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3266
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3267
+ -webkit-transform: translateX(-103%);
3268
+ -ms-transform: translateX(-103%);
3269
+ transform: translateX(-103%);
3270
+ }
3271
+
3272
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3273
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3274
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3275
+ -webkit-transform: translateX(103%);
3276
+ -ms-transform: translateX(103%);
3277
+ transform: translateX(103%);
3278
+ }
3279
+
3280
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3281
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3282
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3283
+ -webkit-transform: translateY(-103%);
3284
+ -ms-transform: translateY(-103%);
3285
+ transform: translateY(-103%);
3286
+ }
3287
+
3288
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3289
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3290
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3291
+ -webkit-transform: translateY(103%);
3292
+ -ms-transform: translateY(103%);
3293
+ transform: translateY(103%);
3294
+ }
3295
+
3296
+ @-webkit-keyframes pa-mask-tr {
3297
+ 0% {
3298
+ -webkit-transform: translateX(0%);
3299
+ transform: translateX(0%);
3300
+ }
3301
+
3302
+ 100% {
3303
+ -webkit-transform: translateX(103%);
3304
+ transform: translateX(103%);
3305
+ }
3306
+ }
3307
+
3308
+ @keyframes pa-mask-tr {
3309
+ 0% {
3310
+ -webkit-transform: translateX(0%);
3311
+ transform: translateX(0%);
3312
+ }
3313
+
3314
+ 100% {
3315
+ -webkit-transform: translateX(103%);
3316
+ transform: translateX(103%);
3317
+ }
3318
+ }
3319
+
3320
+ @-webkit-keyframes pa-mask-tl {
3321
+ 0% {
3322
+ -webkit-transform: translateX(0%);
3323
+ transform: translateX(0%);
3324
+ }
3325
+
3326
+ 100% {
3327
+ -webkit-transform: translateX(-103%);
3328
+ transform: translateX(-103%);
3329
+ }
3330
+ }
3331
+
3332
+ @keyframes pa-mask-tl {
3333
+ 0% {
3334
+ -webkit-transform: translateX(0%);
3335
+ transform: translateX(0%);
3336
+ }
3337
+
3338
+ 100% {
3339
+ -webkit-transform: translateX(-103%);
3340
+ transform: translateX(-103%);
3341
+ }
3342
+ }
3343
+
3344
+ @-webkit-keyframes pa-mask-tb {
3345
+ 0% {
3346
+ -webkit-transform: translateY(0%);
3347
+ transform: translateY(0%);
3348
+ }
3349
+
3350
+ 100% {
3351
+ -webkit-transform: translateY(103%);
3352
+ transform: translateY(103%);
3353
+ }
3354
+ }
3355
+
3356
+ @keyframes pa-mask-tb {
3357
+ 0% {
3358
+ -webkit-transform: translateY(0%);
3359
+ transform: translateY(0%);
3360
+ }
3361
+
3362
+ 100% {
3363
+ -webkit-transform: translateY(103%);
3364
+ transform: translateY(103%);
3365
+ }
3366
+ }
3367
+
3368
+ @-webkit-keyframes pa-mask-tt {
3369
+ 0% {
3370
+ -webkit-transform: translateY(0%);
3371
+ transform: translateY(0%);
3372
+ }
3373
+
3374
+ 100% {
3375
+ -webkit-transform: translateY(-103%);
3376
+ transform: translateY(-103%);
3377
+ }
3378
+ }
3379
+
3380
+ @keyframes pa-mask-tt {
3381
+ 0% {
3382
+ -webkit-transform: translateY(0%);
3383
+ transform: translateY(0%);
3384
+ }
3385
+
3386
+ 100% {
3387
+ -webkit-transform: translateY(-103%);
3388
+ transform: translateY(-103%);
3389
+ }
3390
+ }
3391
+
3392
+ /**************** Premium Video Box ************/
3393
+ /***********************************************/
3394
+ .premium-video-box-transform {
3395
+ -webkit-transform: none !important;
3396
+ -ms-transform: none !important;
3397
+ transform: none !important;
3398
+ }
3399
+
3400
+ .premium-video-box-container {
3401
+ -js-display: flex;
3402
+ display: -webkit-box;
3403
+ display: -webkit-flex;
3404
+ display: -moz-box;
3405
+ display: -ms-flexbox;
3406
+ display: flex;
3407
+ -webkit-box-orient: vertical;
3408
+ -webkit-box-direction: normal;
3409
+ -webkit-flex-direction: column;
3410
+ -moz-box-orient: vertical;
3411
+ -moz-box-direction: normal;
3412
+ -ms-flex-direction: column;
3413
+ flex-direction: column;
3414
+ }
3415
+
3416
+ .premium-video-box-container>div {
3417
+ position: relative;
3418
+ overflow: hidden;
3419
+ }
3420
+
3421
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
3422
+ padding-bottom: 100%;
3423
+ }
3424
+
3425
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
3426
+ padding-bottom: 56.25%;
3427
+ }
3428
+
3429
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
3430
+ padding-bottom: 75%;
3431
+ }
3432
+
3433
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
3434
+ padding-bottom: 66.6666%;
3435
+ }
3436
+
3437
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
3438
+ padding-bottom: 42.8571%;
3439
+ }
3440
+
3441
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
3442
+ padding-bottom: 177.8%;
3443
+ }
3444
+
3445
+ .premium-video-box-image-container {
3446
+ position: absolute;
3447
+ top: 0;
3448
+ right: 0;
3449
+ bottom: 0;
3450
+ left: 0;
3451
+ width: 100%;
3452
+ height: 100%;
3453
+ -webkit-background-size: cover;
3454
+ background-size: cover;
3455
+ background-position: 50%;
3456
+ cursor: pointer;
3457
+ margin: auto;
3458
+ -webkit-transition: 0.2s all;
3459
+ transition: 0.2s all;
3460
+ }
3461
+
3462
+ .premium-video-box-play-icon-container {
3463
+ position: absolute;
3464
+ z-index: 2;
3465
+ cursor: pointer;
3466
+ -webkit-transform: translate(50%, -50%);
3467
+ -ms-transform: translate(50%, -50%);
3468
+ transform: translate(50%, -50%);
3469
+ background: rgba(252, 252, 252, 0.35);
3470
+ }
3471
+
3472
+ .premium-video-box-description-container {
3473
+ position: absolute;
3474
+ z-index: 2;
3475
+ padding: 5px;
3476
+ text-align: center;
3477
+ cursor: pointer;
3478
+ -webkit-transform: translate(50%, -50%);
3479
+ -ms-transform: translate(50%, -50%);
3480
+ transform: translate(50%, -50%);
3481
+ }
3482
+
3483
+ .premium-video-box-text {
3484
+ margin-bottom: 0 !important;
3485
+ -webkit-transition: all 0.3s ease-in-out;
3486
+ transition: all 0.3s ease-in-out;
3487
+ }
3488
+
3489
+ .premium-video-box-play-icon {
3490
+ padding: 15px;
3491
+ -webkit-transform: translateX(-4%);
3492
+ -ms-transform: translateX(-4%);
3493
+ transform: translateX(-4%);
3494
+ -webkit-transition: all 0.3s ease-in-out;
3495
+ transition: all 0.3s ease-in-out;
3496
+ }
3497
+
3498
+ .premium-video-box-video-container {
3499
+ position: absolute;
3500
+ top: 0;
3501
+ right: 0;
3502
+ z-index: 2;
3503
+ width: 100%;
3504
+ height: 100%;
3505
+ -webkit-transition: opacity 0.8s ease-in-out;
3506
+ transition: opacity 0.8s ease-in-out;
3507
+ overflow: hidden;
3508
+ cursor: pointer;
3509
+ }
3510
+
3511
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3512
+ opacity: 0;
3513
+ visibility: hidden;
3514
+ }
3515
+
3516
+ .premium-video-box-video-container iframe {
3517
+ max-width: 100%;
3518
+ width: 100%;
3519
+ height: 100%;
3520
+ margin: 0;
3521
+ line-height: 1;
3522
+ border: none;
3523
+ }
3524
+
3525
+ .premium-video-box-video-container video {
3526
+ max-width: 100%;
3527
+ width: 100%;
3528
+ height: 100%;
3529
+ margin: 0;
3530
+ line-height: 1;
3531
+ border: none;
3532
+ background-color: #000;
3533
+ -o-object-fit: contain;
3534
+ object-fit: contain;
3535
+ }
3536
+
3537
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3538
+ -js-display: flex;
3539
+ display: -webkit-box;
3540
+ display: -webkit-flex;
3541
+ display: -moz-box;
3542
+ display: -ms-flexbox;
3543
+ display: flex;
3544
+ position: absolute;
3545
+ top: 0;
3546
+ right: 0;
3547
+ z-index: 3;
3548
+ margin: 10px;
3549
+ margin-left: 10px;
3550
+ -webkit-transition: opacity 0.2s ease-out;
3551
+ transition: opacity 0.2s ease-out;
3552
+ margin-left: 4.6em;
3553
+ }
3554
+
3555
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3556
+ width: 60px;
3557
+ height: 60px;
3558
+ background: rgba(23, 35, 34, 0.75);
3559
+ margin-left: 1px;
3560
+ -webkit-box-flex: 1;
3561
+ -webkit-flex: 1 0 auto;
3562
+ -moz-box-flex: 1;
3563
+ -ms-flex: 1 0 auto;
3564
+ flex: 1 0 auto;
3565
+ padding: 0;
3566
+ }
3567
+
3568
+ .premium-video-box-vimeo-portrait img {
3569
+ width: 50px;
3570
+ height: 50px;
3571
+ margin: 5px;
3572
+ padding: 0;
3573
+ border: 0;
3574
+ -webkit-border-radius: 50%;
3575
+ border-radius: 50%;
3576
+ }
3577
+
3578
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3579
+ font-size: 10px;
3580
+ }
3581
+
3582
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3583
+ max-width: 100%;
3584
+ font-size: 2em !important;
3585
+ font-weight: 700;
3586
+ margin: 0;
3587
+ padding: 0.1em 0.2em;
3588
+ background: rgba(23, 35, 34, 0.75);
3589
+ display: inline-block;
3590
+ text-transform: none;
3591
+ line-height: normal;
3592
+ letter-spacing: normal;
3593
+ }
3594
+
3595
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3596
+ font-size: 1.2em !important;
3597
+ font-weight: 400;
3598
+ color: #fff;
3599
+ margin-top: 0.1em;
3600
+ padding: 0.2em 0.5em;
3601
+ background: rgba(23, 35, 34, 0.75);
3602
+ text-transform: none;
3603
+ line-height: normal;
3604
+ letter-spacing: normal;
3605
+ }
3606
+
3607
+ .premium-video-box-playlist-container {
3608
+ -js-display: flex;
3609
+ display: -webkit-box;
3610
+ display: -webkit-flex;
3611
+ display: -moz-box;
3612
+ display: -ms-flexbox;
3613
+ display: flex;
3614
+ -webkit-flex-wrap: wrap;
3615
+ -ms-flex-wrap: wrap;
3616
+ flex-wrap: wrap;
3617
+ }
3618
+
3619
+ .premium-video-box-playlist-container .premium-video-box-container {
3620
+ height: 100%;
3621
+ overflow: hidden;
3622
+ }
3623
+
3624
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3625
+ -webkit-transform: scale(1.1);
3626
+ -ms-transform: scale(1.1);
3627
+ transform: scale(1.1);
3628
+ }
3629
+
3630
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3631
+ -webkit-transform: scale(1);
3632
+ -ms-transform: scale(1);
3633
+ transform: scale(1);
3634
+ }
3635
+
3636
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3637
+ -webkit-transform: scale(1.3) rotate(-5deg);
3638
+ -ms-transform: scale(1.3) rotate(-5deg);
3639
+ transform: scale(1.3) rotate(-5deg);
3640
+ }
3641
+
3642
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3643
+ -webkit-filter: grayscale(0%);
3644
+ filter: grayscale(0%);
3645
+ }
3646
+
3647
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3648
+ -webkit-filter: blur(3px);
3649
+ filter: blur(3px);
3650
+ }
3651
+
3652
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3653
+ -webkit-filter: sepia(0%);
3654
+ filter: sepia(0%);
3655
+ }
3656
+
3657
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3658
+ -webkit-transform: translateX(0px) scale(1.1);
3659
+ -ms-transform: translateX(0px) scale(1.1);
3660
+ transform: translateX(0px) scale(1.1);
3661
+ }
3662
+
3663
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3664
+ -webkit-filter: brightness(1.2);
3665
+ filter: brightness(1.2);
3666
+ }
3667
+
3668
+ .premium-video-box-image-container.gray {
3669
+ -webkit-filter: grayscale(100%);
3670
+ filter: grayscale(100%);
3671
+ }
3672
+
3673
+ .premium-video-box-image-container.zoomout,
3674
+ .premium-video-box-image-container.scale {
3675
+ -webkit-transform: scale(1.2);
3676
+ -ms-transform: scale(1.2);
3677
+ transform: scale(1.2);
3678
+ }
3679
+
3680
+ .premium-video-box-image-container.sepia {
3681
+ -webkit-filter: sepia(30%);
3682
+ filter: sepia(30%);
3683
+ }
3684
+
3685
+ .premium-video-box-image-container.bright {
3686
+ -webkit-filter: brightness(1);
3687
+ filter: brightness(1);
3688
+ }
3689
+
3690
+ .premium-video-box-image-container.trans {
3691
+ -webkit-transform: translateX(15px) scale(1.1);
3692
+ -ms-transform: translateX(15px) scale(1.1);
3693
+ transform: translateX(15px) scale(1.1);
3694
+ }
3695
+
3696
+ .premium-video-box-mask-media {
3697
+ -webkit-mask-repeat: no-repeat;
3698
+ mask-repeat: no-repeat;
3699
+ }
3700
+
3701
+ /* Sticky Video Option */
3702
+ .premium-video-box-container.premium-video-box-sticky-apply {
3703
+ z-index: 99;
3704
+ overflow: unset;
3705
+ }
3706
+
3707
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3708
+ position: fixed !important;
3709
+ z-index: 99999;
3710
+ height: 225px;
3711
+ width: 400px;
3712
+ background: #fff;
3713
+ }
3714
+
3715
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3716
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3717
+ visibility: hidden;
3718
+ }
3719
+
3720
+ .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 {
3721
+ -webkit-box-shadow: unset;
3722
+ box-shadow: unset;
3723
+ }
3724
+
3725
+ .premium-video-box-sticky-close,
3726
+ .premium-video-box-sticky-infobar {
3727
+ display: none;
3728
+ }
3729
+
3730
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3731
+ position: absolute;
3732
+ padding: 5px;
3733
+ cursor: pointer;
3734
+ z-index: 99999;
3735
+ height: 14px;
3736
+ width: 14px;
3737
+ -webkit-box-sizing: content-box;
3738
+ -moz-box-sizing: content-box;
3739
+ box-sizing: content-box;
3740
+ -webkit-border-radius: 100%;
3741
+ border-radius: 100%;
3742
+ -js-display: flex;
3743
+ display: -webkit-box;
3744
+ display: -webkit-flex;
3745
+ display: -moz-box;
3746
+ display: -ms-flexbox;
3747
+ display: flex;
3748
+ -webkit-box-pack: center;
3749
+ -webkit-justify-content: center;
3750
+ -moz-box-pack: center;
3751
+ -ms-flex-pack: center;
3752
+ justify-content: center;
3753
+ -webkit-box-align: center;
3754
+ -webkit-align-items: center;
3755
+ -moz-box-align: center;
3756
+ -ms-flex-align: center;
3757
+ align-items: center;
3758
+ }
3759
+
3760
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3761
+ -js-display: flex;
3762
+ display: -webkit-box;
3763
+ display: -webkit-flex;
3764
+ display: -moz-box;
3765
+ display: -ms-flexbox;
3766
+ display: flex;
3767
+ }
3768
+
3769
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3770
+ -webkit-transition: none;
3771
+ transition: none;
3772
+ }
3773
+
3774
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3775
+ display: block;
3776
+ position: relative;
3777
+ top: 100%;
3778
+ width: 100%;
3779
+ padding: 5px;
3780
+ text-align: center;
3781
+ z-index: 9999;
3782
+ margin-top: -1px;
3783
+ }
3784
+
3785
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3786
+ cursor: move;
3787
+ }
3788
+
3789
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3790
+ left: auto;
3791
+ right: 20px;
3792
+ top: 20px;
3793
+ }
3794
+
3795
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3796
+ left: auto;
3797
+ right: 20px;
3798
+ bottom: 20px;
3799
+ }
3800
+
3801
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3802
+ right: auto;
3803
+ left: 20px;
3804
+ top: 20px;
3805
+ }
3806
+
3807
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3808
+ right: auto;
3809
+ left: 20px;
3810
+ bottom: 20px;
3811
+ }
3812
+
3813
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3814
+ left: auto;
3815
+ right: 20px;
3816
+ top: 50%;
3817
+ -webkit-transform: translateY(-50%);
3818
+ -ms-transform: translateY(-50%);
3819
+ transform: translateY(-50%);
3820
+ }
3821
+
3822
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3823
+ right: auto;
3824
+ left: 20px;
3825
+ top: 50%;
3826
+ -webkit-transform: translateY(-50%);
3827
+ -ms-transform: translateY(-50%);
3828
+ transform: translateY(-50%);
3829
+ }
3830
+
3831
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3832
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3833
+ bottom: 55px;
3834
+ }
3835
+
3836
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3837
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3838
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3839
+ top: -10px;
3840
+ left: -10px;
3841
+ }
3842
+
3843
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3844
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3845
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3846
+ top: -10px;
3847
+ right: -10px;
3848
+ }
3849
+
3850
+ .premium-video-box-filter-sticky {
3851
+ -webkit-filter: none !important;
3852
+ filter: none !important;
3853
+ }
3854
+
3855
+ /**************** Premium Blog *****************/
3856
+ /***********************************************/
3857
+ .premium-blog-thumb-effect-wrapper {
3858
+ position: relative;
3859
+ overflow: hidden;
3860
+ }
3861
+
3862
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3863
+ position: absolute;
3864
+ top: 0;
3865
+ right: 0;
3866
+ width: 100%;
3867
+ height: 100%;
3868
+ z-index: 2;
3869
+ padding: 20px;
3870
+ }
3871
+
3872
+ .premium-blog-bordered-effect .premium-blog-post-link {
3873
+ display: block;
3874
+ height: 100%;
3875
+ position: relative;
3876
+ }
3877
+
3878
+ /*Thumbnail Img*/
3879
+ .premium-blog-thumbnail-container {
3880
+ overflow: hidden;
3881
+ }
3882
+
3883
+ .premium-blog-thumbnail-container img,
3884
+ .premium-blog-thumbnail-container .below-entry-meta {
3885
+ width: 100%;
3886
+ height: 100%;
3887
+ margin: 0 !important;
3888
+ -webkit-transition: all 0.4s ease-in-out;
3889
+ transition: all 0.4s ease-in-out;
3890
+ }
3891
+
3892
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3893
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3894
+ -webkit-transform: scale(1.2);
3895
+ -ms-transform: scale(1.2);
3896
+ transform: scale(1.2);
3897
+ }
3898
+
3899
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3900
+ -webkit-filter: sepia(30%);
3901
+ filter: sepia(30%);
3902
+ }
3903
+
3904
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3905
+ -webkit-filter: brightness(1);
3906
+ filter: brightness(1);
3907
+ }
3908
+
3909
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3910
+ -webkit-transform: translateX(15px) scale(1.1);
3911
+ -ms-transform: translateX(15px) scale(1.1);
3912
+ transform: translateX(15px) scale(1.1);
3913
+ }
3914
+
3915
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3916
+ -webkit-transform: scale(1.2);
3917
+ -ms-transform: scale(1.2);
3918
+ transform: scale(1.2);
3919
+ }
3920
+
3921
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3922
+ -webkit-transform: scale(1.1);
3923
+ -ms-transform: scale(1.1);
3924
+ transform: scale(1.1);
3925
+ }
3926
+
3927
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3928
+ -webkit-transform: scale(1.3) rotate(-5deg);
3929
+ -ms-transform: scale(1.3) rotate(-5deg);
3930
+ transform: scale(1.3) rotate(-5deg);
3931
+ }
3932
+
3933
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3934
+ -webkit-filter: grayscale(100%);
3935
+ filter: grayscale(100%);
3936
+ }
3937
+
3938
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3939
+ -webkit-filter: blur(3px);
3940
+ filter: blur(3px);
3941
+ }
3942
+
3943
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3944
+ -webkit-filter: sepia(0%);
3945
+ filter: sepia(0%);
3946
+ }
3947
+
3948
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3949
+ -webkit-filter: brightness(1.2);
3950
+ filter: brightness(1.2);
3951
+ }
3952
+
3953
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3954
+ -webkit-transform: translateX(0px) scale(1.1);
3955
+ -ms-transform: translateX(0px) scale(1.1);
3956
+ transform: translateX(0px) scale(1.1);
3957
+ }
3958
+
3959
+ .premium-blog-post-container {
3960
+ overflow: hidden;
3961
+ }
3962
+
3963
+ .premium-blog-post-container .premium-blog-inner-container {
3964
+ -js-display: flex;
3965
+ display: -webkit-box;
3966
+ display: -webkit-flex;
3967
+ display: -moz-box;
3968
+ display: -ms-flexbox;
3969
+ display: flex;
3970
+ }
3971
+
3972
+ .premium-blog-post-container .premium-blog-post-content {
3973
+ line-height: 1.5em;
3974
+ color: #777;
3975
+ font-size: 14px;
3976
+ margin-bottom: 10px;
3977
+ }
3978
+
3979
+ .premium-blog-post-container ul.post-categories a:hover,
3980
+ .premium-blog-post-container ul.post-categories a:focus,
3981
+ .premium-blog-post-container .premium-blog-post-link:hover,
3982
+ .premium-blog-post-container .premium-blog-post-link:focus {
3983
+ -webkit-box-shadow: none !important;
3984
+ box-shadow: none !important;
3985
+ outline: none !important;
3986
+ }
3987
+
3988
+ .premium-blog-post-container .premium-blog-entry-title {
3989
+ font-size: 18px;
3990
+ margin-bottom: 5px;
3991
+ }
3992
+
3993
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3994
+ position: relative;
3995
+ z-index: 3;
3996
+ top: -50px;
3997
+ }
3998
+
3999
+ .premium-blog-post-container .premium-blog-content-wrapper {
4000
+ background-color: #f5f5f5;
4001
+ padding: 30px;
4002
+ }
4003
+
4004
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4005
+ top: 0;
4006
+ }
4007
+
4008
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4009
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4010
+ position: absolute;
4011
+ content: "";
4012
+ z-index: 1;
4013
+ top: 50%;
4014
+ right: 50%;
4015
+ opacity: 0;
4016
+ -webkit-transform: translate(50%, -50%);
4017
+ -ms-transform: translate(50%, -50%);
4018
+ transform: translate(50%, -50%);
4019
+ -webkit-transition: all 0.4s linear 0s;
4020
+ transition: all 0.4s linear 0s;
4021
+ height: 1px;
4022
+ width: 100%;
4023
+ background-color: #fff;
4024
+ }
4025
+
4026
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4027
+ width: 1px;
4028
+ height: 100%;
4029
+ }
4030
+
4031
+ .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 {
4032
+ width: 20px;
4033
+ opacity: 1;
4034
+ }
4035
+
4036
+ .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 {
4037
+ height: 20px;
4038
+ opacity: 1;
4039
+ }
4040
+
4041
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4042
+ margin: 0px 10px 20px;
4043
+ clear: both;
4044
+ }
4045
+
4046
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4047
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4048
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4049
+ position: absolute;
4050
+ top: 0;
4051
+ right: 0;
4052
+ width: 100%;
4053
+ height: 100%;
4054
+ -webkit-transition: all 0.3s ease-in-out;
4055
+ transition: all 0.3s ease-in-out;
4056
+ opacity: 0;
4057
+ }
4058
+
4059
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4060
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4061
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4062
+ -js-display: flex;
4063
+ display: -webkit-box;
4064
+ display: -webkit-flex;
4065
+ display: -moz-box;
4066
+ display: -ms-flexbox;
4067
+ display: flex;
4068
+ -webkit-box-pack: center;
4069
+ -webkit-justify-content: center;
4070
+ -moz-box-pack: center;
4071
+ -ms-flex-pack: center;
4072
+ justify-content: center;
4073
+ -webkit-box-align: center;
4074
+ -webkit-align-items: center;
4075
+ -moz-box-align: center;
4076
+ -ms-flex-align: center;
4077
+ align-items: center;
4078
+ width: 100%;
4079
+ height: 100%;
4080
+ }
4081
+
4082
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4083
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4084
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4085
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4086
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4087
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4088
+ -webkit-transition: all 0.3s ease-in-out;
4089
+ transition: all 0.3s ease-in-out;
4090
+ }
4091
+
4092
+ .premium-blog-post-container.premium-blog-skin-side {
4093
+ -js-display: flex;
4094
+ display: -webkit-box;
4095
+ display: -webkit-flex;
4096
+ display: -moz-box;
4097
+ display: -ms-flexbox;
4098
+ display: flex;
4099
+ }
4100
+
4101
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4102
+ height: 100%;
4103
+ }
4104
+
4105
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4106
+ -webkit-box-flex: 1;
4107
+ -webkit-flex: 1;
4108
+ -moz-box-flex: 1;
4109
+ -ms-flex: 1;
4110
+ flex: 1;
4111
+ }
4112
+
4113
+ .premium-blog-post-container.premium-blog-skin-banner {
4114
+ position: relative;
4115
+ }
4116
+
4117
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4118
+ position: absolute;
4119
+ width: 100%;
4120
+ bottom: 0;
4121
+ -js-display: flex;
4122
+ display: -webkit-box;
4123
+ display: -webkit-flex;
4124
+ display: -moz-box;
4125
+ display: -ms-flexbox;
4126
+ display: flex;
4127
+ -webkit-box-orient: vertical;
4128
+ -webkit-box-direction: normal;
4129
+ -webkit-flex-direction: column;
4130
+ -moz-box-orient: vertical;
4131
+ -moz-box-direction: normal;
4132
+ -ms-flex-direction: column;
4133
+ flex-direction: column;
4134
+ background-color: transparent;
4135
+ z-index: 3;
4136
+ }
4137
+
4138
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4139
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
4140
+ transition: -webkit-transform 0.3s ease-in-out;
4141
+ transition: transform 0.3s ease-in-out;
4142
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4143
+ }
4144
+
4145
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4146
+ -webkit-transform: translateY(-5px);
4147
+ -ms-transform: translateY(-5px);
4148
+ transform: translateY(-5px);
4149
+ }
4150
+
4151
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4152
+ margin: 0;
4153
+ padding: 0;
4154
+ list-style: none;
4155
+ -js-display: flex;
4156
+ display: -webkit-box;
4157
+ display: -webkit-flex;
4158
+ display: -moz-box;
4159
+ display: -ms-flexbox;
4160
+ display: flex;
4161
+ }
4162
+
4163
+ .premium-blog-post-container .premium-blog-cats-container a {
4164
+ display: block;
4165
+ font-size: 12px;
4166
+ color: #fff;
4167
+ background-color: #777;
4168
+ margin: 0 0 10px 3px;
4169
+ padding: 5px;
4170
+ -webkit-transition: all 0.3s ease-in-out;
4171
+ transition: all 0.3s ease-in-out;
4172
+ }
4173
+
4174
+ /*
4175
+ * Diagonal Effect
4176
+ */
4177
+ .premium-blog-diagonal-container {
4178
+ position: absolute;
4179
+ top: 0;
4180
+ right: 0;
4181
+ width: 100%;
4182
+ height: 100%;
4183
+ }
4184
+
4185
+ .premium-blog-diagonal-effect:before {
4186
+ position: absolute;
4187
+ top: 0px;
4188
+ right: 0px;
4189
+ width: 100%;
4190
+ height: 100%;
4191
+ content: " ";
4192
+ z-index: 1;
4193
+ background: rgba(255, 255, 255, 0.2);
4194
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4195
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4196
+ -webkit-transition: all 0.3s linear 0s;
4197
+ transition: all 0.3s linear 0s;
4198
+ }
4199
+
4200
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4201
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4202
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4203
+ }
4204
+
4205
+ /*
4206
+ * Framed Effect
4207
+ */
4208
+ .premium-blog-framed-effect {
4209
+ position: absolute;
4210
+ width: -webkit-calc(100% - 30px);
4211
+ width: calc(100% - 30px);
4212
+ height: -webkit-calc(100% - 30px);
4213
+ height: calc(100% - 30px);
4214
+ top: 15px;
4215
+ right: 15px;
4216
+ opacity: 0;
4217
+ -webkit-transform: scale(0.3);
4218
+ -ms-transform: scale(0.3);
4219
+ transform: scale(0.3);
4220
+ -webkit-transition: all 0.3s linear 0s;
4221
+ transition: all 0.3s linear 0s;
4222
+ }
4223
+
4224
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4225
+ opacity: 0.99;
4226
+ -webkit-transform: scale(1);
4227
+ -ms-transform: scale(1);
4228
+ transform: scale(1);
4229
+ }
4230
+
4231
+ /*
4232
+ * Bordered Effect
4233
+ */
4234
+ .premium-blog-bordered-effect {
4235
+ position: absolute;
4236
+ top: 0;
4237
+ right: 0;
4238
+ width: 100%;
4239
+ height: 100%;
4240
+ opacity: 0;
4241
+ padding: 15px;
4242
+ -webkit-transition: all 0.3s linear 0s;
4243
+ transition: all 0.3s linear 0s;
4244
+ }
4245
+
4246
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
4247
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4248
+ content: "";
4249
+ display: block;
4250
+ position: absolute;
4251
+ top: 0;
4252
+ right: 0;
4253
+ width: 100%;
4254
+ height: 100%;
4255
+ -webkit-transition: all 0.5s linear 0s;
4256
+ transition: all 0.5s linear 0s;
4257
+ -webkit-transition-delay: 0s;
4258
+ transition-delay: 0s;
4259
+ border-color: rgba(255, 255, 255, 0.45);
4260
+ }
4261
+
4262
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
4263
+ border-left: 2px solid;
4264
+ border-right: 2px solid;
4265
+ -webkit-transform: scale(1, 0);
4266
+ -ms-transform: scale(1, 0);
4267
+ transform: scale(1, 0);
4268
+ -webkit-transform-origin: 0% 0;
4269
+ -ms-transform-origin: 0% 0;
4270
+ transform-origin: 0% 0;
4271
+ }
4272
+
4273
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4274
+ border-top: 2px solid;
4275
+ border-bottom: 2px solid;
4276
+ -webkit-transform: scale(0, 1);
4277
+ -ms-transform: scale(0, 1);
4278
+ transform: scale(0, 1);
4279
+ -webkit-transform-origin: 100% 0;
4280
+ -ms-transform-origin: 100% 0;
4281
+ transform-origin: 100% 0;
4282
+ }
4283
+
4284
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4285
+ opacity: 0.99;
4286
+ }
4287
+
4288
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4289
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4290
+ -webkit-transition-delay: 0.15s;
4291
+ transition-delay: 0.15s;
4292
+ opacity: 1;
4293
+ -webkit-transform: scale(1);
4294
+ -ms-transform: scale(1);
4295
+ transform: scale(1);
4296
+ }
4297
+
4298
+ /*
4299
+ * Squares Effect
4300
+ */
4301
+ .premium-blog-squares-effect,
4302
+ .premium-blog-squares-square-container {
4303
+ position: absolute;
4304
+ top: 0;
4305
+ right: 0;
4306
+ width: 100%;
4307
+ height: 100%;
4308
+ }
4309
+
4310
+ .premium-blog-squares-effect:before,
4311
+ .premium-blog-squares-effect:after {
4312
+ position: absolute;
4313
+ content: "";
4314
+ top: 0;
4315
+ right: 0;
4316
+ width: 50%;
4317
+ height: 50%;
4318
+ -webkit-transform: translate(100%, -100%);
4319
+ -ms-transform: translate(100%, -100%);
4320
+ transform: translate(100%, -100%);
4321
+ opacity: 0.7;
4322
+ -webkit-transition: all 0.3s linear 0s;
4323
+ transition: all 0.3s linear 0s;
4324
+ }
4325
+
4326
+ .premium-blog-squares-square-container:before,
4327
+ .premium-blog-squares-square-container:after {
4328
+ position: absolute;
4329
+ content: "";
4330
+ top: 0;
4331
+ right: 0;
4332
+ width: 50%;
4333
+ height: 50%;
4334
+ -webkit-transform: translate(100%, -100%);
4335
+ -ms-transform: translate(100%, -100%);
4336
+ transform: translate(100%, -100%);
4337
+ opacity: 0.7;
4338
+ -webkit-transition: all 0.3s linear 0s;
4339
+ transition: all 0.3s linear 0s;
4340
+ }
4341
+
4342
+ .premium-blog-squares-square-container:before,
4343
+ .premium-blog-squares-square-container:after {
4344
+ opacity: 0.8;
4345
+ }
4346
+
4347
+ .premium-blog-squares-effect:after {
4348
+ -webkit-transform: translate(-200%, 200%);
4349
+ -ms-transform: translate(-200%, 200%);
4350
+ transform: translate(-200%, 200%);
4351
+ }
4352
+
4353
+ .premium-blog-squares-square-container:before {
4354
+ -webkit-transform: translate(100%, 200%);
4355
+ -ms-transform: translate(100%, 200%);
4356
+ transform: translate(100%, 200%);
4357
+ }
4358
+
4359
+ .premium-blog-squares-square-container:after {
4360
+ -webkit-transform: translate(-200%, -100%);
4361
+ -ms-transform: translate(-200%, -100%);
4362
+ transform: translate(-200%, -100%);
4363
+ }
4364
+
4365
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4366
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4367
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4368
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4369
+ }
4370
+
4371
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4372
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4373
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4374
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4375
+ }
4376
+
4377
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4378
+ -webkit-transform: translate(0, 100%);
4379
+ -ms-transform: translate(0, 100%);
4380
+ transform: translate(0, 100%);
4381
+ }
4382
+
4383
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4384
+ -webkit-transform: translate(-100%, 0%);
4385
+ -ms-transform: translate(-100%, 0%);
4386
+ transform: translate(-100%, 0%);
4387
+ }
4388
+
4389
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4390
+ opacity: 1;
4391
+ }
4392
+
4393
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4394
+ opacity: 1;
4395
+ -webkit-transform: scale(1);
4396
+ -ms-transform: scale(1);
4397
+ transform: scale(1);
4398
+ }
4399
+
4400
+ .premium-blog-clear-fix {
4401
+ clear: both;
4402
+ }
4403
+
4404
+ .premium-blog-masked .premium-blog-thumbnail-container {
4405
+ position: relative;
4406
+ overflow: visible;
4407
+ }
4408
+
4409
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
4410
+ position: absolute;
4411
+ height: 100px;
4412
+ width: 100%;
4413
+ bottom: -5px;
4414
+ right: 0;
4415
+ fill: #f5f5f5;
4416
+ z-index: 99;
4417
+ }
4418
+
4419
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4420
+ -webkit-transform: rotate(180deg);
4421
+ -ms-transform: rotate(180deg);
4422
+ transform: rotate(180deg);
4423
+ }
4424
+
4425
+ .premium-blog-masked .premium-blog-author-thumbnail,
4426
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4427
+ z-index: 999 !important;
4428
+ }
4429
+
4430
+ /*Post Format Container*/
4431
+ .premium-blog-format-link {
4432
+ padding: 5px;
4433
+ line-height: 0;
4434
+ }
4435
+
4436
+ /*Post Format Icon*/
4437
+ /*Post Format Content Margin */
4438
+ .premium-blog-entry-meta {
4439
+ line-height: 1.3em;
4440
+ font-size: 12px;
4441
+ margin-bottom: 13px;
4442
+ color: #adadad;
4443
+ }
4444
+
4445
+ .premium-blog-entry-meta i {
4446
+ margin-left: 3px;
4447
+ -webkit-transition: all 0.3s ease-in-out;
4448
+ transition: all 0.3s ease-in-out;
4449
+ }
4450
+
4451
+ .premium-blog-meta-data {
4452
+ display: inline-block;
4453
+ }
4454
+
4455
+ .premium-blog-meta-data .premium-blog-meta-separator {
4456
+ margin: 0 5px;
4457
+ }
4458
+
4459
+ .premium-blog-meta-data a,
4460
+ .premium-blog-meta-data span {
4461
+ color: inherit;
4462
+ -webkit-transition: all 0.3s ease-in-out;
4463
+ transition: all 0.3s ease-in-out;
4464
+ }
4465
+
4466
+ .premium-blog-author-thumbnail {
4467
+ position: relative;
4468
+ padding: 0 30px;
4469
+ width: 100%;
4470
+ top: -10px;
4471
+ height: 0;
4472
+ pointer-events: none;
4473
+ }
4474
+
4475
+ .premium-blog-author-thumbnail img {
4476
+ -webkit-border-radius: 50%;
4477
+ border-radius: 50%;
4478
+ width: 60px;
4479
+ pointer-events: all;
4480
+ -webkit-transform: translateY(-50%);
4481
+ -ms-transform: translateY(-50%);
4482
+ transform: translateY(-50%);
4483
+ }
4484
+
4485
+ .premium-blog-entry-title a,
4486
+ .premium-blog-post-tags-container a,
4487
+ .premium-blog-post-content .premium-blog-excerpt-link {
4488
+ -webkit-transition: all 0.3s ease-in-out;
4489
+ transition: all 0.3s ease-in-out;
4490
+ }
4491
+
4492
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4493
+ background-color: transparent;
4494
+ color: #54595f;
4495
+ padding: 0;
4496
+ }
4497
+
4498
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4499
+ width: 100%;
4500
+ }
4501
+
4502
+ .premium-blog-post-tags-container {
4503
+ margin-top: 8px;
4504
+ -js-display: flex;
4505
+ display: -webkit-box;
4506
+ display: -webkit-flex;
4507
+ display: -moz-box;
4508
+ display: -ms-flexbox;
4509
+ display: flex;
4510
+ -webkit-box-align: center;
4511
+ -webkit-align-items: center;
4512
+ -moz-box-align: center;
4513
+ -ms-flex-align: center;
4514
+ align-items: center;
4515
+ -webkit-flex-wrap: wrap;
4516
+ -ms-flex-wrap: wrap;
4517
+ flex-wrap: wrap;
4518
+ }
4519
+
4520
+ .premium-blog-post-tags-container a {
4521
+ color: inherit;
4522
+ margin-right: 5px;
4523
+ }
4524
+
4525
+ .premium-blog-align-center .post-categories,
4526
+ .premium-blog-align-center .premium-blog-inner-container,
4527
+ .premium-blog-align-center .premium-blog-post-tags-container {
4528
+ -webkit-box-pack: center;
4529
+ -webkit-justify-content: center;
4530
+ -moz-box-pack: center;
4531
+ -ms-flex-pack: center;
4532
+ justify-content: center;
4533
+ }
4534
+
4535
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4536
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4537
+ .premium-blog-align-left .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4538
+ -webkit-box-pack: end;
4539
+ -webkit-justify-content: flex-end;
4540
+ -moz-box-pack: end;
4541
+ -ms-flex-pack: end;
4542
+ justify-content: flex-end;
4543
+ }
4544
+
4545
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4546
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4547
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4548
+ -webkit-box-pack: start;
4549
+ -webkit-justify-content: flex-start;
4550
+ -moz-box-pack: start;
4551
+ -ms-flex-pack: start;
4552
+ justify-content: flex-start;
4553
+ }
4554
+
4555
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .post-categories,
4556
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-inner-container,
4557
+ .premium-blog-align-right .premium-blog-post-container:not(.premium-blog-skin-cards) .premium-blog-post-tags-container {
4558
+ -webkit-box-pack: start;
4559
+ -webkit-justify-content: flex-start;
4560
+ -moz-box-pack: start;
4561
+ -ms-flex-pack: start;
4562
+ justify-content: flex-start;
4563
+ }
4564
+
4565
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4566
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4567
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4568
+ -webkit-box-pack: end;
4569
+ -webkit-justify-content: flex-end;
4570
+ -moz-box-pack: end;
4571
+ -ms-flex-pack: end;
4572
+ justify-content: flex-end;
4573
+ }
4574
+
4575
+ /* Pagination */
4576
+ .premium-blog-pagination-container {
4577
+ text-align: left;
4578
+ }
4579
+
4580
+ .premium-blog-pagination-container span {
4581
+ cursor: default;
4582
+ }
4583
+
4584
+ .premium-blog-pagination-container .page-numbers {
4585
+ display: inline-block;
4586
+ color: #000;
4587
+ line-height: 1;
4588
+ font-size: 1em;
4589
+ font-weight: 400;
4590
+ text-decoration: none;
4591
+ padding: 0.75em;
4592
+ margin: 0 0 0.4em 0.4em;
4593
+ -webkit-transition: all 0.2s ease-in-out;
4594
+ transition: all 0.2s ease-in-out;
4595
+ }
4596
+
4597
+ .premium-blog-wrap .premium-loading-feed {
4598
+ display: block;
4599
+ position: absolute;
4600
+ width: 100%;
4601
+ height: 100%;
4602
+ top: 0px;
4603
+ right: 0px;
4604
+ bottom: 0px;
4605
+ left: 0px;
4606
+ background: rgba(255, 255, 255, 0.2);
4607
+ -js-display: flex;
4608
+ display: -webkit-box;
4609
+ display: -webkit-flex;
4610
+ display: -moz-box;
4611
+ display: -ms-flexbox;
4612
+ display: flex;
4613
+ -webkit-box-align: center;
4614
+ -webkit-align-items: center;
4615
+ -moz-box-align: center;
4616
+ -ms-flex-align: center;
4617
+ align-items: center;
4618
+ z-index: 99;
4619
+ }
4620
+
4621
+ .premium-blog-wrap {
4622
+ -js-display: flex;
4623
+ display: -webkit-box;
4624
+ display: -webkit-flex;
4625
+ display: -moz-box;
4626
+ display: -ms-flexbox;
4627
+ display: flex;
4628
+ -webkit-flex-wrap: wrap;
4629
+ -ms-flex-wrap: wrap;
4630
+ flex-wrap: wrap;
4631
+ }
4632
+
4633
+ .premium-blog-wrap ul.slick-dots {
4634
+ width: 100%;
4635
+ }
4636
+
4637
+ /**
4638
+ * Even Layout
4639
+ */
4640
+ .premium-blog-even .premium-blog-post-container {
4641
+ height: 100%;
4642
+ }
4643
+
4644
+ .premium-blog-even .slick-track {
4645
+ -js-display: flex;
4646
+ display: -webkit-box;
4647
+ display: -webkit-flex;
4648
+ display: -moz-box;
4649
+ display: -ms-flexbox;
4650
+ display: flex;
4651
+ }
4652
+
4653
+ .premium-blog-even .slick-slide {
4654
+ height: inherit !important;
4655
+ }
4656
+
4657
+ /**
4658
+ * Responsive Style
4659
+ */
4660
+ @media (max-width: 768px) {
4661
+ .premium-blog-content-wrapper {
4662
+ top: 0;
4663
+ margin: 0;
4664
+ padding: 15px;
4665
+ }
4666
+
4667
+ .premium-blog-thumb-effect-wrapper {
4668
+ margin-bottom: 15px;
4669
+ }
4670
+ }
4671
+
4672
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4673
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4674
+ direction: ltr;
4675
+ }
4676
+
4677
+ /************ Premium Team Members ************/
4678
+ /*********************************************/
4679
+ .premium-person-container {
4680
+ position: relative;
4681
+ }
4682
+
4683
+ .premium-person-image-container {
4684
+ position: relative;
4685
+ text-align: center;
4686
+ }
4687
+
4688
+ .premium-person-image-container .premium-person-image-wrap {
4689
+ overflow: hidden;
4690
+ }
4691
+
4692
+ .premium-person-zoomout-effect .premium-person-image-container img,
4693
+ .premium-person-scale-effect .premium-person-image-container img {
4694
+ -webkit-transform: scale(1.2);
4695
+ -ms-transform: scale(1.2);
4696
+ transform: scale(1.2);
4697
+ }
4698
+
4699
+ .premium-person-sepia-effect .premium-person-image-container img {
4700
+ -webkit-filter: sepia(30%);
4701
+ filter: sepia(30%);
4702
+ }
4703
+
4704
+ .premium-person-bright-effect .premium-person-image-container img {
4705
+ -webkit-filter: brightness(1);
4706
+ filter: brightness(1);
4707
+ }
4708
+
4709
+ .premium-person-trans-effect .premium-person-image-container img {
4710
+ -webkit-transform: translateX(15px) scale(1.1);
4711
+ -ms-transform: translateX(15px) scale(1.1);
4712
+ transform: translateX(15px) scale(1.1);
4713
+ }
4714
+
4715
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4716
+ -webkit-transform: scale(1.2);
4717
+ -ms-transform: scale(1.2);
4718
+ transform: scale(1.2);
4719
+ }
4720
+
4721
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4722
+ -webkit-transform: scale(1.1);
4723
+ -ms-transform: scale(1.1);
4724
+ transform: scale(1.1);
4725
+ }
4726
+
4727
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4728
+ -webkit-transform: scale(1.3) rotate(-5deg);
4729
+ -ms-transform: scale(1.3) rotate(-5deg);
4730
+ transform: scale(1.3) rotate(-5deg);
4731
+ }
4732
+
4733
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4734
+ -webkit-filter: grayscale(100%);
4735
+ filter: grayscale(100%);
4736
+ }
4737
+
4738
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4739
+ -webkit-filter: blur(3px);
4740
+ filter: blur(3px);
4741
+ }
4742
+
4743
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4744
+ -webkit-filter: sepia(0%);
4745
+ filter: sepia(0%);
4746
+ }
4747
+
4748
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4749
+ -webkit-filter: brightness(1.2);
4750
+ filter: brightness(1.2);
4751
+ }
4752
+
4753
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4754
+ -webkit-transform: translateX(0px) scale(1.1);
4755
+ -ms-transform: translateX(0px) scale(1.1);
4756
+ transform: translateX(0px) scale(1.1);
4757
+ }
4758
+
4759
+ .premium-person-container .premium-person-image-container img {
4760
+ width: 100%;
4761
+ height: 100%;
4762
+ -o-object-fit: cover;
4763
+ object-fit: cover;
4764
+ -webkit-transition: all 0.5s ease-in-out;
4765
+ transition: all 0.5s ease-in-out;
4766
+ }
4767
+
4768
+ .premium-person-style2 .premium-person-social {
4769
+ position: absolute;
4770
+ top: 0;
4771
+ right: 0;
4772
+ width: 100%;
4773
+ height: 100%;
4774
+ z-index: 2;
4775
+ -js-display: flex;
4776
+ display: -webkit-box;
4777
+ display: -webkit-flex;
4778
+ display: -moz-box;
4779
+ display: -ms-flexbox;
4780
+ display: flex;
4781
+ -webkit-box-pack: center;
4782
+ -webkit-justify-content: center;
4783
+ -moz-box-pack: center;
4784
+ -ms-flex-pack: center;
4785
+ justify-content: center;
4786
+ -webkit-box-align: center;
4787
+ -webkit-align-items: center;
4788
+ -moz-box-align: center;
4789
+ -ms-flex-align: center;
4790
+ align-items: center;
4791
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4792
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4793
+ -webkit-transition: all 0.5s linear 0s;
4794
+ transition: all 0.5s linear 0s;
4795
+ opacity: 0;
4796
+ }
4797
+
4798
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4799
+ opacity: 1;
4800
+ }
4801
+
4802
+ .premium-person-list-item a {
4803
+ display: inline-block;
4804
+ }
4805
+
4806
+ .premium-person-style2 .premium-person-list-item a {
4807
+ opacity: 0;
4808
+ -webkit-transform: scale(0);
4809
+ -ms-transform: scale(0);
4810
+ transform: scale(0);
4811
+ -webkit-transition: all 0.5s ease-in-out 0s;
4812
+ transition: all 0.5s ease-in-out 0s;
4813
+ }
4814
+
4815
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4816
+ opacity: 1;
4817
+ -webkit-transform: scale(1);
4818
+ -ms-transform: scale(1);
4819
+ transform: scale(1);
4820
+ }
4821
+
4822
+ .premium-person-info-container {
4823
+ padding: 30px 15px;
4824
+ }
4825
+
4826
+ .premium-person-name {
4827
+ margin: 0 0 5px;
4828
+ font-weight: 700;
4829
+ }
4830
+
4831
+ .premium-person-title {
4832
+ margin: 0 0 20px;
4833
+ padding: 0;
4834
+ }
4835
+
4836
+ .premium-person-content {
4837
+ margin: 0 0 30px;
4838
+ }
4839
+
4840
+ /*Override Theme List Margin*/
4841
+ ul.premium-person-social-list {
4842
+ margin: 0px !important;
4843
+ padding: 0;
4844
+ }
4845
+
4846
+ .premium-person-social-list .premium-person-list-item {
4847
+ display: inline;
4848
+ list-style: none;
4849
+ }
4850
+
4851
+ .premium-person-social-list li {
4852
+ position: relative;
4853
+ bottom: 0px;
4854
+ -webkit-transition: all 0.2s ease-in-out;
4855
+ transition: all 0.2s ease-in-out;
4856
+ }
4857
+
4858
+ .premium-person-social-list li i {
4859
+ position: relative;
4860
+ bottom: 0px;
4861
+ -webkit-transition: all 0.2s ease-in-out;
4862
+ transition: all 0.2s ease-in-out;
4863
+ }
4864
+
4865
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4866
+ background-color: #3b5998 !important;
4867
+ }
4868
+
4869
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4870
+ background-color: #55acee !important;
4871
+ }
4872
+
4873
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4874
+ background-color: #0077b5 !important;
4875
+ }
4876
+
4877
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4878
+ background-color: #dc4e41 !important;
4879
+ }
4880
+
4881
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4882
+ background-color: #b31217 !important;
4883
+ }
4884
+
4885
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4886
+ background-color: #e4405f !important;
4887
+ }
4888
+
4889
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4890
+ background-color: #00aff0 !important;
4891
+ }
4892
+
4893
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4894
+ background-color: #bd081c !important;
4895
+ }
4896
+
4897
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4898
+ background-color: #ea4c89 !important;
4899
+ }
4900
+
4901
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4902
+ background-color: #b23121 !important;
4903
+ }
4904
+
4905
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4906
+ background-color: #1769ff !important;
4907
+ }
4908
+
4909
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4910
+ background-color: #25d366 !important;
4911
+ }
4912
+
4913
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4914
+ background-color: #0088cc !important;
4915
+ }
4916
+
4917
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4918
+ background-color: #0055a5 !important;
4919
+ }
4920
+
4921
+ .premium-person-social-list li:hover a {
4922
+ -webkit-box-shadow: none;
4923
+ box-shadow: none;
4924
+ }
4925
+
4926
+ .premium-person-social-list li a:focus {
4927
+ -webkit-box-shadow: none;
4928
+ box-shadow: none;
4929
+ outline: none;
4930
+ }
4931
+
4932
+ .premium-person-social-list li i {
4933
+ font-size: 18px;
4934
+ }
4935
+
4936
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4937
+ -js-display: flex;
4938
+ display: -webkit-box;
4939
+ display: -webkit-flex;
4940
+ display: -moz-box;
4941
+ display: -ms-flexbox;
4942
+ display: flex;
4943
+ -webkit-box-pack: center;
4944
+ -webkit-justify-content: center;
4945
+ -moz-box-pack: center;
4946
+ -ms-flex-pack: center;
4947
+ justify-content: center;
4948
+ }
4949
+
4950
+ .premium-persons-container.multiple-persons {
4951
+ -js-display: flex;
4952
+ display: -webkit-box;
4953
+ display: -webkit-flex;
4954
+ display: -moz-box;
4955
+ display: -ms-flexbox;
4956
+ display: flex;
4957
+ -webkit-flex-wrap: wrap;
4958
+ -ms-flex-wrap: wrap;
4959
+ flex-wrap: wrap;
4960
+ width: 100%;
4961
+ }
4962
+
4963
+ .premium-person-style1 .premium-person-container {
4964
+ overflow: hidden;
4965
+ }
4966
+
4967
+ .premium-person-style1 .premium-person-container .premium-person-info {
4968
+ position: absolute;
4969
+ top: auto;
4970
+ left: 0;
4971
+ right: 0;
4972
+ -webkit-transition: all 500ms ease 0s;
4973
+ transition: all 500ms ease 0s;
4974
+ -webkit-transform: translate3d(0, 100%, 0);
4975
+ transform: translate3d(0, 100%, 0);
4976
+ }
4977
+
4978
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4979
+ -webkit-transform: translate3d(0, 0, 0);
4980
+ transform: translate3d(0, 0, 0);
4981
+ bottom: -1px !important;
4982
+ }
4983
+
4984
+ .premium-person-style1 .premium-person-social-list li:hover {
4985
+ bottom: 5px;
4986
+ }
4987
+
4988
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4989
+ -webkit-box-align: start;
4990
+ -webkit-align-items: flex-start;
4991
+ -moz-box-align: start;
4992
+ -ms-flex-align: start;
4993
+ align-items: flex-start;
4994
+ }
4995
+
4996
+ .premium-person-style1 .slick-track {
4997
+ -js-display: flex;
4998
+ display: -webkit-box;
4999
+ display: -webkit-flex;
5000
+ display: -moz-box;
5001
+ display: -ms-flexbox;
5002
+ display: flex;
5003
+ }
5004
+
5005
+ .premium-person-style1 .slick-slide {
5006
+ height: inherit !important;
5007
+ }
5008
+
5009
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5010
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5011
+ height: 100%;
5012
+ }
5013
+
5014
+ .premium-person-style3 .premium-person-info-container {
5015
+ position: absolute;
5016
+ top: 0;
5017
+ right: 0;
5018
+ width: 100%;
5019
+ height: 100%;
5020
+ -js-display: flex;
5021
+ display: -webkit-box;
5022
+ display: -webkit-flex;
5023
+ display: -moz-box;
5024
+ display: -ms-flexbox;
5025
+ display: flex;
5026
+ -webkit-box-orient: vertical;
5027
+ -webkit-box-direction: normal;
5028
+ -webkit-flex-direction: column;
5029
+ -moz-box-orient: vertical;
5030
+ -moz-box-direction: normal;
5031
+ -ms-flex-direction: column;
5032
+ flex-direction: column;
5033
+ -webkit-box-pack: justify;
5034
+ -webkit-justify-content: space-between;
5035
+ -moz-box-pack: justify;
5036
+ -ms-flex-pack: justify;
5037
+ justify-content: space-between;
5038
+ }
5039
+
5040
+ .premium-person-style3 .premium-person-title-desc-wrap {
5041
+ -js-display: flex;
5042
+ display: -webkit-box;
5043
+ display: -webkit-flex;
5044
+ display: -moz-box;
5045
+ display: -ms-flexbox;
5046
+ display: flex;
5047
+ -webkit-box-orient: horizontal;
5048
+ -webkit-box-direction: reverse;
5049
+ -webkit-flex-direction: row-reverse;
5050
+ -moz-box-orient: horizontal;
5051
+ -moz-box-direction: reverse;
5052
+ -ms-flex-direction: row-reverse;
5053
+ flex-direction: row-reverse;
5054
+ -webkit-box-pack: justify;
5055
+ -webkit-justify-content: space-between;
5056
+ -moz-box-pack: justify;
5057
+ -ms-flex-pack: justify;
5058
+ justify-content: space-between;
5059
+ -webkit-box-align: start;
5060
+ -webkit-align-items: flex-start;
5061
+ -moz-box-align: start;
5062
+ -ms-flex-align: start;
5063
+ align-items: flex-start;
5064
+ }
5065
+
5066
+ .premium-person-style3 .premium-person-name-icons-wrap {
5067
+ -js-display: flex;
5068
+ display: -webkit-box;
5069
+ display: -webkit-flex;
5070
+ display: -moz-box;
5071
+ display: -ms-flexbox;
5072
+ display: flex;
5073
+ -webkit-box-pack: justify;
5074
+ -webkit-justify-content: space-between;
5075
+ -moz-box-pack: justify;
5076
+ -ms-flex-pack: justify;
5077
+ justify-content: space-between;
5078
+ -webkit-box-align: end;
5079
+ -webkit-align-items: flex-end;
5080
+ -moz-box-align: end;
5081
+ -ms-flex-align: end;
5082
+ align-items: flex-end;
5083
+ }
5084
+
5085
+ .premium-person-style3 .premium-person-title {
5086
+ opacity: 0;
5087
+ -webkit-transition: all 0.3s ease;
5088
+ transition: all 0.3s ease;
5089
+ width: 0;
5090
+ }
5091
+
5092
+ .premium-person-style3 .premium-person-title span {
5093
+ display: inline-block;
5094
+ }
5095
+
5096
+ .premium-person-style3 .premium-person-name {
5097
+ padding-right: 10px;
5098
+ }
5099
+
5100
+ .premium-person-style3 .premium-person-social-list {
5101
+ -js-display: flex;
5102
+ display: -webkit-box;
5103
+ display: -webkit-flex;
5104
+ display: -moz-box;
5105
+ display: -ms-flexbox;
5106
+ display: flex;
5107
+ -webkit-box-orient: vertical;
5108
+ -webkit-box-direction: normal;
5109
+ -webkit-flex-direction: column;
5110
+ -moz-box-orient: vertical;
5111
+ -moz-box-direction: normal;
5112
+ -ms-flex-direction: column;
5113
+ flex-direction: column;
5114
+ -webkit-transform: translateY(20px);
5115
+ -ms-transform: translateY(20px);
5116
+ transform: translateY(20px);
5117
+ opacity: 0;
5118
+ -webkit-transition: all 0.3s ease;
5119
+ transition: all 0.3s ease;
5120
+ }
5121
+
5122
+ .premium-person-style3 .premium-person-list-item {
5123
+ line-height: 0;
5124
+ }
5125
+
5126
+ .premium-person-style3 .premium-person-list-item a {
5127
+ padding: 5px 0 0 10px;
5128
+ margin: 5px 0;
5129
+ }
5130
+
5131
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5132
+ opacity: 1;
5133
+ }
5134
+
5135
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5136
+ opacity: 1;
5137
+ -webkit-transform: translateY(0);
5138
+ -ms-transform: translateY(0);
5139
+ transform: translateY(0);
5140
+ }
5141
+
5142
+ .premium-persons-title-cw .premium-person-title {
5143
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5144
+ -ms-transform: translateX(-15px) rotate(-90deg);
5145
+ transform: translateX(-15px) rotate(-90deg);
5146
+ -webkit-transform-origin: top;
5147
+ -ms-transform-origin: top;
5148
+ transform-origin: top;
5149
+ }
5150
+
5151
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5152
+ -webkit-transform: translateX(0) rotate(-90deg);
5153
+ -ms-transform: translateX(0) rotate(-90deg);
5154
+ transform: translateX(0) rotate(-90deg);
5155
+ }
5156
+
5157
+ .premium-persons-title-ccw .premium-person-title {
5158
+ width: auto;
5159
+ margin-left: 20px;
5160
+ -webkit-transform: translateX(-15px) rotate(90deg);
5161
+ -ms-transform: translateX(-15px) rotate(90deg);
5162
+ transform: translateX(-15px) rotate(90deg);
5163
+ -webkit-transform-origin: center left;
5164
+ -ms-transform-origin: center left;
5165
+ transform-origin: center left;
5166
+ }
5167
+
5168
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5169
+ -webkit-transform: translateX(0) rotate(90deg);
5170
+ -ms-transform: translateX(0) rotate(90deg);
5171
+ transform: translateX(0) rotate(90deg);
5172
+ }
5173
+
5174
+ /**************** Premium Fancy Text *******************/
5175
+ /*******************************************************/
5176
+ .premium-suffix-text,
5177
+ .premium-fancy-text,
5178
+ .premium-prefix-text {
5179
+ font-size: 40px;
5180
+ }
5181
+
5182
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5183
+ list-style: none;
5184
+ }
5185
+
5186
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5187
+ vertical-align: top;
5188
+ }
5189
+
5190
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5191
+ margin: 0;
5192
+ padding: 0;
5193
+ border: none;
5194
+ position: relative;
5195
+ }
5196
+
5197
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5198
+ position: absolute;
5199
+ top: 0;
5200
+ left: 0;
5201
+ display: inline-block;
5202
+ }
5203
+
5204
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5205
+ opacity: 0;
5206
+ -webkit-animation: pa-zoom-out 0.8s;
5207
+ animation: pa-zoom-out 0.8s;
5208
+ }
5209
+
5210
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5211
+ position: relative !important;
5212
+ -webkit-animation: pa-zoom-in 0.8s;
5213
+ animation: pa-zoom-in 0.8s;
5214
+ }
5215
+
5216
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5217
+ -webkit-perspective: 300px;
5218
+ perspective: 300px;
5219
+ }
5220
+
5221
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5222
+ -webkit-transform-origin: 50% 100%;
5223
+ -ms-transform-origin: 50% 100%;
5224
+ transform-origin: 50% 100%;
5225
+ }
5226
+
5227
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5228
+ opacity: 0;
5229
+ -webkit-transform: rotateX(180deg);
5230
+ transform: rotateX(180deg);
5231
+ -webkit-animation: pa-rotate-out 1.2s;
5232
+ animation: pa-rotate-out 1.2s;
5233
+ }
5234
+
5235
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5236
+ position: relative !important;
5237
+ -webkit-transform: rotateX(0deg);
5238
+ transform: rotateX(0deg);
5239
+ -webkit-animation: pa-rotate-in 1.2s;
5240
+ animation: pa-rotate-in 1.2s;
5241
+ }
5242
+
5243
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
5244
+ opacity: 0;
5245
+ }
5246
+
5247
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5248
+ position: relative !important;
5249
+ }
5250
+
5251
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5252
+ display: inline-block;
5253
+ width: 200px;
5254
+ font-weight: 400;
5255
+ }
5256
+
5257
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5258
+ position: relative;
5259
+ vertical-align: sub;
5260
+ }
5261
+
5262
+ .premium-fancy-text-wrapper.auto-fade g>text {
5263
+ text-anchor: start;
5264
+ shape-rendering: crispEdges;
5265
+ opacity: 0;
5266
+ font-size: 300px;
5267
+ -webkit-animation-name: pa-auto-fade;
5268
+ animation-name: pa-auto-fade;
5269
+ -moz-animation-name: pa-auto-fade;
5270
+ -webkit-animation-duration: 9s;
5271
+ animation-duration: 9s;
5272
+ -webkit-animation-timing-function: linear;
5273
+ animation-timing-function: linear;
5274
+ -webkit-animation-iteration-count: infinite;
5275
+ animation-iteration-count: infinite;
5276
+ }
5277
+
5278
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5279
+ -webkit-animation-delay: 0s;
5280
+ animation-delay: 0s;
5281
+ }
5282
+
5283
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5284
+ -webkit-animation-delay: 3s;
5285
+ animation-delay: 3s;
5286
+ }
5287
+
5288
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5289
+ -webkit-animation-delay: 6s;
5290
+ animation-delay: 6s;
5291
+ }
5292
+
5293
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
5294
+ position: relative;
5295
+ }
5296
+
5297
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5298
+ position: absolute;
5299
+ width: 100%;
5300
+ height: 3px;
5301
+ bottom: 0;
5302
+ left: 0;
5303
+ animation: pa-loading-bar 2.5s ease-out infinite;
5304
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5305
+ }
5306
+
5307
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5308
+ -webkit-animation-play-state: paused;
5309
+ animation-play-state: paused;
5310
+ }
5311
+
5312
+ @-webkit-keyframes pa-auto-fade {
5313
+ 0% {
5314
+ opacity: 0;
5315
+ }
5316
+
5317
+ 20% {
5318
+ opacity: 1;
5319
+ }
5320
+
5321
+ 35% {
5322
+ opacity: 0;
5323
+ }
5324
+
5325
+ 100% {
5326
+ opacity: 0;
5327
+ }
5328
+ }
5329
+
5330
+ @keyframes pa-auto-fade {
5331
+ 0% {
5332
+ opacity: 0;
5333
+ }
5334
+
5335
+ 20% {
5336
+ opacity: 1;
5337
+ }
5338
+
5339
+ 35% {
5340
+ opacity: 0;
5341
+ }
5342
+
5343
+ 100% {
5344
+ opacity: 0;
5345
+ }
5346
+ }
5347
+
5348
+ @-webkit-keyframes pa-loading-bar {
5349
+ 0% {
5350
+ width: 0;
5351
+ }
5352
+
5353
+ 100% {
5354
+ width: 100;
5355
+ }
5356
+ }
5357
+
5358
+ @keyframes pa-loading-bar {
5359
+ 0% {
5360
+ width: 0;
5361
+ }
5362
+
5363
+ 100% {
5364
+ width: 100;
5365
+ }
5366
+ }
5367
+
5368
+ @-webkit-keyframes pa-zoom-in {
5369
+ 0% {
5370
+ opacity: 0;
5371
+ -webkit-transform: translateZ(100px);
5372
+ transform: translateZ(100px);
5373
+ }
5374
+
5375
+ 100% {
5376
+ opacity: 1;
5377
+ -webkit-transform: translateZ(0);
5378
+ transform: translateZ(0);
5379
+ }
5380
+ }
5381
+
5382
+ @keyframes pa-zoom-in {
5383
+ 0% {
5384
+ opacity: 0;
5385
+ -webkit-transform: translateZ(100px);
5386
+ transform: translateZ(100px);
5387
+ }
5388
+
5389
+ 100% {
5390
+ opacity: 1;
5391
+ -webkit-transform: translateZ(0);
5392
+ transform: translateZ(0);
5393
+ }
5394
+ }
5395
+
5396
+ @-webkit-keyframes pa-zoom-out {
5397
+ 0% {
5398
+ opacity: 1;
5399
+ -webkit-transform: translateZ(0);
5400
+ transform: translateZ(0);
5401
+ }
5402
+
5403
+ 100% {
5404
+ opacity: 0;
5405
+ -webkit-transform: translateZ(-100px);
5406
+ transform: translateZ(-100px);
5407
+ }
5408
+ }
5409
+
5410
+ @keyframes pa-zoom-out {
5411
+ 0% {
5412
+ opacity: 1;
5413
+ -webkit-transform: translateZ(0);
5414
+ transform: translateZ(0);
5415
+ }
5416
+
5417
+ 100% {
5418
+ opacity: 0;
5419
+ -webkit-transform: translateZ(-100px);
5420
+ transform: translateZ(-100px);
5421
+ }
5422
+ }
5423
+
5424
+ @-webkit-keyframes pa-rotate-in {
5425
+ 0% {
5426
+ opacity: 0;
5427
+ -webkit-transform: rotateX(180deg);
5428
+ transform: rotateX(180deg);
5429
+ }
5430
+
5431
+ 35% {
5432
+ opacity: 0;
5433
+ -webkit-transform: rotateX(120deg);
5434
+ transform: rotateX(120deg);
5435
+ }
5436
+
5437
+ 65% {
5438
+ opacity: 0;
5439
+ }
5440
+
5441
+ 100% {
5442
+ opacity: 1;
5443
+ -webkit-transform: rotateX(360deg);
5444
+ transform: rotateX(360deg);
5445
+ }
5446
+ }
5447
+
5448
+ @keyframes pa-rotate-in {
5449
+ 0% {
5450
+ opacity: 0;
5451
+ -webkit-transform: rotateX(180deg);
5452
+ transform: rotateX(180deg);
5453
+ }
5454
+
5455
+ 35% {
5456
+ opacity: 0;
5457
+ -webkit-transform: rotateX(120deg);
5458
+ transform: rotateX(120deg);
5459
+ }
5460
+
5461
+ 65% {
5462
+ opacity: 0;
5463
+ }
5464
+
5465
+ 100% {
5466
+ opacity: 1;
5467
+ -webkit-transform: rotateX(360deg);
5468
+ transform: rotateX(360deg);
5469
+ }
5470
+ }
5471
+
5472
+ @-webkit-keyframes pa-rotate-out {
5473
+ 0% {
5474
+ opacity: 1;
5475
+ -webkit-transform: rotateX(0deg);
5476
+ transform: rotateX(0deg);
5477
+ }
5478
+
5479
+ 35% {
5480
+ opacity: 1;
5481
+ -webkit-transform: rotateX(-40deg);
5482
+ transform: rotateX(-40deg);
5483
+ }
5484
+
5485
+ 65% {
5486
+ opacity: 0;
5487
+ }
5488
+
5489
+ 100% {
5490
+ opacity: 0;
5491
+ -webkit-transform: rotateX(180deg);
5492
+ transform: rotateX(180deg);
5493
+ }
5494
+ }
5495
+
5496
+ @keyframes pa-rotate-out {
5497
+ 0% {
5498
+ opacity: 1;
5499
+ -webkit-transform: rotateX(0deg);
5500
+ transform: rotateX(0deg);
5501
+ }
5502
+
5503
+ 35% {
5504
+ opacity: 1;
5505
+ -webkit-transform: rotateX(-40deg);
5506
+ transform: rotateX(-40deg);
5507
+ }
5508
+
5509
+ 65% {
5510
+ opacity: 0;
5511
+ }
5512
+
5513
+ 100% {
5514
+ opacity: 0;
5515
+ -webkit-transform: rotateX(180deg);
5516
+ transform: rotateX(180deg);
5517
+ }
5518
+ }
5519
+
5520
+ /**************** Premium Pricing Table ****************/
5521
+ /*******************************************************/
5522
+ .premium-pricing-table-container {
5523
+ position: relative;
5524
+ overflow: hidden;
5525
+ text-align: center;
5526
+ -webkit-transition: all 0.3s ease-in-out;
5527
+ transition: all 0.3s ease-in-out;
5528
+ }
5529
+
5530
+ .premium-pricing-icon-container {
5531
+ -js-display: flex;
5532
+ display: -webkit-box;
5533
+ display: -webkit-flex;
5534
+ display: -moz-box;
5535
+ display: -ms-flexbox;
5536
+ display: flex;
5537
+ -webkit-box-pack: center;
5538
+ -webkit-justify-content: center;
5539
+ -moz-box-pack: center;
5540
+ -ms-flex-pack: center;
5541
+ justify-content: center;
5542
+ line-height: 0;
5543
+ }
5544
+
5545
+ .premium-pricing-icon-container .premium-pricing-icon {
5546
+ display: inline-block;
5547
+ }
5548
+
5549
+ .premium-pricing-icon-container .premium-pricing-image {
5550
+ overflow: hidden;
5551
+ }
5552
+
5553
+ .premium-pricing-icon-container .premium-pricing-image img {
5554
+ width: 25px;
5555
+ height: 25px;
5556
+ -o-object-fit: cover;
5557
+ object-fit: cover;
5558
+ }
5559
+
5560
+ .premium-badge-left {
5561
+ position: absolute;
5562
+ top: 0;
5563
+ }
5564
+
5565
+ .premium-badge-right {
5566
+ position: absolute;
5567
+ top: 0;
5568
+ right: 0;
5569
+ }
5570
+
5571
+ .premium-badge-left {
5572
+ left: 0;
5573
+ }
5574
+
5575
+ .premium-badge-triangle.premium-badge-left .corner {
5576
+ width: 0;
5577
+ height: 0;
5578
+ border-top: 150px solid;
5579
+ border-bottom: 150px solid transparent;
5580
+ border-right: 150px solid transparent;
5581
+ }
5582
+
5583
+ .premium-badge-triangle.premium-badge-right .corner {
5584
+ width: 0;
5585
+ height: 0;
5586
+ border-bottom: 150px solid transparent;
5587
+ border-right: 150px solid;
5588
+ border-left: 150px solid transparent;
5589
+ }
5590
+
5591
+ .premium-badge-triangle span {
5592
+ position: absolute;
5593
+ top: 35px;
5594
+ width: 100px;
5595
+ text-align: center;
5596
+ -webkit-transform: rotate(-45deg);
5597
+ -ms-transform: rotate(-45deg);
5598
+ transform: rotate(-45deg);
5599
+ display: block;
5600
+ text-transform: uppercase;
5601
+ }
5602
+
5603
+ .premium-badge-triangle.premium-badge-right span {
5604
+ -webkit-transform: rotate(45deg);
5605
+ -ms-transform: rotate(45deg);
5606
+ transform: rotate(45deg);
5607
+ right: 0;
5608
+ }
5609
+
5610
+ .premium-badge-circle {
5611
+ min-width: 4em;
5612
+ min-height: 4em;
5613
+ line-height: 4em;
5614
+ text-align: center;
5615
+ -webkit-border-radius: 100%;
5616
+ border-radius: 100%;
5617
+ position: absolute;
5618
+ z-index: 1;
5619
+ }
5620
+
5621
+ .premium-badge-stripe {
5622
+ position: absolute;
5623
+ -webkit-transform: rotate(90deg);
5624
+ -ms-transform: rotate(90deg);
5625
+ transform: rotate(90deg);
5626
+ width: 15em;
5627
+ overflow: hidden;
5628
+ height: 15em;
5629
+ }
5630
+
5631
+ .premium-badge-stripe.premium-badge-left {
5632
+ -webkit-transform: rotate(0);
5633
+ -ms-transform: rotate(0);
5634
+ transform: rotate(0);
5635
+ }
5636
+
5637
+ .premium-badge-stripe .corner {
5638
+ text-align: center;
5639
+ left: 0;
5640
+ width: 150%;
5641
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5642
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5643
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5644
+ margin-top: 35px;
5645
+ font-size: 13px;
5646
+ line-height: 2;
5647
+ font-weight: 800;
5648
+ text-transform: uppercase;
5649
+ }
5650
+
5651
+ .premium-badge-flag .corner {
5652
+ text-align: center;
5653
+ -webkit-border-radius: 4px 4px 0 4px;
5654
+ border-radius: 4px 4px 0 4px;
5655
+ padding: 3px 15px;
5656
+ position: absolute;
5657
+ top: 10%;
5658
+ right: -8px;
5659
+ }
5660
+
5661
+ .premium-badge-flag .corner::before,
5662
+ .premium-badge-flag .corner::after {
5663
+ content: "";
5664
+ display: block;
5665
+ position: absolute;
5666
+ width: 0;
5667
+ height: 0;
5668
+ top: 100%;
5669
+ right: 0;
5670
+ border-bottom: 8px solid transparent;
5671
+ }
5672
+
5673
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5674
+ overflow: visible !important;
5675
+ }
5676
+
5677
+ .premium-badge-flag .corner::after {
5678
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5679
+ }
5680
+
5681
+ .premium-pricing-price-currency {
5682
+ position: relative;
5683
+ }
5684
+
5685
+ .premium-pricing-button-container {
5686
+ display: block;
5687
+ }
5688
+
5689
+ .premium-pricing-list {
5690
+ -js-display: flex;
5691
+ display: -webkit-box;
5692
+ display: -webkit-flex;
5693
+ display: -moz-box;
5694
+ display: -ms-flexbox;
5695
+ display: flex;
5696
+ -webkit-box-orient: vertical;
5697
+ -webkit-box-direction: normal;
5698
+ -webkit-flex-direction: column;
5699
+ -moz-box-orient: vertical;
5700
+ -moz-box-direction: normal;
5701
+ -ms-flex-direction: column;
5702
+ flex-direction: column;
5703
+ list-style-type: none;
5704
+ margin: 0;
5705
+ }
5706
+
5707
+ .premium-pricing-list .premium-pricing-list-item {
5708
+ -js-display: flex;
5709
+ display: -webkit-box;
5710
+ display: -webkit-flex;
5711
+ display: -moz-box;
5712
+ display: -ms-flexbox;
5713
+ display: flex;
5714
+ -webkit-box-align: center;
5715
+ -webkit-align-items: center;
5716
+ -moz-box-align: center;
5717
+ -ms-flex-align: center;
5718
+ align-items: center;
5719
+ }
5720
+
5721
+ .premium-pricing-list .premium-pricing-list-item svg {
5722
+ width: 50px;
5723
+ height: 50px;
5724
+ }
5725
+
5726
+ .premium-pricing-list .premium-pricing-list-item img {
5727
+ width: 30px;
5728
+ height: 30px;
5729
+ -o-object-fit: cover;
5730
+ object-fit: cover;
5731
+ }
5732
+
5733
+ .premium-pricing-list .premium-pricing-list-span {
5734
+ position: relative;
5735
+ }
5736
+
5737
+ .premium-pricing-list .list-item-tooltip {
5738
+ border-bottom: 1px dotted;
5739
+ }
5740
+
5741
+ .premium-pricing-list .premium-pricing-list-tooltip {
5742
+ position: absolute;
5743
+ top: -webkit-calc(100% + 1px);
5744
+ top: calc(100% + 1px);
5745
+ right: 0;
5746
+ visibility: hidden;
5747
+ padding: 15px 20px;
5748
+ -webkit-border-radius: 5px;
5749
+ border-radius: 5px;
5750
+ min-width: 200px;
5751
+ overflow: hidden;
5752
+ text-align: right;
5753
+ font-size: 0.8rem;
5754
+ color: #fff;
5755
+ background-color: #aaa;
5756
+ }
5757
+
5758
+ .premium-pricing-features-left .premium-pricing-list-span {
5759
+ text-align: right;
5760
+ }
5761
+
5762
+ .premium-pricing-features-center .premium-pricing-list-span {
5763
+ text-align: center;
5764
+ }
5765
+
5766
+ .premium-pricing-features-right .premium-pricing-list-span {
5767
+ text-align: left;
5768
+ }
5769
+
5770
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5771
+ z-index: 99;
5772
+ visibility: visible;
5773
+ opacity: 1;
5774
+ }
5775
+
5776
+ .premium-pricing-slashed-price-value {
5777
+ display: inline-block;
5778
+ font-size: 20px;
5779
+ font-weight: 400;
5780
+ margin-left: 5px;
5781
+ }
5782
+
5783
+ .premium-pricing-price-value {
5784
+ font-size: 70px;
5785
+ }
5786
+
5787
+ .premium-pricing-description-container li {
5788
+ list-style-position: inside;
5789
+ text-indent: -40px;
5790
+ }
5791
+
5792
+ @-moz-document url-prefix() {
5793
+ .premium-pricing-description-container li {
5794
+ text-indent: 0px;
5795
+ }
5796
+ }
5797
+
5798
+ .premium-pricing-price-button {
5799
+ display: block;
5800
+ padding: 6px 12px;
5801
+ line-height: 1.42857143;
5802
+ text-align: center;
5803
+ color: #fff;
5804
+ background: #6ec1e4;
5805
+ margin-bottom: 0;
5806
+ -webkit-transition: all 0.3s ease-in-out;
5807
+ transition: all 0.3s ease-in-out;
5808
+ }
5809
+
5810
+ /**************** Premium Google Maps ******************/
5811
+ /*******************************************************/
5812
+ .premium-maps-info-container {
5813
+ margin-top: 10px;
5814
+ margin-bottom: 10px;
5815
+ }
5816
+
5817
+ .premium-maps-info-title,
5818
+ .premium-maps-info-desc {
5819
+ margin: 0;
5820
+ padding: 0;
5821
+ }
5822
+
5823
+ .premium-maps-container .gm-style-iw {
5824
+ text-align: center;
5825
+ direction: ltr;
5826
+ }
5827
+
5828
+ .premium-maps-container .gm-style img {
5829
+ max-width: none !important;
5830
+ }
5831
+
5832
+ /**************** Premium Button ***********************/
5833
+ /*******************************************************/
5834
+ .premium-button {
5835
+ display: inline-block;
5836
+ position: relative;
5837
+ overflow: hidden;
5838
+ cursor: pointer;
5839
+ -webkit-transition: all 0.2s ease-in-out !important;
5840
+ transition: all 0.2s ease-in-out !important;
5841
+ }
5842
+
5843
+ .premium-button-sm {
5844
+ padding: 12px 24px;
5845
+ font-size: 14px;
5846
+ line-height: 1;
5847
+ }
5848
+
5849
+ .premium-button .premium-lottie-animation,
5850
+ .premium-image-button .premium-lottie-animation {
5851
+ -js-display: flex;
5852
+ display: -webkit-box;
5853
+ display: -webkit-flex;
5854
+ display: -moz-box;
5855
+ display: -ms-flexbox;
5856
+ display: flex;
5857
+ }
5858
+
5859
+ .premium-button .premium-lottie-animation svg,
5860
+ .premium-image-button .premium-lottie-animation svg {
5861
+ width: 50px;
5862
+ height: 50px;
5863
+ }
5864
+
5865
+ .premium-button-md {
5866
+ padding: 14px 26px;
5867
+ font-size: 16px;
5868
+ line-height: 1.2;
5869
+ }
5870
+
5871
+ .premium-button-lg {
5872
+ padding: 16px 28px;
5873
+ font-size: 18px;
5874
+ line-height: 1.3333;
5875
+ }
5876
+
5877
+ .premium-button-block {
5878
+ font-size: 15px;
5879
+ line-height: 1;
5880
+ padding: 12px 24px;
5881
+ width: 100%;
5882
+ text-align: center;
5883
+ }
5884
+
5885
+ .premium-button-text {
5886
+ display: inline-block;
5887
+ width: 100%;
5888
+ }
5889
+
5890
+ .premium-button-style1,
5891
+ .premium-button-style2,
5892
+ .premium-button-style5,
5893
+ .premium-button-style7 {
5894
+ display: inline-block;
5895
+ vertical-align: middle;
5896
+ -webkit-transform: perspective(1px) translateZ(0);
5897
+ transform: perspective(1px) translateZ(0);
5898
+ -webkit-box-shadow: 0 0 1px transparent;
5899
+ box-shadow: 0 0 1px transparent;
5900
+ position: relative;
5901
+ -webkit-transition-property: color;
5902
+ transition-property: color;
5903
+ -webkit-transition-duration: 0.15s;
5904
+ transition-duration: 0.15s;
5905
+ }
5906
+
5907
+ .premium-button-style1:before,
5908
+ .premium-button-style2:before,
5909
+ .premium-button-style5:before {
5910
+ content: "";
5911
+ position: absolute;
5912
+ z-index: -1;
5913
+ top: 0;
5914
+ right: 0;
5915
+ left: 0;
5916
+ bottom: 0;
5917
+ -webkit-transform: scaleY(0);
5918
+ -ms-transform: scaleY(0);
5919
+ transform: scaleY(0);
5920
+ -webkit-transform-origin: 50% 0;
5921
+ -ms-transform-origin: 50% 0;
5922
+ transform-origin: 50% 0;
5923
+ -webkit-transition-property: -webkit-transform;
5924
+ transition-property: -webkit-transform;
5925
+ transition-property: transform;
5926
+ transition-property: transform, -webkit-transform;
5927
+ -webkit-transition-duration: 0.15s;
5928
+ transition-duration: 0.15s;
5929
+ -webkit-transition-timing-function: ease-out;
5930
+ transition-timing-function: ease-out;
5931
+ }
5932
+
5933
+ .premium-button-style5-radialin:before,
5934
+ .premium-button-style5-radialout:before {
5935
+ -webkit-transform-origin: 50%;
5936
+ -ms-transform-origin: 50%;
5937
+ transform-origin: 50%;
5938
+ -webkit-border-radius: 100%;
5939
+ border-radius: 100%;
5940
+ -webkit-transform: scale(0);
5941
+ -ms-transform: scale(0);
5942
+ transform: scale(0);
5943
+ }
5944
+
5945
+ .premium-button-style5-radialin:before {
5946
+ -webkit-transform: scale(2);
5947
+ -ms-transform: scale(2);
5948
+ transform: scale(2);
5949
+ }
5950
+
5951
+ .premium-button-style5-rectin:before {
5952
+ -webkit-transform-origin: 50%;
5953
+ -ms-transform-origin: 50%;
5954
+ transform-origin: 50%;
5955
+ -webkit-transform: scale(1);
5956
+ -ms-transform: scale(1);
5957
+ transform: scale(1);
5958
+ }
5959
+
5960
+ .premium-button-style5-rectout:before {
5961
+ -webkit-transform-origin: 50%;
5962
+ -ms-transform-origin: 50%;
5963
+ transform-origin: 50%;
5964
+ -webkit-transform: scale(0);
5965
+ -ms-transform: scale(0);
5966
+ transform: scale(0);
5967
+ }
5968
+
5969
+ .premium-button-style5-rectout:hover:before {
5970
+ -webkit-transform: scale(1);
5971
+ -ms-transform: scale(1);
5972
+ transform: scale(1);
5973
+ }
5974
+
5975
+ .premium-button-style5-rectin:hover:before {
5976
+ -webkit-transform: scale(0);
5977
+ -ms-transform: scale(0);
5978
+ transform: scale(0);
5979
+ }
5980
+
5981
+ .premium-button-style5-radialout:hover:before {
5982
+ -webkit-transform: scale(2);
5983
+ -ms-transform: scale(2);
5984
+ transform: scale(2);
5985
+ }
5986
+
5987
+ .premium-button-style5-radialin:hover:before {
5988
+ -webkit-transform: scale(0);
5989
+ -ms-transform: scale(0);
5990
+ transform: scale(0);
5991
+ }
5992
+
5993
+ .premium-button-style1-top:before {
5994
+ -webkit-transform-origin: 50% 100%;
5995
+ -ms-transform-origin: 50% 100%;
5996
+ transform-origin: 50% 100%;
5997
+ }
5998
+
5999
+ .premium-button-style1-right:before {
6000
+ -webkit-transform: scaleX(0);
6001
+ -ms-transform: scaleX(0);
6002
+ transform: scaleX(0);
6003
+ -webkit-transform-origin: 100% 50%;
6004
+ -ms-transform-origin: 100% 50%;
6005
+ transform-origin: 100% 50%;
6006
+ }
6007
+
6008
+ .premium-button-style1-left:before {
6009
+ -webkit-transform: scaleX(0);
6010
+ -ms-transform: scaleX(0);
6011
+ transform: scaleX(0);
6012
+ -webkit-transform-origin: 0% 50%;
6013
+ -ms-transform-origin: 0% 50%;
6014
+ transform-origin: 0% 50%;
6015
+ }
6016
+
6017
+ .premium-button-style2-shutouthor:before,
6018
+ .premium-button-style2-scshutoutver:before {
6019
+ -webkit-transform: scaleY(0);
6020
+ -ms-transform: scaleY(0);
6021
+ transform: scaleY(0);
6022
+ -webkit-transform-origin: 0% 50%;
6023
+ -ms-transform-origin: 0% 50%;
6024
+ transform-origin: 0% 50%;
6025
+ }
6026
+
6027
+ .premium-button-style2-shutoutver:before,
6028
+ .premium-button-style2-scshutouthor:before {
6029
+ -webkit-transform: scaleX(0);
6030
+ -ms-transform: scaleX(0);
6031
+ transform: scaleX(0);
6032
+ -webkit-transform-origin: 50% 50%;
6033
+ -ms-transform-origin: 50% 50%;
6034
+ transform-origin: 50% 50%;
6035
+ }
6036
+
6037
+ .premium-button-style2-shutinhor:before {
6038
+ -webkit-transform: scaleX(1);
6039
+ -ms-transform: scaleX(1);
6040
+ transform: scaleX(1);
6041
+ -webkit-transform-origin: 50%;
6042
+ -ms-transform-origin: 50%;
6043
+ transform-origin: 50%;
6044
+ }
6045
+
6046
+ .premium-button-style2-shutinver:before {
6047
+ -webkit-transform: scaleY(1);
6048
+ -ms-transform: scaleY(1);
6049
+ transform: scaleY(1);
6050
+ -webkit-transform-origin: 50%;
6051
+ -ms-transform-origin: 50%;
6052
+ transform-origin: 50%;
6053
+ }
6054
+
6055
+ .premium-button-style1-bottom:hover:before,
6056
+ .premium-button-style1-top:hover:before {
6057
+ -webkit-transform: scaleY(1);
6058
+ -ms-transform: scaleY(1);
6059
+ transform: scaleY(1);
6060
+ }
6061
+
6062
+ .premium-button-style1-left:hover:before,
6063
+ .premium-button-style1-right:hover:before,
6064
+ .premium-button-style2-shutouthor:hover:before,
6065
+ .premium-button-style2-shutoutver:hover:before {
6066
+ -webkit-transform: scaleX(1);
6067
+ -ms-transform: scaleX(1);
6068
+ transform: scaleX(1);
6069
+ }
6070
+
6071
+ .premium-button-style2-shutinhor:hover:before {
6072
+ -webkit-transform: scaleX(0);
6073
+ -ms-transform: scaleX(0);
6074
+ transform: scaleX(0);
6075
+ }
6076
+
6077
+ .premium-button-style2-shutinver:hover:before {
6078
+ -webkit-transform: scaleY(0);
6079
+ -ms-transform: scaleY(0);
6080
+ transform: scaleY(0);
6081
+ }
6082
+
6083
+ .premium-button-style2-scshutouthor:hover:before {
6084
+ -webkit-transform: scaleX(0.9);
6085
+ -ms-transform: scaleX(0.9);
6086
+ transform: scaleX(0.9);
6087
+ }
6088
+
6089
+ .premium-button-style2-scshutoutver:hover:before {
6090
+ -webkit-transform: scaleY(0.8);
6091
+ -ms-transform: scaleY(0.8);
6092
+ transform: scaleY(0.8);
6093
+ }
6094
+
6095
+ /*Diagonal*/
6096
+ .premium-button-style2-dshutinhor:before {
6097
+ top: 50%;
6098
+ right: 50%;
6099
+ width: 120%;
6100
+ height: 0%;
6101
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6102
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6103
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6104
+ -webkit-transform-origin: 50%;
6105
+ -ms-transform-origin: 50%;
6106
+ transform-origin: 50%;
6107
+ -webkit-transition-property: all;
6108
+ transition-property: all;
6109
+ }
6110
+
6111
+ .premium-button-style2-dshutinver:before {
6112
+ top: 50%;
6113
+ right: 50%;
6114
+ width: 120%;
6115
+ height: 0%;
6116
+ -webkit-transform-origin: 50%;
6117
+ -ms-transform-origin: 50%;
6118
+ transform-origin: 50%;
6119
+ -webkit-transition-property: all;
6120
+ transition-property: all;
6121
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6122
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6123
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6124
+ }
6125
+
6126
+ .premium-button-style2-dshutinhor:hover:before,
6127
+ .premium-button-style2-dshutinver:hover:before {
6128
+ height: 220%;
6129
+ }
6130
+
6131
+ .premium-button-style3-before i,
6132
+ .premium-button-style3-before svg {
6133
+ opacity: 0;
6134
+ -webkit-transform: translateX(5px);
6135
+ -ms-transform: translateX(5px);
6136
+ transform: translateX(5px);
6137
+ -webkit-transition: all 0.5s ease-in-out;
6138
+ transition: all 0.5s ease-in-out;
6139
+ }
6140
+
6141
+ .premium-button-style3-after i,
6142
+ .premium-button-style3-after svg {
6143
+ opacity: 0;
6144
+ -webkit-transform: translateX(5px);
6145
+ -ms-transform: translateX(5px);
6146
+ transform: translateX(5px);
6147
+ -webkit-transition: all 0.5s ease-in-out;
6148
+ transition: all 0.5s ease-in-out;
6149
+ -webkit-transform: translateX(-5px);
6150
+ -ms-transform: translateX(-5px);
6151
+ transform: translateX(-5px);
6152
+ }
6153
+
6154
+ .premium-button-style3-after:hover i,
6155
+ .premium-button-style3-after:hover svg {
6156
+ opacity: 1;
6157
+ }
6158
+
6159
+ .premium-button-style3-before:hover i,
6160
+ .premium-button-style3-before:hover svg {
6161
+ opacity: 1;
6162
+ }
6163
+
6164
+ .premium-button-text-icon-wrapper {
6165
+ -js-display: flex;
6166
+ display: -webkit-box;
6167
+ display: -webkit-flex;
6168
+ display: -moz-box;
6169
+ display: -ms-flexbox;
6170
+ display: flex;
6171
+ -webkit-box-pack: center;
6172
+ -webkit-justify-content: center;
6173
+ -moz-box-pack: center;
6174
+ -ms-flex-pack: center;
6175
+ justify-content: center;
6176
+ -webkit-box-align: center;
6177
+ -webkit-align-items: center;
6178
+ -moz-box-align: center;
6179
+ -ms-flex-align: center;
6180
+ align-items: center;
6181
+ -webkit-transition: all 0.2s ease-in-out;
6182
+ transition: all 0.2s ease-in-out;
6183
+ }
6184
+
6185
+ .premium-button-text-icon-wrapper span,
6186
+ .premium-button-text-icon-wrapper i,
6187
+ .premium-button-text-icon-wrapper svg {
6188
+ -webkit-transition: all 0.2s ease-in-out;
6189
+ transition: all 0.2s ease-in-out;
6190
+ }
6191
+
6192
+ .premium-button-style4-icon-wrapper {
6193
+ position: absolute;
6194
+ z-index: 2;
6195
+ width: 100%;
6196
+ text-align: center;
6197
+ -js-display: flex;
6198
+ display: -webkit-box;
6199
+ display: -webkit-flex;
6200
+ display: -moz-box;
6201
+ display: -ms-flexbox;
6202
+ display: flex;
6203
+ -webkit-box-align: center;
6204
+ -webkit-align-items: center;
6205
+ -moz-box-align: center;
6206
+ -ms-flex-align: center;
6207
+ align-items: center;
6208
+ -webkit-box-pack: center;
6209
+ -webkit-justify-content: center;
6210
+ -moz-box-pack: center;
6211
+ -ms-flex-pack: center;
6212
+ justify-content: center;
6213
+ height: 100%;
6214
+ opacity: 0;
6215
+ -webkit-transition: all 0.3s ease-in-out;
6216
+ transition: all 0.3s ease-in-out;
6217
+ }
6218
+
6219
+ .premium-button-style4-icon-wrapper.top {
6220
+ bottom: -100%;
6221
+ right: 0;
6222
+ }
6223
+
6224
+ .premium-button-style4-icon-wrapper.bottom {
6225
+ top: -100%;
6226
+ right: 0;
6227
+ }
6228
+
6229
+ .premium-button-style4-icon-wrapper.left {
6230
+ top: 0;
6231
+ right: -100%;
6232
+ }
6233
+
6234
+ .premium-button-style4-icon-wrapper.right {
6235
+ top: 0;
6236
+ left: -100%;
6237
+ }
6238
+
6239
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6240
+ top: 0;
6241
+ opacity: 1;
6242
+ }
6243
+
6244
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6245
+ bottom: 0;
6246
+ opacity: 1;
6247
+ }
6248
+
6249
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6250
+ right: 0;
6251
+ opacity: 1;
6252
+ }
6253
+
6254
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6255
+ left: 0;
6256
+ opacity: 1;
6257
+ }
6258
+
6259
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6260
+ -webkit-transform: translateY(100%);
6261
+ -ms-transform: translateY(100%);
6262
+ transform: translateY(100%);
6263
+ opacity: 0;
6264
+ }
6265
+
6266
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6267
+ -webkit-transform: translateY(-100%);
6268
+ -ms-transform: translateY(-100%);
6269
+ transform: translateY(-100%);
6270
+ opacity: 0;
6271
+ }
6272
+
6273
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6274
+ -webkit-transform: translateX(-100%);
6275
+ -ms-transform: translateX(-100%);
6276
+ transform: translateX(-100%);
6277
+ opacity: 0;
6278
+ }
6279
+
6280
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6281
+ -webkit-transform: translateX(100%);
6282
+ -ms-transform: translateX(100%);
6283
+ transform: translateX(100%);
6284
+ opacity: 0;
6285
+ }
6286
+
6287
+ .premium-button-style6:before {
6288
+ content: "";
6289
+ position: absolute;
6290
+ right: 50%;
6291
+ top: 50%;
6292
+ width: 100px;
6293
+ height: 100px;
6294
+ -webkit-border-radius: 100%;
6295
+ border-radius: 100%;
6296
+ -webkit-transform: translate(50%, -50%) scale(0);
6297
+ -ms-transform: translate(50%, -50%) scale(0);
6298
+ transform: translate(50%, -50%) scale(0);
6299
+ -webkit-transition: all 0.3s ease-in-out;
6300
+ transition: all 0.3s ease-in-out;
6301
+ }
6302
+
6303
+ .premium-button-style6:hover:before {
6304
+ -webkit-transform: translate(50%, -50%) scale(3);
6305
+ -ms-transform: translate(50%, -50%) scale(3);
6306
+ transform: translate(50%, -50%) scale(3);
6307
+ }
6308
+
6309
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6310
+ position: relative;
6311
+ z-index: 1;
6312
+ }
6313
+
6314
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6315
+ position: absolute;
6316
+ z-index: 0;
6317
+ top: 0;
6318
+ right: 0;
6319
+ width: 0px;
6320
+ height: 0px;
6321
+ -webkit-border-radius: 50%;
6322
+ border-radius: 50%;
6323
+ display: block;
6324
+ -webkit-transform: translate(50%, -50%);
6325
+ -ms-transform: translate(50%, -50%);
6326
+ transform: translate(50%, -50%);
6327
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6328
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6329
+ }
6330
+
6331
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6332
+ width: 225%;
6333
+ height: 560px;
6334
+ }
6335
+
6336
+ .premium-mouse-detect-yes .premium-button-style6:before {
6337
+ width: 0;
6338
+ height: 0;
6339
+ }
6340
+
6341
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6342
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6343
+ -webkit-transition: width 0.3s ease-out 0.15s;
6344
+ transition: width 0.3s ease-out 0.15s;
6345
+ }
6346
+
6347
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6348
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6349
+ -webkit-transition: width 0.3s ease-out 0s;
6350
+ transition: width 0.3s ease-out 0s;
6351
+ }
6352
+
6353
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6354
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6355
+ -webkit-transition: height 0.3s ease-out 0.15s;
6356
+ transition: height 0.3s ease-out 0.15s;
6357
+ }
6358
+
6359
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6360
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6361
+ -webkit-transition: height 0.3s ease-out 0s;
6362
+ transition: height 0.3s ease-out 0s;
6363
+ }
6364
+
6365
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6366
+ -webkit-transition-delay: 0s;
6367
+ transition-delay: 0s;
6368
+ }
6369
+
6370
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6371
+ -webkit-transition-delay: 0.15s;
6372
+ transition-delay: 0.15s;
6373
+ }
6374
+
6375
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6376
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6377
+ content: "";
6378
+ position: absolute;
6379
+ left: 0;
6380
+ top: 0;
6381
+ right: 0;
6382
+ height: 0;
6383
+ z-index: -1;
6384
+ }
6385
+
6386
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6387
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6388
+ content: "";
6389
+ position: absolute;
6390
+ left: 0;
6391
+ bottom: 0;
6392
+ right: 0;
6393
+ height: 0;
6394
+ z-index: -1;
6395
+ }
6396
+
6397
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6398
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6399
+ content: "";
6400
+ position: absolute;
6401
+ right: 0;
6402
+ top: 0;
6403
+ bottom: 0;
6404
+ width: 0;
6405
+ z-index: -1;
6406
+ }
6407
+
6408
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6409
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6410
+ content: "";
6411
+ position: absolute;
6412
+ left: 0;
6413
+ top: 0;
6414
+ bottom: 0;
6415
+ width: 0;
6416
+ z-index: -1;
6417
+ }
6418
+
6419
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6420
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6421
+ height: 100%;
6422
+ top: 0;
6423
+ }
6424
+
6425
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6426
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6427
+ height: 100%;
6428
+ bottom: 0;
6429
+ }
6430
+
6431
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6432
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6433
+ width: 100%;
6434
+ left: 0;
6435
+ }
6436
+
6437
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6438
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6439
+ width: 100%;
6440
+ right: 0;
6441
+ }
6442
+
6443
+ /**************** Premium Contact Form7 **********/
6444
+ /*************************************************/
6445
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6446
+ display: block;
6447
+ height: 2px;
6448
+ content: "";
6449
+ top: -2px;
6450
+ position: relative;
6451
+ width: 0px;
6452
+ -webkit-transition: all ease-in-out 0.3s;
6453
+ transition: all ease-in-out 0.3s;
6454
+ }
6455
+
6456
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6457
+ width: 100%;
6458
+ }
6459
+
6460
+ /**************** Premium Image Button ***********/
6461
+ /*************************************************/
6462
+ .premium-image-button {
6463
+ display: inline-block;
6464
+ position: relative;
6465
+ overflow: hidden;
6466
+ background: #6ec1e4;
6467
+ cursor: pointer;
6468
+ -webkit-transition: all 0.2s ease-in-out !important;
6469
+ transition: all 0.2s ease-in-out !important;
6470
+ }
6471
+
6472
+ /*Default background for slide styles*/
6473
+ .premium-image-button:hover,
6474
+ .premium-image-button-style4-icon-wrapper,
6475
+ .premium-image-button-style1-top:before,
6476
+ .premium-image-button-style1-bottom:before,
6477
+ .premium-image-button-style1-left:before,
6478
+ .premium-image-button-style1-right:before {
6479
+ background-color: #54595f;
6480
+ }
6481
+
6482
+ .premium-image-button.premium-image-button-sm {
6483
+ padding: 12px 24px;
6484
+ font-size: 14px;
6485
+ line-height: 1;
6486
+ }
6487
+
6488
+ .premium-image-button.premium-image-button-md {
6489
+ padding: 14px 26px;
6490
+ font-size: 16px;
6491
+ line-height: 1.2;
6492
+ }
6493
+
6494
+ .premium-image-button.premium-image-button-lg {
6495
+ padding: 16px 28px;
6496
+ font-size: 18px;
6497
+ line-height: 1.3333;
6498
+ }
6499
+
6500
+ .premium-image-button.premium-image-button-block {
6501
+ font-size: 15px;
6502
+ line-height: 1;
6503
+ padding: 12px 24px;
6504
+ width: 100%;
6505
+ text-align: center;
6506
+ }
6507
+
6508
+ .premium-image-button-text-icon-wrapper {
6509
+ display: -webkit-box;
6510
+ display: -webkit-flex;
6511
+ display: -ms-flexbox;
6512
+ -js-display: flex;
6513
+ display: -moz-box;
6514
+ display: flex;
6515
+ -webkit-box-pack: center;
6516
+ -webkit-justify-content: center;
6517
+ -moz-box-pack: center;
6518
+ -ms-flex-pack: center;
6519
+ justify-content: center;
6520
+ -webkit-box-align: center;
6521
+ -webkit-align-items: center;
6522
+ -moz-box-align: center;
6523
+ -ms-flex-align: center;
6524
+ align-items: center;
6525
+ position: relative;
6526
+ z-index: 3;
6527
+ }
6528
+
6529
+ .premium-image-button-text-icon-wrapper span,
6530
+ .premium-image-button-text-icon-wrapper,
6531
+ .premium-image-button-text-icon-wrapper i,
6532
+ .premium-image-button-text-icon-wrapper svg {
6533
+ -webkit-transition: all 0.2s ease-in-out;
6534
+ transition: all 0.2s ease-in-out;
6535
+ }
6536
+
6537
+ .premium-image-button-style1-bottom:before,
6538
+ .premium-image-button-style1-top:before,
6539
+ .premium-image-button-style1-left:before,
6540
+ .premium-image-button-style1-right:before {
6541
+ -webkit-transition: all 0.2s ease-in-out;
6542
+ transition: all 0.2s ease-in-out;
6543
+ }
6544
+
6545
+ .premium-image-button-style1-bottom:before {
6546
+ content: "";
6547
+ position: absolute;
6548
+ width: 100%;
6549
+ height: 0;
6550
+ top: 0;
6551
+ right: 0;
6552
+ }
6553
+
6554
+ .premium-image-button-style1-top:before {
6555
+ content: "";
6556
+ position: absolute;
6557
+ width: 100%;
6558
+ height: 0;
6559
+ bottom: 0;
6560
+ right: 0;
6561
+ }
6562
+
6563
+ .premium-image-button-style1-right:before {
6564
+ content: "";
6565
+ position: absolute;
6566
+ width: 0;
6567
+ height: 100%;
6568
+ bottom: 0;
6569
+ right: 0;
6570
+ }
6571
+
6572
+ .premium-image-button-style1-left:before {
6573
+ content: "";
6574
+ position: absolute;
6575
+ width: 0;
6576
+ height: 100%;
6577
+ top: 0;
6578
+ left: 0;
6579
+ }
6580
+
6581
+ .premium-image-button-style1-bottom:hover:before {
6582
+ height: 100%;
6583
+ }
6584
+
6585
+ .premium-image-button-style1-top:hover:before {
6586
+ height: 100%;
6587
+ }
6588
+
6589
+ .premium-image-button-style1-right:hover:before {
6590
+ width: 100%;
6591
+ }
6592
+
6593
+ .premium-image-button-style1-left:hover:before {
6594
+ width: 100%;
6595
+ }
6596
+
6597
+ .premium-image-button-diagonal-top,
6598
+ .premium-image-button-diagonal-bottom,
6599
+ .premium-image-button-diagonal-left,
6600
+ .premium-image-button-diagonal-right {
6601
+ z-index: 10;
6602
+ }
6603
+
6604
+ .premium-image-button-diagonal-top:before,
6605
+ .premium-image-button-diagonal-bottom:before,
6606
+ .premium-image-button-diagonal-left:before,
6607
+ .premium-image-button-diagonal-right:before {
6608
+ position: absolute;
6609
+ top: 0px;
6610
+ right: 0px;
6611
+ width: 100%;
6612
+ height: 100%;
6613
+ content: "";
6614
+ z-index: 1;
6615
+ background: rgba(255, 255, 255, 0.2);
6616
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6617
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6618
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6619
+ -webkit-transition: all 0.8s ease-out;
6620
+ transition: all 0.8s ease-out;
6621
+ }
6622
+
6623
+ .premium-image-button-diagonal-right:hover:before,
6624
+ .premium-image-button-diagonal-left:before {
6625
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6626
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6627
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6628
+ }
6629
+
6630
+ .premium-image-button-diagonal-left:hover:before,
6631
+ .premium-image-button-diagonal-right:before {
6632
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6633
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6634
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6635
+ }
6636
+
6637
+ .premium-image-button-diagonal-top:hover:before,
6638
+ .premium-image-button-diagonal-bottom:before {
6639
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6640
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6641
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6642
+ }
6643
+
6644
+ .premium-image-button-diagonal-bottom:hover:before,
6645
+ .premium-image-button-diagonal-top:before {
6646
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6647
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6648
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6649
+ }
6650
+
6651
+ .premium-image-button-style4-icon-wrapper {
6652
+ position: absolute;
6653
+ z-index: 2;
6654
+ width: 100%;
6655
+ text-align: center;
6656
+ display: -webkit-box;
6657
+ display: -webkit-flex;
6658
+ display: -ms-flexbox;
6659
+ -js-display: flex;
6660
+ display: -moz-box;
6661
+ display: flex;
6662
+ -webkit-box-align: center;
6663
+ -webkit-align-items: center;
6664
+ -moz-box-align: center;
6665
+ -ms-flex-align: center;
6666
+ align-items: center;
6667
+ -webkit-box-pack: center;
6668
+ -webkit-justify-content: center;
6669
+ -moz-box-pack: center;
6670
+ -ms-flex-pack: center;
6671
+ justify-content: center;
6672
+ height: 100%;
6673
+ opacity: 0;
6674
+ -webkit-transition: all 0.3s ease-in-out;
6675
+ transition: all 0.3s ease-in-out;
6676
+ }
6677
+
6678
+ .premium-image-button-style4-icon-wrapper.top {
6679
+ bottom: -100%;
6680
+ right: 0;
6681
+ }
6682
+
6683
+ .premium-image-button-style4-icon-wrapper.bottom {
6684
+ top: -100%;
6685
+ right: 0;
6686
+ }
6687
+
6688
+ .premium-image-button-style4-icon-wrapper.left {
6689
+ top: 0;
6690
+ right: -100%;
6691
+ }
6692
+
6693
+ .premium-image-button-style4-icon-wrapper.right {
6694
+ top: 0;
6695
+ left: -100%;
6696
+ }
6697
+
6698
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6699
+ top: 0;
6700
+ opacity: 1;
6701
+ }
6702
+
6703
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6704
+ bottom: 0;
6705
+ opacity: 1;
6706
+ }
6707
+
6708
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6709
+ right: 0;
6710
+ opacity: 1;
6711
+ }
6712
+
6713
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6714
+ left: 0;
6715
+ opacity: 1;
6716
+ }
6717
+
6718
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6719
+ -webkit-transform: translateY(100%);
6720
+ -ms-transform: translateY(100%);
6721
+ transform: translateY(100%);
6722
+ opacity: 0;
6723
+ }
6724
+
6725
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6726
+ -webkit-transform: translateY(-100%);
6727
+ -ms-transform: translateY(-100%);
6728
+ transform: translateY(-100%);
6729
+ opacity: 0;
6730
+ }
6731
+
6732
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6733
+ -webkit-transform: translateX(-100%);
6734
+ -ms-transform: translateX(-100%);
6735
+ transform: translateX(-100%);
6736
+ opacity: 0;
6737
+ }
6738
+
6739
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6740
+ -webkit-transform: translateX(100%);
6741
+ -ms-transform: translateX(100%);
6742
+ transform: translateX(100%);
6743
+ opacity: 0;
6744
+ }
6745
+
6746
+ .premium-image-button-overlap-effect-horizontal:before,
6747
+ .premium-image-button-overlap-effect-vertical:before {
6748
+ position: absolute;
6749
+ content: "";
6750
+ top: 0;
6751
+ right: 0;
6752
+ width: 100%;
6753
+ height: 100%;
6754
+ opacity: 0;
6755
+ -webkit-transition: all 1s ease-in-out;
6756
+ transition: all 1s ease-in-out;
6757
+ background: rgba(255, 255, 255, 0.2);
6758
+ -webkit-animation-name: premium-overlap-effect-done;
6759
+ animation-name: premium-overlap-effect-done;
6760
+ -webkit-animation-duration: 1s;
6761
+ animation-duration: 1s;
6762
+ }
6763
+
6764
+ .premium-image-button-overlap-effect-vertical:before {
6765
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6766
+ animation-name: premium-overlap-ver-effect-done;
6767
+ -webkit-animation-duration: 1s;
6768
+ animation-duration: 1s;
6769
+ }
6770
+
6771
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6772
+ -webkit-animation-name: premium-overlap-effect;
6773
+ animation-name: premium-overlap-effect;
6774
+ -webkit-animation-duration: 1s;
6775
+ animation-duration: 1s;
6776
+ }
6777
+
6778
+ .premium-image-button-overlap-effect-vertical:hover:before {
6779
+ -webkit-animation-name: premium-overlap-ver-effect;
6780
+ animation-name: premium-overlap-ver-effect;
6781
+ -webkit-animation-duration: 1s;
6782
+ animation-duration: 1s;
6783
+ }
6784
+
6785
+ @-webkit-keyframes premium-overlap-effect {
6786
+ 0% {
6787
+ opacity: 0;
6788
+ -webkit-transform: rotateY(0deg);
6789
+ transform: rotateY(0deg);
6790
+ }
6791
+
6792
+ 50% {
6793
+ opacity: 1;
6794
+ -webkit-transform: rotateY(180deg);
6795
+ transform: rotateY(180deg);
6796
+ }
6797
+
6798
+ 100% {
6799
+ opacity: 0;
6800
+ -webkit-transform: rotateY(360deg);
6801
+ transform: rotateY(360deg);
6802
+ }
6803
+ }
6804
+
6805
+ @keyframes premium-overlap-effect {
6806
+ 0% {
6807
+ opacity: 0;
6808
+ -webkit-transform: rotateY(0deg);
6809
+ transform: rotateY(0deg);
6810
+ }
6811
+
6812
+ 50% {
6813
+ opacity: 1;
6814
+ -webkit-transform: rotateY(180deg);
6815
+ transform: rotateY(180deg);
6816
+ }
6817
+
6818
+ 100% {
6819
+ opacity: 0;
6820
+ -webkit-transform: rotateY(360deg);
6821
+ transform: rotateY(360deg);
6822
+ }
6823
+ }
6824
+
6825
+ @-webkit-keyframes premium-overlap-effect-done {
6826
+ 0% {
6827
+ opacity: 0;
6828
+ -webkit-transform: rotateY(0deg);
6829
+ transform: rotateY(0deg);
6830
+ }
6831
+
6832
+ 50% {
6833
+ opacity: 1;
6834
+ -webkit-transform: rotateY(180deg);
6835
+ transform: rotateY(180deg);
6836
+ }
6837
+
6838
+ 100% {
6839
+ opacity: 0;
6840
+ -webkit-transform: rotateY(360deg);
6841
+ transform: rotateY(360deg);
6842
+ }
6843
+ }
6844
+
6845
+ @keyframes premium-overlap-effect-done {
6846
+ 0% {
6847
+ opacity: 0;
6848
+ -webkit-transform: rotateY(0deg);
6849
+ transform: rotateY(0deg);
6850
+ }
6851
+
6852
+ 50% {
6853
+ opacity: 1;
6854
+ -webkit-transform: rotateY(180deg);
6855
+ transform: rotateY(180deg);
6856
+ }
6857
+
6858
+ 100% {
6859
+ opacity: 0;
6860
+ -webkit-transform: rotateY(360deg);
6861
+ transform: rotateY(360deg);
6862
+ }
6863
+ }
6864
+
6865
+ @-webkit-keyframes premium-overlap-ver-effect {
6866
+ 0% {
6867
+ opacity: 0;
6868
+ -webkit-transform: rotateX(0deg);
6869
+ transform: rotateX(0deg);
6870
+ }
6871
+
6872
+ 50% {
6873
+ opacity: 1;
6874
+ -webkit-transform: rotateX(180deg);
6875
+ transform: rotateX(180deg);
6876
+ }
6877
+
6878
+ 100% {
6879
+ opacity: 0;
6880
+ -webkit-transform: rotateX(360deg);
6881
+ transform: rotateX(360deg);
6882
+ }
6883
+ }
6884
+
6885
+ @keyframes premium-overlap-ver-effect {
6886
+ 0% {
6887
+ opacity: 0;
6888
+ -webkit-transform: rotateX(0deg);
6889
+ transform: rotateX(0deg);
6890
+ }
6891
+
6892
+ 50% {
6893
+ opacity: 1;
6894
+ -webkit-transform: rotateX(180deg);
6895
+ transform: rotateX(180deg);
6896
+ }
6897
+
6898
+ 100% {
6899
+ opacity: 0;
6900
+ -webkit-transform: rotateX(360deg);
6901
+ transform: rotateX(360deg);
6902
+ }
6903
+ }
6904
+
6905
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6906
+ 0% {
6907
+ opacity: 0;
6908
+ -webkit-transform: rotateX(0deg);
6909
+ transform: rotateX(0deg);
6910
+ }
6911
+
6912
+ 50% {
6913
+ opacity: 1;
6914
+ -webkit-transform: rotateX(180deg);
6915
+ transform: rotateX(180deg);
6916
+ }
6917
+
6918
+ 100% {
6919
+ opacity: 0;
6920
+ -webkit-transform: rotateX(360deg);
6921
+ transform: rotateX(360deg);
6922
+ }
6923
+ }
6924
+
6925
+ @keyframes premium-overlap-ver-effect-done {
6926
+ 0% {
6927
+ opacity: 0;
6928
+ -webkit-transform: rotateX(0deg);
6929
+ transform: rotateX(0deg);
6930
+ }
6931
+
6932
+ 50% {
6933
+ opacity: 1;
6934
+ -webkit-transform: rotateX(180deg);
6935
+ transform: rotateX(180deg);
6936
+ }
6937
+
6938
+ 100% {
6939
+ opacity: 0;
6940
+ -webkit-transform: rotateX(360deg);
6941
+ transform: rotateX(360deg);
6942
+ }
6943
+ }
6944
+
6945
+ /**************** Premium Grid *******************/
6946
+ /*************************************************/
6947
+ .premium-img-gallery-filter,
6948
+ .premium-blog-filter {
6949
+ display: -webkit-box;
6950
+ display: -webkit-flex;
6951
+ display: -ms-flexbox;
6952
+ -js-display: flex;
6953
+ display: -moz-box;
6954
+ display: flex;
6955
+ -webkit-box-align: center;
6956
+ -webkit-align-items: center;
6957
+ -moz-box-align: center;
6958
+ -ms-flex-align: center;
6959
+ align-items: center;
6960
+ -webkit-box-pack: center;
6961
+ -webkit-justify-content: center;
6962
+ -moz-box-pack: center;
6963
+ -ms-flex-pack: center;
6964
+ justify-content: center;
6965
+ }
6966
+
6967
+ .premium-img-gallery {
6968
+ clear: both;
6969
+ overflow: hidden;
6970
+ }
6971
+
6972
+ .premium-gallery-container .premium-gallery-item {
6973
+ padding: 10px;
6974
+ float: right;
6975
+ /* Google Chrome isotope issue */
6976
+ }
6977
+
6978
+ .premium-gallery-container .grid-sizer {
6979
+ width: 33.33%;
6980
+ }
6981
+
6982
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
6983
+ .premium-blog-filter .premium-blog-filters-container li a.category {
6984
+ outline: none;
6985
+ text-decoration: none;
6986
+ -webkit-border-radius: 75px;
6987
+ border-radius: 75px;
6988
+ margin: 15px 5px 20px;
6989
+ padding: 7px 20px;
6990
+ -webkit-transition: all 0.3s ease-in-out;
6991
+ transition: all 0.3s ease-in-out;
6992
+ }
6993
+
6994
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
6995
+ -webkit-transition: all 0.3s ease-in-out;
6996
+ transition: all 0.3s ease-in-out;
6997
+ }
6998
+
6999
+ .pa-gallery-img {
7000
+ position: relative;
7001
+ }
7002
+
7003
+ .pa-gallery-img .pa-gallery-whole-link {
7004
+ position: absolute;
7005
+ top: 0;
7006
+ right: 0;
7007
+ width: 100%;
7008
+ height: 100%;
7009
+ }
7010
+
7011
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
7012
+ z-index: 99;
7013
+ }
7014
+
7015
+ .pa-gallery-img-container {
7016
+ overflow: hidden;
7017
+ -webkit-backface-visibility: hidden;
7018
+ -moz-backface-visibility: hidden;
7019
+ -webkit-transform: translate3d(0, 0, 0);
7020
+ transform: translate3d(0, 0, 0);
7021
+ }
7022
+
7023
+ .pa-gallery-img-container img {
7024
+ display: block;
7025
+ width: 100%;
7026
+ -webkit-transition: all 0.3s ease-in-out;
7027
+ transition: all 0.3s ease-in-out;
7028
+ }
7029
+
7030
+ .premium-img-gallery.gray img {
7031
+ -webkit-filter: grayscale(100%);
7032
+ filter: grayscale(100%);
7033
+ }
7034
+
7035
+ .premium-img-gallery.zoomout img,
7036
+ .premium-img-gallery.scale img {
7037
+ -webkit-transform: scale(1.2);
7038
+ -ms-transform: scale(1.2);
7039
+ transform: scale(1.2);
7040
+ }
7041
+
7042
+ .premium-img-gallery.sepia img {
7043
+ -webkit-filter: sepia(30%);
7044
+ filter: sepia(30%);
7045
+ }
7046
+
7047
+ .premium-img-gallery.bright img {
7048
+ -webkit-filter: brightness(1);
7049
+ filter: brightness(1);
7050
+ }
7051
+
7052
+ .premium-img-gallery.trans img {
7053
+ -webkit-transform: translateX(15px) scale(1.1);
7054
+ -ms-transform: translateX(15px) scale(1.1);
7055
+ transform: translateX(15px) scale(1.1);
7056
+ }
7057
+
7058
+ .pa-gallery-img .pa-gallery-magnific-image,
7059
+ .pa-gallery-img .pa-gallery-img-link {
7060
+ outline: none;
7061
+ }
7062
+
7063
+ .pa-gallery-img .pa-gallery-magnific-image span,
7064
+ .pa-gallery-img .pa-gallery-img-link span {
7065
+ line-height: 1;
7066
+ display: inline-block;
7067
+ opacity: 0;
7068
+ margin: 0 5px;
7069
+ padding: 15px;
7070
+ -webkit-border-radius: 50%;
7071
+ border-radius: 50%;
7072
+ }
7073
+
7074
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7075
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7076
+ margin: 0 5px 20px;
7077
+ }
7078
+
7079
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7080
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7081
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7082
+ }
7083
+
7084
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7085
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7086
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7087
+ }
7088
+
7089
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7090
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7091
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7092
+ opacity: 1;
7093
+ }
7094
+
7095
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7096
+ .premium-blog-filter ul.premium-blog-filters-container {
7097
+ text-align: center;
7098
+ margin: 0;
7099
+ padding: 0;
7100
+ }
7101
+
7102
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7103
+ .premium-blog-filter .premium-blog-filters-container li {
7104
+ list-style: none;
7105
+ display: -webkit-inline-box;
7106
+ display: -webkit-inline-flex;
7107
+ display: -ms-inline-flexbox;
7108
+ -js-display: inline-flex;
7109
+ display: -moz-inline-box;
7110
+ display: inline-flex;
7111
+ }
7112
+
7113
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7114
+ -webkit-transform: scale(1.1);
7115
+ -ms-transform: scale(1.1);
7116
+ transform: scale(1.1);
7117
+ }
7118
+
7119
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7120
+ -webkit-transform: scale(1);
7121
+ -ms-transform: scale(1);
7122
+ transform: scale(1);
7123
+ }
7124
+
7125
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7126
+ -webkit-transform: scale(1.3) rotate(-5deg);
7127
+ -ms-transform: scale(1.3) rotate(-5deg);
7128
+ transform: scale(1.3) rotate(-5deg);
7129
+ }
7130
+
7131
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7132
+ -webkit-filter: grayscale(0%);
7133
+ filter: grayscale(0%);
7134
+ }
7135
+
7136
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7137
+ -webkit-filter: blur(3px);
7138
+ filter: blur(3px);
7139
+ }
7140
+
7141
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7142
+ -webkit-filter: sepia(0%);
7143
+ filter: sepia(0%);
7144
+ }
7145
+
7146
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7147
+ -webkit-transform: translateX(0px) scale(1.1);
7148
+ -ms-transform: translateX(0px) scale(1.1);
7149
+ transform: translateX(0px) scale(1.1);
7150
+ }
7151
+
7152
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7153
+ -webkit-filter: brightness(1.2);
7154
+ filter: brightness(1.2);
7155
+ }
7156
+
7157
+ .pa-gallery-img .premium-gallery-caption {
7158
+ padding: 10px;
7159
+ }
7160
+
7161
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7162
+ margin-bottom: 0;
7163
+ }
7164
+
7165
+ .pa-gallery-img.style1 {
7166
+ overflow: hidden;
7167
+ }
7168
+
7169
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7170
+ position: absolute;
7171
+ top: 0;
7172
+ right: 0;
7173
+ width: 100%;
7174
+ height: 100%;
7175
+ -webkit-transition: all 0.3s ease-in-out;
7176
+ transition: all 0.3s ease-in-out;
7177
+ }
7178
+
7179
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7180
+ position: absolute;
7181
+ top: 33.33%;
7182
+ width: 100%;
7183
+ text-align: center;
7184
+ -webkit-transform: translateY(-50%);
7185
+ -ms-transform: translateY(-50%);
7186
+ transform: translateY(-50%);
7187
+ z-index: 999;
7188
+ }
7189
+
7190
+ .premium-blog-post-container .premium-blog-entry-container {
7191
+ margin: 0 !important;
7192
+ }
7193
+
7194
+ .pa-gallery-img.style1 .premium-gallery-caption {
7195
+ position: absolute;
7196
+ top: auto;
7197
+ left: 0;
7198
+ right: 0;
7199
+ width: 100%;
7200
+ -webkit-transition: all 500ms ease 0s;
7201
+ transition: all 500ms ease 0s;
7202
+ -webkit-transform: translate3d(0, 100%, 0);
7203
+ -ms-transform: translate3d(0, 100%, 0);
7204
+ transform: translate3d(0, 100%, 0);
7205
+ }
7206
+
7207
+ .pa-gallery-img.default .premium-gallery-caption {
7208
+ position: absolute;
7209
+ top: auto;
7210
+ left: 0;
7211
+ right: 0;
7212
+ width: 100%;
7213
+ bottom: 0;
7214
+ }
7215
+
7216
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7217
+ -webkit-transform: translate3d(0, 0, 0);
7218
+ -ms-transform: translate3d(0, 0, 0);
7219
+ transform: translate3d(0, 0, 0);
7220
+ bottom: -1px !important;
7221
+ }
7222
+
7223
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7224
+ position: absolute;
7225
+ top: 0;
7226
+ right: 0;
7227
+ width: 100%;
7228
+ height: 100%;
7229
+ opacity: 0;
7230
+ -webkit-backface-visibility: hidden;
7231
+ backface-visibility: hidden;
7232
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7233
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7234
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7235
+ transition: transform 0.3s, opacity 0.3s;
7236
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7237
+ z-index: 1;
7238
+ background-color: rgba(108, 191, 226, 0.68);
7239
+ display: -webkit-box;
7240
+ display: -webkit-flex;
7241
+ display: -ms-flexbox;
7242
+ -js-display: flex;
7243
+ display: -moz-box;
7244
+ display: flex;
7245
+ text-align: center;
7246
+ -webkit-box-align: center;
7247
+ -webkit-align-items: center;
7248
+ -moz-box-align: center;
7249
+ -ms-flex-align: center;
7250
+ align-items: center;
7251
+ }
7252
+
7253
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7254
+ width: 100%;
7255
+ }
7256
+
7257
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7258
+ opacity: 1;
7259
+ -webkit-transform: translate(-15px, 15px);
7260
+ -ms-transform: translate(-15px, 15px);
7261
+ transform: translate(-15px, 15px);
7262
+ }
7263
+
7264
+ .premium-clearfix {
7265
+ clear: both;
7266
+ }
7267
+
7268
+ .premium-gallery-container .pa-gallery-item {
7269
+ padding: 10px;
7270
+ }
7271
+
7272
+ /**
7273
+ * Metro Layout
7274
+ */
7275
+ .premium-img-gallery-metro .premium-gallery-item {
7276
+ overflow: hidden;
7277
+ }
7278
+
7279
+ .premium-img-gallery-metro .pa-gallery-img {
7280
+ height: 100%;
7281
+ }
7282
+
7283
+ .premium-img-gallery-metro .pa-gallery-img-container {
7284
+ height: 100%;
7285
+ }
7286
+
7287
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7288
+ min-height: 100%;
7289
+ width: 100%;
7290
+ -o-object-fit: fill;
7291
+ object-fit: fill;
7292
+ }
7293
+
7294
+ .premium-img-gallery .premium-gallery-item-hidden {
7295
+ visibility: hidden;
7296
+ width: 0 !important;
7297
+ height: 0 !important;
7298
+ margin: 0 !important;
7299
+ padding: 0 !important;
7300
+ }
7301
+
7302
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7303
+ -webkit-box-shadow: none;
7304
+ box-shadow: none;
7305
+ text-shadow: none;
7306
+ border: none;
7307
+ outline: none;
7308
+ -webkit-box-align: center;
7309
+ -ms-flex-align: center;
7310
+ -webkit-align-items: center;
7311
+ -moz-box-align: center;
7312
+ align-items: center;
7313
+ vertical-align: bottom;
7314
+ cursor: pointer;
7315
+ line-height: 1;
7316
+ font-style: normal;
7317
+ font-weight: normal;
7318
+ background-image: none;
7319
+ color: #fff;
7320
+ -webkit-transition: all 0.3s ease-in-out;
7321
+ transition: all 0.3s ease-in-out;
7322
+ }
7323
+
7324
+ .premium-gallery-load-more-btn {
7325
+ display: -webkit-inline-box;
7326
+ display: -webkit-inline-flex;
7327
+ display: -ms-inline-flexbox;
7328
+ -js-display: inline-flex;
7329
+ display: -moz-inline-box;
7330
+ display: inline-flex;
7331
+ -webkit-box-align: center;
7332
+ -webkit-align-items: center;
7333
+ -moz-box-align: center;
7334
+ -ms-flex-align: center;
7335
+ align-items: center;
7336
+ }
7337
+
7338
+ .premium-loader {
7339
+ border: 3px solid #f3f3f3;
7340
+ border-top-width: 3px;
7341
+ border-top-style: solid;
7342
+ border-top-color: rgb(243, 243, 243);
7343
+ -webkit-border-radius: 50%;
7344
+ border-radius: 50%;
7345
+ border-top: 3px solid;
7346
+ border-top-color: #bbb;
7347
+ width: 30px;
7348
+ height: 30px;
7349
+ -webkit-animation: spin 2s linear infinite;
7350
+ animation: spin 2s linear infinite;
7351
+ margin: 0 auto;
7352
+ }
7353
+
7354
+ .premium-gallery-load-more-btn div {
7355
+ margin-right: 3px;
7356
+ }
7357
+
7358
+ .premium-gallery-load-more-btn .premium-loader {
7359
+ display: inline-block;
7360
+ width: 20px;
7361
+ height: 20px;
7362
+ }
7363
+
7364
+ /** * Video */
7365
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7366
+ display: inline-block;
7367
+ }
7368
+
7369
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7370
+ .pa-gallery-img .pa-gallery-video-icon {
7371
+ cursor: pointer;
7372
+ }
7373
+
7374
+ .pa-gallery-img-container iframe,
7375
+ .pa-gallery-img-container video {
7376
+ position: absolute;
7377
+ visibility: hidden;
7378
+ top: 0;
7379
+ right: 0;
7380
+ max-width: 100%;
7381
+ width: 100%;
7382
+ height: 100%;
7383
+ margin: 0;
7384
+ line-height: 1;
7385
+ border: none;
7386
+ }
7387
+
7388
+ .pa-gallery-img-container video {
7389
+ -o-object-fit: contain;
7390
+ object-fit: contain;
7391
+ }
7392
+
7393
+ .pa-gallery-icons-inner-container svg,
7394
+ .pa-gallery-icons-caption-cell svg {
7395
+ width: 14px;
7396
+ height: 14px;
7397
+ }
7398
+
7399
+ .premium-gallery-gradient-layer {
7400
+ position: absolute;
7401
+ bottom: 40px;
7402
+ width: 100%;
7403
+ height: 20px;
7404
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7405
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7406
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7407
+ }
7408
+
7409
+ @-webkit-keyframes spin {
7410
+ 0% {
7411
+ -webkit-transform: rotate(0deg);
7412
+ }
7413
+
7414
+ 100% {
7415
+ -webkit-transform: rotate(-360deg);
7416
+ }
7417
+ }
7418
+
7419
+ @keyframes spin {
7420
+ 0% {
7421
+ -webkit-transform: rotate(0deg);
7422
+ transform: rotate(0deg);
7423
+ }
7424
+
7425
+ 100% {
7426
+ -webkit-transform: rotate(-360deg);
7427
+ transform: rotate(-360deg);
7428
+ }
7429
+ }
7430
+
7431
+ /************ Premium Vertical Scroll ************/
7432
+ /*************************************************/
7433
+ .premium-vscroll-inner {
7434
+ position: relative;
7435
+ /* overflow: hidden;
7436
+ */
7437
+ min-height: 100%;
7438
+ }
7439
+
7440
+ .premium-vscroll-inner .premium-vscroll-dots {
7441
+ position: fixed;
7442
+ z-index: 100;
7443
+ opacity: 1;
7444
+ margin-top: -32px;
7445
+ -webkit-transition: all 0.3s ease-in-out;
7446
+ transition: all 0.3s ease-in-out;
7447
+ }
7448
+
7449
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7450
+ opacity: 1;
7451
+ -webkit-transition: all 0.3s ease-in-out;
7452
+ transition: all 0.3s ease-in-out;
7453
+ }
7454
+
7455
+ .premium-vscroll-inner .premium-vscroll-dots,
7456
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7457
+ opacity: 0;
7458
+ visibility: hidden;
7459
+ }
7460
+
7461
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7462
+ opacity: 1;
7463
+ visibility: visible;
7464
+ }
7465
+
7466
+ .premium-vscroll-dots.middle {
7467
+ top: 50%;
7468
+ }
7469
+
7470
+ .premium-vscroll-dots.top {
7471
+ top: 40px;
7472
+ }
7473
+
7474
+ .premium-vscroll-dots.bottom {
7475
+ bottom: 30px;
7476
+ }
7477
+
7478
+ .premium-vscroll-dots.right {
7479
+ left: 17px;
7480
+ }
7481
+
7482
+ .premium-vscroll-dots.left {
7483
+ right: 17px;
7484
+ }
7485
+
7486
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7487
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7488
+ margin: 0 !important;
7489
+ padding: 0;
7490
+ }
7491
+
7492
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7493
+ width: 14px;
7494
+ height: 13px;
7495
+ margin: 7px;
7496
+ position: relative;
7497
+ display: -webkit-box;
7498
+ display: -webkit-flex;
7499
+ display: -ms-flexbox;
7500
+ -js-display: flex;
7501
+ display: -moz-box;
7502
+ display: flex;
7503
+ -webkit-box-pack: center;
7504
+ -ms-flex-pack: center;
7505
+ -webkit-justify-content: center;
7506
+ -moz-box-pack: center;
7507
+ justify-content: center;
7508
+ -webkit-box-align: center;
7509
+ -ms-flex-align: center;
7510
+ -webkit-align-items: center;
7511
+ -moz-box-align: center;
7512
+ align-items: center;
7513
+ overflow: visible;
7514
+ }
7515
+
7516
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7517
+ display: block;
7518
+ position: relative;
7519
+ z-index: 1;
7520
+ width: 100%;
7521
+ height: 100%;
7522
+ cursor: pointer;
7523
+ text-decoration: none;
7524
+ }
7525
+
7526
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7527
+ top: 2px;
7528
+ right: 2.5px;
7529
+ width: 8px;
7530
+ height: 8px;
7531
+ border: 1px solid #000;
7532
+ -webkit-border-radius: 50%;
7533
+ border-radius: 50%;
7534
+ position: absolute;
7535
+ z-index: 1;
7536
+ -webkit-transition: all 0.3s ease-in-out;
7537
+ transition: all 0.3s ease-in-out;
7538
+ }
7539
+
7540
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7541
+ -webkit-transform: scale(1.6);
7542
+ -ms-transform: scale(1.6);
7543
+ transform: scale(1.6);
7544
+ }
7545
+
7546
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7547
+ position: absolute;
7548
+ color: #fff;
7549
+ font-size: 14px;
7550
+ font-family: arial, helvetica, sans-serif;
7551
+ white-space: nowrap;
7552
+ max-width: 220px;
7553
+ padding-right: 0.4em;
7554
+ padding-left: 0.4em;
7555
+ }
7556
+
7557
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7558
+ left: 27px;
7559
+ }
7560
+
7561
+ /* * Lines */
7562
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7563
+ width: 4px;
7564
+ height: 30px;
7565
+ }
7566
+
7567
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7568
+ width: 100%;
7569
+ height: 100%;
7570
+ -webkit-border-radius: 0;
7571
+ border-radius: 0;
7572
+ }
7573
+
7574
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7575
+ -webkit-transform: scale(1);
7576
+ -ms-transform: scale(1);
7577
+ transform: scale(1);
7578
+ }
7579
+
7580
+ @media (max-width: 768px) {
7581
+ .premium-vscroll-dots.right {
7582
+ left: 7px;
7583
+ }
7584
+
7585
+ .premium-vscroll-dots.left {
7586
+ right: 7px;
7587
+ }
7588
+ }
7589
+
7590
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7591
+ position: absolute;
7592
+ top: 50%;
7593
+ content: "";
7594
+ right: -webkit-calc(100% - 1px);
7595
+ right: calc(100% - 1px);
7596
+ width: 10px;
7597
+ height: 0;
7598
+ border-top: 6px solid transparent;
7599
+ border-bottom: 6px solid transparent;
7600
+ border-right: 6px solid;
7601
+ -webkit-transform: translateY(-50%);
7602
+ -ms-transform: translateY(-50%);
7603
+ transform: translateY(-50%);
7604
+ }
7605
+
7606
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7607
+ position: absolute;
7608
+ top: 50%;
7609
+ content: "";
7610
+ left: -webkit-calc(100% - 1px);
7611
+ left: calc(100% - 1px);
7612
+ width: 10px;
7613
+ height: 0;
7614
+ border-top: 6px solid transparent;
7615
+ border-bottom: 6px solid transparent;
7616
+ border-left: 6px solid;
7617
+ -webkit-transform: translateY(-50%);
7618
+ -ms-transform: translateY(-50%);
7619
+ transform: translateY(-50%);
7620
+ }
7621
+
7622
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7623
+ right: 27px;
7624
+ }
7625
+
7626
+ .premium-vscroll-nav-menu {
7627
+ position: fixed;
7628
+ top: 20px;
7629
+ height: 40px;
7630
+ z-index: 100;
7631
+ padding: 0;
7632
+ margin: 0;
7633
+ }
7634
+
7635
+ .premium-vscroll-nav-menu.left {
7636
+ right: 0;
7637
+ }
7638
+
7639
+ .premium-vscroll-nav-menu.right {
7640
+ left: 0;
7641
+ }
7642
+
7643
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7644
+ display: inline-block;
7645
+ margin: 10px;
7646
+ color: #000;
7647
+ background: #fff;
7648
+ background: rgba(255, 255, 255, 0.3);
7649
+ }
7650
+
7651
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7652
+ padding: 9px 18px;
7653
+ display: block;
7654
+ cursor: pointer;
7655
+ }
7656
+
7657
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7658
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7659
+ color: #000;
7660
+ }
7661
+
7662
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7663
+ .multiscroll-nav li a:focus {
7664
+ outline: none;
7665
+ }
7666
+
7667
+ .premium-vscroll-temp .slimScrollBar {
7668
+ visibility: hidden;
7669
+ }
7670
+
7671
+ /************ Premium Image Scroll ***************/
7672
+ /*************************************************/
7673
+ .premium-image-scroll-section,
7674
+ .premium-image-scroll-container {
7675
+ -webkit-transition: all 0.3s ease-in-out;
7676
+ transition: all 0.3s ease-in-out;
7677
+ }
7678
+
7679
+ .premium-image-scroll-section {
7680
+ position: relative;
7681
+ overflow: hidden;
7682
+ width: 100%;
7683
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7684
+ }
7685
+
7686
+ .premium-image-scroll-container {
7687
+ width: 100%;
7688
+ }
7689
+
7690
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7691
+ -webkit-mask-repeat: no-repeat;
7692
+ mask-repeat: no-repeat;
7693
+ -webkit-mask-position: center;
7694
+ mask-position: center;
7695
+ }
7696
+
7697
+ .premium-container-scroll {
7698
+ overflow: auto;
7699
+ }
7700
+
7701
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7702
+ position: relative;
7703
+ width: 100%;
7704
+ height: 100%;
7705
+ }
7706
+
7707
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7708
+ max-width: none;
7709
+ height: 100%;
7710
+ }
7711
+
7712
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7713
+ width: 100%;
7714
+ max-width: 100%;
7715
+ height: auto;
7716
+ }
7717
+
7718
+ .premium-image-scroll-ver {
7719
+ position: relative;
7720
+ }
7721
+
7722
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7723
+ background: rgba(2, 2, 2, 0.3);
7724
+ }
7725
+
7726
+ .premium-image-scroll-container .premium-image-scroll-link,
7727
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7728
+ position: absolute;
7729
+ top: 0;
7730
+ bottom: 0;
7731
+ right: 0;
7732
+ left: 0;
7733
+ z-index: 4;
7734
+ }
7735
+
7736
+ .premium-image-scroll-content {
7737
+ display: inline-block;
7738
+ position: absolute;
7739
+ height: auto;
7740
+ top: 50%;
7741
+ right: 50%;
7742
+ text-align: center;
7743
+ z-index: 5;
7744
+ -webkit-transform: translate(50%, -50%);
7745
+ -ms-transform: translate(50%, -50%);
7746
+ transform: translate(50%, -50%);
7747
+ }
7748
+
7749
+ .premium-container-scroll-instant .premium-image-scroll-image {
7750
+ -webkit-transition: all 0s ease-in-out !important;
7751
+ transition: all 0s ease-in-out !important;
7752
+ }
7753
+
7754
+ .premium-image-scroll-container img {
7755
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7756
+ transition: -webkit-transform 3s ease-in-out;
7757
+ transition: transform 3s ease-in-out;
7758
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7759
+ }
7760
+
7761
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7762
+ .premium-image-scroll-container .premium-image-scroll-content {
7763
+ -webkit-transition: all 0.3s ease-in-out;
7764
+ transition: all 0.3s ease-in-out;
7765
+ opacity: 1;
7766
+ }
7767
+
7768
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7769
+ opacity: 0;
7770
+ }
7771
+
7772
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7773
+ opacity: 0;
7774
+ visibility: hidden;
7775
+ }
7776
+
7777
+ .premium-image-scroll-content .premium-image-scroll-icon {
7778
+ display: inline-block;
7779
+ font-family: "pa-elements" !important;
7780
+ speak: none;
7781
+ font-style: normal;
7782
+ font-weight: normal;
7783
+ font-variant: normal;
7784
+ text-transform: none;
7785
+ line-height: 1;
7786
+ -webkit-font-smoothing: antialiased;
7787
+ -moz-osx-font-smoothing: grayscale;
7788
+ -webkit-animation-duration: 0.5s;
7789
+ animation-duration: 0.5s;
7790
+ -webkit-animation-iteration-count: infinite;
7791
+ animation-iteration-count: infinite;
7792
+ -webkit-animation-direction: alternate;
7793
+ animation-direction: alternate;
7794
+ -webkit-animation-timing-function: ease-in-out;
7795
+ animation-timing-function: ease-in-out;
7796
+ }
7797
+
7798
+ .pa-horizontal-mouse-scroll:before {
7799
+ content: "\e917";
7800
+ }
7801
+
7802
+ .pa-vertical-mouse-scroll:before {
7803
+ content: "\e918";
7804
+ }
7805
+
7806
+ .pa-horizontal-mouse-scroll {
7807
+ -webkit-animation-name: pa-scroll-horizontal;
7808
+ animation-name: pa-scroll-horizontal;
7809
+ }
7810
+
7811
+ .pa-vertical-mouse-scroll {
7812
+ -webkit-animation-name: pa-scroll-vertical;
7813
+ animation-name: pa-scroll-vertical;
7814
+ }
7815
+
7816
+ @-webkit-keyframes pa-scroll-vertical {
7817
+ 0% {
7818
+ -webkit-transform: translateY(0px);
7819
+ transform: translateY(0px);
7820
+ }
7821
+
7822
+ 100% {
7823
+ -webkit-transform: translateY(5px);
7824
+ transform: translateY(5px);
7825
+ }
7826
+ }
7827
+
7828
+ @keyframes pa-scroll-vertical {
7829
+ 0% {
7830
+ -webkit-transform: translateY(0px);
7831
+ transform: translateY(0px);
7832
+ }
7833
+
7834
+ 100% {
7835
+ -webkit-transform: translateY(5px);
7836
+ transform: translateY(5px);
7837
+ }
7838
+ }
7839
+
7840
+ @-webkit-keyframes pa-scroll-horizontal {
7841
+ 0% {
7842
+ -webkit-transform: translateX(0px);
7843
+ transform: translateX(0px);
7844
+ }
7845
+
7846
+ 100% {
7847
+ -webkit-transform: translateX(-5px);
7848
+ transform: translateX(-5px);
7849
+ }
7850
+ }
7851
+
7852
+ @keyframes pa-scroll-horizontal {
7853
+ 0% {
7854
+ -webkit-transform: translateX(0px);
7855
+ transform: translateX(0px);
7856
+ }
7857
+
7858
+ 100% {
7859
+ -webkit-transform: translateX(-5px);
7860
+ transform: translateX(-5px);
7861
+ }
7862
+ }
7863
+
7864
+ /********* Premium Lottie Animations **********/
7865
+ /**********************************************/
7866
+ .premium-lottie-wrap .premium-lottie-animation {
7867
+ position: relative;
7868
+ -js-display: inline-flex;
7869
+ display: -webkit-inline-box;
7870
+ display: -webkit-inline-flex;
7871
+ display: -moz-inline-box;
7872
+ display: -ms-inline-flexbox;
7873
+ display: inline-flex;
7874
+ -webkit-transition: all 0.3s ease-in-out;
7875
+ transition: all 0.3s ease-in-out;
7876
+ }
7877
+
7878
+ .premium-lottie-wrap .premium-lottie-animation a {
7879
+ position: absolute;
7880
+ left: 0;
7881
+ top: 0;
7882
+ width: 100%;
7883
+ height: 100%;
7884
+ }
7885
+
7886
+ /**************** Premium Bullet List *****************/
7887
+ /******************************************************/
7888
+ .premium-icon-list-box {
7889
+ -js-display: flex;
7890
+ display: -webkit-box;
7891
+ display: -webkit-flex;
7892
+ display: -moz-box;
7893
+ display: -ms-flexbox;
7894
+ display: flex;
7895
+ -webkit-flex-wrap: wrap;
7896
+ -ms-flex-wrap: wrap;
7897
+ flex-wrap: wrap;
7898
+ -webkit-box-orient: vertical;
7899
+ -webkit-box-direction: normal;
7900
+ -webkit-flex-direction: column;
7901
+ -moz-box-orient: vertical;
7902
+ -moz-box-direction: normal;
7903
+ -ms-flex-direction: column;
7904
+ flex-direction: column;
7905
+ }
7906
+
7907
+ .premium-icon-list-box .premium-icon-list-content-grow-lc {
7908
+ -webkit-transform-origin: right center;
7909
+ -ms-transform-origin: right center;
7910
+ transform-origin: right center;
7911
+ }
7912
+
7913
+ .premium-icon-list-box .premium-icon-list-content-grow-rc {
7914
+ -webkit-transform-origin: left center;
7915
+ -ms-transform-origin: left center;
7916
+ transform-origin: left center;
7917
+ }
7918
+
7919
+ .premium-icon-list-box .premium-icon-list-content-grow-cc {
7920
+ -webkit-transform-origin: center center;
7921
+ -ms-transform-origin: center center;
7922
+ transform-origin: center center;
7923
+ }
7924
+
7925
+ .premium-icon-list-content {
7926
+ -js-display: flex;
7927
+ display: -webkit-box;
7928
+ display: -webkit-flex;
7929
+ display: -moz-box;
7930
+ display: -ms-flexbox;
7931
+ display: flex;
7932
+ -webkit-transition: all 0.3s ease-in-out;
7933
+ transition: all 0.3s ease-in-out;
7934
+ width: auto;
7935
+ position: relative;
7936
+ }
7937
+
7938
+ .premium-icon-list-content .premium-icon-list-text span,
7939
+ .premium-icon-list-content .premium-icon-list-wrapper {
7940
+ display: inline-block;
7941
+ -webkit-align-self: center;
7942
+ -ms-flex-item-align: center;
7943
+ align-self: center;
7944
+ -webkit-transition: all 0.3s ease-in-out;
7945
+ transition: all 0.3s ease-in-out;
7946
+ }
7947
+
7948
+ .premium-icon-list-content .premium-icon-list-text span {
7949
+ margin: 0 5px;
7950
+ }
7951
+
7952
+ .premium-icon-list-content .premium-icon-list-icon-text p {
7953
+ font-size: 18px;
7954
+ background-color: #eee;
7955
+ padding: 1px 5px;
7956
+ -webkit-border-radius: 2px;
7957
+ border-radius: 2px;
7958
+ }
7959
+
7960
+ .premium-icon-list-content .premium-icon-list-text span,
7961
+ .premium-icon-list-content .premium-icon-list-icon-text p,
7962
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7963
+ .premium-icon-list-content .premium-icon-list-wrapper svg,
7964
+ .premium-icon-list-content .premium-icon-list-wrapper i {
7965
+ -webkit-transition: all 0.3s ease-in-out;
7966
+ transition: all 0.3s ease-in-out;
7967
+ }
7968
+
7969
+ .premium-icon-list-content .premium-icon-list-wrapper {
7970
+ position: relative;
7971
+ line-height: 0;
7972
+ }
7973
+
7974
+ .premium-icon-list-content .premium-icon-list-wrapper img,
7975
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
7976
+ width: 30px !important;
7977
+ height: 30px !important;
7978
+ position: relative;
7979
+ z-index: 500;
7980
+ }
7981
+
7982
+ .premium-icon-list-content .premium-icon-list-wrapper i,
7983
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
7984
+ position: relative;
7985
+ z-index: 500;
7986
+ }
7987
+
7988
+ .premium-icon-list-content .premium-icon-list-link {
7989
+ position: absolute;
7990
+ top: 0;
7991
+ right: 0;
7992
+ width: 100%;
7993
+ height: 100%;
7994
+ z-index: 1000;
7995
+ }
7996
+
7997
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
7998
+ width: 100%;
7999
+ height: 100%;
8000
+ position: absolute;
8001
+ top: 0.5em;
8002
+ z-index: 100;
8003
+ -js-display: flex;
8004
+ display: -webkit-box;
8005
+ display: -webkit-flex;
8006
+ display: -moz-box;
8007
+ display: -ms-flexbox;
8008
+ display: flex;
8009
+ -webkit-box-pack: center;
8010
+ -webkit-justify-content: center;
8011
+ -moz-box-pack: center;
8012
+ -ms-flex-pack: center;
8013
+ justify-content: center;
8014
+ }
8015
+
8016
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
8017
+ content: "";
8018
+ border-left-width: 1px;
8019
+ border-left-style: solid;
8020
+ border-color: #333333;
8021
+ display: block;
8022
+ height: 100%;
8023
+ }
8024
+
8025
+ li.premium-icon-list-content.premium-icon-list-content-inline {
8026
+ -webkit-align-self: center;
8027
+ -ms-flex-item-align: center;
8028
+ align-self: center;
8029
+ z-index: 2;
8030
+ }
8031
+
8032
+ li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
8033
+ margin: 0 3px;
8034
+ }
8035
+
8036
+ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
8037
+ margin: 0 0 0 3px;
8038
+ }
8039
+
8040
+ .premium-icon-list-divider:not(:last-child) {
8041
+ width: 100%;
8042
+ -webkit-box-flex: 0;
8043
+ -webkit-flex: 0 0 100%;
8044
+ -moz-box-flex: 0;
8045
+ -ms-flex: 0 0 100%;
8046
+ flex: 0 0 100%;
8047
+ overflow: hidden;
8048
+ }
8049
+
8050
+ .premium-icon-list-divider:not(:last-child):after {
8051
+ content: "";
8052
+ display: block;
8053
+ border-top-style: solid;
8054
+ border-top-width: 1px;
8055
+ }
8056
+
8057
+ .premium-icon-list-divider-inline:not(:last-child) {
8058
+ float: left;
8059
+ display: inline-block;
8060
+ position: relative;
8061
+ height: 100%;
8062
+ overflow: hidden;
8063
+ -webkit-align-self: center;
8064
+ -ms-flex-item-align: center;
8065
+ align-self: center;
8066
+ margin: 0 3px;
8067
+ }
8068
+
8069
+ .premium-icon-list-divider-inline:not(:last-child):after {
8070
+ content: "";
8071
+ display: block;
8072
+ border-right-width: 1px;
8073
+ height: 33px;
8074
+ border-right-style: solid;
8075
+ }
8076
+
8077
+ .premium-icon-list-icon-text {
8078
+ line-height: 1.5;
8079
+ }
8080
+
8081
+ .premium-icon-list-icon-text p,
8082
+ ul.premium-icon-list-box,
8083
+ li.premium-icon-list-content {
8084
+ margin: 0;
8085
+ }
8086
+
8087
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
8088
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
8089
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
8090
+ color: transparent !important;
8091
+ text-shadow: 0 0 3px #aaa;
8092
+ }
8093
+
8094
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
8095
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
8096
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
8097
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
8098
+ -webkit-filter: blur(3px);
8099
+ filter: blur(3px);
8100
+ }
8101
+
8102
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
8103
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
8104
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
8105
+ color: #aaa !important;
8106
+ text-shadow: 0 0px 0 transparent;
8107
+ }
8108
+
8109
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
8110
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
8111
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
8112
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
8113
+ -webkit-filter: none;
8114
+ filter: none;
8115
+ }
8116
+
8117
+ .premium-icon-list-content .premium-icon-list-badge {
8118
+ font-size: 11px;
8119
+ top: auto;
8120
+ min-width: -webkit-max-content;
8121
+ min-width: -moz-max-content;
8122
+ min-width: max-content;
8123
+ height: -webkit-fit-content;
8124
+ height: -moz-fit-content;
8125
+ height: fit-content;
8126
+ }
8127
+
8128
+ .premium-icon-list-content .premium-icon-list-icon-text p {
8129
+ font-size: 13px;
8130
+ }
8131
+
8132
+ .premium-icon-list-gradient-effect[data-text] {
8133
+ display: inline-block;
8134
+ position: relative;
8135
+ text-decoration: none;
8136
+ }
8137
+
8138
+ .premium-icon-list-gradient-effect[data-text]::before {
8139
+ content: attr(data-text);
8140
+ position: absolute;
8141
+ z-index: 1;
8142
+ overflow: hidden;
8143
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8144
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8145
+ -webkit-background-clip: text;
8146
+ background-clip: text;
8147
+ -webkit-text-fill-color: transparent;
8148
+ -webkit-transition: all 0.4s ease;
8149
+ transition: all 0.4s ease;
8150
+ }
8151
+
8152
+ .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
8153
+ .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
8154
+ -webkit-animation: rtlgradient 1s forwards;
8155
+ animation: rtlgradient 1s forwards;
8156
+ }
8157
+
8158
+ @-webkit-keyframes rtlgradient {
8159
+ 0% {
8160
+ -webkit-clip-path: circle(0% at 150% 50%);
8161
+ clip-path: circle(0% at 150% 50%);
8162
+ }
8163
+
8164
+ 100% {
8165
+ -webkit-clip-path: circle(100% at 50% 50%);
8166
+ clip-path: circle(100% at 50% 50%);
8167
+ }
8168
+ }
8169
+
8170
+ @keyframes rtlgradient {
8171
+ 0% {
8172
+ -webkit-clip-path: circle(0% at 150% 50%);
8173
+ clip-path: circle(0% at 150% 50%);
8174
+ }
8175
+
8176
+ 100% {
8177
+ -webkit-clip-path: circle(100% at 50% 50%);
8178
+ clip-path: circle(100% at 50% 50%);
8179
+ }
8180
+ }
8181
+
8182
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider,
8183
+ ul[data-list-animation*="animated-"] .premium-icon-list-content,
8184
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
8185
+ opacity: 0;
8186
+ }
8187
+
8188
+ .premium-icon-list-content-grow-effect:hover {
8189
+ -webkit-transform: scale(1.07);
8190
+ -ms-transform: scale(1.07);
8191
+ transform: scale(1.07);
8192
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,6703 +1,6703 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
- src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"), url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"), url("../../editor/fonts/pa-elements.svg?p2y7wv#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
-
1497
- .premium-tabs-nav-list a.carousel-arrow,
1498
- .premium-fb-rev-container a.carousel-arrow,
1499
- .premium-blog-wrap a.carousel-arrow,
1500
- .premium-hscroll-wrap a.carousel-arrow,
1501
- .premium-twitter-feed-wrapper a.carousel-arrow,
1502
- .premium-facebook-feed-wrapper a.carousel-arrow,
1503
- .premium-instafeed-container a.carousel-arrow,
1504
- .premium-persons-container a.carousel-arrow {
1505
- -js-display: flex;
1506
- display: -webkit-box;
1507
- display: -webkit-flex;
1508
- display: -moz-box;
1509
- display: -ms-flexbox;
1510
- display: flex;
1511
- -webkit-box-align: center;
1512
- -webkit-align-items: center;
1513
- -moz-box-align: center;
1514
- -ms-flex-align: center;
1515
- align-items: center;
1516
- -webkit-box-pack: center;
1517
- -webkit-justify-content: center;
1518
- -moz-box-pack: center;
1519
- -ms-flex-pack: center;
1520
- justify-content: center;
1521
- width: 2em;
1522
- height: 2em;
1523
- line-height: 0;
1524
- text-align: center;
1525
- position: absolute;
1526
- z-index: 99;
1527
- cursor: pointer;
1528
- -webkit-transition: all 0.3s ease-in-out;
1529
- transition: all 0.3s ease-in-out;
1530
- -webkit-appearance: inherit;
1531
- border: none;
1532
- -webkit-box-shadow: none;
1533
- box-shadow: none; }
1534
-
1535
- div[class^="premium-"] .slick-arrow i {
1536
- display: block; }
1537
-
1538
- .ver-carousel-arrow.carousel-next i {
1539
- margin-bottom: -3px; }
1540
-
1541
- .premium-carousel-wrapper a.slick-arrow:hover {
1542
- -webkit-box-shadow: none !important;
1543
- box-shadow: none !important; }
1544
-
1545
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1546
- visibility: hidden; }
1547
-
1548
- .premium-carousel-wrapper a.carousel-arrow {
1549
- top: 50%; }
1550
-
1551
- .premium-tabs-nav-list a.carousel-arrow,
1552
- .premium-fb-rev-container a.carousel-arrow,
1553
- .premium-blog-wrap a.carousel-arrow,
1554
- .premium-hscroll-wrap a.carousel-arrow,
1555
- .premium-twitter-feed-wrapper a.carousel-arrow,
1556
- .premium-facebook-feed-wrapper a.carousel-arrow,
1557
- .premium-instafeed-container a.carousel-arrow,
1558
- .premium-persons-container a.carousel-arrow {
1559
- top: 50%;
1560
- -webkit-transform: translateY(-50%);
1561
- -ms-transform: translateY(-50%);
1562
- transform: translateY(-50%); }
1563
-
1564
- .premium-carousel-wrapper a.ver-carousel-arrow {
1565
- left: 50%;
1566
- -webkit-transform: translateX(-50%);
1567
- -ms-transform: translateX(-50%);
1568
- transform: translateX(-50%); }
1569
-
1570
- a.carousel-arrow.carousel-next {
1571
- right: -20px; }
1572
-
1573
- a.carousel-arrow.carousel-prev {
1574
- left: -20px; }
1575
-
1576
- a.ver-carousel-arrow.carousel-next {
1577
- bottom: -56px; }
1578
-
1579
- a.ver-carousel-arrow.carousel-prev {
1580
- top: -45px; }
1581
-
1582
- a.circle-bg {
1583
- -webkit-border-radius: 100%;
1584
- border-radius: 100%; }
1585
-
1586
- a.circle-border {
1587
- -webkit-border-radius: 100%;
1588
- border-radius: 100%;
1589
- border: solid black; }
1590
-
1591
- a.square-border {
1592
- border: solid black; }
1593
-
1594
- .premium-carousel-dots-below ul.slick-dots,
1595
- .premium-blog-wrap ul.slick-dots,
1596
- .premium-fb-rev-reviews ul.slick-dots {
1597
- position: relative;
1598
- bottom: 0;
1599
- list-style: none;
1600
- text-align: center;
1601
- margin: 0;
1602
- padding: 0; }
1603
-
1604
- .premium-carousel-dots-above ul.slick-dots {
1605
- position: absolute;
1606
- -js-display: flex;
1607
- display: -webkit-box;
1608
- display: -webkit-flex;
1609
- display: -moz-box;
1610
- display: -ms-flexbox;
1611
- display: flex;
1612
- width: auto;
1613
- top: 50%;
1614
- bottom: auto;
1615
- -webkit-transform: translateY(-50%);
1616
- -ms-transform: translateY(-50%);
1617
- transform: translateY(-50%);
1618
- -webkit-box-orient: vertical;
1619
- -webkit-box-direction: normal;
1620
- -webkit-flex-direction: column;
1621
- -moz-box-orient: vertical;
1622
- -moz-box-direction: normal;
1623
- -ms-flex-direction: column;
1624
- flex-direction: column; }
1625
-
1626
- ul.slick-dots li {
1627
- font-size: 10px;
1628
- -js-display: inline-flex;
1629
- display: -webkit-inline-box;
1630
- display: -webkit-inline-flex;
1631
- display: -moz-inline-box;
1632
- display: -ms-inline-flexbox;
1633
- display: inline-flex;
1634
- -webkit-box-pack: center;
1635
- -webkit-justify-content: center;
1636
- -moz-box-pack: center;
1637
- -ms-flex-pack: center;
1638
- justify-content: center;
1639
- -webkit-box-align: center;
1640
- -webkit-align-items: center;
1641
- -moz-box-align: center;
1642
- -ms-flex-align: center;
1643
- align-items: center;
1644
- margin: 5px;
1645
- width: 20px;
1646
- height: 20px;
1647
- cursor: pointer; }
1648
-
1649
- /*
1650
- * Custom Navigation Dot
1651
- */
1652
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1653
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1654
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1655
- display: none; }
1656
-
1657
- .premium-carousel-wrapper ul.slick-dots svg {
1658
- width: 20px;
1659
- height: 20px; }
1660
-
1661
- /* Ripple Out */
1662
- @-webkit-keyframes hvr-ripple-out {
1663
- 0% {
1664
- -webkit-transform: scale(1);
1665
- transform: scale(1);
1666
- opacity: 1; }
1667
- 100% {
1668
- -webkit-transform: scale(1.5);
1669
- transform: scale(1.5);
1670
- opacity: 0; } }
1671
- @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
-
1681
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1682
- padding-bottom: 1px; }
1683
-
1684
- .premium-carousel-ripple-yes ul.slick-dots li {
1685
- position: relative; }
1686
- .premium-carousel-ripple-yes ul.slick-dots li i {
1687
- position: relative;
1688
- z-index: 1; }
1689
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1690
- content: "";
1691
- position: absolute;
1692
- -webkit-transform: scale(1);
1693
- -ms-transform: scale(1);
1694
- transform: scale(1);
1695
- top: 0;
1696
- right: 0;
1697
- bottom: 0;
1698
- left: 0;
1699
- -webkit-border-radius: 50%;
1700
- border-radius: 50%;
1701
- pointer-events: none;
1702
- background-color: rgba(0, 0, 0, 0.15); }
1703
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1704
- background-color: rgba(0, 0, 0, 0.3); }
1705
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1706
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1707
- animation: hvr-ripple-out 1.3s infinite; }
1708
-
1709
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1710
- -webkit-transform: scale(1.25, 1.25);
1711
- -ms-transform: scale(1.25, 1.25);
1712
- transform: scale(1.25, 1.25);
1713
- -webkit-transition: all 0.3s ease-in-out !important;
1714
- transition: all 0.3s ease-in-out !important; }
1715
-
1716
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1717
- -webkit-transform: scale(1, 1);
1718
- -ms-transform: scale(1, 1);
1719
- transform: scale(1, 1); }
1720
-
1721
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1722
- float: right; }
1723
-
1724
- /**************** Premium Counter ***************/
1725
- /************************************************/
1726
- .premium-counter-area {
1727
- padding: 10px 0;
1728
- -js-display: flex;
1729
- display: -webkit-box;
1730
- display: -webkit-flex;
1731
- display: -moz-box;
1732
- display: -ms-flexbox;
1733
- display: flex;
1734
- -webkit-box-pack: center;
1735
- -webkit-justify-content: center;
1736
- -moz-box-pack: center;
1737
- -ms-flex-pack: center;
1738
- justify-content: center;
1739
- -webkit-box-align: center;
1740
- -webkit-align-items: center;
1741
- -moz-box-align: center;
1742
- -ms-flex-align: center;
1743
- align-items: center; }
1744
- .premium-counter-area.top {
1745
- -webkit-box-orient: vertical;
1746
- -webkit-box-direction: normal;
1747
- -webkit-flex-direction: column;
1748
- -moz-box-orient: vertical;
1749
- -moz-box-direction: normal;
1750
- -ms-flex-direction: column;
1751
- flex-direction: column; }
1752
- .premium-counter-area.right {
1753
- -webkit-box-orient: horizontal;
1754
- -webkit-box-direction: reverse;
1755
- -webkit-flex-direction: row-reverse;
1756
- -moz-box-orient: horizontal;
1757
- -moz-box-direction: reverse;
1758
- -ms-flex-direction: row-reverse;
1759
- flex-direction: row-reverse; }
1760
- .premium-counter-area.right .premium-counter-icon {
1761
- padding-left: 20px; }
1762
- .premium-counter-area.left .premium-counter-icon {
1763
- padding-right: 20px; }
1764
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1765
- vertical-align: text-top; }
1766
- .premium-counter-area .premium-counter-icon span.icon {
1767
- text-align: center;
1768
- display: inline-block;
1769
- vertical-align: middle; }
1770
- .premium-counter-area .premium-counter-icon .circle {
1771
- -webkit-border-radius: 100%;
1772
- border-radius: 100%; }
1773
- .premium-counter-area .premium-counter-icon img,
1774
- .premium-counter-area .premium-counter-icon svg {
1775
- width: 80px; }
1776
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1777
- height: 80px; }
1778
- .premium-counter-area .premium-counter-title {
1779
- padding: 0;
1780
- margin: 0; }
1781
- .premium-counter-area .premium-counter-value-wrap {
1782
- -js-display: flex;
1783
- display: -webkit-box;
1784
- display: -webkit-flex;
1785
- display: -moz-box;
1786
- display: -ms-flexbox;
1787
- display: flex;
1788
- -webkit-box-align: center;
1789
- -webkit-align-items: center;
1790
- -moz-box-align: center;
1791
- -ms-flex-align: center;
1792
- align-items: center; }
1793
-
1794
- .premium-init-wrapper.right {
1795
- text-align: right; }
1796
-
1797
- span.icon.flex-width {
1798
- width: auto !important;
1799
- height: auto !important; }
1800
-
1801
- .premium-counter-area .premium-counter-init {
1802
- font-size: 35px; }
1803
-
1804
- /**************** Premium Image Separator ****************/
1805
- /*********************************************************/
1806
- .premium-image-separator-container {
1807
- position: absolute;
1808
- width: 100%;
1809
- z-index: 2;
1810
- top: auto;
1811
- -webkit-transition: all 0.3s ease-in-out;
1812
- transition: all 0.3s ease-in-out; }
1813
- .premium-image-separator-container svg,
1814
- .premium-image-separator-container img {
1815
- display: inline-block !important;
1816
- -webkit-mask-repeat: no-repeat;
1817
- mask-repeat: no-repeat;
1818
- -webkit-mask-position: center;
1819
- mask-position: center; }
1820
- .premium-image-separator-container .premium-image-separator-link {
1821
- position: absolute;
1822
- z-index: 9999;
1823
- top: 0;
1824
- left: 0;
1825
- width: 100%;
1826
- height: 100%;
1827
- text-decoration: none; }
1828
- .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 {
1829
- -webkit-box-shadow: none !important;
1830
- box-shadow: none !important;
1831
- outline: none !important;
1832
- border: none !important;
1833
- text-decoration: none !important; }
1834
- .premium-image-separator-container i {
1835
- padding: 0.1em;
1836
- -webkit-transition: all 0.3s ease-in-out;
1837
- transition: all 0.3s ease-in-out; }
1838
-
1839
- /**************** Premium Modal Box ****************/
1840
- /***************************************************/
1841
- .premium-modal-trigger-btn,
1842
- .premium-modal-box-modal-lower-close {
1843
- display: inline-block;
1844
- padding: 6px 12px;
1845
- margin-bottom: 0;
1846
- font-size: 14px;
1847
- font-weight: normal;
1848
- line-height: 1.42857143;
1849
- text-align: center;
1850
- white-space: nowrap;
1851
- vertical-align: middle;
1852
- -ms-touch-action: manipulation;
1853
- touch-action: manipulation;
1854
- cursor: pointer;
1855
- -webkit-user-select: none;
1856
- -moz-user-select: none;
1857
- -ms-user-select: none;
1858
- user-select: none;
1859
- background-image: none;
1860
- border: 1px solid transparent; }
1861
-
1862
- .premium-modal-trigger-btn i {
1863
- -webkit-transition: all 0.3s ease-in-out;
1864
- transition: all 0.3s ease-in-out; }
1865
-
1866
- .premium-btn-md {
1867
- padding: 8px 14px;
1868
- font-size: 16px;
1869
- line-height: 1.2; }
1870
-
1871
- .premium-btn-lg {
1872
- padding: 10px 16px;
1873
- font-size: 18px;
1874
- line-height: 1.3333333; }
1875
-
1876
- .premium-btn-block {
1877
- display: block;
1878
- width: 100%; }
1879
-
1880
- .premium-modal-box-modal-close {
1881
- float: right;
1882
- font-size: 21px;
1883
- font-weight: bold;
1884
- line-height: 1;
1885
- color: #000; }
1886
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1887
- color: #000;
1888
- text-decoration: none;
1889
- cursor: pointer; }
1890
-
1891
- button.premium-modal-box-modal-close {
1892
- -webkit-appearance: none;
1893
- padding: 0;
1894
- cursor: pointer;
1895
- background: transparent;
1896
- border: 0; }
1897
-
1898
- .premium-modal-box-modal {
1899
- position: fixed;
1900
- top: 0;
1901
- right: 0;
1902
- bottom: 0;
1903
- left: 0;
1904
- z-index: 1050;
1905
- display: none;
1906
- -webkit-overflow-scrolling: touch;
1907
- outline: 0;
1908
- padding: 0 !important;
1909
- background: rgba(0, 0, 0, 0.5);
1910
- -webkit-box-align: center;
1911
- -webkit-align-items: center;
1912
- -moz-box-align: center;
1913
- -ms-flex-align: center;
1914
- align-items: center;
1915
- -webkit-box-pack: center;
1916
- -webkit-justify-content: center;
1917
- -moz-box-pack: center;
1918
- -ms-flex-pack: center;
1919
- justify-content: center; }
1920
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1921
- position: absolute;
1922
- max-height: -webkit-calc(100vh - 150px);
1923
- max-height: calc(100vh - 150px);
1924
- -js-display: flex;
1925
- display: -webkit-box;
1926
- display: -webkit-flex;
1927
- display: -moz-box;
1928
- display: -ms-flexbox;
1929
- display: flex;
1930
- -webkit-box-orient: vertical;
1931
- -webkit-box-direction: normal;
1932
- -webkit-flex-direction: column;
1933
- -moz-box-orient: vertical;
1934
- -moz-box-direction: normal;
1935
- -ms-flex-direction: column;
1936
- flex-direction: column;
1937
- opacity: 0; }
1938
-
1939
- .premium-modal-box-modal-content {
1940
- background-color: #fff;
1941
- background-clip: padding-box;
1942
- border: 1px solid rgba(0, 0, 0, 0.2);
1943
- -webkit-border-radius: 6px;
1944
- border-radius: 6px;
1945
- outline: 0; }
1946
-
1947
- .premium-modal-backdrop.premium-in {
1948
- filter: alpha(opacity=50);
1949
- opacity: 0.5 !important; }
1950
-
1951
- .premium-in {
1952
- opacity: 1; }
1953
-
1954
- .premium-modal-backdrop {
1955
- position: fixed;
1956
- top: 0;
1957
- right: 0;
1958
- bottom: 0;
1959
- left: 0;
1960
- z-index: 1040;
1961
- background-color: #000; }
1962
-
1963
- .premium-in {
1964
- -js-display: flex !important;
1965
- display: -webkit-box !important;
1966
- display: -webkit-flex !important;
1967
- display: -moz-box !important;
1968
- display: -ms-flexbox !important;
1969
- display: flex !important; }
1970
-
1971
- .premium-modal-box-modal-header {
1972
- -js-display: flex;
1973
- display: -webkit-box;
1974
- display: -webkit-flex;
1975
- display: -moz-box;
1976
- display: -ms-flexbox;
1977
- display: flex;
1978
- -webkit-box-pack: justify;
1979
- -webkit-justify-content: space-between;
1980
- -moz-box-pack: justify;
1981
- -ms-flex-pack: justify;
1982
- justify-content: space-between;
1983
- -webkit-box-align: center;
1984
- -webkit-align-items: center;
1985
- -moz-box-align: center;
1986
- -ms-flex-align: center;
1987
- align-items: center;
1988
- padding: 5px 15px;
1989
- border-bottom: 1px solid #e5e5e5; }
1990
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1991
- margin-top: -2px; }
1992
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1993
- -js-display: flex;
1994
- display: -webkit-box;
1995
- display: -webkit-flex;
1996
- display: -moz-box;
1997
- display: -ms-flexbox;
1998
- display: flex;
1999
- -webkit-box-align: center;
2000
- -webkit-align-items: center;
2001
- -moz-box-align: center;
2002
- -ms-flex-align: center;
2003
- align-items: center;
2004
- margin: 0;
2005
- padding: 0; }
2006
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2007
- width: 50px;
2008
- height: 60px; }
2009
-
2010
- .premium-modal-box-modal-body {
2011
- position: relative;
2012
- padding: 15px;
2013
- overflow: hidden; }
2014
-
2015
- .premium-modal-box-modal-footer {
2016
- padding: 15px;
2017
- text-align: right;
2018
- border-top: 1px solid #e5e5e5; }
2019
-
2020
- .premium-modal-scrollbar-measure {
2021
- position: absolute;
2022
- top: -9999px;
2023
- width: 50px;
2024
- height: 50px;
2025
- overflow: scroll; }
2026
-
2027
- .premium-modal-trigger-text {
2028
- background: none !important;
2029
- display: inline-block; }
2030
-
2031
- .premium-modal-box-container {
2032
- width: 100% !important; }
2033
-
2034
- /*Open Modal Button Style*/
2035
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2036
- border: none;
2037
- -webkit-transition: all 0.3s ease-in-out;
2038
- transition: all 0.3s ease-in-out; }
2039
-
2040
- .premium-modal-trigger-container .premium-modal-trigger-img,
2041
- .premium-modal-trigger-container .premium-modal-trigger-text,
2042
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2043
- cursor: pointer; }
2044
-
2045
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2046
- display: inline-block;
2047
- width: 200px;
2048
- height: 200px;
2049
- -webkit-transition: all 0.3s ease-in-out;
2050
- transition: all 0.3s ease-in-out; }
2051
-
2052
- /*Image on Modal Header Style*/
2053
- .premium-modal-box-modal-header img {
2054
- width: 48px;
2055
- padding-right: 5px; }
2056
-
2057
- .premium-modal-box-modal-header i,
2058
- .premium-modal-box-modal-header svg {
2059
- padding-right: 6px; }
2060
-
2061
- .premium-modal-box-modal-close {
2062
- position: relative;
2063
- z-index: 99; }
2064
-
2065
- .premium-modal-trigger-img,
2066
- .premium-modal-trigger-text,
2067
- .premium-modal-box-close-button-container,
2068
- .premium-modal-box-modal-close,
2069
- .premium-modal-box-modal-lower-close {
2070
- -webkit-transition: all 0.3s ease-in-out;
2071
- transition: all 0.3s ease-in-out; }
2072
-
2073
- @media (min-width: 768px) {
2074
- .premium-modal-box-modal-dialog {
2075
- width: 700px;
2076
- max-height: 600px;
2077
- overflow: auto; } }
2078
-
2079
- @media (max-width: 767px) {
2080
- .premium-modal-box-modal-dialog {
2081
- width: 100%;
2082
- max-height: 500px;
2083
- overflow: auto; } }
2084
-
2085
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2086
- opacity: 0; }
2087
-
2088
- /**************** Premium Progress Bar ****************/
2089
- /******************************************************/
2090
- .premium-progressbar-container {
2091
- position: relative; }
2092
-
2093
- .premium-progressbar-bar-wrap {
2094
- position: relative;
2095
- text-align: left;
2096
- overflow: hidden;
2097
- height: 25px;
2098
- margin-bottom: 50px;
2099
- background-color: #f5f5f5;
2100
- -webkit-border-radius: 4px;
2101
- border-radius: 4px;
2102
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2103
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2104
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2105
- background-color: transparent;
2106
- width: 100%;
2107
- -js-display: flex;
2108
- display: -webkit-box;
2109
- display: -webkit-flex;
2110
- display: -moz-box;
2111
- display: -ms-flexbox;
2112
- display: flex;
2113
- height: auto;
2114
- -webkit-box-shadow: none;
2115
- box-shadow: none; }
2116
- .premium-progressbar-bar-wrap .progress-segment {
2117
- position: relative;
2118
- width: 25px;
2119
- height: 25px;
2120
- -webkit-border-radius: 50%;
2121
- border-radius: 50%;
2122
- overflow: hidden;
2123
- background-color: #f5f5f5; }
2124
- .premium-progressbar-bar-wrap .progress-segment.filled {
2125
- background: #6ec1e4; }
2126
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2127
- margin: 0 4px; }
2128
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2129
- margin-right: 4px; }
2130
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2131
- margin-left: 4px; }
2132
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2133
- position: absolute;
2134
- top: 0;
2135
- left: 0;
2136
- height: 100%;
2137
- background-color: #6ec1e4; }
2138
-
2139
- .premium-progressbar-bar {
2140
- float: left;
2141
- width: 0%;
2142
- height: 100%;
2143
- font-size: 12px;
2144
- line-height: 20px;
2145
- background: #6ec1e4;
2146
- text-align: center;
2147
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2148
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2149
-
2150
- .premium-progressbar-striped .premium-progressbar-bar {
2151
- 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);
2152
- 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);
2153
- -webkit-background-size: 40px 40px;
2154
- background-size: 40px 40px; }
2155
-
2156
- .premium-progressbar-active .premium-progressbar-bar {
2157
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2158
- animation: progress-bar-stripes 2s linear infinite; }
2159
-
2160
- .premium-progressbar-gradient .premium-progressbar-bar {
2161
- -webkit-background-size: 400% 400% !important;
2162
- background-size: 400% 400% !important;
2163
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2164
- animation: progress-bar-gradient 10s ease-in-out infinite; }
2165
-
2166
- .premium-progressbar-bar {
2167
- position: absolute;
2168
- overflow: hidden;
2169
- line-height: 20px; }
2170
-
2171
- .premium-progressbar-container .clearfix {
2172
- clear: both; }
2173
-
2174
- .premium-progressbar-bar {
2175
- -webkit-transition: width 0s ease-in-out !important;
2176
- transition: width 0s ease-in-out !important; }
2177
-
2178
- .premium-progressbar-container p:first-of-type {
2179
- margin: 0;
2180
- float: left; }
2181
-
2182
- .premium-progressbar-container p:nth-of-type(2) {
2183
- margin: 0;
2184
- float: right; }
2185
-
2186
- .premium-progressbar-name {
2187
- left: 50%;
2188
- top: 0;
2189
- right: 0;
2190
- -webkit-transform: translateX(-12.5px);
2191
- -ms-transform: translateX(-12.5px);
2192
- transform: translateX(-12.5px);
2193
- z-index: 1; }
2194
-
2195
- .premium-progressbar-multiple-label {
2196
- position: relative;
2197
- float: left;
2198
- width: 0;
2199
- left: 50%; }
2200
-
2201
- .premium-progressbar-center-label {
2202
- position: relative;
2203
- white-space: nowrap; }
2204
-
2205
- .premium-progressbar-arrow {
2206
- height: 15px;
2207
- left: 50%;
2208
- display: inline-block;
2209
- border-left: 7px solid transparent;
2210
- border-right: 7px solid transparent;
2211
- border-top: 11px solid;
2212
- -webkit-transform: translateX(-50%);
2213
- -ms-transform: translateX(-50%);
2214
- transform: translateX(-50%); }
2215
-
2216
- .premium-progressbar-pin {
2217
- border-left: 1px solid;
2218
- height: 12px;
2219
- left: 50%;
2220
- display: inline-block; }
2221
-
2222
- /**
2223
- * Circle Progress Bar
2224
- */
2225
- .premium-progressbar-circle-wrap {
2226
- width: 200px;
2227
- height: 200px;
2228
- position: relative;
2229
- margin: 0 auto; }
2230
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2231
- position: absolute;
2232
- top: 0;
2233
- left: 0;
2234
- width: 100%;
2235
- height: 100%;
2236
- -webkit-clip-path: inset(0 0 0 50%);
2237
- clip-path: inset(0 0 0 50%); }
2238
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2239
- position: absolute;
2240
- left: 0;
2241
- top: 0;
2242
- height: 100%;
2243
- width: 100%;
2244
- border-width: 6px;
2245
- border-style: solid;
2246
- border-color: #54595f;
2247
- -webkit-border-radius: 50%;
2248
- border-radius: 50%;
2249
- -webkit-clip-path: inset(0 50% 0 0);
2250
- clip-path: inset(0 50% 0 0); }
2251
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2252
- -webkit-transform: rotate(0);
2253
- -ms-transform: rotate(0);
2254
- transform: rotate(0); }
2255
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2256
- -webkit-transform: rotate(180deg);
2257
- -ms-transform: rotate(180deg);
2258
- transform: rotate(180deg);
2259
- visibility: hidden; }
2260
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2261
- width: 100%;
2262
- height: 100%;
2263
- border: 6px solid #eee;
2264
- -webkit-border-radius: 50%;
2265
- border-radius: 50%; }
2266
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2267
- position: absolute;
2268
- top: 0;
2269
- left: 0;
2270
- width: 100%;
2271
- height: 100%;
2272
- -js-display: flex;
2273
- display: -webkit-box;
2274
- display: -webkit-flex;
2275
- display: -moz-box;
2276
- display: -ms-flexbox;
2277
- display: flex;
2278
- -webkit-box-orient: vertical;
2279
- -webkit-box-direction: normal;
2280
- -webkit-flex-direction: column;
2281
- -moz-box-orient: vertical;
2282
- -moz-box-direction: normal;
2283
- -ms-flex-direction: column;
2284
- flex-direction: column;
2285
- -webkit-box-pack: center;
2286
- -webkit-justify-content: center;
2287
- -moz-box-pack: center;
2288
- -ms-flex-pack: center;
2289
- justify-content: center;
2290
- -webkit-box-align: center;
2291
- -webkit-align-items: center;
2292
- -moz-box-align: center;
2293
- -ms-flex-align: center;
2294
- align-items: center; }
2295
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2296
- line-height: 1; }
2297
-
2298
- @-webkit-keyframes progress-bar-stripes {
2299
- from {
2300
- background-position: 0 0; }
2301
- to {
2302
- background-position: 40px 0; } }
2303
-
2304
- @keyframes progress-bar-stripes {
2305
- from {
2306
- background-position: 0 0; }
2307
- to {
2308
- background-position: 40px 0; } }
2309
-
2310
- @-webkit-keyframes progress-bar-gradient {
2311
- 0% {
2312
- background-position: 0% 50%; }
2313
- 50% {
2314
- background-position: 100% 50%; }
2315
- 100% {
2316
- background-position: 0% 50%; } }
2317
-
2318
- @keyframes progress-bar-gradient {
2319
- 0% {
2320
- background-position: 0% 50%; }
2321
- 50% {
2322
- background-position: 100% 50%; }
2323
- 100% {
2324
- background-position: 0% 50%; } }
2325
-
2326
- /**************** Premium Testimonials ****************/
2327
- /******************************************************/
2328
- .premium-testimonial-box {
2329
- width: 100%;
2330
- background: transparent;
2331
- -webkit-transition: all 0.3s ease-in-out;
2332
- transition: all 0.3s ease-in-out; }
2333
- .premium-testimonial-box .premium-testimonial-author-info {
2334
- -js-display: flex;
2335
- display: -webkit-box;
2336
- display: -webkit-flex;
2337
- display: -moz-box;
2338
- display: -ms-flexbox;
2339
- display: flex;
2340
- -webkit-box-pack: center;
2341
- -webkit-justify-content: center;
2342
- -moz-box-pack: center;
2343
- -ms-flex-pack: center;
2344
- justify-content: center;
2345
- -webkit-box-align: center;
2346
- -webkit-align-items: center;
2347
- -moz-box-align: center;
2348
- -ms-flex-align: center;
2349
- align-items: center; }
2350
- .premium-testimonial-box .premium-testimonial-person-name,
2351
- .premium-testimonial-box .premium-testimonial-company-name {
2352
- font-weight: 600;
2353
- margin: 0; }
2354
-
2355
- .premium-testimonial-container {
2356
- position: relative; }
2357
-
2358
- .premium-testimonial-img-wrapper {
2359
- margin-left: auto;
2360
- margin-right: auto;
2361
- overflow: hidden;
2362
- border-style: solid !important; }
2363
- .premium-testimonial-img-wrapper.circle {
2364
- -webkit-border-radius: 50%;
2365
- border-radius: 50%; }
2366
- .premium-testimonial-img-wrapper.rounded {
2367
- -webkit-border-radius: 15px;
2368
- border-radius: 15px; }
2369
- .premium-testimonial-img-wrapper img {
2370
- -o-object-fit: cover;
2371
- object-fit: cover;
2372
- width: 100%;
2373
- height: 100% !important; }
2374
-
2375
- .premium-testimonial-content-wrapper {
2376
- position: relative;
2377
- -js-display: flex;
2378
- display: -webkit-box;
2379
- display: -webkit-flex;
2380
- display: -moz-box;
2381
- display: -ms-flexbox;
2382
- display: flex;
2383
- -webkit-box-orient: vertical;
2384
- -webkit-box-direction: normal;
2385
- -webkit-flex-direction: column;
2386
- -moz-box-orient: vertical;
2387
- -moz-box-direction: normal;
2388
- -ms-flex-direction: column;
2389
- flex-direction: column;
2390
- z-index: 2;
2391
- width: 100%;
2392
- padding: 20px;
2393
- text-align: center; }
2394
-
2395
- .premium-testimonial-clear-float {
2396
- clear: both; }
2397
-
2398
- .premium-testimonial-upper-quote,
2399
- .premium-testimonial-lower-quote {
2400
- position: absolute;
2401
- z-index: 1; }
2402
-
2403
- /**************** Premium Dual Heading *****************/
2404
- /*******************************************************/
2405
- .premium-dual-header-container .premium-dual-header-first-header,
2406
- .premium-dual-header-container .premium-dual-header-second-header {
2407
- position: relative;
2408
- padding: 0;
2409
- margin: 0;
2410
- display: inline-block;
2411
- -webkit-transform: translate(0, 0);
2412
- -ms-transform: translate(0, 0);
2413
- transform: translate(0, 0); }
2414
-
2415
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2416
- .premium-dual-header-second-clip {
2417
- -webkit-text-fill-color: transparent;
2418
- -webkit-background-clip: text;
2419
- background-clip: text; }
2420
-
2421
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2422
- .premium-dual-header-second-clip.stroke {
2423
- -webkit-text-stroke-color: transparent;
2424
- -webkit-text-fill-color: #fafafa;
2425
- -webkit-text-stroke-width: 2px; }
2426
-
2427
- @media (max-width: 500px) {
2428
- .premium-dual-header-container .premium-dual-header-first-header,
2429
- .premium-dual-header-container .premium-dual-header-second-header {
2430
- display: block;
2431
- word-wrap: break-word; }
2432
- .premium-dual-header-first-container,
2433
- .premium-dual-header-second-container {
2434
- margin: 0; } }
2435
-
2436
- @media (min-width: 501px) {
2437
- .premium-dual-header-first-container {
2438
- margin-right: 5px; } }
2439
-
2440
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2441
- .premium-dual-header-second-header.gradient {
2442
- -webkit-background-size: 300% 300% !important;
2443
- background-size: 300% 300% !important;
2444
- -webkit-animation: Gradient 10s ease-in-out infinite;
2445
- animation: Gradient 10s ease-in-out infinite; }
2446
-
2447
- @-webkit-keyframes Gradient {
2448
- 0% {
2449
- background-position: 0% 50%; }
2450
- 50% {
2451
- background-position: 100% 50%; }
2452
- 100% {
2453
- background-position: 0% 50%; } }
2454
-
2455
- @keyframes Gradient {
2456
- 0% {
2457
- background-position: 0% 50%; }
2458
- 50% {
2459
- background-position: 100% 50%; }
2460
- 100% {
2461
- background-position: 0% 50%; } }
2462
-
2463
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2464
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2465
- display: inline-block !important; }
2466
-
2467
- /**************** Premium Title ****************/
2468
- /***********************************************/
2469
- .premium-title-container {
2470
- position: relative;
2471
- width: 100%;
2472
- clear: both; }
2473
- .premium-title-container .premium-title-header {
2474
- position: relative;
2475
- margin: 0;
2476
- padding: 10px; }
2477
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2478
- -webkit-box-align: center;
2479
- -webkit-align-items: center;
2480
- -moz-box-align: center;
2481
- -ms-flex-align: center;
2482
- align-items: center; }
2483
- .premium-title-container .premium-title-header svg {
2484
- width: 40px;
2485
- height: 40px; }
2486
- .premium-title-container .premium-title-header img {
2487
- width: 40px;
2488
- height: 40px;
2489
- -o-object-fit: cover;
2490
- object-fit: cover; }
2491
- .premium-title-container .premium-title-header a {
2492
- position: absolute;
2493
- top: 0;
2494
- left: 0;
2495
- width: 100%;
2496
- height: 100%; }
2497
- .premium-title-container .premium-lottie-animation {
2498
- -js-display: flex;
2499
- display: -webkit-box;
2500
- display: -webkit-flex;
2501
- display: -moz-box;
2502
- display: -ms-flexbox;
2503
- display: flex; }
2504
-
2505
- .premium-title-icon-row .premium-title-icon {
2506
- margin-right: 10px; }
2507
-
2508
- .premium-title-icon-row-reverse .premium-title-icon {
2509
- margin-left: 10px; }
2510
-
2511
- .premium-title-style3,
2512
- .premium-title-style4 {
2513
- -js-display: flex;
2514
- display: -webkit-box;
2515
- display: -webkit-flex;
2516
- display: -moz-box;
2517
- display: -ms-flexbox;
2518
- display: flex; }
2519
-
2520
- .premium-title-style1,
2521
- .premium-title-style2,
2522
- .premium-title-style5,
2523
- .premium-title-style6,
2524
- .premium-title-style8,
2525
- .premium-title-style9 {
2526
- -js-display: inline-flex;
2527
- display: -webkit-inline-box;
2528
- display: -webkit-inline-flex;
2529
- display: -moz-inline-box;
2530
- display: -ms-inline-flexbox;
2531
- display: inline-flex; }
2532
-
2533
- .premium-title-style7 {
2534
- -js-display: inline-flex;
2535
- display: -webkit-inline-box;
2536
- display: -webkit-inline-flex;
2537
- display: -moz-inline-box;
2538
- display: -ms-inline-flexbox;
2539
- display: inline-flex;
2540
- -webkit-box-orient: vertical;
2541
- -webkit-box-direction: normal;
2542
- -webkit-flex-direction: column;
2543
- -moz-box-orient: vertical;
2544
- -moz-box-direction: normal;
2545
- -ms-flex-direction: column;
2546
- flex-direction: column; }
2547
- .premium-title-style7 .premium-title-style7-inner {
2548
- -js-display: flex;
2549
- display: -webkit-box;
2550
- display: -webkit-flex;
2551
- display: -moz-box;
2552
- display: -ms-flexbox;
2553
- display: flex;
2554
- -webkit-box-align: center;
2555
- -webkit-align-items: center;
2556
- -moz-box-align: center;
2557
- -ms-flex-align: center;
2558
- align-items: center; }
2559
-
2560
- .premium-title-style1 {
2561
- border-left: 3px solid #6ec1e4; }
2562
-
2563
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2564
- border-bottom: 3px solid #6ec1e4; }
2565
-
2566
- /*Style 6 Header*/
2567
- .premium-title-style6:before {
2568
- position: absolute;
2569
- left: 50%;
2570
- bottom: 0;
2571
- margin-left: -2px;
2572
- content: "";
2573
- border: 3px solid transparent; }
2574
-
2575
- /*Style 6 Trinagle*/
2576
- .premium-title-style7-stripe-wrap {
2577
- -js-display: flex;
2578
- display: -webkit-box;
2579
- display: -webkit-flex;
2580
- display: -moz-box;
2581
- display: -ms-flexbox;
2582
- display: flex; }
2583
-
2584
- .premium-title-style7:before {
2585
- display: none; }
2586
-
2587
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2588
- -webkit-background-size: 125px 125px !important;
2589
- background-size: 125px !important;
2590
- color: rgba(255, 255, 255, 0);
2591
- -webkit-background-clip: text !important;
2592
- background-clip: text !important;
2593
- -webkit-animation-name: pa-shinny-text !important;
2594
- animation-name: pa-shinny-text !important;
2595
- -webkit-animation-duration: var(--animation-speed) !important;
2596
- animation-duration: var(--animation-speed) !important;
2597
- -webkit-animation-iteration-count: infinite !important;
2598
- animation-iteration-count: infinite !important;
2599
- 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; }
2600
-
2601
- @-webkit-keyframes pa-shinny-text {
2602
- 0% {
2603
- background-position: 0%; }
2604
- 100% {
2605
- background-position: 200%; } }
2606
-
2607
- @keyframes pa-shinny-text {
2608
- 0% {
2609
- background-position: 0%; }
2610
- 100% {
2611
- background-position: 200%; } }
2612
-
2613
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2614
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2615
- animation: pa-blur-shadow 2s 1 alternate; }
2616
-
2617
- @-webkit-keyframes pa-blur-shadow {
2618
- from {
2619
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2620
- color: transparent; }
2621
- to {
2622
- text-shadow: 0; } }
2623
-
2624
- @keyframes pa-blur-shadow {
2625
- from {
2626
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2627
- color: transparent; }
2628
- to {
2629
- text-shadow: 0; } }
2630
-
2631
- .premium-title-gradient-yes .premium-title-text,
2632
- .premium-title-gradient-yes .premium-title-icon {
2633
- -webkit-background-clip: text;
2634
- -webkit-text-fill-color: transparent;
2635
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2636
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2637
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2638
- -webkit-animation: pa-text-gradient 8s infinite;
2639
- animation: pa-text-gradient 8s infinite; }
2640
-
2641
- @-webkit-keyframes pa-text-gradient {
2642
- 0%,
2643
- 100% {
2644
- -webkit-filter: hue-rotate(0deg);
2645
- filter: hue-rotate(0deg); }
2646
- 50% {
2647
- -webkit-filter: hue-rotate(360deg);
2648
- filter: hue-rotate(360deg); } }
2649
-
2650
- @keyframes pa-text-gradient {
2651
- 0%,
2652
- 100% {
2653
- -webkit-filter: hue-rotate(0deg);
2654
- filter: hue-rotate(0deg); }
2655
- 50% {
2656
- -webkit-filter: hue-rotate(360deg);
2657
- filter: hue-rotate(360deg); } }
2658
-
2659
- /*
2660
- * Common Title/Dual Heading
2661
- */
2662
- .premium-title-bg-text:before {
2663
- position: absolute;
2664
- content: attr(data-background);
2665
- top: 0;
2666
- left: 0;
2667
- text-align: left; }
2668
-
2669
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2670
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2671
- background: inherit; }
2672
-
2673
- .premium-mask-yes .premium-mask-span {
2674
- position: relative;
2675
- overflow: hidden;
2676
- -js-display: inline-flex !important;
2677
- display: -webkit-inline-box !important;
2678
- display: -webkit-inline-flex !important;
2679
- display: -moz-inline-box !important;
2680
- display: -ms-inline-flexbox !important;
2681
- display: inline-flex !important; }
2682
- .premium-mask-yes .premium-mask-span::after {
2683
- content: "";
2684
- position: absolute;
2685
- top: 0;
2686
- right: 0px;
2687
- width: 100%;
2688
- height: 100%;
2689
- background-color: currentColor;
2690
- -webkit-backface-visibility: visible;
2691
- backface-visibility: visible; }
2692
-
2693
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2694
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2695
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2696
- -webkit-transform: translateX(-103%);
2697
- -ms-transform: translateX(-103%);
2698
- transform: translateX(-103%); }
2699
-
2700
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2701
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2702
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2703
- -webkit-transform: translateX(103%);
2704
- -ms-transform: translateX(103%);
2705
- transform: translateX(103%); }
2706
-
2707
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2708
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2709
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2710
- -webkit-transform: translateY(-103%);
2711
- -ms-transform: translateY(-103%);
2712
- transform: translateY(-103%); }
2713
-
2714
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2715
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2716
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2717
- -webkit-transform: translateY(103%);
2718
- -ms-transform: translateY(103%);
2719
- transform: translateY(103%); }
2720
-
2721
- @-webkit-keyframes pa-mask-tr {
2722
- 0% {
2723
- -webkit-transform: translateX(0%);
2724
- transform: translateX(0%); }
2725
- 100% {
2726
- -webkit-transform: translateX(103%);
2727
- transform: translateX(103%); } }
2728
-
2729
- @keyframes pa-mask-tr {
2730
- 0% {
2731
- -webkit-transform: translateX(0%);
2732
- transform: translateX(0%); }
2733
- 100% {
2734
- -webkit-transform: translateX(103%);
2735
- transform: translateX(103%); } }
2736
-
2737
- @-webkit-keyframes pa-mask-tl {
2738
- 0% {
2739
- -webkit-transform: translateX(0%);
2740
- transform: translateX(0%); }
2741
- 100% {
2742
- -webkit-transform: translateX(-103%);
2743
- transform: translateX(-103%); } }
2744
-
2745
- @keyframes pa-mask-tl {
2746
- 0% {
2747
- -webkit-transform: translateX(0%);
2748
- transform: translateX(0%); }
2749
- 100% {
2750
- -webkit-transform: translateX(-103%);
2751
- transform: translateX(-103%); } }
2752
-
2753
- @-webkit-keyframes pa-mask-tb {
2754
- 0% {
2755
- -webkit-transform: translateY(0%);
2756
- transform: translateY(0%); }
2757
- 100% {
2758
- -webkit-transform: translateY(103%);
2759
- transform: translateY(103%); } }
2760
-
2761
- @keyframes pa-mask-tb {
2762
- 0% {
2763
- -webkit-transform: translateY(0%);
2764
- transform: translateY(0%); }
2765
- 100% {
2766
- -webkit-transform: translateY(103%);
2767
- transform: translateY(103%); } }
2768
-
2769
- @-webkit-keyframes pa-mask-tt {
2770
- 0% {
2771
- -webkit-transform: translateY(0%);
2772
- transform: translateY(0%); }
2773
- 100% {
2774
- -webkit-transform: translateY(-103%);
2775
- transform: translateY(-103%); } }
2776
-
2777
- @keyframes pa-mask-tt {
2778
- 0% {
2779
- -webkit-transform: translateY(0%);
2780
- transform: translateY(0%); }
2781
- 100% {
2782
- -webkit-transform: translateY(-103%);
2783
- transform: translateY(-103%); } }
2784
-
2785
- /**************** Premium Video Box ************/
2786
- /***********************************************/
2787
- .premium-video-box-transform {
2788
- -webkit-transform: none !important;
2789
- -ms-transform: none !important;
2790
- transform: none !important; }
2791
-
2792
- .premium-video-box-container {
2793
- -js-display: flex;
2794
- display: -webkit-box;
2795
- display: -webkit-flex;
2796
- display: -moz-box;
2797
- display: -ms-flexbox;
2798
- display: flex;
2799
- -webkit-box-orient: vertical;
2800
- -webkit-box-direction: normal;
2801
- -webkit-flex-direction: column;
2802
- -moz-box-orient: vertical;
2803
- -moz-box-direction: normal;
2804
- -ms-flex-direction: column;
2805
- flex-direction: column; }
2806
-
2807
- .premium-video-box-container > div {
2808
- position: relative;
2809
- overflow: hidden; }
2810
-
2811
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2812
- padding-bottom: 100%; }
2813
-
2814
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2815
- padding-bottom: 56.25%; }
2816
-
2817
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2818
- padding-bottom: 75%; }
2819
-
2820
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2821
- padding-bottom: 66.6666%; }
2822
-
2823
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2824
- padding-bottom: 42.8571%; }
2825
-
2826
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2827
- padding-bottom: 177.8%; }
2828
-
2829
- .premium-video-box-image-container {
2830
- position: absolute;
2831
- top: 0;
2832
- left: 0;
2833
- bottom: 0;
2834
- right: 0;
2835
- width: 100%;
2836
- height: 100%;
2837
- -webkit-background-size: cover;
2838
- background-size: cover;
2839
- background-position: 50%;
2840
- cursor: pointer;
2841
- margin: auto;
2842
- -webkit-transition: 0.2s all;
2843
- transition: 0.2s all; }
2844
-
2845
- .premium-video-box-play-icon-container {
2846
- position: absolute;
2847
- z-index: 2;
2848
- cursor: pointer;
2849
- -webkit-transform: translate(-50%, -50%);
2850
- -ms-transform: translate(-50%, -50%);
2851
- transform: translate(-50%, -50%);
2852
- background: rgba(252, 252, 252, 0.35); }
2853
-
2854
- .premium-video-box-description-container {
2855
- position: absolute;
2856
- z-index: 2;
2857
- padding: 5px;
2858
- text-align: center;
2859
- cursor: pointer;
2860
- -webkit-transform: translate(-50%, -50%);
2861
- -ms-transform: translate(-50%, -50%);
2862
- transform: translate(-50%, -50%); }
2863
-
2864
- .premium-video-box-text {
2865
- margin-bottom: 0 !important;
2866
- -webkit-transition: all 0.3s ease-in-out;
2867
- transition: all 0.3s ease-in-out; }
2868
-
2869
- .premium-video-box-play-icon {
2870
- padding: 15px;
2871
- -webkit-transform: translateX(4%);
2872
- -ms-transform: translateX(4%);
2873
- transform: translateX(4%);
2874
- -webkit-transition: all 0.3s ease-in-out;
2875
- transition: all 0.3s ease-in-out; }
2876
-
2877
- .premium-video-box-video-container {
2878
- position: absolute;
2879
- top: 0;
2880
- left: 0;
2881
- z-index: 2;
2882
- width: 100%;
2883
- height: 100%;
2884
- -webkit-transition: opacity 0.8s ease-in-out;
2885
- transition: opacity 0.8s ease-in-out;
2886
- overflow: hidden;
2887
- cursor: pointer; }
2888
-
2889
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2890
- opacity: 0;
2891
- visibility: hidden; }
2892
-
2893
- .premium-video-box-video-container iframe {
2894
- max-width: 100%;
2895
- width: 100%;
2896
- height: 100%;
2897
- margin: 0;
2898
- line-height: 1;
2899
- border: none; }
2900
-
2901
- .premium-video-box-video-container video {
2902
- max-width: 100%;
2903
- width: 100%;
2904
- height: 100%;
2905
- margin: 0;
2906
- line-height: 1;
2907
- border: none;
2908
- background-color: #000;
2909
- -o-object-fit: contain;
2910
- object-fit: contain; }
2911
-
2912
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2913
- -js-display: flex;
2914
- display: -webkit-box;
2915
- display: -webkit-flex;
2916
- display: -moz-box;
2917
- display: -ms-flexbox;
2918
- display: flex;
2919
- position: absolute;
2920
- top: 0;
2921
- left: 0;
2922
- z-index: 3;
2923
- margin: 10px;
2924
- margin-right: 10px;
2925
- -webkit-transition: opacity 0.2s ease-out;
2926
- transition: opacity 0.2s ease-out;
2927
- margin-right: 4.6em; }
2928
-
2929
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2930
- width: 60px;
2931
- height: 60px;
2932
- background: rgba(23, 35, 34, 0.75);
2933
- margin-right: 1px;
2934
- -webkit-box-flex: 1;
2935
- -webkit-flex: 1 0 auto;
2936
- -moz-box-flex: 1;
2937
- -ms-flex: 1 0 auto;
2938
- flex: 1 0 auto;
2939
- padding: 0; }
2940
-
2941
- .premium-video-box-vimeo-portrait img {
2942
- width: 50px;
2943
- height: 50px;
2944
- margin: 5px;
2945
- padding: 0;
2946
- border: 0;
2947
- -webkit-border-radius: 50%;
2948
- border-radius: 50%; }
2949
-
2950
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2951
- font-size: 10px; }
2952
-
2953
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2954
- max-width: 100%;
2955
- font-size: 2em !important;
2956
- font-weight: 700;
2957
- margin: 0;
2958
- padding: 0.1em 0.2em;
2959
- background: rgba(23, 35, 34, 0.75);
2960
- display: inline-block;
2961
- text-transform: none;
2962
- line-height: normal;
2963
- letter-spacing: normal; }
2964
-
2965
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2966
- font-size: 1.2em !important;
2967
- font-weight: 400;
2968
- color: #fff;
2969
- margin-top: 0.1em;
2970
- padding: 0.2em 0.5em;
2971
- background: rgba(23, 35, 34, 0.75);
2972
- text-transform: none;
2973
- line-height: normal;
2974
- letter-spacing: normal; }
2975
-
2976
- .premium-video-box-playlist-container {
2977
- -js-display: flex;
2978
- display: -webkit-box;
2979
- display: -webkit-flex;
2980
- display: -moz-box;
2981
- display: -ms-flexbox;
2982
- display: flex;
2983
- -webkit-flex-wrap: wrap;
2984
- -ms-flex-wrap: wrap;
2985
- flex-wrap: wrap; }
2986
- .premium-video-box-playlist-container .premium-video-box-container {
2987
- height: 100%;
2988
- overflow: hidden; }
2989
-
2990
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2991
- -webkit-transform: scale(1.1);
2992
- -ms-transform: scale(1.1);
2993
- transform: scale(1.1); }
2994
-
2995
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2996
- -webkit-transform: scale(1);
2997
- -ms-transform: scale(1);
2998
- transform: scale(1); }
2999
-
3000
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3001
- -webkit-transform: scale(1.3) rotate(5deg);
3002
- -ms-transform: scale(1.3) rotate(5deg);
3003
- transform: scale(1.3) rotate(5deg); }
3004
-
3005
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3006
- -webkit-filter: grayscale(0%);
3007
- filter: grayscale(0%); }
3008
-
3009
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3010
- -webkit-filter: blur(3px);
3011
- filter: blur(3px); }
3012
-
3013
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3014
- -webkit-filter: sepia(0%);
3015
- filter: sepia(0%); }
3016
-
3017
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3018
- -webkit-transform: translateX(0px) scale(1.1);
3019
- -ms-transform: translateX(0px) scale(1.1);
3020
- transform: translateX(0px) scale(1.1); }
3021
-
3022
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3023
- -webkit-filter: brightness(1.2);
3024
- filter: brightness(1.2); }
3025
-
3026
- .premium-video-box-image-container.gray {
3027
- -webkit-filter: grayscale(100%);
3028
- filter: grayscale(100%); }
3029
-
3030
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3031
- -webkit-transform: scale(1.2);
3032
- -ms-transform: scale(1.2);
3033
- transform: scale(1.2); }
3034
-
3035
- .premium-video-box-image-container.sepia {
3036
- -webkit-filter: sepia(30%);
3037
- filter: sepia(30%); }
3038
-
3039
- .premium-video-box-image-container.bright {
3040
- -webkit-filter: brightness(1);
3041
- filter: brightness(1); }
3042
-
3043
- .premium-video-box-image-container.trans {
3044
- -webkit-transform: translateX(-15px) scale(1.1);
3045
- -ms-transform: translateX(-15px) scale(1.1);
3046
- transform: translateX(-15px) scale(1.1); }
3047
-
3048
- .premium-video-box-mask-media {
3049
- -webkit-mask-repeat: no-repeat;
3050
- mask-repeat: no-repeat; }
3051
-
3052
- /* Sticky Video Option */
3053
- .premium-video-box-container.premium-video-box-sticky-apply {
3054
- z-index: 99;
3055
- overflow: unset; }
3056
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3057
- position: fixed !important;
3058
- z-index: 99999;
3059
- height: 225px;
3060
- width: 400px;
3061
- background: #fff; }
3062
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3063
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3064
- visibility: hidden; }
3065
- .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 {
3066
- -webkit-box-shadow: unset;
3067
- box-shadow: unset; }
3068
-
3069
- .premium-video-box-sticky-close,
3070
- .premium-video-box-sticky-infobar {
3071
- display: none; }
3072
-
3073
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3074
- position: absolute;
3075
- padding: 5px;
3076
- cursor: pointer;
3077
- z-index: 99999;
3078
- height: 14px;
3079
- width: 14px;
3080
- -webkit-box-sizing: content-box;
3081
- -moz-box-sizing: content-box;
3082
- box-sizing: content-box;
3083
- -webkit-border-radius: 100%;
3084
- border-radius: 100%;
3085
- -js-display: flex;
3086
- display: -webkit-box;
3087
- display: -webkit-flex;
3088
- display: -moz-box;
3089
- display: -ms-flexbox;
3090
- display: flex;
3091
- -webkit-box-pack: center;
3092
- -webkit-justify-content: center;
3093
- -moz-box-pack: center;
3094
- -ms-flex-pack: center;
3095
- justify-content: center;
3096
- -webkit-box-align: center;
3097
- -webkit-align-items: center;
3098
- -moz-box-align: center;
3099
- -ms-flex-align: center;
3100
- align-items: center; }
3101
-
3102
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3103
- -js-display: flex;
3104
- display: -webkit-box;
3105
- display: -webkit-flex;
3106
- display: -moz-box;
3107
- display: -ms-flexbox;
3108
- display: flex; }
3109
-
3110
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3111
- -webkit-transition: none;
3112
- transition: none; }
3113
-
3114
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3115
- display: block;
3116
- position: relative;
3117
- top: 100%;
3118
- width: 100%;
3119
- padding: 5px;
3120
- text-align: center;
3121
- z-index: 9999;
3122
- margin-top: -1px; }
3123
-
3124
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3125
- cursor: move; }
3126
-
3127
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3128
- right: auto;
3129
- left: 20px;
3130
- top: 20px; }
3131
-
3132
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3133
- right: auto;
3134
- left: 20px;
3135
- bottom: 20px; }
3136
-
3137
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3138
- left: auto;
3139
- right: 20px;
3140
- top: 20px; }
3141
-
3142
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3143
- left: auto;
3144
- right: 20px;
3145
- bottom: 20px; }
3146
-
3147
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3148
- right: auto;
3149
- left: 20px;
3150
- top: 50%;
3151
- -webkit-transform: translateY(-50%);
3152
- -ms-transform: translateY(-50%);
3153
- transform: translateY(-50%); }
3154
-
3155
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3156
- left: auto;
3157
- right: 20px;
3158
- top: 50%;
3159
- -webkit-transform: translateY(-50%);
3160
- -ms-transform: translateY(-50%);
3161
- transform: translateY(-50%); }
3162
-
3163
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3164
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3165
- bottom: 55px; }
3166
-
3167
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3168
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3169
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3170
- top: -10px;
3171
- right: -10px; }
3172
-
3173
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3174
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3175
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3176
- top: -10px;
3177
- left: -10px; }
3178
-
3179
- .premium-video-box-filter-sticky {
3180
- -webkit-filter: none !important;
3181
- filter: none !important; }
3182
-
3183
- /**************** Premium Blog *****************/
3184
- /***********************************************/
3185
- .premium-blog-thumb-effect-wrapper {
3186
- position: relative;
3187
- overflow: hidden; }
3188
-
3189
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3190
- position: absolute;
3191
- top: 0;
3192
- left: 0;
3193
- width: 100%;
3194
- height: 100%;
3195
- z-index: 2;
3196
- padding: 20px; }
3197
-
3198
- .premium-blog-bordered-effect .premium-blog-post-link {
3199
- display: block;
3200
- height: 100%;
3201
- position: relative; }
3202
-
3203
- /*Thumbnail Img*/
3204
- .premium-blog-thumbnail-container {
3205
- overflow: hidden; }
3206
- .premium-blog-thumbnail-container img,
3207
- .premium-blog-thumbnail-container .below-entry-meta {
3208
- width: 100%;
3209
- height: 100%;
3210
- margin: 0 !important;
3211
- -webkit-transition: all 0.4s ease-in-out;
3212
- transition: all 0.4s ease-in-out; }
3213
-
3214
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3215
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3216
- -webkit-transform: scale(1.2);
3217
- -ms-transform: scale(1.2);
3218
- transform: scale(1.2); }
3219
-
3220
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3221
- -webkit-filter: sepia(30%);
3222
- filter: sepia(30%); }
3223
-
3224
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3225
- -webkit-filter: brightness(1);
3226
- filter: brightness(1); }
3227
-
3228
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3229
- -webkit-transform: translateX(-15px) scale(1.1);
3230
- -ms-transform: translateX(-15px) scale(1.1);
3231
- transform: translateX(-15px) scale(1.1); }
3232
-
3233
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3234
- -webkit-transform: scale(1.2);
3235
- -ms-transform: scale(1.2);
3236
- transform: scale(1.2); }
3237
-
3238
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3239
- -webkit-transform: scale(1.1);
3240
- -ms-transform: scale(1.1);
3241
- transform: scale(1.1); }
3242
-
3243
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3244
- -webkit-transform: scale(1.3) rotate(5deg);
3245
- -ms-transform: scale(1.3) rotate(5deg);
3246
- transform: scale(1.3) rotate(5deg); }
3247
-
3248
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3249
- -webkit-filter: grayscale(100%);
3250
- filter: grayscale(100%); }
3251
-
3252
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3253
- -webkit-filter: blur(3px);
3254
- filter: blur(3px); }
3255
-
3256
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3257
- -webkit-filter: sepia(0%);
3258
- filter: sepia(0%); }
3259
-
3260
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3261
- -webkit-filter: brightness(1.2);
3262
- filter: brightness(1.2); }
3263
-
3264
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3265
- -webkit-transform: translateX(0px) scale(1.1);
3266
- -ms-transform: translateX(0px) scale(1.1);
3267
- transform: translateX(0px) scale(1.1); }
3268
-
3269
- .premium-blog-post-container {
3270
- overflow: hidden; }
3271
- .premium-blog-post-container .premium-blog-inner-container {
3272
- -js-display: flex;
3273
- display: -webkit-box;
3274
- display: -webkit-flex;
3275
- display: -moz-box;
3276
- display: -ms-flexbox;
3277
- display: flex; }
3278
- .premium-blog-post-container .premium-blog-entry-container {
3279
- margin: 0 !important; }
3280
- .premium-blog-post-container .premium-blog-post-content {
3281
- line-height: 1.5em;
3282
- color: #777;
3283
- font-size: 14px;
3284
- margin-bottom: 10px; }
3285
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3286
- .premium-blog-post-container .premium-blog-post-link:hover,
3287
- .premium-blog-post-container .premium-blog-post-link:focus {
3288
- -webkit-box-shadow: none !important;
3289
- box-shadow: none !important;
3290
- outline: none !important; }
3291
- .premium-blog-post-container .premium-blog-entry-title {
3292
- font-size: 18px;
3293
- margin-bottom: 5px; }
3294
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3295
- position: relative;
3296
- z-index: 3;
3297
- top: -50px; }
3298
- .premium-blog-post-container .premium-blog-content-wrapper {
3299
- background-color: #f5f5f5;
3300
- padding: 30px; }
3301
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3302
- top: 0; }
3303
- .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 {
3304
- position: absolute;
3305
- content: "";
3306
- z-index: 1;
3307
- top: 50%;
3308
- left: 50%;
3309
- opacity: 0;
3310
- -webkit-transform: translate(-50%, -50%);
3311
- -ms-transform: translate(-50%, -50%);
3312
- transform: translate(-50%, -50%);
3313
- -webkit-transition: all 0.4s linear 0s;
3314
- transition: all 0.4s linear 0s;
3315
- height: 1px;
3316
- width: 100%;
3317
- background-color: #fff; }
3318
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3319
- width: 1px;
3320
- height: 100%; }
3321
- .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 {
3322
- width: 20px;
3323
- opacity: 1; }
3324
- .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 {
3325
- height: 20px;
3326
- opacity: 1; }
3327
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3328
- margin: 0px 10px 20px;
3329
- clear: both; }
3330
- .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 {
3331
- position: absolute;
3332
- top: 0;
3333
- left: 0;
3334
- width: 100%;
3335
- height: 100%;
3336
- -webkit-transition: all 0.3s ease-in-out;
3337
- transition: all 0.3s ease-in-out;
3338
- opacity: 0; }
3339
- .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 {
3340
- -js-display: flex;
3341
- display: -webkit-box;
3342
- display: -webkit-flex;
3343
- display: -moz-box;
3344
- display: -ms-flexbox;
3345
- display: flex;
3346
- -webkit-box-pack: center;
3347
- -webkit-justify-content: center;
3348
- -moz-box-pack: center;
3349
- -ms-flex-pack: center;
3350
- justify-content: center;
3351
- -webkit-box-align: center;
3352
- -webkit-align-items: center;
3353
- -moz-box-align: center;
3354
- -ms-flex-align: center;
3355
- align-items: center;
3356
- width: 100%;
3357
- height: 100%; }
3358
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3359
- .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,
3360
- .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,
3361
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3362
- -webkit-transition: all 0.3s ease-in-out;
3363
- transition: all 0.3s ease-in-out; }
3364
- .premium-blog-post-container.premium-blog-skin-side {
3365
- -js-display: flex;
3366
- display: -webkit-box;
3367
- display: -webkit-flex;
3368
- display: -moz-box;
3369
- display: -ms-flexbox;
3370
- display: flex; }
3371
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3372
- height: 100%; }
3373
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3374
- -webkit-box-flex: 1;
3375
- -webkit-flex: 1;
3376
- -moz-box-flex: 1;
3377
- -ms-flex: 1;
3378
- flex: 1; }
3379
- .premium-blog-post-container.premium-blog-skin-banner {
3380
- position: relative; }
3381
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3382
- position: absolute;
3383
- width: 100%;
3384
- bottom: 0;
3385
- -js-display: flex;
3386
- display: -webkit-box;
3387
- display: -webkit-flex;
3388
- display: -moz-box;
3389
- display: -ms-flexbox;
3390
- display: flex;
3391
- -webkit-box-orient: vertical;
3392
- -webkit-box-direction: normal;
3393
- -webkit-flex-direction: column;
3394
- -moz-box-orient: vertical;
3395
- -moz-box-direction: normal;
3396
- -ms-flex-direction: column;
3397
- flex-direction: column;
3398
- background-color: transparent;
3399
- z-index: 3; }
3400
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3401
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3402
- transition: -webkit-transform 0.3s ease-in-out;
3403
- transition: transform 0.3s ease-in-out;
3404
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3405
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3406
- -webkit-transform: translateY(-5px);
3407
- -ms-transform: translateY(-5px);
3408
- transform: translateY(-5px); }
3409
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3410
- margin: 0;
3411
- padding: 0;
3412
- list-style: none;
3413
- -js-display: flex;
3414
- display: -webkit-box;
3415
- display: -webkit-flex;
3416
- display: -moz-box;
3417
- display: -ms-flexbox;
3418
- display: flex; }
3419
- .premium-blog-post-container .premium-blog-cats-container a {
3420
- display: block;
3421
- font-size: 12px;
3422
- color: #fff;
3423
- background-color: #777;
3424
- margin: 0 3px 10px 0;
3425
- padding: 5px;
3426
- -webkit-transition: all 0.3s ease-in-out;
3427
- transition: all 0.3s ease-in-out; }
3428
-
3429
- /*
3430
- * Diagonal Effect
3431
- */
3432
- .premium-blog-diagonal-container {
3433
- position: absolute;
3434
- top: 0;
3435
- left: 0;
3436
- width: 100%;
3437
- height: 100%; }
3438
-
3439
- .premium-blog-diagonal-effect:before {
3440
- position: absolute;
3441
- top: 0px;
3442
- left: 0px;
3443
- width: 100%;
3444
- height: 100%;
3445
- content: " ";
3446
- z-index: 1;
3447
- background: rgba(255, 255, 255, 0.2);
3448
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3449
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3450
- -webkit-transition: all 0.3s linear 0s;
3451
- transition: all 0.3s linear 0s; }
3452
-
3453
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3454
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3455
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3456
-
3457
- /*
3458
- * Framed Effect
3459
- */
3460
- .premium-blog-framed-effect {
3461
- position: absolute;
3462
- width: -webkit-calc(100% - 30px);
3463
- width: calc(100% - 30px);
3464
- height: -webkit-calc(100% - 30px);
3465
- height: calc(100% - 30px);
3466
- top: 15px;
3467
- left: 15px;
3468
- opacity: 0;
3469
- -webkit-transform: scale(0.3);
3470
- -ms-transform: scale(0.3);
3471
- transform: scale(0.3);
3472
- -webkit-transition: all 0.3s linear 0s;
3473
- transition: all 0.3s linear 0s; }
3474
-
3475
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3476
- opacity: 0.99;
3477
- -webkit-transform: scale(1);
3478
- -ms-transform: scale(1);
3479
- transform: scale(1); }
3480
-
3481
- /*
3482
- * Bordered Effect
3483
- */
3484
- .premium-blog-bordered-effect {
3485
- position: absolute;
3486
- top: 0;
3487
- left: 0;
3488
- width: 100%;
3489
- height: 100%;
3490
- opacity: 0;
3491
- padding: 15px;
3492
- -webkit-transition: all 0.3s linear 0s;
3493
- transition: all 0.3s linear 0s; }
3494
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3495
- content: "";
3496
- display: block;
3497
- position: absolute;
3498
- top: 0;
3499
- left: 0;
3500
- width: 100%;
3501
- height: 100%;
3502
- -webkit-transition: all 0.5s linear 0s;
3503
- transition: all 0.5s linear 0s;
3504
- -webkit-transition-delay: 0s;
3505
- transition-delay: 0s;
3506
- border-color: rgba(255, 255, 255, 0.45); }
3507
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3508
- border-right: 2px solid;
3509
- border-left: 2px solid;
3510
- -webkit-transform: scale(1, 0);
3511
- -ms-transform: scale(1, 0);
3512
- transform: scale(1, 0);
3513
- -webkit-transform-origin: 100% 0;
3514
- -ms-transform-origin: 100% 0;
3515
- transform-origin: 100% 0; }
3516
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3517
- border-top: 2px solid;
3518
- border-bottom: 2px solid;
3519
- -webkit-transform: scale(0, 1);
3520
- -ms-transform: scale(0, 1);
3521
- transform: scale(0, 1);
3522
- -webkit-transform-origin: 0 0;
3523
- -ms-transform-origin: 0 0;
3524
- transform-origin: 0 0; }
3525
-
3526
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3527
- opacity: 0.99; }
3528
- .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 {
3529
- -webkit-transition-delay: 0.15s;
3530
- transition-delay: 0.15s;
3531
- opacity: 1;
3532
- -webkit-transform: scale(1);
3533
- -ms-transform: scale(1);
3534
- transform: scale(1); }
3535
-
3536
- /*
3537
- * Squares Effect
3538
- */
3539
- .premium-blog-squares-effect,
3540
- .premium-blog-squares-square-container {
3541
- position: absolute;
3542
- top: 0;
3543
- left: 0;
3544
- width: 100%;
3545
- height: 100%; }
3546
-
3547
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3548
- position: absolute;
3549
- content: "";
3550
- top: 0;
3551
- left: 0;
3552
- width: 50%;
3553
- height: 50%;
3554
- -webkit-transform: translate(-100%, -100%);
3555
- -ms-transform: translate(-100%, -100%);
3556
- transform: translate(-100%, -100%);
3557
- opacity: 0.7;
3558
- -webkit-transition: all 0.3s linear 0s;
3559
- transition: all 0.3s linear 0s; }
3560
-
3561
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3562
- position: absolute;
3563
- content: "";
3564
- top: 0;
3565
- left: 0;
3566
- width: 50%;
3567
- height: 50%;
3568
- -webkit-transform: translate(-100%, -100%);
3569
- -ms-transform: translate(-100%, -100%);
3570
- transform: translate(-100%, -100%);
3571
- opacity: 0.7;
3572
- -webkit-transition: all 0.3s linear 0s;
3573
- transition: all 0.3s linear 0s; }
3574
-
3575
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3576
- opacity: 0.8; }
3577
-
3578
- .premium-blog-squares-effect:after {
3579
- -webkit-transform: translate(200%, 200%);
3580
- -ms-transform: translate(200%, 200%);
3581
- transform: translate(200%, 200%); }
3582
-
3583
- .premium-blog-squares-square-container:before {
3584
- -webkit-transform: translate(-100%, 200%);
3585
- -ms-transform: translate(-100%, 200%);
3586
- transform: translate(-100%, 200%); }
3587
-
3588
- .premium-blog-squares-square-container:after {
3589
- -webkit-transform: translate(200%, -100%);
3590
- -ms-transform: translate(200%, -100%);
3591
- transform: translate(200%, -100%); }
3592
-
3593
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3594
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3595
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3596
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3597
-
3598
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3599
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3600
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3601
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3602
-
3603
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3604
- -webkit-transform: translate(0, 100%);
3605
- -ms-transform: translate(0, 100%);
3606
- transform: translate(0, 100%); }
3607
-
3608
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3609
- -webkit-transform: translate(100%, 0%);
3610
- -ms-transform: translate(100%, 0%);
3611
- transform: translate(100%, 0%); }
3612
-
3613
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3614
- opacity: 1; }
3615
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3616
- opacity: 1;
3617
- -webkit-transform: scale(1);
3618
- -ms-transform: scale(1);
3619
- transform: scale(1); }
3620
-
3621
- .premium-blog-clear-fix {
3622
- clear: both; }
3623
-
3624
- .premium-blog-masked .premium-blog-thumbnail-container {
3625
- position: relative;
3626
- overflow: visible; }
3627
- .premium-blog-masked .premium-blog-thumbnail-container svg {
3628
- position: absolute;
3629
- height: 100px;
3630
- width: 100%;
3631
- bottom: -5px;
3632
- left: 0;
3633
- fill: #f5f5f5;
3634
- z-index: 99; }
3635
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3636
- -webkit-transform: rotate(180deg);
3637
- -ms-transform: rotate(180deg);
3638
- transform: rotate(180deg); }
3639
-
3640
- .premium-blog-masked .premium-blog-author-thumbnail,
3641
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3642
- z-index: 999 !important; }
3643
-
3644
- .premium-blog-format-link {
3645
- padding: 5px;
3646
- line-height: 0; }
3647
-
3648
- .premium-blog-entry-meta {
3649
- line-height: 1.3em;
3650
- font-size: 12px;
3651
- margin-bottom: 13px;
3652
- color: #adadad; }
3653
- .premium-blog-entry-meta i {
3654
- margin-right: 3px;
3655
- -webkit-transition: all 0.3s ease-in-out;
3656
- transition: all 0.3s ease-in-out; }
3657
-
3658
- .premium-blog-meta-data {
3659
- display: inline-block; }
3660
- .premium-blog-meta-data .premium-blog-meta-separator {
3661
- margin: 0 5px; }
3662
- .premium-blog-meta-data a,
3663
- .premium-blog-meta-data span {
3664
- color: inherit;
3665
- -webkit-transition: all 0.3s ease-in-out;
3666
- transition: all 0.3s ease-in-out; }
3667
-
3668
- .premium-blog-author-thumbnail {
3669
- position: relative;
3670
- padding: 0 30px;
3671
- width: 100%;
3672
- top: -10px;
3673
- height: 0;
3674
- pointer-events: none; }
3675
- .premium-blog-author-thumbnail img {
3676
- -webkit-border-radius: 50%;
3677
- border-radius: 50%;
3678
- width: 60px;
3679
- pointer-events: all;
3680
- -webkit-transform: translateY(-50%);
3681
- -ms-transform: translateY(-50%);
3682
- transform: translateY(-50%); }
3683
-
3684
- .premium-blog-entry-title a,
3685
- .premium-blog-post-tags-container a,
3686
- .premium-blog-post-content .premium-blog-excerpt-link {
3687
- -webkit-transition: all 0.3s ease-in-out;
3688
- transition: all 0.3s ease-in-out; }
3689
-
3690
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3691
- background-color: transparent;
3692
- color: #54595f;
3693
- padding: 0; }
3694
-
3695
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3696
- width: 100%; }
3697
-
3698
- .premium-blog-post-tags-container {
3699
- margin-top: 8px;
3700
- -js-display: flex;
3701
- display: -webkit-box;
3702
- display: -webkit-flex;
3703
- display: -moz-box;
3704
- display: -ms-flexbox;
3705
- display: flex;
3706
- -webkit-box-align: center;
3707
- -webkit-align-items: center;
3708
- -moz-box-align: center;
3709
- -ms-flex-align: center;
3710
- align-items: center;
3711
- -webkit-flex-wrap: wrap;
3712
- -ms-flex-wrap: wrap;
3713
- flex-wrap: wrap; }
3714
- .premium-blog-post-tags-container a {
3715
- color: inherit;
3716
- margin-left: 5px; }
3717
-
3718
- /*Tags align*/
3719
- .premium-blog-align-left .post-categories,
3720
- .premium-blog-align-left .premium-blog-inner-container,
3721
- .premium-blog-align-left .premium-blog-post-tags-container {
3722
- -webkit-box-pack: start;
3723
- -webkit-justify-content: flex-start;
3724
- -moz-box-pack: start;
3725
- -ms-flex-pack: start;
3726
- justify-content: flex-start; }
3727
-
3728
- .premium-blog-align-center .post-categories,
3729
- .premium-blog-align-center .premium-blog-inner-container,
3730
- .premium-blog-align-center .premium-blog-post-tags-container {
3731
- -webkit-box-pack: center;
3732
- -webkit-justify-content: center;
3733
- -moz-box-pack: center;
3734
- -ms-flex-pack: center;
3735
- justify-content: center; }
3736
-
3737
- .premium-blog-align-right .post-categories,
3738
- .premium-blog-align-right .premium-blog-inner-container,
3739
- .premium-blog-align-right .premium-blog-post-tags-container {
3740
- -webkit-box-pack: end;
3741
- -webkit-justify-content: flex-end;
3742
- -moz-box-pack: end;
3743
- -ms-flex-pack: end;
3744
- justify-content: flex-end; }
3745
-
3746
- /* Pagination */
3747
- .premium-blog-pagination-container {
3748
- text-align: right; }
3749
- .premium-blog-pagination-container span {
3750
- cursor: default; }
3751
- .premium-blog-pagination-container .page-numbers {
3752
- display: inline-block;
3753
- color: #000;
3754
- line-height: 1;
3755
- font-size: 1em;
3756
- font-weight: 400;
3757
- text-decoration: none;
3758
- padding: 0.75em;
3759
- margin: 0 0.4em 0.4em 0;
3760
- -webkit-transition: all 0.2s ease-in-out;
3761
- transition: all 0.2s ease-in-out; }
3762
-
3763
- .premium-blog-wrap .premium-loading-feed {
3764
- display: block;
3765
- position: absolute;
3766
- width: 100%;
3767
- height: 100%;
3768
- top: 0px;
3769
- left: 0px;
3770
- bottom: 0px;
3771
- right: 0px;
3772
- background: rgba(255, 255, 255, 0.2);
3773
- -js-display: flex;
3774
- display: -webkit-box;
3775
- display: -webkit-flex;
3776
- display: -moz-box;
3777
- display: -ms-flexbox;
3778
- display: flex;
3779
- -webkit-box-align: center;
3780
- -webkit-align-items: center;
3781
- -moz-box-align: center;
3782
- -ms-flex-align: center;
3783
- align-items: center;
3784
- z-index: 99; }
3785
-
3786
- .premium-blog-wrap {
3787
- -js-display: flex;
3788
- display: -webkit-box;
3789
- display: -webkit-flex;
3790
- display: -moz-box;
3791
- display: -ms-flexbox;
3792
- display: flex;
3793
- -webkit-flex-wrap: wrap;
3794
- -ms-flex-wrap: wrap;
3795
- flex-wrap: wrap; }
3796
- .premium-blog-wrap ul.slick-dots {
3797
- width: 100%; }
3798
-
3799
- /*
3800
- * List Layout
3801
- */
3802
- .premium-blog-list .premium-blog-post-outer-container {
3803
- width: 100%; }
3804
-
3805
- /**
3806
- * Even Layout
3807
- */
3808
- .premium-blog-even .premium-blog-post-container {
3809
- height: 100%; }
3810
-
3811
- .premium-blog-even .slick-track {
3812
- -js-display: flex;
3813
- display: -webkit-box;
3814
- display: -webkit-flex;
3815
- display: -moz-box;
3816
- display: -ms-flexbox;
3817
- display: flex; }
3818
-
3819
- .premium-blog-even .slick-slide {
3820
- height: inherit !important; }
3821
-
3822
- /**
3823
- * Responsive Style
3824
- */
3825
- @media (max-width: 768px) {
3826
- .premium-blog-content-wrapper {
3827
- top: 0;
3828
- margin: 0;
3829
- padding: 15px; }
3830
- .premium-blog-skin-side {
3831
- -webkit-box-orient: vertical;
3832
- -webkit-box-direction: normal;
3833
- -webkit-flex-direction: column;
3834
- -moz-box-orient: vertical;
3835
- -moz-box-direction: normal;
3836
- -ms-flex-direction: column;
3837
- flex-direction: column; } }
3838
-
3839
- /************ Premium Team Members ************/
3840
- /**********************************************/
3841
- .premium-person-container {
3842
- position: relative; }
3843
-
3844
- .premium-person-image-container {
3845
- position: relative;
3846
- text-align: center; }
3847
- .premium-person-image-container .premium-person-image-wrap {
3848
- overflow: hidden; }
3849
-
3850
- .premium-person-zoomout-effect .premium-person-image-container img,
3851
- .premium-person-scale-effect .premium-person-image-container img {
3852
- -webkit-transform: scale(1.2);
3853
- -ms-transform: scale(1.2);
3854
- transform: scale(1.2); }
3855
-
3856
- .premium-person-sepia-effect .premium-person-image-container img {
3857
- -webkit-filter: sepia(30%);
3858
- filter: sepia(30%); }
3859
-
3860
- .premium-person-bright-effect .premium-person-image-container img {
3861
- -webkit-filter: brightness(1);
3862
- filter: brightness(1); }
3863
-
3864
- .premium-person-trans-effect .premium-person-image-container img {
3865
- -webkit-transform: translateX(-15px) scale(1.1);
3866
- -ms-transform: translateX(-15px) scale(1.1);
3867
- transform: translateX(-15px) scale(1.1); }
3868
-
3869
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3870
- -webkit-transform: scale(1.2);
3871
- -ms-transform: scale(1.2);
3872
- transform: scale(1.2); }
3873
-
3874
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3875
- -webkit-transform: scale(1.1);
3876
- -ms-transform: scale(1.1);
3877
- transform: scale(1.1); }
3878
-
3879
- .premium-person-scale-effect:hover .premium-person-image-container img {
3880
- -webkit-transform: scale(1.3) rotate(5deg);
3881
- -ms-transform: scale(1.3) rotate(5deg);
3882
- transform: scale(1.3) rotate(5deg); }
3883
-
3884
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3885
- -webkit-filter: grayscale(100%);
3886
- filter: grayscale(100%); }
3887
-
3888
- .premium-person-blur-effect:hover .premium-person-image-container img {
3889
- -webkit-filter: blur(3px);
3890
- filter: blur(3px); }
3891
-
3892
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3893
- -webkit-filter: sepia(0%);
3894
- filter: sepia(0%); }
3895
-
3896
- .premium-person-bright-effect:hover .premium-person-image-container img {
3897
- -webkit-filter: brightness(1.2);
3898
- filter: brightness(1.2); }
3899
-
3900
- .premium-person-trans-effect:hover .premium-person-image-container img {
3901
- -webkit-transform: translateX(0px) scale(1.1);
3902
- -ms-transform: translateX(0px) scale(1.1);
3903
- transform: translateX(0px) scale(1.1); }
3904
-
3905
- .premium-person-container .premium-person-image-container img {
3906
- width: 100%;
3907
- height: 100%;
3908
- -o-object-fit: cover;
3909
- object-fit: cover;
3910
- -webkit-transition: all 0.5s ease-in-out;
3911
- transition: all 0.5s ease-in-out; }
3912
-
3913
- .premium-person-style2 .premium-person-social {
3914
- position: absolute;
3915
- top: 0;
3916
- left: 0;
3917
- width: 100%;
3918
- height: 100%;
3919
- z-index: 2;
3920
- -js-display: flex;
3921
- display: -webkit-box;
3922
- display: -webkit-flex;
3923
- display: -moz-box;
3924
- display: -ms-flexbox;
3925
- display: flex;
3926
- -webkit-box-pack: center;
3927
- -webkit-justify-content: center;
3928
- -moz-box-pack: center;
3929
- -ms-flex-pack: center;
3930
- justify-content: center;
3931
- -webkit-box-align: center;
3932
- -webkit-align-items: center;
3933
- -moz-box-align: center;
3934
- -ms-flex-align: center;
3935
- align-items: center;
3936
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3937
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3938
- -webkit-transition: all 0.5s linear 0s;
3939
- transition: all 0.5s linear 0s;
3940
- opacity: 0; }
3941
-
3942
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3943
- opacity: 1; }
3944
-
3945
- .premium-person-list-item a {
3946
- display: inline-block; }
3947
-
3948
- .premium-person-style2 .premium-person-list-item a {
3949
- opacity: 0;
3950
- -webkit-transform: scale(0);
3951
- -ms-transform: scale(0);
3952
- transform: scale(0);
3953
- -webkit-transition: all 0.5s ease-in-out 0s;
3954
- transition: all 0.5s ease-in-out 0s; }
3955
-
3956
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3957
- opacity: 1;
3958
- -webkit-transform: scale(1);
3959
- -ms-transform: scale(1);
3960
- transform: scale(1); }
3961
-
3962
- .premium-person-info-container {
3963
- padding: 30px 15px; }
3964
-
3965
- .premium-person-name {
3966
- margin: 0 0 5px;
3967
- font-weight: 700; }
3968
-
3969
- .premium-person-title {
3970
- margin: 0 0 20px;
3971
- padding: 0; }
3972
-
3973
- .premium-person-content {
3974
- margin: 0 0 30px; }
3975
-
3976
- /*Override Theme List Margin*/
3977
- ul.premium-person-social-list {
3978
- margin: 0px !important;
3979
- padding: 0; }
3980
-
3981
- .premium-person-social-list .premium-person-list-item {
3982
- display: inline;
3983
- list-style: none; }
3984
-
3985
- .premium-person-social-list li {
3986
- position: relative;
3987
- bottom: 0px;
3988
- -webkit-transition: all 0.2s ease-in-out;
3989
- transition: all 0.2s ease-in-out; }
3990
- .premium-person-social-list li i {
3991
- position: relative;
3992
- bottom: 0px;
3993
- -webkit-transition: all 0.2s ease-in-out;
3994
- transition: all 0.2s ease-in-out; }
3995
-
3996
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
3997
- background-color: #3b5998 !important; }
3998
-
3999
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4000
- background-color: #55acee !important; }
4001
-
4002
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4003
- background-color: #0077b5 !important; }
4004
-
4005
- .premium-person-defaults-yes li.premium-person-google:hover a {
4006
- background-color: #dc4e41 !important; }
4007
-
4008
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4009
- background-color: #b31217 !important; }
4010
-
4011
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4012
- background-color: #e4405f !important; }
4013
-
4014
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4015
- background-color: #00aff0 !important; }
4016
-
4017
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4018
- background-color: #bd081c !important; }
4019
-
4020
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4021
- background-color: #ea4c89 !important; }
4022
-
4023
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4024
- background-color: #b23121 !important; }
4025
-
4026
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4027
- background-color: #1769ff !important; }
4028
-
4029
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4030
- background-color: #25d366 !important; }
4031
-
4032
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4033
- background-color: #0088cc !important; }
4034
-
4035
- .premium-person-defaults-yes li.premium-person-site:hover a {
4036
- background-color: #0055a5 !important; }
4037
-
4038
- .premium-person-social-list li:hover a {
4039
- -webkit-box-shadow: none;
4040
- box-shadow: none; }
4041
-
4042
- .premium-person-social-list li a:focus {
4043
- -webkit-box-shadow: none;
4044
- box-shadow: none;
4045
- outline: none; }
4046
-
4047
- .premium-person-social-list li i {
4048
- font-size: 18px; }
4049
-
4050
- .elementor-widget-premium-addon-person .elementor-widget-container {
4051
- -js-display: flex;
4052
- display: -webkit-box;
4053
- display: -webkit-flex;
4054
- display: -moz-box;
4055
- display: -ms-flexbox;
4056
- display: flex;
4057
- -webkit-box-pack: center;
4058
- -webkit-justify-content: center;
4059
- -moz-box-pack: center;
4060
- -ms-flex-pack: center;
4061
- justify-content: center; }
4062
-
4063
- .premium-persons-container.multiple-persons {
4064
- -js-display: flex;
4065
- display: -webkit-box;
4066
- display: -webkit-flex;
4067
- display: -moz-box;
4068
- display: -ms-flexbox;
4069
- display: flex;
4070
- -webkit-flex-wrap: wrap;
4071
- -ms-flex-wrap: wrap;
4072
- flex-wrap: wrap;
4073
- width: 100%; }
4074
-
4075
- .premium-person-style1 .premium-person-container {
4076
- overflow: hidden; }
4077
- .premium-person-style1 .premium-person-container .premium-person-info {
4078
- position: absolute;
4079
- top: auto;
4080
- right: 0;
4081
- left: 0;
4082
- -webkit-transition: all 500ms ease 0s;
4083
- transition: all 500ms ease 0s;
4084
- -webkit-transform: translate3d(0, 100%, 0);
4085
- transform: translate3d(0, 100%, 0); }
4086
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4087
- -webkit-transform: translate3d(0, 0, 0);
4088
- transform: translate3d(0, 0, 0);
4089
- bottom: -1px !important; }
4090
-
4091
- .premium-person-style1 .premium-person-social-list li:hover {
4092
- bottom: 5px; }
4093
-
4094
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4095
- -webkit-box-align: start;
4096
- -webkit-align-items: flex-start;
4097
- -moz-box-align: start;
4098
- -ms-flex-align: start;
4099
- align-items: flex-start; }
4100
-
4101
- .premium-person-style1 .slick-track {
4102
- -js-display: flex;
4103
- display: -webkit-box;
4104
- display: -webkit-flex;
4105
- display: -moz-box;
4106
- display: -ms-flexbox;
4107
- display: flex; }
4108
-
4109
- .premium-person-style1 .slick-slide {
4110
- height: inherit !important; }
4111
-
4112
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4113
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4114
- height: 100%; }
4115
-
4116
- .premium-person-style3 .premium-person-info-container {
4117
- position: absolute;
4118
- top: 0;
4119
- left: 0;
4120
- width: 100%;
4121
- height: 100%;
4122
- -js-display: flex;
4123
- display: -webkit-box;
4124
- display: -webkit-flex;
4125
- display: -moz-box;
4126
- display: -ms-flexbox;
4127
- display: flex;
4128
- -webkit-box-orient: vertical;
4129
- -webkit-box-direction: normal;
4130
- -webkit-flex-direction: column;
4131
- -moz-box-orient: vertical;
4132
- -moz-box-direction: normal;
4133
- -ms-flex-direction: column;
4134
- flex-direction: column;
4135
- -webkit-box-pack: justify;
4136
- -webkit-justify-content: space-between;
4137
- -moz-box-pack: justify;
4138
- -ms-flex-pack: justify;
4139
- justify-content: space-between; }
4140
-
4141
- .premium-person-style3 .premium-person-title-desc-wrap {
4142
- -js-display: flex;
4143
- display: -webkit-box;
4144
- display: -webkit-flex;
4145
- display: -moz-box;
4146
- display: -ms-flexbox;
4147
- display: flex;
4148
- -webkit-box-orient: horizontal;
4149
- -webkit-box-direction: reverse;
4150
- -webkit-flex-direction: row-reverse;
4151
- -moz-box-orient: horizontal;
4152
- -moz-box-direction: reverse;
4153
- -ms-flex-direction: row-reverse;
4154
- flex-direction: row-reverse;
4155
- -webkit-box-pack: justify;
4156
- -webkit-justify-content: space-between;
4157
- -moz-box-pack: justify;
4158
- -ms-flex-pack: justify;
4159
- justify-content: space-between;
4160
- -webkit-box-align: start;
4161
- -webkit-align-items: flex-start;
4162
- -moz-box-align: start;
4163
- -ms-flex-align: start;
4164
- align-items: flex-start; }
4165
-
4166
- .premium-person-style3 .premium-person-name-icons-wrap {
4167
- -js-display: flex;
4168
- display: -webkit-box;
4169
- display: -webkit-flex;
4170
- display: -moz-box;
4171
- display: -ms-flexbox;
4172
- display: flex;
4173
- -webkit-box-pack: justify;
4174
- -webkit-justify-content: space-between;
4175
- -moz-box-pack: justify;
4176
- -ms-flex-pack: justify;
4177
- justify-content: space-between;
4178
- -webkit-box-align: end;
4179
- -webkit-align-items: flex-end;
4180
- -moz-box-align: end;
4181
- -ms-flex-align: end;
4182
- align-items: flex-end; }
4183
-
4184
- .premium-person-style3 .premium-person-title {
4185
- opacity: 0;
4186
- -webkit-transition: all 0.3s ease;
4187
- transition: all 0.3s ease;
4188
- width: 0; }
4189
- .premium-person-style3 .premium-person-title span {
4190
- display: inline-block; }
4191
-
4192
- .premium-person-style3 .premium-person-name {
4193
- padding-left: 10px; }
4194
-
4195
- .premium-person-style3 .premium-person-social-list {
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: vertical;
4203
- -webkit-box-direction: normal;
4204
- -webkit-flex-direction: column;
4205
- -moz-box-orient: vertical;
4206
- -moz-box-direction: normal;
4207
- -ms-flex-direction: column;
4208
- flex-direction: column;
4209
- -webkit-transform: translateY(20px);
4210
- -ms-transform: translateY(20px);
4211
- transform: translateY(20px);
4212
- opacity: 0;
4213
- -webkit-transition: all 0.3s ease;
4214
- transition: all 0.3s ease; }
4215
-
4216
- .premium-person-style3 .premium-person-list-item {
4217
- line-height: 0; }
4218
- .premium-person-style3 .premium-person-list-item a {
4219
- padding: 5px 10px 0 0;
4220
- margin: 5px 0; }
4221
-
4222
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4223
- opacity: 1; }
4224
-
4225
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4226
- opacity: 1;
4227
- -webkit-transform: translateY(0);
4228
- -ms-transform: translateY(0);
4229
- transform: translateY(0); }
4230
-
4231
- .premium-persons-title-cw .premium-person-title {
4232
- -webkit-transform: translateX(15px) rotate(90deg);
4233
- -ms-transform: translateX(15px) rotate(90deg);
4234
- transform: translateX(15px) rotate(90deg);
4235
- -webkit-transform-origin: top;
4236
- -ms-transform-origin: top;
4237
- transform-origin: top; }
4238
-
4239
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4240
- -webkit-transform: translateX(0) rotate(90deg);
4241
- -ms-transform: translateX(0) rotate(90deg);
4242
- transform: translateX(0) rotate(90deg); }
4243
-
4244
- .premium-persons-title-ccw .premium-person-title {
4245
- width: auto;
4246
- margin-right: 20px;
4247
- -webkit-transform: translateX(15px) rotate(-90deg);
4248
- -ms-transform: translateX(15px) rotate(-90deg);
4249
- transform: translateX(15px) rotate(-90deg);
4250
- -webkit-transform-origin: center right;
4251
- -ms-transform-origin: center right;
4252
- transform-origin: center right; }
4253
-
4254
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4255
- -webkit-transform: translateX(0) rotate(-90deg);
4256
- -ms-transform: translateX(0) rotate(-90deg);
4257
- transform: translateX(0) rotate(-90deg); }
4258
-
4259
- /**************** Premium Fancy Text *******************/
4260
- /*******************************************************/
4261
- .premium-suffix-text,
4262
- .premium-fancy-text,
4263
- .premium-prefix-text {
4264
- font-size: 40px; }
4265
-
4266
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4267
- list-style: none; }
4268
-
4269
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4270
- vertical-align: top; }
4271
-
4272
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4273
- margin: 0;
4274
- padding: 0;
4275
- border: none;
4276
- position: relative; }
4277
-
4278
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4279
- position: absolute;
4280
- top: 0;
4281
- left: 0;
4282
- display: inline-block; }
4283
-
4284
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4285
- opacity: 0;
4286
- -webkit-animation: pa-zoom-out 0.8s;
4287
- animation: pa-zoom-out 0.8s; }
4288
-
4289
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4290
- position: relative !important;
4291
- -webkit-animation: pa-zoom-in 0.8s;
4292
- animation: pa-zoom-in 0.8s; }
4293
-
4294
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4295
- -webkit-perspective: 300px;
4296
- perspective: 300px; }
4297
-
4298
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4299
- -webkit-transform-origin: 50% 100%;
4300
- -ms-transform-origin: 50% 100%;
4301
- transform-origin: 50% 100%; }
4302
-
4303
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4304
- opacity: 0;
4305
- -webkit-transform: rotateX(180deg);
4306
- transform: rotateX(180deg);
4307
- -webkit-animation: pa-rotate-out 1.2s;
4308
- animation: pa-rotate-out 1.2s; }
4309
-
4310
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4311
- position: relative !important;
4312
- -webkit-transform: rotateX(0deg);
4313
- transform: rotateX(0deg);
4314
- -webkit-animation: pa-rotate-in 1.2s;
4315
- animation: pa-rotate-in 1.2s; }
4316
-
4317
- .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4318
- opacity: 0; }
4319
-
4320
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4321
- position: relative !important; }
4322
-
4323
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4324
- display: inline-block;
4325
- width: 200px;
4326
- font-weight: 400; }
4327
-
4328
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4329
- position: relative;
4330
- vertical-align: sub; }
4331
-
4332
- .premium-fancy-text-wrapper.auto-fade g > text {
4333
- text-anchor: start;
4334
- shape-rendering: crispEdges;
4335
- opacity: 0;
4336
- font-size: 300px;
4337
- -webkit-animation-name: pa-auto-fade;
4338
- animation-name: pa-auto-fade;
4339
- -moz-animation-name: pa-auto-fade;
4340
- -webkit-animation-duration: 9s;
4341
- animation-duration: 9s;
4342
- -webkit-animation-timing-function: linear;
4343
- animation-timing-function: linear;
4344
- -webkit-animation-iteration-count: infinite;
4345
- animation-iteration-count: infinite; }
4346
-
4347
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4348
- -webkit-animation-delay: 0s;
4349
- animation-delay: 0s; }
4350
-
4351
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4352
- -webkit-animation-delay: 3s;
4353
- animation-delay: 3s; }
4354
-
4355
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4356
- -webkit-animation-delay: 6s;
4357
- animation-delay: 6s; }
4358
-
4359
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
4360
- position: relative; }
4361
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4362
- position: absolute;
4363
- width: 100%;
4364
- height: 3px;
4365
- bottom: 0;
4366
- left: 0;
4367
- animation: pa-loading-bar 2.5s ease-out infinite;
4368
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4369
-
4370
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4371
- -webkit-animation-play-state: paused;
4372
- animation-play-state: paused; }
4373
-
4374
- @-webkit-keyframes pa-auto-fade {
4375
- 0% {
4376
- opacity: 0; }
4377
- 20% {
4378
- opacity: 1; }
4379
- 35% {
4380
- opacity: 0; }
4381
- 100% {
4382
- opacity: 0; } }
4383
-
4384
- @keyframes pa-auto-fade {
4385
- 0% {
4386
- opacity: 0; }
4387
- 20% {
4388
- opacity: 1; }
4389
- 35% {
4390
- opacity: 0; }
4391
- 100% {
4392
- opacity: 0; } }
4393
-
4394
- @-webkit-keyframes pa-loading-bar {
4395
- 0% {
4396
- width: 0; }
4397
- 100% {
4398
- width: 100; } }
4399
-
4400
- @keyframes pa-loading-bar {
4401
- 0% {
4402
- width: 0; }
4403
- 100% {
4404
- width: 100; } }
4405
-
4406
- @-webkit-keyframes pa-zoom-in {
4407
- 0% {
4408
- opacity: 0;
4409
- -webkit-transform: translateZ(100px);
4410
- transform: translateZ(100px); }
4411
- 100% {
4412
- opacity: 1;
4413
- -webkit-transform: translateZ(0);
4414
- transform: translateZ(0); } }
4415
-
4416
- @keyframes pa-zoom-in {
4417
- 0% {
4418
- opacity: 0;
4419
- -webkit-transform: translateZ(100px);
4420
- transform: translateZ(100px); }
4421
- 100% {
4422
- opacity: 1;
4423
- -webkit-transform: translateZ(0);
4424
- transform: translateZ(0); } }
4425
-
4426
- @-webkit-keyframes pa-zoom-out {
4427
- 0% {
4428
- opacity: 1;
4429
- -webkit-transform: translateZ(0);
4430
- transform: translateZ(0); }
4431
- 100% {
4432
- opacity: 0;
4433
- -webkit-transform: translateZ(-100px);
4434
- transform: translateZ(-100px); } }
4435
-
4436
- @keyframes pa-zoom-out {
4437
- 0% {
4438
- opacity: 1;
4439
- -webkit-transform: translateZ(0);
4440
- transform: translateZ(0); }
4441
- 100% {
4442
- opacity: 0;
4443
- -webkit-transform: translateZ(-100px);
4444
- transform: translateZ(-100px); } }
4445
-
4446
- @-webkit-keyframes pa-rotate-in {
4447
- 0% {
4448
- opacity: 0;
4449
- -webkit-transform: rotateX(180deg);
4450
- transform: rotateX(180deg); }
4451
- 35% {
4452
- opacity: 0;
4453
- -webkit-transform: rotateX(120deg);
4454
- transform: rotateX(120deg); }
4455
- 65% {
4456
- opacity: 0; }
4457
- 100% {
4458
- opacity: 1;
4459
- -webkit-transform: rotateX(360deg);
4460
- transform: rotateX(360deg); } }
4461
-
4462
- @keyframes pa-rotate-in {
4463
- 0% {
4464
- opacity: 0;
4465
- -webkit-transform: rotateX(180deg);
4466
- transform: rotateX(180deg); }
4467
- 35% {
4468
- opacity: 0;
4469
- -webkit-transform: rotateX(120deg);
4470
- transform: rotateX(120deg); }
4471
- 65% {
4472
- opacity: 0; }
4473
- 100% {
4474
- opacity: 1;
4475
- -webkit-transform: rotateX(360deg);
4476
- transform: rotateX(360deg); } }
4477
-
4478
- @-webkit-keyframes pa-rotate-out {
4479
- 0% {
4480
- opacity: 1;
4481
- -webkit-transform: rotateX(0deg);
4482
- transform: rotateX(0deg); }
4483
- 35% {
4484
- opacity: 1;
4485
- -webkit-transform: rotateX(-40deg);
4486
- transform: rotateX(-40deg); }
4487
- 65% {
4488
- opacity: 0; }
4489
- 100% {
4490
- opacity: 0;
4491
- -webkit-transform: rotateX(180deg);
4492
- transform: rotateX(180deg); } }
4493
-
4494
- @keyframes pa-rotate-out {
4495
- 0% {
4496
- opacity: 1;
4497
- -webkit-transform: rotateX(0deg);
4498
- transform: rotateX(0deg); }
4499
- 35% {
4500
- opacity: 1;
4501
- -webkit-transform: rotateX(-40deg);
4502
- transform: rotateX(-40deg); }
4503
- 65% {
4504
- opacity: 0; }
4505
- 100% {
4506
- opacity: 0;
4507
- -webkit-transform: rotateX(180deg);
4508
- transform: rotateX(180deg); } }
4509
-
4510
- /**************** Premium Pricing Table ****************/
4511
- /*******************************************************/
4512
- .premium-pricing-table-container {
4513
- position: relative;
4514
- overflow: hidden;
4515
- text-align: center;
4516
- -webkit-transition: all 0.3s ease-in-out;
4517
- transition: all 0.3s ease-in-out; }
4518
-
4519
- .premium-pricing-icon-container {
4520
- -js-display: flex;
4521
- display: -webkit-box;
4522
- display: -webkit-flex;
4523
- display: -moz-box;
4524
- display: -ms-flexbox;
4525
- display: flex;
4526
- -webkit-box-pack: center;
4527
- -webkit-justify-content: center;
4528
- -moz-box-pack: center;
4529
- -ms-flex-pack: center;
4530
- justify-content: center;
4531
- line-height: 0; }
4532
- .premium-pricing-icon-container .premium-pricing-icon {
4533
- display: inline-block; }
4534
- .premium-pricing-icon-container .premium-pricing-image {
4535
- overflow: hidden; }
4536
- .premium-pricing-icon-container .premium-pricing-image img {
4537
- width: 25px;
4538
- height: 25px;
4539
- -o-object-fit: cover;
4540
- object-fit: cover; }
4541
-
4542
- .premium-badge-left {
4543
- position: absolute;
4544
- top: 0; }
4545
-
4546
- .premium-badge-right {
4547
- position: absolute;
4548
- top: 0;
4549
- right: 0; }
4550
-
4551
- .premium-badge-left {
4552
- left: 0; }
4553
-
4554
- .premium-badge-triangle.premium-badge-left .corner {
4555
- width: 0;
4556
- height: 0;
4557
- border-top: 150px solid;
4558
- border-bottom: 150px solid transparent;
4559
- border-right: 150px solid transparent; }
4560
-
4561
- .premium-badge-triangle.premium-badge-right .corner {
4562
- width: 0;
4563
- height: 0;
4564
- border-bottom: 150px solid transparent;
4565
- border-right: 150px solid;
4566
- border-left: 150px solid transparent; }
4567
-
4568
- .premium-badge-triangle span {
4569
- position: absolute;
4570
- top: 35px;
4571
- width: 100px;
4572
- text-align: center;
4573
- -webkit-transform: rotate(-45deg);
4574
- -ms-transform: rotate(-45deg);
4575
- transform: rotate(-45deg);
4576
- display: block;
4577
- text-transform: uppercase; }
4578
-
4579
- .premium-badge-triangle.premium-badge-right span {
4580
- -webkit-transform: rotate(45deg);
4581
- -ms-transform: rotate(45deg);
4582
- transform: rotate(45deg);
4583
- right: 0; }
4584
-
4585
- .premium-badge-circle {
4586
- min-width: 4em;
4587
- min-height: 4em;
4588
- line-height: 4em;
4589
- text-align: center;
4590
- -webkit-border-radius: 100%;
4591
- border-radius: 100%;
4592
- position: absolute;
4593
- z-index: 1; }
4594
-
4595
- .premium-badge-stripe {
4596
- position: absolute;
4597
- -webkit-transform: rotate(90deg);
4598
- -ms-transform: rotate(90deg);
4599
- transform: rotate(90deg);
4600
- width: 15em;
4601
- overflow: hidden;
4602
- height: 15em; }
4603
- .premium-badge-stripe.premium-badge-left {
4604
- -webkit-transform: rotate(0);
4605
- -ms-transform: rotate(0);
4606
- transform: rotate(0); }
4607
- .premium-badge-stripe .corner {
4608
- text-align: center;
4609
- left: 0;
4610
- width: 150%;
4611
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4612
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4613
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4614
- margin-top: 35px;
4615
- font-size: 13px;
4616
- line-height: 2;
4617
- font-weight: 800;
4618
- text-transform: uppercase; }
4619
-
4620
- .premium-badge-flag .corner {
4621
- text-align: center;
4622
- -webkit-border-radius: 4px 4px 0 4px;
4623
- border-radius: 4px 4px 0 4px;
4624
- padding: 3px 15px;
4625
- position: absolute;
4626
- top: 10%;
4627
- right: -8px; }
4628
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4629
- content: "";
4630
- display: block;
4631
- position: absolute;
4632
- width: 0;
4633
- height: 0;
4634
- top: 100%;
4635
- right: 0;
4636
- border-bottom: 8px solid transparent; }
4637
-
4638
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4639
- overflow: visible !important; }
4640
-
4641
- .premium-badge-flag .corner::after {
4642
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4643
-
4644
- .premium-pricing-price-currency {
4645
- position: relative; }
4646
-
4647
- .premium-pricing-button-container {
4648
- display: block; }
4649
-
4650
- .premium-pricing-list {
4651
- -js-display: flex;
4652
- display: -webkit-box;
4653
- display: -webkit-flex;
4654
- display: -moz-box;
4655
- display: -ms-flexbox;
4656
- display: flex;
4657
- -webkit-box-orient: vertical;
4658
- -webkit-box-direction: normal;
4659
- -webkit-flex-direction: column;
4660
- -moz-box-orient: vertical;
4661
- -moz-box-direction: normal;
4662
- -ms-flex-direction: column;
4663
- flex-direction: column;
4664
- list-style-type: none;
4665
- margin: 0; }
4666
- .premium-pricing-list .premium-pricing-list-item {
4667
- -js-display: flex;
4668
- display: -webkit-box;
4669
- display: -webkit-flex;
4670
- display: -moz-box;
4671
- display: -ms-flexbox;
4672
- display: flex;
4673
- -webkit-box-align: center;
4674
- -webkit-align-items: center;
4675
- -moz-box-align: center;
4676
- -ms-flex-align: center;
4677
- align-items: center; }
4678
- .premium-pricing-list .premium-pricing-list-item svg {
4679
- width: 50px;
4680
- height: 50px; }
4681
- .premium-pricing-list .premium-pricing-list-item img {
4682
- width: 30px;
4683
- height: 30px;
4684
- -o-object-fit: cover;
4685
- object-fit: cover; }
4686
- .premium-pricing-list .premium-pricing-list-span {
4687
- position: relative; }
4688
- .premium-pricing-list .list-item-tooltip {
4689
- border-bottom: 1px dotted; }
4690
- .premium-pricing-list .premium-pricing-list-tooltip {
4691
- position: absolute;
4692
- top: -webkit-calc(100% + 1px);
4693
- top: calc(100% + 1px);
4694
- left: 0;
4695
- visibility: hidden;
4696
- padding: 15px 20px;
4697
- -webkit-border-radius: 5px;
4698
- border-radius: 5px;
4699
- min-width: 200px;
4700
- overflow: hidden;
4701
- text-align: left;
4702
- font-size: 0.8rem;
4703
- color: #fff;
4704
- background-color: #aaa; }
4705
-
4706
- .premium-pricing-features-left .premium-pricing-list-span {
4707
- text-align: left; }
4708
-
4709
- .premium-pricing-features-center .premium-pricing-list-span {
4710
- text-align: center; }
4711
-
4712
- .premium-pricing-features-right .premium-pricing-list-span {
4713
- text-align: right; }
4714
-
4715
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4716
- z-index: 99;
4717
- visibility: visible;
4718
- opacity: 1; }
4719
-
4720
- .premium-pricing-slashed-price-value {
4721
- display: inline-block;
4722
- font-size: 20px;
4723
- font-weight: 400;
4724
- margin-right: 5px; }
4725
-
4726
- .premium-pricing-price-value {
4727
- font-size: 70px; }
4728
-
4729
- .premium-pricing-description-container li {
4730
- list-style-position: inside;
4731
- text-indent: -40px; }
4732
-
4733
- @-moz-document url-prefix() {
4734
- .premium-pricing-description-container li {
4735
- text-indent: 0px; } }
4736
-
4737
- .premium-pricing-price-button {
4738
- display: block;
4739
- padding: 6px 12px;
4740
- line-height: 1.42857143;
4741
- text-align: center;
4742
- color: #fff;
4743
- background: #6ec1e4;
4744
- margin-bottom: 0;
4745
- -webkit-transition: all 0.3s ease-in-out;
4746
- transition: all 0.3s ease-in-out; }
4747
-
4748
- /**************** Premium Google Maps ******************/
4749
- /*******************************************************/
4750
- .premium-maps-info-container {
4751
- margin-top: 10px;
4752
- margin-bottom: 10px; }
4753
-
4754
- .premium-maps-info-title,
4755
- .premium-maps-info-desc {
4756
- margin: 0;
4757
- padding: 0; }
4758
-
4759
- .premium-maps-container .gm-style-iw {
4760
- text-align: center; }
4761
-
4762
- .premium-maps-container .gm-style img {
4763
- max-width: none !important; }
4764
-
4765
- /**************** Premium Button ***********************/
4766
- /*******************************************************/
4767
- .premium-button {
4768
- display: inline-block;
4769
- position: relative;
4770
- overflow: hidden;
4771
- cursor: pointer;
4772
- -webkit-transition: all 0.2s ease-in-out !important;
4773
- transition: all 0.2s ease-in-out !important; }
4774
-
4775
- .premium-button-sm {
4776
- padding: 12px 24px;
4777
- font-size: 14px;
4778
- line-height: 1; }
4779
-
4780
- .premium-button .premium-lottie-animation,
4781
- .premium-image-button .premium-lottie-animation {
4782
- -js-display: flex;
4783
- display: -webkit-box;
4784
- display: -webkit-flex;
4785
- display: -moz-box;
4786
- display: -ms-flexbox;
4787
- display: flex; }
4788
- .premium-button .premium-lottie-animation svg,
4789
- .premium-image-button .premium-lottie-animation svg {
4790
- width: 50px;
4791
- height: 50px; }
4792
-
4793
- .premium-button-md {
4794
- padding: 14px 26px;
4795
- font-size: 16px;
4796
- line-height: 1.2; }
4797
-
4798
- .premium-button-lg {
4799
- padding: 16px 28px;
4800
- font-size: 18px;
4801
- line-height: 1.3333; }
4802
-
4803
- .premium-button-block {
4804
- font-size: 15px;
4805
- line-height: 1;
4806
- padding: 12px 24px;
4807
- width: 100%;
4808
- text-align: center; }
4809
-
4810
- .premium-button-text {
4811
- display: inline-block;
4812
- width: 100%; }
4813
-
4814
- .premium-button-style1,
4815
- .premium-button-style2,
4816
- .premium-button-style5,
4817
- .premium-button-style7 {
4818
- display: inline-block;
4819
- vertical-align: middle;
4820
- -webkit-transform: perspective(1px) translateZ(0);
4821
- transform: perspective(1px) translateZ(0);
4822
- -webkit-box-shadow: 0 0 1px transparent;
4823
- box-shadow: 0 0 1px transparent;
4824
- position: relative;
4825
- -webkit-transition-property: color;
4826
- transition-property: color;
4827
- -webkit-transition-duration: 0.15s;
4828
- transition-duration: 0.15s; }
4829
-
4830
- .premium-button-style1:before,
4831
- .premium-button-style2:before,
4832
- .premium-button-style5:before {
4833
- content: "";
4834
- position: absolute;
4835
- z-index: -1;
4836
- top: 0;
4837
- left: 0;
4838
- right: 0;
4839
- bottom: 0;
4840
- -webkit-transform: scaleY(0);
4841
- -ms-transform: scaleY(0);
4842
- transform: scaleY(0);
4843
- -webkit-transform-origin: 50% 0;
4844
- -ms-transform-origin: 50% 0;
4845
- transform-origin: 50% 0;
4846
- -webkit-transition-property: -webkit-transform;
4847
- transition-property: -webkit-transform;
4848
- transition-property: transform;
4849
- transition-property: transform, -webkit-transform;
4850
- -webkit-transition-duration: 0.15s;
4851
- transition-duration: 0.15s;
4852
- -webkit-transition-timing-function: ease-out;
4853
- transition-timing-function: ease-out; }
4854
-
4855
- .premium-button-style5-radialin:before,
4856
- .premium-button-style5-radialout:before {
4857
- -webkit-transform-origin: 50%;
4858
- -ms-transform-origin: 50%;
4859
- transform-origin: 50%;
4860
- -webkit-border-radius: 100%;
4861
- border-radius: 100%;
4862
- -webkit-transform: scale(0);
4863
- -ms-transform: scale(0);
4864
- transform: scale(0); }
4865
-
4866
- .premium-button-style5-radialin:before {
4867
- -webkit-transform: scale(2);
4868
- -ms-transform: scale(2);
4869
- transform: scale(2); }
4870
-
4871
- .premium-button-style5-rectin:before {
4872
- -webkit-transform-origin: 50%;
4873
- -ms-transform-origin: 50%;
4874
- transform-origin: 50%;
4875
- -webkit-transform: scale(1);
4876
- -ms-transform: scale(1);
4877
- transform: scale(1); }
4878
-
4879
- .premium-button-style5-rectout:before {
4880
- -webkit-transform-origin: 50%;
4881
- -ms-transform-origin: 50%;
4882
- transform-origin: 50%;
4883
- -webkit-transform: scale(0);
4884
- -ms-transform: scale(0);
4885
- transform: scale(0); }
4886
-
4887
- .premium-button-style5-rectout:hover:before {
4888
- -webkit-transform: scale(1);
4889
- -ms-transform: scale(1);
4890
- transform: scale(1); }
4891
-
4892
- .premium-button-style5-rectin:hover:before {
4893
- -webkit-transform: scale(0);
4894
- -ms-transform: scale(0);
4895
- transform: scale(0); }
4896
-
4897
- .premium-button-style5-radialout:hover:before {
4898
- -webkit-transform: scale(2);
4899
- -ms-transform: scale(2);
4900
- transform: scale(2); }
4901
-
4902
- .premium-button-style5-radialin:hover:before {
4903
- -webkit-transform: scale(0);
4904
- -ms-transform: scale(0);
4905
- transform: scale(0); }
4906
-
4907
- .premium-button-style1-top:before {
4908
- -webkit-transform-origin: 50% 100%;
4909
- -ms-transform-origin: 50% 100%;
4910
- transform-origin: 50% 100%; }
4911
-
4912
- .premium-button-style1-right:before {
4913
- -webkit-transform: scaleX(0);
4914
- -ms-transform: scaleX(0);
4915
- transform: scaleX(0);
4916
- -webkit-transform-origin: 0% 50%;
4917
- -ms-transform-origin: 0% 50%;
4918
- transform-origin: 0% 50%; }
4919
-
4920
- .premium-button-style1-left:before {
4921
- -webkit-transform: scaleX(0);
4922
- -ms-transform: scaleX(0);
4923
- transform: scaleX(0);
4924
- -webkit-transform-origin: 100% 50%;
4925
- -ms-transform-origin: 100% 50%;
4926
- transform-origin: 100% 50%; }
4927
-
4928
- .premium-button-style2-shutouthor:before,
4929
- .premium-button-style2-scshutoutver:before {
4930
- -webkit-transform: scaleY(0);
4931
- -ms-transform: scaleY(0);
4932
- transform: scaleY(0);
4933
- -webkit-transform-origin: 100% 50%;
4934
- -ms-transform-origin: 100% 50%;
4935
- transform-origin: 100% 50%; }
4936
-
4937
- .premium-button-style2-shutoutver:before,
4938
- .premium-button-style2-scshutouthor:before {
4939
- -webkit-transform: scaleX(0);
4940
- -ms-transform: scaleX(0);
4941
- transform: scaleX(0);
4942
- -webkit-transform-origin: 50% 50%;
4943
- -ms-transform-origin: 50% 50%;
4944
- transform-origin: 50% 50%; }
4945
-
4946
- .premium-button-style2-shutinhor:before {
4947
- -webkit-transform: scaleX(1);
4948
- -ms-transform: scaleX(1);
4949
- transform: scaleX(1);
4950
- -webkit-transform-origin: 50%;
4951
- -ms-transform-origin: 50%;
4952
- transform-origin: 50%; }
4953
-
4954
- .premium-button-style2-shutinver:before {
4955
- -webkit-transform: scaleY(1);
4956
- -ms-transform: scaleY(1);
4957
- transform: scaleY(1);
4958
- -webkit-transform-origin: 50%;
4959
- -ms-transform-origin: 50%;
4960
- transform-origin: 50%; }
4961
-
4962
- .premium-button-style1-bottom:hover:before,
4963
- .premium-button-style1-top:hover:before {
4964
- -webkit-transform: scaleY(1);
4965
- -ms-transform: scaleY(1);
4966
- transform: scaleY(1); }
4967
-
4968
- .premium-button-style1-left:hover:before,
4969
- .premium-button-style1-right:hover:before,
4970
- .premium-button-style2-shutouthor:hover:before,
4971
- .premium-button-style2-shutoutver:hover:before {
4972
- -webkit-transform: scaleX(1);
4973
- -ms-transform: scaleX(1);
4974
- transform: scaleX(1); }
4975
-
4976
- .premium-button-style2-shutinhor:hover:before {
4977
- -webkit-transform: scaleX(0);
4978
- -ms-transform: scaleX(0);
4979
- transform: scaleX(0); }
4980
-
4981
- .premium-button-style2-shutinver:hover:before {
4982
- -webkit-transform: scaleY(0);
4983
- -ms-transform: scaleY(0);
4984
- transform: scaleY(0); }
4985
-
4986
- .premium-button-style2-scshutouthor:hover:before {
4987
- -webkit-transform: scaleX(0.9);
4988
- -ms-transform: scaleX(0.9);
4989
- transform: scaleX(0.9); }
4990
-
4991
- .premium-button-style2-scshutoutver:hover:before {
4992
- -webkit-transform: scaleY(0.8);
4993
- -ms-transform: scaleY(0.8);
4994
- transform: scaleY(0.8); }
4995
-
4996
- /*Diagonal*/
4997
- .premium-button-style2-dshutinhor:before {
4998
- top: 50%;
4999
- left: 50%;
5000
- width: 120%;
5001
- height: 0%;
5002
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5003
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5004
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5005
- -webkit-transform-origin: 50%;
5006
- -ms-transform-origin: 50%;
5007
- transform-origin: 50%;
5008
- -webkit-transition-property: all;
5009
- transition-property: all; }
5010
-
5011
- .premium-button-style2-dshutinver:before {
5012
- top: 50%;
5013
- left: 50%;
5014
- width: 120%;
5015
- height: 0%;
5016
- -webkit-transform-origin: 50%;
5017
- -ms-transform-origin: 50%;
5018
- transform-origin: 50%;
5019
- -webkit-transition-property: all;
5020
- transition-property: all;
5021
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5022
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5023
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5024
-
5025
- .premium-button-style2-dshutinhor:hover:before,
5026
- .premium-button-style2-dshutinver:hover:before {
5027
- height: 220%; }
5028
-
5029
- .premium-button-style3-before i,
5030
- .premium-button-style3-before svg {
5031
- opacity: 0;
5032
- -webkit-transform: translateX(-5px);
5033
- -ms-transform: translateX(-5px);
5034
- transform: translateX(-5px);
5035
- -webkit-transition: all 0.5s ease-in-out;
5036
- transition: all 0.5s ease-in-out; }
5037
-
5038
- .premium-button-style3-after i,
5039
- .premium-button-style3-after svg {
5040
- opacity: 0;
5041
- -webkit-transform: translateX(-5px);
5042
- -ms-transform: translateX(-5px);
5043
- transform: translateX(-5px);
5044
- -webkit-transition: all 0.5s ease-in-out;
5045
- transition: all 0.5s ease-in-out;
5046
- -webkit-transform: translateX(5px);
5047
- -ms-transform: translateX(5px);
5048
- transform: translateX(5px); }
5049
-
5050
- .premium-button-style3-after:hover i,
5051
- .premium-button-style3-after:hover svg {
5052
- opacity: 1; }
5053
-
5054
- .premium-button-style3-before:hover i,
5055
- .premium-button-style3-before:hover svg {
5056
- opacity: 1; }
5057
-
5058
- .premium-button-text-icon-wrapper {
5059
- -js-display: flex;
5060
- display: -webkit-box;
5061
- display: -webkit-flex;
5062
- display: -moz-box;
5063
- display: -ms-flexbox;
5064
- display: flex;
5065
- -webkit-box-pack: center;
5066
- -webkit-justify-content: center;
5067
- -moz-box-pack: center;
5068
- -ms-flex-pack: center;
5069
- justify-content: center;
5070
- -webkit-box-align: center;
5071
- -webkit-align-items: center;
5072
- -moz-box-align: center;
5073
- -ms-flex-align: center;
5074
- align-items: center;
5075
- -webkit-transition: all 0.2s ease-in-out;
5076
- transition: all 0.2s ease-in-out; }
5077
- .premium-button-text-icon-wrapper span,
5078
- .premium-button-text-icon-wrapper i,
5079
- .premium-button-text-icon-wrapper svg {
5080
- -webkit-transition: all 0.2s ease-in-out;
5081
- transition: all 0.2s ease-in-out; }
5082
-
5083
- .premium-button-style4-icon-wrapper {
5084
- position: absolute;
5085
- z-index: 2;
5086
- width: 100%;
5087
- text-align: center;
5088
- -js-display: flex;
5089
- display: -webkit-box;
5090
- display: -webkit-flex;
5091
- display: -moz-box;
5092
- display: -ms-flexbox;
5093
- display: flex;
5094
- -webkit-box-align: center;
5095
- -webkit-align-items: center;
5096
- -moz-box-align: center;
5097
- -ms-flex-align: center;
5098
- align-items: center;
5099
- -webkit-box-pack: center;
5100
- -webkit-justify-content: center;
5101
- -moz-box-pack: center;
5102
- -ms-flex-pack: center;
5103
- justify-content: center;
5104
- height: 100%;
5105
- opacity: 0;
5106
- -webkit-transition: all 0.3s ease-in-out;
5107
- transition: all 0.3s ease-in-out; }
5108
- .premium-button-style4-icon-wrapper.top {
5109
- bottom: -100%;
5110
- left: 0; }
5111
- .premium-button-style4-icon-wrapper.bottom {
5112
- top: -100%;
5113
- left: 0; }
5114
- .premium-button-style4-icon-wrapper.left {
5115
- top: 0;
5116
- left: -100%; }
5117
- .premium-button-style4-icon-wrapper.right {
5118
- top: 0;
5119
- right: -100%; }
5120
-
5121
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5122
- top: 0;
5123
- opacity: 1; }
5124
-
5125
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5126
- bottom: 0;
5127
- opacity: 1; }
5128
-
5129
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5130
- left: 0;
5131
- opacity: 1; }
5132
-
5133
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5134
- right: 0;
5135
- opacity: 1; }
5136
-
5137
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5138
- -webkit-transform: translateY(100%);
5139
- -ms-transform: translateY(100%);
5140
- transform: translateY(100%);
5141
- opacity: 0; }
5142
-
5143
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5144
- -webkit-transform: translateY(-100%);
5145
- -ms-transform: translateY(-100%);
5146
- transform: translateY(-100%);
5147
- opacity: 0; }
5148
-
5149
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5150
- -webkit-transform: translateX(100%);
5151
- -ms-transform: translateX(100%);
5152
- transform: translateX(100%);
5153
- opacity: 0; }
5154
-
5155
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5156
- -webkit-transform: translateX(-100%);
5157
- -ms-transform: translateX(-100%);
5158
- transform: translateX(-100%);
5159
- opacity: 0; }
5160
-
5161
- .premium-button-style6:before {
5162
- content: "";
5163
- position: absolute;
5164
- left: 50%;
5165
- top: 50%;
5166
- width: 100px;
5167
- height: 100px;
5168
- -webkit-border-radius: 100%;
5169
- border-radius: 100%;
5170
- -webkit-transform: translate(-50%, -50%) scale(0);
5171
- -ms-transform: translate(-50%, -50%) scale(0);
5172
- transform: translate(-50%, -50%) scale(0);
5173
- -webkit-transition: all 0.3s ease-in-out;
5174
- transition: all 0.3s ease-in-out; }
5175
-
5176
- .premium-button-style6:hover:before {
5177
- -webkit-transform: translate(-50%, -50%) scale(3);
5178
- -ms-transform: translate(-50%, -50%) scale(3);
5179
- transform: translate(-50%, -50%) scale(3); }
5180
-
5181
- .premium-button-style6 .premium-button-text-icon-wrapper {
5182
- position: relative;
5183
- z-index: 1; }
5184
-
5185
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5186
- position: absolute;
5187
- z-index: 0;
5188
- top: 0;
5189
- left: 0;
5190
- width: 0px;
5191
- height: 0px;
5192
- -webkit-border-radius: 50%;
5193
- border-radius: 50%;
5194
- display: block;
5195
- -webkit-transform: translate(-50%, -50%);
5196
- -ms-transform: translate(-50%, -50%);
5197
- transform: translate(-50%, -50%);
5198
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5199
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5200
-
5201
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5202
- width: 225%;
5203
- height: 560px; }
5204
-
5205
- .premium-mouse-detect-yes .premium-button-style6:before {
5206
- width: 0;
5207
- height: 0; }
5208
-
5209
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5210
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5211
- -webkit-transition: width 0.3s ease-out 0.15s;
5212
- transition: width 0.3s ease-out 0.15s; }
5213
-
5214
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5215
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5216
- -webkit-transition: width 0.3s ease-out 0s;
5217
- transition: width 0.3s ease-out 0s; }
5218
-
5219
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5220
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5221
- -webkit-transition: height 0.3s ease-out 0.15s;
5222
- transition: height 0.3s ease-out 0.15s; }
5223
-
5224
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5225
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5226
- -webkit-transition: height 0.3s ease-out 0s;
5227
- transition: height 0.3s ease-out 0s; }
5228
-
5229
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5230
- -webkit-transition-delay: 0s;
5231
- transition-delay: 0s; }
5232
-
5233
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5234
- -webkit-transition-delay: 0.15s;
5235
- transition-delay: 0.15s; }
5236
-
5237
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5238
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5239
- content: "";
5240
- position: absolute;
5241
- right: 0;
5242
- top: 0;
5243
- left: 0;
5244
- height: 0;
5245
- z-index: -1; }
5246
-
5247
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5248
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5249
- content: "";
5250
- position: absolute;
5251
- right: 0;
5252
- bottom: 0;
5253
- left: 0;
5254
- height: 0;
5255
- z-index: -1; }
5256
-
5257
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5258
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5259
- content: "";
5260
- position: absolute;
5261
- right: 0;
5262
- top: 0;
5263
- bottom: 0;
5264
- width: 0;
5265
- z-index: -1; }
5266
-
5267
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5268
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5269
- content: "";
5270
- position: absolute;
5271
- left: 0;
5272
- top: 0;
5273
- bottom: 0;
5274
- width: 0;
5275
- z-index: -1; }
5276
-
5277
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5278
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5279
- height: 100%;
5280
- top: 0; }
5281
-
5282
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5283
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5284
- height: 100%;
5285
- bottom: 0; }
5286
-
5287
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5288
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5289
- width: 100%;
5290
- left: 0; }
5291
-
5292
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5293
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5294
- width: 100%;
5295
- right: 0; }
5296
-
5297
- /**************** Premium Contact Form7 **********/
5298
- /*************************************************/
5299
- .premium-contact-form-anim-yes .wpcf7-span::after {
5300
- display: block;
5301
- height: 2px;
5302
- content: "";
5303
- top: -2px;
5304
- position: relative;
5305
- width: 0px;
5306
- -webkit-transition: all ease-in-out 0.3s;
5307
- transition: all ease-in-out 0.3s; }
5308
-
5309
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5310
- width: 100%; }
5311
-
5312
- /**************** Premium Image Button ***********/
5313
- /*************************************************/
5314
- .premium-image-button {
5315
- display: inline-block;
5316
- position: relative;
5317
- overflow: hidden;
5318
- background: #6ec1e4;
5319
- cursor: pointer;
5320
- -webkit-transition: all 0.2s ease-in-out !important;
5321
- transition: all 0.2s ease-in-out !important; }
5322
- .premium-image-button:hover {
5323
- background-color: #54595f; }
5324
-
5325
- /*Default background for slide styles*/
5326
- .premium-image-button-style4-icon-wrapper,
5327
- .premium-image-button-style1:before {
5328
- background-color: #54595f; }
5329
-
5330
- .premium-image-button.premium-image-button-sm {
5331
- padding: 12px 24px;
5332
- font-size: 14px;
5333
- line-height: 1; }
5334
-
5335
- .premium-image-button.premium-image-button-md {
5336
- padding: 14px 26px;
5337
- font-size: 16px;
5338
- line-height: 1.2; }
5339
-
5340
- .premium-image-button.premium-image-button-lg {
5341
- padding: 16px 28px;
5342
- font-size: 18px;
5343
- line-height: 1.3333; }
5344
-
5345
- .premium-image-button.premium-image-button-block {
5346
- font-size: 15px;
5347
- line-height: 1;
5348
- padding: 12px 24px;
5349
- width: 100%;
5350
- text-align: center; }
5351
-
5352
- .premium-image-button-text-icon-wrapper {
5353
- -js-display: flex;
5354
- display: -webkit-box;
5355
- display: -webkit-flex;
5356
- display: -moz-box;
5357
- display: -ms-flexbox;
5358
- display: flex;
5359
- -webkit-box-pack: center;
5360
- -webkit-justify-content: center;
5361
- -moz-box-pack: center;
5362
- -ms-flex-pack: center;
5363
- justify-content: center;
5364
- -webkit-box-align: center;
5365
- -webkit-align-items: center;
5366
- -moz-box-align: center;
5367
- -ms-flex-align: center;
5368
- align-items: center;
5369
- position: relative;
5370
- z-index: 3;
5371
- -webkit-transition: all 0.2s ease-in-out;
5372
- transition: all 0.2s ease-in-out; }
5373
- .premium-image-button-text-icon-wrapper span,
5374
- .premium-image-button-text-icon-wrapper i,
5375
- .premium-image-button-text-icon-wrapper svg {
5376
- -webkit-transition: all 0.2s ease-in-out;
5377
- transition: all 0.2s ease-in-out; }
5378
-
5379
- .premium-image-button-style1:before {
5380
- position: absolute;
5381
- content: "";
5382
- -webkit-transition: all 0.2s ease-in-out;
5383
- transition: all 0.2s ease-in-out; }
5384
-
5385
- .premium-image-button-style1-bottom:before {
5386
- width: 100%;
5387
- height: 0;
5388
- top: 0;
5389
- left: 0; }
5390
-
5391
- .premium-image-button-style1-top:before {
5392
- width: 100%;
5393
- height: 0;
5394
- bottom: 0;
5395
- left: 0; }
5396
-
5397
- .premium-image-button-style1-right:before {
5398
- width: 0;
5399
- height: 100%;
5400
- bottom: 0;
5401
- left: 0; }
5402
-
5403
- .premium-image-button-style1-left:before {
5404
- width: 0;
5405
- height: 100%;
5406
- top: 0;
5407
- right: 0; }
5408
-
5409
- .premium-image-button-style1-bottom:hover:before,
5410
- .premium-image-button-style1-top:hover:before {
5411
- height: 100%; }
5412
-
5413
- .premium-image-button-style1-right:hover:before,
5414
- .premium-image-button-style1-left:hover:before {
5415
- width: 100%; }
5416
-
5417
- .premium-image-button-style3 {
5418
- z-index: 10; }
5419
- .premium-image-button-style3:before {
5420
- position: absolute;
5421
- top: 0px;
5422
- left: 0px;
5423
- width: 100%;
5424
- height: 100%;
5425
- content: "";
5426
- z-index: 1;
5427
- background: rgba(255, 255, 255, 0.2);
5428
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5429
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5430
- -webkit-transition: all 0.8s ease-out;
5431
- transition: all 0.8s ease-out; }
5432
-
5433
- .premium-image-button-diagonal-right:before {
5434
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5435
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5436
-
5437
- .premium-image-button-diagonal-right:hover:before {
5438
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5439
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5440
-
5441
- .premium-image-button-diagonal-left:before {
5442
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5443
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5444
-
5445
- .premium-image-button-diagonal-left:hover:before {
5446
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5447
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5448
-
5449
- .premium-image-button-diagonal-bottom:before {
5450
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5451
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5452
-
5453
- .premium-image-button-diagonal-bottom:hover:before {
5454
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5455
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5456
-
5457
- .premium-image-button-diagonal-top:before {
5458
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5459
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5460
-
5461
- .premium-image-button-diagonal-top:hover:before {
5462
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5463
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5464
-
5465
- .premium-image-button-style4-icon-wrapper {
5466
- position: absolute;
5467
- z-index: 2;
5468
- width: 100%;
5469
- text-align: center;
5470
- -js-display: flex;
5471
- display: -webkit-box;
5472
- display: -webkit-flex;
5473
- display: -moz-box;
5474
- display: -ms-flexbox;
5475
- display: flex;
5476
- -webkit-box-align: center;
5477
- -webkit-align-items: center;
5478
- -moz-box-align: center;
5479
- -ms-flex-align: center;
5480
- align-items: center;
5481
- -webkit-box-pack: center;
5482
- -webkit-justify-content: center;
5483
- -moz-box-pack: center;
5484
- -ms-flex-pack: center;
5485
- justify-content: center;
5486
- height: 100%;
5487
- opacity: 0;
5488
- -webkit-transition: all 0.3s ease-in-out;
5489
- transition: all 0.3s ease-in-out; }
5490
- .premium-image-button-style4-icon-wrapper.top {
5491
- bottom: -100%;
5492
- left: 0; }
5493
- .premium-image-button-style4-icon-wrapper.bottom {
5494
- top: -100%;
5495
- left: 0; }
5496
- .premium-image-button-style4-icon-wrapper.left {
5497
- top: 0;
5498
- left: -100%; }
5499
- .premium-image-button-style4-icon-wrapper.right {
5500
- top: 0;
5501
- right: -100%; }
5502
-
5503
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5504
- top: 0;
5505
- opacity: 1; }
5506
-
5507
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5508
- -webkit-transform: translateY(100%);
5509
- -ms-transform: translateY(100%);
5510
- transform: translateY(100%);
5511
- opacity: 0; }
5512
-
5513
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5514
- bottom: 0;
5515
- opacity: 1; }
5516
-
5517
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5518
- -webkit-transform: translateY(-100%);
5519
- -ms-transform: translateY(-100%);
5520
- transform: translateY(-100%);
5521
- opacity: 0; }
5522
-
5523
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5524
- left: 0;
5525
- opacity: 1; }
5526
-
5527
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5528
- -webkit-transform: translateX(100%);
5529
- -ms-transform: translateX(100%);
5530
- transform: translateX(100%);
5531
- opacity: 0; }
5532
-
5533
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5534
- right: 0;
5535
- opacity: 1; }
5536
-
5537
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5538
- -webkit-transform: translateX(-100%);
5539
- -ms-transform: translateX(-100%);
5540
- transform: translateX(-100%);
5541
- opacity: 0; }
5542
-
5543
- .premium-image-button-style5:before {
5544
- position: absolute;
5545
- content: "";
5546
- top: 0;
5547
- left: 0;
5548
- width: 100%;
5549
- height: 100%;
5550
- opacity: 0;
5551
- -webkit-transition: all 1s ease-in-out;
5552
- transition: all 1s ease-in-out;
5553
- background: rgba(255, 255, 255, 0.2);
5554
- -webkit-animation-name: premium-overlap-effect-done;
5555
- animation-name: premium-overlap-effect-done;
5556
- -webkit-animation-duration: 1s;
5557
- animation-duration: 1s; }
5558
-
5559
- .premium-image-button-overlap-effect-vertical:before {
5560
- -webkit-animation-name: premium-overlap-ver-effect-done;
5561
- animation-name: premium-overlap-ver-effect-done; }
5562
-
5563
- .premium-image-button-overlap-effect-horizontal:hover:before {
5564
- -webkit-animation-name: premium-overlap-effect;
5565
- animation-name: premium-overlap-effect; }
5566
-
5567
- .premium-image-button-overlap-effect-vertical:hover:before {
5568
- -webkit-animation-name: premium-overlap-ver-effect;
5569
- animation-name: premium-overlap-ver-effect; }
5570
-
5571
- @-webkit-keyframes premium-overlap-effect {
5572
- 0% {
5573
- opacity: 0;
5574
- -webkit-transform: rotateY(0deg);
5575
- transform: rotateY(0deg); }
5576
- 50% {
5577
- opacity: 1;
5578
- -webkit-transform: rotateY(180deg);
5579
- transform: rotateY(180deg); }
5580
- 100% {
5581
- opacity: 0;
5582
- -webkit-transform: rotateY(360deg);
5583
- transform: rotateY(360deg); } }
5584
-
5585
- @keyframes premium-overlap-effect {
5586
- 0% {
5587
- opacity: 0;
5588
- -webkit-transform: rotateY(0deg);
5589
- transform: rotateY(0deg); }
5590
- 50% {
5591
- opacity: 1;
5592
- -webkit-transform: rotateY(180deg);
5593
- transform: rotateY(180deg); }
5594
- 100% {
5595
- opacity: 0;
5596
- -webkit-transform: rotateY(360deg);
5597
- transform: rotateY(360deg); } }
5598
-
5599
- @-webkit-keyframes premium-overlap-effect-done {
5600
- 0% {
5601
- opacity: 0;
5602
- -webkit-transform: rotateY(0deg);
5603
- transform: rotateY(0deg); }
5604
- 50% {
5605
- opacity: 1;
5606
- -webkit-transform: rotateY(180deg);
5607
- transform: rotateY(180deg); }
5608
- 100% {
5609
- opacity: 0;
5610
- -webkit-transform: rotateY(360deg);
5611
- transform: rotateY(360deg); } }
5612
-
5613
- @keyframes premium-overlap-effect-done {
5614
- 0% {
5615
- opacity: 0;
5616
- -webkit-transform: rotateY(0deg);
5617
- transform: rotateY(0deg); }
5618
- 50% {
5619
- opacity: 1;
5620
- -webkit-transform: rotateY(180deg);
5621
- transform: rotateY(180deg); }
5622
- 100% {
5623
- opacity: 0;
5624
- -webkit-transform: rotateY(360deg);
5625
- transform: rotateY(360deg); } }
5626
-
5627
- @-webkit-keyframes premium-overlap-ver-effect {
5628
- 0% {
5629
- opacity: 0;
5630
- -webkit-transform: rotateX(0deg);
5631
- transform: rotateX(0deg); }
5632
- 50% {
5633
- opacity: 1;
5634
- -webkit-transform: rotateX(180deg);
5635
- transform: rotateX(180deg); }
5636
- 100% {
5637
- opacity: 0;
5638
- -webkit-transform: rotateX(360deg);
5639
- transform: rotateX(360deg); } }
5640
-
5641
- @keyframes premium-overlap-ver-effect {
5642
- 0% {
5643
- opacity: 0;
5644
- -webkit-transform: rotateX(0deg);
5645
- transform: rotateX(0deg); }
5646
- 50% {
5647
- opacity: 1;
5648
- -webkit-transform: rotateX(180deg);
5649
- transform: rotateX(180deg); }
5650
- 100% {
5651
- opacity: 0;
5652
- -webkit-transform: rotateX(360deg);
5653
- transform: rotateX(360deg); } }
5654
-
5655
- @-webkit-keyframes premium-overlap-ver-effect-done {
5656
- 0% {
5657
- opacity: 0;
5658
- -webkit-transform: rotateX(0deg);
5659
- transform: rotateX(0deg); }
5660
- 50% {
5661
- opacity: 1;
5662
- -webkit-transform: rotateX(180deg);
5663
- transform: rotateX(180deg); }
5664
- 100% {
5665
- opacity: 0;
5666
- -webkit-transform: rotateX(360deg);
5667
- transform: rotateX(360deg); } }
5668
-
5669
- @keyframes premium-overlap-ver-effect-done {
5670
- 0% {
5671
- opacity: 0;
5672
- -webkit-transform: rotateX(0deg);
5673
- transform: rotateX(0deg); }
5674
- 50% {
5675
- opacity: 1;
5676
- -webkit-transform: rotateX(180deg);
5677
- transform: rotateX(180deg); }
5678
- 100% {
5679
- opacity: 0;
5680
- -webkit-transform: rotateX(360deg);
5681
- transform: rotateX(360deg); } }
5682
-
5683
- /**************** Premium Grid /****************/
5684
- /***********************************************/
5685
- .premium-img-gallery-filter,
5686
- .premium-blog-filter {
5687
- -js-display: flex;
5688
- display: -webkit-box;
5689
- display: -webkit-flex;
5690
- display: -moz-box;
5691
- display: -ms-flexbox;
5692
- display: flex;
5693
- -webkit-box-align: center;
5694
- -webkit-align-items: center;
5695
- -moz-box-align: center;
5696
- -ms-flex-align: center;
5697
- align-items: center;
5698
- -webkit-box-pack: center;
5699
- -webkit-justify-content: center;
5700
- -moz-box-pack: center;
5701
- -ms-flex-pack: center;
5702
- justify-content: center; }
5703
-
5704
- .premium-img-gallery {
5705
- clear: both;
5706
- overflow: hidden; }
5707
-
5708
- .premium-gallery-container .premium-gallery-item {
5709
- padding: 10px;
5710
- float: left; }
5711
-
5712
- .premium-gallery-container .grid-sizer {
5713
- width: 33.33%; }
5714
-
5715
- .premium-gallery-container .pa-gallery-item {
5716
- padding: 10px; }
5717
-
5718
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5719
- .premium-blog-filter .premium-blog-filters-container li a.category {
5720
- outline: none;
5721
- text-decoration: none;
5722
- -webkit-border-radius: 75px;
5723
- border-radius: 75px;
5724
- margin: 15px 5px 20px;
5725
- padding: 7px 20px;
5726
- -webkit-transition: all 0.3s ease-in-out;
5727
- transition: all 0.3s ease-in-out; }
5728
-
5729
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5730
- -webkit-transition: all 0.3s ease-in-out;
5731
- transition: all 0.3s ease-in-out; }
5732
-
5733
- .pa-gallery-img {
5734
- position: relative; }
5735
- .pa-gallery-img .pa-gallery-whole-link {
5736
- position: absolute;
5737
- top: 0;
5738
- left: 0;
5739
- width: 100%;
5740
- height: 100%; }
5741
- .pa-gallery-img.style2 .pa-gallery-whole-link {
5742
- z-index: 99; }
5743
-
5744
- .pa-gallery-img-container {
5745
- overflow: hidden;
5746
- -webkit-backface-visibility: hidden;
5747
- backface-visibility: hidden;
5748
- -webkit-transform: translate3d(0, 0, 0);
5749
- transform: translate3d(0, 0, 0); }
5750
- .pa-gallery-img-container img {
5751
- display: block;
5752
- width: 100%;
5753
- -webkit-transition: all 0.3s ease-in-out;
5754
- transition: all 0.3s ease-in-out; }
5755
-
5756
- .premium-img-gallery.gray img {
5757
- -webkit-filter: grayscale(100%);
5758
- filter: grayscale(100%); }
5759
-
5760
- .premium-img-gallery.zoomout img,
5761
- .premium-img-gallery.scale img {
5762
- -webkit-transform: scale(1.2);
5763
- -ms-transform: scale(1.2);
5764
- transform: scale(1.2); }
5765
-
5766
- .premium-img-gallery.sepia img {
5767
- -webkit-filter: sepia(30%);
5768
- filter: sepia(30%); }
5769
-
5770
- .premium-img-gallery.bright img {
5771
- -webkit-filter: brightness(1);
5772
- filter: brightness(1); }
5773
-
5774
- .premium-img-gallery.trans img {
5775
- -webkit-transform: translateX(-15px) scale(1.1);
5776
- -ms-transform: translateX(-15px) scale(1.1);
5777
- transform: translateX(-15px) scale(1.1); }
5778
-
5779
- .pa-gallery-img .pa-gallery-magnific-image,
5780
- .pa-gallery-img .pa-gallery-img-link {
5781
- outline: none; }
5782
-
5783
- .pa-gallery-img .pa-gallery-magnific-image span,
5784
- .pa-gallery-img .pa-gallery-img-link span {
5785
- line-height: 1;
5786
- display: inline-block;
5787
- opacity: 0;
5788
- margin: 0 5px;
5789
- padding: 15px;
5790
- -webkit-border-radius: 50%;
5791
- border-radius: 50%; }
5792
-
5793
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5794
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5795
- margin: 0 5px 20px; }
5796
-
5797
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5798
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5799
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5800
-
5801
- .pa-gallery-img:hover .pa-gallery-img-link span {
5802
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5803
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5804
-
5805
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5806
- .pa-gallery-img:hover .pa-gallery-img-link span {
5807
- opacity: 1; }
5808
-
5809
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5810
- opacity: 1; }
5811
-
5812
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5813
- .premium-blog-filter ul.premium-blog-filters-container {
5814
- text-align: center;
5815
- margin: 0;
5816
- padding: 0; }
5817
-
5818
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5819
- .premium-blog-filter .premium-blog-filters-container li {
5820
- list-style: none;
5821
- -js-display: inline-flex;
5822
- display: -webkit-inline-box;
5823
- display: -webkit-inline-flex;
5824
- display: -moz-inline-box;
5825
- display: -ms-inline-flexbox;
5826
- display: inline-flex; }
5827
-
5828
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5829
- -webkit-transform: scale(1.1);
5830
- -ms-transform: scale(1.1);
5831
- transform: scale(1.1); }
5832
-
5833
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5834
- -webkit-transform: scale(1);
5835
- -ms-transform: scale(1);
5836
- transform: scale(1); }
5837
-
5838
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5839
- -webkit-transform: scale(1.3) rotate(5deg);
5840
- -ms-transform: scale(1.3) rotate(5deg);
5841
- transform: scale(1.3) rotate(5deg); }
5842
-
5843
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5844
- -webkit-filter: grayscale(0%);
5845
- filter: grayscale(0%); }
5846
-
5847
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5848
- -webkit-filter: blur(3px);
5849
- filter: blur(3px); }
5850
-
5851
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5852
- -webkit-filter: sepia(0%);
5853
- filter: sepia(0%); }
5854
-
5855
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5856
- -webkit-transform: translateX(0px) scale(1.1);
5857
- -ms-transform: translateX(0px) scale(1.1);
5858
- transform: translateX(0px) scale(1.1); }
5859
-
5860
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5861
- -webkit-filter: brightness(1.2);
5862
- filter: brightness(1.2); }
5863
-
5864
- .pa-gallery-img .premium-gallery-caption {
5865
- padding: 10px; }
5866
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5867
- margin-bottom: 0; }
5868
-
5869
- .pa-gallery-img.style1 {
5870
- overflow: hidden; }
5871
-
5872
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5873
- position: absolute;
5874
- top: 0;
5875
- left: 0;
5876
- width: 100%;
5877
- height: 100%;
5878
- -webkit-transition: all 0.3s ease-in-out;
5879
- transition: all 0.3s ease-in-out; }
5880
-
5881
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5882
- position: absolute;
5883
- top: 33.33%;
5884
- width: 100%;
5885
- text-align: center;
5886
- -webkit-transform: translateY(-50%);
5887
- -ms-transform: translateY(-50%);
5888
- transform: translateY(-50%);
5889
- z-index: 999; }
5890
-
5891
- .pa-gallery-img.style1 .premium-gallery-caption {
5892
- position: absolute;
5893
- top: auto;
5894
- right: 0;
5895
- bottom: -1px;
5896
- left: 0;
5897
- width: 100%;
5898
- -webkit-transition: all 500ms ease 0s;
5899
- transition: all 500ms ease 0s;
5900
- -webkit-transform: translate3d(0, 100%, 0);
5901
- transform: translate3d(0, 100%, 0); }
5902
-
5903
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5904
- -webkit-transform: translate3d(0, 0, 0);
5905
- transform: translate3d(0, 0, 0);
5906
- bottom: -1px !important; }
5907
-
5908
- .pa-gallery-img.default .premium-gallery-caption {
5909
- position: absolute;
5910
- top: auto;
5911
- right: 0;
5912
- left: 0;
5913
- width: 100%;
5914
- bottom: 0; }
5915
-
5916
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5917
- position: absolute;
5918
- top: 0;
5919
- left: 0;
5920
- width: 100%;
5921
- height: 100%;
5922
- opacity: 0;
5923
- -webkit-backface-visibility: hidden;
5924
- backface-visibility: hidden;
5925
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5926
- transition: opacity 0.3s, -webkit-transform 0.3s;
5927
- transition: transform 0.3s, opacity 0.3s;
5928
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5929
- z-index: 1;
5930
- background-color: rgba(108, 191, 226, 0.68);
5931
- -js-display: flex;
5932
- display: -webkit-box;
5933
- display: -webkit-flex;
5934
- display: -moz-box;
5935
- display: -ms-flexbox;
5936
- display: flex;
5937
- text-align: center;
5938
- -webkit-box-align: center;
5939
- -webkit-align-items: center;
5940
- -moz-box-align: center;
5941
- -ms-flex-align: center;
5942
- align-items: center; }
5943
-
5944
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5945
- width: 100%; }
5946
-
5947
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5948
- opacity: 1;
5949
- -webkit-transform: translate(15px, 15px);
5950
- -ms-transform: translate(15px, 15px);
5951
- transform: translate(15px, 15px); }
5952
-
5953
- .premium-clearfix {
5954
- clear: both; }
5955
-
5956
- /**
5957
- * Metro Layout
5958
- */
5959
- .premium-img-gallery-metro .premium-gallery-item {
5960
- overflow: hidden; }
5961
-
5962
- .premium-img-gallery-metro .pa-gallery-img {
5963
- height: 100%; }
5964
-
5965
- .premium-img-gallery-metro .pa-gallery-img-container {
5966
- height: 100%; }
5967
- .premium-img-gallery-metro .pa-gallery-img-container img {
5968
- min-height: 100%;
5969
- width: 100%;
5970
- -o-object-fit: fill;
5971
- object-fit: fill; }
5972
-
5973
- .premium-img-gallery .premium-gallery-item-hidden {
5974
- visibility: hidden;
5975
- width: 0 !important;
5976
- height: 0 !important;
5977
- margin: 0 !important;
5978
- padding: 0 !important; }
5979
-
5980
- .premium-gallery-load-more {
5981
- position: relative; }
5982
- .premium-gallery-load-more .premium-gallery-load-more-btn {
5983
- -webkit-box-shadow: none;
5984
- box-shadow: none;
5985
- text-shadow: none;
5986
- border: none;
5987
- outline: none;
5988
- -webkit-box-align: center;
5989
- -webkit-align-items: center;
5990
- -moz-box-align: center;
5991
- -ms-flex-align: center;
5992
- align-items: center;
5993
- vertical-align: bottom;
5994
- cursor: pointer;
5995
- line-height: 1;
5996
- font-style: normal;
5997
- font-weight: normal;
5998
- background-image: none;
5999
- color: #fff;
6000
- -webkit-transition: all 0.3s ease-in-out;
6001
- transition: all 0.3s ease-in-out; }
6002
-
6003
- .premium-gallery-load-more-btn {
6004
- -js-display: inline-flex;
6005
- display: -webkit-inline-box;
6006
- display: -webkit-inline-flex;
6007
- display: -moz-inline-box;
6008
- display: -ms-inline-flexbox;
6009
- display: inline-flex;
6010
- -webkit-box-align: center;
6011
- -webkit-align-items: center;
6012
- -moz-box-align: center;
6013
- -ms-flex-align: center;
6014
- align-items: center; }
6015
-
6016
- .premium-loader {
6017
- border: 3px solid #f3f3f3;
6018
- border-top-width: 3px;
6019
- border-top-style: solid;
6020
- border-top-color: #f3f3f3;
6021
- -webkit-border-radius: 50%;
6022
- border-radius: 50%;
6023
- border-top: 3px solid;
6024
- border-top-color: #bbb;
6025
- width: 30px;
6026
- height: 30px;
6027
- -webkit-animation: spin 2s linear infinite;
6028
- animation: spin 2s linear infinite;
6029
- margin: 0 auto; }
6030
-
6031
- .premium-gallery-load-more-btn div {
6032
- margin-left: 3px; }
6033
-
6034
- .premium-gallery-load-more-btn .premium-loader {
6035
- display: inline-block;
6036
- width: 20px;
6037
- height: 20px; }
6038
-
6039
- .pa-gallery-img .pa-gallery-lightbox-wrap {
6040
- display: inline-block; }
6041
-
6042
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6043
- .pa-gallery-img .pa-gallery-video-icon {
6044
- cursor: pointer; }
6045
-
6046
- .pa-gallery-img-container iframe {
6047
- position: absolute;
6048
- visibility: hidden;
6049
- top: 0;
6050
- left: 0;
6051
- max-width: 100%;
6052
- width: 100%;
6053
- height: 100%;
6054
- margin: 0;
6055
- line-height: 1;
6056
- border: none; }
6057
-
6058
- .pa-gallery-img-container video {
6059
- position: absolute;
6060
- visibility: hidden;
6061
- top: 0;
6062
- left: 0;
6063
- max-width: 100%;
6064
- width: 100%;
6065
- height: 100%;
6066
- margin: 0;
6067
- line-height: 1;
6068
- border: none;
6069
- -o-object-fit: contain;
6070
- object-fit: contain; }
6071
-
6072
- .pa-gallery-icons-inner-container svg,
6073
- .pa-gallery-icons-caption-cell svg {
6074
- width: 14px;
6075
- height: 14px; }
6076
-
6077
- .premium-gallery-gradient-layer {
6078
- position: absolute;
6079
- bottom: 40px;
6080
- width: 100%;
6081
- height: 20px;
6082
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6083
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6084
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6085
-
6086
- @-webkit-keyframes spin {
6087
- 0% {
6088
- -webkit-transform: rotate(0deg);
6089
- transform: rotate(0deg); }
6090
- 100% {
6091
- -webkit-transform: rotate(360deg);
6092
- transform: rotate(360deg); } }
6093
-
6094
- @keyframes spin {
6095
- 0% {
6096
- -webkit-transform: rotate(0deg);
6097
- transform: rotate(0deg); }
6098
- 100% {
6099
- -webkit-transform: rotate(360deg);
6100
- transform: rotate(360deg); } }
6101
-
6102
- /************ Premium Vertical Scroll ************/
6103
- /*************************************************/
6104
- .premium-vscroll-inner {
6105
- position: relative;
6106
- min-height: 100%; }
6107
- .premium-vscroll-inner .premium-vscroll-dots {
6108
- position: fixed;
6109
- z-index: 100;
6110
- opacity: 1;
6111
- margin-top: -32px;
6112
- -webkit-transition: all 0.3s ease-in-out;
6113
- transition: all 0.3s ease-in-out; }
6114
-
6115
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6116
- opacity: 1;
6117
- -webkit-transition: all 0.3s ease-in-out;
6118
- transition: all 0.3s ease-in-out; }
6119
-
6120
- .premium-vscroll-inner .premium-vscroll-dots,
6121
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
6122
- opacity: 0;
6123
- visibility: hidden; }
6124
-
6125
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6126
- opacity: 1;
6127
- visibility: visible; }
6128
-
6129
- .premium-vscroll-dots.middle {
6130
- top: 50%; }
6131
-
6132
- .premium-vscroll-dots.top {
6133
- top: 40px; }
6134
-
6135
- .premium-vscroll-dots.bottom {
6136
- bottom: 30px; }
6137
-
6138
- .premium-vscroll-dots.right {
6139
- right: 17px; }
6140
-
6141
- .premium-vscroll-dots.left {
6142
- left: 17px; }
6143
-
6144
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6145
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6146
- margin: 0 !important;
6147
- padding: 0; }
6148
-
6149
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6150
- width: 14px;
6151
- height: 13px;
6152
- margin: 7px;
6153
- position: relative;
6154
- -js-display: flex;
6155
- display: -webkit-box;
6156
- display: -webkit-flex;
6157
- display: -moz-box;
6158
- display: -ms-flexbox;
6159
- display: flex;
6160
- -webkit-box-pack: center;
6161
- -webkit-justify-content: center;
6162
- -moz-box-pack: center;
6163
- -ms-flex-pack: center;
6164
- justify-content: center;
6165
- -webkit-box-align: center;
6166
- -webkit-align-items: center;
6167
- -moz-box-align: center;
6168
- -ms-flex-align: center;
6169
- align-items: center;
6170
- overflow: visible; }
6171
-
6172
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6173
- display: block;
6174
- position: relative;
6175
- z-index: 1;
6176
- width: 100%;
6177
- height: 100%;
6178
- cursor: pointer;
6179
- text-decoration: none; }
6180
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6181
- top: 2px;
6182
- left: 2.5px;
6183
- width: 8px;
6184
- height: 8px;
6185
- border: 1px solid #000;
6186
- -webkit-border-radius: 50%;
6187
- border-radius: 50%;
6188
- position: absolute;
6189
- z-index: 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-dot-item.active .premium-vscroll-nav-link span {
6194
- -webkit-transform: scale(1.6);
6195
- -ms-transform: scale(1.6);
6196
- transform: scale(1.6); }
6197
-
6198
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6199
- position: absolute;
6200
- color: #fff;
6201
- font-size: 14px;
6202
- font-family: arial, helvetica, sans-serif;
6203
- white-space: nowrap;
6204
- max-width: 220px;
6205
- padding-left: 0.4em;
6206
- padding-right: 0.4em; }
6207
-
6208
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6209
- right: 27px; }
6210
-
6211
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6212
- width: 4px;
6213
- height: 30px; }
6214
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6215
- width: 100%;
6216
- height: 100%;
6217
- -webkit-border-radius: 0;
6218
- border-radius: 0; }
6219
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6220
- -webkit-transform: scale(1);
6221
- -ms-transform: scale(1);
6222
- transform: scale(1); }
6223
-
6224
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6225
- position: absolute;
6226
- top: 50%;
6227
- content: "";
6228
- left: -webkit-calc(100% - 1px);
6229
- left: calc(100% - 1px);
6230
- width: 10px;
6231
- height: 0;
6232
- border-top: 6px solid transparent;
6233
- border-bottom: 6px solid transparent;
6234
- border-left: 6px solid;
6235
- -webkit-transform: translateY(-50%);
6236
- -ms-transform: translateY(-50%);
6237
- transform: translateY(-50%); }
6238
-
6239
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6240
- left: 27px; }
6241
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6242
- position: absolute;
6243
- top: 50%;
6244
- content: "";
6245
- right: -webkit-calc(100% - 1px);
6246
- right: calc(100% - 1px);
6247
- width: 10px;
6248
- height: 0;
6249
- border-top: 6px solid transparent;
6250
- border-bottom: 6px solid transparent;
6251
- border-right: 6px solid;
6252
- -webkit-transform: translateY(-50%);
6253
- -ms-transform: translateY(-50%);
6254
- transform: translateY(-50%); }
6255
-
6256
- /* * Lines */
6257
- @media (max-width: 768px) {
6258
- .premium-vscroll-dots.right {
6259
- right: 7px; }
6260
- .premium-vscroll-dots.left {
6261
- left: 7px; } }
6262
-
6263
- .premium-vscroll-nav-menu {
6264
- position: fixed;
6265
- top: 20px;
6266
- height: 40px;
6267
- z-index: 100;
6268
- padding: 0;
6269
- margin: 0; }
6270
- .premium-vscroll-nav-menu.left {
6271
- left: 0; }
6272
- .premium-vscroll-nav-menu.right {
6273
- right: 0; }
6274
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6275
- display: inline-block;
6276
- margin: 10px;
6277
- color: #000;
6278
- background: #fff;
6279
- background: rgba(255, 255, 255, 0.3); }
6280
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6281
- padding: 9px 18px;
6282
- display: block;
6283
- cursor: pointer;
6284
- color: #000; }
6285
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6286
- color: #000; }
6287
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6288
- outline: none; }
6289
-
6290
- .multiscroll-nav li a:focus {
6291
- outline: none; }
6292
-
6293
- .premium-vscroll-temp .slimScrollBar {
6294
- visibility: hidden; }
6295
-
6296
- /************ Premium Image Scroll ************/
6297
- /**********************************************/
6298
- .premium-image-scroll-section,
6299
- .premium-image-scroll-container {
6300
- -webkit-transition: all 0.3s ease-in-out;
6301
- transition: all 0.3s ease-in-out; }
6302
-
6303
- .premium-image-scroll-section {
6304
- position: relative;
6305
- overflow: hidden;
6306
- width: 100%;
6307
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
6308
-
6309
- .premium-image-scroll-container {
6310
- width: 100%; }
6311
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6312
- -webkit-mask-repeat: no-repeat;
6313
- mask-repeat: no-repeat;
6314
- -webkit-mask-position: center;
6315
- mask-position: center; }
6316
-
6317
- .premium-container-scroll {
6318
- overflow: auto; }
6319
-
6320
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6321
- position: relative;
6322
- width: 100%;
6323
- height: 100%; }
6324
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6325
- max-width: none;
6326
- height: 100%; }
6327
-
6328
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6329
- width: 100%;
6330
- max-width: 100%;
6331
- height: auto; }
6332
-
6333
- .premium-image-scroll-ver {
6334
- position: relative; }
6335
-
6336
- .premium-image-scroll-container .premium-image-scroll-overlay {
6337
- background: rgba(2, 2, 2, 0.3); }
6338
-
6339
- .premium-image-scroll-container .premium-image-scroll-link,
6340
- .premium-image-scroll-container .premium-image-scroll-overlay {
6341
- position: absolute;
6342
- top: 0;
6343
- bottom: 0;
6344
- left: 0;
6345
- right: 0;
6346
- z-index: 4; }
6347
-
6348
- .premium-image-scroll-content {
6349
- display: inline-block;
6350
- position: absolute;
6351
- height: auto;
6352
- top: 50%;
6353
- left: 50%;
6354
- text-align: center;
6355
- z-index: 5;
6356
- -webkit-transform: translate(-50%, -50%);
6357
- -ms-transform: translate(-50%, -50%);
6358
- transform: translate(-50%, -50%); }
6359
-
6360
- .premium-container-scroll-instant .premium-image-scroll-image {
6361
- -webkit-transition: all 0s ease-in-out !important;
6362
- transition: all 0s ease-in-out !important; }
6363
-
6364
- .premium-image-scroll-container img {
6365
- -webkit-transition: -webkit-transform 3s ease-in-out;
6366
- transition: -webkit-transform 3s ease-in-out;
6367
- transition: transform 3s ease-in-out;
6368
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6369
-
6370
- .premium-image-scroll-container .premium-image-scroll-overlay,
6371
- .premium-image-scroll-container .premium-image-scroll-content {
6372
- -webkit-transition: all 0.3s ease-in-out;
6373
- transition: all 0.3s ease-in-out;
6374
- opacity: 1; }
6375
-
6376
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6377
- opacity: 0; }
6378
-
6379
- .premium-image-scroll-container:hover .premium-image-scroll-content {
6380
- opacity: 0;
6381
- visibility: hidden; }
6382
-
6383
- .premium-image-scroll-content .premium-image-scroll-icon {
6384
- display: inline-block;
6385
- font-family: "pa-elements" !important;
6386
- speak: none;
6387
- font-style: normal;
6388
- font-weight: normal;
6389
- font-variant: normal;
6390
- text-transform: none;
6391
- line-height: 1;
6392
- -webkit-font-smoothing: antialiased;
6393
- -moz-osx-font-smoothing: grayscale;
6394
- -webkit-animation-duration: 0.5s;
6395
- animation-duration: 0.5s;
6396
- -webkit-animation-iteration-count: infinite;
6397
- animation-iteration-count: infinite;
6398
- -webkit-animation-direction: alternate;
6399
- animation-direction: alternate;
6400
- -webkit-animation-timing-function: ease-in-out;
6401
- animation-timing-function: ease-in-out; }
6402
-
6403
- .pa-horizontal-mouse-scroll:before {
6404
- content: "\e917"; }
6405
-
6406
- .pa-vertical-mouse-scroll:before {
6407
- content: "\e918"; }
6408
-
6409
- .pa-horizontal-mouse-scroll {
6410
- -webkit-animation-name: pa-scroll-horizontal;
6411
- animation-name: pa-scroll-horizontal; }
6412
-
6413
- .pa-vertical-mouse-scroll {
6414
- -webkit-animation-name: pa-scroll-vertical;
6415
- animation-name: pa-scroll-vertical; }
6416
-
6417
- @-webkit-keyframes pa-scroll-vertical {
6418
- 0% {
6419
- -webkit-transform: translateY(0px);
6420
- transform: translateY(0px); }
6421
- 100% {
6422
- -webkit-transform: translateY(5px);
6423
- transform: translateY(5px); } }
6424
-
6425
- @keyframes pa-scroll-vertical {
6426
- 0% {
6427
- -webkit-transform: translateY(0px);
6428
- transform: translateY(0px); }
6429
- 100% {
6430
- -webkit-transform: translateY(5px);
6431
- transform: translateY(5px); } }
6432
-
6433
- @-webkit-keyframes pa-scroll-horizontal {
6434
- 0% {
6435
- -webkit-transform: translateX(0px);
6436
- transform: translateX(0px); }
6437
- 100% {
6438
- -webkit-transform: translateX(5px);
6439
- transform: translateX(5px); } }
6440
-
6441
- @keyframes pa-scroll-horizontal {
6442
- 0% {
6443
- -webkit-transform: translateX(0px);
6444
- transform: translateX(0px); }
6445
- 100% {
6446
- -webkit-transform: translateX(5px);
6447
- transform: translateX(5px); } }
6448
-
6449
- /********* Premium Lottie Animations *********/
6450
- /*********************************************/
6451
- .premium-lottie-wrap .premium-lottie-animation {
6452
- position: relative;
6453
- -js-display: inline-flex;
6454
- display: -webkit-inline-box;
6455
- display: -webkit-inline-flex;
6456
- display: -moz-inline-box;
6457
- display: -ms-inline-flexbox;
6458
- display: inline-flex;
6459
- -webkit-transition: all 0.3s ease-in-out;
6460
- transition: all 0.3s ease-in-out; }
6461
- .premium-lottie-wrap .premium-lottie-animation a {
6462
- position: absolute;
6463
- left: 0;
6464
- top: 0;
6465
- width: 100%;
6466
- height: 100%; }
6467
-
6468
- /**************** Premium Bullet List ****************/
6469
- /*****************************************************/
6470
- .premium-icon-list-box {
6471
- -js-display: flex;
6472
- display: -webkit-box;
6473
- display: -webkit-flex;
6474
- display: -moz-box;
6475
- display: -ms-flexbox;
6476
- display: flex;
6477
- -webkit-flex-wrap: wrap;
6478
- -ms-flex-wrap: wrap;
6479
- flex-wrap: wrap;
6480
- -webkit-box-orient: vertical;
6481
- -webkit-box-direction: normal;
6482
- -webkit-flex-direction: column;
6483
- -moz-box-orient: vertical;
6484
- -moz-box-direction: normal;
6485
- -ms-flex-direction: column;
6486
- flex-direction: column; }
6487
- .premium-icon-list-box .premium-icon-list-content-grow-lc {
6488
- -webkit-transform-origin: left center;
6489
- -ms-transform-origin: left center;
6490
- transform-origin: left center; }
6491
- .premium-icon-list-box .premium-icon-list-content-grow-rc {
6492
- -webkit-transform-origin: right center;
6493
- -ms-transform-origin: right center;
6494
- transform-origin: right center; }
6495
- .premium-icon-list-box .premium-icon-list-content-grow-cc {
6496
- -webkit-transform-origin: center center;
6497
- -ms-transform-origin: center center;
6498
- transform-origin: center center; }
6499
-
6500
- .premium-icon-list-content {
6501
- -js-display: flex;
6502
- display: -webkit-box;
6503
- display: -webkit-flex;
6504
- display: -moz-box;
6505
- display: -ms-flexbox;
6506
- display: flex;
6507
- -webkit-transition: all 0.3s ease-in-out;
6508
- transition: all 0.3s ease-in-out;
6509
- width: auto;
6510
- position: relative; }
6511
- .premium-icon-list-content .premium-icon-list-text span,
6512
- .premium-icon-list-content .premium-icon-list-wrapper {
6513
- display: inline-block;
6514
- -webkit-align-self: center;
6515
- -ms-flex-item-align: center;
6516
- align-self: center;
6517
- -webkit-transition: all 0.3s ease-in-out;
6518
- transition: all 0.3s ease-in-out; }
6519
- .premium-icon-list-content .premium-icon-list-text span {
6520
- margin: 0 5px; }
6521
- .premium-icon-list-content .premium-icon-list-icon-text p {
6522
- font-size: 18px;
6523
- background-color: #eee;
6524
- padding: 1px 5px;
6525
- -webkit-border-radius: 2px;
6526
- border-radius: 2px; }
6527
- .premium-icon-list-content .premium-icon-list-text span,
6528
- .premium-icon-list-content .premium-icon-list-icon-text p,
6529
- .premium-icon-list-content .premium-icon-list-wrapper img,
6530
- .premium-icon-list-content .premium-icon-list-wrapper svg,
6531
- .premium-icon-list-content .premium-icon-list-wrapper i {
6532
- -webkit-transition: all 0.3s ease-in-out;
6533
- transition: all 0.3s ease-in-out; }
6534
- .premium-icon-list-content .premium-icon-list-wrapper {
6535
- position: relative;
6536
- line-height: 0; }
6537
- .premium-icon-list-content .premium-icon-list-wrapper img,
6538
- .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6539
- width: 30px !important;
6540
- height: 30px !important;
6541
- position: relative;
6542
- z-index: 500; }
6543
- .premium-icon-list-content .premium-icon-list-wrapper i,
6544
- .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6545
- position: relative;
6546
- z-index: 500; }
6547
- .premium-icon-list-content .premium-icon-list-link {
6548
- position: absolute;
6549
- top: 0;
6550
- left: 0;
6551
- width: 100%;
6552
- height: 100%;
6553
- z-index: 1000; }
6554
-
6555
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6556
- width: 100%;
6557
- height: 100%;
6558
- position: absolute;
6559
- top: 0.5em;
6560
- z-index: 100;
6561
- -js-display: flex;
6562
- display: -webkit-box;
6563
- display: -webkit-flex;
6564
- display: -moz-box;
6565
- display: -ms-flexbox;
6566
- display: flex;
6567
- -webkit-box-pack: center;
6568
- -webkit-justify-content: center;
6569
- -moz-box-pack: center;
6570
- -ms-flex-pack: center;
6571
- justify-content: center; }
6572
- .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6573
- content: "";
6574
- border-right-width: 1px;
6575
- border-right-style: solid;
6576
- border-color: #333333;
6577
- display: block;
6578
- height: 100%; }
6579
-
6580
- li.premium-icon-list-content.premium-icon-list-content-inline {
6581
- -webkit-align-self: center;
6582
- -ms-flex-item-align: center;
6583
- align-self: center;
6584
- z-index: 2; }
6585
-
6586
- li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
6587
- margin: 0 3px; }
6588
-
6589
- li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6590
- margin: 0 3px 0 0; }
6591
-
6592
- .premium-icon-list-divider:not(:last-child) {
6593
- width: 100%;
6594
- -webkit-box-flex: 0;
6595
- -webkit-flex: 0 0 100%;
6596
- -moz-box-flex: 0;
6597
- -ms-flex: 0 0 100%;
6598
- flex: 0 0 100%;
6599
- overflow: hidden; }
6600
-
6601
- .premium-icon-list-divider:not(:last-child):after {
6602
- content: "";
6603
- display: block;
6604
- border-top-style: solid;
6605
- border-top-width: 1px; }
6606
-
6607
- .premium-icon-list-divider-inline:not(:last-child) {
6608
- float: right;
6609
- display: inline-block;
6610
- position: relative;
6611
- height: 100%;
6612
- overflow: hidden;
6613
- -webkit-align-self: center;
6614
- -ms-flex-item-align: center;
6615
- align-self: center;
6616
- margin: 0 3px; }
6617
-
6618
- .premium-icon-list-divider-inline:not(:last-child):after {
6619
- content: "";
6620
- display: block;
6621
- border-left-width: 1px;
6622
- height: 33px;
6623
- border-left-style: solid; }
6624
-
6625
- .premium-icon-list-icon-text {
6626
- line-height: 1.5; }
6627
-
6628
- .premium-icon-list-icon-text p,
6629
- ul.premium-icon-list-box,
6630
- li.premium-icon-list-content {
6631
- margin: 0; }
6632
-
6633
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
6634
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
6635
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
6636
- color: transparent !important;
6637
- text-shadow: 0 0 3px #aaa; }
6638
-
6639
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
6640
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
6641
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6642
- .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6643
- -webkit-filter: blur(3px);
6644
- filter: blur(3px); }
6645
-
6646
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6647
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
6648
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
6649
- color: #aaa !important;
6650
- text-shadow: 0 0px 0 transparent; }
6651
-
6652
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
6653
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
6654
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6655
- .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6656
- -webkit-filter: none;
6657
- filter: none; }
6658
-
6659
- .premium-icon-list-content .premium-icon-list-badge {
6660
- font-size: 11px;
6661
- top: auto;
6662
- min-width: -webkit-max-content;
6663
- min-width: -moz-max-content;
6664
- min-width: max-content;
6665
- height: -webkit-fit-content;
6666
- height: -moz-fit-content;
6667
- height: fit-content; }
6668
-
6669
- .premium-icon-list-content .premium-icon-list-icon-text p {
6670
- font-size: 13px; }
6671
-
6672
- .premium-icon-list-gradient-effect[data-text] {
6673
- display: inline-block;
6674
- position: relative;
6675
- text-decoration: none; }
6676
-
6677
- .premium-icon-list-gradient-effect[data-text]::before {
6678
- content: attr(data-text);
6679
- position: absolute;
6680
- z-index: 1;
6681
- overflow: hidden;
6682
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6683
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6684
- -webkit-background-clip: text;
6685
- background-clip: text;
6686
- -webkit-text-fill-color: transparent;
6687
- -webkit-transition: all 0.4s ease;
6688
- transition: all 0.4s ease; }
6689
-
6690
- .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6691
- .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6692
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6693
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6694
-
6695
- ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6696
- ul[data-list-animation*="animated-"] .premium-icon-list-content,
6697
- ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
6698
- opacity: 0; }
6699
-
6700
- .premium-icon-list-content-grow-effect:hover {
6701
- -webkit-transform: scale(1.07);
6702
- -ms-transform: scale(1.07);
6703
- transform: scale(1.07); }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv");
4
+ src: url("../../editor/fonts/pa-elements.eot?p2y7wv#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?p2y7wv") format("truetype"), url("../../editor/fonts/pa-elements.woff?p2y7wv") format("woff"), url("../../editor/fonts/pa-elements.svg?p2y7wv#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
+
1497
+ .premium-tabs-nav-list a.carousel-arrow,
1498
+ .premium-fb-rev-container a.carousel-arrow,
1499
+ .premium-blog-wrap a.carousel-arrow,
1500
+ .premium-hscroll-wrap a.carousel-arrow,
1501
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1502
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1503
+ .premium-instafeed-container a.carousel-arrow,
1504
+ .premium-persons-container a.carousel-arrow {
1505
+ -js-display: flex;
1506
+ display: -webkit-box;
1507
+ display: -webkit-flex;
1508
+ display: -moz-box;
1509
+ display: -ms-flexbox;
1510
+ display: flex;
1511
+ -webkit-box-align: center;
1512
+ -webkit-align-items: center;
1513
+ -moz-box-align: center;
1514
+ -ms-flex-align: center;
1515
+ align-items: center;
1516
+ -webkit-box-pack: center;
1517
+ -webkit-justify-content: center;
1518
+ -moz-box-pack: center;
1519
+ -ms-flex-pack: center;
1520
+ justify-content: center;
1521
+ width: 2em;
1522
+ height: 2em;
1523
+ line-height: 0;
1524
+ text-align: center;
1525
+ position: absolute;
1526
+ z-index: 99;
1527
+ cursor: pointer;
1528
+ -webkit-transition: all 0.3s ease-in-out;
1529
+ transition: all 0.3s ease-in-out;
1530
+ -webkit-appearance: inherit;
1531
+ border: none;
1532
+ -webkit-box-shadow: none;
1533
+ box-shadow: none; }
1534
+
1535
+ div[class^="premium-"] .slick-arrow i {
1536
+ display: block; }
1537
+
1538
+ .ver-carousel-arrow.carousel-next i {
1539
+ margin-bottom: -3px; }
1540
+
1541
+ .premium-carousel-wrapper a.slick-arrow:hover {
1542
+ -webkit-box-shadow: none !important;
1543
+ box-shadow: none !important; }
1544
+
1545
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1546
+ visibility: hidden; }
1547
+
1548
+ .premium-carousel-wrapper a.carousel-arrow {
1549
+ top: 50%; }
1550
+
1551
+ .premium-tabs-nav-list a.carousel-arrow,
1552
+ .premium-fb-rev-container a.carousel-arrow,
1553
+ .premium-blog-wrap a.carousel-arrow,
1554
+ .premium-hscroll-wrap a.carousel-arrow,
1555
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1556
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1557
+ .premium-instafeed-container a.carousel-arrow,
1558
+ .premium-persons-container a.carousel-arrow {
1559
+ top: 50%;
1560
+ -webkit-transform: translateY(-50%);
1561
+ -ms-transform: translateY(-50%);
1562
+ transform: translateY(-50%); }
1563
+
1564
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1565
+ left: 50%;
1566
+ -webkit-transform: translateX(-50%);
1567
+ -ms-transform: translateX(-50%);
1568
+ transform: translateX(-50%); }
1569
+
1570
+ a.carousel-arrow.carousel-next {
1571
+ right: -20px; }
1572
+
1573
+ a.carousel-arrow.carousel-prev {
1574
+ left: -20px; }
1575
+
1576
+ a.ver-carousel-arrow.carousel-next {
1577
+ bottom: -56px; }
1578
+
1579
+ a.ver-carousel-arrow.carousel-prev {
1580
+ top: -45px; }
1581
+
1582
+ a.circle-bg {
1583
+ -webkit-border-radius: 100%;
1584
+ border-radius: 100%; }
1585
+
1586
+ a.circle-border {
1587
+ -webkit-border-radius: 100%;
1588
+ border-radius: 100%;
1589
+ border: solid black; }
1590
+
1591
+ a.square-border {
1592
+ border: solid black; }
1593
+
1594
+ .premium-carousel-dots-below ul.slick-dots,
1595
+ .premium-blog-wrap ul.slick-dots,
1596
+ .premium-fb-rev-reviews ul.slick-dots {
1597
+ position: relative;
1598
+ bottom: 0;
1599
+ list-style: none;
1600
+ text-align: center;
1601
+ margin: 0;
1602
+ padding: 0; }
1603
+
1604
+ .premium-carousel-dots-above ul.slick-dots {
1605
+ position: absolute;
1606
+ -js-display: flex;
1607
+ display: -webkit-box;
1608
+ display: -webkit-flex;
1609
+ display: -moz-box;
1610
+ display: -ms-flexbox;
1611
+ display: flex;
1612
+ width: auto;
1613
+ top: 50%;
1614
+ bottom: auto;
1615
+ -webkit-transform: translateY(-50%);
1616
+ -ms-transform: translateY(-50%);
1617
+ transform: translateY(-50%);
1618
+ -webkit-box-orient: vertical;
1619
+ -webkit-box-direction: normal;
1620
+ -webkit-flex-direction: column;
1621
+ -moz-box-orient: vertical;
1622
+ -moz-box-direction: normal;
1623
+ -ms-flex-direction: column;
1624
+ flex-direction: column; }
1625
+
1626
+ ul.slick-dots li {
1627
+ font-size: 10px;
1628
+ -js-display: inline-flex;
1629
+ display: -webkit-inline-box;
1630
+ display: -webkit-inline-flex;
1631
+ display: -moz-inline-box;
1632
+ display: -ms-inline-flexbox;
1633
+ display: inline-flex;
1634
+ -webkit-box-pack: center;
1635
+ -webkit-justify-content: center;
1636
+ -moz-box-pack: center;
1637
+ -ms-flex-pack: center;
1638
+ justify-content: center;
1639
+ -webkit-box-align: center;
1640
+ -webkit-align-items: center;
1641
+ -moz-box-align: center;
1642
+ -ms-flex-align: center;
1643
+ align-items: center;
1644
+ margin: 5px;
1645
+ width: 20px;
1646
+ height: 20px;
1647
+ cursor: pointer; }
1648
+
1649
+ /*
1650
+ * Custom Navigation Dot
1651
+ */
1652
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1653
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1654
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1655
+ display: none; }
1656
+
1657
+ .premium-carousel-wrapper ul.slick-dots svg {
1658
+ width: 20px;
1659
+ height: 20px; }
1660
+
1661
+ /* Ripple Out */
1662
+ @-webkit-keyframes hvr-ripple-out {
1663
+ 0% {
1664
+ -webkit-transform: scale(1);
1665
+ transform: scale(1);
1666
+ opacity: 1; }
1667
+ 100% {
1668
+ -webkit-transform: scale(1.5);
1669
+ transform: scale(1.5);
1670
+ opacity: 0; } }
1671
+ @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
+
1681
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1682
+ padding-bottom: 1px; }
1683
+
1684
+ .premium-carousel-ripple-yes ul.slick-dots li {
1685
+ position: relative; }
1686
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1687
+ position: relative;
1688
+ z-index: 1; }
1689
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1690
+ content: "";
1691
+ position: absolute;
1692
+ -webkit-transform: scale(1);
1693
+ -ms-transform: scale(1);
1694
+ transform: scale(1);
1695
+ top: 0;
1696
+ right: 0;
1697
+ bottom: 0;
1698
+ left: 0;
1699
+ -webkit-border-radius: 50%;
1700
+ border-radius: 50%;
1701
+ pointer-events: none;
1702
+ background-color: rgba(0, 0, 0, 0.15); }
1703
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1704
+ background-color: rgba(0, 0, 0, 0.3); }
1705
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1706
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1707
+ animation: hvr-ripple-out 1.3s infinite; }
1708
+
1709
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1710
+ -webkit-transform: scale(1.25, 1.25);
1711
+ -ms-transform: scale(1.25, 1.25);
1712
+ transform: scale(1.25, 1.25);
1713
+ -webkit-transition: all 0.3s ease-in-out !important;
1714
+ transition: all 0.3s ease-in-out !important; }
1715
+
1716
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1717
+ -webkit-transform: scale(1, 1);
1718
+ -ms-transform: scale(1, 1);
1719
+ transform: scale(1, 1); }
1720
+
1721
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1722
+ float: right; }
1723
+
1724
+ /**************** Premium Counter ***************/
1725
+ /************************************************/
1726
+ .premium-counter-area {
1727
+ padding: 10px 0;
1728
+ -js-display: flex;
1729
+ display: -webkit-box;
1730
+ display: -webkit-flex;
1731
+ display: -moz-box;
1732
+ display: -ms-flexbox;
1733
+ display: flex;
1734
+ -webkit-box-pack: center;
1735
+ -webkit-justify-content: center;
1736
+ -moz-box-pack: center;
1737
+ -ms-flex-pack: center;
1738
+ justify-content: center;
1739
+ -webkit-box-align: center;
1740
+ -webkit-align-items: center;
1741
+ -moz-box-align: center;
1742
+ -ms-flex-align: center;
1743
+ align-items: center; }
1744
+ .premium-counter-area.top {
1745
+ -webkit-box-orient: vertical;
1746
+ -webkit-box-direction: normal;
1747
+ -webkit-flex-direction: column;
1748
+ -moz-box-orient: vertical;
1749
+ -moz-box-direction: normal;
1750
+ -ms-flex-direction: column;
1751
+ flex-direction: column; }
1752
+ .premium-counter-area.right {
1753
+ -webkit-box-orient: horizontal;
1754
+ -webkit-box-direction: reverse;
1755
+ -webkit-flex-direction: row-reverse;
1756
+ -moz-box-orient: horizontal;
1757
+ -moz-box-direction: reverse;
1758
+ -ms-flex-direction: row-reverse;
1759
+ flex-direction: row-reverse; }
1760
+ .premium-counter-area.right .premium-counter-icon {
1761
+ padding-left: 20px; }
1762
+ .premium-counter-area.left .premium-counter-icon {
1763
+ padding-right: 20px; }
1764
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1765
+ vertical-align: text-top; }
1766
+ .premium-counter-area .premium-counter-icon span.icon {
1767
+ text-align: center;
1768
+ display: inline-block;
1769
+ vertical-align: middle; }
1770
+ .premium-counter-area .premium-counter-icon .circle {
1771
+ -webkit-border-radius: 100%;
1772
+ border-radius: 100%; }
1773
+ .premium-counter-area .premium-counter-icon img,
1774
+ .premium-counter-area .premium-counter-icon svg {
1775
+ width: 80px; }
1776
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1777
+ height: 80px; }
1778
+ .premium-counter-area .premium-counter-title {
1779
+ padding: 0;
1780
+ margin: 0; }
1781
+ .premium-counter-area .premium-counter-value-wrap {
1782
+ -js-display: flex;
1783
+ display: -webkit-box;
1784
+ display: -webkit-flex;
1785
+ display: -moz-box;
1786
+ display: -ms-flexbox;
1787
+ display: flex;
1788
+ -webkit-box-align: center;
1789
+ -webkit-align-items: center;
1790
+ -moz-box-align: center;
1791
+ -ms-flex-align: center;
1792
+ align-items: center; }
1793
+
1794
+ .premium-init-wrapper.right {
1795
+ text-align: right; }
1796
+
1797
+ span.icon.flex-width {
1798
+ width: auto !important;
1799
+ height: auto !important; }
1800
+
1801
+ .premium-counter-area .premium-counter-init {
1802
+ font-size: 35px; }
1803
+
1804
+ /**************** Premium Image Separator ****************/
1805
+ /*********************************************************/
1806
+ .premium-image-separator-container {
1807
+ position: absolute;
1808
+ width: 100%;
1809
+ z-index: 2;
1810
+ top: auto;
1811
+ -webkit-transition: all 0.3s ease-in-out;
1812
+ transition: all 0.3s ease-in-out; }
1813
+ .premium-image-separator-container svg,
1814
+ .premium-image-separator-container img {
1815
+ display: inline-block !important;
1816
+ -webkit-mask-repeat: no-repeat;
1817
+ mask-repeat: no-repeat;
1818
+ -webkit-mask-position: center;
1819
+ mask-position: center; }
1820
+ .premium-image-separator-container .premium-image-separator-link {
1821
+ position: absolute;
1822
+ z-index: 9999;
1823
+ top: 0;
1824
+ left: 0;
1825
+ width: 100%;
1826
+ height: 100%;
1827
+ text-decoration: none; }
1828
+ .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 {
1829
+ -webkit-box-shadow: none !important;
1830
+ box-shadow: none !important;
1831
+ outline: none !important;
1832
+ border: none !important;
1833
+ text-decoration: none !important; }
1834
+ .premium-image-separator-container i {
1835
+ padding: 0.1em;
1836
+ -webkit-transition: all 0.3s ease-in-out;
1837
+ transition: all 0.3s ease-in-out; }
1838
+
1839
+ /**************** Premium Modal Box ****************/
1840
+ /***************************************************/
1841
+ .premium-modal-trigger-btn,
1842
+ .premium-modal-box-modal-lower-close {
1843
+ display: inline-block;
1844
+ padding: 6px 12px;
1845
+ margin-bottom: 0;
1846
+ font-size: 14px;
1847
+ font-weight: normal;
1848
+ line-height: 1.42857143;
1849
+ text-align: center;
1850
+ white-space: nowrap;
1851
+ vertical-align: middle;
1852
+ -ms-touch-action: manipulation;
1853
+ touch-action: manipulation;
1854
+ cursor: pointer;
1855
+ -webkit-user-select: none;
1856
+ -moz-user-select: none;
1857
+ -ms-user-select: none;
1858
+ user-select: none;
1859
+ background-image: none;
1860
+ border: 1px solid transparent; }
1861
+
1862
+ .premium-modal-trigger-btn i {
1863
+ -webkit-transition: all 0.3s ease-in-out;
1864
+ transition: all 0.3s ease-in-out; }
1865
+
1866
+ .premium-btn-md {
1867
+ padding: 8px 14px;
1868
+ font-size: 16px;
1869
+ line-height: 1.2; }
1870
+
1871
+ .premium-btn-lg {
1872
+ padding: 10px 16px;
1873
+ font-size: 18px;
1874
+ line-height: 1.3333333; }
1875
+
1876
+ .premium-btn-block {
1877
+ display: block;
1878
+ width: 100%; }
1879
+
1880
+ .premium-modal-box-modal-close {
1881
+ float: right;
1882
+ font-size: 21px;
1883
+ font-weight: bold;
1884
+ line-height: 1;
1885
+ color: #000; }
1886
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1887
+ color: #000;
1888
+ text-decoration: none;
1889
+ cursor: pointer; }
1890
+
1891
+ button.premium-modal-box-modal-close {
1892
+ -webkit-appearance: none;
1893
+ padding: 0;
1894
+ cursor: pointer;
1895
+ background: transparent;
1896
+ border: 0; }
1897
+
1898
+ .premium-modal-box-modal {
1899
+ position: fixed;
1900
+ top: 0;
1901
+ right: 0;
1902
+ bottom: 0;
1903
+ left: 0;
1904
+ z-index: 1050;
1905
+ display: none;
1906
+ -webkit-overflow-scrolling: touch;
1907
+ outline: 0;
1908
+ padding: 0 !important;
1909
+ background: rgba(0, 0, 0, 0.5);
1910
+ -webkit-box-align: center;
1911
+ -webkit-align-items: center;
1912
+ -moz-box-align: center;
1913
+ -ms-flex-align: center;
1914
+ align-items: center;
1915
+ -webkit-box-pack: center;
1916
+ -webkit-justify-content: center;
1917
+ -moz-box-pack: center;
1918
+ -ms-flex-pack: center;
1919
+ justify-content: center; }
1920
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1921
+ position: absolute;
1922
+ max-height: -webkit-calc(100vh - 150px);
1923
+ max-height: calc(100vh - 150px);
1924
+ -js-display: flex;
1925
+ display: -webkit-box;
1926
+ display: -webkit-flex;
1927
+ display: -moz-box;
1928
+ display: -ms-flexbox;
1929
+ display: flex;
1930
+ -webkit-box-orient: vertical;
1931
+ -webkit-box-direction: normal;
1932
+ -webkit-flex-direction: column;
1933
+ -moz-box-orient: vertical;
1934
+ -moz-box-direction: normal;
1935
+ -ms-flex-direction: column;
1936
+ flex-direction: column;
1937
+ opacity: 0; }
1938
+
1939
+ .premium-modal-box-modal-content {
1940
+ background-color: #fff;
1941
+ background-clip: padding-box;
1942
+ border: 1px solid rgba(0, 0, 0, 0.2);
1943
+ -webkit-border-radius: 6px;
1944
+ border-radius: 6px;
1945
+ outline: 0; }
1946
+
1947
+ .premium-modal-backdrop.premium-in {
1948
+ filter: alpha(opacity=50);
1949
+ opacity: 0.5 !important; }
1950
+
1951
+ .premium-in {
1952
+ opacity: 1; }
1953
+
1954
+ .premium-modal-backdrop {
1955
+ position: fixed;
1956
+ top: 0;
1957
+ right: 0;
1958
+ bottom: 0;
1959
+ left: 0;
1960
+ z-index: 1040;
1961
+ background-color: #000; }
1962
+
1963
+ .premium-in {
1964
+ -js-display: flex !important;
1965
+ display: -webkit-box !important;
1966
+ display: -webkit-flex !important;
1967
+ display: -moz-box !important;
1968
+ display: -ms-flexbox !important;
1969
+ display: flex !important; }
1970
+
1971
+ .premium-modal-box-modal-header {
1972
+ -js-display: flex;
1973
+ display: -webkit-box;
1974
+ display: -webkit-flex;
1975
+ display: -moz-box;
1976
+ display: -ms-flexbox;
1977
+ display: flex;
1978
+ -webkit-box-pack: justify;
1979
+ -webkit-justify-content: space-between;
1980
+ -moz-box-pack: justify;
1981
+ -ms-flex-pack: justify;
1982
+ justify-content: space-between;
1983
+ -webkit-box-align: center;
1984
+ -webkit-align-items: center;
1985
+ -moz-box-align: center;
1986
+ -ms-flex-align: center;
1987
+ align-items: center;
1988
+ padding: 5px 15px;
1989
+ border-bottom: 1px solid #e5e5e5; }
1990
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
1991
+ margin-top: -2px; }
1992
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
1993
+ -js-display: flex;
1994
+ display: -webkit-box;
1995
+ display: -webkit-flex;
1996
+ display: -moz-box;
1997
+ display: -ms-flexbox;
1998
+ display: flex;
1999
+ -webkit-box-align: center;
2000
+ -webkit-align-items: center;
2001
+ -moz-box-align: center;
2002
+ -ms-flex-align: center;
2003
+ align-items: center;
2004
+ margin: 0;
2005
+ padding: 0; }
2006
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2007
+ width: 50px;
2008
+ height: 60px; }
2009
+
2010
+ .premium-modal-box-modal-body {
2011
+ position: relative;
2012
+ padding: 15px;
2013
+ overflow: hidden; }
2014
+
2015
+ .premium-modal-box-modal-footer {
2016
+ padding: 15px;
2017
+ text-align: right;
2018
+ border-top: 1px solid #e5e5e5; }
2019
+
2020
+ .premium-modal-scrollbar-measure {
2021
+ position: absolute;
2022
+ top: -9999px;
2023
+ width: 50px;
2024
+ height: 50px;
2025
+ overflow: scroll; }
2026
+
2027
+ .premium-modal-trigger-text {
2028
+ background: none !important;
2029
+ display: inline-block; }
2030
+
2031
+ .premium-modal-box-container {
2032
+ width: 100% !important; }
2033
+
2034
+ /*Open Modal Button Style*/
2035
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2036
+ border: none;
2037
+ -webkit-transition: all 0.3s ease-in-out;
2038
+ transition: all 0.3s ease-in-out; }
2039
+
2040
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2041
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2042
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2043
+ cursor: pointer; }
2044
+
2045
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2046
+ display: inline-block;
2047
+ width: 200px;
2048
+ height: 200px;
2049
+ -webkit-transition: all 0.3s ease-in-out;
2050
+ transition: all 0.3s ease-in-out; }
2051
+
2052
+ /*Image on Modal Header Style*/
2053
+ .premium-modal-box-modal-header img {
2054
+ width: 48px;
2055
+ padding-right: 5px; }
2056
+
2057
+ .premium-modal-box-modal-header i,
2058
+ .premium-modal-box-modal-header svg {
2059
+ padding-right: 6px; }
2060
+
2061
+ .premium-modal-box-modal-close {
2062
+ position: relative;
2063
+ z-index: 99; }
2064
+
2065
+ .premium-modal-trigger-img,
2066
+ .premium-modal-trigger-text,
2067
+ .premium-modal-box-close-button-container,
2068
+ .premium-modal-box-modal-close,
2069
+ .premium-modal-box-modal-lower-close {
2070
+ -webkit-transition: all 0.3s ease-in-out;
2071
+ transition: all 0.3s ease-in-out; }
2072
+
2073
+ @media (min-width: 768px) {
2074
+ .premium-modal-box-modal-dialog {
2075
+ width: 700px;
2076
+ max-height: 600px;
2077
+ overflow: auto; } }
2078
+
2079
+ @media (max-width: 767px) {
2080
+ .premium-modal-box-modal-dialog {
2081
+ width: 100%;
2082
+ max-height: 500px;
2083
+ overflow: auto; } }
2084
+
2085
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2086
+ opacity: 0; }
2087
+
2088
+ /**************** Premium Progress Bar ****************/
2089
+ /******************************************************/
2090
+ .premium-progressbar-container {
2091
+ position: relative; }
2092
+
2093
+ .premium-progressbar-bar-wrap {
2094
+ position: relative;
2095
+ text-align: left;
2096
+ overflow: hidden;
2097
+ height: 25px;
2098
+ margin-bottom: 50px;
2099
+ background-color: #f5f5f5;
2100
+ -webkit-border-radius: 4px;
2101
+ border-radius: 4px;
2102
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2103
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2104
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2105
+ background-color: transparent;
2106
+ width: 100%;
2107
+ -js-display: flex;
2108
+ display: -webkit-box;
2109
+ display: -webkit-flex;
2110
+ display: -moz-box;
2111
+ display: -ms-flexbox;
2112
+ display: flex;
2113
+ height: auto;
2114
+ -webkit-box-shadow: none;
2115
+ box-shadow: none; }
2116
+ .premium-progressbar-bar-wrap .progress-segment {
2117
+ position: relative;
2118
+ width: 25px;
2119
+ height: 25px;
2120
+ -webkit-border-radius: 50%;
2121
+ border-radius: 50%;
2122
+ overflow: hidden;
2123
+ background-color: #f5f5f5; }
2124
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2125
+ background: #6ec1e4; }
2126
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2127
+ margin: 0 4px; }
2128
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2129
+ margin-right: 4px; }
2130
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2131
+ margin-left: 4px; }
2132
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2133
+ position: absolute;
2134
+ top: 0;
2135
+ left: 0;
2136
+ height: 100%;
2137
+ background-color: #6ec1e4; }
2138
+
2139
+ .premium-progressbar-bar {
2140
+ float: left;
2141
+ width: 0%;
2142
+ height: 100%;
2143
+ font-size: 12px;
2144
+ line-height: 20px;
2145
+ background: #6ec1e4;
2146
+ text-align: center;
2147
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2148
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2149
+
2150
+ .premium-progressbar-striped .premium-progressbar-bar {
2151
+ 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);
2152
+ 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);
2153
+ -webkit-background-size: 40px 40px;
2154
+ background-size: 40px 40px; }
2155
+
2156
+ .premium-progressbar-active .premium-progressbar-bar {
2157
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2158
+ animation: progress-bar-stripes 2s linear infinite; }
2159
+
2160
+ .premium-progressbar-gradient .premium-progressbar-bar {
2161
+ -webkit-background-size: 400% 400% !important;
2162
+ background-size: 400% 400% !important;
2163
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2164
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
2165
+
2166
+ .premium-progressbar-bar {
2167
+ position: absolute;
2168
+ overflow: hidden;
2169
+ line-height: 20px; }
2170
+
2171
+ .premium-progressbar-container .clearfix {
2172
+ clear: both; }
2173
+
2174
+ .premium-progressbar-bar {
2175
+ -webkit-transition: width 0s ease-in-out !important;
2176
+ transition: width 0s ease-in-out !important; }
2177
+
2178
+ .premium-progressbar-container p:first-of-type {
2179
+ margin: 0;
2180
+ float: left; }
2181
+
2182
+ .premium-progressbar-container p:nth-of-type(2) {
2183
+ margin: 0;
2184
+ float: right; }
2185
+
2186
+ .premium-progressbar-name {
2187
+ left: 50%;
2188
+ top: 0;
2189
+ right: 0;
2190
+ -webkit-transform: translateX(-12.5px);
2191
+ -ms-transform: translateX(-12.5px);
2192
+ transform: translateX(-12.5px);
2193
+ z-index: 1; }
2194
+
2195
+ .premium-progressbar-multiple-label {
2196
+ position: relative;
2197
+ float: left;
2198
+ width: 0;
2199
+ left: 50%; }
2200
+
2201
+ .premium-progressbar-center-label {
2202
+ position: relative;
2203
+ white-space: nowrap; }
2204
+
2205
+ .premium-progressbar-arrow {
2206
+ height: 15px;
2207
+ left: 50%;
2208
+ display: inline-block;
2209
+ border-left: 7px solid transparent;
2210
+ border-right: 7px solid transparent;
2211
+ border-top: 11px solid;
2212
+ -webkit-transform: translateX(-50%);
2213
+ -ms-transform: translateX(-50%);
2214
+ transform: translateX(-50%); }
2215
+
2216
+ .premium-progressbar-pin {
2217
+ border-left: 1px solid;
2218
+ height: 12px;
2219
+ left: 50%;
2220
+ display: inline-block; }
2221
+
2222
+ /**
2223
+ * Circle Progress Bar
2224
+ */
2225
+ .premium-progressbar-circle-wrap {
2226
+ width: 200px;
2227
+ height: 200px;
2228
+ position: relative;
2229
+ margin: 0 auto; }
2230
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2231
+ position: absolute;
2232
+ top: 0;
2233
+ left: 0;
2234
+ width: 100%;
2235
+ height: 100%;
2236
+ -webkit-clip-path: inset(0 0 0 50%);
2237
+ clip-path: inset(0 0 0 50%); }
2238
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2239
+ position: absolute;
2240
+ left: 0;
2241
+ top: 0;
2242
+ height: 100%;
2243
+ width: 100%;
2244
+ border-width: 6px;
2245
+ border-style: solid;
2246
+ border-color: #54595f;
2247
+ -webkit-border-radius: 50%;
2248
+ border-radius: 50%;
2249
+ -webkit-clip-path: inset(0 50% 0 0);
2250
+ clip-path: inset(0 50% 0 0); }
2251
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2252
+ -webkit-transform: rotate(0);
2253
+ -ms-transform: rotate(0);
2254
+ transform: rotate(0); }
2255
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2256
+ -webkit-transform: rotate(180deg);
2257
+ -ms-transform: rotate(180deg);
2258
+ transform: rotate(180deg);
2259
+ visibility: hidden; }
2260
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2261
+ width: 100%;
2262
+ height: 100%;
2263
+ border: 6px solid #eee;
2264
+ -webkit-border-radius: 50%;
2265
+ border-radius: 50%; }
2266
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2267
+ position: absolute;
2268
+ top: 0;
2269
+ left: 0;
2270
+ width: 100%;
2271
+ height: 100%;
2272
+ -js-display: flex;
2273
+ display: -webkit-box;
2274
+ display: -webkit-flex;
2275
+ display: -moz-box;
2276
+ display: -ms-flexbox;
2277
+ display: flex;
2278
+ -webkit-box-orient: vertical;
2279
+ -webkit-box-direction: normal;
2280
+ -webkit-flex-direction: column;
2281
+ -moz-box-orient: vertical;
2282
+ -moz-box-direction: normal;
2283
+ -ms-flex-direction: column;
2284
+ flex-direction: column;
2285
+ -webkit-box-pack: center;
2286
+ -webkit-justify-content: center;
2287
+ -moz-box-pack: center;
2288
+ -ms-flex-pack: center;
2289
+ justify-content: center;
2290
+ -webkit-box-align: center;
2291
+ -webkit-align-items: center;
2292
+ -moz-box-align: center;
2293
+ -ms-flex-align: center;
2294
+ align-items: center; }
2295
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2296
+ line-height: 1; }
2297
+
2298
+ @-webkit-keyframes progress-bar-stripes {
2299
+ from {
2300
+ background-position: 0 0; }
2301
+ to {
2302
+ background-position: 40px 0; } }
2303
+
2304
+ @keyframes progress-bar-stripes {
2305
+ from {
2306
+ background-position: 0 0; }
2307
+ to {
2308
+ background-position: 40px 0; } }
2309
+
2310
+ @-webkit-keyframes progress-bar-gradient {
2311
+ 0% {
2312
+ background-position: 0% 50%; }
2313
+ 50% {
2314
+ background-position: 100% 50%; }
2315
+ 100% {
2316
+ background-position: 0% 50%; } }
2317
+
2318
+ @keyframes progress-bar-gradient {
2319
+ 0% {
2320
+ background-position: 0% 50%; }
2321
+ 50% {
2322
+ background-position: 100% 50%; }
2323
+ 100% {
2324
+ background-position: 0% 50%; } }
2325
+
2326
+ /**************** Premium Testimonials ****************/
2327
+ /******************************************************/
2328
+ .premium-testimonial-box {
2329
+ width: 100%;
2330
+ background: transparent;
2331
+ -webkit-transition: all 0.3s ease-in-out;
2332
+ transition: all 0.3s ease-in-out; }
2333
+ .premium-testimonial-box .premium-testimonial-author-info {
2334
+ -js-display: flex;
2335
+ display: -webkit-box;
2336
+ display: -webkit-flex;
2337
+ display: -moz-box;
2338
+ display: -ms-flexbox;
2339
+ display: flex;
2340
+ -webkit-box-pack: center;
2341
+ -webkit-justify-content: center;
2342
+ -moz-box-pack: center;
2343
+ -ms-flex-pack: center;
2344
+ justify-content: center;
2345
+ -webkit-box-align: center;
2346
+ -webkit-align-items: center;
2347
+ -moz-box-align: center;
2348
+ -ms-flex-align: center;
2349
+ align-items: center; }
2350
+ .premium-testimonial-box .premium-testimonial-person-name,
2351
+ .premium-testimonial-box .premium-testimonial-company-name {
2352
+ font-weight: 600;
2353
+ margin: 0; }
2354
+
2355
+ .premium-testimonial-container {
2356
+ position: relative; }
2357
+
2358
+ .premium-testimonial-img-wrapper {
2359
+ margin-left: auto;
2360
+ margin-right: auto;
2361
+ overflow: hidden;
2362
+ border-style: solid !important; }
2363
+ .premium-testimonial-img-wrapper.circle {
2364
+ -webkit-border-radius: 50%;
2365
+ border-radius: 50%; }
2366
+ .premium-testimonial-img-wrapper.rounded {
2367
+ -webkit-border-radius: 15px;
2368
+ border-radius: 15px; }
2369
+ .premium-testimonial-img-wrapper img {
2370
+ -o-object-fit: cover;
2371
+ object-fit: cover;
2372
+ width: 100%;
2373
+ height: 100% !important; }
2374
+
2375
+ .premium-testimonial-content-wrapper {
2376
+ position: relative;
2377
+ -js-display: flex;
2378
+ display: -webkit-box;
2379
+ display: -webkit-flex;
2380
+ display: -moz-box;
2381
+ display: -ms-flexbox;
2382
+ display: flex;
2383
+ -webkit-box-orient: vertical;
2384
+ -webkit-box-direction: normal;
2385
+ -webkit-flex-direction: column;
2386
+ -moz-box-orient: vertical;
2387
+ -moz-box-direction: normal;
2388
+ -ms-flex-direction: column;
2389
+ flex-direction: column;
2390
+ z-index: 2;
2391
+ width: 100%;
2392
+ padding: 20px;
2393
+ text-align: center; }
2394
+
2395
+ .premium-testimonial-clear-float {
2396
+ clear: both; }
2397
+
2398
+ .premium-testimonial-upper-quote,
2399
+ .premium-testimonial-lower-quote {
2400
+ position: absolute;
2401
+ z-index: 1; }
2402
+
2403
+ /**************** Premium Dual Heading *****************/
2404
+ /*******************************************************/
2405
+ .premium-dual-header-container .premium-dual-header-first-header,
2406
+ .premium-dual-header-container .premium-dual-header-second-header {
2407
+ position: relative;
2408
+ padding: 0;
2409
+ margin: 0;
2410
+ display: inline-block;
2411
+ -webkit-transform: translate(0, 0);
2412
+ -ms-transform: translate(0, 0);
2413
+ transform: translate(0, 0); }
2414
+
2415
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2416
+ .premium-dual-header-second-clip {
2417
+ -webkit-text-fill-color: transparent;
2418
+ -webkit-background-clip: text;
2419
+ background-clip: text; }
2420
+
2421
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2422
+ .premium-dual-header-second-clip.stroke {
2423
+ -webkit-text-stroke-color: transparent;
2424
+ -webkit-text-fill-color: #fafafa;
2425
+ -webkit-text-stroke-width: 2px; }
2426
+
2427
+ @media (max-width: 500px) {
2428
+ .premium-dual-header-container .premium-dual-header-first-header,
2429
+ .premium-dual-header-container .premium-dual-header-second-header {
2430
+ display: block;
2431
+ word-wrap: break-word; }
2432
+ .premium-dual-header-first-container,
2433
+ .premium-dual-header-second-container {
2434
+ margin: 0; } }
2435
+
2436
+ @media (min-width: 501px) {
2437
+ .premium-dual-header-first-container {
2438
+ margin-right: 5px; } }
2439
+
2440
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2441
+ .premium-dual-header-second-header.gradient {
2442
+ -webkit-background-size: 300% 300% !important;
2443
+ background-size: 300% 300% !important;
2444
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2445
+ animation: Gradient 10s ease-in-out infinite; }
2446
+
2447
+ @-webkit-keyframes Gradient {
2448
+ 0% {
2449
+ background-position: 0% 50%; }
2450
+ 50% {
2451
+ background-position: 100% 50%; }
2452
+ 100% {
2453
+ background-position: 0% 50%; } }
2454
+
2455
+ @keyframes Gradient {
2456
+ 0% {
2457
+ background-position: 0% 50%; }
2458
+ 50% {
2459
+ background-position: 100% 50%; }
2460
+ 100% {
2461
+ background-position: 0% 50%; } }
2462
+
2463
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2464
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2465
+ display: inline-block !important; }
2466
+
2467
+ /**************** Premium Title ****************/
2468
+ /***********************************************/
2469
+ .premium-title-container {
2470
+ position: relative;
2471
+ width: 100%;
2472
+ clear: both; }
2473
+ .premium-title-container .premium-title-header {
2474
+ position: relative;
2475
+ margin: 0;
2476
+ padding: 10px; }
2477
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2478
+ -webkit-box-align: center;
2479
+ -webkit-align-items: center;
2480
+ -moz-box-align: center;
2481
+ -ms-flex-align: center;
2482
+ align-items: center; }
2483
+ .premium-title-container .premium-title-header svg {
2484
+ width: 40px;
2485
+ height: 40px; }
2486
+ .premium-title-container .premium-title-header img {
2487
+ width: 40px;
2488
+ height: 40px;
2489
+ -o-object-fit: cover;
2490
+ object-fit: cover; }
2491
+ .premium-title-container .premium-title-header a {
2492
+ position: absolute;
2493
+ top: 0;
2494
+ left: 0;
2495
+ width: 100%;
2496
+ height: 100%; }
2497
+ .premium-title-container .premium-lottie-animation {
2498
+ -js-display: flex;
2499
+ display: -webkit-box;
2500
+ display: -webkit-flex;
2501
+ display: -moz-box;
2502
+ display: -ms-flexbox;
2503
+ display: flex; }
2504
+
2505
+ .premium-title-icon-row .premium-title-icon {
2506
+ margin-right: 10px; }
2507
+
2508
+ .premium-title-icon-row-reverse .premium-title-icon {
2509
+ margin-left: 10px; }
2510
+
2511
+ .premium-title-style3,
2512
+ .premium-title-style4 {
2513
+ -js-display: flex;
2514
+ display: -webkit-box;
2515
+ display: -webkit-flex;
2516
+ display: -moz-box;
2517
+ display: -ms-flexbox;
2518
+ display: flex; }
2519
+
2520
+ .premium-title-style1,
2521
+ .premium-title-style2,
2522
+ .premium-title-style5,
2523
+ .premium-title-style6,
2524
+ .premium-title-style8,
2525
+ .premium-title-style9 {
2526
+ -js-display: inline-flex;
2527
+ display: -webkit-inline-box;
2528
+ display: -webkit-inline-flex;
2529
+ display: -moz-inline-box;
2530
+ display: -ms-inline-flexbox;
2531
+ display: inline-flex; }
2532
+
2533
+ .premium-title-style7 {
2534
+ -js-display: inline-flex;
2535
+ display: -webkit-inline-box;
2536
+ display: -webkit-inline-flex;
2537
+ display: -moz-inline-box;
2538
+ display: -ms-inline-flexbox;
2539
+ display: inline-flex;
2540
+ -webkit-box-orient: vertical;
2541
+ -webkit-box-direction: normal;
2542
+ -webkit-flex-direction: column;
2543
+ -moz-box-orient: vertical;
2544
+ -moz-box-direction: normal;
2545
+ -ms-flex-direction: column;
2546
+ flex-direction: column; }
2547
+ .premium-title-style7 .premium-title-style7-inner {
2548
+ -js-display: flex;
2549
+ display: -webkit-box;
2550
+ display: -webkit-flex;
2551
+ display: -moz-box;
2552
+ display: -ms-flexbox;
2553
+ display: flex;
2554
+ -webkit-box-align: center;
2555
+ -webkit-align-items: center;
2556
+ -moz-box-align: center;
2557
+ -ms-flex-align: center;
2558
+ align-items: center; }
2559
+
2560
+ .premium-title-style1 {
2561
+ border-left: 3px solid #6ec1e4; }
2562
+
2563
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2564
+ border-bottom: 3px solid #6ec1e4; }
2565
+
2566
+ /*Style 6 Header*/
2567
+ .premium-title-style6:before {
2568
+ position: absolute;
2569
+ left: 50%;
2570
+ bottom: 0;
2571
+ margin-left: -2px;
2572
+ content: "";
2573
+ border: 3px solid transparent; }
2574
+
2575
+ /*Style 6 Trinagle*/
2576
+ .premium-title-style7-stripe-wrap {
2577
+ -js-display: flex;
2578
+ display: -webkit-box;
2579
+ display: -webkit-flex;
2580
+ display: -moz-box;
2581
+ display: -ms-flexbox;
2582
+ display: flex; }
2583
+
2584
+ .premium-title-style7:before {
2585
+ display: none; }
2586
+
2587
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2588
+ -webkit-background-size: 125px 125px !important;
2589
+ background-size: 125px !important;
2590
+ color: rgba(255, 255, 255, 0);
2591
+ -webkit-background-clip: text !important;
2592
+ background-clip: text !important;
2593
+ -webkit-animation-name: pa-shinny-text !important;
2594
+ animation-name: pa-shinny-text !important;
2595
+ -webkit-animation-duration: var(--animation-speed) !important;
2596
+ animation-duration: var(--animation-speed) !important;
2597
+ -webkit-animation-iteration-count: infinite !important;
2598
+ animation-iteration-count: infinite !important;
2599
+ 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; }
2600
+
2601
+ @-webkit-keyframes pa-shinny-text {
2602
+ 0% {
2603
+ background-position: 0%; }
2604
+ 100% {
2605
+ background-position: 200%; } }
2606
+
2607
+ @keyframes pa-shinny-text {
2608
+ 0% {
2609
+ background-position: 0%; }
2610
+ 100% {
2611
+ background-position: 200%; } }
2612
+
2613
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2614
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
2615
+ animation: pa-blur-shadow 2s 1 alternate; }
2616
+
2617
+ @-webkit-keyframes pa-blur-shadow {
2618
+ from {
2619
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2620
+ color: transparent; }
2621
+ to {
2622
+ text-shadow: 0; } }
2623
+
2624
+ @keyframes pa-blur-shadow {
2625
+ from {
2626
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2627
+ color: transparent; }
2628
+ to {
2629
+ text-shadow: 0; } }
2630
+
2631
+ .premium-title-gradient-yes .premium-title-text,
2632
+ .premium-title-gradient-yes .premium-title-icon {
2633
+ -webkit-background-clip: text;
2634
+ -webkit-text-fill-color: transparent;
2635
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2636
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2637
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2638
+ -webkit-animation: pa-text-gradient 8s infinite;
2639
+ animation: pa-text-gradient 8s infinite; }
2640
+
2641
+ @-webkit-keyframes pa-text-gradient {
2642
+ 0%,
2643
+ 100% {
2644
+ -webkit-filter: hue-rotate(0deg);
2645
+ filter: hue-rotate(0deg); }
2646
+ 50% {
2647
+ -webkit-filter: hue-rotate(360deg);
2648
+ filter: hue-rotate(360deg); } }
2649
+
2650
+ @keyframes pa-text-gradient {
2651
+ 0%,
2652
+ 100% {
2653
+ -webkit-filter: hue-rotate(0deg);
2654
+ filter: hue-rotate(0deg); }
2655
+ 50% {
2656
+ -webkit-filter: hue-rotate(360deg);
2657
+ filter: hue-rotate(360deg); } }
2658
+
2659
+ /*
2660
+ * Common Title/Dual Heading
2661
+ */
2662
+ .premium-title-bg-text:before {
2663
+ position: absolute;
2664
+ content: attr(data-background);
2665
+ top: 0;
2666
+ left: 0;
2667
+ text-align: left; }
2668
+
2669
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2670
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2671
+ background: inherit; }
2672
+
2673
+ .premium-mask-yes .premium-mask-span {
2674
+ position: relative;
2675
+ overflow: hidden;
2676
+ -js-display: inline-flex !important;
2677
+ display: -webkit-inline-box !important;
2678
+ display: -webkit-inline-flex !important;
2679
+ display: -moz-inline-box !important;
2680
+ display: -ms-inline-flexbox !important;
2681
+ display: inline-flex !important; }
2682
+ .premium-mask-yes .premium-mask-span::after {
2683
+ content: "";
2684
+ position: absolute;
2685
+ top: 0;
2686
+ right: 0px;
2687
+ width: 100%;
2688
+ height: 100%;
2689
+ background-color: currentColor;
2690
+ -webkit-backface-visibility: visible;
2691
+ backface-visibility: visible; }
2692
+
2693
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2694
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2695
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2696
+ -webkit-transform: translateX(-103%);
2697
+ -ms-transform: translateX(-103%);
2698
+ transform: translateX(-103%); }
2699
+
2700
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2701
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2702
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2703
+ -webkit-transform: translateX(103%);
2704
+ -ms-transform: translateX(103%);
2705
+ transform: translateX(103%); }
2706
+
2707
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2708
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2709
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2710
+ -webkit-transform: translateY(-103%);
2711
+ -ms-transform: translateY(-103%);
2712
+ transform: translateY(-103%); }
2713
+
2714
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2715
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2716
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2717
+ -webkit-transform: translateY(103%);
2718
+ -ms-transform: translateY(103%);
2719
+ transform: translateY(103%); }
2720
+
2721
+ @-webkit-keyframes pa-mask-tr {
2722
+ 0% {
2723
+ -webkit-transform: translateX(0%);
2724
+ transform: translateX(0%); }
2725
+ 100% {
2726
+ -webkit-transform: translateX(103%);
2727
+ transform: translateX(103%); } }
2728
+
2729
+ @keyframes pa-mask-tr {
2730
+ 0% {
2731
+ -webkit-transform: translateX(0%);
2732
+ transform: translateX(0%); }
2733
+ 100% {
2734
+ -webkit-transform: translateX(103%);
2735
+ transform: translateX(103%); } }
2736
+
2737
+ @-webkit-keyframes pa-mask-tl {
2738
+ 0% {
2739
+ -webkit-transform: translateX(0%);
2740
+ transform: translateX(0%); }
2741
+ 100% {
2742
+ -webkit-transform: translateX(-103%);
2743
+ transform: translateX(-103%); } }
2744
+
2745
+ @keyframes pa-mask-tl {
2746
+ 0% {
2747
+ -webkit-transform: translateX(0%);
2748
+ transform: translateX(0%); }
2749
+ 100% {
2750
+ -webkit-transform: translateX(-103%);
2751
+ transform: translateX(-103%); } }
2752
+
2753
+ @-webkit-keyframes pa-mask-tb {
2754
+ 0% {
2755
+ -webkit-transform: translateY(0%);
2756
+ transform: translateY(0%); }
2757
+ 100% {
2758
+ -webkit-transform: translateY(103%);
2759
+ transform: translateY(103%); } }
2760
+
2761
+ @keyframes pa-mask-tb {
2762
+ 0% {
2763
+ -webkit-transform: translateY(0%);
2764
+ transform: translateY(0%); }
2765
+ 100% {
2766
+ -webkit-transform: translateY(103%);
2767
+ transform: translateY(103%); } }
2768
+
2769
+ @-webkit-keyframes pa-mask-tt {
2770
+ 0% {
2771
+ -webkit-transform: translateY(0%);
2772
+ transform: translateY(0%); }
2773
+ 100% {
2774
+ -webkit-transform: translateY(-103%);
2775
+ transform: translateY(-103%); } }
2776
+
2777
+ @keyframes pa-mask-tt {
2778
+ 0% {
2779
+ -webkit-transform: translateY(0%);
2780
+ transform: translateY(0%); }
2781
+ 100% {
2782
+ -webkit-transform: translateY(-103%);
2783
+ transform: translateY(-103%); } }
2784
+
2785
+ /**************** Premium Video Box ************/
2786
+ /***********************************************/
2787
+ .premium-video-box-transform {
2788
+ -webkit-transform: none !important;
2789
+ -ms-transform: none !important;
2790
+ transform: none !important; }
2791
+
2792
+ .premium-video-box-container {
2793
+ -js-display: flex;
2794
+ display: -webkit-box;
2795
+ display: -webkit-flex;
2796
+ display: -moz-box;
2797
+ display: -ms-flexbox;
2798
+ display: flex;
2799
+ -webkit-box-orient: vertical;
2800
+ -webkit-box-direction: normal;
2801
+ -webkit-flex-direction: column;
2802
+ -moz-box-orient: vertical;
2803
+ -moz-box-direction: normal;
2804
+ -ms-flex-direction: column;
2805
+ flex-direction: column; }
2806
+
2807
+ .premium-video-box-container > div {
2808
+ position: relative;
2809
+ overflow: hidden; }
2810
+
2811
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
2812
+ padding-bottom: 100%; }
2813
+
2814
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
2815
+ padding-bottom: 56.25%; }
2816
+
2817
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
2818
+ padding-bottom: 75%; }
2819
+
2820
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
2821
+ padding-bottom: 66.6666%; }
2822
+
2823
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
2824
+ padding-bottom: 42.8571%; }
2825
+
2826
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
2827
+ padding-bottom: 177.8%; }
2828
+
2829
+ .premium-video-box-image-container {
2830
+ position: absolute;
2831
+ top: 0;
2832
+ left: 0;
2833
+ bottom: 0;
2834
+ right: 0;
2835
+ width: 100%;
2836
+ height: 100%;
2837
+ -webkit-background-size: cover;
2838
+ background-size: cover;
2839
+ background-position: 50%;
2840
+ cursor: pointer;
2841
+ margin: auto;
2842
+ -webkit-transition: 0.2s all;
2843
+ transition: 0.2s all; }
2844
+
2845
+ .premium-video-box-play-icon-container {
2846
+ position: absolute;
2847
+ z-index: 2;
2848
+ cursor: pointer;
2849
+ -webkit-transform: translate(-50%, -50%);
2850
+ -ms-transform: translate(-50%, -50%);
2851
+ transform: translate(-50%, -50%);
2852
+ background: rgba(252, 252, 252, 0.35); }
2853
+
2854
+ .premium-video-box-description-container {
2855
+ position: absolute;
2856
+ z-index: 2;
2857
+ padding: 5px;
2858
+ text-align: center;
2859
+ cursor: pointer;
2860
+ -webkit-transform: translate(-50%, -50%);
2861
+ -ms-transform: translate(-50%, -50%);
2862
+ transform: translate(-50%, -50%); }
2863
+
2864
+ .premium-video-box-text {
2865
+ margin-bottom: 0 !important;
2866
+ -webkit-transition: all 0.3s ease-in-out;
2867
+ transition: all 0.3s ease-in-out; }
2868
+
2869
+ .premium-video-box-play-icon {
2870
+ padding: 15px;
2871
+ -webkit-transform: translateX(4%);
2872
+ -ms-transform: translateX(4%);
2873
+ transform: translateX(4%);
2874
+ -webkit-transition: all 0.3s ease-in-out;
2875
+ transition: all 0.3s ease-in-out; }
2876
+
2877
+ .premium-video-box-video-container {
2878
+ position: absolute;
2879
+ top: 0;
2880
+ left: 0;
2881
+ z-index: 2;
2882
+ width: 100%;
2883
+ height: 100%;
2884
+ -webkit-transition: opacity 0.8s ease-in-out;
2885
+ transition: opacity 0.8s ease-in-out;
2886
+ overflow: hidden;
2887
+ cursor: pointer; }
2888
+
2889
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2890
+ opacity: 0;
2891
+ visibility: hidden; }
2892
+
2893
+ .premium-video-box-video-container iframe {
2894
+ max-width: 100%;
2895
+ width: 100%;
2896
+ height: 100%;
2897
+ margin: 0;
2898
+ line-height: 1;
2899
+ border: none; }
2900
+
2901
+ .premium-video-box-video-container video {
2902
+ max-width: 100%;
2903
+ width: 100%;
2904
+ height: 100%;
2905
+ margin: 0;
2906
+ line-height: 1;
2907
+ border: none;
2908
+ background-color: #000;
2909
+ -o-object-fit: contain;
2910
+ object-fit: contain; }
2911
+
2912
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
2913
+ -js-display: flex;
2914
+ display: -webkit-box;
2915
+ display: -webkit-flex;
2916
+ display: -moz-box;
2917
+ display: -ms-flexbox;
2918
+ display: flex;
2919
+ position: absolute;
2920
+ top: 0;
2921
+ left: 0;
2922
+ z-index: 3;
2923
+ margin: 10px;
2924
+ margin-right: 10px;
2925
+ -webkit-transition: opacity 0.2s ease-out;
2926
+ transition: opacity 0.2s ease-out;
2927
+ margin-right: 4.6em; }
2928
+
2929
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2930
+ width: 60px;
2931
+ height: 60px;
2932
+ background: rgba(23, 35, 34, 0.75);
2933
+ margin-right: 1px;
2934
+ -webkit-box-flex: 1;
2935
+ -webkit-flex: 1 0 auto;
2936
+ -moz-box-flex: 1;
2937
+ -ms-flex: 1 0 auto;
2938
+ flex: 1 0 auto;
2939
+ padding: 0; }
2940
+
2941
+ .premium-video-box-vimeo-portrait img {
2942
+ width: 50px;
2943
+ height: 50px;
2944
+ margin: 5px;
2945
+ padding: 0;
2946
+ border: 0;
2947
+ -webkit-border-radius: 50%;
2948
+ border-radius: 50%; }
2949
+
2950
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2951
+ font-size: 10px; }
2952
+
2953
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2954
+ max-width: 100%;
2955
+ font-size: 2em !important;
2956
+ font-weight: 700;
2957
+ margin: 0;
2958
+ padding: 0.1em 0.2em;
2959
+ background: rgba(23, 35, 34, 0.75);
2960
+ display: inline-block;
2961
+ text-transform: none;
2962
+ line-height: normal;
2963
+ letter-spacing: normal; }
2964
+
2965
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
2966
+ font-size: 1.2em !important;
2967
+ font-weight: 400;
2968
+ color: #fff;
2969
+ margin-top: 0.1em;
2970
+ padding: 0.2em 0.5em;
2971
+ background: rgba(23, 35, 34, 0.75);
2972
+ text-transform: none;
2973
+ line-height: normal;
2974
+ letter-spacing: normal; }
2975
+
2976
+ .premium-video-box-playlist-container {
2977
+ -js-display: flex;
2978
+ display: -webkit-box;
2979
+ display: -webkit-flex;
2980
+ display: -moz-box;
2981
+ display: -ms-flexbox;
2982
+ display: flex;
2983
+ -webkit-flex-wrap: wrap;
2984
+ -ms-flex-wrap: wrap;
2985
+ flex-wrap: wrap; }
2986
+ .premium-video-box-playlist-container .premium-video-box-container {
2987
+ height: 100%;
2988
+ overflow: hidden; }
2989
+
2990
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
2991
+ -webkit-transform: scale(1.1);
2992
+ -ms-transform: scale(1.1);
2993
+ transform: scale(1.1); }
2994
+
2995
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
2996
+ -webkit-transform: scale(1);
2997
+ -ms-transform: scale(1);
2998
+ transform: scale(1); }
2999
+
3000
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3001
+ -webkit-transform: scale(1.3) rotate(5deg);
3002
+ -ms-transform: scale(1.3) rotate(5deg);
3003
+ transform: scale(1.3) rotate(5deg); }
3004
+
3005
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3006
+ -webkit-filter: grayscale(0%);
3007
+ filter: grayscale(0%); }
3008
+
3009
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3010
+ -webkit-filter: blur(3px);
3011
+ filter: blur(3px); }
3012
+
3013
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3014
+ -webkit-filter: sepia(0%);
3015
+ filter: sepia(0%); }
3016
+
3017
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3018
+ -webkit-transform: translateX(0px) scale(1.1);
3019
+ -ms-transform: translateX(0px) scale(1.1);
3020
+ transform: translateX(0px) scale(1.1); }
3021
+
3022
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3023
+ -webkit-filter: brightness(1.2);
3024
+ filter: brightness(1.2); }
3025
+
3026
+ .premium-video-box-image-container.gray {
3027
+ -webkit-filter: grayscale(100%);
3028
+ filter: grayscale(100%); }
3029
+
3030
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3031
+ -webkit-transform: scale(1.2);
3032
+ -ms-transform: scale(1.2);
3033
+ transform: scale(1.2); }
3034
+
3035
+ .premium-video-box-image-container.sepia {
3036
+ -webkit-filter: sepia(30%);
3037
+ filter: sepia(30%); }
3038
+
3039
+ .premium-video-box-image-container.bright {
3040
+ -webkit-filter: brightness(1);
3041
+ filter: brightness(1); }
3042
+
3043
+ .premium-video-box-image-container.trans {
3044
+ -webkit-transform: translateX(-15px) scale(1.1);
3045
+ -ms-transform: translateX(-15px) scale(1.1);
3046
+ transform: translateX(-15px) scale(1.1); }
3047
+
3048
+ .premium-video-box-mask-media {
3049
+ -webkit-mask-repeat: no-repeat;
3050
+ mask-repeat: no-repeat; }
3051
+
3052
+ /* Sticky Video Option */
3053
+ .premium-video-box-container.premium-video-box-sticky-apply {
3054
+ z-index: 99;
3055
+ overflow: unset; }
3056
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3057
+ position: fixed !important;
3058
+ z-index: 99999;
3059
+ height: 225px;
3060
+ width: 400px;
3061
+ background: #fff; }
3062
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3063
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3064
+ visibility: hidden; }
3065
+ .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 {
3066
+ -webkit-box-shadow: unset;
3067
+ box-shadow: unset; }
3068
+
3069
+ .premium-video-box-sticky-close,
3070
+ .premium-video-box-sticky-infobar {
3071
+ display: none; }
3072
+
3073
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3074
+ position: absolute;
3075
+ padding: 5px;
3076
+ cursor: pointer;
3077
+ z-index: 99999;
3078
+ height: 14px;
3079
+ width: 14px;
3080
+ -webkit-box-sizing: content-box;
3081
+ -moz-box-sizing: content-box;
3082
+ box-sizing: content-box;
3083
+ -webkit-border-radius: 100%;
3084
+ border-radius: 100%;
3085
+ -js-display: flex;
3086
+ display: -webkit-box;
3087
+ display: -webkit-flex;
3088
+ display: -moz-box;
3089
+ display: -ms-flexbox;
3090
+ display: flex;
3091
+ -webkit-box-pack: center;
3092
+ -webkit-justify-content: center;
3093
+ -moz-box-pack: center;
3094
+ -ms-flex-pack: center;
3095
+ justify-content: center;
3096
+ -webkit-box-align: center;
3097
+ -webkit-align-items: center;
3098
+ -moz-box-align: center;
3099
+ -ms-flex-align: center;
3100
+ align-items: center; }
3101
+
3102
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3103
+ -js-display: flex;
3104
+ display: -webkit-box;
3105
+ display: -webkit-flex;
3106
+ display: -moz-box;
3107
+ display: -ms-flexbox;
3108
+ display: flex; }
3109
+
3110
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3111
+ -webkit-transition: none;
3112
+ transition: none; }
3113
+
3114
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3115
+ display: block;
3116
+ position: relative;
3117
+ top: 100%;
3118
+ width: 100%;
3119
+ padding: 5px;
3120
+ text-align: center;
3121
+ z-index: 9999;
3122
+ margin-top: -1px; }
3123
+
3124
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3125
+ cursor: move; }
3126
+
3127
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3128
+ right: auto;
3129
+ left: 20px;
3130
+ top: 20px; }
3131
+
3132
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3133
+ right: auto;
3134
+ left: 20px;
3135
+ bottom: 20px; }
3136
+
3137
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3138
+ left: auto;
3139
+ right: 20px;
3140
+ top: 20px; }
3141
+
3142
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3143
+ left: auto;
3144
+ right: 20px;
3145
+ bottom: 20px; }
3146
+
3147
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3148
+ right: auto;
3149
+ left: 20px;
3150
+ top: 50%;
3151
+ -webkit-transform: translateY(-50%);
3152
+ -ms-transform: translateY(-50%);
3153
+ transform: translateY(-50%); }
3154
+
3155
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3156
+ left: auto;
3157
+ right: 20px;
3158
+ top: 50%;
3159
+ -webkit-transform: translateY(-50%);
3160
+ -ms-transform: translateY(-50%);
3161
+ transform: translateY(-50%); }
3162
+
3163
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3164
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3165
+ bottom: 55px; }
3166
+
3167
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3168
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3169
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3170
+ top: -10px;
3171
+ right: -10px; }
3172
+
3173
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3174
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3175
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3176
+ top: -10px;
3177
+ left: -10px; }
3178
+
3179
+ .premium-video-box-filter-sticky {
3180
+ -webkit-filter: none !important;
3181
+ filter: none !important; }
3182
+
3183
+ /**************** Premium Blog *****************/
3184
+ /***********************************************/
3185
+ .premium-blog-thumb-effect-wrapper {
3186
+ position: relative;
3187
+ overflow: hidden; }
3188
+
3189
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3190
+ position: absolute;
3191
+ top: 0;
3192
+ left: 0;
3193
+ width: 100%;
3194
+ height: 100%;
3195
+ z-index: 2;
3196
+ padding: 20px; }
3197
+
3198
+ .premium-blog-bordered-effect .premium-blog-post-link {
3199
+ display: block;
3200
+ height: 100%;
3201
+ position: relative; }
3202
+
3203
+ /*Thumbnail Img*/
3204
+ .premium-blog-thumbnail-container {
3205
+ overflow: hidden; }
3206
+ .premium-blog-thumbnail-container img,
3207
+ .premium-blog-thumbnail-container .below-entry-meta {
3208
+ width: 100%;
3209
+ height: 100%;
3210
+ margin: 0 !important;
3211
+ -webkit-transition: all 0.4s ease-in-out;
3212
+ transition: all 0.4s ease-in-out; }
3213
+
3214
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3215
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3216
+ -webkit-transform: scale(1.2);
3217
+ -ms-transform: scale(1.2);
3218
+ transform: scale(1.2); }
3219
+
3220
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3221
+ -webkit-filter: sepia(30%);
3222
+ filter: sepia(30%); }
3223
+
3224
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3225
+ -webkit-filter: brightness(1);
3226
+ filter: brightness(1); }
3227
+
3228
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3229
+ -webkit-transform: translateX(-15px) scale(1.1);
3230
+ -ms-transform: translateX(-15px) scale(1.1);
3231
+ transform: translateX(-15px) scale(1.1); }
3232
+
3233
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3234
+ -webkit-transform: scale(1.2);
3235
+ -ms-transform: scale(1.2);
3236
+ transform: scale(1.2); }
3237
+
3238
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3239
+ -webkit-transform: scale(1.1);
3240
+ -ms-transform: scale(1.1);
3241
+ transform: scale(1.1); }
3242
+
3243
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3244
+ -webkit-transform: scale(1.3) rotate(5deg);
3245
+ -ms-transform: scale(1.3) rotate(5deg);
3246
+ transform: scale(1.3) rotate(5deg); }
3247
+
3248
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3249
+ -webkit-filter: grayscale(100%);
3250
+ filter: grayscale(100%); }
3251
+
3252
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3253
+ -webkit-filter: blur(3px);
3254
+ filter: blur(3px); }
3255
+
3256
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3257
+ -webkit-filter: sepia(0%);
3258
+ filter: sepia(0%); }
3259
+
3260
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3261
+ -webkit-filter: brightness(1.2);
3262
+ filter: brightness(1.2); }
3263
+
3264
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3265
+ -webkit-transform: translateX(0px) scale(1.1);
3266
+ -ms-transform: translateX(0px) scale(1.1);
3267
+ transform: translateX(0px) scale(1.1); }
3268
+
3269
+ .premium-blog-post-container {
3270
+ overflow: hidden; }
3271
+ .premium-blog-post-container .premium-blog-inner-container {
3272
+ -js-display: flex;
3273
+ display: -webkit-box;
3274
+ display: -webkit-flex;
3275
+ display: -moz-box;
3276
+ display: -ms-flexbox;
3277
+ display: flex; }
3278
+ .premium-blog-post-container .premium-blog-entry-container {
3279
+ margin: 0 !important; }
3280
+ .premium-blog-post-container .premium-blog-post-content {
3281
+ line-height: 1.5em;
3282
+ color: #777;
3283
+ font-size: 14px;
3284
+ margin-bottom: 10px; }
3285
+ .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3286
+ .premium-blog-post-container .premium-blog-post-link:hover,
3287
+ .premium-blog-post-container .premium-blog-post-link:focus {
3288
+ -webkit-box-shadow: none !important;
3289
+ box-shadow: none !important;
3290
+ outline: none !important; }
3291
+ .premium-blog-post-container .premium-blog-entry-title {
3292
+ font-size: 18px;
3293
+ margin-bottom: 5px; }
3294
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3295
+ position: relative;
3296
+ z-index: 3;
3297
+ top: -50px; }
3298
+ .premium-blog-post-container .premium-blog-content-wrapper {
3299
+ background-color: #f5f5f5;
3300
+ padding: 30px; }
3301
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3302
+ top: 0; }
3303
+ .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 {
3304
+ position: absolute;
3305
+ content: "";
3306
+ z-index: 1;
3307
+ top: 50%;
3308
+ left: 50%;
3309
+ opacity: 0;
3310
+ -webkit-transform: translate(-50%, -50%);
3311
+ -ms-transform: translate(-50%, -50%);
3312
+ transform: translate(-50%, -50%);
3313
+ -webkit-transition: all 0.4s linear 0s;
3314
+ transition: all 0.4s linear 0s;
3315
+ height: 1px;
3316
+ width: 100%;
3317
+ background-color: #fff; }
3318
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3319
+ width: 1px;
3320
+ height: 100%; }
3321
+ .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 {
3322
+ width: 20px;
3323
+ opacity: 1; }
3324
+ .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 {
3325
+ height: 20px;
3326
+ opacity: 1; }
3327
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3328
+ margin: 0px 10px 20px;
3329
+ clear: both; }
3330
+ .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 {
3331
+ position: absolute;
3332
+ top: 0;
3333
+ left: 0;
3334
+ width: 100%;
3335
+ height: 100%;
3336
+ -webkit-transition: all 0.3s ease-in-out;
3337
+ transition: all 0.3s ease-in-out;
3338
+ opacity: 0; }
3339
+ .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 {
3340
+ -js-display: flex;
3341
+ display: -webkit-box;
3342
+ display: -webkit-flex;
3343
+ display: -moz-box;
3344
+ display: -ms-flexbox;
3345
+ display: flex;
3346
+ -webkit-box-pack: center;
3347
+ -webkit-justify-content: center;
3348
+ -moz-box-pack: center;
3349
+ -ms-flex-pack: center;
3350
+ justify-content: center;
3351
+ -webkit-box-align: center;
3352
+ -webkit-align-items: center;
3353
+ -moz-box-align: center;
3354
+ -ms-flex-align: center;
3355
+ align-items: center;
3356
+ width: 100%;
3357
+ height: 100%; }
3358
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3359
+ .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,
3360
+ .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,
3361
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3362
+ -webkit-transition: all 0.3s ease-in-out;
3363
+ transition: all 0.3s ease-in-out; }
3364
+ .premium-blog-post-container.premium-blog-skin-side {
3365
+ -js-display: flex;
3366
+ display: -webkit-box;
3367
+ display: -webkit-flex;
3368
+ display: -moz-box;
3369
+ display: -ms-flexbox;
3370
+ display: flex; }
3371
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3372
+ height: 100%; }
3373
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3374
+ -webkit-box-flex: 1;
3375
+ -webkit-flex: 1;
3376
+ -moz-box-flex: 1;
3377
+ -ms-flex: 1;
3378
+ flex: 1; }
3379
+ .premium-blog-post-container.premium-blog-skin-banner {
3380
+ position: relative; }
3381
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3382
+ position: absolute;
3383
+ width: 100%;
3384
+ bottom: 0;
3385
+ -js-display: flex;
3386
+ display: -webkit-box;
3387
+ display: -webkit-flex;
3388
+ display: -moz-box;
3389
+ display: -ms-flexbox;
3390
+ display: flex;
3391
+ -webkit-box-orient: vertical;
3392
+ -webkit-box-direction: normal;
3393
+ -webkit-flex-direction: column;
3394
+ -moz-box-orient: vertical;
3395
+ -moz-box-direction: normal;
3396
+ -ms-flex-direction: column;
3397
+ flex-direction: column;
3398
+ background-color: transparent;
3399
+ z-index: 3; }
3400
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3401
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
3402
+ transition: -webkit-transform 0.3s ease-in-out;
3403
+ transition: transform 0.3s ease-in-out;
3404
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3405
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3406
+ -webkit-transform: translateY(-5px);
3407
+ -ms-transform: translateY(-5px);
3408
+ transform: translateY(-5px); }
3409
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3410
+ margin: 0;
3411
+ padding: 0;
3412
+ list-style: none;
3413
+ -js-display: flex;
3414
+ display: -webkit-box;
3415
+ display: -webkit-flex;
3416
+ display: -moz-box;
3417
+ display: -ms-flexbox;
3418
+ display: flex; }
3419
+ .premium-blog-post-container .premium-blog-cats-container a {
3420
+ display: block;
3421
+ font-size: 12px;
3422
+ color: #fff;
3423
+ background-color: #777;
3424
+ margin: 0 3px 10px 0;
3425
+ padding: 5px;
3426
+ -webkit-transition: all 0.3s ease-in-out;
3427
+ transition: all 0.3s ease-in-out; }
3428
+
3429
+ /*
3430
+ * Diagonal Effect
3431
+ */
3432
+ .premium-blog-diagonal-container {
3433
+ position: absolute;
3434
+ top: 0;
3435
+ left: 0;
3436
+ width: 100%;
3437
+ height: 100%; }
3438
+
3439
+ .premium-blog-diagonal-effect:before {
3440
+ position: absolute;
3441
+ top: 0px;
3442
+ left: 0px;
3443
+ width: 100%;
3444
+ height: 100%;
3445
+ content: " ";
3446
+ z-index: 1;
3447
+ background: rgba(255, 255, 255, 0.2);
3448
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3449
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3450
+ -webkit-transition: all 0.3s linear 0s;
3451
+ transition: all 0.3s linear 0s; }
3452
+
3453
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3454
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3455
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3456
+
3457
+ /*
3458
+ * Framed Effect
3459
+ */
3460
+ .premium-blog-framed-effect {
3461
+ position: absolute;
3462
+ width: -webkit-calc(100% - 30px);
3463
+ width: calc(100% - 30px);
3464
+ height: -webkit-calc(100% - 30px);
3465
+ height: calc(100% - 30px);
3466
+ top: 15px;
3467
+ left: 15px;
3468
+ opacity: 0;
3469
+ -webkit-transform: scale(0.3);
3470
+ -ms-transform: scale(0.3);
3471
+ transform: scale(0.3);
3472
+ -webkit-transition: all 0.3s linear 0s;
3473
+ transition: all 0.3s linear 0s; }
3474
+
3475
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3476
+ opacity: 0.99;
3477
+ -webkit-transform: scale(1);
3478
+ -ms-transform: scale(1);
3479
+ transform: scale(1); }
3480
+
3481
+ /*
3482
+ * Bordered Effect
3483
+ */
3484
+ .premium-blog-bordered-effect {
3485
+ position: absolute;
3486
+ top: 0;
3487
+ left: 0;
3488
+ width: 100%;
3489
+ height: 100%;
3490
+ opacity: 0;
3491
+ padding: 15px;
3492
+ -webkit-transition: all 0.3s linear 0s;
3493
+ transition: all 0.3s linear 0s; }
3494
+ .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3495
+ content: "";
3496
+ display: block;
3497
+ position: absolute;
3498
+ top: 0;
3499
+ left: 0;
3500
+ width: 100%;
3501
+ height: 100%;
3502
+ -webkit-transition: all 0.5s linear 0s;
3503
+ transition: all 0.5s linear 0s;
3504
+ -webkit-transition-delay: 0s;
3505
+ transition-delay: 0s;
3506
+ border-color: rgba(255, 255, 255, 0.45); }
3507
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
3508
+ border-right: 2px solid;
3509
+ border-left: 2px solid;
3510
+ -webkit-transform: scale(1, 0);
3511
+ -ms-transform: scale(1, 0);
3512
+ transform: scale(1, 0);
3513
+ -webkit-transform-origin: 100% 0;
3514
+ -ms-transform-origin: 100% 0;
3515
+ transform-origin: 100% 0; }
3516
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
3517
+ border-top: 2px solid;
3518
+ border-bottom: 2px solid;
3519
+ -webkit-transform: scale(0, 1);
3520
+ -ms-transform: scale(0, 1);
3521
+ transform: scale(0, 1);
3522
+ -webkit-transform-origin: 0 0;
3523
+ -ms-transform-origin: 0 0;
3524
+ transform-origin: 0 0; }
3525
+
3526
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3527
+ opacity: 0.99; }
3528
+ .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 {
3529
+ -webkit-transition-delay: 0.15s;
3530
+ transition-delay: 0.15s;
3531
+ opacity: 1;
3532
+ -webkit-transform: scale(1);
3533
+ -ms-transform: scale(1);
3534
+ transform: scale(1); }
3535
+
3536
+ /*
3537
+ * Squares Effect
3538
+ */
3539
+ .premium-blog-squares-effect,
3540
+ .premium-blog-squares-square-container {
3541
+ position: absolute;
3542
+ top: 0;
3543
+ left: 0;
3544
+ width: 100%;
3545
+ height: 100%; }
3546
+
3547
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3548
+ position: absolute;
3549
+ content: "";
3550
+ top: 0;
3551
+ left: 0;
3552
+ width: 50%;
3553
+ height: 50%;
3554
+ -webkit-transform: translate(-100%, -100%);
3555
+ -ms-transform: translate(-100%, -100%);
3556
+ transform: translate(-100%, -100%);
3557
+ opacity: 0.7;
3558
+ -webkit-transition: all 0.3s linear 0s;
3559
+ transition: all 0.3s linear 0s; }
3560
+
3561
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3562
+ position: absolute;
3563
+ content: "";
3564
+ top: 0;
3565
+ left: 0;
3566
+ width: 50%;
3567
+ height: 50%;
3568
+ -webkit-transform: translate(-100%, -100%);
3569
+ -ms-transform: translate(-100%, -100%);
3570
+ transform: translate(-100%, -100%);
3571
+ opacity: 0.7;
3572
+ -webkit-transition: all 0.3s linear 0s;
3573
+ transition: all 0.3s linear 0s; }
3574
+
3575
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3576
+ opacity: 0.8; }
3577
+
3578
+ .premium-blog-squares-effect:after {
3579
+ -webkit-transform: translate(200%, 200%);
3580
+ -ms-transform: translate(200%, 200%);
3581
+ transform: translate(200%, 200%); }
3582
+
3583
+ .premium-blog-squares-square-container:before {
3584
+ -webkit-transform: translate(-100%, 200%);
3585
+ -ms-transform: translate(-100%, 200%);
3586
+ transform: translate(-100%, 200%); }
3587
+
3588
+ .premium-blog-squares-square-container:after {
3589
+ -webkit-transform: translate(200%, -100%);
3590
+ -ms-transform: translate(200%, -100%);
3591
+ transform: translate(200%, -100%); }
3592
+
3593
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3594
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3595
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3596
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3597
+
3598
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3599
+ -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3600
+ -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3601
+ transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3602
+
3603
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3604
+ -webkit-transform: translate(0, 100%);
3605
+ -ms-transform: translate(0, 100%);
3606
+ transform: translate(0, 100%); }
3607
+
3608
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3609
+ -webkit-transform: translate(100%, 0%);
3610
+ -ms-transform: translate(100%, 0%);
3611
+ transform: translate(100%, 0%); }
3612
+
3613
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3614
+ opacity: 1; }
3615
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3616
+ opacity: 1;
3617
+ -webkit-transform: scale(1);
3618
+ -ms-transform: scale(1);
3619
+ transform: scale(1); }
3620
+
3621
+ .premium-blog-clear-fix {
3622
+ clear: both; }
3623
+
3624
+ .premium-blog-masked .premium-blog-thumbnail-container {
3625
+ position: relative;
3626
+ overflow: visible; }
3627
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
3628
+ position: absolute;
3629
+ height: 100px;
3630
+ width: 100%;
3631
+ bottom: -5px;
3632
+ left: 0;
3633
+ fill: #f5f5f5;
3634
+ z-index: 99; }
3635
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3636
+ -webkit-transform: rotate(180deg);
3637
+ -ms-transform: rotate(180deg);
3638
+ transform: rotate(180deg); }
3639
+
3640
+ .premium-blog-masked .premium-blog-author-thumbnail,
3641
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3642
+ z-index: 999 !important; }
3643
+
3644
+ .premium-blog-format-link {
3645
+ padding: 5px;
3646
+ line-height: 0; }
3647
+
3648
+ .premium-blog-entry-meta {
3649
+ line-height: 1.3em;
3650
+ font-size: 12px;
3651
+ margin-bottom: 13px;
3652
+ color: #adadad; }
3653
+ .premium-blog-entry-meta i {
3654
+ margin-right: 3px;
3655
+ -webkit-transition: all 0.3s ease-in-out;
3656
+ transition: all 0.3s ease-in-out; }
3657
+
3658
+ .premium-blog-meta-data {
3659
+ display: inline-block; }
3660
+ .premium-blog-meta-data .premium-blog-meta-separator {
3661
+ margin: 0 5px; }
3662
+ .premium-blog-meta-data a,
3663
+ .premium-blog-meta-data span {
3664
+ color: inherit;
3665
+ -webkit-transition: all 0.3s ease-in-out;
3666
+ transition: all 0.3s ease-in-out; }
3667
+
3668
+ .premium-blog-author-thumbnail {
3669
+ position: relative;
3670
+ padding: 0 30px;
3671
+ width: 100%;
3672
+ top: -10px;
3673
+ height: 0;
3674
+ pointer-events: none; }
3675
+ .premium-blog-author-thumbnail img {
3676
+ -webkit-border-radius: 50%;
3677
+ border-radius: 50%;
3678
+ width: 60px;
3679
+ pointer-events: all;
3680
+ -webkit-transform: translateY(-50%);
3681
+ -ms-transform: translateY(-50%);
3682
+ transform: translateY(-50%); }
3683
+
3684
+ .premium-blog-entry-title a,
3685
+ .premium-blog-post-tags-container a,
3686
+ .premium-blog-post-content .premium-blog-excerpt-link {
3687
+ -webkit-transition: all 0.3s ease-in-out;
3688
+ transition: all 0.3s ease-in-out; }
3689
+
3690
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3691
+ background-color: transparent;
3692
+ color: #54595f;
3693
+ padding: 0; }
3694
+
3695
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3696
+ width: 100%; }
3697
+
3698
+ .premium-blog-post-tags-container {
3699
+ margin-top: 8px;
3700
+ -js-display: flex;
3701
+ display: -webkit-box;
3702
+ display: -webkit-flex;
3703
+ display: -moz-box;
3704
+ display: -ms-flexbox;
3705
+ display: flex;
3706
+ -webkit-box-align: center;
3707
+ -webkit-align-items: center;
3708
+ -moz-box-align: center;
3709
+ -ms-flex-align: center;
3710
+ align-items: center;
3711
+ -webkit-flex-wrap: wrap;
3712
+ -ms-flex-wrap: wrap;
3713
+ flex-wrap: wrap; }
3714
+ .premium-blog-post-tags-container a {
3715
+ color: inherit;
3716
+ margin-left: 5px; }
3717
+
3718
+ /*Tags align*/
3719
+ .premium-blog-align-left .post-categories,
3720
+ .premium-blog-align-left .premium-blog-inner-container,
3721
+ .premium-blog-align-left .premium-blog-post-tags-container {
3722
+ -webkit-box-pack: start;
3723
+ -webkit-justify-content: flex-start;
3724
+ -moz-box-pack: start;
3725
+ -ms-flex-pack: start;
3726
+ justify-content: flex-start; }
3727
+
3728
+ .premium-blog-align-center .post-categories,
3729
+ .premium-blog-align-center .premium-blog-inner-container,
3730
+ .premium-blog-align-center .premium-blog-post-tags-container {
3731
+ -webkit-box-pack: center;
3732
+ -webkit-justify-content: center;
3733
+ -moz-box-pack: center;
3734
+ -ms-flex-pack: center;
3735
+ justify-content: center; }
3736
+
3737
+ .premium-blog-align-right .post-categories,
3738
+ .premium-blog-align-right .premium-blog-inner-container,
3739
+ .premium-blog-align-right .premium-blog-post-tags-container {
3740
+ -webkit-box-pack: end;
3741
+ -webkit-justify-content: flex-end;
3742
+ -moz-box-pack: end;
3743
+ -ms-flex-pack: end;
3744
+ justify-content: flex-end; }
3745
+
3746
+ /* Pagination */
3747
+ .premium-blog-pagination-container {
3748
+ text-align: right; }
3749
+ .premium-blog-pagination-container span {
3750
+ cursor: default; }
3751
+ .premium-blog-pagination-container .page-numbers {
3752
+ display: inline-block;
3753
+ color: #000;
3754
+ line-height: 1;
3755
+ font-size: 1em;
3756
+ font-weight: 400;
3757
+ text-decoration: none;
3758
+ padding: 0.75em;
3759
+ margin: 0 0.4em 0.4em 0;
3760
+ -webkit-transition: all 0.2s ease-in-out;
3761
+ transition: all 0.2s ease-in-out; }
3762
+
3763
+ .premium-blog-wrap .premium-loading-feed {
3764
+ display: block;
3765
+ position: absolute;
3766
+ width: 100%;
3767
+ height: 100%;
3768
+ top: 0px;
3769
+ left: 0px;
3770
+ bottom: 0px;
3771
+ right: 0px;
3772
+ background: rgba(255, 255, 255, 0.2);
3773
+ -js-display: flex;
3774
+ display: -webkit-box;
3775
+ display: -webkit-flex;
3776
+ display: -moz-box;
3777
+ display: -ms-flexbox;
3778
+ display: flex;
3779
+ -webkit-box-align: center;
3780
+ -webkit-align-items: center;
3781
+ -moz-box-align: center;
3782
+ -ms-flex-align: center;
3783
+ align-items: center;
3784
+ z-index: 99; }
3785
+
3786
+ .premium-blog-wrap {
3787
+ -js-display: flex;
3788
+ display: -webkit-box;
3789
+ display: -webkit-flex;
3790
+ display: -moz-box;
3791
+ display: -ms-flexbox;
3792
+ display: flex;
3793
+ -webkit-flex-wrap: wrap;
3794
+ -ms-flex-wrap: wrap;
3795
+ flex-wrap: wrap; }
3796
+ .premium-blog-wrap ul.slick-dots {
3797
+ width: 100%; }
3798
+
3799
+ /*
3800
+ * List Layout
3801
+ */
3802
+ .premium-blog-list .premium-blog-post-outer-container {
3803
+ width: 100%; }
3804
+
3805
+ /**
3806
+ * Even Layout
3807
+ */
3808
+ .premium-blog-even .premium-blog-post-container {
3809
+ height: 100%; }
3810
+
3811
+ .premium-blog-even .slick-track {
3812
+ -js-display: flex;
3813
+ display: -webkit-box;
3814
+ display: -webkit-flex;
3815
+ display: -moz-box;
3816
+ display: -ms-flexbox;
3817
+ display: flex; }
3818
+
3819
+ .premium-blog-even .slick-slide {
3820
+ height: inherit !important; }
3821
+
3822
+ /**
3823
+ * Responsive Style
3824
+ */
3825
+ @media (max-width: 768px) {
3826
+ .premium-blog-content-wrapper {
3827
+ top: 0;
3828
+ margin: 0;
3829
+ padding: 15px; }
3830
+ .premium-blog-skin-side {
3831
+ -webkit-box-orient: vertical;
3832
+ -webkit-box-direction: normal;
3833
+ -webkit-flex-direction: column;
3834
+ -moz-box-orient: vertical;
3835
+ -moz-box-direction: normal;
3836
+ -ms-flex-direction: column;
3837
+ flex-direction: column; } }
3838
+
3839
+ /************ Premium Team Members ************/
3840
+ /**********************************************/
3841
+ .premium-person-container {
3842
+ position: relative; }
3843
+
3844
+ .premium-person-image-container {
3845
+ position: relative;
3846
+ text-align: center; }
3847
+ .premium-person-image-container .premium-person-image-wrap {
3848
+ overflow: hidden; }
3849
+
3850
+ .premium-person-zoomout-effect .premium-person-image-container img,
3851
+ .premium-person-scale-effect .premium-person-image-container img {
3852
+ -webkit-transform: scale(1.2);
3853
+ -ms-transform: scale(1.2);
3854
+ transform: scale(1.2); }
3855
+
3856
+ .premium-person-sepia-effect .premium-person-image-container img {
3857
+ -webkit-filter: sepia(30%);
3858
+ filter: sepia(30%); }
3859
+
3860
+ .premium-person-bright-effect .premium-person-image-container img {
3861
+ -webkit-filter: brightness(1);
3862
+ filter: brightness(1); }
3863
+
3864
+ .premium-person-trans-effect .premium-person-image-container img {
3865
+ -webkit-transform: translateX(-15px) scale(1.1);
3866
+ -ms-transform: translateX(-15px) scale(1.1);
3867
+ transform: translateX(-15px) scale(1.1); }
3868
+
3869
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
3870
+ -webkit-transform: scale(1.2);
3871
+ -ms-transform: scale(1.2);
3872
+ transform: scale(1.2); }
3873
+
3874
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
3875
+ -webkit-transform: scale(1.1);
3876
+ -ms-transform: scale(1.1);
3877
+ transform: scale(1.1); }
3878
+
3879
+ .premium-person-scale-effect:hover .premium-person-image-container img {
3880
+ -webkit-transform: scale(1.3) rotate(5deg);
3881
+ -ms-transform: scale(1.3) rotate(5deg);
3882
+ transform: scale(1.3) rotate(5deg); }
3883
+
3884
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
3885
+ -webkit-filter: grayscale(100%);
3886
+ filter: grayscale(100%); }
3887
+
3888
+ .premium-person-blur-effect:hover .premium-person-image-container img {
3889
+ -webkit-filter: blur(3px);
3890
+ filter: blur(3px); }
3891
+
3892
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
3893
+ -webkit-filter: sepia(0%);
3894
+ filter: sepia(0%); }
3895
+
3896
+ .premium-person-bright-effect:hover .premium-person-image-container img {
3897
+ -webkit-filter: brightness(1.2);
3898
+ filter: brightness(1.2); }
3899
+
3900
+ .premium-person-trans-effect:hover .premium-person-image-container img {
3901
+ -webkit-transform: translateX(0px) scale(1.1);
3902
+ -ms-transform: translateX(0px) scale(1.1);
3903
+ transform: translateX(0px) scale(1.1); }
3904
+
3905
+ .premium-person-container .premium-person-image-container img {
3906
+ width: 100%;
3907
+ height: 100%;
3908
+ -o-object-fit: cover;
3909
+ object-fit: cover;
3910
+ -webkit-transition: all 0.5s ease-in-out;
3911
+ transition: all 0.5s ease-in-out; }
3912
+
3913
+ .premium-person-style2 .premium-person-social {
3914
+ position: absolute;
3915
+ top: 0;
3916
+ left: 0;
3917
+ width: 100%;
3918
+ height: 100%;
3919
+ z-index: 2;
3920
+ -js-display: flex;
3921
+ display: -webkit-box;
3922
+ display: -webkit-flex;
3923
+ display: -moz-box;
3924
+ display: -ms-flexbox;
3925
+ display: flex;
3926
+ -webkit-box-pack: center;
3927
+ -webkit-justify-content: center;
3928
+ -moz-box-pack: center;
3929
+ -ms-flex-pack: center;
3930
+ justify-content: center;
3931
+ -webkit-box-align: center;
3932
+ -webkit-align-items: center;
3933
+ -moz-box-align: center;
3934
+ -ms-flex-align: center;
3935
+ align-items: center;
3936
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3937
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3938
+ -webkit-transition: all 0.5s linear 0s;
3939
+ transition: all 0.5s linear 0s;
3940
+ opacity: 0; }
3941
+
3942
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3943
+ opacity: 1; }
3944
+
3945
+ .premium-person-list-item a {
3946
+ display: inline-block; }
3947
+
3948
+ .premium-person-style2 .premium-person-list-item a {
3949
+ opacity: 0;
3950
+ -webkit-transform: scale(0);
3951
+ -ms-transform: scale(0);
3952
+ transform: scale(0);
3953
+ -webkit-transition: all 0.5s ease-in-out 0s;
3954
+ transition: all 0.5s ease-in-out 0s; }
3955
+
3956
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
3957
+ opacity: 1;
3958
+ -webkit-transform: scale(1);
3959
+ -ms-transform: scale(1);
3960
+ transform: scale(1); }
3961
+
3962
+ .premium-person-info-container {
3963
+ padding: 30px 15px; }
3964
+
3965
+ .premium-person-name {
3966
+ margin: 0 0 5px;
3967
+ font-weight: 700; }
3968
+
3969
+ .premium-person-title {
3970
+ margin: 0 0 20px;
3971
+ padding: 0; }
3972
+
3973
+ .premium-person-content {
3974
+ margin: 0 0 30px; }
3975
+
3976
+ /*Override Theme List Margin*/
3977
+ ul.premium-person-social-list {
3978
+ margin: 0px !important;
3979
+ padding: 0; }
3980
+
3981
+ .premium-person-social-list .premium-person-list-item {
3982
+ display: inline;
3983
+ list-style: none; }
3984
+
3985
+ .premium-person-social-list li {
3986
+ position: relative;
3987
+ bottom: 0px;
3988
+ -webkit-transition: all 0.2s ease-in-out;
3989
+ transition: all 0.2s ease-in-out; }
3990
+ .premium-person-social-list li i {
3991
+ position: relative;
3992
+ bottom: 0px;
3993
+ -webkit-transition: all 0.2s ease-in-out;
3994
+ transition: all 0.2s ease-in-out; }
3995
+
3996
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
3997
+ background-color: #3b5998 !important; }
3998
+
3999
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4000
+ background-color: #55acee !important; }
4001
+
4002
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4003
+ background-color: #0077b5 !important; }
4004
+
4005
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4006
+ background-color: #dc4e41 !important; }
4007
+
4008
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4009
+ background-color: #b31217 !important; }
4010
+
4011
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4012
+ background-color: #e4405f !important; }
4013
+
4014
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4015
+ background-color: #00aff0 !important; }
4016
+
4017
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4018
+ background-color: #bd081c !important; }
4019
+
4020
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4021
+ background-color: #ea4c89 !important; }
4022
+
4023
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4024
+ background-color: #b23121 !important; }
4025
+
4026
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4027
+ background-color: #1769ff !important; }
4028
+
4029
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4030
+ background-color: #25d366 !important; }
4031
+
4032
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4033
+ background-color: #0088cc !important; }
4034
+
4035
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4036
+ background-color: #0055a5 !important; }
4037
+
4038
+ .premium-person-social-list li:hover a {
4039
+ -webkit-box-shadow: none;
4040
+ box-shadow: none; }
4041
+
4042
+ .premium-person-social-list li a:focus {
4043
+ -webkit-box-shadow: none;
4044
+ box-shadow: none;
4045
+ outline: none; }
4046
+
4047
+ .premium-person-social-list li i {
4048
+ font-size: 18px; }
4049
+
4050
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4051
+ -js-display: flex;
4052
+ display: -webkit-box;
4053
+ display: -webkit-flex;
4054
+ display: -moz-box;
4055
+ display: -ms-flexbox;
4056
+ display: flex;
4057
+ -webkit-box-pack: center;
4058
+ -webkit-justify-content: center;
4059
+ -moz-box-pack: center;
4060
+ -ms-flex-pack: center;
4061
+ justify-content: center; }
4062
+
4063
+ .premium-persons-container.multiple-persons {
4064
+ -js-display: flex;
4065
+ display: -webkit-box;
4066
+ display: -webkit-flex;
4067
+ display: -moz-box;
4068
+ display: -ms-flexbox;
4069
+ display: flex;
4070
+ -webkit-flex-wrap: wrap;
4071
+ -ms-flex-wrap: wrap;
4072
+ flex-wrap: wrap;
4073
+ width: 100%; }
4074
+
4075
+ .premium-person-style1 .premium-person-container {
4076
+ overflow: hidden; }
4077
+ .premium-person-style1 .premium-person-container .premium-person-info {
4078
+ position: absolute;
4079
+ top: auto;
4080
+ right: 0;
4081
+ left: 0;
4082
+ -webkit-transition: all 500ms ease 0s;
4083
+ transition: all 500ms ease 0s;
4084
+ -webkit-transform: translate3d(0, 100%, 0);
4085
+ transform: translate3d(0, 100%, 0); }
4086
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
4087
+ -webkit-transform: translate3d(0, 0, 0);
4088
+ transform: translate3d(0, 0, 0);
4089
+ bottom: -1px !important; }
4090
+
4091
+ .premium-person-style1 .premium-person-social-list li:hover {
4092
+ bottom: 5px; }
4093
+
4094
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4095
+ -webkit-box-align: start;
4096
+ -webkit-align-items: flex-start;
4097
+ -moz-box-align: start;
4098
+ -ms-flex-align: start;
4099
+ align-items: flex-start; }
4100
+
4101
+ .premium-person-style1 .slick-track {
4102
+ -js-display: flex;
4103
+ display: -webkit-box;
4104
+ display: -webkit-flex;
4105
+ display: -moz-box;
4106
+ display: -ms-flexbox;
4107
+ display: flex; }
4108
+
4109
+ .premium-person-style1 .slick-slide {
4110
+ height: inherit !important; }
4111
+
4112
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4113
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4114
+ height: 100%; }
4115
+
4116
+ .premium-person-style3 .premium-person-info-container {
4117
+ position: absolute;
4118
+ top: 0;
4119
+ left: 0;
4120
+ width: 100%;
4121
+ height: 100%;
4122
+ -js-display: flex;
4123
+ display: -webkit-box;
4124
+ display: -webkit-flex;
4125
+ display: -moz-box;
4126
+ display: -ms-flexbox;
4127
+ display: flex;
4128
+ -webkit-box-orient: vertical;
4129
+ -webkit-box-direction: normal;
4130
+ -webkit-flex-direction: column;
4131
+ -moz-box-orient: vertical;
4132
+ -moz-box-direction: normal;
4133
+ -ms-flex-direction: column;
4134
+ flex-direction: column;
4135
+ -webkit-box-pack: justify;
4136
+ -webkit-justify-content: space-between;
4137
+ -moz-box-pack: justify;
4138
+ -ms-flex-pack: justify;
4139
+ justify-content: space-between; }
4140
+
4141
+ .premium-person-style3 .premium-person-title-desc-wrap {
4142
+ -js-display: flex;
4143
+ display: -webkit-box;
4144
+ display: -webkit-flex;
4145
+ display: -moz-box;
4146
+ display: -ms-flexbox;
4147
+ display: flex;
4148
+ -webkit-box-orient: horizontal;
4149
+ -webkit-box-direction: reverse;
4150
+ -webkit-flex-direction: row-reverse;
4151
+ -moz-box-orient: horizontal;
4152
+ -moz-box-direction: reverse;
4153
+ -ms-flex-direction: row-reverse;
4154
+ flex-direction: row-reverse;
4155
+ -webkit-box-pack: justify;
4156
+ -webkit-justify-content: space-between;
4157
+ -moz-box-pack: justify;
4158
+ -ms-flex-pack: justify;
4159
+ justify-content: space-between;
4160
+ -webkit-box-align: start;
4161
+ -webkit-align-items: flex-start;
4162
+ -moz-box-align: start;
4163
+ -ms-flex-align: start;
4164
+ align-items: flex-start; }
4165
+
4166
+ .premium-person-style3 .premium-person-name-icons-wrap {
4167
+ -js-display: flex;
4168
+ display: -webkit-box;
4169
+ display: -webkit-flex;
4170
+ display: -moz-box;
4171
+ display: -ms-flexbox;
4172
+ display: flex;
4173
+ -webkit-box-pack: justify;
4174
+ -webkit-justify-content: space-between;
4175
+ -moz-box-pack: justify;
4176
+ -ms-flex-pack: justify;
4177
+ justify-content: space-between;
4178
+ -webkit-box-align: end;
4179
+ -webkit-align-items: flex-end;
4180
+ -moz-box-align: end;
4181
+ -ms-flex-align: end;
4182
+ align-items: flex-end; }
4183
+
4184
+ .premium-person-style3 .premium-person-title {
4185
+ opacity: 0;
4186
+ -webkit-transition: all 0.3s ease;
4187
+ transition: all 0.3s ease;
4188
+ width: 0; }
4189
+ .premium-person-style3 .premium-person-title span {
4190
+ display: inline-block; }
4191
+
4192
+ .premium-person-style3 .premium-person-name {
4193
+ padding-left: 10px; }
4194
+
4195
+ .premium-person-style3 .premium-person-social-list {
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: vertical;
4203
+ -webkit-box-direction: normal;
4204
+ -webkit-flex-direction: column;
4205
+ -moz-box-orient: vertical;
4206
+ -moz-box-direction: normal;
4207
+ -ms-flex-direction: column;
4208
+ flex-direction: column;
4209
+ -webkit-transform: translateY(20px);
4210
+ -ms-transform: translateY(20px);
4211
+ transform: translateY(20px);
4212
+ opacity: 0;
4213
+ -webkit-transition: all 0.3s ease;
4214
+ transition: all 0.3s ease; }
4215
+
4216
+ .premium-person-style3 .premium-person-list-item {
4217
+ line-height: 0; }
4218
+ .premium-person-style3 .premium-person-list-item a {
4219
+ padding: 5px 10px 0 0;
4220
+ margin: 5px 0; }
4221
+
4222
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
4223
+ opacity: 1; }
4224
+
4225
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4226
+ opacity: 1;
4227
+ -webkit-transform: translateY(0);
4228
+ -ms-transform: translateY(0);
4229
+ transform: translateY(0); }
4230
+
4231
+ .premium-persons-title-cw .premium-person-title {
4232
+ -webkit-transform: translateX(15px) rotate(90deg);
4233
+ -ms-transform: translateX(15px) rotate(90deg);
4234
+ transform: translateX(15px) rotate(90deg);
4235
+ -webkit-transform-origin: top;
4236
+ -ms-transform-origin: top;
4237
+ transform-origin: top; }
4238
+
4239
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4240
+ -webkit-transform: translateX(0) rotate(90deg);
4241
+ -ms-transform: translateX(0) rotate(90deg);
4242
+ transform: translateX(0) rotate(90deg); }
4243
+
4244
+ .premium-persons-title-ccw .premium-person-title {
4245
+ width: auto;
4246
+ margin-right: 20px;
4247
+ -webkit-transform: translateX(15px) rotate(-90deg);
4248
+ -ms-transform: translateX(15px) rotate(-90deg);
4249
+ transform: translateX(15px) rotate(-90deg);
4250
+ -webkit-transform-origin: center right;
4251
+ -ms-transform-origin: center right;
4252
+ transform-origin: center right; }
4253
+
4254
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4255
+ -webkit-transform: translateX(0) rotate(-90deg);
4256
+ -ms-transform: translateX(0) rotate(-90deg);
4257
+ transform: translateX(0) rotate(-90deg); }
4258
+
4259
+ /**************** Premium Fancy Text *******************/
4260
+ /*******************************************************/
4261
+ .premium-suffix-text,
4262
+ .premium-fancy-text,
4263
+ .premium-prefix-text {
4264
+ font-size: 40px; }
4265
+
4266
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
4267
+ list-style: none; }
4268
+
4269
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4270
+ vertical-align: top; }
4271
+
4272
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4273
+ margin: 0;
4274
+ padding: 0;
4275
+ border: none;
4276
+ position: relative; }
4277
+
4278
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4279
+ position: absolute;
4280
+ top: 0;
4281
+ left: 0;
4282
+ display: inline-block; }
4283
+
4284
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4285
+ opacity: 0;
4286
+ -webkit-animation: pa-zoom-out 0.8s;
4287
+ animation: pa-zoom-out 0.8s; }
4288
+
4289
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4290
+ position: relative !important;
4291
+ -webkit-animation: pa-zoom-in 0.8s;
4292
+ animation: pa-zoom-in 0.8s; }
4293
+
4294
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4295
+ -webkit-perspective: 300px;
4296
+ perspective: 300px; }
4297
+
4298
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4299
+ -webkit-transform-origin: 50% 100%;
4300
+ -ms-transform-origin: 50% 100%;
4301
+ transform-origin: 50% 100%; }
4302
+
4303
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4304
+ opacity: 0;
4305
+ -webkit-transform: rotateX(180deg);
4306
+ transform: rotateX(180deg);
4307
+ -webkit-animation: pa-rotate-out 1.2s;
4308
+ animation: pa-rotate-out 1.2s; }
4309
+
4310
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4311
+ position: relative !important;
4312
+ -webkit-transform: rotateX(0deg);
4313
+ transform: rotateX(0deg);
4314
+ -webkit-animation: pa-rotate-in 1.2s;
4315
+ animation: pa-rotate-in 1.2s; }
4316
+
4317
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-hidden {
4318
+ opacity: 0; }
4319
+
4320
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4321
+ position: relative !important; }
4322
+
4323
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4324
+ display: inline-block;
4325
+ width: 200px;
4326
+ font-weight: 400; }
4327
+
4328
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4329
+ position: relative;
4330
+ vertical-align: sub; }
4331
+
4332
+ .premium-fancy-text-wrapper.auto-fade g > text {
4333
+ text-anchor: start;
4334
+ shape-rendering: crispEdges;
4335
+ opacity: 0;
4336
+ font-size: 300px;
4337
+ -webkit-animation-name: pa-auto-fade;
4338
+ animation-name: pa-auto-fade;
4339
+ -moz-animation-name: pa-auto-fade;
4340
+ -webkit-animation-duration: 9s;
4341
+ animation-duration: 9s;
4342
+ -webkit-animation-timing-function: linear;
4343
+ animation-timing-function: linear;
4344
+ -webkit-animation-iteration-count: infinite;
4345
+ animation-iteration-count: infinite; }
4346
+
4347
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4348
+ -webkit-animation-delay: 0s;
4349
+ animation-delay: 0s; }
4350
+
4351
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4352
+ -webkit-animation-delay: 3s;
4353
+ animation-delay: 3s; }
4354
+
4355
+ .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4356
+ -webkit-animation-delay: 6s;
4357
+ animation-delay: 6s; }
4358
+
4359
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
4360
+ position: relative; }
4361
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4362
+ position: absolute;
4363
+ width: 100%;
4364
+ height: 3px;
4365
+ bottom: 0;
4366
+ left: 0;
4367
+ animation: pa-loading-bar 2.5s ease-out infinite;
4368
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4369
+
4370
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4371
+ -webkit-animation-play-state: paused;
4372
+ animation-play-state: paused; }
4373
+
4374
+ @-webkit-keyframes pa-auto-fade {
4375
+ 0% {
4376
+ opacity: 0; }
4377
+ 20% {
4378
+ opacity: 1; }
4379
+ 35% {
4380
+ opacity: 0; }
4381
+ 100% {
4382
+ opacity: 0; } }
4383
+
4384
+ @keyframes pa-auto-fade {
4385
+ 0% {
4386
+ opacity: 0; }
4387
+ 20% {
4388
+ opacity: 1; }
4389
+ 35% {
4390
+ opacity: 0; }
4391
+ 100% {
4392
+ opacity: 0; } }
4393
+
4394
+ @-webkit-keyframes pa-loading-bar {
4395
+ 0% {
4396
+ width: 0; }
4397
+ 100% {
4398
+ width: 100; } }
4399
+
4400
+ @keyframes pa-loading-bar {
4401
+ 0% {
4402
+ width: 0; }
4403
+ 100% {
4404
+ width: 100; } }
4405
+
4406
+ @-webkit-keyframes pa-zoom-in {
4407
+ 0% {
4408
+ opacity: 0;
4409
+ -webkit-transform: translateZ(100px);
4410
+ transform: translateZ(100px); }
4411
+ 100% {
4412
+ opacity: 1;
4413
+ -webkit-transform: translateZ(0);
4414
+ transform: translateZ(0); } }
4415
+
4416
+ @keyframes pa-zoom-in {
4417
+ 0% {
4418
+ opacity: 0;
4419
+ -webkit-transform: translateZ(100px);
4420
+ transform: translateZ(100px); }
4421
+ 100% {
4422
+ opacity: 1;
4423
+ -webkit-transform: translateZ(0);
4424
+ transform: translateZ(0); } }
4425
+
4426
+ @-webkit-keyframes pa-zoom-out {
4427
+ 0% {
4428
+ opacity: 1;
4429
+ -webkit-transform: translateZ(0);
4430
+ transform: translateZ(0); }
4431
+ 100% {
4432
+ opacity: 0;
4433
+ -webkit-transform: translateZ(-100px);
4434
+ transform: translateZ(-100px); } }
4435
+
4436
+ @keyframes pa-zoom-out {
4437
+ 0% {
4438
+ opacity: 1;
4439
+ -webkit-transform: translateZ(0);
4440
+ transform: translateZ(0); }
4441
+ 100% {
4442
+ opacity: 0;
4443
+ -webkit-transform: translateZ(-100px);
4444
+ transform: translateZ(-100px); } }
4445
+
4446
+ @-webkit-keyframes pa-rotate-in {
4447
+ 0% {
4448
+ opacity: 0;
4449
+ -webkit-transform: rotateX(180deg);
4450
+ transform: rotateX(180deg); }
4451
+ 35% {
4452
+ opacity: 0;
4453
+ -webkit-transform: rotateX(120deg);
4454
+ transform: rotateX(120deg); }
4455
+ 65% {
4456
+ opacity: 0; }
4457
+ 100% {
4458
+ opacity: 1;
4459
+ -webkit-transform: rotateX(360deg);
4460
+ transform: rotateX(360deg); } }
4461
+
4462
+ @keyframes pa-rotate-in {
4463
+ 0% {
4464
+ opacity: 0;
4465
+ -webkit-transform: rotateX(180deg);
4466
+ transform: rotateX(180deg); }
4467
+ 35% {
4468
+ opacity: 0;
4469
+ -webkit-transform: rotateX(120deg);
4470
+ transform: rotateX(120deg); }
4471
+ 65% {
4472
+ opacity: 0; }
4473
+ 100% {
4474
+ opacity: 1;
4475
+ -webkit-transform: rotateX(360deg);
4476
+ transform: rotateX(360deg); } }
4477
+
4478
+ @-webkit-keyframes pa-rotate-out {
4479
+ 0% {
4480
+ opacity: 1;
4481
+ -webkit-transform: rotateX(0deg);
4482
+ transform: rotateX(0deg); }
4483
+ 35% {
4484
+ opacity: 1;
4485
+ -webkit-transform: rotateX(-40deg);
4486
+ transform: rotateX(-40deg); }
4487
+ 65% {
4488
+ opacity: 0; }
4489
+ 100% {
4490
+ opacity: 0;
4491
+ -webkit-transform: rotateX(180deg);
4492
+ transform: rotateX(180deg); } }
4493
+
4494
+ @keyframes pa-rotate-out {
4495
+ 0% {
4496
+ opacity: 1;
4497
+ -webkit-transform: rotateX(0deg);
4498
+ transform: rotateX(0deg); }
4499
+ 35% {
4500
+ opacity: 1;
4501
+ -webkit-transform: rotateX(-40deg);
4502
+ transform: rotateX(-40deg); }
4503
+ 65% {
4504
+ opacity: 0; }
4505
+ 100% {
4506
+ opacity: 0;
4507
+ -webkit-transform: rotateX(180deg);
4508
+ transform: rotateX(180deg); } }
4509
+
4510
+ /**************** Premium Pricing Table ****************/
4511
+ /*******************************************************/
4512
+ .premium-pricing-table-container {
4513
+ position: relative;
4514
+ overflow: hidden;
4515
+ text-align: center;
4516
+ -webkit-transition: all 0.3s ease-in-out;
4517
+ transition: all 0.3s ease-in-out; }
4518
+
4519
+ .premium-pricing-icon-container {
4520
+ -js-display: flex;
4521
+ display: -webkit-box;
4522
+ display: -webkit-flex;
4523
+ display: -moz-box;
4524
+ display: -ms-flexbox;
4525
+ display: flex;
4526
+ -webkit-box-pack: center;
4527
+ -webkit-justify-content: center;
4528
+ -moz-box-pack: center;
4529
+ -ms-flex-pack: center;
4530
+ justify-content: center;
4531
+ line-height: 0; }
4532
+ .premium-pricing-icon-container .premium-pricing-icon {
4533
+ display: inline-block; }
4534
+ .premium-pricing-icon-container .premium-pricing-image {
4535
+ overflow: hidden; }
4536
+ .premium-pricing-icon-container .premium-pricing-image img {
4537
+ width: 25px;
4538
+ height: 25px;
4539
+ -o-object-fit: cover;
4540
+ object-fit: cover; }
4541
+
4542
+ .premium-badge-left {
4543
+ position: absolute;
4544
+ top: 0; }
4545
+
4546
+ .premium-badge-right {
4547
+ position: absolute;
4548
+ top: 0;
4549
+ right: 0; }
4550
+
4551
+ .premium-badge-left {
4552
+ left: 0; }
4553
+
4554
+ .premium-badge-triangle.premium-badge-left .corner {
4555
+ width: 0;
4556
+ height: 0;
4557
+ border-top: 150px solid;
4558
+ border-bottom: 150px solid transparent;
4559
+ border-right: 150px solid transparent; }
4560
+
4561
+ .premium-badge-triangle.premium-badge-right .corner {
4562
+ width: 0;
4563
+ height: 0;
4564
+ border-bottom: 150px solid transparent;
4565
+ border-right: 150px solid;
4566
+ border-left: 150px solid transparent; }
4567
+
4568
+ .premium-badge-triangle span {
4569
+ position: absolute;
4570
+ top: 35px;
4571
+ width: 100px;
4572
+ text-align: center;
4573
+ -webkit-transform: rotate(-45deg);
4574
+ -ms-transform: rotate(-45deg);
4575
+ transform: rotate(-45deg);
4576
+ display: block;
4577
+ text-transform: uppercase; }
4578
+
4579
+ .premium-badge-triangle.premium-badge-right span {
4580
+ -webkit-transform: rotate(45deg);
4581
+ -ms-transform: rotate(45deg);
4582
+ transform: rotate(45deg);
4583
+ right: 0; }
4584
+
4585
+ .premium-badge-circle {
4586
+ min-width: 4em;
4587
+ min-height: 4em;
4588
+ line-height: 4em;
4589
+ text-align: center;
4590
+ -webkit-border-radius: 100%;
4591
+ border-radius: 100%;
4592
+ position: absolute;
4593
+ z-index: 1; }
4594
+
4595
+ .premium-badge-stripe {
4596
+ position: absolute;
4597
+ -webkit-transform: rotate(90deg);
4598
+ -ms-transform: rotate(90deg);
4599
+ transform: rotate(90deg);
4600
+ width: 15em;
4601
+ overflow: hidden;
4602
+ height: 15em; }
4603
+ .premium-badge-stripe.premium-badge-left {
4604
+ -webkit-transform: rotate(0);
4605
+ -ms-transform: rotate(0);
4606
+ transform: rotate(0); }
4607
+ .premium-badge-stripe .corner {
4608
+ text-align: center;
4609
+ left: 0;
4610
+ width: 150%;
4611
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4612
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4613
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4614
+ margin-top: 35px;
4615
+ font-size: 13px;
4616
+ line-height: 2;
4617
+ font-weight: 800;
4618
+ text-transform: uppercase; }
4619
+
4620
+ .premium-badge-flag .corner {
4621
+ text-align: center;
4622
+ -webkit-border-radius: 4px 4px 0 4px;
4623
+ border-radius: 4px 4px 0 4px;
4624
+ padding: 3px 15px;
4625
+ position: absolute;
4626
+ top: 10%;
4627
+ right: -8px; }
4628
+ .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4629
+ content: "";
4630
+ display: block;
4631
+ position: absolute;
4632
+ width: 0;
4633
+ height: 0;
4634
+ top: 100%;
4635
+ right: 0;
4636
+ border-bottom: 8px solid transparent; }
4637
+
4638
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4639
+ overflow: visible !important; }
4640
+
4641
+ .premium-badge-flag .corner::after {
4642
+ border-left: 8px solid rgba(0, 0, 0, 0.2); }
4643
+
4644
+ .premium-pricing-price-currency {
4645
+ position: relative; }
4646
+
4647
+ .premium-pricing-button-container {
4648
+ display: block; }
4649
+
4650
+ .premium-pricing-list {
4651
+ -js-display: flex;
4652
+ display: -webkit-box;
4653
+ display: -webkit-flex;
4654
+ display: -moz-box;
4655
+ display: -ms-flexbox;
4656
+ display: flex;
4657
+ -webkit-box-orient: vertical;
4658
+ -webkit-box-direction: normal;
4659
+ -webkit-flex-direction: column;
4660
+ -moz-box-orient: vertical;
4661
+ -moz-box-direction: normal;
4662
+ -ms-flex-direction: column;
4663
+ flex-direction: column;
4664
+ list-style-type: none;
4665
+ margin: 0; }
4666
+ .premium-pricing-list .premium-pricing-list-item {
4667
+ -js-display: flex;
4668
+ display: -webkit-box;
4669
+ display: -webkit-flex;
4670
+ display: -moz-box;
4671
+ display: -ms-flexbox;
4672
+ display: flex;
4673
+ -webkit-box-align: center;
4674
+ -webkit-align-items: center;
4675
+ -moz-box-align: center;
4676
+ -ms-flex-align: center;
4677
+ align-items: center; }
4678
+ .premium-pricing-list .premium-pricing-list-item svg {
4679
+ width: 50px;
4680
+ height: 50px; }
4681
+ .premium-pricing-list .premium-pricing-list-item img {
4682
+ width: 30px;
4683
+ height: 30px;
4684
+ -o-object-fit: cover;
4685
+ object-fit: cover; }
4686
+ .premium-pricing-list .premium-pricing-list-span {
4687
+ position: relative; }
4688
+ .premium-pricing-list .list-item-tooltip {
4689
+ border-bottom: 1px dotted; }
4690
+ .premium-pricing-list .premium-pricing-list-tooltip {
4691
+ position: absolute;
4692
+ top: -webkit-calc(100% + 1px);
4693
+ top: calc(100% + 1px);
4694
+ left: 0;
4695
+ visibility: hidden;
4696
+ padding: 15px 20px;
4697
+ -webkit-border-radius: 5px;
4698
+ border-radius: 5px;
4699
+ min-width: 200px;
4700
+ overflow: hidden;
4701
+ text-align: left;
4702
+ font-size: 0.8rem;
4703
+ color: #fff;
4704
+ background-color: #aaa; }
4705
+
4706
+ .premium-pricing-features-left .premium-pricing-list-span {
4707
+ text-align: left; }
4708
+
4709
+ .premium-pricing-features-center .premium-pricing-list-span {
4710
+ text-align: center; }
4711
+
4712
+ .premium-pricing-features-right .premium-pricing-list-span {
4713
+ text-align: right; }
4714
+
4715
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4716
+ z-index: 99;
4717
+ visibility: visible;
4718
+ opacity: 1; }
4719
+
4720
+ .premium-pricing-slashed-price-value {
4721
+ display: inline-block;
4722
+ font-size: 20px;
4723
+ font-weight: 400;
4724
+ margin-right: 5px; }
4725
+
4726
+ .premium-pricing-price-value {
4727
+ font-size: 70px; }
4728
+
4729
+ .premium-pricing-description-container li {
4730
+ list-style-position: inside;
4731
+ text-indent: -40px; }
4732
+
4733
+ @-moz-document url-prefix() {
4734
+ .premium-pricing-description-container li {
4735
+ text-indent: 0px; } }
4736
+
4737
+ .premium-pricing-price-button {
4738
+ display: block;
4739
+ padding: 6px 12px;
4740
+ line-height: 1.42857143;
4741
+ text-align: center;
4742
+ color: #fff;
4743
+ background: #6ec1e4;
4744
+ margin-bottom: 0;
4745
+ -webkit-transition: all 0.3s ease-in-out;
4746
+ transition: all 0.3s ease-in-out; }
4747
+
4748
+ /**************** Premium Google Maps ******************/
4749
+ /*******************************************************/
4750
+ .premium-maps-info-container {
4751
+ margin-top: 10px;
4752
+ margin-bottom: 10px; }
4753
+
4754
+ .premium-maps-info-title,
4755
+ .premium-maps-info-desc {
4756
+ margin: 0;
4757
+ padding: 0; }
4758
+
4759
+ .premium-maps-container .gm-style-iw {
4760
+ text-align: center; }
4761
+
4762
+ .premium-maps-container .gm-style img {
4763
+ max-width: none !important; }
4764
+
4765
+ /**************** Premium Button ***********************/
4766
+ /*******************************************************/
4767
+ .premium-button {
4768
+ display: inline-block;
4769
+ position: relative;
4770
+ overflow: hidden;
4771
+ cursor: pointer;
4772
+ -webkit-transition: all 0.2s ease-in-out !important;
4773
+ transition: all 0.2s ease-in-out !important; }
4774
+
4775
+ .premium-button-sm {
4776
+ padding: 12px 24px;
4777
+ font-size: 14px;
4778
+ line-height: 1; }
4779
+
4780
+ .premium-button .premium-lottie-animation,
4781
+ .premium-image-button .premium-lottie-animation {
4782
+ -js-display: flex;
4783
+ display: -webkit-box;
4784
+ display: -webkit-flex;
4785
+ display: -moz-box;
4786
+ display: -ms-flexbox;
4787
+ display: flex; }
4788
+ .premium-button .premium-lottie-animation svg,
4789
+ .premium-image-button .premium-lottie-animation svg {
4790
+ width: 50px;
4791
+ height: 50px; }
4792
+
4793
+ .premium-button-md {
4794
+ padding: 14px 26px;
4795
+ font-size: 16px;
4796
+ line-height: 1.2; }
4797
+
4798
+ .premium-button-lg {
4799
+ padding: 16px 28px;
4800
+ font-size: 18px;
4801
+ line-height: 1.3333; }
4802
+
4803
+ .premium-button-block {
4804
+ font-size: 15px;
4805
+ line-height: 1;
4806
+ padding: 12px 24px;
4807
+ width: 100%;
4808
+ text-align: center; }
4809
+
4810
+ .premium-button-text {
4811
+ display: inline-block;
4812
+ width: 100%; }
4813
+
4814
+ .premium-button-style1,
4815
+ .premium-button-style2,
4816
+ .premium-button-style5,
4817
+ .premium-button-style7 {
4818
+ display: inline-block;
4819
+ vertical-align: middle;
4820
+ -webkit-transform: perspective(1px) translateZ(0);
4821
+ transform: perspective(1px) translateZ(0);
4822
+ -webkit-box-shadow: 0 0 1px transparent;
4823
+ box-shadow: 0 0 1px transparent;
4824
+ position: relative;
4825
+ -webkit-transition-property: color;
4826
+ transition-property: color;
4827
+ -webkit-transition-duration: 0.15s;
4828
+ transition-duration: 0.15s; }
4829
+
4830
+ .premium-button-style1:before,
4831
+ .premium-button-style2:before,
4832
+ .premium-button-style5:before {
4833
+ content: "";
4834
+ position: absolute;
4835
+ z-index: -1;
4836
+ top: 0;
4837
+ left: 0;
4838
+ right: 0;
4839
+ bottom: 0;
4840
+ -webkit-transform: scaleY(0);
4841
+ -ms-transform: scaleY(0);
4842
+ transform: scaleY(0);
4843
+ -webkit-transform-origin: 50% 0;
4844
+ -ms-transform-origin: 50% 0;
4845
+ transform-origin: 50% 0;
4846
+ -webkit-transition-property: -webkit-transform;
4847
+ transition-property: -webkit-transform;
4848
+ transition-property: transform;
4849
+ transition-property: transform, -webkit-transform;
4850
+ -webkit-transition-duration: 0.15s;
4851
+ transition-duration: 0.15s;
4852
+ -webkit-transition-timing-function: ease-out;
4853
+ transition-timing-function: ease-out; }
4854
+
4855
+ .premium-button-style5-radialin:before,
4856
+ .premium-button-style5-radialout:before {
4857
+ -webkit-transform-origin: 50%;
4858
+ -ms-transform-origin: 50%;
4859
+ transform-origin: 50%;
4860
+ -webkit-border-radius: 100%;
4861
+ border-radius: 100%;
4862
+ -webkit-transform: scale(0);
4863
+ -ms-transform: scale(0);
4864
+ transform: scale(0); }
4865
+
4866
+ .premium-button-style5-radialin:before {
4867
+ -webkit-transform: scale(2);
4868
+ -ms-transform: scale(2);
4869
+ transform: scale(2); }
4870
+
4871
+ .premium-button-style5-rectin:before {
4872
+ -webkit-transform-origin: 50%;
4873
+ -ms-transform-origin: 50%;
4874
+ transform-origin: 50%;
4875
+ -webkit-transform: scale(1);
4876
+ -ms-transform: scale(1);
4877
+ transform: scale(1); }
4878
+
4879
+ .premium-button-style5-rectout:before {
4880
+ -webkit-transform-origin: 50%;
4881
+ -ms-transform-origin: 50%;
4882
+ transform-origin: 50%;
4883
+ -webkit-transform: scale(0);
4884
+ -ms-transform: scale(0);
4885
+ transform: scale(0); }
4886
+
4887
+ .premium-button-style5-rectout:hover:before {
4888
+ -webkit-transform: scale(1);
4889
+ -ms-transform: scale(1);
4890
+ transform: scale(1); }
4891
+
4892
+ .premium-button-style5-rectin:hover:before {
4893
+ -webkit-transform: scale(0);
4894
+ -ms-transform: scale(0);
4895
+ transform: scale(0); }
4896
+
4897
+ .premium-button-style5-radialout:hover:before {
4898
+ -webkit-transform: scale(2);
4899
+ -ms-transform: scale(2);
4900
+ transform: scale(2); }
4901
+
4902
+ .premium-button-style5-radialin:hover:before {
4903
+ -webkit-transform: scale(0);
4904
+ -ms-transform: scale(0);
4905
+ transform: scale(0); }
4906
+
4907
+ .premium-button-style1-top:before {
4908
+ -webkit-transform-origin: 50% 100%;
4909
+ -ms-transform-origin: 50% 100%;
4910
+ transform-origin: 50% 100%; }
4911
+
4912
+ .premium-button-style1-right:before {
4913
+ -webkit-transform: scaleX(0);
4914
+ -ms-transform: scaleX(0);
4915
+ transform: scaleX(0);
4916
+ -webkit-transform-origin: 0% 50%;
4917
+ -ms-transform-origin: 0% 50%;
4918
+ transform-origin: 0% 50%; }
4919
+
4920
+ .premium-button-style1-left:before {
4921
+ -webkit-transform: scaleX(0);
4922
+ -ms-transform: scaleX(0);
4923
+ transform: scaleX(0);
4924
+ -webkit-transform-origin: 100% 50%;
4925
+ -ms-transform-origin: 100% 50%;
4926
+ transform-origin: 100% 50%; }
4927
+
4928
+ .premium-button-style2-shutouthor:before,
4929
+ .premium-button-style2-scshutoutver:before {
4930
+ -webkit-transform: scaleY(0);
4931
+ -ms-transform: scaleY(0);
4932
+ transform: scaleY(0);
4933
+ -webkit-transform-origin: 100% 50%;
4934
+ -ms-transform-origin: 100% 50%;
4935
+ transform-origin: 100% 50%; }
4936
+
4937
+ .premium-button-style2-shutoutver:before,
4938
+ .premium-button-style2-scshutouthor:before {
4939
+ -webkit-transform: scaleX(0);
4940
+ -ms-transform: scaleX(0);
4941
+ transform: scaleX(0);
4942
+ -webkit-transform-origin: 50% 50%;
4943
+ -ms-transform-origin: 50% 50%;
4944
+ transform-origin: 50% 50%; }
4945
+
4946
+ .premium-button-style2-shutinhor:before {
4947
+ -webkit-transform: scaleX(1);
4948
+ -ms-transform: scaleX(1);
4949
+ transform: scaleX(1);
4950
+ -webkit-transform-origin: 50%;
4951
+ -ms-transform-origin: 50%;
4952
+ transform-origin: 50%; }
4953
+
4954
+ .premium-button-style2-shutinver:before {
4955
+ -webkit-transform: scaleY(1);
4956
+ -ms-transform: scaleY(1);
4957
+ transform: scaleY(1);
4958
+ -webkit-transform-origin: 50%;
4959
+ -ms-transform-origin: 50%;
4960
+ transform-origin: 50%; }
4961
+
4962
+ .premium-button-style1-bottom:hover:before,
4963
+ .premium-button-style1-top:hover:before {
4964
+ -webkit-transform: scaleY(1);
4965
+ -ms-transform: scaleY(1);
4966
+ transform: scaleY(1); }
4967
+
4968
+ .premium-button-style1-left:hover:before,
4969
+ .premium-button-style1-right:hover:before,
4970
+ .premium-button-style2-shutouthor:hover:before,
4971
+ .premium-button-style2-shutoutver:hover:before {
4972
+ -webkit-transform: scaleX(1);
4973
+ -ms-transform: scaleX(1);
4974
+ transform: scaleX(1); }
4975
+
4976
+ .premium-button-style2-shutinhor:hover:before {
4977
+ -webkit-transform: scaleX(0);
4978
+ -ms-transform: scaleX(0);
4979
+ transform: scaleX(0); }
4980
+
4981
+ .premium-button-style2-shutinver:hover:before {
4982
+ -webkit-transform: scaleY(0);
4983
+ -ms-transform: scaleY(0);
4984
+ transform: scaleY(0); }
4985
+
4986
+ .premium-button-style2-scshutouthor:hover:before {
4987
+ -webkit-transform: scaleX(0.9);
4988
+ -ms-transform: scaleX(0.9);
4989
+ transform: scaleX(0.9); }
4990
+
4991
+ .premium-button-style2-scshutoutver:hover:before {
4992
+ -webkit-transform: scaleY(0.8);
4993
+ -ms-transform: scaleY(0.8);
4994
+ transform: scaleY(0.8); }
4995
+
4996
+ /*Diagonal*/
4997
+ .premium-button-style2-dshutinhor:before {
4998
+ top: 50%;
4999
+ left: 50%;
5000
+ width: 120%;
5001
+ height: 0%;
5002
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5003
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5004
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5005
+ -webkit-transform-origin: 50%;
5006
+ -ms-transform-origin: 50%;
5007
+ transform-origin: 50%;
5008
+ -webkit-transition-property: all;
5009
+ transition-property: all; }
5010
+
5011
+ .premium-button-style2-dshutinver:before {
5012
+ top: 50%;
5013
+ left: 50%;
5014
+ width: 120%;
5015
+ height: 0%;
5016
+ -webkit-transform-origin: 50%;
5017
+ -ms-transform-origin: 50%;
5018
+ transform-origin: 50%;
5019
+ -webkit-transition-property: all;
5020
+ transition-property: all;
5021
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5022
+ -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5023
+ transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5024
+
5025
+ .premium-button-style2-dshutinhor:hover:before,
5026
+ .premium-button-style2-dshutinver:hover:before {
5027
+ height: 220%; }
5028
+
5029
+ .premium-button-style3-before i,
5030
+ .premium-button-style3-before svg {
5031
+ opacity: 0;
5032
+ -webkit-transform: translateX(-5px);
5033
+ -ms-transform: translateX(-5px);
5034
+ transform: translateX(-5px);
5035
+ -webkit-transition: all 0.5s ease-in-out;
5036
+ transition: all 0.5s ease-in-out; }
5037
+
5038
+ .premium-button-style3-after i,
5039
+ .premium-button-style3-after svg {
5040
+ opacity: 0;
5041
+ -webkit-transform: translateX(-5px);
5042
+ -ms-transform: translateX(-5px);
5043
+ transform: translateX(-5px);
5044
+ -webkit-transition: all 0.5s ease-in-out;
5045
+ transition: all 0.5s ease-in-out;
5046
+ -webkit-transform: translateX(5px);
5047
+ -ms-transform: translateX(5px);
5048
+ transform: translateX(5px); }
5049
+
5050
+ .premium-button-style3-after:hover i,
5051
+ .premium-button-style3-after:hover svg {
5052
+ opacity: 1; }
5053
+
5054
+ .premium-button-style3-before:hover i,
5055
+ .premium-button-style3-before:hover svg {
5056
+ opacity: 1; }
5057
+
5058
+ .premium-button-text-icon-wrapper {
5059
+ -js-display: flex;
5060
+ display: -webkit-box;
5061
+ display: -webkit-flex;
5062
+ display: -moz-box;
5063
+ display: -ms-flexbox;
5064
+ display: flex;
5065
+ -webkit-box-pack: center;
5066
+ -webkit-justify-content: center;
5067
+ -moz-box-pack: center;
5068
+ -ms-flex-pack: center;
5069
+ justify-content: center;
5070
+ -webkit-box-align: center;
5071
+ -webkit-align-items: center;
5072
+ -moz-box-align: center;
5073
+ -ms-flex-align: center;
5074
+ align-items: center;
5075
+ -webkit-transition: all 0.2s ease-in-out;
5076
+ transition: all 0.2s ease-in-out; }
5077
+ .premium-button-text-icon-wrapper span,
5078
+ .premium-button-text-icon-wrapper i,
5079
+ .premium-button-text-icon-wrapper svg {
5080
+ -webkit-transition: all 0.2s ease-in-out;
5081
+ transition: all 0.2s ease-in-out; }
5082
+
5083
+ .premium-button-style4-icon-wrapper {
5084
+ position: absolute;
5085
+ z-index: 2;
5086
+ width: 100%;
5087
+ text-align: center;
5088
+ -js-display: flex;
5089
+ display: -webkit-box;
5090
+ display: -webkit-flex;
5091
+ display: -moz-box;
5092
+ display: -ms-flexbox;
5093
+ display: flex;
5094
+ -webkit-box-align: center;
5095
+ -webkit-align-items: center;
5096
+ -moz-box-align: center;
5097
+ -ms-flex-align: center;
5098
+ align-items: center;
5099
+ -webkit-box-pack: center;
5100
+ -webkit-justify-content: center;
5101
+ -moz-box-pack: center;
5102
+ -ms-flex-pack: center;
5103
+ justify-content: center;
5104
+ height: 100%;
5105
+ opacity: 0;
5106
+ -webkit-transition: all 0.3s ease-in-out;
5107
+ transition: all 0.3s ease-in-out; }
5108
+ .premium-button-style4-icon-wrapper.top {
5109
+ bottom: -100%;
5110
+ left: 0; }
5111
+ .premium-button-style4-icon-wrapper.bottom {
5112
+ top: -100%;
5113
+ left: 0; }
5114
+ .premium-button-style4-icon-wrapper.left {
5115
+ top: 0;
5116
+ left: -100%; }
5117
+ .premium-button-style4-icon-wrapper.right {
5118
+ top: 0;
5119
+ right: -100%; }
5120
+
5121
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5122
+ top: 0;
5123
+ opacity: 1; }
5124
+
5125
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5126
+ bottom: 0;
5127
+ opacity: 1; }
5128
+
5129
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5130
+ left: 0;
5131
+ opacity: 1; }
5132
+
5133
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5134
+ right: 0;
5135
+ opacity: 1; }
5136
+
5137
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5138
+ -webkit-transform: translateY(100%);
5139
+ -ms-transform: translateY(100%);
5140
+ transform: translateY(100%);
5141
+ opacity: 0; }
5142
+
5143
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5144
+ -webkit-transform: translateY(-100%);
5145
+ -ms-transform: translateY(-100%);
5146
+ transform: translateY(-100%);
5147
+ opacity: 0; }
5148
+
5149
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5150
+ -webkit-transform: translateX(100%);
5151
+ -ms-transform: translateX(100%);
5152
+ transform: translateX(100%);
5153
+ opacity: 0; }
5154
+
5155
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5156
+ -webkit-transform: translateX(-100%);
5157
+ -ms-transform: translateX(-100%);
5158
+ transform: translateX(-100%);
5159
+ opacity: 0; }
5160
+
5161
+ .premium-button-style6:before {
5162
+ content: "";
5163
+ position: absolute;
5164
+ left: 50%;
5165
+ top: 50%;
5166
+ width: 100px;
5167
+ height: 100px;
5168
+ -webkit-border-radius: 100%;
5169
+ border-radius: 100%;
5170
+ -webkit-transform: translate(-50%, -50%) scale(0);
5171
+ -ms-transform: translate(-50%, -50%) scale(0);
5172
+ transform: translate(-50%, -50%) scale(0);
5173
+ -webkit-transition: all 0.3s ease-in-out;
5174
+ transition: all 0.3s ease-in-out; }
5175
+
5176
+ .premium-button-style6:hover:before {
5177
+ -webkit-transform: translate(-50%, -50%) scale(3);
5178
+ -ms-transform: translate(-50%, -50%) scale(3);
5179
+ transform: translate(-50%, -50%) scale(3); }
5180
+
5181
+ .premium-button-style6 .premium-button-text-icon-wrapper {
5182
+ position: relative;
5183
+ z-index: 1; }
5184
+
5185
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5186
+ position: absolute;
5187
+ z-index: 0;
5188
+ top: 0;
5189
+ left: 0;
5190
+ width: 0px;
5191
+ height: 0px;
5192
+ -webkit-border-radius: 50%;
5193
+ border-radius: 50%;
5194
+ display: block;
5195
+ -webkit-transform: translate(-50%, -50%);
5196
+ -ms-transform: translate(-50%, -50%);
5197
+ transform: translate(-50%, -50%);
5198
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5199
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5200
+
5201
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5202
+ width: 225%;
5203
+ height: 560px; }
5204
+
5205
+ .premium-mouse-detect-yes .premium-button-style6:before {
5206
+ width: 0;
5207
+ height: 0; }
5208
+
5209
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5210
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5211
+ -webkit-transition: width 0.3s ease-out 0.15s;
5212
+ transition: width 0.3s ease-out 0.15s; }
5213
+
5214
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5215
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5216
+ -webkit-transition: width 0.3s ease-out 0s;
5217
+ transition: width 0.3s ease-out 0s; }
5218
+
5219
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5220
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5221
+ -webkit-transition: height 0.3s ease-out 0.15s;
5222
+ transition: height 0.3s ease-out 0.15s; }
5223
+
5224
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5225
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5226
+ -webkit-transition: height 0.3s ease-out 0s;
5227
+ transition: height 0.3s ease-out 0s; }
5228
+
5229
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5230
+ -webkit-transition-delay: 0s;
5231
+ transition-delay: 0s; }
5232
+
5233
+ .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5234
+ -webkit-transition-delay: 0.15s;
5235
+ transition-delay: 0.15s; }
5236
+
5237
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5238
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5239
+ content: "";
5240
+ position: absolute;
5241
+ right: 0;
5242
+ top: 0;
5243
+ left: 0;
5244
+ height: 0;
5245
+ z-index: -1; }
5246
+
5247
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5248
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5249
+ content: "";
5250
+ position: absolute;
5251
+ right: 0;
5252
+ bottom: 0;
5253
+ left: 0;
5254
+ height: 0;
5255
+ z-index: -1; }
5256
+
5257
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5258
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5259
+ content: "";
5260
+ position: absolute;
5261
+ right: 0;
5262
+ top: 0;
5263
+ bottom: 0;
5264
+ width: 0;
5265
+ z-index: -1; }
5266
+
5267
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5268
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5269
+ content: "";
5270
+ position: absolute;
5271
+ left: 0;
5272
+ top: 0;
5273
+ bottom: 0;
5274
+ width: 0;
5275
+ z-index: -1; }
5276
+
5277
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5278
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5279
+ height: 100%;
5280
+ top: 0; }
5281
+
5282
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5283
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5284
+ height: 100%;
5285
+ bottom: 0; }
5286
+
5287
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5288
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5289
+ width: 100%;
5290
+ left: 0; }
5291
+
5292
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5293
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5294
+ width: 100%;
5295
+ right: 0; }
5296
+
5297
+ /**************** Premium Contact Form7 **********/
5298
+ /*************************************************/
5299
+ .premium-contact-form-anim-yes .wpcf7-span::after {
5300
+ display: block;
5301
+ height: 2px;
5302
+ content: "";
5303
+ top: -2px;
5304
+ position: relative;
5305
+ width: 0px;
5306
+ -webkit-transition: all ease-in-out 0.3s;
5307
+ transition: all ease-in-out 0.3s; }
5308
+
5309
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5310
+ width: 100%; }
5311
+
5312
+ /**************** Premium Image Button ***********/
5313
+ /*************************************************/
5314
+ .premium-image-button {
5315
+ display: inline-block;
5316
+ position: relative;
5317
+ overflow: hidden;
5318
+ background: #6ec1e4;
5319
+ cursor: pointer;
5320
+ -webkit-transition: all 0.2s ease-in-out !important;
5321
+ transition: all 0.2s ease-in-out !important; }
5322
+ .premium-image-button:hover {
5323
+ background-color: #54595f; }
5324
+
5325
+ /*Default background for slide styles*/
5326
+ .premium-image-button-style4-icon-wrapper,
5327
+ .premium-image-button-style1:before {
5328
+ background-color: #54595f; }
5329
+
5330
+ .premium-image-button.premium-image-button-sm {
5331
+ padding: 12px 24px;
5332
+ font-size: 14px;
5333
+ line-height: 1; }
5334
+
5335
+ .premium-image-button.premium-image-button-md {
5336
+ padding: 14px 26px;
5337
+ font-size: 16px;
5338
+ line-height: 1.2; }
5339
+
5340
+ .premium-image-button.premium-image-button-lg {
5341
+ padding: 16px 28px;
5342
+ font-size: 18px;
5343
+ line-height: 1.3333; }
5344
+
5345
+ .premium-image-button.premium-image-button-block {
5346
+ font-size: 15px;
5347
+ line-height: 1;
5348
+ padding: 12px 24px;
5349
+ width: 100%;
5350
+ text-align: center; }
5351
+
5352
+ .premium-image-button-text-icon-wrapper {
5353
+ -js-display: flex;
5354
+ display: -webkit-box;
5355
+ display: -webkit-flex;
5356
+ display: -moz-box;
5357
+ display: -ms-flexbox;
5358
+ display: flex;
5359
+ -webkit-box-pack: center;
5360
+ -webkit-justify-content: center;
5361
+ -moz-box-pack: center;
5362
+ -ms-flex-pack: center;
5363
+ justify-content: center;
5364
+ -webkit-box-align: center;
5365
+ -webkit-align-items: center;
5366
+ -moz-box-align: center;
5367
+ -ms-flex-align: center;
5368
+ align-items: center;
5369
+ position: relative;
5370
+ z-index: 3;
5371
+ -webkit-transition: all 0.2s ease-in-out;
5372
+ transition: all 0.2s ease-in-out; }
5373
+ .premium-image-button-text-icon-wrapper span,
5374
+ .premium-image-button-text-icon-wrapper i,
5375
+ .premium-image-button-text-icon-wrapper svg {
5376
+ -webkit-transition: all 0.2s ease-in-out;
5377
+ transition: all 0.2s ease-in-out; }
5378
+
5379
+ .premium-image-button-style1:before {
5380
+ position: absolute;
5381
+ content: "";
5382
+ -webkit-transition: all 0.2s ease-in-out;
5383
+ transition: all 0.2s ease-in-out; }
5384
+
5385
+ .premium-image-button-style1-bottom:before {
5386
+ width: 100%;
5387
+ height: 0;
5388
+ top: 0;
5389
+ left: 0; }
5390
+
5391
+ .premium-image-button-style1-top:before {
5392
+ width: 100%;
5393
+ height: 0;
5394
+ bottom: 0;
5395
+ left: 0; }
5396
+
5397
+ .premium-image-button-style1-right:before {
5398
+ width: 0;
5399
+ height: 100%;
5400
+ bottom: 0;
5401
+ left: 0; }
5402
+
5403
+ .premium-image-button-style1-left:before {
5404
+ width: 0;
5405
+ height: 100%;
5406
+ top: 0;
5407
+ right: 0; }
5408
+
5409
+ .premium-image-button-style1-bottom:hover:before,
5410
+ .premium-image-button-style1-top:hover:before {
5411
+ height: 100%; }
5412
+
5413
+ .premium-image-button-style1-right:hover:before,
5414
+ .premium-image-button-style1-left:hover:before {
5415
+ width: 100%; }
5416
+
5417
+ .premium-image-button-style3 {
5418
+ z-index: 10; }
5419
+ .premium-image-button-style3:before {
5420
+ position: absolute;
5421
+ top: 0px;
5422
+ left: 0px;
5423
+ width: 100%;
5424
+ height: 100%;
5425
+ content: "";
5426
+ z-index: 1;
5427
+ background: rgba(255, 255, 255, 0.2);
5428
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5429
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5430
+ -webkit-transition: all 0.8s ease-out;
5431
+ transition: all 0.8s ease-out; }
5432
+
5433
+ .premium-image-button-diagonal-right:before {
5434
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5435
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5436
+
5437
+ .premium-image-button-diagonal-right:hover:before {
5438
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5439
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5440
+
5441
+ .premium-image-button-diagonal-left:before {
5442
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5443
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5444
+
5445
+ .premium-image-button-diagonal-left:hover:before {
5446
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5447
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5448
+
5449
+ .premium-image-button-diagonal-bottom:before {
5450
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5451
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5452
+
5453
+ .premium-image-button-diagonal-bottom:hover:before {
5454
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5455
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5456
+
5457
+ .premium-image-button-diagonal-top:before {
5458
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5459
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5460
+
5461
+ .premium-image-button-diagonal-top:hover:before {
5462
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5463
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5464
+
5465
+ .premium-image-button-style4-icon-wrapper {
5466
+ position: absolute;
5467
+ z-index: 2;
5468
+ width: 100%;
5469
+ text-align: center;
5470
+ -js-display: flex;
5471
+ display: -webkit-box;
5472
+ display: -webkit-flex;
5473
+ display: -moz-box;
5474
+ display: -ms-flexbox;
5475
+ display: flex;
5476
+ -webkit-box-align: center;
5477
+ -webkit-align-items: center;
5478
+ -moz-box-align: center;
5479
+ -ms-flex-align: center;
5480
+ align-items: center;
5481
+ -webkit-box-pack: center;
5482
+ -webkit-justify-content: center;
5483
+ -moz-box-pack: center;
5484
+ -ms-flex-pack: center;
5485
+ justify-content: center;
5486
+ height: 100%;
5487
+ opacity: 0;
5488
+ -webkit-transition: all 0.3s ease-in-out;
5489
+ transition: all 0.3s ease-in-out; }
5490
+ .premium-image-button-style4-icon-wrapper.top {
5491
+ bottom: -100%;
5492
+ left: 0; }
5493
+ .premium-image-button-style4-icon-wrapper.bottom {
5494
+ top: -100%;
5495
+ left: 0; }
5496
+ .premium-image-button-style4-icon-wrapper.left {
5497
+ top: 0;
5498
+ left: -100%; }
5499
+ .premium-image-button-style4-icon-wrapper.right {
5500
+ top: 0;
5501
+ right: -100%; }
5502
+
5503
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5504
+ top: 0;
5505
+ opacity: 1; }
5506
+
5507
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5508
+ -webkit-transform: translateY(100%);
5509
+ -ms-transform: translateY(100%);
5510
+ transform: translateY(100%);
5511
+ opacity: 0; }
5512
+
5513
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5514
+ bottom: 0;
5515
+ opacity: 1; }
5516
+
5517
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5518
+ -webkit-transform: translateY(-100%);
5519
+ -ms-transform: translateY(-100%);
5520
+ transform: translateY(-100%);
5521
+ opacity: 0; }
5522
+
5523
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5524
+ left: 0;
5525
+ opacity: 1; }
5526
+
5527
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5528
+ -webkit-transform: translateX(100%);
5529
+ -ms-transform: translateX(100%);
5530
+ transform: translateX(100%);
5531
+ opacity: 0; }
5532
+
5533
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5534
+ right: 0;
5535
+ opacity: 1; }
5536
+
5537
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5538
+ -webkit-transform: translateX(-100%);
5539
+ -ms-transform: translateX(-100%);
5540
+ transform: translateX(-100%);
5541
+ opacity: 0; }
5542
+
5543
+ .premium-image-button-style5:before {
5544
+ position: absolute;
5545
+ content: "";
5546
+ top: 0;
5547
+ left: 0;
5548
+ width: 100%;
5549
+ height: 100%;
5550
+ opacity: 0;
5551
+ -webkit-transition: all 1s ease-in-out;
5552
+ transition: all 1s ease-in-out;
5553
+ background: rgba(255, 255, 255, 0.2);
5554
+ -webkit-animation-name: premium-overlap-effect-done;
5555
+ animation-name: premium-overlap-effect-done;
5556
+ -webkit-animation-duration: 1s;
5557
+ animation-duration: 1s; }
5558
+
5559
+ .premium-image-button-overlap-effect-vertical:before {
5560
+ -webkit-animation-name: premium-overlap-ver-effect-done;
5561
+ animation-name: premium-overlap-ver-effect-done; }
5562
+
5563
+ .premium-image-button-overlap-effect-horizontal:hover:before {
5564
+ -webkit-animation-name: premium-overlap-effect;
5565
+ animation-name: premium-overlap-effect; }
5566
+
5567
+ .premium-image-button-overlap-effect-vertical:hover:before {
5568
+ -webkit-animation-name: premium-overlap-ver-effect;
5569
+ animation-name: premium-overlap-ver-effect; }
5570
+
5571
+ @-webkit-keyframes premium-overlap-effect {
5572
+ 0% {
5573
+ opacity: 0;
5574
+ -webkit-transform: rotateY(0deg);
5575
+ transform: rotateY(0deg); }
5576
+ 50% {
5577
+ opacity: 1;
5578
+ -webkit-transform: rotateY(180deg);
5579
+ transform: rotateY(180deg); }
5580
+ 100% {
5581
+ opacity: 0;
5582
+ -webkit-transform: rotateY(360deg);
5583
+ transform: rotateY(360deg); } }
5584
+
5585
+ @keyframes premium-overlap-effect {
5586
+ 0% {
5587
+ opacity: 0;
5588
+ -webkit-transform: rotateY(0deg);
5589
+ transform: rotateY(0deg); }
5590
+ 50% {
5591
+ opacity: 1;
5592
+ -webkit-transform: rotateY(180deg);
5593
+ transform: rotateY(180deg); }
5594
+ 100% {
5595
+ opacity: 0;
5596
+ -webkit-transform: rotateY(360deg);
5597
+ transform: rotateY(360deg); } }
5598
+
5599
+ @-webkit-keyframes premium-overlap-effect-done {
5600
+ 0% {
5601
+ opacity: 0;
5602
+ -webkit-transform: rotateY(0deg);
5603
+ transform: rotateY(0deg); }
5604
+ 50% {
5605
+ opacity: 1;
5606
+ -webkit-transform: rotateY(180deg);
5607
+ transform: rotateY(180deg); }
5608
+ 100% {
5609
+ opacity: 0;
5610
+ -webkit-transform: rotateY(360deg);
5611
+ transform: rotateY(360deg); } }
5612
+
5613
+ @keyframes premium-overlap-effect-done {
5614
+ 0% {
5615
+ opacity: 0;
5616
+ -webkit-transform: rotateY(0deg);
5617
+ transform: rotateY(0deg); }
5618
+ 50% {
5619
+ opacity: 1;
5620
+ -webkit-transform: rotateY(180deg);
5621
+ transform: rotateY(180deg); }
5622
+ 100% {
5623
+ opacity: 0;
5624
+ -webkit-transform: rotateY(360deg);
5625
+ transform: rotateY(360deg); } }
5626
+
5627
+ @-webkit-keyframes premium-overlap-ver-effect {
5628
+ 0% {
5629
+ opacity: 0;
5630
+ -webkit-transform: rotateX(0deg);
5631
+ transform: rotateX(0deg); }
5632
+ 50% {
5633
+ opacity: 1;
5634
+ -webkit-transform: rotateX(180deg);
5635
+ transform: rotateX(180deg); }
5636
+ 100% {
5637
+ opacity: 0;
5638
+ -webkit-transform: rotateX(360deg);
5639
+ transform: rotateX(360deg); } }
5640
+
5641
+ @keyframes premium-overlap-ver-effect {
5642
+ 0% {
5643
+ opacity: 0;
5644
+ -webkit-transform: rotateX(0deg);
5645
+ transform: rotateX(0deg); }
5646
+ 50% {
5647
+ opacity: 1;
5648
+ -webkit-transform: rotateX(180deg);
5649
+ transform: rotateX(180deg); }
5650
+ 100% {
5651
+ opacity: 0;
5652
+ -webkit-transform: rotateX(360deg);
5653
+ transform: rotateX(360deg); } }
5654
+
5655
+ @-webkit-keyframes premium-overlap-ver-effect-done {
5656
+ 0% {
5657
+ opacity: 0;
5658
+ -webkit-transform: rotateX(0deg);
5659
+ transform: rotateX(0deg); }
5660
+ 50% {
5661
+ opacity: 1;
5662
+ -webkit-transform: rotateX(180deg);
5663
+ transform: rotateX(180deg); }
5664
+ 100% {
5665
+ opacity: 0;
5666
+ -webkit-transform: rotateX(360deg);
5667
+ transform: rotateX(360deg); } }
5668
+
5669
+ @keyframes premium-overlap-ver-effect-done {
5670
+ 0% {
5671
+ opacity: 0;
5672
+ -webkit-transform: rotateX(0deg);
5673
+ transform: rotateX(0deg); }
5674
+ 50% {
5675
+ opacity: 1;
5676
+ -webkit-transform: rotateX(180deg);
5677
+ transform: rotateX(180deg); }
5678
+ 100% {
5679
+ opacity: 0;
5680
+ -webkit-transform: rotateX(360deg);
5681
+ transform: rotateX(360deg); } }
5682
+
5683
+ /**************** Premium Grid /****************/
5684
+ /***********************************************/
5685
+ .premium-img-gallery-filter,
5686
+ .premium-blog-filter {
5687
+ -js-display: flex;
5688
+ display: -webkit-box;
5689
+ display: -webkit-flex;
5690
+ display: -moz-box;
5691
+ display: -ms-flexbox;
5692
+ display: flex;
5693
+ -webkit-box-align: center;
5694
+ -webkit-align-items: center;
5695
+ -moz-box-align: center;
5696
+ -ms-flex-align: center;
5697
+ align-items: center;
5698
+ -webkit-box-pack: center;
5699
+ -webkit-justify-content: center;
5700
+ -moz-box-pack: center;
5701
+ -ms-flex-pack: center;
5702
+ justify-content: center; }
5703
+
5704
+ .premium-img-gallery {
5705
+ clear: both;
5706
+ overflow: hidden; }
5707
+
5708
+ .premium-gallery-container .premium-gallery-item {
5709
+ padding: 10px;
5710
+ float: left; }
5711
+
5712
+ .premium-gallery-container .grid-sizer {
5713
+ width: 33.33%; }
5714
+
5715
+ .premium-gallery-container .pa-gallery-item {
5716
+ padding: 10px; }
5717
+
5718
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5719
+ .premium-blog-filter .premium-blog-filters-container li a.category {
5720
+ outline: none;
5721
+ text-decoration: none;
5722
+ -webkit-border-radius: 75px;
5723
+ border-radius: 75px;
5724
+ margin: 15px 5px 20px;
5725
+ padding: 7px 20px;
5726
+ -webkit-transition: all 0.3s ease-in-out;
5727
+ transition: all 0.3s ease-in-out; }
5728
+
5729
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5730
+ -webkit-transition: all 0.3s ease-in-out;
5731
+ transition: all 0.3s ease-in-out; }
5732
+
5733
+ .pa-gallery-img {
5734
+ position: relative; }
5735
+ .pa-gallery-img .pa-gallery-whole-link {
5736
+ position: absolute;
5737
+ top: 0;
5738
+ left: 0;
5739
+ width: 100%;
5740
+ height: 100%; }
5741
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
5742
+ z-index: 99; }
5743
+
5744
+ .pa-gallery-img-container {
5745
+ overflow: hidden;
5746
+ -webkit-backface-visibility: hidden;
5747
+ backface-visibility: hidden;
5748
+ -webkit-transform: translate3d(0, 0, 0);
5749
+ transform: translate3d(0, 0, 0); }
5750
+ .pa-gallery-img-container img {
5751
+ display: block;
5752
+ width: 100%;
5753
+ -webkit-transition: all 0.3s ease-in-out;
5754
+ transition: all 0.3s ease-in-out; }
5755
+
5756
+ .premium-img-gallery.gray img {
5757
+ -webkit-filter: grayscale(100%);
5758
+ filter: grayscale(100%); }
5759
+
5760
+ .premium-img-gallery.zoomout img,
5761
+ .premium-img-gallery.scale img {
5762
+ -webkit-transform: scale(1.2);
5763
+ -ms-transform: scale(1.2);
5764
+ transform: scale(1.2); }
5765
+
5766
+ .premium-img-gallery.sepia img {
5767
+ -webkit-filter: sepia(30%);
5768
+ filter: sepia(30%); }
5769
+
5770
+ .premium-img-gallery.bright img {
5771
+ -webkit-filter: brightness(1);
5772
+ filter: brightness(1); }
5773
+
5774
+ .premium-img-gallery.trans img {
5775
+ -webkit-transform: translateX(-15px) scale(1.1);
5776
+ -ms-transform: translateX(-15px) scale(1.1);
5777
+ transform: translateX(-15px) scale(1.1); }
5778
+
5779
+ .pa-gallery-img .pa-gallery-magnific-image,
5780
+ .pa-gallery-img .pa-gallery-img-link {
5781
+ outline: none; }
5782
+
5783
+ .pa-gallery-img .pa-gallery-magnific-image span,
5784
+ .pa-gallery-img .pa-gallery-img-link span {
5785
+ line-height: 1;
5786
+ display: inline-block;
5787
+ opacity: 0;
5788
+ margin: 0 5px;
5789
+ padding: 15px;
5790
+ -webkit-border-radius: 50%;
5791
+ border-radius: 50%; }
5792
+
5793
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5794
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
5795
+ margin: 0 5px 20px; }
5796
+
5797
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
5798
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5799
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5800
+
5801
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5802
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5803
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5804
+
5805
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
5806
+ .pa-gallery-img:hover .pa-gallery-img-link span {
5807
+ opacity: 1; }
5808
+
5809
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
5810
+ opacity: 1; }
5811
+
5812
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
5813
+ .premium-blog-filter ul.premium-blog-filters-container {
5814
+ text-align: center;
5815
+ margin: 0;
5816
+ padding: 0; }
5817
+
5818
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
5819
+ .premium-blog-filter .premium-blog-filters-container li {
5820
+ list-style: none;
5821
+ -js-display: inline-flex;
5822
+ display: -webkit-inline-box;
5823
+ display: -webkit-inline-flex;
5824
+ display: -moz-inline-box;
5825
+ display: -ms-inline-flexbox;
5826
+ display: inline-flex; }
5827
+
5828
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5829
+ -webkit-transform: scale(1.1);
5830
+ -ms-transform: scale(1.1);
5831
+ transform: scale(1.1); }
5832
+
5833
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5834
+ -webkit-transform: scale(1);
5835
+ -ms-transform: scale(1);
5836
+ transform: scale(1); }
5837
+
5838
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
5839
+ -webkit-transform: scale(1.3) rotate(5deg);
5840
+ -ms-transform: scale(1.3) rotate(5deg);
5841
+ transform: scale(1.3) rotate(5deg); }
5842
+
5843
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
5844
+ -webkit-filter: grayscale(0%);
5845
+ filter: grayscale(0%); }
5846
+
5847
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
5848
+ -webkit-filter: blur(3px);
5849
+ filter: blur(3px); }
5850
+
5851
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
5852
+ -webkit-filter: sepia(0%);
5853
+ filter: sepia(0%); }
5854
+
5855
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
5856
+ -webkit-transform: translateX(0px) scale(1.1);
5857
+ -ms-transform: translateX(0px) scale(1.1);
5858
+ transform: translateX(0px) scale(1.1); }
5859
+
5860
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
5861
+ -webkit-filter: brightness(1.2);
5862
+ filter: brightness(1.2); }
5863
+
5864
+ .pa-gallery-img .premium-gallery-caption {
5865
+ padding: 10px; }
5866
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5867
+ margin-bottom: 0; }
5868
+
5869
+ .pa-gallery-img.style1 {
5870
+ overflow: hidden; }
5871
+
5872
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5873
+ position: absolute;
5874
+ top: 0;
5875
+ left: 0;
5876
+ width: 100%;
5877
+ height: 100%;
5878
+ -webkit-transition: all 0.3s ease-in-out;
5879
+ transition: all 0.3s ease-in-out; }
5880
+
5881
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5882
+ position: absolute;
5883
+ top: 33.33%;
5884
+ width: 100%;
5885
+ text-align: center;
5886
+ -webkit-transform: translateY(-50%);
5887
+ -ms-transform: translateY(-50%);
5888
+ transform: translateY(-50%);
5889
+ z-index: 999; }
5890
+
5891
+ .pa-gallery-img.style1 .premium-gallery-caption {
5892
+ position: absolute;
5893
+ top: auto;
5894
+ right: 0;
5895
+ bottom: -1px;
5896
+ left: 0;
5897
+ width: 100%;
5898
+ -webkit-transition: all 500ms ease 0s;
5899
+ transition: all 500ms ease 0s;
5900
+ -webkit-transform: translate3d(0, 100%, 0);
5901
+ transform: translate3d(0, 100%, 0); }
5902
+
5903
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
5904
+ -webkit-transform: translate3d(0, 0, 0);
5905
+ transform: translate3d(0, 0, 0);
5906
+ bottom: -1px !important; }
5907
+
5908
+ .pa-gallery-img.default .premium-gallery-caption {
5909
+ position: absolute;
5910
+ top: auto;
5911
+ right: 0;
5912
+ left: 0;
5913
+ width: 100%;
5914
+ bottom: 0; }
5915
+
5916
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5917
+ position: absolute;
5918
+ top: 0;
5919
+ left: 0;
5920
+ width: 100%;
5921
+ height: 100%;
5922
+ opacity: 0;
5923
+ -webkit-backface-visibility: hidden;
5924
+ backface-visibility: hidden;
5925
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5926
+ transition: opacity 0.3s, -webkit-transform 0.3s;
5927
+ transition: transform 0.3s, opacity 0.3s;
5928
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
5929
+ z-index: 1;
5930
+ background-color: rgba(108, 191, 226, 0.68);
5931
+ -js-display: flex;
5932
+ display: -webkit-box;
5933
+ display: -webkit-flex;
5934
+ display: -moz-box;
5935
+ display: -ms-flexbox;
5936
+ display: flex;
5937
+ text-align: center;
5938
+ -webkit-box-align: center;
5939
+ -webkit-align-items: center;
5940
+ -moz-box-align: center;
5941
+ -ms-flex-align: center;
5942
+ align-items: center; }
5943
+
5944
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
5945
+ width: 100%; }
5946
+
5947
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
5948
+ opacity: 1;
5949
+ -webkit-transform: translate(15px, 15px);
5950
+ -ms-transform: translate(15px, 15px);
5951
+ transform: translate(15px, 15px); }
5952
+
5953
+ .premium-clearfix {
5954
+ clear: both; }
5955
+
5956
+ /**
5957
+ * Metro Layout
5958
+ */
5959
+ .premium-img-gallery-metro .premium-gallery-item {
5960
+ overflow: hidden; }
5961
+
5962
+ .premium-img-gallery-metro .pa-gallery-img {
5963
+ height: 100%; }
5964
+
5965
+ .premium-img-gallery-metro .pa-gallery-img-container {
5966
+ height: 100%; }
5967
+ .premium-img-gallery-metro .pa-gallery-img-container img {
5968
+ min-height: 100%;
5969
+ width: 100%;
5970
+ -o-object-fit: fill;
5971
+ object-fit: fill; }
5972
+
5973
+ .premium-img-gallery .premium-gallery-item-hidden {
5974
+ visibility: hidden;
5975
+ width: 0 !important;
5976
+ height: 0 !important;
5977
+ margin: 0 !important;
5978
+ padding: 0 !important; }
5979
+
5980
+ .premium-gallery-load-more {
5981
+ position: relative; }
5982
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
5983
+ -webkit-box-shadow: none;
5984
+ box-shadow: none;
5985
+ text-shadow: none;
5986
+ border: none;
5987
+ outline: none;
5988
+ -webkit-box-align: center;
5989
+ -webkit-align-items: center;
5990
+ -moz-box-align: center;
5991
+ -ms-flex-align: center;
5992
+ align-items: center;
5993
+ vertical-align: bottom;
5994
+ cursor: pointer;
5995
+ line-height: 1;
5996
+ font-style: normal;
5997
+ font-weight: normal;
5998
+ background-image: none;
5999
+ color: #fff;
6000
+ -webkit-transition: all 0.3s ease-in-out;
6001
+ transition: all 0.3s ease-in-out; }
6002
+
6003
+ .premium-gallery-load-more-btn {
6004
+ -js-display: inline-flex;
6005
+ display: -webkit-inline-box;
6006
+ display: -webkit-inline-flex;
6007
+ display: -moz-inline-box;
6008
+ display: -ms-inline-flexbox;
6009
+ display: inline-flex;
6010
+ -webkit-box-align: center;
6011
+ -webkit-align-items: center;
6012
+ -moz-box-align: center;
6013
+ -ms-flex-align: center;
6014
+ align-items: center; }
6015
+
6016
+ .premium-loader {
6017
+ border: 3px solid #f3f3f3;
6018
+ border-top-width: 3px;
6019
+ border-top-style: solid;
6020
+ border-top-color: #f3f3f3;
6021
+ -webkit-border-radius: 50%;
6022
+ border-radius: 50%;
6023
+ border-top: 3px solid;
6024
+ border-top-color: #bbb;
6025
+ width: 30px;
6026
+ height: 30px;
6027
+ -webkit-animation: spin 2s linear infinite;
6028
+ animation: spin 2s linear infinite;
6029
+ margin: 0 auto; }
6030
+
6031
+ .premium-gallery-load-more-btn div {
6032
+ margin-left: 3px; }
6033
+
6034
+ .premium-gallery-load-more-btn .premium-loader {
6035
+ display: inline-block;
6036
+ width: 20px;
6037
+ height: 20px; }
6038
+
6039
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
6040
+ display: inline-block; }
6041
+
6042
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6043
+ .pa-gallery-img .pa-gallery-video-icon {
6044
+ cursor: pointer; }
6045
+
6046
+ .pa-gallery-img-container iframe {
6047
+ position: absolute;
6048
+ visibility: hidden;
6049
+ top: 0;
6050
+ left: 0;
6051
+ max-width: 100%;
6052
+ width: 100%;
6053
+ height: 100%;
6054
+ margin: 0;
6055
+ line-height: 1;
6056
+ border: none; }
6057
+
6058
+ .pa-gallery-img-container video {
6059
+ position: absolute;
6060
+ visibility: hidden;
6061
+ top: 0;
6062
+ left: 0;
6063
+ max-width: 100%;
6064
+ width: 100%;
6065
+ height: 100%;
6066
+ margin: 0;
6067
+ line-height: 1;
6068
+ border: none;
6069
+ -o-object-fit: contain;
6070
+ object-fit: contain; }
6071
+
6072
+ .pa-gallery-icons-inner-container svg,
6073
+ .pa-gallery-icons-caption-cell svg {
6074
+ width: 14px;
6075
+ height: 14px; }
6076
+
6077
+ .premium-gallery-gradient-layer {
6078
+ position: absolute;
6079
+ bottom: 40px;
6080
+ width: 100%;
6081
+ height: 20px;
6082
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6083
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6084
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6085
+
6086
+ @-webkit-keyframes spin {
6087
+ 0% {
6088
+ -webkit-transform: rotate(0deg);
6089
+ transform: rotate(0deg); }
6090
+ 100% {
6091
+ -webkit-transform: rotate(360deg);
6092
+ transform: rotate(360deg); } }
6093
+
6094
+ @keyframes spin {
6095
+ 0% {
6096
+ -webkit-transform: rotate(0deg);
6097
+ transform: rotate(0deg); }
6098
+ 100% {
6099
+ -webkit-transform: rotate(360deg);
6100
+ transform: rotate(360deg); } }
6101
+
6102
+ /************ Premium Vertical Scroll ************/
6103
+ /*************************************************/
6104
+ .premium-vscroll-inner {
6105
+ position: relative;
6106
+ min-height: 100%; }
6107
+ .premium-vscroll-inner .premium-vscroll-dots {
6108
+ position: fixed;
6109
+ z-index: 100;
6110
+ opacity: 1;
6111
+ margin-top: -32px;
6112
+ -webkit-transition: all 0.3s ease-in-out;
6113
+ transition: all 0.3s ease-in-out; }
6114
+
6115
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6116
+ opacity: 1;
6117
+ -webkit-transition: all 0.3s ease-in-out;
6118
+ transition: all 0.3s ease-in-out; }
6119
+
6120
+ .premium-vscroll-inner .premium-vscroll-dots,
6121
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
6122
+ opacity: 0;
6123
+ visibility: hidden; }
6124
+
6125
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6126
+ opacity: 1;
6127
+ visibility: visible; }
6128
+
6129
+ .premium-vscroll-dots.middle {
6130
+ top: 50%; }
6131
+
6132
+ .premium-vscroll-dots.top {
6133
+ top: 40px; }
6134
+
6135
+ .premium-vscroll-dots.bottom {
6136
+ bottom: 30px; }
6137
+
6138
+ .premium-vscroll-dots.right {
6139
+ right: 17px; }
6140
+
6141
+ .premium-vscroll-dots.left {
6142
+ left: 17px; }
6143
+
6144
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
6145
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
6146
+ margin: 0 !important;
6147
+ padding: 0; }
6148
+
6149
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6150
+ width: 14px;
6151
+ height: 13px;
6152
+ margin: 7px;
6153
+ position: relative;
6154
+ -js-display: flex;
6155
+ display: -webkit-box;
6156
+ display: -webkit-flex;
6157
+ display: -moz-box;
6158
+ display: -ms-flexbox;
6159
+ display: flex;
6160
+ -webkit-box-pack: center;
6161
+ -webkit-justify-content: center;
6162
+ -moz-box-pack: center;
6163
+ -ms-flex-pack: center;
6164
+ justify-content: center;
6165
+ -webkit-box-align: center;
6166
+ -webkit-align-items: center;
6167
+ -moz-box-align: center;
6168
+ -ms-flex-align: center;
6169
+ align-items: center;
6170
+ overflow: visible; }
6171
+
6172
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6173
+ display: block;
6174
+ position: relative;
6175
+ z-index: 1;
6176
+ width: 100%;
6177
+ height: 100%;
6178
+ cursor: pointer;
6179
+ text-decoration: none; }
6180
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6181
+ top: 2px;
6182
+ left: 2.5px;
6183
+ width: 8px;
6184
+ height: 8px;
6185
+ border: 1px solid #000;
6186
+ -webkit-border-radius: 50%;
6187
+ border-radius: 50%;
6188
+ position: absolute;
6189
+ z-index: 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-dot-item.active .premium-vscroll-nav-link span {
6194
+ -webkit-transform: scale(1.6);
6195
+ -ms-transform: scale(1.6);
6196
+ transform: scale(1.6); }
6197
+
6198
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6199
+ position: absolute;
6200
+ color: #fff;
6201
+ font-size: 14px;
6202
+ font-family: arial, helvetica, sans-serif;
6203
+ white-space: nowrap;
6204
+ max-width: 220px;
6205
+ padding-left: 0.4em;
6206
+ padding-right: 0.4em; }
6207
+
6208
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6209
+ right: 27px; }
6210
+
6211
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6212
+ width: 4px;
6213
+ height: 30px; }
6214
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6215
+ width: 100%;
6216
+ height: 100%;
6217
+ -webkit-border-radius: 0;
6218
+ border-radius: 0; }
6219
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6220
+ -webkit-transform: scale(1);
6221
+ -ms-transform: scale(1);
6222
+ transform: scale(1); }
6223
+
6224
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6225
+ position: absolute;
6226
+ top: 50%;
6227
+ content: "";
6228
+ left: -webkit-calc(100% - 1px);
6229
+ left: calc(100% - 1px);
6230
+ width: 10px;
6231
+ height: 0;
6232
+ border-top: 6px solid transparent;
6233
+ border-bottom: 6px solid transparent;
6234
+ border-left: 6px solid;
6235
+ -webkit-transform: translateY(-50%);
6236
+ -ms-transform: translateY(-50%);
6237
+ transform: translateY(-50%); }
6238
+
6239
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6240
+ left: 27px; }
6241
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6242
+ position: absolute;
6243
+ top: 50%;
6244
+ content: "";
6245
+ right: -webkit-calc(100% - 1px);
6246
+ right: calc(100% - 1px);
6247
+ width: 10px;
6248
+ height: 0;
6249
+ border-top: 6px solid transparent;
6250
+ border-bottom: 6px solid transparent;
6251
+ border-right: 6px solid;
6252
+ -webkit-transform: translateY(-50%);
6253
+ -ms-transform: translateY(-50%);
6254
+ transform: translateY(-50%); }
6255
+
6256
+ /* * Lines */
6257
+ @media (max-width: 768px) {
6258
+ .premium-vscroll-dots.right {
6259
+ right: 7px; }
6260
+ .premium-vscroll-dots.left {
6261
+ left: 7px; } }
6262
+
6263
+ .premium-vscroll-nav-menu {
6264
+ position: fixed;
6265
+ top: 20px;
6266
+ height: 40px;
6267
+ z-index: 100;
6268
+ padding: 0;
6269
+ margin: 0; }
6270
+ .premium-vscroll-nav-menu.left {
6271
+ left: 0; }
6272
+ .premium-vscroll-nav-menu.right {
6273
+ right: 0; }
6274
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6275
+ display: inline-block;
6276
+ margin: 10px;
6277
+ color: #000;
6278
+ background: #fff;
6279
+ background: rgba(255, 255, 255, 0.3); }
6280
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6281
+ padding: 9px 18px;
6282
+ display: block;
6283
+ cursor: pointer;
6284
+ color: #000; }
6285
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6286
+ color: #000; }
6287
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6288
+ outline: none; }
6289
+
6290
+ .multiscroll-nav li a:focus {
6291
+ outline: none; }
6292
+
6293
+ .premium-vscroll-temp .slimScrollBar {
6294
+ visibility: hidden; }
6295
+
6296
+ /************ Premium Image Scroll ************/
6297
+ /**********************************************/
6298
+ .premium-image-scroll-section,
6299
+ .premium-image-scroll-container {
6300
+ -webkit-transition: all 0.3s ease-in-out;
6301
+ transition: all 0.3s ease-in-out; }
6302
+
6303
+ .premium-image-scroll-section {
6304
+ position: relative;
6305
+ overflow: hidden;
6306
+ width: 100%;
6307
+ -webkit-mask-image: -webkit-radial-gradient(white, black); }
6308
+
6309
+ .premium-image-scroll-container {
6310
+ width: 100%; }
6311
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
6312
+ -webkit-mask-repeat: no-repeat;
6313
+ mask-repeat: no-repeat;
6314
+ -webkit-mask-position: center;
6315
+ mask-position: center; }
6316
+
6317
+ .premium-container-scroll {
6318
+ overflow: auto; }
6319
+
6320
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
6321
+ position: relative;
6322
+ width: 100%;
6323
+ height: 100%; }
6324
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
6325
+ max-width: none;
6326
+ height: 100%; }
6327
+
6328
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
6329
+ width: 100%;
6330
+ max-width: 100%;
6331
+ height: auto; }
6332
+
6333
+ .premium-image-scroll-ver {
6334
+ position: relative; }
6335
+
6336
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6337
+ background: rgba(2, 2, 2, 0.3); }
6338
+
6339
+ .premium-image-scroll-container .premium-image-scroll-link,
6340
+ .premium-image-scroll-container .premium-image-scroll-overlay {
6341
+ position: absolute;
6342
+ top: 0;
6343
+ bottom: 0;
6344
+ left: 0;
6345
+ right: 0;
6346
+ z-index: 4; }
6347
+
6348
+ .premium-image-scroll-content {
6349
+ display: inline-block;
6350
+ position: absolute;
6351
+ height: auto;
6352
+ top: 50%;
6353
+ left: 50%;
6354
+ text-align: center;
6355
+ z-index: 5;
6356
+ -webkit-transform: translate(-50%, -50%);
6357
+ -ms-transform: translate(-50%, -50%);
6358
+ transform: translate(-50%, -50%); }
6359
+
6360
+ .premium-container-scroll-instant .premium-image-scroll-image {
6361
+ -webkit-transition: all 0s ease-in-out !important;
6362
+ transition: all 0s ease-in-out !important; }
6363
+
6364
+ .premium-image-scroll-container img {
6365
+ -webkit-transition: -webkit-transform 3s ease-in-out;
6366
+ transition: -webkit-transform 3s ease-in-out;
6367
+ transition: transform 3s ease-in-out;
6368
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6369
+
6370
+ .premium-image-scroll-container .premium-image-scroll-overlay,
6371
+ .premium-image-scroll-container .premium-image-scroll-content {
6372
+ -webkit-transition: all 0.3s ease-in-out;
6373
+ transition: all 0.3s ease-in-out;
6374
+ opacity: 1; }
6375
+
6376
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6377
+ opacity: 0; }
6378
+
6379
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
6380
+ opacity: 0;
6381
+ visibility: hidden; }
6382
+
6383
+ .premium-image-scroll-content .premium-image-scroll-icon {
6384
+ display: inline-block;
6385
+ font-family: "pa-elements" !important;
6386
+ speak: none;
6387
+ font-style: normal;
6388
+ font-weight: normal;
6389
+ font-variant: normal;
6390
+ text-transform: none;
6391
+ line-height: 1;
6392
+ -webkit-font-smoothing: antialiased;
6393
+ -moz-osx-font-smoothing: grayscale;
6394
+ -webkit-animation-duration: 0.5s;
6395
+ animation-duration: 0.5s;
6396
+ -webkit-animation-iteration-count: infinite;
6397
+ animation-iteration-count: infinite;
6398
+ -webkit-animation-direction: alternate;
6399
+ animation-direction: alternate;
6400
+ -webkit-animation-timing-function: ease-in-out;
6401
+ animation-timing-function: ease-in-out; }
6402
+
6403
+ .pa-horizontal-mouse-scroll:before {
6404
+ content: "\e917"; }
6405
+
6406
+ .pa-vertical-mouse-scroll:before {
6407
+ content: "\e918"; }
6408
+
6409
+ .pa-horizontal-mouse-scroll {
6410
+ -webkit-animation-name: pa-scroll-horizontal;
6411
+ animation-name: pa-scroll-horizontal; }
6412
+
6413
+ .pa-vertical-mouse-scroll {
6414
+ -webkit-animation-name: pa-scroll-vertical;
6415
+ animation-name: pa-scroll-vertical; }
6416
+
6417
+ @-webkit-keyframes pa-scroll-vertical {
6418
+ 0% {
6419
+ -webkit-transform: translateY(0px);
6420
+ transform: translateY(0px); }
6421
+ 100% {
6422
+ -webkit-transform: translateY(5px);
6423
+ transform: translateY(5px); } }
6424
+
6425
+ @keyframes pa-scroll-vertical {
6426
+ 0% {
6427
+ -webkit-transform: translateY(0px);
6428
+ transform: translateY(0px); }
6429
+ 100% {
6430
+ -webkit-transform: translateY(5px);
6431
+ transform: translateY(5px); } }
6432
+
6433
+ @-webkit-keyframes pa-scroll-horizontal {
6434
+ 0% {
6435
+ -webkit-transform: translateX(0px);
6436
+ transform: translateX(0px); }
6437
+ 100% {
6438
+ -webkit-transform: translateX(5px);
6439
+ transform: translateX(5px); } }
6440
+
6441
+ @keyframes pa-scroll-horizontal {
6442
+ 0% {
6443
+ -webkit-transform: translateX(0px);
6444
+ transform: translateX(0px); }
6445
+ 100% {
6446
+ -webkit-transform: translateX(5px);
6447
+ transform: translateX(5px); } }
6448
+
6449
+ /********* Premium Lottie Animations *********/
6450
+ /*********************************************/
6451
+ .premium-lottie-wrap .premium-lottie-animation {
6452
+ position: relative;
6453
+ -js-display: inline-flex;
6454
+ display: -webkit-inline-box;
6455
+ display: -webkit-inline-flex;
6456
+ display: -moz-inline-box;
6457
+ display: -ms-inline-flexbox;
6458
+ display: inline-flex;
6459
+ -webkit-transition: all 0.3s ease-in-out;
6460
+ transition: all 0.3s ease-in-out; }
6461
+ .premium-lottie-wrap .premium-lottie-animation a {
6462
+ position: absolute;
6463
+ left: 0;
6464
+ top: 0;
6465
+ width: 100%;
6466
+ height: 100%; }
6467
+
6468
+ /**************** Premium Bullet List ****************/
6469
+ /*****************************************************/
6470
+ .premium-icon-list-box {
6471
+ -js-display: flex;
6472
+ display: -webkit-box;
6473
+ display: -webkit-flex;
6474
+ display: -moz-box;
6475
+ display: -ms-flexbox;
6476
+ display: flex;
6477
+ -webkit-flex-wrap: wrap;
6478
+ -ms-flex-wrap: wrap;
6479
+ flex-wrap: wrap;
6480
+ -webkit-box-orient: vertical;
6481
+ -webkit-box-direction: normal;
6482
+ -webkit-flex-direction: column;
6483
+ -moz-box-orient: vertical;
6484
+ -moz-box-direction: normal;
6485
+ -ms-flex-direction: column;
6486
+ flex-direction: column; }
6487
+ .premium-icon-list-box .premium-icon-list-content-grow-lc {
6488
+ -webkit-transform-origin: left center;
6489
+ -ms-transform-origin: left center;
6490
+ transform-origin: left center; }
6491
+ .premium-icon-list-box .premium-icon-list-content-grow-rc {
6492
+ -webkit-transform-origin: right center;
6493
+ -ms-transform-origin: right center;
6494
+ transform-origin: right center; }
6495
+ .premium-icon-list-box .premium-icon-list-content-grow-cc {
6496
+ -webkit-transform-origin: center center;
6497
+ -ms-transform-origin: center center;
6498
+ transform-origin: center center; }
6499
+
6500
+ .premium-icon-list-content {
6501
+ -js-display: flex;
6502
+ display: -webkit-box;
6503
+ display: -webkit-flex;
6504
+ display: -moz-box;
6505
+ display: -ms-flexbox;
6506
+ display: flex;
6507
+ -webkit-transition: all 0.3s ease-in-out;
6508
+ transition: all 0.3s ease-in-out;
6509
+ width: auto;
6510
+ position: relative; }
6511
+ .premium-icon-list-content .premium-icon-list-text span,
6512
+ .premium-icon-list-content .premium-icon-list-wrapper {
6513
+ display: inline-block;
6514
+ -webkit-align-self: center;
6515
+ -ms-flex-item-align: center;
6516
+ align-self: center;
6517
+ -webkit-transition: all 0.3s ease-in-out;
6518
+ transition: all 0.3s ease-in-out; }
6519
+ .premium-icon-list-content .premium-icon-list-text span {
6520
+ margin: 0 5px; }
6521
+ .premium-icon-list-content .premium-icon-list-icon-text p {
6522
+ font-size: 18px;
6523
+ background-color: #eee;
6524
+ padding: 1px 5px;
6525
+ -webkit-border-radius: 2px;
6526
+ border-radius: 2px; }
6527
+ .premium-icon-list-content .premium-icon-list-text span,
6528
+ .premium-icon-list-content .premium-icon-list-icon-text p,
6529
+ .premium-icon-list-content .premium-icon-list-wrapper img,
6530
+ .premium-icon-list-content .premium-icon-list-wrapper svg,
6531
+ .premium-icon-list-content .premium-icon-list-wrapper i {
6532
+ -webkit-transition: all 0.3s ease-in-out;
6533
+ transition: all 0.3s ease-in-out; }
6534
+ .premium-icon-list-content .premium-icon-list-wrapper {
6535
+ position: relative;
6536
+ line-height: 0; }
6537
+ .premium-icon-list-content .premium-icon-list-wrapper img,
6538
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg {
6539
+ width: 30px !important;
6540
+ height: 30px !important;
6541
+ position: relative;
6542
+ z-index: 500; }
6543
+ .premium-icon-list-content .premium-icon-list-wrapper i,
6544
+ .premium-icon-list-content .premium-icon-list-wrapper .premium-icon-list-icon-text {
6545
+ position: relative;
6546
+ z-index: 500; }
6547
+ .premium-icon-list-content .premium-icon-list-link {
6548
+ position: absolute;
6549
+ top: 0;
6550
+ left: 0;
6551
+ width: 100%;
6552
+ height: 100%;
6553
+ z-index: 1000; }
6554
+
6555
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector {
6556
+ width: 100%;
6557
+ height: 100%;
6558
+ position: absolute;
6559
+ top: 0.5em;
6560
+ z-index: 100;
6561
+ -js-display: flex;
6562
+ display: -webkit-box;
6563
+ display: -webkit-flex;
6564
+ display: -moz-box;
6565
+ display: -ms-flexbox;
6566
+ display: flex;
6567
+ -webkit-box-pack: center;
6568
+ -webkit-justify-content: center;
6569
+ -moz-box-pack: center;
6570
+ -ms-flex-pack: center;
6571
+ justify-content: center; }
6572
+ .premium-icon-list-content:not(:last-of-type) .premium-icon-list-connector .premium-icon-connector-content:after {
6573
+ content: "";
6574
+ border-right-width: 1px;
6575
+ border-right-style: solid;
6576
+ border-color: #333333;
6577
+ display: block;
6578
+ height: 100%; }
6579
+
6580
+ li.premium-icon-list-content.premium-icon-list-content-inline {
6581
+ -webkit-align-self: center;
6582
+ -ms-flex-item-align: center;
6583
+ align-self: center;
6584
+ z-index: 2; }
6585
+
6586
+ li.premium-icon-list-content.premium-icon-list-content-inline:not(:first-child) {
6587
+ margin: 0 3px; }
6588
+
6589
+ li.premium-icon-list-content.premium-icon-list-content-inline:first-child {
6590
+ margin: 0 3px 0 0; }
6591
+
6592
+ .premium-icon-list-divider:not(:last-child) {
6593
+ width: 100%;
6594
+ -webkit-box-flex: 0;
6595
+ -webkit-flex: 0 0 100%;
6596
+ -moz-box-flex: 0;
6597
+ -ms-flex: 0 0 100%;
6598
+ flex: 0 0 100%;
6599
+ overflow: hidden; }
6600
+
6601
+ .premium-icon-list-divider:not(:last-child):after {
6602
+ content: "";
6603
+ display: block;
6604
+ border-top-style: solid;
6605
+ border-top-width: 1px; }
6606
+
6607
+ .premium-icon-list-divider-inline:not(:last-child) {
6608
+ float: right;
6609
+ display: inline-block;
6610
+ position: relative;
6611
+ height: 100%;
6612
+ overflow: hidden;
6613
+ -webkit-align-self: center;
6614
+ -ms-flex-item-align: center;
6615
+ align-self: center;
6616
+ margin: 0 3px; }
6617
+
6618
+ .premium-icon-list-divider-inline:not(:last-child):after {
6619
+ content: "";
6620
+ display: block;
6621
+ border-left-width: 1px;
6622
+ height: 33px;
6623
+ border-left-style: solid; }
6624
+
6625
+ .premium-icon-list-icon-text {
6626
+ line-height: 1.5; }
6627
+
6628
+ .premium-icon-list-icon-text p,
6629
+ ul.premium-icon-list-box,
6630
+ li.premium-icon-list-content {
6631
+ margin: 0; }
6632
+
6633
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper i,
6634
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-text span,
6635
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-icon-text p {
6636
+ color: transparent !important;
6637
+ text-shadow: 0 0 3px #aaa; }
6638
+
6639
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-connector-content,
6640
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper .premium-lottie-animation svg,
6641
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-wrapper img,
6642
+ .premium-icon-list-blur:hover .premium-icon-list-content .premium-icon-list-badge {
6643
+ -webkit-filter: blur(3px);
6644
+ filter: blur(3px); }
6645
+
6646
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper i,
6647
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-text span,
6648
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-icon-text p {
6649
+ color: #aaa !important;
6650
+ text-shadow: 0 0px 0 transparent; }
6651
+
6652
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-connector-content,
6653
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper .premium-lottie-animation svg,
6654
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-wrapper img,
6655
+ .premium-icon-list-blur:hover .premium-icon-list-content:hover .premium-icon-list-badge {
6656
+ -webkit-filter: none;
6657
+ filter: none; }
6658
+
6659
+ .premium-icon-list-content .premium-icon-list-badge {
6660
+ font-size: 11px;
6661
+ top: auto;
6662
+ min-width: -webkit-max-content;
6663
+ min-width: -moz-max-content;
6664
+ min-width: max-content;
6665
+ height: -webkit-fit-content;
6666
+ height: -moz-fit-content;
6667
+ height: fit-content; }
6668
+
6669
+ .premium-icon-list-content .premium-icon-list-icon-text p {
6670
+ font-size: 13px; }
6671
+
6672
+ .premium-icon-list-gradient-effect[data-text] {
6673
+ display: inline-block;
6674
+ position: relative;
6675
+ text-decoration: none; }
6676
+
6677
+ .premium-icon-list-gradient-effect[data-text]::before {
6678
+ content: attr(data-text);
6679
+ position: absolute;
6680
+ z-index: 1;
6681
+ overflow: hidden;
6682
+ -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6683
+ clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6684
+ -webkit-background-clip: text;
6685
+ background-clip: text;
6686
+ -webkit-text-fill-color: transparent;
6687
+ -webkit-transition: all 0.4s ease;
6688
+ transition: all 0.4s ease; }
6689
+
6690
+ .premium-icon-list-content:hover .premium-icon-list-gradient-effect[data-text]::before,
6691
+ .premium-icon-list-content:focus .premium-icon-list-gradient-effect[data-text]::before {
6692
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6693
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6694
+
6695
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider,
6696
+ ul[data-list-animation*="animated-"] .premium-icon-list-content,
6697
+ ul[data-list-animation*="animated-"] .premium-icon-list-divider-inline {
6698
+ opacity: 0; }
6699
+
6700
+ .premium-icon-list-content-grow-effect:hover {
6701
+ -webkit-transform: scale(1.07);
6702
+ -ms-transform: scale(1.07);
6703
+ transform: scale(1.07); }
assets/frontend/js/premium-addons.js CHANGED
@@ -1,2249 +1,2273 @@
1
- (function ($) {
2
-
3
- $(window).on('elementor/frontend/init', function () {
4
- var ModuleHandler = elementorModules.frontend.handlers.Base;
5
-
6
- /****** Premium Progress Bar Handler ******/
7
- var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
8
-
9
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
10
- settings = $progressbarElem.data("settings"),
11
- length = settings.progress_length,
12
- speed = settings.speed,
13
- type = settings.type;
14
-
15
-
16
- if ("line" === type) {
17
-
18
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
19
-
20
- if (settings.gradient)
21
- $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
22
-
23
- $progressbar.animate({
24
- width: length + "%"
25
- }, speed);
26
-
27
- } else if ("circle" === type) {
28
- if (length > 100)
29
- length = 100;
30
-
31
- $progressbarElem.prop({
32
- 'counter': 0
33
- }).animate({
34
- counter: length
35
- }, {
36
- duration: speed,
37
- easing: 'linear',
38
- step: function (counter) {
39
- var rotate = (counter * 3.6);
40
-
41
- $progressbarElem.find(".premium-progressbar-right-label span").text(Math.ceil(counter) + "%");
42
-
43
- $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
44
- if (rotate > 180) {
45
-
46
- $progressbarElem.find(".premium-progressbar-circle").css({
47
- '-webkit-clip-path': 'inset(0)',
48
- 'clip-path': 'inset(0)',
49
- });
50
-
51
- $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
52
- }
53
- }
54
- });
55
-
56
- } else {
57
-
58
- var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
59
- width = $progressbarElem.outerWidth(),
60
- dotSize = settings.dot || 25,
61
- dotSpacing = settings.spacing || 10,
62
- numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
63
- circlesToFill = numberOfCircles * (length / 100),
64
- numberOfTotalFill = Math.floor(circlesToFill),
65
- fillPercent = 100 * (circlesToFill - numberOfTotalFill);
66
-
67
- $progressbar.attr('data-circles', numberOfCircles);
68
- $progressbar.attr('data-total-fill', numberOfTotalFill);
69
- $progressbar.attr('data-partial-fill', fillPercent);
70
-
71
- var className = "progress-segment";
72
- for (var i = 0; i < numberOfCircles; i++) {
73
- className = "progress-segment";
74
- var innerHTML = '';
75
-
76
- if (i < numberOfTotalFill) {
77
- innerHTML = "<div class='segment-inner'></div>";
78
- } else if (i === numberOfTotalFill) {
79
-
80
- innerHTML = "<div class='segment-inner'></div>";
81
- }
82
-
83
- $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
84
-
85
- }
86
-
87
- if ("frontend" !== trigger) {
88
- PremiumProgressDotsHandler($scope);
89
- }
90
-
91
- }
92
-
93
- };
94
-
95
- var PremiumProgressDotsHandler = function ($scope) {
96
-
97
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
98
- settings = $progressbarElem.data("settings"),
99
- $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
100
- data = $progressbar.data(),
101
- speed = settings.speed,
102
- increment = 0;
103
-
104
- var numberOfTotalFill = data.totalFill,
105
- numberOfCircles = data.circles,
106
- fillPercent = data.partialFill;
107
-
108
- dotIncrement(increment);
109
-
110
- function dotIncrement(inc) {
111
-
112
- var $dot = $progressbar.find(".progress-segment").eq(inc),
113
- dotWidth = 100;
114
-
115
- if (inc === numberOfTotalFill)
116
- dotWidth = fillPercent
117
-
118
- $dot.find(".segment-inner").animate({
119
- width: dotWidth + '%'
120
- }, speed / numberOfCircles, function () {
121
- increment++;
122
- if (increment <= numberOfTotalFill) {
123
- dotIncrement(increment);
124
- }
125
-
126
- });
127
- }
128
- };
129
-
130
- /****** Premium Progress Bar Scroll Handler *****/
131
- var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
132
-
133
- var $progressbarElem = $scope.find(".premium-progressbar-container"),
134
- settings = $progressbarElem.data("settings"),
135
- type = settings.type;
136
-
137
- if ("dots" === type) {
138
- PremiumProgressBarWidgetHandler($scope, "frontend");
139
- }
140
-
141
- elementorFrontend.waypoint($scope, function () {
142
- if ("dots" !== type) {
143
- PremiumProgressBarWidgetHandler($(this));
144
- } else {
145
- PremiumProgressDotsHandler($(this));
146
- }
147
-
148
- }, {
149
- offset: Waypoint.viewportHeight() - 150,
150
- triggerOnce: true
151
- });
152
- };
153
-
154
- /****** Premium Video Box Handler ******/
155
- var PremiumVideoBoxWidgetHandler = function ($scope, $) {
156
-
157
- var $videoBoxElement = $scope.find(".premium-video-box-container"),
158
- $videoListElement = $scope.find(".premium-video-box-playlist-container"),
159
- $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
160
- $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
161
- $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
162
- type = $videoBoxElement.data("type"),
163
- thumbnail = $videoBoxElement.data("thumbnail"),
164
- sticky = $videoBoxElement.data('sticky'),
165
- stickyOnPlay = $videoBoxElement.data('sticky-play'),
166
- hoverEffect = $videoBoxElement.data("hover"),
167
- video, vidSrc;
168
-
169
- // Youtube playlist option
170
- if ($videoListElement.length) {
171
-
172
- //Make sure that video were pulled from the API.
173
- if (!$videoContainer.length)
174
- return;
175
-
176
- $videoContainer.each(function (index, item) {
177
-
178
- var vidSrc,
179
- $videoContainer = $(item),
180
- $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
181
- $trigger = $videoContainer.closest(".premium-video-box-trigger");
182
-
183
- vidSrc = $videoContainer.data("src");
184
- vidSrc = vidSrc + "&autoplay=1";
185
-
186
- $trigger.on("click", function () {
187
-
188
- var $iframe = $("<iframe/>");
189
-
190
- $iframe.attr({
191
- "src": vidSrc,
192
- "frameborder": "0",
193
- "allowfullscreen": "1",
194
- "allow": "autoplay;encrypted-media;"
195
- });
196
- $videoContainer.css("background", "#000");
197
- $videoContainer.html($iframe);
198
-
199
- $videoBoxElement.find(
200
- ".premium-video-box-image-container, .premium-video-box-play-icon-container"
201
- ).remove();
202
-
203
- });
204
-
205
- });
206
-
207
- return;
208
- }
209
-
210
- if ("self" === type) {
211
-
212
- video = $videoContainer.find("video");
213
- vidSrc = video.attr("src");
214
-
215
- } else {
216
-
217
- vidSrc = $videoContainer.data("src");
218
-
219
- if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
220
-
221
- //Check if Autoplay on viewport option is enabled
222
- if ($videoBoxElement.data("play-viewport")) {
223
- elementorFrontend.waypoint($videoBoxElement, function () {
224
- playVideo();
225
- });
226
- } else {
227
- playVideo();
228
- }
229
-
230
- } else {
231
- vidSrc = vidSrc + "&autoplay=1";
232
- }
233
-
234
- }
235
-
236
- function playVideo() {
237
-
238
- if ($videoBoxElement.hasClass("playing")) return;
239
-
240
- $videoBoxElement.addClass("playing");
241
-
242
- if (stickyOnPlay === 'yes')
243
- stickyOption();
244
-
245
- if ("self" === type) {
246
-
247
- $(video).get(0).play();
248
-
249
- $videoContainer.css({
250
- opacity: "1",
251
- visibility: "visible"
252
- });
253
-
254
- } else {
255
-
256
- var $iframe = $("<iframe/>");
257
-
258
- $iframe.attr({
259
- "src": vidSrc,
260
- "frameborder": "0",
261
- "allowfullscreen": "1",
262
- "allow": "autoplay;encrypted-media;"
263
- });
264
- $videoContainer.css("background", "#000");
265
- $videoContainer.html($iframe);
266
- }
267
-
268
- $videoBoxElement.find(
269
- ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
270
- ).remove();
271
-
272
- if ("vimeo" === type)
273
- $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
274
- }
275
-
276
- $videoBoxElement.on("click", function () {
277
- playVideo();
278
- });
279
-
280
-
281
- if ("yes" !== sticky || "yes" === stickyOnPlay)
282
- return;
283
-
284
- stickyOption();
285
-
286
- function stickyOption() {
287
-
288
- var stickyDesktop = $videoBoxElement.data('hide-desktop'),
289
- stickyTablet = $videoBoxElement.data('hide-tablet'),
290
- stickyMobile = $videoBoxElement.data('hide-mobile'),
291
- stickyMargin = $videoBoxElement.data('sticky-margin');
292
-
293
- $videoBoxElement.off('click').on('click', function (e) {
294
- // if ('yes' === sticky) {
295
- var stickyTarget = e.target.className;
296
- if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
297
- return false;
298
- }
299
- // }
300
- playVideo();
301
-
302
- });
303
-
304
- //Make sure Elementor Waypoint is defined
305
- if (typeof elementorFrontend.waypoint !== 'undefined') {
306
-
307
- var stickyWaypoint = elementorFrontend.waypoint(
308
- $videoBoxElement,
309
- function (direction) {
310
- if ('down' === direction) {
311
-
312
- $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
313
-
314
- //Fix conflict with Elementor motion effects
315
- if ($scope.hasClass("elementor-motion-effects-parent")) {
316
- $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
317
- }
318
-
319
- if ($videoBoxElement.data("mask")) {
320
- //Fix Sticky position issue when drop-shadow is applied
321
- $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
322
-
323
- $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
324
-
325
- $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
326
- 'transition': 'width 0.2s, height 0.2s',
327
- '-webkit-transition': 'width 0.2s, height 0.2s'
328
- });
329
- }
330
-
331
- $(document).trigger('premium_after_sticky_applied', [$scope]);
332
-
333
- // Entrance Animation Option
334
- if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
335
- $videoInnerContainer.css("opacity", "0");
336
- var animationDelay = $videoInnerContainer.data('delay-animation');
337
- setTimeout(function () {
338
-
339
- $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
340
-
341
- }, animationDelay * 1000);
342
- }
343
-
344
- } else {
345
-
346
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
347
-
348
- //Fix conflict with Elementor motion effects
349
- if ($scope.hasClass("elementor-motion-effects-parent")) {
350
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
351
- }
352
-
353
- if ($videoBoxElement.data("mask")) {
354
- //Fix Sticky position issue when drop-shadow is applied
355
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
356
-
357
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
358
- $videoImageContainer.addClass('premium-video-box-mask-media');
359
- }
360
-
361
- $videoImageContainer.addClass(hoverEffect).css({
362
- 'transition': 'all 0.2s',
363
- '-webkit-transition': 'all 0.2s'
364
- });
365
-
366
- $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
367
- }
368
- }, {
369
- offset: 0 + '%',
370
- triggerOnce: false
371
- }
372
- );
373
- }
374
-
375
- var closeBtn = $scope.find('.premium-video-box-sticky-close');
376
-
377
- closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
378
- stickyWaypoint[0].disable();
379
-
380
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
381
-
382
- //Fix conflict with Elementor motion effects
383
- if ($scope.hasClass("elementor-motion-effects-parent")) {
384
- $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
385
- }
386
-
387
- if ($videoBoxElement.data("mask")) {
388
- //Fix Sticky position issue when drop-shadow is applied
389
- $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
390
-
391
- //Necessary classes for mask shape option
392
- $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
393
- $videoImageContainer.addClass('premium-video-box-mask-media');
394
- }
395
-
396
-
397
- });
398
-
399
- checkResize(stickyWaypoint);
400
-
401
- checkScroll();
402
-
403
- window.addEventListener("scroll", checkScroll);
404
-
405
- $(window).resize(function (e) {
406
- checkResize(stickyWaypoint);
407
- });
408
-
409
- function checkResize(stickyWaypoint) {
410
- var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
411
-
412
- if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
413
- disableSticky(stickyWaypoint);
414
- } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
415
- disableSticky(stickyWaypoint);
416
- } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
417
- disableSticky(stickyWaypoint);
418
- } else {
419
- stickyWaypoint[0].enable();
420
- }
421
- }
422
-
423
- function disableSticky(stickyWaypoint) {
424
- stickyWaypoint[0].disable();
425
- $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
426
- }
427
-
428
- function checkScroll() {
429
- if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
430
- $videoInnerContainer.draggable({
431
- start: function () {
432
- $(this).css({
433
- transform: "none",
434
- top: $(this).offset().top + "px",
435
- left: $(this).offset().left + "px"
436
- });
437
- },
438
- containment: 'window'
439
- });
440
- }
441
- }
442
-
443
- $(document).on('premium_after_sticky_applied', function (e, $scope) {
444
- var infobar = $scope.find('.premium-video-box-sticky-infobar');
445
-
446
- if (0 !== infobar.length) {
447
- var infobarHeight = infobar.outerHeight();
448
-
449
- if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
450
- infobarHeight = Math.ceil(infobarHeight / 2);
451
- $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
452
- }
453
-
454
- if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
455
- if ('' !== stickyMargin) {
456
- infobarHeight = Math.ceil(infobarHeight);
457
- var stickBottom = infobarHeight + stickyMargin;
458
- $videoInnerContainer.css('bottom', stickBottom);
459
- }
460
- }
461
- }
462
- });
463
-
464
- }
465
-
466
- };
467
-
468
- /****** Premium Media Grid Handler ******/
469
- var PremiumGridWidgetHandler = ModuleHandler.extend({
470
-
471
- settings: {},
472
-
473
- getDefaultSettings: function () {
474
- return {
475
- selectors: {
476
- galleryElement: '.premium-gallery-container',
477
- filters: '.premium-gallery-cats-container li',
478
- gradientLayer: '.premium-gallery-gradient-layer',
479
- loadMore: '.premium-gallery-load-more',
480
- loadMoreDiv: '.premium-gallery-load-more div',
481
- vidWrap: '.premium-gallery-video-wrap',
482
- }
483
- }
484
- },
485
-
486
- getDefaultElements: function () {
487
-
488
- var selectors = this.getSettings('selectors'),
489
- elements = {
490
- $galleryElement: this.$element.find(selectors.galleryElement),
491
- $filters: this.$element.find(selectors.filters),
492
- $gradientLayer: this.$element.find(selectors.gradientLayer),
493
- $vidWrap: this.$element.find(selectors.vidWrap)
494
- };
495
-
496
- elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
497
- elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
498
-
499
- return elements;
500
- },
501
-
502
- bindEvents: function () {
503
- this.getGlobalSettings();
504
- this.run();
505
- },
506
-
507
- getGlobalSettings: function () {
508
- var $galleryElement = this.elements.$galleryElement,
509
- settings = $galleryElement.data('settings');
510
-
511
- this.settings = {
512
- layout: settings.img_size,
513
- loadMore: settings.load_more,
514
- columnWidth: null,
515
- filter: null,
516
- isFilterClicked: false,
517
- minimum: settings.minimum,
518
- imageToShow: settings.click_images,
519
- counter: settings.minimum,
520
- ltrMode: settings.ltr_mode,
521
- shuffle: settings.shuffle,
522
- active_cat: settings.active_cat,
523
- theme: settings.theme,
524
- overlay: settings.overlay,
525
- sort_by: settings.sort_by,
526
- light_box: settings.light_box,
527
- flag: settings.flag,
528
- lightbox_type: settings.lightbox_type
529
- }
530
- },
531
-
532
- updateCounter: function () {
533
-
534
- if (this.settings.isFilterClicked) {
535
-
536
- this.settings.counter = this.settings.minimum;
537
-
538
- this.settings.isFilterClicked = false;
539
-
540
- } else {
541
- this.settings.counter = this.settings.counter;
542
- }
543
-
544
- this.settings.counter = this.settings.counter + this.settings.imageToShow;
545
- },
546
-
547
- updateGrid: function (gradHeight, $isotopeGallery, $loadMoreDiv) {
548
- $.ajax({
549
- url: this.appendItems(this.settings.counter, gradHeight, $isotopeGallery),
550
- beforeSend: function () {
551
- $loadMoreDiv.removeClass("premium-gallery-item-hidden");
552
- },
553
- success: function () {
554
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
555
- }
556
- });
557
- },
558
-
559
- loadMore: function (gradHeight, $isotopeGallery) {
560
-
561
- var $galleryElement = this.elements.$galleryElement,
562
- $loadMoreDiv = this.elements.$loadMoreDiv,
563
- $loadMore = this.elements.$loadMore,
564
- _this = this;
565
-
566
- $loadMoreDiv.addClass("premium-gallery-item-hidden");
567
-
568
- if ($galleryElement.find(".premium-gallery-item").length > this.settings.minimum) {
569
-
570
- $loadMore.removeClass("premium-gallery-item-hidden");
571
-
572
- $galleryElement.parent().on("click", ".premium-gallery-load-less", function () {
573
- _this.settings.counter = _this.settings.counter - _this.settings.imageToShow;
574
- });
575
-
576
- $galleryElement.parent().on("click", ".premium-gallery-load-more-btn:not(.premium-gallery-load-less)", function () {
577
- _this.updateCounter();
578
- _this.updateGrid(gradHeight, $isotopeGallery, $loadMoreDiv);
579
- });
580
-
581
- }
582
-
583
- },
584
-
585
- getItemsToHide: function (instance, imagesToShow) {
586
- var items = instance.filteredItems.slice(imagesToShow, instance
587
- .filteredItems.length).map(function (item) {
588
- return item.element;
589
- });
590
-
591
- return items;
592
- },
593
-
594
- appendItems: function (imagesToShow, gradHeight, $isotopeGallery) {
595
-
596
- var $galleryElement = this.elements.$galleryElement,
597
- $gradientLayer = this.elements.$gradientLayer,
598
- instance = $galleryElement.data("isotope"),
599
- itemsToHide = this.getItemsToHide(instance, imagesToShow);
600
-
601
- $gradientLayer.outerHeight(gradHeight);
602
-
603
- $galleryElement.find(".premium-gallery-item-hidden").removeClass("premium-gallery-item-hidden");
604
-
605
- $galleryElement.parent().find(".premium-gallery-load-more").removeClass("premium-gallery-item-hidden");
606
-
607
- $(itemsToHide).addClass("premium-gallery-item-hidden");
608
-
609
- $isotopeGallery.isotope("layout");
610
-
611
- if (0 == itemsToHide) {
612
-
613
- $gradientLayer.addClass("premium-gallery-item-hidden");
614
-
615
- $galleryElement.parent().find(".premium-gallery-load-more").addClass("premium-gallery-item-hidden");
616
- }
617
- },
618
-
619
- triggerFilerTabs: function (url) {
620
- var filterIndex = url.searchParams.get(this.settings.flag),
621
- $filters = this.elements.$filters;
622
-
623
- if (filterIndex) {
624
-
625
- var $targetFilter = $filters.eq(filterIndex).find("a");
626
-
627
- $targetFilter.trigger('click');
628
-
629
- }
630
- },
631
-
632
- onReady: function ($isotopeGallery) {
633
- var _this = this;
634
-
635
- $isotopeGallery.isotope("layout");
636
-
637
- $isotopeGallery.isotope({
638
- filter: _this.settings.active_cat
639
- });
640
-
641
- var url = new URL(window.location.href);
642
-
643
- if (url)
644
- _this.triggerFilerTabs(url);
645
-
646
- },
647
-
648
- onResize: function ($isotopeGallery) {
649
- var _this = this;
650
-
651
- _this.setMetroLayout();
652
-
653
- $isotopeGallery.isotope({
654
- itemSelector: ".premium-gallery-item",
655
- masonry: {
656
- columnWidth: _this.settings.columnWidth
657
- },
658
- });
659
-
660
- },
661
-
662
- lightBoxDisabled: function () {
663
- var _this = this,
664
- $vidWrap = this.elements.$vidWrap;
665
-
666
- $vidWrap.each(function (index, item) {
667
- var type = $(item).data("type");
668
-
669
- $(item).closest(".premium-gallery-item").on("click", function () {
670
- var $this = $(this);
671
-
672
- $this.find(".pa-gallery-img-container").css("background", "#000");
673
-
674
- $this.find("img, .pa-gallery-icons-caption-container, .pa-gallery-icons-wrapper").css("visibility", "hidden");
675
-
676
- if ("style3" !== _this.settings.skin)
677
- $this.find(".premium-gallery-caption").css("visibility", "hidden");
678
-
679
- if ("hosted" !== type) {
680
- _this.playVid($this);
681
- } else {
682
- _this.playHostedVid(item);
683
- }
684
- });
685
- });
686
-
687
- },
688
-
689
- playVid: function ($this) {
690
- var $iframeWrap = $this.find(".premium-gallery-iframe-wrap"),
691
- src = $iframeWrap.data("src");
692
-
693
- src = src.replace("&mute", "&autoplay=1&mute");
694
-
695
- var $iframe = $("<iframe/>");
696
-
697
- $iframe.attr({
698
- "src": src,
699
- "frameborder": "0",
700
- "allowfullscreen": "1",
701
- "allow": "autoplay;encrypted-media;"
702
- });
703
-
704
- $iframeWrap.html($iframe);
705
-
706
- $iframe.css("visibility", "visible");
707
- },
708
-
709
- playHostedVid: function (item) {
710
- var $video = $(item).find("video");
711
-
712
- $video.get(0).play();
713
- $video.css("visibility", "visible");
714
- },
715
-
716
- run: function () {
717
-
718
- var $galleryElement = this.elements.$galleryElement,
719
- $vidWrap = this.elements.$vidWrap,
720
- $filters = this.elements.$filters,
721
- _this = this;
722
-
723
- if ('metro' === this.settings.layout) {
724
-
725
- this.setMetroLayout();
726
-
727
- this.settings.layout = "masonry";
728
-
729
- $(window).resize(function () { _this.onResize($isotopeGallery); });
730
- }
731
-
732
- var $isotopeGallery = $galleryElement.isotope(this.getIsoTopeSettings());
733
-
734
- $isotopeGallery.imagesLoaded().progress(function () {
735
- $isotopeGallery.isotope("layout");
736
- });
737
-
738
- $(document).ready(function () { _this.onReady($isotopeGallery); });
739
-
740
- if (this.settings.loadMore) {
741
-
742
- var $gradientLayer = this.elements.$gradientLayer,
743
- gradHeight = null;
744
-
745
- setTimeout(function () {
746
- gradHeight = $gradientLayer.outerHeight();
747
- }, 200);
748
-
749
- this.loadMore(gradHeight, $isotopeGallery);
750
- }
751
-
752
- if ("yes" !== this.settings.light_box)
753
- this.lightBoxDisabled();
754
-
755
- $filters.find("a").click(function (e) {
756
- e.preventDefault();
757
-
758
- _this.isFilterClicked = true;
759
-
760
- $filters.find(".active").removeClass("active");
761
-
762
- $(this).addClass("active");
763
-
764
- _this.settings.filter = $(this).attr("data-filter");
765
-
766
- $isotopeGallery.isotope({
767
- filter: _this.settings.filter
768
- });
769
-
770
- if (_this.settings.shuffle) $isotopeGallery.isotope("shuffle");
771
-
772
- if (_this.settings.loadMore) _this.appendItems(_this.settings.minimum, gradHeight, $isotopeGallery);
773
-
774
- return false;
775
- });
776
-
777
- if ("default" === this.settings.lightbox_type)
778
- this.$element.find(".premium-img-gallery a[data-rel^='prettyPhoto']").prettyPhoto(this.getPrettyPhotoSettings());
779
- },
780
-
781
- getPrettyPhotoSettings: function () {
782
- return {
783
- theme: this.settings.theme,
784
- hook: "data-rel",
785
- opacity: 0.7,
786
- show_title: false,
787
- deeplinking: false,
788
- overlay_gallery: this.settings.overlay,
789
- custom_markup: "",
790
- default_width: 900,
791
- default_height: 506,
792
- social_tools: ""
793
- }
794
- },
795
-
796
- getIsoTopeSettings: function () {
797
- return {
798
- itemSelector: '.premium-gallery-item',
799
- percentPosition: true,
800
- animationOptions: {
801
- duration: 750,
802
- easing: 'linear'
803
- },
804
- filter: this.settings.active_cat,
805
- layoutMode: this.settings.layout,
806
- originLeft: this.settings.ltrMode,
807
- masonry: {
808
- columnWidth: this.settings.columnWidth
809
- },
810
- sortBy: this.settings.sort_by
811
- }
812
- },
813
-
814
- getRepeaterSettings: function () {
815
- return this.getElementSettings('premium_gallery_img_content');
816
- },
817
-
818
- setMetroLayout: function () {
819
-
820
- var $galleryElement = this.elements.$galleryElement,
821
- gridWidth = $galleryElement.width(),
822
- cellSize = Math.floor(gridWidth / 12),
823
- suffix = '',
824
- deviceType = elementorFrontend.getCurrentDeviceMode(),
825
- repeater = this.getRepeaterSettings();
826
-
827
- if ("tablet" === deviceType) {
828
- suffix = "_tablet";
829
- } else if ("mobile" === deviceType) {
830
- suffix = "_mobile";
831
- } else if ("desktop" !== deviceType) {
832
- suffix = "_" + deviceType;
833
- }
834
-
835
- $galleryElement.find(".premium-gallery-item").each(function (index, item) { //should be added to selectors and elements
836
-
837
- var cells = repeater[index]['premium_gallery_image_cell' + suffix],
838
- vCells = repeater[index]['premium_gallery_image_vcell' + suffix];
839
-
840
- if ("" === cells || undefined == cells) {
841
- cells = repeater[index].premium_gallery_image_cell;
842
- }
843
-
844
- if ("" === vCells || undefined == vCells) {
845
- vCells = repeater[index].premium_gallery_image_vcell;
846
- }
847
-
848
- $(item).css({
849
- width: Math.ceil(cells.size * cellSize),
850
- height: Math.ceil(vCells.size * cellSize)
851
- });
852
- });
853
-
854
- this.settings.columnWidth = cellSize;
855
- }
856
-
857
- });
858
-
859
- /****** Premium Counter Handler ******/
860
- var PremiumCounterHandler = function ($scope, $) {
861
-
862
- var $counterElement = $scope.find(".premium-counter");
863
-
864
- elementorFrontend.waypoint($counterElement, function () {
865
-
866
- var counterSettings = $counterElement.data(),
867
- incrementElement = $counterElement.find(".premium-counter-init"),
868
- iconElement = $counterElement.find(".icon");
869
-
870
- $(incrementElement).numerator(counterSettings);
871
-
872
- $(iconElement).addClass("animated " + iconElement.data("animation"));
873
-
874
- });
875
-
876
- };
877
-
878
- /****** Premium Fancy Text Handler ******/
879
- var PremiumFancyTextHandler = function ($scope, $) {
880
-
881
- var $elem = $scope.find(".premium-fancy-text-wrapper"),
882
- settings = $elem.data("settings"),
883
- loadingSpeed = settings.delay || 2500,
884
- itemCount = $elem.find('.premium-fancy-list-items').length,
885
- loopCount = ('' === settings.count && !['typing', 'slide', 'autofade'].includes(settings.effect)) ? 'infinite' : (settings.count * itemCount);
886
-
887
- function escapeHtml(unsafe) {
888
- return unsafe.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(
889
- /"/g, "&quot;").replace(/'/g, "&#039;");
890
- }
891
-
892
- if ("typing" === settings.effect) {
893
-
894
- var fancyStrings = [];
895
-
896
- settings.strings.forEach(function (item) {
897
- fancyStrings.push(escapeHtml(item));
898
- });
899
-
900
- $elem.find(".premium-fancy-text").typed({
901
- strings: fancyStrings,
902
- typeSpeed: settings.typeSpeed,
903
- backSpeed: settings.backSpeed,
904
- startDelay: settings.startDelay,
905
- backDelay: settings.backDelay,
906
- showCursor: settings.showCursor,
907
- cursorChar: settings.cursorChar,
908
- loop: settings.loop
909
- });
910
-
911
- } else if ("slide" === settings.effect) {
912
- loadingSpeed = settings.pause;
913
-
914
- $elem.find(".premium-fancy-text").vTicker({
915
- speed: settings.speed,
916
- showItems: settings.showItems,
917
- pause: settings.pause,
918
- mousePause: settings.mousePause,
919
- direction: "up"
920
- });
921
-
922
- } else if ('auto-fade' === settings.effect) {
923
- var $items = $elem.find(".premium-fancy-list-items"),
924
- len = $items.length;
925
-
926
- if (0 === len) {
927
- return;
928
- }
929
-
930
- var delay = settings.duration / len,
931
- itemDelay = 0;
932
-
933
- loadingSpeed = delay;
934
-
935
- $items.each(function ($index, $item) {
936
- $item.style.animationDelay = itemDelay + 'ms';
937
- itemDelay += delay;
938
- });
939
-
940
- } else {
941
-
942
- setFancyAnimation();
943
-
944
- function setFancyAnimation() {
945
-
946
- var $item = $elem.find(".premium-fancy-list-items"),
947
- current = 1;
948
-
949
- //Get effect settings
950
- var delay = settings.delay || 2500,
951
- loopCount = settings.count;
952
-
953
- //If Loop Count option is set
954
- if (loopCount) {
955
- var currentLoop = 1,
956
- fancyStringsCount = $elem.find(".premium-fancy-list-items").length;
957
- }
958
-
959
- var loopInterval = setInterval(function () {
960
-
961
- var animationClass = "";
962
-
963
- //Add animation class
964
- if (settings.effect === "custom")
965
- animationClass = "animated " + settings.animation;
966
-
967
- //Show current active item
968
- $item.eq(current).addClass("premium-fancy-item-visible " + animationClass).removeClass("premium-fancy-item-hidden");
969
-
970
- var $inactiveItems = $item.filter(function (index) {
971
- return index !== current;
972
- });
973
-
974
- //Hide inactive items
975
- $inactiveItems.addClass("premium-fancy-item-hidden").removeClass("premium-fancy-item-visible " + animationClass);
976
-
977
- current++;
978
-
979
- //Restart loop
980
- if ($item.length === current)
981
- current = 0;
982
-
983
- //Increment interval and check if loop count is reached
984
- if (loopCount) {
985
- currentLoop++;
986
-
987
- if ((fancyStringsCount * loopCount) === currentLoop)
988
- clearInterval(loopInterval);
989
- }
990
-
991
-
992
- }, delay);
993
-
994
- }
995
- }
996
-
997
- if ('loading' === settings.loading && 'typing' !== settings.effect) {
998
- $scope.find('.premium-fancy-text').append('<span class="premium-loading-bar"></span>');
999
- $scope.find('.premium-loading-bar').css({
1000
- 'animation-iteration-count': loopCount,
1001
- 'animation-duration': loadingSpeed + 'ms'
1002
- });
1003
- }
1004
-
1005
- };
1006
-
1007
- /****** Premium Countdown Handler ******/
1008
- var PremiumCountDownHandler = function ($scope, $) {
1009
-
1010
- var $countDownElement = $scope.find(".premium-countdown"),
1011
- settings = $countDownElement.data("settings"),
1012
- id = $scope.data('id'),
1013
- label1 = settings.label1,
1014
- label2 = settings.label2,
1015
- newLabe1 = label1.split(","),
1016
- newLabel2 = label2.split(","),
1017
- timerType = settings.timerType,
1018
- until = 'evergreen' === timerType ? settings.until.date : settings.until,
1019
- layout = '',
1020
- map = {
1021
- y: { index: 0, oldVal: '' },
1022
- o: { index: 1, oldVal: '' },
1023
- w: { index: 2, oldVal: '' },
1024
- d: { index: 3, oldVal: '' },
1025
- h: { index: 4, oldVal: '' },
1026
- m: { index: 5, oldVal: '' },
1027
- s: { index: 6, oldVal: '' }
1028
- };
1029
-
1030
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1031
- settings.format.split('').forEach(function (unit) {
1032
- var lowercased = unit.toLowerCase();
1033
-
1034
- layout += '<div class="premium-countdown-block premium-countdown-' + lowercased + '"><div class="pre_time-mid"> <div class="premium-countdown-figure"><span class="top">{' + lowercased + 'nn}</span><span class="top-back"><span>{' + lowercased + 'nn}</span></span><span class="bottom">{' + lowercased + 'nn}</span><span class="bottom-back"><span>{' + lowercased + 'nn}</span></span></div><span class="premium-countdown-label">{' + lowercased + 'l}</span></div><span class="countdown_separator">{sep}</span></div>';
1035
- });
1036
- }
1037
-
1038
- $countDownElement.find('#countdown-' + id).countdown({
1039
- layout: layout,
1040
- labels: newLabel2,
1041
- labels1: newLabe1,
1042
- until: new Date(until),
1043
- format: settings.format,
1044
- padZeroes: true,
1045
- timeSeparator: settings.separator,
1046
- onTick: function (periods) {
1047
-
1048
- equalWidth();
1049
-
1050
- if ($countDownElement.find('#countdown-' + id).hasClass('premium-countdown-flip')) {
1051
- animateFigure(periods, map);
1052
- }
1053
- },
1054
- onExpiry: function () {
1055
- if ('onExpiry' === settings.event) {
1056
- $countDownElement.find('#countdown-' + id).html(settings.text);
1057
- }
1058
- },
1059
- serverSync: function () {
1060
- return new Date(settings.serverSync);
1061
- }
1062
- });
1063
-
1064
- if (settings.reset) {
1065
- $countDownElement.find('.premium-countdown-init').countdown('option', 'until', new Date(until));
1066
- }
1067
-
1068
- if ('expiryUrl' === settings.event) {
1069
- $countDownElement.find('#countdown-' + id).countdown('option', 'expiryUrl', (elementorFrontend.isEditMode()) ? '' : settings.text);
1070
- }
1071
-
1072
- function equalWidth() {
1073
- var width = 0;
1074
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').each(function (index, slot) {
1075
- if (width < $(slot).outerWidth()) {
1076
- width = $(slot).outerWidth();
1077
- }
1078
- });
1079
-
1080
- $countDownElement.find('#countdown-' + id + ' .countdown-amount').css('width', width);
1081
- }
1082
-
1083
- function animateFigure(periods, map) {
1084
- settings.format.split('').forEach(function (unit) {
1085
-
1086
- var lowercased = unit.toLowerCase(),
1087
- index = map[lowercased].index,
1088
- oldVal = map[lowercased].oldVal;
1089
-
1090
- if (periods[index] !== oldVal) {
1091
-
1092
- map[lowercased].oldVal = periods[index];
1093
-
1094
- var $top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top'),
1095
- $back_top = $('#countdown-' + id).find('.premium-countdown-' + lowercased + ' .top-back');
1096
-
1097
- TweenMax.to($top, 0.8, {
1098
- rotationX: '-180deg',
1099
- transformPerspective: 300,
1100
- ease: Quart.easeOut,
1101
- onComplete: function () {
1102
- TweenMax.set($top, { rotationX: 0 });
1103
- }
1104
- });
1105
-
1106
- TweenMax.to($back_top, 0.8, {
1107
- rotationX: 0,
1108
- transformPerspective: 300,
1109
- ease: Quart.easeOut,
1110
- clearProps: 'all'
1111
- });
1112
- }
1113
- });
1114
- }
1115
-
1116
- times = $countDownElement.find('#countdown-' + id).countdown("getTimes");
1117
-
1118
- function runTimer(el) {
1119
- return el == 0;
1120
- }
1121
-
1122
- if (times.every(runTimer)) {
1123
-
1124
- if ('onExpiry' === settings.event) {
1125
- $countDownElement.find('#countdown-' + id).html(settings.text);
1126
- } else if ('expiryUrl' === settings.event && !elementorFrontend.isEditMode()) {
1127
- var editMode = $('body').find('#elementor').length;
1128
- if (0 < editMode) {
1129
- $countDownElement.find('#countdown-' + id).html(
1130
- "<h1>You can not redirect url from elementor Editor!!</h1>");
1131
- } else {
1132
- if (!elementorFrontend.isEditMode()) {
1133
- window.location.href = settings.text;
1134
- }
1135
- }
1136
-
1137
- }
1138
- }
1139
-
1140
- };
1141
-
1142
- /****** Premium Carousel Handler ******/
1143
- var PremiumCarouselHandler = function ($scope, $) {
1144
-
1145
- var $carouselElem = $scope.find(".premium-carousel-wrapper"),
1146
- settings = $($carouselElem).data("settings"),
1147
- isEdit = elementorFrontend.isEditMode();
1148
-
1149
- function slideToShow(slick) {
1150
-
1151
- var slidesToShow = slick.options.slidesToShow,
1152
- windowWidth = $(window).width();
1153
- if (windowWidth > settings.tabletBreak) {
1154
- slidesToShow = settings.slidesDesk;
1155
- }
1156
- if (windowWidth <= settings.tabletBreak) {
1157
- slidesToShow = settings.slidesTab;
1158
- }
1159
- if (windowWidth <= settings.mobileBreak) {
1160
- slidesToShow = settings.slidesMob;
1161
- }
1162
- return slidesToShow;
1163
-
1164
- }
1165
-
1166
- //Get templates content on the editor page
1167
- if (isEdit) {
1168
-
1169
- $carouselElem.find(".item-wrapper").each(function (index, slide) {
1170
-
1171
- var templateID = $(slide).data("template");
1172
-
1173
- if (undefined !== templateID) {
1174
- $.ajax({
1175
- type: "GET",
1176
- url: PremiumSettings.ajaxurl,
1177
- dataType: "html",
1178
- data: {
1179
- action: "get_elementor_template_content",
1180
- templateID: templateID
1181
- }
1182
- }).success(function (response) {
1183
-
1184
- var data = JSON.parse(response).data;
1185
-
1186
- if (undefined !== data.template_content) {
1187
-
1188
- $(slide).html(data.template_content);
1189
- $carouselElem.find(".premium-carousel-inner").slick("refresh");
1190
-
1191
- }
1192
- });
1193
- }
1194
- });
1195
-
1196
- }
1197
-
1198
- $carouselElem.on("init", function (event) {
1199
-
1200
- event.preventDefault();
1201
-
1202
- setTimeout(function () {
1203
- resetAnimations("init");
1204
- }, 500);
1205
-
1206
- $(this).find("item-wrapper.slick-active").each(function () {
1207
- var $this = $(this);
1208
- $this.addClass($this.data("animation"));
1209
- });
1210
-
1211
- $(".slick-track").addClass("translate");
1212
-
1213
- });
1214
-
1215
- $carouselElem.find(".premium-carousel-inner").slick({
1216
- vertical: settings.vertical,
1217
- slidesToScroll: settings.slidesToScroll,
1218
- slidesToShow: settings.slidesToShow,
1219
- responsive: [{
1220
- breakpoint: settings.tabletBreak,
1221
- settings: {
1222
- slidesToShow: settings.slidesTab,
1223
- slidesToScroll: settings.slidesTab
1224
- }
1225
- },
1226
- {
1227
- breakpoint: settings.mobileBreak,
1228
- settings: {
1229
- slidesToShow: settings.slidesMob,
1230
- slidesToScroll: settings.slidesMob
1231
- }
1232
- }
1233
- ],
1234
- useTransform: true,
1235
- fade: settings.fade,
1236
- infinite: settings.infinite,
1237
- speed: settings.speed,
1238
- autoplay: settings.autoplay,
1239
- autoplaySpeed: settings.autoplaySpeed,
1240
- draggable: settings.draggable,
1241
- touchMove: settings.touchMove,
1242
- rtl: settings.rtl,
1243
- adaptiveHeight: settings.adaptiveHeight,
1244
- pauseOnHover: settings.pauseOnHover,
1245
- centerMode: settings.centerMode,
1246
- centerPadding: settings.centerPadding,
1247
- arrows: settings.arrows,
1248
- prevArrow: $carouselElem.find(".premium-carousel-nav-arrow-prev").html(),
1249
- nextArrow: $carouselElem.find(".premium-carousel-nav-arrow-next").html(),
1250
- dots: settings.dots,
1251
- customPaging: function () {
1252
- var customDot = $carouselElem.find(".premium-carousel-nav-dot").html();
1253
- return customDot;
1254
- }
1255
- });
1256
-
1257
- function resetAnimations(event) {
1258
-
1259
- var $slides = $carouselElem.find(".slick-slide");
1260
-
1261
- if ("init" === event)
1262
- $slides = $slides.not(".slick-current");
1263
-
1264
- $slides.find(".animated").each(function (index, elem) {
1265
-
1266
- var settings = $(elem).data("settings");
1267
-
1268
- if (!settings)
1269
- return;
1270
-
1271
- if (!settings._animation && !settings.animation)
1272
- return;
1273
-
1274
- var animation = settings._animation || settings.animation;
1275
-
1276
- $(elem).removeClass("animated " + animation).addClass("elementor-invisible");
1277
- });
1278
- };
1279
-
1280
- function triggerAnimation() {
1281
-
1282
- $carouselElem.find(".slick-active .elementor-invisible").each(function (index, elem) {
1283
-
1284
- var settings = $(elem).data("settings");
1285
-
1286
- if (!settings)
1287
- return;
1288
-
1289
- if (!settings._animation && !settings.animation)
1290
- return;
1291
-
1292
- var delay = settings._animation_delay ? settings._animation_delay : 0,
1293
- animation = settings._animation || settings.animation;
1294
-
1295
- setTimeout(function () {
1296
- $(elem).removeClass("elementor-invisible").addClass(animation +
1297
- ' animated');
1298
- }, delay);
1299
- });
1300
- }
1301
-
1302
- $carouselElem.on("afterChange", function (event, slick, currentSlide) {
1303
-
1304
- var slidesScrolled = slick.options.slidesToScroll,
1305
- slidesToShow = slideToShow(slick),
1306
- centerMode = slick.options.centerMode,
1307
- slideToAnimate = currentSlide + slidesToShow - 1;
1308
-
1309
- //Trigger Aniamtions for the current slide
1310
- triggerAnimation();
1311
-
1312
- if (slidesScrolled === 1) {
1313
- if (!centerMode === true) {
1314
- var $inViewPort = $(this).find("[data-slick-index='" + slideToAnimate +
1315
- "']");
1316
- if ("null" != settings.animation) {
1317
- $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1318
- .addClass(settings.animation).removeClass(
1319
- "premium-carousel-content-hidden");
1320
- }
1321
- }
1322
- } else {
1323
- for (var i = slidesScrolled + currentSlide; i >= 0; i--) {
1324
- $inViewPort = $(this).find("[data-slick-index='" + i + "']");
1325
- if ("null" != settings.animation) {
1326
- $inViewPort.find("p, h1, h2, h3, h4, h5, h6, span, a, img, i, button")
1327
- .addClass(settings.animation).removeClass(
1328
- "premium-carousel-content-hidden");
1329
- }
1330
- }
1331
- }
1332
- });
1333
-
1334
- $carouselElem.on("beforeChange", function (event, slick, currentSlide) {
1335
-
1336
- //Reset Aniamtions for the other slides
1337
- resetAnimations();
1338
-
1339
- var $inViewPort = $(this).find("[data-slick-index='" + currentSlide + "']");
1340
-
1341
- if ("null" != settings.animation) {
1342
- $inViewPort.siblings().find(
1343
- "p, h1, h2, h3, h4, h5, h6, span, a, img, i, button").removeClass(
1344
- settings.animation).addClass(
1345
- "premium-carousel-content-hidden");
1346
- }
1347
- });
1348
-
1349
- if (settings.vertical) {
1350
-
1351
- var maxHeight = -1;
1352
-
1353
- elementorFrontend.elements.$window.on('load', function () {
1354
- $carouselElem.find(".slick-slide").each(function () {
1355
- if ($(this).height() > maxHeight) {
1356
- maxHeight = $(this).height();
1357
- }
1358
- });
1359
- $carouselElem.find(".slick-slide").each(function () {
1360
- if ($(this).height() < maxHeight) {
1361
- $(this).css("margin", Math.ceil(
1362
- (maxHeight - $(this).height()) / 2) + "px 0");
1363
- }
1364
- });
1365
- });
1366
- }
1367
- var marginFix = {
1368
- element: $("a.ver-carousel-arrow"),
1369
- getWidth: function () {
1370
- var width = this.element.outerWidth();
1371
- return width / 2;
1372
- },
1373
- setWidth: function (type) {
1374
- type = type || "vertical";
1375
- if (type == "vertical") {
1376
- this.element.css("margin-left", "-" + this.getWidth() + "px");
1377
- } else {
1378
- this.element.css("margin-top", "-" + this.getWidth() + "px");
1379
- }
1380
- }
1381
- };
1382
- marginFix.setWidth();
1383
- marginFix.element = $("a.carousel-arrow");
1384
- marginFix.setWidth("horizontal");
1385
-
1386
- $(document).ready(function () {
1387
-
1388
- settings.navigation.map(function (item, index) {
1389
-
1390
- if (item) {
1391
-
1392
- $(item).on("click", function () {
1393
-
1394
- var currentActive = $carouselElem.find(".premium-carousel-inner").slick("slickCurrentSlide");
1395
-
1396
- if (index !== currentActive) {
1397
- $carouselElem.find(".premium-carousel-inner").slick("slickGoTo", index)
1398
- }
1399
-
1400
- })
1401
- }
1402
-
1403
- })
1404
- })
1405
-
1406
- };
1407
-
1408
- /****** Premium Banner Handler ******/
1409
- var PremiumBannerHandler = function ($scope, $) {
1410
-
1411
- var $bannerElement = $scope.find(".premium-banner"),
1412
- $bannerImg = $bannerElement.find("img");
1413
-
1414
-
1415
- if ($bannerElement.data("box-tilt")) {
1416
- var reverse = $bannerElement.data("box-tilt-reverse");
1417
- UniversalTilt.init({
1418
- elements: $bannerElement,
1419
- settings: {
1420
- reverse: reverse
1421
- },
1422
- callbacks: {
1423
- onMouseLeave: function (el) {
1424
- el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0)";
1425
- },
1426
- onDeviceMove: function (el) {
1427
- el.style.boxShadow = "0 45px 100px rgba(255, 255, 255, 0.3)";
1428
- }
1429
- }
1430
- });
1431
- }
1432
-
1433
-
1434
- $bannerElement.find(".premium-banner-ib").hover(function () {
1435
- $bannerImg.addClass("active");
1436
- }, function () {
1437
- $bannerImg.removeClass("active");
1438
- });
1439
- };
1440
-
1441
- /****** Premium Modal Box Handler ******/
1442
- var PremiumModalBoxHandler = function ($scope, $) {
1443
-
1444
- var $modalElem = $scope.find(".premium-modal-box-container"),
1445
- settings = $modalElem.data("settings"),
1446
- $modal = $modalElem.find(".premium-modal-box-modal-dialog");
1447
-
1448
- if (!settings) {
1449
- return;
1450
- }
1451
-
1452
- if (settings.trigger === "pageload") {
1453
- $(document).ready(function ($) {
1454
- setTimeout(function () {
1455
- $modalElem.find(".premium-modal-box-modal").modal();
1456
- }, settings.delay * 1000);
1457
- });
1458
- }
1459
-
1460
- if ($modal.data("modal-animation") && " " != $modal.data("modal-animation")) {
1461
-
1462
- var animationDelay = $modal.data('delay-animation');
1463
-
1464
- new Waypoint({
1465
- element: $modal,
1466
- handler: function () {
1467
- setTimeout(function () {
1468
- $modal.css("opacity", "1").addClass("animated " + $modal.data("modal-animation"));
1469
- }, animationDelay * 1000);
1470
- this.destroy();
1471
- },
1472
- offset: Waypoint.viewportHeight() - 150,
1473
- });
1474
- }
1475
- };
1476
-
1477
- /****** Premium Blog Handler ******/
1478
- var PremiumBlogHandler = ModuleHandler.extend({
1479
-
1480
- settings: {
1481
- pageNumber: 1,
1482
- isLoaded: true,
1483
- count: 2
1484
- },
1485
-
1486
- getDefaultSettings: function () {
1487
- return {
1488
- selectors: {
1489
- user: '.fa-user',
1490
- activeCat: '.category.active',
1491
- loading: '.premium-loading-feed',
1492
- blogElement: '.premium-blog-wrap',
1493
- blogFilterTabs: '.premium-blog-filter',
1494
- blogWrapper: '.premium-blog-content-wrapper',
1495
- blogPost: '.premium-blog-post-outer-container',
1496
- metaSeparators: '.premium-blog-meta-separator',
1497
- filterLinks: '.premium-blog-filters-container li a',
1498
- currentPage: '.premium-blog-pagination-container .page-numbers.current',
1499
- activeElememnt: '.premium-blog-filters-container li .active',
1500
- }
1501
- }
1502
- },
1503
-
1504
- getDefaultElements: function () {
1505
- var selectors = this.getSettings('selectors'),
1506
- elements = {
1507
- $blogElement: this.$element.find(selectors.blogElement),
1508
- $blogFilterTabs: this.$element.find(selectors.blogFilterTabs),
1509
- $activeCat: this.$element.find(selectors.activeCat),
1510
- $filterLinks: this.$element.find(selectors.filterLinks),
1511
- $blogPost: this.$element.find(selectors.blogPost),
1512
- $blogWrapper: this.$element.find(selectors.blogWrapper)
1513
- };
1514
-
1515
- elements.$metaSeparators = elements.$blogPost.first().find(selectors.metaSeparators);
1516
- elements.$user = elements.$blogPost.find(selectors.user);
1517
-
1518
- return elements;
1519
- },
1520
-
1521
- bindEvents: function () {
1522
- this.getGeneralSettigns();
1523
- this.run();
1524
- },
1525
-
1526
- getGeneralSettigns: function () {
1527
- var settings = this.getElementSettings(),
1528
- $blogPost = this.elements.$blogPost;
1529
-
1530
- this.settings.equalHeight = settings.force_height;
1531
- this.settings.layout = settings.premium_blog_layout;
1532
-
1533
- this.settings.carousel = 'yes' === settings.premium_blog_carousel ? true : false;
1534
- this.settings.infinite = 'yes' === settings.premium_blog_infinite_scroll ? true : false;
1535
- this.settings.scrollAfter = 'yes' === settings.scroll_to_offset ? true : false;
1536
- this.settings.grid = 'yes' === settings.premium_blog_grid ? true : false;
1537
- this.settings.speed = '' !== settings.premium_blog_carousel_autoplay_speed ? parseInt(settings.premium_blog_carousel_autoplay_speed) : 5000;
1538
- this.settings.total = $blogPost.data('total');
1539
-
1540
- if (this.settings.carousel) {
1541
-
1542
- this.settings.slidesToScroll = settings.slides_to_scroll;
1543
- this.settings.spacing = parseInt(settings.premium_blog_carousel_spacing);
1544
- this.settings.autoPlay = 'yes' === settings.premium_blog_carousel_play ? true : false;
1545
- this.settings.arrows = 'yes' === settings.premium_blog_carousel_arrows ? true : false;
1546
- this.settings.fade = 'yes' === settings.premium_blog_carousel_fade ? true : false;
1547
- this.settings.center = 'yes' === settings.premium_blog_carousel_center ? true : false;
1548
- this.settings.dots = 'yes' === settings.premium_blog_carousel_dots ? true : false;
1549
-
1550
- }
1551
- },
1552
-
1553
- run: function () {
1554
-
1555
- var _this = this,
1556
- selectors = this.getSettings('selectors'),
1557
- $blogElement = this.elements.$blogElement,
1558
- $user = this.elements.$user,
1559
- $blogPost = this.elements.$blogPost,
1560
- $metaSeparators = this.elements.$metaSeparators,
1561
- $activeCategory = this.elements.$activeCat.data('filter'),
1562
- $filterTabs = this.elements.$blogFilterTabs.length,
1563
- pagination = $blogElement.data("pagination");
1564
-
1565
- this.settings.activeCategory = $activeCategory;
1566
- this.settings.filterTabs = $filterTabs;
1567
-
1568
- if (1 === $metaSeparators.length) {
1569
- //If two meta only are enabled. One of them is author meta.
1570
- if (!$user.length) {
1571
- $blogPost.find(selectors.metaSeparators).remove();
1572
- }
1573
-
1574
- } else {
1575
- if (!$user.length) {
1576
- $blogPost.each(function (index, post) {
1577
- $(post).find(selectors.metaSeparators).first().remove();
1578
- });
1579
- }
1580
- }
1581
-
1582
- if (this.settings.filterTabs) {
1583
- this.filterTabs();
1584
- }
1585
-
1586
- if (!this.settings.filterTabs || "*" === this.settings.activeCategory) {
1587
- if ("masonry" === this.settings.layout && !this.settings.carousel) {
1588
- $blogElement.imagesLoaded(function () {
1589
- $blogElement.isotope(_this.getIsoTopeSettings());
1590
- });
1591
- }
1592
- } else {
1593
- //If `All` categories not exist, then we need to get posts through AJAX.
1594
- this.getPostsByAjax(false);
1595
- }
1596
-
1597
- if (this.settings.carousel) {
1598
- $blogElement.slick(this.getSlickSettings());
1599
- }
1600
-
1601
- if ("even" === this.settings.layout && this.settings.equalHeight) {
1602
- this.forceEqualHeight();
1603
- }
1604
-
1605
- if (pagination) {
1606
- this.paginate();
1607
- }
1608
-
1609
- if (this.settings.infinite) {
1610
- this.getInfiniteScrollPosts();
1611
- }
1612
-
1613
- },
1614
-
1615
- paginate: function () {
1616
- var _this = this,
1617
- $scope = this.$element,
1618
- selectors = this.getSettings('selectors');
1619
-
1620
- $scope.on('click', '.premium-blog-pagination-container .page-numbers', function (e) {
1621
-
1622
- e.preventDefault();
1623
-
1624
- if ($(this).hasClass("current")) return;
1625
-
1626
- var currentPage = parseInt($scope.find(selectors.currentPage).html());
1627
-
1628
- if ($(this).hasClass('next')) {
1629
- _this.settings.pageNumber = currentPage + 1;
1630
- } else if ($(this).hasClass('prev')) {
1631
- _this.settings.pageNumber = currentPage - 1;
1632
- } else {
1633
- _this.settings.pageNumber = $(this).html();
1634
- }
1635
-
1636
- _this.getPostsByAjax(_this.settings.scrollAfter);
1637
-
1638
- })
1639
- },
1640
-
1641
- forceEqualHeight: function () {
1642
- var heights = new Array(),
1643
- $blogWrapper = this.elements.$blogWrapper;
1644
-
1645
- $blogWrapper.each(function (index, post) {
1646
-
1647
- var height = $(post).outerHeight();
1648
-
1649
- heights.push(height);
1650
- });
1651
-
1652
- var maxHeight = Math.max.apply(null, heights);
1653
-
1654
- $blogWrapper.css("height", maxHeight + "px");
1655
- },
1656
-
1657
- getSlickSettings: function () {
1658
-
1659
- var settings = this.settings,
1660
- slickCols = settings.grid ? this.getSlickCols() : null,
1661
- cols = settings.grid ? slickCols.cols : 1,
1662
- colsTablet = settings.grid ? slickCols.colsTablet : 1,
1663
- colsMobile = settings.grid ? slickCols.colsMobile : 1,
1664
- prevArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Previous" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>' : '',
1665
- nextArrow = settings.arrows ? '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>' : '';
1666
-
1667
- return {
1668
- infinite: true,
1669
- slidesToShow: cols,
1670
- slidesToScroll: settings.slidesToScroll || cols,
1671
- responsive: [{
1672
- breakpoint: 1025,
1673
- settings: {
1674
- slidesToShow: colsTablet,
1675
- slidesToScroll: 1
1676
- }
1677
- },
1678
- {
1679
- breakpoint: 768,
1680
- settings: {
1681
- slidesToShow: colsMobile,
1682
- slidesToScroll: 1
1683
- }
1684
- }
1685
- ],
1686
- autoplay: settings.autoPlay,
1687
- rows: 0,
1688
- autoplaySpeed: settings.speed,
1689
- nextArrow: nextArrow,
1690
- prevArrow: prevArrow,
1691
- fade: settings.fade,
1692
- centerMode: settings.center,
1693
- centerPadding: settings.spacing + "px",
1694
- draggable: true,
1695
- dots: settings.dots,
1696
- customPaging: function () {
1697
- return '<i class="fas fa-circle"></i>';
1698
- }
1699
- }
1700
-
1701
- },
1702
-
1703
- getSlickCols: function () {
1704
- var slickCols = this.getElementSettings(),
1705
- cols = slickCols.premium_blog_columns_number,
1706
- colsTablet = slickCols.premium_blog_columns_number_tablet,
1707
- colsMobile = slickCols.premium_blog_columns_number_mobile;
1708
-
1709
- return {
1710
- cols: parseInt(100 / cols.substr(0, cols.indexOf('%'))),
1711
- colsTablet: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
1712
- colsMobile: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
1713
- }
1714
-
1715
- },
1716
-
1717
- getIsoTopeSettings: function () {
1718
- return {
1719
- itemSelector: ".premium-blog-post-outer-container",
1720
- percentPosition: true,
1721
- filter: this.settings.activeCategory,
1722
- animationOptions: {
1723
- duration: 750,
1724
- easing: "linear",
1725
- queue: false
1726
- }
1727
- }
1728
- },
1729
-
1730
- filterTabs: function () {
1731
-
1732
- var _this = this,
1733
- selectors = this.getSettings('selectors'),
1734
- $filterLinks = this.elements.$filterLinks;
1735
-
1736
- $filterLinks.click(function (e) {
1737
-
1738
- e.preventDefault();
1739
-
1740
- _this.$element.find(selectors.activeElememnt).removeClass("active");
1741
-
1742
- $(this).addClass("active");
1743
-
1744
- //Get clicked tab slug
1745
- _this.settings.activeCategory = $(this).attr("data-filter");
1746
-
1747
- _this.settings.pageNumber = 1;
1748
-
1749
- if (_this.settings.infinite) {
1750
- _this.getPostsByAjax(false);
1751
- _this.settings.count = 2;
1752
- _this.getInfiniteScrollPosts();
1753
- } else {
1754
- //Make sure to reset pagination before sending our AJAX request
1755
- _this.getPostsByAjax(_this.settings.scrollAfter);
1756
- }
1757
-
1758
- });
1759
- },
1760
-
1761
- getPostsByAjax: function (shouldScroll) {
1762
-
1763
- //If filter tabs is not enabled, then always set category to all.
1764
- if ('undefined' === typeof this.settings.activeCategory) {
1765
- this.settings.activeCategory = '*';
1766
- }
1767
-
1768
- var _this = this,
1769
- $blogElement = this.elements.$blogElement,
1770
- selectors = this.getSettings('selectors');
1771
-
1772
- $.ajax({
1773
- url: PremiumSettings.ajaxurl,
1774
- dataType: 'json',
1775
- type: 'POST',
1776
- data: {
1777
- action: 'pa_get_posts',
1778
- page_id: $blogElement.data('page'),
1779
- widget_id: _this.$element.data('id'),
1780
- page_number: _this.settings.pageNumber,
1781
- category: _this.settings.activeCategory,
1782
- nonce: PremiumSettings.nonce,
1783
- },
1784
- beforeSend: function () {
1785
-
1786
- $blogElement.append('<div class="premium-loading-feed"><div class="premium-loader"></div></div>');
1787
-
1788
- if (shouldScroll) {
1789
- $('html, body').animate({
1790
- scrollTop: (($blogElement.offset().top) - 50)
1791
- }, 'slow');
1792
- }
1793
-
1794
- },
1795
- success: function (res) {
1796
- if (!res.data)
1797
- return;
1798
-
1799
- $blogElement.find(selectors.loading).remove();
1800
-
1801
- var posts = res.data.posts,
1802
- paging = res.data.paging;
1803
-
1804
- if (_this.settings.infinite) {
1805
- _this.settings.isLoaded = true;
1806
- if (_this.settings.filterTabs && _this.settings.pageNumber === 1) {
1807
- $blogElement.html(posts);
1808
- } else {
1809
- $blogElement.append(posts);
1810
- }
1811
- } else {
1812
- //Render the new markup into the widget
1813
- $blogElement.html(posts);
1814
-
1815
- _this.$element.find(".premium-blog-footer").html(paging);
1816
- }
1817
-
1818
- if ("even" === _this.settings.layout) {
1819
- if (_this.settings.equalHeight)
1820
- _this.forceEqualHeight();
1821
-
1822
- } else {
1823
-
1824
- $blogElement.imagesLoaded(function () {
1825
- $blogElement.isotope('reloadItems');
1826
- $blogElement.isotope({
1827
- itemSelector: ".premium-blog-post-outer-container",
1828
- animate: false
1829
- });
1830
- });
1831
- }
1832
-
1833
- },
1834
- error: function (err) {
1835
- console.log(err);
1836
- }
1837
-
1838
- });
1839
- },
1840
-
1841
- getInfiniteScrollPosts: function () {
1842
- var windowHeight = jQuery(window).outerHeight() / 1.25,
1843
- _this = this;
1844
-
1845
- $(window).scroll(function () {
1846
-
1847
- if (_this.settings.filterTabs) {
1848
- $blogPost = _this.elements.$blogElement.find(".premium-blog-post-outer-container");
1849
- _this.settings.total = $blogPost.data('total');
1850
- }
1851
-
1852
- if (_this.settings.count <= _this.settings.total) {
1853
- if (($(window).scrollTop() + windowHeight) >= (_this.$element.find('.premium-blog-post-outer-container:last').offset().top)) {
1854
- if (true == _this.settings.isLoaded) {
1855
- _this.settings.pageNumber = _this.settings.count;
1856
- _this.getPostsByAjax(false);
1857
- _this.settings.count++;
1858
- _this.settings.isLoaded = false;
1859
- }
1860
-
1861
- }
1862
- }
1863
- });
1864
- },
1865
-
1866
- });
1867
-
1868
- /****** Premium Image Scroll Handler ******/
1869
- var PremiumImageScrollHandler = function ($scope, $) {
1870
- var scrollElement = $scope.find(".premium-image-scroll-container"),
1871
- scrollOverlay = scrollElement.find(".premium-image-scroll-overlay"),
1872
- scrollVertical = scrollElement.find(".premium-image-scroll-vertical"),
1873
- dataElement = scrollElement.data("settings"),
1874
- imageScroll = scrollElement.find("img"),
1875
- direction = dataElement["direction"],
1876
- reverse = dataElement["reverse"],
1877
- transformOffset = null;
1878
-
1879
- function startTransform() {
1880
- imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "( -" +
1881
- transformOffset + "px)");
1882
- }
1883
-
1884
- function endTransform() {
1885
- imageScroll.css("transform", (direction === "vertical" ? "translateY" : "translateX") + "(0px)");
1886
- }
1887
-
1888
- function setTransform() {
1889
- if (direction === "vertical") {
1890
- transformOffset = imageScroll.height() - scrollElement.height();
1891
- } else {
1892
- transformOffset = imageScroll.width() - scrollElement.width();
1893
- }
1894
- }
1895
- if (dataElement["trigger"] === "scroll") {
1896
- scrollElement.addClass("premium-container-scroll");
1897
- if (direction === "vertical") {
1898
- scrollVertical.addClass("premium-image-scroll-ver");
1899
- } else {
1900
- scrollElement.imagesLoaded(function () {
1901
- scrollOverlay.css({
1902
- width: imageScroll.width(),
1903
- height: imageScroll.height()
1904
- });
1905
- });
1906
- }
1907
- } else {
1908
- if (reverse === "yes") {
1909
- scrollElement.imagesLoaded(function () {
1910
- scrollElement.addClass("premium-container-scroll-instant");
1911
- setTransform();
1912
- startTransform();
1913
- });
1914
- }
1915
- if (direction === "vertical") {
1916
- scrollVertical.removeClass("premium-image-scroll-ver");
1917
- }
1918
- scrollElement.mouseenter(function () {
1919
- scrollElement.removeClass("premium-container-scroll-instant");
1920
- setTransform();
1921
- reverse === "yes" ? endTransform() : startTransform();
1922
- });
1923
- scrollElement.mouseleave(function () {
1924
- reverse === "yes" ? startTransform() : endTransform();
1925
- });
1926
- }
1927
- };
1928
-
1929
-
1930
- /****** Premium Contact Form 7 Handler ******/
1931
- var PremiumContactFormHandler = function ($scope, $) {
1932
-
1933
- var $contactForm = $scope.find(".premium-cf7-container");
1934
- var $input = $contactForm.find(
1935
- 'input[type="text"], input[type="email"], textarea, input[type="password"], input[type="date"], input[type="number"], input[type="tel"], input[type="file"], input[type="url"]'
1936
- );
1937
-
1938
- $input.wrap("<span class='wpcf7-span'>");
1939
-
1940
- $input.on("focus blur", function () {
1941
- $(this).closest(".wpcf7-span").toggleClass("is-focused");
1942
- });
1943
- };
1944
-
1945
- /****** Premium Team Members Handler ******/
1946
- var PremiumTeamMembersHandler = ModuleHandler.extend({
1947
-
1948
- getDefaultSettings: function () {
1949
-
1950
- return {
1951
- slick: {
1952
- infinite: true,
1953
- rows: 0,
1954
- prevArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-prev" aria-label="Next" role="button" style=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>',
1955
- nextArrow: '<a type="button" data-role="none" class="carousel-arrow carousel-next" aria-label="Next" role="button" style=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>',
1956
- draggable: true,
1957
- pauseOnHover: true,
1958
- },
1959
- selectors: {
1960
- multiplePersons: '.multiple-persons',
1961
- person: '.premium-person-container',
1962
- imgContainer: '.premium-person-image-container',
1963
- imgWrap: '.premium-person-image-wrap'
1964
-
1965
- }
1966
- }
1967
- },
1968
-
1969
- getDefaultElements: function () {
1970
-
1971
- var selectors = this.getSettings('selectors');
1972
-
1973
- return {
1974
- $multiplePersons: this.$element.find(selectors.multiplePersons),
1975
- $persons: this.$element.find(selectors.person),
1976
- $imgWrap: this.$element.find(selectors.imgWrap),
1977
- }
1978
-
1979
- },
1980
- bindEvents: function () {
1981
- this.run();
1982
- },
1983
- getSlickSettings: function () {
1984
-
1985
- var settings = this.getElementSettings(),
1986
- rtl = this.elements.$multiplePersons.data("rtl"),
1987
- colsNumber = settings.persons_per_row,
1988
- colsTablet = settings.persons_per_row_tablet,
1989
- colsMobile = settings.persons_per_row_mobile;
1990
-
1991
- return Object.assign(this.getSettings('slick'), {
1992
-
1993
- slidesToShow: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
1994
- slidesToScroll: parseInt(100 / colsNumber.substr(0, colsNumber.indexOf('%'))),
1995
- responsive: [{
1996
- breakpoint: 1025,
1997
- settings: {
1998
- slidesToShow: parseInt(100 / colsTablet.substr(0, colsTablet.indexOf('%'))),
1999
- slidesToScroll: 1
2000
- }
2001
- },
2002
- {
2003
- breakpoint: 768,
2004
- settings: {
2005
- slidesToShow: parseInt(100 / colsMobile.substr(0, colsMobile.indexOf('%'))),
2006
- slidesToScroll: 1
2007
- }
2008
- }
2009
- ],
2010
- autoplay: settings.carousel_play,
2011
- rtl: rtl ? true : false,
2012
- autoplaySpeed: settings.speed || 5000,
2013
-
2014
- });
2015
-
2016
-
2017
- },
2018
-
2019
- runEqualHeight: function () {
2020
-
2021
- var $persons = this.elements.$persons,
2022
- $imgWrap = this.elements.$imgWrap;
2023
-
2024
- var selectors = this.getSettings('selectors'),
2025
- heights = new Array();
2026
-
2027
- $persons.each(function (index, person) {
2028
- $(person).imagesLoaded(function () { }).done(function () {
2029
-
2030
- var imageHeight = $(person).find(selectors.imgContainer).outerHeight();
2031
-
2032
- heights.push(imageHeight);
2033
- });
2034
- });
2035
-
2036
- $persons.imagesLoaded(function () { }).done(function () {
2037
- var maxHeight = Math.max.apply(null, heights);
2038
- $imgWrap.css("height", maxHeight + "px");
2039
- });
2040
-
2041
- },
2042
-
2043
- run: function () {
2044
-
2045
- var $multiplePersons = this.elements.$multiplePersons;
2046
-
2047
- if (!$multiplePersons.length) return;
2048
-
2049
- var carousel = this.getElementSettings('carousel');
2050
-
2051
- if (carousel)
2052
- $multiplePersons.slick(this.getSlickSettings());
2053
-
2054
- if ($multiplePersons.hasClass("premium-person-style1")) return;
2055
-
2056
- if ("yes" !== $multiplePersons.data("persons-equal")) return;
2057
-
2058
- this.runEqualHeight();
2059
-
2060
- }
2061
-
2062
- });
2063
-
2064
- /****** Premium Title Handler ******/
2065
- var PremiumTitleHandler = function ($scope, $) {
2066
-
2067
- var $titleContainer = $scope.find(".premium-title-container"),
2068
- $titleElement = $titleContainer.find('.premium-title-text');
2069
-
2070
- if ($titleContainer.hasClass('style9')) {
2071
- var $style9 = $scope.find(".premium-title-style9");
2072
-
2073
- $style9.each(function () {
2074
- var elm = $(this);
2075
- var holdTime = elm.attr('data-blur-delay') * 1000;
2076
- elm.attr('data-animation-blur', 'process')
2077
- elm.find('.premium-title-style9-letter').each(function (index, letter) {
2078
- index += 1;
2079
- var animateDelay;
2080
- if ($('body').hasClass('rtl')) {
2081
- animateDelay = 0.2 / index + 's';
2082
- } else {
2083
- animateDelay = index / 20 + 's';
2084
- }
2085
- $(letter).css({
2086
- '-webkit-animation-delay': animateDelay,
2087
- 'animation-delay': animateDelay
2088
- });
2089
- })
2090
- setInterval(function () {
2091
- elm.attr('data-animation-blur', 'done')
2092
- setTimeout(function () {
2093
- elm.attr('data-animation-blur', 'process')
2094
- }, 150);
2095
- }, holdTime);
2096
- });
2097
- }
2098
-
2099
-
2100
- if ($titleContainer.hasClass('style8')) {
2101
-
2102
- var holdTime = $titleElement.attr('data-shiny-delay') * 1000,
2103
- duration = $titleElement.attr('data-shiny-dur') * 1000;
2104
-
2105
- function shinyEffect() {
2106
- $titleElement.get(0).setAttribute('data-animation', 'shiny');
2107
- setTimeout(function () {
2108
- $titleElement.removeAttr('data-animation')
2109
- }, duration);
2110
- }
2111
-
2112
- (function repeat() {
2113
- shinyEffect();
2114
- setTimeout(repeat, holdTime);
2115
- })();
2116
- }
2117
-
2118
- };
2119
-
2120
- /****** Premium Bullet List Handler ******/
2121
- var PremiumIconListHandler = function ($scope, $) {
2122
-
2123
- var $listItems = $scope.find(".premium-icon-list-box"),
2124
- items = $listItems.find(".premium-icon-list-content");
2125
-
2126
- items
2127
- .each(function (index, item) {
2128
- if ($listItems.data("list-animation") && " " != $listItems.data("list-animation")) {
2129
- var waypoint = new Waypoint({
2130
- element: item,
2131
- handler: function () {
2132
- var element = $(this.element),
2133
- delay = element.data('delay');
2134
- setTimeout(function () {
2135
- element.next('.premium-icon-list-divider , .premium-icon-list-divider-inline').css("opacity", "1");
2136
- element.next('.premium-icon-list-divider-inline , .premium-icon-list-divider').addClass("animated " + $listItems.data("list-animation"));
2137
- element.css("opacity", "1"),
2138
- element.addClass("animated " + $listItems.data("list-animation"));
2139
- }, delay);
2140
- this.destroy();
2141
- },
2142
- offset: Waypoint.viewportHeight() - 150,
2143
- });
2144
- }
2145
- });
2146
- };
2147
-
2148
- /****** Premium Grow Effect Handler ******/
2149
- var PremiumButtonHandler = function ($scope, $) {
2150
-
2151
- var $btnGrow = $scope.find('.premium-button-style6-bg');
2152
-
2153
- if ($btnGrow.length !== 0 && $scope.hasClass('premium-mouse-detect-yes')) {
2154
- $scope.on('mouseenter mouseleave', '.premium-button-style6', function (e) {
2155
-
2156
- var parentOffset = $(this).offset(),
2157
- left = e.pageX - parentOffset.left,
2158
- top = e.pageY - parentOffset.top;
2159
-
2160
- $btnGrow.css({
2161
- top: top,
2162
- left: left,
2163
- });
2164
-
2165
- });
2166
- }
2167
-
2168
- };
2169
-
2170
- var PremiumMaskHandler = function ($scope, $) {
2171
- var mask = $scope.hasClass('premium-mask-yes');
2172
-
2173
- if (!mask) return;
2174
-
2175
- if ('premium-addon-title.default' === $scope.data('widget_type')) {
2176
- var target = '.premium-title-header';
2177
- $scope.find(target).find('.premium-title-icon, .premium-title-img').addClass('premium-mask-span');
2178
- } else {
2179
- var target = '.premium-dual-header-first-header';
2180
- }
2181
-
2182
- $scope.find(target).find('span:not(.premium-title-style7-stripe-wrap):not(.premium-title-img)').each(function (index, span) {
2183
- var html = '';
2184
-
2185
- $(this).text().split(' ').forEach(function (item) {
2186
- if ('' !== item) {
2187
- html += ' <span class="premium-mask-span">' + item + '</span>';
2188
- }
2189
- });
2190
-
2191
- $(this).text('').append(html);
2192
- });
2193
-
2194
- elementorFrontend.waypoint($scope, function () {
2195
- $($scope).addClass('premium-mask-active');
2196
- }, {
2197
- offset: Waypoint.viewportHeight() - 150,
2198
- triggerOnce: true
2199
- });
2200
- };
2201
-
2202
-
2203
- var functionalHandlers = {
2204
- 'premium-addon-dual-header.default': PremiumMaskHandler,
2205
- 'premium-addon-video-box.default': PremiumVideoBoxWidgetHandler,
2206
- 'premium-addon-video-box.default': PremiumVideoBoxWidgetHandler,
2207
- 'premium-addon-fancy-text.default': PremiumFancyTextHandler,
2208
- 'premium-counter.default': PremiumCounterHandler,
2209
- 'premium-addon-title.default': [PremiumTitleHandler, PremiumMaskHandler],
2210
- 'premium-countdown-timer.default': PremiumCountDownHandler,
2211
- 'premium-carousel-widget.default': PremiumCarouselHandler,
2212
- 'premium-addon-banner.default': PremiumBannerHandler,
2213
- 'premium-addon-modal-box.default': PremiumModalBoxHandler,
2214
- 'premium-image-scroll.default': PremiumImageScrollHandler,
2215
- 'premium-contact-form.default': PremiumContactFormHandler,
2216
- 'premium-icon-list.default': PremiumIconListHandler,
2217
- 'premium-addon-button.default': PremiumButtonHandler,
2218
- 'premium-addon-image-button.default': PremiumButtonHandler
2219
- };
2220
-
2221
- var classHandlers = {
2222
- 'premium-addon-person': PremiumTeamMembersHandler,
2223
- 'premium-addon-blog': PremiumBlogHandler,
2224
- 'premium-img-gallery': PremiumGridWidgetHandler,
2225
- };
2226
-
2227
- $.each(functionalHandlers, function (elemName, func) {
2228
- if ('object' === typeof func) {
2229
- $.each(func, function (index, handler) {
2230
- elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, handler);
2231
- })
2232
- } else {
2233
- elementorFrontend.hooks.addAction('frontend/element_ready/' + elemName, func);
2234
- }
2235
-
2236
- });
2237
-
2238
- $.each(classHandlers, function (elemName, clas) {
2239
- elementorFrontend.elementsHandler.attachHandler(elemName, clas);
2240
- });
2241
-
2242
-
2243
- if (elementorFrontend.isEditMode()) {
2244
- elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarWidgetHandler);
2245
- } else {
2246
- elementorFrontend.hooks.addAction("frontend/element_ready/premium-addon-progressbar.default", PremiumProgressBarScrollWidgetHandler);
2247
- }
2248
- });
1
+ (function ($) {
2
+
3
+ $(window).on('elementor/frontend/init', function () {
4
+ var ModuleHandler = elementorModules.frontend.handlers.Base;
5
+
6
+ /****** Premium Progress Bar Handler ******/
7
+ var PremiumProgressBarWidgetHandler = function ($scope, trigger) {
8
+
9
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
10
+ settings = $progressbarElem.data("settings"),
11
+ length = settings.progress_length,
12
+ speed = settings.speed,
13
+ type = settings.type;
14
+
15
+
16
+ if ("line" === type) {
17
+
18
+ var $progressbar = $progressbarElem.find(".premium-progressbar-bar");
19
+
20
+ if (settings.gradient)
21
+ $progressbar.css("background", "linear-gradient(-45deg, " + settings.gradient + ")");
22
+
23
+ $progressbar.animate({
24
+ width: length + "%"
25
+ }, speed);
26
+
27
+ } else if ("circle" === type) {
28
+ if (length > 100)
29
+ length = 100;
30
+
31
+ $progressbarElem.prop({
32
+ 'counter': 0
33
+ }).animate({
34
+ counter: length
35
+ }, {
36
+ duration: speed,
37
+ easing: 'linear',
38
+ step: function (counter) {
39
+ var rotate = (counter * 3.6);
40
+
41
+ $progressbarElem.find(".premium-progressbar-right-label span").text(Math.ceil(counter) + "%");
42
+
43
+ $progressbarElem.find(".premium-progressbar-circle-left").css('transform', "rotate(" + rotate + "deg)");
44
+ if (rotate > 180) {
45
+
46
+ $progressbarElem.find(".premium-progressbar-circle").css({
47
+ '-webkit-clip-path': 'inset(0)',
48
+ 'clip-path': 'inset(0)',
49
+ });
50
+
51
+ $progressbarElem.find(".premium-progressbar-circle-right").css('visibility', 'visible');
52
+ }
53
+ }
54
+ });
55
+
56
+ } else {
57
+
58
+ var $progressbar = $progressbarElem.find(".premium-progressbar-bar-wrap"),
59
+ width = $progressbarElem.outerWidth(),
60
+ dotSize = settings.dot || 25,
61
+ dotSpacing = settings.spacing || 10,
62
+ numberOfCircles = Math.ceil(width / (dotSize + dotSpacing)),
63
+ circlesToFill = numberOfCircles * (length / 100),
64
+ numberOfTotalFill = Math.floor(circlesToFill),
65
+ fillPercent = 100 * (circlesToFill - numberOfTotalFill);
66
+
67
+ $progressbar.attr('data-circles', numberOfCircles);
68
+ $progressbar.attr('data-total-fill', numberOfTotalFill);
69
+ $progressbar.attr('data-partial-fill', fillPercent);
70
+
71
+ var className = "progress-segment";
72
+ for (var i = 0; i < numberOfCircles; i++) {
73
+ className = "progress-segment";
74
+ var innerHTML = '';
75
+
76
+ if (i < numberOfTotalFill) {
77
+ innerHTML = "<div class='segment-inner'></div>";
78
+ } else if (i === numberOfTotalFill) {
79
+
80
+ innerHTML = "<div class='segment-inner'></div>";
81
+ }
82
+
83
+ $progressbar.append("<div class='" + className + "'>" + innerHTML + "</div>");
84
+
85
+ }
86
+
87
+ if ("frontend" !== trigger) {
88
+ PremiumProgressDotsHandler($scope);
89
+ }
90
+
91
+ }
92
+
93
+ };
94
+
95
+ var PremiumProgressDotsHandler = function ($scope) {
96
+
97
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
98
+ settings = $progressbarElem.data("settings"),
99
+ $progressbar = $scope.find(".premium-progressbar-bar-wrap"),
100
+ data = $progressbar.data(),
101
+ speed = settings.speed,
102
+ increment = 0;
103
+
104
+ var numberOfTotalFill = data.totalFill,
105
+ numberOfCircles = data.circles,
106
+ fillPercent = data.partialFill;
107
+
108
+ dotIncrement(increment);
109
+
110
+ function dotIncrement(inc) {
111
+
112
+ var $dot = $progressbar.find(".progress-segment").eq(inc),
113
+ dotWidth = 100;
114
+
115
+ if (inc === numberOfTotalFill)
116
+ dotWidth = fillPercent
117
+
118
+ $dot.find(".segment-inner").animate({
119
+ width: dotWidth + '%'
120
+ }, speed / numberOfCircles, function () {
121
+ increment++;
122
+ if (increment <= numberOfTotalFill) {
123
+ dotIncrement(increment);
124
+ }
125
+
126
+ });
127
+ }
128
+ };
129
+
130
+ /****** Premium Progress Bar Scroll Handler *****/
131
+ var PremiumProgressBarScrollWidgetHandler = function ($scope, $) {
132
+
133
+ var $progressbarElem = $scope.find(".premium-progressbar-container"),
134
+ settings = $progressbarElem.data("settings"),
135
+ type = settings.type;
136
+
137
+ if ("dots" === type) {
138
+ PremiumProgressBarWidgetHandler($scope, "frontend");
139
+ }
140
+
141
+ elementorFrontend.waypoint($scope, function () {
142
+ if ("dots" !== type) {
143
+ PremiumProgressBarWidgetHandler($(this));
144
+ } else {
145
+ PremiumProgressDotsHandler($(this));
146
+ }
147
+
148
+ }, {
149
+ offset: Waypoint.viewportHeight() - 150,
150
+ triggerOnce: true
151
+ });
152
+ };
153
+
154
+ /****** Premium Video Box Handler ******/
155
+ var PremiumVideoBoxWidgetHandler = function ($scope, $) {
156
+
157
+ var $videoBoxElement = $scope.find(".premium-video-box-container"),
158
+ $videoListElement = $scope.find(".premium-video-box-playlist-container"),
159
+ $videoContainer = $videoBoxElement.find(".premium-video-box-video-container"), //should be clicked
160
+ $videoInnerContainer = $videoBoxElement.find('.premium-video-box-inner-wrap'),
161
+ $videoImageContainer = $videoInnerContainer.find('.premium-video-box-image-container'),
162
+ type = $videoBoxElement.data("type"),
163
+ thumbnail = $videoBoxElement.data("thumbnail"),
164
+ sticky = $videoBoxElement.data('sticky'),
165
+ stickyOnPlay = $videoBoxElement.data('sticky-play'),
166
+ hoverEffect = $videoBoxElement.data("hover"),
167
+ video, vidSrc;
168
+
169
+ // Youtube playlist option
170
+ if ($videoListElement.length) {
171
+
172
+ //Make sure that video were pulled from the API.
173
+ if (!$videoContainer.length)
174
+ return;
175
+
176
+ $videoContainer.each(function (index, item) {
177
+
178
+ var vidSrc,
179
+ $videoContainer = $(item),
180
+ $videoBoxElement = $videoContainer.closest(".premium-video-box-container"),
181
+ $trigger = $videoContainer.closest(".premium-video-box-trigger");
182
+
183
+ vidSrc = $videoContainer.data("src");
184
+ vidSrc = vidSrc + "&autoplay=1";
185
+
186
+ $trigger.on("click", function () {
187
+
188
+ var $iframe = $("<iframe/>");
189
+
190
+ $iframe.attr({
191
+ "src": vidSrc,
192
+ "frameborder": "0",
193
+ "allowfullscreen": "1",
194
+ "allow": "autoplay;encrypted-media;"
195
+ });
196
+ $videoContainer.css("background", "#000");
197
+ $videoContainer.html($iframe);
198
+
199
+ $videoBoxElement.find(
200
+ ".premium-video-box-image-container, .premium-video-box-play-icon-container"
201
+ ).remove();
202
+
203
+ });
204
+
205
+ });
206
+
207
+ return;
208
+ }
209
+
210
+ if ("self" === type) {
211
+
212
+ video = $videoContainer.find("video");
213
+ vidSrc = video.attr("src");
214
+
215
+ } else {
216
+
217
+ vidSrc = $videoContainer.data("src");
218
+
219
+ if (!thumbnail || -1 !== vidSrc.indexOf("autoplay=1")) {
220
+
221
+ //Check if Autoplay on viewport option is enabled
222
+ if ($videoBoxElement.data("play-viewport")) {
223
+ elementorFrontend.waypoint($videoBoxElement, function () {
224
+ playVideo();
225
+ });
226
+ } else {
227
+ playVideo();
228
+ }
229
+
230
+ } else {
231
+ vidSrc = vidSrc + "&autoplay=1";
232
+ }
233
+
234
+ }
235
+
236
+ function playVideo() {
237
+
238
+ if ($videoBoxElement.hasClass("playing")) return;
239
+
240
+ $videoBoxElement.addClass("playing");
241
+
242
+ if (stickyOnPlay === 'yes')
243
+ stickyOption();
244
+
245
+ if ("self" === type) {
246
+
247
+ $(video).get(0).play();
248
+
249
+ $videoContainer.css({
250
+ opacity: "1",
251
+ visibility: "visible"
252
+ });
253
+
254
+ } else {
255
+
256
+ var $iframe = $("<iframe/>");
257
+
258
+ $iframe.attr({
259
+ "src": vidSrc,
260
+ "frameborder": "0",
261
+ "allowfullscreen": "1",
262
+ "allow": "autoplay;encrypted-media;"
263
+ });
264
+ $videoContainer.css("background", "#000");
265
+ $videoContainer.html($iframe);
266
+ }
267
+
268
+ $videoBoxElement.find(
269
+ ".premium-video-box-image-container, .premium-video-box-play-icon-container, .premium-video-box-description-container"
270
+ ).remove();
271
+
272
+ if ("vimeo" === type)
273
+ $videoBoxElement.find(".premium-video-box-vimeo-wrap").remove();
274
+ }
275
+
276
+ $videoBoxElement.on("click", function () {
277
+ playVideo();
278
+ });
279
+
280
+
281
+ if ("yes" !== sticky || "yes" === stickyOnPlay)
282
+ return;
283
+
284
+ stickyOption();
285
+
286
+ function stickyOption() {
287
+
288
+ var stickyDesktop = $videoBoxElement.data('hide-desktop'),
289
+ stickyTablet = $videoBoxElement.data('hide-tablet'),
290
+ stickyMobile = $videoBoxElement.data('hide-mobile'),
291
+ stickyMargin = $videoBoxElement.data('sticky-margin');
292
+
293
+ $videoBoxElement.off('click').on('click', function (e) {
294
+ // if ('yes' === sticky) {
295
+ var stickyTarget = e.target.className;
296
+ if ((stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0) || (stickyTarget.toString().indexOf('premium-video-box-sticky-close') >= 0)) {
297
+ return false;
298
+ }
299
+ // }
300
+ playVideo();
301
+
302
+ });
303
+
304
+ //Make sure Elementor Waypoint is defined
305
+ if (typeof elementorFrontend.waypoint !== 'undefined') {
306
+
307
+ var stickyWaypoint = elementorFrontend.waypoint(
308
+ $videoBoxElement,
309
+ function (direction) {
310
+ if ('down' === direction) {
311
+
312
+ $videoBoxElement.removeClass('premium-video-box-sticky-hide').addClass('premium-video-box-sticky-apply premium-video-box-filter-sticky');
313
+
314
+ //Fix conflict with Elementor motion effects
315
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
316
+ $scope.removeClass("elementor-motion-effects-perspective").find(".elementor-widget-container").addClass("premium-video-box-transform");
317
+ }
318
+
319
+ if ($videoBoxElement.data("mask")) {
320
+ //Fix Sticky position issue when drop-shadow is applied
321
+ $scope.find(".premium-video-box-mask-filter").removeClass("premium-video-box-mask-filter");
322
+
323
+ $videoBoxElement.find(':first-child').removeClass('premium-video-box-mask-media');
324
+
325
+ $videoImageContainer.removeClass(hoverEffect).removeClass('premium-video-box-mask-media').css({
326
+ 'transition': 'width 0.2s, height 0.2s',
327
+ '-webkit-transition': 'width 0.2s, height 0.2s'
328
+ });
329
+ }
330
+
331
+ $(document).trigger('premium_after_sticky_applied', [$scope]);
332
+
333
+ // Entrance Animation Option
334
+ if ($videoInnerContainer.data("video-animation") && " " != $videoInnerContainer.data("video-animation")) {
335
+ $videoInnerContainer.css("opacity", "0");
336
+ var animationDelay = $videoInnerContainer.data('delay-animation');
337
+ setTimeout(function () {
338
+
339
+ $videoInnerContainer.css("opacity", "1").addClass("animated " + $videoInnerContainer.data("video-animation"));
340
+
341
+ }, animationDelay * 1000);
342
+ }
343
+
344
+ } else {
345
+
346
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-filter-sticky').addClass('premium-video-box-sticky-hide');
347
+
348
+ //Fix conflict with Elementor motion effects
349
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
350
+ $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
351
+ }
352
+
353
+ if ($videoBoxElement.data("mask")) {
354
+ //Fix Sticky position issue when drop-shadow is applied
355
+ $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
356
+
357
+ $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
358
+ $videoImageContainer.addClass('premium-video-box-mask-media');
359
+ }
360
+
361
+ $videoImageContainer.addClass(hoverEffect).css({
362
+ 'transition': 'all 0.2s',
363
+ '-webkit-transition': 'all 0.2s'
364
+ });
365
+
366
+ $videoInnerContainer.removeClass("animated " + $videoInnerContainer.data("video-animation"));
367
+ }
368
+ }, {
369
+ offset: 0 + '%',
370
+ triggerOnce: false
371
+ }
372
+ );
373
+ }
374
+
375
+ var closeBtn = $scope.find('.premium-video-box-sticky-close');
376
+
377
+ closeBtn.off('click.closetrigger').on('click.closetrigger', function (e) {
378
+ stickyWaypoint[0].disable();
379
+
380
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
381
+
382
+ //Fix conflict with Elementor motion effects
383
+ if ($scope.hasClass("elementor-motion-effects-parent")) {
384
+ $scope.addClass("elementor-motion-effects-perspective").find(".elementor-widget-container").removeClass("premium-video-box-transform");
385
+ }
386
+
387
+ if ($videoBoxElement.data("mask")) {
388
+ //Fix Sticky position issue when drop-shadow is applied
389
+ $videoBoxElement.parent().addClass("premium-video-box-mask-filter");
390
+
391
+ //Necessary classes for mask shape option
392
+ $videoBoxElement.find(':first-child').eq(0).addClass('premium-video-box-mask-media');
393
+ $videoImageContainer.addClass('premium-video-box-mask-media');
394
+ }
395
+
396
+
397
+ });
398
+
399
+ checkResize(stickyWaypoint);
400
+
401
+ checkScroll();
402
+
403
+ window.addEventListener("scroll", checkScroll);
404
+
405
+ $(window).resize(function (e) {
406
+ checkResize(stickyWaypoint);
407
+ });
408
+
409
+ function checkResize(stickyWaypoint) {
410
+ var currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
411
+
412
+ if ('' !== stickyDesktop && currentDeviceMode == stickyDesktop) {
413
+ disableSticky(stickyWaypoint);
414
+ } else if ('' !== stickyTablet && currentDeviceMode == stickyTablet) {
415
+ disableSticky(stickyWaypoint);
416
+ } else if ('' !== stickyMobile && currentDeviceMode == stickyMobile) {
417
+ disableSticky(stickyWaypoint);
418
+ } else {
419
+ stickyWaypoint[0].enable();
420
+ }
421
+ }
422
+
423
+ function disableSticky(stickyWaypoint) {
424
+ stickyWaypoint[0].disable();
425
+ $videoBoxElement.removeClass('premium-video-box-sticky-apply premium-video-box-sticky-hide');
426
+ }
427
+
428
+ function checkScroll() {
429
+ if ($videoBoxElement.hasClass('premium-video-box-sticky-apply')) {
430
+ $videoInnerContainer.draggable({
431
+ start: function () {
432
+ $(this).css({
433
+ transform: "none",
434
+ top: $(this).offset().top + "px",
435
+ left: $(this).offset().left + "px"
436
+ });
437
+ },
438
+ containment: 'window'
439
+ });
440
+ }
441
+ }
442
+
443
+ $(document).on('premium_after_sticky_applied', function (e, $scope) {
444
+ var infobar = $scope.find('.premium-video-box-sticky-infobar');
445
+
446
+ if (0 !== infobar.length) {
447
+ var infobarHeight = infobar.outerHeight();
448
+
449
+ if ($scope.hasClass('premium-video-sticky-center-left') || $scope.hasClass('premium-video-sticky-center-right')) {
450
+ infobarHeight = Math.ceil(infobarHeight / 2);
451
+ $videoInnerContainer.css('top', 'calc( 50% - ' + infobarHeight + 'px )');
452
+ }
453
+
454
+ if ($scope.hasClass('premium-video-sticky-bottom-left') || $scope.hasClass('premium-video-sticky-bottom-right')) {
455
+ if ('' !== stickyMargin) {
456
+ infobarHeight = Math.ceil(infobarHeight);
457
+ var stickBottom = infobarHeight + stickyMargin;
458
+ $videoInnerContainer.css('bottom', stickBottom);
459
+ }
460
+ }
461
+ }
462
+ });
463
+
464
+ }
465
+
466
+ };
467
+
468
+ /****** Premium Media Grid Handler ******/
469
+ var PremiumGridWidgetHandler = ModuleHandler.extend({
470
+
471
+ settings: {},
472
+
473
+ getDefaultSettings: function () {
474
+ return {
475
+ selectors: {
476
+ galleryElement: '.premium-gallery-container',
477
+ filters: '.premium-gallery-cats-container li',
478
+ gradientLayer: '.premium-gallery-gradient-layer',
479
+ loadMore: '.premium-gallery-load-more',
480
+ loadMoreDiv: '.premium-gallery-load-more div',
481
+ vidWrap: '.premium-gallery-video-wrap',
482
+ }
483
+ }
484
+ },
485
+
486
+ getDefaultElements: function () {
487
+
488
+ var selectors = this.getSettings('selectors'),
489
+ elements = {
490
+ $galleryElement: this.$element.find(selectors.galleryElement),
491
+ $filters: this.$element.find(selectors.filters),
492
+ $gradientLayer: this.$element.find(selectors.gradientLayer),
493
+ $vidWrap: this.$element.find(selectors.vidWrap)
494
+ };
495
+
496
+ elements.$loadMore = elements.$galleryElement.parent().find(selectors.loadMore)
497
+ elements.$loadMoreDiv = elements.$galleryElement.parent().find(selectors.loadMoreDiv)
498
+
499
+ return elements;
500
+ },
501
+
502
+ bindEvents: function () {
503
+ this.getGlobalSettings();
504
+ this.run();
505
+ },
506
+
507
+ getGlobalSettings: function () {
508
+ var $galleryElement = this.elements.