Premium Addons for Elementor - Version 4.8.9

Version Description

  • Tweak: Added Product Image Height option in WooCommerce Products Listing widget.
  • Tweak: HTML markup optimized for some widgets for better performance.
Download this release

Release Info

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

Code changes from version 4.8.8 to 4.8.9

Files changed (12) hide show
  1. admin/assets/css/admin-rtl.css +25 -1
  2. admin/assets/css/admin.css +26 -1
  3. admin/assets/js/pa-notice.js +1 -1
  4. admin/includes/admin-notices.php +12 -13
  5. admin/includes/elements.php +16 -5
  6. admin/includes/templates/features.php +128 -84
  7. assets/editor/js/premium-cross-cp.js +156 -156
  8. assets/editor/templates/css/editor-rtl.css +577 -577
  9. assets/editor/templates/css/editor.css +579 -579
  10. assets/editor/templates/js/editor.js +1051 -1051
  11. assets/frontend/css/premium-addons-rtl.css +9393 -9393
  12. assets/frontend/css/premium-addons.css +3330 -7735
admin/assets/css/admin-rtl.css CHANGED
@@ -573,7 +573,7 @@ input:checked+.slider:before {
573
  align-items: flex-start;
574
  }
575
 
576
- #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
577
  #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
  margin-top: 36px;
579
  }
@@ -595,6 +595,8 @@ input:checked+.slider:before {
595
  }
596
 
597
  .pa-section-info-cta {
 
 
598
  -js-display: flex;
599
  display: -webkit-box;
600
  display: -webkit-flex;
@@ -1018,6 +1020,28 @@ input:checked+.slider:before {
1018
  border: none;
1019
  }
1020
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1021
  /*
1022
  * Integrations
1023
  */
573
  align-items: flex-start;
574
  }
575
 
576
+ #pa-features-settings .pa-section-outer-wrap:nth-of-type(n + 2),
577
  #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
  margin-top: 36px;
579
  }
595
  }
596
 
597
  .pa-section-info-cta {
598
+ position: relative;
599
+ z-index: 3;
600
  -js-display: flex;
601
  display: -webkit-box;
602
  display: -webkit-flex;
1020
  border: none;
1021
  }
1022
 
1023
+ /*
1024
+ * Global Features
1025
+ */
1026
+ .pa-section-outer-wrap {
1027
+ position: relative;
1028
+ }
1029
+
1030
+ .pa-section-outer-wrap a {
1031
+ position: absolute;
1032
+ top: 0;
1033
+ left: 0;
1034
+ width: 100%;
1035
+ height: 100%;
1036
+ }
1037
+
1038
+ .pa-section-outer-wrap a:focus,
1039
+ .pa-section-outer-wrap a:visited {
1040
+ outline: none;
1041
+ text-decoration: none;
1042
+ box-shadow: none;
1043
+ }
1044
+
1045
  /*
1046
  * Integrations
1047
  */
admin/assets/css/admin.css CHANGED
@@ -573,7 +573,7 @@ input:checked+.slider:before {
573
  align-items: flex-start;
574
  }
575
 
576
- #pa-features-settings .pa-section-info-wrap:nth-of-type(n + 2),
577
  #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
  margin-top: 36px;
579
  }
@@ -595,6 +595,8 @@ input:checked+.slider:before {
595
  }
596
 
597
  .pa-section-info-cta {
 
 
598
  -js-display: flex;
599
  display: -webkit-box;
600
  display: -webkit-flex;
@@ -1018,6 +1020,29 @@ input:checked+.slider:before {
1018
  border: none;
1019
  }
1020
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1021
  /*
1022
  * Integrations
1023
  */
573
  align-items: flex-start;
574
  }
575
 
576
+ #pa-features-settings .pa-section-outer-wrap:nth-of-type(n + 2),
577
  #pa-ver-control-settings .pa-section-info-wrap:nth-of-type(n + 2) {
578
  margin-top: 36px;
579
  }
595
  }
596
 
597
  .pa-section-info-cta {
598
+ position: relative;
599
+ z-index: 3;
600
  -js-display: flex;
601
  display: -webkit-box;
602
  display: -webkit-flex;
1020
  border: none;
1021
  }
1022
 
1023
+ /*
1024
+ * Global Features
1025
+ */
1026
+ .pa-section-outer-wrap {
1027
+ position: relative;
1028
+ }
1029
+
1030
+ .pa-section-outer-wrap a {
1031
+ position: absolute;
1032
+ top: 0;
1033
+ left: 0;
1034
+ width: 100%;
1035
+ height: 100%;
1036
+ }
1037
+
1038
+ .pa-section-outer-wrap a:focus,
1039
+ .pa-section-outer-wrap a:visited {
1040
+ outline: none;
1041
+ text-decoration: none;
1042
+ -webkit-box-shadow: none;
1043
+ box-shadow: none;
1044
+ }
1045
+
1046
  /*
1047
  * Integrations
1048
  */
admin/assets/js/pa-notice.js CHANGED
@@ -5,7 +5,7 @@
5
 
6
  var adminNotices = {
7
  'radius': 'radius_notice',
8
- 'woo': 'woo_notice',
9
  };
10
 
11
  if (undefined !== notice) {
5
 
6
  var adminNotices = {
7
  'radius': 'radius_notice',
8
+ 'badge': 'badge_notice',
9
  };
10
 
11
  if (undefined !== notice) {
admin/includes/admin-notices.php CHANGED
@@ -61,10 +61,10 @@ class Admin_Notices {
61
 
62
  self::$notices = array(
63
  'pa-review',
64
- 'woo_notice',
65
  );
66
 
67
- delete_option( 'cursor_notice' );
68
 
69
  }
70
 
@@ -102,7 +102,7 @@ class Admin_Notices {
102
  }
103
  }
104
 
105
- $this->get_woo_notice();
106
 
107
  }
108
 
@@ -231,22 +231,22 @@ class Admin_Notices {
231
 
232
  /**
233
  *
234
- * Shows admin notice for Premium WooCommerce Skins.
235
  *
236
- * @since 4.3.5
237
  * @access public
238
  *
239
  * @return void
240
  */
241
- public function get_woo_notice() {
242
 
243
- $woo_notice = get_option( 'woo_notice' );
244
 
245
- if ( '1' === $woo_notice ) {
246
  return;
247
  }
248
 
249
- $notice_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-woocommerce-products/', 'woo-skins-notification', 'wp-dash', 'woo-skins' );
250
 
251
  ?>
252
 
@@ -256,12 +256,11 @@ class Admin_Notices {
256
  </div>
257
  <div class="pa-text-wrap">
258
  <p>
259
- <?php echo __( 'Five NEW skins for ', 'premium-addons-for-elementor' ); ?>
260
- <strong><?php echo __( 'Premium WooCommerce Products Listing widget', 'premium-addons-for-elemetor' ); ?></strong>
261
- <?php echo sprintf( __( 'are now available in Premium Addons Pro. <a href="%s" target="_blank">Check it out now!</a>', 'premium-addons-for-elementor' ), $notice_url ); ?>
262
  </p>
263
  </div>
264
- <div class="pa-notice-close" data-notice="woo">
265
  <span class="dashicons dashicons-dismiss"></span>
266
  </div>
267
  </div>
61
 
62
  self::$notices = array(
63
  'pa-review',
64
+ 'badge_notice',
65
  );
66
 
67
+ delete_option( 'woo_notice' );
68
 
69
  }
70
 
102
  }
103
  }
104
 
105
+ $this->get_badge_notice();
106
 
107
  }
108
 
231
 
232
  /**
233
  *
234
+ * Shows admin notice for Premium Badge Addon.
235
  *
236
+ * @since 4.8.8
237
  * @access public
238
  *
239
  * @return void
240
  */
241
+ public function get_badge_notice() {
242
 
243
+ $badge_notice = get_option( 'badge_notice' );
244
 
245
+ if ( '1' === $badge_notice ) {
246
  return;
247
  }
248
 
249
+ $notice_url = Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-badge-global-addon', 'badge-notification', 'wp-dash', 'badge' );
250
 
251
  ?>
252
 
256
  </div>
257
  <div class="pa-text-wrap">
258
  <p>
259
+ <strong><?php echo __( 'Premium Badge Global Addon', 'premium-addons-for-elemetor' ); ?></strong>
260
+ <?php echo sprintf( __( 'is now available in Premium Addons Pro. <a href="%s" target="_blank">Check it out now!</a>', 'premium-addons-for-elementor' ), $notice_url ); ?>
 
261
  </p>
262
  </div>
263
+ <div class="pa-notice-close" data-notice="badge">
264
  <span class="dashicons dashicons-dismiss"></span>
265
  </div>
266
  </div>
admin/includes/elements.php CHANGED
@@ -1070,23 +1070,34 @@ $elements = array(
1070
  'icon' => 'extensions',
1071
  'elements' => array(
1072
  array(
1073
- 'key' => 'premium-templates',
 
1074
  ),
1075
  array(
1076
- 'key' => 'premium-equal-height',
 
1077
  ),
1078
  array(
1079
- 'key' => 'pa-display-conditions',
 
1080
  ),
1081
  array(
1082
  'key' => 'premium-global-cursor',
1083
  'is_pro' => true,
 
1084
  ),
1085
  array(
1086
- 'key' => 'premium-floating-effects',
 
 
 
 
 
 
1087
  ),
1088
  array(
1089
- 'key' => 'premium-cross-domain',
 
1090
  ),
1091
  array(
1092
  'key' => 'premium-duplicator',
1070
  'icon' => 'extensions',
1071
  'elements' => array(
1072
  array(
1073
+ 'key' => 'premium-templates',
1074
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/premium-templates-for-elementor/', 'settings-page', 'wp-dash', 'dashboard' ),
1075
  ),
1076
  array(
1077
+ 'key' => 'premium-equal-height',
1078
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/premium-addons-global-features-for-elementor/#equal-height-feature', 'settings-page', 'wp-dash', 'dashboard' ),
1079
  ),
1080
  array(
1081
+ 'key' => 'pa-display-conditions',
1082
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-display-conditions/', 'settings-page', 'wp-dash', 'dashboard' ),
1083
  ),
1084
  array(
1085
  'key' => 'premium-global-cursor',
1086
  'is_pro' => true,
1087
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-custom-mouse-cursor-global-feature/', 'settings-page', 'wp-dash', 'dashboard' ),
1088
  ),
1089
  array(
1090
+ 'key' => 'premium-global-badge',
1091
+ 'is_pro' => true,
1092
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-badge-global-addon/', 'settings-page', 'wp-dash', 'dashboard' ),
1093
+ ),
1094
+ array(
1095
+ 'key' => 'premium-floating-effects',
1096
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/elementor-floating-effects-animation/', 'settings-page', 'wp-dash', 'dashboard' ),
1097
  ),
1098
  array(
1099
+ 'key' => 'premium-cross-domain',
1100
+ 'demo' => Helper_Functions::get_campaign_link( 'https://premiumaddons.com/premium-addons-global-features-for-elementor/#common-features', 'settings-page', 'wp-dash', 'dashboard' ),
1101
  ),
1102
  array(
1103
  'key' => 'premium-duplicator',
admin/includes/templates/features.php CHANGED
@@ -23,114 +23,158 @@ $features = $elements['cat-11']['elements'];
23
  <form action="" method="POST" id="pa-features" name="pa-features" class="pa-settings-form">
24
  <div id="pa-features-settings" class="pa-settings-tab">
25
 
26
- <div class="pa-section-info-wrap">
27
- <div class="pa-section-info">
28
- <h4><?php echo sprintf( '%1$s %2$s', $prefix, __( 'Templates', 'premium-addons-for-elementor' ) ); ?></h4>
29
- <p><?php echo __( 'Build Professional Website in Minutes Using Our Pre-Made Premium Elementor Templates.', 'premium-addons-for-elementor' ); ?></p>
30
- </div>
31
-
32
- <div class="pa-section-info-cta">
33
- <label class="switch">
34
- <input type="checkbox" id="premium-templates" name="premium-templates" <?php echo checked( 1, $enabled_elements['premium-templates'], false ); ?>>
35
- <span class="slider round"></span>
36
- </label>
37
- </p>
 
 
38
  </div>
 
39
  </div>
40
 
41
- <div class="pa-section-info-wrap">
42
- <div class="pa-section-info">
 
43
  <h4><?php echo __( 'Equal Height', 'premium-addons-for-elementor' ); ?></h4>
44
- <p><?php echo __( 'Make your widgets the same height with just ONE click.', 'premium-addons-for-elementor' ); ?></p>
45
- </div>
46
-
47
- <div class="pa-section-info-cta">
48
- <label class="switch">
49
- <input type="checkbox" id="premium-equal-height" name="premium-equal-height" <?php echo checked( 1, $enabled_elements['premium-equal-height'], false ); ?>>
50
- <span class="slider round"></span>
51
- </label>
52
- </p>
 
53
  </div>
 
54
  </div>
55
 
56
- <div class="pa-section-info-wrap">
57
- <div class="pa-section-info">
 
58
  <h4><?php echo __( 'Custom Mouse Cursor', 'premium-addons-for-elementor' ); ?></h4>
59
- <p><?php echo __( 'Change the default mouse cursor with icon, image, or Lottie animation for any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
60
- </div>
61
- <?php
62
-
63
- $status = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-cursor'], false );
64
- $class = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
65
- $switcher_class = $class . 'slider round';
66
-
67
- ?>
68
- <div class="pa-section-info-cta">
69
- <label class="switch">
70
- <input type="checkbox" id="premium-global-cursor" name="premium-global-cursor" <?php echo $status; ?>>
71
- <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
72
- </label>
73
- </p>
 
74
  </div>
 
75
  </div>
76
 
77
- <div class="pa-section-info-wrap">
78
- <div class="pa-section-info">
79
- <h4><?php echo __( 'Display Conditions', 'premium-addons-for-elementor' ); ?></h4>
80
- <p><?php echo __( 'Show/hide content dynamically based on location, browser, operating system, user role, device type, Woocommerce, ACF, etc.', 'premium-addons-for-elementor' ); ?></p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
  </div>
 
 
82
 
83
- <div class="pa-section-info-cta">
84
- <label class="switch">
85
- <input type="checkbox" id="pa-display-conditions" name="pa-display-conditions" <?php echo checked( 1, $enabled_elements['pa-display-conditions'], false ); ?>>
86
- <span class="slider round"></span>
87
- </label>
88
- </p>
 
 
 
 
 
 
 
 
89
  </div>
 
90
  </div>
91
 
92
- <div class="pa-section-info-wrap">
93
- <div class="pa-section-info">
 
94
  <h4><?php echo __( 'Floating Effects', 'premium-addons-for-elementor' ); ?></h4>
95
- <p><?php echo __( 'Apply advanced floating effects on any Elementor element or a custom CSS selector.', 'premium-addons-for-elementor' ); ?></p>
96
- </div>
97
-
98
- <div class="pa-section-info-cta">
99
- <label class="switch">
100
- <input type="checkbox" id="premium-floating-effects" name="premium-floating-effects" <?php echo checked( 1, $enabled_elements['premium-floating-effects'], false ); ?>>
101
- <span class="slider round"></span>
102
- </label>
103
- </p>
 
104
  </div>
 
105
  </div>
106
 
107
- <div class="pa-section-info-wrap">
108
- <div class="pa-section-info">
 
109
  <h4><?php echo __( 'Cross-Domain Copy N’ Paste', 'premium-addons-for-elementor' ); ?></h4>
110
- <p><?php echo __( 'Copy any Elementor content from site to another in just ONE click.', 'premium-addons-for-elementor' ); ?></p>
111
- </div>
112
-
113
- <div class="pa-section-info-cta">
114
- <label class="switch">
115
- <input type="checkbox" id="premium-cross-domain" name="premium-cross-domain" <?php echo checked( 1, $enabled_elements['premium-cross-domain'], false ); ?>>
116
- <span class="slider round"></span>
117
- </label>
118
- </p>
 
119
  </div>
 
120
  </div>
121
 
122
- <div class="pa-section-info-wrap">
123
- <div class="pa-section-info">
124
- <h4><?php echo __( 'Duplicator', 'premium-addons-for-elementor' ); ?></h4>
125
- <p><?php echo __( 'Duplicate any post, page or template on your website.', 'premium-addons-for-elementor' ); ?></p>
126
- </div>
127
-
128
- <div class="pa-section-info-cta">
129
- <label class="switch">
130
- <input type="checkbox" id="premium-duplicator" name="premium-duplicator" <?php echo checked( 1, $enabled_elements['premium-duplicator'], false ); ?>>
131
- <span class="slider round"></span>
132
- </label>
133
- </p>
 
 
134
  </div>
135
  </div>
136
 
23
  <form action="" method="POST" id="pa-features" name="pa-features" class="pa-settings-form">
24
  <div id="pa-features-settings" class="pa-settings-tab">
25
 
26
+ <div class="pa-section-outer-wrap">
27
+ <div class="pa-section-info-wrap">
28
+ <div class="pa-section-info">
29
+ <h4><?php echo sprintf( '%1$s %2$s', $prefix, __( 'Templates', 'premium-addons-for-elementor' ) ); ?></h4>
30
+ <p><?php echo __( 'Build Professional Website in Minutes Using Our Pre-Made Premium Elementor Templates.', 'premium-addons-for-elementor' ); ?></p>
31
+ </div>
32
+
33
+ <div class="pa-section-info-cta">
34
+ <label class="switch">
35
+ <input type="checkbox" id="premium-templates" name="premium-templates" <?php echo checked( 1, $enabled_elements['premium-templates'], false ); ?>>
36
+ <span class="slider round"></span>
37
+ </label>
38
+ </p>
39
+ </div>
40
  </div>
41
+ <a href="<?php echo esc_url( $features[0]['demo'] ); ?>" target="_blank"></a>
42
  </div>
43
 
44
+ <div class="pa-section-outer-wrap">
45
+ <div class="pa-section-info-wrap">
46
+ <div class="pa-section-info">
47
  <h4><?php echo __( 'Equal Height', 'premium-addons-for-elementor' ); ?></h4>
48
+ <p><?php echo __( 'Make your widgets the same height with just ONE click.', 'premium-addons-for-elementor' ); ?></p>
49
+ </div>
50
+
51
+ <div class="pa-section-info-cta">
52
+ <label class="switch">
53
+ <input type="checkbox" id="premium-equal-height" name="premium-equal-height" <?php echo checked( 1, $enabled_elements['premium-equal-height'], false ); ?>>
54
+ <span class="slider round"></span>
55
+ </label>
56
+ </p>
57
+ </div>
58
  </div>
59
+ <a href="<?php echo esc_url( $features[1]['demo'] ); ?>" target="_blank"></a>
60
  </div>
61
 
62
+ <div class="pa-section-outer-wrap">
63
+ <div class="pa-section-info-wrap">
64
+ <div class="pa-section-info">
65
  <h4><?php echo __( 'Custom Mouse Cursor', 'premium-addons-for-elementor' ); ?></h4>
66
+ <p><?php echo __( 'Change the default mouse cursor with icon, image, or Lottie animation for any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
67
+ </div>
68
+ <?php
69
+
70
+ $status = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-cursor'], false );
71
+ $class = ( isset( $features[3]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
72
+ $switcher_class = $class . 'slider round';
73
+
74
+ ?>
75
+ <div class="pa-section-info-cta">
76
+ <label class="switch">
77
+ <input type="checkbox" id="premium-global-cursor" name="premium-global-cursor" <?php echo $status; ?>>
78
+ <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
79
+ </label>
80
+ </p>
81
+ </div>
82
  </div>
83
+ <a href="<?php echo esc_url( $features[3]['demo'] ); ?>" target="_blank"></a>
84
  </div>
85
 
86
+ <div class="pa-section-outer-wrap">
87
+ <div class="pa-section-info-wrap">
88
+ <div class="pa-section-info">
89
+ <h4><?php echo __( 'Global Badge', 'premium-addons-for-elementor' ); ?></h4>
90
+ <p><?php echo __( 'Add icon, image, Lottie, or SVG blob shape badge to any Elementor section, column, or widget.', 'premium-addons-for-elementor' ); ?></p>
91
+ </div>
92
+ <?php
93
+
94
+ $status = ( isset( $features[4]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'disabled' : checked( 1, $enabled_elements['premium-global-badge'], false );
95
+ $class = ( isset( $features[4]['is_pro'] ) && ! Helper_Functions::check_papro_version() ) ? 'pro-' : '';
96
+ $switcher_class = $class . 'slider round';
97
+
98
+ ?>
99
+ <div class="pa-section-info-cta">
100
+ <label class="switch">
101
+ <input type="checkbox" id="premium-global-badge" name="premium-global-badge" <?php echo $status; ?>>
102
+ <span class="<?php echo esc_attr( $switcher_class ); ?>"></span>
103
+ </label>
104
+ </p>
105
+ </div>
106
  </div>
107
+ <a href="<?php echo esc_url( $features[4]['demo'] ); ?>" target="_blank"></a>
108
+ </div>
109
 
110
+ <div class="pa-section-outer-wrap">
111
+ <div class="pa-section-info-wrap">
112
+ <div class="pa-section-info">
113
+ <h4><?php echo __( 'Display Conditions', 'premium-addons-for-elementor' ); ?></h4>
114
+ <p><?php echo __( 'Show/hide content dynamically based on location, browser, operating system, user role, device type, Woocommerce, ACF, etc.', 'premium-addons-for-elementor' ); ?></p>
115
+ </div>
116
+
117
+ <div class="pa-section-info-cta">
118
+ <label class="switch">
119
+ <input type="checkbox" id="pa-display-conditions" name="pa-display-conditions" <?php echo checked( 1, $enabled_elements['pa-display-conditions'], false ); ?>>
120
+ <span class="slider round"></span>
121
+ </label>
122
+ </p>
123
+ </div>
124
  </div>
125
+ <a href="<?php echo esc_url( $features[2]['demo'] ); ?>" target="_blank"></a>
126
  </div>
127
 
128
+ <div class="pa-section-outer-wrap">
129
+ <div class="pa-section-info-wrap">
130
+ <div class="pa-section-info">
131
  <h4><?php echo __( 'Floating Effects', 'premium-addons-for-elementor' ); ?></h4>
132
+ <p><?php echo __( 'Apply advanced floating effects on any Elementor element or a custom CSS selector.', 'premium-addons-for-elementor' ); ?></p>
133
+ </div>
134
+
135
+ <div class="pa-section-info-cta">
136
+ <label class="switch">
137
+ <input type="checkbox" id="premium-floating-effects" name="premium-floating-effects" <?php echo checked( 1, $enabled_elements['premium-floating-effects'], false ); ?>>
138
+ <span class="slider round"></span>
139
+ </label>
140
+ </p>
141
+ </div>
142
  </div>
143
+ <a href="<?php echo esc_url( $features[5]['demo'] ); ?>" target="_blank"></a>
144
  </div>
145
 
146
+ <div class="pa-section-outer-wrap">
147
+ <div class="pa-section-info-wrap">
148
+ <div class="pa-section-info">
149
  <h4><?php echo __( 'Cross-Domain Copy N’ Paste', 'premium-addons-for-elementor' ); ?></h4>
150
+ <p><?php echo __( 'Copy any Elementor content from site to another in just ONE click.', 'premium-addons-for-elementor' ); ?></p>
151
+ </div>
152
+
153
+ <div class="pa-section-info-cta">
154
+ <label class="switch">
155
+ <input type="checkbox" id="premium-cross-domain" name="premium-cross-domain" <?php echo checked( 1, $enabled_elements['premium-cross-domain'], false ); ?>>
156
+ <span class="slider round"></span>
157
+ </label>
158
+ </p>
159
+ </div>
160
  </div>
161
+ <a href="<?php echo esc_url( $features[6]['demo'] ); ?>" target="_blank"></a>
162
  </div>
163
 
164
+ <div class="pa-section-outer-wrap">
165
+ <div class="pa-section-info-wrap">
166
+ <div class="pa-section-info">
167
+ <h4><?php echo __( 'Duplicator', 'premium-addons-for-elementor' ); ?></h4>
168
+ <p><?php echo __( 'Duplicate any post, page or template on your website.', 'premium-addons-for-elementor' ); ?></p>
169
+ </div>
170
+
171
+ <div class="pa-section-info-cta">
172
+ <label class="switch">
173
+ <input type="checkbox" id="premium-duplicator" name="premium-duplicator" <?php echo checked( 1, $enabled_elements['premium-duplicator'], false ); ?>>
174
+ <span class="slider round"></span>
175
+ </label>
176
+ </p>
177
+ </div>
178
  </div>
179
  </div>
180
 
assets/editor/js/premium-cross-cp.js CHANGED
@@ -1,157 +1,157 @@
1
- (function () {
2
-
3
- function a(b) {
4
- return b.forEach(function (b) {
5
- b.id = elementorCommon.helpers.getUniqueId(), 0 < b.elements.length && a(b.elements)
6
- }), b
7
- }
8
- PACopyPasteHandler = {
9
-
10
- b: function (b, c) {
11
- var d = c,
12
- e = c.model.get("elType"),
13
- f = b.elecode.elType,
14
- g = b.elecode,
15
- h = JSON.stringify(g);
16
-
17
- var i = /\.(jpg|png|jpeg|gif|svg)/gi.test(h),
18
- j = {
19
- elType: f,
20
- settings: g.settings
21
- },
22
- k = null,
23
- l = {
24
- index: 0
25
- };
26
- switch (f) {
27
- case "section":
28
- j.elements = a(g.elements), k = elementor.getPreviewContainer();
29
- break;
30
- case "column":
31
- j.elements = a(g.elements);
32
- "section" === e ? k = d.getContainer() : "column" === e ? (k = d.getContainer().parent, l.index = d.getOption("_index") + 1) : "widget" === e ? (k = d.getContainer().parent.parent, l.index = d.getContainer().parent.view.getOption("_index") + 1) : void 0;
33
- break;
34
- case "widget":
35
- j.widgetType = b.eletype, k = d.getContainer();
36
- "section" === e ? k = d.children.findByIndex(0).getContainer() : "column" === e ? k = d.getContainer() : "widget" === e ? (k = d.getContainer().parent, e.index = d.getOption("_index") + 1, l.index = d.getOption("_index") + 1) : void 0;
37
- }
38
- var m = $e.run("document/elements/create", {
39
- model: j,
40
- container: k,
41
- options: l
42
- });
43
- i && jQuery.ajax({
44
- url: premium_cross_cp.ajax_url,
45
- method: "POST",
46
- data: {
47
- nonce: premium_cross_cp.nonce,
48
- action: "premium_cross_cp_import",
49
- copy_content: h
50
- }
51
- }).done(function (a) {
52
- if (a.success) {
53
- var b = a.data[0];
54
- j.elType = b.elType, j.settings = b.settings, "widget" === j.elType ? j.widgetType = b.widgetType : j.elements = b.elements, $e.run("document/elements/delete", {
55
- container: m
56
- }), $e.run("document/elements/create", {
57
- model: j,
58
- container: k,
59
- options: l
60
- })
61
- }
62
- })
63
- },
64
- pasteAll: function (allSections) {
65
- jQuery.ajax({
66
- url: premium_cross_cp.ajax_url,
67
- method: "POST",
68
- data: {
69
- nonce: premium_cross_cp.nonce,
70
- action: "premium_cross_cp_import",
71
- copy_content: allSections
72
- },
73
- }).done(function (e) {
74
- if (e.success) {
75
- var data = e.data[0];
76
- if (premium_cross_cp.elementorCompatible) {
77
- elementor.sections.currentView.addChildModel(data)
78
- } else {
79
- elementor.previewView.addChildModel(data)
80
- }
81
- elementor.notifications.showToast({
82
- message: elementor.translate('Content Pasted. Have Fun ;)')
83
- });
84
-
85
- }
86
- }).fail(function () {
87
- elementor.notifications.showToast({
88
- message: elementor.translate('Something went wrong!')
89
- });
90
- })
91
- }
92
-
93
- }
94
-
95
- xdLocalStorage.init({
96
- iframeUrl: "https://leap13.github.io/pa-cdcp/",
97
- initCallback: function () { }
98
- });
99
- var c = ["section", "column", "widget"],
100
- d = [];
101
- c.forEach(function (a, e) {
102
- elementor.hooks.addFilter("elements/" + c[e] + "/contextMenuGroups", function (a, f) {
103
- return d.push(f), a.push({
104
- name: "premium_" + c[e],
105
- actions: [{
106
- name: "premium_addons_copy",
107
- title: "PA | Copy Section",
108
- icon: "pa-dash-icon",
109
- callback: function () {
110
- var a = {};
111
- a.eletype = "widget" == c[e] ? f.model.get("widgetType") : null, a.elecode = f.model.toJSON(), xdLocalStorage.setItem("premium-c-p-element", JSON.stringify(a)), console.log(a)
112
- }
113
- }, {
114
- name: "premium_addons_paste",
115
- title: "PA | Paste Section",
116
- icon: "pa-dash-icon",
117
- callback: function () {
118
- xdLocalStorage.getItem("premium-c-p-element", function (a) {
119
- PACopyPasteHandler.b(JSON.parse(a.value), f)
120
- })
121
- }
122
- },
123
- {
124
- name: "premium_addons_copy_all",
125
- title: "PA | Copy All Content",
126
- icon: "pa-dash-icon",
127
- callback: function () {
128
- var copiedSections = Object.values(elementor.getPreviewView().children._views).map(function (e) {
129
- return e.getContainer();
130
- });
131
- var allSections = copiedSections.map(function (e) {
132
- return e.model.toJSON();
133
- });
134
- xdLocalStorage.setItem('premium-c-p-all', JSON.stringify(allSections), function (a) {
135
- elementor.notifications.showToast({
136
- message: elementor.translate('Copied')
137
- });
138
- });
139
- }
140
- },
141
- {
142
- name: "premium_addons_paste_all",
143
- title: "PA | Paste All Content",
144
- icon: "pa-dash-icon",
145
- callback: function () {
146
- var allSections = '';
147
- xdLocalStorage.getItem('premium-c-p-all', function (a) {
148
- allSections = JSON.parse(a.value);
149
- PACopyPasteHandler.pasteAll(JSON.stringify(allSections));
150
- });
151
- }
152
- },
153
- ]
154
- }), a
155
- })
156
- })
157
  })(jQuery);
1
+ (function () {
2
+
3
+ function a(b) {
4
+ return b.forEach(function (b) {
5
+ b.id = elementorCommon.helpers.getUniqueId(), 0 < b.elements.length && a(b.elements)
6
+ }), b
7
+ }
8
+ PACopyPasteHandler = {
9
+
10
+ b: function (b, c) {
11
+ var d = c,
12
+ e = c.model.get("elType"),
13
+ f = b.elecode.elType,
14
+ g = b.elecode,
15
+ h = JSON.stringify(g);
16
+
17
+ var i = /\.(jpg|png|jpeg|gif|svg)/gi.test(h),
18
+ j = {
19
+ elType: f,
20
+ settings: g.settings
21
+ },
22
+ k = null,
23
+ l = {
24
+ index: 0
25
+ };
26
+ switch (f) {
27
+ case "section":
28
+ j.elements = a(g.elements), k = elementor.getPreviewContainer();
29
+ break;
30
+ case "column":
31
+ j.elements = a(g.elements);
32
+ "section" === e ? k = d.getContainer() : "column" === e ? (k = d.getContainer().parent, l.index = d.getOption("_index") + 1) : "widget" === e ? (k = d.getContainer().parent.parent, l.index = d.getContainer().parent.view.getOption("_index") + 1) : void 0;
33
+ break;
34
+ case "widget":
35
+ j.widgetType = b.eletype, k = d.getContainer();
36
+ "section" === e ? k = d.children.findByIndex(0).getContainer() : "column" === e ? k = d.getContainer() : "widget" === e ? (k = d.getContainer().parent, e.index = d.getOption("_index") + 1, l.index = d.getOption("_index") + 1) : void 0;
37
+ }
38
+ var m = $e.run("document/elements/create", {
39
+ model: j,
40
+ container: k,
41
+ options: l
42
+ });
43
+ i && jQuery.ajax({
44
+ url: premium_cross_cp.ajax_url,
45
+ method: "POST",
46
+ data: {
47
+ nonce: premium_cross_cp.nonce,
48
+ action: "premium_cross_cp_import",
49
+ copy_content: h
50
+ }
51
+ }).done(function (a) {
52
+ if (a.success) {
53
+ var b = a.data[0];
54
+ j.elType = b.elType, j.settings = b.settings, "widget" === j.elType ? j.widgetType = b.widgetType : j.elements = b.elements, $e.run("document/elements/delete", {
55
+ container: m
56
+ }), $e.run("document/elements/create", {
57
+ model: j,
58
+ container: k,
59
+ options: l
60
+ })
61
+ }
62
+ })
63
+ },
64
+ pasteAll: function (allSections) {
65
+ jQuery.ajax({
66
+ url: premium_cross_cp.ajax_url,
67
+ method: "POST",
68
+ data: {
69
+ nonce: premium_cross_cp.nonce,
70
+ action: "premium_cross_cp_import",
71
+ copy_content: allSections
72
+ },
73
+ }).done(function (e) {
74
+ if (e.success) {
75
+ var data = e.data[0];
76
+ if (premium_cross_cp.elementorCompatible) {
77
+ elementor.sections.currentView.addChildModel(data)
78
+ } else {
79
+ elementor.previewView.addChildModel(data)
80
+ }
81
+ elementor.notifications.showToast({
82
+ message: elementor.translate('Content Pasted. Have Fun ;)')
83
+ });
84
+
85
+ }
86
+ }).fail(function () {
87
+ elementor.notifications.showToast({
88
+ message: elementor.translate('Something went wrong!')
89
+ });
90
+ })
91
+ }
92
+
93
+ }
94
+
95
+ xdLocalStorage.init({
96
+ iframeUrl: "https://leap13.github.io/pa-cdcp/",
97
+ initCallback: function () { }
98
+ });
99
+ var c = ["section", "column", "widget"],
100
+ d = [];
101
+ c.forEach(function (a, e) {
102
+ elementor.hooks.addFilter("elements/" + c[e] + "/contextMenuGroups", function (a, f) {
103
+ return d.push(f), a.push({
104
+ name: "premium_" + c[e],
105
+ actions: [{
106
+ name: "premium_addons_copy",
107
+ title: "PA | Copy Section",
108
+ icon: "pa-dash-icon",
109
+ callback: function () {
110
+ var a = {};
111
+ a.eletype = "widget" == c[e] ? f.model.get("widgetType") : null, a.elecode = f.model.toJSON(), xdLocalStorage.setItem("premium-c-p-element", JSON.stringify(a)), console.log(a)
112
+ }
113
+ }, {
114
+ name: "premium_addons_paste",
115
+ title: "PA | Paste Section",
116
+ icon: "pa-dash-icon",
117
+ callback: function () {
118
+ xdLocalStorage.getItem("premium-c-p-element", function (a) {
119
+ PACopyPasteHandler.b(JSON.parse(a.value), f)
120
+ })
121
+ }
122
+ },
123
+ {
124
+ name: "premium_addons_copy_all",
125
+ title: "PA | Copy All Content",
126
+ icon: "pa-dash-icon",
127
+ callback: function () {
128
+ var copiedSections = Object.values(elementor.getPreviewView().children._views).map(function (e) {
129
+ return e.getContainer();
130
+ });
131
+ var allSections = copiedSections.map(function (e) {
132
+ return e.model.toJSON();
133
+ });
134
+ xdLocalStorage.setItem('premium-c-p-all', JSON.stringify(allSections), function (a) {
135
+ elementor.notifications.showToast({
136
+ message: elementor.translate('Copied')
137
+ });
138
+ });
139
+ }
140
+ },
141
+ {
142
+ name: "premium_addons_paste_all",
143
+ title: "PA | Paste All Content",
144
+ icon: "pa-dash-icon",
145
+ callback: function () {
146
+ var allSections = '';
147
+ xdLocalStorage.getItem('premium-c-p-all', function (a) {
148
+ allSections = JSON.parse(a.value);
149
+ PACopyPasteHandler.pasteAll(JSON.stringify(allSections));
150
+ });
151
+ }
152
+ },
153
+ ]
154
+ }), a
155
+ })
156
+ })
157
  })(jQuery);
assets/editor/templates/css/editor-rtl.css CHANGED
@@ -1,578 +1,578 @@
1
- #premium-template-modal .dialog-widget-content {
2
- background-color: #f1f3f5;
3
- width: 100%;
4
- }
5
-
6
- @media (max-width: 1439px) {
7
- #premium-template-modal .dialog-widget-content {
8
- max-width: 990px;
9
- }
10
- }
11
-
12
- @media (min-width: 1440px) {
13
- #premium-template-modal .dialog-widget-content {
14
- max-width: 1200px;
15
- }
16
- }
17
-
18
- #premium-template-modal .dialog-widget-header,
19
- #premium-template-modal .dialog-header {
20
- padding: 0;
21
- background-color: #fff;
22
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
- position: relative;
25
- z-index: 1;
26
- }
27
-
28
- #premium-template-modal .dialog-buttons-wrapper {
29
- display: none;
30
- }
31
-
32
- #premium-template-modal a,
33
- #premium-template-modal a:hover {
34
- color: inherit;
35
- }
36
-
37
- #premium-template-modal a.elementor-template-library-blank-footer-link {
38
- -webkit-transition: color 0.5s;
39
- transition: color 0.5s;
40
- }
41
-
42
- #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
- color: #9b0a46;
44
- }
45
-
46
- #premium-template-modal .elementor-button {
47
- text-transform: uppercase;
48
- }
49
-
50
- #premium-template-modal ::-webkit-scrollbar {
51
- width: 6px;
52
- height: 0;
53
- border-radius: 3px;
54
- }
55
-
56
- #premium-template-modal ::-webkit-scrollbar-button {
57
- width: 0;
58
- height: 10px;
59
- }
60
-
61
- #premium-template-modal ::-webkit-scrollbar-thumb {
62
- background-color: #d5dadf;
63
- border: 0 none #d5dadf;
64
- border-radius: 0;
65
- border-radius: 3px;
66
- }
67
-
68
- #premium-template-modal ::-webkit-scrollbar-track {
69
- border: 0 none #fff;
70
- border-radius: 0;
71
- }
72
-
73
- #premium-template-modal ::-webkit-scrollbar-corner {
74
- background: transparent;
75
- }
76
-
77
- #premium-template-modal-header {
78
- display: -webkit-box;
79
- display: -ms-flexbox;
80
- display: flex;
81
- -webkit-box-pack: justify;
82
- -ms-flex-pack: justify;
83
- display: -webkit-box;
84
- display: -webkit-flex;
85
- display: -ms-flexbox;
86
- display: flex;
87
- -webkit-box-align: center;
88
- -webkit-align-items: center;
89
- -ms-flex-align: center;
90
- align-items: center;
91
- -webkit-box-pack: justify;
92
- -ms-flex-pack: justify;
93
-
94
- height: 50px;
95
- }
96
-
97
- #premium-template-modal-header .premium-template-modal-back {
98
- background: none;
99
- border: none;
100
- border-left: 1px solid #e6e9ec;
101
- padding: 15px 15px 15px 20px;
102
- line-height: 20px;
103
- font-size: 13px;
104
- font-weight: 700;
105
- outline: none;
106
- -webkit-transition: all 200ms linear;
107
- transition: all 200ms linear;
108
- cursor: pointer;
109
- color: #6d7882;
110
- }
111
-
112
- #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
- color: #a4afb7;
114
- }
115
-
116
- #premium-template-modal-header .elementor-button {
117
- padding: 8px 10px;
118
- }
119
-
120
- #premium-template-modal-header-close-modal {
121
- width: 45px;
122
- border-right: 1px solid #e6e9ec;
123
- display: -webkit-box;
124
- display: -ms-flexbox;
125
- display: flex;
126
- -webkit-box-align: center;
127
- -ms-flex-align: center;
128
- align-items: center;
129
- -webkit-box-pack: center;
130
- -ms-flex-pack: center;
131
- justify-content: center;
132
- cursor: pointer;
133
- -webkit-transition: all 200ms linear;
134
- transition: all 200ms linear;
135
- }
136
-
137
- #premium-template-modal-header-close-modal i {
138
- color: #a4afb7;
139
- font-size: 16px;
140
- }
141
-
142
- #premium-template-modal-header-close-modal:hover i {
143
- color: #6d7882;
144
- }
145
-
146
- #premium-template-modal-header-actions .template-library-activate-license {
147
- display: block;
148
- padding: 8px 10px;
149
- color: #fff;
150
- }
151
-
152
- #premium-template-modal-header-actions .template-library-activate-license:hover {
153
- color: #fff;
154
- opacity: 0.85;
155
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
- }
158
-
159
- #premium-template-modal-header-actions .premium-template-insert-no-media {
160
- background-color: #a4afb7;
161
- color: #fff;
162
- }
163
-
164
- #premium-template-modal .elementor-library-error {
165
- margin: 18% 0 0;
166
- }
167
-
168
- #premium-template-modal .elementor-library-error-message {
169
- font-size: 18px;
170
- padding: 0 0 20px;
171
- }
172
-
173
- #premium-template-modal .elementor-library-error-link a {
174
- display: inline-block;
175
- color: #fff;
176
- background-image: none;
177
- background: #f47216;
178
- font-size: 13px;
179
- font-weight: 400;
180
- font-style: normal;
181
- text-transform: uppercase;
182
- line-height: 1;
183
- height: 40px;
184
- line-height: 40px;
185
- min-width: 170px;
186
- padding: 0 20px;
187
- border: none;
188
- border-radius: 3px;
189
- cursor: pointer;
190
- -webkit-transition: all 0.5s;
191
- transition: all 0.5s;
192
- }
193
-
194
- #premium-template-modal .elementor-library-error-link a:hover {
195
- opacity: 0.85;
196
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
197
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
- }
199
-
200
- #premium-modal-tabs-items {
201
- display: none;
202
- }
203
-
204
- #premium-template-modal-header-tabs {
205
- display: -webkit-box;
206
- display: -webkit-flex;
207
- display: -ms-flexbox;
208
- display: flex;
209
- flex: 2;
210
- -webkit-box-align: center;
211
- -webkit-align-items: center;
212
- -ms-flex-align: center;
213
- align-items: center;
214
- -webkit-box-pack: justify;
215
- -webkit-justify-content: space-between;
216
- -ms-flex-pack: justify;
217
- justify-content: space-between;
218
- }
219
-
220
- #premium-template-modal-header-logo-area {
221
- text-align: right;
222
- padding-right: 15px;
223
- }
224
-
225
- #premium-template-modal-header-logo-area>* {
226
- display: -webkit-box;
227
- display: -webkit-flex;
228
- display: -ms-flexbox;
229
- display: flex;
230
- -webkit-box-align: center;
231
- -webkit-align-items: center;
232
- -ms-flex-align: center;
233
- align-items: center;
234
- }
235
-
236
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
237
- margin-left: 5px;
238
- }
239
-
240
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
241
- width: 30px;
242
- height: 30px;
243
- }
244
-
245
- #premium-template-modal-header-logo {
246
- color: #495157;
247
- line-height: 1;
248
- text-transform: uppercase;
249
- font-weight: 700;
250
- cursor: pointer;
251
- }
252
-
253
- #premium-template-library-content {
254
- display: -webkit-box;
255
- display: -ms-flexbox;
256
- display: flex;
257
- height: calc(100% - 20px);
258
- }
259
-
260
- #premium-template-library-content .premium-filters-list {
261
- width: 18%;
262
- padding: 0px 0px 10px 10px;
263
- height: 100%;
264
- overflow: auto;
265
- }
266
-
267
- #premium-template-library-content .premium-templates-wrap {
268
- width: 85%;
269
- }
270
-
271
- #premium-template-library-content .premium-templates-list {
272
- height: 100%;
273
- overflow: auto;
274
- margin-top: 12px;
275
- }
276
-
277
- #premium-template-library-content .premium-keywords-list {
278
- padding-right: 10px;
279
- }
280
-
281
- #elementor-template-library-filter {
282
- display: -webkit-box;
283
- display: -ms-flexbox;
284
- display: flex;
285
- align-items: center;
286
- }
287
-
288
- #elementor-template-library-filter label {
289
- color: #6d7882;
290
- font-size: 14px;
291
- font-weight: 500;
292
- margin-left: 0.5em;
293
- }
294
-
295
- #premium-template-modal .elementor-loader {
296
- position: relative;
297
- background-color: hsla(0, 0%, 100%, 0.9);
298
- }
299
-
300
- #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
301
- left: 40px;
302
- top: 40px;
303
- width: 14px;
304
- height: 70px;
305
- }
306
-
307
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
308
- top: 40px;
309
- }
310
-
311
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
312
- top: 68px;
313
- }
314
-
315
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
316
- bottom: 40px;
317
- }
318
-
319
- #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
320
- right: 40px;
321
- height: 14px;
322
- width: 42px;
323
- }
324
-
325
- #premium-template-library-content .premium-template-filter-label {
326
- display: block;
327
- position: relative;
328
- text-align: right;
329
- padding: 9px 0;
330
- }
331
-
332
- #premium-template-library-content .premium-template-filter-label input[type="radio"] {
333
- position: absolute;
334
- right: 0;
335
- top: 0;
336
- left: 0;
337
- bottom: 0;
338
- margin: 0;
339
- opacity: 0;
340
- display: block;
341
- width: 100%;
342
- height: 100%;
343
- cursor: pointer;
344
- }
345
-
346
- .premium-template-filter-label span {
347
- color: #6d7882;
348
- }
349
-
350
- #premium-template-library-content .premium-template-filter-label:hover span,
351
- #premium-template-library-content .premium-template-filter-label input:checked+span {
352
- color: #f47216;
353
- }
354
-
355
- #premium-template-library-content .premium-template-filter-item {
356
- border-top: 1px solid rgba(213, 218, 223, 0.5);
357
- }
358
-
359
- #premium-template-library-content .premium-template-filter-item:first-child {
360
- border-top: none;
361
- }
362
-
363
- #premium-template-library-content .premium-templates-wrap {
364
- width: 100%;
365
- }
366
-
367
- #premium-template-library-content .premium-template-insert,
368
- #premium-template-library-content .premium-template-insert-no-media {
369
- padding: 5px 12px;
370
- }
371
-
372
- #premium-template-library-content .premium-template-insert-no-media {
373
- color: #6d7882 !important;
374
- margin-right: 8px !important;
375
- }
376
-
377
- /* #premium-template-library-content .premium-template-insert i,
378
- #premium-template-library-content .premium-template-insert-no-media i {
379
- margin-right: 2px;
380
- } */
381
-
382
- #premium-template-library-content .premium-template-insert span,
383
- #premium-template-library-content .premium-template-insert-no-media span {
384
- font-size: 11px;
385
- }
386
-
387
- #premium-template-library-content .elementor-template-library-template-name {
388
- width: 200px;
389
- }
390
-
391
- #premium-modal-templates-container {
392
- display: -webkit-box;
393
- display: -ms-flexbox;
394
- display: flex;
395
- -ms-flex-wrap: wrap;
396
- flex-wrap: wrap;
397
- -webkit-box-align: start;
398
- -ms-flex-align: start;
399
- align-items: flex-start;
400
- }
401
-
402
- #premium-modal-templates-container .elementor-template-library-template {
403
- position: relative;
404
- background: #fff;
405
- }
406
-
407
- #premium-modal-templates-container .premium-template-pro::before {
408
- position: absolute;
409
- left: -76px;
410
- top: 2px;
411
- content: "PRO";
412
- z-index: 10;
413
- width: 180px;
414
- height: 20px;
415
- padding: 0 20px;
416
- font-size: 12px;
417
- line-height: 10px;
418
- text-align: center;
419
- color: #fff;
420
- font-weight: bold;
421
- box-shadow: 0px 1px 3px #888888;
422
- background: #f47216;
423
- border-top: 5px solid #f47216;
424
- border-bottom: 5px solid #f47216;
425
- -webkit-transform: rotate(-35deg);
426
- transform: rotate(-35deg);
427
- }
428
-
429
- #premium-modal-templates-container .elementor-template-library-template-remote {
430
- width: calc(33.3333% - 30px);
431
- }
432
-
433
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
434
- position: absolute;
435
- background-color: #fff;
436
- right: 0;
437
- bottom: -15px;
438
- left: 0;
439
- display: -webkit-box;
440
- display: -ms-flexbox;
441
- display: flex;
442
- -webkit-box-pack: justify;
443
- -ms-flex-pack: justify;
444
- -webkit-transition: all 0.3s ease;
445
- transition: all 0.3s ease;
446
- justify-content: center;
447
- padding: 9px 8px 9px 10px;
448
- z-index: 10;
449
- }
450
-
451
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
452
- bottom: 0;
453
- }
454
-
455
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
456
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
457
- padding: 0;
458
- margin: 0;
459
- color: #39b54a;
460
- background: none;
461
- text-transform: none;
462
- font-size: 12px;
463
- }
464
-
465
- #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
466
- background: none;
467
- border: none;
468
- padding: 0;
469
- margin: 0;
470
- color: #9b0a46;
471
- cursor: pointer;
472
- display: none;
473
- font-size: 12px;
474
- -webkit-box-shadow: none;
475
- box-shadow: none;
476
- outline: none;
477
- font-weight: bold;
478
- }
479
-
480
- div.premium-template-has-url:hover .premium-clone-template {
481
- display: block !important;
482
- }
483
-
484
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
485
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
486
- -webkit-box-shadow: none;
487
- box-shadow: none;
488
- }
489
-
490
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
491
- padding: 5px 0 0;
492
- text-align: center;
493
- display: block !important;
494
- }
495
-
496
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
497
- height: 23px;
498
- }
499
-
500
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
501
- display: none;
502
- color: #fcb92c;
503
- font-size: 12px;
504
- }
505
-
506
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
507
- color: #d89403;
508
- }
509
-
510
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
511
- opacity: 0;
512
- }
513
-
514
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
515
- width: calc(25% - 20px);
516
- margin: 10px;
517
- }
518
-
519
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
520
- padding: 8px;
521
- }
522
-
523
- #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
524
- cursor: default !important;
525
- opacity: 0 !important;
526
- }
527
-
528
- #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
529
- display: none !important;
530
- }
531
-
532
- #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
533
- display: block !important;
534
- }
535
-
536
- .elementor-template-library-template-screenshot img {
537
- width: 100%;
538
- max-width: 100%;
539
- height: auto;
540
- display: block;
541
- }
542
-
543
- /* * Preview Iframe */
544
- #premium-templatate-item-preview-wrap,
545
- #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
546
- height: 100%;
547
- overflow: hidden;
548
- }
549
-
550
- #premium-templatate-item-preview-wrap iframe {
551
- height: 140%;
552
- -webkit-transform: scale(0.666) translateX(25%) translateY(-25%);
553
- -ms-transform: scale(0.666) translateX(25%) translateY(-25%);
554
- transform: scale(0.666) translateX(25%) translateY(-25%);
555
- }
556
-
557
- @media (max-width: 1439px) {
558
- #premium-templatate-item-preview-wrap iframe {
559
- width: 1440px;
560
- }
561
- }
562
-
563
- @media (min-width: 1440px) {
564
- #premium-templatate-item-preview-wrap iframe {
565
- width: 1710px;
566
- }
567
- }
568
-
569
- .premium-template-item-notice div {
570
- color: #31708f;
571
- background-color: #d9edf7;
572
- border-color: #bcdff1;
573
- padding: 15px;
574
- border-right: 5px solid #bcdff1;
575
- position: relative;
576
- text-align: right;
577
- margin-bottom: 8px;
578
  }
1
+ #premium-template-modal .dialog-widget-content {
2
+ background-color: #f1f3f5;
3
+ width: 100%;
4
+ }
5
+
6
+ @media (max-width: 1439px) {
7
+ #premium-template-modal .dialog-widget-content {
8
+ max-width: 990px;
9
+ }
10
+ }
11
+
12
+ @media (min-width: 1440px) {
13
+ #premium-template-modal .dialog-widget-content {
14
+ max-width: 1200px;
15
+ }
16
+ }
17
+
18
+ #premium-template-modal .dialog-widget-header,
19
+ #premium-template-modal .dialog-header {
20
+ padding: 0;
21
+ background-color: #fff;
22
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
+ position: relative;
25
+ z-index: 1;
26
+ }
27
+
28
+ #premium-template-modal .dialog-buttons-wrapper {
29
+ display: none;
30
+ }
31
+
32
+ #premium-template-modal a,
33
+ #premium-template-modal a:hover {
34
+ color: inherit;
35
+ }
36
+
37
+ #premium-template-modal a.elementor-template-library-blank-footer-link {
38
+ -webkit-transition: color 0.5s;
39
+ transition: color 0.5s;
40
+ }
41
+
42
+ #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
+ color: #9b0a46;
44
+ }
45
+
46
+ #premium-template-modal .elementor-button {
47
+ text-transform: uppercase;
48
+ }
49
+
50
+ #premium-template-modal ::-webkit-scrollbar {
51
+ width: 6px;
52
+ height: 0;
53
+ border-radius: 3px;
54
+ }
55
+
56
+ #premium-template-modal ::-webkit-scrollbar-button {
57
+ width: 0;
58
+ height: 10px;
59
+ }
60
+
61
+ #premium-template-modal ::-webkit-scrollbar-thumb {
62
+ background-color: #d5dadf;
63
+ border: 0 none #d5dadf;
64
+ border-radius: 0;
65
+ border-radius: 3px;
66
+ }
67
+
68
+ #premium-template-modal ::-webkit-scrollbar-track {
69
+ border: 0 none #fff;
70
+ border-radius: 0;
71
+ }
72
+
73
+ #premium-template-modal ::-webkit-scrollbar-corner {
74
+ background: transparent;
75
+ }
76
+
77
+ #premium-template-modal-header {
78
+ display: -webkit-box;
79
+ display: -ms-flexbox;
80
+ display: flex;
81
+ -webkit-box-pack: justify;
82
+ -ms-flex-pack: justify;
83
+ display: -webkit-box;
84
+ display: -webkit-flex;
85
+ display: -ms-flexbox;
86
+ display: flex;
87
+ -webkit-box-align: center;
88
+ -webkit-align-items: center;
89
+ -ms-flex-align: center;
90
+ align-items: center;
91
+ -webkit-box-pack: justify;
92
+ -ms-flex-pack: justify;
93
+
94
+ height: 50px;
95
+ }
96
+
97
+ #premium-template-modal-header .premium-template-modal-back {
98
+ background: none;
99
+ border: none;
100
+ border-left: 1px solid #e6e9ec;
101
+ padding: 15px 15px 15px 20px;
102
+ line-height: 20px;
103
+ font-size: 13px;
104
+ font-weight: 700;
105
+ outline: none;
106
+ -webkit-transition: all 200ms linear;
107
+ transition: all 200ms linear;
108
+ cursor: pointer;
109
+ color: #6d7882;
110
+ }
111
+
112
+ #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
+ color: #a4afb7;
114
+ }
115
+
116
+ #premium-template-modal-header .elementor-button {
117
+ padding: 8px 10px;
118
+ }
119
+
120
+ #premium-template-modal-header-close-modal {
121
+ width: 45px;
122
+ border-right: 1px solid #e6e9ec;
123
+ display: -webkit-box;
124
+ display: -ms-flexbox;
125
+ display: flex;
126
+ -webkit-box-align: center;
127
+ -ms-flex-align: center;
128
+ align-items: center;
129
+ -webkit-box-pack: center;
130
+ -ms-flex-pack: center;
131
+ justify-content: center;
132
+ cursor: pointer;
133
+ -webkit-transition: all 200ms linear;
134
+ transition: all 200ms linear;
135
+ }
136
+
137
+ #premium-template-modal-header-close-modal i {
138
+ color: #a4afb7;
139
+ font-size: 16px;
140
+ }
141
+
142
+ #premium-template-modal-header-close-modal:hover i {
143
+ color: #6d7882;
144
+ }
145
+
146
+ #premium-template-modal-header-actions .template-library-activate-license {
147
+ display: block;
148
+ padding: 8px 10px;
149
+ color: #fff;
150
+ }
151
+
152
+ #premium-template-modal-header-actions .template-library-activate-license:hover {
153
+ color: #fff;
154
+ opacity: 0.85;
155
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
+ }
158
+
159
+ #premium-template-modal-header-actions .premium-template-insert-no-media {
160
+ background-color: #a4afb7;
161
+ color: #fff;
162
+ }
163
+
164
+ #premium-template-modal .elementor-library-error {
165
+ margin: 18% 0 0;
166
+ }
167
+
168
+ #premium-template-modal .elementor-library-error-message {
169
+ font-size: 18px;
170
+ padding: 0 0 20px;
171
+ }
172
+
173
+ #premium-template-modal .elementor-library-error-link a {
174
+ display: inline-block;
175
+ color: #fff;
176
+ background-image: none;
177
+ background: #f47216;
178
+ font-size: 13px;
179
+ font-weight: 400;
180
+ font-style: normal;
181
+ text-transform: uppercase;
182
+ line-height: 1;
183
+ height: 40px;
184
+ line-height: 40px;
185
+ min-width: 170px;
186
+ padding: 0 20px;
187
+ border: none;
188
+ border-radius: 3px;
189
+ cursor: pointer;
190
+ -webkit-transition: all 0.5s;
191
+ transition: all 0.5s;
192
+ }
193
+
194
+ #premium-template-modal .elementor-library-error-link a:hover {
195
+ opacity: 0.85;
196
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
197
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
+ }
199
+
200
+ #premium-modal-tabs-items {
201
+ display: none;
202
+ }
203
+
204
+ #premium-template-modal-header-tabs {
205
+ display: -webkit-box;
206
+ display: -webkit-flex;
207
+ display: -ms-flexbox;
208
+ display: flex;
209
+ flex: 2;
210
+ -webkit-box-align: center;
211
+ -webkit-align-items: center;
212
+ -ms-flex-align: center;
213
+ align-items: center;
214
+ -webkit-box-pack: justify;
215
+ -webkit-justify-content: space-between;
216
+ -ms-flex-pack: justify;
217
+ justify-content: space-between;
218
+ }
219
+
220
+ #premium-template-modal-header-logo-area {
221
+ text-align: right;
222
+ padding-right: 15px;
223
+ }
224
+
225
+ #premium-template-modal-header-logo-area>* {
226
+ display: -webkit-box;
227
+ display: -webkit-flex;
228
+ display: -ms-flexbox;
229
+ display: flex;
230
+ -webkit-box-align: center;
231
+ -webkit-align-items: center;
232
+ -ms-flex-align: center;
233
+ align-items: center;
234
+ }
235
+
236
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
237
+ margin-left: 5px;
238
+ }
239
+
240
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
241
+ width: 30px;
242
+ height: 30px;
243
+ }
244
+
245
+ #premium-template-modal-header-logo {
246
+ color: #495157;
247
+ line-height: 1;
248
+ text-transform: uppercase;
249
+ font-weight: 700;
250
+ cursor: pointer;
251
+ }
252
+
253
+ #premium-template-library-content {
254
+ display: -webkit-box;
255
+ display: -ms-flexbox;
256
+ display: flex;
257
+ height: calc(100% - 20px);
258
+ }
259
+
260
+ #premium-template-library-content .premium-filters-list {
261
+ width: 18%;
262
+ padding: 0px 0px 10px 10px;
263
+ height: 100%;
264
+ overflow: auto;
265
+ }
266
+
267
+ #premium-template-library-content .premium-templates-wrap {
268
+ width: 85%;
269
+ }
270
+
271
+ #premium-template-library-content .premium-templates-list {
272
+ height: 100%;
273
+ overflow: auto;
274
+ margin-top: 12px;
275
+ }
276
+
277
+ #premium-template-library-content .premium-keywords-list {
278
+ padding-right: 10px;
279
+ }
280
+
281
+ #elementor-template-library-filter {
282
+ display: -webkit-box;
283
+ display: -ms-flexbox;
284
+ display: flex;
285
+ align-items: center;
286
+ }
287
+
288
+ #elementor-template-library-filter label {
289
+ color: #6d7882;
290
+ font-size: 14px;
291
+ font-weight: 500;
292
+ margin-left: 0.5em;
293
+ }
294
+
295
+ #premium-template-modal .elementor-loader {
296
+ position: relative;
297
+ background-color: hsla(0, 0%, 100%, 0.9);
298
+ }
299
+
300
+ #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
301
+ left: 40px;
302
+ top: 40px;
303
+ width: 14px;
304
+ height: 70px;
305
+ }
306
+
307
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
308
+ top: 40px;
309
+ }
310
+
311
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
312
+ top: 68px;
313
+ }
314
+
315
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
316
+ bottom: 40px;
317
+ }
318
+
319
+ #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
320
+ right: 40px;
321
+ height: 14px;
322
+ width: 42px;
323
+ }
324
+
325
+ #premium-template-library-content .premium-template-filter-label {
326
+ display: block;
327
+ position: relative;
328
+ text-align: right;
329
+ padding: 9px 0;
330
+ }
331
+
332
+ #premium-template-library-content .premium-template-filter-label input[type="radio"] {
333
+ position: absolute;
334
+ right: 0;
335
+ top: 0;
336
+ left: 0;
337
+ bottom: 0;
338
+ margin: 0;
339
+ opacity: 0;
340
+ display: block;
341
+ width: 100%;
342
+ height: 100%;
343
+ cursor: pointer;
344
+ }
345
+
346
+ .premium-template-filter-label span {
347
+ color: #6d7882;
348
+ }
349
+
350
+ #premium-template-library-content .premium-template-filter-label:hover span,
351
+ #premium-template-library-content .premium-template-filter-label input:checked+span {
352
+ color: #f47216;
353
+ }
354
+
355
+ #premium-template-library-content .premium-template-filter-item {
356
+ border-top: 1px solid rgba(213, 218, 223, 0.5);
357
+ }
358
+
359
+ #premium-template-library-content .premium-template-filter-item:first-child {
360
+ border-top: none;
361
+ }
362
+
363
+ #premium-template-library-content .premium-templates-wrap {
364
+ width: 100%;
365
+ }
366
+
367
+ #premium-template-library-content .premium-template-insert,
368
+ #premium-template-library-content .premium-template-insert-no-media {
369
+ padding: 5px 12px;
370
+ }
371
+
372
+ #premium-template-library-content .premium-template-insert-no-media {
373
+ color: #6d7882 !important;
374
+ margin-right: 8px !important;
375
+ }
376
+
377
+ /* #premium-template-library-content .premium-template-insert i,
378
+ #premium-template-library-content .premium-template-insert-no-media i {
379
+ margin-right: 2px;
380
+ } */
381
+
382
+ #premium-template-library-content .premium-template-insert span,
383
+ #premium-template-library-content .premium-template-insert-no-media span {
384
+ font-size: 11px;
385
+ }
386
+
387
+ #premium-template-library-content .elementor-template-library-template-name {
388
+ width: 200px;
389
+ }
390
+
391
+ #premium-modal-templates-container {
392
+ display: -webkit-box;
393
+ display: -ms-flexbox;
394
+ display: flex;
395
+ -ms-flex-wrap: wrap;
396
+ flex-wrap: wrap;
397
+ -webkit-box-align: start;
398
+ -ms-flex-align: start;
399
+ align-items: flex-start;
400
+ }
401
+
402
+ #premium-modal-templates-container .elementor-template-library-template {
403
+ position: relative;
404
+ background: #fff;
405
+ }
406
+
407
+ #premium-modal-templates-container .premium-template-pro::before {
408
+ position: absolute;
409
+ left: -76px;
410
+ top: 2px;
411
+ content: "PRO";
412
+ z-index: 10;
413
+ width: 180px;
414
+ height: 20px;
415
+ padding: 0 20px;
416
+ font-size: 12px;
417
+ line-height: 10px;
418
+ text-align: center;
419
+ color: #fff;
420
+ font-weight: bold;
421
+ box-shadow: 0px 1px 3px #888888;
422
+ background: #f47216;
423
+ border-top: 5px solid #f47216;
424
+ border-bottom: 5px solid #f47216;
425
+ -webkit-transform: rotate(-35deg);
426
+ transform: rotate(-35deg);
427
+ }
428
+
429
+ #premium-modal-templates-container .elementor-template-library-template-remote {
430
+ width: calc(33.3333% - 30px);
431
+ }
432
+
433
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
434
+ position: absolute;
435
+ background-color: #fff;
436
+ right: 0;
437
+ bottom: -15px;
438
+ left: 0;
439
+ display: -webkit-box;
440
+ display: -ms-flexbox;
441
+ display: flex;
442
+ -webkit-box-pack: justify;
443
+ -ms-flex-pack: justify;
444
+ -webkit-transition: all 0.3s ease;
445
+ transition: all 0.3s ease;
446
+ justify-content: center;
447
+ padding: 9px 8px 9px 10px;
448
+ z-index: 10;
449
+ }
450
+
451
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
452
+ bottom: 0;
453
+ }
454
+
455
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
456
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
457
+ padding: 0;
458
+ margin: 0;
459
+ color: #39b54a;
460
+ background: none;
461
+ text-transform: none;
462
+ font-size: 12px;
463
+ }
464
+
465
+ #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
466
+ background: none;
467
+ border: none;
468
+ padding: 0;
469
+ margin: 0;
470
+ color: #9b0a46;
471
+ cursor: pointer;
472
+ display: none;
473
+ font-size: 12px;
474
+ -webkit-box-shadow: none;
475
+ box-shadow: none;
476
+ outline: none;
477
+ font-weight: bold;
478
+ }
479
+
480
+ div.premium-template-has-url:hover .premium-clone-template {
481
+ display: block !important;
482
+ }
483
+
484
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
485
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
486
+ -webkit-box-shadow: none;
487
+ box-shadow: none;
488
+ }
489
+
490
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
491
+ padding: 5px 0 0;
492
+ text-align: center;
493
+ display: block !important;
494
+ }
495
+
496
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
497
+ height: 23px;
498
+ }
499
+
500
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
501
+ display: none;
502
+ color: #fcb92c;
503
+ font-size: 12px;
504
+ }
505
+
506
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
507
+ color: #d89403;
508
+ }
509
+
510
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
511
+ opacity: 0;
512
+ }
513
+
514
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
515
+ width: calc(25% - 20px);
516
+ margin: 10px;
517
+ }
518
+
519
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
520
+ padding: 8px;
521
+ }
522
+
523
+ #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
524
+ cursor: default !important;
525
+ opacity: 0 !important;
526
+ }
527
+
528
+ #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
529
+ display: none !important;
530
+ }
531
+
532
+ #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
533
+ display: block !important;
534
+ }
535
+
536
+ .elementor-template-library-template-screenshot img {
537
+ width: 100%;
538
+ max-width: 100%;
539
+ height: auto;
540
+ display: block;
541
+ }
542
+
543
+ /* * Preview Iframe */
544
+ #premium-templatate-item-preview-wrap,
545
+ #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
546
+ height: 100%;
547
+ overflow: hidden;
548
+ }
549
+
550
+ #premium-templatate-item-preview-wrap iframe {
551
+ height: 140%;
552
+ -webkit-transform: scale(0.666) translateX(25%) translateY(-25%);
553
+ -ms-transform: scale(0.666) translateX(25%) translateY(-25%);
554
+ transform: scale(0.666) translateX(25%) translateY(-25%);
555
+ }
556
+
557
+ @media (max-width: 1439px) {
558
+ #premium-templatate-item-preview-wrap iframe {
559
+ width: 1440px;
560
+ }
561
+ }
562
+
563
+ @media (min-width: 1440px) {
564
+ #premium-templatate-item-preview-wrap iframe {
565
+ width: 1710px;
566
+ }
567
+ }
568
+
569
+ .premium-template-item-notice div {
570
+ color: #31708f;
571
+ background-color: #d9edf7;
572
+ border-color: #bcdff1;
573
+ padding: 15px;
574
+ border-right: 5px solid #bcdff1;
575
+ position: relative;
576
+ text-align: right;
577
+ margin-bottom: 8px;
578
  }
assets/editor/templates/css/editor.css CHANGED
@@ -1,580 +1,580 @@
1
- #premium-template-modal .dialog-widget-content {
2
- background-color: #f1f3f5;
3
- width: 100%;
4
- }
5
-
6
- @media (max-width: 1439px) {
7
- #premium-template-modal .dialog-widget-content {
8
- max-width: 990px;
9
- }
10
- }
11
-
12
- @media (min-width: 1440px) {
13
- #premium-template-modal .dialog-widget-content {
14
- max-width: 1200px;
15
- }
16
- }
17
-
18
- #premium-template-modal .dialog-widget-header,
19
- #premium-template-modal .dialog-header {
20
- padding: 0;
21
- background-color: #fff;
22
- -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
- position: relative;
25
- z-index: 1;
26
- }
27
-
28
- #premium-template-modal .dialog-buttons-wrapper {
29
- display: none;
30
- }
31
-
32
- #premium-template-modal a,
33
- #premium-template-modal a:hover {
34
- color: inherit;
35
- }
36
-
37
- #premium-template-modal a.elementor-template-library-blank-footer-link {
38
- -webkit-transition: color 0.5s;
39
- transition: color 0.5s;
40
- }
41
-
42
- #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
- color: #9b0a46;
44
- }
45
-
46
- #premium-template-modal .elementor-button {
47
- text-transform: uppercase;
48
- }
49
-
50
- #premium-template-modal ::-webkit-scrollbar {
51
- width: 6px;
52
- height: 0;
53
- border-radius: 3px;
54
- }
55
-
56
- #premium-template-modal ::-webkit-scrollbar-button {
57
- width: 0;
58
- height: 10px;
59
- }
60
-
61
- #premium-template-modal ::-webkit-scrollbar-thumb {
62
- background-color: #d5dadf;
63
- border: 0 none #d5dadf;
64
- border-radius: 0;
65
- border-radius: 3px;
66
- }
67
-
68
- #premium-template-modal ::-webkit-scrollbar-track {
69
- border: 0 none #fff;
70
- border-radius: 0;
71
- }
72
-
73
- #premium-template-modal ::-webkit-scrollbar-corner {
74
- background: transparent;
75
- }
76
-
77
- #premium-template-modal-header {
78
- display: -webkit-box;
79
- display: -ms-flexbox;
80
- display: flex;
81
- -webkit-box-pack: justify;
82
- -ms-flex-pack: justify;
83
- display: -webkit-box;
84
- display: -webkit-flex;
85
- display: -ms-flexbox;
86
- display: flex;
87
- -webkit-box-align: center;
88
- -webkit-align-items: center;
89
- -ms-flex-align: center;
90
- align-items: center;
91
- -webkit-box-pack: justify;
92
- -ms-flex-pack: justify;
93
-
94
- height: 50px;
95
- }
96
-
97
- #premium-template-modal-header .premium-template-modal-back {
98
- background: none;
99
- border: none;
100
- border-right: 1px solid #e6e9ec;
101
- padding: 15px 20px 15px 15px;
102
- line-height: 20px;
103
- font-size: 13px;
104
- font-weight: 700;
105
- outline: none;
106
- -webkit-transition: all 200ms linear;
107
- transition: all 200ms linear;
108
- cursor: pointer;
109
- color: #6d7882;
110
- }
111
-
112
- #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
- color: #a4afb7;
114
- }
115
-
116
- #premium-template-modal-header .elementor-button {
117
- padding: 8px 10px;
118
- }
119
-
120
- #premium-template-modal-header-close-modal {
121
- width: 45px;
122
- border-left: 1px solid #e6e9ec;
123
- display: -webkit-box;
124
- display: -ms-flexbox;
125
- display: flex;
126
- -webkit-box-align: center;
127
- -ms-flex-align: center;
128
- align-items: center;
129
- -webkit-box-pack: center;
130
- -ms-flex-pack: center;
131
- justify-content: center;
132
- cursor: pointer;
133
- -webkit-transition: all 200ms linear;
134
- transition: all 200ms linear;
135
- }
136
-
137
- #premium-template-modal-header-close-modal i {
138
- color: #a4afb7;
139
- font-size: 16px;
140
- }
141
-
142
- #premium-template-modal-header-close-modal:hover i {
143
- color: #6d7882;
144
- }
145
-
146
- #premium-template-modal-header-actions .template-library-activate-license {
147
- display: block;
148
- padding: 8px 10px;
149
- color: #fff;
150
- }
151
-
152
- #premium-template-modal-header-actions .template-library-activate-license:hover {
153
- color: #fff;
154
- opacity: 0.85;
155
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
- }
158
-
159
- #premium-template-modal-header-actions .premium-template-insert-no-media {
160
- background-color: #a4afb7;
161
- color: #fff;
162
- }
163
-
164
-
165
- #premium-template-modal .elementor-library-error {
166
- margin: 18% 0 0;
167
- }
168
-
169
- #premium-template-modal .elementor-library-error-message {
170
- font-size: 18px;
171
- padding: 0 0 20px;
172
- }
173
-
174
- #premium-template-modal .elementor-library-error-link a {
175
- display: inline-block;
176
- color: #fff;
177
- background-image: none;
178
- background: #f47216;
179
- font-size: 13px;
180
- font-weight: 400;
181
- font-style: normal;
182
- text-transform: uppercase;
183
- line-height: 1;
184
- height: 40px;
185
- line-height: 40px;
186
- min-width: 170px;
187
- padding: 0 20px;
188
- border: none;
189
- border-radius: 3px;
190
- cursor: pointer;
191
- -webkit-transition: all 0.5s;
192
- transition: all 0.5s;
193
- }
194
-
195
- #premium-template-modal .elementor-library-error-link a:hover {
196
- opacity: 0.85;
197
- -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
199
- }
200
-
201
- #premium-modal-tabs-items {
202
- display: none;
203
- }
204
-
205
- #premium-template-modal-header-tabs {
206
- display: -webkit-box;
207
- display: -webkit-flex;
208
- display: -ms-flexbox;
209
- display: flex;
210
- flex: 2;
211
- -webkit-box-align: center;
212
- -webkit-align-items: center;
213
- -ms-flex-align: center;
214
- align-items: center;
215
- -webkit-box-pack: justify;
216
- -webkit-justify-content: space-between;
217
- -ms-flex-pack: justify;
218
- justify-content: space-between;
219
- }
220
-
221
- #premium-template-modal-header-logo-area {
222
- text-align: left;
223
- padding-left: 15px;
224
- }
225
-
226
- #premium-template-modal-header-logo-area>* {
227
- display: -webkit-box;
228
- display: -webkit-flex;
229
- display: -ms-flexbox;
230
- display: flex;
231
- -webkit-box-align: center;
232
- -webkit-align-items: center;
233
- -ms-flex-align: center;
234
- align-items: center;
235
- }
236
-
237
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
238
- margin-right: 5px;
239
- }
240
-
241
- #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
242
- width: 30px;
243
- height: 30px;
244
- }
245
-
246
- #premium-template-modal-header-logo {
247
- color: #495157;
248
- line-height: 1;
249
- text-transform: uppercase;
250
- font-weight: 700;
251
- cursor: pointer;
252
- }
253
-
254
- #premium-template-library-content {
255
- display: -webkit-box;
256
- display: -ms-flexbox;
257
- display: flex;
258
- height: calc(100% - 20px);
259
- }
260
-
261
- #premium-template-library-content .premium-filters-list {
262
- width: 18%;
263
- padding: 0px 10px 10px 0px;
264
- height: 100%;
265
- overflow: auto;
266
- }
267
-
268
- #premium-template-library-content .premium-templates-wrap {
269
- width: 85%;
270
- }
271
-
272
- #premium-template-library-content .premium-templates-list {
273
- height: 100%;
274
- overflow: auto;
275
- margin-top: 12px;
276
- }
277
-
278
- #premium-template-library-content .premium-keywords-list {
279
- padding-left: 10px;
280
- }
281
-
282
- #elementor-template-library-filter {
283
- display: -webkit-box;
284
- display: -ms-flexbox;
285
- display: flex;
286
- align-items: center;
287
- }
288
-
289
- #elementor-template-library-filter label {
290
- color: #6d7882;
291
- font-size: 14px;
292
- font-weight: 500;
293
- margin-right: 0.5em;
294
- }
295
-
296
- #premium-template-modal .elementor-loader {
297
- position: relative;
298
- background-color: hsla(0, 0%, 100%, 0.9);
299
- }
300
-
301
- #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
302
- left: 40px;
303
- top: 40px;
304
- width: 14px;
305
- height: 70px;
306
- }
307
-
308
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
309
- top: 40px;
310
- }
311
-
312
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
313
- top: 68px;
314
- }
315
-
316
- #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
317
- bottom: 40px;
318
- }
319
-
320
- #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
321
- right: 40px;
322
- height: 14px;
323
- width: 42px;
324
- }
325
-
326
- #premium-template-library-content .premium-template-filter-label {
327
- display: block;
328
- position: relative;
329
- text-align: left;
330
- padding: 9px 0;
331
- }
332
-
333
- #premium-template-library-content .premium-template-filter-label input[type="radio"] {
334
- position: absolute;
335
- left: 0;
336
- top: 0;
337
- right: 0;
338
- bottom: 0;
339
- margin: 0;
340
- opacity: 0;
341
- display: block;
342
- width: 100%;
343
- height: 100%;
344
- cursor: pointer;
345
- }
346
-
347
- .premium-template-filter-label span {
348
- color: #6d7882;
349
- }
350
-
351
- #premium-template-library-content .premium-template-filter-label:hover span,
352
- #premium-template-library-content .premium-template-filter-label input:checked+span {
353
- color: #f47216;
354
- }
355
-
356
- #premium-template-library-content .premium-template-filter-item {
357
- border-top: 1px solid rgba(213, 218, 223, 0.5);
358
- }
359
-
360
- #premium-template-library-content .premium-template-filter-item:first-child {
361
- border-top: none;
362
- }
363
-
364
- #premium-template-library-content .premium-templates-wrap {
365
- width: 100%;
366
- }
367
-
368
- #premium-template-library-content .premium-template-insert,
369
- #premium-template-library-content .premium-template-insert-no-media {
370
- padding: 5px 12px;
371
- }
372
-
373
- #premium-template-library-content .premium-template-insert-no-media {
374
- color: #6d7882 !important;
375
- margin-right: 8px !important;
376
- }
377
-
378
- /* #premium-template-library-content .premium-template-insert i,
379
- #premium-template-library-content .premium-template-insert-no-media i {
380
- margin-right: 2px;
381
- } */
382
-
383
- #premium-template-library-content .premium-template-insert span,
384
- #premium-template-library-content .premium-template-insert-no-media span {
385
- font-size: 11px;
386
- }
387
-
388
- #premium-template-library-content .elementor-template-library-template-name {
389
- width: 200px;
390
- }
391
-
392
- #premium-modal-templates-container {
393
- display: -webkit-box;
394
- display: -ms-flexbox;
395
- display: flex;
396
- -ms-flex-wrap: wrap;
397
- flex-wrap: wrap;
398
- -webkit-box-align: start;
399
- -ms-flex-align: start;
400
- align-items: flex-start;
401
- }
402
-
403
- #premium-modal-templates-container .elementor-template-library-template {
404
- position: relative;
405
- background: #fff;
406
- }
407
-
408
- #premium-modal-templates-container .premium-template-pro::before {
409
- position: absolute;
410
- right: -76px;
411
- top: 2px;
412
- content: "PRO";
413
- z-index: 10;
414
- width: 180px;
415
- height: 20px;
416
- padding: 0 20px;
417
- font-size: 12px;
418
- line-height: 10px;
419
- text-align: center;
420
- color: #fff;
421
- font-weight: bold;
422
- box-shadow: 0px 1px 3px #888888;
423
- background: #f47216;
424
- border-top: 5px solid #f47216;
425
- border-bottom: 5px solid #f47216;
426
- -webkit-transform: rotate(35deg);
427
- transform: rotate(35deg);
428
- }
429
-
430
- #premium-modal-templates-container .elementor-template-library-template-remote {
431
- width: calc(33.3333% - 30px);
432
- }
433
-
434
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
435
- position: absolute;
436
- background-color: #fff;
437
- left: 0;
438
- bottom: -15px;
439
- right: 0;
440
- display: -webkit-box;
441
- display: -ms-flexbox;
442
- display: flex;
443
- -webkit-box-pack: justify;
444
- -ms-flex-pack: justify;
445
- align-items: center;
446
- -webkit-transition: all 0.3s ease;
447
- transition: all 0.3s ease;
448
- justify-content: center;
449
- padding: 9px 10px 9px 8px;
450
- z-index: 10;
451
- }
452
-
453
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
454
- bottom: 0;
455
- }
456
-
457
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
458
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
459
- padding: 0;
460
- margin: 0;
461
- color: #39b54a;
462
- background: none;
463
- text-transform: none;
464
- font-size: 12px;
465
- }
466
-
467
- #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
468
- background: none;
469
- border: none;
470
- padding: 0;
471
- margin: 0;
472
- color: #9b0a46;
473
- cursor: pointer;
474
- display: none;
475
- font-size: 12px;
476
- -webkit-box-shadow: none;
477
- box-shadow: none;
478
- outline: none;
479
- font-weight: bold;
480
- }
481
-
482
- div.premium-template-has-url:hover .premium-clone-template {
483
- display: block !important;
484
- }
485
-
486
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
487
- #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
488
- -webkit-box-shadow: none;
489
- box-shadow: none;
490
- }
491
-
492
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
493
- padding: 5px 0 0;
494
- text-align: center;
495
- display: block !important;
496
- }
497
-
498
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
499
- height: 23px;
500
- }
501
-
502
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
503
- display: none;
504
- color: #fcb92c;
505
- font-size: 12px;
506
- }
507
-
508
- #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
509
- color: #d89403;
510
- }
511
-
512
- #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
513
- opacity: 0;
514
- }
515
-
516
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
517
- width: calc(25% - 20px);
518
- margin: 10px;
519
- }
520
-
521
- .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
522
- padding: 8px;
523
- }
524
-
525
- #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
526
- cursor: default !important;
527
- opacity: 0 !important;
528
- }
529
-
530
- #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
531
- display: none !important;
532
- }
533
-
534
- #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
535
- display: block !important;
536
- }
537
-
538
- .elementor-template-library-template-screenshot img {
539
- width: 100%;
540
- max-width: 100%;
541
- height: auto;
542
- display: block;
543
- }
544
-
545
- /* * Preview Iframe */
546
- #premium-templatate-item-preview-wrap,
547
- #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
548
- height: 100%;
549
- overflow: hidden;
550
- }
551
-
552
- #premium-templatate-item-preview-wrap iframe {
553
- height: 140%;
554
- -webkit-transform: scale(0.666) translateX(-25%) translateY(-25%);
555
- -ms-transform: scale(0.666) translateX(-25%) translateY(-25%);
556
- transform: scale(0.666) translateX(-25%) translateY(-25%);
557
- }
558
-
559
- @media (max-width: 1439px) {
560
- #premium-templatate-item-preview-wrap iframe {
561
- width: 1440px;
562
- }
563
- }
564
-
565
- @media (min-width: 1440px) {
566
- #premium-templatate-item-preview-wrap iframe {
567
- width: 1710px;
568
- }
569
- }
570
-
571
- .premium-template-item-notice div {
572
- color: #31708f;
573
- background-color: #d9edf7;
574
- border-color: #bcdff1;
575
- padding: 15px;
576
- border-left: 5px solid #bcdff1;
577
- position: relative;
578
- text-align: left;
579
- margin-bottom: 8px;
580
  }
1
+ #premium-template-modal .dialog-widget-content {
2
+ background-color: #f1f3f5;
3
+ width: 100%;
4
+ }
5
+
6
+ @media (max-width: 1439px) {
7
+ #premium-template-modal .dialog-widget-content {
8
+ max-width: 990px;
9
+ }
10
+ }
11
+
12
+ @media (min-width: 1440px) {
13
+ #premium-template-modal .dialog-widget-content {
14
+ max-width: 1200px;
15
+ }
16
+ }
17
+
18
+ #premium-template-modal .dialog-widget-header,
19
+ #premium-template-modal .dialog-header {
20
+ padding: 0;
21
+ background-color: #fff;
22
+ -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
23
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
24
+ position: relative;
25
+ z-index: 1;
26
+ }
27
+
28
+ #premium-template-modal .dialog-buttons-wrapper {
29
+ display: none;
30
+ }
31
+
32
+ #premium-template-modal a,
33
+ #premium-template-modal a:hover {
34
+ color: inherit;
35
+ }
36
+
37
+ #premium-template-modal a.elementor-template-library-blank-footer-link {
38
+ -webkit-transition: color 0.5s;
39
+ transition: color 0.5s;
40
+ }
41
+
42
+ #premium-template-modal a.elementor-template-library-blank-footer-link:hover {
43
+ color: #9b0a46;
44
+ }
45
+
46
+ #premium-template-modal .elementor-button {
47
+ text-transform: uppercase;
48
+ }
49
+
50
+ #premium-template-modal ::-webkit-scrollbar {
51
+ width: 6px;
52
+ height: 0;
53
+ border-radius: 3px;
54
+ }
55
+
56
+ #premium-template-modal ::-webkit-scrollbar-button {
57
+ width: 0;
58
+ height: 10px;
59
+ }
60
+
61
+ #premium-template-modal ::-webkit-scrollbar-thumb {
62
+ background-color: #d5dadf;
63
+ border: 0 none #d5dadf;
64
+ border-radius: 0;
65
+ border-radius: 3px;
66
+ }
67
+
68
+ #premium-template-modal ::-webkit-scrollbar-track {
69
+ border: 0 none #fff;
70
+ border-radius: 0;
71
+ }
72
+
73
+ #premium-template-modal ::-webkit-scrollbar-corner {
74
+ background: transparent;
75
+ }
76
+
77
+ #premium-template-modal-header {
78
+ display: -webkit-box;
79
+ display: -ms-flexbox;
80
+ display: flex;
81
+ -webkit-box-pack: justify;
82
+ -ms-flex-pack: justify;
83
+ display: -webkit-box;
84
+ display: -webkit-flex;
85
+ display: -ms-flexbox;
86
+ display: flex;
87
+ -webkit-box-align: center;
88
+ -webkit-align-items: center;
89
+ -ms-flex-align: center;
90
+ align-items: center;
91
+ -webkit-box-pack: justify;
92
+ -ms-flex-pack: justify;
93
+
94
+ height: 50px;
95
+ }
96
+
97
+ #premium-template-modal-header .premium-template-modal-back {
98
+ background: none;
99
+ border: none;
100
+ border-right: 1px solid #e6e9ec;
101
+ padding: 15px 20px 15px 15px;
102
+ line-height: 20px;
103
+ font-size: 13px;
104
+ font-weight: 700;
105
+ outline: none;
106
+ -webkit-transition: all 200ms linear;
107
+ transition: all 200ms linear;
108
+ cursor: pointer;
109
+ color: #6d7882;
110
+ }
111
+
112
+ #premium-template-modal-header .premium-template-modal-back:not(:hover) {
113
+ color: #a4afb7;
114
+ }
115
+
116
+ #premium-template-modal-header .elementor-button {
117
+ padding: 8px 10px;
118
+ }
119
+
120
+ #premium-template-modal-header-close-modal {
121
+ width: 45px;
122
+ border-left: 1px solid #e6e9ec;
123
+ display: -webkit-box;
124
+ display: -ms-flexbox;
125
+ display: flex;
126
+ -webkit-box-align: center;
127
+ -ms-flex-align: center;
128
+ align-items: center;
129
+ -webkit-box-pack: center;
130
+ -ms-flex-pack: center;
131
+ justify-content: center;
132
+ cursor: pointer;
133
+ -webkit-transition: all 200ms linear;
134
+ transition: all 200ms linear;
135
+ }
136
+
137
+ #premium-template-modal-header-close-modal i {
138
+ color: #a4afb7;
139
+ font-size: 16px;
140
+ }
141
+
142
+ #premium-template-modal-header-close-modal:hover i {
143
+ color: #6d7882;
144
+ }
145
+
146
+ #premium-template-modal-header-actions .template-library-activate-license {
147
+ display: block;
148
+ padding: 8px 10px;
149
+ color: #fff;
150
+ }
151
+
152
+ #premium-template-modal-header-actions .template-library-activate-license:hover {
153
+ color: #fff;
154
+ opacity: 0.85;
155
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
156
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
157
+ }
158
+
159
+ #premium-template-modal-header-actions .premium-template-insert-no-media {
160
+ background-color: #a4afb7;
161
+ color: #fff;
162
+ }
163
+
164
+
165
+ #premium-template-modal .elementor-library-error {
166
+ margin: 18% 0 0;
167
+ }
168
+
169
+ #premium-template-modal .elementor-library-error-message {
170
+ font-size: 18px;
171
+ padding: 0 0 20px;
172
+ }
173
+
174
+ #premium-template-modal .elementor-library-error-link a {
175
+ display: inline-block;
176
+ color: #fff;
177
+ background-image: none;
178
+ background: #f47216;
179
+ font-size: 13px;
180
+ font-weight: 400;
181
+ font-style: normal;
182
+ text-transform: uppercase;
183
+ line-height: 1;
184
+ height: 40px;
185
+ line-height: 40px;
186
+ min-width: 170px;
187
+ padding: 0 20px;
188
+ border: none;
189
+ border-radius: 3px;
190
+ cursor: pointer;
191
+ -webkit-transition: all 0.5s;
192
+ transition: all 0.5s;
193
+ }
194
+
195
+ #premium-template-modal .elementor-library-error-link a:hover {
196
+ opacity: 0.85;
197
+ -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
198
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
199
+ }
200
+
201
+ #premium-modal-tabs-items {
202
+ display: none;
203
+ }
204
+
205
+ #premium-template-modal-header-tabs {
206
+ display: -webkit-box;
207
+ display: -webkit-flex;
208
+ display: -ms-flexbox;
209
+ display: flex;
210
+ flex: 2;
211
+ -webkit-box-align: center;
212
+ -webkit-align-items: center;
213
+ -ms-flex-align: center;
214
+ align-items: center;
215
+ -webkit-box-pack: justify;
216
+ -webkit-justify-content: space-between;
217
+ -ms-flex-pack: justify;
218
+ justify-content: space-between;
219
+ }
220
+
221
+ #premium-template-modal-header-logo-area {
222
+ text-align: left;
223
+ padding-left: 15px;
224
+ }
225
+
226
+ #premium-template-modal-header-logo-area>* {
227
+ display: -webkit-box;
228
+ display: -webkit-flex;
229
+ display: -ms-flexbox;
230
+ display: flex;
231
+ -webkit-box-align: center;
232
+ -webkit-align-items: center;
233
+ -ms-flex-align: center;
234
+ align-items: center;
235
+ }
236
+
237
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon {
238
+ margin-right: 5px;
239
+ }
240
+
241
+ #premium-template-modal-header-logo .premium-template-modal-header-logo-icon img {
242
+ width: 30px;
243
+ height: 30px;
244
+ }
245
+
246
+ #premium-template-modal-header-logo {
247
+ color: #495157;
248
+ line-height: 1;
249
+ text-transform: uppercase;
250
+ font-weight: 700;
251
+ cursor: pointer;
252
+ }
253
+
254
+ #premium-template-library-content {
255
+ display: -webkit-box;
256
+ display: -ms-flexbox;
257
+ display: flex;
258
+ height: calc(100% - 20px);
259
+ }
260
+
261
+ #premium-template-library-content .premium-filters-list {
262
+ width: 18%;
263
+ padding: 0px 10px 10px 0px;
264
+ height: 100%;
265
+ overflow: auto;
266
+ }
267
+
268
+ #premium-template-library-content .premium-templates-wrap {
269
+ width: 85%;
270
+ }
271
+
272
+ #premium-template-library-content .premium-templates-list {
273
+ height: 100%;
274
+ overflow: auto;
275
+ margin-top: 12px;
276
+ }
277
+
278
+ #premium-template-library-content .premium-keywords-list {
279
+ padding-left: 10px;
280
+ }
281
+
282
+ #elementor-template-library-filter {
283
+ display: -webkit-box;
284
+ display: -ms-flexbox;
285
+ display: flex;
286
+ align-items: center;
287
+ }
288
+
289
+ #elementor-template-library-filter label {
290
+ color: #6d7882;
291
+ font-size: 14px;
292
+ font-weight: 500;
293
+ margin-right: 0.5em;
294
+ }
295
+
296
+ #premium-template-modal .elementor-loader {
297
+ position: relative;
298
+ background-color: hsla(0, 0%, 100%, 0.9);
299
+ }
300
+
301
+ #premium-template-modal .elementor-loader .elementor-loader-box:first-of-type {
302
+ left: 40px;
303
+ top: 40px;
304
+ width: 14px;
305
+ height: 70px;
306
+ }
307
+
308
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(2) {
309
+ top: 40px;
310
+ }
311
+
312
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(3) {
313
+ top: 68px;
314
+ }
315
+
316
+ #premium-template-modal .elementor-loader .elementor-loader-box:nth-of-type(4) {
317
+ bottom: 40px;
318
+ }
319
+
320
+ #premium-template-modal .elementor-loader .elementor-loader-box:not(:first-of-type) {
321
+ right: 40px;
322
+ height: 14px;
323
+ width: 42px;
324
+ }
325
+
326
+ #premium-template-library-content .premium-template-filter-label {
327
+ display: block;
328
+ position: relative;
329
+ text-align: left;
330
+ padding: 9px 0;
331
+ }
332
+
333
+ #premium-template-library-content .premium-template-filter-label input[type="radio"] {
334
+ position: absolute;
335
+ left: 0;
336
+ top: 0;
337
+ right: 0;
338
+ bottom: 0;
339
+ margin: 0;
340
+ opacity: 0;
341
+ display: block;
342
+ width: 100%;
343
+ height: 100%;
344
+ cursor: pointer;
345
+ }
346
+
347
+ .premium-template-filter-label span {
348
+ color: #6d7882;
349
+ }
350
+
351
+ #premium-template-library-content .premium-template-filter-label:hover span,
352
+ #premium-template-library-content .premium-template-filter-label input:checked+span {
353
+ color: #f47216;
354
+ }
355
+
356
+ #premium-template-library-content .premium-template-filter-item {
357
+ border-top: 1px solid rgba(213, 218, 223, 0.5);
358
+ }
359
+
360
+ #premium-template-library-content .premium-template-filter-item:first-child {
361
+ border-top: none;
362
+ }
363
+
364
+ #premium-template-library-content .premium-templates-wrap {
365
+ width: 100%;
366
+ }
367
+
368
+ #premium-template-library-content .premium-template-insert,
369
+ #premium-template-library-content .premium-template-insert-no-media {
370
+ padding: 5px 12px;
371
+ }
372
+
373
+ #premium-template-library-content .premium-template-insert-no-media {
374
+ color: #6d7882 !important;
375
+ margin-right: 8px !important;
376
+ }
377
+
378
+ /* #premium-template-library-content .premium-template-insert i,
379
+ #premium-template-library-content .premium-template-insert-no-media i {
380
+ margin-right: 2px;
381
+ } */
382
+
383
+ #premium-template-library-content .premium-template-insert span,
384
+ #premium-template-library-content .premium-template-insert-no-media span {
385
+ font-size: 11px;
386
+ }
387
+
388
+ #premium-template-library-content .elementor-template-library-template-name {
389
+ width: 200px;
390
+ }
391
+
392
+ #premium-modal-templates-container {
393
+ display: -webkit-box;
394
+ display: -ms-flexbox;
395
+ display: flex;
396
+ -ms-flex-wrap: wrap;
397
+ flex-wrap: wrap;
398
+ -webkit-box-align: start;
399
+ -ms-flex-align: start;
400
+ align-items: flex-start;
401
+ }
402
+
403
+ #premium-modal-templates-container .elementor-template-library-template {
404
+ position: relative;
405
+ background: #fff;
406
+ }
407
+
408
+ #premium-modal-templates-container .premium-template-pro::before {
409
+ position: absolute;
410
+ right: -76px;
411
+ top: 2px;
412
+ content: "PRO";
413
+ z-index: 10;
414
+ width: 180px;
415
+ height: 20px;
416
+ padding: 0 20px;
417
+ font-size: 12px;
418
+ line-height: 10px;
419
+ text-align: center;
420
+ color: #fff;
421
+ font-weight: bold;
422
+ box-shadow: 0px 1px 3px #888888;
423
+ background: #f47216;
424
+ border-top: 5px solid #f47216;
425
+ border-bottom: 5px solid #f47216;
426
+ -webkit-transform: rotate(35deg);
427
+ transform: rotate(35deg);
428
+ }
429
+
430
+ #premium-modal-templates-container .elementor-template-library-template-remote {
431
+ width: calc(33.3333% - 30px);
432
+ }
433
+
434
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-controls {
435
+ position: absolute;
436
+ background-color: #fff;
437
+ left: 0;
438
+ bottom: -15px;
439
+ right: 0;
440
+ display: -webkit-box;
441
+ display: -ms-flexbox;
442
+ display: flex;
443
+ -webkit-box-pack: justify;
444
+ -ms-flex-pack: justify;
445
+ align-items: center;
446
+ -webkit-transition: all 0.3s ease;
447
+ transition: all 0.3s ease;
448
+ justify-content: center;
449
+ padding: 9px 10px 9px 8px;
450
+ z-index: 10;
451
+ }
452
+
453
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-controls {
454
+ bottom: 0;
455
+ }
456
+
457
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert,
458
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media {
459
+ padding: 0;
460
+ margin: 0;
461
+ color: #39b54a;
462
+ background: none;
463
+ text-transform: none;
464
+ font-size: 12px;
465
+ }
466
+
467
+ #premium-template-library-content #premium-modal-templates-container .premium-clone-template {
468
+ background: none;
469
+ border: none;
470
+ padding: 0;
471
+ margin: 0;
472
+ color: #9b0a46;
473
+ cursor: pointer;
474
+ display: none;
475
+ font-size: 12px;
476
+ -webkit-box-shadow: none;
477
+ box-shadow: none;
478
+ outline: none;
479
+ font-weight: bold;
480
+ }
481
+
482
+ div.premium-template-has-url:hover .premium-clone-template {
483
+ display: block !important;
484
+ }
485
+
486
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert:hover,
487
+ #premium-template-library-content #premium-modal-templates-container .premium-template-insert-no-media:hover {
488
+ -webkit-box-shadow: none;
489
+ box-shadow: none;
490
+ }
491
+
492
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name {
493
+ padding: 5px 0 0;
494
+ text-align: center;
495
+ display: block !important;
496
+ }
497
+
498
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template-name-holder {
499
+ height: 23px;
500
+ }
501
+
502
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license {
503
+ display: none;
504
+ color: #fcb92c;
505
+ font-size: 12px;
506
+ }
507
+
508
+ #premium-template-library-content #premium-modal-templates-container .template-library-activate-license:hover {
509
+ color: #d89403;
510
+ }
511
+
512
+ #premium-template-library-content #premium-modal-templates-container .elementor-template-library-template:hover .elementor-template-library-template-name {
513
+ opacity: 0;
514
+ }
515
+
516
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote {
517
+ width: calc(25% - 20px);
518
+ margin: 10px;
519
+ }
520
+
521
+ .library-tab-premium_page #premium-modal-templates-container .elementor-template-library-template-remote .elementor-template-library-template-action {
522
+ padding: 8px;
523
+ }
524
+
525
+ #premium-modal-templates-container .premium-template-no-url .elementor-template-library-template-preview {
526
+ cursor: default !important;
527
+ opacity: 0 !important;
528
+ }
529
+
530
+ #premium-modal-templates-container .premium-template-no-url .fa-search-plus {
531
+ display: none !important;
532
+ }
533
+
534
+ #premium-modal-templates-container .elementor-template-library-template:hover .template-library-activate-license {
535
+ display: block !important;
536
+ }
537
+
538
+ .elementor-template-library-template-screenshot img {
539
+ width: 100%;
540
+ max-width: 100%;
541
+ height: auto;
542
+ display: block;
543
+ }
544
+
545
+ /* * Preview Iframe */
546
+ #premium-templatate-item-preview-wrap,
547
+ #premium-templatate-item-preview-wrap .premium-template-item-preview-iframe {
548
+ height: 100%;
549
+ overflow: hidden;
550
+ }
551
+
552
+ #premium-templatate-item-preview-wrap iframe {
553
+ height: 140%;
554
+ -webkit-transform: scale(0.666) translateX(-25%) translateY(-25%);
555
+ -ms-transform: scale(0.666) translateX(-25%) translateY(-25%);
556
+ transform: scale(0.666) translateX(-25%) translateY(-25%);
557
+ }
558
+
559
+ @media (max-width: 1439px) {
560
+ #premium-templatate-item-preview-wrap iframe {
561
+ width: 1440px;
562
+ }
563
+ }
564
+
565
+ @media (min-width: 1440px) {
566
+ #premium-templatate-item-preview-wrap iframe {
567
+ width: 1710px;
568
+ }
569
+ }
570
+
571
+ .premium-template-item-notice div {
572
+ color: #31708f;
573
+ background-color: #d9edf7;
574
+ border-color: #bcdff1;
575
+ padding: 15px;
576
+ border-left: 5px solid #bcdff1;
577
+ position: relative;
578
+ text-align: left;
579
+ margin-bottom: 8px;
580
  }
assets/editor/templates/js/editor.js CHANGED
@@ -1,1052 +1,1052 @@
1
- (function ($) {
2
-
3
- 'use strict';
4
-
5
- var PremiumTempsData = window.PremiumTempsData || {},
6
- PremiumEditor,
7
- PremiumEditorViews,
8
- PremiumControlsViews,
9
- PremiumModules;
10
-
11
- PremiumEditorViews = {
12
-
13
- ModalLayoutView: null,
14
- ModalHeaderView: null,
15
- ModalHeaderInsertButton: null,
16
- ModalLoadingView: null,
17
- ModalBodyView: null,
18
- ModalErrorView: null,
19
- LibraryCollection: null,
20
- KeywordsModel: null,
21
- ModalCollectionView: null,
22
- ModalTabsCollection: null,
23
- ModalTabsCollectionView: null,
24
- FiltersCollectionView: null,
25
- FiltersItemView: null,
26
- ModalTabsItemView: null,
27
- ModalTemplateItemView: null,
28
- ModalInsertTemplateBehavior: null,
29
- ModalTemplateModel: null,
30
- CategoriesCollection: null,
31
- ModalPreviewView: null,
32
- ModalHeaderBack: null,
33
- ModalHeaderLogo: null,
34
- KeywordsView: null,
35
- TabModel: null,
36
- CategoryModel: null,
37
-
38
- init: function () {
39
- var self = this;
40
-
41
- self.ModalTemplateModel = Backbone.Model.extend({
42
- defaults: {
43
- template_id: 0,
44
- name: '',
45
- title: '',
46
- thumbnail: '',
47
- preview: '',
48
- source: '',
49
- categories: [],
50
- keywords: []
51
- }
52
- });
53
-
54
- self.ModalHeaderView = Marionette.LayoutView.extend({
55
-
56
- id: 'premium-template-modal-header',
57
- template: '#tmpl-premium-template-modal-header',
58
-
59
- ui: {
60
- closeModal: '#premium-template-modal-header-close-modal'
61
- },
62
-
63
- events: {
64
- 'click @ui.closeModal': 'onCloseModalClick'
65
- },
66
-
67
- regions: {
68
- headerLogo: '#premium-template-modal-header-logo-area',
69
- headerTabs: '#premium-template-modal-header-tabs',
70
- headerActions: '#premium-template-modal-header-actions'
71
- },
72
-
73
- onCloseModalClick: function () {
74
- PremiumEditor.closeModal();
75
- }
76
-
77
- });
78
-
79
- self.TabModel = Backbone.Model.extend({
80
- defaults: {
81
- slug: '',
82
- title: ''
83
- }
84
- });
85
-
86
- self.LibraryCollection = Backbone.Collection.extend({
87
- model: self.ModalTemplateModel
88
- });
89
-
90
- self.ModalTabsCollection = Backbone.Collection.extend({
91
- model: self.TabModel
92
- });
93
-
94
- self.CategoryModel = Backbone.Model.extend({
95
- defaults: {
96
- slug: '',
97
- title: ''
98
- }
99
- });
100
-
101
- self.KeywordsModel = Backbone.Model.extend({
102
- defaults: {
103
- keywords: {}
104
- }
105
- });
106
-
107
- self.CategoriesCollection = Backbone.Collection.extend({
108
- model: self.CategoryModel
109
- });
110
-
111
- self.KeywordsView = Marionette.ItemView.extend({
112
- id: 'elementor-template-library-filter',
113
- template: '#tmpl-premium-template-modal-keywords',
114
- ui: {
115
- keywords: '.premium-library-keywords'
116
- },
117
-
118
- events: {
119
- 'change @ui.keywords': 'onSelectKeyword'
120
- },
121
-
122
- onSelectKeyword: function (event) {
123
- var selected = event.currentTarget.selectedOptions[0].value;
124
- PremiumEditor.setFilter('keyword', selected);
125
- },
126
-
127
- onRender: function () {
128
- var $filters = this.$('.premium-library-keywords');
129
- $filters.select2({
130
- placeholder: 'Choose Widget',
131
- allowClear: true,
132
- width: 250,
133
- dropdownParent: this.$el
134
- });
135
- }
136
- });
137
-
138
- self.ModalPreviewView = Marionette.ItemView.extend({
139
-
140
- template: '#tmpl-premium-template-modal-preview',
141
-
142
- id: 'premium-templatate-item-preview-wrap',
143
-
144
- ui: {
145
- iframe: 'iframe',
146
- notice: '.premium-template-item-notice'
147
- },
148
-
149
-
150
- onRender: function () {
151
-
152
- if (null !== this.getOption('notice')) {
153
- if (this.getOption('notice').length) {
154
- var message = "";
155
- if (-1 !== this.getOption('notice').indexOf("facebook")) {
156
- message += "<p>Please login with your Facebook account in order to get your Facebook Reviews.</p>";
157
- } else if (-1 !== this.getOption('notice').indexOf("google")) {
158
- message += "<p>You need to add your Google API key from Dashboard -> Premium Add-ons for Elementor -> Google Maps</p>";
159
- } else if (-1 !== this.getOption('notice').indexOf("form")) {
160
- message += "<p>You need to have <a href='https://wordpress.org/plugins/contact-form-7/' target='_blank'>Contact Form 7 plugin</a> installed and active.</p>";
161
- }
162
-
163
- this.ui.notice.html('<div><p><strong>Important!</strong></p>' + message + '</div>');
164
- }
165
- }
166
-
167
- this.ui.iframe.attr('src', this.getOption('url'));
168
-
169
- }
170
- });
171
-
172
- self.ModalHeaderBack = Marionette.ItemView.extend({
173
-
174
- template: '#tmpl-premium-template-modal-header-back',
175
-
176
- id: 'premium-template-modal-header-back',
177
-
178
- ui: {
179
- button: 'button'
180
- },
181
-
182
- events: {
183
- 'click @ui.button': 'onBackClick',
184
- },
185
-
186
- onBackClick: function () {
187
- PremiumEditor.setPreview('back');
188
- }
189
-
190
- });
191
-
192
- self.ModalHeaderLogo = Marionette.ItemView.extend({
193
-
194
- template: '#tmpl-premium-template-modal-header-logo',
195
-
196
- id: 'premium-template-modal-header-logo'
197
-
198
- });
199
-
200
- self.ModalBodyView = Marionette.LayoutView.extend({
201
-
202
- id: 'premium-template-library-content',
203
-
204
- className: function () {
205
- return 'library-tab-' + PremiumEditor.getTab();
206
- },
207
-
208
- template: '#tmpl-premium-template-modal-content',
209
-
210
- regions: {
211
- contentTemplates: '.premium-templates-list',
212
- contentFilters: '.premium-filters-list',
213
- contentKeywords: '.premium-keywords-list'
214
- }
215
-
216
- });
217
-
218
- self.ModalInsertTemplateBehavior = Marionette.Behavior.extend({
219
- ui: {
220
- insertButtons: ['.premium-template-insert', '.premium-template-insert-no-media'],
221
- },
222
-
223
- events: {
224
- 'click @ui.insertButtons': 'onInsertButtonClick'
225
- },
226
-
227
- onInsertButtonClick: function (event) {
228
-
229
- var templateModel = this.view.model,
230
- innerTemplates = templateModel.attributes.dependencies,
231
- isPro = templateModel.attributes.pro,
232
- innerTemplatesLength = Object.keys(innerTemplates).length,
233
- options = {},
234
- insertMedia = !$(event.currentTarget).hasClass("premium-template-insert-no-media");
235
-
236
- console.log(insertMedia);
237
-
238
- PremiumEditor.layout.showLoadingView();
239
- if (innerTemplatesLength > 0) {
240
- for (var key in innerTemplates) {
241
- $.ajax({
242
- url: ajaxurl,
243
- type: 'post',
244
- dataType: 'json',
245
- data: {
246
- action: 'premium_inner_template',
247
- template: innerTemplates[key],
248
- tab: PremiumEditor.getTab(),
249
- withMedia: insertMedia
250
- }
251
- });
252
- }
253
- }
254
-
255
- if ("valid" === PremiumTempsData.license.status || !isPro) {
256
-
257
- elementor.templates.requestTemplateContent(
258
- templateModel.get('source'),
259
- templateModel.get('template_id'), {
260
- data: {
261
- tab: PremiumEditor.getTab(),
262
- page_settings: false,
263
- withMedia: insertMedia
264
- },
265
- success: function (data) {
266
-
267
- if (!data.license) {
268
- PremiumEditor.layout.showLicenseError();
269
- return;
270
- }
271
-
272
- console.log("%c Template Inserted Successfully!!", "color: #7a7a7a; background-color: #eee;");
273
-
274
- PremiumEditor.closeModal();
275
-
276
- console.log(data.content);
277
- elementor.channels.data.trigger('template:before:insert', templateModel);
278
-
279
- if (null !== PremiumEditor.atIndex) {
280
- options.at = PremiumEditor.atIndex;
281
- }
282
-
283
- elementor.previewView.addChildModel(data.content, options);
284
-
285
- elementor.channels.data.trigger('template:after:insert', templateModel);
286
- jQuery("#elementor-panel-saver-button-save-options, #elementor-panel-saver-button-publish").removeClass("elementor-disabled");
287
- PremiumEditor.atIndex = null;
288
-
289
- },
290
- error: function (err) {
291
- console.log(err);
292
- }
293
- }
294
- );
295
- } else {
296
- PremiumEditor.layout.showLicenseError();
297
- }
298
- }
299
- });
300
-
301
- self.ModalHeaderInsertButton = Marionette.ItemView.extend({
302
-
303
- template: '#tmpl-premium-template-modal-insert-button',
304
-
305
- id: 'premium-template-modal-insert-button',
306
-
307
- behaviors: {
308
- insertTemplate: {
309
- behaviorClass: self.ModalInsertTemplateBehavior
310
- }
311
- }
312
-
313
- });
314
-
315
- self.FiltersItemView = Marionette.ItemView.extend({
316
-
317
- template: '#tmpl-premium-template-modal-filters-item',
318
-
319
- className: function () {
320
- return 'premium-template-filter-item';
321
- },
322
-
323
- ui: function () {
324
- return {
325
- filterLabels: '.premium-template-filter-label'
326
- };
327
- },
328
-
329
- events: function () {
330
- return {
331
- 'click @ui.filterLabels': 'onFilterClick'
332
- };
333
- },
334
-
335
- onFilterClick: function (event) {
336
-
337
- var $clickedInput = jQuery(event.target);
338
- jQuery('.premium-library-keywords').val('');
339
- PremiumEditor.setFilter('category', $clickedInput.val());
340
- PremiumEditor.setFilter('keyword', '');
341
- }
342
-
343
- });
344
-
345
- self.ModalTabsItemView = Marionette.ItemView.extend({
346
-
347
- template: '#tmpl-premium-template-modal-tabs-item',
348
-
349
- className: function () {
350
- return 'elementor-template-library-menu-item';
351
- },
352
-
353
- ui: function () {
354
- return {
355
- tabsLabels: 'label',
356
- tabsInput: 'input'
357
- };
358
- },
359
-
360
- events: function () {
361
- return {
362
- 'click @ui.tabsLabels': 'onTabClick'
363
- };
364
- },
365
-
366
- onRender: function () {
367
- if (this.model.get('slug') === PremiumEditor.getTab()) {
368
- this.ui.tabsInput.attr('checked', 'checked');
369
- }
370
- },
371
-
372
- onTabClick: function (event) {
373
-
374
- var $clickedInput = jQuery(event.target);
375
- PremiumEditor.setTab($clickedInput.val());
376
- PremiumEditor.setFilter('keyword', '');
377
- }
378
-
379
- });
380
-
381
- self.FiltersCollectionView = Marionette.CompositeView.extend({
382
-
383
- id: 'premium-template-library-filters',
384
-
385
- template: '#tmpl-premium-template-modal-filters',
386
-
387
- childViewContainer: '#premium-modal-filters-container',
388
-
389
- getChildView: function (childModel) {
390
- return self.FiltersItemView;
391
- }
392
-
393
- });
394
-
395
- self.ModalTabsCollectionView = Marionette.CompositeView.extend({
396
-
397
- template: '#tmpl-premium-template-modal-tabs',
398
-
399
- childViewContainer: '#premium-modal-tabs-items',
400
-
401
- initialize: function () {
402
- this.listenTo(PremiumEditor.channels.layout, 'tamplate:cloned', this._renderChildren);
403
- },
404
-
405
- getChildView: function (childModel) {
406
- return self.ModalTabsItemView;
407
- }
408
-
409
- });
410
-
411
- self.ModalTemplateItemView = Marionette.ItemView.extend({
412
-
413
- template: '#tmpl-premium-template-modal-item',
414
-
415
- className: function () {
416
-
417
- var urlClass = ' premium-template-has-url',
418
- sourceClass = ' elementor-template-library-template-',
419
- proTemplate = '';
420
-
421
- if ('' === this.model.get('preview')) {
422
- urlClass = ' premium-template-no-url';
423
- }
424
-
425
- sourceClass += 'remote';
426
-
427
- if (this.model.get('pro')) {
428
- proTemplate = ' premium-template-pro';
429
- }
430
-
431
- return 'elementor-template-library-template' + sourceClass + urlClass + proTemplate;
432
- },
433
-
434
- ui: function () {
435
- return {
436
- previewButton: '.elementor-template-library-template-preview',
437
- };
438
- },
439
-
440
- events: function () {
441
- return {
442
- 'click @ui.previewButton': 'onPreviewButtonClick',
443
- };
444
- },
445
-
446
- onPreviewButtonClick: function () {
447
-
448
- if ('' === this.model.get('url')) {
449
- return;
450
- }
451
-
452
- PremiumEditor.setPreview(this.model);
453
- },
454
-
455
- behaviors: {
456
- insertTemplate: {
457
- behaviorClass: self.ModalInsertTemplateBehavior
458
- }
459
- }
460
- });
461
-
462
- self.ModalCollectionView = Marionette.CompositeView.extend({
463
-
464
- template: '#tmpl-premium-template-modal-templates',
465
-
466
- id: 'premium-template-library-templates',
467
-
468
- childViewContainer: '#premium-modal-templates-container',
469
-
470
- initialize: function () {
471
-
472
- this.listenTo(PremiumEditor.channels.templates, 'filter:change', this._renderChildren);
473
- },
474
-
475
- filter: function (childModel) {
476
-
477
- var filter = PremiumEditor.getFilter('category'),
478
- keyword = PremiumEditor.getFilter('keyword');
479
-
480
- if (!filter && !keyword) {
481
- return true;
482
- }
483
-
484
- if (keyword && !filter) {
485
- return _.contains(childModel.get('keywords'), keyword);
486
- }
487
-
488
- if (filter && !keyword) {
489
- return _.contains(childModel.get('categories'), filter);
490
- }
491
-
492
- return _.contains(childModel.get('categories'), filter) && _.contains(childModel.get('keywords'), keyword);
493
-
494
- },
495
-
496
- getChildView: function (childModel) {
497
- return self.ModalTemplateItemView;
498
- },
499
-
500
- onRenderCollection: function () {
501
-
502
- var container = this.$childViewContainer,
503
- items = this.$childViewContainer.children(),
504
- tab = PremiumEditor.getTab();
505
-
506
- if ('premium_page' === tab || 'local' === tab) {
507
- return;
508
- }
509
-
510
- // Wait for thumbnails to be loaded
511
- container.imagesLoaded(function () { }).done(function () {
512
- self.masonry.init({
513
- container: container,
514
- items: items
515
- });
516
- });
517
- }
518
-
519
- });
520
-
521
- self.ModalLayoutView = Marionette.LayoutView.extend({
522
-
523
- el: '#premium-template-modal',
524
-
525
- regions: PremiumTempsData.modalRegions,
526
-
527
- initialize: function () {
528
-
529
- this.getRegion('modalHeader').show(new self.ModalHeaderView());
530
- this.listenTo(PremiumEditor.channels.tabs, 'filter:change', this.switchTabs);
531
- this.listenTo(PremiumEditor.channels.layout, 'preview:change', this.switchPreview);
532
-
533
- },
534
-
535
- switchTabs: function () {
536
- this.showLoadingView();
537
- PremiumEditor.setFilter('keyword', '');
538
- PremiumEditor.requestTemplates(PremiumEditor.getTab());
539
- },
540
-
541
- switchPreview: function () {
542
-
543
- var header = this.getHeaderView(),
544
- preview = PremiumEditor.getPreview();
545
-
546
- var filter = PremiumEditor.getFilter('category'),
547
- keyword = PremiumEditor.getFilter('keyword');
548
-
549
- if ('back' === preview) {
550
- header.headerLogo.show(new self.ModalHeaderLogo());
551
- header.headerTabs.show(new self.ModalTabsCollectionView({
552
- collection: PremiumEditor.collections.tabs
553
- }));
554
-
555
- header.headerActions.empty();
556
- PremiumEditor.setTab(PremiumEditor.getTab());
557
-
558
- if ('' != filter) {
559
- PremiumEditor.setFilter('category', filter);
560
- jQuery('#premium-modal-filters-container').find("input[value='" + filter + "']").prop('checked', true);
561
-
562
- }
563
-
564
- if ('' != keyword) {
565
- PremiumEditor.setFilter('keyword', keyword);
566
- }
567
-
568
- return;
569
- }
570
-
571
- if ('initial' === preview) {
572
- header.headerActions.empty();
573
- header.headerLogo.show(new self.ModalHeaderLogo());
574
- return;
575
- }
576
-
577
- this.getRegion('modalContent').show(new self.ModalPreviewView({
578
- 'preview': preview.get('preview'),
579
- 'url': preview.get('url'),
580
- 'notice': preview.get('notice')
581
- }));
582
-
583
- header.headerLogo.empty();
584
- header.headerTabs.show(new self.ModalHeaderBack());
585
- header.headerActions.show(new self.ModalHeaderInsertButton({
586
- model: preview
587
- }));
588
-
589
- },
590
-
591
- getHeaderView: function () {
592
- return this.getRegion('modalHeader').currentView;
593
- },
594
-
595
- getContentView: function () {
596
- return this.getRegion('modalContent').currentView;
597
- },
598
-
599
- showLoadingView: function () {
600
- this.modalContent.show(new self.ModalLoadingView());
601
- },
602
-
603
- showLicenseError: function () {
604
- this.modalContent.show(new self.ModalErrorView());
605
- },
606
-
607
- showTemplatesView: function (templatesCollection, categoriesCollection, keywords) {
608
-
609
- this.getRegion('modalContent').show(new self.ModalBodyView());
610
-
611
- var contentView = this.getContentView(),
612
- header = this.getHeaderView(),
613
- keywordsModel = new self.KeywordsModel({
614
- keywords: keywords
615
- });
616
-
617
- PremiumEditor.collections.tabs = new self.ModalTabsCollection(PremiumEditor.getTabs());
618
-
619
- header.headerTabs.show(new self.ModalTabsCollectionView({
620
- collection: PremiumEditor.collections.tabs
621
- }));
622
-
623
- contentView.contentTemplates.show(new self.ModalCollectionView({
624
- collection: templatesCollection
625
- }));
626
-
627
- contentView.contentFilters.show(new self.FiltersCollectionView({
628
- collection: categoriesCollection
629
- }));
630
-
631
- contentView.contentKeywords.show(new self.KeywordsView({
632
- model: keywordsModel
633
- }));
634
-
635
- }
636
-
637
- });
638
-
639
- self.ModalLoadingView = Marionette.ItemView.extend({
640
- id: 'premium-template-modal-loading',
641
- template: '#tmpl-premium-template-modal-loading'
642
- });
643
-
644
- self.ModalErrorView = Marionette.ItemView.extend({
645
- id: 'premium-template-modal-loading',
646
- template: '#tmpl-premium-template-modal-error'
647
- });
648
-
649
- },
650
-
651
- masonry: {
652
-
653
- self: {},
654
- elements: {},
655
-
656
- init: function (settings) {
657
-
658
- var self = this;
659
- self.settings = $.extend(self.getDefaultSettings(), settings);
660
- self.elements = self.getDefaultElements();
661
-
662
- self.run();
663
- },
664
-
665
- getSettings: function (key) {
666
- if (key) {
667
- return this.settings[key];
668
- } else {
669
- return this.settings;
670
- }
671
- },
672
-
673
- getDefaultSettings: function () {
674
- return {
675
- container: null,
676
- items: null,
677
- columnsCount: 3,
678
- verticalSpaceBetween: 30
679
- };
680
- },
681
-
682
- getDefaultElements: function () {
683
- return {
684
- $container: jQuery(this.getSettings('container')),
685
- $items: jQuery(this.getSettings('items'))
686
- };
687
- },
688
-
689
- run: function () {
690
- var heights = [],
691
- distanceFromTop = this.elements.$container.position().top,
692
- settings = this.getSettings(),
693
- columnsCount = settings.columnsCount;
694
-
695
- distanceFromTop += parseInt(this.elements.$container.css('margin-top'), 10);
696
-
697
- this.elements.$container.height('');
698
-
699
- this.elements.$items.each(function (index) {
700
- var row = Math.floor(index / columnsCount),
701
- indexAtRow = index % columnsCount,
702
- $item = jQuery(this),
703
- itemPosition = $item.position(),
704
- itemHeight = $item[0].getBoundingClientRect().height + settings.verticalSpaceBetween;
705
-
706
- if (row) {
707
- var pullHeight = itemPosition.top - distanceFromTop - heights[indexAtRow];
708
- pullHeight -= parseInt($item.css('margin-top'), 10);
709
- pullHeight *= -1;
710
- $item.css('margin-top', pullHeight + 'px');
711
- heights[indexAtRow] += itemHeight;
712
- } else {
713
- heights.push(itemHeight);
714
- }
715
- });
716
-
717
- this.elements.$container.height(Math.max.apply(Math, heights));
718
- }
719
- }
720
-
721
- };
722
-
723
- PremiumControlsViews = {
724
-
725
- PremiumSearchView: null,
726
-
727
- init: function () {
728
-
729
- var self = this;
730
-
731
- self.PremiumSearchView = window.elementor.modules.controls.BaseData.extend({
732
-
733
- onReady: function () {
734
-
735
- var action = this.model.attributes.action,
736
- queryParams = this.model.attributes.query_params;
737
-
738
- this.ui.select.find('option').each(function (index, el) {
739
- $(this).attr('selected', true);
740
- });
741
-
742
- this.ui.select.select2({
743
- ajax: {
744
- url: function () {
745
-
746
- var query = '';
747
-
748
- if (queryParams.length > 0) {
749
- $.each(queryParams, function (index, param) {
750
-
751
- if (window.elementor.settings.page.model.attributes[param]) {
752
- query += '&' + param + '=' + window.elementor.settings.page.model.attributes[param];
753
- }
754
- });
755
- }
756
-
757
- return ajaxurl + '?action=' + action + query;
758
- },
759
- dataType: 'json'
760
- },
761
- placeholder: 'Please enter 3 or more characters',
762
- minimumInputLength: 3
763
- });
764
-
765
- },
766
-
767
- onBeforeDestroy: function () {
768
-
769
- if (this.ui.select.data('select2')) {
770
- this.ui.select.select2('destroy');
771
- }
772
-
773
- this.$el.remove();
774
- }
775
-
776
- });
777
-
778
- window.elementor.addControlView('premium_search', self.PremiumSearchView);
779
-
780
- }
781
-
782
- };
783
-
784
-
785
- PremiumModules = {
786
-
787
- getDataToSave: function (data) {
788
- data.id = window.elementor.config.post_id;
789
- return data;
790
- },
791
-
792
- init: function () {
793
- if (window.elementor.settings.premium_template) {
794
- window.elementor.settings.premium_template.getDataToSave = this.getDataToSave;
795
- }
796
-
797
- if (window.elementor.settings.premium_page) {
798
- window.elementor.settings.premium_page.getDataToSave = this.getDataToSave;
799
- window.elementor.settings.premium_page.changeCallbacks = {
800
- custom_header: function () {
801
- this.save(function () {
802
- elementor.reloadPreview();
803
-
804
- elementor.once('preview:loaded', function () {
805
- elementor.getPanelView().setPage('premium_page_settings');
806
- });
807
- });
808
- },
809
- custom_footer: function () {
810
- this.save(function () {
811
- elementor.reloadPreview();
812
-
813
- elementor.once('preview:loaded', function () {
814
- elementor.getPanelView().setPage('premium_page_settings');
815
- });
816
- });
817
- }
818
- };
819
- }
820
-
821
- }
822
-
823
- };
824
-
825
- PremiumEditor = {
826
-
827
- modal: false,
828
- layout: false,
829
- collections: {},
830
- tabs: {},
831
- defaultTab: '',
832
- channels: {},
833
- atIndex: null,
834
-
835
- init: function () {
836
-
837
- window.elementor.on(
838
- 'document:loaded',
839
- window._.bind(PremiumEditor.onPreviewLoaded, PremiumEditor)
840
- );
841
-
842
- PremiumEditorViews.init();
843
- PremiumControlsViews.init();
844
- PremiumModules.init();
845
-
846
- },
847
-
848
- onPreviewLoaded: function () {
849
-
850
- this.initPremTempsButton();
851
-
852
- window.elementor.$previewContents.on(
853
- 'click.addPremiumTemplate',
854
- '.pa-add-section-btn',
855
- _.bind(this.showTemplatesModal, this)
856
- );
857
-
858
- this.channels = {
859
- templates: Backbone.Radio.channel('PREMIUM_EDITOR:templates'),
860
- tabs: Backbone.Radio.channel('PREMIUM_EDITOR:tabs'),
861
- layout: Backbone.Radio.channel('PREMIUM_EDITOR:layout'),
862
- };
863
-
864
- this.tabs = PremiumTempsData.tabs;
865
- this.defaultTab = PremiumTempsData.defaultTab;
866
-
867
- },
868
-
869
- initPremTempsButton: function () {
870
-
871
- var $addNewSection = window.elementor.$previewContents.find('.elementor-add-new-section'),
872
- addPremiumTemplate = "<div class='elementor-add-section-area-button pa-add-section-btn' title='Add Premium Template'><i class='eicon-star'></i></div>",
873
- $addPremiumTemplate;
874
-
875
- if ($addNewSection.length && PremiumTempsData.PremiumTemplatesBtn) {
876
- $addPremiumTemplate = $(addPremiumTemplate).prependTo($addNewSection);
877
- }
878
-
879
- window.elementor.$previewContents.on(
880
- 'click.addPremiumTemplate',
881
- '.elementor-editor-section-settings .elementor-editor-element-add',
882
- function () {
883
-
884
- var $this = $(this),
885
- $section = $this.closest('.elementor-top-section'),
886
- modelID = $section.data('model-cid');
887
-
888
- if (elementor.previewView.collection.length) {
889
- $.each(elementor.previewView.collection.models, function (index, model) {
890
- if (modelID === model.cid) {
891
- PremiumEditor.atIndex = index;
892
- }
893
- });
894
- }
895
-
896
- if (PremiumTempsData.PremiumTemplatesBtn) {
897
- setTimeout(function () {
898
- var $addNew = $section.prev('.elementor-add-section').find('.elementor-add-new-section');
899
- $addNew.prepend(addPremiumTemplate);
900
- }, 100);
901
- }
902
-
903
- }
904
- );
905
-
906
- },
907
-
908
- getFilter: function (name) {
909
-
910
- return this.channels.templates.request('filter:' + name);
911
- },
912
-
913
- setFilter: function (name, value) {
914
- this.channels.templates.reply('filter:' + name, value);
915
- this.channels.templates.trigger('filter:change');
916
- },
917
-
918
- getTab: function () {
919
- return this.channels.tabs.request('filter:tabs');
920
- },
921
-
922
- setTab: function (value, silent) {
923
-
924
- this.channels.tabs.reply('filter:tabs', value);
925
-
926
- if (!silent) {
927
- this.channels.tabs.trigger('filter:change');
928
- }
929
-
930
- },
931
-
932
- getTabs: function () {
933
-
934
- var tabs = [];
935
-
936
- _.each(this.tabs, function (item, slug) {
937
- tabs.push({
938
- slug: slug,
939
- title: item.title
940
- });
941
- });
942
-
943
- return tabs;
944
- },
945
-
946
- getPreview: function (name) {
947
- return this.channels.layout.request('preview');
948
- },
949
-
950
- setPreview: function (value, silent) {
951
-
952
- this.channels.layout.reply('preview', value);
953
-
954
- if (!silent) {
955
- this.channels.layout.trigger('preview:change');
956
- }
957
- },
958
-
959
- getKeywords: function () {
960
-
961
- var keywords = [];
962
-
963
- _.each(this.keywords, function (title, slug) {
964
- tabs.push({
965
- slug: slug,
966
- title: title
967
- });
968
- });
969
-
970
- return keywords;
971
- },
972
-
973
- showTemplatesModal: function () {
974
-
975
- this.getModal().show();
976
-
977
- if (!this.layout) {
978
- this.layout = new PremiumEditorViews.ModalLayoutView();
979
- this.layout.showLoadingView();
980
- }
981
-
982
- this.setTab(this.defaultTab, true);
983
- this.requestTemplates(this.defaultTab);
984
- this.setPreview('initial');
985
-
986
- },
987
-
988
- requestTemplates: function (tabName) {
989
-
990
- var self = this,
991
- tab = self.tabs[tabName];
992
-
993
- self.setFilter('category', false);
994
-
995
- if (tab.data.templates && tab.data.categories) {
996
- self.layout.showTemplatesView(tab.data.templates, tab.data.categories, tab.data.keywords);
997
- } else {
998
- $.ajax({
999
- url: ajaxurl,
1000
- type: 'get',
1001
- dataType: 'json',
1002
- data: {
1003
- action: 'premium_get_templates',
1004
- tab: tabName
1005
- },
1006
- success: function (response) {
1007
-
1008
- console.log("%cTemplates Retrieved Successfully!!", "color: #7a7a7a; background-color: #eee;");
1009
-
1010
- var templates = new PremiumEditorViews.LibraryCollection(response.data.templates),
1011
- categories = new PremiumEditorViews.CategoriesCollection(response.data.categories);
1012
-
1013
- self.tabs[tabName].data = {
1014
- templates: templates,
1015
- categories: categories,
1016
- keywords: response.data.keywords
1017
- };
1018
-
1019
- self.layout.showTemplatesView(templates, categories, response.data.keywords);
1020
-
1021
- },
1022
- error: function (err) {
1023
- console.log(err);
1024
- }
1025
- });
1026
- }
1027
-
1028
- },
1029
-
1030
- closeModal: function () {
1031
- this.getModal().hide();
1032
- },
1033
-
1034
- getModal: function () {
1035
-
1036
- if (!this.modal) {
1037
- this.modal = elementor.dialogsManager.createWidget('lightbox', {
1038
- id: 'premium-template-modal',
1039
- className: 'elementor-templates-modal',
1040
- closeButton: false
1041
- });
1042
- }
1043
-
1044
- return this.modal;
1045
-
1046
- }
1047
-
1048
- };
1049
-
1050
- $(window).on('elementor:init', PremiumEditor.init);
1051
-
1052
  })(jQuery);
1
+ (function ($) {
2
+
3
+ 'use strict';
4
+
5
+ var PremiumTempsData = window.PremiumTempsData || {},
6
+ PremiumEditor,
7
+ PremiumEditorViews,
8
+ PremiumControlsViews,
9
+ PremiumModules;
10
+
11
+ PremiumEditorViews = {
12
+
13
+ ModalLayoutView: null,
14
+ ModalHeaderView: null,
15
+ ModalHeaderInsertButton: null,
16
+ ModalLoadingView: null,
17
+ ModalBodyView: null,
18
+ ModalErrorView: null,
19
+ LibraryCollection: null,
20
+ KeywordsModel: null,
21
+ ModalCollectionView: null,
22
+ ModalTabsCollection: null,
23
+ ModalTabsCollectionView: null,
24
+ FiltersCollectionView: null,
25
+ FiltersItemView: null,
26
+ ModalTabsItemView: null,
27
+ ModalTemplateItemView: null,
28
+ ModalInsertTemplateBehavior: null,
29
+ ModalTemplateModel: null,
30
+ CategoriesCollection: null,
31
+ ModalPreviewView: null,
32
+ ModalHeaderBack: null,
33
+ ModalHeaderLogo: null,
34
+ KeywordsView: null,
35
+ TabModel: null,
36
+ CategoryModel: null,
37
+
38
+ init: function () {
39
+ var self = this;
40
+
41
+ self.ModalTemplateModel = Backbone.Model.extend({
42
+ defaults: {
43
+ template_id: 0,
44
+ name: '',
45
+ title: '',
46
+ thumbnail: '',
47
+ preview: '',
48
+ source: '',
49
+ categories: [],
50
+ keywords: []
51
+ }
52
+ });
53
+
54
+ self.ModalHeaderView = Marionette.LayoutView.extend({
55
+
56
+ id: 'premium-template-modal-header',
57
+ template: '#tmpl-premium-template-modal-header',
58
+
59
+ ui: {
60
+ closeModal: '#premium-template-modal-header-close-modal'
61
+ },
62
+
63
+ events: {
64
+ 'click @ui.closeModal': 'onCloseModalClick'
65
+ },
66
+
67
+ regions: {
68
+ headerLogo: '#premium-template-modal-header-logo-area',
69
+ headerTabs: '#premium-template-modal-header-tabs',
70
+ headerActions: '#premium-template-modal-header-actions'
71
+ },
72
+
73
+ onCloseModalClick: function () {
74
+ PremiumEditor.closeModal();
75
+ }
76
+
77
+ });
78
+
79
+ self.TabModel = Backbone.Model.extend({
80
+ defaults: {
81
+ slug: '',
82
+ title: ''
83
+ }
84
+ });
85
+
86
+ self.LibraryCollection = Backbone.Collection.extend({
87
+ model: self.ModalTemplateModel
88
+ });
89
+
90
+ self.ModalTabsCollection = Backbone.Collection.extend({
91
+ model: self.TabModel
92
+ });
93
+
94
+ self.CategoryModel = Backbone.Model.extend({
95
+ defaults: {
96
+ slug: '',
97
+ title: ''
98
+ }
99
+ });
100
+
101
+ self.KeywordsModel = Backbone.Model.extend({
102
+ defaults: {
103
+ keywords: {}
104
+ }
105
+ });
106
+
107
+ self.CategoriesCollection = Backbone.Collection.extend({
108
+ model: self.CategoryModel
109
+ });
110
+
111
+ self.KeywordsView = Marionette.ItemView.extend({
112
+ id: 'elementor-template-library-filter',
113
+ template: '#tmpl-premium-template-modal-keywords',
114
+ ui: {
115
+ keywords: '.premium-library-keywords'
116
+ },
117
+
118
+ events: {
119
+ 'change @ui.keywords': 'onSelectKeyword'
120
+ },
121
+
122
+ onSelectKeyword: function (event) {
123
+ var selected = event.currentTarget.selectedOptions[0].value;
124
+ PremiumEditor.setFilter('keyword', selected);
125
+ },
126
+
127
+ onRender: function () {
128
+ var $filters = this.$('.premium-library-keywords');
129
+ $filters.select2({
130
+ placeholder: 'Choose Widget',
131
+ allowClear: true,
132
+ width: 250,
133
+ dropdownParent: this.$el
134
+ });
135
+ }
136
+ });
137
+
138
+ self.ModalPreviewView = Marionette.ItemView.extend({
139
+
140
+ template: '#tmpl-premium-template-modal-preview',
141
+
142
+ id: 'premium-templatate-item-preview-wrap',
143
+
144
+ ui: {
145
+ iframe: 'iframe',
146
+ notice: '.premium-template-item-notice'
147
+ },
148
+
149
+
150
+ onRender: function () {
151
+
152
+ if (null !== this.getOption('notice')) {
153
+ if (this.getOption('notice').length) {
154
+ var message = "";
155
+ if (-1 !== this.getOption('notice').indexOf("facebook")) {
156
+ message += "<p>Please login with your Facebook account in order to get your Facebook Reviews.</p>";
157
+ } else if (-1 !== this.getOption('notice').indexOf("google")) {
158
+ message += "<p>You need to add your Google API key from Dashboard -> Premium Add-ons for Elementor -> Google Maps</p>";
159
+ } else if (-1 !== this.getOption('notice').indexOf("form")) {
160
+ message += "<p>You need to have <a href='https://wordpress.org/plugins/contact-form-7/' target='_blank'>Contact Form 7 plugin</a> installed and active.</p>";
161
+ }
162
+
163
+ this.ui.notice.html('<div><p><strong>Important!</strong></p>' + message + '</div>');
164
+ }
165
+ }
166
+
167
+ this.ui.iframe.attr('src', this.getOption('url'));
168
+
169
+ }
170
+ });
171
+
172
+ self.ModalHeaderBack = Marionette.ItemView.extend({
173
+
174
+ template: '#tmpl-premium-template-modal-header-back',
175
+
176
+ id: 'premium-template-modal-header-back',
177
+
178
+ ui: {
179
+ button: 'button'
180
+ },
181
+
182
+ events: {
183
+ 'click @ui.button': 'onBackClick',
184
+ },
185
+
186
+ onBackClick: function () {
187
+ PremiumEditor.setPreview('back');
188
+ }
189
+
190
+ });
191
+
192
+ self.ModalHeaderLogo = Marionette.ItemView.extend({
193
+
194
+ template: '#tmpl-premium-template-modal-header-logo',
195
+
196
+ id: 'premium-template-modal-header-logo'
197
+
198
+ });
199
+
200
+ self.ModalBodyView = Marionette.LayoutView.extend({
201
+
202
+ id: 'premium-template-library-content',
203
+
204
+ className: function () {
205
+ return 'library-tab-' + PremiumEditor.getTab();
206
+ },
207
+
208
+ template: '#tmpl-premium-template-modal-content',
209
+
210
+ regions: {
211
+ contentTemplates: '.premium-templates-list',
212
+ contentFilters: '.premium-filters-list',
213
+ contentKeywords: '.premium-keywords-list'
214
+ }
215
+
216
+ });
217
+
218
+ self.ModalInsertTemplateBehavior = Marionette.Behavior.extend({
219
+ ui: {
220
+ insertButtons: ['.premium-template-insert', '.premium-template-insert-no-media'],
221
+ },
222
+
223
+ events: {
224
+ 'click @ui.insertButtons': 'onInsertButtonClick'
225
+ },
226
+
227
+ onInsertButtonClick: function (event) {
228
+
229
+ var templateModel = this.view.model,
230
+ innerTemplates = templateModel.attributes.dependencies,
231
+ isPro = templateModel.attributes.pro,
232
+ innerTemplatesLength = Object.keys(innerTemplates).length,
233
+ options = {},
234
+ insertMedia = !$(event.currentTarget).hasClass("premium-template-insert-no-media");
235
+
236
+ console.log(insertMedia);
237
+
238
+ PremiumEditor.layout.showLoadingView();
239
+ if (innerTemplatesLength > 0) {
240
+ for (var key in innerTemplates) {
241
+ $.ajax({
242
+ url: ajaxurl,
243
+ type: 'post',
244
+ dataType: 'json',
245
+ data: {
246
+ action: 'premium_inner_template',
247
+ template: innerTemplates[key],
248
+ tab: PremiumEditor.getTab(),
249
+ withMedia: insertMedia
250
+ }
251
+ });
252
+ }
253
+ }
254
+
255
+ if ("valid" === PremiumTempsData.license.status || !isPro) {
256
+
257
+ elementor.templates.requestTemplateContent(
258
+ templateModel.get('source'),
259
+ templateModel.get('template_id'), {
260
+ data: {
261
+ tab: PremiumEditor.getTab(),
262
+ page_settings: false,
263
+ withMedia: insertMedia
264
+ },
265
+ success: function (data) {
266
+
267
+ if (!data.license) {
268
+ PremiumEditor.layout.showLicenseError();
269
+ return;
270
+ }
271
+
272
+ console.log("%c Template Inserted Successfully!!", "color: #7a7a7a; background-color: #eee;");
273
+
274
+ PremiumEditor.closeModal();
275
+
276
+ console.log(data.content);
277
+ elementor.channels.data.trigger('template:before:insert', templateModel);
278
+
279
+ if (null !== PremiumEditor.atIndex) {
280
+ options.at = PremiumEditor.atIndex;
281
+ }
282
+
283
+ elementor.previewView.addChildModel(data.content, options);
284
+
285
+ elementor.channels.data.trigger('template:after:insert', templateModel);
286
+ jQuery("#elementor-panel-saver-button-save-options, #elementor-panel-saver-button-publish").removeClass("elementor-disabled");
287
+ PremiumEditor.atIndex = null;
288
+
289
+ },
290
+ error: function (err) {
291
+ console.log(err);
292
+ }
293
+ }
294
+ );
295
+ } else {
296
+ PremiumEditor.layout.showLicenseError();
297
+ }
298
+ }
299
+ });
300
+
301
+ self.ModalHeaderInsertButton = Marionette.ItemView.extend({
302
+
303
+ template: '#tmpl-premium-template-modal-insert-button',
304
+
305
+ id: 'premium-template-modal-insert-button',
306
+
307
+ behaviors: {
308
+ insertTemplate: {
309
+ behaviorClass: self.ModalInsertTemplateBehavior
310
+ }
311
+ }
312
+
313
+ });
314
+
315
+ self.FiltersItemView = Marionette.ItemView.extend({
316
+
317
+ template: '#tmpl-premium-template-modal-filters-item',
318
+
319
+ className: function () {
320
+ return 'premium-template-filter-item';
321
+ },
322
+
323
+ ui: function () {
324
+ return {
325
+ filterLabels: '.premium-template-filter-label'
326
+ };
327
+ },
328
+
329
+ events: function () {
330
+ return {
331
+ 'click @ui.filterLabels': 'onFilterClick'
332
+ };
333
+ },
334
+
335
+ onFilterClick: function (event) {
336
+
337
+ var $clickedInput = jQuery(event.target);
338
+ jQuery('.premium-library-keywords').val('');
339
+ PremiumEditor.setFilter('category', $clickedInput.val());
340
+ PremiumEditor.setFilter('keyword', '');
341
+ }
342
+
343
+ });
344
+
345
+ self.ModalTabsItemView = Marionette.ItemView.extend({
346
+
347
+ template: '#tmpl-premium-template-modal-tabs-item',
348
+
349
+ className: function () {
350
+ return 'elementor-template-library-menu-item';
351
+ },
352
+
353
+ ui: function () {
354
+ return {
355
+ tabsLabels: 'label',
356
+ tabsInput: 'input'
357
+ };
358
+ },
359
+
360
+ events: function () {
361
+ return {
362
+ 'click @ui.tabsLabels': 'onTabClick'
363
+ };
364
+ },
365
+
366
+ onRender: function () {
367
+ if (this.model.get('slug') === PremiumEditor.getTab()) {
368
+ this.ui.tabsInput.attr('checked', 'checked');
369
+ }
370
+ },
371
+
372
+ onTabClick: function (event) {
373
+
374
+ var $clickedInput = jQuery(event.target);
375
+ PremiumEditor.setTab($clickedInput.val());
376
+ PremiumEditor.setFilter('keyword', '');
377
+ }
378
+
379
+ });
380
+
381
+ self.FiltersCollectionView = Marionette.CompositeView.extend({
382
+
383
+ id: 'premium-template-library-filters',
384
+
385
+ template: '#tmpl-premium-template-modal-filters',
386
+
387
+ childViewContainer: '#premium-modal-filters-container',
388
+
389
+ getChildView: function (childModel) {
390
+ return self.FiltersItemView;
391
+ }
392
+
393
+ });
394
+
395
+ self.ModalTabsCollectionView = Marionette.CompositeView.extend({
396
+
397
+ template: '#tmpl-premium-template-modal-tabs',
398
+
399
+ childViewContainer: '#premium-modal-tabs-items',
400
+
401
+ initialize: function () {
402
+ this.listenTo(PremiumEditor.channels.layout, 'tamplate:cloned', this._renderChildren);
403
+ },
404
+
405
+ getChildView: function (childModel) {
406
+ return self.ModalTabsItemView;
407
+ }
408
+
409
+ });
410
+
411
+ self.ModalTemplateItemView = Marionette.ItemView.extend({
412
+
413
+ template: '#tmpl-premium-template-modal-item',
414
+
415
+ className: function () {
416
+
417
+ var urlClass = ' premium-template-has-url',
418
+ sourceClass = ' elementor-template-library-template-',
419
+ proTemplate = '';
420
+
421
+ if ('' === this.model.get('preview')) {
422
+ urlClass = ' premium-template-no-url';
423
+ }
424
+
425
+ sourceClass += 'remote';
426
+
427
+ if (this.model.get('pro')) {
428
+ proTemplate = ' premium-template-pro';
429
+ }
430
+
431
+ return 'elementor-template-library-template' + sourceClass + urlClass + proTemplate;
432
+ },
433
+
434
+ ui: function () {
435
+ return {
436
+ previewButton: '.elementor-template-library-template-preview',
437
+ };
438
+ },
439
+
440
+ events: function () {
441
+ return {
442
+ 'click @ui.previewButton': 'onPreviewButtonClick',
443
+ };
444
+ },
445
+
446
+ onPreviewButtonClick: function () {
447
+
448
+ if ('' === this.model.get('url')) {
449
+ return;
450
+ }
451
+
452
+ PremiumEditor.setPreview(this.model);
453
+ },
454
+
455
+ behaviors: {
456
+ insertTemplate: {
457
+ behaviorClass: self.ModalInsertTemplateBehavior
458
+ }
459
+ }
460
+ });
461
+
462
+ self.ModalCollectionView = Marionette.CompositeView.extend({
463
+
464
+ template: '#tmpl-premium-template-modal-templates',
465
+
466
+ id: 'premium-template-library-templates',
467
+
468
+ childViewContainer: '#premium-modal-templates-container',
469
+
470
+ initialize: function () {
471
+
472
+ this.listenTo(PremiumEditor.channels.templates, 'filter:change', this._renderChildren);
473
+ },
474
+
475
+ filter: function (childModel) {
476
+
477
+ var filter = PremiumEditor.getFilter('category'),
478
+ keyword = PremiumEditor.getFilter('keyword');
479
+
480
+ if (!filter && !keyword) {
481
+ return true;
482
+ }
483
+
484
+ if (keyword && !filter) {
485
+ return _.contains(childModel.get('keywords'), keyword);
486
+ }
487
+
488
+ if (filter && !keyword) {
489
+ return _.contains(childModel.get('categories'), filter);
490
+ }
491
+
492
+ return _.contains(childModel.get('categories'), filter) && _.contains(childModel.get('keywords'), keyword);
493
+
494
+ },
495
+
496
+ getChildView: function (childModel) {
497
+ return self.ModalTemplateItemView;
498
+ },
499
+
500
+ onRenderCollection: function () {
501
+
502
+ var container = this.$childViewContainer,
503
+ items = this.$childViewContainer.children(),
504
+ tab = PremiumEditor.getTab();
505
+
506
+ if ('premium_page' === tab || 'local' === tab) {
507
+ return;
508
+ }
509
+
510
+ // Wait for thumbnails to be loaded
511
+ container.imagesLoaded(function () { }).done(function () {
512
+ self.masonry.init({
513
+ container: container,
514
+ items: items
515
+ });
516
+ });
517
+ }
518
+
519
+ });
520
+
521
+ self.ModalLayoutView = Marionette.LayoutView.extend({
522
+
523
+ el: '#premium-template-modal',
524
+
525
+ regions: PremiumTempsData.modalRegions,
526
+
527
+ initialize: function () {
528
+
529
+ this.getRegion('modalHeader').show(new self.ModalHeaderView());
530
+ this.listenTo(PremiumEditor.channels.tabs, 'filter:change', this.switchTabs);
531
+ this.listenTo(PremiumEditor.channels.layout, 'preview:change', this.switchPreview);
532
+
533
+ },
534
+
535
+ switchTabs: function () {
536
+ this.showLoadingView();
537
+ PremiumEditor.setFilter('keyword', '');
538
+ PremiumEditor.requestTemplates(PremiumEditor.getTab());
539
+ },
540
+
541
+ switchPreview: function () {
542
+
543
+ var header = this.getHeaderView(),
544
+ preview = PremiumEditor.getPreview();
545
+
546
+ var filter = PremiumEditor.getFilter('category'),
547
+ keyword = PremiumEditor.getFilter('keyword');
548
+
549
+ if ('back' === preview) {
550
+ header.headerLogo.show(new self.ModalHeaderLogo());
551
+ header.headerTabs.show(new self.ModalTabsCollectionView({
552
+ collection: PremiumEditor.collections.tabs
553
+ }));
554
+
555
+ header.headerActions.empty();
556
+ PremiumEditor.setTab(PremiumEditor.getTab());
557
+
558
+ if ('' != filter) {
559
+ PremiumEditor.setFilter('category', filter);
560
+ jQuery('#premium-modal-filters-container').find("input[value='" + filter + "']").prop('checked', true);
561
+
562
+ }
563
+
564
+ if ('' != keyword) {
565
+ PremiumEditor.setFilter('keyword', keyword);
566
+ }
567
+
568
+ return;
569
+ }
570
+
571
+ if ('initial' === preview) {
572
+ header.headerActions.empty();
573
+ header.headerLogo.show(new self.ModalHeaderLogo());
574
+ return;
575
+ }
576
+
577
+ this.getRegion('modalContent').show(new self.ModalPreviewView({
578
+ 'preview': preview.get('preview'),
579
+ 'url': preview.get('url'),
580
+ 'notice': preview.get('notice')
581
+ }));
582
+
583
+ header.headerLogo.empty();
584
+ header.headerTabs.show(new self.ModalHeaderBack());
585
+ header.headerActions.show(new self.ModalHeaderInsertButton({
586
+ model: preview
587
+ }));
588
+
589
+ },
590
+
591
+ getHeaderView: function () {
592
+ return this.getRegion('modalHeader').currentView;
593
+ },
594
+
595
+ getContentView: function () {
596
+ return this.getRegion('modalContent').currentView;
597
+ },
598
+
599
+ showLoadingView: function () {
600
+ this.modalContent.show(new self.ModalLoadingView());
601
+ },
602
+
603
+ showLicenseError: function () {
604
+ this.modalContent.show(new self.ModalErrorView());
605
+ },
606
+
607
+ showTemplatesView: function (templatesCollection, categoriesCollection, keywords) {
608
+
609
+ this.getRegion('modalContent').show(new self.ModalBodyView());
610
+
611
+ var contentView = this.getContentView(),
612
+ header = this.getHeaderView(),
613
+ keywordsModel = new self.KeywordsModel({
614
+ keywords: keywords
615
+ });
616
+
617
+ PremiumEditor.collections.tabs = new self.ModalTabsCollection(PremiumEditor.getTabs());
618
+
619
+ header.headerTabs.show(new self.ModalTabsCollectionView({
620
+ collection: PremiumEditor.collections.tabs
621
+ }));
622
+
623
+ contentView.contentTemplates.show(new self.ModalCollectionView({
624
+ collection: templatesCollection
625
+ }));
626
+
627
+ contentView.contentFilters.show(new self.FiltersCollectionView({
628
+ collection: categoriesCollection
629
+ }));
630
+
631
+ contentView.contentKeywords.show(new self.KeywordsView({
632
+ model: keywordsModel
633
+ }));
634
+
635
+ }
636
+
637
+ });
638
+
639
+ self.ModalLoadingView = Marionette.ItemView.extend({
640
+ id: 'premium-template-modal-loading',
641
+ template: '#tmpl-premium-template-modal-loading'
642
+ });
643
+
644
+ self.ModalErrorView = Marionette.ItemView.extend({
645
+ id: 'premium-template-modal-loading',
646
+ template: '#tmpl-premium-template-modal-error'
647
+ });
648
+
649
+ },
650
+
651
+ masonry: {
652
+
653
+ self: {},
654
+ elements: {},
655
+
656
+ init: function (settings) {
657
+
658
+ var self = this;
659
+ self.settings = $.extend(self.getDefaultSettings(), settings);
660
+ self.elements = self.getDefaultElements();
661
+
662
+ self.run();
663
+ },
664
+
665
+ getSettings: function (key) {
666
+ if (key) {
667
+ return this.settings[key];
668
+ } else {
669
+ return this.settings;
670
+ }
671
+ },
672
+
673
+ getDefaultSettings: function () {
674
+ return {
675
+ container: null,
676
+ items: null,
677
+ columnsCount: 3,
678
+ verticalSpaceBetween: 30
679
+ };
680
+ },
681
+
682
+ getDefaultElements: function () {
683
+ return {
684
+ $container: jQuery(this.getSettings('container')),
685
+ $items: jQuery(this.getSettings('items'))
686
+ };
687
+ },
688
+
689
+ run: function () {
690
+ var heights = [],
691
+ distanceFromTop = this.elements.$container.position().top,
692
+ settings = this.getSettings(),
693
+ columnsCount = settings.columnsCount;
694
+
695
+ distanceFromTop += parseInt(this.elements.$container.css('margin-top'), 10);
696
+
697
+ this.elements.$container.height('');
698
+
699
+ this.elements.$items.each(function (index) {
700
+ var row = Math.floor(index / columnsCount),
701
+ indexAtRow = index % columnsCount,
702
+ $item = jQuery(this),
703
+ itemPosition = $item.position(),
704
+ itemHeight = $item[0].getBoundingClientRect().height + settings.verticalSpaceBetween;
705
+
706
+ if (row) {
707
+ var pullHeight = itemPosition.top - distanceFromTop - heights[indexAtRow];
708
+ pullHeight -= parseInt($item.css('margin-top'), 10);
709
+ pullHeight *= -1;
710
+ $item.css('margin-top', pullHeight + 'px');
711
+ heights[indexAtRow] += itemHeight;
712
+ } else {
713
+ heights.push(itemHeight);
714
+ }
715
+ });
716
+
717
+ this.elements.$container.height(Math.max.apply(Math, heights));
718
+ }
719
+ }
720
+
721
+ };
722
+
723
+ PremiumControlsViews = {
724
+
725
+ PremiumSearchView: null,
726
+
727
+ init: function () {
728
+
729
+ var self = this;
730
+
731
+ self.PremiumSearchView = window.elementor.modules.controls.BaseData.extend({
732
+
733
+ onReady: function () {
734
+
735
+ var action = this.model.attributes.action,
736
+ queryParams = this.model.attributes.query_params;
737
+
738
+ this.ui.select.find('option').each(function (index, el) {
739
+ $(this).attr('selected', true);
740
+ });
741
+
742
+ this.ui.select.select2({
743
+ ajax: {
744
+ url: function () {
745
+
746
+ var query = '';
747
+
748
+ if (queryParams.length > 0) {
749
+ $.each(queryParams, function (index, param) {
750
+
751
+ if (window.elementor.settings.page.model.attributes[param]) {
752
+ query += '&' + param + '=' + window.elementor.settings.page.model.attributes[param];
753
+ }
754
+ });
755
+ }
756
+
757
+ return ajaxurl + '?action=' + action + query;
758
+ },
759
+ dataType: 'json'
760
+ },
761
+ placeholder: 'Please enter 3 or more characters',
762
+ minimumInputLength: 3
763
+ });
764
+
765
+ },
766
+
767
+ onBeforeDestroy: function () {
768
+
769
+ if (this.ui.select.data('select2')) {
770
+ this.ui.select.select2('destroy');
771
+ }
772
+
773
+ this.$el.remove();
774
+ }
775
+
776
+ });
777
+
778
+ window.elementor.addControlView('premium_search', self.PremiumSearchView);
779
+
780
+ }
781
+
782
+ };
783
+
784
+
785
+ PremiumModules = {
786
+
787
+ getDataToSave: function (data) {
788
+ data.id = window.elementor.config.post_id;
789
+ return data;
790
+ },
791
+
792
+ init: function () {
793
+ if (window.elementor.settings.premium_template) {
794
+ window.elementor.settings.premium_template.getDataToSave = this.getDataToSave;
795
+ }
796
+
797
+ if (window.elementor.settings.premium_page) {
798
+ window.elementor.settings.premium_page.getDataToSave = this.getDataToSave;
799
+ window.elementor.settings.premium_page.changeCallbacks = {
800
+ custom_header: function () {
801
+ this.save(function () {
802
+ elementor.reloadPreview();
803
+
804
+ elementor.once('preview:loaded', function () {
805
+ elementor.getPanelView().setPage('premium_page_settings');
806
+ });
807
+ });
808
+ },
809
+ custom_footer: function () {
810
+ this.save(function () {
811
+ elementor.reloadPreview();
812
+
813
+ elementor.once('preview:loaded', function () {
814
+ elementor.getPanelView().setPage('premium_page_settings');
815
+ });
816
+ });
817
+ }
818
+ };
819
+ }
820
+
821
+ }
822
+
823
+ };
824
+
825
+ PremiumEditor = {
826
+
827
+ modal: false,
828
+ layout: false,
829
+ collections: {},
830
+ tabs: {},
831
+ defaultTab: '',
832
+ channels: {},
833
+ atIndex: null,
834
+
835
+ init: function () {
836
+
837
+ window.elementor.on(
838
+ 'document:loaded',
839
+ window._.bind(PremiumEditor.onPreviewLoaded, PremiumEditor)
840
+ );
841
+
842
+ PremiumEditorViews.init();
843
+ PremiumControlsViews.init();
844
+ PremiumModules.init();
845
+
846
+ },
847
+
848
+ onPreviewLoaded: function () {
849
+
850
+ this.initPremTempsButton();
851
+
852
+ window.elementor.$previewContents.on(
853
+ 'click.addPremiumTemplate',
854
+ '.pa-add-section-btn',
855
+ _.bind(this.showTemplatesModal, this)
856
+ );
857
+
858
+ this.channels = {
859
+ templates: Backbone.Radio.channel('PREMIUM_EDITOR:templates'),
860
+ tabs: Backbone.Radio.channel('PREMIUM_EDITOR:tabs'),
861
+ layout: Backbone.Radio.channel('PREMIUM_EDITOR:layout'),
862
+ };
863
+
864
+ this.tabs = PremiumTempsData.tabs;
865
+ this.defaultTab = PremiumTempsData.defaultTab;
866
+
867
+ },
868
+
869
+ initPremTempsButton: function () {
870
+
871
+ var $addNewSection = window.elementor.$previewContents.find('.elementor-add-new-section'),
872
+ addPremiumTemplate = "<div class='elementor-add-section-area-button pa-add-section-btn' title='Add Premium Template'><i class='eicon-star'></i></div>",
873
+ $addPremiumTemplate;
874
+
875
+ if ($addNewSection.length && PremiumTempsData.PremiumTemplatesBtn) {
876
+ $addPremiumTemplate = $(addPremiumTemplate).prependTo($addNewSection);
877
+ }
878
+
879
+ window.elementor.$previewContents.on(
880
+ 'click.addPremiumTemplate',
881
+ '.elementor-editor-section-settings .elementor-editor-element-add',
882
+ function () {
883
+
884
+ var $this = $(this),
885
+ $section = $this.closest('.elementor-top-section'),
886
+ modelID = $section.data('model-cid');
887
+
888
+ if (elementor.previewView.collection.length) {
889
+ $.each(elementor.previewView.collection.models, function (index, model) {
890
+ if (modelID === model.cid) {
891
+ PremiumEditor.atIndex = index;
892
+ }
893
+ });
894
+ }
895
+
896
+ if (PremiumTempsData.PremiumTemplatesBtn) {
897
+ setTimeout(function () {
898
+ var $addNew = $section.prev('.elementor-add-section').find('.elementor-add-new-section');
899
+ $addNew.prepend(addPremiumTemplate);
900
+ }, 100);
901
+ }
902
+
903
+ }
904
+ );
905
+
906
+ },
907
+
908
+ getFilter: function (name) {
909
+
910
+ return this.channels.templates.request('filter:' + name);
911
+ },
912
+
913
+ setFilter: function (name, value) {
914
+ this.channels.templates.reply('filter:' + name, value);
915
+ this.channels.templates.trigger('filter:change');
916
+ },
917
+
918
+ getTab: function () {
919
+ return this.channels.tabs.request('filter:tabs');
920
+ },
921
+
922
+ setTab: function (value, silent) {
923
+
924
+ this.channels.tabs.reply('filter:tabs', value);
925
+
926
+ if (!silent) {
927
+ this.channels.tabs.trigger('filter:change');
928
+ }
929
+
930
+ },
931
+
932
+ getTabs: function () {
933
+
934
+ var tabs = [];
935
+
936
+ _.each(this.tabs, function (item, slug) {
937
+ tabs.push({
938
+ slug: slug,
939
+ title: item.title
940
+ });
941
+ });
942
+
943
+ return tabs;
944
+ },
945
+
946
+ getPreview: function (name) {
947
+ return this.channels.layout.request('preview');
948
+ },
949
+
950
+ setPreview: function (value, silent) {
951
+
952
+ this.channels.layout.reply('preview', value);
953
+
954
+ if (!silent) {
955
+ this.channels.layout.trigger('preview:change');
956
+ }
957
+ },
958
+
959
+ getKeywords: function () {
960
+
961
+ var keywords = [];
962
+
963
+ _.each(this.keywords, function (title, slug) {
964
+ tabs.push({
965
+ slug: slug,
966
+ title: title
967
+ });
968
+ });
969
+
970
+ return keywords;
971
+ },
972
+
973
+ showTemplatesModal: function () {
974
+
975
+ this.getModal().show();
976
+
977
+ if (!this.layout) {
978
+ this.layout = new PremiumEditorViews.ModalLayoutView();
979
+ this.layout.showLoadingView();
980
+ }
981
+
982
+ this.setTab(this.defaultTab, true);
983
+ this.requestTemplates(this.defaultTab);
984
+ this.setPreview('initial');
985
+
986
+ },
987
+
988
+ requestTemplates: function (tabName) {
989
+
990
+ var self = this,
991
+ tab = self.tabs[tabName];
992
+
993
+ self.setFilter('category', false);
994
+
995
+ if (tab.data.templates && tab.data.categories) {
996
+ self.layout.showTemplatesView(tab.data.templates, tab.data.categories, tab.data.keywords);
997
+ } else {
998
+ $.ajax({
999
+ url: ajaxurl,
1000
+ type: 'get',
1001
+ dataType: 'json',
1002
+ data: {
1003
+ action: 'premium_get_templates',
1004
+ tab: tabName
1005
+ },
1006
+ success: function (response) {
1007
+
1008
+ console.log("%cTemplates Retrieved Successfully!!", "color: #7a7a7a; background-color: #eee;");
1009
+
1010
+ var templates = new PremiumEditorViews.LibraryCollection(response.data.templates),
1011
+ categories = new PremiumEditorViews.CategoriesCollection(response.data.categories);
1012
+
1013
+ self.tabs[tabName].data = {
1014
+ templates: templates,
1015
+ categories: categories,
1016
+ keywords: response.data.keywords
1017
+ };
1018
+
1019
+ self.layout.showTemplatesView(templates, categories, response.data.keywords);
1020
+
1021
+ },
1022
+ error: function (err) {
1023
+ console.log(err);
1024
+ }
1025
+ });
1026
+ }
1027
+
1028
+ },
1029
+
1030
+ closeModal: function () {
1031
+ this.getModal().hide();
1032
+ },
1033
+
1034
+ getModal: function () {
1035
+
1036
+ if (!this.modal) {
1037
+ this.modal = elementor.dialogsManager.createWidget('lightbox', {
1038
+ id: 'premium-template-modal',
1039
+ className: 'elementor-templates-modal',
1040
+ closeButton: false
1041
+ });
1042
+ }
1043
+
1044
+ return this.modal;
1045
+
1046
+ }
1047
+
1048
+ };
1049
+
1050
+ $(window).on('elementor:init', PremiumEditor.init);
1051
+
1052
  })(jQuery);
assets/frontend/css/premium-addons-rtl.css CHANGED
@@ -1,9394 +1,9394 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
- src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"),
5
- url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"),
6
- url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"),
7
- url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
8
- font-weight: normal;
9
- font-style: normal;
10
- }
11
-
12
- /**************** Premium Banner ****************/
13
- /************************************************/
14
- .elementor-widget-premium-addon-banner {
15
- overflow: hidden;
16
- }
17
-
18
- .premium-banner-ib {
19
- display: block;
20
- position: relative;
21
- }
22
-
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative;
26
- }
27
-
28
- .premium-banner-img-wrap {
29
- -js-display: flex;
30
- display: -webkit-box;
31
- display: -webkit-flex;
32
- display: -moz-box;
33
- display: -ms-flexbox;
34
- display: flex;
35
- height: 100%;
36
- }
37
-
38
- .premium-banner-img-wrap .premium-banner-ib-img {
39
- -webkit-flex-shrink: 0;
40
- -ms-flex-negative: 0;
41
- flex-shrink: 0;
42
- }
43
-
44
- .premium-banner-ib {
45
- z-index: 1;
46
- overflow: hidden;
47
- margin: 0 0 35px;
48
- text-align: center;
49
- -webkit-box-sizing: border-box;
50
- -moz-box-sizing: border-box;
51
- box-sizing: border-box;
52
- }
53
-
54
- .premium-banner-ib-desc .premium-banner-read-more {
55
- z-index: 100;
56
- }
57
-
58
- .premium-banner-ib,
59
- .wpb_column>.wpb_wrapper .premium-banner-ib {
60
- margin-bottom: 0px;
61
- }
62
-
63
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
- background: transparent;
65
- }
66
-
67
- .premium-banner-ib *,
68
- .premium-banner-ib .premium-banner-ib-desc {
69
- -webkit-box-sizing: border-box;
70
- -moz-box-sizing: border-box;
71
- box-sizing: border-box;
72
- }
73
-
74
- .premium-banner-ib img {
75
- min-width: 100%;
76
- max-width: 100%;
77
- -webkit-transition: opacity 0.35s;
78
- transition: opacity 0.35s;
79
- }
80
-
81
- .premium-banner-ib .premium-banner-ib-desc {
82
- padding: 15px;
83
- -webkit-backface-visibility: hidden;
84
- backface-visibility: hidden;
85
- -webkit-box-sizing: border-box;
86
- -moz-box-sizing: border-box;
87
- box-sizing: border-box;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- width: 100%;
92
- height: 100%;
93
- }
94
-
95
- .premium-banner-ib .premium-banner-ib-link {
96
- position: absolute;
97
- top: 0;
98
- right: 0;
99
- width: 100%;
100
- height: 100%;
101
- z-index: 1000;
102
- text-indent: 200%;
103
- white-space: nowrap;
104
- font-size: 0;
105
- opacity: 0;
106
- }
107
-
108
- .premium-banner-ib a.premium-banner-ib-link {
109
- display: block;
110
- background: 100% 0;
111
- }
112
-
113
- .premium-banner-animation1 img {
114
- width: -webkit-calc(100% + 50px) !important;
115
- width: calc(100% + 50px) !important;
116
- max-width: -webkit-calc(100% + 50px) !important;
117
- max-width: calc(100% + 50px) !important;
118
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
- -webkit-transform: translate3d(40px, 0, 0);
125
- transform: translate3d(40px, 0, 0);
126
- }
127
-
128
- .premium-banner-animation2 .premium-banner-ib-title {
129
- padding: 15px;
130
- }
131
-
132
- .premium-banner-animation1 .premium-banner-ib-desc {
133
- top: auto;
134
- bottom: 0;
135
- min-height: 25%;
136
- height: auto;
137
- max-height: 100%;
138
- text-align: right;
139
- }
140
-
141
- .premium-banner-animation1 .premium-banner-ib-content,
142
- .premium-banner-animation1 .premium-banner-ib-title,
143
- .premium-banner-animation1 .premium-banner-read-more {
144
- -webkit-transform: translate3d(0, 40px, 0);
145
- transform: translate3d(0, 40px, 0);
146
- -webkit-transition-delay: 0.05s;
147
- transition-delay: 0.05s;
148
- -webkit-transition-duration: 0.35s;
149
- transition-duration: 0.35s;
150
- }
151
-
152
- .premium-banner-animation1 .premium-banner-ib-title {
153
- -webkit-transition: -webkit-transform 0.35s;
154
- transition: -webkit-transform 0.35s;
155
- transition: transform 0.35s;
156
- transition: transform 0.35s, -webkit-transform 0.35s;
157
- }
158
-
159
- .premium-banner-animation1 .premium-banner-ib-content,
160
- .premium-banner-animation1 .premium-banner-read-more {
161
- margin-top: 10px;
162
- opacity: 0;
163
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
- transition: opacity 0.2s, -webkit-transform 0.35s;
165
- transition: opacity 0.2s, transform 0.35s;
166
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
- }
168
-
169
- .premium-banner-animation1:hover .premium-banner-ib-content,
170
- .premium-banner-animation1.active .premium-banner-ib-content,
171
- .premium-banner-animation1:hover .premium-banner-read-more,
172
- .premium-banner-animation1.active .premium-banner-read-more {
173
- opacity: 1;
174
- -webkit-transition-delay: 0.05s;
175
- transition-delay: 0.05s;
176
- -webkit-transition-duration: 0.35s;
177
- transition-duration: 0.35s;
178
- }
179
-
180
- .premium-banner-animation1:hover .premium-banner-ib-content,
181
- .premium-banner-animation1.active .premium-banner-ib-content,
182
- .premium-banner-animation1:hover .premium-banner-read-more,
183
- .premium-banner-animation1.active .premium-banner-read-more,
184
- .premium-banner-animation1:hover .premium-banner-ib-title,
185
- .premium-banner-animation1.active .premium-banner-ib-title,
186
- .premium-banner-animation1:hover img,
187
- .premium-banner-animation1.active img {
188
- -webkit-transform: translate3d(0, 0, 0);
189
- transform: translate3d(0, 0, 0);
190
- -webkit-transition-delay: 0.05s;
191
- transition-delay: 0.05s;
192
- -webkit-transition-duration: 0.35s;
193
- transition-duration: 0.35s;
194
- }
195
-
196
- .premium-banner-animation1.zoomout img,
197
- .premium-banner-animation1.scale img {
198
- -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
- transform: translate3d(40px, 0, 0) scale(1.1);
200
- }
201
-
202
- .premium-banner-ib.sepia img {
203
- -webkit-filter: sepia(30%);
204
- filter: sepia(30%);
205
- }
206
-
207
- .premium-banner-ib.bright img {
208
- -webkit-filter: brightness(1);
209
- filter: brightness(1);
210
- }
211
-
212
- .premium-banner-ib.sepia:hover img {
213
- -webkit-filter: sepia(0%);
214
- filter: sepia(0%);
215
- }
216
-
217
- .premium-banner-ib.bright:hover img {
218
- -webkit-filter: brightness(1.2);
219
- filter: brightness(1.2);
220
- }
221
-
222
- .premium-banner-animation1.premium-banner-min-height img,
223
- .premium-banner-animation2.premium-banner-min-height img,
224
- .premium-banner-animation4.premium-banner-min-height img,
225
- .premium-banner-animation5.premium-banner-min-height img,
226
- .premium-banner-animation6.premium-banner-min-height img,
227
- .premium-banner-animation13.premium-banner-min-height img {
228
- height: auto;
229
- }
230
-
231
- .premium-banner-animation2 img {
232
- width: 100%;
233
- }
234
-
235
- .premium-banner-animation2 .premium-banner-ib-desc::before {
236
- position: absolute;
237
- content: "";
238
- top: 0;
239
- right: 0;
240
- width: 100%;
241
- height: 100%;
242
- opacity: 0;
243
- -webkit-transform: translate3d(0, 50%, 0);
244
- transform: translate3d(0, 50%, 0);
245
- }
246
-
247
- .premium-banner-animation2 .premium-banner-ib-title {
248
- position: absolute;
249
- top: 50%;
250
- right: 0;
251
- width: 100%;
252
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
- transition: color 0.35s, -webkit-transform 0.35s;
254
- transition: transform 0.35s, color 0.35s;
255
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
- -webkit-transform: translate3d(0, -50%, 0);
257
- transform: translate3d(0, -50%, 0);
258
- }
259
-
260
- .premium-banner-animation2 .premium-banner-ib-content,
261
- .premium-banner-animation2 .premium-banner-read-more,
262
- .premium-banner-animation2 .premium-banner-ib-desc::before {
263
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
- transition: opacity 0.35s, -webkit-transform 0.35s;
265
- transition: opacity 0.35s, transform 0.35s;
266
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
- }
268
-
269
- .premium-banner-animation2 .premium-banner-ib-content,
270
- .premium-banner-animation2 .premium-banner-read-more {
271
- position: absolute;
272
- bottom: 0;
273
- right: 0;
274
- padding: 15px;
275
- width: 100%;
276
- max-height: 50%;
277
- opacity: 0;
278
- -webkit-transform: translate3d(0, 10px, 0);
279
- transform: translate3d(0, 10px, 0);
280
- }
281
-
282
- .premium-banner-animation2:hover .premium-banner-ib-title,
283
- .premium-banner-animation2.active .premium-banner-ib-title {
284
- -webkit-transform: translate3d(0, -40px, 0);
285
- transform: translate3d(0, -40px, 0);
286
- }
287
-
288
- .premium-banner-animation2:hover .premium-banner-read-more,
289
- .premium-banner-animation2.active .premium-banner-read-more,
290
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
- opacity: 1;
293
- -webkit-transform: translate3d(0, 0, 0);
294
- transform: translate3d(0, 0, 0);
295
- }
296
-
297
- .premium-banner-animation2:hover .premium-banner-ib-content,
298
- .premium-banner-animation2.active .premium-banner-ib-content {
299
- opacity: 1;
300
- -webkit-transform: translate3d(0, -30px, 0);
301
- transform: translate3d(0, -30px, 0);
302
- }
303
-
304
- .premium-banner-animation3 .premium-banner-ib-title {
305
- position: absolute;
306
- bottom: 0;
307
- right: 0;
308
- padding: 15px;
309
- width: 100%;
310
- text-align: right;
311
- -webkit-transform: translate3d(0, -30px, 0);
312
- transform: translate3d(0, -30px, 0);
313
- }
314
-
315
- .premium-banner-animation3 .premium-banner-ib-desc::before,
316
- .premium-banner-animation3 .premium-banner-ib-title {
317
- -webkit-transition: -webkit-transform 0.35s;
318
- transition: -webkit-transform 0.35s;
319
- transition: transform 0.35s;
320
- transition: transform 0.35s, -webkit-transform 0.35s;
321
- }
322
-
323
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
- .premium-banner-animation3:hover .premium-banner-ib-title,
326
- .premium-banner-animation3.active .premium-banner-ib-title {
327
- opacity: 1;
328
- -webkit-transform: translate3d(0, 0, 0);
329
- transform: translate3d(0, 0, 0);
330
- }
331
-
332
- .premium-banner-animation3 .premium-banner-ib-content {
333
- max-height: -webkit-calc(100% - 60px - 1.5em);
334
- max-height: calc(100% - 60px - 1.5em);
335
- overflow: hidden;
336
- }
337
-
338
- .premium-banner-animation4 img {
339
- width: -webkit-calc(100% + 40px) !important;
340
- width: calc(100% + 40px) !important;
341
- max-width: -webkit-calc(100% + 40px) !important;
342
- max-width: calc(100% + 40px) !important;
343
- }
344
-
345
- .premium-banner-animation4 .premium-banner-ib-desc {
346
- padding: 30px;
347
- }
348
-
349
- .premium-banner-animation4 .premium-banner-ib-desc::after {
350
- position: absolute;
351
- content: "";
352
- opacity: 0;
353
- }
354
-
355
- .premium-banner-animation4 .premium-banner-ib-desc::before {
356
- position: absolute;
357
- content: "";
358
- opacity: 0;
359
- top: 50px;
360
- left: 30px;
361
- bottom: 50px;
362
- right: 30px;
363
- border-top: 1px solid #fff;
364
- border-bottom: 1px solid #fff;
365
- -webkit-transform: scale(0, 1);
366
- -ms-transform: scale(0, 1);
367
- transform: scale(0, 1);
368
- -webkit-transform-origin: 100% 0;
369
- -ms-transform-origin: 100% 0;
370
- transform-origin: 100% 0;
371
- }
372
-
373
- .premium-banner-animation4 .premium-banner-ib-desc::after {
374
- top: 30px;
375
- left: 50px;
376
- bottom: 30px;
377
- right: 50px;
378
- border-left: 1px solid #fff;
379
- border-right: 1px solid #fff;
380
- -webkit-transform: scale(1, 0);
381
- -ms-transform: scale(1, 0);
382
- transform: scale(1, 0);
383
- -webkit-transform-origin: 0% 0;
384
- -ms-transform-origin: 0% 0;
385
- transform-origin: 0% 0;
386
- }
387
-
388
- .premium-banner-animation4 .premium-banner-ib-title {
389
- padding: 50px 30px 0 30px;
390
- -webkit-transition: -webkit-transform 0.35s;
391
- transition: -webkit-transform 0.35s;
392
- transition: transform 0.35s;
393
- transition: transform 0.35s, -webkit-transform 0.35s;
394
- }
395
-
396
- .premium-banner-animation4 .premium-banner-ib-content,
397
- .premium-banner-animation4 .premium-banner-read-more {
398
- padding: 10px 30px;
399
- opacity: 0;
400
- overflow: hidden;
401
- -webkit-transform: translate3d(0, -10px, 0);
402
- transform: translate3d(0, -10px, 0);
403
- }
404
-
405
- .premium-banner-animation4 .premium-banner-ib-title,
406
- .premium-banner-animation4 img {
407
- -webkit-transform: translate3d(30px, 0, 0);
408
- transform: translate3d(30px, 0, 0);
409
- }
410
-
411
- .premium-banner-animation4.zoomout img,
412
- .premium-banner-animation4.scale img {
413
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
- transform: translate3d(30px, 0, 0) scale(1.1);
415
- }
416
-
417
- .premium-banner-animation4 .premium-banner-ib-content,
418
- .premium-banner-animation4 .premium-banner-read-more {
419
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
- transition: opacity 0.35s, -webkit-transform 0.35s;
421
- transition: opacity 0.35s, transform 0.35s;
422
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
- }
424
-
425
- .premium-banner-animation4 .premium-banner-ib-desc::after,
426
- .premium-banner-animation4 .premium-banner-ib-desc::before {
427
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
- transition: opacity 0.35s, -webkit-transform 0.35s;
429
- transition: opacity 0.35s, transform 0.35s;
430
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
- }
432
-
433
- .premium-banner-animation4 img {
434
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
- transition: opacity 0.35s, -webkit-transform 0.35s;
436
- transition: opacity 0.35s, transform 0.35s;
437
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
- }
439
-
440
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
- opacity: 1;
445
- -webkit-transform: scale(1);
446
- -ms-transform: scale(1);
447
- transform: scale(1);
448
- }
449
-
450
- .premium-banner-animation4:hover .premium-banner-ib-content,
451
- .premium-banner-animation4.active .premium-banner-ib-content,
452
- .premium-banner-animation4:hover .premium-banner-read-more,
453
- .premium-banner-animation4.active .premium-banner-read-more,
454
- .premium-banner-animation4:hover .premium-banner-ib-title,
455
- .premium-banner-animation4.active .premium-banner-ib-title {
456
- opacity: 1;
457
- -webkit-transform: translate3d(0, 0, 0);
458
- transform: translate3d(0, 0, 0);
459
- }
460
-
461
- .premium-banner-animation4:hover .premium-banner-ib-content,
462
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
- .premium-banner-animation4:hover .premium-banner-ib-title,
464
- .premium-banner-animation4:hover img {
465
- -webkit-transition-delay: 0.15s;
466
- transition-delay: 0.15s;
467
- }
468
-
469
- .premium-banner-animation5 .premium-banner-ib-desc {
470
- top: auto;
471
- bottom: 0;
472
- padding: 15px;
473
- height: auto;
474
- background: #f2f2f2;
475
- color: #3c4a50;
476
- -webkit-transition: -webkit-transform 0.35s;
477
- transition: -webkit-transform 0.35s;
478
- transition: transform 0.35s;
479
- transition: transform 0.35s, -webkit-transform 0.35s;
480
- -webkit-transform: translate3d(0, 100%, 0);
481
- transform: translate3d(0, 100%, 0);
482
- }
483
-
484
- .premium-banner-animation5 .premium-banner-ib-content {
485
- position: absolute;
486
- top: auto;
487
- bottom: 100%;
488
- right: 0;
489
- width: 100%;
490
- padding: 15px;
491
- opacity: 0;
492
- -webkit-transition: opacity 0.35s;
493
- transition: opacity 0.35s;
494
- }
495
-
496
- .premium-banner-animation5 .premium-banner-ib-title,
497
- .premium-banner-animation5 .premium-banner-read-more {
498
- -webkit-transition: -webkit-transform 0.35s;
499
- transition: -webkit-transform 0.35s;
500
- transition: transform 0.35s;
501
- transition: transform 0.35s, -webkit-transform 0.35s;
502
- -webkit-transform: translate3d(0, 200%, 0);
503
- transform: translate3d(0, 200%, 0);
504
- text-align: center;
505
- }
506
-
507
- .premium-banner-animation5 .premium-banner-ib-title {
508
- margin: 10px 0;
509
- }
510
-
511
- .premium-banner-animation5:hover .premium-banner-ib-content,
512
- .premium-banner-animation5.active .premium-banner-ib-content,
513
- .premium-banner-animation5:hover .premium-banner-ib-content *,
514
- .premium-banner-animation5.active .premium-banner-ib-content * {
515
- opacity: 1 !important;
516
- z-index: 99 !important;
517
- -webkit-backface-visibility: hidden !important;
518
- backface-visibility: hidden !important;
519
- }
520
-
521
- .premium-banner-animation5:hover .premium-banner-ib-desc,
522
- .premium-banner-animation5.active .premium-banner-ib-desc,
523
- .premium-banner-animation5:hover .premium-banner-ib-title,
524
- .premium-banner-animation5.active .premium-banner-ib-title,
525
- .premium-banner-animation5:hover .premium-banner-read-more,
526
- .premium-banner-animation5.active .premium-banner-read-more {
527
- -webkit-transform: translateY(0);
528
- -ms-transform: translateY(0);
529
- transform: translateY(0);
530
- }
531
-
532
- .premium-banner-animation5:hover .premium-banner-ib-title {
533
- -webkit-transition-delay: 0.05s;
534
- transition-delay: 0.05s;
535
- }
536
-
537
- .premium-banner-animation5 img {
538
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
- }
545
-
546
- .premium-banner-animation2 img,
547
- .premium-banner-animation4 img,
548
- .premium-banner-animation6 img {
549
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
- }
556
-
557
- .premium-banner-animation5.zoomout img,
558
- .premium-banner-animation5.scale img {
559
- -webkit-transform: scale(1.1);
560
- -ms-transform: scale(1.1);
561
- transform: scale(1.1);
562
- }
563
-
564
- .premium-banner-animation2.zoomout img,
565
- .premium-banner-animation2.scale img {
566
- -webkit-transform: scale(1.1);
567
- -ms-transform: scale(1.1);
568
- transform: scale(1.1);
569
- }
570
-
571
- .premium-banner-animation6.zoomout img,
572
- .premium-banner-animation6.scale img {
573
- -webkit-transform: scale(1.1);
574
- -ms-transform: scale(1.1);
575
- transform: scale(1.1);
576
- }
577
-
578
- .premium-banner-animation5.zoomin:hover img,
579
- .premium-banner-animation2.zoomin:hover img,
580
- .premium-banner-animation6.zoomin:hover img {
581
- -webkit-transform: scale(1.1);
582
- -ms-transform: scale(1.1);
583
- transform: scale(1.1);
584
- }
585
-
586
- .premium-banner-animation5.zoomout:hover img,
587
- .premium-banner-animation2.zoomout:hover img,
588
- .premium-banner-animation6.zoomout:hover img {
589
- -webkit-transform: scale(1);
590
- -ms-transform: scale(1);
591
- transform: scale(1);
592
- }
593
-
594
- .premium-banner-animation5.scale:hover img,
595
- .premium-banner-animation2.scale:hover img,
596
- .premium-banner-animation6.scale:hover img {
597
- -webkit-transform: scale(1.2) rotate(-5deg);
598
- -ms-transform: scale(1.2) rotate(-5deg);
599
- transform: scale(1.2) rotate(-5deg);
600
- }
601
-
602
- .premium-banner-animation5.grayscale:hover img,
603
- .premium-banner-animation2.grayscale:hover img,
604
- .premium-banner-animation6.grayscale:hover img {
605
- -webkit-filter: grayscale(100%);
606
- filter: grayscale(100%);
607
- }
608
-
609
- .premium-banner-animation5.blur:hover img,
610
- .premium-banner-animation2.blur:hover img {
611
- -webkit-filter: blur(3px);
612
- filter: blur(3px);
613
- }
614
-
615
- .premium-banner-animation6.blur:hover img {
616
- -webkit-filter: blur(3px);
617
- filter: blur(3px);
618
- }
619
-
620
- .premium-banner-animation6 .premium-banner-ib-desc {
621
- padding: 45px;
622
- }
623
-
624
- .premium-banner-animation6 .premium-banner-ib-desc::before {
625
- position: absolute;
626
- content: "";
627
- top: 30px;
628
- left: 30px;
629
- bottom: 30px;
630
- right: 30px;
631
- border: 1px solid #fff;
632
- }
633
-
634
- .premium-banner-animation6 .premium-banner-ib-title {
635
- margin: 20px 0 10px;
636
- -webkit-transition: -webkit-transform 0.35s;
637
- transition: -webkit-transform 0.35s;
638
- transition: transform 0.35s;
639
- transition: transform 0.35s, -webkit-transform 0.35s;
640
- -webkit-transform: translate3d(0, 100%, 0);
641
- transform: translate3d(0, 100%, 0);
642
- }
643
-
644
- .premium-banner-animation6 .premium-banner-ib-content,
645
- .premium-banner-animation6 .premium-banner-read-more,
646
- .premium-banner-animation6 .premium-banner-ib-desc::before {
647
- opacity: 0;
648
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
- transition: opacity 0.35s, -webkit-transform 0.35s;
650
- transition: opacity 0.35s, transform 0.35s;
651
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
- -webkit-transform: scale(0);
653
- -ms-transform: scale(0);
654
- transform: scale(0);
655
- }
656
-
657
- .premium-banner-animation6 .premium-banner-read-more {
658
- margin-top: 10px;
659
- }
660
-
661
- .premium-banner-animation6:hover .premium-banner-ib-title,
662
- .premium-banner-animation6.active .premium-banner-ib-title {
663
- -webkit-transform: translate3d(0, 0, 0);
664
- transform: translate3d(0, 0, 0);
665
- }
666
-
667
- .premium-banner-animation6:hover .premium-banner-ib-content,
668
- .premium-banner-animation6.active .premium-banner-ib-content,
669
- .premium-banner-animation6:hover .premium-banner-read-more,
670
- .premium-banner-animation6.active .premium-banner-read-more,
671
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
- opacity: 1;
674
- -webkit-transform: scale(1);
675
- -ms-transform: scale(1);
676
- transform: scale(1);
677
- }
678
-
679
- .premium-banner-animation12 .premium-banner-ib-desc::after {
680
- position: absolute;
681
- content: "";
682
- left: 30px;
683
- bottom: 30px;
684
- right: 30px;
685
- height: -webkit-calc(50% - 30px);
686
- height: calc(50% - 30px);
687
- border: 7px solid #fff;
688
- -webkit-transition: -webkit-transform 0.35s;
689
- transition: -webkit-transform 0.35s;
690
- transition: transform 0.35s;
691
- transition: transform 0.35s, -webkit-transform 0.35s;
692
- -webkit-transform: translate3d(0, -100%, 0);
693
- transform: translate3d(0, -100%, 0);
694
- }
695
-
696
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
- -webkit-transform: translate3d(0, 0, 0);
699
- transform: translate3d(0, 0, 0);
700
- }
701
-
702
- .premium-banner-animation12 .premium-banner-ib-desc {
703
- padding: 45px;
704
- text-align: right;
705
- }
706
-
707
- .premium-banner-animation12 .premium-banner-ib-content {
708
- position: absolute;
709
- left: 60px;
710
- bottom: 60px;
711
- right: 60px;
712
- opacity: 0;
713
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
- transition: opacity 0.35s, -webkit-transform 0.35s;
715
- transition: opacity 0.35s, transform 0.35s;
716
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
- -webkit-transform: translate3d(0, -100px, 0);
718
- transform: translate3d(0, -100px, 0);
719
- }
720
-
721
- .premium-banner-animation12:hover .premium-banner-ib-content,
722
- .premium-banner-animation12.active .premium-banner-ib-content {
723
- opacity: 1;
724
- -webkit-transform: translate3d(0, 0, 0);
725
- transform: translate3d(0, 0, 0);
726
- }
727
-
728
- .premium-banner-animation13 img {
729
- width: -webkit-calc(100% + 20px) !important;
730
- width: calc(100% + 20px) !important;
731
- max-width: -webkit-calc(100% + 20px) !important;
732
- max-width: calc(100% + 20px) !important;
733
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
- -webkit-transform: translate3d(10px, 0, 0);
740
- transform: translate3d(10px, 0, 0);
741
- -webkit-backface-visibility: hidden;
742
- backface-visibility: hidden;
743
- }
744
-
745
- .premium-banner-animation13.zoomout img,
746
- .premium-banner-animation13.scale img {
747
- -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
- transform: translate3d(10px, 0, 0) scale(1.1);
749
- }
750
-
751
- .premium-banner-animation13.none:hover img {
752
- -webkit-transform: translate3d(0, 0, 0);
753
- transform: translate3d(0, 0, 0);
754
- }
755
-
756
- .premium-banner-animation1.none:hover img,
757
- .premium-banner-animation4.none:hover img {
758
- -webkit-transform: translate3d(0, 0, 0);
759
- transform: translate3d(0, 0, 0);
760
- }
761
-
762
- .premium-banner-animation13.zoomin:hover img,
763
- .premium-banner-animation1.zoomin:hover img,
764
- .premium-banner-animation4.zoomin:hover img,
765
- .premium-banner-animation8.zoomin:hover img,
766
- .premium-banner-animation7.zoomin:hover img,
767
- .premium-banner-animation9.zoomin:hover img,
768
- .premium-banner-animation10.zoomin:hover img,
769
- .premium-banner-animation11.zoomin:hover img {
770
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
- transform: translate3d(0, 0, 0) scale(1.1);
772
- }
773
-
774
- .premium-banner-animation13.zoomout:hover img,
775
- .premium-banner-animation1.zoomout:hover img,
776
- .premium-banner-animation4.zoomout:hover img,
777
- .premium-banner-animation8.zoomout:hover img,
778
- .premium-banner-animation7.zoomout:hover img,
779
- .premium-banner-animation9.zoomout:hover img,
780
- .premium-banner-animation10.zoomout:hover img,
781
- .premium-banner-animation11.zoomout:hover img {
782
- -webkit-transform: translate3d(0, 0, 0) scale(1);
783
- transform: translate3d(0, 0, 0) scale(1);
784
- }
785
-
786
- .premium-banner-animation13.scale:hover img,
787
- .premium-banner-animation1.scale:hover img,
788
- .premium-banner-animation4.scale:hover img,
789
- .premium-banner-animation8.scale:hover img,
790
- .premium-banner-animation7.scale:hover img,
791
- .premium-banner-animation9.scale:hover img,
792
- .premium-banner-animation10.scale:hover img,
793
- .premium-banner-animation11.scale:hover img {
794
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
- transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
- }
797
-
798
- .premium-banner-animation13.grayscale:hover img,
799
- .premium-banner-animation1.grayscale:hover img,
800
- .premium-banner-animation4.grayscale:hover img,
801
- .premium-banner-animation8.grayscale:hover img,
802
- .premium-banner-animation7.grayscale:hover img,
803
- .premium-banner-animation9.grayscale:hover img,
804
- .premium-banner-animation10.grayscale:hover img,
805
- .premium-banner-animation11.grayscale:hover img {
806
- -webkit-transform: translate3d(0, 0, 0);
807
- transform: translate3d(0, 0, 0);
808
- -webkit-filter: grayscale(100%);
809
- filter: grayscale(100%);
810
- }
811
-
812
- .premium-banner-animation13.blur:hover img,
813
- .premium-banner-animation1.blur:hover img,
814
- .premium-banner-animation4.blur:hover,
815
- .premium-banner-animation8.blur:hover img,
816
- .premium-banner-animation7.blur:hover img,
817
- .premium-banner-animation9.blur:hover img,
818
- .premium-banner-animation10.blur:hover img,
819
- .premium-banner-animation11.blur:hover img {
820
- -webkit-transform: translate3d(0, 0, 0);
821
- transform: translate3d(0, 0, 0);
822
- -webkit-filter: blur(3px);
823
- filter: blur(3px);
824
- }
825
-
826
- .premium-banner-animation13 .premium-banner-ib-desc {
827
- text-align: right;
828
- }
829
-
830
- .premium-banner-animation13 .premium-banner-ib-title {
831
- position: relative;
832
- overflow: hidden;
833
- padding: 5px 0 10px;
834
- }
835
-
836
- .premium-banner-animation13 .premium-banner-ib-title::after {
837
- position: absolute;
838
- content: "";
839
- bottom: 0;
840
- right: 0;
841
- width: 100%;
842
- height: 2px;
843
- background: #fff;
844
- -webkit-transition: -webkit-transform 0.35s;
845
- transition: -webkit-transform 0.35s;
846
- transition: transform 0.35s;
847
- transition: transform 0.35s, -webkit-transform 0.35s;
848
- -webkit-transform: translate3d(101%, 0, 0);
849
- transform: translate3d(101%, 0, 0);
850
- }
851
-
852
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
- .premium-banner-animation13.active .premium-banner-ib-title::after {
854
- -webkit-transform: translate3d(0, 0, 0);
855
- transform: translate3d(0, 0, 0);
856
- }
857
-
858
- .premium-banner-animation13 .premium-banner-ib-content,
859
- .premium-banner-animation13 .premium-banner-read-more {
860
- padding: 15px 0;
861
- opacity: 0;
862
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
- transition: opacity 0.35s, -webkit-transform 0.35s;
864
- transition: opacity 0.35s, transform 0.35s;
865
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
- -webkit-transform: translate3d(-100%, 0, 0);
867
- transform: translate3d(-100%, 0, 0);
868
- }
869
-
870
- .premium-banner-animation13:hover .premium-banner-ib-content,
871
- .premium-banner-animation13.active .premium-banner-ib-content,
872
- .premium-banner-animation13:hover .premium-banner-read-more,
873
- .premium-banner-animation13.active .premium-banner-read-more {
874
- opacity: 1;
875
- -webkit-transform: translate3d(0, 0, 0);
876
- transform: translate3d(0, 0, 0);
877
- }
878
-
879
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
- right: 50%;
881
- width: auto !important;
882
- height: 100%;
883
- max-width: none;
884
- -webkit-transform: translateX(50%);
885
- -ms-transform: translateX(50%);
886
- transform: translateX(50%);
887
- }
888
-
889
- .premium-banner-ib img {
890
- border: none;
891
- padding: 0;
892
- margin: 0;
893
- }
894
-
895
- .premium-banner-animation7 img {
896
- width: -webkit-calc(100% + 40px) !important;
897
- width: calc(100% + 40px) !important;
898
- max-width: -webkit-calc(100% + 40px) !important;
899
- max-width: calc(100% + 40px) !important;
900
- }
901
-
902
- .premium-banner-animation7 .premium-banner-brlr {
903
- width: 7px;
904
- }
905
-
906
- .premium-banner-animation7 .premium-banner-brtb {
907
- height: 7px;
908
- }
909
-
910
- .premium-banner-animation7 .premium-banner-br {
911
- position: absolute;
912
- z-index: 1;
913
- background-color: white;
914
- -webkit-transition: all 0.3s ease-in-out;
915
- transition: all 0.3s ease-in-out;
916
- -webkit-transition-delay: 0.2s;
917
- transition-delay: 0.2s;
918
- }
919
-
920
- .premium-banner-animation7 .premium-banner-bleft {
921
- right: 30px;
922
- top: -webkit-calc(100% - 150px);
923
- top: calc(100% - 150px);
924
- height: 0;
925
- }
926
-
927
- .premium-banner-animation7 .premium-banner-bright {
928
- left: 30px;
929
- bottom: -webkit-calc(100% - 150px);
930
- bottom: calc(100% - 150px);
931
- height: 0;
932
- }
933
-
934
- .premium-banner-animation7 .premium-banner-bottom {
935
- left: -webkit-calc(100% - 150px);
936
- left: calc(100% - 150px);
937
- bottom: 30px;
938
- width: 0;
939
- }
940
-
941
- .premium-banner-animation7 .premium-banner-btop {
942
- right: -webkit-calc(100% - 150px);
943
- right: calc(100% - 150px);
944
- top: 30px;
945
- width: 0;
946
- }
947
-
948
- .premium-banner-animation7 .premium-banner-ib-desc {
949
- padding: 70px;
950
- display: table;
951
- }
952
-
953
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
- display: table-cell;
955
- vertical-align: middle;
956
- }
957
-
958
- .premium-banner-animation7 .premium-banner-ib-title {
959
- margin-top: 0;
960
- }
961
-
962
- .premium-banner-animation7 .premium-banner-ib-title,
963
- .premium-banner-animation7 img {
964
- -webkit-transform: translate3d(30px, 0, 0);
965
- transform: translate3d(30px, 0, 0);
966
- }
967
-
968
- .premium-banner-animation7.zoomout img,
969
- .premium-banner-animation7.scale img {
970
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
- transform: translate3d(30px, 0, 0) scale(1.1);
972
- }
973
-
974
- .premium-banner-animation7 .premium-banner-ib-content,
975
- .premium-banner-animation7 .premium-banner-read-more {
976
- margin-top: 10px;
977
- }
978
-
979
- .premium-banner-animation7 .premium-banner-ib-desc::after,
980
- .premium-banner-animation7 .premium-banner-ib-desc::before {
981
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
- transition: opacity 0.35s, -webkit-transform 0.35s;
983
- transition: opacity 0.35s, transform 0.35s;
984
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
- }
986
-
987
- .premium-banner-animation7 .premium-banner-ib-title,
988
- .premium-banner-animation7 .premium-banner-ib-content,
989
- .premium-banner-animation7 .premium-banner-read-more {
990
- opacity: 0;
991
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
- transition: opacity 0.35s, -webkit-transform 0.35s;
993
- transition: opacity 0.35s, transform 0.35s;
994
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
- }
996
-
997
- .premium-banner-animation7 img {
998
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
- transition: opacity 0.35s, -webkit-transform 0.35s;
1000
- transition: opacity 0.35s, transform 0.35s;
1001
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
- }
1003
-
1004
- .premium-banner-animation7:hover .premium-banner-ib-content,
1005
- .premium-banner-animation7.active .premium-banner-ib-content,
1006
- .premium-banner-animation7:hover .premium-banner-read-more,
1007
- .premium-banner-animation7.active .premium-banner-read-more,
1008
- .premium-banner-animation7:hover .premium-banner-ib-title,
1009
- .premium-banner-animation7.active .premium-banner-ib-title {
1010
- opacity: 1;
1011
- -webkit-transform: translate3d(0, 0, 0);
1012
- transform: translate3d(0, 0, 0);
1013
- }
1014
-
1015
- .premium-banner-animation7:hover .premium-banner-bleft,
1016
- .premium-banner-animation7.active .premium-banner-bleft {
1017
- top: 30px;
1018
- height: 70px;
1019
- }
1020
-
1021
- .premium-banner-animation7:hover .premium-banner-bright,
1022
- .premium-banner-animation7.active .premium-banner-bright {
1023
- bottom: 30px;
1024
- height: 70px;
1025
- }
1026
-
1027
- .premium-banner-animation7:hover .premium-banner-bottom,
1028
- .premium-banner-animation7.active .premium-banner-bottom {
1029
- left: 30px;
1030
- width: 70px;
1031
- }
1032
-
1033
- .premium-banner-animation7:hover .premium-banner-btop,
1034
- .premium-banner-animation7.active .premium-banner-btop {
1035
- right: 30px;
1036
- width: 70px;
1037
- }
1038
-
1039
- .premium-banner-animation7:hover .premium-banner-ib-content,
1040
- .premium-banner-animation7:hover .premium-banner-read-more,
1041
- .premium-banner-animation7:hover .premium-banner-ib-title,
1042
- .premium-banner-animation7:hover img {
1043
- -webkit-transition-delay: 0.15s;
1044
- transition-delay: 0.15s;
1045
- }
1046
-
1047
- .premium-banner-animation8 img {
1048
- width: -webkit-calc(100% + 40px) !important;
1049
- width: calc(100% + 40px) !important;
1050
- max-width: -webkit-calc(100% + 40px) !important;
1051
- max-width: calc(100% + 40px) !important;
1052
- }
1053
-
1054
- .premium-banner-animation8 .premium-banner-brlr {
1055
- width: 7px;
1056
- }
1057
-
1058
- .premium-banner-animation8 .premium-banner-brtb {
1059
- height: 7px;
1060
- }
1061
-
1062
- .premium-banner-animation8 .premium-banner-br {
1063
- position: absolute;
1064
- z-index: 1;
1065
- background-color: white;
1066
- -webkit-transition: all 0.3s ease-in-out;
1067
- transition: all 0.3s ease-in-out;
1068
- -webkit-transition-delay: 0.2s;
1069
- transition-delay: 0.2s;
1070
- }
1071
-
1072
- .premium-banner-animation8 .premium-banner-bleft {
1073
- right: 30px;
1074
- top: 50%;
1075
- -webkit-transform: translateY(-50%);
1076
- -ms-transform: translateY(-50%);
1077
- transform: translateY(-50%);
1078
- height: 0;
1079
- }
1080
-
1081
- .premium-banner-animation8 .premium-banner-bright {
1082
- left: 30px;
1083
- top: 50%;
1084
- -webkit-transform: translateY(-50%);
1085
- -ms-transform: translateY(-50%);
1086
- transform: translateY(-50%);
1087
- height: 0;
1088
- }
1089
-
1090
- .premium-banner-animation8 .premium-banner-bottom {
1091
- right: 50%;
1092
- -webkit-transform: translateX(50%);
1093
- -ms-transform: translateX(50%);
1094
- transform: translateX(50%);
1095
- bottom: 30px;
1096
- width: 0;
1097
- }
1098
-
1099
- .premium-banner-animation8 .premium-banner-btop {
1100
- right: 50%;
1101
- -webkit-transform: translateX(50%);
1102
- -ms-transform: translateX(50%);
1103
- transform: translateX(50%);
1104
- top: 30px;
1105
- width: 0;
1106
- }
1107
-
1108
- .premium-banner-animation8 .premium-banner-ib-desc {
1109
- padding: 70px;
1110
- display: table;
1111
- }
1112
-
1113
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
- display: table-cell;
1115
- vertical-align: middle;
1116
- }
1117
-
1118
- .premium-banner-animation8 .premium-banner-ib-title {
1119
- margin-top: 0;
1120
- }
1121
-
1122
- .premium-banner-animation8 .premium-banner-ib-title,
1123
- .premium-banner-animation8 img {
1124
- -webkit-transform: translate3d(30px, 0, 0);
1125
- transform: translate3d(30px, 0, 0);
1126
- }
1127
-
1128
- .premium-banner-animation8.zoomout img,
1129
- .premium-banner-animation8.scale img {
1130
- -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
- transform: translate3d(30px, 0, 0) scale(1.1);
1132
- }
1133
-
1134
- .premium-banner-animation8 .premium-banner-ib-content,
1135
- .premium-banner-animation8 .premium-banner-read-more {
1136
- margin-top: 10px;
1137
- }
1138
-
1139
- .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
- .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
- transition: opacity 0.35s, -webkit-transform 0.35s;
1143
- transition: opacity 0.35s, transform 0.35s;
1144
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
- }
1146
-
1147
- .premium-banner-animation8 .premium-banner-ib-title,
1148
- .premium-banner-animation8 .premium-banner-ib-content,
1149
- .premium-banner-animation8 .premium-banner-read-more {
1150
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
- transition: opacity 0.35s, -webkit-transform 0.35s;
1152
- transition: opacity 0.35s, transform 0.35s;
1153
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
- opacity: 0;
1155
- }
1156
-
1157
- .premium-banner-animation8 img {
1158
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
- transition: opacity 0.35s, -webkit-transform 0.35s;
1160
- transition: opacity 0.35s, transform 0.35s;
1161
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
- }
1163
-
1164
- .premium-banner-animation8:hover .premium-banner-ib-content,
1165
- .premium-banner-animation8.active .premium-banner-ib-content,
1166
- .premium-banner-animation8:hover .premium-banner-read-more,
1167
- .premium-banner-animation8.active .premium-banner-read-more,
1168
- .premium-banner-animation8:hover .premium-banner-ib-title,
1169
- .premium-banner-animation8.active .premium-banner-ib-title {
1170
- opacity: 1;
1171
- -webkit-transform: translate3d(0, 0, 0);
1172
- transform: translate3d(0, 0, 0);
1173
- }
1174
-
1175
- .premium-banner-animation8:hover .premium-banner-bleft,
1176
- .premium-banner-animation8.active .premium-banner-bleft {
1177
- height: -webkit-calc(100% - 61px);
1178
- height: calc(100% - 61px);
1179
- }
1180
-
1181
- .premium-banner-animation8:hover .premium-banner-bright,
1182
- .premium-banner-animation8.active .premium-banner-bright {
1183
- height: -webkit-calc(100% - 61px);
1184
- height: calc(100% - 61px);
1185
- }
1186
-
1187
- .premium-banner-animation8:hover .premium-banner-bottom,
1188
- .premium-banner-animation8.active .premium-banner-bottom {
1189
- width: -webkit-calc(100% - 61px);
1190
- width: calc(100% - 61px);
1191
- }
1192
-
1193
- .premium-banner-animation8:hover .premium-banner-btop,
1194
- .premium-banner-animation8.active .premium-banner-btop {
1195
- width: -webkit-calc(100% - 61px);
1196
- width: calc(100% - 61px);
1197
- }
1198
-
1199
- .premium-banner-animation8:hover .premium-banner-ib-content,
1200
- .premium-banner-animation8:hover .premium-banner-ib-title,
1201
- .premium-banner-animation8:hover .premium-banner-read-more,
1202
- .premium-banner-animation8:hover img {
1203
- -webkit-transition-delay: 0.15s;
1204
- transition-delay: 0.15s;
1205
- }
1206
-
1207
- .premium-banner-animation9 img {
1208
- width: -webkit-calc(100% + 20px) !important;
1209
- width: calc(100% + 20px) !important;
1210
- max-width: -webkit-calc(100% + 20px) !important;
1211
- max-width: calc(100% + 20px) !important;
1212
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
- transition: opacity 0.35s, -webkit-transform 0.35s;
1214
- transition: opacity 0.35s, transform 0.35s;
1215
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
- -webkit-transform: scale(1.2);
1217
- -ms-transform: scale(1.2);
1218
- transform: scale(1.2);
1219
- }
1220
-
1221
- .premium-banner-animation9 .premium-banner-ib-desc {
1222
- width: 100%;
1223
- height: 100%;
1224
- }
1225
-
1226
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
- position: absolute;
1228
- top: 50%;
1229
- right: 50%;
1230
- width: 80%;
1231
- height: 1px;
1232
- background: #fff;
1233
- content: "";
1234
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
- transition: opacity 0.35s, -webkit-transform 0.35s;
1236
- transition: opacity 0.35s, transform 0.35s;
1237
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
- -webkit-transform: translate3d(50%, -50%, 0);
1239
- transform: translate3d(50%, -50%, 0);
1240
- }
1241
-
1242
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
- position: absolute;
1244
- top: 50%;
1245
- right: 50%;
1246
- width: 80%;
1247
- height: 1px;
1248
- background: #fff;
1249
- content: "";
1250
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
- transition: opacity 0.35s, -webkit-transform 0.35s;
1252
- transition: opacity 0.35s, transform 0.35s;
1253
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
- -webkit-transform: translate3d(50%, -50%, 0);
1255
- transform: translate3d(50%, -50%, 0);
1256
- }
1257
-
1258
- .premium-banner-animation9 .premium-banner-ib-title {
1259
- position: absolute;
1260
- top: 50%;
1261
- right: 0;
1262
- width: 100%;
1263
- -webkit-transition: -webkit-transform 0.35s;
1264
- transition: -webkit-transform 0.35s;
1265
- transition: transform 0.35s;
1266
- transition: transform 0.35s, -webkit-transform 0.35s;
1267
- -webkit-transform: translate3d(0, -70px, 0);
1268
- transform: translate3d(0, -70px, 0);
1269
- margin-top: 0;
1270
- padding: 0 10%;
1271
- }
1272
-
1273
- .premium-banner-animation9:hover .premium-banner-ib-title,
1274
- .premium-banner-animation9.active .premium-banner-ib-title {
1275
- -webkit-transform: translate3d(0, -80px, 0);
1276
- transform: translate3d(0, -80px, 0);
1277
- }
1278
-
1279
- .premium-banner-animation9 .premium-banner-ib-content,
1280
- .premium-banner-animation9 .premium-banner-read-more {
1281
- position: absolute;
1282
- top: 50%;
1283
- right: 0;
1284
- width: 100%;
1285
- -webkit-transition: -webkit-transform 0.35s;
1286
- transition: -webkit-transform 0.35s;
1287
- transition: transform 0.35s;
1288
- transition: transform 0.35s, -webkit-transform 0.35s;
1289
- padding: 0 10%;
1290
- -webkit-transform: translate3d(0, 35px, 0);
1291
- transform: translate3d(0, 35px, 0);
1292
- }
1293
-
1294
- .premium-banner-animation9 .premium-banner-read-more {
1295
- top: 75%;
1296
- }
1297
-
1298
- .premium-banner-animation9:hover .premium-banner-ib-content,
1299
- .premium-banner-animation9.active .premium-banner-ib-content,
1300
- .premium-banner-animation9:hover .premium-banner-read-more,
1301
- .premium-banner-animation9.active .premium-banner-read-more {
1302
- -webkit-transform: translate3d(0, 45px, 0);
1303
- transform: translate3d(0, 45px, 0);
1304
- }
1305
-
1306
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
- opacity: 0.5;
1309
- -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
- transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
- }
1312
-
1313
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
- opacity: 0.5;
1316
- -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
- transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
- }
1319
-
1320
- .premium-banner-animation9:hover img {
1321
- -webkit-transform: scale(1);
1322
- -ms-transform: scale(1);
1323
- transform: scale(1);
1324
- }
1325
-
1326
- .premium-banner-animation10 img {
1327
- width: -webkit-calc(100% + 20px) !important;
1328
- width: calc(100% + 20px) !important;
1329
- max-width: -webkit-calc(100% + 20px) !important;
1330
- max-width: calc(100% + 20px) !important;
1331
- }
1332
-
1333
- .premium-banner-animation10 .premium-banner-ib-title {
1334
- position: relative;
1335
- overflow: hidden;
1336
- padding: 5px 0 15px;
1337
- -webkit-transition: -webkit-transform 0.35s;
1338
- transition: -webkit-transform 0.35s;
1339
- transition: transform 0.35s;
1340
- transition: transform 0.35s, -webkit-transform 0.35s;
1341
- -webkit-transform: translate3d(0, 20px, 0);
1342
- transform: translate3d(0, 20px, 0);
1343
- margin-bottom: 0;
1344
- }
1345
-
1346
- .premium-banner-animation10 .premium-banner-ib-title::after {
1347
- position: absolute;
1348
- content: "";
1349
- bottom: 0;
1350
- right: 0;
1351
- width: 100%;
1352
- height: 3px;
1353
- background: #fff;
1354
- opacity: 0;
1355
- -webkit-transform: translate3d(0, 100%, 0);
1356
- transform: translate3d(0, 100%, 0);
1357
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
- transition: opacity 0.35s, -webkit-transform 0.35s;
1359
- transition: opacity 0.35s, transform 0.35s;
1360
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
- }
1362
-
1363
- .premium-banner-animation10:hover .premium-banner-ib-title,
1364
- .premium-banner-animation10.active .premium-banner-ib-title {
1365
- -webkit-transform: translate3d(0, 0, 0);
1366
- transform: translate3d(0, 0, 0);
1367
- }
1368
-
1369
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
- opacity: 1;
1372
- -webkit-transform: translate3d(0, 0, 0);
1373
- transform: translate3d(0, 0, 0);
1374
- }
1375
-
1376
- .premium-banner-animation10 .premium-banner-ib-content,
1377
- .premium-banner-animation10 .premium-banner-read-more {
1378
- padding-top: 15px;
1379
- opacity: 0;
1380
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
- transition: opacity 0.35s, -webkit-transform 0.35s;
1382
- transition: opacity 0.35s, transform 0.35s;
1383
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
- -webkit-transform: translate3d(0, 100%, 0);
1385
- transform: translate3d(0, 100%, 0);
1386
- }
1387
-
1388
- .premium-banner-animation10 .premium-banner-read-more {
1389
- padding: 0;
1390
- }
1391
-
1392
- .premium-banner-animation10:hover .premium-banner-ib-content,
1393
- .premium-banner-animation10.active .premium-banner-ib-content,
1394
- .premium-banner-animation10:hover .premium-banner-read-more,
1395
- .premium-banner-animation10.active .premium-banner-read-more {
1396
- opacity: 1;
1397
- -webkit-transform: translate3d(0, 0, 0);
1398
- transform: translate3d(0, 0, 0);
1399
- }
1400
-
1401
- .premium-banner-animation11 {
1402
- -webkit-transition: -webkit-transform 1s ease-out;
1403
- transition: -webkit-transform 1s ease-out;
1404
- transition: transform 1s ease-out;
1405
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
- -webkit-transition-delay: 0.125s;
1407
- transition-delay: 0.125s;
1408
- }
1409
-
1410
- .premium-banner-animation11 .premium-banner-ib-desc {
1411
- position: absolute;
1412
- z-index: 5;
1413
- -webkit-transform: translate3d(30px, 0, 0);
1414
- transform: translate3d(30px, 0, 0);
1415
- opacity: 0;
1416
- top: auto;
1417
- bottom: 0;
1418
- min-height: 25%;
1419
- height: auto;
1420
- max-height: 100%;
1421
- text-align: left;
1422
- padding: 30px;
1423
- -webkit-transition: all 0.6s ease-out;
1424
- transition: all 0.6s ease-out;
1425
- }
1426
-
1427
- .premium-banner-animation11 img {
1428
- width: 100%;
1429
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
- }
1434
-
1435
- .premium-banner-animation11 .premium-banner-ib-title {
1436
- margin-bottom: 10px;
1437
- }
1438
-
1439
- .premium-banner-animation11 .premium-banner-gradient {
1440
- position: absolute;
1441
- left: 0;
1442
- top: 0;
1443
- right: 0;
1444
- bottom: 0;
1445
- }
1446
-
1447
- .premium-banner-animation11 .premium-banner-gradient:after,
1448
- .premium-banner-animation11 .premium-banner-gradient:before {
1449
- position: absolute;
1450
- content: "";
1451
- left: 0;
1452
- top: 0;
1453
- right: 0;
1454
- bottom: 0;
1455
- -webkit-transform: translate3d(100%, 0, 0);
1456
- transform: translate3d(100%, 0, 0);
1457
- background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
- background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
- background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
- z-index: 2;
1461
- }
1462
-
1463
- .premium-banner-animation11 .premium-banner-gradient:before {
1464
- mix-blend-mode: color;
1465
- }
1466
-
1467
- .premium-banner-animation11 .premium-banner-gradient:after {
1468
- mix-blend-mode: multiply;
1469
- }
1470
-
1471
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
- .premium-banner-animation11.active .premium-banner-ib-desc {
1473
- opacity: 1;
1474
- -webkit-transform: translate3d(0, 0, 0);
1475
- transform: translate3d(0, 0, 0);
1476
- }
1477
-
1478
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
- .premium-banner-animation11.active .premium-banner-gradient:after,
1481
- .premium-banner-animation11.active .premium-banner-gradient:before {
1482
- -webkit-transform: translate3d(0, 0, 0);
1483
- transform: translate3d(0, 0, 0);
1484
- }
1485
-
1486
- .premium-banner-animation11.zoomout img,
1487
- .premium-banner-animation11.scale img {
1488
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
- transform: translate3d(-10px, 0, 0) scale(1.1);
1490
- }
1491
-
1492
- /************ Premium Countdown ************/
1493
- /*******************************************/
1494
- .premium-countdown {
1495
- -js-display: flex;
1496
- display: -webkit-box;
1497
- display: -webkit-flex;
1498
- display: -moz-box;
1499
- display: -ms-flexbox;
1500
- display: flex;
1501
- text-align: center;
1502
- }
1503
-
1504
- .countdown-row {
1505
- display: block;
1506
- text-align: center;
1507
- }
1508
-
1509
- .countdown .countdown-section {
1510
- display: inline-block;
1511
- max-width: 100%;
1512
- margin-bottom: 15px;
1513
- -js-display: inline-flex;
1514
- display: -webkit-inline-box;
1515
- display: -webkit-inline-flex;
1516
- display: -moz-inline-box;
1517
- display: -ms-inline-flexbox;
1518
- display: inline-flex;
1519
- -webkit-box-align: center;
1520
- -webkit-align-items: center;
1521
- -moz-box-align: center;
1522
- -ms-flex-align: center;
1523
- align-items: center;
1524
- }
1525
-
1526
- .countdown .countdown-section:last-child {
1527
- margin-left: 0;
1528
- }
1529
-
1530
- .countdown span.countdown-amount {
1531
- font-size: 70px;
1532
- line-height: 1;
1533
- padding: 40px;
1534
- }
1535
-
1536
- .countdown .pre_time-mid {
1537
- display: block;
1538
- }
1539
-
1540
- .premium-countdown-separator-yes .countdown_separator {
1541
- display: block;
1542
- margin: 0 50px;
1543
- font-size: 30px;
1544
- }
1545
-
1546
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
- display: none;
1549
- }
1550
-
1551
- /**
1552
- * Digit and unit styles
1553
- */
1554
- .side .countdown-section .countdown-period {
1555
- vertical-align: bottom;
1556
- }
1557
-
1558
- .countdown .countdown-section .countdown-period {
1559
- font-size: 17px;
1560
- line-height: 3em;
1561
- }
1562
-
1563
- .side .countdown-section .countdown-amount,
1564
- .side .countdown-section .countdown-period {
1565
- display: inline-block;
1566
- }
1567
-
1568
- .side .countdown-section .countdown-amount {
1569
- margin-left: 5px;
1570
- }
1571
-
1572
- .down .countdown-section .countdown-amount,
1573
- .down .countdown-section .countdown-period {
1574
- display: block;
1575
- }
1576
-
1577
- /**
1578
- * Flip Layout
1579
- */
1580
- .premium-countdown-flip .premium-countdown-block {
1581
- text-align: center;
1582
- -js-display: inline-flex;
1583
- display: -webkit-inline-box;
1584
- display: -webkit-inline-flex;
1585
- display: -moz-inline-box;
1586
- display: -ms-inline-flexbox;
1587
- display: inline-flex;
1588
- -webkit-box-align: center;
1589
- -webkit-align-items: center;
1590
- -moz-box-align: center;
1591
- -ms-flex-align: center;
1592
- align-items: center;
1593
- }
1594
-
1595
- .premium-countdown-flip .premium-countdown-block:last-child {
1596
- margin-left: 0;
1597
- }
1598
-
1599
- .premium-countdown-flip .premium-countdown-label {
1600
- overflow: hidden;
1601
- color: #1a1a1a;
1602
- text-transform: uppercase;
1603
- }
1604
-
1605
- .premium-countdown-flip .premium-countdown-figure {
1606
- position: relative;
1607
- height: 110px;
1608
- width: 100px;
1609
- line-height: 107px;
1610
- background-color: #fff;
1611
- -webkit-border-radius: 10px;
1612
- border-radius: 10px;
1613
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
- }
1616
-
1617
- .premium-countdown-flip .premium-countdown-figure:last-child {
1618
- margin-left: 0;
1619
- }
1620
-
1621
- .premium-countdown-flip .premium-countdown-figure>span {
1622
- position: absolute;
1623
- right: 0;
1624
- left: 0;
1625
- margin: auto;
1626
- font-weight: 700;
1627
- }
1628
-
1629
- .premium-countdown-flip .premium-countdown-figure .top {
1630
- z-index: 3;
1631
- -webkit-transform-origin: 50% 100%;
1632
- -ms-transform-origin: 50% 100%;
1633
- transform-origin: 50% 100%;
1634
- -webkit-transform: perspective(200px);
1635
- transform: perspective(200px);
1636
- -webkit-backface-visibility: hidden;
1637
- backface-visibility: hidden;
1638
- }
1639
-
1640
- .premium-countdown-flip .premium-countdown-figure .bottom {
1641
- z-index: 1;
1642
- }
1643
-
1644
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
- content: "";
1646
- position: absolute;
1647
- display: block;
1648
- top: 0;
1649
- right: 0;
1650
- width: 100%;
1651
- height: 50%;
1652
- background-color: rgba(0, 0, 0, 0.02);
1653
- }
1654
-
1655
- .premium-countdown-flip .premium-countdown-figure .top-back {
1656
- -webkit-backface-visibility: hidden;
1657
- backface-visibility: hidden;
1658
- z-index: 4;
1659
- bottom: 0;
1660
- -webkit-transform-origin: 50% 0;
1661
- -ms-transform-origin: 50% 0;
1662
- transform-origin: 50% 0;
1663
- -webkit-transform: perspective(200px) rotateX(180deg);
1664
- transform: perspective(200px) rotateX(180deg);
1665
- }
1666
-
1667
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
- position: absolute;
1669
- top: -100%;
1670
- right: 0;
1671
- left: 0;
1672
- margin: auto;
1673
- }
1674
-
1675
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
- z-index: 2;
1677
- top: 0;
1678
- }
1679
-
1680
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
- position: absolute;
1682
- top: 0;
1683
- right: 0;
1684
- left: 0;
1685
- margin: auto;
1686
- }
1687
-
1688
- .premium-countdown-flip .premium-countdown-figure .top,
1689
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
- .premium-countdown-flip .premium-countdown-figure .top-back {
1691
- height: 50%;
1692
- overflow: hidden;
1693
- background-color: #f7f7f7;
1694
- -webkit-border-top-right-radius: 10px;
1695
- border-top-right-radius: 10px;
1696
- -webkit-border-top-left-radius: 10px;
1697
- border-top-left-radius: 10px;
1698
- }
1699
-
1700
- .premium-countdown-flip .premium-countdown-figure .top-back {
1701
- -webkit-border-bottom-right-radius: 10px;
1702
- border-bottom-right-radius: 10px;
1703
- -webkit-border-bottom-left-radius: 10px;
1704
- border-bottom-left-radius: 10px;
1705
- }
1706
-
1707
- .premium-countdown-flip .premium-countdown-figure .top::after,
1708
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
- content: "";
1710
- position: absolute;
1711
- z-index: -1;
1712
- right: 0;
1713
- bottom: 0;
1714
- width: 100%;
1715
- height: 100%;
1716
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
- }
1718
-
1719
- .side .premium-countdown-figure,
1720
- .side .premium-countdown-label {
1721
- display: inline-block;
1722
- }
1723
-
1724
- .side .premium-countdown-figure {
1725
- margin-left: 5px;
1726
- }
1727
-
1728
- .down .premium-countdown-figure,
1729
- .down .premium-countdown-label {
1730
- display: block;
1731
- }
1732
-
1733
- .down .premium-countdown-label {
1734
- width: 100%;
1735
- }
1736
-
1737
- /**************** Premium Carousel **************/
1738
- /************************************************/
1739
- .premium-carousel-wrapper a.carousel-arrow,
1740
- .premium-carousel-wrapper a.ver-carousel-arrow,
1741
- .premium-fb-rev-container a.carousel-arrow,
1742
- .premium-tabs-nav-list a.carousel-arrow,
1743
- .premium-blog-wrap a.carousel-arrow,
1744
- .premium-hscroll-wrap a.carousel-arrow,
1745
- .premium-twitter-feed-wrapper a.carousel-arrow,
1746
- .premium-facebook-feed-wrapper a.carousel-arrow,
1747
- .premium-instafeed-container a.carousel-arrow,
1748
- .premium-persons-container a.carousel-arrow,
1749
- .premium-woocommerce a.carousel-arrow {
1750
- display: -ms-flexbox;
1751
- display: -webkit-flex;
1752
- display: -moz-flex;
1753
- display: -ms-flex;
1754
- -js-display: flex;
1755
- display: -webkit-box;
1756
- display: -moz-box;
1757
- display: flex;
1758
- -webkit-box-align: center;
1759
- -webkit-align-items: center;
1760
- -moz-box-align: center;
1761
- -ms-flex-align: center;
1762
- align-items: center;
1763
- -webkit-box-pack: center;
1764
- -webkit-justify-content: center;
1765
- -moz-box-pack: center;
1766
- -ms-flex-pack: center;
1767
- justify-content: center;
1768
- width: 2em;
1769
- height: 2em;
1770
- line-height: 0;
1771
- text-align: center;
1772
- position: absolute;
1773
- z-index: 99;
1774
- cursor: pointer;
1775
- -webkit-transition: all 0.3s ease-in-out;
1776
- transition: all 0.3s ease-in-out;
1777
- -webkit-appearance: inherit;
1778
- border: none;
1779
- -webkit-box-shadow: none;
1780
- box-shadow: none;
1781
- }
1782
-
1783
- .premium-carousel-wrapper a.carousel-arrow svg,
1784
- .premium-carousel-wrapper a.ver-carousel-arrow svg {
1785
- -webkit-transition: all 0.3s ease-in-out;
1786
- transition: all 0.3s ease-in-out;
1787
- }
1788
-
1789
- div[class^="premium-"] .slick-arrow i {
1790
- display: block;
1791
- }
1792
-
1793
- .ver-carousel-arrow.carousel-next i {
1794
- margin-bottom: -3px;
1795
- }
1796
-
1797
- .premium-carousel-wrapper a.slick-arrow:hover {
1798
- -webkit-box-shadow: none !important;
1799
- box-shadow: none !important;
1800
- }
1801
-
1802
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1803
- visibility: hidden;
1804
- }
1805
-
1806
- .premium-carousel-wrapper a.carousel-arrow,
1807
- .premium-fb-rev-container a.carousel-arrow,
1808
- .premium-tabs-nav-list a.carousel-arrow,
1809
- .premium-blog-wrap a.carousel-arrow,
1810
- .premium-hscroll-wrap a.carousel-arrow,
1811
- .premium-twitter-feed-wrapper a.carousel-arrow,
1812
- .premium-facebook-feed-wrapper a.carousel-arrow,
1813
- .premium-instafeed-container a.carousel-arrow,
1814
- .premium-persons-container a.carousel-arrow,
1815
- .premium-woocommerce a.carousel-arrow {
1816
- top: 50%;
1817
- -webkit-transform: translateY(-50%);
1818
- -ms-transform: translateY(-50%);
1819
- transform: translateY(-50%);
1820
- }
1821
-
1822
- .premium-carousel-wrapper a.ver-carousel-arrow {
1823
- right: 50%;
1824
- -webkit-transform: translateX(50%);
1825
- -ms-transform: translateX(50%);
1826
- transform: translateX(50%);
1827
- }
1828
-
1829
- a.carousel-arrow.carousel-next {
1830
- right: -20px;
1831
- left: auto;
1832
- }
1833
-
1834
- a.carousel-arrow.carousel-prev {
1835
- left: -20px;
1836
- right: auto;
1837
- }
1838
-
1839
- a.ver-carousel-arrow.carousel-next {
1840
- bottom: -56px;
1841
- }
1842
-
1843
- a.ver-carousel-arrow.carousel-prev {
1844
- top: -45px;
1845
- }
1846
-
1847
- a.circle-bg {
1848
- -webkit-border-radius: 100%;
1849
- border-radius: 100%;
1850
- }
1851
-
1852
- a.circle-border {
1853
- -webkit-border-radius: 100%;
1854
- border-radius: 100%;
1855
- border: solid black;
1856
- }
1857
-
1858
- a.square-border {
1859
- border: solid black;
1860
- }
1861
-
1862
- .premium-carousel-dots-below,
1863
- .premium-blog-wrap ul.slick-dots,
1864
- .premium-fb-rev-reviews ul.slick-dots,
1865
- .premium-woocommerce ul.slick-dots {
1866
- position: relative;
1867
- bottom: 0;
1868
- list-style: none;
1869
- text-align: center;
1870
- margin: 0;
1871
- padding: 0;
1872
- }
1873
-
1874
- .premium-carousel-dots-above ul.slick-dots {
1875
- position: absolute;
1876
- display: -ms-flexbox;
1877
- display: -webkit-flex;
1878
- display: -moz-flex;
1879
- display: -ms-flex;
1880
- -js-display: flex;
1881
- display: -webkit-box;
1882
- display: -moz-box;
1883
- display: flex;
1884
- top: 50%;
1885
- -webkit-transform: translateY(-50%);
1886
- -ms-transform: translateY(-50%);
1887
- transform: translateY(-50%);
1888
- -webkit-flex-direction: column;
1889
- -webkit-box-orient: vertical;
1890
- -webkit-box-direction: normal;
1891
- -moz-box-orient: vertical;
1892
- -moz-box-direction: normal;
1893
- -ms-flex-direction: column;
1894
- flex-direction: column;
1895
- }
1896
-
1897
- ul.slick-dots li {
1898
- font-size: 10px;
1899
- display: -webkit-inline-box;
1900
- display: -webkit-inline-flex;
1901
- display: -ms-inline-flexbox;
1902
- -js-display: inline-flex;
1903
- display: -moz-inline-box;
1904
- display: inline-flex;
1905
- -webkit-box-pack: center;
1906
- -webkit-justify-content: center;
1907
- -moz-box-pack: center;
1908
- -ms-flex-pack: center;
1909
- justify-content: center;
1910
- -webkit-box-align: center;
1911
- -webkit-align-items: center;
1912
- -moz-box-align: center;
1913
- -ms-flex-align: center;
1914
- align-items: center;
1915
- margin: 5px;
1916
- width: 20px;
1917
- height: 20px;
1918
- cursor: pointer;
1919
- }
1920
-
1921
- /*
1922
- * Custom Navigation Dot
1923
- */
1924
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1925
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1926
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1927
- display: none;
1928
- }
1929
-
1930
- .premium-carousel-wrapper ul.slick-dots svg {
1931
- width: 20px;
1932
- height: 20px;
1933
- outline: none !important;
1934
- }
1935
-
1936
- /* Ripple Out */
1937
- @-webkit-keyframes hvr-ripple-out {
1938
- 0% {
1939
- -webkit-transform: scale(1);
1940
- transform: scale(1);
1941
- opacity: 1;
1942
- }
1943
-
1944
- 100% {
1945
- -webkit-transform: scale(1.5);
1946
- transform: scale(1.5);
1947
- opacity: 0;
1948
- }
1949
- }
1950
-
1951
- @keyframes hvr-ripple-out {
1952
- 0% {
1953
- -webkit-transform: scale(1);
1954
- transform: scale(1);
1955
- opacity: 1;
1956
- }
1957
-
1958
- 100% {
1959
- -webkit-transform: scale(1.5);
1960
- transform: scale(1.5);
1961
- opacity: 0;
1962
- }
1963
- }
1964
-
1965
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1966
- padding-bottom: 1px;
1967
- }
1968
-
1969
- .premium-carousel-ripple-yes ul.slick-dots li,
1970
- .premium-carousel-ripple-yes ul.slick-dots li i {
1971
- position: relative;
1972
- }
1973
-
1974
- .premium-carousel-ripple-yes ul.slick-dots li i {
1975
- z-index: 1;
1976
- }
1977
-
1978
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1979
- content: "";
1980
- position: absolute;
1981
- -webkit-transform: scale(1);
1982
- -ms-transform: scale(1);
1983
- transform: scale(1);
1984
- top: 0;
1985
- left: 0;
1986
- bottom: 0;
1987
- right: 0;
1988
- -webkit-border-radius: 50%;
1989
- border-radius: 50%;
1990
- pointer-events: none;
1991
- background-color: rgba(0, 0, 0, 0.15);
1992
- }
1993
-
1994
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1995
- background-color: rgba(0, 0, 0, 0.3);
1996
- }
1997
-
1998
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1999
- -webkit-animation: hvr-ripple-out 1.3s infinite;
2000
- animation: hvr-ripple-out 1.3s infinite;
2001
- }
2002
-
2003
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2004
- -webkit-transform: scale(1.25, 1.25);
2005
- -ms-transform: scale(1.25, 1.25);
2006
- transform: scale(1.25, 1.25);
2007
- -webkit-transition: all 0.3s ease-in-out !important;
2008
- transition: all 0.3s ease-in-out !important;
2009
- }
2010
-
2011
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2012
- -webkit-transform: scale(1, 1);
2013
- -ms-transform: scale(1, 1);
2014
- transform: scale(1, 1);
2015
- }
2016
-
2017
- [dir="rtl"] .premium-carousel-inner .slick-slide {
2018
- float: right;
2019
- }
2020
-
2021
- /**************** Premium Counter ***************/
2022
- /************************************************/
2023
- .premium-counter-area {
2024
- padding: 10px 0;
2025
- -js-display: flex;
2026
- display: -webkit-box;
2027
- display: -webkit-flex;
2028
- display: -moz-box;
2029
- display: -ms-flexbox;
2030
- display: flex;
2031
- -webkit-box-pack: center;
2032
- -webkit-justify-content: center;
2033
- -moz-box-pack: center;
2034
- -ms-flex-pack: center;
2035
- justify-content: center;
2036
- -webkit-box-align: center;
2037
- -webkit-align-items: center;
2038
- -moz-box-align: center;
2039
- -ms-flex-align: center;
2040
- align-items: center;
2041
- }
2042
-
2043
- .premium-counter-area.top {
2044
- -webkit-box-orient: vertical;
2045
- -webkit-box-direction: normal;
2046
- -webkit-flex-direction: column;
2047
- -moz-box-orient: vertical;
2048
- -moz-box-direction: normal;
2049
- -ms-flex-direction: column;
2050
- flex-direction: column;
2051
- }
2052
-
2053
- .premium-counter-area.right {
2054
- -webkit-box-orient: horizontal;
2055
- -webkit-box-direction: reverse;
2056
- -webkit-flex-direction: row-reverse;
2057
- -moz-box-orient: horizontal;
2058
- -moz-box-direction: reverse;
2059
- -ms-flex-direction: row-reverse;
2060
- flex-direction: row-reverse;
2061
- }
2062
-
2063
- .premium-counter-area.right .premium-counter-icon {
2064
- padding-right: 20px;
2065
- }
2066
-
2067
- .premium-counter-area.left .premium-counter-icon {
2068
- padding-left: 20px;
2069
- }
2070
-
2071
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
2072
- vertical-align: text-top;
2073
- }
2074
-
2075
- .premium-counter-area .premium-counter-icon span.icon {
2076
- text-align: center;
2077
- display: inline-block;
2078
- vertical-align: middle;
2079
- }
2080
-
2081
- .premium-counter-area .premium-counter-icon .circle {
2082
- -webkit-border-radius: 100%;
2083
- border-radius: 100%;
2084
- }
2085
-
2086
- .premium-counter-area .premium-counter-icon img,
2087
- .premium-counter-area .premium-counter-icon svg {
2088
- width: 80px;
2089
- }
2090
-
2091
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2092
- height: 80px;
2093
- }
2094
-
2095
- .premium-counter-area .premium-counter-title p {
2096
- padding: 0;
2097
- margin: 0;
2098
- }
2099
-
2100
- .premium-counter-area .premium-counter-value-wrap {
2101
- -js-display: flex;
2102
- display: -webkit-box;
2103
- display: -webkit-flex;
2104
- display: -moz-box;
2105
- display: -ms-flexbox;
2106
- display: flex;
2107
- -webkit-box-align: center;
2108
- -webkit-align-items: center;
2109
- -moz-box-align: center;
2110
- -ms-flex-align: center;
2111
- align-items: center;
2112
- }
2113
-
2114
- .premium-init-wrapper {
2115
- -js-display: flex;
2116
- display: -webkit-box;
2117
- display: -webkit-flex;
2118
- display: -moz-box;
2119
- display: -ms-flexbox;
2120
- display: flex;
2121
- }
2122
-
2123
- .premium-init-wrapper.row {
2124
- -webkit-box-align: center;
2125
- -webkit-align-items: center;
2126
- -moz-box-align: center;
2127
- -ms-flex-align: center;
2128
- align-items: center;
2129
- }
2130
-
2131
- .premium-init-wrapper.right {
2132
- text-align: right;
2133
- }
2134
-
2135
- span.icon.flex-width {
2136
- width: auto !important;
2137
- height: auto !important;
2138
- }
2139
-
2140
- .premium-counter-area .premium-counter-init {
2141
- font-size: 35px;
2142
- }
2143
-
2144
- /**************** Premium Image Separator ****************/
2145
- /*********************************************************/
2146
- /*Image Separator Container Style*/
2147
- .premium-image-separator-container {
2148
- position: absolute;
2149
- width: 100%;
2150
- z-index: 2;
2151
- top: auto;
2152
- }
2153
-
2154
- .premium-image-separator-container img {
2155
- display: inline-block !important;
2156
- -webkit-mask-repeat: no-repeat;
2157
- mask-repeat: no-repeat;
2158
- -webkit-mask-position: center;
2159
- mask-position: center;
2160
- }
2161
-
2162
- /*Link on Image Style*/
2163
- .premium-image-separator-link {
2164
- position: absolute;
2165
- z-index: 9999;
2166
- top: 0;
2167
- right: 0;
2168
- width: 100%;
2169
- height: 100%;
2170
- text-decoration: none;
2171
- }
2172
-
2173
- /*Important to override Theme options*/
2174
- a.premium-image-separator-link:hover,
2175
- a.premium-image-separator-link:visited,
2176
- a.premium-image-separator-link:focus,
2177
- a.premium-image-separator-link:active {
2178
- -webkit-box-shadow: none !important;
2179
- box-shadow: none !important;
2180
- outline: none !important;
2181
- border: none !important;
2182
- text-decoration: none !important;
2183
- }
2184
-
2185
- .premium-image-separator-container .img-responsive {
2186
- display: inline-block;
2187
- }
2188
-
2189
- .premium-image-separator-container i,
2190
- .premium-image-separator-container>svg {
2191
- padding: 20px;
2192
- -webkit-transition: all 0.3s ease-in-out;
2193
- transition: all 0.3s ease-in-out;
2194
- }
2195
-
2196
- /**************** Premium Modal Box ****************/
2197
- /***************************************************/
2198
- .premium-modal-trigger-btn,
2199
- .premium-modal-box-modal-lower-close {
2200
- display: inline-block;
2201
- padding: 6px 12px;
2202
- margin-bottom: 0;
2203
- font-size: 14px;
2204
- font-weight: normal;
2205
- line-height: 1.42857143;
2206
- text-align: center;
2207
- white-space: nowrap;
2208
- vertical-align: middle;
2209
- -ms-touch-action: manipulation;
2210
- touch-action: manipulation;
2211
- cursor: pointer;
2212
- -webkit-user-select: none;
2213
- -moz-user-select: none;
2214
- -ms-user-select: none;
2215
- user-select: none;
2216
- background-image: none;
2217
- border: 1px solid transparent;
2218
- }
2219
-
2220
- .premium-modal-trigger-btn>svg,
2221
- .premium-modal-trigger-btn .premium-modal-box-icon {
2222
- -webkit-transition: all 0.3s ease-in-out;
2223
- transition: all 0.3s ease-in-out;
2224
- }
2225
-
2226
- .premium-modal-trigger-btn>svg {
2227
- width: 30px;
2228
- height: 30px;
2229
- }
2230
-
2231
- .premium-modal-box-modal-close {
2232
- float: left;
2233
- font-size: 21px;
2234
- font-weight: bold;
2235
- line-height: 1;
2236
- color: #000;
2237
- }
2238
-
2239
- .premium-modal-box-modal-close:hover,
2240
- .premium-modal-box-modal-close:focus {
2241
- color: #000;
2242
- text-decoration: none;
2243
- cursor: pointer;
2244
- }
2245
-
2246
- button.premium-modal-box-modal-close {
2247
- -webkit-appearance: none;
2248
- padding: 0;
2249
- cursor: pointer;
2250
- background: transparent;
2251
- border: 0;
2252
- }
2253
-
2254
- .premium-modal-box-modal {
2255
- position: fixed;
2256
- top: 0;
2257
- left: 0;
2258
- bottom: 0;
2259
- right: 0;
2260
- z-index: 1050;
2261
- display: none;
2262
- -webkit-overflow-scrolling: touch;
2263
- outline: 0;
2264
- padding: 0 !important;
2265
- background: rgba(0, 0, 0, 0.5);
2266
- -webkit-box-align: center;
2267
- -webkit-align-items: center;
2268
- -moz-box-align: center;
2269
- -ms-flex-align: center;
2270
- align-items: center;
2271
- -webkit-box-pack: center;
2272
- -webkit-justify-content: center;
2273
- -moz-box-pack: center;
2274
- -ms-flex-pack: center;
2275
- justify-content: center;
2276
- }
2277
-
2278
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
2279
- position: absolute;
2280
- max-height: -webkit-calc(100vh - 150px);
2281
- max-height: calc(100vh - 150px);
2282
- -js-display: flex;
2283
- display: -webkit-box;
2284
- display: -webkit-flex;
2285
- display: -moz-box;
2286
- display: -ms-flexbox;
2287
- display: flex;
2288
- -webkit-box-orient: vertical;
2289
- -webkit-box-direction: normal;
2290
- -webkit-flex-direction: column;
2291
- -moz-box-orient: vertical;
2292
- -moz-box-direction: normal;
2293
- -ms-flex-direction: column;
2294
- flex-direction: column;
2295
- opacity: 0;
2296
- background-color: #fff;
2297
- border: 1px solid rgba(0, 0, 0, 0.2);
2298
- -webkit-border-radius: 6px;
2299
- border-radius: 6px;
2300
- }
2301
-
2302
- .premium-modal-box-modal-content {
2303
- background-clip: padding-box;
2304
- outline: 0;
2305
- overflow-x: hidden;
2306
- }
2307
-
2308
- .premium-modal-backdrop.premium-in {
2309
- filter: alpha(opacity=50);
2310
- opacity: 0.5 !important;
2311
- }
2312
-
2313
- .premium-modal-fade.premium-in {
2314
- opacity: 1;
2315
- }
2316
-
2317
- .premium-modal-backdrop {
2318
- position: fixed;
2319
- top: 0;
2320
- left: 0;
2321
- bottom: 0;
2322
- right: 0;
2323
- z-index: 1040;
2324
- background-color: #000;
2325
- }
2326
-
2327
- .premium-modal-backdrop.premium-modal-fade {
2328
- filter: alpha(opacity=0);
2329
- opacity: 0;
2330
- }
2331
-
2332
- .premium-modal-fade {
2333
- opacity: 0;
2334
- }
2335
-
2336
- .premium-in {
2337
- -js-display: flex !important;
2338
- display: -webkit-box !important;
2339
- display: -webkit-flex !important;
2340
- display: -moz-box !important;
2341
- display: -ms-flexbox !important;
2342
- display: flex !important;
2343
- }
2344
-
2345
- .premium-modal-box-modal-header {
2346
- -js-display: flex;
2347
- display: -webkit-box;
2348
- display: -webkit-flex;
2349
- display: -moz-box;
2350
- display: -ms-flexbox;
2351
- display: flex;
2352
- -webkit-box-pack: justify;
2353
- -webkit-justify-content: space-between;
2354
- -moz-box-pack: justify;
2355
- -ms-flex-pack: justify;
2356
- justify-content: space-between;
2357
- -webkit-box-align: center;
2358
- -webkit-align-items: center;
2359
- -moz-box-align: center;
2360
- -ms-flex-align: center;
2361
- align-items: center;
2362
- padding: 5px 15px;
2363
- border-bottom: 1px solid #e5e5e5;
2364
- }
2365
-
2366
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2367
- margin-top: -2px;
2368
- }
2369
-
2370
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2371
- -js-display: flex;
2372
- display: -webkit-box;
2373
- display: -webkit-flex;
2374
- display: -moz-box;
2375
- display: -ms-flexbox;
2376
- display: flex;
2377
- -webkit-box-align: center;
2378
- -webkit-align-items: center;
2379
- -moz-box-align: center;
2380
- -ms-flex-align: center;
2381
- align-items: center;
2382
- margin: 0;
2383
- padding: 0;
2384
- }
2385
-
2386
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2387
- width: 50px;
2388
- height: 60px;
2389
- }
2390
-
2391
- .premium-modal-box-modal-body {
2392
- position: relative;
2393
- padding: 15px;
2394
- }
2395
-
2396
- .premium-modal-box-modal-footer {
2397
- padding: 15px;
2398
- text-align: left;
2399
- border-top: 1px solid #e5e5e5;
2400
- }
2401
-
2402
- .premium-modal-scrollbar-measure {
2403
- position: absolute;
2404
- top: -9999px;
2405
- width: 50px;
2406
- height: 50px;
2407
- overflow: scroll;
2408
- }
2409
-
2410
- .premium-modal-trigger-text {
2411
- background: none !important;
2412
- display: inline-block;
2413
- }
2414
-
2415
- .premium-modal-box-container {
2416
- width: 100% !important;
2417
- }
2418
-
2419
- /*Open Modal Button Style*/
2420
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2421
- -js-display: inline-flex;
2422
- display: -webkit-inline-box;
2423
- display: -webkit-inline-flex;
2424
- display: -moz-inline-box;
2425
- display: -ms-inline-flexbox;
2426
- display: inline-flex;
2427
- -webkit-box-align: center;
2428
- -webkit-align-items: center;
2429
- -moz-box-align: center;
2430
- -ms-flex-align: center;
2431
- align-items: center;
2432
- border: none;
2433
- -webkit-transition: all 0.3s ease-in-out;
2434
- transition: all 0.3s ease-in-out;
2435
- }
2436
-
2437
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2438
- -webkit-box-pack: center;
2439
- -webkit-justify-content: center;
2440
- -moz-box-pack: center;
2441
- -ms-flex-pack: center;
2442
- justify-content: center;
2443
- }
2444
-
2445
- .premium-modal-trigger-container .premium-modal-trigger-img,
2446
- .premium-modal-trigger-container .premium-modal-trigger-text,
2447
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2448
- cursor: pointer;
2449
- }
2450
-
2451
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2452
- display: inline-block;
2453
- width: 200px;
2454
- height: 200px;
2455
- -webkit-transition: all 0.3s ease-in-out;
2456
- transition: all 0.3s ease-in-out;
2457
- }
2458
-
2459
- /*Image on Modal Header Style*/
2460
- .premium-modal-box-modal-header img {
2461
- width: 48px;
2462
- padding-left: 5px;
2463
- }
2464
-
2465
- .premium-modal-box-modal-header i,
2466
- .premium-modal-box-modal-header svg {
2467
- padding-left: 6px;
2468
- }
2469
-
2470
- .premium-modal-box-modal-close {
2471
- position: relative;
2472
- z-index: 99;
2473
- }
2474
-
2475
- .premium-modal-trigger-img,
2476
- .premium-modal-trigger-text,
2477
- .premium-modal-box-close-button-container,
2478
- .premium-modal-box-modal-close,
2479
- .premium-modal-box-modal-lower-close {
2480
- -webkit-transition: all 0.3s ease-in-out;
2481
- transition: all 0.3s ease-in-out;
2482
- }
2483
-
2484
- @media (min-width: 768px) {
2485
- .premium-modal-box-modal-dialog {
2486
- width: 700px;
2487
- max-height: 600px;
2488
- overflow: auto;
2489
- }
2490
- }
2491
-
2492
- @media (max-width: 767px) {
2493
- .premium-modal-box-modal-dialog {
2494
- width: 100%;
2495
- max-height: 500px;
2496
- overflow: auto;
2497
- }
2498
- }
2499
-
2500
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2501
- opacity: 0;
2502
- }
2503
-
2504
- /**************** Premium Progress Bar ****************/
2505
- /******************************************************/
2506
- .premium-progressbar-container {
2507
- position: relative;
2508
- }
2509
-
2510
- .premium-progressbar-bar-wrap {
2511
- position: relative;
2512
- text-align: right;
2513
- overflow: hidden;
2514
- height: 25px;
2515
- margin-bottom: 50px;
2516
- background-color: #f5f5f5;
2517
- -webkit-border-radius: 4px;
2518
- border-radius: 4px;
2519
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2520
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2521
- }
2522
-
2523
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2524
- background-color: transparent;
2525
- width: 100%;
2526
- -js-display: flex;
2527
- display: -webkit-box;
2528
- display: -webkit-flex;
2529
- display: -moz-box;
2530
- display: -ms-flexbox;
2531
- display: flex;
2532
- height: auto;
2533
- -webkit-box-shadow: none;
2534
- box-shadow: none;
2535
- }
2536
-
2537
- .premium-progressbar-bar-wrap .progress-segment {
2538
- position: relative;
2539
- width: 25px;
2540
- height: 25px;
2541
- -webkit-border-radius: 50%;
2542
- border-radius: 50%;
2543
- overflow: hidden;
2544
- background-color: #f5f5f5;
2545
- }
2546
-
2547
- .premium-progressbar-bar-wrap .progress-segment.filled {
2548
- background: #6ec1e4;
2549
- }
2550
-
2551
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2552
- margin: 0 4px;
2553
- }
2554
-
2555
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2556
- margin-left: 4px;
2557
- }
2558
-
2559
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2560
- margin-right: 4px;
2561
- }
2562
-
2563
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2564
- position: absolute;
2565
- top: 0;
2566
- right: 0;
2567
- height: 100%;
2568
- background-color: #6ec1e4;
2569
- }
2570
-
2571
- .premium-progressbar-bar {
2572
- float: right;
2573
- width: 0%;
2574
- height: 100%;
2575
- font-size: 12px;
2576
- line-height: 20px;
2577
- background: #6ec1e4;
2578
- text-align: center;
2579
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2580
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2581
- }
2582
-
2583
- .premium-progressbar-striped .premium-progressbar-bar {
2584
- background-image: -webkit-linear-gradient(-135deg,
2585
- rgba(255, 255, 255, 0.15) 25%,
2586
- transparent 25%,
2587
- transparent 50%,
2588
- rgba(255, 255, 255, 0.15) 50%,
2589
- rgba(255, 255, 255, 0.15) 75%,
2590
- transparent 75%,
2591
- transparent);
2592
- background-image: -webkit-linear-gradient(45deg,
2593
- rgba(255, 255, 255, 0.15) 25%,
2594
- transparent 25%,
2595
- transparent 50%,
2596
- rgba(255, 255, 255, 0.15) 50%,
2597
- rgba(255, 255, 255, 0.15) 75%,
2598
- transparent 75%,
2599
- transparent);
2600
- background-image: linear-gradient(45deg,
2601
- rgba(255, 255, 255, 0.15) 25%,
2602
- transparent 25%,
2603
- transparent 50%,
2604
- rgba(255, 255, 255, 0.15) 50%,
2605
- rgba(255, 255, 255, 0.15) 75%,
2606
- transparent 75%,
2607
- transparent);
2608
- -webkit-background-size: 40px 40px;
2609
- background-size: 40px 40px;
2610
- }
2611
-
2612
- .premium-progressbar-active .premium-progressbar-bar {
2613
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2614
- animation: progress-bar-stripes 2s linear infinite;
2615
- }
2616
-
2617
- .premium-progressbar-gradient .premium-progressbar-bar {
2618
- -webkit-background-size: 400% 400% !important;
2619
- background-size: 400% 400% !important;
2620
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2621
- animation: progress-bar-gradient 10s ease-in-out infinite;
2622
- }
2623
-
2624
- .premium-progressbar-bar {
2625
- position: absolute;
2626
- overflow: hidden;
2627
- line-height: 20px;
2628
- }
2629
-
2630
- .premium-progressbar-container .clearfix {
2631
- clear: both;
2632
- }
2633
-
2634
- .premium-progressbar-bar {
2635
- -webkit-transition: width 0s ease-in-out !important;
2636
- transition: width 0s ease-in-out !important;
2637
- }
2638
-
2639
- .premium-progressbar-container p:first-of-type {
2640
- margin: 0;
2641
- float: right;
2642
- }
2643
-
2644
- .premium-progressbar-container p:nth-of-type(2) {
2645
- margin: 0;
2646
- float: left;
2647
- }
2648
-
2649
- .premium-progressbar-name {
2650
- right: 50%;
2651
- top: 0;
2652
- left: 0;
2653
- -webkit-transform: translateX(12.5px);
2654
- -ms-transform: translateX(12.5px);
2655
- transform: translateX(12.5px);
2656
- z-index: 1;
2657
- }
2658
-
2659
- .premium-progressbar-multiple-label {
2660
- position: relative;
2661
- float: right;
2662
- width: 0;
2663
- right: 50%;
2664
- }
2665
-
2666
- .premium-progressbar-center-label {
2667
- position: relative;
2668
- white-space: nowrap;
2669
- }
2670
-
2671
- .premium-progressbar-arrow {
2672
- height: 15px;
2673
- right: 50%;
2674
- display: inline-block;
2675
- border-right: 7px solid transparent;
2676
- border-left: 7px solid transparent;
2677
- border-top: 11px solid;
2678
- -webkit-transform: translateX(50%);
2679
- -ms-transform: translateX(50%);
2680
- transform: translateX(50%);
2681
- }
2682
-
2683
- .premium-progressbar-pin {
2684
- border-right: 1px solid;
2685
- height: 12px;
2686
- right: 50%;
2687
- display: inline-block;
2688
- }
2689
-
2690
- /**
2691
- * Circle Progress Bar
2692
- */
2693
- .premium-progressbar-circle-wrap {
2694
- width: 200px;
2695
- height: 200px;
2696
- position: relative;
2697
- margin: 0 auto;
2698
- }
2699
-
2700
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2701
- position: absolute;
2702
- top: 0;
2703
- right: 0;
2704
- width: 100%;
2705
- height: 100%;
2706
- -webkit-clip-path: inset(0 0 0 50%);
2707
- clip-path: inset(0 0 0 50%);
2708
- }
2709
-
2710
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2711
- position: absolute;
2712
- right: 0;
2713
- top: 0;
2714
- height: 100%;
2715
- width: 100%;
2716
- border-width: 6px;
2717
- border-style: solid;
2718
- border-color: #54595f;
2719
- -webkit-border-radius: 50%;
2720
- border-radius: 50%;
2721
- -webkit-clip-path: inset(0 50% 0 0);
2722
- clip-path: inset(0 50% 0 0);
2723
- }
2724
-
2725
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2726
- -webkit-transform: rotate(0);
2727
- -ms-transform: rotate(0);
2728
- transform: rotate(0);
2729
- }
2730
-
2731
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2732
- -webkit-transform: rotate(-180deg);
2733
- -ms-transform: rotate(-180deg);
2734
- transform: rotate(-180deg);
2735
- visibility: hidden;
2736
- }
2737
-
2738
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2739
- width: 100%;
2740
- height: 100%;
2741
- border: 6px solid #eee;
2742
- -webkit-border-radius: 50%;
2743
- border-radius: 50%;
2744
- }
2745
-
2746
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2747
- position: absolute;
2748
- top: 0;
2749
- right: 0;
2750
- width: 100%;
2751
- height: 100%;
2752
- -js-display: flex;
2753
- display: -webkit-box;
2754
- display: -webkit-flex;
2755
- display: -moz-box;
2756
- display: -ms-flexbox;
2757
- display: flex;
2758
- -webkit-box-orient: vertical;
2759
- -webkit-box-direction: normal;
2760
- -webkit-flex-direction: column;
2761
- -moz-box-orient: vertical;
2762
- -moz-box-direction: normal;
2763
- -ms-flex-direction: column;
2764
- flex-direction: column;
2765
- -webkit-box-pack: center;
2766
- -webkit-justify-content: center;
2767
- -moz-box-pack: center;
2768
- -ms-flex-pack: center;
2769
- justify-content: center;
2770
- -webkit-box-align: center;
2771
- -webkit-align-items: center;
2772
- -moz-box-align: center;
2773
- -ms-flex-align: center;
2774
- align-items: center;
2775
- }
2776
-
2777
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2778
- line-height: 1;
2779
- }
2780
-
2781
- @-webkit-keyframes progress-bar-stripes {
2782
- from {
2783
- background-position: 100% 0;
2784
- }
2785
-
2786
- to {
2787
- background-position: 40px 0;
2788
- }
2789
- }
2790
-
2791
- @keyframes progress-bar-stripes {
2792
- from {
2793
- background-position: 100% 0;
2794
- }
2795
-
2796
- to {
2797
- background-position: 40px 0;
2798
- }
2799
- }
2800
-
2801
- @-webkit-keyframes progress-bar-gradient {
2802
- 0% {
2803
- background-position: 100% 50%;
2804
- }
2805
-
2806
- 50% {
2807
- background-position: 0% 50%;
2808
- }
2809
-
2810
- 100% {
2811
- background-position: 100% 50%;
2812
- }
2813
- }
2814
-
2815
- @keyframes progress-bar-gradient {
2816
- 0% {
2817
- background-position: 100% 50%;
2818
- }
2819
-
2820
- 50% {
2821
- background-position: 0% 50%;
2822
- }
2823
-
2824
- 100% {
2825
- background-position: 100% 50%;
2826
- }
2827
- }
2828
-
2829
- /**************** Premium Testimonials ****************/
2830
- /******************************************************/
2831
- .premium-testimonial-box {
2832
- width: 100%;
2833
- background: transparent;
2834
- -webkit-transition: all 0.3s ease-in-out;
2835
- transition: all 0.3s ease-in-out;
2836
- }
2837
-
2838
- .premium-testimonial-box .premium-testimonial-author-info {
2839
- -js-display: flex;
2840
- display: -webkit-box;
2841
- display: -webkit-flex;
2842
- display: -moz-box;
2843
- display: -ms-flexbox;
2844
- display: flex;
2845
- -webkit-box-pack: center;
2846
- -webkit-justify-content: center;
2847
- -moz-box-pack: center;
2848
- -ms-flex-pack: center;
2849
- justify-content: center;
2850
- -webkit-box-align: center;
2851
- -webkit-align-items: center;
2852
- -moz-box-align: center;
2853
- -ms-flex-align: center;
2854
- align-items: center;
2855
- }
2856
-
2857
- .premium-testimonial-box .premium-testimonial-person-name,
2858
- .premium-testimonial-box .premium-testimonial-company-name {
2859
- font-weight: 600;
2860
- margin: 0;
2861
- }
2862
-
2863
- .premium-testimonial-container {
2864
- position: relative;
2865
- }
2866
-
2867
- .premium-testimonial-img-wrapper {
2868
- margin-right: auto;
2869
- margin-left: auto;
2870
- overflow: hidden;
2871
- border-style: solid !important;
2872
- }
2873
-
2874
- .premium-testimonial-img-wrapper.circle {
2875
- -webkit-border-radius: 50%;
2876
- border-radius: 50%;
2877
- }
2878
-
2879
- .premium-testimonial-img-wrapper.rounded {
2880
- -webkit-border-radius: 15px;
2881
- border-radius: 15px;
2882
- }
2883
-
2884
- .premium-testimonial-img-wrapper img {
2885
- -o-object-fit: cover;
2886
- object-fit: cover;
2887
- width: 100%;
2888
- height: 100% !important;
2889
- }
2890
-
2891
- .premium-testimonial-content-wrapper {
2892
- position: relative;
2893
- display: -ms-flexbox;
2894
- display: -webkit-flex;
2895
- display: -moz-flex;
2896
- display: -ms-flex;
2897
- -js-display: flex;
2898
- display: -webkit-box;
2899
- display: -moz-box;
2900
- display: flex;
2901
- -webkit-box-orient: vertical;
2902
- -webkit-box-direction: normal;
2903
- -webkit-flex-direction: column;
2904
- -moz-box-orient: vertical;
2905
- -moz-box-direction: normal;
2906
- -ms-flex-direction: column;
2907
- flex-direction: column;
2908
- z-index: 2;
2909
- width: 100%;
2910
- padding: 20px;
2911
- text-align: center;
2912
- }
2913
-
2914
- .premium-testimonial-clear-float {
2915
- clear: both;
2916
- }
2917
-
2918
- .premium-testimonial-upper-quote,
2919
- .premium-testimonial-lower-quote {
2920
- position: absolute;
2921
- z-index: 1;
2922
- }
2923
-
2924
- /**************** Premium Dual Heading *****************/
2925
- /*******************************************************/
2926
- .premium-dual-header-first-header,
2927
- .premium-dual-header-second-header {
2928
- position: relative;
2929
- padding: 0;
2930
- margin: 0;
2931
- display: inline-block;
2932
- -webkit-transform: translate(0, 0);
2933
- -ms-transform: translate(0, 0);
2934
- transform: translate(0, 0);
2935
- }
2936
-
2937
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2938
- .premium-dual-header-second-clip {
2939
- -webkit-text-fill-color: transparent;
2940
- -webkit-background-clip: text;
2941
- }
2942
-
2943
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2944
- .premium-dual-header-second-clip.stroke {
2945
- -webkit-text-stroke-color: transparent;
2946
- -webkit-text-fill-color: #fafafa;
2947
- -webkit-text-stroke-width: 2px;
2948
- }
2949
-
2950
- @media (max-width: 500px) {
2951
-
2952
- .premium-dual-header-first-header,
2953
- .premium-dual-header-second-header {
2954
- word-wrap: break-word;
2955
- }
2956
- }
2957
-
2958
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2959
- .premium-dual-header-second-header.gradient {
2960
- -webkit-background-size: 300% 300% !important;
2961
- background-size: 300% 300% !important;
2962
- -webkit-animation: Gradient 10s ease-in-out infinite;
2963
- animation: Gradient 10s ease-in-out infinite;
2964
- }
2965
-
2966
- @-webkit-keyframes Gradient {
2967
- 0% {
2968
- background-position: 100% 50%;
2969
- }
2970
-
2971
- 50% {
2972
- background-position: 0% 50%;
2973
- }
2974
-
2975
- 100% {
2976
- background-position: 100% 50%;
2977
- }
2978
- }
2979
-
2980
- @keyframes Gradient {
2981
- 0% {
2982
- background-position: 100% 50%;
2983
- }
2984
-
2985
- 50% {
2986
- background-position: 0% 50%;
2987
- }
2988
-
2989
- 100% {
2990
- background-position: 100% 50%;
2991
- }
2992
- }
2993
-
2994
- /**************** Premium Title ****************/
2995
- /***********************************************/
2996
- .premium-title-container {
2997
- position: relative;
2998
- width: 100%;
2999
- clear: both;
3000
- overflow: hidden;
3001
- }
3002
-
3003
- .premium-title-container .premium-title-header {
3004
- position: relative;
3005
- margin: 0;
3006
- padding: 10px;
3007
- }
3008
-
3009
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
3010
- -webkit-box-align: center;
3011
- -webkit-align-items: center;
3012
- -moz-box-align: center;
3013
- -ms-flex-align: center;
3014
- align-items: center;
3015
- }
3016
-
3017
- .premium-title-container .premium-title-header svg {
3018
- width: 40px;
3019
- height: 40px;
3020
- }
3021
-
3022
- .premium-title-container .premium-title-header img {
3023
- width: 40px;
3024
- height: 40px;
3025
- -o-object-fit: cover;
3026
- object-fit: cover;
3027
- }
3028
-
3029
- .premium-title-container .premium-title-header a {
3030
- position: absolute;
3031
- top: 0;
3032
- right: 0;
3033
- width: 100%;
3034
- height: 100%;
3035
- }
3036
-
3037
- .premium-title-container .premium-lottie-animation {
3038
- -js-display: flex;
3039
- display: -webkit-box;
3040
- display: -webkit-flex;
3041
- display: -moz-box;
3042
- display: -ms-flexbox;
3043
- display: flex;
3044
- }
3045
-
3046
- .premium-title-icon-row .premium-title-icon {
3047
- margin-left: 10px;
3048
- }
3049
-
3050
- .premium-title-icon-row-reverse .premium-title-icon {
3051
- margin-right: 10px;
3052
- }
3053
-
3054
- .premium-title-style3,
3055
- .premium-title-style4 {
3056
- -js-display: flex;
3057
- display: -webkit-box;
3058
- display: -webkit-flex;
3059
- display: -moz-box;
3060
- display: -ms-flexbox;
3061
- display: flex;
3062
- }
3063
-
3064
- .premium-title-style1,
3065
- .premium-title-style2,
3066
- .premium-title-style5,
3067
- .premium-title-style6,
3068
- .premium-title-style8,
3069
- .premium-title-style9 {
3070
- -js-display: inline-flex;
3071
- display: -webkit-inline-box;
3072
- display: -webkit-inline-flex;
3073
- display: -moz-inline-box;
3074
- display: -ms-inline-flexbox;
3075
- display: inline-flex;
3076
- }
3077
-
3078
- .premium-title-style7 {
3079
- -js-display: inline-flex;
3080
- display: -webkit-inline-box;
3081
- display: -webkit-inline-flex;
3082
- display: -moz-inline-box;
3083
- display: -ms-inline-flexbox;
3084
- display: inline-flex;
3085
- -webkit-box-orient: vertical;
3086
- -webkit-box-direction: normal;
3087
- -webkit-flex-direction: column;
3088
- -moz-box-orient: vertical;
3089
- -moz-box-direction: normal;
3090
- -ms-flex-direction: column;
3091
- flex-direction: column;
3092
- }
3093
-
3094
- .premium-title-style7 .premium-title-style7-inner {
3095
- -js-display: flex;
3096
- display: -webkit-box;
3097
- display: -webkit-flex;
3098
- display: -moz-box;
3099
- display: -ms-flexbox;
3100
- display: flex;
3101
- -webkit-box-align: center;
3102
- -webkit-align-items: center;
3103
- -moz-box-align: center;
3104
- -ms-flex-align: center;
3105
- align-items: center;
3106
- }
3107
-
3108
- .premium-title-style1 {
3109
- border-width: 0;
3110
- border-right: 3px solid #6ec1e4;
3111
- }
3112
-
3113
- .premium-title-container.style2,
3114
- .premium-title-container.style4,
3115
- .premium-title-container.style5,
3116
- .premium-title-container.style6 {
3117
- border-bottom: 3px solid #6ec1e4;
3118
- }
3119
-
3120
- /*Style 6 Header*/
3121
- .premium-title-style6:before {
3122
- position: absolute;
3123
- right: 50%;
3124
- bottom: 0;
3125
- margin-right: -2px;
3126
- content: "";
3127
- border: 3px solid transparent;
3128
- }
3129
-
3130
- /*Style 6 Trinagle*/
3131
- .premium-title-style7-stripe-wrap {
3132
- -js-display: flex;
3133
- display: -webkit-box;
3134
- display: -webkit-flex;
3135
- display: -moz-box;
3136
- display: -ms-flexbox;
3137
- display: flex;
3138
- }
3139
-
3140
- .premium-title-style7:before {
3141
- display: none;
3142
- }
3143
-
3144
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3145
- -webkit-background-size: 125px 125px !important;
3146
- background-size: 125px !important;
3147
- color: rgba(255, 255, 255, 0);
3148
- -webkit-background-clip: text !important;
3149
- background-clip: text !important;
3150
- -webkit-animation-name: pa-shinny-text !important;
3151
- animation-name: pa-shinny-text !important;
3152
- -webkit-animation-duration: var(--animation-speed) !important;
3153
- animation-duration: var(--animation-speed) !important;
3154
- -webkit-animation-iteration-count: infinite !important;
3155
- animation-iteration-count: infinite !important;
3156
- background: var(--base-color) -webkit-gradient(linear,
3157
- left top,
3158
- right top,
3159
- from(var(--base-color)),
3160
- to(var(--base-color)),
3161
- color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3162
- }
3163
-
3164
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3165
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
3166
- animation: pa-blur-shadow 2s 1 alternate;
3167
- }
3168
-
3169
- .premium-title-gradient-yes .premium-title-text,
3170
- .premium-title-gradient-yes .premium-title-icon {
3171
- -webkit-background-clip: text;
3172
- -webkit-text-fill-color: transparent;
3173
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3174
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3175
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3176
- -webkit-animation: pa-text-gradient 8s infinite;
3177
- animation: pa-text-gradient 8s infinite;
3178
- }
3179
-
3180
- .premium-title-clipped .premium-title-header {
3181
- -webkit-text-fill-color: transparent;
3182
- -webkit-background-clip: text;
3183
- background-clip: text;
3184
- }
3185
-
3186
- @-webkit-keyframes pa-shinny-text {
3187
- 0% {
3188
- background-position: 100%;
3189
- }
3190
-
3191
- 100% {
3192
- background-position: -100%;
3193
- }
3194
- }
3195
-
3196
- @keyframes pa-shinny-text {
3197
- 0% {
3198
- background-position: 100%;
3199
- }
3200
-
3201
- 100% {
3202
- background-position: -100%;
3203
- }
3204
- }
3205
-
3206
- @-webkit-keyframes pa-blur-shadow {
3207
- from {
3208
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3209
- color: transparent;
3210
- }
3211
-
3212
- to {
3213
- text-shadow: 0;
3214
- }
3215
- }
3216
-
3217
- @keyframes pa-blur-shadow {
3218
- from {
3219
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3220
- color: transparent;
3221
- }
3222
-
3223
- to {
3224
- text-shadow: 0;
3225
- }
3226
- }
3227
-
3228
- @-webkit-keyframes pa-text-gradient {
3229
-
3230
- 0%,
3231
- 100% {
3232
- -webkit-filter: hue-rotate(0deg);
3233
- filter: hue-rotate(0deg);
3234
- }
3235
-
3236
- 50% {
3237
- -webkit-filter: hue-rotate(360deg);
3238
- filter: hue-rotate(360deg);
3239
- }
3240
- }
3241
-
3242
- @keyframes pa-text-gradient {
3243
-
3244
- 0%,
3245
- 100% {
3246
- -webkit-filter: hue-rotate(0deg);
3247
- filter: hue-rotate(0deg);
3248
- }
3249
-
3250
- 50% {
3251
- -webkit-filter: hue-rotate(360deg);
3252
- filter: hue-rotate(360deg);
3253
- }
3254
- }
3255
-
3256
- /*
3257
- * Common Title/Dual Heading
3258
- */
3259
- .premium-title-bg-text:before {
3260
- position: absolute;
3261
- content: attr(data-background);
3262
- top: 0;
3263
- left: 0;
3264
- text-align: left;
3265
- }
3266
-
3267
- .premium-bg-text-yes .elementor-widget-container:before {
3268
- position: absolute;
3269
- top: 0;
3270
- left: 0;
3271
- text-align: left;
3272
- }
3273
-
3274
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3275
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3276
- background: inherit;
3277
- }
3278
-
3279
- .premium-mask-yes .premium-mask-span {
3280
- position: relative;
3281
- overflow: hidden;
3282
- -js-display: inline-flex !important;
3283
- display: -webkit-inline-box !important;
3284
- display: -webkit-inline-flex !important;
3285
- display: -moz-inline-box !important;
3286
- display: -ms-inline-flexbox !important;
3287
- display: inline-flex !important;
3288
- }
3289
-
3290
- .premium-mask-yes .premium-mask-span::after {
3291
- content: "";
3292
- position: absolute;
3293
- top: 0;
3294
- right: 0px;
3295
- width: 100%;
3296
- height: 100%;
3297
- background-color: currentColor;
3298
- -webkit-backface-visibility: visible;
3299
- backface-visibility: visible;
3300
- }
3301
-
3302
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3303
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3304
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3305
- -webkit-transform: translateX(-103%);
3306
- -ms-transform: translateX(-103%);
3307
- transform: translateX(-103%);
3308
- }
3309
-
3310
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3311
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3312
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3313
- -webkit-transform: translateX(103%);
3314
- -ms-transform: translateX(103%);
3315
- transform: translateX(103%);
3316
- }
3317
-
3318
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3319
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3320
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3321
- -webkit-transform: translateY(-103%);
3322
- -ms-transform: translateY(-103%);
3323
- transform: translateY(-103%);
3324
- }
3325
-
3326
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3327
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3328
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3329
- -webkit-transform: translateY(103%);
3330
- -ms-transform: translateY(103%);
3331
- transform: translateY(103%);
3332
- }
3333
-
3334
- @-webkit-keyframes pa-mask-tr {
3335
- 0% {
3336
- -webkit-transform: translateX(0%);
3337
- transform: translateX(0%);
3338
- }
3339
-
3340
- 100% {
3341
- -webkit-transform: translateX(103%);
3342
- transform: translateX(103%);
3343
- }
3344
- }
3345
-
3346
- @keyframes pa-mask-tr {
3347
- 0% {
3348
- -webkit-transform: translateX(0%);
3349
- transform: translateX(0%);
3350
- }
3351
-
3352
- 100% {
3353
- -webkit-transform: translateX(103%);
3354
- transform: translateX(103%);
3355
- }
3356
- }
3357
-
3358
- @-webkit-keyframes pa-mask-tl {
3359
- 0% {
3360
- -webkit-transform: translateX(0%);
3361
- transform: translateX(0%);
3362
- }
3363
-
3364
- 100% {
3365
- -webkit-transform: translateX(-103%);
3366
- transform: translateX(-103%);
3367
- }
3368
- }
3369
-
3370
- @keyframes pa-mask-tl {
3371
- 0% {
3372
- -webkit-transform: translateX(0%);
3373
- transform: translateX(0%);
3374
- }
3375
-
3376
- 100% {
3377
- -webkit-transform: translateX(-103%);
3378
- transform: translateX(-103%);
3379
- }
3380
- }
3381
-
3382
- @-webkit-keyframes pa-mask-tb {
3383
- 0% {
3384
- -webkit-transform: translateY(0%);
3385
- transform: translateY(0%);
3386
- }
3387
-
3388
- 100% {
3389
- -webkit-transform: translateY(103%);
3390
- transform: translateY(103%);
3391
- }
3392
- }
3393
-
3394
- @keyframes pa-mask-tb {
3395
- 0% {
3396
- -webkit-transform: translateY(0%);
3397
- transform: translateY(0%);
3398
- }
3399
-
3400
- 100% {
3401
- -webkit-transform: translateY(103%);
3402
- transform: translateY(103%);
3403
- }
3404
- }
3405
-
3406
- @-webkit-keyframes pa-mask-tt {
3407
- 0% {
3408
- -webkit-transform: translateY(0%);
3409
- transform: translateY(0%);
3410
- }
3411
-
3412
- 100% {
3413
- -webkit-transform: translateY(-103%);
3414
- transform: translateY(-103%);
3415
- }
3416
- }
3417
-
3418
- @keyframes pa-mask-tt {
3419
- 0% {
3420
- -webkit-transform: translateY(0%);
3421
- transform: translateY(0%);
3422
- }
3423
-
3424
- 100% {
3425
- -webkit-transform: translateY(-103%);
3426
- transform: translateY(-103%);
3427
- }
3428
- }
3429
-
3430
- /**************** Premium Video Box ************/
3431
- /***********************************************/
3432
- .premium-video-box-transform {
3433
- -webkit-transform: none !important;
3434
- -ms-transform: none !important;
3435
- transform: none !important;
3436
- }
3437
-
3438
- .premium-video-box-container {
3439
- -js-display: flex;
3440
- display: -webkit-box;
3441
- display: -webkit-flex;
3442
- display: -moz-box;
3443
- display: -ms-flexbox;
3444
- display: flex;
3445
- -webkit-box-orient: vertical;
3446
- -webkit-box-direction: normal;
3447
- -webkit-flex-direction: column;
3448
- -moz-box-orient: vertical;
3449
- -moz-box-direction: normal;
3450
- -ms-flex-direction: column;
3451
- flex-direction: column;
3452
- }
3453
-
3454
- .premium-video-box-container>div {
3455
- position: relative;
3456
- overflow: hidden;
3457
- }
3458
-
3459
- .pa-aspect-ratio-11 .premium-video-box-container>div {
3460
- padding-bottom: 100%;
3461
- }
3462
-
3463
- .pa-aspect-ratio-169 .premium-video-box-container>div {
3464
- padding-bottom: 56.25%;
3465
- }
3466
-
3467
- .pa-aspect-ratio-43 .premium-video-box-container>div {
3468
- padding-bottom: 75%;
3469
- }
3470
-
3471
- .pa-aspect-ratio-32 .premium-video-box-container>div {
3472
- padding-bottom: 66.6666%;
3473
- }
3474
-
3475
- .pa-aspect-ratio-219 .premium-video-box-container>div {
3476
- padding-bottom: 42.8571%;
3477
- }
3478
-
3479
- .pa-aspect-ratio-916 .premium-video-box-container>div {
3480
- padding-bottom: 177.8%;
3481
- }
3482
-
3483
- .premium-video-box-image-container {
3484
- position: absolute;
3485
- top: 0;
3486
- right: 0;
3487
- bottom: 0;
3488
- left: 0;
3489
- width: 100%;
3490
- height: 100%;
3491
- -webkit-background-size: cover;
3492
- background-size: cover;
3493
- background-position: 50%;
3494
- cursor: pointer;
3495
- margin: auto;
3496
- -webkit-transition: 0.2s all;
3497
- transition: 0.2s all;
3498
- }
3499
-
3500
- .premium-video-box-play-icon-container {
3501
- position: absolute;
3502
- z-index: 2;
3503
- cursor: pointer;
3504
- -webkit-transform: translate(50%, -50%);
3505
- -ms-transform: translate(50%, -50%);
3506
- transform: translate(50%, -50%);
3507
- background: rgba(252, 252, 252, 0.35);
3508
- }
3509
-
3510
- .premium-video-box-description-container {
3511
- position: absolute;
3512
- z-index: 2;
3513
- padding: 5px;
3514
- text-align: center;
3515
- cursor: pointer;
3516
- -webkit-transform: translate(50%, -50%);
3517
- -ms-transform: translate(50%, -50%);
3518
- transform: translate(50%, -50%);
3519
- }
3520
-
3521
- .premium-video-box-text {
3522
- margin-bottom: 0 !important;
3523
- -webkit-transition: all 0.3s ease-in-out;
3524
- transition: all 0.3s ease-in-out;
3525
- }
3526
-
3527
- .premium-video-box-play-icon {
3528
- padding: 15px;
3529
- -webkit-transform: translateX(-4%);
3530
- -ms-transform: translateX(-4%);
3531
- transform: translateX(-4%);
3532
- -webkit-transition: all 0.3s ease-in-out;
3533
- transition: all 0.3s ease-in-out;
3534
- }
3535
-
3536
- .premium-video-box-video-container {
3537
- position: absolute;
3538
- top: 0;
3539
- right: 0;
3540
- z-index: 2;
3541
- width: 100%;
3542
- height: 100%;
3543
- -webkit-transition: opacity 0.8s ease-in-out;
3544
- transition: opacity 0.8s ease-in-out;
3545
- overflow: hidden;
3546
- cursor: pointer;
3547
- }
3548
-
3549
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3550
- opacity: 0;
3551
- visibility: hidden;
3552
- }
3553
-
3554
- .premium-video-box-video-container iframe {
3555
- max-width: 100%;
3556
- width: 100%;
3557
- height: 100%;
3558
- margin: 0;
3559
- line-height: 1;
3560
- border: none;
3561
- }
3562
-
3563
- .premium-video-box-video-container video {
3564
- max-width: 100%;
3565
- width: 100%;
3566
- height: 100%;
3567
- margin: 0;
3568
- line-height: 1;
3569
- border: none;
3570
- background-color: #000;
3571
- -o-object-fit: contain;
3572
- object-fit: contain;
3573
- }
3574
-
3575
- .premium-video-box-container .premium-video-box-vimeo-wrap {
3576
- -js-display: flex;
3577
- display: -webkit-box;
3578
- display: -webkit-flex;
3579
- display: -moz-box;
3580
- display: -ms-flexbox;
3581
- display: flex;
3582
- position: absolute;
3583
- top: 0;
3584
- right: 0;
3585
- z-index: 3;
3586
- margin: 10px;
3587
- margin-left: 10px;
3588
- -webkit-transition: opacity 0.2s ease-out;
3589
- transition: opacity 0.2s ease-out;
3590
- margin-left: 4.6em;
3591
- }
3592
-
3593
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3594
- width: 60px;
3595
- height: 60px;
3596
- background: rgba(23, 35, 34, 0.75);
3597
- margin-left: 1px;
3598
- -webkit-box-flex: 1;
3599
- -webkit-flex: 1 0 auto;
3600
- -moz-box-flex: 1;
3601
- -ms-flex: 1 0 auto;
3602
- flex: 1 0 auto;
3603
- padding: 0;
3604
- }
3605
-
3606
- .premium-video-box-vimeo-portrait img {
3607
- width: 50px;
3608
- height: 50px;
3609
- margin: 5px;
3610
- padding: 0;
3611
- border: 0;
3612
- -webkit-border-radius: 50%;
3613
- border-radius: 50%;
3614
- }
3615
-
3616
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3617
- font-size: 10px;
3618
- }
3619
-
3620
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3621
- max-width: 100%;
3622
- font-size: 2em !important;
3623
- font-weight: 700;
3624
- margin: 0;
3625
- padding: 0.1em 0.2em;
3626
- background: rgba(23, 35, 34, 0.75);
3627
- display: inline-block;
3628
- text-transform: none;
3629
- line-height: normal;
3630
- letter-spacing: normal;
3631
- }
3632
-
3633
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3634
- font-size: 1.2em !important;
3635
- font-weight: 400;
3636
- color: #fff;
3637
- margin-top: 0.1em;
3638
- padding: 0.2em 0.5em;
3639
- background: rgba(23, 35, 34, 0.75);
3640
- text-transform: none;
3641
- line-height: normal;
3642
- letter-spacing: normal;
3643
- }
3644
-
3645
- .premium-video-box-playlist-container {
3646
- -js-display: flex;
3647
- display: -webkit-box;
3648
- display: -webkit-flex;
3649
- display: -moz-box;
3650
- display: -ms-flexbox;
3651
- display: flex;
3652
- -webkit-flex-wrap: wrap;
3653
- -ms-flex-wrap: wrap;
3654
- flex-wrap: wrap;
3655
- }
3656
-
3657
- .premium-video-box-playlist-container .premium-video-box-container {
3658
- height: 100%;
3659
- overflow: hidden;
3660
- }
3661
-
3662
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3663
- -webkit-transform: scale(1.1);
3664
- -ms-transform: scale(1.1);
3665
- transform: scale(1.1);
3666
- }
3667
-
3668
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3669
- -webkit-transform: scale(1);
3670
- -ms-transform: scale(1);
3671
- transform: scale(1);
3672
- }
3673
-
3674
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3675
- -webkit-transform: scale(1.3) rotate(-5deg);
3676
- -ms-transform: scale(1.3) rotate(-5deg);
3677
- transform: scale(1.3) rotate(-5deg);
3678
- }
3679
-
3680
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3681
- -webkit-filter: grayscale(0%);
3682
- filter: grayscale(0%);
3683
- }
3684
-
3685
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3686
- -webkit-filter: blur(3px);
3687
- filter: blur(3px);
3688
- }
3689
-
3690
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3691
- -webkit-filter: sepia(0%);
3692
- filter: sepia(0%);
3693
- }
3694
-
3695
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3696
- -webkit-transform: translateX(0px) scale(1.1);
3697
- -ms-transform: translateX(0px) scale(1.1);
3698
- transform: translateX(0px) scale(1.1);
3699
- }
3700
-
3701
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3702
- -webkit-filter: brightness(1.2);
3703
- filter: brightness(1.2);
3704
- }
3705
-
3706
- .premium-video-box-image-container.gray {
3707
- -webkit-filter: grayscale(100%);
3708
- filter: grayscale(100%);
3709
- }
3710
-
3711
- .premium-video-box-image-container.zoomout,
3712
- .premium-video-box-image-container.scale {
3713
- -webkit-transform: scale(1.2);
3714
- -ms-transform: scale(1.2);
3715
- transform: scale(1.2);
3716
- }
3717
-
3718
- .premium-video-box-image-container.sepia {
3719
- -webkit-filter: sepia(30%);
3720
- filter: sepia(30%);
3721
- }
3722
-
3723
- .premium-video-box-image-container.bright {
3724
- -webkit-filter: brightness(1);
3725
- filter: brightness(1);
3726
- }
3727
-
3728
- .premium-video-box-image-container.trans {
3729
- -webkit-transform: translateX(15px) scale(1.1);
3730
- -ms-transform: translateX(15px) scale(1.1);
3731
- transform: translateX(15px) scale(1.1);
3732
- }
3733
-
3734
- .premium-video-box-mask-media {
3735
- -webkit-mask-repeat: no-repeat;
3736
- mask-repeat: no-repeat;
3737
- }
3738
-
3739
- /* Sticky Video Option */
3740
- .premium-video-box-container.premium-video-box-sticky-apply {
3741
- z-index: 99;
3742
- overflow: unset;
3743
- }
3744
-
3745
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3746
- position: fixed !important;
3747
- z-index: 99999;
3748
- height: 225px;
3749
- width: 400px;
3750
- background: #fff;
3751
- }
3752
-
3753
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3754
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3755
- visibility: hidden;
3756
- }
3757
-
3758
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3759
- -webkit-box-shadow: unset;
3760
- box-shadow: unset;
3761
- }
3762
-
3763
- .premium-video-box-sticky-close,
3764
- .premium-video-box-sticky-infobar {
3765
- display: none;
3766
- }
3767
-
3768
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3769
- position: absolute;
3770
- padding: 5px;
3771
- cursor: pointer;
3772
- z-index: 99999;
3773
- height: 14px;
3774
- width: 14px;
3775
- -webkit-box-sizing: content-box;
3776
- -moz-box-sizing: content-box;
3777
- box-sizing: content-box;
3778
- -webkit-border-radius: 100%;
3779
- border-radius: 100%;
3780
- -js-display: flex;
3781
- display: -webkit-box;
3782
- display: -webkit-flex;
3783
- display: -moz-box;
3784
- display: -ms-flexbox;
3785
- display: flex;
3786
- -webkit-box-pack: center;
3787
- -webkit-justify-content: center;
3788
- -moz-box-pack: center;
3789
- -ms-flex-pack: center;
3790
- justify-content: center;
3791
- -webkit-box-align: center;
3792
- -webkit-align-items: center;
3793
- -moz-box-align: center;
3794
- -ms-flex-align: center;
3795
- align-items: center;
3796
- }
3797
-
3798
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3799
- -js-display: flex;
3800
- display: -webkit-box;
3801
- display: -webkit-flex;
3802
- display: -moz-box;
3803
- display: -ms-flexbox;
3804
- display: flex;
3805
- }
3806
-
3807
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3808
- -webkit-transition: none;
3809
- transition: none;
3810
- }
3811
-
3812
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3813
- display: block;
3814
- position: relative;
3815
- top: 100%;
3816
- width: 100%;
3817
- padding: 5px;
3818
- text-align: center;
3819
- z-index: 9999;
3820
- margin-top: -1px;
3821
- }
3822
-
3823
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3824
- cursor: move;
3825
- }
3826
-
3827
- .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3828
- left: auto;
3829
- right: 20px;
3830
- top: 20px;
3831
- }
3832
-
3833
- .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3834
- left: auto;
3835
- right: 20px;
3836
- bottom: 20px;
3837
- }
3838
-
3839
- .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3840
- right: auto;
3841
- left: 20px;
3842
- top: 20px;
3843
- }
3844
-
3845
- .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3846
- right: auto;
3847
- left: 20px;
3848
- bottom: 20px;
3849
- }
3850
-
3851
- .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3852
- left: auto;
3853
- right: 20px;
3854
- top: 50%;
3855
- -webkit-transform: translateY(-50%);
3856
- -ms-transform: translateY(-50%);
3857
- transform: translateY(-50%);
3858
- }
3859
-
3860
- .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3861
- right: auto;
3862
- left: 20px;
3863
- top: 50%;
3864
- -webkit-transform: translateY(-50%);
3865
- -ms-transform: translateY(-50%);
3866
- transform: translateY(-50%);
3867
- }
3868
-
3869
- .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3870
- .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3871
- bottom: 55px;
3872
- }
3873
-
3874
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3875
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3876
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3877
- top: -10px;
3878
- left: -10px;
3879
- }
3880
-
3881
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3882
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3883
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3884
- top: -10px;
3885
- right: -10px;
3886
- }
3887
-
3888
- .premium-video-box-filter-sticky {
3889
- -webkit-filter: none !important;
3890
- filter: none !important;
3891
- }
3892
-
3893
- /**************** Premium Blog *****************/
3894
- /***********************************************/
3895
- .premium-blog-thumb-effect-wrapper {
3896
- position: relative;
3897
- overflow: hidden;
3898
- }
3899
-
3900
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3901
- position: absolute;
3902
- top: 0;
3903
- right: 0;
3904
- width: 100%;
3905
- height: 100%;
3906
- z-index: 2;
3907
- padding: 20px;
3908
- }
3909
-
3910
- .premium-blog-bordered-effect .premium-blog-post-link {
3911
- display: block;
3912
- height: 100%;
3913
- position: relative;
3914
- }
3915
-
3916
- /*Thumbnail Img*/
3917
- .premium-blog-thumbnail-container {
3918
- overflow: hidden;
3919
- }
3920
-
3921
- .premium-blog-thumbnail-container img,
3922
- .premium-blog-thumbnail-container .below-entry-meta {
3923
- width: 100%;
3924
- height: 100%;
3925
- margin: 0 !important;
3926
- -webkit-transition: all 0.4s ease-in-out;
3927
- transition: all 0.4s ease-in-out;
3928
- }
3929
-
3930
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3931
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3932
- -webkit-transform: scale(1.2);
3933
- -ms-transform: scale(1.2);
3934
- transform: scale(1.2);
3935
- }
3936
-
3937
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3938
- -webkit-filter: sepia(30%);
3939
- filter: sepia(30%);
3940
- }
3941
-
3942
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3943
- -webkit-filter: brightness(1);
3944
- filter: brightness(1);
3945
- }
3946
-
3947
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3948
- -webkit-transform: translateX(15px) scale(1.1);
3949
- -ms-transform: translateX(15px) scale(1.1);
3950
- transform: translateX(15px) scale(1.1);
3951
- }
3952
-
3953
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3954
- -webkit-transform: scale(1.2);
3955
- -ms-transform: scale(1.2);
3956
- transform: scale(1.2);
3957
- }
3958
-
3959
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3960
- -webkit-transform: scale(1.1);
3961
- -ms-transform: scale(1.1);
3962
- transform: scale(1.1);
3963
- }
3964
-
3965
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3966
- -webkit-transform: scale(1.3) rotate(-5deg);
3967
- -ms-transform: scale(1.3) rotate(-5deg);
3968
- transform: scale(1.3) rotate(-5deg);
3969
- }
3970
-
3971
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3972
- -webkit-filter: grayscale(100%);
3973
- filter: grayscale(100%);
3974
- }
3975
-
3976
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3977
- -webkit-filter: blur(3px);
3978
- filter: blur(3px);
3979
- }
3980
-
3981
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3982
- -webkit-filter: sepia(0%);
3983
- filter: sepia(0%);
3984
- }
3985
-
3986
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3987
- -webkit-filter: brightness(1.2);
3988
- filter: brightness(1.2);
3989
- }
3990
-
3991
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3992
- -webkit-transform: translateX(0px) scale(1.1);
3993
- -ms-transform: translateX(0px) scale(1.1);
3994
- transform: translateX(0px) scale(1.1);
3995
- }
3996
-
3997
- .premium-blog-post-container {
3998
- overflow: hidden;
3999
- }
4000
-
4001
- .premium-blog-post-container .premium-blog-inner-container {
4002
- -js-display: flex;
4003
- display: -webkit-box;
4004
- display: -webkit-flex;
4005
- display: -moz-box;
4006
- display: -ms-flexbox;
4007
- display: flex;
4008
- direction: rtl;
4009
- }
4010
-
4011
- .premium-blog-post-container .premium-blog-post-content {
4012
- line-height: 1.5em;
4013
- color: #777;
4014
- font-size: 14px;
4015
- margin-bottom: 10px;
4016
- }
4017
-
4018
- .premium-blog-post-container ul.post-categories a:hover,
4019
- .premium-blog-post-container ul.post-categories a:focus,
4020
- .premium-blog-post-container .premium-blog-post-link:hover,
4021
- .premium-blog-post-container .premium-blog-post-link:focus {
4022
- -webkit-box-shadow: none !important;
4023
- box-shadow: none !important;
4024
- outline: none !important;
4025
- }
4026
-
4027
- .premium-blog-post-container .premium-blog-entry-title {
4028
- font-size: 18px;
4029
- margin-bottom: 5px;
4030
- }
4031
-
4032
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4033
- position: relative;
4034
- z-index: 3;
4035
- top: -50px;
4036
- }
4037
-
4038
- .premium-blog-post-container .premium-blog-content-wrapper {
4039
- background-color: #f5f5f5;
4040
- padding: 30px;
4041
- }
4042
-
4043
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4044
- top: 0;
4045
- }
4046
-
4047
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4048
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4049
- position: absolute;
4050
- content: "";
4051
- z-index: 1;
4052
- top: 50%;
4053
- right: 50%;
4054
- opacity: 0;
4055
- -webkit-transform: translate(50%, -50%);
4056
- -ms-transform: translate(50%, -50%);
4057
- transform: translate(50%, -50%);
4058
- -webkit-transition: all 0.4s linear 0s;
4059
- transition: all 0.4s linear 0s;
4060
- height: 1px;
4061
- width: 100%;
4062
- background-color: #fff;
4063
- }
4064
-
4065
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4066
- width: 1px;
4067
- height: 100%;
4068
- }
4069
-
4070
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4071
- width: 20px;
4072
- opacity: 1;
4073
- }
4074
-
4075
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4076
- height: 20px;
4077
- opacity: 1;
4078
- }
4079
-
4080
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4081
- margin: 0px 10px 20px;
4082
- clear: both;
4083
- }
4084
-
4085
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4086
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4087
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4088
- position: absolute;
4089
- top: 0;
4090
- right: 0;
4091
- width: 100%;
4092
- height: 100%;
4093
- -webkit-transition: all 0.3s ease-in-out;
4094
- transition: all 0.3s ease-in-out;
4095
- opacity: 0;
4096
- }
4097
-
4098
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4099
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4100
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4101
- -js-display: flex;
4102
- display: -webkit-box;
4103
- display: -webkit-flex;
4104
- display: -moz-box;
4105
- display: -ms-flexbox;
4106
- display: flex;
4107
- -webkit-box-pack: center;
4108
- -webkit-justify-content: center;
4109
- -moz-box-pack: center;
4110
- -ms-flex-pack: center;
4111
- justify-content: center;
4112
- -webkit-box-align: center;
4113
- -webkit-align-items: center;
4114
- -moz-box-align: center;
4115
- -ms-flex-align: center;
4116
- align-items: center;
4117
- width: 100%;
4118
- height: 100%;
4119
- }
4120
-
4121
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4122
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4123
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4124
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4125
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4126
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4127
- -webkit-transition: all 0.3s ease-in-out;
4128
- transition: all 0.3s ease-in-out;
4129
- }
4130
-
4131
- .premium-blog-post-container.premium-blog-skin-side {
4132
- -js-display: flex;
4133
- display: -webkit-box;
4134
- display: -webkit-flex;
4135
- display: -moz-box;
4136
- display: -ms-flexbox;
4137
- display: flex;
4138
- }
4139
-
4140
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4141
- height: 100%;
4142
- }
4143
-
4144
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4145
- -webkit-box-flex: 1;
4146
- -webkit-flex: 1;
4147
- -moz-box-flex: 1;
4148
- -ms-flex: 1;
4149
- flex: 1;
4150
- }
4151
-
4152
- .premium-blog-post-container.premium-blog-skin-banner {
4153
- position: relative;
4154
- }
4155
-
4156
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4157
- position: absolute;
4158
- width: 100%;
4159
- bottom: 0;
4160
- -js-display: flex;
4161
- display: -webkit-box;
4162
- display: -webkit-flex;
4163
- display: -moz-box;
4164
- display: -ms-flexbox;
4165
- display: flex;
4166
- -webkit-box-orient: vertical;
4167
- -webkit-box-direction: normal;
4168
- -webkit-flex-direction: column;
4169
- -moz-box-orient: vertical;
4170
- -moz-box-direction: normal;
4171
- -ms-flex-direction: column;
4172
- flex-direction: column;
4173
- background-color: transparent;
4174
- z-index: 3;
4175
- }
4176
-
4177
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4178
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
4179
- transition: -webkit-transform 0.3s ease-in-out;
4180
- transition: transform 0.3s ease-in-out;
4181
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4182
- }
4183
-
4184
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4185
- -webkit-transform: translateY(-5px);
4186
- -ms-transform: translateY(-5px);
4187
- transform: translateY(-5px);
4188
- }
4189
-
4190
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4191
- margin: 0;
4192
- padding: 0;
4193
- list-style: none;
4194
- -js-display: flex;
4195
- display: -webkit-box;
4196
- display: -webkit-flex;
4197
- display: -moz-box;
4198
- display: -ms-flexbox;
4199
- display: flex;
4200
- }
4201
-
4202
- .premium-blog-post-container .premium-blog-cats-container a {
4203
- display: block;
4204
- font-size: 12px;
4205
- color: #fff;
4206
- background-color: #777;
4207
- margin: 0 0 10px 3px;
4208
- padding: 5px;
4209
- -webkit-transition: all 0.3s ease-in-out;
4210
- transition: all 0.3s ease-in-out;
4211
- }
4212
-
4213
- /*
4214
- * Diagonal Effect
4215
- */
4216
- .premium-blog-diagonal-container {
4217
- position: absolute;
4218
- top: 0;
4219
- right: 0;
4220
- width: 100%;
4221
- height: 100%;
4222
- }
4223
-
4224
- .premium-blog-diagonal-effect:before {
4225
- position: absolute;
4226
- top: 0px;
4227
- right: 0px;
4228
- width: 100%;
4229
- height: 100%;
4230
- content: " ";
4231
- z-index: 1;
4232
- background: rgba(255, 255, 255, 0.2);
4233
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4234
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4235
- -webkit-transition: all 0.3s linear 0s;
4236
- transition: all 0.3s linear 0s;
4237
- }
4238
-
4239
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4240
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4241
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4242
- }
4243
-
4244
- /*
4245
- * Framed Effect
4246
- */
4247
- .premium-blog-framed-effect {
4248
- position: absolute;
4249
- width: -webkit-calc(100% - 30px);
4250
- width: calc(100% - 30px);
4251
- height: -webkit-calc(100% - 30px);
4252
- height: calc(100% - 30px);
4253
- top: 15px;
4254
- right: 15px;
4255
- opacity: 0;
4256
- -webkit-transform: scale(0.3);
4257
- -ms-transform: scale(0.3);
4258
- transform: scale(0.3);
4259
- -webkit-transition: all 0.3s linear 0s;
4260
- transition: all 0.3s linear 0s;
4261
- }
4262
-
4263
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4264
- opacity: 0.99;
4265
- -webkit-transform: scale(1);
4266
- -ms-transform: scale(1);
4267
- transform: scale(1);
4268
- }
4269
-
4270
- /*
4271
- * Bordered Effect
4272
- */
4273
- .premium-blog-bordered-effect {
4274
- position: absolute;
4275
- top: 0;
4276
- right: 0;
4277
- width: 100%;
4278
- height: 100%;
4279
- opacity: 0;
4280
- padding: 15px;
4281
- -webkit-transition: all 0.3s linear 0s;
4282
- transition: all 0.3s linear 0s;
4283
- }
4284
-
4285
- .premium-blog-bordered-effect .premium-blog-post-link:before,
4286
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4287
- content: "";
4288
- display: block;
4289
- position: absolute;
4290
- top: 0;
4291
- right: 0;
4292
- width: 100%;
4293
- height: 100%;
4294
- -webkit-transition: all 0.5s linear 0s;
4295
- transition: all 0.5s linear 0s;
4296
- -webkit-transition-delay: 0s;
4297
- transition-delay: 0s;
4298
- border-color: rgba(255, 255, 255, 0.45);
4299
- }
4300
-
4301
- .premium-blog-bordered-effect .premium-blog-post-link:before {
4302
- border-left: 2px solid;
4303
- border-right: 2px solid;
4304
- -webkit-transform: scale(1, 0);
4305
- -ms-transform: scale(1, 0);
4306
- transform: scale(1, 0);
4307
- -webkit-transform-origin: 0% 0;
4308
- -ms-transform-origin: 0% 0;
4309
- transform-origin: 0% 0;
4310
- }
4311
-
4312
- .premium-blog-bordered-effect .premium-blog-post-link:after {
4313
- border-top: 2px solid;
4314
- border-bottom: 2px solid;
4315
- -webkit-transform: scale(0, 1);
4316
- -ms-transform: scale(0, 1);
4317
- transform: scale(0, 1);
4318
- -webkit-transform-origin: 100% 0;
4319
- -ms-transform-origin: 100% 0;
4320
- transform-origin: 100% 0;
4321
- }
4322
-
4323
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4324
- opacity: 0.99;
4325
- }
4326
-
4327
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4328
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4329
- -webkit-transition-delay: 0.15s;
4330
- transition-delay: 0.15s;
4331
- opacity: 1;
4332
- -webkit-transform: scale(1);
4333
- -ms-transform: scale(1);
4334
- transform: scale(1);
4335
- }
4336
-
4337
- /*
4338
- * Squares Effect
4339
- */
4340
- .premium-blog-squares-effect,
4341
- .premium-blog-squares-square-container {
4342
- position: absolute;
4343
- top: 0;
4344
- right: 0;
4345
- width: 100%;
4346
- height: 100%;
4347
- }
4348
-
4349
- .premium-blog-squares-effect:before,
4350
- .premium-blog-squares-effect:after {
4351
- position: absolute;
4352
- content: "";
4353
- top: 0;
4354
- right: 0;
4355
- width: 50%;
4356
- height: 50%;
4357
- -webkit-transform: translate(100%, -100%);
4358
- -ms-transform: translate(100%, -100%);
4359
- transform: translate(100%, -100%);
4360
- opacity: 0.7;
4361
- -webkit-transition: all 0.3s linear 0s;
4362
- transition: all 0.3s linear 0s;
4363
- }
4364
-
4365
- .premium-blog-squares-square-container:before,
4366
- .premium-blog-squares-square-container:after {
4367
- position: absolute;
4368
- content: "";
4369
- top: 0;
4370
- right: 0;
4371
- width: 50%;
4372
- height: 50%;
4373
- -webkit-transform: translate(100%, -100%);
4374
- -ms-transform: translate(100%, -100%);
4375
- transform: translate(100%, -100%);
4376
- opacity: 0.7;
4377
- -webkit-transition: all 0.3s linear 0s;
4378
- transition: all 0.3s linear 0s;
4379
- }
4380
-
4381
- .premium-blog-squares-square-container:before,
4382
- .premium-blog-squares-square-container:after {
4383
- opacity: 0.8;
4384
- }
4385
-
4386
- .premium-blog-squares-effect:after {
4387
- -webkit-transform: translate(-200%, 200%);
4388
- -ms-transform: translate(-200%, 200%);
4389
- transform: translate(-200%, 200%);
4390
- }
4391
-
4392
- .premium-blog-squares-square-container:before {
4393
- -webkit-transform: translate(100%, 200%);
4394
- -ms-transform: translate(100%, 200%);
4395
- transform: translate(100%, 200%);
4396
- }
4397
-
4398
- .premium-blog-squares-square-container:after {
4399
- -webkit-transform: translate(-200%, -100%);
4400
- -ms-transform: translate(-200%, -100%);
4401
- transform: translate(-200%, -100%);
4402
- }
4403
-
4404
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4405
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4406
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4407
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4408
- }
4409
-
4410
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4411
- -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4412
- -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4413
- transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4414
- }
4415
-
4416
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4417
- -webkit-transform: translate(0, 100%);
4418
- -ms-transform: translate(0, 100%);
4419
- transform: translate(0, 100%);
4420
- }
4421
-
4422
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4423
- -webkit-transform: translate(-100%, 0%);
4424
- -ms-transform: translate(-100%, 0%);
4425
- transform: translate(-100%, 0%);
4426
- }
4427
-
4428
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4429
- opacity: 1;
4430
- }
4431
-
4432
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4433
- opacity: 1;
4434
- -webkit-transform: scale(1);
4435
- -ms-transform: scale(1);
4436
- transform: scale(1);
4437
- }
4438
-
4439
- .premium-blog-clear-fix {
4440
- clear: both;
4441
- }
4442
-
4443
- .premium-blog-masked .premium-blog-thumbnail-container {
4444
- position: relative;
4445
- overflow: visible;
4446
- }
4447
-
4448
- .premium-blog-masked .premium-blog-thumbnail-container svg {
4449
- position: absolute;
4450
- height: 100px;
4451
- width: 100%;
4452
- bottom: -5px;
4453
- right: 0;
4454
- fill: #f5f5f5;
4455
- z-index: 99;
4456
- }
4457
-
4458
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4459
- -webkit-transform: rotate(180deg);
4460
- -ms-transform: rotate(180deg);
4461
- transform: rotate(180deg);
4462
- }
4463
-
4464
- .premium-blog-masked .premium-blog-author-thumbnail,
4465
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4466
- z-index: 999 !important;
4467
- }
4468
-
4469
- /*Post Format Container*/
4470
- .premium-blog-format-link {
4471
- padding: 5px;
4472
- line-height: 0;
4473
- }
4474
-
4475
- /*Post Format Icon*/
4476
- /*Post Format Content Margin */
4477
- .premium-blog-entry-meta {
4478
- line-height: 1.3em;
4479
- font-size: 12px;
4480
- margin-bottom: 13px;
4481
- color: #adadad;
4482
- }
4483
-
4484
- .premium-blog-entry-meta i {
4485
- margin-left: 3px;
4486
- -webkit-transition: all 0.3s ease-in-out;
4487
- transition: all 0.3s ease-in-out;
4488
- }
4489
-
4490
- .premium-blog-meta-data {
4491
- display: inline-block;
4492
- }
4493
-
4494
- .premium-blog-meta-data .premium-blog-meta-separator {
4495
- margin: 0 5px;
4496
- }
4497
-
4498
- .premium-blog-meta-data a,
4499
- .premium-blog-meta-data span {
4500
- color: inherit;
4501
- -webkit-transition: all 0.3s ease-in-out;
4502
- transition: all 0.3s ease-in-out;
4503
- }
4504
-
4505
- .premium-blog-author-thumbnail {
4506
- position: relative;
4507
- padding: 0 30px;
4508
- width: 100%;
4509
- top: -10px;
4510
- height: 0;
4511
- pointer-events: none;
4512
- }
4513
-
4514
- .premium-blog-author-thumbnail img {
4515
- -webkit-border-radius: 50%;
4516
- border-radius: 50%;
4517
- width: 60px;
4518
- pointer-events: all;
4519
- -webkit-transform: translateY(-50%);
4520
- -ms-transform: translateY(-50%);
4521
- transform: translateY(-50%);
4522
- }
4523
-
4524
- .premium-blog-entry-title a,
4525
- .premium-blog-post-tags-container a,
4526
- .premium-blog-post-content .premium-blog-excerpt-link {
4527
- -webkit-transition: all 0.3s ease-in-out;
4528
- transition: all 0.3s ease-in-out;
4529
- }
4530
-
4531
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4532
- background-color: transparent;
4533
- color: #54595f;
4534
- padding: 0;
4535
- }
4536
-
4537
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4538
- width: 100%;
4539
- }
4540
-
4541
- .premium-blog-post-tags-container {
4542
- margin-top: 8px;
4543
- -js-display: flex;
4544
- display: -webkit-box;
4545
- display: -webkit-flex;
4546
- display: -moz-box;
4547
- display: -ms-flexbox;
4548
- display: flex;
4549
- -webkit-box-align: center;
4550
- -webkit-align-items: center;
4551
- -moz-box-align: center;
4552
- -ms-flex-align: center;
4553
- align-items: center;
4554
- -webkit-flex-wrap: wrap;
4555
- -ms-flex-wrap: wrap;
4556
- flex-wrap: wrap;
4557
- }
4558
-
4559
- .premium-blog-post-tags-container a {
4560
- color: inherit;
4561
- margin-right: 5px;
4562
- }
4563
-
4564
- .premium-blog-align-center .post-categories,
4565
- .premium-blog-align-center .premium-blog-inner-container,
4566
- .premium-blog-align-center .premium-blog-post-tags-container {
4567
- -webkit-box-pack: center;
4568
- -webkit-justify-content: center;
4569
- -moz-box-pack: center;
4570
- -ms-flex-pack: center;
4571
- justify-content: center;
4572
- }
4573
-
4574
- .premium-blog-align-left .premium-blog-post-container .post-categories,
4575
- .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4576
- .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4577
- -webkit-box-pack: end;
4578
- -webkit-justify-content: flex-end;
4579
- -moz-box-pack: end;
4580
- -ms-flex-pack: end;
4581
- justify-content: flex-end;
4582
- }
4583
-
4584
- /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4585
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4586
- .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4587
- -webkit-box-pack: start;
4588
- -webkit-justify-content: flex-start;
4589
- -moz-box-pack: start;
4590
- -ms-flex-pack: start;
4591
- justify-content: flex-start;
4592
- } */
4593
-
4594
- .premium-blog-align-right .premium-blog-post-container .post-categories,
4595
- .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4596
- .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4597
- -webkit-box-pack: start;
4598
- -webkit-justify-content: flex-start;
4599
- -moz-box-pack: start;
4600
- -ms-flex-pack: start;
4601
- justify-content: flex-start;
4602
- }
4603
-
4604
- /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4605
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4606
- .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4607
- -webkit-box-pack: end;
4608
- -webkit-justify-content: flex-end;
4609
- -moz-box-pack: end;
4610
- -ms-flex-pack: end;
4611
- justify-content: flex-end;
4612
- } */
4613
-
4614
- /* Pagination */
4615
- .premium-blog-pagination-container {
4616
- text-align: left;
4617
- }
4618
-
4619
- .premium-blog-pagination-container span {
4620
- cursor: default;
4621
- }
4622
-
4623
- .premium-blog-pagination-container .page-numbers {
4624
- display: inline-block;
4625
- color: #000;
4626
- line-height: 1;
4627
- font-size: 1em;
4628
- font-weight: 400;
4629
- text-decoration: none;
4630
- padding: 0.75em;
4631
- margin: 0 0 0.4em 0.4em;
4632
- -webkit-transition: all 0.2s ease-in-out;
4633
- transition: all 0.2s ease-in-out;
4634
- }
4635
-
4636
- .premium-blog-wrap .premium-loading-feed {
4637
- display: block;
4638
- position: absolute;
4639
- width: 100%;
4640
- height: 100%;
4641
- top: 0px;
4642
- right: 0px;
4643
- bottom: 0px;
4644
- left: 0px;
4645
- background: rgba(255, 255, 255, 0.2);
4646
- -js-display: flex;
4647
- display: -webkit-box;
4648
- display: -webkit-flex;
4649
- display: -moz-box;
4650
- display: -ms-flexbox;
4651
- display: flex;
4652
- -webkit-box-align: center;
4653
- -webkit-align-items: center;
4654
- -moz-box-align: center;
4655
- -ms-flex-align: center;
4656
- align-items: center;
4657
- z-index: 99;
4658
- }
4659
-
4660
- .premium-blog-wrap {
4661
- -js-display: flex;
4662
- display: -webkit-box;
4663
- display: -webkit-flex;
4664
- display: -moz-box;
4665
- display: -ms-flexbox;
4666
- display: flex;
4667
- -webkit-flex-wrap: wrap;
4668
- -ms-flex-wrap: wrap;
4669
- flex-wrap: wrap;
4670
- }
4671
-
4672
- .premium-blog-wrap ul.slick-dots {
4673
- width: 100%;
4674
- }
4675
-
4676
- /**
4677
- * Even Layout
4678
- */
4679
- .premium-blog-even .premium-blog-post-container {
4680
- height: 100%;
4681
- }
4682
-
4683
- .premium-blog-even .slick-track {
4684
- -js-display: flex;
4685
- display: -webkit-box;
4686
- display: -webkit-flex;
4687
- display: -moz-box;
4688
- display: -ms-flexbox;
4689
- display: flex;
4690
- }
4691
-
4692
- .premium-blog-even .slick-slide {
4693
- height: inherit !important;
4694
- }
4695
-
4696
- /**
4697
- * Responsive Style
4698
- */
4699
- @media (max-width: 768px) {
4700
- .premium-blog-content-wrapper {
4701
- top: 0;
4702
- margin: 0;
4703
- padding: 15px;
4704
- }
4705
-
4706
- .premium-blog-thumb-effect-wrapper {
4707
- margin-bottom: 15px;
4708
- }
4709
- }
4710
-
4711
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4712
- [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4713
- direction: ltr;
4714
- }
4715
-
4716
- /************ Premium Team Members ************/
4717
- /*********************************************/
4718
- .premium-person-container {
4719
- position: relative;
4720
- }
4721
-
4722
- .premium-person-image-container {
4723
- position: relative;
4724
- text-align: center;
4725
- overflow: hidden;
4726
- }
4727
-
4728
- .premium-person-image-container .premium-person-image-wrap {
4729
- overflow: hidden;
4730
- }
4731
-
4732
- .premium-person-zoomout-effect .premium-person-image-container img,
4733
- .premium-person-scale-effect .premium-person-image-container img {
4734
- -webkit-transform: scale(1.2);
4735
- -ms-transform: scale(1.2);
4736
- transform: scale(1.2);
4737
- }
4738
-
4739
- .premium-person-sepia-effect .premium-person-image-container img {
4740
- -webkit-filter: sepia(30%);
4741
- filter: sepia(30%);
4742
- }
4743
-
4744
- .premium-person-bright-effect .premium-person-image-container img {
4745
- -webkit-filter: brightness(1);
4746
- filter: brightness(1);
4747
- }
4748
-
4749
- .premium-person-trans-effect .premium-person-image-container img {
4750
- -webkit-transform: translateX(15px) scale(1.1);
4751
- -ms-transform: translateX(15px) scale(1.1);
4752
- transform: translateX(15px) scale(1.1);
4753
- }
4754
-
4755
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
4756
- -webkit-transform: scale(1.2);
4757
- -ms-transform: scale(1.2);
4758
- transform: scale(1.2);
4759
- }
4760
-
4761
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
4762
- -webkit-transform: scale(1.1);
4763
- -ms-transform: scale(1.1);
4764
- transform: scale(1.1);
4765
- }
4766
-
4767
- .premium-person-scale-effect:hover .premium-person-image-container img {
4768
- -webkit-transform: scale(1.3) rotate(-5deg);
4769
- -ms-transform: scale(1.3) rotate(-5deg);
4770
- transform: scale(1.3) rotate(-5deg);
4771
- }
4772
-
4773
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
4774
- -webkit-filter: grayscale(100%);
4775
- filter: grayscale(100%);
4776
- }
4777
-
4778
- .premium-person-blur-effect:hover .premium-person-image-container img {
4779
- -webkit-filter: blur(3px);
4780
- filter: blur(3px);
4781
- }
4782
-
4783
- .premium-person-sepia-effect:hover .premium-person-image-container img {
4784
- -webkit-filter: sepia(0%);
4785
- filter: sepia(0%);
4786
- }
4787
-
4788
- .premium-person-bright-effect:hover .premium-person-image-container img {
4789
- -webkit-filter: brightness(1.2);
4790
- filter: brightness(1.2);
4791
- }
4792
-
4793
- .premium-person-trans-effect:hover .premium-person-image-container img {
4794
- -webkit-transform: translateX(0px) scale(1.1);
4795
- -ms-transform: translateX(0px) scale(1.1);
4796
- transform: translateX(0px) scale(1.1);
4797
- }
4798
-
4799
- .premium-person-container .premium-person-image-container img {
4800
- width: 100%;
4801
- height: 100%;
4802
- -o-object-fit: cover;
4803
- object-fit: cover;
4804
- -webkit-transition: all 0.5s ease-in-out;
4805
- transition: all 0.5s ease-in-out;
4806
- }
4807
-
4808
- .premium-person-style2 .premium-person-social {
4809
- position: absolute;
4810
- top: 0;
4811
- right: 0;
4812
- width: 100%;
4813
- height: 100%;
4814
- z-index: 2;
4815
- -js-display: flex;
4816
- display: -webkit-box;
4817
- display: -webkit-flex;
4818
- display: -moz-box;
4819
- display: -ms-flexbox;
4820
- display: flex;
4821
- -webkit-box-pack: center;
4822
- -webkit-justify-content: center;
4823
- -moz-box-pack: center;
4824
- -ms-flex-pack: center;
4825
- justify-content: center;
4826
- -webkit-box-align: center;
4827
- -webkit-align-items: center;
4828
- -moz-box-align: center;
4829
- -ms-flex-align: center;
4830
- align-items: center;
4831
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4832
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4833
- -webkit-transition: all 0.5s linear 0s;
4834
- transition: all 0.5s linear 0s;
4835
- opacity: 0;
4836
- }
4837
-
4838
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4839
- opacity: 1;
4840
- }
4841
-
4842
- .premium-person-list-item a {
4843
- display: inline-block;
4844
- }
4845
-
4846
- .premium-person-style2 .premium-person-list-item a {
4847
- opacity: 0;
4848
- -webkit-transform: scale(0);
4849
- -ms-transform: scale(0);
4850
- transform: scale(0);
4851
- -webkit-transition: all 0.5s ease-in-out 0s;
4852
- transition: all 0.5s ease-in-out 0s;
4853
- }
4854
-
4855
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4856
- opacity: 1;
4857
- -webkit-transform: scale(1);
4858
- -ms-transform: scale(1);
4859
- transform: scale(1);
4860
- }
4861
-
4862
- .premium-person-info-container {
4863
- padding: 30px 15px;
4864
- }
4865
-
4866
- .premium-person-name {
4867
- margin: 0 0 5px;
4868
- font-weight: 700;
4869
- }
4870
-
4871
- .premium-person-title {
4872
- margin: 0 0 20px;
4873
- padding: 0;
4874
- }
4875
-
4876
- .premium-person-content {
4877
- margin: 0 0 30px;
4878
- }
4879
-
4880
- /*Override Theme List Margin*/
4881
- ul.premium-person-social-list {
4882
- margin: 0px !important;
4883
- padding: 0;
4884
- }
4885
-
4886
- .premium-person-social-list .premium-person-list-item {
4887
- display: inline;
4888
- list-style: none;
4889
- }
4890
-
4891
- .premium-person-social-list li {
4892
- position: relative;
4893
- bottom: 0px;
4894
- -webkit-transition: all 0.2s ease-in-out;
4895
- transition: all 0.2s ease-in-out;
4896
- }
4897
-
4898
- .premium-person-social-list li i {
4899
- position: relative;
4900
- bottom: 0px;
4901
- -webkit-transition: all 0.2s ease-in-out;
4902
- transition: all 0.2s ease-in-out;
4903
- }
4904
-
4905
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4906
- background-color: #3b5998 !important;
4907
- }
4908
-
4909
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4910
- background-color: #55acee !important;
4911
- }
4912
-
4913
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4914
- background-color: #0077b5 !important;
4915
- }
4916
-
4917
- .premium-person-defaults-yes li.premium-person-google:hover a {
4918
- background-color: #dc4e41 !important;
4919
- }
4920
-
4921
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4922
- background-color: #b31217 !important;
4923
- }
4924
-
4925
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4926
- background-color: #e4405f !important;
4927
- }
4928
-
4929
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4930
- background-color: #00aff0 !important;
4931
- }
4932
-
4933
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4934
- background-color: #bd081c !important;
4935
- }
4936
-
4937
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4938
- background-color: #ea4c89 !important;
4939
- }
4940
-
4941
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4942
- background-color: #b23121 !important;
4943
- }
4944
-
4945
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4946
- background-color: #1769ff !important;
4947
- }
4948
-
4949
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4950
- background-color: #25d366 !important;
4951
- }
4952
-
4953
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4954
- background-color: #0088cc !important;
4955
- }
4956
-
4957
- .premium-person-defaults-yes li.premium-person-site:hover a {
4958
- background-color: #0055a5 !important;
4959
- }
4960
-
4961
- .premium-person-social-list li:hover a {
4962
- -webkit-box-shadow: none;
4963
- box-shadow: none;
4964
- }
4965
-
4966
- .premium-person-social-list li a:focus {
4967
- -webkit-box-shadow: none;
4968
- box-shadow: none;
4969
- outline: none;
4970
- }
4971
-
4972
- .premium-person-social-list li i {
4973
- font-size: 18px;
4974
- }
4975
-
4976
- .elementor-widget-premium-addon-person .elementor-widget-container {
4977
- -js-display: flex;
4978
- display: -webkit-box;
4979
- display: -webkit-flex;
4980
- display: -moz-box;
4981
- display: -ms-flexbox;
4982
- display: flex;
4983
- -webkit-box-pack: center;
4984
- -webkit-justify-content: center;
4985
- -moz-box-pack: center;
4986
- -ms-flex-pack: center;
4987
- justify-content: center;
4988
- }
4989
-
4990
- .premium-persons-container.multiple-persons {
4991
- -js-display: flex;
4992
- display: -webkit-box;
4993
- display: -webkit-flex;
4994
- display: -moz-box;
4995
- display: -ms-flexbox;
4996
- display: flex;
4997
- -webkit-flex-wrap: wrap;
4998
- -ms-flex-wrap: wrap;
4999
- flex-wrap: wrap;
5000
- width: 100%;
5001
- }
5002
-
5003
- .premium-person-style1 .premium-person-container {
5004
- overflow: hidden;
5005
- }
5006
-
5007
- .premium-person-style1 .premium-person-container .premium-person-info {
5008
- position: absolute;
5009
- top: auto;
5010
- left: 0;
5011
- right: 0;
5012
- -webkit-transition: all 500ms ease 0s;
5013
- transition: all 500ms ease 0s;
5014
- -webkit-transform: translate3d(0, 100%, 0);
5015
- transform: translate3d(0, 100%, 0);
5016
- }
5017
-
5018
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
5019
- -webkit-transform: translate3d(0, 0, 0);
5020
- transform: translate3d(0, 0, 0);
5021
- bottom: -1px !important;
5022
- }
5023
-
5024
- .premium-person-style1 .premium-person-social-list li:hover {
5025
- bottom: 5px;
5026
- }
5027
-
5028
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5029
- -webkit-box-align: start;
5030
- -webkit-align-items: flex-start;
5031
- -moz-box-align: start;
5032
- -ms-flex-align: start;
5033
- align-items: flex-start;
5034
- }
5035
-
5036
- .premium-person-style1 .slick-track {
5037
- -js-display: flex;
5038
- display: -webkit-box;
5039
- display: -webkit-flex;
5040
- display: -moz-box;
5041
- display: -ms-flexbox;
5042
- display: flex;
5043
- }
5044
-
5045
- .premium-person-style1 .slick-slide {
5046
- height: inherit !important;
5047
- }
5048
-
5049
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5050
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5051
- height: 100%;
5052
- }
5053
-
5054
- .premium-person-style3 .premium-person-info-container {
5055
- position: absolute;
5056
- top: 0;
5057
- right: 0;
5058
- width: 100%;
5059
- height: 100%;
5060
- -js-display: flex;
5061
- display: -webkit-box;
5062
- display: -webkit-flex;
5063
- display: -moz-box;
5064
- display: -ms-flexbox;
5065
- display: flex;
5066
- -webkit-box-orient: vertical;
5067
- -webkit-box-direction: normal;
5068
- -webkit-flex-direction: column;
5069
- -moz-box-orient: vertical;
5070
- -moz-box-direction: normal;
5071
- -ms-flex-direction: column;
5072
- flex-direction: column;
5073
- -webkit-box-pack: justify;
5074
- -webkit-justify-content: space-between;
5075
- -moz-box-pack: justify;
5076
- -ms-flex-pack: justify;
5077
- justify-content: space-between;
5078
- }
5079
-
5080
- .premium-person-style3 .premium-person-title-desc-wrap {
5081
- -js-display: flex;
5082
- display: -webkit-box;
5083
- display: -webkit-flex;
5084
- display: -moz-box;
5085
- display: -ms-flexbox;
5086
- display: flex;
5087
- -webkit-box-orient: horizontal;
5088
- -webkit-box-direction: reverse;
5089
- -webkit-flex-direction: row-reverse;
5090
- -moz-box-orient: horizontal;
5091
- -moz-box-direction: reverse;
5092
- -ms-flex-direction: row-reverse;
5093
- flex-direction: row-reverse;
5094
- -webkit-box-pack: justify;
5095
- -webkit-justify-content: space-between;
5096
- -moz-box-pack: justify;
5097
- -ms-flex-pack: justify;
5098
- justify-content: space-between;
5099
- -webkit-box-align: start;
5100
- -webkit-align-items: flex-start;
5101
- -moz-box-align: start;
5102
- -ms-flex-align: start;
5103
- align-items: flex-start;
5104
- }
5105
-
5106
- .premium-person-style3 .premium-person-name-icons-wrap {
5107
- -js-display: flex;
5108
- display: -webkit-box;
5109
- display: -webkit-flex;
5110
- display: -moz-box;
5111
- display: -ms-flexbox;
5112
- display: flex;
5113
- -webkit-box-pack: justify;
5114
- -webkit-justify-content: space-between;
5115
- -moz-box-pack: justify;
5116
- -ms-flex-pack: justify;
5117
- justify-content: space-between;
5118
- -webkit-box-align: end;
5119
- -webkit-align-items: flex-end;
5120
- -moz-box-align: end;
5121
- -ms-flex-align: end;
5122
- align-items: flex-end;
5123
- }
5124
-
5125
- .premium-person-style3 .premium-person-title {
5126
- opacity: 0;
5127
- -webkit-transition: all 0.3s ease;
5128
- transition: all 0.3s ease;
5129
- width: 0;
5130
- }
5131
-
5132
- .premium-person-style3 .premium-person-title span {
5133
- display: inline-block;
5134
- }
5135
-
5136
- .premium-person-style3 .premium-person-name {
5137
- padding-right: 10px;
5138
- }
5139
-
5140
- .premium-person-style3 .premium-person-social-list {
5141
- -js-display: flex;
5142
- display: -webkit-box;
5143
- display: -webkit-flex;
5144
- display: -moz-box;
5145
- display: -ms-flexbox;
5146
- display: flex;
5147
- -webkit-box-orient: vertical;
5148
- -webkit-box-direction: normal;
5149
- -webkit-flex-direction: column;
5150
- -moz-box-orient: vertical;
5151
- -moz-box-direction: normal;
5152
- -ms-flex-direction: column;
5153
- flex-direction: column;
5154
- -webkit-transform: translateY(20px);
5155
- -ms-transform: translateY(20px);
5156
- transform: translateY(20px);
5157
- opacity: 0;
5158
- -webkit-transition: all 0.3s ease;
5159
- transition: all 0.3s ease;
5160
- }
5161
-
5162
- .premium-person-style3 .premium-person-list-item {
5163
- line-height: 0;
5164
- }
5165
-
5166
- .premium-person-style3 .premium-person-list-item a {
5167
- padding: 5px 0 0 10px;
5168
- margin: 5px 0;
5169
- }
5170
-
5171
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
5172
- opacity: 1;
5173
- }
5174
-
5175
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5176
- opacity: 1;
5177
- -webkit-transform: translateY(0);
5178
- -ms-transform: translateY(0);
5179
- transform: translateY(0);
5180
- }
5181
-
5182
- .premium-persons-title-cw .premium-person-title {
5183
- -webkit-transform: translateX(-15px) rotate(-90deg);
5184
- -ms-transform: translateX(-15px) rotate(-90deg);
5185
- transform: translateX(-15px) rotate(-90deg);
5186
- -webkit-transform-origin: top;
5187
- -ms-transform-origin: top;
5188
- transform-origin: top;
5189
- }
5190
-
5191
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5192
- -webkit-transform: translateX(0) rotate(-90deg);
5193
- -ms-transform: translateX(0) rotate(-90deg);
5194
- transform: translateX(0) rotate(-90deg);
5195
- }
5196
-
5197
- .premium-persons-title-ccw .premium-person-title {
5198
- width: auto;
5199
- margin-left: 20px;
5200
- -webkit-transform: translateX(-15px) rotate(90deg);
5201
- -ms-transform: translateX(-15px) rotate(90deg);
5202
- transform: translateX(-15px) rotate(90deg);
5203
- -webkit-transform-origin: center left;
5204
- -ms-transform-origin: center left;
5205
- transform-origin: center left;
5206
- }
5207
-
5208
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5209
- -webkit-transform: translateX(0) rotate(90deg);
5210
- -ms-transform: translateX(0) rotate(90deg);
5211
- transform: translateX(0) rotate(90deg);
5212
- }
5213
-
5214
- /**************** Premium Fancy Text *******************/
5215
- /*******************************************************/
5216
- .premium-suffix-text,
5217
- .premium-fancy-text,
5218
- .premium-prefix-text {
5219
- font-size: 40px;
5220
- }
5221
-
5222
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
5223
- .premium-fancy-item-hidden {
5224
- opacity: 0;
5225
- }
5226
-
5227
- .premium-fancy-text-wrapper .premium-fancy-list-items {
5228
- list-style: none;
5229
- }
5230
-
5231
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5232
- vertical-align: top;
5233
- }
5234
-
5235
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5236
- margin: 0;
5237
- padding: 0;
5238
- border: none;
5239
- position: relative;
5240
- }
5241
-
5242
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5243
- position: absolute;
5244
- top: 0;
5245
- left: 0;
5246
- display: inline-block;
5247
- }
5248
-
5249
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5250
- -webkit-animation: pa-zoom-out 0.8s;
5251
- animation: pa-zoom-out 0.8s;
5252
- }
5253
-
5254
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5255
- position: relative !important;
5256
- -webkit-animation: pa-zoom-in 0.8s;
5257
- animation: pa-zoom-in 0.8s;
5258
- }
5259
-
5260
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5261
- -webkit-perspective: 300px;
5262
- perspective: 300px;
5263
- }
5264
-
5265
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5266
- -webkit-transform-origin: 50% 100%;
5267
- -ms-transform-origin: 50% 100%;
5268
- transform-origin: 50% 100%;
5269
- }
5270
-
5271
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5272
- -webkit-transform: rotateX(180deg);
5273
- transform: rotateX(180deg);
5274
- -webkit-animation: pa-rotate-out 1.2s;
5275
- animation: pa-rotate-out 1.2s;
5276
- }
5277
-
5278
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5279
- position: relative !important;
5280
- -webkit-transform: rotateX(0deg);
5281
- transform: rotateX(0deg);
5282
- -webkit-animation: pa-rotate-in 1.2s;
5283
- animation: pa-rotate-in 1.2s;
5284
- }
5285
-
5286
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5287
- position: relative !important;
5288
- }
5289
-
5290
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5291
- display: inline-block;
5292
- width: 200px;
5293
- font-weight: 400;
5294
- }
5295
-
5296
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5297
- position: relative;
5298
- vertical-align: sub;
5299
- }
5300
-
5301
- .premium-fancy-text-wrapper.auto-fade g>text {
5302
- text-anchor: start;
5303
- shape-rendering: crispEdges;
5304
- opacity: 0;
5305
- font-size: 300px;
5306
- -webkit-animation-name: pa-auto-fade;
5307
- animation-name: pa-auto-fade;
5308
- -moz-animation-name: pa-auto-fade;
5309
- -webkit-animation-duration: 9s;
5310
- animation-duration: 9s;
5311
- -webkit-animation-timing-function: linear;
5312
- animation-timing-function: linear;
5313
- -webkit-animation-iteration-count: infinite;
5314
- animation-iteration-count: infinite;
5315
- }
5316
-
5317
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5318
- -webkit-animation-delay: 0s;
5319
- animation-delay: 0s;
5320
- }
5321
-
5322
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5323
- -webkit-animation-delay: 3s;
5324
- animation-delay: 3s;
5325
- }
5326
-
5327
- .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5328
- -webkit-animation-delay: 6s;
5329
- animation-delay: 6s;
5330
- }
5331
-
5332
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
5333
- position: relative;
5334
- }
5335
-
5336
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5337
- position: absolute;
5338
- width: 100%;
5339
- height: 3px;
5340
- bottom: 0;
5341
- left: 0;
5342
- animation: pa-loading-bar 2.5s ease-out infinite;
5343
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5344
- }
5345
-
5346
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5347
- -webkit-animation-play-state: paused;
5348
- animation-play-state: paused;
5349
- }
5350
-
5351
- @-webkit-keyframes pa-auto-fade {
5352
- 0% {
5353
- opacity: 0;
5354
- }
5355
-
5356
- 20% {
5357
- opacity: 1;
5358
- }
5359
-
5360
- 35% {
5361
- opacity: 0;
5362
- }
5363
-
5364
- 100% {
5365
- opacity: 0;
5366
- }
5367
- }
5368
-
5369
- @keyframes pa-auto-fade {
5370
- 0% {
5371
- opacity: 0;
5372
- }
5373
-
5374
- 20% {
5375
- opacity: 1;
5376
- }
5377
-
5378
- 35% {
5379
- opacity: 0;
5380
- }
5381
-
5382
- 100% {
5383
- opacity: 0;
5384
- }
5385
- }
5386
-
5387
- @-webkit-keyframes pa-loading-bar {
5388
- 0% {
5389
- width: 0;
5390
- }
5391
-
5392
- 100% {
5393
- width: 100;
5394
- }
5395
- }
5396
-
5397
- @keyframes pa-loading-bar {
5398
- 0% {
5399
- width: 0;
5400
- }
5401
-
5402
- 100% {
5403
- width: 100;
5404
- }
5405
- }
5406
-
5407
- @-webkit-keyframes pa-zoom-in {
5408
- 0% {
5409
- opacity: 0;
5410
- -webkit-transform: translateZ(100px);
5411
- transform: translateZ(100px);
5412
- }
5413
-
5414
- 100% {
5415
- opacity: 1;
5416
- -webkit-transform: translateZ(0);
5417
- transform: translateZ(0);
5418
- }
5419
- }
5420
-
5421
- @keyframes pa-zoom-in {
5422
- 0% {
5423
- opacity: 0;
5424
- -webkit-transform: translateZ(100px);
5425
- transform: translateZ(100px);
5426
- }
5427
-
5428
- 100% {
5429
- opacity: 1;
5430
- -webkit-transform: translateZ(0);
5431
- transform: translateZ(0);
5432
- }
5433
- }
5434
-
5435
- @-webkit-keyframes pa-zoom-out {
5436
- 0% {
5437
- opacity: 1;
5438
- -webkit-transform: translateZ(0);
5439
- transform: translateZ(0);
5440
- }
5441
-
5442
- 100% {
5443
- opacity: 0;
5444
- -webkit-transform: translateZ(-100px);
5445
- transform: translateZ(-100px);
5446
- }
5447
- }
5448
-
5449
- @keyframes pa-zoom-out {
5450
- 0% {
5451
- opacity: 1;
5452
- -webkit-transform: translateZ(0);
5453
- transform: translateZ(0);
5454
- }
5455
-
5456
- 100% {
5457
- opacity: 0;
5458
- -webkit-transform: translateZ(-100px);
5459
- transform: translateZ(-100px);
5460
- }
5461
- }
5462
-
5463
- @-webkit-keyframes pa-rotate-in {
5464
- 0% {
5465
- opacity: 0;
5466
- -webkit-transform: rotateX(180deg);
5467
- transform: rotateX(180deg);
5468
- }
5469
-
5470
- 35% {
5471
- opacity: 0;
5472
- -webkit-transform: rotateX(120deg);
5473
- transform: rotateX(120deg);
5474
- }
5475
-
5476
- 65% {
5477
- opacity: 0;
5478
- }
5479
-
5480
- 100% {
5481
- opacity: 1;
5482
- -webkit-transform: rotateX(360deg);
5483
- transform: rotateX(360deg);
5484
- }
5485
- }
5486
-
5487
- @keyframes pa-rotate-in {
5488
- 0% {
5489
- opacity: 0;
5490
- -webkit-transform: rotateX(180deg);
5491
- transform: rotateX(180deg);
5492
- }
5493
-
5494
- 35% {
5495
- opacity: 0;
5496
- -webkit-transform: rotateX(120deg);
5497
- transform: rotateX(120deg);
5498
- }
5499
-
5500
- 65% {
5501
- opacity: 0;
5502
- }
5503
-
5504
- 100% {
5505
- opacity: 1;
5506
- -webkit-transform: rotateX(360deg);
5507
- transform: rotateX(360deg);
5508
- }
5509
- }
5510
-
5511
- @-webkit-keyframes pa-rotate-out {
5512
- 0% {
5513
- opacity: 1;
5514
- -webkit-transform: rotateX(0deg);
5515
- transform: rotateX(0deg);
5516
- }
5517
-
5518
- 35% {
5519
- opacity: 1;
5520
- -webkit-transform: rotateX(-40deg);
5521
- transform: rotateX(-40deg);
5522
- }
5523
-
5524
- 65% {
5525
- opacity: 0;
5526
- }
5527
-
5528
- 100% {
5529
- opacity: 0;
5530
- -webkit-transform: rotateX(180deg);
5531
- transform: rotateX(180deg);
5532
- }
5533
- }
5534
-
5535
- @keyframes pa-rotate-out {
5536
- 0% {
5537
- opacity: 1;
5538
- -webkit-transform: rotateX(0deg);
5539
- transform: rotateX(0deg);
5540
- }
5541
-
5542
- 35% {
5543
- opacity: 1;
5544
- -webkit-transform: rotateX(-40deg);
5545
- transform: rotateX(-40deg);
5546
- }
5547
-
5548
- 65% {
5549
- opacity: 0;
5550
- }
5551
-
5552
- 100% {
5553
- opacity: 0;
5554
- -webkit-transform: rotateX(180deg);
5555
- transform: rotateX(180deg);
5556
- }
5557
- }
5558
-
5559
- /**************** Premium Pricing Table ****************/
5560
- /*******************************************************/
5561
- .premium-pricing-table-container {
5562
- position: relative;
5563
- overflow: hidden;
5564
- text-align: center;
5565
- -webkit-transition: all 0.3s ease-in-out;
5566
- transition: all 0.3s ease-in-out;
5567
- }
5568
-
5569
- .premium-pricing-icon-container {
5570
- -js-display: flex;
5571
- display: -webkit-box;
5572
- display: -webkit-flex;
5573
- display: -moz-box;
5574
- display: -ms-flexbox;
5575
- display: flex;
5576
- -webkit-box-pack: center;
5577
- -webkit-justify-content: center;
5578
- -moz-box-pack: center;
5579
- -ms-flex-pack: center;
5580
- justify-content: center;
5581
- line-height: 0;
5582
- }
5583
-
5584
- .premium-pricing-icon-container .premium-pricing-icon {
5585
- display: inline-block;
5586
- }
5587
-
5588
- .premium-pricing-icon-container .premium-pricing-image {
5589
- overflow: hidden;
5590
- }
5591
-
5592
- .premium-pricing-icon-container .premium-pricing-image img {
5593
- width: 25px;
5594
- height: 25px;
5595
- -o-object-fit: cover;
5596
- object-fit: cover;
5597
- }
5598
-
5599
- .premium-badge-left {
5600
- position: absolute;
5601
- top: 0;
5602
- }
5603
-
5604
- .premium-badge-right {
5605
- position: absolute;
5606
- top: 0;
5607
- right: 0;
5608
- }
5609
-
5610
- .premium-badge-left {
5611
- left: 0;
5612
- }
5613
-
5614
- .premium-badge-triangle.premium-badge-left .corner {
5615
- width: 0;
5616
- height: 0;
5617
- border-top: 150px solid;
5618
- border-bottom: 150px solid transparent;
5619
- border-right: 150px solid transparent;
5620
- }
5621
-
5622
- .premium-badge-triangle.premium-badge-right .corner {
5623
- width: 0;
5624
- height: 0;
5625
- border-bottom: 150px solid transparent;
5626
- border-right: 150px solid;
5627
- border-left: 150px solid transparent;
5628
- }
5629
-
5630
- .premium-badge-triangle span {
5631
- position: absolute;
5632
- top: 35px;
5633
- width: 100px;
5634
- text-align: center;
5635
- -webkit-transform: rotate(-45deg);
5636
- -ms-transform: rotate(-45deg);
5637
- transform: rotate(-45deg);
5638
- display: block;
5639
- text-transform: uppercase;
5640
- }
5641
-
5642
- .premium-badge-triangle.premium-badge-right span {
5643
- -webkit-transform: rotate(45deg);
5644
- -ms-transform: rotate(45deg);
5645
- transform: rotate(45deg);
5646
- right: 0;
5647
- }
5648
-
5649
- .premium-badge-circle {
5650
- min-width: 4em;
5651
- min-height: 4em;
5652
- line-height: 4em;
5653
- text-align: center;
5654
- -webkit-border-radius: 100%;
5655
- border-radius: 100%;
5656
- position: absolute;
5657
- z-index: 1;
5658
- }
5659
-
5660
- .premium-badge-stripe {
5661
- position: absolute;
5662
- -webkit-transform: rotate(90deg);
5663
- -ms-transform: rotate(90deg);
5664
- transform: rotate(90deg);
5665
- width: 15em;
5666
- overflow: hidden;
5667
- height: 15em;
5668
- }
5669
-
5670
- .premium-badge-stripe.premium-badge-left {
5671
- -webkit-transform: rotate(0);
5672
- -ms-transform: rotate(0);
5673
- transform: rotate(0);
5674
- }
5675
-
5676
- .premium-badge-stripe .corner {
5677
- text-align: center;
5678
- left: 0;
5679
- width: 150%;
5680
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5681
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5682
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5683
- margin-top: 35px;
5684
- font-size: 13px;
5685
- line-height: 2;
5686
- font-weight: 800;
5687
- text-transform: uppercase;
5688
- }
5689
-
5690
- .premium-badge-flag .corner {
5691
- text-align: center;
5692
- -webkit-border-radius: 4px 4px 0 4px;
5693
- border-radius: 4px 4px 0 4px;
5694
- padding: 3px 15px;
5695
- position: absolute;
5696
- top: 10%;
5697
- right: -8px;
5698
- }
5699
-
5700
- .premium-badge-flag .corner::before,
5701
- .premium-badge-flag .corner::after {
5702
- content: "";
5703
- display: block;
5704
- position: absolute;
5705
- width: 0;
5706
- height: 0;
5707
- top: 100%;
5708
- right: 0;
5709
- border-bottom: 8px solid transparent;
5710
- }
5711
-
5712
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5713
- overflow: visible !important;
5714
- }
5715
-
5716
- .premium-badge-flag .corner::after {
5717
- border-left: 8px solid rgba(0, 0, 0, 0.2);
5718
- }
5719
-
5720
- .premium-pricing-price-currency {
5721
- position: relative;
5722
- }
5723
-
5724
- .premium-pricing-button-container {
5725
- display: block;
5726
- }
5727
-
5728
- .premium-pricing-list-container {
5729
- -js-display: flex;
5730
- display: -webkit-box;
5731
- display: -webkit-flex;
5732
- display: -moz-box;
5733
- display: -ms-flexbox;
5734
- display: flex;
5735
- -webkit-box-orient: vertical;
5736
- -webkit-box-direction: normal;
5737
- -webkit-flex-direction: column;
5738
- -moz-box-orient: vertical;
5739
- -moz-box-direction: normal;
5740
- -ms-flex-direction: column;
5741
- flex-direction: column;
5742
- list-style-type: none;
5743
- margin: 0;
5744
- }
5745
-
5746
- .premium-pricing-list-container.premium-pricing-list-item {
5747
- -js-display: flex;
5748
- display: -webkit-box;
5749
- display: -webkit-flex;
5750
- display: -moz-box;
5751
- display: -ms-flexbox;
5752
- display: flex;
5753
- -webkit-box-align: center;
5754
- -webkit-align-items: center;
5755
- -moz-box-align: center;
5756
- -ms-flex-align: center;
5757
- align-items: center;
5758
- }
5759
-
5760
- .premium-pricing-list-container.premium-pricing-list-item svg {
5761
- width: 50px;
5762
- height: 50px;
5763
- }
5764
-
5765
- .premium-pricing-list-container.premium-pricing-list-item img {
5766
- width: 30px;
5767
- height: 30px;
5768
- -o-object-fit: cover;
5769
- object-fit: cover;
5770
- }
5771
-
5772
- .premium-pricing-list-container.premium-pricing-list-span {
5773
- position: relative;
5774
- }
5775
-
5776
- .premium-pricing-list-container.list-item-tooltip {
5777
- border-bottom: 1px dotted;
5778
- }
5779
-
5780
- .premium-pricing-list-container.premium-pricing-list-tooltip {
5781
- position: absolute;
5782
- top: -webkit-calc(100% + 1px);
5783
- top: calc(100% + 1px);
5784
- right: 0;
5785
- visibility: hidden;
5786
- padding: 15px 20px;
5787
- -webkit-border-radius: 5px;
5788
- border-radius: 5px;
5789
- min-width: 200px;
5790
- overflow: hidden;
5791
- text-align: right;
5792
- font-size: 0.8rem;
5793
- color: #fff;
5794
- background-color: #aaa;
5795
- }
5796
-
5797
- .premium-pricing-features-left .premium-pricing-list-span {
5798
- text-align: right;
5799
- }
5800
-
5801
- .premium-pricing-features-center .premium-pricing-list-span {
5802
- text-align: center;
5803
- }
5804
-
5805
- .premium-pricing-features-right .premium-pricing-list-span {
5806
- text-align: left;
5807
- }
5808
-
5809
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5810
- z-index: 99;
5811
- visibility: visible;
5812
- opacity: 1;
5813
- }
5814
-
5815
- .premium-pricing-slashed-price-value {
5816
- display: inline-block;
5817
- font-size: 20px;
5818
- font-weight: 400;
5819
- margin-left: 5px;
5820
- }
5821
-
5822
- .premium-pricing-price-value {
5823
- font-size: 70px;
5824
- }
5825
-
5826
- .premium-pricing-description-container li {
5827
- list-style-position: inside;
5828
- text-indent: -40px;
5829
- }
5830
-
5831
- @-moz-document url-prefix() {
5832
- .premium-pricing-description-container li {
5833
- text-indent: 0px;
5834
- }
5835
- }
5836
-
5837
- .premium-pricing-price-button {
5838
- display: block;
5839
- padding: 6px 12px;
5840
- line-height: 1.42857143;
5841
- text-align: center;
5842
- color: #fff;
5843
- background: #6ec1e4;
5844
- margin-bottom: 0;
5845
- -webkit-transition: all 0.3s ease-in-out;
5846
- transition: all 0.3s ease-in-out;
5847
- }
5848
-
5849
- /**************** Premium Google Maps ******************/
5850
- /*******************************************************/
5851
- .premium-maps-info-container {
5852
- margin-top: 10px;
5853
- margin-bottom: 10px;
5854
- }
5855
-
5856
- .premium-maps-info-title,
5857
- .premium-maps-info-desc {
5858
- margin: 0;
5859
- padding: 0;
5860
- }
5861
-
5862
- .premium-maps-container .gm-style-iw {
5863
- text-align: center;
5864
- direction: ltr;
5865
- }
5866
-
5867
- .premium-maps-container .gm-style img {
5868
- max-width: none !important;
5869
- }
5870
-
5871
- /**************** Premium Button ***********************/
5872
- /*******************************************************/
5873
- .premium-button {
5874
- -js-display: inline-flex;
5875
- display: -webkit-inline-box;
5876
- display: -webkit-inline-flex;
5877
- display: -moz-inline-box;
5878
- display: -ms-inline-flexbox;
5879
- display: inline-flex;
5880
- position: relative;
5881
- overflow: hidden;
5882
- -webkit-backface-visibility: hidden;
5883
- backface-visibility: hidden;
5884
- -webkit-transform: translate3d(0, 0, 0);
5885
- transform: translate3d(0, 0, 0);
5886
- cursor: pointer;
5887
- -webkit-transition: all 0.2s ease-in-out !important;
5888
- transition: all 0.2s ease-in-out !important;
5889
- }
5890
-
5891
- .premium-button .premium-lottie-animation,
5892
- .premium-image-button .premium-lottie-animation {
5893
- -js-display: flex;
5894
- display: -webkit-box;
5895
- display: -webkit-flex;
5896
- display: -moz-box;
5897
- display: -ms-flexbox;
5898
- display: flex;
5899
- }
5900
-
5901
- .premium-button svg,
5902
- .premium-image-button svg {
5903
- width: 30px;
5904
- height: 30px;
5905
- }
5906
-
5907
- .premium-btn-sm,
5908
- .premium-btn-md,
5909
- .premium-btn-lg,
5910
- .premium-btn-block {
5911
- background-color: #eee;
5912
- color: #042551;
5913
- margin: 0px;
5914
- text-decoration: none;
5915
- }
5916
-
5917
- .premium-btn-sm:hover,
5918
- .premium-btn-md:hover,
5919
- .premium-btn-lg:hover,
5920
- .premium-btn-block:hover {
5921
- background-color: #54595f;
5922
- color: #eee;
5923
- }
5924
-
5925
- .premium-btn-sm {
5926
- padding: 12px 24px;
5927
- font-size: 14px;
5928
- line-height: 1;
5929
- }
5930
-
5931
- .premium-btn-md {
5932
- padding: 14px 26px;
5933
- font-size: 16px;
5934
- line-height: 1.2;
5935
- }
5936
-
5937
- .premium-btn-lg {
5938
- padding: 16px 28px;
5939
- font-size: 18px;
5940
- line-height: 1.3333;
5941
- }
5942
-
5943
- .premium-btn-block {
5944
- font-size: 18px;
5945
- line-height: 1;
5946
- padding: 20px 0px;
5947
- width: 100%;
5948
- text-align: center;
5949
- }
5950
-
5951
- .premium-button-text {
5952
- display: inline-block;
5953
- width: 100%;
5954
- }
5955
-
5956
- .premium-button-style1,
5957
- .premium-button-style2,
5958
- .premium-button-style5,
5959
- .premium-button-style7 {
5960
- display: inline-block;
5961
- vertical-align: middle;
5962
- -webkit-transform: perspective(1px) translateZ(0);
5963
- transform: perspective(1px) translateZ(0);
5964
- -webkit-box-shadow: 0 0 1px transparent;
5965
- box-shadow: 0 0 1px transparent;
5966
- position: relative;
5967
- -webkit-transition-property: color;
5968
- transition-property: color;
5969
- -webkit-transition-duration: 0.15s;
5970
- transition-duration: 0.15s;
5971
- }
5972
-
5973
- .premium-button-style1:before,
5974
- .premium-button-style2:before,
5975
- .premium-button-style5:before {
5976
- content: "";
5977
- position: absolute;
5978
- z-index: -1;
5979
- top: 0;
5980
- right: 0;
5981
- left: 0;
5982
- bottom: 0;
5983
- -webkit-transform: scaleY(0);
5984
- -ms-transform: scaleY(0);
5985
- transform: scaleY(0);
5986
- -webkit-transform-origin: 50% 0;
5987
- -ms-transform-origin: 50% 0;
5988
- transform-origin: 50% 0;
5989
- -webkit-transition-property: -webkit-transform;
5990
- transition-property: -webkit-transform;
5991
- transition-property: transform;
5992
- transition-property: transform, -webkit-transform;
5993
- -webkit-transition-duration: 0.15s;
5994
- transition-duration: 0.15s;
5995
- -webkit-transition-timing-function: ease-out;
5996
- transition-timing-function: ease-out;
5997
- }
5998
-
5999
- .premium-button-style5-radialin:before,
6000
- .premium-button-style5-radialout:before {
6001
- -webkit-transform-origin: 50%;
6002
- -ms-transform-origin: 50%;
6003
- transform-origin: 50%;
6004
- -webkit-border-radius: 100%;
6005
- border-radius: 100%;
6006
- -webkit-transform: scale(0);
6007
- -ms-transform: scale(0);
6008
- transform: scale(0);
6009
- }
6010
-
6011
- .premium-button-style5-radialin:before {
6012
- -webkit-transform: scale(2);
6013
- -ms-transform: scale(2);
6014
- transform: scale(2);
6015
- }
6016
-
6017
- .premium-button-style5-rectin:before {
6018
- -webkit-transform-origin: 50%;
6019
- -ms-transform-origin: 50%;
6020
- transform-origin: 50%;
6021
- -webkit-transform: scale(1);
6022
- -ms-transform: scale(1);
6023
- transform: scale(1);
6024
- }
6025
-
6026
- .premium-button-style5-rectout:before {
6027
- -webkit-transform-origin: 50%;
6028
- -ms-transform-origin: 50%;
6029
- transform-origin: 50%;
6030
- -webkit-transform: scale(0);
6031
- -ms-transform: scale(0);
6032
- transform: scale(0);
6033
- }
6034
-
6035
- .premium-button-style5-rectout:hover:before {
6036
- -webkit-transform: scale(1);
6037
- -ms-transform: scale(1);
6038
- transform: scale(1);
6039
- }
6040
-
6041
- .premium-button-style5-rectin:hover:before {
6042
- -webkit-transform: scale(0);
6043
- -ms-transform: scale(0);
6044
- transform: scale(0);
6045
- }
6046
-
6047
- .premium-button-style5-radialout:hover:before {
6048
- -webkit-transform: scale(2);
6049
- -ms-transform: scale(2);
6050
- transform: scale(2);
6051
- }
6052
-
6053
- .premium-button-style5-radialin:hover:before {
6054
- -webkit-transform: scale(0);
6055
- -ms-transform: scale(0);
6056
- transform: scale(0);
6057
- }
6058
-
6059
- .premium-button-style1-top:before {
6060
- -webkit-transform-origin: 50% 100%;
6061
- -ms-transform-origin: 50% 100%;
6062
- transform-origin: 50% 100%;
6063
- }
6064
-
6065
- .premium-button-style1-right:before {
6066
- -webkit-transform: scaleX(0);
6067
- -ms-transform: scaleX(0);
6068
- transform: scaleX(0);
6069
- -webkit-transform-origin: 100% 50%;
6070
- -ms-transform-origin: 100% 50%;
6071
- transform-origin: 100% 50%;
6072
- }
6073
-
6074
- .premium-button-style1-left:before {
6075
- -webkit-transform: scaleX(0);
6076
- -ms-transform: scaleX(0);
6077
- transform: scaleX(0);
6078
- -webkit-transform-origin: 0% 50%;
6079
- -ms-transform-origin: 0% 50%;
6080
- transform-origin: 0% 50%;
6081
- }
6082
-
6083
- .premium-button-style2-shutouthor:before,
6084
- .premium-button-style2-scshutoutver:before {
6085
- -webkit-transform: scaleY(0);
6086
- -ms-transform: scaleY(0);
6087
- transform: scaleY(0);
6088
- -webkit-transform-origin: 0% 50%;
6089
- -ms-transform-origin: 0% 50%;
6090
- transform-origin: 0% 50%;
6091
- }
6092
-
6093
- .premium-button-style2-shutoutver:before,
6094
- .premium-button-style2-scshutouthor:before {
6095
- -webkit-transform: scaleX(0);
6096
- -ms-transform: scaleX(0);
6097
- transform: scaleX(0);
6098
- -webkit-transform-origin: 50% 50%;
6099
- -ms-transform-origin: 50% 50%;
6100
- transform-origin: 50% 50%;
6101
- }
6102
-
6103
- .premium-button-style2-shutinhor:before {
6104
- -webkit-transform: scaleX(1);
6105
- -ms-transform: scaleX(1);
6106
- transform: scaleX(1);
6107
- -webkit-transform-origin: 50%;
6108
- -ms-transform-origin: 50%;
6109
- transform-origin: 50%;
6110
- }
6111
-
6112
- .premium-button-style2-shutinver:before {
6113
- -webkit-transform: scaleY(1);
6114
- -ms-transform: scaleY(1);
6115
- transform: scaleY(1);
6116
- -webkit-transform-origin: 50%;
6117
- -ms-transform-origin: 50%;
6118
- transform-origin: 50%;
6119
- }
6120
-
6121
- .premium-button-style1-bottom:hover:before,
6122
- .premium-button-style1-top:hover:before {
6123
- -webkit-transform: scaleY(1);
6124
- -ms-transform: scaleY(1);
6125
- transform: scaleY(1);
6126
- }
6127
-
6128
- .premium-button-style1-left:hover:before,
6129
- .premium-button-style1-right:hover:before,
6130
- .premium-button-style2-shutouthor:hover:before,
6131
- .premium-button-style2-shutoutver:hover:before {
6132
- -webkit-transform: scaleX(1);
6133
- -ms-transform: scaleX(1);
6134
- transform: scaleX(1);
6135
- }
6136
-
6137
- .premium-button-style2-shutinhor:hover:before {
6138
- -webkit-transform: scaleX(0);
6139
- -ms-transform: scaleX(0);
6140
- transform: scaleX(0);
6141
- }
6142
-
6143
- .premium-button-style2-shutinver:hover:before {
6144
- -webkit-transform: scaleY(0);
6145
- -ms-transform: scaleY(0);
6146
- transform: scaleY(0);
6147
- }
6148
-
6149
- .premium-button-style2-scshutouthor:hover:before {
6150
- -webkit-transform: scaleX(0.9);
6151
- -ms-transform: scaleX(0.9);
6152
- transform: scaleX(0.9);
6153
- }
6154
-
6155
- .premium-button-style2-scshutoutver:hover:before {
6156
- -webkit-transform: scaleY(0.8);
6157
- -ms-transform: scaleY(0.8);
6158
- transform: scaleY(0.8);
6159
- }
6160
-
6161
- /*Diagonal*/
6162
- .premium-button-style2-dshutinhor:before {
6163
- top: 50%;
6164
- right: 50%;
6165
- width: 120%;
6166
- height: 0%;
6167
- -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6168
- -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6169
- transform: translateX(50%) translateY(-50%) rotate(45deg);
6170
- -webkit-transform-origin: 50%;
6171
- -ms-transform-origin: 50%;
6172
- transform-origin: 50%;
6173
- -webkit-transition-property: all;
6174
- transition-property: all;
6175
- }
6176
-
6177
- .premium-button-style2-dshutinver:before {
6178
- top: 50%;
6179
- right: 50%;
6180
- width: 120%;
6181
- height: 0%;
6182
- -webkit-transform-origin: 50%;
6183
- -ms-transform-origin: 50%;
6184
- transform-origin: 50%;
6185
- -webkit-transition-property: all;
6186
- transition-property: all;
6187
- -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6188
- -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6189
- transform: translateX(50%) translateY(-50%) rotate(-45deg);
6190
- }
6191
-
6192
- .premium-button-style2-dshutinhor:hover:before,
6193
- .premium-button-style2-dshutinver:hover:before {
6194
- height: 220%;
6195
- }
6196
-
6197
- .premium-button-style3-before i,
6198
- .premium-button-style3-before svg {
6199
- opacity: 0;
6200
- -webkit-transform: translateX(5px);
6201
- -ms-transform: translateX(5px);
6202
- transform: translateX(5px);
6203
- -webkit-transition: all 0.5s ease-in-out;
6204
- transition: all 0.5s ease-in-out;
6205
- }
6206
-
6207
- .premium-button-style3-after i,
6208
- .premium-button-style3-after svg {
6209
- opacity: 0;
6210
- -webkit-transform: translateX(5px);
6211
- -ms-transform: translateX(5px);
6212
- transform: translateX(5px);
6213
- -webkit-transition: all 0.5s ease-in-out;
6214
- transition: all 0.5s ease-in-out;
6215
- -webkit-transform: translateX(-5px);
6216
- -ms-transform: translateX(-5px);
6217
- transform: translateX(-5px);
6218
- }
6219
-
6220
- .premium-button-style3-after:hover i,
6221
- .premium-button-style3-after:hover svg {
6222
- opacity: 1;
6223
- }
6224
-
6225
- .premium-button-style3-before:hover i,
6226
- .premium-button-style3-before:hover svg {
6227
- opacity: 1;
6228
- }
6229
-
6230
- .premium-button-text-icon-wrapper {
6231
- width: 100%;
6232
- -js-display: flex;
6233
- display: -webkit-box;
6234
- display: -webkit-flex;
6235
- display: -moz-box;
6236
- display: -ms-flexbox;
6237
- display: flex;
6238
- -webkit-box-pack: center;
6239
- -webkit-justify-content: center;
6240
- -moz-box-pack: center;
6241
- -ms-flex-pack: center;
6242
- justify-content: center;
6243
- -webkit-box-align: center;
6244
- -webkit-align-items: center;
6245
- -moz-box-align: center;
6246
- -ms-flex-align: center;
6247
- align-items: center;
6248
- -webkit-transition: all 0.2s ease-in-out;
6249
- transition: all 0.2s ease-in-out;
6250
- }
6251
-
6252
- .premium-button-text-icon-wrapper span,
6253
- .premium-button-text-icon-wrapper i,
6254
- .premium-button-text-icon-wrapper svg {
6255
- -webkit-transition: all 0.2s ease-in-out;
6256
- transition: all 0.2s ease-in-out;
6257
- }
6258
-
6259
- .premium-button-style4-icon-wrapper {
6260
- position: absolute;
6261
- z-index: 2;
6262
- width: 100%;
6263
- text-align: center;
6264
- -js-display: flex;
6265
- display: -webkit-box;
6266
- display: -webkit-flex;
6267
- display: -moz-box;
6268
- display: -ms-flexbox;
6269
- display: flex;
6270
- -webkit-box-align: center;
6271
- -webkit-align-items: center;
6272
- -moz-box-align: center;
6273
- -ms-flex-align: center;
6274
- align-items: center;
6275
- -webkit-box-pack: center;
6276
- -webkit-justify-content: center;
6277
- -moz-box-pack: center;
6278
- -ms-flex-pack: center;
6279
- justify-content: center;
6280
- height: 100%;
6281
- opacity: 0;
6282
- -webkit-transition: all 0.3s ease-in-out;
6283
- transition: all 0.3s ease-in-out;
6284
- }
6285
-
6286
- .premium-button-style4-icon-wrapper.top {
6287
- bottom: -100%;
6288
- right: 0;
6289
- }
6290
-
6291
- .premium-button-style4-icon-wrapper.bottom {
6292
- top: -100%;
6293
- right: 0;
6294
- }
6295
-
6296
- .premium-button-style4-icon-wrapper.left {
6297
- top: 0;
6298
- right: -100%;
6299
- }
6300
-
6301
- .premium-button-style4-icon-wrapper.right {
6302
- top: 0;
6303
- left: -100%;
6304
- }
6305
-
6306
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6307
- top: 0;
6308
- opacity: 1;
6309
- }
6310
-
6311
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6312
- bottom: 0;
6313
- opacity: 1;
6314
- }
6315
-
6316
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6317
- right: 0;
6318
- opacity: 1;
6319
- }
6320
-
6321
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6322
- left: 0;
6323
- opacity: 1;
6324
- }
6325
-
6326
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6327
- -webkit-transform: translateY(100%);
6328
- -ms-transform: translateY(100%);
6329
- transform: translateY(100%);
6330
- opacity: 0;
6331
- }
6332
-
6333
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6334
- -webkit-transform: translateY(-100%);
6335
- -ms-transform: translateY(-100%);
6336
- transform: translateY(-100%);
6337
- opacity: 0;
6338
- }
6339
-
6340
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6341
- -webkit-transform: translateX(-100%);
6342
- -ms-transform: translateX(-100%);
6343
- transform: translateX(-100%);
6344
- opacity: 0;
6345
- }
6346
-
6347
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6348
- -webkit-transform: translateX(100%);
6349
- -ms-transform: translateX(100%);
6350
- transform: translateX(100%);
6351
- opacity: 0;
6352
- }
6353
-
6354
- .premium-button-style6:before {
6355
- content: "";
6356
- position: absolute;
6357
- right: 50%;
6358
- top: 50%;
6359
- width: 100px;
6360
- height: 100px;
6361
- -webkit-border-radius: 100%;
6362
- border-radius: 100%;
6363
- -webkit-transform: translate(50%, -50%) scale(0);
6364
- -ms-transform: translate(50%, -50%) scale(0);
6365
- transform: translate(50%, -50%) scale(0);
6366
- -webkit-transition: all 0.3s ease-in-out;
6367
- transition: all 0.3s ease-in-out;
6368
- }
6369
-
6370
- .premium-button-style6:hover:before {
6371
- -webkit-transform: translate(50%, -50%) scale(3);
6372
- -ms-transform: translate(50%, -50%) scale(3);
6373
- transform: translate(50%, -50%) scale(3);
6374
- }
6375
-
6376
- .premium-button-style6 .premium-button-text-icon-wrapper {
6377
- position: relative;
6378
- z-index: 1;
6379
- }
6380
-
6381
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6382
- position: absolute;
6383
- z-index: 0;
6384
- top: 0;
6385
- right: 0;
6386
- width: 0px;
6387
- height: 0px;
6388
- -webkit-border-radius: 50%;
6389
- border-radius: 50%;
6390
- display: block;
6391
- -webkit-transform: translate(50%, -50%);
6392
- -ms-transform: translate(50%, -50%);
6393
- transform: translate(50%, -50%);
6394
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6395
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6396
- }
6397
-
6398
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6399
- width: 225%;
6400
- height: 560px;
6401
- }
6402
-
6403
- .premium-mouse-detect-yes .premium-button-style6:before {
6404
- width: 0;
6405
- height: 0;
6406
- }
6407
-
6408
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6409
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6410
- -webkit-transition: width 0.3s ease-out 0.15s;
6411
- transition: width 0.3s ease-out 0.15s;
6412
- }
6413
-
6414
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6415
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6416
- -webkit-transition: width 0.3s ease-out 0s;
6417
- transition: width 0.3s ease-out 0s;
6418
- }
6419
-
6420
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6421
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6422
- -webkit-transition: height 0.3s ease-out 0.15s;
6423
- transition: height 0.3s ease-out 0.15s;
6424
- }
6425
-
6426
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6427
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6428
- -webkit-transition: height 0.3s ease-out 0s;
6429
- transition: height 0.3s ease-out 0s;
6430
- }
6431
-
6432
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6433
- -webkit-transition-delay: 0s;
6434
- transition-delay: 0s;
6435
- }
6436
-
6437
- .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6438
- -webkit-transition-delay: 0.15s;
6439
- transition-delay: 0.15s;
6440
- }
6441
-
6442
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6443
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6444
- content: "";
6445
- position: absolute;
6446
- left: 0;
6447
- top: 0;
6448
- right: 0;
6449
- height: 0;
6450
- z-index: -1;
6451
- }
6452
-
6453
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6454
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6455
- content: "";
6456
- position: absolute;
6457
- left: 0;
6458
- bottom: 0;
6459
- right: 0;
6460
- height: 0;
6461
- z-index: -1;
6462
- }
6463
-
6464
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6465
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6466
- content: "";
6467
- position: absolute;
6468
- right: 0;
6469
- top: 0;
6470
- bottom: 0;
6471
- width: 0;
6472
- z-index: -1;
6473
- }
6474
-
6475
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6476
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6477
- content: "";
6478
- position: absolute;
6479
- left: 0;
6480
- top: 0;
6481
- bottom: 0;
6482
- width: 0;
6483
- z-index: -1;
6484
- }
6485
-
6486
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6487
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6488
- height: 100%;
6489
- top: 0;
6490
- }
6491
-
6492
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6493
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6494
- height: 100%;
6495
- bottom: 0;
6496
- }
6497
-
6498
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6499
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6500
- width: 100%;
6501
- left: 0;
6502
- }
6503
-
6504
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6505
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6506
- width: 100%;
6507
- right: 0;
6508
- }
6509
-
6510
- /**************** Premium Contact Form7 **********/
6511
- /*************************************************/
6512
- .premium-contact-form-anim-yes .wpcf7-span::after {
6513
- display: block;
6514
- height: 2px;
6515
- content: "";
6516
- top: -2px;
6517
- position: relative;
6518
- width: 0px;
6519
- -webkit-transition: all ease-in-out 0.3s;
6520
- transition: all ease-in-out 0.3s;
6521
- }
6522
-
6523
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6524
- width: 100%;
6525
- }
6526
-
6527
- .premium-cf7-container input.wpcf7-submit {
6528
- -webkit-transition: all 0.3s ease-in-out;
6529
- transition: all 0.3s ease-in-out;
6530
- }
6531
-
6532
- /**************** Premium Image Button ***********/
6533
- /*************************************************/
6534
- .premium-image-button {
6535
- -js-display: inline-flex;
6536
- display: -webkit-inline-box;
6537
- display: -webkit-inline-flex;
6538
- display: -moz-inline-box;
6539
- display: -ms-inline-flexbox;
6540
- display: inline-flex;
6541
- position: relative;
6542
- overflow: hidden;
6543
- background-color: #eee;
6544
- cursor: pointer;
6545
- -webkit-transition: all 0.2s ease-in-out !important;
6546
- transition: all 0.2s ease-in-out !important;
6547
- }
6548
-
6549
- .premium-image-button .premium-button-style6-bg,
6550
- .premium-image-button.premium-button-style6:before,
6551
- .premium-image-button:not(.premium-image-button-style6):hover {
6552
- background-color: #54595f;
6553
- }
6554
-
6555
- /*Default background for slide styles*/
6556
- .premium-image-button:hover,
6557
- .premium-image-button-style4-icon-wrapper,
6558
- .premium-image-button-style1-top:before,
6559
- .premium-image-button-style1-bottom:before,
6560
- .premium-image-button-style1-left:before,
6561
- .premium-image-button-style1-right:before {
6562
- background-color: #54595f;
6563
- }
6564
-
6565
- .premium-image-button-text-icon-wrapper {
6566
- width: 100%;
6567
- -js-display: flex;
6568
- display: -webkit-box;
6569
- display: -webkit-flex;
6570
- display: -moz-box;
6571
- display: -ms-flexbox;
6572
- display: flex;
6573
- -webkit-box-pack: center;
6574
- -webkit-justify-content: center;
6575
- -moz-box-pack: center;
6576
- -ms-flex-pack: center;
6577
- justify-content: center;
6578
- -webkit-box-align: center;
6579
- -webkit-align-items: center;
6580
- -moz-box-align: center;
6581
- -ms-flex-align: center;
6582
- align-items: center;
6583
- position: relative;
6584
- z-index: 3;
6585
- -webkit-transition: all 0.2s ease-in-out;
6586
- transition: all 0.2s ease-in-out;
6587
- }
6588
-
6589
- .premium-image-button-text-icon-wrapper span,
6590
- .premium-image-button-text-icon-wrapper,
6591
- .premium-image-button-text-icon-wrapper i,
6592
- .premium-image-button-text-icon-wrapper svg {
6593
- -webkit-transition: all 0.2s ease-in-out;
6594
- transition: all 0.2s ease-in-out;
6595
- }
6596
-
6597
- .premium-image-button-style1-bottom:before,
6598
- .premium-image-button-style1-top:before,
6599
- .premium-image-button-style1-left:before,
6600
- .premium-image-button-style1-right:before {
6601
- -webkit-transition: all 0.2s ease-in-out;
6602
- transition: all 0.2s ease-in-out;
6603
- }
6604
-
6605
- .premium-image-button-style1-bottom:before {
6606
- content: "";
6607
- position: absolute;
6608
- width: 100%;
6609
- height: 0;
6610
- top: 0;
6611
- right: 0;
6612
- }
6613
-
6614
- .premium-image-button-style1-top:before {
6615
- content: "";
6616
- position: absolute;
6617
- width: 100%;
6618
- height: 0;
6619
- bottom: 0;
6620
- right: 0;
6621
- }
6622
-
6623
- .premium-image-button-style1-right:before {
6624
- content: "";
6625
- position: absolute;
6626
- width: 0;
6627
- height: 100%;
6628
- bottom: 0;
6629
- right: 0;
6630
- }
6631
-
6632
- .premium-image-button-style1-left:before {
6633
- content: "";
6634
- position: absolute;
6635
- width: 0;
6636
- height: 100%;
6637
- top: 0;
6638
- left: 0;
6639
- }
6640
-
6641
- .premium-image-button-style1-bottom:hover:before {
6642
- height: 100%;
6643
- }
6644
-
6645
- .premium-image-button-style1-top:hover:before {
6646
- height: 100%;
6647
- }
6648
-
6649
- .premium-image-button-style1-right:hover:before {
6650
- width: 100%;
6651
- }
6652
-
6653
- .premium-image-button-style1-left:hover:before {
6654
- width: 100%;
6655
- }
6656
-
6657
- .premium-image-button-diagonal-top,
6658
- .premium-image-button-diagonal-bottom,
6659
- .premium-image-button-diagonal-left,
6660
- .premium-image-button-diagonal-right {
6661
- z-index: 10;
6662
- }
6663
-
6664
- .premium-image-button-diagonal-top:before,
6665
- .premium-image-button-diagonal-bottom:before,
6666
- .premium-image-button-diagonal-left:before,
6667
- .premium-image-button-diagonal-right:before {
6668
- position: absolute;
6669
- top: 0px;
6670
- right: 0px;
6671
- width: 100%;
6672
- height: 100%;
6673
- content: "";
6674
- z-index: 1;
6675
- background: rgba(255, 255, 255, 0.2);
6676
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6677
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6678
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6679
- -webkit-transition: all 0.8s ease-out;
6680
- transition: all 0.8s ease-out;
6681
- }
6682
-
6683
- .premium-image-button-diagonal-right:hover:before,
6684
- .premium-image-button-diagonal-left:before {
6685
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6686
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6687
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6688
- }
6689
-
6690
- .premium-image-button-diagonal-left:hover:before,
6691
- .premium-image-button-diagonal-right:before {
6692
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6693
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6694
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6695
- }
6696
-
6697
- .premium-image-button-diagonal-top:hover:before,
6698
- .premium-image-button-diagonal-bottom:before {
6699
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6700
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6701
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6702
- }
6703
-
6704
- .premium-image-button-diagonal-bottom:hover:before,
6705
- .premium-image-button-diagonal-top:before {
6706
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6707
- -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6708
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6709
- }
6710
-
6711
- .premium-image-button-style4-icon-wrapper {
6712
- position: absolute;
6713
- z-index: 2;
6714
- width: 100%;
6715
- text-align: center;
6716
- display: -webkit-box;
6717
- display: -webkit-flex;
6718
- display: -ms-flexbox;
6719
- -js-display: flex;
6720
- display: -moz-box;
6721
- display: flex;
6722
- -webkit-box-align: center;
6723
- -webkit-align-items: center;
6724
- -moz-box-align: center;
6725
- -ms-flex-align: center;
6726
- align-items: center;
6727
- -webkit-box-pack: center;
6728
- -webkit-justify-content: center;
6729
- -moz-box-pack: center;
6730
- -ms-flex-pack: center;
6731
- justify-content: center;
6732
- height: 100%;
6733
- opacity: 0;
6734
- -webkit-transition: all 0.3s ease-in-out;
6735
- transition: all 0.3s ease-in-out;
6736
- }
6737
-
6738
- .premium-image-button-style4-icon-wrapper.top {
6739
- bottom: -100%;
6740
- right: 0;
6741
- }
6742
-
6743
- .premium-image-button-style4-icon-wrapper.bottom {
6744
- top: -100%;
6745
- right: 0;
6746
- }
6747
-
6748
- .premium-image-button-style4-icon-wrapper.left {
6749
- top: 0;
6750
- right: -100%;
6751
- }
6752
-
6753
- .premium-image-button-style4-icon-wrapper.right {
6754
- top: 0;
6755
- left: -100%;
6756
- }
6757
-
6758
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6759
- top: 0;
6760
- opacity: 1;
6761
- }
6762
-
6763
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6764
- bottom: 0;
6765
- opacity: 1;
6766
- }
6767
-
6768
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6769
- right: 0;
6770
- opacity: 1;
6771
- }
6772
-
6773
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6774
- left: 0;
6775
- opacity: 1;
6776
- }
6777
-
6778
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6779
- -webkit-transform: translateY(100%);
6780
- -ms-transform: translateY(100%);
6781
- transform: translateY(100%);
6782
- opacity: 0;
6783
- }
6784
-
6785
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6786
- -webkit-transform: translateY(-100%);
6787
- -ms-transform: translateY(-100%);
6788
- transform: translateY(-100%);
6789
- opacity: 0;
6790
- }
6791
-
6792
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6793
- -webkit-transform: translateX(-100%);
6794
- -ms-transform: translateX(-100%);
6795
- transform: translateX(-100%);
6796
- opacity: 0;
6797
- }
6798
-
6799
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6800
- -webkit-transform: translateX(100%);
6801
- -ms-transform: translateX(100%);
6802
- transform: translateX(100%);
6803
- opacity: 0;
6804
- }
6805
-
6806
- .premium-image-button-overlap-effect-horizontal:before,
6807
- .premium-image-button-overlap-effect-vertical:before {
6808
- position: absolute;
6809
- content: "";
6810
- top: 0;
6811
- right: 0;
6812
- width: 100%;
6813
- height: 100%;
6814
- opacity: 0;
6815
- -webkit-transition: all 1s ease-in-out;
6816
- transition: all 1s ease-in-out;
6817
- background: rgba(255, 255, 255, 0.2);
6818
- -webkit-animation-name: premium-overlap-effect-done;
6819
- animation-name: premium-overlap-effect-done;
6820
- -webkit-animation-duration: 1s;
6821
- animation-duration: 1s;
6822
- }
6823
-
6824
- .premium-image-button-overlap-effect-vertical:before {
6825
- -webkit-animation-name: premium-overlap-ver-effect-done;
6826
- animation-name: premium-overlap-ver-effect-done;
6827
- -webkit-animation-duration: 1s;
6828
- animation-duration: 1s;
6829
- }
6830
-
6831
- .premium-image-button-overlap-effect-horizontal:hover:before {
6832
- -webkit-animation-name: premium-overlap-effect;
6833
- animation-name: premium-overlap-effect;
6834
- -webkit-animation-duration: 1s;
6835
- animation-duration: 1s;
6836
- }
6837
-
6838
- .premium-image-button-overlap-effect-vertical:hover:before {
6839
- -webkit-animation-name: premium-overlap-ver-effect;
6840
- animation-name: premium-overlap-ver-effect;
6841
- -webkit-animation-duration: 1s;
6842
- animation-duration: 1s;
6843
- }
6844
-
6845
- @-webkit-keyframes premium-overlap-effect {
6846
- 0% {
6847
- opacity: 0;
6848
- -webkit-transform: rotateY(0deg);
6849
- transform: rotateY(0deg);
6850
- }
6851
-
6852
- 50% {
6853
- opacity: 1;
6854
- -webkit-transform: rotateY(180deg);
6855
- transform: rotateY(180deg);
6856
- }
6857
-
6858
- 100% {
6859
- opacity: 0;
6860
- -webkit-transform: rotateY(360deg);
6861
- transform: rotateY(360deg);
6862
- }
6863
- }
6864
-
6865
- @keyframes premium-overlap-effect {
6866
- 0% {
6867
- opacity: 0;
6868
- -webkit-transform: rotateY(0deg);
6869
- transform: rotateY(0deg);
6870
- }
6871
-
6872
- 50% {
6873
- opacity: 1;
6874
- -webkit-transform: rotateY(180deg);
6875
- transform: rotateY(180deg);
6876
- }
6877
-
6878
- 100% {
6879
- opacity: 0;
6880
- -webkit-transform: rotateY(360deg);
6881
- transform: rotateY(360deg);
6882
- }
6883
- }
6884
-
6885
- @-webkit-keyframes premium-overlap-effect-done {
6886
- 0% {
6887
- opacity: 0;
6888
- -webkit-transform: rotateY(0deg);
6889
- transform: rotateY(0deg);
6890
- }
6891
-
6892
- 50% {
6893
- opacity: 1;
6894
- -webkit-transform: rotateY(180deg);
6895
- transform: rotateY(180deg);
6896
- }
6897
-
6898
- 100% {
6899
- opacity: 0;
6900
- -webkit-transform: rotateY(360deg);
6901
- transform: rotateY(360deg);
6902
- }
6903
- }
6904
-
6905
- @keyframes premium-overlap-effect-done {
6906
- 0% {
6907
- opacity: 0;
6908
- -webkit-transform: rotateY(0deg);
6909
- transform: rotateY(0deg);
6910
- }
6911
-
6912
- 50% {
6913
- opacity: 1;
6914
- -webkit-transform: rotateY(180deg);
6915
- transform: rotateY(180deg);
6916
- }
6917
-
6918
- 100% {
6919
- opacity: 0;
6920
- -webkit-transform: rotateY(360deg);
6921
- transform: rotateY(360deg);
6922
- }
6923
- }
6924
-
6925
- @-webkit-keyframes premium-overlap-ver-effect {
6926
- 0% {
6927
- opacity: 0;
6928
- -webkit-transform: rotateX(0deg);
6929
- transform: rotateX(0deg);
6930
- }
6931
-
6932
- 50% {
6933
- opacity: 1;
6934
- -webkit-transform: rotateX(180deg);
6935
- transform: rotateX(180deg);
6936
- }
6937
-
6938
- 100% {
6939
- opacity: 0;
6940
- -webkit-transform: rotateX(360deg);
6941
- transform: rotateX(360deg);
6942
- }
6943
- }
6944
-
6945
- @keyframes premium-overlap-ver-effect {
6946
- 0% {
6947
- opacity: 0;
6948
- -webkit-transform: rotateX(0deg);
6949
- transform: rotateX(0deg);
6950
- }
6951
-
6952
- 50% {
6953
- opacity: 1;
6954
- -webkit-transform: rotateX(180deg);
6955
- transform: rotateX(180deg);
6956
- }
6957
-
6958
- 100% {
6959
- opacity: 0;
6960
- -webkit-transform: rotateX(360deg);
6961
- transform: rotateX(360deg);
6962
- }
6963
- }
6964
-
6965
- @-webkit-keyframes premium-overlap-ver-effect-done {
6966
- 0% {
6967
- opacity: 0;
6968
- -webkit-transform: rotateX(0deg);
6969
- transform: rotateX(0deg);
6970
- }
6971
-
6972
- 50% {
6973
- opacity: 1;
6974
- -webkit-transform: rotateX(180deg);
6975
- transform: rotateX(180deg);
6976
- }
6977
-
6978
- 100% {
6979
- opacity: 0;
6980
- -webkit-transform: rotateX(360deg);
6981
- transform: rotateX(360deg);
6982
- }
6983
- }
6984
-
6985
- @keyframes premium-overlap-ver-effect-done {
6986
- 0% {
6987
- opacity: 0;
6988
- -webkit-transform: rotateX(0deg);
6989
- transform: rotateX(0deg);
6990
- }
6991
-
6992
- 50% {
6993
- opacity: 1;
6994
- -webkit-transform: rotateX(180deg);
6995
- transform: rotateX(180deg);
6996
- }
6997
-
6998
- 100% {
6999
- opacity: 0;
7000
- -webkit-transform: rotateX(360deg);
7001
- transform: rotateX(360deg);
7002
- }
7003
- }
7004
-
7005
- /******** Premium Media Grid ********/
7006
- /************************************/
7007
- .premium-img-gallery-filter,
7008
- .premium-blog-filter {
7009
- display: -webkit-box;
7010
- display: -webkit-flex;
7011
- display: -ms-flexbox;
7012
- -js-display: flex;
7013
- display: -moz-box;
7014
- display: flex;
7015
- -webkit-box-align: center;
7016
- -webkit-align-items: center;
7017
- -moz-box-align: center;
7018
- -ms-flex-align: center;
7019
- align-items: center;
7020
- -webkit-box-pack: center;
7021
- -webkit-justify-content: center;
7022
- -moz-box-pack: center;
7023
- -ms-flex-pack: center;
7024
- justify-content: center;
7025
- }
7026
-
7027
- .premium-img-gallery {
7028
- clear: both;
7029
- overflow: hidden;
7030
- }
7031
-
7032
- .premium-gallery-container .premium-gallery-item {
7033
- padding: 10px;
7034
- float: right;
7035
- /* Google Chrome isotope issue */
7036
- }
7037
-
7038
- .premium-gallery-container .grid-sizer {
7039
- width: 33.33%;
7040
- }
7041
-
7042
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7043
- .premium-blog-filter .premium-blog-filters-container li a.category {
7044
- outline: none;
7045
- text-decoration: none;
7046
- -webkit-border-radius: 75px;
7047
- border-radius: 75px;
7048
- margin: 15px 5px 20px;
7049
- padding: 7px 20px;
7050
- -webkit-transition: all 0.3s ease-in-out;
7051
- transition: all 0.3s ease-in-out;
7052
- }
7053
-
7054
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7055
- -webkit-transition: all 0.3s ease-in-out;
7056
- transition: all 0.3s ease-in-out;
7057
- }
7058
-
7059
- .pa-gallery-img {
7060
- position: relative;
7061
- }
7062
-
7063
- .pa-gallery-img .pa-gallery-whole-link {
7064
- position: absolute;
7065
- top: 0;
7066
- right: 0;
7067
- width: 100%;
7068
- height: 100%;
7069
- }
7070
-
7071
- .pa-gallery-img.style2 .pa-gallery-whole-link {
7072
- z-index: 99;
7073
- }
7074
-
7075
- .pa-gallery-img-container {
7076
- overflow: hidden;
7077
- -webkit-backface-visibility: hidden;
7078
- -moz-backface-visibility: hidden;
7079
- -webkit-transform: translate3d(0, 0, 0);
7080
- transform: translate3d(0, 0, 0);
7081
- }
7082
-
7083
- .pa-gallery-img-container img {
7084
- display: block;
7085
- width: 100%;
7086
- -webkit-transition: all 0.3s ease-in-out;
7087
- transition: all 0.3s ease-in-out;
7088
- }
7089
-
7090
- .premium-img-gallery.gray img {
7091
- -webkit-filter: grayscale(100%);
7092
- filter: grayscale(100%);
7093
- }
7094
-
7095
- .premium-img-gallery.zoomout img,
7096
- .premium-img-gallery.scale img {
7097
- -webkit-transform: scale(1.2);
7098
- -ms-transform: scale(1.2);
7099
- transform: scale(1.2);
7100
- }
7101
-
7102
- .premium-img-gallery.sepia img {
7103
- -webkit-filter: sepia(30%);
7104
- filter: sepia(30%);
7105
- }
7106
-
7107
- .premium-img-gallery.bright img {
7108
- -webkit-filter: brightness(1);
7109
- filter: brightness(1);
7110
- }
7111
-
7112
- .premium-img-gallery.trans img {
7113
- -webkit-transform: translateX(15px) scale(1.1);
7114
- -ms-transform: translateX(15px) scale(1.1);
7115
- transform: translateX(15px) scale(1.1);
7116
- }
7117
-
7118
- .pa-gallery-img .pa-gallery-magnific-image,
7119
- .pa-gallery-img .pa-gallery-img-link {
7120
- outline: none;
7121
- }
7122
-
7123
- .pa-gallery-img .pa-gallery-magnific-image i,
7124
- .pa-gallery-img .pa-gallery-magnific-image svg,
7125
- .pa-gallery-img .pa-gallery-img-link i,
7126
- .pa-gallery-img .pa-gallery-img-link svg {
7127
- -webkit-transition: all 0.3s ease-in-out;
7128
- transition: all 0.3s ease-in-out;
7129
- }
7130
-
7131
- .pa-gallery-img .pa-gallery-magnific-image span,
7132
- .pa-gallery-img .pa-gallery-img-link span {
7133
- line-height: 1;
7134
- display: inline-block;
7135
- opacity: 0;
7136
- margin: 0 5px;
7137
- padding: 15px;
7138
- -webkit-border-radius: 50%;
7139
- border-radius: 50%;
7140
- }
7141
-
7142
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7143
- .pa-gallery-img.style2 .pa-gallery-img-link span {
7144
- margin: 0 5px 20px;
7145
- }
7146
-
7147
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
7148
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7149
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7150
- }
7151
-
7152
- .pa-gallery-img:hover .pa-gallery-img-link span {
7153
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7154
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7155
- }
7156
-
7157
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
7158
- .pa-gallery-img:hover .pa-gallery-img-link span,
7159
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
7160
- opacity: 1;
7161
- }
7162
-
7163
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
7164
- .premium-blog-filter ul.premium-blog-filters-container {
7165
- text-align: center;
7166
- margin: 0;
7167
- padding: 0;
7168
- }
7169
-
7170
- .premium-img-gallery-filter .premium-gallery-cats-container li,
7171
- .premium-blog-filter .premium-blog-filters-container li {
7172
- list-style: none;
7173
- display: -webkit-inline-box;
7174
- display: -webkit-inline-flex;
7175
- display: -ms-inline-flexbox;
7176
- -js-display: inline-flex;
7177
- display: -moz-inline-box;
7178
- display: inline-flex;
7179
- }
7180
-
7181
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7182
- -webkit-transform: scale(1.1);
7183
- -ms-transform: scale(1.1);
7184
- transform: scale(1.1);
7185
- }
7186
-
7187
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7188
- -webkit-transform: scale(1);
7189
- -ms-transform: scale(1);
7190
- transform: scale(1);
7191
- }
7192
-
7193
- .premium-img-gallery.scale .pa-gallery-img:hover img {
7194
- -webkit-transform: scale(1.3) rotate(-5deg);
7195
- -ms-transform: scale(1.3) rotate(-5deg);
7196
- transform: scale(1.3) rotate(-5deg);
7197
- }
7198
-
7199
- .premium-img-gallery.gray .pa-gallery-img:hover img {
7200
- -webkit-filter: grayscale(0%);
7201
- filter: grayscale(0%);
7202
- }
7203
-
7204
- .premium-img-gallery.blur .pa-gallery-img:hover img {
7205
- -webkit-filter: blur(3px);
7206
- filter: blur(3px);
7207
- }
7208
-
7209
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
7210
- -webkit-filter: sepia(0%);
7211
- filter: sepia(0%);
7212
- }
7213
-
7214
- .premium-img-gallery.trans .pa-gallery-img:hover img {
7215
- -webkit-transform: translateX(0px) scale(1.1);
7216
- -ms-transform: translateX(0px) scale(1.1);
7217
- transform: translateX(0px) scale(1.1);
7218
- }
7219
-
7220
- .premium-img-gallery.bright .pa-gallery-img:hover img {
7221
- -webkit-filter: brightness(1.2);
7222
- filter: brightness(1.2);
7223
- }
7224
-
7225
- .pa-gallery-img .premium-gallery-caption {
7226
- padding: 10px;
7227
- }
7228
-
7229
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7230
- margin-bottom: 0;
7231
- }
7232
-
7233
- .pa-gallery-img.style1 {
7234
- overflow: hidden;
7235
- }
7236
-
7237
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7238
- position: absolute;
7239
- top: 0;
7240
- right: 0;
7241
- width: 100%;
7242
- height: 100%;
7243
- -webkit-transition: all 0.3s ease-in-out;
7244
- transition: all 0.3s ease-in-out;
7245
- }
7246
-
7247
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7248
- position: absolute;
7249
- top: 33.33%;
7250
- width: 100%;
7251
- text-align: center;
7252
- -webkit-transform: translateY(-50%);
7253
- -ms-transform: translateY(-50%);
7254
- transform: translateY(-50%);
7255
- z-index: 999;
7256
- }
7257
-
7258
- .premium-blog-post-container .premium-blog-entry-container {
7259
- margin: 0 !important;
7260
- }
7261
-
7262
- .pa-gallery-img.style1 .premium-gallery-caption {
7263
- position: absolute;
7264
- top: auto;
7265
- left: 0;
7266
- right: 0;
7267
- width: 100%;
7268
- -webkit-transition: all 500ms ease 0s;
7269
- transition: all 500ms ease 0s;
7270
- -webkit-transform: translate3d(0, 100%, 0);
7271
- -ms-transform: translate3d(0, 100%, 0);
7272
- transform: translate3d(0, 100%, 0);
7273
- }
7274
-
7275
- .pa-gallery-img.default .premium-gallery-caption {
7276
- position: absolute;
7277
- top: auto;
7278
- left: 0;
7279
- right: 0;
7280
- width: 100%;
7281
- bottom: 0;
7282
- }
7283
-
7284
- .pa-gallery-img.style1:hover .premium-gallery-caption {
7285
- -webkit-transform: translate3d(0, 0, 0);
7286
- -ms-transform: translate3d(0, 0, 0);
7287
- transform: translate3d(0, 0, 0);
7288
- bottom: -1px !important;
7289
- }
7290
-
7291
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7292
- position: absolute;
7293
- top: 0;
7294
- right: 0;
7295
- width: 100%;
7296
- height: 100%;
7297
- opacity: 0;
7298
- -webkit-backface-visibility: hidden;
7299
- backface-visibility: hidden;
7300
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7301
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7302
- transition: opacity 0.3s, -webkit-transform 0.3s;
7303
- transition: transform 0.3s, opacity 0.3s;
7304
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7305
- z-index: 1;
7306
- background-color: rgba(108, 191, 226, 0.68);
7307
- display: -webkit-box;
7308
- display: -webkit-flex;
7309
- display: -ms-flexbox;
7310
- -js-display: flex;
7311
- display: -moz-box;
7312
- display: flex;
7313
- text-align: center;
7314
- -webkit-box-align: center;
7315
- -webkit-align-items: center;
7316
- -moz-box-align: center;
7317
- -ms-flex-align: center;
7318
- align-items: center;
7319
- }
7320
-
7321
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7322
- width: 100%;
7323
- }
7324
-
7325
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7326
- opacity: 1;
7327
- -webkit-transform: translate(-15px, 15px);
7328
- -ms-transform: translate(-15px, 15px);
7329
- transform: translate(-15px, 15px);
7330
- }
7331
-
7332
- .premium-clearfix {
7333
- clear: both;
7334
- }
7335
-
7336
- .premium-gallery-container .pa-gallery-item {
7337
- padding: 10px;
7338
- }
7339
-
7340
- /**
7341
- * Metro Layout
7342
- */
7343
- .premium-img-gallery-metro .premium-gallery-item {
7344
- overflow: hidden;
7345
- }
7346
-
7347
- .premium-img-gallery-metro .pa-gallery-img {
7348
- height: 100%;
7349
- }
7350
-
7351
- .premium-img-gallery-metro .pa-gallery-img-container {
7352
- height: 100%;
7353
- }
7354
-
7355
- .premium-img-gallery-metro .pa-gallery-img-container img {
7356
- min-height: 100%;
7357
- width: 100%;
7358
- -o-object-fit: fill;
7359
- object-fit: fill;
7360
- }
7361
-
7362
- .premium-img-gallery .premium-gallery-item-hidden {
7363
- visibility: hidden;
7364
- width: 0 !important;
7365
- height: 0 !important;
7366
- margin: 0 !important;
7367
- padding: 0 !important;
7368
- }
7369
-
7370
- .premium-gallery-load-more .premium-gallery-load-more-btn {
7371
- -webkit-box-shadow: none;
7372
- box-shadow: none;
7373
- text-shadow: none;
7374
- border: none;
7375
- outline: none;
7376
- -webkit-box-align: center;
7377
- -ms-flex-align: center;
7378
- -webkit-align-items: center;
7379
- -moz-box-align: center;
7380
- align-items: center;
7381
- vertical-align: bottom;
7382
- cursor: pointer;
7383
- line-height: 1;
7384
- font-style: normal;
7385
- font-weight: normal;
7386
- background-image: none;
7387
- color: #fff;
7388
- -webkit-transition: all 0.3s ease-in-out;
7389
- transition: all 0.3s ease-in-out;
7390
- }
7391
-
7392
- .premium-gallery-load-more-btn {
7393
- display: -webkit-inline-box;
7394
- display: -webkit-inline-flex;
7395
- display: -ms-inline-flexbox;
7396
- -js-display: inline-flex;
7397
- display: -moz-inline-box;
7398
- display: inline-flex;
7399
- -webkit-box-align: center;
7400
- -webkit-align-items: center;
7401
- -moz-box-align: center;
7402
- -ms-flex-align: center;
7403
- align-items: center;
7404
- }
7405
-
7406
- .premium-loader {
7407
- border: 3px solid #f3f3f3;
7408
- border-top-width: 3px;
7409
- border-top-style: solid;
7410
- border-top-color: rgb(243, 243, 243);
7411
- -webkit-border-radius: 50%;
7412
- border-radius: 50%;
7413
- border-top: 3px solid;
7414
- border-top-color: #bbb;
7415
- width: 30px;
7416
- height: 30px;
7417
- -webkit-animation: spin 2s linear infinite;
7418
- animation: spin 2s linear infinite;
7419
- margin: 0 auto;
7420
- }
7421
-
7422
- .premium-gallery-load-more-btn div {
7423
- margin-right: 3px;
7424
- }
7425
-
7426
- .premium-gallery-load-more-btn .premium-loader {
7427
- display: inline-block;
7428
- width: 20px;
7429
- height: 20px;
7430
- }
7431
-
7432
- /** * Video */
7433
- .pa-gallery-img .pa-gallery-lightbox-wrap {
7434
- display: inline-block;
7435
- }
7436
-
7437
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7438
- .pa-gallery-img .pa-gallery-video-icon {
7439
- cursor: pointer;
7440
- }
7441
-
7442
- .pa-gallery-img-container iframe,
7443
- .pa-gallery-img-container video {
7444
- position: absolute;
7445
- visibility: hidden;
7446
- top: 0;
7447
- right: 0;
7448
- max-width: 100%;
7449
- width: 100%;
7450
- height: 100%;
7451
- margin: 0;
7452
- line-height: 1;
7453
- border: none;
7454
- }
7455
-
7456
- .pa-gallery-img-container video {
7457
- -o-object-fit: contain;
7458
- object-fit: contain;
7459
- }
7460
-
7461
- .pa-gallery-icons-inner-container svg,
7462
- .pa-gallery-icons-caption-cell svg {
7463
- width: 14px;
7464
- height: 14px;
7465
- }
7466
-
7467
- .premium-gallery-gradient-layer {
7468
- position: absolute;
7469
- bottom: 40px;
7470
- width: 100%;
7471
- height: 20px;
7472
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7473
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7474
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7475
- }
7476
-
7477
- @-webkit-keyframes spin {
7478
- 0% {
7479
- -webkit-transform: rotate(0deg);
7480
- }
7481
-
7482
- 100% {
7483
- -webkit-transform: rotate(-360deg);
7484
- }
7485
- }
7486
-
7487
- @keyframes spin {
7488
- 0% {
7489
- -webkit-transform: rotate(0deg);
7490
- transform: rotate(0deg);
7491
- }
7492
-
7493
- 100% {
7494
- -webkit-transform: rotate(-360deg);
7495
- transform: rotate(-360deg);
7496
- }
7497
- }
7498
-
7499
- /************ Premium Vertical Scroll ************/
7500
- /*************************************************/
7501
- .premium-vscroll-inner {
7502
- position: relative;
7503
- /* overflow: hidden;
7504
- */
7505
- min-height: 100%;
7506
- }
7507
-
7508
- .premium-vscroll-inner .premium-vscroll-dots {
7509
- position: fixed;
7510
- z-index: 100;
7511
- opacity: 1;
7512
- margin-top: -32px;
7513
- -webkit-transition: all 0.3s ease-in-out;
7514
- transition: all 0.3s ease-in-out;
7515
- }
7516
-
7517
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7518
- opacity: 1;
7519
- -webkit-transition: all 0.3s ease-in-out;
7520
- transition: all 0.3s ease-in-out;
7521
- }
7522
-
7523
- .premium-vscroll-inner .premium-vscroll-dots,
7524
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
7525
- opacity: 0;
7526
- visibility: hidden;
7527
- }
7528
-
7529
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7530
- opacity: 1;
7531
- visibility: visible;
7532
- }
7533
-
7534
- .premium-vscroll-dots.middle {
7535
- top: 50%;
7536
- }
7537
-
7538
- .premium-vscroll-dots.top {
7539
- top: 40px;
7540
- }
7541
-
7542
- .premium-vscroll-dots.bottom {
7543
- bottom: 30px;
7544
- }
7545
-
7546
- .premium-vscroll-dots.right {
7547
- left: 17px;
7548
- }
7549
-
7550
- .premium-vscroll-dots.left {
7551
- right: 17px;
7552
- }
7553
-
7554
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
7555
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
7556
- margin: 0 !important;
7557
- padding: 0;
7558
- }
7559
-
7560
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7561
- width: 14px;
7562
- height: 13px;
7563
- margin: 7px;
7564
- position: relative;
7565
- display: -webkit-box;
7566
- display: -webkit-flex;
7567
- display: -ms-flexbox;
7568
- -js-display: flex;
7569
- display: -moz-box;
7570
- display: flex;
7571
- -webkit-box-pack: center;
7572
- -ms-flex-pack: center;
7573
- -webkit-justify-content: center;
7574
- -moz-box-pack: center;
7575
- justify-content: center;
7576
- -webkit-box-align: center;
7577
- -ms-flex-align: center;
7578
- -webkit-align-items: center;
7579
- -moz-box-align: center;
7580
- align-items: center;
7581
- overflow: visible;
7582
- }
7583
-
7584
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7585
- display: block;
7586
- position: relative;
7587
- z-index: 1;
7588
- width: 100%;
7589
- height: 100%;
7590
- cursor: pointer;
7591
- text-decoration: none;
7592
- }
7593
-
7594
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7595
- top: 2px;
7596
- right: 2.5px;
7597
- width: 8px;
7598
- height: 8px;
7599
- border: 1px solid #000;
7600
- -webkit-border-radius: 50%;
7601
- border-radius: 50%;
7602
- position: absolute;
7603
- z-index: 1;
7604
- -webkit-transition: all 0.3s ease-in-out;
7605
- transition: all 0.3s ease-in-out;
7606
- }
7607
-
7608
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7609
- -webkit-transform: scale(1.6);
7610
- -ms-transform: scale(1.6);
7611
- transform: scale(1.6);
7612
- }
7613
-
7614
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7615
- position: absolute;
7616
- color: #fff;
7617
- font-size: 14px;
7618
- font-family: arial, helvetica, sans-serif;
7619
- white-space: nowrap;
7620
- max-width: 220px;
7621
- padding-right: 0.4em;
7622
- padding-left: 0.4em;
7623
- }
7624
-
7625
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7626
- left: 27px;
7627
- }
7628
-
7629
- /* * Lines */
7630
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7631
- width: 4px;
7632
- height: 30px;
7633
- }
7634
-
7635
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7636
- width: 100%;
7637
- height: 100%;
7638
- -webkit-border-radius: 0;
7639
- border-radius: 0;
7640
- }
7641
-
7642
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7643
- -webkit-transform: scale(1);
7644
- -ms-transform: scale(1);
7645
- transform: scale(1);
7646
- }
7647
-
7648
- @media (max-width: 768px) {
7649
- .premium-vscroll-dots.right {
7650
- left: 7px;
7651
- }
7652
-
7653
- .premium-vscroll-dots.left {
7654
- right: 7px;
7655
- }
7656
- }
7657
-
7658
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7659
- position: absolute;
7660
- top: 50%;
7661
- content: "";
7662
- right: -webkit-calc(100% - 1px);
7663
- right: calc(100% - 1px);
7664
- width: 10px;
7665
- height: 0;
7666
- border-top: 6px solid transparent;
7667
- border-bottom: 6px solid transparent;
7668
- border-right: 6px solid;
7669
- -webkit-transform: translateY(-50%);
7670
- -ms-transform: translateY(-50%);
7671
- transform: translateY(-50%);
7672
- }
7673
-
7674
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7675
- position: absolute;
7676
- top: 50%;
7677
- content: "";
7678
- left: -webkit-calc(100% - 1px);
7679
- left: calc(100% - 1px);
7680
- width: 10px;
7681
- height: 0;
7682
- border-top: 6px solid transparent;
7683
- border-bottom: 6px solid transparent;
7684
- border-left: 6px solid;
7685
- -webkit-transform: translateY(-50%);
7686
- -ms-transform: translateY(-50%);
7687
- transform: translateY(-50%);
7688
- }
7689
-
7690
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7691
- right: 27px;
7692
- }
7693
-
7694
- .premium-vscroll-nav-menu {
7695
- position: fixed;
7696
- top: 20px;
7697
- height: 40px;
7698
- z-index: 100;
7699
- padding: 0;
7700
- margin: 0;
7701
- }
7702
-
7703
- .premium-vscroll-nav-menu.left {
7704
- right: 0;
7705
- }
7706
-
7707
- .premium-vscroll-nav-menu.right {
7708
- left: 0;
7709
- }
7710
-
7711
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7712
- display: inline-block;
7713
- margin: 10px;
7714
- color: #000;
7715
- background: #fff;
7716
- background: rgba(255, 255, 255, 0.3);
7717
- }
7718
-
7719
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7720
- padding: 9px 18px;
7721
- display: block;
7722
- cursor: pointer;
7723
- }
7724
-
7725
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7726
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7727
- color: #000;
7728
- }
7729
-
7730
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7731
- .multiscroll-nav li a:focus {
7732
- outline: none;
7733
- }
7734
-
7735
- .premium-vscroll-temp .slimScrollBar {
7736
- visibility: hidden;
7737
- }
7738
-
7739
- /************ Premium Image Scroll ***************/
7740
- /*************************************************/
7741
- .premium-image-scroll-section,
7742
- .premium-image-scroll-container {
7743
- -webkit-transition: all 0.3s ease-in-out;
7744
- transition: all 0.3s ease-in-out;
7745
- }
7746
-
7747
- .premium-image-scroll-section {
7748
- position: relative;
7749
- overflow: hidden;
7750
- width: 100%;
7751
- -webkit-mask-image: -webkit-radial-gradient(white, black);
7752
- }
7753
-
7754
- .premium-image-scroll-container {
7755
- width: 100%;
7756
- }
7757
-
7758
- .premium-image-scroll-container .premium-image-scroll-mask-media {
7759
- -webkit-mask-repeat: no-repeat;
7760
- mask-repeat: no-repeat;
7761
- -webkit-mask-position: center;
7762
- mask-position: center;
7763
- }
7764
-
7765
- .premium-container-scroll {
7766
- overflow: auto;
7767
- }
7768
-
7769
- .premium-image-scroll-container .premium-image-scroll-horizontal {
7770
- position: relative;
7771
- width: 100%;
7772
- height: 100%;
7773
- }
7774
-
7775
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
7776
- max-width: none;
7777
- height: 100%;
7778
- }
7779
-
7780
- .premium-image-scroll-container .premium-image-scroll-vertical img {
7781
- width: 100%;
7782
- max-width: 100%;
7783
- height: auto;
7784
- }
7785
-
7786
- .premium-image-scroll-ver {
7787
- position: relative;
7788
- }
7789
-
7790
- .premium-image-scroll-container .premium-image-scroll-overlay {
7791
- background: rgba(2, 2, 2, 0.3);
7792
- }
7793
-
7794
- .premium-image-scroll-container .premium-image-scroll-link,
7795
- .premium-image-scroll-container .premium-image-scroll-overlay {
7796
- position: absolute;
7797
- top: 0;
7798
- bottom: 0;
7799
- right: 0;
7800
- left: 0;
7801
- z-index: 4;
7802
- }
7803
-
7804
- .premium-image-scroll-content {
7805
- display: inline-block;
7806
- position: absolute;
7807
- height: auto;
7808
- top: 50%;
7809
- right: 50%;
7810
- text-align: center;
7811
- z-index: 5;
7812
- -webkit-transform: translate(50%, -50%);
7813
- -ms-transform: translate(50%, -50%);
7814
- transform: translate(50%, -50%);
7815
- }
7816
-
7817
- .premium-container-scroll-instant .premium-image-scroll-image {
7818
- -webkit-transition: all 0s ease-in-out !important;
7819
- transition: all 0s ease-in-out !important;
7820
- }
7821
-
7822
- .premium-image-scroll-container img {
7823
- -webkit-transition: -webkit-transform 3s ease-in-out;
7824
- transition: -webkit-transform 3s ease-in-out;
7825
- transition: transform 3s ease-in-out;
7826
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7827
- }
7828
-
7829
- .premium-image-scroll-container .premium-image-scroll-overlay,
7830
- .premium-image-scroll-container .premium-image-scroll-content {
7831
- -webkit-transition: all 0.3s ease-in-out;
7832
- transition: all 0.3s ease-in-out;
7833
- opacity: 1;
7834
- }
7835
-
7836
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7837
- opacity: 0;
7838
- }
7839
-
7840
- .premium-image-scroll-container:hover .premium-image-scroll-content {
7841
- opacity: 0;
7842
- visibility: hidden;
7843
- }
7844
-
7845
- .premium-image-scroll-content .premium-image-scroll-icon {
7846
- display: inline-block;
7847
- font-family: "pa-elements" !important;
7848
- speak: none;
7849
- font-style: normal;
7850
- font-weight: normal;
7851
- font-variant: normal;
7852
- text-transform: none;
7853
- line-height: 1;
7854
- -webkit-font-smoothing: antialiased;
7855
- -moz-osx-font-smoothing: grayscale;
7856
- -webkit-animation-duration: 0.5s;
7857
- animation-duration: 0.5s;
7858
- -webkit-animation-iteration-count: infinite;
7859
- animation-iteration-count: infinite;
7860
- -webkit-animation-direction: alternate;
7861
- animation-direction: alternate;
7862
- -webkit-animation-timing-function: ease-in-out;
7863
- animation-timing-function: ease-in-out;
7864
- }
7865
-
7866
- .pa-horizontal-mouse-scroll:before {
7867
- content: "\e917";
7868
- }
7869
-
7870
- .pa-vertical-mouse-scroll:before {
7871
- content: "\e918";
7872
- }
7873
-
7874
- .pa-horizontal-mouse-scroll {
7875
- -webkit-animation-name: pa-scroll-horizontal;
7876
- animation-name: pa-scroll-horizontal;
7877
- }
7878
-
7879
- .pa-vertical-mouse-scroll {
7880
- -webkit-animation-name: pa-scroll-vertical;
7881
- animation-name: pa-scroll-vertical;
7882
- }
7883
-
7884
- @-webkit-keyframes pa-scroll-vertical {
7885
- 0% {
7886
- -webkit-transform: translateY(0px);
7887
- transform: translateY(0px);
7888
- }
7889
-
7890
- 100% {
7891
- -webkit-transform: translateY(5px);
7892
- transform: translateY(5px);
7893
- }
7894
- }
7895
-
7896
- @keyframes pa-scroll-vertical {
7897
- 0% {
7898
- -webkit-transform: translateY(0px);
7899
- transform: translateY(0px);
7900
- }
7901
-
7902
- 100% {
7903
- -webkit-transform: translateY(5px);
7904
- transform: translateY(5px);
7905
- }
7906
- }
7907
-
7908
- @-webkit-keyframes pa-scroll-horizontal {
7909
- 0% {
7910
- -webkit-transform: translateX(0px);
7911
- transform: translateX(0px);
7912
- }
7913
-
7914
- 100% {
7915
- -webkit-transform: translateX(-5px);
7916
- transform: translateX(-5px);
7917
- }
7918
- }
7919
-
7920
- @keyframes pa-scroll-horizontal {
7921
- 0% {
7922
- -webkit-transform: translateX(0px);
7923
- transform: translateX(0px);
7924
- }
7925
-
7926
- 100% {
7927
- -webkit-transform: translateX(-5px);
7928
- transform: translateX(-5px);
7929
- }
7930
- }
7931
-
7932
- /********* Premium Lottie Animations **********/
7933
- /**********************************************/
7934
- .elementor-widget-premium-lottie .premium-lottie-animation {
7935
- position: relative;
7936
- -js-display: inline-flex;
7937
- display: -webkit-inline-box;
7938
- display: -webkit-inline-flex;
7939
- display: -moz-inline-box;
7940
- display: -ms-inline-flexbox;
7941
- display: inline-flex;
7942
- -webkit-transition: all 0.3s ease-in-out;
7943
- transition: all 0.3s ease-in-out;
7944
- }
7945
-
7946
- .elementor-widget-premium-lottie .premium-lottie-animation a {
7947
- position: absolute;
7948
- left: 0;
7949
- top: 0;
7950
- width: 100%;
7951
- height: 100%;
7952
- z-index: 2;
7953
- }
7954
-
7955
- /**************** Premium Bullet List *****************/
7956
- /******************************************************/
7957
- .premium-bullet-list-box {
7958
- -js-display: flex;
7959
- display: -webkit-box;
7960
- display: -webkit-flex;
7961
- display: -moz-box;
7962
- display: -ms-flexbox;
7963
- display: flex;
7964
- -webkit-flex-wrap: wrap;
7965
- -ms-flex-wrap: wrap;
7966
- flex-wrap: wrap;
7967
- -webkit-box-orient: vertical;
7968
- -webkit-box-direction: normal;
7969
- -webkit-flex-direction: column;
7970
- -moz-box-orient: vertical;
7971
- -moz-box-direction: normal;
7972
- -ms-flex-direction: column;
7973
- flex-direction: column;
7974
- }
7975
-
7976
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7977
- -webkit-transform-origin: right center;
7978
- -ms-transform-origin: right center;
7979
- transform-origin: right center;
7980
- }
7981
-
7982
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7983
- -webkit-transform-origin: left center;
7984
- -ms-transform-origin: left center;
7985
- transform-origin: left center;
7986
- }
7987
-
7988
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7989
- -webkit-transform-origin: center center;
7990
- -ms-transform-origin: center center;
7991
- transform-origin: center center;
7992
- }
7993
-
7994
- .premium-bullet-list-content {
7995
- -js-display: flex;
7996
- display: -webkit-box;
7997
- display: -webkit-flex;
7998
- display: -moz-box;
7999
- display: -ms-flexbox;
8000
- display: flex;
8001
- -webkit-transition: all 0.3s ease-in-out;
8002
- transition: all 0.3s ease-in-out;
8003
- width: auto;
8004
- position: relative;
8005
- }
8006
-
8007
- .premium-bullet-list-content .premium-bullet-list-text span,
8008
- .premium-bullet-list-content .premium-bullet-list-wrapper {
8009
- display: inline-block;
8010
- -webkit-align-self: center;
8011
- -ms-flex-item-align: center;
8012
- align-self: center;
8013
- -webkit-transition: all 0.3s ease-in-out;
8014
- transition: all 0.3s ease-in-out;
8015
- }
8016
-
8017
- .premium-bullet-list-content .premium-bullet-list-text span {
8018
- margin: 0 5px;
8019
- }
8020
-
8021
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8022
- font-size: 18px;
8023
- background-color: #eee;
8024
- padding: 1px 5px;
8025
- -webkit-border-radius: 2px;
8026
- border-radius: 2px;
8027
- }
8028
-
8029
- .premium-bullet-list-content .premium-bullet-list-text span,
8030
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
8031
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8032
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8033
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8034
- -webkit-transition: all 0.3s ease-in-out;
8035
- transition: all 0.3s ease-in-out;
8036
- }
8037
-
8038
- .premium-bullet-list-content .premium-bullet-list-wrapper {
8039
- position: relative;
8040
- line-height: 0;
8041
- }
8042
-
8043
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
8044
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8045
- width: 30px !important;
8046
- height: 30px !important;
8047
- position: relative;
8048
- z-index: 500;
8049
- }
8050
-
8051
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
8052
- width: 1.25em;
8053
- }
8054
-
8055
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
8056
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8057
- position: relative;
8058
- z-index: 500;
8059
- }
8060
-
8061
- .premium-bullet-list-content .premium-bullet-list-link {
8062
- position: absolute;
8063
- top: 0;
8064
- right: 0;
8065
- width: 100%;
8066
- height: 100%;
8067
- z-index: 1000;
8068
- }
8069
-
8070
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8071
- width: 100%;
8072
- height: 100%;
8073
- position: absolute;
8074
- top: 0.5em;
8075
- z-index: 100;
8076
- -js-display: flex;
8077
- display: -webkit-box;
8078
- display: -webkit-flex;
8079
- display: -moz-box;
8080
- display: -ms-flexbox;
8081
- display: flex;
8082
- -webkit-box-pack: center;
8083
- -webkit-justify-content: center;
8084
- -moz-box-pack: center;
8085
- -ms-flex-pack: center;
8086
- justify-content: center;
8087
- }
8088
-
8089
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8090
- content: "";
8091
- border-left-width: 1px;
8092
- border-left-style: solid;
8093
- border-color: #333333;
8094
- display: block;
8095
- height: 100%;
8096
- }
8097
-
8098
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
8099
- -webkit-align-self: center;
8100
- -ms-flex-item-align: center;
8101
- align-self: center;
8102
- z-index: 2;
8103
- }
8104
-
8105
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8106
- margin: 0 3px;
8107
- }
8108
-
8109
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8110
- margin: 0 0 0 3px;
8111
- }
8112
-
8113
- .premium-bullet-list-divider:not(:last-child) {
8114
- width: 100%;
8115
- -webkit-box-flex: 0;
8116
- -webkit-flex: 0 0 100%;
8117
- -moz-box-flex: 0;
8118
- -ms-flex: 0 0 100%;
8119
- flex: 0 0 100%;
8120
- overflow: hidden;
8121
- }
8122
-
8123
- .premium-bullet-list-divider:not(:last-child):after {
8124
- content: "";
8125
- display: block;
8126
- border-top-style: solid;
8127
- border-top-width: 1px;
8128
- }
8129
-
8130
- .premium-bullet-list-divider-inline:not(:last-child) {
8131
- float: left;
8132
- display: inline-block;
8133
- position: relative;
8134
- height: 100%;
8135
- overflow: hidden;
8136
- -webkit-align-self: center;
8137
- -ms-flex-item-align: center;
8138
- align-self: center;
8139
- margin: 0 3px;
8140
- }
8141
-
8142
- .premium-bullet-list-divider-inline:not(:last-child):after {
8143
- content: "";
8144
- display: block;
8145
- border-right-width: 1px;
8146
- height: 33px;
8147
- border-right-style: solid;
8148
- }
8149
-
8150
- .premium-bullet-list-icon-text {
8151
- line-height: 1.5;
8152
- }
8153
-
8154
- .premium-bullet-list-icon-text p,
8155
- ul.premium-bullet-list-box,
8156
- li.premium-bullet-list-content {
8157
- margin: 0;
8158
- }
8159
-
8160
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8161
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8162
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8163
- color: transparent !important;
8164
- text-shadow: 0 0 3px #aaa;
8165
- }
8166
-
8167
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8168
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8169
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8170
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8171
- -webkit-filter: blur(3px);
8172
- filter: blur(3px);
8173
- }
8174
-
8175
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8176
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8177
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8178
- color: #aaa !important;
8179
- text-shadow: 0 0px 0 transparent;
8180
- }
8181
-
8182
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8183
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8184
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8185
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8186
- -webkit-filter: none;
8187
- filter: none;
8188
- }
8189
-
8190
- .premium-bullet-list-content .premium-bullet-list-badge {
8191
- font-size: 11px;
8192
- top: auto;
8193
- min-width: -webkit-max-content;
8194
- min-width: -moz-max-content;
8195
- min-width: max-content;
8196
- height: -webkit-fit-content;
8197
- height: -moz-fit-content;
8198
- height: fit-content;
8199
- }
8200
-
8201
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
8202
- font-size: 13px;
8203
- }
8204
-
8205
- .premium-bullet-list-gradient-effect[data-text] {
8206
- display: inline-block;
8207
- position: relative;
8208
- text-decoration: none;
8209
- }
8210
-
8211
- .premium-bullet-list-gradient-effect[data-text]::before {
8212
- content: attr(data-text);
8213
- position: absolute;
8214
- z-index: 1;
8215
- overflow: hidden;
8216
- -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8217
- clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8218
- -webkit-background-clip: text;
8219
- background-clip: text;
8220
- -webkit-text-fill-color: transparent;
8221
- -webkit-transition: all 0.4s ease;
8222
- transition: all 0.4s ease;
8223
- }
8224
-
8225
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8226
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8227
- -webkit-animation: rtlgradient 1s forwards;
8228
- animation: rtlgradient 1s forwards;
8229
- }
8230
-
8231
- @-webkit-keyframes rtlgradient {
8232
- 0% {
8233
- -webkit-clip-path: circle(0% at 150% 50%);
8234
- clip-path: circle(0% at 150% 50%);
8235
- }
8236
-
8237
- 100% {
8238
- -webkit-clip-path: circle(100% at 50% 50%);
8239
- clip-path: circle(100% at 50% 50%);
8240
- }
8241
- }
8242
-
8243
- @keyframes rtlgradient {
8244
- 0% {
8245
- -webkit-clip-path: circle(0% at 150% 50%);
8246
- clip-path: circle(0% at 150% 50%);
8247
- }
8248
-
8249
- 100% {
8250
- -webkit-clip-path: circle(100% at 50% 50%);
8251
- clip-path: circle(100% at 50% 50%);
8252
- }
8253
- }
8254
-
8255
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8256
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8257
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8258
- opacity: 0;
8259
- }
8260
-
8261
- .premium-bullet-list-content-grow-effect:hover {
8262
- -webkit-transform: scale(1.07);
8263
- -ms-transform: scale(1.07);
8264
- transform: scale(1.07);
8265
- }
8266
-
8267
- @keyframes spin {
8268
- 100% {
8269
- -webkit-transform: rotate(360deg);
8270
- transform: rotate(360deg);
8271
- }
8272
- }
8273
-
8274
- /********** Premium Woo Products **********/
8275
- /******************************************/
8276
- .ast-single-post .entry-content .premium-woocommerce a {
8277
- text-decoration: none;
8278
- }
8279
-
8280
- .premium-woocommerce .premium-woo-qv-btn {
8281
- cursor: pointer;
8282
- }
8283
-
8284
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
8285
- margin: 0 auto 0.5em;
8286
- }
8287
-
8288
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
8289
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
8290
- display: block;
8291
- text-align: center;
8292
- color: #fff;
8293
- min-width: 2em;
8294
- min-height: 2em;
8295
- line-height: 2em;
8296
- padding: 0.3em 0.6em;
8297
- margin: 0.5em 0.6em;
8298
- }
8299
-
8300
- .premium-woocommerce .pa-out-of-stock {
8301
- display: block;
8302
- text-align: center;
8303
- color: #fff;
8304
- min-width: 2em;
8305
- min-height: 2em;
8306
- line-height: 2em;
8307
- padding: 0.3em 0.6em;
8308
- margin: 0.5em 0.6em;
8309
- }
8310
-
8311
- .premium-woocommerce .premium-woo-products-inner ul.products {
8312
- -js-display: flex;
8313
- display: -webkit-box;
8314
- display: -webkit-flex;
8315
- display: -moz-box;
8316
- display: -ms-flexbox;
8317
- display: flex;
8318
- margin: 0;
8319
- padding: 0;
8320
- -webkit-flex-wrap: wrap;
8321
- -ms-flex-wrap: wrap;
8322
- flex-wrap: wrap;
8323
- list-style: none outside;
8324
- -webkit-column-gap: 0;
8325
- -moz-column-gap: 0;
8326
- column-gap: 0;
8327
- }
8328
-
8329
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
8330
- margin: 0 0 10px;
8331
- padding: 0 10px;
8332
- }
8333
-
8334
- .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
8335
- overflow: hidden;
8336
- -webkit-transition: all 0.3s ease-in-out;
8337
- transition: all 0.3s ease-in-out;
8338
- }
8339
-
8340
- .premium-woocommerce .premium-woo-product-category {
8341
- display: block;
8342
- font-size: 0.85em;
8343
- margin-bottom: 0.5em;
8344
- line-height: 1.3;
8345
- }
8346
-
8347
- .premium-woocommerce .woocommerce-loop-product__title {
8348
- margin-bottom: 0.5em;
8349
- font-size: 1em;
8350
- -webkit-transition: all 0.3s ease-in-out;
8351
- transition: all 0.3s ease-in-out;
8352
- }
8353
-
8354
- .premium-woocommerce .woocommerce-loop-product__link {
8355
- position: relative;
8356
- display: block !important;
8357
- overflow: hidden;
8358
- -webkit-transition: all 0.3s ease-in-out;
8359
- transition: all 0.3s ease-in-out;
8360
- }
8361
-
8362
- .premium-woocommerce .premium-woo-ribbon-container,
8363
- .premium-woocommerce .pa-out-of-stock {
8364
- position: absolute;
8365
- z-index: 9;
8366
- }
8367
-
8368
- .premium-woocommerce .premium-woo-ribbon-container {
8369
- top: 0;
8370
- right: 0;
8371
- }
8372
-
8373
- .premium-woocommerce .pa-out-of-stock {
8374
- top: 7px;
8375
- right: 9px;
8376
- margin: 0;
8377
- }
8378
-
8379
- .premium-woocommerce .star-rating {
8380
- display: block;
8381
- float: none;
8382
- margin: 0 auto 0.5em;
8383
- -webkit-backface-visibility: hidden;
8384
- backface-visibility: hidden;
8385
- overflow: hidden;
8386
- position: relative;
8387
- height: 1em;
8388
- line-height: 1;
8389
- font-size: 0.857em;
8390
- width: 5.4em;
8391
- font-family: star;
8392
- }
8393
-
8394
- .premium-woocommerce .star-rating::before {
8395
- content: "\73\73\73\73\73";
8396
- color: #54595f;
8397
- float: right;
8398
- top: 0;
8399
- right: 0;
8400
- position: absolute;
8401
- }
8402
-
8403
- .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
8404
- overflow: hidden;
8405
- float: right;
8406
- top: 0;
8407
- right: 0;
8408
- position: absolute;
8409
- padding-top: 1.5em;
8410
- }
8411
-
8412
- .premium-woocommerce .star-rating span::before {
8413
- content: "\53\53\53\53\53";
8414
- color: inherit;
8415
- top: 0;
8416
- position: absolute;
8417
- right: 0;
8418
- }
8419
-
8420
- .premium-woo-product-thumbnail {
8421
- position: relative;
8422
- overflow: hidden;
8423
- }
8424
-
8425
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
8426
- margin: 0;
8427
- width: 100%;
8428
- }
8429
-
8430
- .premium-woo-product-sale-wrap,
8431
- .premium-woo-product-featured-wrap {
8432
- margin: 0;
8433
- }
8434
-
8435
- .premium-woocommerce .premium-woo-products-details-wrap {
8436
- padding: 1em 1.2em;
8437
- }
8438
-
8439
- .premium-woocommerce .premium-woo-products-details-wrap .button {
8440
- display: inline-block;
8441
- background-color: #6ec1e4;
8442
- color: #fff;
8443
- margin: 0.5em 0;
8444
- line-height: 1.3;
8445
- padding: 10px 40px;
8446
- font-size: 100%;
8447
- cursor: pointer;
8448
- text-decoration: none;
8449
- overflow: visible;
8450
- font-weight: 700;
8451
- background-image: none;
8452
- border: none;
8453
- -webkit-border-radius: 0px;
8454
- border-radius: 0px;
8455
- -webkit-box-shadow: none;
8456
- box-shadow: none;
8457
- text-shadow: none;
8458
- -webkit-transition: all 0.3s ease-in-out;
8459
- transition: all 0.3s ease-in-out;
8460
- }
8461
-
8462
- .premium-woocommerce li.product .price {
8463
- display: block;
8464
- line-height: 1.3;
8465
- font-weight: 700;
8466
- margin-bottom: 0.5em;
8467
- font-size: 0.9em;
8468
- }
8469
-
8470
- .premium-woocommerce li.product .price del {
8471
- display: inline-block;
8472
- font-weight: 400;
8473
- background: transparent;
8474
- opacity: 1;
8475
- }
8476
-
8477
- .premium-woocommerce li.product .price ins {
8478
- display: inline-block;
8479
- background: transparent;
8480
- text-decoration: none;
8481
- font-weight: inherit;
8482
- }
8483
-
8484
- .premium-woocommerce li.product .price .amount {
8485
- color: inherit !important;
8486
- }
8487
-
8488
- .premium-woocommerce li.product .premium-woo-product-desc p {
8489
- margin: 0;
8490
- }
8491
-
8492
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
8493
- margin-right: auto;
8494
- margin-left: 0;
8495
- }
8496
-
8497
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8498
- margin-right: auto;
8499
- margin-left: auto;
8500
- }
8501
-
8502
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8503
- margin-right: 0;
8504
- margin-left: auto;
8505
- }
8506
-
8507
- .premium-woo-products-pagination ul.page-numbers {
8508
- -js-display: flex;
8509
- display: -webkit-box;
8510
- display: -webkit-flex;
8511
- display: -moz-box;
8512
- display: -ms-flexbox;
8513
- display: flex;
8514
- list-style-type: none;
8515
- margin: 0;
8516
- margin-top: 10px;
8517
- padding: 0;
8518
- border: none;
8519
- -webkit-box-pack: center;
8520
- -webkit-justify-content: center;
8521
- -moz-box-pack: center;
8522
- -ms-flex-pack: center;
8523
- justify-content: center;
8524
- }
8525
-
8526
- .premium-woo-products-pagination ul.page-numbers li {
8527
- margin: 0 0 0.4em 0.4em;
8528
- padding: 0;
8529
- text-align: center;
8530
- }
8531
-
8532
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8533
- margin: 0;
8534
- text-decoration: none;
8535
- color: #000;
8536
- border: 1px solid #54595f;
8537
- padding: 0;
8538
- line-height: 1;
8539
- font-size: 1em;
8540
- font-weight: 400;
8541
- padding: 0.75em;
8542
- display: block;
8543
- min-width: 2.5em;
8544
- -webkit-transition: all 0.3s ease-in-out;
8545
- transition: all 0.3s ease-in-out;
8546
- }
8547
-
8548
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
8549
- .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8550
- background-color: #54595f;
8551
- color: #fff;
8552
- outline: none;
8553
- }
8554
-
8555
- .premium-woocommerce .premium-loading-feed,
8556
- .premium-woo-quick-view-loader .premium-loading-feed {
8557
- display: block;
8558
- position: absolute;
8559
- width: 100%;
8560
- height: 100%;
8561
- top: 0px;
8562
- right: 0px;
8563
- bottom: 0px;
8564
- left: 0px;
8565
- background: rgba(255, 255, 255, 0.2);
8566
- -js-display: flex;
8567
- display: -webkit-box;
8568
- display: -webkit-flex;
8569
- display: -moz-box;
8570
- display: -ms-flexbox;
8571
- display: flex;
8572
- -webkit-box-align: center;
8573
- -webkit-align-items: center;
8574
- -moz-box-align: center;
8575
- -ms-flex-align: center;
8576
- align-items: center;
8577
- }
8578
-
8579
- /**
8580
- * Image Hover Effects
8581
- */
8582
- .premium-woocommerce .woocommerce-loop-product__link img {
8583
- -webkit-transition: all 0.3s ease-in-out;
8584
- transition: all 0.3s ease-in-out;
8585
- }
8586
-
8587
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8588
- -webkit-transform: scale(1.2);
8589
- -ms-transform: scale(1.2);
8590
- transform: scale(1.2);
8591
- }
8592
-
8593
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8594
- -webkit-transform: none;
8595
- -ms-transform: none;
8596
- transform: none;
8597
- }
8598
-
8599
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8600
- -webkit-transform: none;
8601
- -ms-transform: none;
8602
- transform: none;
8603
- }
8604
-
8605
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8606
- -webkit-transform: scale(1.2);
8607
- -ms-transform: scale(1.2);
8608
- transform: scale(1.2);
8609
- }
8610
-
8611
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8612
- -webkit-filter: grayscale(100%);
8613
- filter: grayscale(100%);
8614
- }
8615
-
8616
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8617
- -webkit-filter: grayscale(0%);
8618
- filter: grayscale(0%);
8619
- }
8620
-
8621
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8622
- -webkit-filter: sepia(30%);
8623
- filter: sepia(30%);
8624
- }
8625
-
8626
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8627
- -webkit-filter: sepia(0%);
8628
- filter: sepia(0%);
8629
- }
8630
-
8631
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8632
- -webkit-filter: brightness(1);
8633
- filter: brightness(1);
8634
- }
8635
-
8636
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8637
- -webkit-filter: brightness(1.2);
8638
- filter: brightness(1.2);
8639
- }
8640
-
8641
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8642
- -webkit-transform: translateX(15px) scale(1.1);
8643
- -ms-transform: translateX(15px) scale(1.1);
8644
- transform: translateX(15px) scale(1.1);
8645
- }
8646
-
8647
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8648
- -webkit-transform: translateX(0px) scale(1.1);
8649
- -ms-transform: translateX(0px) scale(1.1);
8650
- transform: translateX(0px) scale(1.1);
8651
- }
8652
-
8653
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8654
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8655
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8656
- transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8657
- }
8658
-
8659
- .premium-woocommerce .premium-woo-product__on_hover {
8660
- position: absolute;
8661
- top: 0;
8662
- left: 0;
8663
- bottom: 0;
8664
- right: 0;
8665
- height: 100%;
8666
- opacity: 0;
8667
- }
8668
-
8669
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8670
- opacity: 1;
8671
- }
8672
-
8673
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8674
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8675
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8676
- position: absolute;
8677
- bottom: 0;
8678
- right: 0;
8679
- width: 100%;
8680
- text-align: center;
8681
- padding: 5px;
8682
- background: rgba(2, 2, 2, 0.5);
8683
- color: #fff;
8684
- -webkit-transition: all 0.3s ease-in-out;
8685
- transition: all 0.3s ease-in-out;
8686
- z-index: 2;
8687
- -webkit-transform: translateY(100%);
8688
- -ms-transform: translateY(100%);
8689
- transform: translateY(100%);
8690
- }
8691
-
8692
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8693
- -webkit-transition-delay: 0.1s;
8694
- transition-delay: 0.1s;
8695
- }
8696
-
8697
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8698
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8699
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8700
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8701
- margin-right: 0.5em;
8702
- }
8703
-
8704
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8705
- -webkit-transform: translateY(0);
8706
- -ms-transform: translateY(0);
8707
- transform: translateY(0);
8708
- }
8709
-
8710
- .premium-woo-product-wrapper .premium-woo-qv-data {
8711
- position: absolute;
8712
- top: 0;
8713
- right: 0;
8714
- width: 100%;
8715
- height: 100%;
8716
- z-index: 1;
8717
- overflow: hidden;
8718
- cursor: pointer;
8719
- }
8720
-
8721
- /**
8722
- * Skin 1,4
8723
- */
8724
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8725
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8726
- position: absolute;
8727
- top: 0.7em;
8728
- left: 1em;
8729
- -webkit-transform: translate3d(-15px, 0, 0);
8730
- transform: translate3d(-15px, 0, 0);
8731
- -webkit-transition: all 0.3s ease-in-out;
8732
- transition: all 0.3s ease-in-out;
8733
- opacity: 0;
8734
- z-index: 9;
8735
- }
8736
-
8737
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8738
- position: relative;
8739
- display: block;
8740
- margin: 0 0 3px;
8741
- background: #fff;
8742
- text-align: center;
8743
- outline: 0;
8744
- -webkit-transition: all 0.3s ease-in-out;
8745
- transition: all 0.3s ease-in-out;
8746
- }
8747
-
8748
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8749
- display: block;
8750
- color: #54595f;
8751
- width: 30px;
8752
- line-height: 30px;
8753
- height: 30px;
8754
- cursor: pointer;
8755
- -webkit-transition: all 0.3s ease-in-out;
8756
- transition: all 0.3s ease-in-out;
8757
- }
8758
-
8759
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8760
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8761
- -webkit-transform: translate3d(-5px, 0, 0);
8762
- transform: translate3d(-5px, 0, 0);
8763
- opacity: 1;
8764
- }
8765
-
8766
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8767
- -webkit-animation: spin 2s linear infinite;
8768
- animation: spin 2s linear infinite;
8769
- }
8770
-
8771
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8772
- content: "\f013";
8773
- }
8774
-
8775
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8776
- content: "\f00c";
8777
- }
8778
-
8779
- /**
8780
- * Skin 2
8781
- */
8782
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8783
- position: absolute;
8784
- background: #fff;
8785
- bottom: 0;
8786
- right: 0;
8787
- width: 100%;
8788
- z-index: 2;
8789
- padding: 0;
8790
- opacity: 0;
8791
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8792
- transition: opacity 0.2s, -webkit-transform 0.4s;
8793
- transition: transform 0.4s, opacity 0.2s;
8794
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8795
- -webkit-transform: translateZ(0) translateY(5px);
8796
- transform: translateZ(0) translateY(5px);
8797
- }
8798
-
8799
- .premium-woo-skin-grid-2 .premium-woo-product-details {
8800
- padding: 15px 0;
8801
- }
8802
-
8803
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8804
- opacity: 1;
8805
- -webkit-transform: translateZ(0) translateY(0);
8806
- transform: translateZ(0) translateY(0);
8807
- }
8808
-
8809
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8810
- position: static;
8811
- -js-display: flex;
8812
- display: -webkit-box;
8813
- display: -webkit-flex;
8814
- display: -moz-box;
8815
- display: -ms-flexbox;
8816
- display: flex;
8817
- -webkit-box-orient: horizontal;
8818
- -webkit-box-direction: reverse;
8819
- -webkit-flex-direction: row-reverse;
8820
- -moz-box-orient: horizontal;
8821
- -moz-box-direction: reverse;
8822
- -ms-flex-direction: row-reverse;
8823
- flex-direction: row-reverse;
8824
- }
8825
-
8826
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
8827
- -webkit-box-flex: 1;
8828
- -webkit-flex: 1;
8829
- -moz-box-flex: 1;
8830
- -ms-flex: 1;
8831
- flex: 1;
8832
- min-width: 50%;
8833
- }
8834
-
8835
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8836
- -js-display: flex;
8837
- display: -webkit-box;
8838
- display: -webkit-flex;
8839
- display: -moz-box;
8840
- display: -ms-flexbox;
8841
- display: flex;
8842
- margin: 0;
8843
- text-align: center;
8844
- -webkit-box-pack: center;
8845
- -webkit-justify-content: center;
8846
- -moz-box-pack: center;
8847
- -ms-flex-pack: center;
8848
- justify-content: center;
8849
- -webkit-box-align: center;
8850
- -webkit-align-items: center;
8851
- -moz-box-align: center;
8852
- -ms-flex-align: center;
8853
- align-items: center;
8854
- }
8855
-
8856
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8857
- background-color: #54595f;
8858
- }
8859
-
8860
- /**
8861
- * Skin 4
8862
- */
8863
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8864
- position: absolute;
8865
- right: 0;
8866
- left: 0;
8867
- top: 50%;
8868
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8869
- transform: scale(0.9) translateZ(0) translateY(-50%);
8870
- text-align: center;
8871
- z-index: 2;
8872
- opacity: 0;
8873
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8874
- transition: opacity 0.5s, -webkit-transform 0.3s;
8875
- transition: opacity 0.5s, transform 0.3s;
8876
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
8877
- }
8878
-
8879
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
8880
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
8881
- position: absolute;
8882
- top: 0;
8883
- right: 0;
8884
- width: 100%;
8885
- height: 100%;
8886
- opacity: 0;
8887
- visibility: hidden;
8888
- background-color: rgba(27, 27, 23, 0.3);
8889
- -webkit-transition: all 0.25s ease-in-out;
8890
- transition: all 0.25s ease-in-out;
8891
- }
8892
-
8893
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
8894
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
8895
- opacity: 1;
8896
- visibility: visible;
8897
- z-index: 1;
8898
- }
8899
-
8900
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8901
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8902
- transform: scale(1) translateZ(0) translateY(-50%);
8903
- opacity: 1;
8904
- }
8905
-
8906
- /**
8907
- * Skin 5
8908
- */
8909
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8910
- -js-display: flex;
8911
- display: -webkit-box;
8912
- display: -webkit-flex;
8913
- display: -moz-box;
8914
- display: -ms-flexbox;
8915
- display: flex;
8916
- }
8917
-
8918
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8919
- -js-display: flex;
8920
- display: -webkit-box;
8921
- display: -webkit-flex;
8922
- display: -moz-box;
8923
- display: -ms-flexbox;
8924
- display: flex;
8925
- -webkit-box-align: center;
8926
- -webkit-align-items: center;
8927
- -moz-box-align: center;
8928
- -ms-flex-align: center;
8929
- align-items: center;
8930
- background-color: #54595f;
8931
- padding: 10px;
8932
- -webkit-transition: all 0.25s ease 0s;
8933
- transition: all 0.25s ease 0s;
8934
- }
8935
-
8936
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8937
- width: 75%;
8938
- }
8939
-
8940
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8941
- -js-display: flex;
8942
- display: -webkit-box;
8943
- display: -webkit-flex;
8944
- display: -moz-box;
8945
- display: -ms-flexbox;
8946
- display: flex;
8947
- -webkit-box-align: center;
8948
- -webkit-align-items: center;
8949
- -moz-box-align: center;
8950
- -ms-flex-align: center;
8951
- align-items: center;
8952
- }
8953
-
8954
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8955
- -webkit-box-pack: end;
8956
- -webkit-justify-content: flex-end;
8957
- -moz-box-pack: end;
8958
- -ms-flex-pack: end;
8959
- justify-content: flex-end;
8960
- }
8961
-
8962
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8963
- -webkit-box-pack: center;
8964
- -webkit-justify-content: center;
8965
- -moz-box-pack: center;
8966
- -ms-flex-pack: center;
8967
- justify-content: center;
8968
- }
8969
-
8970
- /**
8971
- * Skin 6
8972
- */
8973
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8974
- position: absolute;
8975
- top: 50%;
8976
- right: 50%;
8977
- min-width: 40%;
8978
- text-align: center;
8979
- padding: 5px;
8980
- background: rgba(2, 2, 2, 0.5);
8981
- color: #fff;
8982
- -webkit-transform: translate(50%, -50%);
8983
- -ms-transform: translate(50%, -50%);
8984
- transform: translate(50%, -50%);
8985
- opacity: 0;
8986
- visibility: hidden;
8987
- -webkit-transition: all 0.3s ease-in-out;
8988
- transition: all 0.3s ease-in-out;
8989
- cursor: pointer;
8990
- z-index: 2;
8991
- }
8992
-
8993
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8994
- opacity: 1;
8995
- visibility: visible;
8996
- }
8997
-
8998
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8999
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9000
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
9001
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
9002
- margin: 0;
9003
- }
9004
-
9005
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
9006
- -js-display: flex;
9007
- display: -webkit-box;
9008
- display: -webkit-flex;
9009
- display: -moz-box;
9010
- display: -ms-flexbox;
9011
- display: flex;
9012
- -webkit-box-pack: justify;
9013
- -webkit-justify-content: space-between;
9014
- -moz-box-pack: justify;
9015
- -ms-flex-pack: justify;
9016
- justify-content: space-between;
9017
- }
9018
-
9019
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
9020
- -webkit-box-orient: vertical;
9021
- -webkit-box-direction: normal;
9022
- -webkit-flex-direction: column;
9023
- -moz-box-orient: vertical;
9024
- -moz-box-direction: normal;
9025
- -ms-flex-direction: column;
9026
- flex-direction: column;
9027
- }
9028
-
9029
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
9030
- -webkit-box-orient: horizontal;
9031
- -webkit-box-direction: reverse;
9032
- -webkit-flex-direction: row-reverse;
9033
- -moz-box-orient: horizontal;
9034
- -moz-box-direction: reverse;
9035
- -ms-flex-direction: row-reverse;
9036
- flex-direction: row-reverse;
9037
- }
9038
-
9039
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9040
- -js-display: flex;
9041
- display: -webkit-box;
9042
- display: -webkit-flex;
9043
- display: -moz-box;
9044
- display: -ms-flexbox;
9045
- display: flex;
9046
- position: absolute;
9047
- bottom: 10px;
9048
- width: 100%;
9049
- -webkit-box-pack: center;
9050
- -webkit-justify-content: center;
9051
- -moz-box-pack: center;
9052
- -ms-flex-pack: center;
9053
- justify-content: center;
9054
- }
9055
-
9056
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9057
- width: 20%;
9058
- margin: 0 0.2em;
9059
- border: 2px solid #aaa;
9060
- cursor: pointer;
9061
- }
9062
-
9063
- /**
9064
- * Metro
9065
- */
9066
- /*.premium-woo-grid-style1 ul.products li.product {
9067
- width: 25%;
9068
- }*/
9069
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
9070
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
9071
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
9072
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
9073
- height: 100%;
9074
- }
9075
-
9076
- .premium-woo-products-metro ul.products li.product {
9077
- margin-bottom: 0;
9078
- }
9079
-
9080
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
9081
- -o-object-fit: cover;
9082
- object-fit: cover;
9083
- }
9084
-
9085
- /*
9086
- * Carousel
9087
- */
9088
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
9089
- -webkit-border-radius: 50%;
9090
- border-radius: 50%;
9091
- }
9092
-
9093
- .premium-woocommerce ul.slick-dots {
9094
- width: 100%;
9095
- }
9096
-
9097
- /*
9098
- * Quick View Html/body
9099
- */
9100
- html.premium-woo-qv-opened,
9101
- html.premium-woo-qv-opened body {
9102
- overflow: hidden;
9103
- }
9104
-
9105
- /**
9106
- * Quick View Modal
9107
- */
9108
- .premium-woo-quick-view-back {
9109
- position: fixed;
9110
- visibility: hidden;
9111
- overflow: hidden;
9112
- background: rgba(2, 2, 2, 0.5);
9113
- opacity: 0;
9114
- -webkit-transition: opacity 0.25s;
9115
- transition: opacity 0.25s;
9116
- z-index: 999;
9117
- }
9118
-
9119
- .premium-woo-quick-view-active {
9120
- top: 0;
9121
- right: 0;
9122
- width: 100%;
9123
- height: 100%;
9124
- opacity: 1;
9125
- visibility: visible;
9126
- }
9127
-
9128
- #premium-woo-quick-view-modal {
9129
- position: fixed;
9130
- visibility: hidden;
9131
- opacity: 0;
9132
- top: 0;
9133
- right: 0;
9134
- width: 100%;
9135
- height: 100%;
9136
- z-index: 1400;
9137
- text-align: center;
9138
- -webkit-transition: all 0.3s;
9139
- transition: all 0.3s;
9140
- overflow-x: hidden;
9141
- overflow-y: auto;
9142
- }
9143
-
9144
- #premium-woo-quick-view-modal.active {
9145
- visibility: visible;
9146
- opacity: 1;
9147
- }
9148
-
9149
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
9150
- -webkit-transform: translateY(0);
9151
- -ms-transform: translateY(0);
9152
- transform: translateY(0);
9153
- opacity: 1;
9154
- width: 100%;
9155
- }
9156
-
9157
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
9158
- position: absolute;
9159
- width: 100%;
9160
- height: 100%;
9161
- top: 0;
9162
- right: 0;
9163
- text-align: center;
9164
- padding: 30px;
9165
- }
9166
-
9167
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper::before {
9168
- content: "";
9169
- display: inline-block;
9170
- vertical-align: middle;
9171
- height: 100%;
9172
- }
9173
-
9174
- #premium-woo-quick-view-modal .premium-woo-content-main {
9175
- position: relative;
9176
- pointer-events: none;
9177
- max-width: 100%;
9178
- text-align: right;
9179
- z-index: 1045;
9180
- -webkit-transform: translateY(-30px);
9181
- -ms-transform: translateY(-30px);
9182
- transform: translateY(-30px);
9183
- opacity: 0;
9184
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
9185
- transition: opacity 0.3s, -webkit-transform 0.5s;
9186
- transition: transform 0.5s, opacity 0.3s;
9187
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
9188
- margin: 0 auto;
9189
- display: inline-block;
9190
- vertical-align: middle;
9191
- }
9192
-
9193
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
9194
- position: relative;
9195
- display: table;
9196
- pointer-events: auto;
9197
- background-color: #fff;
9198
- max-width: 975px;
9199
- margin: 20px auto;
9200
- -webkit-transform: translateZ(0);
9201
- transform: translateZ(0);
9202
- -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9203
- box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9204
- overflow: hidden;
9205
- }
9206
-
9207
- #premium-woo-quick-view-modal .summary {
9208
- width: 50%;
9209
- margin: 0;
9210
- padding: 30px;
9211
- float: right;
9212
- -webkit-box-sizing: border-box;
9213
- -moz-box-sizing: border-box;
9214
- box-sizing: border-box;
9215
- }
9216
-
9217
- #premium-woo-quick-view-modal .summary .quantity {
9218
- min-width: auto;
9219
- }
9220
-
9221
- #premium-woo-quick-view-modal .summary .quantity input.qty {
9222
- width: 54px;
9223
- -webkit-appearance: button;
9224
- -moz-appearance: button;
9225
- appearance: button;
9226
- }
9227
-
9228
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
9229
- margin: 0;
9230
- }
9231
-
9232
- #premium-woo-quick-view-close {
9233
- position: absolute;
9234
- font-size: 22px;
9235
- top: 10px;
9236
- left: 10px;
9237
- width: 22px;
9238
- height: 22px;
9239
- line-height: 22px;
9240
- opacity: 0.7;
9241
- text-align: center;
9242
- z-index: 2;
9243
- color: #000;
9244
- }
9245
-
9246
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
9247
- position: relative;
9248
- }
9249
-
9250
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
9251
- list-style: none;
9252
- }
9253
-
9254
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
9255
- margin: 0;
9256
- padding: 0;
9257
- width: 100%;
9258
- position: absolute;
9259
- bottom: 10px;
9260
- text-align: center;
9261
- direction: ltr;
9262
- }
9263
-
9264
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
9265
- margin: 0 6px;
9266
- display: inline-block;
9267
- vertical-align: middle;
9268
- }
9269
-
9270
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
9271
- width: 11px;
9272
- height: 11px;
9273
- display: block;
9274
- background: #666;
9275
- background: rgba(0, 0, 0, 0.5);
9276
- cursor: pointer;
9277
- text-indent: -9999px;
9278
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9279
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9280
- -webkit-border-radius: 20px;
9281
- border-radius: 20px;
9282
- }
9283
-
9284
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
9285
- background: rgba(0, 0, 0, 0.9);
9286
- cursor: default;
9287
- }
9288
-
9289
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
9290
- outline: none;
9291
- }
9292
-
9293
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
9294
- -o-object-fit: cover;
9295
- object-fit: cover;
9296
- }
9297
-
9298
- #premium-woo-quick-view-content div.images {
9299
- width: 50%;
9300
- float: right;
9301
- opacity: 1 !important;
9302
- margin: 0;
9303
- }
9304
-
9305
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
9306
- margin: 0;
9307
- padding: 0;
9308
- list-style: none;
9309
- direction: ltr;
9310
- }
9311
-
9312
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
9313
- text-decoration: none;
9314
- display: block;
9315
- width: 14px;
9316
- height: 32px;
9317
- font-size: 32px;
9318
- line-height: 32px;
9319
- margin: -20px 0 0;
9320
- position: absolute;
9321
- top: 50%;
9322
- z-index: 10;
9323
- overflow: hidden;
9324
- cursor: pointer;
9325
- color: rgba(0, 0, 0, 0.8);
9326
- text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
9327
- -webkit-transition: all 0.3s ease-in-out;
9328
- transition: all 0.3s ease-in-out;
9329
- }
9330
-
9331
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
9332
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9333
- display: inline-block;
9334
- font-family: "Font Awesome 5 Free";
9335
- font-weight: 900;
9336
- text-rendering: auto;
9337
- -webkit-font-smoothing: antialiased;
9338
- -moz-osx-font-smoothing: grayscale;
9339
- }
9340
-
9341
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9342
- left: 10px;
9343
- }
9344
-
9345
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
9346
- right: 10px;
9347
- }
9348
-
9349
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
9350
- content: "\f104";
9351
- }
9352
-
9353
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
9354
- content: "\f105";
9355
- }
9356
-
9357
- .premium-woocommerce li.product .added_to_cart.wc-forward {
9358
- display: none;
9359
- }
9360
-
9361
- .premium-woo-atc-button .add_to_cart_button span {
9362
- -webkit-animation: spin 2s linear infinite;
9363
- animation: spin 2s linear infinite;
9364
- margin-right: 5px;
9365
- vertical-align: baseline;
9366
- }
9367
-
9368
- @media (min-width: 545px) {
9369
- #premium-woo-quick-view-content div.summary {
9370
- content: "544";
9371
- overflow-y: auto;
9372
- }
9373
- }
9374
-
9375
- @media (max-width: 544px) {
9376
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
9377
- display: block;
9378
- }
9379
-
9380
- #premium-woo-quick-view-content div.images,
9381
- #premium-woo-quick-view-content div.summary {
9382
- width: 100%;
9383
- float: none;
9384
- }
9385
- }
9386
-
9387
- .premium-error-notice {
9388
- width: 100%;
9389
- padding: 10px;
9390
- color: #b94a48;
9391
- background-color: #f2dede;
9392
- border-color: #eed3d7;
9393
- text-align: center;
9394
  }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"),
5
+ url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"),
6
+ url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"),
7
+ url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ }
11
+
12
+ /**************** Premium Banner ****************/
13
+ /************************************************/
14
+ .elementor-widget-premium-addon-banner {
15
+ overflow: hidden;
16
+ }
17
+
18
+ .premium-banner-ib {
19
+ display: block;
20
+ position: relative;
21
+ }
22
+
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative;
26
+ }
27
+
28
+ .premium-banner-img-wrap {
29
+ -js-display: flex;
30
+ display: -webkit-box;
31
+ display: -webkit-flex;
32
+ display: -moz-box;
33
+ display: -ms-flexbox;
34
+ display: flex;
35
+ height: 100%;
36
+ }
37
+
38
+ .premium-banner-img-wrap .premium-banner-ib-img {
39
+ -webkit-flex-shrink: 0;
40
+ -ms-flex-negative: 0;
41
+ flex-shrink: 0;
42
+ }
43
+
44
+ .premium-banner-ib {
45
+ z-index: 1;
46
+ overflow: hidden;
47
+ margin: 0 0 35px;
48
+ text-align: center;
49
+ -webkit-box-sizing: border-box;
50
+ -moz-box-sizing: border-box;
51
+ box-sizing: border-box;
52
+ }
53
+
54
+ .premium-banner-ib-desc .premium-banner-read-more {
55
+ z-index: 100;
56
+ }
57
+
58
+ .premium-banner-ib,
59
+ .wpb_column>.wpb_wrapper .premium-banner-ib {
60
+ margin-bottom: 0px;
61
+ }
62
+
63
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
64
+ background: transparent;
65
+ }
66
+
67
+ .premium-banner-ib *,
68
+ .premium-banner-ib .premium-banner-ib-desc {
69
+ -webkit-box-sizing: border-box;
70
+ -moz-box-sizing: border-box;
71
+ box-sizing: border-box;
72
+ }
73
+
74
+ .premium-banner-ib img {
75
+ min-width: 100%;
76
+ max-width: 100%;
77
+ -webkit-transition: opacity 0.35s;
78
+ transition: opacity 0.35s;
79
+ }
80
+
81
+ .premium-banner-ib .premium-banner-ib-desc {
82
+ padding: 15px;
83
+ -webkit-backface-visibility: hidden;
84
+ backface-visibility: hidden;
85
+ -webkit-box-sizing: border-box;
86
+ -moz-box-sizing: border-box;
87
+ box-sizing: border-box;
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ }
94
+
95
+ .premium-banner-ib .premium-banner-ib-link {
96
+ position: absolute;
97
+ top: 0;
98
+ right: 0;
99
+ width: 100%;
100
+ height: 100%;
101
+ z-index: 1000;
102
+ text-indent: 200%;
103
+ white-space: nowrap;
104
+ font-size: 0;
105
+ opacity: 0;
106
+ }
107
+
108
+ .premium-banner-ib a.premium-banner-ib-link {
109
+ display: block;
110
+ background: 100% 0;
111
+ }
112
+
113
+ .premium-banner-animation1 img {
114
+ width: -webkit-calc(100% + 50px) !important;
115
+ width: calc(100% + 50px) !important;
116
+ max-width: -webkit-calc(100% + 50px) !important;
117
+ max-width: calc(100% + 50px) !important;
118
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
119
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
120
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
121
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
122
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
123
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
124
+ -webkit-transform: translate3d(40px, 0, 0);
125
+ transform: translate3d(40px, 0, 0);
126
+ }
127
+
128
+ .premium-banner-animation2 .premium-banner-ib-title {
129
+ padding: 15px;
130
+ }
131
+
132
+ .premium-banner-animation1 .premium-banner-ib-desc {
133
+ top: auto;
134
+ bottom: 0;
135
+ min-height: 25%;
136
+ height: auto;
137
+ max-height: 100%;
138
+ text-align: right;
139
+ }
140
+
141
+ .premium-banner-animation1 .premium-banner-ib-content,
142
+ .premium-banner-animation1 .premium-banner-ib-title,
143
+ .premium-banner-animation1 .premium-banner-read-more {
144
+ -webkit-transform: translate3d(0, 40px, 0);
145
+ transform: translate3d(0, 40px, 0);
146
+ -webkit-transition-delay: 0.05s;
147
+ transition-delay: 0.05s;
148
+ -webkit-transition-duration: 0.35s;
149
+ transition-duration: 0.35s;
150
+ }
151
+
152
+ .premium-banner-animation1 .premium-banner-ib-title {
153
+ -webkit-transition: -webkit-transform 0.35s;
154
+ transition: -webkit-transform 0.35s;
155
+ transition: transform 0.35s;
156
+ transition: transform 0.35s, -webkit-transform 0.35s;
157
+ }
158
+
159
+ .premium-banner-animation1 .premium-banner-ib-content,
160
+ .premium-banner-animation1 .premium-banner-read-more {
161
+ margin-top: 10px;
162
+ opacity: 0;
163
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
164
+ transition: opacity 0.2s, -webkit-transform 0.35s;
165
+ transition: opacity 0.2s, transform 0.35s;
166
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s;
167
+ }
168
+
169
+ .premium-banner-animation1:hover .premium-banner-ib-content,
170
+ .premium-banner-animation1.active .premium-banner-ib-content,
171
+ .premium-banner-animation1:hover .premium-banner-read-more,
172
+ .premium-banner-animation1.active .premium-banner-read-more {
173
+ opacity: 1;
174
+ -webkit-transition-delay: 0.05s;
175
+ transition-delay: 0.05s;
176
+ -webkit-transition-duration: 0.35s;
177
+ transition-duration: 0.35s;
178
+ }
179
+
180
+ .premium-banner-animation1:hover .premium-banner-ib-content,
181
+ .premium-banner-animation1.active .premium-banner-ib-content,
182
+ .premium-banner-animation1:hover .premium-banner-read-more,
183
+ .premium-banner-animation1.active .premium-banner-read-more,
184
+ .premium-banner-animation1:hover .premium-banner-ib-title,
185
+ .premium-banner-animation1.active .premium-banner-ib-title,
186
+ .premium-banner-animation1:hover img,
187
+ .premium-banner-animation1.active img {
188
+ -webkit-transform: translate3d(0, 0, 0);
189
+ transform: translate3d(0, 0, 0);
190
+ -webkit-transition-delay: 0.05s;
191
+ transition-delay: 0.05s;
192
+ -webkit-transition-duration: 0.35s;
193
+ transition-duration: 0.35s;
194
+ }
195
+
196
+ .premium-banner-animation1.zoomout img,
197
+ .premium-banner-animation1.scale img {
198
+ -webkit-transform: translate3d(40px, 0, 0) scale(1.1);
199
+ transform: translate3d(40px, 0, 0) scale(1.1);
200
+ }
201
+
202
+ .premium-banner-ib.sepia img {
203
+ -webkit-filter: sepia(30%);
204
+ filter: sepia(30%);
205
+ }
206
+
207
+ .premium-banner-ib.bright img {
208
+ -webkit-filter: brightness(1);
209
+ filter: brightness(1);
210
+ }
211
+
212
+ .premium-banner-ib.sepia:hover img {
213
+ -webkit-filter: sepia(0%);
214
+ filter: sepia(0%);
215
+ }
216
+
217
+ .premium-banner-ib.bright:hover img {
218
+ -webkit-filter: brightness(1.2);
219
+ filter: brightness(1.2);
220
+ }
221
+
222
+ .premium-banner-animation1.premium-banner-min-height img,
223
+ .premium-banner-animation2.premium-banner-min-height img,
224
+ .premium-banner-animation4.premium-banner-min-height img,
225
+ .premium-banner-animation5.premium-banner-min-height img,
226
+ .premium-banner-animation6.premium-banner-min-height img,
227
+ .premium-banner-animation13.premium-banner-min-height img {
228
+ height: auto;
229
+ }
230
+
231
+ .premium-banner-animation2 img {
232
+ width: 100%;
233
+ }
234
+
235
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
236
+ position: absolute;
237
+ content: "";
238
+ top: 0;
239
+ right: 0;
240
+ width: 100%;
241
+ height: 100%;
242
+ opacity: 0;
243
+ -webkit-transform: translate3d(0, 50%, 0);
244
+ transform: translate3d(0, 50%, 0);
245
+ }
246
+
247
+ .premium-banner-animation2 .premium-banner-ib-title {
248
+ position: absolute;
249
+ top: 50%;
250
+ right: 0;
251
+ width: 100%;
252
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
253
+ transition: color 0.35s, -webkit-transform 0.35s;
254
+ transition: transform 0.35s, color 0.35s;
255
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
256
+ -webkit-transform: translate3d(0, -50%, 0);
257
+ transform: translate3d(0, -50%, 0);
258
+ }
259
+
260
+ .premium-banner-animation2 .premium-banner-ib-content,
261
+ .premium-banner-animation2 .premium-banner-read-more,
262
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
263
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
264
+ transition: opacity 0.35s, -webkit-transform 0.35s;
265
+ transition: opacity 0.35s, transform 0.35s;
266
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
267
+ }
268
+
269
+ .premium-banner-animation2 .premium-banner-ib-content,
270
+ .premium-banner-animation2 .premium-banner-read-more {
271
+ position: absolute;
272
+ bottom: 0;
273
+ right: 0;
274
+ padding: 15px;
275
+ width: 100%;
276
+ max-height: 50%;
277
+ opacity: 0;
278
+ -webkit-transform: translate3d(0, 10px, 0);
279
+ transform: translate3d(0, 10px, 0);
280
+ }
281
+
282
+ .premium-banner-animation2:hover .premium-banner-ib-title,
283
+ .premium-banner-animation2.active .premium-banner-ib-title {
284
+ -webkit-transform: translate3d(0, -40px, 0);
285
+ transform: translate3d(0, -40px, 0);
286
+ }
287
+
288
+ .premium-banner-animation2:hover .premium-banner-read-more,
289
+ .premium-banner-animation2.active .premium-banner-read-more,
290
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
291
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
292
+ opacity: 1;
293
+ -webkit-transform: translate3d(0, 0, 0);
294
+ transform: translate3d(0, 0, 0);
295
+ }
296
+
297
+ .premium-banner-animation2:hover .premium-banner-ib-content,
298
+ .premium-banner-animation2.active .premium-banner-ib-content {
299
+ opacity: 1;
300
+ -webkit-transform: translate3d(0, -30px, 0);
301
+ transform: translate3d(0, -30px, 0);
302
+ }
303
+
304
+ .premium-banner-animation3 .premium-banner-ib-title {
305
+ position: absolute;
306
+ bottom: 0;
307
+ right: 0;
308
+ padding: 15px;
309
+ width: 100%;
310
+ text-align: right;
311
+ -webkit-transform: translate3d(0, -30px, 0);
312
+ transform: translate3d(0, -30px, 0);
313
+ }
314
+
315
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
316
+ .premium-banner-animation3 .premium-banner-ib-title {
317
+ -webkit-transition: -webkit-transform 0.35s;
318
+ transition: -webkit-transform 0.35s;
319
+ transition: transform 0.35s;
320
+ transition: transform 0.35s, -webkit-transform 0.35s;
321
+ }
322
+
323
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
324
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
325
+ .premium-banner-animation3:hover .premium-banner-ib-title,
326
+ .premium-banner-animation3.active .premium-banner-ib-title {
327
+ opacity: 1;
328
+ -webkit-transform: translate3d(0, 0, 0);
329
+ transform: translate3d(0, 0, 0);
330
+ }
331
+
332
+ .premium-banner-animation3 .premium-banner-ib-content {
333
+ max-height: -webkit-calc(100% - 60px - 1.5em);
334
+ max-height: calc(100% - 60px - 1.5em);
335
+ overflow: hidden;
336
+ }
337
+
338
+ .premium-banner-animation4 img {
339
+ width: -webkit-calc(100% + 40px) !important;
340
+ width: calc(100% + 40px) !important;
341
+ max-width: -webkit-calc(100% + 40px) !important;
342
+ max-width: calc(100% + 40px) !important;
343
+ }
344
+
345
+ .premium-banner-animation4 .premium-banner-ib-desc {
346
+ padding: 30px;
347
+ }
348
+
349
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
350
+ position: absolute;
351
+ content: "";
352
+ opacity: 0;
353
+ }
354
+
355
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
356
+ position: absolute;
357
+ content: "";
358
+ opacity: 0;
359
+ top: 50px;
360
+ left: 30px;
361
+ bottom: 50px;
362
+ right: 30px;
363
+ border-top: 1px solid #fff;
364
+ border-bottom: 1px solid #fff;
365
+ -webkit-transform: scale(0, 1);
366
+ -ms-transform: scale(0, 1);
367
+ transform: scale(0, 1);
368
+ -webkit-transform-origin: 100% 0;
369
+ -ms-transform-origin: 100% 0;
370
+ transform-origin: 100% 0;
371
+ }
372
+
373
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
374
+ top: 30px;
375
+ left: 50px;
376
+ bottom: 30px;
377
+ right: 50px;
378
+ border-left: 1px solid #fff;
379
+ border-right: 1px solid #fff;
380
+ -webkit-transform: scale(1, 0);
381
+ -ms-transform: scale(1, 0);
382
+ transform: scale(1, 0);
383
+ -webkit-transform-origin: 0% 0;
384
+ -ms-transform-origin: 0% 0;
385
+ transform-origin: 0% 0;
386
+ }
387
+
388
+ .premium-banner-animation4 .premium-banner-ib-title {
389
+ padding: 50px 30px 0 30px;
390
+ -webkit-transition: -webkit-transform 0.35s;
391
+ transition: -webkit-transform 0.35s;
392
+ transition: transform 0.35s;
393
+ transition: transform 0.35s, -webkit-transform 0.35s;
394
+ }
395
+
396
+ .premium-banner-animation4 .premium-banner-ib-content,
397
+ .premium-banner-animation4 .premium-banner-read-more {
398
+ padding: 10px 30px;
399
+ opacity: 0;
400
+ overflow: hidden;
401
+ -webkit-transform: translate3d(0, -10px, 0);
402
+ transform: translate3d(0, -10px, 0);
403
+ }
404
+
405
+ .premium-banner-animation4 .premium-banner-ib-title,
406
+ .premium-banner-animation4 img {
407
+ -webkit-transform: translate3d(30px, 0, 0);
408
+ transform: translate3d(30px, 0, 0);
409
+ }
410
+
411
+ .premium-banner-animation4.zoomout img,
412
+ .premium-banner-animation4.scale img {
413
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
414
+ transform: translate3d(30px, 0, 0) scale(1.1);
415
+ }
416
+
417
+ .premium-banner-animation4 .premium-banner-ib-content,
418
+ .premium-banner-animation4 .premium-banner-read-more {
419
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
420
+ transition: opacity 0.35s, -webkit-transform 0.35s;
421
+ transition: opacity 0.35s, transform 0.35s;
422
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
423
+ }
424
+
425
+ .premium-banner-animation4 .premium-banner-ib-desc::after,
426
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
427
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
428
+ transition: opacity 0.35s, -webkit-transform 0.35s;
429
+ transition: opacity 0.35s, transform 0.35s;
430
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
431
+ }
432
+
433
+ .premium-banner-animation4 img {
434
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
435
+ transition: opacity 0.35s, -webkit-transform 0.35s;
436
+ transition: opacity 0.35s, transform 0.35s;
437
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
438
+ }
439
+
440
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
441
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
442
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
443
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
444
+ opacity: 1;
445
+ -webkit-transform: scale(1);
446
+ -ms-transform: scale(1);
447
+ transform: scale(1);
448
+ }
449
+
450
+ .premium-banner-animation4:hover .premium-banner-ib-content,
451
+ .premium-banner-animation4.active .premium-banner-ib-content,
452
+ .premium-banner-animation4:hover .premium-banner-read-more,
453
+ .premium-banner-animation4.active .premium-banner-read-more,
454
+ .premium-banner-animation4:hover .premium-banner-ib-title,
455
+ .premium-banner-animation4.active .premium-banner-ib-title {
456
+ opacity: 1;
457
+ -webkit-transform: translate3d(0, 0, 0);
458
+ transform: translate3d(0, 0, 0);
459
+ }
460
+
461
+ .premium-banner-animation4:hover .premium-banner-ib-content,
462
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
463
+ .premium-banner-animation4:hover .premium-banner-ib-title,
464
+ .premium-banner-animation4:hover img {
465
+ -webkit-transition-delay: 0.15s;
466
+ transition-delay: 0.15s;
467
+ }
468
+
469
+ .premium-banner-animation5 .premium-banner-ib-desc {
470
+ top: auto;
471
+ bottom: 0;
472
+ padding: 15px;
473
+ height: auto;
474
+ background: #f2f2f2;
475
+ color: #3c4a50;
476
+ -webkit-transition: -webkit-transform 0.35s;
477
+ transition: -webkit-transform 0.35s;
478
+ transition: transform 0.35s;
479
+ transition: transform 0.35s, -webkit-transform 0.35s;
480
+ -webkit-transform: translate3d(0, 100%, 0);
481
+ transform: translate3d(0, 100%, 0);
482
+ }
483
+
484
+ .premium-banner-animation5 .premium-banner-ib-content {
485
+ position: absolute;
486
+ top: auto;
487
+ bottom: 100%;
488
+ right: 0;
489
+ width: 100%;
490
+ padding: 15px;
491
+ opacity: 0;
492
+ -webkit-transition: opacity 0.35s;
493
+ transition: opacity 0.35s;
494
+ }
495
+
496
+ .premium-banner-animation5 .premium-banner-ib-title,
497
+ .premium-banner-animation5 .premium-banner-read-more {
498
+ -webkit-transition: -webkit-transform 0.35s;
499
+ transition: -webkit-transform 0.35s;
500
+ transition: transform 0.35s;
501
+ transition: transform 0.35s, -webkit-transform 0.35s;
502
+ -webkit-transform: translate3d(0, 200%, 0);
503
+ transform: translate3d(0, 200%, 0);
504
+ text-align: center;
505
+ }
506
+
507
+ .premium-banner-animation5 .premium-banner-ib-title {
508
+ margin: 10px 0;
509
+ }
510
+
511
+ .premium-banner-animation5:hover .premium-banner-ib-content,
512
+ .premium-banner-animation5.active .premium-banner-ib-content,
513
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
514
+ .premium-banner-animation5.active .premium-banner-ib-content * {
515
+ opacity: 1 !important;
516
+ z-index: 99 !important;
517
+ -webkit-backface-visibility: hidden !important;
518
+ backface-visibility: hidden !important;
519
+ }
520
+
521
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
522
+ .premium-banner-animation5.active .premium-banner-ib-desc,
523
+ .premium-banner-animation5:hover .premium-banner-ib-title,
524
+ .premium-banner-animation5.active .premium-banner-ib-title,
525
+ .premium-banner-animation5:hover .premium-banner-read-more,
526
+ .premium-banner-animation5.active .premium-banner-read-more {
527
+ -webkit-transform: translateY(0);
528
+ -ms-transform: translateY(0);
529
+ transform: translateY(0);
530
+ }
531
+
532
+ .premium-banner-animation5:hover .premium-banner-ib-title {
533
+ -webkit-transition-delay: 0.05s;
534
+ transition-delay: 0.05s;
535
+ }
536
+
537
+ .premium-banner-animation5 img {
538
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
539
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
540
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
541
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
542
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
543
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
544
+ }
545
+
546
+ .premium-banner-animation2 img,
547
+ .premium-banner-animation4 img,
548
+ .premium-banner-animation6 img {
549
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
551
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
552
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
553
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
554
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
555
+ }
556
+
557
+ .premium-banner-animation5.zoomout img,
558
+ .premium-banner-animation5.scale img {
559
+ -webkit-transform: scale(1.1);
560
+ -ms-transform: scale(1.1);
561
+ transform: scale(1.1);
562
+ }
563
+
564
+ .premium-banner-animation2.zoomout img,
565
+ .premium-banner-animation2.scale img {
566
+ -webkit-transform: scale(1.1);
567
+ -ms-transform: scale(1.1);
568
+ transform: scale(1.1);
569
+ }
570
+
571
+ .premium-banner-animation6.zoomout img,
572
+ .premium-banner-animation6.scale img {
573
+ -webkit-transform: scale(1.1);
574
+ -ms-transform: scale(1.1);
575
+ transform: scale(1.1);
576
+ }
577
+
578
+ .premium-banner-animation5.zoomin:hover img,
579
+ .premium-banner-animation2.zoomin:hover img,
580
+ .premium-banner-animation6.zoomin:hover img {
581
+ -webkit-transform: scale(1.1);
582
+ -ms-transform: scale(1.1);
583
+ transform: scale(1.1);
584
+ }
585
+
586
+ .premium-banner-animation5.zoomout:hover img,
587
+ .premium-banner-animation2.zoomout:hover img,
588
+ .premium-banner-animation6.zoomout:hover img {
589
+ -webkit-transform: scale(1);
590
+ -ms-transform: scale(1);
591
+ transform: scale(1);
592
+ }
593
+
594
+ .premium-banner-animation5.scale:hover img,
595
+ .premium-banner-animation2.scale:hover img,
596
+ .premium-banner-animation6.scale:hover img {
597
+ -webkit-transform: scale(1.2) rotate(-5deg);
598
+ -ms-transform: scale(1.2) rotate(-5deg);
599
+ transform: scale(1.2) rotate(-5deg);
600
+ }
601
+
602
+ .premium-banner-animation5.grayscale:hover img,
603
+ .premium-banner-animation2.grayscale:hover img,
604
+ .premium-banner-animation6.grayscale:hover img {
605
+ -webkit-filter: grayscale(100%);
606
+ filter: grayscale(100%);
607
+ }
608
+
609
+ .premium-banner-animation5.blur:hover img,
610
+ .premium-banner-animation2.blur:hover img {
611
+ -webkit-filter: blur(3px);
612
+ filter: blur(3px);
613
+ }
614
+
615
+ .premium-banner-animation6.blur:hover img {
616
+ -webkit-filter: blur(3px);
617
+ filter: blur(3px);
618
+ }
619
+
620
+ .premium-banner-animation6 .premium-banner-ib-desc {
621
+ padding: 45px;
622
+ }
623
+
624
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
625
+ position: absolute;
626
+ content: "";
627
+ top: 30px;
628
+ left: 30px;
629
+ bottom: 30px;
630
+ right: 30px;
631
+ border: 1px solid #fff;
632
+ }
633
+
634
+ .premium-banner-animation6 .premium-banner-ib-title {
635
+ margin: 20px 0 10px;
636
+ -webkit-transition: -webkit-transform 0.35s;
637
+ transition: -webkit-transform 0.35s;
638
+ transition: transform 0.35s;
639
+ transition: transform 0.35s, -webkit-transform 0.35s;
640
+ -webkit-transform: translate3d(0, 100%, 0);
641
+ transform: translate3d(0, 100%, 0);
642
+ }
643
+
644
+ .premium-banner-animation6 .premium-banner-ib-content,
645
+ .premium-banner-animation6 .premium-banner-read-more,
646
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
647
+ opacity: 0;
648
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
649
+ transition: opacity 0.35s, -webkit-transform 0.35s;
650
+ transition: opacity 0.35s, transform 0.35s;
651
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
652
+ -webkit-transform: scale(0);
653
+ -ms-transform: scale(0);
654
+ transform: scale(0);
655
+ }
656
+
657
+ .premium-banner-animation6 .premium-banner-read-more {
658
+ margin-top: 10px;
659
+ }
660
+
661
+ .premium-banner-animation6:hover .premium-banner-ib-title,
662
+ .premium-banner-animation6.active .premium-banner-ib-title {
663
+ -webkit-transform: translate3d(0, 0, 0);
664
+ transform: translate3d(0, 0, 0);
665
+ }
666
+
667
+ .premium-banner-animation6:hover .premium-banner-ib-content,
668
+ .premium-banner-animation6.active .premium-banner-ib-content,
669
+ .premium-banner-animation6:hover .premium-banner-read-more,
670
+ .premium-banner-animation6.active .premium-banner-read-more,
671
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
672
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
673
+ opacity: 1;
674
+ -webkit-transform: scale(1);
675
+ -ms-transform: scale(1);
676
+ transform: scale(1);
677
+ }
678
+
679
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
680
+ position: absolute;
681
+ content: "";
682
+ left: 30px;
683
+ bottom: 30px;
684
+ right: 30px;
685
+ height: -webkit-calc(50% - 30px);
686
+ height: calc(50% - 30px);
687
+ border: 7px solid #fff;
688
+ -webkit-transition: -webkit-transform 0.35s;
689
+ transition: -webkit-transform 0.35s;
690
+ transition: transform 0.35s;
691
+ transition: transform 0.35s, -webkit-transform 0.35s;
692
+ -webkit-transform: translate3d(0, -100%, 0);
693
+ transform: translate3d(0, -100%, 0);
694
+ }
695
+
696
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
697
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
698
+ -webkit-transform: translate3d(0, 0, 0);
699
+ transform: translate3d(0, 0, 0);
700
+ }
701
+
702
+ .premium-banner-animation12 .premium-banner-ib-desc {
703
+ padding: 45px;
704
+ text-align: right;
705
+ }
706
+
707
+ .premium-banner-animation12 .premium-banner-ib-content {
708
+ position: absolute;
709
+ left: 60px;
710
+ bottom: 60px;
711
+ right: 60px;
712
+ opacity: 0;
713
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
714
+ transition: opacity 0.35s, -webkit-transform 0.35s;
715
+ transition: opacity 0.35s, transform 0.35s;
716
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
717
+ -webkit-transform: translate3d(0, -100px, 0);
718
+ transform: translate3d(0, -100px, 0);
719
+ }
720
+
721
+ .premium-banner-animation12:hover .premium-banner-ib-content,
722
+ .premium-banner-animation12.active .premium-banner-ib-content {
723
+ opacity: 1;
724
+ -webkit-transform: translate3d(0, 0, 0);
725
+ transform: translate3d(0, 0, 0);
726
+ }
727
+
728
+ .premium-banner-animation13 img {
729
+ width: -webkit-calc(100% + 20px) !important;
730
+ width: calc(100% + 20px) !important;
731
+ max-width: -webkit-calc(100% + 20px) !important;
732
+ max-width: calc(100% + 20px) !important;
733
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
734
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
735
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
736
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
737
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
738
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
739
+ -webkit-transform: translate3d(10px, 0, 0);
740
+ transform: translate3d(10px, 0, 0);
741
+ -webkit-backface-visibility: hidden;
742
+ backface-visibility: hidden;
743
+ }
744
+
745
+ .premium-banner-animation13.zoomout img,
746
+ .premium-banner-animation13.scale img {
747
+ -webkit-transform: translate3d(10px, 0, 0) scale(1.1);
748
+ transform: translate3d(10px, 0, 0) scale(1.1);
749
+ }
750
+
751
+ .premium-banner-animation13.none:hover img {
752
+ -webkit-transform: translate3d(0, 0, 0);
753
+ transform: translate3d(0, 0, 0);
754
+ }
755
+
756
+ .premium-banner-animation1.none:hover img,
757
+ .premium-banner-animation4.none:hover img {
758
+ -webkit-transform: translate3d(0, 0, 0);
759
+ transform: translate3d(0, 0, 0);
760
+ }
761
+
762
+ .premium-banner-animation13.zoomin:hover img,
763
+ .premium-banner-animation1.zoomin:hover img,
764
+ .premium-banner-animation4.zoomin:hover img,
765
+ .premium-banner-animation8.zoomin:hover img,
766
+ .premium-banner-animation7.zoomin:hover img,
767
+ .premium-banner-animation9.zoomin:hover img,
768
+ .premium-banner-animation10.zoomin:hover img,
769
+ .premium-banner-animation11.zoomin:hover img {
770
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
771
+ transform: translate3d(0, 0, 0) scale(1.1);
772
+ }
773
+
774
+ .premium-banner-animation13.zoomout:hover img,
775
+ .premium-banner-animation1.zoomout:hover img,
776
+ .premium-banner-animation4.zoomout:hover img,
777
+ .premium-banner-animation8.zoomout:hover img,
778
+ .premium-banner-animation7.zoomout:hover img,
779
+ .premium-banner-animation9.zoomout:hover img,
780
+ .premium-banner-animation10.zoomout:hover img,
781
+ .premium-banner-animation11.zoomout:hover img {
782
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
783
+ transform: translate3d(0, 0, 0) scale(1);
784
+ }
785
+
786
+ .premium-banner-animation13.scale:hover img,
787
+ .premium-banner-animation1.scale:hover img,
788
+ .premium-banner-animation4.scale:hover img,
789
+ .premium-banner-animation8.scale:hover img,
790
+ .premium-banner-animation7.scale:hover img,
791
+ .premium-banner-animation9.scale:hover img,
792
+ .premium-banner-animation10.scale:hover img,
793
+ .premium-banner-animation11.scale:hover img {
794
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
795
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(-5deg);
796
+ }
797
+
798
+ .premium-banner-animation13.grayscale:hover img,
799
+ .premium-banner-animation1.grayscale:hover img,
800
+ .premium-banner-animation4.grayscale:hover img,
801
+ .premium-banner-animation8.grayscale:hover img,
802
+ .premium-banner-animation7.grayscale:hover img,
803
+ .premium-banner-animation9.grayscale:hover img,
804
+ .premium-banner-animation10.grayscale:hover img,
805
+ .premium-banner-animation11.grayscale:hover img {
806
+ -webkit-transform: translate3d(0, 0, 0);
807
+ transform: translate3d(0, 0, 0);
808
+ -webkit-filter: grayscale(100%);
809
+ filter: grayscale(100%);
810
+ }
811
+
812
+ .premium-banner-animation13.blur:hover img,
813
+ .premium-banner-animation1.blur:hover img,
814
+ .premium-banner-animation4.blur:hover,
815
+ .premium-banner-animation8.blur:hover img,
816
+ .premium-banner-animation7.blur:hover img,
817
+ .premium-banner-animation9.blur:hover img,
818
+ .premium-banner-animation10.blur:hover img,
819
+ .premium-banner-animation11.blur:hover img {
820
+ -webkit-transform: translate3d(0, 0, 0);
821
+ transform: translate3d(0, 0, 0);
822
+ -webkit-filter: blur(3px);
823
+ filter: blur(3px);
824
+ }
825
+
826
+ .premium-banner-animation13 .premium-banner-ib-desc {
827
+ text-align: right;
828
+ }
829
+
830
+ .premium-banner-animation13 .premium-banner-ib-title {
831
+ position: relative;
832
+ overflow: hidden;
833
+ padding: 5px 0 10px;
834
+ }
835
+
836
+ .premium-banner-animation13 .premium-banner-ib-title::after {
837
+ position: absolute;
838
+ content: "";
839
+ bottom: 0;
840
+ right: 0;
841
+ width: 100%;
842
+ height: 2px;
843
+ background: #fff;
844
+ -webkit-transition: -webkit-transform 0.35s;
845
+ transition: -webkit-transform 0.35s;
846
+ transition: transform 0.35s;
847
+ transition: transform 0.35s, -webkit-transform 0.35s;
848
+ -webkit-transform: translate3d(101%, 0, 0);
849
+ transform: translate3d(101%, 0, 0);
850
+ }
851
+
852
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
853
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
854
+ -webkit-transform: translate3d(0, 0, 0);
855
+ transform: translate3d(0, 0, 0);
856
+ }
857
+
858
+ .premium-banner-animation13 .premium-banner-ib-content,
859
+ .premium-banner-animation13 .premium-banner-read-more {
860
+ padding: 15px 0;
861
+ opacity: 0;
862
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
863
+ transition: opacity 0.35s, -webkit-transform 0.35s;
864
+ transition: opacity 0.35s, transform 0.35s;
865
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
866
+ -webkit-transform: translate3d(-100%, 0, 0);
867
+ transform: translate3d(-100%, 0, 0);
868
+ }
869
+
870
+ .premium-banner-animation13:hover .premium-banner-ib-content,
871
+ .premium-banner-animation13.active .premium-banner-ib-content,
872
+ .premium-banner-animation13:hover .premium-banner-read-more,
873
+ .premium-banner-animation13.active .premium-banner-read-more {
874
+ opacity: 1;
875
+ -webkit-transform: translate3d(0, 0, 0);
876
+ transform: translate3d(0, 0, 0);
877
+ }
878
+
879
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
880
+ right: 50%;
881
+ width: auto !important;
882
+ height: 100%;
883
+ max-width: none;
884
+ -webkit-transform: translateX(50%);
885
+ -ms-transform: translateX(50%);
886
+ transform: translateX(50%);
887
+ }
888
+
889
+ .premium-banner-ib img {
890
+ border: none;
891
+ padding: 0;
892
+ margin: 0;
893
+ }
894
+
895
+ .premium-banner-animation7 img {
896
+ width: -webkit-calc(100% + 40px) !important;
897
+ width: calc(100% + 40px) !important;
898
+ max-width: -webkit-calc(100% + 40px) !important;
899
+ max-width: calc(100% + 40px) !important;
900
+ }
901
+
902
+ .premium-banner-animation7 .premium-banner-brlr {
903
+ width: 7px;
904
+ }
905
+
906
+ .premium-banner-animation7 .premium-banner-brtb {
907
+ height: 7px;
908
+ }
909
+
910
+ .premium-banner-animation7 .premium-banner-br {
911
+ position: absolute;
912
+ z-index: 1;
913
+ background-color: white;
914
+ -webkit-transition: all 0.3s ease-in-out;
915
+ transition: all 0.3s ease-in-out;
916
+ -webkit-transition-delay: 0.2s;
917
+ transition-delay: 0.2s;
918
+ }
919
+
920
+ .premium-banner-animation7 .premium-banner-bleft {
921
+ right: 30px;
922
+ top: -webkit-calc(100% - 150px);
923
+ top: calc(100% - 150px);
924
+ height: 0;
925
+ }
926
+
927
+ .premium-banner-animation7 .premium-banner-bright {
928
+ left: 30px;
929
+ bottom: -webkit-calc(100% - 150px);
930
+ bottom: calc(100% - 150px);
931
+ height: 0;
932
+ }
933
+
934
+ .premium-banner-animation7 .premium-banner-bottom {
935
+ left: -webkit-calc(100% - 150px);
936
+ left: calc(100% - 150px);
937
+ bottom: 30px;
938
+ width: 0;
939
+ }
940
+
941
+ .premium-banner-animation7 .premium-banner-btop {
942
+ right: -webkit-calc(100% - 150px);
943
+ right: calc(100% - 150px);
944
+ top: 30px;
945
+ width: 0;
946
+ }
947
+
948
+ .premium-banner-animation7 .premium-banner-ib-desc {
949
+ padding: 70px;
950
+ display: table;
951
+ }
952
+
953
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
954
+ display: table-cell;
955
+ vertical-align: middle;
956
+ }
957
+
958
+ .premium-banner-animation7 .premium-banner-ib-title {
959
+ margin-top: 0;
960
+ }
961
+
962
+ .premium-banner-animation7 .premium-banner-ib-title,
963
+ .premium-banner-animation7 img {
964
+ -webkit-transform: translate3d(30px, 0, 0);
965
+ transform: translate3d(30px, 0, 0);
966
+ }
967
+
968
+ .premium-banner-animation7.zoomout img,
969
+ .premium-banner-animation7.scale img {
970
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
971
+ transform: translate3d(30px, 0, 0) scale(1.1);
972
+ }
973
+
974
+ .premium-banner-animation7 .premium-banner-ib-content,
975
+ .premium-banner-animation7 .premium-banner-read-more {
976
+ margin-top: 10px;
977
+ }
978
+
979
+ .premium-banner-animation7 .premium-banner-ib-desc::after,
980
+ .premium-banner-animation7 .premium-banner-ib-desc::before {
981
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
982
+ transition: opacity 0.35s, -webkit-transform 0.35s;
983
+ transition: opacity 0.35s, transform 0.35s;
984
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
985
+ }
986
+
987
+ .premium-banner-animation7 .premium-banner-ib-title,
988
+ .premium-banner-animation7 .premium-banner-ib-content,
989
+ .premium-banner-animation7 .premium-banner-read-more {
990
+ opacity: 0;
991
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
992
+ transition: opacity 0.35s, -webkit-transform 0.35s;
993
+ transition: opacity 0.35s, transform 0.35s;
994
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
995
+ }
996
+
997
+ .premium-banner-animation7 img {
998
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
999
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1000
+ transition: opacity 0.35s, transform 0.35s;
1001
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1002
+ }
1003
+
1004
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1005
+ .premium-banner-animation7.active .premium-banner-ib-content,
1006
+ .premium-banner-animation7:hover .premium-banner-read-more,
1007
+ .premium-banner-animation7.active .premium-banner-read-more,
1008
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1009
+ .premium-banner-animation7.active .premium-banner-ib-title {
1010
+ opacity: 1;
1011
+ -webkit-transform: translate3d(0, 0, 0);
1012
+ transform: translate3d(0, 0, 0);
1013
+ }
1014
+
1015
+ .premium-banner-animation7:hover .premium-banner-bleft,
1016
+ .premium-banner-animation7.active .premium-banner-bleft {
1017
+ top: 30px;
1018
+ height: 70px;
1019
+ }
1020
+
1021
+ .premium-banner-animation7:hover .premium-banner-bright,
1022
+ .premium-banner-animation7.active .premium-banner-bright {
1023
+ bottom: 30px;
1024
+ height: 70px;
1025
+ }
1026
+
1027
+ .premium-banner-animation7:hover .premium-banner-bottom,
1028
+ .premium-banner-animation7.active .premium-banner-bottom {
1029
+ left: 30px;
1030
+ width: 70px;
1031
+ }
1032
+
1033
+ .premium-banner-animation7:hover .premium-banner-btop,
1034
+ .premium-banner-animation7.active .premium-banner-btop {
1035
+ right: 30px;
1036
+ width: 70px;
1037
+ }
1038
+
1039
+ .premium-banner-animation7:hover .premium-banner-ib-content,
1040
+ .premium-banner-animation7:hover .premium-banner-read-more,
1041
+ .premium-banner-animation7:hover .premium-banner-ib-title,
1042
+ .premium-banner-animation7:hover img {
1043
+ -webkit-transition-delay: 0.15s;
1044
+ transition-delay: 0.15s;
1045
+ }
1046
+
1047
+ .premium-banner-animation8 img {
1048
+ width: -webkit-calc(100% + 40px) !important;
1049
+ width: calc(100% + 40px) !important;
1050
+ max-width: -webkit-calc(100% + 40px) !important;
1051
+ max-width: calc(100% + 40px) !important;
1052
+ }
1053
+
1054
+ .premium-banner-animation8 .premium-banner-brlr {
1055
+ width: 7px;
1056
+ }
1057
+
1058
+ .premium-banner-animation8 .premium-banner-brtb {
1059
+ height: 7px;
1060
+ }
1061
+
1062
+ .premium-banner-animation8 .premium-banner-br {
1063
+ position: absolute;
1064
+ z-index: 1;
1065
+ background-color: white;
1066
+ -webkit-transition: all 0.3s ease-in-out;
1067
+ transition: all 0.3s ease-in-out;
1068
+ -webkit-transition-delay: 0.2s;
1069
+ transition-delay: 0.2s;
1070
+ }
1071
+
1072
+ .premium-banner-animation8 .premium-banner-bleft {
1073
+ right: 30px;
1074
+ top: 50%;
1075
+ -webkit-transform: translateY(-50%);
1076
+ -ms-transform: translateY(-50%);
1077
+ transform: translateY(-50%);
1078
+ height: 0;
1079
+ }
1080
+
1081
+ .premium-banner-animation8 .premium-banner-bright {
1082
+ left: 30px;
1083
+ top: 50%;
1084
+ -webkit-transform: translateY(-50%);
1085
+ -ms-transform: translateY(-50%);
1086
+ transform: translateY(-50%);
1087
+ height: 0;
1088
+ }
1089
+
1090
+ .premium-banner-animation8 .premium-banner-bottom {
1091
+ right: 50%;
1092
+ -webkit-transform: translateX(50%);
1093
+ -ms-transform: translateX(50%);
1094
+ transform: translateX(50%);
1095
+ bottom: 30px;
1096
+ width: 0;
1097
+ }
1098
+
1099
+ .premium-banner-animation8 .premium-banner-btop {
1100
+ right: 50%;
1101
+ -webkit-transform: translateX(50%);
1102
+ -ms-transform: translateX(50%);
1103
+ transform: translateX(50%);
1104
+ top: 30px;
1105
+ width: 0;
1106
+ }
1107
+
1108
+ .premium-banner-animation8 .premium-banner-ib-desc {
1109
+ padding: 70px;
1110
+ display: table;
1111
+ }
1112
+
1113
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
1114
+ display: table-cell;
1115
+ vertical-align: middle;
1116
+ }
1117
+
1118
+ .premium-banner-animation8 .premium-banner-ib-title {
1119
+ margin-top: 0;
1120
+ }
1121
+
1122
+ .premium-banner-animation8 .premium-banner-ib-title,
1123
+ .premium-banner-animation8 img {
1124
+ -webkit-transform: translate3d(30px, 0, 0);
1125
+ transform: translate3d(30px, 0, 0);
1126
+ }
1127
+
1128
+ .premium-banner-animation8.zoomout img,
1129
+ .premium-banner-animation8.scale img {
1130
+ -webkit-transform: translate3d(30px, 0, 0) scale(1.1);
1131
+ transform: translate3d(30px, 0, 0) scale(1.1);
1132
+ }
1133
+
1134
+ .premium-banner-animation8 .premium-banner-ib-content,
1135
+ .premium-banner-animation8 .premium-banner-read-more {
1136
+ margin-top: 10px;
1137
+ }
1138
+
1139
+ .premium-banner-animation8 .premium-banner-ib-desc::after,
1140
+ .premium-banner-animation8 .premium-banner-ib-desc::before {
1141
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1142
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1143
+ transition: opacity 0.35s, transform 0.35s;
1144
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1145
+ }
1146
+
1147
+ .premium-banner-animation8 .premium-banner-ib-title,
1148
+ .premium-banner-animation8 .premium-banner-ib-content,
1149
+ .premium-banner-animation8 .premium-banner-read-more {
1150
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1151
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1152
+ transition: opacity 0.35s, transform 0.35s;
1153
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1154
+ opacity: 0;
1155
+ }
1156
+
1157
+ .premium-banner-animation8 img {
1158
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1159
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1160
+ transition: opacity 0.35s, transform 0.35s;
1161
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1162
+ }
1163
+
1164
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1165
+ .premium-banner-animation8.active .premium-banner-ib-content,
1166
+ .premium-banner-animation8:hover .premium-banner-read-more,
1167
+ .premium-banner-animation8.active .premium-banner-read-more,
1168
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1169
+ .premium-banner-animation8.active .premium-banner-ib-title {
1170
+ opacity: 1;
1171
+ -webkit-transform: translate3d(0, 0, 0);
1172
+ transform: translate3d(0, 0, 0);
1173
+ }
1174
+
1175
+ .premium-banner-animation8:hover .premium-banner-bleft,
1176
+ .premium-banner-animation8.active .premium-banner-bleft {
1177
+ height: -webkit-calc(100% - 61px);
1178
+ height: calc(100% - 61px);
1179
+ }
1180
+
1181
+ .premium-banner-animation8:hover .premium-banner-bright,
1182
+ .premium-banner-animation8.active .premium-banner-bright {
1183
+ height: -webkit-calc(100% - 61px);
1184
+ height: calc(100% - 61px);
1185
+ }
1186
+
1187
+ .premium-banner-animation8:hover .premium-banner-bottom,
1188
+ .premium-banner-animation8.active .premium-banner-bottom {
1189
+ width: -webkit-calc(100% - 61px);
1190
+ width: calc(100% - 61px);
1191
+ }
1192
+
1193
+ .premium-banner-animation8:hover .premium-banner-btop,
1194
+ .premium-banner-animation8.active .premium-banner-btop {
1195
+ width: -webkit-calc(100% - 61px);
1196
+ width: calc(100% - 61px);
1197
+ }
1198
+
1199
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1200
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1201
+ .premium-banner-animation8:hover .premium-banner-read-more,
1202
+ .premium-banner-animation8:hover img {
1203
+ -webkit-transition-delay: 0.15s;
1204
+ transition-delay: 0.15s;
1205
+ }
1206
+
1207
+ .premium-banner-animation9 img {
1208
+ width: -webkit-calc(100% + 20px) !important;
1209
+ width: calc(100% + 20px) !important;
1210
+ max-width: -webkit-calc(100% + 20px) !important;
1211
+ max-width: calc(100% + 20px) !important;
1212
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1213
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1214
+ transition: opacity 0.35s, transform 0.35s;
1215
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1216
+ -webkit-transform: scale(1.2);
1217
+ -ms-transform: scale(1.2);
1218
+ transform: scale(1.2);
1219
+ }
1220
+
1221
+ .premium-banner-animation9 .premium-banner-ib-desc {
1222
+ width: 100%;
1223
+ height: 100%;
1224
+ }
1225
+
1226
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1227
+ position: absolute;
1228
+ top: 50%;
1229
+ right: 50%;
1230
+ width: 80%;
1231
+ height: 1px;
1232
+ background: #fff;
1233
+ content: "";
1234
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1235
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1236
+ transition: opacity 0.35s, transform 0.35s;
1237
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1238
+ -webkit-transform: translate3d(50%, -50%, 0);
1239
+ transform: translate3d(50%, -50%, 0);
1240
+ }
1241
+
1242
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1243
+ position: absolute;
1244
+ top: 50%;
1245
+ right: 50%;
1246
+ width: 80%;
1247
+ height: 1px;
1248
+ background: #fff;
1249
+ content: "";
1250
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1251
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1252
+ transition: opacity 0.35s, transform 0.35s;
1253
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1254
+ -webkit-transform: translate3d(50%, -50%, 0);
1255
+ transform: translate3d(50%, -50%, 0);
1256
+ }
1257
+
1258
+ .premium-banner-animation9 .premium-banner-ib-title {
1259
+ position: absolute;
1260
+ top: 50%;
1261
+ right: 0;
1262
+ width: 100%;
1263
+ -webkit-transition: -webkit-transform 0.35s;
1264
+ transition: -webkit-transform 0.35s;
1265
+ transition: transform 0.35s;
1266
+ transition: transform 0.35s, -webkit-transform 0.35s;
1267
+ -webkit-transform: translate3d(0, -70px, 0);
1268
+ transform: translate3d(0, -70px, 0);
1269
+ margin-top: 0;
1270
+ padding: 0 10%;
1271
+ }
1272
+
1273
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1274
+ .premium-banner-animation9.active .premium-banner-ib-title {
1275
+ -webkit-transform: translate3d(0, -80px, 0);
1276
+ transform: translate3d(0, -80px, 0);
1277
+ }
1278
+
1279
+ .premium-banner-animation9 .premium-banner-ib-content,
1280
+ .premium-banner-animation9 .premium-banner-read-more {
1281
+ position: absolute;
1282
+ top: 50%;
1283
+ right: 0;
1284
+ width: 100%;
1285
+ -webkit-transition: -webkit-transform 0.35s;
1286
+ transition: -webkit-transform 0.35s;
1287
+ transition: transform 0.35s;
1288
+ transition: transform 0.35s, -webkit-transform 0.35s;
1289
+ padding: 0 10%;
1290
+ -webkit-transform: translate3d(0, 35px, 0);
1291
+ transform: translate3d(0, 35px, 0);
1292
+ }
1293
+
1294
+ .premium-banner-animation9 .premium-banner-read-more {
1295
+ top: 75%;
1296
+ }
1297
+
1298
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1299
+ .premium-banner-animation9.active .premium-banner-ib-content,
1300
+ .premium-banner-animation9:hover .premium-banner-read-more,
1301
+ .premium-banner-animation9.active .premium-banner-read-more {
1302
+ -webkit-transform: translate3d(0, 45px, 0);
1303
+ transform: translate3d(0, 45px, 0);
1304
+ }
1305
+
1306
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1307
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1308
+ opacity: 0.5;
1309
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(-45deg);
1310
+ transform: translate3d(50%, -50%, 0) rotate(-45deg);
1311
+ }
1312
+
1313
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1314
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1315
+ opacity: 0.5;
1316
+ -webkit-transform: translate3d(50%, -50%, 0) rotate(45deg);
1317
+ transform: translate3d(50%, -50%, 0) rotate(45deg);
1318
+ }
1319
+
1320
+ .premium-banner-animation9:hover img {
1321
+ -webkit-transform: scale(1);
1322
+ -ms-transform: scale(1);
1323
+ transform: scale(1);
1324
+ }
1325
+
1326
+ .premium-banner-animation10 img {
1327
+ width: -webkit-calc(100% + 20px) !important;
1328
+ width: calc(100% + 20px) !important;
1329
+ max-width: -webkit-calc(100% + 20px) !important;
1330
+ max-width: calc(100% + 20px) !important;
1331
+ }
1332
+
1333
+ .premium-banner-animation10 .premium-banner-ib-title {
1334
+ position: relative;
1335
+ overflow: hidden;
1336
+ padding: 5px 0 15px;
1337
+ -webkit-transition: -webkit-transform 0.35s;
1338
+ transition: -webkit-transform 0.35s;
1339
+ transition: transform 0.35s;
1340
+ transition: transform 0.35s, -webkit-transform 0.35s;
1341
+ -webkit-transform: translate3d(0, 20px, 0);
1342
+ transform: translate3d(0, 20px, 0);
1343
+ margin-bottom: 0;
1344
+ }
1345
+
1346
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1347
+ position: absolute;
1348
+ content: "";
1349
+ bottom: 0;
1350
+ right: 0;
1351
+ width: 100%;
1352
+ height: 3px;
1353
+ background: #fff;
1354
+ opacity: 0;
1355
+ -webkit-transform: translate3d(0, 100%, 0);
1356
+ transform: translate3d(0, 100%, 0);
1357
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1358
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1359
+ transition: opacity 0.35s, transform 0.35s;
1360
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1361
+ }
1362
+
1363
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1364
+ .premium-banner-animation10.active .premium-banner-ib-title {
1365
+ -webkit-transform: translate3d(0, 0, 0);
1366
+ transform: translate3d(0, 0, 0);
1367
+ }
1368
+
1369
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1370
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1371
+ opacity: 1;
1372
+ -webkit-transform: translate3d(0, 0, 0);
1373
+ transform: translate3d(0, 0, 0);
1374
+ }
1375
+
1376
+ .premium-banner-animation10 .premium-banner-ib-content,
1377
+ .premium-banner-animation10 .premium-banner-read-more {
1378
+ padding-top: 15px;
1379
+ opacity: 0;
1380
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1381
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1382
+ transition: opacity 0.35s, transform 0.35s;
1383
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1384
+ -webkit-transform: translate3d(0, 100%, 0);
1385
+ transform: translate3d(0, 100%, 0);
1386
+ }
1387
+
1388
+ .premium-banner-animation10 .premium-banner-read-more {
1389
+ padding: 0;
1390
+ }
1391
+
1392
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1393
+ .premium-banner-animation10.active .premium-banner-ib-content,
1394
+ .premium-banner-animation10:hover .premium-banner-read-more,
1395
+ .premium-banner-animation10.active .premium-banner-read-more {
1396
+ opacity: 1;
1397
+ -webkit-transform: translate3d(0, 0, 0);
1398
+ transform: translate3d(0, 0, 0);
1399
+ }
1400
+
1401
+ .premium-banner-animation11 {
1402
+ -webkit-transition: -webkit-transform 1s ease-out;
1403
+ transition: -webkit-transform 1s ease-out;
1404
+ transition: transform 1s ease-out;
1405
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1406
+ -webkit-transition-delay: 0.125s;
1407
+ transition-delay: 0.125s;
1408
+ }
1409
+
1410
+ .premium-banner-animation11 .premium-banner-ib-desc {
1411
+ position: absolute;
1412
+ z-index: 5;
1413
+ -webkit-transform: translate3d(30px, 0, 0);
1414
+ transform: translate3d(30px, 0, 0);
1415
+ opacity: 0;
1416
+ top: auto;
1417
+ bottom: 0;
1418
+ min-height: 25%;
1419
+ height: auto;
1420
+ max-height: 100%;
1421
+ text-align: left;
1422
+ padding: 30px;
1423
+ -webkit-transition: all 0.6s ease-out;
1424
+ transition: all 0.6s ease-out;
1425
+ }
1426
+
1427
+ .premium-banner-animation11 img {
1428
+ width: 100%;
1429
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1430
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1431
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1432
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1433
+ }
1434
+
1435
+ .premium-banner-animation11 .premium-banner-ib-title {
1436
+ margin-bottom: 10px;
1437
+ }
1438
+
1439
+ .premium-banner-animation11 .premium-banner-gradient {
1440
+ position: absolute;
1441
+ left: 0;
1442
+ top: 0;
1443
+ right: 0;
1444
+ bottom: 0;
1445
+ }
1446
+
1447
+ .premium-banner-animation11 .premium-banner-gradient:after,
1448
+ .premium-banner-animation11 .premium-banner-gradient:before {
1449
+ position: absolute;
1450
+ content: "";
1451
+ left: 0;
1452
+ top: 0;
1453
+ right: 0;
1454
+ bottom: 0;
1455
+ -webkit-transform: translate3d(100%, 0, 0);
1456
+ transform: translate3d(100%, 0, 0);
1457
+ background-image: -webkit-linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1458
+ background-image: -webkit-linear-gradient(130deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1459
+ background-image: linear-gradient(-40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1460
+ z-index: 2;
1461
+ }
1462
+
1463
+ .premium-banner-animation11 .premium-banner-gradient:before {
1464
+ mix-blend-mode: color;
1465
+ }
1466
+
1467
+ .premium-banner-animation11 .premium-banner-gradient:after {
1468
+ mix-blend-mode: multiply;
1469
+ }
1470
+
1471
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1472
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1473
+ opacity: 1;
1474
+ -webkit-transform: translate3d(0, 0, 0);
1475
+ transform: translate3d(0, 0, 0);
1476
+ }
1477
+
1478
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1479
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1480
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1481
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1482
+ -webkit-transform: translate3d(0, 0, 0);
1483
+ transform: translate3d(0, 0, 0);
1484
+ }
1485
+
1486
+ .premium-banner-animation11.zoomout img,
1487
+ .premium-banner-animation11.scale img {
1488
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1489
+ transform: translate3d(-10px, 0, 0) scale(1.1);
1490
+ }
1491
+
1492
+ /************ Premium Countdown ************/
1493
+ /*******************************************/
1494
+ .premium-countdown {
1495
+ -js-display: flex;
1496
+ display: -webkit-box;
1497
+ display: -webkit-flex;
1498
+ display: -moz-box;
1499
+ display: -ms-flexbox;
1500
+ display: flex;
1501
+ text-align: center;
1502
+ }
1503
+
1504
+ .countdown-row {
1505
+ display: block;
1506
+ text-align: center;
1507
+ }
1508
+
1509
+ .countdown .countdown-section {
1510
+ display: inline-block;
1511
+ max-width: 100%;
1512
+ margin-bottom: 15px;
1513
+ -js-display: inline-flex;
1514
+ display: -webkit-inline-box;
1515
+ display: -webkit-inline-flex;
1516
+ display: -moz-inline-box;
1517
+ display: -ms-inline-flexbox;
1518
+ display: inline-flex;
1519
+ -webkit-box-align: center;
1520
+ -webkit-align-items: center;
1521
+ -moz-box-align: center;
1522
+ -ms-flex-align: center;
1523
+ align-items: center;
1524
+ }
1525
+
1526
+ .countdown .countdown-section:last-child {
1527
+ margin-left: 0;
1528
+ }
1529
+
1530
+ .countdown span.countdown-amount {
1531
+ font-size: 70px;
1532
+ line-height: 1;
1533
+ padding: 40px;
1534
+ }
1535
+
1536
+ .countdown .pre_time-mid {
1537
+ display: block;
1538
+ }
1539
+
1540
+ .premium-countdown-separator-yes .countdown_separator {
1541
+ display: block;
1542
+ margin: 0 50px;
1543
+ font-size: 30px;
1544
+ }
1545
+
1546
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1547
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1548
+ display: none;
1549
+ }
1550
+
1551
+ /**
1552
+ * Digit and unit styles
1553
+ */
1554
+ .side .countdown-section .countdown-period {
1555
+ vertical-align: bottom;
1556
+ }
1557
+
1558
+ .countdown .countdown-section .countdown-period {
1559
+ font-size: 17px;
1560
+ line-height: 3em;
1561
+ }
1562
+
1563
+ .side .countdown-section .countdown-amount,
1564
+ .side .countdown-section .countdown-period {
1565
+ display: inline-block;
1566
+ }
1567
+
1568
+ .side .countdown-section .countdown-amount {
1569
+ margin-left: 5px;
1570
+ }
1571
+
1572
+ .down .countdown-section .countdown-amount,
1573
+ .down .countdown-section .countdown-period {
1574
+ display: block;
1575
+ }
1576
+
1577
+ /**
1578
+ * Flip Layout
1579
+ */
1580
+ .premium-countdown-flip .premium-countdown-block {
1581
+ text-align: center;
1582
+ -js-display: inline-flex;
1583
+ display: -webkit-inline-box;
1584
+ display: -webkit-inline-flex;
1585
+ display: -moz-inline-box;
1586
+ display: -ms-inline-flexbox;
1587
+ display: inline-flex;
1588
+ -webkit-box-align: center;
1589
+ -webkit-align-items: center;
1590
+ -moz-box-align: center;
1591
+ -ms-flex-align: center;
1592
+ align-items: center;
1593
+ }
1594
+
1595
+ .premium-countdown-flip .premium-countdown-block:last-child {
1596
+ margin-left: 0;
1597
+ }
1598
+
1599
+ .premium-countdown-flip .premium-countdown-label {
1600
+ overflow: hidden;
1601
+ color: #1a1a1a;
1602
+ text-transform: uppercase;
1603
+ }
1604
+
1605
+ .premium-countdown-flip .premium-countdown-figure {
1606
+ position: relative;
1607
+ height: 110px;
1608
+ width: 100px;
1609
+ line-height: 107px;
1610
+ background-color: #fff;
1611
+ -webkit-border-radius: 10px;
1612
+ border-radius: 10px;
1613
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1614
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset -2px 4px 0 0 rgba(255, 255, 255, 0.08);
1615
+ }
1616
+
1617
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1618
+ margin-left: 0;
1619
+ }
1620
+
1621
+ .premium-countdown-flip .premium-countdown-figure>span {
1622
+ position: absolute;
1623
+ right: 0;
1624
+ left: 0;
1625
+ margin: auto;
1626
+ font-weight: 700;
1627
+ }
1628
+
1629
+ .premium-countdown-flip .premium-countdown-figure .top {
1630
+ z-index: 3;
1631
+ -webkit-transform-origin: 50% 100%;
1632
+ -ms-transform-origin: 50% 100%;
1633
+ transform-origin: 50% 100%;
1634
+ -webkit-transform: perspective(200px);
1635
+ transform: perspective(200px);
1636
+ -webkit-backface-visibility: hidden;
1637
+ backface-visibility: hidden;
1638
+ }
1639
+
1640
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1641
+ z-index: 1;
1642
+ }
1643
+
1644
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1645
+ content: "";
1646
+ position: absolute;
1647
+ display: block;
1648
+ top: 0;
1649
+ right: 0;
1650
+ width: 100%;
1651
+ height: 50%;
1652
+ background-color: rgba(0, 0, 0, 0.02);
1653
+ }
1654
+
1655
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1656
+ -webkit-backface-visibility: hidden;
1657
+ backface-visibility: hidden;
1658
+ z-index: 4;
1659
+ bottom: 0;
1660
+ -webkit-transform-origin: 50% 0;
1661
+ -ms-transform-origin: 50% 0;
1662
+ transform-origin: 50% 0;
1663
+ -webkit-transform: perspective(200px) rotateX(180deg);
1664
+ transform: perspective(200px) rotateX(180deg);
1665
+ }
1666
+
1667
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1668
+ position: absolute;
1669
+ top: -100%;
1670
+ right: 0;
1671
+ left: 0;
1672
+ margin: auto;
1673
+ }
1674
+
1675
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1676
+ z-index: 2;
1677
+ top: 0;
1678
+ }
1679
+
1680
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1681
+ position: absolute;
1682
+ top: 0;
1683
+ right: 0;
1684
+ left: 0;
1685
+ margin: auto;
1686
+ }
1687
+
1688
+ .premium-countdown-flip .premium-countdown-figure .top,
1689
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1690
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1691
+ height: 50%;
1692
+ overflow: hidden;
1693
+ background-color: #f7f7f7;
1694
+ -webkit-border-top-right-radius: 10px;
1695
+ border-top-right-radius: 10px;
1696
+ -webkit-border-top-left-radius: 10px;
1697
+ border-top-left-radius: 10px;
1698
+ }
1699
+
1700
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1701
+ -webkit-border-bottom-right-radius: 10px;
1702
+ border-bottom-right-radius: 10px;
1703
+ -webkit-border-bottom-left-radius: 10px;
1704
+ border-bottom-left-radius: 10px;
1705
+ }
1706
+
1707
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1708
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1709
+ content: "";
1710
+ position: absolute;
1711
+ z-index: -1;
1712
+ right: 0;
1713
+ bottom: 0;
1714
+ width: 100%;
1715
+ height: 100%;
1716
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1717
+ }
1718
+
1719
+ .side .premium-countdown-figure,
1720
+ .side .premium-countdown-label {
1721
+ display: inline-block;
1722
+ }
1723
+
1724
+ .side .premium-countdown-figure {
1725
+ margin-left: 5px;
1726
+ }
1727
+
1728
+ .down .premium-countdown-figure,
1729
+ .down .premium-countdown-label {
1730
+ display: block;
1731
+ }
1732
+
1733
+ .down .premium-countdown-label {
1734
+ width: 100%;
1735
+ }
1736
+
1737
+ /**************** Premium Carousel **************/
1738
+ /************************************************/
1739
+ .premium-carousel-wrapper a.carousel-arrow,
1740
+ .premium-carousel-wrapper a.ver-carousel-arrow,
1741
+ .premium-fb-rev-container a.carousel-arrow,
1742
+ .premium-tabs-nav-list a.carousel-arrow,
1743
+ .premium-blog-wrap a.carousel-arrow,
1744
+ .premium-hscroll-wrap a.carousel-arrow,
1745
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1746
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1747
+ .premium-instafeed-container a.carousel-arrow,
1748
+ .premium-persons-container a.carousel-arrow,
1749
+ .premium-woocommerce a.carousel-arrow {
1750
+ display: -ms-flexbox;
1751
+ display: -webkit-flex;
1752
+ display: -moz-flex;
1753
+ display: -ms-flex;
1754
+ -js-display: flex;
1755
+ display: -webkit-box;
1756
+ display: -moz-box;
1757
+ display: flex;
1758
+ -webkit-box-align: center;
1759
+ -webkit-align-items: center;
1760
+ -moz-box-align: center;
1761
+ -ms-flex-align: center;
1762
+ align-items: center;
1763
+ -webkit-box-pack: center;
1764
+ -webkit-justify-content: center;
1765
+ -moz-box-pack: center;
1766
+ -ms-flex-pack: center;
1767
+ justify-content: center;
1768
+ width: 2em;
1769
+ height: 2em;
1770
+ line-height: 0;
1771
+ text-align: center;
1772
+ position: absolute;
1773
+ z-index: 99;
1774
+ cursor: pointer;
1775
+ -webkit-transition: all 0.3s ease-in-out;
1776
+ transition: all 0.3s ease-in-out;
1777
+ -webkit-appearance: inherit;
1778
+ border: none;
1779
+ -webkit-box-shadow: none;
1780
+ box-shadow: none;
1781
+ }
1782
+
1783
+ .premium-carousel-wrapper a.carousel-arrow svg,
1784
+ .premium-carousel-wrapper a.ver-carousel-arrow svg {
1785
+ -webkit-transition: all 0.3s ease-in-out;
1786
+ transition: all 0.3s ease-in-out;
1787
+ }
1788
+
1789
+ div[class^="premium-"] .slick-arrow i {
1790
+ display: block;
1791
+ }
1792
+
1793
+ .ver-carousel-arrow.carousel-next i {
1794
+ margin-bottom: -3px;
1795
+ }
1796
+
1797
+ .premium-carousel-wrapper a.slick-arrow:hover {
1798
+ -webkit-box-shadow: none !important;
1799
+ box-shadow: none !important;
1800
+ }
1801
+
1802
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1803
+ visibility: hidden;
1804
+ }
1805
+
1806
+ .premium-carousel-wrapper a.carousel-arrow,
1807
+ .premium-fb-rev-container a.carousel-arrow,
1808
+ .premium-tabs-nav-list a.carousel-arrow,
1809
+ .premium-blog-wrap a.carousel-arrow,
1810
+ .premium-hscroll-wrap a.carousel-arrow,
1811
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1812
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1813
+ .premium-instafeed-container a.carousel-arrow,
1814
+ .premium-persons-container a.carousel-arrow,
1815
+ .premium-woocommerce a.carousel-arrow {
1816
+ top: 50%;
1817
+ -webkit-transform: translateY(-50%);
1818
+ -ms-transform: translateY(-50%);
1819
+ transform: translateY(-50%);
1820
+ }
1821
+
1822
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1823
+ right: 50%;
1824
+ -webkit-transform: translateX(50%);
1825
+ -ms-transform: translateX(50%);
1826
+ transform: translateX(50%);
1827
+ }
1828
+
1829
+ a.carousel-arrow.carousel-next {
1830
+ right: -20px;
1831
+ left: auto;
1832
+ }
1833
+
1834
+ a.carousel-arrow.carousel-prev {
1835
+ left: -20px;
1836
+ right: auto;
1837
+ }
1838
+
1839
+ a.ver-carousel-arrow.carousel-next {
1840
+ bottom: -56px;
1841
+ }
1842
+
1843
+ a.ver-carousel-arrow.carousel-prev {
1844
+ top: -45px;
1845
+ }
1846
+
1847
+ a.circle-bg {
1848
+ -webkit-border-radius: 100%;
1849
+ border-radius: 100%;
1850
+ }
1851
+
1852
+ a.circle-border {
1853
+ -webkit-border-radius: 100%;
1854
+ border-radius: 100%;
1855
+ border: solid black;
1856
+ }
1857
+
1858
+ a.square-border {
1859
+ border: solid black;
1860
+ }
1861
+
1862
+ .premium-carousel-dots-below,
1863
+ .premium-blog-wrap ul.slick-dots,
1864
+ .premium-fb-rev-reviews ul.slick-dots,
1865
+ .premium-woocommerce ul.slick-dots {
1866
+ position: relative;
1867
+ bottom: 0;
1868
+ list-style: none;
1869
+ text-align: center;
1870
+ margin: 0;
1871
+ padding: 0;
1872
+ }
1873
+
1874
+ .premium-carousel-dots-above ul.slick-dots {
1875
+ position: absolute;
1876
+ display: -ms-flexbox;
1877
+ display: -webkit-flex;
1878
+ display: -moz-flex;
1879
+ display: -ms-flex;
1880
+ -js-display: flex;
1881
+ display: -webkit-box;
1882
+ display: -moz-box;
1883
+ display: flex;
1884
+ top: 50%;
1885
+ -webkit-transform: translateY(-50%);
1886
+ -ms-transform: translateY(-50%);
1887
+ transform: translateY(-50%);
1888
+ -webkit-flex-direction: column;
1889
+ -webkit-box-orient: vertical;
1890
+ -webkit-box-direction: normal;
1891
+ -moz-box-orient: vertical;
1892
+ -moz-box-direction: normal;
1893
+ -ms-flex-direction: column;
1894
+ flex-direction: column;
1895
+ }
1896
+
1897
+ ul.slick-dots li {
1898
+ font-size: 10px;
1899
+ display: -webkit-inline-box;
1900
+ display: -webkit-inline-flex;
1901
+ display: -ms-inline-flexbox;
1902
+ -js-display: inline-flex;
1903
+ display: -moz-inline-box;
1904
+ display: inline-flex;
1905
+ -webkit-box-pack: center;
1906
+ -webkit-justify-content: center;
1907
+ -moz-box-pack: center;
1908
+ -ms-flex-pack: center;
1909
+ justify-content: center;
1910
+ -webkit-box-align: center;
1911
+ -webkit-align-items: center;
1912
+ -moz-box-align: center;
1913
+ -ms-flex-align: center;
1914
+ align-items: center;
1915
+ margin: 5px;
1916
+ width: 20px;
1917
+ height: 20px;
1918
+ cursor: pointer;
1919
+ }
1920
+
1921
+ /*
1922
+ * Custom Navigation Dot
1923
+ */
1924
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1925
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1926
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1927
+ display: none;
1928
+ }
1929
+
1930
+ .premium-carousel-wrapper ul.slick-dots svg {
1931
+ width: 20px;
1932
+ height: 20px;
1933
+ outline: none !important;
1934
+ }
1935
+
1936
+ /* Ripple Out */
1937
+ @-webkit-keyframes hvr-ripple-out {
1938
+ 0% {
1939
+ -webkit-transform: scale(1);
1940
+ transform: scale(1);
1941
+ opacity: 1;
1942
+ }
1943
+
1944
+ 100% {
1945
+ -webkit-transform: scale(1.5);
1946
+ transform: scale(1.5);
1947
+ opacity: 0;
1948
+ }
1949
+ }
1950
+
1951
+ @keyframes hvr-ripple-out {
1952
+ 0% {
1953
+ -webkit-transform: scale(1);
1954
+ transform: scale(1);
1955
+ opacity: 1;
1956
+ }
1957
+
1958
+ 100% {
1959
+ -webkit-transform: scale(1.5);
1960
+ transform: scale(1.5);
1961
+ opacity: 0;
1962
+ }
1963
+ }
1964
+
1965
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1966
+ padding-bottom: 1px;
1967
+ }
1968
+
1969
+ .premium-carousel-ripple-yes ul.slick-dots li,
1970
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1971
+ position: relative;
1972
+ }
1973
+
1974
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1975
+ z-index: 1;
1976
+ }
1977
+
1978
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1979
+ content: "";
1980
+ position: absolute;
1981
+ -webkit-transform: scale(1);
1982
+ -ms-transform: scale(1);
1983
+ transform: scale(1);
1984
+ top: 0;
1985
+ left: 0;
1986
+ bottom: 0;
1987
+ right: 0;
1988
+ -webkit-border-radius: 50%;
1989
+ border-radius: 50%;
1990
+ pointer-events: none;
1991
+ background-color: rgba(0, 0, 0, 0.15);
1992
+ }
1993
+
1994
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1995
+ background-color: rgba(0, 0, 0, 0.3);
1996
+ }
1997
+
1998
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1999
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
2000
+ animation: hvr-ripple-out 1.3s infinite;
2001
+ }
2002
+
2003
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
2004
+ -webkit-transform: scale(1.25, 1.25);
2005
+ -ms-transform: scale(1.25, 1.25);
2006
+ transform: scale(1.25, 1.25);
2007
+ -webkit-transition: all 0.3s ease-in-out !important;
2008
+ transition: all 0.3s ease-in-out !important;
2009
+ }
2010
+
2011
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
2012
+ -webkit-transform: scale(1, 1);
2013
+ -ms-transform: scale(1, 1);
2014
+ transform: scale(1, 1);
2015
+ }
2016
+
2017
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
2018
+ float: right;
2019
+ }
2020
+
2021
+ /**************** Premium Counter ***************/
2022
+ /************************************************/
2023
+ .premium-counter-area {
2024
+ padding: 10px 0;
2025
+ -js-display: flex;
2026
+ display: -webkit-box;
2027
+ display: -webkit-flex;
2028
+ display: -moz-box;
2029
+ display: -ms-flexbox;
2030
+ display: flex;
2031
+ -webkit-box-pack: center;
2032
+ -webkit-justify-content: center;
2033
+ -moz-box-pack: center;
2034
+ -ms-flex-pack: center;
2035
+ justify-content: center;
2036
+ -webkit-box-align: center;
2037
+ -webkit-align-items: center;
2038
+ -moz-box-align: center;
2039
+ -ms-flex-align: center;
2040
+ align-items: center;
2041
+ }
2042
+
2043
+ .premium-counter-area.top {
2044
+ -webkit-box-orient: vertical;
2045
+ -webkit-box-direction: normal;
2046
+ -webkit-flex-direction: column;
2047
+ -moz-box-orient: vertical;
2048
+ -moz-box-direction: normal;
2049
+ -ms-flex-direction: column;
2050
+ flex-direction: column;
2051
+ }
2052
+
2053
+ .premium-counter-area.right {
2054
+ -webkit-box-orient: horizontal;
2055
+ -webkit-box-direction: reverse;
2056
+ -webkit-flex-direction: row-reverse;
2057
+ -moz-box-orient: horizontal;
2058
+ -moz-box-direction: reverse;
2059
+ -ms-flex-direction: row-reverse;
2060
+ flex-direction: row-reverse;
2061
+ }
2062
+
2063
+ .premium-counter-area.right .premium-counter-icon {
2064
+ padding-right: 20px;
2065
+ }
2066
+
2067
+ .premium-counter-area.left .premium-counter-icon {
2068
+ padding-left: 20px;
2069
+ }
2070
+
2071
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
2072
+ vertical-align: text-top;
2073
+ }
2074
+
2075
+ .premium-counter-area .premium-counter-icon span.icon {
2076
+ text-align: center;
2077
+ display: inline-block;
2078
+ vertical-align: middle;
2079
+ }
2080
+
2081
+ .premium-counter-area .premium-counter-icon .circle {
2082
+ -webkit-border-radius: 100%;
2083
+ border-radius: 100%;
2084
+ }
2085
+
2086
+ .premium-counter-area .premium-counter-icon img,
2087
+ .premium-counter-area .premium-counter-icon svg {
2088
+ width: 80px;
2089
+ }
2090
+
2091
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
2092
+ height: 80px;
2093
+ }
2094
+
2095
+ .premium-counter-area .premium-counter-title p {
2096
+ padding: 0;
2097
+ margin: 0;
2098
+ }
2099
+
2100
+ .premium-counter-area .premium-counter-value-wrap {
2101
+ -js-display: flex;
2102
+ display: -webkit-box;
2103
+ display: -webkit-flex;
2104
+ display: -moz-box;
2105
+ display: -ms-flexbox;
2106
+ display: flex;
2107
+ -webkit-box-align: center;
2108
+ -webkit-align-items: center;
2109
+ -moz-box-align: center;
2110
+ -ms-flex-align: center;
2111
+ align-items: center;
2112
+ }
2113
+
2114
+ .premium-init-wrapper {
2115
+ -js-display: flex;
2116
+ display: -webkit-box;
2117
+ display: -webkit-flex;
2118
+ display: -moz-box;
2119
+ display: -ms-flexbox;
2120
+ display: flex;
2121
+ }
2122
+
2123
+ .premium-init-wrapper.row {
2124
+ -webkit-box-align: center;
2125
+ -webkit-align-items: center;
2126
+ -moz-box-align: center;
2127
+ -ms-flex-align: center;
2128
+ align-items: center;
2129
+ }
2130
+
2131
+ .premium-init-wrapper.right {
2132
+ text-align: right;
2133
+ }
2134
+
2135
+ span.icon.flex-width {
2136
+ width: auto !important;
2137
+ height: auto !important;
2138
+ }
2139
+
2140
+ .premium-counter-area .premium-counter-init {
2141
+ font-size: 35px;
2142
+ }
2143
+
2144
+ /**************** Premium Image Separator ****************/
2145
+ /*********************************************************/
2146
+ /*Image Separator Container Style*/
2147
+ .premium-image-separator-container {
2148
+ position: absolute;
2149
+ width: 100%;
2150
+ z-index: 2;
2151
+ top: auto;
2152
+ }
2153
+
2154
+ .premium-image-separator-container img {
2155
+ display: inline-block !important;
2156
+ -webkit-mask-repeat: no-repeat;
2157
+ mask-repeat: no-repeat;
2158
+ -webkit-mask-position: center;
2159
+ mask-position: center;
2160
+ }
2161
+
2162
+ /*Link on Image Style*/
2163
+ .premium-image-separator-link {
2164
+ position: absolute;
2165
+ z-index: 9999;
2166
+ top: 0;
2167
+ right: 0;
2168
+ width: 100%;
2169
+ height: 100%;
2170
+ text-decoration: none;
2171
+ }
2172
+
2173
+ /*Important to override Theme options*/
2174
+ a.premium-image-separator-link:hover,
2175
+ a.premium-image-separator-link:visited,
2176
+ a.premium-image-separator-link:focus,
2177
+ a.premium-image-separator-link:active {
2178
+ -webkit-box-shadow: none !important;
2179
+ box-shadow: none !important;
2180
+ outline: none !important;
2181
+ border: none !important;
2182
+ text-decoration: none !important;
2183
+ }
2184
+
2185
+ .premium-image-separator-container .img-responsive {
2186
+ display: inline-block;
2187
+ }
2188
+
2189
+ .premium-image-separator-container i,
2190
+ .premium-image-separator-container>svg {
2191
+ padding: 20px;
2192
+ -webkit-transition: all 0.3s ease-in-out;
2193
+ transition: all 0.3s ease-in-out;
2194
+ }
2195
+
2196
+ /**************** Premium Modal Box ****************/
2197
+ /***************************************************/
2198
+ .premium-modal-trigger-btn,
2199
+ .premium-modal-box-modal-lower-close {
2200
+ display: inline-block;
2201
+ padding: 6px 12px;
2202
+ margin-bottom: 0;
2203
+ font-size: 14px;
2204
+ font-weight: normal;
2205
+ line-height: 1.42857143;
2206
+ text-align: center;
2207
+ white-space: nowrap;
2208
+ vertical-align: middle;
2209
+ -ms-touch-action: manipulation;
2210
+ touch-action: manipulation;
2211
+ cursor: pointer;
2212
+ -webkit-user-select: none;
2213
+ -moz-user-select: none;
2214
+ -ms-user-select: none;
2215
+ user-select: none;
2216
+ background-image: none;
2217
+ border: 1px solid transparent;
2218
+ }
2219
+
2220
+ .premium-modal-trigger-btn>svg,
2221
+ .premium-modal-trigger-btn .premium-modal-box-icon {
2222
+ -webkit-transition: all 0.3s ease-in-out;
2223
+ transition: all 0.3s ease-in-out;
2224
+ }
2225
+
2226
+ .premium-modal-trigger-btn>svg {
2227
+ width: 30px;
2228
+ height: 30px;
2229
+ }
2230
+
2231
+ .premium-modal-box-modal-close {
2232
+ float: left;
2233
+ font-size: 21px;
2234
+ font-weight: bold;
2235
+ line-height: 1;
2236
+ color: #000;
2237
+ }
2238
+
2239
+ .premium-modal-box-modal-close:hover,
2240
+ .premium-modal-box-modal-close:focus {
2241
+ color: #000;
2242
+ text-decoration: none;
2243
+ cursor: pointer;
2244
+ }
2245
+
2246
+ button.premium-modal-box-modal-close {
2247
+ -webkit-appearance: none;
2248
+ padding: 0;
2249
+ cursor: pointer;
2250
+ background: transparent;
2251
+ border: 0;
2252
+ }
2253
+
2254
+ .premium-modal-box-modal {
2255
+ position: fixed;
2256
+ top: 0;
2257
+ left: 0;
2258
+ bottom: 0;
2259
+ right: 0;
2260
+ z-index: 1050;
2261
+ display: none;
2262
+ -webkit-overflow-scrolling: touch;
2263
+ outline: 0;
2264
+ padding: 0 !important;
2265
+ background: rgba(0, 0, 0, 0.5);
2266
+ -webkit-box-align: center;
2267
+ -webkit-align-items: center;
2268
+ -moz-box-align: center;
2269
+ -ms-flex-align: center;
2270
+ align-items: center;
2271
+ -webkit-box-pack: center;
2272
+ -webkit-justify-content: center;
2273
+ -moz-box-pack: center;
2274
+ -ms-flex-pack: center;
2275
+ justify-content: center;
2276
+ }
2277
+
2278
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
2279
+ position: absolute;
2280
+ max-height: -webkit-calc(100vh - 150px);
2281
+ max-height: calc(100vh - 150px);
2282
+ -js-display: flex;
2283
+ display: -webkit-box;
2284
+ display: -webkit-flex;
2285
+ display: -moz-box;
2286
+ display: -ms-flexbox;
2287
+ display: flex;
2288
+ -webkit-box-orient: vertical;
2289
+ -webkit-box-direction: normal;
2290
+ -webkit-flex-direction: column;
2291
+ -moz-box-orient: vertical;
2292
+ -moz-box-direction: normal;
2293
+ -ms-flex-direction: column;
2294
+ flex-direction: column;
2295
+ opacity: 0;
2296
+ background-color: #fff;
2297
+ border: 1px solid rgba(0, 0, 0, 0.2);
2298
+ -webkit-border-radius: 6px;
2299
+ border-radius: 6px;
2300
+ }
2301
+
2302
+ .premium-modal-box-modal-content {
2303
+ background-clip: padding-box;
2304
+ outline: 0;
2305
+ overflow-x: hidden;
2306
+ }
2307
+
2308
+ .premium-modal-backdrop.premium-in {
2309
+ filter: alpha(opacity=50);
2310
+ opacity: 0.5 !important;
2311
+ }
2312
+
2313
+ .premium-modal-fade.premium-in {
2314
+ opacity: 1;
2315
+ }
2316
+
2317
+ .premium-modal-backdrop {
2318
+ position: fixed;
2319
+ top: 0;
2320
+ left: 0;
2321
+ bottom: 0;
2322
+ right: 0;
2323
+ z-index: 1040;
2324
+ background-color: #000;
2325
+ }
2326
+
2327
+ .premium-modal-backdrop.premium-modal-fade {
2328
+ filter: alpha(opacity=0);
2329
+ opacity: 0;
2330
+ }
2331
+
2332
+ .premium-modal-fade {
2333
+ opacity: 0;
2334
+ }
2335
+
2336
+ .premium-in {
2337
+ -js-display: flex !important;
2338
+ display: -webkit-box !important;
2339
+ display: -webkit-flex !important;
2340
+ display: -moz-box !important;
2341
+ display: -ms-flexbox !important;
2342
+ display: flex !important;
2343
+ }
2344
+
2345
+ .premium-modal-box-modal-header {
2346
+ -js-display: flex;
2347
+ display: -webkit-box;
2348
+ display: -webkit-flex;
2349
+ display: -moz-box;
2350
+ display: -ms-flexbox;
2351
+ display: flex;
2352
+ -webkit-box-pack: justify;
2353
+ -webkit-justify-content: space-between;
2354
+ -moz-box-pack: justify;
2355
+ -ms-flex-pack: justify;
2356
+ justify-content: space-between;
2357
+ -webkit-box-align: center;
2358
+ -webkit-align-items: center;
2359
+ -moz-box-align: center;
2360
+ -ms-flex-align: center;
2361
+ align-items: center;
2362
+ padding: 5px 15px;
2363
+ border-bottom: 1px solid #e5e5e5;
2364
+ }
2365
+
2366
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2367
+ margin-top: -2px;
2368
+ }
2369
+
2370
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2371
+ -js-display: flex;
2372
+ display: -webkit-box;
2373
+ display: -webkit-flex;
2374
+ display: -moz-box;
2375
+ display: -ms-flexbox;
2376
+ display: flex;
2377
+ -webkit-box-align: center;
2378
+ -webkit-align-items: center;
2379
+ -moz-box-align: center;
2380
+ -ms-flex-align: center;
2381
+ align-items: center;
2382
+ margin: 0;
2383
+ padding: 0;
2384
+ }
2385
+
2386
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2387
+ width: 50px;
2388
+ height: 60px;
2389
+ }
2390
+
2391
+ .premium-modal-box-modal-body {
2392
+ position: relative;
2393
+ padding: 15px;
2394
+ }
2395
+
2396
+ .premium-modal-box-modal-footer {
2397
+ padding: 15px;
2398
+ text-align: left;
2399
+ border-top: 1px solid #e5e5e5;
2400
+ }
2401
+
2402
+ .premium-modal-scrollbar-measure {
2403
+ position: absolute;
2404
+ top: -9999px;
2405
+ width: 50px;
2406
+ height: 50px;
2407
+ overflow: scroll;
2408
+ }
2409
+
2410
+ .premium-modal-trigger-text {
2411
+ background: none !important;
2412
+ display: inline-block;
2413
+ }
2414
+
2415
+ .premium-modal-box-container {
2416
+ width: 100% !important;
2417
+ }
2418
+
2419
+ /*Open Modal Button Style*/
2420
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2421
+ -js-display: inline-flex;
2422
+ display: -webkit-inline-box;
2423
+ display: -webkit-inline-flex;
2424
+ display: -moz-inline-box;
2425
+ display: -ms-inline-flexbox;
2426
+ display: inline-flex;
2427
+ -webkit-box-align: center;
2428
+ -webkit-align-items: center;
2429
+ -moz-box-align: center;
2430
+ -ms-flex-align: center;
2431
+ align-items: center;
2432
+ border: none;
2433
+ -webkit-transition: all 0.3s ease-in-out;
2434
+ transition: all 0.3s ease-in-out;
2435
+ }
2436
+
2437
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2438
+ -webkit-box-pack: center;
2439
+ -webkit-justify-content: center;
2440
+ -moz-box-pack: center;
2441
+ -ms-flex-pack: center;
2442
+ justify-content: center;
2443
+ }
2444
+
2445
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2446
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2447
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2448
+ cursor: pointer;
2449
+ }
2450
+
2451
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2452
+ display: inline-block;
2453
+ width: 200px;
2454
+ height: 200px;
2455
+ -webkit-transition: all 0.3s ease-in-out;
2456
+ transition: all 0.3s ease-in-out;
2457
+ }
2458
+
2459
+ /*Image on Modal Header Style*/
2460
+ .premium-modal-box-modal-header img {
2461
+ width: 48px;
2462
+ padding-left: 5px;
2463
+ }
2464
+
2465
+ .premium-modal-box-modal-header i,
2466
+ .premium-modal-box-modal-header svg {
2467
+ padding-left: 6px;
2468
+ }
2469
+
2470
+ .premium-modal-box-modal-close {
2471
+ position: relative;
2472
+ z-index: 99;
2473
+ }
2474
+
2475
+ .premium-modal-trigger-img,
2476
+ .premium-modal-trigger-text,
2477
+ .premium-modal-box-close-button-container,
2478
+ .premium-modal-box-modal-close,
2479
+ .premium-modal-box-modal-lower-close {
2480
+ -webkit-transition: all 0.3s ease-in-out;
2481
+ transition: all 0.3s ease-in-out;
2482
+ }
2483
+
2484
+ @media (min-width: 768px) {
2485
+ .premium-modal-box-modal-dialog {
2486
+ width: 700px;
2487
+ max-height: 600px;
2488
+ overflow: auto;
2489
+ }
2490
+ }
2491
+
2492
+ @media (max-width: 767px) {
2493
+ .premium-modal-box-modal-dialog {
2494
+ width: 100%;
2495
+ max-height: 500px;
2496
+ overflow: auto;
2497
+ }
2498
+ }
2499
+
2500
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2501
+ opacity: 0;
2502
+ }
2503
+
2504
+ /**************** Premium Progress Bar ****************/
2505
+ /******************************************************/
2506
+ .premium-progressbar-container {
2507
+ position: relative;
2508
+ }
2509
+
2510
+ .premium-progressbar-bar-wrap {
2511
+ position: relative;
2512
+ text-align: right;
2513
+ overflow: hidden;
2514
+ height: 25px;
2515
+ margin-bottom: 50px;
2516
+ background-color: #f5f5f5;
2517
+ -webkit-border-radius: 4px;
2518
+ border-radius: 4px;
2519
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2520
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2521
+ }
2522
+
2523
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2524
+ background-color: transparent;
2525
+ width: 100%;
2526
+ -js-display: flex;
2527
+ display: -webkit-box;
2528
+ display: -webkit-flex;
2529
+ display: -moz-box;
2530
+ display: -ms-flexbox;
2531
+ display: flex;
2532
+ height: auto;
2533
+ -webkit-box-shadow: none;
2534
+ box-shadow: none;
2535
+ }
2536
+
2537
+ .premium-progressbar-bar-wrap .progress-segment {
2538
+ position: relative;
2539
+ width: 25px;
2540
+ height: 25px;
2541
+ -webkit-border-radius: 50%;
2542
+ border-radius: 50%;
2543
+ overflow: hidden;
2544
+ background-color: #f5f5f5;
2545
+ }
2546
+
2547
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2548
+ background: #6ec1e4;
2549
+ }
2550
+
2551
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2552
+ margin: 0 4px;
2553
+ }
2554
+
2555
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2556
+ margin-left: 4px;
2557
+ }
2558
+
2559
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2560
+ margin-right: 4px;
2561
+ }
2562
+
2563
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2564
+ position: absolute;
2565
+ top: 0;
2566
+ right: 0;
2567
+ height: 100%;
2568
+ background-color: #6ec1e4;
2569
+ }
2570
+
2571
+ .premium-progressbar-bar {
2572
+ float: right;
2573
+ width: 0%;
2574
+ height: 100%;
2575
+ font-size: 12px;
2576
+ line-height: 20px;
2577
+ background: #6ec1e4;
2578
+ text-align: center;
2579
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2580
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2581
+ }
2582
+
2583
+ .premium-progressbar-striped .premium-progressbar-bar {
2584
+ background-image: -webkit-linear-gradient(-135deg,
2585
+ rgba(255, 255, 255, 0.15) 25%,
2586
+ transparent 25%,
2587
+ transparent 50%,
2588
+ rgba(255, 255, 255, 0.15) 50%,
2589
+ rgba(255, 255, 255, 0.15) 75%,
2590
+ transparent 75%,
2591
+ transparent);
2592
+ background-image: -webkit-linear-gradient(45deg,
2593
+ rgba(255, 255, 255, 0.15) 25%,
2594
+ transparent 25%,
2595
+ transparent 50%,
2596
+ rgba(255, 255, 255, 0.15) 50%,
2597
+ rgba(255, 255, 255, 0.15) 75%,
2598
+ transparent 75%,
2599
+ transparent);
2600
+ background-image: linear-gradient(45deg,
2601
+ rgba(255, 255, 255, 0.15) 25%,
2602
+ transparent 25%,
2603
+ transparent 50%,
2604
+ rgba(255, 255, 255, 0.15) 50%,
2605
+ rgba(255, 255, 255, 0.15) 75%,
2606
+ transparent 75%,
2607
+ transparent);
2608
+ -webkit-background-size: 40px 40px;
2609
+ background-size: 40px 40px;
2610
+ }
2611
+
2612
+ .premium-progressbar-active .premium-progressbar-bar {
2613
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2614
+ animation: progress-bar-stripes 2s linear infinite;
2615
+ }
2616
+
2617
+ .premium-progressbar-gradient .premium-progressbar-bar {
2618
+ -webkit-background-size: 400% 400% !important;
2619
+ background-size: 400% 400% !important;
2620
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2621
+ animation: progress-bar-gradient 10s ease-in-out infinite;
2622
+ }
2623
+
2624
+ .premium-progressbar-bar {
2625
+ position: absolute;
2626
+ overflow: hidden;
2627
+ line-height: 20px;
2628
+ }
2629
+
2630
+ .premium-progressbar-container .clearfix {
2631
+ clear: both;
2632
+ }
2633
+
2634
+ .premium-progressbar-bar {
2635
+ -webkit-transition: width 0s ease-in-out !important;
2636
+ transition: width 0s ease-in-out !important;
2637
+ }
2638
+
2639
+ .premium-progressbar-container p:first-of-type {
2640
+ margin: 0;
2641
+ float: right;
2642
+ }
2643
+
2644
+ .premium-progressbar-container p:nth-of-type(2) {
2645
+ margin: 0;
2646
+ float: left;
2647
+ }
2648
+
2649
+ .premium-progressbar-name {
2650
+ right: 50%;
2651
+ top: 0;
2652
+ left: 0;
2653
+ -webkit-transform: translateX(12.5px);
2654
+ -ms-transform: translateX(12.5px);
2655
+ transform: translateX(12.5px);
2656
+ z-index: 1;
2657
+ }
2658
+
2659
+ .premium-progressbar-multiple-label {
2660
+ position: relative;
2661
+ float: right;
2662
+ width: 0;
2663
+ right: 50%;
2664
+ }
2665
+
2666
+ .premium-progressbar-center-label {
2667
+ position: relative;
2668
+ white-space: nowrap;
2669
+ }
2670
+
2671
+ .premium-progressbar-arrow {
2672
+ height: 15px;
2673
+ right: 50%;
2674
+ display: inline-block;
2675
+ border-right: 7px solid transparent;
2676
+ border-left: 7px solid transparent;
2677
+ border-top: 11px solid;
2678
+ -webkit-transform: translateX(50%);
2679
+ -ms-transform: translateX(50%);
2680
+ transform: translateX(50%);
2681
+ }
2682
+
2683
+ .premium-progressbar-pin {
2684
+ border-right: 1px solid;
2685
+ height: 12px;
2686
+ right: 50%;
2687
+ display: inline-block;
2688
+ }
2689
+
2690
+ /**
2691
+ * Circle Progress Bar
2692
+ */
2693
+ .premium-progressbar-circle-wrap {
2694
+ width: 200px;
2695
+ height: 200px;
2696
+ position: relative;
2697
+ margin: 0 auto;
2698
+ }
2699
+
2700
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2701
+ position: absolute;
2702
+ top: 0;
2703
+ right: 0;
2704
+ width: 100%;
2705
+ height: 100%;
2706
+ -webkit-clip-path: inset(0 0 0 50%);
2707
+ clip-path: inset(0 0 0 50%);
2708
+ }
2709
+
2710
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2711
+ position: absolute;
2712
+ right: 0;
2713
+ top: 0;
2714
+ height: 100%;
2715
+ width: 100%;
2716
+ border-width: 6px;
2717
+ border-style: solid;
2718
+ border-color: #54595f;
2719
+ -webkit-border-radius: 50%;
2720
+ border-radius: 50%;
2721
+ -webkit-clip-path: inset(0 50% 0 0);
2722
+ clip-path: inset(0 50% 0 0);
2723
+ }
2724
+
2725
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2726
+ -webkit-transform: rotate(0);
2727
+ -ms-transform: rotate(0);
2728
+ transform: rotate(0);
2729
+ }
2730
+
2731
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2732
+ -webkit-transform: rotate(-180deg);
2733
+ -ms-transform: rotate(-180deg);
2734
+ transform: rotate(-180deg);
2735
+ visibility: hidden;
2736
+ }
2737
+
2738
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2739
+ width: 100%;
2740
+ height: 100%;
2741
+ border: 6px solid #eee;
2742
+ -webkit-border-radius: 50%;
2743
+ border-radius: 50%;
2744
+ }
2745
+
2746
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2747
+ position: absolute;
2748
+ top: 0;
2749
+ right: 0;
2750
+ width: 100%;
2751
+ height: 100%;
2752
+ -js-display: flex;
2753
+ display: -webkit-box;
2754
+ display: -webkit-flex;
2755
+ display: -moz-box;
2756
+ display: -ms-flexbox;
2757
+ display: flex;
2758
+ -webkit-box-orient: vertical;
2759
+ -webkit-box-direction: normal;
2760
+ -webkit-flex-direction: column;
2761
+ -moz-box-orient: vertical;
2762
+ -moz-box-direction: normal;
2763
+ -ms-flex-direction: column;
2764
+ flex-direction: column;
2765
+ -webkit-box-pack: center;
2766
+ -webkit-justify-content: center;
2767
+ -moz-box-pack: center;
2768
+ -ms-flex-pack: center;
2769
+ justify-content: center;
2770
+ -webkit-box-align: center;
2771
+ -webkit-align-items: center;
2772
+ -moz-box-align: center;
2773
+ -ms-flex-align: center;
2774
+ align-items: center;
2775
+ }
2776
+
2777
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2778
+ line-height: 1;
2779
+ }
2780
+
2781
+ @-webkit-keyframes progress-bar-stripes {
2782
+ from {
2783
+ background-position: 100% 0;
2784
+ }
2785
+
2786
+ to {
2787
+ background-position: 40px 0;
2788
+ }
2789
+ }
2790
+
2791
+ @keyframes progress-bar-stripes {
2792
+ from {
2793
+ background-position: 100% 0;
2794
+ }
2795
+
2796
+ to {
2797
+ background-position: 40px 0;
2798
+ }
2799
+ }
2800
+
2801
+ @-webkit-keyframes progress-bar-gradient {
2802
+ 0% {
2803
+ background-position: 100% 50%;
2804
+ }
2805
+
2806
+ 50% {
2807
+ background-position: 0% 50%;
2808
+ }
2809
+
2810
+ 100% {
2811
+ background-position: 100% 50%;
2812
+ }
2813
+ }
2814
+
2815
+ @keyframes progress-bar-gradient {
2816
+ 0% {
2817
+ background-position: 100% 50%;
2818
+ }
2819
+
2820
+ 50% {
2821
+ background-position: 0% 50%;
2822
+ }
2823
+
2824
+ 100% {
2825
+ background-position: 100% 50%;
2826
+ }
2827
+ }
2828
+
2829
+ /**************** Premium Testimonials ****************/
2830
+ /******************************************************/
2831
+ .premium-testimonial-box {
2832
+ width: 100%;
2833
+ background: transparent;
2834
+ -webkit-transition: all 0.3s ease-in-out;
2835
+ transition: all 0.3s ease-in-out;
2836
+ }
2837
+
2838
+ .premium-testimonial-box .premium-testimonial-author-info {
2839
+ -js-display: flex;
2840
+ display: -webkit-box;
2841
+ display: -webkit-flex;
2842
+ display: -moz-box;
2843
+ display: -ms-flexbox;
2844
+ display: flex;
2845
+ -webkit-box-pack: center;
2846
+ -webkit-justify-content: center;
2847
+ -moz-box-pack: center;
2848
+ -ms-flex-pack: center;
2849
+ justify-content: center;
2850
+ -webkit-box-align: center;
2851
+ -webkit-align-items: center;
2852
+ -moz-box-align: center;
2853
+ -ms-flex-align: center;
2854
+ align-items: center;
2855
+ }
2856
+
2857
+ .premium-testimonial-box .premium-testimonial-person-name,
2858
+ .premium-testimonial-box .premium-testimonial-company-name {
2859
+ font-weight: 600;
2860
+ margin: 0;
2861
+ }
2862
+
2863
+ .premium-testimonial-container {
2864
+ position: relative;
2865
+ }
2866
+
2867
+ .premium-testimonial-img-wrapper {
2868
+ margin-right: auto;
2869
+ margin-left: auto;
2870
+ overflow: hidden;
2871
+ border-style: solid !important;
2872
+ }
2873
+
2874
+ .premium-testimonial-img-wrapper.circle {
2875
+ -webkit-border-radius: 50%;
2876
+ border-radius: 50%;
2877
+ }
2878
+
2879
+ .premium-testimonial-img-wrapper.rounded {
2880
+ -webkit-border-radius: 15px;
2881
+ border-radius: 15px;
2882
+ }
2883
+
2884
+ .premium-testimonial-img-wrapper img {
2885
+ -o-object-fit: cover;
2886
+ object-fit: cover;
2887
+ width: 100%;
2888
+ height: 100% !important;
2889
+ }
2890
+
2891
+ .premium-testimonial-content-wrapper {
2892
+ position: relative;
2893
+ display: -ms-flexbox;
2894
+ display: -webkit-flex;
2895
+ display: -moz-flex;
2896
+ display: -ms-flex;
2897
+ -js-display: flex;
2898
+ display: -webkit-box;
2899
+ display: -moz-box;
2900
+ display: flex;
2901
+ -webkit-box-orient: vertical;
2902
+ -webkit-box-direction: normal;
2903
+ -webkit-flex-direction: column;
2904
+ -moz-box-orient: vertical;
2905
+ -moz-box-direction: normal;
2906
+ -ms-flex-direction: column;
2907
+ flex-direction: column;
2908
+ z-index: 2;
2909
+ width: 100%;
2910
+ padding: 20px;
2911
+ text-align: center;
2912
+ }
2913
+
2914
+ .premium-testimonial-clear-float {
2915
+ clear: both;
2916
+ }
2917
+
2918
+ .premium-testimonial-upper-quote,
2919
+ .premium-testimonial-lower-quote {
2920
+ position: absolute;
2921
+ z-index: 1;
2922
+ }
2923
+
2924
+ /**************** Premium Dual Heading *****************/
2925
+ /*******************************************************/
2926
+ .premium-dual-header-first-header,
2927
+ .premium-dual-header-second-header {
2928
+ position: relative;
2929
+ padding: 0;
2930
+ margin: 0;
2931
+ display: inline-block;
2932
+ -webkit-transform: translate(0, 0);
2933
+ -ms-transform: translate(0, 0);
2934
+ transform: translate(0, 0);
2935
+ }
2936
+
2937
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2938
+ .premium-dual-header-second-clip {
2939
+ -webkit-text-fill-color: transparent;
2940
+ -webkit-background-clip: text;
2941
+ }
2942
+
2943
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2944
+ .premium-dual-header-second-clip.stroke {
2945
+ -webkit-text-stroke-color: transparent;
2946
+ -webkit-text-fill-color: #fafafa;
2947
+ -webkit-text-stroke-width: 2px;
2948
+ }
2949
+
2950
+ @media (max-width: 500px) {
2951
+
2952
+ .premium-dual-header-first-header,
2953
+ .premium-dual-header-second-header {
2954
+ word-wrap: break-word;
2955
+ }
2956
+ }
2957
+
2958
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2959
+ .premium-dual-header-second-header.gradient {
2960
+ -webkit-background-size: 300% 300% !important;
2961
+ background-size: 300% 300% !important;
2962
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2963
+ animation: Gradient 10s ease-in-out infinite;
2964
+ }
2965
+
2966
+ @-webkit-keyframes Gradient {
2967
+ 0% {
2968
+ background-position: 100% 50%;
2969
+ }
2970
+
2971
+ 50% {
2972
+ background-position: 0% 50%;
2973
+ }
2974
+
2975
+ 100% {
2976
+ background-position: 100% 50%;
2977
+ }
2978
+ }
2979
+
2980
+ @keyframes Gradient {
2981
+ 0% {
2982
+ background-position: 100% 50%;
2983
+ }
2984
+
2985
+ 50% {
2986
+ background-position: 0% 50%;
2987
+ }
2988
+
2989
+ 100% {
2990
+ background-position: 100% 50%;
2991
+ }
2992
+ }
2993
+
2994
+ /**************** Premium Title ****************/
2995
+ /***********************************************/
2996
+ .premium-title-container {
2997
+ position: relative;
2998
+ width: 100%;
2999
+ clear: both;
3000
+ overflow: hidden;
3001
+ }
3002
+
3003
+ .premium-title-container .premium-title-header {
3004
+ position: relative;
3005
+ margin: 0;
3006
+ padding: 10px;
3007
+ }
3008
+
3009
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
3010
+ -webkit-box-align: center;
3011
+ -webkit-align-items: center;
3012
+ -moz-box-align: center;
3013
+ -ms-flex-align: center;
3014
+ align-items: center;
3015
+ }
3016
+
3017
+ .premium-title-container .premium-title-header svg {
3018
+ width: 40px;
3019
+ height: 40px;
3020
+ }
3021
+
3022
+ .premium-title-container .premium-title-header img {
3023
+ width: 40px;
3024
+ height: 40px;
3025
+ -o-object-fit: cover;
3026
+ object-fit: cover;
3027
+ }
3028
+
3029
+ .premium-title-container .premium-title-header a {
3030
+ position: absolute;
3031
+ top: 0;
3032
+ right: 0;
3033
+ width: 100%;
3034
+ height: 100%;
3035
+ }
3036
+
3037
+ .premium-title-container .premium-lottie-animation {
3038
+ -js-display: flex;
3039
+ display: -webkit-box;
3040
+ display: -webkit-flex;
3041
+ display: -moz-box;
3042
+ display: -ms-flexbox;
3043
+ display: flex;
3044
+ }
3045
+
3046
+ .premium-title-icon-row .premium-title-icon {
3047
+ margin-left: 10px;
3048
+ }
3049
+
3050
+ .premium-title-icon-row-reverse .premium-title-icon {
3051
+ margin-right: 10px;
3052
+ }
3053
+
3054
+ .premium-title-style3,
3055
+ .premium-title-style4 {
3056
+ -js-display: flex;
3057
+ display: -webkit-box;
3058
+ display: -webkit-flex;
3059
+ display: -moz-box;
3060
+ display: -ms-flexbox;
3061
+ display: flex;
3062
+ }
3063
+
3064
+ .premium-title-style1,
3065
+ .premium-title-style2,
3066
+ .premium-title-style5,
3067
+ .premium-title-style6,
3068
+ .premium-title-style8,
3069
+ .premium-title-style9 {
3070
+ -js-display: inline-flex;
3071
+ display: -webkit-inline-box;
3072
+ display: -webkit-inline-flex;
3073
+ display: -moz-inline-box;
3074
+ display: -ms-inline-flexbox;
3075
+ display: inline-flex;
3076
+ }
3077
+
3078
+ .premium-title-style7 {
3079
+ -js-display: inline-flex;
3080
+ display: -webkit-inline-box;
3081
+ display: -webkit-inline-flex;
3082
+ display: -moz-inline-box;
3083
+ display: -ms-inline-flexbox;
3084
+ display: inline-flex;
3085
+ -webkit-box-orient: vertical;
3086
+ -webkit-box-direction: normal;
3087
+ -webkit-flex-direction: column;
3088
+ -moz-box-orient: vertical;
3089
+ -moz-box-direction: normal;
3090
+ -ms-flex-direction: column;
3091
+ flex-direction: column;
3092
+ }
3093
+
3094
+ .premium-title-style7 .premium-title-style7-inner {
3095
+ -js-display: flex;
3096
+ display: -webkit-box;
3097
+ display: -webkit-flex;
3098
+ display: -moz-box;
3099
+ display: -ms-flexbox;
3100
+ display: flex;
3101
+ -webkit-box-align: center;
3102
+ -webkit-align-items: center;
3103
+ -moz-box-align: center;
3104
+ -ms-flex-align: center;
3105
+ align-items: center;
3106
+ }
3107
+
3108
+ .premium-title-style1 {
3109
+ border-width: 0;
3110
+ border-right: 3px solid #6ec1e4;
3111
+ }
3112
+
3113
+ .premium-title-container.style2,
3114
+ .premium-title-container.style4,
3115
+ .premium-title-container.style5,
3116
+ .premium-title-container.style6 {
3117
+ border-bottom: 3px solid #6ec1e4;
3118
+ }
3119
+
3120
+ /*Style 6 Header*/
3121
+ .premium-title-style6:before {
3122
+ position: absolute;
3123
+ right: 50%;
3124
+ bottom: 0;
3125
+ margin-right: -2px;
3126
+ content: "";
3127
+ border: 3px solid transparent;
3128
+ }
3129
+
3130
+ /*Style 6 Trinagle*/
3131
+ .premium-title-style7-stripe-wrap {
3132
+ -js-display: flex;
3133
+ display: -webkit-box;
3134
+ display: -webkit-flex;
3135
+ display: -moz-box;
3136
+ display: -ms-flexbox;
3137
+ display: flex;
3138
+ }
3139
+
3140
+ .premium-title-style7:before {
3141
+ display: none;
3142
+ }
3143
+
3144
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
3145
+ -webkit-background-size: 125px 125px !important;
3146
+ background-size: 125px !important;
3147
+ color: rgba(255, 255, 255, 0);
3148
+ -webkit-background-clip: text !important;
3149
+ background-clip: text !important;
3150
+ -webkit-animation-name: pa-shinny-text !important;
3151
+ animation-name: pa-shinny-text !important;
3152
+ -webkit-animation-duration: var(--animation-speed) !important;
3153
+ animation-duration: var(--animation-speed) !important;
3154
+ -webkit-animation-iteration-count: infinite !important;
3155
+ animation-iteration-count: infinite !important;
3156
+ background: var(--base-color) -webkit-gradient(linear,
3157
+ left top,
3158
+ right top,
3159
+ from(var(--base-color)),
3160
+ to(var(--base-color)),
3161
+ color-stop(0.5, var(--shiny-color))) 0 0 no-repeat;
3162
+ }
3163
+
3164
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
3165
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
3166
+ animation: pa-blur-shadow 2s 1 alternate;
3167
+ }
3168
+
3169
+ .premium-title-gradient-yes .premium-title-text,
3170
+ .premium-title-gradient-yes .premium-title-icon {
3171
+ -webkit-background-clip: text;
3172
+ -webkit-text-fill-color: transparent;
3173
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
3174
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
3175
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
3176
+ -webkit-animation: pa-text-gradient 8s infinite;
3177
+ animation: pa-text-gradient 8s infinite;
3178
+ }
3179
+
3180
+ .premium-title-clipped .premium-title-header {
3181
+ -webkit-text-fill-color: transparent;
3182
+ -webkit-background-clip: text;
3183
+ background-clip: text;
3184
+ }
3185
+
3186
+ @-webkit-keyframes pa-shinny-text {
3187
+ 0% {
3188
+ background-position: 100%;
3189
+ }
3190
+
3191
+ 100% {
3192
+ background-position: -100%;
3193
+ }
3194
+ }
3195
+
3196
+ @keyframes pa-shinny-text {
3197
+ 0% {
3198
+ background-position: 100%;
3199
+ }
3200
+
3201
+ 100% {
3202
+ background-position: -100%;
3203
+ }
3204
+ }
3205
+
3206
+ @-webkit-keyframes pa-blur-shadow {
3207
+ from {
3208
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3209
+ color: transparent;
3210
+ }
3211
+
3212
+ to {
3213
+ text-shadow: 0;
3214
+ }
3215
+ }
3216
+
3217
+ @keyframes pa-blur-shadow {
3218
+ from {
3219
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
3220
+ color: transparent;
3221
+ }
3222
+
3223
+ to {
3224
+ text-shadow: 0;
3225
+ }
3226
+ }
3227
+
3228
+ @-webkit-keyframes pa-text-gradient {
3229
+
3230
+ 0%,
3231
+ 100% {
3232
+ -webkit-filter: hue-rotate(0deg);
3233
+ filter: hue-rotate(0deg);
3234
+ }
3235
+
3236
+ 50% {
3237
+ -webkit-filter: hue-rotate(360deg);
3238
+ filter: hue-rotate(360deg);
3239
+ }
3240
+ }
3241
+
3242
+ @keyframes pa-text-gradient {
3243
+
3244
+ 0%,
3245
+ 100% {
3246
+ -webkit-filter: hue-rotate(0deg);
3247
+ filter: hue-rotate(0deg);
3248
+ }
3249
+
3250
+ 50% {
3251
+ -webkit-filter: hue-rotate(360deg);
3252
+ filter: hue-rotate(360deg);
3253
+ }
3254
+ }
3255
+
3256
+ /*
3257
+ * Common Title/Dual Heading
3258
+ */
3259
+ .premium-title-bg-text:before {
3260
+ position: absolute;
3261
+ content: attr(data-background);
3262
+ top: 0;
3263
+ left: 0;
3264
+ text-align: left;
3265
+ }
3266
+
3267
+ .premium-bg-text-yes .elementor-widget-container:before {
3268
+ position: absolute;
3269
+ top: 0;
3270
+ left: 0;
3271
+ text-align: left;
3272
+ }
3273
+
3274
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
3275
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
3276
+ background: inherit;
3277
+ }
3278
+
3279
+ .premium-mask-yes .premium-mask-span {
3280
+ position: relative;
3281
+ overflow: hidden;
3282
+ -js-display: inline-flex !important;
3283
+ display: -webkit-inline-box !important;
3284
+ display: -webkit-inline-flex !important;
3285
+ display: -moz-inline-box !important;
3286
+ display: -ms-inline-flexbox !important;
3287
+ display: inline-flex !important;
3288
+ }
3289
+
3290
+ .premium-mask-yes .premium-mask-span::after {
3291
+ content: "";
3292
+ position: absolute;
3293
+ top: 0;
3294
+ right: 0px;
3295
+ width: 100%;
3296
+ height: 100%;
3297
+ background-color: currentColor;
3298
+ -webkit-backface-visibility: visible;
3299
+ backface-visibility: visible;
3300
+ }
3301
+
3302
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
3303
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3304
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3305
+ -webkit-transform: translateX(-103%);
3306
+ -ms-transform: translateX(-103%);
3307
+ transform: translateX(-103%);
3308
+ }
3309
+
3310
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
3311
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3312
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3313
+ -webkit-transform: translateX(103%);
3314
+ -ms-transform: translateX(103%);
3315
+ transform: translateX(103%);
3316
+ }
3317
+
3318
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
3319
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3320
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3321
+ -webkit-transform: translateY(-103%);
3322
+ -ms-transform: translateY(-103%);
3323
+ transform: translateY(-103%);
3324
+ }
3325
+
3326
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
3327
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3328
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
3329
+ -webkit-transform: translateY(103%);
3330
+ -ms-transform: translateY(103%);
3331
+ transform: translateY(103%);
3332
+ }
3333
+
3334
+ @-webkit-keyframes pa-mask-tr {
3335
+ 0% {
3336
+ -webkit-transform: translateX(0%);
3337
+ transform: translateX(0%);
3338
+ }
3339
+
3340
+ 100% {
3341
+ -webkit-transform: translateX(103%);
3342
+ transform: translateX(103%);
3343
+ }
3344
+ }
3345
+
3346
+ @keyframes pa-mask-tr {
3347
+ 0% {
3348
+ -webkit-transform: translateX(0%);
3349
+ transform: translateX(0%);
3350
+ }
3351
+
3352
+ 100% {
3353
+ -webkit-transform: translateX(103%);
3354
+ transform: translateX(103%);
3355
+ }
3356
+ }
3357
+
3358
+ @-webkit-keyframes pa-mask-tl {
3359
+ 0% {
3360
+ -webkit-transform: translateX(0%);
3361
+ transform: translateX(0%);
3362
+ }
3363
+
3364
+ 100% {
3365
+ -webkit-transform: translateX(-103%);
3366
+ transform: translateX(-103%);
3367
+ }
3368
+ }
3369
+
3370
+ @keyframes pa-mask-tl {
3371
+ 0% {
3372
+ -webkit-transform: translateX(0%);
3373
+ transform: translateX(0%);
3374
+ }
3375
+
3376
+ 100% {
3377
+ -webkit-transform: translateX(-103%);
3378
+ transform: translateX(-103%);
3379
+ }
3380
+ }
3381
+
3382
+ @-webkit-keyframes pa-mask-tb {
3383
+ 0% {
3384
+ -webkit-transform: translateY(0%);
3385
+ transform: translateY(0%);
3386
+ }
3387
+
3388
+ 100% {
3389
+ -webkit-transform: translateY(103%);
3390
+ transform: translateY(103%);
3391
+ }
3392
+ }
3393
+
3394
+ @keyframes pa-mask-tb {
3395
+ 0% {
3396
+ -webkit-transform: translateY(0%);
3397
+ transform: translateY(0%);
3398
+ }
3399
+
3400
+ 100% {
3401
+ -webkit-transform: translateY(103%);
3402
+ transform: translateY(103%);
3403
+ }
3404
+ }
3405
+
3406
+ @-webkit-keyframes pa-mask-tt {
3407
+ 0% {
3408
+ -webkit-transform: translateY(0%);
3409
+ transform: translateY(0%);
3410
+ }
3411
+
3412
+ 100% {
3413
+ -webkit-transform: translateY(-103%);
3414
+ transform: translateY(-103%);
3415
+ }
3416
+ }
3417
+
3418
+ @keyframes pa-mask-tt {
3419
+ 0% {
3420
+ -webkit-transform: translateY(0%);
3421
+ transform: translateY(0%);
3422
+ }
3423
+
3424
+ 100% {
3425
+ -webkit-transform: translateY(-103%);
3426
+ transform: translateY(-103%);
3427
+ }
3428
+ }
3429
+
3430
+ /**************** Premium Video Box ************/
3431
+ /***********************************************/
3432
+ .premium-video-box-transform {
3433
+ -webkit-transform: none !important;
3434
+ -ms-transform: none !important;
3435
+ transform: none !important;
3436
+ }
3437
+
3438
+ .premium-video-box-container {
3439
+ -js-display: flex;
3440
+ display: -webkit-box;
3441
+ display: -webkit-flex;
3442
+ display: -moz-box;
3443
+ display: -ms-flexbox;
3444
+ display: flex;
3445
+ -webkit-box-orient: vertical;
3446
+ -webkit-box-direction: normal;
3447
+ -webkit-flex-direction: column;
3448
+ -moz-box-orient: vertical;
3449
+ -moz-box-direction: normal;
3450
+ -ms-flex-direction: column;
3451
+ flex-direction: column;
3452
+ }
3453
+
3454
+ .premium-video-box-container>div {
3455
+ position: relative;
3456
+ overflow: hidden;
3457
+ }
3458
+
3459
+ .pa-aspect-ratio-11 .premium-video-box-container>div {
3460
+ padding-bottom: 100%;
3461
+ }
3462
+
3463
+ .pa-aspect-ratio-169 .premium-video-box-container>div {
3464
+ padding-bottom: 56.25%;
3465
+ }
3466
+
3467
+ .pa-aspect-ratio-43 .premium-video-box-container>div {
3468
+ padding-bottom: 75%;
3469
+ }
3470
+
3471
+ .pa-aspect-ratio-32 .premium-video-box-container>div {
3472
+ padding-bottom: 66.6666%;
3473
+ }
3474
+
3475
+ .pa-aspect-ratio-219 .premium-video-box-container>div {
3476
+ padding-bottom: 42.8571%;
3477
+ }
3478
+
3479
+ .pa-aspect-ratio-916 .premium-video-box-container>div {
3480
+ padding-bottom: 177.8%;
3481
+ }
3482
+
3483
+ .premium-video-box-image-container {
3484
+ position: absolute;
3485
+ top: 0;
3486
+ right: 0;
3487
+ bottom: 0;
3488
+ left: 0;
3489
+ width: 100%;
3490
+ height: 100%;
3491
+ -webkit-background-size: cover;
3492
+ background-size: cover;
3493
+ background-position: 50%;
3494
+ cursor: pointer;
3495
+ margin: auto;
3496
+ -webkit-transition: 0.2s all;
3497
+ transition: 0.2s all;
3498
+ }
3499
+
3500
+ .premium-video-box-play-icon-container {
3501
+ position: absolute;
3502
+ z-index: 2;
3503
+ cursor: pointer;
3504
+ -webkit-transform: translate(50%, -50%);
3505
+ -ms-transform: translate(50%, -50%);
3506
+ transform: translate(50%, -50%);
3507
+ background: rgba(252, 252, 252, 0.35);
3508
+ }
3509
+
3510
+ .premium-video-box-description-container {
3511
+ position: absolute;
3512
+ z-index: 2;
3513
+ padding: 5px;
3514
+ text-align: center;
3515
+ cursor: pointer;
3516
+ -webkit-transform: translate(50%, -50%);
3517
+ -ms-transform: translate(50%, -50%);
3518
+ transform: translate(50%, -50%);
3519
+ }
3520
+
3521
+ .premium-video-box-text {
3522
+ margin-bottom: 0 !important;
3523
+ -webkit-transition: all 0.3s ease-in-out;
3524
+ transition: all 0.3s ease-in-out;
3525
+ }
3526
+
3527
+ .premium-video-box-play-icon {
3528
+ padding: 15px;
3529
+ -webkit-transform: translateX(-4%);
3530
+ -ms-transform: translateX(-4%);
3531
+ transform: translateX(-4%);
3532
+ -webkit-transition: all 0.3s ease-in-out;
3533
+ transition: all 0.3s ease-in-out;
3534
+ }
3535
+
3536
+ .premium-video-box-video-container {
3537
+ position: absolute;
3538
+ top: 0;
3539
+ right: 0;
3540
+ z-index: 2;
3541
+ width: 100%;
3542
+ height: 100%;
3543
+ -webkit-transition: opacity 0.8s ease-in-out;
3544
+ transition: opacity 0.8s ease-in-out;
3545
+ overflow: hidden;
3546
+ cursor: pointer;
3547
+ }
3548
+
3549
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
3550
+ opacity: 0;
3551
+ visibility: hidden;
3552
+ }
3553
+
3554
+ .premium-video-box-video-container iframe {
3555
+ max-width: 100%;
3556
+ width: 100%;
3557
+ height: 100%;
3558
+ margin: 0;
3559
+ line-height: 1;
3560
+ border: none;
3561
+ }
3562
+
3563
+ .premium-video-box-video-container video {
3564
+ max-width: 100%;
3565
+ width: 100%;
3566
+ height: 100%;
3567
+ margin: 0;
3568
+ line-height: 1;
3569
+ border: none;
3570
+ background-color: #000;
3571
+ -o-object-fit: contain;
3572
+ object-fit: contain;
3573
+ }
3574
+
3575
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
3576
+ -js-display: flex;
3577
+ display: -webkit-box;
3578
+ display: -webkit-flex;
3579
+ display: -moz-box;
3580
+ display: -ms-flexbox;
3581
+ display: flex;
3582
+ position: absolute;
3583
+ top: 0;
3584
+ right: 0;
3585
+ z-index: 3;
3586
+ margin: 10px;
3587
+ margin-left: 10px;
3588
+ -webkit-transition: opacity 0.2s ease-out;
3589
+ transition: opacity 0.2s ease-out;
3590
+ margin-left: 4.6em;
3591
+ }
3592
+
3593
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
3594
+ width: 60px;
3595
+ height: 60px;
3596
+ background: rgba(23, 35, 34, 0.75);
3597
+ margin-left: 1px;
3598
+ -webkit-box-flex: 1;
3599
+ -webkit-flex: 1 0 auto;
3600
+ -moz-box-flex: 1;
3601
+ -ms-flex: 1 0 auto;
3602
+ flex: 1 0 auto;
3603
+ padding: 0;
3604
+ }
3605
+
3606
+ .premium-video-box-vimeo-portrait img {
3607
+ width: 50px;
3608
+ height: 50px;
3609
+ margin: 5px;
3610
+ padding: 0;
3611
+ border: 0;
3612
+ -webkit-border-radius: 50%;
3613
+ border-radius: 50%;
3614
+ }
3615
+
3616
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
3617
+ font-size: 10px;
3618
+ }
3619
+
3620
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
3621
+ max-width: 100%;
3622
+ font-size: 2em !important;
3623
+ font-weight: 700;
3624
+ margin: 0;
3625
+ padding: 0.1em 0.2em;
3626
+ background: rgba(23, 35, 34, 0.75);
3627
+ display: inline-block;
3628
+ text-transform: none;
3629
+ line-height: normal;
3630
+ letter-spacing: normal;
3631
+ }
3632
+
3633
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3634
+ font-size: 1.2em !important;
3635
+ font-weight: 400;
3636
+ color: #fff;
3637
+ margin-top: 0.1em;
3638
+ padding: 0.2em 0.5em;
3639
+ background: rgba(23, 35, 34, 0.75);
3640
+ text-transform: none;
3641
+ line-height: normal;
3642
+ letter-spacing: normal;
3643
+ }
3644
+
3645
+ .premium-video-box-playlist-container {
3646
+ -js-display: flex;
3647
+ display: -webkit-box;
3648
+ display: -webkit-flex;
3649
+ display: -moz-box;
3650
+ display: -ms-flexbox;
3651
+ display: flex;
3652
+ -webkit-flex-wrap: wrap;
3653
+ -ms-flex-wrap: wrap;
3654
+ flex-wrap: wrap;
3655
+ }
3656
+
3657
+ .premium-video-box-playlist-container .premium-video-box-container {
3658
+ height: 100%;
3659
+ overflow: hidden;
3660
+ }
3661
+
3662
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3663
+ -webkit-transform: scale(1.1);
3664
+ -ms-transform: scale(1.1);
3665
+ transform: scale(1.1);
3666
+ }
3667
+
3668
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3669
+ -webkit-transform: scale(1);
3670
+ -ms-transform: scale(1);
3671
+ transform: scale(1);
3672
+ }
3673
+
3674
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3675
+ -webkit-transform: scale(1.3) rotate(-5deg);
3676
+ -ms-transform: scale(1.3) rotate(-5deg);
3677
+ transform: scale(1.3) rotate(-5deg);
3678
+ }
3679
+
3680
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3681
+ -webkit-filter: grayscale(0%);
3682
+ filter: grayscale(0%);
3683
+ }
3684
+
3685
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3686
+ -webkit-filter: blur(3px);
3687
+ filter: blur(3px);
3688
+ }
3689
+
3690
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3691
+ -webkit-filter: sepia(0%);
3692
+ filter: sepia(0%);
3693
+ }
3694
+
3695
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3696
+ -webkit-transform: translateX(0px) scale(1.1);
3697
+ -ms-transform: translateX(0px) scale(1.1);
3698
+ transform: translateX(0px) scale(1.1);
3699
+ }
3700
+
3701
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3702
+ -webkit-filter: brightness(1.2);
3703
+ filter: brightness(1.2);
3704
+ }
3705
+
3706
+ .premium-video-box-image-container.gray {
3707
+ -webkit-filter: grayscale(100%);
3708
+ filter: grayscale(100%);
3709
+ }
3710
+
3711
+ .premium-video-box-image-container.zoomout,
3712
+ .premium-video-box-image-container.scale {
3713
+ -webkit-transform: scale(1.2);
3714
+ -ms-transform: scale(1.2);
3715
+ transform: scale(1.2);
3716
+ }
3717
+
3718
+ .premium-video-box-image-container.sepia {
3719
+ -webkit-filter: sepia(30%);
3720
+ filter: sepia(30%);
3721
+ }
3722
+
3723
+ .premium-video-box-image-container.bright {
3724
+ -webkit-filter: brightness(1);
3725
+ filter: brightness(1);
3726
+ }
3727
+
3728
+ .premium-video-box-image-container.trans {
3729
+ -webkit-transform: translateX(15px) scale(1.1);
3730
+ -ms-transform: translateX(15px) scale(1.1);
3731
+ transform: translateX(15px) scale(1.1);
3732
+ }
3733
+
3734
+ .premium-video-box-mask-media {
3735
+ -webkit-mask-repeat: no-repeat;
3736
+ mask-repeat: no-repeat;
3737
+ }
3738
+
3739
+ /* Sticky Video Option */
3740
+ .premium-video-box-container.premium-video-box-sticky-apply {
3741
+ z-index: 99;
3742
+ overflow: unset;
3743
+ }
3744
+
3745
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3746
+ position: fixed !important;
3747
+ z-index: 99999;
3748
+ height: 225px;
3749
+ width: 400px;
3750
+ background: #fff;
3751
+ }
3752
+
3753
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3754
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3755
+ visibility: hidden;
3756
+ }
3757
+
3758
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3759
+ -webkit-box-shadow: unset;
3760
+ box-shadow: unset;
3761
+ }
3762
+
3763
+ .premium-video-box-sticky-close,
3764
+ .premium-video-box-sticky-infobar {
3765
+ display: none;
3766
+ }
3767
+
3768
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3769
+ position: absolute;
3770
+ padding: 5px;
3771
+ cursor: pointer;
3772
+ z-index: 99999;
3773
+ height: 14px;
3774
+ width: 14px;
3775
+ -webkit-box-sizing: content-box;
3776
+ -moz-box-sizing: content-box;
3777
+ box-sizing: content-box;
3778
+ -webkit-border-radius: 100%;
3779
+ border-radius: 100%;
3780
+ -js-display: flex;
3781
+ display: -webkit-box;
3782
+ display: -webkit-flex;
3783
+ display: -moz-box;
3784
+ display: -ms-flexbox;
3785
+ display: flex;
3786
+ -webkit-box-pack: center;
3787
+ -webkit-justify-content: center;
3788
+ -moz-box-pack: center;
3789
+ -ms-flex-pack: center;
3790
+ justify-content: center;
3791
+ -webkit-box-align: center;
3792
+ -webkit-align-items: center;
3793
+ -moz-box-align: center;
3794
+ -ms-flex-align: center;
3795
+ align-items: center;
3796
+ }
3797
+
3798
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3799
+ -js-display: flex;
3800
+ display: -webkit-box;
3801
+ display: -webkit-flex;
3802
+ display: -moz-box;
3803
+ display: -ms-flexbox;
3804
+ display: flex;
3805
+ }
3806
+
3807
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3808
+ -webkit-transition: none;
3809
+ transition: none;
3810
+ }
3811
+
3812
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3813
+ display: block;
3814
+ position: relative;
3815
+ top: 100%;
3816
+ width: 100%;
3817
+ padding: 5px;
3818
+ text-align: center;
3819
+ z-index: 9999;
3820
+ margin-top: -1px;
3821
+ }
3822
+
3823
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3824
+ cursor: move;
3825
+ }
3826
+
3827
+ .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3828
+ left: auto;
3829
+ right: 20px;
3830
+ top: 20px;
3831
+ }
3832
+
3833
+ .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3834
+ left: auto;
3835
+ right: 20px;
3836
+ bottom: 20px;
3837
+ }
3838
+
3839
+ .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3840
+ right: auto;
3841
+ left: 20px;
3842
+ top: 20px;
3843
+ }
3844
+
3845
+ .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3846
+ right: auto;
3847
+ left: 20px;
3848
+ bottom: 20px;
3849
+ }
3850
+
3851
+ .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3852
+ left: auto;
3853
+ right: 20px;
3854
+ top: 50%;
3855
+ -webkit-transform: translateY(-50%);
3856
+ -ms-transform: translateY(-50%);
3857
+ transform: translateY(-50%);
3858
+ }
3859
+
3860
+ .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3861
+ right: auto;
3862
+ left: 20px;
3863
+ top: 50%;
3864
+ -webkit-transform: translateY(-50%);
3865
+ -ms-transform: translateY(-50%);
3866
+ transform: translateY(-50%);
3867
+ }
3868
+
3869
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap,
3870
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3871
+ bottom: 55px;
3872
+ }
3873
+
3874
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3875
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3876
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3877
+ top: -10px;
3878
+ left: -10px;
3879
+ }
3880
+
3881
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3882
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3883
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3884
+ top: -10px;
3885
+ right: -10px;
3886
+ }
3887
+
3888
+ .premium-video-box-filter-sticky {
3889
+ -webkit-filter: none !important;
3890
+ filter: none !important;
3891
+ }
3892
+
3893
+ /**************** Premium Blog *****************/
3894
+ /***********************************************/
3895
+ .premium-blog-thumb-effect-wrapper {
3896
+ position: relative;
3897
+ overflow: hidden;
3898
+ }
3899
+
3900
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3901
+ position: absolute;
3902
+ top: 0;
3903
+ right: 0;
3904
+ width: 100%;
3905
+ height: 100%;
3906
+ z-index: 2;
3907
+ padding: 20px;
3908
+ }
3909
+
3910
+ .premium-blog-bordered-effect .premium-blog-post-link {
3911
+ display: block;
3912
+ height: 100%;
3913
+ position: relative;
3914
+ }
3915
+
3916
+ /*Thumbnail Img*/
3917
+ .premium-blog-thumbnail-container {
3918
+ overflow: hidden;
3919
+ }
3920
+
3921
+ .premium-blog-thumbnail-container img,
3922
+ .premium-blog-thumbnail-container .below-entry-meta {
3923
+ width: 100%;
3924
+ height: 100%;
3925
+ margin: 0 !important;
3926
+ -webkit-transition: all 0.4s ease-in-out;
3927
+ transition: all 0.4s ease-in-out;
3928
+ }
3929
+
3930
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3931
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3932
+ -webkit-transform: scale(1.2);
3933
+ -ms-transform: scale(1.2);
3934
+ transform: scale(1.2);
3935
+ }
3936
+
3937
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3938
+ -webkit-filter: sepia(30%);
3939
+ filter: sepia(30%);
3940
+ }
3941
+
3942
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3943
+ -webkit-filter: brightness(1);
3944
+ filter: brightness(1);
3945
+ }
3946
+
3947
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3948
+ -webkit-transform: translateX(15px) scale(1.1);
3949
+ -ms-transform: translateX(15px) scale(1.1);
3950
+ transform: translateX(15px) scale(1.1);
3951
+ }
3952
+
3953
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3954
+ -webkit-transform: scale(1.2);
3955
+ -ms-transform: scale(1.2);
3956
+ transform: scale(1.2);
3957
+ }
3958
+
3959
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3960
+ -webkit-transform: scale(1.1);
3961
+ -ms-transform: scale(1.1);
3962
+ transform: scale(1.1);
3963
+ }
3964
+
3965
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3966
+ -webkit-transform: scale(1.3) rotate(-5deg);
3967
+ -ms-transform: scale(1.3) rotate(-5deg);
3968
+ transform: scale(1.3) rotate(-5deg);
3969
+ }
3970
+
3971
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3972
+ -webkit-filter: grayscale(100%);
3973
+ filter: grayscale(100%);
3974
+ }
3975
+
3976
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3977
+ -webkit-filter: blur(3px);
3978
+ filter: blur(3px);
3979
+ }
3980
+
3981
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3982
+ -webkit-filter: sepia(0%);
3983
+ filter: sepia(0%);
3984
+ }
3985
+
3986
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3987
+ -webkit-filter: brightness(1.2);
3988
+ filter: brightness(1.2);
3989
+ }
3990
+
3991
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3992
+ -webkit-transform: translateX(0px) scale(1.1);
3993
+ -ms-transform: translateX(0px) scale(1.1);
3994
+ transform: translateX(0px) scale(1.1);
3995
+ }
3996
+
3997
+ .premium-blog-post-container {
3998
+ overflow: hidden;
3999
+ }
4000
+
4001
+ .premium-blog-post-container .premium-blog-inner-container {
4002
+ -js-display: flex;
4003
+ display: -webkit-box;
4004
+ display: -webkit-flex;
4005
+ display: -moz-box;
4006
+ display: -ms-flexbox;
4007
+ display: flex;
4008
+ direction: rtl;
4009
+ }
4010
+
4011
+ .premium-blog-post-container .premium-blog-post-content {
4012
+ line-height: 1.5em;
4013
+ color: #777;
4014
+ font-size: 14px;
4015
+ margin-bottom: 10px;
4016
+ }
4017
+
4018
+ .premium-blog-post-container ul.post-categories a:hover,
4019
+ .premium-blog-post-container ul.post-categories a:focus,
4020
+ .premium-blog-post-container .premium-blog-post-link:hover,
4021
+ .premium-blog-post-container .premium-blog-post-link:focus {
4022
+ -webkit-box-shadow: none !important;
4023
+ box-shadow: none !important;
4024
+ outline: none !important;
4025
+ }
4026
+
4027
+ .premium-blog-post-container .premium-blog-entry-title {
4028
+ font-size: 18px;
4029
+ margin-bottom: 5px;
4030
+ }
4031
+
4032
+ .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
4033
+ position: relative;
4034
+ z-index: 3;
4035
+ top: -50px;
4036
+ }
4037
+
4038
+ .premium-blog-post-container .premium-blog-content-wrapper {
4039
+ background-color: #f5f5f5;
4040
+ padding: 30px;
4041
+ }
4042
+
4043
+ .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
4044
+ top: 0;
4045
+ }
4046
+
4047
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
4048
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
4049
+ position: absolute;
4050
+ content: "";
4051
+ z-index: 1;
4052
+ top: 50%;
4053
+ right: 50%;
4054
+ opacity: 0;
4055
+ -webkit-transform: translate(50%, -50%);
4056
+ -ms-transform: translate(50%, -50%);
4057
+ transform: translate(50%, -50%);
4058
+ -webkit-transition: all 0.4s linear 0s;
4059
+ transition: all 0.4s linear 0s;
4060
+ height: 1px;
4061
+ width: 100%;
4062
+ background-color: #fff;
4063
+ }
4064
+
4065
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
4066
+ width: 1px;
4067
+ height: 100%;
4068
+ }
4069
+
4070
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
4071
+ width: 20px;
4072
+ opacity: 1;
4073
+ }
4074
+
4075
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
4076
+ height: 20px;
4077
+ opacity: 1;
4078
+ }
4079
+
4080
+ .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
4081
+ margin: 0px 10px 20px;
4082
+ clear: both;
4083
+ }
4084
+
4085
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay,
4086
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay,
4087
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
4088
+ position: absolute;
4089
+ top: 0;
4090
+ right: 0;
4091
+ width: 100%;
4092
+ height: 100%;
4093
+ -webkit-transition: all 0.3s ease-in-out;
4094
+ transition: all 0.3s ease-in-out;
4095
+ opacity: 0;
4096
+ }
4097
+
4098
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a,
4099
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a,
4100
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
4101
+ -js-display: flex;
4102
+ display: -webkit-box;
4103
+ display: -webkit-flex;
4104
+ display: -moz-box;
4105
+ display: -ms-flexbox;
4106
+ display: flex;
4107
+ -webkit-box-pack: center;
4108
+ -webkit-justify-content: center;
4109
+ -moz-box-pack: center;
4110
+ -ms-flex-pack: center;
4111
+ justify-content: center;
4112
+ -webkit-box-align: center;
4113
+ -webkit-align-items: center;
4114
+ -moz-box-align: center;
4115
+ -ms-flex-align: center;
4116
+ align-items: center;
4117
+ width: 100%;
4118
+ height: 100%;
4119
+ }
4120
+
4121
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
4122
+ .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i,
4123
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
4124
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i,
4125
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
4126
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
4127
+ -webkit-transition: all 0.3s ease-in-out;
4128
+ transition: all 0.3s ease-in-out;
4129
+ }
4130
+
4131
+ .premium-blog-post-container.premium-blog-skin-side {
4132
+ -js-display: flex;
4133
+ display: -webkit-box;
4134
+ display: -webkit-flex;
4135
+ display: -moz-box;
4136
+ display: -ms-flexbox;
4137
+ display: flex;
4138
+ }
4139
+
4140
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
4141
+ height: 100%;
4142
+ }
4143
+
4144
+ .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
4145
+ -webkit-box-flex: 1;
4146
+ -webkit-flex: 1;
4147
+ -moz-box-flex: 1;
4148
+ -ms-flex: 1;
4149
+ flex: 1;
4150
+ }
4151
+
4152
+ .premium-blog-post-container.premium-blog-skin-banner {
4153
+ position: relative;
4154
+ }
4155
+
4156
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
4157
+ position: absolute;
4158
+ width: 100%;
4159
+ bottom: 0;
4160
+ -js-display: flex;
4161
+ display: -webkit-box;
4162
+ display: -webkit-flex;
4163
+ display: -moz-box;
4164
+ display: -ms-flexbox;
4165
+ display: flex;
4166
+ -webkit-box-orient: vertical;
4167
+ -webkit-box-direction: normal;
4168
+ -webkit-flex-direction: column;
4169
+ -moz-box-orient: vertical;
4170
+ -moz-box-direction: normal;
4171
+ -ms-flex-direction: column;
4172
+ flex-direction: column;
4173
+ background-color: transparent;
4174
+ z-index: 3;
4175
+ }
4176
+
4177
+ .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
4178
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
4179
+ transition: -webkit-transform 0.3s ease-in-out;
4180
+ transition: transform 0.3s ease-in-out;
4181
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
4182
+ }
4183
+
4184
+ .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
4185
+ -webkit-transform: translateY(-5px);
4186
+ -ms-transform: translateY(-5px);
4187
+ transform: translateY(-5px);
4188
+ }
4189
+
4190
+ .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
4191
+ margin: 0;
4192
+ padding: 0;
4193
+ list-style: none;
4194
+ -js-display: flex;
4195
+ display: -webkit-box;
4196
+ display: -webkit-flex;
4197
+ display: -moz-box;
4198
+ display: -ms-flexbox;
4199
+ display: flex;
4200
+ }
4201
+
4202
+ .premium-blog-post-container .premium-blog-cats-container a {
4203
+ display: block;
4204
+ font-size: 12px;
4205
+ color: #fff;
4206
+ background-color: #777;
4207
+ margin: 0 0 10px 3px;
4208
+ padding: 5px;
4209
+ -webkit-transition: all 0.3s ease-in-out;
4210
+ transition: all 0.3s ease-in-out;
4211
+ }
4212
+
4213
+ /*
4214
+ * Diagonal Effect
4215
+ */
4216
+ .premium-blog-diagonal-container {
4217
+ position: absolute;
4218
+ top: 0;
4219
+ right: 0;
4220
+ width: 100%;
4221
+ height: 100%;
4222
+ }
4223
+
4224
+ .premium-blog-diagonal-effect:before {
4225
+ position: absolute;
4226
+ top: 0px;
4227
+ right: 0px;
4228
+ width: 100%;
4229
+ height: 100%;
4230
+ content: " ";
4231
+ z-index: 1;
4232
+ background: rgba(255, 255, 255, 0.2);
4233
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4234
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
4235
+ -webkit-transition: all 0.3s linear 0s;
4236
+ transition: all 0.3s linear 0s;
4237
+ }
4238
+
4239
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
4240
+ -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4241
+ transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
4242
+ }
4243
+
4244
+ /*
4245
+ * Framed Effect
4246
+ */
4247
+ .premium-blog-framed-effect {
4248
+ position: absolute;
4249
+ width: -webkit-calc(100% - 30px);
4250
+ width: calc(100% - 30px);
4251
+ height: -webkit-calc(100% - 30px);
4252
+ height: calc(100% - 30px);
4253
+ top: 15px;
4254
+ right: 15px;
4255
+ opacity: 0;
4256
+ -webkit-transform: scale(0.3);
4257
+ -ms-transform: scale(0.3);
4258
+ transform: scale(0.3);
4259
+ -webkit-transition: all 0.3s linear 0s;
4260
+ transition: all 0.3s linear 0s;
4261
+ }
4262
+
4263
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
4264
+ opacity: 0.99;
4265
+ -webkit-transform: scale(1);
4266
+ -ms-transform: scale(1);
4267
+ transform: scale(1);
4268
+ }
4269
+
4270
+ /*
4271
+ * Bordered Effect
4272
+ */
4273
+ .premium-blog-bordered-effect {
4274
+ position: absolute;
4275
+ top: 0;
4276
+ right: 0;
4277
+ width: 100%;
4278
+ height: 100%;
4279
+ opacity: 0;
4280
+ padding: 15px;
4281
+ -webkit-transition: all 0.3s linear 0s;
4282
+ transition: all 0.3s linear 0s;
4283
+ }
4284
+
4285
+ .premium-blog-bordered-effect .premium-blog-post-link:before,
4286
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4287
+ content: "";
4288
+ display: block;
4289
+ position: absolute;
4290
+ top: 0;
4291
+ right: 0;
4292
+ width: 100%;
4293
+ height: 100%;
4294
+ -webkit-transition: all 0.5s linear 0s;
4295
+ transition: all 0.5s linear 0s;
4296
+ -webkit-transition-delay: 0s;
4297
+ transition-delay: 0s;
4298
+ border-color: rgba(255, 255, 255, 0.45);
4299
+ }
4300
+
4301
+ .premium-blog-bordered-effect .premium-blog-post-link:before {
4302
+ border-left: 2px solid;
4303
+ border-right: 2px solid;
4304
+ -webkit-transform: scale(1, 0);
4305
+ -ms-transform: scale(1, 0);
4306
+ transform: scale(1, 0);
4307
+ -webkit-transform-origin: 0% 0;
4308
+ -ms-transform-origin: 0% 0;
4309
+ transform-origin: 0% 0;
4310
+ }
4311
+
4312
+ .premium-blog-bordered-effect .premium-blog-post-link:after {
4313
+ border-top: 2px solid;
4314
+ border-bottom: 2px solid;
4315
+ -webkit-transform: scale(0, 1);
4316
+ -ms-transform: scale(0, 1);
4317
+ transform: scale(0, 1);
4318
+ -webkit-transform-origin: 100% 0;
4319
+ -ms-transform-origin: 100% 0;
4320
+ transform-origin: 100% 0;
4321
+ }
4322
+
4323
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
4324
+ opacity: 0.99;
4325
+ }
4326
+
4327
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before,
4328
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
4329
+ -webkit-transition-delay: 0.15s;
4330
+ transition-delay: 0.15s;
4331
+ opacity: 1;
4332
+ -webkit-transform: scale(1);
4333
+ -ms-transform: scale(1);
4334
+ transform: scale(1);
4335
+ }
4336
+
4337
+ /*
4338
+ * Squares Effect
4339
+ */
4340
+ .premium-blog-squares-effect,
4341
+ .premium-blog-squares-square-container {
4342
+ position: absolute;
4343
+ top: 0;
4344
+ right: 0;
4345
+ width: 100%;
4346
+ height: 100%;
4347
+ }
4348
+
4349
+ .premium-blog-squares-effect:before,
4350
+ .premium-blog-squares-effect:after {
4351
+ position: absolute;
4352
+ content: "";
4353
+ top: 0;
4354
+ right: 0;
4355
+ width: 50%;
4356
+ height: 50%;
4357
+ -webkit-transform: translate(100%, -100%);
4358
+ -ms-transform: translate(100%, -100%);
4359
+ transform: translate(100%, -100%);
4360
+ opacity: 0.7;
4361
+ -webkit-transition: all 0.3s linear 0s;
4362
+ transition: all 0.3s linear 0s;
4363
+ }
4364
+
4365
+ .premium-blog-squares-square-container:before,
4366
+ .premium-blog-squares-square-container:after {
4367
+ position: absolute;
4368
+ content: "";
4369
+ top: 0;
4370
+ right: 0;
4371
+ width: 50%;
4372
+ height: 50%;
4373
+ -webkit-transform: translate(100%, -100%);
4374
+ -ms-transform: translate(100%, -100%);
4375
+ transform: translate(100%, -100%);
4376
+ opacity: 0.7;
4377
+ -webkit-transition: all 0.3s linear 0s;
4378
+ transition: all 0.3s linear 0s;
4379
+ }
4380
+
4381
+ .premium-blog-squares-square-container:before,
4382
+ .premium-blog-squares-square-container:after {
4383
+ opacity: 0.8;
4384
+ }
4385
+
4386
+ .premium-blog-squares-effect:after {
4387
+ -webkit-transform: translate(-200%, 200%);
4388
+ -ms-transform: translate(-200%, 200%);
4389
+ transform: translate(-200%, 200%);
4390
+ }
4391
+
4392
+ .premium-blog-squares-square-container:before {
4393
+ -webkit-transform: translate(100%, 200%);
4394
+ -ms-transform: translate(100%, 200%);
4395
+ transform: translate(100%, 200%);
4396
+ }
4397
+
4398
+ .premium-blog-squares-square-container:after {
4399
+ -webkit-transform: translate(-200%, -100%);
4400
+ -ms-transform: translate(-200%, -100%);
4401
+ transform: translate(-200%, -100%);
4402
+ }
4403
+
4404
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
4405
+ -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4406
+ -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4407
+ transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
4408
+ }
4409
+
4410
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
4411
+ -webkit-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4412
+ -ms-transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4413
+ transform: translate(-100%, 100%) scaleY(1.003) scaleX(1.003);
4414
+ }
4415
+
4416
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
4417
+ -webkit-transform: translate(0, 100%);
4418
+ -ms-transform: translate(0, 100%);
4419
+ transform: translate(0, 100%);
4420
+ }
4421
+
4422
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
4423
+ -webkit-transform: translate(-100%, 0%);
4424
+ -ms-transform: translate(-100%, 0%);
4425
+ transform: translate(-100%, 0%);
4426
+ }
4427
+
4428
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
4429
+ opacity: 1;
4430
+ }
4431
+
4432
+ .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
4433
+ opacity: 1;
4434
+ -webkit-transform: scale(1);
4435
+ -ms-transform: scale(1);
4436
+ transform: scale(1);
4437
+ }
4438
+
4439
+ .premium-blog-clear-fix {
4440
+ clear: both;
4441
+ }
4442
+
4443
+ .premium-blog-masked .premium-blog-thumbnail-container {
4444
+ position: relative;
4445
+ overflow: visible;
4446
+ }
4447
+
4448
+ .premium-blog-masked .premium-blog-thumbnail-container svg {
4449
+ position: absolute;
4450
+ height: 100px;
4451
+ width: 100%;
4452
+ bottom: -5px;
4453
+ right: 0;
4454
+ fill: #f5f5f5;
4455
+ z-index: 99;
4456
+ }
4457
+
4458
+ .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
4459
+ -webkit-transform: rotate(180deg);
4460
+ -ms-transform: rotate(180deg);
4461
+ transform: rotate(180deg);
4462
+ }
4463
+
4464
+ .premium-blog-masked .premium-blog-author-thumbnail,
4465
+ .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
4466
+ z-index: 999 !important;
4467
+ }
4468
+
4469
+ /*Post Format Container*/
4470
+ .premium-blog-format-link {
4471
+ padding: 5px;
4472
+ line-height: 0;
4473
+ }
4474
+
4475
+ /*Post Format Icon*/
4476
+ /*Post Format Content Margin */
4477
+ .premium-blog-entry-meta {
4478
+ line-height: 1.3em;
4479
+ font-size: 12px;
4480
+ margin-bottom: 13px;
4481
+ color: #adadad;
4482
+ }
4483
+
4484
+ .premium-blog-entry-meta i {
4485
+ margin-left: 3px;
4486
+ -webkit-transition: all 0.3s ease-in-out;
4487
+ transition: all 0.3s ease-in-out;
4488
+ }
4489
+
4490
+ .premium-blog-meta-data {
4491
+ display: inline-block;
4492
+ }
4493
+
4494
+ .premium-blog-meta-data .premium-blog-meta-separator {
4495
+ margin: 0 5px;
4496
+ }
4497
+
4498
+ .premium-blog-meta-data a,
4499
+ .premium-blog-meta-data span {
4500
+ color: inherit;
4501
+ -webkit-transition: all 0.3s ease-in-out;
4502
+ transition: all 0.3s ease-in-out;
4503
+ }
4504
+
4505
+ .premium-blog-author-thumbnail {
4506
+ position: relative;
4507
+ padding: 0 30px;
4508
+ width: 100%;
4509
+ top: -10px;
4510
+ height: 0;
4511
+ pointer-events: none;
4512
+ }
4513
+
4514
+ .premium-blog-author-thumbnail img {
4515
+ -webkit-border-radius: 50%;
4516
+ border-radius: 50%;
4517
+ width: 60px;
4518
+ pointer-events: all;
4519
+ -webkit-transform: translateY(-50%);
4520
+ -ms-transform: translateY(-50%);
4521
+ transform: translateY(-50%);
4522
+ }
4523
+
4524
+ .premium-blog-entry-title a,
4525
+ .premium-blog-post-tags-container a,
4526
+ .premium-blog-post-content .premium-blog-excerpt-link {
4527
+ -webkit-transition: all 0.3s ease-in-out;
4528
+ transition: all 0.3s ease-in-out;
4529
+ }
4530
+
4531
+ .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
4532
+ background-color: transparent;
4533
+ color: #54595f;
4534
+ padding: 0;
4535
+ }
4536
+
4537
+ .premium-blog-cta-full-yes .premium-blog-excerpt-link {
4538
+ width: 100%;
4539
+ }
4540
+
4541
+ .premium-blog-post-tags-container {
4542
+ margin-top: 8px;
4543
+ -js-display: flex;
4544
+ display: -webkit-box;
4545
+ display: -webkit-flex;
4546
+ display: -moz-box;
4547
+ display: -ms-flexbox;
4548
+ display: flex;
4549
+ -webkit-box-align: center;
4550
+ -webkit-align-items: center;
4551
+ -moz-box-align: center;
4552
+ -ms-flex-align: center;
4553
+ align-items: center;
4554
+ -webkit-flex-wrap: wrap;
4555
+ -ms-flex-wrap: wrap;
4556
+ flex-wrap: wrap;
4557
+ }
4558
+
4559
+ .premium-blog-post-tags-container a {
4560
+ color: inherit;
4561
+ margin-right: 5px;
4562
+ }
4563
+
4564
+ .premium-blog-align-center .post-categories,
4565
+ .premium-blog-align-center .premium-blog-inner-container,
4566
+ .premium-blog-align-center .premium-blog-post-tags-container {
4567
+ -webkit-box-pack: center;
4568
+ -webkit-justify-content: center;
4569
+ -moz-box-pack: center;
4570
+ -ms-flex-pack: center;
4571
+ justify-content: center;
4572
+ }
4573
+
4574
+ .premium-blog-align-left .premium-blog-post-container .post-categories,
4575
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-inner-container,
4576
+ .premium-blog-align-left .premium-blog-post-container .premium-blog-post-tags-container {
4577
+ -webkit-box-pack: end;
4578
+ -webkit-justify-content: flex-end;
4579
+ -moz-box-pack: end;
4580
+ -ms-flex-pack: end;
4581
+ justify-content: flex-end;
4582
+ }
4583
+
4584
+ /* .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4585
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4586
+ .premium-blog-align-left .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4587
+ -webkit-box-pack: start;
4588
+ -webkit-justify-content: flex-start;
4589
+ -moz-box-pack: start;
4590
+ -ms-flex-pack: start;
4591
+ justify-content: flex-start;
4592
+ } */
4593
+
4594
+ .premium-blog-align-right .premium-blog-post-container .post-categories,
4595
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-inner-container,
4596
+ .premium-blog-align-right .premium-blog-post-container .premium-blog-post-tags-container {
4597
+ -webkit-box-pack: start;
4598
+ -webkit-justify-content: flex-start;
4599
+ -moz-box-pack: start;
4600
+ -ms-flex-pack: start;
4601
+ justify-content: flex-start;
4602
+ }
4603
+
4604
+ /* .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .post-categories,
4605
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-inner-container,
4606
+ .premium-blog-align-right .premium-blog-post-container.premium-blog-skin-cards .premium-blog-post-tags-container {
4607
+ -webkit-box-pack: end;
4608
+ -webkit-justify-content: flex-end;
4609
+ -moz-box-pack: end;
4610
+ -ms-flex-pack: end;
4611
+ justify-content: flex-end;
4612
+ } */
4613
+
4614
+ /* Pagination */
4615
+ .premium-blog-pagination-container {
4616
+ text-align: left;
4617
+ }
4618
+
4619
+ .premium-blog-pagination-container span {
4620
+ cursor: default;
4621
+ }
4622
+
4623
+ .premium-blog-pagination-container .page-numbers {
4624
+ display: inline-block;
4625
+ color: #000;
4626
+ line-height: 1;
4627
+ font-size: 1em;
4628
+ font-weight: 400;
4629
+ text-decoration: none;
4630
+ padding: 0.75em;
4631
+ margin: 0 0 0.4em 0.4em;
4632
+ -webkit-transition: all 0.2s ease-in-out;
4633
+ transition: all 0.2s ease-in-out;
4634
+ }
4635
+
4636
+ .premium-blog-wrap .premium-loading-feed {
4637
+ display: block;
4638
+ position: absolute;
4639
+ width: 100%;
4640
+ height: 100%;
4641
+ top: 0px;
4642
+ right: 0px;
4643
+ bottom: 0px;
4644
+ left: 0px;
4645
+ background: rgba(255, 255, 255, 0.2);
4646
+ -js-display: flex;
4647
+ display: -webkit-box;
4648
+ display: -webkit-flex;
4649
+ display: -moz-box;
4650
+ display: -ms-flexbox;
4651
+ display: flex;
4652
+ -webkit-box-align: center;
4653
+ -webkit-align-items: center;
4654
+ -moz-box-align: center;
4655
+ -ms-flex-align: center;
4656
+ align-items: center;
4657
+ z-index: 99;
4658
+ }
4659
+
4660
+ .premium-blog-wrap {
4661
+ -js-display: flex;
4662
+ display: -webkit-box;
4663
+ display: -webkit-flex;
4664
+ display: -moz-box;
4665
+ display: -ms-flexbox;
4666
+ display: flex;
4667
+ -webkit-flex-wrap: wrap;
4668
+ -ms-flex-wrap: wrap;
4669
+ flex-wrap: wrap;
4670
+ }
4671
+
4672
+ .premium-blog-wrap ul.slick-dots {
4673
+ width: 100%;
4674
+ }
4675
+
4676
+ /**
4677
+ * Even Layout
4678
+ */
4679
+ .premium-blog-even .premium-blog-post-container {
4680
+ height: 100%;
4681
+ }
4682
+
4683
+ .premium-blog-even .slick-track {
4684
+ -js-display: flex;
4685
+ display: -webkit-box;
4686
+ display: -webkit-flex;
4687
+ display: -moz-box;
4688
+ display: -ms-flexbox;
4689
+ display: flex;
4690
+ }
4691
+
4692
+ .premium-blog-even .slick-slide {
4693
+ height: inherit !important;
4694
+ }
4695
+
4696
+ /**
4697
+ * Responsive Style
4698
+ */
4699
+ @media (max-width: 768px) {
4700
+ .premium-blog-content-wrapper {
4701
+ top: 0;
4702
+ margin: 0;
4703
+ padding: 15px;
4704
+ }
4705
+
4706
+ .premium-blog-thumb-effect-wrapper {
4707
+ margin-bottom: 15px;
4708
+ }
4709
+ }
4710
+
4711
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-list,
4712
+ [dir="rtl"] .premium-blog-wrap.slick-slider .slick-track {
4713
+ direction: ltr;
4714
+ }
4715
+
4716
+ /************ Premium Team Members ************/
4717
+ /*********************************************/
4718
+ .premium-person-container {
4719
+ position: relative;
4720
+ }
4721
+
4722
+ .premium-person-image-container {
4723
+ position: relative;
4724
+ text-align: center;
4725
+ overflow: hidden;
4726
+ }
4727
+
4728
+ .premium-person-image-container .premium-person-image-wrap {
4729
+ overflow: hidden;
4730
+ }
4731
+
4732
+ .premium-person-zoomout-effect .premium-person-image-container img,
4733
+ .premium-person-scale-effect .premium-person-image-container img {
4734
+ -webkit-transform: scale(1.2);
4735
+ -ms-transform: scale(1.2);
4736
+ transform: scale(1.2);
4737
+ }
4738
+
4739
+ .premium-person-sepia-effect .premium-person-image-container img {
4740
+ -webkit-filter: sepia(30%);
4741
+ filter: sepia(30%);
4742
+ }
4743
+
4744
+ .premium-person-bright-effect .premium-person-image-container img {
4745
+ -webkit-filter: brightness(1);
4746
+ filter: brightness(1);
4747
+ }
4748
+
4749
+ .premium-person-trans-effect .premium-person-image-container img {
4750
+ -webkit-transform: translateX(15px) scale(1.1);
4751
+ -ms-transform: translateX(15px) scale(1.1);
4752
+ transform: translateX(15px) scale(1.1);
4753
+ }
4754
+
4755
+ .premium-person-zoomin-effect:hover .premium-person-image-container img {
4756
+ -webkit-transform: scale(1.2);
4757
+ -ms-transform: scale(1.2);
4758
+ transform: scale(1.2);
4759
+ }
4760
+
4761
+ .premium-person-zoomout-effect:hover .premium-person-image-container img {
4762
+ -webkit-transform: scale(1.1);
4763
+ -ms-transform: scale(1.1);
4764
+ transform: scale(1.1);
4765
+ }
4766
+
4767
+ .premium-person-scale-effect:hover .premium-person-image-container img {
4768
+ -webkit-transform: scale(1.3) rotate(-5deg);
4769
+ -ms-transform: scale(1.3) rotate(-5deg);
4770
+ transform: scale(1.3) rotate(-5deg);
4771
+ }
4772
+
4773
+ .premium-person-grayscale-effect:hover .premium-person-image-container img {
4774
+ -webkit-filter: grayscale(100%);
4775
+ filter: grayscale(100%);
4776
+ }
4777
+
4778
+ .premium-person-blur-effect:hover .premium-person-image-container img {
4779
+ -webkit-filter: blur(3px);
4780
+ filter: blur(3px);
4781
+ }
4782
+
4783
+ .premium-person-sepia-effect:hover .premium-person-image-container img {
4784
+ -webkit-filter: sepia(0%);
4785
+ filter: sepia(0%);
4786
+ }
4787
+
4788
+ .premium-person-bright-effect:hover .premium-person-image-container img {
4789
+ -webkit-filter: brightness(1.2);
4790
+ filter: brightness(1.2);
4791
+ }
4792
+
4793
+ .premium-person-trans-effect:hover .premium-person-image-container img {
4794
+ -webkit-transform: translateX(0px) scale(1.1);
4795
+ -ms-transform: translateX(0px) scale(1.1);
4796
+ transform: translateX(0px) scale(1.1);
4797
+ }
4798
+
4799
+ .premium-person-container .premium-person-image-container img {
4800
+ width: 100%;
4801
+ height: 100%;
4802
+ -o-object-fit: cover;
4803
+ object-fit: cover;
4804
+ -webkit-transition: all 0.5s ease-in-out;
4805
+ transition: all 0.5s ease-in-out;
4806
+ }
4807
+
4808
+ .premium-person-style2 .premium-person-social {
4809
+ position: absolute;
4810
+ top: 0;
4811
+ right: 0;
4812
+ width: 100%;
4813
+ height: 100%;
4814
+ z-index: 2;
4815
+ -js-display: flex;
4816
+ display: -webkit-box;
4817
+ display: -webkit-flex;
4818
+ display: -moz-box;
4819
+ display: -ms-flexbox;
4820
+ display: flex;
4821
+ -webkit-box-pack: center;
4822
+ -webkit-justify-content: center;
4823
+ -moz-box-pack: center;
4824
+ -ms-flex-pack: center;
4825
+ justify-content: center;
4826
+ -webkit-box-align: center;
4827
+ -webkit-align-items: center;
4828
+ -moz-box-align: center;
4829
+ -ms-flex-align: center;
4830
+ align-items: center;
4831
+ -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4832
+ box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
4833
+ -webkit-transition: all 0.5s linear 0s;
4834
+ transition: all 0.5s linear 0s;
4835
+ opacity: 0;
4836
+ }
4837
+
4838
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
4839
+ opacity: 1;
4840
+ }
4841
+
4842
+ .premium-person-list-item a {
4843
+ display: inline-block;
4844
+ }
4845
+
4846
+ .premium-person-style2 .premium-person-list-item a {
4847
+ opacity: 0;
4848
+ -webkit-transform: scale(0);
4849
+ -ms-transform: scale(0);
4850
+ transform: scale(0);
4851
+ -webkit-transition: all 0.5s ease-in-out 0s;
4852
+ transition: all 0.5s ease-in-out 0s;
4853
+ }
4854
+
4855
+ .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4856
+ opacity: 1;
4857
+ -webkit-transform: scale(1);
4858
+ -ms-transform: scale(1);
4859
+ transform: scale(1);
4860
+ }
4861
+
4862
+ .premium-person-info-container {
4863
+ padding: 30px 15px;
4864
+ }
4865
+
4866
+ .premium-person-name {
4867
+ margin: 0 0 5px;
4868
+ font-weight: 700;
4869
+ }
4870
+
4871
+ .premium-person-title {
4872
+ margin: 0 0 20px;
4873
+ padding: 0;
4874
+ }
4875
+
4876
+ .premium-person-content {
4877
+ margin: 0 0 30px;
4878
+ }
4879
+
4880
+ /*Override Theme List Margin*/
4881
+ ul.premium-person-social-list {
4882
+ margin: 0px !important;
4883
+ padding: 0;
4884
+ }
4885
+
4886
+ .premium-person-social-list .premium-person-list-item {
4887
+ display: inline;
4888
+ list-style: none;
4889
+ }
4890
+
4891
+ .premium-person-social-list li {
4892
+ position: relative;
4893
+ bottom: 0px;
4894
+ -webkit-transition: all 0.2s ease-in-out;
4895
+ transition: all 0.2s ease-in-out;
4896
+ }
4897
+
4898
+ .premium-person-social-list li i {
4899
+ position: relative;
4900
+ bottom: 0px;
4901
+ -webkit-transition: all 0.2s ease-in-out;
4902
+ transition: all 0.2s ease-in-out;
4903
+ }
4904
+
4905
+ .premium-person-defaults-yes li.premium-person-facebook:hover a {
4906
+ background-color: #3b5998 !important;
4907
+ }
4908
+
4909
+ .premium-person-defaults-yes li.premium-person-twitter:hover a {
4910
+ background-color: #55acee !important;
4911
+ }
4912
+
4913
+ .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4914
+ background-color: #0077b5 !important;
4915
+ }
4916
+
4917
+ .premium-person-defaults-yes li.premium-person-google:hover a {
4918
+ background-color: #dc4e41 !important;
4919
+ }
4920
+
4921
+ .premium-person-defaults-yes li.premium-person-youtube:hover a {
4922
+ background-color: #b31217 !important;
4923
+ }
4924
+
4925
+ .premium-person-defaults-yes li.premium-person-instagram:hover a {
4926
+ background-color: #e4405f !important;
4927
+ }
4928
+
4929
+ .premium-person-defaults-yes li.premium-person-skype:hover a {
4930
+ background-color: #00aff0 !important;
4931
+ }
4932
+
4933
+ .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4934
+ background-color: #bd081c !important;
4935
+ }
4936
+
4937
+ .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4938
+ background-color: #ea4c89 !important;
4939
+ }
4940
+
4941
+ .premium-person-defaults-yes li.premium-person-mail:hover a {
4942
+ background-color: #b23121 !important;
4943
+ }
4944
+
4945
+ .premium-person-defaults-yes li.premium-person-behance:hover a {
4946
+ background-color: #1769ff !important;
4947
+ }
4948
+
4949
+ .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4950
+ background-color: #25d366 !important;
4951
+ }
4952
+
4953
+ .premium-person-defaults-yes li.premium-person-telegram:hover a {
4954
+ background-color: #0088cc !important;
4955
+ }
4956
+
4957
+ .premium-person-defaults-yes li.premium-person-site:hover a {
4958
+ background-color: #0055a5 !important;
4959
+ }
4960
+
4961
+ .premium-person-social-list li:hover a {
4962
+ -webkit-box-shadow: none;
4963
+ box-shadow: none;
4964
+ }
4965
+
4966
+ .premium-person-social-list li a:focus {
4967
+ -webkit-box-shadow: none;
4968
+ box-shadow: none;
4969
+ outline: none;
4970
+ }
4971
+
4972
+ .premium-person-social-list li i {
4973
+ font-size: 18px;
4974
+ }
4975
+
4976
+ .elementor-widget-premium-addon-person .elementor-widget-container {
4977
+ -js-display: flex;
4978
+ display: -webkit-box;
4979
+ display: -webkit-flex;
4980
+ display: -moz-box;
4981
+ display: -ms-flexbox;
4982
+ display: flex;
4983
+ -webkit-box-pack: center;
4984
+ -webkit-justify-content: center;
4985
+ -moz-box-pack: center;
4986
+ -ms-flex-pack: center;
4987
+ justify-content: center;
4988
+ }
4989
+
4990
+ .premium-persons-container.multiple-persons {
4991
+ -js-display: flex;
4992
+ display: -webkit-box;
4993
+ display: -webkit-flex;
4994
+ display: -moz-box;
4995
+ display: -ms-flexbox;
4996
+ display: flex;
4997
+ -webkit-flex-wrap: wrap;
4998
+ -ms-flex-wrap: wrap;
4999
+ flex-wrap: wrap;
5000
+ width: 100%;
5001
+ }
5002
+
5003
+ .premium-person-style1 .premium-person-container {
5004
+ overflow: hidden;
5005
+ }
5006
+
5007
+ .premium-person-style1 .premium-person-container .premium-person-info {
5008
+ position: absolute;
5009
+ top: auto;
5010
+ left: 0;
5011
+ right: 0;
5012
+ -webkit-transition: all 500ms ease 0s;
5013
+ transition: all 500ms ease 0s;
5014
+ -webkit-transform: translate3d(0, 100%, 0);
5015
+ transform: translate3d(0, 100%, 0);
5016
+ }
5017
+
5018
+ .premium-person-style1 .premium-person-container:hover .premium-person-info {
5019
+ -webkit-transform: translate3d(0, 0, 0);
5020
+ transform: translate3d(0, 0, 0);
5021
+ bottom: -1px !important;
5022
+ }
5023
+
5024
+ .premium-person-style1 .premium-person-social-list li:hover {
5025
+ bottom: 5px;
5026
+ }
5027
+
5028
+ .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
5029
+ -webkit-box-align: start;
5030
+ -webkit-align-items: flex-start;
5031
+ -moz-box-align: start;
5032
+ -ms-flex-align: start;
5033
+ align-items: flex-start;
5034
+ }
5035
+
5036
+ .premium-person-style1 .slick-track {
5037
+ -js-display: flex;
5038
+ display: -webkit-box;
5039
+ display: -webkit-flex;
5040
+ display: -moz-box;
5041
+ display: -ms-flexbox;
5042
+ display: flex;
5043
+ }
5044
+
5045
+ .premium-person-style1 .slick-slide {
5046
+ height: inherit !important;
5047
+ }
5048
+
5049
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
5050
+ .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
5051
+ height: 100%;
5052
+ }
5053
+
5054
+ .premium-person-style3 .premium-person-info-container {
5055
+ position: absolute;
5056
+ top: 0;
5057
+ right: 0;
5058
+ width: 100%;
5059
+ height: 100%;
5060
+ -js-display: flex;
5061
+ display: -webkit-box;
5062
+ display: -webkit-flex;
5063
+ display: -moz-box;
5064
+ display: -ms-flexbox;
5065
+ display: flex;
5066
+ -webkit-box-orient: vertical;
5067
+ -webkit-box-direction: normal;
5068
+ -webkit-flex-direction: column;
5069
+ -moz-box-orient: vertical;
5070
+ -moz-box-direction: normal;
5071
+ -ms-flex-direction: column;
5072
+ flex-direction: column;
5073
+ -webkit-box-pack: justify;
5074
+ -webkit-justify-content: space-between;
5075
+ -moz-box-pack: justify;
5076
+ -ms-flex-pack: justify;
5077
+ justify-content: space-between;
5078
+ }
5079
+
5080
+ .premium-person-style3 .premium-person-title-desc-wrap {
5081
+ -js-display: flex;
5082
+ display: -webkit-box;
5083
+ display: -webkit-flex;
5084
+ display: -moz-box;
5085
+ display: -ms-flexbox;
5086
+ display: flex;
5087
+ -webkit-box-orient: horizontal;
5088
+ -webkit-box-direction: reverse;
5089
+ -webkit-flex-direction: row-reverse;
5090
+ -moz-box-orient: horizontal;
5091
+ -moz-box-direction: reverse;
5092
+ -ms-flex-direction: row-reverse;
5093
+ flex-direction: row-reverse;
5094
+ -webkit-box-pack: justify;
5095
+ -webkit-justify-content: space-between;
5096
+ -moz-box-pack: justify;
5097
+ -ms-flex-pack: justify;
5098
+ justify-content: space-between;
5099
+ -webkit-box-align: start;
5100
+ -webkit-align-items: flex-start;
5101
+ -moz-box-align: start;
5102
+ -ms-flex-align: start;
5103
+ align-items: flex-start;
5104
+ }
5105
+
5106
+ .premium-person-style3 .premium-person-name-icons-wrap {
5107
+ -js-display: flex;
5108
+ display: -webkit-box;
5109
+ display: -webkit-flex;
5110
+ display: -moz-box;
5111
+ display: -ms-flexbox;
5112
+ display: flex;
5113
+ -webkit-box-pack: justify;
5114
+ -webkit-justify-content: space-between;
5115
+ -moz-box-pack: justify;
5116
+ -ms-flex-pack: justify;
5117
+ justify-content: space-between;
5118
+ -webkit-box-align: end;
5119
+ -webkit-align-items: flex-end;
5120
+ -moz-box-align: end;
5121
+ -ms-flex-align: end;
5122
+ align-items: flex-end;
5123
+ }
5124
+
5125
+ .premium-person-style3 .premium-person-title {
5126
+ opacity: 0;
5127
+ -webkit-transition: all 0.3s ease;
5128
+ transition: all 0.3s ease;
5129
+ width: 0;
5130
+ }
5131
+
5132
+ .premium-person-style3 .premium-person-title span {
5133
+ display: inline-block;
5134
+ }
5135
+
5136
+ .premium-person-style3 .premium-person-name {
5137
+ padding-right: 10px;
5138
+ }
5139
+
5140
+ .premium-person-style3 .premium-person-social-list {
5141
+ -js-display: flex;
5142
+ display: -webkit-box;
5143
+ display: -webkit-flex;
5144
+ display: -moz-box;
5145
+ display: -ms-flexbox;
5146
+ display: flex;
5147
+ -webkit-box-orient: vertical;
5148
+ -webkit-box-direction: normal;
5149
+ -webkit-flex-direction: column;
5150
+ -moz-box-orient: vertical;
5151
+ -moz-box-direction: normal;
5152
+ -ms-flex-direction: column;
5153
+ flex-direction: column;
5154
+ -webkit-transform: translateY(20px);
5155
+ -ms-transform: translateY(20px);
5156
+ transform: translateY(20px);
5157
+ opacity: 0;
5158
+ -webkit-transition: all 0.3s ease;
5159
+ transition: all 0.3s ease;
5160
+ }
5161
+
5162
+ .premium-person-style3 .premium-person-list-item {
5163
+ line-height: 0;
5164
+ }
5165
+
5166
+ .premium-person-style3 .premium-person-list-item a {
5167
+ padding: 5px 0 0 10px;
5168
+ margin: 5px 0;
5169
+ }
5170
+
5171
+ .premium-person-style3 .premium-person-container:hover .premium-person-title {
5172
+ opacity: 1;
5173
+ }
5174
+
5175
+ .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
5176
+ opacity: 1;
5177
+ -webkit-transform: translateY(0);
5178
+ -ms-transform: translateY(0);
5179
+ transform: translateY(0);
5180
+ }
5181
+
5182
+ .premium-persons-title-cw .premium-person-title {
5183
+ -webkit-transform: translateX(-15px) rotate(-90deg);
5184
+ -ms-transform: translateX(-15px) rotate(-90deg);
5185
+ transform: translateX(-15px) rotate(-90deg);
5186
+ -webkit-transform-origin: top;
5187
+ -ms-transform-origin: top;
5188
+ transform-origin: top;
5189
+ }
5190
+
5191
+ .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
5192
+ -webkit-transform: translateX(0) rotate(-90deg);
5193
+ -ms-transform: translateX(0) rotate(-90deg);
5194
+ transform: translateX(0) rotate(-90deg);
5195
+ }
5196
+
5197
+ .premium-persons-title-ccw .premium-person-title {
5198
+ width: auto;
5199
+ margin-left: 20px;
5200
+ -webkit-transform: translateX(-15px) rotate(90deg);
5201
+ -ms-transform: translateX(-15px) rotate(90deg);
5202
+ transform: translateX(-15px) rotate(90deg);
5203
+ -webkit-transform-origin: center left;
5204
+ -ms-transform-origin: center left;
5205
+ transform-origin: center left;
5206
+ }
5207
+
5208
+ .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
5209
+ -webkit-transform: translateX(0) rotate(90deg);
5210
+ -ms-transform: translateX(0) rotate(90deg);
5211
+ transform: translateX(0) rotate(90deg);
5212
+ }
5213
+
5214
+ /**************** Premium Fancy Text *******************/
5215
+ /*******************************************************/
5216
+ .premium-suffix-text,
5217
+ .premium-fancy-text,
5218
+ .premium-prefix-text {
5219
+ font-size: 40px;
5220
+ }
5221
+
5222
+ .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
5223
+ .premium-fancy-item-hidden {
5224
+ opacity: 0;
5225
+ }
5226
+
5227
+ .premium-fancy-text-wrapper .premium-fancy-list-items {
5228
+ list-style: none;
5229
+ }
5230
+
5231
+ .premium-fancy-text-wrapper .premium-fancy-text-span-align {
5232
+ vertical-align: top;
5233
+ }
5234
+
5235
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
5236
+ margin: 0;
5237
+ padding: 0;
5238
+ border: none;
5239
+ position: relative;
5240
+ }
5241
+
5242
+ .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
5243
+ position: absolute;
5244
+ top: 0;
5245
+ left: 0;
5246
+ display: inline-block;
5247
+ }
5248
+
5249
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
5250
+ -webkit-animation: pa-zoom-out 0.8s;
5251
+ animation: pa-zoom-out 0.8s;
5252
+ }
5253
+
5254
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
5255
+ position: relative !important;
5256
+ -webkit-animation: pa-zoom-in 0.8s;
5257
+ animation: pa-zoom-in 0.8s;
5258
+ }
5259
+
5260
+ .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
5261
+ -webkit-perspective: 300px;
5262
+ perspective: 300px;
5263
+ }
5264
+
5265
+ .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
5266
+ -webkit-transform-origin: 50% 100%;
5267
+ -ms-transform-origin: 50% 100%;
5268
+ transform-origin: 50% 100%;
5269
+ }
5270
+
5271
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
5272
+ -webkit-transform: rotateX(180deg);
5273
+ transform: rotateX(180deg);
5274
+ -webkit-animation: pa-rotate-out 1.2s;
5275
+ animation: pa-rotate-out 1.2s;
5276
+ }
5277
+
5278
+ .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
5279
+ position: relative !important;
5280
+ -webkit-transform: rotateX(0deg);
5281
+ transform: rotateX(0deg);
5282
+ -webkit-animation: pa-rotate-in 1.2s;
5283
+ animation: pa-rotate-in 1.2s;
5284
+ }
5285
+
5286
+ .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
5287
+ position: relative !important;
5288
+ }
5289
+
5290
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
5291
+ display: inline-block;
5292
+ width: 200px;
5293
+ font-weight: 400;
5294
+ }
5295
+
5296
+ .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
5297
+ position: relative;
5298
+ vertical-align: sub;
5299
+ }
5300
+
5301
+ .premium-fancy-text-wrapper.auto-fade g>text {
5302
+ text-anchor: start;
5303
+ shape-rendering: crispEdges;
5304
+ opacity: 0;
5305
+ font-size: 300px;
5306
+ -webkit-animation-name: pa-auto-fade;
5307
+ animation-name: pa-auto-fade;
5308
+ -moz-animation-name: pa-auto-fade;
5309
+ -webkit-animation-duration: 9s;
5310
+ animation-duration: 9s;
5311
+ -webkit-animation-timing-function: linear;
5312
+ animation-timing-function: linear;
5313
+ -webkit-animation-iteration-count: infinite;
5314
+ animation-iteration-count: infinite;
5315
+ }
5316
+
5317
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(1) {
5318
+ -webkit-animation-delay: 0s;
5319
+ animation-delay: 0s;
5320
+ }
5321
+
5322
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(2) {
5323
+ -webkit-animation-delay: 3s;
5324
+ animation-delay: 3s;
5325
+ }
5326
+
5327
+ .premium-fancy-text-wrapper.auto-fade g>text:nth-child(3) {
5328
+ -webkit-animation-delay: 6s;
5329
+ animation-delay: 6s;
5330
+ }
5331
+
5332
+ .premium-fancy-text-wrapper.loading .premium-fancy-text {
5333
+ position: relative;
5334
+ }
5335
+
5336
+ .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
5337
+ position: absolute;
5338
+ width: 100%;
5339
+ height: 3px;
5340
+ bottom: 0;
5341
+ left: 0;
5342
+ animation: pa-loading-bar 2.5s ease-out infinite;
5343
+ -webkit-animation: pa-loading-bar 2.5s ease-out infinite;
5344
+ }
5345
+
5346
+ .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
5347
+ -webkit-animation-play-state: paused;
5348
+ animation-play-state: paused;
5349
+ }
5350
+
5351
+ @-webkit-keyframes pa-auto-fade {
5352
+ 0% {
5353
+ opacity: 0;
5354
+ }
5355
+
5356
+ 20% {
5357
+ opacity: 1;
5358
+ }
5359
+
5360
+ 35% {
5361
+ opacity: 0;
5362
+ }
5363
+
5364
+ 100% {
5365
+ opacity: 0;
5366
+ }
5367
+ }
5368
+
5369
+ @keyframes pa-auto-fade {
5370
+ 0% {
5371
+ opacity: 0;
5372
+ }
5373
+
5374
+ 20% {
5375
+ opacity: 1;
5376
+ }
5377
+
5378
+ 35% {
5379
+ opacity: 0;
5380
+ }
5381
+
5382
+ 100% {
5383
+ opacity: 0;
5384
+ }
5385
+ }
5386
+
5387
+ @-webkit-keyframes pa-loading-bar {
5388
+ 0% {
5389
+ width: 0;
5390
+ }
5391
+
5392
+ 100% {
5393
+ width: 100;
5394
+ }
5395
+ }
5396
+
5397
+ @keyframes pa-loading-bar {
5398
+ 0% {
5399
+ width: 0;
5400
+ }
5401
+
5402
+ 100% {
5403
+ width: 100;
5404
+ }
5405
+ }
5406
+
5407
+ @-webkit-keyframes pa-zoom-in {
5408
+ 0% {
5409
+ opacity: 0;
5410
+ -webkit-transform: translateZ(100px);
5411
+ transform: translateZ(100px);
5412
+ }
5413
+
5414
+ 100% {
5415
+ opacity: 1;
5416
+ -webkit-transform: translateZ(0);
5417
+ transform: translateZ(0);
5418
+ }
5419
+ }
5420
+
5421
+ @keyframes pa-zoom-in {
5422
+ 0% {
5423
+ opacity: 0;
5424
+ -webkit-transform: translateZ(100px);
5425
+ transform: translateZ(100px);
5426
+ }
5427
+
5428
+ 100% {
5429
+ opacity: 1;
5430
+ -webkit-transform: translateZ(0);
5431
+ transform: translateZ(0);
5432
+ }
5433
+ }
5434
+
5435
+ @-webkit-keyframes pa-zoom-out {
5436
+ 0% {
5437
+ opacity: 1;
5438
+ -webkit-transform: translateZ(0);
5439
+ transform: translateZ(0);
5440
+ }
5441
+
5442
+ 100% {
5443
+ opacity: 0;
5444
+ -webkit-transform: translateZ(-100px);
5445
+ transform: translateZ(-100px);
5446
+ }
5447
+ }
5448
+
5449
+ @keyframes pa-zoom-out {
5450
+ 0% {
5451
+ opacity: 1;
5452
+ -webkit-transform: translateZ(0);
5453
+ transform: translateZ(0);
5454
+ }
5455
+
5456
+ 100% {
5457
+ opacity: 0;
5458
+ -webkit-transform: translateZ(-100px);
5459
+ transform: translateZ(-100px);
5460
+ }
5461
+ }
5462
+
5463
+ @-webkit-keyframes pa-rotate-in {
5464
+ 0% {
5465
+ opacity: 0;
5466
+ -webkit-transform: rotateX(180deg);
5467
+ transform: rotateX(180deg);
5468
+ }
5469
+
5470
+ 35% {
5471
+ opacity: 0;
5472
+ -webkit-transform: rotateX(120deg);
5473
+ transform: rotateX(120deg);
5474
+ }
5475
+
5476
+ 65% {
5477
+ opacity: 0;
5478
+ }
5479
+
5480
+ 100% {
5481
+ opacity: 1;
5482
+ -webkit-transform: rotateX(360deg);
5483
+ transform: rotateX(360deg);
5484
+ }
5485
+ }
5486
+
5487
+ @keyframes pa-rotate-in {
5488
+ 0% {
5489
+ opacity: 0;
5490
+ -webkit-transform: rotateX(180deg);
5491
+ transform: rotateX(180deg);
5492
+ }
5493
+
5494
+ 35% {
5495
+ opacity: 0;
5496
+ -webkit-transform: rotateX(120deg);
5497
+ transform: rotateX(120deg);
5498
+ }
5499
+
5500
+ 65% {
5501
+ opacity: 0;
5502
+ }
5503
+
5504
+ 100% {
5505
+ opacity: 1;
5506
+ -webkit-transform: rotateX(360deg);
5507
+ transform: rotateX(360deg);
5508
+ }
5509
+ }
5510
+
5511
+ @-webkit-keyframes pa-rotate-out {
5512
+ 0% {
5513
+ opacity: 1;
5514
+ -webkit-transform: rotateX(0deg);
5515
+ transform: rotateX(0deg);
5516
+ }
5517
+
5518
+ 35% {
5519
+ opacity: 1;
5520
+ -webkit-transform: rotateX(-40deg);
5521
+ transform: rotateX(-40deg);
5522
+ }
5523
+
5524
+ 65% {
5525
+ opacity: 0;
5526
+ }
5527
+
5528
+ 100% {
5529
+ opacity: 0;
5530
+ -webkit-transform: rotateX(180deg);
5531
+ transform: rotateX(180deg);
5532
+ }
5533
+ }
5534
+
5535
+ @keyframes pa-rotate-out {
5536
+ 0% {
5537
+ opacity: 1;
5538
+ -webkit-transform: rotateX(0deg);
5539
+ transform: rotateX(0deg);
5540
+ }
5541
+
5542
+ 35% {
5543
+ opacity: 1;
5544
+ -webkit-transform: rotateX(-40deg);
5545
+ transform: rotateX(-40deg);
5546
+ }
5547
+
5548
+ 65% {
5549
+ opacity: 0;
5550
+ }
5551
+
5552
+ 100% {
5553
+ opacity: 0;
5554
+ -webkit-transform: rotateX(180deg);
5555
+ transform: rotateX(180deg);
5556
+ }
5557
+ }
5558
+
5559
+ /**************** Premium Pricing Table ****************/
5560
+ /*******************************************************/
5561
+ .premium-pricing-table-container {
5562
+ position: relative;
5563
+ overflow: hidden;
5564
+ text-align: center;
5565
+ -webkit-transition: all 0.3s ease-in-out;
5566
+ transition: all 0.3s ease-in-out;
5567
+ }
5568
+
5569
+ .premium-pricing-icon-container {
5570
+ -js-display: flex;
5571
+ display: -webkit-box;
5572
+ display: -webkit-flex;
5573
+ display: -moz-box;
5574
+ display: -ms-flexbox;
5575
+ display: flex;
5576
+ -webkit-box-pack: center;
5577
+ -webkit-justify-content: center;
5578
+ -moz-box-pack: center;
5579
+ -ms-flex-pack: center;
5580
+ justify-content: center;
5581
+ line-height: 0;
5582
+ }
5583
+
5584
+ .premium-pricing-icon-container .premium-pricing-icon {
5585
+ display: inline-block;
5586
+ }
5587
+
5588
+ .premium-pricing-icon-container .premium-pricing-image {
5589
+ overflow: hidden;
5590
+ }
5591
+
5592
+ .premium-pricing-icon-container .premium-pricing-image img {
5593
+ width: 25px;
5594
+ height: 25px;
5595
+ -o-object-fit: cover;
5596
+ object-fit: cover;
5597
+ }
5598
+
5599
+ .premium-badge-left {
5600
+ position: absolute;
5601
+ top: 0;
5602
+ }
5603
+
5604
+ .premium-badge-right {
5605
+ position: absolute;
5606
+ top: 0;
5607
+ right: 0;
5608
+ }
5609
+
5610
+ .premium-badge-left {
5611
+ left: 0;
5612
+ }
5613
+
5614
+ .premium-badge-triangle.premium-badge-left .corner {
5615
+ width: 0;
5616
+ height: 0;
5617
+ border-top: 150px solid;
5618
+ border-bottom: 150px solid transparent;
5619
+ border-right: 150px solid transparent;
5620
+ }
5621
+
5622
+ .premium-badge-triangle.premium-badge-right .corner {
5623
+ width: 0;
5624
+ height: 0;
5625
+ border-bottom: 150px solid transparent;
5626
+ border-right: 150px solid;
5627
+ border-left: 150px solid transparent;
5628
+ }
5629
+
5630
+ .premium-badge-triangle span {
5631
+ position: absolute;
5632
+ top: 35px;
5633
+ width: 100px;
5634
+ text-align: center;
5635
+ -webkit-transform: rotate(-45deg);
5636
+ -ms-transform: rotate(-45deg);
5637
+ transform: rotate(-45deg);
5638
+ display: block;
5639
+ text-transform: uppercase;
5640
+ }
5641
+
5642
+ .premium-badge-triangle.premium-badge-right span {
5643
+ -webkit-transform: rotate(45deg);
5644
+ -ms-transform: rotate(45deg);
5645
+ transform: rotate(45deg);
5646
+ right: 0;
5647
+ }
5648
+
5649
+ .premium-badge-circle {
5650
+ min-width: 4em;
5651
+ min-height: 4em;
5652
+ line-height: 4em;
5653
+ text-align: center;
5654
+ -webkit-border-radius: 100%;
5655
+ border-radius: 100%;
5656
+ position: absolute;
5657
+ z-index: 1;
5658
+ }
5659
+
5660
+ .premium-badge-stripe {
5661
+ position: absolute;
5662
+ -webkit-transform: rotate(90deg);
5663
+ -ms-transform: rotate(90deg);
5664
+ transform: rotate(90deg);
5665
+ width: 15em;
5666
+ overflow: hidden;
5667
+ height: 15em;
5668
+ }
5669
+
5670
+ .premium-badge-stripe.premium-badge-left {
5671
+ -webkit-transform: rotate(0);
5672
+ -ms-transform: rotate(0);
5673
+ transform: rotate(0);
5674
+ }
5675
+
5676
+ .premium-badge-stripe .corner {
5677
+ text-align: center;
5678
+ left: 0;
5679
+ width: 150%;
5680
+ -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5681
+ -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5682
+ transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
5683
+ margin-top: 35px;
5684
+ font-size: 13px;
5685
+ line-height: 2;
5686
+ font-weight: 800;
5687
+ text-transform: uppercase;
5688
+ }
5689
+
5690
+ .premium-badge-flag .corner {
5691
+ text-align: center;
5692
+ -webkit-border-radius: 4px 4px 0 4px;
5693
+ border-radius: 4px 4px 0 4px;
5694
+ padding: 3px 15px;
5695
+ position: absolute;
5696
+ top: 10%;
5697
+ right: -8px;
5698
+ }
5699
+
5700
+ .premium-badge-flag .corner::before,
5701
+ .premium-badge-flag .corner::after {
5702
+ content: "";
5703
+ display: block;
5704
+ position: absolute;
5705
+ width: 0;
5706
+ height: 0;
5707
+ top: 100%;
5708
+ right: 0;
5709
+ border-bottom: 8px solid transparent;
5710
+ }
5711
+
5712
+ .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
5713
+ overflow: visible !important;
5714
+ }
5715
+
5716
+ .premium-badge-flag .corner::after {
5717
+ border-left: 8px solid rgba(0, 0, 0, 0.2);
5718
+ }
5719
+
5720
+ .premium-pricing-price-currency {
5721
+ position: relative;
5722
+ }
5723
+
5724
+ .premium-pricing-button-container {
5725
+ display: block;
5726
+ }
5727
+
5728
+ .premium-pricing-list-container {
5729
+ -js-display: flex;
5730
+ display: -webkit-box;
5731
+ display: -webkit-flex;
5732
+ display: -moz-box;
5733
+ display: -ms-flexbox;
5734
+ display: flex;
5735
+ -webkit-box-orient: vertical;
5736
+ -webkit-box-direction: normal;
5737
+ -webkit-flex-direction: column;
5738
+ -moz-box-orient: vertical;
5739
+ -moz-box-direction: normal;
5740
+ -ms-flex-direction: column;
5741
+ flex-direction: column;
5742
+ list-style-type: none;
5743
+ margin: 0;
5744
+ }
5745
+
5746
+ .premium-pricing-list-container.premium-pricing-list-item {
5747
+ -js-display: flex;
5748
+ display: -webkit-box;
5749
+ display: -webkit-flex;
5750
+ display: -moz-box;
5751
+ display: -ms-flexbox;
5752
+ display: flex;
5753
+ -webkit-box-align: center;
5754
+ -webkit-align-items: center;
5755
+ -moz-box-align: center;
5756
+ -ms-flex-align: center;
5757
+ align-items: center;
5758
+ }
5759
+
5760
+ .premium-pricing-list-container.premium-pricing-list-item svg {
5761
+ width: 50px;
5762
+ height: 50px;
5763
+ }
5764
+
5765
+ .premium-pricing-list-container.premium-pricing-list-item img {
5766
+ width: 30px;
5767
+ height: 30px;
5768
+ -o-object-fit: cover;
5769
+ object-fit: cover;
5770
+ }
5771
+
5772
+ .premium-pricing-list-container.premium-pricing-list-span {
5773
+ position: relative;
5774
+ }
5775
+
5776
+ .premium-pricing-list-container.list-item-tooltip {
5777
+ border-bottom: 1px dotted;
5778
+ }
5779
+
5780
+ .premium-pricing-list-container.premium-pricing-list-tooltip {
5781
+ position: absolute;
5782
+ top: -webkit-calc(100% + 1px);
5783
+ top: calc(100% + 1px);
5784
+ right: 0;
5785
+ visibility: hidden;
5786
+ padding: 15px 20px;
5787
+ -webkit-border-radius: 5px;
5788
+ border-radius: 5px;
5789
+ min-width: 200px;
5790
+ overflow: hidden;
5791
+ text-align: right;
5792
+ font-size: 0.8rem;
5793
+ color: #fff;
5794
+ background-color: #aaa;
5795
+ }
5796
+
5797
+ .premium-pricing-features-left .premium-pricing-list-span {
5798
+ text-align: right;
5799
+ }
5800
+
5801
+ .premium-pricing-features-center .premium-pricing-list-span {
5802
+ text-align: center;
5803
+ }
5804
+
5805
+ .premium-pricing-features-right .premium-pricing-list-span {
5806
+ text-align: left;
5807
+ }
5808
+
5809
+ .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
5810
+ z-index: 99;
5811
+ visibility: visible;
5812
+ opacity: 1;
5813
+ }
5814
+
5815
+ .premium-pricing-slashed-price-value {
5816
+ display: inline-block;
5817
+ font-size: 20px;
5818
+ font-weight: 400;
5819
+ margin-left: 5px;
5820
+ }
5821
+
5822
+ .premium-pricing-price-value {
5823
+ font-size: 70px;
5824
+ }
5825
+
5826
+ .premium-pricing-description-container li {
5827
+ list-style-position: inside;
5828
+ text-indent: -40px;
5829
+ }
5830
+
5831
+ @-moz-document url-prefix() {
5832
+ .premium-pricing-description-container li {
5833
+ text-indent: 0px;
5834
+ }
5835
+ }
5836
+
5837
+ .premium-pricing-price-button {
5838
+ display: block;
5839
+ padding: 6px 12px;
5840
+ line-height: 1.42857143;
5841
+ text-align: center;
5842
+ color: #fff;
5843
+ background: #6ec1e4;
5844
+ margin-bottom: 0;
5845
+ -webkit-transition: all 0.3s ease-in-out;
5846
+ transition: all 0.3s ease-in-out;
5847
+ }
5848
+
5849
+ /**************** Premium Google Maps ******************/
5850
+ /*******************************************************/
5851
+ .premium-maps-info-container {
5852
+ margin-top: 10px;
5853
+ margin-bottom: 10px;
5854
+ }
5855
+
5856
+ .premium-maps-info-title,
5857
+ .premium-maps-info-desc {
5858
+ margin: 0;
5859
+ padding: 0;
5860
+ }
5861
+
5862
+ .premium-maps-container .gm-style-iw {
5863
+ text-align: center;
5864
+ direction: ltr;
5865
+ }
5866
+
5867
+ .premium-maps-container .gm-style img {
5868
+ max-width: none !important;
5869
+ }
5870
+
5871
+ /**************** Premium Button ***********************/
5872
+ /*******************************************************/
5873
+ .premium-button {
5874
+ -js-display: inline-flex;
5875
+ display: -webkit-inline-box;
5876
+ display: -webkit-inline-flex;
5877
+ display: -moz-inline-box;
5878
+ display: -ms-inline-flexbox;
5879
+ display: inline-flex;
5880
+ position: relative;
5881
+ overflow: hidden;
5882
+ -webkit-backface-visibility: hidden;
5883
+ backface-visibility: hidden;
5884
+ -webkit-transform: translate3d(0, 0, 0);
5885
+ transform: translate3d(0, 0, 0);
5886
+ cursor: pointer;
5887
+ -webkit-transition: all 0.2s ease-in-out !important;
5888
+ transition: all 0.2s ease-in-out !important;
5889
+ }
5890
+
5891
+ .premium-button .premium-lottie-animation,
5892
+ .premium-image-button .premium-lottie-animation {
5893
+ -js-display: flex;
5894
+ display: -webkit-box;
5895
+ display: -webkit-flex;
5896
+ display: -moz-box;
5897
+ display: -ms-flexbox;
5898
+ display: flex;
5899
+ }
5900
+
5901
+ .premium-button svg,
5902
+ .premium-image-button svg {
5903
+ width: 30px;
5904
+ height: 30px;
5905
+ }
5906
+
5907
+ .premium-btn-sm,
5908
+ .premium-btn-md,
5909
+ .premium-btn-lg,
5910
+ .premium-btn-block {
5911
+ background-color: #eee;
5912
+ color: #042551;
5913
+ margin: 0px;
5914
+ text-decoration: none;
5915
+ }
5916
+
5917
+ .premium-btn-sm:hover,
5918
+ .premium-btn-md:hover,
5919
+ .premium-btn-lg:hover,
5920
+ .premium-btn-block:hover {
5921
+ background-color: #54595f;
5922
+ color: #eee;
5923
+ }
5924
+
5925
+ .premium-btn-sm {
5926
+ padding: 12px 24px;
5927
+ font-size: 14px;
5928
+ line-height: 1;
5929
+ }
5930
+
5931
+ .premium-btn-md {
5932
+ padding: 14px 26px;
5933
+ font-size: 16px;
5934
+ line-height: 1.2;
5935
+ }
5936
+
5937
+ .premium-btn-lg {
5938
+ padding: 16px 28px;
5939
+ font-size: 18px;
5940
+ line-height: 1.3333;
5941
+ }
5942
+
5943
+ .premium-btn-block {
5944
+ font-size: 18px;
5945
+ line-height: 1;
5946
+ padding: 20px 0px;
5947
+ width: 100%;
5948
+ text-align: center;
5949
+ }
5950
+
5951
+ .premium-button-text {
5952
+ display: inline-block;
5953
+ width: 100%;
5954
+ }
5955
+
5956
+ .premium-button-style1,
5957
+ .premium-button-style2,
5958
+ .premium-button-style5,
5959
+ .premium-button-style7 {
5960
+ display: inline-block;
5961
+ vertical-align: middle;
5962
+ -webkit-transform: perspective(1px) translateZ(0);
5963
+ transform: perspective(1px) translateZ(0);
5964
+ -webkit-box-shadow: 0 0 1px transparent;
5965
+ box-shadow: 0 0 1px transparent;
5966
+ position: relative;
5967
+ -webkit-transition-property: color;
5968
+ transition-property: color;
5969
+ -webkit-transition-duration: 0.15s;
5970
+ transition-duration: 0.15s;
5971
+ }
5972
+
5973
+ .premium-button-style1:before,
5974
+ .premium-button-style2:before,
5975
+ .premium-button-style5:before {
5976
+ content: "";
5977
+ position: absolute;
5978
+ z-index: -1;
5979
+ top: 0;
5980
+ right: 0;
5981
+ left: 0;
5982
+ bottom: 0;
5983
+ -webkit-transform: scaleY(0);
5984
+ -ms-transform: scaleY(0);
5985
+ transform: scaleY(0);
5986
+ -webkit-transform-origin: 50% 0;
5987
+ -ms-transform-origin: 50% 0;
5988
+ transform-origin: 50% 0;
5989
+ -webkit-transition-property: -webkit-transform;
5990
+ transition-property: -webkit-transform;
5991
+ transition-property: transform;
5992
+ transition-property: transform, -webkit-transform;
5993
+ -webkit-transition-duration: 0.15s;
5994
+ transition-duration: 0.15s;
5995
+ -webkit-transition-timing-function: ease-out;
5996
+ transition-timing-function: ease-out;
5997
+ }
5998
+
5999
+ .premium-button-style5-radialin:before,
6000
+ .premium-button-style5-radialout:before {
6001
+ -webkit-transform-origin: 50%;
6002
+ -ms-transform-origin: 50%;
6003
+ transform-origin: 50%;
6004
+ -webkit-border-radius: 100%;
6005
+ border-radius: 100%;
6006
+ -webkit-transform: scale(0);
6007
+ -ms-transform: scale(0);
6008
+ transform: scale(0);
6009
+ }
6010
+
6011
+ .premium-button-style5-radialin:before {
6012
+ -webkit-transform: scale(2);
6013
+ -ms-transform: scale(2);
6014
+ transform: scale(2);
6015
+ }
6016
+
6017
+ .premium-button-style5-rectin:before {
6018
+ -webkit-transform-origin: 50%;
6019
+ -ms-transform-origin: 50%;
6020
+ transform-origin: 50%;
6021
+ -webkit-transform: scale(1);
6022
+ -ms-transform: scale(1);
6023
+ transform: scale(1);
6024
+ }
6025
+
6026
+ .premium-button-style5-rectout:before {
6027
+ -webkit-transform-origin: 50%;
6028
+ -ms-transform-origin: 50%;
6029
+ transform-origin: 50%;
6030
+ -webkit-transform: scale(0);
6031
+ -ms-transform: scale(0);
6032
+ transform: scale(0);
6033
+ }
6034
+
6035
+ .premium-button-style5-rectout:hover:before {
6036
+ -webkit-transform: scale(1);
6037
+ -ms-transform: scale(1);
6038
+ transform: scale(1);
6039
+ }
6040
+
6041
+ .premium-button-style5-rectin:hover:before {
6042
+ -webkit-transform: scale(0);
6043
+ -ms-transform: scale(0);
6044
+ transform: scale(0);
6045
+ }
6046
+
6047
+ .premium-button-style5-radialout:hover:before {
6048
+ -webkit-transform: scale(2);
6049
+ -ms-transform: scale(2);
6050
+ transform: scale(2);
6051
+ }
6052
+
6053
+ .premium-button-style5-radialin:hover:before {
6054
+ -webkit-transform: scale(0);
6055
+ -ms-transform: scale(0);
6056
+ transform: scale(0);
6057
+ }
6058
+
6059
+ .premium-button-style1-top:before {
6060
+ -webkit-transform-origin: 50% 100%;
6061
+ -ms-transform-origin: 50% 100%;
6062
+ transform-origin: 50% 100%;
6063
+ }
6064
+
6065
+ .premium-button-style1-right:before {
6066
+ -webkit-transform: scaleX(0);
6067
+ -ms-transform: scaleX(0);
6068
+ transform: scaleX(0);
6069
+ -webkit-transform-origin: 100% 50%;
6070
+ -ms-transform-origin: 100% 50%;
6071
+ transform-origin: 100% 50%;
6072
+ }
6073
+
6074
+ .premium-button-style1-left:before {
6075
+ -webkit-transform: scaleX(0);
6076
+ -ms-transform: scaleX(0);
6077
+ transform: scaleX(0);
6078
+ -webkit-transform-origin: 0% 50%;
6079
+ -ms-transform-origin: 0% 50%;
6080
+ transform-origin: 0% 50%;
6081
+ }
6082
+
6083
+ .premium-button-style2-shutouthor:before,
6084
+ .premium-button-style2-scshutoutver:before {
6085
+ -webkit-transform: scaleY(0);
6086
+ -ms-transform: scaleY(0);
6087
+ transform: scaleY(0);
6088
+ -webkit-transform-origin: 0% 50%;
6089
+ -ms-transform-origin: 0% 50%;
6090
+ transform-origin: 0% 50%;
6091
+ }
6092
+
6093
+ .premium-button-style2-shutoutver:before,
6094
+ .premium-button-style2-scshutouthor:before {
6095
+ -webkit-transform: scaleX(0);
6096
+ -ms-transform: scaleX(0);
6097
+ transform: scaleX(0);
6098
+ -webkit-transform-origin: 50% 50%;
6099
+ -ms-transform-origin: 50% 50%;
6100
+ transform-origin: 50% 50%;
6101
+ }
6102
+
6103
+ .premium-button-style2-shutinhor:before {
6104
+ -webkit-transform: scaleX(1);
6105
+ -ms-transform: scaleX(1);
6106
+ transform: scaleX(1);
6107
+ -webkit-transform-origin: 50%;
6108
+ -ms-transform-origin: 50%;
6109
+ transform-origin: 50%;
6110
+ }
6111
+
6112
+ .premium-button-style2-shutinver:before {
6113
+ -webkit-transform: scaleY(1);
6114
+ -ms-transform: scaleY(1);
6115
+ transform: scaleY(1);
6116
+ -webkit-transform-origin: 50%;
6117
+ -ms-transform-origin: 50%;
6118
+ transform-origin: 50%;
6119
+ }
6120
+
6121
+ .premium-button-style1-bottom:hover:before,
6122
+ .premium-button-style1-top:hover:before {
6123
+ -webkit-transform: scaleY(1);
6124
+ -ms-transform: scaleY(1);
6125
+ transform: scaleY(1);
6126
+ }
6127
+
6128
+ .premium-button-style1-left:hover:before,
6129
+ .premium-button-style1-right:hover:before,
6130
+ .premium-button-style2-shutouthor:hover:before,
6131
+ .premium-button-style2-shutoutver:hover:before {
6132
+ -webkit-transform: scaleX(1);
6133
+ -ms-transform: scaleX(1);
6134
+ transform: scaleX(1);
6135
+ }
6136
+
6137
+ .premium-button-style2-shutinhor:hover:before {
6138
+ -webkit-transform: scaleX(0);
6139
+ -ms-transform: scaleX(0);
6140
+ transform: scaleX(0);
6141
+ }
6142
+
6143
+ .premium-button-style2-shutinver:hover:before {
6144
+ -webkit-transform: scaleY(0);
6145
+ -ms-transform: scaleY(0);
6146
+ transform: scaleY(0);
6147
+ }
6148
+
6149
+ .premium-button-style2-scshutouthor:hover:before {
6150
+ -webkit-transform: scaleX(0.9);
6151
+ -ms-transform: scaleX(0.9);
6152
+ transform: scaleX(0.9);
6153
+ }
6154
+
6155
+ .premium-button-style2-scshutoutver:hover:before {
6156
+ -webkit-transform: scaleY(0.8);
6157
+ -ms-transform: scaleY(0.8);
6158
+ transform: scaleY(0.8);
6159
+ }
6160
+
6161
+ /*Diagonal*/
6162
+ .premium-button-style2-dshutinhor:before {
6163
+ top: 50%;
6164
+ right: 50%;
6165
+ width: 120%;
6166
+ height: 0%;
6167
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
6168
+ -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
6169
+ transform: translateX(50%) translateY(-50%) rotate(45deg);
6170
+ -webkit-transform-origin: 50%;
6171
+ -ms-transform-origin: 50%;
6172
+ transform-origin: 50%;
6173
+ -webkit-transition-property: all;
6174
+ transition-property: all;
6175
+ }
6176
+
6177
+ .premium-button-style2-dshutinver:before {
6178
+ top: 50%;
6179
+ right: 50%;
6180
+ width: 120%;
6181
+ height: 0%;
6182
+ -webkit-transform-origin: 50%;
6183
+ -ms-transform-origin: 50%;
6184
+ transform-origin: 50%;
6185
+ -webkit-transition-property: all;
6186
+ transition-property: all;
6187
+ -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6188
+ -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
6189
+ transform: translateX(50%) translateY(-50%) rotate(-45deg);
6190
+ }
6191
+
6192
+ .premium-button-style2-dshutinhor:hover:before,
6193
+ .premium-button-style2-dshutinver:hover:before {
6194
+ height: 220%;
6195
+ }
6196
+
6197
+ .premium-button-style3-before i,
6198
+ .premium-button-style3-before svg {
6199
+ opacity: 0;
6200
+ -webkit-transform: translateX(5px);
6201
+ -ms-transform: translateX(5px);
6202
+ transform: translateX(5px);
6203
+ -webkit-transition: all 0.5s ease-in-out;
6204
+ transition: all 0.5s ease-in-out;
6205
+ }
6206
+
6207
+ .premium-button-style3-after i,
6208
+ .premium-button-style3-after svg {
6209
+ opacity: 0;
6210
+ -webkit-transform: translateX(5px);
6211
+ -ms-transform: translateX(5px);
6212
+ transform: translateX(5px);
6213
+ -webkit-transition: all 0.5s ease-in-out;
6214
+ transition: all 0.5s ease-in-out;
6215
+ -webkit-transform: translateX(-5px);
6216
+ -ms-transform: translateX(-5px);
6217
+ transform: translateX(-5px);
6218
+ }
6219
+
6220
+ .premium-button-style3-after:hover i,
6221
+ .premium-button-style3-after:hover svg {
6222
+ opacity: 1;
6223
+ }
6224
+
6225
+ .premium-button-style3-before:hover i,
6226
+ .premium-button-style3-before:hover svg {
6227
+ opacity: 1;
6228
+ }
6229
+
6230
+ .premium-button-text-icon-wrapper {
6231
+ width: 100%;
6232
+ -js-display: flex;
6233
+ display: -webkit-box;
6234
+ display: -webkit-flex;
6235
+ display: -moz-box;
6236
+ display: -ms-flexbox;
6237
+ display: flex;
6238
+ -webkit-box-pack: center;
6239
+ -webkit-justify-content: center;
6240
+ -moz-box-pack: center;
6241
+ -ms-flex-pack: center;
6242
+ justify-content: center;
6243
+ -webkit-box-align: center;
6244
+ -webkit-align-items: center;
6245
+ -moz-box-align: center;
6246
+ -ms-flex-align: center;
6247
+ align-items: center;
6248
+ -webkit-transition: all 0.2s ease-in-out;
6249
+ transition: all 0.2s ease-in-out;
6250
+ }
6251
+
6252
+ .premium-button-text-icon-wrapper span,
6253
+ .premium-button-text-icon-wrapper i,
6254
+ .premium-button-text-icon-wrapper svg {
6255
+ -webkit-transition: all 0.2s ease-in-out;
6256
+ transition: all 0.2s ease-in-out;
6257
+ }
6258
+
6259
+ .premium-button-style4-icon-wrapper {
6260
+ position: absolute;
6261
+ z-index: 2;
6262
+ width: 100%;
6263
+ text-align: center;
6264
+ -js-display: flex;
6265
+ display: -webkit-box;
6266
+ display: -webkit-flex;
6267
+ display: -moz-box;
6268
+ display: -ms-flexbox;
6269
+ display: flex;
6270
+ -webkit-box-align: center;
6271
+ -webkit-align-items: center;
6272
+ -moz-box-align: center;
6273
+ -ms-flex-align: center;
6274
+ align-items: center;
6275
+ -webkit-box-pack: center;
6276
+ -webkit-justify-content: center;
6277
+ -moz-box-pack: center;
6278
+ -ms-flex-pack: center;
6279
+ justify-content: center;
6280
+ height: 100%;
6281
+ opacity: 0;
6282
+ -webkit-transition: all 0.3s ease-in-out;
6283
+ transition: all 0.3s ease-in-out;
6284
+ }
6285
+
6286
+ .premium-button-style4-icon-wrapper.top {
6287
+ bottom: -100%;
6288
+ right: 0;
6289
+ }
6290
+
6291
+ .premium-button-style4-icon-wrapper.bottom {
6292
+ top: -100%;
6293
+ right: 0;
6294
+ }
6295
+
6296
+ .premium-button-style4-icon-wrapper.left {
6297
+ top: 0;
6298
+ right: -100%;
6299
+ }
6300
+
6301
+ .premium-button-style4-icon-wrapper.right {
6302
+ top: 0;
6303
+ left: -100%;
6304
+ }
6305
+
6306
+ .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
6307
+ top: 0;
6308
+ opacity: 1;
6309
+ }
6310
+
6311
+ .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
6312
+ bottom: 0;
6313
+ opacity: 1;
6314
+ }
6315
+
6316
+ .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
6317
+ right: 0;
6318
+ opacity: 1;
6319
+ }
6320
+
6321
+ .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
6322
+ left: 0;
6323
+ opacity: 1;
6324
+ }
6325
+
6326
+ .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
6327
+ -webkit-transform: translateY(100%);
6328
+ -ms-transform: translateY(100%);
6329
+ transform: translateY(100%);
6330
+ opacity: 0;
6331
+ }
6332
+
6333
+ .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
6334
+ -webkit-transform: translateY(-100%);
6335
+ -ms-transform: translateY(-100%);
6336
+ transform: translateY(-100%);
6337
+ opacity: 0;
6338
+ }
6339
+
6340
+ .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
6341
+ -webkit-transform: translateX(-100%);
6342
+ -ms-transform: translateX(-100%);
6343
+ transform: translateX(-100%);
6344
+ opacity: 0;
6345
+ }
6346
+
6347
+ .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
6348
+ -webkit-transform: translateX(100%);
6349
+ -ms-transform: translateX(100%);
6350
+ transform: translateX(100%);
6351
+ opacity: 0;
6352
+ }
6353
+
6354
+ .premium-button-style6:before {
6355
+ content: "";
6356
+ position: absolute;
6357
+ right: 50%;
6358
+ top: 50%;
6359
+ width: 100px;
6360
+ height: 100px;
6361
+ -webkit-border-radius: 100%;
6362
+ border-radius: 100%;
6363
+ -webkit-transform: translate(50%, -50%) scale(0);
6364
+ -ms-transform: translate(50%, -50%) scale(0);
6365
+ transform: translate(50%, -50%) scale(0);
6366
+ -webkit-transition: all 0.3s ease-in-out;
6367
+ transition: all 0.3s ease-in-out;
6368
+ }
6369
+
6370
+ .premium-button-style6:hover:before {
6371
+ -webkit-transform: translate(50%, -50%) scale(3);
6372
+ -ms-transform: translate(50%, -50%) scale(3);
6373
+ transform: translate(50%, -50%) scale(3);
6374
+ }
6375
+
6376
+ .premium-button-style6 .premium-button-text-icon-wrapper {
6377
+ position: relative;
6378
+ z-index: 1;
6379
+ }
6380
+
6381
+ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
6382
+ position: absolute;
6383
+ z-index: 0;
6384
+ top: 0;
6385
+ right: 0;
6386
+ width: 0px;
6387
+ height: 0px;
6388
+ -webkit-border-radius: 50%;
6389
+ border-radius: 50%;
6390
+ display: block;
6391
+ -webkit-transform: translate(50%, -50%);
6392
+ -ms-transform: translate(50%, -50%);
6393
+ transform: translate(50%, -50%);
6394
+ -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6395
+ transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
6396
+ }
6397
+
6398
+ .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
6399
+ width: 225%;
6400
+ height: 560px;
6401
+ }
6402
+
6403
+ .premium-mouse-detect-yes .premium-button-style6:before {
6404
+ width: 0;
6405
+ height: 0;
6406
+ }
6407
+
6408
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before,
6409
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6410
+ -webkit-transition: width 0.3s ease-out 0.15s;
6411
+ transition: width 0.3s ease-out 0.15s;
6412
+ }
6413
+
6414
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6415
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after {
6416
+ -webkit-transition: width 0.3s ease-out 0s;
6417
+ transition: width 0.3s ease-out 0s;
6418
+ }
6419
+
6420
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6421
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6422
+ -webkit-transition: height 0.3s ease-out 0.15s;
6423
+ transition: height 0.3s ease-out 0.15s;
6424
+ }
6425
+
6426
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
6427
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after {
6428
+ -webkit-transition: height 0.3s ease-out 0s;
6429
+ transition: height 0.3s ease-out 0s;
6430
+ }
6431
+
6432
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:before {
6433
+ -webkit-transition-delay: 0s;
6434
+ transition-delay: 0s;
6435
+ }
6436
+
6437
+ .premium-button[class*="style7"]:hover .premium-button-text-icon-wrapper:after {
6438
+ -webkit-transition-delay: 0.15s;
6439
+ transition-delay: 0.15s;
6440
+ }
6441
+
6442
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
6443
+ .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
6444
+ content: "";
6445
+ position: absolute;
6446
+ left: 0;
6447
+ top: 0;
6448
+ right: 0;
6449
+ height: 0;
6450
+ z-index: -1;
6451
+ }
6452
+
6453
+ .premium-button-style7-top .premium-button-text-icon-wrapper:after,
6454
+ .premium-button-style7-top .premium-button-text-icon-wrapper:before {
6455
+ content: "";
6456
+ position: absolute;
6457
+ left: 0;
6458
+ bottom: 0;
6459
+ right: 0;
6460
+ height: 0;
6461
+ z-index: -1;
6462
+ }
6463
+
6464
+ .premium-button-style7-right .premium-button-text-icon-wrapper:after,
6465
+ .premium-button-style7-right .premium-button-text-icon-wrapper:before {
6466
+ content: "";
6467
+ position: absolute;
6468
+ right: 0;
6469
+ top: 0;
6470
+ bottom: 0;
6471
+ width: 0;
6472
+ z-index: -1;
6473
+ }
6474
+
6475
+ .premium-button-style7-left .premium-button-text-icon-wrapper:after,
6476
+ .premium-button-style7-left .premium-button-text-icon-wrapper:before {
6477
+ content: "";
6478
+ position: absolute;
6479
+ left: 0;
6480
+ top: 0;
6481
+ bottom: 0;
6482
+ width: 0;
6483
+ z-index: -1;
6484
+ }
6485
+
6486
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
6487
+ .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
6488
+ height: 100%;
6489
+ top: 0;
6490
+ }
6491
+
6492
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
6493
+ .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
6494
+ height: 100%;
6495
+ bottom: 0;
6496
+ }
6497
+
6498
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
6499
+ .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
6500
+ width: 100%;
6501
+ left: 0;
6502
+ }
6503
+
6504
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
6505
+ .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
6506
+ width: 100%;
6507
+ right: 0;
6508
+ }
6509
+
6510
+ /**************** Premium Contact Form7 **********/
6511
+ /*************************************************/
6512
+ .premium-contact-form-anim-yes .wpcf7-span::after {
6513
+ display: block;
6514
+ height: 2px;
6515
+ content: "";
6516
+ top: -2px;
6517
+ position: relative;
6518
+ width: 0px;
6519
+ -webkit-transition: all ease-in-out 0.3s;
6520
+ transition: all ease-in-out 0.3s;
6521
+ }
6522
+
6523
+ .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
6524
+ width: 100%;
6525
+ }
6526
+
6527
+ .premium-cf7-container input.wpcf7-submit {
6528
+ -webkit-transition: all 0.3s ease-in-out;
6529
+ transition: all 0.3s ease-in-out;
6530
+ }
6531
+
6532
+ /**************** Premium Image Button ***********/
6533
+ /*************************************************/
6534
+ .premium-image-button {
6535
+ -js-display: inline-flex;
6536
+ display: -webkit-inline-box;
6537
+ display: -webkit-inline-flex;
6538
+ display: -moz-inline-box;
6539
+ display: -ms-inline-flexbox;
6540
+ display: inline-flex;
6541
+ position: relative;
6542
+ overflow: hidden;
6543
+ background-color: #eee;
6544
+ cursor: pointer;
6545
+ -webkit-transition: all 0.2s ease-in-out !important;
6546
+ transition: all 0.2s ease-in-out !important;
6547
+ }
6548
+
6549
+ .premium-image-button .premium-button-style6-bg,
6550
+ .premium-image-button.premium-button-style6:before,
6551
+ .premium-image-button:not(.premium-image-button-style6):hover {
6552
+ background-color: #54595f;
6553
+ }
6554
+
6555
+ /*Default background for slide styles*/
6556
+ .premium-image-button:hover,
6557
+ .premium-image-button-style4-icon-wrapper,
6558
+ .premium-image-button-style1-top:before,
6559
+ .premium-image-button-style1-bottom:before,
6560
+ .premium-image-button-style1-left:before,
6561
+ .premium-image-button-style1-right:before {
6562
+ background-color: #54595f;
6563
+ }
6564
+
6565
+ .premium-image-button-text-icon-wrapper {
6566
+ width: 100%;
6567
+ -js-display: flex;
6568
+ display: -webkit-box;
6569
+ display: -webkit-flex;
6570
+ display: -moz-box;
6571
+ display: -ms-flexbox;
6572
+ display: flex;
6573
+ -webkit-box-pack: center;
6574
+ -webkit-justify-content: center;
6575
+ -moz-box-pack: center;
6576
+ -ms-flex-pack: center;
6577
+ justify-content: center;
6578
+ -webkit-box-align: center;
6579
+ -webkit-align-items: center;
6580
+ -moz-box-align: center;
6581
+ -ms-flex-align: center;
6582
+ align-items: center;
6583
+ position: relative;
6584
+ z-index: 3;
6585
+ -webkit-transition: all 0.2s ease-in-out;
6586
+ transition: all 0.2s ease-in-out;
6587
+ }
6588
+
6589
+ .premium-image-button-text-icon-wrapper span,
6590
+ .premium-image-button-text-icon-wrapper,
6591
+ .premium-image-button-text-icon-wrapper i,
6592
+ .premium-image-button-text-icon-wrapper svg {
6593
+ -webkit-transition: all 0.2s ease-in-out;
6594
+ transition: all 0.2s ease-in-out;
6595
+ }
6596
+
6597
+ .premium-image-button-style1-bottom:before,
6598
+ .premium-image-button-style1-top:before,
6599
+ .premium-image-button-style1-left:before,
6600
+ .premium-image-button-style1-right:before {
6601
+ -webkit-transition: all 0.2s ease-in-out;
6602
+ transition: all 0.2s ease-in-out;
6603
+ }
6604
+
6605
+ .premium-image-button-style1-bottom:before {
6606
+ content: "";
6607
+ position: absolute;
6608
+ width: 100%;
6609
+ height: 0;
6610
+ top: 0;
6611
+ right: 0;
6612
+ }
6613
+
6614
+ .premium-image-button-style1-top:before {
6615
+ content: "";
6616
+ position: absolute;
6617
+ width: 100%;
6618
+ height: 0;
6619
+ bottom: 0;
6620
+ right: 0;
6621
+ }
6622
+
6623
+ .premium-image-button-style1-right:before {
6624
+ content: "";
6625
+ position: absolute;
6626
+ width: 0;
6627
+ height: 100%;
6628
+ bottom: 0;
6629
+ right: 0;
6630
+ }
6631
+
6632
+ .premium-image-button-style1-left:before {
6633
+ content: "";
6634
+ position: absolute;
6635
+ width: 0;
6636
+ height: 100%;
6637
+ top: 0;
6638
+ left: 0;
6639
+ }
6640
+
6641
+ .premium-image-button-style1-bottom:hover:before {
6642
+ height: 100%;
6643
+ }
6644
+
6645
+ .premium-image-button-style1-top:hover:before {
6646
+ height: 100%;
6647
+ }
6648
+
6649
+ .premium-image-button-style1-right:hover:before {
6650
+ width: 100%;
6651
+ }
6652
+
6653
+ .premium-image-button-style1-left:hover:before {
6654
+ width: 100%;
6655
+ }
6656
+
6657
+ .premium-image-button-diagonal-top,
6658
+ .premium-image-button-diagonal-bottom,
6659
+ .premium-image-button-diagonal-left,
6660
+ .premium-image-button-diagonal-right {
6661
+ z-index: 10;
6662
+ }
6663
+
6664
+ .premium-image-button-diagonal-top:before,
6665
+ .premium-image-button-diagonal-bottom:before,
6666
+ .premium-image-button-diagonal-left:before,
6667
+ .premium-image-button-diagonal-right:before {
6668
+ position: absolute;
6669
+ top: 0px;
6670
+ right: 0px;
6671
+ width: 100%;
6672
+ height: 100%;
6673
+ content: "";
6674
+ z-index: 1;
6675
+ background: rgba(255, 255, 255, 0.2);
6676
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6677
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6678
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6679
+ -webkit-transition: all 0.8s ease-out;
6680
+ transition: all 0.8s ease-out;
6681
+ }
6682
+
6683
+ .premium-image-button-diagonal-right:hover:before,
6684
+ .premium-image-button-diagonal-left:before {
6685
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6686
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6687
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
6688
+ }
6689
+
6690
+ .premium-image-button-diagonal-left:hover:before,
6691
+ .premium-image-button-diagonal-right:before {
6692
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6693
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6694
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
6695
+ }
6696
+
6697
+ .premium-image-button-diagonal-top:hover:before,
6698
+ .premium-image-button-diagonal-bottom:before {
6699
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6700
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6701
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
6702
+ }
6703
+
6704
+ .premium-image-button-diagonal-bottom:hover:before,
6705
+ .premium-image-button-diagonal-top:before {
6706
+ -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6707
+ -ms-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6708
+ transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
6709
+ }
6710
+
6711
+ .premium-image-button-style4-icon-wrapper {
6712
+ position: absolute;
6713
+ z-index: 2;
6714
+ width: 100%;
6715
+ text-align: center;
6716
+ display: -webkit-box;
6717
+ display: -webkit-flex;
6718
+ display: -ms-flexbox;
6719
+ -js-display: flex;
6720
+ display: -moz-box;
6721
+ display: flex;
6722
+ -webkit-box-align: center;
6723
+ -webkit-align-items: center;
6724
+ -moz-box-align: center;
6725
+ -ms-flex-align: center;
6726
+ align-items: center;
6727
+ -webkit-box-pack: center;
6728
+ -webkit-justify-content: center;
6729
+ -moz-box-pack: center;
6730
+ -ms-flex-pack: center;
6731
+ justify-content: center;
6732
+ height: 100%;
6733
+ opacity: 0;
6734
+ -webkit-transition: all 0.3s ease-in-out;
6735
+ transition: all 0.3s ease-in-out;
6736
+ }
6737
+
6738
+ .premium-image-button-style4-icon-wrapper.top {
6739
+ bottom: -100%;
6740
+ right: 0;
6741
+ }
6742
+
6743
+ .premium-image-button-style4-icon-wrapper.bottom {
6744
+ top: -100%;
6745
+ right: 0;
6746
+ }
6747
+
6748
+ .premium-image-button-style4-icon-wrapper.left {
6749
+ top: 0;
6750
+ right: -100%;
6751
+ }
6752
+
6753
+ .premium-image-button-style4-icon-wrapper.right {
6754
+ top: 0;
6755
+ left: -100%;
6756
+ }
6757
+
6758
+ .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
6759
+ top: 0;
6760
+ opacity: 1;
6761
+ }
6762
+
6763
+ .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
6764
+ bottom: 0;
6765
+ opacity: 1;
6766
+ }
6767
+
6768
+ .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
6769
+ right: 0;
6770
+ opacity: 1;
6771
+ }
6772
+
6773
+ .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
6774
+ left: 0;
6775
+ opacity: 1;
6776
+ }
6777
+
6778
+ .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
6779
+ -webkit-transform: translateY(100%);
6780
+ -ms-transform: translateY(100%);
6781
+ transform: translateY(100%);
6782
+ opacity: 0;
6783
+ }
6784
+
6785
+ .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
6786
+ -webkit-transform: translateY(-100%);
6787
+ -ms-transform: translateY(-100%);
6788
+ transform: translateY(-100%);
6789
+ opacity: 0;
6790
+ }
6791
+
6792
+ .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
6793
+ -webkit-transform: translateX(-100%);
6794
+ -ms-transform: translateX(-100%);
6795
+ transform: translateX(-100%);
6796
+ opacity: 0;
6797
+ }
6798
+
6799
+ .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
6800
+ -webkit-transform: translateX(100%);
6801
+ -ms-transform: translateX(100%);
6802
+ transform: translateX(100%);
6803
+ opacity: 0;
6804
+ }
6805
+
6806
+ .premium-image-button-overlap-effect-horizontal:before,
6807
+ .premium-image-button-overlap-effect-vertical:before {
6808
+ position: absolute;
6809
+ content: "";
6810
+ top: 0;
6811
+ right: 0;
6812
+ width: 100%;
6813
+ height: 100%;
6814
+ opacity: 0;
6815
+ -webkit-transition: all 1s ease-in-out;
6816
+ transition: all 1s ease-in-out;
6817
+ background: rgba(255, 255, 255, 0.2);
6818
+ -webkit-animation-name: premium-overlap-effect-done;
6819
+ animation-name: premium-overlap-effect-done;
6820
+ -webkit-animation-duration: 1s;
6821
+ animation-duration: 1s;
6822
+ }
6823
+
6824
+ .premium-image-button-overlap-effect-vertical:before {
6825
+ -webkit-animation-name: premium-overlap-ver-effect-done;
6826
+ animation-name: premium-overlap-ver-effect-done;
6827
+ -webkit-animation-duration: 1s;
6828
+ animation-duration: 1s;
6829
+ }
6830
+
6831
+ .premium-image-button-overlap-effect-horizontal:hover:before {
6832
+ -webkit-animation-name: premium-overlap-effect;
6833
+ animation-name: premium-overlap-effect;
6834
+ -webkit-animation-duration: 1s;
6835
+ animation-duration: 1s;
6836
+ }
6837
+
6838
+ .premium-image-button-overlap-effect-vertical:hover:before {
6839
+ -webkit-animation-name: premium-overlap-ver-effect;
6840
+ animation-name: premium-overlap-ver-effect;
6841
+ -webkit-animation-duration: 1s;
6842
+ animation-duration: 1s;
6843
+ }
6844
+
6845
+ @-webkit-keyframes premium-overlap-effect {
6846
+ 0% {
6847
+ opacity: 0;
6848
+ -webkit-transform: rotateY(0deg);
6849
+ transform: rotateY(0deg);
6850
+ }
6851
+
6852
+ 50% {
6853
+ opacity: 1;
6854
+ -webkit-transform: rotateY(180deg);
6855
+ transform: rotateY(180deg);
6856
+ }
6857
+
6858
+ 100% {
6859
+ opacity: 0;
6860
+ -webkit-transform: rotateY(360deg);
6861
+ transform: rotateY(360deg);
6862
+ }
6863
+ }
6864
+
6865
+ @keyframes premium-overlap-effect {
6866
+ 0% {
6867
+ opacity: 0;
6868
+ -webkit-transform: rotateY(0deg);
6869
+ transform: rotateY(0deg);
6870
+ }
6871
+
6872
+ 50% {
6873
+ opacity: 1;
6874
+ -webkit-transform: rotateY(180deg);
6875
+ transform: rotateY(180deg);
6876
+ }
6877
+
6878
+ 100% {
6879
+ opacity: 0;
6880
+ -webkit-transform: rotateY(360deg);
6881
+ transform: rotateY(360deg);
6882
+ }
6883
+ }
6884
+
6885
+ @-webkit-keyframes premium-overlap-effect-done {
6886
+ 0% {
6887
+ opacity: 0;
6888
+ -webkit-transform: rotateY(0deg);
6889
+ transform: rotateY(0deg);
6890
+ }
6891
+
6892
+ 50% {
6893
+ opacity: 1;
6894
+ -webkit-transform: rotateY(180deg);
6895
+ transform: rotateY(180deg);
6896
+ }
6897
+
6898
+ 100% {
6899
+ opacity: 0;
6900
+ -webkit-transform: rotateY(360deg);
6901
+ transform: rotateY(360deg);
6902
+ }
6903
+ }
6904
+
6905
+ @keyframes premium-overlap-effect-done {
6906
+ 0% {
6907
+ opacity: 0;
6908
+ -webkit-transform: rotateY(0deg);
6909
+ transform: rotateY(0deg);
6910
+ }
6911
+
6912
+ 50% {
6913
+ opacity: 1;
6914
+ -webkit-transform: rotateY(180deg);
6915
+ transform: rotateY(180deg);
6916
+ }
6917
+
6918
+ 100% {
6919
+ opacity: 0;
6920
+ -webkit-transform: rotateY(360deg);
6921
+ transform: rotateY(360deg);
6922
+ }
6923
+ }
6924
+
6925
+ @-webkit-keyframes premium-overlap-ver-effect {
6926
+ 0% {
6927
+ opacity: 0;
6928
+ -webkit-transform: rotateX(0deg);
6929
+ transform: rotateX(0deg);
6930
+ }
6931
+
6932
+ 50% {
6933
+ opacity: 1;
6934
+ -webkit-transform: rotateX(180deg);
6935
+ transform: rotateX(180deg);
6936
+ }
6937
+
6938
+ 100% {
6939
+ opacity: 0;
6940
+ -webkit-transform: rotateX(360deg);
6941
+ transform: rotateX(360deg);
6942
+ }
6943
+ }
6944
+
6945
+ @keyframes premium-overlap-ver-effect {
6946
+ 0% {
6947
+ opacity: 0;
6948
+ -webkit-transform: rotateX(0deg);
6949
+ transform: rotateX(0deg);
6950
+ }
6951
+
6952
+ 50% {
6953
+ opacity: 1;
6954
+ -webkit-transform: rotateX(180deg);
6955
+ transform: rotateX(180deg);
6956
+ }
6957
+
6958
+ 100% {
6959
+ opacity: 0;
6960
+ -webkit-transform: rotateX(360deg);
6961
+ transform: rotateX(360deg);
6962
+ }
6963
+ }
6964
+
6965
+ @-webkit-keyframes premium-overlap-ver-effect-done {
6966
+ 0% {
6967
+ opacity: 0;
6968
+ -webkit-transform: rotateX(0deg);
6969
+ transform: rotateX(0deg);
6970
+ }
6971
+
6972
+ 50% {
6973
+ opacity: 1;
6974
+ -webkit-transform: rotateX(180deg);
6975
+ transform: rotateX(180deg);
6976
+ }
6977
+
6978
+ 100% {
6979
+ opacity: 0;
6980
+ -webkit-transform: rotateX(360deg);
6981
+ transform: rotateX(360deg);
6982
+ }
6983
+ }
6984
+
6985
+ @keyframes premium-overlap-ver-effect-done {
6986
+ 0% {
6987
+ opacity: 0;
6988
+ -webkit-transform: rotateX(0deg);
6989
+ transform: rotateX(0deg);
6990
+ }
6991
+
6992
+ 50% {
6993
+ opacity: 1;
6994
+ -webkit-transform: rotateX(180deg);
6995
+ transform: rotateX(180deg);
6996
+ }
6997
+
6998
+ 100% {
6999
+ opacity: 0;
7000
+ -webkit-transform: rotateX(360deg);
7001
+ transform: rotateX(360deg);
7002
+ }
7003
+ }
7004
+
7005
+ /******** Premium Media Grid ********/
7006
+ /************************************/
7007
+ .premium-img-gallery-filter,
7008
+ .premium-blog-filter {
7009
+ display: -webkit-box;
7010
+ display: -webkit-flex;
7011
+ display: -ms-flexbox;
7012
+ -js-display: flex;
7013
+ display: -moz-box;
7014
+ display: flex;
7015
+ -webkit-box-align: center;
7016
+ -webkit-align-items: center;
7017
+ -moz-box-align: center;
7018
+ -ms-flex-align: center;
7019
+ align-items: center;
7020
+ -webkit-box-pack: center;
7021
+ -webkit-justify-content: center;
7022
+ -moz-box-pack: center;
7023
+ -ms-flex-pack: center;
7024
+ justify-content: center;
7025
+ }
7026
+
7027
+ .premium-img-gallery {
7028
+ clear: both;
7029
+ overflow: hidden;
7030
+ }
7031
+
7032
+ .premium-gallery-container .premium-gallery-item {
7033
+ padding: 10px;
7034
+ float: right;
7035
+ /* Google Chrome isotope issue */
7036
+ }
7037
+
7038
+ .premium-gallery-container .grid-sizer {
7039
+ width: 33.33%;
7040
+ }
7041
+
7042
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
7043
+ .premium-blog-filter .premium-blog-filters-container li a.category {
7044
+ outline: none;
7045
+ text-decoration: none;
7046
+ -webkit-border-radius: 75px;
7047
+ border-radius: 75px;
7048
+ margin: 15px 5px 20px;
7049
+ padding: 7px 20px;
7050
+ -webkit-transition: all 0.3s ease-in-out;
7051
+ transition: all 0.3s ease-in-out;
7052
+ }
7053
+
7054
+ .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
7055
+ -webkit-transition: all 0.3s ease-in-out;
7056
+ transition: all 0.3s ease-in-out;
7057
+ }
7058
+
7059
+ .pa-gallery-img {
7060
+ position: relative;
7061
+ }
7062
+
7063
+ .pa-gallery-img .pa-gallery-whole-link {
7064
+ position: absolute;
7065
+ top: 0;
7066
+ right: 0;
7067
+ width: 100%;
7068
+ height: 100%;
7069
+ }
7070
+
7071
+ .pa-gallery-img.style2 .pa-gallery-whole-link {
7072
+ z-index: 99;
7073
+ }
7074
+
7075
+ .pa-gallery-img-container {
7076
+ overflow: hidden;
7077
+ -webkit-backface-visibility: hidden;
7078
+ -moz-backface-visibility: hidden;
7079
+ -webkit-transform: translate3d(0, 0, 0);
7080
+ transform: translate3d(0, 0, 0);
7081
+ }
7082
+
7083
+ .pa-gallery-img-container img {
7084
+ display: block;
7085
+ width: 100%;
7086
+ -webkit-transition: all 0.3s ease-in-out;
7087
+ transition: all 0.3s ease-in-out;
7088
+ }
7089
+
7090
+ .premium-img-gallery.gray img {
7091
+ -webkit-filter: grayscale(100%);
7092
+ filter: grayscale(100%);
7093
+ }
7094
+
7095
+ .premium-img-gallery.zoomout img,
7096
+ .premium-img-gallery.scale img {
7097
+ -webkit-transform: scale(1.2);
7098
+ -ms-transform: scale(1.2);
7099
+ transform: scale(1.2);
7100
+ }
7101
+
7102
+ .premium-img-gallery.sepia img {
7103
+ -webkit-filter: sepia(30%);
7104
+ filter: sepia(30%);
7105
+ }
7106
+
7107
+ .premium-img-gallery.bright img {
7108
+ -webkit-filter: brightness(1);
7109
+ filter: brightness(1);
7110
+ }
7111
+
7112
+ .premium-img-gallery.trans img {
7113
+ -webkit-transform: translateX(15px) scale(1.1);
7114
+ -ms-transform: translateX(15px) scale(1.1);
7115
+ transform: translateX(15px) scale(1.1);
7116
+ }
7117
+
7118
+ .pa-gallery-img .pa-gallery-magnific-image,
7119
+ .pa-gallery-img .pa-gallery-img-link {
7120
+ outline: none;
7121
+ }
7122
+
7123
+ .pa-gallery-img .pa-gallery-magnific-image i,
7124
+ .pa-gallery-img .pa-gallery-magnific-image svg,
7125
+ .pa-gallery-img .pa-gallery-img-link i,
7126
+ .pa-gallery-img .pa-gallery-img-link svg {
7127
+ -webkit-transition: all 0.3s ease-in-out;
7128
+ transition: all 0.3s ease-in-out;
7129
+ }
7130
+
7131
+ .pa-gallery-img .pa-gallery-magnific-image span,
7132
+ .pa-gallery-img .pa-gallery-img-link span {
7133
+ line-height: 1;
7134
+ display: inline-block;
7135
+ opacity: 0;
7136
+ margin: 0 5px;
7137
+ padding: 15px;
7138
+ -webkit-border-radius: 50%;
7139
+ border-radius: 50%;
7140
+ }
7141
+
7142
+ .pa-gallery-img.style2 .pa-gallery-magnific-image span,
7143
+ .pa-gallery-img.style2 .pa-gallery-img-link span {
7144
+ margin: 0 5px 20px;
7145
+ }
7146
+
7147
+ .pa-gallery-img:hover .pa-gallery-magnific-image span {
7148
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7149
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
7150
+ }
7151
+
7152
+ .pa-gallery-img:hover .pa-gallery-img-link span {
7153
+ -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7154
+ transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
7155
+ }
7156
+
7157
+ .pa-gallery-img:hover .pa-gallery-magnific-image span,
7158
+ .pa-gallery-img:hover .pa-gallery-img-link span,
7159
+ .premium-gallery-icon-show a.pa-gallery-video-icon span {
7160
+ opacity: 1;
7161
+ }
7162
+
7163
+ .premium-img-gallery-filter ul.premium-gallery-cats-container,
7164
+ .premium-blog-filter ul.premium-blog-filters-container {
7165
+ text-align: center;
7166
+ margin: 0;
7167
+ padding: 0;
7168
+ }
7169
+
7170
+ .premium-img-gallery-filter .premium-gallery-cats-container li,
7171
+ .premium-blog-filter .premium-blog-filters-container li {
7172
+ list-style: none;
7173
+ display: -webkit-inline-box;
7174
+ display: -webkit-inline-flex;
7175
+ display: -ms-inline-flexbox;
7176
+ -js-display: inline-flex;
7177
+ display: -moz-inline-box;
7178
+ display: inline-flex;
7179
+ }
7180
+
7181
+ .premium-img-gallery.zoomin .pa-gallery-img:hover img {
7182
+ -webkit-transform: scale(1.1);
7183
+ -ms-transform: scale(1.1);
7184
+ transform: scale(1.1);
7185
+ }
7186
+
7187
+ .premium-img-gallery.zoomout .pa-gallery-img:hover img {
7188
+ -webkit-transform: scale(1);
7189
+ -ms-transform: scale(1);
7190
+ transform: scale(1);
7191
+ }
7192
+
7193
+ .premium-img-gallery.scale .pa-gallery-img:hover img {
7194
+ -webkit-transform: scale(1.3) rotate(-5deg);
7195
+ -ms-transform: scale(1.3) rotate(-5deg);
7196
+ transform: scale(1.3) rotate(-5deg);
7197
+ }
7198
+
7199
+ .premium-img-gallery.gray .pa-gallery-img:hover img {
7200
+ -webkit-filter: grayscale(0%);
7201
+ filter: grayscale(0%);
7202
+ }
7203
+
7204
+ .premium-img-gallery.blur .pa-gallery-img:hover img {
7205
+ -webkit-filter: blur(3px);
7206
+ filter: blur(3px);
7207
+ }
7208
+
7209
+ .premium-img-gallery.sepia .pa-gallery-img:hover img {
7210
+ -webkit-filter: sepia(0%);
7211
+ filter: sepia(0%);
7212
+ }
7213
+
7214
+ .premium-img-gallery.trans .pa-gallery-img:hover img {
7215
+ -webkit-transform: translateX(0px) scale(1.1);
7216
+ -ms-transform: translateX(0px) scale(1.1);
7217
+ transform: translateX(0px) scale(1.1);
7218
+ }
7219
+
7220
+ .premium-img-gallery.bright .pa-gallery-img:hover img {
7221
+ -webkit-filter: brightness(1.2);
7222
+ filter: brightness(1.2);
7223
+ }
7224
+
7225
+ .pa-gallery-img .premium-gallery-caption {
7226
+ padding: 10px;
7227
+ }
7228
+
7229
+ .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
7230
+ margin-bottom: 0;
7231
+ }
7232
+
7233
+ .pa-gallery-img.style1 {
7234
+ overflow: hidden;
7235
+ }
7236
+
7237
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
7238
+ position: absolute;
7239
+ top: 0;
7240
+ right: 0;
7241
+ width: 100%;
7242
+ height: 100%;
7243
+ -webkit-transition: all 0.3s ease-in-out;
7244
+ transition: all 0.3s ease-in-out;
7245
+ }
7246
+
7247
+ .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
7248
+ position: absolute;
7249
+ top: 33.33%;
7250
+ width: 100%;
7251
+ text-align: center;
7252
+ -webkit-transform: translateY(-50%);
7253
+ -ms-transform: translateY(-50%);
7254
+ transform: translateY(-50%);
7255
+ z-index: 999;
7256
+ }
7257
+
7258
+ .premium-blog-post-container .premium-blog-entry-container {
7259
+ margin: 0 !important;
7260
+ }
7261
+
7262
+ .pa-gallery-img.style1 .premium-gallery-caption {
7263
+ position: absolute;
7264
+ top: auto;
7265
+ left: 0;
7266
+ right: 0;
7267
+ width: 100%;
7268
+ -webkit-transition: all 500ms ease 0s;
7269
+ transition: all 500ms ease 0s;
7270
+ -webkit-transform: translate3d(0, 100%, 0);
7271
+ -ms-transform: translate3d(0, 100%, 0);
7272
+ transform: translate3d(0, 100%, 0);
7273
+ }
7274
+
7275
+ .pa-gallery-img.default .premium-gallery-caption {
7276
+ position: absolute;
7277
+ top: auto;
7278
+ left: 0;
7279
+ right: 0;
7280
+ width: 100%;
7281
+ bottom: 0;
7282
+ }
7283
+
7284
+ .pa-gallery-img.style1:hover .premium-gallery-caption {
7285
+ -webkit-transform: translate3d(0, 0, 0);
7286
+ -ms-transform: translate3d(0, 0, 0);
7287
+ transform: translate3d(0, 0, 0);
7288
+ bottom: -1px !important;
7289
+ }
7290
+
7291
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
7292
+ position: absolute;
7293
+ top: 0;
7294
+ right: 0;
7295
+ width: 100%;
7296
+ height: 100%;
7297
+ opacity: 0;
7298
+ -webkit-backface-visibility: hidden;
7299
+ backface-visibility: hidden;
7300
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
7301
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
7302
+ transition: opacity 0.3s, -webkit-transform 0.3s;
7303
+ transition: transform 0.3s, opacity 0.3s;
7304
+ transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
7305
+ z-index: 1;
7306
+ background-color: rgba(108, 191, 226, 0.68);
7307
+ display: -webkit-box;
7308
+ display: -webkit-flex;
7309
+ display: -ms-flexbox;
7310
+ -js-display: flex;
7311
+ display: -moz-box;
7312
+ display: flex;
7313
+ text-align: center;
7314
+ -webkit-box-align: center;
7315
+ -webkit-align-items: center;
7316
+ -moz-box-align: center;
7317
+ -ms-flex-align: center;
7318
+ align-items: center;
7319
+ }
7320
+
7321
+ .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
7322
+ width: 100%;
7323
+ }
7324
+
7325
+ .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
7326
+ opacity: 1;
7327
+ -webkit-transform: translate(-15px, 15px);
7328
+ -ms-transform: translate(-15px, 15px);
7329
+ transform: translate(-15px, 15px);
7330
+ }
7331
+
7332
+ .premium-clearfix {
7333
+ clear: both;
7334
+ }
7335
+
7336
+ .premium-gallery-container .pa-gallery-item {
7337
+ padding: 10px;
7338
+ }
7339
+
7340
+ /**
7341
+ * Metro Layout
7342
+ */
7343
+ .premium-img-gallery-metro .premium-gallery-item {
7344
+ overflow: hidden;
7345
+ }
7346
+
7347
+ .premium-img-gallery-metro .pa-gallery-img {
7348
+ height: 100%;
7349
+ }
7350
+
7351
+ .premium-img-gallery-metro .pa-gallery-img-container {
7352
+ height: 100%;
7353
+ }
7354
+
7355
+ .premium-img-gallery-metro .pa-gallery-img-container img {
7356
+ min-height: 100%;
7357
+ width: 100%;
7358
+ -o-object-fit: fill;
7359
+ object-fit: fill;
7360
+ }
7361
+
7362
+ .premium-img-gallery .premium-gallery-item-hidden {
7363
+ visibility: hidden;
7364
+ width: 0 !important;
7365
+ height: 0 !important;
7366
+ margin: 0 !important;
7367
+ padding: 0 !important;
7368
+ }
7369
+
7370
+ .premium-gallery-load-more .premium-gallery-load-more-btn {
7371
+ -webkit-box-shadow: none;
7372
+ box-shadow: none;
7373
+ text-shadow: none;
7374
+ border: none;
7375
+ outline: none;
7376
+ -webkit-box-align: center;
7377
+ -ms-flex-align: center;
7378
+ -webkit-align-items: center;
7379
+ -moz-box-align: center;
7380
+ align-items: center;
7381
+ vertical-align: bottom;
7382
+ cursor: pointer;
7383
+ line-height: 1;
7384
+ font-style: normal;
7385
+ font-weight: normal;
7386
+ background-image: none;
7387
+ color: #fff;
7388
+ -webkit-transition: all 0.3s ease-in-out;
7389
+ transition: all 0.3s ease-in-out;
7390
+ }
7391
+
7392
+ .premium-gallery-load-more-btn {
7393
+ display: -webkit-inline-box;
7394
+ display: -webkit-inline-flex;
7395
+ display: -ms-inline-flexbox;
7396
+ -js-display: inline-flex;
7397
+ display: -moz-inline-box;
7398
+ display: inline-flex;
7399
+ -webkit-box-align: center;
7400
+ -webkit-align-items: center;
7401
+ -moz-box-align: center;
7402
+ -ms-flex-align: center;
7403
+ align-items: center;
7404
+ }
7405
+
7406
+ .premium-loader {
7407
+ border: 3px solid #f3f3f3;
7408
+ border-top-width: 3px;
7409
+ border-top-style: solid;
7410
+ border-top-color: rgb(243, 243, 243);
7411
+ -webkit-border-radius: 50%;
7412
+ border-radius: 50%;
7413
+ border-top: 3px solid;
7414
+ border-top-color: #bbb;
7415
+ width: 30px;
7416
+ height: 30px;
7417
+ -webkit-animation: spin 2s linear infinite;
7418
+ animation: spin 2s linear infinite;
7419
+ margin: 0 auto;
7420
+ }
7421
+
7422
+ .premium-gallery-load-more-btn div {
7423
+ margin-right: 3px;
7424
+ }
7425
+
7426
+ .premium-gallery-load-more-btn .premium-loader {
7427
+ display: inline-block;
7428
+ width: 20px;
7429
+ height: 20px;
7430
+ }
7431
+
7432
+ /** * Video */
7433
+ .pa-gallery-img .pa-gallery-lightbox-wrap {
7434
+ display: inline-block;
7435
+ }
7436
+
7437
+ .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
7438
+ .pa-gallery-img .pa-gallery-video-icon {
7439
+ cursor: pointer;
7440
+ }
7441
+
7442
+ .pa-gallery-img-container iframe,
7443
+ .pa-gallery-img-container video {
7444
+ position: absolute;
7445
+ visibility: hidden;
7446
+ top: 0;
7447
+ right: 0;
7448
+ max-width: 100%;
7449
+ width: 100%;
7450
+ height: 100%;
7451
+ margin: 0;
7452
+ line-height: 1;
7453
+ border: none;
7454
+ }
7455
+
7456
+ .pa-gallery-img-container video {
7457
+ -o-object-fit: contain;
7458
+ object-fit: contain;
7459
+ }
7460
+
7461
+ .pa-gallery-icons-inner-container svg,
7462
+ .pa-gallery-icons-caption-cell svg {
7463
+ width: 14px;
7464
+ height: 14px;
7465
+ }
7466
+
7467
+ .premium-gallery-gradient-layer {
7468
+ position: absolute;
7469
+ bottom: 40px;
7470
+ width: 100%;
7471
+ height: 20px;
7472
+ background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
7473
+ background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7474
+ background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%);
7475
+ }
7476
+
7477
+ @-webkit-keyframes spin {
7478
+ 0% {
7479
+ -webkit-transform: rotate(0deg);
7480
+ }
7481
+
7482
+ 100% {
7483
+ -webkit-transform: rotate(-360deg);
7484
+ }
7485
+ }
7486
+
7487
+ @keyframes spin {
7488
+ 0% {
7489
+ -webkit-transform: rotate(0deg);
7490
+ transform: rotate(0deg);
7491
+ }
7492
+
7493
+ 100% {
7494
+ -webkit-transform: rotate(-360deg);
7495
+ transform: rotate(-360deg);
7496
+ }
7497
+ }
7498
+
7499
+ /************ Premium Vertical Scroll ************/
7500
+ /*************************************************/
7501
+ .premium-vscroll-inner {
7502
+ position: relative;
7503
+ /* overflow: hidden;
7504
+ */
7505
+ min-height: 100%;
7506
+ }
7507
+
7508
+ .premium-vscroll-inner .premium-vscroll-dots {
7509
+ position: fixed;
7510
+ z-index: 100;
7511
+ opacity: 1;
7512
+ margin-top: -32px;
7513
+ -webkit-transition: all 0.3s ease-in-out;
7514
+ transition: all 0.3s ease-in-out;
7515
+ }
7516
+
7517
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7518
+ opacity: 1;
7519
+ -webkit-transition: all 0.3s ease-in-out;
7520
+ transition: all 0.3s ease-in-out;
7521
+ }
7522
+
7523
+ .premium-vscroll-inner .premium-vscroll-dots,
7524
+ .premium-vscroll-wrap .premium-vscroll-dots-hide {
7525
+ opacity: 0;
7526
+ visibility: hidden;
7527
+ }
7528
+
7529
+ .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots {
7530
+ opacity: 1;
7531
+ visibility: visible;
7532
+ }
7533
+
7534
+ .premium-vscroll-dots.middle {
7535
+ top: 50%;
7536
+ }
7537
+
7538
+ .premium-vscroll-dots.top {
7539
+ top: 40px;
7540
+ }
7541
+
7542
+ .premium-vscroll-dots.bottom {
7543
+ bottom: 30px;
7544
+ }
7545
+
7546
+ .premium-vscroll-dots.right {
7547
+ left: 17px;
7548
+ }
7549
+
7550
+ .premium-vscroll-dots.left {
7551
+ right: 17px;
7552
+ }
7553
+
7554
+ .premium-vscroll-inner ul.premium-vscroll-dots-list,
7555
+ .premium-vscroll-wrap .premium-vscroll-nav-menu {
7556
+ margin: 0 !important;
7557
+ padding: 0;
7558
+ }
7559
+
7560
+ .premium-vscroll-inner ul.premium-vscroll-dots-list li {
7561
+ width: 14px;
7562
+ height: 13px;
7563
+ margin: 7px;
7564
+ position: relative;
7565
+ display: -webkit-box;
7566
+ display: -webkit-flex;
7567
+ display: -ms-flexbox;
7568
+ -js-display: flex;
7569
+ display: -moz-box;
7570
+ display: flex;
7571
+ -webkit-box-pack: center;
7572
+ -ms-flex-pack: center;
7573
+ -webkit-justify-content: center;
7574
+ -moz-box-pack: center;
7575
+ justify-content: center;
7576
+ -webkit-box-align: center;
7577
+ -ms-flex-align: center;
7578
+ -webkit-align-items: center;
7579
+ -moz-box-align: center;
7580
+ align-items: center;
7581
+ overflow: visible;
7582
+ }
7583
+
7584
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
7585
+ display: block;
7586
+ position: relative;
7587
+ z-index: 1;
7588
+ width: 100%;
7589
+ height: 100%;
7590
+ cursor: pointer;
7591
+ text-decoration: none;
7592
+ }
7593
+
7594
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
7595
+ top: 2px;
7596
+ right: 2.5px;
7597
+ width: 8px;
7598
+ height: 8px;
7599
+ border: 1px solid #000;
7600
+ -webkit-border-radius: 50%;
7601
+ border-radius: 50%;
7602
+ position: absolute;
7603
+ z-index: 1;
7604
+ -webkit-transition: all 0.3s ease-in-out;
7605
+ transition: all 0.3s ease-in-out;
7606
+ }
7607
+
7608
+ .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
7609
+ -webkit-transform: scale(1.6);
7610
+ -ms-transform: scale(1.6);
7611
+ transform: scale(1.6);
7612
+ }
7613
+
7614
+ .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
7615
+ position: absolute;
7616
+ color: #fff;
7617
+ font-size: 14px;
7618
+ font-family: arial, helvetica, sans-serif;
7619
+ white-space: nowrap;
7620
+ max-width: 220px;
7621
+ padding-right: 0.4em;
7622
+ padding-left: 0.4em;
7623
+ }
7624
+
7625
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
7626
+ left: 27px;
7627
+ }
7628
+
7629
+ /* * Lines */
7630
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
7631
+ width: 4px;
7632
+ height: 30px;
7633
+ }
7634
+
7635
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
7636
+ width: 100%;
7637
+ height: 100%;
7638
+ -webkit-border-radius: 0;
7639
+ border-radius: 0;
7640
+ }
7641
+
7642
+ .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
7643
+ -webkit-transform: scale(1);
7644
+ -ms-transform: scale(1);
7645
+ transform: scale(1);
7646
+ }
7647
+
7648
+ @media (max-width: 768px) {
7649
+ .premium-vscroll-dots.right {
7650
+ left: 7px;
7651
+ }
7652
+
7653
+ .premium-vscroll-dots.left {
7654
+ right: 7px;
7655
+ }
7656
+ }
7657
+
7658
+ .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
7659
+ position: absolute;
7660
+ top: 50%;
7661
+ content: "";
7662
+ right: -webkit-calc(100% - 1px);
7663
+ right: calc(100% - 1px);
7664
+ width: 10px;
7665
+ height: 0;
7666
+ border-top: 6px solid transparent;
7667
+ border-bottom: 6px solid transparent;
7668
+ border-right: 6px solid;
7669
+ -webkit-transform: translateY(-50%);
7670
+ -ms-transform: translateY(-50%);
7671
+ transform: translateY(-50%);
7672
+ }
7673
+
7674
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
7675
+ position: absolute;
7676
+ top: 50%;
7677
+ content: "";
7678
+ left: -webkit-calc(100% - 1px);
7679
+ left: calc(100% - 1px);
7680
+ width: 10px;
7681
+ height: 0;
7682
+ border-top: 6px solid transparent;
7683
+ border-bottom: 6px solid transparent;
7684
+ border-left: 6px solid;
7685
+ -webkit-transform: translateY(-50%);
7686
+ -ms-transform: translateY(-50%);
7687
+ transform: translateY(-50%);
7688
+ }
7689
+
7690
+ .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
7691
+ right: 27px;
7692
+ }
7693
+
7694
+ .premium-vscroll-nav-menu {
7695
+ position: fixed;
7696
+ top: 20px;
7697
+ height: 40px;
7698
+ z-index: 100;
7699
+ padding: 0;
7700
+ margin: 0;
7701
+ }
7702
+
7703
+ .premium-vscroll-nav-menu.left {
7704
+ right: 0;
7705
+ }
7706
+
7707
+ .premium-vscroll-nav-menu.right {
7708
+ left: 0;
7709
+ }
7710
+
7711
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item {
7712
+ display: inline-block;
7713
+ margin: 10px;
7714
+ color: #000;
7715
+ background: #fff;
7716
+ background: rgba(255, 255, 255, 0.3);
7717
+ }
7718
+
7719
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
7720
+ padding: 9px 18px;
7721
+ display: block;
7722
+ cursor: pointer;
7723
+ }
7724
+
7725
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link,
7726
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
7727
+ color: #000;
7728
+ }
7729
+
7730
+ .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus,
7731
+ .multiscroll-nav li a:focus {
7732
+ outline: none;
7733
+ }
7734
+
7735
+ .premium-vscroll-temp .slimScrollBar {
7736
+ visibility: hidden;
7737
+ }
7738
+
7739
+ /************ Premium Image Scroll ***************/
7740
+ /*************************************************/
7741
+ .premium-image-scroll-section,
7742
+ .premium-image-scroll-container {
7743
+ -webkit-transition: all 0.3s ease-in-out;
7744
+ transition: all 0.3s ease-in-out;
7745
+ }
7746
+
7747
+ .premium-image-scroll-section {
7748
+ position: relative;
7749
+ overflow: hidden;
7750
+ width: 100%;
7751
+ -webkit-mask-image: -webkit-radial-gradient(white, black);
7752
+ }
7753
+
7754
+ .premium-image-scroll-container {
7755
+ width: 100%;
7756
+ }
7757
+
7758
+ .premium-image-scroll-container .premium-image-scroll-mask-media {
7759
+ -webkit-mask-repeat: no-repeat;
7760
+ mask-repeat: no-repeat;
7761
+ -webkit-mask-position: center;
7762
+ mask-position: center;
7763
+ }
7764
+
7765
+ .premium-container-scroll {
7766
+ overflow: auto;
7767
+ }
7768
+
7769
+ .premium-image-scroll-container .premium-image-scroll-horizontal {
7770
+ position: relative;
7771
+ width: 100%;
7772
+ height: 100%;
7773
+ }
7774
+
7775
+ .premium-image-scroll-container .premium-image-scroll-horizontal img {
7776
+ max-width: none;
7777
+ height: 100%;
7778
+ }
7779
+
7780
+ .premium-image-scroll-container .premium-image-scroll-vertical img {
7781
+ width: 100%;
7782
+ max-width: 100%;
7783
+ height: auto;
7784
+ }
7785
+
7786
+ .premium-image-scroll-ver {
7787
+ position: relative;
7788
+ }
7789
+
7790
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7791
+ background: rgba(2, 2, 2, 0.3);
7792
+ }
7793
+
7794
+ .premium-image-scroll-container .premium-image-scroll-link,
7795
+ .premium-image-scroll-container .premium-image-scroll-overlay {
7796
+ position: absolute;
7797
+ top: 0;
7798
+ bottom: 0;
7799
+ right: 0;
7800
+ left: 0;
7801
+ z-index: 4;
7802
+ }
7803
+
7804
+ .premium-image-scroll-content {
7805
+ display: inline-block;
7806
+ position: absolute;
7807
+ height: auto;
7808
+ top: 50%;
7809
+ right: 50%;
7810
+ text-align: center;
7811
+ z-index: 5;
7812
+ -webkit-transform: translate(50%, -50%);
7813
+ -ms-transform: translate(50%, -50%);
7814
+ transform: translate(50%, -50%);
7815
+ }
7816
+
7817
+ .premium-container-scroll-instant .premium-image-scroll-image {
7818
+ -webkit-transition: all 0s ease-in-out !important;
7819
+ transition: all 0s ease-in-out !important;
7820
+ }
7821
+
7822
+ .premium-image-scroll-container img {
7823
+ -webkit-transition: -webkit-transform 3s ease-in-out;
7824
+ transition: -webkit-transform 3s ease-in-out;
7825
+ transition: transform 3s ease-in-out;
7826
+ transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out;
7827
+ }
7828
+
7829
+ .premium-image-scroll-container .premium-image-scroll-overlay,
7830
+ .premium-image-scroll-container .premium-image-scroll-content {
7831
+ -webkit-transition: all 0.3s ease-in-out;
7832
+ transition: all 0.3s ease-in-out;
7833
+ opacity: 1;
7834
+ }
7835
+
7836
+ .premium-image-scroll-container:hover .premium-image-scroll-overlay {
7837
+ opacity: 0;
7838
+ }
7839
+
7840
+ .premium-image-scroll-container:hover .premium-image-scroll-content {
7841
+ opacity: 0;
7842
+ visibility: hidden;
7843
+ }
7844
+
7845
+ .premium-image-scroll-content .premium-image-scroll-icon {
7846
+ display: inline-block;
7847
+ font-family: "pa-elements" !important;
7848
+ speak: none;
7849
+ font-style: normal;
7850
+ font-weight: normal;
7851
+ font-variant: normal;
7852
+ text-transform: none;
7853
+ line-height: 1;
7854
+ -webkit-font-smoothing: antialiased;
7855
+ -moz-osx-font-smoothing: grayscale;
7856
+ -webkit-animation-duration: 0.5s;
7857
+ animation-duration: 0.5s;
7858
+ -webkit-animation-iteration-count: infinite;
7859
+ animation-iteration-count: infinite;
7860
+ -webkit-animation-direction: alternate;
7861
+ animation-direction: alternate;
7862
+ -webkit-animation-timing-function: ease-in-out;
7863
+ animation-timing-function: ease-in-out;
7864
+ }
7865
+
7866
+ .pa-horizontal-mouse-scroll:before {
7867
+ content: "\e917";
7868
+ }
7869
+
7870
+ .pa-vertical-mouse-scroll:before {
7871
+ content: "\e918";
7872
+ }
7873
+
7874
+ .pa-horizontal-mouse-scroll {
7875
+ -webkit-animation-name: pa-scroll-horizontal;
7876
+ animation-name: pa-scroll-horizontal;
7877
+ }
7878
+
7879
+ .pa-vertical-mouse-scroll {
7880
+ -webkit-animation-name: pa-scroll-vertical;
7881
+ animation-name: pa-scroll-vertical;
7882
+ }
7883
+
7884
+ @-webkit-keyframes pa-scroll-vertical {
7885
+ 0% {
7886
+ -webkit-transform: translateY(0px);
7887
+ transform: translateY(0px);
7888
+ }
7889
+
7890
+ 100% {
7891
+ -webkit-transform: translateY(5px);
7892
+ transform: translateY(5px);
7893
+ }
7894
+ }
7895
+
7896
+ @keyframes pa-scroll-vertical {
7897
+ 0% {
7898
+ -webkit-transform: translateY(0px);
7899
+ transform: translateY(0px);
7900
+ }
7901
+
7902
+ 100% {
7903
+ -webkit-transform: translateY(5px);
7904
+ transform: translateY(5px);
7905
+ }
7906
+ }
7907
+
7908
+ @-webkit-keyframes pa-scroll-horizontal {
7909
+ 0% {
7910
+ -webkit-transform: translateX(0px);
7911
+ transform: translateX(0px);
7912
+ }
7913
+
7914
+ 100% {
7915
+ -webkit-transform: translateX(-5px);
7916
+ transform: translateX(-5px);
7917
+ }
7918
+ }
7919
+
7920
+ @keyframes pa-scroll-horizontal {
7921
+ 0% {
7922
+ -webkit-transform: translateX(0px);
7923
+ transform: translateX(0px);
7924
+ }
7925
+
7926
+ 100% {
7927
+ -webkit-transform: translateX(-5px);
7928
+ transform: translateX(-5px);
7929
+ }
7930
+ }
7931
+
7932
+ /********* Premium Lottie Animations **********/
7933
+ /**********************************************/
7934
+ .elementor-widget-premium-lottie .premium-lottie-animation {
7935
+ position: relative;
7936
+ -js-display: inline-flex;
7937
+ display: -webkit-inline-box;
7938
+ display: -webkit-inline-flex;
7939
+ display: -moz-inline-box;
7940
+ display: -ms-inline-flexbox;
7941
+ display: inline-flex;
7942
+ -webkit-transition: all 0.3s ease-in-out;
7943
+ transition: all 0.3s ease-in-out;
7944
+ }
7945
+
7946
+ .elementor-widget-premium-lottie .premium-lottie-animation a {
7947
+ position: absolute;
7948
+ left: 0;
7949
+ top: 0;
7950
+ width: 100%;
7951
+ height: 100%;
7952
+ z-index: 2;
7953
+ }
7954
+
7955
+ /**************** Premium Bullet List *****************/
7956
+ /******************************************************/
7957
+ .premium-bullet-list-box {
7958
+ -js-display: flex;
7959
+ display: -webkit-box;
7960
+ display: -webkit-flex;
7961
+ display: -moz-box;
7962
+ display: -ms-flexbox;
7963
+ display: flex;
7964
+ -webkit-flex-wrap: wrap;
7965
+ -ms-flex-wrap: wrap;
7966
+ flex-wrap: wrap;
7967
+ -webkit-box-orient: vertical;
7968
+ -webkit-box-direction: normal;
7969
+ -webkit-flex-direction: column;
7970
+ -moz-box-orient: vertical;
7971
+ -moz-box-direction: normal;
7972
+ -ms-flex-direction: column;
7973
+ flex-direction: column;
7974
+ }
7975
+
7976
+ .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
7977
+ -webkit-transform-origin: right center;
7978
+ -ms-transform-origin: right center;
7979
+ transform-origin: right center;
7980
+ }
7981
+
7982
+ .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
7983
+ -webkit-transform-origin: left center;
7984
+ -ms-transform-origin: left center;
7985
+ transform-origin: left center;
7986
+ }
7987
+
7988
+ .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
7989
+ -webkit-transform-origin: center center;
7990
+ -ms-transform-origin: center center;
7991
+ transform-origin: center center;
7992
+ }
7993
+
7994
+ .premium-bullet-list-content {
7995
+ -js-display: flex;
7996
+ display: -webkit-box;
7997
+ display: -webkit-flex;
7998
+ display: -moz-box;
7999
+ display: -ms-flexbox;
8000
+ display: flex;
8001
+ -webkit-transition: all 0.3s ease-in-out;
8002
+ transition: all 0.3s ease-in-out;
8003
+ width: auto;
8004
+ position: relative;
8005
+ }
8006
+
8007
+ .premium-bullet-list-content .premium-bullet-list-text span,
8008
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8009
+ display: inline-block;
8010
+ -webkit-align-self: center;
8011
+ -ms-flex-item-align: center;
8012
+ align-self: center;
8013
+ -webkit-transition: all 0.3s ease-in-out;
8014
+ transition: all 0.3s ease-in-out;
8015
+ }
8016
+
8017
+ .premium-bullet-list-content .premium-bullet-list-text span {
8018
+ margin: 0 5px;
8019
+ }
8020
+
8021
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8022
+ font-size: 18px;
8023
+ background-color: #eee;
8024
+ padding: 1px 5px;
8025
+ -webkit-border-radius: 2px;
8026
+ border-radius: 2px;
8027
+ }
8028
+
8029
+ .premium-bullet-list-content .premium-bullet-list-text span,
8030
+ .premium-bullet-list-content .premium-bullet-list-icon-text p,
8031
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8032
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg,
8033
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8034
+ -webkit-transition: all 0.3s ease-in-out;
8035
+ transition: all 0.3s ease-in-out;
8036
+ }
8037
+
8038
+ .premium-bullet-list-content .premium-bullet-list-wrapper {
8039
+ position: relative;
8040
+ line-height: 0;
8041
+ }
8042
+
8043
+ .premium-bullet-list-content .premium-bullet-list-wrapper img,
8044
+ .premium-bullet-list-content .premium-bullet-list-wrapper svg {
8045
+ width: 30px !important;
8046
+ height: 30px !important;
8047
+ position: relative;
8048
+ z-index: 500;
8049
+ }
8050
+
8051
+ .premium-bullet-list-content .premium-bullet-list-wrapper i {
8052
+ width: 1.25em;
8053
+ }
8054
+
8055
+ .premium-bullet-list-content .premium-bullet-list-wrapper i,
8056
+ .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
8057
+ position: relative;
8058
+ z-index: 500;
8059
+ }
8060
+
8061
+ .premium-bullet-list-content .premium-bullet-list-link {
8062
+ position: absolute;
8063
+ top: 0;
8064
+ right: 0;
8065
+ width: 100%;
8066
+ height: 100%;
8067
+ z-index: 1000;
8068
+ }
8069
+
8070
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
8071
+ width: 100%;
8072
+ height: 100%;
8073
+ position: absolute;
8074
+ top: 0.5em;
8075
+ z-index: 100;
8076
+ -js-display: flex;
8077
+ display: -webkit-box;
8078
+ display: -webkit-flex;
8079
+ display: -moz-box;
8080
+ display: -ms-flexbox;
8081
+ display: flex;
8082
+ -webkit-box-pack: center;
8083
+ -webkit-justify-content: center;
8084
+ -moz-box-pack: center;
8085
+ -ms-flex-pack: center;
8086
+ justify-content: center;
8087
+ }
8088
+
8089
+ .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
8090
+ content: "";
8091
+ border-left-width: 1px;
8092
+ border-left-style: solid;
8093
+ border-color: #333333;
8094
+ display: block;
8095
+ height: 100%;
8096
+ }
8097
+
8098
+ li.premium-bullet-list-content.premium-bullet-list-content-inline {
8099
+ -webkit-align-self: center;
8100
+ -ms-flex-item-align: center;
8101
+ align-self: center;
8102
+ z-index: 2;
8103
+ }
8104
+
8105
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
8106
+ margin: 0 3px;
8107
+ }
8108
+
8109
+ li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
8110
+ margin: 0 0 0 3px;
8111
+ }
8112
+
8113
+ .premium-bullet-list-divider:not(:last-child) {
8114
+ width: 100%;
8115
+ -webkit-box-flex: 0;
8116
+ -webkit-flex: 0 0 100%;
8117
+ -moz-box-flex: 0;
8118
+ -ms-flex: 0 0 100%;
8119
+ flex: 0 0 100%;
8120
+ overflow: hidden;
8121
+ }
8122
+
8123
+ .premium-bullet-list-divider:not(:last-child):after {
8124
+ content: "";
8125
+ display: block;
8126
+ border-top-style: solid;
8127
+ border-top-width: 1px;
8128
+ }
8129
+
8130
+ .premium-bullet-list-divider-inline:not(:last-child) {
8131
+ float: left;
8132
+ display: inline-block;
8133
+ position: relative;
8134
+ height: 100%;
8135
+ overflow: hidden;
8136
+ -webkit-align-self: center;
8137
+ -ms-flex-item-align: center;
8138
+ align-self: center;
8139
+ margin: 0 3px;
8140
+ }
8141
+
8142
+ .premium-bullet-list-divider-inline:not(:last-child):after {
8143
+ content: "";
8144
+ display: block;
8145
+ border-right-width: 1px;
8146
+ height: 33px;
8147
+ border-right-style: solid;
8148
+ }
8149
+
8150
+ .premium-bullet-list-icon-text {
8151
+ line-height: 1.5;
8152
+ }
8153
+
8154
+ .premium-bullet-list-icon-text p,
8155
+ ul.premium-bullet-list-box,
8156
+ li.premium-bullet-list-content {
8157
+ margin: 0;
8158
+ }
8159
+
8160
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
8161
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
8162
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
8163
+ color: transparent !important;
8164
+ text-shadow: 0 0 3px #aaa;
8165
+ }
8166
+
8167
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
8168
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
8169
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
8170
+ .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
8171
+ -webkit-filter: blur(3px);
8172
+ filter: blur(3px);
8173
+ }
8174
+
8175
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
8176
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
8177
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
8178
+ color: #aaa !important;
8179
+ text-shadow: 0 0px 0 transparent;
8180
+ }
8181
+
8182
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
8183
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
8184
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
8185
+ .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
8186
+ -webkit-filter: none;
8187
+ filter: none;
8188
+ }
8189
+
8190
+ .premium-bullet-list-content .premium-bullet-list-badge {
8191
+ font-size: 11px;
8192
+ top: auto;
8193
+ min-width: -webkit-max-content;
8194
+ min-width: -moz-max-content;
8195
+ min-width: max-content;
8196
+ height: -webkit-fit-content;
8197
+ height: -moz-fit-content;
8198
+ height: fit-content;
8199
+ }
8200
+
8201
+ .premium-bullet-list-content .premium-bullet-list-icon-text p {
8202
+ font-size: 13px;
8203
+ }
8204
+
8205
+ .premium-bullet-list-gradient-effect[data-text] {
8206
+ display: inline-block;
8207
+ position: relative;
8208
+ text-decoration: none;
8209
+ }
8210
+
8211
+ .premium-bullet-list-gradient-effect[data-text]::before {
8212
+ content: attr(data-text);
8213
+ position: absolute;
8214
+ z-index: 1;
8215
+ overflow: hidden;
8216
+ -webkit-clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8217
+ clip-path: polygon(100% 100%, 100% 100%, 50% 50%);
8218
+ -webkit-background-clip: text;
8219
+ background-clip: text;
8220
+ -webkit-text-fill-color: transparent;
8221
+ -webkit-transition: all 0.4s ease;
8222
+ transition: all 0.4s ease;
8223
+ }
8224
+
8225
+ .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
8226
+ .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
8227
+ -webkit-animation: rtlgradient 1s forwards;
8228
+ animation: rtlgradient 1s forwards;
8229
+ }
8230
+
8231
+ @-webkit-keyframes rtlgradient {
8232
+ 0% {
8233
+ -webkit-clip-path: circle(0% at 150% 50%);
8234
+ clip-path: circle(0% at 150% 50%);
8235
+ }
8236
+
8237
+ 100% {
8238
+ -webkit-clip-path: circle(100% at 50% 50%);
8239
+ clip-path: circle(100% at 50% 50%);
8240
+ }
8241
+ }
8242
+
8243
+ @keyframes rtlgradient {
8244
+ 0% {
8245
+ -webkit-clip-path: circle(0% at 150% 50%);
8246
+ clip-path: circle(0% at 150% 50%);
8247
+ }
8248
+
8249
+ 100% {
8250
+ -webkit-clip-path: circle(100% at 50% 50%);
8251
+ clip-path: circle(100% at 50% 50%);
8252
+ }
8253
+ }
8254
+
8255
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
8256
+ ul[data-list-animation*="animated-"] .premium-bullet-list-content,
8257
+ ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
8258
+ opacity: 0;
8259
+ }
8260
+
8261
+ .premium-bullet-list-content-grow-effect:hover {
8262
+ -webkit-transform: scale(1.07);
8263
+ -ms-transform: scale(1.07);
8264
+ transform: scale(1.07);
8265
+ }
8266
+
8267
+ @keyframes spin {
8268
+ 100% {
8269
+ -webkit-transform: rotate(360deg);
8270
+ transform: rotate(360deg);
8271
+ }
8272
+ }
8273
+
8274
+ /********** Premium Woo Products **********/
8275
+ /******************************************/
8276
+ .ast-single-post .entry-content .premium-woocommerce a {
8277
+ text-decoration: none;
8278
+ }
8279
+
8280
+ .premium-woocommerce .premium-woo-qv-btn {
8281
+ cursor: pointer;
8282
+ }
8283
+
8284
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
8285
+ margin: 0 auto 0.5em;
8286
+ }
8287
+
8288
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
8289
+ .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
8290
+ display: block;
8291
+ text-align: center;
8292
+ color: #fff;
8293
+ min-width: 2em;
8294
+ min-height: 2em;
8295
+ line-height: 2em;
8296
+ padding: 0.3em 0.6em;
8297
+ margin: 0.5em 0.6em;
8298
+ }
8299
+
8300
+ .premium-woocommerce .pa-out-of-stock {
8301
+ display: block;
8302
+ text-align: center;
8303
+ color: #fff;
8304
+ min-width: 2em;
8305
+ min-height: 2em;
8306
+ line-height: 2em;
8307
+ padding: 0.3em 0.6em;
8308
+ margin: 0.5em 0.6em;
8309
+ }
8310
+
8311
+ .premium-woocommerce .premium-woo-products-inner ul.products {
8312
+ -js-display: flex;
8313
+ display: -webkit-box;
8314
+ display: -webkit-flex;
8315
+ display: -moz-box;
8316
+ display: -ms-flexbox;
8317
+ display: flex;
8318
+ margin: 0;
8319
+ padding: 0;
8320
+ -webkit-flex-wrap: wrap;
8321
+ -ms-flex-wrap: wrap;
8322
+ flex-wrap: wrap;
8323
+ list-style: none outside;
8324
+ -webkit-column-gap: 0;
8325
+ -moz-column-gap: 0;
8326
+ column-gap: 0;
8327
+ }
8328
+
8329
+ .premium-woocommerce .premium-woo-products-inner ul.products li.product {
8330
+ margin: 0 0 10px;
8331
+ padding: 0 10px;
8332
+ }
8333
+
8334
+ .premium-woocommerce.premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
8335
+ overflow: hidden;
8336
+ -webkit-transition: all 0.3s ease-in-out;
8337
+ transition: all 0.3s ease-in-out;
8338
+ }
8339
+
8340
+ .premium-woocommerce .premium-woo-product-category {
8341
+ display: block;
8342
+ font-size: 0.85em;
8343
+ margin-bottom: 0.5em;
8344
+ line-height: 1.3;
8345
+ }
8346
+
8347
+ .premium-woocommerce .woocommerce-loop-product__title {
8348
+ margin-bottom: 0.5em;
8349
+ font-size: 1em;
8350
+ -webkit-transition: all 0.3s ease-in-out;
8351
+ transition: all 0.3s ease-in-out;
8352
+ }
8353
+
8354
+ .premium-woocommerce .woocommerce-loop-product__link {
8355
+ position: relative;
8356
+ display: block !important;
8357
+ overflow: hidden;
8358
+ -webkit-transition: all 0.3s ease-in-out;
8359
+ transition: all 0.3s ease-in-out;
8360
+ }
8361
+
8362
+ .premium-woocommerce .premium-woo-ribbon-container,
8363
+ .premium-woocommerce .pa-out-of-stock {
8364
+ position: absolute;
8365
+ z-index: 9;
8366
+ }
8367
+
8368
+ .premium-woocommerce .premium-woo-ribbon-container {
8369
+ top: 0;
8370
+ right: 0;
8371
+ }
8372
+
8373
+ .premium-woocommerce .pa-out-of-stock {
8374
+ top: 7px;
8375
+ right: 9px;
8376
+ margin: 0;
8377
+ }
8378
+
8379
+ .premium-woocommerce .star-rating {
8380
+ display: block;
8381
+ float: none;
8382
+ margin: 0 auto 0.5em;
8383
+ -webkit-backface-visibility: hidden;
8384
+ backface-visibility: hidden;
8385
+ overflow: hidden;
8386
+ position: relative;
8387
+ height: 1em;
8388
+ line-height: 1;
8389
+ font-size: 0.857em;
8390
+ width: 5.4em;
8391
+ font-family: "star";
8392
+ }
8393
+
8394
+ .premium-woocommerce .star-rating::before {
8395
+ content: "\73\73\73\73\73";
8396
+ color: #54595f;
8397
+ float: right;
8398
+ top: 0;
8399
+ right: 0;
8400
+ position: absolute;
8401
+ }
8402
+
8403
+ .premium-woocommerce .premium-woo-products-inner ul.products .star-rating span {
8404
+ overflow: hidden;
8405
+ float: right;
8406
+ top: 0;
8407
+ right: 0;
8408
+ position: absolute;
8409
+ padding-top: 1.5em;
8410
+ }
8411
+
8412
+ .premium-woocommerce .star-rating span::before {
8413
+ content: "\53\53\53\53\53";
8414
+ color: inherit;
8415
+ top: 0;
8416
+ position: absolute;
8417
+ right: 0;
8418
+ }
8419
+
8420
+ .premium-woo-product-thumbnail {
8421
+ position: relative;
8422
+ overflow: hidden;
8423
+ }
8424
+
8425
+ .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
8426
+ margin: 0;
8427
+ width: 100%;
8428
+ }
8429
+
8430
+ .premium-woo-product-sale-wrap,
8431
+ .premium-woo-product-featured-wrap {
8432
+ margin: 0;
8433
+ }
8434
+
8435
+ .premium-woocommerce .premium-woo-products-details-wrap {
8436
+ padding: 1em 1.2em;
8437
+ }
8438
+
8439
+ .premium-woocommerce .premium-woo-products-details-wrap .button {
8440
+ display: inline-block;
8441
+ background-color: #6ec1e4;
8442
+ color: #fff;
8443
+ margin: 0.5em 0;
8444
+ line-height: 1.3;
8445
+ padding: 10px 40px;
8446
+ font-size: 100%;
8447
+ cursor: pointer;
8448
+ text-decoration: none;
8449
+ overflow: visible;
8450
+ font-weight: 700;
8451
+ background-image: none;
8452
+ border: none;
8453
+ -webkit-border-radius: 0px;
8454
+ border-radius: 0px;
8455
+ -webkit-box-shadow: none;
8456
+ box-shadow: none;
8457
+ text-shadow: none;
8458
+ -webkit-transition: all 0.3s ease-in-out;
8459
+ transition: all 0.3s ease-in-out;
8460
+ }
8461
+
8462
+ .premium-woocommerce li.product .price {
8463
+ display: block;
8464
+ line-height: 1.3;
8465
+ font-weight: 700;
8466
+ margin-bottom: 0.5em;
8467
+ font-size: 0.9em;
8468
+ }
8469
+
8470
+ .premium-woocommerce li.product .price del {
8471
+ display: inline-block;
8472
+ font-weight: 400;
8473
+ background: transparent;
8474
+ opacity: 1;
8475
+ }
8476
+
8477
+ .premium-woocommerce li.product .price ins {
8478
+ display: inline-block;
8479
+ background: transparent;
8480
+ text-decoration: none;
8481
+ font-weight: inherit;
8482
+ }
8483
+
8484
+ .premium-woocommerce li.product .price .amount {
8485
+ color: inherit !important;
8486
+ }
8487
+
8488
+ .premium-woocommerce li.product .premium-woo-product-desc p {
8489
+ margin: 0;
8490
+ }
8491
+
8492
+ .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
8493
+ margin-right: auto;
8494
+ margin-left: 0;
8495
+ }
8496
+
8497
+ .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
8498
+ margin-right: auto;
8499
+ margin-left: auto;
8500
+ }
8501
+
8502
+ .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
8503
+ margin-right: 0;
8504
+ margin-left: auto;
8505
+ }
8506
+
8507
+ .premium-woo-products-pagination ul.page-numbers {
8508
+ -js-display: flex;
8509
+ display: -webkit-box;
8510
+ display: -webkit-flex;
8511
+ display: -moz-box;
8512
+ display: -ms-flexbox;
8513
+ display: flex;
8514
+ list-style-type: none;
8515
+ margin: 0;
8516
+ margin-top: 10px;
8517
+ padding: 0;
8518
+ border: none;
8519
+ -webkit-box-pack: center;
8520
+ -webkit-justify-content: center;
8521
+ -moz-box-pack: center;
8522
+ -ms-flex-pack: center;
8523
+ justify-content: center;
8524
+ }
8525
+
8526
+ .premium-woo-products-pagination ul.page-numbers li {
8527
+ margin: 0 0 0.4em 0.4em;
8528
+ padding: 0;
8529
+ text-align: center;
8530
+ }
8531
+
8532
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers {
8533
+ margin: 0;
8534
+ text-decoration: none;
8535
+ color: #000;
8536
+ border: 1px solid #54595f;
8537
+ padding: 0;
8538
+ line-height: 1;
8539
+ font-size: 1em;
8540
+ font-weight: 400;
8541
+ padding: 0.75em;
8542
+ display: block;
8543
+ min-width: 2.5em;
8544
+ -webkit-transition: all 0.3s ease-in-out;
8545
+ transition: all 0.3s ease-in-out;
8546
+ }
8547
+
8548
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover,
8549
+ .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
8550
+ background-color: #54595f;
8551
+ color: #fff;
8552
+ outline: none;
8553
+ }
8554
+
8555
+ .premium-woocommerce .premium-loading-feed,
8556
+ .premium-woo-quick-view-loader .premium-loading-feed {
8557
+ display: block;
8558
+ position: absolute;
8559
+ width: 100%;
8560
+ height: 100%;
8561
+ top: 0px;
8562
+ right: 0px;
8563
+ bottom: 0px;
8564
+ left: 0px;
8565
+ background: rgba(255, 255, 255, 0.2);
8566
+ -js-display: flex;
8567
+ display: -webkit-box;
8568
+ display: -webkit-flex;
8569
+ display: -moz-box;
8570
+ display: -ms-flexbox;
8571
+ display: flex;
8572
+ -webkit-box-align: center;
8573
+ -webkit-align-items: center;
8574
+ -moz-box-align: center;
8575
+ -ms-flex-align: center;
8576
+ align-items: center;
8577
+ }
8578
+
8579
+ /**
8580
+ * Image Hover Effects
8581
+ */
8582
+ .premium-woocommerce .woocommerce-loop-product__link img {
8583
+ -webkit-transition: all 0.3s ease-in-out;
8584
+ transition: all 0.3s ease-in-out;
8585
+ }
8586
+
8587
+ .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
8588
+ -webkit-transform: scale(1.2);
8589
+ -ms-transform: scale(1.2);
8590
+ transform: scale(1.2);
8591
+ }
8592
+
8593
+ .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
8594
+ -webkit-transform: none;
8595
+ -ms-transform: none;
8596
+ transform: none;
8597
+ }
8598
+
8599
+ .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
8600
+ -webkit-transform: none;
8601
+ -ms-transform: none;
8602
+ transform: none;
8603
+ }
8604
+
8605
+ .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
8606
+ -webkit-transform: scale(1.2);
8607
+ -ms-transform: scale(1.2);
8608
+ transform: scale(1.2);
8609
+ }
8610
+
8611
+ .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
8612
+ -webkit-filter: grayscale(100%);
8613
+ filter: grayscale(100%);
8614
+ }
8615
+
8616
+ .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
8617
+ -webkit-filter: grayscale(0%);
8618
+ filter: grayscale(0%);
8619
+ }
8620
+
8621
+ .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
8622
+ -webkit-filter: sepia(30%);
8623
+ filter: sepia(30%);
8624
+ }
8625
+
8626
+ .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
8627
+ -webkit-filter: sepia(0%);
8628
+ filter: sepia(0%);
8629
+ }
8630
+
8631
+ .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
8632
+ -webkit-filter: brightness(1);
8633
+ filter: brightness(1);
8634
+ }
8635
+
8636
+ .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
8637
+ -webkit-filter: brightness(1.2);
8638
+ filter: brightness(1.2);
8639
+ }
8640
+
8641
+ .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
8642
+ -webkit-transform: translateX(15px) scale(1.1);
8643
+ -ms-transform: translateX(15px) scale(1.1);
8644
+ transform: translateX(15px) scale(1.1);
8645
+ }
8646
+
8647
+ .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
8648
+ -webkit-transform: translateX(0px) scale(1.1);
8649
+ -ms-transform: translateX(0px) scale(1.1);
8650
+ transform: translateX(0px) scale(1.1);
8651
+ }
8652
+
8653
+ .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
8654
+ -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8655
+ -ms-transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8656
+ transform: scaleX(1.3) scaleY(1.3) rotate(-5deg);
8657
+ }
8658
+
8659
+ .premium-woocommerce .premium-woo-product__on_hover {
8660
+ position: absolute;
8661
+ top: 0;
8662
+ left: 0;
8663
+ bottom: 0;
8664
+ right: 0;
8665
+ height: 100%;
8666
+ opacity: 0;
8667
+ }
8668
+
8669
+ .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
8670
+ opacity: 1;
8671
+ }
8672
+
8673
+ .premium-woo-skin-grid-1 .premium-woo-qv-btn,
8674
+ .premium-woo-skin-grid-3 .premium-woo-qv-btn,
8675
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8676
+ position: absolute;
8677
+ bottom: 0;
8678
+ right: 0;
8679
+ width: 100%;
8680
+ text-align: center;
8681
+ padding: 5px;
8682
+ background: rgba(2, 2, 2, 0.5);
8683
+ color: #fff;
8684
+ -webkit-transition: all 0.3s ease-in-out;
8685
+ transition: all 0.3s ease-in-out;
8686
+ z-index: 2;
8687
+ -webkit-transform: translateY(100%);
8688
+ -ms-transform: translateY(100%);
8689
+ transform: translateY(100%);
8690
+ }
8691
+
8692
+ .premium-woo-skin-grid-4 .premium-woo-qv-btn {
8693
+ -webkit-transition-delay: 0.1s;
8694
+ transition-delay: 0.1s;
8695
+ }
8696
+
8697
+ .premium-woo-skin-grid-1 .premium-woo-qv-icon,
8698
+ .premium-woo-skin-grid-3 .premium-woo-qv-icon,
8699
+ .premium-woo-skin-grid-4 .premium-woo-qv-icon,
8700
+ .premium-woo-skin-grid-6 .premium-woo-qv-icon {
8701
+ margin-right: 0.5em;
8702
+ }
8703
+
8704
+ .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
8705
+ -webkit-transform: translateY(0);
8706
+ -ms-transform: translateY(0);
8707
+ transform: translateY(0);
8708
+ }
8709
+
8710
+ .premium-woo-product-wrapper .premium-woo-qv-data {
8711
+ position: absolute;
8712
+ top: 0;
8713
+ right: 0;
8714
+ width: 100%;
8715
+ height: 100%;
8716
+ z-index: 1;
8717
+ overflow: hidden;
8718
+ cursor: pointer;
8719
+ }
8720
+
8721
+ /**
8722
+ * Skin 1,4
8723
+ */
8724
+ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
8725
+ .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
8726
+ position: absolute;
8727
+ top: 0.7em;
8728
+ left: 1em;
8729
+ -webkit-transform: translate3d(-15px, 0, 0);
8730
+ transform: translate3d(-15px, 0, 0);
8731
+ -webkit-transition: all 0.3s ease-in-out;
8732
+ transition: all 0.3s ease-in-out;
8733
+ opacity: 0;
8734
+ z-index: 9;
8735
+ }
8736
+
8737
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
8738
+ position: relative;
8739
+ display: block;
8740
+ margin: 0 0 3px;
8741
+ background: #fff;
8742
+ text-align: center;
8743
+ outline: 0;
8744
+ -webkit-transition: all 0.3s ease-in-out;
8745
+ transition: all 0.3s ease-in-out;
8746
+ }
8747
+
8748
+ .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
8749
+ display: block;
8750
+ color: #54595f;
8751
+ width: 30px;
8752
+ line-height: 30px;
8753
+ height: 30px;
8754
+ cursor: pointer;
8755
+ -webkit-transition: all 0.3s ease-in-out;
8756
+ transition: all 0.3s ease-in-out;
8757
+ }
8758
+
8759
+ .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
8760
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
8761
+ -webkit-transform: translate3d(-5px, 0, 0);
8762
+ transform: translate3d(-5px, 0, 0);
8763
+ opacity: 1;
8764
+ }
8765
+
8766
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
8767
+ -webkit-animation: spin 2s linear infinite;
8768
+ animation: spin 2s linear infinite;
8769
+ }
8770
+
8771
+ .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
8772
+ content: "\f013";
8773
+ }
8774
+
8775
+ .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
8776
+ content: "\f00c";
8777
+ }
8778
+
8779
+ /**
8780
+ * Skin 2
8781
+ */
8782
+ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
8783
+ position: absolute;
8784
+ background: #fff;
8785
+ bottom: 0;
8786
+ right: 0;
8787
+ width: 100%;
8788
+ z-index: 2;
8789
+ padding: 0;
8790
+ opacity: 0;
8791
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
8792
+ transition: opacity 0.2s, -webkit-transform 0.4s;
8793
+ transition: transform 0.4s, opacity 0.2s;
8794
+ transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
8795
+ -webkit-transform: translateZ(0) translateY(5px);
8796
+ transform: translateZ(0) translateY(5px);
8797
+ }
8798
+
8799
+ .premium-woo-skin-grid-2 .premium-woo-product-details {
8800
+ padding: 15px 0;
8801
+ }
8802
+
8803
+ .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
8804
+ opacity: 1;
8805
+ -webkit-transform: translateZ(0) translateY(0);
8806
+ transform: translateZ(0) translateY(0);
8807
+ }
8808
+
8809
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
8810
+ position: static;
8811
+ -js-display: flex;
8812
+ display: -webkit-box;
8813
+ display: -webkit-flex;
8814
+ display: -moz-box;
8815
+ display: -ms-flexbox;
8816
+ display: flex;
8817
+ -webkit-box-orient: horizontal;
8818
+ -webkit-box-direction: reverse;
8819
+ -webkit-flex-direction: row-reverse;
8820
+ -moz-box-orient: horizontal;
8821
+ -moz-box-direction: reverse;
8822
+ -ms-flex-direction: row-reverse;
8823
+ flex-direction: row-reverse;
8824
+ }
8825
+
8826
+ .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper>* {
8827
+ -webkit-box-flex: 1;
8828
+ -webkit-flex: 1;
8829
+ -moz-box-flex: 1;
8830
+ -ms-flex: 1;
8831
+ flex: 1;
8832
+ min-width: 50%;
8833
+ }
8834
+
8835
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
8836
+ -js-display: flex;
8837
+ display: -webkit-box;
8838
+ display: -webkit-flex;
8839
+ display: -moz-box;
8840
+ display: -ms-flexbox;
8841
+ display: flex;
8842
+ margin: 0;
8843
+ text-align: center;
8844
+ -webkit-box-pack: center;
8845
+ -webkit-justify-content: center;
8846
+ -moz-box-pack: center;
8847
+ -ms-flex-pack: center;
8848
+ justify-content: center;
8849
+ -webkit-box-align: center;
8850
+ -webkit-align-items: center;
8851
+ -moz-box-align: center;
8852
+ -ms-flex-align: center;
8853
+ align-items: center;
8854
+ }
8855
+
8856
+ .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8857
+ background-color: #54595f;
8858
+ }
8859
+
8860
+ /**
8861
+ * Skin 4
8862
+ */
8863
+ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
8864
+ position: absolute;
8865
+ right: 0;
8866
+ left: 0;
8867
+ top: 50%;
8868
+ -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
8869
+ transform: scale(0.9) translateZ(0) translateY(-50%);
8870
+ text-align: center;
8871
+ z-index: 2;
8872
+ opacity: 0;
8873
+ -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
8874
+ transition: opacity 0.5s, -webkit-transform 0.3s;
8875
+ transition: opacity 0.5s, transform 0.3s;
8876
+ transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s;
8877
+ }
8878
+
8879
+ .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
8880
+ .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
8881
+ position: absolute;
8882
+ top: 0;
8883
+ right: 0;
8884
+ width: 100%;
8885
+ height: 100%;
8886
+ opacity: 0;
8887
+ visibility: hidden;
8888
+ background-color: rgba(27, 27, 23, 0.3);
8889
+ -webkit-transition: all 0.25s ease-in-out;
8890
+ transition: all 0.25s ease-in-out;
8891
+ }
8892
+
8893
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
8894
+ .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
8895
+ opacity: 1;
8896
+ visibility: visible;
8897
+ z-index: 1;
8898
+ }
8899
+
8900
+ .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
8901
+ -webkit-transform: scale(1) translateZ(0) translateY(-50%);
8902
+ transform: scale(1) translateZ(0) translateY(-50%);
8903
+ opacity: 1;
8904
+ }
8905
+
8906
+ /**
8907
+ * Skin 5
8908
+ */
8909
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
8910
+ -js-display: flex;
8911
+ display: -webkit-box;
8912
+ display: -webkit-flex;
8913
+ display: -moz-box;
8914
+ display: -ms-flexbox;
8915
+ display: flex;
8916
+ }
8917
+
8918
+ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
8919
+ -js-display: flex;
8920
+ display: -webkit-box;
8921
+ display: -webkit-flex;
8922
+ display: -moz-box;
8923
+ display: -ms-flexbox;
8924
+ display: flex;
8925
+ -webkit-box-align: center;
8926
+ -webkit-align-items: center;
8927
+ -moz-box-align: center;
8928
+ -ms-flex-align: center;
8929
+ align-items: center;
8930
+ background-color: #54595f;
8931
+ padding: 10px;
8932
+ -webkit-transition: all 0.25s ease 0s;
8933
+ transition: all 0.25s ease 0s;
8934
+ }
8935
+
8936
+ .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
8937
+ width: 75%;
8938
+ }
8939
+
8940
+ .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
8941
+ -js-display: flex;
8942
+ display: -webkit-box;
8943
+ display: -webkit-flex;
8944
+ display: -moz-box;
8945
+ display: -ms-flexbox;
8946
+ display: flex;
8947
+ -webkit-box-align: center;
8948
+ -webkit-align-items: center;
8949
+ -moz-box-align: center;
8950
+ -ms-flex-align: center;
8951
+ align-items: center;
8952
+ }
8953
+
8954
+ .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8955
+ -webkit-box-pack: end;
8956
+ -webkit-justify-content: flex-end;
8957
+ -moz-box-pack: end;
8958
+ -ms-flex-pack: end;
8959
+ justify-content: flex-end;
8960
+ }
8961
+
8962
+ .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
8963
+ -webkit-box-pack: center;
8964
+ -webkit-justify-content: center;
8965
+ -moz-box-pack: center;
8966
+ -ms-flex-pack: center;
8967
+ justify-content: center;
8968
+ }
8969
+
8970
+ /**
8971
+ * Skin 6
8972
+ */
8973
+ .premium-woo-skin-grid-6 .premium-woo-qv-btn {
8974
+ position: absolute;
8975
+ top: 50%;
8976
+ right: 50%;
8977
+ min-width: 40%;
8978
+ text-align: center;
8979
+ padding: 5px;
8980
+ background: rgba(2, 2, 2, 0.5);
8981
+ color: #fff;
8982
+ -webkit-transform: translate(50%, -50%);
8983
+ -ms-transform: translate(50%, -50%);
8984
+ transform: translate(50%, -50%);
8985
+ opacity: 0;
8986
+ visibility: hidden;
8987
+ -webkit-transition: all 0.3s ease-in-out;
8988
+ transition: all 0.3s ease-in-out;
8989
+ cursor: pointer;
8990
+ z-index: 2;
8991
+ }
8992
+
8993
+ .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
8994
+ opacity: 1;
8995
+ visibility: visible;
8996
+ }
8997
+
8998
+ .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
8999
+ .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
9000
+ .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
9001
+ .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
9002
+ margin: 0;
9003
+ }
9004
+
9005
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
9006
+ -js-display: flex;
9007
+ display: -webkit-box;
9008
+ display: -webkit-flex;
9009
+ display: -moz-box;
9010
+ display: -ms-flexbox;
9011
+ display: flex;
9012
+ -webkit-box-pack: justify;
9013
+ -webkit-justify-content: space-between;
9014
+ -moz-box-pack: justify;
9015
+ -ms-flex-pack: justify;
9016
+ justify-content: space-between;
9017
+ }
9018
+
9019
+ .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
9020
+ -webkit-box-orient: vertical;
9021
+ -webkit-box-direction: normal;
9022
+ -webkit-flex-direction: column;
9023
+ -moz-box-orient: vertical;
9024
+ -moz-box-direction: normal;
9025
+ -ms-flex-direction: column;
9026
+ flex-direction: column;
9027
+ }
9028
+
9029
+ .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
9030
+ -webkit-box-orient: horizontal;
9031
+ -webkit-box-direction: reverse;
9032
+ -webkit-flex-direction: row-reverse;
9033
+ -moz-box-orient: horizontal;
9034
+ -moz-box-direction: reverse;
9035
+ -ms-flex-direction: row-reverse;
9036
+ flex-direction: row-reverse;
9037
+ }
9038
+
9039
+ .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
9040
+ -js-display: flex;
9041
+ display: -webkit-box;
9042
+ display: -webkit-flex;
9043
+ display: -moz-box;
9044
+ display: -ms-flexbox;
9045
+ display: flex;
9046
+ position: absolute;
9047
+ bottom: 10px;
9048
+ width: 100%;
9049
+ -webkit-box-pack: center;
9050
+ -webkit-justify-content: center;
9051
+ -moz-box-pack: center;
9052
+ -ms-flex-pack: center;
9053
+ justify-content: center;
9054
+ }
9055
+
9056
+ .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
9057
+ width: 20%;
9058
+ margin: 0 0.2em;
9059
+ border: 2px solid #aaa;
9060
+ cursor: pointer;
9061
+ }
9062
+
9063
+ /**
9064
+ * Metro
9065
+ */
9066
+ /*.premium-woo-grid-style1 ul.products li.product {
9067
+ width: 25%;
9068
+ }*/
9069
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
9070
+ .premium-woo-products-metro li.product .premium-woo-product-wrapper,
9071
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
9072
+ .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
9073
+ height: 100%;
9074
+ }
9075
+
9076
+ .premium-woo-products-metro ul.products li.product {
9077
+ margin-bottom: 0;
9078
+ }
9079
+
9080
+ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
9081
+ -o-object-fit: cover;
9082
+ object-fit: cover;
9083
+ }
9084
+
9085
+ /*
9086
+ * Carousel
9087
+ */
9088
+ .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
9089
+ -webkit-border-radius: 50%;
9090
+ border-radius: 50%;
9091
+ }
9092
+
9093
+ .premium-woocommerce ul.slick-dots {
9094
+ width: 100%;
9095
+ }
9096
+
9097
+ /*
9098
+ * Quick View Html/body
9099
+ */
9100
+ html.premium-woo-qv-opened,
9101
+ html.premium-woo-qv-opened body {
9102
+ overflow: hidden;
9103
+ }
9104
+
9105
+ /**
9106
+ * Quick View Modal
9107
+ */
9108
+ .premium-woo-quick-view-back {
9109
+ position: fixed;
9110
+ visibility: hidden;
9111
+ overflow: hidden;
9112
+ background: rgba(2, 2, 2, 0.5);
9113
+ opacity: 0;
9114
+ -webkit-transition: opacity 0.25s;
9115
+ transition: opacity 0.25s;
9116
+ z-index: 999;
9117
+ }
9118
+
9119
+ .premium-woo-quick-view-active {
9120
+ top: 0;
9121
+ right: 0;
9122
+ width: 100%;
9123
+ height: 100%;
9124
+ opacity: 1;
9125
+ visibility: visible;
9126
+ }
9127
+
9128
+ #premium-woo-quick-view-modal {
9129
+ position: fixed;
9130
+ visibility: hidden;
9131
+ opacity: 0;
9132
+ top: 0;
9133
+ right: 0;
9134
+ width: 100%;
9135
+ height: 100%;
9136
+ z-index: 1400;
9137
+ text-align: center;
9138
+ -webkit-transition: all 0.3s;
9139
+ transition: all 0.3s;
9140
+ overflow-x: hidden;
9141
+ overflow-y: auto;
9142
+ }
9143
+
9144
+ #premium-woo-quick-view-modal.active {
9145
+ visibility: visible;
9146
+ opacity: 1;
9147
+ }
9148
+
9149
+ #premium-woo-quick-view-modal.active .premium-woo-content-main {
9150
+ -webkit-transform: translateY(0);
9151
+ -ms-transform: translateY(0);
9152
+ transform: translateY(0);
9153
+ opacity: 1;
9154
+ width: 100%;
9155
+ }
9156
+
9157
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
9158
+ position: absolute;
9159
+ width: 100%;
9160
+ height: 100%;
9161
+ top: 0;
9162
+ right: 0;
9163
+ text-align: center;
9164
+ padding: 30px;
9165
+ }
9166
+
9167
+ #premium-woo-quick-view-modal .premium-woo-content-main-wrapper::before {
9168
+ content: "";
9169
+ display: inline-block;
9170
+ vertical-align: middle;
9171
+ height: 100%;
9172
+ }
9173
+
9174
+ #premium-woo-quick-view-modal .premium-woo-content-main {
9175
+ position: relative;
9176
+ pointer-events: none;
9177
+ max-width: 100%;
9178
+ text-align: right;
9179
+ z-index: 1045;
9180
+ -webkit-transform: translateY(-30px);
9181
+ -ms-transform: translateY(-30px);
9182
+ transform: translateY(-30px);
9183
+ opacity: 0;
9184
+ -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
9185
+ transition: opacity 0.3s, -webkit-transform 0.5s;
9186
+ transition: transform 0.5s, opacity 0.3s;
9187
+ transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
9188
+ margin: 0 auto;
9189
+ display: inline-block;
9190
+ vertical-align: middle;
9191
+ }
9192
+
9193
+ #premium-woo-quick-view-modal .premium-woo-lightbox-content {
9194
+ position: relative;
9195
+ display: table;
9196
+ pointer-events: auto;
9197
+ background-color: #fff;
9198
+ max-width: 975px;
9199
+ margin: 20px auto;
9200
+ -webkit-transform: translateZ(0);
9201
+ transform: translateZ(0);
9202
+ -webkit-box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9203
+ box-shadow: -3px 3px 20px 0 rgba(0, 0, 0, 0.15);
9204
+ overflow: hidden;
9205
+ }
9206
+
9207
+ #premium-woo-quick-view-modal .summary {
9208
+ width: 50%;
9209
+ margin: 0;
9210
+ padding: 30px;
9211
+ float: right;
9212
+ -webkit-box-sizing: border-box;
9213
+ -moz-box-sizing: border-box;
9214
+ box-sizing: border-box;
9215
+ }
9216
+
9217
+ #premium-woo-quick-view-modal .summary .quantity {
9218
+ min-width: auto;
9219
+ }
9220
+
9221
+ #premium-woo-quick-view-modal .summary .quantity input.qty {
9222
+ width: 54px;
9223
+ -webkit-appearance: button;
9224
+ -moz-appearance: button;
9225
+ appearance: button;
9226
+ }
9227
+
9228
+ #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
9229
+ margin: 0;
9230
+ }
9231
+
9232
+ #premium-woo-quick-view-close {
9233
+ position: absolute;
9234
+ font-size: 22px;
9235
+ top: 10px;
9236
+ left: 10px;
9237
+ width: 22px;
9238
+ height: 22px;
9239
+ line-height: 22px;
9240
+ opacity: 0.7;
9241
+ text-align: center;
9242
+ z-index: 2;
9243
+ color: #000;
9244
+ }
9245
+
9246
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
9247
+ position: relative;
9248
+ }
9249
+
9250
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
9251
+ list-style: none;
9252
+ }
9253
+
9254
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
9255
+ margin: 0;
9256
+ padding: 0;
9257
+ width: 100%;
9258
+ position: absolute;
9259
+ bottom: 10px;
9260
+ text-align: center;
9261
+ direction: ltr;
9262
+ }
9263
+
9264
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
9265
+ margin: 0 6px;
9266
+ display: inline-block;
9267
+ vertical-align: middle;
9268
+ }
9269
+
9270
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
9271
+ width: 11px;
9272
+ height: 11px;
9273
+ display: block;
9274
+ background: #666;
9275
+ background: rgba(0, 0, 0, 0.5);
9276
+ cursor: pointer;
9277
+ text-indent: -9999px;
9278
+ -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9279
+ box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
9280
+ -webkit-border-radius: 20px;
9281
+ border-radius: 20px;
9282
+ }
9283
+
9284
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
9285
+ background: rgba(0, 0, 0, 0.9);
9286
+ cursor: default;
9287
+ }
9288
+
9289
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
9290
+ outline: none;
9291
+ }
9292
+
9293
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
9294
+ -o-object-fit: cover;
9295
+ object-fit: cover;
9296
+ }
9297
+
9298
+ #premium-woo-quick-view-content div.images {
9299
+ width: 50%;
9300
+ float: right;
9301
+ opacity: 1 !important;
9302
+ margin: 0;
9303
+ }
9304
+
9305
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
9306
+ margin: 0;
9307
+ padding: 0;
9308
+ list-style: none;
9309
+ direction: ltr;
9310
+ }
9311
+
9312
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
9313
+ text-decoration: none;
9314
+ display: block;
9315
+ width: 14px;
9316
+ height: 32px;
9317
+ font-size: 32px;
9318
+ line-height: 32px;
9319
+ margin: -20px 0 0;
9320
+ position: absolute;
9321
+ top: 50%;
9322
+ z-index: 10;
9323
+ overflow: hidden;
9324
+ cursor: pointer;
9325
+ color: rgba(0, 0, 0, 0.8);
9326
+ text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.3);
9327
+ -webkit-transition: all 0.3s ease-in-out;
9328
+ transition: all 0.3s ease-in-out;
9329
+ }
9330
+
9331
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
9332
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9333
+ display: inline-block;
9334
+ font-family: "Font Awesome 5 Free";
9335
+ font-weight: 900;
9336
+ text-rendering: auto;
9337
+ -webkit-font-smoothing: antialiased;
9338
+ -moz-osx-font-smoothing: grayscale;
9339
+ }
9340
+
9341
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
9342
+ left: 10px;
9343
+ }
9344
+
9345
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
9346
+ right: 10px;
9347
+ }
9348
+
9349
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
9350
+ content: "\f104";
9351
+ }
9352
+
9353
+ #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
9354
+ content: "\f105";
9355
+ }
9356
+
9357
+ .premium-woocommerce li.product .added_to_cart.wc-forward {
9358
+ display: none;
9359
+ }
9360
+
9361
+ .premium-woo-atc-button .add_to_cart_button span {
9362
+ -webkit-animation: spin 2s linear infinite;
9363
+ animation: spin 2s linear infinite;
9364
+ margin-right: 5px;
9365
+ vertical-align: baseline;
9366
+ }
9367
+
9368
+ @media (min-width: 545px) {
9369
+ #premium-woo-quick-view-content div.summary {
9370
+ content: "544";
9371
+ overflow-y: auto;
9372
+ }
9373
+ }
9374
+
9375
+ @media (max-width: 544px) {
9376
+ #premium-woo-quick-view-content .premium-woo-lightbox-content {
9377
+ display: block;
9378
+ }
9379
+
9380
+ #premium-woo-quick-view-content div.images,
9381
+ #premium-woo-quick-view-content div.summary {
9382
+ width: 100%;
9383
+ float: none;
9384
+ }
9385
+ }
9386
+
9387
+ .premium-error-notice {
9388
+ width: 100%;
9389
+ padding: 10px;
9390
+ color: #b94a48;
9391
+ background-color: #f2dede;
9392
+ border-color: #eed3d7;
9393
+ text-align: center;
9394
  }
assets/frontend/css/premium-addons.css CHANGED
@@ -1,7735 +1,7735 @@
1
- @font-face {
2
- font-family: "pa-elements";
3
- src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
- src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
5
- font-weight: normal;
6
- font-style: normal; }
7
-
8
- /**************** Premium Banner ****************/
9
- /************************************************/
10
- .elementor-widget-premium-addon-banner {
11
- overflow: hidden; }
12
-
13
- .premium-banner-ib {
14
- display: block;
15
- position: relative;
16
- z-index: 1;
17
- overflow: hidden;
18
- margin: 0;
19
- text-align: center;
20
- -webkit-box-sizing: border-box;
21
- -moz-box-sizing: border-box;
22
- box-sizing: border-box; }
23
- .premium-banner-ib img {
24
- display: block;
25
- position: relative; }
26
-
27
- .premium-banner-img-wrap {
28
- -js-display: flex;
29
- display: -webkit-box;
30
- display: -webkit-flex;
31
- display: -moz-box;
32
- display: -ms-flexbox;
33
- display: flex;
34
- height: 100%; }
35
- .premium-banner-img-wrap .premium-banner-ib-img {
36
- -webkit-flex-shrink: 0;
37
- -ms-flex-negative: 0;
38
- flex-shrink: 0; }
39
-
40
- .premium-banner-ib-desc .premium-banner-read-more {
41
- z-index: 100; }
42
-
43
- .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
- background: transparent; }
45
-
46
- .premium-banner-ib *,
47
- .premium-banner-ib .premium-banner-ib-desc {
48
- -webkit-box-sizing: border-box;
49
- -moz-box-sizing: border-box;
50
- box-sizing: border-box; }
51
-
52
- .premium-banner-ib img {
53
- min-width: 100%;
54
- max-width: 100%;
55
- -webkit-transition: opacity 0.35s;
56
- transition: opacity 0.35s; }
57
-
58
- .premium-banner-ib .premium-banner-ib-desc {
59
- padding: 15px;
60
- -webkit-backface-visibility: hidden;
61
- backface-visibility: hidden;
62
- -webkit-box-sizing: border-box;
63
- -moz-box-sizing: border-box;
64
- box-sizing: border-box;
65
- position: absolute;
66
- top: 0;
67
- left: 0;
68
- width: 100%;
69
- height: 100%; }
70
-
71
- .premium-banner-ib .premium-banner-ib-link {
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 100%;
77
- z-index: 1000;
78
- text-indent: 200%;
79
- white-space: nowrap;
80
- font-size: 0;
81
- opacity: 0; }
82
-
83
- .premium-banner-ib a.premium-banner-ib-link {
84
- display: block;
85
- background: 0 0; }
86
-
87
- .premium-banner-animation1 img {
88
- width: -webkit-calc(100% + 50px) !important;
89
- width: calc(100% + 50px) !important;
90
- max-width: -webkit-calc(100% + 50px) !important;
91
- max-width: calc(100% + 50px) !important;
92
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
- -webkit-transform: translate3d(-40px, 0, 0);
97
- transform: translate3d(-40px, 0, 0); }
98
-
99
- .premium-banner-animation2 .premium-banner-ib-title {
100
- padding: 15px; }
101
-
102
- .premium-banner-animation1 .premium-banner-ib-desc {
103
- top: auto;
104
- bottom: 0;
105
- min-height: 25%;
106
- height: auto;
107
- max-height: 100%;
108
- text-align: left; }
109
-
110
- .premium-banner-animation1 .premium-banner-ib-content,
111
- .premium-banner-animation1 .premium-banner-ib-title,
112
- .premium-banner-animation1 .premium-banner-read-more {
113
- -webkit-transform: translate3d(0, 40px, 0);
114
- transform: translate3d(0, 40px, 0);
115
- -webkit-transition-delay: 0.05s;
116
- transition-delay: 0.05s;
117
- -webkit-transition-duration: 0.35s;
118
- transition-duration: 0.35s; }
119
-
120
- .premium-banner-animation1 .premium-banner-ib-title {
121
- -webkit-transition: -webkit-transform 0.35s;
122
- transition: -webkit-transform 0.35s;
123
- transition: transform 0.35s;
124
- transition: transform 0.35s, -webkit-transform 0.35s; }
125
-
126
- .premium-banner-animation1 .premium-banner-ib-content,
127
- .premium-banner-animation1 .premium-banner-read-more {
128
- margin-top: 10px;
129
- opacity: 0;
130
- -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
- transition: opacity 0.2s, -webkit-transform 0.35s;
132
- transition: opacity 0.2s, transform 0.35s;
133
- transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
-
135
- .premium-banner-animation1:hover .premium-banner-ib-content,
136
- .premium-banner-animation1.active .premium-banner-ib-content,
137
- .premium-banner-animation1:hover .premium-banner-read-more,
138
- .premium-banner-animation1.active .premium-banner-read-more {
139
- opacity: 1;
140
- -webkit-transition-delay: 0.05s;
141
- transition-delay: 0.05s;
142
- -webkit-transition-duration: 0.35s;
143
- transition-duration: 0.35s; }
144
-
145
- .premium-banner-animation1:hover .premium-banner-ib-content,
146
- .premium-banner-animation1.active .premium-banner-ib-content,
147
- .premium-banner-animation1:hover .premium-banner-read-more,
148
- .premium-banner-animation1.active .premium-banner-read-more,
149
- .premium-banner-animation1:hover .premium-banner-ib-title,
150
- .premium-banner-animation1.active .premium-banner-ib-title,
151
- .premium-banner-animation1:hover img,
152
- .premium-banner-animation1.active img {
153
- -webkit-transform: translate3d(0, 0, 0);
154
- transform: translate3d(0, 0, 0);
155
- -webkit-transition-delay: 0.05s;
156
- transition-delay: 0.05s;
157
- -webkit-transition-duration: 0.35s;
158
- transition-duration: 0.35s; }
159
-
160
- .premium-banner-animation1.zoomout img,
161
- .premium-banner-animation1.scale img {
162
- -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
- transform: translate3d(-40px, 0, 0) scale(1.1); }
164
-
165
- .premium-banner-ib.sepia img {
166
- -webkit-filter: sepia(30%);
167
- filter: sepia(30%); }
168
-
169
- .premium-banner-ib.bright img {
170
- -webkit-filter: brightness(1);
171
- filter: brightness(1); }
172
-
173
- .premium-banner-ib.sepia:hover img {
174
- -webkit-filter: sepia(0%);
175
- filter: sepia(0%); }
176
-
177
- .premium-banner-ib.bright:hover img {
178
- -webkit-filter: brightness(1.2);
179
- filter: brightness(1.2); }
180
-
181
- .premium-banner-animation1.premium-banner-min-height img,
182
- .premium-banner-animation2.premium-banner-min-height img,
183
- .premium-banner-animation4.premium-banner-min-height img,
184
- .premium-banner-animation5.premium-banner-min-height img,
185
- .premium-banner-animation6.premium-banner-min-height img,
186
- .premium-banner-animation13.premium-banner-min-height img {
187
- height: auto; }
188
-
189
- .premium-banner-animation2 img {
190
- width: 100%; }
191
-
192
- .premium-banner-animation2 .premium-banner-ib-desc::before {
193
- position: absolute;
194
- content: "";
195
- top: 0;
196
- left: 0;
197
- width: 100%;
198
- height: 100%;
199
- opacity: 0;
200
- -webkit-transform: translate3d(0, 50%, 0);
201
- transform: translate3d(0, 50%, 0); }
202
-
203
- .premium-banner-animation2 .premium-banner-ib-title {
204
- position: absolute;
205
- top: 50%;
206
- left: 0;
207
- width: 100%;
208
- -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
- transition: color 0.35s, -webkit-transform 0.35s;
210
- transition: transform 0.35s, color 0.35s;
211
- transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
- -webkit-transform: translate3d(0, -50%, 0);
213
- transform: translate3d(0, -50%, 0); }
214
-
215
- .premium-banner-animation2 .premium-banner-ib-content,
216
- .premium-banner-animation2 .premium-banner-read-more,
217
- .premium-banner-animation2 .premium-banner-ib-desc::before {
218
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
- transition: opacity 0.35s, -webkit-transform 0.35s;
220
- transition: opacity 0.35s, transform 0.35s;
221
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
-
223
- .premium-banner-animation2 .premium-banner-ib-content,
224
- .premium-banner-animation2 .premium-banner-read-more {
225
- position: absolute;
226
- bottom: 0;
227
- left: 0;
228
- padding: 15px;
229
- width: 100%;
230
- max-height: 50%;
231
- opacity: 0;
232
- -webkit-transform: translate3d(0, 10px, 0);
233
- transform: translate3d(0, 10px, 0); }
234
-
235
- .premium-banner-animation2:hover .premium-banner-ib-title,
236
- .premium-banner-animation2.active .premium-banner-ib-title {
237
- -webkit-transform: translate3d(0, -40px, 0);
238
- transform: translate3d(0, -40px, 0); }
239
-
240
- .premium-banner-animation2:hover .premium-banner-read-more,
241
- .premium-banner-animation2.active .premium-banner-read-more,
242
- .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
- .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
- opacity: 1;
245
- -webkit-transform: translate3d(0, 0, 0);
246
- transform: translate3d(0, 0, 0); }
247
-
248
- .premium-banner-animation2:hover .premium-banner-ib-content,
249
- .premium-banner-animation2.active .premium-banner-ib-content {
250
- opacity: 1;
251
- -webkit-transform: translate3d(0, -30px, 0);
252
- transform: translate3d(0, -30px, 0); }
253
-
254
- .premium-banner-animation3 .premium-banner-ib-title {
255
- position: absolute;
256
- bottom: 0;
257
- left: 0;
258
- padding: 15px;
259
- width: 100%;
260
- text-align: left;
261
- -webkit-transform: translate3d(0, -30px, 0);
262
- transform: translate3d(0, -30px, 0); }
263
-
264
- .premium-banner-animation3 .premium-banner-ib-desc::before,
265
- .premium-banner-animation3 .premium-banner-ib-title {
266
- -webkit-transition: -webkit-transform 0.35s;
267
- transition: -webkit-transform 0.35s;
268
- transition: transform 0.35s;
269
- transition: transform 0.35s, -webkit-transform 0.35s; }
270
-
271
- .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
- .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
- .premium-banner-animation3:hover .premium-banner-ib-title,
274
- .premium-banner-animation3.active .premium-banner-ib-title {
275
- opacity: 1;
276
- -webkit-transform: translate3d(0, 0, 0);
277
- transform: translate3d(0, 0, 0); }
278
-
279
- .premium-banner-animation3 .premium-banner-ib-content {
280
- max-height: -webkit-calc(100% - 60px - 1.5em);
281
- max-height: calc(100% - 60px - 1.5em);
282
- overflow: hidden; }
283
-
284
- .premium-banner-animation4 img {
285
- width: -webkit-calc(100% + 40px) !important;
286
- width: calc(100% + 40px) !important;
287
- max-width: -webkit-calc(100% + 40px) !important;
288
- max-width: calc(100% + 40px) !important; }
289
-
290
- .premium-banner-animation4 .premium-banner-ib-desc {
291
- padding: 30px; }
292
- .premium-banner-animation4 .premium-banner-ib-desc::after {
293
- position: absolute;
294
- content: "";
295
- opacity: 0; }
296
- .premium-banner-animation4 .premium-banner-ib-desc::before {
297
- position: absolute;
298
- content: "";
299
- opacity: 0;
300
- top: 50px;
301
- right: 30px;
302
- bottom: 50px;
303
- left: 30px;
304
- border-top: 1px solid #fff;
305
- border-bottom: 1px solid #fff;
306
- -webkit-transform: scale(0, 1);
307
- -ms-transform: scale(0, 1);
308
- transform: scale(0, 1);
309
- -webkit-transform-origin: 0 0;
310
- -ms-transform-origin: 0 0;
311
- transform-origin: 0 0; }
312
- .premium-banner-animation4 .premium-banner-ib-desc::after {
313
- top: 30px;
314
- right: 50px;
315
- bottom: 30px;
316
- left: 50px;
317
- border-right: 1px solid #fff;
318
- border-left: 1px solid #fff;
319
- -webkit-transform: scale(1, 0);
320
- -ms-transform: scale(1, 0);
321
- transform: scale(1, 0);
322
- -webkit-transform-origin: 100% 0;
323
- -ms-transform-origin: 100% 0;
324
- transform-origin: 100% 0; }
325
-
326
- .premium-banner-animation4 .premium-banner-ib-title {
327
- padding: 50px 30px 0 30px;
328
- -webkit-transition: -webkit-transform 0.35s;
329
- transition: -webkit-transform 0.35s;
330
- transition: transform 0.35s;
331
- transition: transform 0.35s, -webkit-transform 0.35s; }
332
-
333
- .premium-banner-animation4 .premium-banner-ib-content,
334
- .premium-banner-animation4 .premium-banner-read-more {
335
- padding: 10px 30px;
336
- opacity: 0;
337
- overflow: hidden;
338
- -webkit-transform: translate3d(0, -10px, 0);
339
- transform: translate3d(0, -10px, 0); }
340
-
341
- .premium-banner-animation4 .premium-banner-ib-title,
342
- .premium-banner-animation4 img {
343
- -webkit-transform: translate3d(-30px, 0, 0);
344
- transform: translate3d(-30px, 0, 0); }
345
-
346
- .premium-banner-animation4.zoomout img,
347
- .premium-banner-animation4.scale img {
348
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
- transform: translate3d(-30px, 0, 0) scale(1.1); }
350
-
351
- .premium-banner-animation4 .premium-banner-ib-content,
352
- .premium-banner-animation4 .premium-banner-read-more {
353
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
- transition: opacity 0.35s, -webkit-transform 0.35s;
355
- transition: opacity 0.35s, transform 0.35s;
356
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
-
358
- .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
- transition: opacity 0.35s, -webkit-transform 0.35s;
361
- transition: opacity 0.35s, transform 0.35s;
362
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
-
364
- .premium-banner-animation4 img {
365
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
- transition: opacity 0.35s, -webkit-transform 0.35s;
367
- transition: opacity 0.35s, transform 0.35s;
368
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
-
370
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
- .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
- .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
- .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
- opacity: 1;
375
- -webkit-transform: scale(1);
376
- -ms-transform: scale(1);
377
- transform: scale(1); }
378
-
379
- .premium-banner-animation4:hover .premium-banner-ib-content,
380
- .premium-banner-animation4.active .premium-banner-ib-content,
381
- .premium-banner-animation4:hover .premium-banner-read-more,
382
- .premium-banner-animation4.active .premium-banner-read-more,
383
- .premium-banner-animation4:hover .premium-banner-ib-title,
384
- .premium-banner-animation4.active .premium-banner-ib-title {
385
- opacity: 1;
386
- -webkit-transform: translate3d(0, 0, 0);
387
- transform: translate3d(0, 0, 0); }
388
-
389
- .premium-banner-animation4:hover .premium-banner-ib-content,
390
- .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
- .premium-banner-animation4:hover .premium-banner-ib-title,
392
- .premium-banner-animation4:hover img {
393
- -webkit-transition-delay: 0.15s;
394
- transition-delay: 0.15s; }
395
-
396
- .premium-banner-animation5 .premium-banner-ib-desc {
397
- top: auto;
398
- bottom: 0;
399
- padding: 15px;
400
- height: auto;
401
- background: #f2f2f2;
402
- color: #3c4a50;
403
- -webkit-transition: -webkit-transform 0.35s;
404
- transition: -webkit-transform 0.35s;
405
- transition: transform 0.35s;
406
- transition: transform 0.35s, -webkit-transform 0.35s;
407
- -webkit-transform: translate3d(0, 100%, 0);
408
- transform: translate3d(0, 100%, 0); }
409
-
410
- .premium-banner-animation5 .premium-banner-ib-content {
411
- position: absolute;
412
- top: auto;
413
- bottom: 100%;
414
- left: 0;
415
- width: 100%;
416
- padding: 15px;
417
- opacity: 0;
418
- -webkit-transition: opacity 0.35s;
419
- transition: opacity 0.35s; }
420
-
421
- .premium-banner-animation5 .premium-banner-ib-title,
422
- .premium-banner-animation5 .premium-banner-read-more {
423
- -webkit-transition: -webkit-transform 0.35s;
424
- transition: -webkit-transform 0.35s;
425
- transition: transform 0.35s;
426
- transition: transform 0.35s, -webkit-transform 0.35s;
427
- -webkit-transform: translate3d(0, 200%, 0);
428
- transform: translate3d(0, 200%, 0);
429
- text-align: center; }
430
-
431
- .premium-banner-animation5 .premium-banner-ib-title {
432
- margin: 10px 0; }
433
-
434
- .premium-banner-animation5:hover .premium-banner-ib-content,
435
- .premium-banner-animation5.active .premium-banner-ib-content,
436
- .premium-banner-animation5:hover .premium-banner-ib-content *,
437
- .premium-banner-animation5.active .premium-banner-ib-content * {
438
- opacity: 1 !important;
439
- z-index: 99 !important;
440
- -webkit-backface-visibility: hidden !important;
441
- backface-visibility: hidden !important; }
442
-
443
- .premium-banner-animation5:hover .premium-banner-ib-desc,
444
- .premium-banner-animation5.active .premium-banner-ib-desc,
445
- .premium-banner-animation5:hover .premium-banner-ib-title,
446
- .premium-banner-animation5.active .premium-banner-ib-title,
447
- .premium-banner-animation5:hover .premium-banner-read-more,
448
- .premium-banner-animation5.active .premium-banner-read-more {
449
- -webkit-transform: translateY(0);
450
- -ms-transform: translateY(0);
451
- transform: translateY(0); }
452
-
453
- .premium-banner-animation5:hover .premium-banner-ib-title {
454
- -webkit-transition-delay: 0.05s;
455
- transition-delay: 0.05s; }
456
-
457
- .premium-banner-animation5 img {
458
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
-
463
- .premium-banner-animation2 img,
464
- .premium-banner-animation4 img,
465
- .premium-banner-animation6 img {
466
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
-
471
- .premium-banner-animation5.zoomout img,
472
- .premium-banner-animation5.scale img {
473
- -webkit-transform: scale(1.1);
474
- -ms-transform: scale(1.1);
475
- transform: scale(1.1); }
476
-
477
- .premium-banner-animation2.zoomout img,
478
- .premium-banner-animation2.scale img {
479
- -webkit-transform: scale(1.1);
480
- -ms-transform: scale(1.1);
481
- transform: scale(1.1); }
482
-
483
- .premium-banner-animation6.zoomout img,
484
- .premium-banner-animation6.scale img {
485
- -webkit-transform: scale(1.1);
486
- -ms-transform: scale(1.1);
487
- transform: scale(1.1); }
488
-
489
- .premium-banner-animation5.zoomin:hover img,
490
- .premium-banner-animation2.zoomin:hover img,
491
- .premium-banner-animation6.zoomin:hover img {
492
- -webkit-transform: scale(1.1);
493
- -ms-transform: scale(1.1);
494
- transform: scale(1.1); }
495
-
496
- .premium-banner-animation5.zoomout:hover img,
497
- .premium-banner-animation2.zoomout:hover img,
498
- .premium-banner-animation6.zoomout:hover img {
499
- -webkit-transform: scale(1);
500
- -ms-transform: scale(1);
501
- transform: scale(1); }
502
-
503
- .premium-banner-animation5.scale:hover img,
504
- .premium-banner-animation2.scale:hover img,
505
- .premium-banner-animation6.scale:hover img {
506
- -webkit-transform: scale(1.2) rotate(5deg);
507
- -ms-transform: scale(1.2) rotate(5deg);
508
- transform: scale(1.2) rotate(5deg); }
509
-
510
- .premium-banner-animation5.grayscale:hover img,
511
- .premium-banner-animation2.grayscale:hover img,
512
- .premium-banner-animation6.grayscale:hover img {
513
- -webkit-filter: grayscale(100%);
514
- filter: grayscale(100%); }
515
-
516
- .premium-banner-animation5.blur:hover img,
517
- .premium-banner-animation2.blur:hover img {
518
- -webkit-filter: blur(3px);
519
- filter: blur(3px); }
520
-
521
- .premium-banner-animation6.blur:hover img {
522
- -webkit-filter: blur(3px);
523
- filter: blur(3px); }
524
-
525
- .premium-banner-animation6 .premium-banner-ib-desc {
526
- padding: 45px; }
527
- .premium-banner-animation6 .premium-banner-ib-desc::before {
528
- position: absolute;
529
- content: "";
530
- top: 30px;
531
- right: 30px;
532
- bottom: 30px;
533
- left: 30px;
534
- border: 1px solid #fff; }
535
-
536
- .premium-banner-animation6 .premium-banner-ib-title {
537
- margin: 20px 0 10px;
538
- -webkit-transition: -webkit-transform 0.35s;
539
- transition: -webkit-transform 0.35s;
540
- transition: transform 0.35s;
541
- transition: transform 0.35s, -webkit-transform 0.35s;
542
- -webkit-transform: translate3d(0, 100%, 0);
543
- transform: translate3d(0, 100%, 0); }
544
-
545
- .premium-banner-animation6 .premium-banner-ib-content,
546
- .premium-banner-animation6 .premium-banner-read-more,
547
- .premium-banner-animation6 .premium-banner-ib-desc::before {
548
- opacity: 0;
549
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
- transition: opacity 0.35s, -webkit-transform 0.35s;
551
- transition: opacity 0.35s, transform 0.35s;
552
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
- -webkit-transform: scale(0);
554
- -ms-transform: scale(0);
555
- transform: scale(0); }
556
-
557
- .premium-banner-animation6 .premium-banner-read-more {
558
- margin-top: 10px; }
559
-
560
- .premium-banner-animation6:hover .premium-banner-ib-title,
561
- .premium-banner-animation6.active .premium-banner-ib-title {
562
- -webkit-transform: translate3d(0, 0, 0);
563
- transform: translate3d(0, 0, 0); }
564
-
565
- .premium-banner-animation6:hover .premium-banner-ib-content,
566
- .premium-banner-animation6.active .premium-banner-ib-content,
567
- .premium-banner-animation6:hover .premium-banner-read-more,
568
- .premium-banner-animation6.active .premium-banner-read-more,
569
- .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
- .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
- opacity: 1;
572
- -webkit-transform: scale(1);
573
- -ms-transform: scale(1);
574
- transform: scale(1); }
575
-
576
- .premium-banner-animation12 .premium-banner-ib-desc::after {
577
- position: absolute;
578
- content: "";
579
- right: 30px;
580
- bottom: 30px;
581
- left: 30px;
582
- height: -webkit-calc(50% - 30px);
583
- height: calc(50% - 30px);
584
- border: 7px solid #fff;
585
- -webkit-transition: -webkit-transform 0.35s;
586
- transition: -webkit-transform 0.35s;
587
- transition: transform 0.35s;
588
- transition: transform 0.35s, -webkit-transform 0.35s;
589
- -webkit-transform: translate3d(0, -100%, 0);
590
- transform: translate3d(0, -100%, 0); }
591
-
592
- .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
- .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
- -webkit-transform: translate3d(0, 0, 0);
595
- transform: translate3d(0, 0, 0); }
596
-
597
- .premium-banner-animation12 .premium-banner-ib-desc {
598
- padding: 45px;
599
- text-align: left; }
600
-
601
- .premium-banner-animation12 .premium-banner-ib-content {
602
- position: absolute;
603
- right: 60px;
604
- bottom: 60px;
605
- left: 60px;
606
- opacity: 0;
607
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
- transition: opacity 0.35s, -webkit-transform 0.35s;
609
- transition: opacity 0.35s, transform 0.35s;
610
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
- -webkit-transform: translate3d(0, -100px, 0);
612
- transform: translate3d(0, -100px, 0); }
613
-
614
- .premium-banner-animation12:hover .premium-banner-ib-content,
615
- .premium-banner-animation12.active .premium-banner-ib-content {
616
- opacity: 1;
617
- -webkit-transform: translate3d(0, 0, 0);
618
- transform: translate3d(0, 0, 0); }
619
-
620
- .premium-banner-animation13 img {
621
- width: -webkit-calc(100% + 20px) !important;
622
- width: calc(100% + 20px) !important;
623
- max-width: -webkit-calc(100% + 20px) !important;
624
- max-width: calc(100% + 20px) !important;
625
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
- -webkit-transform: translate3d(-10px, 0, 0);
630
- transform: translate3d(-10px, 0, 0);
631
- -webkit-backface-visibility: hidden;
632
- backface-visibility: hidden; }
633
-
634
- .premium-banner-animation13.zoomout img,
635
- .premium-banner-animation13.scale img {
636
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
- transform: translate3d(-10px, 0, 0) scale(1.1); }
638
-
639
- .premium-banner-animation13.none:hover img {
640
- -webkit-transform: translate3d(0, 0, 0);
641
- transform: translate3d(0, 0, 0); }
642
-
643
- .premium-banner-animation1.none:hover img,
644
- .premium-banner-animation4.none:hover img {
645
- -webkit-transform: translate3d(0, 0, 0);
646
- transform: translate3d(0, 0, 0); }
647
-
648
- .premium-banner-animation13.zoomin:hover img,
649
- .premium-banner-animation1.zoomin:hover img,
650
- .premium-banner-animation4.zoomin:hover img,
651
- .premium-banner-animation8.zoomin:hover img,
652
- .premium-banner-animation7.zoomin:hover img,
653
- .premium-banner-animation9.zoomin:hover img,
654
- .premium-banner-animation10.zoomin:hover img,
655
- .premium-banner-animation11.zoomin:hover img {
656
- -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
- transform: translate3d(0, 0, 0) scale(1.1); }
658
-
659
- .premium-banner-animation13.zoomout:hover img,
660
- .premium-banner-animation1.zoomout:hover img,
661
- .premium-banner-animation4.zoomout:hover img,
662
- .premium-banner-animation8.zoomout:hover img,
663
- .premium-banner-animation7.zoomout:hover img,
664
- .premium-banner-animation9.zoomout:hover img,
665
- .premium-banner-animation10.zoomout:hover img,
666
- .premium-banner-animation11.zoomout:hover img {
667
- -webkit-transform: translate3d(0, 0, 0) scale(1);
668
- transform: translate3d(0, 0, 0) scale(1); }
669
-
670
- .premium-banner-animation13.scale:hover img,
671
- .premium-banner-animation1.scale:hover img,
672
- .premium-banner-animation4.scale:hover img,
673
- .premium-banner-animation8.scale:hover img,
674
- .premium-banner-animation7.scale:hover img,
675
- .premium-banner-animation9.scale:hover img,
676
- .premium-banner-animation10.scale:hover img,
677
- .premium-banner-animation11.scale:hover img {
678
- -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
- transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
-
681
- .premium-banner-animation13.grayscale:hover img,
682
- .premium-banner-animation1.grayscale:hover img,
683
- .premium-banner-animation4.grayscale:hover img,
684
- .premium-banner-animation8.grayscale:hover img,
685
- .premium-banner-animation7.grayscale:hover img,
686
- .premium-banner-animation9.grayscale:hover img,
687
- .premium-banner-animation10.grayscale:hover img,
688
- .premium-banner-animation11.grayscale:hover img {
689
- -webkit-transform: translate3d(0, 0, 0);
690
- transform: translate3d(0, 0, 0);
691
- -webkit-filter: grayscale(100%);
692
- filter: grayscale(100%); }
693
-
694
- .premium-banner-animation13.blur:hover img,
695
- .premium-banner-animation1.blur:hover img,
696
- .premium-banner-animation4.blur:hover,
697
- .premium-banner-animation8.blur:hover img,
698
- .premium-banner-animation7.blur:hover img,
699
- .premium-banner-animation9.blur:hover img,
700
- .premium-banner-animation10.blur:hover img,
701
- .premium-banner-animation11.blur:hover img {
702
- -webkit-transform: translate3d(0, 0, 0);
703
- transform: translate3d(0, 0, 0);
704
- -webkit-filter: blur(3px);
705
- filter: blur(3px); }
706
-
707
- .premium-banner-animation13 .premium-banner-ib-desc {
708
- text-align: left; }
709
-
710
- .premium-banner-animation13 .premium-banner-ib-title {
711
- position: relative;
712
- overflow: hidden;
713
- padding: 5px 0 10px; }
714
- .premium-banner-animation13 .premium-banner-ib-title::after {
715
- position: absolute;
716
- content: "";
717
- bottom: 0;
718
- left: 0;
719
- width: 100%;
720
- height: 2px;
721
- background: #fff;
722
- -webkit-transition: -webkit-transform 0.35s;
723
- transition: -webkit-transform 0.35s;
724
- transition: transform 0.35s;
725
- transition: transform 0.35s, -webkit-transform 0.35s;
726
- -webkit-transform: translate3d(-101%, 0, 0);
727
- transform: translate3d(-101%, 0, 0); }
728
-
729
- .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
- .premium-banner-animation13.active .premium-banner-ib-title::after {
731
- -webkit-transform: translate3d(0, 0, 0);
732
- transform: translate3d(0, 0, 0); }
733
-
734
- .premium-banner-animation13 .premium-banner-ib-content,
735
- .premium-banner-animation13 .premium-banner-read-more {
736
- padding: 15px 0;
737
- opacity: 0;
738
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
- transition: opacity 0.35s, -webkit-transform 0.35s;
740
- transition: opacity 0.35s, transform 0.35s;
741
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
- -webkit-transform: translate3d(100%, 0, 0);
743
- transform: translate3d(100%, 0, 0); }
744
-
745
- .premium-banner-animation13:hover .premium-banner-ib-content,
746
- .premium-banner-animation13.active .premium-banner-ib-content,
747
- .premium-banner-animation13:hover .premium-banner-read-more,
748
- .premium-banner-animation13.active .premium-banner-read-more {
749
- opacity: 1;
750
- -webkit-transform: translate3d(0, 0, 0);
751
- transform: translate3d(0, 0, 0); }
752
-
753
- .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
- left: 50%;
755
- width: auto !important;
756
- height: 100%;
757
- max-width: none;
758
- -webkit-transform: translateX(-50%);
759
- -ms-transform: translateX(-50%);
760
- transform: translateX(-50%); }
761
-
762
- .premium-banner-ib img {
763
- border: none;
764
- padding: 0;
765
- margin: 0; }
766
-
767
- .premium-banner-animation7 img {
768
- width: -webkit-calc(100% + 40px) !important;
769
- width: calc(100% + 40px) !important;
770
- max-width: -webkit-calc(100% + 40px) !important;
771
- max-width: calc(100% + 40px) !important;
772
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
-
777
- .premium-banner-animation7 .premium-banner-brlr {
778
- width: 7px; }
779
-
780
- .premium-banner-animation7 .premium-banner-brtb {
781
- height: 7px; }
782
-
783
- .premium-banner-animation7 .premium-banner-br {
784
- position: absolute;
785
- z-index: 1;
786
- background-color: white;
787
- -webkit-transition: all 0.3s ease-in-out;
788
- transition: all 0.3s ease-in-out;
789
- -webkit-transition-delay: 0.2s;
790
- transition-delay: 0.2s; }
791
-
792
- .premium-banner-animation7 .premium-banner-bleft {
793
- left: 30px;
794
- top: -webkit-calc(100% - 150px);
795
- top: calc(100% - 150px);
796
- height: 0; }
797
-
798
- .premium-banner-animation7 .premium-banner-bright {
799
- right: 30px;
800
- bottom: -webkit-calc(100% - 150px);
801
- bottom: calc(100% - 150px);
802
- height: 0; }
803
-
804
- .premium-banner-animation7 .premium-banner-bottom {
805
- right: -webkit-calc(100% - 150px);
806
- right: calc(100% - 150px);
807
- bottom: 30px;
808
- width: 0; }
809
-
810
- .premium-banner-animation7 .premium-banner-btop {
811
- left: -webkit-calc(100% - 150px);
812
- left: calc(100% - 150px);
813
- top: 30px;
814
- width: 0; }
815
-
816
- .premium-banner-animation7 .premium-banner-ib-desc {
817
- padding: 70px;
818
- display: table; }
819
- .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
- display: table-cell;
821
- vertical-align: middle; }
822
-
823
- .premium-banner-animation7 .premium-banner-ib-title {
824
- margin-top: 0; }
825
-
826
- .premium-banner-animation7 .premium-banner-ib-title,
827
- .premium-banner-animation7 img {
828
- -webkit-transform: translate3d(-30px, 0, 0);
829
- transform: translate3d(-30px, 0, 0); }
830
-
831
- .premium-banner-animation7.zoomout img,
832
- .premium-banner-animation7.scale img {
833
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
- transform: translate3d(-30px, 0, 0) scale(1.1); }
835
-
836
- .premium-banner-animation7 .premium-banner-ib-content,
837
- .premium-banner-animation7 .premium-banner-read-more {
838
- margin-top: 10px; }
839
-
840
- .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
- transition: opacity 0.35s, -webkit-transform 0.35s;
843
- transition: opacity 0.35s, transform 0.35s;
844
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
-
846
- .premium-banner-animation7 .premium-banner-ib-title,
847
- .premium-banner-animation7 .premium-banner-ib-content,
848
- .premium-banner-animation7 .premium-banner-read-more {
849
- opacity: 0;
850
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
- transition: opacity 0.35s, -webkit-transform 0.35s;
852
- transition: opacity 0.35s, transform 0.35s;
853
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
-
855
- .premium-banner-animation7:hover .premium-banner-ib-content,
856
- .premium-banner-animation7.active .premium-banner-ib-content,
857
- .premium-banner-animation7:hover .premium-banner-read-more,
858
- .premium-banner-animation7.active .premium-banner-read-more,
859
- .premium-banner-animation7:hover .premium-banner-ib-title,
860
- .premium-banner-animation7.active .premium-banner-ib-title {
861
- opacity: 1;
862
- -webkit-transform: translate3d(0, 0, 0);
863
- transform: translate3d(0, 0, 0); }
864
-
865
- .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
- top: 30px;
867
- height: 70px; }
868
-
869
- .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
- bottom: 30px;
871
- height: 70px; }
872
-
873
- .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
- right: 30px;
875
- width: 70px; }
876
-
877
- .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
- left: 30px;
879
- width: 70px; }
880
-
881
- .premium-banner-animation7:hover .premium-banner-ib-content,
882
- .premium-banner-animation7:hover .premium-banner-read-more,
883
- .premium-banner-animation7:hover .premium-banner-ib-title,
884
- .premium-banner-animation7:hover img {
885
- -webkit-transition-delay: 0.15s;
886
- transition-delay: 0.15s; }
887
-
888
- .premium-banner-animation8 img {
889
- width: -webkit-calc(100% + 40px) !important;
890
- width: calc(100% + 40px) !important;
891
- max-width: -webkit-calc(100% + 40px) !important;
892
- max-width: calc(100% + 40px) !important;
893
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
-
898
- .premium-banner-animation8 .premium-banner-brlr {
899
- width: 7px; }
900
-
901
- .premium-banner-animation8 .premium-banner-brtb {
902
- height: 7px; }
903
-
904
- .premium-banner-animation8 .premium-banner-br {
905
- position: absolute;
906
- z-index: 1;
907
- background-color: white;
908
- -webkit-transition: all 0.3s ease-in-out;
909
- transition: all 0.3s ease-in-out;
910
- -webkit-transition-delay: 0.2s;
911
- transition-delay: 0.2s; }
912
-
913
- .premium-banner-animation8 .premium-banner-bleft {
914
- left: 30px;
915
- top: 50%;
916
- -webkit-transform: translateY(-50%);
917
- -ms-transform: translateY(-50%);
918
- transform: translateY(-50%);
919
- height: 0; }
920
-
921
- .premium-banner-animation8 .premium-banner-bright {
922
- right: 30px;
923
- top: 50%;
924
- -webkit-transform: translateY(-50%);
925
- -ms-transform: translateY(-50%);
926
- transform: translateY(-50%);
927
- height: 0; }
928
-
929
- .premium-banner-animation8 .premium-banner-bottom {
930
- left: 50%;
931
- -webkit-transform: translateX(-50%);
932
- -ms-transform: translateX(-50%);
933
- transform: translateX(-50%);
934
- bottom: 30px;
935
- width: 0; }
936
-
937
- .premium-banner-animation8 .premium-banner-btop {
938
- left: 50%;
939
- -webkit-transform: translateX(-50%);
940
- -ms-transform: translateX(-50%);
941
- transform: translateX(-50%);
942
- top: 30px;
943
- width: 0; }
944
-
945
- .premium-banner-animation8 .premium-banner-ib-desc {
946
- padding: 70px;
947
- display: table; }
948
- .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
- display: table-cell;
950
- vertical-align: middle; }
951
-
952
- .premium-banner-animation8 .premium-banner-ib-title {
953
- margin-top: 0; }
954
-
955
- .premium-banner-animation8 .premium-banner-ib-title,
956
- .premium-banner-animation8 img {
957
- -webkit-transform: translate3d(-30px, 0, 0);
958
- transform: translate3d(-30px, 0, 0); }
959
-
960
- .premium-banner-animation8.zoomout img,
961
- .premium-banner-animation8.scale img {
962
- -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
- transform: translate3d(-30px, 0, 0) scale(1.1); }
964
-
965
- .premium-banner-animation8 .premium-banner-ib-content,
966
- .premium-banner-animation8 .premium-banner-read-more {
967
- margin-top: 10px; }
968
-
969
- .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
- transition: opacity 0.35s, -webkit-transform 0.35s;
972
- transition: opacity 0.35s, transform 0.35s;
973
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
-
975
- .premium-banner-animation8 .premium-banner-ib-title,
976
- .premium-banner-animation8 .premium-banner-ib-content,
977
- .premium-banner-animation8 .premium-banner-read-more {
978
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
- transition: opacity 0.35s, -webkit-transform 0.35s;
980
- transition: opacity 0.35s, transform 0.35s;
981
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
- opacity: 0; }
983
-
984
- .premium-banner-animation8:hover .premium-banner-ib-content,
985
- .premium-banner-animation8.active .premium-banner-ib-content,
986
- .premium-banner-animation8:hover .premium-banner-read-more,
987
- .premium-banner-animation8.active .premium-banner-read-more,
988
- .premium-banner-animation8:hover .premium-banner-ib-title,
989
- .premium-banner-animation8.active .premium-banner-ib-title {
990
- opacity: 1;
991
- -webkit-transform: translate3d(0, 0, 0);
992
- transform: translate3d(0, 0, 0); }
993
-
994
- .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
- height: -webkit-calc(100% - 61px);
996
- height: calc(100% - 61px); }
997
-
998
- .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
- height: -webkit-calc(100% - 61px);
1000
- height: calc(100% - 61px); }
1001
-
1002
- .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
- width: -webkit-calc(100% - 61px);
1004
- width: calc(100% - 61px); }
1005
-
1006
- .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
- width: -webkit-calc(100% - 61px);
1008
- width: calc(100% - 61px); }
1009
-
1010
- .premium-banner-animation8:hover .premium-banner-ib-content,
1011
- .premium-banner-animation8:hover .premium-banner-ib-title,
1012
- .premium-banner-animation8:hover .premium-banner-read-more,
1013
- .premium-banner-animation8:hover img {
1014
- -webkit-transition-delay: 0.15s;
1015
- transition-delay: 0.15s; }
1016
-
1017
- .premium-banner-animation9 img {
1018
- width: -webkit-calc(100% + 20px) !important;
1019
- width: calc(100% + 20px) !important;
1020
- max-width: -webkit-calc(100% + 20px) !important;
1021
- max-width: calc(100% + 20px) !important;
1022
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
- -webkit-transform: scale(1.2);
1027
- -ms-transform: scale(1.2);
1028
- transform: scale(1.2); }
1029
-
1030
- .premium-banner-animation9 .premium-banner-ib-desc {
1031
- width: 100%;
1032
- height: 100%; }
1033
- .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
- position: absolute;
1035
- top: 50%;
1036
- left: 50%;
1037
- width: 80%;
1038
- height: 1px;
1039
- background: #fff;
1040
- content: "";
1041
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
- transition: opacity 0.35s, -webkit-transform 0.35s;
1043
- transition: opacity 0.35s, transform 0.35s;
1044
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
- -webkit-transform: translate3d(-50%, -50%, 0);
1046
- transform: translate3d(-50%, -50%, 0); }
1047
- .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
- position: absolute;
1049
- top: 50%;
1050
- left: 50%;
1051
- width: 80%;
1052
- height: 1px;
1053
- background: #fff;
1054
- content: "";
1055
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
- transition: opacity 0.35s, -webkit-transform 0.35s;
1057
- transition: opacity 0.35s, transform 0.35s;
1058
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
- -webkit-transform: translate3d(-50%, -50%, 0);
1060
- transform: translate3d(-50%, -50%, 0); }
1061
-
1062
- .premium-banner-animation9 .premium-banner-ib-title {
1063
- position: absolute;
1064
- top: 50%;
1065
- left: 0;
1066
- width: 100%;
1067
- -webkit-transition: -webkit-transform 0.35s;
1068
- transition: -webkit-transform 0.35s;
1069
- transition: transform 0.35s;
1070
- transition: transform 0.35s, -webkit-transform 0.35s;
1071
- -webkit-transform: translate3d(0, -70px, 0);
1072
- transform: translate3d(0, -70px, 0);
1073
- margin-top: 0;
1074
- padding: 0 10%; }
1075
-
1076
- .premium-banner-animation9:hover .premium-banner-ib-title,
1077
- .premium-banner-animation9.active .premium-banner-ib-title {
1078
- -webkit-transform: translate3d(0, -80px, 0);
1079
- transform: translate3d(0, -80px, 0); }
1080
-
1081
- .premium-banner-animation9 .premium-banner-ib-content,
1082
- .premium-banner-animation9 .premium-banner-read-more {
1083
- position: absolute;
1084
- top: 50%;
1085
- left: 0;
1086
- width: 100%;
1087
- -webkit-transition: -webkit-transform 0.35s;
1088
- transition: -webkit-transform 0.35s;
1089
- transition: transform 0.35s;
1090
- transition: transform 0.35s, -webkit-transform 0.35s;
1091
- padding: 0 10%;
1092
- -webkit-transform: translate3d(0, 35px, 0);
1093
- transform: translate3d(0, 35px, 0); }
1094
-
1095
- .premium-banner-animation9 .premium-banner-read-more {
1096
- top: 75%; }
1097
-
1098
- .premium-banner-animation9:hover .premium-banner-ib-content,
1099
- .premium-banner-animation9.active .premium-banner-ib-content,
1100
- .premium-banner-animation9:hover .premium-banner-read-more,
1101
- .premium-banner-animation9.active .premium-banner-read-more {
1102
- -webkit-transform: translate3d(0, 45px, 0);
1103
- transform: translate3d(0, 45px, 0); }
1104
-
1105
- .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
- .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
- opacity: 0.5;
1108
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
- transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
-
1111
- .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
- .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
- opacity: 0.5;
1114
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
- transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
-
1117
- .premium-banner-animation9:hover img {
1118
- -webkit-transform: scale(1);
1119
- -ms-transform: scale(1);
1120
- transform: scale(1); }
1121
-
1122
- .premium-banner-animation10 img {
1123
- width: -webkit-calc(100% + 20px) !important;
1124
- width: calc(100% + 20px) !important;
1125
- max-width: -webkit-calc(100% + 20px) !important;
1126
- max-width: calc(100% + 20px) !important;
1127
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
-
1132
- .premium-banner-animation10 .premium-banner-ib-title {
1133
- position: relative;
1134
- overflow: hidden;
1135
- padding: 5px 0 15px;
1136
- -webkit-transition: -webkit-transform 0.35s;
1137
- transition: -webkit-transform 0.35s;
1138
- transition: transform 0.35s;
1139
- transition: transform 0.35s, -webkit-transform 0.35s;
1140
- -webkit-transform: translate3d(0, 20px, 0);
1141
- transform: translate3d(0, 20px, 0);
1142
- margin-bottom: 0; }
1143
- .premium-banner-animation10 .premium-banner-ib-title::after {
1144
- position: absolute;
1145
- content: "";
1146
- bottom: 0;
1147
- left: 0;
1148
- width: 100%;
1149
- height: 3px;
1150
- background: #fff;
1151
- opacity: 0;
1152
- -webkit-transform: translate3d(0, 100%, 0);
1153
- transform: translate3d(0, 100%, 0);
1154
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
- transition: opacity 0.35s, -webkit-transform 0.35s;
1156
- transition: opacity 0.35s, transform 0.35s;
1157
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
-
1159
- .premium-banner-animation10:hover .premium-banner-ib-title,
1160
- .premium-banner-animation10.active .premium-banner-ib-title {
1161
- -webkit-transform: translate3d(0, 0, 0);
1162
- transform: translate3d(0, 0, 0); }
1163
-
1164
- .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
- .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
- opacity: 1;
1167
- -webkit-transform: translate3d(0, 0, 0);
1168
- transform: translate3d(0, 0, 0); }
1169
-
1170
- .premium-banner-animation10.zoomout img,
1171
- .premium-banner-animation10.scale img {
1172
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
-
1175
- .premium-banner-animation10 .premium-banner-ib-content,
1176
- .premium-banner-animation10 .premium-banner-read-more {
1177
- padding-top: 15px;
1178
- opacity: 0;
1179
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
- transition: opacity 0.35s, -webkit-transform 0.35s;
1181
- transition: opacity 0.35s, transform 0.35s;
1182
- transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
- -webkit-transform: translate3d(0, 100%, 0);
1184
- transform: translate3d(0, 100%, 0); }
1185
-
1186
- .premium-banner-animation10 .premium-banner-read-more {
1187
- padding: 0; }
1188
-
1189
- .premium-banner-animation10:hover .premium-banner-ib-content,
1190
- .premium-banner-animation10.active .premium-banner-ib-content,
1191
- .premium-banner-animation10:hover .premium-banner-read-more,
1192
- .premium-banner-animation10.active .premium-banner-read-more {
1193
- opacity: 1;
1194
- -webkit-transform: translate3d(0, 0, 0);
1195
- transform: translate3d(0, 0, 0); }
1196
-
1197
- .premium-banner-animation11 {
1198
- -webkit-transition: -webkit-transform 1s ease-out;
1199
- transition: -webkit-transform 1s ease-out;
1200
- transition: transform 1s ease-out;
1201
- transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
- -webkit-transition-delay: 0.125s;
1203
- transition-delay: 0.125s; }
1204
- .premium-banner-animation11 .premium-banner-ib-desc {
1205
- position: absolute;
1206
- z-index: 5;
1207
- -webkit-transform: translate3d(-30px, 0, 0);
1208
- transform: translate3d(-30px, 0, 0);
1209
- opacity: 0;
1210
- top: auto;
1211
- bottom: 0;
1212
- min-height: 25%;
1213
- height: auto;
1214
- max-height: 100%;
1215
- text-align: left;
1216
- padding: 30px;
1217
- -webkit-transition: all 0.6s ease-out;
1218
- transition: all 0.6s ease-out; }
1219
- .premium-banner-animation11 img {
1220
- width: 100%;
1221
- -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
- transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
- transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
- transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
- .premium-banner-animation11 .premium-banner-ib-title {
1226
- margin-bottom: 10px; }
1227
- .premium-banner-animation11 .premium-banner-gradient {
1228
- position: absolute;
1229
- left: 0;
1230
- top: 0;
1231
- right: 0;
1232
- bottom: 0; }
1233
- .premium-banner-animation11 .premium-banner-gradient:after,
1234
- .premium-banner-animation11 .premium-banner-gradient:before {
1235
- position: absolute;
1236
- content: "";
1237
- left: 0;
1238
- top: 0;
1239
- right: 0;
1240
- bottom: 0;
1241
- -webkit-transform: translate3d(-100%, 0, 0);
1242
- transform: translate3d(-100%, 0, 0);
1243
- background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
- background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
- z-index: 2; }
1246
- .premium-banner-animation11 .premium-banner-gradient:before {
1247
- mix-blend-mode: color; }
1248
- .premium-banner-animation11 .premium-banner-gradient:after {
1249
- mix-blend-mode: multiply; }
1250
- .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
- .premium-banner-animation11.active .premium-banner-ib-desc {
1252
- opacity: 1;
1253
- -webkit-transform: translate3d(0, 0, 0);
1254
- transform: translate3d(0, 0, 0); }
1255
- .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
- .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
- .premium-banner-animation11.active .premium-banner-gradient:after,
1258
- .premium-banner-animation11.active .premium-banner-gradient:before {
1259
- -webkit-transform: translate3d(0, 0, 0);
1260
- transform: translate3d(0, 0, 0); }
1261
- .premium-banner-animation11.zoomout img,
1262
- .premium-banner-animation11.scale img {
1263
- -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
- transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
-
1266
- /**************** Premium CountDown *************/
1267
- /************************************************/
1268
- .premium-countdown {
1269
- -js-display: flex;
1270
- display: -webkit-box;
1271
- display: -webkit-flex;
1272
- display: -moz-box;
1273
- display: -ms-flexbox;
1274
- display: flex;
1275
- text-align: center; }
1276
-
1277
- .countdown-row {
1278
- display: block;
1279
- text-align: center; }
1280
-
1281
- .countdown .countdown-section {
1282
- display: inline-block;
1283
- max-width: 100%;
1284
- margin-bottom: 15px;
1285
- -js-display: inline-flex;
1286
- display: -webkit-inline-box;
1287
- display: -webkit-inline-flex;
1288
- display: -moz-inline-box;
1289
- display: -ms-inline-flexbox;
1290
- display: inline-flex;
1291
- -webkit-box-align: center;
1292
- -webkit-align-items: center;
1293
- -moz-box-align: center;
1294
- -ms-flex-align: center;
1295
- align-items: center; }
1296
- .countdown .countdown-section:last-child {
1297
- margin-right: 0; }
1298
-
1299
- .countdown span.countdown-amount {
1300
- font-size: 70px;
1301
- line-height: 1;
1302
- padding: 40px; }
1303
-
1304
- .countdown .pre_time-mid {
1305
- display: block; }
1306
-
1307
- .premium-countdown-separator-yes .countdown_separator {
1308
- display: block;
1309
- margin: 0 50px;
1310
- font-size: 30px; }
1311
-
1312
- .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
- .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
- display: none; }
1315
-
1316
- /**
1317
- * Digit and unit styles
1318
- */
1319
- .side .countdown-section .countdown-period {
1320
- vertical-align: bottom; }
1321
-
1322
- .countdown .countdown-section .countdown-period {
1323
- font-size: 17px;
1324
- line-height: 3em; }
1325
-
1326
- .side .countdown-section .countdown-amount,
1327
- .side .countdown-section .countdown-period {
1328
- display: inline-block; }
1329
-
1330
- .side .countdown-section .countdown-amount {
1331
- margin-right: 5px; }
1332
-
1333
- .down .countdown-section .countdown-amount,
1334
- .down .countdown-section .countdown-period {
1335
- display: block; }
1336
-
1337
- /**
1338
- * Flip Layout
1339
- */
1340
- .premium-countdown-flip .premium-countdown-block {
1341
- text-align: center;
1342
- -js-display: inline-flex;
1343
- display: -webkit-inline-box;
1344
- display: -webkit-inline-flex;
1345
- display: -moz-inline-box;
1346
- display: -ms-inline-flexbox;
1347
- display: inline-flex;
1348
- -webkit-box-align: center;
1349
- -webkit-align-items: center;
1350
- -moz-box-align: center;
1351
- -ms-flex-align: center;
1352
- align-items: center; }
1353
- .premium-countdown-flip .premium-countdown-block:last-child {
1354
- margin-right: 0; }
1355
-
1356
- .premium-countdown-flip .premium-countdown-label {
1357
- overflow: hidden;
1358
- color: #1a1a1a;
1359
- text-transform: uppercase; }
1360
-
1361
- .premium-countdown-flip .premium-countdown-figure {
1362
- position: relative;
1363
- height: 110px;
1364
- width: 100px;
1365
- line-height: 107px;
1366
- background-color: #fff;
1367
- -webkit-border-radius: 10px;
1368
- border-radius: 10px;
1369
- -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
- .premium-countdown-flip .premium-countdown-figure:last-child {
1372
- margin-right: 0; }
1373
- .premium-countdown-flip .premium-countdown-figure > span {
1374
- position: absolute;
1375
- left: 0;
1376
- right: 0;
1377
- margin: auto;
1378
- font-weight: 700; }
1379
- .premium-countdown-flip .premium-countdown-figure .top {
1380
- z-index: 3;
1381
- -webkit-transform-origin: 50% 100%;
1382
- -ms-transform-origin: 50% 100%;
1383
- transform-origin: 50% 100%;
1384
- -webkit-transform: perspective(200px);
1385
- transform: perspective(200px);
1386
- -webkit-backface-visibility: hidden;
1387
- backface-visibility: hidden; }
1388
- .premium-countdown-flip .premium-countdown-figure .bottom {
1389
- z-index: 1; }
1390
- .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
- content: "";
1392
- position: absolute;
1393
- display: block;
1394
- top: 0;
1395
- left: 0;
1396
- width: 100%;
1397
- height: 50%;
1398
- background-color: rgba(0, 0, 0, 0.02); }
1399
- .premium-countdown-flip .premium-countdown-figure .top-back {
1400
- -webkit-backface-visibility: hidden;
1401
- backface-visibility: hidden;
1402
- z-index: 4;
1403
- bottom: 0;
1404
- -webkit-transform-origin: 50% 0;
1405
- -ms-transform-origin: 50% 0;
1406
- transform-origin: 50% 0;
1407
- -webkit-transform: perspective(200px) rotateX(180deg);
1408
- transform: perspective(200px) rotateX(180deg); }
1409
- .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
- position: absolute;
1411
- top: -100%;
1412
- left: 0;
1413
- right: 0;
1414
- margin: auto; }
1415
- .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
- z-index: 2;
1417
- top: 0; }
1418
- .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
- position: absolute;
1420
- top: 0;
1421
- left: 0;
1422
- right: 0;
1423
- margin: auto; }
1424
- .premium-countdown-flip .premium-countdown-figure .top,
1425
- .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
- .premium-countdown-flip .premium-countdown-figure .top-back {
1427
- height: 50%;
1428
- overflow: hidden;
1429
- background-color: #f7f7f7;
1430
- -webkit-border-top-left-radius: 10px;
1431
- border-top-left-radius: 10px;
1432
- -webkit-border-top-right-radius: 10px;
1433
- border-top-right-radius: 10px; }
1434
- .premium-countdown-flip .premium-countdown-figure .top-back {
1435
- -webkit-border-bottom-left-radius: 10px;
1436
- border-bottom-left-radius: 10px;
1437
- -webkit-border-bottom-right-radius: 10px;
1438
- border-bottom-right-radius: 10px; }
1439
- .premium-countdown-flip .premium-countdown-figure .top::after,
1440
- .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
- content: "";
1442
- position: absolute;
1443
- z-index: -1;
1444
- left: 0;
1445
- bottom: 0;
1446
- width: 100%;
1447
- height: 100%;
1448
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
-
1450
- .side .premium-countdown-figure,
1451
- .side .premium-countdown-label {
1452
- display: inline-block; }
1453
-
1454
- .side .premium-countdown-figure {
1455
- margin-right: 5px; }
1456
-
1457
- .down .premium-countdown-figure,
1458
- .down .premium-countdown-label {
1459
- display: block; }
1460
-
1461
- .down .premium-countdown-label {
1462
- width: 100%; }
1463
-
1464
- /**************** Premium Carousel ****************/
1465
- /**************************************************/
1466
- .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
- -js-display: flex;
1468
- display: -webkit-box;
1469
- display: -webkit-flex;
1470
- display: -moz-box;
1471
- display: -ms-flexbox;
1472
- display: flex;
1473
- -webkit-box-align: center;
1474
- -webkit-align-items: center;
1475
- -moz-box-align: center;
1476
- -ms-flex-align: center;
1477
- align-items: center;
1478
- -webkit-box-pack: center;
1479
- -webkit-justify-content: center;
1480
- -moz-box-pack: center;
1481
- -ms-flex-pack: center;
1482
- justify-content: center;
1483
- width: 2em;
1484
- height: 2em;
1485
- line-height: 0;
1486
- text-align: center;
1487
- position: absolute;
1488
- z-index: 99;
1489
- cursor: pointer;
1490
- -webkit-transition: all 0.3s ease-in-out;
1491
- transition: all 0.3s ease-in-out;
1492
- -webkit-appearance: inherit;
1493
- border: none;
1494
- -webkit-box-shadow: none;
1495
- box-shadow: none; }
1496
- .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
- -webkit-transition: all 0.3s ease-in-out;
1498
- transition: all 0.3s ease-in-out; }
1499
-
1500
- .premium-tabs-nav-list a.carousel-arrow,
1501
- .premium-fb-rev-container a.carousel-arrow,
1502
- .premium-blog-wrap a.carousel-arrow,
1503
- .premium-hscroll-wrap a.carousel-arrow,
1504
- .premium-twitter-feed-wrapper a.carousel-arrow,
1505
- .premium-facebook-feed-wrapper a.carousel-arrow,
1506
- .premium-instafeed-container a.carousel-arrow,
1507
- .premium-persons-container a.carousel-arrow,
1508
- .premium-woocommerce a.carousel-arrow {
1509
- -js-display: flex;
1510
- display: -webkit-box;
1511
- display: -webkit-flex;
1512
- display: -moz-box;
1513
- display: -ms-flexbox;
1514
- display: flex;
1515
- -webkit-box-align: center;
1516
- -webkit-align-items: center;
1517
- -moz-box-align: center;
1518
- -ms-flex-align: center;
1519
- align-items: center;
1520
- -webkit-box-pack: center;
1521
- -webkit-justify-content: center;
1522
- -moz-box-pack: center;
1523
- -ms-flex-pack: center;
1524
- justify-content: center;
1525
- width: 2em;
1526
- height: 2em;
1527
- line-height: 0;
1528
- text-align: center;
1529
- position: absolute;
1530
- z-index: 99;
1531
- cursor: pointer;
1532
- -webkit-transition: all 0.3s ease-in-out;
1533
- transition: all 0.3s ease-in-out;
1534
- -webkit-appearance: inherit;
1535
- border: none;
1536
- -webkit-box-shadow: none;
1537
- box-shadow: none; }
1538
-
1539
- div[class^="premium-"] .slick-arrow i {
1540
- display: block; }
1541
-
1542
- .ver-carousel-arrow.carousel-next i {
1543
- margin-bottom: -3px; }
1544
-
1545
- .premium-carousel-wrapper a.slick-arrow:hover {
1546
- -webkit-box-shadow: none !important;
1547
- box-shadow: none !important; }
1548
-
1549
- .premium-carousel-wrapper .premium-carousel-content-hidden {
1550
- visibility: hidden; }
1551
-
1552
- .premium-carousel-wrapper a.carousel-arrow {
1553
- top: 50%; }
1554
-
1555
- .premium-tabs-nav-list a.carousel-arrow,
1556
- .premium-fb-rev-container a.carousel-arrow,
1557
- .premium-blog-wrap a.carousel-arrow,
1558
- .premium-hscroll-wrap a.carousel-arrow,
1559
- .premium-twitter-feed-wrapper a.carousel-arrow,
1560
- .premium-facebook-feed-wrapper a.carousel-arrow,
1561
- .premium-instafeed-container a.carousel-arrow,
1562
- .premium-persons-container a.carousel-arrow,
1563
- .premium-woocommerce a.carousel-arrow {
1564
- top: 50%;
1565
- -webkit-transform: translateY(-50%);
1566
- -ms-transform: translateY(-50%);
1567
- transform: translateY(-50%); }
1568
-
1569
- .premium-carousel-wrapper a.ver-carousel-arrow {
1570
- left: 50%;
1571
- -webkit-transform: translateX(-50%);
1572
- -ms-transform: translateX(-50%);
1573
- transform: translateX(-50%); }
1574
-
1575
- a.carousel-arrow.carousel-next {
1576
- left: auto;
1577
- right: -20px; }
1578
-
1579
- a.carousel-arrow.carousel-prev {
1580
- left: -20px;
1581
- right: auto; }
1582
-
1583
- a.ver-carousel-arrow.carousel-next {
1584
- bottom: -56px; }
1585
-
1586
- a.ver-carousel-arrow.carousel-prev {
1587
- top: -45px; }
1588
-
1589
- a.circle-bg {
1590
- -webkit-border-radius: 100%;
1591
- border-radius: 100%; }
1592
-
1593
- a.circle-border {
1594
- -webkit-border-radius: 100%;
1595
- border-radius: 100%;
1596
- border: solid black; }
1597
-
1598
- a.square-border {
1599
- border: solid black; }
1600
-
1601
- .premium-woocommerce ul.slick-dots,
1602
- .premium-carousel-dots-below ul.slick-dots,
1603
- .premium-blog-wrap ul.slick-dots,
1604
- .premium-fb-rev-reviews ul.slick-dots {
1605
- position: relative;
1606
- bottom: 0;
1607
- list-style: none;
1608
- text-align: center;
1609
- margin: 0;
1610
- padding: 0; }
1611
-
1612
- .premium-carousel-dots-above ul.slick-dots {
1613
- position: absolute;
1614
- -js-display: flex;
1615
- display: -webkit-box;
1616
- display: -webkit-flex;
1617
- display: -moz-box;
1618
- display: -ms-flexbox;
1619
- display: flex;
1620
- width: auto;
1621
- top: 50%;
1622
- bottom: auto;
1623
- -webkit-transform: translateY(-50%);
1624
- -ms-transform: translateY(-50%);
1625
- transform: translateY(-50%);
1626
- -webkit-box-orient: vertical;
1627
- -webkit-box-direction: normal;
1628
- -webkit-flex-direction: column;
1629
- -moz-box-orient: vertical;
1630
- -moz-box-direction: normal;
1631
- -ms-flex-direction: column;
1632
- flex-direction: column; }
1633
-
1634
- ul.slick-dots li {
1635
- font-size: 10px;
1636
- -js-display: inline-flex;
1637
- display: -webkit-inline-box;
1638
- display: -webkit-inline-flex;
1639
- display: -moz-inline-box;
1640
- display: -ms-inline-flexbox;
1641
- display: inline-flex;
1642
- -webkit-box-pack: center;
1643
- -webkit-justify-content: center;
1644
- -moz-box-pack: center;
1645
- -ms-flex-pack: center;
1646
- justify-content: center;
1647
- -webkit-box-align: center;
1648
- -webkit-align-items: center;
1649
- -moz-box-align: center;
1650
- -ms-flex-align: center;
1651
- align-items: center;
1652
- margin: 5px;
1653
- width: 20px;
1654
- height: 20px;
1655
- cursor: pointer; }
1656
-
1657
- /*
1658
- * Custom Navigation Dot
1659
- */
1660
- .premium-carousel-wrapper .premium-carousel-nav-dot,
1661
- .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1662
- .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1663
- display: none; }
1664
-
1665
- .premium-carousel-wrapper ul.slick-dots svg {
1666
- width: 20px;
1667
- height: 20px;
1668
- outline: none !important; }
1669
-
1670
- /* Ripple Out */
1671
- @-webkit-keyframes hvr-ripple-out {
1672
- 0% {
1673
- -webkit-transform: scale(1);
1674
- transform: scale(1);
1675
- opacity: 1; }
1676
- 100% {
1677
- -webkit-transform: scale(1.5);
1678
- transform: scale(1.5);
1679
- opacity: 0; } }
1680
- @keyframes hvr-ripple-out {
1681
- 0% {
1682
- -webkit-transform: scale(1);
1683
- transform: scale(1);
1684
- opacity: 1; }
1685
- 100% {
1686
- -webkit-transform: scale(1.5);
1687
- transform: scale(1.5);
1688
- opacity: 0; } }
1689
-
1690
- .premium-carousel-ripple-yes .premium-carousel-wrapper {
1691
- padding-bottom: 1px; }
1692
-
1693
- .premium-carousel-ripple-yes ul.slick-dots li {
1694
- position: relative; }
1695
- .premium-carousel-ripple-yes ul.slick-dots li i {
1696
- position: relative;
1697
- z-index: 1; }
1698
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1699
- content: "";
1700
- position: absolute;
1701
- -webkit-transform: scale(1);
1702
- -ms-transform: scale(1);
1703
- transform: scale(1);
1704
- top: 0;
1705
- right: 0;
1706
- bottom: 0;
1707
- left: 0;
1708
- -webkit-border-radius: 50%;
1709
- border-radius: 50%;
1710
- pointer-events: none;
1711
- background-color: rgba(0, 0, 0, 0.15); }
1712
- .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1713
- background-color: rgba(0, 0, 0, 0.3); }
1714
- .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1715
- -webkit-animation: hvr-ripple-out 1.3s infinite;
1716
- animation: hvr-ripple-out 1.3s infinite; }
1717
-
1718
- .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1719
- -webkit-transform: scale(1.25, 1.25);
1720
- -ms-transform: scale(1.25, 1.25);
1721
- transform: scale(1.25, 1.25);
1722
- -webkit-transition: all 0.3s ease-in-out !important;
1723
- transition: all 0.3s ease-in-out !important; }
1724
-
1725
- .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1726
- -webkit-transform: scale(1, 1);
1727
- -ms-transform: scale(1, 1);
1728
- transform: scale(1, 1); }
1729
-
1730
- [dir="rtl"] .premium-carousel-inner .slick-slide {
1731
- float: right; }
1732
-
1733
- /**************** Premium Counter ***************/
1734
- /************************************************/
1735
- .premium-counter-area {
1736
- padding: 10px 0;
1737
- -js-display: flex;
1738
- display: -webkit-box;
1739
- display: -webkit-flex;
1740
- display: -moz-box;
1741
- display: -ms-flexbox;
1742
- display: flex;
1743
- -webkit-box-pack: center;
1744
- -webkit-justify-content: center;
1745
- -moz-box-pack: center;
1746
- -ms-flex-pack: center;
1747
- justify-content: center;
1748
- -webkit-box-align: center;
1749
- -webkit-align-items: center;
1750
- -moz-box-align: center;
1751
- -ms-flex-align: center;
1752
- align-items: center; }
1753
- .premium-counter-area.top {
1754
- -webkit-box-orient: vertical;
1755
- -webkit-box-direction: normal;
1756
- -webkit-flex-direction: column;
1757
- -moz-box-orient: vertical;
1758
- -moz-box-direction: normal;
1759
- -ms-flex-direction: column;
1760
- flex-direction: column; }
1761
- .premium-counter-area.right {
1762
- -webkit-box-orient: horizontal;
1763
- -webkit-box-direction: reverse;
1764
- -webkit-flex-direction: row-reverse;
1765
- -moz-box-orient: horizontal;
1766
- -moz-box-direction: reverse;
1767
- -ms-flex-direction: row-reverse;
1768
- flex-direction: row-reverse; }
1769
- .premium-counter-area.right .premium-counter-icon {
1770
- padding-left: 20px; }
1771
- .premium-counter-area.left .premium-counter-icon {
1772
- padding-right: 20px; }
1773
- .premium-counter-area .premium-counter-icon .icon i.fa:before {
1774
- vertical-align: text-top; }
1775
- .premium-counter-area .premium-counter-icon span.icon {
1776
- text-align: center;
1777
- display: inline-block;
1778
- vertical-align: middle; }
1779
- .premium-counter-area .premium-counter-icon .circle {
1780
- -webkit-border-radius: 100%;
1781
- border-radius: 100%; }
1782
- .premium-counter-area .premium-counter-icon img,
1783
- .premium-counter-area .premium-counter-icon svg {
1784
- width: 80px; }
1785
- .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1786
- height: 80px; }
1787
- .premium-counter-area .premium-counter-title p {
1788
- padding: 0;
1789
- margin: 0; }
1790
- .premium-counter-area .premium-counter-value-wrap {
1791
- -js-display: flex;
1792
- display: -webkit-box;
1793
- display: -webkit-flex;
1794
- display: -moz-box;
1795
- display: -ms-flexbox;
1796
- display: flex;
1797
- -webkit-box-align: center;
1798
- -webkit-align-items: center;
1799
- -moz-box-align: center;
1800
- -ms-flex-align: center;
1801
- align-items: center; }
1802
-
1803
- .premium-init-wrapper {
1804
- -js-display: flex;
1805
- display: -webkit-box;
1806
- display: -webkit-flex;
1807
- display: -moz-box;
1808
- display: -ms-flexbox;
1809
- display: flex; }
1810
- .premium-init-wrapper.row {
1811
- -webkit-box-align: center;
1812
- -webkit-align-items: center;
1813
- -moz-box-align: center;
1814
- -ms-flex-align: center;
1815
- align-items: center; }
1816
- .premium-init-wrapper.right {
1817
- text-align: right; }
1818
-
1819
- span.icon.flex-width {
1820
- width: auto !important;
1821
- height: auto !important; }
1822
-
1823
- .premium-counter-area .premium-counter-init {
1824
- font-size: 35px; }
1825
-
1826
- /**************** Premium Image Separator ****************/
1827
- /*********************************************************/
1828
- .premium-image-separator-container {
1829
- position: absolute;
1830
- width: 100%;
1831
- z-index: 2;
1832
- top: auto;
1833
- -webkit-transition: all 0.3s ease-in-out;
1834
- transition: all 0.3s ease-in-out; }
1835
- .premium-image-separator-container svg,
1836
- .premium-image-separator-container img {
1837
- display: inline-block !important;
1838
- -webkit-mask-repeat: no-repeat;
1839
- mask-repeat: no-repeat;
1840
- -webkit-mask-position: center;
1841
- mask-position: center; }
1842
- .premium-image-separator-container .premium-image-separator-link {
1843
- position: absolute;
1844
- z-index: 9999;
1845
- top: 0;
1846
- left: 0;
1847
- width: 100%;
1848
- height: 100%;
1849
- text-decoration: none; }
1850
- .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1851
- -webkit-box-shadow: none !important;
1852
- box-shadow: none !important;
1853
- outline: none !important;
1854
- border: none !important;
1855
- text-decoration: none !important; }
1856
- .premium-image-separator-container i,
1857
- .premium-image-separator-container > svg {
1858
- padding: 20px;
1859
- -webkit-transition: all 0.3s ease-in-out;
1860
- transition: all 0.3s ease-in-out; }
1861
-
1862
- /**************** Premium Modal Box ****************/
1863
- /***************************************************/
1864
- .premium-modal-trigger-btn,
1865
- .premium-modal-box-modal-lower-close {
1866
- display: inline-block;
1867
- padding: 6px 12px;
1868
- margin-bottom: 0;
1869
- font-size: 14px;
1870
- font-weight: normal;
1871
- line-height: 1.42857143;
1872
- text-align: center;
1873
- white-space: nowrap;
1874
- vertical-align: middle;
1875
- -ms-touch-action: manipulation;
1876
- touch-action: manipulation;
1877
- cursor: pointer;
1878
- -webkit-user-select: none;
1879
- -moz-user-select: none;
1880
- -ms-user-select: none;
1881
- user-select: none;
1882
- background-image: none;
1883
- border: 1px solid transparent; }
1884
-
1885
- .premium-modal-trigger-btn > svg,
1886
- .premium-modal-trigger-btn .premium-modal-box-icon {
1887
- -webkit-transition: all 0.3s ease-in-out;
1888
- transition: all 0.3s ease-in-out; }
1889
-
1890
- .premium-modal-trigger-btn > svg {
1891
- width: 30px;
1892
- height: 30px; }
1893
-
1894
- .premium-modal-box-modal-close {
1895
- float: right;
1896
- font-size: 21px;
1897
- font-weight: bold;
1898
- line-height: 1;
1899
- color: #000; }
1900
- .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1901
- color: #000;
1902
- text-decoration: none;
1903
- cursor: pointer; }
1904
-
1905
- button.premium-modal-box-modal-close {
1906
- -webkit-appearance: none;
1907
- padding: 0;
1908
- cursor: pointer;
1909
- background: transparent;
1910
- border: 0; }
1911
-
1912
- .premium-modal-box-modal {
1913
- position: fixed;
1914
- top: 0;
1915
- right: 0;
1916
- bottom: 0;
1917
- left: 0;
1918
- z-index: 1050;
1919
- display: none;
1920
- -webkit-overflow-scrolling: touch;
1921
- outline: 0;
1922
- padding: 0 !important;
1923
- background: rgba(0, 0, 0, 0.5);
1924
- -webkit-box-align: center;
1925
- -webkit-align-items: center;
1926
- -moz-box-align: center;
1927
- -ms-flex-align: center;
1928
- align-items: center;
1929
- -webkit-box-pack: center;
1930
- -webkit-justify-content: center;
1931
- -moz-box-pack: center;
1932
- -ms-flex-pack: center;
1933
- justify-content: center; }
1934
- .premium-modal-box-modal .premium-modal-box-modal-dialog {
1935
- position: absolute;
1936
- max-height: -webkit-calc(100vh - 150px);
1937
- max-height: calc(100vh - 150px);
1938
- -js-display: flex;
1939
- display: -webkit-box;
1940
- display: -webkit-flex;
1941
- display: -moz-box;
1942
- display: -ms-flexbox;
1943
- display: flex;
1944
- -webkit-box-orient: vertical;
1945
- -webkit-box-direction: normal;
1946
- -webkit-flex-direction: column;
1947
- -moz-box-orient: vertical;
1948
- -moz-box-direction: normal;
1949
- -ms-flex-direction: column;
1950
- flex-direction: column;
1951
- opacity: 0;
1952
- background-color: #fff;
1953
- border: 1px solid rgba(0, 0, 0, 0.2);
1954
- -webkit-border-radius: 6px;
1955
- border-radius: 6px; }
1956
-
1957
- .premium-modal-box-modal-content {
1958
- background-clip: padding-box;
1959
- outline: 0;
1960
- overflow-x: hidden; }
1961
-
1962
- .premium-modal-backdrop.premium-in {
1963
- filter: alpha(opacity=50);
1964
- opacity: 0.5 !important; }
1965
-
1966
- .premium-in {
1967
- opacity: 1; }
1968
-
1969
- .premium-modal-backdrop {
1970
- position: fixed;
1971
- top: 0;
1972
- right: 0;
1973
- bottom: 0;
1974
- left: 0;
1975
- z-index: 1040;
1976
- background-color: #000; }
1977
-
1978
- .premium-in {
1979
- -js-display: flex !important;
1980
- display: -webkit-box !important;
1981
- display: -webkit-flex !important;
1982
- display: -moz-box !important;
1983
- display: -ms-flexbox !important;
1984
- display: flex !important; }
1985
-
1986
- .premium-modal-box-modal-header {
1987
- -js-display: flex;
1988
- display: -webkit-box;
1989
- display: -webkit-flex;
1990
- display: -moz-box;
1991
- display: -ms-flexbox;
1992
- display: flex;
1993
- -webkit-box-pack: justify;
1994
- -webkit-justify-content: space-between;
1995
- -moz-box-pack: justify;
1996
- -ms-flex-pack: justify;
1997
- justify-content: space-between;
1998
- -webkit-box-align: center;
1999
- -webkit-align-items: center;
2000
- -moz-box-align: center;
2001
- -ms-flex-align: center;
2002
- align-items: center;
2003
- padding: 5px 15px;
2004
- border-bottom: 1px solid #e5e5e5; }
2005
- .premium-modal-box-modal-header .premium-modal-box-modal-close {
2006
- margin-top: -2px; }
2007
- .premium-modal-box-modal-header .premium-modal-box-modal-title {
2008
- -js-display: flex;
2009
- display: -webkit-box;
2010
- display: -webkit-flex;
2011
- display: -moz-box;
2012
- display: -ms-flexbox;
2013
- display: flex;
2014
- -webkit-box-align: center;
2015
- -webkit-align-items: center;
2016
- -moz-box-align: center;
2017
- -ms-flex-align: center;
2018
- align-items: center;
2019
- margin: 0;
2020
- padding: 0; }
2021
- .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2022
- width: 50px;
2023
- height: 60px; }
2024
-
2025
- .premium-modal-box-modal-body {
2026
- position: relative;
2027
- padding: 15px; }
2028
-
2029
- .premium-modal-box-modal-footer {
2030
- padding: 15px;
2031
- text-align: right;
2032
- border-top: 1px solid #e5e5e5; }
2033
-
2034
- .premium-modal-scrollbar-measure {
2035
- position: absolute;
2036
- top: -9999px;
2037
- width: 50px;
2038
- height: 50px;
2039
- overflow: scroll; }
2040
-
2041
- .premium-modal-trigger-text {
2042
- background: none !important;
2043
- display: inline-block; }
2044
-
2045
- .premium-modal-box-container {
2046
- width: 100% !important; }
2047
-
2048
- /*Open Modal Button Style*/
2049
- .premium-modal-trigger-container .premium-modal-trigger-btn {
2050
- -js-display: inline-flex;
2051
- display: -webkit-inline-box;
2052
- display: -webkit-inline-flex;
2053
- display: -moz-inline-box;
2054
- display: -ms-inline-flexbox;
2055
- display: inline-flex;
2056
- -webkit-box-align: center;
2057
- -webkit-align-items: center;
2058
- -moz-box-align: center;
2059
- -ms-flex-align: center;
2060
- align-items: center;
2061
- border: none;
2062
- -webkit-transition: all 0.3s ease-in-out;
2063
- transition: all 0.3s ease-in-out; }
2064
- .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2065
- -webkit-box-pack: center;
2066
- -webkit-justify-content: center;
2067
- -moz-box-pack: center;
2068
- -ms-flex-pack: center;
2069
- justify-content: center; }
2070
-
2071
- .premium-modal-trigger-container .premium-modal-trigger-img,
2072
- .premium-modal-trigger-container .premium-modal-trigger-text,
2073
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2074
- cursor: pointer; }
2075
-
2076
- .premium-modal-trigger-container .premium-modal-trigger-animation {
2077
- display: inline-block;
2078
- width: 200px;
2079
- height: 200px;
2080
- -webkit-transition: all 0.3s ease-in-out;
2081
- transition: all 0.3s ease-in-out; }
2082
-
2083
- /*Image on Modal Header Style*/
2084
- .premium-modal-box-modal-header img {
2085
- width: 48px;
2086
- padding-right: 5px; }
2087
-
2088
- .premium-modal-box-modal-header i,
2089
- .premium-modal-box-modal-header svg {
2090
- padding-right: 6px; }
2091
-
2092
- .premium-modal-box-modal-close {
2093
- position: relative;
2094
- z-index: 99; }
2095
-
2096
- .premium-modal-trigger-img,
2097
- .premium-modal-trigger-text,
2098
- .premium-modal-box-close-button-container,
2099
- .premium-modal-box-modal-close,
2100
- .premium-modal-box-modal-lower-close {
2101
- -webkit-transition: all 0.3s ease-in-out;
2102
- transition: all 0.3s ease-in-out; }
2103
-
2104
- @media (min-width: 768px) {
2105
- .premium-modal-box-modal-dialog {
2106
- width: 700px;
2107
- max-height: 600px;
2108
- overflow: auto; } }
2109
-
2110
- @media (max-width: 767px) {
2111
- .premium-modal-box-modal-dialog {
2112
- width: 100%;
2113
- max-height: 500px;
2114
- overflow: auto; } }
2115
-
2116
- .premium-modal-box-container[data-modal-animation*="animated-"] {
2117
- opacity: 0; }
2118
-
2119
- /**************** Premium Progress Bar ****************/
2120
- /******************************************************/
2121
- .premium-progressbar-container {
2122
- position: relative; }
2123
-
2124
- .premium-progressbar-bar-wrap {
2125
- position: relative;
2126
- text-align: left;
2127
- overflow: hidden;
2128
- height: 25px;
2129
- margin-bottom: 50px;
2130
- background-color: #f5f5f5;
2131
- -webkit-border-radius: 4px;
2132
- border-radius: 4px;
2133
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2134
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2135
- .premium-progressbar-bar-wrap.premium-progressbar-dots {
2136
- background-color: transparent;
2137
- width: 100%;
2138
- -js-display: flex;
2139
- display: -webkit-box;
2140
- display: -webkit-flex;
2141
- display: -moz-box;
2142
- display: -ms-flexbox;
2143
- display: flex;
2144
- height: auto;
2145
- -webkit-box-shadow: none;
2146
- box-shadow: none; }
2147
- .premium-progressbar-bar-wrap .progress-segment {
2148
- position: relative;
2149
- width: 25px;
2150
- height: 25px;
2151
- -webkit-border-radius: 50%;
2152
- border-radius: 50%;
2153
- overflow: hidden;
2154
- background-color: #f5f5f5; }
2155
- .premium-progressbar-bar-wrap .progress-segment.filled {
2156
- background: #6ec1e4; }
2157
- .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2158
- margin: 0 4px; }
2159
- .premium-progressbar-bar-wrap .progress-segment:first-child {
2160
- margin-right: 4px; }
2161
- .premium-progressbar-bar-wrap .progress-segment:last-child {
2162
- margin-left: 4px; }
2163
- .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2164
- position: absolute;
2165
- top: 0;
2166
- left: 0;
2167
- height: 100%;
2168
- background-color: #6ec1e4; }
2169
-
2170
- .premium-progressbar-bar {
2171
- float: left;
2172
- width: 0%;
2173
- height: 100%;
2174
- font-size: 12px;
2175
- line-height: 20px;
2176
- background: #6ec1e4;
2177
- text-align: center;
2178
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2179
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2180
-
2181
- .premium-progressbar-striped .premium-progressbar-bar {
2182
- background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2183
- background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2184
- -webkit-background-size: 40px 40px;
2185
- background-size: 40px 40px; }
2186
-
2187
- .premium-progressbar-active .premium-progressbar-bar {
2188
- -webkit-animation: progress-bar-stripes 2s linear infinite;
2189
- animation: progress-bar-stripes 2s linear infinite; }
2190
-
2191
- .premium-progressbar-gradient .premium-progressbar-bar {
2192
- -webkit-background-size: 400% 400% !important;
2193
- background-size: 400% 400% !important;
2194
- -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2195
- animation: progress-bar-gradient 10s ease-in-out infinite; }
2196
-
2197
- .premium-progressbar-bar {
2198
- position: absolute;
2199
- overflow: hidden;
2200
- line-height: 20px; }
2201
-
2202
- .premium-progressbar-container .clearfix {
2203
- clear: both; }
2204
-
2205
- .premium-progressbar-bar {
2206
- -webkit-transition: width 0s ease-in-out !important;
2207
- transition: width 0s ease-in-out !important; }
2208
-
2209
- .premium-progressbar-container p:first-of-type {
2210
- margin: 0;
2211
- float: left; }
2212
-
2213
- .premium-progressbar-container p:nth-of-type(2) {
2214
- margin: 0;
2215
- float: right; }
2216
-
2217
- .premium-progressbar-name {
2218
- left: 50%;
2219
- top: 0;
2220
- right: 0;
2221
- -webkit-transform: translateX(-12.5px);
2222
- -ms-transform: translateX(-12.5px);
2223
- transform: translateX(-12.5px);
2224
- z-index: 1; }
2225
-
2226
- .premium-progressbar-multiple-label {
2227
- position: relative;
2228
- float: left;
2229
- width: 0;
2230
- left: 50%; }
2231
-
2232
- .premium-progressbar-center-label {
2233
- position: relative;
2234
- white-space: nowrap; }
2235
-
2236
- .premium-progressbar-arrow {
2237
- height: 15px;
2238
- left: 50%;
2239
- display: inline-block;
2240
- border-left: 7px solid transparent;
2241
- border-right: 7px solid transparent;
2242
- border-top: 11px solid;
2243
- -webkit-transform: translateX(-50%);
2244
- -ms-transform: translateX(-50%);
2245
- transform: translateX(-50%); }
2246
-
2247
- .premium-progressbar-pin {
2248
- border-left: 1px solid;
2249
- height: 12px;
2250
- left: 50%;
2251
- display: inline-block; }
2252
-
2253
- /**
2254
- * Circle Progress Bar
2255
- */
2256
- .premium-progressbar-circle-wrap {
2257
- width: 200px;
2258
- height: 200px;
2259
- position: relative;
2260
- margin: 0 auto; }
2261
- .premium-progressbar-circle-wrap .premium-progressbar-circle {
2262
- position: absolute;
2263
- top: 0;
2264
- left: 0;
2265
- width: 100%;
2266
- height: 100%;
2267
- -webkit-clip-path: inset(0 0 0 50%);
2268
- clip-path: inset(0 0 0 50%); }
2269
- .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2270
- position: absolute;
2271
- left: 0;
2272
- top: 0;
2273
- height: 100%;
2274
- width: 100%;
2275
- border-width: 6px;
2276
- border-style: solid;
2277
- border-color: #54595f;
2278
- -webkit-border-radius: 50%;
2279
- border-radius: 50%;
2280
- -webkit-clip-path: inset(0 50% 0 0);
2281
- clip-path: inset(0 50% 0 0); }
2282
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2283
- -webkit-transform: rotate(0);
2284
- -ms-transform: rotate(0);
2285
- transform: rotate(0); }
2286
- .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2287
- -webkit-transform: rotate(180deg);
2288
- -ms-transform: rotate(180deg);
2289
- transform: rotate(180deg);
2290
- visibility: hidden; }
2291
- .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2292
- width: 100%;
2293
- height: 100%;
2294
- border: 6px solid #eee;
2295
- -webkit-border-radius: 50%;
2296
- border-radius: 50%; }
2297
- .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2298
- position: absolute;
2299
- top: 0;
2300
- left: 0;
2301
- width: 100%;
2302
- height: 100%;
2303
- -js-display: flex;
2304
- display: -webkit-box;
2305
- display: -webkit-flex;
2306
- display: -moz-box;
2307
- display: -ms-flexbox;
2308
- display: flex;
2309
- -webkit-box-orient: vertical;
2310
- -webkit-box-direction: normal;
2311
- -webkit-flex-direction: column;
2312
- -moz-box-orient: vertical;
2313
- -moz-box-direction: normal;
2314
- -ms-flex-direction: column;
2315
- flex-direction: column;
2316
- -webkit-box-pack: center;
2317
- -webkit-justify-content: center;
2318
- -moz-box-pack: center;
2319
- -ms-flex-pack: center;
2320
- justify-content: center;
2321
- -webkit-box-align: center;
2322
- -webkit-align-items: center;
2323
- -moz-box-align: center;
2324
- -ms-flex-align: center;
2325
- align-items: center; }
2326
- .premium-progressbar-circle-wrap .premium-lottie-animation {
2327
- line-height: 1; }
2328
-
2329
- @-webkit-keyframes progress-bar-stripes {
2330
- from {
2331
- background-position: 0 0; }
2332
- to {
2333
- background-position: 40px 0; } }
2334
-
2335
- @keyframes progress-bar-stripes {
2336
- from {
2337
- background-position: 0 0; }
2338
- to {
2339
- background-position: 40px 0; } }
2340
-
2341
- @-webkit-keyframes progress-bar-gradient {
2342
- 0% {
2343
- background-position: 0% 50%; }
2344
- 50% {
2345
- background-position: 100% 50%; }
2346
- 100% {
2347
- background-position: 0% 50%; } }
2348
-
2349
- @keyframes progress-bar-gradient {
2350
- 0% {
2351
- background-position: 0% 50%; }
2352
- 50% {
2353
- background-position: 100% 50%; }
2354
- 100% {
2355
- background-position: 0% 50%; } }
2356
-
2357
- /**************** Premium Testimonials ****************/
2358
- /******************************************************/
2359
- .premium-testimonial-box {
2360
- width: 100%;
2361
- background: transparent;
2362
- -webkit-transition: all 0.3s ease-in-out;
2363
- transition: all 0.3s ease-in-out; }
2364
- .premium-testimonial-box .premium-testimonial-author-info {
2365
- -js-display: flex;
2366
- display: -webkit-box;
2367
- display: -webkit-flex;
2368
- display: -moz-box;
2369
- display: -ms-flexbox;
2370
- display: flex;
2371
- -webkit-box-pack: center;
2372
- -webkit-justify-content: center;
2373
- -moz-box-pack: center;
2374
- -ms-flex-pack: center;
2375
- justify-content: center;
2376
- -webkit-box-align: center;
2377
- -webkit-align-items: center;
2378
- -moz-box-align: center;
2379
- -ms-flex-align: center;
2380
- align-items: center; }
2381
- .premium-testimonial-box .premium-testimonial-person-name,
2382
- .premium-testimonial-box .premium-testimonial-company-name {
2383
- font-weight: 600;
2384
- margin: 0; }
2385
-
2386
- .premium-testimonial-container {
2387
- position: relative; }
2388
-
2389
- .premium-testimonial-img-wrapper {
2390
- margin-left: auto;
2391
- margin-right: auto;
2392
- overflow: hidden;
2393
- border-style: solid !important; }
2394
- .premium-testimonial-img-wrapper.circle {
2395
- -webkit-border-radius: 50%;
2396
- border-radius: 50%; }
2397
- .premium-testimonial-img-wrapper.rounded {
2398
- -webkit-border-radius: 15px;
2399
- border-radius: 15px; }
2400
- .premium-testimonial-img-wrapper img {
2401
- -o-object-fit: cover;
2402
- object-fit: cover;
2403
- width: 100%;
2404
- height: 100% !important; }
2405
-
2406
- .premium-testimonial-content-wrapper {
2407
- position: relative;
2408
- -js-display: flex;
2409
- display: -webkit-box;
2410
- display: -webkit-flex;
2411
- display: -moz-box;
2412
- display: -ms-flexbox;
2413
- display: flex;
2414
- -webkit-box-orient: vertical;
2415
- -webkit-box-direction: normal;
2416
- -webkit-flex-direction: column;
2417
- -moz-box-orient: vertical;
2418
- -moz-box-direction: normal;
2419
- -ms-flex-direction: column;
2420
- flex-direction: column;
2421
- z-index: 2;
2422
- width: 100%;
2423
- padding: 20px;
2424
- text-align: center; }
2425
-
2426
- .premium-testimonial-clear-float {
2427
- clear: both; }
2428
-
2429
- .premium-testimonial-upper-quote,
2430
- .premium-testimonial-lower-quote {
2431
- position: absolute;
2432
- z-index: 1; }
2433
-
2434
- /**************** Premium Dual Heading *****************/
2435
- /*******************************************************/
2436
- .premium-dual-header-first-header,
2437
- .premium-dual-header-second-header {
2438
- position: relative;
2439
- padding: 0;
2440
- margin: 0;
2441
- display: inline-block;
2442
- -webkit-transform: translate(0, 0);
2443
- -ms-transform: translate(0, 0);
2444
- transform: translate(0, 0); }
2445
-
2446
- .premium-dual-header-first-clip .premium-dual-header-first-span,
2447
- .premium-dual-header-second-clip {
2448
- -webkit-text-fill-color: transparent;
2449
- -webkit-background-clip: text;
2450
- background-clip: text; }
2451
-
2452
- .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2453
- .premium-dual-header-second-clip.stroke {
2454
- -webkit-text-stroke-color: transparent;
2455
- -webkit-text-fill-color: #fafafa;
2456
- -webkit-text-stroke-width: 2px; }
2457
-
2458
- @media (max-width: 500px) {
2459
- .premium-dual-header-first-header,
2460
- .premium-dual-header-second-header {
2461
- word-wrap: break-word; } }
2462
-
2463
- .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2464
- .premium-dual-header-second-header.gradient {
2465
- -webkit-background-size: 300% 300% !important;
2466
- background-size: 300% 300% !important;
2467
- -webkit-animation: Gradient 10s ease-in-out infinite;
2468
- animation: Gradient 10s ease-in-out infinite; }
2469
-
2470
- @-webkit-keyframes Gradient {
2471
- 0% {
2472
- background-position: 0% 50%; }
2473
- 50% {
2474
- background-position: 100% 50%; }
2475
- 100% {
2476
- background-position: 0% 50%; } }
2477
-
2478
- @keyframes Gradient {
2479
- 0% {
2480
- background-position: 0% 50%; }
2481
- 50% {
2482
- background-position: 100% 50%; }
2483
- 100% {
2484
- background-position: 0% 50%; } }
2485
-
2486
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2487
- .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2488
- display: inline-block !important; }
2489
-
2490
- /**************** Premium Title ****************/
2491
- /***********************************************/
2492
- .premium-title-container {
2493
- position: relative;
2494
- width: 100%;
2495
- clear: both; }
2496
- .premium-title-container .premium-title-header {
2497
- position: relative;
2498
- margin: 0;
2499
- padding: 10px; }
2500
- .premium-title-container .premium-title-header:not(.premium-title-style7) {
2501
- -webkit-box-align: center;
2502
- -webkit-align-items: center;
2503
- -moz-box-align: center;
2504
- -ms-flex-align: center;
2505
- align-items: center; }
2506
- .premium-title-container .premium-title-header svg {
2507
- width: 40px;
2508
- height: 40px; }
2509
- .premium-title-container .premium-title-header img {
2510
- width: 40px;
2511
- height: 40px;
2512
- -o-object-fit: cover;
2513
- object-fit: cover; }
2514
- .premium-title-container .premium-title-header a {
2515
- position: absolute;
2516
- top: 0;
2517
- left: 0;
2518
- width: 100%;
2519
- height: 100%; }
2520
- .premium-title-container .premium-lottie-animation {
2521
- -js-display: flex;
2522
- display: -webkit-box;
2523
- display: -webkit-flex;
2524
- display: -moz-box;
2525
- display: -ms-flexbox;
2526
- display: flex; }
2527
-
2528
- .premium-title-icon-row .premium-title-icon {
2529
- margin-right: 10px; }
2530
-
2531
- .premium-title-icon-row-reverse .premium-title-icon {
2532
- margin-left: 10px; }
2533
-
2534
- .premium-title-style3,
2535
- .premium-title-style4 {
2536
- -js-display: flex;
2537
- display: -webkit-box;
2538
- display: -webkit-flex;
2539
- display: -moz-box;
2540
- display: -ms-flexbox;
2541
- display: flex; }
2542
-
2543
- .premium-title-style1,
2544
- .premium-title-style2,
2545
- .premium-title-style5,
2546
- .premium-title-style6,
2547
- .premium-title-style8,
2548
- .premium-title-style9 {
2549
- -js-display: inline-flex;
2550
- display: -webkit-inline-box;
2551
- display: -webkit-inline-flex;
2552
- display: -moz-inline-box;
2553
- display: -ms-inline-flexbox;
2554
- display: inline-flex; }
2555
-
2556
- .premium-title-style7 {
2557
- -js-display: inline-flex;
2558
- display: -webkit-inline-box;
2559
- display: -webkit-inline-flex;
2560
- display: -moz-inline-box;
2561
- display: -ms-inline-flexbox;
2562
- display: inline-flex;
2563
- -webkit-box-orient: vertical;
2564
- -webkit-box-direction: normal;
2565
- -webkit-flex-direction: column;
2566
- -moz-box-orient: vertical;
2567
- -moz-box-direction: normal;
2568
- -ms-flex-direction: column;
2569
- flex-direction: column; }
2570
- .premium-title-style7 .premium-title-style7-inner {
2571
- -js-display: flex;
2572
- display: -webkit-box;
2573
- display: -webkit-flex;
2574
- display: -moz-box;
2575
- display: -ms-flexbox;
2576
- display: flex;
2577
- -webkit-box-align: center;
2578
- -webkit-align-items: center;
2579
- -moz-box-align: center;
2580
- -ms-flex-align: center;
2581
- align-items: center; }
2582
-
2583
- .premium-title-style1 {
2584
- border-width: 0;
2585
- border-left: 3px solid #6ec1e4; }
2586
-
2587
- .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2588
- border-bottom: 3px solid #6ec1e4; }
2589
-
2590
- /*Style 6 Header*/
2591
- .premium-title-style6:before {
2592
- position: absolute;
2593
- left: 50%;
2594
- bottom: 0;
2595
- margin-left: -2px;
2596
- content: "";
2597
- border: 3px solid transparent; }
2598
-
2599
- /*Style 6 Trinagle*/
2600
- .premium-title-style7-stripe-wrap {
2601
- -js-display: flex;
2602
- display: -webkit-box;
2603
- display: -webkit-flex;
2604
- display: -moz-box;
2605
- display: -ms-flexbox;
2606
- display: flex; }
2607
-
2608
- .premium-title-style7:before {
2609
- display: none; }
2610
-
2611
- .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2612
- -webkit-background-size: 125px 125px !important;
2613
- background-size: 125px !important;
2614
- color: rgba(255, 255, 255, 0);
2615
- -webkit-background-clip: text !important;
2616
- background-clip: text !important;
2617
- -webkit-animation-name: pa-shinny-text !important;
2618
- animation-name: pa-shinny-text !important;
2619
- -webkit-animation-duration: var(--animation-speed) !important;
2620
- animation-duration: var(--animation-speed) !important;
2621
- -webkit-animation-iteration-count: infinite !important;
2622
- animation-iteration-count: infinite !important;
2623
- background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2624
-
2625
- @-webkit-keyframes pa-shinny-text {
2626
- 0% {
2627
- background-position: 0%; }
2628
- 100% {
2629
- background-position: 200%; } }
2630
-
2631
- @keyframes pa-shinny-text {
2632
- 0% {
2633
- background-position: 0%; }
2634
- 100% {
2635
- background-position: 200%; } }
2636
-
2637
- .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2638
- -webkit-animation: pa-blur-shadow 2s 1 alternate;
2639
- animation: pa-blur-shadow 2s 1 alternate; }
2640
-
2641
- @-webkit-keyframes pa-blur-shadow {
2642
- from {
2643
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2644
- color: transparent; }
2645
- to {
2646
- text-shadow: 0; } }
2647
-
2648
- @keyframes pa-blur-shadow {
2649
- from {
2650
- text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2651
- color: transparent; }
2652
- to {
2653
- text-shadow: 0; } }
2654
-
2655
- .premium-title-gradient-yes .premium-title-text,
2656
- .premium-title-gradient-yes .premium-title-icon {
2657
- -webkit-background-clip: text;
2658
- -webkit-text-fill-color: transparent;
2659
- background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2660
- background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2661
- background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2662
- -webkit-animation: pa-text-gradient 8s infinite;
2663
- animation: pa-text-gradient 8s infinite; }
2664
-
2665
- .premium-title-clipped .premium-title-header {
2666
- -webkit-text-fill-color: transparent;
2667
- -webkit-background-clip: text;
2668
- background-clip: text; }
2669
-
2670
- @-webkit-keyframes pa-text-gradient {
2671
- 0%,
2672
- 100% {
2673
- -webkit-filter: hue-rotate(0deg);
2674
- filter: hue-rotate(0deg); }
2675
- 50% {
2676
- -webkit-filter: hue-rotate(360deg);
2677
- filter: hue-rotate(360deg); } }
2678
-
2679
- @keyframes pa-text-gradient {
2680
- 0%,
2681
- 100% {
2682
- -webkit-filter: hue-rotate(0deg);
2683
- filter: hue-rotate(0deg); }
2684
- 50% {
2685
- -webkit-filter: hue-rotate(360deg);
2686
- filter: hue-rotate(360deg); } }
2687
-
2688
- /*
2689
- * Common Title/Dual Heading
2690
- */
2691
- .premium-title-bg-text:before {
2692
- position: absolute;
2693
- content: attr(data-background);
2694
- top: 0;
2695
- left: 0;
2696
- text-align: left; }
2697
-
2698
- .premium-bg-text-yes .elementor-widget-container:before {
2699
- position: absolute;
2700
- top: 0;
2701
- left: 0;
2702
- text-align: left; }
2703
-
2704
- .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2705
- .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2706
- background: inherit; }
2707
-
2708
- .premium-mask-yes .premium-mask-span {
2709
- position: relative;
2710
- overflow: hidden;
2711
- -js-display: inline-flex !important;
2712
- display: -webkit-inline-box !important;
2713
- display: -webkit-inline-flex !important;
2714
- display: -moz-inline-box !important;
2715
- display: -ms-inline-flexbox !important;
2716
- display: inline-flex !important; }
2717
- .premium-mask-yes .premium-mask-span::after {
2718
- content: "";
2719
- position: absolute;
2720
- top: 0;
2721
- right: 0px;
2722
- width: 100%;
2723
- height: 100%;
2724
- background-color: currentColor;
2725
- -webkit-backface-visibility: visible;
2726
- backface-visibility: visible; }
2727
-
2728
- .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2729
- -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2730
- animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2731
- -webkit-transform: translateX(-103%);
2732
- -ms-transform: translateX(-103%);
2733
- transform: translateX(-103%); }
2734
-
2735
- .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2736
- -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2737
- animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2738
- -webkit-transform: translateX(103%);
2739
- -ms-transform: translateX(103%);
2740
- transform: translateX(103%); }
2741
-
2742
- .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2743
- -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2744
- animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2745
- -webkit-transform: translateY(-103%);
2746
- -ms-transform: translateY(-103%);
2747
- transform: translateY(-103%); }
2748
-
2749
- .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2750
- -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2751
- animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2752
- -webkit-transform: translateY(103%);
2753
- -ms-transform: translateY(103%);
2754
- transform: translateY(103%); }
2755
-
2756
- @-webkit-keyframes pa-mask-tr {
2757
- 0% {
2758
- -webkit-transform: translateX(0%);
2759
- transform: translateX(0%); }
2760
- 100% {
2761
- -webkit-transform: translateX(103%);
2762
- transform: translateX(103%); } }
2763
-
2764
- @keyframes pa-mask-tr {
2765
- 0% {
2766
- -webkit-transform: translateX(0%);
2767
- transform: translateX(0%); }
2768
- 100% {
2769
- -webkit-transform: translateX(103%);
2770
- transform: translateX(103%); } }
2771
-
2772
- @-webkit-keyframes pa-mask-tl {
2773
- 0% {
2774
- -webkit-transform: translateX(0%);
2775
- transform: translateX(0%); }
2776
- 100% {
2777
- -webkit-transform: translateX(-103%);
2778
- transform: translateX(-103%); } }
2779
-
2780
- @keyframes pa-mask-tl {
2781
- 0% {
2782
- -webkit-transform: translateX(0%);
2783
- transform: translateX(0%); }
2784
- 100% {
2785
- -webkit-transform: translateX(-103%);
2786
- transform: translateX(-103%); } }
2787
-
2788
- @-webkit-keyframes pa-mask-tb {
2789
- 0% {
2790
- -webkit-transform: translateY(0%);
2791
- transform: translateY(0%); }
2792
- 100% {
2793
- -webkit-transform: translateY(103%);
2794
- transform: translateY(103%); } }
2795
-
2796
- @keyframes pa-mask-tb {
2797
- 0% {
2798
- -webkit-transform: translateY(0%);
2799
- transform: translateY(0%); }
2800
- 100% {
2801
- -webkit-transform: translateY(103%);
2802
- transform: translateY(103%); } }
2803
-
2804
- @-webkit-keyframes pa-mask-tt {
2805
- 0% {
2806
- -webkit-transform: translateY(0%);
2807
- transform: translateY(0%); }
2808
- 100% {
2809
- -webkit-transform: translateY(-103%);
2810
- transform: translateY(-103%); } }
2811
-
2812
- @keyframes pa-mask-tt {
2813
- 0% {
2814
- -webkit-transform: translateY(0%);
2815
- transform: translateY(0%); }
2816
- 100% {
2817
- -webkit-transform: translateY(-103%);
2818
- transform: translateY(-103%); } }
2819
-
2820
- /**************** Premium Video Box ************/
2821
- /***********************************************/
2822
- .premium-video-box-transform {
2823
- -webkit-transform: none !important;
2824
- -ms-transform: none !important;
2825
- transform: none !important; }
2826
-
2827
- .premium-video-box-container {
2828
- -js-display: flex;
2829
- display: -webkit-box;
2830
- display: -webkit-flex;
2831
- display: -moz-box;
2832
- display: -ms-flexbox;
2833
- display: flex;
2834
- -webkit-box-orient: vertical;
2835
- -webkit-box-direction: normal;
2836
- -webkit-flex-direction: column;
2837
- -moz-box-orient: vertical;
2838
- -moz-box-direction: normal;
2839
- -ms-flex-direction: column;
2840
- flex-direction: column; }
2841
-
2842
- .premium-video-box-container > div {
2843
- position: relative;
2844
- overflow: hidden; }
2845
-
2846
- .pa-aspect-ratio-11 .premium-video-box-container > div {
2847
- padding-bottom: 100%; }
2848
-
2849
- .pa-aspect-ratio-169 .premium-video-box-container > div {
2850
- padding-bottom: 56.25%; }
2851
-
2852
- .pa-aspect-ratio-43 .premium-video-box-container > div {
2853
- padding-bottom: 75%; }
2854
-
2855
- .pa-aspect-ratio-32 .premium-video-box-container > div {
2856
- padding-bottom: 66.6666%; }
2857
-
2858
- .pa-aspect-ratio-219 .premium-video-box-container > div {
2859
- padding-bottom: 42.8571%; }
2860
-
2861
- .pa-aspect-ratio-916 .premium-video-box-container > div {
2862
- padding-bottom: 177.8%; }
2863
-
2864
- .premium-video-box-image-container {
2865
- position: absolute;
2866
- top: 0;
2867
- left: 0;
2868
- bottom: 0;
2869
- right: 0;
2870
- width: 100%;
2871
- height: 100%;
2872
- -webkit-background-size: cover;
2873
- background-size: cover;
2874
- background-position: 50%;
2875
- cursor: pointer;
2876
- margin: auto;
2877
- -webkit-transition: 0.2s all;
2878
- transition: 0.2s all; }
2879
-
2880
- .premium-video-box-play-icon-container {
2881
- position: absolute;
2882
- z-index: 2;
2883
- cursor: pointer;
2884
- -webkit-transform: translate(-50%, -50%);
2885
- -ms-transform: translate(-50%, -50%);
2886
- transform: translate(-50%, -50%);
2887
- background: rgba(252, 252, 252, 0.35); }
2888
-
2889
- .premium-video-box-description-container {
2890
- position: absolute;
2891
- z-index: 2;
2892
- padding: 5px;
2893
- text-align: center;
2894
- cursor: pointer;
2895
- -webkit-transform: translate(-50%, -50%);
2896
- -ms-transform: translate(-50%, -50%);
2897
- transform: translate(-50%, -50%); }
2898
-
2899
- .premium-video-box-text {
2900
- margin-bottom: 0 !important;
2901
- -webkit-transition: all 0.3s ease-in-out;
2902
- transition: all 0.3s ease-in-out; }
2903
-
2904
- .premium-video-box-play-icon {
2905
- padding: 15px;
2906
- -webkit-transform: translateX(4%);
2907
- -ms-transform: translateX(4%);
2908
- transform: translateX(4%);
2909
- -webkit-transition: all 0.3s ease-in-out;
2910
- transition: all 0.3s ease-in-out; }
2911
-
2912
- .premium-video-box-video-container {
2913
- position: absolute;
2914
- top: 0;
2915
- left: 0;
2916
- z-index: 2;
2917
- width: 100%;
2918
- height: 100%;
2919
- -webkit-transition: opacity 0.8s ease-in-out;
2920
- transition: opacity 0.8s ease-in-out;
2921
- overflow: hidden;
2922
- cursor: pointer; }
2923
-
2924
- .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2925
- opacity: 0;
2926
- visibility: hidden; }
2927
-
2928
- .premium-video-box-video-container iframe {
2929
- max-width: 100%;
2930
- width: 100%;
2931
- height: 100%;
2932
- margin: 0;
2933
- line-height: 1;
2934
- border: none; }
2935
-
2936
- .premium-video-box-video-container video {
2937
- max-width: 100%;
2938
- width: 100%;
2939
- height: 100%;
2940
- margin: 0;
2941
- line-height: 1;
2942
- border: none;
2943
- background-color: #000;
2944
- -o-object-fit: contain;
2945
- object-fit: contain; }
2946
-
2947
- .premium-video-box-container .premium-video-box-vimeo-wrap {
2948
- -js-display: flex;
2949
- display: -webkit-box;
2950
- display: -webkit-flex;
2951
- display: -moz-box;
2952
- display: -ms-flexbox;
2953
- display: flex;
2954
- position: absolute;
2955
- top: 0;
2956
- left: 0;
2957
- z-index: 3;
2958
- margin: 10px;
2959
- margin-right: 10px;
2960
- -webkit-transition: opacity 0.2s ease-out;
2961
- transition: opacity 0.2s ease-out;
2962
- margin-right: 4.6em; }
2963
-
2964
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2965
- width: 60px;
2966
- height: 60px;
2967
- background: rgba(23, 35, 34, 0.75);
2968
- margin-right: 1px;
2969
- -webkit-box-flex: 1;
2970
- -webkit-flex: 1 0 auto;
2971
- -moz-box-flex: 1;
2972
- -ms-flex: 1 0 auto;
2973
- flex: 1 0 auto;
2974
- padding: 0; }
2975
-
2976
- .premium-video-box-vimeo-portrait img {
2977
- width: 50px;
2978
- height: 50px;
2979
- margin: 5px;
2980
- padding: 0;
2981
- border: 0;
2982
- -webkit-border-radius: 50%;
2983
- border-radius: 50%; }
2984
-
2985
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2986
- font-size: 10px; }
2987
-
2988
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2989
- max-width: 100%;
2990
- font-size: 2em !important;
2991
- font-weight: 700;
2992
- margin: 0;
2993
- padding: 0.1em 0.2em;
2994
- background: rgba(23, 35, 34, 0.75);
2995
- display: inline-block;
2996
- text-transform: none;
2997
- line-height: normal;
2998
- letter-spacing: normal; }
2999
-
3000
- .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3001
- font-size: 1.2em !important;
3002
- font-weight: 400;
3003
- color: #fff;
3004
- margin-top: 0.1em;
3005
- padding: 0.2em 0.5em;
3006
- background: rgba(23, 35, 34, 0.75);
3007
- text-transform: none;
3008
- line-height: normal;
3009
- letter-spacing: normal; }
3010
-
3011
- .premium-video-box-playlist-container {
3012
- -js-display: flex;
3013
- display: -webkit-box;
3014
- display: -webkit-flex;
3015
- display: -moz-box;
3016
- display: -ms-flexbox;
3017
- display: flex;
3018
- -webkit-flex-wrap: wrap;
3019
- -ms-flex-wrap: wrap;
3020
- flex-wrap: wrap; }
3021
- .premium-video-box-playlist-container .premium-video-box-container {
3022
- height: 100%;
3023
- overflow: hidden; }
3024
-
3025
- .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3026
- -webkit-transform: scale(1.1);
3027
- -ms-transform: scale(1.1);
3028
- transform: scale(1.1); }
3029
-
3030
- .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3031
- -webkit-transform: scale(1);
3032
- -ms-transform: scale(1);
3033
- transform: scale(1); }
3034
-
3035
- .premium-video-box-container:hover .premium-video-box-image-container.scale {
3036
- -webkit-transform: scale(1.3) rotate(5deg);
3037
- -ms-transform: scale(1.3) rotate(5deg);
3038
- transform: scale(1.3) rotate(5deg); }
3039
-
3040
- .premium-video-box-container:hover .premium-video-box-image-container.gray {
3041
- -webkit-filter: grayscale(0%);
3042
- filter: grayscale(0%); }
3043
-
3044
- .premium-video-box-container:hover .premium-video-box-image-container.blur {
3045
- -webkit-filter: blur(3px);
3046
- filter: blur(3px); }
3047
-
3048
- .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3049
- -webkit-filter: sepia(0%);
3050
- filter: sepia(0%); }
3051
-
3052
- .premium-video-box-container:hover .premium-video-box-image-container.trans {
3053
- -webkit-transform: translateX(0px) scale(1.1);
3054
- -ms-transform: translateX(0px) scale(1.1);
3055
- transform: translateX(0px) scale(1.1); }
3056
-
3057
- .premium-video-box-container:hover .premium-video-box-image-container.bright {
3058
- -webkit-filter: brightness(1.2);
3059
- filter: brightness(1.2); }
3060
-
3061
- .premium-video-box-image-container.gray {
3062
- -webkit-filter: grayscale(100%);
3063
- filter: grayscale(100%); }
3064
-
3065
- .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3066
- -webkit-transform: scale(1.2);
3067
- -ms-transform: scale(1.2);
3068
- transform: scale(1.2); }
3069
-
3070
- .premium-video-box-image-container.sepia {
3071
- -webkit-filter: sepia(30%);
3072
- filter: sepia(30%); }
3073
-
3074
- .premium-video-box-image-container.bright {
3075
- -webkit-filter: brightness(1);
3076
- filter: brightness(1); }
3077
-
3078
- .premium-video-box-image-container.trans {
3079
- -webkit-transform: translateX(-15px) scale(1.1);
3080
- -ms-transform: translateX(-15px) scale(1.1);
3081
- transform: translateX(-15px) scale(1.1); }
3082
-
3083
- .premium-video-box-mask-media {
3084
- -webkit-mask-repeat: no-repeat;
3085
- mask-repeat: no-repeat; }
3086
-
3087
- /* Sticky Video Option */
3088
- .premium-video-box-container.premium-video-box-sticky-apply {
3089
- z-index: 99;
3090
- overflow: unset; }
3091
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3092
- position: fixed !important;
3093
- z-index: 99999;
3094
- height: 225px;
3095
- width: 400px;
3096
- background: #fff; }
3097
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3098
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3099
- visibility: hidden; }
3100
- .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3101
- -webkit-box-shadow: unset;
3102
- box-shadow: unset; }
3103
-
3104
- .premium-video-box-sticky-close,
3105
- .premium-video-box-sticky-infobar {
3106
- display: none; }
3107
-
3108
- .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3109
- position: absolute;
3110
- padding: 5px;
3111
- cursor: pointer;
3112
- z-index: 99999;
3113
- height: 14px;
3114
- width: 14px;
3115
- -webkit-box-sizing: content-box;
3116
- -moz-box-sizing: content-box;
3117
- box-sizing: content-box;
3118
- -webkit-border-radius: 100%;
3119
- border-radius: 100%;
3120
- -js-display: flex;
3121
- display: -webkit-box;
3122
- display: -webkit-flex;
3123
- display: -moz-box;
3124
- display: -ms-flexbox;
3125
- display: flex;
3126
- -webkit-box-pack: center;
3127
- -webkit-justify-content: center;
3128
- -moz-box-pack: center;
3129
- -ms-flex-pack: center;
3130
- justify-content: center;
3131
- -webkit-box-align: center;
3132
- -webkit-align-items: center;
3133
- -moz-box-align: center;
3134
- -ms-flex-align: center;
3135
- align-items: center; }
3136
-
3137
- .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3138
- -js-display: flex;
3139
- display: -webkit-box;
3140
- display: -webkit-flex;
3141
- display: -moz-box;
3142
- display: -ms-flexbox;
3143
- display: flex; }
3144
-
3145
- .premium-video-box-sticky-apply .premium-video-box-play-icon {
3146
- -webkit-transition: none;
3147
- transition: none; }
3148
-
3149
- .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3150
- display: block;
3151
- position: relative;
3152
- top: 100%;
3153
- width: 100%;
3154
- padding: 5px;
3155
- text-align: center;
3156
- z-index: 9999;
3157
- margin-top: -1px; }
3158
-
3159
- .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3160
- cursor: move; }
3161
-
3162
- .premium-video-sticky-top-left
3163
- .premium-video-box-container.premium-video-box-sticky-apply
3164
- .premium-video-box-inner-wrap {
3165
- right: auto;
3166
- left: 20px;
3167
- top: 20px; }
3168
-
3169
- .premium-video-sticky-bottom-left
3170
- .premium-video-box-container.premium-video-box-sticky-apply
3171
- .premium-video-box-inner-wrap {
3172
- right: auto;
3173
- left: 20px;
3174
- bottom: 20px; }
3175
-
3176
- .premium-video-sticky-top-right
3177
- .premium-video-box-container.premium-video-box-sticky-apply
3178
- .premium-video-box-inner-wrap {
3179
- left: auto;
3180
- right: 20px;
3181
- top: 20px; }
3182
-
3183
- .premium-video-sticky-bottom-right
3184
- .premium-video-box-container.premium-video-box-sticky-apply
3185
- .premium-video-box-inner-wrap {
3186
- left: auto;
3187
- right: 20px;
3188
- bottom: 20px; }
3189
-
3190
- .premium-video-sticky-center-left
3191
- .premium-video-box-container.premium-video-box-sticky-apply
3192
- .premium-video-box-inner-wrap {
3193
- right: auto;
3194
- left: 20px;
3195
- top: 50%;
3196
- -webkit-transform: translateY(-50%);
3197
- -ms-transform: translateY(-50%);
3198
- transform: translateY(-50%); }
3199
-
3200
- .premium-video-sticky-center-right
3201
- .premium-video-box-container.premium-video-box-sticky-apply
3202
- .premium-video-box-inner-wrap {
3203
- left: auto;
3204
- right: 20px;
3205
- top: 50%;
3206
- -webkit-transform: translateY(-50%);
3207
- -ms-transform: translateY(-50%);
3208
- transform: translateY(-50%); }
3209
-
3210
- .premium-video-sticky-bottom-right
3211
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3212
- .premium-video-box-inner-wrap,
3213
- .premium-video-sticky-bottom-left
3214
- .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3215
- .premium-video-box-inner-wrap {
3216
- bottom: 55px; }
3217
-
3218
- .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3219
- .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3220
- .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3221
- top: -10px;
3222
- right: -10px; }
3223
-
3224
- .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3225
- .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3226
- .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3227
- top: -10px;
3228
- left: -10px; }
3229
-
3230
- .premium-video-box-filter-sticky {
3231
- -webkit-filter: none !important;
3232
- filter: none !important; }
3233
-
3234
- /**************** Premium Blog *****************/
3235
- /***********************************************/
3236
- .premium-blog-thumb-effect-wrapper {
3237
- position: relative;
3238
- overflow: hidden; }
3239
-
3240
- .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3241
- position: absolute;
3242
- top: 0;
3243
- left: 0;
3244
- width: 100%;
3245
- height: 100%;
3246
- z-index: 2;
3247
- padding: 20px; }
3248
-
3249
- .premium-blog-bordered-effect .premium-blog-post-link {
3250
- display: block;
3251
- height: 100%;
3252
- position: relative; }
3253
-
3254
- /*Thumbnail Img*/
3255
- .premium-blog-thumbnail-container {
3256
- overflow: hidden; }
3257
- .premium-blog-thumbnail-container img,
3258
- .premium-blog-thumbnail-container .below-entry-meta {
3259
- width: 100%;
3260
- height: 100%;
3261
- margin: 0 !important;
3262
- -webkit-transition: all 0.4s ease-in-out;
3263
- transition: all 0.4s ease-in-out; }
3264
-
3265
- .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3266
- .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3267
- -webkit-transform: scale(1.2);
3268
- -ms-transform: scale(1.2);
3269
- transform: scale(1.2); }
3270
-
3271
- .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3272
- -webkit-filter: sepia(30%);
3273
- filter: sepia(30%); }
3274
-
3275
- .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3276
- -webkit-filter: brightness(1);
3277
- filter: brightness(1); }
3278
-
3279
- .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3280
- -webkit-transform: translateX(-15px) scale(1.1);
3281
- -ms-transform: translateX(-15px) scale(1.1);
3282
- transform: translateX(-15px) scale(1.1); }
3283
-
3284
- .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3285
- -webkit-transform: scale(1.2);
3286
- -ms-transform: scale(1.2);
3287
- transform: scale(1.2); }
3288
-
3289
- .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3290
- -webkit-transform: scale(1.1);
3291
- -ms-transform: scale(1.1);
3292
- transform: scale(1.1); }
3293
-
3294
- .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3295
- -webkit-transform: scale(1.3) rotate(5deg);
3296
- -ms-transform: scale(1.3) rotate(5deg);
3297
- transform: scale(1.3) rotate(5deg); }
3298
-
3299
- .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3300
- -webkit-filter: grayscale(100%);
3301
- filter: grayscale(100%); }
3302
-
3303
- .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3304
- -webkit-filter: blur(3px);
3305
- filter: blur(3px); }
3306
-
3307
- .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3308
- -webkit-filter: sepia(0%);
3309
- filter: sepia(0%); }
3310
-
3311
- .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3312
- -webkit-filter: brightness(1.2);
3313
- filter: brightness(1.2); }
3314
-
3315
- .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3316
- -webkit-transform: translateX(0px) scale(1.1);
3317
- -ms-transform: translateX(0px) scale(1.1);
3318
- transform: translateX(0px) scale(1.1); }
3319
-
3320
- .premium-blog-post-container {
3321
- overflow: hidden; }
3322
- .premium-blog-post-container .premium-blog-inner-container {
3323
- -js-display: flex;
3324
- display: -webkit-box;
3325
- display: -webkit-flex;
3326
- display: -moz-box;
3327
- display: -ms-flexbox;
3328
- display: flex; }
3329
- .premium-blog-post-container .premium-blog-entry-container {
3330
- margin: 0 !important; }
3331
- .premium-blog-post-container .premium-blog-post-content {
3332
- line-height: 1.5em;
3333
- color: #777;
3334
- font-size: 14px;
3335
- margin-bottom: 10px; }
3336
- .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus,
3337
- .premium-blog-post-container .premium-blog-post-link:hover,
3338
- .premium-blog-post-container .premium-blog-post-link:focus {
3339
- -webkit-box-shadow: none !important;
3340
- box-shadow: none !important;
3341
- outline: none !important; }
3342
- .premium-blog-post-container .premium-blog-entry-title {
3343
- font-size: 18px;
3344
- margin-bottom: 5px; }
3345
- .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper {
3346
- position: relative;
3347
- z-index: 3;
3348
- top: -50px; }
3349
- .premium-blog-post-container .premium-blog-content-wrapper {
3350
- background-color: #f5f5f5;
3351
- padding: 30px; }
3352
- .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb {
3353
- top: 0; }
3354
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
3355
- position: absolute;
3356
- content: "";
3357
- z-index: 1;
3358
- top: 50%;
3359
- left: 50%;
3360
- opacity: 0;
3361
- -webkit-transform: translate(-50%, -50%);
3362
- -ms-transform: translate(-50%, -50%);
3363
- transform: translate(-50%, -50%);
3364
- -webkit-transition: all 0.4s linear 0s;
3365
- transition: all 0.4s linear 0s;
3366
- height: 1px;
3367
- width: 100%;
3368
- background-color: #fff; }
3369
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before {
3370
- width: 1px;
3371
- height: 100%; }
3372
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:after {
3373
- width: 20px;
3374
- opacity: 1; }
3375
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-container:before {
3376
- height: 20px;
3377
- opacity: 1; }
3378
- .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
3379
- margin: 0px 10px 20px;
3380
- clear: both; }
3381
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay {
3382
- position: absolute;
3383
- top: 0;
3384
- left: 0;
3385
- width: 100%;
3386
- height: 100%;
3387
- -webkit-transition: all 0.3s ease-in-out;
3388
- transition: all 0.3s ease-in-out;
3389
- opacity: 0; }
3390
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a {
3391
- -js-display: flex;
3392
- display: -webkit-box;
3393
- display: -webkit-flex;
3394
- display: -moz-box;
3395
- display: -ms-flexbox;
3396
- display: flex;
3397
- -webkit-box-pack: center;
3398
- -webkit-justify-content: center;
3399
- -moz-box-pack: center;
3400
- -ms-flex-pack: center;
3401
- justify-content: center;
3402
- -webkit-box-align: center;
3403
- -webkit-align-items: center;
3404
- -moz-box-align: center;
3405
- -ms-flex-align: center;
3406
- align-items: center;
3407
- width: 100%;
3408
- height: 100%; }
3409
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span,
3410
- .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span,
3411
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span,
3412
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i {
3413
- -webkit-transition: all 0.3s ease-in-out;
3414
- transition: all 0.3s ease-in-out; }
3415
- .premium-blog-post-container.premium-blog-skin-side {
3416
- -js-display: flex;
3417
- display: -webkit-box;
3418
- display: -webkit-flex;
3419
- display: -moz-box;
3420
- display: -ms-flexbox;
3421
- display: flex; }
3422
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
3423
- height: 100%; }
3424
- .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper {
3425
- -webkit-box-flex: 1;
3426
- -webkit-flex: 1;
3427
- -moz-box-flex: 1;
3428
- -ms-flex: 1;
3429
- flex: 1; }
3430
- .premium-blog-post-container.premium-blog-skin-banner {
3431
- position: relative; }
3432
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper {
3433
- position: absolute;
3434
- width: 100%;
3435
- bottom: 0;
3436
- -js-display: flex;
3437
- display: -webkit-box;
3438
- display: -webkit-flex;
3439
- display: -moz-box;
3440
- display: -ms-flexbox;
3441
- display: flex;
3442
- -webkit-box-orient: vertical;
3443
- -webkit-box-direction: normal;
3444
- -webkit-flex-direction: column;
3445
- -moz-box-orient: vertical;
3446
- -moz-box-direction: normal;
3447
- -ms-flex-direction: column;
3448
- flex-direction: column;
3449
- background-color: transparent;
3450
- z-index: 3; }
3451
- .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper-inner {
3452
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
3453
- transition: -webkit-transform 0.3s ease-in-out;
3454
- transition: transform 0.3s ease-in-out;
3455
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
3456
- .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper-inner {
3457
- -webkit-transform: translateY(-5px);
3458
- -ms-transform: translateY(-5px);
3459
- transform: translateY(-5px); }
3460
- .premium-blog-post-container .premium-blog-cats-container ul.post-categories {
3461
- margin: 0;
3462
- padding: 0;
3463
- list-style: none;
3464
- -js-display: flex;
3465
- display: -webkit-box;
3466
- display: -webkit-flex;
3467
- display: -moz-box;
3468
- display: -ms-flexbox;
3469
- display: flex; }
3470
- .premium-blog-post-container .premium-blog-cats-container a {
3471
- display: block;
3472
- font-size: 12px;
3473
- color: #fff;
3474
- background-color: #777;
3475
- margin: 0 3px 10px 0;
3476
- padding: 5px;
3477
- -webkit-transition: all 0.3s ease-in-out;
3478
- transition: all 0.3s ease-in-out; }
3479
-
3480
- /*
3481
- * Diagonal Effect
3482
- */
3483
- .premium-blog-diagonal-container {
3484
- position: absolute;
3485
- top: 0;
3486
- left: 0;
3487
- width: 100%;
3488
- height: 100%; }
3489
-
3490
- .premium-blog-diagonal-effect:before {
3491
- position: absolute;
3492
- top: 0px;
3493
- left: 0px;
3494
- width: 100%;
3495
- height: 100%;
3496
- content: " ";
3497
- z-index: 1;
3498
- background: rgba(255, 255, 255, 0.2);
3499
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3500
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
3501
- -webkit-transition: all 0.3s linear 0s;
3502
- transition: all 0.3s linear 0s; }
3503
-
3504
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-diagonal-effect:before {
3505
- -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
3506
- transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
3507
-
3508
- /*
3509
- * Framed Effect
3510
- */
3511
- .premium-blog-framed-effect {
3512
- position: absolute;
3513
- width: -webkit-calc(100% - 30px);
3514
- width: calc(100% - 30px);
3515
- height: -webkit-calc(100% - 30px);
3516
- height: calc(100% - 30px);
3517
- top: 15px;
3518
- left: 15px;
3519
- opacity: 0;
3520
- -webkit-transform: scale(0.3);
3521
- -ms-transform: scale(0.3);
3522
- transform: scale(0.3);
3523
- -webkit-transition: all 0.3s linear 0s;
3524
- transition: all 0.3s linear 0s; }
3525
-
3526
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-framed-effect {
3527
- opacity: 0.99;
3528
- -webkit-transform: scale(1);
3529
- -ms-transform: scale(1);
3530
- transform: scale(1); }
3531
-
3532
- /*
3533
- * Bordered Effect
3534
- */
3535
- .premium-blog-bordered-effect {
3536
- position: absolute;
3537
- top: 0;
3538
- left: 0;
3539
- width: 100%;
3540
- height: 100%;
3541
- opacity: 0;
3542
- padding: 15px;
3543
- -webkit-transition: all 0.3s linear 0s;
3544
- transition: all 0.3s linear 0s; }
3545
- .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after {
3546
- content: "";
3547
- display: block;
3548
- position: absolute;
3549
- top: 0;
3550
- left: 0;
3551
- width: 100%;
3552
- height: 100%;
3553
- -webkit-transition: all 0.5s linear 0s;
3554
- transition: all 0.5s linear 0s;
3555
- -webkit-transition-delay: 0s;
3556
- transition-delay: 0s;
3557
- border-color: rgba(255, 255, 255, 0.45); }
3558
- .premium-blog-bordered-effect .premium-blog-post-link:before {
3559
- border-right: 2px solid;
3560
- border-left: 2px solid;
3561
- -webkit-transform: scale(1, 0);
3562
- -ms-transform: scale(1, 0);
3563
- transform: scale(1, 0);
3564
- -webkit-transform-origin: 100% 0;
3565
- -ms-transform-origin: 100% 0;
3566
- transform-origin: 100% 0; }
3567
- .premium-blog-bordered-effect .premium-blog-post-link:after {
3568
- border-top: 2px solid;
3569
- border-bottom: 2px solid;
3570
- -webkit-transform: scale(0, 1);
3571
- -ms-transform: scale(0, 1);
3572
- transform: scale(0, 1);
3573
- -webkit-transform-origin: 0 0;
3574
- -ms-transform-origin: 0 0;
3575
- transform-origin: 0 0; }
3576
-
3577
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect {
3578
- opacity: 0.99; }
3579
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-thumb-effect-wrapper:hover .premium-blog-bordered-effect .premium-blog-post-link:after {
3580
- -webkit-transition-delay: 0.15s;
3581
- transition-delay: 0.15s;
3582
- opacity: 1;
3583
- -webkit-transform: scale(1);
3584
- -ms-transform: scale(1);
3585
- transform: scale(1); }
3586
-
3587
- /*
3588
- * Squares Effect
3589
- */
3590
- .premium-blog-squares-effect,
3591
- .premium-blog-squares-square-container {
3592
- position: absolute;
3593
- top: 0;
3594
- left: 0;
3595
- width: 100%;
3596
- height: 100%; }
3597
-
3598
- .premium-blog-squares-effect:before, .premium-blog-squares-effect:after {
3599
- position: absolute;
3600
- content: "";
3601
- top: 0;
3602
- left: 0;
3603
- width: 50%;
3604
- height: 50%;
3605
- -webkit-transform: translate(-100%, -100%);
3606
- -ms-transform: translate(-100%, -100%);
3607
- transform: translate(-100%, -100%);
3608
- opacity: 0.7;
3609
- -webkit-transition: all 0.3s linear 0s;
3610
- transition: all 0.3s linear 0s; }
3611
-
3612
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3613
- position: absolute;
3614
- content: "";
3615
- top: 0;
3616
- left: 0;
3617
- width: 50%;
3618
- height: 50%;
3619
- -webkit-transform: translate(-100%, -100%);
3620
- -ms-transform: translate(-100%, -100%);
3621
- transform: translate(-100%, -100%);
3622
- opacity: 0.7;
3623
- -webkit-transition: all 0.3s linear 0s;
3624
- transition: all 0.3s linear 0s; }
3625
-
3626
- .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after {
3627
- opacity: 0.8; }
3628
-
3629
- .premium-blog-squares-effect:after {
3630
- -webkit-transform: translate(200%, 200%);
3631
- -ms-transform: translate(200%, 200%);
3632
- transform: translate(200%, 200%); }
3633
-
3634
- .premium-blog-squares-square-container:before {
3635
- -webkit-transform: translate(-100%, 200%);
3636
- -ms-transform: translate(-100%, 200%);
3637
- transform: translate(-100%, 200%); }
3638
-
3639
- .premium-blog-squares-square-container:after {
3640
- -webkit-transform: translate(200%, -100%);
3641
- -ms-transform: translate(200%, -100%);
3642
- transform: translate(200%, -100%); }
3643
-
3644
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:before {
3645
- -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3646
- -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003);
3647
- transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); }
3648
-
3649
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-effect:after {
3650
- -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3651
- -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003);
3652
- transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); }
3653
-
3654
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:before {
3655
- -webkit-transform: translate(0, 100%);
3656
- -ms-transform: translate(0, 100%);
3657
- transform: translate(0, 100%); }
3658
-
3659
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-squares-square-container:after {
3660
- -webkit-transform: translate(100%, 0%);
3661
- -ms-transform: translate(100%, 0%);
3662
- transform: translate(100%, 0%); }
3663
-
3664
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay {
3665
- opacity: 1; }
3666
- .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay a {
3667
- opacity: 1;
3668
- -webkit-transform: scale(1);
3669
- -ms-transform: scale(1);
3670
- transform: scale(1); }
3671
-
3672
- .premium-blog-clear-fix {
3673
- clear: both; }
3674
-
3675
- .premium-blog-masked .premium-blog-thumbnail-container {
3676
- position: relative;
3677
- overflow: visible; }
3678
- .premium-blog-masked .premium-blog-thumbnail-container svg {
3679
- position: absolute;
3680
- height: 100px;
3681
- width: 100%;
3682
- bottom: -5px;
3683
- left: 0;
3684
- fill: #f5f5f5;
3685
- z-index: 99; }
3686
- .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg {
3687
- -webkit-transform: rotate(180deg);
3688
- -ms-transform: rotate(180deg);
3689
- transform: rotate(180deg); }
3690
-
3691
- .premium-blog-masked .premium-blog-author-thumbnail,
3692
- .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper {
3693
- z-index: 999 !important; }
3694
-
3695
- .premium-blog-format-link {
3696
- padding: 5px;
3697
- line-height: 0; }
3698
-
3699
- .premium-blog-entry-meta {
3700
- line-height: 1.3em;
3701
- font-size: 12px;
3702
- margin-bottom: 13px;
3703
- color: #adadad; }
3704
- .premium-blog-entry-meta i {
3705
- margin-right: 3px;
3706
- -webkit-transition: all 0.3s ease-in-out;
3707
- transition: all 0.3s ease-in-out; }
3708
-
3709
- .premium-blog-meta-data {
3710
- display: inline-block; }
3711
- .premium-blog-meta-data .premium-blog-meta-separator {
3712
- margin: 0 5px; }
3713
- .premium-blog-meta-data a,
3714
- .premium-blog-meta-data span {
3715
- color: inherit;
3716
- -webkit-transition: all 0.3s ease-in-out;
3717
- transition: all 0.3s ease-in-out; }
3718
-
3719
- .premium-blog-author-thumbnail {
3720
- position: relative;
3721
- padding: 0 30px;
3722
- width: 100%;
3723
- top: -10px;
3724
- height: 0;
3725
- pointer-events: none; }
3726
- .premium-blog-author-thumbnail img {
3727
- -webkit-border-radius: 50%;
3728
- border-radius: 50%;
3729
- width: 60px;
3730
- pointer-events: all;
3731
- -webkit-transform: translateY(-50%);
3732
- -ms-transform: translateY(-50%);
3733
- transform: translateY(-50%); }
3734
-
3735
- .premium-blog-entry-title a,
3736
- .premium-blog-post-tags-container a,
3737
- .premium-blog-post-content .premium-blog-excerpt-link {
3738
- -webkit-transition: all 0.3s ease-in-out;
3739
- transition: all 0.3s ease-in-out; }
3740
-
3741
- .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
3742
- background-color: transparent;
3743
- color: #54595f;
3744
- padding: 0; }
3745
-
3746
- .premium-blog-cta-full-yes .premium-blog-excerpt-link {
3747
- width: 100%; }
3748
-
3749
- .premium-blog-post-tags-container {
3750
- margin-top: 8px;
3751
- -js-display: flex;
3752
- display: -webkit-box;
3753
- display: -webkit-flex;
3754
- display: -moz-box;
3755
- display: -ms-flexbox;
3756
- display: flex;
3757
- -webkit-box-align: center;
3758
- -webkit-align-items: center;
3759
- -moz-box-align: center;
3760
- -ms-flex-align: center;
3761
- align-items: center;
3762
- -webkit-flex-wrap: wrap;
3763
- -ms-flex-wrap: wrap;
3764
- flex-wrap: wrap; }
3765
- .premium-blog-post-tags-container a {
3766
- color: inherit;
3767
- margin-left: 5px; }
3768
-
3769
- /*Tags align*/
3770
- .premium-blog-align-left .post-categories,
3771
- .premium-blog-align-left .premium-blog-inner-container,
3772
- .premium-blog-align-left .premium-blog-post-tags-container {
3773
- -webkit-box-pack: start;
3774
- -webkit-justify-content: flex-start;
3775
- -moz-box-pack: start;
3776
- -ms-flex-pack: start;
3777
- justify-content: flex-start; }
3778
-
3779
- .premium-blog-align-center .post-categories,
3780
- .premium-blog-align-center .premium-blog-inner-container,
3781
- .premium-blog-align-center .premium-blog-post-tags-container {
3782
- -webkit-box-pack: center;
3783
- -webkit-justify-content: center;
3784
- -moz-box-pack: center;
3785
- -ms-flex-pack: center;
3786
- justify-content: center; }
3787
-
3788
- .premium-blog-align-right .post-categories,
3789
- .premium-blog-align-right .premium-blog-inner-container,
3790
- .premium-blog-align-right .premium-blog-post-tags-container {
3791
- -webkit-box-pack: end;
3792
- -webkit-justify-content: flex-end;
3793
- -moz-box-pack: end;
3794
- -ms-flex-pack: end;
3795
- justify-content: flex-end; }
3796
-
3797
- /* Pagination */
3798
- .premium-blog-pagination-container {
3799
- text-align: right; }
3800
- .premium-blog-pagination-container span {
3801
- cursor: default; }
3802
- .premium-blog-pagination-container .page-numbers {
3803
- display: inline-block;
3804
- color: #000;
3805
- line-height: 1;
3806
- font-size: 1em;
3807
- font-weight: 400;
3808
- text-decoration: none;
3809
- padding: 0.75em;
3810
- margin: 0 0.4em 0.4em 0;
3811
- -webkit-transition: all 0.3s ease-in-out;
3812
- transition: all 0.3s ease-in-out; }
3813
-
3814
- .premium-blog-wrap .premium-loading-feed {
3815
- display: block;
3816
- position: absolute;
3817
- width: 100%;
3818
- height: 100%;
3819
- top: 0px;
3820
- left: 0px;
3821
- bottom: 0px;
3822
- right: 0px;
3823
- background: rgba(255, 255, 255, 0.2);
3824
- -js-display: flex;
3825
- display: -webkit-box;
3826
- display: -webkit-flex;
3827
- display: -moz-box;
3828
- display: -ms-flexbox;
3829
- display: flex;
3830
- -webkit-box-align: center;
3831
- -webkit-align-items: center;
3832
- -moz-box-align: center;
3833
- -ms-flex-align: center;
3834
- align-items: center;
3835
- z-index: 99; }
3836
-
3837
- .premium-blog-wrap {
3838
- -js-display: flex;
3839
- display: -webkit-box;
3840
- display: -webkit-flex;
3841
- display: -moz-box;
3842
- display: -ms-flexbox;
3843
- display: flex;
3844
- -webkit-flex-wrap: wrap;
3845
- -ms-flex-wrap: wrap;
3846
- flex-wrap: wrap; }
3847
- .premium-blog-wrap ul.slick-dots {
3848
- width: 100%; }
3849
-
3850
- /*
3851
- * List Layout
3852
- */
3853
- .premium-blog-list .premium-blog-post-outer-container {
3854
- width: 100%; }
3855
-
3856
- /**
3857
- * Even Layout
3858
- */
3859
- .premium-blog-even .premium-blog-post-container {
3860
- height: 100%; }
3861
-
3862
- .premium-blog-even .slick-track {
3863
- -js-display: flex;
3864
- display: -webkit-box;
3865
- display: -webkit-flex;
3866
- display: -moz-box;
3867
- display: -ms-flexbox;
3868
- display: flex; }
3869
-
3870
- .premium-blog-even .slick-slide {
3871
- height: inherit !important; }
3872
-
3873
- /**
3874
- * Responsive Style
3875
- */
3876
- @media (max-width: 768px) {
3877
- .premium-blog-content-wrapper {
3878
- top: 0;
3879
- margin: 0;
3880
- padding: 15px; }
3881
- .premium-blog-skin-side {
3882
- -webkit-box-orient: vertical;
3883
- -webkit-box-direction: normal;
3884
- -webkit-flex-direction: column;
3885
- -moz-box-orient: vertical;
3886
- -moz-box-direction: normal;
3887
- -ms-flex-direction: column;
3888
- flex-direction: column; } }
3889
-
3890
- /************ Premium Team Members ************/
3891
- /**********************************************/
3892
- .premium-person-container {
3893
- position: relative; }
3894
-
3895
- .premium-person-image-container {
3896
- position: relative;
3897
- text-align: center;
3898
- overflow: hidden; }
3899
- .premium-person-image-container .premium-person-image-wrap {
3900
- overflow: hidden; }
3901
-
3902
- .premium-person-zoomout-effect .premium-person-image-container img,
3903
- .premium-person-scale-effect .premium-person-image-container img {
3904
- -webkit-transform: scale(1.2);
3905
- -ms-transform: scale(1.2);
3906
- transform: scale(1.2); }
3907
-
3908
- .premium-person-sepia-effect .premium-person-image-container img {
3909
- -webkit-filter: sepia(30%);
3910
- filter: sepia(30%); }
3911
-
3912
- .premium-person-bright-effect .premium-person-image-container img {
3913
- -webkit-filter: brightness(1);
3914
- filter: brightness(1); }
3915
-
3916
- .premium-person-trans-effect .premium-person-image-container img {
3917
- -webkit-transform: translateX(-15px) scale(1.1);
3918
- -ms-transform: translateX(-15px) scale(1.1);
3919
- transform: translateX(-15px) scale(1.1); }
3920
-
3921
- .premium-person-zoomin-effect:hover .premium-person-image-container img {
3922
- -webkit-transform: scale(1.2);
3923
- -ms-transform: scale(1.2);
3924
- transform: scale(1.2); }
3925
-
3926
- .premium-person-zoomout-effect:hover .premium-person-image-container img {
3927
- -webkit-transform: scale(1.1);
3928
- -ms-transform: scale(1.1);
3929
- transform: scale(1.1); }
3930
-
3931
- .premium-person-scale-effect:hover .premium-person-image-container img {
3932
- -webkit-transform: scale(1.3) rotate(5deg);
3933
- -ms-transform: scale(1.3) rotate(5deg);
3934
- transform: scale(1.3) rotate(5deg); }
3935
-
3936
- .premium-person-grayscale-effect:hover .premium-person-image-container img {
3937
- -webkit-filter: grayscale(100%);
3938
- filter: grayscale(100%); }
3939
-
3940
- .premium-person-blur-effect:hover .premium-person-image-container img {
3941
- -webkit-filter: blur(3px);
3942
- filter: blur(3px); }
3943
-
3944
- .premium-person-sepia-effect:hover .premium-person-image-container img {
3945
- -webkit-filter: sepia(0%);
3946
- filter: sepia(0%); }
3947
-
3948
- .premium-person-bright-effect:hover .premium-person-image-container img {
3949
- -webkit-filter: brightness(1.2);
3950
- filter: brightness(1.2); }
3951
-
3952
- .premium-person-trans-effect:hover .premium-person-image-container img {
3953
- -webkit-transform: translateX(0px) scale(1.1);
3954
- -ms-transform: translateX(0px) scale(1.1);
3955
- transform: translateX(0px) scale(1.1); }
3956
-
3957
- .premium-person-container .premium-person-image-container img {
3958
- width: 100%;
3959
- height: 100%;
3960
- -o-object-fit: cover;
3961
- object-fit: cover;
3962
- -webkit-transition: all 0.5s ease-in-out;
3963
- transition: all 0.5s ease-in-out; }
3964
-
3965
- .premium-person-style2 .premium-person-social {
3966
- position: absolute;
3967
- top: 0;
3968
- left: 0;
3969
- width: 100%;
3970
- height: 100%;
3971
- z-index: 2;
3972
- -js-display: flex;
3973
- display: -webkit-box;
3974
- display: -webkit-flex;
3975
- display: -moz-box;
3976
- display: -ms-flexbox;
3977
- display: flex;
3978
- -webkit-box-pack: center;
3979
- -webkit-justify-content: center;
3980
- -moz-box-pack: center;
3981
- -ms-flex-pack: center;
3982
- justify-content: center;
3983
- -webkit-box-align: center;
3984
- -webkit-align-items: center;
3985
- -moz-box-align: center;
3986
- -ms-flex-align: center;
3987
- align-items: center;
3988
- -webkit-box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3989
- box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5);
3990
- -webkit-transition: all 0.5s linear 0s;
3991
- transition: all 0.5s linear 0s;
3992
- opacity: 0; }
3993
-
3994
- .premium-person-style2 .premium-person-image-container:hover .premium-person-social {
3995
- opacity: 1; }
3996
-
3997
- .premium-person-list-item a {
3998
- display: inline-block; }
3999
-
4000
- .premium-person-style2 .premium-person-list-item a {
4001
- opacity: 0;
4002
- -webkit-transform: scale(0);
4003
- -ms-transform: scale(0);
4004
- transform: scale(0);
4005
- -webkit-transition: all 0.5s ease-in-out 0s;
4006
- transition: all 0.5s ease-in-out 0s; }
4007
-
4008
- .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a {
4009
- opacity: 1;
4010
- -webkit-transform: scale(1);
4011
- -ms-transform: scale(1);
4012
- transform: scale(1); }
4013
-
4014
- .premium-person-info-container {
4015
- padding: 30px 15px; }
4016
-
4017
- .premium-person-name {
4018
- margin: 0 0 5px;
4019
- font-weight: 700; }
4020
-
4021
- .premium-person-title {
4022
- margin: 0 0 20px;
4023
- padding: 0; }
4024
-
4025
- .premium-person-content {
4026
- margin: 0 0 30px; }
4027
-
4028
- /*Override Theme List Margin*/
4029
- ul.premium-person-social-list {
4030
- margin: 0px !important;
4031
- padding: 0; }
4032
-
4033
- .premium-person-social-list .premium-person-list-item {
4034
- display: inline;
4035
- list-style: none; }
4036
-
4037
- .premium-person-social-list li {
4038
- position: relative;
4039
- bottom: 0px;
4040
- -webkit-transition: all 0.2s ease-in-out;
4041
- transition: all 0.2s ease-in-out; }
4042
- .premium-person-social-list li i {
4043
- position: relative;
4044
- bottom: 0px;
4045
- -webkit-transition: all 0.2s ease-in-out;
4046
- transition: all 0.2s ease-in-out; }
4047
-
4048
- .premium-person-defaults-yes li.premium-person-facebook:hover a {
4049
- background-color: #3b5998 !important; }
4050
-
4051
- .premium-person-defaults-yes li.premium-person-twitter:hover a {
4052
- background-color: #55acee !important; }
4053
-
4054
- .premium-person-defaults-yes li.premium-person-linkedin:hover a {
4055
- background-color: #0077b5 !important; }
4056
-
4057
- .premium-person-defaults-yes li.premium-person-google:hover a {
4058
- background-color: #dc4e41 !important; }
4059
-
4060
- .premium-person-defaults-yes li.premium-person-youtube:hover a {
4061
- background-color: #b31217 !important; }
4062
-
4063
- .premium-person-defaults-yes li.premium-person-instagram:hover a {
4064
- background-color: #e4405f !important; }
4065
-
4066
- .premium-person-defaults-yes li.premium-person-skype:hover a {
4067
- background-color: #00aff0 !important; }
4068
-
4069
- .premium-person-defaults-yes li.premium-person-pinterest:hover a {
4070
- background-color: #bd081c !important; }
4071
-
4072
- .premium-person-defaults-yes li.premium-person-dribbble:hover a {
4073
- background-color: #ea4c89 !important; }
4074
-
4075
- .premium-person-defaults-yes li.premium-person-mail:hover a {
4076
- background-color: #b23121 !important; }
4077
-
4078
- .premium-person-defaults-yes li.premium-person-behance:hover a {
4079
- background-color: #1769ff !important; }
4080
-
4081
- .premium-person-defaults-yes li.premium-person-whatsapp:hover a {
4082
- background-color: #25d366 !important; }
4083
-
4084
- .premium-person-defaults-yes li.premium-person-telegram:hover a {
4085
- background-color: #0088cc !important; }
4086
-
4087
- .premium-person-defaults-yes li.premium-person-site:hover a {
4088
- background-color: #0055a5 !important; }
4089
-
4090
- .premium-person-social-list li:hover a {
4091
- -webkit-box-shadow: none;
4092
- box-shadow: none; }
4093
-
4094
- .premium-person-social-list li a:focus {
4095
- -webkit-box-shadow: none;
4096
- box-shadow: none;
4097
- outline: none; }
4098
-
4099
- .premium-person-social-list li i {
4100
- font-size: 18px; }
4101
-
4102
- .elementor-widget-premium-addon-person .elementor-widget-container {
4103
- -js-display: flex;
4104
- display: -webkit-box;
4105
- display: -webkit-flex;
4106
- display: -moz-box;
4107
- display: -ms-flexbox;
4108
- display: flex;
4109
- -webkit-box-pack: center;
4110
- -webkit-justify-content: center;
4111
- -moz-box-pack: center;
4112
- -ms-flex-pack: center;
4113
- justify-content: center; }
4114
-
4115
- .premium-persons-container.multiple-persons {
4116
- -js-display: flex;
4117
- display: -webkit-box;
4118
- display: -webkit-flex;
4119
- display: -moz-box;
4120
- display: -ms-flexbox;
4121
- display: flex;
4122
- -webkit-flex-wrap: wrap;
4123
- -ms-flex-wrap: wrap;
4124
- flex-wrap: wrap;
4125
- width: 100%; }
4126
-
4127
- .premium-person-style1 .premium-person-container {
4128
- overflow: hidden; }
4129
- .premium-person-style1 .premium-person-container .premium-person-info {
4130
- position: absolute;
4131
- top: auto;
4132
- right: 0;
4133
- left: 0;
4134
- -webkit-transition: all 500ms ease 0s;
4135
- transition: all 500ms ease 0s;
4136
- -webkit-transform: translate3d(0, 100%, 0);
4137
- transform: translate3d(0, 100%, 0); }
4138
- .premium-person-style1 .premium-person-container:hover .premium-person-info {
4139
- -webkit-transform: translate3d(0, 0, 0);
4140
- transform: translate3d(0, 0, 0);
4141
- bottom: -1px !important; }
4142
-
4143
- .premium-person-style1 .premium-person-social-list li:hover {
4144
- bottom: 5px; }
4145
-
4146
- .premium-person-style1.multiple-persons:not([data-persons-equal="yes"]) {
4147
- -webkit-box-align: start;
4148
- -webkit-align-items: flex-start;
4149
- -moz-box-align: start;
4150
- -ms-flex-align: start;
4151
- align-items: flex-start; }
4152
-
4153
- .premium-person-style1 .slick-track {
4154
- -js-display: flex;
4155
- display: -webkit-box;
4156
- display: -webkit-flex;
4157
- display: -moz-box;
4158
- display: -ms-flexbox;
4159
- display: flex; }
4160
-
4161
- .premium-person-style1 .slick-slide {
4162
- height: inherit !important; }
4163
-
4164
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-container,
4165
- .premium-person-style1.multiple-persons[data-persons-equal="yes"] .premium-person-image-wrap {
4166
- height: 100%; }
4167
-
4168
- .premium-person-style3 .premium-person-info-container {
4169
- position: absolute;
4170
- top: 0;
4171
- left: 0;
4172
- width: 100%;
4173
- height: 100%;
4174
- -js-display: flex;
4175
- display: -webkit-box;
4176
- display: -webkit-flex;
4177
- display: -moz-box;
4178
- display: -ms-flexbox;
4179
- display: flex;
4180
- -webkit-box-orient: vertical;
4181
- -webkit-box-direction: normal;
4182
- -webkit-flex-direction: column;
4183
- -moz-box-orient: vertical;
4184
- -moz-box-direction: normal;
4185
- -ms-flex-direction: column;
4186
- flex-direction: column;
4187
- -webkit-box-pack: justify;
4188
- -webkit-justify-content: space-between;
4189
- -moz-box-pack: justify;
4190
- -ms-flex-pack: justify;
4191
- justify-content: space-between; }
4192
-
4193
- .premium-person-style3 .premium-person-title-desc-wrap {
4194
- -js-display: flex;
4195
- display: -webkit-box;
4196
- display: -webkit-flex;
4197
- display: -moz-box;
4198
- display: -ms-flexbox;
4199
- display: flex;
4200
- -webkit-box-orient: horizontal;
4201
- -webkit-box-direction: reverse;
4202
- -webkit-flex-direction: row-reverse;
4203
- -moz-box-orient: horizontal;
4204
- -moz-box-direction: reverse;
4205
- -ms-flex-direction: row-reverse;
4206
- flex-direction: row-reverse;
4207
- -webkit-box-pack: justify;
4208
- -webkit-justify-content: space-between;
4209
- -moz-box-pack: justify;
4210
- -ms-flex-pack: justify;
4211
- justify-content: space-between;
4212
- -webkit-box-align: start;
4213
- -webkit-align-items: flex-start;
4214
- -moz-box-align: start;
4215
- -ms-flex-align: start;
4216
- align-items: flex-start; }
4217
-
4218
- .premium-person-style3 .premium-person-name-icons-wrap {
4219
- -js-display: flex;
4220
- display: -webkit-box;
4221
- display: -webkit-flex;
4222
- display: -moz-box;
4223
- display: -ms-flexbox;
4224
- display: flex;
4225
- -webkit-box-pack: justify;
4226
- -webkit-justify-content: space-between;
4227
- -moz-box-pack: justify;
4228
- -ms-flex-pack: justify;
4229
- justify-content: space-between;
4230
- -webkit-box-align: end;
4231
- -webkit-align-items: flex-end;
4232
- -moz-box-align: end;
4233
- -ms-flex-align: end;
4234
- align-items: flex-end; }
4235
-
4236
- .premium-person-style3 .premium-person-title {
4237
- opacity: 0;
4238
- -webkit-transition: all 0.3s ease;
4239
- transition: all 0.3s ease;
4240
- width: 0; }
4241
- .premium-person-style3 .premium-person-title span {
4242
- display: inline-block; }
4243
-
4244
- .premium-person-style3 .premium-person-name {
4245
- padding-left: 10px; }
4246
-
4247
- .premium-person-style3 .premium-person-social-list {
4248
- -js-display: flex;
4249
- display: -webkit-box;
4250
- display: -webkit-flex;
4251
- display: -moz-box;
4252
- display: -ms-flexbox;
4253
- display: flex;
4254
- -webkit-box-orient: vertical;
4255
- -webkit-box-direction: normal;
4256
- -webkit-flex-direction: column;
4257
- -moz-box-orient: vertical;
4258
- -moz-box-direction: normal;
4259
- -ms-flex-direction: column;
4260
- flex-direction: column;
4261
- -webkit-transform: translateY(20px);
4262
- -ms-transform: translateY(20px);
4263
- transform: translateY(20px);
4264
- opacity: 0;
4265
- -webkit-transition: all 0.3s ease;
4266
- transition: all 0.3s ease; }
4267
-
4268
- .premium-person-style3 .premium-person-list-item {
4269
- line-height: 0; }
4270
- .premium-person-style3 .premium-person-list-item a {
4271
- padding: 5px 10px 0 0;
4272
- margin: 5px 0; }
4273
-
4274
- .premium-person-style3 .premium-person-container:hover .premium-person-title {
4275
- opacity: 1; }
4276
-
4277
- .premium-person-style3 .premium-person-container:hover .premium-person-social-list {
4278
- opacity: 1;
4279
- -webkit-transform: translateY(0);
4280
- -ms-transform: translateY(0);
4281
- transform: translateY(0); }
4282
-
4283
- .premium-persons-title-cw .premium-person-title {
4284
- -webkit-transform: translateX(15px) rotate(90deg);
4285
- -ms-transform: translateX(15px) rotate(90deg);
4286
- transform: translateX(15px) rotate(90deg);
4287
- -webkit-transform-origin: top;
4288
- -ms-transform-origin: top;
4289
- transform-origin: top; }
4290
-
4291
- .premium-persons-title-cw .premium-person-container:hover .premium-person-title {
4292
- -webkit-transform: translateX(0) rotate(90deg);
4293
- -ms-transform: translateX(0) rotate(90deg);
4294
- transform: translateX(0) rotate(90deg); }
4295
-
4296
- .premium-persons-title-ccw .premium-person-title {
4297
- width: auto;
4298
- margin-right: 20px;
4299
- -webkit-transform: translateX(15px) rotate(-90deg);
4300
- -ms-transform: translateX(15px) rotate(-90deg);
4301
- transform: translateX(15px) rotate(-90deg);
4302
- -webkit-transform-origin: center right;
4303
- -ms-transform-origin: center right;
4304
- transform-origin: center right; }
4305
-
4306
- .premium-persons-title-ccw .premium-person-container:hover .premium-person-title {
4307
- -webkit-transform: translateX(0) rotate(-90deg);
4308
- -ms-transform: translateX(0) rotate(-90deg);
4309
- transform: translateX(0) rotate(-90deg); }
4310
-
4311
- /**************** Premium Fancy Text *******************/
4312
- /*******************************************************/
4313
- .premium-suffix-text,
4314
- .premium-fancy-text,
4315
- .premium-prefix-text {
4316
- font-size: 40px; }
4317
-
4318
- .premium-fancy-text-wrapper:not(.typing) .premium-fancy-text,
4319
- .premium-fancy-item-hidden {
4320
- opacity: 0; }
4321
-
4322
- .premium-fancy-text-wrapper .premium-fancy-list-items {
4323
- list-style: none; }
4324
-
4325
- .premium-fancy-text-wrapper .premium-fancy-text-span-align {
4326
- vertical-align: top; }
4327
-
4328
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-text-items-wrapper {
4329
- margin: 0;
4330
- padding: 0;
4331
- border: none;
4332
- position: relative; }
4333
-
4334
- .premium-fancy-text-wrapper:not(.typing):not(.slide) .premium-fancy-list-items {
4335
- position: absolute;
4336
- top: 0;
4337
- left: 0;
4338
- display: inline-block; }
4339
-
4340
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-hidden {
4341
- -webkit-animation: pa-zoom-out 0.8s;
4342
- animation: pa-zoom-out 0.8s; }
4343
-
4344
- .premium-fancy-text-wrapper.zoomout .premium-fancy-item-visible {
4345
- position: relative !important;
4346
- -webkit-animation: pa-zoom-in 0.8s;
4347
- animation: pa-zoom-in 0.8s; }
4348
-
4349
- .premium-fancy-text-wrapper.zoomout .premium-fancy-text-items-wrapper {
4350
- -webkit-perspective: 300px;
4351
- perspective: 300px; }
4352
-
4353
- .premium-fancy-text-wrapper.rotate .premium-fancy-list-items {
4354
- -webkit-transform-origin: 50% 100%;
4355
- -ms-transform-origin: 50% 100%;
4356
- transform-origin: 50% 100%; }
4357
-
4358
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-hidden {
4359
- -webkit-transform: rotateX(180deg);
4360
- transform: rotateX(180deg);
4361
- -webkit-animation: pa-rotate-out 1.2s;
4362
- animation: pa-rotate-out 1.2s; }
4363
-
4364
- .premium-fancy-text-wrapper.rotate .premium-fancy-item-visible {
4365
- position: relative !important;
4366
- -webkit-transform: rotateX(0deg);
4367
- transform: rotateX(0deg);
4368
- -webkit-animation: pa-rotate-in 1.2s;
4369
- animation: pa-rotate-in 1.2s; }
4370
-
4371
- .premium-fancy-text-wrapper.custom .premium-fancy-item-visible {
4372
- position: relative !important; }
4373
-
4374
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-text {
4375
- display: inline-block;
4376
- width: 200px;
4377
- font-weight: 400; }
4378
-
4379
- .premium-fancy-text-wrapper.auto-fade .premium-fancy-svg-text {
4380
- position: relative;
4381
- vertical-align: sub; }
4382
-
4383
- .premium-fancy-text-wrapper.auto-fade g > text {
4384
- text-anchor: start;
4385
- shape-rendering: crispEdges;
4386
- opacity: 0;
4387
- font-size: 300px;
4388
- -webkit-animation-name: pa-auto-fade;
4389
- animation-name: pa-auto-fade;
4390
- -moz-animation-name: pa-auto-fade;
4391
- -webkit-animation-duration: 9s;
4392
- animation-duration: 9s;
4393
- -webkit-animation-timing-function: linear;
4394
- animation-timing-function: linear;
4395
- -webkit-animation-iteration-count: infinite;
4396
- animation-iteration-count: infinite; }
4397
-
4398
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(1) {
4399
- -webkit-animation-delay: 0s;
4400
- animation-delay: 0s; }
4401
-
4402
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(2) {
4403
- -webkit-animation-delay: 3s;
4404
- animation-delay: 3s; }
4405
-
4406
- .premium-fancy-text-wrapper.auto-fade g > text:nth-child(3) {
4407
- -webkit-animation-delay: 6s;
4408
- animation-delay: 6s; }
4409
-
4410
- .premium-fancy-text-wrapper.loading .premium-fancy-text {
4411
- position: relative; }
4412
- .premium-fancy-text-wrapper.loading .premium-fancy-text .premium-loading-bar {
4413
- position: absolute;
4414
- width: 100%;
4415
- height: 3px;
4416
- bottom: 0;
4417
- left: 0;
4418
- animation: pa-loading-bar 2.5s ease-out infinite;
4419
- -webkit-animation: pa-loading-bar 2.5s ease-out infinite; }
4420
-
4421
- .premium-fancy-text-wrapper.loading.pause .premium-fancy-text:hover .premium-loading-bar {
4422
- -webkit-animation-play-state: paused;
4423
- animation-play-state: paused; }
4424
-
4425
- @-webkit-keyframes pa-auto-fade {
4426
- 0% {
4427
- opacity: 0; }
4428
- 20% {
4429
- opacity: 1; }
4430
- 35% {
4431
- opacity: 0; }
4432
- 100% {
4433
- opacity: 0; } }
4434
-
4435
- @keyframes pa-auto-fade {
4436
- 0% {
4437
- opacity: 0; }
4438
- 20% {
4439
- opacity: 1; }
4440
- 35% {
4441
- opacity: 0; }
4442
- 100% {
4443
- opacity: 0; } }
4444
-
4445
- @-webkit-keyframes pa-loading-bar {
4446
- 0% {
4447
- width: 0; }
4448
- 100% {
4449
- width: 100; } }
4450
-
4451
- @keyframes pa-loading-bar {
4452
- 0% {
4453
- width: 0; }
4454
- 100% {
4455
- width: 100; } }
4456
-
4457
- @-webkit-keyframes pa-zoom-in {
4458
- 0% {
4459
- opacity: 0;
4460
- -webkit-transform: translateZ(100px);
4461
- transform: translateZ(100px); }
4462
- 100% {
4463
- opacity: 1;
4464
- -webkit-transform: translateZ(0);
4465
- transform: translateZ(0); } }
4466
-
4467
- @keyframes pa-zoom-in {
4468
- 0% {
4469
- opacity: 0;
4470
- -webkit-transform: translateZ(100px);
4471
- transform: translateZ(100px); }
4472
- 100% {
4473
- opacity: 1;
4474
- -webkit-transform: translateZ(0);
4475
- transform: translateZ(0); } }
4476
-
4477
- @-webkit-keyframes pa-zoom-out {
4478
- 0% {
4479
- opacity: 1;
4480
- -webkit-transform: translateZ(0);
4481
- transform: translateZ(0); }
4482
- 100% {
4483
- opacity: 0;
4484
- -webkit-transform: translateZ(-100px);
4485
- transform: translateZ(-100px); } }
4486
-
4487
- @keyframes pa-zoom-out {
4488
- 0% {
4489
- opacity: 1;
4490
- -webkit-transform: translateZ(0);
4491
- transform: translateZ(0); }
4492
- 100% {
4493
- opacity: 0;
4494
- -webkit-transform: translateZ(-100px);
4495
- transform: translateZ(-100px); } }
4496
-
4497
- @-webkit-keyframes pa-rotate-in {
4498
- 0% {
4499
- opacity: 0;
4500
- -webkit-transform: rotateX(180deg);
4501
- transform: rotateX(180deg); }
4502
- 35% {
4503
- opacity: 0;
4504
- -webkit-transform: rotateX(120deg);
4505
- transform: rotateX(120deg); }
4506
- 65% {
4507
- opacity: 0; }
4508
- 100% {
4509
- opacity: 1;
4510
- -webkit-transform: rotateX(360deg);
4511
- transform: rotateX(360deg); } }
4512
-
4513
- @keyframes pa-rotate-in {
4514
- 0% {
4515
- opacity: 0;
4516
- -webkit-transform: rotateX(180deg);
4517
- transform: rotateX(180deg); }
4518
- 35% {
4519
- opacity: 0;
4520
- -webkit-transform: rotateX(120deg);
4521
- transform: rotateX(120deg); }
4522
- 65% {
4523
- opacity: 0; }
4524
- 100% {
4525
- opacity: 1;
4526
- -webkit-transform: rotateX(360deg);
4527
- transform: rotateX(360deg); } }
4528
-
4529
- @-webkit-keyframes pa-rotate-out {
4530
- 0% {
4531
- opacity: 1;
4532
- -webkit-transform: rotateX(0deg);
4533
- transform: rotateX(0deg); }
4534
- 35% {
4535
- opacity: 1;
4536
- -webkit-transform: rotateX(-40deg);
4537
- transform: rotateX(-40deg); }
4538
- 65% {
4539
- opacity: 0; }
4540
- 100% {
4541
- opacity: 0;
4542
- -webkit-transform: rotateX(180deg);
4543
- transform: rotateX(180deg); } }
4544
-
4545
- @keyframes pa-rotate-out {
4546
- 0% {
4547
- opacity: 1;
4548
- -webkit-transform: rotateX(0deg);
4549
- transform: rotateX(0deg); }
4550
- 35% {
4551
- opacity: 1;
4552
- -webkit-transform: rotateX(-40deg);
4553
- transform: rotateX(-40deg); }
4554
- 65% {
4555
- opacity: 0; }
4556
- 100% {
4557
- opacity: 0;
4558
- -webkit-transform: rotateX(180deg);
4559
- transform: rotateX(180deg); } }
4560
-
4561
- /**************** Premium Pricing Table ****************/
4562
- /*******************************************************/
4563
- .premium-pricing-table-container {
4564
- position: relative;
4565
- overflow: hidden;
4566
- text-align: center;
4567
- -webkit-transition: all 0.3s ease-in-out;
4568
- transition: all 0.3s ease-in-out; }
4569
-
4570
- .premium-pricing-icon-container {
4571
- -js-display: flex;
4572
- display: -webkit-box;
4573
- display: -webkit-flex;
4574
- display: -moz-box;
4575
- display: -ms-flexbox;
4576
- display: flex;
4577
- -webkit-box-pack: center;
4578
- -webkit-justify-content: center;
4579
- -moz-box-pack: center;
4580
- -ms-flex-pack: center;
4581
- justify-content: center;
4582
- line-height: 0; }
4583
- .premium-pricing-icon-container .premium-pricing-icon {
4584
- display: inline-block; }
4585
- .premium-pricing-icon-container .premium-pricing-image {
4586
- overflow: hidden; }
4587
- .premium-pricing-icon-container .premium-pricing-image img {
4588
- width: 25px;
4589
- height: 25px;
4590
- -o-object-fit: cover;
4591
- object-fit: cover; }
4592
-
4593
- .premium-badge-left {
4594
- position: absolute;
4595
- top: 0; }
4596
-
4597
- .premium-badge-right {
4598
- position: absolute;
4599
- top: 0;
4600
- right: 0; }
4601
-
4602
- .premium-badge-left {
4603
- left: 0; }
4604
-
4605
- .premium-badge-triangle.premium-badge-left .corner {
4606
- width: 0;
4607
- height: 0;
4608
- border-top: 150px solid;
4609
- border-bottom: 150px solid transparent;
4610
- border-right: 150px solid transparent; }
4611
-
4612
- .premium-badge-triangle.premium-badge-right .corner {
4613
- width: 0;
4614
- height: 0;
4615
- border-bottom: 150px solid transparent;
4616
- border-right: 150px solid;
4617
- border-left: 150px solid transparent; }
4618
-
4619
- .premium-badge-triangle span {
4620
- position: absolute;
4621
- top: 35px;
4622
- width: 100px;
4623
- text-align: center;
4624
- -webkit-transform: rotate(-45deg);
4625
- -ms-transform: rotate(-45deg);
4626
- transform: rotate(-45deg);
4627
- display: block;
4628
- text-transform: uppercase; }
4629
-
4630
- .premium-badge-triangle.premium-badge-right span {
4631
- -webkit-transform: rotate(45deg);
4632
- -ms-transform: rotate(45deg);
4633
- transform: rotate(45deg);
4634
- right: 0; }
4635
-
4636
- .premium-badge-circle {
4637
- min-width: 4em;
4638
- min-height: 4em;
4639
- line-height: 4em;
4640
- text-align: center;
4641
- -webkit-border-radius: 100%;
4642
- border-radius: 100%;
4643
- position: absolute;
4644
- z-index: 1; }
4645
-
4646
- .premium-badge-stripe {
4647
- position: absolute;
4648
- -webkit-transform: rotate(90deg);
4649
- -ms-transform: rotate(90deg);
4650
- transform: rotate(90deg);
4651
- width: 15em;
4652
- overflow: hidden;
4653
- height: 15em; }
4654
- .premium-badge-stripe.premium-badge-left {
4655
- -webkit-transform: rotate(0);
4656
- -ms-transform: rotate(0);
4657
- transform: rotate(0); }
4658
- .premium-badge-stripe .corner {
4659
- text-align: center;
4660
- left: 0;
4661
- width: 150%;
4662
- -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4663
- -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4664
- transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
4665
- margin-top: 35px;
4666
- font-size: 13px;
4667
- line-height: 2;
4668
- font-weight: 800;
4669
- text-transform: uppercase; }
4670
-
4671
- .premium-badge-flag .corner {
4672
- text-align: center;
4673
- -webkit-border-radius: 4px 4px 0 4px;
4674
- border-radius: 4px 4px 0 4px;
4675
- padding: 3px 15px;
4676
- position: absolute;
4677
- top: 10%;
4678
- right: -8px; }
4679
- .premium-badge-flag .corner::before, .premium-badge-flag .corner::after {
4680
- content: "";
4681
- display: block;
4682
- position: absolute;
4683
- width: 0;
4684
- height: 0;
4685
- top: 100%;
4686
- right: 0;
4687
- border-bottom: 8px solid transparent; }
4688
-
4689
- .elementor-widget-premium-addon-pricing-table .elementor-widget-container {
4690
- overflow: visible !important; }
4691
-
4692
- .premium-badge-flag .corner::after {
4693
- border-left: 8px solid rgba(0, 0, 0, 0.2); }
4694
-
4695
- .premium-pricing-price-currency {
4696
- position: relative; }
4697
-
4698
- .premium-pricing-button-container {
4699
- display: block; }
4700
-
4701
- .premium-pricing-list {
4702
- -js-display: flex;
4703
- display: -webkit-box;
4704
- display: -webkit-flex;
4705
- display: -moz-box;
4706
- display: -ms-flexbox;
4707
- display: flex;
4708
- -webkit-box-orient: vertical;
4709
- -webkit-box-direction: normal;
4710
- -webkit-flex-direction: column;
4711
- -moz-box-orient: vertical;
4712
- -moz-box-direction: normal;
4713
- -ms-flex-direction: column;
4714
- flex-direction: column;
4715
- list-style-type: none;
4716
- margin: 0; }
4717
- .premium-pricing-list .premium-pricing-list-item {
4718
- -js-display: flex;
4719
- display: -webkit-box;
4720
- display: -webkit-flex;
4721
- display: -moz-box;
4722
- display: -ms-flexbox;
4723
- display: flex;
4724
- -webkit-box-align: center;
4725
- -webkit-align-items: center;
4726
- -moz-box-align: center;
4727
- -ms-flex-align: center;
4728
- align-items: center; }
4729
- .premium-pricing-list .premium-pricing-list-item svg {
4730
- width: 50px;
4731
- height: 50px; }
4732
- .premium-pricing-list .premium-pricing-list-item img {
4733
- width: 30px;
4734
- height: 30px;
4735
- -o-object-fit: cover;
4736
- object-fit: cover; }
4737
- .premium-pricing-list .premium-pricing-list-span {
4738
- position: relative; }
4739
- .premium-pricing-list .list-item-tooltip {
4740
- border-bottom: 1px dotted; }
4741
- .premium-pricing-list .premium-pricing-list-tooltip {
4742
- position: absolute;
4743
- top: -webkit-calc(100% + 1px);
4744
- top: calc(100% + 1px);
4745
- left: 0;
4746
- visibility: hidden;
4747
- padding: 15px 20px;
4748
- -webkit-border-radius: 5px;
4749
- border-radius: 5px;
4750
- min-width: 200px;
4751
- overflow: hidden;
4752
- text-align: left;
4753
- font-size: 0.8rem;
4754
- color: #fff;
4755
- background-color: #aaa; }
4756
-
4757
- .premium-pricing-features-left .premium-pricing-list-span {
4758
- text-align: left; }
4759
-
4760
- .premium-pricing-features-center .premium-pricing-list-span {
4761
- text-align: center; }
4762
-
4763
- .premium-pricing-features-right .premium-pricing-list-span {
4764
- text-align: right; }
4765
-
4766
- .premium-pricing-list-span:hover .premium-pricing-list-tooltip {
4767
- z-index: 99;
4768
- visibility: visible;
4769
- opacity: 1; }
4770
-
4771
- .premium-pricing-slashed-price-value {
4772
- display: inline-block;
4773
- font-size: 20px;
4774
- font-weight: 400;
4775
- margin-right: 5px; }
4776
-
4777
- .premium-pricing-price-value {
4778
- font-size: 70px; }
4779
-
4780
- .premium-pricing-description-container li {
4781
- list-style-position: inside;
4782
- text-indent: -40px; }
4783
-
4784
- @-moz-document url-prefix() {
4785
- .premium-pricing-description-container li {
4786
- text-indent: 0px; } }
4787
-
4788
- .premium-pricing-price-button {
4789
- display: block;
4790
- padding: 6px 12px;
4791
- line-height: 1.42857143;
4792
- text-align: center;
4793
- color: #fff;
4794
- background: #6ec1e4;
4795
- margin-bottom: 0;
4796
- -webkit-transition: all 0.3s ease-in-out;
4797
- transition: all 0.3s ease-in-out; }
4798
-
4799
- /**************** Premium Google Maps ******************/
4800
- /*******************************************************/
4801
- .premium-maps-info-container {
4802
- margin-top: 10px;
4803
- margin-bottom: 10px; }
4804
-
4805
- .premium-maps-info-title,
4806
- .premium-maps-info-desc {
4807
- margin: 0;
4808
- padding: 0; }
4809
-
4810
- .premium-maps-container .gm-style-iw {
4811
- text-align: center; }
4812
-
4813
- .premium-maps-container .gm-style img {
4814
- max-width: none !important; }
4815
-
4816
- /**************** Premium Button ***********************/
4817
- /*******************************************************/
4818
- .premium-button {
4819
- -js-display: inline-flex;
4820
- display: -webkit-inline-box;
4821
- display: -webkit-inline-flex;
4822
- display: -moz-inline-box;
4823
- display: -ms-inline-flexbox;
4824
- display: inline-flex;
4825
- position: relative;
4826
- overflow: hidden;
4827
- -webkit-backface-visibility: hidden;
4828
- backface-visibility: hidden;
4829
- -webkit-transform: translate3d(0, 0, 0);
4830
- transform: translate3d(0, 0, 0);
4831
- cursor: pointer;
4832
- -webkit-transition: all 0.2s ease-in-out !important;
4833
- transition: all 0.2s ease-in-out !important; }
4834
-
4835
- .premium-button .premium-lottie-animation,
4836
- .premium-image-button .premium-lottie-animation {
4837
- -js-display: flex;
4838
- display: -webkit-box;
4839
- display: -webkit-flex;
4840
- display: -moz-box;
4841
- display: -ms-flexbox;
4842
- display: flex; }
4843
-
4844
- .premium-button svg,
4845
- .premium-image-button svg {
4846
- width: 30px;
4847
- height: 30px; }
4848
-
4849
- .premium-btn-sm,
4850
- .premium-btn-md,
4851
- .premium-btn-lg,
4852
- .premium-btn-block {
4853
- background-color: #eee;
4854
- color: #042551;
4855
- margin: 0px;
4856
- text-decoration: none; }
4857
- .premium-btn-sm:hover,
4858
- .premium-btn-md:hover,
4859
- .premium-btn-lg:hover,
4860
- .premium-btn-block:hover {
4861
- background-color: #54595f;
4862
- color: #eee; }
4863
-
4864
- .premium-btn-sm {
4865
- padding: 12px 24px;
4866
- font-size: 14px;
4867
- line-height: 1; }
4868
-
4869
- .premium-btn-md {
4870
- padding: 14px 26px;
4871
- font-size: 16px;
4872
- line-height: 1.2; }
4873
-
4874
- .premium-btn-lg {
4875
- padding: 16px 28px;
4876
- font-size: 18px;
4877
- line-height: 1.3333; }
4878
-
4879
- .premium-btn-block {
4880
- font-size: 18px;
4881
- line-height: 1;
4882
- padding: 20px 0px;
4883
- width: 100%;
4884
- text-align: center; }
4885
-
4886
- .premium-button-text {
4887
- display: inline-block;
4888
- width: 100%; }
4889
-
4890
- .premium-button-style1,
4891
- .premium-button-style2,
4892
- .premium-button-style5,
4893
- .premium-button-style7 {
4894
- display: inline-block;
4895
- vertical-align: middle;
4896
- -webkit-transform: perspective(1px) translateZ(0);
4897
- transform: perspective(1px) translateZ(0);
4898
- -webkit-box-shadow: 0 0 1px transparent;
4899
- box-shadow: 0 0 1px transparent;
4900
- position: relative;
4901
- -webkit-transition-property: color;
4902
- transition-property: color;
4903
- -webkit-transition-duration: 0.15s;
4904
- transition-duration: 0.15s; }
4905
-
4906
- .premium-button-style1:before,
4907
- .premium-button-style2:before,
4908
- .premium-button-style5:before {
4909
- content: "";
4910
- position: absolute;
4911
- z-index: -1;
4912
- top: 0;
4913
- left: 0;
4914
- right: 0;
4915
- bottom: 0;
4916
- -webkit-transform: scaleY(0);
4917
- -ms-transform: scaleY(0);
4918
- transform: scaleY(0);
4919
- -webkit-transform-origin: 50% 0;
4920
- -ms-transform-origin: 50% 0;
4921
- transform-origin: 50% 0;
4922
- -webkit-transition-property: -webkit-transform;
4923
- transition-property: -webkit-transform;
4924
- transition-property: transform;
4925
- transition-property: transform, -webkit-transform;
4926
- -webkit-transition-duration: 0.15s;
4927
- transition-duration: 0.15s;
4928
- -webkit-transition-timing-function: ease-out;
4929
- transition-timing-function: ease-out; }
4930
-
4931
- .premium-button-style5-radialin:before,
4932
- .premium-button-style5-radialout:before {
4933
- -webkit-transform-origin: 50%;
4934
- -ms-transform-origin: 50%;
4935
- transform-origin: 50%;
4936
- -webkit-border-radius: 100%;
4937
- border-radius: 100%;
4938
- -webkit-transform: scale(0);
4939
- -ms-transform: scale(0);
4940
- transform: scale(0); }
4941
-
4942
- .premium-button-style5-radialin:before {
4943
- -webkit-transform: scale(2);
4944
- -ms-transform: scale(2);
4945
- transform: scale(2); }
4946
-
4947
- .premium-button-style5-rectin:before {
4948
- -webkit-transform-origin: 50%;
4949
- -ms-transform-origin: 50%;
4950
- transform-origin: 50%;
4951
- -webkit-transform: scale(1);
4952
- -ms-transform: scale(1);
4953
- transform: scale(1); }
4954
-
4955
- .premium-button-style5-rectout:before {
4956
- -webkit-transform-origin: 50%;
4957
- -ms-transform-origin: 50%;
4958
- transform-origin: 50%;
4959
- -webkit-transform: scale(0);
4960
- -ms-transform: scale(0);
4961
- transform: scale(0); }
4962
-
4963
- .premium-button-style5-rectout:hover:before {
4964
- -webkit-transform: scale(1);
4965
- -ms-transform: scale(1);
4966
- transform: scale(1); }
4967
-
4968
- .premium-button-style5-rectin:hover:before {
4969
- -webkit-transform: scale(0);
4970
- -ms-transform: scale(0);
4971
- transform: scale(0); }
4972
-
4973
- .premium-button-style5-radialout:hover:before {
4974
- -webkit-transform: scale(2);
4975
- -ms-transform: scale(2);
4976
- transform: scale(2); }
4977
-
4978
- .premium-button-style5-radialin:hover:before {
4979
- -webkit-transform: scale(0);
4980
- -ms-transform: scale(0);
4981
- transform: scale(0); }
4982
-
4983
- .premium-button-style1-top:before {
4984
- -webkit-transform-origin: 50% 100%;
4985
- -ms-transform-origin: 50% 100%;
4986
- transform-origin: 50% 100%; }
4987
-
4988
- .premium-button-style1-right:before {
4989
- -webkit-transform: scaleX(0);
4990
- -ms-transform: scaleX(0);
4991
- transform: scaleX(0);
4992
- -webkit-transform-origin: 0% 50%;
4993
- -ms-transform-origin: 0% 50%;
4994
- transform-origin: 0% 50%; }
4995
-
4996
- .premium-button-style1-left:before {
4997
- -webkit-transform: scaleX(0);
4998
- -ms-transform: scaleX(0);
4999
- transform: scaleX(0);
5000
- -webkit-transform-origin: 100% 50%;
5001
- -ms-transform-origin: 100% 50%;
5002
- transform-origin: 100% 50%; }
5003
-
5004
- .premium-button-style2-shutouthor:before,
5005
- .premium-button-style2-scshutoutver:before {
5006
- -webkit-transform: scaleY(0);
5007
- -ms-transform: scaleY(0);
5008
- transform: scaleY(0);
5009
- -webkit-transform-origin: 100% 50%;
5010
- -ms-transform-origin: 100% 50%;
5011
- transform-origin: 100% 50%; }
5012
-
5013
- .premium-button-style2-shutoutver:before,
5014
- .premium-button-style2-scshutouthor:before {
5015
- -webkit-transform: scaleX(0);
5016
- -ms-transform: scaleX(0);
5017
- transform: scaleX(0);
5018
- -webkit-transform-origin: 50% 50%;
5019
- -ms-transform-origin: 50% 50%;
5020
- transform-origin: 50% 50%; }
5021
-
5022
- .premium-button-style2-shutinhor:before {
5023
- -webkit-transform: scaleX(1);
5024
- -ms-transform: scaleX(1);
5025
- transform: scaleX(1);
5026
- -webkit-transform-origin: 50%;
5027
- -ms-transform-origin: 50%;
5028
- transform-origin: 50%; }
5029
-
5030
- .premium-button-style2-shutinver:before {
5031
- -webkit-transform: scaleY(1);
5032
- -ms-transform: scaleY(1);
5033
- transform: scaleY(1);
5034
- -webkit-transform-origin: 50%;
5035
- -ms-transform-origin: 50%;
5036
- transform-origin: 50%; }
5037
-
5038
- .premium-button-style1-bottom:hover:before,
5039
- .premium-button-style1-top:hover:before {
5040
- -webkit-transform: scaleY(1);
5041
- -ms-transform: scaleY(1);
5042
- transform: scaleY(1); }
5043
-
5044
- .premium-button-style1-left:hover:before,
5045
- .premium-button-style1-right:hover:before,
5046
- .premium-button-style2-shutouthor:hover:before,
5047
- .premium-button-style2-shutoutver:hover:before {
5048
- -webkit-transform: scaleX(1);
5049
- -ms-transform: scaleX(1);
5050
- transform: scaleX(1); }
5051
-
5052
- .premium-button-style2-shutinhor:hover:before {
5053
- -webkit-transform: scaleX(0);
5054
- -ms-transform: scaleX(0);
5055
- transform: scaleX(0); }
5056
-
5057
- .premium-button-style2-shutinver:hover:before {
5058
- -webkit-transform: scaleY(0);
5059
- -ms-transform: scaleY(0);
5060
- transform: scaleY(0); }
5061
-
5062
- .premium-button-style2-scshutouthor:hover:before {
5063
- -webkit-transform: scaleX(0.9);
5064
- -ms-transform: scaleX(0.9);
5065
- transform: scaleX(0.9); }
5066
-
5067
- .premium-button-style2-scshutoutver:hover:before {
5068
- -webkit-transform: scaleY(0.8);
5069
- -ms-transform: scaleY(0.8);
5070
- transform: scaleY(0.8); }
5071
-
5072
- /*Diagonal*/
5073
- .premium-button-style2-dshutinhor:before {
5074
- top: 50%;
5075
- left: 50%;
5076
- width: 120%;
5077
- height: 0%;
5078
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5079
- -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5080
- transform: translateX(-50%) translateY(-50%) rotate(-45deg);
5081
- -webkit-transform-origin: 50%;
5082
- -ms-transform-origin: 50%;
5083
- transform-origin: 50%;
5084
- -webkit-transition-property: all;
5085
- transition-property: all; }
5086
-
5087
- .premium-button-style2-dshutinver:before {
5088
- top: 50%;
5089
- left: 50%;
5090
- width: 120%;
5091
- height: 0%;
5092
- -webkit-transform-origin: 50%;
5093
- -ms-transform-origin: 50%;
5094
- transform-origin: 50%;
5095
- -webkit-transition-property: all;
5096
- transition-property: all;
5097
- -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5098
- -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
5099
- transform: translateX(-50%) translateY(-50%) rotate(45deg); }
5100
-
5101
- .premium-button-style2-dshutinhor:hover:before,
5102
- .premium-button-style2-dshutinver:hover:before {
5103
- height: 220%; }
5104
-
5105
- .premium-button-style3-before i,
5106
- .premium-button-style3-before svg {
5107
- opacity: 0;
5108
- -webkit-transform: translateX(-5px);
5109
- -ms-transform: translateX(-5px);
5110
- transform: translateX(-5px);
5111
- -webkit-transition: all 0.5s ease-in-out;
5112
- transition: all 0.5s ease-in-out; }
5113
-
5114
- .premium-button-style3-after i,
5115
- .premium-button-style3-after svg {
5116
- opacity: 0;
5117
- -webkit-transform: translateX(-5px);
5118
- -ms-transform: translateX(-5px);
5119
- transform: translateX(-5px);
5120
- -webkit-transition: all 0.5s ease-in-out;
5121
- transition: all 0.5s ease-in-out;
5122
- -webkit-transform: translateX(5px);
5123
- -ms-transform: translateX(5px);
5124
- transform: translateX(5px); }
5125
-
5126
- .premium-button-style3-after:hover i,
5127
- .premium-button-style3-after:hover svg {
5128
- opacity: 1; }
5129
-
5130
- .premium-button-style3-before:hover i,
5131
- .premium-button-style3-before:hover svg {
5132
- opacity: 1; }
5133
-
5134
- .premium-button-text-icon-wrapper {
5135
- width: 100%;
5136
- -js-display: flex;
5137
- display: -webkit-box;
5138
- display: -webkit-flex;
5139
- display: -moz-box;
5140
- display: -ms-flexbox;
5141
- display: flex;
5142
- -webkit-box-pack: center;
5143
- -webkit-justify-content: center;
5144
- -moz-box-pack: center;
5145
- -ms-flex-pack: center;
5146
- justify-content: center;
5147
- -webkit-box-align: center;
5148
- -webkit-align-items: center;
5149
- -moz-box-align: center;
5150
- -ms-flex-align: center;
5151
- align-items: center;
5152
- -webkit-transition: all 0.2s ease-in-out;
5153
- transition: all 0.2s ease-in-out; }
5154
- .premium-button-text-icon-wrapper span,
5155
- .premium-button-text-icon-wrapper i,
5156
- .premium-button-text-icon-wrapper svg {
5157
- -webkit-transition: all 0.2s ease-in-out;
5158
- transition: all 0.2s ease-in-out; }
5159
-
5160
- .premium-button-style4-icon-wrapper {
5161
- position: absolute;
5162
- z-index: 2;
5163
- width: 100%;
5164
- text-align: center;
5165
- -js-display: flex;
5166
- display: -webkit-box;
5167
- display: -webkit-flex;
5168
- display: -moz-box;
5169
- display: -ms-flexbox;
5170
- display: flex;
5171
- -webkit-box-align: center;
5172
- -webkit-align-items: center;
5173
- -moz-box-align: center;
5174
- -ms-flex-align: center;
5175
- align-items: center;
5176
- -webkit-box-pack: center;
5177
- -webkit-justify-content: center;
5178
- -moz-box-pack: center;
5179
- -ms-flex-pack: center;
5180
- justify-content: center;
5181
- height: 100%;
5182
- opacity: 0;
5183
- -webkit-transition: all 0.3s ease-in-out;
5184
- transition: all 0.3s ease-in-out; }
5185
- .premium-button-style4-icon-wrapper.top {
5186
- bottom: -100%;
5187
- left: 0; }
5188
- .premium-button-style4-icon-wrapper.bottom {
5189
- top: -100%;
5190
- left: 0; }
5191
- .premium-button-style4-icon-wrapper.left {
5192
- top: 0;
5193
- left: -100%; }
5194
- .premium-button-style4-icon-wrapper.right {
5195
- top: 0;
5196
- right: -100%; }
5197
-
5198
- .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper {
5199
- top: 0;
5200
- opacity: 1; }
5201
-
5202
- .premium-button-style4-top:hover .premium-button-style4-icon-wrapper {
5203
- bottom: 0;
5204
- opacity: 1; }
5205
-
5206
- .premium-button-style4-left:hover .premium-button-style4-icon-wrapper {
5207
- left: 0;
5208
- opacity: 1; }
5209
-
5210
- .premium-button-style4-right:hover .premium-button-style4-icon-wrapper {
5211
- right: 0;
5212
- opacity: 1; }
5213
-
5214
- .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper {
5215
- -webkit-transform: translateY(100%);
5216
- -ms-transform: translateY(100%);
5217
- transform: translateY(100%);
5218
- opacity: 0; }
5219
-
5220
- .premium-button-style4-top:hover .premium-button-text-icon-wrapper {
5221
- -webkit-transform: translateY(-100%);
5222
- -ms-transform: translateY(-100%);
5223
- transform: translateY(-100%);
5224
- opacity: 0; }
5225
-
5226
- .premium-button-style4-left:hover .premium-button-text-icon-wrapper {
5227
- -webkit-transform: translateX(100%);
5228
- -ms-transform: translateX(100%);
5229
- transform: translateX(100%);
5230
- opacity: 0; }
5231
-
5232
- .premium-button-style4-right:hover .premium-button-text-icon-wrapper {
5233
- -webkit-transform: translateX(-100%);
5234
- -ms-transform: translateX(-100%);
5235
- transform: translateX(-100%);
5236
- opacity: 0; }
5237
-
5238
- .premium-button-style6:before {
5239
- content: "";
5240
- position: absolute;
5241
- left: 50%;
5242
- top: 50%;
5243
- width: 100px;
5244
- height: 100px;
5245
- -webkit-border-radius: 100%;
5246
- border-radius: 100%;
5247
- -webkit-transform: translate(-50%, -50%) scale(0);
5248
- -ms-transform: translate(-50%, -50%) scale(0);
5249
- transform: translate(-50%, -50%) scale(0);
5250
- -webkit-transition: all 0.3s ease-in-out;
5251
- transition: all 0.3s ease-in-out; }
5252
-
5253
- .premium-button-style6:hover:before {
5254
- -webkit-transform: translate(-50%, -50%) scale(3);
5255
- -ms-transform: translate(-50%, -50%) scale(3);
5256
- transform: translate(-50%, -50%) scale(3); }
5257
-
5258
- .premium-button-style6 .premium-button-text-icon-wrapper {
5259
- position: relative;
5260
- z-index: 1; }
5261
-
5262
- .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg {
5263
- position: absolute;
5264
- z-index: 0;
5265
- top: 0;
5266
- left: 0;
5267
- width: 0px;
5268
- height: 0px;
5269
- -webkit-border-radius: 50%;
5270
- border-radius: 50%;
5271
- display: block;
5272
- -webkit-transform: translate(-50%, -50%);
5273
- -ms-transform: translate(-50%, -50%);
5274
- transform: translate(-50%, -50%);
5275
- -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
5276
- transition: width 0.4s ease-in-out, height 0.4s ease-in-out; }
5277
-
5278
- .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg {
5279
- width: 225%;
5280
- height: 560px; }
5281
-
5282
- .premium-mouse-detect-yes .premium-button-style6:before {
5283
- width: 0;
5284
- height: 0; }
5285
-
5286
- .premium-button-style7-right .premium-button-text-icon-wrapper:before,
5287
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5288
- -webkit-transition: width 0.3s ease-out 0.15s;
5289
- transition: width 0.3s ease-out 0.15s; }
5290
-
5291
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5292
- .premium-button-style7-left .premium-button-text-icon-wrapper:after {
5293
- -webkit-transition: width 0.3s ease-out 0s;
5294
- transition: width 0.3s ease-out 0s; }
5295
-
5296
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5297
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5298
- -webkit-transition: height 0.3s ease-out 0.15s;
5299
- transition: height 0.3s ease-out 0.15s; }
5300
-
5301
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after,
5302
- .premium-button-style7-top .premium-button-text-icon-wrapper:after {
5303
- -webkit-transition: height 0.3s ease-out 0s;
5304
- transition: height 0.3s ease-out 0s; }
5305
-
5306
- .premium-button-style7:hover .premium-button-text-icon-wrapper:before {
5307
- -webkit-transition-delay: 0s;
5308
- transition-delay: 0s; }
5309
-
5310
- .premium-button-style7:hover .premium-button-text-icon-wrapper:after {
5311
- -webkit-transition-delay: 0.15s;
5312
- transition-delay: 0.15s; }
5313
-
5314
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:before,
5315
- .premium-button-style7-bottom .premium-button-text-icon-wrapper:after {
5316
- content: "";
5317
- position: absolute;
5318
- right: 0;
5319
- top: 0;
5320
- left: 0;
5321
- height: 0;
5322
- z-index: -1; }
5323
-
5324
- .premium-button-style7-top .premium-button-text-icon-wrapper:after,
5325
- .premium-button-style7-top .premium-button-text-icon-wrapper:before {
5326
- content: "";
5327
- position: absolute;
5328
- right: 0;
5329
- bottom: 0;
5330
- left: 0;
5331
- height: 0;
5332
- z-index: -1; }
5333
-
5334
- .premium-button-style7-right .premium-button-text-icon-wrapper:after,
5335
- .premium-button-style7-right .premium-button-text-icon-wrapper:before {
5336
- content: "";
5337
- position: absolute;
5338
- right: 0;
5339
- top: 0;
5340
- bottom: 0;
5341
- width: 0;
5342
- z-index: -1; }
5343
-
5344
- .premium-button-style7-left .premium-button-text-icon-wrapper:after,
5345
- .premium-button-style7-left .premium-button-text-icon-wrapper:before {
5346
- content: "";
5347
- position: absolute;
5348
- left: 0;
5349
- top: 0;
5350
- bottom: 0;
5351
- width: 0;
5352
- z-index: -1; }
5353
-
5354
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:after,
5355
- .premium-button-style7-bottom:hover .premium-button-text-icon-wrapper:before {
5356
- height: 100%;
5357
- top: 0; }
5358
-
5359
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:after,
5360
- .premium-button-style7-top:hover .premium-button-text-icon-wrapper:before {
5361
- height: 100%;
5362
- bottom: 0; }
5363
-
5364
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:after,
5365
- .premium-button-style7-left:hover .premium-button-text-icon-wrapper:before {
5366
- width: 100%;
5367
- left: 0; }
5368
-
5369
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:after,
5370
- .premium-button-style7-right:hover .premium-button-text-icon-wrapper:before {
5371
- width: 100%;
5372
- right: 0; }
5373
-
5374
- /**************** Premium Contact Form7 **********/
5375
- /*************************************************/
5376
- .premium-contact-form-anim-yes .wpcf7-span::after {
5377
- display: block;
5378
- height: 2px;
5379
- content: "";
5380
- top: -2px;
5381
- position: relative;
5382
- width: 0px;
5383
- -webkit-transition: all ease-in-out 0.3s;
5384
- transition: all ease-in-out 0.3s; }
5385
-
5386
- .premium-contact-form-anim-yes .wpcf7-span.is-focused::after {
5387
- width: 100%; }
5388
-
5389
- .premium-cf7-container input.wpcf7-submit {
5390
- -webkit-transition: all 0.3s ease-in-out;
5391
- transition: all 0.3s ease-in-out; }
5392
-
5393
- /**************** Premium Image Button ***********/
5394
- /*************************************************/
5395
- .premium-image-button {
5396
- -js-display: inline-flex;
5397
- display: -webkit-inline-box;
5398
- display: -webkit-inline-flex;
5399
- display: -moz-inline-box;
5400
- display: -ms-inline-flexbox;
5401
- display: inline-flex;
5402
- position: relative;
5403
- overflow: hidden;
5404
- background-color: #eee;
5405
- cursor: pointer;
5406
- -webkit-transition: all 0.2s ease-in-out !important;
5407
- transition: all 0.2s ease-in-out !important; }
5408
- .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover {
5409
- background-color: #54595f; }
5410
-
5411
- /*Default background for slide styles*/
5412
- .premium-image-button-style4-icon-wrapper,
5413
- .premium-image-button-style1:before {
5414
- background-color: #54595f; }
5415
-
5416
- .premium-image-button-text-icon-wrapper {
5417
- width: 100%;
5418
- -js-display: flex;
5419
- display: -webkit-box;
5420
- display: -webkit-flex;
5421
- display: -moz-box;
5422
- display: -ms-flexbox;
5423
- display: flex;
5424
- -webkit-box-pack: center;
5425
- -webkit-justify-content: center;
5426
- -moz-box-pack: center;
5427
- -ms-flex-pack: center;
5428
- justify-content: center;
5429
- -webkit-box-align: center;
5430
- -webkit-align-items: center;
5431
- -moz-box-align: center;
5432
- -ms-flex-align: center;
5433
- align-items: center;
5434
- position: relative;
5435
- z-index: 3;
5436
- -webkit-transition: all 0.2s ease-in-out;
5437
- transition: all 0.2s ease-in-out; }
5438
- .premium-image-button-text-icon-wrapper span,
5439
- .premium-image-button-text-icon-wrapper i,
5440
- .premium-image-button-text-icon-wrapper svg {
5441
- -webkit-transition: all 0.2s ease-in-out;
5442
- transition: all 0.2s ease-in-out; }
5443
-
5444
- .premium-image-button-style1:before {
5445
- position: absolute;
5446
- content: "";
5447
- -webkit-transition: all 0.2s ease-in-out;
5448
- transition: all 0.2s ease-in-out; }
5449
-
5450
- .premium-image-button-style1-bottom:before {
5451
- width: 100%;
5452
- height: 0;
5453
- top: 0;
5454
- left: 0; }
5455
-
5456
- .premium-image-button-style1-top:before {
5457
- width: 100%;
5458
- height: 0;
5459
- bottom: 0;
5460
- left: 0; }
5461
-
5462
- .premium-image-button-style1-right:before {
5463
- width: 0;
5464
- height: 100%;
5465
- bottom: 0;
5466
- left: 0; }
5467
-
5468
- .premium-image-button-style1-left:before {
5469
- width: 0;
5470
- height: 100%;
5471
- top: 0;
5472
- right: 0; }
5473
-
5474
- .premium-image-button-style1-bottom:hover:before,
5475
- .premium-image-button-style1-top:hover:before {
5476
- height: 100%; }
5477
-
5478
- .premium-image-button-style1-right:hover:before,
5479
- .premium-image-button-style1-left:hover:before {
5480
- width: 100%; }
5481
-
5482
- .premium-image-button-style3 {
5483
- z-index: 10; }
5484
- .premium-image-button-style3:before {
5485
- position: absolute;
5486
- top: 0px;
5487
- left: 0px;
5488
- width: 100%;
5489
- height: 100%;
5490
- content: "";
5491
- z-index: 1;
5492
- background: rgba(255, 255, 255, 0.2);
5493
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5494
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5495
- -webkit-transition: all 0.8s ease-out;
5496
- transition: all 0.8s ease-out; }
5497
-
5498
- .premium-image-button-diagonal-right:before {
5499
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5500
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5501
-
5502
- .premium-image-button-diagonal-right:hover:before {
5503
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5504
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5505
-
5506
- .premium-image-button-diagonal-left:before {
5507
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0);
5508
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); }
5509
-
5510
- .premium-image-button-diagonal-left:hover:before {
5511
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0);
5512
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); }
5513
-
5514
- .premium-image-button-diagonal-bottom:before {
5515
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5516
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5517
-
5518
- .premium-image-button-diagonal-bottom:hover:before {
5519
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5520
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5521
-
5522
- .premium-image-button-diagonal-top:before {
5523
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0);
5524
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); }
5525
-
5526
- .premium-image-button-diagonal-top:hover:before {
5527
- -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
5528
- transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); }
5529
-
5530
- .premium-image-button-style4-icon-wrapper {
5531
- position: absolute;
5532
- z-index: 2;
5533
- width: 100%;
5534
- text-align: center;
5535
- -js-display: flex;
5536
- display: -webkit-box;
5537
- display: -webkit-flex;
5538
- display: -moz-box;
5539
- display: -ms-flexbox;
5540
- display: flex;
5541
- -webkit-box-align: center;
5542
- -webkit-align-items: center;
5543
- -moz-box-align: center;
5544
- -ms-flex-align: center;
5545
- align-items: center;
5546
- -webkit-box-pack: center;
5547
- -webkit-justify-content: center;
5548
- -moz-box-pack: center;
5549
- -ms-flex-pack: center;
5550
- justify-content: center;
5551
- height: 100%;
5552
- opacity: 0;
5553
- -webkit-transition: all 0.3s ease-in-out;
5554
- transition: all 0.3s ease-in-out; }
5555
- .premium-image-button-style4-icon-wrapper.top {
5556
- bottom: -100%;
5557
- left: 0; }
5558
- .premium-image-button-style4-icon-wrapper.bottom {
5559
- top: -100%;
5560
- left: 0; }
5561
- .premium-image-button-style4-icon-wrapper.left {
5562
- top: 0;
5563
- left: -100%; }
5564
- .premium-image-button-style4-icon-wrapper.right {
5565
- top: 0;
5566
- right: -100%; }
5567
-
5568
- .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper {
5569
- top: 0;
5570
- opacity: 1; }
5571
-
5572
- .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper {
5573
- -webkit-transform: translateY(100%);
5574
- -ms-transform: translateY(100%);
5575
- transform: translateY(100%);
5576
- opacity: 0; }
5577
-
5578
- .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper {
5579
- bottom: 0;
5580
- opacity: 1; }
5581
-
5582
- .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper {
5583
- -webkit-transform: translateY(-100%);
5584
- -ms-transform: translateY(-100%);
5585
- transform: translateY(-100%);
5586
- opacity: 0; }
5587
-
5588
- .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper {
5589
- left: 0;
5590
- opacity: 1; }
5591
-
5592
- .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper {
5593
- -webkit-transform: translateX(100%);
5594
- -ms-transform: translateX(100%);
5595
- transform: translateX(100%);
5596
- opacity: 0; }
5597
-
5598
- .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper {
5599
- right: 0;
5600
- opacity: 1; }
5601
-
5602
- .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper {
5603
- -webkit-transform: translateX(-100%);
5604
- -ms-transform: translateX(-100%);
5605
- transform: translateX(-100%);
5606
- opacity: 0; }
5607
-
5608
- .premium-image-button-style5:before {
5609
- position: absolute;
5610
- content: "";
5611
- top: 0;
5612
- left: 0;
5613
- width: 100%;
5614
- height: 100%;
5615
- opacity: 0;
5616
- -webkit-transition: all 1s ease-in-out;
5617
- transition: all 1s ease-in-out;
5618
- background: rgba(255, 255, 255, 0.2);
5619
- -webkit-animation-name: premium-overlap-effect-done;
5620
- animation-name: premium-overlap-effect-done;
5621
- -webkit-animation-duration: 1s;
5622
- animation-duration: 1s; }
5623
-
5624
- .premium-image-button-overlap-effect-vertical:before {
5625
- -webkit-animation-name: premium-overlap-ver-effect-done;
5626
- animation-name: premium-overlap-ver-effect-done; }
5627
-
5628
- .premium-image-button-overlap-effect-horizontal:hover:before {
5629
- -webkit-animation-name: premium-overlap-effect;
5630
- animation-name: premium-overlap-effect; }
5631
-
5632
- .premium-image-button-overlap-effect-vertical:hover:before {
5633
- -webkit-animation-name: premium-overlap-ver-effect;
5634
- animation-name: premium-overlap-ver-effect; }
5635
-
5636
- @-webkit-keyframes premium-overlap-effect {
5637
- 0% {
5638
- opacity: 0;
5639
- -webkit-transform: rotateY(0deg);
5640
- transform: rotateY(0deg); }
5641
- 50% {
5642
- opacity: 1;
5643
- -webkit-transform: rotateY(180deg);
5644
- transform: rotateY(180deg); }
5645
- 100% {
5646
- opacity: 0;
5647
- -webkit-transform: rotateY(360deg);
5648
- transform: rotateY(360deg); } }
5649
-
5650
- @keyframes premium-overlap-effect {
5651
- 0% {
5652
- opacity: 0;
5653
- -webkit-transform: rotateY(0deg);
5654
- transform: rotateY(0deg); }
5655
- 50% {
5656
- opacity: 1;
5657
- -webkit-transform: rotateY(180deg);
5658
- transform: rotateY(180deg); }
5659
- 100% {
5660
- opacity: 0;
5661
- -webkit-transform: rotateY(360deg);
5662
- transform: rotateY(360deg); } }
5663
-
5664
- @-webkit-keyframes premium-overlap-effect-done {
5665
- 0% {
5666
- opacity: 0;
5667
- -webkit-transform: rotateY(0deg);
5668
- transform: rotateY(0deg); }
5669
- 50% {
5670
- opacity: 1;
5671
- -webkit-transform: rotateY(180deg);
5672
- transform: rotateY(180deg); }
5673
- 100% {
5674
- opacity: 0;
5675
- -webkit-transform: rotateY(360deg);
5676
- transform: rotateY(360deg); } }
5677
-
5678
- @keyframes premium-overlap-effect-done {
5679
- 0% {
5680
- opacity: 0;
5681
- -webkit-transform: rotateY(0deg);
5682
- transform: rotateY(0deg); }
5683
- 50% {
5684
- opacity: 1;
5685
- -webkit-transform: rotateY(180deg);
5686
- transform: rotateY(180deg); }
5687
- 100% {
5688
- opacity: 0;
5689
- -webkit-transform: rotateY(360deg);
5690
- transform: rotateY(360deg); } }
5691
-
5692
- @-webkit-keyframes premium-overlap-ver-effect {
5693
- 0% {
5694
- opacity: 0;
5695
- -webkit-transform: rotateX(0deg);
5696
- transform: rotateX(0deg); }
5697
- 50% {
5698
- opacity: 1;
5699
- -webkit-transform: rotateX(180deg);
5700
- transform: rotateX(180deg); }
5701
- 100% {
5702
- opacity: 0;
5703
- -webkit-transform: rotateX(360deg);
5704
- transform: rotateX(360deg); } }
5705
-
5706
- @keyframes premium-overlap-ver-effect {
5707
- 0% {
5708
- opacity: 0;
5709
- -webkit-transform: rotateX(0deg);
5710
- transform: rotateX(0deg); }
5711
- 50% {
5712
- opacity: 1;
5713
- -webkit-transform: rotateX(180deg);
5714
- transform: rotateX(180deg); }
5715
- 100% {
5716
- opacity: 0;
5717
- -webkit-transform: rotateX(360deg);
5718
- transform: rotateX(360deg); } }
5719
-
5720
- @-webkit-keyframes premium-overlap-ver-effect-done {
5721
- 0% {
5722
- opacity: 0;
5723
- -webkit-transform: rotateX(0deg);
5724
- transform: rotateX(0deg); }
5725
- 50% {
5726
- opacity: 1;
5727
- -webkit-transform: rotateX(180deg);
5728
- transform: rotateX(180deg); }
5729
- 100% {
5730
- opacity: 0;
5731
- -webkit-transform: rotateX(360deg);
5732
- transform: rotateX(360deg); } }
5733
-
5734
- @keyframes premium-overlap-ver-effect-done {
5735
- 0% {
5736
- opacity: 0;
5737
- -webkit-transform: rotateX(0deg);
5738
- transform: rotateX(0deg); }
5739
- 50% {
5740
- opacity: 1;
5741
- -webkit-transform: rotateX(180deg);
5742
- transform: rotateX(180deg); }
5743
- 100% {
5744
- opacity: 0;
5745
- -webkit-transform: rotateX(360deg);
5746
- transform: rotateX(360deg); } }
5747
-
5748
- /******** Premium Media Grid ********/
5749
- /************************************/
5750
- .premium-img-gallery-filter,
5751
- .premium-blog-filter {
5752
- -js-display: flex;
5753
- display: -webkit-box;
5754
- display: -webkit-flex;
5755
- display: -moz-box;
5756
- display: -ms-flexbox;
5757
- display: flex;
5758
- -webkit-box-align: center;
5759
- -webkit-align-items: center;
5760
- -moz-box-align: center;
5761
- -ms-flex-align: center;
5762
- align-items: center;
5763
- -webkit-box-pack: center;
5764
- -webkit-justify-content: center;
5765
- -moz-box-pack: center;
5766
- -ms-flex-pack: center;
5767
- justify-content: center; }
5768
-
5769
- .premium-img-gallery {
5770
- clear: both;
5771
- overflow: hidden; }
5772
-
5773
- .premium-gallery-container .premium-gallery-item {
5774
- padding: 10px;
5775
- float: left; }
5776
-
5777
- .premium-gallery-container .grid-sizer {
5778
- width: 33.33%; }
5779
-
5780
- .premium-gallery-container .pa-gallery-item {
5781
- padding: 10px; }
5782
-
5783
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category,
5784
- .premium-blog-filter .premium-blog-filters-container li a.category {
5785
- outline: none;
5786
- text-decoration: none;
5787
- -webkit-border-radius: 75px;
5788
- border-radius: 75px;
5789
- margin: 15px 5px 20px;
5790
- padding: 7px 20px;
5791
- -webkit-transition: all 0.3s ease-in-out;
5792
- transition: all 0.3s ease-in-out; }
5793
-
5794
- .premium-img-gallery-filter .premium-gallery-cats-container li a.category span {
5795
- -webkit-transition: all 0.3s ease-in-out;
5796
- transition: all 0.3s ease-in-out; }
5797
-
5798
- .pa-gallery-img {
5799
- position: relative; }
5800
- .pa-gallery-img .pa-gallery-whole-link {
5801
- position: absolute;
5802
- top: 0;
5803
- left: 0;
5804
- width: 100%;
5805
- height: 100%; }
5806
- .pa-gallery-img.style2 .pa-gallery-whole-link {
5807
- z-index: 99; }
5808
-
5809
- .pa-gallery-img-container {
5810
- overflow: hidden;
5811
- -webkit-backface-visibility: hidden;
5812
- backface-visibility: hidden;
5813
- -webkit-transform: translate3d(0, 0, 0);
5814
- transform: translate3d(0, 0, 0); }
5815
- .pa-gallery-img-container img {
5816
- display: block;
5817
- width: 100%;
5818
- -webkit-transition: all 0.3s ease-in-out;
5819
- transition: all 0.3s ease-in-out; }
5820
-
5821
- .premium-img-gallery.gray img {
5822
- -webkit-filter: grayscale(100%);
5823
- filter: grayscale(100%); }
5824
-
5825
- .premium-img-gallery.zoomout img,
5826
- .premium-img-gallery.scale img {
5827
- -webkit-transform: scale(1.2);
5828
- -ms-transform: scale(1.2);
5829
- transform: scale(1.2); }
5830
-
5831
- .premium-img-gallery.sepia img {
5832
- -webkit-filter: sepia(30%);
5833
- filter: sepia(30%); }
5834
-
5835
- .premium-img-gallery.bright img {
5836
- -webkit-filter: brightness(1);
5837
- filter: brightness(1); }
5838
-
5839
- .premium-img-gallery.trans img {
5840
- -webkit-transform: translateX(-15px) scale(1.1);
5841
- -ms-transform: translateX(-15px) scale(1.1);
5842
- transform: translateX(-15px) scale(1.1); }
5843
-
5844
- .pa-gallery-img .pa-gallery-magnific-image,
5845
- .pa-gallery-img .pa-gallery-img-link {
5846
- outline: none; }
5847
- .pa-gallery-img .pa-gallery-magnific-image i,
5848
- .pa-gallery-img .pa-gallery-magnific-image svg,
5849
- .pa-gallery-img .pa-gallery-img-link i,
5850
- .pa-gallery-img .pa-gallery-img-link svg {
5851
- -webkit-transition: all 0.3s ease-in-out;
5852
- transition: all 0.3s ease-in-out; }
5853
-
5854
- .pa-gallery-img .pa-gallery-magnific-image span,
5855
- .pa-gallery-img .pa-gallery-img-link span {
5856
- line-height: 1;
5857
- display: inline-block;
5858
- opacity: 0;
5859
- margin: 0 5px;
5860
- padding: 15px;
5861
- -webkit-border-radius: 50%;
5862
- border-radius: 50%; }
5863
-
5864
- .pa-gallery-img.style2 .pa-gallery-magnific-image span,
5865
- .pa-gallery-img.style2 .pa-gallery-img-link span {
5866
- margin: 0 5px 20px; }
5867
-
5868
- .pa-gallery-img:hover .pa-gallery-magnific-image span {
5869
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s;
5870
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; }
5871
-
5872
- .pa-gallery-img:hover .pa-gallery-img-link span {
5873
- -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s;
5874
- transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; }
5875
-
5876
- .pa-gallery-img:hover .pa-gallery-magnific-image span,
5877
- .pa-gallery-img:hover .pa-gallery-img-link span {
5878
- opacity: 1; }
5879
-
5880
- .premium-gallery-icon-show a.pa-gallery-video-icon span {
5881
- opacity: 1; }
5882
-
5883
- .premium-img-gallery-filter ul.premium-gallery-cats-container,
5884
- .premium-blog-filter ul.premium-blog-filters-container {
5885
- text-align: center;
5886
- margin: 0;
5887
- padding: 0; }
5888
-
5889
- .premium-img-gallery-filter .premium-gallery-cats-container li,
5890
- .premium-blog-filter .premium-blog-filters-container li {
5891
- list-style: none;
5892
- -js-display: inline-flex;
5893
- display: -webkit-inline-box;
5894
- display: -webkit-inline-flex;
5895
- display: -moz-inline-box;
5896
- display: -ms-inline-flexbox;
5897
- display: inline-flex; }
5898
-
5899
- .premium-img-gallery.zoomin .pa-gallery-img:hover img {
5900
- -webkit-transform: scale(1.1);
5901
- -ms-transform: scale(1.1);
5902
- transform: scale(1.1); }
5903
-
5904
- .premium-img-gallery.zoomout .pa-gallery-img:hover img {
5905
- -webkit-transform: scale(1);
5906
- -ms-transform: scale(1);
5907
- transform: scale(1); }
5908
-
5909
- .premium-img-gallery.scale .pa-gallery-img:hover img {
5910
- -webkit-transform: scale(1.3) rotate(5deg);
5911
- -ms-transform: scale(1.3) rotate(5deg);
5912
- transform: scale(1.3) rotate(5deg); }
5913
-
5914
- .premium-img-gallery.gray .pa-gallery-img:hover img {
5915
- -webkit-filter: grayscale(0%);
5916
- filter: grayscale(0%); }
5917
-
5918
- .premium-img-gallery.blur .pa-gallery-img:hover img {
5919
- -webkit-filter: blur(3px);
5920
- filter: blur(3px); }
5921
-
5922
- .premium-img-gallery.sepia .pa-gallery-img:hover img {
5923
- -webkit-filter: sepia(0%);
5924
- filter: sepia(0%); }
5925
-
5926
- .premium-img-gallery.trans .pa-gallery-img:hover img {
5927
- -webkit-transform: translateX(0px) scale(1.1);
5928
- -ms-transform: translateX(0px) scale(1.1);
5929
- transform: translateX(0px) scale(1.1); }
5930
-
5931
- .premium-img-gallery.bright .pa-gallery-img:hover img {
5932
- -webkit-filter: brightness(1.2);
5933
- filter: brightness(1.2); }
5934
-
5935
- .pa-gallery-img .premium-gallery-caption {
5936
- padding: 10px; }
5937
- .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name {
5938
- margin-bottom: 0; }
5939
-
5940
- .pa-gallery-img.style1 {
5941
- overflow: hidden; }
5942
-
5943
- .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper {
5944
- position: absolute;
5945
- top: 0;
5946
- left: 0;
5947
- width: 100%;
5948
- height: 100%;
5949
- -webkit-transition: all 0.3s ease-in-out;
5950
- transition: all 0.3s ease-in-out; }
5951
-
5952
- .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container {
5953
- position: absolute;
5954
- top: 33.33%;
5955
- width: 100%;
5956
- text-align: center;
5957
- -webkit-transform: translateY(-50%);
5958
- -ms-transform: translateY(-50%);
5959
- transform: translateY(-50%);
5960
- z-index: 999; }
5961
-
5962
- .pa-gallery-img.style1 .premium-gallery-caption {
5963
- position: absolute;
5964
- top: auto;
5965
- right: 0;
5966
- bottom: -1px;
5967
- left: 0;
5968
- width: 100%;
5969
- -webkit-transition: all 500ms ease 0s;
5970
- transition: all 500ms ease 0s;
5971
- -webkit-transform: translate3d(0, 100%, 0);
5972
- transform: translate3d(0, 100%, 0); }
5973
-
5974
- .pa-gallery-img.style1:hover .premium-gallery-caption {
5975
- -webkit-transform: translate3d(0, 0, 0);
5976
- transform: translate3d(0, 0, 0);
5977
- bottom: -1px !important; }
5978
-
5979
- .pa-gallery-img.default .premium-gallery-caption {
5980
- position: absolute;
5981
- top: auto;
5982
- right: 0;
5983
- left: 0;
5984
- width: 100%;
5985
- bottom: 0; }
5986
-
5987
- .pa-gallery-img.style2 .pa-gallery-icons-caption-container {
5988
- position: absolute;
5989
- top: 0;
5990
- left: 0;
5991
- width: 100%;
5992
- height: 100%;
5993
- opacity: 0;
5994
- -webkit-backface-visibility: hidden;
5995
- backface-visibility: hidden;
5996
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
5997
- transition: opacity 0.3s, -webkit-transform 0.3s;
5998
- transition: transform 0.3s, opacity 0.3s;
5999
- transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
6000
- z-index: 1;
6001
- background-color: rgba(108, 191, 226, 0.68);
6002
- -js-display: flex;
6003
- display: -webkit-box;
6004
- display: -webkit-flex;
6005
- display: -moz-box;
6006
- display: -ms-flexbox;
6007
- display: flex;
6008
- text-align: center;
6009
- -webkit-box-align: center;
6010
- -webkit-align-items: center;
6011
- -moz-box-align: center;
6012
- -ms-flex-align: center;
6013
- align-items: center; }
6014
-
6015
- .pa-gallery-img.style2 .pa-gallery-icons-caption-cell {
6016
- width: 100%; }
6017
-
6018
- .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container {
6019
- opacity: 1;
6020
- -webkit-transform: translate(15px, 15px);
6021
- -ms-transform: translate(15px, 15px);
6022
- transform: translate(15px, 15px); }
6023
-
6024
- .premium-clearfix {
6025
- clear: both; }
6026
-
6027
- /**
6028
- * Metro Layout
6029
- */
6030
- .premium-img-gallery-metro .premium-gallery-item {
6031
- overflow: hidden; }
6032
-
6033
- .premium-img-gallery-metro .pa-gallery-img {
6034
- height: 100%; }
6035
-
6036
- .premium-img-gallery-metro .pa-gallery-img-container {
6037
- height: 100%; }
6038
- .premium-img-gallery-metro .pa-gallery-img-container img {
6039
- min-height: 100%;
6040
- width: 100%;
6041
- -o-object-fit: fill;
6042
- object-fit: fill; }
6043
-
6044
- .premium-img-gallery .premium-gallery-item-hidden {
6045
- visibility: hidden;
6046
- width: 0 !important;
6047
- height: 0 !important;
6048
- margin: 0 !important;
6049
- padding: 0 !important; }
6050
-
6051
- .premium-gallery-load-more {
6052
- position: relative; }
6053
- .premium-gallery-load-more .premium-gallery-load-more-btn {
6054
- -webkit-box-shadow: none;
6055
- box-shadow: none;
6056
- text-shadow: none;
6057
- border: none;
6058
- outline: none;
6059
- -webkit-box-align: center;
6060
- -webkit-align-items: center;
6061
- -moz-box-align: center;
6062
- -ms-flex-align: center;
6063
- align-items: center;
6064
- vertical-align: bottom;
6065
- cursor: pointer;
6066
- line-height: 1;
6067
- font-style: normal;
6068
- font-weight: normal;
6069
- background-image: none;
6070
- color: #fff;
6071
- -webkit-transition: all 0.3s ease-in-out;
6072
- transition: all 0.3s ease-in-out; }
6073
-
6074
- .premium-gallery-load-more-btn {
6075
- -js-display: inline-flex;
6076
- display: -webkit-inline-box;
6077
- display: -webkit-inline-flex;
6078
- display: -moz-inline-box;
6079
- display: -ms-inline-flexbox;
6080
- display: inline-flex;
6081
- -webkit-box-align: center;
6082
- -webkit-align-items: center;
6083
- -moz-box-align: center;
6084
- -ms-flex-align: center;
6085
- align-items: center; }
6086
-
6087
- .premium-loader {
6088
- border: 3px solid #f3f3f3;
6089
- border-top-width: 3px;
6090
- border-top-style: solid;
6091
- border-top-color: #f3f3f3;
6092
- -webkit-border-radius: 50%;
6093
- border-radius: 50%;
6094
- border-top: 3px solid;
6095
- border-top-color: #bbb;
6096
- width: 30px;
6097
- height: 30px;
6098
- -webkit-animation: spin 2s linear infinite;
6099
- animation: spin 2s linear infinite;
6100
- margin: 0 auto; }
6101
-
6102
- .premium-gallery-load-more-btn div {
6103
- margin-left: 3px; }
6104
-
6105
- .premium-gallery-load-more-btn .premium-loader {
6106
- display: inline-block;
6107
- width: 20px;
6108
- height: 20px; }
6109
-
6110
- .pa-gallery-img .pa-gallery-lightbox-wrap {
6111
- display: inline-block; }
6112
-
6113
- .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img,
6114
- .pa-gallery-img .pa-gallery-video-icon {
6115
- cursor: pointer; }
6116
-
6117
- .pa-gallery-img-container iframe {
6118
- position: absolute;
6119
- visibility: hidden;
6120
- top: 0;
6121
- left: 0;
6122
- max-width: 100%;
6123
- width: 100%;
6124
- height: 100%;
6125
- margin: 0;
6126
- line-height: 1;
6127
- border: none; }
6128
-
6129
- .pa-gallery-img-container video {
6130
- position: absolute;
6131
- visibility: hidden;
6132
- top: 0;
6133
- left: 0;
6134
- max-width: 100%;
6135
- width: 100%;
6136
- height: 100%;
6137
- margin: 0;
6138
- line-height: 1;
6139
- border: none;
6140
- -o-object-fit: contain;
6141
- object-fit: contain; }
6142
-
6143
- .pa-gallery-icons-inner-container svg,
6144
- .pa-gallery-icons-caption-cell svg {
6145
- width: 14px;
6146
- height: 14px; }
6147
-
6148
- .premium-gallery-gradient-layer {
6149
- position: absolute;
6150
- bottom: 40px;
6151
- width: 100%;
6152
- height: 20px;
6153
- background: -webkit-gradient(linear, left bottom, left top, from(#17181f), to(rgba(255, 255, 255, 0)));
6154
- background: -webkit-linear-gradient(bottom, #17181f 0%, rgba(255, 255, 255, 0) 100%);
6155
- background: linear-gradient(to top, #17181f 0%, rgba(255, 255, 255, 0) 100%); }
6156
-
6157
- @-webkit-keyframes spin {
6158
- 0% {
6159
- -webkit-transform: rotate(0deg);
6160
- transform: rotate(0deg); }
6161
- 100% {
6162
- -webkit-transform: rotate(360deg);
6163
- transform: rotate(360deg); } }
6164
-
6165
- @keyframes spin {
6166
- 0% {
6167
- -webkit-transform: rotate(0deg);
6168
- transform: rotate(0deg); }
6169
- 100% {
6170
- -webkit-transform: rotate(360deg);
6171
- transform: rotate(360deg); } }
6172
-
6173
- /************ Premium Vertical Scroll ************/
6174
- /*************************************************/
6175
- .premium-vscroll-inner {
6176
- position: relative;
6177
- min-height: 100%; }
6178
- .premium-vscroll-inner .premium-vscroll-dots {
6179
- position: fixed;
6180
- z-index: 100;
6181
- opacity: 1;
6182
- margin-top: -32px;
6183
- -webkit-transition: all 0.3s ease-in-out;
6184
- transition: all 0.3s ease-in-out; }
6185
-
6186
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6187
- opacity: 1;
6188
- -webkit-transition: all 0.3s ease-in-out;
6189
- transition: all 0.3s ease-in-out; }
6190
-
6191
- .premium-vscroll-inner .premium-vscroll-dots,
6192
- .premium-vscroll-wrap .premium-vscroll-dots-hide {
6193
- opacity: 0;
6194
- visibility: hidden; }
6195
-
6196
- .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) {
6197
- opacity: 1;
6198
- visibility: visible; }
6199
-
6200
- .premium-vscroll-dots.middle {
6201
- top: 50%; }
6202
-
6203
- .premium-vscroll-dots.top {
6204
- top: 40px; }
6205
-
6206
- .premium-vscroll-dots.bottom {
6207
- bottom: 30px; }
6208
-
6209
- .premium-vscroll-dots.right {
6210
- right: 17px; }
6211
-
6212
- .premium-vscroll-dots.left {
6213
- left: 17px; }
6214
-
6215
- .premium-vscroll-inner ul.premium-vscroll-dots-list,
6216
- .premium-vscroll-wrap .premium-vscroll-nav-menu {
6217
- margin: 0 !important;
6218
- padding: 0; }
6219
-
6220
- .premium-vscroll-inner ul.premium-vscroll-dots-list li {
6221
- width: 14px;
6222
- height: 13px;
6223
- margin: 7px;
6224
- position: relative;
6225
- -js-display: flex;
6226
- display: -webkit-box;
6227
- display: -webkit-flex;
6228
- display: -moz-box;
6229
- display: -ms-flexbox;
6230
- display: flex;
6231
- -webkit-box-pack: center;
6232
- -webkit-justify-content: center;
6233
- -moz-box-pack: center;
6234
- -ms-flex-pack: center;
6235
- justify-content: center;
6236
- -webkit-box-align: center;
6237
- -webkit-align-items: center;
6238
- -moz-box-align: center;
6239
- -ms-flex-align: center;
6240
- align-items: center;
6241
- overflow: visible; }
6242
-
6243
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link {
6244
- display: block;
6245
- position: relative;
6246
- z-index: 1;
6247
- width: 100%;
6248
- height: 100%;
6249
- cursor: pointer;
6250
- text-decoration: none; }
6251
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span {
6252
- top: 2px;
6253
- left: 2.5px;
6254
- width: 8px;
6255
- height: 8px;
6256
- border: 1px solid #000;
6257
- -webkit-border-radius: 50%;
6258
- border-radius: 50%;
6259
- position: absolute;
6260
- z-index: 1;
6261
- -webkit-transition: all 0.3s ease-in-out;
6262
- transition: all 0.3s ease-in-out; }
6263
-
6264
- .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
6265
- -webkit-transform: scale(1.6);
6266
- -ms-transform: scale(1.6);
6267
- transform: scale(1.6); }
6268
-
6269
- .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip {
6270
- position: absolute;
6271
- color: #fff;
6272
- font-size: 14px;
6273
- font-family: arial, helvetica, sans-serif;
6274
- white-space: nowrap;
6275
- max-width: 220px;
6276
- padding-left: 0.4em;
6277
- padding-right: 0.4em; }
6278
-
6279
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip {
6280
- right: 27px; }
6281
-
6282
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item {
6283
- width: 4px;
6284
- height: 30px; }
6285
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span {
6286
- width: 100%;
6287
- height: 100%;
6288
- -webkit-border-radius: 0;
6289
- border-radius: 0; }
6290
- .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span {
6291
- -webkit-transform: scale(1);
6292
- -ms-transform: scale(1);
6293
- transform: scale(1); }
6294
-
6295
- .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after {
6296
- position: absolute;
6297
- top: 50%;
6298
- content: "";
6299
- left: -webkit-calc(100% - 1px);
6300
- left: calc(100% - 1px);
6301
- width: 10px;
6302
- height: 0;
6303
- border-top: 6px solid transparent;
6304
- border-bottom: 6px solid transparent;
6305
- border-left: 6px solid;
6306
- -webkit-transform: translateY(-50%);
6307
- -ms-transform: translateY(-50%);
6308
- transform: translateY(-50%); }
6309
-
6310
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip {
6311
- left: 27px; }
6312
- .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after {
6313
- position: absolute;
6314
- top: 50%;
6315
- content: "";
6316
- right: -webkit-calc(100% - 1px);
6317
- right: calc(100% - 1px);
6318
- width: 10px;
6319
- height: 0;
6320
- border-top: 6px solid transparent;
6321
- border-bottom: 6px solid transparent;
6322
- border-right: 6px solid;
6323
- -webkit-transform: translateY(-50%);
6324
- -ms-transform: translateY(-50%);
6325
- transform: translateY(-50%); }
6326
-
6327
- /* * Lines */
6328
- @media (max-width: 768px) {
6329
- .premium-vscroll-dots.right {
6330
- right: 7px; }
6331
- .premium-vscroll-dots.left {
6332
- left: 7px; } }
6333
-
6334
- .premium-vscroll-nav-menu {
6335
- position: fixed;
6336
- top: 20px;
6337
- height: 40px;
6338
- z-index: 100;
6339
- padding: 0;
6340
- margin: 0; }
6341
- .premium-vscroll-nav-menu.left {
6342
- left: 0; }
6343
- .premium-vscroll-nav-menu.right {
6344
- right: 0; }
6345
- .premium-vscroll-nav-menu .premium-vscroll-nav-item {
6346
- display: inline-block;
6347
- margin: 10px;
6348
- color: #000;
6349
- background: #fff;
6350
- background: rgba(255, 255, 255, 0.3); }
6351
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link {
6352
- padding: 9px 18px;
6353
- display: block;
6354
- cursor: pointer;
6355
- color: #000; }
6356
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover {
6357
- color: #000; }
6358
- .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus {
6359
- outline: none; }
6360
-
6361
- .multiscroll-nav li a:focus {
6362
- outline: none; }
6363
-
6364
- .premium-vscroll-temp .slimScrollBar {
6365
- visibility: hidden; }
6366
-
6367
- /************ Premium Image Scroll ************/
6368
- /**********************************************/
6369
- .premium-image-scroll-section,
6370
- .premium-image-scroll-container {
6371
- -webkit-transition: all 0.3s ease-in-out;
6372
- transition: all 0.3s ease-in-out; }
6373
-
6374
- .premium-image-scroll-section {
6375
- position: relative;
6376
- overflow: hidden;
6377
- width: 100%;
6378
- -webkit-mask-image: -webkit-radial-gradient(white, black); }
6379
-
6380
- .premium-image-scroll-container {
6381
- width: 100%; }
6382
- .premium-image-scroll-container .premium-image-scroll-mask-media {
6383
- -webkit-mask-repeat: no-repeat;
6384
- mask-repeat: no-repeat;
6385
- -webkit-mask-position: center;
6386
- mask-position: center; }
6387
-
6388
- .premium-container-scroll {
6389
- overflow: auto; }
6390
-
6391
- .premium-image-scroll-container .premium-image-scroll-horizontal {
6392
- position: relative;
6393
- width: 100%;
6394
- height: 100%; }
6395
- .premium-image-scroll-container .premium-image-scroll-horizontal img {
6396
- max-width: none;
6397
- height: 100%; }
6398
-
6399
- .premium-image-scroll-container .premium-image-scroll-vertical img {
6400
- width: 100%;
6401
- max-width: 100%;
6402
- height: auto; }
6403
-
6404
- .premium-image-scroll-ver {
6405
- position: relative; }
6406
-
6407
- .premium-image-scroll-container .premium-image-scroll-overlay {
6408
- background: rgba(2, 2, 2, 0.3); }
6409
-
6410
- .premium-image-scroll-container .premium-image-scroll-link,
6411
- .premium-image-scroll-container .premium-image-scroll-overlay {
6412
- position: absolute;
6413
- top: 0;
6414
- bottom: 0;
6415
- left: 0;
6416
- right: 0;
6417
- z-index: 4; }
6418
-
6419
- .premium-image-scroll-content {
6420
- display: inline-block;
6421
- position: absolute;
6422
- height: auto;
6423
- top: 50%;
6424
- left: 50%;
6425
- text-align: center;
6426
- z-index: 5;
6427
- -webkit-transform: translate(-50%, -50%);
6428
- -ms-transform: translate(-50%, -50%);
6429
- transform: translate(-50%, -50%); }
6430
-
6431
- .premium-container-scroll-instant .premium-image-scroll-image {
6432
- -webkit-transition: all 0s ease-in-out !important;
6433
- transition: all 0s ease-in-out !important; }
6434
-
6435
- .premium-image-scroll-container img {
6436
- -webkit-transition: -webkit-transform 3s ease-in-out;
6437
- transition: -webkit-transform 3s ease-in-out;
6438
- transition: transform 3s ease-in-out;
6439
- transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; }
6440
-
6441
- .premium-image-scroll-container .premium-image-scroll-overlay,
6442
- .premium-image-scroll-container .premium-image-scroll-content {
6443
- -webkit-transition: all 0.3s ease-in-out;
6444
- transition: all 0.3s ease-in-out;
6445
- opacity: 1; }
6446
-
6447
- .premium-image-scroll-container:hover .premium-image-scroll-overlay {
6448
- opacity: 0; }
6449
-
6450
- .premium-image-scroll-container:hover .premium-image-scroll-content {
6451
- opacity: 0;
6452
- visibility: hidden; }
6453
-
6454
- .premium-image-scroll-content .premium-image-scroll-icon {
6455
- display: inline-block;
6456
- font-family: "pa-elements" !important;
6457
- speak: none;
6458
- font-style: normal;
6459
- font-weight: normal;
6460
- font-variant: normal;
6461
- text-transform: none;
6462
- line-height: 1;
6463
- -webkit-font-smoothing: antialiased;
6464
- -moz-osx-font-smoothing: grayscale;
6465
- -webkit-animation-duration: 0.5s;
6466
- animation-duration: 0.5s;
6467
- -webkit-animation-iteration-count: infinite;
6468
- animation-iteration-count: infinite;
6469
- -webkit-animation-direction: alternate;
6470
- animation-direction: alternate;
6471
- -webkit-animation-timing-function: ease-in-out;
6472
- animation-timing-function: ease-in-out; }
6473
-
6474
- .pa-horizontal-mouse-scroll:before {
6475
- content: "\e921"; }
6476
-
6477
- .pa-vertical-mouse-scroll:before {
6478
- content: "\e922"; }
6479
-
6480
- .pa-horizontal-mouse-scroll {
6481
- -webkit-animation-name: pa-scroll-horizontal;
6482
- animation-name: pa-scroll-horizontal; }
6483
-
6484
- .pa-vertical-mouse-scroll {
6485
- -webkit-animation-name: pa-scroll-vertical;
6486
- animation-name: pa-scroll-vertical; }
6487
-
6488
- @-webkit-keyframes pa-scroll-vertical {
6489
- 0% {
6490
- -webkit-transform: translateY(0px);
6491
- transform: translateY(0px); }
6492
- 100% {
6493
- -webkit-transform: translateY(5px);
6494
- transform: translateY(5px); } }
6495
-
6496
- @keyframes pa-scroll-vertical {
6497
- 0% {
6498
- -webkit-transform: translateY(0px);
6499
- transform: translateY(0px); }
6500
- 100% {
6501
- -webkit-transform: translateY(5px);
6502
- transform: translateY(5px); } }
6503
-
6504
- @-webkit-keyframes pa-scroll-horizontal {
6505
- 0% {
6506
- -webkit-transform: translateX(0px);
6507
- transform: translateX(0px); }
6508
- 100% {
6509
- -webkit-transform: translateX(5px);
6510
- transform: translateX(5px); } }
6511
-
6512
- @keyframes pa-scroll-horizontal {
6513
- 0% {
6514
- -webkit-transform: translateX(0px);
6515
- transform: translateX(0px); }
6516
- 100% {
6517
- -webkit-transform: translateX(5px);
6518
- transform: translateX(5px); } }
6519
-
6520
- /********* Premium Lottie Animations *********/
6521
- /*********************************************/
6522
- .elementor-widget-premium-lottie .premium-lottie-animation {
6523
- position: relative;
6524
- -js-display: inline-flex;
6525
- display: -webkit-inline-box;
6526
- display: -webkit-inline-flex;
6527
- display: -moz-inline-box;
6528
- display: -ms-inline-flexbox;
6529
- display: inline-flex;
6530
- -webkit-transition: all 0.3s ease-in-out;
6531
- transition: all 0.3s ease-in-out; }
6532
- .elementor-widget-premium-lottie .premium-lottie-animation a {
6533
- position: absolute;
6534
- left: 0;
6535
- top: 0;
6536
- width: 100%;
6537
- height: 100%;
6538
- z-index: 2; }
6539
-
6540
- /**************** Premium Bullet List ****************/
6541
- /*****************************************************/
6542
- .premium-bullet-list-box {
6543
- -js-display: flex;
6544
- display: -webkit-box;
6545
- display: -webkit-flex;
6546
- display: -moz-box;
6547
- display: -ms-flexbox;
6548
- display: flex;
6549
- -webkit-flex-wrap: wrap;
6550
- -ms-flex-wrap: wrap;
6551
- flex-wrap: wrap;
6552
- -webkit-box-orient: vertical;
6553
- -webkit-box-direction: normal;
6554
- -webkit-flex-direction: column;
6555
- -moz-box-orient: vertical;
6556
- -moz-box-direction: normal;
6557
- -ms-flex-direction: column;
6558
- flex-direction: column; }
6559
- .premium-bullet-list-box .premium-bullet-list-content-grow-lc {
6560
- -webkit-transform-origin: left center;
6561
- -ms-transform-origin: left center;
6562
- transform-origin: left center; }
6563
- .premium-bullet-list-box .premium-bullet-list-content-grow-rc {
6564
- -webkit-transform-origin: right center;
6565
- -ms-transform-origin: right center;
6566
- transform-origin: right center; }
6567
- .premium-bullet-list-box .premium-bullet-list-content-grow-cc {
6568
- -webkit-transform-origin: center center;
6569
- -ms-transform-origin: center center;
6570
- transform-origin: center center; }
6571
-
6572
- .premium-bullet-list-content {
6573
- -js-display: flex;
6574
- display: -webkit-box;
6575
- display: -webkit-flex;
6576
- display: -moz-box;
6577
- display: -ms-flexbox;
6578
- display: flex;
6579
- -webkit-transition: all 0.3s ease-in-out;
6580
- transition: all 0.3s ease-in-out;
6581
- width: auto;
6582
- position: relative; }
6583
- .premium-bullet-list-content .premium-bullet-list-text span,
6584
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6585
- display: inline-block;
6586
- -webkit-align-self: center;
6587
- -ms-flex-item-align: center;
6588
- align-self: center;
6589
- -webkit-transition: all 0.3s ease-in-out;
6590
- transition: all 0.3s ease-in-out; }
6591
- .premium-bullet-list-content .premium-bullet-list-text span {
6592
- margin: 0 5px; }
6593
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6594
- font-size: 18px;
6595
- background-color: #eee;
6596
- padding: 1px 5px;
6597
- -webkit-border-radius: 2px;
6598
- border-radius: 2px; }
6599
- .premium-bullet-list-content .premium-bullet-list-text span,
6600
- .premium-bullet-list-content .premium-bullet-list-icon-text p,
6601
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6602
- .premium-bullet-list-content .premium-bullet-list-wrapper svg,
6603
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
6604
- -webkit-transition: all 0.3s ease-in-out;
6605
- transition: all 0.3s ease-in-out; }
6606
- .premium-bullet-list-content .premium-bullet-list-wrapper {
6607
- position: relative;
6608
- line-height: 0; }
6609
- .premium-bullet-list-content .premium-bullet-list-wrapper img,
6610
- .premium-bullet-list-content .premium-bullet-list-wrapper svg {
6611
- width: 30px !important;
6612
- height: 30px !important;
6613
- position: relative;
6614
- z-index: 500; }
6615
- .premium-bullet-list-content .premium-bullet-list-wrapper i,
6616
- .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text {
6617
- position: relative;
6618
- z-index: 500; }
6619
- .premium-bullet-list-content .premium-bullet-list-wrapper i {
6620
- width: 1.25em; }
6621
- .premium-bullet-list-content .premium-bullet-list-link {
6622
- position: absolute;
6623
- top: 0;
6624
- left: 0;
6625
- width: 100%;
6626
- height: 100%;
6627
- z-index: 1000; }
6628
-
6629
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector {
6630
- width: 100%;
6631
- height: 100%;
6632
- position: absolute;
6633
- top: 0.5em;
6634
- z-index: 100;
6635
- -js-display: flex;
6636
- display: -webkit-box;
6637
- display: -webkit-flex;
6638
- display: -moz-box;
6639
- display: -ms-flexbox;
6640
- display: flex;
6641
- -webkit-box-pack: center;
6642
- -webkit-justify-content: center;
6643
- -moz-box-pack: center;
6644
- -ms-flex-pack: center;
6645
- justify-content: center; }
6646
- .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after {
6647
- content: "";
6648
- border-right-width: 1px;
6649
- border-right-style: solid;
6650
- border-color: #333333;
6651
- display: block;
6652
- height: 100%; }
6653
-
6654
- li.premium-bullet-list-content.premium-bullet-list-content-inline {
6655
- -webkit-align-self: center;
6656
- -ms-flex-item-align: center;
6657
- align-self: center;
6658
- z-index: 2; }
6659
-
6660
- li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) {
6661
- margin: 0 3px; }
6662
-
6663
- li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child {
6664
- margin: 0 3px 0 0; }
6665
-
6666
- .premium-bullet-list-divider:not(:last-child) {
6667
- width: 100%;
6668
- -webkit-box-flex: 0;
6669
- -webkit-flex: 0 0 100%;
6670
- -moz-box-flex: 0;
6671
- -ms-flex: 0 0 100%;
6672
- flex: 0 0 100%;
6673
- overflow: hidden; }
6674
-
6675
- .premium-bullet-list-divider:not(:last-child):after {
6676
- content: "";
6677
- display: block;
6678
- border-top-style: solid;
6679
- border-top-width: 1px; }
6680
-
6681
- .premium-bullet-list-divider-inline:not(:last-child) {
6682
- float: right;
6683
- display: inline-block;
6684
- position: relative;
6685
- height: 100%;
6686
- overflow: hidden;
6687
- -webkit-align-self: center;
6688
- -ms-flex-item-align: center;
6689
- align-self: center;
6690
- margin: 0 3px; }
6691
-
6692
- .premium-bullet-list-divider-inline:not(:last-child):after {
6693
- content: "";
6694
- display: block;
6695
- border-left-width: 1px;
6696
- height: 33px;
6697
- border-left-style: solid; }
6698
-
6699
- .premium-bullet-list-icon-text {
6700
- line-height: 1.5; }
6701
-
6702
- .premium-bullet-list-icon-text p,
6703
- ul.premium-bullet-list-box,
6704
- li.premium-bullet-list-content {
6705
- margin: 0; }
6706
-
6707
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i,
6708
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span,
6709
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p {
6710
- color: transparent !important;
6711
- text-shadow: 0 0 3px #aaa; }
6712
-
6713
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content,
6714
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg,
6715
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img,
6716
- .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge {
6717
- -webkit-filter: blur(3px);
6718
- filter: blur(3px); }
6719
-
6720
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i,
6721
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span,
6722
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p {
6723
- color: #aaa !important;
6724
- text-shadow: 0 0px 0 transparent; }
6725
-
6726
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content,
6727
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg,
6728
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img,
6729
- .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge {
6730
- -webkit-filter: none;
6731
- filter: none; }
6732
-
6733
- .premium-bullet-list-content .premium-bullet-list-badge {
6734
- font-size: 11px;
6735
- top: auto;
6736
- min-width: -webkit-max-content;
6737
- min-width: -moz-max-content;
6738
- min-width: max-content;
6739
- height: -webkit-fit-content;
6740
- height: -moz-fit-content;
6741
- height: fit-content; }
6742
-
6743
- .premium-bullet-list-content .premium-bullet-list-icon-text p {
6744
- font-size: 13px; }
6745
-
6746
- .premium-bullet-list-gradient-effect[data-text] {
6747
- display: inline-block;
6748
- position: relative;
6749
- text-decoration: none; }
6750
-
6751
- .premium-bullet-list-gradient-effect[data-text]::before {
6752
- content: attr(data-text);
6753
- position: absolute;
6754
- z-index: 1;
6755
- overflow: hidden;
6756
- -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6757
- clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%);
6758
- -webkit-background-clip: text;
6759
- background-clip: text;
6760
- -webkit-text-fill-color: transparent;
6761
- -webkit-transition: all 0.4s ease;
6762
- transition: all 0.4s ease; }
6763
-
6764
- .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before,
6765
- .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before {
6766
- -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
6767
- clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
6768
-
6769
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider,
6770
- ul[data-list-animation*="animated-"] .premium-bullet-list-content,
6771
- ul[data-list-animation*="animated-"] .premium-bullet-list-divider-inline {
6772
- opacity: 0; }
6773
-
6774
- .premium-bullet-list-content-grow-effect:hover {
6775
- -webkit-transform: scale(1.07);
6776
- -ms-transform: scale(1.07);
6777
- transform: scale(1.07); }
6778
-
6779
- @keyframes spin {
6780
- 100% {
6781
- -webkit-transform: rotate(360deg);
6782
- transform: rotate(360deg); } }
6783
-
6784
- /********** Premium Woo Products **********/
6785
- /******************************************/
6786
- .ast-single-post .entry-content .premium-woocommerce a {
6787
- text-decoration: none; }
6788
-
6789
- .premium-woocommerce .premium-woo-qv-btn {
6790
- cursor: pointer; }
6791
-
6792
- .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating {
6793
- margin: 0 auto 0.5em; }
6794
-
6795
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale,
6796
- .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured {
6797
- display: block;
6798
- text-align: center;
6799
- color: #fff;
6800
- min-width: 2em;
6801
- min-height: 2em;
6802
- line-height: 2em;
6803
- padding: 0.3em 0.6em;
6804
- margin: 0.5em 0.6em; }
6805
-
6806
- .premium-woocommerce .pa-out-of-stock {
6807
- display: block;
6808
- text-align: center;
6809
- color: #fff;
6810
- min-width: 2em;
6811
- min-height: 2em;
6812
- line-height: 2em;
6813
- padding: 0.3em 0.6em;
6814
- margin: 0.5em 0.6em; }
6815
-
6816
- .premium-woocommerce .woocommerce-loop-product__title {
6817
- margin-bottom: 0.5em;
6818
- font-size: 1em;
6819
- -webkit-transition: all 0.3s ease-in-out;
6820
- transition: all 0.3s ease-in-out; }
6821
-
6822
- .premium-woocommerce .premium-woo-product-category {
6823
- display: block;
6824
- font-size: 0.85em;
6825
- margin-bottom: 0.5em;
6826
- line-height: 1.3; }
6827
-
6828
- .premium-woocommerce .star-rating {
6829
- display: block;
6830
- float: none;
6831
- -webkit-backface-visibility: hidden;
6832
- backface-visibility: hidden;
6833
- overflow: hidden;
6834
- position: relative;
6835
- height: 1em;
6836
- line-height: 1;
6837
- font-size: 0.857em;
6838
- width: 5.4em;
6839
- font-family: star; }
6840
- .premium-woocommerce .star-rating::before {
6841
- content: "\73\73\73\73\73";
6842
- color: #54595f;
6843
- float: left;
6844
- top: 0;
6845
- left: 0;
6846
- position: absolute; }
6847
- .premium-woocommerce .star-rating span {
6848
- overflow: hidden;
6849
- float: left;
6850
- top: 0;
6851
- left: 0;
6852
- position: absolute;
6853
- padding-top: 1.5em; }
6854
- .premium-woocommerce .star-rating span::before {
6855
- content: "\53\53\53\53\53";
6856
- color: inherit;
6857
- top: 0;
6858
- position: absolute;
6859
- left: 0; }
6860
-
6861
- .premium-woocommerce .premium-woo-products-inner ul.products {
6862
- -js-display: flex;
6863
- display: -webkit-box;
6864
- display: -webkit-flex;
6865
- display: -moz-box;
6866
- display: -ms-flexbox;
6867
- display: flex;
6868
- margin: 0;
6869
- padding: 0;
6870
- -webkit-flex-wrap: wrap;
6871
- -ms-flex-wrap: wrap;
6872
- flex-wrap: wrap;
6873
- list-style: none outside;
6874
- -webkit-column-gap: 0;
6875
- -moz-column-gap: 0;
6876
- column-gap: 0; }
6877
- .premium-woocommerce .premium-woo-products-inner ul.products li.product {
6878
- margin: 0 0 10px;
6879
- padding: 0 10px; }
6880
- .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper {
6881
- overflow: hidden;
6882
- -webkit-transition: all 0.3s ease-in-out;
6883
- transition: all 0.3s ease-in-out; }
6884
-
6885
- .premium-woocommerce .woocommerce-loop-product__link {
6886
- position: relative;
6887
- display: block !important;
6888
- overflow: hidden;
6889
- -webkit-transition: all 0.3s ease-in-out;
6890
- transition: all 0.3s ease-in-out; }
6891
-
6892
- .premium-woocommerce .premium-woo-ribbon-container,
6893
- .premium-woocommerce .pa-out-of-stock {
6894
- position: absolute;
6895
- z-index: 9; }
6896
-
6897
- .premium-woocommerce .premium-woo-ribbon-container {
6898
- top: 0;
6899
- left: 0; }
6900
-
6901
- .premium-woocommerce .pa-out-of-stock {
6902
- top: 7px;
6903
- left: 9px;
6904
- margin: 0; }
6905
-
6906
- .premium-woo-product-thumbnail {
6907
- position: relative;
6908
- overflow: hidden; }
6909
- .premium-woo-product-thumbnail .woocommerce-loop-product__link img {
6910
- margin: 0;
6911
- width: 100%; }
6912
-
6913
- .premium-woo-product-sale-wrap,
6914
- .premium-woo-product-featured-wrap {
6915
- margin: 0; }
6916
-
6917
- .premium-woocommerce .premium-woo-products-details-wrap {
6918
- padding: 1em 1.2em; }
6919
- .premium-woocommerce .premium-woo-products-details-wrap .button {
6920
- display: inline-block;
6921
- background-color: #6ec1e4;
6922
- color: #fff;
6923
- margin: 0.5em 0;
6924
- line-height: 1.3;
6925
- padding: 10px 40px;
6926
- font-size: 100%;
6927
- cursor: pointer;
6928
- text-decoration: none;
6929
- overflow: visible;
6930
- font-weight: 700;
6931
- background-image: none;
6932
- border: none;
6933
- -webkit-border-radius: 0px;
6934
- border-radius: 0px;
6935
- -webkit-box-shadow: none;
6936
- box-shadow: none;
6937
- text-shadow: none;
6938
- -webkit-transition: all 0.3s ease-in-out;
6939
- transition: all 0.3s ease-in-out; }
6940
-
6941
- .premium-woocommerce li.product .price {
6942
- display: block;
6943
- line-height: 1.3;
6944
- font-weight: 700;
6945
- margin-bottom: 0.5em;
6946
- font-size: 0.9em; }
6947
- .premium-woocommerce li.product .price del {
6948
- display: inline-block;
6949
- font-weight: 400;
6950
- background: transparent;
6951
- opacity: 1; }
6952
- .premium-woocommerce li.product .price ins {
6953
- display: inline-block;
6954
- background: transparent;
6955
- text-decoration: none;
6956
- font-weight: inherit; }
6957
- .premium-woocommerce li.product .price .amount {
6958
- color: inherit !important; }
6959
-
6960
- .premium-woocommerce li.product .premium-woo-product-desc p {
6961
- margin: 0; }
6962
-
6963
- .premium-woo-product-align-left .premium-woocommerce li.product .star-rating {
6964
- margin-left: 0;
6965
- margin-right: auto; }
6966
-
6967
- .premium-woo-product-align-center .premium-woocommerce li.product .star-rating {
6968
- margin-left: auto;
6969
- margin-right: auto; }
6970
-
6971
- .premium-woo-product-align-right .premium-woocommerce li.product .star-rating {
6972
- margin-left: auto;
6973
- margin-right: 0; }
6974
-
6975
- .premium-woo-products-pagination ul.page-numbers {
6976
- -js-display: flex;
6977
- display: -webkit-box;
6978
- display: -webkit-flex;
6979
- display: -moz-box;
6980
- display: -ms-flexbox;
6981
- display: flex;
6982
- list-style-type: none;
6983
- margin: 0;
6984
- margin-top: 10px;
6985
- padding: 0;
6986
- border: none;
6987
- -webkit-box-pack: center;
6988
- -webkit-justify-content: center;
6989
- -moz-box-pack: center;
6990
- -ms-flex-pack: center;
6991
- justify-content: center; }
6992
- .premium-woo-products-pagination ul.page-numbers li {
6993
- margin: 0 0.4em 0.4em 0;
6994
- padding: 0;
6995
- text-align: center; }
6996
- .premium-woo-products-pagination ul.page-numbers li .page-numbers {
6997
- margin: 0;
6998
- text-decoration: none;
6999
- color: #000;
7000
- border: 1px solid #54595f;
7001
- padding: 0;
7002
- line-height: 1;
7003
- font-size: 1em;
7004
- font-weight: 400;
7005
- padding: 0.75em;
7006
- display: block;
7007
- min-width: 2.5em;
7008
- -webkit-transition: all 0.3s ease-in-out;
7009
- transition: all 0.3s ease-in-out; }
7010
- .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current {
7011
- background-color: #54595f;
7012
- color: #fff;
7013
- outline: none; }
7014
-
7015
- .premium-woocommerce .premium-loading-feed,
7016
- .premium-woo-quick-view-loader .premium-loading-feed {
7017
- display: block;
7018
- position: absolute;
7019
- width: 100%;
7020
- height: 100%;
7021
- top: 0px;
7022
- left: 0px;
7023
- bottom: 0px;
7024
- right: 0px;
7025
- background: rgba(255, 255, 255, 0.2);
7026
- -js-display: flex;
7027
- display: -webkit-box;
7028
- display: -webkit-flex;
7029
- display: -moz-box;
7030
- display: -ms-flexbox;
7031
- display: flex;
7032
- -webkit-box-align: center;
7033
- -webkit-align-items: center;
7034
- -moz-box-align: center;
7035
- -ms-flex-align: center;
7036
- align-items: center; }
7037
-
7038
- /**
7039
- * Image Hover Effects
7040
- */
7041
- .premium-woocommerce .woocommerce-loop-product__link img {
7042
- -webkit-transition: all 0.3s ease-in-out;
7043
- transition: all 0.3s ease-in-out; }
7044
-
7045
- .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img {
7046
- -webkit-transform: scale(1.2);
7047
- -ms-transform: scale(1.2);
7048
- transform: scale(1.2); }
7049
-
7050
- .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img {
7051
- -webkit-transform: none;
7052
- -ms-transform: none;
7053
- transform: none; }
7054
-
7055
- .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img {
7056
- -webkit-transform: none;
7057
- -ms-transform: none;
7058
- transform: none; }
7059
-
7060
- .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img {
7061
- -webkit-transform: scale(1.2);
7062
- -ms-transform: scale(1.2);
7063
- transform: scale(1.2); }
7064
-
7065
- .premium-woo-product__hover-gray .woocommerce-loop-product__link img {
7066
- -webkit-filter: grayscale(100%);
7067
- filter: grayscale(100%); }
7068
-
7069
- .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img {
7070
- -webkit-filter: grayscale(0%);
7071
- filter: grayscale(0%); }
7072
-
7073
- .premium-woo-product__hover-sepia .woocommerce-loop-product__link img {
7074
- -webkit-filter: sepia(30%);
7075
- filter: sepia(30%); }
7076
-
7077
- .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img {
7078
- -webkit-filter: sepia(0%);
7079
- filter: sepia(0%); }
7080
-
7081
- .premium-woo-product__hover-bright .woocommerce-loop-product__link img {
7082
- -webkit-filter: brightness(1);
7083
- filter: brightness(1); }
7084
-
7085
- .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img {
7086
- -webkit-filter: brightness(1.2);
7087
- filter: brightness(1.2); }
7088
-
7089
- .premium-woo-product__hover-trans .woocommerce-loop-product__link img {
7090
- -webkit-transform: translateX(-15px) scale(1.1);
7091
- -ms-transform: translateX(-15px) scale(1.1);
7092
- transform: translateX(-15px) scale(1.1); }
7093
-
7094
- .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img {
7095
- -webkit-transform: translateX(0px) scale(1.1);
7096
- -ms-transform: translateX(0px) scale(1.1);
7097
- transform: translateX(0px) scale(1.1); }
7098
-
7099
- .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img {
7100
- -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7101
- -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg);
7102
- transform: scaleX(1.3) scaleY(1.3) rotate(5deg); }
7103
-
7104
- .premium-woocommerce .premium-woo-product__on_hover {
7105
- position: absolute;
7106
- top: 0;
7107
- right: 0;
7108
- bottom: 0;
7109
- left: 0;
7110
- height: 100%;
7111
- opacity: 0; }
7112
-
7113
- .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover {
7114
- opacity: 1; }
7115
-
7116
- .premium-woo-skin-grid-1 .premium-woo-qv-btn,
7117
- .premium-woo-skin-grid-3 .premium-woo-qv-btn,
7118
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7119
- position: absolute;
7120
- bottom: 0;
7121
- left: 0;
7122
- width: 100%;
7123
- text-align: center;
7124
- padding: 5px;
7125
- background: rgba(2, 2, 2, 0.5);
7126
- color: #fff;
7127
- -webkit-transition: all 0.3s ease-in-out;
7128
- transition: all 0.3s ease-in-out;
7129
- z-index: 2;
7130
- -webkit-transform: translateY(100%);
7131
- -ms-transform: translateY(100%);
7132
- transform: translateY(100%); }
7133
-
7134
- .premium-woo-skin-grid-4 .premium-woo-qv-btn {
7135
- -webkit-transition-delay: 0.1s;
7136
- transition-delay: 0.1s; }
7137
-
7138
- .premium-woo-skin-grid-1 .premium-woo-qv-icon,
7139
- .premium-woo-skin-grid-3 .premium-woo-qv-icon,
7140
- .premium-woo-skin-grid-4 .premium-woo-qv-icon,
7141
- .premium-woo-skin-grid-6 .premium-woo-qv-icon {
7142
- margin-left: 0.5em; }
7143
-
7144
- .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate {
7145
- -webkit-transform: translateY(0);
7146
- -ms-transform: translateY(0);
7147
- transform: translateY(0); }
7148
-
7149
- .premium-woo-product-wrapper .premium-woo-qv-data {
7150
- position: absolute;
7151
- top: 0;
7152
- left: 0;
7153
- width: 100%;
7154
- height: 100%;
7155
- z-index: 1;
7156
- overflow: hidden;
7157
- cursor: pointer; }
7158
-
7159
- /**
7160
- * Skin 1,4
7161
- */
7162
- .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper,
7163
- .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper {
7164
- position: absolute;
7165
- top: 0.7em;
7166
- right: 1em;
7167
- -webkit-transform: translate3d(15px, 0, 0);
7168
- transform: translate3d(15px, 0, 0);
7169
- -webkit-transition: all 0.3s ease-in-out;
7170
- transition: all 0.3s ease-in-out;
7171
- opacity: 0;
7172
- z-index: 9; }
7173
-
7174
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn {
7175
- position: relative;
7176
- display: block;
7177
- margin: 0 0 3px;
7178
- background: #fff;
7179
- text-align: center;
7180
- outline: 0;
7181
- -webkit-transition: all 0.3s ease-in-out;
7182
- transition: all 0.3s ease-in-out; }
7183
-
7184
- .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon {
7185
- display: block;
7186
- color: #54595f;
7187
- width: 30px;
7188
- line-height: 30px;
7189
- height: 30px;
7190
- cursor: pointer;
7191
- -webkit-transition: all 0.3s ease-in-out;
7192
- transition: all 0.3s ease-in-out; }
7193
-
7194
- .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper,
7195
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper {
7196
- -webkit-transform: translate3d(5px, 0, 0);
7197
- transform: translate3d(5px, 0, 0);
7198
- opacity: 1; }
7199
-
7200
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon {
7201
- -webkit-animation: spin 2s linear infinite;
7202
- animation: spin 2s linear infinite; }
7203
-
7204
- .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before {
7205
- content: "\f013"; }
7206
-
7207
- .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before {
7208
- content: "\f00c"; }
7209
-
7210
- /**
7211
- * Skin 2
7212
- */
7213
- .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap {
7214
- position: absolute;
7215
- background: #fff;
7216
- bottom: 0;
7217
- left: 0;
7218
- width: 100%;
7219
- z-index: 2;
7220
- padding: 0;
7221
- opacity: 0;
7222
- -webkit-transition: opacity 0.2s, -webkit-transform 0.4s;
7223
- transition: opacity 0.2s, -webkit-transform 0.4s;
7224
- transition: transform 0.4s, opacity 0.2s;
7225
- transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s;
7226
- -webkit-transform: translateZ(0) translateY(5px);
7227
- transform: translateZ(0) translateY(5px); }
7228
-
7229
- .premium-woo-skin-grid-2 .premium-woo-product-details {
7230
- padding: 15px 0; }
7231
-
7232
- .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap {
7233
- opacity: 1;
7234
- -webkit-transform: translateZ(0) translateY(0);
7235
- transform: translateZ(0) translateY(0); }
7236
-
7237
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper {
7238
- position: static;
7239
- -js-display: flex;
7240
- display: -webkit-box;
7241
- display: -webkit-flex;
7242
- display: -moz-box;
7243
- display: -ms-flexbox;
7244
- display: flex;
7245
- -webkit-box-orient: horizontal;
7246
- -webkit-box-direction: reverse;
7247
- -webkit-flex-direction: row-reverse;
7248
- -moz-box-orient: horizontal;
7249
- -moz-box-direction: reverse;
7250
- -ms-flex-direction: row-reverse;
7251
- flex-direction: row-reverse; }
7252
-
7253
- .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * {
7254
- -webkit-box-flex: 1;
7255
- -webkit-flex: 1;
7256
- -moz-box-flex: 1;
7257
- -ms-flex: 1;
7258
- flex: 1;
7259
- min-width: 50%; }
7260
-
7261
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button {
7262
- -js-display: flex;
7263
- display: -webkit-box;
7264
- display: -webkit-flex;
7265
- display: -moz-box;
7266
- display: -ms-flexbox;
7267
- display: flex;
7268
- margin: 0;
7269
- text-align: center;
7270
- -webkit-box-pack: center;
7271
- -webkit-justify-content: center;
7272
- -moz-box-pack: center;
7273
- -ms-flex-pack: center;
7274
- justify-content: center;
7275
- -webkit-box-align: center;
7276
- -webkit-align-items: center;
7277
- -moz-box-align: center;
7278
- -ms-flex-align: center;
7279
- align-items: center; }
7280
-
7281
- .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7282
- background-color: #54595f; }
7283
-
7284
- /**
7285
- * Skin 4
7286
- */
7287
- .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap {
7288
- position: absolute;
7289
- left: 0;
7290
- right: 0;
7291
- top: 50%;
7292
- -webkit-transform: scale(0.9) translateZ(0) translateY(-50%);
7293
- transform: scale(0.9) translateZ(0) translateY(-50%);
7294
- text-align: center;
7295
- z-index: 2;
7296
- opacity: 0;
7297
- -webkit-transition: opacity 0.5s, -webkit-transform 0.3s;
7298
- transition: opacity 0.5s, -webkit-transform 0.3s;
7299
- transition: opacity 0.5s, transform 0.3s;
7300
- transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; }
7301
-
7302
- .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay,
7303
- .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay {
7304
- position: absolute;
7305
- top: 0;
7306
- left: 0;
7307
- width: 100%;
7308
- height: 100%;
7309
- opacity: 0;
7310
- visibility: hidden;
7311
- background-color: rgba(27, 27, 23, 0.3);
7312
- -webkit-transition: all 0.25s ease-in-out;
7313
- transition: all 0.25s ease-in-out; }
7314
-
7315
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay,
7316
- .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay {
7317
- opacity: 1;
7318
- visibility: visible;
7319
- z-index: 1; }
7320
-
7321
- .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap {
7322
- -webkit-transform: scale(1) translateZ(0) translateY(-50%);
7323
- transform: scale(1) translateZ(0) translateY(-50%);
7324
- opacity: 1; }
7325
-
7326
- /**
7327
- * Skin 5
7328
- */
7329
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper {
7330
- -js-display: flex;
7331
- display: -webkit-box;
7332
- display: -webkit-flex;
7333
- display: -moz-box;
7334
- display: -ms-flexbox;
7335
- display: flex; }
7336
- .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn {
7337
- -js-display: flex;
7338
- display: -webkit-box;
7339
- display: -webkit-flex;
7340
- display: -moz-box;
7341
- display: -ms-flexbox;
7342
- display: flex;
7343
- -webkit-box-align: center;
7344
- -webkit-align-items: center;
7345
- -moz-box-align: center;
7346
- -ms-flex-align: center;
7347
- align-items: center;
7348
- background-color: #54595f;
7349
- padding: 10px;
7350
- -webkit-transition: all 0.25s ease 0s;
7351
- transition: all 0.25s ease 0s; }
7352
-
7353
- .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap {
7354
- width: 75%; }
7355
-
7356
- .premium-woo-skin-grid-5 .premium-woo-product-wrapper {
7357
- -js-display: flex;
7358
- display: -webkit-box;
7359
- display: -webkit-flex;
7360
- display: -moz-box;
7361
- display: -ms-flexbox;
7362
- display: flex;
7363
- -webkit-box-align: center;
7364
- -webkit-align-items: center;
7365
- -moz-box-align: center;
7366
- -ms-flex-align: center;
7367
- align-items: center; }
7368
-
7369
- .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7370
- -webkit-box-pack: end;
7371
- -webkit-justify-content: flex-end;
7372
- -moz-box-pack: end;
7373
- -ms-flex-pack: end;
7374
- justify-content: flex-end; }
7375
-
7376
- .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper {
7377
- -webkit-box-pack: center;
7378
- -webkit-justify-content: center;
7379
- -moz-box-pack: center;
7380
- -ms-flex-pack: center;
7381
- justify-content: center; }
7382
-
7383
- /**
7384
- * Skin 6
7385
- */
7386
- .premium-woo-skin-grid-6 .premium-woo-qv-btn {
7387
- position: absolute;
7388
- top: 50%;
7389
- left: 50%;
7390
- min-width: 40%;
7391
- text-align: center;
7392
- padding: 5px;
7393
- background: rgba(2, 2, 2, 0.5);
7394
- color: #fff;
7395
- -webkit-transform: translate(-50%, -50%);
7396
- -ms-transform: translate(-50%, -50%);
7397
- transform: translate(-50%, -50%);
7398
- opacity: 0;
7399
- visibility: hidden;
7400
- -webkit-transition: all 0.3s ease-in-out;
7401
- transition: all 0.3s ease-in-out;
7402
- cursor: pointer;
7403
- z-index: 2; }
7404
-
7405
- .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn {
7406
- opacity: 1;
7407
- visibility: visible; }
7408
-
7409
- .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
7410
- .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating,
7411
- .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating,
7412
- .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating {
7413
- margin: 0; }
7414
-
7415
- .premium-woo-skin-grid-6 li.product .premium-woo-product-info {
7416
- -js-display: flex;
7417
- display: -webkit-box;
7418
- display: -webkit-flex;
7419
- display: -moz-box;
7420
- display: -ms-flexbox;
7421
- display: flex;
7422
- -webkit-box-pack: justify;
7423
- -webkit-justify-content: space-between;
7424
- -moz-box-pack: justify;
7425
- -ms-flex-pack: justify;
7426
- justify-content: space-between; }
7427
-
7428
- .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info {
7429
- -webkit-box-orient: vertical;
7430
- -webkit-box-direction: normal;
7431
- -webkit-flex-direction: column;
7432
- -moz-box-orient: vertical;
7433
- -moz-box-direction: normal;
7434
- -ms-flex-direction: column;
7435
- flex-direction: column; }
7436
-
7437
- .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info {
7438
- -webkit-box-orient: horizontal;
7439
- -webkit-box-direction: reverse;
7440
- -webkit-flex-direction: row-reverse;
7441
- -moz-box-orient: horizontal;
7442
- -moz-box-direction: reverse;
7443
- -ms-flex-direction: row-reverse;
7444
- flex-direction: row-reverse; }
7445
-
7446
- .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images {
7447
- -js-display: flex;
7448
- display: -webkit-box;
7449
- display: -webkit-flex;
7450
- display: -moz-box;
7451
- display: -ms-flexbox;
7452
- display: flex;
7453
- position: absolute;
7454
- bottom: 10px;
7455
- width: 100%;
7456
- -webkit-box-pack: center;
7457
- -webkit-justify-content: center;
7458
- -moz-box-pack: center;
7459
- -ms-flex-pack: center;
7460
- justify-content: center; }
7461
-
7462
- .premium-woo-product-gallery-images .premium-woo-product__gallery_image {
7463
- width: 20%;
7464
- margin: 0 0.2em;
7465
- border: 2px solid #aaa;
7466
- cursor: pointer; }
7467
-
7468
- /**
7469
- * Metro
7470
- */
7471
- /*.premium-woo-grid-style1 ul.products li.product {
7472
- width: 25%;
7473
- }*/
7474
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img,
7475
- .premium-woo-products-metro li.product .premium-woo-product-wrapper,
7476
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail,
7477
- .premium-woo-products-metro li.product .woocommerce-LoopProduct-link {
7478
- height: 100%; }
7479
-
7480
- .premium-woo-products-metro ul.products li.product {
7481
- margin-bottom: 0; }
7482
-
7483
- .premium-woo-products-metro li.product .premium-woo-product-thumbnail img {
7484
- -o-object-fit: cover;
7485
- object-fit: cover; }
7486
-
7487
- /*
7488
- * Carousel
7489
- */
7490
- .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow {
7491
- -webkit-border-radius: 50%;
7492
- border-radius: 50%; }
7493
-
7494
- .premium-woocommerce ul.slick-dots {
7495
- width: 100%; }
7496
-
7497
- /*
7498
- * Quick View Html/body
7499
- */
7500
- html.premium-woo-qv-opened,
7501
- html.premium-woo-qv-opened body {
7502
- overflow: hidden; }
7503
-
7504
- /**
7505
- * Quick View Modal
7506
- */
7507
- .premium-woo-quick-view-back {
7508
- position: fixed;
7509
- visibility: hidden;
7510
- overflow: hidden;
7511
- background: rgba(2, 2, 2, 0.5);
7512
- opacity: 0;
7513
- -webkit-transition: opacity 0.25s;
7514
- transition: opacity 0.25s;
7515
- z-index: 999; }
7516
-
7517
- .premium-woo-quick-view-active {
7518
- top: 0;
7519
- left: 0;
7520
- width: 100%;
7521
- height: 100%;
7522
- opacity: 1;
7523
- visibility: visible; }
7524
-
7525
- #premium-woo-quick-view-modal {
7526
- position: fixed;
7527
- visibility: hidden;
7528
- opacity: 0;
7529
- top: 0;
7530
- left: 0;
7531
- width: 100%;
7532
- height: 100%;
7533
- z-index: 1400;
7534
- text-align: center;
7535
- -webkit-transition: all 0.3s;
7536
- transition: all 0.3s;
7537
- overflow-x: hidden;
7538
- overflow-y: auto; }
7539
- #premium-woo-quick-view-modal.active {
7540
- visibility: visible;
7541
- opacity: 1; }
7542
- #premium-woo-quick-view-modal.active .premium-woo-content-main {
7543
- -webkit-transform: translateY(0);
7544
- -ms-transform: translateY(0);
7545
- transform: translateY(0);
7546
- opacity: 1;
7547
- width: 100%; }
7548
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper {
7549
- position: absolute;
7550
- width: 100%;
7551
- height: 100%;
7552
- top: 0;
7553
- left: 0;
7554
- text-align: center;
7555
- padding: 30px; }
7556
- #premium-woo-quick-view-modal .premium-woo-content-main-wrapper::before {
7557
- content: "";
7558
- display: inline-block;
7559
- vertical-align: middle;
7560
- height: 100%; }
7561
- #premium-woo-quick-view-modal .premium-woo-content-main {
7562
- position: relative;
7563
- pointer-events: none;
7564
- max-width: 100%;
7565
- text-align: left;
7566
- z-index: 1045;
7567
- -webkit-transform: translateY(-30px);
7568
- -ms-transform: translateY(-30px);
7569
- transform: translateY(-30px);
7570
- opacity: 0;
7571
- -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
7572
- transition: opacity 0.3s, -webkit-transform 0.5s;
7573
- transition: transform 0.5s, opacity 0.3s;
7574
- transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s;
7575
- margin: 0 auto;
7576
- display: inline-block;
7577
- vertical-align: middle; }
7578
- #premium-woo-quick-view-modal .premium-woo-lightbox-content {
7579
- position: relative;
7580
- display: table;
7581
- pointer-events: auto;
7582
- background-color: #fff;
7583
- max-width: 975px;
7584
- margin: 20px auto;
7585
- -webkit-transform: translateZ(0);
7586
- transform: translateZ(0);
7587
- -webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7588
- box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
7589
- overflow: hidden; }
7590
- #premium-woo-quick-view-modal .summary {
7591
- width: 50%;
7592
- margin: 0;
7593
- padding: 30px;
7594
- float: left;
7595
- -webkit-box-sizing: border-box;
7596
- -moz-box-sizing: border-box;
7597
- box-sizing: border-box; }
7598
- #premium-woo-quick-view-modal .summary .quantity {
7599
- min-width: auto; }
7600
- #premium-woo-quick-view-modal .summary .quantity input.qty {
7601
- width: 54px;
7602
- -webkit-appearance: button;
7603
- -moz-appearance: button;
7604
- appearance: button; }
7605
- #premium-woo-quick-view-modal .woocommerce-product-details__short-description p {
7606
- margin: 0; }
7607
-
7608
- #premium-woo-quick-view-close {
7609
- position: absolute;
7610
- font-size: 22px;
7611
- top: 10px;
7612
- right: 10px;
7613
- width: 22px;
7614
- height: 22px;
7615
- line-height: 22px;
7616
- opacity: 0.7;
7617
- text-align: center;
7618
- z-index: 2;
7619
- color: #000; }
7620
-
7621
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider {
7622
- position: relative; }
7623
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider li {
7624
- list-style: none; }
7625
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav {
7626
- margin: 0;
7627
- padding: 0;
7628
- width: 100%;
7629
- position: absolute;
7630
- bottom: 10px;
7631
- text-align: center; }
7632
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li {
7633
- margin: 0 6px;
7634
- display: inline-block;
7635
- vertical-align: middle; }
7636
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a {
7637
- width: 11px;
7638
- height: 11px;
7639
- display: block;
7640
- background: #666;
7641
- background: rgba(0, 0, 0, 0.5);
7642
- cursor: pointer;
7643
- text-indent: -9999px;
7644
- -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7645
- box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
7646
- -webkit-border-radius: 20px;
7647
- border-radius: 20px; }
7648
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a.flex-active {
7649
- background: rgba(0, 0, 0, 0.9);
7650
- cursor: default; }
7651
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-control-nav li a:focus {
7652
- outline: none; }
7653
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider img {
7654
- -o-object-fit: cover;
7655
- object-fit: cover; }
7656
-
7657
- #premium-woo-quick-view-content div.images {
7658
- width: 50%;
7659
- float: left;
7660
- opacity: 1 !important;
7661
- margin: 0; }
7662
-
7663
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav {
7664
- margin: 0;
7665
- padding: 0;
7666
- list-style: none; }
7667
-
7668
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav a {
7669
- text-decoration: none;
7670
- display: block;
7671
- width: 14px;
7672
- height: 32px;
7673
- font-size: 32px;
7674
- line-height: 32px;
7675
- margin: -20px 0 0;
7676
- position: absolute;
7677
- top: 50%;
7678
- z-index: 10;
7679
- overflow: hidden;
7680
- cursor: pointer;
7681
- color: rgba(0, 0, 0, 0.8);
7682
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
7683
- -webkit-transition: all 0.3s ease-in-out;
7684
- transition: all 0.3s ease-in-out; }
7685
-
7686
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next,
7687
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7688
- display: inline-block;
7689
- font-family: "Font Awesome 5 Free";
7690
- font-weight: 900;
7691
- text-rendering: auto;
7692
- -webkit-font-smoothing: antialiased;
7693
- -moz-osx-font-smoothing: grayscale; }
7694
-
7695
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev {
7696
- left: 10px; }
7697
-
7698
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next {
7699
- right: 10px; }
7700
-
7701
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before {
7702
- content: "\f104"; }
7703
-
7704
- #premium-woo-quick-view-modal .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before {
7705
- content: "\f105"; }
7706
-
7707
- .premium-woocommerce li.product .added_to_cart.wc-forward {
7708
- display: none; }
7709
-
7710
- .premium-woo-atc-button .add_to_cart_button span {
7711
- -webkit-animation: spin 2s linear infinite;
7712
- animation: spin 2s linear infinite;
7713
- margin-left: 5px;
7714
- vertical-align: baseline; }
7715
-
7716
- @media (min-width: 545px) {
7717
- #premium-woo-quick-view-content div.summary {
7718
- content: "544";
7719
- overflow-y: auto; } }
7720
-
7721
- @media (max-width: 544px) {
7722
- #premium-woo-quick-view-content .premium-woo-lightbox-content {
7723
- display: block; }
7724
- #premium-woo-quick-view-content div.images,
7725
- #premium-woo-quick-view-content div.summary {
7726
- width: 100%;
7727
- float: none; } }
7728
-
7729
- .premium-error-notice {
7730
- width: 100%;
7731
- padding: 10px;
7732
- color: #b94a48;
7733
- background-color: #f2dede;
7734
- border-color: #eed3d7;
7735
- text-align: center; }
1
+ @font-face {
2
+ font-family: "pa-elements";
3
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm");
4
+ src: url("../../editor/fonts/pa-elements.eot?9e1efm#iefix") format("embedded-opentype"), url("../../editor/fonts/pa-elements.ttf?9e1efm") format("truetype"), url("../../editor/fonts/pa-elements.woff?9e1efm") format("woff"), url("../../editor/fonts/pa-elements.svg?9e1efm#pa-elements") format("svg");
5
+ font-weight: normal;
6
+ font-style: normal; }
7
+
8
+ /**************** Premium Banner ****************/
9
+ /************************************************/
10
+ .elementor-widget-premium-addon-banner {
11
+ overflow: hidden; }
12
+
13
+ .premium-banner-ib {
14
+ display: block;
15
+ position: relative;
16
+ z-index: 1;
17
+ overflow: hidden;
18
+ margin: 0;
19
+ text-align: center;
20
+ -webkit-box-sizing: border-box;
21
+ -moz-box-sizing: border-box;
22
+ box-sizing: border-box; }
23
+ .premium-banner-ib img {
24
+ display: block;
25
+ position: relative; }
26
+
27
+ .premium-banner-img-wrap {
28
+ -js-display: flex;
29
+ display: -webkit-box;
30
+ display: -webkit-flex;
31
+ display: -moz-box;
32
+ display: -ms-flexbox;
33
+ display: flex;
34
+ height: 100%; }
35
+ .premium-banner-img-wrap .premium-banner-ib-img {
36
+ -webkit-flex-shrink: 0;
37
+ -ms-flex-negative: 0;
38
+ flex-shrink: 0; }
39
+
40
+ .premium-banner-ib-desc .premium-banner-read-more {
41
+ z-index: 100; }
42
+
43
+ .elementor-widget-premium-addon-banner .premium-banner-ib-title {
44
+ background: transparent; }
45
+
46
+ .premium-banner-ib *,
47
+ .premium-banner-ib .premium-banner-ib-desc {
48
+ -webkit-box-sizing: border-box;
49
+ -moz-box-sizing: border-box;
50
+ box-sizing: border-box; }
51
+
52
+ .premium-banner-ib img {
53
+ min-width: 100%;
54
+ max-width: 100%;
55
+ -webkit-transition: opacity 0.35s;
56
+ transition: opacity 0.35s; }
57
+
58
+ .premium-banner-ib .premium-banner-ib-desc {
59
+ padding: 15px;
60
+ -webkit-backface-visibility: hidden;
61
+ backface-visibility: hidden;
62
+ -webkit-box-sizing: border-box;
63
+ -moz-box-sizing: border-box;
64
+ box-sizing: border-box;
65
+ position: absolute;
66
+ top: 0;
67
+ left: 0;
68
+ width: 100%;
69
+ height: 100%; }
70
+
71
+ .premium-banner-ib .premium-banner-ib-link {
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ width: 100%;
76
+ height: 100%;
77
+ z-index: 1000;
78
+ text-indent: 200%;
79
+ white-space: nowrap;
80
+ font-size: 0;
81
+ opacity: 0; }
82
+
83
+ .premium-banner-ib a.premium-banner-ib-link {
84
+ display: block;
85
+ background: 0 0; }
86
+
87
+ .premium-banner-animation1 img {
88
+ width: -webkit-calc(100% + 50px) !important;
89
+ width: calc(100% + 50px) !important;
90
+ max-width: -webkit-calc(100% + 50px) !important;
91
+ max-width: calc(100% + 50px) !important;
92
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
93
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
94
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
95
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
96
+ -webkit-transform: translate3d(-40px, 0, 0);
97
+ transform: translate3d(-40px, 0, 0); }
98
+
99
+ .premium-banner-animation2 .premium-banner-ib-title {
100
+ padding: 15px; }
101
+
102
+ .premium-banner-animation1 .premium-banner-ib-desc {
103
+ top: auto;
104
+ bottom: 0;
105
+ min-height: 25%;
106
+ height: auto;
107
+ max-height: 100%;
108
+ text-align: left; }
109
+
110
+ .premium-banner-animation1 .premium-banner-ib-content,
111
+ .premium-banner-animation1 .premium-banner-ib-title,
112
+ .premium-banner-animation1 .premium-banner-read-more {
113
+ -webkit-transform: translate3d(0, 40px, 0);
114
+ transform: translate3d(0, 40px, 0);
115
+ -webkit-transition-delay: 0.05s;
116
+ transition-delay: 0.05s;
117
+ -webkit-transition-duration: 0.35s;
118
+ transition-duration: 0.35s; }
119
+
120
+ .premium-banner-animation1 .premium-banner-ib-title {
121
+ -webkit-transition: -webkit-transform 0.35s;
122
+ transition: -webkit-transform 0.35s;
123
+ transition: transform 0.35s;
124
+ transition: transform 0.35s, -webkit-transform 0.35s; }
125
+
126
+ .premium-banner-animation1 .premium-banner-ib-content,
127
+ .premium-banner-animation1 .premium-banner-read-more {
128
+ margin-top: 10px;
129
+ opacity: 0;
130
+ -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
131
+ transition: opacity 0.2s, -webkit-transform 0.35s;
132
+ transition: opacity 0.2s, transform 0.35s;
133
+ transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; }
134
+
135
+ .premium-banner-animation1:hover .premium-banner-ib-content,
136
+ .premium-banner-animation1.active .premium-banner-ib-content,
137
+ .premium-banner-animation1:hover .premium-banner-read-more,
138
+ .premium-banner-animation1.active .premium-banner-read-more {
139
+ opacity: 1;
140
+ -webkit-transition-delay: 0.05s;
141
+ transition-delay: 0.05s;
142
+ -webkit-transition-duration: 0.35s;
143
+ transition-duration: 0.35s; }
144
+
145
+ .premium-banner-animation1:hover .premium-banner-ib-content,
146
+ .premium-banner-animation1.active .premium-banner-ib-content,
147
+ .premium-banner-animation1:hover .premium-banner-read-more,
148
+ .premium-banner-animation1.active .premium-banner-read-more,
149
+ .premium-banner-animation1:hover .premium-banner-ib-title,
150
+ .premium-banner-animation1.active .premium-banner-ib-title,
151
+ .premium-banner-animation1:hover img,
152
+ .premium-banner-animation1.active img {
153
+ -webkit-transform: translate3d(0, 0, 0);
154
+ transform: translate3d(0, 0, 0);
155
+ -webkit-transition-delay: 0.05s;
156
+ transition-delay: 0.05s;
157
+ -webkit-transition-duration: 0.35s;
158
+ transition-duration: 0.35s; }
159
+
160
+ .premium-banner-animation1.zoomout img,
161
+ .premium-banner-animation1.scale img {
162
+ -webkit-transform: translate3d(-40px, 0, 0) scale(1.1);
163
+ transform: translate3d(-40px, 0, 0) scale(1.1); }
164
+
165
+ .premium-banner-ib.sepia img {
166
+ -webkit-filter: sepia(30%);
167
+ filter: sepia(30%); }
168
+
169
+ .premium-banner-ib.bright img {
170
+ -webkit-filter: brightness(1);
171
+ filter: brightness(1); }
172
+
173
+ .premium-banner-ib.sepia:hover img {
174
+ -webkit-filter: sepia(0%);
175
+ filter: sepia(0%); }
176
+
177
+ .premium-banner-ib.bright:hover img {
178
+ -webkit-filter: brightness(1.2);
179
+ filter: brightness(1.2); }
180
+
181
+ .premium-banner-animation1.premium-banner-min-height img,
182
+ .premium-banner-animation2.premium-banner-min-height img,
183
+ .premium-banner-animation4.premium-banner-min-height img,
184
+ .premium-banner-animation5.premium-banner-min-height img,
185
+ .premium-banner-animation6.premium-banner-min-height img,
186
+ .premium-banner-animation13.premium-banner-min-height img {
187
+ height: auto; }
188
+
189
+ .premium-banner-animation2 img {
190
+ width: 100%; }
191
+
192
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
193
+ position: absolute;
194
+ content: "";
195
+ top: 0;
196
+ left: 0;
197
+ width: 100%;
198
+ height: 100%;
199
+ opacity: 0;
200
+ -webkit-transform: translate3d(0, 50%, 0);
201
+ transform: translate3d(0, 50%, 0); }
202
+
203
+ .premium-banner-animation2 .premium-banner-ib-title {
204
+ position: absolute;
205
+ top: 50%;
206
+ left: 0;
207
+ width: 100%;
208
+ -webkit-transition: color 0.35s, -webkit-transform 0.35s;
209
+ transition: color 0.35s, -webkit-transform 0.35s;
210
+ transition: transform 0.35s, color 0.35s;
211
+ transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s;
212
+ -webkit-transform: translate3d(0, -50%, 0);
213
+ transform: translate3d(0, -50%, 0); }
214
+
215
+ .premium-banner-animation2 .premium-banner-ib-content,
216
+ .premium-banner-animation2 .premium-banner-read-more,
217
+ .premium-banner-animation2 .premium-banner-ib-desc::before {
218
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
219
+ transition: opacity 0.35s, -webkit-transform 0.35s;
220
+ transition: opacity 0.35s, transform 0.35s;
221
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
222
+
223
+ .premium-banner-animation2 .premium-banner-ib-content,
224
+ .premium-banner-animation2 .premium-banner-read-more {
225
+ position: absolute;
226
+ bottom: 0;
227
+ left: 0;
228
+ padding: 15px;
229
+ width: 100%;
230
+ max-height: 50%;
231
+ opacity: 0;
232
+ -webkit-transform: translate3d(0, 10px, 0);
233
+ transform: translate3d(0, 10px, 0); }
234
+
235
+ .premium-banner-animation2:hover .premium-banner-ib-title,
236
+ .premium-banner-animation2.active .premium-banner-ib-title {
237
+ -webkit-transform: translate3d(0, -40px, 0);
238
+ transform: translate3d(0, -40px, 0); }
239
+
240
+ .premium-banner-animation2:hover .premium-banner-read-more,
241
+ .premium-banner-animation2.active .premium-banner-read-more,
242
+ .premium-banner-animation2:hover .premium-banner-ib-desc::before,
243
+ .premium-banner-animation2.active .premium-banner-ib-desc::before {
244
+ opacity: 1;
245
+ -webkit-transform: translate3d(0, 0, 0);
246
+ transform: translate3d(0, 0, 0); }
247
+
248
+ .premium-banner-animation2:hover .premium-banner-ib-content,
249
+ .premium-banner-animation2.active .premium-banner-ib-content {
250
+ opacity: 1;
251
+ -webkit-transform: translate3d(0, -30px, 0);
252
+ transform: translate3d(0, -30px, 0); }
253
+
254
+ .premium-banner-animation3 .premium-banner-ib-title {
255
+ position: absolute;
256
+ bottom: 0;
257
+ left: 0;
258
+ padding: 15px;
259
+ width: 100%;
260
+ text-align: left;
261
+ -webkit-transform: translate3d(0, -30px, 0);
262
+ transform: translate3d(0, -30px, 0); }
263
+
264
+ .premium-banner-animation3 .premium-banner-ib-desc::before,
265
+ .premium-banner-animation3 .premium-banner-ib-title {
266
+ -webkit-transition: -webkit-transform 0.35s;
267
+ transition: -webkit-transform 0.35s;
268
+ transition: transform 0.35s;
269
+ transition: transform 0.35s, -webkit-transform 0.35s; }
270
+
271
+ .premium-banner-animation3:hover .premium-banner-ib-desc::before,
272
+ .premium-banner-animation3.active .premium-banner-ib-desc::before,
273
+ .premium-banner-animation3:hover .premium-banner-ib-title,
274
+ .premium-banner-animation3.active .premium-banner-ib-title {
275
+ opacity: 1;
276
+ -webkit-transform: translate3d(0, 0, 0);
277
+ transform: translate3d(0, 0, 0); }
278
+
279
+ .premium-banner-animation3 .premium-banner-ib-content {
280
+ max-height: -webkit-calc(100% - 60px - 1.5em);
281
+ max-height: calc(100% - 60px - 1.5em);
282
+ overflow: hidden; }
283
+
284
+ .premium-banner-animation4 img {
285
+ width: -webkit-calc(100% + 40px) !important;
286
+ width: calc(100% + 40px) !important;
287
+ max-width: -webkit-calc(100% + 40px) !important;
288
+ max-width: calc(100% + 40px) !important; }
289
+
290
+ .premium-banner-animation4 .premium-banner-ib-desc {
291
+ padding: 30px; }
292
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
293
+ position: absolute;
294
+ content: "";
295
+ opacity: 0; }
296
+ .premium-banner-animation4 .premium-banner-ib-desc::before {
297
+ position: absolute;
298
+ content: "";
299
+ opacity: 0;
300
+ top: 50px;
301
+ right: 30px;
302
+ bottom: 50px;
303
+ left: 30px;
304
+ border-top: 1px solid #fff;
305
+ border-bottom: 1px solid #fff;
306
+ -webkit-transform: scale(0, 1);
307
+ -ms-transform: scale(0, 1);
308
+ transform: scale(0, 1);
309
+ -webkit-transform-origin: 0 0;
310
+ -ms-transform-origin: 0 0;
311
+ transform-origin: 0 0; }
312
+ .premium-banner-animation4 .premium-banner-ib-desc::after {
313
+ top: 30px;
314
+ right: 50px;
315
+ bottom: 30px;
316
+ left: 50px;
317
+ border-right: 1px solid #fff;
318
+ border-left: 1px solid #fff;
319
+ -webkit-transform: scale(1, 0);
320
+ -ms-transform: scale(1, 0);
321
+ transform: scale(1, 0);
322
+ -webkit-transform-origin: 100% 0;
323
+ -ms-transform-origin: 100% 0;
324
+ transform-origin: 100% 0; }
325
+
326
+ .premium-banner-animation4 .premium-banner-ib-title {
327
+ padding: 50px 30px 0 30px;
328
+ -webkit-transition: -webkit-transform 0.35s;
329
+ transition: -webkit-transform 0.35s;
330
+ transition: transform 0.35s;
331
+ transition: transform 0.35s, -webkit-transform 0.35s; }
332
+
333
+ .premium-banner-animation4 .premium-banner-ib-content,
334
+ .premium-banner-animation4 .premium-banner-read-more {
335
+ padding: 10px 30px;
336
+ opacity: 0;
337
+ overflow: hidden;
338
+ -webkit-transform: translate3d(0, -10px, 0);
339
+ transform: translate3d(0, -10px, 0); }
340
+
341
+ .premium-banner-animation4 .premium-banner-ib-title,
342
+ .premium-banner-animation4 img {
343
+ -webkit-transform: translate3d(-30px, 0, 0);
344
+ transform: translate3d(-30px, 0, 0); }
345
+
346
+ .premium-banner-animation4.zoomout img,
347
+ .premium-banner-animation4.scale img {
348
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
349
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
350
+
351
+ .premium-banner-animation4 .premium-banner-ib-content,
352
+ .premium-banner-animation4 .premium-banner-read-more {
353
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
354
+ transition: opacity 0.35s, -webkit-transform 0.35s;
355
+ transition: opacity 0.35s, transform 0.35s;
356
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
357
+
358
+ .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before {
359
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
360
+ transition: opacity 0.35s, -webkit-transform 0.35s;
361
+ transition: opacity 0.35s, transform 0.35s;
362
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
363
+
364
+ .premium-banner-animation4 img {
365
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
366
+ transition: opacity 0.35s, -webkit-transform 0.35s;
367
+ transition: opacity 0.35s, transform 0.35s;
368
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
369
+
370
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
371
+ .premium-banner-animation4.active .premium-banner-ib-desc::after,
372
+ .premium-banner-animation4:hover .premium-banner-ib-desc::before,
373
+ .premium-banner-animation4.active .premium-banner-ib-desc::before {
374
+ opacity: 1;
375
+ -webkit-transform: scale(1);
376
+ -ms-transform: scale(1);
377
+ transform: scale(1); }
378
+
379
+ .premium-banner-animation4:hover .premium-banner-ib-content,
380
+ .premium-banner-animation4.active .premium-banner-ib-content,
381
+ .premium-banner-animation4:hover .premium-banner-read-more,
382
+ .premium-banner-animation4.active .premium-banner-read-more,
383
+ .premium-banner-animation4:hover .premium-banner-ib-title,
384
+ .premium-banner-animation4.active .premium-banner-ib-title {
385
+ opacity: 1;
386
+ -webkit-transform: translate3d(0, 0, 0);
387
+ transform: translate3d(0, 0, 0); }
388
+
389
+ .premium-banner-animation4:hover .premium-banner-ib-content,
390
+ .premium-banner-animation4:hover .premium-banner-ib-desc::after,
391
+ .premium-banner-animation4:hover .premium-banner-ib-title,
392
+ .premium-banner-animation4:hover img {
393
+ -webkit-transition-delay: 0.15s;
394
+ transition-delay: 0.15s; }
395
+
396
+ .premium-banner-animation5 .premium-banner-ib-desc {
397
+ top: auto;
398
+ bottom: 0;
399
+ padding: 15px;
400
+ height: auto;
401
+ background: #f2f2f2;
402
+ color: #3c4a50;
403
+ -webkit-transition: -webkit-transform 0.35s;
404
+ transition: -webkit-transform 0.35s;
405
+ transition: transform 0.35s;
406
+ transition: transform 0.35s, -webkit-transform 0.35s;
407
+ -webkit-transform: translate3d(0, 100%, 0);
408
+ transform: translate3d(0, 100%, 0); }
409
+
410
+ .premium-banner-animation5 .premium-banner-ib-content {
411
+ position: absolute;
412
+ top: auto;
413
+ bottom: 100%;
414
+ left: 0;
415
+ width: 100%;
416
+ padding: 15px;
417
+ opacity: 0;
418
+ -webkit-transition: opacity 0.35s;
419
+ transition: opacity 0.35s; }
420
+
421
+ .premium-banner-animation5 .premium-banner-ib-title,
422
+ .premium-banner-animation5 .premium-banner-read-more {
423
+ -webkit-transition: -webkit-transform 0.35s;
424
+ transition: -webkit-transform 0.35s;
425
+ transition: transform 0.35s;
426
+ transition: transform 0.35s, -webkit-transform 0.35s;
427
+ -webkit-transform: translate3d(0, 200%, 0);
428
+ transform: translate3d(0, 200%, 0);
429
+ text-align: center; }
430
+
431
+ .premium-banner-animation5 .premium-banner-ib-title {
432
+ margin: 10px 0; }
433
+
434
+ .premium-banner-animation5:hover .premium-banner-ib-content,
435
+ .premium-banner-animation5.active .premium-banner-ib-content,
436
+ .premium-banner-animation5:hover .premium-banner-ib-content *,
437
+ .premium-banner-animation5.active .premium-banner-ib-content * {
438
+ opacity: 1 !important;
439
+ z-index: 99 !important;
440
+ -webkit-backface-visibility: hidden !important;
441
+ backface-visibility: hidden !important; }
442
+
443
+ .premium-banner-animation5:hover .premium-banner-ib-desc,
444
+ .premium-banner-animation5.active .premium-banner-ib-desc,
445
+ .premium-banner-animation5:hover .premium-banner-ib-title,
446
+ .premium-banner-animation5.active .premium-banner-ib-title,
447
+ .premium-banner-animation5:hover .premium-banner-read-more,
448
+ .premium-banner-animation5.active .premium-banner-read-more {
449
+ -webkit-transform: translateY(0);
450
+ -ms-transform: translateY(0);
451
+ transform: translateY(0); }
452
+
453
+ .premium-banner-animation5:hover .premium-banner-ib-title {
454
+ -webkit-transition-delay: 0.05s;
455
+ transition-delay: 0.05s; }
456
+
457
+ .premium-banner-animation5 img {
458
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
459
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
460
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
461
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
462
+
463
+ .premium-banner-animation2 img,
464
+ .premium-banner-animation4 img,
465
+ .premium-banner-animation6 img {
466
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
467
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
468
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
469
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
470
+
471
+ .premium-banner-animation5.zoomout img,
472
+ .premium-banner-animation5.scale img {
473
+ -webkit-transform: scale(1.1);
474
+ -ms-transform: scale(1.1);
475
+ transform: scale(1.1); }
476
+
477
+ .premium-banner-animation2.zoomout img,
478
+ .premium-banner-animation2.scale img {
479
+ -webkit-transform: scale(1.1);
480
+ -ms-transform: scale(1.1);
481
+ transform: scale(1.1); }
482
+
483
+ .premium-banner-animation6.zoomout img,
484
+ .premium-banner-animation6.scale img {
485
+ -webkit-transform: scale(1.1);
486
+ -ms-transform: scale(1.1);
487
+ transform: scale(1.1); }
488
+
489
+ .premium-banner-animation5.zoomin:hover img,
490
+ .premium-banner-animation2.zoomin:hover img,
491
+ .premium-banner-animation6.zoomin:hover img {
492
+ -webkit-transform: scale(1.1);
493
+ -ms-transform: scale(1.1);
494
+ transform: scale(1.1); }
495
+
496
+ .premium-banner-animation5.zoomout:hover img,
497
+ .premium-banner-animation2.zoomout:hover img,
498
+ .premium-banner-animation6.zoomout:hover img {
499
+ -webkit-transform: scale(1);
500
+ -ms-transform: scale(1);
501
+ transform: scale(1); }
502
+
503
+ .premium-banner-animation5.scale:hover img,
504
+ .premium-banner-animation2.scale:hover img,
505
+ .premium-banner-animation6.scale:hover img {
506
+ -webkit-transform: scale(1.2) rotate(5deg);
507
+ -ms-transform: scale(1.2) rotate(5deg);
508
+ transform: scale(1.2) rotate(5deg); }
509
+
510
+ .premium-banner-animation5.grayscale:hover img,
511
+ .premium-banner-animation2.grayscale:hover img,
512
+ .premium-banner-animation6.grayscale:hover img {
513
+ -webkit-filter: grayscale(100%);
514
+ filter: grayscale(100%); }
515
+
516
+ .premium-banner-animation5.blur:hover img,
517
+ .premium-banner-animation2.blur:hover img {
518
+ -webkit-filter: blur(3px);
519
+ filter: blur(3px); }
520
+
521
+ .premium-banner-animation6.blur:hover img {
522
+ -webkit-filter: blur(3px);
523
+ filter: blur(3px); }
524
+
525
+ .premium-banner-animation6 .premium-banner-ib-desc {
526
+ padding: 45px; }
527
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
528
+ position: absolute;
529
+ content: "";
530
+ top: 30px;
531
+ right: 30px;
532
+ bottom: 30px;
533
+ left: 30px;
534
+ border: 1px solid #fff; }
535
+
536
+ .premium-banner-animation6 .premium-banner-ib-title {
537
+ margin: 20px 0 10px;
538
+ -webkit-transition: -webkit-transform 0.35s;
539
+ transition: -webkit-transform 0.35s;
540
+ transition: transform 0.35s;
541
+ transition: transform 0.35s, -webkit-transform 0.35s;
542
+ -webkit-transform: translate3d(0, 100%, 0);
543
+ transform: translate3d(0, 100%, 0); }
544
+
545
+ .premium-banner-animation6 .premium-banner-ib-content,
546
+ .premium-banner-animation6 .premium-banner-read-more,
547
+ .premium-banner-animation6 .premium-banner-ib-desc::before {
548
+ opacity: 0;
549
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
550
+ transition: opacity 0.35s, -webkit-transform 0.35s;
551
+ transition: opacity 0.35s, transform 0.35s;
552
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
553
+ -webkit-transform: scale(0);
554
+ -ms-transform: scale(0);
555
+ transform: scale(0); }
556
+
557
+ .premium-banner-animation6 .premium-banner-read-more {
558
+ margin-top: 10px; }
559
+
560
+ .premium-banner-animation6:hover .premium-banner-ib-title,
561
+ .premium-banner-animation6.active .premium-banner-ib-title {
562
+ -webkit-transform: translate3d(0, 0, 0);
563
+ transform: translate3d(0, 0, 0); }
564
+
565
+ .premium-banner-animation6:hover .premium-banner-ib-content,
566
+ .premium-banner-animation6.active .premium-banner-ib-content,
567
+ .premium-banner-animation6:hover .premium-banner-read-more,
568
+ .premium-banner-animation6.active .premium-banner-read-more,
569
+ .premium-banner-animation6:hover .premium-banner-ib-desc::before,
570
+ .premium-banner-animation6.active .premium-banner-ib-desc::before {
571
+ opacity: 1;
572
+ -webkit-transform: scale(1);
573
+ -ms-transform: scale(1);
574
+ transform: scale(1); }
575
+
576
+ .premium-banner-animation12 .premium-banner-ib-desc::after {
577
+ position: absolute;
578
+ content: "";
579
+ right: 30px;
580
+ bottom: 30px;
581
+ left: 30px;
582
+ height: -webkit-calc(50% - 30px);
583
+ height: calc(50% - 30px);
584
+ border: 7px solid #fff;
585
+ -webkit-transition: -webkit-transform 0.35s;
586
+ transition: -webkit-transform 0.35s;
587
+ transition: transform 0.35s;
588
+ transition: transform 0.35s, -webkit-transform 0.35s;
589
+ -webkit-transform: translate3d(0, -100%, 0);
590
+ transform: translate3d(0, -100%, 0); }
591
+
592
+ .premium-banner-animation12:hover .premium-banner-ib-desc::after,
593
+ .premium-banner-animation12.active .premium-banner-ib-desc::after {
594
+ -webkit-transform: translate3d(0, 0, 0);
595
+ transform: translate3d(0, 0, 0); }
596
+
597
+ .premium-banner-animation12 .premium-banner-ib-desc {
598
+ padding: 45px;
599
+ text-align: left; }
600
+
601
+ .premium-banner-animation12 .premium-banner-ib-content {
602
+ position: absolute;
603
+ right: 60px;
604
+ bottom: 60px;
605
+ left: 60px;
606
+ opacity: 0;
607
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
608
+ transition: opacity 0.35s, -webkit-transform 0.35s;
609
+ transition: opacity 0.35s, transform 0.35s;
610
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
611
+ -webkit-transform: translate3d(0, -100px, 0);
612
+ transform: translate3d(0, -100px, 0); }
613
+
614
+ .premium-banner-animation12:hover .premium-banner-ib-content,
615
+ .premium-banner-animation12.active .premium-banner-ib-content {
616
+ opacity: 1;
617
+ -webkit-transform: translate3d(0, 0, 0);
618
+ transform: translate3d(0, 0, 0); }
619
+
620
+ .premium-banner-animation13 img {
621
+ width: -webkit-calc(100% + 20px) !important;
622
+ width: calc(100% + 20px) !important;
623
+ max-width: -webkit-calc(100% + 20px) !important;
624
+ max-width: calc(100% + 20px) !important;
625
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
626
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
627
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
628
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
629
+ -webkit-transform: translate3d(-10px, 0, 0);
630
+ transform: translate3d(-10px, 0, 0);
631
+ -webkit-backface-visibility: hidden;
632
+ backface-visibility: hidden; }
633
+
634
+ .premium-banner-animation13.zoomout img,
635
+ .premium-banner-animation13.scale img {
636
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
637
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
638
+
639
+ .premium-banner-animation13.none:hover img {
640
+ -webkit-transform: translate3d(0, 0, 0);
641
+ transform: translate3d(0, 0, 0); }
642
+
643
+ .premium-banner-animation1.none:hover img,
644
+ .premium-banner-animation4.none:hover img {
645
+ -webkit-transform: translate3d(0, 0, 0);
646
+ transform: translate3d(0, 0, 0); }
647
+
648
+ .premium-banner-animation13.zoomin:hover img,
649
+ .premium-banner-animation1.zoomin:hover img,
650
+ .premium-banner-animation4.zoomin:hover img,
651
+ .premium-banner-animation8.zoomin:hover img,
652
+ .premium-banner-animation7.zoomin:hover img,
653
+ .premium-banner-animation9.zoomin:hover img,
654
+ .premium-banner-animation10.zoomin:hover img,
655
+ .premium-banner-animation11.zoomin:hover img {
656
+ -webkit-transform: translate3d(0, 0, 0) scale(1.1);
657
+ transform: translate3d(0, 0, 0) scale(1.1); }
658
+
659
+ .premium-banner-animation13.zoomout:hover img,
660
+ .premium-banner-animation1.zoomout:hover img,
661
+ .premium-banner-animation4.zoomout:hover img,
662
+ .premium-banner-animation8.zoomout:hover img,
663
+ .premium-banner-animation7.zoomout:hover img,
664
+ .premium-banner-animation9.zoomout:hover img,
665
+ .premium-banner-animation10.zoomout:hover img,
666
+ .premium-banner-animation11.zoomout:hover img {
667
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
668
+ transform: translate3d(0, 0, 0) scale(1); }
669
+
670
+ .premium-banner-animation13.scale:hover img,
671
+ .premium-banner-animation1.scale:hover img,
672
+ .premium-banner-animation4.scale:hover img,
673
+ .premium-banner-animation8.scale:hover img,
674
+ .premium-banner-animation7.scale:hover img,
675
+ .premium-banner-animation9.scale:hover img,
676
+ .premium-banner-animation10.scale:hover img,
677
+ .premium-banner-animation11.scale:hover img {
678
+ -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg);
679
+ transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); }
680
+
681
+ .premium-banner-animation13.grayscale:hover img,
682
+ .premium-banner-animation1.grayscale:hover img,
683
+ .premium-banner-animation4.grayscale:hover img,
684
+ .premium-banner-animation8.grayscale:hover img,
685
+ .premium-banner-animation7.grayscale:hover img,
686
+ .premium-banner-animation9.grayscale:hover img,
687
+ .premium-banner-animation10.grayscale:hover img,
688
+ .premium-banner-animation11.grayscale:hover img {
689
+ -webkit-transform: translate3d(0, 0, 0);
690
+ transform: translate3d(0, 0, 0);
691
+ -webkit-filter: grayscale(100%);
692
+ filter: grayscale(100%); }
693
+
694
+ .premium-banner-animation13.blur:hover img,
695
+ .premium-banner-animation1.blur:hover img,
696
+ .premium-banner-animation4.blur:hover,
697
+ .premium-banner-animation8.blur:hover img,
698
+ .premium-banner-animation7.blur:hover img,
699
+ .premium-banner-animation9.blur:hover img,
700
+ .premium-banner-animation10.blur:hover img,
701
+ .premium-banner-animation11.blur:hover img {
702
+ -webkit-transform: translate3d(0, 0, 0);
703
+ transform: translate3d(0, 0, 0);
704
+ -webkit-filter: blur(3px);
705
+ filter: blur(3px); }
706
+
707
+ .premium-banner-animation13 .premium-banner-ib-desc {
708
+ text-align: left; }
709
+
710
+ .premium-banner-animation13 .premium-banner-ib-title {
711
+ position: relative;
712
+ overflow: hidden;
713
+ padding: 5px 0 10px; }
714
+ .premium-banner-animation13 .premium-banner-ib-title::after {
715
+ position: absolute;
716
+ content: "";
717
+ bottom: 0;
718
+ left: 0;
719
+ width: 100%;
720
+ height: 2px;
721
+ background: #fff;
722
+ -webkit-transition: -webkit-transform 0.35s;
723
+ transition: -webkit-transform 0.35s;
724
+ transition: transform 0.35s;
725
+ transition: transform 0.35s, -webkit-transform 0.35s;
726
+ -webkit-transform: translate3d(-101%, 0, 0);
727
+ transform: translate3d(-101%, 0, 0); }
728
+
729
+ .premium-banner-animation13:hover .premium-banner-ib-title::after,
730
+ .premium-banner-animation13.active .premium-banner-ib-title::after {
731
+ -webkit-transform: translate3d(0, 0, 0);
732
+ transform: translate3d(0, 0, 0); }
733
+
734
+ .premium-banner-animation13 .premium-banner-ib-content,
735
+ .premium-banner-animation13 .premium-banner-read-more {
736
+ padding: 15px 0;
737
+ opacity: 0;
738
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
739
+ transition: opacity 0.35s, -webkit-transform 0.35s;
740
+ transition: opacity 0.35s, transform 0.35s;
741
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
742
+ -webkit-transform: translate3d(100%, 0, 0);
743
+ transform: translate3d(100%, 0, 0); }
744
+
745
+ .premium-banner-animation13:hover .premium-banner-ib-content,
746
+ .premium-banner-animation13.active .premium-banner-ib-content,
747
+ .premium-banner-animation13:hover .premium-banner-read-more,
748
+ .premium-banner-animation13.active .premium-banner-read-more {
749
+ opacity: 1;
750
+ -webkit-transform: translate3d(0, 0, 0);
751
+ transform: translate3d(0, 0, 0); }
752
+
753
+ .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size {
754
+ left: 50%;
755
+ width: auto !important;
756
+ height: 100%;
757
+ max-width: none;
758
+ -webkit-transform: translateX(-50%);
759
+ -ms-transform: translateX(-50%);
760
+ transform: translateX(-50%); }
761
+
762
+ .premium-banner-ib img {
763
+ border: none;
764
+ padding: 0;
765
+ margin: 0; }
766
+
767
+ .premium-banner-animation7 img {
768
+ width: -webkit-calc(100% + 40px) !important;
769
+ width: calc(100% + 40px) !important;
770
+ max-width: -webkit-calc(100% + 40px) !important;
771
+ max-width: calc(100% + 40px) !important;
772
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
773
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
774
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
775
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
776
+
777
+ .premium-banner-animation7 .premium-banner-brlr {
778
+ width: 7px; }
779
+
780
+ .premium-banner-animation7 .premium-banner-brtb {
781
+ height: 7px; }
782
+
783
+ .premium-banner-animation7 .premium-banner-br {
784
+ position: absolute;
785
+ z-index: 1;
786
+ background-color: white;
787
+ -webkit-transition: all 0.3s ease-in-out;
788
+ transition: all 0.3s ease-in-out;
789
+ -webkit-transition-delay: 0.2s;
790
+ transition-delay: 0.2s; }
791
+
792
+ .premium-banner-animation7 .premium-banner-bleft {
793
+ left: 30px;
794
+ top: -webkit-calc(100% - 150px);
795
+ top: calc(100% - 150px);
796
+ height: 0; }
797
+
798
+ .premium-banner-animation7 .premium-banner-bright {
799
+ right: 30px;
800
+ bottom: -webkit-calc(100% - 150px);
801
+ bottom: calc(100% - 150px);
802
+ height: 0; }
803
+
804
+ .premium-banner-animation7 .premium-banner-bottom {
805
+ right: -webkit-calc(100% - 150px);
806
+ right: calc(100% - 150px);
807
+ bottom: 30px;
808
+ width: 0; }
809
+
810
+ .premium-banner-animation7 .premium-banner-btop {
811
+ left: -webkit-calc(100% - 150px);
812
+ left: calc(100% - 150px);
813
+ top: 30px;
814
+ width: 0; }
815
+
816
+ .premium-banner-animation7 .premium-banner-ib-desc {
817
+ padding: 70px;
818
+ display: table; }
819
+ .premium-banner-animation7 .premium-banner-ib-desc .premium-banner-desc-centered {
820
+ display: table-cell;
821
+ vertical-align: middle; }
822
+
823
+ .premium-banner-animation7 .premium-banner-ib-title {
824
+ margin-top: 0; }
825
+
826
+ .premium-banner-animation7 .premium-banner-ib-title,
827
+ .premium-banner-animation7 img {
828
+ -webkit-transform: translate3d(-30px, 0, 0);
829
+ transform: translate3d(-30px, 0, 0); }
830
+
831
+ .premium-banner-animation7.zoomout img,
832
+ .premium-banner-animation7.scale img {
833
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
834
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
835
+
836
+ .premium-banner-animation7 .premium-banner-ib-content,
837
+ .premium-banner-animation7 .premium-banner-read-more {
838
+ margin-top: 10px; }
839
+
840
+ .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before {
841
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
842
+ transition: opacity 0.35s, -webkit-transform 0.35s;
843
+ transition: opacity 0.35s, transform 0.35s;
844
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
845
+
846
+ .premium-banner-animation7 .premium-banner-ib-title,
847
+ .premium-banner-animation7 .premium-banner-ib-content,
848
+ .premium-banner-animation7 .premium-banner-read-more {
849
+ opacity: 0;
850
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
851
+ transition: opacity 0.35s, -webkit-transform 0.35s;
852
+ transition: opacity 0.35s, transform 0.35s;
853
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
854
+
855
+ .premium-banner-animation7:hover .premium-banner-ib-content,
856
+ .premium-banner-animation7.active .premium-banner-ib-content,
857
+ .premium-banner-animation7:hover .premium-banner-read-more,
858
+ .premium-banner-animation7.active .premium-banner-read-more,
859
+ .premium-banner-animation7:hover .premium-banner-ib-title,
860
+ .premium-banner-animation7.active .premium-banner-ib-title {
861
+ opacity: 1;
862
+ -webkit-transform: translate3d(0, 0, 0);
863
+ transform: translate3d(0, 0, 0); }
864
+
865
+ .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft {
866
+ top: 30px;
867
+ height: 70px; }
868
+
869
+ .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright {
870
+ bottom: 30px;
871
+ height: 70px; }
872
+
873
+ .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom {
874
+ right: 30px;
875
+ width: 70px; }
876
+
877
+ .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop {
878
+ left: 30px;
879
+ width: 70px; }
880
+
881
+ .premium-banner-animation7:hover .premium-banner-ib-content,
882
+ .premium-banner-animation7:hover .premium-banner-read-more,
883
+ .premium-banner-animation7:hover .premium-banner-ib-title,
884
+ .premium-banner-animation7:hover img {
885
+ -webkit-transition-delay: 0.15s;
886
+ transition-delay: 0.15s; }
887
+
888
+ .premium-banner-animation8 img {
889
+ width: -webkit-calc(100% + 40px) !important;
890
+ width: calc(100% + 40px) !important;
891
+ max-width: -webkit-calc(100% + 40px) !important;
892
+ max-width: calc(100% + 40px) !important;
893
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
894
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
895
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
896
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
897
+
898
+ .premium-banner-animation8 .premium-banner-brlr {
899
+ width: 7px; }
900
+
901
+ .premium-banner-animation8 .premium-banner-brtb {
902
+ height: 7px; }
903
+
904
+ .premium-banner-animation8 .premium-banner-br {
905
+ position: absolute;
906
+ z-index: 1;
907
+ background-color: white;
908
+ -webkit-transition: all 0.3s ease-in-out;
909
+ transition: all 0.3s ease-in-out;
910
+ -webkit-transition-delay: 0.2s;
911
+ transition-delay: 0.2s; }
912
+
913
+ .premium-banner-animation8 .premium-banner-bleft {
914
+ left: 30px;
915
+ top: 50%;
916
+ -webkit-transform: translateY(-50%);
917
+ -ms-transform: translateY(-50%);
918
+ transform: translateY(-50%);
919
+ height: 0; }
920
+
921
+ .premium-banner-animation8 .premium-banner-bright {
922
+ right: 30px;
923
+ top: 50%;
924
+ -webkit-transform: translateY(-50%);
925
+ -ms-transform: translateY(-50%);
926
+ transform: translateY(-50%);
927
+ height: 0; }
928
+
929
+ .premium-banner-animation8 .premium-banner-bottom {
930
+ left: 50%;
931
+ -webkit-transform: translateX(-50%);
932
+ -ms-transform: translateX(-50%);
933
+ transform: translateX(-50%);
934
+ bottom: 30px;
935
+ width: 0; }
936
+
937
+ .premium-banner-animation8 .premium-banner-btop {
938
+ left: 50%;
939
+ -webkit-transform: translateX(-50%);
940
+ -ms-transform: translateX(-50%);
941
+ transform: translateX(-50%);
942
+ top: 30px;
943
+ width: 0; }
944
+
945
+ .premium-banner-animation8 .premium-banner-ib-desc {
946
+ padding: 70px;
947
+ display: table; }
948
+ .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered {
949
+ display: table-cell;
950
+ vertical-align: middle; }
951
+
952
+ .premium-banner-animation8 .premium-banner-ib-title {
953
+ margin-top: 0; }
954
+
955
+ .premium-banner-animation8 .premium-banner-ib-title,
956
+ .premium-banner-animation8 img {
957
+ -webkit-transform: translate3d(-30px, 0, 0);
958
+ transform: translate3d(-30px, 0, 0); }
959
+
960
+ .premium-banner-animation8.zoomout img,
961
+ .premium-banner-animation8.scale img {
962
+ -webkit-transform: translate3d(-30px, 0, 0) scale(1.1);
963
+ transform: translate3d(-30px, 0, 0) scale(1.1); }
964
+
965
+ .premium-banner-animation8 .premium-banner-ib-content,
966
+ .premium-banner-animation8 .premium-banner-read-more {
967
+ margin-top: 10px; }
968
+
969
+ .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before {
970
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
971
+ transition: opacity 0.35s, -webkit-transform 0.35s;
972
+ transition: opacity 0.35s, transform 0.35s;
973
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
974
+
975
+ .premium-banner-animation8 .premium-banner-ib-title,
976
+ .premium-banner-animation8 .premium-banner-ib-content,
977
+ .premium-banner-animation8 .premium-banner-read-more {
978
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
979
+ transition: opacity 0.35s, -webkit-transform 0.35s;
980
+ transition: opacity 0.35s, transform 0.35s;
981
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
982
+ opacity: 0; }
983
+
984
+ .premium-banner-animation8:hover .premium-banner-ib-content,
985
+ .premium-banner-animation8.active .premium-banner-ib-content,
986
+ .premium-banner-animation8:hover .premium-banner-read-more,
987
+ .premium-banner-animation8.active .premium-banner-read-more,
988
+ .premium-banner-animation8:hover .premium-banner-ib-title,
989
+ .premium-banner-animation8.active .premium-banner-ib-title {
990
+ opacity: 1;
991
+ -webkit-transform: translate3d(0, 0, 0);
992
+ transform: translate3d(0, 0, 0); }
993
+
994
+ .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft {
995
+ height: -webkit-calc(100% - 61px);
996
+ height: calc(100% - 61px); }
997
+
998
+ .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright {
999
+ height: -webkit-calc(100% - 61px);
1000
+ height: calc(100% - 61px); }
1001
+
1002
+ .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom {
1003
+ width: -webkit-calc(100% - 61px);
1004
+ width: calc(100% - 61px); }
1005
+
1006
+ .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop {
1007
+ width: -webkit-calc(100% - 61px);
1008
+ width: calc(100% - 61px); }
1009
+
1010
+ .premium-banner-animation8:hover .premium-banner-ib-content,
1011
+ .premium-banner-animation8:hover .premium-banner-ib-title,
1012
+ .premium-banner-animation8:hover .premium-banner-read-more,
1013
+ .premium-banner-animation8:hover img {
1014
+ -webkit-transition-delay: 0.15s;
1015
+ transition-delay: 0.15s; }
1016
+
1017
+ .premium-banner-animation9 img {
1018
+ width: -webkit-calc(100% + 20px) !important;
1019
+ width: calc(100% + 20px) !important;
1020
+ max-width: -webkit-calc(100% + 20px) !important;
1021
+ max-width: calc(100% + 20px) !important;
1022
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1023
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1024
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1025
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1026
+ -webkit-transform: scale(1.2);
1027
+ -ms-transform: scale(1.2);
1028
+ transform: scale(1.2); }
1029
+
1030
+ .premium-banner-animation9 .premium-banner-ib-desc {
1031
+ width: 100%;
1032
+ height: 100%; }
1033
+ .premium-banner-animation9 .premium-banner-ib-desc::before {
1034
+ position: absolute;
1035
+ top: 50%;
1036
+ left: 50%;
1037
+ width: 80%;
1038
+ height: 1px;
1039
+ background: #fff;
1040
+ content: "";
1041
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1042
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1043
+ transition: opacity 0.35s, transform 0.35s;
1044
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1045
+ -webkit-transform: translate3d(-50%, -50%, 0);
1046
+ transform: translate3d(-50%, -50%, 0); }
1047
+ .premium-banner-animation9 .premium-banner-ib-desc::after {
1048
+ position: absolute;
1049
+ top: 50%;
1050
+ left: 50%;
1051
+ width: 80%;
1052
+ height: 1px;
1053
+ background: #fff;
1054
+ content: "";
1055
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1056
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1057
+ transition: opacity 0.35s, transform 0.35s;
1058
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1059
+ -webkit-transform: translate3d(-50%, -50%, 0);
1060
+ transform: translate3d(-50%, -50%, 0); }
1061
+
1062
+ .premium-banner-animation9 .premium-banner-ib-title {
1063
+ position: absolute;
1064
+ top: 50%;
1065
+ left: 0;
1066
+ width: 100%;
1067
+ -webkit-transition: -webkit-transform 0.35s;
1068
+ transition: -webkit-transform 0.35s;
1069
+ transition: transform 0.35s;
1070
+ transition: transform 0.35s, -webkit-transform 0.35s;
1071
+ -webkit-transform: translate3d(0, -70px, 0);
1072
+ transform: translate3d(0, -70px, 0);
1073
+ margin-top: 0;
1074
+ padding: 0 10%; }
1075
+
1076
+ .premium-banner-animation9:hover .premium-banner-ib-title,
1077
+ .premium-banner-animation9.active .premium-banner-ib-title {
1078
+ -webkit-transform: translate3d(0, -80px, 0);
1079
+ transform: translate3d(0, -80px, 0); }
1080
+
1081
+ .premium-banner-animation9 .premium-banner-ib-content,
1082
+ .premium-banner-animation9 .premium-banner-read-more {
1083
+ position: absolute;
1084
+ top: 50%;
1085
+ left: 0;
1086
+ width: 100%;
1087
+ -webkit-transition: -webkit-transform 0.35s;
1088
+ transition: -webkit-transform 0.35s;
1089
+ transition: transform 0.35s;
1090
+ transition: transform 0.35s, -webkit-transform 0.35s;
1091
+ padding: 0 10%;
1092
+ -webkit-transform: translate3d(0, 35px, 0);
1093
+ transform: translate3d(0, 35px, 0); }
1094
+
1095
+ .premium-banner-animation9 .premium-banner-read-more {
1096
+ top: 75%; }
1097
+
1098
+ .premium-banner-animation9:hover .premium-banner-ib-content,
1099
+ .premium-banner-animation9.active .premium-banner-ib-content,
1100
+ .premium-banner-animation9:hover .premium-banner-read-more,
1101
+ .premium-banner-animation9.active .premium-banner-read-more {
1102
+ -webkit-transform: translate3d(0, 45px, 0);
1103
+ transform: translate3d(0, 45px, 0); }
1104
+
1105
+ .premium-banner-animation9:hover .premium-banner-ib-desc::before,
1106
+ .premium-banner-animation9.active .premium-banner-ib-desc::before {
1107
+ opacity: 0.5;
1108
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
1109
+ transform: translate3d(-50%, -50%, 0) rotate(45deg); }
1110
+
1111
+ .premium-banner-animation9:hover .premium-banner-ib-desc::after,
1112
+ .premium-banner-animation9.active .premium-banner-ib-desc::after {
1113
+ opacity: 0.5;
1114
+ -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
1115
+ transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
1116
+
1117
+ .premium-banner-animation9:hover img {
1118
+ -webkit-transform: scale(1);
1119
+ -ms-transform: scale(1);
1120
+ transform: scale(1); }
1121
+
1122
+ .premium-banner-animation10 img {
1123
+ width: -webkit-calc(100% + 20px) !important;
1124
+ width: calc(100% + 20px) !important;
1125
+ max-width: -webkit-calc(100% + 20px) !important;
1126
+ max-width: calc(100% + 20px) !important;
1127
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1128
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1129
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1130
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1131
+
1132
+ .premium-banner-animation10 .premium-banner-ib-title {
1133
+ position: relative;
1134
+ overflow: hidden;
1135
+ padding: 5px 0 15px;
1136
+ -webkit-transition: -webkit-transform 0.35s;
1137
+ transition: -webkit-transform 0.35s;
1138
+ transition: transform 0.35s;
1139
+ transition: transform 0.35s, -webkit-transform 0.35s;
1140
+ -webkit-transform: translate3d(0, 20px, 0);
1141
+ transform: translate3d(0, 20px, 0);
1142
+ margin-bottom: 0; }
1143
+ .premium-banner-animation10 .premium-banner-ib-title::after {
1144
+ position: absolute;
1145
+ content: "";
1146
+ bottom: 0;
1147
+ left: 0;
1148
+ width: 100%;
1149
+ height: 3px;
1150
+ background: #fff;
1151
+ opacity: 0;
1152
+ -webkit-transform: translate3d(0, 100%, 0);
1153
+ transform: translate3d(0, 100%, 0);
1154
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1155
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1156
+ transition: opacity 0.35s, transform 0.35s;
1157
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
1158
+
1159
+ .premium-banner-animation10:hover .premium-banner-ib-title,
1160
+ .premium-banner-animation10.active .premium-banner-ib-title {
1161
+ -webkit-transform: translate3d(0, 0, 0);
1162
+ transform: translate3d(0, 0, 0); }
1163
+
1164
+ .premium-banner-animation10:hover .premium-banner-ib-title::after,
1165
+ .premium-banner-animation10.active .premium-banner-ib-title::after {
1166
+ opacity: 1;
1167
+ -webkit-transform: translate3d(0, 0, 0);
1168
+ transform: translate3d(0, 0, 0); }
1169
+
1170
+ .premium-banner-animation10.zoomout img,
1171
+ .premium-banner-animation10.scale img {
1172
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1173
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1174
+
1175
+ .premium-banner-animation10 .premium-banner-ib-content,
1176
+ .premium-banner-animation10 .premium-banner-read-more {
1177
+ padding-top: 15px;
1178
+ opacity: 0;
1179
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1180
+ transition: opacity 0.35s, -webkit-transform 0.35s;
1181
+ transition: opacity 0.35s, transform 0.35s;
1182
+ transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
1183
+ -webkit-transform: translate3d(0, 100%, 0);
1184
+ transform: translate3d(0, 100%, 0); }
1185
+
1186
+ .premium-banner-animation10 .premium-banner-read-more {
1187
+ padding: 0; }
1188
+
1189
+ .premium-banner-animation10:hover .premium-banner-ib-content,
1190
+ .premium-banner-animation10.active .premium-banner-ib-content,
1191
+ .premium-banner-animation10:hover .premium-banner-read-more,
1192
+ .premium-banner-animation10.active .premium-banner-read-more {
1193
+ opacity: 1;
1194
+ -webkit-transform: translate3d(0, 0, 0);
1195
+ transform: translate3d(0, 0, 0); }
1196
+
1197
+ .premium-banner-animation11 {
1198
+ -webkit-transition: -webkit-transform 1s ease-out;
1199
+ transition: -webkit-transform 1s ease-out;
1200
+ transition: transform 1s ease-out;
1201
+ transition: transform 1s ease-out, -webkit-transform 1s ease-out;
1202
+ -webkit-transition-delay: 0.125s;
1203
+ transition-delay: 0.125s; }
1204
+ .premium-banner-animation11 .premium-banner-ib-desc {
1205
+ position: absolute;
1206
+ z-index: 5;
1207
+ -webkit-transform: translate3d(-30px, 0, 0);
1208
+ transform: translate3d(-30px, 0, 0);
1209
+ opacity: 0;
1210
+ top: auto;
1211
+ bottom: 0;
1212
+ min-height: 25%;
1213
+ height: auto;
1214
+ max-height: 100%;
1215
+ text-align: left;
1216
+ padding: 30px;
1217
+ -webkit-transition: all 0.6s ease-out;
1218
+ transition: all 0.6s ease-out; }
1219
+ .premium-banner-animation11 img {
1220
+ width: 100%;
1221
+ -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1222
+ transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s;
1223
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s;
1224
+ transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; }
1225
+ .premium-banner-animation11 .premium-banner-ib-title {
1226
+ margin-bottom: 10px; }
1227
+ .premium-banner-animation11 .premium-banner-gradient {
1228
+ position: absolute;
1229
+ left: 0;
1230
+ top: 0;
1231
+ right: 0;
1232
+ bottom: 0; }
1233
+ .premium-banner-animation11 .premium-banner-gradient:after,
1234
+ .premium-banner-animation11 .premium-banner-gradient:before {
1235
+ position: absolute;
1236
+ content: "";
1237
+ left: 0;
1238
+ top: 0;
1239
+ right: 0;
1240
+ bottom: 0;
1241
+ -webkit-transform: translate3d(-100%, 0, 0);
1242
+ transform: translate3d(-100%, 0, 0);
1243
+ background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1244
+ background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%);
1245
+ z-index: 2; }
1246
+ .premium-banner-animation11 .premium-banner-gradient:before {
1247
+ mix-blend-mode: color; }
1248
+ .premium-banner-animation11 .premium-banner-gradient:after {
1249
+ mix-blend-mode: multiply; }
1250
+ .premium-banner-animation11:hover .premium-banner-ib-desc,
1251
+ .premium-banner-animation11.active .premium-banner-ib-desc {
1252
+ opacity: 1;
1253
+ -webkit-transform: translate3d(0, 0, 0);
1254
+ transform: translate3d(0, 0, 0); }
1255
+ .premium-banner-animation11:hover .premium-banner-gradient:after,
1256
+ .premium-banner-animation11:hover .premium-banner-gradient:before,
1257
+ .premium-banner-animation11.active .premium-banner-gradient:after,
1258
+ .premium-banner-animation11.active .premium-banner-gradient:before {
1259
+ -webkit-transform: translate3d(0, 0, 0);
1260
+ transform: translate3d(0, 0, 0); }
1261
+ .premium-banner-animation11.zoomout img,
1262
+ .premium-banner-animation11.scale img {
1263
+ -webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
1264
+ transform: translate3d(-10px, 0, 0) scale(1.1); }
1265
+
1266
+ /**************** Premium CountDown *************/
1267
+ /************************************************/
1268
+ .premium-countdown {
1269
+ -js-display: flex;
1270
+ display: -webkit-box;
1271
+ display: -webkit-flex;
1272
+ display: -moz-box;
1273
+ display: -ms-flexbox;
1274
+ display: flex;
1275
+ text-align: center; }
1276
+
1277
+ .countdown-row {
1278
+ display: block;
1279
+ text-align: center; }
1280
+
1281
+ .countdown .countdown-section {
1282
+ display: inline-block;
1283
+ max-width: 100%;
1284
+ margin-bottom: 15px;
1285
+ -js-display: inline-flex;
1286
+ display: -webkit-inline-box;
1287
+ display: -webkit-inline-flex;
1288
+ display: -moz-inline-box;
1289
+ display: -ms-inline-flexbox;
1290
+ display: inline-flex;
1291
+ -webkit-box-align: center;
1292
+ -webkit-align-items: center;
1293
+ -moz-box-align: center;
1294
+ -ms-flex-align: center;
1295
+ align-items: center; }
1296
+ .countdown .countdown-section:last-child {
1297
+ margin-right: 0; }
1298
+
1299
+ .countdown span.countdown-amount {
1300
+ font-size: 70px;
1301
+ line-height: 1;
1302
+ padding: 40px; }
1303
+
1304
+ .countdown .pre_time-mid {
1305
+ display: block; }
1306
+
1307
+ .premium-countdown-separator-yes .countdown_separator {
1308
+ display: block;
1309
+ margin: 0 50px;
1310
+ font-size: 30px; }
1311
+
1312
+ .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator,
1313
+ .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator {
1314
+ display: none; }
1315
+
1316
+ /**
1317
+ * Digit and unit styles
1318
+ */
1319
+ .side .countdown-section .countdown-period {
1320
+ vertical-align: bottom; }
1321
+
1322
+ .countdown .countdown-section .countdown-period {
1323
+ font-size: 17px;
1324
+ line-height: 3em; }
1325
+
1326
+ .side .countdown-section .countdown-amount,
1327
+ .side .countdown-section .countdown-period {
1328
+ display: inline-block; }
1329
+
1330
+ .side .countdown-section .countdown-amount {
1331
+ margin-right: 5px; }
1332
+
1333
+ .down .countdown-section .countdown-amount,
1334
+ .down .countdown-section .countdown-period {
1335
+ display: block; }
1336
+
1337
+ /**
1338
+ * Flip Layout
1339
+ */
1340
+ .premium-countdown-flip .premium-countdown-block {
1341
+ text-align: center;
1342
+ -js-display: inline-flex;
1343
+ display: -webkit-inline-box;
1344
+ display: -webkit-inline-flex;
1345
+ display: -moz-inline-box;
1346
+ display: -ms-inline-flexbox;
1347
+ display: inline-flex;
1348
+ -webkit-box-align: center;
1349
+ -webkit-align-items: center;
1350
+ -moz-box-align: center;
1351
+ -ms-flex-align: center;
1352
+ align-items: center; }
1353
+ .premium-countdown-flip .premium-countdown-block:last-child {
1354
+ margin-right: 0; }
1355
+
1356
+ .premium-countdown-flip .premium-countdown-label {
1357
+ overflow: hidden;
1358
+ color: #1a1a1a;
1359
+ text-transform: uppercase; }
1360
+
1361
+ .premium-countdown-flip .premium-countdown-figure {
1362
+ position: relative;
1363
+ height: 110px;
1364
+ width: 100px;
1365
+ line-height: 107px;
1366
+ background-color: #fff;
1367
+ -webkit-border-radius: 10px;
1368
+ border-radius: 10px;
1369
+ -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
1370
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
1371
+ .premium-countdown-flip .premium-countdown-figure:last-child {
1372
+ margin-right: 0; }
1373
+ .premium-countdown-flip .premium-countdown-figure > span {
1374
+ position: absolute;
1375
+ left: 0;
1376
+ right: 0;
1377
+ margin: auto;
1378
+ font-weight: 700; }
1379
+ .premium-countdown-flip .premium-countdown-figure .top {
1380
+ z-index: 3;
1381
+ -webkit-transform-origin: 50% 100%;
1382
+ -ms-transform-origin: 50% 100%;
1383
+ transform-origin: 50% 100%;
1384
+ -webkit-transform: perspective(200px);
1385
+ transform: perspective(200px);
1386
+ -webkit-backface-visibility: hidden;
1387
+ backface-visibility: hidden; }
1388
+ .premium-countdown-flip .premium-countdown-figure .bottom {
1389
+ z-index: 1; }
1390
+ .premium-countdown-flip .premium-countdown-figure .bottom::before {
1391
+ content: "";
1392
+ position: absolute;
1393
+ display: block;
1394
+ top: 0;
1395
+ left: 0;
1396
+ width: 100%;
1397
+ height: 50%;
1398
+ background-color: rgba(0, 0, 0, 0.02); }
1399
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1400
+ -webkit-backface-visibility: hidden;
1401
+ backface-visibility: hidden;
1402
+ z-index: 4;
1403
+ bottom: 0;
1404
+ -webkit-transform-origin: 50% 0;
1405
+ -ms-transform-origin: 50% 0;
1406
+ transform-origin: 50% 0;
1407
+ -webkit-transform: perspective(200px) rotateX(180deg);
1408
+ transform: perspective(200px) rotateX(180deg); }
1409
+ .premium-countdown-flip .premium-countdown-figure .top-back span {
1410
+ position: absolute;
1411
+ top: -100%;
1412
+ left: 0;
1413
+ right: 0;
1414
+ margin: auto; }
1415
+ .premium-countdown-flip .premium-countdown-figure .bottom-back {
1416
+ z-index: 2;
1417
+ top: 0; }
1418
+ .premium-countdown-flip .premium-countdown-figure .bottom-back span {
1419
+ position: absolute;
1420
+ top: 0;
1421
+ left: 0;
1422
+ right: 0;
1423
+ margin: auto; }
1424
+ .premium-countdown-flip .premium-countdown-figure .top,
1425
+ .premium-countdown-flip .premium-countdown-figure .bottom-back,
1426
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1427
+ height: 50%;
1428
+ overflow: hidden;
1429
+ background-color: #f7f7f7;
1430
+ -webkit-border-top-left-radius: 10px;
1431
+ border-top-left-radius: 10px;
1432
+ -webkit-border-top-right-radius: 10px;
1433
+ border-top-right-radius: 10px; }
1434
+ .premium-countdown-flip .premium-countdown-figure .top-back {
1435
+ -webkit-border-bottom-left-radius: 10px;
1436
+ border-bottom-left-radius: 10px;
1437
+ -webkit-border-bottom-right-radius: 10px;
1438
+ border-bottom-right-radius: 10px; }
1439
+ .premium-countdown-flip .premium-countdown-figure .top::after,
1440
+ .premium-countdown-flip .premium-countdown-figure .bottom-back::after {
1441
+ content: "";
1442
+ position: absolute;
1443
+ z-index: -1;
1444
+ left: 0;
1445
+ bottom: 0;
1446
+ width: 100%;
1447
+ height: 100%;
1448
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
1449
+
1450
+ .side .premium-countdown-figure,
1451
+ .side .premium-countdown-label {
1452
+ display: inline-block; }
1453
+
1454
+ .side .premium-countdown-figure {
1455
+ margin-right: 5px; }
1456
+
1457
+ .down .premium-countdown-figure,
1458
+ .down .premium-countdown-label {
1459
+ display: block; }
1460
+
1461
+ .down .premium-countdown-label {
1462
+ width: 100%; }
1463
+
1464
+ /**************** Premium Carousel ****************/
1465
+ /**************************************************/
1466
+ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow {
1467
+ -js-display: flex;
1468
+ display: -webkit-box;
1469
+ display: -webkit-flex;
1470
+ display: -moz-box;
1471
+ display: -ms-flexbox;
1472
+ display: flex;
1473
+ -webkit-box-align: center;
1474
+ -webkit-align-items: center;
1475
+ -moz-box-align: center;
1476
+ -ms-flex-align: center;
1477
+ align-items: center;
1478
+ -webkit-box-pack: center;
1479
+ -webkit-justify-content: center;
1480
+ -moz-box-pack: center;
1481
+ -ms-flex-pack: center;
1482
+ justify-content: center;
1483
+ width: 2em;
1484
+ height: 2em;
1485
+ line-height: 0;
1486
+ text-align: center;
1487
+ position: absolute;
1488
+ z-index: 99;
1489
+ cursor: pointer;
1490
+ -webkit-transition: all 0.3s ease-in-out;
1491
+ transition: all 0.3s ease-in-out;
1492
+ -webkit-appearance: inherit;
1493
+ border: none;
1494
+ -webkit-box-shadow: none;
1495
+ box-shadow: none; }
1496
+ .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg {
1497
+ -webkit-transition: all 0.3s ease-in-out;
1498
+ transition: all 0.3s ease-in-out; }
1499
+
1500
+ .premium-tabs-nav-list a.carousel-arrow,
1501
+ .premium-fb-rev-container a.carousel-arrow,
1502
+ .premium-blog-wrap a.carousel-arrow,
1503
+ .premium-hscroll-wrap a.carousel-arrow,
1504
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1505
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1506
+ .premium-instafeed-container a.carousel-arrow,
1507
+ .premium-persons-container a.carousel-arrow,
1508
+ .premium-woocommerce a.carousel-arrow {
1509
+ -js-display: flex;
1510
+ display: -webkit-box;
1511
+ display: -webkit-flex;
1512
+ display: -moz-box;
1513
+ display: -ms-flexbox;
1514
+ display: flex;
1515
+ -webkit-box-align: center;
1516
+ -webkit-align-items: center;
1517
+ -moz-box-align: center;
1518
+ -ms-flex-align: center;
1519
+ align-items: center;
1520
+ -webkit-box-pack: center;
1521
+ -webkit-justify-content: center;
1522
+ -moz-box-pack: center;
1523
+ -ms-flex-pack: center;
1524
+ justify-content: center;
1525
+ width: 2em;
1526
+ height: 2em;
1527
+ line-height: 0;
1528
+ text-align: center;
1529
+ position: absolute;
1530
+ z-index: 99;
1531
+ cursor: pointer;
1532
+ -webkit-transition: all 0.3s ease-in-out;
1533
+ transition: all 0.3s ease-in-out;
1534
+ -webkit-appearance: inherit;
1535
+ border: none;
1536
+ -webkit-box-shadow: none;
1537
+ box-shadow: none; }
1538
+
1539
+ div[class^="premium-"] .slick-arrow i {
1540
+ display: block; }
1541
+
1542
+ .ver-carousel-arrow.carousel-next i {
1543
+ margin-bottom: -3px; }
1544
+
1545
+ .premium-carousel-wrapper a.slick-arrow:hover {
1546
+ -webkit-box-shadow: none !important;
1547
+ box-shadow: none !important; }
1548
+
1549
+ .premium-carousel-wrapper .premium-carousel-content-hidden {
1550
+ visibility: hidden; }
1551
+
1552
+ .premium-carousel-wrapper a.carousel-arrow {
1553
+ top: 50%; }
1554
+
1555
+ .premium-tabs-nav-list a.carousel-arrow,
1556
+ .premium-fb-rev-container a.carousel-arrow,
1557
+ .premium-blog-wrap a.carousel-arrow,
1558
+ .premium-hscroll-wrap a.carousel-arrow,
1559
+ .premium-twitter-feed-wrapper a.carousel-arrow,
1560
+ .premium-facebook-feed-wrapper a.carousel-arrow,
1561
+ .premium-instafeed-container a.carousel-arrow,
1562
+ .premium-persons-container a.carousel-arrow,
1563
+ .premium-woocommerce a.carousel-arrow {
1564
+ top: 50%;
1565
+ -webkit-transform: translateY(-50%);
1566
+ -ms-transform: translateY(-50%);
1567
+ transform: translateY(-50%); }
1568
+
1569
+ .premium-carousel-wrapper a.ver-carousel-arrow {
1570
+ left: 50%;
1571
+ -webkit-transform: translateX(-50%);
1572
+ -ms-transform: translateX(-50%);
1573
+ transform: translateX(-50%); }
1574
+
1575
+ a.carousel-arrow.carousel-next {
1576
+ left: auto;
1577
+ right: -20px; }
1578
+
1579
+ a.carousel-arrow.carousel-prev {
1580
+ left: -20px;
1581
+ right: auto; }
1582
+
1583
+ a.ver-carousel-arrow.carousel-next {
1584
+ bottom: -56px; }
1585
+
1586
+ a.ver-carousel-arrow.carousel-prev {
1587
+ top: -45px; }
1588
+
1589
+ a.circle-bg {
1590
+ -webkit-border-radius: 100%;
1591
+ border-radius: 100%; }
1592
+
1593
+ a.circle-border {
1594
+ -webkit-border-radius: 100%;
1595
+ border-radius: 100%;
1596
+ border: solid black; }
1597
+
1598
+ a.square-border {
1599
+ border: solid black; }
1600
+
1601
+ .premium-woocommerce ul.slick-dots,
1602
+ .premium-carousel-dots-below ul.slick-dots,
1603
+ .premium-blog-wrap ul.slick-dots,
1604
+ .premium-fb-rev-reviews ul.slick-dots {
1605
+ position: relative;
1606
+ bottom: 0;
1607
+ list-style: none;
1608
+ text-align: center;
1609
+ margin: 0;
1610
+ padding: 0; }
1611
+
1612
+ .premium-carousel-dots-above ul.slick-dots {
1613
+ position: absolute;
1614
+ -js-display: flex;
1615
+ display: -webkit-box;
1616
+ display: -webkit-flex;
1617
+ display: -moz-box;
1618
+ display: -ms-flexbox;
1619
+ display: flex;
1620
+ width: auto;
1621
+ top: 50%;
1622
+ bottom: auto;
1623
+ -webkit-transform: translateY(-50%);
1624
+ -ms-transform: translateY(-50%);
1625
+ transform: translateY(-50%);
1626
+ -webkit-box-orient: vertical;
1627
+ -webkit-box-direction: normal;
1628
+ -webkit-flex-direction: column;
1629
+ -moz-box-orient: vertical;
1630
+ -moz-box-direction: normal;
1631
+ -ms-flex-direction: column;
1632
+ flex-direction: column; }
1633
+
1634
+ ul.slick-dots li {
1635
+ font-size: 10px;
1636
+ -js-display: inline-flex;
1637
+ display: -webkit-inline-box;
1638
+ display: -webkit-inline-flex;
1639
+ display: -moz-inline-box;
1640
+ display: -ms-inline-flexbox;
1641
+ display: inline-flex;
1642
+ -webkit-box-pack: center;
1643
+ -webkit-justify-content: center;
1644
+ -moz-box-pack: center;
1645
+ -ms-flex-pack: center;
1646
+ justify-content: center;
1647
+ -webkit-box-align: center;
1648
+ -webkit-align-items: center;
1649
+ -moz-box-align: center;
1650
+ -ms-flex-align: center;
1651
+ align-items: center;
1652
+ margin: 5px;
1653
+ width: 20px;
1654
+ height: 20px;
1655
+ cursor: pointer; }
1656
+
1657
+ /*
1658
+ * Custom Navigation Dot
1659
+ */
1660
+ .premium-carousel-wrapper .premium-carousel-nav-dot,
1661
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-prev,
1662
+ .premium-carousel-wrapper .premium-carousel-nav-arrow-next {
1663
+ display: none; }
1664
+
1665
+ .premium-carousel-wrapper ul.slick-dots svg {
1666
+ width: 20px;
1667
+ height: 20px;
1668
+ outline: none !important; }
1669
+
1670
+ /* Ripple Out */
1671
+ @-webkit-keyframes hvr-ripple-out {
1672
+ 0% {
1673
+ -webkit-transform: scale(1);
1674
+ transform: scale(1);
1675
+ opacity: 1; }
1676
+ 100% {
1677
+ -webkit-transform: scale(1.5);
1678
+ transform: scale(1.5);
1679
+ opacity: 0; } }
1680
+ @keyframes hvr-ripple-out {
1681
+ 0% {
1682
+ -webkit-transform: scale(1);
1683
+ transform: scale(1);
1684
+ opacity: 1; }
1685
+ 100% {
1686
+ -webkit-transform: scale(1.5);
1687
+ transform: scale(1.5);
1688
+ opacity: 0; } }
1689
+
1690
+ .premium-carousel-ripple-yes .premium-carousel-wrapper {
1691
+ padding-bottom: 1px; }
1692
+
1693
+ .premium-carousel-ripple-yes ul.slick-dots li {
1694
+ position: relative; }
1695
+ .premium-carousel-ripple-yes ul.slick-dots li i {
1696
+ position: relative;
1697
+ z-index: 1; }
1698
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1699
+ content: "";
1700
+ position: absolute;
1701
+ -webkit-transform: scale(1);
1702
+ -ms-transform: scale(1);
1703
+ transform: scale(1);
1704
+ top: 0;
1705
+ right: 0;
1706
+ bottom: 0;
1707
+ left: 0;
1708
+ -webkit-border-radius: 50%;
1709
+ border-radius: 50%;
1710
+ pointer-events: none;
1711
+ background-color: rgba(0, 0, 0, 0.15); }
1712
+ .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before {
1713
+ background-color: rgba(0, 0, 0, 0.3); }
1714
+ .premium-carousel-ripple-yes ul.slick-dots li:hover:before {
1715
+ -webkit-animation: hvr-ripple-out 1.3s infinite;
1716
+ animation: hvr-ripple-out 1.3s infinite; }
1717
+
1718
+ .premium-carousel-wrapper.premium-carousel-scale .slick-slide {
1719
+ -webkit-transform: scale(1.25, 1.25);
1720
+ -ms-transform: scale(1.25, 1.25);
1721
+ transform: scale(1.25, 1.25);
1722
+ -webkit-transition: all 0.3s ease-in-out !important;
1723
+ transition: all 0.3s ease-in-out !important; }
1724
+
1725
+ .premium-carousel-wrapper.premium-carousel-scale div.slick-active {
1726
+ -webkit-transform: scale(1, 1);
1727
+ -ms-transform: scale(1, 1);
1728
+ transform: scale(1, 1); }
1729
+
1730
+ [dir="rtl"] .premium-carousel-inner .slick-slide {
1731
+ float: right; }
1732
+
1733
+ /**************** Premium Counter ***************/
1734
+ /************************************************/
1735
+ .premium-counter-area {
1736
+ padding: 10px 0;
1737
+ -js-display: flex;
1738
+ display: -webkit-box;
1739
+ display: -webkit-flex;
1740
+ display: -moz-box;
1741
+ display: -ms-flexbox;
1742
+ display: flex;
1743
+ -webkit-box-pack: center;
1744
+ -webkit-justify-content: center;
1745
+ -moz-box-pack: center;
1746
+ -ms-flex-pack: center;
1747
+ justify-content: center;
1748
+ -webkit-box-align: center;
1749
+ -webkit-align-items: center;
1750
+ -moz-box-align: center;
1751
+ -ms-flex-align: center;
1752
+ align-items: center; }
1753
+ .premium-counter-area.top {
1754
+ -webkit-box-orient: vertical;
1755
+ -webkit-box-direction: normal;
1756
+ -webkit-flex-direction: column;
1757
+ -moz-box-orient: vertical;
1758
+ -moz-box-direction: normal;
1759
+ -ms-flex-direction: column;
1760
+ flex-direction: column; }
1761
+ .premium-counter-area.right {
1762
+ -webkit-box-orient: horizontal;
1763
+ -webkit-box-direction: reverse;
1764
+ -webkit-flex-direction: row-reverse;
1765
+ -moz-box-orient: horizontal;
1766
+ -moz-box-direction: reverse;
1767
+ -ms-flex-direction: row-reverse;
1768
+ flex-direction: row-reverse; }
1769
+ .premium-counter-area.right .premium-counter-icon {
1770
+ padding-left: 20px; }
1771
+ .premium-counter-area.left .premium-counter-icon {
1772
+ padding-right: 20px; }
1773
+ .premium-counter-area .premium-counter-icon .icon i.fa:before {
1774
+ vertical-align: text-top; }
1775
+ .premium-counter-area .premium-counter-icon span.icon {
1776
+ text-align: center;
1777
+ display: inline-block;
1778
+ vertical-align: middle; }
1779
+ .premium-counter-area .premium-counter-icon .circle {
1780
+ -webkit-border-radius: 100%;
1781
+ border-radius: 100%; }
1782
+ .premium-counter-area .premium-counter-icon img,
1783
+ .premium-counter-area .premium-counter-icon svg {
1784
+ width: 80px; }
1785
+ .premium-counter-area .premium-counter-icon .premium-counter-animation svg {
1786
+ height: 80px; }
1787
+ .premium-counter-area .premium-counter-title p {
1788
+ padding: 0;
1789
+ margin: 0; }
1790
+ .premium-counter-area .premium-counter-value-wrap {
1791
+ -js-display: flex;
1792
+ display: -webkit-box;
1793
+ display: -webkit-flex;
1794
+ display: -moz-box;
1795
+ display: -ms-flexbox;
1796
+ display: flex;
1797
+ -webkit-box-align: center;
1798
+ -webkit-align-items: center;
1799
+ -moz-box-align: center;
1800
+ -ms-flex-align: center;
1801
+ align-items: center; }
1802
+
1803
+ .premium-init-wrapper {
1804
+ -js-display: flex;
1805
+ display: -webkit-box;
1806
+ display: -webkit-flex;
1807
+ display: -moz-box;
1808
+ display: -ms-flexbox;
1809
+ display: flex; }
1810
+ .premium-init-wrapper.row {
1811
+ -webkit-box-align: center;
1812
+ -webkit-align-items: center;
1813
+ -moz-box-align: center;
1814
+ -ms-flex-align: center;
1815
+ align-items: center; }
1816
+ .premium-init-wrapper.right {
1817
+ text-align: right; }
1818
+
1819
+ span.icon.flex-width {
1820
+ width: auto !important;
1821
+ height: auto !important; }
1822
+
1823
+ .premium-counter-area .premium-counter-init {
1824
+ font-size: 35px; }
1825
+
1826
+ /**************** Premium Image Separator ****************/
1827
+ /*********************************************************/
1828
+ .premium-image-separator-container {
1829
+ position: absolute;
1830
+ width: 100%;
1831
+ z-index: 2;
1832
+ top: auto;
1833
+ -webkit-transition: all 0.3s ease-in-out;
1834
+ transition: all 0.3s ease-in-out; }
1835
+ .premium-image-separator-container svg,
1836
+ .premium-image-separator-container img {
1837
+ display: inline-block !important;
1838
+ -webkit-mask-repeat: no-repeat;
1839
+ mask-repeat: no-repeat;
1840
+ -webkit-mask-position: center;
1841
+ mask-position: center; }
1842
+ .premium-image-separator-container .premium-image-separator-link {
1843
+ position: absolute;
1844
+ z-index: 9999;
1845
+ top: 0;
1846
+ left: 0;
1847
+ width: 100%;
1848
+ height: 100%;
1849
+ text-decoration: none; }
1850
+ .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active {
1851
+ -webkit-box-shadow: none !important;
1852
+ box-shadow: none !important;
1853
+ outline: none !important;
1854
+ border: none !important;
1855
+ text-decoration: none !important; }
1856
+ .premium-image-separator-container i,
1857
+ .premium-image-separator-container > svg {
1858
+ padding: 20px;
1859
+ -webkit-transition: all 0.3s ease-in-out;
1860
+ transition: all 0.3s ease-in-out; }
1861
+
1862
+ /**************** Premium Modal Box ****************/
1863
+ /***************************************************/
1864
+ .premium-modal-trigger-btn,
1865
+ .premium-modal-box-modal-lower-close {
1866
+ display: inline-block;
1867
+ padding: 6px 12px;
1868
+ margin-bottom: 0;
1869
+ font-size: 14px;
1870
+ font-weight: normal;
1871
+ line-height: 1.42857143;
1872
+ text-align: center;
1873
+ white-space: nowrap;
1874
+ vertical-align: middle;
1875
+ -ms-touch-action: manipulation;
1876
+ touch-action: manipulation;
1877
+ cursor: pointer;
1878
+ -webkit-user-select: none;
1879
+ -moz-user-select: none;
1880
+ -ms-user-select: none;
1881
+ user-select: none;
1882
+ background-image: none;
1883
+ border: 1px solid transparent; }
1884
+
1885
+ .premium-modal-trigger-btn > svg,
1886
+ .premium-modal-trigger-btn .premium-modal-box-icon {
1887
+ -webkit-transition: all 0.3s ease-in-out;
1888
+ transition: all 0.3s ease-in-out; }
1889
+
1890
+ .premium-modal-trigger-btn > svg {
1891
+ width: 30px;
1892
+ height: 30px; }
1893
+
1894
+ .premium-modal-box-modal-close {
1895
+ float: right;
1896
+ font-size: 21px;
1897
+ font-weight: bold;
1898
+ line-height: 1;
1899
+ color: #000; }
1900
+ .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus {
1901
+ color: #000;
1902
+ text-decoration: none;
1903
+ cursor: pointer; }
1904
+
1905
+ button.premium-modal-box-modal-close {
1906
+ -webkit-appearance: none;
1907
+ padding: 0;
1908
+ cursor: pointer;
1909
+ background: transparent;
1910
+ border: 0; }
1911
+
1912
+ .premium-modal-box-modal {
1913
+ position: fixed;
1914
+ top: 0;
1915
+ right: 0;
1916
+ bottom: 0;
1917
+ left: 0;
1918
+ z-index: 1050;
1919
+ display: none;
1920
+ -webkit-overflow-scrolling: touch;
1921
+ outline: 0;
1922
+ padding: 0 !important;
1923
+ background: rgba(0, 0, 0, 0.5);
1924
+ -webkit-box-align: center;
1925
+ -webkit-align-items: center;
1926
+ -moz-box-align: center;
1927
+ -ms-flex-align: center;
1928
+ align-items: center;
1929
+ -webkit-box-pack: center;
1930
+ -webkit-justify-content: center;
1931
+ -moz-box-pack: center;
1932
+ -ms-flex-pack: center;
1933
+ justify-content: center; }
1934
+ .premium-modal-box-modal .premium-modal-box-modal-dialog {
1935
+ position: absolute;
1936
+ max-height: -webkit-calc(100vh - 150px);
1937
+ max-height: calc(100vh - 150px);
1938
+ -js-display: flex;
1939
+ display: -webkit-box;
1940
+ display: -webkit-flex;
1941
+ display: -moz-box;
1942
+ display: -ms-flexbox;
1943
+ display: flex;
1944
+ -webkit-box-orient: vertical;
1945
+ -webkit-box-direction: normal;
1946
+ -webkit-flex-direction: column;
1947
+ -moz-box-orient: vertical;
1948
+ -moz-box-direction: normal;
1949
+ -ms-flex-direction: column;
1950
+ flex-direction: column;
1951
+ opacity: 0;
1952
+ background-color: #fff;
1953
+ border: 1px solid rgba(0, 0, 0, 0.2);
1954
+ -webkit-border-radius: 6px;
1955
+ border-radius: 6px; }
1956
+
1957
+ .premium-modal-box-modal-content {
1958
+ background-clip: padding-box;
1959
+ outline: 0;
1960
+ overflow-x: hidden; }
1961
+
1962
+ .premium-modal-backdrop.premium-in {
1963
+ filter: alpha(opacity=50);
1964
+ opacity: 0.5 !important; }
1965
+
1966
+ .premium-in {
1967
+ opacity: 1; }
1968
+
1969
+ .premium-modal-backdrop {
1970
+ position: fixed;
1971
+ top: 0;
1972
+ right: 0;
1973
+ bottom: 0;
1974
+ left: 0;
1975
+ z-index: 1040;
1976
+ background-color: #000; }
1977
+
1978
+ .premium-in {
1979
+ -js-display: flex !important;
1980
+ display: -webkit-box !important;
1981
+ display: -webkit-flex !important;
1982
+ display: -moz-box !important;
1983
+ display: -ms-flexbox !important;
1984
+ display: flex !important; }
1985
+
1986
+ .premium-modal-box-modal-header {
1987
+ -js-display: flex;
1988
+ display: -webkit-box;
1989
+ display: -webkit-flex;
1990
+ display: -moz-box;
1991
+ display: -ms-flexbox;
1992
+ display: flex;
1993
+ -webkit-box-pack: justify;
1994
+ -webkit-justify-content: space-between;
1995
+ -moz-box-pack: justify;
1996
+ -ms-flex-pack: justify;
1997
+ justify-content: space-between;
1998
+ -webkit-box-align: center;
1999
+ -webkit-align-items: center;
2000
+ -moz-box-align: center;
2001
+ -ms-flex-align: center;
2002
+ align-items: center;
2003
+ padding: 5px 15px;
2004
+ border-bottom: 1px solid #e5e5e5; }
2005
+ .premium-modal-box-modal-header .premium-modal-box-modal-close {
2006
+ margin-top: -2px; }
2007
+ .premium-modal-box-modal-header .premium-modal-box-modal-title {
2008
+ -js-display: flex;
2009
+ display: -webkit-box;
2010
+ display: -webkit-flex;
2011
+ display: -moz-box;
2012
+ display: -ms-flexbox;
2013
+ display: flex;
2014
+ -webkit-box-align: center;
2015
+ -webkit-align-items: center;
2016
+ -moz-box-align: center;
2017
+ -ms-flex-align: center;
2018
+ align-items: center;
2019
+ margin: 0;
2020
+ padding: 0; }
2021
+ .premium-modal-box-modal-header .premium-modal-box-modal-title svg {
2022
+ width: 50px;
2023
+ height: 60px; }
2024
+
2025
+ .premium-modal-box-modal-body {
2026
+ position: relative;
2027
+ padding: 15px; }
2028
+
2029
+ .premium-modal-box-modal-footer {
2030
+ padding: 15px;
2031
+ text-align: right;
2032
+ border-top: 1px solid #e5e5e5; }
2033
+
2034
+ .premium-modal-scrollbar-measure {
2035
+ position: absolute;
2036
+ top: -9999px;
2037
+ width: 50px;
2038
+ height: 50px;
2039
+ overflow: scroll; }
2040
+
2041
+ .premium-modal-trigger-text {
2042
+ background: none !important;
2043
+ display: inline-block; }
2044
+
2045
+ .premium-modal-box-container {
2046
+ width: 100% !important; }
2047
+
2048
+ /*Open Modal Button Style*/
2049
+ .premium-modal-trigger-container .premium-modal-trigger-btn {
2050
+ -js-display: inline-flex;
2051
+ display: -webkit-inline-box;
2052
+ display: -webkit-inline-flex;
2053
+ display: -moz-inline-box;
2054
+ display: -ms-inline-flexbox;
2055
+ display: inline-flex;
2056
+ -webkit-box-align: center;
2057
+ -webkit-align-items: center;
2058
+ -moz-box-align: center;
2059
+ -ms-flex-align: center;
2060
+ align-items: center;
2061
+ border: none;
2062
+ -webkit-transition: all 0.3s ease-in-out;
2063
+ transition: all 0.3s ease-in-out; }
2064
+ .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block {
2065
+ -webkit-box-pack: center;
2066
+ -webkit-justify-content: center;
2067
+ -moz-box-pack: center;
2068
+ -ms-flex-pack: center;
2069
+ justify-content: center; }
2070
+
2071
+ .premium-modal-trigger-container .premium-modal-trigger-img,
2072
+ .premium-modal-trigger-container .premium-modal-trigger-text,
2073
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2074
+ cursor: pointer; }
2075
+
2076
+ .premium-modal-trigger-container .premium-modal-trigger-animation {
2077
+ display: inline-block;
2078
+ width: 200px;
2079
+ height: 200px;
2080
+ -webkit-transition: all 0.3s ease-in-out;
2081
+ transition: all 0.3s ease-in-out; }
2082
+
2083
+ /*Image on Modal Header Style*/
2084
+ .premium-modal-box-modal-header img {
2085
+ width: 48px;
2086
+ padding-right: 5px; }
2087
+
2088
+ .premium-modal-box-modal-header i,
2089
+ .premium-modal-box-modal-header svg {
2090
+ padding-right: 6px; }
2091
+
2092
+ .premium-modal-box-modal-close {
2093
+ position: relative;
2094
+ z-index: 99; }
2095
+
2096
+ .premium-modal-trigger-img,
2097
+ .premium-modal-trigger-text,
2098
+ .premium-modal-box-close-button-container,
2099
+ .premium-modal-box-modal-close,
2100
+ .premium-modal-box-modal-lower-close {
2101
+ -webkit-transition: all 0.3s ease-in-out;
2102
+ transition: all 0.3s ease-in-out; }
2103
+
2104
+ @media (min-width: 768px) {
2105
+ .premium-modal-box-modal-dialog {
2106
+ width: 700px;
2107
+ max-height: 600px;
2108
+ overflow: auto; } }
2109
+
2110
+ @media (max-width: 767px) {
2111
+ .premium-modal-box-modal-dialog {
2112
+ width: 100%;
2113
+ max-height: 500px;
2114
+ overflow: auto; } }
2115
+
2116
+ .premium-modal-box-container[data-modal-animation*="animated-"] {
2117
+ opacity: 0; }
2118
+
2119
+ /**************** Premium Progress Bar ****************/
2120
+ /******************************************************/
2121
+ .premium-progressbar-container {
2122
+ position: relative; }
2123
+
2124
+ .premium-progressbar-bar-wrap {
2125
+ position: relative;
2126
+ text-align: left;
2127
+ overflow: hidden;
2128
+ height: 25px;
2129
+ margin-bottom: 50px;
2130
+ background-color: #f5f5f5;
2131
+ -webkit-border-radius: 4px;
2132
+ border-radius: 4px;
2133
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
2134
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
2135
+ .premium-progressbar-bar-wrap.premium-progressbar-dots {
2136
+ background-color: transparent;
2137
+ width: 100%;
2138
+ -js-display: flex;
2139
+ display: -webkit-box;
2140
+ display: -webkit-flex;
2141
+ display: -moz-box;
2142
+ display: -ms-flexbox;
2143
+ display: flex;
2144
+ height: auto;
2145
+ -webkit-box-shadow: none;
2146
+ box-shadow: none; }
2147
+ .premium-progressbar-bar-wrap .progress-segment {
2148
+ position: relative;
2149
+ width: 25px;
2150
+ height: 25px;
2151
+ -webkit-border-radius: 50%;
2152
+ border-radius: 50%;
2153
+ overflow: hidden;
2154
+ background-color: #f5f5f5; }
2155
+ .premium-progressbar-bar-wrap .progress-segment.filled {
2156
+ background: #6ec1e4; }
2157
+ .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) {
2158
+ margin: 0 4px; }
2159
+ .premium-progressbar-bar-wrap .progress-segment:first-child {
2160
+ margin-right: 4px; }
2161
+ .premium-progressbar-bar-wrap .progress-segment:last-child {
2162
+ margin-left: 4px; }
2163
+ .premium-progressbar-bar-wrap .progress-segment .segment-inner {
2164
+ position: absolute;
2165
+ top: 0;
2166
+ left: 0;
2167
+ height: 100%;
2168
+ background-color: #6ec1e4; }
2169
+
2170
+ .premium-progressbar-bar {
2171
+ float: left;
2172
+ width: 0%;
2173
+ height: 100%;
2174
+ font-size: 12px;
2175
+ line-height: 20px;
2176
+ background: #6ec1e4;
2177
+ text-align: center;
2178
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
2179
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
2180
+
2181
+ .premium-progressbar-striped .premium-progressbar-bar {
2182
+ background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2183
+ background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2184
+ -webkit-background-size: 40px 40px;
2185
+ background-size: 40px 40px; }
2186
+
2187
+ .premium-progressbar-active .premium-progressbar-bar {
2188
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
2189
+ animation: progress-bar-stripes 2s linear infinite; }
2190
+
2191
+ .premium-progressbar-gradient .premium-progressbar-bar {
2192
+ -webkit-background-size: 400% 400% !important;
2193
+ background-size: 400% 400% !important;
2194
+ -webkit-animation: progress-bar-gradient 10s ease-in-out infinite;
2195
+ animation: progress-bar-gradient 10s ease-in-out infinite; }
2196
+
2197
+ .premium-progressbar-bar {
2198
+ position: absolute;
2199
+ overflow: hidden;
2200
+ line-height: 20px; }
2201
+
2202
+ .premium-progressbar-container .clearfix {
2203
+ clear: both; }
2204
+
2205
+ .premium-progressbar-bar {
2206
+ -webkit-transition: width 0s ease-in-out !important;
2207
+ transition: width 0s ease-in-out !important; }
2208
+
2209
+ .premium-progressbar-container p:first-of-type {
2210
+ margin: 0;
2211
+ float: left; }
2212
+
2213
+ .premium-progressbar-container p:nth-of-type(2) {
2214
+ margin: 0;
2215
+ float: right; }
2216
+
2217
+ .premium-progressbar-name {
2218
+ left: 50%;
2219
+ top: 0;
2220
+ right: 0;
2221
+ -webkit-transform: translateX(-12.5px);
2222
+ -ms-transform: translateX(-12.5px);
2223
+ transform: translateX(-12.5px);
2224
+ z-index: 1; }
2225
+
2226
+ .premium-progressbar-multiple-label {
2227
+ position: relative;
2228
+ float: left;
2229
+ width: 0;
2230
+ left: 50%; }
2231
+
2232
+ .premium-progressbar-center-label {
2233
+ position: relative;
2234
+ white-space: nowrap; }
2235
+
2236
+ .premium-progressbar-arrow {
2237
+ height: 15px;
2238
+ left: 50%;
2239
+ display: inline-block;
2240
+ border-left: 7px solid transparent;
2241
+ border-right: 7px solid transparent;
2242
+ border-top: 11px solid;
2243
+ -webkit-transform: translateX(-50%);
2244
+ -ms-transform: translateX(-50%);
2245
+ transform: translateX(-50%); }
2246
+
2247
+ .premium-progressbar-pin {
2248
+ border-left: 1px solid;
2249
+ height: 12px;
2250
+ left: 50%;
2251
+ display: inline-block; }
2252
+
2253
+ /**
2254
+ * Circle Progress Bar
2255
+ */
2256
+ .premium-progressbar-circle-wrap {
2257
+ width: 200px;
2258
+ height: 200px;
2259
+ position: relative;
2260
+ margin: 0 auto; }
2261
+ .premium-progressbar-circle-wrap .premium-progressbar-circle {
2262
+ position: absolute;
2263
+ top: 0;
2264
+ left: 0;
2265
+ width: 100%;
2266
+ height: 100%;
2267
+ -webkit-clip-path: inset(0 0 0 50%);
2268
+ clip-path: inset(0 0 0 50%); }
2269
+ .premium-progressbar-circle-wrap .premium-progressbar-circle div {
2270
+ position: absolute;
2271
+ left: 0;
2272
+ top: 0;
2273
+ height: 100%;
2274
+ width: 100%;
2275
+ border-width: 6px;
2276
+ border-style: solid;
2277
+ border-color: #54595f;
2278
+ -webkit-border-radius: 50%;
2279
+ border-radius: 50%;
2280
+ -webkit-clip-path: inset(0 50% 0 0);
2281
+ clip-path: inset(0 50% 0 0); }
2282
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left {
2283
+ -webkit-transform: rotate(0);
2284
+ -ms-transform: rotate(0);
2285
+ transform: rotate(0); }
2286
+ .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right {
2287
+ -webkit-transform: rotate(180deg);
2288
+ -ms-transform: rotate(180deg);
2289
+ transform: rotate(180deg);
2290
+ visibility: hidden; }
2291
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-base {
2292
+ width: 100%;
2293
+ height: 100%;
2294
+ border: 6px solid #eee;
2295
+ -webkit-border-radius: 50%;
2296
+ border-radius: 50%; }
2297
+ .premium-progressbar-circle-wrap .premium-progressbar-circle-content {
2298
+ position: absolute;
2299
+ top: 0;
2300
+ left: 0;
2301
+ width: 100%;
2302
+ height: 100%;
2303
+ -js-display: flex;
2304
+ display: -webkit-box;
2305
+ display: -webkit-flex;
2306
+ display: -moz-box;
2307
+ display: -ms-flexbox;
2308
+ display: flex;
2309
+ -webkit-box-orient: vertical;
2310
+ -webkit-box-direction: normal;
2311
+ -webkit-flex-direction: column;
2312
+ -moz-box-orient: vertical;
2313
+ -moz-box-direction: normal;
2314
+ -ms-flex-direction: column;
2315
+ flex-direction: column;
2316
+ -webkit-box-pack: center;
2317
+ -webkit-justify-content: center;
2318
+ -moz-box-pack: center;
2319
+ -ms-flex-pack: center;
2320
+ justify-content: center;
2321
+ -webkit-box-align: center;
2322
+ -webkit-align-items: center;
2323
+ -moz-box-align: center;
2324
+ -ms-flex-align: center;
2325
+ align-items: center; }
2326
+ .premium-progressbar-circle-wrap .premium-lottie-animation {
2327
+ line-height: 1; }
2328
+
2329
+ @-webkit-keyframes progress-bar-stripes {
2330
+ from {
2331
+ background-position: 0 0; }
2332
+ to {
2333
+ background-position: 40px 0; } }
2334
+
2335
+ @keyframes progress-bar-stripes {
2336
+ from {
2337
+ background-position: 0 0; }
2338
+ to {
2339
+ background-position: 40px 0; } }
2340
+
2341
+ @-webkit-keyframes progress-bar-gradient {
2342
+ 0% {
2343
+ background-position: 0% 50%; }
2344
+ 50% {
2345
+ background-position: 100% 50%; }
2346
+ 100% {
2347
+ background-position: 0% 50%; } }
2348
+
2349
+ @keyframes progress-bar-gradient {
2350
+ 0% {
2351
+ background-position: 0% 50%; }
2352
+ 50% {
2353
+ background-position: 100% 50%; }
2354
+ 100% {
2355
+ background-position: 0% 50%; } }
2356
+
2357
+ /**************** Premium Testimonials ****************/
2358
+ /******************************************************/
2359
+ .premium-testimonial-box {
2360
+ width: 100%;
2361
+ background: transparent;
2362
+ -webkit-transition: all 0.3s ease-in-out;
2363
+ transition: all 0.3s ease-in-out; }
2364
+ .premium-testimonial-box .premium-testimonial-author-info {
2365
+ -js-display: flex;
2366
+ display: -webkit-box;
2367
+ display: -webkit-flex;
2368
+ display: -moz-box;
2369
+ display: -ms-flexbox;
2370
+ display: flex;
2371
+ -webkit-box-pack: center;
2372
+ -webkit-justify-content: center;
2373
+ -moz-box-pack: center;
2374
+ -ms-flex-pack: center;
2375
+ justify-content: center;
2376
+ -webkit-box-align: center;
2377
+ -webkit-align-items: center;
2378
+ -moz-box-align: center;
2379
+ -ms-flex-align: center;
2380
+ align-items: center; }
2381
+ .premium-testimonial-box .premium-testimonial-person-name,
2382
+ .premium-testimonial-box .premium-testimonial-company-name {
2383
+ font-weight: 600;
2384
+ margin: 0; }
2385
+
2386
+ .premium-testimonial-container {
2387
+ position: relative; }
2388
+
2389
+ .premium-testimonial-img-wrapper {
2390
+ margin-left: auto;
2391
+ margin-right: auto;
2392
+ overflow: hidden;
2393
+ border-style: solid !important; }
2394
+ .premium-testimonial-img-wrapper.circle {
2395
+ -webkit-border-radius: 50%;
2396
+ border-radius: 50%; }
2397
+ .premium-testimonial-img-wrapper.rounded {
2398
+ -webkit-border-radius: 15px;
2399
+ border-radius: 15px; }
2400
+ .premium-testimonial-img-wrapper img {
2401
+ -o-object-fit: cover;
2402
+ object-fit: cover;
2403
+ width: 100%;
2404
+ height: 100% !important; }
2405
+
2406
+ .premium-testimonial-content-wrapper {
2407
+ position: relative;
2408
+ -js-display: flex;
2409
+ display: -webkit-box;
2410
+ display: -webkit-flex;
2411
+ display: -moz-box;
2412
+ display: -ms-flexbox;
2413
+ display: flex;
2414
+ -webkit-box-orient: vertical;
2415
+ -webkit-box-direction: normal;
2416
+ -webkit-flex-direction: column;
2417
+ -moz-box-orient: vertical;
2418
+ -moz-box-direction: normal;
2419
+ -ms-flex-direction: column;
2420
+ flex-direction: column;
2421
+ z-index: 2;
2422
+ width: 100%;
2423
+ padding: 20px;
2424
+ text-align: center; }
2425
+
2426
+ .premium-testimonial-clear-float {
2427
+ clear: both; }
2428
+
2429
+ .premium-testimonial-upper-quote,
2430
+ .premium-testimonial-lower-quote {
2431
+ position: absolute;
2432
+ z-index: 1; }
2433
+
2434
+ /**************** Premium Dual Heading *****************/
2435
+ /*******************************************************/
2436
+ .premium-dual-header-first-header,
2437
+ .premium-dual-header-second-header {
2438
+ position: relative;
2439
+ padding: 0;
2440
+ margin: 0;
2441
+ display: inline-block;
2442
+ -webkit-transform: translate(0, 0);
2443
+ -ms-transform: translate(0, 0);
2444
+ transform: translate(0, 0); }
2445
+
2446
+ .premium-dual-header-first-clip .premium-dual-header-first-span,
2447
+ .premium-dual-header-second-clip {
2448
+ -webkit-text-fill-color: transparent;
2449
+ -webkit-background-clip: text;
2450
+ background-clip: text; }
2451
+
2452
+ .premium-dual-header-first-clip.stroke .premium-dual-header-first-span,
2453
+ .premium-dual-header-second-clip.stroke {
2454
+ -webkit-text-stroke-color: transparent;
2455
+ -webkit-text-fill-color: #fafafa;
2456
+ -webkit-text-stroke-width: 2px; }
2457
+
2458
+ @media (max-width: 500px) {
2459
+ .premium-dual-header-first-header,
2460
+ .premium-dual-header-second-header {
2461
+ word-wrap: break-word; } }
2462
+
2463
+ .premium-dual-header-first-header.gradient .premium-dual-header-first-span,
2464
+ .premium-dual-header-second-header.gradient {
2465
+ -webkit-background-size: 300% 300% !important;
2466
+ background-size: 300% 300% !important;
2467
+ -webkit-animation: Gradient 10s ease-in-out infinite;
2468
+ animation: Gradient 10s ease-in-out infinite; }
2469
+
2470
+ @-webkit-keyframes Gradient {
2471
+ 0% {
2472
+ background-position: 0% 50%; }
2473
+ 50% {
2474
+ background-position: 100% 50%; }
2475
+ 100% {
2476
+ background-position: 0% 50%; } }
2477
+
2478
+ @keyframes Gradient {
2479
+ 0% {
2480
+ background-position: 0% 50%; }
2481
+ 50% {
2482
+ background-position: 100% 50%; }
2483
+ 100% {
2484
+ background-position: 0% 50%; } }
2485
+
2486
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span,
2487
+ .premium-mask-yes.premium-header-inline .premium-dual-header-first-span {
2488
+ display: inline-block !important; }
2489
+
2490
+ /**************** Premium Title ****************/
2491
+ /***********************************************/
2492
+ .premium-title-container {
2493
+ position: relative;
2494
+ width: 100%;
2495
+ clear: both; }
2496
+ .premium-title-container .premium-title-header {
2497
+ position: relative;
2498
+ margin: 0;
2499
+ padding: 10px; }
2500
+ .premium-title-container .premium-title-header:not(.premium-title-style7) {
2501
+ -webkit-box-align: center;
2502
+ -webkit-align-items: center;
2503
+ -moz-box-align: center;
2504
+ -ms-flex-align: center;
2505
+ align-items: center; }
2506
+ .premium-title-container .premium-title-header svg {
2507
+ width: 40px;
2508
+ height: 40px; }
2509
+ .premium-title-container .premium-title-header img {
2510
+ width: 40px;
2511
+ height: 40px;
2512
+ -o-object-fit: cover;
2513
+ object-fit: cover; }
2514
+ .premium-title-container .premium-title-header a {
2515
+ position: absolute;
2516
+ top: 0;
2517
+ left: 0;
2518
+ width: 100%;
2519
+ height: 100%; }
2520
+ .premium-title-container .premium-lottie-animation {
2521
+ -js-display: flex;
2522
+ display: -webkit-box;
2523
+ display: -webkit-flex;
2524
+ display: -moz-box;
2525
+ display: -ms-flexbox;
2526
+ display: flex; }
2527
+
2528
+ .premium-title-icon-row .premium-title-icon {
2529
+ margin-right: 10px; }
2530
+
2531
+ .premium-title-icon-row-reverse .premium-title-icon {
2532
+ margin-left: 10px; }
2533
+
2534
+ .premium-title-style3,
2535
+ .premium-title-style4 {
2536
+ -js-display: flex;
2537
+ display: -webkit-box;
2538
+ display: -webkit-flex;
2539
+ display: -moz-box;
2540
+ display: -ms-flexbox;
2541
+ display: flex; }
2542
+
2543
+ .premium-title-style1,
2544
+ .premium-title-style2,
2545
+ .premium-title-style5,
2546
+ .premium-title-style6,
2547
+ .premium-title-style8,
2548
+ .premium-title-style9 {
2549
+ -js-display: inline-flex;
2550
+ display: -webkit-inline-box;
2551
+ display: -webkit-inline-flex;
2552
+ display: -moz-inline-box;
2553
+ display: -ms-inline-flexbox;
2554
+ display: inline-flex; }
2555
+
2556
+ .premium-title-style7 {
2557
+ -js-display: inline-flex;
2558
+ display: -webkit-inline-box;
2559
+ display: -webkit-inline-flex;
2560
+ display: -moz-inline-box;
2561
+ display: -ms-inline-flexbox;
2562
+ display: inline-flex;
2563
+ -webkit-box-orient: vertical;
2564
+ -webkit-box-direction: normal;
2565
+ -webkit-flex-direction: column;
2566
+ -moz-box-orient: vertical;
2567
+ -moz-box-direction: normal;
2568
+ -ms-flex-direction: column;
2569
+ flex-direction: column; }
2570
+ .premium-title-style7 .premium-title-style7-inner {
2571
+ -js-display: flex;
2572
+ display: -webkit-box;
2573
+ display: -webkit-flex;
2574
+ display: -moz-box;
2575
+ display: -ms-flexbox;
2576
+ display: flex;
2577
+ -webkit-box-align: center;
2578
+ -webkit-align-items: center;
2579
+ -moz-box-align: center;
2580
+ -ms-flex-align: center;
2581
+ align-items: center; }
2582
+
2583
+ .premium-title-style1 {
2584
+ border-width: 0;
2585
+ border-left: 3px solid #6ec1e4; }
2586
+
2587
+ .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 {
2588
+ border-bottom: 3px solid #6ec1e4; }
2589
+
2590
+ /*Style 6 Header*/
2591
+ .premium-title-style6:before {
2592
+ position: absolute;
2593
+ left: 50%;
2594
+ bottom: 0;
2595
+ margin-left: -2px;
2596
+ content: "";
2597
+ border: 3px solid transparent; }
2598
+
2599
+ /*Style 6 Trinagle*/
2600
+ .premium-title-style7-stripe-wrap {
2601
+ -js-display: flex;
2602
+ display: -webkit-box;
2603
+ display: -webkit-flex;
2604
+ display: -moz-box;
2605
+ display: -ms-flexbox;
2606
+ display: flex; }
2607
+
2608
+ .premium-title-style7:before {
2609
+ display: none; }
2610
+
2611
+ .premium-title-style8 .premium-title-text[data-animation="shiny"] {
2612
+ -webkit-background-size: 125px 125px !important;
2613
+ background-size: 125px !important;
2614
+ color: rgba(255, 255, 255, 0);
2615
+ -webkit-background-clip: text !important;
2616
+ background-clip: text !important;
2617
+ -webkit-animation-name: pa-shinny-text !important;
2618
+ animation-name: pa-shinny-text !important;
2619
+ -webkit-animation-duration: var(--animation-speed) !important;
2620
+ animation-duration: var(--animation-speed) !important;
2621
+ -webkit-animation-iteration-count: infinite !important;
2622
+ animation-iteration-count: infinite !important;
2623
+ background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; }
2624
+
2625
+ @-webkit-keyframes pa-shinny-text {
2626
+ 0% {
2627
+ background-position: 0%; }
2628
+ 100% {
2629
+ background-position: 200%; } }
2630
+
2631
+ @keyframes pa-shinny-text {
2632
+ 0% {
2633
+ background-position: 0%; }
2634
+ 100% {
2635
+ background-position: 200%; } }
2636
+
2637
+ .premium-title-style9[data-animation-blur="process"] .premium-title-style9-letter {
2638
+ -webkit-animation: pa-blur-shadow 2s 1 alternate;
2639
+ animation: pa-blur-shadow 2s 1 alternate; }
2640
+
2641
+ @-webkit-keyframes pa-blur-shadow {
2642
+ from {
2643
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2644
+ color: transparent; }
2645
+ to {
2646
+ text-shadow: 0; } }
2647
+
2648
+ @keyframes pa-blur-shadow {
2649
+ from {
2650
+ text-shadow: 0 0 var(--shadow-value) var(--shadow-color);
2651
+ color: transparent; }
2652
+ to {
2653
+ text-shadow: 0; } }
2654
+
2655
+ .premium-title-gradient-yes .premium-title-text,
2656
+ .premium-title-gradient-yes .premium-title-icon {
2657
+ -webkit-background-clip: text;
2658
+ -webkit-text-fill-color: transparent;
2659
+ background-image: -webkit-gradient(linear, left top, right top, from(#ffa648), color-stop(#f17cc1), to(#4da9fd));
2660
+ background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd);
2661
+ background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd);
2662
+ -webkit-animation: pa-text-gradient 8s infinite;
2663
+ animation: pa-text-gradient 8s infinite; }
2664
+
2665
+ .premium-title-clipped .premium-title-header {
2666
+ -webkit-text-fill-color: transparent;
2667
+ -webkit-background-clip: text;
2668
+ background-clip: text; }
2669
+
2670
+ @-webkit-keyframes pa-text-gradient {
2671
+ 0%,
2672
+ 100% {
2673
+ -webkit-filter: hue-rotate(0deg);
2674
+ filter: hue-rotate(0deg); }
2675
+ 50% {
2676
+ -webkit-filter: hue-rotate(360deg);
2677
+ filter: hue-rotate(360deg); } }
2678
+
2679
+ @keyframes pa-text-gradient {
2680
+ 0%,
2681
+ 100% {
2682
+ -webkit-filter: hue-rotate(0deg);
2683
+ filter: hue-rotate(0deg); }
2684
+ 50% {
2685
+ -webkit-filter: hue-rotate(360deg);
2686
+ filter: hue-rotate(360deg); } }
2687
+
2688
+ /*
2689
+ * Common Title/Dual Heading
2690
+ */
2691
+ .premium-title-bg-text:before {
2692
+ position: absolute;
2693
+ content: attr(data-background);
2694
+ top: 0;
2695
+ left: 0;
2696
+ text-align: left; }
2697
+
2698
+ .premium-bg-text-yes .elementor-widget-container:before {
2699
+ position: absolute;
2700
+ top: 0;
2701
+ left: 0;
2702
+ text-align: left; }
2703
+
2704
+ .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span,
2705
+ .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span {
2706
+ background: inherit; }
2707
+
2708
+ .premium-mask-yes .premium-mask-span {
2709
+ position: relative;
2710
+ overflow: hidden;
2711
+ -js-display: inline-flex !important;
2712
+ display: -webkit-inline-box !important;
2713
+ display: -webkit-inline-flex !important;
2714
+ display: -moz-inline-box !important;
2715
+ display: -ms-inline-flexbox !important;
2716
+ display: inline-flex !important; }
2717
+ .premium-mask-yes .premium-mask-span::after {
2718
+ content: "";
2719
+ position: absolute;
2720
+ top: 0;
2721
+ right: 0px;
2722
+ width: 100%;
2723
+ height: 100%;
2724
+ background-color: currentColor;
2725
+ -webkit-backface-visibility: visible;
2726
+ backface-visibility: visible; }
2727
+
2728
+ .premium-mask-active.premium-mask-tr .premium-mask-span::after {
2729
+ -webkit-animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2730
+ animation: pa-mask-tr 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2731
+ -webkit-transform: translateX(-103%);
2732
+ -ms-transform: translateX(-103%);
2733
+ transform: translateX(-103%); }
2734
+
2735
+ .premium-mask-active.premium-mask-tl .premium-mask-span::after {
2736
+ -webkit-animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2737
+ animation: pa-mask-tl 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2738
+ -webkit-transform: translateX(103%);
2739
+ -ms-transform: translateX(103%);
2740
+ transform: translateX(103%); }
2741
+
2742
+ .premium-mask-active.premium-mask-tb .premium-mask-span::after {
2743
+ -webkit-animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2744
+ animation: pa-mask-tb 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2745
+ -webkit-transform: translateY(-103%);
2746
+ -ms-transform: translateY(-103%);
2747
+ transform: translateY(-103%); }
2748
+
2749
+ .premium-mask-active.premium-mask-tt .premium-mask-span::after {
2750
+ -webkit-animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2751
+ animation: pa-mask-tt 1.7s cubic-bezier(1, 0, 0.18, 1) forwards;
2752
+ -webkit-transform: translateY(103%);
2753
+ -ms-transform: translateY(103%);
2754
+ transform: translateY(103%); }
2755
+
2756
+ @-webkit-keyframes pa-mask-tr {
2757
+ 0% {
2758
+ -webkit-transform: translateX(0%);
2759
+ transform: translateX(0%); }
2760
+ 100% {
2761
+ -webkit-transform: translateX(103%);
2762
+ transform: translateX(103%); } }
2763
+
2764
+ @keyframes pa-mask-tr {
2765
+ 0% {
2766
+ -webkit-transform: translateX(0%);
2767
+ transform: translateX(0%); }
2768
+ 100% {
2769
+ -webkit-transform: translateX(103%);
2770
+ transform: translateX(103%); } }
2771
+
2772
+ @-webkit-keyframes pa-mask-tl {
2773
+ 0% {
2774
+ -webkit-transform: translateX(0%);
2775
+ transform: translateX(0%); }
2776
+ 100% {
2777
+ -webkit-transform: translateX(-103%);
2778
+ transform: translateX(-103%); } }
2779
+
2780
+ @keyframes pa-mask-tl {
2781
+ 0% {
2782
+ -webkit-transform: translateX(0%);
2783
+ transform: translateX(0%); }
2784
+ 100% {
2785
+ -webkit-transform: translateX(-103%);
2786
+ transform: translateX(-103%); } }
2787
+
2788
+ @-webkit-keyframes pa-mask-tb {
2789
+ 0% {
2790
+ -webkit-transform: translateY(0%);
2791
+ transform: translateY(0%); }
2792
+ 100% {
2793
+ -webkit-transform: translateY(103%);
2794
+ transform: translateY(103%); } }
2795
+
2796
+ @keyframes pa-mask-tb {
2797
+ 0% {
2798
+ -webkit-transform: translateY(0%);
2799
+ transform: translateY(0%); }
2800
+ 100% {
2801
+ -webkit-transform: translateY(103%);
2802
+ transform: translateY(103%); } }
2803
+
2804
+ @-webkit-keyframes pa-mask-tt {
2805
+ 0% {
2806
+ -webkit-transform: translateY(0%);
2807
+ transform: translateY(0%); }
2808
+ 100% {
2809
+ -webkit-transform: translateY(-103%);
2810
+ transform: translateY(-103%); } }
2811
+
2812
+ @keyframes pa-mask-tt {
2813
+ 0% {
2814
+ -webkit-transform: translateY(0%);
2815
+ transform: translateY(0%); }
2816
+ 100% {
2817
+ -webkit-transform: translateY(-103%);
2818
+ transform: translateY(-103%); } }
2819
+
2820
+ /**************** Premium Video Box ************/
2821
+ /***********************************************/
2822
+ .premium-video-box-transform {
2823
+ -webkit-transform: none !important;
2824
+ -ms-transform: none !important;
2825
+ transform: none !important; }
2826
+
2827
+ .premium-video-box-container {
2828
+ -js-display: flex;
2829
+ display: -webkit-box;
2830
+ display: -webkit-flex;
2831
+ display: -moz-box;
2832
+ display: -ms-flexbox;
2833
+ display: flex;
2834
+ -webkit-box-orient: vertical;
2835
+ -webkit-box-direction: normal;
2836
+ -webkit-flex-direction: column;
2837
+ -moz-box-orient: vertical;
2838
+ -moz-box-direction: normal;
2839
+ -ms-flex-direction: column;
2840
+ flex-direction: column; }
2841
+
2842
+ .premium-video-box-container > div {
2843
+ position: relative;
2844
+ overflow: hidden; }
2845
+
2846
+ .pa-aspect-ratio-11 .premium-video-box-container > div {
2847
+ padding-bottom: 100%; }
2848
+
2849
+ .pa-aspect-ratio-169 .premium-video-box-container > div {
2850
+ padding-bottom: 56.25%; }
2851
+
2852
+ .pa-aspect-ratio-43 .premium-video-box-container > div {
2853
+ padding-bottom: 75%; }
2854
+
2855
+ .pa-aspect-ratio-32 .premium-video-box-container > div {
2856
+ padding-bottom: 66.6666%; }
2857
+
2858
+ .pa-aspect-ratio-219 .premium-video-box-container > div {
2859
+ padding-bottom: 42.8571%; }
2860
+
2861
+ .pa-aspect-ratio-916 .premium-video-box-container > div {
2862
+ padding-bottom: 177.8%; }
2863
+
2864
+ .premium-video-box-image-container {
2865
+ position: absolute;
2866
+ top: 0;
2867
+ left: 0;
2868
+ bottom: 0;
2869
+ right: 0;
2870
+ width: 100%;
2871
+ height: 100%;
2872
+ -webkit-background-size: cover;
2873
+ background-size: cover;
2874
+ background-position: 50%;
2875
+ cursor: pointer;
2876
+ margin: auto;
2877
+ -webkit-transition: 0.2s all;
2878
+ transition: 0.2s all; }
2879
+
2880
+ .premium-video-box-play-icon-container {
2881
+ position: absolute;
2882
+ z-index: 2;
2883
+ cursor: pointer;
2884
+ -webkit-transform: translate(-50%, -50%);
2885
+ -ms-transform: translate(-50%, -50%);
2886
+ transform: translate(-50%, -50%);
2887
+ background: rgba(252, 252, 252, 0.35); }
2888
+
2889
+ .premium-video-box-description-container {
2890
+ position: absolute;
2891
+ z-index: 2;
2892
+ padding: 5px;
2893
+ text-align: center;
2894
+ cursor: pointer;
2895
+ -webkit-transform: translate(-50%, -50%);
2896
+ -ms-transform: translate(-50%, -50%);
2897
+ transform: translate(-50%, -50%); }
2898
+
2899
+ .premium-video-box-text {
2900
+ margin-bottom: 0 !important;
2901
+ -webkit-transition: all 0.3s ease-in-out;
2902
+ transition: all 0.3s ease-in-out; }
2903
+
2904
+ .premium-video-box-play-icon {
2905
+ padding: 15px;
2906
+ -webkit-transform: translateX(4%);
2907
+ -ms-transform: translateX(4%);
2908
+ transform: translateX(4%);
2909
+ -webkit-transition: all 0.3s ease-in-out;
2910
+ transition: all 0.3s ease-in-out; }
2911
+
2912
+ .premium-video-box-video-container {
2913
+ position: absolute;
2914
+ top: 0;
2915
+ left: 0;
2916
+ z-index: 2;
2917
+ width: 100%;
2918
+ height: 100%;
2919
+ -webkit-transition: opacity 0.8s ease-in-out;
2920
+ transition: opacity 0.8s ease-in-out;
2921
+ overflow: hidden;
2922
+ cursor: pointer; }
2923
+
2924
+ .premium-video-box-container[data-overlay="true"][data-type="self"] .premium-video-box-video-container {
2925
+ opacity: 0;
2926
+ visibility: hidden; }
2927
+
2928
+ .premium-video-box-video-container iframe {
2929
+ max-width: 100%;
2930
+ width: 100%;
2931
+ height: 100%;
2932
+ margin: 0;
2933
+ line-height: 1;
2934
+ border: none; }
2935
+
2936
+ .premium-video-box-video-container video {
2937
+ max-width: 100%;
2938
+ width: 100%;
2939
+ height: 100%;
2940
+ margin: 0;
2941
+ line-height: 1;
2942
+ border: none;
2943
+ background-color: #000;
2944
+ -o-object-fit: contain;
2945
+ object-fit: contain; }
2946
+
2947
+ .premium-video-box-container .premium-video-box-vimeo-wrap {
2948
+ -js-display: flex;
2949
+ display: -webkit-box;
2950
+ display: -webkit-flex;
2951
+ display: -moz-box;
2952
+ display: -ms-flexbox;
2953
+ display: flex;
2954
+ position: absolute;
2955
+ top: 0;
2956
+ left: 0;
2957
+ z-index: 3;
2958
+ margin: 10px;
2959
+ margin-right: 10px;
2960
+ -webkit-transition: opacity 0.2s ease-out;
2961
+ transition: opacity 0.2s ease-out;
2962
+ margin-right: 4.6em; }
2963
+
2964
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait {
2965
+ width: 60px;
2966
+ height: 60px;
2967
+ background: rgba(23, 35, 34, 0.75);
2968
+ margin-right: 1px;
2969
+ -webkit-box-flex: 1;
2970
+ -webkit-flex: 1 0 auto;
2971
+ -moz-box-flex: 1;
2972
+ -ms-flex: 1 0 auto;
2973
+ flex: 1 0 auto;
2974
+ padding: 0; }
2975
+
2976
+ .premium-video-box-vimeo-portrait img {
2977
+ width: 50px;
2978
+ height: 50px;
2979
+ margin: 5px;
2980
+ padding: 0;
2981
+ border: 0;
2982
+ -webkit-border-radius: 50%;
2983
+ border-radius: 50%; }
2984
+
2985
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers {
2986
+ font-size: 10px; }
2987
+
2988
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title {
2989
+ max-width: 100%;
2990
+ font-size: 2em !important;
2991
+ font-weight: 700;
2992
+ margin: 0;
2993
+ padding: 0.1em 0.2em;
2994
+ background: rgba(23, 35, 34, 0.75);
2995
+ display: inline-block;
2996
+ text-transform: none;
2997
+ line-height: normal;
2998
+ letter-spacing: normal; }
2999
+
3000
+ .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline {
3001
+ font-size: 1.2em !important;
3002
+ font-weight: 400;
3003
+ color: #fff;
3004
+ margin-top: 0.1em;
3005
+ padding: 0.2em 0.5em;
3006
+ background: rgba(23, 35, 34, 0.75);
3007
+ text-transform: none;
3008
+ line-height: normal;
3009
+ letter-spacing: normal; }
3010
+
3011
+ .premium-video-box-playlist-container {
3012
+ -js-display: flex;
3013
+ display: -webkit-box;
3014
+ display: -webkit-flex;
3015
+ display: -moz-box;
3016
+ display: -ms-flexbox;
3017
+ display: flex;
3018
+ -webkit-flex-wrap: wrap;
3019
+ -ms-flex-wrap: wrap;
3020
+ flex-wrap: wrap; }
3021
+ .premium-video-box-playlist-container .premium-video-box-container {
3022
+ height: 100%;
3023
+ overflow: hidden; }
3024
+
3025
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomin {
3026
+ -webkit-transform: scale(1.1);
3027
+ -ms-transform: scale(1.1);
3028
+ transform: scale(1.1); }
3029
+
3030
+ .premium-video-box-container:hover .premium-video-box-image-container.zoomout {
3031
+ -webkit-transform: scale(1);
3032
+ -ms-transform: scale(1);
3033
+ transform: scale(1); }
3034
+
3035
+ .premium-video-box-container:hover .premium-video-box-image-container.scale {
3036
+ -webkit-transform: scale(1.3) rotate(5deg);
3037
+ -ms-transform: scale(1.3) rotate(5deg);
3038
+ transform: scale(1.3) rotate(5deg); }
3039
+
3040
+ .premium-video-box-container:hover .premium-video-box-image-container.gray {
3041
+ -webkit-filter: grayscale(0%);
3042
+ filter: grayscale(0%); }
3043
+
3044
+ .premium-video-box-container:hover .premium-video-box-image-container.blur {
3045
+ -webkit-filter: blur(3px);
3046
+ filter: blur(3px); }
3047
+
3048
+ .premium-video-box-container:hover .premium-video-box-image-container.sepia {
3049
+ -webkit-filter: sepia(0%);
3050
+ filter: sepia(0%); }
3051
+
3052
+ .premium-video-box-container:hover .premium-video-box-image-container.trans {
3053
+ -webkit-transform: translateX(0px) scale(1.1);
3054
+ -ms-transform: translateX(0px) scale(1.1);
3055
+ transform: translateX(0px) scale(1.1); }
3056
+
3057
+ .premium-video-box-container:hover .premium-video-box-image-container.bright {
3058
+ -webkit-filter: brightness(1.2);
3059
+ filter: brightness(1.2); }
3060
+
3061
+ .premium-video-box-image-container.gray {
3062
+ -webkit-filter: grayscale(100%);
3063
+ filter: grayscale(100%); }
3064
+
3065
+ .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale {
3066
+ -webkit-transform: scale(1.2);
3067
+ -ms-transform: scale(1.2);
3068
+ transform: scale(1.2); }
3069
+
3070
+ .premium-video-box-image-container.sepia {
3071
+ -webkit-filter: sepia(30%);
3072
+ filter: sepia(30%); }
3073
+
3074
+ .premium-video-box-image-container.bright {
3075
+ -webkit-filter: brightness(1);
3076
+ filter: brightness(1); }
3077
+
3078
+ .premium-video-box-image-container.trans {
3079
+ -webkit-transform: translateX(-15px) scale(1.1);
3080
+ -ms-transform: translateX(-15px) scale(1.1);
3081
+ transform: translateX(-15px) scale(1.1); }
3082
+
3083
+ .premium-video-box-mask-media {
3084
+ -webkit-mask-repeat: no-repeat;
3085
+ mask-repeat: no-repeat; }
3086
+
3087
+ /* Sticky Video Option */
3088
+ .premium-video-box-container.premium-video-box-sticky-apply {
3089
+ z-index: 99;
3090
+ overflow: unset; }
3091
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3092
+ position: fixed !important;
3093
+ z-index: 99999;
3094
+ height: 225px;
3095
+ width: 400px;
3096
+ background: #fff; }
3097
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap,
3098
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before {
3099
+ visibility: hidden; }
3100
+ .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap {
3101
+ -webkit-box-shadow: unset;
3102
+ box-shadow: unset; }
3103
+
3104
+ .premium-video-box-sticky-close,
3105
+ .premium-video-box-sticky-infobar {
3106
+ display: none; }
3107
+
3108
+ .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3109
+ position: absolute;
3110
+ padding: 5px;
3111
+ cursor: pointer;
3112
+ z-index: 99999;
3113
+ height: 14px;
3114
+ width: 14px;
3115
+ -webkit-box-sizing: content-box;
3116
+ -moz-box-sizing: content-box;
3117
+ box-sizing: content-box;
3118
+ -webkit-border-radius: 100%;
3119
+ border-radius: 100%;
3120
+ -js-display: flex;
3121
+ display: -webkit-box;
3122
+ display: -webkit-flex;
3123
+ display: -moz-box;
3124
+ display: -ms-flexbox;
3125
+ display: flex;
3126
+ -webkit-box-pack: center;
3127
+ -webkit-justify-content: center;
3128
+ -moz-box-pack: center;
3129
+ -ms-flex-pack: center;
3130
+ justify-content: center;
3131
+ -webkit-box-align: center;
3132
+ -webkit-align-items: center;
3133
+ -moz-box-align: center;
3134
+ -ms-flex-align: center;
3135
+ align-items: center; }
3136
+
3137
+ .premium-video-box-sticky-apply .premium-video-box-play-icon-container {
3138
+ -js-display: flex;
3139
+ display: -webkit-box;
3140
+ display: -webkit-flex;
3141
+ display: -moz-box;
3142
+ display: -ms-flexbox;
3143
+ display: flex; }
3144
+
3145
+ .premium-video-box-sticky-apply .premium-video-box-play-icon {
3146
+ -webkit-transition: none;
3147
+ transition: none; }
3148
+
3149
+ .premium-video-box-sticky-apply .premium-video-box-sticky-infobar {
3150
+ display: block;
3151
+ position: relative;
3152
+ top: 100%;
3153
+ width: 100%;
3154
+ padding: 5px;
3155
+ text-align: center;
3156
+ z-index: 9999;
3157
+ margin-top: -1px; }
3158
+
3159
+ .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable {
3160
+ cursor: move; }
3161
+
3162
+ .premium-video-sticky-top-left
3163
+ .premium-video-box-container.premium-video-box-sticky-apply
3164
+ .premium-video-box-inner-wrap {
3165
+ right: auto;
3166
+ left: 20px;
3167
+ top: 20px; }
3168
+
3169
+ .premium-video-sticky-bottom-left
3170
+ .premium-video-box-container.premium-video-box-sticky-apply
3171
+ .premium-video-box-inner-wrap {
3172
+ right: auto;
3173
+ left: 20px;
3174
+ bottom: 20px; }
3175
+
3176
+ .premium-video-sticky-top-right
3177
+ .premium-video-box-container.premium-video-box-sticky-apply
3178
+ .premium-video-box-inner-wrap {
3179
+ left: auto;
3180
+ right: 20px;
3181
+ top: 20px; }
3182
+
3183
+ .premium-video-sticky-bottom-right
3184
+ .premium-video-box-container.premium-video-box-sticky-apply
3185
+ .premium-video-box-inner-wrap {
3186
+ left: auto;
3187
+ right: 20px;
3188
+ bottom: 20px; }
3189
+
3190
+ .premium-video-sticky-center-left
3191
+ .premium-video-box-container.premium-video-box-sticky-apply
3192
+ .premium-video-box-inner-wrap {
3193
+ right: auto;
3194
+ left: 20px;
3195
+ top: 50%;
3196
+ -webkit-transform: translateY(-50%);
3197
+ -ms-transform: translateY(-50%);
3198
+ transform: translateY(-50%); }
3199
+
3200
+ .premium-video-sticky-center-right
3201
+ .premium-video-box-container.premium-video-box-sticky-apply
3202
+ .premium-video-box-inner-wrap {
3203
+ left: auto;
3204
+ right: 20px;
3205
+ top: 50%;
3206
+ -webkit-transform: translateY(-50%);
3207
+ -ms-transform: translateY(-50%);
3208
+ transform: translateY(-50%); }
3209
+
3210
+ .premium-video-sticky-bottom-right
3211
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3212
+ .premium-video-box-inner-wrap,
3213
+ .premium-video-sticky-bottom-left
3214
+ .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply
3215
+ .premium-video-box-inner-wrap {
3216
+ bottom: 55px; }
3217
+
3218
+ .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3219
+ .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3220
+ .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3221
+ top: -10px;
3222
+ right: -10px; }
3223
+
3224
+ .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3225
+ .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close,
3226
+ .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close {
3227
+ top: -10px;
3228
+ left: -10px; }
3229
+
3230
+ .premium-video-box-filter-sticky {
3231
+ -webkit-filter: none !important;
3232
+ filter: none !important; }
3233
+
3234
+ /**************** Premium Blog *****************/
3235
+ /***********************************************/
3236
+ .premium-blog-thumb-effect-wrapper {
3237
+ position: relative;
3238
+ overflow: hidden; }
3239
+
3240
+ .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link {
3241
+ position: absolute;
3242
+ top: 0;
3243
+ left: 0;
3244
+ width: 100%;
3245
+ height: 100%;
3246
+ z-index: 2;
3247
+ padding: 20px; }
3248
+
3249
+ .premium-blog-bordered-effect .premium-blog-post-link {
3250
+ display: block;
3251
+ height: 100%;
3252
+ position: relative; }
3253
+
3254
+ /*Thumbnail Img*/
3255
+ .premium-blog-thumbnail-container {
3256
+ overflow: hidden; }
3257
+ .premium-blog-thumbnail-container img,
3258
+ .premium-blog-thumbnail-container .below-entry-meta {
3259
+ width: 100%;
3260
+ height: 100%;
3261
+ margin: 0 !important;
3262
+ -webkit-transition: all 0.4s ease-in-out;
3263
+ transition: all 0.4s ease-in-out; }
3264
+
3265
+ .premium-blog-thumb-effect-wrapper .premium-blog-zoomout-effect img,
3266
+ .premium-blog-thumb-effect-wrapper .premium-blog-scale-effect img {
3267
+ -webkit-transform: scale(1.2);
3268
+ -ms-transform: scale(1.2);
3269
+ transform: scale(1.2); }
3270
+
3271
+ .premium-blog-thumb-effect-wrapper .premium-blog-sepia-effect img {
3272
+ -webkit-filter: sepia(30%);
3273
+ filter: sepia(30%); }
3274
+
3275
+ .premium-blog-thumb-effect-wrapper .premium-blog-bright-effect img {
3276
+ -webkit-filter: brightness(1);
3277
+ filter: brightness(1); }
3278
+
3279
+ .premium-blog-thumb-effect-wrapper .premium-blog-trans-effect img {
3280
+ -webkit-transform: translateX(-15px) scale(1.1);
3281
+ -ms-transform: translateX(-15px) scale(1.1);
3282
+ transform: translateX(-15px) scale(1.1); }
3283
+
3284
+ .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img {
3285
+ -webkit-transform: scale(1.2);
3286
+ -ms-transform: scale(1.2);
3287
+ transform: scale(1.2); }
3288
+
3289
+ .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img {
3290
+ -webkit-transform: scale(1.1);
3291
+ -ms-transform: scale(1.1);
3292
+ transform: scale(1.1); }
3293
+
3294
+ .premium-blog-post-outer-container:hover .premium-blog-scale-effect img {
3295
+ -webkit-transform: scale(1.3) rotate(5deg);
3296
+ -ms-transform: scale(1.3) rotate(5deg);
3297
+ transform: scale(1.3) rotate(5deg); }
3298
+
3299
+ .premium-blog-post-outer-container:hover .premium-blog-gray-effect img {
3300
+ -webkit-filter: grayscale(100%);
3301
+ filter: grayscale(100%); }
3302
+
3303
+ .premium-blog-post-outer-container:hover .premium-blog-blur-effect img {
3304
+ -webkit-filter: blur(3px);
3305
+ filter: blur(3px); }
3306
+
3307
+ .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img {
3308
+ -webkit-filter: sepia(0%);
3309
+ filter: sepia(0%); }
3310
+
3311
+ .premium-blog-post-outer-container:hover .premium-blog-bright-effect img {
3312
+ -webkit-filter: brightness(1.2);
3313
+ filter: brightness(1.2); }
3314
+
3315
+ .premium-blog-post-outer-container:hover .premium-blog-trans-effect img {
3316
+ -webkit-transform: translateX(0px) scale(1.1);
3317
+ -ms-transform: translateX(0px) scale(1.1);
3318
+ transform: translateX(0px) scale(1.1); }
3319
+
3320
+ .premium-blog-post-container {
3321
+ overflow: hidden; }
3322
+ .premium-blog-post-container .premium-blog-inner-container {
3323
+ -js-display: flex;
3324
+ display: -webkit-box;
3325
+ display: -webkit-flex;
3326
+ display: -moz-box;
3327
+ display: -ms-flexbox;
3328
+ display: flex; }
3329
+ .premium-blog-post-container .premium-blog-entry-container {
3330
+ margin: 0 !importan