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

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-ef