Premium Addons for Elementor - Version 3.9.7

Version Description

  • New: Introducing "PA Duplicator" - The easiest way to duplicate posts, pages or Elementor templates.
  • Fixed: Multiple labels option not working on IE in Progressbar widget.
  • Fixed: Style #2 not working in Media Grid widget.
Download this release

Release Info

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

Code changes from version 3.9.6 to 3.9.7

Files changed (10) hide show
  1. admin/assets/css/notice.css +0 -33
  2. admin/includes/admin-notices.php +0 -7
  3. admin/includes/dep/admin-helper.php +189 -0
  4. admin/includes/papro-actions.php +1 -1
  5. admin/settings/modules-setting.php +53 -21
  6. assets/editor/css/style.css +4 -7
  7. assets/frontend/css/premium-addons.css +3604 -3606
  8. premium-addons-for-elementor.php +9 -11
  9. readme.txt +8 -2
  10. widgets/premium-blog.php +45 -25
admin/assets/css/notice.css CHANGED
@@ -85,37 +85,4 @@
85
  }
86
  .error.pa-notice-wrap .pa-text-wrap a:not(:first-of-type) {
87
  margin-left: 0.3em;
88
- }
89
- /*
90
- * Black Friday Notice
91
- */
92
- .error.pa-bf-notice-wrap {
93
- position: relative;
94
- border: none;
95
- padding: 0;
96
- }
97
- .pa-bf-notice-img {
98
- position: relative;
99
- }
100
- .pa-bf-notice-wrap img {
101
- display: block;
102
- }
103
- .pa-bf-notice-img .pa-bf-notice-cta {
104
- position: absolute;
105
- top: 0;
106
- left: 0;
107
- width: 100%;
108
- height: 100%;
109
- }
110
- .pa-bf-notice-wrap .pa-notice-close {
111
- position: absolute;
112
- z-index: 99;
113
- color: #fff;
114
- top: 1em;
115
- right: 0.8em;
116
- }
117
- .pa-bf-notice-wrap .pa-notice-close:focus {
118
- outline: none;
119
- border: none;
120
- box-shadow: none;
121
  }
85
  }
86
  .error.pa-notice-wrap .pa-text-wrap a:not(:first-of-type) {
87
  margin-left: 0.3em;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
  }
admin/includes/admin-notices.php CHANGED
@@ -40,8 +40,6 @@ class Admin_Notices {
40
 
41
  // $this->handle_det_notice();
42
 
43
-
44
-
45
  }
46
 
47
  /**
@@ -59,8 +57,6 @@ class Admin_Notices {
59
  $this->get_review_notice();
60
  }
61
 
62
-
63
-
64
  // $this->get_det_notice();
65
 
66
  }
@@ -136,7 +132,6 @@ class Admin_Notices {
136
  exit;
137
  }
138
 
139
-
140
  /**
141
  * Required plugin check
142
  *
@@ -277,8 +272,6 @@ class Admin_Notices {
277
 
278
  }
279
 
280
-
281
-
282
  /**
283
  *
284
  * Shows an admin notice for Disable Elementor Translation.
40
 
41
  // $this->handle_det_notice();
42
 
 
 
43
  }
44
 
45
  /**
57
  $this->get_review_notice();
58
  }
59
 
 
 
60
  // $this->get_det_notice();
61
 
62
  }
132
  exit;
133
  }
134
 
 
135
  /**
136
  * Required plugin check
137
  *
272
 
273
  }
274
 
 
 
275
  /**
276
  *
277
  * Shows an admin notice for Disable Elementor Translation.
admin/includes/dep/admin-helper.php CHANGED
@@ -2,12 +2,15 @@
2
 
3
  namespace PremiumAddons\Admin\Includes;
4
 
 
5
  use PremiumAddons\Helper_Functions;
6
 
7
  if ( ! defined( 'ABSPATH' ) ) exit;
8
 
9
  class Admin_Helper {
10
 
 
 
11
  protected $page_slug = 'premium-addons';
12
 
13
  private static $instance = null;
@@ -25,6 +28,13 @@ class Admin_Helper {
25
 
26
  add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
27
 
 
 
 
 
 
 
 
28
  }
29
 
30
  /**
@@ -100,6 +110,185 @@ class Admin_Helper {
100
 
101
  }
102
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
  /**
104
  * Gets current screen slug
105
  *
2
 
3
  namespace PremiumAddons\Admin\Includes;
4
 
5
+ use PremiumAddons\Admin\Settings\Modules_Settings;
6
  use PremiumAddons\Helper_Functions;
7
 
8
  if ( ! defined( 'ABSPATH' ) ) exit;
9
 
10
  class Admin_Helper {
11
 
12
+ const DUPLICATE_ACTION = 'pa_duplicator';
13
+
14
  protected $page_slug = 'premium-addons';
15
 
16
  private static $instance = null;
28
 
29
  add_filter( 'plugin_row_meta', array( $this, 'plugin_row_meta' ), 10, 2 );
30
 
31
+ if( ! Modules_Settings::check_premium_duplicator() )
32
+ return;
33
+
34
+ add_action( 'admin_action_' . self::DUPLICATE_ACTION, array( $this, 'duplicate_post' ) );
35
+ add_filter( 'post_row_actions', array( $this, 'add_duplicator_actions' ), 10, 2 );
36
+ add_filter( 'page_row_actions', array( $this, 'add_duplicator_actions' ), 10, 2 );
37
+
38
  }
39
 
40
  /**
110
 
111
  }
112
 
113
+ /**
114
+ * Add Duplicator Actions
115
+ *
116
+ * Add duplicator action links to posts/pages
117
+ *
118
+ * @access public
119
+ * @since 3.9.7
120
+ *
121
+ * @param array $actions
122
+ * @param \WP_Post $post
123
+ * @return array
124
+ */
125
+ public function add_duplicator_actions( $actions, $post ) {
126
+
127
+ if ( current_user_can( 'edit_posts' ) && post_type_supports( $post->post_type, 'elementor' ) ) {
128
+
129
+ $actions[ self::DUPLICATE_ACTION ] = sprintf(
130
+ '<a href="%1$s" title="%2$s"><span class="screen-reader-text">%2$s</span>%3$s</a>',
131
+ esc_url( self::get_duplicate_url( $post->ID ) ),
132
+ sprintf( esc_attr__( 'Duplicate - %s', 'premium-addons-for-elementor' ), esc_attr( $post->post_title ) ),
133
+ __( 'PA Duplicate', 'premium-addons-for-elementor' )
134
+ );
135
+
136
+ }
137
+
138
+ return $actions;
139
+ }
140
+
141
+ /**
142
+ * Get duplicate url
143
+ *
144
+ * @access public
145
+ * @since 3.9.7
146
+ *
147
+ * @param $post_id
148
+ * @return string
149
+ */
150
+ public static function get_duplicate_url( $post_id ) {
151
+ return wp_nonce_url(
152
+ add_query_arg(
153
+ [
154
+ 'action' => self::DUPLICATE_ACTION,
155
+ 'post_id' => $post_id
156
+ ],
157
+ admin_url( 'admin.php' )
158
+ ),
159
+ self::DUPLICATE_ACTION
160
+ );
161
+ }
162
+
163
+ /**
164
+ * Duplicate required post/page
165
+ *
166
+ * @access public
167
+ * @since 3.9.7
168
+ *
169
+ * @return void
170
+ */
171
+ public function duplicate_post() {
172
+
173
+ if ( ! current_user_can( 'edit_posts' ) )
174
+ return;
175
+
176
+ $nonce = isset( $_GET['_wpnonce'] ) ? $_GET['_wpnonce'] : '';
177
+ $post_id = isset( $_GET['post_id'] ) ? absint( $_GET['post_id'] ) : 0;
178
+
179
+
180
+ if ( ! wp_verify_nonce( $nonce, self::DUPLICATE_ACTION ) )
181
+ return;
182
+
183
+ if ( is_null( $post = get_post( $post_id ) ) )
184
+ return;
185
+
186
+ $post = sanitize_post( $post, 'db' );
187
+
188
+ $duplicated_post_id = self::insert_post( $post );
189
+
190
+ $redirect = add_query_arg( array (
191
+ 'post_type' => $post->post_type
192
+ ),
193
+ admin_url( 'edit.php' )
194
+ );
195
+
196
+ if ( ! is_wp_error( $duplicated_post_id ) ) {
197
+
198
+ self::duplicate_post_taxonomies( $post, $duplicated_post_id );
199
+ self::duplicate_post_meta_data( $post, $duplicated_post_id );
200
+
201
+ }
202
+
203
+ wp_safe_redirect( $redirect );
204
+ die();
205
+ }
206
+
207
+ /**
208
+ * Duplicate required post/page
209
+ *
210
+ * @access public
211
+ * @since 3.9.7
212
+ *
213
+ * @return void
214
+ */
215
+ protected static function insert_post( $post ) {
216
+ $current_user = wp_get_current_user();
217
+
218
+ $duplicated_post_args = [
219
+ 'post_status' => 'draft',
220
+ 'post_type' => $post->post_type,
221
+ 'post_parent' => $post->post_parent,
222
+ 'post_content' => $post->post_content,
223
+ 'menu_order' => $post->menu_order,
224
+ 'ping_status' => $post->ping_status,
225
+ 'post_excerpt' => $post->post_excerpt,
226
+ 'post_password' => $post->post_password,
227
+ 'comment_status' => $post->comment_status,
228
+ 'to_ping' => $post->to_ping,
229
+ 'post_author' => $current_user->ID,
230
+ 'post_title' => sprintf( __( 'Duplicated: %s - [#%d]', 'premium-addons-for-elementor' ), $post->post_title,
231
+ $post->ID ),
232
+ ];
233
+
234
+ return wp_insert_post( $duplicated_post_args );
235
+ }
236
+
237
+ /**
238
+ * Add post taxonomies to the cloned version
239
+ *
240
+ * @access public
241
+ * @since 3.9.7
242
+ *
243
+ * @param $post
244
+ * @param $id
245
+ */
246
+ public static function duplicate_post_taxonomies( $post, $id ) {
247
+
248
+ $taxonomies = get_object_taxonomies( $post->post_type );
249
+
250
+ if ( ! empty( $taxonomies ) && is_array( $taxonomies ) ) {
251
+ foreach ( $taxonomies as $taxonomy ) {
252
+ $terms = wp_get_object_terms( $post->ID, $taxonomy, [ 'fields' => 'slugs' ] );
253
+ wp_set_object_terms( $id, $terms, $taxonomy, false );
254
+ }
255
+ }
256
+ }
257
+
258
+ /**
259
+ * Add post meta data to the cloned version
260
+ *
261
+ * @access public
262
+ * @since 3.9.7
263
+ *
264
+ * @param $post
265
+ * @param $id
266
+ */
267
+ public static function duplicate_post_meta_data( $post, $id ) {
268
+
269
+ global $wpdb;
270
+
271
+ $meta = $wpdb->get_results(
272
+ $wpdb->prepare( "SELECT meta_key, meta_value FROM {$wpdb->postmeta} WHERE post_id = %d", $post->ID )
273
+ );
274
+
275
+ if ( ! empty( $meta ) && is_array( $meta ) ) {
276
+
277
+ $query = "INSERT INTO {$wpdb->postmeta} ( post_id, meta_key, meta_value ) VALUES ";
278
+
279
+ $_records = [];
280
+
281
+ foreach ( $meta as $meta_info ) {
282
+ $_value = wp_slash( $meta_info->meta_value );
283
+ $_records[] = "( $id, '{$meta_info->meta_key}', '{$_value}' )";
284
+ }
285
+
286
+ $query .= implode( ', ', $_records ) . ';';
287
+ $wpdb->query( $query );
288
+ }
289
+
290
+ }
291
+
292
  /**
293
  * Gets current screen slug
294
  *
admin/includes/papro-actions.php CHANGED
@@ -46,7 +46,7 @@ class Papro_Actions {
46
  global $submenu;
47
 
48
  if( isset($submenu['premium-addons'] ) ) {
49
- $submenu['premium-addons'][0][0] = __( 'Widgets Settings', 'premium-addons-for-elementor' );
50
  }
51
  }
52
 
46
  global $submenu;
47
 
48
  if( isset($submenu['premium-addons'] ) ) {
49
+ $submenu['premium-addons'][0][0] = __( 'Settings', 'premium-addons-for-elementor' );
50
  }
51
  }
52
 
admin/settings/modules-setting.php CHANGED
@@ -10,7 +10,7 @@ class Modules_Settings {
10
 
11
  protected $page_slug = 'premium-addons';
12
 
13
- public static $pa_elements_keys = ['premium-banner', 'premium-blog','premium-carousel', 'premium-countdown','premium-counter','premium-dual-header','premium-fancytext','premium-image-separator','premium-maps','premium-modalbox','premium-person','premium-progressbar','premium-testimonials','premium-title','premium-videobox','premium-pricing-table','premium-button','premium-contactform', 'premium-image-button', 'premium-grid','premium-vscroll', 'premium-image-scroll', 'premium-templates'];
14
 
15
  private $pa_default_settings;
16
 
@@ -336,10 +336,10 @@ class Modules_Settings {
336
  </label>
337
  </td>
338
 
339
- <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Templates', 'premium-addons-for-elementor') ); ?></th>
340
  <td>
341
  <label class="switch">
342
- <input type="checkbox" id="premium-templates" name="premium-templates" <?php checked(1, $this->pa_get_settings['premium-templates'], true) ?>>
343
  <span class="slider round"></span>
344
  </label>
345
  </td>
@@ -348,30 +348,38 @@ class Modules_Settings {
348
 
349
  <tr>
350
 
351
- <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Title', 'premium-addons-for-elementor') ); ?></th>
352
  <td>
353
  <label class="switch">
354
- <input type="checkbox" id="premium-title" name="premium-title" <?php checked(1, $this->pa_get_settings['premium-title'], true) ?>>
355
  <span class="slider round"></span>
356
- </label>
357
  </td>
358
 
359
- <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Video Box', 'premium-addons-for-elementor') ); ?></th>
360
  <td>
361
  <label class="switch">
362
- <input type="checkbox" id="premium-videobox" name="premium-videobox" <?php checked(1, $this->pa_get_settings['premium-videobox'], true) ?>>
363
  <span class="slider round"></span>
364
- </label>
365
  </td>
366
 
367
  </tr>
368
 
369
  <tr>
370
 
371
- <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Vertical Scroll', 'premium-addons-for-elementor') ); ?></th>
372
  <td>
373
  <label class="switch">
374
- <input type="checkbox" id="premium-vscroll" name="premium-vscroll" <?php checked(1, $this->pa_get_settings['premium-vscroll'], true) ?>>
 
 
 
 
 
 
 
 
375
  <span class="slider round"></span>
376
  </label>
377
  </td>
@@ -711,9 +719,32 @@ class Modules_Settings {
711
  */
712
  public static function check_premium_templates() {
713
 
714
- $premium_templates = self::get_enabled_keys()['premium-templates'];
 
 
 
715
 
716
- $is_enabled = isset( $premium_templates ) ? $premium_templates : 1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
717
 
718
  return $is_enabled;
719
  }
@@ -743,15 +774,16 @@ class Modules_Settings {
743
  'premium-progressbar' => intval( $settings['premium-progressbar'] ? 1 : 0 ),
744
  'premium-testimonials' => intval( $settings['premium-testimonials'] ? 1 : 0 ),
745
  'premium-title' => intval( $settings['premium-title'] ? 1 : 0 ),
746
- 'premium-templates' => intval( $settings['premium-templates'] ? 1 : 0 ),
747
  'premium-videobox' => intval( $settings['premium-videobox'] ? 1 : 0 ),
748
- 'premium-pricing-table' => intval( $settings['premium-pricing-table'] ? 1 : 0),
749
- 'premium-button' => intval( $settings['premium-button'] ? 1 : 0),
750
- 'premium-contactform' => intval( $settings['premium-contactform'] ? 1 : 0),
751
- 'premium-image-button' => intval( $settings['premium-image-button'] ? 1 : 0),
752
- 'premium-grid' => intval( $settings['premium-grid'] ? 1 : 0),
753
- 'premium-vscroll' => intval( $settings['premium-vscroll'] ? 1 : 0),
754
- 'premium-image-scroll' => intval( $settings['premium-image-scroll'] ? 1 : 0),
 
 
755
  );
756
 
757
  update_option( 'pa_save_settings', $this->pa_settings );
10
 
11
  protected $page_slug = 'premium-addons';
12
 
13
+ public static $pa_elements_keys = ['premium-banner', 'premium-blog','premium-carousel', 'premium-countdown','premium-counter','premium-dual-header','premium-fancytext','premium-image-separator','premium-maps','premium-modalbox','premium-person','premium-progressbar','premium-testimonials','premium-title','premium-videobox','premium-pricing-table','premium-button','premium-contactform', 'premium-image-button', 'premium-grid','premium-vscroll', 'premium-image-scroll', 'premium-templates', 'premium-duplicator'];
14
 
15
  private $pa_default_settings;
16
 
336
  </label>
337
  </td>
338
 
339
+ <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Title', 'premium-addons-for-elementor') ); ?></th>
340
  <td>
341
  <label class="switch">
342
+ <input type="checkbox" id="premium-title" name="premium-title" <?php checked(1, $this->pa_get_settings['premium-title'], true) ?>>
343
  <span class="slider round"></span>
344
  </label>
345
  </td>
348
 
349
  <tr>
350
 
351
+ <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Video Box', 'premium-addons-for-elementor') ); ?></th>
352
  <td>
353
  <label class="switch">
354
+ <input type="checkbox" id="premium-videobox" name="premium-videobox" <?php checked(1, $this->pa_get_settings['premium-videobox'], true) ?>>
355
  <span class="slider round"></span>
356
+ </label>
357
  </td>
358
 
359
+ <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Vertical Scroll', 'premium-addons-for-elementor') ); ?></th>
360
  <td>
361
  <label class="switch">
362
+ <input type="checkbox" id="premium-vscroll" name="premium-vscroll" <?php checked(1, $this->pa_get_settings['premium-vscroll'], true) ?>>
363
  <span class="slider round"></span>
364
+ </label>
365
  </td>
366
 
367
  </tr>
368
 
369
  <tr>
370
 
371
+ <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Duplicator', 'premium-addons-for-elementor') ); ?></th>
372
  <td>
373
  <label class="switch">
374
+ <input type="checkbox" id="premium-duplicator" name="premium-duplicator" <?php checked(1, $this->pa_get_settings['premium-duplicator'], true) ?>>
375
+ <span class="slider round"></span>
376
+ </label>
377
+ </td>
378
+
379
+ <th><?php echo sprintf( '%1$s %2$s', $prefix, __('Templates', 'premium-addons-for-elementor') ); ?></th>
380
+ <td>
381
+ <label class="switch">
382
+ <input type="checkbox" id="premium-templates" name="premium-templates" <?php checked(1, $this->pa_get_settings['premium-templates'], true) ?>>
383
  <span class="slider round"></span>
384
  </label>
385
  </td>
719
  */
720
  public static function check_premium_templates() {
721
 
722
+ $settings = self::get_enabled_keys();
723
+
724
+ if( ! isset( $settings['premium-templates'] ) )
725
+ return true;
726
 
727
+ $is_enabled = $settings['premium-templates'];
728
+
729
+ return $is_enabled;
730
+ }
731
+
732
+ /*
733
+ * Check If Premium Duplicator is enabled
734
+ *
735
+ * @since 3.9.7
736
+ * @access public
737
+ *
738
+ * @return boolean
739
+ */
740
+ public static function check_premium_duplicator() {
741
+
742
+ $settings = self::get_enabled_keys();
743
+
744
+ if( ! isset( $settings['premium-duplicator'] ) )
745
+ return true;
746
+
747
+ $is_enabled = $settings['premium-duplicator'];
748
 
749
  return $is_enabled;
750
  }
774
  'premium-progressbar' => intval( $settings['premium-progressbar'] ? 1 : 0 ),
775
  'premium-testimonials' => intval( $settings['premium-testimonials'] ? 1 : 0 ),
776
  'premium-title' => intval( $settings['premium-title'] ? 1 : 0 ),
 
777
  'premium-videobox' => intval( $settings['premium-videobox'] ? 1 : 0 ),
778
+ 'premium-pricing-table' => intval( $settings['premium-pricing-table'] ? 1 : 0 ),
779
+ 'premium-button' => intval( $settings['premium-button'] ? 1 : 0 ),
780
+ 'premium-contactform' => intval( $settings['premium-contactform'] ? 1 : 0 ),
781
+ 'premium-image-button' => intval( $settings['premium-image-button'] ? 1 : 0 ),
782
+ 'premium-grid' => intval( $settings['premium-grid'] ? 1 : 0 ),
783
+ 'premium-vscroll' => intval( $settings['premium-vscroll'] ? 1 : 0 ),
784
+ 'premium-image-scroll' => intval( $settings['premium-image-scroll'] ? 1 : 0 ),
785
+ 'premium-templates' => intval( $settings['premium-templates'] ? 1 : 0 ),
786
+ 'premium-duplicator' => intval( $settings['premium-duplicator'] ? 1 : 0 ),
787
  );
788
 
789
  update_option( 'pa_save_settings', $this->pa_settings );
assets/editor/css/style.css CHANGED
@@ -20,7 +20,6 @@
20
  font-variant: normal;
21
  text-transform: none;
22
  line-height: 1;
23
- color: #0f6aa7;
24
  /* Better Font Rendering =========== */
25
  -webkit-font-smoothing: antialiased;
26
  -moz-osx-font-smoothing: grayscale;
@@ -30,15 +29,13 @@
30
  */
31
  [class^="pa-"]::after, [class*=" pa-"]::after {
32
  content: "PA";
 
 
33
  font-size: 10px;
34
  opacity: 0.4;
35
  position: absolute;
36
- right: 0px;
37
- top: 0px;
38
- border-width: 0 0 1px 1px;
39
- border-style: solid;
40
- border-color: #0f6aa7;
41
- padding: 2px 3px;
42
  }
43
  .pa-banner:before {
44
  content: "\e902";
20
  font-variant: normal;
21
  text-transform: none;
22
  line-height: 1;
 
23
  /* Better Font Rendering =========== */
24
  -webkit-font-smoothing: antialiased;
25
  -moz-osx-font-smoothing: grayscale;
29
  */
30
  [class^="pa-"]::after, [class*=" pa-"]::after {
31
  content: "PA";
32
+ font-family: "Montserrat", Sans-serif;
33
+ font-weight: 700;
34
  font-size: 10px;
35
  opacity: 0.4;
36
  position: absolute;
37
+ right: 0.6em;
38
+ top: 0.6em;
 
 
 
 
39
  }
40
  .pa-banner:before {
41
  content: "\e902";
assets/frontend/css/premium-addons.css CHANGED
@@ -1,3885 +1,3883 @@
1
  @font-face {
2
- font-family: 'pa-elements';
3
- src: url('../../editor/fonts/pa-elements.eot?6nhz6k');
4
- src: url('../../editor/fonts/pa-elements.eot?6nhz6k#iefix') format('embedded-opentype'), url('../../editor/fonts/pa-elements.ttf?6nhz6k') format('truetype'), url('../../editor/fonts/pa-elements.woff?6nhz6k') format('woff'), url('../../editor/fonts/pa-elements.svg?6nhz6k#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, .premium-banner-ib img {
14
- display: block;
15
- position: relative;
16
- }
17
- .premium-banner-img-wrap {
18
- display: -ms-flexbox;
19
- display: -webkit-flex;
20
- display: -moz-flex;
21
- display: -ms-flex;
22
- display: flex;
23
- height: 100%;
24
- }
25
- .premium-banner-img-wrap .premium-banner-ib-img {
26
- -webkit-flex-shrink: 0;
27
- flex-shrink: 0;
28
- }
29
- .premium-banner-ib {
30
- z-index: 1;
31
- overflow: hidden;
32
- margin: 0 0 35px;
33
- background: #3085a3;
34
- text-align: center;
35
- /* cursor: pointer;
36
- */
37
- -webkit-box-sizing: border-box;
38
- -moz-box-sizing: border-box;
39
- box-sizing: border-box;
40
- }
41
- .premium-banner-ib-desc .premium-banner-read-more {
42
- z-index: 100;
43
- }
44
- .premium-banner-ib, .wpb_column>.wpb_wrapper .premium-banner-ib {
45
- margin-bottom: 0px
46
- }
47
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
48
- background: transparent;
49
- }
50
- .premium-banner-ib *, .premium-banner-ib .premium-banner-ib-desc {
51
- -webkit-box-sizing: border-box;
52
- -moz-box-sizing: border-box;
53
- }
54
- .premium-banner-ib img {
55
- min-width: 100%;
56
- max-width: 100%;
57
- -webkit-transition: opacity .35s;
58
- transition: opacity .35s;
59
- }
60
- .premium-banner-ib .premium-banner-ib-desc {
61
- padding: 15px;
62
- -webkit-backface-visibility: hidden;
63
- backface-visibility: hidden;
64
- -webkit-box-sizing: border-box;
65
- -moz-box-sizing: border-box;
66
- box-sizing: border-box;
67
- }
68
- .premium-banner-ib .premium-banner-ib-desc, .premium-banner-ib .premium-banner-ib-link {
69
- position: absolute;
70
- top: 0;
71
- left: 0;
72
- width: 100%;
73
- height: 100%;
74
- }
75
- .premium-banner-ib .premium-banner-ib-link {
76
- z-index: 1000;
77
- text-indent: 200%;
78
- white-space: nowrap;
79
- font-size: 0;
80
- opacity: 0;
81
- }
82
- .premium-banner-ib a.premium-banner-ib-link {
83
- display: block;
84
- background: 0 0;
85
- }
86
- .premium-banner-animation1 img {
87
- width: -webkit-calc(100% + 50px)!important;
88
- width: calc(100% + 50px)!important;
89
- max-width: -webkit-calc(100% + 50px)!important;
90
- max-width: calc(100% + 50px)!important;
91
- -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
92
- transition: opacity .35s, filter 0.35s, -webkit-transform .35s;
93
- transition: opacity .35s, filter 0.35s, transform .35s;
94
- transition: opacity .35s, filter 0.35s, transform .35s, -webkit-transform .35s;
95
- -webkit-transform: translate3d(-40px, 0, 0);
96
- transform: translate3d(-40px, 0, 0);
97
- }
98
- .premium-banner-animation2 .premium-banner-ib-title {
99
- padding: 15px;
100
- }
101
- .premium-banner-animation1 .premium-banner-ib-desc {
102
- top: auto;
103
- bottom: 0;
104
- min-height: 25%;
105
- height: auto;
106
- max-height: 100%;
107
- text-align: left;
108
- }
109
- .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-ib-title, .premium-banner-animation1 .premium-banner-read-more {
110
- -webkit-transform: translate3d(0, 40px, 0);
111
- transform: translate3d(0, 40px, 0);
112
- -webkit-transition-delay: .05s;
113
- transition-delay: .05s;
114
- -webkit-transition-duration: .35s;
115
- transition-duration: .35s;
116
- }
117
- .premium-banner-animation1 .premium-banner-ib-title {
118
- -webkit-transition: -webkit-transform .35s;
119
- transition: -webkit-transform .35s;
120
- transition: transform .35s;
121
- transition: transform .35s, -webkit-transform .35s;
122
- }
123
- .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-read-more {
124
- margin-top: 10px;
125
- opacity: 0;
126
- -webkit-transition: opacity .2s, -webkit-transform .35s;
127
- transition: opacity .2s, -webkit-transform .35s;
128
- transition: opacity .2s, transform .35s;
129
- transition: opacity .2s, transform .35s, -webkit-transform .35s;
130
- }
131
- .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more {
132
- opacity: 1;
133
- -webkit-transition-delay: .05s;
134
- transition-delay: .05s;
135
- -webkit-transition-duration: .35s;
136
- transition-duration: .35s;
137
- }
138
- .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more, .premium-banner-animation1:hover .premium-banner-ib-title, .premium-banner-animation1.active .premium-banner-ib-title, .premium-banner-animation1:hover img, .premium-banner-animation1.active img {
139
- -webkit-transform: translate3d(0, 0, 0);
140
- transform: translate3d(0, 0, 0);
141
- -webkit-transition-delay: .05s;
142
- transition-delay: .05s;
143
- -webkit-transition-duration: .35s;
144
- transition-duration: .35s;
145
- }
146
- .premium-banner-animation1.zoomout img, .premium-banner-animation1.scale img {
147
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
148
- transform: translate3d(-40px, 0, 0) scale(1.1);
149
- }
150
- .premium-banner-ib.sepia img {
151
- -webkit-filter: sepia(30%);
152
- filter: sepia(30%);
153
- }
154
- .premium-banner-ib.bright img {
155
- -webkit-filter: brightness(1);
156
- filter: brightness(1);
157
- }
158
- .premium-banner-ib.sepia:hover img {
159
- -webkit-filter: sepia(0%);
160
- filter: sepia(0%);
161
- }
162
- .premium-banner-ib.bright:hover img {
163
- -webkit-filter: brightness(1.2);
164
- filter: brightness(1.2);
165
- }
166
- .premium-banner-animation1.premium-banner-min-height img, .premium-banner-animation2.premium-banner-min-height img, .premium-banner-animation4.premium-banner-min-height img, .premium-banner-animation5.premium-banner-min-height img, .premium-banner-animation6.premium-banner-min-height img, .premium-banner-animation13.premium-banner-min-height img {
167
- height: auto;
168
- }
169
- .premium-banner-animation2 img {
170
- width: 100%;
171
- }
172
- .premium-banner-animation2 .premium-banner-ib-desc::before {
173
- position: absolute;
174
- content: "";
175
- top: 0;
176
- left: 0;
177
- width: 100%;
178
- height: 100%;
179
- opacity: 0;
180
- -webkit-transform: translate3d(0, 50%, 0);
181
- transform: translate3d(0, 50%, 0);
182
- }
183
- .premium-banner-animation2 .premium-banner-ib-title {
184
- position: absolute;
185
- top: 50%;
186
- left: 0;
187
- width: 100%;
188
- -webkit-transition: -webkit-transform .35s, color .35s;
189
- -webkit-transition: color .35s, -webkit-transform .35s;
190
- transition: color .35s, -webkit-transform .35s;
191
- transition: transform .35s, color .35s;
192
- transition: transform .35s, color .35s, -webkit-transform .35s;
193
- -webkit-transform: translate3d(0, -50%, 0);
194
- transform: translate3d(0, -50%, 0);
195
- }
196
- .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more, .premium-banner-animation2 .premium-banner-ib-desc::before {
197
- -webkit-transition: opacity .35s, -webkit-transform .35s;
198
- transition: opacity .35s, -webkit-transform .35s;
199
- transition: opacity .35s, transform .35s;
200
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
201
- }
202
- .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more {
203
- position: absolute;
204
- bottom: 0;
205
- left: 0;
206
- padding: 15px;
207
- width: 100%;
208
- max-height: 50%;
209
- opacity: 0;
210
- -webkit-transform: translate3d(0, 10px, 0);
211
- transform: translate3d(0, 10px, 0);
212
- }
213
- .premium-banner-animation2:hover .premium-banner-ib-title, .premium-banner-animation2.active .premium-banner-ib-title {
214
- color: #fff;
215
- -webkit-transform: translate3d(0, -40px, 0);
216
- transform: translate3d(0, -40px, 0);
217
- }
218
- .premium-banner-animation2:hover .premium-banner-read-more, .premium-banner-animation2.active .premium-banner-read-more, .premium-banner-animation2:hover .premium-banner-ib-desc::before, .premium-banner-animation2.active .premium-banner-ib-desc::before {
219
- opacity: 1;
220
- -webkit-transform: translate3d(0, 0, 0);
221
- transform: translate3d(0, 0, 0);
222
- }
223
- .premium-banner-animation2:hover .premium-banner-ib-content, .premium-banner-animation2.active .premium-banner-ib-content {
224
- opacity: 1;
225
- -webkit-transform: translate3d(0, -30px, 0);
226
- transform: translate3d(0, -30px, 0);
227
- }
228
- .premium-banner-animation3 .premium-banner-ib-title {
229
- position: absolute;
230
- bottom: 0;
231
- left: 0;
232
- padding: 15px;
233
- width: 100%;
234
- text-align: left;
235
- -webkit-transform: translate3d(0, -30px, 0);
236
- transform: translate3d(0, -30px, 0);
237
- }
238
- .premium-banner-animation3 .premium-banner-ib-desc::before, .premium-banner-animation3 .premium-banner-ib-title {
239
- -webkit-transition: -webkit-transform .35s;
240
- transition: -webkit-transform .35s;
241
- transition: transform .35s;
242
- transition: transform .35s, -webkit-transform .35s;
243
- }
244
- .premium-banner-animation3:hover .premium-banner-ib-desc::before, .premium-banner-animation3.active .premium-banner-ib-desc::before, .premium-banner-animation3:hover .premium-banner-ib-title, .premium-banner-animation3.active .premium-banner-ib-title {
245
- opacity: 1;
246
- -webkit-transform: translate3d(0, 0, 0);
247
- transform: translate3d(0, 0, 0);
248
- }
249
- .premium-banner-animation3 .premium-banner-ib-content {
250
- max-height: -webkit-calc(100% - 60px - 1.5em);
251
- max-height: calc(100% - 60px - 1.5em);
252
- overflow: hidden;
253
- }
254
- .premium-banner-animation4 img {
255
- width: -webkit-calc(100% + 40px)!important;
256
- width: calc(100% + 40px)!important;
257
- max-width: -webkit-calc(100% + 40px)!important;
258
- max-width: calc(100% + 40px)!important;
259
- }
260
- .premium-banner-animation4 .premium-banner-ib-desc {
261
- padding: 30px;
262
- }
263
- .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
264
- position: absolute;
265
- content: "";
266
- opacity: 0;
267
- }
268
- .premium-banner-animation4 .premium-banner-ib-desc::before {
269
- top: 50px;
270
- right: 30px;
271
- bottom: 50px;
272
- left: 30px;
273
- border-top: 1px solid #fff;
274
- border-bottom: 1px solid #fff;
275
- -webkit-transform: scale(0, 1);
276
- -ms-transform: scale(0, 1);
277
- transform: scale(0, 1);
278
- -webkit-transform-origin: 0 0;
279
- -ms-transform-origin: 0 0;
280
- transform-origin: 0 0;
281
- }
282
- .premium-banner-animation4 .premium-banner-ib-desc::after {
283
- top: 30px;
284
- right: 50px;
285
- bottom: 30px;
286
- left: 50px;
287
- border-right: 1px solid #fff;
288
- border-left: 1px solid #fff;
289
- -webkit-transform: scale(1, 0);
290
- -ms-transform: scale(1, 0);
291
- transform: scale(1, 0);
292
- -webkit-transform-origin: 100% 0;
293
- -ms-transform-origin: 100% 0;
294
- transform-origin: 100% 0;
295
- }
296
- .premium-banner-animation4 .premium-banner-ib-title {
297
- padding: 50px 30px 0 30px;
298
- -webkit-transition: -webkit-transform .35s;
299
- transition: -webkit-transform .35s;
300
- transition: transform .35s;
301
- transition: transform .35s, -webkit-transform .35s;
302
- }
303
- .premium-banner-animation4 .premium-banner-ib-content, .premium-banner-animation4 .premium-banner-read-more {
304
- padding: 10px 30px;
305
- opacity: 0;
306
- overflow: hidden;
307
- -webkit-transform: translate3d(0, -10px, 0);
308
- transform: translate3d(0, -10px, 0);
309
- }
310
- .premium-banner-animation4 .premium-banner-ib-title, .premium-banner-animation4 img {
311
- -webkit-transform: translate3d(-30px, 0, 0);
312
- transform: translate3d(-30px, 0, 0);
313
- }
314
- .premium-banner-animation4.zoomout img, .premium-banner-animation4.scale img {
315
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
316
- transform: translate3d(-30px, 0, 0) scale(1.1);
317
- }
318
- .premium-banner-animation4 .premium-banner-ib-content, .premium-banner-animation4 .premium-banner-read-more, .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before, .premium-banner-animation4 img {
319
- -webkit-transition: opacity .35s, -webkit-transform .35s;
320
- transition: opacity .35s, -webkit-transform .35s;
321
- transition: opacity .35s, transform .35s;
322
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
323
  }
324
  /*.premium-banner-animation4:hover img, .premium-banner-animation4.active img {
325
- -webkit-transform: translate3d(0, 0, 0);
326
- transform: translate3d(0, 0, 0);
327
- }
328
- */
329
- .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4.active .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-desc::before, .premium-banner-animation4.active .premium-banner-ib-desc::before {
330
- opacity: 1;
331
- -webkit-transform: scale(1);
332
- -ms-transform: scale(1);
333
- transform: scale(1);
334
- }
335
- .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4.active .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-read-more, .premium-banner-animation4.active .premium-banner-read-more, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4.active .premium-banner-ib-title {
336
- opacity: 1;
337
- -webkit-transform: translate3d(0, 0, 0);
338
- transform: translate3d(0, 0, 0);
339
- }
340
- .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4:hover img {
341
- -webkit-transition-delay: .15s;
342
- transition-delay: .15s;
343
- }
344
- .premium-banner-animation5 .premium-banner-ib-desc {
345
- top: auto;
346
- bottom: 0;
347
- padding: 15px;
348
- height: auto;
349
- background: #f2f2f2;
350
- color: #3c4a50;
351
- -webkit-transition: -webkit-transform .35s;
352
- transition: -webkit-transform .35s;
353
- transition: transform .35s;
354
- transition: transform .35s, -webkit-transform .35s;
355
- -webkit-transform: translate3d(0, 100%, 0);
356
- transform: translate3d(0, 100%, 0);
357
- }
358
- .premium-banner-animation5 .premium-banner-ib-content {
359
- position: absolute;
360
- top: auto;
361
- bottom: 100%;
362
- left: 0;
363
- width: 100%;
364
- padding: 15px;
365
- opacity: 0;
366
- -webkit-transition: opacity .35s;
367
- transition: opacity .35s;
368
- }
369
- .premium-banner-animation5 .premium-banner-ib-title, .premium-banner-animation5 .premium-banner-read-more {
370
- -webkit-transition: -webkit-transform .35s;
371
- transition: -webkit-transform .35s;
372
- transition: transform .35s;
373
- transition: transform .35s, -webkit-transform .35s;
374
- -webkit-transform: translate3d(0, 200%, 0);
375
- transform: translate3d(0, 200%, 0);
376
- text-align: center;
377
- }
378
- .premium-banner-animation5 .premium-banner-ib-title {
379
- margin: 10px 0;
380
- }
381
- .premium-banner-animation5:hover .premium-banner-ib-content, .premium-banner-animation5.active .premium-banner-ib-content, .premium-banner-animation5:hover .premium-banner-ib-content *, .premium-banner-animation5.active .premium-banner-ib-content * {
382
- opacity: 1 !important;
383
- z-index: 99 !important;
384
- -webkit-backface-visibility: hidden !important;
385
- backface-visibility: hidden !important;
386
- }
387
- .premium-banner-animation5:hover .premium-banner-ib-desc, .premium-banner-animation5.active .premium-banner-ib-desc, .premium-banner-animation5:hover .premium-banner-ib-title, .premium-banner-animation5.active .premium-banner-ib-title, .premium-banner-animation5:hover .premium-banner-read-more, .premium-banner-animation5.active .premium-banner-read-more {
388
- -webkit-transform: translateY(0);
389
- -ms-transform: translateY(0);
390
- transform: translateY(0);
391
- }
392
- .premium-banner-animation5:hover .premium-banner-ib-title {
393
- -webkit-transition-delay: .05s;
394
- transition-delay: .05s;
395
- }
396
- .premium-banner-animation5 img, .premium-banner-animation2 img, .premium-banner-animation4 img, .premium-banner-animation6 img{
397
- -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
398
- transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
399
- transition: opacity .35s,filter 0.35s, transform .35s;
400
- transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
401
- }
402
- .premium-banner-animation5.zoomout img, .premium-banner-animation5.scale img, .premium-banner-animation2.zoomout img, .premium-banner-animation2.scale img, .premium-banner-animation6.zoomout img, .premium-banner-animation6.scale img {
403
- -webkit-transform: scale(1.1);
404
- transform: scale(1.1);
405
- }
406
- .premium-banner-animation5.zoomin:hover img, .premium-banner-animation2.zoomin:hover img, .premium-banner-animation6.zoomin:hover img{
407
- -webkit-transform: scale(1.1);
408
- transform: scale(1.1);
409
- }
410
- .premium-banner-animation5.zoomout:hover img, .premium-banner-animation2.zoomout:hover img, .premium-banner-animation6.zoomout:hover img{
411
- -webkit-transform: scale(1.0);
412
- transform: scale(1.0);
413
- }
414
- .premium-banner-animation5.scale:hover img, .premium-banner-animation2.scale:hover img, .premium-banner-animation6.scale:hover img {
415
- -webkit-transform: scale(1.2) rotate(5deg);
416
- transform: scale(1.2) rotate(5deg);
417
- }
418
- .premium-banner-animation5.grayscale:hover img, .premium-banner-animation2.grayscale:hover img, .premium-banner-animation6.grayscale:hover img{
419
- -webkit-filter: grayscale(100%);
420
- filter: grayscale(100%);
421
- }
422
- .premium-banner-animation5.blur:hover img, .premium-banner-animation2.blur:hover img, .premium-banner-animation6.blur:hover img {
423
- -webkit-filter: blur(3px);
424
- filter: blur(3px);
425
- }
426
- .premium-banner-animation6 .premium-banner-ib-desc {
427
- padding: 45px;
428
- }
429
- .premium-banner-animation6 .premium-banner-ib-desc::before {
430
- position: absolute;
431
- content: "";
432
- top: 30px;
433
- right: 30px;
434
- bottom: 30px;
435
- left: 30px;
436
- border: 1px solid #fff;
437
- }
438
- .premium-banner-animation6 .premium-banner-ib-title {
439
- margin: 20px 0 10px;
440
- -webkit-transition: -webkit-transform .35s;
441
- transition: -webkit-transform .35s;
442
- transition: transform .35s;
443
- transition: transform .35s, -webkit-transform .35s;
444
- -webkit-transform: translate3d(0, 100%, 0);
445
- transform: translate3d(0, 100%, 0);
446
- }
447
- .premium-banner-animation6 .premium-banner-ib-content, .premium-banner-animation6 .premium-banner-read-more, .premium-banner-animation6 .premium-banner-ib-desc::before {
448
- opacity: 0;
449
- -webkit-transition: opacity .35s, -webkit-transform .35s;
450
- transition: opacity .35s, -webkit-transform .35s;
451
- transition: opacity .35s, transform .35s;
452
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
453
- -webkit-transform: scale(0);
454
- -ms-transform: scale(0);
455
- transform: scale(0);
456
- }
457
- .premium-banner-animation6 .premium-banner-read-more {
458
- margin-top: 10px;
459
- }
460
- .premium-banner-animation6:hover .premium-banner-ib-title, .premium-banner-animation6.active .premium-banner-ib-title {
461
- -webkit-transform: translate3d(0, 0, 0);
462
- transform: translate3d(0, 0, 0);
463
- }
464
- .premium-banner-animation6:hover .premium-banner-ib-content, .premium-banner-animation6.active .premium-banner-ib-content, .premium-banner-animation6:hover .premium-banner-read-more, .premium-banner-animation6.active .premium-banner-read-more, .premium-banner-animation6:hover .premium-banner-ib-desc::before, .premium-banner-animation6.active .premium-banner-ib-desc::before {
465
- opacity: 1;
466
- -webkit-transform: scale(1);
467
- -ms-transform: scale(1);
468
- transform: scale(1);
469
- }
470
- .premium-banner-animation8 img {
471
- -webkit-transition: opacity .35s, -webkit-transform .35s;
472
- transition: opacity .35s, -webkit-transform .35s;
473
- transition: opacity .35s, transform .35s;
474
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
475
- -webkit-transform: scale(1.15);
476
- -ms-transform: scale(1.15);
477
- transform: scale(1.15)
478
- }
479
- .premium-banner-animation8:hover img, .premium-banner-animation8.active img {
480
- -webkit-transform: scale(1);
481
- -ms-transform: scale(1);
482
- transform: scale(1);
483
- }
484
- .premium-banner-animation8 .premium-banner-ib-title {
485
- margin-top: 20%;
486
- -webkit-transition: -webkit-transform .35s;
487
- transition: -webkit-transform .35s;
488
- transition: transform .35s;
489
- transition: transform .35s, -webkit-transform .35s;
490
- -webkit-transform: translate3d(0, 20px, 0);
491
- transform: translate3d(0, 20px, 0);
492
- }
493
- .premium-banner-animation8:hover .premium-banner-ib-title, .premium-banner-animation8.active .premium-banner-ib-title {
494
- -webkit-transform: translate3d(0, 0, 0);
495
- transform: translate3d(0, 0, 0);
496
- }
497
- .premium-banner-animation8 .premium-banner-ib-content {
498
- margin: 1em 0 0;
499
- padding: 35px;
500
- border: 1px solid #fff;
501
- opacity: 0;
502
- -webkit-transition: opacity .35s, -webkit-transform .35s;
503
- transition: opacity .35s, -webkit-transform .35s;
504
- transition: opacity .35s, transform .35s;
505
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
506
- -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
507
- transform: translate3d(0, 20px, 0) scale(1.1);
508
- }
509
- .premium-banner-animation8:hover .premium-banner-ib-content, .premium-banner-animation8.active .premium-banner-ib-content {
510
- opacity: 1;
511
- -webkit-transform: translate3d(0, 0, 0) scale(1);
512
- transform: translate3d(0, 0, 0) scale(1);
513
- }
514
- .premium-banner-animation12 .premium-banner-ib-desc::after {
515
- position: absolute;
516
- content: "";
517
- right: 30px;
518
- bottom: 30px;
519
- left: 30px;
520
- height: -webkit-calc(50% - 30px);
521
- height: calc(50% - 30px);
522
- border: 7px solid #fff;
523
- -webkit-transition: -webkit-transform .35s;
524
- transition: -webkit-transform .35s;
525
- transition: transform .35s;
526
- transition: transform .35s, -webkit-transform .35s;
527
- -webkit-transform: translate3d(0, -100%, 0);
528
- transform: translate3d(0, -100%, 0);
529
- }
530
- .premium-banner-animation12:hover .premium-banner-ib-desc::after, .premium-banner-animation12.active .premium-banner-ib-desc::after {
531
- -webkit-transform: translate3d(0, 0, 0);
532
- transform: translate3d(0, 0, 0);
533
- }
534
- .premium-banner-animation12 .premium-banner-ib-desc {
535
- padding: 45px;
536
- text-align: left;
537
- }
538
- .premium-banner-animation12 .premium-banner-ib-content {
539
- position: absolute;
540
- right: 60px;
541
- bottom: 60px;
542
- left: 60px;
543
- opacity: 0;
544
- -webkit-transition: opacity .35s, -webkit-transform .35s;
545
- transition: opacity .35s, -webkit-transform .35s;
546
- transition: opacity .35s, transform .35s;
547
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
548
- -webkit-transform: translate3d(0, -100px, 0);
549
- transform: translate3d(0, -100px, 0);
550
- }
551
- .premium-banner-animation12:hover .premium-banner-ib-content, .premium-banner-animation12.active .premium-banner-ib-content {
552
- opacity: 1;
553
- -webkit-transform: translate3d(0, 0, 0);
554
- transform: translate3d(0, 0, 0);
555
- }
556
- .premium-banner-animation13 img {
557
- width: -webkit-calc(100% + 20px)!important;
558
- width: calc(100% + 20px)!important;
559
- max-width: -webkit-calc(100% + 20px)!important;
560
- max-width: calc(100% + 20px)!important;
561
- -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
562
- transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
563
- transition: opacity .35s,filter 0.35s, transform .35s;
564
- transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
565
- -webkit-transform: translate3d(-10px, 0, 0);
566
- transform: translate3d(-10px, 0, 0);
567
- -webkit-backface-visibility: hidden;
568
- backface-visibility: hidden;
569
- }
570
- .premium-banner-animation13.zoomout img, .premium-banner-animation13.scale img {
571
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
572
- transform: translate3d(-10px, 0, 0) scale(1.1);
573
- }
574
- .premium-banner-animation13.none:hover img, .premium-banner-animation1.none:hover img, .premium-banner-animation4.none:hover img {
575
- -webkit-transform: translate3d(0, 0, 0);
576
- transform: translate3d(0, 0, 0);
577
- }
578
- .premium-banner-animation13.zoomin:hover img, .premium-banner-animation1.zoomin:hover img, .premium-banner-animation4.zoomin:hover img{
579
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
580
- transform: translate3d(0, 0, 0) scale(1.1);
581
- }
582
- .premium-banner-animation13.zoomout:hover img, .premium-banner-animation1.zoomout:hover img, .premium-banner-animation4.zoomout:hover img {
583
- -webkit-transform: translate3d(0, 0, 0) scale(1.0);
584
- transform: translate3d(0, 0, 0) scale(1.0);
585
- }
586
- .premium-banner-animation13.scale:hover img, .premium-banner-animation1.scale:hover img, .premium-banner-animation4.scale:hover img {
587
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
588
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
589
- }
590
- .premium-banner-animation13.grayscale:hover img, .premium-banner-animation1.grayscale:hover img, .premium-banner-animation4.grayscale:hover img{
591
- -webkit-transform: translate3d(0, 0, 0);
592
- transform: translate3d(0, 0, 0);
593
- -webkit-filter: grayscale(100%);
594
- filter: grayscale(100%);
595
- }
596
- .premium-banner-animation13.blur:hover img, .premium-banner-animation1.blur:hover img, .premium-banner-animation4.blur:hover img {
597
- -webkit-transform: translate3d(0, 0, 0);
598
- transform: translate3d(0, 0, 0);
599
- -webkit-filter: blur(3px);
600
- filter: blur(3px);
601
- }
602
- .premium-banner-animation13 .premium-banner-ib-desc {
603
- text-align: left;
604
- }
605
- .premium-banner-animation13 .premium-banner-ib-title {
606
- position: relative;
607
- overflow: hidden;
608
- padding: 5px 0 10px;
609
- }
610
- .premium-banner-animation13 .premium-banner-ib-title::after {
611
- position: absolute;
612
- content: "";
613
- bottom: 0;
614
- left: 0;
615
- width: 100%;
616
- height: 2px;
617
- background: #fff;
618
- -webkit-transition: -webkit-transform .35s;
619
- transition: -webkit-transform .35s;
620
- transition: transform .35s;
621
- transition: transform .35s, -webkit-transform .35s;
622
- -webkit-transform: translate3d(-101%, 0, 0);
623
- transform: translate3d(-101%, 0, 0);
624
- }
625
- .premium-banner-animation13:hover .premium-banner-ib-title::after, .premium-banner-animation13.active .premium-banner-ib-title::after {
626
- -webkit-transform: translate3d(0, 0, 0);
627
- transform: translate3d(0, 0, 0);
628
- }
629
- .premium-banner-animation13 .premium-banner-ib-content, .premium-banner-animation13 .premium-banner-read-more {
630
- padding: 15px 0;
631
- opacity: 0;
632
- -webkit-transition: opacity .35s, -webkit-transform .35s;
633
- transition: opacity .35s, -webkit-transform .35s;
634
- transition: opacity .35s, transform .35s;
635
- transition: opacity .35s, transform .35s, -webkit-transform .35s;
636
- -webkit-transform: translate3d(100%, 0, 0);
637
- transform: translate3d(100%, 0, 0);
638
- }
639
- .premium-banner-animation13:hover .premium-banner-ib-content, .premium-banner-animation13.active .premium-banner-ib-content, .premium-banner-animation13:hover .premium-banner-read-more, .premium-banner-animation13.active .premium-banner-read-more {
640
- opacity: 1;
641
- -webkit-transform: translate3d(0, 0, 0);
642
- transform: translate3d(0, 0, 0);
643
- }
644
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
645
- left: 50%;
646
- width: auto!important;
647
- height: 100%;
648
- max-width: none;
649
- -webkit-transform: translateX(-50%);
650
- -ms-transform: translateX(-50%);
651
- transform: translateX(-50%);
652
- }
653
- .premium-banner-ib img {
654
- border: none;
655
- padding: 0;
656
- margin: 0;
657
  }
658
  /**************** Premium CountDown *************/
659
  /************************************************/
660
- .premium-countdown {
661
- display: -ms-flexbox;
662
- display: -webkit-flex;
663
- display: -moz-flex;
664
- display: -ms-flex;
665
- display: flex;
666
  }
667
  /* jQuery Countdown styles 2.0.0. */
668
- .pre_countdown-row {
669
- display: block;
670
- text-align: center;
671
  }
672
- .countdown .pre_countdown-section {
673
- display: inline-block;
674
- max-width: 100%;
675
- margin-bottom: 15px;
676
  }
677
  .countdown .pre_countdown-section {
678
- display: -webkit-inline-box;
679
- display: -webkit-inline-flex;
680
- display: -ms-inline-flexbox;
681
- display: inline-flex;
682
- align-items: center;
683
  }
684
- .countdown .pre_countdown-section:last-child {
685
- margin-right: 0;
686
  }
687
- .countdown span.pre_countdown-amount {
688
- font-size: 70px;
689
- line-height: 1;
690
  }
691
- .countdown .pre_time-mid {
692
- display: block;
693
  }
694
  .premium-countdown-separator-yes .pre-countdown_separator {
695
- display: block;
696
- margin: 0 50px;
697
- font-size: 30px;
698
  }
699
  .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
700
- display: none;
701
  }
702
  /************************************ * Digit and unit styles *************************************/
703
- .side .pre_countdown-section .pre_countdown-period {
704
- vertical-align: bottom;
705
  }
706
- .countdown .pre_countdown-section .pre_countdown-period {
707
- font-size: 17px;
708
- line-height: 3em;
709
  }
710
  /************************************ * Digit and unit side by side *************************************/
711
- .side .pre_countdown-section .pre_countdown-amount, .side .pre_countdown-section .pre_countdown-period {
712
- display: inline-block;
713
  }
714
- .side .pre_countdown-section .pre_countdown-amount {
715
- margin-right: 5px;
716
  }
717
  /************************************ * Digit and unit up and down *************************************/
718
- .down .pre_countdown-section .pre_countdown-amount, .down .pre_countdown-section .pre_countdown-period {
719
- display: block;
720
  }
721
  /**************** Premium Carousel **************/
722
  /************************************************/
723
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow, .premium-fb-rev-container a.carousel-arrow, .premium-blog-wrap a.carousel-arrow, .premium-hscroll-wrap a.carousel-arrow {
724
- display: -ms-flexbox;
725
- display: -webkit-flex;
726
- display: -moz-flex;
727
- display: -ms-flex;
728
- display: flex;
729
- align-items: center;
730
- justify-content: center;
731
- width: 2em;
732
- height: 2em;
733
- line-height: 0;
734
- text-align: center;
735
- position: absolute;
736
- z-index: 99;
737
- cursor: pointer;
738
- -webkit-transition: all 0.3s ease-in-out;
739
- -moz-transition: all 0.3s ease-in-out;
740
- -o-transition: all 0.3s ease-in-out;
741
- transition: all 0.3s ease-in-out;
742
- -webkit-appearance: inherit;
743
- border: none;
744
- box-shadow: none;
745
- }
746
- div[class^="premium-"] .slick-arrow i {
747
- display: block;
748
- }
749
- .ver-carousel-arrow.carousel-next i{
750
- margin-bottom: -3px;
751
- }
752
- .premium-carousel-wrapper a.slick-arrow:hover {
753
- box-shadow: none !important;
754
- }
755
- .premium-carousel-wrapper .premium-carousel-content-hidden {
756
- visibility: hidden;
757
- }
758
- .premium-carousel-wrapper a.carousel-arrow, .premium-fb-rev-container a.carousel-arrow, .premium-blog-wrap a.carousel-arrow, .premium-hscroll-wrap a.carousel-arrow {
759
- top: 50%;
760
- }
761
- .premium-carousel-wrapper a.ver-carousel-arrow {
762
- left: 50%;
763
- }
764
- a.carousel-arrow.carousel-next {
765
- right: -20px;
766
- }
767
- a.carousel-arrow.carousel-prev {
768
- left: -20px;
769
- }
770
- a.ver-carousel-arrow.carousel-next {
771
- bottom: -56px;
772
- }
773
- a.ver-carousel-arrow.carousel-prev {
774
- top: -45px;
775
- }
776
- a.circle-bg {
777
- border-radius: 100%;
778
- }
779
- a.circle-border {
780
- border-radius: 100%;
781
- border: solid black;
782
- }
783
- a.square-border {
784
- border: solid black;
785
- }
786
- .premium-carousel-wrapper ul.slick-dots, .premium-blog-wrap ul.slick-dots {
787
- list-style: none;
788
- text-align: center;
789
- margin: 0;
790
- padding: 0;
791
- }
792
- .premium-carousel-dots-above ul.slick-dots {
793
- position: absolute;
794
- display: -ms-flexbox;
795
- display: -webkit-flex;
796
- display: -moz-flex;
797
- display: -ms-flex;
798
- display: flex;
799
- top: 50%;
800
- -webkit-transform: translateY(-50%);
801
- transform: translateY(-50%);
802
- -webkit-flex-direction: column;
803
- flex-direction: column;
804
- }
805
- ul.slick-dots li {
806
- font-size: 10px;
807
- display: inline-block;
808
- margin: 5px;
809
- width: 20px;
810
- height: 20px;
811
- cursor: pointer;
812
  }
813
  /* Ripple Out */
814
- @-webkit-keyframes hvr-ripple-out {
815
- 100% {
816
- top: -5.5px;
817
- right: -3px;
818
- bottom: -3px;
819
- left: -3px;
820
- opacity: 0;
821
- }
822
- }
823
- @keyframes hvr-ripple-out {
824
- 100% {
825
- top: -5.5px;
826
- right: -3px;
827
- bottom: -3px;
828
- left: -3px;
829
- opacity: 0;
830
- }
831
- }
832
- .premium-carousel-wrapper.hvr-ripple-out {
833
- padding-bottom: 1px;
834
- }
835
- .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active {
836
- display: inline-block;
837
- -webkit-transform: perspective(0px) translateZ(0);
838
- transform: perspective(0px) translateZ(0);
839
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
840
- position: relative;
841
- }
842
- .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:before {
843
- content: '';
844
- position: absolute;
845
- border: 1px solid;
846
- border-radius: 50%;
847
- top: 3px;
848
- right: 4px;
849
- bottom: 6.8px;
850
- left: 4.5px;
851
- -webkit-animation-duration: 1s;
852
- animation-duration: 1s;
853
- animation-iteration-count: infinite;
854
- }
855
- .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:hover:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:focus:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:active:before {
856
- -webkit-animation-name: hvr-ripple-out;
857
- animation-name: hvr-ripple-out;
858
- }
859
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
860
- -webkit-transform: scale(1.25, 1.25);
861
- transform: scale(1.25, 1.25);
862
- -webkit-transition: all 0.3s ease-in-out !important;
863
- transition: all 0.3s ease-in-out !important;
864
- }
865
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
866
- -webkit-transform: scale(1, 1);
867
- transform: scale(1, 1);
868
- }
869
- [dir='rtl'] .premium-carousel-inner .slick-slide {
870
- float: right;
871
  }
872
  /**************** Premium Counter ***************/
873
  /************************************************/
874
- .premium-counter-area {
875
- padding: 10px 0;
876
- }
877
- .premium-counter-area .premium-counter-icon span.icon {
878
- width: 1em;
879
- height: 1em;
880
- line-height: 1em;
881
- text-align: center;
882
- display: inline-block;
883
- vertical-align: middle;
884
  }
885
- .premium-counter-area .premium-counter-title {
886
- padding: 0;
887
- margin: 0;
888
  }
889
- .premium-counter-icon .icon i.fa:before {
890
- vertical-align: text-top;
891
  }
892
  /* * Circle Icon style */
893
- .premium-counter-area .premium-counter-icon .circle {
894
- border-radius: 100%;
895
  }
896
- .premium-counter-area.center {
897
- text-align: center;
898
  }
899
- .premium-counter-area .right, .premium-counter-area .left {
900
- display: table-cell;
901
- vertical-align: middle;
902
  }
903
- .premium-counter-icon.right {
904
- padding-left: 20px;
905
  }
906
- .premium-counter-icon.left {
907
- padding-right: 20px;
908
  }
909
- .premium-init-wrapper.right {
910
- text-align: right;
911
  }
912
  /* * Custom image and simple styles image fix */
913
- span.icon.flex-width {
914
- width: auto !important;
915
- height: auto !important;
916
  }
917
- .premium-counter-area .premium-counter-init {
918
- font-size: 35px;
919
  }
920
  /**************** Premium Image Separator ****************/
921
  /*********************************************************/
922
  /*Image Separator Container Style*/
923
- .premium-image-separator-container{
924
- position: absolute;
925
- width: 100%;
926
- z-index: 2;
927
- top: auto;
928
  }
929
  /*Link on Image Style*/
930
- .premium-image-separator-link{
931
- position: absolute;
932
- z-index: 9999;
933
- top: 0;
934
- left: 0;
935
- width: 100%;
936
- height: 100%;
937
- text-decoration: none;
938
  }
939
  /*Important to override Theme options*/
940
- a.premium-image-separator-link:hover, a.premium-image-separator-link:visited, a.premium-image-separator-link:focus, a.premium-image-separator-link:active {
941
- box-shadow: none !important;
942
- outline: none !important;
943
- border: none !important;
944
- text-decoration: none !important;
945
  }
946
- .premium-image-separator-container .img-responsive {
947
- display: inline-block;
948
  }
949
  /**************** Premium Modal Box ****************/
950
  /***************************************************/
951
- .premium-modal-box-button-selector, .premium-modal-box-modal-lower-close {
952
- display: inline-block;
953
- padding: 6px 12px;
954
- margin-bottom: 0;
955
- font-size: 14px;
956
- font-weight: normal;
957
- line-height: 1.42857143;
958
- text-align: center;
959
- white-space: nowrap;
960
- vertical-align: middle;
961
- -ms-touch-action: manipulation;
962
- touch-action: manipulation;
963
- cursor: pointer;
964
- -webkit-user-select: none;
965
- -moz-user-select: none;
966
- -ms-user-select: none;
967
- user-select: none;
968
- background-image: none;
969
- border: 1px solid transparent;
970
- }
971
- .premium-modal-box-button-selector i {
972
- -webkit-transition: all 0.3s ease-in-out;
973
- -moz-transition: all 0.3s ease-in-out;
974
- -ms-transition: all 0.3s ease-in-out;
975
- transition: all 0.3s ease-in-out;
976
- }
977
- .premium-btn-md {
978
- padding: 8px 14px;
979
- font-size: 16px;
980
- line-height: 1.2;
981
- }
982
- .premium-btn-lg {
983
- padding: 10px 16px;
984
- font-size: 18px;
985
- line-height: 1.3333333;
986
- }
987
- .premium-btn-block {
988
- display: block;
989
- width: 100%;
990
- }
991
- .premium-modal-box-modal-close {
992
- float: right;
993
- font-size: 21px;
994
- font-weight: bold;
995
- line-height: 1;
996
- color: #000;
997
- }
998
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
999
- color: #000;
1000
- text-decoration: none;
1001
- cursor: pointer;
1002
- }
1003
- button.premium-modal-box-modal-close {
1004
- -webkit-appearance: none;
1005
- padding: 0;
1006
- cursor: pointer;
1007
- background: transparent;
1008
- border: 0
1009
- }
1010
- .premium-modal-box-modal {
1011
- position: fixed;
1012
- top: 0;
1013
- right: 0;
1014
- bottom: 0;
1015
- left: 0;
1016
- z-index: 1050;
1017
- display: none;
1018
- -webkit-overflow-scrolling: touch;
1019
- outline: 0;
1020
- padding: 0 !important;
1021
- background: rgba(0,0,0,0.5)
1022
- /*Added New to fix backdrop background*/
1023
- }
1024
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1025
- position: absolute;
1026
- top: 0;
1027
- left: 50%;
1028
- -webkit-transform: translate(-50%,-50%) !important;
1029
- transform: translate(-50%,-50%) !important;
1030
- margin: 0;
1031
- -webkit-transition: all .3s ease-in-out;
1032
- -o-transition: all .3s ease-in-out;
1033
- transition: all .3s ease-in-out;
1034
- }
1035
- .premium-modal-box-modal-content {
1036
- overflow: hidden;
1037
- background-color: #fff;
1038
- -webkit-background-clip: padding-box;
1039
- background-clip: padding-box;
1040
- border: 1px solid rgba(0, 0, 0, .2);
1041
- border-radius: 6px;
1042
- outline: 0;
1043
- /* -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
1044
- box-shadow: 0 3px 9px rgba(0, 0, 0, .5)*/
1045
- }
1046
- .premium-modal-backdrop.premium-in {
1047
- filter: alpha(opacity=50);
1048
- opacity: .5 !important;
1049
- }
1050
- .premium-modal-fade.premium-in {
1051
- opacity: 1;
1052
- }
1053
- .premium-modal-backdrop {
1054
- position: fixed;
1055
- top: 0;
1056
- right: 0;
1057
- bottom: 0;
1058
- left: 0;
1059
- z-index: 1040;
1060
- background-color: #000
1061
- }
1062
- .premium-modal-backdrop.premium-modal-fade {
1063
- filter: alpha(opacity=0);
1064
- opacity: 0;
1065
- }
1066
- .premium-modal-fade {
1067
- opacity: 0;
1068
- -webkit-transition: opacity .3s ease-in-out;
1069
- -o-transition: opacity .3s ease-in-out;
1070
- transition: opacity .3s ease-in-out;
1071
- }
1072
- .premium-modal-box-modal.premium-in .premium-modal-box-modal-dialog {
1073
- -webkit-transition: all .3s ease-in-out;
1074
- -o-transition: all .3s ease-in-out;
1075
- transition: all .3s ease-in-out;
1076
- top: 50%;
1077
- }
1078
- .premium-modal-box-modal-header {
1079
- display: -ms-flexbox;
1080
- display: -webkit-flex;
1081
- display: -moz-flex;
1082
- display: -ms-flex;
1083
- display: flex;
1084
- justify-content: space-between;
1085
- align-items: center;
1086
- padding: 5px 15px;
1087
- border-bottom: 1px solid #e5e5e5
1088
- }
1089
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
1090
- margin-top: -2px
1091
- }
1092
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
1093
- margin: 0;
1094
- padding: 0;
1095
- line-height: 1.42857143;
1096
- /* clear: none;
1097
- */
1098
- padding: 0;
1099
- margin: 0;
1100
- }
1101
- .premium-modal-box-modal-body {
1102
- position: relative;
1103
- padding: 15px
1104
- }
1105
- .premium-modal-box-modal-footer {
1106
- padding: 15px;
1107
- text-align: right;
1108
- border-top: 1px solid #e5e5e5
1109
- }
1110
- .premium-modal-box-modal-footer .btn + .btn {
1111
- margin-bottom: 0;
1112
- margin-left: 5px
1113
- }
1114
- .premium-modal-scrollbar-measure {
1115
- position: absolute;
1116
- top: -9999px;
1117
- width: 50px;
1118
- height: 50px;
1119
- overflow: scroll;
1120
- }
1121
- .premium-modal-box-text-selector {
1122
- background: none !important;
1123
- }
1124
- .premium-modal-box-container {
1125
- width: 100% !important;
1126
  }
1127
  /*Open Modal Button Style*/
1128
- .premium-modal-box-selector-container .premium-modal-box-button-selector {
1129
- border: none;
1130
- -webkit-transition: all 0.3s ease-in-out;
1131
- -moz-transition: all 0.3s ease-in-out;
1132
- -o-transition: all 0.3s ease-in-out;
1133
- -ms-transition: all 0.3s ease-in-out;
1134
- transition: all 0.3s ease-in-out;
1135
  }
1136
  /*Open Modal Img, Span Style */
1137
- .premium-modal-box-selector-container img, .premium-modal-box-selector-container span{
1138
- cursor: pointer;
1139
  }
1140
  /*Image on Modal Header Style*/
1141
- .premium-modal-box-modal-header img {
1142
- width: 48px;
1143
- padding: 5px 0;
1144
- vertical-align: top;
1145
  }
1146
  /*Icon On Modal Header Style*/
1147
- .premium-modal-box-modal-header i {
1148
- padding-right: 6px;
1149
  }
1150
  /*Image On Modal Header Style*/
1151
- .premium-modal-box-modal-title img {
1152
- vertical-align : middle;
1153
  }
1154
  /*Close Button Container Style*/
1155
  /*.premium-modal-box-close-button-container {
1156
- float: right;
1157
  }
1158
- */
1159
- .premium-modal-box-modal-close {
1160
- position: relative;
1161
- z-index: 99;
1162
  }
1163
- .premium-modal-box-img-selector, .premium-modal-box-text-selector, .premium-modal-box-close-button-container, .premium-modal-box-modal-close, .premium-modal-box-modal-lower-close{
1164
- -webkit-transition: all 0.3s ease-in-out;
1165
- -moz-transition: all 0.3s ease-in-out;
1166
- -ms-transition: all 0.3s ease-in-out;
1167
- -o-transition: all 0.3s ease-in-out;
1168
- transition: all 0.3s ease-in-out;
1169
  }
1170
  /* prevent Scroll on body */
1171
- .premium-modal-open {
1172
- /* overflow: hidden;
1173
- */
1174
- /* height: 100vh;
1175
- */
1176
- }
1177
- @media (min-width:768px) {
1178
- .premium-modal-box-modal-dialog {
1179
- width: 700px;
1180
- max-height: 600px;
1181
- overflow: auto;
1182
- }
1183
- /* .premium-modal-box-modal-content {
1184
- -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
1185
- box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
1186
- }
1187
- */
1188
- }
1189
- @media (max-width:767px) {
1190
- .premium-modal-box-modal-dialog {
1191
- width: 100%;
1192
- max-height: 500px;
1193
- overflow: auto;
1194
- }
1195
  }
1196
  /**************** Premium Progress Bar ****************/
1197
  /******************************************************/
1198
- .premium-progressbar-container {
1199
- position:relative;
1200
- }
1201
- .premium-progressbar-progress {
1202
- overflow: hidden;
1203
- height: 20px;
1204
- margin-bottom: 50px;
1205
- background-color: #f5f5f5;
1206
- border-radius: 4px;
1207
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1208
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1209
- }
1210
- .premium-progressbar-progress-bar {
1211
- float: left;
1212
- width: 0%;
1213
- height: 100%;
1214
- font-size: 12px;
1215
- line-height: 20px;
1216
- background: #6ec1e4;
1217
- text-align: center;
1218
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1219
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1220
- }
1221
- .progress-striped .progress-bar, .progress-bar-striped {
1222
- background-image: -webkit-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);
1223
- background-image: -o-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);
1224
- 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);
1225
- background-size: 40px 40px;
1226
- }
1227
- .pa-progress.active .progress-bar, .progress-bar.active {
1228
- -webkit-animation: progress-bar-stripes 2s linear infinite;
1229
- -o-animation: progress-bar-stripes 2s linear infinite;
1230
- animation: progress-bar-stripes 2s linear infinite;
1231
- }
1232
- .premium-progressbar-progress{
1233
- position: relative;
1234
- text-align:left;
1235
- }
1236
- .premium-progressbar-progress-bar {
1237
- position: absolute;
1238
- overflow: hidden;
1239
- line-height: 20px;
1240
- }
1241
- .premium-progressbar-container .clearfix {
1242
- clear: both;
1243
  }
1244
  /*Progress Bar Style*/
1245
- .premium-progressbar-progress-bar {
1246
- -webkit-transition: width 0s ease-in-out !important;
1247
- -moz-transition: width 0s ease-in-out !important;
1248
- -ms-transition: width 0s ease-in-out !important;
1249
- -o-transition: width 0s ease-in-out !important;
1250
- transition: width 0s ease-in-out !important;
1251
  }
1252
  /*Left Label Style*/
1253
- .premium-progressbar-container p:first-of-type{
1254
- margin:0;
1255
- float:left;
1256
  }
1257
  /*Right Label Style*/
1258
- .premium-progressbar-container p:nth-of-type(2){
1259
- margin: 0;
1260
- float: right;
1261
- }
1262
- .premium-progressbar-name{
1263
- left:50%;
1264
- top :0;
1265
- right:0;
1266
- transform: translateX(-12.5px);
1267
- z-index:1;
1268
- }
1269
- .premium-progressbar-multiple-label{
1270
- position:relative;
1271
- float:left;
1272
- width:0;
1273
- left:50%;
1274
- }
1275
- .premium-progressbar-center-label{
1276
- position:relative;
1277
- bottom:-100%;
1278
- white-space:nowrap;
1279
- }
1280
- .premium-progressbar-arrow {
1281
- left:50%;
1282
- display: inline-block;
1283
- border-left: 7px solid transparent;
1284
- border-right: 7px solid transparent;
1285
- border-top: 11px solid ;
1286
- transform: translateX(-50%);
1287
- }
1288
- .premium-progressbar-pin {
1289
- border-left: 1px solid;
1290
- height: 12px;
1291
- left:50%;
1292
- display: inline-block;
1293
- }
1294
- @-webkit-keyframes progress-bar-stripes {
1295
- from {
1296
- background-position: 0 0;
1297
- }
1298
- to {
1299
- background-position: 40px 0;
1300
- }
1301
- }
1302
- @keyframes progress-bar-stripes {
1303
- from {
1304
- background-position: 0 0;
1305
- }
1306
- to {
1307
- background-position: 40px 0;
1308
- }
1309
  }
1310
  /**************** Premium Testimonials ****************/
1311
  /******************************************************/
1312
  /*Testimonial Container Style*/
1313
- .premium-testimonial-box {
1314
- width: 100%;
1315
- background: transparent;
1316
- -webkit-transition: all 0.3s ease-in-out;
1317
- -moz-transition: all 0.3s ease-in-out;
1318
- -o-transition: all 0.3s ease-in-out;
1319
- -ms-transition: all 0.3s ease-in-out;
1320
- transition: all 0.3s ease-in-out;
1321
  }
1322
  /*Testimonial Title Style*/
1323
- .premium-testimonial-box .premium-testimonial-person-name, .premium-testimonial-box .premium-testimonial-company-name {
1324
- display: inline;
1325
- font-weight: 600;
1326
- margin: 0;
1327
  }
1328
  /*Testimonial Text Style*/
1329
- .premium-testimonial-container {
1330
- position: relative;
1331
  }
1332
  /*Testimonial Img Container Style*/
1333
- .premium-testimonial-img-wrapper {
1334
- margin-left: auto;
1335
- margin-right: auto;
1336
- overflow: hidden;
1337
  }
1338
  /*Testimonial Person Image Style*/
1339
- .premium-testimonial-person-image {
1340
- object-fit: cover;
1341
- width: 100%;
1342
- height: 100% !important;
1343
- border-style: solid !important;
1344
  }
1345
  /*Testimonial Content Wrapper Style*/
1346
- .premium-testimonial-content-wrapper {
1347
- position: relative;
1348
- display: -ms-flexbox;
1349
- display: -webkit-flex;
1350
- display: -moz-flex;
1351
- display: -ms-flex;
1352
- display: flex;
1353
- flex-direction: column;
1354
- z-index: 2;
1355
- width: 100%;
1356
- padding: 20px;
1357
- text-align: center;
1358
  }
1359
  /*Testimonial Quotes Container Div Style*/
1360
- .premium-testimonial-quotes-wrapper {
1361
- z-index: 1;
1362
  }
1363
  /*Clear Float*/
1364
- .premium-testimonial-clear-float {
1365
- clear: both;
1366
  }
1367
  /*Upper Quote Style*/
1368
- .premium-testimonial-upper-quote {
1369
- position: absolute;
1370
- z-index: 1;
1371
  }
1372
  /*Lower Quote Style*/
1373
- .premium-testimonial-lower-quote{
1374
- position:absolute;
1375
- z-index: 1;
1376
  }
1377
  /*Author Info Container Div Style*/
1378
- .premium-testimonial-author-info {
1379
- display: block;
1380
  }
1381
  /**************** Premium Title ****************/
1382
  /***********************************************/
1383
  /*Title Container Div Style*/
1384
- .premium-title-container {
1385
- position: relative;
1386
- width: 100%;
1387
- clear: both;
1388
- overflow: hidden;
1389
  }
1390
  /*Header Style*/
1391
- .premium-title-container .premium-title-header {
1392
- margin: 0;
1393
- padding: 10px;
1394
  }
1395
  .premium-title-header svg {
1396
- width: 40px;
1397
- height: 40px;
1398
  }
1399
  /*Style 2,3,6,7,8 Header*/
1400
- .premium-title-style1, .premium-title-style2, .premium-title-style5, .premium-title-style6 {
1401
- display: inline-block;
1402
- float: none;
1403
  }
1404
  .premium-title-style7 {
1405
- display: -webkit-inline-box;
1406
- display: -webkit-inline-flex;
1407
- display: -ms-inline-flexbox;
1408
- display: inline-flex;
1409
- -webkit-flex-direction: column;
1410
- -ms-flex-direction: column;
1411
- flex-direction: column;
1412
  }
1413
- .premium-title-style1 {
1414
- border-left: 3px solid #6ec1e4;
1415
  }
1416
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
1417
- border-bottom: 3px solid #6ec1e4;
1418
  }
1419
  /*Style 6 Header*/
1420
- .premium-title-style6{
1421
- position: relative;
1422
  }
1423
  /*Style 6 Trinagle*/
1424
- .premium-title-style6:before {
1425
- position: absolute;
1426
- left: 50%;
1427
- bottom: 0;
1428
- margin-left: -2px;
1429
- content: '';
1430
- border: 3px solid transparent;
1431
- }
1432
- .premium-title-style7-stripe-wrap {
1433
- display: -ms-flexbox;
1434
- display: -webkit-flex;
1435
- display: -moz-flex;
1436
- display: -ms-flex;
1437
- display: flex;
1438
- }
1439
- .premium-title-style7:before {
1440
- display: none;
1441
  }
1442
  /*Stripe Style*/
1443
  /**************** Premium Video Box ************/
1444
  /***********************************************/
1445
- .premium-video-box-container {
1446
- position: relative;
1447
- height: 0;
1448
- }
1449
- .pa-aspect-ratio-11 .premium-video-box-container {
1450
- padding-bottom: 100%;
1451
- }
1452
- .pa-aspect-ratio-169 .premium-video-box-container {
1453
- padding-bottom: 56.25%;
1454
- }
1455
- .pa-aspect-ratio-43 .premium-video-box-container {
1456
- padding-bottom: 75%;
1457
- }
1458
- .pa-aspect-ratio-32 .premium-video-box-container {
1459
- padding-bottom: 66.6666%;
1460
- }
1461
- .pa-aspect-ratio-219 .premium-video-box-container {
1462
- padding-bottom: 42.8571%;
1463
- }
1464
- .premium-video-box-image-container {
1465
- position: absolute;
1466
- top: 0;
1467
- left: 0;
1468
- width: 100%;
1469
- height: 100%;
1470
- -webkit-background-size: cover;
1471
- background-size: cover;
1472
- background-position: 50%;
1473
- cursor: pointer;
1474
- }
1475
- .premium-video-box-play-icon-container {
1476
- position: absolute;
1477
- z-index: 1;
1478
- cursor: pointer;
1479
- transform: translate(-50%,-50%);
1480
- background: rgba(252,252,252,0.35);
1481
- }
1482
- .premium-video-box-description-container {
1483
- position: absolute;
1484
- z-index: 1;
1485
- padding: 5px;
1486
- text-align: center;
1487
- cursor: pointer;
1488
- transform: translate(-50%,-50%);
1489
- }
1490
- .premium-video-box-text {
1491
- margin-bottom: 0 !important;
1492
- -webkit-transition: all 0.3s ease-in-out;
1493
- -moz-transition: all 0.3s ease-in-out;
1494
- -o-transition: all 0.3s ease-in-out;
1495
- -ms-transition: all 0.3s ease-in-out;
1496
- transition: all 0.3s ease-in-out;
1497
- }
1498
- .premium-video-box-play-icon{
1499
- padding: 15px;
1500
- transform: translateX(4%);
1501
- -webkit-transition: all 0.3s ease-in-out;
1502
- -moz-transition: all 0.3s ease-in-out;
1503
- -o-transition: all 0.3s ease-in-out;
1504
- -ms-transition: all 0.3s ease-in-out;
1505
- transition: all 0.3s ease-in-out;
1506
- }
1507
- .premium-video-box-video-container {
1508
- position: absolute;
1509
- top: 0;
1510
- left: 0;
1511
- z-index: 2;
1512
- width: 100%;
1513
- height: 100%;
1514
- -webkit-transition: opacity 0.8s ease-in-out;
1515
- -moz-transition: opacity 0.8s ease-in-out;
1516
- -o-transition: opacity 0.8s ease-in-out;
1517
- -ms-transition: opacity 0.8s ease-in-out;
1518
- transition: opacity 0.8s ease-in-out;
1519
- overflow: hidden;
1520
- cursor: pointer;
1521
- }
1522
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
1523
- opacity: 0;
1524
- visibility: hidden;
1525
- }
1526
- .premium-video-box-video-container iframe, .premium-video-box-video-container video {
1527
- max-width: 100%;
1528
- width: 100%;
1529
- height: 100%;
1530
- margin: 0;
1531
- line-height: 1;
1532
- border: none;
1533
- }
1534
- .premium-video-box-video-container video {
1535
- -o-object-fit: contain;
1536
- object-fit: contain;
1537
  }
1538
  /**************** Premium Blog *****************/
1539
  /***********************************************/
1540
- .premium-blog-post-container {
1541
- padding: 15px;
1542
  }
1543
- .premium-blog-thumb-effect-wrapper {
1544
- position: relative;
1545
- overflow: hidden;
1546
  }
1547
- .premium-blog-thumbnail-container {
1548
- overflow: hidden;
1549
  }
1550
- .premium-blog-post-link {
1551
- position: absolute;
1552
- top: 0;
1553
- left: 0;
1554
- width: 100%;
1555
- height: 100%;
1556
- z-index: 99;
1557
  }
1558
- .premium-blog-post-link:hover {
1559
- box-shadow: none !important;
1560
- border: none !important;
1561
- outline: none !important;
1562
  }
1563
  /*Thumbnail Img*/
1564
- .premium-blog-thumbnail-container img, .premium-blog-thumbnail-container .below-entry-meta{
1565
- width: 100%;
1566
- height: 100%;
1567
- margin: 0 !important;
1568
- -webkit-transition: all 0.4s ease-in-out;
1569
- -moz-transition: all 0.4s ease-in-out;
1570
- -ms-transition: all 0.4s ease-in-out;
1571
- -o-transition: all 0.4s ease-in-out;
1572
- transition: all 0.4s ease-in-out;
1573
- }
1574
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img, .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
1575
- transform: scale(1.2);
1576
- }
1577
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
1578
- -webkit-filter: sepia(30%);
1579
- filter: sepia(30%);
1580
- }
1581
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
1582
- -webkit-filter: brightness(1);
1583
- filter: brightness(1);
1584
- }
1585
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
1586
- -webkit-transform: translateX(-15px) scale(1.1);
1587
- transform: translateX(-15px) scale(1.1);
1588
  }
1589
  /*Thumbnail Container Hover*/
1590
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomin-effect img {
1591
- transform: scale(1.2);
1592
- }
1593
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomout-effect img {
1594
- transform: scale(1.1);
1595
- }
1596
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-scale-effect img {
1597
- transform: scale(1.3) rotate(5deg);
1598
- }
1599
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-gray-effect img {
1600
- filter: grayscale(100%);
1601
- }
1602
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-blur-effect img {
1603
- filter: blur(3px);
1604
- }
1605
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-sepia-effect img {
1606
- -webkit-filter: sepia(0%);
1607
- filter: sepia(0%);
1608
- }
1609
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bright-effect img {
1610
- -webkit-filter: brightness(1.2);
1611
- filter: brightness(1.2);
1612
- }
1613
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-trans-effect img {
1614
- -webkit-transform: translateX(0px) scale(1.1);
1615
- transform: translateX(0px) scale(1.1);
1616
- }
1617
- .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumbnail-container:after {
1618
- position: absolute;
1619
- content: '';
1620
- z-index: 1;
1621
- top: 50%;
1622
- left: 50%;
1623
- opacity: 0;
1624
- -webkit-transform: translate(-50%,-50%);
1625
- transform: translate(-50%,-50%);
1626
- -webkit-transition: all 0.4s linear 0s;
1627
- -moz-transition: all 0.4s linear 0s;
1628
- -ms-transition: all 0.4s linear 0s;
1629
- -o-transition: all 0.4s linear 0s;
1630
- transition: all 0.4s linear 0s;
1631
- height: 1px;
1632
- width: 100%;
1633
- }
1634
- .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumbnail-container:before {
1635
- width: 1px;
1636
- height: 100%;
1637
- }
1638
- .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
1639
- width: 20px;
1640
- opacity: 1;
1641
- }
1642
- .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
1643
- height: 20px;
1644
- opacity: 1;
1645
- }
1646
- .premium-blog-diagonal-container {
1647
- position: absolute;
1648
- top: 0;
1649
- left: 0;
1650
- width: 100%;
1651
- height: 100%;
1652
- }
1653
- .premium-blog-diagonal-effect:before {
1654
- position: absolute;
1655
- top: 0px;
1656
- left: 0px;
1657
- width: 100%;
1658
- height: 100%;
1659
- content: " ";
1660
- z-index: 1;
1661
- background: rgba(255,255,255,0.2);
1662
- -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1663
- -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1664
- -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1665
- -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1666
- transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1667
- -webkit-transition: all 0.3s linear 0s;
1668
- -moz-transition: all 0.3s linear 0s;
1669
- -o-transition: all 0.3s linear 0s;
1670
- -ms-transition: all 0.3s linear 0s;
1671
- transition: all 0.3s linear 0s;
1672
- }
1673
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
1674
- -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1675
- -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1676
- -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1677
- -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1678
- transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1679
- }
1680
- .premium-blog-framed-effect {
1681
- position: absolute;
1682
- width: calc(100% - 30px);
1683
- height: calc(100% - 30px);
1684
- top: 15px;
1685
- left: 15px;
1686
- opacity: 0;
1687
- transform: scale(0.3);
1688
- -webkit-transition: all 0.3s linear 0s;
1689
- -moz-transition: all 0.3s linear 0s;
1690
- -o-transition: all 0.3s linear 0s;
1691
- -ms-transition: all 0.3s linear 0s;
1692
- transition: all 0.3s linear 0s;
1693
- }
1694
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
1695
- opacity: 0.99;
1696
- transform: scale(1);
1697
- }
1698
- .premium-blog-bordered-effect {
1699
- position: absolute;
1700
- top: 0;
1701
- left: 0;
1702
- width: 100%;
1703
- height: 100%;
1704
- opacity: 0;
1705
- padding: 15px;
1706
- -webkit-transition: all 0.3s linear 0s;
1707
- -moz-transition: all 0.3s linear 0s;
1708
- -o-transition: all 0.3s linear 0s;
1709
- -ms-transition: all 0.3s linear 0s;
1710
- transition: all 0.3s linear 0s;
1711
- }
1712
- .premium-blog-bordered-border-container {
1713
- width: 100%;
1714
- height: 100%;
1715
- border: 2px solid;
1716
- -webkit-transform: scale(0,1);
1717
- transform: scale(0,1);
1718
- -webkit-transform-origin: 0 0;
1719
- transform-origin: 0 0;
1720
- -webkit-transition: all 0.3s linear 0s;
1721
- -moz-transition: all 0.3s linear 0s;
1722
- -o-transition: all 0.3s linear 0s;
1723
- -ms-transition: all 0.3s linear 0s;
1724
- transition: all 0.3s linear 0s;
1725
- }
1726
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
1727
- opacity: 0.99;
1728
- }
1729
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-bordered-border-container {
1730
- -webkit-transform: scale(1,1);
1731
- transform: scale(1,1);
1732
- }
1733
- .premium-blog-squares-effect, .premium-blog-squares-square-container{
1734
- position: absolute;
1735
- top: 0;
1736
- left: 0;
1737
- width: 100%;
1738
- height: 100%;
1739
- }
1740
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after, .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after{
1741
- position: absolute;
1742
- content: '';
1743
- top: 0;
1744
- left: 0;
1745
- width: 50%;
1746
- height: 50%;
1747
- -webkit-transform: translate(-100%,-100%);
1748
- transform: translate(-100%,-100%);
1749
- opacity: 0.7;
1750
- -webkit-transition: all 0.3s linear 0s;
1751
- -moz-transition: all 0.3s linear 0s;
1752
- -o-transition: all 0.3s linear 0s;
1753
- -ms-transition: all 0.3s linear 0s;
1754
- transition: all 0.3s linear 0s;
1755
- }
1756
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1757
- opacity: 0.8;
1758
- }
1759
- .premium-blog-squares-effect:after {
1760
- -webkit-transform: translate(200%,200%);
1761
- transform: translate(200%,200%);
1762
- }
1763
- .premium-blog-squares-square-container:before{
1764
- -webkit-transform: translate(-100%,200%);
1765
- transform: translate(-100%,200%);
1766
- }
1767
- .premium-blog-squares-square-container:after {
1768
- -webkit-transform: translate(200%,-100%);
1769
- transform: translate(200%,-100%);
1770
- }
1771
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
1772
- -webkit-transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1773
- transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1774
- }
1775
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
1776
- -webkit-transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1777
- transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1778
- }
1779
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before{
1780
- -webkit-transform: translate(0,100%);
1781
- transform: translate(0,100%);
1782
- }
1783
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after{
1784
- -webkit-transform: translate(100%,0%);
1785
- transform: translate(100%,0%);
1786
- }
1787
- .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-content-wrapper {
1788
- margin: 0px 10px 20px;
1789
- clear: both;
1790
  }
1791
- .premium-blog-post-container .premium-blog-content-wrapper {
1792
- padding: 30px;
1793
  }
1794
- .premium-blog-skin-classic .premium-blog-thumbnail-overlay {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1795
  position: absolute;
 
1796
  top: 0;
1797
  left: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1798
  display: -ms-flexbox;
1799
  display: -webkit-flex;
1800
  display: -moz-flex;
1801
  display: -ms-flex;
1802
  display: flex;
1803
- -webkit-justify-content: center;
1804
- justify-content: center;
1805
- -webkit-box-align: center;
1806
- -ms-flex-align: center;
1807
- -webkit-align-items: center;
1808
- -ms-flex-align: center;
1809
  align-items: center;
1810
- width: 100%;
1811
- height: 100%;
 
 
 
 
 
 
1812
  -webkit-transition: all 0.3s ease-in-out;
1813
  -moz-transition: all 0.3s ease-in-out;
1814
  -ms-transition: all 0.3s ease-in-out;
 
1815
  transition: all 0.3s ease-in-out;
1816
- opacity: 0;
1817
  }
1818
- .premium-blog-skin-classic .premium-blog-thumbnail-overlay a {
1819
- -webkit-transform: scale(0);
1820
- -moz-transform: scale(0);
1821
- -ms-transform: scale(0);
1822
- -o-transform: scale(0);
1823
- transform: scale(0);
1824
- -webkit-transition: all .5s ease-in-out 0s;
1825
- -moz-transition: all .5s ease-in-out 0s;
1826
- -ms-transition: all .5s ease-in-out 0s;
1827
- -o-transition: all .5s ease-in-out 0s;
1828
- transition: all .5s ease-in-out 0s;
1829
  }
1830
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1831
- opacity: 1;
1832
- -webkit-transform: scale(1);
1833
- -moz-transform: scale(1);
1834
- -ms-transform: scale(1);
1835
- -o-transform: scale(1);
1836
- transform: scale(1);
1837
  }
1838
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1839
- opacity: 1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1840
  }
1841
- .premium-blog-skin-modern .premium-blog-content-wrapper {
1842
- position: relative;
1843
- z-index: 2;
1844
- top: -50px;
1845
  }
1846
- .premium-blog-content-wrapper.empty-thumb {
1847
- top: 0;
1848
  }
1849
- .premium-blog-clear-fix {
1850
- clear: both;
1851
  }
1852
- .premium-blog-content-wrapper .premium-blog-inner-container {
1853
- display: -ms-flexbox;
1854
- display: -webkit-flex;
1855
- display: -moz-flex;
1856
- display: -ms-flex;
1857
- display: flex;
1858
  }
1859
- /*Post Format Container*/
1860
- .premium-blog-format-container {
1861
- display: -ms-flexbox;
1862
- display: -webkit-flex;
1863
- display: -moz-flex;
1864
- display: -ms-flex;
1865
- display: flex;
1866
- align-items: center;
1867
- justify-content: center;
1868
- cursor: pointer;
1869
- background: #eee;
1870
- width: 55px;
1871
- height: 55px;
1872
- font-size: 25px;
1873
- margin-right: 20px;
1874
- text-align: center;
1875
- -webkit-transition: all 0.3s ease-in-out;
1876
- -moz-transition: all 0.3s ease-in-out;
1877
- -ms-transition: all 0.3s ease-in-out;
1878
- -o-transition: all 0.3s ease-in-out;
1879
- transition: all 0.3s ease-in-out;
1880
- }
1881
- .premium-blog-format-link {
1882
- line-height: 0;
1883
  }
1884
- /*Post Format Icon*/
1885
- .premium-blog-format-container i {
1886
- -webkit-transition: all 0.3s ease-in-out;
1887
- -moz-transition: all 0.3s ease-in-out;
1888
- -ms-transition: all 0.3s ease-in-out;
1889
- -o-transition: all 0.3s ease-in-out;
1890
- transition: all 0.3s ease-in-out;
1891
- }
1892
- .premium-blog-entry-title {
1893
- display: inline;
1894
- margin-bottom: 0px;
1895
- }
1896
- .premium-blog-entry-meta {
1897
- margin-bottom: 8px;
1898
- }
1899
- .premium-blog-entry-meta i{
1900
- margin-right: 3px;
1901
- -webkit-transition: all 0.3s ease-in-out;
1902
- -moz-transition: all 0.3s ease-in-out;
1903
- -ms-transition: all 0.3s ease-in-out;
1904
- -o-transition: all 0.3s ease-in-out;
1905
- transition: all 0.3s ease-in-out;
1906
- }
1907
- .premium-blog-post-tags-container a{
1908
- -webkit-transition: all 0.3s ease-in-out;
1909
- -moz-transition: all 0.3s ease-in-out;
1910
- -ms-transition: all 0.3s ease-in-out;
1911
- -o-transition: all 0.3s ease-in-out;
1912
- transition: all 0.3s ease-in-out;
1913
- }
1914
- .premium-blog-meta-data .premium-blog-meta-separator {
1915
- margin: 0 5px;
1916
- }
1917
- .premium-blog-post-content {
1918
- padding: 14px 0;
1919
- }
1920
- .premium-blog-skin-modern .premium-blog-post-content {
1921
- border-top: 1px solid #eaeaea;
1922
- }
1923
- .premium-blog-post-container.cards .premium-blog-post-content {
1924
- border-bottom: 1px solid #eaeaea;
1925
- }
1926
- .premium-blog-post-container.cards .premium-blog-post-content {
1927
- border-bottom: 1px solid #eaeaea;
1928
- }
1929
- .premium-blog-post-container.cards .premium-blog-entry-meta {
1930
- padding-top: 14px;
1931
- }
1932
- .premium-blog-author-thumbnail {
1933
- position: relative;
1934
- padding: 0 30px;
1935
- width: 100%;
1936
- top: -10px;
1937
- height: 0;
1938
- pointer-events: none;
1939
- }
1940
- .premium-blog-author-thumbnail img {
1941
- border-radius: 50%;
1942
- width: 60px;
1943
- pointer-events: all;
1944
- -webkit-transform: translateY(-50%);
1945
- -ms-transform: translateY(-50%);
1946
- transform: translateY(-50%);
1947
- }
1948
- .premium-blog-post-content {
1949
- margin-top: 0;
1950
- margin-left: 75px;
1951
- }
1952
- .premium-blog-post-tags-container {
1953
- margin-top: 8px;
1954
- margin-left: 75px;
1955
- }
1956
- .premium-blog-entry-title a, .premium-blog-meta-data a, .premium-blog-post-tags a, .premium-blog-post-content .premium-blog-excerpt-link{
1957
- -webkit-transition: color 0.3s ease-in-out;
1958
- -moz-transition: color 0.3s ease-in-out;
1959
- -ms-transition: color 0.3s ease-in-out;
1960
- -o-transition: color 0.3s ease-in-out;
1961
- transition: color 0.3s ease-in-out;
1962
- }
1963
- .premium-blog-pagination-container {
1964
- padding: 15px;
1965
- margin-top: -30px;
1966
- text-align: right;
1967
- }
1968
- .premium-blog-pagination-container ul {
1969
- list-style: none;
1970
- margin: 0;
1971
- padding: 0;
1972
- }
1973
- .premium-blog-pagination-container li {
1974
- display: inline-block;
1975
- margin-right: 10px;
1976
- margin-bottom: 5px;
1977
- padding: 3px 7px;
1978
- -webkit-transition: all 0.3s ease-in-out;
1979
- -moz-transition: all 0.3s ease-in-out;
1980
- -ms-transition: all 0.3s ease-in-out;
1981
- -o-transition: all 0.3s ease-in-out;
1982
- transition: all 0.3s ease-in-out;
1983
- }
1984
- .premium-blog-pagination-container li span {
1985
- cursor: default;
1986
- }
1987
- .premium-blog-pagination-container li a, .premium-blog-pagination-container li span {
1988
- font-size: 16px;
1989
- display: inline-block;
1990
- -webkit-transition: all 0.3s ease-in-out;
1991
- -moz-transition: all 0.3s ease-in-out;
1992
- -ms-transition: all 0.3s ease-in-out;
1993
- -o-transition: all 0.3s ease-in-out;
1994
- transition: all 0.3s ease-in-out;
1995
- }
1996
- .premium-blog-wrap {
1997
- display: -ms-flexbox;
1998
- display: -webkit-flex;
1999
- display: -moz-flex;
2000
- display: -ms-flex;
2001
- display: flex;
2002
- -webkit-flex-wrap: wrap;
2003
- flex-wrap: wrap;
2004
- }
2005
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-meta, .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-content, .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-tags-container, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-meta, .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-content, .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-tags-container {
2006
- margin-left: 0;
2007
- }
2008
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-format-container, .premium-blog-wrap.premium-blog-col-4 .premium-blog-format-container {
2009
- display: none;
2010
- }
2011
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title {
2012
- line-height: 1;
2013
- }
2014
- .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title a, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title a{
2015
- font-size: 20px;
2016
  }
2017
  /* * Carousel */
2018
- .premium-blog-wrap ul.slick-dots {
2019
- width: 100%;
2020
  }
2021
  /* * Even Layout */
2022
- .premium-blog-even .premium-blog-post-container {
2023
- height: 100%;
2024
- }
2025
- @media ( max-width: 1025px ) {
2026
- .premium-blog-entry-title a {
2027
- font-size: 18px;
2028
- }
2029
- }
2030
- @media ( max-width: 768px ) {
2031
- .premium-blog-content-wrapper {
2032
- top: 0;
2033
- margin: 0;
2034
- padding: 15px;
2035
- }
2036
- .premium-blog-thumb-effect-wrapper {
2037
- margin-bottom: 15px;
2038
- }
2039
- .premium-blog-format-container {
2040
- display: none;
2041
- }
2042
- .premium-blog-entry-title {
2043
- line-height: 1;
2044
- }
2045
- .premium-blog-entry-title a {
2046
- font-size: 16px;
2047
- }
2048
- .premium-blog-entry-meta, .premium-blog-post-content {
2049
- margin-left: 0px;
2050
- }
2051
- .premium-blog-post-tags-container {
2052
- margin-left: 0px;
2053
- }
2054
  }
2055
  /**************** Premium Person ******************/
2056
  /**************************************************/
2057
- .premium-person-container {
2058
- position: relative;
2059
  }
2060
  .premium-person-style1 {
2061
- overflow: hidden;
2062
  }
2063
- .premium-person-image-container {
2064
- position: relative;
2065
- text-align: center;
2066
  }
2067
  .premium-person-image-container .premium-person-image-wrap {
2068
- overflow: hidden;
2069
- }
2070
- .premium-person-zoomout-effect .premium-person-image-container img, .premium-person-scale-effect .premium-person-image-container img {
2071
- -webkit-transform: scale(1.2);
2072
- -moz-transform: scale(1.2);
2073
- -ms-transform: scale(1.2);
2074
- -o-transform: scale(1.2);
2075
- transform: scale(1.2);
2076
- }
2077
- .premium-person-sepia-effect .premium-person-image-container img {
2078
- -webkit-filter: sepia(30%);
2079
- filter: sepia(30%);
2080
- }
2081
- .premium-person-bright-effect .premium-person-image-container img {
2082
- -webkit-filter: brightness(1);
2083
- filter: brightness(1);
2084
- }
2085
- .premium-person-trans-effect .premium-person-image-container img {
2086
- -webkit-transform: translateX(-15px) scale(1.1);
2087
- transform: translateX(-15px) scale(1.1);
2088
- }
2089
- .premium-person-zoomin-effect:hover .premium-person-image-container img{
2090
- -webkit-transform: scale(1.2);
2091
- -moz-transform: scale(1.2);
2092
- -ms-transform: scale(1.2);
2093
- -o-transform: scale(1.2);
2094
- transform: scale(1.2);
2095
- }
2096
- .premium-person-zoomout-effect:hover .premium-person-image-container img{
2097
- -webkit-transform: scale(1.1);
2098
- -moz-transform: scale(1.1);
2099
- -ms-transform: scale(1.1);
2100
- -o-transform: scale(1.1);
2101
- transform: scale(1.1);
2102
- }
2103
- .premium-person-scale-effect:hover .premium-person-image-container img {
2104
- -webkit-transform: scale(1.3) rotate(5deg);
2105
- -moz-transform: scale(1.3) rotate(5deg);
2106
- -ms-transform: scale(1.3) rotate(5deg);
2107
- -o-transform: scale(1.3) rotate(5deg);
2108
- transform: scale(1.3) rotate(5deg);
2109
- }
2110
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
2111
- -webkit-filter: grayscale(100%);
2112
- -moz-filter: grayscale(100%);
2113
- -ms-filter: grayscale(100%);
2114
- -o-filter: grayscale(100%);
2115
- filter: grayscale(100%);
2116
- }
2117
- .premium-person-blur-effect:hover .premium-person-image-container img {
2118
- -webkit-filter: blur(3px);
2119
- -moz-filter: blur(3px);
2120
- -ms-filter: blur(3px);
2121
- -o-filter: blur(3px);
2122
- filter: blur(3px);
2123
- }
2124
- .premium-person-sepia-effect:hover .premium-person-image-container img {
2125
- -webkit-filter: sepia(0%);
2126
- filter: sepia(0%);
2127
- }
2128
- .premium-person-bright-effect:hover .premium-person-image-container img {
2129
- -webkit-filter: brightness(1.2);
2130
- filter: brightness(1.2);
2131
- }
2132
- .premium-person-trans-effect:hover .premium-person-image-container img {
2133
- -webkit-transform: translateX(0px) scale(1.1);
2134
- transform: translateX(0px) scale(1.1);
2135
- }
2136
- .premium-person-container .premium-person-image-container img {
2137
- width: 100%;
2138
- height: 100%;
2139
- object-fit: cover;
2140
- -webkit-transition: all 0.5s ease-in-out;
2141
- -moz-transition: all 0.5s ease-in-out;
2142
- -ms-transition: all 0.5s ease-in-out;
2143
- -o-transition: all 0.5s ease-in-out;
2144
- transition: all 0.5s ease-in-out;
2145
- }
2146
- .premium-person-style1 .premium-person-info {
2147
- position: absolute;
2148
- top: auto;
2149
- right: 0;
2150
- left: 0;
2151
- width: 100%;
2152
- -webkit-transition: all 500ms ease 0s;
2153
- -moz-transition: all 500ms ease 0s;
2154
- -ms-transition: all 500ms ease 0s;
2155
- -o-transition: all 500ms ease 0s;
2156
- transition: all 500ms ease 0s;
2157
- -webkit-transform: translate3d(0,100%,0);
2158
- -moz-transform: translate3d(0,100%,0);
2159
- -ms-transform: translate3d(0,100%,0);
2160
- -o-transform: translate3d(0,100%,0);
2161
- transform: translate3d(0,100%,0);
2162
- }
2163
- .premium-person-style2 .premium-person-social {
2164
  position: absolute;
2165
- top: 0;
 
2166
  left: 0;
2167
  width: 100%;
2168
- height: 100%;
2169
- z-index: 2;
2170
- display: -ms-flexbox;
2171
- display: -webkit-flex;
2172
- display: -moz-flex;
2173
- display: -ms-flex;
2174
- display: flex;
2175
- -webkit-justify-content: center;
2176
- justify-content: center;
2177
- -webkit-box-align: center;
2178
- -ms-flex-align: center;
2179
- -webkit-align-items: center;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2180
  -ms-flex-align: center;
2181
- align-items: center;
2182
- box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2183
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2184
- -moz-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2185
- -ms-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2186
- -o-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2187
- -webkit-transition: all .5s linear 0s;
2188
- -moz-transition: all .5s linear 0s;
2189
- -ms-transition: all .5s linear 0s;
2190
- -o-transition: all .5s linear 0s;
2191
- transition: all .5s linear 0s;
2192
- opacity: 0;
 
 
2193
  }
2194
  .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
2195
- opacity: 1;
2196
  }
2197
  .premium-person-list-item a {
2198
- display: inline-block;
2199
  }
2200
  .premium-person-style2 .premium-person-list-item a {
2201
- opacity: 0;
2202
- -webkit-transform: scale(0);
2203
- -moz-transform: scale(0);
2204
- -ms-transform: scale(0);
2205
- -o-transform: scale(0);
2206
- transform: scale(0);
2207
- -webkit-transition: all .5s ease-in-out 0s;
2208
- -moz-transition: all .5s ease-in-out 0s;
2209
- -ms-transition: all .5s ease-in-out 0s;
2210
- -o-transition: all .5s ease-in-out 0s;
2211
- transition: all .5s ease-in-out 0s;
2212
  }
2213
  .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
2214
- opacity: 1;
2215
- -webkit-transform: scale(1);
2216
- -moz-transform: scale(1);
2217
- -ms-transform: scale(1);
2218
- -o-transform: scale(1);
2219
- transform: scale(1);
2220
- }
2221
- .premium-person-container:hover .premium-person-info {
2222
- -webkit-transform: translate3d(0,0,0);
2223
- -moz-transform: translate3d(0,0,0);
2224
- -ms-transform: translate3d(0,0,0);
2225
- -o-transform: translate3d(0,0,0);
2226
- transform: translate3d(0,0,0);
2227
- bottom: -1px !important;
2228
  }
2229
- .premium-person-info-container {
2230
- padding: 30px 15px;
2231
  }
2232
- .premium-person-name {
2233
- margin: 0 0 5px;
2234
- font-weight: 700;
2235
  }
2236
- .premium-person-title {
2237
- margin: 0 0 20px;
2238
- padding: 0;
2239
  }
2240
- .premium-person-content {
2241
- margin: 0 0 30px;
2242
  }
2243
  /*Override Theme List Margin*/
2244
- ul.premium-person-social-list {
2245
- margin: 0px !important;
2246
- padding: 0;
2247
- }
2248
- .premium-person-social-list .premium-person-list-item {
2249
- display: inline;
2250
- list-style: none;
2251
- }
2252
- .premium-person-social-list li, .premium-person-social-list li i {
2253
- position: relative;
2254
- bottom: 0px;
2255
- -webkit-transition: all 0.2s ease-in-out;
2256
- -moz-transition: all 0.2s ease-in-out;
2257
- -ms-transition: all 0.2s ease-in-out;
2258
- -o-transition: all 0.2s ease-in-out;
2259
- transition: all 0.2s ease-in-out;
2260
- }
2261
- .premium-person-style1 .premium-person-social-list li:hover {
2262
- bottom: 5px;
2263
  }
2264
  .premium-person-defaults-yes li.premium-person-facebook:hover a {
2265
- background-color: #3b5998 !important;
2266
  }
2267
  .premium-person-defaults-yes li.premium-person-twitter:hover a {
2268
- background-color: #55acee !important;
2269
  }
2270
  .premium-person-defaults-yes li.premium-person-linkedin:hover a {
2271
- background-color: #0077b5 !important;
2272
  }
2273
  .premium-person-defaults-yes li.premium-person-google:hover a {
2274
- background-color: #dc4e41 !important;
2275
  }
2276
  .premium-person-defaults-yes li.premium-person-youtube:hover a {
2277
- background-color: #b31217 !important;
2278
  }
2279
  .premium-person-defaults-yes li.premium-person-instagram:hover a {
2280
- background-color: #E4405F !important;
2281
  }
2282
  .premium-person-defaults-yes li.premium-person-skype:hover a {
2283
- background-color: #00AFF0 !important;
2284
  }
2285
  .premium-person-defaults-yes li.premium-person-pinterest:hover a {
2286
- background-color: #bd081c !important;
2287
  }
2288
  .premium-person-defaults-yes li.premium-person-dribbble:hover a {
2289
- background-color: #ea4c89 !important;
2290
  }
2291
  .premium-person-defaults-yes li.premium-person-mail:hover a {
2292
- background-color: #b23121 !important;
2293
  }
2294
  .premium-person-defaults-yes li.premium-person-behance:hover a {
2295
- background-color: #1769ff !important;
2296
  }
2297
- .premium-person-social-list li:hover a {
2298
- box-shadow: none;
2299
  }
2300
- .premium-person-social-list li a:focus {
2301
- box-shadow: none;
2302
- outline: none;
2303
  }
2304
- .premium-person-social-list li i {
2305
- font-size: 18px;
2306
  }
2307
- .elementor-widget-premium-addon-person .elementor-widget-container {
2308
- display: -ms-flexbox;
2309
- display: -webkit-flex;
2310
- display: -moz-flex;
2311
- display: -ms-flex;
2312
- display: flex;
2313
- justify-content: center;
2314
  }
2315
  /**************** Premium Dual Header ******************/
2316
  /*******************************************************/
2317
- .premium-dual-header-container .premium-dual-header-first-header, .premium-dual-header-container .premium-dual-header-second-header {
2318
- position: relative;
2319
- padding: 0;
2320
- margin: 0;
2321
- display: inline-block;
2322
- -webkit-transform: translate(0,0);
2323
- transform: translate(0,0);
2324
- }
2325
- .premium-dual-header-first-clip .premium-dual-header-first-span, .premium-dual-header-second-clip {
2326
- -webkit-text-fill-color: transparent;
2327
- -webkit-background-clip: text;
2328
- }
2329
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span, .premium-dual-header-second-clip.stroke {
2330
- -webkit-text-stroke-color: transparent;
2331
- -webkit-text-fill-color: #fafafa;
2332
- -webkit-text-stroke-width: 2px;
2333
- }
2334
- @media (max-width: 500px) {
2335
- .premium-dual-header-container .premium-dual-header-first-header, .premium-dual-header-container .premium-dual-header-second-header {
2336
- display: block;
2337
- word-wrap: break-word;
2338
- }
2339
- .premium-dual-header-first-container, .premium-dual-header-second-container {
2340
- margin: 0;
2341
- }
2342
- }
2343
- @media (min-width: 501px) {
2344
- .premium-dual-header-first-container {
2345
- margin-right: 5px;
2346
- }
2347
- }
2348
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span, .premium-dual-header-second-header.gradient {
2349
- background-size: 300% 300% !important;
2350
- -webkit-animation: Gradient 10s ease-in-out infinite;
2351
- -moz-animation: Gradient 10s ease-in-out infinite;
2352
- animation: Gradient 10s ease-in-out infinite;
2353
- }
2354
- @-webkit-keyframes Gradient {
2355
- 0% {
2356
- background-position: 0% 50%
2357
- }
2358
- 50% {
2359
- background-position: 100% 50%
2360
- }
2361
- 100% {
2362
- background-position: 0% 50%
2363
- }
2364
- }
2365
- @-moz-keyframes Gradient {
2366
- 0% {
2367
- background-position: 0% 50%
2368
- }
2369
- 50% {
2370
- background-position: 100% 50%
2371
- }
2372
- 100% {
2373
- background-position: 0% 50%
2374
- }
2375
- }
2376
- @keyframes Gradient {
2377
- 0% {
2378
- background-position: 0% 50%
2379
- }
2380
- 50% {
2381
- background-position: 100% 50%
2382
- }
2383
- 100% {
2384
- background-position: 0% 50%
2385
- }
2386
  }
2387
  /**************** Premium Fancy Text *******************/
2388
  /*******************************************************/
2389
- .premium-suffix-text, .premium-fancy-text, .premium-prefix-text {
2390
- font-size: 40px;
2391
  }
2392
- .premium-fancy-text-wrapper .premium-fancy-list-items {
2393
- list-style: none;
2394
  }
2395
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
2396
- vertical-align: top;
2397
  }
2398
  /**************** Premium Pricing Table ****************/
2399
  /*******************************************************/
2400
  /*Pricing Table Container Div Style*/
2401
- .premium-pricing-table-container {
2402
- text-align: center;
2403
- overflow: hidden;
2404
- -webkit-transition: all 0.3s ease-in-out;
2405
- -moz-transition: all 0.3s ease-in-out;
2406
- -o-transition: all 0.3s ease-in-out;
2407
- -ms-transition: all 0.3s ease-in-out;
2408
- transition: all 0.3s ease-in-out;
2409
- }
2410
- .premium-badge-left, .premium-badge-right {
2411
- position:absolute;
2412
- top: 0;
2413
- }
2414
- .premium-badge-right {
2415
- right: 0;
2416
- }
2417
- .premium-badge-left {
2418
- left: 0;
2419
- }
2420
- .premium-badge-left .corner {
2421
- width: 0;
2422
- height: 0;
2423
- border-top: 150px solid;
2424
- border-bottom: 150px solid transparent;
2425
- border-right: 150px solid transparent;
2426
- }
2427
- .premium-badge-right .corner {
2428
- width: 0;
2429
- height: 0;
2430
- border-bottom: 150px solid transparent;
2431
- border-right: 150px solid;
2432
- border-left: 150px solid transparent;
2433
- }
2434
- .premium-badge-left span, .premium-badge-right span{
2435
- position:absolute;
2436
- top: 35px;
2437
- width: 100px;
2438
- text-align: center;
2439
- -webkit-transform: rotate(-45deg);
2440
- transform: rotate(-45deg);
2441
- display:block;
2442
- text-transform: uppercase;
2443
- }
2444
- .premium-badge-right span {
2445
- -webkit-transform: rotate(45deg);
2446
- transform: rotate(45deg);
2447
- right: 0;
2448
- }
2449
- .premium-pricing-price-currency {
2450
- position: relative;
2451
- }
2452
- .premium-pricing-icon-container {
2453
- line-height: 0;
2454
- }
2455
- .premium-pricing-button-container {
2456
- display: block;
2457
- }
2458
- .premium-pricing-list {
2459
- display: -webkit-box;
2460
- display: -webkit-flex;
2461
- display: -ms-flexbox;
2462
- display: flex;
2463
- -webkit-flex-direction: column;
2464
- -ms-flex-direction: column;
2465
- flex-direction: column;
2466
- list-style-type: none;
2467
- margin: 0;
2468
  }
2469
- .premium-pricing-list li {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2470
  display: -webkit-box;
2471
  display: -webkit-flex;
2472
  display: -ms-flexbox;
2473
  display: flex;
2474
- -webkit-align-items: center;
2475
- -ms-flex-align: center;
2476
- align-items: center;
 
 
2477
  }
2478
- .premium-pricing-slashed-price-value {
2479
- display: inline-block;
2480
- font-size: 20px;
2481
- font-weight: 400;
2482
- margin-right: 5px;
2483
- }
2484
- .premium-pricing-price-value {
2485
- font-size: 70px;
2486
- }
2487
- .premium-pricing-description-container li{
2488
- list-style-position: inside;
2489
- text-indent: -40px;
2490
- }
2491
- @-moz-document url-prefix() {
2492
- .premium-pricing-description-container li{
2493
- text-indent: 0px;
2494
- }
2495
- }
2496
- .premium-pricing-price-button {
2497
- display: block;
2498
- padding: 6px 12px;
2499
- line-height: 1.42857143;
2500
- text-align: center;
2501
- color: #fff;
2502
- background: #6ec1e4;
2503
- margin-bottom: 0;
2504
- -webkit-transition: all 0.3s ease-in-out;
2505
- -moz-transition: all 0.3s ease-in-out;
2506
- -o-transition: all 0.3s ease-in-out;
2507
- -ms-transition: all 0.3s ease-in-out;
2508
- transition: all 0.3s ease-in-out;
 
 
 
 
 
 
 
 
 
2509
  }
2510
  /**************** Premium Google Maps ******************/
2511
  /*******************************************************/
2512
- .premium-maps-info-container {
2513
- margin-top: 10px;
2514
- margin-bottom: 10px;
2515
  }
2516
- .premium-maps-info-title, .premium-maps-info-desc {
2517
- margin: 0;
2518
- padding: 0;
2519
  }
2520
- .premium-maps-container .gm-style-iw {
2521
- text-align: center;
2522
  }
2523
- .premium-maps-container .gm-style img {
2524
- max-width: none !important;
2525
  }
2526
  /**************** Premium Button ***********************/
2527
  /*******************************************************/
2528
- .premium-button {
2529
- display: inline-block;
2530
- position: relative;
2531
- overflow: hidden;
2532
- cursor: pointer;
2533
- -webkit-transition: all 0.2s ease-in-out !important;
2534
- -moz-transition: all 0.2s ease-in-out !important;
2535
- -ms-transition: all 0.2s ease-in-out !important;
2536
- -o-transition: all 0.2s ease-in-out !important;
2537
- transition: all 0.2s ease-in-out !important;
2538
- }
2539
- .premium-button-sm {
2540
- padding: 12px 24px;
2541
- font-size: 14px;
2542
- line-height: 1;
2543
- }
2544
- .premium-button-md {
2545
- padding: 14px 26px;
2546
- font-size: 16px;
2547
- line-height: 1.2;
2548
- }
2549
- .premium-button-lg {
2550
- padding: 16px 28px;
2551
- font-size: 18px;
2552
- line-height: 1.3333;
2553
- }
2554
- .premium-button-block {
2555
- font-size: 15px;
2556
- line-height: 1;
2557
- padding: 12px 24px;
2558
- width: 100%;
2559
- text-align: center;
2560
- }
2561
- .premium-button-text {
2562
- display: inline-block;
2563
- width: 100%;
2564
- }
2565
- .premium-button-style1-bottom, .premium-button-style1-top, .premium-button-style1-right, .premium-button-style1-left, .premium-button-style2-shutouthor, .premium-button-style2-shutoutver, .premium-button-style2-shutinhor, .premium-button-style2-shutinver, .premium-button-style2-scshutouthor, .premium-button-style2-scshutoutver, .premium-button-style2-dshutinhor, .premium-button-style2-dshutinver, .premium-button-style5-radialin, .premium-button-style5-radialout, .premium-button-style5-rectin, .premium-button-style5-rectout {
2566
- display: inline-block;
2567
- vertical-align: middle;
2568
- -webkit-transform: perspective(1px) translateZ(0);
2569
- transform: perspective(1px) translateZ(0);
2570
- box-shadow: 0 0 1px transparent;
2571
- position: relative;
2572
- -webkit-transition-property: color;
2573
- transition-property: color;
2574
- -webkit-transition-duration: 0.15s;
2575
- transition-duration: 0.15s;
2576
- }
2577
- .premium-button-style1-bottom:before, .premium-button-style1-top:before, .premium-button-style1-right:before, .premium-button-style1-left:before, .premium-button-style2-shutinhor:before, .premium-button-style2-shutinver:before, .premium-button-style2-shutouthor:before, .premium-button-style2-shutoutver:before, .premium-button-style2-scshutouthor:before, .premium-button-style2-scshutoutver:before, .premium-button-style2-dshutinhor:before, .premium-button-style2-dshutinver:before, .premium-button-style5-radialin:before, .premium-button-style5-radialout:before, .premium-button-style5-rectin:before, .premium-button-style5-rectout:before {
2578
- content: "";
2579
- position: absolute;
2580
- z-index: -1;
2581
- top: 0;
2582
- left: 0;
2583
- right: 0;
2584
- bottom: 0;
2585
- -webkit-transform: scaleY(0);
2586
- transform: scaleY(0);
2587
- -webkit-transform-origin: 50% 0;
2588
- transform-origin: 50% 0;
2589
- -webkit-transition-property: transform;
2590
- transition-property: transform;
2591
- -webkit-transition-duration: 0.15s;
2592
- transition-duration: 0.15s;
2593
- -webkit-transition-timing-function: ease-out;
2594
- transition-timing-function: ease-out;
2595
- }
2596
- .premium-button-style5-radialin:before, .premium-button-style5-radialout:before {
2597
- -webkit-transform-origin: 50%;
2598
- transform-origin: 50%;
2599
- border-radius: 100%;
2600
- -webkit-transform: scale(0);
2601
- transform: scale(0);
2602
- }
2603
- .premium-button-style5-radialin:before {
2604
- -webkit-transform: scale(2);
2605
- transform: scale(2);
2606
- }
2607
- .premium-button-style5-rectin:before, .premium-button-style5-rectout:before {
2608
- -webkit-transform-origin: 50%;
2609
- transform-origin: 50%;
2610
- -webkit-transform: scale(1);
2611
- transform: scale(1);
2612
- }
2613
- .premium-button-style5-rectout:before {
2614
- -webkit-transform: scale(0);
2615
- transform: scale(0);
2616
- }
2617
- .premium-button-style5-rectout:hover:before {
2618
- -webkit-transform: scale(1);
2619
- transform: scale(1);
2620
- }
2621
- .premium-button-style5-rectin:hover:before {
2622
- -webkit-transform: scale(0);
2623
- transform: scale(0);
2624
- }
2625
- .premium-button-style5-radialout:hover:before {
2626
- -webkit-transform: scale(2);
2627
- transform: scale(2);
2628
- }
2629
- .premium-button-style5-radialin:hover:before {
2630
- -webkit-transform: scale(0);
2631
- transform: scale(0);
2632
- }
2633
- .premium-button-style1-top:before {
2634
- -webkit-transform-origin: 50% 100%;
2635
- transform-origin: 50% 100%;
2636
- }
2637
- .premium-button-style1-right:before {
2638
- -webkit-transform: scaleX(0);
2639
- transform: scaleX(0);
2640
- -webkit-transform-origin: 0% 50%;
2641
- transform-origin: 0% 50%;
2642
- }
2643
- .premium-button-style1-left:before {
2644
- -webkit-transform: scaleX(0);
2645
- transform: scaleX(0);
2646
- -webkit-transform-origin: 100% 50%;
2647
- transform-origin: 100% 50%;
2648
- }
2649
- .premium-button-style2-shutouthor:before, .premium-button-style2-scshutoutver:before{
2650
- -webkit-transform: scaleY(0);
2651
- transform: scaleY(0);
2652
- -webkit-transform-origin: 100% 50%;
2653
- transform-origin: 100% 50%;
2654
- }
2655
- .premium-button-style2-shutoutver:before, .premium-button-style2-scshutouthor:before{
2656
- -webkit-transform: scaleX(0);
2657
- transform: scaleX(0);
2658
- -webkit-transform-origin: 50% 50%;
2659
- transform-origin: 50% 50%;
2660
- }
2661
- .premium-button-style2-shutinhor:before{
2662
- -webkit-transform: scaleX(1);
2663
- transform: scaleX(1);
2664
- -webkit-transform-origin: 50%;
2665
- transform-origin: 50%;
2666
- }
2667
- .premium-button-style2-shutinver:before{
2668
- -webkit-transform: scaleY(1);
2669
- transform: scaleY(1);
2670
- -webkit-transform-origin: 50%;
2671
- transform-origin: 50%;
2672
- }
2673
- .premium-button-style1-bottom:hover:before, .premium-button-style1-top:hover:before{
2674
- -webkit-transform: scaleY(1);
2675
- transform: scaleY(1);
2676
- }
2677
- .premium-button-style1-left:hover:before, .premium-button-style1-right:hover:before, .premium-button-style2-shutouthor:hover:before, .premium-button-style2-shutoutver:hover:before{
2678
- -webkit-transform: scaleX(1);
2679
- transform: scaleX(1);
2680
- }
2681
- .premium-button-style2-shutinhor:hover:before{
2682
- -webkit-transform: scaleX(0);
2683
- transform: scaleX(0);
2684
- }
2685
- .premium-button-style2-shutinver:hover:before{
2686
- -webkit-transform: scaleY(0);
2687
- transform: scaleY(0);
2688
- }
2689
- .premium-button-style2-scshutouthor:hover:before{
2690
- -webkit-transform: scaleX(0.9);
2691
- transform: scaleX(0.9);
2692
- }
2693
- .premium-button-style2-scshutoutver:hover:before{
2694
- -webkit-transform: scaleY(0.8);
2695
- transform: scaleY(0.8);
2696
  }
2697
  /*Diagonal*/
2698
- .premium-button-style2-dshutinhor:before, .premium-button-style2-dshutinver:before {
2699
- top: 50%;
2700
- left: 50%;
2701
- width: 120%;
2702
- height: 0%;
2703
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2704
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2705
- -webkit-transform-origin: 50%;
2706
- transform-origin: 50%;
2707
- -webkit-transition-property: all;
2708
- transition-property: all;
2709
- }
2710
- .premium-button-style2-dshutinver:before {
2711
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2712
- transform: translateX(-50%) translateY(-50%) rotate(45deg);
2713
- }
2714
- .premium-button-style2-dshutinhor:hover:before, .premium-button-style2-dshutinver:hover:before{
2715
- height: 220%;
2716
- }
2717
- .premium-button-style3-before i, .premium-button-style3-after i{
2718
- opacity: 0;
2719
- -webkit-transform: translateX(-5px);
2720
- transform: translateX(-5px);
2721
- -webkit-transition: all 0.5s ease-in-out;
2722
- -moz-transition: all 0.5s ease-in-out;
2723
- -ms-transition: all 0.5s ease-in-out;
2724
- -o-transition: all 0.5s ease-in-out;
2725
- transition: all 0.5s ease-in-out;
2726
- }
2727
- .premium-button-style3-after i{
2728
- -webkit-transform: translateX(5px);
2729
- transform: translateX(5px);
2730
- }
2731
- .premium-button-style3-after:hover i {
2732
- opacity: 1;
2733
- }
2734
- .premium-button-style3-before:hover i {
2735
- opacity: 1;
2736
- }
2737
- .premium-button-text-icon-wrapper {
2738
- display: -webkit-box;
2739
- display: -webkit-flex;
2740
- display: -ms-flexbox;
2741
- display: flex;
2742
- justify-content: center;
2743
- align-items: center;
2744
- }
2745
- .premium-button-text-icon-wrapper span, .premium-button-text-icon-wrapper, .premium-button-text-icon-wrapper i{
2746
- -webkit-transition: all 0.2s ease-in-out;
2747
- -moz-transition: all 0.2s ease-in-out;
2748
- -ms-transition: all 0.2s ease-in-out;
2749
- -o-transition: all 0.2s ease-in-out;
2750
- transition: all 0.2s ease-in-out;
2751
- }
2752
- .premium-button-style4-icon-wrapper {
2753
- position: absolute;
2754
- z-index: 2;
2755
- width: 100%;
2756
- text-align: center;
2757
- display: flex;
2758
- align-items: center;
2759
- justify-content: center;
2760
- height: 100%;
2761
- opacity: 0;
2762
- -webkit-transition: all 0.3s ease-in-out;
2763
- -moz-transition: all 0.3s ease-in-out;
2764
- -ms-transition: all 0.3s ease-in-out;
2765
- -o-transition: all 0.3s ease-in-out;
2766
- transition: all 0.3s ease-in-out;
2767
- }
2768
- .premium-button-style4-icon-wrapper.top {
2769
- bottom: -100%;
2770
- left: 0;
2771
- }
2772
- .premium-button-style4-icon-wrapper.bottom {
2773
- top: -100%;
2774
- left: 0;
2775
- }
2776
- .premium-button-style4-icon-wrapper.left {
2777
- top: 0;
2778
- left: -100%;
2779
- }
2780
- .premium-button-style4-icon-wrapper.right {
2781
- top: 0;
2782
- right: -100%;
2783
- }
2784
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2785
- top: 0;
2786
- opacity: 1;
2787
- }
2788
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2789
- bottom: 0;
2790
- opacity: 1;
2791
- }
2792
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2793
- left: 0;
2794
- opacity: 1;
2795
- }
2796
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2797
- right: 0;
2798
- opacity: 1;
2799
- }
2800
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper{
2801
- -webkit-transform: translateY(100%);
2802
- transform: translateY(100%);
2803
- opacity: 0;
2804
- }
2805
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper{
2806
- -webkit-transform: translateY(-100%);
2807
- transform: translateY(-100%);
2808
- opacity: 0;
2809
- }
2810
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper{
2811
- -webkit-transform: translateX(100%);
2812
- transform: translateX(100%);
2813
- opacity: 0;
2814
- }
2815
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper{
2816
- -webkit-transform: translateX(-100%);
2817
- transform: translateX(-100%);
2818
- opacity: 0;
2819
  }
2820
  /**************** Premium Contact Form7 **********/
2821
  /*************************************************/
2822
- .premium_border_animation1 .wpcf7-span::after {
2823
- display: block;
2824
- height: 2px;
2825
- content: '';
2826
- top: -2px;
2827
- position: relative;
2828
- width: 0px;
2829
- -webkit-transition: all ease-in-out .3s;
2830
- -moz-transition: all ease-in-out .3s;
2831
- -ms-transition: all ease-in-out .3s;
2832
- -o-transition: all ease-in-out .3s;
2833
- transition: all ease-in-out .3s;
2834
- }
2835
- .premium_border_animation1 .wpcf7-span.is-focused::after {
2836
- width: 100%;
2837
  }
2838
  /**************** Premium Image Button ***********/
2839
  /*************************************************/
2840
- .premium-image-button {
2841
- display: inline-block;
2842
- position: relative;
2843
- overflow: hidden;
2844
- background: #6ec1e4;
2845
- cursor: pointer;
2846
- -webkit-transition: all 0.2s ease-in-out !important;
2847
- -moz-transition: all 0.2s ease-in-out !important;
2848
- -ms-transition: all 0.2s ease-in-out !important;
2849
- -o-transition: all 0.2s ease-in-out !important;
2850
- transition: all 0.2s ease-in-out !important;
2851
  }
2852
  /*Default background for slide styles*/
2853
- .premium-image-button:hover, .premium-image-button-style4-icon-wrapper, .premium-image-button-style1-top:before, .premium-image-button-style1-bottom:before, .premium-image-button-style1-left:before, .premium-image-button-style1-right:before {
2854
- background-color: #54595f;
2855
- }
2856
- .premium-image-button.premium-image-button-sm {
2857
- padding: 12px 24px;
2858
- font-size: 14px;
2859
- line-height: 1;
2860
- }
2861
- .premium-image-button.premium-image-button-md {
2862
- padding: 14px 26px;
2863
- font-size: 16px;
2864
- line-height: 1.2;
2865
- }
2866
- .premium-image-button.premium-image-button-lg {
2867
- padding: 16px 28px;
2868
- font-size: 18px;
2869
- line-height: 1.3333;
2870
- }
2871
- .premium-image-button.premium-image-button-block {
2872
- font-size: 15px;
2873
- line-height: 1;
2874
- padding: 12px 24px;
2875
- width: 100%;
2876
- text-align: center;
2877
- }
2878
- .premium-image-button-text-icon-wrapper {
2879
- display: -webkit-box;
2880
- display: -webkit-flex;
2881
- display: -ms-flexbox;
2882
- display: flex;
2883
- justify-content: center;
2884
- align-items: center;
2885
- position: relative;
2886
- z-index: 3;
2887
- }
2888
- .premium-image-button-text-icon-wrapper span, .premium-image-button-text-icon-wrapper, .premium-image-button-text-icon-wrapper i{
2889
- -webkit-transition: all 0.2s ease-in-out;
2890
- -moz-transition: all 0.2s ease-in-out;
2891
- -ms-transition: all 0.2s ease-in-out;
2892
- -o-transition: all 0.2s ease-in-out;
2893
- transition: all 0.2s ease-in-out;
2894
- }
2895
- .premium-image-button-style1-bottom:before, .premium-image-button-style1-top:before, .premium-image-button-style1-left:before, .premium-image-button-style1-right:before {
2896
- -webkit-transition: all 0.2s ease-in-out;
2897
- -moz-transition: all 0.2s ease-in-out;
2898
- -ms-transition: all 0.2s ease-in-out;
2899
- -o-transition: all 0.2s ease-in-out;
2900
- transition: all 0.2s ease-in-out;
2901
- }
2902
- .premium-image-button-style1-bottom:before {
2903
- content: "";
2904
- position: absolute;
2905
- width: 100%;
2906
- height: 0;
2907
- top: 0;
2908
- left: 0;
2909
- }
2910
- .premium-image-button-style1-top:before {
2911
- content: "";
2912
- position: absolute;
2913
- width: 100%;
2914
- height: 0;
2915
- bottom: 0;
2916
- left: 0;
2917
- }
2918
- .premium-image-button-style1-right:before {
2919
- content: "";
2920
- position: absolute;
2921
- width: 0;
2922
- height: 100%;
2923
- bottom: 0;
2924
- left: 0;
2925
- }
2926
- .premium-image-button-style1-left:before {
2927
- content: "";
2928
- position: absolute;
2929
- width: 0;
2930
- height: 100%;
2931
- top: 0;
2932
- right: 0;
2933
- }
2934
- .premium-image-button-style1-bottom:hover:before {
2935
- height: 100%;
2936
- }
2937
- .premium-image-button-style1-top:hover:before {
2938
- height: 100%;
2939
- }
2940
- .premium-image-button-style1-right:hover:before {
2941
- width: 100%;
2942
- }
2943
- .premium-image-button-style1-left:hover:before {
2944
- width: 100%;
2945
- }
2946
- .premium-image-button-diagonal-effect-top, .premium-image-button-diagonal-effect-bottom, .premium-image-button-diagonal-effect-left, .premium-image-button-diagonal-effect-right {
2947
- z-index: 10;
2948
- }
2949
- .premium-image-button-diagonal-effect-top:before, .premium-image-button-diagonal-effect-bottom:before, .premium-image-button-diagonal-effect-left:before, .premium-image-button-diagonal-effect-right:before {
2950
- position: absolute;
2951
- top: 0px;
2952
- left: 0px;
2953
- width: 100%;
2954
- height: 100%;
2955
- content: "";
2956
- z-index: 1;
2957
- background: rgba(255,255,255,0.2);
2958
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2959
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2960
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2961
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2962
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2963
- -webkit-transition: all 0.8s ease-out;
2964
- -moz-transition: all 0.8s ease-out;
2965
- -o-transition: all 0.8s ease-out;
2966
- -ms-transition: all 0.8s ease-out;
2967
- transition: all 0.8s ease-out;
2968
- }
2969
- .premium-image-button-diagonal-effect-right:hover:before, .premium-image-button-diagonal-effect-left:before {
2970
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2971
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2972
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2973
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2974
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2975
- }
2976
- .premium-image-button-diagonal-effect-left:hover:before, .premium-image-button-diagonal-effect-right:before {
2977
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2978
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2979
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2980
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2981
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2982
- }
2983
- .premium-image-button-diagonal-effect-top:hover:before, .premium-image-button-diagonal-effect-bottom:before {
2984
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2985
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2986
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2987
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2988
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2989
- }
2990
- .premium-image-button-diagonal-effect-bottom:hover:before, .premium-image-button-diagonal-effect-top:before {
2991
- -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2992
- -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2993
- -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2994
- -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2995
- transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2996
- }
2997
- .premium-image-button-style4-icon-wrapper {
2998
- position: absolute;
2999
- z-index: 2;
3000
- width: 100%;
3001
- text-align: center;
3002
- display: -webkit-box;
3003
- display: -webkit-flex;
3004
- display: -ms-flexbox;
3005
- display: flex;
3006
- align-items: center;
3007
- justify-content: center;
3008
- height: 100%;
3009
- opacity: 0;
3010
- -webkit-transition: all 0.3s ease-in-out;
3011
- -moz-transition: all 0.3s ease-in-out;
3012
- -ms-transition: all 0.3s ease-in-out;
3013
- -o-transition: all 0.3s ease-in-out;
3014
- transition: all 0.3s ease-in-out;
3015
- }
3016
- .premium-image-button-style4-icon-wrapper.top {
3017
- bottom: -100%;
3018
- left: 0;
3019
- }
3020
- .premium-image-button-style4-icon-wrapper.bottom {
3021
- top: -100%;
3022
- left: 0;
3023
- }
3024
- .premium-image-button-style4-icon-wrapper.left {
3025
- top: 0;
3026
- left: -100%;
3027
- }
3028
- .premium-image-button-style4-icon-wrapper.right {
3029
- top: 0;
3030
- right: -100%;
3031
- }
3032
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
3033
- top: 0;
3034
- opacity: 1;
3035
- }
3036
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
3037
- bottom: 0;
3038
- opacity: 1;
3039
- }
3040
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
3041
- left: 0;
3042
- opacity: 1;
3043
- }
3044
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
3045
- right: 0;
3046
- opacity: 1;
3047
- }
3048
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper{
3049
- -webkit-transform: translateY(100%);
3050
- transform: translateY(100%);
3051
- opacity: 0;
3052
- }
3053
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper{
3054
- -webkit-transform: translateY(-100%);
3055
- transform: translateY(-100%);
3056
- opacity: 0;
3057
- }
3058
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper{
3059
- -webkit-transform: translateX(100%);
3060
- transform: translateX(100%);
3061
- opacity: 0;
3062
- }
3063
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper{
3064
- -webkit-transform: translateX(-100%);
3065
- transform: translateX(-100%);
3066
- opacity: 0;
3067
- }
3068
- .premium-image-button-overlap-effect-horizontal:before, .premium-image-button-overlap-effect-vertical:before {
3069
- position: absolute;
3070
- content: "";
3071
- top: 0;
3072
- left: 0;
3073
- width: 100%;
3074
- height: 100%;
3075
- opacity: 0;
3076
- -webkit-transition: all 1s ease-in-out;
3077
- -moz-transition: all 1s ease-in-out;
3078
- -ms-transition: all 1s ease-in-out;
3079
- -o-transition: all 1s ease-in-out;
3080
- transition: all 1s ease-in-out;
3081
- background: rgba(255,255,255,0.2);
3082
- animation-name: premium-overlap-effect-done;
3083
- animation-duration: 1s;
3084
- }
3085
- .premium-image-button-overlap-effect-vertical:before {
3086
- animation-name: premium-overlap-ver-effect-done;
3087
- animation-duration: 1s;
3088
- }
3089
- .premium-image-button-overlap-effect-horizontal:hover:before {
3090
- animation-name: premium-overlap-effect;
3091
- animation-duration: 1s;
3092
- }
3093
- .premium-image-button-overlap-effect-vertical:hover:before {
3094
- animation-name: premium-overlap-ver-effect;
3095
- animation-duration: 1s;
3096
- }
3097
- @keyframes premium-overlap-effect{
3098
- 0% {
3099
- opacity: 0;
3100
- -webkit-transform: rotateY(0deg);
3101
- transform: rotateY(0deg);
3102
- }
3103
- 50% {
3104
- opacity: 1;
3105
- -webkit-transform: rotateY(180deg);
3106
- transform: rotateY(180deg);
3107
- }
3108
- 100% {
3109
- opacity: 0;
3110
- -webkit-transform: rotateY(360deg);
3111
- transform: rotateY(360deg);
3112
- }
3113
- }
3114
- @keyframes premium-overlap-effect-done{
3115
- 0% {
3116
- opacity: 0;
3117
- -webkit-transform: rotateY(0deg);
3118
- transform: rotateY(0deg);
3119
- }
3120
- 50% {
3121
- opacity: 1;
3122
- -webkit-transform: rotateY(180deg);
3123
- transform: rotateY(180deg);
3124
- }
3125
- 100% {
3126
- opacity: 0;
3127
- -webkit-transform: rotateY(360deg);
3128
- transform: rotateY(360deg);
3129
- }
3130
- }
3131
- @keyframes premium-overlap-ver-effect{
3132
- 0% {
3133
- opacity: 0;
3134
- -webkit-transform: rotateX(0deg);
3135
- transform: rotateX(0deg);
3136
- }
3137
- 50% {
3138
- opacity: 1;
3139
- -webkit-transform: rotateX(180deg);
3140
- transform: rotateX(180deg);
3141
- }
3142
- 100% {
3143
- opacity: 0;
3144
- -webkit-transform: rotateX(360deg);
3145
- transform: rotateX(360deg);
3146
- }
3147
- }
3148
- @keyframes premium-overlap-ver-effect-done{
3149
- 0% {
3150
- opacity: 0;
3151
- -webkit-transform: rotateX(0deg);
3152
- transform: rotateX(0deg);
3153
- }
3154
- 50% {
3155
- opacity: 1;
3156
- -webkit-transform: rotateX(180deg);
3157
- transform: rotateX(180deg);
3158
- }
3159
- 100% {
3160
- opacity: 0;
3161
- -webkit-transform: rotateX(360deg);
3162
- transform: rotateX(360deg);
3163
- }
3164
  }
3165
  /**************** Premium Grid *******************/
3166
  /*************************************************/
3167
- .premium-img-gallery-filter, .premium-blog-filter {
3168
- display: -webkit-box;
3169
- display: -webkit-flex;
3170
- display: -ms-flexbox;
3171
- display: flex;
3172
- align-items: center;
3173
- justify-content: center;
3174
- }
3175
- .premium-img-gallery {
3176
- clear: both;
3177
- overflow: hidden;
3178
- }
3179
- .premium-gallery-container .premium-gallery-item {
3180
- padding: 10px;
3181
- float: left;
3182
- /* Google Chrome isotope issue */
3183
- }
3184
- .premium-gallery-container .grid-sizer {
3185
- width: 33.33%;
3186
- }
3187
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category, .premium-blog-filter .premium-blog-cats-container li a.category {
3188
- text-decoration: none;
3189
- border-radius: 75px;
3190
- margin: 15px 5px 20px;
3191
- padding: 7px 20px;
3192
- -webkit-transition: all 0.3s ease-in-out;
3193
- -moz-transition: all 0.3s ease-in-out;
3194
- -ms-transition: all 0.3s ease-in-out;
3195
- -o-transition: all 0.3s ease-in-out;
3196
- transition: all 0.3s ease-in-out;
3197
- }
3198
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
3199
- -webkit-transition: all 0.3s ease-in-out;
3200
- -moz-transition: all 0.3s ease-in-out;
3201
- -ms-transition: all 0.3s ease-in-out;
3202
- -o-transition: all 0.3s ease-in-out;
3203
- transition: all 0.3s ease-in-out;
3204
- }
3205
- .pa-gallery-img {
3206
- position: relative;
3207
- }
3208
- .pa-gallery-img .pa-gallery-whole-link {
3209
- position: absolute;
3210
- top: 0;
3211
- left: 0;
3212
- width: 100%;
3213
- height: 100%;
3214
- }
3215
- .pa-gallery-img.style2 .pa-gallery-whole-link {
3216
- z-index: 99;
3217
- }
3218
- .pa-gallery-img-container {
3219
- overflow: hidden;
3220
- -webkit-backface-visibility: hidden;
3221
- -moz-backface-visibility: hidden;
3222
- -webkit-transform: translate3d(0, 0, 0);
3223
- -moz-transform: translate3d(0, 0, 0);
3224
- transform: translate3d(0, 0, 0);
3225
- }
3226
- .pa-gallery-img-container img {
3227
- display: block;
3228
- width: 100%;
3229
- -webkit-transition: all 0.3s ease-in-out;
3230
- -moz-transition: all 0.3s ease-in-out;
3231
- -ms-transition: all 0.3s ease-in-out;
3232
- -o-transition: all 0.3s ease-in-out;
3233
- transition: all 0.3s ease-in-out;
3234
- }
3235
- .premium-img-gallery.gray img {
3236
- filter: grayscale(100%);
3237
- }
3238
- .premium-img-gallery.zoomout img, .premium-img-gallery.scale img{
3239
- transform: scale(1.2);
3240
- }
3241
- .premium-img-gallery.sepia img{
3242
- -webkit-filter: sepia(30%);
3243
- filter: sepia(30%);
3244
- }
3245
- .premium-img-gallery.bright img{
3246
- -webkit-filter: brightness(1);
3247
- filter: brightness(1);
3248
- }
3249
- .premium-img-gallery.trans img{
3250
- -webkit-transform: translateX(-15px) scale(1.1);
3251
- transform: translateX(-15px) scale(1.1);
3252
- }
3253
- .pa-gallery-img .pa-gallery-magnific-image, .pa-gallery-img .pa-gallery-img-link {
3254
- outline: none;
3255
- }
3256
- .pa-gallery-img .pa-gallery-magnific-image span, .pa-gallery-img .pa-gallery-img-link span {
3257
- line-height: 1;
3258
- display: inline-block;
3259
- opacity: 0;
3260
- margin: 0 5px;
3261
- padding: 15px;
3262
- border-radius: 50%;
3263
- }
3264
- .pa-gallery-img.style2 .pa-gallery-magnific-image span, .pa-gallery-img.style2 .pa-gallery-img-link span {
3265
- margin: 0 5px 20px;
3266
- }
3267
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
3268
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3269
- -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3270
- -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3271
- -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3272
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3273
- }
3274
- .pa-gallery-img:hover .pa-gallery-img-link span {
3275
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3276
- -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3277
- -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3278
- -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3279
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3280
- }
3281
- .pa-gallery-img:hover .pa-gallery-magnific-image span, .pa-gallery-img:hover .pa-gallery-img-link span, .premium-gallery-icon-show a.pa-gallery-video-icon span {
3282
- opacity: 1;
3283
- }
3284
- .premium-img-gallery-filter ul.premium-gallery-cats-container, .premium-blog-filter ul.premium-blog-cats-container {
3285
- text-align: center;
3286
- margin: 0;
3287
- padding: 0;
3288
- }
3289
- .premium-img-gallery-filter .premium-gallery-cats-container li, .premium-blog-filter .premium-blog-cats-container li {
3290
- list-style: none;
3291
- display: -webkit-inline-box;
3292
- display: -webkit-inline-flex;
3293
- display: -ms-inline-flexbox;
3294
- display: inline-flex;
3295
- }
3296
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
3297
- -webkit-transform: scale(1.1);
3298
- -ms-transform: scale(1.1);
3299
- transform: scale(1.1);
3300
- }
3301
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
3302
- -webkit-transform: scale(1);
3303
- -ms-transform: scale(1);
3304
- transform: scale(1);
3305
- }
3306
- .premium-img-gallery.scale .pa-gallery-img:hover img {
3307
- -webkit-transform: scale(1.3) rotate(5deg);
3308
- -ms-transform: scale(1.3) rotate(5deg);
3309
- transform: scale(1.3) rotate(5deg);
3310
- }
3311
- .premium-img-gallery.gray .pa-gallery-img:hover img {
3312
- filter: grayscale(0%);
3313
- }
3314
- .premium-img-gallery.blur .pa-gallery-img:hover img {
3315
- filter: blur(3px);
3316
- }
3317
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
3318
- -webkit-filter: sepia(0%);
3319
- filter: sepia(0%);
3320
- }
3321
- .premium-img-gallery.trans .pa-gallery-img:hover img {
3322
- -webkit-transform: translateX(0px) scale(1.1);
3323
- -moz-transform: translateX(0px) scale(1.1);
3324
- transform: translateX(0px) scale(1.1);
3325
- }
3326
- .premium-img-gallery.bright .pa-gallery-img:hover img {
3327
- -webkit-filter: brightness(1.2);
3328
- filter: brightness(1.2);
3329
- }
3330
- .pa-gallery-img .premium-gallery-caption {
3331
- padding: 10px;
3332
- }
3333
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name{
3334
- margin-bottom: 0;
3335
- }
3336
- .pa-gallery-img.style1 {
3337
- overflow: hidden;
3338
- }
3339
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
3340
- position: absolute;
3341
- top: 0;
3342
- left: 0;
3343
- width: 100%;
3344
- height: 100%;
3345
- -webkit-transition: all 0.3s ease-in-out;
3346
- -moz-transition: all 0.3s ease-in-out;
3347
- -ms-transition: all 0.3s ease-in-out;
3348
- -o-transition: all 0.3s ease-in-out;
3349
- transition: all 0.3s ease-in-out;
3350
- }
3351
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
3352
- position: absolute;
3353
- top: 33.33%;
3354
- width: 100%;
3355
- text-align: center;
3356
- -webkit-transform: translateY(-50%);
3357
- transform: translateY(-50%);
3358
- z-index: 999;
3359
- }
3360
- .pa-gallery-img.style1 .premium-gallery-caption {
3361
- position: absolute;
3362
- top: auto;
3363
- right: 0;
3364
- left: 0;
3365
- width: 100%;
3366
- -webkit-transition: all 500ms ease 0s;
3367
- -moz-transition: all 500ms ease 0s;
3368
- -ms-transition: all 500ms ease 0s;
3369
- -o-transition: all 500ms ease 0s;
3370
- transition: all 500ms ease 0s;
3371
- -webkit-transform: translate3d(0,100%,0);
3372
- -moz-transform: translate3d(0,100%,0);
3373
- -ms-transform: translate3d(0,100%,0);
3374
- -o-transform: translate3d(0,100%,0);
3375
- transform: translate3d(0,100%,0);
3376
- }
3377
- .pa-gallery-img.default .premium-gallery-caption {
3378
- position: absolute;
3379
- top: auto;
3380
- right: 0;
3381
- left: 0;
3382
- width: 100%;
3383
- bottom: 0;
3384
- }
3385
- .pa-gallery-img.style1:hover .premium-gallery-caption {
3386
- -webkit-transform: translate3d(0,0,0);
3387
- -moz-transform: translate3d(0,0,0);
3388
- -ms-transform: translate3d(0,0,0);
3389
- -o-transform: translate3d(0,0,0);
3390
- transform: translate3d(0,0,0);
3391
- /* bottom: -1px !important;*/
3392
- }
3393
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container{
3394
- position: absolute;
3395
- top: 0;
3396
- left: 0;
3397
- width: 100%;
3398
- height: 100%;
3399
- opacity: 0;
3400
- -webkit-backface-visibility: hidden;
3401
- -moz-backface-visibility: hidden;
3402
- backface-visibility: hidden;
3403
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
3404
- -moz-transition: -moz-transform 0.3s, opacity 0.3s;
3405
- transition: transform 0.3s, opacity 0.3s;
3406
- z-index: 1;
3407
- background-color: rgba(108,191,226,0.68);
3408
- display: -webkit-box;
3409
- display: -webkit-flex;
3410
- display: -ms-flexbox;
3411
- display: flex;
3412
- text-align: center;
3413
- align-items: center;
3414
- }
3415
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
3416
- width: 100%;
3417
- }
3418
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container{
3419
- opacity: 1;
3420
- -webkit-transform: translate(15px, 15px);
3421
- -moz-transform: translate(15px, 15px);
3422
- -ms-transform: translate(15px, 15px);
3423
- transform: translate(15px, 15px);
3424
- }
3425
- .premium-clearfix {
3426
- clear: both;
3427
- }
3428
- .premium-gallery-container .pa-gallery-item {
3429
- padding: 10px;
3430
  }
3431
  /** * Metro Style */
3432
- .premium-img-gallery-metro .premium-gallery-item {
3433
- overflow: hidden
3434
- }
3435
- .premium-img-gallery-metro .pa-gallery-img, .premium-img-gallery-metro .pa-gallery-img-container {
3436
- height: 100%;
3437
- }
3438
- .premium-img-gallery-metro .pa-gallery-image {
3439
- min-height: 100%;
3440
- width: 100%;
3441
- object-fit: fill;
3442
- }
3443
- .premium-img-gallery .premium-gallery-item-hidden {
3444
- /* display: none;
3445
- */
3446
- visibility: hidden;
3447
- width: 0 !important;
3448
- height: 0 !important;
3449
- margin: 0 !important;
3450
- padding: 0 !important;
3451
- }
3452
- .premium-gallery-load-more .premium-gallery-load-more-btn {
3453
- box-shadow: none;
3454
- text-shadow: none;
3455
- border: none;
3456
- outline: none;
3457
- -webkit-box-align: center;
3458
- -ms-flex-align: center;
3459
- align-items: center;
3460
- vertical-align: bottom;
3461
- cursor: pointer;
3462
- line-height: 1;
3463
- font-style: normal;
3464
- font-weight: normal;
3465
- background-image: none;
3466
- color: #fff;
3467
- -webkit-transition: all 0.3s ease-in-out;
3468
- -ms-transition: all 0.3s ease-in-out;
3469
- -moz-transition: all 0.3s ease-in-out;
3470
- transition: all 0.3s ease-in-out;
3471
- }
3472
- .premium-gallery-load-more-btn {
3473
- display: -webkit-inline-box;
3474
- display: -webkit-inline-flex;
3475
- display: -ms-inline-flexbox;
3476
- display: inline-flex;
3477
- align-items: center;
3478
- }
3479
- .premium-loader {
3480
- border: 3px solid #f3f3f3;
3481
- border-top-width: 3px;
3482
- border-top-style: solid;
3483
- border-top-color: rgb(243, 243, 243);
3484
- border-radius: 50%;
3485
- border-top: 3px solid;
3486
- border-top-color: #bbb;
3487
- width: 30px;
3488
- height: 30px;
3489
- -webkit-animation: spin 2s linear infinite;
3490
- animation: spin 2s linear infinite;
3491
- margin: 0 auto;
3492
- }
3493
- .premium-gallery-load-more-btn div {
3494
- margin-left: 3px;
3495
- }
3496
- .premium-gallery-load-more-btn .premium-loader {
3497
- display: inline-block;
3498
- width: 20px;
3499
- height: 20px;
3500
  }
3501
  /** * Video */
3502
- .pa-gallery-img .pa-gallery-lightbox-wrap {
3503
- display: inline-block;
3504
- }
3505
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img, .pa-gallery-img .pa-gallery-video-icon {
3506
- cursor: pointer;
3507
- }
3508
- .pa-gallery-img-container iframe, .pa-gallery-img-container video {
3509
- position: absolute;
3510
- visibility: hidden;
3511
- top: 0;
3512
- left: 0;
3513
- max-width: 100%;
3514
- width: 100%;
3515
- height: 100%;
3516
- margin: 0;
3517
- line-height: 1;
3518
- border: none;
3519
- }
3520
- .pa-gallery-img-container video {
3521
- -o-object-fit: contain;
3522
- object-fit: contain;
3523
  }
3524
  .pa-gallery-icons-inner-container svg,
3525
  .pa-gallery-icons-caption-cell svg {
3526
- width: 14px;
3527
- height: 14px;
3528
- }
3529
- @-webkit-keyframes spin {
3530
- 0% {
3531
- -webkit-transform: rotate(0deg);
3532
- }
3533
- 100% {
3534
- -webkit-transform: rotate(360deg);
3535
- }
3536
- }
3537
- @keyframes spin {
3538
- 0% {
3539
- transform: rotate(0deg);
3540
- }
3541
- 100% {
3542
- transform: rotate(360deg);
3543
- }
3544
  }
3545
  /************ Premium Vertical Scroll ************/
3546
  /*************************************************/
3547
- .premium-vscroll-inner {
3548
- position: relative;
3549
- /* overflow: hidden;
3550
- */
3551
- min-height: 100%;
3552
- }
3553
- .premium-vscroll-inner .premium-vscroll-dots {
3554
- position: fixed;
3555
- z-index: 100;
3556
- opacity: 1;
3557
- margin-top:-32px;
3558
- -webkit-transition: all 0.3s ease-in-out;
3559
- -moz-transition: all 0.3s ease-in-out;
3560
- -o-transition: all 0.3s ease-in-out;
3561
- transition: all 0.3s ease-in-out;
3562
- }
3563
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
3564
- opacity: 1;
3565
- -webkit-transition: all 0.3s ease-in-out;
3566
- -moz-transition: all 0.3s ease-in-out;
3567
- -o-transition: all 0.3s ease-in-out;
3568
- transition: all 0.3s ease-in-out;
3569
- }
3570
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
3571
- opacity: 0;
3572
- visibility: hidden;
3573
- }
3574
- .premium-vscroll-dots.middle{
3575
- top:50%
3576
- }
3577
- .premium-vscroll-dots.top{
3578
- top:40px
3579
- }
3580
- .premium-vscroll-dots.bottom {
3581
- bottom:30px
3582
- }
3583
- .premium-vscroll-dots.right{
3584
- right:17px
3585
- }
3586
- .premium-vscroll-dots.left{
3587
- left:17px
3588
- }
3589
- .premium-vscroll-inner ul.premium-vscroll-dots-list, .premium-vscroll-wrap .premium-vscroll-nav-menu {
3590
- margin: 0 !important;
3591
- padding: 0;
3592
- }
3593
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
3594
- width: 14px;
3595
- height: 13px;
3596
- margin: 7px;
3597
- position: relative;
3598
- display: -webkit-box;
3599
- display: -webkit-flex;
3600
- display: -ms-flexbox;
3601
- display: flex;
3602
- -webkit-box-pack: center;
3603
- -ms-flex-pack: center;
3604
- -webkit-justify-content: center;
3605
- justify-content: center;
3606
- -webkit-box-align: center;
3607
- -ms-flex-align: center;
3608
- -webkit-align-items: center;
3609
- align-items: center;
3610
- overflow: visible;
3611
- }
3612
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
3613
- display: block;
3614
- position: relative;
3615
- z-index: 1;
3616
- width: 100%;
3617
- height: 100%;
3618
- cursor: pointer;
3619
- text-decoration: none;
3620
- }
3621
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
3622
- top: 2px;
3623
- left: 2.5px;
3624
- width: 8px;
3625
- height: 8px;
3626
- border: 1px solid #000;
3627
- -webkit-border-radius: 50%;
3628
- -moz-border-radius: 50%;
3629
- border-radius: 50%;
3630
- position: absolute;
3631
- z-index: 1;
3632
- -webkit-transition: all 0.3s ease-in-out;
3633
- -moz-transition: all 0.3s ease-in-out;
3634
- -o-transition: all 0.3s ease-in-out;
3635
- transition: all 0.3s ease-in-out;
3636
- }
3637
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
3638
- -webkit-transform: scale(1.6);
3639
- -moz-transform: scale(1.6);
3640
- -ms-transform: scale(1.6);
3641
- -o-transform: scale(1.6);
3642
- transform: scale(1.6);
3643
- }
3644
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
3645
- position: absolute;
3646
- color: #fff;
3647
- font-size: 14px;
3648
- font-family: arial,helvetica,sans-serif;
3649
- white-space: nowrap;
3650
- max-width: 220px;
3651
- padding-left: 0.4em;
3652
- padding-right: 0.4em;
3653
- }
3654
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
3655
- right: 27px
3656
  }
3657
  /* * Lines */
3658
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
3659
- width: 4px;
3660
- height: 30px;
3661
- }
3662
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
3663
- width: 100%;
3664
- height: 100%;
3665
- border-radius: 0;
3666
- }
3667
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
3668
- -webkit-transform: scale(1);
3669
- -moz-transform: scale(1);
3670
- -ms-transform: scale(1);
3671
- -o-transform: scale(1);
3672
- transform: scale(1);
3673
- }
3674
- @media(max-width: 768px) {
3675
- .premium-vscroll-dots.right{
3676
- right:7px
3677
- }
3678
- .premium-vscroll-dots.left{
3679
- left:7px
3680
- }
3681
- }
3682
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
3683
- position: absolute;
3684
- top: 50%;
3685
- content: '';
3686
- left: calc(100% - 1px);
3687
- width: 10px;
3688
- height: 0;
3689
- border-top: 6px solid transparent;
3690
- border-bottom: 6px solid transparent;
3691
- border-left: 6px solid;
3692
- -webkit-transform: translateY(-50%);
3693
- -moz-transform: translateY(-50%);
3694
- -ms-transform: translateY(-50%);
3695
- -o-transform: translateY(-50%);
3696
- transform: translateY(-50%);
3697
- }
3698
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
3699
- position: absolute;
3700
- top: 50%;
3701
- content: '';
3702
- right: calc(100% - 1px);
3703
- width: 10px;
3704
- height: 0;
3705
- border-top: 6px solid transparent;
3706
- border-bottom: 6px solid transparent;
3707
- border-right: 6px solid;
3708
- -webkit-transform: translateY(-50%);
3709
- -moz-transform: translateY(-50%);
3710
- -ms-transform: translateY(-50%);
3711
- -o-transform: translateY(-50%);
3712
- transform: translateY(-50%);
3713
- }
3714
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
3715
- left: 27px
3716
- }
3717
- .premium-vscroll-nav-menu {
3718
- position:fixed;
3719
- top:20px;
3720
- height:40px;
3721
- z-index:100;
3722
- padding:0;
3723
- margin:0
3724
- }
3725
- .premium-vscroll-nav-menu.left{
3726
- left:0
3727
- }
3728
- .premium-vscroll-nav-menu.right{
3729
- right:0
3730
- }
3731
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
3732
- display:inline-block;
3733
- margin:10px;
3734
- color:#000;
3735
- background:#fff;
3736
- background:rgba(255,255,255,0.3)
3737
- }
3738
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
3739
- padding:9px 18px;
3740
- display:block;
3741
- cursor: pointer;
3742
- }
3743
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link, .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover{
3744
- color:#000
3745
- }
3746
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus, .multiscroll-nav li a:focus{
3747
- outline:none
3748
- }
3749
- .premium-vscroll-temp .slimScrollBar {
3750
- visibility: hidden;
3751
  }
3752
  /************ Premium Image Scroll ***************/
3753
  /*************************************************/
3754
- .premium-image-scroll-section, .premium-image-scroll-container {
3755
- transition: all 0.3s ease-in-out;
3756
- -webkit-transition: all 0.3s ease-in-out;
3757
- -moz-transition: all 0.3s ease-in-out;
3758
- -ms-transition: all 0.3s ease-in-out;
3759
- -o-transition: all 0.3s ease-in-out;
3760
- }
3761
- .premium-image-scroll-section {
3762
- overflow: hidden;
3763
- width: 100%;
3764
- position: relative;
3765
- }
3766
- .premium-image-scroll-container {
3767
- width: 100%;
3768
- }
3769
- .premium-container-scroll {
3770
- overflow: auto;
3771
- }
3772
- .premium-image-scroll-container .premium-image-scroll-horizontal {
3773
- position: relative;
3774
- width: 100%;
3775
- height: 100%;
3776
- }
3777
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
3778
- max-width: none;
3779
- height: 100%;
3780
- }
3781
- .premium-image-scroll-container .premium-image-scroll-vertical img {
3782
- width: 100%;
3783
- max-width: 100%;
3784
- height: auto;
3785
- }
3786
- .premium-image-scroll-ver {
3787
- position: relative;
3788
- }
3789
- .premium-image-scroll-container .premium-image-scroll-overlay {
3790
- background: rgba(2,2,2,0.3);
3791
- }
3792
- .premium-image-scroll-container .premium-image-scroll-link, .premium-image-scroll-container .premium-image-scroll-overlay {
3793
- position: absolute;
3794
- top: 0;
3795
- bottom: 0;
3796
- left: 0;
3797
- right: 0;
3798
- z-index: 4;
3799
- }
3800
- .premium-image-scroll-content {
3801
- display: inline-block;
3802
- position: absolute;
3803
- height: auto;
3804
- top: 50%;
3805
- left: 50%;
3806
- text-align: center;
3807
- z-index: 5;
3808
- -webkit-transform: translate(-50%, -50%);
3809
- -ms-transform: translate(-50%, -50%);
3810
- transform: translate(-50%, -50%);
3811
- }
3812
- .premium-container-scroll-instant .premium-image-scroll-image {
3813
- -webkit-transition: all 0s ease-in-out !important;
3814
- transition: all 0s ease-in-out !important;
3815
- }
3816
- .premium-image-scroll-container img {
3817
- -webkit-transition: transform 3s ease-in-out;
3818
- -moz-transition-: transform 3s ease-in-out;
3819
- transition: transform 3s ease-in-out;
3820
- }
3821
- .premium-image-scroll-container .premium-image-scroll-overlay, .premium-image-scroll-container .premium-image-scroll-content {
3822
- -webkit-transition: all 0.3s ease-in-out;
3823
- -ms-transition: all 0.3s ease-in-out;
3824
- transition: all 0.3s ease-in-out;
3825
- opacity: 1;
3826
- }
3827
- .premium-image-scroll-container:hover .premium-image-scroll-overlay, .premium-image-scroll-container:hover .premium-image-scroll-content {
3828
- opacity: 0;
3829
- }
3830
- .premium-image-scroll-container:hover .premium-image-scroll-content {
3831
- visibility: hidden;
3832
- }
3833
- .premium-image-scroll-content .premium-image-scroll-icon {
3834
- display: inline-block;
3835
- font-family: 'pa-elements' !important;
3836
- speak: none;
3837
- font-style: normal;
3838
- font-weight: normal;
3839
- font-variant: normal;
3840
- text-transform: none;
3841
- line-height: 1;
3842
- -webkit-font-smoothing: antialiased;
3843
- -moz-osx-font-smoothing: grayscale;
3844
- animation-duration: 0.5s ;
3845
- animation-iteration-count: infinite;
3846
- animation-direction: alternate;
3847
- animation-timing-function: ease-in-out;
3848
- }
3849
- .pa-horizontal-mouse-scroll:before {
3850
- content: "\e917";
3851
- }
3852
- .pa-vertical-mouse-scroll:before {
3853
- content: "\e918";
3854
- }
3855
- .pa-horizontal-mouse-scroll {
3856
- animation-name: pa-scroll-horizontal;
3857
- }
3858
- .pa-vertical-mouse-scroll {
3859
- animation-name: pa-scroll-vertical;
3860
- }
3861
- @keyframes pa-scroll-vertical {
3862
- 0% {
3863
- -webkit-transform:translateY(0px);
3864
- -ms-transform:translateY(0px);
3865
- transform:translateY(0px);
3866
- }
3867
- 100% {
3868
- -webkit-transform:translateY(5px);
3869
- -ms-transform:translateY(5px);
3870
- transform:translateY(5px);
3871
- }
3872
- }
3873
- @keyframes pa-scroll-horizontal {
3874
- 0% {
3875
- -webkit-transform:translateX(0px);
3876
- -ms-transform:translateX(0px);
3877
- transform:translateX(0px);
3878
- }
3879
- 100% {
3880
- -webkit-transform:translateX(5px);
3881
- -ms-transform:translateX(5px);
3882
- transform:translateX(5px);
3883
- }
3884
- }
3885
-
1
  @font-face {
2
+ font-family: 'pa-elements';
3
+ src: url('../../editor/fonts/pa-elements.eot?6nhz6k');
4
+ src: url('../../editor/fonts/pa-elements.eot?6nhz6k#iefix') format('embedded-opentype'), url('../../editor/fonts/pa-elements.ttf?6nhz6k') format('truetype'), url('../../editor/fonts/pa-elements.woff?6nhz6k') format('woff'), url('../../editor/fonts/pa-elements.svg?6nhz6k#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, .premium-banner-ib img {
14
+ display: block;
15
+ position: relative;
16
+ }
17
+ .premium-banner-img-wrap {
18
+ display: -ms-flexbox;
19
+ display: -webkit-flex;
20
+ display: -moz-flex;
21
+ display: -ms-flex;
22
+ display: flex;
23
+ height: 100%;
24
+ }
25
+ .premium-banner-img-wrap .premium-banner-ib-img {
26
+ -webkit-flex-shrink: 0;
27
+ flex-shrink: 0;
28
+ }
29
+ .premium-banner-ib {
30
+ z-index: 1;
31
+ overflow: hidden;
32
+ margin: 0 0 35px;
33
+ background: #3085a3;
34
+ text-align: center;
35
+ /* cursor: pointer;
36
+ */
37
+ -webkit-box-sizing: border-box;
38
+ -moz-box-sizing: border-box;
39
+ box-sizing: border-box;
40
+ }
41
+ .premium-banner-ib-desc .premium-banner-read-more {
42
+ z-index: 100;
43
+ }
44
+ .premium-banner-ib, .wpb_column>.wpb_wrapper .premium-banner-ib {
45
+ margin-bottom: 0px
46
+ }
47
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
48
+ background: transparent;
49
+ }
50
+ .premium-banner-ib *, .premium-banner-ib .premium-banner-ib-desc {
51
+ -webkit-box-sizing: border-box;
52
+ -moz-box-sizing: border-box;
53
+ }
54
+ .premium-banner-ib img {
55
+ min-width: 100%;
56
+ max-width: 100%;
57
+ -webkit-transition: opacity .35s;
58
+ transition: opacity .35s;
59
+ }
60
+ .premium-banner-ib .premium-banner-ib-desc {
61
+ padding: 15px;
62
+ -webkit-backface-visibility: hidden;
63
+ backface-visibility: hidden;
64
+ -webkit-box-sizing: border-box;
65
+ -moz-box-sizing: border-box;
66
+ box-sizing: border-box;
67
+ }
68
+ .premium-banner-ib .premium-banner-ib-desc, .premium-banner-ib .premium-banner-ib-link {
69
+ position: absolute;
70
+ top: 0;
71
+ left: 0;
72
+ width: 100%;
73
+ height: 100%;
74
+ }
75
+ .premium-banner-ib .premium-banner-ib-link {
76
+ z-index: 1000;
77
+ text-indent: 200%;
78
+ white-space: nowrap;
79
+ font-size: 0;
80
+ opacity: 0;
81
+ }
82
+ .premium-banner-ib a.premium-banner-ib-link {
83
+ display: block;
84
+ background: 0 0;
85
+ }
86
+ .premium-banner-animation1 img {
87
+ width: -webkit-calc(100% + 50px)!important;
88
+ width: calc(100% + 50px)!important;
89
+ max-width: -webkit-calc(100% + 50px)!important;
90
+ max-width: calc(100% + 50px)!important;
91
+ -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
92
+ transition: opacity .35s, filter 0.35s, -webkit-transform .35s;
93
+ transition: opacity .35s, filter 0.35s, transform .35s;
94
+ transition: opacity .35s, filter 0.35s, transform .35s, -webkit-transform .35s;
95
+ -webkit-transform: translate3d(-40px, 0, 0);
96
+ transform: translate3d(-40px, 0, 0);
97
+ }
98
+ .premium-banner-animation2 .premium-banner-ib-title {
99
+ padding: 15px;
100
+ }
101
+ .premium-banner-animation1 .premium-banner-ib-desc {
102
+ top: auto;
103
+ bottom: 0;
104
+ min-height: 25%;
105
+ height: auto;
106
+ max-height: 100%;
107
+ text-align: left;
108
+ }
109
+ .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-ib-title, .premium-banner-animation1 .premium-banner-read-more {
110
+ -webkit-transform: translate3d(0, 40px, 0);
111
+ transform: translate3d(0, 40px, 0);
112
+ -webkit-transition-delay: .05s;
113
+ transition-delay: .05s;
114
+ -webkit-transition-duration: .35s;
115
+ transition-duration: .35s;
116
+ }
117
+ .premium-banner-animation1 .premium-banner-ib-title {
118
+ -webkit-transition: -webkit-transform .35s;
119
+ transition: -webkit-transform .35s;
120
+ transition: transform .35s;
121
+ transition: transform .35s, -webkit-transform .35s;
122
+ }
123
+ .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-read-more {
124
+ margin-top: 10px;
125
+ opacity: 0;
126
+ -webkit-transition: opacity .2s, -webkit-transform .35s;
127
+ transition: opacity .2s, -webkit-transform .35s;
128
+ transition: opacity .2s, transform .35s;
129
+ transition: opacity .2s, transform .35s, -webkit-transform .35s;
130
+ }
131
+ .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more {
132
+ opacity: 1;
133
+ -webkit-transition-delay: .05s;
134
+ transition-delay: .05s;
135
+ -webkit-transition-duration: .35s;
136
+ transition-duration: .35s;
137
+ }
138
+ .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more, .premium-banner-animation1:hover .premium-banner-ib-title, .premium-banner-animation1.active .premium-banner-ib-title, .premium-banner-animation1:hover img, .premium-banner-animation1.active img {
139
+ -webkit-transform: translate3d(0, 0, 0);
140
+ transform: translate3d(0, 0, 0);
141
+ -webkit-transition-delay: .05s;
142
+ transition-delay: .05s;
143
+ -webkit-transition-duration: .35s;
144
+ transition-duration: .35s;
145
+ }
146
+ .premium-banner-animation1.zoomout img, .premium-banner-animation1.scale img {
147
+ -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
148
+ transform: translate3d(-40px, 0, 0) scale(1.1);
149
+ }
150
+ .premium-banner-ib.sepia img {
151
+ -webkit-filter: sepia(30%);
152
+ filter: sepia(30%);
153
+ }
154
+ .premium-banner-ib.bright img {
155
+ -webkit-filter: brightness(1);
156
+ filter: brightness(1);
157
+ }
158
+ .premium-banner-ib.sepia:hover img {
159
+ -webkit-filter: sepia(0%);
160
+ filter: sepia(0%);
161
+ }
162
+ .premium-banner-ib.bright:hover img {
163
+ -webkit-filter: brightness(1.2);
164
+ filter: brightness(1.2);
165
+ }
166
+ .premium-banner-animation1.premium-banner-min-height img, .premium-banner-animation2.premium-banner-min-height img, .premium-banner-animation4.premium-banner-min-height img, .premium-banner-animation5.premium-banner-min-height img, .premium-banner-animation6.premium-banner-min-height img, .premium-banner-animation13.premium-banner-min-height img {
167
+ height: auto;
168
+ }
169
+ .premium-banner-animation2 img {
170
+ width: 100%;
171
+ }
172
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
173
+ position: absolute;
174
+ content: "";
175
+ top: 0;
176
+ left: 0;
177
+ width: 100%;
178
+ height: 100%;
179
+ opacity: 0;
180
+ -webkit-transform: translate3d(0, 50%, 0);
181
+ transform: translate3d(0, 50%, 0);
182
+ }
183
+ .premium-banner-animation2 .premium-banner-ib-title {
184
+ position: absolute;
185
+ top: 50%;
186
+ left: 0;
187
+ width: 100%;
188
+ -webkit-transition: -webkit-transform .35s, color .35s;
189
+ -webkit-transition: color .35s, -webkit-transform .35s;
190
+ transition: color .35s, -webkit-transform .35s;
191
+ transition: transform .35s, color .35s;
192
+ transition: transform .35s, color .35s, -webkit-transform .35s;
193
+ -webkit-transform: translate3d(0, -50%, 0);
194
+ transform: translate3d(0, -50%, 0);
195
+ }
196
+ .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more, .premium-banner-animation2 .premium-banner-ib-desc::before {
197
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
198
+ transition: opacity .35s, -webkit-transform .35s;
199
+ transition: opacity .35s, transform .35s;
200
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
201
+ }
202
+ .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more {
203
+ position: absolute;
204
+ bottom: 0;
205
+ left: 0;
206
+ padding: 15px;
207
+ width: 100%;
208
+ max-height: 50%;
209
+ opacity: 0;
210
+ -webkit-transform: translate3d(0, 10px, 0);
211
+ transform: translate3d(0, 10px, 0);
212
+ }
213
+ .premium-banner-animation2:hover .premium-banner-ib-title, .premium-banner-animation2.active .premium-banner-ib-title {
214
+ color: #fff;
215
+ -webkit-transform: translate3d(0, -40px, 0);
216
+ transform: translate3d(0, -40px, 0);
217
+ }
218
+ .premium-banner-animation2:hover .premium-banner-read-more, .premium-banner-animation2.active .premium-banner-read-more, .premium-banner-animation2:hover .premium-banner-ib-desc::before, .premium-banner-animation2.active .premium-banner-ib-desc::before {
219
+ opacity: 1;
220
+ -webkit-transform: translate3d(0, 0, 0);
221
+ transform: translate3d(0, 0, 0);
222
+ }
223
+ .premium-banner-animation2:hover .premium-banner-ib-content, .premium-banner-animation2.active .premium-banner-ib-content {
224
+ opacity: 1;
225
+ -webkit-transform: translate3d(0, -30px, 0);
226
+ transform: translate3d(0, -30px, 0);
227
+ }
228
+ .premium-banner-animation3 .premium-banner-ib-title {
229
+ position: absolute;
230
+ bottom: 0;
231
+ left: 0;
232
+ padding: 15px;
233
+ width: 100%;
234
+ text-align: left;
235
+ -webkit-transform: translate3d(0, -30px, 0);
236
+ transform: translate3d(0, -30px, 0);
237
+ }
238
+ .premium-banner-animation3 .premium-banner-ib-desc::before, .premium-banner-animation3 .premium-banner-ib-title {
239
+ -webkit-transition: -webkit-transform .35s;
240
+ transition: -webkit-transform .35s;
241
+ transition: transform .35s;
242
+ transition: transform .35s, -webkit-transform .35s;
243
+ }
244
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before, .premium-banner-animation3.active .premium-banner-ib-desc::before, .premium-banner-animation3:hover .premium-banner-ib-title, .premium-banner-animation3.active .premium-banner-ib-title {
245
+ opacity: 1;
246
+ -webkit-transform: translate3d(0, 0, 0);
247
+ transform: translate3d(0, 0, 0);
248
+ }
249
+ .premium-banner-animation3 .premium-banner-ib-content {
250
+ max-height: -webkit-calc(100% - 60px - 1.5em);
251
+ max-height: calc(100% - 60px - 1.5em);
252
+ overflow: hidden;
253
+ }
254
+ .premium-banner-animation4 img {
255
+ width: -webkit-calc(100% + 40px)!important;
256
+ width: calc(100% + 40px)!important;
257
+ max-width: -webkit-calc(100% + 40px)!important;
258
+ max-width: calc(100% + 40px)!important;
259
+ }
260
+ .premium-banner-animation4 .premium-banner-ib-desc {
261
+ padding: 30px;
262
+ }
263
+ .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
264
+ position: absolute;
265
+ content: "";
266
+ opacity: 0;
267
+ }
268
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
269
+ top: 50px;
270
+ right: 30px;
271
+ bottom: 50px;
272
+ left: 30px;
273
+ border-top: 1px solid #fff;
274
+ border-bottom: 1px solid #fff;
275
+ -webkit-transform: scale(0, 1);
276
+ -ms-transform: scale(0, 1);
277
+ transform: scale(0, 1);
278
+ -webkit-transform-origin: 0 0;
279
+ -ms-transform-origin: 0 0;
280
+ transform-origin: 0 0;
281
+ }
282
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
283
+ top: 30px;
284
+ right: 50px;
285
+ bottom: 30px;
286
+ left: 50px;
287
+ border-right: 1px solid #fff;
288
+ border-left: 1px solid #fff;
289
+ -webkit-transform: scale(1, 0);
290
+ -ms-transform: scale(1, 0);
291
+ transform: scale(1, 0);
292
+ -webkit-transform-origin: 100% 0;
293
+ -ms-transform-origin: 100% 0;
294
+ transform-origin: 100% 0;
295
+ }
296
+ .premium-banner-animation4 .premium-banner-ib-title {
297
+ padding: 50px 30px 0 30px;
298
+ -webkit-transition: -webkit-transform .35s;
299
+ transition: -webkit-transform .35s;
300
+ transition: transform .35s;
301
+ transition: transform .35s, -webkit-transform .35s;
302
+ }
303
+ .premium-banner-animation4 .premium-banner-ib-content, .premium-banner-animation4 .premium-banner-read-more {
304
+ padding: 10px 30px;
305
+ opacity: 0;
306
+ overflow: hidden;
307
+ -webkit-transform: translate3d(0, -10px, 0);
308
+ transform: translate3d(0, -10px, 0);
309
+ }
310
+ .premium-banner-animation4 .premium-banner-ib-title, .premium-banner-animation4 img {
311
+ -webkit-transform: translate3d(-30px, 0, 0);
312
+ transform: translate3d(-30px, 0, 0);
313
+ }
314
+ .premium-banner-animation4.zoomout img, .premium-banner-animation4.scale img {
315
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
316
+ transform: translate3d(-30px, 0, 0) scale(1.1);
317
+ }
318
+ .premium-banner-animation4 .premium-banner-ib-content, .premium-banner-animation4 .premium-banner-read-more, .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before, .premium-banner-animation4 img {
319
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
320
+ transition: opacity .35s, -webkit-transform .35s;
321
+ transition: opacity .35s, transform .35s;
322
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
323
  }
324
  /*.premium-banner-animation4:hover img, .premium-banner-animation4.active img {
325
+ -webkit-transform: translate3d(0, 0, 0);
326
+ transform: translate3d(0, 0, 0);
327
+ }
328
+ */
329
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4.active .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-desc::before, .premium-banner-animation4.active .premium-banner-ib-desc::before {
330
+ opacity: 1;
331
+ -webkit-transform: scale(1);
332
+ -ms-transform: scale(1);
333
+ transform: scale(1);
334
+ }
335
+ .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4.active .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-read-more, .premium-banner-animation4.active .premium-banner-read-more, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4.active .premium-banner-ib-title {
336
+ opacity: 1;
337
+ -webkit-transform: translate3d(0, 0, 0);
338
+ transform: translate3d(0, 0, 0);
339
+ }
340
+ .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4:hover img {
341
+ -webkit-transition-delay: .15s;
342
+ transition-delay: .15s;
343
+ }
344
+ .premium-banner-animation5 .premium-banner-ib-desc {
345
+ top: auto;
346
+ bottom: 0;
347
+ padding: 15px;
348
+ height: auto;
349
+ background: #f2f2f2;
350
+ color: #3c4a50;
351
+ -webkit-transition: -webkit-transform .35s;
352
+ transition: -webkit-transform .35s;
353
+ transition: transform .35s;
354
+ transition: transform .35s, -webkit-transform .35s;
355
+ -webkit-transform: translate3d(0, 100%, 0);
356
+ transform: translate3d(0, 100%, 0);
357
+ }
358
+ .premium-banner-animation5 .premium-banner-ib-content {
359
+ position: absolute;
360
+ top: auto;
361
+ bottom: 100%;
362
+ left: 0;
363
+ width: 100%;
364
+ padding: 15px;
365
+ opacity: 0;
366
+ -webkit-transition: opacity .35s;
367
+ transition: opacity .35s;
368
+ }
369
+ .premium-banner-animation5 .premium-banner-ib-title, .premium-banner-animation5 .premium-banner-read-more {
370
+ -webkit-transition: -webkit-transform .35s;
371
+ transition: -webkit-transform .35s;
372
+ transition: transform .35s;
373
+ transition: transform .35s, -webkit-transform .35s;
374
+ -webkit-transform: translate3d(0, 200%, 0);
375
+ transform: translate3d(0, 200%, 0);
376
+ text-align: center;
377
+ }
378
+ .premium-banner-animation5 .premium-banner-ib-title {
379
+ margin: 10px 0;
380
+ }
381
+ .premium-banner-animation5:hover .premium-banner-ib-content, .premium-banner-animation5.active .premium-banner-ib-content, .premium-banner-animation5:hover .premium-banner-ib-content *, .premium-banner-animation5.active .premium-banner-ib-content * {
382
+ opacity: 1 !important;
383
+ z-index: 99 !important;
384
+ -webkit-backface-visibility: hidden !important;
385
+ backface-visibility: hidden !important;
386
+ }
387
+ .premium-banner-animation5:hover .premium-banner-ib-desc, .premium-banner-animation5.active .premium-banner-ib-desc, .premium-banner-animation5:hover .premium-banner-ib-title, .premium-banner-animation5.active .premium-banner-ib-title, .premium-banner-animation5:hover .premium-banner-read-more, .premium-banner-animation5.active .premium-banner-read-more {
388
+ -webkit-transform: translateY(0);
389
+ -ms-transform: translateY(0);
390
+ transform: translateY(0);
391
+ }
392
+ .premium-banner-animation5:hover .premium-banner-ib-title {
393
+ -webkit-transition-delay: .05s;
394
+ transition-delay: .05s;
395
+ }
396
+ .premium-banner-animation5 img, .premium-banner-animation2 img, .premium-banner-animation4 img, .premium-banner-animation6 img{
397
+ -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
398
+ transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
399
+ transition: opacity .35s,filter 0.35s, transform .35s;
400
+ transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
401
+ }
402
+ .premium-banner-animation5.zoomout img, .premium-banner-animation5.scale img, .premium-banner-animation2.zoomout img, .premium-banner-animation2.scale img, .premium-banner-animation6.zoomout img, .premium-banner-animation6.scale img {
403
+ -webkit-transform: scale(1.1);
404
+ transform: scale(1.1);
405
+ }
406
+ .premium-banner-animation5.zoomin:hover img, .premium-banner-animation2.zoomin:hover img, .premium-banner-animation6.zoomin:hover img{
407
+ -webkit-transform: scale(1.1);
408
+ transform: scale(1.1);
409
+ }
410
+ .premium-banner-animation5.zoomout:hover img, .premium-banner-animation2.zoomout:hover img, .premium-banner-animation6.zoomout:hover img{
411
+ -webkit-transform: scale(1.0);
412
+ transform: scale(1.0);
413
+ }
414
+ .premium-banner-animation5.scale:hover img, .premium-banner-animation2.scale:hover img, .premium-banner-animation6.scale:hover img {
415
+ -webkit-transform: scale(1.2) rotate(5deg);
416
+ transform: scale(1.2) rotate(5deg);
417
+ }
418
+ .premium-banner-animation5.grayscale:hover img, .premium-banner-animation2.grayscale:hover img, .premium-banner-animation6.grayscale:hover img{
419
+ -webkit-filter: grayscale(100%);
420
+ filter: grayscale(100%);
421
+ }
422
+ .premium-banner-animation5.blur:hover img, .premium-banner-animation2.blur:hover img, .premium-banner-animation6.blur:hover img {
423
+ -webkit-filter: blur(3px);
424
+ filter: blur(3px);
425
+ }
426
+ .premium-banner-animation6 .premium-banner-ib-desc {
427
+ padding: 45px;
428
+ }
429
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
430
+ position: absolute;
431
+ content: "";
432
+ top: 30px;
433
+ right: 30px;
434
+ bottom: 30px;
435
+ left: 30px;
436
+ border: 1px solid #fff;
437
+ }
438
+ .premium-banner-animation6 .premium-banner-ib-title {
439
+ margin: 20px 0 10px;
440
+ -webkit-transition: -webkit-transform .35s;
441
+ transition: -webkit-transform .35s;
442
+ transition: transform .35s;
443
+ transition: transform .35s, -webkit-transform .35s;
444
+ -webkit-transform: translate3d(0, 100%, 0);
445
+ transform: translate3d(0, 100%, 0);
446
+ }
447
+ .premium-banner-animation6 .premium-banner-ib-content, .premium-banner-animation6 .premium-banner-read-more, .premium-banner-animation6 .premium-banner-ib-desc::before {
448
+ opacity: 0;
449
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
450
+ transition: opacity .35s, -webkit-transform .35s;
451
+ transition: opacity .35s, transform .35s;
452
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
453
+ -webkit-transform: scale(0);
454
+ -ms-transform: scale(0);
455
+ transform: scale(0);
456
+ }
457
+ .premium-banner-animation6 .premium-banner-read-more {
458
+ margin-top: 10px;
459
+ }
460
+ .premium-banner-animation6:hover .premium-banner-ib-title, .premium-banner-animation6.active .premium-banner-ib-title {
461
+ -webkit-transform: translate3d(0, 0, 0);
462
+ transform: translate3d(0, 0, 0);
463
+ }
464
+ .premium-banner-animation6:hover .premium-banner-ib-content, .premium-banner-animation6.active .premium-banner-ib-content, .premium-banner-animation6:hover .premium-banner-read-more, .premium-banner-animation6.active .premium-banner-read-more, .premium-banner-animation6:hover .premium-banner-ib-desc::before, .premium-banner-animation6.active .premium-banner-ib-desc::before {
465
+ opacity: 1;
466
+ -webkit-transform: scale(1);
467
+ -ms-transform: scale(1);
468
+ transform: scale(1);
469
+ }
470
+ .premium-banner-animation8 img {
471
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
472
+ transition: opacity .35s, -webkit-transform .35s;
473
+ transition: opacity .35s, transform .35s;
474
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
475
+ -webkit-transform: scale(1.15);
476
+ -ms-transform: scale(1.15);
477
+ transform: scale(1.15)
478
+ }
479
+ .premium-banner-animation8:hover img, .premium-banner-animation8.active img {
480
+ -webkit-transform: scale(1);
481
+ -ms-transform: scale(1);
482
+ transform: scale(1);
483
+ }
484
+ .premium-banner-animation8 .premium-banner-ib-title {
485
+ margin-top: 20%;
486
+ -webkit-transition: -webkit-transform .35s;
487
+ transition: -webkit-transform .35s;
488
+ transition: transform .35s;
489
+ transition: transform .35s, -webkit-transform .35s;
490
+ -webkit-transform: translate3d(0, 20px, 0);
491
+ transform: translate3d(0, 20px, 0);
492
+ }
493
+ .premium-banner-animation8:hover .premium-banner-ib-title, .premium-banner-animation8.active .premium-banner-ib-title {
494
+ -webkit-transform: translate3d(0, 0, 0);
495
+ transform: translate3d(0, 0, 0);
496
+ }
497
+ .premium-banner-animation8 .premium-banner-ib-content {
498
+ margin: 1em 0 0;
499
+ padding: 35px;
500
+ border: 1px solid #fff;
501
+ opacity: 0;
502
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
503
+ transition: opacity .35s, -webkit-transform .35s;
504
+ transition: opacity .35s, transform .35s;
505
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
506
+ -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
507
+ transform: translate3d(0, 20px, 0) scale(1.1);
508
+ }
509
+ .premium-banner-animation8:hover .premium-banner-ib-content, .premium-banner-animation8.active .premium-banner-ib-content {
510
+ opacity: 1;
511
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
512
+ transform: translate3d(0, 0, 0) scale(1);
513
+ }
514
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
515
+ position: absolute;
516
+ content: "";
517
+ right: 30px;
518
+ bottom: 30px;
519
+ left: 30px;
520
+ height: -webkit-calc(50% - 30px);
521
+ height: calc(50% - 30px);
522
+ border: 7px solid #fff;
523
+ -webkit-transition: -webkit-transform .35s;
524
+ transition: -webkit-transform .35s;
525
+ transition: transform .35s;
526
+ transition: transform .35s, -webkit-transform .35s;
527
+ -webkit-transform: translate3d(0, -100%, 0);
528
+ transform: translate3d(0, -100%, 0);
529
+ }
530
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after, .premium-banner-animation12.active .premium-banner-ib-desc::after {
531
+ -webkit-transform: translate3d(0, 0, 0);
532
+ transform: translate3d(0, 0, 0);
533
+ }
534
+ .premium-banner-animation12 .premium-banner-ib-desc {
535
+ padding: 45px;
536
+ text-align: left;
537
+ }
538
+ .premium-banner-animation12 .premium-banner-ib-content {
539
+ position: absolute;
540
+ right: 60px;
541
+ bottom: 60px;
542
+ left: 60px;
543
+ opacity: 0;
544
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
545
+ transition: opacity .35s, -webkit-transform .35s;
546
+ transition: opacity .35s, transform .35s;
547
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
548
+ -webkit-transform: translate3d(0, -100px, 0);
549
+ transform: translate3d(0, -100px, 0);
550
+ }
551
+ .premium-banner-animation12:hover .premium-banner-ib-content, .premium-banner-animation12.active .premium-banner-ib-content {
552
+ opacity: 1;
553
+ -webkit-transform: translate3d(0, 0, 0);
554
+ transform: translate3d(0, 0, 0);
555
+ }
556
+ .premium-banner-animation13 img {
557
+ width: -webkit-calc(100% + 20px)!important;
558
+ width: calc(100% + 20px)!important;
559
+ max-width: -webkit-calc(100% + 20px)!important;
560
+ max-width: calc(100% + 20px)!important;
561
+ -webkit-transition: opacity .35s,filter 0.35s, -webkit-transform .35s;
562
+ transition: opacity .35s,filter 0.35s ,-webkit-transform .35s;
563
+ transition: opacity .35s,filter 0.35s, transform .35s;
564
+ transition: opacity .35s,filter 0.35s, transform .35s, -webkit-transform .35s;
565
+ -webkit-transform: translate3d(-10px, 0, 0);
566
+ transform: translate3d(-10px, 0, 0);
567
+ -webkit-backface-visibility: hidden;
568
+ backface-visibility: hidden;
569
+ }
570
+ .premium-banner-animation13.zoomout img, .premium-banner-animation13.scale img {
571
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
572
+ transform: translate3d(-10px, 0, 0) scale(1.1);
573
+ }
574
+ .premium-banner-animation13.none:hover img, .premium-banner-animation1.none:hover img, .premium-banner-animation4.none:hover img {
575
+ -webkit-transform: translate3d(0, 0, 0);
576
+ transform: translate3d(0, 0, 0);
577
+ }
578
+ .premium-banner-animation13.zoomin:hover img, .premium-banner-animation1.zoomin:hover img, .premium-banner-animation4.zoomin:hover img{
579
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
580
+ transform: translate3d(0, 0, 0) scale(1.1);
581
+ }
582
+ .premium-banner-animation13.zoomout:hover img, .premium-banner-animation1.zoomout:hover img, .premium-banner-animation4.zoomout:hover img {
583
+ -webkit-transform: translate3d(0, 0, 0) scale(1.0);
584
+ transform: translate3d(0, 0, 0) scale(1.0);
585
+ }
586
+ .premium-banner-animation13.scale:hover img, .premium-banner-animation1.scale:hover img, .premium-banner-animation4.scale:hover img {
587
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
588
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
589
+ }
590
+ .premium-banner-animation13.grayscale:hover img, .premium-banner-animation1.grayscale:hover img, .premium-banner-animation4.grayscale:hover img{
591
+ -webkit-transform: translate3d(0, 0, 0);
592
+ transform: translate3d(0, 0, 0);
593
+ -webkit-filter: grayscale(100%);
594
+ filter: grayscale(100%);
595
+ }
596
+ .premium-banner-animation13.blur:hover img, .premium-banner-animation1.blur:hover img, .premium-banner-animation4.blur:hover img {
597
+ -webkit-transform: translate3d(0, 0, 0);
598
+ transform: translate3d(0, 0, 0);
599
+ -webkit-filter: blur(3px);
600
+ filter: blur(3px);
601
+ }
602
+ .premium-banner-animation13 .premium-banner-ib-desc {
603
+ text-align: left;
604
+ }
605
+ .premium-banner-animation13 .premium-banner-ib-title {
606
+ position: relative;
607
+ overflow: hidden;
608
+ padding: 5px 0 10px;
609
+ }
610
+ .premium-banner-animation13 .premium-banner-ib-title::after {
611
+ position: absolute;
612
+ content: "";
613
+ bottom: 0;
614
+ left: 0;
615
+ width: 100%;
616
+ height: 2px;
617
+ background: #fff;
618
+ -webkit-transition: -webkit-transform .35s;
619
+ transition: -webkit-transform .35s;
620
+ transition: transform .35s;
621
+ transition: transform .35s, -webkit-transform .35s;
622
+ -webkit-transform: translate3d(-101%, 0, 0);
623
+ transform: translate3d(-101%, 0, 0);
624
+ }
625
+ .premium-banner-animation13:hover .premium-banner-ib-title::after, .premium-banner-animation13.active .premium-banner-ib-title::after {
626
+ -webkit-transform: translate3d(0, 0, 0);
627
+ transform: translate3d(0, 0, 0);
628
+ }
629
+ .premium-banner-animation13 .premium-banner-ib-content, .premium-banner-animation13 .premium-banner-read-more {
630
+ padding: 15px 0;
631
+ opacity: 0;
632
+ -webkit-transition: opacity .35s, -webkit-transform .35s;
633
+ transition: opacity .35s, -webkit-transform .35s;
634
+ transition: opacity .35s, transform .35s;
635
+ transition: opacity .35s, transform .35s, -webkit-transform .35s;
636
+ -webkit-transform: translate3d(100%, 0, 0);
637
+ transform: translate3d(100%, 0, 0);
638
+ }
639
+ .premium-banner-animation13:hover .premium-banner-ib-content, .premium-banner-animation13.active .premium-banner-ib-content, .premium-banner-animation13:hover .premium-banner-read-more, .premium-banner-animation13.active .premium-banner-read-more {
640
+ opacity: 1;
641
+ -webkit-transform: translate3d(0, 0, 0);
642
+ transform: translate3d(0, 0, 0);
643
+ }
644
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
645
+ left: 50%;
646
+ width: auto!important;
647
+ height: 100%;
648
+ max-width: none;
649
+ -webkit-transform: translateX(-50%);
650
+ -ms-transform: translateX(-50%);
651
+ transform: translateX(-50%);
652
+ }
653
+ .premium-banner-ib img {
654
+ border: none;
655
+ padding: 0;
656
+ margin: 0;
657
  }
658
  /**************** Premium CountDown *************/
659
  /************************************************/
660
+ .premium-countdown {
661
+ display: -ms-flexbox;
662
+ display: -webkit-flex;
663
+ display: -moz-flex;
664
+ display: -ms-flex;
665
+ display: flex;
666
  }
667
  /* jQuery Countdown styles 2.0.0. */
668
+ .pre_countdown-row {
669
+ display: block;
670
+ text-align: center;
671
  }
672
+ .countdown .pre_countdown-section {
673
+ display: inline-block;
674
+ max-width: 100%;
675
+ margin-bottom: 15px;
676
  }
677
  .countdown .pre_countdown-section {
678
+ display: -webkit-inline-box;
679
+ display: -webkit-inline-flex;
680
+ display: -ms-inline-flexbox;
681
+ display: inline-flex;
682
+ align-items: center;
683
  }
684
+ .countdown .pre_countdown-section:last-child {
685
+ margin-right: 0;
686
  }
687
+ .countdown span.pre_countdown-amount {
688
+ font-size: 70px;
689
+ line-height: 1;
690
  }
691
+ .countdown .pre_time-mid {
692
+ display: block;
693
  }
694
  .premium-countdown-separator-yes .pre-countdown_separator {
695
+ display: block;
696
+ margin: 0 50px;
697
+ font-size: 30px;
698
  }
699
  .premium-countdown-separator-yes .pre_countdown-row .pre_countdown-section:last-child .pre-countdown_separator {
700
+ display: none;
701
  }
702
  /************************************ * Digit and unit styles *************************************/
703
+ .side .pre_countdown-section .pre_countdown-period {
704
+ vertical-align: bottom;
705
  }
706
+ .countdown .pre_countdown-section .pre_countdown-period {
707
+ font-size: 17px;
708
+ line-height: 3em;
709
  }
710
  /************************************ * Digit and unit side by side *************************************/
711
+ .side .pre_countdown-section .pre_countdown-amount, .side .pre_countdown-section .pre_countdown-period {
712
+ display: inline-block;
713
  }
714
+ .side .pre_countdown-section .pre_countdown-amount {
715
+ margin-right: 5px;
716
  }
717
  /************************************ * Digit and unit up and down *************************************/
718
+ .down .pre_countdown-section .pre_countdown-amount, .down .pre_countdown-section .pre_countdown-period {
719
+ display: block;
720
  }
721
  /**************** Premium Carousel **************/
722
  /************************************************/
723
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow, .premium-fb-rev-container a.carousel-arrow, .premium-blog-wrap a.carousel-arrow, .premium-hscroll-wrap a.carousel-arrow {
724
+ display: -ms-flexbox;
725
+ display: -webkit-flex;
726
+ display: -moz-flex;
727
+ display: -ms-flex;
728
+ display: flex;
729
+ align-items: center;
730
+ justify-content: center;
731
+ width: 2em;
732
+ height: 2em;
733
+ line-height: 0;
734
+ text-align: center;
735
+ position: absolute;
736
+ z-index: 99;
737
+ cursor: pointer;
738
+ -webkit-transition: all 0.3s ease-in-out;
739
+ -moz-transition: all 0.3s ease-in-out;
740
+ -o-transition: all 0.3s ease-in-out;
741
+ transition: all 0.3s ease-in-out;
742
+ -webkit-appearance: inherit;
743
+ border: none;
744
+ box-shadow: none;
745
+ }
746
+ div[class^="premium-"] .slick-arrow i {
747
+ display: block;
748
+ }
749
+ .ver-carousel-arrow.carousel-next i{
750
+ margin-bottom: -3px;
751
+ }
752
+ .premium-carousel-wrapper a.slick-arrow:hover {
753
+ box-shadow: none !important;
754
+ }
755
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
756
+ visibility: hidden;
757
+ }
758
+ .premium-carousel-wrapper a.carousel-arrow, .premium-fb-rev-container a.carousel-arrow, .premium-blog-wrap a.carousel-arrow, .premium-hscroll-wrap a.carousel-arrow {
759
+ top: 50%;
760
+ }
761
+ .premium-carousel-wrapper a.ver-carousel-arrow {
762
+ left: 50%;
763
+ }
764
+ a.carousel-arrow.carousel-next {
765
+ right: -20px;
766
+ }
767
+ a.carousel-arrow.carousel-prev {
768
+ left: -20px;
769
+ }
770
+ a.ver-carousel-arrow.carousel-next {
771
+ bottom: -56px;
772
+ }
773
+ a.ver-carousel-arrow.carousel-prev {
774
+ top: -45px;
775
+ }
776
+ a.circle-bg {
777
+ border-radius: 100%;
778
+ }
779
+ a.circle-border {
780
+ border-radius: 100%;
781
+ border: solid black;
782
+ }
783
+ a.square-border {
784
+ border: solid black;
785
+ }
786
+ .premium-carousel-wrapper ul.slick-dots, .premium-blog-wrap ul.slick-dots {
787
+ list-style: none;
788
+ text-align: center;
789
+ margin: 0;
790
+ padding: 0;
791
+ }
792
+ .premium-carousel-dots-above ul.slick-dots {
793
+ position: absolute;
794
+ display: -ms-flexbox;
795
+ display: -webkit-flex;
796
+ display: -moz-flex;
797
+ display: -ms-flex;
798
+ display: flex;
799
+ top: 50%;
800
+ -webkit-transform: translateY(-50%);
801
+ transform: translateY(-50%);
802
+ -webkit-flex-direction: column;
803
+ flex-direction: column;
804
+ }
805
+ ul.slick-dots li {
806
+ font-size: 10px;
807
+ display: inline-block;
808
+ margin: 5px;
809
+ width: 20px;
810
+ height: 20px;
811
+ cursor: pointer;
812
  }
813
  /* Ripple Out */
814
+ @-webkit-keyframes hvr-ripple-out {
815
+ 100% {
816
+ top: -5.5px;
817
+ right: -3px;
818
+ bottom: -3px;
819
+ left: -3px;
820
+ opacity: 0;
821
+ }
822
+ }
823
+ @keyframes hvr-ripple-out {
824
+ 100% {
825
+ top: -5.5px;
826
+ right: -3px;
827
+ bottom: -3px;
828
+ left: -3px;
829
+ opacity: 0;
830
+ }
831
+ }
832
+ .premium-carousel-wrapper.hvr-ripple-out {
833
+ padding-bottom: 1px;
834
+ }
835
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active {
836
+ display: inline-block;
837
+ -webkit-transform: perspective(0px) translateZ(0);
838
+ transform: perspective(0px) translateZ(0);
839
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0);
840
+ position: relative;
841
+ }
842
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:before {
843
+ content: '';
844
+ position: absolute;
845
+ border: 1px solid;
846
+ border-radius: 50%;
847
+ top: 3px;
848
+ right: 4px;
849
+ bottom: 6.8px;
850
+ left: 4.5px;
851
+ -webkit-animation-duration: 1s;
852
+ animation-duration: 1s;
853
+ animation-iteration-count: infinite;
854
+ }
855
+ .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:hover:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:focus:before, .premium-carousel-wrapper.hvr-ripple-out ul.slick-dots li.slick-active:active:before {
856
+ -webkit-animation-name: hvr-ripple-out;
857
+ animation-name: hvr-ripple-out;
858
+ }
859
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
860
+ -webkit-transform: scale(1.25, 1.25);
861
+ transform: scale(1.25, 1.25);
862
+ -webkit-transition: all 0.3s ease-in-out !important;
863
+ transition: all 0.3s ease-in-out !important;
864
+ }
865
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
866
+ -webkit-transform: scale(1, 1);
867
+ transform: scale(1, 1);
868
+ }
869
+ [dir='rtl'] .premium-carousel-inner .slick-slide {
870
+ float: right;
871
  }
872
  /**************** Premium Counter ***************/
873
  /************************************************/
874
+ .premium-counter-area {
875
+ padding: 10px 0;
876
+ }
877
+ .premium-counter-area .premium-counter-icon span.icon {
878
+ width: 1em;
879
+ height: 1em;
880
+ line-height: 1em;
881
+ text-align: center;
882
+ display: inline-block;
883
+ vertical-align: middle;
884
  }
885
+ .premium-counter-area .premium-counter-title {
886
+ padding: 0;
887
+ margin: 0;
888
  }
889
+ .premium-counter-icon .icon i.fa:before {
890
+ vertical-align: text-top;
891
  }
892
  /* * Circle Icon style */
893
+ .premium-counter-area .premium-counter-icon .circle {
894
+ border-radius: 100%;
895
  }
896
+ .premium-counter-area.center {
897
+ text-align: center;
898
  }
899
+ .premium-counter-area .right, .premium-counter-area .left {
900
+ display: table-cell;
901
+ vertical-align: middle;
902
  }
903
+ .premium-counter-icon.right {
904
+ padding-left: 20px;
905
  }
906
+ .premium-counter-icon.left {
907
+ padding-right: 20px;
908
  }
909
+ .premium-init-wrapper.right {
910
+ text-align: right;
911
  }
912
  /* * Custom image and simple styles image fix */
913
+ span.icon.flex-width {
914
+ width: auto !important;
915
+ height: auto !important;
916
  }
917
+ .premium-counter-area .premium-counter-init {
918
+ font-size: 35px;
919
  }
920
  /**************** Premium Image Separator ****************/
921
  /*********************************************************/
922
  /*Image Separator Container Style*/
923
+ .premium-image-separator-container{
924
+ position: absolute;
925
+ width: 100%;
926
+ z-index: 2;
927
+ top: auto;
928
  }
929
  /*Link on Image Style*/
930
+ .premium-image-separator-link{
931
+ position: absolute;
932
+ z-index: 9999;
933
+ top: 0;
934
+ left: 0;
935
+ width: 100%;
936
+ height: 100%;
937
+ text-decoration: none;
938
  }
939
  /*Important to override Theme options*/
940
+ a.premium-image-separator-link:hover, a.premium-image-separator-link:visited, a.premium-image-separator-link:focus, a.premium-image-separator-link:active {
941
+ box-shadow: none !important;
942
+ outline: none !important;
943
+ border: none !important;
944
+ text-decoration: none !important;
945
  }
946
+ .premium-image-separator-container .img-responsive {
947
+ display: inline-block;
948
  }
949
  /**************** Premium Modal Box ****************/
950
  /***************************************************/
951
+ .premium-modal-box-button-selector, .premium-modal-box-modal-lower-close {
952
+ display: inline-block;
953
+ padding: 6px 12px;
954
+ margin-bottom: 0;
955
+ font-size: 14px;
956
+ font-weight: normal;
957
+ line-height: 1.42857143;
958
+ text-align: center;
959
+ white-space: nowrap;
960
+ vertical-align: middle;
961
+ -ms-touch-action: manipulation;
962
+ touch-action: manipulation;
963
+ cursor: pointer;
964
+ -webkit-user-select: none;
965
+ -moz-user-select: none;
966
+ -ms-user-select: none;
967
+ user-select: none;
968
+ background-image: none;
969
+ border: 1px solid transparent;
970
+ }
971
+ .premium-modal-box-button-selector i {
972
+ -webkit-transition: all 0.3s ease-in-out;
973
+ -moz-transition: all 0.3s ease-in-out;
974
+ -ms-transition: all 0.3s ease-in-out;
975
+ transition: all 0.3s ease-in-out;
976
+ }
977
+ .premium-btn-md {
978
+ padding: 8px 14px;
979
+ font-size: 16px;
980
+ line-height: 1.2;
981
+ }
982
+ .premium-btn-lg {
983
+ padding: 10px 16px;
984
+ font-size: 18px;
985
+ line-height: 1.3333333;
986
+ }
987
+ .premium-btn-block {
988
+ display: block;
989
+ width: 100%;
990
+ }
991
+ .premium-modal-box-modal-close {
992
+ float: right;
993
+ font-size: 21px;
994
+ font-weight: bold;
995
+ line-height: 1;
996
+ color: #000;
997
+ }
998
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
999
+ color: #000;
1000
+ text-decoration: none;
1001
+ cursor: pointer;
1002
+ }
1003
+ button.premium-modal-box-modal-close {
1004
+ -webkit-appearance: none;
1005
+ padding: 0;
1006
+ cursor: pointer;
1007
+ background: transparent;
1008
+ border: 0
1009
+ }
1010
+ .premium-modal-box-modal {
1011
+ position: fixed;
1012
+ top: 0;
1013
+ right: 0;
1014
+ bottom: 0;
1015
+ left: 0;
1016
+ z-index: 1050;
1017
+ display: none;
1018
+ -webkit-overflow-scrolling: touch;
1019
+ outline: 0;
1020
+ padding: 0 !important;
1021
+ background: rgba(0,0,0,0.5)
1022
+ /*Added New to fix backdrop background*/
1023
+ }
1024
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1025
+ position: absolute;
1026
+ top: 0;
1027
+ left: 50%;
1028
+ -webkit-transform: translate(-50%,-50%) !important;
1029
+ transform: translate(-50%,-50%) !important;
1030
+ margin: 0;
1031
+ -webkit-transition: all .3s ease-in-out;
1032
+ -o-transition: all .3s ease-in-out;
1033
+ transition: all .3s ease-in-out;
1034
+ }
1035
+ .premium-modal-box-modal-content {
1036
+ overflow: hidden;
1037
+ background-color: #fff;
1038
+ -webkit-background-clip: padding-box;
1039
+ background-clip: padding-box;
1040
+ border: 1px solid rgba(0, 0, 0, .2);
1041
+ border-radius: 6px;
1042
+ outline: 0;
1043
+ /* -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
1044
+ box-shadow: 0 3px 9px rgba(0, 0, 0, .5)*/
1045
+ }
1046
+ .premium-modal-backdrop.premium-in {
1047
+ filter: alpha(opacity=50);
1048
+ opacity: .5 !important;
1049
+ }
1050
+ .premium-modal-fade.premium-in {
1051
+ opacity: 1;
1052
+ }
1053
+ .premium-modal-backdrop {
1054
+ position: fixed;
1055
+ top: 0;
1056
+ right: 0;
1057
+ bottom: 0;
1058
+ left: 0;
1059
+ z-index: 1040;
1060
+ background-color: #000
1061
+ }
1062
+ .premium-modal-backdrop.premium-modal-fade {
1063
+ filter: alpha(opacity=0);
1064
+ opacity: 0;
1065
+ }
1066
+ .premium-modal-fade {
1067
+ opacity: 0;
1068
+ -webkit-transition: opacity .3s ease-in-out;
1069
+ -o-transition: opacity .3s ease-in-out;
1070
+ transition: opacity .3s ease-in-out;
1071
+ }
1072
+ .premium-modal-box-modal.premium-in .premium-modal-box-modal-dialog {
1073
+ -webkit-transition: all .3s ease-in-out;
1074
+ -o-transition: all .3s ease-in-out;
1075
+ transition: all .3s ease-in-out;
1076
+ top: 50%;
1077
+ }
1078
+ .premium-modal-box-modal-header {
1079
+ display: -ms-flexbox;
1080
+ display: -webkit-flex;
1081
+ display: -moz-flex;
1082
+ display: -ms-flex;
1083
+ display: flex;
1084
+ justify-content: space-between;
1085
+ align-items: center;
1086
+ padding: 5px 15px;
1087
+ border-bottom: 1px solid #e5e5e5
1088
+ }
1089
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
1090
+ margin-top: -2px
1091
+ }
1092
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
1093
+ margin: 0;
1094
+ padding: 0;
1095
+ line-height: 1.42857143;
1096
+ /* clear: none;
1097
+ */
1098
+ padding: 0;
1099
+ margin: 0;
1100
+ }
1101
+ .premium-modal-box-modal-body {
1102
+ position: relative;
1103
+ padding: 15px
1104
+ }
1105
+ .premium-modal-box-modal-footer {
1106
+ padding: 15px;
1107
+ text-align: right;
1108
+ border-top: 1px solid #e5e5e5
1109
+ }
1110
+ .premium-modal-box-modal-footer .btn + .btn {
1111
+ margin-bottom: 0;
1112
+ margin-left: 5px
1113
+ }
1114
+ .premium-modal-scrollbar-measure {
1115
+ position: absolute;
1116
+ top: -9999px;
1117
+ width: 50px;
1118
+ height: 50px;
1119
+ overflow: scroll;
1120
+ }
1121
+ .premium-modal-box-text-selector {
1122
+ background: none !important;
1123
+ }
1124
+ .premium-modal-box-container {
1125
+ width: 100% !important;
1126
  }
1127
  /*Open Modal Button Style*/
1128
+ .premium-modal-box-selector-container .premium-modal-box-button-selector {
1129
+ border: none;
1130
+ -webkit-transition: all 0.3s ease-in-out;
1131
+ -moz-transition: all 0.3s ease-in-out;
1132
+ -o-transition: all 0.3s ease-in-out;
1133
+ -ms-transition: all 0.3s ease-in-out;
1134
+ transition: all 0.3s ease-in-out;
1135
  }
1136
  /*Open Modal Img, Span Style */
1137
+ .premium-modal-box-selector-container img, .premium-modal-box-selector-container span{
1138
+ cursor: pointer;
1139
  }
1140
  /*Image on Modal Header Style*/
1141
+ .premium-modal-box-modal-header img {
1142
+ width: 48px;
1143
+ padding: 5px 0;
1144
+ vertical-align: top;
1145
  }
1146
  /*Icon On Modal Header Style*/
1147
+ .premium-modal-box-modal-header i {
1148
+ padding-right: 6px;
1149
  }
1150
  /*Image On Modal Header Style*/
1151
+ .premium-modal-box-modal-title img {
1152
+ vertical-align : middle;
1153
  }
1154
  /*Close Button Container Style*/
1155
  /*.premium-modal-box-close-button-container {
1156
+ float: right;
1157
  }
1158
+ */
1159
+ .premium-modal-box-modal-close {
1160
+ position: relative;
1161
+ z-index: 99;
1162
  }
1163
+ .premium-modal-box-img-selector, .premium-modal-box-text-selector, .premium-modal-box-close-button-container, .premium-modal-box-modal-close, .premium-modal-box-modal-lower-close{
1164
+ -webkit-transition: all 0.3s ease-in-out;
1165
+ -moz-transition: all 0.3s ease-in-out;
1166
+ -ms-transition: all 0.3s ease-in-out;
1167
+ -o-transition: all 0.3s ease-in-out;
1168
+ transition: all 0.3s ease-in-out;
1169
  }
1170
  /* prevent Scroll on body */
1171
+ .premium-modal-open {
1172
+ /* overflow: hidden;
1173
+ */
1174
+ /* height: 100vh;
1175
+ */
1176
+ }
1177
+ @media (min-width:768px) {
1178
+ .premium-modal-box-modal-dialog {
1179
+ width: 700px;
1180
+ max-height: 600px;
1181
+ overflow: auto;
1182
+ }
1183
+ /* .premium-modal-box-modal-content {
1184
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
1185
+ box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
1186
+ }
1187
+ */
1188
+ }
1189
+ @media (max-width:767px) {
1190
+ .premium-modal-box-modal-dialog {
1191
+ width: 100%;
1192
+ max-height: 500px;
1193
+ overflow: auto;
1194
+ }
1195
  }
1196
  /**************** Premium Progress Bar ****************/
1197
  /******************************************************/
1198
+ .premium-progressbar-container {
1199
+ position:relative;
1200
+ }
1201
+ .premium-progressbar-progress {
1202
+ overflow: hidden;
1203
+ height: 20px;
1204
+ margin-bottom: 50px;
1205
+ background-color: #f5f5f5;
1206
+ border-radius: 4px;
1207
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1208
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1209
+ }
1210
+ .premium-progressbar-progress-bar {
1211
+ float: left;
1212
+ width: 0%;
1213
+ height: 100%;
1214
+ font-size: 12px;
1215
+ line-height: 20px;
1216
+ background: #6ec1e4;
1217
+ text-align: center;
1218
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1219
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1220
+ }
1221
+ .progress-striped .progress-bar, .progress-bar-striped {
1222
+ background-image: -webkit-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);
1223
+ background-image: -o-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);
1224
+ 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);
1225
+ background-size: 40px 40px;
1226
+ }
1227
+ .pa-progress.active .progress-bar, .progress-bar.active {
1228
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
1229
+ -o-animation: progress-bar-stripes 2s linear infinite;
1230
+ animation: progress-bar-stripes 2s linear infinite;
1231
+ }
1232
+ .premium-progressbar-progress{
1233
+ position: relative;
1234
+ text-align:left;
1235
+ }
1236
+ .premium-progressbar-progress-bar {
1237
+ position: absolute;
1238
+ overflow: hidden;
1239
+ line-height: 20px;
1240
+ }
1241
+ .premium-progressbar-container .clearfix {
1242
+ clear: both;
1243
  }
1244
  /*Progress Bar Style*/
1245
+ .premium-progressbar-progress-bar {
1246
+ -webkit-transition: width 0s ease-in-out !important;
1247
+ -moz-transition: width 0s ease-in-out !important;
1248
+ -ms-transition: width 0s ease-in-out !important;
1249
+ -o-transition: width 0s ease-in-out !important;
1250
+ transition: width 0s ease-in-out !important;
1251
  }
1252
  /*Left Label Style*/
1253
+ .premium-progressbar-container p:first-of-type{
1254
+ margin:0;
1255
+ float:left;
1256
  }
1257
  /*Right Label Style*/
1258
+ .premium-progressbar-container p:nth-of-type(2){
1259
+ margin: 0;
1260
+ float: right;
1261
+ }
1262
+ .premium-progressbar-name{
1263
+ left:50%;
1264
+ top :0;
1265
+ right:0;
1266
+ transform: translateX(-12.5px);
1267
+ z-index:1;
1268
+ }
1269
+ .premium-progressbar-multiple-label{
1270
+ position:relative;
1271
+ float:left;
1272
+ width:0;
1273
+ left:50%;
1274
+ }
1275
+ .premium-progressbar-center-label{
1276
+ position:relative;
1277
+ white-space:nowrap;
1278
+ }
1279
+ .premium-progressbar-arrow {
1280
+ left:50%;
1281
+ display: inline-block;
1282
+ border-left: 7px solid transparent;
1283
+ border-right: 7px solid transparent;
1284
+ border-top: 11px solid ;
1285
+ transform: translateX(-50%);
1286
+ }
1287
+ .premium-progressbar-pin {
1288
+ border-left: 1px solid;
1289
+ height: 12px;
1290
+ left:50%;
1291
+ display: inline-block;
1292
+ }
1293
+ @-webkit-keyframes progress-bar-stripes {
1294
+ from {
1295
+ background-position: 0 0;
1296
+ }
1297
+ to {
1298
+ background-position: 40px 0;
1299
+ }
1300
+ }
1301
+ @keyframes progress-bar-stripes {
1302
+ from {
1303
+ background-position: 0 0;
1304
+ }
1305
+ to {
1306
+ background-position: 40px 0;
1307
+ }
 
1308
  }
1309
  /**************** Premium Testimonials ****************/
1310
  /******************************************************/
1311
  /*Testimonial Container Style*/
1312
+ .premium-testimonial-box {
1313
+ width: 100%;
1314
+ background: transparent;
1315
+ -webkit-transition: all 0.3s ease-in-out;
1316
+ -moz-transition: all 0.3s ease-in-out;
1317
+ -o-transition: all 0.3s ease-in-out;
1318
+ -ms-transition: all 0.3s ease-in-out;
1319
+ transition: all 0.3s ease-in-out;
1320
  }
1321
  /*Testimonial Title Style*/
1322
+ .premium-testimonial-box .premium-testimonial-person-name, .premium-testimonial-box .premium-testimonial-company-name {
1323
+ display: inline;
1324
+ font-weight: 600;
1325
+ margin: 0;
1326
  }
1327
  /*Testimonial Text Style*/
1328
+ .premium-testimonial-container {
1329
+ position: relative;
1330
  }
1331
  /*Testimonial Img Container Style*/
1332
+ .premium-testimonial-img-wrapper {
1333
+ margin-left: auto;
1334
+ margin-right: auto;
1335
+ overflow: hidden;
1336
  }
1337
  /*Testimonial Person Image Style*/
1338
+ .premium-testimonial-person-image {
1339
+ object-fit: cover;
1340
+ width: 100%;
1341
+ height: 100% !important;
1342
+ border-style: solid !important;
1343
  }
1344
  /*Testimonial Content Wrapper Style*/
1345
+ .premium-testimonial-content-wrapper {
1346
+ position: relative;
1347
+ display: -ms-flexbox;
1348
+ display: -webkit-flex;
1349
+ display: -moz-flex;
1350
+ display: -ms-flex;
1351
+ display: flex;
1352
+ flex-direction: column;
1353
+ z-index: 2;
1354
+ width: 100%;
1355
+ padding: 20px;
1356
+ text-align: center;
1357
  }
1358
  /*Testimonial Quotes Container Div Style*/
1359
+ .premium-testimonial-quotes-wrapper {
1360
+ z-index: 1;
1361
  }
1362
  /*Clear Float*/
1363
+ .premium-testimonial-clear-float {
1364
+ clear: both;
1365
  }
1366
  /*Upper Quote Style*/
1367
+ .premium-testimonial-upper-quote {
1368
+ position: absolute;
1369
+ z-index: 1;
1370
  }
1371
  /*Lower Quote Style*/
1372
+ .premium-testimonial-lower-quote{
1373
+ position:absolute;
1374
+ z-index: 1;
1375
  }
1376
  /*Author Info Container Div Style*/
1377
+ .premium-testimonial-author-info {
1378
+ display: block;
1379
  }
1380
  /**************** Premium Title ****************/
1381
  /***********************************************/
1382
  /*Title Container Div Style*/
1383
+ .premium-title-container {
1384
+ position: relative;
1385
+ width: 100%;
1386
+ clear: both;
1387
+ overflow: hidden;
1388
  }
1389
  /*Header Style*/
1390
+ .premium-title-container .premium-title-header {
1391
+ margin: 0;
1392
+ padding: 10px;
1393
  }
1394
  .premium-title-header svg {
1395
+ width: 40px;
1396
+ height: 40px;
1397
  }
1398
  /*Style 2,3,6,7,8 Header*/
1399
+ .premium-title-style1, .premium-title-style2, .premium-title-style5, .premium-title-style6 {
1400
+ display: inline-block;
1401
+ float: none;
1402
  }
1403
  .premium-title-style7 {
1404
+ display: -webkit-inline-box;
1405
+ display: -webkit-inline-flex;
1406
+ display: -ms-inline-flexbox;
1407
+ display: inline-flex;
1408
+ -webkit-flex-direction: column;
1409
+ -ms-flex-direction: column;
1410
+ flex-direction: column;
1411
  }
1412
+ .premium-title-style1 {
1413
+ border-left: 3px solid #6ec1e4;
1414
  }
1415
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
1416
+ border-bottom: 3px solid #6ec1e4;
1417
  }
1418
  /*Style 6 Header*/
1419
+ .premium-title-style6{
1420
+ position: relative;
1421
  }
1422
  /*Style 6 Trinagle*/
1423
+ .premium-title-style6:before {
1424
+ position: absolute;
1425
+ left: 50%;
1426
+ bottom: 0;
1427
+ margin-left: -2px;
1428
+ content: '';
1429
+ border: 3px solid transparent;
1430
+ }
1431
+ .premium-title-style7-stripe-wrap {
1432
+ display: -ms-flexbox;
1433
+ display: -webkit-flex;
1434
+ display: -moz-flex;
1435
+ display: -ms-flex;
1436
+ display: flex;
1437
+ }
1438
+ .premium-title-style7:before {
1439
+ display: none;
1440
  }
1441
  /*Stripe Style*/
1442
  /**************** Premium Video Box ************/
1443
  /***********************************************/
1444
+ .premium-video-box-container {
1445
+ position: relative;
1446
+ height: 0;
1447
+ }
1448
+ .pa-aspect-ratio-11 .premium-video-box-container {
1449
+ padding-bottom: 100%;
1450
+ }
1451
+ .pa-aspect-ratio-169 .premium-video-box-container {
1452
+ padding-bottom: 56.25%;
1453
+ }
1454
+ .pa-aspect-ratio-43 .premium-video-box-container {
1455
+ padding-bottom: 75%;
1456
+ }
1457
+ .pa-aspect-ratio-32 .premium-video-box-container {
1458
+ padding-bottom: 66.6666%;
1459
+ }
1460
+ .pa-aspect-ratio-219 .premium-video-box-container {
1461
+ padding-bottom: 42.8571%;
1462
+ }
1463
+ .premium-video-box-image-container {
1464
+ position: absolute;
1465
+ top: 0;
1466
+ left: 0;
1467
+ width: 100%;
1468
+ height: 100%;
1469
+ -webkit-background-size: cover;
1470
+ background-size: cover;
1471
+ background-position: 50%;
1472
+ cursor: pointer;
1473
+ }
1474
+ .premium-video-box-play-icon-container {
1475
+ position: absolute;
1476
+ z-index: 1;
1477
+ cursor: pointer;
1478
+ transform: translate(-50%,-50%);
1479
+ background: rgba(252,252,252,0.35);
1480
+ }
1481
+ .premium-video-box-description-container {
1482
+ position: absolute;
1483
+ z-index: 1;
1484
+ padding: 5px;
1485
+ text-align: center;
1486
+ cursor: pointer;
1487
+ transform: translate(-50%,-50%);
1488
+ }
1489
+ .premium-video-box-text {
1490
+ margin-bottom: 0 !important;
1491
+ -webkit-transition: all 0.3s ease-in-out;
1492
+ -moz-transition: all 0.3s ease-in-out;
1493
+ -o-transition: all 0.3s ease-in-out;
1494
+ -ms-transition: all 0.3s ease-in-out;
1495
+ transition: all 0.3s ease-in-out;
1496
+ }
1497
+ .premium-video-box-play-icon{
1498
+ padding: 15px;
1499
+ transform: translateX(4%);
1500
+ -webkit-transition: all 0.3s ease-in-out;
1501
+ -moz-transition: all 0.3s ease-in-out;
1502
+ -o-transition: all 0.3s ease-in-out;
1503
+ -ms-transition: all 0.3s ease-in-out;
1504
+ transition: all 0.3s ease-in-out;
1505
+ }
1506
+ .premium-video-box-video-container {
1507
+ position: absolute;
1508
+ top: 0;
1509
+ left: 0;
1510
+ z-index: 2;
1511
+ width: 100%;
1512
+ height: 100%;
1513
+ -webkit-transition: opacity 0.8s ease-in-out;
1514
+ -moz-transition: opacity 0.8s ease-in-out;
1515
+ -o-transition: opacity 0.8s ease-in-out;
1516
+ -ms-transition: opacity 0.8s ease-in-out;
1517
+ transition: opacity 0.8s ease-in-out;
1518
+ overflow: hidden;
1519
+ cursor: pointer;
1520
+ }
1521
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
1522
+ opacity: 0;
1523
+ visibility: hidden;
1524
+ }
1525
+ .premium-video-box-video-container iframe, .premium-video-box-video-container video {
1526
+ max-width: 100%;
1527
+ width: 100%;
1528
+ height: 100%;
1529
+ margin: 0;
1530
+ line-height: 1;
1531
+ border: none;
1532
+ }
1533
+ .premium-video-box-video-container video {
1534
+ -o-object-fit: contain;
1535
+ object-fit: contain;
1536
  }
1537
  /**************** Premium Blog *****************/
1538
  /***********************************************/
1539
+ .premium-blog-post-container {
1540
+ padding: 15px;
1541
  }
1542
+ .premium-blog-thumb-effect-wrapper {
1543
+ position: relative;
1544
+ overflow: hidden;
1545
  }
1546
+ .premium-blog-thumbnail-container {
1547
+ overflow: hidden;
1548
  }
1549
+ .premium-blog-post-link {
1550
+ position: absolute;
1551
+ top: 0;
1552
+ left: 0;
1553
+ width: 100%;
1554
+ height: 100%;
1555
+ z-index: 99;
1556
  }
1557
+ .premium-blog-post-link:hover {
1558
+ box-shadow: none !important;
1559
+ border: none !important;
1560
+ outline: none !important;
1561
  }
1562
  /*Thumbnail Img*/
1563
+ .premium-blog-thumbnail-container img, .premium-blog-thumbnail-container .below-entry-meta{
1564
+ width: 100%;
1565
+ height: 100%;
1566
+ margin: 0 !important;
1567
+ -webkit-transition: all 0.4s ease-in-out;
1568
+ -moz-transition: all 0.4s ease-in-out;
1569
+ -ms-transition: all 0.4s ease-in-out;
1570
+ -o-transition: all 0.4s ease-in-out;
1571
+ transition: all 0.4s ease-in-out;
1572
+ }
1573
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img, .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
1574
+ transform: scale(1.2);
1575
+ }
1576
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
1577
+ -webkit-filter: sepia(30%);
1578
+ filter: sepia(30%);
1579
+ }
1580
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
1581
+ -webkit-filter: brightness(1);
1582
+ filter: brightness(1);
1583
+ }
1584
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
1585
+ -webkit-transform: translateX(-15px) scale(1.1);
1586
+ transform: translateX(-15px) scale(1.1);
1587
  }
1588
  /*Thumbnail Container Hover*/
1589
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomin-effect img {
1590
+ transform: scale(1.2);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1591
  }
1592
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-zoomout-effect img {
1593
+ transform: scale(1.1);
1594
  }
1595
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-scale-effect img {
1596
+ transform: scale(1.3) rotate(5deg);
1597
+ }
1598
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-gray-effect img {
1599
+ filter: grayscale(100%);
1600
+ }
1601
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-blur-effect img {
1602
+ filter: blur(3px);
1603
+ }
1604
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-sepia-effect img {
1605
+ -webkit-filter: sepia(0%);
1606
+ filter: sepia(0%);
1607
+ }
1608
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bright-effect img {
1609
+ -webkit-filter: brightness(1.2);
1610
+ filter: brightness(1.2);
1611
+ }
1612
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-trans-effect img {
1613
+ -webkit-transform: translateX(0px) scale(1.1);
1614
+ transform: translateX(0px) scale(1.1);
1615
+ }
1616
+ .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumbnail-container:after {
1617
+ position: absolute;
1618
+ content: '';
1619
+ z-index: 1;
1620
+ top: 50%;
1621
+ left: 50%;
1622
+ opacity: 0;
1623
+ -webkit-transform: translate(-50%,-50%);
1624
+ transform: translate(-50%,-50%);
1625
+ -webkit-transition: all 0.4s linear 0s;
1626
+ -moz-transition: all 0.4s linear 0s;
1627
+ -ms-transition: all 0.4s linear 0s;
1628
+ -o-transition: all 0.4s linear 0s;
1629
+ transition: all 0.4s linear 0s;
1630
+ height: 1px;
1631
+ width: 100%;
1632
+ }
1633
+ .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumbnail-container:before {
1634
+ width: 1px;
1635
+ height: 100%;
1636
+ }
1637
+ .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
1638
+ width: 20px;
1639
+ opacity: 1;
1640
+ }
1641
+ .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
1642
+ height: 20px;
1643
+ opacity: 1;
1644
+ }
1645
+ .premium-blog-diagonal-container {
1646
+ position: absolute;
1647
+ top: 0;
1648
+ left: 0;
1649
+ width: 100%;
1650
+ height: 100%;
1651
+ }
1652
+ .premium-blog-diagonal-effect:before {
1653
+ position: absolute;
1654
+ top: 0px;
1655
+ left: 0px;
1656
+ width: 100%;
1657
+ height: 100%;
1658
+ content: " ";
1659
+ z-index: 1;
1660
+ background: rgba(255,255,255,0.2);
1661
+ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1662
+ -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1663
+ -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1664
+ -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1665
+ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
1666
+ -webkit-transition: all 0.3s linear 0s;
1667
+ -moz-transition: all 0.3s linear 0s;
1668
+ -o-transition: all 0.3s linear 0s;
1669
+ -ms-transition: all 0.3s linear 0s;
1670
+ transition: all 0.3s linear 0s;
1671
+ }
1672
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
1673
+ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1674
+ -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1675
+ -o-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1676
+ -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1677
+ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
1678
+ }
1679
+ .premium-blog-framed-effect {
1680
+ position: absolute;
1681
+ width: calc(100% - 30px);
1682
+ height: calc(100% - 30px);
1683
+ top: 15px;
1684
+ left: 15px;
1685
+ opacity: 0;
1686
+ transform: scale(0.3);
1687
+ -webkit-transition: all 0.3s linear 0s;
1688
+ -moz-transition: all 0.3s linear 0s;
1689
+ -o-transition: all 0.3s linear 0s;
1690
+ -ms-transition: all 0.3s linear 0s;
1691
+ transition: all 0.3s linear 0s;
1692
+ }
1693
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
1694
+ opacity: 0.99;
1695
+ transform: scale(1);
1696
+ }
1697
+ .premium-blog-bordered-effect {
1698
+ position: absolute;
1699
+ top: 0;
1700
+ left: 0;
1701
+ width: 100%;
1702
+ height: 100%;
1703
+ opacity: 0;
1704
+ padding: 15px;
1705
+ -webkit-transition: all 0.3s linear 0s;
1706
+ -moz-transition: all 0.3s linear 0s;
1707
+ -o-transition: all 0.3s linear 0s;
1708
+ -ms-transition: all 0.3s linear 0s;
1709
+ transition: all 0.3s linear 0s;
1710
+ }
1711
+ .premium-blog-bordered-border-container {
1712
+ width: 100%;
1713
+ height: 100%;
1714
+ border: 2px solid;
1715
+ -webkit-transform: scale(0,1);
1716
+ transform: scale(0,1);
1717
+ -webkit-transform-origin: 0 0;
1718
+ transform-origin: 0 0;
1719
+ -webkit-transition: all 0.3s linear 0s;
1720
+ -moz-transition: all 0.3s linear 0s;
1721
+ -o-transition: all 0.3s linear 0s;
1722
+ -ms-transition: all 0.3s linear 0s;
1723
+ transition: all 0.3s linear 0s;
1724
+ }
1725
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
1726
+ opacity: 0.99;
1727
+ }
1728
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-bordered-border-container {
1729
+ -webkit-transform: scale(1,1);
1730
+ transform: scale(1,1);
1731
+ }
1732
+ .premium-blog-squares-effect, .premium-blog-squares-square-container{
1733
+ position: absolute;
1734
+ top: 0;
1735
+ left: 0;
1736
+ width: 100%;
1737
+ height: 100%;
1738
+ }
1739
+ .premium-blog-squares-effect:before, .premium-blog-squares-effect:after, .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after{
1740
  position: absolute;
1741
+ content: '';
1742
  top: 0;
1743
  left: 0;
1744
+ width: 50%;
1745
+ height: 50%;
1746
+ -webkit-transform: translate(-100%,-100%);
1747
+ transform: translate(-100%,-100%);
1748
+ opacity: 0.7;
1749
+ -webkit-transition: all 0.3s linear 0s;
1750
+ -moz-transition: all 0.3s linear 0s;
1751
+ -o-transition: all 0.3s linear 0s;
1752
+ -ms-transition: all 0.3s linear 0s;
1753
+ transition: all 0.3s linear 0s;
1754
+ }
1755
+ .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
1756
+ opacity: 0.8;
1757
+ }
1758
+ .premium-blog-squares-effect:after {
1759
+ -webkit-transform: translate(200%,200%);
1760
+ transform: translate(200%,200%);
1761
+ }
1762
+ .premium-blog-squares-square-container:before{
1763
+ -webkit-transform: translate(-100%,200%);
1764
+ transform: translate(-100%,200%);
1765
+ }
1766
+ .premium-blog-squares-square-container:after {
1767
+ -webkit-transform: translate(200%,-100%);
1768
+ transform: translate(200%,-100%);
1769
+ }
1770
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
1771
+ -webkit-transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1772
+ transform: translate(0,0%) scaleY(1.003) scaleX(1.003);
1773
+ }
1774
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
1775
+ -webkit-transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1776
+ transform: translate(100%,100%) scaleY(1.003) scaleX(1.003);
1777
+ }
1778
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before{
1779
+ -webkit-transform: translate(0,100%);
1780
+ transform: translate(0,100%);
1781
+ }
1782
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after{
1783
+ -webkit-transform: translate(100%,0%);
1784
+ transform: translate(100%,0%);
1785
+ }
1786
+ .premium-blog-post-container:not(.premium-blog-skin-classic) .premium-blog-content-wrapper {
1787
+ margin: 0px 10px 20px;
1788
+ clear: both;
1789
+ }
1790
+ .premium-blog-post-container .premium-blog-content-wrapper {
1791
+ padding: 30px;
1792
+ }
1793
+ .premium-blog-skin-classic .premium-blog-thumbnail-overlay {
1794
+ position: absolute;
1795
+ top: 0;
1796
+ left: 0;
1797
+ display: -ms-flexbox;
1798
+ display: -webkit-flex;
1799
+ display: -moz-flex;
1800
+ display: -ms-flex;
1801
+ display: flex;
1802
+ -webkit-justify-content: center;
1803
+ justify-content: center;
1804
+ -webkit-box-align: center;
1805
+ -ms-flex-align: center;
1806
+ -webkit-align-items: center;
1807
+ -ms-flex-align: center;
1808
+ align-items: center;
1809
+ width: 100%;
1810
+ height: 100%;
1811
+ -webkit-transition: all 0.3s ease-in-out;
1812
+ -moz-transition: all 0.3s ease-in-out;
1813
+ -ms-transition: all 0.3s ease-in-out;
1814
+ transition: all 0.3s ease-in-out;
1815
+ opacity: 0;
1816
+ }
1817
+ .premium-blog-skin-classic .premium-blog-thumbnail-overlay a {
1818
+ -webkit-transform: scale(0);
1819
+ -moz-transform: scale(0);
1820
+ -ms-transform: scale(0);
1821
+ -o-transform: scale(0);
1822
+ transform: scale(0);
1823
+ -webkit-transition: all .5s ease-in-out 0s;
1824
+ -moz-transition: all .5s ease-in-out 0s;
1825
+ -ms-transition: all .5s ease-in-out 0s;
1826
+ -o-transition: all .5s ease-in-out 0s;
1827
+ transition: all .5s ease-in-out 0s;
1828
+ }
1829
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
1830
+ opacity: 1;
1831
+ -webkit-transform: scale(1);
1832
+ -moz-transform: scale(1);
1833
+ -ms-transform: scale(1);
1834
+ -o-transform: scale(1);
1835
+ transform: scale(1);
1836
+ }
1837
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
1838
+ opacity: 1;
1839
+ }
1840
+ .premium-blog-skin-modern .premium-blog-content-wrapper {
1841
+ position: relative;
1842
+ z-index: 2;
1843
+ top: -50px;
1844
+ }
1845
+ .premium-blog-content-wrapper.empty-thumb {
1846
+ top: 0;
1847
+ }
1848
+ .premium-blog-clear-fix {
1849
+ clear: both;
1850
+ }
1851
+ .premium-blog-content-wrapper .premium-blog-inner-container {
1852
+ display: -ms-flexbox;
1853
+ display: -webkit-flex;
1854
+ display: -moz-flex;
1855
+ display: -ms-flex;
1856
+ display: flex;
1857
+ }
1858
+ /*Post Format Container*/
1859
+ .premium-blog-format-container {
1860
  display: -ms-flexbox;
1861
  display: -webkit-flex;
1862
  display: -moz-flex;
1863
  display: -ms-flex;
1864
  display: flex;
 
 
 
 
 
 
1865
  align-items: center;
1866
+ justify-content: center;
1867
+ cursor: pointer;
1868
+ background: #eee;
1869
+ width: 55px;
1870
+ height: 55px;
1871
+ font-size: 25px;
1872
+ margin-right: 20px;
1873
+ text-align: center;
1874
  -webkit-transition: all 0.3s ease-in-out;
1875
  -moz-transition: all 0.3s ease-in-out;
1876
  -ms-transition: all 0.3s ease-in-out;
1877
+ -o-transition: all 0.3s ease-in-out;
1878
  transition: all 0.3s ease-in-out;
 
1879
  }
1880
+ .premium-blog-format-link {
1881
+ line-height: 0;
 
 
 
 
 
 
 
 
 
1882
  }
1883
+ /*Post Format Icon*/
1884
+ .premium-blog-format-container i {
1885
+ -webkit-transition: all 0.3s ease-in-out;
1886
+ -moz-transition: all 0.3s ease-in-out;
1887
+ -ms-transition: all 0.3s ease-in-out;
1888
+ -o-transition: all 0.3s ease-in-out;
1889
+ transition: all 0.3s ease-in-out;
1890
  }
1891
+ .premium-blog-entry-title {
1892
+ display: inline;
1893
+ margin-bottom: 0px;
1894
+ }
1895
+ .premium-blog-entry-meta {
1896
+ margin-bottom: 8px;
1897
+ }
1898
+ .premium-blog-entry-meta i{
1899
+ margin-right: 3px;
1900
+ -webkit-transition: all 0.3s ease-in-out;
1901
+ -moz-transition: all 0.3s ease-in-out;
1902
+ -ms-transition: all 0.3s ease-in-out;
1903
+ -o-transition: all 0.3s ease-in-out;
1904
+ transition: all 0.3s ease-in-out;
1905
+ }
1906
+ .premium-blog-post-tags-container a{
1907
+ -webkit-transition: all 0.3s ease-in-out;
1908
+ -moz-transition: all 0.3s ease-in-out;
1909
+ -ms-transition: all 0.3s ease-in-out;
1910
+ -o-transition: all 0.3s ease-in-out;
1911
+ transition: all 0.3s ease-in-out;
1912
  }
1913
+ .premium-blog-meta-data .premium-blog-meta-separator {
1914
+ margin: 0 5px;
 
 
1915
  }
1916
+ .premium-blog-post-content {
1917
+ padding: 14px 0;
1918
  }
1919
+ .premium-blog-skin-modern .premium-blog-post-content {
1920
+ border-top: 1px solid #eaeaea;
1921
  }
1922
+ .premium-blog-post-container.cards .premium-blog-post-content {
1923
+ border-bottom: 1px solid #eaeaea;
 
 
 
 
1924
  }
1925
+ .premium-blog-post-container.cards .premium-blog-post-content {
1926
+ border-bottom: 1px solid #eaeaea;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1927
  }
1928
+ .premium-blog-post-container.cards .premium-blog-entry-meta {
1929
+ padding-top: 14px;
1930
+ }
1931
+ .premium-blog-author-thumbnail {
1932
+ position: relative;
1933
+ padding: 0 30px;
1934
+ width: 100%;
1935
+ top: -10px;
1936
+ height: 0;
1937
+ pointer-events: none;
1938
+ }
1939
+ .premium-blog-author-thumbnail img {
1940
+ border-radius: 50%;
1941
+ width: 60px;
1942
+ pointer-events: all;
1943
+ -webkit-transform: translateY(-50%);
1944
+ -ms-transform: translateY(-50%);
1945
+ transform: translateY(-50%);
1946
+ }
1947
+ .premium-blog-post-content {
1948
+ margin-top: 0;
1949
+ margin-left: 75px;
1950
+ }
1951
+ .premium-blog-post-tags-container {
1952
+ margin-top: 8px;
1953
+ margin-left: 75px;
1954
+ }
1955
+ .premium-blog-entry-title a, .premium-blog-meta-data a, .premium-blog-post-tags a, .premium-blog-post-content .premium-blog-excerpt-link{
1956
+ -webkit-transition: color 0.3s ease-in-out;
1957
+ -moz-transition: color 0.3s ease-in-out;
1958
+ -ms-transition: color 0.3s ease-in-out;
1959
+ -o-transition: color 0.3s ease-in-out;
1960
+ transition: color 0.3s ease-in-out;
1961
+ }
1962
+ .premium-blog-pagination-container {
1963
+ padding: 15px;
1964
+ margin-top: -30px;
1965
+ text-align: right;
1966
+ }
1967
+ .premium-blog-pagination-container ul {
1968
+ list-style: none;
1969
+ margin: 0;
1970
+ padding: 0;
1971
+ }
1972
+ .premium-blog-pagination-container li {
1973
+ display: inline-block;
1974
+ margin-right: 10px;
1975
+ margin-bottom: 5px;
1976
+ padding: 3px 7px;
1977
+ -webkit-transition: all 0.3s ease-in-out;
1978
+ -moz-transition: all 0.3s ease-in-out;
1979
+ -ms-transition: all 0.3s ease-in-out;
1980
+ -o-transition: all 0.3s ease-in-out;
1981
+ transition: all 0.3s ease-in-out;
1982
+ }
1983
+ .premium-blog-pagination-container li span {
1984
+ cursor: default;
1985
+ }
1986
+ .premium-blog-pagination-container li a, .premium-blog-pagination-container li span {
1987
+ font-size: 16px;
1988
+ display: inline-block;
1989
+ -webkit-transition: all 0.3s ease-in-out;
1990
+ -moz-transition: all 0.3s ease-in-out;
1991
+ -ms-transition: all 0.3s ease-in-out;
1992
+ -o-transition: all 0.3s ease-in-out;
1993
+ transition: all 0.3s ease-in-out;
1994
+ }
1995
+ .premium-blog-wrap {
1996
+ display: -ms-flexbox;
1997
+ display: -webkit-flex;
1998
+ display: -moz-flex;
1999
+ display: -ms-flex;
2000
+ display: flex;
2001
+ -webkit-flex-wrap: wrap;
2002
+ flex-wrap: wrap;
2003
+ }
2004
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-meta, .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-content, .premium-blog-wrap.premium-blog-col-3 .premium-blog-post-tags-container, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-meta, .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-content, .premium-blog-wrap.premium-blog-col-4 .premium-blog-post-tags-container {
2005
+ margin-left: 0;
2006
+ }
2007
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-format-container, .premium-blog-wrap.premium-blog-col-4 .premium-blog-format-container {
2008
+ display: none;
2009
+ }
2010
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title {
2011
+ line-height: 1;
2012
+ }
2013
+ .premium-blog-wrap.premium-blog-col-3 .premium-blog-entry-title a, .premium-blog-wrap.premium-blog-col-4 .premium-blog-entry-title a{
2014
+ font-size: 20px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2015
  }
2016
  /* * Carousel */
2017
+ .premium-blog-wrap ul.slick-dots {
2018
+ width: 100%;
2019
  }
2020
  /* * Even Layout */
2021
+ .premium-blog-even .premium-blog-post-container {
2022
+ height: 100%;
2023
+ }
2024
+ @media ( max-width: 1025px ) {
2025
+ .premium-blog-entry-title a {
2026
+ font-size: 18px;
2027
+ }
2028
+ }
2029
+ @media ( max-width: 768px ) {
2030
+ .premium-blog-content-wrapper {
2031
+ top: 0;
2032
+ margin: 0;
2033
+ padding: 15px;
2034
+ }
2035
+ .premium-blog-thumb-effect-wrapper {
2036
+ margin-bottom: 15px;
2037
+ }
2038
+ .premium-blog-format-container {
2039
+ display: none;
2040
+ }
2041
+ .premium-blog-entry-title {
2042
+ line-height: 1;
2043
+ }
2044
+ .premium-blog-entry-title a {
2045
+ font-size: 16px;
2046
+ }
2047
+ .premium-blog-entry-meta, .premium-blog-post-content {
2048
+ margin-left: 0px;
2049
+ }
2050
+ .premium-blog-post-tags-container {
2051
+ margin-left: 0px;
2052
+ }
2053
  }
2054
  /**************** Premium Person ******************/
2055
  /**************************************************/
2056
+ .premium-person-container {
2057
+ position: relative;
2058
  }
2059
  .premium-person-style1 {
2060
+ overflow: hidden;
2061
  }
2062
+ .premium-person-image-container {
2063
+ position: relative;
2064
+ text-align: center;
2065
  }
2066
  .premium-person-image-container .premium-person-image-wrap {
2067
+ overflow: hidden;
2068
+ }
2069
+ .premium-person-zoomout-effect .premium-person-image-container img, .premium-person-scale-effect .premium-person-image-container img {
2070
+ -webkit-transform: scale(1.2);
2071
+ -moz-transform: scale(1.2);
2072
+ -ms-transform: scale(1.2);
2073
+ -o-transform: scale(1.2);
2074
+ transform: scale(1.2);
2075
+ }
2076
+ .premium-person-sepia-effect .premium-person-image-container img {
2077
+ -webkit-filter: sepia(30%);
2078
+ filter: sepia(30%);
2079
+ }
2080
+ .premium-person-bright-effect .premium-person-image-container img {
2081
+ -webkit-filter: brightness(1);
2082
+ filter: brightness(1);
2083
+ }
2084
+ .premium-person-trans-effect .premium-person-image-container img {
2085
+ -webkit-transform: translateX(-15px) scale(1.1);
2086
+ transform: translateX(-15px) scale(1.1);
2087
+ }
2088
+ .premium-person-zoomin-effect:hover .premium-person-image-container img{
2089
+ -webkit-transform: scale(1.2);
2090
+ -moz-transform: scale(1.2);
2091
+ -ms-transform: scale(1.2);
2092
+ -o-transform: scale(1.2);
2093
+ transform: scale(1.2);
2094
+ }
2095
+ .premium-person-zoomout-effect:hover .premium-person-image-container img{
2096
+ -webkit-transform: scale(1.1);
2097
+ -moz-transform: scale(1.1);
2098
+ -ms-transform: scale(1.1);
2099
+ -o-transform: scale(1.1);
2100
+ transform: scale(1.1);
2101
+ }
2102
+ .premium-person-scale-effect:hover .premium-person-image-container img {
2103
+ -webkit-transform: scale(1.3) rotate(5deg);
2104
+ -moz-transform: scale(1.3) rotate(5deg);
2105
+ -ms-transform: scale(1.3) rotate(5deg);
2106
+ -o-transform: scale(1.3) rotate(5deg);
2107
+ transform: scale(1.3) rotate(5deg);
2108
+ }
2109
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
2110
+ -webkit-filter: grayscale(100%);
2111
+ -moz-filter: grayscale(100%);
2112
+ -ms-filter: grayscale(100%);
2113
+ -o-filter: grayscale(100%);
2114
+ filter: grayscale(100%);
2115
+ }
2116
+ .premium-person-blur-effect:hover .premium-person-image-container img {
2117
+ -webkit-filter: blur(3px);
2118
+ -moz-filter: blur(3px);
2119
+ -ms-filter: blur(3px);
2120
+ -o-filter: blur(3px);
2121
+ filter: blur(3px);
2122
+ }
2123
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
2124
+ -webkit-filter: sepia(0%);
2125
+ filter: sepia(0%);
2126
+ }
2127
+ .premium-person-bright-effect:hover .premium-person-image-container img {
2128
+ -webkit-filter: brightness(1.2);
2129
+ filter: brightness(1.2);
2130
+ }
2131
+ .premium-person-trans-effect:hover .premium-person-image-container img {
2132
+ -webkit-transform: translateX(0px) scale(1.1);
2133
+ transform: translateX(0px) scale(1.1);
2134
+ }
2135
+ .premium-person-container .premium-person-image-container img {
2136
+ width: 100%;
2137
+ height: 100%;
2138
+ object-fit: cover;
2139
+ -webkit-transition: all 0.5s ease-in-out;
2140
+ -moz-transition: all 0.5s ease-in-out;
2141
+ -ms-transition: all 0.5s ease-in-out;
2142
+ -o-transition: all 0.5s ease-in-out;
2143
+ transition: all 0.5s ease-in-out;
2144
+ }
2145
+ .premium-person-style1 .premium-person-info {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2146
  position: absolute;
2147
+ top: auto;
2148
+ right: 0;
2149
  left: 0;
2150
  width: 100%;
2151
+ -webkit-transition: all 500ms ease 0s;
2152
+ -moz-transition: all 500ms ease 0s;
2153
+ -ms-transition: all 500ms ease 0s;
2154
+ -o-transition: all 500ms ease 0s;
2155
+ transition: all 500ms ease 0s;
2156
+ -webkit-transform: translate3d(0,100%,0);
2157
+ -moz-transform: translate3d(0,100%,0);
2158
+ -ms-transform: translate3d(0,100%,0);
2159
+ -o-transform: translate3d(0,100%,0);
2160
+ transform: translate3d(0,100%,0);
2161
+ }
2162
+ .premium-person-style2 .premium-person-social {
2163
+ position: absolute;
2164
+ top: 0;
2165
+ left: 0;
2166
+ width: 100%;
2167
+ height: 100%;
2168
+ z-index: 2;
2169
+ display: -ms-flexbox;
2170
+ display: -webkit-flex;
2171
+ display: -moz-flex;
2172
+ display: -ms-flex;
2173
+ display: flex;
2174
+ -webkit-justify-content: center;
2175
+ justify-content: center;
2176
+ -webkit-box-align: center;
2177
  -ms-flex-align: center;
2178
+ -webkit-align-items: center;
2179
+ -ms-flex-align: center;
2180
+ align-items: center;
2181
+ box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2182
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2183
+ -moz-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2184
+ -ms-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2185
+ -o-box-shadow: inset 0 0 120px 0 rgba(0,0,0,.5);
2186
+ -webkit-transition: all .5s linear 0s;
2187
+ -moz-transition: all .5s linear 0s;
2188
+ -ms-transition: all .5s linear 0s;
2189
+ -o-transition: all .5s linear 0s;
2190
+ transition: all .5s linear 0s;
2191
+ opacity: 0;
2192
  }
2193
  .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
2194
+ opacity: 1;
2195
  }
2196
  .premium-person-list-item a {
2197
+ display: inline-block;
2198
  }
2199
  .premium-person-style2 .premium-person-list-item a {
2200
+ opacity: 0;
2201
+ -webkit-transform: scale(0);
2202
+ -moz-transform: scale(0);
2203
+ -ms-transform: scale(0);
2204
+ -o-transform: scale(0);
2205
+ transform: scale(0);
2206
+ -webkit-transition: all .5s ease-in-out 0s;
2207
+ -moz-transition: all .5s ease-in-out 0s;
2208
+ -ms-transition: all .5s ease-in-out 0s;
2209
+ -o-transition: all .5s ease-in-out 0s;
2210
+ transition: all .5s ease-in-out 0s;
2211
  }
2212
  .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
2213
+ opacity: 1;
2214
+ -webkit-transform: scale(1);
2215
+ -moz-transform: scale(1);
2216
+ -ms-transform: scale(1);
2217
+ -o-transform: scale(1);
2218
+ transform: scale(1);
2219
+ }
2220
+ .premium-person-container:hover .premium-person-info {
2221
+ -webkit-transform: translate3d(0,0,0);
2222
+ -moz-transform: translate3d(0,0,0);
2223
+ -ms-transform: translate3d(0,0,0);
2224
+ -o-transform: translate3d(0,0,0);
2225
+ transform: translate3d(0,0,0);
2226
+ bottom: -1px !important;
2227
  }
2228
+ .premium-person-info-container {
2229
+ padding: 30px 15px;
2230
  }
2231
+ .premium-person-name {
2232
+ margin: 0 0 5px;
2233
+ font-weight: 700;
2234
  }
2235
+ .premium-person-title {
2236
+ margin: 0 0 20px;
2237
+ padding: 0;
2238
  }
2239
+ .premium-person-content {
2240
+ margin: 0 0 30px;
2241
  }
2242
  /*Override Theme List Margin*/
2243
+ ul.premium-person-social-list {
2244
+ margin: 0px !important;
2245
+ padding: 0;
2246
+ }
2247
+ .premium-person-social-list .premium-person-list-item {
2248
+ display: inline;
2249
+ list-style: none;
2250
+ }
2251
+ .premium-person-social-list li, .premium-person-social-list li i {
2252
+ position: relative;
2253
+ bottom: 0px;
2254
+ -webkit-transition: all 0.2s ease-in-out;
2255
+ -moz-transition: all 0.2s ease-in-out;
2256
+ -ms-transition: all 0.2s ease-in-out;
2257
+ -o-transition: all 0.2s ease-in-out;
2258
+ transition: all 0.2s ease-in-out;
2259
+ }
2260
+ .premium-person-style1 .premium-person-social-list li:hover {
2261
+ bottom: 5px;
2262
  }
2263
  .premium-person-defaults-yes li.premium-person-facebook:hover a {
2264
+ background-color: #3b5998 !important;
2265
  }
2266
  .premium-person-defaults-yes li.premium-person-twitter:hover a {
2267
+ background-color: #55acee !important;
2268
  }
2269
  .premium-person-defaults-yes li.premium-person-linkedin:hover a {
2270
+ background-color: #0077b5 !important;
2271
  }
2272
  .premium-person-defaults-yes li.premium-person-google:hover a {
2273
+ background-color: #dc4e41 !important;
2274
  }
2275
  .premium-person-defaults-yes li.premium-person-youtube:hover a {
2276
+ background-color: #b31217 !important;
2277
  }
2278
  .premium-person-defaults-yes li.premium-person-instagram:hover a {
2279
+ background-color: #E4405F !important;
2280
  }
2281
  .premium-person-defaults-yes li.premium-person-skype:hover a {
2282
+ background-color: #00AFF0 !important;
2283
  }
2284
  .premium-person-defaults-yes li.premium-person-pinterest:hover a {
2285
+ background-color: #bd081c !important;
2286
  }
2287
  .premium-person-defaults-yes li.premium-person-dribbble:hover a {
2288
+ background-color: #ea4c89 !important;
2289
  }
2290
  .premium-person-defaults-yes li.premium-person-mail:hover a {
2291
+ background-color: #b23121 !important;
2292
  }
2293
  .premium-person-defaults-yes li.premium-person-behance:hover a {
2294
+ background-color: #1769ff !important;
2295
  }
2296
+ .premium-person-social-list li:hover a {
2297
+ box-shadow: none;
2298
  }
2299
+ .premium-person-social-list li a:focus {
2300
+ box-shadow: none;
2301
+ outline: none;
2302
  }
2303
+ .premium-person-social-list li i {
2304
+ font-size: 18px;
2305
  }
2306
+ .elementor-widget-premium-addon-person .elementor-widget-container {
2307
+ display: -ms-flexbox;
2308
+ display: -webkit-flex;
2309
+ display: -moz-flex;
2310
+ display: -ms-flex;
2311
+ display: flex;
2312
+ justify-content: center;
2313
  }
2314
  /**************** Premium Dual Header ******************/
2315
  /*******************************************************/
2316
+ .premium-dual-header-container .premium-dual-header-first-header, .premium-dual-header-container .premium-dual-header-second-header {
2317
+ position: relative;
2318
+ padding: 0;
2319
+ margin: 0;
2320
+ display: inline-block;
2321
+ -webkit-transform: translate(0,0);
2322
+ transform: translate(0,0);
2323
+ }
2324
+ .premium-dual-header-first-clip .premium-dual-header-first-span, .premium-dual-header-second-clip {
2325
+ -webkit-text-fill-color: transparent;
2326
+ -webkit-background-clip: text;
2327
+ }
2328
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span, .premium-dual-header-second-clip.stroke {
2329
+ -webkit-text-stroke-color: transparent;
2330
+ -webkit-text-fill-color: #fafafa;
2331
+ -webkit-text-stroke-width: 2px;
2332
+ }
2333
+ @media (max-width: 500px) {
2334
+ .premium-dual-header-container .premium-dual-header-first-header, .premium-dual-header-container .premium-dual-header-second-header {
2335
+ display: block;
2336
+ word-wrap: break-word;
2337
+ }
2338
+ .premium-dual-header-first-container, .premium-dual-header-second-container {
2339
+ margin: 0;
2340
+ }
2341
+ }
2342
+ @media (min-width: 501px) {
2343
+ .premium-dual-header-first-container {
2344
+ margin-right: 5px;
2345
+ }
2346
+ }
2347
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span, .premium-dual-header-second-header.gradient {
2348
+ background-size: 300% 300% !important;
2349
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2350
+ -moz-animation: Gradient 10s ease-in-out infinite;
2351
+ animation: Gradient 10s ease-in-out infinite;
2352
+ }
2353
+ @-webkit-keyframes Gradient {
2354
+ 0% {
2355
+ background-position: 0% 50%
2356
+ }
2357
+ 50% {
2358
+ background-position: 100% 50%
2359
+ }
2360
+ 100% {
2361
+ background-position: 0% 50%
2362
+ }
2363
+ }
2364
+ @-moz-keyframes Gradient {
2365
+ 0% {
2366
+ background-position: 0% 50%
2367
+ }
2368
+ 50% {
2369
+ background-position: 100% 50%
2370
+ }
2371
+ 100% {
2372
+ background-position: 0% 50%
2373
+ }
2374
+ }
2375
+ @keyframes Gradient {
2376
+ 0% {
2377
+ background-position: 0% 50%
2378
+ }
2379
+ 50% {
2380
+ background-position: 100% 50%
2381
+ }
2382
+ 100% {
2383
+ background-position: 0% 50%
2384
+ }
2385
  }
2386
  /**************** Premium Fancy Text *******************/
2387
  /*******************************************************/
2388
+ .premium-suffix-text, .premium-fancy-text, .premium-prefix-text {
2389
+ font-size: 40px;
2390
  }
2391
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
2392
+ list-style: none;
2393
  }
2394
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
2395
+ vertical-align: top;
2396
  }
2397
  /**************** Premium Pricing Table ****************/
2398
  /*******************************************************/
2399
  /*Pricing Table Container Div Style*/
2400
+ .premium-pricing-table-container {
2401
+ text-align: center;
2402
+ overflow: hidden;
2403
+ -webkit-transition: all 0.3s ease-in-out;
2404
+ -moz-transition: all 0.3s ease-in-out;
2405
+ -o-transition: all 0.3s ease-in-out;
2406
+ -ms-transition: all 0.3s ease-in-out;
2407
+ transition: all 0.3s ease-in-out;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2408
  }
2409
+ .premium-badge-left, .premium-badge-right {
2410
+ position:absolute;
2411
+ top: 0;
2412
+ }
2413
+ .premium-badge-right {
2414
+ right: 0;
2415
+ }
2416
+ .premium-badge-left {
2417
+ left: 0;
2418
+ }
2419
+ .premium-badge-left .corner {
2420
+ width: 0;
2421
+ height: 0;
2422
+ border-top: 150px solid;
2423
+ border-bottom: 150px solid transparent;
2424
+ border-right: 150px solid transparent;
2425
+ }
2426
+ .premium-badge-right .corner {
2427
+ width: 0;
2428
+ height: 0;
2429
+ border-bottom: 150px solid transparent;
2430
+ border-right: 150px solid;
2431
+ border-left: 150px solid transparent;
2432
+ }
2433
+ .premium-badge-left span, .premium-badge-right span{
2434
+ position:absolute;
2435
+ top: 35px;
2436
+ width: 100px;
2437
+ text-align: center;
2438
+ -webkit-transform: rotate(-45deg);
2439
+ transform: rotate(-45deg);
2440
+ display:block;
2441
+ text-transform: uppercase;
2442
+ }
2443
+ .premium-badge-right span {
2444
+ -webkit-transform: rotate(45deg);
2445
+ transform: rotate(45deg);
2446
+ right: 0;
2447
+ }
2448
+ .premium-pricing-price-currency {
2449
+ position: relative;
2450
+ }
2451
+ .premium-pricing-icon-container {
2452
+ line-height: 0;
2453
+ }
2454
+ .premium-pricing-button-container {
2455
+ display: block;
2456
+ }
2457
+ .premium-pricing-list {
2458
  display: -webkit-box;
2459
  display: -webkit-flex;
2460
  display: -ms-flexbox;
2461
  display: flex;
2462
+ -webkit-flex-direction: column;
2463
+ -ms-flex-direction: column;
2464
+ flex-direction: column;
2465
+ list-style-type: none;
2466
+ margin: 0;
2467
  }
2468
+ .premium-pricing-list li {
2469
+ display: -webkit-box;
2470
+ display: -webkit-flex;
2471
+ display: -ms-flexbox;
2472
+ display: flex;
2473
+ -webkit-align-items: center;
2474
+ -ms-flex-align: center;
2475
+ align-items: center;
2476
+ }
2477
+ .premium-pricing-slashed-price-value {
2478
+ display: inline-block;
2479
+ font-size: 20px;
2480
+ font-weight: 400;
2481
+ margin-right: 5px;
2482
+ }
2483
+ .premium-pricing-price-value {
2484
+ font-size: 70px;
2485
+ }
2486
+ .premium-pricing-description-container li{
2487
+ list-style-position: inside;
2488
+ text-indent: -40px;
2489
+ }
2490
+ @-moz-document url-prefix() {
2491
+ .premium-pricing-description-container li{
2492
+ text-indent: 0px;
2493
+ }
2494
+ }
2495
+ .premium-pricing-price-button {
2496
+ display: block;
2497
+ padding: 6px 12px;
2498
+ line-height: 1.42857143;
2499
+ text-align: center;
2500
+ color: #fff;
2501
+ background: #6ec1e4;
2502
+ margin-bottom: 0;
2503
+ -webkit-transition: all 0.3s ease-in-out;
2504
+ -moz-transition: all 0.3s ease-in-out;
2505
+ -o-transition: all 0.3s ease-in-out;
2506
+ -ms-transition: all 0.3s ease-in-out;
2507
+ transition: all 0.3s ease-in-out;
2508
  }
2509
  /**************** Premium Google Maps ******************/
2510
  /*******************************************************/
2511
+ .premium-maps-info-container {
2512
+ margin-top: 10px;
2513
+ margin-bottom: 10px;
2514
  }
2515
+ .premium-maps-info-title, .premium-maps-info-desc {
2516
+ margin: 0;
2517
+ padding: 0;
2518
  }
2519
+ .premium-maps-container .gm-style-iw {
2520
+ text-align: center;
2521
  }
2522
+ .premium-maps-container .gm-style img {
2523
+ max-width: none !important;
2524
  }
2525
  /**************** Premium Button ***********************/
2526
  /*******************************************************/
2527
+ .premium-button {
2528
+ display: inline-block;
2529
+ position: relative;
2530
+ overflow: hidden;
2531
+ cursor: pointer;
2532
+ -webkit-transition: all 0.2s ease-in-out !important;
2533
+ -moz-transition: all 0.2s ease-in-out !important;
2534
+ -ms-transition: all 0.2s ease-in-out !important;
2535
+ -o-transition: all 0.2s ease-in-out !important;
2536
+ transition: all 0.2s ease-in-out !important;
2537
+ }
2538
+ .premium-button-sm {
2539
+ padding: 12px 24px;
2540
+ font-size: 14px;
2541
+ line-height: 1;
2542
+ }
2543
+ .premium-button-md {
2544
+ padding: 14px 26px;
2545
+ font-size: 16px;
2546
+ line-height: 1.2;
2547
+ }
2548
+ .premium-button-lg {
2549
+ padding: 16px 28px;
2550
+ font-size: 18px;
2551
+ line-height: 1.3333;
2552
+ }
2553
+ .premium-button-block {
2554
+ font-size: 15px;
2555
+ line-height: 1;
2556
+ padding: 12px 24px;
2557
+ width: 100%;
2558
+ text-align: center;
2559
+ }
2560
+ .premium-button-text {
2561
+ display: inline-block;
2562
+ width: 100%;
2563
+ }
2564
+ .premium-button-style1-bottom, .premium-button-style1-top, .premium-button-style1-right, .premium-button-style1-left, .premium-button-style2-shutouthor, .premium-button-style2-shutoutver, .premium-button-style2-shutinhor, .premium-button-style2-shutinver, .premium-button-style2-scshutouthor, .premium-button-style2-scshutoutver, .premium-button-style2-dshutinhor, .premium-button-style2-dshutinver, .premium-button-style5-radialin, .premium-button-style5-radialout, .premium-button-style5-rectin, .premium-button-style5-rectout {
2565
+ display: inline-block;
2566
+ vertical-align: middle;
2567
+ -webkit-transform: perspective(1px) translateZ(0);
2568
+ transform: perspective(1px) translateZ(0);
2569
+ box-shadow: 0 0 1px transparent;
2570
+ position: relative;
2571
+ -webkit-transition-property: color;
2572
+ transition-property: color;
2573
+ -webkit-transition-duration: 0.15s;
2574
+ transition-duration: 0.15s;
2575
+ }
2576
+ .premium-button-style1-bottom:before, .premium-button-style1-top:before, .premium-button-style1-right:before, .premium-button-style1-left:before, .premium-button-style2-shutinhor:before, .premium-button-style2-shutinver:before, .premium-button-style2-shutouthor:before, .premium-button-style2-shutoutver:before, .premium-button-style2-scshutouthor:before, .premium-button-style2-scshutoutver:before, .premium-button-style2-dshutinhor:before, .premium-button-style2-dshutinver:before, .premium-button-style5-radialin:before, .premium-button-style5-radialout:before, .premium-button-style5-rectin:before, .premium-button-style5-rectout:before {
2577
+ content: "";
2578
+ position: absolute;
2579
+ z-index: -1;
2580
+ top: 0;
2581
+ left: 0;
2582
+ right: 0;
2583
+ bottom: 0;
2584
+ -webkit-transform: scaleY(0);
2585
+ transform: scaleY(0);
2586
+ -webkit-transform-origin: 50% 0;
2587
+ transform-origin: 50% 0;
2588
+ -webkit-transition-property: transform;
2589
+ transition-property: transform;
2590
+ -webkit-transition-duration: 0.15s;
2591
+ transition-duration: 0.15s;
2592
+ -webkit-transition-timing-function: ease-out;
2593
+ transition-timing-function: ease-out;
2594
+ }
2595
+ .premium-button-style5-radialin:before, .premium-button-style5-radialout:before {
2596
+ -webkit-transform-origin: 50%;
2597
+ transform-origin: 50%;
2598
+ border-radius: 100%;
2599
+ -webkit-transform: scale(0);
2600
+ transform: scale(0);
2601
+ }
2602
+ .premium-button-style5-radialin:before {
2603
+ -webkit-transform: scale(2);
2604
+ transform: scale(2);
2605
+ }
2606
+ .premium-button-style5-rectin:before, .premium-button-style5-rectout:before {
2607
+ -webkit-transform-origin: 50%;
2608
+ transform-origin: 50%;
2609
+ -webkit-transform: scale(1);
2610
+ transform: scale(1);
2611
+ }
2612
+ .premium-button-style5-rectout:before {
2613
+ -webkit-transform: scale(0);
2614
+ transform: scale(0);
2615
+ }
2616
+ .premium-button-style5-rectout:hover:before {
2617
+ -webkit-transform: scale(1);
2618
+ transform: scale(1);
2619
+ }
2620
+ .premium-button-style5-rectin:hover:before {
2621
+ -webkit-transform: scale(0);
2622
+ transform: scale(0);
2623
+ }
2624
+ .premium-button-style5-radialout:hover:before {
2625
+ -webkit-transform: scale(2);
2626
+ transform: scale(2);
2627
+ }
2628
+ .premium-button-style5-radialin:hover:before {
2629
+ -webkit-transform: scale(0);
2630
+ transform: scale(0);
2631
+ }
2632
+ .premium-button-style1-top:before {
2633
+ -webkit-transform-origin: 50% 100%;
2634
+ transform-origin: 50% 100%;
2635
+ }
2636
+ .premium-button-style1-right:before {
2637
+ -webkit-transform: scaleX(0);
2638
+ transform: scaleX(0);
2639
+ -webkit-transform-origin: 0% 50%;
2640
+ transform-origin: 0% 50%;
2641
+ }
2642
+ .premium-button-style1-left:before {
2643
+ -webkit-transform: scaleX(0);
2644
+ transform: scaleX(0);
2645
+ -webkit-transform-origin: 100% 50%;
2646
+ transform-origin: 100% 50%;
2647
+ }
2648
+ .premium-button-style2-shutouthor:before, .premium-button-style2-scshutoutver:before{
2649
+ -webkit-transform: scaleY(0);
2650
+ transform: scaleY(0);
2651
+ -webkit-transform-origin: 100% 50%;
2652
+ transform-origin: 100% 50%;
2653
+ }
2654
+ .premium-button-style2-shutoutver:before, .premium-button-style2-scshutouthor:before{
2655
+ -webkit-transform: scaleX(0);
2656
+ transform: scaleX(0);
2657
+ -webkit-transform-origin: 50% 50%;
2658
+ transform-origin: 50% 50%;
2659
+ }
2660
+ .premium-button-style2-shutinhor:before{
2661
+ -webkit-transform: scaleX(1);
2662
+ transform: scaleX(1);
2663
+ -webkit-transform-origin: 50%;
2664
+ transform-origin: 50%;
2665
+ }
2666
+ .premium-button-style2-shutinver:before{
2667
+ -webkit-transform: scaleY(1);
2668
+ transform: scaleY(1);
2669
+ -webkit-transform-origin: 50%;
2670
+ transform-origin: 50%;
2671
+ }
2672
+ .premium-button-style1-bottom:hover:before, .premium-button-style1-top:hover:before{
2673
+ -webkit-transform: scaleY(1);
2674
+ transform: scaleY(1);
2675
+ }
2676
+ .premium-button-style1-left:hover:before, .premium-button-style1-right:hover:before, .premium-button-style2-shutouthor:hover:before, .premium-button-style2-shutoutver:hover:before{
2677
+ -webkit-transform: scaleX(1);
2678
+ transform: scaleX(1);
2679
+ }
2680
+ .premium-button-style2-shutinhor:hover:before{
2681
+ -webkit-transform: scaleX(0);
2682
+ transform: scaleX(0);
2683
+ }
2684
+ .premium-button-style2-shutinver:hover:before{
2685
+ -webkit-transform: scaleY(0);
2686
+ transform: scaleY(0);
2687
+ }
2688
+ .premium-button-style2-scshutouthor:hover:before{
2689
+ -webkit-transform: scaleX(0.9);
2690
+ transform: scaleX(0.9);
2691
+ }
2692
+ .premium-button-style2-scshutoutver:hover:before{
2693
+ -webkit-transform: scaleY(0.8);
2694
+ transform: scaleY(0.8);
2695
  }
2696
  /*Diagonal*/
2697
+ .premium-button-style2-dshutinhor:before, .premium-button-style2-dshutinver:before {
2698
+ top: 50%;
2699
+ left: 50%;
2700
+ width: 120%;
2701
+ height: 0%;
2702
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2703
+ transform: translateX(-50%) translateY(-50%) rotate(-45deg);
2704
+ -webkit-transform-origin: 50%;
2705
+ transform-origin: 50%;
2706
+ -webkit-transition-property: all;
2707
+ transition-property: all;
2708
+ }
2709
+ .premium-button-style2-dshutinver:before {
2710
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2711
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
2712
+ }
2713
+ .premium-button-style2-dshutinhor:hover:before, .premium-button-style2-dshutinver:hover:before{
2714
+ height: 220%;
2715
+ }
2716
+ .premium-button-style3-before i, .premium-button-style3-after i{
2717
+ opacity: 0;
2718
+ -webkit-transform: translateX(-5px);
2719
+ transform: translateX(-5px);
2720
+ -webkit-transition: all 0.5s ease-in-out;
2721
+ -moz-transition: all 0.5s ease-in-out;
2722
+ -ms-transition: all 0.5s ease-in-out;
2723
+ -o-transition: all 0.5s ease-in-out;
2724
+ transition: all 0.5s ease-in-out;
2725
+ }
2726
+ .premium-button-style3-after i{
2727
+ -webkit-transform: translateX(5px);
2728
+ transform: translateX(5px);
2729
+ }
2730
+ .premium-button-style3-after:hover i {
2731
+ opacity: 1;
2732
+ }
2733
+ .premium-button-style3-before:hover i {
2734
+ opacity: 1;
2735
+ }
2736
+ .premium-button-text-icon-wrapper {
2737
+ display: -webkit-box;
2738
+ display: -webkit-flex;
2739
+ display: -ms-flexbox;
2740
+ display: flex;
2741
+ justify-content: center;
2742
+ align-items: center;
2743
+ }
2744
+ .premium-button-text-icon-wrapper span, .premium-button-text-icon-wrapper, .premium-button-text-icon-wrapper i{
2745
+ -webkit-transition: all 0.2s ease-in-out;
2746
+ -moz-transition: all 0.2s ease-in-out;
2747
+ -ms-transition: all 0.2s ease-in-out;
2748
+ -o-transition: all 0.2s ease-in-out;
2749
+ transition: all 0.2s ease-in-out;
2750
+ }
2751
+ .premium-button-style4-icon-wrapper {
2752
+ position: absolute;
2753
+ z-index: 2;
2754
+ width: 100%;
2755
+ text-align: center;
2756
+ display: flex;
2757
+ align-items: center;
2758
+ justify-content: center;
2759
+ height: 100%;
2760
+ opacity: 0;
2761
+ -webkit-transition: all 0.3s ease-in-out;
2762
+ -moz-transition: all 0.3s ease-in-out;
2763
+ -ms-transition: all 0.3s ease-in-out;
2764
+ -o-transition: all 0.3s ease-in-out;
2765
+ transition: all 0.3s ease-in-out;
2766
+ }
2767
+ .premium-button-style4-icon-wrapper.top {
2768
+ bottom: -100%;
2769
+ left: 0;
2770
+ }
2771
+ .premium-button-style4-icon-wrapper.bottom {
2772
+ top: -100%;
2773
+ left: 0;
2774
+ }
2775
+ .premium-button-style4-icon-wrapper.left {
2776
+ top: 0;
2777
+ left: -100%;
2778
+ }
2779
+ .premium-button-style4-icon-wrapper.right {
2780
+ top: 0;
2781
+ right: -100%;
2782
+ }
2783
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
2784
+ top: 0;
2785
+ opacity: 1;
2786
+ }
2787
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
2788
+ bottom: 0;
2789
+ opacity: 1;
2790
+ }
2791
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
2792
+ left: 0;
2793
+ opacity: 1;
2794
+ }
2795
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
2796
+ right: 0;
2797
+ opacity: 1;
2798
+ }
2799
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper{
2800
+ -webkit-transform: translateY(100%);
2801
+ transform: translateY(100%);
2802
+ opacity: 0;
2803
+ }
2804
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper{
2805
+ -webkit-transform: translateY(-100%);
2806
+ transform: translateY(-100%);
2807
+ opacity: 0;
2808
+ }
2809
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper{
2810
+ -webkit-transform: translateX(100%);
2811
+ transform: translateX(100%);
2812
+ opacity: 0;
2813
+ }
2814
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper{
2815
+ -webkit-transform: translateX(-100%);
2816
+ transform: translateX(-100%);
2817
+ opacity: 0;
2818
  }
2819
  /**************** Premium Contact Form7 **********/
2820
  /*************************************************/
2821
+ .premium_border_animation1 .wpcf7-span::after {
2822
+ display: block;
2823
+ height: 2px;
2824
+ content: '';
2825
+ top: -2px;
2826
+ position: relative;
2827
+ width: 0px;
2828
+ -webkit-transition: all ease-in-out .3s;
2829
+ -moz-transition: all ease-in-out .3s;
2830
+ -ms-transition: all ease-in-out .3s;
2831
+ -o-transition: all ease-in-out .3s;
2832
+ transition: all ease-in-out .3s;
2833
+ }
2834
+ .premium_border_animation1 .wpcf7-span.is-focused::after {
2835
+ width: 100%;
2836
  }
2837
  /**************** Premium Image Button ***********/
2838
  /*************************************************/
2839
+ .premium-image-button {
2840
+ display: inline-block;
2841
+ position: relative;
2842
+ overflow: hidden;
2843
+ background: #6ec1e4;
2844
+ cursor: pointer;
2845
+ -webkit-transition: all 0.2s ease-in-out !important;
2846
+ -moz-transition: all 0.2s ease-in-out !important;
2847
+ -ms-transition: all 0.2s ease-in-out !important;
2848
+ -o-transition: all 0.2s ease-in-out !important;
2849
+ transition: all 0.2s ease-in-out !important;
2850
  }
2851
  /*Default background for slide styles*/
2852
+ .premium-image-button:hover, .premium-image-button-style4-icon-wrapper, .premium-image-button-style1-top:before, .premium-image-button-style1-bottom:before, .premium-image-button-style1-left:before, .premium-image-button-style1-right:before {
2853
+ background-color: #54595f;
2854
+ }
2855
+ .premium-image-button.premium-image-button-sm {
2856
+ padding: 12px 24px;
2857
+ font-size: 14px;
2858
+ line-height: 1;
2859
+ }
2860
+ .premium-image-button.premium-image-button-md {
2861
+ padding: 14px 26px;
2862
+ font-size: 16px;
2863
+ line-height: 1.2;
2864
+ }
2865
+ .premium-image-button.premium-image-button-lg {
2866
+ padding: 16px 28px;
2867
+ font-size: 18px;
2868
+ line-height: 1.3333;
2869
+ }
2870
+ .premium-image-button.premium-image-button-block {
2871
+ font-size: 15px;
2872
+ line-height: 1;
2873
+ padding: 12px 24px;
2874
+ width: 100%;
2875
+ text-align: center;
2876
+ }
2877
+ .premium-image-button-text-icon-wrapper {
2878
+ display: -webkit-box;
2879
+ display: -webkit-flex;
2880
+ display: -ms-flexbox;
2881
+ display: flex;
2882
+ justify-content: center;
2883
+ align-items: center;
2884
+ position: relative;
2885
+ z-index: 3;
2886
+ }
2887
+ .premium-image-button-text-icon-wrapper span, .premium-image-button-text-icon-wrapper, .premium-image-button-text-icon-wrapper i{
2888
+ -webkit-transition: all 0.2s ease-in-out;
2889
+ -moz-transition: all 0.2s ease-in-out;
2890
+ -ms-transition: all 0.2s ease-in-out;
2891
+ -o-transition: all 0.2s ease-in-out;
2892
+ transition: all 0.2s ease-in-out;
2893
+ }
2894
+ .premium-image-button-style1-bottom:before, .premium-image-button-style1-top:before, .premium-image-button-style1-left:before, .premium-image-button-style1-right:before {
2895
+ -webkit-transition: all 0.2s ease-in-out;
2896
+ -moz-transition: all 0.2s ease-in-out;
2897
+ -ms-transition: all 0.2s ease-in-out;
2898
+ -o-transition: all 0.2s ease-in-out;
2899
+ transition: all 0.2s ease-in-out;
2900
+ }
2901
+ .premium-image-button-style1-bottom:before {
2902
+ content: "";
2903
+ position: absolute;
2904
+ width: 100%;
2905
+ height: 0;
2906
+ top: 0;
2907
+ left: 0;
2908
+ }
2909
+ .premium-image-button-style1-top:before {
2910
+ content: "";
2911
+ position: absolute;
2912
+ width: 100%;
2913
+ height: 0;
2914
+ bottom: 0;
2915
+ left: 0;
2916
+ }
2917
+ .premium-image-button-style1-right:before {
2918
+ content: "";
2919
+ position: absolute;
2920
+ width: 0;
2921
+ height: 100%;
2922
+ bottom: 0;
2923
+ left: 0;
2924
+ }
2925
+ .premium-image-button-style1-left:before {
2926
+ content: "";
2927
+ position: absolute;
2928
+ width: 0;
2929
+ height: 100%;
2930
+ top: 0;
2931
+ right: 0;
2932
+ }
2933
+ .premium-image-button-style1-bottom:hover:before {
2934
+ height: 100%;
2935
+ }
2936
+ .premium-image-button-style1-top:hover:before {
2937
+ height: 100%;
2938
+ }
2939
+ .premium-image-button-style1-right:hover:before {
2940
+ width: 100%;
2941
+ }
2942
+ .premium-image-button-style1-left:hover:before {
2943
+ width: 100%;
2944
+ }
2945
+ .premium-image-button-diagonal-effect-top, .premium-image-button-diagonal-effect-bottom, .premium-image-button-diagonal-effect-left, .premium-image-button-diagonal-effect-right {
2946
+ z-index: 10;
2947
+ }
2948
+ .premium-image-button-diagonal-effect-top:before, .premium-image-button-diagonal-effect-bottom:before, .premium-image-button-diagonal-effect-left:before, .premium-image-button-diagonal-effect-right:before {
2949
+ position: absolute;
2950
+ top: 0px;
2951
+ left: 0px;
2952
+ width: 100%;
2953
+ height: 100%;
2954
+ content: "";
2955
+ z-index: 1;
2956
+ background: rgba(255,255,255,0.2);
2957
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2958
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2959
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2960
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2961
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2962
+ -webkit-transition: all 0.8s ease-out;
2963
+ -moz-transition: all 0.8s ease-out;
2964
+ -o-transition: all 0.8s ease-out;
2965
+ -ms-transition: all 0.8s ease-out;
2966
+ transition: all 0.8s ease-out;
2967
+ }
2968
+ .premium-image-button-diagonal-effect-right:hover:before, .premium-image-button-diagonal-effect-left:before {
2969
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2970
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2971
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2972
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2973
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
2974
+ }
2975
+ .premium-image-button-diagonal-effect-left:hover:before, .premium-image-button-diagonal-effect-right:before {
2976
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2977
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2978
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2979
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2980
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);
2981
+ }
2982
+ .premium-image-button-diagonal-effect-top:hover:before, .premium-image-button-diagonal-effect-bottom:before {
2983
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2984
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2985
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2986
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2987
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
2988
+ }
2989
+ .premium-image-button-diagonal-effect-bottom:hover:before, .premium-image-button-diagonal-effect-top:before {
2990
+ -webkit-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2991
+ -moz-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2992
+ -o-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2993
+ -ms-transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2994
+ transform: scale3d(14,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
2995
+ }
2996
+ .premium-image-button-style4-icon-wrapper {
2997
+ position: absolute;
2998
+ z-index: 2;
2999
+ width: 100%;
3000
+ text-align: center;
3001
+ display: -webkit-box;
3002
+ display: -webkit-flex;
3003
+ display: -ms-flexbox;
3004
+ display: flex;
3005
+ align-items: center;
3006
+ justify-content: center;
3007
+ height: 100%;
3008
+ opacity: 0;
3009
+ -webkit-transition: all 0.3s ease-in-out;
3010
+ -moz-transition: all 0.3s ease-in-out;
3011
+ -ms-transition: all 0.3s ease-in-out;
3012
+ -o-transition: all 0.3s ease-in-out;
3013
+ transition: all 0.3s ease-in-out;
3014
+ }
3015
+ .premium-image-button-style4-icon-wrapper.top {
3016
+ bottom: -100%;
3017
+ left: 0;
3018
+ }
3019
+ .premium-image-button-style4-icon-wrapper.bottom {
3020
+ top: -100%;
3021
+ left: 0;
3022
+ }
3023
+ .premium-image-button-style4-icon-wrapper.left {
3024
+ top: 0;
3025
+ left: -100%;
3026
+ }
3027
+ .premium-image-button-style4-icon-wrapper.right {
3028
+ top: 0;
3029
+ right: -100%;
3030
+ }
3031
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
3032
+ top: 0;
3033
+ opacity: 1;
3034
+ }
3035
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
3036
+ bottom: 0;
3037
+ opacity: 1;
3038
+ }
3039
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
3040
+ left: 0;
3041
+ opacity: 1;
3042
+ }
3043
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
3044
+ right: 0;
3045
+ opacity: 1;
3046
+ }
3047
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper{
3048
+ -webkit-transform: translateY(100%);
3049
+ transform: translateY(100%);
3050
+ opacity: 0;
3051
+ }
3052
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper{
3053
+ -webkit-transform: translateY(-100%);
3054
+ transform: translateY(-100%);
3055
+ opacity: 0;
3056
+ }
3057
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper{
3058
+ -webkit-transform: translateX(100%);
3059
+ transform: translateX(100%);
3060
+ opacity: 0;
3061
+ }
3062
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper{
3063
+ -webkit-transform: translateX(-100%);
3064
+ transform: translateX(-100%);
3065
+ opacity: 0;
3066
+ }
3067
+ .premium-image-button-overlap-effect-horizontal:before, .premium-image-button-overlap-effect-vertical:before {
3068
+ position: absolute;
3069
+ content: "";
3070
+ top: 0;
3071
+ left: 0;
3072
+ width: 100%;
3073
+ height: 100%;
3074
+ opacity: 0;
3075
+ -webkit-transition: all 1s ease-in-out;
3076
+ -moz-transition: all 1s ease-in-out;
3077
+ -ms-transition: all 1s ease-in-out;
3078
+ -o-transition: all 1s ease-in-out;
3079
+ transition: all 1s ease-in-out;
3080
+ background: rgba(255,255,255,0.2);
3081
+ animation-name: premium-overlap-effect-done;
3082
+ animation-duration: 1s;
3083
+ }
3084
+ .premium-image-button-overlap-effect-vertical:before {
3085
+ animation-name: premium-overlap-ver-effect-done;
3086
+ animation-duration: 1s;
3087
+ }
3088
+ .premium-image-button-overlap-effect-horizontal:hover:before {
3089
+ animation-name: premium-overlap-effect;
3090
+ animation-duration: 1s;
3091
+ }
3092
+ .premium-image-button-overlap-effect-vertical:hover:before {
3093
+ animation-name: premium-overlap-ver-effect;
3094
+ animation-duration: 1s;
3095
+ }
3096
+ @keyframes premium-overlap-effect{
3097
+ 0% {
3098
+ opacity: 0;
3099
+ -webkit-transform: rotateY(0deg);
3100
+ transform: rotateY(0deg);
3101
+ }
3102
+ 50% {
3103
+ opacity: 1;
3104
+ -webkit-transform: rotateY(180deg);
3105
+ transform: rotateY(180deg);
3106
+ }
3107
+ 100% {
3108
+ opacity: 0;
3109
+ -webkit-transform: rotateY(360deg);
3110
+ transform: rotateY(360deg);
3111
+ }
3112
+ }
3113
+ @keyframes premium-overlap-effect-done{
3114
+ 0% {
3115
+ opacity: 0;
3116
+ -webkit-transform: rotateY(0deg);
3117
+ transform: rotateY(0deg);
3118
+ }
3119
+ 50% {
3120
+ opacity: 1;
3121
+ -webkit-transform: rotateY(180deg);
3122
+ transform: rotateY(180deg);
3123
+ }
3124
+ 100% {
3125
+ opacity: 0;
3126
+ -webkit-transform: rotateY(360deg);
3127
+ transform: rotateY(360deg);
3128
+ }
3129
+ }
3130
+ @keyframes premium-overlap-ver-effect{
3131
+ 0% {
3132
+ opacity: 0;
3133
+ -webkit-transform: rotateX(0deg);
3134
+ transform: rotateX(0deg);
3135
+ }
3136
+ 50% {
3137
+ opacity: 1;
3138
+ -webkit-transform: rotateX(180deg);
3139
+ transform: rotateX(180deg);
3140
+ }
3141
+ 100% {
3142
+ opacity: 0;
3143
+ -webkit-transform: rotateX(360deg);
3144
+ transform: rotateX(360deg);
3145
+ }
3146
+ }
3147
+ @keyframes premium-overlap-ver-effect-done{
3148
+ 0% {
3149
+ opacity: 0;
3150
+ -webkit-transform: rotateX(0deg);
3151
+ transform: rotateX(0deg);
3152
+ }
3153
+ 50% {
3154
+ opacity: 1;
3155
+ -webkit-transform: rotateX(180deg);
3156
+ transform: rotateX(180deg);
3157
+ }
3158
+ 100% {
3159
+ opacity: 0;
3160
+ -webkit-transform: rotateX(360deg);
3161
+ transform: rotateX(360deg);
3162
+ }
3163
  }
3164
  /**************** Premium Grid *******************/
3165
  /*************************************************/
3166
+ .premium-img-gallery-filter, .premium-blog-filter {
3167
+ display: -webkit-box;
3168
+ display: -webkit-flex;
3169
+ display: -ms-flexbox;
3170
+ display: flex;
3171
+ align-items: center;
3172
+ justify-content: center;
3173
+ }
3174
+ .premium-img-gallery {
3175
+ clear: both;
3176
+ overflow: hidden;
3177
+ }
3178
+ .premium-gallery-container .premium-gallery-item {
3179
+ padding: 10px;
3180
+ float: left;
3181
+ /* Google Chrome isotope issue */
3182
+ }
3183
+ .premium-gallery-container .grid-sizer {
3184
+ width: 33.33%;
3185
+ }
3186
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category, .premium-blog-filter .premium-blog-cats-container li a.category {
3187
+ text-decoration: none;
3188
+ border-radius: 75px;
3189
+ margin: 15px 5px 20px;
3190
+ padding: 7px 20px;
3191
+ -webkit-transition: all 0.3s ease-in-out;
3192
+ -moz-transition: all 0.3s ease-in-out;
3193
+ -ms-transition: all 0.3s ease-in-out;
3194
+ -o-transition: all 0.3s ease-in-out;
3195
+ transition: all 0.3s ease-in-out;
3196
+ }
3197
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
3198
+ -webkit-transition: all 0.3s ease-in-out;
3199
+ -moz-transition: all 0.3s ease-in-out;
3200
+ -ms-transition: all 0.3s ease-in-out;
3201
+ -o-transition: all 0.3s ease-in-out;
3202
+ transition: all 0.3s ease-in-out;
3203
+ }
3204
+ .pa-gallery-img {
3205
+ position: relative;
3206
+ }
3207
+ .pa-gallery-img .pa-gallery-whole-link {
3208
+ position: absolute;
3209
+ top: 0;
3210
+ left: 0;
3211
+ width: 100%;
3212
+ height: 100%;
3213
+ }
3214
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
3215
+ z-index: 99;
3216
+ }
3217
+ .pa-gallery-img-container {
3218
+ overflow: hidden;
3219
+ -webkit-backface-visibility: hidden;
3220
+ -moz-backface-visibility: hidden;
3221
+ -webkit-transform: translate3d(0, 0, 0);
3222
+ -moz-transform: translate3d(0, 0, 0);
3223
+ transform: translate3d(0, 0, 0);
3224
+ }
3225
+ .pa-gallery-img-container img {
3226
+ display: block;
3227
+ width: 100%;
3228
+ -webkit-transition: all 0.3s ease-in-out;
3229
+ -moz-transition: all 0.3s ease-in-out;
3230
+ -ms-transition: all 0.3s ease-in-out;
3231
+ -o-transition: all 0.3s ease-in-out;
3232
+ transition: all 0.3s ease-in-out;
3233
+ }
3234
+ .premium-img-gallery.gray img {
3235
+ filter: grayscale(100%);
3236
+ }
3237
+ .premium-img-gallery.zoomout img, .premium-img-gallery.scale img{
3238
+ transform: scale(1.2);
3239
+ }
3240
+ .premium-img-gallery.sepia img{
3241
+ -webkit-filter: sepia(30%);
3242
+ filter: sepia(30%);
3243
+ }
3244
+ .premium-img-gallery.bright img{
3245
+ -webkit-filter: brightness(1);
3246
+ filter: brightness(1);
3247
+ }
3248
+ .premium-img-gallery.trans img{
3249
+ -webkit-transform: translateX(-15px) scale(1.1);
3250
+ transform: translateX(-15px) scale(1.1);
3251
+ }
3252
+ .pa-gallery-img .pa-gallery-magnific-image, .pa-gallery-img .pa-gallery-img-link {
3253
+ outline: none;
3254
+ }
3255
+ .pa-gallery-img .pa-gallery-magnific-image span, .pa-gallery-img .pa-gallery-img-link span {
3256
+ line-height: 1;
3257
+ display: inline-block;
3258
+ opacity: 0;
3259
+ margin: 0 5px;
3260
+ padding: 15px;
3261
+ border-radius: 50%;
3262
+ }
3263
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span, .pa-gallery-img.style2 .pa-gallery-img-link span {
3264
+ margin: 0 5px 20px;
3265
+ }
3266
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
3267
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3268
+ -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3269
+ -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3270
+ -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3271
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
3272
+ }
3273
+ .pa-gallery-img:hover .pa-gallery-img-link span {
3274
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3275
+ -moz-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3276
+ -ms-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3277
+ -o-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3278
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
3279
+ }
3280
+ .pa-gallery-img:hover .pa-gallery-magnific-image span, .pa-gallery-img:hover .pa-gallery-img-link span, .premium-gallery-icon-show a.pa-gallery-video-icon span {
3281
+ opacity: 1;
3282
+ }
3283
+ .premium-img-gallery-filter ul.premium-gallery-cats-container, .premium-blog-filter ul.premium-blog-cats-container {
3284
+ text-align: center;
3285
+ margin: 0;
3286
+ padding: 0;
3287
+ }
3288
+ .premium-img-gallery-filter .premium-gallery-cats-container li, .premium-blog-filter .premium-blog-cats-container li {
3289
+ list-style: none;
3290
+ display: -webkit-inline-box;
3291
+ display: -webkit-inline-flex;
3292
+ display: -ms-inline-flexbox;
3293
+ display: inline-flex;
3294
+ }
3295
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
3296
+ -webkit-transform: scale(1.1);
3297
+ -ms-transform: scale(1.1);
3298
+ transform: scale(1.1);
3299
+ }
3300
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
3301
+ -webkit-transform: scale(1);
3302
+ -ms-transform: scale(1);
3303
+ transform: scale(1);
3304
+ }
3305
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
3306
+ -webkit-transform: scale(1.3) rotate(5deg);
3307
+ -ms-transform: scale(1.3) rotate(5deg);
3308
+ transform: scale(1.3) rotate(5deg);
3309
+ }
3310
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
3311
+ filter: grayscale(0%);
3312
+ }
3313
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
3314
+ filter: blur(3px);
3315
+ }
3316
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
3317
+ -webkit-filter: sepia(0%);
3318
+ filter: sepia(0%);
3319
+ }
3320
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
3321
+ -webkit-transform: translateX(0px) scale(1.1);
3322
+ -moz-transform: translateX(0px) scale(1.1);
3323
+ transform: translateX(0px) scale(1.1);
3324
+ }
3325
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
3326
+ -webkit-filter: brightness(1.2);
3327
+ filter: brightness(1.2);
3328
+ }
3329
+ .pa-gallery-img .premium-gallery-caption {
3330
+ padding: 10px;
3331
+ }
3332
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name{
3333
+ margin-bottom: 0;
3334
+ }
3335
+ .pa-gallery-img.style1 {
3336
+ overflow: hidden;
3337
+ }
3338
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
3339
+ position: absolute;
3340
+ top: 0;
3341
+ left: 0;
3342
+ width: 100%;
3343
+ height: 100%;
3344
+ -webkit-transition: all 0.3s ease-in-out;
3345
+ -moz-transition: all 0.3s ease-in-out;
3346
+ -ms-transition: all 0.3s ease-in-out;
3347
+ -o-transition: all 0.3s ease-in-out;
3348
+ transition: all 0.3s ease-in-out;
3349
+ }
3350
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
3351
+ position: absolute;
3352
+ top: 33.33%;
3353
+ width: 100%;
3354
+ text-align: center;
3355
+ -webkit-transform: translateY(-50%);
3356
+ transform: translateY(-50%);
3357
+ z-index: 999;
3358
+ }
3359
+ .pa-gallery-img.style1 .premium-gallery-caption {
3360
+ position: absolute;
3361
+ top: auto;
3362
+ right: 0;
3363
+ left: 0;
3364
+ width: 100%;
3365
+ -webkit-transition: all 500ms ease 0s;
3366
+ -moz-transition: all 500ms ease 0s;
3367
+ -ms-transition: all 500ms ease 0s;
3368
+ -o-transition: all 500ms ease 0s;
3369
+ transition: all 500ms ease 0s;
3370
+ -webkit-transform: translate3d(0,100%,0);
3371
+ -moz-transform: translate3d(0,100%,0);
3372
+ -ms-transform: translate3d(0,100%,0);
3373
+ -o-transform: translate3d(0,100%,0);
3374
+ transform: translate3d(0,100%,0);
3375
+ }
3376
+ .pa-gallery-img.default .premium-gallery-caption {
3377
+ position: absolute;
3378
+ top: auto;
3379
+ right: 0;
3380
+ left: 0;
3381
+ width: 100%;
3382
+ bottom: 0;
3383
+ }
3384
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
3385
+ -webkit-transform: translate3d(0,0,0);
3386
+ -moz-transform: translate3d(0,0,0);
3387
+ -ms-transform: translate3d(0,0,0);
3388
+ -o-transform: translate3d(0,0,0);
3389
+ transform: translate3d(0,0,0);
3390
+ bottom: -1px !important;
3391
+ }
3392
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container{
3393
+ position: absolute;
3394
+ top: 0;
3395
+ left: 0;
3396
+ width: 100%;
3397
+ height: 100%;
3398
+ opacity: 0;
3399
+ -webkit-backface-visibility: hidden;
3400
+ -moz-backface-visibility: hidden;
3401
+ backface-visibility: hidden;
3402
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
3403
+ -moz-transition: -moz-transform 0.3s, opacity 0.3s;
3404
+ transition: transform 0.3s, opacity 0.3s;
3405
+ z-index: 1;
3406
+ background-color: rgba(108,191,226,0.68);
3407
+ display: -webkit-box;
3408
+ display: -webkit-flex;
3409
+ display: -ms-flexbox;
3410
+ display: flex;
3411
+ text-align: center;
3412
+ align-items: center;
3413
+ }
3414
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
3415
+ width: 100%;
3416
+ }
3417
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container{
3418
+ opacity: 1;
3419
+ -webkit-transform: translate(15px, 15px);
3420
+ -moz-transform: translate(15px, 15px);
3421
+ -ms-transform: translate(15px, 15px);
3422
+ transform: translate(15px, 15px);
3423
+ }
3424
+ .premium-clearfix {
3425
+ clear: both;
3426
+ }
3427
+ .premium-gallery-container .pa-gallery-item {
3428
+ padding: 10px;
3429
  }
3430
  /** * Metro Style */
3431
+ .premium-img-gallery-metro .premium-gallery-item {
3432
+ overflow: hidden
3433
+ }
3434
+ .premium-img-gallery-metro .pa-gallery-img, .premium-img-gallery-metro .pa-gallery-img-container {
3435
+ height: 100%;
3436
+ }
3437
+ .premium-img-gallery-metro .pa-gallery-image {
3438
+ min-height: 100%;
3439
+ width: 100%;
3440
+ object-fit: fill;
3441
+ }
3442
+ .premium-img-gallery .premium-gallery-item-hidden {
3443
+ /* display: none;
3444
+ */
3445
+ visibility: hidden;
3446
+ width: 0 !important;
3447
+ height: 0 !important;
3448
+ margin: 0 !important;
3449
+ padding: 0 !important;
3450
+ }
3451
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
3452
+ box-shadow: none;
3453
+ text-shadow: none;
3454
+ border: none;
3455
+ outline: none;
3456
+ -webkit-box-align: center;
3457
+ -ms-flex-align: center;
3458
+ align-items: center;
3459
+ vertical-align: bottom;
3460
+ cursor: pointer;
3461
+ line-height: 1;
3462
+ font-style: normal;
3463
+ font-weight: normal;
3464
+ background-image: none;
3465
+ color: #fff;
3466
+ -webkit-transition: all 0.3s ease-in-out;
3467
+ -ms-transition: all 0.3s ease-in-out;
3468
+ -moz-transition: all 0.3s ease-in-out;
3469
+ transition: all 0.3s ease-in-out;
3470
+ }
3471
+ .premium-gallery-load-more-btn {
3472
+ display: -webkit-inline-box;
3473
+ display: -webkit-inline-flex;
3474
+ display: -ms-inline-flexbox;
3475
+ display: inline-flex;
3476
+ align-items: center;
3477
+ }
3478
+ .premium-loader {
3479
+ border: 3px solid #f3f3f3;
3480
+ border-top-width: 3px;
3481
+ border-top-style: solid;
3482
+ border-top-color: rgb(243, 243, 243);
3483
+ border-radius: 50%;
3484
+ border-top: 3px solid;
3485
+ border-top-color: #bbb;
3486
+ width: 30px;
3487
+ height: 30px;
3488
+ -webkit-animation: spin 2s linear infinite;
3489
+ animation: spin 2s linear infinite;
3490
+ margin: 0 auto;
3491
+ }
3492
+ .premium-gallery-load-more-btn div {
3493
+ margin-left: 3px;
3494
+ }
3495
+ .premium-gallery-load-more-btn .premium-loader {
3496
+ display: inline-block;
3497
+ width: 20px;
3498
+ height: 20px;
3499
  }
3500
  /** * Video */
3501
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
3502
+ display: inline-block;
3503
+ }
3504
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img, .pa-gallery-img .pa-gallery-video-icon {
3505
+ cursor: pointer;
3506
+ }
3507
+ .pa-gallery-img-container iframe, .pa-gallery-img-container video {
3508
+ position: absolute;
3509
+ visibility: hidden;
3510
+ top: 0;
3511
+ left: 0;
3512
+ max-width: 100%;
3513
+ width: 100%;
3514
+ height: 100%;
3515
+ margin: 0;
3516
+ line-height: 1;
3517
+ border: none;
3518
+ }
3519
+ .pa-gallery-img-container video {
3520
+ -o-object-fit: contain;
3521
+ object-fit: contain;
3522
  }
3523
  .pa-gallery-icons-inner-container svg,
3524
  .pa-gallery-icons-caption-cell svg {
3525
+ width: 14px;
3526
+ height: 14px;
3527
+ }
3528
+ @-webkit-keyframes spin {
3529
+ 0% {
3530
+ -webkit-transform: rotate(0deg);
3531
+ }
3532
+ 100% {
3533
+ -webkit-transform: rotate(360deg);
3534
+ }
3535
+ }
3536
+ @keyframes spin {
3537
+ 0% {
3538
+ transform: rotate(0deg);
3539
+ }
3540
+ 100% {
3541
+ transform: rotate(360deg);
3542
+ }
3543
  }
3544
  /************ Premium Vertical Scroll ************/
3545
  /*************************************************/
3546
+ .premium-vscroll-inner {
3547
+ position: relative;
3548
+ /* overflow: hidden;
3549
+ */
3550
+ min-height: 100%;
3551
+ }
3552
+ .premium-vscroll-inner .premium-vscroll-dots {
3553
+ position: fixed;
3554
+ z-index: 100;
3555
+ opacity: 1;
3556
+ margin-top:-32px;
3557
+ -webkit-transition: all 0.3s ease-in-out;
3558
+ -moz-transition: all 0.3s ease-in-out;
3559
+ -o-transition: all 0.3s ease-in-out;
3560
+ transition: all 0.3s ease-in-out;
3561
+ }
3562
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
3563
+ opacity: 1;
3564
+ -webkit-transition: all 0.3s ease-in-out;
3565
+ -moz-transition: all 0.3s ease-in-out;
3566
+ -o-transition: all 0.3s ease-in-out;
3567
+ transition: all 0.3s ease-in-out;
3568
+ }
3569
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
3570
+ opacity: 0;
3571
+ visibility: hidden;
3572
+ }
3573
+ .premium-vscroll-dots.middle{
3574
+ top:50%
3575
+ }
3576
+ .premium-vscroll-dots.top{
3577
+ top:40px
3578
+ }
3579
+ .premium-vscroll-dots.bottom {
3580
+ bottom:30px
3581
+ }
3582
+ .premium-vscroll-dots.right{
3583
+ right:17px
3584
+ }
3585
+ .premium-vscroll-dots.left{
3586
+ left:17px
3587
+ }
3588
+ .premium-vscroll-inner ul.premium-vscroll-dots-list, .premium-vscroll-wrap .premium-vscroll-nav-menu {
3589
+ margin: 0 !important;
3590
+ padding: 0;
3591
+ }
3592
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
3593
+ width: 14px;
3594
+ height: 13px;
3595
+ margin: 7px;
3596
+ position: relative;
3597
+ display: -webkit-box;
3598
+ display: -webkit-flex;
3599
+ display: -ms-flexbox;
3600
+ display: flex;
3601
+ -webkit-box-pack: center;
3602
+ -ms-flex-pack: center;
3603
+ -webkit-justify-content: center;
3604
+ justify-content: center;
3605
+ -webkit-box-align: center;
3606
+ -ms-flex-align: center;
3607
+ -webkit-align-items: center;
3608
+ align-items: center;
3609
+ overflow: visible;
3610
+ }
3611
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
3612
+ display: block;
3613
+ position: relative;
3614
+ z-index: 1;
3615
+ width: 100%;
3616
+ height: 100%;
3617
+ cursor: pointer;
3618
+ text-decoration: none;
3619
+ }
3620
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
3621
+ top: 2px;
3622
+ left: 2.5px;
3623
+ width: 8px;
3624
+ height: 8px;
3625
+ border: 1px solid #000;
3626
+ -webkit-border-radius: 50%;
3627
+ -moz-border-radius: 50%;
3628
+ border-radius: 50%;
3629
+ position: absolute;
3630
+ z-index: 1;
3631
+ -webkit-transition: all 0.3s ease-in-out;
3632
+ -moz-transition: all 0.3s ease-in-out;
3633
+ -o-transition: all 0.3s ease-in-out;
3634
+ transition: all 0.3s ease-in-out;
3635
+ }
3636
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
3637
+ -webkit-transform: scale(1.6);
3638
+ -moz-transform: scale(1.6);
3639
+ -ms-transform: scale(1.6);
3640
+ -o-transform: scale(1.6);
3641
+ transform: scale(1.6);
3642
+ }
3643
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
3644
+ position: absolute;
3645
+ color: #fff;
3646
+ font-size: 14px;
3647
+ font-family: arial,helvetica,sans-serif;
3648
+ white-space: nowrap;
3649
+ max-width: 220px;
3650
+ padding-left: 0.4em;
3651
+ padding-right: 0.4em;
3652
+ }
3653
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
3654
+ right: 27px
3655
  }
3656
  /* * Lines */
3657
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
3658
+ width: 4px;
3659
+ height: 30px;
3660
+ }
3661
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
3662
+ width: 100%;
3663
+ height: 100%;
3664
+ border-radius: 0;
3665
+ }
3666
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
3667
+ -webkit-transform: scale(1);
3668
+ -moz-transform: scale(1);
3669
+ -ms-transform: scale(1);
3670
+ -o-transform: scale(1);
3671
+ transform: scale(1);
3672
+ }
3673
+ @media(max-width: 768px) {
3674
+ .premium-vscroll-dots.right{
3675
+ right:7px
3676
+ }
3677
+ .premium-vscroll-dots.left{
3678
+ left:7px
3679
+ }
3680
+ }
3681
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
3682
+ position: absolute;
3683
+ top: 50%;
3684
+ content: '';
3685
+ left: calc(100% - 1px);
3686
+ width: 10px;
3687
+ height: 0;
3688
+ border-top: 6px solid transparent;
3689
+ border-bottom: 6px solid transparent;
3690
+ border-left: 6px solid;
3691
+ -webkit-transform: translateY(-50%);
3692
+ -moz-transform: translateY(-50%);
3693
+ -ms-transform: translateY(-50%);
3694
+ -o-transform: translateY(-50%);
3695
+ transform: translateY(-50%);
3696
+ }
3697
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
3698
+ position: absolute;
3699
+ top: 50%;
3700
+ content: '';
3701
+ right: calc(100% - 1px);
3702
+ width: 10px;
3703
+ height: 0;
3704
+ border-top: 6px solid transparent;
3705
+ border-bottom: 6px solid transparent;
3706
+ border-right: 6px solid;
3707
+ -webkit-transform: translateY(-50%);
3708
+ -moz-transform: translateY(-50%);
3709
+ -ms-transform: translateY(-50%);
3710
+ -o-transform: translateY(-50%);
3711
+ transform: translateY(-50%);
3712
+ }
3713
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
3714
+ left: 27px
3715
+ }
3716
+ .premium-vscroll-nav-menu {
3717
+ position:fixed;
3718
+ top:20px;
3719
+ height:40px;
3720
+ z-index:100;
3721
+ padding:0;
3722
+ margin:0
3723
+ }
3724
+ .premium-vscroll-nav-menu.left{
3725
+ left:0
3726
+ }
3727
+ .premium-vscroll-nav-menu.right{
3728
+ right:0
3729
+ }
3730
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
3731
+ display:inline-block;
3732
+ margin:10px;
3733
+ color:#000;
3734
+ background:#fff;
3735
+ background:rgba(255,255,255,0.3)
3736
+ }
3737
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
3738
+ padding:9px 18px;
3739
+ display:block;
3740
+ cursor: pointer;
3741
+ }
3742
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link, .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover{
3743
+ color:#000
3744
+ }
3745
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus, .multiscroll-nav li a:focus{
3746
+ outline:none
3747
+ }
3748
+ .premium-vscroll-temp .slimScrollBar {
3749
+ visibility: hidden;
3750
  }
3751
  /************ Premium Image Scroll ***************/
3752
  /*************************************************/
3753
+ .premium-image-scroll-section, .premium-image-scroll-container {
3754
+ transition: all 0.3s ease-in-out;
3755
+ -webkit-transition: all 0.3s ease-in-out;
3756
+ -moz-transition: all 0.3s ease-in-out;
3757
+ -ms-transition: all 0.3s ease-in-out;
3758
+ -o-transition: all 0.3s ease-in-out;
3759
+ }
3760
+ .premium-image-scroll-section {
3761
+ overflow: hidden;
3762
+ width: 100%;
3763
+ position: relative;
3764
+ }
3765
+ .premium-image-scroll-container {
3766
+ width: 100%;
3767
+ }
3768
+ .premium-container-scroll {
3769
+ overflow: auto;
3770
+ }
3771
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
3772
+ position: relative;
3773
+ width: 100%;
3774
+ height: 100%;
3775
+ }
3776
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
3777
+ max-width: none;
3778
+ height: 100%;
3779
+ }
3780
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
3781
+ width: 100%;
3782
+ max-width: 100%;
3783
+ height: auto;
3784
+ }
3785
+ .premium-image-scroll-ver {
3786
+ position: relative;
3787
+ }
3788
+ .premium-image-scroll-container .premium-image-scroll-overlay {
3789
+ background: rgba(2,2,2,0.3);
3790
+ }
3791
+ .premium-image-scroll-container .premium-image-scroll-link, .premium-image-scroll-container .premium-image-scroll-overlay {
3792
+ position: absolute;
3793
+ top: 0;
3794
+ bottom: 0;
3795
+ left: 0;
3796
+ right: 0;
3797
+ z-index: 4;
3798
+ }
3799
+ .premium-image-scroll-content {
3800
+ display: inline-block;
3801
+ position: absolute;
3802
+ height: auto;
3803
+ top: 50%;
3804
+ left: 50%;
3805
+ text-align: center;
3806
+ z-index: 5;
3807
+ -webkit-transform: translate(-50%, -50%);
3808
+ -ms-transform: translate(-50%, -50%);
3809
+ transform: translate(-50%, -50%);
3810
+ }
3811
+ .premium-container-scroll-instant .premium-image-scroll-image {
3812
+ -webkit-transition: all 0s ease-in-out !important;
3813
+ transition: all 0s ease-in-out !important;
3814
+ }
3815
+ .premium-image-scroll-container img {
3816
+ -webkit-transition: transform 3s ease-in-out;
3817
+ -moz-transition-: transform 3s ease-in-out;
3818
+ transition: transform 3s ease-in-out;
3819
+ }
3820
+ .premium-image-scroll-container .premium-image-scroll-overlay, .premium-image-scroll-container .premium-image-scroll-content {
3821
+ -webkit-transition: all 0.3s ease-in-out;
3822
+ -ms-transition: all 0.3s ease-in-out;
3823
+ transition: all 0.3s ease-in-out;
3824
+ opacity: 1;
3825
+ }
3826
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay, .premium-image-scroll-container:hover .premium-image-scroll-content {
3827
+ opacity: 0;
3828
+ }
3829
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
3830
+ visibility: hidden;
3831
+ }
3832
+ .premium-image-scroll-content .premium-image-scroll-icon {
3833
+ display: inline-block;
3834
+ font-family: 'pa-elements' !important;
3835
+ speak: none;
3836
+ font-style: normal;
3837
+ font-weight: normal;
3838
+ font-variant: normal;
3839
+ text-transform: none;
3840
+ line-height: 1;
3841
+ -webkit-font-smoothing: antialiased;
3842
+ -moz-osx-font-smoothing: grayscale;
3843
+ animation-duration: 0.5s ;
3844
+ animation-iteration-count: infinite;
3845
+ animation-direction: alternate;
3846
+ animation-timing-function: ease-in-out;
3847
+ }
3848
+ .pa-horizontal-mouse-scroll:before {
3849
+ content: "\e917";
3850
+ }
3851
+ .pa-vertical-mouse-scroll:before {
3852
+ content: "\e918";
3853
+ }
3854
+ .pa-horizontal-mouse-scroll {
3855
+ animation-name: pa-scroll-horizontal;
3856
+ }
3857
+ .pa-vertical-mouse-scroll {
3858
+ animation-name: pa-scroll-vertical;
3859
+ }
3860
+ @keyframes pa-scroll-vertical {
3861
+ 0% {
3862
+ -webkit-transform:translateY(0px);
3863
+ -ms-transform:translateY(0px);
3864
+ transform:translateY(0px);
3865
+ }
3866
+ 100% {
3867
+ -webkit-transform:translateY(5px);
3868
+ -ms-transform:translateY(5px);
3869
+ transform:translateY(5px);
3870
+ }
3871
+ }
3872
+ @keyframes pa-scroll-horizontal {
3873
+ 0% {
3874
+ -webkit-transform:translateX(0px);
3875
+ -ms-transform:translateX(0px);
3876
+ transform:translateX(0px);
3877
+ }
3878
+ 100% {
3879
+ -webkit-transform:translateX(5px);
3880
+ -ms-transform:translateX(5px);
3881
+ transform:translateX(5px);
3882
+ }
3883
+ }
 
premium-addons-for-elementor.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons Plugin Includes 22+ premium widgets for Elementor Page Builder.
5
  Plugin URI: https://premiumaddons.com
6
- Version: 3.9.6
7
  Author: Leap13
8
  Author URI: https://leap13.com/
9
  Text Domain: premium-addons-for-elementor
@@ -14,12 +14,12 @@ License: GNU General Public License v3.0
14
  if ( ! defined('ABSPATH') ) exit; // No access of directly access
15
 
16
  // Define Constants
17
- define('PREMIUM_ADDONS_VERSION', '3.9.6');
18
  define('PREMIUM_ADDONS_URL', plugins_url( '/', __FILE__ ) );
19
  define('PREMIUM_ADDONS_PATH', plugin_dir_path( __FILE__ ) );
20
  define('PREMIUM_ADDONS_FILE', __FILE__);
21
  define('PREMIUM_ADDONS_BASENAME', plugin_basename( PREMIUM_ADDONS_FILE ) );
22
- define('PREMIUM_ADDONS_STABLE_VERSION', '3.9.5');
23
 
24
  if( ! class_exists('Premium_Addons_Elementor') ) {
25
 
@@ -100,6 +100,11 @@ if( ! class_exists('Premium_Addons_Elementor') ) {
100
  */
101
  public function init_files() {
102
 
 
 
 
 
 
103
  if ( is_admin() ) {
104
 
105
  require_once ( PREMIUM_ADDONS_PATH . 'admin/includes/dep/maintenance.php');
@@ -117,11 +122,6 @@ if( ! class_exists('Premium_Addons_Elementor') ) {
117
 
118
  }
119
 
120
- require_once ( PREMIUM_ADDONS_PATH . 'includes/class-helper-functions.php' );
121
- require_once ( PREMIUM_ADDONS_PATH . 'admin/settings/maps.php' );
122
- require_once ( PREMIUM_ADDONS_PATH . 'admin/settings/modules-setting.php' );
123
- require_once ( PREMIUM_ADDONS_PATH . 'includes/elementor-helper.php' );
124
-
125
  }
126
 
127
  /**
@@ -191,11 +191,9 @@ if( ! class_exists('Premium_Addons_Elementor') ) {
191
 
192
  $this->init_addons();
193
 
194
- if ( PremiumAddons\Admin\Settings\Modules_Settings::check_premium_templates() ) {
195
  $this->init_templates();
196
 
197
- }
198
-
199
  }
200
 
201
 
3
  Plugin Name: Premium Addons for Elementor
4
  Description: Premium Addons Plugin Includes 22+ premium widgets for Elementor Page Builder.
5
  Plugin URI: https://premiumaddons.com
6
+ Version: 3.9.7
7
  Author: Leap13
8
  Author URI: https://leap13.com/
9
  Text Domain: premium-addons-for-elementor
14
  if ( ! defined('ABSPATH') ) exit; // No access of directly access
15
 
16
  // Define Constants
17
+ define('PREMIUM_ADDONS_VERSION', '3.9.7');
18
  define('PREMIUM_ADDONS_URL', plugins_url( '/', __FILE__ ) );
19
  define('PREMIUM_ADDONS_PATH', plugin_dir_path( __FILE__ ) );
20
  define('PREMIUM_ADDONS_FILE', __FILE__);
21
  define('PREMIUM_ADDONS_BASENAME', plugin_basename( PREMIUM_ADDONS_FILE ) );
22
+ define('PREMIUM_ADDONS_STABLE_VERSION', '3.9.6');
23
 
24
  if( ! class_exists('Premium_Addons_Elementor') ) {
25
 
100
  */
101
  public function init_files() {
102
 
103
+ require_once ( PREMIUM_ADDONS_PATH . 'includes/class-helper-functions.php' );
104
+ require_once ( PREMIUM_ADDONS_PATH . 'admin/settings/maps.php' );
105
+ require_once ( PREMIUM_ADDONS_PATH . 'admin/settings/modules-setting.php' );
106
+ require_once ( PREMIUM_ADDONS_PATH . 'includes/elementor-helper.php' );
107
+
108
  if ( is_admin() ) {
109
 
110
  require_once ( PREMIUM_ADDONS_PATH . 'admin/includes/dep/maintenance.php');
122
 
123
  }
124
 
 
 
 
 
 
125
  }
126
 
127
  /**
191
 
192
  $this->init_addons();
193
 
194
+ if ( PremiumAddons\Admin\Settings\Modules_Settings::check_premium_templates() )
195
  $this->init_templates();
196
 
 
 
197
  }
198
 
199
 
readme.txt CHANGED
@@ -5,7 +5,7 @@ Donate Link: https://premiumaddons.com/?utm_source=wp-repo&utm_medium=link&utm_c
5
  Requires at Least: 4.5
6
  Tested Up To: 5.3
7
  Requires PHP: 5.4
8
- Stable Tag: 3.9.6
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
@@ -175,6 +175,12 @@ Premium Addons for Elementor is 100% Ads Free, Ads can only be detected from You
175
 
176
  == Changelog ==
177
 
 
 
 
 
 
 
178
  = 3.9.6 =
179
 
180
  - Fixed: Style #7 alignment issue in Title widget.
@@ -374,7 +380,7 @@ Premium Addons for Elementor is 100% Ads Free, Ads can only be detected from You
374
 
375
  = 3.6.0 =
376
 
377
- - New: Introducing Premium Templates - The Easiest Way to insert templates with just ONE click.
378
  - Fixed: Grid widget categorization doesn't work with non English characters.
379
 
380
  = 3.5.9 =
5
  Requires at Least: 4.5
6
  Tested Up To: 5.3
7
  Requires PHP: 5.4
8
+ Stable Tag: 3.9.7
9
  License: GPL v3.0
10
  License URI: https://opensource.org/licenses/GPL-3.0
11
 
175
 
176
  == Changelog ==
177
 
178
+ = 3.9.7 =
179
+
180
+ - New: Introducing "PA Duplicator" - The easiest way to duplicate posts, pages or Elementor templates.
181
+ - Fixed: Multiple labels option not working on IE in Progressbar widget.
182
+ - Fixed: Style #2 not working in Media Grid widget.
183
+
184
  = 3.9.6 =
185
 
186
  - Fixed: Style #7 alignment issue in Title widget.
380
 
381
  = 3.6.0 =
382
 
383
+ - New: Introducing Premium Templates - The Easiest way to insert templates with just ONE click.
384
  - Fixed: Grid widget categorization doesn't work with non English characters.
385
 
386
  = 3.5.9 =
widgets/premium-blog.php CHANGED
@@ -1123,20 +1123,10 @@ class Premium_Blog extends Widget_Base {
1123
  ]
1124
  ]
1125
  );
1126
-
1127
- $this->add_control('premium_blog_box_background_color',
1128
- [
1129
- 'label' => __('Background Color', 'premium-addons-for-elementor'),
1130
- 'type' => Controls_Manager::COLOR,
1131
- 'selectors' => [
1132
- '{{WRAPPER}} .premium-blog-post-container' => 'background-color: {{VALUE}};',
1133
- ]
1134
- ]
1135
- );
1136
 
1137
  $this->add_control('premium_blog_content_background_color',
1138
  [
1139
- 'label' => __('Content Background Color', 'premium-addons-for-elementor'),
1140
  'type' => Controls_Manager::COLOR,
1141
  'default' => '#f5f5f5',
1142
  'selectors' => [
@@ -1144,44 +1134,74 @@ class Premium_Blog extends Widget_Base {
1144
  ]
1145
  ]
1146
  );
1147
-
1148
  $this->add_group_control(
1149
  Group_Control_Box_Shadow::get_type(),
1150
- [
1151
- 'name' => 'premium_blog_box_shadow',
1152
- 'selector' => '{{WRAPPER}} .premium-blog-content-wrapper',
 
 
 
 
 
 
 
 
 
 
1153
  ]
1154
- );
 
1155
 
1156
- $this->add_responsive_control('prmeium_blog_box_padding',
1157
  [
1158
- 'label' => __('Spacing Between Posts', 'premium-addons-for-elementor'),
1159
  'type' => Controls_Manager::DIMENSIONS,
1160
  'size_units' => ['px', 'em', '%'],
1161
  'selectors' => [
1162
- '{{WRAPPER}} .premium-blog-post-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1163
  ]
1164
  ]
1165
  );
1166
 
1167
- $this->add_responsive_control('prmeium_blog_content_margin',
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1168
  [
1169
- 'label' => __('Content Margin', 'premium-addons-for-elementor'),
1170
  'type' => Controls_Manager::DIMENSIONS,
1171
  'size_units' => ['px', 'em', '%'],
1172
  'selectors' => [
1173
- '{{WRAPPER}} .premium-blog-content-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1174
  ]
1175
  ]
1176
  );
1177
 
1178
- $this->add_responsive_control('prmeium_blog_content_padding',
1179
  [
1180
- 'label' => __('Content Padding', 'premium-addons-for-elementor'),
1181
  'type' => Controls_Manager::DIMENSIONS,
1182
  'size_units' => ['px', 'em', '%'],
1183
  'selectors' => [
1184
- '{{WRAPPER}} .premium-blog-content-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1185
  ]
1186
  ]
1187
  );
1123
  ]
1124
  ]
1125
  );
 
 
 
 
 
 
 
 
 
 
1126
 
1127
  $this->add_control('premium_blog_content_background_color',
1128
  [
1129
+ 'label' => __('Background Color', 'premium-addons-for-elementor'),
1130
  'type' => Controls_Manager::COLOR,
1131
  'default' => '#f5f5f5',
1132
  'selectors' => [
1134
  ]
1135
  ]
1136
  );
1137
+
1138
  $this->add_group_control(
1139
  Group_Control_Box_Shadow::get_type(),
1140
+ [
1141
+ 'name' => 'premium_blog_box_shadow',
1142
+ 'selector' => '{{WRAPPER}} .premium-blog-content-wrapper',
1143
+ ]
1144
+ );
1145
+
1146
+ $this->add_responsive_control('prmeium_blog_content_margin',
1147
+ [
1148
+ 'label' => __('Margin', 'premium-addons-for-elementor'),
1149
+ 'type' => Controls_Manager::DIMENSIONS,
1150
+ 'size_units' => ['px', 'em', '%'],
1151
+ 'selectors' => [
1152
+ '{{WRAPPER}} .premium-blog-content-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1153
  ]
1154
+ ]
1155
+ );
1156
 
1157
+ $this->add_responsive_control('prmeium_blog_content_padding',
1158
  [
1159
+ 'label' => __('Padding', 'premium-addons-for-elementor'),
1160
  'type' => Controls_Manager::DIMENSIONS,
1161
  'size_units' => ['px', 'em', '%'],
1162
  'selectors' => [
1163
+ '{{WRAPPER}} .premium-blog-content-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1164
  ]
1165
  ]
1166
  );
1167
 
1168
+ $this->end_controls_section();
1169
+
1170
+ $this->start_controls_section('premium_blog_box_style_section',
1171
+ [
1172
+ 'label' => __('Box', 'premium-addons-for-elementor'),
1173
+ 'tab' => Controls_Manager::TAB_STYLE,
1174
+ ]
1175
+ );
1176
+
1177
+ $this->add_control('premium_blog_box_background_color',
1178
+ [
1179
+ 'label' => __('Background Color', 'premium-addons-for-elementor'),
1180
+ 'type' => Controls_Manager::COLOR,
1181
+ 'selectors' => [
1182
+ '{{WRAPPER}} .premium-blog-post-container' => 'background-color: {{VALUE}};',
1183
+ ]
1184
+ ]
1185
+ );
1186
+
1187
+ $this->add_responsive_control('prmeium_blog_box_padding',
1188
  [
1189
+ 'label' => __('Spacing', 'premium-addons-for-elementor'),
1190
  'type' => Controls_Manager::DIMENSIONS,
1191
  'size_units' => ['px', 'em', '%'],
1192
  'selectors' => [
1193
+ '{{WRAPPER}} .premium-blog-post-outer-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1194
  ]
1195
  ]
1196
  );
1197
 
1198
+ $this->add_responsive_control('prmeium_blog_inner_box_padding',
1199
  [
1200
+ 'label' => __('Padding', 'premium-addons-for-elementor'),
1201
  'type' => Controls_Manager::DIMENSIONS,
1202
  'size_units' => ['px', 'em', '%'],
1203
  'selectors' => [
1204
+ '{{WRAPPER}} .premium-blog-post-container' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
1205
  ]
1206
  ]
1207
  );